@mdigital_ui/ui 0.4.2 → 0.4.3

package/dist/{chunk-LX4FDH4J.js → chunk-GPSZJWU3.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-NGYLRX6F.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React, { useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -81,6 +81,11 @@ function getInitialsFromName(name) {
   const lastInitial = lastWord?.[0] ?? "";
   return (firstInitial + lastInitial).toUpperCase();
 }
+function getInitials(name, fallback) {
+  if (fallback) return fallback.slice(0, 2).toUpperCase();
+  if (name) return getInitialsFromName(name);
+  return "";
+}
 var DefaultUserIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -120,13 +125,8 @@ var Avatar = React.memo(
       setImageError(true);
       onError?.(e);
     };
-    const getInitials = () => {
-      if (fallback) return fallback.slice(0, 2).toUpperCase();
-      if (name) return getInitialsFromName(name);
-      return "";
-    };
     const showImage = src && !imageError;
-    const initials = getInitials();
+    const initials = getInitials(name, fallback);
     const showFallback = !showImage && (initials || icon);
     const showDefaultIcon = !showImage && !showFallback;
     return /* @__PURE__ */ jsxs(
@@ -142,7 +142,6 @@ var Avatar = React.memo(
             bordered,
             disabled
           }),
-          // Apply overflow-hidden only when no badge/status to prevent clipping
           !badge && !status && "overflow-hidden",
           classNames?.root,
           className
@@ -206,7 +205,7 @@ var Avatar = React.memo(
             "span",
             {
               className: cn(
-                "absolute -top-1 -right-1 flex items-center justify-center rounded-full bg-error text-white font-medium px-1",
+                "absolute -top-1 -right-1 flex items-center justify-center rounded-full bg-error text-background font-medium px-1",
                 badgeSizeClasses[size]
               ),
               "aria-label": typeof badge === "number" ? `${badge} notifications` : void 0,
@@ -295,5 +294,5 @@ AvatarGroup.displayName = "AvatarGroup";
 var avatar_default = Avatar;
 
 export { Avatar, AvatarGroup, avatar_default };
-//# sourceMappingURL=chunk-LX4FDH4J.js.map
-//# sourceMappingURL=chunk-LX4FDH4J.js.map
+//# sourceMappingURL=chunk-GPSZJWU3.js.map
+//# sourceMappingURL=chunk-GPSZJWU3.js.map

package/dist/chunk-GPSZJWU3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/avatar/index.tsx"],"names":[],"mappings":"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","file":"chunk-GPSZJWU3.js","sourcesContent":["'use client'\n\nimport { cva } from \"class-variance-authority\";\nimport React, { useState, useEffect } from \"react\";\n\nimport { cn } from \"../utils\";\nimport type { AvatarGroupProps, AvatarProps, AvatarSize } from \"./types\";\n\nconst avatarVariants = cva(\n  \"relative inline-flex items-center justify-center font-medium select-none shrink-0\",\n  {\n    variants: {\n      size: {\n        xs: \"size-6 text-xs\",\n        sm: \"size-8 text-sm\",\n        md: \"size-10 text-base\",\n        lg: \"size-12 text-lg\",\n      },\n      shape: {\n        circle: \"rounded-full\",\n        square: \"rounded-lg\",\n      },\n      color: {\n        default: \"bg-surface text-text-primary\",\n        primary: \"bg-primary/10 text-primary\",\n        secondary: \"bg-secondary/10 text-secondary\",\n        accent: \"bg-accent/10 text-accent\",\n        success: \"bg-success/10 text-success\",\n        error: \"bg-error/10 text-error\",\n        warning: \"bg-warning/10 text-warning\",\n        info: \"bg-info/10 text-info\",\n      },\n      bordered: {\n        true: \"ring-2 ring-background\",\n        false: \"\",\n      },\n      disabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      shape: \"circle\",\n      color: \"default\",\n      bordered: false,\n      disabled: false,\n    },\n  },\n);\n\nconst statusSizeClasses: Record<AvatarSize, string> = {\n  xs: \"size-1.5\",\n  sm: \"size-2\",\n  md: \"size-2.5\",\n  lg: \"size-3\",\n};\n\nconst statusColorClasses = {\n  online: \"bg-success\",\n  offline: \"bg-border\",\n  away: \"bg-warning\",\n  busy: \"bg-error\",\n};\n\nconst badgeSizeClasses: Record<AvatarSize, string> = {\n  xs: \"min-w-3 h-3 text-[8px]\",\n  sm: \"min-w-4 h-4 text-[10px]\",\n  md: \"min-w-5 h-5 text-xs\",\n  lg: \"min-w-6 h-6 text-xs\",\n};\n\nconst overlapClasses: Record<AvatarSize, string> = {\n  xs: \"-space-x-1\",\n  sm: \"-space-x-1.5\",\n  md: \"-space-x-2\",\n  lg: \"-space-x-2.5\",\n};\n\nfunction getInitialsFromName(name: string): string {\n  const words = name.trim().split(/\\s+/).filter(Boolean);\n  if (words.length === 0) return \"\";\n\n  const firstWord = words[0];\n  if (words.length === 1 && firstWord) {\n    return firstWord.slice(0, 2).toUpperCase();\n  }\n\n  const lastWord = words[words.length - 1];\n  const firstInitial = firstWord?.[0] ?? \"\";\n  const lastInitial = lastWord?.[0] ?? \"\";\n  return (firstInitial + lastInitial).toUpperCase();\n}\n\nfunction getInitials(name: string | undefined, fallback: string | undefined): string {\n  if (fallback) return fallback.slice(0, 2).toUpperCase();\n  if (name) return getInitialsFromName(name);\n  return \"\";\n}\n\nconst DefaultUserIcon = () => (\n  <svg\n    className=\"size-[60%] text-text-secondary\"\n    fill=\"currentColor\"\n    viewBox=\"0 0 24 24\"\n    role=\"img\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\" />\n  </svg>\n);\n\nconst Avatar = React.memo<AvatarProps>(\n  ({\n    src,\n    alt = \"\",\n    fallback,\n    name,\n    size = \"md\",\n    shape = \"circle\",\n    status,\n    color = \"default\",\n    bordered = false,\n    icon,\n    badge,\n    disabled = false,\n    className,\n    classNames,\n    onError,\n    ref,\n    ...props\n  }) => {\n    const [imageError, setImageError] = useState(false);\n\n    useEffect(() => {\n      setImageError(false);\n    }, [src]);\n\n    const handleImageError = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setImageError(true);\n      onError?.(e);\n    };\n\n    const showImage = src && !imageError;\n    const initials = getInitials(name, fallback);\n    const showFallback = !showImage && (initials || icon);\n    const showDefaultIcon = !showImage && !showFallback;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"avatar_root\",\n          avatarVariants({\n            size,\n            shape,\n            color: showImage ? \"default\" : color,\n            bordered,\n            disabled,\n          }),\n          !badge && !status && \"overflow-hidden\",\n          classNames?.root,\n          className,\n        )}\n        aria-disabled={disabled || undefined}\n        data-slot=\"root\"\n        {...props}\n      >\n        {showImage && (\n          <img\n            src={src}\n            alt={alt || name || \"User avatar\"}\n            onError={handleImageError}\n            className={cn(\n              \"avatar_image\",\n              \"size-full object-cover\",\n              shape === \"circle\" ? \"rounded-full\" : \"rounded-lg\",\n              classNames?.image,\n            )}\n            loading=\"lazy\"\n            data-slot=\"image\"\n          />\n        )}\n\n        {showFallback &&\n          (icon ? (\n            <span\n              className={cn(\n                \"avatar_fallback\",\n                \"flex items-center justify-center size-[60%]\",\n                classNames?.fallback,\n              )}\n              data-slot=\"fallback\"\n            >\n              {icon}\n            </span>\n          ) : (\n            <span\n              className={cn(\"avatar_fallback\", classNames?.fallback)}\n              aria-label={`Avatar for ${name || initials}`}\n              data-slot=\"fallback\"\n            >\n              {initials}\n            </span>\n          ))}\n\n        {showDefaultIcon && <DefaultUserIcon />}\n\n        {status && (\n          <span\n            className={cn(\n              \"avatar_status\",\n              \"absolute bottom-0 right-0 rounded-full ring-2 ring-background\",\n              statusSizeClasses[size],\n              statusColorClasses[status],\n              classNames?.status,\n            )}\n            aria-label={`Status: ${status}`}\n            data-slot=\"status\"\n          />\n        )}\n\n        {badge && (\n          <span\n            className={cn(\n              \"absolute -top-1 -right-1 flex items-center justify-center rounded-full bg-error text-background font-medium px-1\",\n              badgeSizeClasses[size],\n            )}\n            aria-label={typeof badge === \"number\" ? `${badge} notifications` : undefined}\n            role={typeof badge === \"number\" ? \"status\" : undefined}\n          >\n            {badge}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nAvatar.displayName = \"Avatar\";\n\nconst AvatarGroup = React.memo<AvatarGroupProps>(\n  ({\n    children,\n    max,\n    size = \"md\",\n    shape = \"circle\",\n    showTotal = false,\n    renderSurplus,\n    bordered = false,\n    className,\n    classNames,\n    ref,\n    ...props\n  }) => {\n    const childrenArray = React.Children.toArray(children);\n    const total = childrenArray.length;\n    const visibleChildren = max ? childrenArray.slice(0, max) : childrenArray;\n    const remainingCount = max && total > max ? total - max : 0;\n    const surplusDisplay = showTotal ? total : remainingCount;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"avatarGroup_root\",\n          \"flex items-center\",\n          overlapClasses[size],\n          classNames?.root,\n          className,\n        )}\n        role=\"group\"\n        aria-label={`Avatar group with ${total} members`}\n        data-slot=\"root\"\n        {...props}\n      >\n        {visibleChildren.map((child, index) => {\n          if (React.isValidElement<AvatarProps>(child)) {\n            return React.cloneElement(child, {\n              key: child.key ?? index,\n              size: child.props.size ?? size,\n              shape: child.props.shape ?? shape,\n              bordered: child.props.bordered ?? bordered ?? true,\n              className: cn(child.props.className),\n            });\n          }\n          return child;\n        })}\n\n        {remainingCount > 0 &&\n          (renderSurplus ? (\n            renderSurplus(surplusDisplay)\n          ) : (\n            <div\n              className={cn(\n                \"avatarGroup_overflow\",\n                avatarVariants({\n                  size,\n                  shape,\n                  color: \"default\",\n                  bordered: true,\n                }),\n                \"bg-surface/80 backdrop-blur-sm overflow-hidden\",\n                classNames?.overflow,\n              )}\n              aria-label={\n                showTotal\n                  ? `${total} total members`\n                  : `${remainingCount} more members`\n              }\n              data-slot=\"overflow\"\n            >\n              <span className=\"text-text-secondary font-medium\">\n                {showTotal ? total : `+${remainingCount}`}\n              </span>\n            </div>\n          ))}\n      </div>\n    );\n  },\n);\n\nAvatarGroup.displayName = \"AvatarGroup\";\n\nexport type * from \"./types\";\nexport { Avatar, AvatarGroup };\nexport default Avatar;\n"]}

package/dist/{chunk-6LYRMQOI.js → chunk-H6PCGSIT.js}

@@ -1,8 +1,8 @@
-import { switchTrackColorClasses } from './chunk-POXI7JJ4.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-GLJDHW73.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { Loader2 } from 'lucide-react';
-import React, { useId, useState } from 'react';
+import React, { useId, useState, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var switchTrackVariants = cva(
@@ -13,7 +13,7 @@ var switchTrackVariants = cva(
   ],
   {
     variants: {
-      color: switchTrackColorClasses,
+      color: colorVars,
       size: {
         xs: "w-(--switch-width-xs) h-(--switch-height-xs)",
         sm: "w-(--switch-width-sm) h-(--switch-height-sm)",
@@ -127,17 +127,21 @@ var Switch = React.memo(
     );
     const isControlled = checked !== void 0;
     const currentChecked = isControlled ? checked : internalChecked;
-    const handleChange = (e) => {
-      if (!isControlled) {
-        setInternalChecked(e.target.checked);
-      }
-      props.onChange?.(e);
-    };
+    const handleChange = useCallback(
+      (e) => {
+        if (!isControlled) {
+          setInternalChecked(e.target.checked);
+        }
+        props.onChange?.(e);
+      },
+      [isControlled, props.onChange]
+    );
     const isDisabled = disabled || loading;
     const hasInnerText = !!(startContent || endContent);
     const switchElement = /* @__PURE__ */ jsxs(
       "span",
       {
+        "data-slot": "root",
         className: cn(
           "relative inline-flex items-center",
           "switch_root",
@@ -171,9 +175,10 @@ var Switch = React.memo(
                   "peer-disabled:opacity-50 peer-disabled:cursor-not-allowed",
                   "peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background",
                   trackHeightClasses[size],
-                  switchTrackColorClasses[color],
+                  colorVars[color],
+                  "bg-border peer-checked:bg-slot peer-focus-visible:ring-slot",
                   error && "bg-error/30 peer-checked:bg-error peer-focus-visible:ring-error"
-                ) : switchTrackVariants({ color, size, hasError: !!error }),
+                ) : cn(switchTrackVariants({ color, size, hasError: !!error }), "bg-border peer-checked:bg-slot peer-focus-visible:ring-slot"),
                 "switch_track",
                 classNames?.track,
                 className
@@ -213,7 +218,7 @@ var Switch = React.memo(
                   "span",
                   {
                     className: cn(
-                      "absolute right-0.5 top-1/2 -translate-y-1/2 text-white font-medium transition-opacity",
+                      "absolute right-0.5 top-1/2 -translate-y-1/2 text-background font-medium transition-opacity",
                       trackContentSizeClasses[size],
                       currentChecked ? "opacity-0" : "opacity-100"
                     ),
@@ -224,7 +229,7 @@ var Switch = React.memo(
                   "span",
                   {
                     className: cn(
-                      "absolute left-0.5 top-1/2 -translate-y-1/2 text-white font-medium transition-opacity",
+                      "absolute left-0.5 top-1/2 -translate-y-1/2 text-background font-medium transition-opacity",
                       trackContentSizeClasses[size],
                       currentChecked ? "opacity-100" : "opacity-0"
                     ),
@@ -324,5 +329,5 @@ Switch.displayName = "Switch";
 var switch_default = Switch;
 
 export { switch_default };
-//# sourceMappingURL=chunk-6LYRMQOI.js.map
-//# sourceMappingURL=chunk-6LYRMQOI.js.map
+//# sourceMappingURL=chunk-H6PCGSIT.js.map
+//# sourceMappingURL=chunk-H6PCGSIT.js.map

package/dist/chunk-H6PCGSIT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/switch/index.tsx"],"names":[],"mappings":"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","file":"chunk-H6PCGSIT.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { Loader2 } from \"lucide-react\";\nimport React, { useState, useId, useCallback } from \"react\";\n\nimport { cn } from \"../utils\";\nimport { colorVars } from \"../variants\";\nimport type { SwitchProps, SwitchSize } from \"./types\";\n\nconst switchTrackVariants = cva(\n  [\n    \"relative rounded-full cursor-pointer transition-colors\",\n    \"peer-disabled:opacity-50 peer-disabled:cursor-not-allowed\",\n    \"peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background\",\n  ],\n  {\n    variants: {\n      color: colorVars,\n      size: {\n        xs: \"w-(--switch-width-xs) h-(--switch-height-xs)\",\n        sm: \"w-(--switch-width-sm) h-(--switch-height-sm)\",\n        md: \"w-(--switch-width-md) h-(--switch-height-md)\",\n        lg: \"w-(--switch-width-lg) h-(--switch-height-lg)\",\n      },\n      hasError: {\n        true: \"bg-error/30 peer-checked:bg-error peer-focus-visible:ring-error\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      color: \"primary\",\n      size: \"md\",\n      hasError: false,\n    },\n  },\n);\n\nconst switchThumbVariants = cva(\n  \"absolute top-0.5 left-0.5 bg-background rounded-full shadow-sm transition-transform duration-200 ease-in-out flex items-center justify-center\",\n  {\n    variants: {\n      size: {\n        xs: \"w-(--switch-thumb-xs) h-(--switch-thumb-xs) peer-checked:translate-x-(--switch-translate-xs)\",\n        sm: \"w-(--switch-thumb-sm) h-(--switch-thumb-sm) peer-checked:translate-x-(--switch-translate-sm)\",\n        md: \"w-(--switch-thumb-md) h-(--switch-thumb-md) peer-checked:translate-x-(--switch-translate-md)\",\n        lg: \"w-(--switch-thumb-lg) h-(--switch-thumb-lg) peer-checked:translate-x-(--switch-translate-lg)\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\n/**\n * Loader size classes based on switch size\n */\nconst loaderSizeClasses: Record<SwitchSize, string> = {\n  xs: \"size-2\",\n  sm: \"size-2.5\",\n  md: \"size-3\",\n  lg: \"size-3.5\",\n};\n\n/**\n * Thumb icon size classes based on switch size\n */\nconst thumbIconSizeClasses: Record<SwitchSize, string> = {\n  xs: \"size-2\",\n  sm: \"size-2.5\",\n  md: \"size-3\",\n  lg: \"size-3.5\",\n};\n\n/**\n * Track content size classes\n */\nconst trackContentSizeClasses: Record<SwitchSize, string> = {\n  xs: \"text-[7px] px-0.5\",\n  sm: \"text-[8px] px-1\",\n  md: \"text-[9px] px-1\",\n  lg: \"text-[10px] px-1.5\",\n};\n\n/** Thumb size in px for auto-width calculation */\nconst thumbSizePx: Record<SwitchSize, number> = {\n  xs: 10,\n  sm: 12,\n  md: 16,\n  lg: 20,\n};\n\n/** Track height classes (without width, for auto-width mode) */\nconst trackHeightClasses: Record<SwitchSize, string> = {\n  xs: \"h-(--switch-height-xs)\",\n  sm: \"h-(--switch-height-sm)\",\n  md: \"h-(--switch-height-md)\",\n  lg: \"h-(--switch-height-lg)\",\n};\n\n/** Thumb size classes (without translate, for auto-width mode) */\nconst thumbSizeOnlyClasses: Record<SwitchSize, string> = {\n  xs: \"w-(--switch-thumb-xs) h-(--switch-thumb-xs)\",\n  sm: \"w-(--switch-thumb-sm) h-(--switch-thumb-sm)\",\n  md: \"w-(--switch-thumb-md) h-(--switch-thumb-md)\",\n  lg: \"w-(--switch-thumb-lg) h-(--switch-thumb-lg)\",\n};\n\n/** Font classes for auto-width sizing (no padding) */\nconst trackContentFontClasses: Record<SwitchSize, string> = {\n  xs: \"text-[7px]\",\n  sm: \"text-[8px]\",\n  md: \"text-[9px]\",\n  lg: \"text-[10px]\",\n};\n\n/** Content padding per side in px (matches trackContentSizeClasses) */\nconst contentPadPx: Record<SwitchSize, number> = {\n  xs: 2,\n  sm: 4,\n  md: 4,\n  lg: 6,\n};\n\nconst Switch = React.memo<SwitchProps>(\n  ({\n    color = \"primary\",\n    size = \"md\",\n    label,\n    labelPosition = \"right\",\n    helperText,\n    error,\n    loading = false,\n    thumbIcon,\n    startContent,\n    endContent,\n    required,\n    labelClassName,\n    className,\n    classNames,\n    disabled,\n    checked,\n    defaultChecked,\n    ref,\n    ...props\n  }) => {\n    const id = useId();\n    const inputId = props.id || id;\n    const helperId = `switch-helper-${id}`;\n    const hasHelperText = !!(helperText || error);\n\n    // Handle uncontrolled mode\n    const [internalChecked, setInternalChecked] = useState(\n      defaultChecked ?? false,\n    );\n    const isControlled = checked !== undefined;\n    const currentChecked = isControlled ? checked : internalChecked;\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (!isControlled) {\n          setInternalChecked(e.target.checked);\n        }\n        props.onChange?.(e);\n      },\n      [isControlled, props.onChange],\n    );\n\n    const isDisabled = disabled || loading;\n    const hasInnerText = !!(startContent || endContent);\n\n    const switchElement = (\n      <span\n        data-slot=\"root\"\n        className={cn(\n          \"relative inline-flex items-center\",\n          \"switch_root\",\n          classNames?.root,\n        )}\n      >\n        <input\n          ref={ref}\n          type=\"checkbox\"\n          className=\"peer sr-only\"\n          role=\"switch\"\n          aria-checked={currentChecked}\n          aria-invalid={!!error || undefined}\n          aria-describedby={hasHelperText ? helperId : undefined}\n          required={required}\n          {...props}\n          id={inputId}\n          disabled={isDisabled}\n          checked={currentChecked}\n          onChange={handleChange}\n        />\n        <span\n          className={cn(\n            hasInnerText\n              ? cn(\n                  \"relative inline-flex rounded-full cursor-pointer transition-colors\",\n                  \"peer-disabled:opacity-50 peer-disabled:cursor-not-allowed\",\n                  \"peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background\",\n                  trackHeightClasses[size],\n                  colorVars[color],\n                  \"bg-border peer-checked:bg-slot peer-focus-visible:ring-slot\",\n                  error &&\n                    \"bg-error/30 peer-checked:bg-error peer-focus-visible:ring-error\",\n                )\n              : cn(switchTrackVariants({ color, size, hasError: !!error }), \"bg-border peer-checked:bg-slot peer-focus-visible:ring-slot\"),\n            \"switch_track\",\n            classNames?.track,\n            className,\n          )}\n        >\n          {/* Auto-width sizing grid (invisible, determines track width) */}\n          {hasInnerText && (\n            <span className=\"inline-grid\" aria-hidden=\"true\">\n              {startContent != null && (\n                <span\n                  className={cn(\n                    \"col-start-1 row-start-1 invisible whitespace-nowrap font-medium\",\n                    trackContentFontClasses[size],\n                  )}\n                  style={{\n                    paddingLeft:\n                      thumbSizePx[size] + 4 + contentPadPx[size],\n                    paddingRight: contentPadPx[size] + 2,\n                  }}\n                >\n                  {startContent}\n                </span>\n              )}\n              {endContent != null && (\n                <span\n                  className={cn(\n                    \"col-start-1 row-start-1 invisible whitespace-nowrap font-medium\",\n                    trackContentFontClasses[size],\n                  )}\n                  style={{\n                    paddingLeft: contentPadPx[size] + 2,\n                    paddingRight:\n                      thumbSizePx[size] + 4 + contentPadPx[size],\n                  }}\n                >\n                  {endContent}\n                </span>\n              )}\n            </span>\n          )}\n          {/* Track content - start (visible when unchecked) */}\n          {startContent && (\n            <span\n              className={cn(\n                \"absolute right-0.5 top-1/2 -translate-y-1/2 text-background font-medium transition-opacity\",\n                trackContentSizeClasses[size],\n                currentChecked ? \"opacity-0\" : \"opacity-100\",\n              )}\n            >\n              {startContent}\n            </span>\n          )}\n          {/* Track content - end (visible when checked) */}\n          {endContent && (\n            <span\n              className={cn(\n                \"absolute left-0.5 top-1/2 -translate-y-1/2 text-background font-medium transition-opacity\",\n                trackContentSizeClasses[size],\n                currentChecked ? \"opacity-100\" : \"opacity-0\",\n              )}\n            >\n              {endContent}\n            </span>\n          )}\n        </span>\n\n        {/* Thumb */}\n        <span\n          className={cn(\n            hasInnerText\n              ? cn(\n                  \"absolute top-0.5 bg-background rounded-full shadow-sm transition-[left] duration-200 ease-in-out flex items-center justify-center\",\n                  thumbSizeOnlyClasses[size],\n                )\n              : switchThumbVariants({ size }),\n            \"switch_thumb\",\n            classNames?.thumb,\n          )}\n          style={\n            hasInnerText\n              ? {\n                  left: currentChecked\n                    ? `calc(100% - ${thumbSizePx[size] + 2}px)`\n                    : \"2px\",\n                }\n              : undefined\n          }\n        >\n          {loading ? (\n            <Loader2\n              className={cn(\n                \"animate-spin text-text-secondary\",\n                loaderSizeClasses[size],\n              )}\n            />\n          ) : thumbIcon ? (\n            <span\n              className={cn(\n                \"flex items-center justify-center text-text-secondary\",\n                thumbIconSizeClasses[size],\n              )}\n            >\n              {thumbIcon}\n            </span>\n          ) : null}\n        </span>\n      </span>\n    );\n\n    // Switch with label and/or helper/error text\n    return (\n      <div className=\"w-full\">\n        <label\n          htmlFor={inputId}\n          className={cn(\n            \"inline-flex items-center gap-2\",\n            !isDisabled && \"cursor-pointer\",\n            labelPosition === \"left\" && \"flex-row-reverse\",\n          )}\n        >\n          {switchElement}\n          {label && (\n            <span\n              className={cn(\n                \"text-sm text-text-primary select-none\",\n                error && \"text-error\",\n                isDisabled && \"opacity-50\",\n                \"switch_label\",\n                classNames?.label,\n                labelClassName,\n              )}\n            >\n              {label}\n              {required && (\n                <span className=\"text-error ml-0.5\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </span>\n          )}\n        </label>\n        {(helperText || error) && (\n          <p\n            id={helperId}\n            className={cn(\n              \"mt-1 text-xs\",\n              labelPosition === \"left\" ? \"text-right\" : \"text-left\",\n              error ? \"text-error\" : \"text-text-secondary\",\n              \"switch_description\",\n              classNames?.description,\n            )}\n          >\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nSwitch.displayName = \"Switch\";\n\nexport type * from \"./types\";\nexport default Switch;\n"]}

package/dist/{chunk-WRSG7WU5.js → chunk-HJITFPBT.js}

@@ -1,4 +1,5 @@
-import { getValidationStatus } from './chunk-NGYLRX6F.js';
+import { useMenuNavigation } from './chunk-NZHKNUGE.js';
+import { getValidationStatus } from './chunk-RAS6HUEI.js';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import React, { useId, useCallback } from 'react';
 
@@ -31,7 +32,6 @@ function useSelectBase(config) {
     null
   );
   const [searchQuery, setSearchQuery] = React.useState("");
-  const [highlightedIndex, setHighlightedIndex] = React.useState(-1);
   const [showTopArrow, setShowTopArrow] = React.useState(false);
   const [showBottomArrow, setShowBottomArrow] = React.useState(false);
   const triggerRef = React.useRef(null);
@@ -79,12 +79,16 @@ function useSelectBase(config) {
         (item) => item.type === "option" && item.data.label.toLowerCase().includes(query)
       )
     );
+    const matchingGroups = /* @__PURE__ */ new Set();
+    for (const item of flattenedOptions) {
+      if (item.type === "option" && matchingOptions.has(item)) {
+        const group = item.data.group;
+        if (group) matchingGroups.add(group);
+      }
+    }
     return flattenedOptions.filter((item) => {
       if (item.type === "group") {
-        const groupName = item.data;
-        return flattenedOptions.some(
-          (other) => other.type === "option" && other.data.group === groupName && matchingOptions.has(other)
-        );
+        return matchingGroups.has(item.data);
       }
       return matchingOptions.has(item);
     });
@@ -95,6 +99,58 @@ function useSelectBase(config) {
     ),
     [filteredOptions]
   );
+  const enabledIndices = React.useMemo(
+    () => Array.from({ length: selectableOptions.length }, (_, i) => i),
+    [selectableOptions.length]
+  );
+  const handleMenuClose = React.useCallback(() => {
+    setIsOpen(false);
+    setSearchQuery("");
+    inputRef.current?.blur();
+  }, []);
+  const onMenuSelect = React.useCallback(
+    (index) => {
+      const item = selectableOptions[index];
+      if (item) {
+        onSelectRef.current(item.data);
+      }
+    },
+    [selectableOptions]
+  );
+  const {
+    highlightedIndex,
+    setHighlightedIndex,
+    handleKeyDown: menuHandleKeyDown
+  } = useMenuNavigation({
+    enabledIndices,
+    isOpen,
+    onClose: handleMenuClose,
+    onSelect: onMenuSelect,
+    onOpen: () => setIsOpen(true),
+    loop: false
+  });
+  React.useEffect(() => {
+    setHighlightedIndex(-1);
+  }, [filteredOptions, setHighlightedIndex]);
+  const handleKeyDown = React.useCallback(
+    (e) => {
+      if (isOpen && e.key === " ") {
+        e.stopPropagation();
+        return;
+      }
+      menuHandleKeyDown(e);
+    },
+    [isOpen, menuHandleKeyDown]
+  );
+  const handleKeyUp = React.useCallback(
+    (e) => {
+      if (isOpen && e.key === " ") {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    },
+    [isOpen]
+  );
   const shouldVirtualize = filteredOptions.length > virtualizeThreshold;
   const virtualizer = useVirtualizer({
     count: filteredOptions.length,
@@ -116,16 +172,16 @@ function useSelectBase(config) {
   const handleInputChange = React.useCallback(
     (e) => {
       setSearchQuery(e.target.value);
-      if (!isOpen) setIsOpen(true);
+      setIsOpen(true);
     },
-    [isOpen]
+    []
   );
   const handleInputClick = React.useCallback(
     (e) => {
       e.stopPropagation();
-      if (!isOpen) setIsOpen(true);
+      setIsOpen(true);
     },
-    [isOpen]
+    []
   );
   const handleScroll = React.useCallback(
     (e) => {
@@ -136,89 +192,16 @@ function useSelectBase(config) {
     },
     []
   );
-  const handleKeyDown = React.useCallback(
-    (e) => {
-      if (!isOpen && e.key !== "Tab") {
-        if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
-          e.preventDefault();
-          setIsOpen(true);
-        }
-        return;
-      }
-      const currentSelectableOptions = filteredOptions.filter(
-        (item) => item.type === "option" && !item.data.disabled
-      );
-      switch (e.key) {
-        case "Escape":
-          e.preventDefault();
-          setIsOpen(false);
-          setSearchQuery("");
-          setHighlightedIndex(-1);
-          inputRef.current?.blur();
-          break;
-        case "ArrowDown":
-          e.preventDefault();
-          setHighlightedIndex((prev) => {
-            const nextIndex = Math.min(
-              prev + 1,
-              currentSelectableOptions.length - 1
-            );
-            const option = currentSelectableOptions[nextIndex];
-            if (option) {
-              const optionIndex = filteredOptions.indexOf(option);
-              if (shouldVirtualize && virtualizerRef.current) {
-                virtualizerRef.current.scrollToIndex(optionIndex, {
-                  align: "auto"
-                });
-              }
-            }
-            return nextIndex;
-          });
-          break;
-        case "ArrowUp":
-          e.preventDefault();
-          setHighlightedIndex((prev) => {
-            const nextIndex = Math.max(prev - 1, 0);
-            const option = currentSelectableOptions[nextIndex];
-            if (option) {
-              const optionIndex = filteredOptions.indexOf(option);
-              if (shouldVirtualize && virtualizerRef.current) {
-                virtualizerRef.current.scrollToIndex(optionIndex, {
-                  align: "auto"
-                });
-              }
-            }
-            return nextIndex;
-          });
-          break;
-        case "Enter":
-          e.preventDefault();
-          if (highlightedIndex >= 0 && highlightedIndex < currentSelectableOptions.length) {
-            const item = currentSelectableOptions[highlightedIndex];
-            if (item) {
-              const option = item.data;
-              onSelectRef.current(option);
-            }
-          }
-          break;
-        case "Home":
-          e.preventDefault();
-          setHighlightedIndex(0);
-          if (shouldVirtualize && virtualizerRef.current) {
-            virtualizerRef.current.scrollToIndex(0);
-          }
-          break;
-        case "End":
-          e.preventDefault();
-          setHighlightedIndex(currentSelectableOptions.length - 1);
-          if (shouldVirtualize && virtualizerRef.current) {
-            virtualizerRef.current.scrollToIndex(filteredOptions.length - 1);
-          }
-          break;
+  React.useEffect(() => {
+    if (!shouldVirtualize || highlightedIndex < 0) return;
+    const option = selectableOptions[highlightedIndex];
+    if (option) {
+      const optionIndex = filteredOptions.indexOf(option);
+      if (optionIndex >= 0) {
+        virtualizerRef.current.scrollToIndex(optionIndex, { align: "auto" });
       }
-    },
-    [isOpen, filteredOptions, highlightedIndex, shouldVirtualize]
-  );
+    }
+  }, [highlightedIndex, selectableOptions, filteredOptions, shouldVirtualize]);
   React.useEffect(() => {
     if (isOpen) {
       const timeoutId = setTimeout(() => {
@@ -269,10 +252,11 @@ function useSelectBase(config) {
     handleInputClick,
     handleScroll,
     handleKeyDown,
+    handleKeyUp,
     refCallback
   };
 }
 
 export { useSelectBase };
-//# sourceMappingURL=chunk-WRSG7WU5.js.map
-//# sourceMappingURL=chunk-WRSG7WU5.js.map
+//# sourceMappingURL=chunk-HJITFPBT.js.map
+//# sourceMappingURL=chunk-HJITFPBT.js.map

package/dist/chunk-HJITFPBT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shared/useSelectBase.ts"],"names":[],"mappings":"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","file":"chunk-HJITFPBT.js","sourcesContent":["import { useVirtualizer } from \"@tanstack/react-virtual\";\nimport React, { useCallback, useId } from \"react\";\n\nimport { useMenuNavigation } from \"../hooks/useMenuNavigation\";\nimport { getValidationStatus } from \"../utils\";\n\ninterface SelectBaseOption {\n  value: string | number;\n  label: string;\n  disabled?: boolean;\n  group?: string;\n}\n\ninterface UseSelectBaseConfig<O extends SelectBaseOption> {\n  options: O[];\n  /** Called when the user presses Enter on a highlighted option (or clicks one via the hook's helpers). */\n  onSelectOption: (option: O) => void;\n  virtualizeThreshold?: number;\n  maxDropdownHeight?: number;\n  label?: string;\n  idPrefix: string; // 'select' or 'multiselect'\n  error?: string | boolean;\n  warning?: string | boolean;\n  info?: string | boolean;\n  success?: string | boolean;\n  helperText?: string;\n}\n\nexport interface FlattenedItem<O extends SelectBaseOption> {\n  type: \"option\" | \"group\";\n  data: O | string;\n}\n\n\nexport function useSelectBase<O extends SelectBaseOption>(\n  config: UseSelectBaseConfig<O>,\n) {\n  const {\n    options,\n    virtualizeThreshold = 50,\n    maxDropdownHeight = 300,\n    label,\n    idPrefix,\n    error,\n    warning,\n    info,\n    success,\n    helperText,\n  } = config;\n\n  // -- IDs / validation -------------------------------------------------------\n  const uniqueId = useId();\n  const labelId = `${idPrefix}-label-${uniqueId}`;\n  const listboxId = `${idPrefix}-listbox-${uniqueId}`;\n  const helperId = `${idPrefix}-helper-${uniqueId}`;\n\n  const { status, message: helperMessage } = getValidationStatus({\n    error,\n    warning,\n    info,\n    success,\n    helperText,\n  });\n\n  // -- State ------------------------------------------------------------------\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [parentNode, setParentNode] = React.useState<HTMLDivElement | null>(\n    null,\n  );\n  const [searchQuery, setSearchQuery] = React.useState(\"\");\n  const [showTopArrow, setShowTopArrow] = React.useState(false);\n  const [showBottomArrow, setShowBottomArrow] = React.useState(false);\n\n  // -- Refs -------------------------------------------------------------------\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const scrollContainerRef = React.useRef<HTMLDivElement>(null);\n\n  // Store onSelectOption in a ref so handleKeyDown doesn't depend on it\n  const onSelectRef = React.useRef(config.onSelectOption);\n  React.useEffect(() => {\n    onSelectRef.current = config.onSelectOption;\n  }, [config.onSelectOption]);\n\n  // -- Memos ------------------------------------------------------------------\n  const groupedOptions = React.useMemo(() => {\n    const groups: Record<string, O[]> = {};\n    const ungrouped: O[] = [];\n\n    options.forEach((option) => {\n      if (option.group) {\n        if (!groups[option.group]) {\n          groups[option.group] = [];\n        }\n        groups[option.group]!.push(option);\n      } else {\n        ungrouped.push(option);\n      }\n    });\n\n    return { groups, ungrouped };\n  }, [options]);\n\n  const flattenedOptions = React.useMemo(() => {\n    const items: Array<FlattenedItem<O>> = [];\n\n    groupedOptions.ungrouped.forEach((option) => {\n      items.push({ type: \"option\", data: option });\n    });\n\n    Object.entries(groupedOptions.groups).forEach(\n      ([groupName, groupOptions]) => {\n        items.push({ type: \"group\", data: groupName });\n        (groupOptions as O[]).forEach((option) => {\n          items.push({ type: \"option\", data: option });\n        });\n      },\n    );\n\n    return items;\n  }, [groupedOptions]);\n\n  const filteredOptions = React.useMemo(() => {\n    if (!searchQuery) return flattenedOptions;\n\n    const query = searchQuery.toLowerCase();\n    const matchingOptions = new Set(\n      flattenedOptions.filter(\n        (item) =>\n          item.type === \"option\" &&\n          (item.data as O).label.toLowerCase().includes(query),\n      ),\n    );\n\n    // Build set of group names that have matching options - O(n)\n    const matchingGroups = new Set<string>();\n    for (const item of flattenedOptions) {\n      if (item.type === \"option\" && matchingOptions.has(item)) {\n        const group = (item.data as O).group;\n        if (group) matchingGroups.add(group);\n      }\n    }\n\n    return flattenedOptions.filter((item) => {\n      if (item.type === \"group\") {\n        return matchingGroups.has(item.data as string);\n      }\n      return matchingOptions.has(item);\n    });\n  }, [flattenedOptions, searchQuery]);\n\n  const selectableOptions = React.useMemo(\n    () =>\n      filteredOptions.filter(\n        (item) => item.type === \"option\" && !(item.data as O).disabled,\n      ),\n    [filteredOptions],\n  );\n\n  const enabledIndices = React.useMemo(\n    () => Array.from({ length: selectableOptions.length }, (_, i) => i),\n    [selectableOptions.length],\n  );\n\n  const handleMenuClose = React.useCallback(() => {\n    setIsOpen(false);\n    setSearchQuery(\"\");\n    inputRef.current?.blur();\n  }, []);\n\n  const onMenuSelect = React.useCallback(\n    (index: number) => {\n      const item = selectableOptions[index];\n      if (item) {\n        onSelectRef.current(item.data as O);\n      }\n    },\n    [selectableOptions],\n  );\n\n  const {\n    highlightedIndex,\n    setHighlightedIndex,\n    handleKeyDown: menuHandleKeyDown,\n  } = useMenuNavigation({\n    enabledIndices,\n    isOpen,\n    onClose: handleMenuClose,\n    onSelect: onMenuSelect,\n    onOpen: () => setIsOpen(true),\n    loop: false,\n  });\n\n  // Reset highlight when filtered options change (e.g. search query changes)\n  React.useEffect(() => {\n    setHighlightedIndex(-1);\n  }, [filteredOptions, setHighlightedIndex]);\n\n  // Wrap the hook's handler: Space must type in the search input, not select\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isOpen && e.key === \" \") {\n        e.stopPropagation();\n        return;\n      }\n      menuHandleKeyDown(e);\n    },\n    [isOpen, menuHandleKeyDown],\n  );\n\n  // Prevent Space keyup from bubbling to the <button> trigger (native button\n  // activation fires on keyup, which would toggle the Popover closed).\n  const handleKeyUp = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isOpen && e.key === \" \") {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    },\n    [isOpen],\n  );\n\n  const shouldVirtualize = filteredOptions.length > virtualizeThreshold;\n\n  // -- Virtualizer ------------------------------------------------------------\n  const virtualizer = useVirtualizer({\n    count: filteredOptions.length,\n    getScrollElement: () => parentNode,\n    estimateSize: () => 40,\n    enabled: shouldVirtualize,\n    overscan: 10,\n  });\n\n  const virtualizerRef = React.useRef(virtualizer);\n  React.useEffect(() => {\n    virtualizerRef.current = virtualizer;\n  }, [virtualizer]);\n\n  const refCallback = useCallback((node: HTMLDivElement) => {\n    if (node) {\n      setParentNode(node);\n      scrollContainerRef.current = node;\n    }\n  }, []);\n\n  // -- Handlers ---------------------------------------------------------------\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setSearchQuery(e.target.value);\n      setIsOpen(true);\n    },\n    [],\n  );\n\n  const handleInputClick = React.useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      setIsOpen(true);\n    },\n    [],\n  );\n\n  const handleScroll = React.useCallback(\n    (e: React.UIEvent<HTMLDivElement>) => {\n      const element = e.currentTarget;\n      const { scrollTop, scrollHeight, clientHeight } = element;\n\n      setShowTopArrow(scrollTop > 0);\n      setShowBottomArrow(scrollTop + clientHeight < scrollHeight - 1);\n    },\n    [],\n  );\n\n  // Scroll highlighted option into view when virtualizing\n  React.useEffect(() => {\n    if (!shouldVirtualize || highlightedIndex < 0) return;\n    const option = selectableOptions[highlightedIndex];\n    if (option) {\n      const optionIndex = filteredOptions.indexOf(option);\n      if (optionIndex >= 0) {\n        virtualizerRef.current.scrollToIndex(optionIndex, { align: \"auto\" });\n      }\n    }\n  }, [highlightedIndex, selectableOptions, filteredOptions, shouldVirtualize]);\n\n  // -- Effects ----------------------------------------------------------------\n  // Check initial scroll state when dropdown opens\n  React.useEffect(() => {\n    if (isOpen) {\n      const timeoutId = setTimeout(() => {\n        const element = scrollContainerRef.current;\n        if (element) {\n          const { scrollTop, scrollHeight, clientHeight } = element;\n          setShowTopArrow(scrollTop > 0);\n          setShowBottomArrow(scrollTop + clientHeight < scrollHeight - 1);\n        }\n      }, 50);\n\n      return () => clearTimeout(timeoutId);\n    } else {\n      setShowTopArrow(false);\n      setShowBottomArrow(false);\n      return undefined;\n    }\n  }, [isOpen, filteredOptions, shouldVirtualize]);\n\n  // -- Return -----------------------------------------------------------------\n  return {\n    // State\n    isOpen,\n    setIsOpen,\n    searchQuery,\n    setSearchQuery,\n    highlightedIndex,\n    setHighlightedIndex,\n    showTopArrow,\n    showBottomArrow,\n\n    // Refs\n    triggerRef,\n    inputRef,\n    scrollContainerRef,\n\n    // Computed\n    filteredOptions,\n    selectableOptions,\n    shouldVirtualize,\n    virtualizer,\n    maxDropdownHeight,\n    label,\n\n    // IDs & validation\n    uniqueId,\n    labelId,\n    listboxId,\n    helperId,\n    status,\n    helperMessage,\n\n    // Handlers\n    handleInputChange,\n    handleInputClick,\n    handleScroll,\n    handleKeyDown,\n    handleKeyUp,\n    refCallback,\n  };\n}\n"]}

package/dist/{chunk-HECAAILV.js → chunk-HRVOTFU4.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-NGYLRX6F.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import React, { useState, useRef, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -9,34 +9,42 @@ var Image = React.memo(({
   classNames,
   fallbackSrc,
   fetchPriority = "auto",
+  loading,
   ...props
 }) => {
   const [imageError, setImageError] = useState(false);
+  const [fallbackError, setFallbackError] = useState(false);
   const [isLoaded, setIsLoaded] = useState(false);
   const imageRef = useRef(null);
   useEffect(() => {
     setImageError(false);
+    setFallbackError(false);
     setIsLoaded(false);
-  }, [src]);
-  useEffect(() => {
-    const handleLoad = () => {
-      if (imageRef.current) {
-        setIsLoaded(true);
-      }
-    };
     const img = imageRef.current;
     if (img?.complete && img?.naturalWidth > 0) {
-      handleLoad();
-    } else {
-      img?.addEventListener("load", handleLoad);
+      setIsLoaded(true);
     }
-    return () => img?.removeEventListener("load", handleLoad);
   }, [src]);
+  const handleLoad = () => {
+    setIsLoaded(true);
+  };
+  const handleError = () => {
+    if (imageError) {
+      setFallbackError(true);
+    } else {
+      setImageError(true);
+    }
+  };
+  const loadingStrategy = loading ?? (fetchPriority === "high" ? "eager" : "lazy");
+  if (imageError && fallbackError) {
+    return null;
+  }
   const imgElement = /* @__PURE__ */ jsx(
     "img",
     {
       ref: imageRef,
-      onError: () => setImageError(true),
+      onLoad: handleLoad,
+      onError: handleError,
       src: imageError ? fallbackSrc : src,
       className: cn(
         "image_image",
@@ -50,7 +58,7 @@ var Image = React.memo(({
       ),
       ...props,
       alt: props.alt,
-      loading: "lazy",
+      loading: loadingStrategy,
       fetchPriority
     }
   );
@@ -90,5 +98,5 @@ Image.displayName = "Image";
 var image_default = Image;
 
 export { image_default };
-//# sourceMappingURL=chunk-HECAAILV.js.map
-//# sourceMappingURL=chunk-HECAAILV.js.map
+//# sourceMappingURL=chunk-HRVOTFU4.js.map
+//# sourceMappingURL=chunk-HRVOTFU4.js.map

package/dist/chunk-HRVOTFU4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/image/index.tsx"],"names":[],"mappings":"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","file":"chunk-HRVOTFU4.js","sourcesContent":["'use client'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { cn } from '../utils'\n\nimport { ImageProps } from './types'\n\nconst Image = React.memo<ImageProps>(({\n  src,\n  withBlur,\n  className,\n  classNames,\n  fallbackSrc,\n  fetchPriority = 'auto',\n  loading,\n  ...props\n}) => {\n  const [imageError, setImageError] = useState(false)\n  const [fallbackError, setFallbackError] = useState(false)\n  const [isLoaded, setIsLoaded] = useState(false)\n  const imageRef = useRef<HTMLImageElement>(null)\n\n  useEffect(() => {\n    setImageError(false)\n    setFallbackError(false)\n    setIsLoaded(false)\n\n    const img = imageRef.current\n    if (img?.complete && img?.naturalWidth > 0) {\n      setIsLoaded(true)\n    }\n  }, [src])\n\n  const handleLoad = () => {\n    setIsLoaded(true)\n  }\n\n  const handleError = () => {\n    if (imageError) {\n      setFallbackError(true)\n    } else {\n      setImageError(true)\n    }\n  }\n\n  // Determine loading strategy\n  const loadingStrategy = loading ?? (fetchPriority === 'high' ? 'eager' : 'lazy')\n\n  // Both primary and fallback failed - render nothing\n  if (imageError && fallbackError) {\n    return null\n  }\n\n  const imgElement = (\n    <img\n      ref={imageRef}\n      onLoad={handleLoad}\n      onError={handleError}\n      src={imageError ? fallbackSrc : src}\n      className={cn(\n        'image_image',\n        !isLoaded && 'opacity-0',\n        isLoaded && 'opacity-100',\n        'transition-opacity duration-500 ease-in-out',\n        imageError && 'image_error',\n        imageError && classNames?.error,\n        classNames?.image,\n        className,\n      )}\n      {...props}\n      alt={props.alt}\n      loading={loadingStrategy}\n      fetchPriority={fetchPriority}\n    />\n  )\n\n  // Without blur: render img directly, no wrapper\n  if (!withBlur) {\n    return imgElement\n  }\n\n  // With blur: wrapper needed for placeholder overlay\n  return (\n    <div\n      data-slot=\"root\"\n      className={cn(\n        'image_root',\n        'relative overflow-hidden',\n        classNames?.root,\n      )}\n      style={{\n        width: props.width ? `${props.width}px` : undefined,\n        height: props.height ? `${props.height}px` : undefined,\n      }}\n    >\n      {!isLoaded && (\n        <div\n          className={cn(\n            'image_placeholder',\n            'absolute inset-0 animate-pulse bg-gradient-to-r from-surface via-background to-surface',\n            classNames?.placeholder\n          )}\n        />\n      )}\n      {imgElement}\n    </div>\n  )\n})\n\nImage.displayName = 'Image'\n\nexport type * from './types'\nexport default Image\n"]}