@customafk/lunas-ui 0.2.40 → 0.2.42

package/dist/ui/item.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"item.cjs","names":["Separator","Slot"],"sources":["../../packages/components/ui/item.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Separator } from '@/components/ui/separator';\n\n/**\n * A list-row layout primitive for rendering structured content rows with optional media, title, description, and action areas.\n *\n * @example\n * ```tsx\n * import { Item, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, ItemGroup } from '@customafk/lunas-ui/ui/item';\n * import { User } from 'lucide-react';\n *\n * <ItemGroup>\n *   <Item variant=\"outline\">\n *     <ItemMedia variant=\"icon\"><User /></ItemMedia>\n *     <ItemContent>\n *       <ItemTitle>Alice</ItemTitle>\n *       <ItemDescription>alice@example.com</ItemDescription>\n *     </ItemContent>\n *     <ItemActions><button>Edit</button></ItemActions>\n *   </Item>\n * </ItemGroup>\n * ```\n */\nfunction ItemGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div role=\"list\" data-slot=\"item-group\" className={cn('group/item-group flex flex-col', className)} {...props} />;\n}\n\n/** Horizontal separator rendered between items in an ItemGroup. */\nfunction ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {\n  return <Separator data-slot=\"item-separator\" orientation=\"horizontal\" className={cn('my-0', className)} {...props} />;\n}\n\nconst itemVariants = cva(\n  'group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border-border',\n        muted: 'bg-muted-weak',\n      },\n      size: {\n        default: 'p-4 gap-4 ',\n        sm: 'py-3 px-4 gap-2.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\n/**\n * The primary row container inside an ItemGroup.\n *\n * @param variant - Visual style: `'default'`, `'outline'`, or `'muted'`.\n * @param size - Spacing size: `'default'` or `'sm'`.\n * @param asChild - When true, renders as the child element via Radix Slot.\n */\nfunction Item({\n  className,\n  variant = 'default',\n  size = 'default',\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'div';\n  return <Comp data-slot=\"item\" data-variant={variant} data-size={size} className={cn(itemVariants({ variant, size, className }))} {...props} />;\n}\n\nconst itemMediaVariants = cva(\n  'flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        icon: \"size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4\",\n        image: 'size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\n/**\n * Left-aligned slot for an avatar, icon, or image within an Item.\n *\n * @param variant - `'default'` for a transparent wrapper, `'icon'` for a small bordered square, or `'image'` for a rounded thumbnail.\n */\nfunction ItemMedia({ className, variant = 'default', ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>) {\n  return <div data-slot=\"item-media\" data-variant={variant} className={cn(itemMediaVariants({ variant, className }))} {...props} />;\n}\n\n/** Flex-1 column that holds the ItemTitle and ItemDescription. */\nfunction ItemContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-content\" className={cn('flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none', className)} {...props} />;\n}\n\n/** Primary label text rendered in medium weight inside an ItemContent. */\nfunction ItemTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-title\" className={cn('flex w-fit items-center gap-2 text-sm leading-snug font-medium', className)} {...props} />;\n}\n\n/** Secondary, muted body text clamped to two lines inside an ItemContent. */\nfunction ItemDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        'text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance',\n        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Right-aligned slot for buttons or other interactive controls within an Item. */\nfunction ItemActions({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-actions\" className={cn('flex items-center gap-2', className)} {...props} />;\n}\n\n/** Full-width row at the top of an Item for header-level labels or metadata. */\nfunction ItemHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-header\" className={cn('flex basis-full items-center justify-between gap-2', className)} {...props} />;\n}\n\n/** Full-width row at the bottom of an Item for footer-level content or secondary actions. */\nfunction ItemFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-footer\" className={cn('flex basis-full items-center justify-between gap-2', className)} {...props} />;\n}\n\nexport { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter };\n"],"mappings":"uOA0BA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,KAAK,OAAO,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,iCAAkC,EAAU,CAAE,GAAI,GAAS,CAI1H,SAAS,EAAc,CAAE,YAAW,GAAG,GAAiD,CACtF,OAAO,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAU,YAAU,iBAAiB,YAAY,aAAa,WAAA,EAAA,EAAA,IAAc,OAAQ,EAAU,CAAE,GAAI,GAAS,CAGvH,MAAM,GAAA,EAAA,EAAA,KACJ,4QACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,gBACT,MAAO,gBACR,CACD,KAAM,CACJ,QAAS,aACT,GAAI,oBACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,UACP,CACF,CACF,CASD,SAAS,EAAK,CACZ,YACA,UAAU,UACV,OAAO,UACP,UAAU,GACV,GAAG,GACuF,CAE1F,OAAO,EAAA,EAAA,KADM,EAAUC,EAAAA,EAAO,MAAA,CACjB,YAAU,OAAO,eAAc,EAAS,YAAW,EAAM,WAAA,EAAA,EAAA,IAAc,EAAa,CAAE,UAAS,OAAM,YAAW,CAAC,CAAC,CAAE,GAAI,GAAS,CAGhJ,MAAM,GAAA,EAAA,EAAA,KACJ,qMACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,KAAM,yEACN,MAAO,4EACR,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CACF,CAOD,SAAS,EAAU,CAAE,YAAW,UAAU,UAAW,GAAG,GAA+E,CACrI,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,aAAa,eAAc,EAAS,WAAA,EAAA,EAAA,IAAc,EAAkB,CAAE,UAAS,YAAW,CAAC,CAAC,CAAE,GAAI,GAAS,CAInI,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,oEAAqE,EAAU,CAAE,GAAI,GAAS,CAInJ,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,iEAAkE,EAAU,CAAE,GAAI,GAAS,CAI9I,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAoC,CAC3E,OACE,EAAA,EAAA,KAAC,IAAA,CACC,YAAU,mBACV,WAAA,EAAA,EAAA,IACE,qFACA,oEACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,0BAA2B,EAAU,CAAE,GAAI,GAAS,CAIzG,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,qDAAsD,EAAU,CAAE,GAAI,GAAS,CAInI,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,qDAAsD,EAAU,CAAE,GAAI,GAAS"}
+{"version":3,"file":"item.cjs","names":["Separator","Slot"],"sources":["../../packages/components/ui/item.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Separator } from '@/components/ui/separator';\n\n/**\n * A list-row layout primitive for rendering structured content rows with optional media, title, description, and action areas.\n *\n * @example\n * ```tsx\n * import { Item, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, ItemGroup } from '@customafk/lunas-ui/ui/item';\n * import { User } from 'lucide-react';\n *\n * <ItemGroup>\n *   <Item variant=\"outline\">\n *     <ItemMedia variant=\"icon\"><User /></ItemMedia>\n *     <ItemContent>\n *       <ItemTitle>Alice</ItemTitle>\n *       <ItemDescription>alice@example.com</ItemDescription>\n *     </ItemContent>\n *     <ItemActions><button>Edit</button></ItemActions>\n *   </Item>\n * </ItemGroup>\n * ```\n */\nfunction ItemGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div role=\"list\" data-slot=\"item-group\" className={cn('group/item-group flex flex-col', className)} {...props} />;\n}\n\n/** Horizontal separator rendered between items in an ItemGroup. */\nfunction ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {\n  return <Separator data-slot=\"item-separator\" orientation=\"horizontal\" className={cn('my-0', className)} {...props} />;\n}\n\nconst itemVariants = cva(\n  'group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border-border',\n        muted: 'bg-muted-weak',\n      },\n      size: {\n        default: 'p-4 gap-4 ',\n        sm: 'py-3 px-4 gap-2.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\n/**\n * The primary row container inside an ItemGroup.\n *\n * @param variant - Visual style: `'default'`, `'outline'`, or `'muted'`.\n * @param size - Spacing size: `'default'` or `'sm'`.\n * @param asChild - When true, renders as the child element via Radix Slot.\n */\nfunction Item({\n  className,\n  variant = 'default',\n  size = 'default',\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'div';\n  return <Comp data-slot=\"item\" data-variant={variant} data-size={size} className={cn(itemVariants({ variant, size, className }))} {...props} />;\n}\n\nconst itemMediaVariants = cva(\n  'flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        icon: \"size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4\",\n        image: 'size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\n/**\n * Left-aligned slot for an avatar, icon, or image within an Item.\n *\n * @param variant - `'default'` for a transparent wrapper, `'icon'` for a small bordered square, or `'image'` for a rounded thumbnail.\n */\nfunction ItemMedia({ className, variant = 'default', ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>) {\n  return <div data-slot=\"item-media\" data-variant={variant} className={cn(itemMediaVariants({ variant, className }))} {...props} />;\n}\n\n/** Flex-1 column that holds the ItemTitle and ItemDescription. */\nfunction ItemContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-content\" className={cn('flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none', className)} {...props} />;\n}\n\n/** Primary label text rendered in medium weight inside an ItemContent. */\nfunction ItemTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-title\" className={cn('flex w-fit items-center gap-2 text-sm leading-snug font-medium', className)} {...props} />;\n}\n\n/** Secondary, muted body text clamped to two lines inside an ItemContent. */\nfunction ItemDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        'text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance',\n        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Right-aligned slot for buttons or other interactive controls within an Item. */\nfunction ItemActions({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-actions\" className={cn('flex items-center gap-2', className)} {...props} />;\n}\n\n/** Full-width row at the top of an Item for header-level labels or metadata. */\nfunction ItemHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-header\" className={cn('flex basis-full items-center justify-between gap-2', className)} {...props} />;\n}\n\n/** Full-width row at the bottom of an Item for footer-level content or secondary actions. */\nfunction ItemFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-footer\" className={cn('flex basis-full items-center justify-between gap-2', className)} {...props} />;\n}\n\nexport { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter };\n"],"mappings":"uOA0BA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,KAAK,OAAO,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,iCAAkC,EAAU,CAAE,GAAI,GAAS,CAI1H,SAAS,EAAc,CAAE,YAAW,GAAG,GAAiD,CACtF,OAAO,EAAA,EAAA,KAACA,EAAAA,UAAAA,CAAU,YAAU,iBAAiB,YAAY,aAAa,WAAA,EAAA,EAAA,IAAc,OAAQ,EAAU,CAAE,GAAI,GAAS,CAGvH,MAAM,GAAA,EAAA,EAAA,KACJ,4QACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,gBACT,MAAO,gBACR,CACD,KAAM,CACJ,QAAS,aACT,GAAI,oBACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,UACP,CACF,CACF,CASD,SAAS,EAAK,CACZ,YACA,UAAU,UACV,OAAO,UACP,UAAU,GACV,GAAG,GACuF,CAE1F,OAAO,EAAA,EAAA,KADM,EAAUC,EAAAA,KAAO,MAAA,CACjB,YAAU,OAAO,eAAc,EAAS,YAAW,EAAM,WAAA,EAAA,EAAA,IAAc,EAAa,CAAE,UAAS,OAAM,YAAW,CAAC,CAAC,CAAE,GAAI,GAAS,CAGhJ,MAAM,GAAA,EAAA,EAAA,KACJ,qMACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,KAAM,yEACN,MAAO,4EACR,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CACF,CAOD,SAAS,EAAU,CAAE,YAAW,UAAU,UAAW,GAAG,GAA+E,CACrI,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,aAAa,eAAc,EAAS,WAAA,EAAA,EAAA,IAAc,EAAkB,CAAE,UAAS,YAAW,CAAC,CAAC,CAAE,GAAI,GAAS,CAInI,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,oEAAqE,EAAU,CAAE,GAAI,GAAS,CAInJ,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,iEAAkE,EAAU,CAAE,GAAI,GAAS,CAI9I,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAoC,CAC3E,OACE,EAAA,EAAA,KAAC,IAAA,CACC,YAAU,mBACV,WAAA,EAAA,EAAA,IACE,qFACA,oEACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,0BAA2B,EAAU,CAAE,GAAI,GAAS,CAIzG,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,qDAAsD,EAAU,CAAE,GAAI,GAAS,CAInI,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,qDAAsD,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/item.d.cts

@@ -1,7 +1,7 @@
-import { Separator } from "./separator.cjs";
-import * as react140 from "react";
-import * as class_variance_authority_types7 from "class-variance-authority/types";
+import * as react234 from "react";
+import * as class_variance_authority_types10 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
+import { Separator } from "@/components/ui/separator";
 
 //#region packages/components/ui/item.d.ts
 
@@ -28,16 +28,16 @@ import { VariantProps } from "class-variance-authority";
 declare function ItemGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react140.JSX.Element;
+}: React.ComponentProps<'div'>): react234.JSX.Element;
 /** Horizontal separator rendered between items in an ItemGroup. */
 declare function ItemSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react140.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react234.JSX.Element;
 declare const itemVariants: (props?: ({
   variant?: "default" | "outline" | "muted" | null | undefined;
   size?: "sm" | "default" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
 /**
  * The primary row container inside an ItemGroup.
  *
@@ -53,10 +53,10 @@ declare function Item({
   ...props
 }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
   asChild?: boolean;
-}): react140.JSX.Element;
+}): react234.JSX.Element;
 declare const itemMediaVariants: (props?: ({
   variant?: "default" | "image" | "icon" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
 /**
  * Left-aligned slot for an avatar, icon, or image within an Item.
  *
@@ -66,37 +66,37 @@ declare function ItemMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react140.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react234.JSX.Element;
 /** Flex-1 column that holds the ItemTitle and ItemDescription. */
 declare function ItemContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react140.JSX.Element;
+}: React.ComponentProps<'div'>): react234.JSX.Element;
 /** Primary label text rendered in medium weight inside an ItemContent. */
 declare function ItemTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react140.JSX.Element;
+}: React.ComponentProps<'div'>): react234.JSX.Element;
 /** Secondary, muted body text clamped to two lines inside an ItemContent. */
 declare function ItemDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react140.JSX.Element;
