@customafk/lunas-ui 0.2.53 → 0.2.54

package/dist/ui/tabs.d.mts

@@ -1,2 +1,42 @@
-import { i as TabsTrigger, n as TabsContent, r as TabsList, t as Tabs } from "../tabs-564E0ez3.mjs";
-export { Tabs, TabsContent, TabsList, TabsTrigger };
+import { Tabs as Tabs$1 } from "radix-ui";
+
+//#region packages/components/ui/tabs.d.ts
+/**
+ * Keyboard-accessible tabbed panel built on Radix UI's Tabs primitives, composed from `Tabs`, `TabsList`, `TabsTrigger`, and `TabsContent`.
+ *
+ * @example
+ * ```tsx
+ * import { Tabs, TabsList, TabsTrigger, TabsContent } from '@customafk/lunas-ui/ui/tabs';
+ *
+ * <Tabs defaultValue="overview">
+ *   <TabsList>
+ *     <TabsTrigger value="overview">Overview</TabsTrigger>
+ *     <TabsTrigger value="settings">Settings</TabsTrigger>
+ *   </TabsList>
+ *   <TabsContent value="overview">Overview content here.</TabsContent>
+ *   <TabsContent value="settings">Settings content here.</TabsContent>
+ * </Tabs>
+ * ```
+ */
+declare function Tabs({
+  className,
+  ...props
+}: React.ComponentProps<typeof Tabs$1.Root>): import("react").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>): import("react").JSX.Element;
+/** Individual tab button that activates its associated `TabsContent` panel when clicked. */
+declare function TabsTrigger({
+  className,
+  ...props
+}: React.ComponentProps<typeof Tabs$1.Trigger>): import("react").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>): import("react").JSX.Element;
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.d.mts.map

package/dist/ui/tabs.mjs

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

package/dist/ui/tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","names":["TabsPrimitive"],"sources":["../../packages/components/ui/tabs.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Tabs as TabsPrimitive } from 'radix-ui';\n\n/**\n * Keyboard-accessible tabbed panel built on Radix UI's Tabs primitives, composed from `Tabs`, `TabsList`, `TabsTrigger`, and `TabsContent`.\n *\n * @example\n * ```tsx\n * import { Tabs, TabsList, TabsTrigger, TabsContent } from '@customafk/lunas-ui/ui/tabs';\n *\n * <Tabs defaultValue=\"overview\">\n *   <TabsList>\n *     <TabsTrigger value=\"overview\">Overview</TabsTrigger>\n *     <TabsTrigger value=\"settings\">Settings</TabsTrigger>\n *   </TabsList>\n *   <TabsContent value=\"overview\">Overview content here.</TabsContent>\n *   <TabsContent value=\"settings\">Settings content here.</TabsContent>\n * </Tabs>\n * ```\n */\nfunction Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return <TabsPrimitive.Root data-slot=\"tabs\" className={cn('flex flex-col gap-2', className)} {...props} />;\n}\n\n/** Container that holds the row of `TabsTrigger` buttons with a muted background pill style. */\nfunction TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn('inline-flex h-9 w-fit items-center justify-center gap-x-1 rounded-sm bg-muted-muted p-1', className)}\n      {...props}\n    />\n  );\n}\n\n/** Individual tab button that activates its associated `TabsContent` panel when clicked. */\nfunction TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        'text-text-positive-weak',\n        'inline-flex h-[calc(100%-1px)] min-w-32 flex-1 cursor-pointer items-center justify-center gap-1.5',\n        'rounded-sm',\n        'whitespace-nowrap border border-transparent px-2 py-1 font-medium text-sm transition',\n        // 'hover:bg-muted-muted/60',\n        'data-[state=active]:shadow-card',\n        'data-[state=active]:bg-background',\n        'disabled:opacity-50',\n        'disabled:pointer-events-none',\n        'focus-visible:border-primary',\n        'focus-visible:ring-4',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:outline-1',\n        'focus-visible:outline-primary',\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Panel whose visibility is controlled by the active `TabsTrigger`; each panel must have a matching `value`. */\nfunction TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return <TabsPrimitive.Content data-slot=\"tabs-content\" className={cn('flex-1 outline-none', className)} {...props} />;\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger };\n"],"mappings":"yIAuBA,SAAS,EAAK,CAAE,YAAW,GAAG,GAA0D,CACtF,OAAO,EAACA,EAAc,KAAf,CAAoB,YAAU,OAAO,UAAW,EAAG,sBAAuB,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC3G,CAGA,SAAS,EAAS,CAAE,YAAW,GAAG,GAA0D,CAC1F,OACE,EAACA,EAAc,KAAf,CACE,YAAU,YACV,UAAW,EAAG,0FAA2F,CAAS,EAClH,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAACA,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EACT,0BACA,oGACA,aACA,uFAEA,kCACA,oCACA,sBACA,+BACA,+BACA,uBACA,kCACA,0BACA,gCACA,8BACA,mBACA,uCACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAc,QAAf,CAAuB,YAAU,eAAe,UAAW,EAAG,sBAAuB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtH"}

