@customafk/lunas-ui 0.2.36 → 0.2.38

package/dist/ui/sonner.d.mts

@@ -1,4 +1,4 @@
-import * as react250 from "react";
+import * as react177 from "react";
 import { toast } from "sonner";
 
 //#region packages/components/ui/sonner.d.ts
@@ -18,7 +18,7 @@ import { toast } from "sonner";
  * toast.error('Something went wrong.');
  * ```
  */
-declare const Toaster: () => react250.JSX.Element;
+declare const Toaster: () => react177.JSX.Element;
 //#endregion
 export { Toaster, Toaster as default, toast };
 //# sourceMappingURL=sonner.d.mts.map

package/dist/ui/sonner.mjs

@@ -1,2 +1,2 @@
-"use client";import{LoaderIcon as e}from"lucide-react";import{jsx as t}from"react/jsx-runtime";import{Toaster as n,toast as r}from"sonner";import{useTheme as i}from"next-themes";const a=()=>{let{theme:r=`system`}=i();return t(n,{richColors:!0,theme:r,expand:!1,visibleToasts:5,closeButton:!0,position:`bottom-right`,swipeDirections:[`left`,`right`],icons:{loading:t(e,{size:16,className:`animate-spin`})},toastOptions:{classNames:{toast:`!text-white !border-none rounded-lg cursor-grab active:cursor-grabbing select-none z-99999`,icon:`!size-6`,title:`!text-sm !font-bold`,description:`!text-xs !font-semibold !text-white/80`,success:`!bg-success`,info:`!bg-blue-700`,loading:`!bg-slate-500`,warning:`!bg-warning`,error:`!bg-danger`,closeButton:`!text-gray-400 hover:!text-gray-500 !bg-neutral-50 hover:!bg-gray-100 !border-none !shadow`}},className:`toaster group pointer-events-auto !z-999999`})};var o=a;export{a as Toaster,o as default,r as toast};
+"use client";import{LoaderIcon as e}from"lucide-react";import{jsx as t}from"react/jsx-runtime";import{Toaster as n,toast as r}from"sonner";import{useTheme as i}from"next-themes";const a=()=>{let{theme:r=`system`}=i();return t(n,{theme:r,expand:!1,visibleToasts:5,closeButton:!0,position:`bottom-right`,swipeDirections:[`left`,`right`],icons:{loading:t(e,{size:16,className:`animate-spin`})},style:{"--normal-bg":`rgb(124 58 237)`,"--normal-text":`white`,"--normal-border":`transparent`},toastOptions:{classNames:{toast:`!text-white !border-none !rounded-xl cursor-grab active:cursor-grabbing select-none z-99999 !px-4 !py-3.5 !gap-3 !items-center`,icon:`!size-8 !rounded-full !bg-white/20 !shrink-0 [&>svg]:!size-4 !flex !items-center !justify-center`,title:`!text-sm !font-bold !leading-snug !text-white`,description:`!text-xs !font-medium !text-white/75 !leading-snug`,success:`!bg-success`,info:`!bg-blue-700`,loading:`!bg-slate-500`,warning:`!bg-warning`,error:`!bg-danger`,closeButton:`!text-white/60 hover:!text-white !bg-white/10 hover:!bg-white/20 !border-none !top-1/2 !-translate-y-1/2 !right-3 !left-auto`}},className:`toaster group pointer-events-auto z-999999!`})};var o=a;export{a as Toaster,o as default,r as toast};
 //# sourceMappingURL=sonner.mjs.map

package/dist/ui/sonner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sonner.mjs","names":["Sonner"],"sources":["../../packages/components/ui/sonner.tsx"],"sourcesContent":["'use client';\nimport { LoaderIcon } from 'lucide-react';\nimport { useTheme } from 'next-themes';\nimport { Toaster as Sonner, toast, type ToasterProps } from 'sonner';\n\n/**\n * Global toast notification container — mount once near the root of your app; use the exported `toast` helper to trigger toasts from anywhere.\n *\n * @example\n * ```tsx\n * import { Toaster, toast } from '@customafk/lunas-ui/ui/sonner';\n *\n * // In your app root:\n * <Toaster />\n *\n * // Anywhere in your code:\n * toast.success('Saved!');\n * toast.error('Something went wrong.');\n * ```\n */\nconst Toaster = () => {\n  const { theme = 'system' } = useTheme();\n\n  return (\n    <Sonner\n      richColors\n      theme={theme as ToasterProps['theme']}\n      expand={false}\n      visibleToasts={5}\n      closeButton={true}\n      position=\"bottom-right\"\n      swipeDirections={['left', 'right']}\n      icons={{\n        loading: <LoaderIcon size={16} className=\"animate-spin\" />,\n      }}\n      toastOptions={{\n        classNames: {\n          toast: '!text-white !border-none rounded-lg cursor-grab active:cursor-grabbing select-none z-99999',\n          icon: '!size-6',\n          title: '!text-sm !font-bold',\n          description: '!text-xs !font-semibold !text-white/80',\n          success: '!bg-success',\n          info: '!bg-blue-700',\n          loading: '!bg-slate-500',\n          warning: '!bg-warning',\n          error: '!bg-danger',\n          closeButton: '!text-gray-400 hover:!text-gray-500 !bg-neutral-50 hover:!bg-gray-100 !border-none !shadow',\n        },\n      }}\n      className=\"toaster group pointer-events-auto !z-999999\"\n    />\n  );\n};\n\nexport { Toaster, toast };\nexport default Toaster;\n"],"mappings":"kLAoBA,MAAM,MAAgB,CACpB,GAAM,CAAE,QAAQ,UAAa,GAAU,CAEvC,OACE,EAACA,EAAAA,CACC,WAAA,GACO,QACP,OAAQ,GACR,cAAe,EACf,YAAa,GACb,SAAS,eACT,gBAAiB,CAAC,OAAQ,QAAQ,CAClC,MAAO,CACL,QAAS,EAAC,EAAA,CAAW,KAAM,GAAI,UAAU,gBAAiB,CAC3D,CACD,aAAc,CACZ,WAAY,CACV,MAAO,6FACP,KAAM,UACN,MAAO,sBACP,YAAa,yCACb,QAAS,cACT,KAAM,eACN,QAAS,gBACT,QAAS,cACT,MAAO,aACP,YAAa,6FACd,CACF,CACD,UAAU,+CACV,EAKN,IAAA,EAAe"}
+{"version":3,"file":"sonner.mjs","names":["Sonner"],"sources":["../../packages/components/ui/sonner.tsx"],"sourcesContent":["'use client';\nimport { LoaderIcon } from 'lucide-react';\nimport { useTheme } from 'next-themes';\nimport { Toaster as Sonner, toast, type ToasterProps } from 'sonner';\n\n/**\n * Global toast notification container — mount once near the root of your app; use the exported `toast` helper to trigger toasts from anywhere.\n *\n * @example\n * ```tsx\n * import { Toaster, toast } from '@customafk/lunas-ui/ui/sonner';\n *\n * // In your app root:\n * <Toaster />\n *\n * // Anywhere in your code:\n * toast.success('Saved!');\n * toast.error('Something went wrong.');\n * ```\n */\nconst Toaster = () => {\n  const { theme = 'system' } = useTheme();\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps['theme']}\n      expand={false}\n      visibleToasts={5}\n      closeButton={true}\n      position=\"bottom-right\"\n      swipeDirections={['left', 'right']}\n      icons={{\n        loading: <LoaderIcon size={16} className=\"animate-spin\" />,\n      }}\n      style={\n        {\n          '--normal-bg': 'rgb(124 58 237)',\n          '--normal-text': 'white',\n          '--normal-border': 'transparent',\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          toast: '!text-white !border-none !rounded-xl cursor-grab active:cursor-grabbing select-none z-99999 !px-4 !py-3.5 !gap-3 !items-center',\n          icon: '!size-8 !rounded-full !bg-white/20 !shrink-0 [&>svg]:!size-4 !flex !items-center !justify-center',\n          title: '!text-sm !font-bold !leading-snug !text-white',\n          description: '!text-xs !font-medium !text-white/75 !leading-snug',\n          success: '!bg-success',\n          info: '!bg-blue-700',\n          loading: '!bg-slate-500',\n          warning: '!bg-warning',\n          error: '!bg-danger',\n          closeButton: '!text-white/60 hover:!text-white !bg-white/10 hover:!bg-white/20 !border-none !top-1/2 !-translate-y-1/2 !right-3 !left-auto',\n        },\n      }}\n      className=\"toaster group pointer-events-auto z-999999!\"\n    />\n  );\n};\n\nexport { Toaster, toast };\nexport default Toaster;\n"],"mappings":"kLAoBA,MAAM,MAAgB,CACpB,GAAM,CAAE,QAAQ,UAAa,GAAU,CAEvC,OACE,EAACA,EAAAA,CACQ,QACP,OAAQ,GACR,cAAe,EACf,YAAa,GACb,SAAS,eACT,gBAAiB,CAAC,OAAQ,QAAQ,CAClC,MAAO,CACL,QAAS,EAAC,EAAA,CAAW,KAAM,GAAI,UAAU,gBAAiB,CAC3D,CACD,MACE,CACE,cAAe,kBACf,gBAAiB,QACjB,kBAAmB,cACpB,CAEH,aAAc,CACZ,WAAY,CACV,MAAO,iIACP,KAAM,mGACN,MAAO,gDACP,YAAa,qDACb,QAAS,cACT,KAAM,eACN,QAAS,gBACT,QAAS,cACT,MAAO,aACP,YAAa,+HACd,CACF,CACD,UAAU,+CACV,EAKN,IAAA,EAAe"}

