@customafk/lunas-ui 0.2.52 → 0.2.54

package/dist/ui/input-otp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.mjs","names":[],"sources":["../../packages/components/ui/input-otp.tsx"],"sourcesContent":["'use client';\nimport { use } from 'react';\n\nimport { MinusIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { OTPInput, OTPInputContext } from 'input-otp';\n\n/**\n * One-time password (OTP) input composed of individual character slots.\n *\n * @example\n * ```tsx\n * import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from '@customafk/lunas-ui/ui/input-otp';\n *\n * <InputOTP maxLength={6}>\n *   <InputOTPGroup>\n *     <InputOTPSlot index={0} />\n *     <InputOTPSlot index={1} />\n *     <InputOTPSlot index={2} />\n *   </InputOTPGroup>\n *   <InputOTPSeparator />\n *   <InputOTPGroup>\n *     <InputOTPSlot index={3} />\n *     <InputOTPSlot index={4} />\n *     <InputOTPSlot index={5} />\n *   </InputOTPGroup>\n * </InputOTP>\n * ```\n */\nfunction InputOTP({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<typeof OTPInput> & {\n  /** Class name applied to the outer container div. */\n  containerClassName?: string;\n}) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={cn('flex items-center gap-2 has-disabled:opacity-50', containerClassName)}\n      className={cn('disabled:cursor-not-allowed', className)}\n      {...props}\n    />\n  );\n}\n\n/** Flex container that groups a sequence of InputOTPSlot elements. */\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"input-otp-group\" className={cn('flex items-center', className)} {...props} />;\n}\n\n/**\n * A single character slot in an InputOTP — displays the typed character and a blinking caret when focused.\n *\n * @param index - Zero-based position of this slot within the OTP sequence.\n */\nfunction InputOTPSlot({\n  index,\n  className,\n  ...props\n}: React.ComponentProps<'div'> & {\n  index: number;\n}) {\n  const inputOTPContext = use(OTPInputContext);\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(\n        '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]',\n        className\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  );\n}\n\n/** Visual separator (dash) placed between InputOTPGroup elements. */\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n      <MinusIcon />\n    </div>\n  );\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n"],"mappings":"kPA+BA,SAAS,EAAS,CAChB,YACA,qBACA,GAAG,GAIF,CACD,OACE,EAAC,EAAD,CACE,YAAU,YACV,mBAAoB,EAAG,kDAAmD,CAAkB,EAC5F,UAAW,EAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OAAO,EAAC,MAAD,CAAK,YAAU,kBAAkB,UAAW,EAAG,oBAAqB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACrG,CAOA,SAAS,EAAa,CACpB,QACA,YACA,GAAG,GAGF,CAED,GAAM,CAAE,OAAM,eAAc,YADJ,EAAI,CAC2B,CAAC,EAAE,MAAM,IAAU,CAAC,EAE3E,OACE,EAAC,MAAD,CACE,YAAU,iBACV,cAAa,EACb,UAAW,EACT,2fACA,CACF,EACA,GAAI,WAPN,CASG,EACA,GACC,EAAC,MAAD,CAAK,UAAU,iFACb,EAAC,MAAD,CAAK,UAAU,0DAA4D,CAAA,CACxE,CAAA,CAEJ,GAET,CAGA,SAAS,EAAkB,CAAE,GAAG,GAAsC,CACpE,OACE,EAAC,MAAD,CAAK,YAAU,sBAAsB,KAAK,YAAY,GAAI,WACxD,EAAC,EAAD,CAAY,CAAA,CACT,CAAA,CAET"}

package/dist/ui/input.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../input-BatF2xqI.cjs`);exports.Input=e.t,exports.inputVariants=e.n;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("class-variance-authority"),n=require("react/jsx-runtime");const r=(0,t.cva)([`w-full rounded font-normal text-text-positive caret-primary transition-all tabular-nums`,`placeholder:text-text-positive-muted`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,`read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak`],{variants:{variant:{outline:[`outline-1 outline-border -outline-offset-1 bg-transparent shadow-input`,`focus-visible:outline-primary-strong`,`focus-visible:ring-4`,`focus-visible:ring-primary-weak`,`aria-invalid:outline-danger`,`aria-invalid:ring-danger-weak`,`aria-invalid:bg-danger-bg-subtle`,`aria-invalid:focus-visible:outline-danger-strong`,`aria-invalid:focus-visible:ring-4`,`aria-invalid:placeholder:text-text-positive-weak`],ghost:``,none:``,soft:``,subtle:``},size:{xs:`px-2 py-1 text-xs leading-4`,sm:`px-2.5 py-1.5 text-xs leading-4`,md:`px-2.5 py-2 text-sm leading-5`,lg:`px-3 py-2 text-sm leading-5`,xl:`px-3 py-2 text-base leading-6`}},defaultVariants:{variant:`outline`,size:`md`}});function i({className:t,variant:i,size:a,onChange:o,onValueChange:s,...c}){let l=(0,e.useCallback)(e=>{o?.(e),s?.(e.target.value)},[o,s]);return(0,n.jsx)(`input`,{"data-slot":`input`,className:r({variant:i,size:a,className:t}),...c,onChange:l})}exports.Input=i,exports.inputVariants=r;
+//# sourceMappingURL=input.cjs.map

package/dist/ui/input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.cjs","names":[],"sources":["../../packages/components/ui/input.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useCallback } from 'react';\n\n/** CVA variant definitions for the `Input` component — controls sizing and visual style. */\nexport const inputVariants = cva(\n  [\n    'w-full rounded font-normal text-text-positive caret-primary transition-all tabular-nums',\n    'placeholder:text-text-positive-muted',\n    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n    'read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak',\n  ],\n  {\n    variants: {\n      variant: {\n        outline: [\n          'outline-1 outline-border -outline-offset-1 bg-transparent shadow-input',\n          'focus-visible:outline-primary-strong',\n          'focus-visible:ring-4',\n          'focus-visible:ring-primary-weak',\n          'aria-invalid:outline-danger',\n          'aria-invalid:ring-danger-weak',\n          'aria-invalid:bg-danger-bg-subtle',\n          'aria-invalid:focus-visible:outline-danger-strong',\n          'aria-invalid:focus-visible:ring-4',\n          'aria-invalid:placeholder:text-text-positive-weak',\n        ],\n        ghost: '',\n        none: '',\n        soft: '',\n        subtle: '',\n      },\n      size: {\n        xs: 'px-2 py-1 text-xs leading-4',\n        sm: 'px-2.5 py-1.5 text-xs leading-4',\n        md: 'px-2.5 py-2 text-sm leading-5',\n        lg: 'px-3 py-2 text-sm leading-5',\n        xl: 'px-3 py-2 text-base leading-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      size: 'md',\n    },\n  }\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n\n/**\n * Styled text input field built on the native `<input>` element with CVA-driven size and variant tokens.\n *\n * @example\n * ```tsx\n * import { Input } from '@customafk/lunas-ui/ui/input';\n *\n * <Input\n *   placeholder=\"Enter your name\"\n *   variant=\"outline\"\n *   size=\"md\"\n *   onValueChange={(value) => console.log(value)}\n * />\n * ```\n */\nfunction Input({\n  className,\n  variant,\n  size,\n  onChange,\n  onValueChange,\n  ...props\n}: Omit<React.ComponentProps<'input'>, 'size'> & {\n  /** Visual style of the input border — `'outline'` (default), `'ghost'`, `'none'`, `'soft'`, or `'subtle'`. */\n  variant?: InputVariantProps['variant'];\n  /** Controls padding and font size — `'xs'` | `'sm'` | `'md'` (default) | `'lg'` | `'xl'`. */\n  size?: InputVariantProps['size'];\n  /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange]\n  );\n  return <input data-slot=\"input\" className={inputVariants({ variant, size, className })} {...props} onChange={handleChange} />;\n}\n\nexport { Input };\n"],"mappings":"4KAMA,MAAa,GAAA,EAAA,EAAA,IAAA,CACX,CACE,0FACA,uCACA,+EACA,sGACF,EACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,CACP,yEACA,uCACA,uBACA,kCACA,8BACA,gCACA,mCACA,mDACA,oCACA,kDACF,EACA,MAAO,GACP,KAAM,GACN,KAAM,GACN,OAAQ,EACV,EACA,KAAM,CACJ,GAAI,8BACJ,GAAI,kCACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,+BACN,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,IACR,CACF,CACF,EAmBA,SAAS,EAAM,CACb,YACA,UACA,OACA,WACA,gBACA,GAAG,GAQF,CACD,IAAM,GAAA,EAAA,EAAA,YAAA,CACH,GAA2C,CAC1C,IAAW,CAAC,EACZ,IAAgB,EAAE,OAAO,KAAK,CAChC,EACA,CAAC,EAAU,CAAa,CAC1B,EACA,OAAO,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,YAAU,QAAQ,UAAW,EAAc,CAAE,UAAS,OAAM,WAAU,CAAC,EAAG,GAAI,EAAO,SAAU,CAAe,CAAA,CAC9H"}

