@customafk/lunas-ui 0.2.53 → 0.2.55

package/dist/phone-number-CUjSdoHG.d.mts

@@ -1,19 +0,0 @@
-//#region packages/components/data-display/phone-number.d.ts
-type PhoneNumberDisplayProps = {
-  /** The raw phone number string (e.g. `'0901234567'`); automatically formatted as `(090) 123-4567` with a +84 tooltip. */
-  value: string;
-};
-/**
- * Formats and displays a Vietnamese phone number with a tooltip showing the international dialling format.
- *
- * @example
- * ```tsx
- * import { PhoneNumberDisplay } from '@customafk/lunas-ui/data-display/phone-number';
- *
- * <PhoneNumberDisplay value="0901234567" />
- * ```
- */
-declare const PhoneNumberDisplay: React.FC<PhoneNumberDisplayProps>;
-//#endregion
-export { PhoneNumberDisplay as t };
-//# sourceMappingURL=phone-number-CUjSdoHG.d.mts.map

package/dist/phone-number-CdfMUTj2.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./tooltip-KEOJcYl8.cjs`);let n=require(`react/jsx-runtime`);const r=({value:e})=>(0,n.jsxs)(t.t,{children:[(0,n.jsx)(t.i,{asChild:!0,children:(0,n.jsx)(`p`,{"data-slot":`phone-number-display`,className:`cursor-default font-number text-sm text-text-positive tabular-nums transition-colors`,children:e.replace(/(\d{3})(\d{3})(\d{4})/,`($1) $2-$3`)})}),(0,n.jsx)(t.n,{align:`start`,children:(0,n.jsx)(`p`,{children:e.slice(1).replace(/(\d{2})(\d{3})(\d{4})/,`(00) (+84) ($1) $2-$3`)})})]});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
-//# sourceMappingURL=phone-number-CdfMUTj2.cjs.map

package/dist/phone-number-CdfMUTj2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"phone-number-CdfMUTj2.cjs","names":["PhoneNumberDisplay: React.FC<PhoneNumberDisplayProps>","Tooltip","TooltipTrigger","TooltipContent"],"sources":["../packages/components/data-display/phone-number.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip';\n\ntype PhoneNumberDisplayProps = {\n  /** The raw phone number string (e.g. `'0901234567'`); automatically formatted as `(090) 123-4567` with a +84 tooltip. */\n  value: string;\n};\n\n/**\n * Formats and displays a Vietnamese phone number with a tooltip showing the international dialling format.\n *\n * @example\n * ```tsx\n * import { PhoneNumberDisplay } from '@customafk/lunas-ui/data-display/phone-number';\n *\n * <PhoneNumberDisplay value=\"0901234567\" />\n * ```\n */\nexport const PhoneNumberDisplay: React.FC<PhoneNumberDisplayProps> = ({ value }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <p data-slot=\"phone-number-display\" className=\"cursor-default font-number text-sm text-text-positive tabular-nums transition-colors\">\n          {value.replace(/(\\d{3})(\\d{3})(\\d{4})/, '($1) $2-$3')}\n        </p>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\">\n        <p>{value.slice(1).replace(/(\\d{2})(\\d{3})(\\d{4})/, '(00) (+84) ($1) $2-$3')}</p>\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n"],"mappings":"+GAmBA,MAAaA,GAAyD,CAAE,YAEpE,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAe,QAAA,aACd,EAAA,EAAA,KAAC,IAAA,CAAE,YAAU,uBAAuB,UAAU,gGAC3C,EAAM,QAAQ,wBAAyB,aAAa,EACnD,EACW,EACjB,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAe,MAAM,kBACpB,EAAA,EAAA,KAAC,IAAA,CAAA,SAAG,EAAM,MAAM,EAAE,CAAC,QAAQ,wBAAyB,wBAAwB,CAAA,CAAK,EAClE,CAAA,CAAA,CACT"}

package/dist/phone-number-CkxEaxxg.mjs

@@ -1,2 +0,0 @@
-import{i as e,n as t,t as n}from"./tooltip-BBEcyuAE.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({value:a})=>i(n,{children:[r(e,{asChild:!0,children:r(`p`,{"data-slot":`phone-number-display`,className:`cursor-default font-number text-sm text-text-positive tabular-nums transition-colors`,children:a.replace(/(\d{3})(\d{3})(\d{4})/,`($1) $2-$3`)})}),r(t,{align:`start`,children:r(`p`,{children:a.slice(1).replace(/(\d{2})(\d{3})(\d{4})/,`(00) (+84) ($1) $2-$3`)})})]});export{a as t};
-//# sourceMappingURL=phone-number-CkxEaxxg.mjs.map

package/dist/phone-number-CkxEaxxg.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"phone-number-CkxEaxxg.mjs","names":["PhoneNumberDisplay: React.FC<PhoneNumberDisplayProps>"],"sources":["../packages/components/data-display/phone-number.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip';\n\ntype PhoneNumberDisplayProps = {\n  /** The raw phone number string (e.g. `'0901234567'`); automatically formatted as `(090) 123-4567` with a +84 tooltip. */\n  value: string;\n};\n\n/**\n * Formats and displays a Vietnamese phone number with a tooltip showing the international dialling format.\n *\n * @example\n * ```tsx\n * import { PhoneNumberDisplay } from '@customafk/lunas-ui/data-display/phone-number';\n *\n * <PhoneNumberDisplay value=\"0901234567\" />\n * ```\n */\nexport const PhoneNumberDisplay: React.FC<PhoneNumberDisplayProps> = ({ value }) => {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <p data-slot=\"phone-number-display\" className=\"cursor-default font-number text-sm text-text-positive tabular-nums transition-colors\">\n          {value.replace(/(\\d{3})(\\d{3})(\\d{4})/, '($1) $2-$3')}\n        </p>\n      </TooltipTrigger>\n      <TooltipContent align=\"start\">\n        <p>{value.slice(1).replace(/(\\d{2})(\\d{3})(\\d{4})/, '(00) (+84) ($1) $2-$3')}</p>\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n"],"mappings":"2GAmBA,MAAaA,GAAyD,CAAE,WAEpE,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAe,QAAA,YACd,EAAC,IAAA,CAAE,YAAU,uBAAuB,UAAU,gGAC3C,EAAM,QAAQ,wBAAyB,aAAa,EACnD,EACW,CACjB,EAAC,EAAA,CAAe,MAAM,iBACpB,EAAC,IAAA,CAAA,SAAG,EAAM,MAAM,EAAE,CAAC,QAAQ,wBAAyB,wBAAwB,CAAA,CAAK,EAClE,CAAA,CAAA,CACT"}

package/dist/popover-BGd0Tvmy.mjs

