@customafk/lunas-ui 0.2.34 → 0.2.36

package/dist/ui/skeleton.d.cts

@@ -1,4 +1,4 @@
-import * as react98 from "react";
+import * as react85 from "react";
 
 //#region packages/components/ui/skeleton.d.ts
 
@@ -21,7 +21,7 @@ import * as react98 from "react";
 declare function Skeleton({
   className,
   ...props
-}: React.ComponentProps<'div'>): react98.JSX.Element;
+}: React.ComponentProps<'div'>): react85.JSX.Element;
 //#endregion
 export { Skeleton };
 //# sourceMappingURL=skeleton.d.cts.map

package/dist/ui/skeleton.d.mts

@@ -1,4 +1,4 @@
-import * as react143 from "react";
+import * as react213 from "react";
 
 //#region packages/components/ui/skeleton.d.ts
 
@@ -21,7 +21,7 @@ import * as react143 from "react";
 declare function Skeleton({
   className,
   ...props
-}: React.ComponentProps<'div'>): react143.JSX.Element;
+}: React.ComponentProps<'div'>): react213.JSX.Element;
 //#endregion
 export { Skeleton };
 //# sourceMappingURL=skeleton.d.mts.map

package/dist/ui/slider.d.cts

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

package/dist/ui/slider.d.mts

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

package/dist/ui/sonner.d.cts

@@ -1,4 +1,4 @@
-import * as react130 from "react";
+import * as react212 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: () => react130.JSX.Element;
+declare const Toaster: () => react212.JSX.Element;
 //#endregion
 export { Toaster, Toaster as default, toast };
 //# sourceMappingURL=sonner.d.cts.map

package/dist/ui/sonner.d.mts

@@ -1,4 +1,4 @@
-import * as react180 from "react";
+import * as react250 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: () => react180.JSX.Element;
+declare const Toaster: () => react250.JSX.Element;
 //#endregion
 export { Toaster, Toaster as default, toast };
 //# sourceMappingURL=sonner.d.mts.map

package/dist/ui/spinner.cjs

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

package/dist/ui/spinner.d.cts

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

package/dist/ui/spinner.d.mts

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

package/dist/ui/spinner.mjs

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

package/dist/ui/switch.cjs

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

package/dist/ui/switch.d.cts

@@ -1,4 +1,4 @@
-import * as react144 from "react";
+import * as react33 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>): react144.JSX.Element;
+}: React.ComponentProps<typeof Switch$1.Root>): react33.JSX.Element;
 //#endregion
 export { Switch };
 //# sourceMappingURL=switch.d.cts.map

package/dist/ui/switch.mjs

@@ -1 +1 @@
-"use client";import{t as e}from"../switch-CY25L6l0.mjs";export{e as Switch};
+"use client";import{t as e}from"../switch-BP7EPatj.mjs";export{e as Switch};

package/dist/ui/table.d.cts

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

package/dist/ui/tabs.d.cts

@@ -1,4 +1,4 @@
-import * as react158 from "react";
+import * as react215 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>): react158.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Root>): react215.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>): react158.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.List>): react215.JSX.Element;
 /** Individual tab button that activates its associated `TabsContent` panel when clicked. */
 declare function TabsTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Trigger>): react158.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Trigger>): react215.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>): react158.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Content>): react215.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 react144 from "react";
