@customafk/lunas-ui 0.1.0 → 0.1.1

package/dist/forms/switch-field.d.cts

@@ -1,21 +0,0 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/switch-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  className?: string;
-  description?: string;
-  isShowErrorMsg?: boolean;
-};
-declare const SwitchField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  className,
-  description,
-  isShowErrorMsg
-}: Props<TFieldValues>) => react_jsx_runtime7.JSX.Element;
-//#endregion
-export { SwitchField };
-//# sourceMappingURL=switch-field.d.cts.map

package/dist/forms/switch-field.d.ts

@@ -1,21 +0,0 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
-import { FieldPath, FieldValues } from "react-hook-form";
-
-//#region packages/components/forms/switch-field.d.ts
-type Props<TFieldValues extends FieldValues = FieldValues> = {
-  name: FieldPath<TFieldValues>;
-  label?: string;
-  className?: string;
-  description?: string;
-  isShowErrorMsg?: boolean;
-};
-declare const SwitchField: <TFieldValues extends FieldValues = FieldValues>({
-  name,
-  label,
-  className,
-  description,
-  isShowErrorMsg
-}: Props<TFieldValues>) => react_jsx_runtime12.JSX.Element;
-//#endregion
-export { SwitchField };
-//# sourceMappingURL=switch-field.d.ts.map

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

@@ -1,33 +0,0 @@
-import * as react_jsx_runtime5 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_runtime5.JSX.Element;
-//#endregion
-export { TextField };
-//# sourceMappingURL=text-field.d.cts.map

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

@@ -1,33 +0,0 @@
-import * as react_jsx_runtime15 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_runtime15.JSX.Element;
-//#endregion
-export { TextField };
-//# sourceMappingURL=text-field.d.ts.map

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

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime268 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_runtime268.JSX.Element;
-//#endregion
-export { TextareaField };
-//# sourceMappingURL=textarea-field.d.cts.map

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

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime16 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_runtime16.JSX.Element;
-//#endregion
-export { TextareaField };
-//# sourceMappingURL=textarea-field.d.ts.map

package/dist/image-DQ3Kw6Yx.js