+}: React.ComponentProps<'p'>): react234.JSX.Element;
 /** Right-aligned slot for buttons or other interactive controls within an Item. */
 declare function ItemActions({
   className,
   ...props
-}: React.ComponentProps<'div'>): react140.JSX.Element;
+}: React.ComponentProps<'div'>): react234.JSX.Element;
 /** Full-width row at the top of an Item for header-level labels or metadata. */
 declare function ItemHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react140.JSX.Element;
+}: React.ComponentProps<'div'>): react234.JSX.Element;
 /** Full-width row at the bottom of an Item for footer-level content or secondary actions. */
 declare function ItemFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react140.JSX.Element;
+}: React.ComponentProps<'div'>): react234.JSX.Element;
 //#endregion
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
 //# sourceMappingURL=item.d.cts.map

package/dist/ui/item.d.ts

@@ -1,7 +1,7 @@
-import { Separator } from "./separator.js";
-import * as react130 from "react";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types7 from "class-variance-authority/types";
+import * as react215 from "react";
+import { Separator } from "@/components/ui/separator";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
 
 //#region packages/components/ui/item.d.ts
 
@@ -28,16 +28,16 @@ import * as class_variance_authority_types7 from "class-variance-authority/types
 declare function ItemGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react130.JSX.Element;