+import * as react187 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>): react144.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Root>): react187.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>): react144.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.List>): react187.JSX.Element;
 /** Individual tab button that activates its associated `TabsContent` panel when clicked. */
 declare function TabsTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Trigger>): react144.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Trigger>): react187.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>): react144.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Content>): react187.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-BB2WynyM.cjs`);exports.Textarea=e.t;
+"use client";const e=require(`../textarea-Byo8E8oi.cjs`);exports.Textarea=e.t;

package/dist/ui/textarea.d.cts

@@ -1,4 +1,4 @@
-import * as react171 from "react";
+import * as react42 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;
-}): react171.JSX.Element;
+}): react42.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.cts.map

package/dist/ui/textarea.d.mts

@@ -1,4 +1,4 @@
-import * as react198 from "react";
+import * as react249 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;
-}): react198.JSX.Element;
+}): react249.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.mts.map

package/dist/ui/textarea.mjs

@@ -1 +1 @@
-"use client";import{t as e}from"../textarea-B8eQoQaZ.mjs";export{e as Textarea};
+"use client";import{t as e}from"../textarea-7HDXcaK9.mjs";export{e as Textarea};

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

@@ -1,5 +1,5 @@
 import { toggleVariants } from "./toggle.cjs";
-import * as react185 from "react";
+import * as react102 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>): react102.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>): react102.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 react105 from "react";
+import * as react185 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>): react105.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react185.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>): react105.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react185.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.mts.map

package/dist/ui/toggle.d.cts

@@ -1,13 +1,13 @@
-import * as react170 from "react";
-import * as class_variance_authority_types7 from "class-variance-authority/types";
+import * as react53 from "react";
+import * as class_variance_authority_types2 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?: "default" | "outline" | null | undefined;
-  size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
+  variant?: "outline" | "default" | null | undefined;
+  size?: "sm" | "lg" | "default" | null | undefined;
+} & class_variance_authority_types2.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>): react170.JSX.Element;
+}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react53.JSX.Element;
 //#endregion
 export { Toggle, toggleVariants };
 //# sourceMappingURL=toggle.d.cts.map

package/dist/ui/toggle.d.mts

@@ -1,13 +1,13 @@
-import * as react196 from "react";
+import * as react184 from "react";
 import { VariantProps } from "class-variance-authority";
 import { Toggle as Toggle$1 } from "radix-ui";
-import * as class_variance_authority_types7 from "class-variance-authority/types";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
 
 //#region packages/components/ui/toggle.d.ts
 declare const toggleVariants: (props?: ({
-  variant?: "default" | "outline" | null | undefined;
-  size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
+  variant?: "outline" | "default" | null | undefined;
+  size?: "sm" | "lg" | "default" | null | undefined;
+} & class_variance_authority_types8.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>): react196.JSX.Element;
+}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react184.JSX.Element;
 //#endregion
 export { Toggle, toggleVariants };
 //# sourceMappingURL=toggle.d.mts.map

package/dist/ui/tooltip.d.cts

@@ -1,4 +1,4 @@
-import * as react223 from "react";
+import * as react86 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>): react223.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Provider>): react86.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>): react223.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Root>): react86.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>): react223.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Trigger>): react86.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>): react223.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Content>): react86.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 react100 from "react";
+import * as react275 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>): react100.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Provider>): react275.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>): react100.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Root>): react275.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>): react100.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Trigger>): react275.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>): react100.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Content>): react275.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=tooltip.d.mts.map

package/dist/{user-Cif7yb1w.mjs → user-D8Skw8dI.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-1SuFoI5h.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-Cif7yb1w.mjs.map
+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

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

@@ -1 +1 @@
-{"version":3,"file":"user-Cif7yb1w.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-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"}

package/dist/{user-CQY0YnAc.cjs → user-Dns1BKaT.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./paragraph-D-JHj7EP.cjs`),n=require(`./flex-DYh2t8ft.cjs`),r=require(`./avatar-aVxo69zP.cjs`);let i=require(`lucide-react`),a=require(`react/jsx-runtime`),o=require(`@customafk/react-toolkit/color-hash`);const s=({uuid:e,username:s,email:c})=>(0,a.jsxs)(n.t,{"data-slot":`user-display`,wrap:!1,gap:`sm`,padding:`none`,children:[(0,a.jsx)(r.t,{className:`size-10 shadow-card`,children:(0,a.jsx)(r.n,{style:{backgroundColor:o.colorHashLight.hex(e)},children:(0,a.jsx)(i.UserRoundIcon,{size:28,className:`text-white`})})}),(0,a.jsxs)(n.t,{vertical:!0,padding:`none`,gap:`none`,align:`start`,children:[(0,a.jsx)(t.t,{className:`text-sm font-medium text-text-positive`,children:s}),(0,a.jsx)(t.t,{variant:`sm`,className:`mt-0! text-xs text-text-positive-weak`,children:c})]})]});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
-//# sourceMappingURL=user-CQY0YnAc.cjs.map
+const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./paragraph-D-JHj7EP.cjs`),n=require(`./flex-DYh2t8ft.cjs`),r=require(`./avatar-CqRl9dge.cjs`);let i=require(`lucide-react`),a=require(`react/jsx-runtime`),o=require(`@customafk/react-toolkit/color-hash`);const s=({uuid:e,username:s,email:c})=>(0,a.jsxs)(n.t,{"data-slot":`user-display`,wrap:!1,gap:`sm`,padding:`none`,children:[(0,a.jsx)(r.t,{className:`size-10 shadow-card`,children:(0,a.jsx)(r.n,{style:{backgroundColor:o.colorHashLight.hex(e)},children:(0,a.jsx)(i.UserRoundIcon,{size:28,className:`text-white`})})}),(0,a.jsxs)(n.t,{vertical:!0,padding:`none`,gap:`none`,align:`start`,children:[(0,a.jsx)(t.t,{className:`text-sm font-medium text-text-positive`,children:s}),(0,a.jsx)(t.t,{variant:`sm`,className:`mt-0! text-xs text-text-positive-weak`,children:c})]})]});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=user-Dns1BKaT.cjs.map