package/dist/ui/spinner.cjs

@@ -1 +1 @@
-const e=require(`../spinner-Bdta7BMp.cjs`);exports.Spinner=e.t;
+const e=require(`../spinner-CFxorYEt.cjs`);exports.Spinner=e.t;

package/dist/ui/spinner.d.cts

@@ -1,4 +1,4 @@
-import * as react51 from "react";
+import * as react239 from "react";
 
 //#region packages/components/ui/spinner.d.ts
 
@@ -19,7 +19,7 @@ import * as react51 from "react";
 declare function Spinner({
   className,
   ...props
-}: React.ComponentProps<'svg'>): react51.JSX.Element;
+}: React.ComponentProps<'svg'>): react239.JSX.Element;
 //#endregion
 export { Spinner };
 //# sourceMappingURL=spinner.d.cts.map

package/dist/ui/spinner.d.mts

@@ -1,4 +1,4 @@
-import * as react251 from "react";
+import * as react200 from "react";
 
 //#region packages/components/ui/spinner.d.ts
 
@@ -19,7 +19,7 @@ import * as react251 from "react";
 declare function Spinner({
   className,
   ...props
-}: React.ComponentProps<'svg'>): react251.JSX.Element;
+}: React.ComponentProps<'svg'>): react200.JSX.Element;
 //#endregion
 export { Spinner };
 //# sourceMappingURL=spinner.d.mts.map

package/dist/ui/spinner.mjs

@@ -1 +1 @@
-import{t as e}from"../spinner-BCnPYF1H.mjs";export{e as Spinner};
+import{t as e}from"../spinner-eClTgHjk.mjs";export{e as Spinner};

package/dist/ui/switch.cjs

@@ -1 +1 @@
-"use client";const e=require(`../switch-Dbc77c_D.cjs`);exports.Switch=e.t;
+"use client";const e=require(`../switch-DVfOV7wP.cjs`);exports.Switch=e.t;

