@customafk/lunas-ui 0.1.3 → 0.1.4

package/dist/forms/switch-field.js

@@ -1,2 +0,0 @@
-"use client";import"../label-pQFhmWzJ.js";import"../separator-udZphpLE.js";import{n as e}from"../field-CBs15wFj.js";import{a as t,i as n,n as r,o as i,r as a,s as o}from"../form-aAvu-cMF.js";import{t as s}from"../switch-DY634XAU.js";import{Activity as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=({name:d,label:f=`Switch Field`,className:p=``,description:m,isShowErrorMsg:h=!1})=>l(n,{name:d,render:({field:n})=>u(t,{className:p,children:[l(e,{children:u(c,{mode:f||m?`visible`:`hidden`,children:[l(i,{children:f}),m&&l(a,{className:`text-xs`,children:m})]})}),u(`div`,{className:`basis-3/5`,children:[l(r,{children:l(s,{checked:n.value,className:`!w-8`,onCheckedChange:n.onChange})}),h&&l(o,{})]})]})});export{d as SwitchField};
-//# sourceMappingURL=switch-field.js.map

package/dist/forms/switch-field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch-field.js","names":[],"sources":["../../packages/components/forms/switch-field.tsx"],"sourcesContent":["'use client';\nimport { Activity } from 'react';\nimport type { FieldPath, FieldValues } from 'react-hook-form';\n\nimport { FieldContent } from '../ui/field';\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../ui/form';\nimport { Switch } from '../ui/switch';\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>;\n  label?: string;\n  className?: string;\n  description?: string;\n  isShowErrorMsg?: boolean;\n};\nexport const SwitchField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Switch Field',\n  className = '',\n  description,\n  isShowErrorMsg = false,\n}: Props<TFieldValues>) => {\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <FieldContent>\n            <Activity mode={label || description ? 'visible' : 'hidden'}>\n              <FormLabel>{label}</FormLabel>\n              {description && <FormDescription className=\"text-xs\">{description}</FormDescription>}\n            </Activity>\n          </FieldContent>\n          <div className=\"basis-3/5\">\n            <FormControl>\n              <Switch checked={field.value} className=\"!w-8\" onCheckedChange={field.onChange} />\n            </FormControl>\n            {isShowErrorMsg && <FormMessage />}\n          </div>\n        </FormItem>\n      )}\n    />\n  );\n};\n"],"mappings":"4TAeA,MAAa,GAA+D,CAC1E,OACA,QAAQ,eACR,YAAY,GACZ,cACA,iBAAiB,MAGf,EAAC,EAAA,CACO,OACN,QAAS,CAAE,WACT,EAAC,EAAA,CAAoB,sBACnB,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAS,KAAM,GAAS,EAAc,UAAY,mBACjD,EAAC,EAAA,CAAA,SAAW,EAAA,CAAkB,CAC7B,GAAe,EAAC,EAAA,CAAgB,UAAU,mBAAW,GAA8B,CAAA,EAC3E,CAAA,CACE,CACf,EAAC,MAAA,CAAI,UAAU,sBACb,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAO,QAAS,EAAM,MAAO,UAAU,OAAO,gBAAiB,EAAM,UAAY,CAAA,CACtE,CACb,GAAkB,EAAC,EAAA,EAAA,CAAc,CAAA,EAC9B,CAAA,EACG,EAEb"}

package/dist/forms/text-field-BZseX-Mg.d.ts

@@ -1,33 +0,0 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/text-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  description?: string;
-  placeholder?: string;
-  isNested?: boolean;
-  isShowLabel?: boolean;
-  isShowClearButton?: boolean;
-  isShowErrorMsg?: boolean;
-  isShowCount?: boolean;
-  className?: string;
-  onValueChange?: (value: string) => void;
-};
-declare const TextField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  placeholder,
-  isNested,
-  isShowLabel,
-  isShowClearButton,
-  isShowErrorMsg,
-  isShowCount,
-  description,
-  className,
-  onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime9.JSX.Element;
-//#endregion
-export { TextField };
-//# sourceMappingURL=text-field-BZseX-Mg.d.ts.map

package/dist/forms/text-field-CVNbUPh7.d.cts

@@ -1,33 +0,0 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/text-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  description?: string;
-  placeholder?: string;
-  isNested?: boolean;
-  isShowLabel?: boolean;
-  isShowClearButton?: boolean;
-  isShowErrorMsg?: boolean;
-  isShowCount?: boolean;
-  className?: string;
-  onValueChange?: (value: string) => void;
-};
-declare const TextField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  placeholder,
-  isNested,
-  isShowLabel,
-  isShowClearButton,
-  isShowErrorMsg,
-  isShowCount,
-  description,
-  className,
-  onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime11.JSX.Element;
-//#endregion
-export { TextField };
-//# sourceMappingURL=text-field-CVNbUPh7.d.cts.map

package/dist/forms/text-field.js