+}: React.ComponentProps<'div'>): react215.JSX.Element;
 /** Horizontal separator rendered between items in an ItemGroup. */
 declare function ItemSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Separator>): react130.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react215.JSX.Element;
 declare const itemVariants: (props?: ({
   variant?: "default" | "outline" | "muted" | null | undefined;
   size?: "sm" | "default" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
 /**
  * The primary row container inside an ItemGroup.
  *
@@ -53,10 +53,10 @@ declare function Item({
   ...props
 }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
   asChild?: boolean;
-}): react130.JSX.Element;
+}): react215.JSX.Element;
 declare const itemMediaVariants: (props?: ({
   variant?: "default" | "image" | "icon" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
 /**
  * Left-aligned slot for an avatar, icon, or image within an Item.
  *
@@ -66,37 +66,37 @@ declare function ItemMedia({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react130.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react215.JSX.Element;
 /** Flex-1 column that holds the ItemTitle and ItemDescription. */
 declare function ItemContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react130.JSX.Element;
+}: React.ComponentProps<'div'>): react215.JSX.Element;
 /** Primary label text rendered in medium weight inside an ItemContent. */
 declare function ItemTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react130.JSX.Element;
+}: React.ComponentProps<'div'>): react215.JSX.Element;
 /** Secondary, muted body text clamped to two lines inside an ItemContent. */
 declare function ItemDescription({
   className,
   ...props
-}: React.ComponentProps<'p'>): react130.JSX.Element;
+}: React.ComponentProps<'p'>): react215.JSX.Element;
 /** Right-aligned slot for buttons or other interactive controls within an Item. */
 declare function ItemActions({
   className,
   ...props
-}: React.ComponentProps<'div'>): react130.JSX.Element;
+}: React.ComponentProps<'div'>): react215.JSX.Element;
 /** Full-width row at the top of an Item for header-level labels or metadata. */
 declare function ItemHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react130.JSX.Element;
+}: React.ComponentProps<'div'>): react215.JSX.Element;
 /** Full-width row at the bottom of an Item for footer-level content or secondary actions. */
 declare function ItemFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react130.JSX.Element;
+}: React.ComponentProps<'div'>): react215.JSX.Element;
 //#endregion
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
 //# sourceMappingURL=item.d.ts.map

package/dist/ui/item.js