@@ -1,2 +0,0 @@
-import{t as e}from"./close-Co-WLsSG.mjs";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n}from"react/jsx-runtime";import{Popover as r}from"radix-ui";function i({...e}){return n(r.Root,{"data-slot":`popover`,...e})}function a({...e}){return n(r.Trigger,{"data-slot":`popover-trigger`,...e})}function o({className:e,align:i=`start`,sideOffset:a=4,...o}){return n(r.Portal,{children:n(r.Content,{"data-slot":`popover-content`,align:i,sideOffset:a,className:t(`relative bg-popover`,`text-text-positive`,`z-50`,`min-w-(--radix-popover-trigger-width)`,`max-h-(--radix-popover-content-available-height)`,`origin-(--radix-popover-content-transform-origin)`,`rounded-md p-4 shadow-dropdown outline-none`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`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`,e),...o})})}function s({...e}){return n(r.Anchor,{"data-slot":`popover-anchor`,...e})}function c({className:t,...i}){return n(r.Close,{"data-slot":`popover-close`,...i,asChild:!0,children:n(e,{className:`absolute top-2 right-2`})})}export{a,o as i,s as n,c as r,i as t};
-//# sourceMappingURL=popover-BGd0Tvmy.mjs.map

package/dist/popover-BGd0Tvmy.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-BGd0Tvmy.mjs","names":["Popover","PopoverPrimitive"],"sources":["../packages/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport { CloseButton } from './buttons/close';\n\n/**\n * Floating panel built on Radix UI's Popover primitives, anchored to a trigger element with animated open/close transitions.\n *\n * @example\n * ```tsx\n * import {\n *   Popover, PopoverTrigger, PopoverContent, PopoverClose,\n * } from '@customafk/lunas-ui/ui/popover';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <Popover>\n *   <PopoverTrigger asChild>\n *     <Button variant=\"outline\">Open popover</Button>\n *   </PopoverTrigger>\n *   <PopoverContent>\n *     <PopoverClose />\n *     <p>Popover body content goes here.</p>\n *   </PopoverContent>\n * </Popover>\n * ```\n */\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\n/** Element that opens or closes the popover on click; use `asChild` to render a custom trigger element. */\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\n/** Floating content panel rendered in a portal, matching the trigger width and animated on open/close. */\nfunction PopoverContent({ className, align = 'start', sideOffset = 4, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'relative bg-popover',\n          'text-text-positive',\n          'z-50',\n          'min-w-(--radix-popover-trigger-width)',\n          'max-h-(--radix-popover-content-available-height)',\n          'origin-(--radix-popover-content-transform-origin)',\n          'rounded-md p-4 shadow-dropdown outline-none',\n\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n\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          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\n/** Optional anchor element that overrides the trigger as the popover's positioning reference point. */\nfunction PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\n/** Close button pre-positioned at the top-right corner of `PopoverContent` using the shared `CloseButton` primitive. */\nfunction PopoverClose({ className, ...props }: React.ComponentProps<typeof PopoverPrimitive.Close>) {\n  return (\n    <PopoverPrimitive.Close data-slot=\"popover-close\" {...props} asChild>\n      <CloseButton className=\"absolute top-2 right-2\" />\n    </PopoverPrimitive.Close>\n  );\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PopoverClose };\n"],"mappings":"wKA4BA,SAASA,EAAQ,CAAE,GAAG,GAA6D,CACjF,OAAO,EAACC,EAAiB,KAAA,CAAK,YAAU,UAAU,GAAI,GAAS,CAIjE,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAACA,EAAiB,QAAA,CAAQ,YAAU,kBAAkB,GAAI,GAAS,CAI5E,SAAS,EAAe,CAAE,YAAW,QAAQ,QAAS,aAAa,EAAG,GAAG,GAAgE,CACvI,OACE,EAACA,EAAiB,OAAA,CAAA,SAChB,EAACA,EAAiB,QAAA,CAChB,YAAU,kBACH,QACK,aACZ,UAAW,EACT,sBACA,qBACA,OACA,wCACA,mDACA,oDACA,8CAEA,+BACA,8BACA,+BAEA,kCACA,iCACA,kCAEA,yCACA,yCACA,yCACA,yCACA,EACD,CACD,GAAI,GACJ,CAAA,CACsB,CAK9B,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAACA,EAAiB,OAAA,CAAO,YAAU,iBAAiB,GAAI,GAAS,CAI1E,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAACA,EAAiB,MAAA,CAAM,YAAU,gBAAgB,GAAI,EAAO,QAAA,YAC3D,EAAC,EAAA,CAAY,UAAU,yBAAA,CAA2B,EAC3B"}

package/dist/popover-CaU_EoBJ.d.mts

@@ -1,52 +0,0 @@
-import * as react86 from "react";
-import { Popover } from "radix-ui";
-
-//#region packages/components/ui/popover.d.ts
-
-/**
- * Floating panel built on Radix UI's Popover primitives, anchored to a trigger element with animated open/close transitions.
- *
- * @example
- * ```tsx
- * import {
- *   Popover, PopoverTrigger, PopoverContent, PopoverClose,
- * } from '@customafk/lunas-ui/ui/popover';
- * import { Button } from '@customafk/lunas-ui/ui/button';
- *
- * <Popover>
- *   <PopoverTrigger asChild>
- *     <Button variant="outline">Open popover</Button>
- *   </PopoverTrigger>
- *   <PopoverContent>
- *     <PopoverClose />
- *     <p>Popover body content goes here.</p>
- *   </PopoverContent>
- * </Popover>
- * ```
- */
-declare function Popover$1({
-  ...props
-}: React.ComponentProps<typeof Popover.Root>): react86.JSX.Element;
-/** Element that opens or closes the popover on click; use `asChild` to render a custom trigger element. */
-declare function PopoverTrigger({
-  ...props
-}: React.ComponentProps<typeof Popover.Trigger>): react86.JSX.Element;
-/** Floating content panel rendered in a portal, matching the trigger width and animated on open/close. */
-declare function PopoverContent({
-  className,
-  align,
-  sideOffset,
-  ...props
-}: React.ComponentProps<typeof Popover.Content>): react86.JSX.Element;
-/** Optional anchor element that overrides the trigger as the popover's positioning reference point. */
-declare function PopoverAnchor({
-  ...props
-}: React.ComponentProps<typeof Popover.Anchor>): react86.JSX.Element;
-/** Close button pre-positioned at the top-right corner of `PopoverContent` using the shared `CloseButton` primitive. */
-declare function PopoverClose({
-  className,
-  ...props
-}: React.ComponentProps<typeof Popover.Close>): react86.JSX.Element;
-//#endregion
-export { PopoverTrigger as a, PopoverContent as i, PopoverAnchor as n, PopoverClose as r, Popover$1 as t };
-//# sourceMappingURL=popover-CaU_EoBJ.d.mts.map

package/dist/popover-eSwUy8WP.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./close-DYBVx-8O.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);function a({...e}){return(0,r.jsx)(i.Popover.Root,{"data-slot":`popover`,...e})}function o({...e}){return(0,r.jsx)(i.Popover.Trigger,{"data-slot":`popover-trigger`,...e})}function s({className:e,align:t=`start`,sideOffset:a=4,...o}){return(0,r.jsx)(i.Popover.Portal,{children:(0,r.jsx)(i.Popover.Content,{"data-slot":`popover-content`,align:t,sideOffset:a,className:(0,n.cn)(`relative bg-popover`,`text-text-positive`,`z-50`,`min-w-(--radix-popover-trigger-width)`,`max-h-(--radix-popover-content-available-height)`,`origin-(--radix-popover-content-transform-origin)`,`rounded-md p-4 shadow-dropdown outline-none`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`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`,e),...o})})}function c({...e}){return(0,r.jsx)(i.Popover.Anchor,{"data-slot":`popover-anchor`,...e})}function l({className:e,...n}){return(0,r.jsx)(i.Popover.Close,{"data-slot":`popover-close`,...n,asChild:!0,children:(0,r.jsx)(t.t,{className:`absolute top-2 right-2`})})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=popover-eSwUy8WP.cjs.map

package/dist/popover-eSwUy8WP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-eSwUy8WP.cjs","names":["PopoverPrimitive","CloseButton"],"sources":["../packages/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport { CloseButton } from './buttons/close';\n\n/**\n * Floating panel built on Radix UI's Popover primitives, anchored to a trigger element with animated open/close transitions.\n *\n * @example\n * ```tsx\n * import {\n *   Popover, PopoverTrigger, PopoverContent, PopoverClose,\n * } from '@customafk/lunas-ui/ui/popover';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <Popover>\n *   <PopoverTrigger asChild>\n *     <Button variant=\"outline\">Open popover</Button>\n *   </PopoverTrigger>\n *   <PopoverContent>\n *     <PopoverClose />\n *     <p>Popover body content goes here.</p>\n *   </PopoverContent>\n * </Popover>\n * ```\n */\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\n/** Element that opens or closes the popover on click; use `asChild` to render a custom trigger element. */\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\n/** Floating content panel rendered in a portal, matching the trigger width and animated on open/close. */\nfunction PopoverContent({ className, align = 'start', sideOffset = 4, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'relative bg-popover',\n          'text-text-positive',\n          'z-50',\n          'min-w-(--radix-popover-trigger-width)',\n          'max-h-(--radix-popover-content-available-height)',\n          'origin-(--radix-popover-content-transform-origin)',\n          'rounded-md p-4 shadow-dropdown outline-none',\n\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n\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          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\n/** Optional anchor element that overrides the trigger as the popover's positioning reference point. */\nfunction PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\n/** Close button pre-positioned at the top-right corner of `PopoverContent` using the shared `CloseButton` primitive. */\nfunction PopoverClose({ className, ...props }: React.ComponentProps<typeof PopoverPrimitive.Close>) {\n  return (\n    <PopoverPrimitive.Close data-slot=\"popover-close\" {...props} asChild>\n      <CloseButton className=\"absolute top-2 right-2\" />\n    </PopoverPrimitive.Close>\n  );\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PopoverClose };\n"],"mappings":"+KA4BA,SAAS,EAAQ,CAAE,GAAG,GAA6D,CACjF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAAK,YAAU,UAAU,GAAI,GAAS,CAIjE,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,QAAA,CAAQ,YAAU,kBAAkB,GAAI,GAAS,CAI5E,SAAS,EAAe,CAAE,YAAW,QAAQ,QAAS,aAAa,EAAG,GAAG,GAAgE,CACvI,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,OAAA,CAAA,UAChB,EAAA,EAAA,KAACA,EAAAA,QAAiB,QAAA,CAChB,YAAU,kBACH,QACK,aACZ,WAAA,EAAA,EAAA,IACE,sBACA,qBACA,OACA,wCACA,mDACA,oDACA,8CAEA,+BACA,8BACA,+BAEA,kCACA,iCACA,kCAEA,yCACA,yCACA,yCACA,yCACA,EACD,CACD,GAAI,GACJ,CAAA,CACsB,CAK9B,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,OAAA,CAAO,YAAU,iBAAiB,GAAI,GAAS,CAI1E,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,MAAA,CAAM,YAAU,gBAAgB,GAAI,EAAO,QAAA,aAC3D,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAY,UAAU,yBAAA,CAA2B,EAC3B"}

package/dist/popover-m32DoRiq.d.cts

@@ -1,52 +0,0 @@
-import * as react241 from "react";
-import { Popover } from "radix-ui";
-
-//#region packages/components/ui/popover.d.ts
-
-/**
- * Floating panel built on Radix UI's Popover primitives, anchored to a trigger element with animated open/close transitions.
- *
- * @example
- * ```tsx
- * import {
- *   Popover, PopoverTrigger, PopoverContent, PopoverClose,
- * } from '@customafk/lunas-ui/ui/popover';
- * import { Button } from '@customafk/lunas-ui/ui/button';
- *
- * <Popover>
- *   <PopoverTrigger asChild>
- *     <Button variant="outline">Open popover</Button>
- *   </PopoverTrigger>
- *   <PopoverContent>
- *     <PopoverClose />
- *     <p>Popover body content goes here.</p>
- *   </PopoverContent>
- * </Popover>
- * ```
- */
-declare function Popover$1({
-  ...props
-}: React.ComponentProps<typeof Popover.Root>): react241.JSX.Element;
-/** Element that opens or closes the popover on click; use `asChild` to render a custom trigger element. */
-declare function PopoverTrigger({
-  ...props
-}: React.ComponentProps<typeof Popover.Trigger>): react241.JSX.Element;
-/** Floating content panel rendered in a portal, matching the trigger width and animated on open/close. */
-declare function PopoverContent({
-  className,
-  align,
-  sideOffset,
-  ...props
-}: React.ComponentProps<typeof Popover.Content>): react241.JSX.Element;
-/** Optional anchor element that overrides the trigger as the popover's positioning reference point. */
-declare function PopoverAnchor({
-  ...props
-}: React.ComponentProps<typeof Popover.Anchor>): react241.JSX.Element;
-/** Close button pre-positioned at the top-right corner of `PopoverContent` using the shared `CloseButton` primitive. */
-declare function PopoverClose({
-  className,
-  ...props
-}: React.ComponentProps<typeof Popover.Close>): react241.JSX.Element;
-//#endregion
-export { PopoverTrigger as a, PopoverContent as i, PopoverAnchor as n, PopoverClose as r, Popover$1 as t };
-//# sourceMappingURL=popover-m32DoRiq.d.cts.map

package/dist/product-card-10gaH8bg.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./button-C--DAN1D.cjs`),n=require(`./card-B8Pm6iEs.cjs`),r=require(`./image-eYMg5TSJ.cjs`);let i=require(`lucide-react`),a=require(`react/jsx-runtime`);const o=({name:e,thumbnail:o,price:s})=>(0,a.jsxs)(n.t,{className:`size-full gap-y-2 p-2 pb-4`,children:[(0,a.jsx)(r.t,{src:o,className:`aspect-square`}),(0,a.jsxs)(`div`,{className:`flex flex-col gap-y-1`,children:[(0,a.jsx)(`p`,{className:`line-clamp-2 h-10 text-sm font-semibold`,children:e}),(0,a.jsxs)(`p`,{className:`text-success text-base font-bold`,children:[s.toLocaleString(`vi-VN`),(0,a.jsx)(`small`,{className:`ml-0.5`,children:`VND`})]}),(0,a.jsxs)(`div`,{className:`mt-1 flex gap-x-1`,children:[(0,a.jsxs)(t.t,{className:`flex-1`,children:[(0,a.jsx)(i.ShoppingCartIcon,{}),`Thêm vào giỏ`]}),(0,a.jsx)(t.t,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:(0,a.jsx)(i.HeartIcon,{})})]})]})]});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=product-card-10gaH8bg.cjs.map

package/dist/product-card-10gaH8bg.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"product-card-10gaH8bg.cjs","names":["ProductCard: React.FC<Props>","Card","Image","Button","ShoppingCartIcon","HeartIcon"],"sources":["../packages/components/cards/product-card.tsx"],"sourcesContent":["import { HeartIcon, ShoppingCartIcon } from 'lucide-react';\n\nimport { Button } from '../ui/button';\nimport { Card } from '../ui/card';\nimport { Image } from '../ui/image';\n\ntype Props = {\n  /** Unique identifier for the product. */\n  id: string;\n  /** URL-friendly slug for the product. */\n  slug: string;\n  /** Display name of the product shown on the card. */\n  name: string;\n  /** URL of the product's thumbnail image. */\n  thumbnail: string;\n  /** Regular price of the product in VND. */\n  price: number;\n  /** Optional sale / discounted price in VND. */\n  salePrice?: number;\n  /** Optional sale discount percentage (0–100). */\n  salePercentage?: number;\n};\n\n/**\n * A vertical product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.\n *\n * @example\n * ```tsx\n * import { ProductCard } from '@customafk/lunas-ui/cards/product-card';\n *\n * <ProductCard\n *   id=\"prod-1\"\n *   slug=\"awesome-widget\"\n *   name=\"Awesome Widget\"\n *   thumbnail=\"/images/widget.png\"\n *   price={299000}\n * />\n * ```\n */\nexport const ProductCard: React.FC<Props> = ({ name, thumbnail, price }) => {\n  return (\n    <Card className=\"size-full gap-y-2 p-2 pb-4\">\n      <Image src={thumbnail} className=\"aspect-square\" />\n      <div className=\"flex flex-col gap-y-1\">\n        <p className=\"line-clamp-2 h-10 text-sm font-semibold\">{name}</p>\n        <p className=\"text-success text-base font-bold\">\n          {price.toLocaleString('vi-VN')}\n          <small className=\"ml-0.5\">VND</small>\n        </p>\n        <div className=\"mt-1 flex gap-x-1\">\n          <Button className=\"flex-1\">\n            <ShoppingCartIcon />\n            Thêm vào giỏ\n          </Button>\n          <Button size=\"icon\" variant=\"outline\" color=\"muted\" className=\"size-9\">\n            <HeartIcon />\n          </Button>\n        </div>\n      </div>\n    </Card>\n  );\n};\n"],"mappings":"2MAuCA,MAAaA,GAAgC,CAAE,OAAM,YAAW,YAE5D,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAK,UAAU,wCACd,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAM,IAAK,EAAW,UAAU,iBAAkB,EACnD,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,mCACb,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,mDAA2C,GAAS,EACjE,EAAA,EAAA,MAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,QAAQ,EAC9B,EAAA,EAAA,KAAC,QAAA,CAAM,UAAU,kBAAS,OAAW,CAAA,EACnC,EACJ,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,+BACb,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAO,UAAU,oBAChB,EAAA,EAAA,KAACC,EAAAA,iBAAAA,EAAAA,CAAmB,CAAA,eAAA,EAEb,EACT,EAAA,EAAA,KAACD,EAAAA,EAAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,mBAC5D,EAAA,EAAA,KAACE,EAAAA,UAAAA,EAAAA,CAAY,EACN,CAAA,EACL,GACF,CAAA,EACD"}

package/dist/product-card-C0l0q2Ve.d.cts

@@ -1,37 +0,0 @@
-//#region packages/components/cards/product-card.d.ts
-type Props = {
-  /** Unique identifier for the product. */
-  id: string;
-  /** URL-friendly slug for the product. */
-  slug: string;
-  /** Display name of the product shown on the card. */
-  name: string;
-  /** URL of the product's thumbnail image. */
-  thumbnail: string;
-  /** Regular price of the product in VND. */
-  price: number;
-  /** Optional sale / discounted price in VND. */
-  salePrice?: number;
-  /** Optional sale discount percentage (0–100). */
-  salePercentage?: number;
-};
-/**
- * A vertical product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.
- *
- * @example
- * ```tsx
- * import { ProductCard } from '@customafk/lunas-ui/cards/product-card';
- *
- * <ProductCard
- *   id="prod-1"
- *   slug="awesome-widget"
- *   name="Awesome Widget"
- *   thumbnail="/images/widget.png"
- *   price={299000}
- * />
- * ```
- */
-declare const ProductCard: React.FC<Props>;
-//#endregion
-export { ProductCard as t };
-//# sourceMappingURL=product-card-C0l0q2Ve.d.cts.map

package/dist/product-card-CWrVGqZV.d.mts

@@ -1,37 +0,0 @@
-//#region packages/components/cards/product-card.d.ts
-type Props = {
-  /** Unique identifier for the product. */
-  id: string;
-  /** URL-friendly slug for the product. */
-  slug: string;
-  /** Display name of the product shown on the card. */
-  name: string;
-  /** URL of the product's thumbnail image. */
-  thumbnail: string;
-  /** Regular price of the product in VND. */
-  price: number;
-  /** Optional sale / discounted price in VND. */
-  salePrice?: number;
-  /** Optional sale discount percentage (0–100). */
-  salePercentage?: number;
-};
-/**
- * A vertical product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.
- *
- * @example
- * ```tsx
- * import { ProductCard } from '@customafk/lunas-ui/cards/product-card';
- *
- * <ProductCard
- *   id="prod-1"
- *   slug="awesome-widget"
- *   name="Awesome Widget"
- *   thumbnail="/images/widget.png"
- *   price={299000}
- * />
- * ```
- */
-declare const ProductCard: React.FC<Props>;
-//#endregion
-export { ProductCard as t };
-//# sourceMappingURL=product-card-CWrVGqZV.d.mts.map

package/dist/product-card-Rwd-o9hK.mjs

@@ -1,2 +0,0 @@
-import{t as e}from"./button-CCVJTHBI.mjs";import{t}from"./card-DpQKFp4f.mjs";import{t as n}from"./image-CbZwvmmL.mjs";import{HeartIcon as r,ShoppingCartIcon as i}from"lucide-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({name:s,thumbnail:c,price:l})=>o(t,{className:`size-full gap-y-2 p-2 pb-4`,children:[a(n,{src:c,className:`aspect-square`}),o(`div`,{className:`flex flex-col gap-y-1`,children:[a(`p`,{className:`line-clamp-2 h-10 text-sm font-semibold`,children:s}),o(`p`,{className:`text-success text-base font-bold`,children:[l.toLocaleString(`vi-VN`),a(`small`,{className:`ml-0.5`,children:`VND`})]}),o(`div`,{className:`mt-1 flex gap-x-1`,children:[o(e,{className:`flex-1`,children:[a(i,{}),`Thêm vào giỏ`]}),a(e,{size:`icon`,variant:`outline`,color:`muted`,className:`size-9`,children:a(r,{})})]})]})]});export{s as t};
-//# sourceMappingURL=product-card-Rwd-o9hK.mjs.map

package/dist/product-card-Rwd-o9hK.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"product-card-Rwd-o9hK.mjs","names":["ProductCard: React.FC<Props>","Image"],"sources":["../packages/components/cards/product-card.tsx"],"sourcesContent":["import { HeartIcon, ShoppingCartIcon } from 'lucide-react';\n\nimport { Button } from '../ui/button';\nimport { Card } from '../ui/card';\nimport { Image } from '../ui/image';\n\ntype Props = {\n  /** Unique identifier for the product. */\n  id: string;\n  /** URL-friendly slug for the product. */\n  slug: string;\n  /** Display name of the product shown on the card. */\n  name: string;\n  /** URL of the product's thumbnail image. */\n  thumbnail: string;\n  /** Regular price of the product in VND. */\n  price: number;\n  /** Optional sale / discounted price in VND. */\n  salePrice?: number;\n  /** Optional sale discount percentage (0–100). */\n  salePercentage?: number;\n};\n\n/**\n * A vertical product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.\n *\n * @example\n * ```tsx\n * import { ProductCard } from '@customafk/lunas-ui/cards/product-card';\n *\n * <ProductCard\n *   id=\"prod-1\"\n *   slug=\"awesome-widget\"\n *   name=\"Awesome Widget\"\n *   thumbnail=\"/images/widget.png\"\n *   price={299000}\n * />\n * ```\n */\nexport const ProductCard: React.FC<Props> = ({ name, thumbnail, price }) => {\n  return (\n    <Card className=\"size-full gap-y-2 p-2 pb-4\">\n      <Image src={thumbnail} className=\"aspect-square\" />\n      <div className=\"flex flex-col gap-y-1\">\n        <p className=\"line-clamp-2 h-10 text-sm font-semibold\">{name}</p>\n        <p className=\"text-success text-base font-bold\">\n          {price.toLocaleString('vi-VN')}\n          <small className=\"ml-0.5\">VND</small>\n        </p>\n        <div className=\"mt-1 flex gap-x-1\">\n          <Button className=\"flex-1\">\n            <ShoppingCartIcon />\n            Thêm vào giỏ\n          </Button>\n          <Button size=\"icon\" variant=\"outline\" color=\"muted\" className=\"size-9\">\n            <HeartIcon />\n          </Button>\n        </div>\n      </div>\n    </Card>\n  );\n};\n"],"mappings":"uOAuCA,MAAaA,GAAgC,CAAE,OAAM,YAAW,WAE5D,EAAC,EAAA,CAAK,UAAU,uCACd,EAACC,EAAAA,CAAM,IAAK,EAAW,UAAU,iBAAkB,CACnD,EAAC,MAAA,CAAI,UAAU,kCACb,EAAC,IAAA,CAAE,UAAU,mDAA2C,GAAS,CACjE,EAAC,IAAA,CAAE,UAAU,6CACV,EAAM,eAAe,QAAQ,CAC9B,EAAC,QAAA,CAAM,UAAU,kBAAS,OAAW,CAAA,EACnC,CACJ,EAAC,MAAA,CAAI,UAAU,8BACb,EAAC,EAAA,CAAO,UAAU,mBAChB,EAAC,EAAA,EAAA,CAAmB,CAAA,eAAA,EAEb,CACT,EAAC,EAAA,CAAO,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,kBAC5D,EAAC,EAAA,EAAA,CAAY,EACN,CAAA,EACL,GACF,CAAA,EACD"}

package/dist/progress-BwbACJal.d.cts

@@ -1,23 +0,0 @@
-import * as react216 from "react";
-import { Progress } from "radix-ui";
-
-//#region packages/components/ui/progress.d.ts
-
-/**
- * A horizontal progress bar that visually represents a completion percentage.
- *
- * @example
- * ```tsx
- * import { Progress } from '@customafk/lunas-ui/ui/progress';
- *
- * <Progress value={65} />
- * ```
- */
-declare function Progress$1({
-  className,
-  value,
-  ...props
-}: React.ComponentProps<typeof Progress.Root>): react216.JSX.Element;
-//#endregion
-export { Progress$1 as t };
-//# sourceMappingURL=progress-BwbACJal.d.cts.map

package/dist/progress-Dlgbu5Ff.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({className:e,value:i,...a}){return(0,n.jsx)(r.Progress.Root,{"data-slot":`progress`,className:(0,t.cn)(`bg-primary-weak relative h-2 w-full overflow-hidden rounded-full`,e),...a,children:(0,n.jsx)(r.Progress.Indicator,{"data-slot":`progress-indicator`,className:`bg-primary size-full flex-1 transition-all`,style:{transform:`translateX(-${100-(i||0)}%)`}})})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=progress-Dlgbu5Ff.cjs.map

package/dist/progress-Dlgbu5Ff.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-Dlgbu5Ff.cjs","names":["ProgressPrimitive"],"sources":["../packages/components/ui/progress.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Progress as ProgressPrimitive } from 'radix-ui';\n\n/**\n * A horizontal progress bar that visually represents a completion percentage.\n *\n * @example\n * ```tsx\n * import { Progress } from '@customafk/lunas-ui/ui/progress';\n *\n * <Progress value={65} />\n * ```\n */\nfunction Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root data-slot=\"progress\" className={cn('bg-primary-weak relative h-2 w-full overflow-hidden rounded-full', className)} {...props}>\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"bg-primary size-full flex-1 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":"6IAeA,SAAS,EAAS,CAAE,YAAW,QAAO,GAAG,GAA8D,CACrG,OACE,EAAA,EAAA,KAACA,EAAAA,SAAkB,KAAA,CAAK,YAAU,WAAW,WAAA,EAAA,EAAA,IAAc,mEAAoE,EAAU,CAAE,GAAI,YAC7I,EAAA,EAAA,KAACA,EAAAA,SAAkB,UAAA,CACjB,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,IAAK,EAC3D,EACqB"}

package/dist/progress-RvyBMsxb.mjs

@@ -1,2 +0,0 @@
-import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Progress as n}from"radix-ui";function r({className:r,value:i,...a}){return t(n.Root,{"data-slot":`progress`,className:e(`bg-primary-weak relative h-2 w-full overflow-hidden rounded-full`,r),...a,children:t(n.Indicator,{"data-slot":`progress-indicator`,className:`bg-primary size-full flex-1 transition-all`,style:{transform:`translateX(-${100-(i||0)}%)`}})})}export{r as t};
-//# sourceMappingURL=progress-RvyBMsxb.mjs.map