@@ -1,2 +0,0 @@
-import{t as e}from"./skeleton-DO7Vt-7f.js";import{AlertCircleIcon as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{useCallback as r,useRef as i,useState as a}from"react";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 _=i(null),[v,y]=a(c),[b,x]=a(0),[S,C]=a(!1),[w,T]=a(!1),E=r(()=>{C(!0)},[]),D=r(()=>{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:n(`@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:n(`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:n(`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-DQ3Kw6Yx.js.map

package/dist/image-DQ3Kw6Yx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-DQ3Kw6Yx.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-lnojols3.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-DjWAcSYV.cjs`),t=require(`./skeleton-DYa_q0Y4.cjs`);let n=require(`lucide-react`);n=e.t(n);let r=require(`@customafk/react-toolkit/utils`);r=e.t(r);let i=require(`react`);i=e.t(i);let a=require(`react/jsx-runtime`);a=e.t(a);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,i.useRef)(null),[h,g]=(0,i.useState)(e),[_,v]=(0,i.useState)(0),[y,b]=(0,i.useState)(!1),[x,S]=(0,i.useState)(!1),C=(0,i.useCallback)(()=>{b(!0)},[]),w=(0,i.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,r.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,r.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,r.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-lnojols3.cjs.map

package/dist/image-lnojols3.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-lnojols3.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":"yPAmBA,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-C2puAk5o.js

@@ -1,2 +0,0 @@
-import{cn as e}from"@customafk/react-toolkit/utils";import{useCallback as t}from"react";import{jsx as n}from"react/jsx-runtime";function r({className:r,onChange:i,onValueChange:a,...o}){let s=t(e=>{i?.(e),a?.(e.target.value)},[i,a]);return n(`input`,{"data-slot":`input`,className:e(`flex h-9 w-full px-3 py-2`,`rounded-md border transition-all duration-200`,`text-text-positive-strong bg-transparent text-sm`,`border-border-weak shadow-input`,`caret-primary outline-none`,`placeholder:text-text-positive-muted`,`hover:border-border hover:shadow-input`,`focus:border-primary-strong focus:shadow-none`,`focus-visible:ring-primary-border-subtle focus-visible:ring-4`,`aria-invalid:border-danger aria-invalid:ring-danger-weak`,`aria-invalid:hover:border-danger-strong`,`disabled:cursor-not-allowed disabled:opacity-50`,`disabled:pointer-events-none`,`disabled:border-border-weak/50 disabled:bg-secondary-muted/10`,r),...o,onChange:s})}export{r as t};
-//# sourceMappingURL=input-C2puAk5o.js.map

package/dist/input-C2puAk5o.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-C2puAk5o.js","names":[],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nfunction Input({\n  className,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<'input'> & {\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 (\n    <input\n      data-slot=\"input\"\n      className={cn(\n        // Base styles\n        'flex h-9 w-full px-3 py-2',\n        'rounded-md border transition-all duration-200',\n        'text-text-positive-strong bg-transparent text-sm',\n\n        // Border and shadow styles\n        'border-border-weak shadow-input',\n        'caret-primary outline-none',\n\n        // Placeholder styling\n        'placeholder:text-text-positive-muted',\n\n        // State styles\n        'hover:border-border hover:shadow-input',\n        'focus:border-primary-strong focus:shadow-none',\n        'focus-visible:ring-primary-border-subtle focus-visible:ring-4',\n\n        // Invalid state\n        'aria-invalid:border-danger aria-invalid:ring-danger-weak',\n        'aria-invalid:hover:border-danger-strong',\n\n        // Disabled state\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'disabled:pointer-events-none',\n        'disabled:border-border-weak/50 disabled:bg-secondary-muted/10',\n\n        // Additional custom styling\n        className\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":"gIAMA,SAAS,EAAM,CACb,YACA,WACA,gBACA,GAAG,GAGF,CACD,IAAM,EAAe,EAClB,GAA2C,CAC1C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OACE,EAAC,QAAA,CACC,YAAU,QACV,UAAW,EAET,4BACA,gDACA,mDAGA,kCACA,6BAGA,uCAGA,yCACA,gDACA,gEAGA,2DACA,0CAGA,kDACA,+BACA,gEAGA,EACD,CACD,GAAI,EACJ,SAAU,GACV"}

package/dist/input-CGlr-f2P.d.cts

@@ -1,14 +0,0 @@
-import * as react_jsx_runtime50 from "react/jsx-runtime";
-
-//#region packages/components/ui/input.d.ts
-declare function Input({
-  className,
-  onChange,
-  onValueChange,
-  ...props
-}: React.ComponentProps<'input'> & {
-  onValueChange?: (value: string) => void;
-}): react_jsx_runtime50.JSX.Element;
-//#endregion
-export { Input as t };
-//# sourceMappingURL=input-CGlr-f2P.d.cts.map

package/dist/input-DFwfYrJY.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-DjWAcSYV.cjs`);let t=require(`@customafk/react-toolkit/utils`);t=e.t(t);let n=require(`react`);n=e.t(n);let r=require(`react/jsx-runtime`);r=e.t(r);function i({className:e,onChange:i,onValueChange:a,...o}){let s=(0,n.useCallback)(e=>{i?.(e),a?.(e.target.value)},[i,a]);return(0,r.jsx)(`input`,{"data-slot":`input`,className:(0,t.cn)(`flex h-9 w-full px-3 py-2`,`rounded-md border transition-all duration-200`,`text-text-positive-strong bg-transparent text-sm`,`border-border-weak shadow-input`,`caret-primary outline-none`,`placeholder:text-text-positive-muted`,`hover:border-border hover:shadow-input`,`focus:border-primary-strong focus:shadow-none`,`focus-visible:ring-primary-border-subtle focus-visible:ring-4`,`aria-invalid:border-danger aria-invalid:ring-danger-weak`,`aria-invalid:hover:border-danger-strong`,`disabled:cursor-not-allowed disabled:opacity-50`,`disabled:pointer-events-none`,`disabled:border-border-weak/50 disabled:bg-secondary-muted/10`,e),...o,onChange:s})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=input-DFwfYrJY.cjs.map

package/dist/input-DFwfYrJY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-DFwfYrJY.cjs","names":[],"sources":["../packages/components/ui/input.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nfunction Input({\n  className,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<'input'> & {\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 (\n    <input\n      data-slot=\"input\"\n      className={cn(\n        // Base styles\n        'flex h-9 w-full px-3 py-2',\n        'rounded-md border transition-all duration-200',\n        'text-text-positive-strong bg-transparent text-sm',\n\n        // Border and shadow styles\n        'border-border-weak shadow-input',\n        'caret-primary outline-none',\n\n        // Placeholder styling\n        'placeholder:text-text-positive-muted',\n\n        // State styles\n        'hover:border-border hover:shadow-input',\n        'focus:border-primary-strong focus:shadow-none',\n        'focus-visible:ring-primary-border-subtle focus-visible:ring-4',\n\n        // Invalid state\n        'aria-invalid:border-danger aria-invalid:ring-danger-weak',\n        'aria-invalid:hover:border-danger-strong',\n\n        // Disabled state\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'disabled:pointer-events-none',\n        'disabled:border-border-weak/50 disabled:bg-secondary-muted/10',\n\n        // Additional custom styling\n        className\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":"6KAMA,SAAS,EAAM,CACb,YACA,WACA,gBACA,GAAG,GAGF,CACD,IAAM,GAAA,EAAA,EAAA,aACH,GAA2C,CAC1C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OACE,EAAA,EAAA,KAAC,QAAA,CACC,YAAU,QACV,WAAA,EAAA,EAAA,IAEE,4BACA,gDACA,mDAGA,kCACA,6BAGA,uCAGA,yCACA,gDACA,gEAGA,2DACA,0CAGA,kDACA,+BACA,gEAGA,EACD,CACD,GAAI,EACJ,SAAU,GACV"}

package/dist/input-RFRYqH64.d.ts

@@ -1,14 +0,0 @@
-import * as react_jsx_runtime134 from "react/jsx-runtime";
-
-//#region packages/components/ui/input.d.ts
-declare function Input({
-  className,
-  onChange,
-  onValueChange,
-  ...props
-}: React.ComponentProps<'input'> & {
-  onValueChange?: (value: string) => void;
-}): react_jsx_runtime134.JSX.Element;
-//#endregion
-export { Input as t };
-//# sourceMappingURL=input-RFRYqH64.d.ts.map

package/dist/label-BVizk4r8.d.cts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime233 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_runtime233.JSX.Element;
-//#endregion
-export { Label$1 as t };
-//# sourceMappingURL=label-BVizk4r8.d.cts.map

package/dist/label-C81VuIr1.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-DjWAcSYV.cjs`);let t=require(`@customafk/react-toolkit/utils`);t=e.t(t);let n=require(`react/jsx-runtime`);n=e.t(n);let r=require(`radix-ui`);r=e.t(r);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`,`text-sm/6 leading-none font-medium select-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-C81VuIr1.cjs.map

package/dist/label-C81VuIr1.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"label-C81VuIr1.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        'text-sm/6 leading-none font-medium select-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":"gLAMA,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-DUDKi2Z9.d.ts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime143 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_runtime143.JSX.Element;
-//#endregion
-export { Label$1 as t };
-//# sourceMappingURL=label-DUDKi2Z9.d.ts.map

package/dist/label-DeTp9ffC.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`,`text-sm/6 leading-none font-medium select-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-DeTp9ffC.js.map

package/dist/label-DeTp9ffC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"label-DeTp9ffC.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        'text-sm/6 leading-none font-medium select-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/layouts/app-layout/index.d.cts

@@ -1,183 +0,0 @@
-import { t as Button } from "../../button-DT2zgZfZ.cjs";
-import { t as Separator } from "../../separator-DlKvRb97.cjs";
-import { n as TooltipContent } from "../../tooltip-Co_tM-og.cjs";
-import * as react_jsx_runtime327 from "react/jsx-runtime";
-import * as class_variance_authority_types12 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_types12.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.d.cts.map