@mdigital_ui/ui 0.1.0

package/dist/chunk-FTJOSVTY.js

@@ -0,0 +1,104 @@
+import { createAllColorVariants, componentColors } from './chunk-5UEWVFF6.js';
+import { cn } from './chunk-YNNAOXU5.js';
+import { cva } from 'class-variance-authority';
+import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var badgeVariants = cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded font-medium",
+  {
+    variants: {
+      variant: {
+        default: "border",
+        solid: "",
+        outline: "border",
+        soft: ""
+      },
+      color: {
+        default: "",
+        primary: "",
+        secondary: "",
+        accent: "",
+        success: "",
+        error: "",
+        warning: "",
+        info: ""
+      },
+      size: {
+        xs: "text-[10px] px-1 py-0",
+        sm: "text-xs px-1.5 py-0.5",
+        md: "text-xs px-2 py-0.5",
+        lg: "text-sm px-2.5 py-1"
+      }
+    },
+    compoundVariants: createAllColorVariants(componentColors, [
+      "default",
+      "solid",
+      "outline",
+      "soft"
+    ]),
+    defaultVariants: {
+      variant: "solid",
+      color: "primary",
+      size: "sm"
+    }
+  }
+);
+var Badge = React.memo(
+  ({
+    children,
+    color = "primary",
+    variant = "solid",
+    size = "sm",
+    dot = false,
+    count,
+    showZero = true,
+    className
+  }) => {
+    const getDisplayCount = () => {
+      if (count === void 0) return null;
+      if (count === 0 && !showZero) return null;
+      if (count > 99) return "99+";
+      return count;
+    };
+    const displayCount = getDisplayCount();
+    if (count !== void 0 && count === 0 && !showZero && !children) {
+      return null;
+    }
+    if (children && (count !== void 0 || dot)) {
+      return /* @__PURE__ */ jsxs("span", { className: "relative inline-flex", children: [
+        children,
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "absolute -top-2 -right-2 z-10",
+              badgeVariants({ variant, color, size }),
+              dot && "p-0 rounded-full w-2 h-2",
+              className
+            ),
+            children: !dot && displayCount
+          }
+        )
+      ] });
+    }
+    const displayContent = count !== void 0 ? displayCount : children;
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          badgeVariants({ variant, color, size }),
+          dot && "p-0 rounded-full w-2 h-2 min-w-[8px]",
+          className
+        ),
+        children: !dot && displayContent
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+var badge_default = Badge;
+
+export { badge_default };
+//# sourceMappingURL=chunk-FTJOSVTY.js.map
+//# sourceMappingURL=chunk-FTJOSVTY.js.map

