@customafk/lunas-ui 0.2.5 → 0.2.7

package/dist/ui/alert.d.mts

@@ -1,69 +1,2 @@
-import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime66 from "react/jsx-runtime";
-import * as class_variance_authority_types12 from "class-variance-authority/types";
-
-//#region packages/components/ui/alert-variants.d.ts
-/**
- * Alert component variants for styling using class-variance-authority
- */
-declare const alertVariants: (props?: ({
-  variant?: "default" | "destructive" | "warning" | "success" | "info" | null | undefined;
-} & class_variance_authority_types12.ClassProp) | undefined) => string;
-type AlertVariantProps = VariantProps<typeof alertVariants>;
-//#endregion
-//#region packages/components/ui/alert.d.ts
-interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, Omit<AlertVariantProps, 'className'> {
-  /**
-   * Optional icon to display in the alert
-   */
-  icon?: React.ReactNode;
-  /**
-   * Whether the alert can be dismissed
-   */
-  dismissible?: boolean;
-  /**
-   * Callback when the alert is dismissed
-   */
-  onDismiss?: () => void;
-}
-/**
- * Alert component for displaying informational messages to users
- */
-declare function Alert({
-  className,
-  variant,
-  children,
-  icon,
-  dismissible,
-  onDismiss,
-  ...props
-}: AlertProps): react_jsx_runtime66.JSX.Element;
-interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
-  /**
-   * Title text or elements
-   */
-  children: React.ReactNode;
-}
-/**
- * Title component for the Alert
- */
-declare function AlertTitle({
-  className,
-  ...props
-}: AlertTitleProps): react_jsx_runtime66.JSX.Element;
-interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
-  /**
-   * Description text or elements
-   */
-  children: React.ReactNode;
-}
-/**
- * Description component for the Alert
- */
-declare function AlertDescription({
-  className,
-  ...props
-}: AlertDescriptionProps): react_jsx_runtime66.JSX.Element;
-//#endregion
-export { Alert, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps };
-//# sourceMappingURL=alert.d.mts.map
+import { a as AlertTitle, i as AlertProps, n as AlertDescription, o as AlertTitleProps, r as AlertDescriptionProps, t as Alert } from "../alert-DDL82_U3.mjs";
+export { Alert, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps };

package/dist/ui/alert.mjs

@@ -1,2 +1 @@
-"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{cva as t}from"class-variance-authority";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{AlertCircle as i,AlertTriangle as a,CheckCircle as o,Info as s,X as c}from"lucide-react";import{useMemo as l}from"react";const u=t([`relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm`,`grid-cols-[0_1fr]`,`has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3`,`[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current`,`transition-colors duration-200`],{variants:{variant:{default:`bg-card text-text-positive-strong border-border`,destructive:`text-danger-strong border-danger-muted bg-card [&>svg]:text-danger *:data-[slot=alert-description]:text-danger`,warning:`text-warning-strong border-warning-muted bg-card [&>svg]:text-warning *:data-[slot=alert-description]:text-warning`,success:`text-success-strong border-success-muted bg-card [&>svg]:text-success *:data-[slot=alert-description]:text-success`,info:`text-info-strong border-info-muted bg-card [&>svg]:text-info *:data-[slot=alert-description]:text-info`}},defaultVariants:{variant:`default`}});function d({className:t,variant:d,children:f,icon:p,dismissible:m,onDismiss:h,...g}){let _=l(()=>{if(!p)switch(d){case`destructive`:return n(i,{});case`warning`:return n(a,{});case`success`:return n(o,{});case`info`:return n(s,{});default:return null}return p},[p,d]);return r(`div`,{"data-slot":`alert`,role:`alert`,"data-variant":d,className:e(u({variant:d}),t),...g,children:[_,f,m&&n(`button`,{type:`button`,onClick:h,"aria-label":`Close alert`,className:`absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity hover:opacity-100`,"data-slot":`alert-close`,children:n(c,{size:16})})]})}function f({className:t,...r}){return n(`div`,{"data-slot":`alert-title`,className:e(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,t),...r})}function p({className:t,...r}){return n(`div`,{"data-slot":`alert-description`,className:e(`text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed`,t),...r})}export{d as Alert,p as AlertDescription,f as AlertTitle};
-//# sourceMappingURL=alert.mjs.map
+"use client";import{n as e,r as t,t as n}from"../alert-VP3giy31.mjs";export{n as Alert,e as AlertDescription,t as AlertTitle};

package/dist/ui/aspect-ratio.cjs

@@ -1,2 +1,2 @@
-"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.AspectRatio.Root,{"data-slot":`aspect-ratio`,className:(0,t.cn)(`bg-secondary-muted rounded-md`,e),...i})}exports.AspectRatio=i;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`react/jsx-runtime`),n=require(`@customafk/react-toolkit/utils`),r=require(`radix-ui`);function i({className:e,...i}){return(0,t.jsx)(r.AspectRatio.Root,{"data-slot":`aspect-ratio`,className:(0,n.cn)(`bg-secondary-muted rounded-md`,e),...i})}exports.AspectRatio=i;
 //# sourceMappingURL=aspect-ratio.cjs.map

