@customafk/lunas-ui 0.2.52 → 0.2.54

package/dist/input-BatF2xqI.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`);let t=require(`react`),n=require(`class-variance-authority`),r=require(`react/jsx-runtime`);const i=(0,n.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 a({className:e,variant:n,size:a,onChange:o,onValueChange:s,...c}){let l=(0,t.useCallback)(e=>{o?.(e),s?.(e.target.value)},[o,s]);return(0,r.jsx)(`input`,{"data-slot":`input`,className:i({variant:n,size:a,className:e}),...c,onChange:l})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=input-BatF2xqI.cjs.map

package/dist/input-BatF2xqI.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-BatF2xqI.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":"oIAMA,MAAa,GAAA,EAAA,EAAA,KACX,CACE,0FACA,uCACA,+EACA,uGACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,CACP,yEACA,uCACA,uBACA,kCACA,8BACA,gCACA,mCACA,mDACA,oCACA,mDACD,CACD,MAAO,GACP,KAAM,GACN,KAAM,GACN,OAAQ,GACT,CACD,KAAM,CACJ,GAAI,8BACJ,GAAI,kCACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,gCACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,KACP,CACF,CACF,CAmBD,SAAS,EAAM,CACb,YACA,UACA,OACA,WACA,gBACA,GAAG,GAQF,CACD,IAAM,GAAA,EAAA,EAAA,aACH,GAA2C,CAC1C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OAAO,EAAA,EAAA,KAAC,QAAA,CAAM,YAAU,QAAQ,UAAW,EAAc,CAAE,UAAS,OAAM,YAAW,CAAC,CAAE,GAAI,EAAO,SAAU,GAAgB"}

package/dist/input-CFsouxvo.mjs

@@ -1,2 +0,0 @@
-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{r as n,i as t};
-//# sourceMappingURL=input-CFsouxvo.mjs.map

package/dist/input-CFsouxvo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-CFsouxvo.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":"2HAMA,MAAa,EAAgB,EAC3B,CACE,0FACA,uCACA,+EACA,uGACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,CACP,yEACA,uCACA,uBACA,kCACA,8BACA,gCACA,mCACA,mDACA,oCACA,mDACD,CACD,MAAO,GACP,KAAM,GACN,KAAM,GACN,OAAQ,GACT,CACD,KAAM,CACJ,GAAI,8BACJ,GAAI,kCACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,gCACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,KACP,CACF,CACF,CAmBD,SAAS,EAAM,CACb,YACA,UACA,OACA,WACA,gBACA,GAAG,GAQF,CACD,IAAM,EAAe,EAClB,GAA2C,CAC1C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OAAO,EAAC,QAAA,CAAM,YAAU,QAAQ,UAAW,EAAc,CAAE,UAAS,OAAM,YAAW,CAAC,CAAE,GAAI,EAAO,SAAU,GAAgB"}

package/dist/input-otp-C9SpN7qa.mjs

@@ -1,2 +0,0 @@
-import{MinusIcon as e}from"lucide-react";import{use as t}from"react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{OTPInput as a,OTPInputContext as o}from"input-otp";function s({className:e,containerClassName:t,...i}){return r(a,{"data-slot":`input-otp`,containerClassName:n(`flex items-center gap-2 has-disabled:opacity-50`,t),className:n(`disabled:cursor-not-allowed`,e),...i})}function c({className:e,...t}){return r(`div`,{"data-slot":`input-otp-group`,className:n(`flex items-center`,e),...t})}function l({index:e,className:a,...s}){let{char:c,hasFakeCaret:l,isActive:u}=t(o)?.slots[e]??{};return i(`div`,{"data-slot":`input-otp-slot`,"data-active":u,className: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]`,a),...s,children:[c,l&&r(`div`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:r(`div`,{className:`animate-caret-blink bg-foreground h-4 w-px duration-1000`})})]})}function u({...t}){return r(`div`,{"data-slot":`input-otp-separator`,role:`separator`,...t,children:r(e,{})})}export{l as i,c as n,u as r,s as t};
-//# sourceMappingURL=input-otp-C9SpN7qa.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"input-otp-C9SpN7qa.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":"qOA+BA,SAAS,EAAS,CAChB,YACA,qBACA,GAAG,GAIF,CACD,OACE,EAAC,EAAA,CACC,YAAU,YACV,mBAAoB,EAAG,kDAAmD,EAAmB,CAC7F,UAAW,EAAG,8BAA+B,EAAU,CACvD,GAAI,GACJ,CAKN,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OAAO,EAAC,MAAA,CAAI,YAAU,kBAAkB,UAAW,EAAG,oBAAqB,EAAU,CAAE,GAAI,GAAS,CAQtG,SAAS,EAAa,CACpB,QACA,YACA,GAAG,GAGF,CAED,GAAM,CAAE,OAAM,eAAc,YADJ,EAAI,EAAgB,EACc,MAAM,IAAU,EAAE,CAE5E,OACE,EAAC,MAAA,CACC,YAAU,iBACV,cAAa,EACb,UAAW,EACT,2fACA,EACD,CACD,GAAI,YAEH,EACA,GACC,EAAC,MAAA,CAAI,UAAU,iFACb,EAAC,MAAA,CAAI,UAAU,2DAAA,CAA6D,EACxE,CAAA,EAEJ,CAKV,SAAS,EAAkB,CAAE,GAAG,GAAsC,CACpE,OACE,EAAC,MAAA,CAAI,YAAU,sBAAsB,KAAK,YAAY,GAAI,WACxD,EAAC,EAAA,EAAA,CAAY,EACT"}

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

