@customafk/lunas-ui 0.2.33 → 0.2.34

package/dist/ui/table.d.mts

@@ -1,4 +1,4 @@
-import * as react239 from "react";
+import * as react107 from "react";
 
 //#region packages/components/ui/table.d.ts
 
@@ -29,45 +29,45 @@ import * as react239 from "react";
  * </Table>
  * ```
  */
-declare const Table: react239.MemoExoticComponent<({
+declare const Table: react107.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"table">) => react239.JSX.Element>;
+}: React.ComponentProps<"table">) => react107.JSX.Element>;
 /** The `<thead>` element containing one or more header rows. */
-declare const TableHeader: react239.MemoExoticComponent<({
+declare const TableHeader: react107.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"thead">) => react239.JSX.Element>;
+}: React.ComponentProps<"thead">) => react107.JSX.Element>;
 /** The `<tbody>` element containing data rows with hover and selection styling. */
-declare const TableBody: react239.MemoExoticComponent<({
+declare const TableBody: react107.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tbody">) => react239.JSX.Element>;
+}: React.ComponentProps<"tbody">) => react107.JSX.Element>;
 /** The `<tfoot>` element for summary or aggregate rows at the bottom of the table. */
-declare const TableFooter: react239.MemoExoticComponent<({
+declare const TableFooter: react107.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tfoot">) => react239.JSX.Element>;
+}: React.ComponentProps<"tfoot">) => react107.JSX.Element>;
 /** A single `<tr>` row used inside TableHeader, TableBody, or TableFooter. */
-declare const TableRow: react239.MemoExoticComponent<({
+declare const TableRow: react107.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tr">) => react239.JSX.Element>;
+}: React.ComponentProps<"tr">) => react107.JSX.Element>;
 /** A `<th>` column header cell with medium-weight text and left alignment. */
-declare const TableHead: react239.MemoExoticComponent<({
+declare const TableHead: react107.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"th">) => react239.JSX.Element>;
+}: React.ComponentProps<"th">) => react107.JSX.Element>;
 /** A standard `<td>` data cell used inside a TableRow. */
-declare const TableCell: react239.MemoExoticComponent<({
+declare const TableCell: react107.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"td">) => react239.JSX.Element>;
+}: React.ComponentProps<"td">) => react107.JSX.Element>;
 /** An accessible `<caption>` element displayed below the table. */
-declare const TableCaption: react239.MemoExoticComponent<({
+declare const TableCaption: react107.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"caption">) => react239.JSX.Element>;
+}: React.ComponentProps<"caption">) => react107.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 react199 from "react";
+import * as react158 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>): react199.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Root>): react158.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>): react199.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.List>): react158.JSX.Element;
 /** Individual tab button that activates its associated `TabsContent` panel when clicked. */
 declare function TabsTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Trigger>): react199.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Trigger>): react158.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>): react199.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Content>): react158.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 react267 from "react";
+import * as react144 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>): react267.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Root>): react144.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>): react267.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.List>): react144.JSX.Element;
 /** Individual tab button that activates its associated `TabsContent` panel when clicked. */
 declare function TabsTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Trigger>): react267.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Trigger>): react144.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>): react267.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Content>): react144.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 react300 from "react";
+import * as react171 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;
-}): react300.JSX.Element;
+}): react171.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.cts.map

package/dist/ui/textarea.d.mts

@@ -1,4 +1,4 @@
-import * as react325 from "react";
+import * as react198 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;
-}): react325.JSX.Element;
+}): react198.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-D0-Gltw6.mjs";export{e as Textarea};
+"use client";import{t as e}from"../textarea-B8eQoQaZ.mjs";export{e as Textarea};

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

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

package/dist/ui/toggle.d.cts

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

package/dist/ui/toggle.d.mts

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

package/dist/ui/tooltip.d.cts

@@ -1,4 +1,4 @@
-import * as react293 from "react";
+import * as react223 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>): react293.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Provider>): react223.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>): react293.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Root>): react223.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>): react293.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Trigger>): react223.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>): react293.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Content>): react223.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 react231 from "react";
+import * as react100 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>): react231.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Provider>): react100.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>): react231.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Root>): react100.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>): react231.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Trigger>): react100.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>): react231.JSX.Element;
+}: React.ComponentProps<typeof Tooltip$1.Content>): react100.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-BMdzWaaH.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-BfBJRYpc.mjs";export{r as Tooltip,t as TooltipContent,n as TooltipProvider,e as TooltipTrigger};

package/dist/{user-DexjSvGZ.mjs → user-Cif7yb1w.mjs}

@@ -1,2 +1,2 @@
-import{t as e}from"./paragraph-J_QbLq9_.mjs";import{t}from"./flex-Bl5yzx6g.mjs";import{n,t as r}from"./avatar-CK1R4r0j.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-DexjSvGZ.mjs.map
+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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@customafk/lunas-ui",
-  "version": "0.2.33",
+  "version": "0.2.34",
   "description": "UI library for Lunas Enterprise",
   "type": "module",
   "author": {
@@ -364,10 +364,6 @@
       "require": "./dist/ui/sheet.cjs",
       "import": "./dist/ui/sheet.mjs"
     },
-    "./ui/sidebar": {
-      "require": "./dist/ui/sidebar.cjs",
-      "import": "./dist/ui/sidebar.mjs"
-    },
     "./ui/skeleton": {
       "require": "./dist/ui/skeleton.cjs",
       "import": "./dist/ui/skeleton.mjs"

package/dist/dialog-DEnyBH2X.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./heading-wUXEbicM.cjs`),n=require(`./paragraph-D-JHj7EP.cjs`),r=require(`./close-DUBEKxhw.cjs`);let i=require(`@customafk/react-toolkit/utils`),a=require(`react/jsx-runtime`),o=require(`radix-ui`);function s({...e}){return(0,a.jsx)(o.Dialog.Root,{"data-slot":`dialog`,...e})}function c({...e}){return(0,a.jsx)(o.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function u({...e}){return(0,a.jsx)(o.Dialog.Close,{"data-slot":`dialog-close`,...e})}function d({className:e,...t}){return(0,a.jsx)(o.Dialog.Overlay,{"data-slot":`dialog-overlay`,className:(0,i.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0`,e),...t})}function f({className:e,children:t,showCloseButton:n=!0,...s}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(d,{}),(0,a.jsxs)(o.Dialog.Content,{"data-slot":`dialog-content`,className:(0,i.cn)(`fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2`,`grid w-full max-w-[calc(100%-2rem)] bg-background`,`max-h-[85dvh] gap-4 rounded-2xl p-6 shadow-dialog outline-none duration-200`,`sm:max-w-lg`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-80`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-80`,e),...s,children:[t,n&&(0,a.jsx)(o.Dialog.Close,{"data-slot":`dialog-close`,tabIndex:-1,asChild:!0,className:`absolute top-3 right-3`,children:(0,a.jsx)(r.t,{})})]})]})}function p({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`dialog-header`,className:(0,i.cn)(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function m({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`dialog-footer`,className:(0,i.cn)(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function h({className:e,...n}){return(0,a.jsx)(o.Dialog.Title,{"data-slot":`dialog-title`,className:(0,i.cn)(t.t({level:`h3`}),e),...n})}function g({className:e,...t}){return(0,a.jsx)(o.Dialog.Description,{"data-slot":`dialog-description`,className:(0,i.cn)(n.n({variant:`muted`}),e),...t})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return c}});
-//# sourceMappingURL=dialog-DEnyBH2X.cjs.map

package/dist/dialog-DEnyBH2X.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-DEnyBH2X.cjs","names":["DialogPrimitive","CloseButton","headingVariants","paragraphVariants"],"sources":["../packages/components/ui/dialog.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { CloseButton } from './buttons/close';\nimport { headingVariants } from '../typography/heading';\nimport { paragraphVariants } from '../typography/paragraph';\n\n/**\n * Accessible modal dialog built on Radix UI's Dialog primitives with animated overlay, close button, and responsive sizing.\n *\n * @example\n * ```tsx\n * import {\n *   Dialog, DialogTrigger, DialogContent,\n *   DialogHeader, DialogTitle, DialogDescription, DialogFooter,\n * } from '@customafk/lunas-ui/ui/dialog';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <Dialog>\n *   <DialogTrigger asChild>\n *     <Button>Open dialog</Button>\n *   </DialogTrigger>\n *   <DialogContent>\n *     <DialogHeader>\n *       <DialogTitle>Confirm action</DialogTitle>\n *       <DialogDescription>This cannot be undone.</DialogDescription>\n *     </DialogHeader>\n *     <DialogFooter>\n *       <Button variant=\"outline\">Cancel</Button>\n *       <Button>Confirm</Button>\n *     </DialogFooter>\n *   </DialogContent>\n * </Dialog>\n * ```\n */\nfunction Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\n/** Element that opens the dialog when clicked; typically wrapped with `asChild` around a `Button`. */\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\n/** Renders dialog overlay and content into a portal outside the normal React tree. */\nfunction DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\n/** Button that closes the dialog; can be composed with `asChild` to use a custom element. */\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\n/** Semi-transparent backdrop rendered behind the dialog panel with fade-in/out animation. */\nfunction DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n        'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Animated dialog panel centred on screen; includes `DialogOverlay` and an optional close button.\n *\n * @param showCloseButton - When `true` (default), renders a `CloseButton` in the top-right corner.\n */\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  /** When `true` (default), renders an `×` close button fixed to the top-right corner of the panel. */\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          'fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2',\n          'grid w-full max-w-[calc(100%-2rem)] bg-background',\n          'max-h-[85dvh] gap-4 rounded-2xl p-6 shadow-dialog outline-none duration-200',\n          'sm:max-w-lg',\n          'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-80',\n          'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-80',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close data-slot=\"dialog-close\" tabIndex={-1} asChild className=\"absolute top-3 right-3\">\n            <CloseButton />\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\n/** Layout wrapper for the dialog title and description, stacked vertically with left alignment on wider screens. */\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"dialog-header\" className={cn('flex flex-col gap-2 text-center sm:text-left', className)} {...props} />;\n}\n\n/** Layout wrapper for dialog action buttons, stacked on mobile and right-aligned in a row on wider screens. */\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"dialog-footer\" className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)} {...props} />;\n}\n\n/** Accessible heading for the dialog panel, styled with the h3 heading variant and announced by screen readers. */\nfunction DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return <DialogPrimitive.Title data-slot=\"dialog-title\" className={cn(headingVariants({ level: 'h3' }), className)} {...props} />;\n}\n\n/** Muted supporting text that describes the dialog's purpose; read by screen readers alongside the title. */\nfunction DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return <DialogPrimitive.Description data-slot=\"dialog-description\" className={cn(paragraphVariants({ variant: 'muted' }), className)} {...props} />;\n}\n\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };\n"],"mappings":"yPAqCA,SAAS,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAI/D,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CAAQ,YAAU,iBAAiB,GAAI,GAAS,CAI1E,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,OAAA,CAAO,YAAU,gBAAgB,GAAI,GAAS,CAIxE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAItE,SAAS,EAAc,CAAE,YAAW,GAAG,GAA+D,CACpG,OACE,EAAA,EAAA,KAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,WAAA,EAAA,EAAA,IACE,iCACA,2DACA,iEACA,EACD,CACD,GAAI,GACJ,CASN,SAAS,EAAc,CACrB,YACA,WACA,kBAAkB,GAClB,GAAG,GAIF,CACD,OACE,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,EAAA,CAAgB,EACjB,EAAA,EAAA,MAACA,EAAAA,OAAgB,QAAA,CACf,YAAU,iBACV,WAAA,EAAA,EAAA,IACE,gEACA,oDACA,8EACA,cACA,wFACA,iGACA,EACD,CACD,GAAI,YAEH,EACA,IACC,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,SAAU,GAAI,QAAA,GAAQ,UAAU,mCAC9E,EAAA,EAAA,KAACC,EAAAA,EAAAA,EAAAA,CAAc,EACO,CAAA,EAEF,CAAA,CAAA,CACb,CAKnB,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,gBAAgB,WAAA,EAAA,EAAA,IAAc,+CAAgD,EAAU,CAAE,GAAI,GAAS,CAI/H,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,gBAAgB,WAAA,EAAA,EAAA,IAAc,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAIzI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACD,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAcE,EAAAA,EAAgB,CAAE,MAAO,KAAM,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAIlI,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAAA,EAAA,KAACF,EAAAA,OAAgB,YAAA,CAAY,YAAU,qBAAqB,WAAA,EAAA,EAAA,IAAcG,EAAAA,EAAkB,CAAE,QAAS,QAAS,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS"}

package/dist/dialog-jqiIqxlm.mjs

@@ -1,2 +0,0 @@
-import{t as e}from"./heading-B1t9baTw.mjs";import{n as t}from"./paragraph-J_QbLq9_.mjs";import{t as n}from"./close-BMhGSmGs.mjs";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{Dialog as o}from"radix-ui";function s({...e}){return i(o.Root,{"data-slot":`dialog`,...e})}function c({...e}){return i(o.Trigger,{"data-slot":`dialog-trigger`,...e})}function l({...e}){return i(o.Portal,{"data-slot":`dialog-portal`,...e})}function u({...e}){return i(o.Close,{"data-slot":`dialog-close`,...e})}function d({className:e,...t}){return i(o.Overlay,{"data-slot":`dialog-overlay`,className:r(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0`,e),...t})}function f({className:e,children:t,showCloseButton:s=!0,...c}){return a(l,{children:[i(d,{}),a(o.Content,{"data-slot":`dialog-content`,className:r(`fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2`,`grid w-full max-w-[calc(100%-2rem)] bg-background`,`max-h-[85dvh] gap-4 rounded-2xl p-6 shadow-dialog outline-none duration-200`,`sm:max-w-lg`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-80`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-80`,e),...c,children:[t,s&&i(o.Close,{"data-slot":`dialog-close`,tabIndex:-1,asChild:!0,className:`absolute top-3 right-3`,children:i(n,{})})]})]})}function p({className:e,...t}){return i(`div`,{"data-slot":`dialog-header`,className:r(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function m({className:e,...t}){return i(`div`,{"data-slot":`dialog-footer`,className:r(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function h({className:t,...n}){return i(o.Title,{"data-slot":`dialog-title`,className:r(e({level:`h3`}),t),...n})}function g({className:e,...n}){return i(o.Description,{"data-slot":`dialog-description`,className:r(t({variant:`muted`}),e),...n})}export{m as a,l as c,g as i,h as l,u as n,p as o,f as r,d as s,s as t,c as u};
-//# sourceMappingURL=dialog-jqiIqxlm.mjs.map

package/dist/dialog-jqiIqxlm.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-jqiIqxlm.mjs","names":["Dialog","DialogPrimitive"],"sources":["../packages/components/ui/dialog.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { CloseButton } from './buttons/close';\nimport { headingVariants } from '../typography/heading';\nimport { paragraphVariants } from '../typography/paragraph';\n\n/**\n * Accessible modal dialog built on Radix UI's Dialog primitives with animated overlay, close button, and responsive sizing.\n *\n * @example\n * ```tsx\n * import {\n *   Dialog, DialogTrigger, DialogContent,\n *   DialogHeader, DialogTitle, DialogDescription, DialogFooter,\n * } from '@customafk/lunas-ui/ui/dialog';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <Dialog>\n *   <DialogTrigger asChild>\n *     <Button>Open dialog</Button>\n *   </DialogTrigger>\n *   <DialogContent>\n *     <DialogHeader>\n *       <DialogTitle>Confirm action</DialogTitle>\n *       <DialogDescription>This cannot be undone.</DialogDescription>\n *     </DialogHeader>\n *     <DialogFooter>\n *       <Button variant=\"outline\">Cancel</Button>\n *       <Button>Confirm</Button>\n *     </DialogFooter>\n *   </DialogContent>\n * </Dialog>\n * ```\n */\nfunction Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\n/** Element that opens the dialog when clicked; typically wrapped with `asChild` around a `Button`. */\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\n/** Renders dialog overlay and content into a portal outside the normal React tree. */\nfunction DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\n/** Button that closes the dialog; can be composed with `asChild` to use a custom element. */\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\n/** Semi-transparent backdrop rendered behind the dialog panel with fade-in/out animation. */\nfunction DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n        'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Animated dialog panel centred on screen; includes `DialogOverlay` and an optional close button.\n *\n * @param showCloseButton - When `true` (default), renders a `CloseButton` in the top-right corner.\n */\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  /** When `true` (default), renders an `×` close button fixed to the top-right corner of the panel. */\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          'fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2',\n          'grid w-full max-w-[calc(100%-2rem)] bg-background',\n          'max-h-[85dvh] gap-4 rounded-2xl p-6 shadow-dialog outline-none duration-200',\n          'sm:max-w-lg',\n          'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-80',\n          'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-80',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close data-slot=\"dialog-close\" tabIndex={-1} asChild className=\"absolute top-3 right-3\">\n            <CloseButton />\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\n/** Layout wrapper for the dialog title and description, stacked vertically with left alignment on wider screens. */\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"dialog-header\" className={cn('flex flex-col gap-2 text-center sm:text-left', className)} {...props} />;\n}\n\n/** Layout wrapper for dialog action buttons, stacked on mobile and right-aligned in a row on wider screens. */\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"dialog-footer\" className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)} {...props} />;\n}\n\n/** Accessible heading for the dialog panel, styled with the h3 heading variant and announced by screen readers. */\nfunction DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return <DialogPrimitive.Title data-slot=\"dialog-title\" className={cn(headingVariants({ level: 'h3' }), className)} {...props} />;\n}\n\n/** Muted supporting text that describes the dialog's purpose; read by screen readers alongside the title. */\nfunction DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return <DialogPrimitive.Description data-slot=\"dialog-description\" className={cn(paragraphVariants({ variant: 'muted' }), className)} {...props} />;\n}\n\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };\n"],"mappings":"yQAqCA,SAASA,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAACC,EAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,GAAS,CAI/D,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAACA,EAAgB,QAAA,CAAQ,YAAU,iBAAiB,GAAI,GAAS,CAI1E,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAgB,OAAA,CAAO,YAAU,gBAAgB,GAAI,GAAS,CAIxE,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,GAAS,CAItE,SAAS,EAAc,CAAE,YAAW,GAAG,GAA+D,CACpG,OACE,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,iCACA,2DACA,iEACA,EACD,CACD,GAAI,GACJ,CASN,SAAS,EAAc,CACrB,YACA,WACA,kBAAkB,GAClB,GAAG,GAIF,CACD,OACE,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,EAAA,CAAgB,CACjB,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,gEACA,oDACA,8EACA,cACA,wFACA,iGACA,EACD,CACD,GAAI,YAEH,EACA,GACC,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,SAAU,GAAI,QAAA,GAAQ,UAAU,kCAC9E,EAAC,EAAA,EAAA,CAAc,EACO,CAAA,EAEF,CAAA,CAAA,CACb,CAKnB,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAC,MAAA,CAAI,YAAU,gBAAgB,UAAW,EAAG,+CAAgD,EAAU,CAAE,GAAI,GAAS,CAI/H,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OAAO,EAAC,MAAA,CAAI,YAAU,gBAAgB,UAAW,EAAG,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAIzI,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,EAAgB,CAAE,MAAO,KAAM,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAIlI,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAACA,EAAgB,YAAA,CAAY,YAAU,qBAAqB,UAAW,EAAG,EAAkB,CAAE,QAAS,QAAS,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS"}

package/dist/tables-BQ-QiA1V.mjs

@@ -1,4 +0,0 @@
-import{t as e}from"./button-BqxBQ4Kr.mjs";import{t}from"./paragraph-J_QbLq9_.mjs";import{t as n}from"./flex-Bl5yzx6g.mjs";import{t as r}from"./date-BQ0c19uk.mjs";import{t as i}from"./badge-utjRo-lW.mjs";import{i as a,n as o,r as s,t as c}from"./tooltip-BMdzWaaH.mjs";import{n as l,t as u}from"./avatar-CK1R4r0j.mjs";import{t as d}from"./separator-yTKDuMWb.mjs";import{a as f,d as p,h as m,i as h,r as g,t as _}from"./dropdown-menu-B_uBxY94.mjs";import{t as v}from"./progress-BcEEbgJJ.mjs";import{t as y}from"./checkbox-CJsl9OjF.mjs";import{t as ee}from"./spinner-CWUvnJQw.mjs";import{n as b,r as te,t as x}from"./resizable-em2svgMz.mjs";import{t as S}from"./input-CKFQdvqY.mjs";import{a as C,i as ne,t as re}from"./popover-BCzVvfnV.mjs";import{c as w,i as T,n as E,s as D,t as O}from"./select-C2Ro2wmj.mjs";import{t as k}from"./label-CE2m0U_j.mjs";import{AlertTriangle as A,ArrowRightIcon as j,BoxIcon as ie,CalendarIcon as M,CheckIcon as N,ChevronDown as P,CirclePlus as ae,CopyIcon as F,DownloadIcon as I,EllipsisVerticalIcon as oe,ExternalLinkIcon as se,HashIcon as ce,ListFilterIcon as le,ListFilterPlus as ue,MailIcon as de,MinusIcon as fe,MoreVerticalIcon as pe,MoveLeftIcon as me,MoveRightIcon as he,PinOffIcon as ge,RefreshCwIcon as _e,SearchIcon as ve,TagIcon as ye,ToggleLeftIcon as be,Trash2Icon as xe,TypeIcon as Se,UserRoundIcon as Ce,XIcon as we}from"lucide-react";import{Activity as L,createContext as R,memo as z,use as B,useCallback as V,useEffect as H,useId as Te,useMemo as U,useRef as W,useState as G}from"react";import{cn as K}from"@customafk/react-toolkit/utils";import{cva as q}from"class-variance-authority";import{Fragment as Ee,jsx as J,jsxs as Y}from"react/jsx-runtime";import{colorHashLight as De}from"@customafk/react-toolkit/color-hash";import{flexRender as Oe,getCoreRowModel as ke,getExpandedRowModel as Ae,getGroupedRowModel as je,useReactTable as Me}from"@tanstack/react-table";import{useVirtualizer as Ne}from"@tanstack/react-virtual";import{useDebounceCallback as Pe}from"@customafk/react-toolkit/hooks/useDebounceCallback";const X=()=>Y(`div`,{className:`flex gap-0 text-text-positive-weak`,children:[J(fe,{size:16}),J(fe,{size:16})]}),Fe=({label:e,onClick:t,onRemove:n})=>e?n?Y(`div`,{className:`flex w-fit gap-x-0.5 rounded-full border border-border py-1 pr-2 pl-3 text-text-positive text-xs shadow-xs`,onClick:e=>{t?.(),e.stopPropagation(),e.preventDefault()},children:[e,J(`button`,{className:`cursor-pointer text-text-positive-weak hover:text-text-positive-strong`,onClick:e=>{n?.(),e.stopPropagation(),e.preventDefault()},children:J(we,{size:12})})]}):J(`button`,{className:`w-fit rounded-full border border-border px-3 py-1 text-text-positive text-xs shadow-xs`,onClick:e=>{t?.(),e.stopPropagation(),e.preventDefault()},children:e}):J(X,{}),Ie=({value:e})=>e==null?J(X,{}):e===!1?J(`div`,{className:`text-danger-strong`,children:J(we,{})}):J(`div`,{className:`text-success-strong`,children:J(N,{})}),Le=z(({value:e,currency:t=`USD`,locale:n=`en-US`,display:r=`symbol`,size:i=`md`,colorize:a=!1})=>{let o=U(()=>{let i=typeof e==`string`?Number(e.trim()):e;return i==null||Number.isNaN(i)||!Number.isFinite(i)?null:new Intl.NumberFormat(n,{style:`currency`,currency:t,currencyDisplay:r,minimumFractionDigits:2,maximumFractionDigits:2}).format(i)},[e,t,n,r]),s=U(()=>{let t=typeof e==`string`?Number(e.trim()):e;return typeof t==`number`&&t<0},[e]);return o?J(`p`,{className:K(`font-number tabular-nums`,i===`xs`&&`text-xs`,i===`sm`&&`text-sm`,i===`md`&&`text-base`,i===`lg`&&`text-lg`,i===`xl`&&`text-xl`,!a&&`text-text-positive`,a&&s&&`text-danger-strong`,a&&!s&&`text-success-strong`),children:o}):J(X,{})});Le.displayName=`UITableCurrencyDisplay`;const Re=({date:e})=>e==null?J(X,{}):J(s,{children:Y(c,{children:[J(a,{asChild:!0,children:J(i,{className:`h-fit`,children:J(r,{date:e,format:`medium`,className:`font-normal text-white`})})}),J(o,{className:`rounded px-2`,children:J(r,{date:e,format:`full`,showTime:!0,className:`font-medium text-text-negative text-xs`})})]})}),ze=({content:e})=>e==null?J(X,{}):Y(c,{children:[J(a,{children:J(t,{variant:`sm`,className:`line-clamp-2 whitespace-pre-line break-all`,children:e})}),J(o,{align:`start`,className:`h-fit min-w-48 max-w-80 pt-4`,children:Y(`div`,{className:`flex flex-col gap-y-2`,children:[J(t,{variant:`xs`,className:`whitespace-pre-line text-wrap break-keep text-text-negative-weak`,children:e}),Y(`p`,{className:`w-full text-end`,children:[e.toString().length,` chars`]})]})})]}),Be=({email:e,linkable:t=!0})=>{let[n,r]=G(!1);return e?J(s,{children:Y(`div`,{className:`group flex items-center gap-x-1.5`,children:[J(de,{size:13,className:`shrink-0 text-text-positive-weak`}),t?J(`a`,{href:`mailto:${e}`,className:`truncate text-primary text-sm underline-offset-2 hover:underline`,onClick:e=>e.stopPropagation(),children:e}):J(`span`,{className:`truncate text-text-positive text-sm`,children:e}),Y(c,{children:[J(a,{asChild:!0,children:J(`button`,{onClick:t=>{t.stopPropagation(),t.preventDefault(),navigator.clipboard.writeText(e).then(()=>{r(!0),setTimeout(()=>r(!1),1500)})},className:`shrink-0 cursor-pointer text-text-positive-weak opacity-0 transition-opacity group-hover:opacity-100 hover:text-text-positive`,children:n?J(N,{size:13,className:`text-success-strong`}):J(F,{size:13})})}),J(o,{children:n?`Copied!`:`Copy email`})]})]})}):J(X,{})},Ve=({items:e,maxVisible:t=3})=>{if(!e||e.length===0)return J(X,{});let n=e.slice(0,t),r=e.slice(t);return Y(`div`,{className:`flex flex-wrap gap-1`,children:[n.map((e,t)=>J(`span`,{className:`inline-flex items-center rounded-full border border-border bg-muted-weak px-2 py-0.5 text-text-positive text-xs`,children:e},t)),r.length>0&&J(s,{children:Y(c,{children:[J(a,{asChild:!0,children:Y(`span`,{className:`inline-flex cursor-default items-center rounded-full bg-primary-bg-subtle px-2 py-0.5 text-primary-intense text-xs`,children:[`+`,r.length,` more`]})}),J(o,{align:`start`,className:`flex max-w-64 flex-wrap gap-1 p-2`,children:r.map((e,t)=>J(`span`,{className:`inline-flex items-center rounded-full border border-border px-2 py-0.5 text-text-negative text-xs`,children:e},t))})]})})]})},He=({items:t=[]})=>Y(_,{children:[J(m,{asChild:!0,children:J(e,{size:`sm`,variant:`ghost`,color:`secondary`,className:`size-9 rounded-full`,children:J(pe,{})})}),J(g,{children:J(h,{children:t.map(e=>J(f,{className:`px-3`,onSelect:t=>{e.onClick(e.id),t.preventDefault(),t.stopPropagation()},children:e.label},e.id))})})]}),Ue=({name:e})=>e?Y(c,{children:[J(a,{children:J(t,{variant:`sm`,className:`line-clamp-2 w-full truncate text-wrap pb-px text-start`,children:e})}),J(o,{align:`start`,className:`h-fit min-w-48 max-w-80 pt-4`,children:Y(`div`,{className:`flex flex-col gap-y-2`,children:[J(`p`,{className:`whitespace-pre-line text-wrap break-keep`,children:e}),Y(`p`,{className:`w-full text-end`,children:[e.length,` chars`]})]})})]}):J(X,{}),We=({href:e,label:t})=>Y(`a`,{href:e,target:`_blank`,className:`inline-flex items-center gap-1 truncate text-primary text-sm underline`,rel:`noopener noreferrer`,children:[J(`span`,{children:t||e}),J(se,{size:14})]}),Ge=({value:e})=>Y(c,{children:[J(a,{asChild:!0,children:J(`p`,{className:`font-number text-text-positive text-sm tabular-nums`,children:e.replace(/(\d{3})(\d{3})(\d{4})/,`($1) $2-$3`)})}),J(o,{align:`start`,children:J(`p`,{className:`tabular-nums`,children:e.slice(1).replace(/(\d{2})(\d{3})(\d{4})/,`(00) (+84) ($1) $2-$3`)})})]}),Ke=z(({value:e,showLabel:t=!0,successThreshold:n=70,warningThreshold:r=40})=>{if(e==null)return J(X,{});let i=Math.min(100,Math.max(0,e));return Y(`div`,{className:`flex w-full min-w-24 items-center gap-x-2`,children:[J(v,{value:i,className:K(`flex-1`,i>=n?`[&>[data-slot=progress-indicator]]:bg-success`:i>=r?`[&>[data-slot=progress-indicator]]:bg-warning`:`[&>[data-slot=progress-indicator]]:bg-danger`)}),t&&Y(`span`,{className:`w-9 shrink-0 text-right font-number text-text-positive-weak text-xs tabular-nums`,children:[i,`%`]})]})});Ke.displayName=`UITableProgressDisplay`;const qe=({title:t,onClick:n})=>Y(c,{children:[J(a,{children:J(e,{type:`button`,variant:`ghost`,color:`danger`,size:`icon`,onClick:V(async e=>{e.preventDefault(),e.stopPropagation(),await n?.()},[n]),children:J(xe,{})})}),J(o,{children:J(`p`,{children:t||`Remove item from list table`})})]}),Je=(e,t,n)=>{let r=10**t;switch(n){case`floor`:return Math.floor(e*r)/r;case`ceil`:return Math.ceil(e*r)/r;default:return Math.round(e*r)/r}},Ye=z(({decimalSeparator:e=`.`,groupSeparator:t=`,`,prefix:r,suffix:i,precision:a,roundingMode:o=`round`,showTrailingZeros:s=!1,size:c=`lg`,value:l=0})=>{let u=U(()=>{let e={};return typeof a==`number`&&a>=0&&s&&(e.minimumFractionDigits=a),e.maximumFractionDigits=a,e},[a,s]),d=V(e=>{let t=e;return typeof a==`number`&&a>=0&&(t=Je(e,a,o)),t.toLocaleString(`en-US`,u)},[o,u,a]),f=U(()=>{if(typeof l==`number`)return Number.isNaN(l)||!Number.isFinite(l)?`N/A`:d(l);if(typeof l==`string`){let e=l.trim();if(!e)return`N/A`;let t=Number(e);return Number.isNaN(t)||!Number.isFinite(t)?`N/A`:d(t)}return`N/A`},[l,d]),p=U(()=>e===`.`&&t===`,`?f:f.replace(/,/g,t).replace(/\./g,e),[f,e,t]);return p===`0`||p===`N/A`||!p?J(X,{}):Y(n,{padding:`none`,className:K(`font-number text-lg text-text-positive tabular-nums`,c===`xs`&&`text-xs`,c===`sm`&&`text-sm`,c===`md`&&`text-base`,c===`lg`&&`text-lg`,c===`xl`&&`text-xl`),children:[r,J(`p`,{children:p}),i]})});Ye.displayName=`UITableStatisticDisplay`;const Xe=({value:e,colorMap:t,defaultColor:n=`muted`,variant:r=`soft`})=>e==null||e===``?J(X,{}):J(i,{variant:r,color:(t&&t[e])??n,className:`min-w-16 justify-center capitalize`,children:e.charAt(0).toUpperCase()+e.slice(1).replace(/_/g,` `)}),Ze=({uuid:e,username:r,email:i})=>Y(n,{wrap:!1,gap:`sm`,padding:`none`,children:[!e&&J(u,{className:`size-10 shadow-card`,children:J(l,{className:`bg-muted-weak`,children:J(Ce,{size:28,className:`text-text-negative`})})}),e&&J(u,{className:`size-10 shadow-card`,children:J(l,{style:{backgroundColor:De.hex(e)},children:J(Ce,{size:28,className:`text-white`})})}),Y(n,{vertical:!0,padding:`none`,gap:`none`,align:`start`,children:[J(t,{className:`font-medium text-sm text-text-positive-weak`,children:r??`Unknown User`}),J(t,{variant:`sm`,className:`mt-0! text-text-positive-weak text-xs`,children:i})]})]}),Qe=R(null),$e=()=>{let e=B(Qe);if(!e)throw Error(`useTableInnerWrapperContext must be used within a TableInnerWrapperProvider`);return e},et=R(null),tt=()=>{let e=B(et);if(!e)throw Error(`useTableInnerTableContext must be used within a TableInnerTableProvider`);return e},nt=R(null),rt=()=>{let e=B(nt);if(!e)throw Error(`useTableHeaderRowContext must be used within a TableHeaderRowProvider`);return e},it=R(null),at=()=>{let e=B(it);if(!e)throw Error(`useTableBodyContext must be used within a TableBodyProvider`);return e},ot=R(null),st=()=>{let e=B(ot);if(!e)throw Error(`useTableRowContext must be used within a TableRowProvider`);return e},ct=R(null),Z=()=>{let e=B(ct);if(!e)throw Error(`useTableContext must be used within a TableProvider`);return e},lt=R(null),ut=()=>{let e=B(lt);if(!e)throw Error(`useUITableFilterContext must be used within a UITableProvider`);return e},dt=q([`absolute right-2 z-10 p-0.5 opacity-0 bg-card`,`cursor-pointer rounded-full transition-all`,`text-text-positive-weak`,`[&>svg]:size-4`,`group-hover:opacity-100`,`hover:bg-muted-muted hover:text-text-positive`]),ft=q([`sticky left-0 flex flex-1 items-center justify-center bg-transparent text-text-positive-weak opacity-100`]),pt=q([`relative m-0 flex size-full flex-col flex-nowrap items-start justify-start gap-2`]),mt=q([`relative size-full overflow-auto border-b border-b-border border-l border-l-border bg-card`]),ht=q([`grid w-full table-fixed caption-bottom border-collapse border-spacing-0 flex-col content-start [&_tfoot_td]:border-t`]),gt=q([`sticky top-0 z-20 h-9 w-full`,`grid select-none bg-muted-bg-subtle`,`border-b border-b-border shadow`,`font-medium text-[13px] text-text-positive-weak`,`[&_tr:not(:last-child)_td]:border-b`,`[&_th]:inline-flex`,`[&_th]:items-center`,`[&_th]:transition-all`,`[&_th]:duration-300`,`[&_th]:whitespace-nowrap`,`[&_th]:border-border`,`[&_th]:border-r`,`[&_th]:last:border-r-0`,`[&_th]:first:border-l-0`,`[&_tr_th:not([data-pinned=false])]:bg-muted-bg-subtle`]),_t=q([`flex`]),vt=q([`group flex`],{variants:{isPinned:{left:`sticky`,right:`sticky`,false:`relative`},isActions:{true:`border-r-0!`,false:``},isLastCell:{true:``,false:``},isFirstCell:{true:``,false:``},position:{start:`justify-start`,center:`justify-center`,end:`justify-end`}},compoundVariants:[{isPinned:`left`,isLastCell:void 0,className:`border-r border-r-border`},{isPinned:`right`,isFirstCell:void 0,className:`border-l border-l-border`}]}),yt=q(`relative w-full,grid,[&_tr]:absolute,[&_tr]:flex,[&_tr]:flex-none,[&_tr]:w-full,[&_tr]:cursor-pointer [&_tr]:focus:outline-none,[&_tr]:border-b [&_tr]:border-b-border,[&_td]:z-10,[&_td]:transition-all,[&_td]:duration-300,[&_td]:flex,[&_td]:flex-none,[&_td]:overflow-hidden,[&_td]:whitespace-nowrap,[&_td]:px-4,[&_td]:py-2.5,[&_td]:align-middle,[&_td]:border-border,[&_td]:data-[selected=true]:bg-muted-muted!,[&_td]:data-[selected=true]:hover:bg-muted-muted!,[&_td>div]:inline-flex,[&_td>div]:items-center,[&_td>div]:w-full,[&_td:not([data-pinned=false])]:z-20,[&_td:not([data-pinned=false])]:sticky,[&_td:not([data-pinned=false])]:bg-card`.split(`,`)),bt=q([`group [&_td]:border-r [&_td]:border-r-border [&_td]:last:border-r-0`]),xt=q([`group-hover:bg-muted-bg-subtle!`],{variants:{isPinned:{left:`sticky`,right:`sticky`,false:`relative`}},defaultVariants:{isPinned:void 0}}),St=q([`sticky border-r-0! inset-y-0 right-0 z-50 flex items-center pr-4 group-hover:bg-muted-bg-subtle!`]),Ct=q([`group-hover:bg-muted-bg-subtle!`],{variants:{isPinned:{left:``,right:``,false:``},isLastCell:{true:``,false:``},isFirstCell:{true:``,false:``}},compoundVariants:[{isPinned:`left`,isLastCell:void 0,className:`border-r border-r-border`},{isPinned:`right`,isFirstCell:void 0,className:`border-l border-l-border`}]}),wt=q([`overflow-x-hidden`],{variants:{position:{start:`justify-start`,center:`justify-center`,end:`justify-end`}},defaultVariants:{position:`start`}}),Tt=q([`flex w-full justify-center border-border-weak border-t py-2 font-medium [&>tr]:last:border-b-0`]),Et=q([`flex cursor-pointer gap-x-0.5`],{variants:{state:{idle:`text-text-positive-weak hover:text-text-positive`,fetching:`cursor-not-allowed`,error:`text-danger hover:text-danger-strong`}},defaultVariants:{state:`idle`}}),Dt=z(({height:e,className:t,children:n,...r})=>{let{isFetching:i,isRefetching:a,isEmpty:o}=at();return o||i||a?null:J(`tbody`,{slot:`table-body`,style:{height:e},className:K(yt(),t),...r,children:n})});Dt.displayName=`UITableBody`;const Ot=z(({isPinned:e=!1,isFirstCell:t=!1,isLastCell:n=!1,colId:r,position:i=`start`,column:a,getContext:o,...s})=>{let{innerTableId:c,table:l}=tt(),u=W(null),d=W(null),f=U(()=>{let t=a?.getStart(`left`);return e===`left`&&typeof t==`number`?`${t}px`:void 0},[e,a]),p=U(()=>{let t=a?.getAfter(`right`);return e===`right`&&typeof t==`number`?`${t}px`:void 0},[e,a]),m=U(()=>`calc(var(--col-${r}-size) * 1px)`,[r]),h=U(()=>a?.columnDef.minSize?`calc(var(--col-${r}-minSize) * 1px)`:void 0,[r,a]),g=U(()=>a?.columnDef.maxSize?`calc(var(--col-${r}-maxSize) * 1px)`:void 0,[r,a]),_=U(()=>Oe(a?.columnDef.cell,o()),[a,o]);return H(()=>{u.current=document.querySelector(`table[id="${c}"]`)},[c]),H(()=>{if(!d.current)return;let e=d.current.scrollWidth,t=a?.getSize();t!=null&&e>t&&u.current instanceof HTMLTableElement&&typeof r==`string`&&a?.columnDef.meta?.fitContent&&l.setColumnSizing(t=>({...t,[r]:e+32}))},[r,a,l]),J(`td`,{slot:`table-body-cell`,"data-pinned":e,"data-lastcell":n||void 0,"data-firstcell":t||void 0,style:{left:f,right:p,width:m,minWidth:h,maxWidth:g},className:Ct({isPinned:e||void 0,isLastCell:n,isFirstCell:t}),...s,children:J(`div`,{ref:d,slot:`table-body-cell-inner`,className:wt({position:i}),children:_})})});Ot.displayName=`UITableCell`;const kt=z(({virtualRowIndex:e,column:t,getContext:n,className:r,...i})=>{let a=U(()=>Oe(t?.columnDef.cell,n()),[t,n]);return J(`td`,{"data-col":`actions`,"data-cell":e,className:St(),...i,children:a})});kt.displayName=`UITableCellActions`;const At=z(({isPinned:e,isSelected:t=!1,className:n,onToggleRowSelected:r,...i})=>{let a=V(e=>{r?.(!!e)},[r]);return J(`td`,{slot:`table-body-cell`,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:K(xt({isPinned:e}),n),...i,children:J(`div`,{"data-slot":`table-cell-inner`,className:`flex! w-full! items-center justify-center bg-transparent text-center align-middle`,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:J(y,{"aria-label":`Select Row`,checked:t,onCheckedChange:a})})})});At.displayName=`UITableCellSelect`;const jt=z(()=>{let{table:e,isFetching:t,isRefetching:n,loadingDisplayRow:r=3}=Z();return!t&&!n?null:J(`tbody`,{className:K(yt(),`pointer-events-none`),children:Array.from({length:r}).map((t,n)=>J(`tr`,{"data-slot":`table-row`,"data-index":n,className:K(bt(),`animate-pulse relative!`),children:e.getAllColumns().map((t,r)=>{let i=t.getIsPinned(),a=t.getStart(`left`),o=t.getAfter(`right`);return t.id===`actions`?J(`td`,{"data-slot":`table-body-cell`,"data-col":t.id,"data-cell":r,style:{width:60},className:St(),children:J(`div`,{className:`w-full h-4 bg-muted-muted rounded-full`})},`${t.id}-${r}`):t.id===`select`?J(`td`,{"data-slot":`table-body-cell`,"data-col":t.id,"data-cell":r,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:xt({isPinned:`left`}),children:J(`div`,{className:`w-full flex justify-center`,children:J(`div`,{className:`size-4 bg-muted-muted rounded-full`})})},`${t.id}-${n}`):J(`td`,{"data-col":t.id,"data-cell":r,"data-selected":void 0,"data-lastcell":t.id===e.getAllColumns()[e.getAllColumns().length-1].id||void 0,"data-firstcell":t.id===e.getAllColumns()[0].id||void 0,style:{zIndex:i?20:0,left:i===`left`&&typeof a==`number`?`${a}px`:void 0,right:i===`right`&&typeof o==`number`?`${o}px`:void 0,width:`calc(var(--col-${t.id}-size) * 1px)`,minWidth:t.columnDef.minSize?`calc(var(--col-${t.id}-minSize) * 1px)`:void 0,maxWidth:t.columnDef.maxSize?`calc(var(--col-${t.id}-maxSize) * 1px)`:void 0},className:Ct({isPinned:t.getIsPinned(),isFirstCell:t.id===e.getRightHeaderGroups()[0]?.headers[0]?.id,isLastCell:t.id===e.getLeftHeaderGroups()[0]?.headers[e.getLeftHeaderGroups()[0].headers.length-1]?.id}),children:J(`div`,{className:wt({position:t.columnDef.meta?.position??`start`}),children:J(`div`,{className:`w-full h-4 bg-muted-muted rounded-full`})})},`${t.id}-${r}`)})},n))})}),Mt=z(()=>{let{isEmpty:e,emptyDisplayHeight:t}=Z();return e?J(Ee,{children:e&&J(`div`,{className:ft(),style:{minHeight:t??`24rem`},children:Y(`div`,{className:`flex flex-col items-center gap-1`,children:[J(ie,{strokeWidth:1,size:48}),J(`p`,{children:`No data available`})]})})}):null});Mt.displayName=`UITableEmptyDisplay`;const Nt=z(({className:e,children:t,...n})=>J(`tfoot`,{slot:`table-footer`,className:K(Tt(),e),...n,children:t}));Nt.displayName=`UITableFooter`;const Pt=z(({className:e,children:t,...n})=>J(`thead`,{slot:`table-head`,className:K(gt(),e),...n,children:t}));Pt.displayName=`UITableHead`;const Ft=z(({isPinned:e,onLeftPin:t,onRightPin:n,onUnpin:r,className:i})=>{let a=V(()=>{t?.(`left`)},[t]),o=V(()=>{n?.(`right`)},[n]),s=V(()=>{r?.(!1)},[r]);return Y(_,{children:[J(m,{asChild:!0,children:J(`button`,{type:`button`,className:K(dt(),i),children:J(oe,{})})}),J(g,{align:`end`,className:`w-64 p-4`,children:Y(h,{className:`*:data-[slot=dropdown-menu-item]:rounded-xs *:data-[slot=dropdown-menu-item]:p-2`,children:[J(L,{mode:e?`visible`:`hidden`,children:Y(f,{onClick:s,children:[!!e&&`Unpin`,J(p,{children:J(ge,{className:`size-4`})})]})}),Y(L,{mode:e?`hidden`:`visible`,children:[Y(f,{onClick:a,children:[e?`Unpin`:`Pin to Left`,J(p,{children:J(me,{className:`size-4`})})]}),Y(f,{onClick:o,children:[e?`Unpin`:`Pin to Right`,J(p,{children:J(he,{className:`size-4`})})]})]})]})})]})});Ft.displayName=`UITableHeadCellOption`;const It=z(({isVisible:e=!0,isPinned:t=!1,isFirstCell:n=!1,isLastCell:r=!1,isOptionsVisible:i=!0,headerId:a,headerColumn:o,className:s,children:c,onColumnPin:l,onToggleVisibility:u,...d})=>{let f=o?.columnDef.meta?.position,p=U(()=>t?20:void 0,[t]),m=U(()=>{let e=o?.getStart?.(`left`);return t===`left`&&typeof e==`number`?`${e}px`:void 0},[t,o]),h=U(()=>{let e=o?.getAfter?.(`right`);return t===`right`&&typeof e==`number`?`${e}px`:void 0},[t,o]),g=U(()=>`calc(var(--header-${a}-size) * 1px)`,[a]),_=U(()=>o?.columnDef.minSize?`calc(var(--col-${a}-minSize) * 1px)`:void 0,[a,o]),v=U(()=>o?.columnDef.maxSize?`calc(var(--col-${a}-maxSize) * 1px)`:void 0,[a,o]);return Y(`th`,{slot:`table-head-cell`,"data-pinned":t,"data-header":a,style:{zIndex:p,left:m,right:h,width:g,minWidth:_,maxWidth:v},className:K(vt({isPinned:t||`false`,isActions:a===`actions`,isLastCell:r,isFirstCell:n,position:f}),s),...d,children:[J(`div`,{className:`truncate px-4`,children:c}),i&&J(Ft,{isPinned:t,isVisible:e,onLeftPin:l,onRightPin:l,onUnpin:l})]})});It.displayName=`UITableHeadCell`;const Lt=z(({isPinned:e,isAllRowsSelected:t,style:n,onToggleAllRowsSelected:r,...i})=>{let a=V(e=>{r?.(!!e)},[r]);return J(`th`,{slot:`table-header-cell`,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:xt({isPinned:e}),...i,children:J(`div`,{className:`absolute inset-0 flex items-center justify-center`,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:J(y,{"aria-label":`Select All Rows`,checked:t,onCheckedChange:a})})})});Lt.displayName=`UITableHeadCellSelect`;const Rt=z(({headerGroup:e,className:t,...n})=>{let{isAllRowsSelected:r,columnPinningState:i,leftPinnedHeaders:a,rightPinnedHeaders:o,onToggleAllRowsSelected:s}=rt(),c=o[0]?.id,l=a[a.length-1]?.id;return J(`tr`,{slot:`table-head-row`,className:K(_t(),t),...n,children:e.headers.map((e,t)=>{let n=e.column.getIsVisible(),a=i.left?.includes(e.id)?`left`:i.right?.includes(e.id)?`right`:!1;return e.id===`select`?J(Lt,{isPinned:a,isAllRowsSelected:r,onToggleAllRowsSelected:s},e.id):J(It,{isVisible:n,isPinned:a,isFirstCell:e.id===c,isLastCell:e.id===l,isOptionsVisible:![`select`,`actions`].includes(e.id),headerId:e.id,headerColumn:e.column,colSpan:e.colSpan,onColumnPin:e.column.pin,onToggleVisibility:e.column.toggleVisibility,children:Oe(e.column.columnDef.header,e.getContext())},`${e.id}-${t}`)})})});Rt.displayName=`UITableHeadRow`;const zt=z(({children:e,...t})=>{let{table:n,innerTableId:r,totalSize:i}=tt(),a=W(null);return H(()=>{if(!a.current)return;let e=n.getFlatHeaders(),t,r=new ResizeObserver(r=>{t!==void 0&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{let t=r[0];if(!t)return;let i=t.target;if(!(i instanceof HTMLTableElement))return;let a=t.contentRect.width,{left:o=[],right:s=[]}=n.getState().columnPinning,c=0,l=0,u=0,d=e.map(e=>{let{id:t}=e,n=t===`select`||t===`actions`,r=o.includes(t)||s.includes(t),i=e.getSize(),a=e.column.columnDef.maxSize;return n?(c+=60,{id:t,isFlex:!1,width:60}):r?(c+=i,{id:t,isFlex:!1,width:i}):e.column.columnDef.size||i!==150?(u+=i,{id:t,isFlex:!1,width:i}):(l++,{id:t,isFlex:!0,maxSize:a})}),f=a-c-u,p=l>0?Math.max(0,Math.floor(f/l)):0;d.forEach(e=>{if(e.isFlex){let t=e.maxSize?Math.min(p,e.maxSize):p;i.style.setProperty(`--header-${e.id}-size`,`${t}`),i.style.setProperty(`--col-${e.id}-size`,`${t}`),e.maxSize&&i.style.setProperty(`--col-${e.id}-maxSize`,`${e.maxSize}`)}else i.style.setProperty(`--header-${e.id}-size`,`${e.width}`),i.style.setProperty(`--col-${e.id}-size`,`${e.width}`)})})});return r.observe(a.current),()=>{t!==void 0&&cancelAnimationFrame(t),r.disconnect()}},[n.getState().columnSizingInfo,n.getState().columnSizing,n.getState().columnPinning]),J(`table`,{id:r,ref:a,slot:`table-inner-table`,className:ht(),style:{minWidth:i},...t,children:e})});zt.displayName=`UITableInnerTable`;const Bt=z(({children:e,...t})=>{let{innerWrapperId:n}=$e();return J(`div`,{id:n,slot:`table-inner-wrapper`,className:mt(),...t,children:e})});Bt.displayName=`UITableInnerWrapper`;const Q=z(({virtualRowIndex:e,virtualRowStart:t,fetchMoreData:n})=>{let{innerWrapperId:r}=$e(),i=W(null),a=W(null),[o,s]=G(`idle`),[c,l]=G(0),u=V(async()=>{try{s(`fetching`),await n?.(),s(`idle`)}catch(e){console.error(`Error fetching more data:`,e),s(`error`)}},[n]);return H(()=>{if(i.current=document.querySelector(`div[id="${r}"]`),!i.current)return;let e=new ResizeObserver(e=>{l(e[0].contentRect.width)});return e.observe(i.current),()=>e.disconnect()},[r]),n?J(`tr`,{ref:a,"data-index":e,style:{transform:`translateY(${t}px)`,width:c},className:`sticky! left-0 h-10`,children:J(`td`,{className:`absolute left-0 flex w-full items-center justify-center text-xs`,children:Y(`button`,{type:`button`,disabled:o===`fetching`,className:Et({state:o}),onClick:u,children:[o===`idle`&&J(P,{className:`size-4`}),o===`fetching`&&J(ee,{className:`size-4 animate-spin`}),o===`error`&&J(A,{className:`size-4 text-danger`}),o===`idle`&&`Load More`,o===`fetching`&&`Loading...`,o===`error`&&`Error! Retry?`]})})}):null});Q.displayName=`UITableLoadMore`;const Vt=z(({row:e,isSelected:t,virtualRowIndex:n,virtualRowStart:r,children:i,...a})=>{let{keyOfClickRow:o,isAllRowsSelected:s,columnPinningState:c,leftPinnedHeaders:l,rightPinnedHeaders:u,onClickRow:d}=st(),f=U(()=>c.left??[],[c]),p=U(()=>c.right??[],[c]),m=U(()=>u?.[0]?.id,[u]),h=U(()=>l?.[l.length-1]?.id,[l]),g=V(t=>{let r=o?e.original?.[o]:void 0;d?.(n,typeof r==`string`||typeof r==`number`?r:void 0),t.preventDefault(),t.stopPropagation()},[o,d,e,n]);return J(`tr`,{slot:`table-row`,"data-index":n,style:{transform:`translateY(${r}px)`},className:bt(),onClick:g,...a,children:e.getVisibleCells().map((e,r)=>{let i=f.includes(e.column.id),a=p.includes(e.column.id),o=i?`left`:a?`right`:!1;return e.column.id===`actions`?J(kt,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,virtualRowIndex:n,column:e.column,getContext:e.getContext},`${e.id}-${r}`):e.column.id===`select`?J(At,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:o,isSelected:s||t,onToggleRowSelected:e.row.toggleSelected},`${e.id}-${r}`):J(Ot,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:o,isFirstCell:e.column.id===m,isLastCell:e.column.id===h,colId:e.column.id,position:e.column.columnDef.meta?.position??`start`,column:e.column,getContext:e.getContext},`${e.id}-${r}`)})})});Vt.displayName=`UITableRow`;const Ht=z(({className:e,children:t,...n})=>J(`div`,{slot:`table-wrapper`,className:K(pt(),e),...n,children:t}));Ht.displayName=`UITableWrapper`;const Ut=({children:e})=>{let{table:t,fetchMoreData:n}=Z(),{rowSelectionState:r}=at(),i=W(null),{rows:a}=t.getRowModel(),o=Ne({count:a.length+(n?1:0),estimateSize:()=>40,getScrollElement:()=>i.current,measureElement:typeof window<`u`&&navigator.userAgent.indexOf(`Firefox`)===-1?e=>e?.getBoundingClientRect().height:void 0,overscan:2}),s=U(()=>{let e=o.getTotalSize(),t=i.current?.clientHeight??0;return`${Math.max(e,t)}px`},[o.getTotalSize()]);return Y(te,{direction:`horizontal`,style:{direction:t.options.columnResizeDirection},className:`relative flex w-full max-w-full flex-1 gap-1 overflow-auto border-t border-t-border border-r border-r-border bg-slate-50 p-0 text-sm`,children:[J(b,{className:`relative`,children:Y(Bt,{ref:i,children:[Y(zt,{children:[J(Pt,{children:t.getHeaderGroups().map(e=>J(Rt,{headerGroup:e},e.id))}),J(Dt,{height:s,children:o.getVirtualItems().map(e=>{let t=a[e.index];if(!t&&n)return J(Q,{virtualRowIndex:e.index,virtualRowStart:e.start,fetchMoreData:n},e.key);let i=r[t.id]===!0;return J(Vt,{ref:o.measureElement,row:t,isSelected:i,virtualRowIndex:e.index,virtualRowStart:e.start},e.key)})}),J(jt,{})]}),J(Mt,{})]})}),e&&Y(Ee,{children:[J(x,{}),e]})]})},Wt={tag:J(ye,{size:14}),"single-tag":J(ye,{size:14}),"date-range":J(M,{size:14}),number:J(ce,{size:14}),text:J(Se,{size:14}),boolean:J(be,{size:14})},Gt=[{value:`eq`,label:`Equals (=)`},{value:`ne`,label:`not equals (≠)`},{value:`gt`,label:`greater than (>)`},{value:`gte`,label:`At least (≥)`},{value:`lt`,label:`less than (<)`},{value:`lte`,label:`at most (≤)`},{value:`between`,label:`Between`}],Kt=[{value:`contains`,label:`Contains`},{value:`equals`,label:`Equals`},{value:`starts-with`,label:`Starts with`},{value:`ends-with`,label:`Ends with`}];function qt(e,t){switch(e.type){case`single-tag`:return e.value?t.options?.find(t=>t.value===e.value)?.label??e.value:`Unset`;case`tag`:return e.values.length?e.values.map(e=>t.options?.find(t=>t.value===e)?.label??e).join(`, `):`Unset`;case`date-range`:return!e.from&&!e.to?`Unknow date`:e.from&&e.to?`${e.from} → ${e.to}`:e.from?`from ${e.from}`:`until ${e.to}`;case`number`:{let t={eq:`=`,ne:`≠`,gt:`>`,gte:`≥`,lt:`<`,lte:`≤`,between:`between`}[e.operator];return e.value===void 0?t:e.operator===`between`?`${t} ${e.value} – ${e.valueTo??`?`}`:`${t} ${e.value}`}case`text`:{let t={contains:`contains`,equals:`is`,"starts-with":`starts with`,"ends-with":`ends with`}[e.operator];return e.value?`${t} "${e.value}"`:t}case`boolean`:return e.value===null?`Unknow`:e.value?`Yes`:`No`}}const Jt=({value:e,definition:t,onChange:n})=>J(`div`,{className:`flex flex-col gap-1 p-3`,children:(t.options??[]).length===0?J(`p`,{className:`text-xs text-text-positive-muted`,children:`No options defined`}):t.options.map(t=>Y(k,{className:K(`flex items-center gap-2 bg-secondary-bg-subtle hover:bg-secondary-muted px-4 py-2 rounded transition-colors`,e.values.includes(t.value)&&`bg-primary-muted hover:bg-primary-subtle`),children:[J(y,{checked:e.values.includes(t.value),onCheckedChange:r=>{n({type:`tag`,values:r?[...e.values,t.value]:e.values.filter(e=>e!==t.value)})}}),J(`span`,{className:`text-sm`,children:t.label})]},t.value))}),Yt=({value:e,definition:t,onChange:n})=>J(`div`,{className:`flex flex-col gap-1 p-3`,children:(t.options??[]).length===0?J(`p`,{className:`text-xs text-text-positive-muted`,children:`No options defined`}):t.options.map(t=>Y(k,{className:K(`flex items-center gap-2 bg-secondary-bg-subtle hover:bg-secondary-muted px-4 py-2 rounded transition-colors`,e.value===t.value&&`bg-primary-muted hover:bg-primary-subtle`),children:[J(y,{checked:e.value===t.value,onCheckedChange:e=>{n({type:`single-tag`,value:e?t.value:null})}}),J(`span`,{className:`text-sm`,children:t.label})]},t.value))}),Xt=({value:e,onChange:t})=>Y(`div`,{className:`flex flex-col gap-3 p-3`,children:[Y(`div`,{className:`flex flex-col gap-1`,children:[J(`span`,{className:`text-xs text-text-positive-muted`,children:`From`}),J(S,{type:`date`,size:`md`,value:e.from??``,onValueChange:n=>t({...e,from:n||void 0})})]}),Y(`div`,{className:`flex flex-col gap-1`,children:[J(`span`,{className:`text-xs text-text-positive-muted`,children:`To`}),J(S,{type:`date`,size:`md`,value:e.to??``,onValueChange:n=>t({...e,to:n||void 0})})]})]}),Zt=({value:e,onChange:t})=>Y(`div`,{className:`flex flex-col gap-3 p-3`,children:[Y(O,{value:e.operator,onValueChange:n=>t({...e,operator:n}),children:[J(D,{size:`sm`,children:J(w,{})}),J(E,{children:Gt.map(e=>J(T,{value:e.value,children:e.label},e.value))})]}),J(S,{type:`number`,size:`md`,placeholder:`Value`,value:e.value??``,onValueChange:n=>t({...e,value:n?Number(n):void 0})}),e.operator===`between`&&J(S,{type:`number`,size:`md`,placeholder:`To value`,value:e.valueTo??``,onValueChange:n=>t({...e,valueTo:n?Number(n):void 0})})]}),Qt=({value:e,onChange:t})=>Y(`div`,{className:`flex flex-col gap-3 p-3`,children:[Y(O,{value:e.operator,onValueChange:n=>t({...e,operator:n}),children:[J(D,{size:`sm`,children:J(w,{})}),J(E,{children:Kt.map(e=>J(T,{value:e.value,children:e.label},e.value))})]}),J(S,{type:`text`,size:`md`,placeholder:`Enter text...`,value:e.value,onValueChange:n=>t({...e,value:n})})]}),$t=[{label:`Yes`,value:!0},{label:`No`,value:!1},{label:`Unknow`,value:null}],en=({value:t,onChange:n})=>J(`div`,{className:`flex flex-col gap-1 p-3`,children:$t.map(({label:r,value:i})=>J(e,{type:`button`,tabIndex:-1,variant:`outline`,className:K(`rounded px-3 py-1.5 text-left text-sm transition-colors`,t.value===i?`bg-primary-muted font-medium`:`hover:bg-muted-bg-subtle`),onClick:()=>n({type:`boolean`,value:i}),children:r},r))});function tn({value:e,definition:t,onChange:n}){switch(e.type){case`tag`:return J(Jt,{value:e,definition:t,onChange:n});case`single-tag`:return J(Yt,{value:e,definition:t,onChange:n});case`date-range`:return J(Xt,{value:e,onChange:n});case`number`:return J(Zt,{value:e,onChange:n});case`text`:return J(Qt,{value:e,onChange:n});case`boolean`:return J(en,{value:e,onChange:n})}}const nn=({filter:t,definition:n,onRemove:r,onUpdate:i})=>Y(`div`,{className:`flex items-center gap-1`,children:[Y(re,{children:[J(C,{asChild:!0,children:Y(e,{type:`button`,variant:`outline`,color:`muted`,className:`flex-1 bg-white max-w-[calc(100%-32px)] justify-start`,innerClassName:`flex truncate gap-1.5`,children:[J(`span`,{className:`shrink-0 text-text-positive font-medium`,children:n.label}),J(`span`,{className:`truncate text-xs text-text-positive-weak`,children:qt(t.value,n)})]})}),Y(ne,{className:`w-64 p-0`,align:`start`,side:`bottom`,children:[J(`div`,{className:`border-b border-border px-3 py-2`,children:Y(`div`,{className:`flex items-center gap-1.5`,children:[J(`span`,{className:`text-text-positive-muted`,children:Wt[n.type]}),J(`p`,{className:`font-medium`,children:n.label})]})}),J(tn,{value:t.value,definition:n,onChange:i})]})]}),J(e,{type:`button`,size:`icon`,variant:`soft`,color:`danger`,className:`shrink`,onClick:r,children:J(xe,{size:13})})]}),rn=()=>{let{filterDefinitions:t,activeFilters:n,addFilter:r,removeFilter:i,updateFilter:a}=ut(),[o,s]=G(null),c=t.filter(e=>!n.some(t=>t.definitionId===e.id));return J(b,{defaultSize:25,className:K(`bg-card`,o===null?`max-w-8!`:`min-w-64`),children:Y(`div`,{className:`relative z-20 flex size-full bg-muted-bg-subtle`,children:[J(`div`,{className:`min-w-0 flex-1 overflow-hidden`,children:J(L,{mode:o===`filters`?`visible`:`hidden`,children:Y(`div`,{className:`flex size-full flex-col gap-2 p-4`,children:[Y(`div`,{className:`flex items-center justify-between gap-2`,children:[J(`p`,{className:`font-medium`,children:`Filters`}),Y(_,{children:[J(m,{asChild:!0,children:Y(e,{variant:`outline`,color:`muted`,disabled:c.length===0,children:[J(ue,{size:13}),`Add Filter`]})}),J(g,{align:`end`,children:c.map(e=>Y(f,{className:`flex items-center gap-2`,onClick:()=>r(e.id),children:[Wt[e.type],e.label]},e.id))})]})]}),J(d,{}),n.length===0?J(`p`,{className:`py-6 text-center text-xs text-text-positive-muted`,children:`No active filters`}):J(`div`,{className:`flex flex-col gap-2 pt-1`,children:n.map(e=>{let n=t.find(t=>t.id===e.definitionId);return n?J(nn,{filter:e,definition:n,onRemove:()=>i(e.id),onUpdate:t=>a(e.id,t)},e.id):null})})]})})}),Y(`div`,{className:`flex h-full flex-col border-l border-border bg-muted-bg-subtle text-sm`,children:[Y(`button`,{type:`button`,className:K(`relative flex h-32 cursor-pointer flex-col items-center gap-y-2 p-2 py-4`,o===`filters`&&`bg-card`),onClick:()=>s(o===`filters`?null:`filters`),children:[J(le,{size:18}),n.length>0&&J(`span`,{className:`absolute top-2 right-1.5 flex h-4 w-4 items-center justify-center rounded-full bg-primary text-[10px] leading-none text-primary-foreground`,children:n.length}),J(`span`,{className:`text-nowrap [writing-mode:vertical-lr]`,children:`Filters`})]}),J(d,{})]})]})})};function an(e){switch(e){case`tag`:return{type:`tag`,values:[]};case`single-tag`:return{type:`single-tag`,value:null};case`date-range`:return{type:`date-range`};case`number`:return{type:`number`,operator:`eq`};case`text`:return{type:`text`,operator:`contains`,value:``};case`boolean`:return{type:`boolean`,value:null}}}const on=z(({innerWrapperId:e,children:t})=>{let n=U(()=>({innerWrapperId:e}),[e]);return J(Qe.Provider,{value:n,children:t})});on.displayName=`UITableInnerWrapperProvider`;const sn=z(({table:e,innerTableId:t,totalSize:n,children:r})=>{let i=U(()=>({table:e,innerTableId:t,totalSize:n}),[e,t,n]);return J(et.Provider,{value:i,children:r})});sn.displayName=`UITableInnerTableProvider`;const cn=z(({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i,children:a})=>{let o=U(()=>({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i}),[e,t,n,r,i]);return J(nt.Provider,{value:o,children:a})});cn.displayName=`UITableHeadRowProvider`;const ln=z(({isFetching:e,isRefetching:t,isEmpty:n,rowSelectionState:r,children:i})=>{let a=U(()=>({isFetching:e,isRefetching:t,isEmpty:n,rowSelectionState:r}),[e,n,r]);return J(it.Provider,{value:a,children:i})});ln.displayName=`UITableBodyProvider`;const un=z(({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a,children:o})=>{let s=U(()=>({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a}),[e,t,n,r,i,a]);return J(ot.Provider,{value:s,children:o})});un.displayName=`UITableRowProvider`;const dn=({title:e,isFetching:t=!1,isRefetching:n=!1,isLoading:r=!1,loadingDisplayRow:i=3,data:a,columns:o,totalRows:s,leftPinnedColumns:c=[],rightPinnedColumns:l=[],keyOfClickRow:u,onClickRow:d,onRowSelection:f,onColumnPinning:p,fetchMoreData:m,emptyDisplayHeight:h,csvData:g,csvFileName:_,filterDefinitions:v=[],onFilterChange:y,children:ee})=>{let b=Te(),te=Te(),[x,S]=G({}),[C,ne]=G({right:l,left:[`select`,...c]}),[re,w]=G({}),[T,E]=G([]),D=V(e=>(S(e),f?.(e instanceof Function?e(x):e),e),[x,f]),O=V(e=>{ne(e),p?.(e instanceof Function?e(C):e)},[C,p]),k=V(e=>{let t=v.find(t=>t.id===e);if(!t)return;let n={id:`${e}-${crypto.randomUUID()}`,definitionId:e,value:an(t.type)};E(e=>{let t=[...e,n];return y?.(t),t})},[v,y]),A=V(e=>{E(t=>{let n=t.filter(t=>t.id!==e);return y?.(n),n})},[y]),j=V((e,t)=>{E(n=>{let r=n.map(n=>n.id===e?{...n,value:t}:n);return y?.(r),r})},[y]),ie=U(()=>({filterDefinitions:v,activeFilters:T,addFilter:k,removeFilter:A,updateFilter:j}),[v,T,k,A,j]),M=Me({data:a,columns:o,state:{rowSelection:x,columnPinning:C,expanded:re},defaultColumn:{enableResizing:!1,size:void 0,minSize:void 0,maxSize:void 0},columnResizeMode:`onChange`,columnResizeDirection:`ltr`,enableColumnPinning:!0,enableRowSelection:!0,enableColumnResizing:!0,enableMultiRowSelection:!0,autoResetAll:!1,autoResetExpanded:!1,autoResetPageIndex:!1,getSubRows:e=>e.subRows,getCoreRowModel:ke(),getGroupedRowModel:je(),getExpandedRowModel:Ae(),onRowSelectionChange:D,onColumnPinningChange:O,onExpandedChange:w}),N=U(()=>{let{rows:e}=M.getRowModel();return e},[M.getRowModel().rows,M.getState().columnPinning]),P=U(()=>!t&&!n&&N.length===0,[N,t,n]),ae=U(()=>({title:e,table:M,isEmpty:P,isFetching:t,isRefetching:n,isLoading:r,loadingDisplayRow:i,totalRows:s,fetchMoreData:m,emptyDisplayHeight:h,csvData:g,csvFileName:_}),[e,M,P,n,t,r,i,s,m,h,M.getState().columnPinning,M.getState().expanded,g,_]),F=U(()=>M.getState(),[M.getState()]),I=U(()=>M.getIsAllRowsSelected(),[M.getIsAllRowsSelected()]),oe=U(()=>F.rowSelection,[F.rowSelection]),se=U(()=>F.columnPinning,[F.columnPinning]),ce=U(()=>M.getLeftHeaderGroups()[0]?.headers||[],[M.getState().columnPinning]),le=U(()=>M.getRightHeaderGroups()[0]?.headers||[],[M.getState().columnPinning]),ue=U(()=>M.getTotalSize(),[M.getTotalSize()]);return J(lt.Provider,{value:ie,children:J(ct.Provider,{value:ae,children:J(on,{innerWrapperId:b,children:J(sn,{table:M,innerTableId:te,totalSize:ue,children:J(cn,{isAllRowsSelected:I,columnPinningState:se,leftPinnedHeaders:ce,rightPinnedHeaders:le,onToggleAllRowsSelected:M.toggleAllRowsSelected,children:J(ln,{isFetching:t,isRefetching:n,isEmpty:P,rowSelectionState:oe,children:J(un,{keyOfClickRow:u,isAllRowsSelected:I,columnPinningState:se,leftPinnedHeaders:ce,rightPinnedHeaders:le,onClickRow:d,children:ee})})})})})})})};function fn(e){if(e==null)return``;if(typeof e==`number`)return String(e);if(typeof e==`boolean`)return e?`true`:`false`;let t=String(e);return t.includes(`,`)||t.includes(`"`)||t.includes(`
-`)||t.includes(`\r`)?`"${t.replace(/"/g,`""`)}"`:t}function pn(e){if(e.length===0)return``;let t=e[0].map(e=>fn(e.label)),n=e.map(e=>e.map(e=>fn(e.value)).join(`,`));return[t.join(`,`),...n].join(`
-`)}function mn(e,t){let n=pn(e);if(!n)return;let r=new Blob([n],{type:`text/csv;charset=utf-8;`}),i=URL.createObjectURL(r),a=document.createElement(`a`);a.href=i,a.download=`${t}.csv`,a.click(),URL.revokeObjectURL(i)}const hn=({onSearch:e,onChange:t,...n})=>{let r=Pe(t=>{e?.(t)},500);return Y(`div`,{className:`relative w-full max-w-80 flex-1`,children:[J(S,{...n,size:`lg`,type:`search`,placeholder:`Search records...`,className:`flex-1 ps-9 pe-9`,onChange:e=>{t?.(e),r(e.target.value??``)}}),J(`div`,{className:`pointer-events-none absolute inset-y-0 inset-s-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:J(ve,{size:16})}),J(`button`,{className:`absolute inset-y-0 inset-e-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:J(j,{size:16,"aria-hidden":`true`})})]})},$=({children:e,disabled:t,onClick:n})=>J(`button`,{type:`button`,disabled:t,className:`flex cursor-pointer items-center gap-x-1 rounded-sm border border-border bg-background p-2.5 text-sm text-text-positive-weak outline-none transition-all hover:shadow-card focus:border-border-emphasis focus:bg-muted-muted active:border-border-emphasis active:bg-muted-muted active:text-text-positive disabled:pointer-events-none disabled:cursor-default disabled:opacity-60 [&_svg]:size-3.5`,onClick:n,children:e}),gn=({onCreate:e,onDownload:t,onRefresh:n})=>{let{table:r,csvData:i,csvFileName:a,title:o}=Z(),s=V(()=>{if(t){t();return}if(!i||i.length===0)return;let e=r.getSelectedRowModel().flatRows;mn(e.length>0?e.map(e=>i[e.index]).filter(Boolean):i,a||o)},[t,i,a,r,o]),c=!!(t||i&&i.length>0);return Y(`div`,{className:`flex [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none`,children:[J($,{disabled:!e,onClick:t=>{e?.(),t.stopPropagation(),t.preventDefault()},children:J(ae,{})}),J($,{disabled:!n,onClick:e=>{n?.(),e.stopPropagation(),e.preventDefault()},children:J(_e,{})}),J($,{disabled:!c,onClick:e=>{s(),e.stopPropagation(),e.preventDefault()},children:J(I,{})})]})},_n=({children:e})=>{let{title:t}=Z();return Y(`div`,{"data-slot":`table-tooltip`,className:`relative m-0 flex w-full flex-0 flex-col flex-wrap items-start space-y-2 p-0 px-2 text-sm`,children:[J(`h3`,{className:`font-semibold text-base text-text-positive`,children:t}),J(`div`,{className:`flex w-full flex-1 justify-between gap-x-2`,children:e})]})};_n.displayName=`TableTooltip`;export{Ue as A,Ze as C,Ke as D,qe as E,Re as F,Le as I,Ie as L,Ve as M,Be as N,Ge as O,ze as P,Fe as R,Dt as S,Ye as T,Nt as _,rn as a,kt as b,Vt as c,zt as d,Rt as f,Pt as g,Ft as h,dn as i,He as j,We as k,Q as l,It as m,gn as n,Ut as o,Lt as p,hn as r,Ht as s,_n as t,Bt as u,Mt as v,Xe as w,Ot as x,At as y};
-//# sourceMappingURL=tables-BQ-QiA1V.mjs.map

package/dist/ui/sidebar.cjs

@@ -1,2 +0,0 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../button.variants-tnhb123u.cjs`);const t=require(`../button-Bu4ejNOW.cjs`),n=require(`../skeleton-CHympz8k.cjs`),r=require(`../tooltip-DC6i1A25.cjs`),i=require(`../separator-jytY1CPq.cjs`),a=require(`../input-1ceJxxFI.cjs`),o=require(`../drawer-C3o6IEeq.cjs`);let s=require(`lucide-react`),c=require(`react`),l=require(`@customafk/react-toolkit/utils`),u=require(`class-variance-authority`),d=require(`react/jsx-runtime`),f=require(`radix-ui`),p=require(`@customafk/react-toolkit/hooks/useMobile`);const m=`sidebar_state`,h=3600*24*7,g=`16rem`,_=`18rem`,v=`3rem`,y=`b`,b=(0,c.createContext)(null);function x(){let e=(0,c.use)(b);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function S({defaultOpen:e=!0,open:t,onOpenChange:n,className:i,style:a,children:o,...s}){let u=(0,p.useIsMobile)(),[f,m]=(0,c.useState)(!1),[h,g]=(0,c.useState)(e),_=t??h,v=(0,c.useCallback)(e=>{let t=typeof e==`function`?e(_):e;n?n(t):g(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,_]),y=(0,c.useCallback)(()=>u?m(e=>!e):v(e=>!e),[u,v,m]);(0,c.useEffect)(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),y())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[y]);let x=_?`expanded`:`collapsed`,S=(0,c.useMemo)(()=>({state:x,isMobile:u,toggleSidebar:y,open:_,setOpen:v,openMobile:f,setOpenMobile:m}),[x,_,v,u,f,m,y]);return(0,d.jsx)(b.Provider,{value:S,children:(0,d.jsx)(r.r,{delayDuration:0,children:(0,d.jsx)(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:(0,l.cn)(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex h-dvh w-full`,i),...s,children:o})})})}function C({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,children:i,...a}){let{isMobile:s,state:c,openMobile:u,setOpenMobile:f}=x();return n===`none`?(0,d.jsx)(`aside`,{"data-slot":`sidebar`,className:(0,l.cn)(`bg-sidebar`,`text-sidebar-foreground`,`flex h-full w-(--sidebar-width) flex-col`,`border-r`,r),...a,children:i}):s?(0,d.jsx)(o.t,{open:u,onOpenChange:f,direction:`left`,children:(0,d.jsxs)(o.r,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":`18rem`},children:[(0,d.jsxs)(o.o,{className:`sr-only`,children:[(0,d.jsx)(o.r,{children:`Sidebar`}),(0,d.jsx)(o.i,{children:`Displays the mobile sidebar.`})]}),(0,d.jsx)(`div`,{className:`flex h-full w-full flex-col`,children:i})]})}):(0,d.jsxs)(`aside`,{className:`group peer text-sidebar-foreground bg-card hidden md:block`,"data-state":c,"data-collapsible":c===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[(0,d.jsx)(`div`,{"data-slot":`sidebar-gap`,className:(0,l.cn)(`relative`,`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-14 w-(--sidebar-width)`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,t===`floating`||t===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),(0,d.jsx)(`div`,{"data-slot":`sidebar-container`,className:(0,l.cn)(`hidden md:flex`,`fixed inset-y-0 top-14 z-10`,`h-[calc(100dvh-3.5rem)] w-(--sidebar-width)`,`border-r`,`transition-[left,right,width] duration-200 ease-linear`,e===`left`&&`left-0`,e===`left`&&`group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`,e===`right`&&`right-0`,e===`right`&&`group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,t===`floating`||t===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,r),...a,children:(0,d.jsx)(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:(0,l.cn)(`flex size-full flex-col`,`group-data-[variant=floating]:rounded-lg`,`group-data-[variant=floating]:border`,`group-data-[variant=floating]:border-sidebar-border`,`group-data-[variant=floating]:shadow-sm`),children:i})})]})}function w({className:e,onClick:n,...r}){let{toggleSidebar:i}=x();return(0,d.jsxs)(t.t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,size:`icon`,className:(0,l.cn)(`size-10 rounded-full`,e),onClick:e=>{n?.(e),i()},...r,children:[(0,d.jsx)(s.MenuIcon,{className:`!size-6`}),(0,d.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function T({className:e,...t}){let{toggleSidebar:n}=x();return(0,d.jsx)(`button`,{"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:n,title:`Toggle Sidebar`,className:(0,l.cn)(`absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute`,`after:inset-y-0`,`after:left-1/2`,`after:w-0.5`,`group-data-[side=left]:-right-4`,`group-data-[side=right]:left-0`,`in-data-[side=left]:cursor-w-resize`,`in-data-[side=right]:cursor-e-resize`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize`,`[[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`hover:after:bg-sidebar-border`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar`,`group-data-[collapsible=offcanvas]:translate-x-0`,`group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,e),...t})}function E({className:e,children:t,...n}){return(0,d.jsxs)(`main`,{"data-slot":`sidebar-inset`,className:(0,l.cn)(`w-full`,`relative`,`flex flex-1 flex-col`,e),...n,children:[(0,d.jsx)(`div`,{className:`h-14 w-full`}),(0,d.jsx)(`div`,{className:(0,l.cn)(`flex-1 inset-shadow-sm`),children:t})]})}function D({className:e,...t}){return(0,d.jsx)(a.t,{"data-slot":`sidebar-input`,"data-sidebar":`input`,className:(0,l.cn)(`bg-background h-8 w-full shadow-none`,e),...t})}function O({className:e,...t}){return(0,d.jsx)(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:(0,l.cn)(`flex flex-col gap-2 p-2`,e),...t})}function k({className:e,...t}){return(0,d.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:(0,l.cn)(`flex flex-col gap-2 p-2`,e),...t})}function A({className:e,...t}){return(0,d.jsx)(i.t,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:(0,l.cn)(`bg-sidebar-border mx-2 w-auto`,e),...t})}function j({className:e,...t}){return(0,d.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:(0,l.cn)(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function M({className:e,...t}){return(0,d.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:(0,l.cn)(`relative flex w-full min-w-0 flex-col p-2`,e),...t})}function N({className:e,asChild:t=!1,...n}){return(0,d.jsx)(t?f.Slot.Slot:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:(0,l.cn)(`text-sidebar-foreground/70`,`ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8`,`group-data-[collapsible=icon]:opacity-0`,e),...n})}function P({className:e,asChild:t=!1,...n}){return(0,d.jsx)(t?f.Slot.Slot:`button`,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:(0,l.cn)(`text-sidebar-foreground ring-sidebar-ring`,`absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`group-data-[collapsible=icon]:hidden`,e),...n})}function F({className:e,...t}){return(0,d.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:(0,l.cn)(`w-full text-sm`,e),...t})}function I({className:e,...t}){return(0,d.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:(0,l.cn)(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function L({className:e,...t}){return(0,d.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:(0,l.cn)(`group/menu-item relative`,e),...t})}const R=(0,u.cva)([`peer/menu-button cursor-pointer flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`focus-visible:ring-2`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:font-medium`,`data-[active=true]:text-sidebar-accent-foreground`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-8!`,`group-data-[collapsible=icon]:p-2!`,`[&>span:last-child]:truncate`,`[&>svg]:size-4`,`[&>svg]:shrink-0`],{variants:{variant:{default:`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function z({asChild:e=!1,isActive:t=!1,variant:n=`default`,size:i=`default`,tooltip:a,className:o,...s}){let c=e?f.Slot.Slot:`button`,{isMobile:u,state:p}=x(),m=(0,d.jsx)(c,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":i,"data-active":t,className:(0,l.cn)(R({variant:n,size:i}),o),...s});return a?(typeof a==`string`&&(a={children:a}),(0,d.jsxs)(r.t,{children:[(0,d.jsx)(r.i,{asChild:!0,children:m}),(0,d.jsx)(r.n,{side:`right`,align:`center`,hidden:p!==`collapsed`||u,...a})]})):m}function B({className:e,asChild:t=!1,showOnHover:n=!1,...r}){return(0,d.jsx)(t?f.Slot.Slot:`button`,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:(0,l.cn)(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,n&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,n&&`group-focus-within/menu-item:opacity-100`,n&&`group-hover/menu-item:opacity-100`,n&&`data-[state=open]:opacity-100 md:opacity-0`,e),...r})}function V({className:e,...t}){return(0,d.jsx)(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:(0,l.cn)(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none`,`peer-hover/menu-button:text-sidebar-accent-foreground`,`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function H({className:e,showIcon:t=!1,...r}){let i=(0,c.useMemo)(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return(0,d.jsxs)(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:(0,l.cn)(`flex h-8 items-center gap-2 rounded-md px-2`,e),...r,children:[t&&(0,d.jsx)(n.t,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),(0,d.jsx)(n.t,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":i}})]})}function U({className:e,...t}){return(0,d.jsx)(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:(0,l.cn)(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function W({className:e,...t}){return(0,d.jsx)(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:(0,l.cn)(`group/menu-sub-item relative`,e),...t})}function G({asChild:e=!1,size:t=`md`,isActive:n=!1,className:r,...i}){return(0,d.jsx)(e?f.Slot.Slot:`a`,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":t,"data-active":n,className:(0,l.cn)(`text-sidebar-foreground ring-sidebar-ring`,`flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`focus-visible:ring-2`,`disabled:pointer-events-none`,`disabled:opacity-50`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`[&>span:last-child]:truncate`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>svg]:text-sidebar-accent-foreground`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:text-sidebar-accent-foreground`,t===`sm`&&`text-xs`,t===`md`&&`text-sm`,`group-data-[collapsible=icon]:hidden`,r),...i})}exports.Sidebar=C,exports.SidebarContent=j,exports.SidebarFooter=k,exports.SidebarGroup=M,exports.SidebarGroupAction=P,exports.SidebarGroupContent=F,exports.SidebarGroupLabel=N,exports.SidebarHeader=O,exports.SidebarInput=D,exports.SidebarInset=E,exports.SidebarMenu=I,exports.SidebarMenuAction=B,exports.SidebarMenuBadge=V,exports.SidebarMenuButton=z,exports.SidebarMenuItem=L,exports.SidebarMenuSkeleton=H,exports.SidebarMenuSub=U,exports.SidebarMenuSubButton=G,exports.SidebarMenuSubItem=W,exports.SidebarProvider=S,exports.SidebarRail=T,exports.SidebarSeparator=A,exports.SidebarTrigger=w,exports.useSidebar=x;
-//# sourceMappingURL=sidebar.cjs.map