@customafk/lunas-ui 0.0.60 → 0.0.61

package/dist/{card-BNMBjSC_.cjs.map → card-RJvu27Ck.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"card-BNMBjSC_.cjs","names":[],"sources":["../packages/components/ui/card.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils'\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card\" className={cn('bg-card text-text-positive shadow-card flex flex-col gap-6 rounded-2xl py-6', className)} {...props} />\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        '@container/card-header',\n        'grid auto-rows-min grid-rows-[auto_auto]',\n        'text-text-positive-strong items-start gap-1.5 px-6',\n        'has-data-[slot=card-action]:grid-cols-[1fr_auto]',\n        '[.border-b]:pb-6',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-title\" className={cn('leading-none font-semibold', className)} {...props} />\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-description\" className={cn('text-text-positive-weak text-sm', className)} {...props} />\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-action\" className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)} {...props} />\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-content\" className={cn('px-6 text-sm', className)} {...props} />\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-footer\" className={cn('flex items-center px-6 text-sm [.border-t]:pt-6', className)} {...props} />\n}\n\nexport { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle }\n"],"mappings":"yIAEA,SAAS,EAAK,CAAE,YAAW,GAAG,GAAsC,CAClE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,OAAO,WAAA,EAAA,EAAA,IAAc,8EAA+E,GAAY,GAAI,IAG5I,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,cACV,WAAA,EAAA,EAAA,IACE,yBACA,2CACA,qDACA,mDACA,mBACA,GAEF,GAAI,IAKV,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,6BAA8B,GAAY,GAAI,IAGjG,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAsC,CAC7E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,mBAAmB,WAAA,EAAA,EAAA,IAAc,kCAAmC,GAAY,GAAI,IAG5G,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,iEAAkE,GAAY,GAAI,IAGtI,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,eAAgB,GAAY,GAAI,IAGrF,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,kDAAmD,GAAY,GAAI"}
+{"version":3,"file":"card-RJvu27Ck.cjs","names":[],"sources":["../packages/components/ui/card.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils'\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card\" className={cn('bg-card text-text-positive shadow-card flex flex-col gap-6 rounded-2xl py-6', className)} {...props} />\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        '@container/card-header',\n        'grid auto-rows-min grid-rows-[auto_auto]',\n        'text-text-positive-strong items-start gap-1.5 px-6',\n        'has-data-[slot=card-action]:grid-cols-[1fr_auto]',\n        '[.border-b]:pb-6',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-title\" className={cn('leading-none font-semibold', className)} {...props} />\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-description\" className={cn('text-text-positive-weak text-sm', className)} {...props} />\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-action\" className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)} {...props} />\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-content\" className={cn('px-6 text-sm', className)} {...props} />\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-footer\" className={cn('flex items-center px-6 text-sm [.border-t]:pt-6', className)} {...props} />\n}\n\nexport { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle }\n"],"mappings":"yIAEA,SAAS,EAAK,CAAE,YAAW,GAAG,GAAsC,CAClE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,OAAO,WAAA,EAAA,EAAA,IAAc,8EAA+E,GAAY,GAAI,IAG5I,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,cACV,WAAA,EAAA,EAAA,IACE,yBACA,2CACA,qDACA,mDACA,mBACA,GAEF,GAAI,IAKV,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,6BAA8B,GAAY,GAAI,IAGjG,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAsC,CAC7E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,mBAAmB,WAAA,EAAA,EAAA,IAAc,kCAAmC,GAAY,GAAI,IAG5G,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,iEAAkE,GAAY,GAAI,IAGtI,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,eAAgB,GAAY,GAAI,IAGrF,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,kDAAmD,GAAY,GAAI"}

package/dist/cards/grid-product-card.cjs

@@ -0,0 +1,2 @@
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../button-119IIVCy.cjs`),n=require(`../card-RJvu27Ck.cjs`);require(`../skeleton-CmGSyYRm.cjs`);const r=require(`../image-Cm4vJeHx.cjs`),i=e.__toESM(require(`lucide-react`)),a=e.__toESM(require(`react/jsx-runtime`)),o=({name:e,thumbnail:o,price:s})=>(0,a.jsxs)(n.Card,{className:`h-36 w-full flex-row gap-4 p-2 pr-4`,children:[(0,a.jsx)(r.Image,{className:`aspect-square h-full flex-0`,src:o}),(0,a.jsxs)(`div`,{className:`flex flex-1 flex-col gap-y-1`,children:[(0,a.jsx)(`p`,{className:`text-text-positive line-clamp-2 h-10 text-sm font-semibold`,children:e}),(0,a.jsxs)(`p`,{className:`text-success text-base font-bold`,children:[s.toLocaleString(`vi-VN`),(0,a.jsx)(`small`,{className:`ml-0.5`,children:`VND`})]}),(0,a.jsxs)(`div`,{className:`mb-3 flex flex-1 items-end justify-end gap-x-1`,children:[(0,a.jsx)(t.Button,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:(0,a.jsx)(i.HeartIcon,{})}),(0,a.jsxs)(t.Button,{className:`max-w-52 max-sm:size-9 sm:flex-1`,children:[(0,a.jsx)(i.ShoppingCartIcon,{}),(0,a.jsx)(`p`,{className:`sr-only sm:not-sr-only`,children:`Thêm vào giỏ`})]})]})]})]});exports.GridProductCard=o;
+//# sourceMappingURL=grid-product-card.cjs.map

package/dist/cards/grid-product-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-product-card.cjs","names":["GridProductCard: React.FC<Props>","Card","Image","Button","HeartIcon","ShoppingCartIcon"],"sources":["../../packages/components/cards/grid-product-card.tsx"],"sourcesContent":["import { HeartIcon, ShoppingCartIcon } from 'lucide-react'\n\nimport { Button } from '../ui/button'\nimport { Card } from '../ui/card'\nimport { Image } from '../ui/image'\n\ntype Props = {\n  id: string\n  slug: string\n  name: string\n  thumbnail: string\n  price: number\n  salePrice?: number\n  salePercentage?: number\n}\nexport const GridProductCard: React.FC<Props> = ({ name, thumbnail, price }) => {\n  return (\n    <Card className=\"h-36 w-full flex-row gap-4 p-2 pr-4\">\n      <Image className=\"aspect-square h-full flex-0\" src={thumbnail} />\n      <div className=\"flex flex-1 flex-col gap-y-1\">\n        <p className=\"text-text-positive line-clamp-2 h-10 text-sm font-semibold\">{name}</p>\n        <p className=\"text-success text-base font-bold\">\n          {price.toLocaleString('vi-VN')}\n          <small className=\"ml-0.5\">VND</small>\n        </p>\n        <div className=\"mb-3 flex flex-1 items-end justify-end gap-x-1\">\n          <Button size=\"icon\" variant=\"outline\" color=\"muted\" className=\"size-9\">\n            <HeartIcon />\n          </Button>\n          <Button className=\"max-w-52 max-sm:size-9 sm:flex-1\">\n            <ShoppingCartIcon />\n            <p className=\"sr-only sm:not-sr-only\">Thêm vào giỏ</p>\n          </Button>\n        </div>\n      </div>\n    </Card>\n  )\n}\n"],"mappings":"2QAeaA,GAAoC,CAAE,OAAM,YAAW,YAEhE,EAAA,EAAA,MAACC,EAAAA,KAAAA,CAAK,UAAU,iDACd,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAM,UAAU,8BAA8B,IAAK,KACpD,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,0CACb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,sEAA8D,KAC3E,EAAA,EAAA,MAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,UACtB,EAAA,EAAA,KAAC,QAAA,CAAM,UAAU,kBAAS,YAE5B,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,4DACb,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,mBAC5D,EAAA,EAAA,KAACC,EAAAA,UAAAA,OAEH,EAAA,EAAA,MAACD,EAAAA,OAAAA,CAAO,UAAU,8CAChB,EAAA,EAAA,KAACE,EAAAA,iBAAAA,KACD,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,kCAAyB"}

package/dist/cards/grid-product-card.d.cts

@@ -0,0 +1,14 @@
+//#region packages/components/cards/grid-product-card.d.ts
+type Props = {
+  id: string;
+  slug: string;
+  name: string;
+  thumbnail: string;
+  price: number;
+  salePrice?: number;
+  salePercentage?: number;
+};
+declare const GridProductCard: React.FC<Props>;
+//#endregion
+export { GridProductCard };
+//# sourceMappingURL=grid-product-card.d.cts.map

package/dist/cards/grid-product-card.d.ts

@@ -0,0 +1,14 @@
+//#region packages/components/cards/grid-product-card.d.ts
+type Props = {
+  id: string;
+  slug: string;
+  name: string;
+  thumbnail: string;
+  price: number;
+  salePrice?: number;
+  salePercentage?: number;
+};
+declare const GridProductCard: React.FC<Props>;
+//#endregion
+export { GridProductCard };
+//# sourceMappingURL=grid-product-card.d.ts.map

package/dist/cards/grid-product-card.js

@@ -0,0 +1,2 @@
+import{Button as e}from"../button-CvQQTSka.js";import{Card as t}from"../card-BFYPY2aR.js";import"../skeleton-DFF0w4en.js";import{Image as n}from"../image-BdTzYp1S.js";import{HeartIcon as r,ShoppingCartIcon as i}from"lucide-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({name:s,thumbnail:c,price:l})=>o(t,{className:`h-36 w-full flex-row gap-4 p-2 pr-4`,children:[a(n,{className:`aspect-square h-full flex-0`,src:c}),o(`div`,{className:`flex flex-1 flex-col gap-y-1`,children:[a(`p`,{className:`text-text-positive line-clamp-2 h-10 text-sm font-semibold`,children:s}),o(`p`,{className:`text-success text-base font-bold`,children:[l.toLocaleString(`vi-VN`),a(`small`,{className:`ml-0.5`,children:`VND`})]}),o(`div`,{className:`mb-3 flex flex-1 items-end justify-end gap-x-1`,children:[a(e,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:a(r,{})}),o(e,{className:`max-w-52 max-sm:size-9 sm:flex-1`,children:[a(i,{}),a(`p`,{className:`sr-only sm:not-sr-only`,children:`Thêm vào giỏ`})]})]})]})]});export{s as GridProductCard};
+//# sourceMappingURL=grid-product-card.js.map

package/dist/cards/grid-product-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-product-card.js","names":["GridProductCard: React.FC<Props>","Image"],"sources":["../../packages/components/cards/grid-product-card.tsx"],"sourcesContent":["import { HeartIcon, ShoppingCartIcon } from 'lucide-react'\n\nimport { Button } from '../ui/button'\nimport { Card } from '../ui/card'\nimport { Image } from '../ui/image'\n\ntype Props = {\n  id: string\n  slug: string\n  name: string\n  thumbnail: string\n  price: number\n  salePrice?: number\n  salePercentage?: number\n}\nexport const GridProductCard: React.FC<Props> = ({ name, thumbnail, price }) => {\n  return (\n    <Card className=\"h-36 w-full flex-row gap-4 p-2 pr-4\">\n      <Image className=\"aspect-square h-full flex-0\" src={thumbnail} />\n      <div className=\"flex flex-1 flex-col gap-y-1\">\n        <p className=\"text-text-positive line-clamp-2 h-10 text-sm font-semibold\">{name}</p>\n        <p className=\"text-success text-base font-bold\">\n          {price.toLocaleString('vi-VN')}\n          <small className=\"ml-0.5\">VND</small>\n        </p>\n        <div className=\"mb-3 flex flex-1 items-end justify-end gap-x-1\">\n          <Button size=\"icon\" variant=\"outline\" color=\"muted\" className=\"size-9\">\n            <HeartIcon />\n          </Button>\n          <Button className=\"max-w-52 max-sm:size-9 sm:flex-1\">\n            <ShoppingCartIcon />\n            <p className=\"sr-only sm:not-sr-only\">Thêm vào giỏ</p>\n          </Button>\n        </div>\n      </div>\n    </Card>\n  )\n}\n"],"mappings":"wRAeA,MAAaA,GAAoC,CAAE,OAAM,YAAW,WAEhE,EAAC,EAAA,CAAK,UAAU,gDACd,EAACC,EAAAA,CAAM,UAAU,8BAA8B,IAAK,IACpD,EAAC,MAAA,CAAI,UAAU,yCACb,EAAC,IAAA,CAAE,UAAU,sEAA8D,IAC3E,EAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,SACtB,EAAC,QAAA,CAAM,UAAU,kBAAS,WAE5B,EAAC,MAAA,CAAI,UAAU,2DACb,EAAC,EAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,kBAC5D,EAAC,EAAA,MAEH,EAAC,EAAA,CAAO,UAAU,6CAChB,EAAC,EAAA,IACD,EAAC,IAAA,CAAE,UAAU,kCAAyB"}

package/dist/cards/product-card.cjs

@@ -0,0 +1,2 @@
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../button-119IIVCy.cjs`),n=require(`../card-RJvu27Ck.cjs`);require(`../skeleton-CmGSyYRm.cjs`);const r=require(`../image-Cm4vJeHx.cjs`),i=e.__toESM(require(`lucide-react`)),a=e.__toESM(require(`react/jsx-runtime`)),o=({name:e,thumbnail:o,price:s})=>(0,a.jsxs)(n.Card,{className:`size-full gap-y-2 p-2 pb-4`,children:[(0,a.jsx)(r.Image,{src:o,className:`aspect-square`}),(0,a.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,a.jsx)(`p`,{className:`line-clamp-2 h-10 text-sm font-semibold`,children:e}),(0,a.jsxs)(`p`,{className:`text-success text-base font-bold`,children:[s.toLocaleString(`vi-VN`),(0,a.jsx)(`small`,{className:`ml-0.5`,children:`VND`})]}),(0,a.jsxs)(`div`,{className:`mt-1 flex gap-x-1`,children:[(0,a.jsxs)(t.Button,{className:`flex-1`,children:[(0,a.jsx)(i.ShoppingCartIcon,{}),`Thêm vào giỏ`]}),(0,a.jsx)(t.Button,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:(0,a.jsx)(i.HeartIcon,{})})]})]})]});exports.ProductCard=o;
+//# sourceMappingURL=product-card.cjs.map