package/dist/ui/textarea.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../textarea-BNYJfmS1.cjs`);exports.Textarea=e.t;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@customafk/react-toolkit/utils"),n=require("react/jsx-runtime");function r({className:r,onChange:i,onValueChange:a,...o}){let s=(0,e.useCallback)(e=>{i?.(e),a?.(e.target.value)},[i,a]);return(0,n.jsx)(`textarea`,{"data-slot":`textarea`,className:(0,t.cn)(`flex min-h-24 w-full bg-transparent px-3 py-2`,`rounded shadow-input transition-[color,box-shadow] duration-200`,`resize-y text-sm text-text-positive-weak tabular-nums caret-primary`,`-outline-offset-1 outline-1 outline-border`,`placeholder:text-text-positive-muted`,`focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak`,`read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak`,`aria-invalid:bg-danger-bg-subtle`,`aria-invalid:outline-danger`,`aria-invalid:ring-danger-weak`,`aria-invalid:focus:outline-danger-strong`,`aria-invalid:focus:ring-4`,`aria-invalid:placeholder:text-text-positive-weak`,`disabled:cursor-not-allowed disabled:opacity-50`,`disabled:pointer-events-none`,`disabled:border-border-weak/50 disabled:bg-secondary-muted/10`,r),...o,onChange:s})}exports.Textarea=r;
+//# sourceMappingURL=textarea.cjs.map

package/dist/ui/textarea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.cjs","names":[],"sources":["../../packages/components/ui/textarea.tsx"],"sourcesContent":["'use client';\nimport { useCallback } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Styled multi-line text area built on the native `<textarea>` element with resize, focus, and validation state styles.\n *\n * @example\n * ```tsx\n * import { Textarea } from '@customafk/lunas-ui/ui/textarea';\n *\n * <Textarea\n *   placeholder=\"Write a description…\"\n *   rows={4}\n *   onValueChange={(value) => console.log(value)}\n * />\n * ```\n */\nfunction Textarea({\n  className,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<'textarea'> & {\n  /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange]\n  );\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        // Base styles\n        'flex min-h-24 w-full bg-transparent px-3 py-2',\n        'rounded shadow-input transition-[color,box-shadow] duration-200',\n        'resize-y text-sm text-text-positive-weak tabular-nums caret-primary',\n\n        // Border and shadow styles\n        '-outline-offset-1 outline-1 outline-border',\n\n        // Placeholder styling\n        'placeholder:text-text-positive-muted',\n\n        // State styles\n        'focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak',\n\n        // Read-only state\n        'read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak',\n\n        // Invalid state\n        'aria-invalid:bg-danger-bg-subtle',\n        'aria-invalid:outline-danger',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:focus:outline-danger-strong',\n        'aria-invalid:focus:ring-4',\n        'aria-invalid:placeholder:text-text-positive-weak',\n\n        // Disabled state\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'disabled:pointer-events-none',\n        'disabled:border-border-weak/50 disabled:bg-secondary-muted/10',\n\n        // Additional custom styling\n        className\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":"kLAmBA,SAAS,EAAS,CAChB,YACA,WACA,gBACA,GAAG,GAIF,CACD,IAAM,GAAA,EAAA,EAAA,YAAA,CACH,GAA8C,CAC7C,IAAW,CAAC,EACZ,IAAgB,EAAE,OAAO,KAAK,CAChC,EACA,CAAC,EAAU,CAAa,CAC1B,EACA,OACE,EAAA,EAAA,IAAA,CAAC,WAAD,CACE,YAAU,WACV,WAAA,EAAA,EAAA,GAAA,CAEE,gDACA,kEACA,sEAGA,6CAGA,uCAGA,6FAGA,uGAGA,mCACA,8BACA,gCACA,2CACA,4BACA,mDAGA,kDACA,+BACA,gEAGA,CACF,EACA,GAAI,EACJ,SAAU,CACX,CAAA,CAEL"}

package/dist/ui/textarea.d.cts

@@ -1,2 +1,26 @@
-import { t as Textarea } from "../textarea-DbmOLyAp.cjs";
-export { Textarea };
+//#region packages/components/ui/textarea.d.ts
+/**
+ * Styled multi-line text area built on the native `<textarea>` element with resize, focus, and validation state styles.
+ *
+ * @example
+ * ```tsx
+ * import { Textarea } from '@customafk/lunas-ui/ui/textarea';
+ *
+ * <Textarea
+ *   placeholder="Write a description…"
+ *   rows={4}
+ *   onValueChange={(value) => console.log(value)}
+ * />
+ * ```
+ */
+declare function Textarea({
+  className,
+  onChange,
+  onValueChange,
+  ...props
+}: React.ComponentProps<'textarea'> & {
+  /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */onValueChange?: (value: string) => void;
+}): import("react").JSX.Element;
+//#endregion
+export { Textarea };
+//# sourceMappingURL=textarea.d.cts.map

package/dist/ui/textarea.d.mts

@@ -1,2 +1,26 @@
-import { t as Textarea } from "../textarea-Be2gUM3T.mjs";
-export { Textarea };
+//#region packages/components/ui/textarea.d.ts
+/**
+ * Styled multi-line text area built on the native `<textarea>` element with resize, focus, and validation state styles.
+ *
+ * @example
+ * ```tsx
+ * import { Textarea } from '@customafk/lunas-ui/ui/textarea';
+ *
+ * <Textarea
+ *   placeholder="Write a description…"
+ *   rows={4}
+ *   onValueChange={(value) => console.log(value)}
+ * />
+ * ```
+ */
+declare function Textarea({
+  className,
+  onChange,
+  onValueChange,
+  ...props
+}: React.ComponentProps<'textarea'> & {
+  /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */onValueChange?: (value: string) => void;
+}): import("react").JSX.Element;
+//#endregion
+export { Textarea };
+//# sourceMappingURL=textarea.d.mts.map

package/dist/ui/textarea.mjs