@@ -1,2 +0,0 @@
-"use client";import{t as e}from"../flex-R1TY6P_u.js";import"../label-pQFhmWzJ.js";import"../separator-udZphpLE.js";import{n as t}from"../field-CBs15wFj.js";import{a as n,i as r,n as i,o as a,r as o,s}from"../form-aAvu-cMF.js";import{t as c}from"../input-C_Q32lFA.js";import{XIcon as l}from"lucide-react";import{Activity as u,memo as d,useCallback as f}from"react";import{cn as p}from"@customafk/react-toolkit/utils";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{cva as _}from"class-variance-authority";import{useFormContext as v,useWatch as y}from"react-hook-form";const b=_([`absolute inset-y-0 end-0 top-3 flex h-fit w-8 cursor-pointer 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:ring-2 focus-visible:ring-border`]),x=d(({name:t,isShowClearButton:n,isShowCount:r,isShowErrorMsg:i,onClear:a})=>{let o=y({name:t}),c=f(()=>{a(t)},[a,t]);return g(m,{children:[n&&o&&h(`button`,{type:`button`,className:b(),"aria-label":`Clear input`,onClick:c,children:h(l,{size:14,"aria-hidden":`true`})}),g(e,{width:`full`,padding:`none`,justify:`end`,children:[i&&h(s,{className:`grow`}),r&&g(`div`,{className:`text-end text-text-positive-weak text-xs`,children:[o?.length??0,` characters`]})]})]})});x.displayName=`CountCharacters`;const S=({name:e,label:s=`Text Field`,placeholder:l=`Enter text here`,isNested:d=!1,isShowLabel:f=!0,isShowClearButton:m=!1,isShowErrorMsg:_=!1,isShowCount:y=!1,description:b,className:S=``,onValueChange:C})=>{let{resetField:w}=v();return d?h(r,{name:e,render:({field:{onChange:r,...d}})=>g(n,{orientation:`vertical`,className:`gap-1`,children:[h(u,{mode:s||b?`visible`:`hidden`,children:g(t,{children:[h(a,{className:`text-xs`,children:s}),!!b&&h(o,{children:b})]})}),g(`div`,{className:`flex w-full flex-col justify-start`,children:[h(i,{children:h(c,{...d,placeholder:l,className:p(`w-full`,m&&`pr-9`),onValueChange:C})}),h(x,{name:e,isShowClearButton:m,isShowCount:y,isShowErrorMsg:_,onClear:w})]})]})}):h(r,{name:e,render:({field:r})=>g(n,{className:S,children:[h(t,{children:g(u,{mode:s||b?`visible`:`hidden`,children:[f&&h(a,{children:s}),!!b&&h(o,{children:b})]})}),g(`div`,{className:`relative basis-3/5`,children:[h(i,{children:h(c,{ref:r.ref,value:r.value,disabled:r.disabled,onChange:r.onChange,onBlur:r.onBlur,placeholder:l,className:p(`w-full`,m&&`pr-9`),onValueChange:C})}),h(x,{name:e,isShowClearButton:m,isShowCount:y,isShowErrorMsg:_,onClear:w})]})]})})};export{S as TextField};
-//# sourceMappingURL=text-field.js.map

