@customafk/lunas-ui 0.0.69 → 0.0.70

package/dist/ui/breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.cjs","names":["SlotPrimitive","ChevronRight","MoreHorizontalIcon"],"sources":["../../packages/components/ui/breadcrumb.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { ChevronRight, MoreHorizontalIcon } from 'lucide-react'\n\nimport { Slot as SlotPrimitive } from 'radix-ui'\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn('text-text-positive-weak flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5', className)}\n      {...props}\n    />\n  )\n}\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\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'a'\n\n  return <Comp data-slot=\"breadcrumb-link\" className={cn('hover:text-text-positive transition-colors', className)} {...props} />\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn('text-text-positive-strong font-normal', className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li data-slot=\"breadcrumb-separator\" role=\"presentation\" aria-hidden=\"true\" className={cn('[&>svg]:size-3.5', className)} {...props}>\n      {children ?? <ChevronRight />}\n    </li>\n  )\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('flex size-9 items-center justify-center', className)}\n      {...props}\n    >\n      <MoreHorizontalIcon size={16} />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator }\n"],"mappings":"6NAOA,SAAS,EAAW,CAAE,GAAG,GAAsC,CAC7D,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,aAAW,aAAa,YAAU,aAAa,GAAI,IAGjE,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,kBACV,WAAA,EAAA,EAAA,IAAc,6FAA8F,GAC5G,GAAI,IAKV,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OAAO,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,kBAAkB,WAAA,EAAA,EAAA,IAAc,mCAAoC,GAAY,GAAI,IAG3G,SAAS,EAAe,CACtB,UACA,YACA,GAAG,GAGF,CACD,IAAM,EAAO,EAAUA,EAAAA,KAAc,KAAO,IAE5C,OAAO,EAAA,EAAA,KAAC,EAAA,CAAK,YAAU,kBAAkB,WAAA,EAAA,EAAA,IAAc,6CAA8C,GAAY,GAAI,IAGvH,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OACE,EAAA,EAAA,KAAC,OAAA,CACC,YAAU,kBACV,KAAK,OACL,gBAAc,OACd,eAAa,OACb,WAAA,EAAA,EAAA,IAAc,wCAAyC,GACvD,GAAI,IAKV,SAAS,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAqC,CAC1F,OACE,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,uBAAuB,KAAK,eAAe,cAAY,OAAO,WAAA,EAAA,EAAA,IAAc,mBAAoB,GAAY,GAAI,WAC3H,IAAY,EAAA,EAAA,KAACC,EAAAA,aAAAA,MAKpB,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAuC,CACjF,OACE,EAAA,EAAA,MAAC,OAAA,CACC,YAAU,sBACV,KAAK,eACL,cAAY,OACZ,WAAA,EAAA,EAAA,IAAc,0CAA2C,GACzD,GAAI,aAEJ,EAAA,EAAA,KAACC,EAAAA,mBAAAA,CAAmB,KAAM,MAC1B,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU"}
+{"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":"8NAWA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,aAAW,aAAa,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,GAAI,GAAY,GAAI,IAM/F,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,kBACV,WAAA,EAAA,EAAA,IAAc,iDAAkD,sBAAuB,0BAA2B,GAClH,GAAI,IAQV,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OAAO,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,kBAAkB,WAAA,EAAA,EAAA,IAAc,mCAAoC,GAAY,GAAI,IAM3G,SAAS,EAAe,CACtB,UACA,YACA,GAAG,GAGF,CACD,IAAM,EAAO,EAAUA,EAAAA,KAAO,IAE9B,OACE,EAAA,EAAA,KAAC,EAAA,CACC,YAAU,kBACV,WAAA,EAAA,EAAA,IACE,0BACA,iCACA,4DACA,8FACA,aACA,GAEF,GAAI,IAQV,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OAAO,EAAA,EAAA,KAAC,OAAA,CAAK,YAAU,kBAAkB,eAAa,OAAO,WAAA,EAAA,EAAA,IAAc,wCAAyC,GAAY,GAAI,IAMtI,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,GAC9D,GAAI,WAEH,IAAY,EAAA,EAAA,KAACC,EAAAA,aAAAA,MAQpB,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,GAEF,GAAI,aAEJ,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,UAAU,YAC1B,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU"}

package/dist/ui/breadcrumb.d.cts

@@ -1,37 +1,59 @@
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime214 from "react/jsx-runtime";
 
 //#region packages/components/ui/breadcrumb.d.ts
+/**
+ * Root breadcrumb navigation component
+ */
 declare function Breadcrumb({
+  className,
   ...props
-}: React.ComponentProps<'nav'>): react_jsx_runtime33.JSX.Element;
+}: React.ComponentProps<'nav'>): react_jsx_runtime214.JSX.Element;
+/**
+ * Container for breadcrumb items
+ */
 declare function BreadcrumbList({
   className,
   ...props
-}: React.ComponentProps<'ol'>): react_jsx_runtime33.JSX.Element;
+}: React.ComponentProps<'ol'>): react_jsx_runtime214.JSX.Element;
+/**
+ * Individual breadcrumb item container
+ */
 declare function BreadcrumbItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime33.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime214.JSX.Element;