@@ -1,59 +0,0 @@
-import * as react154 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;
-}): react154.JSX.Element;
-/** Flex container that groups a sequence of InputOTPSlot elements. */
-declare function InputOTPGroup({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react154.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;
-}): react154.JSX.Element;
-/** Visual separator (dash) placed between InputOTPGroup elements. */
-declare function InputOTPSeparator({
-  ...props
-}: React.ComponentProps<'div'>): react154.JSX.Element;
-//#endregion
-export { InputOTPSlot as i, InputOTPGroup as n, InputOTPSeparator as r, InputOTP as t };
-//# sourceMappingURL=input-otp-CMEY_7IK.d.cts.map

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

@@ -1,59 +0,0 @@
-import * as react183 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;
-}): react183.JSX.Element;
-/** Flex container that groups a sequence of InputOTPSlot elements. */
-declare function InputOTPGroup({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react183.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;
-}): react183.JSX.Element;
-/** Visual separator (dash) placed between InputOTPGroup elements. */
-declare function InputOTPSeparator({
-  ...props
-}: React.ComponentProps<'div'>): react183.JSX.Element;
-//#endregion
-export { InputOTPSlot as i, InputOTPGroup as n, InputOTPSeparator as r, InputOTP as t };
-//# sourceMappingURL=input-otp-DXt9rivn.d.mts.map

package/dist/input-otp-phGylVzo.cjs

@@ -1,2 +0,0 @@
-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,{})})}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=input-otp-phGylVzo.cjs.map