package/dist/chunk-FTJOSVTY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/badge/index.tsx"],"names":[],"mappings":"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","file":"chunk-FTJOSVTY.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport { componentColors, createAllColorVariants } from '../variants'\nimport type { BadgeProps } from './types'\n\nconst badgeVariants = cva(\n  'inline-flex items-center justify-center whitespace-nowrap rounded font-medium',\n  {\n    variants: {\n      variant: {\n        default: 'border',\n        solid: '',\n        outline: 'border',\n        soft: '',\n      },\n      color: {\n        default: '',\n        primary: '',\n        secondary: '',\n        accent: '',\n        success: '',\n        error: '',\n        warning: '',\n        info: '',\n      },\n      size: {\n        xs: 'text-[10px] px-1 py-0',\n        sm: 'text-xs px-1.5 py-0.5',\n        md: 'text-xs px-2 py-0.5',\n        lg: 'text-sm px-2.5 py-1',\n      },\n    },\n    compoundVariants: createAllColorVariants(componentColors, [\n      'default',\n      'solid',\n      'outline',\n      'soft',\n    ]),\n    defaultVariants: {\n      variant: 'solid',\n      color: 'primary',\n      size: 'sm',\n    },\n  },\n)\n\nconst Badge = React.memo<BadgeProps>(\n  ({\n    children,\n    color = 'primary',\n    variant = 'solid',\n    size = 'sm',\n    dot = false,\n    count,\n    showZero = true,\n    className,\n  }) => {\n    const getDisplayCount = () => {\n      if (count === undefined) return null\n      if (count === 0 && !showZero) return null\n      if (count > 99) return '99+'\n      return count\n    }\n\n    const displayCount = getDisplayCount()\n\n    // Don't render if count is 0 and showZero is false\n    if (count !== undefined && count === 0 && !showZero && !children) {\n      return null\n    }\n\n    // If both children and count/dot are provided, render floating badge\n    if (children && (count !== undefined || dot)) {\n      return (\n        <span className=\"relative inline-flex\">\n          {children}\n          <span\n            className={cn(\n              'absolute -top-2 -right-2 z-10',\n              badgeVariants({ variant, color, size }),\n              dot && 'p-0 rounded-full w-2 h-2',\n              className,\n            )}\n          >\n            {!dot && displayCount}\n          </span>\n        </span>\n      )\n    }\n\n    // Otherwise render simple badge\n    const displayContent = count !== undefined ? displayCount : children\n\n    return (\n      <span\n        className={cn(\n          badgeVariants({ variant, color, size }),\n          dot && 'p-0 rounded-full w-2 h-2 min-w-[8px]',\n          className,\n        )}\n      >\n        {!dot && displayContent}\n      </span>\n    )\n  },\n)\n\nBadge.displayName = 'Badge'\n\nexport type * from './types'\nexport default Badge\n"]}

package/dist/chunk-FYHQDFKE.js

@@ -0,0 +1,164 @@
+import { cn } from './chunk-YNNAOXU5.js';
+import { cva } from 'class-variance-authority';
+import { Star } from 'lucide-react';
+import React, { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ratingVariants = cva("inline-flex items-center gap-1", {
+  variants: {
+    size: {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var starSizes = {
+  xs: 12,
+  sm: 16,
+  md: 20,
+  lg: 24
+};
+var getStarClasses = (color, variant, isFilled, isHovered) => {
+  const state = isFilled || isHovered ? "filled" : "empty";
+  if (state === "empty") {
+    if (variant === "solid") {
+      if (color === "default") return "fill-transparent stroke-border";
+      return `fill-transparent stroke-${color} opacity-20`;
+    }
+    if (variant === "soft") {
+      if (color === "default") return "fill-transparent stroke-border/50";
+      return `fill-transparent stroke-${color} opacity-20`;
+    }
+    if (color === "default") return "fill-transparent stroke-border";
+    return `fill-transparent stroke-${color} opacity-20`;
+  }
+  if (variant === "solid") {
+    if (color === "default") return "fill-border stroke-border";
+    return `fill-${color} stroke-${color}`;
+  }
+  if (variant === "soft") {
+    if (color === "default") return "fill-border/50 stroke-border";
+    return `fill-${color} opacity-20 stroke-${color}`;
+  }
+  if (color === "default") return "fill-border stroke-border";
+  return `fill-${color} stroke-${color}`;
+};
+var Rating = React.memo(
+  ({
+    value: controlledValue,
+    defaultValue = 0,
+    count = 5,
+    allowHalf = false,
+    color = "warning",
+    size = "md",
+    variant = "solid",
+    onChange,
+    disabled = false,
+    readOnly = false,
+    className
+  }) => {
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const [hoverValue, setHoverValue] = useState(null);
+    const value = controlledValue !== void 0 ? controlledValue : internalValue;
+    const displayValue = hoverValue !== null ? hoverValue : value;
+    const handleStarClick = (index, isHalf) => {
+      if (disabled || readOnly) return;
+      const newValue = isHalf ? index + 0.5 : index + 1;
+      if (controlledValue === void 0) {
+        setInternalValue(newValue);
+      }
+      onChange?.(newValue);
+    };
+    const handleStarHover = (index, isHalf) => {
+      if (disabled || readOnly) return;
+      const newValue = isHalf ? index + 0.5 : index + 1;
+      setHoverValue(newValue);
+    };
+    const handleMouseLeave = () => {
+      setHoverValue(null);
+    };
+    const getStarFill = (index) => {
+      const fillValue = displayValue - index;
+      if (fillValue >= 1) return "full";
+      if (fillValue > 0 && fillValue < 1) return "half";
+      return "empty";
+    };
+    return /* @__PURE__ */ jsx("div", { className: cn(ratingVariants({ size }), className), children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "inline-flex items-center gap-0.5",
+        onMouseLeave: handleMouseLeave,
+        children: Array.from({ length: count }, (_, index) => {
+          const fillType = getStarFill(index);
+          const isHovered = hoverValue !== null && index < Math.ceil(hoverValue);
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "relative inline-flex",
+                !disabled && !readOnly && "cursor-pointer",
+                disabled && "opacity-50 cursor-not-allowed"
+              ),
+              children: [
+                allowHalf && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "absolute inset-0 w-1/2 z-10",
+                    onClick: () => handleStarClick(index, true),
+                    onMouseEnter: () => handleStarHover(index, true)
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "absolute inset-0 z-10",
+                      allowHalf ? "left-1/2" : "left-0"
+                    ),
+                    onClick: () => handleStarClick(index, false),
+                    onMouseEnter: () => handleStarHover(index, false)
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Star,
+                  {
+                    size: starSizes[size],
+                    className: cn(
+                      getStarClasses(color, variant, false, false),
+                      "transition-colors"
+                    )
+                  }
+                ),
+                fillType !== "empty" && /* @__PURE__ */ jsx(
+                  Star,
+                  {
+                    size: starSizes[size],
+                    className: cn(
+                      "absolute top-0 left-0 transition-colors",
+                      getStarClasses(color, variant, true, isHovered)
+                    ),
+                    style: {
+                      clipPath: fillType === "half" ? "polygon(0 0, 50% 0, 50% 100%, 0 100%)" : "none"
+                    }
+                  }
+                )
+              ]
+            },
+            index
+          );
+        })
+      }
+    ) });
+  }
+);
+Rating.displayName = "Rating";
+var rating_default = Rating;
+
+export { rating_default };
+//# sourceMappingURL=chunk-FYHQDFKE.js.map
+//# sourceMappingURL=chunk-FYHQDFKE.js.map

