@customafk/lunas-ui 0.0.89 → 0.0.91

package/dist/ui/sonner.d.cts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime243 from "react/jsx-runtime";
+import * as react_jsx_runtime213 from "react/jsx-runtime";
 
 //#region packages/components/ui/sonner.d.ts
-declare const Toaster: () => react_jsx_runtime243.JSX.Element;
+declare const Toaster: () => react_jsx_runtime213.JSX.Element;
 //#endregion
 export { Toaster, Toaster as default };
 //# sourceMappingURL=sonner.d.cts.map

package/dist/ui/sonner.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime135 from "react/jsx-runtime";
+import * as react_jsx_runtime222 from "react/jsx-runtime";
 
 //#region packages/components/ui/sonner.d.ts
-declare const Toaster: () => react_jsx_runtime135.JSX.Element;
+declare const Toaster: () => react_jsx_runtime222.JSX.Element;
 //#endregion
 export { Toaster, Toaster as default };
 //# sourceMappingURL=sonner.d.ts.map

package/dist/ui/spinner.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime205 from "react/jsx-runtime";
+import * as react_jsx_runtime234 from "react/jsx-runtime";
 
 //#region packages/components/ui/spinner.d.ts
 declare function Spinner({
   className,
   ...props
-}: React.ComponentProps<'svg'>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<'svg'>): react_jsx_runtime234.JSX.Element;
 //#endregion
 export { Spinner };
 //# sourceMappingURL=spinner.d.cts.map

package/dist/ui/spinner.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime147 from "react/jsx-runtime";
+import * as react_jsx_runtime224 from "react/jsx-runtime";
 
 //#region packages/components/ui/spinner.d.ts
 declare function Spinner({
   className,
   ...props
-}: React.ComponentProps<'svg'>): react_jsx_runtime147.JSX.Element;
+}: React.ComponentProps<'svg'>): react_jsx_runtime224.JSX.Element;
 //#endregion
 export { Spinner };
 //# sourceMappingURL=spinner.d.ts.map

package/dist/ui/switch.cjs

@@ -1 +1 @@
-"use client";const e=require(`../switch-o_YbWKw4.cjs`);exports.Switch=e.Switch;
+"use client";const e=require(`../switch-C6peIJVm.cjs`);exports.Switch=e.Switch;

package/dist/ui/switch.d.cts

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

package/dist/ui/switch.d.ts

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

package/dist/ui/switch.js

@@ -1 +1 @@
-"use client";import{Switch as e}from"../switch-DwBg-iL4.js";export{e as Switch};
+"use client";import{Switch as e}from"../switch-B5eIeKX7.js";export{e as Switch};

package/dist/ui/table.d.cts

@@ -1,38 +1,38 @@
-import * as react_jsx_runtime206 from "react/jsx-runtime";
+import * as react_jsx_runtime240 from "react/jsx-runtime";
 
 //#region packages/components/ui/table.d.ts
 declare function Table({
   className,
   ...props
-}: React.ComponentProps<'table'>): react_jsx_runtime206.JSX.Element;
+}: React.ComponentProps<'table'>): react_jsx_runtime240.JSX.Element;
 declare function TableHeader({
   className,
   ...props
-}: React.ComponentProps<'thead'>): react_jsx_runtime206.JSX.Element;
+}: React.ComponentProps<'thead'>): react_jsx_runtime240.JSX.Element;
 declare function TableBody({
   className,
   ...props
-}: React.ComponentProps<'tbody'>): react_jsx_runtime206.JSX.Element;
+}: React.ComponentProps<'tbody'>): react_jsx_runtime240.JSX.Element;
 declare function TableFooter({
   className,
   ...props
-}: React.ComponentProps<'tfoot'>): react_jsx_runtime206.JSX.Element;
+}: React.ComponentProps<'tfoot'>): react_jsx_runtime240.JSX.Element;
 declare function TableRow({
   className,
   ...props
-}: React.ComponentProps<'tr'>): react_jsx_runtime206.JSX.Element;
+}: React.ComponentProps<'tr'>): react_jsx_runtime240.JSX.Element;
 declare function TableHead({
   className,
   ...props
-}: React.ComponentProps<'th'>): react_jsx_runtime206.JSX.Element;
+}: React.ComponentProps<'th'>): react_jsx_runtime240.JSX.Element;
 declare function TableCell({
   className,
   ...props
-}: React.ComponentProps<'td'>): react_jsx_runtime206.JSX.Element;
+}: React.ComponentProps<'td'>): react_jsx_runtime240.JSX.Element;
 declare function TableCaption({
   className,
   ...props
-}: React.ComponentProps<'caption'>): react_jsx_runtime206.JSX.Element;
+}: React.ComponentProps<'caption'>): react_jsx_runtime240.JSX.Element;
 //#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 //# sourceMappingURL=table.d.cts.map