+/**
+ * Interactive breadcrumb link
+ */
 declare function BreadcrumbLink({
   asChild,
   className,
   ...props
 }: React.ComponentProps<'a'> & {
   asChild?: boolean;
-}): react_jsx_runtime33.JSX.Element;
+}): react_jsx_runtime214.JSX.Element;
+/**
+ * Current page breadcrumb (non-interactive)
+ */
 declare function BreadcrumbPage({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime33.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime214.JSX.Element;
+/**
+ * Separator between breadcrumb items
+ */
 declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime33.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime214.JSX.Element;
+/**
+ * Ellipsis for collapsed breadcrumbs
+ */
 declare function BreadcrumbEllipsis({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime33.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime214.JSX.Element;
 //#endregion
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 //# sourceMappingURL=breadcrumb.d.cts.map

package/dist/ui/breadcrumb.d.ts

@@ -1,37 +1,59 @@
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region packages/components/ui/breadcrumb.d.ts
+/**
+ * Root breadcrumb navigation component
+ */
 declare function Breadcrumb({
+  className,
   ...props
-}: React.ComponentProps<'nav'>): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<'nav'>): react_jsx_runtime10.JSX.Element;
+/**
+ * Container for breadcrumb items
+ */
 declare function BreadcrumbList({
   className,
   ...props
-}: React.ComponentProps<'ol'>): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<'ol'>): react_jsx_runtime10.JSX.Element;
+/**
+ * Individual breadcrumb item container
+ */
 declare function BreadcrumbItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime10.JSX.Element;
+/**
+ * Interactive breadcrumb link
+ */
 declare function BreadcrumbLink({
   asChild,
   className,
   ...props
 }: React.ComponentProps<'a'> & {
   asChild?: boolean;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime10.JSX.Element;
+/**
+ * Current page breadcrumb (non-interactive)
+ */
 declare function BreadcrumbPage({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime10.JSX.Element;
+/**
+ * Separator between breadcrumb items
+ */
 declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime10.JSX.Element;
+/**
+ * Ellipsis for collapsed breadcrumbs
+ */
 declare function BreadcrumbEllipsis({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime10.JSX.Element;
 //#endregion
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 //# sourceMappingURL=breadcrumb.d.ts.map

package/dist/ui/breadcrumb.js

@@ -1,2 +1,2 @@
-"use client";import{ChevronRight as e,MoreHorizontalIcon as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{Slot as r}from"radix-ui";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o({...e}){return i(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,...e})}function s({className:e,...t}){return i(`ol`,{"data-slot":`breadcrumb-list`,className:n(`text-text-positive-weak flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5`,e),...t})}function c({className:e,...t}){return i(`li`,{"data-slot":`breadcrumb-item`,className:n(`inline-flex items-center gap-1.5`,e),...t})}function l({asChild:e,className:t,...a}){let o=e?r.Slot:`a`;return i(o,{"data-slot":`breadcrumb-link`,className:n(`hover:text-text-positive transition-colors`,t),...a})}function u({className:e,...t}){return i(`span`,{"data-slot":`breadcrumb-page`,role:`link`,"aria-disabled":`true`,"aria-current":`page`,className:n(`text-text-positive-strong font-normal`,e),...t})}function d({children:t,className:r,...a}){return i(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,"aria-hidden":`true`,className:n(`[&>svg]:size-3.5`,r),...a,children:t??i(e,{})})}function f({className:e,...r}){return a(`span`,{"data-slot":`breadcrumb-ellipsis`,role:`presentation`,"aria-hidden":`true`,className:n(`flex size-9 items-center justify-center`,e),...r,children:[i(t,{size:16}),i(`span`,{className:`sr-only`,children:`More`})]})}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{Slot as e}from"../dist-CkzytVha.js";import{ChevronRight as t,MoreHorizontal as n}from"lucide-react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o({className:e,...t}){return i(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,className:r(``,e),...t})}function s({className:e,...t}){return i(`ol`,{"data-slot":`breadcrumb-list`,className:r(`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 i(`li`,{"data-slot":`breadcrumb-item`,className:r(`inline-flex items-center gap-1.5`,e),...t})}function l({asChild:t,className:n,...a}){let o=t?e:`a`;return i(o,{"data-slot":`breadcrumb-link`,className:r(`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 u({className:e,...t}){return i(`span`,{"data-slot":`breadcrumb-page`,"aria-current":`page`,className:r(`text-text-positive-strong font-medium`,e),...t})}function d({children:e,className:n,...a}){return i(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,"aria-hidden":`true`,className:r(`text-text-positive-muted`,`[&>svg]:size-3.5`,n),...a,children:e??i(t,{})})}function f({className:e,...t}){return a(`button`,{"data-slot":`breadcrumb-ellipsis`,type:`button`,className:r(`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:[i(n,{className:`size-4`}),i(`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.js.map

package/dist/ui/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":["SlotPrimitive"],"sources":["../../packages/components/ui/breadcrumb.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { ChevronRight, MoreHorizontalIcon } from 'lucide-react'\n\nimport { Slot as SlotPrimitive } from 'radix-ui'\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn('text-text-positive-weak flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5', className)}\n      {...props}\n    />\n  )\n}\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\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'a'\n\n  return <Comp data-slot=\"breadcrumb-link\" className={cn('hover:text-text-positive transition-colors', className)} {...props} />\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn('text-text-positive-strong font-normal', className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li data-slot=\"breadcrumb-separator\" role=\"presentation\" aria-hidden=\"true\" className={cn('[&>svg]:size-3.5', className)} {...props}>\n      {children ?? <ChevronRight />}\n    </li>\n  )\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('flex size-9 items-center justify-center', className)}\n      {...props}\n    >\n      <MoreHorizontalIcon size={16} />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator }\n"],"mappings":"uNAOA,SAAS,EAAW,CAAE,GAAG,GAAsC,CAC7D,OAAO,EAAC,MAAA,CAAI,aAAW,aAAa,YAAU,aAAa,GAAI,IAGjE,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAC,KAAA,CACC,YAAU,kBACV,UAAW,EAAG,6FAA8F,GAC5G,GAAI,IAKV,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OAAO,EAAC,KAAA,CAAG,YAAU,kBAAkB,UAAW,EAAG,mCAAoC,GAAY,GAAI,IAG3G,SAAS,EAAe,CACtB,UACA,YACA,GAAG,GAGF,CACD,IAAM,EAAO,EAAUA,EAAc,KAAO,IAE5C,OAAO,EAAC,EAAA,CAAK,YAAU,kBAAkB,UAAW,EAAG,6CAA8C,GAAY,GAAI,IAGvH,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OACE,EAAC,OAAA,CACC,YAAU,kBACV,KAAK,OACL,gBAAc,OACd,eAAa,OACb,UAAW,EAAG,wCAAyC,GACvD,GAAI,IAKV,SAAS,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAqC,CAC1F,OACE,EAAC,KAAA,CAAG,YAAU,uBAAuB,KAAK,eAAe,cAAY,OAAO,UAAW,EAAG,mBAAoB,GAAY,GAAI,WAC3H,GAAY,EAAC,EAAA,MAKpB,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAuC,CACjF,OACE,EAAC,OAAA,CACC,YAAU,sBACV,KAAK,eACL,cAAY,OACZ,UAAW,EAAG,0CAA2C,GACzD,GAAI,YAEJ,EAAC,EAAA,CAAmB,KAAM,KAC1B,EAAC,OAAA,CAAK,UAAU,mBAAU"}
+{"version":3,"file":"breadcrumb.js","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":"8NAWA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,aAAW,aAAa,YAAU,aAAa,UAAW,EAAG,GAAI,GAAY,GAAI,IAM/F,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAC,KAAA,CACC,YAAU,kBACV,UAAW,EAAG,iDAAkD,sBAAuB,0BAA2B,GAClH,GAAI,IAQV,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OAAO,EAAC,KAAA,CAAG,YAAU,kBAAkB,UAAW,EAAG,mCAAoC,GAAY,GAAI,IAM3G,SAAS,EAAe,CACtB,UACA,YACA,GAAG,GAGF,CACD,IAAM,EAAO,EAAU,EAAO,IAE9B,OACE,EAAC,EAAA,CACC,YAAU,kBACV,UAAW,EACT,0BACA,iCACA,4DACA,8FACA,aACA,GAEF,GAAI,IAQV,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OAAO,EAAC,OAAA,CAAK,YAAU,kBAAkB,eAAa,OAAO,UAAW,EAAG,wCAAyC,GAAY,GAAI,IAMtI,SAAS,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAqC,CAC1F,OACE,EAAC,KAAA,CACC,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,UAAW,EAAG,2BAA4B,mBAAoB,GAC9D,GAAI,WAEH,GAAY,EAAC,EAAA,MAQpB,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAyC,CACnF,OACE,EAAC,SAAA,CACC,YAAU,sBACV,KAAK,SACL,UAAW,EACT,mCACA,oBACA,0BACA,oDACA,8FACA,iCACA,GAEF,GAAI,YAEJ,EAAC,EAAA,CAAe,UAAU,WAC1B,EAAC,OAAA,CAAK,UAAU,mBAAU"}

package/dist/ui/button.cjs

@@ -1 +1 @@
-"use client";const e=require(`../button-119IIVCy.cjs`);exports.Button=e.Button,exports.buttonVariants=e.buttonVariants;
+"use client";require(`../dist-D0uO1qIz.cjs`),require(`../button-variants-CCiseNSC.cjs`);const e=require(`../button-CuV2l4ge.cjs`);exports.Button=e.Button;

package/dist/ui/button.d.cts

@@ -1,2 +1,2 @@
-import { Button, buttonVariants } from "../button-LfFi39Jg.cjs";
-export { Button, buttonVariants };
+import { Button, ButtonProps } from "../button-D4wpGvjJ.cjs";
+export { Button, ButtonProps };

package/dist/ui/button.d.ts

@@ -1,2 +1,2 @@
-import { Button, buttonVariants } from "../button-DZYXtWzR.js";
-export { Button, buttonVariants };
+import { Button, ButtonProps } from "../button-HlUz4N7O.js";
+export { Button, ButtonProps };

package/dist/ui/button.js

@@ -1 +1 @@
-"use client";import{Button as e,buttonVariants as t}from"../button-CvQQTSka.js";export{e as Button,t as buttonVariants};
+"use client";import"../dist-CkzytVha.js";import"../button-variants-Y1GTBayz.js";import{Button as e}from"../button-DhQJ9Ey8.js";export{e as Button};

package/dist/ui/buttons/add-new.cjs

@@ -1 +1 @@
-require(`../../button-119IIVCy.cjs`),require(`../../paragraph-CI28eVP0.cjs`);const e=require(`../../add-new-D3b8hc2C.cjs`);exports.AddNewBtn=e.AddNewBtn;
+require(`../../dist-D0uO1qIz.cjs`),require(`../../button-variants-CCiseNSC.cjs`),require(`../../button-CuV2l4ge.cjs`),require(`../../paragraph-BLvW7xdo.cjs`);const e=require(`../../add-new-BaA0yy6U.cjs`);exports.AddNewBtn=e.AddNewBtn;

package/dist/ui/buttons/add-new.js

@@ -1 +1 @@
-import"../../button-CvQQTSka.js";import"../../paragraph-BwSskqDY.js";import{AddNewBtn as e}from"../../add-new-BFDOXej7.js";export{e as AddNewBtn};
+import"../../dist-CkzytVha.js";import"../../button-variants-Y1GTBayz.js";import"../../button-DhQJ9Ey8.js";import"../../paragraph-B9fp9JaI.js";import{AddNewBtn as e}from"../../add-new-_5opEbrI.js";export{e as AddNewBtn};

package/dist/ui/buttons/edit.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-CUT6urMc.cjs`),t=require(`../../button-119IIVCy.cjs`),n=e.__toESM(require(`lucide-react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=({onClick:e})=>(0,r.jsx)(t.Button,{"aria-label":`Chỉnh sửa`,variant:`ghost`,color:`secondary`,size:`icon`,className:`max-sm:aspect-square max-sm:p-0`,onClick:e,children:(0,r.jsx)(n.Edit2Icon,{size:16,className:`opacity-60`})});exports.EditBtn=i;
+const e=require(`../../chunk-CUT6urMc.cjs`);require(`../../dist-D0uO1qIz.cjs`),require(`../../button-variants-CCiseNSC.cjs`);const t=require(`../../button-CuV2l4ge.cjs`),n=e.__toESM(require(`lucide-react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=({onClick:e})=>(0,r.jsx)(t.Button,{"aria-label":`Chỉnh sửa`,variant:`ghost`,color:`secondary`,size:`icon`,className:`max-sm:aspect-square max-sm:p-0`,onClick:e,children:(0,r.jsx)(n.Edit2Icon,{size:16,className:`opacity-60`})});exports.EditBtn=i;
 //# sourceMappingURL=edit.cjs.map

package/dist/ui/buttons/edit.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"edit.cjs","names":["EditBtn: React.FC<Props>","Button","Edit2Icon"],"sources":["../../../packages/components/ui/buttons/edit.tsx"],"sourcesContent":["import { Edit2Icon } from 'lucide-react'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const EditBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Chỉnh sửa\" variant=\"ghost\" color=\"secondary\" size=\"icon\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Edit2Icon size={16} className=\"opacity-60\" />\n    </Button>\n  )\n}\n"],"mappings":"kKAOaA,GAA4B,CAAE,cAEvC,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAO,aAAW,YAAY,QAAQ,QAAQ,MAAM,YAAY,KAAK,OAAO,UAAU,kCAA2C,oBAChI,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,KAAM,GAAI,UAAU"}
+{"version":3,"file":"edit.cjs","names":["EditBtn: React.FC<Props>","Button","Edit2Icon"],"sources":["../../../packages/components/ui/buttons/edit.tsx"],"sourcesContent":["import { Edit2Icon } from 'lucide-react'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const EditBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Chỉnh sửa\" variant=\"ghost\" color=\"secondary\" size=\"icon\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Edit2Icon size={16} className=\"opacity-60\" />\n    </Button>\n  )\n}\n"],"mappings":"yPAOaA,GAA4B,CAAE,cAEvC,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAO,aAAW,YAAY,QAAQ,QAAQ,MAAM,YAAY,KAAK,OAAO,UAAU,kCAA2C,oBAChI,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,KAAM,GAAI,UAAU"}

package/dist/ui/buttons/edit.js

@@ -1,2 +1,2 @@
-import{Button as e}from"../../button-CvQQTSka.js";import{Edit2Icon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({onClick:r})=>n(e,{"aria-label":`Chỉnh sửa`,variant:`ghost`,color:`secondary`,size:`icon`,className:`max-sm:aspect-square max-sm:p-0`,onClick:r,children:n(t,{size:16,className:`opacity-60`})});export{r as EditBtn};
+import"../../dist-CkzytVha.js";import"../../button-variants-Y1GTBayz.js";import{Button as e}from"../../button-DhQJ9Ey8.js";import{Edit2Icon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({onClick:r})=>n(e,{"aria-label":`Chỉnh sửa`,variant:`ghost`,color:`secondary`,size:`icon`,className:`max-sm:aspect-square max-sm:p-0`,onClick:r,children:n(t,{size:16,className:`opacity-60`})});export{r as EditBtn};
 //# sourceMappingURL=edit.js.map

package/dist/ui/buttons/edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"edit.js","names":["EditBtn: React.FC<Props>"],"sources":["../../../packages/components/ui/buttons/edit.tsx"],"sourcesContent":["import { Edit2Icon } from 'lucide-react'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const EditBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Chỉnh sửa\" variant=\"ghost\" color=\"secondary\" size=\"icon\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Edit2Icon size={16} className=\"opacity-60\" />\n    </Button>\n  )\n}\n"],"mappings":"mIAOA,MAAaA,GAA4B,CAAE,aAEvC,EAAC,EAAA,CAAO,aAAW,YAAY,QAAQ,QAAQ,MAAM,YAAY,KAAK,OAAO,UAAU,kCAA2C,mBAChI,EAAC,EAAA,CAAU,KAAM,GAAI,UAAU"}
+{"version":3,"file":"edit.js","names":["EditBtn: React.FC<Props>"],"sources":["../../../packages/components/ui/buttons/edit.tsx"],"sourcesContent":["import { Edit2Icon } from 'lucide-react'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const EditBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Chỉnh sửa\" variant=\"ghost\" color=\"secondary\" size=\"icon\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Edit2Icon size={16} className=\"opacity-60\" />\n    </Button>\n  )\n}\n"],"mappings":"4MAOA,MAAaA,GAA4B,CAAE,aAEvC,EAAC,EAAA,CAAO,aAAW,YAAY,QAAQ,QAAQ,MAAM,YAAY,KAAK,OAAO,UAAU,kCAA2C,mBAChI,EAAC,EAAA,CAAU,KAAM,GAAI,UAAU"}

package/dist/ui/buttons/refresh.cjs

@@ -1 +1 @@
-require(`../../button-119IIVCy.cjs`),require(`../../paragraph-CI28eVP0.cjs`);const e=require(`../../refresh-CQyFVZx9.cjs`);exports.RefreshBtn=e.RefreshBtn;
+require(`../../dist-D0uO1qIz.cjs`),require(`../../button-variants-CCiseNSC.cjs`),require(`../../button-CuV2l4ge.cjs`),require(`../../paragraph-BLvW7xdo.cjs`);const e=require(`../../refresh-Bt9GEyuC.cjs`);exports.RefreshBtn=e.RefreshBtn;

package/dist/ui/buttons/refresh.js

@@ -1 +1 @@
-import"../../button-CvQQTSka.js";import"../../paragraph-BwSskqDY.js";import{RefreshBtn as e}from"../../refresh-CTcKzu_a.js";export{e as RefreshBtn};
+import"../../dist-CkzytVha.js";import"../../button-variants-Y1GTBayz.js";import"../../button-DhQJ9Ey8.js";import"../../paragraph-B9fp9JaI.js";import{RefreshBtn as e}from"../../refresh-BHjc0ETv.js";export{e as RefreshBtn};

package/dist/ui/buttons/trash.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-CUT6urMc.cjs`),t=require(`../../button-119IIVCy.cjs`),n=e.__toESM(require(`lucide-react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=({onClick:e})=>(0,r.jsx)(t.Button,{"aria-label":`Xoá`,variant:`ghost`,size:`icon`,color:`secondary`,className:`max-sm:aspect-square max-sm:p-0`,onClick:e,children:(0,r.jsx)(n.Trash2Icon,{size:16,className:`opacity-60`,"aria-hidden":`true`})});exports.TrashBtn=i;
+const e=require(`../../chunk-CUT6urMc.cjs`);require(`../../dist-D0uO1qIz.cjs`),require(`../../button-variants-CCiseNSC.cjs`);const t=require(`../../button-CuV2l4ge.cjs`),n=e.__toESM(require(`lucide-react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=({onClick:e})=>(0,r.jsx)(t.Button,{"aria-label":`Xoá`,variant:`ghost`,size:`icon`,color:`secondary`,className:`max-sm:aspect-square max-sm:p-0`,onClick:e,children:(0,r.jsx)(n.Trash2Icon,{size:16,className:`opacity-60`,"aria-hidden":`true`})});exports.TrashBtn=i;
 //# sourceMappingURL=trash.cjs.map

package/dist/ui/buttons/trash.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"trash.cjs","names":["TrashBtn: React.FC<Props>","Button","Trash2Icon"],"sources":["../../../packages/components/ui/buttons/trash.tsx"],"sourcesContent":["import { Trash2Icon } from 'lucide-react'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const TrashBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Xoá\" variant=\"ghost\" size=\"icon\" color=\"secondary\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Trash2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n    </Button>\n  )\n}\n"],"mappings":"kKAOaA,GAA6B,CAAE,cAExC,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAO,aAAW,MAAM,QAAQ,QAAQ,KAAK,OAAO,MAAM,YAAY,UAAU,kCAA2C,oBAC1H,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,KAAM,GAAI,UAAU,aAAa,cAAY"}
+{"version":3,"file":"trash.cjs","names":["TrashBtn: React.FC<Props>","Button","Trash2Icon"],"sources":["../../../packages/components/ui/buttons/trash.tsx"],"sourcesContent":["import { Trash2Icon } from 'lucide-react'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const TrashBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Xoá\" variant=\"ghost\" size=\"icon\" color=\"secondary\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Trash2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n    </Button>\n  )\n}\n"],"mappings":"yPAOaA,GAA6B,CAAE,cAExC,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAO,aAAW,MAAM,QAAQ,QAAQ,KAAK,OAAO,MAAM,YAAY,UAAU,kCAA2C,oBAC1H,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,KAAM,GAAI,UAAU,aAAa,cAAY"}

package/dist/ui/buttons/trash.js

@@ -1,2 +1,2 @@
-import{Button as e}from"../../button-CvQQTSka.js";import{Trash2Icon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({onClick:r})=>n(e,{"aria-label":`Xoá`,variant:`ghost`,size:`icon`,color:`secondary`,className:`max-sm:aspect-square max-sm:p-0`,onClick:r,children:n(t,{size:16,className:`opacity-60`,"aria-hidden":`true`})});export{r as TrashBtn};
+import"../../dist-CkzytVha.js";import"../../button-variants-Y1GTBayz.js";import{Button as e}from"../../button-DhQJ9Ey8.js";import{Trash2Icon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({onClick:r})=>n(e,{"aria-label":`Xoá`,variant:`ghost`,size:`icon`,color:`secondary`,className:`max-sm:aspect-square max-sm:p-0`,onClick:r,children:n(t,{size:16,className:`opacity-60`,"aria-hidden":`true`})});export{r as TrashBtn};
 //# sourceMappingURL=trash.js.map

package/dist/ui/buttons/trash.js.map

@@ -1 +1 @@
-{"version":3,"file":"trash.js","names":["TrashBtn: React.FC<Props>"],"sources":["../../../packages/components/ui/buttons/trash.tsx"],"sourcesContent":["import { Trash2Icon } from 'lucide-react'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const TrashBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Xoá\" variant=\"ghost\" size=\"icon\" color=\"secondary\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Trash2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n    </Button>\n  )\n}\n"],"mappings":"oIAOA,MAAaA,GAA6B,CAAE,aAExC,EAAC,EAAA,CAAO,aAAW,MAAM,QAAQ,QAAQ,KAAK,OAAO,MAAM,YAAY,UAAU,kCAA2C,mBAC1H,EAAC,EAAA,CAAW,KAAM,GAAI,UAAU,aAAa,cAAY"}
+{"version":3,"file":"trash.js","names":["TrashBtn: React.FC<Props>"],"sources":["../../../packages/components/ui/buttons/trash.tsx"],"sourcesContent":["import { Trash2Icon } from 'lucide-react'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const TrashBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Xoá\" variant=\"ghost\" size=\"icon\" color=\"secondary\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Trash2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n    </Button>\n  )\n}\n"],"mappings":"6MAOA,MAAaA,GAA6B,CAAE,aAExC,EAAC,EAAA,CAAO,aAAW,MAAM,QAAQ,QAAQ,KAAK,OAAO,MAAM,YAAY,UAAU,kCAA2C,mBAC1H,EAAC,EAAA,CAAW,KAAM,GAAI,UAAU,aAAa,cAAY"}

package/dist/ui/buttons/upload-image.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-CUT6urMc.cjs`),t=require(`../../button-119IIVCy.cjs`),n=e.__toESM(require(`lucide-react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=({size:e=`5rem`,onClick:i})=>(0,r.jsx)(t.Button,{style:{width:e,height:e},variant:`outline`,color:`muted`,onClick:i,children:(0,r.jsx)(n.UploadIcon,{className:`size-6`})});exports.UploadImageBtn=i;
+const e=require(`../../chunk-CUT6urMc.cjs`);require(`../../dist-D0uO1qIz.cjs`),require(`../../button-variants-CCiseNSC.cjs`);const t=require(`../../button-CuV2l4ge.cjs`),n=e.__toESM(require(`lucide-react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=({size:e=`5rem`,onClick:i})=>(0,r.jsx)(t.Button,{style:{width:e,height:e},variant:`outline`,color:`muted`,onClick:i,children:(0,r.jsx)(n.UploadIcon,{className:`size-6`})});exports.UploadImageBtn=i;
 //# sourceMappingURL=upload-image.cjs.map

package/dist/ui/buttons/upload-image.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"upload-image.cjs","names":["UploadImageBtn: React.FC<PropsWithChildren<Props>>","Button","UploadIcon"],"sources":["../../../packages/components/ui/buttons/upload-image.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\n\nimport { UploadIcon } from 'lucide-react'\n\nimport { Button } from '../button'\n\ntype Props = {\n  size?: number\n  onClick?: () => void\n}\n\nexport const UploadImageBtn: React.FC<PropsWithChildren<Props>> = ({ size = '5rem', onClick }) => {\n  return (\n    <Button\n      style={{\n        width: size,\n        height: size,\n      }}\n      variant=\"outline\"\n      color=\"muted\"\n      onClick={onClick}\n    >\n      <UploadIcon className=\"size-6\" />\n    </Button>\n  )\n}\n"],"mappings":"kKAWaA,GAAsD,CAAE,OAAO,OAAQ,cAEhF,EAAA,EAAA,KAACC,EAAAA,OAAAA,CACC,MAAO,CACL,MAAO,EACP,OAAQ,GAEV,QAAQ,UACR,MAAM,QACG,oBAET,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,UAAU"}
+{"version":3,"file":"upload-image.cjs","names":["UploadImageBtn: React.FC<PropsWithChildren<Props>>","Button","UploadIcon"],"sources":["../../../packages/components/ui/buttons/upload-image.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\n\nimport { UploadIcon } from 'lucide-react'\n\nimport { Button } from '../button'\n\ntype Props = {\n  size?: number\n  onClick?: () => void\n}\n\nexport const UploadImageBtn: React.FC<PropsWithChildren<Props>> = ({ size = '5rem', onClick }) => {\n  return (\n    <Button\n      style={{\n        width: size,\n        height: size,\n      }}\n      variant=\"outline\"\n      color=\"muted\"\n      onClick={onClick}\n    >\n      <UploadIcon className=\"size-6\" />\n    </Button>\n  )\n}\n"],"mappings":"yPAWaA,GAAsD,CAAE,OAAO,OAAQ,cAEhF,EAAA,EAAA,KAACC,EAAAA,OAAAA,CACC,MAAO,CACL,MAAO,EACP,OAAQ,GAEV,QAAQ,UACR,MAAM,QACG,oBAET,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,UAAU"}

package/dist/ui/buttons/upload-image.js

@@ -1,2 +1,2 @@
-import{Button as e}from"../../button-CvQQTSka.js";import{UploadIcon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({size:r=`5rem`,onClick:i})=>n(e,{style:{width:r,height:r},variant:`outline`,color:`muted`,onClick:i,children:n(t,{className:`size-6`})});export{r as UploadImageBtn};
+import"../../dist-CkzytVha.js";import"../../button-variants-Y1GTBayz.js";import{Button as e}from"../../button-DhQJ9Ey8.js";import{UploadIcon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({size:r=`5rem`,onClick:i})=>n(e,{style:{width:r,height:r},variant:`outline`,color:`muted`,onClick:i,children:n(t,{className:`size-6`})});export{r as UploadImageBtn};
 //# sourceMappingURL=upload-image.js.map

package/dist/ui/buttons/upload-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-image.js","names":["UploadImageBtn: React.FC<PropsWithChildren<Props>>"],"sources":["../../../packages/components/ui/buttons/upload-image.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\n\nimport { UploadIcon } from 'lucide-react'\n\nimport { Button } from '../button'\n\ntype Props = {\n  size?: number\n  onClick?: () => void\n}\n\nexport const UploadImageBtn: React.FC<PropsWithChildren<Props>> = ({ size = '5rem', onClick }) => {\n  return (\n    <Button\n      style={{\n        width: size,\n        height: size,\n      }}\n      variant=\"outline\"\n      color=\"muted\"\n      onClick={onClick}\n    >\n      <UploadIcon className=\"size-6\" />\n    </Button>\n  )\n}\n"],"mappings":"oIAWA,MAAaA,GAAsD,CAAE,OAAO,OAAQ,aAEhF,EAAC,EAAA,CACC,MAAO,CACL,MAAO,EACP,OAAQ,GAEV,QAAQ,UACR,MAAM,QACG,mBAET,EAAC,EAAA,CAAW,UAAU"}
+{"version":3,"file":"upload-image.js","names":["UploadImageBtn: React.FC<PropsWithChildren<Props>>"],"sources":["../../../packages/components/ui/buttons/upload-image.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\n\nimport { UploadIcon } from 'lucide-react'\n\nimport { Button } from '../button'\n\ntype Props = {\n  size?: number\n  onClick?: () => void\n}\n\nexport const UploadImageBtn: React.FC<PropsWithChildren<Props>> = ({ size = '5rem', onClick }) => {\n  return (\n    <Button\n      style={{\n        width: size,\n        height: size,\n      }}\n      variant=\"outline\"\n      color=\"muted\"\n      onClick={onClick}\n    >\n      <UploadIcon className=\"size-6\" />\n    </Button>\n  )\n}\n"],"mappings":"6MAWA,MAAaA,GAAsD,CAAE,OAAO,OAAQ,aAEhF,EAAC,EAAA,CACC,MAAO,CACL,MAAO,EACP,OAAQ,GAEV,QAAQ,UACR,MAAM,QACG,mBAET,EAAC,EAAA,CAAW,UAAU"}

package/dist/ui/calendar.cjs

@@ -1 +1 @@
-"use client";require(`../button-119IIVCy.cjs`);const e=require(`../calendar-BaIr1lqT.cjs`);exports.Calendar=e.Calendar,exports.CalendarDayButton=e.CalendarDayButton;
+"use client";require(`../dist-D0uO1qIz.cjs`),require(`../button-variants-CCiseNSC.cjs`),require(`../button-CuV2l4ge.cjs`);const e=require(`../calendar-DGqBIV7n.cjs`);exports.Calendar=e.Calendar,exports.CalendarDayButton=e.CalendarDayButton;

package/dist/ui/calendar.d.cts

@@ -1,5 +1,5 @@
-import { Button } from "../button-LfFi39Jg.cjs";
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import { Button } from "../button-D4wpGvjJ.cjs";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 import { DayButton, DayPicker } from "react-day-picker";
 
 //#region packages/components/ui/calendar.d.ts
@@ -14,13 +14,13 @@ declare function Calendar({
   ...props
 }: React.ComponentProps<typeof DayPicker> & {
   buttonVariant?: React.ComponentProps<typeof Button>['variant'];
-}): react_jsx_runtime40.JSX.Element;
+}): react_jsx_runtime11.JSX.Element;
 declare function CalendarDayButton({
   className,
   day,
   modifiers,
   ...props
-}: React.ComponentProps<typeof DayButton>): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<typeof DayButton>): react_jsx_runtime11.JSX.Element;
 //#endregion
 export { Calendar, CalendarDayButton };
 //# sourceMappingURL=calendar.d.cts.map

package/dist/ui/calendar.d.ts

@@ -1,5 +1,5 @@
-import { Button } from "../button-DZYXtWzR.js";
-import * as react_jsx_runtime57 from "react/jsx-runtime";
+import { Button } from "../button-HlUz4N7O.js";
+import * as react_jsx_runtime157 from "react/jsx-runtime";
 import { DayButton, DayPicker } from "react-day-picker";
 
 //#region packages/components/ui/calendar.d.ts
@@ -14,13 +14,13 @@ declare function Calendar({
   ...props
 }: React.ComponentProps<typeof DayPicker> & {
   buttonVariant?: React.ComponentProps<typeof Button>['variant'];
-}): react_jsx_runtime57.JSX.Element;
+}): react_jsx_runtime157.JSX.Element;
 declare function CalendarDayButton({
   className,
   day,
   modifiers,
   ...props
-}: React.ComponentProps<typeof DayButton>): react_jsx_runtime57.JSX.Element;
+}: React.ComponentProps<typeof DayButton>): react_jsx_runtime157.JSX.Element;
 //#endregion
 export { Calendar, CalendarDayButton };
 //# sourceMappingURL=calendar.d.ts.map

package/dist/ui/calendar.js

@@ -1 +1 @@
-"use client";import"../button-CvQQTSka.js";import{Calendar as e,CalendarDayButton as t}from"../calendar-CAERbEr4.js";export{e as Calendar,t as CalendarDayButton};
+"use client";import"../dist-CkzytVha.js";import"../button-variants-Y1GTBayz.js";import"../button-DhQJ9Ey8.js";import{Calendar as e,CalendarDayButton as t}from"../calendar-DdIUj5Dk.js";export{e as Calendar,t as CalendarDayButton};

package/dist/ui/card.cjs

@@ -1 +1 @@
-const e=require(`../card-RJvu27Ck.cjs`);exports.Card=e.Card,exports.CardAction=e.CardAction,exports.CardContent=e.CardContent,exports.CardDescription=e.CardDescription,exports.CardFooter=e.CardFooter,exports.CardHeader=e.CardHeader,exports.CardTitle=e.CardTitle;
+const e=require(`../card-Pnxpehsp.cjs`);exports.Card=e.Card,exports.CardAction=e.CardAction,exports.CardContent=e.CardContent,exports.CardDescription=e.CardDescription,exports.CardFooter=e.CardFooter,exports.CardHeader=e.CardHeader,exports.CardTitle=e.CardTitle;

package/dist/ui/card.d.cts

@@ -1,34 +1,34 @@
-import * as react_jsx_runtime51 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 
 //#region packages/components/ui/card.d.ts
 declare function Card({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime51.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime28.JSX.Element;
 declare function CardHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime51.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime28.JSX.Element;
 declare function CardTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime51.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime28.JSX.Element;
 declare function CardDescription({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime51.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime28.JSX.Element;
 declare function CardAction({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime51.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime28.JSX.Element;
 declare function CardContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime51.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime28.JSX.Element;
 declare function CardFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime51.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime28.JSX.Element;
 //#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
 //# sourceMappingURL=card.d.cts.map

package/dist/ui/card.d.ts

@@ -1,34 +1,34 @@
-import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as react_jsx_runtime71 from "react/jsx-runtime";
 
 //#region packages/components/ui/card.d.ts
 declare function Card({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime71.JSX.Element;
 declare function CardHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime71.JSX.Element;
 declare function CardTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime71.JSX.Element;
 declare function CardDescription({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime71.JSX.Element;
 declare function CardAction({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime71.JSX.Element;
 declare function CardContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime71.JSX.Element;
 declare function CardFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime71.JSX.Element;
 //#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
 //# sourceMappingURL=card.d.ts.map

package/dist/ui/card.js

@@ -1 +1 @@
-import{Card as e,CardAction as t,CardContent as n,CardDescription as r,CardFooter as i,CardHeader as a,CardTitle as o}from"../card-BFYPY2aR.js";export{e as Card,t as CardAction,n as CardContent,r as CardDescription,i as CardFooter,a as CardHeader,o as CardTitle};
+import{Card as e,CardAction as t,CardContent as n,CardDescription as r,CardFooter as i,CardHeader as a,CardTitle as o}from"../card-DOv2mZU8.js";export{e as Card,t as CardAction,n as CardContent,r as CardDescription,i as CardFooter,a as CardHeader,o as CardTitle};

package/dist/ui/carousel.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../button-119IIVCy.cjs`),n=e.__toESM(require(`lucide-react`)),r=e.__toESM(require(`@customafk/react-toolkit/utils`)),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`react`)),o=e.__toESM(require(`embla-carousel-react`)),s=(0,a.createContext)(null);function c(){let e=(0,a.useContext)(s);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function l({orientation:e=`horizontal`,opts:t,setApi:n,plugins:c,className:l,children:u,...d}){let[f,p]=(0,o.default)({...t,axis:e===`horizontal`?`x`:`y`},c),[m,h]=(0,a.useState)(!1),[g,_]=(0,a.useState)(!1),v=(0,a.useCallback)(e=>{e&&(h(e.canScrollPrev()),_(e.canScrollNext()))},[]),y=(0,a.useCallback)(()=>{p?.scrollPrev()},[p]),b=(0,a.useCallback)(()=>{p?.scrollNext()},[p]),x=(0,a.useCallback)(e=>{e.key===`ArrowLeft`?(e.preventDefault(),y()):e.key===`ArrowRight`&&(e.preventDefault(),b())},[y,b]);return(0,a.useEffect)(()=>{!p||!n||n(p)},[p,n]),(0,a.useEffect)(()=>{if(p)return v(p),p.on(`reInit`,v),p.on(`select`,v),()=>{p?.off(`select`,v)}},[p,v]),(0,i.jsx)(s.Provider,{value:{carouselRef:f,api:p,opts:t,orientation:e||(t?.axis===`y`?`vertical`:`horizontal`),scrollPrev:y,scrollNext:b,canScrollPrev:m,canScrollNext:g},children:(0,i.jsx)(`div`,{onKeyDownCapture:x,className:(0,r.cn)(`relative`,l),role:`region`,"aria-roledescription":`carousel`,"data-slot":`carousel`,...d,children:u})})}function u({className:e,...t}){let{carouselRef:n,orientation:a}=c();return(0,i.jsx)(`div`,{ref:n,className:`overflow-hidden`,"data-slot":`carousel-content`,children:(0,i.jsx)(`div`,{className:(0,r.cn)(`flex`,a===`horizontal`?`-ml-4`:`-mt-4 flex-col`,e),...t})})}function d({className:e,...t}){let{orientation:n}=c();return(0,i.jsx)(`div`,{role:`group`,"aria-roledescription":`slide`,"data-slot":`carousel-item`,className:(0,r.cn)(`min-w-0 shrink-0 grow-0 basis-full`,n===`horizontal`?`pl-4`:`pt-4`,e),...t})}function f({className:e,variant:a=`outline`,size:o=`icon`,...s}){let{orientation:l,scrollPrev:u,canScrollPrev:d}=c();return(0,i.jsxs)(t.Button,{"data-slot":`carousel-previous`,variant:a,size:o,className:(0,r.cn)(`absolute size-8 rounded-full`,l===`horizontal`?`top-1/2 -left-12 -translate-y-1/2`:`-top-12 left-1/2 -translate-x-1/2 rotate-90`,e),disabled:!d,onClick:u,...s,children:[(0,i.jsx)(n.ArrowLeft,{}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Previous slide`})]})}function p({className:e,variant:a=`outline`,size:o=`icon`,...s}){let{orientation:l,scrollNext:u,canScrollNext:d}=c();return(0,i.jsxs)(t.Button,{"data-slot":`carousel-next`,variant:a,size:o,className:(0,r.cn)(`absolute size-8 rounded-full`,l===`horizontal`?`top-1/2 -right-12 -translate-y-1/2`:`-bottom-12 left-1/2 -translate-x-1/2 rotate-90`,e),disabled:!d,onClick:u,...s,children:[(0,i.jsx)(n.ArrowRight,{}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Next slide`})]})}exports.Carousel=l,exports.CarouselContent=u,exports.CarouselItem=d,exports.CarouselNext=p,exports.CarouselPrevious=f;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`);require(`../dist-D0uO1qIz.cjs`),require(`../button-variants-CCiseNSC.cjs`);const t=require(`../button-CuV2l4ge.cjs`),n=e.__toESM(require(`lucide-react`)),r=e.__toESM(require(`@customafk/react-toolkit/utils`)),i=e.__toESM(require(`react`)),a=e.__toESM(require(`react/jsx-runtime`)),o=e.__toESM(require(`embla-carousel-react`)),s=(0,i.createContext)(null);function c(){let e=(0,i.useContext)(s);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function l({orientation:e=`horizontal`,opts:t,setApi:n,plugins:c,className:l,children:u,...d}){let[f,p]=(0,o.default)({...t,axis:e===`horizontal`?`x`:`y`},c),[m,h]=(0,i.useState)(!1),[g,_]=(0,i.useState)(!1),v=(0,i.useCallback)(e=>{e&&(h(e.canScrollPrev()),_(e.canScrollNext()))},[]),y=(0,i.useCallback)(()=>{p?.scrollPrev()},[p]),b=(0,i.useCallback)(()=>{p?.scrollNext()},[p]),x=(0,i.useCallback)(e=>{e.key===`ArrowLeft`?(e.preventDefault(),y()):e.key===`ArrowRight`&&(e.preventDefault(),b())},[y,b]);return(0,i.useEffect)(()=>{!p||!n||n(p)},[p,n]),(0,i.useEffect)(()=>{if(p)return v(p),p.on(`reInit`,v),p.on(`select`,v),()=>{p?.off(`select`,v)}},[p,v]),(0,a.jsx)(s.Provider,{value:{carouselRef:f,api:p,opts:t,orientation:e||(t?.axis===`y`?`vertical`:`horizontal`),scrollPrev:y,scrollNext:b,canScrollPrev:m,canScrollNext:g},children:(0,a.jsx)(`div`,{onKeyDownCapture:x,className:(0,r.cn)(`relative`,l),role:`region`,"aria-roledescription":`carousel`,"data-slot":`carousel`,...d,children:u})})}function u({className:e,...t}){let{carouselRef:n,orientation:i}=c();return(0,a.jsx)(`div`,{ref:n,className:`overflow-hidden`,"data-slot":`carousel-content`,children:(0,a.jsx)(`div`,{className:(0,r.cn)(`flex`,i===`horizontal`?`-ml-4`:`-mt-4 flex-col`,e),...t})})}function d({className:e,...t}){let{orientation:n}=c();return(0,a.jsx)(`div`,{role:`group`,"aria-roledescription":`slide`,"data-slot":`carousel-item`,className:(0,r.cn)(`min-w-0 shrink-0 grow-0 basis-full`,n===`horizontal`?`pl-4`:`pt-4`,e),...t})}function f({className:e,variant:i=`outline`,size:o=`icon`,...s}){let{orientation:l,scrollPrev:u,canScrollPrev:d}=c();return(0,a.jsxs)(t.Button,{"data-slot":`carousel-previous`,variant:i,size:o,className:(0,r.cn)(`absolute size-8 rounded-full`,l===`horizontal`?`top-1/2 -left-12 -translate-y-1/2`:`-top-12 left-1/2 -translate-x-1/2 rotate-90`,e),disabled:!d,onClick:u,...s,children:[(0,a.jsx)(n.ArrowLeft,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Previous slide`})]})}function p({className:e,variant:i=`outline`,size:o=`icon`,...s}){let{orientation:l,scrollNext:u,canScrollNext:d}=c();return(0,a.jsxs)(t.Button,{"data-slot":`carousel-next`,variant:i,size:o,className:(0,r.cn)(`absolute size-8 rounded-full`,l===`horizontal`?`top-1/2 -right-12 -translate-y-1/2`:`-bottom-12 left-1/2 -translate-x-1/2 rotate-90`,e),disabled:!d,onClick:u,...s,children:[(0,a.jsx)(n.ArrowRight,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Next slide`})]})}exports.Carousel=l,exports.CarouselContent=u,exports.CarouselItem=d,exports.CarouselNext=p,exports.CarouselPrevious=f;
 //# sourceMappingURL=carousel.cjs.map

package/dist/ui/carousel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.cjs","names":["api","Button","ArrowLeft","ArrowRight"],"sources":["../../packages/components/ui/carousel.tsx"],"sourcesContent":["'use client'\nimport { createContext, useCallback, useContext, useEffect, useState } from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { ArrowLeft, ArrowRight } from 'lucide-react'\n\nimport { Button } from '@/components/ui/button'\n\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react'\n\ntype CarouselApi = UseEmblaCarouselType[1]\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>\ntype CarouselOptions = UseCarouselParameters[0]\ntype CarouselPlugin = UseCarouselParameters[1]\n\ntype CarouselProps = {\n  opts?: CarouselOptions\n  plugins?: CarouselPlugin\n  orientation?: 'horizontal' | 'vertical'\n  setApi?: (api: CarouselApi) => void\n}\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0]\n  api: ReturnType<typeof useEmblaCarousel>[1]\n  scrollPrev: () => void\n  scrollNext: () => void\n  canScrollPrev: boolean\n  canScrollNext: boolean\n} & CarouselProps\n\nconst CarouselContext = createContext<CarouselContextProps | null>(null)\n\nfunction useCarousel() {\n  const context = useContext(CarouselContext)\n\n  if (!context) {\n    throw new Error('useCarousel must be used within a <Carousel />')\n  }\n\n  return context\n}\n\nfunction Carousel({ orientation = 'horizontal', opts, setApi, plugins, className, children, ...props }: React.ComponentProps<'div'> & CarouselProps) {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === 'horizontal' ? 'x' : 'y',\n    },\n    plugins,\n  )\n  const [canScrollPrev, setCanScrollPrev] = useState(false)\n  const [canScrollNext, setCanScrollNext] = useState(false)\n\n  const onSelect = useCallback((api: CarouselApi) => {\n    if (!api) return\n    setCanScrollPrev(api.canScrollPrev())\n    setCanScrollNext(api.canScrollNext())\n  }, [])\n\n  const scrollPrev = useCallback(() => {\n    api?.scrollPrev()\n  }, [api])\n\n  const scrollNext = useCallback(() => {\n    api?.scrollNext()\n  }, [api])\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'ArrowLeft') {\n        event.preventDefault()\n        scrollPrev()\n      } else if (event.key === 'ArrowRight') {\n        event.preventDefault()\n        scrollNext()\n      }\n    },\n    [scrollPrev, scrollNext],\n  )\n\n  useEffect(() => {\n    if (!api || !setApi) return\n    setApi(api)\n  }, [api, setApi])\n\n  useEffect(() => {\n    if (!api) return\n    onSelect(api)\n    api.on('reInit', onSelect)\n    api.on('select', onSelect)\n\n    return () => {\n      api?.off('select', onSelect)\n    }\n  }, [api, onSelect])\n\n  return (\n    <CarouselContext.Provider\n      value={{\n        carouselRef,\n        api: api,\n        opts,\n        orientation: orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),\n        scrollPrev,\n        scrollNext,\n        canScrollPrev,\n        canScrollNext,\n      }}\n    >\n      <div onKeyDownCapture={handleKeyDown} className={cn('relative', className)} role=\"region\" aria-roledescription=\"carousel\" data-slot=\"carousel\" {...props}>\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  )\n}\n\nfunction CarouselContent({ className, ...props }: React.ComponentProps<'div'>) {\n  const { carouselRef, orientation } = useCarousel()\n\n  return (\n    <div ref={carouselRef} className=\"overflow-hidden\" data-slot=\"carousel-content\">\n      <div className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)} {...props} />\n    </div>\n  )\n}\n\nfunction CarouselItem({ className, ...props }: React.ComponentProps<'div'>) {\n  const { orientation } = useCarousel()\n\n  return (\n    <div\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\n      className={cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CarouselPrevious({ className, variant = 'outline', size = 'icon', ...props }: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel()\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      variant={variant}\n      size={size}\n      className={cn(\n        'absolute size-8 rounded-full',\n        orientation === 'horizontal' ? 'top-1/2 -left-12 -translate-y-1/2' : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n        className,\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ArrowLeft />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  )\n}\n\nfunction CarouselNext({ className, variant = 'outline', size = 'icon', ...props }: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollNext, canScrollNext } = useCarousel()\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      variant={variant}\n      size={size}\n      className={cn(\n        'absolute size-8 rounded-full',\n        orientation === 'horizontal' ? 'top-1/2 -right-12 -translate-y-1/2' : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n        className,\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ArrowRight />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  )\n}\n\nexport { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious }\n"],"mappings":"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"}
+{"version":3,"file":"carousel.cjs","names":["api","Button","ArrowLeft","ArrowRight"],"sources":["../../packages/components/ui/carousel.tsx"],"sourcesContent":["'use client'\nimport { createContext, useCallback, useContext, useEffect, useState } from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { ArrowLeft, ArrowRight } from 'lucide-react'\n\nimport { Button } from '@/components/ui/button'\n\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react'\n\ntype CarouselApi = UseEmblaCarouselType[1]\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>\ntype CarouselOptions = UseCarouselParameters[0]\ntype CarouselPlugin = UseCarouselParameters[1]\n\ntype CarouselProps = {\n  opts?: CarouselOptions\n  plugins?: CarouselPlugin\n  orientation?: 'horizontal' | 'vertical'\n  setApi?: (api: CarouselApi) => void\n}\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0]\n  api: ReturnType<typeof useEmblaCarousel>[1]\n  scrollPrev: () => void\n  scrollNext: () => void\n  canScrollPrev: boolean\n  canScrollNext: boolean\n} & CarouselProps\n\nconst CarouselContext = createContext<CarouselContextProps | null>(null)\n\nfunction useCarousel() {\n  const context = useContext(CarouselContext)\n\n  if (!context) {\n    throw new Error('useCarousel must be used within a <Carousel />')\n  }\n\n  return context\n}\n\nfunction Carousel({ orientation = 'horizontal', opts, setApi, plugins, className, children, ...props }: React.ComponentProps<'div'> & CarouselProps) {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === 'horizontal' ? 'x' : 'y',\n    },\n    plugins,\n  )\n  const [canScrollPrev, setCanScrollPrev] = useState(false)\n  const [canScrollNext, setCanScrollNext] = useState(false)\n\n  const onSelect = useCallback((api: CarouselApi) => {\n    if (!api) return\n    setCanScrollPrev(api.canScrollPrev())\n    setCanScrollNext(api.canScrollNext())\n  }, [])\n\n  const scrollPrev = useCallback(() => {\n    api?.scrollPrev()\n  }, [api])\n\n  const scrollNext = useCallback(() => {\n    api?.scrollNext()\n  }, [api])\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'ArrowLeft') {\n        event.preventDefault()\n        scrollPrev()\n      } else if (event.key === 'ArrowRight') {\n        event.preventDefault()\n        scrollNext()\n      }\n    },\n    [scrollPrev, scrollNext],\n  )\n\n  useEffect(() => {\n    if (!api || !setApi) return\n    setApi(api)\n  }, [api, setApi])\n\n  useEffect(() => {\n    if (!api) return\n    onSelect(api)\n    api.on('reInit', onSelect)\n    api.on('select', onSelect)\n\n    return () => {\n      api?.off('select', onSelect)\n    }\n  }, [api, onSelect])\n\n  return (\n    <CarouselContext.Provider\n      value={{\n        carouselRef,\n        api: api,\n        opts,\n        orientation: orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),\n        scrollPrev,\n        scrollNext,\n        canScrollPrev,\n        canScrollNext,\n      }}\n    >\n      <div onKeyDownCapture={handleKeyDown} className={cn('relative', className)} role=\"region\" aria-roledescription=\"carousel\" data-slot=\"carousel\" {...props}>\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  )\n}\n\nfunction CarouselContent({ className, ...props }: React.ComponentProps<'div'>) {\n  const { carouselRef, orientation } = useCarousel()\n\n  return (\n    <div ref={carouselRef} className=\"overflow-hidden\" data-slot=\"carousel-content\">\n      <div className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)} {...props} />\n    </div>\n  )\n}\n\nfunction CarouselItem({ className, ...props }: React.ComponentProps<'div'>) {\n  const { orientation } = useCarousel()\n\n  return (\n    <div\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\n      className={cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CarouselPrevious({ className, variant = 'outline', size = 'icon', ...props }: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel()\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      variant={variant}\n      size={size}\n      className={cn(\n        'absolute size-8 rounded-full',\n        orientation === 'horizontal' ? 'top-1/2 -left-12 -translate-y-1/2' : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n        className,\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ArrowLeft />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  )\n}\n\nfunction CarouselNext({ className, variant = 'outline', size = 'icon', ...props }: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollNext, canScrollNext } = useCarousel()\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      variant={variant}\n      size={size}\n      className={cn(\n        'absolute size-8 rounded-full',\n        orientation === 'horizontal' ? 'top-1/2 -right-12 -translate-y-1/2' : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n        className,\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ArrowRight />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  )\n}\n\nexport { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious }\n"],"mappings":"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"}

package/dist/ui/carousel.d.cts

@@ -1,5 +1,5 @@
-import { Button } from "../button-LfFi39Jg.cjs";
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import { Button } from "../button-D4wpGvjJ.cjs";
+import * as react_jsx_runtime89 from "react/jsx-runtime";
 import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
 
 //#region packages/components/ui/carousel.d.ts
@@ -21,27 +21,27 @@ declare function Carousel({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'> & CarouselProps): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<'div'> & CarouselProps): react_jsx_runtime89.JSX.Element;
 declare function CarouselContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime89.JSX.Element;
 declare function CarouselItem({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime89.JSX.Element;
 declare function CarouselPrevious({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime89.JSX.Element;
 declare function CarouselNext({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime89.JSX.Element;
 //#endregion
 export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
 //# sourceMappingURL=carousel.d.cts.map