package/dist/progress-RvyBMsxb.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-RvyBMsxb.mjs","names":["Progress","ProgressPrimitive"],"sources":["../packages/components/ui/progress.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Progress as ProgressPrimitive } from 'radix-ui';\n\n/**\n * A horizontal progress bar that visually represents a completion percentage.\n *\n * @example\n * ```tsx\n * import { Progress } from '@customafk/lunas-ui/ui/progress';\n *\n * <Progress value={65} />\n * ```\n */\nfunction Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root data-slot=\"progress\" className={cn('bg-primary-weak relative h-2 w-full overflow-hidden rounded-full', className)} {...props}>\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"bg-primary size-full flex-1 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":"gIAeA,SAASA,EAAS,CAAE,YAAW,QAAO,GAAG,GAA8D,CACrG,OACE,EAACC,EAAkB,KAAA,CAAK,YAAU,WAAW,UAAW,EAAG,mEAAoE,EAAU,CAAE,GAAI,WAC7I,EAACA,EAAkB,UAAA,CACjB,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,IAAK,EAC3D,EACqB"}

package/dist/progress-sn0IL4k4.d.mts

@@ -1,23 +0,0 @@
-import * as react172 from "react";
-import { Progress } from "radix-ui";
-
-//#region packages/components/ui/progress.d.ts
-
-/**
- * A horizontal progress bar that visually represents a completion percentage.
- *
- * @example
- * ```tsx
- * import { Progress } from '@customafk/lunas-ui/ui/progress';
- *
- * <Progress value={65} />
- * ```
- */
-declare function Progress$1({
-  className,
-  value,
-  ...props
-}: React.ComponentProps<typeof Progress.Root>): react172.JSX.Element;
-//#endregion
-export { Progress$1 as t };
-//# sourceMappingURL=progress-sn0IL4k4.d.mts.map

