@mdigital_ui/ui 0.3.9 → 0.4.0

package/dist/chunk-6JGNJI5T.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/textarea/index.tsx"],"names":[],"mappings":"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","file":"chunk-6JGNJI5T.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React, { useId } from 'react'\n\nimport { cn, getValidationStatus, statusMessageVariants } from '../utils'\nimport type { TextareaProps } from './types'\n\nconst textareaVariants = cva(\n  'w-full rounded-md focus:border-primary transition-colors text-text-primary placeholder:text-text-secondary/50 disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default outline-none',\n  {\n    variants: {\n      variant: {\n        outline: 'bg-background border border-border',\n        filled: 'bg-surface border border-transparent',\n      },\n      status: {\n        default: '',\n        error: '!border-error focus:!border-error',\n        warning: '!border-warning focus:!border-warning',\n        info: '!border-info focus:!border-info',\n        success: '!border-success focus:!border-success',\n      },\n      size: {\n        xs: 'min-h-(--textarea-min-height-xs) p-(--textarea-padding-xs) text-xs',\n        sm: 'min-h-(--textarea-min-height-sm) p-(--textarea-padding-sm) text-sm',\n        md: 'min-h-(--textarea-min-height-md) p-(--textarea-padding-md) text-base',\n        lg: 'min-h-(--textarea-min-height-lg) p-(--textarea-padding-lg) text-lg',\n      },\n      resize: {\n        none: 'resize-none',\n        vertical: 'resize-y',\n        horizontal: 'resize-x',\n        both: 'resize',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: 'max-w-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      status: 'default',\n      size: 'md',\n      resize: 'vertical',\n      fullWidth: true,\n    },\n  },\n)\n\nconst Textarea = React.memo<TextareaProps>(\n  ({\n    variant = 'outline',\n    size = 'md',\n    label,\n    helperText,\n    messagePosition = 'bottom',\n    error,\n    warning,\n    info,\n    success,\n    resize = 'vertical',\n    showCount = false,\n    maxLength,\n    autoResize = false,\n    fullWidth = true,\n    className,\n    classNames,\n    value,\n    onChange,\n    ref,\n    ...props\n  }) => {\n    const internalRef = React.useRef<HTMLTextAreaElement>(null)\n    const textareaRef =\n      (ref as React.RefObject<HTMLTextAreaElement>) || internalRef\n    const [internalValue, setInternalValue] = React.useState(value || '')\n    const currentValue = value !== undefined ? value : internalValue\n    const currentLength = String(currentValue).length\n\n    // Generate unique IDs for accessibility\n    const uniqueId = useId()\n    const textareaId = props.id || `textarea-${uniqueId}`\n    const helperId = `textarea-helper-${uniqueId}`\n\n    // Use shared validation status utility\n    const { status, message: helperMessage } = getValidationStatus({\n      error,\n      warning,\n      info,\n      success,\n      helperText,\n    })\n\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        if (value === undefined) {\n          setInternalValue(e.target.value)\n        }\n        onChange?.(e)\n      },\n      [value, onChange],\n    )\n\n    React.useEffect(() => {\n      if (autoResize && textareaRef.current) {\n        textareaRef.current.style.height = 'auto'\n        textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`\n      }\n    }, [currentValue, autoResize, textareaRef])\n\n    const textareaElement = (\n      <textarea\n        ref={textareaRef}\n        id={textareaId}\n        className={cn(\n          'textarea_textarea',\n          textareaVariants({\n            variant,\n            status,\n            size,\n            resize: autoResize ? 'none' : resize,\n            fullWidth,\n          }),\n          autoResize && 'overflow-hidden',\n          className,\n          classNames?.textarea,\n        )}\n        maxLength={maxLength}\n        value={currentValue}\n        onChange={handleChange}\n        aria-invalid={status === 'error'}\n        aria-describedby={helperMessage ? helperId : undefined}\n        {...props}\n      />\n    )\n\n    return (\n      <div\n        className={cn(\n          'textarea_root',\n          'w-full flex flex-col relative',\n          !fullWidth && 'inline-block',\n          classNames?.root,\n        )}\n      >\n        <div className={cn('textarea_wrapper', 'flex gap-2 items-center relative mb-0.5', classNames?.wrapper)}>\n          {label && (\n            <label htmlFor={textareaId} className={cn('textarea_label', 'text-sm font-medium text-text-secondary', classNames?.label)}>\n              {label}\n              {props.required && <span className={cn('textarea_error', 'text-error ml-1', classNames?.error)}>*</span>}\n            </label>\n          )}\n          {helperMessage && messagePosition === 'top' && (\n            <p\n              id={helperId}\n              className={cn('textarea_helper', statusMessageVariants({ status }), classNames?.helper)}\n            >\n              {helperMessage}\n            </p>\n          )}\n          {showCount && maxLength && (\n            <span className={cn('textarea_counter', 'text-xs text-text-secondary absolute right-0', classNames?.counter)}>\n              {currentLength}/{maxLength}\n            </span>\n          )}\n        </div>\n        {textareaElement}\n        {helperMessage && messagePosition === 'bottom' && (\n          <p\n            id={helperId}\n            className={cn('textarea_helper', statusMessageVariants({ status }), 'mt-0.5', classNames?.helper)}\n          >\n            {helperMessage}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nTextarea.displayName = 'Textarea'\n\nexport type * from './types'\nexport default Textarea\n"]}

package/dist/chunk-6LYRMQOI.js

@@ -1,328 +0,0 @@
-import { switchTrackColorClasses } from './chunk-POXI7JJ4.js';
-import { cn } from './chunk-NGYLRX6F.js';
-import { cva } from 'class-variance-authority';
-import { Loader2 } from 'lucide-react';
-import React, { useId, useState } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var switchTrackVariants = cva(
-  [
-    "relative rounded-full cursor-pointer transition-colors",
-    "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"
-  ],
-  {
-    variants: {
-      color: switchTrackColorClasses,
-      size: {
-        xs: "w-(--switch-width-xs) h-(--switch-height-xs)",
-        sm: "w-(--switch-width-sm) h-(--switch-height-sm)",
-        md: "w-(--switch-width-md) h-(--switch-height-md)",
-        lg: "w-(--switch-width-lg) h-(--switch-height-lg)"
-      },
-      hasError: {
-        true: "bg-error/30 peer-checked:bg-error peer-focus-visible:ring-error",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      color: "primary",
-      size: "md",
-      hasError: false
-    }
-  }
-);
-var switchThumbVariants = cva(
-  "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",
-  {
-    variants: {
-      size: {
-        xs: "w-(--switch-thumb-xs) h-(--switch-thumb-xs) peer-checked:translate-x-(--switch-translate-xs)",
-        sm: "w-(--switch-thumb-sm) h-(--switch-thumb-sm) peer-checked:translate-x-(--switch-translate-sm)",
-        md: "w-(--switch-thumb-md) h-(--switch-thumb-md) peer-checked:translate-x-(--switch-translate-md)",
-        lg: "w-(--switch-thumb-lg) h-(--switch-thumb-lg) peer-checked:translate-x-(--switch-translate-lg)"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var loaderSizeClasses = {
-  xs: "size-2",
-  sm: "size-2.5",
-  md: "size-3",
-  lg: "size-3.5"
-};
-var thumbIconSizeClasses = {
-  xs: "size-2",
-  sm: "size-2.5",
-  md: "size-3",
-  lg: "size-3.5"
-};
-var trackContentSizeClasses = {
-  xs: "text-[7px] px-0.5",
-  sm: "text-[8px] px-1",
-  md: "text-[9px] px-1",
-  lg: "text-[10px] px-1.5"
-};
-var thumbSizePx = {
-  xs: 10,
-  sm: 12,
-  md: 16,
-  lg: 20
-};
-var trackHeightClasses = {
-  xs: "h-(--switch-height-xs)",
-  sm: "h-(--switch-height-sm)",
-  md: "h-(--switch-height-md)",
-  lg: "h-(--switch-height-lg)"
-};
-var thumbSizeOnlyClasses = {
-  xs: "w-(--switch-thumb-xs) h-(--switch-thumb-xs)",
-  sm: "w-(--switch-thumb-sm) h-(--switch-thumb-sm)",
-  md: "w-(--switch-thumb-md) h-(--switch-thumb-md)",
-  lg: "w-(--switch-thumb-lg) h-(--switch-thumb-lg)"
-};
-var trackContentFontClasses = {
-  xs: "text-[7px]",
-  sm: "text-[8px]",
-  md: "text-[9px]",
-  lg: "text-[10px]"
-};
-var contentPadPx = {
-  xs: 2,
-  sm: 4,
-  md: 4,
-  lg: 6
-};
-var Switch = React.memo(
-  ({
-    color = "primary",
-    size = "md",
-    label,
-    labelPosition = "right",
-    helperText,
-    error,
-    loading = false,
-    thumbIcon,
-    startContent,
-    endContent,
-    required,
-    labelClassName,
-    className,
-    classNames,
-    disabled,
-    checked,
-    defaultChecked,
-    ref,
-    ...props
-  }) => {
-    const id = useId();
-    const inputId = props.id || id;
-    const helperId = `switch-helper-${id}`;
-    const hasHelperText = !!(helperText || error);
-    const [internalChecked, setInternalChecked] = useState(
-      defaultChecked ?? false
-    );
-    const isControlled = checked !== void 0;
-    const currentChecked = isControlled ? checked : internalChecked;
-    const handleChange = (e) => {
-      if (!isControlled) {
-        setInternalChecked(e.target.checked);
-      }
-      props.onChange?.(e);
-    };
-    const isDisabled = disabled || loading;
-    const hasInnerText = !!(startContent || endContent);
-    const switchElement = /* @__PURE__ */ jsxs(
-      "span",
-      {
-        className: cn(
-          "relative inline-flex items-center",
-          "switch_root",
-          classNames?.root
-        ),
-        children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref,
-              type: "checkbox",
-              className: "peer sr-only",
-              role: "switch",
-              "aria-checked": currentChecked,
-              "aria-invalid": !!error || void 0,
-              "aria-describedby": hasHelperText ? helperId : void 0,
-              required,
-              ...props,
-              id: inputId,
-              disabled: isDisabled,
-              checked: currentChecked,
-              onChange: handleChange
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "span",
-            {
-              className: cn(
-                hasInnerText ? cn(
-                  "relative inline-flex rounded-full cursor-pointer transition-colors",
-                  "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],
-                  error && "bg-error/30 peer-checked:bg-error peer-focus-visible:ring-error"
-                ) : switchTrackVariants({ color, size, hasError: !!error }),
-                "switch_track",
-                classNames?.track,
-                className
-              ),
-              children: [
-                hasInnerText && /* @__PURE__ */ jsxs("span", { className: "inline-grid", "aria-hidden": "true", children: [
-                  startContent != null && /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: cn(
-                        "col-start-1 row-start-1 invisible whitespace-nowrap font-medium",
-                        trackContentFontClasses[size]
-                      ),
-                      style: {
-                        paddingLeft: thumbSizePx[size] + 4 + contentPadPx[size],
-                        paddingRight: contentPadPx[size] + 2
-                      },
-                      children: startContent
-                    }
-                  ),
-                  endContent != null && /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: cn(
-                        "col-start-1 row-start-1 invisible whitespace-nowrap font-medium",
-                        trackContentFontClasses[size]
-                      ),
-                      style: {
-                        paddingLeft: contentPadPx[size] + 2,
-                        paddingRight: thumbSizePx[size] + 4 + contentPadPx[size]
-                      },
-                      children: endContent
-                    }
-                  )
-                ] }),
-                startContent && /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: cn(
-                      "absolute right-0.5 top-1/2 -translate-y-1/2 text-white font-medium transition-opacity",
-                      trackContentSizeClasses[size],
-                      currentChecked ? "opacity-0" : "opacity-100"
-                    ),
-                    children: startContent
-                  }
-                ),
-                endContent && /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: cn(
-                      "absolute left-0.5 top-1/2 -translate-y-1/2 text-white font-medium transition-opacity",
-                      trackContentSizeClasses[size],
-                      currentChecked ? "opacity-100" : "opacity-0"
-                    ),
-                    children: endContent
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                hasInnerText ? cn(
-                  "absolute top-0.5 bg-background rounded-full shadow-sm transition-[left] duration-200 ease-in-out flex items-center justify-center",
-                  thumbSizeOnlyClasses[size]
-                ) : switchThumbVariants({ size }),
-                "switch_thumb",
-                classNames?.thumb
-              ),
-              style: hasInnerText ? {
-                left: currentChecked ? `calc(100% - ${thumbSizePx[size] + 2}px)` : "2px"
-              } : void 0,
-              children: loading ? /* @__PURE__ */ jsx(
-                Loader2,
-                {
-                  className: cn(
-                    "animate-spin text-text-secondary",
-                    loaderSizeClasses[size]
-                  )
-                }
-              ) : thumbIcon ? /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: cn(
-                    "flex items-center justify-center text-text-secondary",
-                    thumbIconSizeClasses[size]
-                  ),
-                  children: thumbIcon
-                }
-              ) : null
-            }
-          )
-        ]
-      }
-    );
-    return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-      /* @__PURE__ */ jsxs(
-        "label",
-        {
-          htmlFor: inputId,
-          className: cn(
-            "inline-flex items-center gap-2",
-            !isDisabled && "cursor-pointer",
-            labelPosition === "left" && "flex-row-reverse"
-          ),
-          children: [
-            switchElement,
-            label && /* @__PURE__ */ jsxs(
-              "span",
-              {
-                className: cn(
-                  "text-sm text-text-primary select-none",
-                  error && "text-error",
-                  isDisabled && "opacity-50",
-                  "switch_label",
-                  classNames?.label,
-                  labelClassName
-                ),
-                children: [
-                  label,
-                  required && /* @__PURE__ */ jsx("span", { className: "text-error ml-0.5", "aria-hidden": "true", children: "*" })
-                ]
-              }
-            )
-          ]
-        }
-      ),
-      (helperText || error) && /* @__PURE__ */ jsx(
-        "p",
-        {
-          id: helperId,
-          className: cn(
-            "mt-1 text-xs",
-            labelPosition === "left" ? "text-right" : "text-left",
-            error ? "text-error" : "text-text-secondary",
-            "switch_description",
-            classNames?.description
-          ),
-          children: error || helperText
-        }
-      )
-    ] });
-  }
-);
-Switch.displayName = "Switch";
-var switch_default = Switch;
-
-export { switch_default };
-//# sourceMappingURL=chunk-6LYRMQOI.js.map
-//# sourceMappingURL=chunk-6LYRMQOI.js.map

