Garlic bread with cheese: What the science tells us
For years parents have espoused the health benefits of eating garlic bread with cheese to their
diff --git a/packages/ui/src/components/typography/table.tsx b/packages/ui/src/components/typography/table.tsx
index 1211c95aa..02ffd9f35 100644
--- a/packages/ui/src/components/typography/table.tsx
+++ b/packages/ui/src/components/typography/table.tsx
@@ -4,7 +4,11 @@ import { clsx } from '../../lib/utils.ts'
export const Tr = forwardRef>(
({ className, children, ...props }, ref) => (
-
+
{children}
),
diff --git a/packages/ui/src/components/typography/typography.stories.tsx b/packages/ui/src/components/typography/typography.stories.tsx
index 12a772b8d..e95d7026b 100644
--- a/packages/ui/src/components/typography/typography.stories.tsx
+++ b/packages/ui/src/components/typography/typography.stories.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable react/no-unescaped-entities -- Reason: storybook story */
import type { Meta, StoryObj } from '@storybook/react'
import { T } from './typography.tsx'
diff --git a/packages/ui/src/ui/accordion.tsx b/packages/ui/src/ui/accordion.tsx
index ec38157b2..67cef611f 100644
--- a/packages/ui/src/ui/accordion.tsx
+++ b/packages/ui/src/ui/accordion.tsx
@@ -11,7 +11,11 @@ AccordionHeader.displayName = Header.displayName
const AccordionItem = forwardRef, ComponentPropsWithoutRef>(
({ className, ...props }, ref) => (
-
+
),
)
AccordionItem.displayName = 'AccordionItem'
@@ -60,4 +64,5 @@ const AccordionContent = forwardRef<
))
AccordionContent.displayName = Content.displayName
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, AccordionHeader, Trigger }
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, AccordionHeader }
+export { Trigger } from '@radix-ui/react-accordion'
diff --git a/packages/ui/src/ui/avatar.tsx b/packages/ui/src/ui/avatar.tsx
index d756ef6a4..752487fa3 100644
--- a/packages/ui/src/ui/avatar.tsx
+++ b/packages/ui/src/ui/avatar.tsx
@@ -16,7 +16,11 @@ Avatar.displayName = Root.displayName
const AvatarImage = forwardRef, ComponentPropsWithoutRef>(
({ className, ...props }, ref) => (
-
+
),
)
AvatarImage.displayName = Image.displayName
diff --git a/packages/ui/src/ui/badge.tsx b/packages/ui/src/ui/badge.tsx
index df09f33ed..fd1094fed 100644
--- a/packages/ui/src/ui/badge.tsx
+++ b/packages/ui/src/ui/badge.tsx
@@ -3,7 +3,7 @@ import { type HTMLAttributes, forwardRef } from 'react'
import { type VariantProps, clsx, cva } from '../lib/utils.ts'
export const badgeVariants = cva(
- 'inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
+ 'inline-flex items-center rounded-md border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
{
variants: {
variant: {
@@ -27,7 +27,11 @@ export interface BadgeProps
export const Badge = forwardRef(
({ className, variant, ...props }, ref) => (
-
+
),
)
Badge.displayName = 'Badge'
diff --git a/packages/ui/src/ui/button.tsx b/packages/ui/src/ui/button.tsx
index bab766bc9..850cf6a59 100644
--- a/packages/ui/src/ui/button.tsx
+++ b/packages/ui/src/ui/button.tsx
@@ -5,7 +5,7 @@ import { type VariantProps, clsx, cva } from '../lib/utils.ts'
const buttonVariants = cva(
clsx(
- 'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',
+ 'inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium text-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',
),
{
variants: {
@@ -45,7 +45,11 @@ const Button = forwardRef(
({ className, variant, size, asChild = false, ...props }, ref) => {
const Comp = asChild ? Slot : 'button'
return (
-
+
)
},
)
diff --git a/packages/ui/src/ui/card.tsx b/packages/ui/src/ui/card.tsx
index 3a588f5cc..c1ed40c2d 100644
--- a/packages/ui/src/ui/card.tsx
+++ b/packages/ui/src/ui/card.tsx
@@ -25,7 +25,11 @@ Root.displayName = 'Card.Root'
const Header = forwardRef>(
({ className, ...props }, ref) => (
-
+
),
)
Header.displayName = 'Card.Header'
@@ -43,21 +47,33 @@ Title.displayName = 'Card.Title'
const Description = forwardRef>(
({ className, ...props }, ref) => (
-
+
),
)
Description.displayName = 'Card.Description'
const Content = forwardRef>(
({ className, ...props }, ref) => (
-
+
),
)
Content.displayName = 'Card.Content'
const Footer = forwardRef>(
({ className, ...props }, ref) => (
-
+
),
)
Footer.displayName = 'Card.Footer'
diff --git a/packages/ui/src/ui/dropdown-menu.tsx b/packages/ui/src/ui/dropdown-menu.tsx
index 7ab98fa18..1b25bb716 100644
--- a/packages/ui/src/ui/dropdown-menu.tsx
+++ b/packages/ui/src/ui/dropdown-menu.tsx
@@ -41,7 +41,7 @@ const DropdownMenuSubTrigger = forwardRef<
>(({ className, inset, children, ...props }, ref) => (
(({ className, inset, ...props }, ref) => (