package/dist/ui/aspect-ratio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.cjs","names":["AspectRatioPrimitive"],"sources":["../../packages/components/ui/aspect-ratio.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AspectRatio as AspectRatioPrimitive } from 'radix-ui';\n\nfunction AspectRatio({ className, ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n  return <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" className={cn('bg-secondary-muted rounded-md', className)} {...props} />;\n}\n\nexport { AspectRatio };\n"],"mappings":"2JAKA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAiE,CACpG,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CAAK,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,gCAAiC,EAAU,CAAE,GAAI,GAAS"}
+{"version":3,"file":"aspect-ratio.cjs","names":["AspectRatioPrimitive"],"sources":["../../packages/components/ui/aspect-ratio.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AspectRatio as AspectRatioPrimitive } from 'radix-ui';\n\n/**\n * Constrains its child to a given aspect ratio using the Radix UI AspectRatio primitive.\n *\n * @example\n * ```tsx\n * import { AspectRatio } from '@customafk/lunas-ui/ui/aspect-ratio';\n *\n * <AspectRatio ratio={16 / 9}>\n *   <img src=\"/banner.jpg\" alt=\"Banner\" className=\"size-full object-cover\" />\n * </AspectRatio>\n * ```\n */\nfunction AspectRatio({ className, ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n  return <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" className={cn('bg-secondary-muted rounded-md', className)} {...props} />;\n}\n\nexport { AspectRatio };\n"],"mappings":"2JAiBA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAiE,CACpG,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CAAK,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,gCAAiC,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/aspect-ratio.d.cts

@@ -1,11 +1,24 @@
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 import { AspectRatio as AspectRatio$1 } from "radix-ui";
 
 //#region packages/components/ui/aspect-ratio.d.ts
+
+/**
+ * Constrains its child to a given aspect ratio using the Radix UI AspectRatio primitive.
+ *
+ * @example
+ * ```tsx
+ * import { AspectRatio } from '@customafk/lunas-ui/ui/aspect-ratio';
+ *
+ * <AspectRatio ratio={16 / 9}>
+ *   <img src="/banner.jpg" alt="Banner" className="size-full object-cover" />
+ * </AspectRatio>
+ * ```
+ */
 declare function AspectRatio({
   className,
   ...props
-}: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime17.JSX.Element;
+}: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime30.JSX.Element;
 //#endregion
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.cts.map

package/dist/ui/aspect-ratio.d.mts

@@ -1,11 +1,24 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
 import { AspectRatio as AspectRatio$1 } from "radix-ui";
 
 //#region packages/components/ui/aspect-ratio.d.ts
+
+/**
+ * Constrains its child to a given aspect ratio using the Radix UI AspectRatio primitive.
+ *
+ * @example
+ * ```tsx
+ * import { AspectRatio } from '@customafk/lunas-ui/ui/aspect-ratio';
+ *
+ * <AspectRatio ratio={16 / 9}>
+ *   <img src="/banner.jpg" alt="Banner" className="size-full object-cover" />
+ * </AspectRatio>
+ * ```
+ */
 declare function AspectRatio({
   className,
   ...props
-}: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime46.JSX.Element;
 //#endregion
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.mts.map

package/dist/ui/aspect-ratio.mjs

@@ -1,2 +1,2 @@
-"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{AspectRatio as n}from"radix-ui";function r({className:r,...i}){return t(n.Root,{"data-slot":`aspect-ratio`,className:e(`bg-secondary-muted rounded-md`,r),...i})}export{r as AspectRatio};
+"use client";import{jsx as e}from"react/jsx-runtime";import{cn as t}from"@customafk/react-toolkit/utils";import{AspectRatio as n}from"radix-ui";function r({className:r,...i}){return e(n.Root,{"data-slot":`aspect-ratio`,className:t(`bg-secondary-muted rounded-md`,r),...i})}export{r as AspectRatio};
 //# sourceMappingURL=aspect-ratio.mjs.map

package/dist/ui/aspect-ratio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.mjs","names":["AspectRatioPrimitive"],"sources":["../../packages/components/ui/aspect-ratio.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AspectRatio as AspectRatioPrimitive } from 'radix-ui';\n\nfunction AspectRatio({ className, ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n  return <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" className={cn('bg-secondary-muted rounded-md', className)} {...props} />;\n}\n\nexport { AspectRatio };\n"],"mappings":"gJAKA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAiE,CACpG,OAAO,EAACA,EAAqB,KAAA,CAAK,YAAU,eAAe,UAAW,EAAG,gCAAiC,EAAU,CAAE,GAAI,GAAS"}
+{"version":3,"file":"aspect-ratio.mjs","names":["AspectRatioPrimitive"],"sources":["../../packages/components/ui/aspect-ratio.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AspectRatio as AspectRatioPrimitive } from 'radix-ui';\n\n/**\n * Constrains its child to a given aspect ratio using the Radix UI AspectRatio primitive.\n *\n * @example\n * ```tsx\n * import { AspectRatio } from '@customafk/lunas-ui/ui/aspect-ratio';\n *\n * <AspectRatio ratio={16 / 9}>\n *   <img src=\"/banner.jpg\" alt=\"Banner\" className=\"size-full object-cover\" />\n * </AspectRatio>\n * ```\n */\nfunction AspectRatio({ className, ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n  return <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" className={cn('bg-secondary-muted rounded-md', className)} {...props} />;\n}\n\nexport { AspectRatio };\n"],"mappings":"gJAiBA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAiE,CACpG,OAAO,EAACA,EAAqB,KAAA,CAAK,YAAU,eAAe,UAAW,EAAG,gCAAiC,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/avatar.cjs

@@ -1 +1 @@
-"use client";const e=require(`../avatar-aVxo69zP.cjs`);exports.Avatar=e.t,exports.AvatarFallback=e.n,exports.AvatarImage=e.r;
+"use client";const e=require(`../avatar-CTS9-raY.cjs`);exports.Avatar=e.t,exports.AvatarFallback=e.n,exports.AvatarImage=e.r;

package/dist/ui/avatar.d.cts

@@ -1,19 +1,35 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 import { Avatar as Avatar$1 } from "radix-ui";
 
 //#region packages/components/ui/avatar.d.ts
+
+/**
+ * Circular user avatar built on Radix UI's Avatar primitives, falling back to initials or an icon when the image fails to load.
+ *
+ * @example
+ * ```tsx
+ * import { Avatar, AvatarImage, AvatarFallback } from '@customafk/lunas-ui/ui/avatar';
+ *
+ * <Avatar>
+ *   <AvatarImage src="https://example.com/avatar.jpg" alt="Jane Doe" />
+ *   <AvatarFallback>JD</AvatarFallback>
+ * </Avatar>
+ * ```
+ */
 declare function Avatar({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime13.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime32.JSX.Element;
+/** The avatar photo; hidden automatically by Radix UI when the image fails to load, revealing `AvatarFallback`. */
 declare function AvatarImage({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime13.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime32.JSX.Element;
+/** Fallback content (e.g. initials) displayed inside the avatar when the image is unavailable or still loading. */
 declare function AvatarFallback({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime13.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime32.JSX.Element;
 //#endregion
 export { Avatar, AvatarFallback, AvatarImage };
 //# sourceMappingURL=avatar.d.cts.map

package/dist/ui/avatar.d.mts

@@ -1,19 +1,35 @@
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
 import { Avatar as Avatar$1 } from "radix-ui";
 
 //#region packages/components/ui/avatar.d.ts
+
+/**
+ * Circular user avatar built on Radix UI's Avatar primitives, falling back to initials or an icon when the image fails to load.
+ *
+ * @example
+ * ```tsx
+ * import { Avatar, AvatarImage, AvatarFallback } from '@customafk/lunas-ui/ui/avatar';
+ *
+ * <Avatar>
+ *   <AvatarImage src="https://example.com/avatar.jpg" alt="Jane Doe" />
+ *   <AvatarFallback>JD</AvatarFallback>
+ * </Avatar>
+ * ```
+ */
 declare function Avatar({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime31.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime47.JSX.Element;
+/** The avatar photo; hidden automatically by Radix UI when the image fails to load, revealing `AvatarFallback`. */
 declare function AvatarImage({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime31.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime47.JSX.Element;
+/** Fallback content (e.g. initials) displayed inside the avatar when the image is unavailable or still loading. */
 declare function AvatarFallback({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime31.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime47.JSX.Element;
 //#endregion
 export { Avatar, AvatarFallback, AvatarImage };
 //# sourceMappingURL=avatar.d.mts.map

package/dist/ui/avatar.mjs

@@ -1 +1 @@
-"use client";import{n as e,r as t,t as n}from"../avatar-DReNH6rV.mjs";export{n as Avatar,e as AvatarFallback,t as AvatarImage};
+"use client";import{n as e,r as t,t as n}from"../avatar-DbxqvCjT.mjs";export{n as Avatar,e as AvatarFallback,t as AvatarImage};

package/dist/ui/badge.cjs

@@ -1 +1 @@
-"use client";const e=require(`../badge-cvLJyaCA.cjs`);exports.Badge=e.t,exports.badgeVariants=e.n;
+"use client";const e=require(`../badge-uQ0pIZbQ.cjs`);exports.Badge=e.t,exports.badgeVariants=e.n;

package/dist/ui/badge.d.cts

@@ -1,21 +1,2 @@
-import * as react_jsx_runtime40 from "react/jsx-runtime";
-import * as class_variance_authority_types2 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
-
-//#region packages/components/ui/badge.d.ts
-declare const badgeVariants: (props?: ({
-  color?: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "zinc" | null | undefined;
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-  pill?: boolean | null | undefined;
-} & class_variance_authority_types2.ClassProp) | undefined) => string;
-type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'span'>;
-declare function Badge({
-  className,
-  color,
-  size,
-  pill,
-  ...props
-}: BadgeProps): react_jsx_runtime40.JSX.Element;
-//#endregion
-export { Badge, BadgeProps, badgeVariants };
-//# sourceMappingURL=badge.d.cts.map
+import { n as BadgeProps, r as badgeVariants, t as Badge } from "../badge-BFTGDsBm.cjs";
+export { Badge, BadgeProps, badgeVariants };

package/dist/ui/badge.d.mts

@@ -1,21 +1,2 @@
-import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
-
-//#region packages/components/ui/badge.d.ts
-declare const badgeVariants: (props?: ({
-  color?: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "zinc" | null | undefined;
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-  pill?: boolean | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'span'>;
-declare function Badge({
-  className,
-  color,
-  size,
-  pill,
-  ...props
-}: BadgeProps): react_jsx_runtime30.JSX.Element;
-//#endregion
-export { Badge, BadgeProps, badgeVariants };
-//# sourceMappingURL=badge.d.mts.map
+import { n as BadgeProps, r as badgeVariants, t as Badge } from "../badge-Cg0e-djv.mjs";
+export { Badge, BadgeProps, badgeVariants };

package/dist/ui/badge.mjs

@@ -1 +1 @@
-"use client";import{n as e,t}from"../badge-B4Fa7-J3.mjs";export{t as Badge,e as badgeVariants};
+"use client";import{n as e,t}from"../badge-B8bw2UEY.mjs";export{t as Badge,e as badgeVariants};

package/dist/ui/breadcrumb.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../dist-Q1UyT_bc.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`lucide-react`);function a({className:e,...t}){return(0,r.jsx)(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,className:(0,n.cn)(``,e),...t})}function o({className:e,...t}){return(0,r.jsx)(`ol`,{"data-slot":`breadcrumb-list`,className:(0,n.cn)(`flex flex-wrap items-center gap-1.5 sm:gap-2.5`,`text-sm break-words`,`text-text-positive-weak`,e),...t})}function s({className:e,...t}){return(0,r.jsx)(`li`,{"data-slot":`breadcrumb-item`,className:(0,n.cn)(`inline-flex items-center gap-1.5`,e),...t})}function c({asChild:e,className:i,...a}){return(0,r.jsx)(e?t.t:`a`,{"data-slot":`breadcrumb-link`,className:(0,n.cn)(`text-text-positive-weak`,`transition-colors duration-150`,`hover:text-text-positive focus-visible:text-text-positive`,`focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1`,`rounded-sm`,i),...a})}function l({className:e,...t}){return(0,r.jsx)(`span`,{"data-slot":`breadcrumb-page`,"aria-current":`page`,className:(0,n.cn)(`text-text-positive-strong font-medium`,e),...t})}function u({children:e,className:t,...a}){return(0,r.jsx)(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,"aria-hidden":`true`,className:(0,n.cn)(`text-text-positive-muted`,`[&>svg]:size-3.5`,t),...a,children:e??(0,r.jsx)(i.ChevronRight,{})})}function d({className:e,...t}){return(0,r.jsxs)(`button`,{"data-slot":`breadcrumb-ellipsis`,type:`button`,className:(0,n.cn)(`flex items-center justify-center`,`size-8 rounded-sm`,`text-text-positive-weak`,`hover:bg-secondary-muted hover:text-text-positive`,`focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1`,`transition-colors duration-150`,e),...t,children:[(0,r.jsx)(i.MoreHorizontal,{className:`size-4`}),(0,r.jsx)(`span`,{className:`sr-only`,children:`Show more breadcrumbs`})]})}exports.Breadcrumb=a,exports.BreadcrumbEllipsis=d,exports.BreadcrumbItem=s,exports.BreadcrumbLink=c,exports.BreadcrumbList=o,exports.BreadcrumbPage=l,exports.BreadcrumbSeparator=u;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../dist-Dh8WwRa8.cjs`);let n=require(`lucide-react`),r=require(`react/jsx-runtime`),i=require(`@customafk/react-toolkit/utils`);function a({className:e,...t}){return(0,r.jsx)(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,className:(0,i.cn)(``,e),...t})}function o({className:e,...t}){return(0,r.jsx)(`ol`,{"data-slot":`breadcrumb-list`,className:(0,i.cn)(`flex flex-wrap items-center gap-1.5 sm:gap-2.5`,`text-sm break-words`,`text-text-positive-weak`,e),...t})}function s({className:e,...t}){return(0,r.jsx)(`li`,{"data-slot":`breadcrumb-item`,className:(0,i.cn)(`inline-flex items-center gap-1.5`,e),...t})}function c({asChild:e,className:n,...a}){return(0,r.jsx)(e?t.t:`a`,{"data-slot":`breadcrumb-link`,className:(0,i.cn)(`text-text-positive-weak`,`transition-colors duration-150`,`hover:text-text-positive focus-visible:text-text-positive`,`focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1`,`rounded-sm`,n),...a})}function l({className:e,...t}){return(0,r.jsx)(`span`,{"data-slot":`breadcrumb-page`,"aria-current":`page`,className:(0,i.cn)(`text-text-positive-strong font-medium`,e),...t})}function u({children:e,className:t,...a}){return(0,r.jsx)(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,"aria-hidden":`true`,className:(0,i.cn)(`text-text-positive-muted`,`[&>svg]:size-3.5`,t),...a,children:e??(0,r.jsx)(n.ChevronRight,{})})}function d({className:e,...t}){return(0,r.jsxs)(`button`,{"data-slot":`breadcrumb-ellipsis`,type:`button`,className:(0,i.cn)(`flex items-center justify-center`,`size-8 rounded-sm`,`text-text-positive-weak`,`hover:bg-secondary-muted hover:text-text-positive`,`focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1`,`transition-colors duration-150`,e),...t,children:[(0,r.jsx)(n.MoreHorizontal,{className:`size-4`}),(0,r.jsx)(`span`,{className:`sr-only`,children:`Show more breadcrumbs`})]})}exports.Breadcrumb=a,exports.BreadcrumbEllipsis=d,exports.BreadcrumbItem=s,exports.BreadcrumbLink=c,exports.BreadcrumbList=o,exports.BreadcrumbPage=l,exports.BreadcrumbSeparator=u;
 //# sourceMappingURL=breadcrumb.cjs.map

package/dist/ui/breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.cjs","names":["Slot","ChevronRight","MoreHorizontal"],"sources":["../../packages/components/ui/breadcrumb.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ChevronRight, MoreHorizontal } from 'lucide-react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\n/**\n * Root breadcrumb navigation component\n */\nfunction Breadcrumb({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" className={cn('', className)} {...props} />;\n}\n\n/**\n * Container for breadcrumb items\n */\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn('flex flex-wrap items-center gap-1.5 sm:gap-2.5', 'text-sm break-words', 'text-text-positive-weak', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Individual breadcrumb item container\n */\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"breadcrumb-item\" className={cn('inline-flex items-center gap-1.5', className)} {...props} />;\n}\n\n/**\n * Interactive breadcrumb link\n */\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'a';\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\n        'text-text-positive-weak',\n        'transition-colors duration-150',\n        'hover:text-text-positive focus-visible:text-text-positive',\n        'focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n        'rounded-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Current page breadcrumb (non-interactive)\n */\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"breadcrumb-page\" aria-current=\"page\" className={cn('text-text-positive-strong font-medium', className)} {...props} />;\n}\n\n/**\n * Separator between breadcrumb items\n */\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('text-text-positive-muted', '[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\n/**\n * Ellipsis for collapsed breadcrumbs\n */\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'button'>) {\n  return (\n    <button\n      data-slot=\"breadcrumb-ellipsis\"\n      type=\"button\"\n      className={cn(\n        'flex items-center justify-center',\n        'size-8 rounded-sm',\n        'text-text-positive-weak',\n        'hover:bg-secondary-muted hover:text-text-positive',\n        'focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n        'transition-colors duration-150',\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">Show more breadcrumbs</span>\n    </button>\n  );\n}\n\nexport { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };\n"],"mappings":"iMAWA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,aAAW,aAAa,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,GAAI,EAAU,CAAE,GAAI,GAAS,CAMxG,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,kBACV,WAAA,EAAA,EAAA,IAAc,iDAAkD,sBAAuB,0BAA2B,EAAU,CAC5H,GAAI,GACJ,CAON,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OAAO,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,kBAAkB,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAMpH,SAAS,EAAe,CACtB,UACA,YACA,GAAG,GAGF,CAGD,OACE,EAAA,EAAA,KAHW,EAAUA,EAAAA,EAAO,IAAA,CAI1B,YAAU,kBACV,WAAA,EAAA,EAAA,IACE,0BACA,iCACA,4DACA,8FACA,aACA,EACD,CACD,GAAI,GACJ,CAON,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OAAO,EAAA,EAAA,KAAC,OAAA,CAAK,YAAU,kBAAkB,eAAa,OAAO,WAAA,EAAA,EAAA,IAAc,wCAAyC,EAAU,CAAE,GAAI,GAAS,CAM/I,SAAS,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAqC,CAC1F,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,WAAA,EAAA,EAAA,IAAc,2BAA4B,mBAAoB,EAAU,CACxE,GAAI,WAEH,IAAY,EAAA,EAAA,KAACC,EAAAA,aAAAA,EAAAA,CAAe,EAC1B,CAOT,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAyC,CACnF,OACE,EAAA,EAAA,MAAC,SAAA,CACC,YAAU,sBACV,KAAK,SACL,WAAA,EAAA,EAAA,IACE,mCACA,oBACA,0BACA,oDACA,8FACA,iCACA,EACD,CACD,GAAI,aAEJ,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,UAAU,SAAA,CAAW,EACrC,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU,yBAA4B,CAAA,EAC/C"}
+{"version":3,"file":"breadcrumb.cjs","names":["Slot","ChevronRight","MoreHorizontal"],"sources":["../../packages/components/ui/breadcrumb.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ChevronRight, MoreHorizontal } from 'lucide-react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\n/**\n * Root breadcrumb navigation `<nav>` element with accessible aria-label.\n *\n * @example\n * ```tsx\n * import {\n *   Breadcrumb, BreadcrumbList, BreadcrumbItem,\n *   BreadcrumbLink, BreadcrumbSeparator, BreadcrumbPage,\n * } from '@customafk/lunas-ui/ui/breadcrumb';\n *\n * <Breadcrumb>\n *   <BreadcrumbList>\n *     <BreadcrumbItem>\n *       <BreadcrumbLink href=\"/\">Home</BreadcrumbLink>\n *     </BreadcrumbItem>\n *     <BreadcrumbSeparator />\n *     <BreadcrumbItem>\n *       <BreadcrumbPage>Settings</BreadcrumbPage>\n *     </BreadcrumbItem>\n *   </BreadcrumbList>\n * </Breadcrumb>\n * ```\n */\nfunction Breadcrumb({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" className={cn('', className)} {...props} />;\n}\n\n/** Ordered list `<ol>` container that lays out breadcrumb items horizontally with wrapping. */\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn('flex flex-wrap items-center gap-1.5 sm:gap-2.5', 'text-sm break-words', 'text-text-positive-weak', className)}\n      {...props}\n    />\n  );\n}\n\n/** Individual `<li>` item wrapper inside a BreadcrumbList. */\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"breadcrumb-item\" className={cn('inline-flex items-center gap-1.5', className)} {...props} />;\n}\n\n/**\n * Interactive anchor link for non-current breadcrumb segments; supports `asChild` for custom routing.\n *\n * @param asChild - When true, renders as the child element via Radix Slot instead of `<a>`.\n */\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'a';\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\n        'text-text-positive-weak',\n        'transition-colors duration-150',\n        'hover:text-text-positive focus-visible:text-text-positive',\n        'focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n        'rounded-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Non-interactive span representing the current page; sets `aria-current=\"page\"`. */\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"breadcrumb-page\" aria-current=\"page\" className={cn('text-text-positive-strong font-medium', className)} {...props} />;\n}\n\n/** Visual separator `<li>` rendered between breadcrumb items; defaults to a right chevron icon. */\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('text-text-positive-muted', '[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\n/** Button that represents collapsed breadcrumb segments with an ellipsis icon. */\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'button'>) {\n  return (\n    <button\n      data-slot=\"breadcrumb-ellipsis\"\n      type=\"button\"\n      className={cn(\n        'flex items-center justify-center',\n        'size-8 rounded-sm',\n        'text-text-positive-weak',\n        'hover:bg-secondary-muted hover:text-text-positive',\n        'focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n        'transition-colors duration-150',\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">Show more breadcrumbs</span>\n    </button>\n  );\n}\n\nexport { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };\n"],"mappings":"iMA+BA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,aAAW,aAAa,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,GAAI,EAAU,CAAE,GAAI,GAAS,CAIxG,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,kBACV,WAAA,EAAA,EAAA,IAAc,iDAAkD,sBAAuB,0BAA2B,EAAU,CAC5H,GAAI,GACJ,CAKN,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OAAO,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,kBAAkB,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAQpH,SAAS,EAAe,CACtB,UACA,YACA,GAAG,GAGF,CAGD,OACE,EAAA,EAAA,KAHW,EAAUA,EAAAA,EAAO,IAAA,CAI1B,YAAU,kBACV,WAAA,EAAA,EAAA,IACE,0BACA,iCACA,4DACA,8FACA,aACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OAAO,EAAA,EAAA,KAAC,OAAA,CAAK,YAAU,kBAAkB,eAAa,OAAO,WAAA,EAAA,EAAA,IAAc,wCAAyC,EAAU,CAAE,GAAI,GAAS,CAI/I,SAAS,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAqC,CAC1F,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,WAAA,EAAA,EAAA,IAAc,2BAA4B,mBAAoB,EAAU,CACxE,GAAI,WAEH,IAAY,EAAA,EAAA,KAACC,EAAAA,aAAAA,EAAAA,CAAe,EAC1B,CAKT,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAyC,CACnF,OACE,EAAA,EAAA,MAAC,SAAA,CACC,YAAU,sBACV,KAAK,SACL,WAAA,EAAA,EAAA,IACE,mCACA,oBACA,0BACA,oDACA,8FACA,iCACA,EACD,CACD,GAAI,aAEJ,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,UAAU,SAAA,CAAW,EACrC,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU,yBAA4B,CAAA,EAC/C"}

package/dist/ui/breadcrumb.d.cts

@@ -1,29 +1,48 @@
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
 
 //#region packages/components/ui/breadcrumb.d.ts
+
 /**
- * Root breadcrumb navigation component
+ * Root breadcrumb navigation `<nav>` element with accessible aria-label.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Breadcrumb, BreadcrumbList, BreadcrumbItem,
+ *   BreadcrumbLink, BreadcrumbSeparator, BreadcrumbPage,
+ * } from '@customafk/lunas-ui/ui/breadcrumb';
+ *
+ * <Breadcrumb>
+ *   <BreadcrumbList>
+ *     <BreadcrumbItem>
+ *       <BreadcrumbLink href="/">Home</BreadcrumbLink>
+ *     </BreadcrumbItem>
+ *     <BreadcrumbSeparator />
+ *     <BreadcrumbItem>
+ *       <BreadcrumbPage>Settings</BreadcrumbPage>
+ *     </BreadcrumbItem>
+ *   </BreadcrumbList>
+ * </Breadcrumb>
+ * ```
  */
 declare function Breadcrumb({
   className,
   ...props
-}: React.ComponentProps<'nav'>): react_jsx_runtime41.JSX.Element;
-/**
- * Container for breadcrumb items
- */
+}: React.ComponentProps<'nav'>): react_jsx_runtime55.JSX.Element;
+/** Ordered list `<ol>` container that lays out breadcrumb items horizontally with wrapping. */
 declare function BreadcrumbList({
   className,
   ...props
-}: React.ComponentProps<'ol'>): react_jsx_runtime41.JSX.Element;
-/**
- * Individual breadcrumb item container
- */
+}: React.ComponentProps<'ol'>): react_jsx_runtime55.JSX.Element;
+/** Individual `<li>` item wrapper inside a BreadcrumbList. */
 declare function BreadcrumbItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime41.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime55.JSX.Element;
 /**
- * Interactive breadcrumb link
+ * Interactive anchor link for non-current breadcrumb segments; supports `asChild` for custom routing.
+ *
+ * @param asChild - When true, renders as the child element via Radix Slot instead of `<a>`.
  */
 declare function BreadcrumbLink({
   asChild,
@@ -31,29 +50,23 @@ declare function BreadcrumbLink({
   ...props
 }: React.ComponentProps<'a'> & {
   asChild?: boolean;
-}): react_jsx_runtime41.JSX.Element;
-/**
- * Current page breadcrumb (non-interactive)
- */
+}): react_jsx_runtime55.JSX.Element;
+/** Non-interactive span representing the current page; sets `aria-current="page"`. */
 declare function BreadcrumbPage({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime41.JSX.Element;
-/**
- * Separator between breadcrumb items
- */
+}: React.ComponentProps<'span'>): react_jsx_runtime55.JSX.Element;
+/** Visual separator `<li>` rendered between breadcrumb items; defaults to a right chevron icon. */
 declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime41.JSX.Element;
-/**
- * Ellipsis for collapsed breadcrumbs
- */
+}: React.ComponentProps<'li'>): react_jsx_runtime55.JSX.Element;
+/** Button that represents collapsed breadcrumb segments with an ellipsis icon. */
 declare function BreadcrumbEllipsis({
   className,
   ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime41.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime55.JSX.Element;
 //#endregion
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 //# sourceMappingURL=breadcrumb.d.cts.map

package/dist/ui/breadcrumb.d.mts

@@ -1,29 +1,48 @@
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
 
 //#region packages/components/ui/breadcrumb.d.ts
+
 /**
- * Root breadcrumb navigation component
+ * Root breadcrumb navigation `<nav>` element with accessible aria-label.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Breadcrumb, BreadcrumbList, BreadcrumbItem,
+ *   BreadcrumbLink, BreadcrumbSeparator, BreadcrumbPage,
+ * } from '@customafk/lunas-ui/ui/breadcrumb';
+ *
+ * <Breadcrumb>
+ *   <BreadcrumbList>
+ *     <BreadcrumbItem>
+ *       <BreadcrumbLink href="/">Home</BreadcrumbLink>
+ *     </BreadcrumbItem>
+ *     <BreadcrumbSeparator />
+ *     <BreadcrumbItem>
+ *       <BreadcrumbPage>Settings</BreadcrumbPage>
+ *     </BreadcrumbItem>
+ *   </BreadcrumbList>
+ * </Breadcrumb>
+ * ```
  */
 declare function Breadcrumb({
   className,
   ...props
-}: React.ComponentProps<'nav'>): react_jsx_runtime21.JSX.Element;
-/**
- * Container for breadcrumb items
- */
+}: React.ComponentProps<'nav'>): react_jsx_runtime55.JSX.Element;
+/** Ordered list `<ol>` container that lays out breadcrumb items horizontally with wrapping. */
 declare function BreadcrumbList({
   className,
   ...props
-}: React.ComponentProps<'ol'>): react_jsx_runtime21.JSX.Element;
-/**
- * Individual breadcrumb item container
- */
+}: React.ComponentProps<'ol'>): react_jsx_runtime55.JSX.Element;
+/** Individual `<li>` item wrapper inside a BreadcrumbList. */
 declare function BreadcrumbItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime55.JSX.Element;
 /**
- * Interactive breadcrumb link
+ * Interactive anchor link for non-current breadcrumb segments; supports `asChild` for custom routing.
+ *
+ * @param asChild - When true, renders as the child element via Radix Slot instead of `<a>`.
  */
 declare function BreadcrumbLink({
   asChild,
@@ -31,29 +50,23 @@ declare function BreadcrumbLink({
   ...props
 }: React.ComponentProps<'a'> & {
   asChild?: boolean;
-}): react_jsx_runtime21.JSX.Element;
-/**
- * Current page breadcrumb (non-interactive)
- */
+}): react_jsx_runtime55.JSX.Element;
+/** Non-interactive span representing the current page; sets `aria-current="page"`. */
 declare function BreadcrumbPage({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime21.JSX.Element;
-/**
- * Separator between breadcrumb items
- */
+}: React.ComponentProps<'span'>): react_jsx_runtime55.JSX.Element;
+/** Visual separator `<li>` rendered between breadcrumb items; defaults to a right chevron icon. */
 declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime21.JSX.Element;