package/dist/ui/switch.d.cts

@@ -1,4 +1,4 @@
-import * as react33 from "react";
+import * as react238 from "react";
 import { Switch as Switch$1 } from "radix-ui";
 
 //#region packages/components/ui/switch.d.ts
@@ -20,7 +20,7 @@ import { Switch as Switch$1 } from "radix-ui";
 declare function Switch({
   className,
   ...props
-}: React.ComponentProps<typeof Switch$1.Root>): react33.JSX.Element;
+}: React.ComponentProps<typeof Switch$1.Root>): react238.JSX.Element;
 //#endregion
 export { Switch };
 //# sourceMappingURL=switch.d.cts.map

package/dist/ui/switch.d.mts

@@ -1,4 +1,4 @@
-import * as react283 from "react";
+import * as react182 from "react";
 import { Switch as Switch$1 } from "radix-ui";
 
 //#region packages/components/ui/switch.d.ts
@@ -20,7 +20,7 @@ import { Switch as Switch$1 } from "radix-ui";
 declare function Switch({
   className,
   ...props
-}: React.ComponentProps<typeof Switch$1.Root>): react283.JSX.Element;
+}: React.ComponentProps<typeof Switch$1.Root>): react182.JSX.Element;
 //#endregion
 export { Switch };
 //# sourceMappingURL=switch.d.mts.map

package/dist/ui/table.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`);const i=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`table`,{"data-slot":`table`,className:(0,n.cn)(`w-full caption-bottom text-sm`,e),...t}));i.displayName=`Table`;const a=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`thead`,{"data-slot":`table-header`,className:(0,n.cn)(`[&_tr:not(:last-child)_td]:border-b`,e),...t}));a.displayName=`TableHeader`;const o=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`tbody`,{"data-slot":`table-body`,className:(0,n.cn)(`[&_tr:last-child]:border-0`,`[&_tr]:hover:bg-muted-muted/50`,`[&_tr]:active:bg-muted-muted`,`[&_tr]:data-[state=selected]:bg-muted`,`[&_tr]:border-border-weak`,`[&_tr]:border-b`,`[&_tr]:transition-colors`,e),...t}));o.displayName=`TableBody`;const s=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`tfoot`,{"data-slot":`table-footer`,className:(0,n.cn)(`border-border-weak border-t font-medium [&>tr]:last:border-b-0`,e),...t}));s.displayName=`TableFooter`;const c=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`tr`,{"data-slot":`table-row`,className:e,...t}));c.displayName=`TableRow`;const l=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`th`,{"data-slot":`table-head`,className:(0,n.cn)(`text-text-positive-weak`,`h-10 whitespace-nowrap px-2 text-left align-middle font-medium`,`[&:has([role=checkbox])]:pr-0`,`[&>[role=checkbox]]:translate-y-0.5`,e),...t}));l.displayName=`TableHead`;const u=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`td`,{"data-slot":`table-cell`,className:e,...t}));u.displayName=`TableCell`;const d=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`caption`,{"data-slot":`table-caption`,className:(0,n.cn)(`text-text-positive-muted mt-4 text-sm`,e),...t}));d.displayName=`TableCaption`,exports.Table=i,exports.TableBody=o,exports.TableCaption=d,exports.TableCell=u,exports.TableFooter=s,exports.TableHead=l,exports.TableHeader=a,exports.TableRow=c;
+"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`);const i=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`table`,{"data-slot":`table`,className:(0,n.cn)(`w-full caption-bottom text-sm`,e),...t}));i.displayName=`Table`;const a=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`thead`,{"data-slot":`table-header`,className:(0,n.cn)(`[&_tr:not(:last-child)_td]:border-b`,e),...t}));a.displayName=`TableHeader`;const o=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`tbody`,{"data-slot":`table-body`,className:(0,n.cn)(`[&_tr:last-child]:border-0`,`[&_tr]:hover:bg-muted-muted/50`,`[&_tr]:active:bg-muted-muted`,`[&_tr]:data-[state=selected]:bg-muted`,`[&_tr]:border-border-weak`,`[&_tr]:border-b`,`[&_tr]:transition-colors`,e),...t}));o.displayName=`TableBody`;const s=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`tfoot`,{"data-slot":`table-footer`,className:(0,n.cn)(`border-border-weak border-t font-medium [&>tr]:last:border-b-0`,e),...t}));s.displayName=`TableFooter`;const c=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`tr`,{"data-slot":`table-row`,className:e,...t}));c.displayName=`TableRow`;const l=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`th`,{"data-slot":`table-head`,className:(0,n.cn)(`text-text-positive-weak`,`h-10 whitespace-nowrap px-2 text-left align-middle font-medium`,`[&:has([role=checkbox])]:pr-0`,`[&>[role=checkbox]]:translate-y-0.5`,e),...t}));l.displayName=`TableHead`;const u=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`td`,{"data-slot":`table-cell`,className:e,...t}));u.displayName=`TableCell`;const d=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`caption`,{"data-slot":`table-caption`,className:(0,n.cn)(`text-text-positive-muted mt-4 text-sm`,e),...t}));d.displayName=`TableCaption`,exports.Table=i,exports.TableBody=o,exports.TableCaption=d,exports.TableCell=u,exports.TableFooter=s,exports.TableHead=l,exports.TableHeader=a,exports.TableRow=c;
 //# sourceMappingURL=table.cjs.map

package/dist/ui/table.d.cts

@@ -1,4 +1,4 @@
-import * as react69 from "react";
+import * as react240 from "react";
 
 //#region packages/components/ui/table.d.ts
 
