@customafk/lunas-ui 0.1.2 → 0.1.4

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-product-card.mjs","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":"mTAeA,MAAaA,GAAoC,CAAE,OAAM,YAAW,WAEhE,EAAC,EAAA,CAAK,UAAU,gDACd,EAACC,EAAAA,CAAM,UAAU,8BAA8B,IAAK,GAAa,CACjE,EAAC,MAAA,CAAI,UAAU,yCACb,EAAC,IAAA,CAAE,UAAU,sEAA8D,GAAS,CACpF,EAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,QAAQ,CAC9B,EAAC,QAAA,CAAM,UAAU,kBAAS,OAAW,CAAA,EACnC,CACJ,EAAC,MAAA,CAAI,UAAU,2DACb,EAAC,EAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,kBAC5D,EAAC,EAAA,EAAA,CAAY,EACN,CACT,EAAC,EAAA,CAAO,UAAU,6CAChB,EAAC,EAAA,EAAA,CAAmB,CACpB,EAAC,IAAA,CAAE,UAAU,kCAAyB,gBAAgB,CAAA,EAC/C,CAAA,EACL,GACF,CAAA,EACD"}

package/dist/cards/product-card.cjs

@@ -1,2 +1,2 @@
-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;
+const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../card-ylf9pmoM.cjs`);require(`../button.variants-C--cfyfH.cjs`);const n=require(`../button-DtFiUaY7.cjs`);require(`../skeleton-C4suljHP.cjs`);const r=require(`../image-C-XEJWcw.cjs`);let i=require(`react/jsx-runtime`),a=require(`lucide-react`);const o=({name:e,thumbnail:o,price:s})=>(0,i.jsxs)(t.t,{className:`size-full gap-y-2 p-2 pb-4`,children:[(0,i.jsx)(r.t,{src:o,className:`aspect-square`}),(0,i.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,i.jsx)(`p`,{className:`line-clamp-2 h-10 text-sm font-semibold`,children:e}),(0,i.jsxs)(`p`,{className:`text-success text-base font-bold`,children:[s.toLocaleString(`vi-VN`),(0,i.jsx)(`small`,{className:`ml-0.5`,children:`VND`})]}),(0,i.jsxs)(`div`,{className:`mt-1 flex gap-x-1`,children:[(0,i.jsxs)(n.t,{className:`flex-1`,children:[(0,i.jsx)(a.ShoppingCartIcon,{}),`Thêm vào giỏ`]}),(0,i.jsx)(n.t,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:(0,i.jsx)(a.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":"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"}
+{"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":"0SAeA,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.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.mts

@@ -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.mts.map

package/dist/cards/product-card.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-card.mjs","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":"mTAeA,MAAaA,GAAgC,CAAE,OAAM,YAAW,WAE5D,EAAC,EAAA,CAAK,UAAU,uCACd,EAACC,EAAAA,CAAM,IAAK,EAAW,UAAU,iBAAkB,CACnD,EAAC,MAAA,CAAI,UAAU,kCACb,EAAC,IAAA,CAAE,UAAU,mDAA2C,GAAS,CACjE,EAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,QAAQ,CAC9B,EAAC,QAAA,CAAM,UAAU,kBAAS,OAAW,CAAA,EACnC,CACJ,EAAC,MAAA,CAAI,UAAU,8BACb,EAAC,EAAA,CAAO,UAAU,mBAChB,EAAC,EAAA,EAAA,CAAmB,CAAA,eAAA,EAEb,CACT,EAAC,EAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,kBAC5D,EAAC,EAAA,EAAA,CAAY,EACN,CAAA,EACL,GACF,CAAA,EACD"}

package/dist/cards/simple-card.cjs

@@ -1,2 +1,2 @@
-"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;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../card-ylf9pmoM.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.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.d.cts.map

package/dist/cards/simple-card.d.mts

@@ -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.d.mts.map

package/dist/cards/simple-card.mjs

@@ -0,0 +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-CSbr6zdF.mjs";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.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"simple-card.mjs","names":[],"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":"6IASA,MAAa,GAAc,CAAE,QAAO,cAAa,SAAQ,SAAQ,cAE7D,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAA,SAAW,EAAA,CAAkB,CAC9B,EAAC,EAAA,CAAA,SAAiB,EAAA,CAA8B,CAC/C,GAAU,EAAC,EAAA,CAAA,SAAY,EAAA,CAAoB,GACjC,CACb,EAAC,EAAA,CAAa,WAAA,CAAuB,CACpC,GAAU,EAAC,EAAA,CAAA,SAAY,EAAA,CAAoB,GACvC"}

package/dist/command-DjfS4EEz.mjs

@@ -0,0 +1,2 @@
+import{i as e,l as t,o as n,r,t as i}from"./dialog-BReokNfo.mjs";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(`flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive`,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(i,{...m,children:[s(n,{className:`sr-only`,children:[o(t,{children:c}),o(e,{children:l})]}),o(r,{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:`flex h-9 items-center gap-2 border-border-weak 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-y-auto overflow-x-hidden`,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(`-mx-1 h-px bg-border-weak`,e),...t})}function _({className:e,...t}){return o(l.Item,{"data-slot":`command-item`,className:a(`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 o(`span`,{"data-slot":`command-shortcut`,className:a(`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-DjfS4EEz.mjs.map

package/dist/command-DjfS4EEz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-DjfS4EEz.mjs","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":"gPAUA,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-p7dWcZcY.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./dialog-VFBezutQ.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`lucide-react`),a=require(`cmdk`);function o({className:e,...t}){return(0,r.jsx)(a.Command,{"data-slot":`command`,className:(0,n.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:i=`Search for a command to run...`,children:a,className:s,showCloseButton:c=!0,...l}){return(0,r.jsxs)(t.t,{...l,children:[(0,r.jsxs)(t.o,{className:`sr-only`,children:[(0,r.jsx)(t.l,{children:e}),(0,r.jsx)(t.i,{children:i})]}),(0,r.jsx)(t.r,{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:`flex h-9 items-center gap-2 border-border-weak 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-y-auto overflow-x-hidden`,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)(`-mx-1 h-px bg-border-weak`,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 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,r.jsx)(`span`,{"data-slot":`command-shortcut`,className:(0,n.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-p7dWcZcY.cjs.map

package/dist/command-p7dWcZcY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-p7dWcZcY.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/data-display/country.cjs

@@ -1,2 +1,2 @@
-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;
+const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../types-BgCPfa9k.cjs`),n=require(`../flex-BYj-xYaw.cjs`),r=require(`../paragraph-DK9X31Fr.cjs`);let i=require(`react/jsx-runtime`),a=require(`react`),o=require(`react-country-flag`);o=e.t(o);const s=({country:e})=>{let s=(0,a.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,i.jsxs)(n.t,{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.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,i.jsx)(n.t,{padding:`none`,className:`h-4 px-1`,children:(0,i.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.d.cts

@@ -0,0 +1,10 @@
+import { t as ECountry } from "../types-znHT0pO8.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.d.cts.map

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

@@ -0,0 +1,10 @@
+import { t as ECountry } from "../types-BQtV0CCv.mjs";
+
+//#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.d.mts.map

package/dist/data-display/country.mjs

@@ -0,0 +1,2 @@
+import{t as e}from"../types-DQpR6iue.mjs";import{t}from"../flex-DVvvRStw.mjs";import{t as n}from"../paragraph-Ce1JR2Q4.mjs";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.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"country.mjs","names":["CountryDisplay: React.FC<React.PropsWithChildren<Props>>"],"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":"gPAWA,MAAaA,GAA4D,CAAE,aAAc,CACvF,IAAM,EAAO,OACJ,EACJ,EAAS,SAAU,MACnB,EAAS,KAAM,MACf,EAAS,OAAQ,MACjB,EAAS,OAAQ,MACjB,EAAS,OAAQ,MACjB,EAAS,WAAY,MACrB,EAAS,UAAW,MACpB,EAAS,WAAY,MACrB,EAAS,QAAS,MAClB,EAAS,UAAW,KACtB,EACA,EAAE,CAAC,CAUN,OATK,EAUH,EAAC,EAAA,CAAK,QAAQ,OAAO,UAAU,qBAC7B,EAAC,EAAA,CAAiB,IAAA,GAAI,YAAa,EAAU,EAAK,GAAW,KAAM,UAAU,oBAAqB,CAClG,EAAC,EAAA,CAAU,QAAQ,eAChB,IAAY,EAAS,SAAW,UAChC,IAAY,EAAS,KAAO,UAC5B,IAAY,EAAS,OAAS,QAC9B,IAAY,EAAS,OAAS,QAC9B,IAAY,EAAS,OAAS,QAC9B,IAAY,EAAS,WAAa,YAClC,IAAY,EAAS,UAAY,WACjC,IAAY,EAAS,WAAa,YAClC,IAAY,EAAS,QAAU,SAC/B,IAAY,EAAS,UAAY,aACxB,CAAA,EACP,CAtBL,EAAC,EAAA,CAAK,QAAQ,OAAO,UAAU,oBAC7B,EAAC,EAAA,CAAU,QAAQ,QAAQ,UAAU,gCAAuB,cAEhD,EACP"}

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

@@ -1,2 +1,2 @@
-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;
+const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../flex-BYj-xYaw.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.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.d.cts.map

package/dist/data-display/data-list.d.mts

@@ -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.d.mts.map

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

@@ -0,0 +1,2 @@
+import{t as e}from"../flex-DVvvRStw.mjs";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.mjs.map

package/dist/data-display/data-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list.mjs","names":["DataList: React.FC<React.PropsWithChildren<DataListProps>>","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":"2FAKA,MAAaA,GAA8D,CAAE,cAEzE,EAAC,EAAA,CAAK,SAAA,GAAS,QAAQ,OAAO,IAAI,KAAK,MAAM,OAC1C,YACI,CAUEC,GAAsE,CAAE,QAAO,QAAO,gBAAgB,WAE/G,EAAC,EAAA,CAAK,MAAM,SAAS,QAAQ,QAAQ,MAAM,OAAO,QAAQ,OAAO,IAAI,KAAK,UAAU,4EAClF,EAAC,MAAA,CAAI,MAAO,CAAE,SAAU,EAAe,CAAE,UAAU,yCAChD,GACG,CACN,EAAC,MAAA,CAAI,UAAU,6CAAqC,GAAY,CAAA,EAC3D"}

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

@@ -1,2 +1,2 @@
-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;
+const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../date-ClRR9YT7.cjs`),n=require(`../ui/badge.cjs`),r=require(`../tooltip-zYWazsY5.cjs`);let i=require(`react/jsx-runtime`);const a=({date:e})=>(0,i.jsx)(r.r,{children:(0,i.jsxs)(r.t,{children:[(0,i.jsx)(r.i,{asChild:!0,children:(0,i.jsx)(n.Badge,{className:`h-fit`,children:(0,i.jsx)(t.t,{date:e,format:`medium`,className:`font-normal text-white`})})}),(0,i.jsx)(r.n,{children:(0,i.jsx)(t.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":"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"}
+{"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":"gLAOA,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,MAAAA,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.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.d.cts.map

package/dist/data-display/date-tooltip.d.mts

@@ -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.d.mts.map

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

@@ -0,0 +1,2 @@
+import{t as e}from"../date-DG1zSkHe.mjs";import{Badge as t}from"../ui/badge.mjs";import{i as n,n as r,r as i,t as a}from"../tooltip-DSY8tTxa.mjs";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({date:c})=>o(i,{children:s(a,{children:[o(n,{asChild:!0,children:o(t,{className:`h-fit`,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.mjs.map

package/dist/data-display/date-tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-tooltip.mjs","names":["DateTooltip: React.FC<Props>"],"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":"oMAOA,MAAaA,GAAgC,CAAE,UAE3C,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAe,QAAA,YACd,EAAC,EAAA,CAAM,UAAU,iBACf,EAAC,EAAA,CAAkB,OAAM,OAAO,SAAS,UAAU,0BAA2B,EACxE,EACO,CACjB,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAkB,OAAM,OAAO,OAAO,SAAA,GAAS,UAAU,6BAA8B,CAAA,CACzE,CAAA,CAAA,CACT,CAAA,CACM"}

package/dist/data-display/date.cjs

@@ -1 +1 @@
-const e=require(`../date-Dz80x-53.cjs`);exports.DateDisplay=e.t;
+const e=require(`../date-ClRR9YT7.cjs`);exports.DateDisplay=e.t;

package/dist/data-display/date.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.d.cts.map

package/dist/data-display/date.d.mts

@@ -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.d.mts.map

package/dist/data-display/date.mjs

@@ -0,0 +1 @@
+import{t as e}from"../date-DG1zSkHe.mjs";export{e as DateDisplay};

package/dist/data-display/empty.cjs

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

package/dist/data-display/empty.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.d.cts.map

package/dist/data-display/empty.d.mts

@@ -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.d.mts.map

package/dist/data-display/empty.mjs

@@ -0,0 +1,2 @@
+"use client";import{t as e}from"../flex-DVvvRStw.mjs";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};
+//# sourceMappingURL=empty.mjs.map

package/dist/data-display/empty.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.mjs","names":[],"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":"uJAKA,MAAa,MAET,EAAC,EAAA,CAAK,SAAA,GAAS,QAAQ,SAAS,MAAM,SAAS,IAAI,KAAK,UAAU,+CAChE,EAAC,EAAA,CAAgB,KAAM,GAAI,YAAa,GAAK,CAC7C,EAAC,IAAA,CAAE,UAAU,mBAAU,qCAAqC,CAAA,EACvD"}

package/dist/data-display/name.d.cts

@@ -0,0 +1,8 @@
+//#region packages/components/data-display/name.d.ts
+type NameDisplayProps = {
+  name: string;
+};
+declare const NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>>;
+//#endregion
+export { NameDisplay };
+//# sourceMappingURL=name.d.cts.map

package/dist/data-display/name.d.mts

@@ -0,0 +1,8 @@
+//#region packages/components/data-display/name.d.ts
+type NameDisplayProps = {
+  name: string;
+};
+declare const NameDisplay: React.FC<React.PropsWithChildren<NameDisplayProps>>;
+//#endregion
+export { NameDisplay };
+//# sourceMappingURL=name.d.mts.map

package/dist/data-display/name.mjs

@@ -0,0 +1,2 @@
+import{t as e}from"../paragraph-Ce1JR2Q4.mjs";import{i as t,n,t as r}from"../tooltip-DSY8tTxa.mjs";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({name:o})=>a(r,{children:[i(t,{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.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"name.mjs","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":"qJAOA,MAAaA,GAAoE,CAAE,UAE/E,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,mEAC/B,GACS,CAAA,CACG,CACjB,EAAC,EAAA,CAAe,MAAM,QAAQ,UAAU,6DACrC,GACc,CAAA,CAAA,CACT"}

package/dist/data-display/phone-number.d.cts

@@ -0,0 +1,7 @@
+//#region packages/components/data-display/phone-number.d.ts
+declare const PhoneNumberDisplay: React.FC<React.PropsWithChildren<{
+  value: string;
+}>>;
+//#endregion
+export { PhoneNumberDisplay };
+//# sourceMappingURL=phone-number.d.cts.map

package/dist/data-display/phone-number.d.mts

@@ -0,0 +1,7 @@
+//#region packages/components/data-display/phone-number.d.ts
+declare const PhoneNumberDisplay: React.FC<React.PropsWithChildren<{
+  value: string;
+}>>;
+//#endregion
+export { PhoneNumberDisplay };
+//# sourceMappingURL=phone-number.d.mts.map

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

@@ -0,0 +1,2 @@
+import{i as e,n as t,t as n}from"../tooltip-DSY8tTxa.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({value:a})=>i(n,{children:[r(e,{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.mjs.map

package/dist/data-display/phone-number.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-number.mjs","names":["PhoneNumberDisplay: React.FC<React.PropsWithChildren<{ value: string }>>"],"sources":["../../packages/components/data-display/phone-number.tsx"],"sourcesContent":["import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip';\n\nexport const PhoneNumberDisplay: React.FC<React.PropsWithChildren<{ value: string }>> = ({ value }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <p className=\"font-number text-secondary-foreground text-sm\">{value.replace(/(\\d{3})(\\d{3})(\\d{4})/, '($1) $2-$3')}</p>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\">\n        <p>{value.slice(1).replace(/(\\d{2})(\\d{3})(\\d{4})/, '(00) (+84) ($1) $2-$3')}</p>\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n"],"mappings":"4GAEA,MAAaA,GAA4E,CAAE,WAEvF,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAe,QAAA,YACd,EAAC,IAAA,CAAE,UAAU,yDAAiD,EAAM,QAAQ,wBAAyB,aAAa,EAAK,EACxG,CACjB,EAAC,EAAA,CAAe,MAAM,iBACpB,EAAC,IAAA,CAAA,SAAG,EAAM,MAAM,EAAE,CAAC,QAAQ,wBAAyB,wBAAwB,CAAA,CAAK,EAClE,CAAA,CAAA,CACT"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"role-badge.cjs","names":["RoleBadge: React.FC<React.PropsWithChildren<Props>>","Badge","ERole"],"sources":["../../packages/components/data-display/role-badge.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { ERole } from '@/types';\n\nimport { Badge } from '../ui/badge';\n\ntype Props = {\n  status: ERole;\n};\nexport const RoleBadge: React.FC<React.PropsWithChildren<Props>> = ({ status }) => {\n  const colors = useMemo<Record<ERole, React.ComponentProps<typeof Badge>['color']>>(() => {\n    return {\n      [ERole.ADMIN]: 'red',\n      [ERole.SUPER_ADMIN]: 'purple',\n      [ERole.MODERATOR]: 'indigo',\n      [ERole.STAFF]: 'green',\n      [ERole.USER]: 'blue',\n    };\n  }, []);\n  return (\n    <Badge color={colors[status]} className=\"min-w-24 justify-center\">\n      {status === ERole.SUPER_ADMIN && 'Super Admin'}\n      {status === ERole.ADMIN && 'Admin'}\n      {status === ERole.MODERATOR && 'Moderator'}\n      {status === ERole.STAFF && 'Staff'}\n      {status === ERole.USER && 'User'}\n    </Badge>\n  );\n};\n"],"mappings":"qKASA,MAAaA,GAAuD,CAAE,aAWlE,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAM,OAAA,EAAA,EAAA,cATA,EACJC,EAAAA,EAAM,OAAQ,OACdA,EAAAA,EAAM,aAAc,UACpBA,EAAAA,EAAM,WAAY,UAClBA,EAAAA,EAAM,OAAQ,SACdA,EAAAA,EAAM,MAAO,OACf,EACA,EAAE,CAAC,CAEiB,GAAS,UAAU,oCACrC,IAAWA,EAAAA,EAAM,aAAe,cAChC,IAAWA,EAAAA,EAAM,OAAS,QAC1B,IAAWA,EAAAA,EAAM,WAAa,YAC9B,IAAWA,EAAAA,EAAM,OAAS,QAC1B,IAAWA,EAAAA,EAAM,MAAQ,SACpB"}
+{"version":3,"file":"role-badge.cjs","names":["RoleBadge: React.FC<React.PropsWithChildren<Props>>","Badge","ERole"],"sources":["../../packages/components/data-display/role-badge.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { ERole } from '@/types';\n\nimport { Badge } from '../ui/badge';\n\ntype Props = {\n  status: ERole;\n};\nexport const RoleBadge: React.FC<React.PropsWithChildren<Props>> = ({ status }) => {\n  const colors = useMemo<Record<ERole, React.ComponentProps<typeof Badge>['color']>>(() => {\n    return {\n      [ERole.ADMIN]: 'red',\n      [ERole.SUPER_ADMIN]: 'purple',\n      [ERole.MODERATOR]: 'indigo',\n      [ERole.STAFF]: 'green',\n      [ERole.USER]: 'blue',\n    };\n  }, []);\n  return (\n    <Badge color={colors[status]} className=\"min-w-24 justify-center\">\n      {status === ERole.SUPER_ADMIN && 'Super Admin'}\n      {status === ERole.ADMIN && 'Admin'}\n      {status === ERole.MODERATOR && 'Moderator'}\n      {status === ERole.STAFF && 'Staff'}\n      {status === ERole.USER && 'User'}\n    </Badge>\n  );\n};\n"],"mappings":"+JASA,MAAaA,GAAuD,CAAE,aAWlE,EAAA,EAAA,MAACC,EAAAA,MAAAA,CAAM,OAAA,EAAA,EAAA,cATA,EACJC,EAAAA,EAAM,OAAQ,OACdA,EAAAA,EAAM,aAAc,UACpBA,EAAAA,EAAM,WAAY,UAClBA,EAAAA,EAAM,OAAQ,SACdA,EAAAA,EAAM,MAAO,OACf,EACA,EAAE,CAAC,CAEiB,GAAS,UAAU,oCACrC,IAAWA,EAAAA,EAAM,aAAe,cAChC,IAAWA,EAAAA,EAAM,OAAS,QAC1B,IAAWA,EAAAA,EAAM,WAAa,YAC9B,IAAWA,EAAAA,EAAM,OAAS,QAC1B,IAAWA,EAAAA,EAAM,MAAQ,SACpB"}

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

@@ -0,0 +1,10 @@
+import { n as ERole } from "../types-znHT0pO8.cjs";
+
+//#region packages/components/data-display/role-badge.d.ts
+type Props = {
+  status: ERole;
+};
+declare const RoleBadge: React.FC<React.PropsWithChildren<Props>>;
+//#endregion
+export { RoleBadge };
+//# sourceMappingURL=role-badge.d.cts.map

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

@@ -0,0 +1,10 @@
+import { n as ERole } from "../types-BQtV0CCv.mjs";
+
+//#region packages/components/data-display/role-badge.d.ts
+type Props = {
+  status: ERole;
+};
+declare const RoleBadge: React.FC<React.PropsWithChildren<Props>>;
+//#endregion
+export { RoleBadge };
+//# sourceMappingURL=role-badge.d.mts.map

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

@@ -0,0 +1,2 @@
+import{n as e}from"../types-DQpR6iue.mjs";import{Badge as t}from"../ui/badge.mjs";import{jsxs as n}from"react/jsx-runtime";import{useMemo as r}from"react";const i=({status:i})=>n(t,{color:r(()=>({[e.ADMIN]:`red`,[e.SUPER_ADMIN]:`purple`,[e.MODERATOR]:`indigo`,[e.STAFF]:`green`,[e.USER]:`blue`}),[])[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.mjs.map

package/dist/data-display/role-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"role-badge.mjs","names":["RoleBadge: React.FC<React.PropsWithChildren<Props>>"],"sources":["../../packages/components/data-display/role-badge.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { ERole } from '@/types';\n\nimport { Badge } from '../ui/badge';\n\ntype Props = {\n  status: ERole;\n};\nexport const RoleBadge: React.FC<React.PropsWithChildren<Props>> = ({ status }) => {\n  const colors = useMemo<Record<ERole, React.ComponentProps<typeof Badge>['color']>>(() => {\n    return {\n      [ERole.ADMIN]: 'red',\n      [ERole.SUPER_ADMIN]: 'purple',\n      [ERole.MODERATOR]: 'indigo',\n      [ERole.STAFF]: 'green',\n      [ERole.USER]: 'blue',\n    };\n  }, []);\n  return (\n    <Badge color={colors[status]} className=\"min-w-24 justify-center\">\n      {status === ERole.SUPER_ADMIN && 'Super Admin'}\n      {status === ERole.ADMIN && 'Admin'}\n      {status === ERole.MODERATOR && 'Moderator'}\n      {status === ERole.STAFF && 'Staff'}\n      {status === ERole.USER && 'User'}\n    </Badge>\n  );\n};\n"],"mappings":"2JASA,MAAaA,GAAuD,CAAE,YAWlE,EAAC,EAAA,CAAM,MAVM,OACN,EACJ,EAAM,OAAQ,OACd,EAAM,aAAc,UACpB,EAAM,WAAY,UAClB,EAAM,OAAQ,SACd,EAAM,MAAO,OACf,EACA,EAAE,CAAC,CAEiB,GAAS,UAAU,oCACrC,IAAW,EAAM,aAAe,cAChC,IAAW,EAAM,OAAS,QAC1B,IAAW,EAAM,WAAa,YAC9B,IAAW,EAAM,OAAS,QAC1B,IAAW,EAAM,MAAQ,SACpB"}

package/dist/data-display/statistic.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../flex-CKdTJVZS.cjs`);let n=require(`react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=(0,n.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,n.useCallback)((e,t)=>{let n=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,n.useMemo)(()=>{let e={};return typeof c==`number`&&c>=0&&(u&&(e.minimumFractionDigits=c),e.maximumFractionDigits=c),e},[c,u]),h=(0,n.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,n.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,n.useMemo)(()=>e===`.`&&a===`,`?g:g.replace(/,/g,a).replace(/\./g,e),[g,e,a]);return(0,i.jsxs)(t.t,{padding:`none`,className:(0,r.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,i.jsx)(`p`,{children:_}),s]})});a.displayName=`Statistic`,exports.Statistic=a;
+const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../flex-BYj-xYaw.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`react`);const 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=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.t,{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.cts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react0 from "react";
+
+//#region packages/components/data-display/statistic.d.ts
+type Props = {
+  decimalSeparator?: string;
+  groupSeparator?: string;
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+  precision?: number;
+  roundingMode?: 'round' | 'floor' | 'ceil';
+  showTrailingZeros?: boolean;
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  value: number | string;
+};
+declare const Statistic: react0.MemoExoticComponent<({
+  decimalSeparator,
+  groupSeparator,
+  prefix: Prefix,
+  suffix: Suffix,
+  precision,
+  roundingMode,
+  showTrailingZeros,
+  size,
+  value
+}: Props) => react_jsx_runtime2.JSX.Element>;
+//#endregion
+export { Statistic };
+//# sourceMappingURL=statistic.d.cts.map