package/dist/radio-group-C4sIDN68.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);function a({className:e,...t}){return(0,r.jsx)(i.RadioGroup.Root,{"data-slot":`radio-group`,className:(0,n.cn)(`grid gap-3`,e),...t})}function o({className:e,...a}){return(0,r.jsx)(i.RadioGroup.Item,{"data-slot":`radio-group-item`,className:(0,n.cn)(`aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all`,`disabled:cursor-not-allowed disabled:opacity-50`,`focus:border-border focus:ring-4 focus:ring-primary-weak`,`aria-invalid:border-danger-strong aria-invalid:ring-danger-weak`,`aria-readonly:pointer-events-none`,`aria-readonly:[&_div]:bg-muted`,`aria-readonly:[&_svg]:fill-muted-weak`,`aria-readonly:[&_svg]:text-muted-weak`,e),...a,children:(0,r.jsxs)(i.RadioGroup.Indicator,{"data-slot":`radio-group-indicator`,className:`relative flex items-center justify-center bg-primary`,children:[(0,r.jsx)(`div`,{className:`absolute size-4 rounded-full bg-primary`}),(0,r.jsx)(t.CircleIcon,{className:`-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative`})]})})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=radio-group-C4sIDN68.cjs.map

package/dist/radio-group-C4sIDN68.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-group-C4sIDN68.cjs","names":["RadioGroupPrimitive","CircleIcon"],"sources":["../packages/components/ui/radio-group.tsx"],"sourcesContent":["'use client';\n\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\n/**\n * Accessible radio button group built on Radix UI's RadioGroup primitive, where only one option can be selected at a time.\n *\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem } from '@customafk/lunas-ui/ui/radio-group';\n * import { Label } from '@customafk/lunas-ui/ui/label';\n *\n * <RadioGroup defaultValue=\"monthly\">\n *   <div className=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"monthly\" id=\"monthly\" />\n *     <Label htmlFor=\"monthly\">Monthly</Label>\n *   </div>\n *   <div className=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"annually\" id=\"annually\" />\n *     <Label htmlFor=\"annually\">Annually</Label>\n *   </div>\n * </RadioGroup>\n * ```\n */\nfunction RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return <RadioGroupPrimitive.Root data-slot=\"radio-group\" className={cn('grid gap-3', className)} {...props} />;\n}\n\n/** Individual radio button within a `RadioGroup`; shows a filled circle indicator when selected. */\nfunction RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'focus:border-border focus:ring-4 focus:ring-primary-weak',\n        'aria-invalid:border-danger-strong aria-invalid:ring-danger-weak',\n        'aria-readonly:pointer-events-none',\n        'aria-readonly:[&_div]:bg-muted',\n        'aria-readonly:[&_svg]:fill-muted-weak',\n        'aria-readonly:[&_svg]:text-muted-weak',\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator data-slot=\"radio-group-indicator\" className=\"relative flex items-center justify-center bg-primary\">\n        <div className=\"absolute size-4 rounded-full bg-primary\" />\n        <CircleIcon className=\"-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":"uKA4BA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAgE,CAClG,OAAO,EAAA,EAAA,KAACA,EAAAA,WAAoB,KAAA,CAAK,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,aAAc,EAAU,CAAE,GAAI,GAAS,CAIhH,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAAA,EAAA,KAACA,EAAAA,WAAoB,KAAA,CACnB,YAAU,mBACV,WAAA,EAAA,EAAA,IACE,wGACA,kDACA,2DACA,kEACA,oCACA,iCACA,wCACA,wCACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,MAACA,EAAAA,WAAoB,UAAA,CAAU,YAAU,wBAAwB,UAAU,kEACzE,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,0CAAA,CAA4C,EAC3D,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,UAAU,+FAAA,CAAiG,CAAA,EACzF,EACP"}