@@ -29,45 +29,45 @@ import * as react69 from "react";
  * </Table>
  * ```
  */
-declare const Table: react69.MemoExoticComponent<({
+declare const Table: react240.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"table">) => react69.JSX.Element>;
+}: React.ComponentProps<"table">) => react240.JSX.Element>;
 /** The `<thead>` element containing one or more header rows. */
-declare const TableHeader: react69.MemoExoticComponent<({
+declare const TableHeader: react240.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"thead">) => react69.JSX.Element>;
+}: React.ComponentProps<"thead">) => react240.JSX.Element>;
 /** The `<tbody>` element containing data rows with hover and selection styling. */
-declare const TableBody: react69.MemoExoticComponent<({
+declare const TableBody: react240.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tbody">) => react69.JSX.Element>;
+}: React.ComponentProps<"tbody">) => react240.JSX.Element>;
 /** The `<tfoot>` element for summary or aggregate rows at the bottom of the table. */
-declare const TableFooter: react69.MemoExoticComponent<({
+declare const TableFooter: react240.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tfoot">) => react69.JSX.Element>;
+}: React.ComponentProps<"tfoot">) => react240.JSX.Element>;
 /** A single `<tr>` row used inside TableHeader, TableBody, or TableFooter. */
-declare const TableRow: react69.MemoExoticComponent<({
+declare const TableRow: react240.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tr">) => react69.JSX.Element>;
+}: React.ComponentProps<"tr">) => react240.JSX.Element>;
 /** A `<th>` column header cell with medium-weight text and left alignment. */
-declare const TableHead: react69.MemoExoticComponent<({
+declare const TableHead: react240.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"th">) => react69.JSX.Element>;
+}: React.ComponentProps<"th">) => react240.JSX.Element>;
 /** A standard `<td>` data cell used inside a TableRow. */
-declare const TableCell: react69.MemoExoticComponent<({
+declare const TableCell: react240.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"td">) => react69.JSX.Element>;
+}: React.ComponentProps<"td">) => react240.JSX.Element>;
 /** An accessible `<caption>` element displayed below the table. */
-declare const TableCaption: react69.MemoExoticComponent<({
+declare const TableCaption: react240.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"caption">) => react69.JSX.Element>;
+}: React.ComponentProps<"caption">) => react240.JSX.Element>;
 //#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 //# sourceMappingURL=table.d.cts.map

package/dist/ui/table.d.mts

@@ -1,4 +1,4 @@
-import * as react74 from "react";
+import * as react183 from "react";
 
 //#region packages/components/ui/table.d.ts
 
@@ -29,45 +29,45 @@ import * as react74 from "react";
  * </Table>
  * ```
  */
-declare const Table: react74.MemoExoticComponent<({
+declare const Table: react183.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"table">) => react74.JSX.Element>;
+}: React.ComponentProps<"table">) => react183.JSX.Element>;
 /** The `<thead>` element containing one or more header rows. */
-declare const TableHeader: react74.MemoExoticComponent<({
+declare const TableHeader: react183.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"thead">) => react74.JSX.Element>;
+}: React.ComponentProps<"thead">) => react183.JSX.Element>;
 /** The `<tbody>` element containing data rows with hover and selection styling. */
-declare const TableBody: react74.MemoExoticComponent<({
+declare const TableBody: react183.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tbody">) => react74.JSX.Element>;
+}: React.ComponentProps<"tbody">) => react183.JSX.Element>;
 /** The `<tfoot>` element for summary or aggregate rows at the bottom of the table. */
-declare const TableFooter: react74.MemoExoticComponent<({
+declare const TableFooter: react183.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tfoot">) => react74.JSX.Element>;
+}: React.ComponentProps<"tfoot">) => react183.JSX.Element>;
 /** A single `<tr>` row used inside TableHeader, TableBody, or TableFooter. */
-declare const TableRow: react74.MemoExoticComponent<({
+declare const TableRow: react183.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tr">) => react74.JSX.Element>;
+}: React.ComponentProps<"tr">) => react183.JSX.Element>;
 /** A `<th>` column header cell with medium-weight text and left alignment. */
-declare const TableHead: react74.MemoExoticComponent<({
+declare const TableHead: react183.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"th">) => react74.JSX.Element>;
+}: React.ComponentProps<"th">) => react183.JSX.Element>;
 /** A standard `<td>` data cell used inside a TableRow. */
-declare const TableCell: react74.MemoExoticComponent<({
+declare const TableCell: react183.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"td">) => react74.JSX.Element>;
+}: React.ComponentProps<"td">) => react183.JSX.Element>;
 /** An accessible `<caption>` element displayed below the table. */
-declare const TableCaption: react74.MemoExoticComponent<({
+declare const TableCaption: react183.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"caption">) => react74.JSX.Element>;
+}: React.ComponentProps<"caption">) => react183.JSX.Element>;
 //#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 //# sourceMappingURL=table.d.mts.map

