@customafk/lunas-ui 0.1.0 → 0.1.2

package/dist/cards/grid-product-card-ByoooSvb.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-ByoooSvb.d.cts.map

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

@@ -1,2 +1,2 @@
-const e=require(`../chunk-DjWAcSYV.cjs`);require(`../dist-BdSAGFCS.cjs`),require(`../button-variants-BebiEdiS.cjs`);const t=require(`../button-BKgDCyHZ.cjs`),n=require(`../card-yhGgMiTX.cjs`);require(`../skeleton-DYa_q0Y4.cjs`);const r=require(`../image-lnojols3.cjs`);let i=require(`lucide-react`);i=e.t(i);let a=require(`react/jsx-runtime`);a=e.t(a);const o=({name:e,thumbnail:o,price:s})=>(0,a.jsxs)(n.t,{className:`h-36 w-full flex-row gap-4 p-2 pr-4`,children:[(0,a.jsx)(r.t,{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.t,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:(0,a.jsx)(i.HeartIcon,{})}),(0,a.jsxs)(t.t,{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;
+const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../dist-Dh8WwRa8.cjs`),require(`../button.variants-D1vkzrn1.cjs`);const t=require(`../button-BSQjtXgG.cjs`),n=require(`../card-BTXXktN5.cjs`);require(`../skeleton-C4suljHP.cjs`);const r=require(`../image-Dq0ZoOjj.cjs`);let i=require(`lucide-react`),a=require(`react/jsx-runtime`);const o=({name:e,thumbnail:o,price:s})=>(0,a.jsxs)(n.t,{className:`h-36 w-full flex-row gap-4 p-2 pr-4`,children:[(0,a.jsx)(r.t,{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.t,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:(0,a.jsx)(i.HeartIcon,{})}),(0,a.jsxs)(t.t,{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

@@ -1 +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":"gWAeA,MAAaA,GAAoC,CAAE,OAAM,YAAW,YAEhE,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAK,UAAU,iDACd,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAM,UAAU,8BAA8B,IAAK,GAAa,EACjE,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,0CACb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,sEAA8D,GAAS,EACpF,EAAA,EAAA,MAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,QAAQ,EAC9B,EAAA,EAAA,KAAC,QAAA,CAAM,UAAU,kBAAS,OAAW,CAAA,EACnC,EACJ,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,4DACb,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,mBAC5D,EAAA,EAAA,KAACC,EAAAA,UAAAA,EAAAA,CAAY,EACN,EACT,EAAA,EAAA,MAACD,EAAAA,EAAAA,CAAO,UAAU,8CAChB,EAAA,EAAA,KAACE,EAAAA,iBAAAA,EAAAA,CAAmB,EACpB,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,kCAAyB,gBAAgB,CAAA,EAC/C,CAAA,EACL,GACF,CAAA,EACD"}
+{"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":"0UAeA,MAAaA,GAAoC,CAAE,OAAM,YAAW,YAEhE,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAK,UAAU,iDACd,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAM,UAAU,8BAA8B,IAAK,GAAa,EACjE,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,0CACb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,sEAA8D,GAAS,EACpF,EAAA,EAAA,MAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,QAAQ,EAC9B,EAAA,EAAA,KAAC,QAAA,CAAM,UAAU,kBAAS,OAAW,CAAA,EACnC,EACJ,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,4DACb,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,mBAC5D,EAAA,EAAA,KAACC,EAAAA,UAAAA,EAAAA,CAAY,EACN,EACT,EAAA,EAAA,MAACD,EAAAA,EAAAA,CAAO,UAAU,8CAChB,EAAA,EAAA,KAACE,EAAAA,iBAAAA,EAAAA,CAAmB,EACpB,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,kCAAyB,gBAAgB,CAAA,EAC/C,CAAA,EACL,GACF,CAAA,EACD"}

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

@@ -1,2 +1,2 @@
-import"../dist-B3j6PslN.js";import"../button-variants-D1PJJEST.js";import{t as e}from"../button-dQ8MuLKP.js";import{t}from"../card-k3r3Jp5I.js";import"../skeleton-DO7Vt-7f.js";import{t as n}from"../image-DQ3Kw6Yx.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};
+import"../dist--0WptDez.js";import"../button.variants-D-o2smvP.js";import{t as e}from"../button-ZBnX9IoC.js";import{t}from"../card-Ck4l6oKk.js";import"../skeleton-CDtN_I2p.js";import{t as n}from"../image-CEpDTwsN.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/product-card-BfYUMXyG.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-BfYUMXyG.d.cts.map

package/dist/cards/product-card-PDm2RvPF.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-PDm2RvPF.d.ts.map

package/dist/cards/product-card.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-DjWAcSYV.cjs`);require(`../dist-BdSAGFCS.cjs`),require(`../button-variants-BebiEdiS.cjs`);const t=require(`../button-BKgDCyHZ.cjs`),n=require(`../card-yhGgMiTX.cjs`);require(`../skeleton-DYa_q0Y4.cjs`);const r=require(`../image-lnojols3.cjs`);let i=require(`lucide-react`);i=e.t(i);let a=require(`react/jsx-runtime`);a=e.t(a);const o=({name:e,thumbnail:o,price:s})=>(0,a.jsxs)(n.t,{className:`size-full gap-y-2 p-2 pb-4`,children:[(0,a.jsx)(r.t,{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.t,{className:`flex-1`,children:[(0,a.jsx)(i.ShoppingCartIcon,{}),`Thêm vào giỏ`]}),(0,a.jsx)(t.t,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:(0,a.jsx)(i.HeartIcon,{})})]})]})]});exports.ProductCard=o;
+const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../dist-Dh8WwRa8.cjs`),require(`../button.variants-D1vkzrn1.cjs`);const t=require(`../button-BSQjtXgG.cjs`),n=require(`../card-BTXXktN5.cjs`);require(`../skeleton-C4suljHP.cjs`);const r=require(`../image-Dq0ZoOjj.cjs`);let i=require(`lucide-react`),a=require(`react/jsx-runtime`);const o=({name:e,thumbnail:o,price:s})=>(0,a.jsxs)(n.t,{className:`size-full gap-y-2 p-2 pb-4`,children:[(0,a.jsx)(r.t,{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.t,{className:`flex-1`,children:[(0,a.jsx)(i.ShoppingCartIcon,{}),`Thêm vào giỏ`]}),(0,a.jsx)(t.t,{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

@@ -1 +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":"gWAeA,MAAaA,GAAgC,CAAE,OAAM,YAAW,YAE5D,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAK,UAAU,wCACd,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAM,IAAK,EAAW,UAAU,iBAAkB,EACnD,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,mCACb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,mDAA2C,GAAS,EACjE,EAAA,EAAA,MAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,QAAQ,EAC9B,EAAA,EAAA,KAAC,QAAA,CAAM,UAAU,kBAAS,OAAW,CAAA,EACnC,EACJ,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,+BACb,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAO,UAAU,oBAChB,EAAA,EAAA,KAACC,EAAAA,iBAAAA,EAAAA,CAAmB,CAAA,eAAA,EAEb,EACT,EAAA,EAAA,KAACD,EAAAA,EAAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,mBAC5D,EAAA,EAAA,KAACE,EAAAA,UAAAA,EAAAA,CAAY,EACN,CAAA,EACL,GACF,CAAA,EACD"}
+{"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":"0UAeA,MAAaA,GAAgC,CAAE,OAAM,YAAW,YAE5D,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAK,UAAU,wCACd,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAM,IAAK,EAAW,UAAU,iBAAkB,EACnD,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,mCACb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,mDAA2C,GAAS,EACjE,EAAA,EAAA,MAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,QAAQ,EAC9B,EAAA,EAAA,KAAC,QAAA,CAAM,UAAU,kBAAS,OAAW,CAAA,EACnC,EACJ,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,+BACb,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAO,UAAU,oBAChB,EAAA,EAAA,KAACC,EAAAA,iBAAAA,EAAAA,CAAmB,CAAA,eAAA,EAEb,EACT,EAAA,EAAA,KAACD,EAAAA,EAAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,mBAC5D,EAAA,EAAA,KAACE,EAAAA,UAAAA,EAAAA,CAAY,EACN,CAAA,EACL,GACF,CAAA,EACD"}

package/dist/cards/product-card.js

@@ -1,2 +1,2 @@
-import"../dist-B3j6PslN.js";import"../button-variants-D1PJJEST.js";import{t as e}from"../button-dQ8MuLKP.js";import{t}from"../card-k3r3Jp5I.js";import"../skeleton-DO7Vt-7f.js";import{t as n}from"../image-DQ3Kw6Yx.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};
+import"../dist--0WptDez.js";import"../button.variants-D-o2smvP.js";import{t as e}from"../button-ZBnX9IoC.js";import{t}from"../card-Ck4l6oKk.js";import"../skeleton-CDtN_I2p.js";import{t as n}from"../image-CEpDTwsN.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/simple-card-CVRBXeN9.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region packages/components/cards/simple-card.d.ts
+type Props = {
+  title: string;
+  description?: string;
+  action?: React.ReactNode;
+  footer?: React.ReactNode;
+};
+declare const SimpleCard: ({
+  title,
+  description,
+  action,
+  footer,
+  children
+}: React.PropsWithChildren<Props>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SimpleCard };
+//# sourceMappingURL=simple-card-CVRBXeN9.d.cts.map

package/dist/cards/simple-card-DgqPLzbM.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region packages/components/cards/simple-card.d.ts
+type Props = {
+  title: string;
+  description?: string;
+  action?: React.ReactNode;
+  footer?: React.ReactNode;
+};
+declare const SimpleCard: ({
+  title,
+  description,
+  action,
+  footer,
+  children
+}: React.PropsWithChildren<Props>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SimpleCard };
+//# sourceMappingURL=simple-card-DgqPLzbM.d.ts.map

package/dist/cards/simple-card.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-DjWAcSYV.cjs`),t=require(`../card-yhGgMiTX.cjs`);let n=require(`react/jsx-runtime`);n=e.t(n);const r=({title:e,description:r,action:i,footer:a,children:o})=>(0,n.jsxs)(t.t,{children:[(0,n.jsxs)(t.o,{children:[(0,n.jsx)(t.s,{children:e}),(0,n.jsx)(t.i,{children:r}),i&&(0,n.jsx)(t.n,{children:i})]}),(0,n.jsx)(t.r,{children:o}),a&&(0,n.jsx)(t.a,{children:a})]});exports.SimpleCard=r;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../card-BTXXktN5.cjs`);let n=require(`react/jsx-runtime`);const r=({title:e,description:r,action:i,footer:a,children:o})=>(0,n.jsxs)(t.t,{children:[(0,n.jsxs)(t.o,{children:[(0,n.jsx)(t.s,{children:e}),(0,n.jsx)(t.i,{children:r}),i&&(0,n.jsx)(t.n,{children:i})]}),(0,n.jsx)(t.r,{children:o}),a&&(0,n.jsx)(t.a,{children:a})]});exports.SimpleCard=r;
 //# sourceMappingURL=simple-card.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"simple-card.cjs","names":["Card","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"sources":["../../packages/components/cards/simple-card.tsx"],"sourcesContent":["'use client';\nimport { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../ui/card';\n\ntype Props = {\n  title: string;\n  description?: string;\n  action?: React.ReactNode;\n  footer?: React.ReactNode;\n};\nexport const SimpleCard = ({ title, description, action, footer, children }: React.PropsWithChildren<Props>) => {\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>{title}</CardTitle>\n        <CardDescription>{description}</CardDescription>\n        {action && <CardAction>{action}</CardAction>}\n      </CardHeader>\n      <CardContent>{children}</CardContent>\n      {footer && <CardFooter>{footer}</CardFooter>}\n    </Card>\n  );\n};\n"],"mappings":"oIASA,MAAa,GAAc,CAAE,QAAO,cAAa,SAAQ,SAAQ,eAE7D,EAAA,EAAA,MAACA,EAAAA,EAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAW,EAAA,CAAkB,EAC9B,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAiB,EAAA,CAA8B,CAC/C,IAAU,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAY,EAAA,CAAoB,GACjC,EACb,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAa,WAAA,CAAuB,CACpC,IAAU,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAY,EAAA,CAAoB,GACvC"}
+{"version":3,"file":"simple-card.cjs","names":["Card","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"sources":["../../packages/components/cards/simple-card.tsx"],"sourcesContent":["'use client';\nimport { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../ui/card';\n\ntype Props = {\n  title: string;\n  description?: string;\n  action?: React.ReactNode;\n  footer?: React.ReactNode;\n};\nexport const SimpleCard = ({ title, description, action, footer, children }: React.PropsWithChildren<Props>) => {\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>{title}</CardTitle>\n        <CardDescription>{description}</CardDescription>\n        {action && <CardAction>{action}</CardAction>}\n      </CardHeader>\n      <CardContent>{children}</CardContent>\n      {footer && <CardFooter>{footer}</CardFooter>}\n    </Card>\n  );\n};\n"],"mappings":"2HASA,MAAa,GAAc,CAAE,QAAO,cAAa,SAAQ,SAAQ,eAE7D,EAAA,EAAA,MAACA,EAAAA,EAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAW,EAAA,CAAkB,EAC9B,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAiB,EAAA,CAA8B,CAC/C,IAAU,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAY,EAAA,CAAoB,GACjC,EACb,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAa,WAAA,CAAuB,CACpC,IAAU,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAY,EAAA,CAAoB,GACvC"}

package/dist/cards/simple-card.js

@@ -1,2 +1,2 @@
-"use client";import{a as e,i as t,n,o as r,r as i,s as a,t as o}from"../card-k3r3Jp5I.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(o,{children:[c(r,{children:[s(a,{children:l}),s(t,{children:u}),d&&s(n,{children:d})]}),s(i,{children:p}),f&&s(e,{children:f})]});export{l as SimpleCard};
+"use client";import{a as e,i as t,n,o as r,r as i,s as a,t as o}from"../card-Ck4l6oKk.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(o,{children:[c(r,{children:[s(a,{children:l}),s(t,{children:u}),d&&s(n,{children:d})]}),s(i,{children:p}),f&&s(e,{children:f})]});export{l as SimpleCard};
 //# sourceMappingURL=simple-card.js.map

package/dist/command-B2WOEAng.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./dialog-BZSD5ydg.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`),a=require(`cmdk`);function o({className:e,...t}){return(0,i.jsx)(a.Command,{"data-slot":`command`,className:(0,r.cn)(`flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive`,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.t,{...l,children:[(0,i.jsxs)(t.o,{className:`sr-only`,children:[(0,i.jsx)(t.l,{children:e}),(0,i.jsx)(t.i,{children:n})]}),(0,i.jsx)(t.r,{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:`flex h-9 items-center gap-2 border-border-weak 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-y-auto overflow-x-hidden`,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)(`-mx-1 h-px bg-border-weak`,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 select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300`,`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)(`ml-auto text-text-positive-muted text-xs tracking-widest`,e),...t})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=command-B2WOEAng.cjs.map

package/dist/command-B2WOEAng.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-B2WOEAng.cjs","names":["CommandPrimitive","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","SearchIcon"],"sources":["../packages/components/ui/command.tsx"],"sourcesContent":["'use client';\n\nimport { SearchIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\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('flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive', 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=\"flex h-9 items-center gap-2 border-border-weak 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-y-auto overflow-x-hidden', 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('-mx-1 h-px bg-border-weak', 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 select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300',\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('ml-auto text-text-positive-muted text-xs tracking-widest', className)} {...props} />;\n}\n\nexport { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };\n"],"mappings":"sMAUA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAAA,EAAA,KAACA,EAAAA,QAAAA,CACC,YAAU,UACV,WAAA,EAAA,EAAA,IAAc,sGAAuG,EAAU,CAC/H,GAAI,GACJ,CAIN,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAO,GAAI,aACV,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAa,UAAU,qBACtB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAa,EAAA,CAAoB,EAClC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAmB,EAAA,CAAgC,CAAA,EACvC,EACf,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAc,WAAA,EAAA,EAAA,IAAc,sBAAuB,EAAU,CAAmB,4BAC/E,EAAA,EAAA,KAAC,EAAA,CACC,WAAA,EAAA,EAAA,IACE,qDACA,4CACA,iCACA,wCACA,yBACA,oDACA,sCACA,yBACA,wBACA,wBACA,6BACD,CAEA,YACO,EACI,CAAA,EACT,CAIb,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,6BAAA,CAA+B,EACrD,EAAA,EAAA,KAACN,EAAAA,QAAiB,MAAA,CAChB,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,yEACA,uCACA,8BACA,sBACA,EACD,CACD,GAAI,GACJ,CAAA,EACE,CAIV,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAAK,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAG1J,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,MAAA,CAAM,YAAU,gBAAgB,UAAU,2BAA2B,GAAI,GAAS,CAG7G,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,MAAA,CAChB,YAAU,gBACV,WAAA,EAAA,EAAA,IACE,qBACA,sBACA,oDACA,iCACA,mCACA,oCACA,wCACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,UAAA,CAAU,YAAU,oBAAoB,WAAA,EAAA,EAAA,IAAc,4BAA6B,EAAU,CAAE,GAAI,GAAS,CAGvI,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,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OAAO,EAAA,EAAA,KAAC,OAAA,CAAK,YAAU,mBAAmB,WAAA,EAAA,EAAA,IAAc,2DAA4D,EAAU,CAAE,GAAI,GAAS"}

package/dist/command-BCjoeG8s.js

@@ -0,0 +1,2 @@
+import{i as e,l as t,o as n,r,t as i}from"./dialog-BXrkkvSS.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(`flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive`,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(i,{...m,children:[c(n,{className:`sr-only`,children:[s(t,{children:a}),s(e,{children:l})]}),s(r,{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:`flex h-9 items-center gap-2 border-border-weak 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-y-auto overflow-x-hidden`,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(`-mx-1 h-px bg-border-weak`,e),...t})}function _({className:e,...t}){return s(l.Item,{"data-slot":`command-item`,className:o(`relative flex cursor-pointer select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300`,`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(`ml-auto text-text-positive-muted text-xs tracking-widest`,e),...t})}export{f as a,g as c,h as i,v as l,d as n,_ as o,m as r,p as s,u as t};
+//# sourceMappingURL=command-BCjoeG8s.js.map

package/dist/command-BCjoeG8s.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-BCjoeG8s.js","names":["Command","CommandPrimitive"],"sources":["../packages/components/ui/command.tsx"],"sourcesContent":["'use client';\n\nimport { SearchIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\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('flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive', 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=\"flex h-9 items-center gap-2 border-border-weak 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-y-auto overflow-x-hidden', 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('-mx-1 h-px bg-border-weak', 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 select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300',\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('ml-auto text-text-positive-muted text-xs tracking-widest', className)} {...props} />;\n}\n\nexport { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };\n"],"mappings":"+OAUA,SAASA,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAACC,EAAAA,CACC,YAAU,UACV,UAAW,EAAG,sGAAuG,EAAU,CAC/H,GAAI,GACJ,CAIN,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,EAAA,CAAoB,CAClC,EAAC,EAAA,CAAA,SAAmB,EAAA,CAAgC,CAAA,EACvC,CACf,EAAC,EAAA,CAAc,UAAW,EAAG,sBAAuB,EAAU,CAAmB,2BAC/E,EAACD,EAAAA,CACC,UAAW,EACT,qDACA,4CACA,iCACA,wCACA,yBACA,oDACA,sCACA,yBACA,wBACA,wBACA,6BACD,CAEA,YACO,EACI,CAAA,EACT,CAIb,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAC,MAAA,CAAI,YAAU,wBAAwB,UAAU,yEAC/C,EAAC,EAAA,CAAW,UAAU,6BAAA,CAA+B,CACrD,EAACC,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAW,EACT,yEACA,uCACA,8BACA,sBACA,EACD,CACD,GAAI,GACJ,CAAA,EACE,CAIV,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAiB,KAAA,CAAK,YAAU,eAAe,UAAW,EAAG,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAG1J,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAiB,MAAA,CAAM,YAAU,gBAAgB,UAAU,2BAA2B,GAAI,GAAS,CAG7G,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAACA,EAAiB,MAAA,CAChB,YAAU,gBACV,UAAW,EACT,qBACA,sBACA,oDACA,iCACA,mCACA,oCACA,wCACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAACA,EAAiB,UAAA,CAAU,YAAU,oBAAoB,UAAW,EAAG,4BAA6B,EAAU,CAAE,GAAI,GAAS,CAGvI,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,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OAAO,EAAC,OAAA,CAAK,YAAU,mBAAmB,UAAW,EAAG,2DAA4D,EAAU,CAAE,GAAI,GAAS"}

package/dist/command-BY7heULC.d.ts

@@ -0,0 +1,52 @@
+import { t as Dialog } from "./dialog-C1pj-7IA.js";
+import * as react_jsx_runtime120 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_runtime120.JSX.Element;
+declare function CommandDialog({
+  title,
+  description,
+  children,
+  className,
+  showCloseButton,
+  ...props
+}: React.ComponentProps<typeof Dialog> & {
+  title?: string;
+  description?: string;
+  className?: string;
+  showCloseButton?: boolean;
+}): react_jsx_runtime120.JSX.Element;
+declare function CommandInput({
+  className,
+  ...props
+}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime120.JSX.Element;
+declare function CommandList({
+  className,
+  ...props
+}: React.ComponentProps<typeof Command.List>): react_jsx_runtime120.JSX.Element;
+declare function CommandEmpty({
+  ...props
+}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime120.JSX.Element;
+declare function CommandGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime120.JSX.Element;
+declare function CommandSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime120.JSX.Element;
+declare function CommandItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime120.JSX.Element;
+declare function CommandShortcut({
+  className,
+  ...props
+}: React.ComponentProps<'span'>): react_jsx_runtime120.JSX.Element;
+//#endregion
+export { CommandInput as a, CommandSeparator as c, CommandGroup as i, CommandShortcut as l, CommandDialog as n, CommandItem as o, CommandEmpty as r, CommandList as s, Command$1 as t };
+//# sourceMappingURL=command-BY7heULC.d.ts.map

package/dist/command-Cl8IiIDV.d.cts

@@ -0,0 +1,52 @@
+import { t as Dialog } from "./dialog-DQtTpHTQ.cjs";
+import * as react_jsx_runtime116 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_runtime116.JSX.Element;
+declare function CommandDialog({
+  title,
+  description,
+  children,
+  className,
+  showCloseButton,
+  ...props
+}: React.ComponentProps<typeof Dialog> & {
+  title?: string;
+  description?: string;
+  className?: string;
+  showCloseButton?: boolean;
+}): react_jsx_runtime116.JSX.Element;
+declare function CommandInput({
+  className,
+  ...props
+}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime116.JSX.Element;
+declare function CommandList({
+  className,
+  ...props
+}: React.ComponentProps<typeof Command.List>): react_jsx_runtime116.JSX.Element;
+declare function CommandEmpty({
+  ...props
+}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime116.JSX.Element;
+declare function CommandGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime116.JSX.Element;
+declare function CommandSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime116.JSX.Element;
+declare function CommandItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime116.JSX.Element;
+declare function CommandShortcut({
+  className,
+  ...props
+}: React.ComponentProps<'span'>): react_jsx_runtime116.JSX.Element;
+//#endregion
+export { CommandInput as a, CommandSeparator as c, CommandGroup as i, CommandShortcut as l, CommandDialog as n, CommandItem as o, CommandEmpty as r, CommandList as s, Command$1 as t };
+//# sourceMappingURL=command-Cl8IiIDV.d.cts.map

package/dist/data-display/country-BYHNk6tk.d.cts

@@ -0,0 +1,10 @@
+import { t as ECountry } from "../types-DzqAikVI.cjs";
+
+//#region packages/components/data-display/country.d.ts
+type Props = {
+  country?: ECountry | null;
+};
+declare const CountryDisplay: React.FC<React.PropsWithChildren<Props>>;
+//#endregion
+export { CountryDisplay };
+//# sourceMappingURL=country-BYHNk6tk.d.cts.map

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

@@ -0,0 +1,10 @@
+import { t as ECountry } from "../types-Cs9ZDj_X.js";
+
+//#region packages/components/data-display/country.d.ts
+type Props = {
+  country?: ECountry | null;
+};
+declare const CountryDisplay: React.FC<React.PropsWithChildren<Props>>;
+//#endregion
+export { CountryDisplay };
+//# sourceMappingURL=country-_GXKX4g8.d.ts.map

package/dist/data-display/country.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"country.cjs","names":["CountryDisplay: React.FC<React.PropsWithChildren<Props>>","ECountry","Flex","Paragraph","ReactCountryFlag"],"sources":["../../packages/components/data-display/country.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport ReactCountryFlag from 'react-country-flag';\n\nimport { ECountry } from '@/types';\n\nimport { Flex } from '../layouts/flex';\nimport { Paragraph } from '../typography/paragraph';\n\ntype Props = {\n  country?: ECountry | null;\n};\nexport const CountryDisplay: React.FC<React.PropsWithChildren<Props>> = ({ country }) => {\n  const code = useMemo(() => {\n    return {\n      [ECountry.VIETNAM]: 'VN',\n      [ECountry.USA]: 'US',\n      [ECountry.JAPAN]: 'JP',\n      [ECountry.CHINA]: 'CN',\n      [ECountry.KOREA]: 'KR',\n      [ECountry.SINGAPORE]: 'SG',\n      [ECountry.MALAYSIA]: 'MY',\n      [ECountry.INDONESIA]: 'ID',\n      [ECountry.TAIWAN]: 'TW',\n      [ECountry.THAILAND]: 'TH',\n    };\n  }, []);\n  if (!country) {\n    return (\n      <Flex padding=\"none\" className=\"h-4 px-1\">\n        <Paragraph variant=\"muted\" className=\"line-clamp-1 text-xs\">\n          No country\n        </Paragraph>\n      </Flex>\n    );\n  }\n  return (\n    <Flex padding=\"none\" className=\"h-4 px-1\">\n      <ReactCountryFlag svg countryCode={country ? code[country] : 'VN'} className=\"emojiFlag border\" />\n      <Paragraph variant=\"sm\">\n        {country === ECountry.VIETNAM && 'Vietnam'}\n        {country === ECountry.USA && 'America'}\n        {country === ECountry.JAPAN && 'Japan'}\n        {country === ECountry.CHINA && 'China'}\n        {country === ECountry.KOREA && 'Korea'}\n        {country === ECountry.SINGAPORE && 'Singapore'}\n        {country === ECountry.MALAYSIA && 'Malaysia'}\n        {country === ECountry.INDONESIA && 'Indonesia'}\n        {country === ECountry.TAIWAN && 'Taiwan'}\n        {country === ECountry.THAILAND && 'Thailand'}\n      </Paragraph>\n    </Flex>\n  );\n};\n"],"mappings":"8QAWA,MAAaA,GAA4D,CAAE,aAAc,CACvF,IAAM,GAAA,EAAA,EAAA,cACG,EACJC,EAAAA,EAAS,SAAU,MACnBA,EAAAA,EAAS,KAAM,MACfA,EAAAA,EAAS,OAAQ,MACjBA,EAAAA,EAAS,OAAQ,MACjBA,EAAAA,EAAS,OAAQ,MACjBA,EAAAA,EAAS,WAAY,MACrBA,EAAAA,EAAS,UAAW,MACpBA,EAAAA,EAAS,WAAY,MACrBA,EAAAA,EAAS,QAAS,MAClBA,EAAAA,EAAS,UAAW,KACtB,EACA,EAAE,CAAC,CAUN,OATK,GAUH,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAK,QAAQ,OAAO,UAAU,sBAC7B,EAAA,EAAA,KAACE,EAAAA,QAAAA,CAAiB,IAAA,GAAI,YAAa,EAAU,EAAK,GAAW,KAAM,UAAU,oBAAqB,EAClG,EAAA,EAAA,MAACD,EAAAA,EAAAA,CAAU,QAAQ,eAChB,IAAYF,EAAAA,EAAS,SAAW,UAChC,IAAYA,EAAAA,EAAS,KAAO,UAC5B,IAAYA,EAAAA,EAAS,OAAS,QAC9B,IAAYA,EAAAA,EAAS,OAAS,QAC9B,IAAYA,EAAAA,EAAS,OAAS,QAC9B,IAAYA,EAAAA,EAAS,WAAa,YAClC,IAAYA,EAAAA,EAAS,UAAY,WACjC,IAAYA,EAAAA,EAAS,WAAa,YAClC,IAAYA,EAAAA,EAAS,QAAU,SAC/B,IAAYA,EAAAA,EAAS,UAAY,aACxB,CAAA,EACP,EAtBL,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAK,QAAQ,OAAO,UAAU,qBAC7B,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAU,QAAQ,QAAQ,UAAU,gCAAuB,cAEhD,EACP"}
+{"version":3,"file":"country.cjs","names":["CountryDisplay: React.FC<React.PropsWithChildren<Props>>","ECountry","Flex","Paragraph","ReactCountryFlag"],"sources":["../../packages/components/data-display/country.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport ReactCountryFlag from 'react-country-flag';\n\nimport { ECountry } from '@/types';\n\nimport { Flex } from '../layouts/flex';\nimport { Paragraph } from '../typography/paragraph';\n\ntype Props = {\n  country?: ECountry | null;\n};\nexport const CountryDisplay: React.FC<React.PropsWithChildren<Props>> = ({ country }) => {\n  const code = useMemo(() => {\n    return {\n      [ECountry.VIETNAM]: 'VN',\n      [ECountry.USA]: 'US',\n      [ECountry.JAPAN]: 'JP',\n      [ECountry.CHINA]: 'CN',\n      [ECountry.KOREA]: 'KR',\n      [ECountry.SINGAPORE]: 'SG',\n      [ECountry.MALAYSIA]: 'MY',\n      [ECountry.INDONESIA]: 'ID',\n      [ECountry.TAIWAN]: 'TW',\n      [ECountry.THAILAND]: 'TH',\n    };\n  }, []);\n  if (!country) {\n    return (\n      <Flex padding=\"none\" className=\"h-4 px-1\">\n        <Paragraph variant=\"muted\" className=\"line-clamp-1 text-xs\">\n          No country\n        </Paragraph>\n      </Flex>\n    );\n  }\n  return (\n    <Flex padding=\"none\" className=\"h-4 px-1\">\n      <ReactCountryFlag svg countryCode={country ? code[country] : 'VN'} className=\"emojiFlag border\" />\n      <Paragraph variant=\"sm\">\n        {country === ECountry.VIETNAM && 'Vietnam'}\n        {country === ECountry.USA && 'America'}\n        {country === ECountry.JAPAN && 'Japan'}\n        {country === ECountry.CHINA && 'China'}\n        {country === ECountry.KOREA && 'Korea'}\n        {country === ECountry.SINGAPORE && 'Singapore'}\n        {country === ECountry.MALAYSIA && 'Malaysia'}\n        {country === ECountry.INDONESIA && 'Indonesia'}\n        {country === ECountry.TAIWAN && 'Taiwan'}\n        {country === ECountry.THAILAND && 'Thailand'}\n      </Paragraph>\n    </Flex>\n  );\n};\n"],"mappings":"oPAWA,MAAaA,GAA4D,CAAE,aAAc,CACvF,IAAM,GAAA,EAAA,EAAA,cACG,EACJC,EAAAA,EAAS,SAAU,MACnBA,EAAAA,EAAS,KAAM,MACfA,EAAAA,EAAS,OAAQ,MACjBA,EAAAA,EAAS,OAAQ,MACjBA,EAAAA,EAAS,OAAQ,MACjBA,EAAAA,EAAS,WAAY,MACrBA,EAAAA,EAAS,UAAW,MACpBA,EAAAA,EAAS,WAAY,MACrBA,EAAAA,EAAS,QAAS,MAClBA,EAAAA,EAAS,UAAW,KACtB,EACA,EAAE,CAAC,CAUN,OATK,GAUH,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAK,QAAQ,OAAO,UAAU,sBAC7B,EAAA,EAAA,KAACE,EAAAA,QAAAA,CAAiB,IAAA,GAAI,YAAa,EAAU,EAAK,GAAW,KAAM,UAAU,oBAAqB,EAClG,EAAA,EAAA,MAACD,EAAAA,EAAAA,CAAU,QAAQ,eAChB,IAAYF,EAAAA,EAAS,SAAW,UAChC,IAAYA,EAAAA,EAAS,KAAO,UAC5B,IAAYA,EAAAA,EAAS,OAAS,QAC9B,IAAYA,EAAAA,EAAS,OAAS,QAC9B,IAAYA,EAAAA,EAAS,OAAS,QAC9B,IAAYA,EAAAA,EAAS,WAAa,YAClC,IAAYA,EAAAA,EAAS,UAAY,WACjC,IAAYA,EAAAA,EAAS,WAAa,YAClC,IAAYA,EAAAA,EAAS,QAAU,SAC/B,IAAYA,EAAAA,EAAS,UAAY,aACxB,CAAA,EACP,EAtBL,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAK,QAAQ,OAAO,UAAU,qBAC7B,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAU,QAAQ,QAAQ,UAAU,gCAAuB,cAEhD,EACP"}

package/dist/data-display/country.js

@@ -1,2 +1,2 @@
-import{t as e}from"../types-EAOZr1BK.js";import{t}from"../flex-D5a9wval.js";import{t as n}from"../paragraph-2PTh7dL2.js";import{useMemo as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import o from"react-country-flag";const s=({country:s})=>{let c=r(()=>({[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?a(t,{padding:`none`,className:`h-4 px-1`,children:[i(o,{svg:!0,countryCode:s?c[s]:`VN`,className:`emojiFlag border`}),a(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`]})]}):i(t,{padding:`none`,className:`h-4 px-1`,children:i(n,{variant:`muted`,className:`line-clamp-1 text-xs`,children:`No country`})})};export{s as CountryDisplay};
+import{t as e}from"../types-hKBsaFz_.js";import{t}from"../flex-R1TY6P_u.js";import{t as n}from"../paragraph-eZ-12KwF.js";import{useMemo as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import o from"react-country-flag";const s=({country:s})=>{let c=r(()=>({[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?a(t,{padding:`none`,className:`h-4 px-1`,children:[i(o,{svg:!0,countryCode:s?c[s]:`VN`,className:`emojiFlag border`}),a(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`]})]}):i(t,{padding:`none`,className:`h-4 px-1`,children:i(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-CspR0F32.d.ts

@@ -0,0 +1,14 @@
+//#region packages/components/data-display/data-list.d.ts
+type DataListProps = {
+  title?: string;
+};
+declare const DataList: React.FC<React.PropsWithChildren<DataListProps>>;
+type DataListItemProps = {
+  label: string;
+  value: string | number | React.ReactNode;
+  minLabelWidth?: string;
+};
+declare const DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>>;
+//#endregion
+export { DataList, DataListItem };
+//# sourceMappingURL=data-list-CspR0F32.d.ts.map

package/dist/data-display/data-list-DBOj-HTO.d.cts

@@ -0,0 +1,14 @@
+//#region packages/components/data-display/data-list.d.ts
+type DataListProps = {
+  title?: string;
+};
+declare const DataList: React.FC<React.PropsWithChildren<DataListProps>>;
+type DataListItemProps = {
+  label: string;
+  value: string | number | React.ReactNode;
+  minLabelWidth?: string;
+};
+declare const DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>>;
+//#endregion
+export { DataList, DataListItem };
+//# sourceMappingURL=data-list-DBOj-HTO.d.cts.map

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

@@ -1,2 +1,2 @@
-const e=require(`../chunk-DjWAcSYV.cjs`),t=require(`../flex-CARSrVMd.cjs`);let n=require(`react/jsx-runtime`);n=e.t(n);const r=({children:e})=>(0,n.jsx)(t.t,{vertical:!0,padding:`none`,gap:`md`,width:`full`,children:e}),i=({label:e,value:r,minLabelWidth:i=`120px`})=>(0,n.jsxs)(t.t,{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-Bmb41Sf3.cjs`),t=require(`../flex-CKdTJVZS.cjs`);let n=require(`react/jsx-runtime`);const r=({children:e})=>(0,n.jsx)(t.t,{vertical:!0,padding:`none`,gap:`md`,width:`full`,children:e}),i=({label:e,value:r,minLabelWidth:i=`120px`})=>(0,n.jsxs)(t.t,{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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-list.cjs","names":["DataList: React.FC<React.PropsWithChildren<DataListProps>>","Flex","DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>>"],"sources":["../../packages/components/data-display/data-list.tsx"],"sourcesContent":["import { Flex } from '@/components/layouts/flex';\n\ntype DataListProps = {\n  title?: string;\n};\nexport const DataList: React.FC<React.PropsWithChildren<DataListProps>> = ({ children }) => {\n  return (\n    <Flex vertical padding=\"none\" gap=\"md\" width=\"full\">\n      {children}\n    </Flex>\n  );\n};\n\ntype DataListItemProps = {\n  label: string;\n  value: string | number | React.ReactNode;\n  minLabelWidth?: string;\n};\n\nexport const DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>> = ({ label, value, minLabelWidth = '120px' }) => {\n  return (\n    <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\">\n      <div style={{ minWidth: minLabelWidth }} className=\"text-muted-foreground text-sm\">\n        {label}\n      </div>\n      <div className=\"text-secondary-foreground text-sm\">{value}</div>\n    </Flex>\n  );\n};\n"],"mappings":"uHAKA,MAAaA,GAA8D,CAAE,eAEzE,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAK,SAAA,GAAS,QAAQ,OAAO,IAAI,KAAK,MAAM,OAC1C,YACI,CAUEC,GAAsE,CAAE,QAAO,QAAO,gBAAgB,YAE/G,EAAA,EAAA,MAACD,EAAAA,EAAAA,CAAK,MAAM,SAAS,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO,IAAI,KAAK,UAAU,6EAClF,EAAA,EAAA,KAAC,MAAA,CAAI,MAAO,CAAE,SAAU,EAAe,CAAE,UAAU,yCAChD,GACG,EACN,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,6CAAqC,GAAY,CAAA,EAC3D"}
+{"version":3,"file":"data-list.cjs","names":["DataList: React.FC<React.PropsWithChildren<DataListProps>>","Flex","DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>>"],"sources":["../../packages/components/data-display/data-list.tsx"],"sourcesContent":["import { Flex } from '@/components/layouts/flex';\n\ntype DataListProps = {\n  title?: string;\n};\nexport const DataList: React.FC<React.PropsWithChildren<DataListProps>> = ({ children }) => {\n  return (\n    <Flex vertical padding=\"none\" gap=\"md\" width=\"full\">\n      {children}\n    </Flex>\n  );\n};\n\ntype DataListItemProps = {\n  label: string;\n  value: string | number | React.ReactNode;\n  minLabelWidth?: string;\n};\n\nexport const DataListItem: React.FC<React.PropsWithChildren<DataListItemProps>> = ({ label, value, minLabelWidth = '120px' }) => {\n  return (\n    <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\">\n      <div style={{ minWidth: minLabelWidth }} className=\"text-muted-foreground text-sm\">\n        {label}\n      </div>\n      <div className=\"text-secondary-foreground text-sm\">{value}</div>\n    </Flex>\n  );\n};\n"],"mappings":"8GAKA,MAAaA,GAA8D,CAAE,eAEzE,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAK,SAAA,GAAS,QAAQ,OAAO,IAAI,KAAK,MAAM,OAC1C,YACI,CAUEC,GAAsE,CAAE,QAAO,QAAO,gBAAgB,YAE/G,EAAA,EAAA,MAACD,EAAAA,EAAAA,CAAK,MAAM,SAAS,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO,IAAI,KAAK,UAAU,6EAClF,EAAA,EAAA,KAAC,MAAA,CAAI,MAAO,CAAE,SAAU,EAAe,CAAE,UAAU,yCAChD,GACG,EACN,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,6CAAqC,GAAY,CAAA,EAC3D"}

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

@@ -1,2 +1,2 @@
-import{t as e}from"../flex-D5a9wval.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{t as e}from"../flex-R1TY6P_u.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-8KQZC2cQ.d.ts

@@ -0,0 +1,13 @@
+//#region packages/components/data-display/date.d.ts
+interface Props {
+  date: Date | string | number;
+  format?: 'short' | 'medium' | 'long' | 'full' | 'relative' | 'datetime' | 'time' | 'smart';
+  showHoliday?: boolean;
+  showTime?: boolean;
+  className?: string;
+  title?: string;
+}
+declare const DateDisplay: React.FC<Props>;
+//#endregion
+export { DateDisplay };
+//# sourceMappingURL=date-8KQZC2cQ.d.ts.map

package/dist/data-display/date-KuD1OzYN.d.cts

@@ -0,0 +1,13 @@
+//#region packages/components/data-display/date.d.ts
+interface Props {
+  date: Date | string | number;
+  format?: 'short' | 'medium' | 'long' | 'full' | 'relative' | 'datetime' | 'time' | 'smart';
+  showHoliday?: boolean;
+  showTime?: boolean;
+  className?: string;
+  title?: string;
+}
+declare const DateDisplay: React.FC<Props>;
+//#endregion
+export { DateDisplay };
+//# sourceMappingURL=date-KuD1OzYN.d.cts.map

package/dist/data-display/date-tooltip-BHkZwZMS.d.cts

@@ -0,0 +1,8 @@
+//#region packages/components/data-display/date-tooltip.d.ts
+type Props = {
+  date: Date | string | number;
+};
+declare const DateTooltip: React.FC<Props>;
+//#endregion
+export { DateTooltip };
+//# sourceMappingURL=date-tooltip-BHkZwZMS.d.cts.map

package/dist/data-display/date-tooltip-pm6R94-T.d.ts

@@ -0,0 +1,8 @@
+//#region packages/components/data-display/date-tooltip.d.ts
+type Props = {
+  date: Date | string | number;
+};
+declare const DateTooltip: React.FC<Props>;
+//#endregion
+export { DateTooltip };
+//# sourceMappingURL=date-tooltip-pm6R94-T.d.ts.map

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

@@ -1,2 +1,2 @@
-const e=require(`../chunk-DjWAcSYV.cjs`),t=require(`../badge-MFLqzjPS.cjs`),n=require(`../tooltip-GiGkjS_8.cjs`),r=require(`../date-DfUDZmkO.cjs`);let i=require(`react/jsx-runtime`);i=e.t(i);const a=({date:e})=>(0,i.jsx)(n.r,{children:(0,i.jsxs)(n.t,{children:[(0,i.jsx)(n.i,{asChild:!0,children:(0,i.jsx)(t.t,{className:`h-fit`,children:(0,i.jsx)(r.t,{date:e,format:`medium`,className:`font-normal text-white`})})}),(0,i.jsx)(n.n,{children:(0,i.jsx)(r.t,{date:e,format:`full`,showTime:!0,className:`!font-[Inter] font-medium`})})]})});exports.DateTooltip=a;
+const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../badge-CsDmp3ys.cjs`),n=require(`../tooltip-zYWazsY5.cjs`),r=require(`../date-Dz80x-53.cjs`);let i=require(`react/jsx-runtime`);const a=({date:e})=>(0,i.jsx)(n.r,{children:(0,i.jsxs)(n.t,{children:[(0,i.jsx)(n.i,{asChild:!0,children:(0,i.jsx)(t.t,{className:`h-fit`,children:(0,i.jsx)(r.t,{date:e,format:`medium`,className:`font-normal text-white`})})}),(0,i.jsx)(n.n,{children:(0,i.jsx)(r.t,{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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"date-tooltip.cjs","names":["DateTooltip: React.FC<Props>","TooltipProvider","Tooltip","TooltipTrigger","Badge","DateDisplay","TooltipContent"],"sources":["../../packages/components/data-display/date-tooltip.tsx"],"sourcesContent":["import { Badge } from '@/components/ui/badge';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';\nimport { DateDisplay } from './date';\n\ntype Props = {\n  date: Date | string | number;\n};\nexport const DateTooltip: React.FC<Props> = ({ date }) => {\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Badge className=\"h-fit\">\n            <DateDisplay date={date} format=\"medium\" className=\"font-normal text-white\" />\n          </Badge>\n        </TooltipTrigger>\n        <TooltipContent>\n          <DateDisplay date={date} format=\"full\" showTime className=\"!font-[Inter] font-medium\" />\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n"],"mappings":"+LAOA,MAAaA,GAAgC,CAAE,WAE3C,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,UACC,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAe,QAAA,aACd,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAM,UAAU,kBACf,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAkB,OAAM,OAAO,SAAS,UAAU,0BAA2B,EACxE,EACO,EACjB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,UACC,EAAA,EAAA,KAACD,EAAAA,EAAAA,CAAkB,OAAM,OAAO,OAAO,SAAA,GAAS,UAAU,6BAA8B,CAAA,CACzE,CAAA,CAAA,CACT,CAAA,CACM"}
+{"version":3,"file":"date-tooltip.cjs","names":["DateTooltip: React.FC<Props>","TooltipProvider","Tooltip","TooltipTrigger","Badge","DateDisplay","TooltipContent"],"sources":["../../packages/components/data-display/date-tooltip.tsx"],"sourcesContent":["import { Badge } from '@/components/ui/badge';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';\nimport { DateDisplay } from './date';\n\ntype Props = {\n  date: Date | string | number;\n};\nexport const DateTooltip: React.FC<Props> = ({ date }) => {\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Badge className=\"h-fit\">\n            <DateDisplay date={date} format=\"medium\" className=\"font-normal text-white\" />\n          </Badge>\n        </TooltipTrigger>\n        <TooltipContent>\n          <DateDisplay date={date} format=\"full\" showTime className=\"!font-[Inter] font-medium\" />\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n"],"mappings":"sLAOA,MAAaA,GAAgC,CAAE,WAE3C,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,UACC,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAe,QAAA,aACd,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAM,UAAU,kBACf,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAkB,OAAM,OAAO,SAAS,UAAU,0BAA2B,EACxE,EACO,EACjB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,UACC,EAAA,EAAA,KAACD,EAAAA,EAAAA,CAAkB,OAAM,OAAO,OAAO,SAAA,GAAS,UAAU,6BAA8B,CAAA,CACzE,CAAA,CAAA,CACT,CAAA,CACM"}

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

@@ -1,2 +1,2 @@
-import{t as e}from"../badge-Zf7wUKPD.js";import{i as t,n,r,t as i}from"../tooltip-Ci4vGJVw.js";import{t as a}from"../date-CbZskk0Z.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({date:c})=>o(r,{children:s(i,{children:[o(t,{asChild:!0,children:o(e,{className:`h-fit`,children:o(a,{date:c,format:`medium`,className:`font-normal text-white`})})}),o(n,{children:o(a,{date:c,format:`full`,showTime:!0,className:`!font-[Inter] font-medium`})})]})});export{c as DateTooltip};
+import{t as e}from"../badge-D_B2LoLK.js";import{i as t,n,r,t as i}from"../tooltip-ceiBtqIu.js";import{t as a}from"../date-CbkR0dCB.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({date:c})=>o(r,{children:s(i,{children:[o(t,{asChild:!0,children:o(e,{className:`h-fit`,children:o(a,{date:c,format:`medium`,className:`font-normal text-white`})})}),o(n,{children:o(a,{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-DfUDZmkO.cjs`);exports.DateDisplay=e.t;
+const e=require(`../date-Dz80x-53.cjs`);exports.DateDisplay=e.t;

package/dist/data-display/date.js

@@ -1 +1 @@
-import{t as e}from"../date-CbZskk0Z.js";export{e as DateDisplay};
+import{t as e}from"../date-CbkR0dCB.js";export{e as DateDisplay};

package/dist/data-display/empty-DjeAODSS.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region packages/components/data-display/empty.d.ts
+declare const EmptyDisplay: () => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { EmptyDisplay };
+//# sourceMappingURL=empty-DjeAODSS.d.ts.map

package/dist/data-display/empty-QNYxvaDR.d.cts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region packages/components/data-display/empty.d.ts
+declare const EmptyDisplay: () => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { EmptyDisplay };
+//# sourceMappingURL=empty-QNYxvaDR.d.cts.map

package/dist/data-display/empty.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-DjWAcSYV.cjs`),t=require(`../flex-CARSrVMd.cjs`);let n=require(`lucide-react`);n=e.t(n);let r=require(`react/jsx-runtime`);r=e.t(r);const i=()=>(0,r.jsxs)(t.t,{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;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../flex-CKdTJVZS.cjs`);let n=require(`lucide-react`),r=require(`react/jsx-runtime`);const i=()=>(0,r.jsxs)(t.t,{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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"empty.cjs","names":["Flex","PackageOpenIcon"],"sources":["../../packages/components/data-display/empty.tsx"],"sourcesContent":["'use client';\nimport { PackageOpenIcon } from 'lucide-react';\n\nimport { Flex } from '../layouts/flex';\n\nexport const EmptyDisplay = () => {\n  return (\n    <Flex vertical justify=\"center\" align=\"center\" gap=\"sm\" className=\"text-text-positive-muted size-full\">\n      <PackageOpenIcon size={52} strokeWidth={1} />\n      <p className=\"text-sm\">Không có dữ liệu nào để hiển thị.</p>\n    </Flex>\n  );\n};\n"],"mappings":"2KAKA,MAAa,OAET,EAAA,EAAA,MAACA,EAAAA,EAAAA,CAAK,SAAA,GAAS,QAAQ,SAAS,MAAM,SAAS,IAAI,KAAK,UAAU,gDAChE,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,KAAM,GAAI,YAAa,GAAK,EAC7C,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,mBAAU,qCAAqC,CAAA,EACvD"}
+{"version":3,"file":"empty.cjs","names":["Flex","PackageOpenIcon"],"sources":["../../packages/components/data-display/empty.tsx"],"sourcesContent":["'use client';\nimport { PackageOpenIcon } from 'lucide-react';\n\nimport { Flex } from '../layouts/flex';\n\nexport const EmptyDisplay = () => {\n  return (\n    <Flex vertical justify=\"center\" align=\"center\" gap=\"sm\" className=\"text-text-positive-muted size-full\">\n      <PackageOpenIcon size={52} strokeWidth={1} />\n      <p className=\"text-sm\">Không có dữ liệu nào để hiển thị.</p>\n    </Flex>\n  );\n};\n"],"mappings":"qJAKA,MAAa,OAET,EAAA,EAAA,MAACA,EAAAA,EAAAA,CAAK,SAAA,GAAS,QAAQ,SAAS,MAAM,SAAS,IAAI,KAAK,UAAU,gDAChE,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,KAAM,GAAI,YAAa,GAAK,EAC7C,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,mBAAU,qCAAqC,CAAA,EACvD"}

package/dist/data-display/empty.js

@@ -1,2 +1,2 @@
-"use client";import{t as e}from"../flex-D5a9wval.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};
+"use client";import{t as e}from"../flex-R1TY6P_u.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