package/dist/chunk-6LYRMQOI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/switch/index.tsx"],"names":[],"mappings":"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","file":"chunk-6LYRMQOI.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { Loader2 } from \"lucide-react\";\nimport React, { useState, useId } from \"react\";\n\nimport { cn } from \"../utils\";\nimport { switchTrackColorClasses } 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: switchTrackColorClasses,\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 = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setInternalChecked(e.target.checked);\n      }\n      props.onChange?.(e);\n    };\n\n    const isDisabled = disabled || loading;\n    const hasInnerText = !!(startContent || endContent);\n\n    const switchElement = (\n      <span\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                  switchTrackColorClasses[color as keyof typeof switchTrackColorClasses],\n                  error &&\n                    \"bg-error/30 peer-checked:bg-error peer-focus-visible:ring-error\",\n                )\n              : switchTrackVariants({ color, size, hasError: !!error }),\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-white 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-white 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-6YOOKE6C.js

@@ -1,138 +0,0 @@
-import { useRipple, RippleContainer } from './chunk-OFUPJH35.js';
-import { cn } from './chunk-NGYLRX6F.js';
-import { cva } from 'class-variance-authority';
-import React, { useState } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var inactiveHoverClasses = {
-  default: "text-text-secondary hover:text-text-primary hover:bg-surface",
-  primary: "text-text-secondary hover:text-primary hover:bg-primary/10",
-  secondary: "text-text-secondary hover:text-secondary hover:bg-secondary/10",
-  accent: "text-text-secondary hover:text-accent hover:bg-accent/10",
-  success: "text-text-secondary hover:text-success hover:bg-success/10",
-  error: "text-text-secondary hover:text-error hover:bg-error/10",
-  warning: "text-text-secondary hover:text-warning hover:bg-warning/10",
-  info: "text-text-secondary hover:text-info hover:bg-info/10"
-};
-var activeSolidClasses = {
-  default: "bg-border text-text-primary",
-  primary: "bg-primary text-background",
-  secondary: "bg-secondary text-background",
-  accent: "bg-accent text-background",
-  success: "bg-success text-background",
-  error: "bg-error text-background",
-  warning: "bg-warning text-background",
-  info: "bg-info text-background"
-};
-var activeSoftClasses = {
-  default: "bg-border/20 text-text-primary",
-  primary: "bg-primary/20 text-primary",
-  secondary: "bg-secondary/20 text-secondary",
-  accent: "bg-accent/20 text-accent",
-  success: "bg-success/20 text-success",
-  error: "bg-error/20 text-error",
-  warning: "bg-warning/20 text-warning",
-  info: "bg-info/20 text-info"
-};
-var activeDefaultClasses = {
-  default: "bg-surface text-text-primary",
-  primary: "border-primary bg-primary/10 text-primary",
-  secondary: "border-secondary bg-secondary/10 text-secondary",
-  accent: "border-accent bg-accent/10 text-accent",
-  success: "border-success bg-success/10 text-success",
-  error: "border-error bg-error/10 text-error",
-  warning: "border-warning bg-warning/10 text-warning",
-  info: "border-info bg-info/10 text-info"
-};
-var getToggleClasses = (color, variant, isActive) => {
-  const toggleColor = color;
-  if (!isActive) {
-    return inactiveHoverClasses[toggleColor] || inactiveHoverClasses.default;
-  }
-  if (variant === "solid") {
-    return activeSolidClasses[toggleColor] || activeSolidClasses.default;
-  }
-  if (variant === "soft") {
-    return activeSoftClasses[toggleColor] || activeSoftClasses.default;
-  }
-  return activeDefaultClasses[toggleColor] || activeDefaultClasses.default;
-};
-var singleToggleVariants = cva(
-  "inline-flex items-center gap-2 font-medium transition-colors cursor-pointer border rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
-  {
-    variants: {
-      size: {
-        xs: "text-xs px-2 py-1",
-        sm: "text-sm px-3 py-1.5",
-        md: "text-base px-4 py-2",
-        lg: "text-lg px-5 py-2.5"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var getSingleToggleClasses = (color, variant, isPressed) => {
-  return getToggleClasses(color, variant, isPressed);
-};
-var Toggle = React.memo(
-  ({
-    pressed: controlledPressed,
-    defaultPressed = false,
-    color = "primary",
-    size = "md",
-    variant = "default",
-    onChange,
-    disabled = false,
-    icon,
-    children,
-    "aria-label": ariaLabel,
-    className,
-    classNames
-  }) => {
-    const [internalPressed, setInternalPressed] = useState(defaultPressed);
-    const { ripples, onPointerDown: ripplePointerDown, onKeyDown: rippleKeyDown, onAnimationEnd: rippleAnimationEnd } = useRipple(!disabled);
-    const pressed = controlledPressed !== void 0 ? controlledPressed : internalPressed;
-    const handleClick = () => {
-      if (disabled) return;
-      const newPressed = !pressed;
-      if (controlledPressed === void 0) {
-        setInternalPressed(newPressed);
-      }
-      onChange?.(newPressed);
-    };
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        className: cn(
-          "toggle_root",
-          singleToggleVariants({ size }),
-          getSingleToggleClasses(color, variant, pressed),
-          "border relative overflow-hidden",
-          disabled && "opacity-50 cursor-not-allowed",
-          classNames?.root,
-          className
-        ),
-        onClick: handleClick,
-        onPointerDown: ripplePointerDown,
-        onKeyDown: rippleKeyDown,
-        disabled,
-        "aria-pressed": pressed,
-        "aria-label": ariaLabel,
-        children: [
-          icon,
-          children,
-          /* @__PURE__ */ jsx(RippleContainer, { ripples, onAnimationEnd: rippleAnimationEnd })
-        ]
-      }
-    );
-  }
-);
-Toggle.displayName = "Toggle";
-var toggle_default = Toggle;
-
-export { toggle_default };
-//# sourceMappingURL=chunk-6YOOKE6C.js.map
-//# sourceMappingURL=chunk-6YOOKE6C.js.map

package/dist/chunk-6YOOKE6C.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/toggle/index.tsx"],"names":[],"mappings":"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","file":"chunk-6YOOKE6C.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React, { useState } from 'react'\n\nimport { useRipple, RippleContainer } from '../hooks/useRipple'\nimport { cn } from '../utils'\nimport type { SingleToggleProps } from './types'\n\n// Inactive hover states for each color\nconst inactiveHoverClasses = {\n  default: 'text-text-secondary hover:text-text-primary hover:bg-surface',\n  primary: 'text-text-secondary hover:text-primary hover:bg-primary/10',\n  secondary: 'text-text-secondary hover:text-secondary hover:bg-secondary/10',\n  accent: 'text-text-secondary hover:text-accent hover:bg-accent/10',\n  success: 'text-text-secondary hover:text-success hover:bg-success/10',\n  error: 'text-text-secondary hover:text-error hover:bg-error/10',\n  warning: 'text-text-secondary hover:text-warning hover:bg-warning/10',\n  info: 'text-text-secondary hover:text-info hover:bg-info/10',\n} as const\n\n// Active solid variant classes\nconst activeSolidClasses = {\n  default: 'bg-border text-text-primary',\n  primary: 'bg-primary text-background',\n  secondary: 'bg-secondary text-background',\n  accent: 'bg-accent text-background',\n  success: 'bg-success text-background',\n  error: 'bg-error text-background',\n  warning: 'bg-warning text-background',\n  info: 'bg-info text-background',\n} as const\n\n// Active soft variant classes\nconst activeSoftClasses = {\n  default: 'bg-border/20 text-text-primary',\n  primary: 'bg-primary/20 text-primary',\n  secondary: 'bg-secondary/20 text-secondary',\n  accent: 'bg-accent/20 text-accent',\n  success: 'bg-success/20 text-success',\n  error: 'bg-error/20 text-error',\n  warning: 'bg-warning/20 text-warning',\n  info: 'bg-info/20 text-info',\n} as const\n\n// Active default variant classes\nconst activeDefaultClasses = {\n  default: 'bg-surface text-text-primary',\n  primary: 'border-primary bg-primary/10 text-primary',\n  secondary: 'border-secondary bg-secondary/10 text-secondary',\n  accent: 'border-accent bg-accent/10 text-accent',\n  success: 'border-success bg-success/10 text-success',\n  error: 'border-error bg-error/10 text-error',\n  warning: 'border-warning bg-warning/10 text-warning',\n  info: 'border-info bg-info/10 text-info',\n} as const\n\ntype ToggleColor = keyof typeof inactiveHoverClasses\n\nconst getToggleClasses = (\n  color: string,\n  variant: string,\n  isActive: boolean,\n) => {\n  const toggleColor = color as ToggleColor\n\n  if (!isActive) {\n    return inactiveHoverClasses[toggleColor] || inactiveHoverClasses.default\n  }\n\n  // Active state\n  if (variant === 'solid') {\n    return activeSolidClasses[toggleColor] || activeSolidClasses.default\n  }\n  if (variant === 'soft') {\n    return activeSoftClasses[toggleColor] || activeSoftClasses.default\n  }\n  return activeDefaultClasses[toggleColor] || activeDefaultClasses.default\n}\n\nconst singleToggleVariants = cva(\n  'inline-flex items-center gap-2 font-medium transition-colors cursor-pointer border rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2',\n  {\n    variants: {\n      size: {\n        xs: 'text-xs px-2 py-1',\n        sm: 'text-sm px-3 py-1.5',\n        md: 'text-base px-4 py-2',\n        lg: 'text-lg px-5 py-2.5',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\n// Single toggle uses the same class logic as toggle group\nconst getSingleToggleClasses = (\n  color: string,\n  variant: string,\n  isPressed: boolean,\n) => {\n  return getToggleClasses(color, variant, isPressed)\n}\n\nconst Toggle = React.memo<SingleToggleProps>(\n  ({\n    pressed: controlledPressed,\n    defaultPressed = false,\n    color = 'primary',\n    size = 'md',\n    variant = 'default',\n    onChange,\n    disabled = false,\n    icon,\n    children,\n    'aria-label': ariaLabel,\n    className,\n    classNames,\n  }) => {\n    const [internalPressed, setInternalPressed] = useState(defaultPressed)\n    const { ripples, onPointerDown: ripplePointerDown, onKeyDown: rippleKeyDown, onAnimationEnd: rippleAnimationEnd } = useRipple(!disabled)\n\n    const pressed =\n      controlledPressed !== undefined ? controlledPressed : internalPressed\n\n    const handleClick = () => {\n      if (disabled) return\n\n      const newPressed = !pressed\n      if (controlledPressed === undefined) {\n        setInternalPressed(newPressed)\n      }\n      onChange?.(newPressed)\n    }\n\n    return (\n      <button\n        type=\"button\"\n        className={cn(\n          'toggle_root',\n          singleToggleVariants({ size }),\n          getSingleToggleClasses(color, variant, pressed),\n          'border relative overflow-hidden',\n          disabled && 'opacity-50 cursor-not-allowed',\n          classNames?.root,\n          className,\n        )}\n        onClick={handleClick}\n        onPointerDown={ripplePointerDown}\n        onKeyDown={rippleKeyDown}\n        disabled={disabled}\n        aria-pressed={pressed}\n        aria-label={ariaLabel}\n      >\n        {icon}\n        {children}\n        <RippleContainer ripples={ripples} onAnimationEnd={rippleAnimationEnd} />\n      </button>\n    )\n  },\n)\n\nToggle.displayName = 'Toggle'\n\nexport type * from './types'\nexport default Toggle\n"]}