package/dist/ui/tabs.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({className:e,...i}){return(0,n.jsx)(r.Tabs.Root,{"data-slot":`tabs`,className:(0,t.cn)(`flex flex-col gap-2`,e),...i})}function a({className:e,...i}){return(0,n.jsx)(r.Tabs.List,{"data-slot":`tabs-list`,className:(0,t.cn)(`inline-flex h-9 w-fit items-center justify-center gap-x-1 rounded-sm bg-muted-muted p-1`,e),...i})}function o({className:e,...i}){return(0,n.jsx)(r.Tabs.Trigger,{"data-slot":`tabs-trigger`,className:(0,t.cn)(`text-text-positive-weak`,`inline-flex h-[calc(100%-1px)] min-w-32 flex-1 cursor-pointer items-center justify-center gap-1.5`,`rounded-sm`,`whitespace-nowrap border border-transparent px-2 py-1 font-medium text-sm transition`,`data-[state=active]:shadow-card`,`data-[state=active]:bg-background`,`disabled:opacity-50`,`disabled:pointer-events-none`,`focus-visible:border-primary`,`focus-visible:ring-4`,`focus-visible:ring-primary-weak`,`focus-visible:outline-1`,`focus-visible:outline-primary`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,e),...i})}function s({className:e,...i}){return(0,n.jsx)(r.Tabs.Content,{"data-slot":`tabs-content`,className:(0,t.cn)(`flex-1 outline-none`,e),...i})}exports.Tabs=i,exports.TabsContent=s,exports.TabsList=a,exports.TabsTrigger=o;
+"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({className:e,...i}){return(0,n.jsx)(r.Tabs.Root,{"data-slot":`tabs`,className:(0,t.cn)(`flex flex-col gap-2`,e),...i})}function a({className:e,...i}){return(0,n.jsx)(r.Tabs.List,{"data-slot":`tabs-list`,className:(0,t.cn)(`inline-flex h-9 w-fit items-center justify-center gap-x-1 rounded-sm bg-muted-muted p-1`,e),...i})}function o({className:e,...i}){return(0,n.jsx)(r.Tabs.Trigger,{"data-slot":`tabs-trigger`,className:(0,t.cn)(`text-text-positive-weak`,`inline-flex h-[calc(100%-1px)] min-w-32 flex-1 cursor-pointer items-center justify-center gap-1.5`,`rounded-sm`,`whitespace-nowrap border border-transparent px-2 py-1 font-medium text-sm transition`,`data-[state=active]:shadow-card`,`data-[state=active]:bg-background`,`disabled:opacity-50`,`disabled:pointer-events-none`,`focus-visible:border-primary`,`focus-visible:ring-4`,`focus-visible:ring-primary-weak`,`focus-visible:outline-1`,`focus-visible:outline-primary`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,e),...i})}function s({className:e,...i}){return(0,n.jsx)(r.Tabs.Content,{"data-slot":`tabs-content`,className:(0,t.cn)(`flex-1 outline-none`,e),...i})}exports.Tabs=i,exports.TabsContent=s,exports.TabsList=a,exports.TabsTrigger=o;
 //# sourceMappingURL=tabs.cjs.map

package/dist/ui/tabs.d.cts

@@ -1,4 +1,4 @@
-import * as react215 from "react";
+import * as react289 from "react";
 import { Tabs as Tabs$1 } from "radix-ui";
 
 //#region packages/components/ui/tabs.d.ts
@@ -23,22 +23,22 @@ import { Tabs as Tabs$1 } from "radix-ui";
 declare function Tabs({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Root>): react215.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Root>): react289.JSX.Element;
 /** Container that holds the row of `TabsTrigger` buttons with a muted background pill style. */
 declare function TabsList({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.List>): react215.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.List>): react289.JSX.Element;
 /** Individual tab button that activates its associated `TabsContent` panel when clicked. */
 declare function TabsTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Trigger>): react215.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Trigger>): react289.JSX.Element;
 /** Panel whose visibility is controlled by the active `TabsTrigger`; each panel must have a matching `value`. */
 declare function TabsContent({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Content>): react215.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Content>): react289.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };
 //# sourceMappingURL=tabs.d.cts.map

package/dist/ui/tabs.d.mts

@@ -1,4 +1,4 @@
-import * as react187 from "react";
+import * as react178 from "react";
 import { Tabs as Tabs$1 } from "radix-ui";
 
 //#region packages/components/ui/tabs.d.ts
@@ -23,22 +23,22 @@ import { Tabs as Tabs$1 } from "radix-ui";
 declare function Tabs({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Root>): react187.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Root>): react178.JSX.Element;
 /** Container that holds the row of `TabsTrigger` buttons with a muted background pill style. */
 declare function TabsList({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.List>): react187.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.List>): react178.JSX.Element;
 /** Individual tab button that activates its associated `TabsContent` panel when clicked. */
 declare function TabsTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Trigger>): react187.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Trigger>): react178.JSX.Element;
 /** Panel whose visibility is controlled by the active `TabsTrigger`; each panel must have a matching `value`. */
 declare function TabsContent({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Content>): react187.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Content>): react178.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };
 //# sourceMappingURL=tabs.d.mts.map

package/dist/ui/textarea.cjs

@@ -1 +1 @@
-"use client";const e=require(`../textarea-Byo8E8oi.cjs`);exports.Textarea=e.t;
+"use client";const e=require(`../textarea-Cc9CF8wD.cjs`);exports.Textarea=e.t;

package/dist/ui/textarea.d.cts

@@ -1,4 +1,4 @@
-import * as react42 from "react";
+import * as react300 from "react";
 
 //#region packages/components/ui/textarea.d.ts
 
@@ -24,7 +24,7 @@ declare function Textarea({
 }: React.ComponentProps<'textarea'> & {
   /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */
   onValueChange?: (value: string) => void;
-}): react42.JSX.Element;
+}): react300.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.cts.map

package/dist/ui/textarea.d.mts

@@ -1,4 +1,4 @@
-import * as react249 from "react";
+import * as react175 from "react";
 
 //#region packages/components/ui/textarea.d.ts
 
@@ -24,7 +24,7 @@ declare function Textarea({
 }: React.ComponentProps<'textarea'> & {
   /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */
   onValueChange?: (value: string) => void;
-}): react249.JSX.Element;
+}): react175.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.mts.map