package/dist/ui/input.d.cts

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

package/dist/ui/input.d.mts

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

package/dist/ui/input.mjs

@@ -1 +1,2 @@
-"use client";import{n as e,t}from"../input-CFsouxvo.mjs";export{t as Input,e as inputVariants};
+"use client";import{useCallback as e}from"react";import{cva as t}from"class-variance-authority";import{jsx as n}from"react/jsx-runtime";const r=t([`w-full rounded font-normal text-text-positive caret-primary transition-all tabular-nums`,`placeholder:text-text-positive-muted`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,`read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak`],{variants:{variant:{outline:[`outline-1 outline-border -outline-offset-1 bg-transparent shadow-input`,`focus-visible:outline-primary-strong`,`focus-visible:ring-4`,`focus-visible:ring-primary-weak`,`aria-invalid:outline-danger`,`aria-invalid:ring-danger-weak`,`aria-invalid:bg-danger-bg-subtle`,`aria-invalid:focus-visible:outline-danger-strong`,`aria-invalid:focus-visible:ring-4`,`aria-invalid:placeholder:text-text-positive-weak`],ghost:``,none:``,soft:``,subtle:``},size:{xs:`px-2 py-1 text-xs leading-4`,sm:`px-2.5 py-1.5 text-xs leading-4`,md:`px-2.5 py-2 text-sm leading-5`,lg:`px-3 py-2 text-sm leading-5`,xl:`px-3 py-2 text-base leading-6`}},defaultVariants:{variant:`outline`,size:`md`}});function i({className:t,variant:i,size:a,onChange:o,onValueChange:s,...c}){let l=e(e=>{o?.(e),s?.(e.target.value)},[o,s]);return n(`input`,{"data-slot":`input`,className:r({variant:i,size:a,className:t}),...c,onChange:l})}export{i as Input,r as inputVariants};
+//# sourceMappingURL=input.mjs.map