@@ -1 +1,2 @@
-"use client";import{t as e}from"../textarea-Bh8TcWO-.mjs";export{e as Textarea};
+"use client";import{useCallback as e}from"react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n}from"react/jsx-runtime";function r({className:r,onChange:i,onValueChange:a,...o}){let s=e(e=>{i?.(e),a?.(e.target.value)},[i,a]);return n(`textarea`,{"data-slot":`textarea`,className:t(`flex min-h-24 w-full bg-transparent px-3 py-2`,`rounded shadow-input transition-[color,box-shadow] duration-200`,`resize-y text-sm text-text-positive-weak tabular-nums caret-primary`,`-outline-offset-1 outline-1 outline-border`,`placeholder:text-text-positive-muted`,`focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak`,`read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak`,`aria-invalid:bg-danger-bg-subtle`,`aria-invalid:outline-danger`,`aria-invalid:ring-danger-weak`,`aria-invalid:focus:outline-danger-strong`,`aria-invalid:focus:ring-4`,`aria-invalid:placeholder:text-text-positive-weak`,`disabled:cursor-not-allowed disabled:opacity-50`,`disabled:pointer-events-none`,`disabled:border-border-weak/50 disabled:bg-secondary-muted/10`,r),...o,onChange:s})}export{r as Textarea};
+//# sourceMappingURL=textarea.mjs.map