package/dist/ui/toggle-group.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`./toggle.cjs`);let n=require(`react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`),a=require(`radix-ui`);const o=(0,n.createContext)({size:`default`,variant:`default`});function s({className:e,variant:t,size:n,children:s,...c}){return(0,i.jsx)(a.ToggleGroup.Root,{"data-slot":`toggle-group`,"data-variant":t,"data-size":n,className:(0,r.cn)(`group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs`,e),...c,children:(0,i.jsx)(o.Provider,{value:{variant:t,size:n},children:s})})}function c({className:e,children:s,variant:c,size:l,...u}){let d=(0,n.use)(o);return(0,i.jsx)(a.ToggleGroup.Item,{"data-slot":`toggle-group-item`,"data-variant":d.variant||c,"data-size":d.size||l,className:(0,r.cn)(t.toggleVariants({variant:d.variant||c,size:d.size||l}),`min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l`,e),...u,children:s})}exports.ToggleGroup=s,exports.ToggleGroupItem=c;
+"use client";const e=require(`../chunk-350yNsax.cjs`),t=require(`./toggle.cjs`);let n=require(`react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`),a=require(`radix-ui`);const o=(0,n.createContext)({size:`default`,variant:`default`});function s({className:e,variant:t,size:n,children:s,...c}){return(0,i.jsx)(a.ToggleGroup.Root,{"data-slot":`toggle-group`,"data-variant":t,"data-size":n,className:(0,r.cn)(`group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs`,e),...c,children:(0,i.jsx)(o.Provider,{value:{variant:t,size:n},children:s})})}function c({className:e,children:s,variant:c,size:l,...u}){let d=(0,n.use)(o);return(0,i.jsx)(a.ToggleGroup.Item,{"data-slot":`toggle-group-item`,"data-variant":d.variant||c,"data-size":d.size||l,className:(0,r.cn)(t.toggleVariants({variant:d.variant||c,size:d.size||l}),`min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l`,e),...u,children:s})}exports.ToggleGroup=s,exports.ToggleGroupItem=c;
 //# sourceMappingURL=toggle-group.cjs.map

package/dist/ui/toggle-group.d.cts

@@ -1,5 +1,5 @@
 import { toggleVariants } from "./toggle.cjs";
-import * as react102 from "react";
+import * as react301 from "react";
 import { VariantProps } from "class-variance-authority";
 import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
 