package/dist/chunk-FYHQDFKE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/rating/index.tsx"],"names":[],"mappings":"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","file":"chunk-FYHQDFKE.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport { Star } from 'lucide-react'\nimport React, { useState } from 'react'\n\nimport { cn } from '../utils'\nimport type { RatingProps } from './types'\n\nconst ratingVariants = cva('inline-flex items-center gap-1', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst starSizes = {\n  xs: 12,\n  sm: 16,\n  md: 20,\n  lg: 24,\n}\n\nconst getStarClasses = (\n  color: string,\n  variant: string,\n  isFilled: boolean,\n  isHovered: boolean,\n) => {\n  const state = isFilled || isHovered ? 'filled' : 'empty'\n\n  if (state === 'empty') {\n    if (variant === 'solid') {\n      if (color === 'default') return 'fill-transparent stroke-border'\n      return `fill-transparent stroke-${color} opacity-20`\n    }\n    if (variant === 'soft') {\n      if (color === 'default') return 'fill-transparent stroke-border/50'\n      return `fill-transparent stroke-${color} opacity-20`\n    }\n    if (color === 'default') return 'fill-transparent stroke-border'\n    return `fill-transparent stroke-${color} opacity-20`\n  }\n\n  // filled state\n  if (variant === 'solid') {\n    if (color === 'default') return 'fill-border stroke-border'\n    return `fill-${color} stroke-${color}`\n  }\n  if (variant === 'soft') {\n    if (color === 'default') return 'fill-border/50 stroke-border'\n    return `fill-${color} opacity-20 stroke-${color}`\n  }\n  if (color === 'default') return 'fill-border stroke-border'\n  return `fill-${color} stroke-${color}`\n}\n\nconst Rating = React.memo<RatingProps>(\n  ({\n    value: controlledValue,\n    defaultValue = 0,\n    count = 5,\n    allowHalf = false,\n    color = 'warning',\n    size = 'md',\n    variant = 'solid',\n    onChange,\n    disabled = false,\n    readOnly = false,\n    className,\n  }) => {\n    const [internalValue, setInternalValue] = useState(defaultValue)\n    const [hoverValue, setHoverValue] = useState<number | null>(null)\n\n    const value =\n      controlledValue !== undefined ? controlledValue : internalValue\n    const displayValue = hoverValue !== null ? hoverValue : value\n\n    const handleStarClick = (index: number, isHalf: boolean) => {\n      if (disabled || readOnly) return\n\n      const newValue = isHalf ? index + 0.5 : index + 1\n\n      if (controlledValue === undefined) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    }\n\n    const handleStarHover = (index: number, isHalf: boolean) => {\n      if (disabled || readOnly) return\n      const newValue = isHalf ? index + 0.5 : index + 1\n      setHoverValue(newValue)\n    }\n\n    const handleMouseLeave = () => {\n      setHoverValue(null)\n    }\n\n    const getStarFill = (index: number) => {\n      const fillValue = displayValue - index\n      if (fillValue >= 1) return 'full'\n      if (fillValue > 0 && fillValue < 1) return 'half'\n      return 'empty'\n    }\n\n    return (\n      <div className={cn(ratingVariants({ size }), className)}>\n        <div\n          className=\"inline-flex items-center gap-0.5\"\n          onMouseLeave={handleMouseLeave}\n        >\n          {Array.from({ length: count }, (_, index) => {\n            const fillType = getStarFill(index)\n            const isHovered =\n              hoverValue !== null && index < Math.ceil(hoverValue)\n\n            return (\n              <div\n                key={index}\n                className={cn(\n                  'relative inline-flex',\n                  !disabled && !readOnly && 'cursor-pointer',\n                  disabled && 'opacity-50 cursor-not-allowed',\n                )}\n              >\n                {/* Left half */}\n                {allowHalf && (\n                  <div\n                    className=\"absolute inset-0 w-1/2 z-10\"\n                    onClick={() => handleStarClick(index, true)}\n                    onMouseEnter={() => handleStarHover(index, true)}\n                  />\n                )}\n                {/* Right half or full star */}\n                <div\n                  className={cn(\n                    'absolute inset-0 z-10',\n                    allowHalf ? 'left-1/2' : 'left-0',\n                  )}\n                  onClick={() => handleStarClick(index, false)}\n                  onMouseEnter={() => handleStarHover(index, false)}\n                />\n\n                {/* Background star (empty) */}\n                <Star\n                  size={starSizes[size]}\n                  className={cn(\n                    getStarClasses(color, variant, false, false),\n                    'transition-colors',\n                  )}\n                />\n\n                {/* Foreground star (filled) */}\n                {fillType !== 'empty' && (\n                  <Star\n                    size={starSizes[size]}\n                    className={cn(\n                      'absolute top-0 left-0 transition-colors',\n                      getStarClasses(color, variant, true, isHovered),\n                    )}\n                    style={{\n                      clipPath:\n                        fillType === 'half'\n                          ? 'polygon(0 0, 50% 0, 50% 100%, 0 100%)'\n                          : 'none',\n                    }}\n                  />\n                )}\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    )\n  },\n)\n\nRating.displayName = 'Rating'\n\nexport type * from './types'\nexport default Rating\n"]}

package/dist/chunk-H2HIBD5Y.js

@@ -0,0 +1,158 @@
+import { getCheckboxColorClass } from './chunk-5UEWVFF6.js';
+import { cn, iconSizes } from './chunk-YNNAOXU5.js';
+import { cva } from 'class-variance-authority';
+import { Check } from 'lucide-react';
+import React, { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var checkboxVariants = cva(
+  "appearance-none rounded border bg-background cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed outline-none",
+  {
+    variants: {
+      color: {
+        primary: "border-border checked:border-primary",
+        secondary: "border-border checked:border-secondary",
+        accent: "border-border checked:border-accent",
+        success: "border-border checked:border-success",
+        error: "border-border checked:border-error",
+        warning: "border-border checked:border-warning",
+        info: "border-border checked:border-info"
+      },
+      size: {
+        xs: "w-4 h-4",
+        sm: "w-[var(--checkbox-size-sm)] h-[var(--checkbox-size-sm)]",
+        md: "w-[var(--checkbox-size-md)] h-[var(--checkbox-size-md)]",
+        lg: "w-[var(--checkbox-size-lg)] h-[var(--checkbox-size-lg)]"
+      },
+      error: {
+        true: "border-error checked:border-error",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      color: "primary",
+      size: "md"
+    }
+  }
+);
+var Checkbox = React.memo(
+  ({
+    color = "primary",
+    size = "md",
+    label,
+    helperText,
+    error,
+    indeterminate = false,
+    className,
+    checked,
+    defaultChecked,
+    ref,
+    labelClassName,
+    ...props
+  }) => {
+    const [internalChecked, setInternalChecked] = useState(
+      defaultChecked ?? false
+    );
+    const internalRef = React.useRef(null);
+    const checkboxRef = ref || internalRef;
+    const isControlled = checked !== void 0;
+    const currentChecked = isControlled ? checked : internalChecked;
+    const onChange = React.useCallback(
+      (event) => {
+        if (!isControlled) {
+          setInternalChecked(event.target.checked);
+        }
+        props.onChange?.(event);
+      },
+      [isControlled, props.onChange]
+    );
+    React.useEffect(() => {
+      if (checkboxRef.current) {
+        checkboxRef.current.indeterminate = indeterminate;
+      }
+    }, [indeterminate, checkboxRef]);
+    const checkboxElement = /* @__PURE__ */ jsxs("div", { className: "relative inline-flex", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: checkboxRef,
+          type: "checkbox",
+          className: cn(
+            checkboxVariants({ color, size, error: !!error }),
+            className
+          ),
+          "aria-checked": indeterminate ? "mixed" : currentChecked,
+          ...props,
+          onChange,
+          checked: currentChecked
+        }
+      ),
+      currentChecked && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: indeterminate ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "w-[70%] h-[70%] rounded-xs border-2 border-background flex items-center justify-center",
+            getCheckboxColorClass(color)
+          )
+        }
+      ) : /* @__PURE__ */ jsx(
+        Check,
+        {
+          className: cn(
+            iconSizes[size],
+            color === "primary" && "text-primary",
+            color === "secondary" && "text-secondary",
+            color === "accent" && "text-accent",
+            color === "success" && "text-success",
+            color === "error" && "text-error",
+            color === "warning" && "text-warning",
+            color === "info" && "text-info"
+          )
+        }
+      ) })
+    ] });
+    if (!label && !helperText && !error) return checkboxElement;
+    return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+      /* @__PURE__ */ jsxs(
+        "label",
+        {
+          className: cn(
+            "flex items-center gap-2",
+            !props.disabled && "cursor-pointer"
+          ),
+          children: [
+            checkboxElement,
+            label && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "text-sm text-text-primary select-none",
+                  error && "text-error",
+                  props.disabled && "opacity-50",
+                  labelClassName
+                ),
+                children: label
+              }
+            )
+          ]
+        }
+      ),
+      (helperText || error) && /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: cn(
+            "mt-1 ml-0 text-xs",
+            error ? "text-error" : "text-text-secondary"
+          ),
+          children: error || helperText
+        }
+      )
+    ] });
+  }
+);
+Checkbox.displayName = "Checkbox";
+var checkbox_default = Checkbox;
+
+export { checkbox_default };
+//# sourceMappingURL=chunk-H2HIBD5Y.js.map
+//# sourceMappingURL=chunk-H2HIBD5Y.js.map