package/dist/ui/textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.mjs","names":[],"sources":["../../packages/components/ui/textarea.tsx"],"sourcesContent":["'use client';\nimport { useCallback } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Styled multi-line text area built on the native `<textarea>` element with resize, focus, and validation state styles.\n *\n * @example\n * ```tsx\n * import { Textarea } from '@customafk/lunas-ui/ui/textarea';\n *\n * <Textarea\n *   placeholder=\"Write a description…\"\n *   rows={4}\n *   onValueChange={(value) => console.log(value)}\n * />\n * ```\n */\nfunction Textarea({\n  className,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<'textarea'> & {\n  /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange]\n  );\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        // Base styles\n        'flex min-h-24 w-full bg-transparent px-3 py-2',\n        'rounded shadow-input transition-[color,box-shadow] duration-200',\n        'resize-y text-sm text-text-positive-weak tabular-nums caret-primary',\n\n        // Border and shadow styles\n        '-outline-offset-1 outline-1 outline-border',\n\n        // Placeholder styling\n        'placeholder:text-text-positive-muted',\n\n        // State styles\n        'focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak',\n\n        // Read-only state\n        'read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak',\n\n        // Invalid state\n        'aria-invalid:bg-danger-bg-subtle',\n        'aria-invalid:outline-danger',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:focus:outline-danger-strong',\n        'aria-invalid:focus:ring-4',\n        'aria-invalid:placeholder:text-text-positive-weak',\n\n        // Disabled state\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'disabled:pointer-events-none',\n        'disabled:border-border-weak/50 disabled:bg-secondary-muted/10',\n\n        // Additional custom styling\n        className\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":"6IAmBA,SAAS,EAAS,CAChB,YACA,WACA,gBACA,GAAG,GAIF,CACD,IAAM,EAAe,EAClB,GAA8C,CAC7C,IAAW,CAAC,EACZ,IAAgB,EAAE,OAAO,KAAK,CAChC,EACA,CAAC,EAAU,CAAa,CAC1B,EACA,OACE,EAAC,WAAD,CACE,YAAU,WACV,UAAW,EAET,gDACA,kEACA,sEAGA,6CAGA,uCAGA,6FAGA,uGAGA,mCACA,8BACA,gCACA,2CACA,4BACA,mDAGA,kDACA,+BACA,gEAGA,CACF,EACA,GAAI,EACJ,SAAU,CACX,CAAA,CAEL"}

package/dist/ui/toggle-group.cjs

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

package/dist/ui/toggle-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.cjs","names":["ToggleGroupPrimitive","toggleVariants"],"sources":["../../packages/components/ui/toggle-group.tsx"],"sourcesContent":["'use client';\nimport { createContext, use } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport type { VariantProps } from 'class-variance-authority';\nimport { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';\nimport { toggleVariants } from '@/components/ui/toggle';\n\nconst ToggleGroupContext = createContext<VariantProps<typeof toggleVariants>>({\n  size: 'default',\n  variant: 'default',\n});\n\n/**\n * A group of connected Toggle buttons where one or multiple items can be active at a time.\n *\n * @example\n * ```tsx\n * import { ToggleGroup, ToggleGroupItem } from '@customafk/lunas-ui/ui/toggle-group';\n *\n * <ToggleGroup type=\"single\" variant=\"outline\">\n *   <ToggleGroupItem value=\"left\">Left</ToggleGroupItem>\n *   <ToggleGroupItem value=\"center\">Center</ToggleGroupItem>\n *   <ToggleGroupItem value=\"right\">Right</ToggleGroupItem>\n * </ToggleGroup>\n * ```\n */\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      className={cn('group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs', className)}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size }}>{children}</ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\n/** A single item/button within a ToggleGroup that inherits the group's variant and size. */\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>) {\n  const context = use(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":"wOASA,MAAM,GAAA,EAAA,EAAA,cAAA,CAAwE,CAC5E,KAAM,UACN,QAAS,SACX,CAAC,EAgBD,SAAS,EAAY,CACnB,YACA,UACA,OACA,WACA,GAAG,GAC4F,CAC/F,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,YAAqB,KAAtB,CACE,YAAU,eACV,eAAc,EACd,YAAW,EACX,WAAA,EAAA,EAAA,GAAA,CAAc,yFAA0F,CAAS,EACjH,GAAI,YAEJ,EAAA,EAAA,IAAA,CAAC,EAAmB,SAApB,CAA6B,MAAO,CAAE,UAAS,MAAK,EAAI,UAAsC,CAAA,CACrE,CAAA,CAE/B,CAGA,SAAS,EAAgB,CACvB,YACA,WACA,UACA,OACA,GAAG,GAC4F,CAC/F,IAAM,GAAA,EAAA,EAAA,IAAA,CAAc,CAAkB,EAEtC,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,YAAqB,KAAtB,CACE,YAAU,oBACV,eAAc,EAAQ,SAAW,EACjC,YAAW,EAAQ,MAAQ,EAC3B,WAAA,EAAA,EAAA,GAAA,CACEC,EAAAA,eAAe,CACb,QAAS,EAAQ,SAAW,EAC5B,KAAM,EAAQ,MAAQ,CACxB,CAAC,EACD,8LACA,CACF,EACA,GAAI,EAEH,UACwB,CAAA,CAE/B"}

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

@@ -1,2 +1,37 @@
-import { n as ToggleGroupItem, t as ToggleGroup } from "../toggle-group-BOubLcnF.cjs";
-export { ToggleGroup, ToggleGroupItem };
+import { toggleVariants } from "./toggle.cjs";
+import { VariantProps } from "class-variance-authority";
+import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
+
+//#region packages/components/ui/toggle-group.d.ts
+/**
+ * A group of connected Toggle buttons where one or multiple items can be active at a time.
+ *
+ * @example
+ * ```tsx
+ * import { ToggleGroup, ToggleGroupItem } from '@customafk/lunas-ui/ui/toggle-group';
+ *
+ * <ToggleGroup type="single" variant="outline">
+ *   <ToggleGroupItem value="left">Left</ToggleGroupItem>
+ *   <ToggleGroupItem value="center">Center</ToggleGroupItem>
+ *   <ToggleGroupItem value="right">Right</ToggleGroupItem>
+ * </ToggleGroup>
+ * ```
+ */
+declare function ToggleGroup({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): import("react").JSX.Element;
+/** A single item/button within a ToggleGroup that inherits the group's variant and size. */
+declare function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): import("react").JSX.Element;
+//#endregion
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.d.cts.map

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

@@ -1,3 +1,37 @@
-import "../toggle-BBOteSWq.mjs";
-import { n as ToggleGroupItem, t as ToggleGroup } from "../toggle-group-5CEKhPgb.mjs";
-export { ToggleGroup, ToggleGroupItem };
+import { toggleVariants } from "./toggle.mjs";
+import { VariantProps } from "class-variance-authority";
+import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
+
+//#region packages/components/ui/toggle-group.d.ts
+/**
+ * A group of connected Toggle buttons where one or multiple items can be active at a time.
+ *
+ * @example
+ * ```tsx
+ * import { ToggleGroup, ToggleGroupItem } from '@customafk/lunas-ui/ui/toggle-group';
+ *
+ * <ToggleGroup type="single" variant="outline">
+ *   <ToggleGroupItem value="left">Left</ToggleGroupItem>
+ *   <ToggleGroupItem value="center">Center</ToggleGroupItem>
+ *   <ToggleGroupItem value="right">Right</ToggleGroupItem>
+ * </ToggleGroup>
+ * ```
+ */
+declare function ToggleGroup({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): import("react").JSX.Element;
+/** A single item/button within a ToggleGroup that inherits the group's variant and size. */
+declare function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): import("react").JSX.Element;
+//#endregion
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.d.mts.map

package/dist/ui/toggle-group.mjs

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

package/dist/ui/toggle-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.mjs","names":["ToggleGroupPrimitive"],"sources":["../../packages/components/ui/toggle-group.tsx"],"sourcesContent":["'use client';\nimport { createContext, use } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport type { VariantProps } from 'class-variance-authority';\nimport { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';\nimport { toggleVariants } from '@/components/ui/toggle';\n\nconst ToggleGroupContext = createContext<VariantProps<typeof toggleVariants>>({\n  size: 'default',\n  variant: 'default',\n});\n\n/**\n * A group of connected Toggle buttons where one or multiple items can be active at a time.\n *\n * @example\n * ```tsx\n * import { ToggleGroup, ToggleGroupItem } from '@customafk/lunas-ui/ui/toggle-group';\n *\n * <ToggleGroup type=\"single\" variant=\"outline\">\n *   <ToggleGroupItem value=\"left\">Left</ToggleGroupItem>\n *   <ToggleGroupItem value=\"center\">Center</ToggleGroupItem>\n *   <ToggleGroupItem value=\"right\">Right</ToggleGroupItem>\n * </ToggleGroup>\n * ```\n */\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      className={cn('group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs', className)}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size }}>{children}</ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\n/** A single item/button within a ToggleGroup that inherits the group's variant and size. */\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>) {\n  const context = use(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":"6OASA,MAAM,EAAqB,EAAmD,CAC5E,KAAM,UACN,QAAS,SACX,CAAC,EAgBD,SAAS,EAAY,CACnB,YACA,UACA,OACA,WACA,GAAG,GAC4F,CAC/F,OACE,EAACA,EAAqB,KAAtB,CACE,YAAU,eACV,eAAc,EACd,YAAW,EACX,UAAW,EAAG,yFAA0F,CAAS,EACjH,GAAI,WAEJ,EAAC,EAAmB,SAApB,CAA6B,MAAO,CAAE,UAAS,MAAK,EAAI,UAAsC,CAAA,CACrE,CAAA,CAE/B,CAGA,SAAS,EAAgB,CACvB,YACA,WACA,UACA,OACA,GAAG,GAC4F,CAC/F,IAAM,EAAU,EAAI,CAAkB,EAEtC,OACE,EAACA,EAAqB,KAAtB,CACE,YAAU,oBACV,eAAc,EAAQ,SAAW,EACjC,YAAW,EAAQ,MAAQ,EAC3B,UAAW,EACT,EAAe,CACb,QAAS,EAAQ,SAAW,EAC5B,KAAM,EAAQ,MAAQ,CACxB,CAAC,EACD,8LACA,CACF,EACA,GAAI,EAEH,UACwB,CAAA,CAE/B"}

package/dist/ui/toggle.cjs

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

package/dist/ui/toggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.cjs","names":["TogglePrimitive"],"sources":["../../packages/components/ui/toggle.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Toggle as TogglePrimitive } from 'radix-ui';\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground',\n      },\n      size: {\n        default: 'h-9 px-2 min-w-9',\n        sm: 'h-8 px-1.5 min-w-8',\n        lg: 'h-10 px-2.5 min-w-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\n/**\n * A two-state button that switches between pressed (`on`) and unpressed (`off`).\n *\n * @example\n * ```tsx\n * import { Toggle } from '@customafk/lunas-ui/ui/toggle';\n * import { Bold } from 'lucide-react';\n *\n * <Toggle aria-label=\"Toggle bold\" variant=\"outline\">\n *   <Bold />\n * </Toggle>\n * ```\n */\nfunction Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>) {\n  return <TogglePrimitive.Root data-slot=\"toggle\" className={cn(toggleVariants({ variant, size, className }))} {...props} />;\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Toggle, toggleVariants };\n"],"mappings":"2NAMA,MAAM,GAAA,EAAA,EAAA,IAAA,CACJ,gjBACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,2FACX,EACA,KAAM,CACJ,QAAS,mBACT,GAAI,qBACJ,GAAI,sBACN,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,EAeA,SAAS,EAAO,CAAE,YAAW,UAAS,OAAM,GAAG,GAAkG,CAC/I,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,KAAjB,CAAsB,YAAU,SAAS,WAAA,EAAA,EAAA,GAAA,CAAc,EAAe,CAAE,UAAS,OAAM,WAAU,CAAC,CAAC,EAAG,GAAI,CAAQ,CAAA,CAC3H"}

package/dist/ui/toggle.d.cts

@@ -1,2 +1,30 @@
-import { n as toggleVariants, t as Toggle } from "../toggle-D6bmp328.cjs";
-export { Toggle, toggleVariants };
+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;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * A two-state button that switches between pressed (`on`) and unpressed (`off`).
+ *
+ * @example
+ * ```tsx
+ * import { Toggle } from '@customafk/lunas-ui/ui/toggle';
+ * import { Bold } from 'lucide-react';
+ *
+ * <Toggle aria-label="Toggle bold" variant="outline">
+ *   <Bold />
+ * </Toggle>
+ * ```
+ */
+declare function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): import("react").JSX.Element;
+//#endregion
+export { Toggle, toggleVariants };
+//# sourceMappingURL=toggle.d.cts.map

package/dist/ui/toggle.d.mts

@@ -1,2 +1,30 @@
-import { n as toggleVariants, t as Toggle } from "../toggle-BBOteSWq.mjs";
-export { Toggle, toggleVariants };
+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;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * A two-state button that switches between pressed (`on`) and unpressed (`off`).
+ *
+ * @example
+ * ```tsx
+ * import { Toggle } from '@customafk/lunas-ui/ui/toggle';
+ * import { Bold } from 'lucide-react';
+ *
+ * <Toggle aria-label="Toggle bold" variant="outline">
+ *   <Bold />
+ * </Toggle>
+ * ```
+ */
+declare function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): import("react").JSX.Element;
+//#endregion
+export { Toggle, toggleVariants };
+//# sourceMappingURL=toggle.d.mts.map