@@ -25,7 +25,7 @@ declare function ToggleGroup({
   size,
   children,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react102.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react301.JSX.Element;
 /** A single item/button within a ToggleGroup that inherits the group's variant and size. */
 declare function ToggleGroupItem({
   className,
@@ -33,7 +33,7 @@ declare function ToggleGroupItem({
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react102.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react301.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.cts.map

package/dist/ui/toggle-group.d.mts

@@ -1,5 +1,5 @@
 import { toggleVariants } from "./toggle.mjs";
-import * as react185 from "react";
+import * as react235 from "react";
 import { VariantProps } from "class-variance-authority";
 import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
 
@@ -25,7 +25,7 @@ declare function ToggleGroup({
   size,
   children,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react185.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react235.JSX.Element;
 /** A single item/button within a ToggleGroup that inherits the group's variant and size. */
 declare function ToggleGroupItem({
   className,
@@ -33,7 +33,7 @@ declare function ToggleGroupItem({
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react185.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react235.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.mts.map

package/dist/ui/toggle.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`class-variance-authority`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);const a=(0,n.cva)(`inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap`,{variants:{variant:{default:`bg-transparent`,outline:`border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground`},size:{default:`h-9 px-2 min-w-9`,sm:`h-8 px-1.5 min-w-8`,lg:`h-10 px-2.5 min-w-10`}},defaultVariants:{variant:`default`,size:`default`}});function o({className:e,variant:n,size:o,...s}){return(0,r.jsx)(i.Toggle.Root,{"data-slot":`toggle`,className:(0,t.cn)(a({variant:n,size:o,className:e})),...s})}exports.Toggle=o,exports.toggleVariants=a;
+"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`class-variance-authority`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);const a=(0,n.cva)(`inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap`,{variants:{variant:{default:`bg-transparent`,outline:`border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground`},size:{default:`h-9 px-2 min-w-9`,sm:`h-8 px-1.5 min-w-8`,lg:`h-10 px-2.5 min-w-10`}},defaultVariants:{variant:`default`,size:`default`}});function o({className:e,variant:n,size:o,...s}){return(0,r.jsx)(i.Toggle.Root,{"data-slot":`toggle`,className:(0,t.cn)(a({variant:n,size:o,className:e})),...s})}exports.Toggle=o,exports.toggleVariants=a;
 //# sourceMappingURL=toggle.cjs.map

package/dist/ui/toggle.d.cts

@@ -1,13 +1,13 @@
-import * as react53 from "react";
-import * as class_variance_authority_types2 from "class-variance-authority/types";
+import * as react262 from "react";
+import * as class_variance_authority_types10 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import { Toggle as Toggle$1 } from "radix-ui";
 
 //#region packages/components/ui/toggle.d.ts
 declare const toggleVariants: (props?: ({
-  variant?: "outline" | "default" | null | undefined;
+  variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types2.ClassProp) | undefined) => string;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
 /**
  * A two-state button that switches between pressed (`on`) and unpressed (`off`).
  *
@@ -26,7 +26,7 @@ declare function Toggle({
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react53.JSX.Element;
+}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react262.JSX.Element;
 //#endregion
 export { Toggle, toggleVariants };
 //# sourceMappingURL=toggle.d.cts.map

package/dist/ui/toggle.d.mts

@@ -1,13 +1,13 @@
-import * as react184 from "react";
+import * as react199 from "react";
 import { VariantProps } from "class-variance-authority";
 import { Toggle as Toggle$1 } from "radix-ui";
-import * as class_variance_authority_types8 from "class-variance-authority/types";
+import * as class_variance_authority_types7 from "class-variance-authority/types";
 
 //#region packages/components/ui/toggle.d.ts
 declare const toggleVariants: (props?: ({
-  variant?: "outline" | "default" | null | undefined;
+  variant?: "default" | "outline" | null | undefined;
   size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types8.ClassProp) | undefined) => string;
+} & class_variance_authority_types7.ClassProp) | undefined) => string;
 /**
  * A two-state button that switches between pressed (`on`) and unpressed (`off`).
  *
@@ -26,7 +26,7 @@ declare function Toggle({
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react184.JSX.Element;
+}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react199.JSX.Element;
 //#endregion
 export { Toggle, toggleVariants };
 //# sourceMappingURL=toggle.d.mts.map

package/dist/ui/tooltip.cjs

@@ -1 +1 @@
-"use client";const e=require(`../tooltip-DC6i1A25.cjs`);exports.Tooltip=e.t,exports.TooltipContent=e.n,exports.TooltipProvider=e.r,exports.TooltipTrigger=e.i;
+"use client";const e=require(`../tooltip-CBdoIzoM.cjs`);exports.Tooltip=e.t,exports.TooltipContent=e.n,exports.TooltipProvider=e.r,exports.TooltipTrigger=e.i;

package/dist/ui/tooltip.d.cts

@@ -1,4 +1,4 @@
-import * as react86 from "react";
+import * as react258 from "react";
 import { Tooltip as Tooltip$1 } from "radix-ui";
 
 //#region packages/components/ui/tooltip.d.ts
@@ -19,7 +19,7 @@ import { Tooltip as Tooltip$1 } from "radix-ui";
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Provider>): react86.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Provider>): react258.JSX.Element;
 /**
  * Floating label that reveals supplementary text when the user hovers or focuses its trigger element.
  *
@@ -38,18 +38,18 @@ declare function TooltipProvider({
  */
 declare function Tooltip({
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Root>): react86.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Root>): react258.JSX.Element;
 /** Element that opens the tooltip on hover/focus; use `asChild` to forward props to a custom child element. */
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Trigger>): react86.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Trigger>): react258.JSX.Element;
 /** Floating panel rendered in a portal that displays the tooltip text with a directional arrow. */
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Content>): react86.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Content>): react258.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=tooltip.d.cts.map

package/dist/ui/tooltip.d.mts

@@ -1,4 +1,4 @@
-import * as react275 from "react";
+import * as react224 from "react";
 import { Tooltip as Tooltip$1 } from "radix-ui";
 
 //#region packages/components/ui/tooltip.d.ts
@@ -19,7 +19,7 @@ import { Tooltip as Tooltip$1 } from "radix-ui";
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Provider>): react275.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Provider>): react224.JSX.Element;
 /**
  * Floating label that reveals supplementary text when the user hovers or focuses its trigger element.
  *
@@ -38,18 +38,18 @@ declare function TooltipProvider({
  */
 declare function Tooltip({
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Root>): react275.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Root>): react224.JSX.Element;
 /** Element that opens the tooltip on hover/focus; use `asChild` to forward props to a custom child element. */
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Trigger>): react275.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Trigger>): react224.JSX.Element;
 /** Floating panel rendered in a portal that displays the tooltip text with a directional arrow. */
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof Tooltip$1.Content>): react275.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Content>): react224.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=tooltip.d.mts.map

package/dist/ui/tooltip.mjs

@@ -1 +1 @@
-"use client";import{i as e,n as t,r as n,t as r}from"../tooltip-BfBJRYpc.mjs";export{r as Tooltip,t as TooltipContent,n as TooltipProvider,e as TooltipTrigger};
+"use client";import{i as e,n as t,r as n,t as r}from"../tooltip-Dxl5Wa8i.mjs";export{r as Tooltip,t as TooltipContent,n as TooltipProvider,e as TooltipTrigger};

package/dist/{user-D8Skw8dI.mjs → user-DtZy4P9d.mjs}

@@ -1,2 +1,2 @@
-import{t as e}from"./paragraph-CjstaJFj.mjs";import{t}from"./flex-BAcvp4lB.mjs";import{n,t as r}from"./avatar-m1LjDIil.mjs";import{UserRoundIcon as i}from"lucide-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{colorHashLight as s}from"@customafk/react-toolkit/color-hash";const c=({uuid:c,username:l,email:u})=>o(t,{"data-slot":`user-display`,wrap:!1,gap:`sm`,padding:`none`,children:[a(r,{className:`size-10 shadow-card`,children:a(n,{style:{backgroundColor:s.hex(c)},children:a(i,{size:28,className:`text-white`})})}),o(t,{vertical:!0,padding:`none`,gap:`none`,align:`start`,children:[a(e,{className:`text-sm font-medium text-text-positive`,children:l}),a(e,{variant:`sm`,className:`mt-0! text-xs text-text-positive-weak`,children:u})]})]});export{c as t};
-//# sourceMappingURL=user-D8Skw8dI.mjs.map
+import{t as e}from"./paragraph-DYLaQtTV.mjs";import{t}from"./flex-B6YSJzGe.mjs";import{n,t as r}from"./avatar-fltdRVsJ.mjs";import{UserRoundIcon as i}from"lucide-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{colorHashLight as s}from"@customafk/react-toolkit/color-hash";const c=({uuid:c,username:l,email:u})=>o(t,{"data-slot":`user-display`,wrap:!1,gap:`sm`,padding:`none`,children:[a(r,{className:`size-10 shadow-card`,children:a(n,{style:{backgroundColor:s.hex(c)},children:a(i,{size:28,className:`text-white`})})}),o(t,{vertical:!0,padding:`none`,gap:`none`,align:`start`,children:[a(e,{className:`text-sm font-medium text-text-positive`,children:l}),a(e,{variant:`sm`,className:`mt-0! text-xs text-text-positive-weak`,children:u})]})]});export{c as t};
+//# sourceMappingURL=user-DtZy4P9d.mjs.map

package/dist/{user-D8Skw8dI.mjs.map → user-DtZy4P9d.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"user-D8Skw8dI.mjs","names":["UserDataDisplay: React.FC<UserDataDisplayProps>"],"sources":["../packages/components/data-display/user.tsx"],"sourcesContent":["'use client';\n\nimport { UserRoundIcon } from 'lucide-react';\n\nimport { colorHashLight } from '@customafk/react-toolkit/color-hash';\n\nimport { Flex } from '../layouts/flex';\nimport { Paragraph } from '../typography/paragraph';\nimport { Avatar, AvatarFallback } from '../ui/avatar';\n\ntype UserDataDisplayProps = {\n  /** Unique identifier used to deterministically generate the avatar background colour. */\n  uuid: string;\n  /** Display name rendered as the primary line of the user card. */\n  username: string;\n  /** Email address rendered as the secondary, muted line below the username. */\n  email: string;\n};\n\n/**\n * Displays a user identity card with a colour-hashed avatar, username, and email address.\n *\n * @example\n * ```tsx\n * import { UserDataDisplay } from '@customafk/lunas-ui/data-display/user';\n *\n * <UserDataDisplay uuid=\"abc-123\" username=\"Nguyễn Văn An\" email=\"an@example.com\" />\n * ```\n */\nexport const UserDataDisplay: React.FC<UserDataDisplayProps> = ({ uuid, username, email }) => {\n  return (\n    <Flex data-slot=\"user-display\" wrap={false} gap=\"sm\" padding=\"none\">\n      <Avatar className=\"size-10 shadow-card\">\n        <AvatarFallback style={{ backgroundColor: colorHashLight.hex(uuid) }}>\n          <UserRoundIcon size={28} className=\"text-white\" />\n        </AvatarFallback>\n      </Avatar>\n      <Flex vertical padding=\"none\" gap=\"none\" align=\"start\">\n        <Paragraph className=\"text-sm font-medium text-text-positive\">{username}</Paragraph>\n        <Paragraph variant=\"sm\" className=\"mt-0! text-xs text-text-positive-weak\">\n          {email}\n        </Paragraph>\n      </Flex>\n    </Flex>\n  );\n};\n"],"mappings":"gSA6BA,MAAaA,GAAmD,CAAE,OAAM,WAAU,WAE9E,EAAC,EAAA,CAAK,YAAU,eAAe,KAAM,GAAO,IAAI,KAAK,QAAQ,iBAC3D,EAAC,EAAA,CAAO,UAAU,+BAChB,EAAC,EAAA,CAAe,MAAO,CAAE,gBAAiB,EAAe,IAAI,EAAK,CAAE,UAClE,EAAC,EAAA,CAAc,KAAM,GAAI,UAAU,cAAe,EACnC,EACV,CACT,EAAC,EAAA,CAAK,SAAA,GAAS,QAAQ,OAAO,IAAI,OAAO,MAAM,kBAC7C,EAAC,EAAA,CAAU,UAAU,kDAA0C,GAAqB,CACpF,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,iDAC/B,GACS,CAAA,EACP,CAAA,EACF"}
+{"version":3,"file":"user-DtZy4P9d.mjs","names":["UserDataDisplay: React.FC<UserDataDisplayProps>"],"sources":["../packages/components/data-display/user.tsx"],"sourcesContent":["'use client';\n\nimport { UserRoundIcon } from 'lucide-react';\n\nimport { colorHashLight } from '@customafk/react-toolkit/color-hash';\n\nimport { Flex } from '../layouts/flex';\nimport { Paragraph } from '../typography/paragraph';\nimport { Avatar, AvatarFallback } from '../ui/avatar';\n\ntype UserDataDisplayProps = {\n  /** Unique identifier used to deterministically generate the avatar background colour. */\n  uuid: string;\n  /** Display name rendered as the primary line of the user card. */\n  username: string;\n  /** Email address rendered as the secondary, muted line below the username. */\n  email: string;\n};\n\n/**\n * Displays a user identity card with a colour-hashed avatar, username, and email address.\n *\n * @example\n * ```tsx\n * import { UserDataDisplay } from '@customafk/lunas-ui/data-display/user';\n *\n * <UserDataDisplay uuid=\"abc-123\" username=\"Nguyễn Văn An\" email=\"an@example.com\" />\n * ```\n */\nexport const UserDataDisplay: React.FC<UserDataDisplayProps> = ({ uuid, username, email }) => {\n  return (\n    <Flex data-slot=\"user-display\" wrap={false} gap=\"sm\" padding=\"none\">\n      <Avatar className=\"size-10 shadow-card\">\n        <AvatarFallback style={{ backgroundColor: colorHashLight.hex(uuid) }}>\n          <UserRoundIcon size={28} className=\"text-white\" />\n        </AvatarFallback>\n      </Avatar>\n      <Flex vertical padding=\"none\" gap=\"none\" align=\"start\">\n        <Paragraph className=\"text-sm font-medium text-text-positive\">{username}</Paragraph>\n        <Paragraph variant=\"sm\" className=\"mt-0! text-xs text-text-positive-weak\">\n          {email}\n        </Paragraph>\n      </Flex>\n    </Flex>\n  );\n};\n"],"mappings":"gSA6BA,MAAaA,GAAmD,CAAE,OAAM,WAAU,WAE9E,EAAC,EAAA,CAAK,YAAU,eAAe,KAAM,GAAO,IAAI,KAAK,QAAQ,iBAC3D,EAAC,EAAA,CAAO,UAAU,+BAChB,EAAC,EAAA,CAAe,MAAO,CAAE,gBAAiB,EAAe,IAAI,EAAK,CAAE,UAClE,EAAC,EAAA,CAAc,KAAM,GAAI,UAAU,cAAe,EACnC,EACV,CACT,EAAC,EAAA,CAAK,SAAA,GAAS,QAAQ,OAAO,IAAI,OAAO,MAAM,kBAC7C,EAAC,EAAA,CAAU,UAAU,kDAA0C,GAAqB,CACpF,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,iDAC/B,GACS,CAAA,EACP,CAAA,EACF"}