package/dist/ui/input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.mjs","names":[],"sources":["../../packages/components/ui/input.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useCallback } from 'react';\n\n/** CVA variant definitions for the `Input` component — controls sizing and visual style. */\nexport const inputVariants = cva(\n  [\n    'w-full rounded font-normal text-text-positive caret-primary transition-all tabular-nums',\n    'placeholder:text-text-positive-muted',\n    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n    'read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak',\n  ],\n  {\n    variants: {\n      variant: {\n        outline: [\n          'outline-1 outline-border -outline-offset-1 bg-transparent shadow-input',\n          'focus-visible:outline-primary-strong',\n          'focus-visible:ring-4',\n          'focus-visible:ring-primary-weak',\n          'aria-invalid:outline-danger',\n          'aria-invalid:ring-danger-weak',\n          'aria-invalid:bg-danger-bg-subtle',\n          'aria-invalid:focus-visible:outline-danger-strong',\n          'aria-invalid:focus-visible:ring-4',\n          'aria-invalid:placeholder:text-text-positive-weak',\n        ],\n        ghost: '',\n        none: '',\n        soft: '',\n        subtle: '',\n      },\n      size: {\n        xs: 'px-2 py-1 text-xs leading-4',\n        sm: 'px-2.5 py-1.5 text-xs leading-4',\n        md: 'px-2.5 py-2 text-sm leading-5',\n        lg: 'px-3 py-2 text-sm leading-5',\n        xl: 'px-3 py-2 text-base leading-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      size: 'md',\n    },\n  }\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n\n/**\n * Styled text input field built on the native `<input>` element with CVA-driven size and variant tokens.\n *\n * @example\n * ```tsx\n * import { Input } from '@customafk/lunas-ui/ui/input';\n *\n * <Input\n *   placeholder=\"Enter your name\"\n *   variant=\"outline\"\n *   size=\"md\"\n *   onValueChange={(value) => console.log(value)}\n * />\n * ```\n */\nfunction Input({\n  className,\n  variant,\n  size,\n  onChange,\n  onValueChange,\n  ...props\n}: Omit<React.ComponentProps<'input'>, 'size'> & {\n  /** Visual style of the input border — `'outline'` (default), `'ghost'`, `'none'`, `'soft'`, or `'subtle'`. */\n  variant?: InputVariantProps['variant'];\n  /** Controls padding and font size — `'xs'` | `'sm'` | `'md'` (default) | `'lg'` | `'xl'`. */\n  size?: InputVariantProps['size'];\n  /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange]\n  );\n  return <input data-slot=\"input\" className={inputVariants({ variant, size, className })} {...props} onChange={handleChange} />;\n}\n\nexport { Input };\n"],"mappings":"wIAMA,MAAa,EAAgB,EAC3B,CACE,0FACA,uCACA,+EACA,sGACF,EACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,CACP,yEACA,uCACA,uBACA,kCACA,8BACA,gCACA,mCACA,mDACA,oCACA,kDACF,EACA,MAAO,GACP,KAAM,GACN,KAAM,GACN,OAAQ,EACV,EACA,KAAM,CACJ,GAAI,8BACJ,GAAI,kCACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,+BACN,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,IACR,CACF,CACF,EAmBA,SAAS,EAAM,CACb,YACA,UACA,OACA,WACA,gBACA,GAAG,GAQF,CACD,IAAM,EAAe,EAClB,GAA2C,CAC1C,IAAW,CAAC,EACZ,IAAgB,EAAE,OAAO,KAAK,CAChC,EACA,CAAC,EAAU,CAAa,CAC1B,EACA,OAAO,EAAC,QAAD,CAAO,YAAU,QAAQ,UAAW,EAAc,CAAE,UAAS,OAAM,WAAU,CAAC,EAAG,GAAI,EAAO,SAAU,CAAe,CAAA,CAC9H"}

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

@@ -1 +1,2 @@
-require(`../../input-BatF2xqI.cjs`);const e=require(`../../search-input-BCYwlwtk.cjs`);exports.SearchInput=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../input.cjs");let t=require("lucide-react"),n=require("@customafk/react-toolkit/utils"),r=require("react/jsx-runtime");const i=({className:i,...a})=>(0,r.jsxs)(`div`,{className:`relative`,children:[(0,r.jsx)(e.Input,{...a,type:`search`,className:(0,n.cn)(`ps-9 pe-9`,i)}),(0,r.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,r.jsx)(t.SearchIcon,{size:16})}),(0,r.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,r.jsx)(t.ArrowRightIcon,{size:16,"aria-hidden":`true`})})]});exports.SearchInput=i;
+//# sourceMappingURL=search-input.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.cjs","names":["Input","SearchIcon","ArrowRightIcon"],"sources":["../../../packages/components/ui/inputs/search-input.tsx"],"sourcesContent":["import { ArrowRightIcon, SearchIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Input } from '../input';\n\n/**\n * Props for {@link SearchInput}. Accepts all native props of the underlying\n * `Input` component (itself a thin wrapper around `<input>`), including\n * `value`, `defaultValue`, `onChange`, `placeholder`, `disabled`, etc.\n * The `type` prop is fixed to `\"search\"` and cannot be overridden.\n */\ntype Props = React.ComponentPropsWithoutRef<typeof Input>;\n\n/**\n * A search input field with a leading search icon and a trailing arrow submit button, intended for use inside an HTML `<form>` element.\n *\n * @example\n * import { SearchInput } from '@customafk/lunas-ui/ui/inputs/search-input';\n *\n * <form onSubmit={handleSearch}>\n *   <SearchInput placeholder=\"Search…\" value={query} onChange={(e) => setQuery(e.target.value)} />\n * </form>\n */\nexport const SearchInput = ({ className, ...rest }: Props) => {\n  return (\n    <div className=\"relative\">\n      <Input {...rest} type=\"search\" className={cn('ps-9 pe-9', className)} />\n      <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\">\n        <SearchIcon size={16} />\n      </div>\n      <button\n        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\"\n        aria-label=\"Submit search\"\n        type=\"submit\"\n      >\n        <ArrowRightIcon size={16} aria-hidden=\"true\" />\n      </button>\n    </div>\n  );\n};\n"],"mappings":"4MAwBA,MAAa,GAAe,CAAE,YAAW,GAAG,MAExC,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,oBAAf,EACE,EAAA,EAAA,IAAA,CAACA,EAAAA,MAAD,CAAO,GAAI,EAAM,KAAK,SAAS,WAAA,EAAA,EAAA,GAAA,CAAc,YAAa,CAAS,CAAI,CAAA,GACvE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,kJACb,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAY,KAAM,EAAK,CAAA,CACpB,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,UAAU,0XACV,aAAW,gBACX,KAAK,mBAEL,EAAA,EAAA,IAAA,CAACC,EAAAA,eAAD,CAAgB,KAAM,GAAI,cAAY,MAAQ,CAAA,CACxC,CAAA,CACL"}

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

@@ -1,2 +1,27 @@
-import { t as SearchInput } from "../../search-input-DVtHPbme.cjs";
-export { SearchInput };
+import { t as Input } from "../../input-BJMvABEL.cjs";
+
+//#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) => import("react").JSX.Element;
+//#endregion
+export { SearchInput };
+//# sourceMappingURL=search-input.d.cts.map

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

@@ -1,3 +1,27 @@
-import "../../input-BVTLQHpd.mjs";
-import { t as SearchInput } from "../../search-input-7m30vApQ.mjs";
-export { SearchInput };
+import { t as Input } from "../../input-BJMvABEL.mjs";
+
+//#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) => import("react").JSX.Element;
+//#endregion
+export { SearchInput };
+//# sourceMappingURL=search-input.d.mts.map

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

@@ -1 +1,2 @@
-import"../../input-CFsouxvo.mjs";import{t as e}from"../../search-input-D_nJ8McN.mjs";export{e as SearchInput};
+import{Input as e}from"../input.mjs";import{ArrowRightIcon as t,SearchIcon as n}from"lucide-react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({className:o,...s})=>a(`div`,{className:`relative`,children:[i(e,{...s,type:`search`,className:r(`ps-9 pe-9`,o)}),i(`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:i(n,{size:16})}),i(`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:i(t,{size:16,"aria-hidden":`true`})})]});export{o as SearchInput};
+//# sourceMappingURL=search-input.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.mjs","names":[],"sources":["../../../packages/components/ui/inputs/search-input.tsx"],"sourcesContent":["import { ArrowRightIcon, SearchIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Input } from '../input';\n\n/**\n * Props for {@link SearchInput}. Accepts all native props of the underlying\n * `Input` component (itself a thin wrapper around `<input>`), including\n * `value`, `defaultValue`, `onChange`, `placeholder`, `disabled`, etc.\n * The `type` prop is fixed to `\"search\"` and cannot be overridden.\n */\ntype Props = React.ComponentPropsWithoutRef<typeof Input>;\n\n/**\n * A search input field with a leading search icon and a trailing arrow submit button, intended for use inside an HTML `<form>` element.\n *\n * @example\n * import { SearchInput } from '@customafk/lunas-ui/ui/inputs/search-input';\n *\n * <form onSubmit={handleSearch}>\n *   <SearchInput placeholder=\"Search…\" value={query} onChange={(e) => setQuery(e.target.value)} />\n * </form>\n */\nexport const SearchInput = ({ className, ...rest }: Props) => {\n  return (\n    <div className=\"relative\">\n      <Input {...rest} type=\"search\" className={cn('ps-9 pe-9', className)} />\n      <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\">\n        <SearchIcon size={16} />\n      </div>\n      <button\n        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\"\n        aria-label=\"Submit search\"\n        type=\"submit\"\n      >\n        <ArrowRightIcon size={16} aria-hidden=\"true\" />\n      </button>\n    </div>\n  );\n};\n"],"mappings":"yMAwBA,MAAa,GAAe,CAAE,YAAW,GAAG,KAExC,EAAC,MAAD,CAAK,UAAU,oBAAf,CACE,EAAC,EAAD,CAAO,GAAI,EAAM,KAAK,SAAS,UAAW,EAAG,YAAa,CAAS,CAAI,CAAA,EACvE,EAAC,MAAD,CAAK,UAAU,iJACb,EAAC,EAAD,CAAY,KAAM,EAAK,CAAA,CACpB,CAAA,EACL,EAAC,SAAD,CACE,UAAU,0XACV,aAAW,gBACX,KAAK,kBAEL,EAAC,EAAD,CAAgB,KAAM,GAAI,cAAY,MAAQ,CAAA,CACxC,CAAA,CACL"}

package/dist/ui/item.cjs

@@ -1 +1,2 @@
-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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../dist-CGlSRti2.cjs"),t=require("./separator.cjs");let n=require("@customafk/react-toolkit/utils"),r=require("class-variance-authority"),i=require("react/jsx-runtime");function a({className:e,...t}){return(0,i.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:(0,n.cn)(`group/item-group flex flex-col`,e),...t})}function o({className:e,...r}){return(0,i.jsx)(t.Separator,{"data-slot":`item-separator`,orientation:`horizontal`,className:(0,n.cn)(`my-0`,e),...r})}const s=(0,r.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 c({className:t,variant:r=`default`,size:a=`default`,asChild:o=!1,...c}){return(0,i.jsx)(o?e.t:`div`,{"data-slot":`item`,"data-variant":r,"data-size":a,className:(0,n.cn)(s({variant:r,size:a,className:t})),...c})}const l=(0,r.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 u({className:e,variant:t=`default`,...r}){return(0,i.jsx)(`div`,{"data-slot":`item-media`,"data-variant":t,className:(0,n.cn)(l({variant:t,className:e})),...r})}function d({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`item-content`,className:(0,n.cn)(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...t})}function f({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`item-title`,className:(0,n.cn)(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...t})}function p({className:e,...t}){return(0,i.jsx)(`p`,{"data-slot":`item-description`,className:(0,n.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 m({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`item-actions`,className:(0,n.cn)(`flex items-center gap-2`,e),...t})}function h({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`item-header`,className:(0,n.cn)(`flex basis-full items-center justify-between gap-2`,e),...t})}function g({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`item-footer`,className:(0,n.cn)(`flex basis-full items-center justify-between gap-2`,e),...t})}exports.Item=c,exports.ItemActions=m,exports.ItemContent=d,exports.ItemDescription=p,exports.ItemFooter=g,exports.ItemGroup=a,exports.ItemHeader=h,exports.ItemMedia=u,exports.ItemSeparator=o,exports.ItemTitle=f;
+//# sourceMappingURL=item.cjs.map

package/dist/ui/item.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.cjs","names":["Separator","Slot"],"sources":["../../packages/components/ui/item.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Separator } from '@/components/ui/separator';\n\n/**\n * A list-row layout primitive for rendering structured content rows with optional media, title, description, and action areas.\n *\n * @example\n * ```tsx\n * import { Item, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, ItemGroup } from '@customafk/lunas-ui/ui/item';\n * import { User } from 'lucide-react';\n *\n * <ItemGroup>\n *   <Item variant=\"outline\">\n *     <ItemMedia variant=\"icon\"><User /></ItemMedia>\n *     <ItemContent>\n *       <ItemTitle>Alice</ItemTitle>\n *       <ItemDescription>alice@example.com</ItemDescription>\n *     </ItemContent>\n *     <ItemActions><button>Edit</button></ItemActions>\n *   </Item>\n * </ItemGroup>\n * ```\n */\nfunction ItemGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div role=\"list\" data-slot=\"item-group\" className={cn('group/item-group flex flex-col', className)} {...props} />;\n}\n\n/** Horizontal separator rendered between items in an ItemGroup. */\nfunction ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {\n  return <Separator data-slot=\"item-separator\" orientation=\"horizontal\" className={cn('my-0', className)} {...props} />;\n}\n\nconst itemVariants = cva(\n  '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]',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border-border',\n        muted: 'bg-muted-weak',\n      },\n      size: {\n        default: 'p-4 gap-4 ',\n        sm: 'py-3 px-4 gap-2.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\n/**\n * The primary row container inside an ItemGroup.\n *\n * @param variant - Visual style: `'default'`, `'outline'`, or `'muted'`.\n * @param size - Spacing size: `'default'` or `'sm'`.\n * @param asChild - When true, renders as the child element via Radix Slot.\n */\nfunction Item({\n  className,\n  variant = 'default',\n  size = 'default',\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'div';\n  return <Comp data-slot=\"item\" data-variant={variant} data-size={size} className={cn(itemVariants({ variant, size, className }))} {...props} />;\n}\n\nconst itemMediaVariants = cva(\n  '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',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        icon: \"size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4\",\n        image: 'size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\n/**\n * Left-aligned slot for an avatar, icon, or image within an Item.\n *\n * @param variant - `'default'` for a transparent wrapper, `'icon'` for a small bordered square, or `'image'` for a rounded thumbnail.\n */\nfunction ItemMedia({ className, variant = 'default', ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>) {\n  return <div data-slot=\"item-media\" data-variant={variant} className={cn(itemMediaVariants({ variant, className }))} {...props} />;\n}\n\n/** Flex-1 column that holds the ItemTitle and ItemDescription. */\nfunction ItemContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-content\" className={cn('flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none', className)} {...props} />;\n}\n\n/** Primary label text rendered in medium weight inside an ItemContent. */\nfunction ItemTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-title\" className={cn('flex w-fit items-center gap-2 text-sm leading-snug font-medium', className)} {...props} />;\n}\n\n/** Secondary, muted body text clamped to two lines inside an ItemContent. */\nfunction ItemDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        'text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance',\n        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Right-aligned slot for buttons or other interactive controls within an Item. */\nfunction ItemActions({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-actions\" className={cn('flex items-center gap-2', className)} {...props} />;\n}\n\n/** Full-width row at the top of an Item for header-level labels or metadata. */\nfunction ItemHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-header\" className={cn('flex basis-full items-center justify-between gap-2', className)} {...props} />;\n}\n\n/** Full-width row at the bottom of an Item for footer-level content or secondary actions. */\nfunction ItemFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-footer\" className={cn('flex basis-full items-center justify-between gap-2', className)} {...props} />;\n}\n\nexport { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter };\n"],"mappings":"6PA0BA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,KAAK,OAAO,YAAU,aAAa,WAAA,EAAA,EAAA,GAAA,CAAc,iCAAkC,CAAS,EAAG,GAAI,CAAQ,CAAA,CACzH,CAGA,SAAS,EAAc,CAAE,YAAW,GAAG,GAAiD,CACtF,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,UAAD,CAAW,YAAU,iBAAiB,YAAY,aAAa,WAAA,EAAA,EAAA,GAAA,CAAc,OAAQ,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtH,CAEA,MAAM,GAAA,EAAA,EAAA,IAAA,CACJ,4QACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,gBACT,MAAO,eACT,EACA,KAAM,CACJ,QAAS,aACT,GAAI,mBACN,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,EASA,SAAS,EAAK,CACZ,YACA,UAAU,UACV,OAAO,UACP,UAAU,GACV,GAAG,GACuF,CAE1F,OAAO,EAAA,EAAA,IAAA,CADM,EAAUC,EAAAA,EAAO,MACvB,CAAM,YAAU,OAAO,eAAc,EAAS,YAAW,EAAM,WAAA,EAAA,EAAA,GAAA,CAAc,EAAa,CAAE,UAAS,OAAM,WAAU,CAAC,CAAC,EAAG,GAAI,CAAQ,CAAA,CAC/I,CAEA,MAAM,GAAA,EAAA,EAAA,IAAA,CACJ,qMACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,KAAM,yEACN,MAAO,2EACT,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAOA,SAAS,EAAU,CAAE,YAAW,UAAU,UAAW,GAAG,GAA+E,CACrI,OAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,aAAa,eAAc,EAAS,WAAA,EAAA,EAAA,GAAA,CAAc,EAAkB,CAAE,UAAS,WAAU,CAAC,CAAC,EAAG,GAAI,CAAQ,CAAA,CAClI,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,eAAe,WAAA,EAAA,EAAA,GAAA,CAAc,oEAAqE,CAAS,EAAG,GAAI,CAAQ,CAAA,CAClJ,CAGA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,aAAa,WAAA,EAAA,EAAA,GAAA,CAAc,iEAAkE,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC7I,CAGA,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAoC,CAC3E,OACE,EAAA,EAAA,IAAA,CAAC,IAAD,CACE,YAAU,mBACV,WAAA,EAAA,EAAA,GAAA,CACE,qFACA,oEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,eAAe,WAAA,EAAA,EAAA,GAAA,CAAc,0BAA2B,CAAS,EAAG,GAAI,CAAQ,CAAA,CACxG,CAGA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,cAAc,WAAA,EAAA,EAAA,GAAA,CAAc,qDAAsD,CAAS,EAAG,GAAI,CAAQ,CAAA,CAClI,CAGA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,cAAc,WAAA,EAAA,EAAA,GAAA,CAAc,qDAAsD,CAAS,EAAG,GAAI,CAAQ,CAAA,CAClI"}

package/dist/ui/item.d.cts

@@ -1,2 +1,99 @@
-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 };
+import { Separator } from "./separator.cjs";
+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'>): import("react").JSX.Element;
+/** Horizontal separator rendered between items in an ItemGroup. */
+declare function ItemSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
+declare const itemVariants: (props?: ({
+  variant?: "default" | "outline" | "muted" | null | undefined;
+  size?: "sm" | "default" | null | undefined;
+} & import("class-variance-authority/types").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;
+}): import("react").JSX.Element;
+declare const itemMediaVariants: (props?: ({
+  variant?: "default" | "image" | "icon" | null | undefined;
+} & import("class-variance-authority/types").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>): import("react").JSX.Element;
+/** Flex-1 column that holds the ItemTitle and ItemDescription. */
+declare function ItemContent({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Primary label text rendered in medium weight inside an ItemContent. */
+declare function ItemTitle({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Secondary, muted body text clamped to two lines inside an ItemContent. */
+declare function ItemDescription({
+  className,
+  ...props
+}: React.ComponentProps<'p'>): import("react").JSX.Element;
+/** Right-aligned slot for buttons or other interactive controls within an Item. */
+declare function ItemActions({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").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'>): import("react").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'>): import("react").JSX.Element;
+//#endregion
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
+//# sourceMappingURL=item.d.cts.map

package/dist/ui/item.d.mts

@@ -1,3 +1,99 @@
-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 };
+import { Separator } from "./separator.mjs";
+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'>): import("react").JSX.Element;
+/** Horizontal separator rendered between items in an ItemGroup. */
+declare function ItemSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
+declare const itemVariants: (props?: ({
+  variant?: "default" | "outline" | "muted" | null | undefined;
+  size?: "sm" | "default" | null | undefined;
+} & import("class-variance-authority/types").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;
+}): import("react").JSX.Element;
+declare const itemMediaVariants: (props?: ({
+  variant?: "default" | "image" | "icon" | null | undefined;
+} & import("class-variance-authority/types").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>): import("react").JSX.Element;
+/** Flex-1 column that holds the ItemTitle and ItemDescription. */
+declare function ItemContent({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Primary label text rendered in medium weight inside an ItemContent. */
+declare function ItemTitle({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").JSX.Element;
+/** Secondary, muted body text clamped to two lines inside an ItemContent. */
+declare function ItemDescription({
+  className,
+  ...props
+}: React.ComponentProps<'p'>): import("react").JSX.Element;
+/** Right-aligned slot for buttons or other interactive controls within an Item. */
+declare function ItemActions({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): import("react").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'>): import("react").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'>): import("react").JSX.Element;
+//#endregion
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
+//# sourceMappingURL=item.d.mts.map

package/dist/ui/item.mjs

@@ -1 +1,2 @@
-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};
+import{t as e}from"../dist-CtTonIm8.mjs";import{Separator as t}from"./separator.mjs";import{cn as n}from"@customafk/react-toolkit/utils";import{cva as r}from"class-variance-authority";import{jsx as i}from"react/jsx-runtime";function a({className:e,...t}){return i(`div`,{role:`list`,"data-slot":`item-group`,className:n(`group/item-group flex flex-col`,e),...t})}function o({className:e,...r}){return i(t,{"data-slot":`item-separator`,orientation:`horizontal`,className:n(`my-0`,e),...r})}const s=r(`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 c({className:t,variant:r=`default`,size:a=`default`,asChild:o=!1,...c}){return i(o?e:`div`,{"data-slot":`item`,"data-variant":r,"data-size":a,className:n(s({variant:r,size:a,className:t})),...c})}const l=r(`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 u({className:e,variant:t=`default`,...r}){return i(`div`,{"data-slot":`item-media`,"data-variant":t,className:n(l({variant:t,className:e})),...r})}function d({className:e,...t}){return i(`div`,{"data-slot":`item-content`,className:n(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...t})}function f({className:e,...t}){return i(`div`,{"data-slot":`item-title`,className:n(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...t})}function p({className:e,...t}){return i(`p`,{"data-slot":`item-description`,className:n(`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 m({className:e,...t}){return i(`div`,{"data-slot":`item-actions`,className:n(`flex items-center gap-2`,e),...t})}function h({className:e,...t}){return i(`div`,{"data-slot":`item-header`,className:n(`flex basis-full items-center justify-between gap-2`,e),...t})}function g({className:e,...t}){return i(`div`,{"data-slot":`item-footer`,className:n(`flex basis-full items-center justify-between gap-2`,e),...t})}export{c as Item,m as ItemActions,d as ItemContent,p as ItemDescription,g as ItemFooter,a as ItemGroup,h as ItemHeader,u as ItemMedia,o as ItemSeparator,f as ItemTitle};
+//# sourceMappingURL=item.mjs.map

package/dist/ui/item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.mjs","names":[],"sources":["../../packages/components/ui/item.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Separator } from '@/components/ui/separator';\n\n/**\n * A list-row layout primitive for rendering structured content rows with optional media, title, description, and action areas.\n *\n * @example\n * ```tsx\n * import { Item, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, ItemGroup } from '@customafk/lunas-ui/ui/item';\n * import { User } from 'lucide-react';\n *\n * <ItemGroup>\n *   <Item variant=\"outline\">\n *     <ItemMedia variant=\"icon\"><User /></ItemMedia>\n *     <ItemContent>\n *       <ItemTitle>Alice</ItemTitle>\n *       <ItemDescription>alice@example.com</ItemDescription>\n *     </ItemContent>\n *     <ItemActions><button>Edit</button></ItemActions>\n *   </Item>\n * </ItemGroup>\n * ```\n */\nfunction ItemGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div role=\"list\" data-slot=\"item-group\" className={cn('group/item-group flex flex-col', className)} {...props} />;\n}\n\n/** Horizontal separator rendered between items in an ItemGroup. */\nfunction ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {\n  return <Separator data-slot=\"item-separator\" orientation=\"horizontal\" className={cn('my-0', className)} {...props} />;\n}\n\nconst itemVariants = cva(\n  '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]',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border-border',\n        muted: 'bg-muted-weak',\n      },\n      size: {\n        default: 'p-4 gap-4 ',\n        sm: 'py-3 px-4 gap-2.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\n/**\n * The primary row container inside an ItemGroup.\n *\n * @param variant - Visual style: `'default'`, `'outline'`, or `'muted'`.\n * @param size - Spacing size: `'default'` or `'sm'`.\n * @param asChild - When true, renders as the child element via Radix Slot.\n */\nfunction Item({\n  className,\n  variant = 'default',\n  size = 'default',\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'div';\n  return <Comp data-slot=\"item\" data-variant={variant} data-size={size} className={cn(itemVariants({ variant, size, className }))} {...props} />;\n}\n\nconst itemMediaVariants = cva(\n  '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',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        icon: \"size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4\",\n        image: 'size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\n/**\n * Left-aligned slot for an avatar, icon, or image within an Item.\n *\n * @param variant - `'default'` for a transparent wrapper, `'icon'` for a small bordered square, or `'image'` for a rounded thumbnail.\n */\nfunction ItemMedia({ className, variant = 'default', ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>) {\n  return <div data-slot=\"item-media\" data-variant={variant} className={cn(itemMediaVariants({ variant, className }))} {...props} />;\n}\n\n/** Flex-1 column that holds the ItemTitle and ItemDescription. */\nfunction ItemContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-content\" className={cn('flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none', className)} {...props} />;\n}\n\n/** Primary label text rendered in medium weight inside an ItemContent. */\nfunction ItemTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-title\" className={cn('flex w-fit items-center gap-2 text-sm leading-snug font-medium', className)} {...props} />;\n}\n\n/** Secondary, muted body text clamped to two lines inside an ItemContent. */\nfunction ItemDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        'text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance',\n        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Right-aligned slot for buttons or other interactive controls within an Item. */\nfunction ItemActions({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-actions\" className={cn('flex items-center gap-2', className)} {...props} />;\n}\n\n/** Full-width row at the top of an Item for header-level labels or metadata. */\nfunction ItemHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-header\" className={cn('flex basis-full items-center justify-between gap-2', className)} {...props} />;\n}\n\n/** Full-width row at the bottom of an Item for footer-level content or secondary actions. */\nfunction ItemFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"item-footer\" className={cn('flex basis-full items-center justify-between gap-2', className)} {...props} />;\n}\n\nexport { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter };\n"],"mappings":"gOA0BA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAC,MAAD,CAAK,KAAK,OAAO,YAAU,aAAa,UAAW,EAAG,iCAAkC,CAAS,EAAG,GAAI,CAAQ,CAAA,CACzH,CAGA,SAAS,EAAc,CAAE,YAAW,GAAG,GAAiD,CACtF,OAAO,EAAC,EAAD,CAAW,YAAU,iBAAiB,YAAY,aAAa,UAAW,EAAG,OAAQ,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtH,CAEA,MAAM,EAAe,EACnB,4QACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,gBACT,MAAO,eACT,EACA,KAAM,CACJ,QAAS,aACT,GAAI,mBACN,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,EASA,SAAS,EAAK,CACZ,YACA,UAAU,UACV,OAAO,UACP,UAAU,GACV,GAAG,GACuF,CAE1F,OAAO,EADM,EAAU,EAAO,MACvB,CAAM,YAAU,OAAO,eAAc,EAAS,YAAW,EAAM,UAAW,EAAG,EAAa,CAAE,UAAS,OAAM,WAAU,CAAC,CAAC,EAAG,GAAI,CAAQ,CAAA,CAC/I,CAEA,MAAM,EAAoB,EACxB,qMACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,KAAM,yEACN,MAAO,2EACT,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAOA,SAAS,EAAU,CAAE,YAAW,UAAU,UAAW,GAAG,GAA+E,CACrI,OAAO,EAAC,MAAD,CAAK,YAAU,aAAa,eAAc,EAAS,UAAW,EAAG,EAAkB,CAAE,UAAS,WAAU,CAAC,CAAC,EAAG,GAAI,CAAQ,CAAA,CAClI,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAD,CAAK,YAAU,eAAe,UAAW,EAAG,oEAAqE,CAAS,EAAG,GAAI,CAAQ,CAAA,CAClJ,CAGA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAC,MAAD,CAAK,YAAU,aAAa,UAAW,EAAG,iEAAkE,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC7I,CAGA,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAoC,CAC3E,OACE,EAAC,IAAD,CACE,YAAU,mBACV,UAAW,EACT,qFACA,oEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAD,CAAK,YAAU,eAAe,UAAW,EAAG,0BAA2B,CAAS,EAAG,GAAI,CAAQ,CAAA,CACxG,CAGA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAD,CAAK,YAAU,cAAc,UAAW,EAAG,qDAAsD,CAAS,EAAG,GAAI,CAAQ,CAAA,CAClI,CAGA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAD,CAAK,YAAU,cAAc,UAAW,EAAG,qDAAsD,CAAS,EAAG,GAAI,CAAQ,CAAA,CAClI"}

package/dist/ui/label.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../label--hinNDHW.cjs`);exports.Label=e.t;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@customafk/react-toolkit/utils"),t=require("react/jsx-runtime"),n=require("radix-ui");function r({className:r,...i}){return(0,t.jsx)(n.Label.Root,{"data-slot":`label`,className:(0,e.cn)(`text-text-positive`,`flex items-center gap-2`,`select-none font-medium text-sm/6 leading-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,r),...i})}exports.Label=r;
+//# sourceMappingURL=label.cjs.map

package/dist/ui/label.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.cjs","names":["LabelPrimitive"],"sources":["../../packages/components/ui/label.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Label as LabelPrimitive } from 'radix-ui';\n\n/**\n * Accessible form label built on Radix UI's `Label.Root`, with styles for disabled and peer-disabled states.\n *\n * @example\n * ```tsx\n * import { Label } from '@customafk/lunas-ui/ui/label';\n * import { Input } from '@customafk/lunas-ui/ui/input';\n *\n * <Label htmlFor=\"email\">Email address</Label>\n * <Input id=\"email\" type=\"email\" placeholder=\"you@example.com\" />\n * ```\n */\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'text-text-positive',\n        'flex items-center gap-2',\n        'select-none font-medium text-sm/6 leading-none',\n        'group-data-[disabled=true]:pointer-events-none',\n        'group-data-[disabled=true]:opacity-50',\n        'peer-disabled:cursor-not-allowed',\n        'peer-disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"qLAkBA,SAAS,EAAM,CAAE,YAAW,GAAG,GAA2D,CACxF,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,MAAe,KAAhB,CACE,YAAU,QACV,WAAA,EAAA,EAAA,GAAA,CACE,qBACA,0BACA,iDACA,iDACA,wCACA,mCACA,2BACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/ui/label.d.cts

@@ -1,2 +1,22 @@
-import { t as Label } from "../label-DGJL4U_f.cjs";
-export { Label };
+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>): import("react").JSX.Element;
+//#endregion
+export { Label };
+//# sourceMappingURL=label.d.cts.map

package/dist/ui/label.d.mts

@@ -1,2 +1,22 @@
-import { t as Label } from "../label-CCE-kS4j.mjs";
-export { Label };
+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>): import("react").JSX.Element;
+//#endregion
+export { Label };
+//# sourceMappingURL=label.d.mts.map

package/dist/ui/label.mjs

@@ -1 +1,2 @@
-"use client";import{t as e}from"../label-BMVyfKu9.mjs";export{e as Label};
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Label as n}from"radix-ui";function r({className:r,...i}){return t(n.Root,{"data-slot":`label`,className:e(`text-text-positive`,`flex items-center gap-2`,`select-none font-medium text-sm/6 leading-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,r),...i})}export{r as Label};
+//# sourceMappingURL=label.mjs.map

package/dist/ui/label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.mjs","names":["LabelPrimitive"],"sources":["../../packages/components/ui/label.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Label as LabelPrimitive } from 'radix-ui';\n\n/**\n * Accessible form label built on Radix UI's `Label.Root`, with styles for disabled and peer-disabled states.\n *\n * @example\n * ```tsx\n * import { Label } from '@customafk/lunas-ui/ui/label';\n * import { Input } from '@customafk/lunas-ui/ui/input';\n *\n * <Label htmlFor=\"email\">Email address</Label>\n * <Input id=\"email\" type=\"email\" placeholder=\"you@example.com\" />\n * ```\n */\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'text-text-positive',\n        'flex items-center gap-2',\n        'select-none font-medium text-sm/6 leading-none',\n        'group-data-[disabled=true]:pointer-events-none',\n        'group-data-[disabled=true]:opacity-50',\n        'peer-disabled:cursor-not-allowed',\n        'peer-disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"0IAkBA,SAAS,EAAM,CAAE,YAAW,GAAG,GAA2D,CACxF,OACE,EAACA,EAAe,KAAhB,CACE,YAAU,QACV,UAAW,EACT,qBACA,0BACA,iDACA,iDACA,wCACA,mCACA,2BACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/ui/menubar.cjs

@@ -1 +1,2 @@
-"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;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("lucide-react"),t=require("@customafk/react-toolkit/utils"),n=require("react/jsx-runtime"),r=require("radix-ui");function i({className:e,...i}){return(0,n.jsx)(r.Menubar.Root,{"data-slot":`menubar`,className:(0,t.cn)(`bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs`,e),...i})}function a({...e}){return(0,n.jsx)(r.Menubar.Menu,{"data-slot":`menubar-menu`,...e})}function o({...e}){return(0,n.jsx)(r.Menubar.Group,{"data-slot":`menubar-group`,...e})}function s({...e}){return(0,n.jsx)(r.Menubar.Portal,{"data-slot":`menubar-portal`,...e})}function c({...e}){return(0,n.jsx)(r.Menubar.RadioGroup,{"data-slot":`menubar-radio-group`,...e})}function l({className:e,...i}){return(0,n.jsx)(r.Menubar.Trigger,{"data-slot":`menubar-trigger`,className:(0,t.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),...i})}function u({className:e,align:i=`start`,alignOffset:a=-4,sideOffset:o=8,...c}){return(0,n.jsx)(s,{children:(0,n.jsx)(r.Menubar.Content,{"data-slot":`menubar-content`,align:i,alignOffset:a,sideOffset:o,className:(0,t.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),...c})})}function d({className:e,inset:i,variant:a=`default`,...o}){return(0,n.jsx)(r.Menubar.Item,{"data-slot":`menubar-item`,"data-inset":i,"data-variant":a,className:(0,t.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 f({className:i,children:a,checked:o,...s}){return(0,n.jsxs)(r.Menubar.CheckboxItem,{"data-slot":`menubar-checkbox-item`,className:(0,t.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`,i),checked:o,...s,children:[(0,n.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,n.jsx)(r.Menubar.ItemIndicator,{children:(0,n.jsx)(e.CheckIcon,{className:`size-4`})})}),a]})}function p({className:i,children:a,...o}){return(0,n.jsxs)(r.Menubar.RadioItem,{"data-slot":`menubar-radio-item`,className:(0,t.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`,i),...o,children:[(0,n.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,n.jsx)(r.Menubar.ItemIndicator,{children:(0,n.jsx)(e.CircleIcon,{className:`size-2 fill-current`})})}),a]})}function m({className:e,inset:i,...a}){return(0,n.jsx)(r.Menubar.Label,{"data-slot":`menubar-label`,"data-inset":i,className:(0,t.cn)(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...a})}function h({className:e,...i}){return(0,n.jsx)(r.Menubar.Separator,{"data-slot":`menubar-separator`,className:(0,t.cn)(`bg-border -mx-1 my-1 h-px`,e),...i})}function g({className:e,...r}){return(0,n.jsx)(`span`,{"data-slot":`menubar-shortcut`,className:(0,t.cn)(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...r})}function _({...e}){return(0,n.jsx)(r.Menubar.Sub,{"data-slot":`menubar-sub`,...e})}function v({className:i,inset:a,children:o,...s}){return(0,n.jsxs)(r.Menubar.SubTrigger,{"data-slot":`menubar-sub-trigger`,"data-inset":a,className:(0,t.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`,i),...s,children:[o,(0,n.jsx)(e.ChevronRightIcon,{className:`ml-auto h-4 w-4`})]})}function y({className:e,...i}){return(0,n.jsx)(r.Menubar.SubContent,{"data-slot":`menubar-sub-content`,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 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg`,e),...i})}exports.Menubar=i,exports.MenubarCheckboxItem=f,exports.MenubarContent=u,exports.MenubarGroup=o,exports.MenubarItem=d,exports.MenubarLabel=m,exports.MenubarMenu=a,exports.MenubarPortal=s,exports.MenubarRadioGroup=c,exports.MenubarRadioItem=p,exports.MenubarSeparator=h,exports.MenubarShortcut=g,exports.MenubarSub=_,exports.MenubarSubContent=y,exports.MenubarSubTrigger=v,exports.MenubarTrigger=l;
+//# sourceMappingURL=menubar.cjs.map

package/dist/ui/menubar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.cjs","names":["MenubarPrimitive","CheckIcon","CircleIcon","ChevronRightIcon"],"sources":["../../packages/components/ui/menubar.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\n\nimport { Menubar as MenubarPrimitive } from 'radix-ui';\n\n/**\n * A horizontal menu bar similar to a desktop application menu, composed of menus with dropdown content.\n *\n * @example\n * ```tsx\n * import {\n *   Menubar, MenubarMenu, MenubarTrigger, MenubarContent,\n *   MenubarItem, MenubarSeparator,\n * } from '@customafk/lunas-ui/ui/menubar';\n *\n * <Menubar>\n *   <MenubarMenu>\n *     <MenubarTrigger>File</MenubarTrigger>\n *     <MenubarContent>\n *       <MenubarItem>New Window</MenubarItem>\n *       <MenubarSeparator />\n *       <MenubarItem>Exit</MenubarItem>\n *     </MenubarContent>\n *   </MenubarMenu>\n * </Menubar>\n * ```\n */\nfunction Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n  return (\n    <MenubarPrimitive.Root\n      data-slot=\"menubar\"\n      className={cn('bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs', className)}\n      {...props}\n    />\n  );\n}\n\n/** Root container for a single drop-down menu entry within a Menubar. */\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n  return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\n/** Groups related MenubarItems under a shared logical section. */\nfunction MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\n/** Portals Menubar content outside the current DOM hierarchy. */\nfunction MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n  return <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />;\n}\n\n/** Groups MenubarRadioItems so only one can be selected at a time. */\nfunction MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n  return <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />;\n}\n\n/** Button in the Menubar that opens its associated MenubarContent dropdown. */\nfunction MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n  return (\n    <MenubarPrimitive.Trigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        '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',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Animated floating panel that contains MenubarItems for a given MenubarMenu. */\nfunction MenubarContent({ className, align = 'start', alignOffset = -4, sideOffset = 8, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n  return (\n    <MenubarPortal>\n      <MenubarPrimitive.Content\n        data-slot=\"menubar-content\"\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className={cn(\n          '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',\n          className\n        )}\n        {...props}\n      />\n    </MenubarPortal>\n  );\n}\n\n/**\n * A single clickable row inside a MenubarContent.\n *\n * @param inset - When true, adds left padding to align with items that have icons.\n * @param variant - Visual style: `'default'` or `'destructive'`.\n */\nfunction MenubarItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <MenubarPrimitive.Item\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** A checkable menubar item that displays a checkmark when selected. */\nfunction MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      className={cn(\n        \"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\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.CheckboxItem>\n  );\n}\n\n/** A radio-button menubar item; shows a filled circle when selected. */\nfunction MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n  return (\n    <MenubarPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      className={cn(\n        \"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\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  );\n}\n\n/**\n * Non-interactive label used to describe a group of menubar items.\n *\n * @param inset - When true, adds left padding to align with inset items.\n */\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.Label\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\n/** Horizontal dividing line between groups of menubar items. */\nfunction MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n  return <MenubarPrimitive.Separator data-slot=\"menubar-separator\" className={cn('bg-border -mx-1 my-1 h-px', className)} {...props} />;\n}\n\n/** Displays a keyboard shortcut hint aligned to the right of a menubar item. */\nfunction MenubarShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"menubar-shortcut\" className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;\n}\n\n/** Root container for a nested sub-menu inside a Menubar dropdown. */\nfunction MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\n/**\n * Menu item that reveals a nested MenubarSubContent on hover or activation.\n *\n * @param inset - When true, adds left padding to align with inset items.\n */\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        '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',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n    </MenubarPrimitive.SubTrigger>\n  );\n}\n\n/** Floating panel that contains the items of a nested Menubar sub-menu. */\nfunction MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n  return (\n    <MenubarPrimitive.SubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        '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',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarMenu,\n  MenubarPortal,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n};\n"],"mappings":"+MA6BA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAA6D,CAC5F,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,KAAlB,CACE,YAAU,UACV,WAAA,EAAA,EAAA,GAAA,CAAc,4EAA6E,CAAS,EACpG,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,KAAlB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAGA,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,MAAlB,CAAwB,YAAU,gBAAgB,GAAI,CAAQ,CAAA,CACvE,CAGA,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,OAAlB,CAAyB,YAAU,iBAAiB,GAAI,CAAQ,CAAA,CACzE,CAGA,SAAS,EAAkB,CAAE,GAAG,GAAmE,CACjG,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,WAAlB,CAA6B,YAAU,sBAAsB,GAAI,CAAQ,CAAA,CAClF,CAGA,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,QAAlB,CACE,YAAU,kBACV,WAAA,EAAA,EAAA,GAAA,CACE,0MACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAe,CAAE,YAAW,QAAQ,QAAS,cAAc,GAAI,aAAa,EAAG,GAAG,GAAgE,CACzJ,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAA,UACE,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,QAAlB,CACE,YAAU,kBACH,QACM,cACD,aACZ,WAAA,EAAA,EAAA,GAAA,CACE,2cACA,CACF,EACA,GAAI,CACL,CAAA,CACY,CAAA,CAEnB,CAQA,SAAS,EAAY,CACnB,YACA,QACA,UAAU,UACV,GAAG,GAIF,CACD,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,KAAlB,CACE,YAAU,eACV,aAAY,EACZ,eAAc,EACd,WAAA,EAAA,EAAA,GAAA,CACE,8mBACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAoB,CAAE,YAAW,WAAU,UAAS,GAAG,GAAqE,CACnI,OACE,EAAA,EAAA,KAAA,CAACA,EAAAA,QAAiB,aAAlB,CACE,YAAU,wBACV,WAAA,EAAA,EAAA,GAAA,CACE,+SACA,CACF,EACS,UACT,GAAI,WAPN,EASE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,0FACd,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,cAAlB,CAAA,UACE,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,UAAU,QAAU,CAAA,CACD,CAAA,CAC5B,CAAA,EACL,CAC4B,GAEnC,CAGA,SAAS,EAAiB,CAAE,YAAW,WAAU,GAAG,GAAkE,CACpH,OACE,EAAA,EAAA,KAAA,CAACD,EAAAA,QAAiB,UAAlB,CACE,YAAU,qBACV,WAAA,EAAA,EAAA,GAAA,CACE,+SACA,CACF,EACA,GAAI,WANN,EAQE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,0FACd,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,cAAlB,CAAA,UACE,EAAA,EAAA,IAAA,CAACE,EAAAA,WAAD,CAAY,UAAU,qBAAuB,CAAA,CACf,CAAA,CAC5B,CAAA,EACL,CACyB,GAEhC,CAOA,SAAS,EAAa,CACpB,YACA,QACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,IAAA,CAACF,EAAAA,QAAiB,MAAlB,CACE,YAAU,gBACV,aAAY,EACZ,WAAA,EAAA,EAAA,GAAA,CAAc,oDAAqD,CAAS,EAC5E,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,UAAlB,CAA4B,YAAU,oBAAoB,WAAA,EAAA,EAAA,GAAA,CAAc,4BAA6B,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtI,CAGA,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OAAO,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,YAAU,mBAAmB,WAAA,EAAA,EAAA,GAAA,CAAc,wDAAyD,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC3I,CAGA,SAAS,EAAW,CAAE,GAAG,GAA4D,CACnF,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,IAAlB,CAAsB,YAAU,cAAc,GAAI,CAAQ,CAAA,CACnE,CAOA,SAAS,EAAkB,CACzB,YACA,QACA,WACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAAA,CAACA,EAAAA,QAAiB,WAAlB,CACE,YAAU,sBACV,aAAY,EACZ,WAAA,EAAA,EAAA,GAAA,CACE,+NACA,CACF,EACA,GAAI,WAPN,CASG,GACD,EAAA,EAAA,IAAA,CAACG,EAAAA,iBAAD,CAAkB,UAAU,iBAAmB,CAAA,CACpB,GAEjC,CAGA,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OACE,EAAA,EAAA,IAAA,CAACH,EAAAA,QAAiB,WAAlB,CACE,YAAU,sBACV,WAAA,EAAA,EAAA,GAAA,CACE,0eACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}