@customafk/lunas-ui 0.1.3 → 0.1.5

package/dist/pages/NotAuthorized.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotAuthorized.mjs","names":[],"sources":["../../packages/components/pages/NotAuthorized.tsx"],"sourcesContent":["import { Button } from '../ui/button';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { ShieldAlert } from 'lucide-react';\n\nexport interface NotAuthorizedProps {\n  title?: string;\n  subtitle?: string;\n  buttonText?: string;\n  onButtonClick?: () => void;\n  className?: string;\n  iconClassName?: string;\n}\n\n/**\n * NotAuthorized component for displaying 403 forbidden/unauthorized pages\n */\nexport const NotAuthorized = ({\n  title = 'Quyền truy cập bị từ chối',\n  subtitle = 'Xin lỗi, bạn không có quyền truy cập vào trang này.',\n  buttonText = 'Quay lại',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: NotAuthorizedProps) => {\n  return (\n    <div className={cn('flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <ShieldAlert className={cn('size-16 sm:size-24 text-primary', iconClassName)} />\n        <div className=\"text-4xl sm:text-6xl font-bold text-primary\">403</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default NotAuthorized;\n"],"mappings":"oOAgBA,MAAa,GAAiB,CAC5B,QAAQ,4BACR,WAAW,sDACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,mBAGE,EAAC,MAAA,CAAI,UAAW,EAAG,8GAA+G,EAAU,WAC1I,EAAC,MAAA,CAAI,UAAU,6CACb,EAAC,EAAA,CAAY,UAAW,EAAG,kCAAmC,EAAc,CAAA,CAAI,CAChF,EAAC,MAAA,CAAI,UAAU,uDAA8C,OAAS,CAAA,EAClE,CAEN,EAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,CAEnE,EAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,CAEjF,EAAC,EAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}

package/dist/pages/NotFound.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../dist-Dh8WwRa8.cjs`),require(`../button.variants-D1vkzrn1.cjs`);const t=require(`../button-BSQjtXgG.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({title:e=`Không tìm thấy trang`,subtitle:a=`Xin lỗi, trang bạn đang tìm kiếm không tồn tại hoặc đã bị di chuyển.`,buttonText:o=`Trở về trang chủ`,onButtonClick:s=()=>window.history.back(),className:c,iconClassName:l})=>(0,i.jsxs)(`div`,{className:(0,r.cn)(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,c),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,i.jsx)(n.FileQuestion,{className:(0,r.cn)(`size-16 sm:size-24 text-primary`,l)}),(0,i.jsx)(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`404`})]}),(0,i.jsx)(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:e}),(0,i.jsx)(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:a}),(0,i.jsx)(t.t,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.NotFound=a,exports.default=o;
+Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../button.variants-C--cfyfH.cjs`);const t=require(`../button-DtFiUaY7.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`lucide-react`);const a=({title:e=`Không tìm thấy trang`,subtitle:a=`Xin lỗi, trang bạn đang tìm kiếm không tồn tại hoặc đã bị di chuyển.`,buttonText:o=`Trở về trang chủ`,onButtonClick:s=()=>window.history.back(),className:c,iconClassName:l})=>(0,r.jsxs)(`div`,{className:(0,n.cn)(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,c),children:[(0,r.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,r.jsx)(i.FileQuestion,{className:(0,n.cn)(`size-16 sm:size-24 text-primary`,l)}),(0,r.jsx)(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`404`})]}),(0,r.jsx)(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:e}),(0,r.jsx)(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:a}),(0,r.jsx)(t.t,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.NotFound=a,exports.default=o;
 //# sourceMappingURL=NotFound.cjs.map

package/dist/pages/NotFound.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotFound.cjs","names":["FileQuestion","Button"],"sources":["../../packages/components/pages/NotFound.tsx"],"sourcesContent":["import { Button } from '../ui/button';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { FileQuestion } from 'lucide-react';\n\nexport interface NotFoundProps {\n  title?: string;\n  subtitle?: string;\n  buttonText?: string;\n  onButtonClick?: () => void;\n  className?: string;\n  iconClassName?: string;\n}\n\n/**\n * NotFound component for displaying 404 page content\n */\nexport const NotFound = ({\n  title = 'Không tìm thấy trang',\n  subtitle = 'Xin lỗi, trang bạn đang tìm kiếm không tồn tại hoặc đã bị di chuyển.',\n  buttonText = 'Trở về trang chủ',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: NotFoundProps) => {\n  return (\n    <div className={cn('flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <FileQuestion className={cn('size-16 sm:size-24 text-primary', iconClassName)} />\n        <div className=\"text-4xl sm:text-6xl font-bold text-primary\">404</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default NotFound;\n"],"mappings":"8TAgBA,MAAa,GAAY,CACvB,QAAQ,uBACR,WAAW,uEACX,aAAa,mBACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,oBAGE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,8GAA+G,EAAU,YAC1I,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,8CACb,EAAA,EAAA,KAACA,EAAAA,aAAAA,CAAa,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAc,CAAA,CAAI,EACjF,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,uDAA8C,OAAS,CAAA,EAClE,EAEN,EAAA,EAAA,KAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,EAEnE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,EAEjF,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}
+{"version":3,"file":"NotFound.cjs","names":["FileQuestion","Button"],"sources":["../../packages/components/pages/NotFound.tsx"],"sourcesContent":["import { Button } from '../ui/button';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { FileQuestion } from 'lucide-react';\n\nexport interface NotFoundProps {\n  title?: string;\n  subtitle?: string;\n  buttonText?: string;\n  onButtonClick?: () => void;\n  className?: string;\n  iconClassName?: string;\n}\n\n/**\n * NotFound component for displaying 404 page content\n */\nexport const NotFound = ({\n  title = 'Không tìm thấy trang',\n  subtitle = 'Xin lỗi, trang bạn đang tìm kiếm không tồn tại hoặc đã bị di chuyển.',\n  buttonText = 'Trở về trang chủ',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: NotFoundProps) => {\n  return (\n    <div className={cn('flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <FileQuestion className={cn('size-16 sm:size-24 text-primary', iconClassName)} />\n        <div className=\"text-4xl sm:text-6xl font-bold text-primary\">404</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default NotFound;\n"],"mappings":"8RAgBA,MAAa,GAAY,CACvB,QAAQ,uBACR,WAAW,uEACX,aAAa,mBACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,oBAGE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,8GAA+G,EAAU,YAC1I,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,8CACb,EAAA,EAAA,KAACA,EAAAA,aAAAA,CAAa,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAc,CAAA,CAAI,EACjF,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,uDAA8C,OAAS,CAAA,EAClE,EAEN,EAAA,EAAA,KAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,EAEnE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,EAEjF,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}

package/dist/pages/NotFound.d.cts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime35 from "react/jsx-runtime";
+
+//#region packages/components/pages/NotFound.d.ts
+interface NotFoundProps {
+  title?: string;
+  subtitle?: string;
+  buttonText?: string;
+  onButtonClick?: () => void;
+  className?: string;
+  iconClassName?: string;
+}
+/**
+ * NotFound component for displaying 404 page content
+ */
+declare const NotFound: ({
+  title,
+  subtitle,
+  buttonText,
+  onButtonClick,
+  className,
+  iconClassName
+}: NotFoundProps) => react_jsx_runtime35.JSX.Element;
+//#endregion
+export { NotFound, NotFound as default, NotFoundProps };
+//# sourceMappingURL=NotFound.d.cts.map

package/dist/pages/NotFound.d.mts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime38 from "react/jsx-runtime";
+
+//#region packages/components/pages/NotFound.d.ts
+interface NotFoundProps {
+  title?: string;
+  subtitle?: string;
+  buttonText?: string;
+  onButtonClick?: () => void;
+  className?: string;
+  iconClassName?: string;
+}
+/**
+ * NotFound component for displaying 404 page content
+ */
+declare const NotFound: ({
+  title,
+  subtitle,
+  buttonText,
+  onButtonClick,
+  className,
+  iconClassName
+}: NotFoundProps) => react_jsx_runtime38.JSX.Element;
+//#endregion
+export { NotFound, NotFound as default, NotFoundProps };
+//# sourceMappingURL=NotFound.d.mts.map

package/dist/pages/NotFound.mjs

@@ -0,0 +1,2 @@
+import"../button.variants-CBzlxtwI.mjs";import{t as e}from"../button-CRqVuIHJ.mjs";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{FileQuestion as i}from"lucide-react";const a=({title:a=`Không tìm thấy trang`,subtitle:o=`Xin lỗi, trang bạn đang tìm kiếm không tồn tại hoặc đã bị di chuyển.`,buttonText:s=`Trở về trang chủ`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>r(`div`,{className:t(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[r(`div`,{className:`flex flex-col items-center gap-2`,children:[n(i,{className:t(`size-16 sm:size-24 text-primary`,u)}),n(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`404`})]}),n(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),n(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),n(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as NotFound,o as default};
+//# sourceMappingURL=NotFound.mjs.map

package/dist/pages/NotFound.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound.mjs","names":[],"sources":["../../packages/components/pages/NotFound.tsx"],"sourcesContent":["import { Button } from '../ui/button';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { FileQuestion } from 'lucide-react';\n\nexport interface NotFoundProps {\n  title?: string;\n  subtitle?: string;\n  buttonText?: string;\n  onButtonClick?: () => void;\n  className?: string;\n  iconClassName?: string;\n}\n\n/**\n * NotFound component for displaying 404 page content\n */\nexport const NotFound = ({\n  title = 'Không tìm thấy trang',\n  subtitle = 'Xin lỗi, trang bạn đang tìm kiếm không tồn tại hoặc đã bị di chuyển.',\n  buttonText = 'Trở về trang chủ',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: NotFoundProps) => {\n  return (\n    <div className={cn('flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <FileQuestion className={cn('size-16 sm:size-24 text-primary', iconClassName)} />\n        <div className=\"text-4xl sm:text-6xl font-bold text-primary\">404</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default NotFound;\n"],"mappings":"qOAgBA,MAAa,GAAY,CACvB,QAAQ,uBACR,WAAW,uEACX,aAAa,mBACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,mBAGE,EAAC,MAAA,CAAI,UAAW,EAAG,8GAA+G,EAAU,WAC1I,EAAC,MAAA,CAAI,UAAU,6CACb,EAAC,EAAA,CAAa,UAAW,EAAG,kCAAmC,EAAc,CAAA,CAAI,CACjF,EAAC,MAAA,CAAI,UAAU,uDAA8C,OAAS,CAAA,EAClE,CAEN,EAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,CAEnE,EAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,CAEjF,EAAC,EAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}

package/dist/paragraph-Ce1JR2Q4.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(``,{variants:{variant:{p:`leading-7 [&:not(:first-child)]:mt-6`,sm:`text-sm leading-none font-normal`,lg:`text-lg font-semibold`,lead:`text-text-positive-strong text-xl`,muted:`text-text-positive-muted text-sm`},default:{variant:`sm`}}}),i=({variant:n=`p`,className:i,children:a})=>t(`p`,{className:e(`text-text-positive`,r({variant:n}),i),children:a});export{i as t};
+//# sourceMappingURL=paragraph-Ce1JR2Q4.mjs.map

package/dist/paragraph-Ce1JR2Q4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph-Ce1JR2Q4.mjs","names":[],"sources":["../packages/components/typography/paragraph.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva } from 'class-variance-authority';\n\ntype Props = {\n  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg';\n  className?: string;\n  children?: React.ReactNode;\n};\n\nconst paragraphVariants = cva('', {\n  variants: {\n    variant: {\n      p: 'leading-7 [&:not(:first-child)]:mt-6',\n      sm: 'text-sm leading-none font-normal',\n      lg: 'text-lg font-semibold',\n      lead: 'text-text-positive-strong text-xl',\n      muted: 'text-text-positive-muted text-sm',\n    },\n    default: {\n      variant: 'sm',\n    },\n  },\n});\n\nexport const Paragraph = ({ variant = 'p', className, children }: Props) => {\n  return <p className={cn('text-text-positive', paragraphVariants({ variant }), className)}>{children}</p>;\n};\n"],"mappings":"2IAWA,MAAM,EAAoB,EAAI,GAAI,CAChC,SAAU,CACR,QAAS,CACP,EAAG,uCACH,GAAI,mCACJ,GAAI,wBACJ,KAAM,oCACN,MAAO,mCACR,CACD,QAAS,CACP,QAAS,KACV,CACF,CACF,CAAC,CAEW,GAAa,CAAE,UAAU,IAAK,YAAW,cAC7C,EAAC,IAAA,CAAE,UAAW,EAAG,qBAAsB,EAAkB,CAAE,UAAS,CAAC,CAAE,EAAU,CAAG,YAAa"}

package/dist/popover-BnPG7N8P.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Popover as n}from"radix-ui";function r({...e}){return t(n.Root,{"data-slot":`popover`,...e})}function i({...e}){return t(n.Trigger,{"data-slot":`popover-trigger`,...e})}function a({className:r,align:i=`start`,sideOffset:a=4,...o}){return t(n.Portal,{children:t(n.Content,{"data-slot":`popover-content`,align:i,sideOffset:a,className:e(`bg-popover`,`text-text-positive`,`z-50 w-72`,`origin-(--radix-popover-content-transform-origin)`,`rounded-md p-4 shadow-dropdown outline-none`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,r),...o})})}function o({...e}){return t(n.Anchor,{"data-slot":`popover-anchor`,...e})}export{i,o as n,a as r,r as t};
+//# sourceMappingURL=popover-BnPG7N8P.mjs.map

package/dist/popover-BnPG7N8P.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-BnPG7N8P.mjs","names":["Popover","PopoverPrimitive"],"sources":["../packages/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Popover as PopoverPrimitive } from 'radix-ui';\n\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({ className, align = 'start', sideOffset = 4, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover',\n          'text-text-positive',\n          'z-50 w-72',\n          'origin-(--radix-popover-content-transform-origin)',\n          'rounded-md p-4 shadow-dropdown outline-none',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };\n"],"mappings":"+HAMA,SAASA,EAAQ,CAAE,GAAG,GAA6D,CACjF,OAAO,EAACC,EAAiB,KAAA,CAAK,YAAU,UAAU,GAAI,GAAS,CAGjE,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAACA,EAAiB,QAAA,CAAQ,YAAU,kBAAkB,GAAI,GAAS,CAG5E,SAAS,EAAe,CAAE,YAAW,QAAQ,QAAS,aAAa,EAAG,GAAG,GAAgE,CACvI,OACE,EAACA,EAAiB,OAAA,CAAA,SAChB,EAACA,EAAiB,QAAA,CAChB,YAAU,kBACH,QACK,aACZ,UAAW,EACT,aACA,qBACA,YACA,oDACA,8CACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,EACD,CACD,GAAI,GACJ,CAAA,CACsB,CAI9B,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAACA,EAAiB,OAAA,CAAO,YAAU,iBAAiB,GAAI,GAAS"}

package/dist/popover-stNXNDSM.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({...e}){return(0,n.jsx)(r.Popover.Root,{"data-slot":`popover`,...e})}function a({...e}){return(0,n.jsx)(r.Popover.Trigger,{"data-slot":`popover-trigger`,...e})}function o({className:e,align:i=`start`,sideOffset:a=4,...o}){return(0,n.jsx)(r.Popover.Portal,{children:(0,n.jsx)(r.Popover.Content,{"data-slot":`popover-content`,align:i,sideOffset:a,className:(0,t.cn)(`bg-popover`,`text-text-positive`,`z-50 w-72`,`origin-(--radix-popover-content-transform-origin)`,`rounded-md p-4 shadow-dropdown outline-none`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,e),...o})})}function s({...e}){return(0,n.jsx)(r.Popover.Anchor,{"data-slot":`popover-anchor`,...e})}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=popover-stNXNDSM.cjs.map

package/dist/popover-stNXNDSM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-stNXNDSM.cjs","names":["PopoverPrimitive"],"sources":["../packages/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Popover as PopoverPrimitive } from 'radix-ui';\n\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({ className, align = 'start', sideOffset = 4, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover',\n          'text-text-positive',\n          'z-50 w-72',\n          'origin-(--radix-popover-content-transform-origin)',\n          'rounded-md p-4 shadow-dropdown outline-none',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };\n"],"mappings":"6IAMA,SAAS,EAAQ,CAAE,GAAG,GAA6D,CACjF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAAK,YAAU,UAAU,GAAI,GAAS,CAGjE,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,QAAA,CAAQ,YAAU,kBAAkB,GAAI,GAAS,CAG5E,SAAS,EAAe,CAAE,YAAW,QAAQ,QAAS,aAAa,EAAG,GAAG,GAAgE,CACvI,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,OAAA,CAAA,UAChB,EAAA,EAAA,KAACA,EAAAA,QAAiB,QAAA,CAChB,YAAU,kBACH,QACK,aACZ,WAAA,EAAA,EAAA,IACE,aACA,qBACA,YACA,oDACA,8CACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,EACD,CACD,GAAI,GACJ,CAAA,CACsB,CAI9B,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,OAAA,CAAO,YAAU,iBAAiB,GAAI,GAAS"}

package/dist/products/add-cart-button.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({productId:e,variantId:a,className:o,showText:s=!0,size:c=`default`,isInCart:l=!1,onAddToCart:u})=>{let[d,f]=(0,n.useState)(!1),p=(0,n.useCallback)(async()=>{if(!d)try{f(!0),u&&await u(e,a)}catch(e){console.error(`Error adding to cart:`,e)}finally{f(!1)}},[e,a,u,d]);return(0,i.jsx)(`button`,{className:(0,r.cn)(`transition-all cursor-pointer`,`bg-linear-to-b from-primary to-primary-strong`,`py-2 px-2.5 rounded-md -outline-offset-1 outline-3 outline-primary-weak`,`shadow-lg`,`flex space-x-1.5 items-center`,`text-sm text-text-negative-intense font-medium`,`focus:ring-4 focus:ring-primary-weak`,l?`bg-success hover:bg-success/90`:``,o),disabled:d,onClick:p,children:l?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.CheckIcon,{size:16}),s&&(0,i.jsx)(`span`,{children:c===`icon`?``:`Đã thêm vào giỏ`})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.ShoppingBagIcon,{size:16,strokeWidth:3}),s&&(0,i.jsx)(`span`,{children:c===`icon`?``:`Thêm vào giỏ`})]})})};exports.AddCartButton=a;
+const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`lucide-react`),i=require(`react`);const a=({productId:e,variantId:a,className:o,showText:s=!0,size:c=`default`,isInCart:l=!1,onAddToCart:u})=>{let[d,f]=(0,i.useState)(!1),p=(0,i.useCallback)(async()=>{if(!d)try{f(!0),u&&await u(e,a)}catch(e){console.error(`Error adding to cart:`,e)}finally{f(!1)}},[e,a,u,d]);return(0,n.jsx)(`button`,{className:(0,t.cn)(`transition-all cursor-pointer`,`bg-linear-to-b from-primary to-primary-strong`,`py-2 px-2.5 rounded-md -outline-offset-1 outline-3 outline-primary-weak`,`shadow-lg`,`flex space-x-1.5 items-center`,`text-sm text-text-negative-intense font-medium`,`focus:ring-4 focus:ring-primary-weak`,l?`bg-success hover:bg-success/90`:``,o),disabled:d,onClick:p,children:l?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.CheckIcon,{size:16}),s&&(0,n.jsx)(`span`,{children:c===`icon`?``:`Đã thêm vào giỏ`})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.ShoppingBagIcon,{size:16,strokeWidth:3}),s&&(0,n.jsx)(`span`,{children:c===`icon`?``:`Thêm vào giỏ`})]})})};exports.AddCartButton=a;
 //# sourceMappingURL=add-cart-button.cjs.map

package/dist/products/add-cart-button.d.cts

@@ -0,0 +1,48 @@
+//#region packages/components/products/add-cart-button.d.ts
+type AddCartButtonProps = {
+  /**
+   * Product ID to check against cart and add to cart
+   */
+  productId: string;
+  /**
+   * Variant ID to check against cart and add to cart
+   */
+  variantId?: string;
+  /**
+   * Optional className for styling
+   */
+  className?: string;
+  /**
+   * Whether to show text alongside icon
+   * @default true
+   */
+  showText?: boolean;
+  /**
+   * Size of the button
+   * @default 'default'
+   */
+  size?: 'sm' | 'default' | 'lg' | 'icon';
+  /**
+   * Variant of the button
+   * @default 'default'
+   */
+  variant?: 'default' | 'outline' | 'ghost';
+  /**
+   * Initial quantity to add to cart
+   * @default 1
+   */
+  quantity?: number;
+  /**
+   * Flag to indicate if the product is already in the cart
+   * @default false
+   */
+  isInCart?: boolean;
+  /**
+   * Callback function when adding to cart
+   */
+  onAddToCart?: (productId: string, variantId?: string) => void | Promise<void>;
+};
+declare const AddCartButton: React.FC<AddCartButtonProps>;
+//#endregion
+export { AddCartButton };
+//# sourceMappingURL=add-cart-button.d.cts.map

package/dist/products/add-cart-button.d.mts

@@ -0,0 +1,48 @@
+//#region packages/components/products/add-cart-button.d.ts
+type AddCartButtonProps = {
+  /**
+   * Product ID to check against cart and add to cart
+   */
+  productId: string;
+  /**
+   * Variant ID to check against cart and add to cart
+   */
+  variantId?: string;
+  /**
+   * Optional className for styling
+   */
+  className?: string;
+  /**
+   * Whether to show text alongside icon
+   * @default true
+   */
+  showText?: boolean;
+  /**
+   * Size of the button
+   * @default 'default'
+   */
+  size?: 'sm' | 'default' | 'lg' | 'icon';
+  /**
+   * Variant of the button
+   * @default 'default'
+   */
+  variant?: 'default' | 'outline' | 'ghost';
+  /**
+   * Initial quantity to add to cart
+   * @default 1
+   */
+  quantity?: number;
+  /**
+   * Flag to indicate if the product is already in the cart
+   * @default false
+   */
+  isInCart?: boolean;
+  /**
+   * Callback function when adding to cart
+   */
+  onAddToCart?: (productId: string, variantId?: string) => void | Promise<void>;
+};
+declare const AddCartButton: React.FC<AddCartButtonProps>;
+//#endregion
+export { AddCartButton };
+//# sourceMappingURL=add-cart-button.d.mts.map

package/dist/products/add-cart-button.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{Fragment as t,jsx as n,jsxs as r}from"react/jsx-runtime";import{CheckIcon as i,ShoppingBagIcon as a}from"lucide-react";import{useCallback as o,useState as s}from"react";const c=({productId:c,variantId:l,className:u,showText:d=!0,size:f=`default`,isInCart:p=!1,onAddToCart:m})=>{let[h,g]=s(!1),_=o(async()=>{if(!h)try{g(!0),m&&await m(c,l)}catch(e){console.error(`Error adding to cart:`,e)}finally{g(!1)}},[c,l,m,h]);return n(`button`,{className:e(`transition-all cursor-pointer`,`bg-linear-to-b from-primary to-primary-strong`,`py-2 px-2.5 rounded-md -outline-offset-1 outline-3 outline-primary-weak`,`shadow-lg`,`flex space-x-1.5 items-center`,`text-sm text-text-negative-intense font-medium`,`focus:ring-4 focus:ring-primary-weak`,p?`bg-success hover:bg-success/90`:``,u),disabled:h,onClick:_,children:p?r(t,{children:[n(i,{size:16}),d&&n(`span`,{children:f===`icon`?``:`Đã thêm vào giỏ`})]}):r(t,{children:[n(a,{size:16,strokeWidth:3}),d&&n(`span`,{children:f===`icon`?``:`Thêm vào giỏ`})]})})};export{c as AddCartButton};
+//# sourceMappingURL=add-cart-button.mjs.map

package/dist/products/add-cart-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-cart-button.mjs","names":["AddCartButton: React.FC<AddCartButtonProps>"],"sources":["../../packages/components/products/add-cart-button.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { CheckIcon, ShoppingBagIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\ntype AddCartButtonProps = {\n  /**\n   * Product ID to check against cart and add to cart\n   */\n  productId: string;\n  /**\n   * Variant ID to check against cart and add to cart\n   */\n  variantId?: string;\n  /**\n   * Optional className for styling\n   */\n  className?: string;\n  /**\n   * Whether to show text alongside icon\n   * @default true\n   */\n  showText?: boolean;\n  /**\n   * Size of the button\n   * @default 'default'\n   */\n  size?: 'sm' | 'default' | 'lg' | 'icon';\n  /**\n   * Variant of the button\n   * @default 'default'\n   */\n  variant?: 'default' | 'outline' | 'ghost';\n  /**\n   * Initial quantity to add to cart\n   * @default 1\n   */\n  quantity?: number;\n  /**\n   * Flag to indicate if the product is already in the cart\n   * @default false\n   */\n  isInCart?: boolean;\n  /**\n   * Callback function when adding to cart\n   */\n  onAddToCart?: (productId: string, variantId?: string) => void | Promise<void>;\n};\n\nexport const AddCartButton: React.FC<AddCartButtonProps> = ({\n  productId,\n  variantId,\n  className,\n  showText = true,\n  size = 'default',\n  isInCart = false,\n  onAddToCart,\n}) => {\n  const [isAdding, setIsAdding] = useState(false);\n\n  const handleAddToCart = useCallback(async () => {\n    if (isAdding) return;\n\n    try {\n      setIsAdding(true);\n\n      // Use onAddToCart callback with the productId and variantId\n      if (onAddToCart) {\n        await onAddToCart(productId, variantId);\n      }\n    } catch (error) {\n      console.error('Error adding to cart:', error);\n    } finally {\n      setIsAdding(false);\n    }\n  }, [productId, variantId, onAddToCart, isAdding]);\n\n  return (\n    <button\n      className={cn(\n        'transition-all cursor-pointer',\n        'bg-linear-to-b from-primary to-primary-strong',\n        'py-2 px-2.5 rounded-md -outline-offset-1 outline-3 outline-primary-weak',\n        'shadow-lg',\n        'flex space-x-1.5 items-center',\n        'text-sm text-text-negative-intense font-medium',\n        'focus:ring-4 focus:ring-primary-weak',\n        isInCart ? 'bg-success hover:bg-success/90' : '',\n        className\n      )}\n      disabled={isAdding}\n      onClick={handleAddToCart}\n    >\n      {isInCart ? (\n        <>\n          <CheckIcon size={16} />\n          {showText && <span>{size === 'icon' ? '' : 'Đã thêm vào giỏ'}</span>}\n        </>\n      ) : (\n        <>\n          <ShoppingBagIcon size={16} strokeWidth={3} />\n          {showText && <span>{size === 'icon' ? '' : 'Thêm vào giỏ'}</span>}\n        </>\n      )}\n    </button>\n  );\n};\n"],"mappings":"oOAkDA,MAAaA,GAA+C,CAC1D,YACA,YACA,YACA,WAAW,GACX,OAAO,UACP,WAAW,GACX,iBACI,CACJ,GAAM,CAAC,EAAU,GAAe,EAAS,GAAM,CAEzC,EAAkB,EAAY,SAAY,CAC1C,MAEJ,GAAI,CACF,EAAY,GAAK,CAGb,GACF,MAAM,EAAY,EAAW,EAAU,OAElC,EAAO,CACd,QAAQ,MAAM,wBAAyB,EAAM,QACrC,CACR,EAAY,GAAM,GAEnB,CAAC,EAAW,EAAW,EAAa,EAAS,CAAC,CAEjD,OACE,EAAC,SAAA,CACC,UAAW,EACT,gCACA,gDACA,0EACA,YACA,gCACA,iDACA,uCACA,EAAW,iCAAmC,GAC9C,EACD,CACD,SAAU,EACV,QAAS,WAER,EACC,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAU,KAAM,GAAA,CAAM,CACtB,GAAY,EAAC,OAAA,CAAA,SAAM,IAAS,OAAS,GAAK,kBAAA,CAAyB,CAAA,CAAA,CACnE,CAEH,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAgB,KAAM,GAAI,YAAa,GAAK,CAC5C,GAAY,EAAC,OAAA,CAAA,SAAM,IAAS,OAAS,GAAK,eAAA,CAAsB,CAAA,CAAA,CAChE,EAEE"}

package/dist/products/product-loading-page.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../skeleton-C4suljHP.cjs`),n=require(`../flex-CKdTJVZS.cjs`),r=require(`../tabs-B304bCae.cjs`);let i=require(`@customafk/react-toolkit/utils`),a=require(`react/jsx-runtime`);const o=({className:e,hideGallery:o=!1})=>(0,a.jsxs)(`div`,{className:(0,i.cn)(`flex w-full flex-col lg:flex-row gap-8 animate-in fade-in duration-300`,e),children:[!o&&(0,a.jsxs)(`div`,{className:`w-full lg:w-1/2 flex flex-col gap-4`,children:[(0,a.jsx)(t.t,{className:`aspect-square w-full rounded-lg`}),(0,a.jsx)(`div`,{className:`flex gap-2 overflow-x-auto pb-1`,children:[...[,,,,]].map((e,n)=>(0,a.jsx)(t.t,{className:`aspect-square w-20 h-20 flex-shrink-0 rounded-md`},n))})]}),(0,a.jsxs)(`div`,{className:(0,i.cn)(`flex-1 flex flex-col gap-6`,o?`w-full`:`w-full lg:w-1/2`),children:[(0,a.jsxs)(`div`,{className:`space-y-4`,children:[(0,a.jsx)(t.t,{className:`h-8 w-3/4`}),(0,a.jsx)(t.t,{className:`h-6 w-1/4`}),(0,a.jsx)(t.t,{className:`h-5 w-full`}),(0,a.jsx)(t.t,{className:`h-5 w-full`}),(0,a.jsx)(t.t,{className:`h-5 w-3/4`})]}),(0,a.jsxs)(`div`,{className:`flex flex-col gap-2 mt-2`,children:[(0,a.jsx)(t.t,{className:`h-8 w-1/3`}),(0,a.jsxs)(`div`,{className:`flex gap-2 items-center`,children:[(0,a.jsx)(t.t,{className:`h-6 w-24`}),(0,a.jsx)(t.t,{className:`h-6 w-32`})]})]}),(0,a.jsxs)(n.t,{gap:`md`,className:`mt-2`,children:[(0,a.jsx)(t.t,{className:`h-10 w-32 rounded-full`}),(0,a.jsx)(t.t,{className:`h-10 w-32 rounded-full`})]}),(0,a.jsx)(`div`,{className:`mt-6`,children:(0,a.jsxs)(r.t,{defaultValue:`details`,children:[(0,a.jsxs)(r.r,{className:`mb-4`,children:[(0,a.jsx)(r.i,{value:`details`,disabled:!0,children:(0,a.jsx)(t.t,{className:`h-4 w-20`})}),(0,a.jsx)(r.i,{value:`specs`,disabled:!0,children:(0,a.jsx)(t.t,{className:`h-4 w-24`})}),(0,a.jsx)(r.i,{value:`reviews`,disabled:!0,children:(0,a.jsx)(t.t,{className:`h-4 w-20`})})]}),(0,a.jsx)(r.n,{value:`details`,children:(0,a.jsxs)(`div`,{className:`space-y-4`,children:[(0,a.jsx)(t.t,{className:`h-5 w-full`}),(0,a.jsx)(t.t,{className:`h-5 w-full`}),(0,a.jsx)(t.t,{className:`h-5 w-4/5`}),(0,a.jsx)(t.t,{className:`h-5 w-11/12`})]})})]})})]})]});exports.ProductLoadingPage=o;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../skeleton-C4suljHP.cjs`),n=require(`../flex-BYj-xYaw.cjs`),r=require(`../tabs-B304bCae.cjs`);let i=require(`@customafk/react-toolkit/utils`),a=require(`react/jsx-runtime`);const o=({className:e,hideGallery:o=!1})=>(0,a.jsxs)(`div`,{className:(0,i.cn)(`flex w-full flex-col lg:flex-row gap-8 animate-in fade-in duration-300`,e),children:[!o&&(0,a.jsxs)(`div`,{className:`w-full lg:w-1/2 flex flex-col gap-4`,children:[(0,a.jsx)(t.t,{className:`aspect-square w-full rounded-lg`}),(0,a.jsx)(`div`,{className:`flex gap-2 overflow-x-auto pb-1`,children:[...[,,,,]].map((e,n)=>(0,a.jsx)(t.t,{className:`aspect-square w-20 h-20 flex-shrink-0 rounded-md`},n))})]}),(0,a.jsxs)(`div`,{className:(0,i.cn)(`flex-1 flex flex-col gap-6`,o?`w-full`:`w-full lg:w-1/2`),children:[(0,a.jsxs)(`div`,{className:`space-y-4`,children:[(0,a.jsx)(t.t,{className:`h-8 w-3/4`}),(0,a.jsx)(t.t,{className:`h-6 w-1/4`}),(0,a.jsx)(t.t,{className:`h-5 w-full`}),(0,a.jsx)(t.t,{className:`h-5 w-full`}),(0,a.jsx)(t.t,{className:`h-5 w-3/4`})]}),(0,a.jsxs)(`div`,{className:`flex flex-col gap-2 mt-2`,children:[(0,a.jsx)(t.t,{className:`h-8 w-1/3`}),(0,a.jsxs)(`div`,{className:`flex gap-2 items-center`,children:[(0,a.jsx)(t.t,{className:`h-6 w-24`}),(0,a.jsx)(t.t,{className:`h-6 w-32`})]})]}),(0,a.jsxs)(n.t,{gap:`md`,className:`mt-2`,children:[(0,a.jsx)(t.t,{className:`h-10 w-32 rounded-full`}),(0,a.jsx)(t.t,{className:`h-10 w-32 rounded-full`})]}),(0,a.jsx)(`div`,{className:`mt-6`,children:(0,a.jsxs)(r.t,{defaultValue:`details`,children:[(0,a.jsxs)(r.r,{className:`mb-4`,children:[(0,a.jsx)(r.i,{value:`details`,disabled:!0,children:(0,a.jsx)(t.t,{className:`h-4 w-20`})}),(0,a.jsx)(r.i,{value:`specs`,disabled:!0,children:(0,a.jsx)(t.t,{className:`h-4 w-24`})}),(0,a.jsx)(r.i,{value:`reviews`,disabled:!0,children:(0,a.jsx)(t.t,{className:`h-4 w-20`})})]}),(0,a.jsx)(r.n,{value:`details`,children:(0,a.jsxs)(`div`,{className:`space-y-4`,children:[(0,a.jsx)(t.t,{className:`h-5 w-full`}),(0,a.jsx)(t.t,{className:`h-5 w-full`}),(0,a.jsx)(t.t,{className:`h-5 w-4/5`}),(0,a.jsx)(t.t,{className:`h-5 w-11/12`})]})})]})})]})]});exports.ProductLoadingPage=o;
 //# sourceMappingURL=product-loading-page.cjs.map

package/dist/products/product-loading-page.d.cts

@@ -0,0 +1,9 @@
+//#region packages/components/products/product-loading-page.d.ts
+interface ProductLoadingPageProps {
+  className?: string;
+  hideGallery?: boolean;
+}
+declare const ProductLoadingPage: React.FC<ProductLoadingPageProps>;
+//#endregion
+export { ProductLoadingPage, ProductLoadingPageProps };
+//# sourceMappingURL=product-loading-page.d.cts.map

package/dist/products/product-loading-page.d.mts

@@ -0,0 +1,9 @@
+//#region packages/components/products/product-loading-page.d.ts
+interface ProductLoadingPageProps {
+  className?: string;
+  hideGallery?: boolean;
+}
+declare const ProductLoadingPage: React.FC<ProductLoadingPageProps>;
+//#endregion
+export { ProductLoadingPage, ProductLoadingPageProps };
+//# sourceMappingURL=product-loading-page.d.mts.map

package/dist/products/product-loading-page.mjs

@@ -0,0 +1,2 @@
+"use client";import{t as e}from"../skeleton-BDmuk30q.mjs";import{t}from"../flex-DVvvRStw.mjs";import{i as n,n as r,r as i,t as a}from"../tabs-BIOizIW9.mjs";import{cn as o}from"@customafk/react-toolkit/utils";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=({className:l,hideGallery:u=!1})=>c(`div`,{className:o(`flex w-full flex-col lg:flex-row gap-8 animate-in fade-in duration-300`,l),children:[!u&&c(`div`,{className:`w-full lg:w-1/2 flex flex-col gap-4`,children:[s(e,{className:`aspect-square w-full rounded-lg`}),s(`div`,{className:`flex gap-2 overflow-x-auto pb-1`,children:[...[,,,,]].map((t,n)=>s(e,{className:`aspect-square w-20 h-20 flex-shrink-0 rounded-md`},n))})]}),c(`div`,{className:o(`flex-1 flex flex-col gap-6`,u?`w-full`:`w-full lg:w-1/2`),children:[c(`div`,{className:`space-y-4`,children:[s(e,{className:`h-8 w-3/4`}),s(e,{className:`h-6 w-1/4`}),s(e,{className:`h-5 w-full`}),s(e,{className:`h-5 w-full`}),s(e,{className:`h-5 w-3/4`})]}),c(`div`,{className:`flex flex-col gap-2 mt-2`,children:[s(e,{className:`h-8 w-1/3`}),c(`div`,{className:`flex gap-2 items-center`,children:[s(e,{className:`h-6 w-24`}),s(e,{className:`h-6 w-32`})]})]}),c(t,{gap:`md`,className:`mt-2`,children:[s(e,{className:`h-10 w-32 rounded-full`}),s(e,{className:`h-10 w-32 rounded-full`})]}),s(`div`,{className:`mt-6`,children:c(a,{defaultValue:`details`,children:[c(i,{className:`mb-4`,children:[s(n,{value:`details`,disabled:!0,children:s(e,{className:`h-4 w-20`})}),s(n,{value:`specs`,disabled:!0,children:s(e,{className:`h-4 w-24`})}),s(n,{value:`reviews`,disabled:!0,children:s(e,{className:`h-4 w-20`})})]}),s(r,{value:`details`,children:c(`div`,{className:`space-y-4`,children:[s(e,{className:`h-5 w-full`}),s(e,{className:`h-5 w-full`}),s(e,{className:`h-5 w-4/5`}),s(e,{className:`h-5 w-11/12`})]})})]})})]})]});export{l as ProductLoadingPage};
+//# sourceMappingURL=product-loading-page.mjs.map

package/dist/products/product-loading-page.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-loading-page.mjs","names":["ProductLoadingPage: React.FC<ProductLoadingPageProps>"],"sources":["../../packages/components/products/product-loading-page.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Flex } from '@/components/layouts/flex';\nimport { Skeleton } from '@/components/ui/skeleton';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';\n\nexport interface ProductLoadingPageProps {\n  className?: string;\n  hideGallery?: boolean;\n}\n\nexport const ProductLoadingPage: React.FC<ProductLoadingPageProps> = ({ className, hideGallery = false }) => {\n  return (\n    <div className={cn('flex w-full flex-col lg:flex-row gap-8 animate-in fade-in duration-300', className)}>\n      {/* Gallery Skeleton */}\n      {!hideGallery && (\n        <div className=\"w-full lg:w-1/2 flex flex-col gap-4\">\n          <Skeleton className=\"aspect-square w-full rounded-lg\" />\n          <div className=\"flex gap-2 overflow-x-auto pb-1\">\n            {[...Array(4)].map((_, i) => (\n              <Skeleton key={i} className=\"aspect-square w-20 h-20 flex-shrink-0 rounded-md\" />\n            ))}\n          </div>\n        </div>\n      )}\n\n      {/* Product Info Skeleton */}\n      <div className={cn('flex-1 flex flex-col gap-6', hideGallery ? 'w-full' : 'w-full lg:w-1/2')}>\n        {/* Basic Info */}\n        <div className=\"space-y-4\">\n          <Skeleton className=\"h-8 w-3/4\" />\n          <Skeleton className=\"h-6 w-1/4\" />\n          <Skeleton className=\"h-5 w-full\" />\n          <Skeleton className=\"h-5 w-full\" />\n          <Skeleton className=\"h-5 w-3/4\" />\n        </div>\n\n        {/* Price and Stock */}\n        <div className=\"flex flex-col gap-2 mt-2\">\n          <Skeleton className=\"h-8 w-1/3\" />\n          <div className=\"flex gap-2 items-center\">\n            <Skeleton className=\"h-6 w-24\" />\n            <Skeleton className=\"h-6 w-32\" />\n          </div>\n        </div>\n\n        {/* Actions */}\n        <Flex gap=\"md\" className=\"mt-2\">\n          <Skeleton className=\"h-10 w-32 rounded-full\" />\n          <Skeleton className=\"h-10 w-32 rounded-full\" />\n        </Flex>\n\n        {/* Tabs */}\n        <div className=\"mt-6\">\n          <Tabs defaultValue=\"details\">\n            <TabsList className=\"mb-4\">\n              <TabsTrigger value=\"details\" disabled>\n                <Skeleton className=\"h-4 w-20\" />\n              </TabsTrigger>\n              <TabsTrigger value=\"specs\" disabled>\n                <Skeleton className=\"h-4 w-24\" />\n              </TabsTrigger>\n              <TabsTrigger value=\"reviews\" disabled>\n                <Skeleton className=\"h-4 w-20\" />\n              </TabsTrigger>\n            </TabsList>\n            <TabsContent value=\"details\">\n              <div className=\"space-y-4\">\n                <Skeleton className=\"h-5 w-full\" />\n                <Skeleton className=\"h-5 w-full\" />\n                <Skeleton className=\"h-5 w-4/5\" />\n                <Skeleton className=\"h-5 w-11/12\" />\n              </div>\n            </TabsContent>\n          </Tabs>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"kQAYA,MAAaA,GAAyD,CAAE,YAAW,cAAc,MAE7F,EAAC,MAAA,CAAI,UAAW,EAAG,yEAA0E,EAAU,WAEpG,CAAC,GACA,EAAC,MAAA,CAAI,UAAU,gDACb,EAAC,EAAA,CAAS,UAAU,kCAAA,CAAoC,CACxD,EAAC,MAAA,CAAI,UAAU,2CACZ,CAAC,GAAG,MAAQ,CAAC,CAAC,KAAK,EAAG,IACrB,EAAC,EAAA,CAAiB,UAAU,mDAAA,CAAb,EAAkE,CACjF,EACE,CAAA,EACF,CAIR,EAAC,MAAA,CAAI,UAAW,EAAG,6BAA8B,EAAc,SAAW,kBAAkB,WAE1F,EAAC,MAAA,CAAI,UAAU,sBACb,EAAC,EAAA,CAAS,UAAU,YAAA,CAAc,CAClC,EAAC,EAAA,CAAS,UAAU,YAAA,CAAc,CAClC,EAAC,EAAA,CAAS,UAAU,aAAA,CAAe,CACnC,EAAC,EAAA,CAAS,UAAU,aAAA,CAAe,CACnC,EAAC,EAAA,CAAS,UAAU,YAAA,CAAc,GAC9B,CAGN,EAAC,MAAA,CAAI,UAAU,qCACb,EAAC,EAAA,CAAS,UAAU,YAAA,CAAc,CAClC,EAAC,MAAA,CAAI,UAAU,oCACb,EAAC,EAAA,CAAS,UAAU,WAAA,CAAa,CACjC,EAAC,EAAA,CAAS,UAAU,WAAA,CAAa,CAAA,EAC7B,CAAA,EACF,CAGN,EAAC,EAAA,CAAK,IAAI,KAAK,UAAU,iBACvB,EAAC,EAAA,CAAS,UAAU,yBAAA,CAA2B,CAC/C,EAAC,EAAA,CAAS,UAAU,yBAAA,CAA2B,CAAA,EAC1C,CAGP,EAAC,MAAA,CAAI,UAAU,gBACb,EAAC,EAAA,CAAK,aAAa,oBACjB,EAAC,EAAA,CAAS,UAAU,iBAClB,EAAC,EAAA,CAAY,MAAM,UAAU,SAAA,YAC3B,EAAC,EAAA,CAAS,UAAU,WAAA,CAAa,EACrB,CACd,EAAC,EAAA,CAAY,MAAM,QAAQ,SAAA,YACzB,EAAC,EAAA,CAAS,UAAU,WAAA,CAAa,EACrB,CACd,EAAC,EAAA,CAAY,MAAM,UAAU,SAAA,YAC3B,EAAC,EAAA,CAAS,UAAU,WAAA,CAAa,EACrB,GACL,CACX,EAAC,EAAA,CAAY,MAAM,mBACjB,EAAC,MAAA,CAAI,UAAU,sBACb,EAAC,EAAA,CAAS,UAAU,aAAA,CAAe,CACnC,EAAC,EAAA,CAAS,UAAU,aAAA,CAAe,CACnC,EAAC,EAAA,CAAS,UAAU,YAAA,CAAc,CAClC,EAAC,EAAA,CAAS,UAAU,cAAA,CAAgB,GAChC,EACM,CAAA,EACT,EACH,GACF,CAAA,EACF"}

package/dist/products/product-quantity-control.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../dist-Dh8WwRa8.cjs`),require(`../button.variants-D1vkzrn1.cjs`);const t=require(`../button-BSQjtXgG.cjs`),n=require(`../input-D2bPk-nW.cjs`);let r=require(`lucide-react`),i=require(`react`),a=require(`@customafk/react-toolkit/utils`),o=require(`react/jsx-runtime`),s=require(`@customafk/react-toolkit/hooks/useDebounceCallback`);function c({initialValue:e=1,min:c=1,max:l=100,onQuantityChange:u,onButtonClick:d,debounceDelay:f=300,className:p,disabled:m=!1}){let[h,g]=(0,i.useState)(Math.min(Math.max(e,c),l)),_=(0,s.useDebounceCallback)(e=>{u?.(e)},f);(0,i.useEffect)(()=>{g(Math.min(Math.max(e,c),l))},[e,c,l]),(0,i.useEffect)(()=>(f<=0?u?.(h):_(h),()=>{_.cancel()}),[h,_,u,f]);let v=(0,i.useCallback)(()=>{if(h>=l)return;let e=h+1;g(e),d?.(`increment`,e)},[h,l,d]),y=(0,i.useCallback)(()=>{if(h<=c)return;let e=h-1;g(e),d?.(`decrement`,e)},[h,c,d]),b=(0,i.useCallback)(e=>{let t=parseInt(e,10);if(Number.isNaN(t)){g(c);return}g(t<c?c:t>l?l:t)},[c,l]),x=(0,i.useCallback)(()=>{Number.isNaN(h)||h<c?g(c):h>l&&g(l)},[h,c,l]);return(0,o.jsxs)(`div`,{className:(0,a.cn)(`flex gap-x-0.5 h-8 items-center`,p),children:[(0,o.jsx)(t.t,{variant:`outline`,color:`muted`,size:`icon`,onClick:y,disabled:m||h<=c,"aria-label":`Decrease quantity`,className:`rounded-xs focus:border focus:border-border bg-background`,children:(0,o.jsx)(r.Minus,{size:16})}),(0,o.jsx)(n.t,{value:h.toString(),onValueChange:b,onBlur:x,min:c,max:l,disabled:m,className:`h-8 w-14 border border-border p-0 text-center focus-visible:border-muted focus-visible:ring-0 rounded-xs bg-background`,"aria-label":`Product quantity`}),(0,o.jsx)(t.t,{variant:`outline`,color:`muted`,size:`icon`,onClick:v,disabled:m||h>=l,"aria-label":`Increase quantity`,className:`rounded-xs focus:border focus:border-border bg-background`,children:(0,o.jsx)(r.Plus,{size:16})})]})}exports.ProductQuantityControl=c;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../button.variants-C--cfyfH.cjs`);const t=require(`../button-DtFiUaY7.cjs`),n=require(`../input-Df2YPt1V.cjs`);let r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`),a=require(`lucide-react`),o=require(`react`),s=require(`@customafk/react-toolkit/hooks/useDebounceCallback`);function c({initialValue:e=1,min:c=1,max:l=100,onQuantityChange:u,onButtonClick:d,debounceDelay:f=300,className:p,disabled:m=!1}){let[h,g]=(0,o.useState)(Math.min(Math.max(e,c),l)),_=(0,s.useDebounceCallback)(e=>{u?.(e)},f);(0,o.useEffect)(()=>{g(Math.min(Math.max(e,c),l))},[e,c,l]),(0,o.useEffect)(()=>(f<=0?u?.(h):_(h),()=>{_.cancel()}),[h,_,u,f]);let v=(0,o.useCallback)(()=>{if(h>=l)return;let e=h+1;g(e),d?.(`increment`,e)},[h,l,d]),y=(0,o.useCallback)(()=>{if(h<=c)return;let e=h-1;g(e),d?.(`decrement`,e)},[h,c,d]),b=(0,o.useCallback)(e=>{let t=parseInt(e,10);if(Number.isNaN(t)){g(c);return}g(t<c?c:t>l?l:t)},[c,l]),x=(0,o.useCallback)(()=>{Number.isNaN(h)||h<c?g(c):h>l&&g(l)},[h,c,l]);return(0,i.jsxs)(`div`,{className:(0,r.cn)(`flex gap-x-0.5 h-8 items-center`,p),children:[(0,i.jsx)(t.t,{variant:`outline`,color:`muted`,size:`icon`,onClick:y,disabled:m||h<=c,"aria-label":`Decrease quantity`,className:`rounded-xs focus:border focus:border-border bg-background`,children:(0,i.jsx)(a.Minus,{size:16})}),(0,i.jsx)(n.t,{value:h.toString(),onValueChange:b,onBlur:x,min:c,max:l,disabled:m,className:`h-8 w-14 border border-border p-0 text-center focus-visible:border-muted focus-visible:ring-0 rounded-xs bg-background`,"aria-label":`Product quantity`}),(0,i.jsx)(t.t,{variant:`outline`,color:`muted`,size:`icon`,onClick:v,disabled:m||h>=l,"aria-label":`Increase quantity`,className:`rounded-xs focus:border focus:border-border bg-background`,children:(0,i.jsx)(a.Plus,{size:16})})]})}exports.ProductQuantityControl=c;
 //# sourceMappingURL=product-quantity-control.cjs.map

package/dist/products/product-quantity-control.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"product-quantity-control.cjs","names":["Button","Minus","Input","Plus"],"sources":["../../packages/components/products/product-quantity-control.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { Minus, Plus } from 'lucide-react';\n\nimport { useDebounceCallback } from '@customafk/react-toolkit/hooks/useDebounceCallback';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '../ui/button';\nimport { Input } from '../ui/input';\n\nexport interface ProductQuantityControlProps {\n  /**\n   * Initial quantity value\n   */\n  initialValue?: number;\n  /**\n   * Minimum allowed quantity (default: 1)\n   */\n  min?: number;\n  /**\n   * Maximum allowed quantity (default: 100)\n   */\n  max?: number;\n  /**\n   * Callback when quantity changes\n   */\n  onQuantityChange?: (quantity: number) => void;\n  /**\n   * Callback when increment or decrement button is clicked\n   */\n  onButtonClick?: (action: 'increment' | 'decrement', newQuantity: number) => void;\n  /**\n   * Delay in milliseconds before triggering onQuantityChange (default: 300)\n   */\n  debounceDelay?: number;\n  /**\n   * Custom class name\n   */\n  className?: string;\n  /**\n   * Whether the control is disabled\n   */\n  disabled?: boolean;\n}\n\nexport function ProductQuantityControl({\n  initialValue = 1,\n  min = 1,\n  max = 100,\n  onQuantityChange,\n  onButtonClick,\n  debounceDelay = 300,\n  className,\n  disabled = false,\n}: ProductQuantityControlProps) {\n  const [quantity, setQuantity] = useState<number>(Math.min(Math.max(initialValue, min), max));\n\n  // Create debounced version of the quantity change handler\n  const debouncedQuantityChange = useDebounceCallback((value: number) => {\n    onQuantityChange?.(value);\n  }, debounceDelay);\n\n  useEffect(() => {\n    // Ensure initial value is within limits when props change\n    const boundedValue = Math.min(Math.max(initialValue, min), max);\n    setQuantity(boundedValue);\n  }, [initialValue, min, max]);\n\n  // Trigger debounced callback when quantity changes\n  useEffect(() => {\n    if (debounceDelay <= 0) {\n      // If debounce is disabled, call immediately\n      onQuantityChange?.(quantity);\n    } else {\n      debouncedQuantityChange(quantity);\n    }\n    return () => {\n      debouncedQuantityChange.cancel();\n    };\n  }, [quantity, debouncedQuantityChange, onQuantityChange, debounceDelay]);\n\n  const increment = useCallback(() => {\n    if (quantity >= max) return;\n    const newQuantity = quantity + 1;\n    setQuantity(newQuantity);\n    onButtonClick?.('increment', newQuantity);\n  }, [quantity, max, onButtonClick]);\n\n  const decrement = useCallback(() => {\n    if (quantity <= min) return;\n    const newQuantity = quantity - 1;\n    setQuantity(newQuantity);\n    onButtonClick?.('decrement', newQuantity);\n  }, [quantity, min, onButtonClick]);\n\n  const handleInputChange = useCallback(\n    (value: string) => {\n      const newValue = parseInt(value, 10);\n\n      if (Number.isNaN(newValue)) {\n        setQuantity(min);\n        return;\n      }\n\n      if (newValue < min) {\n        setQuantity(min);\n      } else if (newValue > max) {\n        setQuantity(max);\n      } else {\n        setQuantity(newValue);\n      }\n    },\n    [min, max]\n  );\n\n  const handleBlur = useCallback(() => {\n    // Ensure value is within limits when input loses focus\n    if (Number.isNaN(quantity) || quantity < min) {\n      setQuantity(min);\n    } else if (quantity > max) {\n      setQuantity(max);\n    }\n  }, [quantity, min, max]);\n\n  return (\n    <div className={cn('flex gap-x-0.5 h-8 items-center', className)}>\n      <Button\n        variant=\"outline\"\n        color=\"muted\"\n        size=\"icon\"\n        onClick={decrement}\n        disabled={disabled || quantity <= min}\n        aria-label=\"Decrease quantity\"\n        className=\"rounded-xs focus:border focus:border-border bg-background\"\n      >\n        <Minus size={16} />\n      </Button>\n\n      <Input\n        value={quantity.toString()}\n        onValueChange={handleInputChange}\n        onBlur={handleBlur}\n        min={min}\n        max={max}\n        disabled={disabled}\n        className=\"h-8 w-14 border border-border p-0 text-center focus-visible:border-muted focus-visible:ring-0 rounded-xs bg-background\"\n        aria-label=\"Product quantity\"\n      />\n\n      <Button\n        variant=\"outline\"\n        color=\"muted\"\n        size=\"icon\"\n        onClick={increment}\n        disabled={disabled || quantity >= max}\n        aria-label=\"Increase quantity\"\n        className=\"rounded-xs focus:border focus:border-border bg-background\"\n      >\n        <Plus size={16} />\n      </Button>\n    </div>\n  );\n}\n"],"mappings":"0YA+CA,SAAgB,EAAuB,CACrC,eAAe,EACf,MAAM,EACN,MAAM,IACN,mBACA,gBACA,gBAAgB,IAChB,YACA,WAAW,IACmB,CAC9B,GAAM,CAAC,EAAU,IAAA,EAAA,EAAA,UAAgC,KAAK,IAAI,KAAK,IAAI,EAAc,EAAI,CAAE,EAAI,CAAC,CAGtF,GAAA,EAAA,EAAA,qBAA+C,GAAkB,CACrE,IAAmB,EAAM,EACxB,EAAc,EAEjB,EAAA,EAAA,eAAgB,CAGd,EADqB,KAAK,IAAI,KAAK,IAAI,EAAc,EAAI,CAAE,EAAI,CACtC,EACxB,CAAC,EAAc,EAAK,EAAI,CAAC,EAG5B,EAAA,EAAA,gBACM,GAAiB,EAEnB,IAAmB,EAAS,CAE5B,EAAwB,EAAS,KAEtB,CACX,EAAwB,QAAQ,GAEjC,CAAC,EAAU,EAAyB,EAAkB,EAAc,CAAC,CAExE,IAAM,GAAA,EAAA,EAAA,iBAA8B,CAClC,GAAI,GAAY,EAAK,OACrB,IAAM,EAAc,EAAW,EAC/B,EAAY,EAAY,CACxB,IAAgB,YAAa,EAAY,EACxC,CAAC,EAAU,EAAK,EAAc,CAAC,CAE5B,GAAA,EAAA,EAAA,iBAA8B,CAClC,GAAI,GAAY,EAAK,OACrB,IAAM,EAAc,EAAW,EAC/B,EAAY,EAAY,CACxB,IAAgB,YAAa,EAAY,EACxC,CAAC,EAAU,EAAK,EAAc,CAAC,CAE5B,GAAA,EAAA,EAAA,aACH,GAAkB,CACjB,IAAM,EAAW,SAAS,EAAO,GAAG,CAEpC,GAAI,OAAO,MAAM,EAAS,CAAE,CAC1B,EAAY,EAAI,CAChB,OAIA,EADE,EAAW,EACD,EACH,EAAW,EACR,EAEA,EAAS,EAGzB,CAAC,EAAK,EAAI,CACX,CAEK,GAAA,EAAA,EAAA,iBAA+B,CAE/B,OAAO,MAAM,EAAS,EAAI,EAAW,EACvC,EAAY,EAAI,CACP,EAAW,GACpB,EAAY,EAAI,EAEjB,CAAC,EAAU,EAAK,EAAI,CAAC,CAExB,OACE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAU,YAC9D,EAAA,EAAA,KAACA,EAAAA,EAAAA,CACC,QAAQ,UACR,MAAM,QACN,KAAK,OACL,QAAS,EACT,SAAU,GAAY,GAAY,EAClC,aAAW,oBACX,UAAU,sEAEV,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAM,KAAM,GAAA,CAAM,EACZ,EAET,EAAA,EAAA,KAACC,EAAAA,EAAAA,CACC,MAAO,EAAS,UAAU,CAC1B,cAAe,EACf,OAAQ,EACH,MACA,MACK,WACV,UAAU,yHACV,aAAW,oBACX,EAEF,EAAA,EAAA,KAACF,EAAAA,EAAAA,CACC,QAAQ,UACR,MAAM,QACN,KAAK,OACL,QAAS,EACT,SAAU,GAAY,GAAY,EAClC,aAAW,oBACX,UAAU,sEAEV,EAAA,EAAA,KAACG,EAAAA,KAAAA,CAAK,KAAM,GAAA,CAAM,EACX,GACL"}
+{"version":3,"file":"product-quantity-control.cjs","names":["Button","Minus","Input","Plus"],"sources":["../../packages/components/products/product-quantity-control.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { Minus, Plus } from 'lucide-react';\n\nimport { useDebounceCallback } from '@customafk/react-toolkit/hooks/useDebounceCallback';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '../ui/button';\nimport { Input } from '../ui/input';\n\nexport interface ProductQuantityControlProps {\n  /**\n   * Initial quantity value\n   */\n  initialValue?: number;\n  /**\n   * Minimum allowed quantity (default: 1)\n   */\n  min?: number;\n  /**\n   * Maximum allowed quantity (default: 100)\n   */\n  max?: number;\n  /**\n   * Callback when quantity changes\n   */\n  onQuantityChange?: (quantity: number) => void;\n  /**\n   * Callback when increment or decrement button is clicked\n   */\n  onButtonClick?: (action: 'increment' | 'decrement', newQuantity: number) => void;\n  /**\n   * Delay in milliseconds before triggering onQuantityChange (default: 300)\n   */\n  debounceDelay?: number;\n  /**\n   * Custom class name\n   */\n  className?: string;\n  /**\n   * Whether the control is disabled\n   */\n  disabled?: boolean;\n}\n\nexport function ProductQuantityControl({\n  initialValue = 1,\n  min = 1,\n  max = 100,\n  onQuantityChange,\n  onButtonClick,\n  debounceDelay = 300,\n  className,\n  disabled = false,\n}: ProductQuantityControlProps) {\n  const [quantity, setQuantity] = useState<number>(Math.min(Math.max(initialValue, min), max));\n\n  // Create debounced version of the quantity change handler\n  const debouncedQuantityChange = useDebounceCallback((value: number) => {\n    onQuantityChange?.(value);\n  }, debounceDelay);\n\n  useEffect(() => {\n    // Ensure initial value is within limits when props change\n    const boundedValue = Math.min(Math.max(initialValue, min), max);\n    setQuantity(boundedValue);\n  }, [initialValue, min, max]);\n\n  // Trigger debounced callback when quantity changes\n  useEffect(() => {\n    if (debounceDelay <= 0) {\n      // If debounce is disabled, call immediately\n      onQuantityChange?.(quantity);\n    } else {\n      debouncedQuantityChange(quantity);\n    }\n    return () => {\n      debouncedQuantityChange.cancel();\n    };\n  }, [quantity, debouncedQuantityChange, onQuantityChange, debounceDelay]);\n\n  const increment = useCallback(() => {\n    if (quantity >= max) return;\n    const newQuantity = quantity + 1;\n    setQuantity(newQuantity);\n    onButtonClick?.('increment', newQuantity);\n  }, [quantity, max, onButtonClick]);\n\n  const decrement = useCallback(() => {\n    if (quantity <= min) return;\n    const newQuantity = quantity - 1;\n    setQuantity(newQuantity);\n    onButtonClick?.('decrement', newQuantity);\n  }, [quantity, min, onButtonClick]);\n\n  const handleInputChange = useCallback(\n    (value: string) => {\n      const newValue = parseInt(value, 10);\n\n      if (Number.isNaN(newValue)) {\n        setQuantity(min);\n        return;\n      }\n\n      if (newValue < min) {\n        setQuantity(min);\n      } else if (newValue > max) {\n        setQuantity(max);\n      } else {\n        setQuantity(newValue);\n      }\n    },\n    [min, max]\n  );\n\n  const handleBlur = useCallback(() => {\n    // Ensure value is within limits when input loses focus\n    if (Number.isNaN(quantity) || quantity < min) {\n      setQuantity(min);\n    } else if (quantity > max) {\n      setQuantity(max);\n    }\n  }, [quantity, min, max]);\n\n  return (\n    <div className={cn('flex gap-x-0.5 h-8 items-center', className)}>\n      <Button\n        variant=\"outline\"\n        color=\"muted\"\n        size=\"icon\"\n        onClick={decrement}\n        disabled={disabled || quantity <= min}\n        aria-label=\"Decrease quantity\"\n        className=\"rounded-xs focus:border focus:border-border bg-background\"\n      >\n        <Minus size={16} />\n      </Button>\n\n      <Input\n        value={quantity.toString()}\n        onValueChange={handleInputChange}\n        onBlur={handleBlur}\n        min={min}\n        max={max}\n        disabled={disabled}\n        className=\"h-8 w-14 border border-border p-0 text-center focus-visible:border-muted focus-visible:ring-0 rounded-xs bg-background\"\n        aria-label=\"Product quantity\"\n      />\n\n      <Button\n        variant=\"outline\"\n        color=\"muted\"\n        size=\"icon\"\n        onClick={increment}\n        disabled={disabled || quantity >= max}\n        aria-label=\"Increase quantity\"\n        className=\"rounded-xs focus:border focus:border-border bg-background\"\n      >\n        <Plus size={16} />\n      </Button>\n    </div>\n  );\n}\n"],"mappings":"0WA+CA,SAAgB,EAAuB,CACrC,eAAe,EACf,MAAM,EACN,MAAM,IACN,mBACA,gBACA,gBAAgB,IAChB,YACA,WAAW,IACmB,CAC9B,GAAM,CAAC,EAAU,IAAA,EAAA,EAAA,UAAgC,KAAK,IAAI,KAAK,IAAI,EAAc,EAAI,CAAE,EAAI,CAAC,CAGtF,GAAA,EAAA,EAAA,qBAA+C,GAAkB,CACrE,IAAmB,EAAM,EACxB,EAAc,EAEjB,EAAA,EAAA,eAAgB,CAGd,EADqB,KAAK,IAAI,KAAK,IAAI,EAAc,EAAI,CAAE,EAAI,CACtC,EACxB,CAAC,EAAc,EAAK,EAAI,CAAC,EAG5B,EAAA,EAAA,gBACM,GAAiB,EAEnB,IAAmB,EAAS,CAE5B,EAAwB,EAAS,KAEtB,CACX,EAAwB,QAAQ,GAEjC,CAAC,EAAU,EAAyB,EAAkB,EAAc,CAAC,CAExE,IAAM,GAAA,EAAA,EAAA,iBAA8B,CAClC,GAAI,GAAY,EAAK,OACrB,IAAM,EAAc,EAAW,EAC/B,EAAY,EAAY,CACxB,IAAgB,YAAa,EAAY,EACxC,CAAC,EAAU,EAAK,EAAc,CAAC,CAE5B,GAAA,EAAA,EAAA,iBAA8B,CAClC,GAAI,GAAY,EAAK,OACrB,IAAM,EAAc,EAAW,EAC/B,EAAY,EAAY,CACxB,IAAgB,YAAa,EAAY,EACxC,CAAC,EAAU,EAAK,EAAc,CAAC,CAE5B,GAAA,EAAA,EAAA,aACH,GAAkB,CACjB,IAAM,EAAW,SAAS,EAAO,GAAG,CAEpC,GAAI,OAAO,MAAM,EAAS,CAAE,CAC1B,EAAY,EAAI,CAChB,OAIA,EADE,EAAW,EACD,EACH,EAAW,EACR,EAEA,EAAS,EAGzB,CAAC,EAAK,EAAI,CACX,CAEK,GAAA,EAAA,EAAA,iBAA+B,CAE/B,OAAO,MAAM,EAAS,EAAI,EAAW,EACvC,EAAY,EAAI,CACP,EAAW,GACpB,EAAY,EAAI,EAEjB,CAAC,EAAU,EAAK,EAAI,CAAC,CAExB,OACE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAU,YAC9D,EAAA,EAAA,KAACA,EAAAA,EAAAA,CACC,QAAQ,UACR,MAAM,QACN,KAAK,OACL,QAAS,EACT,SAAU,GAAY,GAAY,EAClC,aAAW,oBACX,UAAU,sEAEV,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAM,KAAM,GAAA,CAAM,EACZ,EAET,EAAA,EAAA,KAACC,EAAAA,EAAAA,CACC,MAAO,EAAS,UAAU,CAC1B,cAAe,EACf,OAAQ,EACH,MACA,MACK,WACV,UAAU,yHACV,aAAW,oBACX,EAEF,EAAA,EAAA,KAACF,EAAAA,EAAAA,CACC,QAAQ,UACR,MAAM,QACN,KAAK,OACL,QAAS,EACT,SAAU,GAAY,GAAY,EAClC,aAAW,oBACX,UAAU,sEAEV,EAAA,EAAA,KAACG,EAAAA,KAAAA,CAAK,KAAM,GAAA,CAAM,EACX,GACL"}

package/dist/products/product-quantity-control.d.cts

@@ -0,0 +1,50 @@
+import * as react_jsx_runtime265 from "react/jsx-runtime";
+
+//#region packages/components/products/product-quantity-control.d.ts
+interface ProductQuantityControlProps {
+  /**
+   * Initial quantity value
+   */
+  initialValue?: number;
+  /**
+   * Minimum allowed quantity (default: 1)
+   */
+  min?: number;
+  /**
+   * Maximum allowed quantity (default: 100)
+   */
+  max?: number;
+  /**
+   * Callback when quantity changes
+   */
+  onQuantityChange?: (quantity: number) => void;
+  /**
+   * Callback when increment or decrement button is clicked
+   */
+  onButtonClick?: (action: 'increment' | 'decrement', newQuantity: number) => void;
+  /**
+   * Delay in milliseconds before triggering onQuantityChange (default: 300)
+   */
+  debounceDelay?: number;
+  /**
+   * Custom class name
+   */
+  className?: string;
+  /**
+   * Whether the control is disabled
+   */
+  disabled?: boolean;
+}
+declare function ProductQuantityControl({
+  initialValue,
+  min,
+  max,
+  onQuantityChange,
+  onButtonClick,
+  debounceDelay,
+  className,
+  disabled
+}: ProductQuantityControlProps): react_jsx_runtime265.JSX.Element;
+//#endregion
+export { ProductQuantityControl, ProductQuantityControlProps };
+//# sourceMappingURL=product-quantity-control.d.cts.map

package/dist/products/product-quantity-control.d.mts

@@ -0,0 +1,50 @@
+import * as react_jsx_runtime37 from "react/jsx-runtime";
+
+//#region packages/components/products/product-quantity-control.d.ts
+interface ProductQuantityControlProps {
+  /**
+   * Initial quantity value
+   */
+  initialValue?: number;
+  /**
+   * Minimum allowed quantity (default: 1)
+   */
+  min?: number;
+  /**
+   * Maximum allowed quantity (default: 100)
+   */
+  max?: number;
+  /**
+   * Callback when quantity changes
+   */
+  onQuantityChange?: (quantity: number) => void;
+  /**
+   * Callback when increment or decrement button is clicked
+   */
+  onButtonClick?: (action: 'increment' | 'decrement', newQuantity: number) => void;
+  /**
+   * Delay in milliseconds before triggering onQuantityChange (default: 300)
+   */
+  debounceDelay?: number;
+  /**
+   * Custom class name
+   */
+  className?: string;
+  /**
+   * Whether the control is disabled
+   */
+  disabled?: boolean;
+}
+declare function ProductQuantityControl({
+  initialValue,
+  min,
+  max,
+  onQuantityChange,
+  onButtonClick,
+  debounceDelay,
+  className,
+  disabled
+}: ProductQuantityControlProps): react_jsx_runtime37.JSX.Element;
+//#endregion
+export { ProductQuantityControl, ProductQuantityControlProps };
+//# sourceMappingURL=product-quantity-control.d.mts.map

package/dist/products/product-quantity-control.mjs

@@ -0,0 +1,2 @@
+"use client";import"../button.variants-CBzlxtwI.mjs";import{t as e}from"../button-CRqVuIHJ.mjs";import{t}from"../input-DhoSwu7d.mjs";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Minus as a,Plus as o}from"lucide-react";import{useCallback as s,useEffect as c,useState as l}from"react";import{useDebounceCallback as u}from"@customafk/react-toolkit/hooks/useDebounceCallback";function d({initialValue:d=1,min:f=1,max:p=100,onQuantityChange:m,onButtonClick:h,debounceDelay:g=300,className:_,disabled:v=!1}){let[y,b]=l(Math.min(Math.max(d,f),p)),x=u(e=>{m?.(e)},g);c(()=>{b(Math.min(Math.max(d,f),p))},[d,f,p]),c(()=>(g<=0?m?.(y):x(y),()=>{x.cancel()}),[y,x,m,g]);let S=s(()=>{if(y>=p)return;let e=y+1;b(e),h?.(`increment`,e)},[y,p,h]),C=s(()=>{if(y<=f)return;let e=y-1;b(e),h?.(`decrement`,e)},[y,f,h]),w=s(e=>{let t=parseInt(e,10);if(Number.isNaN(t)){b(f);return}b(t<f?f:t>p?p:t)},[f,p]),T=s(()=>{Number.isNaN(y)||y<f?b(f):y>p&&b(p)},[y,f,p]);return i(`div`,{className:n(`flex gap-x-0.5 h-8 items-center`,_),children:[r(e,{variant:`outline`,color:`muted`,size:`icon`,onClick:C,disabled:v||y<=f,"aria-label":`Decrease quantity`,className:`rounded-xs focus:border focus:border-border bg-background`,children:r(a,{size:16})}),r(t,{value:y.toString(),onValueChange:w,onBlur:T,min:f,max:p,disabled:v,className:`h-8 w-14 border border-border p-0 text-center focus-visible:border-muted focus-visible:ring-0 rounded-xs bg-background`,"aria-label":`Product quantity`}),r(e,{variant:`outline`,color:`muted`,size:`icon`,onClick:S,disabled:v||y>=p,"aria-label":`Increase quantity`,className:`rounded-xs focus:border focus:border-border bg-background`,children:r(o,{size:16})})]})}export{d as ProductQuantityControl};
+//# sourceMappingURL=product-quantity-control.mjs.map

package/dist/products/product-quantity-control.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-quantity-control.mjs","names":[],"sources":["../../packages/components/products/product-quantity-control.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { Minus, Plus } from 'lucide-react';\n\nimport { useDebounceCallback } from '@customafk/react-toolkit/hooks/useDebounceCallback';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '../ui/button';\nimport { Input } from '../ui/input';\n\nexport interface ProductQuantityControlProps {\n  /**\n   * Initial quantity value\n   */\n  initialValue?: number;\n  /**\n   * Minimum allowed quantity (default: 1)\n   */\n  min?: number;\n  /**\n   * Maximum allowed quantity (default: 100)\n   */\n  max?: number;\n  /**\n   * Callback when quantity changes\n   */\n  onQuantityChange?: (quantity: number) => void;\n  /**\n   * Callback when increment or decrement button is clicked\n   */\n  onButtonClick?: (action: 'increment' | 'decrement', newQuantity: number) => void;\n  /**\n   * Delay in milliseconds before triggering onQuantityChange (default: 300)\n   */\n  debounceDelay?: number;\n  /**\n   * Custom class name\n   */\n  className?: string;\n  /**\n   * Whether the control is disabled\n   */\n  disabled?: boolean;\n}\n\nexport function ProductQuantityControl({\n  initialValue = 1,\n  min = 1,\n  max = 100,\n  onQuantityChange,\n  onButtonClick,\n  debounceDelay = 300,\n  className,\n  disabled = false,\n}: ProductQuantityControlProps) {\n  const [quantity, setQuantity] = useState<number>(Math.min(Math.max(initialValue, min), max));\n\n  // Create debounced version of the quantity change handler\n  const debouncedQuantityChange = useDebounceCallback((value: number) => {\n    onQuantityChange?.(value);\n  }, debounceDelay);\n\n  useEffect(() => {\n    // Ensure initial value is within limits when props change\n    const boundedValue = Math.min(Math.max(initialValue, min), max);\n    setQuantity(boundedValue);\n  }, [initialValue, min, max]);\n\n  // Trigger debounced callback when quantity changes\n  useEffect(() => {\n    if (debounceDelay <= 0) {\n      // If debounce is disabled, call immediately\n      onQuantityChange?.(quantity);\n    } else {\n      debouncedQuantityChange(quantity);\n    }\n    return () => {\n      debouncedQuantityChange.cancel();\n    };\n  }, [quantity, debouncedQuantityChange, onQuantityChange, debounceDelay]);\n\n  const increment = useCallback(() => {\n    if (quantity >= max) return;\n    const newQuantity = quantity + 1;\n    setQuantity(newQuantity);\n    onButtonClick?.('increment', newQuantity);\n  }, [quantity, max, onButtonClick]);\n\n  const decrement = useCallback(() => {\n    if (quantity <= min) return;\n    const newQuantity = quantity - 1;\n    setQuantity(newQuantity);\n    onButtonClick?.('decrement', newQuantity);\n  }, [quantity, min, onButtonClick]);\n\n  const handleInputChange = useCallback(\n    (value: string) => {\n      const newValue = parseInt(value, 10);\n\n      if (Number.isNaN(newValue)) {\n        setQuantity(min);\n        return;\n      }\n\n      if (newValue < min) {\n        setQuantity(min);\n      } else if (newValue > max) {\n        setQuantity(max);\n      } else {\n        setQuantity(newValue);\n      }\n    },\n    [min, max]\n  );\n\n  const handleBlur = useCallback(() => {\n    // Ensure value is within limits when input loses focus\n    if (Number.isNaN(quantity) || quantity < min) {\n      setQuantity(min);\n    } else if (quantity > max) {\n      setQuantity(max);\n    }\n  }, [quantity, min, max]);\n\n  return (\n    <div className={cn('flex gap-x-0.5 h-8 items-center', className)}>\n      <Button\n        variant=\"outline\"\n        color=\"muted\"\n        size=\"icon\"\n        onClick={decrement}\n        disabled={disabled || quantity <= min}\n        aria-label=\"Decrease quantity\"\n        className=\"rounded-xs focus:border focus:border-border bg-background\"\n      >\n        <Minus size={16} />\n      </Button>\n\n      <Input\n        value={quantity.toString()}\n        onValueChange={handleInputChange}\n        onBlur={handleBlur}\n        min={min}\n        max={max}\n        disabled={disabled}\n        className=\"h-8 w-14 border border-border p-0 text-center focus-visible:border-muted focus-visible:ring-0 rounded-xs bg-background\"\n        aria-label=\"Product quantity\"\n      />\n\n      <Button\n        variant=\"outline\"\n        color=\"muted\"\n        size=\"icon\"\n        onClick={increment}\n        disabled={disabled || quantity >= max}\n        aria-label=\"Increase quantity\"\n        className=\"rounded-xs focus:border focus:border-border bg-background\"\n      >\n        <Plus size={16} />\n      </Button>\n    </div>\n  );\n}\n"],"mappings":"obA+CA,SAAgB,EAAuB,CACrC,eAAe,EACf,MAAM,EACN,MAAM,IACN,mBACA,gBACA,gBAAgB,IAChB,YACA,WAAW,IACmB,CAC9B,GAAM,CAAC,EAAU,GAAe,EAAiB,KAAK,IAAI,KAAK,IAAI,EAAc,EAAI,CAAE,EAAI,CAAC,CAGtF,EAA0B,EAAqB,GAAkB,CACrE,IAAmB,EAAM,EACxB,EAAc,CAEjB,MAAgB,CAGd,EADqB,KAAK,IAAI,KAAK,IAAI,EAAc,EAAI,CAAE,EAAI,CACtC,EACxB,CAAC,EAAc,EAAK,EAAI,CAAC,CAG5B,OACM,GAAiB,EAEnB,IAAmB,EAAS,CAE5B,EAAwB,EAAS,KAEtB,CACX,EAAwB,QAAQ,GAEjC,CAAC,EAAU,EAAyB,EAAkB,EAAc,CAAC,CAExE,IAAM,EAAY,MAAkB,CAClC,GAAI,GAAY,EAAK,OACrB,IAAM,EAAc,EAAW,EAC/B,EAAY,EAAY,CACxB,IAAgB,YAAa,EAAY,EACxC,CAAC,EAAU,EAAK,EAAc,CAAC,CAE5B,EAAY,MAAkB,CAClC,GAAI,GAAY,EAAK,OACrB,IAAM,EAAc,EAAW,EAC/B,EAAY,EAAY,CACxB,IAAgB,YAAa,EAAY,EACxC,CAAC,EAAU,EAAK,EAAc,CAAC,CAE5B,EAAoB,EACvB,GAAkB,CACjB,IAAM,EAAW,SAAS,EAAO,GAAG,CAEpC,GAAI,OAAO,MAAM,EAAS,CAAE,CAC1B,EAAY,EAAI,CAChB,OAIA,EADE,EAAW,EACD,EACH,EAAW,EACR,EAEA,EAAS,EAGzB,CAAC,EAAK,EAAI,CACX,CAEK,EAAa,MAAkB,CAE/B,OAAO,MAAM,EAAS,EAAI,EAAW,EACvC,EAAY,EAAI,CACP,EAAW,GACpB,EAAY,EAAI,EAEjB,CAAC,EAAU,EAAK,EAAI,CAAC,CAExB,OACE,EAAC,MAAA,CAAI,UAAW,EAAG,kCAAmC,EAAU,WAC9D,EAAC,EAAA,CACC,QAAQ,UACR,MAAM,QACN,KAAK,OACL,QAAS,EACT,SAAU,GAAY,GAAY,EAClC,aAAW,oBACX,UAAU,qEAEV,EAAC,EAAA,CAAM,KAAM,GAAA,CAAM,EACZ,CAET,EAAC,EAAA,CACC,MAAO,EAAS,UAAU,CAC1B,cAAe,EACf,OAAQ,EACH,MACA,MACK,WACV,UAAU,yHACV,aAAW,oBACX,CAEF,EAAC,EAAA,CACC,QAAQ,UACR,MAAM,QACN,KAAK,OACL,QAAS,EACT,SAAU,GAAY,GAAY,EAClC,aAAW,oBACX,UAAU,qEAEV,EAAC,EAAA,CAAK,KAAM,GAAA,CAAM,EACX,GACL"}

package/dist/radio-group-B8gcRmNv.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{CircleIcon as r}from"lucide-react";import{RadioGroup as i}from"radix-ui";function a({className:n,...r}){return t(i.Root,{"data-slot":`radio-group`,className:e(`grid gap-3`,n),...r})}function o({className:a,...o}){return t(i.Item,{"data-slot":`radio-group-item`,className:e(`aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all`,`focus:border-border`,`focus:ring-primary/50`,`focus:ring-[3px]`,`aria-invalid:ring-danger-weak`,`aria-invalid:border-danger-strong`,`disabled:cursor-not-allowed disabled:opacity-50`,a),...o,children:n(i.Indicator,{"data-slot":`radio-group-indicator`,className:`relative flex items-center justify-center bg-primary`,children:[t(`div`,{className:`absolute size-4 rounded-full bg-primary`}),t(r,{className:`-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative`})]})})}export{o as n,a as t};
+//# sourceMappingURL=radio-group-B8gcRmNv.mjs.map

package/dist/radio-group-B8gcRmNv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-B8gcRmNv.mjs","names":["RadioGroup","RadioGroupPrimitive"],"sources":["../packages/components/ui/radio-group.tsx"],"sourcesContent":["'use client';\n\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\nfunction RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return <RadioGroupPrimitive.Root data-slot=\"radio-group\" className={cn('grid gap-3', className)} {...props} />;\n}\n\nfunction RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all',\n        'focus:border-border',\n        'focus:ring-primary/50',\n        'focus:ring-[3px]',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:border-danger-strong',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator data-slot=\"radio-group-indicator\" className=\"relative flex items-center justify-center bg-primary\">\n        <div className=\"absolute size-4 rounded-full bg-primary\" />\n        <CircleIcon className=\"-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":"sLAQA,SAASA,EAAW,CAAE,YAAW,GAAG,GAAgE,CAClG,OAAO,EAACC,EAAoB,KAAA,CAAK,YAAU,cAAc,UAAW,EAAG,aAAc,EAAU,CAAE,GAAI,GAAS,CAGhH,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAACA,EAAoB,KAAA,CACnB,YAAU,mBACV,UAAW,EACT,wGACA,sBACA,wBACA,mBACA,gCACA,oCACA,kDACA,EACD,CACD,GAAI,WAEJ,EAACA,EAAoB,UAAA,CAAU,YAAU,wBAAwB,UAAU,iEACzE,EAAC,MAAA,CAAI,UAAU,0CAAA,CAA4C,CAC3D,EAAC,EAAA,CAAW,UAAU,+FAAA,CAAiG,CAAA,EACzF,EACP"}

package/dist/radio-group-CVu5zqSd.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`lucide-react`),i=require(`radix-ui`);function a({className:e,...r}){return(0,n.jsx)(i.RadioGroup.Root,{"data-slot":`radio-group`,className:(0,t.cn)(`grid gap-3`,e),...r})}function o({className:e,...a}){return(0,n.jsx)(i.RadioGroup.Item,{"data-slot":`radio-group-item`,className:(0,t.cn)(`aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all`,`focus:border-border`,`focus:ring-primary/50`,`focus:ring-[3px]`,`aria-invalid:ring-danger-weak`,`aria-invalid:border-danger-strong`,`disabled:cursor-not-allowed disabled:opacity-50`,e),...a,children:(0,n.jsxs)(i.RadioGroup.Indicator,{"data-slot":`radio-group-indicator`,className:`relative flex items-center justify-center bg-primary`,children:[(0,n.jsx)(`div`,{className:`absolute size-4 rounded-full bg-primary`}),(0,n.jsx)(r.CircleIcon,{className:`-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative`})]})})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=radio-group-CVu5zqSd.cjs.map

package/dist/radio-group-CVu5zqSd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-CVu5zqSd.cjs","names":["RadioGroupPrimitive","CircleIcon"],"sources":["../packages/components/ui/radio-group.tsx"],"sourcesContent":["'use client';\n\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\nfunction RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return <RadioGroupPrimitive.Root data-slot=\"radio-group\" className={cn('grid gap-3', className)} {...props} />;\n}\n\nfunction RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all',\n        'focus:border-border',\n        'focus:ring-primary/50',\n        'focus:ring-[3px]',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:border-danger-strong',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator data-slot=\"radio-group-indicator\" className=\"relative flex items-center justify-center bg-primary\">\n        <div className=\"absolute size-4 rounded-full bg-primary\" />\n        <CircleIcon className=\"-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":"uKAQA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAgE,CAClG,OAAO,EAAA,EAAA,KAACA,EAAAA,WAAoB,KAAA,CAAK,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,aAAc,EAAU,CAAE,GAAI,GAAS,CAGhH,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAAA,EAAA,KAACA,EAAAA,WAAoB,KAAA,CACnB,YAAU,mBACV,WAAA,EAAA,EAAA,IACE,wGACA,sBACA,wBACA,mBACA,gCACA,oCACA,kDACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,MAACA,EAAAA,WAAoB,UAAA,CAAU,YAAU,wBAAwB,UAAU,kEACzE,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,0CAAA,CAA4C,EAC3D,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,UAAU,+FAAA,CAAiG,CAAA,EACzF,EACP"}

package/dist/refresh-CkXAZy43.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./button-DtFiUaY7.cjs`),n=require(`./paragraph-DK9X31Fr.cjs`);let r=require(`react/jsx-runtime`),i=require(`lucide-react`);const a=({onClick:e=()=>{}})=>(0,r.jsxs)(t.t,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:e,children:[(0,r.jsx)(i.RefreshCwIcon,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),(0,r.jsx)(n.t,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=refresh-CkXAZy43.cjs.map

package/dist/refresh-CkXAZy43.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh-CkXAZy43.cjs","names":["RefreshBtn: React.FC<React.PropsWithChildren<Props>>","Button","RefreshCwIcon","Paragraph"],"sources":["../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  onClick?: () => void;\n};\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <RefreshCwIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"8KASA,MAAaA,GAAwD,CAAE,cAAgB,OAEnF,EAAA,EAAA,MAACC,EAAAA,EAAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,qBAET,EAAA,EAAA,KAACC,EAAAA,cAAAA,CAAc,UAAU,sBAAsB,KAAM,GAAI,cAAY,QAAS,EAC9E,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB,SAEvC,CAAA,EACL"}

package/dist/refresh-Csk4_wlh.mjs

@@ -0,0 +1,2 @@
+import{t as e}from"./button-CRqVuIHJ.mjs";import{t}from"./paragraph-Ce1JR2Q4.mjs";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{RefreshCwIcon as i}from"lucide-react";const a=({onClick:a=()=>{}})=>r(e,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:a,children:[n(i,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),n(t,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});export{a as t};
+//# sourceMappingURL=refresh-Csk4_wlh.mjs.map

package/dist/refresh-Csk4_wlh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh-Csk4_wlh.mjs","names":["RefreshBtn: React.FC<React.PropsWithChildren<Props>>"],"sources":["../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  onClick?: () => void;\n};\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <RefreshCwIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"iLASA,MAAaA,GAAwD,CAAE,cAAgB,MAEnF,EAAC,EAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,oBAET,EAAC,EAAA,CAAc,UAAU,sBAAsB,KAAM,GAAI,cAAY,QAAS,CAC9E,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB,SAEvC,CAAA,EACL"}

package/dist/scroll-area-B-qK3V1b.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{memo as r}from"react";import{ScrollArea as i}from"radix-ui";const a=r(({className:r,children:a,ref:s,onScroll:c,...l})=>n(i.Root,{"data-slot":`scroll-area`,className:e(`relative overflow-hidden`,r),...l,children:[t(i.Viewport,{ref:s,className:`size-full rounded-[inherit]`,onScroll:c,children:a}),t(o,{}),t(i.Corner,{})]}));a.displayName=`ScrollArea`;const o=r(({className:n,orientation:r=`vertical`,...a})=>t(i.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:r,className:e(`flex touch-none select-none border-border-weak p-px transition-colors`,r===`vertical`&&`h-full w-2.5 border-l border-l-transparent`,r===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent`,n),...a,children:t(i.ScrollAreaThumb,{className:`relative flex-1 rounded-full bg-border-weak`})}));o.displayName=`ScrollBar`;export{o as n,a as t};
+//# sourceMappingURL=scroll-area-B-qK3V1b.mjs.map

package/dist/scroll-area-B-qK3V1b.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-B-qK3V1b.mjs","names":["ScrollArea","ScrollAreaPrimitive"],"sources":["../packages/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nconst ScrollArea = memo(({ className, children, ref, onScroll, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) => {\n  return (\n    <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative overflow-hidden', className)} {...props}>\n      <ScrollAreaPrimitive.Viewport ref={ref} className=\"size-full rounded-[inherit]\" onScroll={onScroll}>\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\nconst ScrollBar = memo(({ className, orientation = 'vertical', ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) => {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none select-none border-border-weak p-px transition-colors',\n        orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent',\n        orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent',\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border-weak\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n});\nScrollBar.displayName = 'ScrollBar';\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":"yKAOA,MAAMA,EAAa,GAAM,CAAE,YAAW,WAAU,MAAK,WAAU,GAAG,KAE9D,EAACC,EAAoB,KAAA,CAAK,YAAU,cAAc,UAAW,EAAG,2BAA4B,EAAU,CAAE,GAAI,YAC1G,EAACA,EAAoB,SAAA,CAAc,MAAK,UAAU,8BAAwC,WACvF,YAC4B,CAC/B,EAAC,EAAA,EAAA,CAAY,CACb,EAACA,EAAoB,OAAA,EAAA,CAAS,GACL,CAE7B,CACF,EAAW,YAAc,aAEzB,MAAM,EAAY,GAAM,CAAE,YAAW,cAAc,WAAY,GAAG,KAE9D,EAACA,EAAoB,oBAAA,CACnB,YAAU,wBACG,cACb,UAAW,EACT,wEACA,IAAgB,YAAc,6CAC9B,IAAgB,cAAgB,+CAChC,EACD,CACD,GAAI,WAEJ,EAACA,EAAoB,gBAAA,CAAgB,UAAU,8CAAA,CAAgD,EACvD,CAE5C,CACF,EAAU,YAAc"}

package/dist/scroll-area-DKmmulwF.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`react`),i=require(`radix-ui`);const a=(0,r.memo)(({className:e,children:r,ref:a,onScroll:s,...c})=>(0,n.jsxs)(i.ScrollArea.Root,{"data-slot":`scroll-area`,className:(0,t.cn)(`relative overflow-hidden`,e),...c,children:[(0,n.jsx)(i.ScrollArea.Viewport,{ref:a,className:`size-full rounded-[inherit]`,onScroll:s,children:r}),(0,n.jsx)(o,{}),(0,n.jsx)(i.ScrollArea.Corner,{})]}));a.displayName=`ScrollArea`;const o=(0,r.memo)(({className:e,orientation:r=`vertical`,...a})=>(0,n.jsx)(i.ScrollArea.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:r,className:(0,t.cn)(`flex touch-none select-none border-border-weak p-px transition-colors`,r===`vertical`&&`h-full w-2.5 border-l border-l-transparent`,r===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent`,e),...a,children:(0,n.jsx)(i.ScrollArea.ScrollAreaThumb,{className:`relative flex-1 rounded-full bg-border-weak`})}));o.displayName=`ScrollBar`,Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=scroll-area-DKmmulwF.cjs.map

package/dist/scroll-area-DKmmulwF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-DKmmulwF.cjs","names":["ScrollAreaPrimitive"],"sources":["../packages/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nconst ScrollArea = memo(({ className, children, ref, onScroll, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) => {\n  return (\n    <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative overflow-hidden', className)} {...props}>\n      <ScrollAreaPrimitive.Viewport ref={ref} className=\"size-full rounded-[inherit]\" onScroll={onScroll}>\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\nconst ScrollBar = memo(({ className, orientation = 'vertical', ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) => {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none select-none border-border-weak p-px transition-colors',\n        orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent',\n        orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent',\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border-weak\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n});\nScrollBar.displayName = 'ScrollBar';\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":"gKAOA,MAAM,GAAA,EAAA,EAAA,OAAmB,CAAE,YAAW,WAAU,MAAK,WAAU,GAAG,MAE9D,EAAA,EAAA,MAACA,EAAAA,WAAoB,KAAA,CAAK,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,2BAA4B,EAAU,CAAE,GAAI,aAC1G,EAAA,EAAA,KAACA,EAAAA,WAAoB,SAAA,CAAc,MAAK,UAAU,8BAAwC,WACvF,YAC4B,EAC/B,EAAA,EAAA,KAAC,EAAA,EAAA,CAAY,EACb,EAAA,EAAA,KAACA,EAAAA,WAAoB,OAAA,EAAA,CAAS,GACL,CAE7B,CACF,EAAW,YAAc,aAEzB,MAAM,GAAA,EAAA,EAAA,OAAkB,CAAE,YAAW,cAAc,WAAY,GAAG,MAE9D,EAAA,EAAA,KAACA,EAAAA,WAAoB,oBAAA,CACnB,YAAU,wBACG,cACb,WAAA,EAAA,EAAA,IACE,wEACA,IAAgB,YAAc,6CAC9B,IAAgB,cAAgB,+CAChC,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAACA,EAAAA,WAAoB,gBAAA,CAAgB,UAAU,8CAAA,CAAgD,EACvD,CAE5C,CACF,EAAU,YAAc"}

package/dist/search-input-BTiwfQKF.mjs

@@ -0,0 +1,2 @@
+import{t as e}from"./input-DhoSwu7d.mjs";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{ArrowRightIcon as i,SearchIcon as a}from"lucide-react";const o=({className:o,...s})=>r(`div`,{className:`relative`,children:[n(e,{...s,type:`search`,className:t(`ps-9 pe-9`,o)}),n(`div`,{className:`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:n(a,{size:16})}),n(`button`,{className:`absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:n(i,{size:16,"aria-hidden":`true`})})]});export{o as t};
+//# sourceMappingURL=search-input-BTiwfQKF.mjs.map

package/dist/search-input-BTiwfQKF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input-BTiwfQKF.mjs","names":[],"sources":["../packages/components/ui/inputs/search-input.tsx"],"sourcesContent":["import { ArrowRightIcon, SearchIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Input } from '../input';\n\ntype Props = React.ComponentPropsWithoutRef<typeof Input>;\nexport const SearchInput = ({ className, ...rest }: Props) => {\n  return (\n    <div className=\"relative\">\n      <Input {...rest} type=\"search\" className={cn('ps-9 pe-9', className)} />\n      <div className=\"pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50\">\n        <SearchIcon size={16} />\n      </div>\n      <button\n        className=\"absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n        aria-label=\"Submit search\"\n        type=\"submit\"\n      >\n        <ArrowRightIcon size={16} aria-hidden=\"true\" />\n      </button>\n    </div>\n  );\n};\n"],"mappings":"6MAOA,MAAa,GAAe,CAAE,YAAW,GAAG,KAExC,EAAC,MAAA,CAAI,UAAU,qBACb,EAAC,EAAA,CAAM,GAAI,EAAM,KAAK,SAAS,UAAW,EAAG,YAAa,EAAU,EAAI,CACxE,EAAC,MAAA,CAAI,UAAU,iJACb,EAAC,EAAA,CAAW,KAAM,GAAA,CAAM,EACpB,CACN,EAAC,SAAA,CACC,UAAU,0XACV,aAAW,gBACX,KAAK,kBAEL,EAAC,EAAA,CAAe,KAAM,GAAI,cAAY,QAAS,EACxC,GACL"}