package/dist/ui/table.d.ts

@@ -1,38 +1,38 @@
-import * as react_jsx_runtime178 from "react/jsx-runtime";
+import * as react_jsx_runtime240 from "react/jsx-runtime";
 
 //#region packages/components/ui/table.d.ts
 declare function Table({
   className,
   ...props
-}: React.ComponentProps<'table'>): react_jsx_runtime178.JSX.Element;
+}: React.ComponentProps<'table'>): react_jsx_runtime240.JSX.Element;
 declare function TableHeader({
   className,
   ...props
-}: React.ComponentProps<'thead'>): react_jsx_runtime178.JSX.Element;
+}: React.ComponentProps<'thead'>): react_jsx_runtime240.JSX.Element;
 declare function TableBody({
   className,
   ...props
-}: React.ComponentProps<'tbody'>): react_jsx_runtime178.JSX.Element;
+}: React.ComponentProps<'tbody'>): react_jsx_runtime240.JSX.Element;
 declare function TableFooter({
   className,
   ...props
-}: React.ComponentProps<'tfoot'>): react_jsx_runtime178.JSX.Element;
+}: React.ComponentProps<'tfoot'>): react_jsx_runtime240.JSX.Element;
 declare function TableRow({
   className,
   ...props
-}: React.ComponentProps<'tr'>): react_jsx_runtime178.JSX.Element;
+}: React.ComponentProps<'tr'>): react_jsx_runtime240.JSX.Element;
 declare function TableHead({
   className,
   ...props
-}: React.ComponentProps<'th'>): react_jsx_runtime178.JSX.Element;
+}: React.ComponentProps<'th'>): react_jsx_runtime240.JSX.Element;
 declare function TableCell({
   className,
   ...props
-}: React.ComponentProps<'td'>): react_jsx_runtime178.JSX.Element;
+}: React.ComponentProps<'td'>): react_jsx_runtime240.JSX.Element;
 declare function TableCaption({
   className,
   ...props
-}: React.ComponentProps<'caption'>): react_jsx_runtime178.JSX.Element;
+}: React.ComponentProps<'caption'>): react_jsx_runtime240.JSX.Element;
 //#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 //# sourceMappingURL=table.d.ts.map

package/dist/ui/tabs.d.cts