-/**
- * Ellipsis for collapsed breadcrumbs
- */
+}: React.ComponentProps<'li'>): react_jsx_runtime55.JSX.Element;
+/** Button that represents collapsed breadcrumb segments with an ellipsis icon. */
 declare function BreadcrumbEllipsis({
   className,
   ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime55.JSX.Element;
 //#endregion
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 //# sourceMappingURL=breadcrumb.d.mts.map

package/dist/ui/breadcrumb.mjs

@@ -1,2 +1,2 @@
-"use client";import{t as e}from"../dist-DP1ehOL8.mjs";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{ChevronRight as i,MoreHorizontal as a}from"lucide-react";function o({className:e,...r}){return n(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,className:t(``,e),...r})}function s({className:e,...r}){return n(`ol`,{"data-slot":`breadcrumb-list`,className:t(`flex flex-wrap items-center gap-1.5 sm:gap-2.5`,`text-sm break-words`,`text-text-positive-weak`,e),...r})}function c({className:e,...r}){return n(`li`,{"data-slot":`breadcrumb-item`,className:t(`inline-flex items-center gap-1.5`,e),...r})}function l({asChild:r,className:i,...a}){return n(r?e:`a`,{"data-slot":`breadcrumb-link`,className:t(`text-text-positive-weak`,`transition-colors duration-150`,`hover:text-text-positive focus-visible:text-text-positive`,`focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1`,`rounded-sm`,i),...a})}function u({className:e,...r}){return n(`span`,{"data-slot":`breadcrumb-page`,"aria-current":`page`,className:t(`text-text-positive-strong font-medium`,e),...r})}function d({children:e,className:r,...a}){return n(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,"aria-hidden":`true`,className:t(`text-text-positive-muted`,`[&>svg]:size-3.5`,r),...a,children:e??n(i,{})})}function f({className:e,...i}){return r(`button`,{"data-slot":`breadcrumb-ellipsis`,type:`button`,className:t(`flex items-center justify-center`,`size-8 rounded-sm`,`text-text-positive-weak`,`hover:bg-secondary-muted hover:text-text-positive`,`focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1`,`transition-colors duration-150`,e),...i,children:[n(a,{className:`size-4`}),n(`span`,{className:`sr-only`,children:`Show more breadcrumbs`})]})}export{o as Breadcrumb,f as BreadcrumbEllipsis,c as BreadcrumbItem,l as BreadcrumbLink,s as BreadcrumbList,u as BreadcrumbPage,d as BreadcrumbSeparator};
+"use client";import{t as e}from"../dist-CIN9T2FB.mjs";import{ChevronRight as t,MoreHorizontal as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{cn as a}from"@customafk/react-toolkit/utils";function o({className:e,...t}){return r(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,className:a(``,e),...t})}function s({className:e,...t}){return r(`ol`,{"data-slot":`breadcrumb-list`,className:a(`flex flex-wrap items-center gap-1.5 sm:gap-2.5`,`text-sm break-words`,`text-text-positive-weak`,e),...t})}function c({className:e,...t}){return r(`li`,{"data-slot":`breadcrumb-item`,className:a(`inline-flex items-center gap-1.5`,e),...t})}function l({asChild:t,className:n,...i}){return r(t?e:`a`,{"data-slot":`breadcrumb-link`,className:a(`text-text-positive-weak`,`transition-colors duration-150`,`hover:text-text-positive focus-visible:text-text-positive`,`focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1`,`rounded-sm`,n),...i})}function u({className:e,...t}){return r(`span`,{"data-slot":`breadcrumb-page`,"aria-current":`page`,className:a(`text-text-positive-strong font-medium`,e),...t})}function d({children:e,className:n,...i}){return r(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,"aria-hidden":`true`,className:a(`text-text-positive-muted`,`[&>svg]:size-3.5`,n),...i,children:e??r(t,{})})}function f({className:e,...t}){return i(`button`,{"data-slot":`breadcrumb-ellipsis`,type:`button`,className:a(`flex items-center justify-center`,`size-8 rounded-sm`,`text-text-positive-weak`,`hover:bg-secondary-muted hover:text-text-positive`,`focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1`,`transition-colors duration-150`,e),...t,children:[r(n,{className:`size-4`}),r(`span`,{className:`sr-only`,children:`Show more breadcrumbs`})]})}export{o as Breadcrumb,f as BreadcrumbEllipsis,c as BreadcrumbItem,l as BreadcrumbLink,s as BreadcrumbList,u as BreadcrumbPage,d as BreadcrumbSeparator};
 //# sourceMappingURL=breadcrumb.mjs.map

