@customafk/lunas-ui 0.0.60 → 0.0.61

package/dist/title-itXqz0us.js

@@ -1,2 +0,0 @@
-import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(`scroll-m-20 text-text-positive-strong tracking-tight`,{variants:{level:{1:`text-center text-4xl font-extrabold text-balance`,2:`border-b pb-2 text-3xl font-semibold first:mt-0`,3:`text-2xl font-semibold`,4:`text-xl font-semibold`,5:`text-lg font-semibold`,6:`text-base font-semibold`},default:{level:1}}}),i=({level:n=1,className:i,children:a})=>{let o=`h${n}`;return t(o,{className:e(r({level:n}),i),children:a})};export{i as Title};
-//# sourceMappingURL=title-itXqz0us.js.map

package/dist/tooltip-B7S7TrMj.js

@@ -1,2 +0,0 @@
-import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t,jsxs as n}from"react/jsx-runtime";import r from"react";import{Tooltip as i}from"radix-ui";function a({delayDuration:e=0,...n}){return t(i.Provider,{"data-slot":`tooltip-provider`,delayDuration:e,...n})}function o({...e}){return t(a,{children:t(i.Root,{"data-slot":`tooltip`,...e})})}function s({...e}){return t(i.Trigger,{"data-slot":`tooltip-trigger`,...e})}function c({className:r,sideOffset:a=0,children:o,...s}){return t(i.Portal,{children:n(i.Content,{"data-slot":`tooltip-content`,sideOffset:a,className:e(`bg-secondary-strong text-text-negative-intense shadow-dropdown outline-none`,`animate-in fade-in-0 zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,`z-50 w-fit`,`origin-(--radix-tooltip-content-transform-origin)`,`rounded-lg px-3 py-1.5 text-xs text-balance`,r),...s,children:[o,t(i.Arrow,{className:`bg-secondary-strong fill-foreground text-secondary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-xs`})]})})}export{o as Tooltip,c as TooltipContent,a as TooltipProvider,s as TooltipTrigger};
-//# sourceMappingURL=tooltip-B7S7TrMj.js.map

package/dist/tooltip-BX3D74kN.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=e.__toESM(require(`@customafk/react-toolkit/utils`)),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`react`)),i=e.__toESM(require(`radix-ui`));function a({delayDuration:e=0,...t}){return(0,n.jsx)(i.Tooltip.Provider,{"data-slot":`tooltip-provider`,delayDuration:e,...t})}function o({...e}){return(0,n.jsx)(a,{children:(0,n.jsx)(i.Tooltip.Root,{"data-slot":`tooltip`,...e})})}function s({...e}){return(0,n.jsx)(i.Tooltip.Trigger,{"data-slot":`tooltip-trigger`,...e})}function c({className:e,sideOffset:r=0,children:a,...o}){return(0,n.jsx)(i.Tooltip.Portal,{children:(0,n.jsxs)(i.Tooltip.Content,{"data-slot":`tooltip-content`,sideOffset:r,className:(0,t.cn)(`bg-secondary-strong text-text-negative-intense shadow-dropdown outline-none`,`animate-in fade-in-0 zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,`z-50 w-fit`,`origin-(--radix-tooltip-content-transform-origin)`,`rounded-lg px-3 py-1.5 text-xs text-balance`,e),...o,children:[a,(0,n.jsx)(i.Tooltip.Arrow,{className:`bg-secondary-strong fill-foreground text-secondary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-xs`})]})})}Object.defineProperty(exports,`Tooltip`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`TooltipContent`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`TooltipProvider`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`TooltipTrigger`,{enumerable:!0,get:function(){return s}});
-//# sourceMappingURL=tooltip-BX3D74kN.cjs.map