package/dist/radio-group-CD-4vNQR.mjs

@@ -1,2 +0,0 @@
-import{CircleIcon as e}from"lucide-react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{RadioGroup as i}from"radix-ui";function a({className:e,...r}){return n(i.Root,{"data-slot":`radio-group`,className:t(`grid gap-3`,e),...r})}function o({className:a,...o}){return n(i.Item,{"data-slot":`radio-group-item`,className:t(`aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all`,`disabled:cursor-not-allowed disabled:opacity-50`,`focus:border-border focus:ring-4 focus:ring-primary-weak`,`aria-invalid:border-danger-strong aria-invalid:ring-danger-weak`,`aria-readonly:pointer-events-none`,`aria-readonly:[&_div]:bg-muted`,`aria-readonly:[&_svg]:fill-muted-weak`,`aria-readonly:[&_svg]:text-muted-weak`,a),...o,children:r(i.Indicator,{"data-slot":`radio-group-indicator`,className:`relative flex items-center justify-center bg-primary`,children:[n(`div`,{className:`absolute size-4 rounded-full bg-primary`}),n(e,{className:`-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative`})]})})}export{o as n,a as t};
-//# sourceMappingURL=radio-group-CD-4vNQR.mjs.map

package/dist/radio-group-CD-4vNQR.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-group-CD-4vNQR.mjs","names":["RadioGroup","RadioGroupPrimitive"],"sources":["../packages/components/ui/radio-group.tsx"],"sourcesContent":["'use client';\n\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\n/**\n * Accessible radio button group built on Radix UI's RadioGroup primitive, where only one option can be selected at a time.\n *\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem } from '@customafk/lunas-ui/ui/radio-group';\n * import { Label } from '@customafk/lunas-ui/ui/label';\n *\n * <RadioGroup defaultValue=\"monthly\">\n *   <div className=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"monthly\" id=\"monthly\" />\n *     <Label htmlFor=\"monthly\">Monthly</Label>\n *   </div>\n *   <div className=\"flex items-center gap-2\">\n *     <RadioGroupItem value=\"annually\" id=\"annually\" />\n *     <Label htmlFor=\"annually\">Annually</Label>\n *   </div>\n * </RadioGroup>\n * ```\n */\nfunction RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return <RadioGroupPrimitive.Root data-slot=\"radio-group\" className={cn('grid gap-3', className)} {...props} />;\n}\n\n/** Individual radio button within a `RadioGroup`; shows a filled circle indicator when selected. */\nfunction RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'focus:border-border focus:ring-4 focus:ring-primary-weak',\n        'aria-invalid:border-danger-strong aria-invalid:ring-danger-weak',\n        'aria-readonly:pointer-events-none',\n        'aria-readonly:[&_div]:bg-muted',\n        'aria-readonly:[&_svg]:fill-muted-weak',\n        'aria-readonly:[&_svg]:text-muted-weak',\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator data-slot=\"radio-group-indicator\" className=\"relative flex items-center justify-center bg-primary\">\n        <div className=\"absolute size-4 rounded-full bg-primary\" />\n        <CircleIcon className=\"-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":"sLA4BA,SAASA,EAAW,CAAE,YAAW,GAAG,GAAgE,CAClG,OAAO,EAACC,EAAoB,KAAA,CAAK,YAAU,cAAc,UAAW,EAAG,aAAc,EAAU,CAAE,GAAI,GAAS,CAIhH,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAACA,EAAoB,KAAA,CACnB,YAAU,mBACV,UAAW,EACT,wGACA,kDACA,2DACA,kEACA,oCACA,iCACA,wCACA,wCACA,EACD,CACD,GAAI,WAEJ,EAACA,EAAoB,UAAA,CAAU,YAAU,wBAAwB,UAAU,iEACzE,EAAC,MAAA,CAAI,UAAU,0CAAA,CAA4C,CAC3D,EAAC,EAAA,CAAW,UAAU,+FAAA,CAAiG,CAAA,EACzF,EACP"}