package/dist/ui/toggle.mjs

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

package/dist/ui/toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.mjs","names":["TogglePrimitive"],"sources":["../../packages/components/ui/toggle.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Toggle as TogglePrimitive } from 'radix-ui';\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground',\n      },\n      size: {\n        default: 'h-9 px-2 min-w-9',\n        sm: 'h-8 px-1.5 min-w-8',\n        lg: 'h-10 px-2.5 min-w-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\n/**\n * A two-state button that switches between pressed (`on`) and unpressed (`off`).\n *\n * @example\n * ```tsx\n * import { Toggle } from '@customafk/lunas-ui/ui/toggle';\n * import { Bold } from 'lucide-react';\n *\n * <Toggle aria-label=\"Toggle bold\" variant=\"outline\">\n *   <Bold />\n * </Toggle>\n * ```\n */\nfunction Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>) {\n  return <TogglePrimitive.Root data-slot=\"toggle\" className={cn(toggleVariants({ variant, size, className }))} {...props} />;\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Toggle, toggleVariants };\n"],"mappings":"0LAMA,MAAM,EAAiB,EACrB,gjBACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,2FACX,EACA,KAAM,CACJ,QAAS,mBACT,GAAI,qBACJ,GAAI,sBACN,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,EAeA,SAAS,EAAO,CAAE,YAAW,UAAS,OAAM,GAAG,GAAkG,CAC/I,OAAO,EAACA,EAAgB,KAAjB,CAAsB,YAAU,SAAS,UAAW,EAAG,EAAe,CAAE,UAAS,OAAM,WAAU,CAAC,CAAC,EAAG,GAAI,CAAQ,CAAA,CAC3H"}

package/dist/ui/tooltip.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../tooltip-KEOJcYl8.cjs`);exports.Tooltip=e.t,exports.TooltipContent=e.n,exports.TooltipProvider=e.r,exports.TooltipTrigger=e.i;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@customafk/react-toolkit/utils"),t=require("react/jsx-runtime"),n=require("radix-ui");function r({delayDuration:e=0,...r}){return(0,t.jsx)(n.Tooltip.Provider,{"data-slot":`tooltip-provider`,delayDuration:e,...r})}function i({...e}){return(0,t.jsx)(r,{children:(0,t.jsx)(n.Tooltip.Root,{"data-slot":`tooltip`,...e})})}function a({...e}){return(0,t.jsx)(n.Tooltip.Trigger,{"data-slot":`tooltip-trigger`,...e})}function o({className:r,sideOffset:i=0,children:a,...o}){return(0,t.jsx)(n.Tooltip.Portal,{children:(0,t.jsxs)(n.Tooltip.Content,{"data-slot":`tooltip-content`,sideOffset:i,className:(0,e.cn)(`bg-secondary-strong text-text-negative-weak shadow-dropdown outline-none`,`fade-in-0 zoom-in-95 animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,`z-50 w-fit`,`origin-(--radix-tooltip-content-transform-origin)`,`text-balance rounded-sm px-3 py-1.5 text-xs`,r),...o,children:[a,(0,t.jsx)(n.Tooltip.Arrow,{className:`z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-secondary-strong fill-secondary-strong`})]})})}exports.Tooltip=i,exports.TooltipContent=o,exports.TooltipProvider=r,exports.TooltipTrigger=a;
+//# sourceMappingURL=tooltip.cjs.map