package/dist/forms/text-field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-field.js","names":[],"sources":["../../packages/components/forms/text-field.tsx"],"sourcesContent":["'use client';\n\nimport { Activity, memo, useCallback } from 'react';\nimport { type FieldPath, type FieldValues, useFormContext, useWatch } from 'react-hook-form';\n\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva } from 'class-variance-authority';\nimport { Flex } from '../layouts/flex';\nimport { FieldContent } from '../ui/field';\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../ui/form';\nimport { Input } from '../ui/input';\n\nconst clearBtnVariant = cva([\n  'absolute inset-y-0 end-0 top-3 flex h-fit w-8 cursor-pointer 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:ring-2 focus-visible:ring-border',\n]);\n\ntype CountCharactersProps = {\n  name: string;\n  isShowClearButton: boolean;\n  isShowErrorMsg?: boolean;\n  isShowCount?: boolean;\n  onClear: (name: string) => void;\n};\nconst CountCharacters = memo(({ name, isShowClearButton, isShowCount, isShowErrorMsg, onClear }: CountCharactersProps) => {\n  const valueWatch = useWatch({ name });\n\n  const handleClearInput = useCallback(() => {\n    onClear(name);\n  }, [onClear, name]);\n  return (\n    <>\n      {isShowClearButton && valueWatch && (\n        <button type=\"button\" className={clearBtnVariant()} aria-label=\"Clear input\" onClick={handleClearInput}>\n          <XIcon size={14} aria-hidden=\"true\" />\n        </button>\n      )}\n      <Flex width=\"full\" padding=\"none\" justify=\"end\">\n        {isShowErrorMsg && <FormMessage className=\"grow\" />}\n        {isShowCount && <div className=\"text-end text-text-positive-weak text-xs\">{valueWatch?.length ?? 0} characters</div>}\n      </Flex>\n    </>\n  );\n});\nCountCharacters.displayName = 'CountCharacters';\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>;\n  label?: string;\n  description?: string;\n  placeholder?: string;\n  isNested?: boolean;\n  isShowLabel?: boolean;\n  isShowClearButton?: boolean;\n  isShowErrorMsg?: boolean;\n  isShowCount?: boolean;\n  className?: string;\n  onValueChange?: (value: string) => void;\n};\nexport const TextField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Text Field',\n  placeholder = 'Enter text here',\n  isNested = false,\n  isShowLabel = true,\n  isShowClearButton = false,\n  isShowErrorMsg = false,\n  isShowCount = false,\n  description,\n  className = '',\n  onValueChange,\n}: Props<TFieldValues>) => {\n  const { resetField } = useFormContext();\n\n  if (isNested) {\n    return (\n      <FormField\n        name={name}\n        render={({ field: { onChange, ...field } }) => (\n          <FormItem orientation=\"vertical\" className=\"gap-1\">\n            <Activity mode={label || description ? 'visible' : 'hidden'}>\n              <FieldContent>\n                <FormLabel className=\"text-xs\">{label}</FormLabel>\n                {!!description && <FormDescription>{description}</FormDescription>}\n              </FieldContent>\n            </Activity>\n            <div className=\"flex w-full flex-col justify-start\">\n              <FormControl>\n                <Input {...field} placeholder={placeholder} className={cn('w-full', isShowClearButton && 'pr-9')} onValueChange={onValueChange} />\n              </FormControl>\n              <CountCharacters\n                name={name}\n                isShowClearButton={isShowClearButton}\n                isShowCount={isShowCount}\n                isShowErrorMsg={isShowErrorMsg}\n                onClear={resetField}\n              />\n            </div>\n          </FormItem>\n        )}\n      ></FormField>\n    );\n  }\n\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <FieldContent>\n            <Activity mode={label || description ? 'visible' : 'hidden'}>\n              {isShowLabel && <FormLabel>{label}</FormLabel>}\n              {!!description && <FormDescription>{description}</FormDescription>}\n            </Activity>\n          </FieldContent>\n          <div className=\"relative basis-3/5\">\n            <FormControl>\n              <Input\n                ref={field.ref}\n                value={field.value}\n                disabled={field.disabled}\n                onChange={field.onChange}\n                onBlur={field.onBlur}\n                placeholder={placeholder}\n                className={cn('w-full', isShowClearButton && 'pr-9')}\n                onValueChange={onValueChange}\n              />\n            </FormControl>\n            <CountCharacters name={name} isShowClearButton={isShowClearButton} isShowCount={isShowCount} isShowErrorMsg={isShowErrorMsg} onClear={resetField} />\n          </div>\n        </FormItem>\n      )}\n    />\n  );\n};\n"],"mappings":"8kBAeA,MAAM,EAAkB,EAAI,CAC1B,8PACD,CAAC,CASI,EAAkB,GAAM,CAAE,OAAM,oBAAmB,cAAa,iBAAgB,aAAoC,CACxH,IAAM,EAAa,EAAS,CAAE,OAAM,CAAC,CAE/B,EAAmB,MAAkB,CACzC,EAAQ,EAAK,EACZ,CAAC,EAAS,EAAK,CAAC,CACnB,OACE,EAAA,EAAA,CAAA,SAAA,CACG,GAAqB,GACpB,EAAC,SAAA,CAAO,KAAK,SAAS,UAAW,GAAiB,CAAE,aAAW,cAAc,QAAS,WACpF,EAAC,EAAA,CAAM,KAAM,GAAI,cAAY,QAAS,EAC/B,CAEX,EAAC,EAAA,CAAK,MAAM,OAAO,QAAQ,OAAO,QAAQ,gBACvC,GAAkB,EAAC,EAAA,CAAY,UAAU,OAAA,CAAS,CAClD,GAAe,EAAC,MAAA,CAAI,UAAU,qDAA4C,GAAY,QAAU,EAAE,cAAA,EAAiB,CAAA,EAC/G,CAAA,CAAA,CACN,EAEL,CACF,EAAgB,YAAc,kBAe9B,MAAa,GAA6D,CACxE,OACA,QAAQ,aACR,cAAc,kBACd,WAAW,GACX,cAAc,GACd,oBAAoB,GACpB,iBAAiB,GACjB,cAAc,GACd,cACA,YAAY,GACZ,mBACyB,CACzB,GAAM,CAAE,cAAe,GAAgB,CAgCvC,OA9BI,EAEA,EAAC,EAAA,CACO,OACN,QAAS,CAAE,MAAO,CAAE,WAAU,GAAG,MAC/B,EAAC,EAAA,CAAS,YAAY,WAAW,UAAU,kBACzC,EAAC,EAAA,CAAS,KAAM,GAAS,EAAc,UAAY,kBACjD,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAU,UAAU,mBAAW,GAAkB,CACjD,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB,EAAA,CAA8B,CAAA,CAAA,CACrD,EACN,CACX,EAAC,MAAA,CAAI,UAAU,+CACb,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAM,GAAI,EAAoB,cAAa,UAAW,EAAG,SAAU,GAAqB,OAAO,CAAiB,iBAAiB,CAAA,CACtH,CACd,EAAC,EAAA,CACO,OACa,oBACN,cACG,iBAChB,QAAS,GACT,CAAA,EACE,CAAA,EACG,EAEF,CAKf,EAAC,EAAA,CACO,OACN,QAAS,CAAE,WACT,EAAC,EAAA,CAAoB,sBACnB,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAS,KAAM,GAAS,EAAc,UAAY,mBAChD,GAAe,EAAC,EAAA,CAAA,SAAW,EAAA,CAAkB,CAC7C,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB,EAAA,CAA8B,CAAA,EACzD,CAAA,CACE,CACf,EAAC,MAAA,CAAI,UAAU,+BACb,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CACC,IAAK,EAAM,IACX,MAAO,EAAM,MACb,SAAU,EAAM,SAChB,SAAU,EAAM,SAChB,OAAQ,EAAM,OACD,cACb,UAAW,EAAG,SAAU,GAAqB,OAAO,CACrC,iBACf,CAAA,CACU,CACd,EAAC,EAAA,CAAsB,OAAyB,oBAAgC,cAA6B,iBAAgB,QAAS,GAAc,CAAA,EAChJ,CAAA,EACG,EAEb"}

package/dist/forms/textarea-field-CVBldrJB.d.cts

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime39 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/textarea-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  description?: string;
-  placeholder?: string;
-  isShowErrorMsg?: boolean;
-  isShowCount?: boolean;
-  rows?: number;
-  onValueChange?: (value: string) => void;
-};
-declare const TextareaField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  placeholder,
-  isShowErrorMsg,
-  isShowCount,
-  description,
-  rows,
-  onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime39.JSX.Element;
-//#endregion
-export { TextareaField };
-//# sourceMappingURL=textarea-field-CVBldrJB.d.cts.map

package/dist/forms/textarea-field-CqbGzc7q.d.ts

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/textarea-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  description?: string;
-  placeholder?: string;
-  isShowErrorMsg?: boolean;
-  isShowCount?: boolean;
-  rows?: number;
-  onValueChange?: (value: string) => void;
-};
-declare const TextareaField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  placeholder,
-  isShowErrorMsg,
-  isShowCount,
-  description,
-  rows,
-  onValueChange
-}: Props<TFieldValues>) => react_jsx_runtime10.JSX.Element;
-//#endregion
-export { TextareaField };
-//# sourceMappingURL=textarea-field-CqbGzc7q.d.ts.map

package/dist/forms/textarea-field.js