package/dist/chunk-H2HIBD5Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkbox/index.tsx"],"names":[],"mappings":";;;;;;;AAQA,IAAM,gBAAA,GAAmB,GAAA;AAAA,EACvB,0HAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,sCAAA;AAAA,QACT,SAAA,EAAW,wCAAA;AAAA,QACX,MAAA,EAAQ,qCAAA;AAAA,QACR,OAAA,EAAS,sCAAA;AAAA,QACT,KAAA,EAAO,oCAAA;AAAA,QACP,OAAA,EAAS,sCAAA;AAAA,QACT,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,yDAAA;AAAA,QACJ,EAAA,EAAI,yDAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,mCAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,WAAW,KAAA,CAAM,IAAA;AAAA,EACrB,CAAC;AAAA,IACC,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA,GAAgB,KAAA;AAAA,IAChB,SAAA;AAAA,IACA,OAAA;AAAA,IACA,cAAA;AAAA,IACA,GAAA;AAAA,IACA,cAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,QAAA;AAAA,MAC5C,cAAA,IAAkB;AAAA,KACpB;AACA,IAAA,MAAM,WAAA,GAAc,KAAA,CAAM,MAAA,CAAyB,IAAI,CAAA;AACvD,IAAA,MAAM,cACH,GAAA,IAA6C,WAAA;AAGhD,IAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,IAAA,MAAM,cAAA,GAAiB,eAAe,OAAA,GAAU,eAAA;AAEhD,IAAA,MAAM,WAAW,KAAA,CAAM,WAAA;AAAA,MACrB,CAAC,KAAA,KAA+C;AAC9C,QAAA,IAAI,CAAC,YAAA,EAAc;AACjB,UAAA,kBAAA,CAAmB,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,QACzC;AACA,QAAA,KAAA,CAAM,WAAW,KAAK,CAAA;AAAA,MACxB,CAAA;AAAA,MACA,CAAC,YAAA,EAAc,KAAA,CAAM,QAAQ;AAAA,KAC/B;AAEA,IAAA,KAAA,CAAM,UAAU,MAAM;AACpB,MAAA,IAAI,YAAY,OAAA,EAAS;AACvB,QAAA,WAAA,CAAY,QAAQ,aAAA,GAAgB,aAAA;AAAA,MACtC;AAAA,IACF,CAAA,EAAG,CAAC,aAAA,EAAe,WAAW,CAAC,CAAA;AAE/B,IAAA,MAAM,eAAA,mBACJ,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,WAAA;AAAA,UACL,IAAA,EAAK,UAAA;AAAA,UACL,SAAA,EAAW,EAAA;AAAA,YACT,gBAAA,CAAiB,EAAE,KAAA,EAAO,IAAA,EAAM,OAAO,CAAC,CAAC,OAAO,CAAA;AAAA,YAChD;AAAA,WACF;AAAA,UACA,cAAA,EAAc,gBAAgB,OAAA,GAAU,cAAA;AAAA,UACvC,GAAG,KAAA;AAAA,UACJ,QAAA;AAAA,UACA,OAAA,EAAS;AAAA;AAAA,OACX;AAAA,MACC,cAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yEACZ,QAAA,EAAA,aAAA,mBACC,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,wFAAA;AAAA,YACA,sBAAsB,KAAK;AAAA;AAC7B;AAAA,OACF,mBAEA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,UAAU,IAAI,CAAA;AAAA,YACd,UAAU,SAAA,IAAa,cAAA;AAAA,YACvB,UAAU,WAAA,IAAe,gBAAA;AAAA,YACzB,UAAU,QAAA,IAAY,aAAA;AAAA,YACtB,UAAU,SAAA,IAAa,cAAA;AAAA,YACvB,UAAU,OAAA,IAAW,YAAA;AAAA,YACrB,UAAU,SAAA,IAAa,cAAA;AAAA,YACvB,UAAU,MAAA,IAAU;AAAA;AACtB;AAAA,OACF,EAEJ;AAAA,KAAA,EAEJ,CAAA;AAGF,IAAA,IAAI,CAAC,KAAA,IAAS,CAAC,UAAA,IAAc,CAAC,OAAO,OAAO,eAAA;AAE5C,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,QAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,yBAAA;AAAA,YACA,CAAC,MAAM,QAAA,IAAY;AAAA,WACrB;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,eAAA;AAAA,YACA,KAAA,oBACC,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,uCAAA;AAAA,kBACA,KAAA,IAAS,YAAA;AAAA,kBACT,MAAM,QAAA,IAAY,YAAA;AAAA,kBAClB;AAAA,iBACF;AAAA,gBAEC,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,OAEJ;AAAA,MAAA,CACE,cAAc,KAAA,qBACd,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,mBAAA;AAAA,YACA,QAAQ,YAAA,GAAe;AAAA,WACzB;AAAA,UAEC,QAAA,EAAA,KAAA,IAAS;AAAA;AAAA;AACZ,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;AAGvB,IAAO,gBAAA,GAAQ","file":"chunk-H2HIBD5Y.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport { Check } from 'lucide-react'\nimport React, { useState } from 'react'\n\nimport { cn, iconSizes } from '../utils'\nimport { getCheckboxColorClass } from '../variants'\nimport type { CheckboxProps } from './types'\n\nconst checkboxVariants = cva(\n  'appearance-none rounded border bg-background cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed outline-none',\n  {\n    variants: {\n      color: {\n        primary: 'border-border checked:border-primary',\n        secondary: 'border-border checked:border-secondary',\n        accent: 'border-border checked:border-accent',\n        success: 'border-border checked:border-success',\n        error: 'border-border checked:border-error',\n        warning: 'border-border checked:border-warning',\n        info: 'border-border checked:border-info',\n      },\n      size: {\n        xs: 'w-4 h-4',\n        sm: 'w-[var(--checkbox-size-sm)] h-[var(--checkbox-size-sm)]',\n        md: 'w-[var(--checkbox-size-md)] h-[var(--checkbox-size-md)]',\n        lg: 'w-[var(--checkbox-size-lg)] h-[var(--checkbox-size-lg)]',\n      },\n      error: {\n        true: 'border-error checked:border-error',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      color: 'primary',\n      size: 'md',\n    },\n  },\n)\n\nconst Checkbox = React.memo<CheckboxProps>(\n  ({\n    color = 'primary',\n    size = 'md',\n    label,\n    helperText,\n    error,\n    indeterminate = false,\n    className,\n    checked,\n    defaultChecked,\n    ref,\n    labelClassName,\n    ...props\n  }) => {\n    const [internalChecked, setInternalChecked] = useState(\n      defaultChecked ?? false,\n    )\n    const internalRef = React.useRef<HTMLInputElement>(null)\n    const checkboxRef =\n      (ref as React.RefObject<HTMLInputElement>) || internalRef\n\n    // Determine if controlled\n    const isControlled = checked !== undefined\n    const currentChecked = isControlled ? checked : internalChecked\n\n    const onChange = React.useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (!isControlled) {\n          setInternalChecked(event.target.checked)\n        }\n        props.onChange?.(event)\n      },\n      [isControlled, props.onChange],\n    )\n\n    React.useEffect(() => {\n      if (checkboxRef.current) {\n        checkboxRef.current.indeterminate = indeterminate\n      }\n    }, [indeterminate, checkboxRef])\n\n    const checkboxElement = (\n      <div className=\"relative inline-flex\">\n        <input\n          ref={checkboxRef}\n          type=\"checkbox\"\n          className={cn(\n            checkboxVariants({ color, size, error: !!error }),\n            className,\n          )}\n          aria-checked={indeterminate ? 'mixed' : currentChecked}\n          {...props}\n          onChange={onChange}\n          checked={currentChecked}\n        />\n        {currentChecked && (\n          <div className=\"absolute inset-0 flex items-center justify-center pointer-events-none\">\n            {indeterminate ? (\n              <div\n                className={cn(\n                  'w-[70%] h-[70%] rounded-xs border-2 border-background flex items-center justify-center',\n                  getCheckboxColorClass(color),\n                )}\n              />\n            ) : (\n              <Check\n                className={cn(\n                  iconSizes[size],\n                  color === 'primary' && 'text-primary',\n                  color === 'secondary' && 'text-secondary',\n                  color === 'accent' && 'text-accent',\n                  color === 'success' && 'text-success',\n                  color === 'error' && 'text-error',\n                  color === 'warning' && 'text-warning',\n                  color === 'info' && 'text-info',\n                )}\n              />\n            )}\n          </div>\n        )}\n      </div>\n    )\n\n    if (!label && !helperText && !error) return checkboxElement\n\n    return (\n      <div className=\"w-full\">\n        <label\n          className={cn(\n            'flex items-center gap-2',\n            !props.disabled && 'cursor-pointer',\n          )}\n        >\n          {checkboxElement}\n          {label && (\n            <span\n              className={cn(\n                'text-sm text-text-primary select-none',\n                error && 'text-error',\n                props.disabled && 'opacity-50',\n                labelClassName,\n              )}\n            >\n              {label}\n            </span>\n          )}\n        </label>\n        {(helperText || error) && (\n          <p\n            className={cn(\n              'mt-1 ml-0 text-xs',\n              error ? 'text-error' : 'text-text-secondary',\n            )}\n          >\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nCheckbox.displayName = 'Checkbox'\n\nexport type * from './types'\nexport default Checkbox\n"]}

package/dist/chunk-J3G5WWGR.js

@@ -0,0 +1,53 @@
+import { cn } from './chunk-YNNAOXU5.js';
+import { cva } from 'class-variance-authority';
+import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var spinnerVariants = cva(
+  "inline-block border border-current border-t-transparent rounded-full animate-spin",
+  {
+    variants: {
+      size: {
+        xs: "w-3 h-3 border",
+        sm: "w-4 h-4 border",
+        md: "w-6 h-6 border-2",
+        lg: "w-8 h-8 border-2"
+      },
+      color: {
+        default: "text-text-primary",
+        primary: "text-primary",
+        secondary: "text-secondary",
+        accent: "text-accent",
+        success: "text-success",
+        error: "text-error",
+        warning: "text-warning",
+        info: "text-info"
+      }
+    },
+    defaultVariants: {
+      size: "sm",
+      color: "primary"
+    }
+  }
+);
+var Spinner = React.memo(
+  ({ size = "sm", color = "primary", label, className }) => {
+    return /* @__PURE__ */ jsxs("div", { className: cn("inline-flex flex-col items-center gap-2", className), children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: spinnerVariants({ size, color }),
+          role: "status",
+          "aria-label": label || "Loading"
+        }
+      ),
+      label && /* @__PURE__ */ jsx("span", { className: "text-sm text-text-muted", children: label })
+    ] });
+  }
+);
+Spinner.displayName = "Spinner";
+var spinner_default = Spinner;
+
+export { Spinner, spinner_default };
+//# sourceMappingURL=chunk-J3G5WWGR.js.map
+//# sourceMappingURL=chunk-J3G5WWGR.js.map

