@customafk/lunas-ui 0.2.51 → 0.2.52

package/dist/ui/hover-card.cjs

@@ -1,2 +1 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({...e}){return(0,n.jsx)(r.HoverCard.Root,{"data-slot":`hover-card`,...e})}function a({...e}){return(0,n.jsx)(r.HoverCard.Trigger,{"data-slot":`hover-card-trigger`,...e})}function o({className:e,align:i=`center`,sideOffset:a=4,...o}){return(0,n.jsx)(r.HoverCard.Portal,{"data-slot":`hover-card-portal`,children:(0,n.jsx)(r.HoverCard.Content,{"data-slot":`hover-card-content`,align:i,sideOffset:a,className:(0,t.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden`,e),...o})})}exports.HoverCard=i,exports.HoverCardContent=o,exports.HoverCardTrigger=a;
-//# sourceMappingURL=hover-card.cjs.map
+"use client";const e=require(`../hover-card-Pde4G6Fc.cjs`);exports.HoverCard=e.t,exports.HoverCardContent=e.n,exports.HoverCardTrigger=e.r;

package/dist/ui/hover-card.d.cts

@@ -1,37 +1,2 @@
-import * as react289 from "react";
-import { HoverCard as HoverCard$1 } from "radix-ui";
-
-//#region packages/components/ui/hover-card.d.ts
-
-/**
- * Root provider for the HoverCard — shows a floating card when the trigger is hovered.
- *
- * @example
- * ```tsx
- * import { HoverCard, HoverCardTrigger, HoverCardContent } from '@customafk/lunas-ui/ui/hover-card';
- *
- * <HoverCard>
- *   <HoverCardTrigger>@username</HoverCardTrigger>
- *   <HoverCardContent>
- *     <p>Profile details here</p>
- *   </HoverCardContent>
- * </HoverCard>
- * ```
- */
-declare function HoverCard({
-  ...props
-}: React.ComponentProps<typeof HoverCard$1.Root>): react289.JSX.Element;
-/** The element that triggers the HoverCard on pointer enter. */
-declare function HoverCardTrigger({
-  ...props
-}: React.ComponentProps<typeof HoverCard$1.Trigger>): react289.JSX.Element;
-/** The floating card panel displayed when the trigger is hovered. */
-declare function HoverCardContent({
-  className,
-  align,
-  sideOffset,
-  ...props
-}: React.ComponentProps<typeof HoverCard$1.Content>): react289.JSX.Element;
-//#endregion
-export { HoverCard, HoverCardContent, HoverCardTrigger };
-//# sourceMappingURL=hover-card.d.cts.map
+import { n as HoverCardContent, r as HoverCardTrigger, t as HoverCard } from "../hover-card-D2gz257Y.cjs";
+export { HoverCard, HoverCardContent, HoverCardTrigger };

package/dist/ui/hover-card.d.mts

@@ -0,0 +1,2 @@
+import { n as HoverCardContent, r as HoverCardTrigger, t as HoverCard } from "../hover-card-Dsf0S6eo.mjs";
+export { HoverCard, HoverCardContent, HoverCardTrigger };

package/dist/ui/hover-card.mjs

@@ -0,0 +1 @@
+"use client";import{n as e,r as t,t as n}from"../hover-card-DMVePTD9.mjs";export{n as HoverCard,e as HoverCardContent,t as HoverCardTrigger};

package/dist/ui/image.cjs

@@ -1 +1 @@
-require(`../skeleton-CX1USu1w.cjs`);const e=require(`../image-W_Yb0xTB.cjs`);exports.Image=e.t;
+require(`../skeleton-BuscPZgb.cjs`);const e=require(`../image-eYMg5TSJ.cjs`);exports.Image=e.t;

package/dist/ui/image.d.cts

@@ -1,36 +1,2 @@
-//#region packages/components/ui/image.d.ts
-/** Props for the Image component. */
-type Props = {
-  /** URL of the image to display. */
-  src?: string;
-  /** Accessible alt text for the image. */
-  alt?: string;
-  /** Width of the image container (number treated as pixels). */
-  width?: number | string;
-  /** Height of the image container (number treated as pixels). */
-  height?: number | string;
-  /** Maximum number of retry attempts on load failure before showing an error state. @default 3 */
-  maxRetries?: number;
-  /** Base delay in milliseconds between retry attempts (multiplied by the attempt count). @default 500 */
-  retryDelay?: number;
-  /** Class name applied to the outer container div. */
-  className?: string;
-  /** Class name applied to the `<img>` element. */
-  imageClassName?: string;
-  /** Click handler for the image container. */
-  onClick?: () => void;
-};
-/**
- * A lazy-loading image with an automatic retry mechanism, a blurred background placeholder, a skeleton loader, and an error fallback.
- *
- * @example
- * ```tsx
- * import { Image } from '@customafk/lunas-ui/ui/image';
- *
- * <Image src="/hero.jpg" alt="Hero" width={400} height={300} maxRetries={3} />
- * ```
- */
-declare const Image: React.FC<Props>;
-//#endregion
-export { Image };
-//# sourceMappingURL=image.d.cts.map
+import { t as Image } from "../image-BBPrcvIr.cjs";
+export { Image };

package/dist/ui/image.d.mts

@@ -0,0 +1,2 @@
+import { t as Image } from "../image-CwnOaUW7.mjs";
+export { Image };

package/dist/ui/image.mjs

@@ -0,0 +1 @@
+import"../skeleton-teVJKfpX.mjs";import{t as e}from"../image-CbZwvmmL.mjs";export{e as Image};

package/dist/ui/input-otp.cjs

@@ -1,2 +1 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`lucide-react`),n=require(`react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`),a=require(`input-otp`);function o({className:e,containerClassName:t,...n}){return(0,i.jsx)(a.OTPInput,{"data-slot":`input-otp`,containerClassName:(0,r.cn)(`flex items-center gap-2 has-disabled:opacity-50`,t),className:(0,r.cn)(`disabled:cursor-not-allowed`,e),...n})}function s({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`input-otp-group`,className:(0,r.cn)(`flex items-center`,e),...t})}function c({index:e,className:t,...o}){let{char:s,hasFakeCaret:c,isActive:l}=(0,n.use)(a.OTPInputContext)?.slots[e]??{};return(0,i.jsxs)(`div`,{"data-slot":`input-otp-slot`,"data-active":l,className:(0,r.cn)(`data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]`,t),...o,children:[s,c&&(0,i.jsx)(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:(0,i.jsx)(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function l({...e}){return(0,i.jsx)(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...e,children:(0,i.jsx)(t.MinusIcon,{})})}exports.InputOTP=o,exports.InputOTPGroup=s,exports.InputOTPSeparator=l,exports.InputOTPSlot=c;
-//# sourceMappingURL=input-otp.cjs.map
+"use client";const e=require(`../input-otp-phGylVzo.cjs`);exports.InputOTP=e.t,exports.InputOTPGroup=e.n,exports.InputOTPSeparator=e.r,exports.InputOTPSlot=e.i;

package/dist/ui/input-otp.d.cts

@@ -1,59 +1,2 @@
-import * as react285 from "react";
-import { OTPInput } from "input-otp";
-
-//#region packages/components/ui/input-otp.d.ts
-
-/**
- * One-time password (OTP) input composed of individual character slots.
- *
- * @example
- * ```tsx
- * import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from '@customafk/lunas-ui/ui/input-otp';
- *
- * <InputOTP maxLength={6}>
- *   <InputOTPGroup>
- *     <InputOTPSlot index={0} />
- *     <InputOTPSlot index={1} />
- *     <InputOTPSlot index={2} />
- *   </InputOTPGroup>
- *   <InputOTPSeparator />
- *   <InputOTPGroup>
- *     <InputOTPSlot index={3} />
- *     <InputOTPSlot index={4} />
- *     <InputOTPSlot index={5} />
- *   </InputOTPGroup>
- * </InputOTP>
- * ```
- */
-declare function InputOTP({
-  className,
-  containerClassName,
-  ...props
-}: React.ComponentProps<typeof OTPInput> & {
-  /** Class name applied to the outer container div. */
-  containerClassName?: string;
-}): react285.JSX.Element;
-/** Flex container that groups a sequence of InputOTPSlot elements. */
-declare function InputOTPGroup({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react285.JSX.Element;
-/**
- * A single character slot in an InputOTP — displays the typed character and a blinking caret when focused.
- *
- * @param index - Zero-based position of this slot within the OTP sequence.
- */
-declare function InputOTPSlot({
-  index,
-  className,
-  ...props
-}: React.ComponentProps<'div'> & {
-  index: number;
-}): react285.JSX.Element;
-/** Visual separator (dash) placed between InputOTPGroup elements. */
-declare function InputOTPSeparator({
-  ...props
-}: React.ComponentProps<'div'>): react285.JSX.Element;
-//#endregion
-export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
-//# sourceMappingURL=input-otp.d.cts.map
+import { i as InputOTPSlot, n as InputOTPGroup, r as InputOTPSeparator, t as InputOTP } from "../input-otp-CMEY_7IK.cjs";
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/ui/input-otp.d.mts

@@ -0,0 +1,2 @@
+import { i as InputOTPSlot, n as InputOTPGroup, r as InputOTPSeparator, t as InputOTP } from "../input-otp-DXt9rivn.mjs";
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/ui/input-otp.mjs

@@ -0,0 +1 @@
+"use client";import{i as e,n as t,r as n,t as r}from"../input-otp-C9SpN7qa.mjs";export{r as InputOTP,t as InputOTPGroup,n as InputOTPSeparator,e as InputOTPSlot};

package/dist/ui/input.cjs

@@ -1 +1 @@
-"use client";const e=require(`../input-WJ0DLHTR.cjs`);exports.Input=e.t,exports.inputVariants=e.n;
+"use client";const e=require(`../input-BatF2xqI.cjs`);exports.Input=e.t,exports.inputVariants=e.n;

package/dist/ui/input.d.cts

@@ -1,2 +1,2 @@
-import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-BrlqspMT.cjs";
+import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-BDCw9qBl.cjs";
 export { Input, InputVariantProps, inputVariants };

package/dist/ui/input.d.mts

@@ -0,0 +1,2 @@
+import { n as InputVariantProps, r as inputVariants, t as Input } from "../input-BVTLQHpd.mjs";
+export { Input, InputVariantProps, inputVariants };

package/dist/ui/input.mjs

@@ -0,0 +1 @@
+"use client";import{n as e,t}from"../input-CFsouxvo.mjs";export{t as Input,e as inputVariants};

package/dist/ui/inputs/search-input.cjs

@@ -1,2 +1 @@
-const e=require(`../../chunk-350yNsax.cjs`),t=require(`../../input-WJ0DLHTR.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({className:e,...a})=>(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(t.t,{...a,type:`search`,className:(0,r.cn)(`ps-9 pe-9`,e)}),(0,i.jsx)(`div`,{className:`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:(0,i.jsx)(n.SearchIcon,{size:16})}),(0,i.jsx)(`button`,{className:`absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:(0,i.jsx)(n.ArrowRightIcon,{size:16,"aria-hidden":`true`})})]});exports.SearchInput=a;
-//# sourceMappingURL=search-input.cjs.map
+require(`../../input-BatF2xqI.cjs`);const e=require(`../../search-input-BCYwlwtk.cjs`);exports.SearchInput=e.t;

package/dist/ui/inputs/search-input.d.cts

@@ -1,29 +1,2 @@
-import { t as Input } from "../../input-BrlqspMT.cjs";
-import * as react89 from "react";
-
-//#region packages/components/ui/inputs/search-input.d.ts
-
-/**
- * Props for {@link SearchInput}. Accepts all native props of the underlying
- * `Input` component (itself a thin wrapper around `<input>`), including
- * `value`, `defaultValue`, `onChange`, `placeholder`, `disabled`, etc.
- * The `type` prop is fixed to `"search"` and cannot be overridden.
- */
-type Props = React.ComponentPropsWithoutRef<typeof Input>;
-/**
- * A search input field with a leading search icon and a trailing arrow submit button, intended for use inside an HTML `<form>` element.
- *
- * @example
- * import { SearchInput } from '@customafk/lunas-ui/ui/inputs/search-input';
- *
- * <form onSubmit={handleSearch}>
- *   <SearchInput placeholder="Search…" value={query} onChange={(e) => setQuery(e.target.value)} />
- * </form>
- */
-declare const SearchInput: ({
-  className,
-  ...rest
-}: Props) => react89.JSX.Element;
-//#endregion
-export { SearchInput };
-//# sourceMappingURL=search-input.d.cts.map
+import { t as SearchInput } from "../../search-input-DVtHPbme.cjs";
+export { SearchInput };

package/dist/ui/inputs/search-input.d.mts

@@ -0,0 +1,3 @@
+import "../../input-BVTLQHpd.mjs";
+import { t as SearchInput } from "../../search-input-7m30vApQ.mjs";
+export { SearchInput };

package/dist/ui/inputs/search-input.mjs

@@ -0,0 +1 @@
+import"../../input-CFsouxvo.mjs";import{t as e}from"../../search-input-D_nJ8McN.mjs";export{e as SearchInput};

package/dist/ui/item.cjs

@@ -1,2 +1 @@
-const e=require(`../chunk-350yNsax.cjs`),t=require(`../dist-Cx5ufCdr.cjs`),n=require(`../separator-KuymG9g0.cjs`);let r=require(`@customafk/react-toolkit/utils`),i=require(`class-variance-authority`),a=require(`react/jsx-runtime`);function o({className:e,...t}){return(0,a.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:(0,r.cn)(`group/item-group flex flex-col`,e),...t})}function s({className:e,...t}){return(0,a.jsx)(n.t,{"data-slot":`item-separator`,orientation:`horizontal`,className:(0,r.cn)(`my-0`,e),...t})}const c=(0,i.cva)(`group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-primary-strong focus-visible:ring-primary-weak focus-visible:ring-[3px]`,{variants:{variant:{default:`bg-transparent`,outline:`border-border`,muted:`bg-muted-weak`},size:{default:`p-4 gap-4 `,sm:`py-3 px-4 gap-2.5`}},defaultVariants:{variant:`default`,size:`default`}});function l({className:e,variant:n=`default`,size:i=`default`,asChild:o=!1,...s}){return(0,a.jsx)(o?t.t:`div`,{"data-slot":`item`,"data-variant":n,"data-size":i,className:(0,r.cn)(c({variant:n,size:i,className:e})),...s})}const u=(0,i.cva)(`flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5`,{variants:{variant:{default:`bg-transparent`,icon:`size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4`,image:`size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function d({className:e,variant:t=`default`,...n}){return(0,a.jsx)(`div`,{"data-slot":`item-media`,"data-variant":t,className:(0,r.cn)(u({variant:t,className:e})),...n})}function f({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-content`,className:(0,r.cn)(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...t})}function p({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-title`,className:(0,r.cn)(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...t})}function m({className:e,...t}){return(0,a.jsx)(`p`,{"data-slot":`item-description`,className:(0,r.cn)(`text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t})}function h({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-actions`,className:(0,r.cn)(`flex items-center gap-2`,e),...t})}function g({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-header`,className:(0,r.cn)(`flex basis-full items-center justify-between gap-2`,e),...t})}function _({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`item-footer`,className:(0,r.cn)(`flex basis-full items-center justify-between gap-2`,e),...t})}exports.Item=l,exports.ItemActions=h,exports.ItemContent=f,exports.ItemDescription=m,exports.ItemFooter=_,exports.ItemGroup=o,exports.ItemHeader=g,exports.ItemMedia=d,exports.ItemSeparator=s,exports.ItemTitle=p;
-//# sourceMappingURL=item.cjs.map
+require(`../separator-BRoS5sU8.cjs`);const e=require(`../item-uB0ZFXtc.cjs`);exports.Item=e.t,exports.ItemActions=e.n,exports.ItemContent=e.r,exports.ItemDescription=e.i,exports.ItemFooter=e.a,exports.ItemGroup=e.o,exports.ItemHeader=e.s,exports.ItemMedia=e.c,exports.ItemSeparator=e.l,exports.ItemTitle=e.u;

package/dist/ui/item.d.cts

@@ -1,102 +1,2 @@
-import { Separator } from "./separator.cjs";
-import * as react255 from "react";
-import * as class_variance_authority_types9 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
-
-//#region packages/components/ui/item.d.ts
-
-/**
- * A list-row layout primitive for rendering structured content rows with optional media, title, description, and action areas.
- *
- * @example
- * ```tsx
- * import { Item, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, ItemGroup } from '@customafk/lunas-ui/ui/item';
- * import { User } from 'lucide-react';
- *
- * <ItemGroup>
- *   <Item variant="outline">
- *     <ItemMedia variant="icon"><User /></ItemMedia>
- *     <ItemContent>
- *       <ItemTitle>Alice</ItemTitle>
- *       <ItemDescription>alice@example.com</ItemDescription>
- *     </ItemContent>
- *     <ItemActions><button>Edit</button></ItemActions>
- *   </Item>
- * </ItemGroup>
- * ```
- */
-declare function ItemGroup({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react255.JSX.Element;
-/** Horizontal separator rendered between items in an ItemGroup. */
-declare function ItemSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Separator>): react255.JSX.Element;
-declare const itemVariants: (props?: ({
-  variant?: "muted" | "outline" | "default" | null | undefined;
-  size?: "sm" | "default" | null | undefined;
-} & class_variance_authority_types9.ClassProp) | undefined) => string;
-/**
- * The primary row container inside an ItemGroup.
- *
- * @param variant - Visual style: `'default'`, `'outline'`, or `'muted'`.
- * @param size - Spacing size: `'default'` or `'sm'`.
- * @param asChild - When true, renders as the child element via Radix Slot.
- */
-declare function Item({
-  className,
-  variant,
-  size,
-  asChild,
-  ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
-  asChild?: boolean;
-}): react255.JSX.Element;
-declare const itemMediaVariants: (props?: ({
-  variant?: "image" | "default" | "icon" | null | undefined;
-} & class_variance_authority_types9.ClassProp) | undefined) => string;
-/**
- * Left-aligned slot for an avatar, icon, or image within an Item.
- *
- * @param variant - `'default'` for a transparent wrapper, `'icon'` for a small bordered square, or `'image'` for a rounded thumbnail.
- */
-declare function ItemMedia({
-  className,
-  variant,
-  ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react255.JSX.Element;
-/** Flex-1 column that holds the ItemTitle and ItemDescription. */
-declare function ItemContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react255.JSX.Element;
-/** Primary label text rendered in medium weight inside an ItemContent. */
-declare function ItemTitle({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react255.JSX.Element;
-/** Secondary, muted body text clamped to two lines inside an ItemContent. */
-declare function ItemDescription({
-  className,
-  ...props
-}: React.ComponentProps<'p'>): react255.JSX.Element;
-/** Right-aligned slot for buttons or other interactive controls within an Item. */
-declare function ItemActions({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react255.JSX.Element;
-/** Full-width row at the top of an Item for header-level labels or metadata. */
-declare function ItemHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react255.JSX.Element;
-/** Full-width row at the bottom of an Item for footer-level content or secondary actions. */
-declare function ItemFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react255.JSX.Element;
-//#endregion
-export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
-//# sourceMappingURL=item.d.cts.map
+import { a as ItemFooter, c as ItemMedia, i as ItemDescription, l as ItemSeparator, n as ItemActions, o as ItemGroup, r as ItemContent, s as ItemHeader, t as Item, u as ItemTitle } from "../item-DSaO7I07.cjs";
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/dist/ui/item.d.mts

@@ -0,0 +1,3 @@
+import "../separator-BT4tDBSP.mjs";
+import { a as ItemFooter, c as ItemMedia, i as ItemDescription, l as ItemSeparator, n as ItemActions, o as ItemGroup, r as ItemContent, s as ItemHeader, t as Item, u as ItemTitle } from "../item-Dq3WIh5a.mjs";
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/dist/ui/item.mjs

@@ -0,0 +1 @@
+import"../separator-BjRgoiEx.mjs";import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"../item-ysEJO_2s.mjs";export{c as Item,i as ItemActions,o as ItemContent,n as ItemDescription,e as ItemFooter,a as ItemGroup,s as ItemHeader,t as ItemMedia,r as ItemSeparator,l as ItemTitle};

package/dist/ui/label.cjs

@@ -1 +1 @@
-"use client";const e=require(`../label-CC6fXVbC.cjs`);exports.Label=e.t;
+"use client";const e=require(`../label--hinNDHW.cjs`);exports.Label=e.t;

package/dist/ui/label.d.cts

@@ -1,24 +1,2 @@
-import * as react253 from "react";
-import { Label as Label$1 } from "radix-ui";
-
-//#region packages/components/ui/label.d.ts
-
-/**
- * Accessible form label built on Radix UI's `Label.Root`, with styles for disabled and peer-disabled states.
- *
- * @example
- * ```tsx
- * import { Label } from '@customafk/lunas-ui/ui/label';
- * import { Input } from '@customafk/lunas-ui/ui/input';
- *
- * <Label htmlFor="email">Email address</Label>
- * <Input id="email" type="email" placeholder="you@example.com" />
- * ```
- */
-declare function Label({
-  className,
-  ...props
-}: React.ComponentProps<typeof Label$1.Root>): react253.JSX.Element;
-//#endregion
-export { Label };
-//# sourceMappingURL=label.d.cts.map
+import { t as Label } from "../label-DGJL4U_f.cjs";
+export { Label };

package/dist/ui/label.d.mts

@@ -0,0 +1,2 @@
+import { t as Label } from "../label-CCE-kS4j.mjs";
+export { Label };

package/dist/ui/label.mjs

@@ -0,0 +1 @@
+"use client";import{t as e}from"../label-BMVyfKu9.mjs";export{e as Label};

package/dist/ui/menubar.cjs

@@ -1,2 +1 @@
-"use client";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.Menubar.Root,{"data-slot":`menubar`,className:(0,n.cn)(`bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs`,e),...t})}function o({...e}){return(0,r.jsx)(i.Menubar.Menu,{"data-slot":`menubar-menu`,...e})}function s({...e}){return(0,r.jsx)(i.Menubar.Group,{"data-slot":`menubar-group`,...e})}function c({...e}){return(0,r.jsx)(i.Menubar.Portal,{"data-slot":`menubar-portal`,...e})}function l({...e}){return(0,r.jsx)(i.Menubar.RadioGroup,{"data-slot":`menubar-radio-group`,...e})}function u({className:e,...t}){return(0,r.jsx)(i.Menubar.Trigger,{"data-slot":`menubar-trigger`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none`,e),...t})}function d({className:e,align:t=`start`,alignOffset:a=-4,sideOffset:o=8,...s}){return(0,r.jsx)(c,{children:(0,r.jsx)(i.Menubar.Content,{"data-slot":`menubar-content`,align:t,alignOffset:a,sideOffset:o,className:(0,n.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md`,e),...s})})}function f({className:e,inset:t,variant:a=`default`,...o}){return(0,r.jsx)(i.Menubar.Item,{"data-slot":`menubar-item`,"data-inset":t,"data-variant":a,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o})}function p({className:e,children:a,checked:o,...s}){return(0,r.jsxs)(i.Menubar.CheckboxItem,{"data-slot":`menubar-checkbox-item`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),checked:o,...s,children:[(0,r.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.Menubar.ItemIndicator,{children:(0,r.jsx)(t.CheckIcon,{className:`size-4`})})}),a]})}function m({className:e,children:a,...o}){return(0,r.jsxs)(i.Menubar.RadioItem,{"data-slot":`menubar-radio-item`,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o,children:[(0,r.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.Menubar.ItemIndicator,{children:(0,r.jsx)(t.CircleIcon,{className:`size-2 fill-current`})})}),a]})}function h({className:e,inset:t,...a}){return(0,r.jsx)(i.Menubar.Label,{"data-slot":`menubar-label`,"data-inset":t,className:(0,n.cn)(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...a})}function g({className:e,...t}){return(0,r.jsx)(i.Menubar.Separator,{"data-slot":`menubar-separator`,className:(0,n.cn)(`bg-border -mx-1 my-1 h-px`,e),...t})}function _({className:e,...t}){return(0,r.jsx)(`span`,{"data-slot":`menubar-shortcut`,className:(0,n.cn)(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...t})}function v({...e}){return(0,r.jsx)(i.Menubar.Sub,{"data-slot":`menubar-sub`,...e})}function y({className:e,inset:a,children:o,...s}){return(0,r.jsxs)(i.Menubar.SubTrigger,{"data-slot":`menubar-sub-trigger`,"data-inset":a,className:(0,n.cn)(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8`,e),...s,children:[o,(0,r.jsx)(t.ChevronRightIcon,{className:`ml-auto h-4 w-4`})]})}function b({className:e,...t}){return(0,r.jsx)(i.Menubar.SubContent,{"data-slot":`menubar-sub-content`,className:(0,n.cn)(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg`,e),...t})}exports.Menubar=a,exports.MenubarCheckboxItem=p,exports.MenubarContent=d,exports.MenubarGroup=s,exports.MenubarItem=f,exports.MenubarLabel=h,exports.MenubarMenu=o,exports.MenubarPortal=c,exports.MenubarRadioGroup=l,exports.MenubarRadioItem=m,exports.MenubarSeparator=g,exports.MenubarShortcut=_,exports.MenubarSub=v,exports.MenubarSubContent=b,exports.MenubarSubTrigger=y,exports.MenubarTrigger=u;
-//# sourceMappingURL=menubar.cjs.map
+"use client";const e=require(`../menubar-Sr0X6In7.cjs`);exports.Menubar=e.t,exports.MenubarCheckboxItem=e.n,exports.MenubarContent=e.r,exports.MenubarGroup=e.i,exports.MenubarItem=e.a,exports.MenubarLabel=e.o,exports.MenubarMenu=e.s,exports.MenubarPortal=e.c,exports.MenubarRadioGroup=e.l,exports.MenubarRadioItem=e.u,exports.MenubarSeparator=e.d,exports.MenubarShortcut=e.f,exports.MenubarSub=e.p,exports.MenubarSubContent=e.m,exports.MenubarSubTrigger=e.h,exports.MenubarTrigger=e.g;

package/dist/ui/menubar.d.cts

@@ -1,135 +1,2 @@
-import * as react156 from "react";
-import { Menubar as Menubar$1 } from "radix-ui";
-
-//#region packages/components/ui/menubar.d.ts
-
-/**
- * A horizontal menu bar similar to a desktop application menu, composed of menus with dropdown content.
- *
- * @example
- * ```tsx
- * import {
- *   Menubar, MenubarMenu, MenubarTrigger, MenubarContent,
- *   MenubarItem, MenubarSeparator,
- * } from '@customafk/lunas-ui/ui/menubar';
- *
- * <Menubar>
- *   <MenubarMenu>
- *     <MenubarTrigger>File</MenubarTrigger>
- *     <MenubarContent>
- *       <MenubarItem>New Window</MenubarItem>
- *       <MenubarSeparator />
- *       <MenubarItem>Exit</MenubarItem>
- *     </MenubarContent>
- *   </MenubarMenu>
- * </Menubar>
- * ```
- */
-declare function Menubar({
-  className,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Root>): react156.JSX.Element;
-/** Root container for a single drop-down menu entry within a Menubar. */
-declare function MenubarMenu({
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Menu>): react156.JSX.Element;
-/** Groups related MenubarItems under a shared logical section. */
-declare function MenubarGroup({
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Group>): react156.JSX.Element;
-/** Portals Menubar content outside the current DOM hierarchy. */
-declare function MenubarPortal({
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Portal>): react156.JSX.Element;
-/** Groups MenubarRadioItems so only one can be selected at a time. */
-declare function MenubarRadioGroup({
-  ...props
-}: React.ComponentProps<typeof Menubar$1.RadioGroup>): react156.JSX.Element;
-/** Button in the Menubar that opens its associated MenubarContent dropdown. */
-declare function MenubarTrigger({
-  className,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Trigger>): react156.JSX.Element;
-/** Animated floating panel that contains MenubarItems for a given MenubarMenu. */
-declare function MenubarContent({
-  className,
-  align,
-  alignOffset,
-  sideOffset,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Content>): react156.JSX.Element;
-/**
- * A single clickable row inside a MenubarContent.
- *
- * @param inset - When true, adds left padding to align with items that have icons.
- * @param variant - Visual style: `'default'` or `'destructive'`.
- */
-declare function MenubarItem({
-  className,
-  inset,
-  variant,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Item> & {
-  inset?: boolean;
-  variant?: 'default' | 'destructive';
-}): react156.JSX.Element;
-/** A checkable menubar item that displays a checkmark when selected. */
-declare function MenubarCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): react156.JSX.Element;
-/** A radio-button menubar item; shows a filled circle when selected. */
-declare function MenubarRadioItem({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.RadioItem>): react156.JSX.Element;
-/**
- * Non-interactive label used to describe a group of menubar items.
- *
- * @param inset - When true, adds left padding to align with inset items.
- */
-declare function MenubarLabel({
-  className,
-  inset,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Label> & {
-  inset?: boolean;
-}): react156.JSX.Element;
-/** Horizontal dividing line between groups of menubar items. */
-declare function MenubarSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Separator>): react156.JSX.Element;
-/** Displays a keyboard shortcut hint aligned to the right of a menubar item. */
-declare function MenubarShortcut({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): react156.JSX.Element;
-/** Root container for a nested sub-menu inside a Menubar dropdown. */
-declare function MenubarSub({
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Sub>): react156.JSX.Element;
-/**
- * Menu item that reveals a nested MenubarSubContent on hover or activation.
- *
- * @param inset - When true, adds left padding to align with inset items.
- */
-declare function MenubarSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.SubTrigger> & {
-  inset?: boolean;
-}): react156.JSX.Element;
-/** Floating panel that contains the items of a nested Menubar sub-menu. */
-declare function MenubarSubContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.SubContent>): react156.JSX.Element;
-//#endregion
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
-//# sourceMappingURL=menubar.d.cts.map
+import { a as MenubarItem, c as MenubarPortal, d as MenubarSeparator, f as MenubarShortcut, g as MenubarTrigger, h as MenubarSubTrigger, i as MenubarGroup, l as MenubarRadioGroup, m as MenubarSubContent, n as MenubarCheckboxItem, o as MenubarLabel, p as MenubarSub, r as MenubarContent, s as MenubarMenu, t as Menubar, u as MenubarRadioItem } from "../menubar-BBFgdkch.cjs";
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };

package/dist/ui/menubar.d.mts

@@ -0,0 +1,2 @@
+import { a as MenubarItem, c as MenubarPortal, d as MenubarSeparator, f as MenubarShortcut, g as MenubarTrigger, h as MenubarSubTrigger, i as MenubarGroup, l as MenubarRadioGroup, m as MenubarSubContent, n as MenubarCheckboxItem, o as MenubarLabel, p as MenubarSub, r as MenubarContent, s as MenubarMenu, t as Menubar, u as MenubarRadioItem } from "../menubar-b3iR0kew.mjs";
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };

package/dist/ui/menubar.mjs

@@ -0,0 +1 @@
+"use client";import{a as e,c as t,d as n,f as r,g as i,h as a,i as o,l as s,m as c,n as l,o as u,p as d,r as f,s as p,t as m,u as h}from"../menubar-Bh9Ua6gx.mjs";export{m as Menubar,l as MenubarCheckboxItem,f as MenubarContent,o as MenubarGroup,e as MenubarItem,u as MenubarLabel,p as MenubarMenu,t as MenubarPortal,s as MenubarRadioGroup,h as MenubarRadioItem,n as MenubarSeparator,r as MenubarShortcut,d as MenubarSub,c as MenubarSubContent,a as MenubarSubTrigger,i as MenubarTrigger};

package/dist/ui/multi-select.cjs

@@ -1,2 +1 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`);require(`../button.variants-4kw6plrv.cjs`);const t=require(`../button-C--DAN1D.cjs`);require(`../heading-tGTqk3pA.cjs`),require(`../paragraph-DvTZvbzw.cjs`),require(`../close-Dlo1bI8x.cjs`),require(`../dialog-BigPrWIj.cjs`);const n=require(`../command-CsP8a1Un.cjs`);let r=require(`lucide-react`),i=require(`react`),a=require(`@customafk/react-toolkit/utils`),o=require(`react/jsx-runtime`),s=require(`cmdk`);function c(e,t){let[n,r]=(0,i.useState)(e);return(0,i.useEffect)(()=>{let n=setTimeout(()=>r(e),t||500);return()=>{clearTimeout(n)}},[e,t]),n}function l(e,t){if(e.length===0)return{};if(!t)return{"":e};let n={};return e.forEach(e=>{let r=e[t]||``;n[r]||(n[r]=[]),n[r].push(e)}),n}function u(e,t){let n=JSON.parse(JSON.stringify(e));for(let[e,r]of Object.entries(n))n[e]=r.filter(e=>!t.find(t=>t.value===e.value));return n}function d(e,t){for(let[,n]of Object.entries(e))if(n.some(e=>t.find(t=>t.value===e.value)))return!0;return!1}const f=(0,i.forwardRef)(({className:e,...t},n)=>(0,s.useCommandState)(e=>e.filtered.count===0)?(0,o.jsx)(`div`,{ref:n,className:(0,a.cn)(`px-2 py-4 text-center text-sm`,e),"cmdk-empty":``,role:`presentation`,...t}):null);f.displayName=`CommandEmpty`;const p=(0,i.forwardRef)(({value:e,onChange:p,placeholder:m,defaultOptions:h=[],options:g,delay:_,onSearch:v,onSearchSync:y,loadingIndicator:b,emptyIndicator:x,maxSelected:S=2**53-1,onMaxSelected:C,hidePlaceholderWhenSelected:w,disabled:T,groupBy:E,className:D,badgeClassName:O,selectFirstItem:k=!0,creatable:A=!1,triggerSearchOnFocus:j=!1,commandProps:M,inputProps:N,hideClearAllButton:P=!1,onAddNewItem:F},I)=>{let L=(0,i.useRef)(null),R=(0,i.useRef)(null),[z,B]=(0,i.useState)(!1),[V,H]=(0,i.useState)(!1),[U,W]=(0,i.useState)(!1),[G,K]=(0,i.useState)(e||[]),[q,J]=(0,i.useState)(l(h,E)),[Y,X]=(0,i.useState)(``),Z=c(Y,_||500);(0,i.useImperativeHandle)(I,()=>({selectedValue:[...G],input:L.current,focus:()=>L?.current?.focus(),reset:()=>K([])}),[G]);let Q=(0,i.useCallback)(e=>{R.current&&!R.current.contains(e.target)&&L.current&&!L.current.contains(e.target)&&(B(!1),L.current.blur())},[]),$=(0,i.useCallback)(e=>{let t=G.filter(t=>t.value!==e.value);K(t),p?.(t)},[p,G]),ee=(0,i.useCallback)(e=>{let t=L.current;t&&((e.key===`Delete`||e.key===`Backspace`)&&t.value===``&&G.length>0&&(G[G.length-1].fixed||$(G[G.length-1])),e.key===`Escape`&&t.blur())},[$,G]);(0,i.useEffect)(()=>(z?(document.addEventListener(`mousedown`,Q),document.addEventListener(`touchend`,Q)):(document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)),()=>{document.removeEventListener(`mousedown`,Q),document.removeEventListener(`touchend`,Q)}),[z]),(0,i.useEffect)(()=>{e&&K(e)},[e]),(0,i.useEffect)(()=>{if(!g||v)return;let e=l(g||[],E);JSON.stringify(e)!==JSON.stringify(q)&&J(e)},[h,g,E,v,q]),(0,i.useEffect)(()=>{let e=()=>{let e=y?.(Z);J(l(e||[],E))};(async()=>{!y||!z||(j&&e(),Z&&e())})()},[Z,E,z,j]),(0,i.useEffect)(()=>{let e=async()=>{W(!0),J(l(await v?.(Z)||[],E)),W(!1)};(async()=>{!v||!z||(j&&await e(),Z&&await e())})()},[Z,E,z,j]);let te=()=>{if(!A||d(q,[{value:Y,label:Y}])||G.find(e=>e.value===Y))return;let e=(0,o.jsx)(n.o,{value:Y,className:`cursor-pointer`,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:e=>{if(G.length>=S){C?.(G.length);return}X(``);let t=[...G,{value:e,label:e}];K(t),p?.(t)},children:`Create "${Y}"`});if(!v&&Y.length>0||v&&Z.length>0&&!U)return e},ne=(0,i.useCallback)(()=>{if(x)return v&&!A&&Object.keys(q).length===0?(0,o.jsx)(n.o,{value:`-`,disabled:!0,children:x}):(0,o.jsx)(f,{children:x})},[A,x,v,q]),re=(0,i.useMemo)(()=>u(q,G),[q,G]),ie=(0,i.useCallback)(()=>{if(M?.filter)return M.filter;if(A)return(e,t)=>e.toLowerCase().includes(t.toLowerCase())?1:-1},[A,M?.filter]);return(0,o.jsxs)(n.t,{ref:R,...M,onKeyDown:e=>{ee(e),M?.onKeyDown?.(e)},className:(0,a.cn)(`h-auto overflow-visible bg-transparent`,M?.className),shouldFilter:M?.shouldFilter===void 0?!v:M.shouldFilter,filter:ie(),children:[(0,o.jsx)(`div`,{className:(0,a.cn)(`border-border-weak relative rounded-md border text-sm transition-shadow`,`focus-within:border-primary`,`focus-within:ring-primary-weak`,`focus-within:ring-4`,`focus-within:outline-hidden`,`has-disabled:bg-muted`,`has-disabled:text-muted-foreground`,G.length!==0&&`p-1`,!T&&G.length!==0&&`cursor-text`,!P&&`pe-9`,D),onClick:()=>{T||L?.current?.focus()},children:(0,o.jsxs)(`div`,{className:`flex flex-wrap gap-1`,children:[G.map(e=>(0,o.jsxs)(`div`,{className:(0,a.cn)(`animate-fadeIn`,`bg-background`,`hover:bg-background`,`border-border-weak border border-solid`,`text-text-positive-weak relative inline-flex h-7 cursor-default items-center rounded-md ps-2 pe-7 pl-2 text-xs font-medium transition-all`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`data-fixed:pe-2`,O),"data-fixed":e.fixed,"data-disabled":T||void 0,children:[e.label,(0,o.jsx)(`button`,{type:`button`,disabled:T||e.fixed,className:(0,a.cn)(`text-text-positive-muted absolute -inset-y-px -end-px flex size-7 items-center justify-center rounded-e-lg border border-transparent p-0 outline-0 transition-colors`,`hover:text-foreground`,`focus-visible:outline`,`focus-visible:outline-2`,`focus-visible:outline-primary-weak`,`disabled:hover:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50`),onKeyDown:t=>{t.key===`Enter`&&$(e)},onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:()=>$(e),"aria-label":`Remove`,children:(0,o.jsx)(r.X,{size:14,strokeWidth:2,"aria-hidden":`true`})})]},e.value)),(0,o.jsx)(s.Command.Input,{...N,ref:L,value:Y,disabled:T,onValueChange:e=>{X(e),N?.onValueChange?.(e)},onBlur:e=>{V||B(!1),N?.onBlur?.(e)},onFocus:e=>{B(!0),j&&v?.(Z),N?.onFocus?.(e)},placeholder:w&&G.length!==0?``:m,className:(0,a.cn)(`placeholder:text-text-positive-muted flex-1 bg-transparent outline-hidden`,`disabled:placeholder:text-transparent`,{"w-full":w,"px-3 py-2":G.length===0,"ml-1":G.length!==0},N?.className)}),(0,o.jsx)(`button`,{type:`button`,onClick:()=>{K(G.filter(e=>e.fixed)),p?.(G.filter(e=>e.fixed))},className:(0,a.cn)(`text-muted-foreground/80`,`absolute end-0 top-0 flex size-9 items-center justify-center rounded-lg border border-transparent transition-colors`,`focus-visible:outline-2`,`hover:text-text-positive`,`focus-visible:outline-primary-weak`,(P||T||G.length<1||G.filter(({fixed:e})=>e).length===G.length)&&`hidden`),"aria-label":`Clear all`,children:(0,o.jsx)(r.X,{size:16,strokeWidth:2,"aria-hidden":`true`})})]})}),(0,o.jsx)(`div`,{className:`relative`,children:(0,o.jsx)(`div`,{className:(0,a.cn)(`shadow-dropdown absolute top-2 z-10 w-full overflow-hidden rounded-lg`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95`,`data-[state=open]:zoom-in-95`,!z&&`hidden`),"data-state":z?`open`:`closed`,children:z&&(0,o.jsxs)(n.s,{className:`shadow-lg outline-hidden`,onMouseLeave:()=>{H(!1)},onMouseEnter:()=>{H(!0)},onMouseUp:()=>{L?.current?.focus()},children:[F&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.c,{}),(0,o.jsx)(n.i,{children:(0,o.jsxs)(t.t,{type:`button`,variant:`ghost`,className:`w-full font-normal [&_div]:justify-start`,onClick:F,children:[(0,o.jsx)(r.PlusIcon,{size:14,className:`opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]}),U?b:(0,o.jsxs)(o.Fragment,{children:[ne(),te(),!k&&(0,o.jsx)(n.o,{value:`-`,className:`hidden`}),Object.entries(re).map(([e,t])=>(0,o.jsx)(n.i,{heading:e,className:`h-full overflow-auto`,children:t.map(e=>(0,o.jsx)(n.o,{value:e.value,disabled:e.disable,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onSelect:()=>{if(G.length>=S){C?.(G.length);return}let t=[...G,e];X(``),K(t),p?.(t)},className:(0,a.cn)(`cursor-pointer`,e.disable&&`cursor-not-allowed opacity-50`),children:e.label},e.value))},e))]})]})})})]})});p.displayName=`MultipleSelector`,exports.MultipleSelector=p,exports.useDebounce=c;
-//# sourceMappingURL=multi-select.cjs.map
+"use client";require(`../button.variants-4kw6plrv.cjs`),require(`../button-C--DAN1D.cjs`),require(`../heading-tGTqk3pA.cjs`),require(`../paragraph-DvTZvbzw.cjs`),require(`../close-DYBVx-8O.cjs`),require(`../dialog-DNEUhYSv.cjs`),require(`../command-BQFbzzTr.cjs`);const e=require(`../multi-select-uHi4rmly.cjs`);exports.MultipleSelector=e.t,exports.useDebounce=e.n;