package/dist/ui/breadcrumb.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.mjs","names":[],"sources":["../../packages/components/ui/breadcrumb.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ChevronRight, MoreHorizontal } from 'lucide-react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\n/**\n * Root breadcrumb navigation component\n */\nfunction Breadcrumb({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" className={cn('', className)} {...props} />;\n}\n\n/**\n * Container for breadcrumb items\n */\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn('flex flex-wrap items-center gap-1.5 sm:gap-2.5', 'text-sm break-words', 'text-text-positive-weak', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Individual breadcrumb item container\n */\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"breadcrumb-item\" className={cn('inline-flex items-center gap-1.5', className)} {...props} />;\n}\n\n/**\n * Interactive breadcrumb link\n */\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'a';\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\n        'text-text-positive-weak',\n        'transition-colors duration-150',\n        'hover:text-text-positive focus-visible:text-text-positive',\n        'focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n        'rounded-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Current page breadcrumb (non-interactive)\n */\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"breadcrumb-page\" aria-current=\"page\" className={cn('text-text-positive-strong font-medium', className)} {...props} />;\n}\n\n/**\n * Separator between breadcrumb items\n */\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('text-text-positive-muted', '[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\n/**\n * Ellipsis for collapsed breadcrumbs\n */\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'button'>) {\n  return (\n    <button\n      data-slot=\"breadcrumb-ellipsis\"\n      type=\"button\"\n      className={cn(\n        'flex items-center justify-center',\n        'size-8 rounded-sm',\n        'text-text-positive-weak',\n        'hover:bg-secondary-muted hover:text-text-positive',\n        'focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n        'transition-colors duration-150',\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">Show more breadcrumbs</span>\n    </button>\n  );\n}\n\nexport { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };\n"],"mappings":"4NAWA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,aAAW,aAAa,YAAU,aAAa,UAAW,EAAG,GAAI,EAAU,CAAE,GAAI,GAAS,CAMxG,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAC,KAAA,CACC,YAAU,kBACV,UAAW,EAAG,iDAAkD,sBAAuB,0BAA2B,EAAU,CAC5H,GAAI,GACJ,CAON,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OAAO,EAAC,KAAA,CAAG,YAAU,kBAAkB,UAAW,EAAG,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAMpH,SAAS,EAAe,CACtB,UACA,YACA,GAAG,GAGF,CAGD,OACE,EAHW,EAAU,EAAO,IAAA,CAI1B,YAAU,kBACV,UAAW,EACT,0BACA,iCACA,4DACA,8FACA,aACA,EACD,CACD,GAAI,GACJ,CAON,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OAAO,EAAC,OAAA,CAAK,YAAU,kBAAkB,eAAa,OAAO,UAAW,EAAG,wCAAyC,EAAU,CAAE,GAAI,GAAS,CAM/I,SAAS,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAqC,CAC1F,OACE,EAAC,KAAA,CACC,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,UAAW,EAAG,2BAA4B,mBAAoB,EAAU,CACxE,GAAI,WAEH,GAAY,EAAC,EAAA,EAAA,CAAe,EAC1B,CAOT,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAyC,CACnF,OACE,EAAC,SAAA,CACC,YAAU,sBACV,KAAK,SACL,UAAW,EACT,mCACA,oBACA,0BACA,oDACA,8FACA,iCACA,EACD,CACD,GAAI,YAEJ,EAAC,EAAA,CAAe,UAAU,SAAA,CAAW,CACrC,EAAC,OAAA,CAAK,UAAU,mBAAU,yBAA4B,CAAA,EAC/C"}
+{"version":3,"file":"breadcrumb.mjs","names":[],"sources":["../../packages/components/ui/breadcrumb.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ChevronRight, MoreHorizontal } from 'lucide-react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\n/**\n * Root breadcrumb navigation `<nav>` element with accessible aria-label.\n *\n * @example\n * ```tsx\n * import {\n *   Breadcrumb, BreadcrumbList, BreadcrumbItem,\n *   BreadcrumbLink, BreadcrumbSeparator, BreadcrumbPage,\n * } from '@customafk/lunas-ui/ui/breadcrumb';\n *\n * <Breadcrumb>\n *   <BreadcrumbList>\n *     <BreadcrumbItem>\n *       <BreadcrumbLink href=\"/\">Home</BreadcrumbLink>\n *     </BreadcrumbItem>\n *     <BreadcrumbSeparator />\n *     <BreadcrumbItem>\n *       <BreadcrumbPage>Settings</BreadcrumbPage>\n *     </BreadcrumbItem>\n *   </BreadcrumbList>\n * </Breadcrumb>\n * ```\n */\nfunction Breadcrumb({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" className={cn('', className)} {...props} />;\n}\n\n/** Ordered list `<ol>` container that lays out breadcrumb items horizontally with wrapping. */\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn('flex flex-wrap items-center gap-1.5 sm:gap-2.5', 'text-sm break-words', 'text-text-positive-weak', className)}\n      {...props}\n    />\n  );\n}\n\n/** Individual `<li>` item wrapper inside a BreadcrumbList. */\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"breadcrumb-item\" className={cn('inline-flex items-center gap-1.5', className)} {...props} />;\n}\n\n/**\n * Interactive anchor link for non-current breadcrumb segments; supports `asChild` for custom routing.\n *\n * @param asChild - When true, renders as the child element via Radix Slot instead of `<a>`.\n */\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'a';\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\n        'text-text-positive-weak',\n        'transition-colors duration-150',\n        'hover:text-text-positive focus-visible:text-text-positive',\n        'focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n        'rounded-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Non-interactive span representing the current page; sets `aria-current=\"page\"`. */\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"breadcrumb-page\" aria-current=\"page\" className={cn('text-text-positive-strong font-medium', className)} {...props} />;\n}\n\n/** Visual separator `<li>` rendered between breadcrumb items; defaults to a right chevron icon. */\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('text-text-positive-muted', '[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\n/** Button that represents collapsed breadcrumb segments with an ellipsis icon. */\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'button'>) {\n  return (\n    <button\n      data-slot=\"breadcrumb-ellipsis\"\n      type=\"button\"\n      className={cn(\n        'flex items-center justify-center',\n        'size-8 rounded-sm',\n        'text-text-positive-weak',\n        'hover:bg-secondary-muted hover:text-text-positive',\n        'focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n        'transition-colors duration-150',\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">Show more breadcrumbs</span>\n    </button>\n  );\n}\n\nexport { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };\n"],"mappings":"4NA+BA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,aAAW,aAAa,YAAU,aAAa,UAAW,EAAG,GAAI,EAAU,CAAE,GAAI,GAAS,CAIxG,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAC,KAAA,CACC,YAAU,kBACV,UAAW,EAAG,iDAAkD,sBAAuB,0BAA2B,EAAU,CAC5H,GAAI,GACJ,CAKN,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OAAO,EAAC,KAAA,CAAG,YAAU,kBAAkB,UAAW,EAAG,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAQpH,SAAS,EAAe,CACtB,UACA,YACA,GAAG,GAGF,CAGD,OACE,EAHW,EAAU,EAAO,IAAA,CAI1B,YAAU,kBACV,UAAW,EACT,0BACA,iCACA,4DACA,8FACA,aACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OAAO,EAAC,OAAA,CAAK,YAAU,kBAAkB,eAAa,OAAO,UAAW,EAAG,wCAAyC,EAAU,CAAE,GAAI,GAAS,CAI/I,SAAS,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAqC,CAC1F,OACE,EAAC,KAAA,CACC,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,UAAW,EAAG,2BAA4B,mBAAoB,EAAU,CACxE,GAAI,WAEH,GAAY,EAAC,EAAA,EAAA,CAAe,EAC1B,CAKT,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAyC,CACnF,OACE,EAAC,SAAA,CACC,YAAU,sBACV,KAAK,SACL,UAAW,EACT,mCACA,oBACA,0BACA,oDACA,8FACA,iCACA,EACD,CACD,GAAI,YAEJ,EAAC,EAAA,CAAe,UAAU,SAAA,CAAW,CACrC,EAAC,OAAA,CAAK,UAAU,mBAAU,yBAA4B,CAAA,EAC/C"}