package/dist/cards/product-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card.cjs","names":["ProductCard: React.FC<Props>","Card","Image","Button","ShoppingCartIcon","HeartIcon"],"sources":["../../packages/components/cards/product-card.tsx"],"sourcesContent":["import { HeartIcon, ShoppingCartIcon } from 'lucide-react'\n\nimport { Button } from '../ui/button'\nimport { Card } from '../ui/card'\nimport { Image } from '../ui/image'\n\ntype Props = {\n  id: string\n  slug: string\n  name: string\n  thumbnail: string\n  price: number\n  salePrice?: number\n  salePercentage?: number\n}\nexport const ProductCard: React.FC<Props> = ({ name, thumbnail, price }) => {\n  return (\n    <Card className=\"size-full gap-y-2 p-2 pb-4\">\n      <Image src={thumbnail} className=\"aspect-square\" />\n      <div className=\"flex flex-col gap-y-1\">\n        <p className=\"line-clamp-2 h-10 text-sm font-semibold\">{name}</p>\n        <p className=\"text-success text-base font-bold\">\n          {price.toLocaleString('vi-VN')}\n          <small className=\"ml-0.5\">VND</small>\n        </p>\n        <div className=\"mt-1 flex gap-x-1\">\n          <Button className=\"flex-1\">\n            <ShoppingCartIcon />\n            Thêm vào giỏ\n          </Button>\n          <Button size=\"icon\" variant=\"outline\" color=\"muted\" className=\"size-9\">\n            <HeartIcon />\n          </Button>\n        </div>\n      </div>\n    </Card>\n  )\n}\n"],"mappings":"2QAeaA,GAAgC,CAAE,OAAM,YAAW,YAE5D,EAAA,EAAA,MAACC,EAAAA,KAAAA,CAAK,UAAU,wCACd,EAAA,EAAA,KAACC,EAAAA,MAAAA,CAAM,IAAK,EAAW,UAAU,mBACjC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,mCACb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,mDAA2C,KACxD,EAAA,EAAA,MAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,UACtB,EAAA,EAAA,KAAC,QAAA,CAAM,UAAU,kBAAS,YAE5B,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,+BACb,EAAA,EAAA,MAACC,EAAAA,OAAAA,CAAO,UAAU,oBAChB,EAAA,EAAA,KAACC,EAAAA,iBAAAA,IAAmB,mBAGtB,EAAA,EAAA,KAACD,EAAAA,OAAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,mBAC5D,EAAA,EAAA,KAACE,EAAAA,UAAAA"}

package/dist/cards/product-card.d.cts

@@ -0,0 +1,14 @@
+//#region packages/components/cards/product-card.d.ts
+type Props = {
+  id: string;
+  slug: string;
+  name: string;
+  thumbnail: string;
+  price: number;
+  salePrice?: number;
+  salePercentage?: number;
+};
+declare const ProductCard: React.FC<Props>;
+//#endregion
+export { ProductCard };
+//# sourceMappingURL=product-card.d.cts.map

package/dist/cards/product-card.d.ts

@@ -0,0 +1,14 @@
+//#region packages/components/cards/product-card.d.ts
+type Props = {
+  id: string;
+  slug: string;
+  name: string;
+  thumbnail: string;
+  price: number;
+  salePrice?: number;
+  salePercentage?: number;
+};
+declare const ProductCard: React.FC<Props>;
+//#endregion
+export { ProductCard };
+//# sourceMappingURL=product-card.d.ts.map

package/dist/cards/product-card.js

@@ -0,0 +1,2 @@
+import{Button as e}from"../button-CvQQTSka.js";import{Card as t}from"../card-BFYPY2aR.js";import"../skeleton-DFF0w4en.js";import{Image as n}from"../image-BdTzYp1S.js";import{HeartIcon as r,ShoppingCartIcon as i}from"lucide-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({name:s,thumbnail:c,price:l})=>o(t,{className:`size-full gap-y-2 p-2 pb-4`,children:[a(n,{src:c,className:`aspect-square`}),o(`div`,{className:`flex flex-col gap-y-1`,children:[a(`p`,{className:`line-clamp-2 h-10 text-sm font-semibold`,children:s}),o(`p`,{className:`text-success text-base font-bold`,children:[l.toLocaleString(`vi-VN`),a(`small`,{className:`ml-0.5`,children:`VND`})]}),o(`div`,{className:`mt-1 flex gap-x-1`,children:[o(e,{className:`flex-1`,children:[a(i,{}),`Thêm vào giỏ`]}),a(e,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:a(r,{})})]})]})]});export{s as ProductCard};
+//# sourceMappingURL=product-card.js.map

package/dist/cards/product-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card.js","names":["ProductCard: React.FC<Props>","Image"],"sources":["../../packages/components/cards/product-card.tsx"],"sourcesContent":["import { HeartIcon, ShoppingCartIcon } from 'lucide-react'\n\nimport { Button } from '../ui/button'\nimport { Card } from '../ui/card'\nimport { Image } from '../ui/image'\n\ntype Props = {\n  id: string\n  slug: string\n  name: string\n  thumbnail: string\n  price: number\n  salePrice?: number\n  salePercentage?: number\n}\nexport const ProductCard: React.FC<Props> = ({ name, thumbnail, price }) => {\n  return (\n    <Card className=\"size-full gap-y-2 p-2 pb-4\">\n      <Image src={thumbnail} className=\"aspect-square\" />\n      <div className=\"flex flex-col gap-y-1\">\n        <p className=\"line-clamp-2 h-10 text-sm font-semibold\">{name}</p>\n        <p className=\"text-success text-base font-bold\">\n          {price.toLocaleString('vi-VN')}\n          <small className=\"ml-0.5\">VND</small>\n        </p>\n        <div className=\"mt-1 flex gap-x-1\">\n          <Button className=\"flex-1\">\n            <ShoppingCartIcon />\n            Thêm vào giỏ\n          </Button>\n          <Button size=\"icon\" variant=\"outline\" color=\"muted\" className=\"size-9\">\n            <HeartIcon />\n          </Button>\n        </div>\n      </div>\n    </Card>\n  )\n}\n"],"mappings":"wRAeA,MAAaA,GAAgC,CAAE,OAAM,YAAW,WAE5D,EAAC,EAAA,CAAK,UAAU,uCACd,EAACC,EAAAA,CAAM,IAAK,EAAW,UAAU,kBACjC,EAAC,MAAA,CAAI,UAAU,kCACb,EAAC,IAAA,CAAE,UAAU,mDAA2C,IACxD,EAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,SACtB,EAAC,QAAA,CAAM,UAAU,kBAAS,WAE5B,EAAC,MAAA,CAAI,UAAU,8BACb,EAAC,EAAA,CAAO,UAAU,mBAChB,EAAC,EAAA,IAAmB,kBAGtB,EAAC,EAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,kBAC5D,EAAC,EAAA"}

package/dist/cards/simple-card.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../card-BNMBjSC_.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=({title:e,description:r,action:i,footer:a,children:o})=>(0,n.jsxs)(t.Card,{children:[(0,n.jsxs)(t.CardHeader,{children:[(0,n.jsx)(t.CardTitle,{children:e}),(0,n.jsx)(t.CardDescription,{children:r}),i&&(0,n.jsx)(t.CardAction,{children:i})]}),(0,n.jsx)(t.CardContent,{children:o}),a&&(0,n.jsx)(t.CardFooter,{children:a})]});exports.SimpleCard=r;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../card-RJvu27Ck.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=({title:e,description:r,action:i,footer:a,children:o})=>(0,n.jsxs)(t.Card,{children:[(0,n.jsxs)(t.CardHeader,{children:[(0,n.jsx)(t.CardTitle,{children:e}),(0,n.jsx)(t.CardDescription,{children:r}),i&&(0,n.jsx)(t.CardAction,{children:i})]}),(0,n.jsx)(t.CardContent,{children:o}),a&&(0,n.jsx)(t.CardFooter,{children:a})]});exports.SimpleCard=r;
 //# sourceMappingURL=simple-card.cjs.map

package/dist/cards/simple-card.js

@@ -1,2 +1,2 @@
-"use client";import{Card as e,CardAction as t,CardContent as n,CardDescription as r,CardFooter as i,CardHeader as a,CardTitle as o}from"../card-jtQVsG4Y.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=({title:l,description:u,action:d,footer:f,children:p})=>c(e,{children:[c(a,{children:[s(o,{children:l}),s(r,{children:u}),d&&s(t,{children:d})]}),s(n,{children:p}),f&&s(i,{children:f})]});export{l as SimpleCard};
+"use client";import{Card as e,CardAction as t,CardContent as n,CardDescription as r,CardFooter as i,CardHeader as a,CardTitle as o}from"../card-BFYPY2aR.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=({title:l,description:u,action:d,footer:f,children:p})=>c(e,{children:[c(a,{children:[s(o,{children:l}),s(r,{children:u}),d&&s(t,{children:d})]}),s(n,{children:p}),f&&s(i,{children:f})]});export{l as SimpleCard};
 //# sourceMappingURL=simple-card.js.map

package/dist/{command-C6YVs0fB.d.ts → command-C3v9zAXg.d.ts}