package/dist/input-otp-phGylVzo.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-otp-phGylVzo.cjs","names":["OTPInput","OTPInputContext","MinusIcon"],"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":"2LA+BA,SAAS,EAAS,CAChB,YACA,qBACA,GAAG,GAIF,CACD,OACE,EAAA,EAAA,KAACA,EAAAA,SAAAA,CACC,YAAU,YACV,oBAAA,EAAA,EAAA,IAAuB,kDAAmD,EAAmB,CAC7F,WAAA,EAAA,EAAA,IAAc,8BAA+B,EAAU,CACvD,GAAI,GACJ,CAKN,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,kBAAkB,WAAA,EAAA,EAAA,IAAc,oBAAqB,EAAU,CAAE,GAAI,GAAS,CAQtG,SAAS,EAAa,CACpB,QACA,YACA,GAAG,GAGF,CAED,GAAM,CAAE,OAAM,eAAc,aAAA,EAAA,EAAA,KADAC,EAAAA,gBAAgB,EACc,MAAM,IAAU,EAAE,CAE5E,OACE,EAAA,EAAA,MAAC,MAAA,CACC,YAAU,iBACV,cAAa,EACb,WAAA,EAAA,EAAA,IACE,2fACA,EACD,CACD,GAAI,YAEH,EACA,IACC,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,kFACb,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,2DAAA,CAA6D,EACxE,CAAA,EAEJ,CAKV,SAAS,EAAkB,CAAE,GAAG,GAAsC,CACpE,OACE,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,sBAAsB,KAAK,YAAY,GAAI,YACxD,EAAA,EAAA,KAACC,EAAAA,UAAAA,EAAAA,CAAY,EACT"}

package/dist/item-DSaO7I07.d.cts

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

package/dist/item-Dq3WIh5a.d.mts

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

package/dist/item-uB0ZFXtc.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./dist-Cx5ufCdr.cjs`),n=require(`./separator-BRoS5sU8.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})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return p}});
-//# sourceMappingURL=item-uB0ZFXtc.cjs.map

package/dist/item-uB0ZFXtc.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"item-uB0ZFXtc.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":"oOA0BA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,KAAK,OAAO,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,iCAAkC,EAAU,CAAE,GAAI,GAAS,CAI1H,SAAS,EAAc,CAAE,YAAW,GAAG,GAAiD,CACtF,OAAO,EAAA,EAAA,KAACA,EAAAA,EAAAA,CAAU,YAAU,iBAAiB,YAAY,aAAa,WAAA,EAAA,EAAA,IAAc,OAAQ,EAAU,CAAE,GAAI,GAAS,CAGvH,MAAM,GAAA,EAAA,EAAA,KACJ,4QACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,gBACT,MAAO,gBACR,CACD,KAAM,CACJ,QAAS,aACT,GAAI,oBACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,UACP,CACF,CACF,CASD,SAAS,EAAK,CACZ,YACA,UAAU,UACV,OAAO,UACP,UAAU,GACV,GAAG,GACuF,CAE1F,OAAO,EAAA,EAAA,KADM,EAAUC,EAAAA,EAAO,MAAA,CACjB,YAAU,OAAO,eAAc,EAAS,YAAW,EAAM,WAAA,EAAA,EAAA,IAAc,EAAa,CAAE,UAAS,OAAM,YAAW,CAAC,CAAC,CAAE,GAAI,GAAS,CAGhJ,MAAM,GAAA,EAAA,EAAA,KACJ,qMACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,KAAM,yEACN,MAAO,4EACR,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CACF,CAOD,SAAS,EAAU,CAAE,YAAW,UAAU,UAAW,GAAG,GAA+E,CACrI,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,aAAa,eAAc,EAAS,WAAA,EAAA,EAAA,IAAc,EAAkB,CAAE,UAAS,YAAW,CAAC,CAAC,CAAE,GAAI,GAAS,CAInI,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,oEAAqE,EAAU,CAAE,GAAI,GAAS,CAInJ,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,iEAAkE,EAAU,CAAE,GAAI,GAAS,CAI9I,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAoC,CAC3E,OACE,EAAA,EAAA,KAAC,IAAA,CACC,YAAU,mBACV,WAAA,EAAA,EAAA,IACE,qFACA,oEACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,0BAA2B,EAAU,CAAE,GAAI,GAAS,CAIzG,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,qDAAsD,EAAU,CAAE,GAAI,GAAS,CAInI,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,qDAAsD,EAAU,CAAE,GAAI,GAAS"}

package/dist/item-ysEJO_2s.mjs