@@ -1,2 +1,2 @@
-import{t as e}from"../dist-EPxjIRJp.js";import{t}from"../separator-BM8hA4DP.js";import{cn as n}from"@customafk/react-toolkit/utils";import{cva as r}from"class-variance-authority";import{jsx as i}from"react/jsx-runtime";function a({className:e,...t}){return i(`div`,{role:`list`,"data-slot":`item-group`,className:n(`group/item-group flex flex-col`,e),...t})}function o({className:e,...r}){return i(t,{"data-slot":`item-separator`,orientation:`horizontal`,className:n(`my-0`,e),...r})}const s=r(`group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]`,{variants:{variant:{default:`bg-transparent`,outline:`border-border`,muted:`bg-muted-weak`},size:{default:`p-4 gap-4 `,sm:`py-3 px-4 gap-2.5`}},defaultVariants:{variant:`default`,size:`default`}});function c({className:t,variant:r=`default`,size:a=`default`,asChild:o=!1,...c}){return i(o?e:`div`,{"data-slot":`item`,"data-variant":r,"data-size":a,className:n(s({variant:r,size:a,className:t})),...c})}const l=r(`flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5`,{variants:{variant:{default:`bg-transparent`,icon:`size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4`,image:`size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function u({className:e,variant:t=`default`,...r}){return i(`div`,{"data-slot":`item-media`,"data-variant":t,className:n(l({variant:t,className:e})),...r})}function d({className:e,...t}){return i(`div`,{"data-slot":`item-content`,className:n(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...t})}function f({className:e,...t}){return i(`div`,{"data-slot":`item-title`,className:n(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...t})}function p({className:e,...t}){return i(`p`,{"data-slot":`item-description`,className:n(`text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t})}function m({className:e,...t}){return i(`div`,{"data-slot":`item-actions`,className:n(`flex items-center gap-2`,e),...t})}function h({className:e,...t}){return i(`div`,{"data-slot":`item-header`,className:n(`flex basis-full items-center justify-between gap-2`,e),...t})}function g({className:e,...t}){return i(`div`,{"data-slot":`item-footer`,className:n(`flex basis-full items-center justify-between gap-2`,e),...t})}export{c as Item,m as ItemActions,d as ItemContent,p as ItemDescription,g as ItemFooter,a as ItemGroup,h as ItemHeader,u as ItemMedia,o as ItemSeparator,f as ItemTitle};
+import{Slot as e}from"@radix-ui/react-slot";import{cn as t}from"@customafk/react-toolkit/utils";import{cva as n}from"class-variance-authority";import{jsx as r}from"react/jsx-runtime";import{Separator as i}from"@/components/ui/separator";function a({className:e,...n}){return r(`div`,{role:`list`,"data-slot":`item-group`,className:t(`group/item-group flex flex-col`,e),...n})}function o({className:e,...n}){return r(i,{"data-slot":`item-separator`,orientation:`horizontal`,className:t(`my-0`,e),...n})}const s=n(`group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]`,{variants:{variant:{default:`bg-transparent`,outline:`border-border`,muted:`bg-muted-weak`},size:{default:`p-4 gap-4 `,sm:`py-3 px-4 gap-2.5`}},defaultVariants:{variant:`default`,size:`default`}});function c({className:n,variant:i=`default`,size:a=`default`,asChild:o=!1,...c}){return r(o?e:`div`,{"data-slot":`item`,"data-variant":i,"data-size":a,className:t(s({variant:i,size:a,className:n})),...c})}const l=n(`flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5`,{variants:{variant:{default:`bg-transparent`,icon:`size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4`,image:`size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function u({className:e,variant:n=`default`,...i}){return r(`div`,{"data-slot":`item-media`,"data-variant":n,className:t(l({variant:n,className:e})),...i})}function d({className:e,...n}){return r(`div`,{"data-slot":`item-content`,className:t(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...n})}function f({className:e,...n}){return r(`div`,{"data-slot":`item-title`,className:t(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...n})}function p({className:e,...n}){return r(`p`,{"data-slot":`item-description`,className:t(`text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...n})}function m({className:e,...n}){return r(`div`,{"data-slot":`item-actions`,className:t(`flex items-center gap-2`,e),...n})}function h({className:e,...n}){return r(`div`,{"data-slot":`item-header`,className:t(`flex basis-full items-center justify-between gap-2`,e),...n})}function g({className:e,...n}){return r(`div`,{"data-slot":`item-footer`,className:t(`flex basis-full items-center justify-between gap-2`,e),...n})}export{c as Item,m as ItemActions,d as ItemContent,p as ItemDescription,g as ItemFooter,a as ItemGroup,h as ItemHeader,u as ItemMedia,o as ItemSeparator,f as ItemTitle};
 //# sourceMappingURL=item.js.map

package/dist/ui/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":[],"sources":["../../packages/components/ui/item.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Separator } from '@/components/ui/separator';\n\n/**\n * A list-row layout primitive for rendering structured content rows with optional media, title, description, and action areas.\n *\n * @example\n * ```tsx\n * import { Item, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, ItemGroup } from '@customafk/lunas-ui/ui/item';\n * import { User } from 'lucide-react';\n *\n * <ItemGroup>\n *   <Item variant=\"outline\">\n *     <ItemMedia variant=\"icon\"><User /></ItemMedia>\n *     <ItemContent>\n *       <ItemTitle>Alice</ItemTitle>\n *       <ItemDescription>alice@example.com</ItemDescription>\n *     </ItemContent>\n *     <ItemActions><button>Edit</button></ItemActions>\n *   </Item>\n * </ItemGroup>\n * ```\n */\nfunction ItemGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div role=\"list\" data-slot=\"item-group\" className={cn('group/item-group flex flex-col', className)} {...props} />;\n}\n\n/** Horizontal separator rendered between items in an ItemGroup. */\nfunction ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {\n  return <Separator data-slot=\"item-separator\" orientation=\"horizontal\" className={cn('my-0', className)} {...props} />;\n}\n\nconst itemVariants = cva(\n  'group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border-border',\n        muted: 'bg-muted-weak',\n      },\n      size: {\n        default: 'p-4 gap-4 ',\n        sm: 'py-3 px-4 gap-2.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\n/**\n * The primary row container inside an ItemGroup.\n *\n * @param variant - Visual style: `'default'`, `'outline'`, or `'muted'`.\n * @param size - Spacing size: `'default'` or `'sm'`.\n * @param asChild - When true, renders as the child element via Radix Slot.\n */\nfunction Item({\n  className,\n  variant = 'default',\n  size = 'default',\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'div';\n  return <Comp data-slot=\"item\" data-variant={variant} data-size={size} className={cn(itemVariants({ variant, size, className }))} {...props} />;\n}\n\nconst itemMediaVariants = cva(\n  'flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        icon: \"size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4\",\n        image: 'size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\n/**\n * Left-aligned slot for an avatar, icon, or image within an Item.\n *\n * @param variant - `'default'` for a transparent wrapper, `'icon'` for a small bordered square, or `'image'` for a rounded thumbnail.\n */\nfunction ItemMedia({ className, variant = 'default', ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>) {\n  return <div data-slot=\"item-media\" data-variant={variant} className={cn(itemMediaVariants({ variant, className }))} {...props} />;\n}\n\n/** Flex-1 column that holds the ItemTitle and ItemDescription. */\nfunction ItemContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-content\" className={cn('flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none', className)} {...props} />;\n}\n\n/** Primary label text rendered in medium weight inside an ItemContent. */\nfunction ItemTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-title\" className={cn('flex w-fit items-center gap-2 text-sm leading-snug font-medium', className)} {...props} />;\n}\n\n/** Secondary, muted body text clamped to two lines inside an ItemContent. */\nfunction ItemDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        'text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance',\n        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Right-aligned slot for buttons or other interactive controls within an Item. */\nfunction ItemActions({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-actions\" className={cn('flex items-center gap-2', className)} {...props} />;\n}\n\n/** Full-width row at the top of an Item for header-level labels or metadata. */\nfunction ItemHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-header\" className={cn('flex basis-full items-center justify-between gap-2', className)} {...props} />;\n}\n\n/** Full-width row at the bottom of an Item for footer-level content or secondary actions. */\nfunction ItemFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-footer\" className={cn('flex basis-full items-center justify-between gap-2', className)} {...props} />;\n}\n\nexport { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter };\n"],"mappings":"2NA0BA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAC,MAAA,CAAI,KAAK,OAAO,YAAU,aAAa,UAAW,EAAG,iCAAkC,EAAU,CAAE,GAAI,GAAS,CAI1H,SAAS,EAAc,CAAE,YAAW,GAAG,GAAiD,CACtF,OAAO,EAAC,EAAA,CAAU,YAAU,iBAAiB,YAAY,aAAa,UAAW,EAAG,OAAQ,EAAU,CAAE,GAAI,GAAS,CAGvH,MAAM,EAAe,EACnB,4QACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,gBACT,MAAO,gBACR,CACD,KAAM,CACJ,QAAS,aACT,GAAI,oBACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,UACP,CACF,CACF,CASD,SAAS,EAAK,CACZ,YACA,UAAU,UACV,OAAO,UACP,UAAU,GACV,GAAG,GACuF,CAE1F,OAAO,EADM,EAAU,EAAO,MAAA,CACjB,YAAU,OAAO,eAAc,EAAS,YAAW,EAAM,UAAW,EAAG,EAAa,CAAE,UAAS,OAAM,YAAW,CAAC,CAAC,CAAE,GAAI,GAAS,CAGhJ,MAAM,EAAoB,EACxB,qMACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,KAAM,yEACN,MAAO,4EACR,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CACF,CAOD,SAAS,EAAU,CAAE,YAAW,UAAU,UAAW,GAAG,GAA+E,CACrI,OAAO,EAAC,MAAA,CAAI,YAAU,aAAa,eAAc,EAAS,UAAW,EAAG,EAAkB,CAAE,UAAS,YAAW,CAAC,CAAC,CAAE,GAAI,GAAS,CAInI,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAA,CAAI,YAAU,eAAe,UAAW,EAAG,oEAAqE,EAAU,CAAE,GAAI,GAAS,CAInJ,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAC,MAAA,CAAI,YAAU,aAAa,UAAW,EAAG,iEAAkE,EAAU,CAAE,GAAI,GAAS,CAI9I,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAoC,CAC3E,OACE,EAAC,IAAA,CACC,YAAU,mBACV,UAAW,EACT,qFACA,oEACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAA,CAAI,YAAU,eAAe,UAAW,EAAG,0BAA2B,EAAU,CAAE,GAAI,GAAS,CAIzG,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,qDAAsD,EAAU,CAAE,GAAI,GAAS,CAInI,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,qDAAsD,EAAU,CAAE,GAAI,GAAS"}
+{"version":3,"file":"item.js","names":[],"sources":["../../packages/components/ui/item.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Separator } from '@/components/ui/separator';\n\n/**\n * A list-row layout primitive for rendering structured content rows with optional media, title, description, and action areas.\n *\n * @example\n * ```tsx\n * import { Item, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, ItemGroup } from '@customafk/lunas-ui/ui/item';\n * import { User } from 'lucide-react';\n *\n * <ItemGroup>\n *   <Item variant=\"outline\">\n *     <ItemMedia variant=\"icon\"><User /></ItemMedia>\n *     <ItemContent>\n *       <ItemTitle>Alice</ItemTitle>\n *       <ItemDescription>alice@example.com</ItemDescription>\n *     </ItemContent>\n *     <ItemActions><button>Edit</button></ItemActions>\n *   </Item>\n * </ItemGroup>\n * ```\n */\nfunction ItemGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div role=\"list\" data-slot=\"item-group\" className={cn('group/item-group flex flex-col', className)} {...props} />;\n}\n\n/** Horizontal separator rendered between items in an ItemGroup. */\nfunction ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {\n  return <Separator data-slot=\"item-separator\" orientation=\"horizontal\" className={cn('my-0', className)} {...props} />;\n}\n\nconst itemVariants = cva(\n  'group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border-border',\n        muted: 'bg-muted-weak',\n      },\n      size: {\n        default: 'p-4 gap-4 ',\n        sm: 'py-3 px-4 gap-2.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\n/**\n * The primary row container inside an ItemGroup.\n *\n * @param variant - Visual style: `'default'`, `'outline'`, or `'muted'`.\n * @param size - Spacing size: `'default'` or `'sm'`.\n * @param asChild - When true, renders as the child element via Radix Slot.\n */\nfunction Item({\n  className,\n  variant = 'default',\n  size = 'default',\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'div';\n  return <Comp data-slot=\"item\" data-variant={variant} data-size={size} className={cn(itemVariants({ variant, size, className }))} {...props} />;\n}\n\nconst itemMediaVariants = cva(\n  'flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        icon: \"size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4\",\n        image: 'size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\n/**\n * Left-aligned slot for an avatar, icon, or image within an Item.\n *\n * @param variant - `'default'` for a transparent wrapper, `'icon'` for a small bordered square, or `'image'` for a rounded thumbnail.\n */\nfunction ItemMedia({ className, variant = 'default', ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>) {\n  return <div data-slot=\"item-media\" data-variant={variant} className={cn(itemMediaVariants({ variant, className }))} {...props} />;\n}\n\n/** Flex-1 column that holds the ItemTitle and ItemDescription. */\nfunction ItemContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-content\" className={cn('flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none', className)} {...props} />;\n}\n\n/** Primary label text rendered in medium weight inside an ItemContent. */\nfunction ItemTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-title\" className={cn('flex w-fit items-center gap-2 text-sm leading-snug font-medium', className)} {...props} />;\n}\n\n/** Secondary, muted body text clamped to two lines inside an ItemContent. */\nfunction ItemDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        'text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance',\n        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Right-aligned slot for buttons or other interactive controls within an Item. */\nfunction ItemActions({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-actions\" className={cn('flex items-center gap-2', className)} {...props} />;\n}\n\n/** Full-width row at the top of an Item for header-level labels or metadata. */\nfunction ItemHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-header\" className={cn('flex basis-full items-center justify-between gap-2', className)} {...props} />;\n}\n\n/** Full-width row at the bottom of an Item for footer-level content or secondary actions. */\nfunction ItemFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-footer\" className={cn('flex basis-full items-center justify-between gap-2', className)} {...props} />;\n}\n\nexport { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter };\n"],"mappings":"6OA0BA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAC,MAAA,CAAI,KAAK,OAAO,YAAU,aAAa,UAAW,EAAG,iCAAkC,EAAU,CAAE,GAAI,GAAS,CAI1H,SAAS,EAAc,CAAE,YAAW,GAAG,GAAiD,CACtF,OAAO,EAAC,EAAA,CAAU,YAAU,iBAAiB,YAAY,aAAa,UAAW,EAAG,OAAQ,EAAU,CAAE,GAAI,GAAS,CAGvH,MAAM,EAAe,EACnB,4QACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,gBACT,MAAO,gBACR,CACD,KAAM,CACJ,QAAS,aACT,GAAI,oBACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,UACP,CACF,CACF,CASD,SAAS,EAAK,CACZ,YACA,UAAU,UACV,OAAO,UACP,UAAU,GACV,GAAG,GACuF,CAE1F,OAAO,EADM,EAAU,EAAO,MAAA,CACjB,YAAU,OAAO,eAAc,EAAS,YAAW,EAAM,UAAW,EAAG,EAAa,CAAE,UAAS,OAAM,YAAW,CAAC,CAAC,CAAE,GAAI,GAAS,CAGhJ,MAAM,EAAoB,EACxB,qMACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,KAAM,yEACN,MAAO,4EACR,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CACF,CAOD,SAAS,EAAU,CAAE,YAAW,UAAU,UAAW,GAAG,GAA+E,CACrI,OAAO,EAAC,MAAA,CAAI,YAAU,aAAa,eAAc,EAAS,UAAW,EAAG,EAAkB,CAAE,UAAS,YAAW,CAAC,CAAC,CAAE,GAAI,GAAS,CAInI,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAA,CAAI,YAAU,eAAe,UAAW,EAAG,oEAAqE,EAAU,CAAE,GAAI,GAAS,CAInJ,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAC,MAAA,CAAI,YAAU,aAAa,UAAW,EAAG,iEAAkE,EAAU,CAAE,GAAI,GAAS,CAI9I,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAoC,CAC3E,OACE,EAAC,IAAA,CACC,YAAU,mBACV,UAAW,EACT,qFACA,oEACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAA,CAAI,YAAU,eAAe,UAAW,EAAG,0BAA2B,EAAU,CAAE,GAAI,GAAS,CAIzG,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,qDAAsD,EAAU,CAAE,GAAI,GAAS,CAInI,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,qDAAsD,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/label.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../label-CC6fXVbC.cjs`);exports.Label=e.t;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({className:e,...i}){return(0,n.jsx)(r.Label.Root,{"data-slot":`label`,className:(0,t.cn)(`text-text-positive`,`flex items-center gap-2`,`select-none font-medium text-sm/6 leading-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,e),...i})}exports.Label=i;
+//# sourceMappingURL=label.cjs.map

package/dist/ui/label.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.cjs","names":["LabelPrimitive"],"sources":["../../packages/components/ui/label.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Label as LabelPrimitive } from 'radix-ui';\n\n/**\n * Accessible form label built on Radix UI's `Label.Root`, with styles for disabled and peer-disabled states.\n *\n * @example\n * ```tsx\n * import { Label } from '@customafk/lunas-ui/ui/label';\n * import { Input } from '@customafk/lunas-ui/ui/input';\n *\n * <Label htmlFor=\"email\">Email address</Label>\n * <Input id=\"email\" type=\"email\" placeholder=\"you@example.com\" />\n * ```\n */\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'text-text-positive',\n        'flex items-center gap-2',\n        'select-none font-medium text-sm/6 leading-none',\n        'group-data-[disabled=true]:pointer-events-none',\n        'group-data-[disabled=true]:opacity-50',\n        'peer-disabled:cursor-not-allowed',\n        'peer-disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"2JAkBA,SAAS,EAAM,CAAE,YAAW,GAAG,GAA2D,CACxF,OACE,EAAA,EAAA,KAACA,EAAAA,MAAe,KAAA,CACd,YAAU,QACV,WAAA,EAAA,EAAA,IACE,qBACA,0BACA,iDACA,iDACA,wCACA,mCACA,2BACA,EACD,CACD,GAAI,GACJ"}