package/dist/ui/button-group.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../dist-Q1UyT_bc.cjs`),n=require(`../separator-C3ip6sbh.cjs`);let r=require(`@customafk/react-toolkit/utils`),i=require(`class-variance-authority`),a=require(`react/jsx-runtime`);const o=(0,i.cva)(`flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1`,{variants:{orientation:{horizontal:`[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none`,vertical:`flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none`}},defaultVariants:{orientation:`horizontal`}});function s({className:e,orientation:t,...n}){return(0,a.jsx)(`div`,{role:`group`,"data-slot":`button-group`,"data-orientation":t,className:(0,r.cn)(o({orientation:t}),e),...n})}function c({className:e,asChild:n=!1,...i}){return(0,a.jsx)(n?t.t:`div`,{className:(0,r.cn)(`flex items-center gap-2 rounded-md border border-border bg-muted px-4 font-medium text-sm shadow-xs [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none`,e),...i})}function l({className:e,orientation:t=`vertical`,...i}){return(0,a.jsx)(n.t,{"data-slot":`button-group-separator`,orientation:t,className:(0,r.cn)(`relative m-0! self-stretch bg-muted-muted data-[orientation=vertical]:h-auto`,e),...i})}exports.ButtonGroup=s,exports.ButtonGroupSeparator=l,exports.ButtonGroupText=c,exports.buttonGroupVariants=o;
+const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../dist-Dh8WwRa8.cjs`),n=require(`../separator-BwZb12bh.cjs`);let r=require(`react/jsx-runtime`),i=require(`@customafk/react-toolkit/utils`),a=require(`class-variance-authority`);const o=(0,a.cva)(`flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1`,{variants:{orientation:{horizontal:`[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none`,vertical:`flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none`}},defaultVariants:{orientation:`horizontal`}});function s({className:e,orientation:t,...n}){return(0,r.jsx)(`div`,{role:`group`,"data-slot":`button-group`,"data-orientation":t,className:(0,i.cn)(o({orientation:t}),e),...n})}function c({className:e,asChild:n=!1,...a}){return(0,r.jsx)(n?t.t:`div`,{className:(0,i.cn)(`flex items-center gap-2 rounded-md border border-border bg-muted px-4 font-medium text-sm shadow-xs [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none`,e),...a})}function l({className:e,orientation:t=`vertical`,...a}){return(0,r.jsx)(n.t,{"data-slot":`button-group-separator`,orientation:t,className:(0,i.cn)(`relative m-0! self-stretch bg-muted-muted data-[orientation=vertical]:h-auto`,e),...a})}exports.ButtonGroup=s,exports.ButtonGroupSeparator=l,exports.ButtonGroupText=c,exports.buttonGroupVariants=o;
 //# sourceMappingURL=button-group.cjs.map