@customafk/lunas-ui 0.1.0 → 0.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"textarea-field.cjs","names":["FormField","FormItem","Activity","FieldContent","FormLabel","FormDescription","FormControl","Textarea","Flex","FormMessage"],"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":"qYAmBA,MAAa,GAAiE,CAC5E,OACA,QAAQ,iBACR,cAAc,kBACd,iBAAiB,GACjB,cAAc,GACd,cACA,OAAO,EACP,mBACyB,CACzB,IAAM,GAAA,EAAA,EAAA,UAAsB,CAAE,OAAM,CAAC,CAErC,OACE,EAAA,EAAA,KAACA,EAAAA,EAAAA,CACO,OACN,QAAS,CAAE,YACT,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAS,UAAU,oBAClB,EAAA,EAAA,KAACC,EAAAA,SAAAA,CAAS,KAAM,GAAS,EAAc,UAAY,mBACjD,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAW,EAAA,CAAkB,CAC7B,CAAC,CAAC,IAAe,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAiB,EAAA,CAA8B,CAAA,CAAA,CACrD,EACN,EACX,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,gCACb,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAS,GAAI,EAAoB,cAAa,UAAU,SAAe,OAAqB,iBAAiB,CAAA,CAClG,EACd,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAK,MAAM,OAAO,QAAQ,OAAO,QAAQ,gBACvC,IAAe,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,mDAA0C,GAAY,QAAU,EAAE,cAAA,EAAiB,CACjH,IAAkB,EAAA,EAAA,KAACC,EAAAA,EAAAA,EAAAA,CAAc,CAAA,EAC7B,CAAA,EACH,CAAA,EACG,EAEb"}
+{"version":3,"file":"textarea-field.cjs","names":["FormField","FormItem","Activity","FieldContent","FormLabel","FormDescription","FormControl","Textarea","Flex","FormMessage"],"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":"kWAmBA,MAAa,GAAiE,CAC5E,OACA,QAAQ,iBACR,cAAc,kBACd,iBAAiB,GACjB,cAAc,GACd,cACA,OAAO,EACP,mBACyB,CACzB,IAAM,GAAA,EAAA,EAAA,UAAsB,CAAE,OAAM,CAAC,CAErC,OACE,EAAA,EAAA,KAACA,EAAAA,EAAAA,CACO,OACN,QAAS,CAAE,YACT,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAS,UAAU,oBAClB,EAAA,EAAA,KAACC,EAAAA,SAAAA,CAAS,KAAM,GAAS,EAAc,UAAY,mBACjD,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAAA,SAAAA,EACC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAW,EAAA,CAAkB,CAC7B,CAAC,CAAC,IAAe,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,SAAiB,EAAA,CAA8B,CAAA,CAAA,CACrD,EACN,EACX,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,gCACb,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAAA,UACC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAS,GAAI,EAAoB,cAAa,UAAU,SAAe,OAAqB,iBAAiB,CAAA,CAClG,EACd,EAAA,EAAA,MAACC,EAAAA,EAAAA,CAAK,MAAM,OAAO,QAAQ,OAAO,QAAQ,gBACvC,IAAe,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,mDAA0C,GAAY,QAAU,EAAE,cAAA,EAAiB,CACjH,IAAkB,EAAA,EAAA,KAACC,EAAAA,EAAAA,EAAAA,CAAc,CAAA,EAC7B,CAAA,EACH,CAAA,EACG,EAEb"}

package/dist/forms/textarea-field.js

@@ -1,2 +1,2 @@
-"use client";import{t as e}from"../flex-D5a9wval.js";import"../label-DeTp9ffC.js";import"../separator-aMl6UNM2.js";import{n as t}from"../field-QnC1I0hN.js";import{a as n,i as r,n as i,o as a,r as o,s}from"../form-CoqTElrC.js";import{t as c}from"../textarea-BK5x2TXt.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};
+"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/image-CEpDTwsN.js

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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-C_Q32lFA.js

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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-D-FBvWmB.d.cts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime55 from "react/jsx-runtime";
+import * as class_variance_authority_types15 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_types15.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_runtime55.JSX.Element;
+//#endregion
+export { Input as t };
+//# sourceMappingURL=input-D-FBvWmB.d.cts.map

package/dist/input-D2bPk-nW.cjs

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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/input-DuCwdqWK.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime123 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_runtime123.JSX.Element;
+//#endregion
+export { Input as t };
+//# sourceMappingURL=input-DuCwdqWK.d.ts.map

package/dist/label-BfRn3Qql.d.ts

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

package/dist/label-CmFPDdEq.d.cts

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

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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/layouts/app-layout/index-Bcb8Nu3F.d.cts

@@ -0,0 +1,183 @@
+import { t as Button } from "../../button-BbkiANe7.cjs";
+import { t as Separator } from "../../separator-BiWVSkav.cjs";
+import { n as TooltipContent } from "../../tooltip-T_bqZKJO.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-Bcb8Nu3F.d.cts.map

package/dist/layouts/app-layout/index-DZRYPxjz.d.ts

@@ -0,0 +1,183 @@
+import { t as Button } from "../../button-JfBXhS8S.js";
+import { t as Separator } from "../../separator-C5n1VZdA.js";
+import { n as TooltipContent } from "../../tooltip-Zq1AHrju.js";
+import * as react_jsx_runtime305 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types14 from "class-variance-authority/types";
+
+//#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_runtime305.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_runtime305.JSX.Element;
+declare function AppLayoutSidebarTrigger({
+  className,
+  onClick,
+  ...props
+}: React.ComponentProps<typeof Button>): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarRail({
+  className,
+  ...props
+}: React.ComponentProps<'button'>): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarInset({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<'main'>): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarFooter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarContent({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarGroup({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarGroupLabel({
+  className,
+  asChild,
+  ...props
+}: React.ComponentProps<'div'> & {
+  asChild?: boolean;
+}): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarGroupAction({
+  className,
+  asChild,
+  ...props
+}: React.ComponentProps<'button'> & {
+  asChild?: boolean;
+}): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarGroupContent({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarMenu({
+  className,
+  ...props
+}: React.ComponentProps<'ul'>): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarMenuItem({
+  className,
+  ...props
+}: React.ComponentProps<'li'>): react_jsx_runtime305.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_runtime305.JSX.Element;
+declare function AppLayoutSidebarMenuAction({
+  className,
+  asChild,
+  showOnHover,
+  ...props
+}: React.ComponentProps<'button'> & {
+  asChild?: boolean;
+  showOnHover?: boolean;
+}): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarMenuBadge({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarMenuSkeleton({
+  className,
+  showIcon,
+  ...props
+}: React.ComponentProps<'div'> & {
+  showIcon?: boolean;
+}): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarMenuSub({
+  className,
+  ...props
+}: React.ComponentProps<'ul'>): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarMenuSubItem({
+  className,
+  ...props
+}: React.ComponentProps<'li'>): react_jsx_runtime305.JSX.Element;
+declare function AppLayoutSidebarMenuSubButton({
+  asChild,
+  size,
+  isActive,
+  className,
+  ...props
+}: React.ComponentProps<'a'> & {
+  asChild?: boolean;
+  size?: 'sm' | 'md';
+  isActive?: boolean;
+}): react_jsx_runtime305.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-DZRYPxjz.d.ts.map