package/dist/ui/label.d.cts

@@ -1,4 +1,4 @@
-import * as react150 from "react";
+import * as react302 from "react";
 import { Label as Label$1 } from "radix-ui";
 
 //#region packages/components/ui/label.d.ts
@@ -18,7 +18,7 @@ import { Label as Label$1 } from "radix-ui";
 declare function Label({
   className,
   ...props
-}: React.ComponentProps<typeof Label$1.Root>): react150.JSX.Element;
+}: React.ComponentProps<typeof Label$1.Root>): react302.JSX.Element;
 //#endregion
 export { Label };
 //# sourceMappingURL=label.d.cts.map

package/dist/ui/label.d.ts

@@ -1,4 +1,4 @@
-import * as react129 from "react";
+import * as react191 from "react";
 import { Label as Label$1 } from "radix-ui";
 
 //#region packages/components/ui/label.d.ts
@@ -18,7 +18,7 @@ import { Label as Label$1 } from "radix-ui";
 declare function Label({
   className,
   ...props
-}: React.ComponentProps<typeof Label$1.Root>): react129.JSX.Element;
+}: React.ComponentProps<typeof Label$1.Root>): react191.JSX.Element;
 //#endregion
 export { Label };
 //# sourceMappingURL=label.d.ts.map

package/dist/ui/label.js

