@customafk/lunas-ui 0.2.36 → 0.2.37

package/dist/ui/slider.d.cts

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

package/dist/ui/slider.d.mts

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

package/dist/ui/sonner.d.cts

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

package/dist/ui/spinner.d.cts

@@ -1,4 +1,4 @@
-import * as react51 from "react";
+import * as react167 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'>): react167.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 react291 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'>): react291.JSX.Element;
 //#endregion
 export { Spinner };
 //# sourceMappingURL=spinner.d.mts.map

package/dist/ui/switch.d.cts

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

package/dist/ui/table.d.cts

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

package/dist/ui/textarea.d.cts

@@ -1,4 +1,4 @@
-import * as react42 from "react";
+import * as react189 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;
+}): react189.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 react98 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;
+}): react98.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.mts.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 react226 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>): react226.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>): react226.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.mts.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 react234 from "react";
+import * as class_variance_authority_types9 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_types9.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>): react234.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 react103 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_types3 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_types3.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>): react103.JSX.Element;
 //#endregion
 export { Toggle, toggleVariants };
 //# sourceMappingURL=toggle.d.mts.map

package/dist/ui/tooltip.d.cts

@@ -1,4 +1,4 @@
-import * as react86 from "react";
+import * as react230 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>): react230.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>): react230.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>): react230.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>): react230.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 react229 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>): react229.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>): react229.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>): react229.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>): react229.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=tooltip.d.mts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@customafk/lunas-ui",
-  "version": "0.2.36",
+  "version": "0.2.37",
   "description": "UI library for Lunas Enterprise",
   "type": "module",
   "author": {

package/dist/text-editor-DqyiYNen.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./dropdown-menu-Bz7oMQ36.cjs`),n=require(`./popover-fsTCOb6a.cjs`);let r=require(`lucide-react`),i=require(`react`),a=require(`@customafk/react-toolkit/utils`),o=require(`class-variance-authority`),s=require(`react/jsx-runtime`),c=require(`@tiptap/react`),l=require(`@tiptap/react/menus`),u=require(`@tiptap/extension-character-count`),d=require(`@tiptap/extension-text-style`),f=require(`@tiptap/extension-highlight`),p=require(`@tiptap/extension-link`),m=require(`@tiptap/extension-list-keymap`),h=require(`@tiptap/extension-placeholder`);h=e.t(h);let g=require(`@tiptap/extension-task-item`),_=require(`@tiptap/extension-task-list`),v=require(`@tiptap/extension-text-align`);v=e.t(v);let y=require(`@tiptap/extension-underline`);y=e.t(y);let b=require(`@tiptap/starter-kit`);b=e.t(b);const x=(0,o.cva)([`flex flex-col overflow-hidden rounded-md`],{variants:{variant:{outline:`border border-border bg-background shadow-xs`,ghost:`border-0`},size:{sm:`text-xs [&_.ProseMirror]:min-h-24 [&_.ProseMirror]:px-2.5 [&_.ProseMirror]:py-1.5`,md:``,lg:`text-base [&_.ProseMirror]:min-h-56 [&_.ProseMirror]:px-4 [&_.ProseMirror]:py-3`}},defaultVariants:{variant:`outline`,size:`md`}});function S({isActive:e,className:t,children:n,...r}){return(0,s.jsx)(`button`,{type:`button`,"data-slot":`toolbar-button`,"data-active":e||void 0,className:(0,a.cn)(`inline-flex h-7 w-7 items-center justify-center rounded text-sm transition-colors`,`hover:bg-muted-muted hover:text-text-positive-strong`,`disabled:pointer-events-none disabled:opacity-40`,e&&`bg-primary-muted text-primary hover:bg-primary-muted/80 hover:text-primary`,t),...r,children:n})}function C(){return(0,s.jsx)(`div`,{"data-slot":`toolbar-divider`,className:`mx-0.5 h-5 w-px shrink-0 bg-border`})}function w({editor:e}){let[t,o]=(0,i.useState)(!1),[l,u]=(0,i.useState)(``),d=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`link`)}),f=(0,i.useCallback)(t=>{t&&u(e.getAttributes(`link`).href??``),o(t)},[e]),p=(0,i.useCallback)(()=>{let t=l.trim();t&&(e.chain().focus().setLink({href:t,target:`_blank`}).run(),o(!1))},[e,l]),m=(0,i.useCallback)(()=>{e.chain().focus().unsetLink().run(),o(!1)},[e]),h=e=>{e.key===`Enter`&&(e.preventDefault(),p()),e.key===`Escape`&&o(!1)};return(0,s.jsxs)(n.t,{open:t,onOpenChange:f,children:[(0,s.jsx)(n.a,{asChild:!0,children:(0,s.jsx)(S,{isActive:d,title:`Link (Ctrl+K)`,"data-slot":`toolbar-link-button`,children:(0,s.jsx)(r.Link2,{className:`h-3.5 w-3.5`})})}),(0,s.jsxs)(n.i,{"data-slot":`link-dialog`,sideOffset:6,align:`start`,className:`w-72 p-3`,children:[(0,s.jsx)(`p`,{className:`mb-2 font-medium text-text-positive-strong text-xs`,children:d?`Edit Link`:`Insert Link`}),(0,s.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,s.jsx)(`input`,{type:`url`,placeholder:`https://example.com`,value:l,onChange:e=>u(e.target.value),onKeyDown:h,autoFocus:!0,className:(0,a.cn)(`flex-1 rounded border border-border bg-transparent px-2.5 py-1.5 text-sm text-text-positive`,`outline-none placeholder:text-text-positive-muted`,`focus:border-primary focus:ring-1 focus:ring-primary/30`)}),(0,s.jsx)(`button`,{type:`button`,onClick:p,disabled:!l.trim(),className:(0,a.cn)(`rounded bg-primary px-2.5 py-1.5 font-medium text-text-negative text-xs`,`transition-colors hover:bg-primary-strong`,`disabled:pointer-events-none disabled:opacity-50`),children:`Apply`})]}),d&&(0,s.jsxs)(`button`,{type:`button`,onClick:m,className:`mt-2 flex items-center gap-1 text-danger-strong text-xs hover:underline`,children:[(0,s.jsx)(r.Link2Off,{className:`h-3 w-3`}),`Remove link`]})]})]})}const T=[{label:`Yellow`,value:`#fde047`},{label:`Green`,value:`#86efac`},{label:`Blue`,value:`#93c5fd`},{label:`Pink`,value:`#f9a8d4`},{label:`Orange`,value:`#fdba74`},{label:`Purple`,value:`#c4b5fd`},{label:`Red`,value:`#fca5a5`},{label:`Cyan`,value:`#67e8f9`},{label:`Lime`,value:`#bef264`},{label:`Gray`,value:`#d1d5db`}],E=[{label:`Default`,value:``},{label:`Red`,value:`#ef4444`},{label:`Orange`,value:`#f97316`},{label:`Yellow`,value:`#eab308`},{label:`Green`,value:`#22c55e`},{label:`Blue`,value:`#3b82f6`},{label:`Purple`,value:`#a855f7`},{label:`Pink`,value:`#ec4899`},{label:`Gray`,value:`#6b7280`},{label:`Black`,value:`#000000`}];function D({editor:e,className:i,enableLink:o,enableTaskList:l,enableHighlight:u,enableColor:d}){let f=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`heading`,{level:1})}),p=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`heading`,{level:2})}),m=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`heading`,{level:3})}),h=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`bold`)}),g=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`italic`)}),_=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`underline`)}),v=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`strike`)}),y=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`code`)}),b=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`bulletList`)}),x=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`orderedList`)}),D=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`taskList`)}),O=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`blockquote`)}),k=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive(`codeBlock`)}),A=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive({textAlign:`left`})}),j=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive({textAlign:`center`})}),M=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive({textAlign:`right`})}),N=(0,c.useEditorState)({editor:e,selector:e=>e.editor.isActive({textAlign:`justify`})}),P=f?`H1`:p?`H2`:m?`H3`:`P`;return(0,s.jsxs)(`div`,{"data-slot":`text-editor-toolbar`,className:(0,a.cn)(`flex flex-wrap items-center gap-0.5 border-border border-b bg-muted-muted/50 p-1.5`,i),children:[(0,s.jsx)(S,{onClick:()=>e.chain().focus().undo().run(),disabled:!e.can().undo(),title:`Undo (Ctrl+Z)`,children:(0,s.jsx)(r.Undo,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().redo().run(),disabled:!e.can().redo(),title:`Redo (Ctrl+Y)`,children:(0,s.jsx)(r.Redo,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(C,{}),(0,s.jsxs)(t.t,{children:[(0,s.jsx)(t.h,{asChild:!0,children:(0,s.jsxs)(`button`,{type:`button`,"data-slot":`toolbar-heading-trigger`,className:(0,a.cn)(`inline-flex h-7 items-center gap-1 rounded px-1.5 font-medium text-xs transition-colors`,`hover:bg-muted-muted hover:text-text-positive-strong`,`disabled:pointer-events-none disabled:opacity-40`,(f||p||m)&&`bg-primary-muted text-primary hover:bg-primary-muted/80 hover:text-primary`),children:[(0,s.jsx)(`span`,{className:`w-5 text-center`,children:P}),(0,s.jsx)(r.ChevronDown,{className:`h-3 w-3 opacity-60`})]})}),(0,s.jsxs)(t.r,{align:`start`,className:`min-w-32`,children:[(0,s.jsx)(t.a,{onClick:()=>e.chain().focus().setParagraph().run(),children:(0,s.jsx)(`span`,{className:`text-sm`,children:`Paragraph`})}),(0,s.jsx)(t.a,{onClick:()=>e.chain().focus().toggleHeading({level:1}).run(),children:(0,s.jsx)(`span`,{className:`font-bold text-lg`,children:`Heading 1`})}),(0,s.jsx)(t.a,{onClick:()=>e.chain().focus().toggleHeading({level:2}).run(),children:(0,s.jsx)(`span`,{className:`font-semibold text-base`,children:`Heading 2`})}),(0,s.jsx)(t.a,{onClick:()=>e.chain().focus().toggleHeading({level:3}).run(),children:(0,s.jsx)(`span`,{className:`font-semibold text-sm`,children:`Heading 3`})})]})]}),(0,s.jsx)(C,{}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleBold().run(),isActive:h,title:`Bold (Ctrl+B)`,children:(0,s.jsx)(r.Bold,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleItalic().run(),isActive:g,title:`Italic (Ctrl+I)`,children:(0,s.jsx)(r.Italic,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleUnderline().run(),isActive:_,title:`Underline (Ctrl+U)`,children:(0,s.jsx)(r.Underline,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleStrike().run(),isActive:v,title:`Strikethrough`,children:(0,s.jsx)(r.Strikethrough,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleCode().run(),isActive:y,title:`Inline Code`,children:(0,s.jsx)(r.Code,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(C,{}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleBulletList().run(),isActive:b,title:`Bullet List`,children:(0,s.jsx)(r.List,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleOrderedList().run(),isActive:x,title:`Ordered List`,children:(0,s.jsx)(r.ListOrdered,{className:`h-3.5 w-3.5`})}),l&&(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleTaskList().run(),isActive:D,title:`Task List`,children:(0,s.jsx)(r.ListChecks,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(C,{}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleBlockquote().run(),isActive:O,title:`Blockquote`,children:(0,s.jsx)(r.Quote,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().toggleCodeBlock().run(),isActive:k,title:`Code Block`,children:(0,s.jsx)(r.Code2,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().setHorizontalRule().run(),title:`Horizontal Rule`,children:(0,s.jsx)(r.Minus,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(C,{}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().setTextAlign(`left`).run(),isActive:A,title:`Align Left`,children:(0,s.jsx)(r.AlignLeft,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().setTextAlign(`center`).run(),isActive:j,title:`Align Center`,children:(0,s.jsx)(r.AlignCenter,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().setTextAlign(`right`).run(),isActive:M,title:`Align Right`,children:(0,s.jsx)(r.AlignRight,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>e.chain().focus().setTextAlign(`justify`).run(),isActive:N,title:`Align Justify`,children:(0,s.jsx)(r.AlignJustify,{className:`h-3.5 w-3.5`})}),o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(C,{}),(0,s.jsx)(w,{editor:e})]}),(d||u)&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(C,{}),d&&(0,s.jsxs)(n.t,{children:[(0,s.jsx)(n.a,{asChild:!0,children:(0,s.jsx)(S,{title:`Text Color`,children:(0,s.jsx)(r.Palette,{className:`h-3.5 w-3.5`})})}),(0,s.jsxs)(n.i,{align:`start`,className:`w-44 p-2`,children:[(0,s.jsx)(`p`,{className:`mb-1.5 font-medium text-text-positive-weak text-xs`,children:`Text Color`}),(0,s.jsx)(`div`,{className:`grid grid-cols-5 gap-1`,children:E.map(t=>(0,s.jsx)(`button`,{type:`button`,title:t.label,onClick:()=>{t.value?e.chain().focus().setColor(t.value).run():e.chain().focus().unsetColor().run()},className:(0,a.cn)(`h-6 w-6 rounded border border-border transition-transform hover:scale-110`,!t.value&&`bg-background text-[10px] text-text-positive leading-none`),style:t.value?{backgroundColor:t.value}:void 0,children:!t.value&&`∅`},t.label))})]})]}),u&&(0,s.jsxs)(n.t,{children:[(0,s.jsx)(n.a,{asChild:!0,children:(0,s.jsx)(S,{title:`Highlight`,children:(0,s.jsx)(r.Highlighter,{className:`h-3.5 w-3.5`})})}),(0,s.jsxs)(n.i,{align:`start`,className:`w-44 p-2`,children:[(0,s.jsx)(`p`,{className:`mb-1.5 font-medium text-text-positive-weak text-xs`,children:`Highlight`}),(0,s.jsx)(`div`,{className:`grid grid-cols-5 gap-1`,children:T.map(t=>(0,s.jsx)(`button`,{type:`button`,title:t.label,onClick:()=>e.chain().focus().toggleHighlight({color:t.value}).run(),className:`h-6 w-6 rounded border border-border transition-transform hover:scale-110`,style:{backgroundColor:t.value}},t.label))}),(0,s.jsx)(`button`,{type:`button`,onClick:()=>e.chain().focus().unsetHighlight().run(),className:`mt-1.5 w-full rounded border border-border py-0.5 text-center text-text-positive-weak text-xs hover:bg-muted-muted`,children:`Clear highlight`})]})]})]})]})}function O({value:e,defaultValue:t,onChange:n,placeholder:o=`Start writing...`,readOnly:T=!1,showToolbar:E=!0,variant:O,size:k,className:A,toolbarClassName:j,editorClassName:M,maxLength:N,showCharacterCount:P,onCharacterCount:F,enableLink:I,enableBubbleMenu:L,enableTaskList:R,enableHighlight:z,enableColor:B}){let V=N!==void 0||P||F!==void 0,H=B||z,U=(0,c.useEditor)({extensions:(0,i.useMemo)(()=>{let e=[b.default,y.default,h.default.configure({placeholder:o}),v.default.configure({types:[`heading`,`paragraph`]}),m.ListKeymap];return H&&e.push(d.TextStyle),I&&e.push(p.Link.configure({openOnClick:!1,linkOnPaste:!0,defaultProtocol:`https`})),R&&e.push(_.TaskList,g.TaskItem.configure({nested:!0})),z&&e.push(f.Highlight.configure({multicolor:!0})),B&&e.push(d.Color),V&&e.push(u.CharacterCount.configure({limit:N})),e},[V,o,N,z,H,R,I,B]),content:e??t,editable:!T,onUpdate:({editor:e})=>{if(n?.(e.getHTML()),F){let t=e.storage.characterCount;F({characters:t.characters(),words:t.words()})}}});(0,i.useEffect)(()=>{!U||e===void 0||U.getHTML()!==e&&U.commands.setContent(e)},[U,e]),(0,i.useEffect)(()=>{U&&U.setEditable(!T)},[U,T]);let W=(0,c.useEditorState)({editor:U,selector:e=>{let t=e.editor?.storage?.characterCount;return t?t.characters():0}}),G=(0,c.useEditorState)({editor:U,selector:e=>{let t=e.editor?.storage?.characterCount;return t?t.words():0}}),K=P||N!==void 0,q=N!==void 0&&W>N*.9;return(0,s.jsxs)(`div`,{"data-slot":`text-editor`,className:(0,a.cn)(`lunas-text-editor`,x({variant:O,size:k}),A),children:[E&&!T&&U&&(0,s.jsx)(D,{editor:U,className:j,enableLink:I,enableTaskList:R,enableHighlight:z,enableColor:B}),L&&!T&&U&&(0,s.jsxs)(l.BubbleMenu,{editor:U,options:{placement:`top`},className:(0,a.cn)(`flex items-center gap-0.5 rounded-md border border-border bg-popover p-1 shadow-dropdown`),children:[(0,s.jsx)(S,{onClick:()=>U.chain().focus().toggleBold().run(),isActive:U.isActive(`bold`),title:`Bold (Ctrl+B)`,children:(0,s.jsx)(r.Bold,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>U.chain().focus().toggleItalic().run(),isActive:U.isActive(`italic`),title:`Italic (Ctrl+I)`,children:(0,s.jsx)(r.Italic,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>U.chain().focus().toggleUnderline().run(),isActive:U.isActive(`underline`),title:`Underline (Ctrl+U)`,children:(0,s.jsx)(r.Underline,{className:`h-3.5 w-3.5`})}),(0,s.jsx)(S,{onClick:()=>U.chain().focus().toggleStrike().run(),isActive:U.isActive(`strike`),title:`Strikethrough`,children:(0,s.jsx)(r.Strikethrough,{className:`h-3.5 w-3.5`})}),I&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(C,{}),(0,s.jsx)(w,{editor:U})]})]}),(0,s.jsx)(c.EditorContent,{editor:U,"data-slot":`text-editor-content`,className:(0,a.cn)(`flex-1 bg-white text-sm text-text-positive`,M)}),K&&V&&(0,s.jsxs)(`div`,{"data-slot":`text-editor-footer`,className:`flex items-center justify-between border-border border-t bg-muted-muted/30 px-3 py-1 text-text-positive-weak text-xs`,children:[(0,s.jsxs)(`span`,{children:[G,` words`]}),(0,s.jsxs)(`span`,{"data-warning":q||void 0,className:`data-warning:text-warning-strong`,children:[W,N?` / ${N}`:``,` characters`]})]})]})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return O}});
-//# sourceMappingURL=text-editor-DqyiYNen.cjs.map