@@ -1,12 +1,12 @@
-import { Dialog } from "./dialog-Dra_FGdL.js";
-import * as react_jsx_runtime61 from "react/jsx-runtime";
+import { Dialog } from "./dialog-B10MbJD8.js";
+import * as react_jsx_runtime84 from "react/jsx-runtime";
 import { Command } from "cmdk";
 
 //#region packages/components/ui/command.d.ts
 declare function Command$1({
   className,
   ...props
-}: React.ComponentProps<typeof Command>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof Command>): react_jsx_runtime84.JSX.Element;
 declare function CommandDialog({
   title,
   description,
@@ -19,34 +19,34 @@ declare function CommandDialog({
   description?: string;
   className?: string;
   showCloseButton?: boolean;
-}): react_jsx_runtime61.JSX.Element;
+}): react_jsx_runtime84.JSX.Element;
 declare function CommandInput({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime84.JSX.Element;
 declare function CommandList({
   className,
   ...props
-}: React.ComponentProps<typeof Command.List>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof Command.List>): react_jsx_runtime84.JSX.Element;
 declare function CommandEmpty({
   ...props
-}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime84.JSX.Element;
 declare function CommandGroup({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime84.JSX.Element;
 declare function CommandSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime84.JSX.Element;
 declare function CommandItem({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime84.JSX.Element;
 declare function CommandShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime84.JSX.Element;
 //#endregion
 export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
-//# sourceMappingURL=command-C6YVs0fB.d.ts.map
+//# sourceMappingURL=command-C3v9zAXg.d.ts.map

package/dist/{command-D5rQByNQ.cjs → command-COUM-XfY.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./dialog-E5OYibMU.cjs`),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`lucide-react`)),a=e.__toESM(require(`cmdk`));function o({className:e,...t}){return(0,r.jsx)(a.Command,{"data-slot":`command`,className:(0,n.cn)(`bg-popover text-text-positive border-border-weak flex size-full flex-col overflow-hidden rounded-md`,e),...t})}function s({title:e=`Command Palette`,description:i=`Search for a command to run...`,children:a,className:s,showCloseButton:c=!0,...l}){return(0,r.jsxs)(t.Dialog,{...l,children:[(0,r.jsxs)(t.DialogHeader,{className:`sr-only`,children:[(0,r.jsx)(t.DialogTitle,{children:e}),(0,r.jsx)(t.DialogDescription,{children:i})]}),(0,r.jsx)(t.DialogContent,{className:(0,n.cn)(`overflow-hidden p-0`,s),showCloseButton:c,children:(0,r.jsx)(o,{className:(0,n.cn)(`[&_[cmdk-group-heading]]:text-text-positive-muted`,`**:data-[slot=command-input-wrapper]:h-12`,`[&_[cmdk-group-heading]]:px-2`,`[&_[cmdk-group-heading]]:font-medium`,`[&_[cmdk-group]]:px-2`,`[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0`,`[&_[cmdk-input-wrapper]_svg]:size-5`,`[&_[cmdk-input]]:h-12`,`[&_[cmdk-item]]:px-2`,`[&_[cmdk-item]]:py-3`,`[&_[cmdk-item]_svg]:size-5`),children:a})})]})}function c({className:e,...t}){return(0,r.jsxs)(`div`,{"data-slot":`command-input-wrapper`,className:`border-border-weak flex h-9 items-center gap-2 border-b px-3`,children:[(0,r.jsx)(i.SearchIcon,{className:`size-4 shrink-0 opacity-50`}),(0,r.jsx)(a.Command.Input,{"data-slot":`command-input`,className:(0,n.cn)(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-text-positive-muted`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,e),...t})]})}function l({className:e,...t}){return(0,r.jsx)(a.Command.List,{"data-slot":`command-list`,className:(0,n.cn)(`max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto`,e),...t})}function u({...e}){return(0,r.jsx)(a.Command.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function d({className:e,...t}){return(0,r.jsx)(a.Command.Group,{"data-slot":`command-group`,className:(0,n.cn)(`text-text-positive`,`overflow-hidden p-1`,`[&_[cmdk-group-heading]]:text-text-positive-weak`,`[&_[cmdk-group-heading]]:px-2`,`[&_[cmdk-group-heading]]:py-1.5`,`[&_[cmdk-group-heading]]:text-xs`,`[&_[cmdk-group-heading]]:font-medium`,e),...t})}function f({className:e,...t}){return(0,r.jsx)(a.Command.Separator,{"data-slot":`command-separator`,className:(0,n.cn)(`bg-border-weak -mx-1 h-px`,e),...t})}function p({className:e,...t}){return(0,r.jsx)(a.Command.Item,{"data-slot":`command-item`,className:(0,n.cn)(`relative flex cursor-pointer items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300 select-none`,`active:ring-border`,`active:opacity-60`,`active:ring-4`,`data-[selected=true]:bg-muted-muted`,`data-[selected=true]:text-text-positive-strong`,`data-[disabled=true]:opacity-50`,`data-[disabled=true]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-muted`,e),...t})}function m({className:e,...t}){return(0,r.jsx)(`span`,{"data-slot":`command-shortcut`,className:(0,n.cn)(`text-text-positive-muted ml-auto text-xs tracking-widest`,e),...t})}Object.defineProperty(exports,`Command`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`CommandDialog`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`CommandEmpty`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`CommandGroup`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`CommandInput`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`CommandItem`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`CommandList`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`CommandSeparator`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`CommandShortcut`,{enumerable:!0,get:function(){return m}});
-//# sourceMappingURL=command-D5rQByNQ.cjs.map
+const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./dialog-CGrbU7PO.cjs`),n=e.__toESM(require(`lucide-react`)),r=e.__toESM(require(`@customafk/react-toolkit/utils`)),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`cmdk`));function o({className:e,...t}){return(0,i.jsx)(a.Command,{"data-slot":`command`,className:(0,r.cn)(`bg-popover text-text-positive border-border-weak flex size-full flex-col overflow-hidden rounded-md`,e),...t})}function s({title:e=`Command Palette`,description:n=`Search for a command to run...`,children:a,className:s,showCloseButton:c=!0,...l}){return(0,i.jsxs)(t.Dialog,{...l,children:[(0,i.jsxs)(t.DialogHeader,{className:`sr-only`,children:[(0,i.jsx)(t.DialogTitle,{children:e}),(0,i.jsx)(t.DialogDescription,{children:n})]}),(0,i.jsx)(t.DialogContent,{className:(0,r.cn)(`overflow-hidden p-0`,s),showCloseButton:c,children:(0,i.jsx)(o,{className:(0,r.cn)(`[&_[cmdk-group-heading]]:text-text-positive-muted`,`**:data-[slot=command-input-wrapper]:h-12`,`[&_[cmdk-group-heading]]:px-2`,`[&_[cmdk-group-heading]]:font-medium`,`[&_[cmdk-group]]:px-2`,`[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0`,`[&_[cmdk-input-wrapper]_svg]:size-5`,`[&_[cmdk-input]]:h-12`,`[&_[cmdk-item]]:px-2`,`[&_[cmdk-item]]:py-3`,`[&_[cmdk-item]_svg]:size-5`),children:a})})]})}function c({className:e,...t}){return(0,i.jsxs)(`div`,{"data-slot":`command-input-wrapper`,className:`border-border-weak flex h-9 items-center gap-2 border-b px-3`,children:[(0,i.jsx)(n.SearchIcon,{className:`size-4 shrink-0 opacity-50`}),(0,i.jsx)(a.Command.Input,{"data-slot":`command-input`,className:(0,r.cn)(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-text-positive-muted`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,e),...t})]})}function l({className:e,...t}){return(0,i.jsx)(a.Command.List,{"data-slot":`command-list`,className:(0,r.cn)(`max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto`,e),...t})}function u({...e}){return(0,i.jsx)(a.Command.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function d({className:e,...t}){return(0,i.jsx)(a.Command.Group,{"data-slot":`command-group`,className:(0,r.cn)(`text-text-positive`,`overflow-hidden p-1`,`[&_[cmdk-group-heading]]:text-text-positive-weak`,`[&_[cmdk-group-heading]]:px-2`,`[&_[cmdk-group-heading]]:py-1.5`,`[&_[cmdk-group-heading]]:text-xs`,`[&_[cmdk-group-heading]]:font-medium`,e),...t})}function f({className:e,...t}){return(0,i.jsx)(a.Command.Separator,{"data-slot":`command-separator`,className:(0,r.cn)(`bg-border-weak -mx-1 h-px`,e),...t})}function p({className:e,...t}){return(0,i.jsx)(a.Command.Item,{"data-slot":`command-item`,className:(0,r.cn)(`relative flex cursor-pointer items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300 select-none`,`active:ring-border`,`active:opacity-60`,`active:ring-4`,`data-[selected=true]:bg-muted-muted`,`data-[selected=true]:text-text-positive-strong`,`data-[disabled=true]:opacity-50`,`data-[disabled=true]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-muted`,e),...t})}function m({className:e,...t}){return(0,i.jsx)(`span`,{"data-slot":`command-shortcut`,className:(0,r.cn)(`text-text-positive-muted ml-auto text-xs tracking-widest`,e),...t})}Object.defineProperty(exports,`Command`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`CommandDialog`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`CommandEmpty`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`CommandGroup`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`CommandInput`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`CommandItem`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`CommandList`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`CommandSeparator`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`CommandShortcut`,{enumerable:!0,get:function(){return m}});
+//# sourceMappingURL=command-COUM-XfY.cjs.map

package/dist/{command-D5rQByNQ.cjs.map → command-COUM-XfY.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"command-D5rQByNQ.cjs","names":["CommandPrimitive","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","SearchIcon"],"sources":["../packages/components/ui/command.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { SearchIcon } from 'lucide-react'\n\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'\n\nimport { Command as CommandPrimitive } from 'cmdk'\n\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn('bg-popover text-text-positive border-border-weak flex size-full flex-col overflow-hidden rounded-md', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className={cn('overflow-hidden p-0', className)} showCloseButton={showCloseButton}>\n        <Command\n          className={cn(\n            '[&_[cmdk-group-heading]]:text-text-positive-muted',\n            '**:data-[slot=command-input-wrapper]:h-12',\n            '[&_[cmdk-group-heading]]:px-2',\n            '[&_[cmdk-group-heading]]:font-medium',\n            '[&_[cmdk-group]]:px-2',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0',\n            '[&_[cmdk-input-wrapper]_svg]:size-5',\n            '[&_[cmdk-input]]:h-12',\n            '[&_[cmdk-item]]:px-2',\n            '[&_[cmdk-item]]:py-3',\n            '[&_[cmdk-item]_svg]:size-5',\n          )}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"border-border-weak flex h-9 items-center gap-2 border-b px-3\">\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden',\n          'placeholder:text-text-positive-muted',\n          'disabled:cursor-not-allowed',\n          'disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return <CommandPrimitive.List data-slot=\"command-list\" className={cn('max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto', className)} {...props} />\n}\n\nfunction CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return <CommandPrimitive.Empty data-slot=\"command-empty\" className=\"py-6 text-center text-sm\" {...props} />\n}\n\nfunction CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-text-positive',\n        'overflow-hidden p-1',\n        '[&_[cmdk-group-heading]]:text-text-positive-weak',\n        '[&_[cmdk-group-heading]]:px-2',\n        '[&_[cmdk-group-heading]]:py-1.5',\n        '[&_[cmdk-group-heading]]:text-xs',\n        '[&_[cmdk-group-heading]]:font-medium',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return <CommandPrimitive.Separator data-slot=\"command-separator\" className={cn('bg-border-weak -mx-1 h-px', className)} {...props} />\n}\n\nfunction CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'relative flex cursor-pointer items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300 select-none',\n        'active:ring-border',\n        'active:opacity-60',\n        'active:ring-4',\n        'data-[selected=true]:bg-muted-muted',\n        'data-[selected=true]:text-text-positive-strong',\n        'data-[disabled=true]:opacity-50',\n        'data-[disabled=true]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-muted\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"command-shortcut\" className={cn('text-text-positive-muted ml-auto text-xs tracking-widest', className)} {...props} />\n}\n\nexport { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut }\n"],"mappings":"8OASA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAAA,EAAA,KAACA,EAAAA,QAAAA,CACC,YAAU,UACV,WAAA,EAAA,EAAA,IAAc,sGAAuG,GACrH,GAAI,IAKV,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAA,EAAA,MAACC,EAAAA,OAAAA,CAAO,GAAI,aACV,EAAA,EAAA,MAACC,EAAAA,aAAAA,CAAa,UAAU,qBACtB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,SAAa,KACd,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAAA,SAAmB,QAEtB,EAAA,EAAA,KAACC,EAAAA,cAAAA,CAAc,WAAA,EAAA,EAAA,IAAc,sBAAuB,GAA6B,4BAC/E,EAAA,EAAA,KAAC,EAAA,CACC,WAAA,EAAA,EAAA,IACE,oDACA,4CACA,gCACA,uCACA,wBACA,oDACA,sCACA,wBACA,uBACA,uBACA,8BAGD,kBAOX,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,MAAC,MAAA,CAAI,YAAU,wBAAwB,UAAU,0EAC/C,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,UAAU,gCACtB,EAAA,EAAA,KAACN,EAAAA,QAAiB,MAAA,CAChB,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,yEACA,uCACA,8BACA,sBACA,GAEF,GAAI,OAMZ,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAAK,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,yDAA0D,GAAY,GAAI,IAGjJ,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,MAAA,CAAM,YAAU,gBAAgB,UAAU,2BAA2B,GAAI,IAGpG,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,MAAA,CAChB,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,qBACA,sBACA,mDACA,gCACA,kCACA,mCACA,uCACA,GAEF,GAAI,IAKV,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,UAAA,CAAU,YAAU,oBAAoB,WAAA,EAAA,EAAA,IAAc,4BAA6B,GAAY,GAAI,IAG9H,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAChB,YAAU,eACV,WAAA,EAAA,EAAA,IACE,kIACA,qBACA,oBACA,gBACA,sCACA,iDACA,kCACA,2CACA,mBACA,8BACA,uCACA,yDACA,GAEF,GAAI,IAKV,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OAAO,EAAA,EAAA,KAAC,OAAA,CAAK,YAAU,mBAAmB,WAAA,EAAA,EAAA,IAAc,2DAA4D,GAAY,GAAI"}
+{"version":3,"file":"command-COUM-XfY.cjs","names":["CommandPrimitive","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","SearchIcon"],"sources":["../packages/components/ui/command.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { SearchIcon } from 'lucide-react'\n\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'\n\nimport { Command as CommandPrimitive } from 'cmdk'\n\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn('bg-popover text-text-positive border-border-weak flex size-full flex-col overflow-hidden rounded-md', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className={cn('overflow-hidden p-0', className)} showCloseButton={showCloseButton}>\n        <Command\n          className={cn(\n            '[&_[cmdk-group-heading]]:text-text-positive-muted',\n            '**:data-[slot=command-input-wrapper]:h-12',\n            '[&_[cmdk-group-heading]]:px-2',\n            '[&_[cmdk-group-heading]]:font-medium',\n            '[&_[cmdk-group]]:px-2',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0',\n            '[&_[cmdk-input-wrapper]_svg]:size-5',\n            '[&_[cmdk-input]]:h-12',\n            '[&_[cmdk-item]]:px-2',\n            '[&_[cmdk-item]]:py-3',\n            '[&_[cmdk-item]_svg]:size-5',\n          )}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"border-border-weak flex h-9 items-center gap-2 border-b px-3\">\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden',\n          'placeholder:text-text-positive-muted',\n          'disabled:cursor-not-allowed',\n          'disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return <CommandPrimitive.List data-slot=\"command-list\" className={cn('max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto', className)} {...props} />\n}\n\nfunction CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return <CommandPrimitive.Empty data-slot=\"command-empty\" className=\"py-6 text-center text-sm\" {...props} />\n}\n\nfunction CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-text-positive',\n        'overflow-hidden p-1',\n        '[&_[cmdk-group-heading]]:text-text-positive-weak',\n        '[&_[cmdk-group-heading]]:px-2',\n        '[&_[cmdk-group-heading]]:py-1.5',\n        '[&_[cmdk-group-heading]]:text-xs',\n        '[&_[cmdk-group-heading]]:font-medium',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return <CommandPrimitive.Separator data-slot=\"command-separator\" className={cn('bg-border-weak -mx-1 h-px', className)} {...props} />\n}\n\nfunction CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'relative flex cursor-pointer items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300 select-none',\n        'active:ring-border',\n        'active:opacity-60',\n        'active:ring-4',\n        'data-[selected=true]:bg-muted-muted',\n        'data-[selected=true]:text-text-positive-strong',\n        'data-[disabled=true]:opacity-50',\n        'data-[disabled=true]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-muted\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"command-shortcut\" className={cn('text-text-positive-muted ml-auto text-xs tracking-widest', className)} {...props} />\n}\n\nexport { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut }\n"],"mappings":"8OASA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAAA,EAAA,KAACA,EAAAA,QAAAA,CACC,YAAU,UACV,WAAA,EAAA,EAAA,IAAc,sGAAuG,GACrH,GAAI,IAKV,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAA,EAAA,MAACC,EAAAA,OAAAA,CAAO,GAAI,aACV,EAAA,EAAA,MAACC,EAAAA,aAAAA,CAAa,UAAU,qBACtB,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAAA,SAAa,KACd,EAAA,EAAA,KAACC,EAAAA,kBAAAA,CAAAA,SAAmB,QAEtB,EAAA,EAAA,KAACC,EAAAA,cAAAA,CAAc,WAAA,EAAA,EAAA,IAAc,sBAAuB,GAA6B,4BAC/E,EAAA,EAAA,KAAC,EAAA,CACC,WAAA,EAAA,EAAA,IACE,oDACA,4CACA,gCACA,uCACA,wBACA,oDACA,sCACA,wBACA,uBACA,uBACA,8BAGD,kBAOX,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,MAAC,MAAA,CAAI,YAAU,wBAAwB,UAAU,0EAC/C,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,UAAU,gCACtB,EAAA,EAAA,KAACN,EAAAA,QAAiB,MAAA,CAChB,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,yEACA,uCACA,8BACA,sBACA,GAEF,GAAI,OAMZ,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAAK,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,yDAA0D,GAAY,GAAI,IAGjJ,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,MAAA,CAAM,YAAU,gBAAgB,UAAU,2BAA2B,GAAI,IAGpG,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,MAAA,CAChB,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,qBACA,sBACA,mDACA,gCACA,kCACA,mCACA,uCACA,GAEF,GAAI,IAKV,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,UAAA,CAAU,YAAU,oBAAoB,WAAA,EAAA,EAAA,IAAc,4BAA6B,GAAY,GAAI,IAG9H,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAChB,YAAU,eACV,WAAA,EAAA,EAAA,IACE,kIACA,qBACA,oBACA,gBACA,sCACA,iDACA,kCACA,2CACA,mBACA,8BACA,uCACA,yDACA,GAEF,GAAI,IAKV,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OAAO,EAAA,EAAA,KAAC,OAAA,CAAK,YAAU,mBAAmB,WAAA,EAAA,EAAA,IAAc,2DAA4D,GAAY,GAAI"}

package/dist/{command-B3A4F1pB.js → command-DNfCX3KZ.js}

@@ -1,2 +1,2 @@
-import{Dialog as e,DialogContent as t,DialogDescription as n,DialogHeader as r,DialogTitle as i}from"./dialog-BEJ3krbY.js";import{cn as a}from"@customafk/react-toolkit/utils";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{SearchIcon as c}from"lucide-react";import{Command as l}from"cmdk";function u({className:e,...t}){return o(l,{"data-slot":`command`,className:a(`bg-popover text-text-positive border-border-weak flex size-full flex-col overflow-hidden rounded-md`,e),...t})}function d({title:c=`Command Palette`,description:l=`Search for a command to run...`,children:d,className:f,showCloseButton:p=!0,...m}){return s(e,{...m,children:[s(r,{className:`sr-only`,children:[o(i,{children:c}),o(n,{children:l})]}),o(t,{className:a(`overflow-hidden p-0`,f),showCloseButton:p,children:o(u,{className:a(`[&_[cmdk-group-heading]]:text-text-positive-muted`,`**:data-[slot=command-input-wrapper]:h-12`,`[&_[cmdk-group-heading]]:px-2`,`[&_[cmdk-group-heading]]:font-medium`,`[&_[cmdk-group]]:px-2`,`[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0`,`[&_[cmdk-input-wrapper]_svg]:size-5`,`[&_[cmdk-input]]:h-12`,`[&_[cmdk-item]]:px-2`,`[&_[cmdk-item]]:py-3`,`[&_[cmdk-item]_svg]:size-5`),children:d})})]})}function f({className:e,...t}){return s(`div`,{"data-slot":`command-input-wrapper`,className:`border-border-weak flex h-9 items-center gap-2 border-b px-3`,children:[o(c,{className:`size-4 shrink-0 opacity-50`}),o(l.Input,{"data-slot":`command-input`,className:a(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-text-positive-muted`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,e),...t})]})}function p({className:e,...t}){return o(l.List,{"data-slot":`command-list`,className:a(`max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto`,e),...t})}function m({...e}){return o(l.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function h({className:e,...t}){return o(l.Group,{"data-slot":`command-group`,className:a(`text-text-positive`,`overflow-hidden p-1`,`[&_[cmdk-group-heading]]:text-text-positive-weak`,`[&_[cmdk-group-heading]]:px-2`,`[&_[cmdk-group-heading]]:py-1.5`,`[&_[cmdk-group-heading]]:text-xs`,`[&_[cmdk-group-heading]]:font-medium`,e),...t})}function g({className:e,...t}){return o(l.Separator,{"data-slot":`command-separator`,className:a(`bg-border-weak -mx-1 h-px`,e),...t})}function _({className:e,...t}){return o(l.Item,{"data-slot":`command-item`,className:a(`relative flex cursor-pointer items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300 select-none`,`active:ring-border`,`active:opacity-60`,`active:ring-4`,`data-[selected=true]:bg-muted-muted`,`data-[selected=true]:text-text-positive-strong`,`data-[disabled=true]:opacity-50`,`data-[disabled=true]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-muted`,e),...t})}function v({className:e,...t}){return o(`span`,{"data-slot":`command-shortcut`,className:a(`text-text-positive-muted ml-auto text-xs tracking-widest`,e),...t})}export{u as Command,d as CommandDialog,m as CommandEmpty,h as CommandGroup,f as CommandInput,_ as CommandItem,p as CommandList,g as CommandSeparator,v as CommandShortcut};
-//# sourceMappingURL=command-B3A4F1pB.js.map
+import{Dialog as e,DialogContent as t,DialogDescription as n,DialogHeader as r,DialogTitle as i}from"./dialog-DbI18XF9.js";import{SearchIcon as a}from"lucide-react";import{cn as o}from"@customafk/react-toolkit/utils";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{Command as l}from"cmdk";function u({className:e,...t}){return s(l,{"data-slot":`command`,className:o(`bg-popover text-text-positive border-border-weak flex size-full flex-col overflow-hidden rounded-md`,e),...t})}function d({title:a=`Command Palette`,description:l=`Search for a command to run...`,children:d,className:f,showCloseButton:p=!0,...m}){return c(e,{...m,children:[c(r,{className:`sr-only`,children:[s(i,{children:a}),s(n,{children:l})]}),s(t,{className:o(`overflow-hidden p-0`,f),showCloseButton:p,children:s(u,{className:o(`[&_[cmdk-group-heading]]:text-text-positive-muted`,`**:data-[slot=command-input-wrapper]:h-12`,`[&_[cmdk-group-heading]]:px-2`,`[&_[cmdk-group-heading]]:font-medium`,`[&_[cmdk-group]]:px-2`,`[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0`,`[&_[cmdk-input-wrapper]_svg]:size-5`,`[&_[cmdk-input]]:h-12`,`[&_[cmdk-item]]:px-2`,`[&_[cmdk-item]]:py-3`,`[&_[cmdk-item]_svg]:size-5`),children:d})})]})}function f({className:e,...t}){return c(`div`,{"data-slot":`command-input-wrapper`,className:`border-border-weak flex h-9 items-center gap-2 border-b px-3`,children:[s(a,{className:`size-4 shrink-0 opacity-50`}),s(l.Input,{"data-slot":`command-input`,className:o(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-text-positive-muted`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,e),...t})]})}function p({className:e,...t}){return s(l.List,{"data-slot":`command-list`,className:o(`max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto`,e),...t})}function m({...e}){return s(l.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function h({className:e,...t}){return s(l.Group,{"data-slot":`command-group`,className:o(`text-text-positive`,`overflow-hidden p-1`,`[&_[cmdk-group-heading]]:text-text-positive-weak`,`[&_[cmdk-group-heading]]:px-2`,`[&_[cmdk-group-heading]]:py-1.5`,`[&_[cmdk-group-heading]]:text-xs`,`[&_[cmdk-group-heading]]:font-medium`,e),...t})}function g({className:e,...t}){return s(l.Separator,{"data-slot":`command-separator`,className:o(`bg-border-weak -mx-1 h-px`,e),...t})}function _({className:e,...t}){return s(l.Item,{"data-slot":`command-item`,className:o(`relative flex cursor-pointer items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300 select-none`,`active:ring-border`,`active:opacity-60`,`active:ring-4`,`data-[selected=true]:bg-muted-muted`,`data-[selected=true]:text-text-positive-strong`,`data-[disabled=true]:opacity-50`,`data-[disabled=true]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-muted`,e),...t})}function v({className:e,...t}){return s(`span`,{"data-slot":`command-shortcut`,className:o(`text-text-positive-muted ml-auto text-xs tracking-widest`,e),...t})}export{u as Command,d as CommandDialog,m as CommandEmpty,h as CommandGroup,f as CommandInput,_ as CommandItem,p as CommandList,g as CommandSeparator,v as CommandShortcut};
+//# sourceMappingURL=command-DNfCX3KZ.js.map

package/dist/{command-B3A4F1pB.js.map → command-DNfCX3KZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"command-B3A4F1pB.js","names":["Command","CommandPrimitive"],"sources":["../packages/components/ui/command.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { SearchIcon } from 'lucide-react'\n\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'\n\nimport { Command as CommandPrimitive } from 'cmdk'\n\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn('bg-popover text-text-positive border-border-weak flex size-full flex-col overflow-hidden rounded-md', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className={cn('overflow-hidden p-0', className)} showCloseButton={showCloseButton}>\n        <Command\n          className={cn(\n            '[&_[cmdk-group-heading]]:text-text-positive-muted',\n            '**:data-[slot=command-input-wrapper]:h-12',\n            '[&_[cmdk-group-heading]]:px-2',\n            '[&_[cmdk-group-heading]]:font-medium',\n            '[&_[cmdk-group]]:px-2',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0',\n            '[&_[cmdk-input-wrapper]_svg]:size-5',\n            '[&_[cmdk-input]]:h-12',\n            '[&_[cmdk-item]]:px-2',\n            '[&_[cmdk-item]]:py-3',\n            '[&_[cmdk-item]_svg]:size-5',\n          )}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"border-border-weak flex h-9 items-center gap-2 border-b px-3\">\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden',\n          'placeholder:text-text-positive-muted',\n          'disabled:cursor-not-allowed',\n          'disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return <CommandPrimitive.List data-slot=\"command-list\" className={cn('max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto', className)} {...props} />\n}\n\nfunction CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return <CommandPrimitive.Empty data-slot=\"command-empty\" className=\"py-6 text-center text-sm\" {...props} />\n}\n\nfunction CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-text-positive',\n        'overflow-hidden p-1',\n        '[&_[cmdk-group-heading]]:text-text-positive-weak',\n        '[&_[cmdk-group-heading]]:px-2',\n        '[&_[cmdk-group-heading]]:py-1.5',\n        '[&_[cmdk-group-heading]]:text-xs',\n        '[&_[cmdk-group-heading]]:font-medium',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return <CommandPrimitive.Separator data-slot=\"command-separator\" className={cn('bg-border-weak -mx-1 h-px', className)} {...props} />\n}\n\nfunction CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'relative flex cursor-pointer items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300 select-none',\n        'active:ring-border',\n        'active:opacity-60',\n        'active:ring-4',\n        'data-[selected=true]:bg-muted-muted',\n        'data-[selected=true]:text-text-positive-strong',\n        'data-[disabled=true]:opacity-50',\n        'data-[disabled=true]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-muted\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"command-shortcut\" className={cn('text-text-positive-muted ml-auto text-xs tracking-widest', className)} {...props} />\n}\n\nexport { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut }\n"],"mappings":"0SASA,SAASA,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAACC,EAAAA,CACC,YAAU,UACV,UAAW,EAAG,sGAAuG,GACrH,GAAI,IAKV,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAC,EAAA,CAAO,GAAI,YACV,EAAC,EAAA,CAAa,UAAU,oBACtB,EAAC,EAAA,CAAA,SAAa,IACd,EAAC,EAAA,CAAA,SAAmB,OAEtB,EAAC,EAAA,CAAc,UAAW,EAAG,sBAAuB,GAA6B,2BAC/E,EAACD,EAAAA,CACC,UAAW,EACT,oDACA,4CACA,gCACA,uCACA,wBACA,oDACA,sCACA,wBACA,uBACA,uBACA,8BAGD,kBAOX,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAC,MAAA,CAAI,YAAU,wBAAwB,UAAU,yEAC/C,EAAC,EAAA,CAAW,UAAU,+BACtB,EAACC,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAW,EACT,yEACA,uCACA,8BACA,sBACA,GAEF,GAAI,OAMZ,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAiB,KAAA,CAAK,YAAU,eAAe,UAAW,EAAG,yDAA0D,GAAY,GAAI,IAGjJ,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAiB,MAAA,CAAM,YAAU,gBAAgB,UAAU,2BAA2B,GAAI,IAGpG,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAACA,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAW,EACT,qBACA,sBACA,mDACA,gCACA,kCACA,mCACA,uCACA,GAEF,GAAI,IAKV,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAACA,EAAiB,UAAA,CAAU,YAAU,oBAAoB,UAAW,EAAG,4BAA6B,GAAY,GAAI,IAG9H,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAACA,EAAiB,KAAA,CAChB,YAAU,eACV,UAAW,EACT,kIACA,qBACA,oBACA,gBACA,sCACA,iDACA,kCACA,2CACA,mBACA,8BACA,uCACA,yDACA,GAEF,GAAI,IAKV,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OAAO,EAAC,OAAA,CAAK,YAAU,mBAAmB,UAAW,EAAG,2DAA4D,GAAY,GAAI"}
+{"version":3,"file":"command-DNfCX3KZ.js","names":["Command","CommandPrimitive"],"sources":["../packages/components/ui/command.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { SearchIcon } from 'lucide-react'\n\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'\n\nimport { Command as CommandPrimitive } from 'cmdk'\n\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn('bg-popover text-text-positive border-border-weak flex size-full flex-col overflow-hidden rounded-md', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className={cn('overflow-hidden p-0', className)} showCloseButton={showCloseButton}>\n        <Command\n          className={cn(\n            '[&_[cmdk-group-heading]]:text-text-positive-muted',\n            '**:data-[slot=command-input-wrapper]:h-12',\n            '[&_[cmdk-group-heading]]:px-2',\n            '[&_[cmdk-group-heading]]:font-medium',\n            '[&_[cmdk-group]]:px-2',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0',\n            '[&_[cmdk-input-wrapper]_svg]:size-5',\n            '[&_[cmdk-input]]:h-12',\n            '[&_[cmdk-item]]:px-2',\n            '[&_[cmdk-item]]:py-3',\n            '[&_[cmdk-item]_svg]:size-5',\n          )}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"border-border-weak flex h-9 items-center gap-2 border-b px-3\">\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden',\n          'placeholder:text-text-positive-muted',\n          'disabled:cursor-not-allowed',\n          'disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return <CommandPrimitive.List data-slot=\"command-list\" className={cn('max-h-80 scroll-py-1 overflow-x-hidden overflow-y-auto', className)} {...props} />\n}\n\nfunction CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return <CommandPrimitive.Empty data-slot=\"command-empty\" className=\"py-6 text-center text-sm\" {...props} />\n}\n\nfunction CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-text-positive',\n        'overflow-hidden p-1',\n        '[&_[cmdk-group-heading]]:text-text-positive-weak',\n        '[&_[cmdk-group-heading]]:px-2',\n        '[&_[cmdk-group-heading]]:py-1.5',\n        '[&_[cmdk-group-heading]]:text-xs',\n        '[&_[cmdk-group-heading]]:font-medium',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return <CommandPrimitive.Separator data-slot=\"command-separator\" className={cn('bg-border-weak -mx-1 h-px', className)} {...props} />\n}\n\nfunction CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'relative flex cursor-pointer items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300 select-none',\n        'active:ring-border',\n        'active:opacity-60',\n        'active:ring-4',\n        'data-[selected=true]:bg-muted-muted',\n        'data-[selected=true]:text-text-positive-strong',\n        'data-[disabled=true]:opacity-50',\n        'data-[disabled=true]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-muted\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"command-shortcut\" className={cn('text-text-positive-muted ml-auto text-xs tracking-widest', className)} {...props} />\n}\n\nexport { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut }\n"],"mappings":"0SASA,SAASA,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAACC,EAAAA,CACC,YAAU,UACV,UAAW,EAAG,sGAAuG,GACrH,GAAI,IAKV,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAC,EAAA,CAAO,GAAI,YACV,EAAC,EAAA,CAAa,UAAU,oBACtB,EAAC,EAAA,CAAA,SAAa,IACd,EAAC,EAAA,CAAA,SAAmB,OAEtB,EAAC,EAAA,CAAc,UAAW,EAAG,sBAAuB,GAA6B,2BAC/E,EAACD,EAAAA,CACC,UAAW,EACT,oDACA,4CACA,gCACA,uCACA,wBACA,oDACA,sCACA,wBACA,uBACA,uBACA,8BAGD,kBAOX,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAC,MAAA,CAAI,YAAU,wBAAwB,UAAU,yEAC/C,EAAC,EAAA,CAAW,UAAU,+BACtB,EAACC,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAW,EACT,yEACA,uCACA,8BACA,sBACA,GAEF,GAAI,OAMZ,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAiB,KAAA,CAAK,YAAU,eAAe,UAAW,EAAG,yDAA0D,GAAY,GAAI,IAGjJ,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAiB,MAAA,CAAM,YAAU,gBAAgB,UAAU,2BAA2B,GAAI,IAGpG,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAACA,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAW,EACT,qBACA,sBACA,mDACA,gCACA,kCACA,mCACA,uCACA,GAEF,GAAI,IAKV,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAACA,EAAiB,UAAA,CAAU,YAAU,oBAAoB,UAAW,EAAG,4BAA6B,GAAY,GAAI,IAG9H,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAACA,EAAiB,KAAA,CAChB,YAAU,eACV,UAAW,EACT,kIACA,qBACA,oBACA,gBACA,sCACA,iDACA,kCACA,2CACA,mBACA,8BACA,uCACA,yDACA,GAEF,GAAI,IAKV,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OAAO,EAAC,OAAA,CAAK,YAAU,mBAAmB,UAAW,EAAG,2DAA4D,GAAY,GAAI"}

package/dist/{command-Duxn64SV.d.cts → command-tdSE_rEO.d.cts}

@@ -1,12 +1,12 @@
-import { Dialog } from "./dialog-uj9sAbgt.cjs";
-import * as react_jsx_runtime60 from "react/jsx-runtime";
+import { Dialog } from "./dialog-CIrv1yaX.cjs";
+import * as react_jsx_runtime59 from "react/jsx-runtime";
 import { Command } from "cmdk";
 
 //#region packages/components/ui/command.d.ts
 declare function Command$1({
   className,
   ...props
-}: React.ComponentProps<typeof Command>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof Command>): react_jsx_runtime59.JSX.Element;
 declare function CommandDialog({
   title,
   description,
@@ -19,34 +19,34 @@ declare function CommandDialog({
   description?: string;
   className?: string;
   showCloseButton?: boolean;
-}): react_jsx_runtime60.JSX.Element;
+}): react_jsx_runtime59.JSX.Element;
 declare function CommandInput({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime59.JSX.Element;
 declare function CommandList({
   className,
   ...props
-}: React.ComponentProps<typeof Command.List>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof Command.List>): react_jsx_runtime59.JSX.Element;
 declare function CommandEmpty({
   ...props
-}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime59.JSX.Element;
 declare function CommandGroup({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime59.JSX.Element;
 declare function CommandSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime59.JSX.Element;
 declare function CommandItem({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime59.JSX.Element;
 declare function CommandShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime59.JSX.Element;
 //#endregion
 export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
-//# sourceMappingURL=command-Duxn64SV.d.cts.map
+//# sourceMappingURL=command-tdSE_rEO.d.cts.map

package/dist/data-display/country.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../types-BN8HhYHR.cjs`),n=require(`../flex-DaTrJCBr.cjs`),r=require(`../paragraph-BsEYXIR3.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`react`)),o=e.__toESM(require(`react-country-flag`)),s=({country:e})=>{let s=(0,a.useMemo)(()=>({[t.ECountry.VIETNAM]:`VN`,[t.ECountry.USA]:`US`,[t.ECountry.JAPAN]:`JP`,[t.ECountry.CHINA]:`CN`,[t.ECountry.KOREA]:`KR`,[t.ECountry.SINGAPORE]:`SG`,[t.ECountry.MALAYSIA]:`MY`,[t.ECountry.INDONESIA]:`ID`,[t.ECountry.TAIWAN]:`TW`,[t.ECountry.THAILAND]:`TH`}),[]);return e?(0,i.jsxs)(n.Flex,{padding:`none`,className:`h-4 px-1`,children:[(0,i.jsx)(o.default,{svg:!0,countryCode:e?s[e]:`VN`,className:`emojiFlag border`}),(0,i.jsxs)(r.Paragraph,{variant:`sm`,children:[e===t.ECountry.VIETNAM&&`Vietnam`,e===t.ECountry.USA&&`America`,e===t.ECountry.JAPAN&&`Japan`,e===t.ECountry.CHINA&&`China`,e===t.ECountry.KOREA&&`Korea`,e===t.ECountry.SINGAPORE&&`Singapore`,e===t.ECountry.MALAYSIA&&`Malaysia`,e===t.ECountry.INDONESIA&&`Indonesia`,e===t.ECountry.TAIWAN&&`Taiwan`,e===t.ECountry.THAILAND&&`Thailand`]})]}):(0,i.jsx)(n.Flex,{padding:`none`,className:`h-4 px-1`,children:(0,i.jsx)(r.Paragraph,{variant:`muted`,className:`line-clamp-1 text-xs`,children:`No country`})})};exports.CountryDisplay=s;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../types-DMNCf28U.cjs`),n=require(`../flex-C-4TxUDe.cjs`),r=require(`../paragraph-CI28eVP0.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`react`)),o=e.__toESM(require(`react-country-flag`)),s=({country:e})=>{let s=(0,a.useMemo)(()=>({[t.ECountry.VIETNAM]:`VN`,[t.ECountry.USA]:`US`,[t.ECountry.JAPAN]:`JP`,[t.ECountry.CHINA]:`CN`,[t.ECountry.KOREA]:`KR`,[t.ECountry.SINGAPORE]:`SG`,[t.ECountry.MALAYSIA]:`MY`,[t.ECountry.INDONESIA]:`ID`,[t.ECountry.TAIWAN]:`TW`,[t.ECountry.THAILAND]:`TH`}),[]);return e?(0,i.jsxs)(n.Flex,{padding:`none`,className:`h-4 px-1`,children:[(0,i.jsx)(o.default,{svg:!0,countryCode:e?s[e]:`VN`,className:`emojiFlag border`}),(0,i.jsxs)(r.Paragraph,{variant:`sm`,children:[e===t.ECountry.VIETNAM&&`Vietnam`,e===t.ECountry.USA&&`America`,e===t.ECountry.JAPAN&&`Japan`,e===t.ECountry.CHINA&&`China`,e===t.ECountry.KOREA&&`Korea`,e===t.ECountry.SINGAPORE&&`Singapore`,e===t.ECountry.MALAYSIA&&`Malaysia`,e===t.ECountry.INDONESIA&&`Indonesia`,e===t.ECountry.TAIWAN&&`Taiwan`,e===t.ECountry.THAILAND&&`Thailand`]})]}):(0,i.jsx)(n.Flex,{padding:`none`,className:`h-4 px-1`,children:(0,i.jsx)(r.Paragraph,{variant:`muted`,className:`line-clamp-1 text-xs`,children:`No country`})})};exports.CountryDisplay=s;
 //# sourceMappingURL=country.cjs.map

package/dist/data-display/country.d.ts

@@ -1,4 +1,4 @@
-import { ECountry } from "../types-engjL0nN.js";
+import { ECountry } from "../types-CmcNT14g.js";
 
 //#region packages/components/data-display/country.d.ts
 type Props = {

package/dist/data-display/country.js

@@ -1,2 +1,2 @@
-import{ECountry as e}from"../types-DDfAVYxf.js";import{Flex as t}from"../flex-D_GSLR10.js";import{Paragraph as n}from"../paragraph-D4klQX4h.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useMemo as a}from"react";import o from"react-country-flag";const s=({country:s})=>{let c=a(()=>({[e.VIETNAM]:`VN`,[e.USA]:`US`,[e.JAPAN]:`JP`,[e.CHINA]:`CN`,[e.KOREA]:`KR`,[e.SINGAPORE]:`SG`,[e.MALAYSIA]:`MY`,[e.INDONESIA]:`ID`,[e.TAIWAN]:`TW`,[e.THAILAND]:`TH`}),[]);return s?i(t,{padding:`none`,className:`h-4 px-1`,children:[r(o,{svg:!0,countryCode:s?c[s]:`VN`,className:`emojiFlag border`}),i(n,{variant:`sm`,children:[s===e.VIETNAM&&`Vietnam`,s===e.USA&&`America`,s===e.JAPAN&&`Japan`,s===e.CHINA&&`China`,s===e.KOREA&&`Korea`,s===e.SINGAPORE&&`Singapore`,s===e.MALAYSIA&&`Malaysia`,s===e.INDONESIA&&`Indonesia`,s===e.TAIWAN&&`Taiwan`,s===e.THAILAND&&`Thailand`]})]}):r(t,{padding:`none`,className:`h-4 px-1`,children:r(n,{variant:`muted`,className:`line-clamp-1 text-xs`,children:`No country`})})};export{s as CountryDisplay};
+import{ECountry as e}from"../types-Cgr_eoPF.js";import{Flex as t}from"../flex-BxBmZCWh.js";import{Paragraph as n}from"../paragraph-BwSskqDY.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useMemo as a}from"react";import o from"react-country-flag";const s=({country:s})=>{let c=a(()=>({[e.VIETNAM]:`VN`,[e.USA]:`US`,[e.JAPAN]:`JP`,[e.CHINA]:`CN`,[e.KOREA]:`KR`,[e.SINGAPORE]:`SG`,[e.MALAYSIA]:`MY`,[e.INDONESIA]:`ID`,[e.TAIWAN]:`TW`,[e.THAILAND]:`TH`}),[]);return s?i(t,{padding:`none`,className:`h-4 px-1`,children:[r(o,{svg:!0,countryCode:s?c[s]:`VN`,className:`emojiFlag border`}),i(n,{variant:`sm`,children:[s===e.VIETNAM&&`Vietnam`,s===e.USA&&`America`,s===e.JAPAN&&`Japan`,s===e.CHINA&&`China`,s===e.KOREA&&`Korea`,s===e.SINGAPORE&&`Singapore`,s===e.MALAYSIA&&`Malaysia`,s===e.INDONESIA&&`Indonesia`,s===e.TAIWAN&&`Taiwan`,s===e.THAILAND&&`Thailand`]})]}):r(t,{padding:`none`,className:`h-4 px-1`,children:r(n,{variant:`muted`,className:`line-clamp-1 text-xs`,children:`No country`})})};export{s as CountryDisplay};
 //# sourceMappingURL=country.js.map

package/dist/data-display/data-list.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../flex-DaTrJCBr.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=({children:e})=>(0,n.jsx)(t.Flex,{vertical:!0,padding:`none`,gap:`md`,width:`full`,children:e}),i=({label:e,value:r,minLabelWidth:i=`120px`})=>(0,n.jsxs)(t.Flex,{align:`center`,justify:`start`,width:`full`,padding:`none`,gap:`md`,className:`flex-col items-start gap-1 md:flex-row md:items-center md:gap-4`,children:[(0,n.jsx)(`div`,{style:{minWidth:i},className:`text-muted-foreground text-sm`,children:e}),(0,n.jsx)(`div`,{className:`text-secondary-foreground text-sm`,children:r})]});exports.DataList=r,exports.DataListItem=i;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../flex-C-4TxUDe.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=({children:e})=>(0,n.jsx)(t.Flex,{vertical:!0,padding:`none`,gap:`md`,width:`full`,children:e}),i=({label:e,value:r,minLabelWidth:i=`120px`})=>(0,n.jsxs)(t.Flex,{align:`center`,justify:`start`,width:`full`,padding:`none`,gap:`md`,className:`flex-col items-start gap-1 md:flex-row md:items-center md:gap-4`,children:[(0,n.jsx)(`div`,{style:{minWidth:i},className:`text-muted-foreground text-sm`,children:e}),(0,n.jsx)(`div`,{className:`text-secondary-foreground text-sm`,children:r})]});exports.DataList=r,exports.DataListItem=i;
 //# sourceMappingURL=data-list.cjs.map

package/dist/data-display/data-list.js

@@ -1,2 +1,2 @@
-import{Flex as e}from"../flex-D_GSLR10.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({children:n})=>t(e,{vertical:!0,padding:`none`,gap:`md`,width:`full`,children:n}),i=({label:r,value:i,minLabelWidth:a=`120px`})=>n(e,{align:`center`,justify:`start`,width:`full`,padding:`none`,gap:`md`,className:`flex-col items-start gap-1 md:flex-row md:items-center md:gap-4`,children:[t(`div`,{style:{minWidth:a},className:`text-muted-foreground text-sm`,children:r}),t(`div`,{className:`text-secondary-foreground text-sm`,children:i})]});export{r as DataList,i as DataListItem};
+import{Flex as e}from"../flex-BxBmZCWh.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({children:n})=>t(e,{vertical:!0,padding:`none`,gap:`md`,width:`full`,children:n}),i=({label:r,value:i,minLabelWidth:a=`120px`})=>n(e,{align:`center`,justify:`start`,width:`full`,padding:`none`,gap:`md`,className:`flex-col items-start gap-1 md:flex-row md:items-center md:gap-4`,children:[t(`div`,{style:{minWidth:a},className:`text-muted-foreground text-sm`,children:r}),t(`div`,{className:`text-secondary-foreground text-sm`,children:i})]});export{r as DataList,i as DataListItem};
 //# sourceMappingURL=data-list.js.map

package/dist/data-display/date-tooltip.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../date-qVDm6BT3.cjs`),n=require(`../badge-i7tq2_AR.cjs`),r=require(`../tooltip-BX3D74kN.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=({date:e})=>(0,i.jsx)(r.TooltipProvider,{children:(0,i.jsxs)(r.Tooltip,{children:[(0,i.jsx)(r.TooltipTrigger,{asChild:!0,children:(0,i.jsx)(n.Badge,{children:(0,i.jsx)(t.DateDisplay,{date:e,format:`medium`,className:`font-normal text-white`})})}),(0,i.jsx)(r.TooltipContent,{children:(0,i.jsx)(t.DateDisplay,{date:e,format:`full`,showTime:!0,className:`!font-[Inter] font-medium`})})]})});exports.DateTooltip=a;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../date-wo9LyN6l.cjs`),n=require(`../badge-BnFraaZ1.cjs`),r=require(`../tooltip-meYt4lxB.cjs`),i=e.__toESM(require(`react/jsx-runtime`)),a=({date:e})=>(0,i.jsx)(r.TooltipProvider,{children:(0,i.jsxs)(r.Tooltip,{children:[(0,i.jsx)(r.TooltipTrigger,{asChild:!0,children:(0,i.jsx)(n.Badge,{children:(0,i.jsx)(t.DateDisplay,{date:e,format:`medium`,className:`font-normal text-white`})})}),(0,i.jsx)(r.TooltipContent,{children:(0,i.jsx)(t.DateDisplay,{date:e,format:`full`,showTime:!0,className:`!font-[Inter] font-medium`})})]})});exports.DateTooltip=a;
 //# sourceMappingURL=date-tooltip.cjs.map

package/dist/data-display/date-tooltip.js

@@ -1,2 +1,2 @@
-import{DateDisplay as e}from"../date-Cbx2drzh.js";import{Badge as t}from"../badge-gByXCsor.js";import{Tooltip as n,TooltipContent as r,TooltipProvider as i,TooltipTrigger as a}from"../tooltip-B7S7TrMj.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({date:c})=>o(i,{children:s(n,{children:[o(a,{asChild:!0,children:o(t,{children:o(e,{date:c,format:`medium`,className:`font-normal text-white`})})}),o(r,{children:o(e,{date:c,format:`full`,showTime:!0,className:`!font-[Inter] font-medium`})})]})});export{c as DateTooltip};
+import{DateDisplay as e}from"../date-DWxL795U.js";import{Badge as t}from"../badge-8wMMxROk.js";import{Tooltip as n,TooltipContent as r,TooltipProvider as i,TooltipTrigger as a}from"../tooltip-CN8vvmWA.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({date:c})=>o(i,{children:s(n,{children:[o(a,{asChild:!0,children:o(t,{children:o(e,{date:c,format:`medium`,className:`font-normal text-white`})})}),o(r,{children:o(e,{date:c,format:`full`,showTime:!0,className:`!font-[Inter] font-medium`})})]})});export{c as DateTooltip};
 //# sourceMappingURL=date-tooltip.js.map

package/dist/data-display/date.cjs

@@ -1 +1 @@
-const e=require(`../date-qVDm6BT3.cjs`);exports.DateDisplay=e.DateDisplay;
+const e=require(`../date-wo9LyN6l.cjs`);exports.DateDisplay=e.DateDisplay;

package/dist/data-display/date.js

@@ -1 +1 @@
-import{DateDisplay as e}from"../date-Cbx2drzh.js";export{e as DateDisplay};
+import{DateDisplay as e}from"../date-DWxL795U.js";export{e as DateDisplay};

package/dist/data-display/empty.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../flex-DaTrJCBr.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`lucide-react`)),i=()=>(0,n.jsxs)(t.Flex,{vertical:!0,justify:`center`,align:`center`,gap:`sm`,className:`text-text-positive-muted size-full`,children:[(0,n.jsx)(r.PackageOpenIcon,{size:52,strokeWidth:1}),(0,n.jsx)(`p`,{className:`text-sm`,children:`Không có dữ liệu nào để hiển thị.`})]});exports.EmptyDisplay=i;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../flex-C-4TxUDe.cjs`),n=e.__toESM(require(`lucide-react`)),r=e.__toESM(require(`react/jsx-runtime`)),i=()=>(0,r.jsxs)(t.Flex,{vertical:!0,justify:`center`,align:`center`,gap:`sm`,className:`text-text-positive-muted size-full`,children:[(0,r.jsx)(n.PackageOpenIcon,{size:52,strokeWidth:1}),(0,r.jsx)(`p`,{className:`text-sm`,children:`Không có dữ liệu nào để hiển thị.`})]});exports.EmptyDisplay=i;
 //# sourceMappingURL=empty.cjs.map

package/dist/data-display/empty.js

@@ -1,2 +1,2 @@
-"use client";import{Flex as e}from"../flex-D_GSLR10.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{PackageOpenIcon as r}from"lucide-react";const i=()=>n(e,{vertical:!0,justify:`center`,align:`center`,gap:`sm`,className:`text-text-positive-muted size-full`,children:[t(r,{size:52,strokeWidth:1}),t(`p`,{className:`text-sm`,children:`Không có dữ liệu nào để hiển thị.`})]});export{i as EmptyDisplay};
+"use client";import{Flex as e}from"../flex-BxBmZCWh.js";import{PackageOpenIcon as t}from"lucide-react";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=()=>r(e,{vertical:!0,justify:`center`,align:`center`,gap:`sm`,className:`text-text-positive-muted size-full`,children:[n(t,{size:52,strokeWidth:1}),n(`p`,{className:`text-sm`,children:`Không có dữ liệu nào để hiển thị.`})]});export{i as EmptyDisplay};
 //# sourceMappingURL=empty.js.map

package/dist/data-display/name.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../paragraph-BsEYXIR3.cjs`),n=require(`../tooltip-BX3D74kN.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=({name:e})=>(0,r.jsxs)(n.Tooltip,{children:[(0,r.jsx)(n.TooltipTrigger,{children:(0,r.jsx)(t.Paragraph,{variant:`sm`,className:`line-clamp-2 w-full cursor-help truncate`,children:e})}),(0,r.jsx)(n.TooltipContent,{align:`start`,className:`max-w-80 text-wrap break-keep whitespace-pre-line`,children:e})]});exports.NameDisplay=i;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../paragraph-CI28eVP0.cjs`),n=require(`../tooltip-meYt4lxB.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=({name:e})=>(0,r.jsxs)(n.Tooltip,{children:[(0,r.jsx)(n.TooltipTrigger,{children:(0,r.jsx)(t.Paragraph,{variant:`sm`,className:`line-clamp-2 w-full truncate pb-px text-start text-wrap`,children:e})}),(0,r.jsx)(n.TooltipContent,{align:`start`,className:`max-w-80 text-wrap break-keep whitespace-pre-line`,children:e})]});exports.NameDisplay=i;
 //# sourceMappingURL=name.cjs.map

package/dist/data-display/name.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"name.cjs","names":["NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>>","Tooltip","TooltipTrigger","Paragraph","TooltipContent"],"sources":["../../packages/components/data-display/name.tsx"],"sourcesContent":["import { Paragraph } from '../typography/paragraph'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip'\n\ntype NameDisplayProps = {\n  name: string\n}\n\nexport const NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>> = ({ name }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <Paragraph variant=\"sm\" className=\"line-clamp-2 w-full cursor-help truncate\">\n          {name}\n        </Paragraph>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\" className=\"max-w-80 text-wrap break-keep whitespace-pre-line\">\n        {name}\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"],"mappings":"+JAOaA,GAAoE,CAAE,WAE/E,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,QAAQ,KAAK,UAAU,oDAC/B,OAGL,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,MAAM,QAAQ,UAAU,6DACrC"}
+{"version":3,"file":"name.cjs","names":["NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>>","Tooltip","TooltipTrigger","Paragraph","TooltipContent"],"sources":["../../packages/components/data-display/name.tsx"],"sourcesContent":["import { Paragraph } from '../typography/paragraph'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip'\n\ntype NameDisplayProps = {\n  name: string\n}\n\nexport const NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>> = ({ name }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <Paragraph variant=\"sm\" className=\"line-clamp-2 w-full truncate pb-px text-start text-wrap\">\n          {name}\n        </Paragraph>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\" className=\"max-w-80 text-wrap break-keep whitespace-pre-line\">\n        {name}\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"],"mappings":"+JAOaA,GAAoE,CAAE,WAE/E,EAAA,EAAA,MAACC,EAAAA,QAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,QAAQ,KAAK,UAAU,mEAC/B,OAGL,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,MAAM,QAAQ,UAAU,6DACrC"}

package/dist/data-display/name.js

@@ -1,2 +1,2 @@
-import{Paragraph as e}from"../paragraph-D4klQX4h.js";import{Tooltip as t,TooltipContent as n,TooltipTrigger as r}from"../tooltip-B7S7TrMj.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({name:o})=>a(t,{children:[i(r,{children:i(e,{variant:`sm`,className:`line-clamp-2 w-full cursor-help truncate`,children:o})}),i(n,{align:`start`,className:`max-w-80 text-wrap break-keep whitespace-pre-line`,children:o})]});export{o as NameDisplay};
+import{Paragraph as e}from"../paragraph-BwSskqDY.js";import{Tooltip as t,TooltipContent as n,TooltipTrigger as r}from"../tooltip-CN8vvmWA.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({name:o})=>a(t,{children:[i(r,{children:i(e,{variant:`sm`,className:`line-clamp-2 w-full truncate pb-px text-start text-wrap`,children:o})}),i(n,{align:`start`,className:`max-w-80 text-wrap break-keep whitespace-pre-line`,children:o})]});export{o as NameDisplay};
 //# sourceMappingURL=name.js.map

package/dist/data-display/name.js.map

@@ -1 +1 @@
-{"version":3,"file":"name.js","names":["NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>>"],"sources":["../../packages/components/data-display/name.tsx"],"sourcesContent":["import { Paragraph } from '../typography/paragraph'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip'\n\ntype NameDisplayProps = {\n  name: string\n}\n\nexport const NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>> = ({ name }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <Paragraph variant=\"sm\" className=\"line-clamp-2 w-full cursor-help truncate\">\n          {name}\n        </Paragraph>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\" className=\"max-w-80 text-wrap break-keep whitespace-pre-line\">\n        {name}\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"],"mappings":"gMAOA,MAAaA,GAAoE,CAAE,UAE/E,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,oDAC/B,MAGL,EAAC,EAAA,CAAe,MAAM,QAAQ,UAAU,6DACrC"}
+{"version":3,"file":"name.js","names":["NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>>"],"sources":["../../packages/components/data-display/name.tsx"],"sourcesContent":["import { Paragraph } from '../typography/paragraph'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip'\n\ntype NameDisplayProps = {\n  name: string\n}\n\nexport const NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>> = ({ name }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger>\n        <Paragraph variant=\"sm\" className=\"line-clamp-2 w-full truncate pb-px text-start text-wrap\">\n          {name}\n        </Paragraph>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\" className=\"max-w-80 text-wrap break-keep whitespace-pre-line\">\n        {name}\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n"],"mappings":"gMAOA,MAAaA,GAAoE,CAAE,UAE/E,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,mEAC/B,MAGL,EAAC,EAAA,CAAe,MAAM,QAAQ,UAAU,6DACrC"}

package/dist/data-display/phone-number.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../tooltip-BX3D74kN.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=({value:e})=>(0,n.jsxs)(t.Tooltip,{children:[(0,n.jsx)(t.TooltipTrigger,{asChild:!0,children:(0,n.jsx)(`p`,{className:`font-number text-secondary-foreground text-sm`,children:e.replace(/(\d{3})(\d{3})(\d{4})/,`($1) $2-$3`)})}),(0,n.jsx)(t.TooltipContent,{align:`start`,children:(0,n.jsx)(`p`,{children:e.slice(1).replace(/(\d{2})(\d{3})(\d{4})/,`(00) (+84) ($1) $2-$3`)})})]});exports.PhoneNumberDisplay=r;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../tooltip-meYt4lxB.cjs`),n=e.__toESM(require(`react/jsx-runtime`)),r=({value:e})=>(0,n.jsxs)(t.Tooltip,{children:[(0,n.jsx)(t.TooltipTrigger,{asChild:!0,children:(0,n.jsx)(`p`,{className:`font-number text-secondary-foreground text-sm`,children:e.replace(/(\d{3})(\d{3})(\d{4})/,`($1) $2-$3`)})}),(0,n.jsx)(t.TooltipContent,{align:`start`,children:(0,n.jsx)(`p`,{children:e.slice(1).replace(/(\d{2})(\d{3})(\d{4})/,`(00) (+84) ($1) $2-$3`)})})]});exports.PhoneNumberDisplay=r;
 //# sourceMappingURL=phone-number.cjs.map

package/dist/data-display/phone-number.js

@@ -1,2 +1,2 @@
-import{Tooltip as e,TooltipContent as t,TooltipTrigger as n}from"../tooltip-B7S7TrMj.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({value:a})=>i(e,{children:[r(n,{asChild:!0,children:r(`p`,{className:`font-number text-secondary-foreground text-sm`,children:a.replace(/(\d{3})(\d{3})(\d{4})/,`($1) $2-$3`)})}),r(t,{align:`start`,children:r(`p`,{children:a.slice(1).replace(/(\d{2})(\d{3})(\d{4})/,`(00) (+84) ($1) $2-$3`)})})]});export{a as PhoneNumberDisplay};
+import{Tooltip as e,TooltipContent as t,TooltipTrigger as n}from"../tooltip-CN8vvmWA.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({value:a})=>i(e,{children:[r(n,{asChild:!0,children:r(`p`,{className:`font-number text-secondary-foreground text-sm`,children:a.replace(/(\d{3})(\d{3})(\d{4})/,`($1) $2-$3`)})}),r(t,{align:`start`,children:r(`p`,{children:a.slice(1).replace(/(\d{2})(\d{3})(\d{4})/,`(00) (+84) ($1) $2-$3`)})})]});export{a as PhoneNumberDisplay};
 //# sourceMappingURL=phone-number.js.map

package/dist/data-display/role-badge.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../types-BN8HhYHR.cjs`),n=require(`../badge-i7tq2_AR.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`react`)),a=({status:e})=>{let a=(0,i.useMemo)(()=>({[t.ERole.ADMIN]:`red`,[t.ERole.SUPER_ADMIN]:`purple`,[t.ERole.MODERATOR]:`indigo`,[t.ERole.STAFF]:`green`,[t.ERole.USER]:`blue`}),[]);return(0,r.jsxs)(n.Badge,{color:a[e],className:`min-w-24 justify-center`,children:[e===t.ERole.SUPER_ADMIN&&`Super Admin`,e===t.ERole.ADMIN&&`Admin`,e===t.ERole.MODERATOR&&`Moderator`,e===t.ERole.STAFF&&`Staff`,e===t.ERole.USER&&`User`]})};exports.RoleBadge=a;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../types-DMNCf28U.cjs`),n=require(`../badge-BnFraaZ1.cjs`),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`react`)),a=({status:e})=>{let a=(0,i.useMemo)(()=>({[t.ERole.ADMIN]:`red`,[t.ERole.SUPER_ADMIN]:`purple`,[t.ERole.MODERATOR]:`indigo`,[t.ERole.STAFF]:`green`,[t.ERole.USER]:`blue`}),[]);return(0,r.jsxs)(n.Badge,{color:a[e],className:`min-w-24 justify-center`,children:[e===t.ERole.SUPER_ADMIN&&`Super Admin`,e===t.ERole.ADMIN&&`Admin`,e===t.ERole.MODERATOR&&`Moderator`,e===t.ERole.STAFF&&`Staff`,e===t.ERole.USER&&`User`]})};exports.RoleBadge=a;
 //# sourceMappingURL=role-badge.cjs.map

package/dist/data-display/role-badge.d.ts

@@ -1,4 +1,4 @@
-import { ERole } from "../types-engjL0nN.js";
+import { ERole } from "../types-CmcNT14g.js";
 
 //#region packages/components/data-display/role-badge.d.ts
 type Props = {

package/dist/data-display/role-badge.js

@@ -1,2 +1,2 @@
-import{ERole as e}from"../types-DDfAVYxf.js";import{Badge as t}from"../badge-gByXCsor.js";import{jsxs as n}from"react/jsx-runtime";import{useMemo as r}from"react";const i=({status:i})=>{let a=r(()=>({[e.ADMIN]:`red`,[e.SUPER_ADMIN]:`purple`,[e.MODERATOR]:`indigo`,[e.STAFF]:`green`,[e.USER]:`blue`}),[]);return n(t,{color:a[i],className:`min-w-24 justify-center`,children:[i===e.SUPER_ADMIN&&`Super Admin`,i===e.ADMIN&&`Admin`,i===e.MODERATOR&&`Moderator`,i===e.STAFF&&`Staff`,i===e.USER&&`User`]})};export{i as RoleBadge};
+import{ERole as e}from"../types-Cgr_eoPF.js";import{Badge as t}from"../badge-8wMMxROk.js";import{jsxs as n}from"react/jsx-runtime";import{useMemo as r}from"react";const i=({status:i})=>{let a=r(()=>({[e.ADMIN]:`red`,[e.SUPER_ADMIN]:`purple`,[e.MODERATOR]:`indigo`,[e.STAFF]:`green`,[e.USER]:`blue`}),[]);return n(t,{color:a[i],className:`min-w-24 justify-center`,children:[i===e.SUPER_ADMIN&&`Super Admin`,i===e.ADMIN&&`Admin`,i===e.MODERATOR&&`Moderator`,i===e.STAFF&&`Staff`,i===e.USER&&`User`]})};export{i as RoleBadge};
 //# sourceMappingURL=role-badge.js.map

package/dist/data-display/statistic.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../flex-DaTrJCBr.cjs`),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`react`)),a=(0,i.memo)(({decimalSeparator:e=`.`,groupSeparator:a=`,`,prefix:o,suffix:s,precision:c,roundingMode:l=`round`,showTrailingZeros:u=!1,size:d=`lg`,value:f})=>{let p=(0,i.useCallback)((e,t)=>{let n=Math.pow(10,t);switch(l){case`floor`:return Math.floor(e*n)/n;case`ceil`:return Math.ceil(e*n)/n;case`round`:default:return Math.round(e*n)/n}},[l]),m=(0,i.useMemo)(()=>{let e={};return typeof c==`number`&&c>=0&&(u&&(e.minimumFractionDigits=c),e.maximumFractionDigits=c),e},[c,u]),h=(0,i.useCallback)(e=>{let t=e;return typeof c==`number`&&c>=0&&(t=p(e,c)),t.toLocaleString(`en-US`,m)},[p,m,c]),g=(0,i.useMemo)(()=>{if(typeof f==`number`)return isNaN(f)||!isFinite(f)?`N/A`:h(f);if(typeof f==`string`){let e=f.trim();if(!e)return`N/A`;let t=Number(e);return isNaN(t)||!isFinite(t)?`N/A`:h(t)}return`N/A`},[f,h]),_=(0,i.useMemo)(()=>e===`.`&&a===`,`?g:g.replace(/,/g,a).replace(/\./g,e),[g,e,a]);return(0,r.jsxs)(t.Flex,{padding:`none`,className:(0,n.cn)(`text-secondary-foreground font-number text-lg`,d===`xs`&&`text-xs`,d===`sm`&&`text-sm`,d===`md`&&`text-base`,d===`lg`&&`text-lg`,d===`xl`&&`text-xl`),children:[o,(0,r.jsx)(`p`,{children:_}),s]})});a.displayName=`Statistic`,exports.Statistic=a;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../flex-C-4TxUDe.cjs`),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`react`)),a=(0,i.memo)(({decimalSeparator:e=`.`,groupSeparator:a=`,`,prefix:o,suffix:s,precision:c,roundingMode:l=`round`,showTrailingZeros:u=!1,size:d=`lg`,value:f})=>{let p=(0,i.useCallback)((e,t)=>{let n=Math.pow(10,t);switch(l){case`floor`:return Math.floor(e*n)/n;case`ceil`:return Math.ceil(e*n)/n;case`round`:default:return Math.round(e*n)/n}},[l]),m=(0,i.useMemo)(()=>{let e={};return typeof c==`number`&&c>=0&&(u&&(e.minimumFractionDigits=c),e.maximumFractionDigits=c),e},[c,u]),h=(0,i.useCallback)(e=>{let t=e;return typeof c==`number`&&c>=0&&(t=p(e,c)),t.toLocaleString(`en-US`,m)},[p,m,c]),g=(0,i.useMemo)(()=>{if(typeof f==`number`)return isNaN(f)||!isFinite(f)?`N/A`:h(f);if(typeof f==`string`){let e=f.trim();if(!e)return`N/A`;let t=Number(e);return isNaN(t)||!isFinite(t)?`N/A`:h(t)}return`N/A`},[f,h]),_=(0,i.useMemo)(()=>e===`.`&&a===`,`?g:g.replace(/,/g,a).replace(/\./g,e),[g,e,a]);return(0,r.jsxs)(t.Flex,{padding:`none`,className:(0,n.cn)(`text-secondary-foreground font-number text-lg`,d===`xs`&&`text-xs`,d===`sm`&&`text-sm`,d===`md`&&`text-base`,d===`lg`&&`text-lg`,d===`xl`&&`text-xl`),children:[o,(0,r.jsx)(`p`,{children:_}),s]})});a.displayName=`Statistic`,exports.Statistic=a;
 //# sourceMappingURL=statistic.cjs.map

package/dist/data-display/statistic.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import * as react0 from "react";
 
 //#region packages/components/data-display/statistic.d.ts
@@ -23,7 +23,7 @@ declare const Statistic: react0.MemoExoticComponent<({
   showTrailingZeros,
   size,
   value
-}: Props) => react_jsx_runtime2.JSX.Element>;
+}: Props) => react_jsx_runtime1.JSX.Element>;
 //#endregion
 export { Statistic };
 //# sourceMappingURL=statistic.d.ts.map