@@ -1,2 +0,0 @@
-"use client";import{t as e}from"../flex-R1TY6P_u.js";import"../label-pQFhmWzJ.js";import"../separator-udZphpLE.js";import{n as t}from"../field-CBs15wFj.js";import{a as n,i as r,n as i,o as a,r as o,s}from"../form-aAvu-cMF.js";import{t as c}from"../textarea-CGM_TA39.js";import{Activity as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{useWatch as f}from"react-hook-form";const p=({name:p,label:m=`Textarea Field`,placeholder:h=`Enter text here`,isShowErrorMsg:g=!1,isShowCount:_=!1,description:v,rows:y=3,onValueChange:b})=>{let x=f({name:p});return u(r,{name:p,render:({field:r})=>d(n,{className:`w-full`,children:[u(l,{mode:m||v?`visible`:`hidden`,children:d(t,{children:[u(a,{children:m}),!!v&&u(o,{children:v})]})}),d(`div`,{className:`relative basis-3/5`,children:[u(i,{children:u(c,{...r,placeholder:h,className:`w-full`,rows:y,onValueChange:b})}),d(e,{width:`full`,padding:`none`,justify:`end`,children:[_&&d(`div`,{className:`text-muted-foreground text-end text-xs`,children:[x?.length??0,` characters`]}),g&&u(s,{})]})]})]})})};export{p as TextareaField};
-//# sourceMappingURL=textarea-field.js.map

package/dist/forms/textarea-field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-field.js","names":[],"sources":["../../packages/components/forms/textarea-field.tsx"],"sourcesContent":["'use client';\nimport { Activity } from 'react';\nimport { type FieldPath, type FieldValues, useWatch } from 'react-hook-form';\n\nimport { Flex } from '../layouts/flex';\nimport { FieldContent } from '../ui/field';\nimport { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../ui/form';\nimport { Textarea } from '../ui/textarea';\n\ntype Props<TFieldValues extends FieldValues = FieldValues> = {\n  name: FieldPath<TFieldValues>;\n  label?: string;\n  description?: string;\n  placeholder?: string;\n  isShowErrorMsg?: boolean;\n  isShowCount?: boolean;\n  rows?: number;\n  onValueChange?: (value: string) => void;\n};\nexport const TextareaField = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  label = 'Textarea Field',\n  placeholder = 'Enter text here',\n  isShowErrorMsg = false,\n  isShowCount = false,\n  description,\n  rows = 3,\n  onValueChange,\n}: Props<TFieldValues>) => {\n  const valueWatch = useWatch({ name });\n\n  return (\n    <FormField\n      name={name}\n      render={({ field }) => (\n        <FormItem className=\"w-full\">\n          <Activity mode={label || description ? 'visible' : 'hidden'}>\n            <FieldContent>\n              <FormLabel>{label}</FormLabel>\n              {!!description && <FormDescription>{description}</FormDescription>}\n            </FieldContent>\n          </Activity>\n          <div className=\"relative basis-3/5\">\n            <FormControl>\n              <Textarea {...field} placeholder={placeholder} className=\"w-full\" rows={rows} onValueChange={onValueChange} />\n            </FormControl>\n            <Flex width=\"full\" padding=\"none\" justify=\"end\">\n              {isShowCount && <div className=\"text-muted-foreground text-end text-xs\">{valueWatch?.length ?? 0} characters</div>}\n              {isShowErrorMsg && <FormMessage />}\n            </Flex>\n          </div>\n        </FormItem>\n      )}\n    />\n  );\n};\n"],"mappings":"4YAmBA,MAAa,GAAiE,CAC5E,OACA,QAAQ,iBACR,cAAc,kBACd,iBAAiB,GACjB,cAAc,GACd,cACA,OAAO,EACP,mBACyB,CACzB,IAAM,EAAa,EAAS,CAAE,OAAM,CAAC,CAErC,OACE,EAAC,EAAA,CACO,OACN,QAAS,CAAE,WACT,EAAC,EAAA,CAAS,UAAU,mBAClB,EAAC,EAAA,CAAS,KAAM,GAAS,EAAc,UAAY,kBACjD,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAA,SAAW,EAAA,CAAkB,CAC7B,CAAC,CAAC,GAAe,EAAC,EAAA,CAAA,SAAiB,EAAA,CAA8B,CAAA,CAAA,CACrD,EACN,CACX,EAAC,MAAA,CAAI,UAAU,+BACb,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAS,GAAI,EAAoB,cAAa,UAAU,SAAe,OAAqB,iBAAiB,CAAA,CAClG,CACd,EAAC,EAAA,CAAK,MAAM,OAAO,QAAQ,OAAO,QAAQ,gBACvC,GAAe,EAAC,MAAA,CAAI,UAAU,mDAA0C,GAAY,QAAU,EAAE,cAAA,EAAiB,CACjH,GAAkB,EAAC,EAAA,EAAA,CAAc,CAAA,EAC7B,CAAA,EACH,CAAA,EACG,EAEb"}

package/dist/image-CEpDTwsN.js

@@ -1,2 +0,0 @@
-import{t as e}from"./skeleton-CDtN_I2p.js";import{AlertCircleIcon as t}from"lucide-react";import{useCallback as n,useRef as r,useState as i}from"react";import{cn as a}from"@customafk/react-toolkit/utils";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({src:c,alt:l,width:u,height:d,maxRetries:f=3,retryDelay:p=500,className:m,imageClassName:h,onClick:g})=>{let _=r(null),[v,y]=i(c),[b,x]=i(0),[S,C]=i(!1),[w,T]=i(!1),E=n(()=>{C(!0)},[]),D=n(()=>{if(b<f){T(!1);let e=b+1;x(e),setTimeout(()=>{y(c+`?retry=${Date.now()}&attempt=${e}`)},p*e);return}T(!0),C(!0),y(c)},[f,b,p,c]);return w?o(`div`,{style:{width:u,height:d},className:a(`@container relative inline-block`,m),children:s(`div`,{className:`bg-danger-muted shadow-card flex size-full flex-col items-center justify-center gap-y-2 rounded-md`,children:[o(t,{className:`text-danger size-8 @max-[52px]:size-6`}),o(`span`,{className:`text-danger-weak text-center text-xs @max-[96px]:sr-only`,children:`Image failed to load`})]})}):s(`div`,{style:{width:u,height:d},className:a(`relative flex items-center justify-center overflow-hidden rounded-md`,m),onClick:g,children:[!S&&o(e,{className:`absolute inset-0 flex size-full animate-pulse items-center justify-center`}),o(`img`,{src:v,className:`absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60`}),o(`img`,{id:v,ref:_,src:v,alt:l,loading:`lazy`,className:a(`shadow-card relative h-[120%] w-auto object-cover transition-opacity duration-300`,S&&`opacity-100`,!S&&`pointer-events-none opacity-0`,h),onLoad:E,onError:D})]})};export{c as t};
-//# sourceMappingURL=image-CEpDTwsN.js.map

package/dist/image-CEpDTwsN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-CEpDTwsN.js","names":["Image: React.FC<Props>"],"sources":["../packages/components/ui/image.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport { AlertCircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Skeleton } from './skeleton';\n\ntype Props = {\n  src?: string;\n  alt?: string;\n  width?: number | string;\n  height?: number | string;\n  maxRetries?: number;\n  retryDelay?: number;\n  className?: string;\n  imageClassName?: string;\n  onClick?: () => void;\n};\nexport const Image: React.FC<Props> = ({ src, alt, width, height, maxRetries = 3, retryDelay = 500, className, imageClassName, onClick }) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [currentSrc, setCurrentSrc] = useState<string | undefined>(src);\n  const [retryCount, setRetryCount] = useState<number>(0);\n  const [isLoaded, setIsLoaded] = useState<boolean>(false);\n  const [hasError, setHasError] = useState<boolean>(false);\n\n  const handleLoad = useCallback(() => {\n    setIsLoaded(true);\n  }, []);\n\n  const handleError = useCallback(() => {\n    if (retryCount < maxRetries) {\n      // imageRef.current?.style.setProperty('display', 'none')\n      setHasError(false);\n      const newRetryCount = retryCount + 1;\n      setRetryCount(newRetryCount);\n\n      // Retry with exponential backoff and cache busting\n      setTimeout(() => {\n        const cacheBuster = `?retry=${Date.now()}&attempt=${newRetryCount}`;\n        setCurrentSrc(src + cacheBuster);\n      }, retryDelay * newRetryCount);\n      return;\n    }\n\n    setHasError(true);\n    setIsLoaded(true);\n    setCurrentSrc(src);\n  }, [maxRetries, retryCount, retryDelay, src]);\n\n  if (hasError) {\n    return (\n      <div style={{ width, height }} className={cn('@container relative inline-block', className)}>\n        <div className=\"bg-danger-muted shadow-card flex size-full flex-col items-center justify-center gap-y-2 rounded-md\">\n          <AlertCircleIcon className=\"text-danger size-8 @max-[52px]:size-6\" />\n          <span className=\"text-danger-weak text-center text-xs @max-[96px]:sr-only\">Image failed to load</span>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ width, height }} className={cn('relative flex items-center justify-center overflow-hidden rounded-md', className)} onClick={onClick}>\n      {!isLoaded && <Skeleton className=\"absolute inset-0 flex size-full animate-pulse items-center justify-center\" />}\n      <img src={currentSrc} className=\"absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60\" />\n      <img\n        id={currentSrc}\n        ref={imageRef}\n        src={currentSrc}\n        alt={alt}\n        loading=\"lazy\"\n        className={cn(\n          'shadow-card relative h-[120%] w-auto object-cover transition-opacity duration-300',\n          isLoaded && 'opacity-100',\n          !isLoaded && 'pointer-events-none opacity-0',\n          imageClassName\n        )}\n        onLoad={handleLoad}\n        onError={handleError}\n      />\n    </div>\n  );\n};\n"],"mappings":"8PAmBA,MAAaA,GAA0B,CAAE,MAAK,MAAK,QAAO,SAAQ,aAAa,EAAG,aAAa,IAAK,YAAW,iBAAgB,aAAc,CAC3I,IAAM,EAAW,EAAyB,KAAK,CACzC,CAAC,EAAY,GAAiB,EAA6B,EAAI,CAC/D,CAAC,EAAY,GAAiB,EAAiB,EAAE,CACjD,CAAC,EAAU,GAAe,EAAkB,GAAM,CAClD,CAAC,EAAU,GAAe,EAAkB,GAAM,CAElD,EAAa,MAAkB,CACnC,EAAY,GAAK,EAChB,EAAE,CAAC,CAEA,EAAc,MAAkB,CACpC,GAAI,EAAa,EAAY,CAE3B,EAAY,GAAM,CAClB,IAAM,EAAgB,EAAa,EACnC,EAAc,EAAc,CAG5B,eAAiB,CAEf,EAAc,EADM,UAAU,KAAK,KAAK,CAAC,WAAW,IACpB,EAC/B,EAAa,EAAc,CAC9B,OAGF,EAAY,GAAK,CACjB,EAAY,GAAK,CACjB,EAAc,EAAI,EACjB,CAAC,EAAY,EAAY,EAAY,EAAI,CAAC,CAa7C,OAXI,EAEA,EAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,UAAW,EAAG,mCAAoC,EAAU,UACzF,EAAC,MAAA,CAAI,UAAU,+GACb,EAAC,EAAA,CAAgB,UAAU,wCAAA,CAA0C,CACrE,EAAC,OAAA,CAAK,UAAU,oEAA2D,wBAA2B,CAAA,EAClG,EACF,CAKR,EAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,UAAW,EAAG,uEAAwE,EAAU,CAAW,oBACvI,CAAC,GAAY,EAAC,EAAA,CAAS,UAAU,4EAAA,CAA8E,CAChH,EAAC,MAAA,CAAI,IAAK,EAAY,UAAU,+EAAgF,CAChH,EAAC,MAAA,CACC,GAAI,EACJ,IAAK,EACL,IAAK,EACA,MACL,QAAQ,OACR,UAAW,EACT,oFACA,GAAY,cACZ,CAAC,GAAY,gCACb,EACD,CACD,OAAQ,EACR,QAAS,GACT,GACE"}

package/dist/image-Dq0ZoOjj.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./skeleton-C4suljHP.cjs`);let n=require(`lucide-react`),r=require(`react`),i=require(`@customafk/react-toolkit/utils`),a=require(`react/jsx-runtime`);const o=({src:e,alt:o,width:s,height:c,maxRetries:l=3,retryDelay:u=500,className:d,imageClassName:f,onClick:p})=>{let m=(0,r.useRef)(null),[h,g]=(0,r.useState)(e),[_,v]=(0,r.useState)(0),[y,b]=(0,r.useState)(!1),[x,S]=(0,r.useState)(!1),C=(0,r.useCallback)(()=>{b(!0)},[]),w=(0,r.useCallback)(()=>{if(_<l){S(!1);let t=_+1;v(t),setTimeout(()=>{g(e+`?retry=${Date.now()}&attempt=${t}`)},u*t);return}S(!0),b(!0),g(e)},[l,_,u,e]);return x?(0,a.jsx)(`div`,{style:{width:s,height:c},className:(0,i.cn)(`@container relative inline-block`,d),children:(0,a.jsxs)(`div`,{className:`bg-danger-muted shadow-card flex size-full flex-col items-center justify-center gap-y-2 rounded-md`,children:[(0,a.jsx)(n.AlertCircleIcon,{className:`text-danger size-8 @max-[52px]:size-6`}),(0,a.jsx)(`span`,{className:`text-danger-weak text-center text-xs @max-[96px]:sr-only`,children:`Image failed to load`})]})}):(0,a.jsxs)(`div`,{style:{width:s,height:c},className:(0,i.cn)(`relative flex items-center justify-center overflow-hidden rounded-md`,d),onClick:p,children:[!y&&(0,a.jsx)(t.t,{className:`absolute inset-0 flex size-full animate-pulse items-center justify-center`}),(0,a.jsx)(`img`,{src:h,className:`absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60`}),(0,a.jsx)(`img`,{id:h,ref:m,src:h,alt:o,loading:`lazy`,className:(0,i.cn)(`shadow-card relative h-[120%] w-auto object-cover transition-opacity duration-300`,y&&`opacity-100`,!y&&`pointer-events-none opacity-0`,f),onLoad:C,onError:w})]})};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=image-Dq0ZoOjj.cjs.map

package/dist/image-Dq0ZoOjj.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-Dq0ZoOjj.cjs","names":["Image: React.FC<Props>","AlertCircleIcon","Skeleton"],"sources":["../packages/components/ui/image.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport { AlertCircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Skeleton } from './skeleton';\n\ntype Props = {\n  src?: string;\n  alt?: string;\n  width?: number | string;\n  height?: number | string;\n  maxRetries?: number;\n  retryDelay?: number;\n  className?: string;\n  imageClassName?: string;\n  onClick?: () => void;\n};\nexport const Image: React.FC<Props> = ({ src, alt, width, height, maxRetries = 3, retryDelay = 500, className, imageClassName, onClick }) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [currentSrc, setCurrentSrc] = useState<string | undefined>(src);\n  const [retryCount, setRetryCount] = useState<number>(0);\n  const [isLoaded, setIsLoaded] = useState<boolean>(false);\n  const [hasError, setHasError] = useState<boolean>(false);\n\n  const handleLoad = useCallback(() => {\n    setIsLoaded(true);\n  }, []);\n\n  const handleError = useCallback(() => {\n    if (retryCount < maxRetries) {\n      // imageRef.current?.style.setProperty('display', 'none')\n      setHasError(false);\n      const newRetryCount = retryCount + 1;\n      setRetryCount(newRetryCount);\n\n      // Retry with exponential backoff and cache busting\n      setTimeout(() => {\n        const cacheBuster = `?retry=${Date.now()}&attempt=${newRetryCount}`;\n        setCurrentSrc(src + cacheBuster);\n      }, retryDelay * newRetryCount);\n      return;\n    }\n\n    setHasError(true);\n    setIsLoaded(true);\n    setCurrentSrc(src);\n  }, [maxRetries, retryCount, retryDelay, src]);\n\n  if (hasError) {\n    return (\n      <div style={{ width, height }} className={cn('@container relative inline-block', className)}>\n        <div className=\"bg-danger-muted shadow-card flex size-full flex-col items-center justify-center gap-y-2 rounded-md\">\n          <AlertCircleIcon className=\"text-danger size-8 @max-[52px]:size-6\" />\n          <span className=\"text-danger-weak text-center text-xs @max-[96px]:sr-only\">Image failed to load</span>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ width, height }} className={cn('relative flex items-center justify-center overflow-hidden rounded-md', className)} onClick={onClick}>\n      {!isLoaded && <Skeleton className=\"absolute inset-0 flex size-full animate-pulse items-center justify-center\" />}\n      <img src={currentSrc} className=\"absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60\" />\n      <img\n        id={currentSrc}\n        ref={imageRef}\n        src={currentSrc}\n        alt={alt}\n        loading=\"lazy\"\n        className={cn(\n          'shadow-card relative h-[120%] w-auto object-cover transition-opacity duration-300',\n          isLoaded && 'opacity-100',\n          !isLoaded && 'pointer-events-none opacity-0',\n          imageClassName\n        )}\n        onLoad={handleLoad}\n        onError={handleError}\n      />\n    </div>\n  );\n};\n"],"mappings":"yMAmBA,MAAaA,GAA0B,CAAE,MAAK,MAAK,QAAO,SAAQ,aAAa,EAAG,aAAa,IAAK,YAAW,iBAAgB,aAAc,CAC3I,IAAM,GAAA,EAAA,EAAA,QAAoC,KAAK,CACzC,CAAC,EAAY,IAAA,EAAA,EAAA,UAA8C,EAAI,CAC/D,CAAC,EAAY,IAAA,EAAA,EAAA,UAAkC,EAAE,CACjD,CAAC,EAAU,IAAA,EAAA,EAAA,UAAiC,GAAM,CAClD,CAAC,EAAU,IAAA,EAAA,EAAA,UAAiC,GAAM,CAElD,GAAA,EAAA,EAAA,iBAA+B,CACnC,EAAY,GAAK,EAChB,EAAE,CAAC,CAEA,GAAA,EAAA,EAAA,iBAAgC,CACpC,GAAI,EAAa,EAAY,CAE3B,EAAY,GAAM,CAClB,IAAM,EAAgB,EAAa,EACnC,EAAc,EAAc,CAG5B,eAAiB,CAEf,EAAc,EADM,UAAU,KAAK,KAAK,CAAC,WAAW,IACpB,EAC/B,EAAa,EAAc,CAC9B,OAGF,EAAY,GAAK,CACjB,EAAY,GAAK,CACjB,EAAc,EAAI,EACjB,CAAC,EAAY,EAAY,EAAY,EAAI,CAAC,CAa7C,OAXI,GAEA,EAAA,EAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,WACzF,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,gHACb,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,UAAU,wCAAA,CAA0C,EACrE,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,oEAA2D,wBAA2B,CAAA,EAClG,EACF,EAKR,EAAA,EAAA,MAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,WAAA,EAAA,EAAA,IAAc,uEAAwE,EAAU,CAAW,oBACvI,CAAC,IAAY,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAS,UAAU,4EAAA,CAA8E,EAChH,EAAA,EAAA,KAAC,MAAA,CAAI,IAAK,EAAY,UAAU,+EAAgF,EAChH,EAAA,EAAA,KAAC,MAAA,CACC,GAAI,EACJ,IAAK,EACL,IAAK,EACA,MACL,QAAQ,OACR,WAAA,EAAA,EAAA,IACE,oFACA,GAAY,cACZ,CAAC,GAAY,gCACb,EACD,CACD,OAAQ,EACR,QAAS,GACT,GACE"}

package/dist/input-5mFRUBqN.d.ts

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime300 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types10 from "class-variance-authority/types";
-
-//#region packages/components/ui/input.variants.d.ts
-declare const inputVariants: (props?: ({
-  variant?: "none" | "outline" | "ghost" | "soft" | "subtle" | null | undefined;
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
-type InputVariantProps = VariantProps<typeof inputVariants>;
-//#endregion
-//#region packages/components/ui/input.d.ts
-declare function Input({
-  className,
-  variant,
-  size,
-  onChange,
-  onValueChange,
-  ...props
-}: Omit<React.ComponentProps<'input'>, 'size'> & {
-  variant?: InputVariantProps['variant'];
-  size?: InputVariantProps['size'];
-  onValueChange?: (value: string) => void;
-}): react_jsx_runtime300.JSX.Element;
-//#endregion
-export { Input as t };
-//# sourceMappingURL=input-5mFRUBqN.d.ts.map

package/dist/input-Bm8_w9W9.d.cts

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime108 from "react/jsx-runtime";
-import * as class_variance_authority_types13 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
-
-//#region packages/components/ui/input.variants.d.ts
-declare const inputVariants: (props?: ({
-  variant?: "none" | "outline" | "ghost" | "soft" | "subtle" | null | undefined;
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types13.ClassProp) | undefined) => string;
-type InputVariantProps = VariantProps<typeof inputVariants>;
-//#endregion
-//#region packages/components/ui/input.d.ts
-declare function Input({
-  className,
-  variant,
-  size,
-  onChange,
-  onValueChange,
-  ...props
-}: Omit<React.ComponentProps<'input'>, 'size'> & {
-  variant?: InputVariantProps['variant'];
-  size?: InputVariantProps['size'];
-  onValueChange?: (value: string) => void;
-}): react_jsx_runtime108.JSX.Element;
-//#endregion
-export { Input as t };
-//# sourceMappingURL=input-Bm8_w9W9.d.cts.map

package/dist/input-C_Q32lFA.js

@@ -1,2 +0,0 @@
-import{useCallback as e}from"react";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(`w-full rounded-sm font-normal text-text-positive caret-primary transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,{variants:{variant:{outline:`-outline-offset-1 outline-1 outline-border placeholder:text-text-positive-muted focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4`,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:n,variant:i,size:a,onChange:o,onValueChange:s,...c}){let l=e(e=>{o?.(e),s?.(e.target.value)},[o,s]);return t(`input`,{"data-slot":`input`,className:r({variant:i,size:a,className:n}),...c,onChange:l})}export{i as t};
-//# sourceMappingURL=input-C_Q32lFA.js.map

package/dist/input-C_Q32lFA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-C_Q32lFA.js","names":[],"sources":["../packages/components/ui/input.variants.ts","../packages/components/ui/input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const inputVariants = cva(\n  'w-full rounded-sm font-normal text-text-positive caret-primary transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        outline:\n          '-outline-offset-1 outline-1 outline-border placeholder:text-text-positive-muted focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4',\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","'use client';\n\nimport { useCallback } from 'react';\n\nimport { type InputVariantProps, inputVariants } from './input.variants';\n\nfunction Input({\n  className,\n  variant,\n  size,\n  onChange,\n  onValueChange,\n  ...props\n}: Omit<React.ComponentProps<'input'>, 'size'> & {\n  variant?: InputVariantProps['variant'];\n  size?: InputVariantProps['size'];\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":"2HAEA,MAAa,EAAgB,EAC3B,0KACA,CACE,SAAU,CACR,QAAS,CACP,QACE,kTACF,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,CCrBD,SAAS,EAAM,CACb,YACA,UACA,OACA,WACA,gBACA,GAAG,GAKF,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-D2bPk-nW.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`),r=require(`class-variance-authority`);const i=(0,r.cva)(`w-full rounded-sm font-normal text-text-positive caret-primary transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,{variants:{variant:{outline:`-outline-offset-1 outline-1 outline-border placeholder:text-text-positive-muted focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4`,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:r,size:a,onChange:o,onValueChange:s,...c}){let l=(0,t.useCallback)(e=>{o?.(e),s?.(e.target.value)},[o,s]);return(0,n.jsx)(`input`,{"data-slot":`input`,className:i({variant:r,size:a,className:e}),...c,onChange:l})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=input-D2bPk-nW.cjs.map

package/dist/input-D2bPk-nW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-D2bPk-nW.cjs","names":[],"sources":["../packages/components/ui/input.variants.ts","../packages/components/ui/input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const inputVariants = cva(\n  'w-full rounded-sm font-normal text-text-positive caret-primary transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        outline:\n          '-outline-offset-1 outline-1 outline-border placeholder:text-text-positive-muted focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4',\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","'use client';\n\nimport { useCallback } from 'react';\n\nimport { type InputVariantProps, inputVariants } from './input.variants';\n\nfunction Input({\n  className,\n  variant,\n  size,\n  onChange,\n  onValueChange,\n  ...props\n}: Omit<React.ComponentProps<'input'>, 'size'> & {\n  variant?: InputVariantProps['variant'];\n  size?: InputVariantProps['size'];\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":"oIAEA,MAAa,GAAA,EAAA,EAAA,KACX,0KACA,CACE,SAAU,CACR,QAAS,CACP,QACE,kTACF,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,CCrBD,SAAS,EAAM,CACb,YACA,UACA,OACA,WACA,gBACA,GAAG,GAKF,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/label-BNPVLNlK.d.cts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime293 from "react/jsx-runtime";
-import { Label } from "radix-ui";
-
-//#region packages/components/ui/label.d.ts
-declare function Label$1({
-  className,
-  ...props
-}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime293.JSX.Element;
-//#endregion
-export { Label$1 as t };
-//# sourceMappingURL=label-BNPVLNlK.d.cts.map

package/dist/label-D2Kl-Q_-.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-Bmb41Sf3.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-D2Kl-Q_-.cjs.map

package/dist/label-D2Kl-Q_-.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"label-D2Kl-Q_-.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\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":"6IAMA,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-pQFhmWzJ.js

@@ -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-pQFhmWzJ.js.map

package/dist/label-pQFhmWzJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"label-pQFhmWzJ.js","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\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":"6HAMA,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-veqG0K3V.d.ts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime215 from "react/jsx-runtime";
-import { Label } from "radix-ui";
-
-//#region packages/components/ui/label.d.ts
-declare function Label$1({
-  className,
-  ...props
-}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime215.JSX.Element;
-//#endregion
-export { Label$1 as t };
-//# sourceMappingURL=label-veqG0K3V.d.ts.map

package/dist/layouts/app-layout/index-BSKgn76U.d.cts

@@ -1,183 +0,0 @@
-import { t as Button } from "../../button-DOcH3s4Y.cjs";
-import { t as Separator } from "../../separator-DVVxdQku.cjs";
-import { n as TooltipContent } from "../../tooltip-tO29dIGl.cjs";
-import * as react_jsx_runtime327 from "react/jsx-runtime";
-import * as class_variance_authority_types14 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
-
-//#region packages/components/layouts/app-layout/sidebar.d.ts
-type SidebarContextProps = {
-  state: 'expanded' | 'collapsed';
-  open: boolean;
-  setOpen: (open: boolean) => void;
-  openMobile: boolean;
-  setOpenMobile: (open: boolean) => void;
-  isMobile: boolean;
-  toggleSidebar: () => void;
-};
-declare function useSidebar(): SidebarContextProps;
-declare function SidebarProvider({
-  defaultOpen,
-  open: openProp,
-  onOpenChange: setOpenProp,
-  className,
-  style,
-  children,
-  ...props
-}: React.ComponentProps<'div'> & {
-  defaultOpen?: boolean;
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime327.JSX.Element;
-declare function Sidebar({
-  side,
-  variant,
-  collapsible,
-  className,
-  children,
-  ...props
-}: React.ComponentProps<'div'> & {
-  side?: 'left' | 'right';
-  variant?: 'sidebar' | 'floating' | 'inset';
-  collapsible?: 'offcanvas' | 'icon' | 'none';
-}): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarTrigger({
-  className,
-  onClick,
-  ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarRail({
-  className,
-  ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarInset({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<'main'>): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarGroup({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarGroupLabel({
-  className,
-  asChild,
-  ...props
-}: React.ComponentProps<'div'> & {
-  asChild?: boolean;
-}): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarGroupAction({
-  className,
-  asChild,
-  ...props
-}: React.ComponentProps<'button'> & {
-  asChild?: boolean;
-}): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarGroupContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarMenu({
-  className,
-  ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarMenuItem({
-  className,
-  ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime327.JSX.Element;
-declare const sidebarMenuButtonVariants: (props?: ({
-  variant?: "default" | "outline" | null | undefined;
-  size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types14.ClassProp) | undefined) => string;
-declare function AppLayoutSidebarMenuButton({
-  asChild,
-  isActive,
-  variant,
-  size,
-  tooltip,
-  className,
-  ...props
-}: React.ComponentProps<'button'> & {
-  asChild?: boolean;
-  isActive?: boolean;
-  tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarMenuAction({
-  className,
-  asChild,
-  showOnHover,
-  ...props
-}: React.ComponentProps<'button'> & {
-  asChild?: boolean;
-  showOnHover?: boolean;
-}): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarMenuBadge({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarMenuSkeleton({
-  className,
-  showIcon,
-  ...props
-}: React.ComponentProps<'div'> & {
-  showIcon?: boolean;
-}): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarMenuSub({
-  className,
-  ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarMenuSubItem({
-  className,
-  ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime327.JSX.Element;
-declare function AppLayoutSidebarMenuSubButton({
-  asChild,
-  size,
-  isActive,
-  className,
-  ...props
-}: React.ComponentProps<'a'> & {
-  asChild?: boolean;
-  size?: 'sm' | 'md';
-  isActive?: boolean;
-}): react_jsx_runtime327.JSX.Element;
-//#endregion
-//#region packages/components/layouts/app-layout/index.d.ts
-declare const AppLayoutWrapper: React.FC<React.PropsWithChildren>;
-declare const AppLayoutHeader: React.FC<React.PropsWithChildren>;
-declare const AppLayoutSidebar: React.FC<React.PropsWithChildren & React.ComponentProps<typeof Sidebar>>;
-declare const AppLayoutMain: React.FC<React.PropsWithChildren>;
-declare const AppLayoutMainHeader: React.FC<React.PropsWithChildren & {
-  className?: string;
-}>;
-declare const AppLayoutMainContent: React.FC<React.PropsWithChildren & {
-  className?: string;
-}>;
-declare const AppLayoutMainFooter: React.FC<React.PropsWithChildren & {
-  className?: string;
-}>;
-declare const AppLayoutMainGroup: React.FC<React.PropsWithChildren<{
-  className?: string;
-}>>;
-declare const AppLayoutMainGroupContent: React.FC<React.PropsWithChildren & {
-  className?: string;
-}>;
-//#endregion
-export { AppLayoutHeader, AppLayoutMain, AppLayoutMainContent, AppLayoutMainFooter, AppLayoutMainGroup, AppLayoutMainGroupContent, AppLayoutMainHeader, AppLayoutSidebar, AppLayoutSidebarContent, AppLayoutSidebarFooter, AppLayoutSidebarGroup, AppLayoutSidebarGroupAction, AppLayoutSidebarGroupContent, AppLayoutSidebarGroupLabel, AppLayoutSidebarHeader, AppLayoutSidebarInset, AppLayoutSidebarMenu, AppLayoutSidebarMenuAction, AppLayoutSidebarMenuBadge, AppLayoutSidebarMenuButton, AppLayoutSidebarMenuItem, AppLayoutSidebarMenuSkeleton, AppLayoutSidebarMenuSub, AppLayoutSidebarMenuSubButton, AppLayoutSidebarMenuSubItem, AppLayoutSidebarRail, AppLayoutSidebarSeparator, AppLayoutSidebarTrigger, AppLayoutWrapper, Sidebar, SidebarProvider, useSidebar };
-//# sourceMappingURL=index-BSKgn76U.d.cts.map