package/dist/ui/tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.cjs","names":["TooltipPrimitive"],"sources":["../../packages/components/ui/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\n\n/**\n * Context provider that controls the open delay for all child `Tooltip` components; defaults to `0` ms for instant display.\n *\n * @example\n * ```tsx\n * import { TooltipProvider } from '@customafk/lunas-ui/ui/tooltip';\n *\n * // Wrap at the app root to apply a shared delay:\n * <TooltipProvider delayDuration={300}>\n *   <App />\n * </TooltipProvider>\n * ```\n */\nfunction TooltipProvider({ delayDuration = 0, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delayDuration={delayDuration} {...props} />;\n}\n\n/**\n * Floating label that reveals supplementary text when the user hovers or focuses its trigger element.\n *\n * @example\n * ```tsx\n * import { Tooltip, TooltipTrigger, TooltipContent } from '@customafk/lunas-ui/ui/tooltip';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <Tooltip>\n *   <TooltipTrigger asChild>\n *     <Button variant=\"ghost\" size=\"icon\" aria-label=\"Settings\">⚙</Button>\n *   </TooltipTrigger>\n *   <TooltipContent>Open settings</TooltipContent>\n * </Tooltip>\n * ```\n */\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\n/** Element that opens the tooltip on hover/focus; use `asChild` to forward props to a custom child element. */\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\n/** Floating panel rendered in a portal that displays the tooltip text with a directional arrow. */\nfunction TooltipContent({ className, sideOffset = 0, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-secondary-strong text-text-negative-weak shadow-dropdown outline-none',\n          'fade-in-0 zoom-in-95 animate-in',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          'z-50 w-fit',\n          'origin-(--radix-tooltip-content-transform-origin)',\n          'text-balance rounded-sm px-3 py-1.5 text-xs',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-secondary-strong fill-secondary-strong\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":"qLAmBA,SAAS,EAAgB,CAAE,gBAAgB,EAAG,GAAG,GAAiE,CAChH,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,SAAlB,CAA2B,YAAU,mBAAkC,gBAAe,GAAI,CAAQ,CAAA,CAC3G,CAkBA,SAAS,EAAQ,CAAE,GAAG,GAA6D,CACjF,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAA,UACE,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,CAAQ,CAAA,CACxC,CAAA,CAErB,CAGA,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,CAAQ,CAAA,CAC3E,CAGA,SAAS,EAAe,CAAE,YAAW,aAAa,EAAG,WAAU,GAAG,GAAgE,CAChI,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,OAAlB,CAAA,UACE,EAAA,EAAA,KAAA,CAACA,EAAAA,QAAiB,QAAlB,CACE,YAAU,kBACE,aACZ,WAAA,EAAA,EAAA,GAAA,CACE,2EACA,kCACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,aACA,oDACA,8CACA,CACF,EACA,GAAI,WAlBN,CAoBG,GACD,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,MAAlB,CAAwB,UAAU,8GAAgH,CAAA,CAC1H,GACH,CAAA,CAE7B"}

package/dist/ui/tooltip.d.cts

@@ -1,2 +1,53 @@
-import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../tooltip-DBjqfkRe.cjs";
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+import { Tooltip as Tooltip$1 } from "radix-ui";
+
+//#region packages/components/ui/tooltip.d.ts
+/**
+ * Context provider that controls the open delay for all child `Tooltip` components; defaults to `0` ms for instant display.
+ *
+ * @example
+ * ```tsx
+ * import { TooltipProvider } from '@customafk/lunas-ui/ui/tooltip';
+ *
+ * // Wrap at the app root to apply a shared delay:
+ * <TooltipProvider delayDuration={300}>
+ *   <App />
+ * </TooltipProvider>
+ * ```
+ */
+declare function TooltipProvider({
+  delayDuration,
+  ...props
+}: React.ComponentProps<typeof Tooltip$1.Provider>): import("react").JSX.Element;
+/**
+ * Floating label that reveals supplementary text when the user hovers or focuses its trigger element.
+ *
+ * @example
+ * ```tsx
+ * import { Tooltip, TooltipTrigger, TooltipContent } from '@customafk/lunas-ui/ui/tooltip';
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * <Tooltip>
+ *   <TooltipTrigger asChild>
+ *     <Button variant="ghost" size="icon" aria-label="Settings">⚙</Button>
+ *   </TooltipTrigger>
+ *   <TooltipContent>Open settings</TooltipContent>
+ * </Tooltip>
+ * ```
+ */
+declare function Tooltip({
+  ...props
+}: React.ComponentProps<typeof Tooltip$1.Root>): import("react").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>): import("react").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>): import("react").JSX.Element;
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=tooltip.d.cts.map

package/dist/ui/tooltip.d.mts

@@ -1,2 +1,53 @@
-import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../tooltip-BFQy2Oca.mjs";
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+import { Tooltip as Tooltip$1 } from "radix-ui";
+
+//#region packages/components/ui/tooltip.d.ts
+/**
+ * Context provider that controls the open delay for all child `Tooltip` components; defaults to `0` ms for instant display.
+ *
+ * @example
+ * ```tsx
+ * import { TooltipProvider } from '@customafk/lunas-ui/ui/tooltip';
+ *
+ * // Wrap at the app root to apply a shared delay:
+ * <TooltipProvider delayDuration={300}>
+ *   <App />
+ * </TooltipProvider>
+ * ```
+ */
+declare function TooltipProvider({
+  delayDuration,
+  ...props
+}: React.ComponentProps<typeof Tooltip$1.Provider>): import("react").JSX.Element;
+/**
+ * Floating label that reveals supplementary text when the user hovers or focuses its trigger element.
+ *
+ * @example
+ * ```tsx
+ * import { Tooltip, TooltipTrigger, TooltipContent } from '@customafk/lunas-ui/ui/tooltip';
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * <Tooltip>
+ *   <TooltipTrigger asChild>
+ *     <Button variant="ghost" size="icon" aria-label="Settings">⚙</Button>
+ *   </TooltipTrigger>
+ *   <TooltipContent>Open settings</TooltipContent>
+ * </Tooltip>
+ * ```
+ */
+declare function Tooltip({
+  ...props
+}: React.ComponentProps<typeof Tooltip$1.Root>): import("react").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>): import("react").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>): import("react").JSX.Element;
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=tooltip.d.mts.map