@@ -1,2 +0,0 @@
-import{t as e}from"./dist-DVrfqn8H.mjs";import{t}from"./separator-BjRgoiEx.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{g as a,u as c,p as i,o as l,m as n,a as o,d as r,h as s,c as t,f as u};
-//# sourceMappingURL=item-ysEJO_2s.mjs.map

package/dist/item-ysEJO_2s.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"item-ysEJO_2s.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":"2NA0BA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAC,MAAA,CAAI,KAAK,OAAO,YAAU,aAAa,UAAW,EAAG,iCAAkC,EAAU,CAAE,GAAI,GAAS,CAI1H,SAAS,EAAc,CAAE,YAAW,GAAG,GAAiD,CACtF,OAAO,EAAC,EAAA,CAAU,YAAU,iBAAiB,YAAY,aAAa,UAAW,EAAG,OAAQ,EAAU,CAAE,GAAI,GAAS,CAGvH,MAAM,EAAe,EACnB,4QACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,gBACT,MAAO,gBACR,CACD,KAAM,CACJ,QAAS,aACT,GAAI,oBACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,UACP,CACF,CACF,CASD,SAAS,EAAK,CACZ,YACA,UAAU,UACV,OAAO,UACP,UAAU,GACV,GAAG,GACuF,CAE1F,OAAO,EADM,EAAU,EAAO,MAAA,CACjB,YAAU,OAAO,eAAc,EAAS,YAAW,EAAM,UAAW,EAAG,EAAa,CAAE,UAAS,OAAM,YAAW,CAAC,CAAC,CAAE,GAAI,GAAS,CAGhJ,MAAM,EAAoB,EACxB,qMACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,KAAM,yEACN,MAAO,4EACR,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CACF,CAOD,SAAS,EAAU,CAAE,YAAW,UAAU,UAAW,GAAG,GAA+E,CACrI,OAAO,EAAC,MAAA,CAAI,YAAU,aAAa,eAAc,EAAS,UAAW,EAAG,EAAkB,CAAE,UAAS,YAAW,CAAC,CAAC,CAAE,GAAI,GAAS,CAInI,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAA,CAAI,YAAU,eAAe,UAAW,EAAG,oEAAqE,EAAU,CAAE,GAAI,GAAS,CAInJ,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAC,MAAA,CAAI,YAAU,aAAa,UAAW,EAAG,iEAAkE,EAAU,CAAE,GAAI,GAAS,CAI9I,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAoC,CAC3E,OACE,EAAC,IAAA,CACC,YAAU,mBACV,UAAW,EACT,qFACA,oEACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAA,CAAI,YAAU,eAAe,UAAW,EAAG,0BAA2B,EAAU,CAAE,GAAI,GAAS,CAIzG,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,qDAAsD,EAAU,CAAE,GAAI,GAAS,CAInI,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,qDAAsD,EAAU,CAAE,GAAI,GAAS"}