@@ -1,23 +1,23 @@
-import * as react_jsx_runtime215 from "react/jsx-runtime";
+import * as react_jsx_runtime235 from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "radix-ui";
 
 //#region packages/components/ui/tabs.d.ts
 declare function Tabs({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime215.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime235.JSX.Element;
 declare function TabsList({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.List>): react_jsx_runtime215.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.List>): react_jsx_runtime235.JSX.Element;
 declare function TabsTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime215.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime235.JSX.Element;
 declare function TabsContent({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Content>): react_jsx_runtime215.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Content>): react_jsx_runtime235.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };
 //# sourceMappingURL=tabs.d.cts.map

package/dist/ui/tabs.d.ts

@@ -1,23 +1,23 @@
-import * as react_jsx_runtime68 from "react/jsx-runtime";
+import * as react_jsx_runtime226 from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "radix-ui";
 
 //#region packages/components/ui/tabs.d.ts
 declare function Tabs({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime68.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime226.JSX.Element;
 declare function TabsList({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.List>): react_jsx_runtime68.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.List>): react_jsx_runtime226.JSX.Element;
 declare function TabsTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime68.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime226.JSX.Element;
 declare function TabsContent({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Content>): react_jsx_runtime68.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Content>): react_jsx_runtime226.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };
 //# sourceMappingURL=tabs.d.ts.map

package/dist/ui/textarea.cjs

@@ -1 +1 @@
-"use client";const e=require(`../textarea-BHME8i5L.cjs`);exports.Textarea=e.Textarea;
+"use client";const e=require(`../textarea-C3ZQALlB.cjs`);exports.Textarea=e.Textarea;

package/dist/ui/textarea.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime219 from "react/jsx-runtime";
+import * as react_jsx_runtime239 from "react/jsx-runtime";
 
 //#region packages/components/ui/textarea.d.ts
 declare function Textarea({
@@ -8,7 +8,7 @@ declare function Textarea({
   ...props
 }: React.ComponentProps<'textarea'> & {
   onValueChange?: (value: string) => void;
-}): react_jsx_runtime219.JSX.Element;
+}): react_jsx_runtime239.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.cts.map

package/dist/ui/textarea.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime161 from "react/jsx-runtime";
+import * as react_jsx_runtime272 from "react/jsx-runtime";
 
 //#region packages/components/ui/textarea.d.ts
 declare function Textarea({
@@ -8,7 +8,7 @@ declare function Textarea({
   ...props
 }: React.ComponentProps<'textarea'> & {
   onValueChange?: (value: string) => void;
-}): react_jsx_runtime161.JSX.Element;
+}): react_jsx_runtime272.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.ts.map

package/dist/ui/textarea.js

@@ -1 +1 @@
-"use client";import{Textarea as e}from"../textarea-TGDtYde1.js";export{e as Textarea};
+"use client";import{Textarea as e}from"../textarea-BVj6PCYB.js";export{e as Textarea};

package/dist/ui/toggle-group.d.cts

@@ -1,5 +1,5 @@
-import { toggleVariants } from "../toggle-DTyO_oae.cjs";
-import * as react_jsx_runtime244 from "react/jsx-runtime";
+import { toggleVariants } from "../toggle-BvgvHcLZ.cjs";
+import * as react_jsx_runtime255 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
 
@@ -10,14 +10,14 @@ declare function ToggleGroup({
   size,
   children,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime244.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime255.JSX.Element;
 declare function ToggleGroupItem({
   className,
   children,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime244.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime255.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.cts.map

package/dist/ui/toggle-group.d.ts

@@ -1,5 +1,5 @@
-import { toggleVariants } from "../toggle-CIqx9KlR.js";
-import * as react_jsx_runtime200 from "react/jsx-runtime";
+import { toggleVariants } from "../toggle-Bj-orQro.js";
+import * as react_jsx_runtime273 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
 
@@ -10,14 +10,14 @@ declare function ToggleGroup({
   size,
   children,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime200.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime273.JSX.Element;
 declare function ToggleGroupItem({
   className,
   children,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime200.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime273.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.ts.map

package/dist/ui/toggle.d.cts

@@ -1,2 +1,2 @@
-import { Toggle, toggleVariants } from "../toggle-DTyO_oae.cjs";
+import { Toggle, toggleVariants } from "../toggle-BvgvHcLZ.cjs";
 export { Toggle, toggleVariants };

package/dist/ui/toggle.d.ts

@@ -1,2 +1,2 @@
-import { Toggle, toggleVariants } from "../toggle-CIqx9KlR.js";
+import { Toggle, toggleVariants } from "../toggle-Bj-orQro.js";
 export { Toggle, toggleVariants };

package/dist/ui/tooltip.cjs

@@ -1 +1 @@
-"use client";const e=require(`../tooltip-uaF-pxx8.cjs`);exports.Tooltip=e.Tooltip,exports.TooltipContent=e.TooltipContent,exports.TooltipProvider=e.TooltipProvider,exports.TooltipTrigger=e.TooltipTrigger;
+"use client";const e=require(`../tooltip-pmQZf5Bt.cjs`);exports.Tooltip=e.Tooltip,exports.TooltipContent=e.TooltipContent,exports.TooltipProvider=e.TooltipProvider,exports.TooltipTrigger=e.TooltipTrigger;

package/dist/ui/tooltip.d.cts

@@ -1,2 +1,2 @@
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../tooltip-etV38FoO.cjs";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../tooltip-DfswK7wk.cjs";
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/ui/tooltip.d.ts

@@ -1,2 +1,2 @@
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../tooltip-C5kKsbnD.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../tooltip-DTDkf-An.js";
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/ui/tooltip.js

@@ -1 +1 @@
-"use client";import{Tooltip as e,TooltipContent as t,TooltipProvider as n,TooltipTrigger as r}from"../tooltip-BTrjCwd8.js";export{e as Tooltip,t as TooltipContent,n as TooltipProvider,r as TooltipTrigger};
+"use client";import{Tooltip as e,TooltipContent as t,TooltipProvider as n,TooltipTrigger as r}from"../tooltip-xp6RiroA.js";export{e as Tooltip,t as TooltipContent,n as TooltipProvider,r as TooltipTrigger};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@customafk/lunas-ui",
-  "version": "0.0.89",
+  "version": "0.0.91",
   "description": "UI library for Lunas Enterprise",
   "type": "module",
   "author": {

package/dist/image-C0mClPAY.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./skeleton-BC2E_ohw.cjs`);let n=require(`lucide-react`);n=e.__toESM(n);let r=require(`@customafk/react-toolkit/utils`);r=e.__toESM(r);let i=require(`react`);i=e.__toESM(i);let a=require(`react/jsx-runtime`);a=e.__toESM(a);const o=({src:e,alt:o,width:s,height:c,maxRetries:l=3,retryDelay:u=500,className:d,onClick:f})=>{let p=(0,i.useRef)(null),[m,h]=(0,i.useState)(e),[g,_]=(0,i.useState)(0),[v,y]=(0,i.useState)(!1),[b,x]=(0,i.useState)(!1),S=(0,i.useCallback)(()=>{y(!0)},[]),C=(0,i.useCallback)(()=>{if(g<l){x(!1);let t=g+1;_(t),setTimeout(()=>{let n=`?retry=${Date.now()}&attempt=${t}`;h(e+n)},u*t);return}x(!0),y(!0),h(e)},[l,g,u,e]);return b?(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:f,children:[!v&&(0,a.jsx)(t.Skeleton,{className:`absolute inset-0 flex size-full animate-pulse items-center justify-center`}),(0,a.jsx)(`img`,{src:m,className:`absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60`}),(0,a.jsx)(`img`,{id:m,ref:p,src:m,alt:o,loading:`lazy`,className:(0,r.cn)(`shadow-card relative h-[120%] w-auto object-cover transition-opacity duration-300`,v&&`opacity-100`,!v&&`pointer-events-none opacity-0`),onLoad:S,onError:C})]})};Object.defineProperty(exports,`Image`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=image-C0mClPAY.cjs.map

package/dist/image-C0mClPAY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-C0mClPAY.cjs","names":["Image: React.FC<Props>","AlertCircleIcon","Skeleton"],"sources":["../packages/components/ui/image.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AlertCircleIcon } from 'lucide-react';\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  onClick?: () => void;\n};\nexport const Image: React.FC<Props> = ({ src, alt, width, height, maxRetries = 3, retryDelay = 500, className, 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        )}\n        onLoad={handleLoad}\n        onError={handleError}\n      />\n    </div>\n  );\n};\n"],"mappings":"iRAiBA,MAAaA,GAA0B,CAAE,MAAK,MAAK,QAAO,SAAQ,aAAa,EAAG,aAAa,IAAK,YAAW,aAAc,CAC3H,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,CACf,IAAM,EAAc,UAAU,KAAK,KAAK,CAAC,WAAW,IACpD,EAAc,EAAM,EAAY,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,SAAAA,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,gCACd,CACD,OAAQ,EACR,QAAS,GACT,GACE"}

package/dist/image-CiQhTTyt.js

@@ -1,2 +0,0 @@
-import{Skeleton as e}from"./skeleton-ByN-MrQO.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,onClick:h})=>{let g=i(null),[_,v]=a(c),[y,b]=a(0),[x,S]=a(!1),[C,w]=a(!1),T=r(()=>{S(!0)},[]),E=r(()=>{if(y<f){w(!1);let e=y+1;b(e),setTimeout(()=>{let t=`?retry=${Date.now()}&attempt=${e}`;v(c+t)},p*e);return}w(!0),S(!0),v(c)},[f,y,p,c]);return C?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:h,children:[!x&&o(e,{className:`absolute inset-0 flex size-full animate-pulse items-center justify-center`}),o(`img`,{src:_,className:`absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60`}),o(`img`,{id:_,ref:g,src:_,alt:l,loading:`lazy`,className:n(`shadow-card relative h-[120%] w-auto object-cover transition-opacity duration-300`,x&&`opacity-100`,!x&&`pointer-events-none opacity-0`),onLoad:T,onError:E})]})};export{c as Image};
-//# sourceMappingURL=image-CiQhTTyt.js.map

package/dist/image-CiQhTTyt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-CiQhTTyt.js","names":["Image: React.FC<Props>"],"sources":["../packages/components/ui/image.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AlertCircleIcon } from 'lucide-react';\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  onClick?: () => void;\n};\nexport const Image: React.FC<Props> = ({ src, alt, width, height, maxRetries = 3, retryDelay = 500, className, 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        )}\n        onLoad={handleLoad}\n        onError={handleError}\n      />\n    </div>\n  );\n};\n"],"mappings":"qQAiBA,MAAaA,GAA0B,CAAE,MAAK,MAAK,QAAO,SAAQ,aAAa,EAAG,aAAa,IAAK,YAAW,aAAc,CAC3H,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,CACf,IAAM,EAAc,UAAU,KAAK,KAAK,CAAC,WAAW,IACpD,EAAc,EAAM,EAAY,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,gCACd,CACD,OAAQ,EACR,QAAS,GACT,GACE"}

package/dist/label-DSlGeKZK.d.ts

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