package/dist/radio-group-Ck0NoDHp.d.cts

@@ -1,37 +0,0 @@
-import * as react217 from "react";
-import { RadioGroup } from "radix-ui";
-
-//#region packages/components/ui/radio-group.d.ts
-
-/**
- * Accessible radio button group built on Radix UI's RadioGroup primitive, where only one option can be selected at a time.
- *
- * @example
- * ```tsx
- * import { RadioGroup, RadioGroupItem } from '@customafk/lunas-ui/ui/radio-group';
- * import { Label } from '@customafk/lunas-ui/ui/label';
- *
- * <RadioGroup defaultValue="monthly">
- *   <div className="flex items-center gap-2">
- *     <RadioGroupItem value="monthly" id="monthly" />
- *     <Label htmlFor="monthly">Monthly</Label>
- *   </div>
- *   <div className="flex items-center gap-2">
- *     <RadioGroupItem value="annually" id="annually" />
- *     <Label htmlFor="annually">Annually</Label>
- *   </div>
- * </RadioGroup>
- * ```
- */
-declare function RadioGroup$1({
-  className,
-  ...props
-}: React.ComponentProps<typeof RadioGroup.Root>): react217.JSX.Element;
-/** Individual radio button within a `RadioGroup`; shows a filled circle indicator when selected. */
-declare function RadioGroupItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof RadioGroup.Item>): react217.JSX.Element;
-//#endregion
-export { RadioGroupItem as n, RadioGroup$1 as t };
-//# sourceMappingURL=radio-group-Ck0NoDHp.d.cts.map