package/dist/label--hinNDHW.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({className:e,...i}){return(0,n.jsx)(r.Label.Root,{"data-slot":`label`,className:(0,t.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`,e),...i})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=label--hinNDHW.cjs.map

package/dist/label--hinNDHW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"label--hinNDHW.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":"6IAkBA,SAAS,EAAM,CAAE,YAAW,GAAG,GAA2D,CACxF,OACE,EAAA,EAAA,KAACA,EAAAA,MAAe,KAAA,CACd,YAAU,QACV,WAAA,EAAA,EAAA,IACE,qBACA,0BACA,iDACA,iDACA,wCACA,mCACA,2BACA,EACD,CACD,GAAI,GACJ"}

package/dist/label-BMVyfKu9.mjs

@@ -1,2 +0,0 @@
-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 t};
-//# sourceMappingURL=label-BMVyfKu9.mjs.map

package/dist/label-BMVyfKu9.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"label-BMVyfKu9.mjs","names":["Label","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":"6HAkBA,SAASA,EAAM,CAAE,YAAW,GAAG,GAA2D,CACxF,OACE,EAACC,EAAe,KAAA,CACd,YAAU,QACV,UAAW,EACT,qBACA,0BACA,iDACA,iDACA,wCACA,mCACA,2BACA,EACD,CACD,GAAI,GACJ"}

package/dist/label-CCE-kS4j.d.mts

@@ -1,24 +0,0 @@
-import * as react131 from "react";
-import { Label } 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$1({
-  className,
-  ...props
-}: React.ComponentProps<typeof Label.Root>): react131.JSX.Element;
-//#endregion
-export { Label$1 as t };
-//# sourceMappingURL=label-CCE-kS4j.d.mts.map

package/dist/label-DGJL4U_f.d.cts

@@ -1,24 +0,0 @@
-import * as react138 from "react";
-import { Label } 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$1({
-  className,
-  ...props
-}: React.ComponentProps<typeof Label.Root>): react138.JSX.Element;
-//#endregion
-export { Label$1 as t };
-//# sourceMappingURL=label-DGJL4U_f.d.cts.map

package/dist/loading-dialog-CEkua3Lh.mjs

@@ -1,2 +0,0 @@
-import{l as e,r as t,t as n}from"./dialog--BvCecaD.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({open:a,onOpenChange:o})=>r(n,{open:a,onOpenChange:o,children:i(t,{showCloseButton:!1,className:`pointer-events-none border-none bg-transparent shadow-none outline-none [&>div]:bg-transparent`,children:[r(e,{}),r(`div`,{className:`flex items-center justify-center`,children:r(`div`,{className:`loader opacity-60`})})]})});export{a as t};
-//# sourceMappingURL=loading-dialog-CEkua3Lh.mjs.map

package/dist/loading-dialog-CEkua3Lh.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"loading-dialog-CEkua3Lh.mjs","names":["LoadingDialog: React.FC<LoadingDialogProps>"],"sources":["../packages/components/dialogs/loading-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog, DialogContent, DialogTitle } from '../ui/dialog';\n\nexport type LoadingDialogProps = {\n  /** Controls whether the dialog is open. */\n  open?: boolean;\n  /** Callback invoked when the dialog open state changes. */\n  onOpenChange?: (open: boolean) => void;\n};\n\n/**\n * Displays a transparent, pointer-events-disabled modal overlay with a centered loading spinner.\n *\n * @example\n * ```tsx\n * import { LoadingDialog } from '@customafk/lunas-ui/dialogs/loading-dialog';\n *\n * <LoadingDialog open={isLoading} onOpenChange={setIsLoading} />\n * ```\n */\nexport const LoadingDialog: React.FC<LoadingDialogProps> = ({ open, onOpenChange }) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent showCloseButton={false} className=\"pointer-events-none border-none bg-transparent shadow-none outline-none [&>div]:bg-transparent\">\n        <DialogTitle />\n        <div className=\"flex items-center justify-center\">\n          <div className=\"loader opacity-60\" />\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"0GAqBA,MAAaA,GAA+C,CAAE,OAAM,kBAEhE,EAAC,EAAA,CAAa,OAAoB,wBAChC,EAAC,EAAA,CAAc,gBAAiB,GAAO,UAAU,2GAC/C,EAAC,EAAA,EAAA,CAAc,CACf,EAAC,MAAA,CAAI,UAAU,4CACb,EAAC,MAAA,CAAI,UAAU,oBAAA,CAAsB,EACjC,CAAA,EACQ,EACT"}

package/dist/loading-dialog-D8kCsJID.d.cts

@@ -1,21 +0,0 @@
-//#region packages/components/dialogs/loading-dialog.d.ts
-type LoadingDialogProps = {
-  /** Controls whether the dialog is open. */
-  open?: boolean;
-  /** Callback invoked when the dialog open state changes. */
-  onOpenChange?: (open: boolean) => void;
-};
-/**
- * Displays a transparent, pointer-events-disabled modal overlay with a centered loading spinner.
- *
- * @example
- * ```tsx
- * import { LoadingDialog } from '@customafk/lunas-ui/dialogs/loading-dialog';
- *
- * <LoadingDialog open={isLoading} onOpenChange={setIsLoading} />
- * ```
- */
-declare const LoadingDialog: React.FC<LoadingDialogProps>;
-//#endregion
-export { LoadingDialogProps as n, LoadingDialog as t };
-//# sourceMappingURL=loading-dialog-D8kCsJID.d.cts.map

package/dist/loading-dialog-DLvA8-yT.d.mts

@@ -1,21 +0,0 @@
-//#region packages/components/dialogs/loading-dialog.d.ts
-type LoadingDialogProps = {
-  /** Controls whether the dialog is open. */
-  open?: boolean;
-  /** Callback invoked when the dialog open state changes. */
-  onOpenChange?: (open: boolean) => void;
-};
-/**
- * Displays a transparent, pointer-events-disabled modal overlay with a centered loading spinner.
- *
- * @example
- * ```tsx
- * import { LoadingDialog } from '@customafk/lunas-ui/dialogs/loading-dialog';
- *
- * <LoadingDialog open={isLoading} onOpenChange={setIsLoading} />
- * ```
- */
-declare const LoadingDialog: React.FC<LoadingDialogProps>;
-//#endregion
-export { LoadingDialogProps as n, LoadingDialog as t };
-//# sourceMappingURL=loading-dialog-DLvA8-yT.d.mts.map

package/dist/loading-dialog-DYZmHC1A.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./dialog-DNEUhYSv.cjs`);let n=require(`react/jsx-runtime`);const r=({open:e,onOpenChange:r})=>(0,n.jsx)(t.t,{open:e,onOpenChange:r,children:(0,n.jsxs)(t.r,{showCloseButton:!1,className:`pointer-events-none border-none bg-transparent shadow-none outline-none [&>div]:bg-transparent`,children:[(0,n.jsx)(t.l,{}),(0,n.jsx)(`div`,{className:`flex items-center justify-center`,children:(0,n.jsx)(`div`,{className:`loader opacity-60`})})]})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
-//# sourceMappingURL=loading-dialog-DYZmHC1A.cjs.map

package/dist/loading-dialog-DYZmHC1A.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"loading-dialog-DYZmHC1A.cjs","names":["LoadingDialog: React.FC<LoadingDialogProps>","Dialog","DialogContent","DialogTitle"],"sources":["../packages/components/dialogs/loading-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog, DialogContent, DialogTitle } from '../ui/dialog';\n\nexport type LoadingDialogProps = {\n  /** Controls whether the dialog is open. */\n  open?: boolean;\n  /** Callback invoked when the dialog open state changes. */\n  onOpenChange?: (open: boolean) => void;\n};\n\n/**\n * Displays a transparent, pointer-events-disabled modal overlay with a centered loading spinner.\n *\n * @example\n * ```tsx\n * import { LoadingDialog } from '@customafk/lunas-ui/dialogs/loading-dialog';\n *\n * <LoadingDialog open={isLoading} onOpenChange={setIsLoading} />\n * ```\n */\nexport const LoadingDialog: React.FC<LoadingDialogProps> = ({ open, onOpenChange }) => {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent showCloseButton={false} className=\"pointer-events-none border-none bg-transparent shadow-none outline-none [&>div]:bg-transparent\">\n        <DialogTitle />\n        <div className=\"flex items-center justify-center\">\n          <div className=\"loader opacity-60\" />\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"8GAqBA,MAAaA,GAA+C,CAAE,OAAM,mBAEhE,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAa,OAAoB,yBAChC,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAc,gBAAiB,GAAO,UAAU,4GAC/C,EAAA,EAAA,KAACC,EAAAA,EAAAA,EAAAA,CAAc,EACf,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,6CACb,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,oBAAA,CAAsB,EACjC,CAAA,EACQ,EACT"}