package/dist/ui/tooltip.mjs

@@ -1 +1,2 @@
-"use client";import{i as e,n as t,r as n,t as r}from"../tooltip-BBEcyuAE.mjs";export{r as Tooltip,t as TooltipContent,n as TooltipProvider,e as TooltipTrigger};
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{Tooltip as r}from"radix-ui";function i({delayDuration:e=0,...n}){return t(r.Provider,{"data-slot":`tooltip-provider`,delayDuration:e,...n})}function a({...e}){return t(i,{children:t(r.Root,{"data-slot":`tooltip`,...e})})}function o({...e}){return t(r.Trigger,{"data-slot":`tooltip-trigger`,...e})}function s({className:i,sideOffset:a=0,children:o,...s}){return t(r.Portal,{children:n(r.Content,{"data-slot":`tooltip-content`,sideOffset:a,className:e(`bg-secondary-strong text-text-negative-weak shadow-dropdown outline-none`,`fade-in-0 zoom-in-95 animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,`z-50 w-fit`,`origin-(--radix-tooltip-content-transform-origin)`,`text-balance rounded-sm px-3 py-1.5 text-xs`,i),...s,children:[o,t(r.Arrow,{className:`z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-secondary-strong fill-secondary-strong`})]})})}export{a as Tooltip,s as TooltipContent,i as TooltipProvider,o as TooltipTrigger};
+//# sourceMappingURL=tooltip.mjs.map

package/dist/ui/tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.mjs","names":["TooltipPrimitive"],"sources":["../../packages/components/ui/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\n\n/**\n * Context provider that controls the open delay for all child `Tooltip` components; defaults to `0` ms for instant display.\n *\n * @example\n * ```tsx\n * import { TooltipProvider } from '@customafk/lunas-ui/ui/tooltip';\n *\n * // Wrap at the app root to apply a shared delay:\n * <TooltipProvider delayDuration={300}>\n *   <App />\n * </TooltipProvider>\n * ```\n */\nfunction TooltipProvider({ delayDuration = 0, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delayDuration={delayDuration} {...props} />;\n}\n\n/**\n * Floating label that reveals supplementary text when the user hovers or focuses its trigger element.\n *\n * @example\n * ```tsx\n * import { Tooltip, TooltipTrigger, TooltipContent } from '@customafk/lunas-ui/ui/tooltip';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <Tooltip>\n *   <TooltipTrigger asChild>\n *     <Button variant=\"ghost\" size=\"icon\" aria-label=\"Settings\">⚙</Button>\n *   </TooltipTrigger>\n *   <TooltipContent>Open settings</TooltipContent>\n * </Tooltip>\n * ```\n */\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\n/** Element that opens the tooltip on hover/focus; use `asChild` to forward props to a custom child element. */\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\n/** Floating panel rendered in a portal that displays the tooltip text with a directional arrow. */\nfunction TooltipContent({ className, sideOffset = 0, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-secondary-strong text-text-negative-weak shadow-dropdown outline-none',\n          'fade-in-0 zoom-in-95 animate-in',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          'z-50 w-fit',\n          'origin-(--radix-tooltip-content-transform-origin)',\n          'text-balance rounded-sm px-3 py-1.5 text-xs',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-secondary-strong fill-secondary-strong\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":"sJAmBA,SAAS,EAAgB,CAAE,gBAAgB,EAAG,GAAG,GAAiE,CAChH,OAAO,EAACA,EAAiB,SAAlB,CAA2B,YAAU,mBAAkC,gBAAe,GAAI,CAAQ,CAAA,CAC3G,CAkBA,SAAS,EAAQ,CAAE,GAAG,GAA6D,CACjF,OACE,EAAC,EAAD,CAAA,SACE,EAACA,EAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,CAAQ,CAAA,CACxC,CAAA,CAErB,CAGA,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAACA,EAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,CAAQ,CAAA,CAC3E,CAGA,SAAS,EAAe,CAAE,YAAW,aAAa,EAAG,WAAU,GAAG,GAAgE,CAChI,OACE,EAACA,EAAiB,OAAlB,CAAA,SACE,EAACA,EAAiB,QAAlB,CACE,YAAU,kBACE,aACZ,UAAW,EACT,2EACA,kCACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,aACA,oDACA,8CACA,CACF,EACA,GAAI,WAlBN,CAoBG,EACD,EAACA,EAAiB,MAAlB,CAAwB,UAAU,8GAAgH,CAAA,CAC1H,GACH,CAAA,CAE7B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@customafk/lunas-ui",
-  "version": "0.2.53",
+  "version": "0.2.54",
   "description": "UI library for Lunas Enterprise",
   "type": "module",
   "author": {
@@ -500,7 +500,7 @@
     "@vitest/coverage-v8": "^4.1.9",
     "jsdom": "^26.1.0",
     "playwright": "^1.61.0",
-    "tsdown": "0.18.0",
+    "tsdown": "^0.22.3",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.30.1",
     "unplugin-lightningcss": "^0.4.2",

package/dist/FeatureDeveloping-Bpmk3ZyS.d.cts

@@ -1,43 +0,0 @@
-import * as react1 from "react";
-
-//#region packages/components/pages/FeatureDeveloping.d.ts
-interface FeatureDevelopingProps {
-  /** Main heading shown beneath the construction icon. Defaults to `'Tính năng đang phát triển'`. */
-  title?: string;
-  /** Supporting text shown below the title. Defaults to a Vietnamese message asking the user to check back later. */
-  subtitle?: string;
-  /** Label for the action button. Defaults to `'Quay lại'`. */
-  buttonText?: string;
-  /** Handler called when the action button is clicked. Defaults to `window.history.back()`. */
-  onButtonClick?: () => void;
-  /** Additional class names applied to the root container element. */
-  className?: string;
-  /** Additional class names applied to the `Construction` icon. */
-  iconClassName?: string;
-}
-/**
- * Full-page placeholder displayed when a feature is still under active development.
- *
- * @example
- * ```tsx
- * import { FeatureDeveloping } from '@customafk/lunas-ui/pages/FeatureDeveloping';
- *
- * <FeatureDeveloping
- *   title="Coming Soon"
- *   subtitle="This feature is not ready yet."
- *   buttonText="Go Back"
- *   onButtonClick={() => router.back()}
- * />
- * ```
- */
-declare const FeatureDeveloping: ({
-  title,
-  subtitle,
-  buttonText,
-  onButtonClick,
-  className,
-  iconClassName
-}: FeatureDevelopingProps) => react1.JSX.Element;
-//#endregion
-export { FeatureDevelopingProps as n, FeatureDeveloping as t };
-//# sourceMappingURL=FeatureDeveloping-Bpmk3ZyS.d.cts.map

package/dist/FeatureDeveloping-CVFrndc_.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./button-C--DAN1D.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({title:e=`Tính năng đang phát triển`,subtitle:a=`Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.`,buttonText:o=`Quay lại`,onButtonClick:s=()=>window.history.back(),className:c,iconClassName:l})=>(0,i.jsxs)(`div`,{className:(0,r.cn)(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,c),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,i.jsx)(n.Construction,{className:(0,r.cn)(`size-16 sm:size-24 text-yellow-500`,l)}),(0,i.jsx)(`div`,{className:`text-3xl sm:text-5xl font-bold text-yellow-500`})]}),(0,i.jsx)(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:e}),(0,i.jsx)(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:a}),(0,i.jsx)(t.t,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=FeatureDeveloping-CVFrndc_.cjs.map

package/dist/FeatureDeveloping-CVFrndc_.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeatureDeveloping-CVFrndc_.cjs","names":["Construction","Button"],"sources":["../packages/components/pages/FeatureDeveloping.tsx"],"sourcesContent":["import { Construction } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '../ui/button';\n\nexport interface FeatureDevelopingProps {\n  /** Main heading shown beneath the construction icon. Defaults to `'Tính năng đang phát triển'`. */\n  title?: string;\n  /** Supporting text shown below the title. Defaults to a Vietnamese message asking the user to check back later. */\n  subtitle?: string;\n  /** Label for the action button. Defaults to `'Quay lại'`. */\n  buttonText?: string;\n  /** Handler called when the action button is clicked. Defaults to `window.history.back()`. */\n  onButtonClick?: () => void;\n  /** Additional class names applied to the root container element. */\n  className?: string;\n  /** Additional class names applied to the `Construction` icon. */\n  iconClassName?: string;\n}\n\n/**\n * Full-page placeholder displayed when a feature is still under active development.\n *\n * @example\n * ```tsx\n * import { FeatureDeveloping } from '@customafk/lunas-ui/pages/FeatureDeveloping';\n *\n * <FeatureDeveloping\n *   title=\"Coming Soon\"\n *   subtitle=\"This feature is not ready yet.\"\n *   buttonText=\"Go Back\"\n *   onButtonClick={() => router.back()}\n * />\n * ```\n */\nexport const FeatureDeveloping = ({\n  title = 'Tính năng đang phát triển',\n  subtitle = 'Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.',\n  buttonText = 'Quay lại',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: FeatureDevelopingProps) => {\n  return (\n    <div className={cn('flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <Construction className={cn('size-16 sm:size-24 text-yellow-500', iconClassName)} />\n        <div className=\"text-3xl sm:text-5xl font-bold text-yellow-500\">{/* This text shows the feature is in development */}</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default FeatureDeveloping;\n"],"mappings":"oLAoCA,MAAa,GAAqB,CAChC,QAAQ,4BACR,WAAW,kEACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,oBAGE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,8GAA+G,EAAU,YAC1I,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,8CACb,EAAA,EAAA,KAACA,EAAAA,aAAAA,CAAa,WAAA,EAAA,EAAA,IAAc,qCAAsC,EAAc,CAAA,CAAI,EACpF,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,iDAAA,CAA4G,CAAA,EACvH,EAEN,EAAA,EAAA,KAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,EAEnE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,EAEjF,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}

package/dist/FeatureDeveloping-k_14m44U.mjs

@@ -1,2 +0,0 @@
-import{t as e}from"./button-CCVJTHBI.mjs";import{Construction as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({title:a=`Tính năng đang phát triển`,subtitle:o=`Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.`,buttonText:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>i(`div`,{className:n(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,l),children:[i(`div`,{className:`flex flex-col items-center gap-2`,children:[r(t,{className:n(`size-16 sm:size-24 text-yellow-500`,u)}),r(`div`,{className:`text-3xl sm:text-5xl font-bold text-yellow-500`})]}),r(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),r(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),r(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{o as n,a as t};
-//# sourceMappingURL=FeatureDeveloping-k_14m44U.mjs.map