package/dist/chunk-J3G5WWGR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/spinner/index.tsx"],"names":[],"mappings":";;;;;AAMA,IAAM,eAAA,GAAkB,GAAA;AAAA,EACtB,mFAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,gBAAA;AAAA,QACJ,EAAA,EAAI,gBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,mBAAA;AAAA,QACT,OAAA,EAAS,cAAA;AAAA,QACT,SAAA,EAAW,gBAAA;AAAA,QACX,MAAA,EAAQ,aAAA;AAAA,QACR,OAAA,EAAS,cAAA;AAAA,QACT,KAAA,EAAO,YAAA;AAAA,QACP,OAAA,EAAS,cAAA;AAAA,QACT,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAEO,IAAM,UAAU,KAAA,CAAM,IAAA;AAAA,EAC3B,CAAC,EAAE,IAAA,GAAO,IAAA,EAAM,QAAQ,SAAA,EAAW,KAAA,EAAO,WAAU,KAAM;AACxD,IAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,yCAAA,EAA2C,SAAS,CAAA,EACrE,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,eAAA,CAAgB,EAAE,IAAA,EAAM,OAAO,CAAA;AAAA,UAC1C,IAAA,EAAK,QAAA;AAAA,UACL,cAAY,KAAA,IAAS;AAAA;AAAA,OACvB;AAAA,MACC,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2BAA2B,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EAC7D,CAAA;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;AAGtB,IAAO,eAAA,GAAQ","file":"chunk-J3G5WWGR.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport type { SpinnerProps } from './types'\n\nconst spinnerVariants = cva(\n  'inline-block border border-current border-t-transparent rounded-full animate-spin',\n  {\n    variants: {\n      size: {\n        xs: 'w-3 h-3 border',\n        sm: 'w-4 h-4 border',\n        md: 'w-6 h-6 border-2',\n        lg: 'w-8 h-8 border-2',\n      },\n      color: {\n        default: 'text-text-primary',\n        primary: 'text-primary',\n        secondary: 'text-secondary',\n        accent: 'text-accent',\n        success: 'text-success',\n        error: 'text-error',\n        warning: 'text-warning',\n        info: 'text-info',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      color: 'primary',\n    },\n  },\n)\n\nexport const Spinner = React.memo<SpinnerProps>(\n  ({ size = 'sm', color = 'primary', label, className }) => {\n    return (\n      <div className={cn('inline-flex flex-col items-center gap-2', className)}>\n        <div\n          className={spinnerVariants({ size, color })}\n          role=\"status\"\n          aria-label={label || 'Loading'}\n        />\n        {label && <span className=\"text-sm text-text-muted\">{label}</span>}\n      </div>\n    )\n  },\n)\n\nSpinner.displayName = 'Spinner'\n\nexport type * from './types'\nexport default Spinner\n"]}