package/dist/ui/image.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.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  onClick?: () => void\n}\nexport const Image: React.FC<Props> = ({ src, alt, width, height, maxRetries = 3, retryDelay = 500, 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=\"@container relative inline-block\">\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 y ml-2 text-sm @max-[96px]:sr-only\">Image failed to load</span>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div style={{ width, height }} className=\"relative inline-block\" onClick={onClick}>\n      {!isLoaded && (\n        <Skeleton className=\"absolute inset-0 flex size-full items-center justify-center\">\n          <div className=\"loader\" />\n        </Skeleton>\n      )}\n      <img\n        id={currentSrc}\n        ref={imageRef}\n        src={currentSrc}\n        alt={alt}\n        loading=\"lazy\"\n        className={cn(\n          'shadow-card size-full rounded-md 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":"mPAgBaA,GAA0B,CAAE,MAAK,MAAK,QAAO,SAAQ,aAAa,EAAG,aAAa,IAAK,aAAc,CAChH,IAAM,GAAA,EAAA,EAAA,QAAoC,MACpC,CAAC,EAAY,IAAA,EAAA,EAAA,UAA8C,GAC3D,CAAC,EAAY,IAAA,EAAA,EAAA,UAAkC,GAC/C,CAAC,EAAU,IAAA,EAAA,EAAA,UAAiC,IAC5C,CAAC,EAAU,IAAA,EAAA,EAAA,UAAiC,IAE5C,GAAA,EAAA,EAAA,iBAA+B,CACnC,EAAY,KACX,IAEG,GAAA,EAAA,EAAA,iBAAgC,CACpC,GAAI,EAAa,EAAY,CAE3B,EAAY,IACZ,IAAM,EAAgB,EAAa,EACnC,EAAc,GAGd,eAAiB,CACf,IAAM,EAAc,UAAU,KAAK,MAAM,WAAW,IACpD,EAAc,EAAM,IACnB,EAAa,GAChB,OAGF,EAAY,IACZ,EAAY,IACZ,EAAc,IACb,CAAC,EAAY,EAAY,EAAY,IAaxC,OAXI,GAEA,EAAA,EAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAO,UAAU,UAAU,6CACvC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,gHACb,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,UAAU,2CAC3B,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,+DAAsD,+BAO5E,EAAA,EAAA,MAAC,MAAA,CAAI,MAAO,CAAE,QAAO,UAAU,UAAU,wBAAiC,oBACvE,CAAC,IACA,EAAA,EAAA,KAACC,EAAAA,SAAAA,CAAS,UAAU,wEAClB,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,cAGnB,EAAA,EAAA,KAAC,MAAA,CACC,GAAI,EACJ,IAAK,EACL,IAAK,EACA,MACL,QAAQ,OACR,WAAA,EAAA,EAAA,IACE,gFACA,GAAY,cACZ,CAAC,GAAY,iCAEf,OAAQ,EACR,QAAS"}

package/dist/ui/image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.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  onClick?: () => void\n}\nexport const Image: React.FC<Props> = ({ src, alt, width, height, maxRetries = 3, retryDelay = 500, 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=\"@container relative inline-block\">\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 y ml-2 text-sm @max-[96px]:sr-only\">Image failed to load</span>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div style={{ width, height }} className=\"relative inline-block\" onClick={onClick}>\n      {!isLoaded && (\n        <Skeleton className=\"absolute inset-0 flex size-full items-center justify-center\">\n          <div className=\"loader\" />\n        </Skeleton>\n      )}\n      <img\n        id={currentSrc}\n        ref={imageRef}\n        src={currentSrc}\n        alt={alt}\n        loading=\"lazy\"\n        className={cn(\n          'shadow-card size-full rounded-md 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":"sQAgBA,MAAaA,GAA0B,CAAE,MAAK,MAAK,QAAO,SAAQ,aAAa,EAAG,aAAa,IAAK,aAAc,CAChH,IAAM,EAAW,EAAyB,MACpC,CAAC,EAAY,GAAiB,EAA6B,GAC3D,CAAC,EAAY,GAAiB,EAAiB,GAC/C,CAAC,EAAU,GAAe,EAAkB,IAC5C,CAAC,EAAU,GAAe,EAAkB,IAE5C,EAAa,MAAkB,CACnC,EAAY,KACX,IAEG,EAAc,MAAkB,CACpC,GAAI,EAAa,EAAY,CAE3B,EAAY,IACZ,IAAM,EAAgB,EAAa,EACnC,EAAc,GAGd,eAAiB,CACf,IAAM,EAAc,UAAU,KAAK,MAAM,WAAW,IACpD,EAAc,EAAM,IACnB,EAAa,GAChB,OAGF,EAAY,IACZ,EAAY,IACZ,EAAc,IACb,CAAC,EAAY,EAAY,EAAY,IAaxC,OAXI,EAEA,EAAC,MAAA,CAAI,MAAO,CAAE,QAAO,UAAU,UAAU,4CACvC,EAAC,MAAA,CAAI,UAAU,+GACb,EAAC,EAAA,CAAgB,UAAU,0CAC3B,EAAC,OAAA,CAAK,UAAU,+DAAsD,8BAO5E,EAAC,MAAA,CAAI,MAAO,CAAE,QAAO,UAAU,UAAU,wBAAiC,oBACvE,CAAC,GACA,EAAC,EAAA,CAAS,UAAU,uEAClB,EAAC,MAAA,CAAI,UAAU,aAGnB,EAAC,MAAA,CACC,GAAI,EACJ,IAAK,EACL,IAAK,EACA,MACL,QAAQ,OACR,UAAW,EACT,gFACA,GAAY,cACZ,CAAC,GAAY,iCAEf,OAAQ,EACR,QAAS"}