@customafk/lunas-ui 0.1.0 → 0.1.2

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

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-DjWAcSYV.cjs`),t=require(`../skeleton-DYa_q0Y4.cjs`),n=require(`../flex-CARSrVMd.cjs`),r=require(`../tabs-rwqYbtaq.cjs`);let i=require(`@customafk/react-toolkit/utils`);i=e.t(i);let a=require(`react/jsx-runtime`);a=e.t(a);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-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;
 //# sourceMappingURL=product-loading-page.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"product-loading-page.cjs","names":["ProductLoadingPage: React.FC<ProductLoadingPageProps>","Skeleton","Flex","Tabs","TabsList","TabsTrigger","TabsContent"],"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":"qQAYA,MAAaA,GAAyD,CAAE,YAAW,cAAc,OAE7F,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,yEAA0E,EAAU,WAEpG,CAAC,IACA,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,iDACb,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAS,UAAU,kCAAA,CAAoC,EACxD,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,2CACZ,CAAC,GAAG,MAAQ,CAAC,CAAC,KAAK,EAAG,KACrB,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAiB,UAAU,mDAAA,CAAb,EAAkE,CACjF,EACE,CAAA,EACF,EAIR,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,6BAA8B,EAAc,SAAW,kBAAkB,YAE1F,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,uBACb,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,YAAA,CAAc,EAClC,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,YAAA,CAAc,EAClC,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,aAAA,CAAe,EACnC,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,aAAA,CAAe,EACnC,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,YAAA,CAAc,GAC9B,EAGN,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,sCACb,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,YAAA,CAAc,EAClC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,qCACb,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,WAAA,CAAa,EACjC,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,WAAA,CAAa,CAAA,EAC7B,CAAA,EACF,EAGN,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAK,IAAI,KAAK,UAAU,kBACvB,EAAA,EAAA,KAACD,EAAAA,EAAAA,CAAS,UAAU,yBAAA,CAA2B,EAC/C,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,yBAAA,CAA2B,CAAA,EAC1C,EAGP,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,iBACb,EAAA,EAAA,MAACE,EAAAA,EAAAA,CAAK,aAAa,qBACjB,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAS,UAAU,kBAClB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAY,MAAM,UAAU,SAAA,aAC3B,EAAA,EAAA,KAACJ,EAAAA,EAAAA,CAAS,UAAU,WAAA,CAAa,EACrB,EACd,EAAA,EAAA,KAACI,EAAAA,EAAAA,CAAY,MAAM,QAAQ,SAAA,aACzB,EAAA,EAAA,KAACJ,EAAAA,EAAAA,CAAS,UAAU,WAAA,CAAa,EACrB,EACd,EAAA,EAAA,KAACI,EAAAA,EAAAA,CAAY,MAAM,UAAU,SAAA,aAC3B,EAAA,EAAA,KAACJ,EAAAA,EAAAA,CAAS,UAAU,WAAA,CAAa,EACrB,GACL,EACX,EAAA,EAAA,KAACK,EAAAA,EAAAA,CAAY,MAAM,oBACjB,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,uBACb,EAAA,EAAA,KAACL,EAAAA,EAAAA,CAAS,UAAU,aAAA,CAAe,EACnC,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,aAAA,CAAe,EACnC,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,YAAA,CAAc,EAClC,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,cAAA,CAAgB,GAChC,EACM,CAAA,EACT,EACH,GACF,CAAA,EACF"}
+{"version":3,"file":"product-loading-page.cjs","names":["ProductLoadingPage: React.FC<ProductLoadingPageProps>","Skeleton","Flex","Tabs","TabsList","TabsTrigger","TabsContent"],"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":"+OAYA,MAAaA,GAAyD,CAAE,YAAW,cAAc,OAE7F,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,yEAA0E,EAAU,WAEpG,CAAC,IACA,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,iDACb,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAS,UAAU,kCAAA,CAAoC,EACxD,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,2CACZ,CAAC,GAAG,MAAQ,CAAC,CAAC,KAAK,EAAG,KACrB,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAiB,UAAU,mDAAA,CAAb,EAAkE,CACjF,EACE,CAAA,EACF,EAIR,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,6BAA8B,EAAc,SAAW,kBAAkB,YAE1F,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,uBACb,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,YAAA,CAAc,EAClC,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,YAAA,CAAc,EAClC,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,aAAA,CAAe,EACnC,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,aAAA,CAAe,EACnC,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,YAAA,CAAc,GAC9B,EAGN,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,sCACb,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,YAAA,CAAc,EAClC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,qCACb,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,WAAA,CAAa,EACjC,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,WAAA,CAAa,CAAA,EAC7B,CAAA,EACF,EAGN,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAK,IAAI,KAAK,UAAU,kBACvB,EAAA,EAAA,KAACD,EAAAA,EAAAA,CAAS,UAAU,yBAAA,CAA2B,EAC/C,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,yBAAA,CAA2B,CAAA,EAC1C,EAGP,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,iBACb,EAAA,EAAA,MAACE,EAAAA,EAAAA,CAAK,aAAa,qBACjB,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAS,UAAU,kBAClB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAY,MAAM,UAAU,SAAA,aAC3B,EAAA,EAAA,KAACJ,EAAAA,EAAAA,CAAS,UAAU,WAAA,CAAa,EACrB,EACd,EAAA,EAAA,KAACI,EAAAA,EAAAA,CAAY,MAAM,QAAQ,SAAA,aACzB,EAAA,EAAA,KAACJ,EAAAA,EAAAA,CAAS,UAAU,WAAA,CAAa,EACrB,EACd,EAAA,EAAA,KAACI,EAAAA,EAAAA,CAAY,MAAM,UAAU,SAAA,aAC3B,EAAA,EAAA,KAACJ,EAAAA,EAAAA,CAAS,UAAU,WAAA,CAAa,EACrB,GACL,EACX,EAAA,EAAA,KAACK,EAAAA,EAAAA,CAAY,MAAM,oBACjB,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,uBACb,EAAA,EAAA,KAACL,EAAAA,EAAAA,CAAS,UAAU,aAAA,CAAe,EACnC,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,aAAA,CAAe,EACnC,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,YAAA,CAAc,EAClC,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAS,UAAU,cAAA,CAAgB,GAChC,EACM,CAAA,EACT,EACH,GACF,CAAA,EACF"}

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

@@ -1,2 +1,2 @@
-"use client";import{t as e}from"../skeleton-DO7Vt-7f.js";import{t}from"../flex-D5a9wval.js";import{i as n,n as r,r as i,t as a}from"../tabs-26dKvx13.js";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};
+"use client";import{t as e}from"../skeleton-CDtN_I2p.js";import{t}from"../flex-R1TY6P_u.js";import{i as n,n as r,r as i,t as a}from"../tabs-Bf5HmaR0.js";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.js.map

package/dist/products/product-quantity-control-Bzf_ltMI.d.ts

@@ -0,0 +1,50 @@
+import * as react_jsx_runtime136 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_runtime136.JSX.Element;
+//#endregion
+export { ProductQuantityControl, ProductQuantityControlProps };
+//# sourceMappingURL=product-quantity-control-Bzf_ltMI.d.ts.map

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

@@ -0,0 +1,50 @@
+import * as react_jsx_runtime9 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_runtime9.JSX.Element;
+//#endregion
+export { ProductQuantityControl, ProductQuantityControlProps };
+//# sourceMappingURL=product-quantity-control-D3isfBfl.d.cts.map

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

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-DjWAcSYV.cjs`);require(`../dist-BdSAGFCS.cjs`),require(`../button-variants-BebiEdiS.cjs`);const t=require(`../button-BKgDCyHZ.cjs`),n=require(`../input-DFwfYrJY.cjs`);let r=require(`lucide-react`);r=e.t(r);let i=require(`@customafk/react-toolkit/utils`);i=e.t(i);let a=require(`react`);a=e.t(a);let o=require(`react/jsx-runtime`);o=e.t(o);let s=require(`@customafk/react-toolkit/hooks/useDebounceCallback`);s=e.t(s);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,a.useState)(Math.min(Math.max(e,c),l)),_=(0,s.useDebounceCallback)(e=>{u?.(e)},f);(0,a.useEffect)(()=>{g(Math.min(Math.max(e,c),l))},[e,c,l]),(0,a.useEffect)(()=>(f<=0?u?.(h):_(h),()=>{_.cancel()}),[h,_,u,f]);let v=(0,a.useCallback)(()=>{if(h>=l)return;let e=h+1;g(e),d?.(`increment`,e)},[h,l,d]),y=(0,a.useCallback)(()=>{if(h<=c)return;let e=h-1;g(e),d?.(`decrement`,e)},[h,c,d]),b=(0,a.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,a.useCallback)(()=>{Number.isNaN(h)||h<c?g(c):h>l&&g(l)},[h,c,l]);return(0,o.jsxs)(`div`,{className:(0,i.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(`../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;
 //# 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":"ucA+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":"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"}

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

@@ -1,2 +1,2 @@
-"use client";import"../dist-B3j6PslN.js";import"../button-variants-D1PJJEST.js";import{t as e}from"../button-dQ8MuLKP.js";import{t}from"../input-C2puAk5o.js";import{Minus as n,Plus as r}from"lucide-react";import{cn as i}from"@customafk/react-toolkit/utils";import{useCallback as a,useEffect as o,useState as s}from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";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]=s(Math.min(Math.max(d,f),p)),x=u(e=>{m?.(e)},g);o(()=>{b(Math.min(Math.max(d,f),p))},[d,f,p]),o(()=>(g<=0?m?.(y):x(y),()=>{x.cancel()}),[y,x,m,g]);let S=a(()=>{if(y>=p)return;let e=y+1;b(e),h?.(`increment`,e)},[y,p,h]),C=a(()=>{if(y<=f)return;let e=y-1;b(e),h?.(`decrement`,e)},[y,f,h]),w=a(e=>{let t=parseInt(e,10);if(Number.isNaN(t)){b(f);return}b(t<f?f:t>p?p:t)},[f,p]),T=a(()=>{Number.isNaN(y)||y<f?b(f):y>p&&b(p)},[y,f,p]);return l(`div`,{className:i(`flex gap-x-0.5 h-8 items-center`,_),children:[c(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:c(n,{size:16})}),c(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`}),c(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:c(r,{size:16})})]})}export{d as ProductQuantityControl};
+"use client";import"../dist--0WptDez.js";import"../button.variants-D-o2smvP.js";import{t as e}from"../button-ZBnX9IoC.js";import{t}from"../input-C_Q32lFA.js";import{Minus as n,Plus as r}from"lucide-react";import{useCallback as i,useEffect as a,useState as o}from"react";import{cn as s}from"@customafk/react-toolkit/utils";import{jsx as c,jsxs as l}from"react/jsx-runtime";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]=o(Math.min(Math.max(d,f),p)),x=u(e=>{m?.(e)},g);a(()=>{b(Math.min(Math.max(d,f),p))},[d,f,p]),a(()=>(g<=0?m?.(y):x(y),()=>{x.cancel()}),[y,x,m,g]);let S=i(()=>{if(y>=p)return;let e=y+1;b(e),h?.(`increment`,e)},[y,p,h]),C=i(()=>{if(y<=f)return;let e=y-1;b(e),h?.(`decrement`,e)},[y,f,h]),w=i(e=>{let t=parseInt(e,10);if(Number.isNaN(t)){b(f);return}b(t<f?f:t>p?p:t)},[f,p]),T=i(()=>{Number.isNaN(y)||y<f?b(f):y>p&&b(p)},[y,f,p]);return l(`div`,{className:s(`flex gap-x-0.5 h-8 items-center`,_),children:[c(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:c(n,{size:16})}),c(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`}),c(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:c(r,{size:16})})]})}export{d as ProductQuantityControl};
 //# sourceMappingURL=product-quantity-control.js.map

package/dist/progress-BvFZ5L8e.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({className:e,value:i,...a}){return(0,n.jsx)(r.Progress.Root,{"data-slot":`progress`,className:(0,t.cn)(`bg-primary-weak relative h-2 w-full overflow-hidden rounded-full`,e),...a,children:(0,n.jsx)(r.Progress.Indicator,{"data-slot":`progress-indicator`,className:`bg-primary size-full flex-1 transition-all`,style:{transform:`translateX(-${100-(i||0)}%)`}})})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=progress-BvFZ5L8e.cjs.map

package/dist/progress-BvFZ5L8e.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-BvFZ5L8e.cjs","names":["ProgressPrimitive"],"sources":["../packages/components/ui/progress.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Progress as ProgressPrimitive } from 'radix-ui';\n\nfunction Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root data-slot=\"progress\" className={cn('bg-primary-weak relative h-2 w-full overflow-hidden rounded-full', className)} {...props}>\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"bg-primary size-full flex-1 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":"6IAKA,SAAS,EAAS,CAAE,YAAW,QAAO,GAAG,GAA8D,CACrG,OACE,EAAA,EAAA,KAACA,EAAAA,SAAkB,KAAA,CAAK,YAAU,WAAW,WAAA,EAAA,EAAA,IAAc,mEAAoE,EAAU,CAAE,GAAI,YAC7I,EAAA,EAAA,KAACA,EAAAA,SAAkB,UAAA,CACjB,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,IAAK,EAC3D,EACqB"}

package/dist/progress-qP8KLube.js

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Progress as n}from"radix-ui";function r({className:r,value:i,...a}){return t(n.Root,{"data-slot":`progress`,className:e(`bg-primary-weak relative h-2 w-full overflow-hidden rounded-full`,r),...a,children:t(n.Indicator,{"data-slot":`progress-indicator`,className:`bg-primary size-full flex-1 transition-all`,style:{transform:`translateX(-${100-(i||0)}%)`}})})}export{r as t};
+//# sourceMappingURL=progress-qP8KLube.js.map

package/dist/progress-qP8KLube.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-qP8KLube.js","names":["Progress","ProgressPrimitive"],"sources":["../packages/components/ui/progress.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Progress as ProgressPrimitive } from 'radix-ui';\n\nfunction Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root data-slot=\"progress\" className={cn('bg-primary-weak relative h-2 w-full overflow-hidden rounded-full', className)} {...props}>\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"bg-primary size-full flex-1 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":"gIAKA,SAASA,EAAS,CAAE,YAAW,QAAO,GAAG,GAA8D,CACrG,OACE,EAACC,EAAkB,KAAA,CAAK,YAAU,WAAW,UAAW,EAAG,mEAAoE,EAAU,CAAE,GAAI,WAC7I,EAACA,EAAkB,UAAA,CACjB,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,IAAK,EAC3D,EACqB"}

package/dist/radio-group-CvZi9_lP.js

@@ -0,0 +1,2 @@
+import{CircleIcon as e}from"lucide-react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{RadioGroup as i}from"radix-ui";function a({className:e,...r}){return n(i.Root,{"data-slot":`radio-group`,className:t(`grid gap-3`,e),...r})}function o({className:a,...o}){return n(i.Item,{"data-slot":`radio-group-item`,className:t(`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:r(i.Indicator,{"data-slot":`radio-group-indicator`,className:`relative flex items-center justify-center bg-primary`,children:[n(`div`,{className:`absolute size-4 rounded-full bg-primary`}),n(e,{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-CvZi9_lP.js.map

package/dist/radio-group-CvZi9_lP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-CvZi9_lP.js","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-DUdeuruf.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);function a({className:e,...t}){return(0,r.jsx)(i.RadioGroup.Root,{"data-slot":`radio-group`,className:(0,n.cn)(`grid gap-3`,e),...t})}function o({className:e,...a}){return(0,r.jsx)(i.RadioGroup.Item,{"data-slot":`radio-group-item`,className:(0,n.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,r.jsxs)(i.RadioGroup.Indicator,{"data-slot":`radio-group-indicator`,className:`relative flex items-center justify-center bg-primary`,children:[(0,r.jsx)(`div`,{className:`absolute size-4 rounded-full bg-primary`}),(0,r.jsx)(t.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-DUdeuruf.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-DUdeuruf.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-BeyJ1P13.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./button-BSQjtXgG.cjs`),n=require(`./paragraph-DK9X31Fr.cjs`);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);const a=({onClick:e=()=>{}})=>(0,i.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,i.jsx)(r.RefreshCwIcon,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),(0,i.jsx)(n.t,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=refresh-BeyJ1P13.cjs.map

package/dist/refresh-BeyJ1P13.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh-BeyJ1P13.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-OzE8Rb0x.js

@@ -0,0 +1,2 @@
+import{t as e}from"./button-ZBnX9IoC.js";import{t}from"./paragraph-eZ-12KwF.js";import{RefreshCwIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({onClick:a=()=>{}})=>i(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:[r(n,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),r(t,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});export{a as t};
+//# sourceMappingURL=refresh-OzE8Rb0x.js.map

package/dist/refresh-OzE8Rb0x.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh-OzE8Rb0x.js","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":"+KASA,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-CySh6HoN.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-CySh6HoN.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/scroll-area-QDEzN1IP.js

@@ -0,0 +1,2 @@
+import{memo as e}from"react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{ScrollArea as i}from"radix-ui";const a=e(({className:e,children:a,ref:s,onScroll:c,...l})=>r(i.Root,{"data-slot":`scroll-area`,className:t(`relative overflow-hidden`,e),...l,children:[n(i.Viewport,{ref:s,className:`size-full rounded-[inherit]`,onScroll:c,children:a}),n(o,{}),n(i.Corner,{})]}));a.displayName=`ScrollArea`;const o=e(({className:e,orientation:r=`vertical`,...a})=>n(i.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:r,className:t(`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:n(i.ScrollAreaThumb,{className:`relative flex-1 rounded-full bg-border-weak`})}));o.displayName=`ScrollBar`;export{o as n,a as t};
+//# sourceMappingURL=scroll-area-QDEzN1IP.js.map

package/dist/scroll-area-QDEzN1IP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-QDEzN1IP.js","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/search-input-Cmmd1e6l.js

@@ -0,0 +1,2 @@
+import{t as e}from"./input-C_Q32lFA.js";import{ArrowRightIcon as t,SearchIcon as n}from"lucide-react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({className:o,...s})=>a(`div`,{className:`relative`,children:[i(e,{...s,type:`search`,className:r(`ps-9 pe-9`,o)}),i(`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:i(n,{size:16})}),i(`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:i(t,{size:16,"aria-hidden":`true`})})]});export{o as t};
+//# sourceMappingURL=search-input-Cmmd1e6l.js.map

package/dist/search-input-Cmmd1e6l.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input-Cmmd1e6l.js","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":"4MAOA,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"}

package/dist/search-input-TjDtryHg.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./input-D2bPk-nW.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({className:e,...a})=>(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(t.t,{...a,type:`search`,className:(0,r.cn)(`ps-9 pe-9`,e)}),(0,i.jsx)(`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:(0,i.jsx)(n.SearchIcon,{size:16})}),(0,i.jsx)(`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:(0,i.jsx)(n.ArrowRightIcon,{size:16,"aria-hidden":`true`})})]});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=search-input-TjDtryHg.cjs.map

package/dist/search-input-TjDtryHg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input-TjDtryHg.cjs","names":["Input","SearchIcon","ArrowRightIcon"],"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":"mLAOA,MAAa,GAAe,CAAE,YAAW,GAAG,MAExC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,sBACb,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAM,GAAI,EAAM,KAAK,SAAS,WAAA,EAAA,EAAA,IAAc,YAAa,EAAU,EAAI,EACxE,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,kJACb,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,KAAM,GAAA,CAAM,EACpB,EACN,EAAA,EAAA,KAAC,SAAA,CACC,UAAU,0XACV,aAAW,gBACX,KAAK,mBAEL,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,KAAM,GAAI,cAAY,QAAS,EACxC,GACL"}

package/dist/select-C3ZceYuJ.js

@@ -0,0 +1,2 @@
+import{CheckIcon as e,ChevronDownIcon as t,ChevronUpIcon as n}from"lucide-react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{Select as o}from"radix-ui";function s({...e}){return i(o.Root,{"data-slot":`select`,...e})}function c({...e}){return i(o.Group,{"data-slot":`select-group`,...e})}function l({...e}){return i(o.Value,{"data-slot":`select-value`,...e})}function u({className:e,size:n=`default`,children:s,...c}){return a(o.Trigger,{"data-slot":`select-trigger`,"data-size":n,className:r(`border-border-weak shadow-input`,`flex w-fit items-center justify-between`,`gap-2 rounded-md border bg-transparent px-3 py-2 text-sm`,`whitespace-nowrap outline-none transition-all`,`cursor-pointer`,`hover:border-border`,`focus:border-primary-strong`,`focus:ring-primary-weak`,`focus:ring-4`,`aria-invalid:ring-danger-weak`,`aria-invalid:border-danger-strong`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:border-primary`,`data-[state=open]:ring-ring`,`data-[state=open]:ring-4`,`data-placeholder:text-text-positive-muted`,`data-[size=default]:h-9`,`data-[size=sm]:h-8`,`*:data-[slot=select-value]:line-clamp-1`,`*:data-[slot=select-value]:flex`,`*:data-[slot=select-value]:items-center`,`*:data-[slot=select-value]:gap-2`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-muted-foreground`,e),...c,children:[s,i(o.Icon,{asChild:!0,children:i(t,{size:16,opacity:50})})]})}function d({className:e,children:t,position:n=`popper`,...s}){return i(o.Portal,{children:a(o.Content,{"data-slot":`select-content`,className:r(`bg-popover`,`relative z-50`,`min-w-32`,`overflow-y-auto overflow-x-hidden`,`rounded-md shadow-dropdown`,`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`,`origin-(--radix-select-content-transform-origin)`,`w-(--radix-select-trigger-width)`,n===`popper`&&`data-[side=bottom]:translate-y-1`,n===`popper`&&`data-[side=left]:-translate-x-1`,n===`popper`&&`data-[side=right]:translate-x-1`,n===`popper`&&`data-[side=top]:-translate-y-1`,e),position:n,style:{maxHeight:`var(--radix-select-content-available-height)`},...s,children:[i(h,{}),i(o.Viewport,{className:r(`p-1`,n===`popper`&&`w-full scroll-my-1`,n===`popper`&&`h-(--radix-select-trigger-height)`,n===`popper`&&`min-w-(--radix-select-trigger-width)`),children:t}),i(g,{})]})})}function f({className:e,...t}){return i(o.Label,{"data-slot":`select-label`,className:r(`px-2 py-1.5 text-text-positive-weak text-xs`,e),...t})}function p({className:t,children:n,...s}){return a(o.Item,{"data-slot":`select-item`,className:r(`relative flex select-none items-center`,`gap-2 rounded-md py-2.5 pr-8 pl-2`,`w-full`,`cursor-pointer transition-colors`,`text-sm text-text-positive outline-hidden`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`data-disabled:opacity-50`,`data-disabled:pointer-events-none`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-weak`,`*:[span]:last:flex`,`*:[span]:last:items-center`,`*:[span]:last:gap-2`,t),...s,children:[i(o.ItemText,{children:n}),i(`span`,{className:`absolute right-2 flex size-3.5 items-center justify-center`,children:i(o.ItemIndicator,{children:i(e,{size:16})})})]})}function m({className:e,...t}){return i(o.Separator,{"data-slot":`select-separator`,className:r(`-mx-1 pointer-events-none my-1 h-px bg-border-weak`,e),...t})}function h({className:e,...t}){return i(o.ScrollUpButton,{"data-slot":`select-scroll-up-button`,className:r(`flex cursor-default items-center justify-center py-1`,e),...t,children:i(n,{size:16})})}function g({className:e,...n}){return i(o.ScrollDownButton,{"data-slot":`select-scroll-down-button`,className:r(`flex cursor-default items-center justify-center py-1`,e),...n,children:i(t,{size:16})})}export{f as a,m as c,p as i,u as l,d as n,g as o,c as r,h as s,s as t,l as u};
+//# sourceMappingURL=select-C3ZceYuJ.js.map

package/dist/select-C3ZceYuJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-C3ZceYuJ.js","names":["Select","SelectPrimitive"],"sources":["../packages/components/ui/select.tsx"],"sourcesContent":["'use client';\n\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Select as SelectPrimitive } from 'radix-ui';\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        'border-border-weak shadow-input',\n        'flex w-fit items-center justify-between',\n        'gap-2 rounded-md border bg-transparent px-3 py-2 text-sm',\n        'whitespace-nowrap outline-none transition-all',\n        'cursor-pointer',\n        'hover:border-border',\n        'focus:border-primary-strong',\n        'focus:ring-primary-weak',\n        'focus:ring-4',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:border-danger-strong',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n        'data-[state=open]:text-text-positive-muted',\n        'data-[state=open]:border-primary',\n        'data-[state=open]:ring-ring',\n        'data-[state=open]:ring-4',\n        'data-placeholder:text-text-positive-muted',\n        'data-[size=default]:h-9',\n        'data-[size=sm]:h-8',\n        '*:data-[slot=select-value]:line-clamp-1',\n        '*:data-[slot=select-value]:flex',\n        '*:data-[slot=select-value]:items-center',\n        '*:data-[slot=select-value]:gap-2',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon size={16} opacity={50} />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({ className, children, position = 'popper', ...props }: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-popover',\n          'relative z-50',\n          'min-w-32',\n          'overflow-y-auto overflow-x-hidden',\n          'rounded-md shadow-dropdown',\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          'origin-(--radix-select-content-transform-origin)',\n          'w-(--radix-select-trigger-width)',\n          position === 'popper' && 'data-[side=bottom]:translate-y-1',\n          position === 'popper' && 'data-[side=left]:-translate-x-1',\n          position === 'popper' && 'data-[side=right]:translate-x-1',\n          position === 'popper' && 'data-[side=top]:-translate-y-1',\n          className\n        )}\n        position={position}\n        style={{\n          maxHeight: 'var(--radix-select-content-available-height)',\n        }}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' && 'w-full scroll-my-1',\n            position === 'popper' && 'h-(--radix-select-trigger-height)',\n            position === 'popper' && 'min-w-(--radix-select-trigger-width)'\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return <SelectPrimitive.Label data-slot=\"select-label\" className={cn('px-2 py-1.5 text-text-positive-weak text-xs', className)} {...props} />;\n}\n\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex select-none items-center',\n        'gap-2 rounded-md py-2.5 pr-8 pl-2',\n        'w-full',\n        'cursor-pointer transition-colors',\n        'text-sm text-text-positive outline-hidden',\n        'focus:bg-muted-muted',\n        'focus:text-text-positive-strong',\n        'data-disabled:opacity-50',\n        'data-disabled:pointer-events-none',\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-weak\",\n        '*:[span]:last:flex',\n        '*:[span]:last:items-center',\n        '*:[span]:last:gap-2',\n        className\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon size={16} />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return <SelectPrimitive.Separator data-slot=\"select-separator\" className={cn('-mx-1 pointer-events-none my-1 h-px bg-border-weak', className)} {...props} />;\n}\n\nfunction SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronUpIcon size={16} />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronDownIcon size={16} />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":"yNAQA,SAASA,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAACC,EAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAG/D,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAGtE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAGtE,SAAS,EAAc,CACrB,YACA,OAAO,UACP,WACA,GAAG,GAGF,CACD,OACE,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,YAAW,EACX,UAAW,EACT,kCACA,0CACA,2DACA,gDACA,iBACA,sBACA,8BACA,0BACA,eACA,gCACA,oCACA,8BACA,sBACA,6CACA,mCACA,8BACA,2BACA,4CACA,0BACA,qBACA,0CACA,kCACA,0CACA,mCACA,mBACA,8BACA,uCACA,sDACA,EACD,CACD,GAAI,YAEH,EACD,EAACA,EAAgB,KAAA,CAAK,QAAA,YACpB,EAAC,EAAA,CAAgB,KAAM,GAAI,QAAS,IAAM,EACrB,CAAA,EACC,CAI9B,SAAS,EAAc,CAAE,YAAW,WAAU,WAAW,SAAU,GAAG,GAA+D,CACnI,OACE,EAACA,EAAgB,OAAA,CAAA,SACf,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,aACA,gBACA,WACA,oCACA,6BACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,mDACA,mCACA,IAAa,UAAY,mCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,iCACzB,EACD,CACS,WACV,MAAO,CACL,UAAW,+CACZ,CACD,GAAI,YAEJ,EAAC,EAAA,EAAA,CAAuB,CACxB,EAACA,EAAgB,SAAA,CACf,UAAW,EACT,MACA,IAAa,UAAY,qBACzB,IAAa,UAAY,oCACzB,IAAa,UAAY,uCAC1B,CAEA,YACwB,CAC3B,EAAC,EAAA,EAAA,CAAyB,GACF,CAAA,CACH,CAI7B,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,8CAA+C,EAAU,CAAE,GAAI,GAAS,CAG/I,SAAS,EAAW,CAAE,YAAW,WAAU,GAAG,GAA4D,CACxG,OACE,EAACA,EAAgB,KAAA,CACf,YAAU,cACV,UAAW,EACT,yCACA,oCACA,SACA,mCACA,4CACA,uBACA,kCACA,2BACA,oCACA,8BACA,mBACA,uCACA,wDACA,qBACA,6BACA,sBACA,EACD,CACD,GAAI,YAEJ,EAACA,EAAgB,SAAA,CAAU,WAAA,CAAoC,CAC/D,EAAC,OAAA,CAAK,UAAU,sEACd,EAACA,EAAgB,cAAA,CAAA,SACf,EAAC,EAAA,CAAU,KAAM,GAAA,CAAM,CAAA,CACO,EAC3B,CAAA,EACc,CAI3B,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAiE,CACxG,OAAO,EAACA,EAAgB,UAAA,CAAU,YAAU,mBAAmB,UAAW,EAAG,qDAAsD,EAAU,CAAE,GAAI,GAAS,CAG9J,SAAS,EAAqB,CAAE,YAAW,GAAG,GAAsE,CAClH,OACE,EAACA,EAAgB,eAAA,CACf,YAAU,0BACV,UAAW,EAAG,uDAAwD,EAAU,CAChF,GAAI,WAEJ,EAAC,EAAA,CAAc,KAAM,GAAA,CAAM,EACI,CAIrC,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OACE,EAACA,EAAgB,iBAAA,CACf,YAAU,4BACV,UAAW,EAAG,uDAAwD,EAAU,CAChF,GAAI,WAEJ,EAAC,EAAA,CAAgB,KAAM,GAAA,CAAM,EACI"}

package/dist/select-ZQ1jEKyy.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);function a({...e}){return(0,r.jsx)(i.Select.Root,{"data-slot":`select`,...e})}function o({...e}){return(0,r.jsx)(i.Select.Group,{"data-slot":`select-group`,...e})}function s({...e}){return(0,r.jsx)(i.Select.Value,{"data-slot":`select-value`,...e})}function c({className:e,size:a=`default`,children:o,...s}){return(0,r.jsxs)(i.Select.Trigger,{"data-slot":`select-trigger`,"data-size":a,className:(0,n.cn)(`border-border-weak shadow-input`,`flex w-fit items-center justify-between`,`gap-2 rounded-md border bg-transparent px-3 py-2 text-sm`,`whitespace-nowrap outline-none transition-all`,`cursor-pointer`,`hover:border-border`,`focus:border-primary-strong`,`focus:ring-primary-weak`,`focus:ring-4`,`aria-invalid:ring-danger-weak`,`aria-invalid:border-danger-strong`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:border-primary`,`data-[state=open]:ring-ring`,`data-[state=open]:ring-4`,`data-placeholder:text-text-positive-muted`,`data-[size=default]:h-9`,`data-[size=sm]:h-8`,`*:data-[slot=select-value]:line-clamp-1`,`*:data-[slot=select-value]:flex`,`*:data-[slot=select-value]:items-center`,`*:data-[slot=select-value]:gap-2`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-muted-foreground`,e),...s,children:[o,(0,r.jsx)(i.Select.Icon,{asChild:!0,children:(0,r.jsx)(t.ChevronDownIcon,{size:16,opacity:50})})]})}function l({className:e,children:t,position:a=`popper`,...o}){return(0,r.jsx)(i.Select.Portal,{children:(0,r.jsxs)(i.Select.Content,{"data-slot":`select-content`,className:(0,n.cn)(`bg-popover`,`relative z-50`,`min-w-32`,`overflow-y-auto overflow-x-hidden`,`rounded-md shadow-dropdown`,`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`,`origin-(--radix-select-content-transform-origin)`,`w-(--radix-select-trigger-width)`,a===`popper`&&`data-[side=bottom]:translate-y-1`,a===`popper`&&`data-[side=left]:-translate-x-1`,a===`popper`&&`data-[side=right]:translate-x-1`,a===`popper`&&`data-[side=top]:-translate-y-1`,e),position:a,style:{maxHeight:`var(--radix-select-content-available-height)`},...o,children:[(0,r.jsx)(p,{}),(0,r.jsx)(i.Select.Viewport,{className:(0,n.cn)(`p-1`,a===`popper`&&`w-full scroll-my-1`,a===`popper`&&`h-(--radix-select-trigger-height)`,a===`popper`&&`min-w-(--radix-select-trigger-width)`),children:t}),(0,r.jsx)(m,{})]})})}function u({className:e,...t}){return(0,r.jsx)(i.Select.Label,{"data-slot":`select-label`,className:(0,n.cn)(`px-2 py-1.5 text-text-positive-weak text-xs`,e),...t})}function d({className:e,children:a,...o}){return(0,r.jsxs)(i.Select.Item,{"data-slot":`select-item`,className:(0,n.cn)(`relative flex select-none items-center`,`gap-2 rounded-md py-2.5 pr-8 pl-2`,`w-full`,`cursor-pointer transition-colors`,`text-sm text-text-positive outline-hidden`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`data-disabled:opacity-50`,`data-disabled:pointer-events-none`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-weak`,`*:[span]:last:flex`,`*:[span]:last:items-center`,`*:[span]:last:gap-2`,e),...o,children:[(0,r.jsx)(i.Select.ItemText,{children:a}),(0,r.jsx)(`span`,{className:`absolute right-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.Select.ItemIndicator,{children:(0,r.jsx)(t.CheckIcon,{size:16})})})]})}function f({className:e,...t}){return(0,r.jsx)(i.Select.Separator,{"data-slot":`select-separator`,className:(0,n.cn)(`-mx-1 pointer-events-none my-1 h-px bg-border-weak`,e),...t})}function p({className:e,...a}){return(0,r.jsx)(i.Select.ScrollUpButton,{"data-slot":`select-scroll-up-button`,className:(0,n.cn)(`flex cursor-default items-center justify-center py-1`,e),...a,children:(0,r.jsx)(t.ChevronUpIcon,{size:16})})}function m({className:e,...a}){return(0,r.jsx)(i.Select.ScrollDownButton,{"data-slot":`select-scroll-down-button`,className:(0,n.cn)(`flex cursor-default items-center justify-center py-1`,e),...a,children:(0,r.jsx)(t.ChevronDownIcon,{size:16})})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=select-ZQ1jEKyy.cjs.map

package/dist/select-ZQ1jEKyy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-ZQ1jEKyy.cjs","names":["SelectPrimitive","ChevronDownIcon","CheckIcon","ChevronUpIcon"],"sources":["../packages/components/ui/select.tsx"],"sourcesContent":["'use client';\n\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Select as SelectPrimitive } from 'radix-ui';\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        'border-border-weak shadow-input',\n        'flex w-fit items-center justify-between',\n        'gap-2 rounded-md border bg-transparent px-3 py-2 text-sm',\n        'whitespace-nowrap outline-none transition-all',\n        'cursor-pointer',\n        'hover:border-border',\n        'focus:border-primary-strong',\n        'focus:ring-primary-weak',\n        'focus:ring-4',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:border-danger-strong',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n        'data-[state=open]:text-text-positive-muted',\n        'data-[state=open]:border-primary',\n        'data-[state=open]:ring-ring',\n        'data-[state=open]:ring-4',\n        'data-placeholder:text-text-positive-muted',\n        'data-[size=default]:h-9',\n        'data-[size=sm]:h-8',\n        '*:data-[slot=select-value]:line-clamp-1',\n        '*:data-[slot=select-value]:flex',\n        '*:data-[slot=select-value]:items-center',\n        '*:data-[slot=select-value]:gap-2',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon size={16} opacity={50} />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({ className, children, position = 'popper', ...props }: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-popover',\n          'relative z-50',\n          'min-w-32',\n          'overflow-y-auto overflow-x-hidden',\n          'rounded-md shadow-dropdown',\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          'origin-(--radix-select-content-transform-origin)',\n          'w-(--radix-select-trigger-width)',\n          position === 'popper' && 'data-[side=bottom]:translate-y-1',\n          position === 'popper' && 'data-[side=left]:-translate-x-1',\n          position === 'popper' && 'data-[side=right]:translate-x-1',\n          position === 'popper' && 'data-[side=top]:-translate-y-1',\n          className\n        )}\n        position={position}\n        style={{\n          maxHeight: 'var(--radix-select-content-available-height)',\n        }}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' && 'w-full scroll-my-1',\n            position === 'popper' && 'h-(--radix-select-trigger-height)',\n            position === 'popper' && 'min-w-(--radix-select-trigger-width)'\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return <SelectPrimitive.Label data-slot=\"select-label\" className={cn('px-2 py-1.5 text-text-positive-weak text-xs', className)} {...props} />;\n}\n\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex select-none items-center',\n        'gap-2 rounded-md py-2.5 pr-8 pl-2',\n        'w-full',\n        'cursor-pointer transition-colors',\n        'text-sm text-text-positive outline-hidden',\n        'focus:bg-muted-muted',\n        'focus:text-text-positive-strong',\n        'data-disabled:opacity-50',\n        'data-disabled:pointer-events-none',\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-weak\",\n        '*:[span]:last:flex',\n        '*:[span]:last:items-center',\n        '*:[span]:last:gap-2',\n        className\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon size={16} />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return <SelectPrimitive.Separator data-slot=\"select-separator\" className={cn('-mx-1 pointer-events-none my-1 h-px bg-border-weak', className)} {...props} />;\n}\n\nfunction SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronUpIcon size={16} />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronDownIcon size={16} />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":"uKAQA,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAG/D,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAGtE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAGtE,SAAS,EAAc,CACrB,YACA,OAAO,UACP,WACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,YAAW,EACX,WAAA,EAAA,EAAA,IACE,kCACA,0CACA,2DACA,gDACA,iBACA,sBACA,8BACA,0BACA,eACA,gCACA,oCACA,8BACA,sBACA,6CACA,mCACA,8BACA,2BACA,4CACA,0BACA,qBACA,0CACA,kCACA,0CACA,mCACA,mBACA,8BACA,uCACA,sDACA,EACD,CACD,GAAI,YAEH,GACD,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,QAAA,aACpB,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,KAAM,GAAI,QAAS,IAAM,EACrB,CAAA,EACC,CAI9B,SAAS,EAAc,CAAE,YAAW,WAAU,WAAW,SAAU,GAAG,GAA+D,CACnI,OACE,EAAA,EAAA,KAACD,EAAAA,OAAgB,OAAA,CAAA,UACf,EAAA,EAAA,MAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,WAAA,EAAA,EAAA,IACE,aACA,gBACA,WACA,oCACA,6BACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,mDACA,mCACA,IAAa,UAAY,mCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,iCACzB,EACD,CACS,WACV,MAAO,CACL,UAAW,+CACZ,CACD,GAAI,aAEJ,EAAA,EAAA,KAAC,EAAA,EAAA,CAAuB,EACxB,EAAA,EAAA,KAACA,EAAAA,OAAgB,SAAA,CACf,WAAA,EAAA,EAAA,IACE,MACA,IAAa,UAAY,qBACzB,IAAa,UAAY,oCACzB,IAAa,UAAY,uCAC1B,CAEA,YACwB,EAC3B,EAAA,EAAA,KAAC,EAAA,EAAA,CAAyB,GACF,CAAA,CACH,CAI7B,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,8CAA+C,EAAU,CAAE,GAAI,GAAS,CAG/I,SAAS,EAAW,CAAE,YAAW,WAAU,GAAG,GAA4D,CACxG,OACE,EAAA,EAAA,MAACA,EAAAA,OAAgB,KAAA,CACf,YAAU,cACV,WAAA,EAAA,EAAA,IACE,yCACA,oCACA,SACA,mCACA,4CACA,uBACA,kCACA,2BACA,oCACA,8BACA,mBACA,uCACA,wDACA,qBACA,6BACA,sBACA,EACD,CACD,GAAI,aAEJ,EAAA,EAAA,KAACA,EAAAA,OAAgB,SAAA,CAAU,WAAA,CAAoC,EAC/D,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,uEACd,EAAA,EAAA,KAACA,EAAAA,OAAgB,cAAA,CAAA,UACf,EAAA,EAAA,KAACE,EAAAA,UAAAA,CAAU,KAAM,GAAA,CAAM,CAAA,CACO,EAC3B,CAAA,EACc,CAI3B,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAiE,CACxG,OAAO,EAAA,EAAA,KAACF,EAAAA,OAAgB,UAAA,CAAU,YAAU,mBAAmB,WAAA,EAAA,EAAA,IAAc,qDAAsD,EAAU,CAAE,GAAI,GAAS,CAG9J,SAAS,EAAqB,CAAE,YAAW,GAAG,GAAsE,CAClH,OACE,EAAA,EAAA,KAACA,EAAAA,OAAgB,eAAA,CACf,YAAU,0BACV,WAAA,EAAA,EAAA,IAAc,uDAAwD,EAAU,CAChF,GAAI,YAEJ,EAAA,EAAA,KAACG,EAAAA,cAAAA,CAAc,KAAM,GAAA,CAAM,EACI,CAIrC,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OACE,EAAA,EAAA,KAACH,EAAAA,OAAgB,iBAAA,CACf,YAAU,4BACV,WAAA,EAAA,EAAA,IAAc,uDAAwD,EAAU,CAChF,GAAI,YAEJ,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,KAAM,GAAA,CAAM,EACI"}