package/dist/radio-group-DeKN6NpB.d.mts

@@ -1,37 +0,0 @@
-import * as react157 from "react";
-import { RadioGroup } from "radix-ui";
-
-//#region packages/components/ui/radio-group.d.ts
-
-/**
- * Accessible radio button group built on Radix UI's RadioGroup primitive, where only one option can be selected at a time.
- *
- * @example
- * ```tsx
- * import { RadioGroup, RadioGroupItem } from '@customafk/lunas-ui/ui/radio-group';
- * import { Label } from '@customafk/lunas-ui/ui/label';
- *
- * <RadioGroup defaultValue="monthly">
- *   <div className="flex items-center gap-2">
- *     <RadioGroupItem value="monthly" id="monthly" />
- *     <Label htmlFor="monthly">Monthly</Label>
- *   </div>
- *   <div className="flex items-center gap-2">
- *     <RadioGroupItem value="annually" id="annually" />
- *     <Label htmlFor="annually">Annually</Label>
- *   </div>
- * </RadioGroup>
- * ```
- */
-declare function RadioGroup$1({
-  className,
-  ...props
-}: React.ComponentProps<typeof RadioGroup.Root>): react157.JSX.Element;
-/** Individual radio button within a `RadioGroup`; shows a filled circle indicator when selected. */
-declare function RadioGroupItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof RadioGroup.Item>): react157.JSX.Element;
-//#endregion
-export { RadioGroupItem as n, RadioGroup$1 as t };
-//# sourceMappingURL=radio-group-DeKN6NpB.d.mts.map