@@ -1 +1,2 @@
-"use client";import{t as e}from"../label-B8cAG2kc.js";export{e as Label};
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Label as n}from"radix-ui";function r({className:r,...i}){return t(n.Root,{"data-slot":`label`,className:e(`text-text-positive`,`flex items-center gap-2`,`select-none font-medium text-sm/6 leading-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,r),...i})}export{r as Label};
+//# sourceMappingURL=label.js.map

package/dist/ui/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","names":["LabelPrimitive"],"sources":["../../packages/components/ui/label.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Label as LabelPrimitive } from 'radix-ui';\n\n/**\n * Accessible form label built on Radix UI's `Label.Root`, with styles for disabled and peer-disabled states.\n *\n * @example\n * ```tsx\n * import { Label } from '@customafk/lunas-ui/ui/label';\n * import { Input } from '@customafk/lunas-ui/ui/input';\n *\n * <Label htmlFor=\"email\">Email address</Label>\n * <Input id=\"email\" type=\"email\" placeholder=\"you@example.com\" />\n * ```\n */\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'text-text-positive',\n        'flex items-center gap-2',\n        'select-none font-medium text-sm/6 leading-none',\n        'group-data-[disabled=true]:pointer-events-none',\n        'group-data-[disabled=true]:opacity-50',\n        'peer-disabled:cursor-not-allowed',\n        'peer-disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"0IAkBA,SAAS,EAAM,CAAE,YAAW,GAAG,GAA2D,CACxF,OACE,EAACA,EAAe,KAAA,CACd,YAAU,QACV,UAAW,EACT,qBACA,0BACA,iDACA,iDACA,wCACA,mCACA,2BACA,EACD,CACD,GAAI,GACJ"}

package/dist/ui/menubar.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);function a({className:e,...t}){return(0,r.jsx)(i.Menubar.Root,{"data-slot":`menubar`,className:(0,n.cn)(`bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs`,e),...t})}function o({...e}){return(0,r.jsx)(i.Menubar.Menu,{"data-slot":`menubar-menu`,...e})}function s({...e}){return(0,r.jsx)(i.Menubar.Group,{"data-slot":`menubar-group`,...e})}function c({...e}){return(0,r.jsx)(i.Menubar.Portal,{"data-slot":`menubar-portal`,...e})}function l({...e}){return(0,r.jsx)(i.Menubar.RadioGroup,{"data-slot":`menubar-radio-group`,...e})}function u({className:e,...t}){return(0,r.jsx)(i.Menubar.Trigger,{"data-slot":`menubar-trigger`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none`,e),...t})}function d({className:e,align:t=`start`,alignOffset:a=-4,sideOffset:o=8,...s}){return(0,r.jsx)(c,{children:(0,r.jsx)(i.Menubar.Content,{"data-slot":`menubar-content`,align:t,alignOffset:a,sideOffset:o,className:(0,n.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md`,e),...s})})}function f({className:e,inset:t,variant:a=`default`,...o}){return(0,r.jsx)(i.Menubar.Item,{"data-slot":`menubar-item`,"data-inset":t,"data-variant":a,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o})}function p({className:e,children:a,checked:o,...s}){return(0,r.jsxs)(i.Menubar.CheckboxItem,{"data-slot":`menubar-checkbox-item`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),checked:o,...s,children:[(0,r.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.Menubar.ItemIndicator,{children:(0,r.jsx)(t.CheckIcon,{className:`size-4`})})}),a]})}function m({className:e,children:a,...o}){return(0,r.jsxs)(i.Menubar.RadioItem,{"data-slot":`menubar-radio-item`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o,children:[(0,r.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.Menubar.ItemIndicator,{children:(0,r.jsx)(t.CircleIcon,{className:`size-2 fill-current`})})}),a]})}function h({className:e,inset:t,...a}){return(0,r.jsx)(i.Menubar.Label,{"data-slot":`menubar-label`,"data-inset":t,className:(0,n.cn)(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...a})}function g({className:e,...t}){return(0,r.jsx)(i.Menubar.Separator,{"data-slot":`menubar-separator`,className:(0,n.cn)(`bg-border -mx-1 my-1 h-px`,e),...t})}function _({className:e,...t}){return(0,r.jsx)(`span`,{"data-slot":`menubar-shortcut`,className:(0,n.cn)(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...t})}function v({...e}){return(0,r.jsx)(i.Menubar.Sub,{"data-slot":`menubar-sub`,...e})}function y({className:e,inset:a,children:o,...s}){return(0,r.jsxs)(i.Menubar.SubTrigger,{"data-slot":`menubar-sub-trigger`,"data-inset":a,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8`,e),...s,children:[o,(0,r.jsx)(t.ChevronRightIcon,{className:`ml-auto h-4 w-4`})]})}function b({className:e,...t}){return(0,r.jsx)(i.Menubar.SubContent,{"data-slot":`menubar-sub-content`,className:(0,n.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg`,e),...t})}exports.Menubar=a,exports.MenubarCheckboxItem=p,exports.MenubarContent=d,exports.MenubarGroup=s,exports.MenubarItem=f,exports.MenubarLabel=h,exports.MenubarMenu=o,exports.MenubarPortal=c,exports.MenubarRadioGroup=l,exports.MenubarRadioItem=m,exports.MenubarSeparator=g,exports.MenubarShortcut=_,exports.MenubarSub=v,exports.MenubarSubContent=b,exports.MenubarSubTrigger=y,exports.MenubarTrigger=u;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);function a({className:e,...t}){return(0,r.jsx)(i.Menubar.Root,{"data-slot":`menubar`,className:(0,n.cn)(`bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs`,e),...t})}function o({...e}){return(0,r.jsx)(i.Menubar.Menu,{"data-slot":`menubar-menu`,...e})}function s({...e}){return(0,r.jsx)(i.Menubar.Group,{"data-slot":`menubar-group`,...e})}function c({...e}){return(0,r.jsx)(i.Menubar.Portal,{"data-slot":`menubar-portal`,...e})}function l({...e}){return(0,r.jsx)(i.Menubar.RadioGroup,{"data-slot":`menubar-radio-group`,...e})}function u({className:e,...t}){return(0,r.jsx)(i.Menubar.Trigger,{"data-slot":`menubar-trigger`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none`,e),...t})}function d({className:e,align:t=`start`,alignOffset:a=-4,sideOffset:o=8,...s}){return(0,r.jsx)(c,{children:(0,r.jsx)(i.Menubar.Content,{"data-slot":`menubar-content`,align:t,alignOffset:a,sideOffset:o,className:(0,n.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md`,e),...s})})}function f({className:e,inset:t,variant:a=`default`,...o}){return(0,r.jsx)(i.Menubar.Item,{"data-slot":`menubar-item`,"data-inset":t,"data-variant":a,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o})}function p({className:e,children:a,checked:o,...s}){return(0,r.jsxs)(i.Menubar.CheckboxItem,{"data-slot":`menubar-checkbox-item`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),checked:o,...s,children:[(0,r.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.Menubar.ItemIndicator,{children:(0,r.jsx)(t.CheckIcon,{className:`size-4`})})}),a]})}function m({className:e,children:a,...o}){return(0,r.jsxs)(i.Menubar.RadioItem,{"data-slot":`menubar-radio-item`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o,children:[(0,r.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.Menubar.ItemIndicator,{children:(0,r.jsx)(t.CircleIcon,{className:`size-2 fill-current`})})}),a]})}function h({className:e,inset:t,...a}){return(0,r.jsx)(i.Menubar.Label,{"data-slot":`menubar-label`,"data-inset":t,className:(0,n.cn)(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...a})}function g({className:e,...t}){return(0,r.jsx)(i.Menubar.Separator,{"data-slot":`menubar-separator`,className:(0,n.cn)(`bg-border -mx-1 my-1 h-px`,e),...t})}function _({className:e,...t}){return(0,r.jsx)(`span`,{"data-slot":`menubar-shortcut`,className:(0,n.cn)(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...t})}function v({...e}){return(0,r.jsx)(i.Menubar.Sub,{"data-slot":`menubar-sub`,...e})}function y({className:e,inset:a,children:o,...s}){return(0,r.jsxs)(i.Menubar.SubTrigger,{"data-slot":`menubar-sub-trigger`,"data-inset":a,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8`,e),...s,children:[o,(0,r.jsx)(t.ChevronRightIcon,{className:`ml-auto h-4 w-4`})]})}function b({className:e,...t}){return(0,r.jsx)(i.Menubar.SubContent,{"data-slot":`menubar-sub-content`,className:(0,n.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg`,e),...t})}exports.Menubar=a,exports.MenubarCheckboxItem=p,exports.MenubarContent=d,exports.MenubarGroup=s,exports.MenubarItem=f,exports.MenubarLabel=h,exports.MenubarMenu=o,exports.MenubarPortal=c,exports.MenubarRadioGroup=l,exports.MenubarRadioItem=m,exports.MenubarSeparator=g,exports.MenubarShortcut=_,exports.MenubarSub=v,exports.MenubarSubContent=b,exports.MenubarSubTrigger=y,exports.MenubarTrigger=u;
 //# sourceMappingURL=menubar.cjs.map

package/dist/ui/menubar.d.cts

@@ -1,4 +1,4 @@
-import * as react170 from "react";
+import * as react255 from "react";
 import { Menubar as Menubar$1 } from "radix-ui";
 
 //#region packages/components/ui/menubar.d.ts
@@ -28,28 +28,28 @@ import { Menubar as Menubar$1 } from "radix-ui";
 declare function Menubar({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Root>): react170.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Root>): react255.JSX.Element;
 /** Root container for a single drop-down menu entry within a Menubar. */
 declare function MenubarMenu({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Menu>): react170.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Menu>): react255.JSX.Element;
 /** Groups related MenubarItems under a shared logical section. */
 declare function MenubarGroup({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Group>): react170.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Group>): react255.JSX.Element;
 /** Portals Menubar content outside the current DOM hierarchy. */
 declare function MenubarPortal({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Portal>): react170.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Portal>): react255.JSX.Element;
 /** Groups MenubarRadioItems so only one can be selected at a time. */
 declare function MenubarRadioGroup({
   ...props
-}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react170.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react255.JSX.Element;
 /** Button in the Menubar that opens its associated MenubarContent dropdown. */
 declare function MenubarTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Trigger>): react170.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Trigger>): react255.JSX.Element;
 /** Animated floating panel that contains MenubarItems for a given MenubarMenu. */
 declare function MenubarContent({
   className,
@@ -57,7 +57,7 @@ declare function MenubarContent({
   alignOffset,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Content>): react170.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Content>): react255.JSX.Element;
 /**
  * A single clickable row inside a MenubarContent.
  *
@@ -72,20 +72,20 @@ declare function MenubarItem({
 }: React.ComponentProps<typeof Menubar$1.Item> & {
   inset?: boolean;
   variant?: 'default' | 'destructive';
-}): react170.JSX.Element;
+}): react255.JSX.Element;
 /** A checkable menubar item that displays a checkmark when selected. */
 declare function MenubarCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react170.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react255.JSX.Element;
 /** A radio-button menubar item; shows a filled circle when selected. */
 declare function MenubarRadioItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Menubar$1.RadioItem>): react170.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.RadioItem>): react255.JSX.Element;
 /**
  * Non-interactive label used to describe a group of menubar items.
  *
@@ -97,21 +97,21 @@ declare function MenubarLabel({
   ...props
 }: React.ComponentProps<typeof Menubar$1.Label> & {
   inset?: boolean;
-}): react170.JSX.Element;
+}): react255.JSX.Element;
 /** Horizontal dividing line between groups of menubar items. */
 declare function MenubarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Separator>): react170.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Separator>): react255.JSX.Element;
 /** Displays a keyboard shortcut hint aligned to the right of a menubar item. */
 declare function MenubarShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react170.JSX.Element;