package/dist/separator-D3CGKwyf.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({className:e,orientation:i=`horizontal`,decorative:a=!0,...o}){return(0,n.jsx)(r.Separator.Root,{"data-slot":`separator`,decorative:a,orientation:i,className:(0,t.cn)(`bg-border-weak shrink-0`,`data-[orientation=horizontal]:h-px`,`data-[orientation=horizontal]:w-full`,`data-[orientation=vertical]:h-full`,`data-[orientation=vertical]:w-px`,e),...o})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=separator-D3CGKwyf.cjs.map

package/dist/separator-D3CGKwyf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator-D3CGKwyf.cjs","names":["SeparatorPrimitive"],"sources":["../packages/components/ui/separator.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Separator as SeparatorPrimitive } from 'radix-ui';\n\nfunction Separator({ className, orientation = 'horizontal', decorative = true, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-border-weak shrink-0',\n        'data-[orientation=horizontal]:h-px',\n        'data-[orientation=horizontal]:w-full',\n        'data-[orientation=vertical]:h-full',\n        'data-[orientation=vertical]:w-px',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":"6IAKA,SAAS,EAAU,CAAE,YAAW,cAAc,aAAc,aAAa,GAAM,GAAG,GAA+D,CAC/I,OACE,EAAA,EAAA,KAACA,EAAAA,UAAmB,KAAA,CAClB,YAAU,YACE,aACC,cACb,WAAA,EAAA,EAAA,IACE,0BACA,qCACA,uCACA,qCACA,mCACA,EACD,CACD,GAAI,GACJ"}

package/dist/separator-Djvrrcvu.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime198 from "react/jsx-runtime";
+import { Separator } from "radix-ui";
+
+//#region packages/components/ui/separator.d.ts
+declare function Separator$1({
+  className,
+  orientation,
+  decorative,
+  ...props
+}: React.ComponentProps<typeof Separator.Root>): react_jsx_runtime198.JSX.Element;
+//#endregion
+export { Separator$1 as t };
+//# sourceMappingURL=separator-Djvrrcvu.d.ts.map

package/dist/separator-Eo08jbbW.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime205 from "react/jsx-runtime";
+import { Separator } from "radix-ui";
+
+//#region packages/components/ui/separator.d.ts
+declare function Separator$1({
+  className,
+  orientation,
+  decorative,
+  ...props
+}: React.ComponentProps<typeof Separator.Root>): react_jsx_runtime205.JSX.Element;
+//#endregion
+export { Separator$1 as t };
+//# sourceMappingURL=separator-Eo08jbbW.d.cts.map

package/dist/separator-udZphpLE.js

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Separator as n}from"radix-ui";function r({className:r,orientation:i=`horizontal`,decorative:a=!0,...o}){return t(n.Root,{"data-slot":`separator`,decorative:a,orientation:i,className:e(`bg-border-weak shrink-0`,`data-[orientation=horizontal]:h-px`,`data-[orientation=horizontal]:w-full`,`data-[orientation=vertical]:h-full`,`data-[orientation=vertical]:w-px`,r),...o})}export{r as t};
+//# sourceMappingURL=separator-udZphpLE.js.map

package/dist/separator-udZphpLE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator-udZphpLE.js","names":["Separator","SeparatorPrimitive"],"sources":["../packages/components/ui/separator.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Separator as SeparatorPrimitive } from 'radix-ui';\n\nfunction Separator({ className, orientation = 'horizontal', decorative = true, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-border-weak shrink-0',\n        'data-[orientation=horizontal]:h-px',\n        'data-[orientation=horizontal]:w-full',\n        'data-[orientation=vertical]:h-full',\n        'data-[orientation=vertical]:w-px',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":"iIAKA,SAASA,EAAU,CAAE,YAAW,cAAc,aAAc,aAAa,GAAM,GAAG,GAA+D,CAC/I,OACE,EAACC,EAAmB,KAAA,CAClB,YAAU,YACE,aACC,cACb,UAAW,EACT,0BACA,qCACA,uCACA,qCACA,mCACA,EACD,CACD,GAAI,GACJ"}

package/dist/sheet-BN9i47xq.js

@@ -0,0 +1,2 @@
+import{XIcon as e}from"lucide-react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Dialog as i}from"radix-ui";function a({...e}){return n(i.Root,{"data-slot":`sheet`,...e})}function o({...e}){return n(i.Trigger,{"data-slot":`sheet-trigger`,...e})}function s({...e}){return n(i.Close,{"data-slot":`sheet-close`,...e})}function c({...e}){return n(i.Portal,{"data-slot":`sheet-portal`,...e})}function l({className:e,...r}){return n(i.Overlay,{"data-slot":`sheet-overlay`,className:t(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...r})}function u({className:a,children:o,side:s=`right`,...u}){return r(c,{children:[n(l,{}),r(i.Content,{"data-slot":`sheet-content`,className:t(`bg-background`,`fixed z-50 flex flex-col gap-4 border-border-weak shadow-dropdown transition ease-in-out`,`data-[state=open]:animate-in`,`data-[state=open]:duration-500`,`data-[state=closed]:animate-out`,`data-[state=closed]:duration-300`,s===`right`&&`inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm`,s===`right`&&`data-[state=closed]:slide-out-to-right`,s===`right`&&`data-[state=open]:slide-in-from-right`,s===`left`&&`inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm`,s===`left`&&`data-[state=closed]:slide-out-to-left`,s===`left`&&`data-[state=open]:slide-in-from-left`,s===`top`&&`inset-x-0 top-0 h-auto border-b`,s===`top`&&`data-[state=closed]:slide-out-to-top`,s===`top`&&`data-[state=open]:slide-in-from-top`,s===`bottom`&&`inset-x-0 bottom-0 h-auto border-t`,s===`bottom`&&`data-[state=closed]:slide-out-to-bottom`,s===`bottom`&&`data-[state=open]:slide-in-from-bottom`,a),...u,children:[o,r(i.Close,{className:t(`cursor-pointer p-2 ring-offset-background`,`absolute top-2 right-2 rounded-full opacity-70 transition-opacity`,`data-[state=open]:bg-secondary`,`disabled:pointer-events-none`,`hover:opacity-100`,`hover:bg-border-muted`,`focus:ring-border-weak`,`focus:ring-4`,`focus:outline-hidden`),children:[n(e,{className:`size-5`}),n(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function d({className:e,...r}){return n(`div`,{"data-slot":`sheet-header`,className:t(`flex flex-0 flex-col gap-1.5 p-4`,e),...r})}function f({className:e,...r}){return n(`div`,{"data-slot":`sheet-footer`,className:t(`mt-auto flex flex-0 flex-col gap-2 p-4`,e),...r})}function p({className:e,...r}){return n(i.Title,{"data-slot":`sheet-title`,className:t(`font-semibold text-text-positive-strong`,e),...r})}function m({className:e,...r}){return n(i.Description,{"data-slot":`sheet-description`,className:t(`text-sm text-text-positive-weak`,e),...r})}export{f as a,o as c,m as i,s as n,d as o,u as r,p as s,a as t};
+//# sourceMappingURL=sheet-BN9i47xq.js.map

package/dist/sheet-BN9i47xq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-BN9i47xq.js","names":["SheetPrimitive"],"sources":["../packages/components/ui/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog as SheetPrimitive } from 'radix-ui';\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0',\n        'data-[state=open]:fade-in-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          'bg-background',\n          'fixed z-50 flex flex-col gap-4 border-border-weak shadow-dropdown transition ease-in-out',\n\n          'data-[state=open]:animate-in',\n          'data-[state=open]:duration-500',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:duration-300',\n\n          side === 'right' && 'inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'right' && 'data-[state=closed]:slide-out-to-right',\n          side === 'right' && 'data-[state=open]:slide-in-from-right',\n\n          side === 'left' && 'inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'left' && 'data-[state=closed]:slide-out-to-left',\n          side === 'left' && 'data-[state=open]:slide-in-from-left',\n\n          side === 'top' && 'inset-x-0 top-0 h-auto border-b',\n          side === 'top' && 'data-[state=closed]:slide-out-to-top',\n          side === 'top' && 'data-[state=open]:slide-in-from-top',\n\n          side === 'bottom' && 'inset-x-0 bottom-0 h-auto border-t',\n          side === 'bottom' && 'data-[state=closed]:slide-out-to-bottom',\n          side === 'bottom' && 'data-[state=open]:slide-in-from-bottom',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close\n          className={cn(\n            'cursor-pointer p-2 ring-offset-background',\n            'absolute top-2 right-2 rounded-full opacity-70 transition-opacity',\n            'data-[state=open]:bg-secondary',\n            'disabled:pointer-events-none',\n            'hover:opacity-100',\n            'hover:bg-border-muted',\n            'focus:ring-border-weak',\n            'focus:ring-4',\n            'focus:outline-hidden'\n          )}\n        >\n          <XIcon className=\"size-5\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-header\" className={cn('flex flex-0 flex-col gap-1.5 p-4', className)} {...props} />;\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-footer\" className={cn('mt-auto flex flex-0 flex-col gap-2 p-4', className)} {...props} />;\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return <SheetPrimitive.Title data-slot=\"sheet-title\" className={cn('font-semibold text-text-positive-strong', className)} {...props} />;\n}\n\nfunction SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return <SheetPrimitive.Description data-slot=\"sheet-description\" className={cn('text-sm text-text-positive-weak', className)} {...props} />;\n}\n\nexport { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };\n"],"mappings":"6KAQA,SAAS,EAAM,CAAE,GAAG,GAA2D,CAC7E,OAAO,EAACA,EAAe,KAAA,CAAK,YAAU,QAAQ,GAAI,GAAS,CAG7D,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAe,QAAA,CAAQ,YAAU,gBAAgB,GAAI,GAAS,CAGxE,SAAS,EAAW,CAAE,GAAG,GAA4D,CACnF,OAAO,EAACA,EAAe,MAAA,CAAM,YAAU,cAAc,GAAI,GAAS,CAGpE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAe,OAAA,CAAO,YAAU,eAAe,GAAI,GAAS,CAGtE,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAACA,EAAe,QAAA,CACd,YAAU,gBACV,UAAW,EACT,iCACA,+BACA,kCACA,iCACA,8BACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAa,CACpB,YACA,WACA,OAAO,QACP,GAAG,GAGF,CACD,OACE,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,EAAA,CAAe,CAChB,EAACA,EAAe,QAAA,CACd,YAAU,gBACV,UAAW,EACT,gBACA,2FAEA,+BACA,iCACA,kCACA,mCAEA,IAAS,SAAW,sDACpB,IAAS,SAAW,yCACpB,IAAS,SAAW,wCAEpB,IAAS,QAAU,qDACnB,IAAS,QAAU,wCACnB,IAAS,QAAU,uCAEnB,IAAS,OAAS,kCAClB,IAAS,OAAS,uCAClB,IAAS,OAAS,sCAElB,IAAS,UAAY,qCACrB,IAAS,UAAY,0CACrB,IAAS,UAAY,yCACrB,EACD,CACD,GAAI,YAEH,EACD,EAACA,EAAe,MAAA,CACd,UAAW,EACT,4CACA,oEACA,iCACA,+BACA,oBACA,wBACA,yBACA,eACA,uBACD,WAED,EAAC,EAAA,CAAM,UAAU,SAAA,CAAW,CAC5B,EAAC,OAAA,CAAK,UAAU,mBAAU,SAAY,CAAA,EACjB,CAAA,EACA,CAAA,CAAA,CACb,CAIlB,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAA,CAAI,YAAU,eAAe,UAAW,EAAG,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAGlH,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAA,CAAI,YAAU,eAAe,UAAW,EAAG,yCAA0C,EAAU,CAAE,GAAI,GAAS,CAGxH,SAAS,EAAW,CAAE,YAAW,GAAG,GAA4D,CAC9F,OAAO,EAACA,EAAe,MAAA,CAAM,YAAU,cAAc,UAAW,EAAG,0CAA2C,EAAU,CAAE,GAAI,GAAS,CAGzI,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAACA,EAAe,YAAA,CAAY,YAAU,oBAAoB,UAAW,EAAG,kCAAmC,EAAU,CAAE,GAAI,GAAS"}

package/dist/sheet-jjZlJ8ub.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);function a({...e}){return(0,r.jsx)(i.Dialog.Root,{"data-slot":`sheet`,...e})}function o({...e}){return(0,r.jsx)(i.Dialog.Trigger,{"data-slot":`sheet-trigger`,...e})}function s({...e}){return(0,r.jsx)(i.Dialog.Close,{"data-slot":`sheet-close`,...e})}function c({...e}){return(0,r.jsx)(i.Dialog.Portal,{"data-slot":`sheet-portal`,...e})}function l({className:e,...t}){return(0,r.jsx)(i.Dialog.Overlay,{"data-slot":`sheet-overlay`,className:(0,n.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...t})}function u({className:e,children:a,side:o=`right`,...s}){return(0,r.jsxs)(c,{children:[(0,r.jsx)(l,{}),(0,r.jsxs)(i.Dialog.Content,{"data-slot":`sheet-content`,className:(0,n.cn)(`bg-background`,`fixed z-50 flex flex-col gap-4 border-border-weak shadow-dropdown transition ease-in-out`,`data-[state=open]:animate-in`,`data-[state=open]:duration-500`,`data-[state=closed]:animate-out`,`data-[state=closed]:duration-300`,o===`right`&&`inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm`,o===`right`&&`data-[state=closed]:slide-out-to-right`,o===`right`&&`data-[state=open]:slide-in-from-right`,o===`left`&&`inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm`,o===`left`&&`data-[state=closed]:slide-out-to-left`,o===`left`&&`data-[state=open]:slide-in-from-left`,o===`top`&&`inset-x-0 top-0 h-auto border-b`,o===`top`&&`data-[state=closed]:slide-out-to-top`,o===`top`&&`data-[state=open]:slide-in-from-top`,o===`bottom`&&`inset-x-0 bottom-0 h-auto border-t`,o===`bottom`&&`data-[state=closed]:slide-out-to-bottom`,o===`bottom`&&`data-[state=open]:slide-in-from-bottom`,e),...s,children:[a,(0,r.jsxs)(i.Dialog.Close,{className:(0,n.cn)(`cursor-pointer p-2 ring-offset-background`,`absolute top-2 right-2 rounded-full opacity-70 transition-opacity`,`data-[state=open]:bg-secondary`,`disabled:pointer-events-none`,`hover:opacity-100`,`hover:bg-border-muted`,`focus:ring-border-weak`,`focus:ring-4`,`focus:outline-hidden`),children:[(0,r.jsx)(t.XIcon,{className:`size-5`}),(0,r.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function d({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`sheet-header`,className:(0,n.cn)(`flex flex-0 flex-col gap-1.5 p-4`,e),...t})}function f({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`sheet-footer`,className:(0,n.cn)(`mt-auto flex flex-0 flex-col gap-2 p-4`,e),...t})}function p({className:e,...t}){return(0,r.jsx)(i.Dialog.Title,{"data-slot":`sheet-title`,className:(0,n.cn)(`font-semibold text-text-positive-strong`,e),...t})}function m({className:e,...t}){return(0,r.jsx)(i.Dialog.Description,{"data-slot":`sheet-description`,className:(0,n.cn)(`text-sm text-text-positive-weak`,e),...t})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=sheet-jjZlJ8ub.cjs.map

package/dist/sheet-jjZlJ8ub.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-jjZlJ8ub.cjs","names":["SheetPrimitive","XIcon"],"sources":["../packages/components/ui/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog as SheetPrimitive } from 'radix-ui';\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0',\n        'data-[state=open]:fade-in-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          'bg-background',\n          'fixed z-50 flex flex-col gap-4 border-border-weak shadow-dropdown transition ease-in-out',\n\n          'data-[state=open]:animate-in',\n          'data-[state=open]:duration-500',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:duration-300',\n\n          side === 'right' && 'inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'right' && 'data-[state=closed]:slide-out-to-right',\n          side === 'right' && 'data-[state=open]:slide-in-from-right',\n\n          side === 'left' && 'inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'left' && 'data-[state=closed]:slide-out-to-left',\n          side === 'left' && 'data-[state=open]:slide-in-from-left',\n\n          side === 'top' && 'inset-x-0 top-0 h-auto border-b',\n          side === 'top' && 'data-[state=closed]:slide-out-to-top',\n          side === 'top' && 'data-[state=open]:slide-in-from-top',\n\n          side === 'bottom' && 'inset-x-0 bottom-0 h-auto border-t',\n          side === 'bottom' && 'data-[state=closed]:slide-out-to-bottom',\n          side === 'bottom' && 'data-[state=open]:slide-in-from-bottom',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close\n          className={cn(\n            'cursor-pointer p-2 ring-offset-background',\n            'absolute top-2 right-2 rounded-full opacity-70 transition-opacity',\n            'data-[state=open]:bg-secondary',\n            'disabled:pointer-events-none',\n            'hover:opacity-100',\n            'hover:bg-border-muted',\n            'focus:ring-border-weak',\n            'focus:ring-4',\n            'focus:outline-hidden'\n          )}\n        >\n          <XIcon className=\"size-5\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-header\" className={cn('flex flex-0 flex-col gap-1.5 p-4', className)} {...props} />;\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-footer\" className={cn('mt-auto flex flex-0 flex-col gap-2 p-4', className)} {...props} />;\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return <SheetPrimitive.Title data-slot=\"sheet-title\" className={cn('font-semibold text-text-positive-strong', className)} {...props} />;\n}\n\nfunction SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return <SheetPrimitive.Description data-slot=\"sheet-description\" className={cn('text-sm text-text-positive-weak', className)} {...props} />;\n}\n\nexport { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };\n"],"mappings":"uKAQA,SAAS,EAAM,CAAE,GAAG,GAA2D,CAC7E,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAe,KAAA,CAAK,YAAU,QAAQ,GAAI,GAAS,CAG7D,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAe,QAAA,CAAQ,YAAU,gBAAgB,GAAI,GAAS,CAGxE,SAAS,EAAW,CAAE,GAAG,GAA4D,CACnF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAe,MAAA,CAAM,YAAU,cAAc,GAAI,GAAS,CAGpE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAe,OAAA,CAAO,YAAU,eAAe,GAAI,GAAS,CAGtE,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,KAACA,EAAAA,OAAe,QAAA,CACd,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,iCACA,+BACA,kCACA,iCACA,8BACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAa,CACpB,YACA,WACA,OAAO,QACP,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,EAAA,CAAe,EAChB,EAAA,EAAA,MAACA,EAAAA,OAAe,QAAA,CACd,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,gBACA,2FAEA,+BACA,iCACA,kCACA,mCAEA,IAAS,SAAW,sDACpB,IAAS,SAAW,yCACpB,IAAS,SAAW,wCAEpB,IAAS,QAAU,qDACnB,IAAS,QAAU,wCACnB,IAAS,QAAU,uCAEnB,IAAS,OAAS,kCAClB,IAAS,OAAS,uCAClB,IAAS,OAAS,sCAElB,IAAS,UAAY,qCACrB,IAAS,UAAY,0CACrB,IAAS,UAAY,yCACrB,EACD,CACD,GAAI,YAEH,GACD,EAAA,EAAA,MAACA,EAAAA,OAAe,MAAA,CACd,WAAA,EAAA,EAAA,IACE,4CACA,oEACA,iCACA,+BACA,oBACA,wBACA,yBACA,eACA,uBACD,YAED,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAM,UAAU,SAAA,CAAW,EAC5B,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU,SAAY,CAAA,EACjB,CAAA,EACA,CAAA,CAAA,CACb,CAIlB,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAGlH,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,yCAA0C,EAAU,CAAE,GAAI,GAAS,CAGxH,SAAS,EAAW,CAAE,YAAW,GAAG,GAA4D,CAC9F,OAAO,EAAA,EAAA,KAACD,EAAAA,OAAe,MAAA,CAAM,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,0CAA2C,EAAU,CAAE,GAAI,GAAS,CAGzI,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAe,YAAA,CAAY,YAAU,oBAAoB,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAU,CAAE,GAAI,GAAS"}