package/dist/refresh-BFJvyuJH.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./button-C--DAN1D.cjs`),n=require(`./paragraph-DvTZvbzw.cjs`);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);const a=({onClick:e=()=>{}})=>(0,i.jsxs)(t.t,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:e,children:[(0,i.jsx)(r.RefreshCwIcon,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),(0,i.jsx)(n.t,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=refresh-BFJvyuJH.cjs.map

package/dist/refresh-BFJvyuJH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"refresh-BFJvyuJH.cjs","names":["RefreshBtn: React.FC<React.PropsWithChildren<Props>>","Button","RefreshCwIcon","Paragraph"],"sources":["../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. Defaults to a no-op. */\n  onClick?: () => void;\n};\n\n/**\n * A toolbar button that triggers a refresh/reset action, displaying a rotating arrows icon alongside a \"Reset\" label that is hidden on small screens.\n *\n * @example\n * import { RefreshBtn } from '@customafk/lunas-ui/ui/buttons/refresh';\n *\n * <RefreshBtn onClick={() => resetFilters()} />\n */\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <RefreshCwIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"8KAmBA,MAAaA,GAAwD,CAAE,cAAgB,OAEnF,EAAA,EAAA,MAACC,EAAAA,EAAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,qBAET,EAAA,EAAA,KAACC,EAAAA,cAAAA,CAAc,UAAU,sBAAsB,KAAM,GAAI,cAAY,QAAS,EAC9E,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB,SAEvC,CAAA,EACL"}

package/dist/refresh-BjdAiL4f.d.mts

@@ -1,17 +0,0 @@
-//#region packages/components/ui/buttons/refresh.d.ts
-type Props = {
-  /** Callback invoked when the button is clicked. Defaults to a no-op. */
-  onClick?: () => void;
-};
-/**
- * A toolbar button that triggers a refresh/reset action, displaying a rotating arrows icon alongside a "Reset" label that is hidden on small screens.
- *
- * @example
- * import { RefreshBtn } from '@customafk/lunas-ui/ui/buttons/refresh';
- *
- * <RefreshBtn onClick={() => resetFilters()} />
- */
-declare const RefreshBtn: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { RefreshBtn as t };
-//# sourceMappingURL=refresh-BjdAiL4f.d.mts.map

package/dist/refresh-Bxm2I0Oe.mjs

@@ -1,2 +0,0 @@
-import{t as e}from"./button-CCVJTHBI.mjs";import{t}from"./paragraph-DYLaQtTV.mjs";import{RefreshCwIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({onClick:a=()=>{}})=>i(e,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:a,children:[r(n,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),r(t,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});export{a as t};
-//# sourceMappingURL=refresh-Bxm2I0Oe.mjs.map

package/dist/refresh-Bxm2I0Oe.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"refresh-Bxm2I0Oe.mjs","names":["RefreshBtn: React.FC<React.PropsWithChildren<Props>>"],"sources":["../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. Defaults to a no-op. */\n  onClick?: () => void;\n};\n\n/**\n * A toolbar button that triggers a refresh/reset action, displaying a rotating arrows icon alongside a \"Reset\" label that is hidden on small screens.\n *\n * @example\n * import { RefreshBtn } from '@customafk/lunas-ui/ui/buttons/refresh';\n *\n * <RefreshBtn onClick={() => resetFilters()} />\n */\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <RefreshCwIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"iLAmBA,MAAaA,GAAwD,CAAE,cAAgB,MAEnF,EAAC,EAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,oBAET,EAAC,EAAA,CAAc,UAAU,sBAAsB,KAAM,GAAI,cAAY,QAAS,CAC9E,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB,SAEvC,CAAA,EACL"}

package/dist/refresh-vK99pTVu.d.cts

@@ -1,17 +0,0 @@
-//#region packages/components/ui/buttons/refresh.d.ts
-type Props = {
-  /** Callback invoked when the button is clicked. Defaults to a no-op. */
-  onClick?: () => void;
-};
-/**
- * A toolbar button that triggers a refresh/reset action, displaying a rotating arrows icon alongside a "Reset" label that is hidden on small screens.
- *
- * @example
- * import { RefreshBtn } from '@customafk/lunas-ui/ui/buttons/refresh';
- *
- * <RefreshBtn onClick={() => resetFilters()} />
- */
-declare const RefreshBtn: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { RefreshBtn as t };
-//# sourceMappingURL=refresh-vK99pTVu.d.cts.map

package/dist/resizable-BilIxAxi.d.mts

@@ -1,63 +0,0 @@
-import * as react286 from "react";
-import * as ResizablePrimitive from "react-resizable-panels";
-import * as node_modules_react_resizable_panels_dist_declarations_src_types0 from "node_modules/react-resizable-panels/dist/declarations/src/types";
-
-//#region packages/components/ui/resizable.d.ts
-type TResizableHandle = React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
-  withHandle?: boolean;
-};
-/**
- * Root container that manages a group of resizable panels; supports horizontal and vertical orientations.
- *
- * @example
- * ```tsx
- * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@customafk/lunas-ui/ui/resizable';
- *
- * <ResizablePanelGroup direction="horizontal">
- *   <ResizablePanel defaultSize={50}>Left</ResizablePanel>
- *   <ResizableHandle withHandle />
- *   <ResizablePanel defaultSize={50}>Right</ResizablePanel>
- * </ResizablePanelGroup>
- * ```
- */
-declare const ResizablePanelGroup: react286.NamedExoticComponent<Omit<react286.HTMLAttributes<keyof HTMLElementTagNameMap>, "id"> & {
-  autoSaveId?: string | null;
-  className?: string;
-  direction: node_modules_react_resizable_panels_dist_declarations_src_types0.Direction;
-  id?: string | null;
-  keyboardResizeBy?: number | null;
-  onLayout?: ResizablePrimitive.PanelGroupOnLayout | null;
-  storage?: ResizablePrimitive.PanelGroupStorage;
-  style?: react286.CSSProperties;
-  tagName?: keyof HTMLElementTagNameMap;
-  dir?: "auto" | "ltr" | "rtl" | undefined;
-} & {
-  children?: react286.ReactNode | undefined;
-} & react286.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
-/** An individual resizable panel within a ResizablePanelGroup. */
-declare const ResizablePanel: react286.NamedExoticComponent<Omit<react286.HTMLAttributes<HTMLInputElement | HTMLElement | HTMLParagraphElement | HTMLFieldSetElement | HTMLLegendElement | HTMLDivElement | HTMLLabelElement | HTMLButtonElement | HTMLObjectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
-  className?: string;
-  collapsedSize?: number | undefined;
-  collapsible?: boolean | undefined;
-  defaultSize?: number | undefined;
-  id?: string;
-  maxSize?: number | undefined;
-  minSize?: number | undefined;
-  onCollapse?: ResizablePrimitive.PanelOnCollapse;
-  onExpand?: ResizablePrimitive.PanelOnExpand;
-  onResize?: ResizablePrimitive.PanelOnResize;
-  order?: number;
-  style?: object;
-  tagName?: keyof HTMLElementTagNameMap | undefined;
-} & {
-  children?: react286.ReactNode | undefined;
-} & react286.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
-/**
- * The drag handle placed between two ResizablePanels to resize them.
- *
- * @param withHandle - When true, renders a visible grip icon centered on the handle.
- */
-declare const ResizableHandle: react286.NamedExoticComponent<TResizableHandle>;
-//#endregion
-export { ResizablePanel as n, ResizablePanelGroup as r, ResizableHandle as t };
-//# sourceMappingURL=resizable-BilIxAxi.d.mts.map