+}: React.ComponentProps<'span'>): react255.JSX.Element;
 /** Root container for a nested sub-menu inside a Menubar dropdown. */
 declare function MenubarSub({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Sub>): react170.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Sub>): react255.JSX.Element;
 /**
  * Menu item that reveals a nested MenubarSubContent on hover or activation.
  *
@@ -124,12 +124,12 @@ declare function MenubarSubTrigger({
   ...props
 }: React.ComponentProps<typeof Menubar$1.SubTrigger> & {
   inset?: boolean;
-}): react170.JSX.Element;
+}): react255.JSX.Element;
 /** Floating panel that contains the items of a nested Menubar sub-menu. */
 declare function MenubarSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.SubContent>): react170.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.SubContent>): react255.JSX.Element;
 //#endregion
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
 //# sourceMappingURL=menubar.d.cts.map

package/dist/ui/menubar.d.ts

@@ -1,4 +1,4 @@
-import * as react235 from "react";
+import * as react192 from "react";
 import { Menubar as Menubar$1 } from "radix-ui";
 
 //#region packages/components/ui/menubar.d.ts
@@ -28,28 +28,28 @@ import { Menubar as Menubar$1 } from "radix-ui";
 declare function Menubar({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Root>): react235.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Root>): react192.JSX.Element;
 /** Root container for a single drop-down menu entry within a Menubar. */
 declare function MenubarMenu({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Menu>): react235.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Menu>): react192.JSX.Element;
 /** Groups related MenubarItems under a shared logical section. */
 declare function MenubarGroup({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Group>): react235.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Group>): react192.JSX.Element;
 /** Portals Menubar content outside the current DOM hierarchy. */
 declare function MenubarPortal({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Portal>): react235.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Portal>): react192.JSX.Element;
 /** Groups MenubarRadioItems so only one can be selected at a time. */
 declare function MenubarRadioGroup({
   ...props
-}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react235.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react192.JSX.Element;
 /** Button in the Menubar that opens its associated MenubarContent dropdown. */
 declare function MenubarTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Trigger>): react235.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Trigger>): react192.JSX.Element;
 /** Animated floating panel that contains MenubarItems for a given MenubarMenu. */
 declare function MenubarContent({
   className,
@@ -57,7 +57,7 @@ declare function MenubarContent({
   alignOffset,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Content>): react235.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Content>): react192.JSX.Element;
 /**
  * A single clickable row inside a MenubarContent.
  *
@@ -72,20 +72,20 @@ declare function MenubarItem({
 }: React.ComponentProps<typeof Menubar$1.Item> & {
   inset?: boolean;
   variant?: 'default' | 'destructive';
-}): react235.JSX.Element;
+}): react192.JSX.Element;
 /** A checkable menubar item that displays a checkmark when selected. */
 declare function MenubarCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react235.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react192.JSX.Element;
 /** A radio-button menubar item; shows a filled circle when selected. */
 declare function MenubarRadioItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Menubar$1.RadioItem>): react235.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.RadioItem>): react192.JSX.Element;
 /**
  * Non-interactive label used to describe a group of menubar items.
  *
@@ -97,21 +97,21 @@ declare function MenubarLabel({
   ...props
 }: React.ComponentProps<typeof Menubar$1.Label> & {
   inset?: boolean;
-}): react235.JSX.Element;
+}): react192.JSX.Element;
 /** Horizontal dividing line between groups of menubar items. */
 declare function MenubarSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.Separator>): react235.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Separator>): react192.JSX.Element;
 /** Displays a keyboard shortcut hint aligned to the right of a menubar item. */
 declare function MenubarShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react235.JSX.Element;
+}: React.ComponentProps<'span'>): react192.JSX.Element;
 /** Root container for a nested sub-menu inside a Menubar dropdown. */
 declare function MenubarSub({
   ...props
-}: React.ComponentProps<typeof Menubar$1.Sub>): react235.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.Sub>): react192.JSX.Element;
 /**
  * Menu item that reveals a nested MenubarSubContent on hover or activation.
  *
@@ -124,12 +124,12 @@ declare function MenubarSubTrigger({
   ...props
 }: React.ComponentProps<typeof Menubar$1.SubTrigger> & {
   inset?: boolean;
-}): react235.JSX.Element;
+}): react192.JSX.Element;
 /** Floating panel that contains the items of a nested Menubar sub-menu. */
 declare function MenubarSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof Menubar$1.SubContent>): react235.JSX.Element;
+}: React.ComponentProps<typeof Menubar$1.SubContent>): react192.JSX.Element;
 //#endregion
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
 //# sourceMappingURL=menubar.d.ts.map