@thangnqdev/ui 0.1.0

package/dist/chunk-WAFHC4DQ.js

@@ -0,0 +1,366 @@
+import { __export, cn } from './chunk-4S6L5V7X.js';
+import { forwardRef, useId } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { X, Inbox, AlertCircle, AlertTriangle, CheckCircle2, Info } from 'lucide-react';
+
+// src/feedback/index.ts
+var feedback_exports = {};
+__export(feedback_exports, {
+  Alert: () => Alert,
+  AlertDescription: () => AlertDescription,
+  AlertTitle: () => AlertTitle,
+  CircularProgress: () => CircularProgress,
+  EmptyState: () => EmptyState,
+  ProgressBar: () => ProgressBar,
+  Skeleton: () => Skeleton,
+  SkeletonCircle: () => SkeletonCircle,
+  SkeletonText: () => SkeletonText,
+  Spinner: () => Spinner,
+  alertVariants: () => alertVariants,
+  progressVariants: () => progressVariants,
+  spinnerVariants: () => spinnerVariants
+});
+var spinnerVariants = cva("animate-spin inline-block", {
+  variants: {
+    size: {
+      xs: "w-3 h-3",
+      sm: "w-4 h-4",
+      md: "w-6 h-6",
+      lg: "w-8 h-8",
+      xl: "w-12 h-12"
+    },
+    variant: {
+      primary: "text-[var(--ui-primary)]",
+      secondary: "text-[var(--ui-secondary)]",
+      current: "text-current",
+      muted: "text-[var(--ui-text-muted)]",
+      white: "text-white"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "primary"
+  }
+});
+var Spinner = forwardRef(
+  ({ className, size, variant, label = "Loading...", ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        ref,
+        role: "status",
+        "aria-label": label,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className: cn(spinnerVariants({ size, variant }), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              className: "opacity-25",
+              cx: "12",
+              cy: "12",
+              r: "10",
+              stroke: "currentColor",
+              strokeWidth: "4"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: "opacity-75",
+              fill: "currentColor",
+              d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Spinner.displayName = "Spinner";
+var Skeleton = forwardRef(
+  ({ className, circle = false, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "aria-hidden": "true",
+        className: cn(
+          "animate-pulse bg-[var(--ui-bg-tertiary)]",
+          circle ? "rounded-full" : "rounded-[var(--ui-radius-md)]",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+var SkeletonText = forwardRef(
+  ({ className, lines = 3, gap = "md", ...props }, ref) => {
+    const gapClass = gap === "sm" ? "space-y-1.5" : gap === "lg" ? "space-y-3" : "space-y-2";
+    return /* @__PURE__ */ jsx("div", { ref, "aria-hidden": "true", className: cn("w-full", gapClass, className), ...props, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx(
+      Skeleton,
+      {
+        className: cn("h-4 w-full", i === lines - 1 && "w-4/5")
+      },
+      i
+    )) });
+  }
+);
+SkeletonText.displayName = "SkeletonText";
+var SkeletonCircle = forwardRef(
+  ({ className, size = "2.5rem", style, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Skeleton,
+      {
+        ref,
+        circle: true,
+        style: { width: size, height: size, ...style },
+        className,
+        ...props
+      }
+    );
+  }
+);
+SkeletonCircle.displayName = "SkeletonCircle";
+var progressVariants = cva("w-full overflow-hidden rounded-full bg-[var(--ui-bg-tertiary)]", {
+  variants: {
+    size: {
+      sm: "h-1.5",
+      md: "h-2.5",
+      lg: "h-4"
+    },
+    variant: {
+      primary: "[&>div]:bg-[var(--ui-primary)]",
+      secondary: "[&>div]:bg-[var(--ui-secondary)]",
+      success: "[&>div]:bg-[var(--ui-success)]",
+      warning: "[&>div]:bg-[var(--ui-warning)]",
+      error: "[&>div]:bg-[var(--ui-error)]"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "primary"
+  }
+});
+var ProgressBar = forwardRef(
+  ({ className, size, variant, value, max = 100, showValue = false, striped = false, ...props }, ref) => {
+    const percentage = Math.min(100, Math.max(0, value / max * 100));
+    return /* @__PURE__ */ jsxs("div", { className: "w-full space-y-1", children: [
+      showValue && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs font-semibold text-[var(--ui-text-muted)] font-mono", children: [
+        /* @__PURE__ */ jsx("span", { children: "Progress" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          Math.round(percentage),
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          role: "progressbar",
+          "aria-valuenow": value,
+          "aria-valuemin": 0,
+          "aria-valuemax": max,
+          className: cn(progressVariants({ size, variant }), className),
+          ...props,
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "h-full transition-all duration-300 ease-out rounded-full",
+                striped && "bg-[length:1rem_1rem] bg-gradient-to-r from-transparent via-white/20 to-transparent animate-pulse"
+              ),
+              style: { width: `${percentage}%` }
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+ProgressBar.displayName = "ProgressBar";
+var CircularProgress = forwardRef(
+  ({
+    className,
+    value,
+    max = 100,
+    size = 64,
+    strokeWidth = 6,
+    showValue = true,
+    variant = "primary",
+    trackColor,
+    glow = false,
+    ...props
+  }, ref) => {
+    const gradId = useId().replace(/:/g, "");
+    const radius = (size - strokeWidth) / 2;
+    const circumference = radius * 2 * Math.PI;
+    const percentage = Math.min(100, Math.max(0, value / max * 100));
+    const strokeDashoffset = circumference - percentage / 100 * circumference;
+    const gradients = {
+      primary: ["#0071e3", "#2997ff"],
+      success: ["#34c759", "#30d158"],
+      warning: ["#ff9f0a", "#ffd60a"],
+      error: ["#ff3b30", "#ff453a"],
+      purple: ["#af52de", "#bf5af2"],
+      cyan: ["#00c7be", "#30b0c7"]
+    };
+    const [startColor, endColor] = gradients[variant] || gradients.primary;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("relative inline-flex items-center justify-center select-none", glow && "drop-shadow-md"),
+        style: { width: size, height: size },
+        children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              ref,
+              width: size,
+              height: size,
+              viewBox: `0 0 ${size} ${size}`,
+              className: cn("-rotate-90", className),
+              ...props,
+              children: [
+                /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: `circle-grad-${gradId}`, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                  /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: startColor }),
+                  /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: endColor })
+                ] }) }),
+                /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    cx: size / 2,
+                    cy: size / 2,
+                    r: radius,
+                    stroke: trackColor || "currentColor",
+                    strokeWidth,
+                    fill: "none",
+                    className: "text-[var(--ui-border-default)]/40 dark:text-white/10 opacity-70"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    cx: size / 2,
+                    cy: size / 2,
+                    r: radius,
+                    stroke: `url(#circle-grad-${gradId})`,
+                    strokeWidth,
+                    strokeDasharray: circumference,
+                    strokeDashoffset,
+                    strokeLinecap: "round",
+                    fill: "none",
+                    className: "transition-all duration-500 ease-out"
+                  }
+                )
+              ]
+            }
+          ),
+          showValue && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center leading-none", children: /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "font-sans font-extrabold tracking-tight text-[var(--ui-text-primary)]",
+              style: { fontSize: `${Math.max(10, Math.round(size * 0.23))}px` },
+              children: [
+                Math.round(percentage),
+                "%"
+              ]
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+CircularProgress.displayName = "CircularProgress";
+var alertVariants = cva(
+  "relative w-full rounded-[var(--ui-radius-lg)] border p-4 text-sm flex items-start gap-3.5 shadow-sm",
+  {
+    variants: {
+      status: {
+        info: "bg-[var(--ui-info-subtle)] border-[var(--ui-info)]/30 text-[var(--ui-text-primary)] [&>svg]:text-[var(--ui-info)]",
+        success: "bg-[var(--ui-success-subtle)] border-[var(--ui-success)]/30 text-[var(--ui-text-primary)] [&>svg]:text-[var(--ui-success)]",
+        warning: "bg-[var(--ui-warning-subtle)] border-[var(--ui-warning)]/30 text-[var(--ui-text-primary)] [&>svg]:text-[var(--ui-warning)]",
+        error: "bg-[var(--ui-error-subtle)] border-[var(--ui-error)]/30 text-[var(--ui-text-primary)] [&>svg]:text-[var(--ui-error)]"
+      }
+    },
+    defaultVariants: {
+      status: "info"
+    }
+  }
+);
+var statusIcons = {
+  info: /* @__PURE__ */ jsx(Info, { className: "w-5 h-5 flex-shrink-0" }),
+  success: /* @__PURE__ */ jsx(CheckCircle2, { className: "w-5 h-5 flex-shrink-0" }),
+  warning: /* @__PURE__ */ jsx(AlertTriangle, { className: "w-5 h-5 flex-shrink-0" }),
+  error: /* @__PURE__ */ jsx(AlertCircle, { className: "w-5 h-5 flex-shrink-0" })
+};
+var Alert = forwardRef(
+  ({ className, status = "info", icon, onClose, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: cn(alertVariants({ status }), className),
+        ...props,
+        children: [
+          icon !== void 0 ? icon : statusIcons[status || "info"],
+          /* @__PURE__ */ jsx("div", { className: "flex-1 space-y-1", children }),
+          onClose && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              "aria-label": "Dismiss alert",
+              className: "p-1 rounded text-[var(--ui-text-muted)] hover:text-[var(--ui-text-primary)] hover:bg-black/5 dark:hover:bg-white/5 transition-colors -mr-1 -mt-1",
+              children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+var AlertTitle = forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("h5", { ref, className: cn("font-semibold leading-none tracking-tight text-[var(--ui-text-primary)]", className), ...props, children })
+);
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-xs text-[var(--ui-text-secondary)] leading-relaxed", className), ...props, children })
+);
+AlertDescription.displayName = "AlertDescription";
+var EmptyState = forwardRef(
+  ({ className, icon, title, description, action, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex flex-col items-center justify-center p-8 sm:p-12 text-center rounded-[var(--ui-radius-xl)] border border-dashed border-[var(--ui-border-default)] bg-[var(--ui-bg-secondary)]/50",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-14 h-14 rounded-full bg-[var(--ui-bg-tertiary)] text-[var(--ui-text-muted)] mb-4", children: icon || /* @__PURE__ */ jsx(Inbox, { className: "w-7 h-7 stroke-[1.5]" }) }),
+          /* @__PURE__ */ jsx("h3", { className: "text-base sm:text-lg font-bold text-[var(--ui-text-primary)] mb-1", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "text-xs sm:text-sm text-[var(--ui-text-muted)] max-w-sm mb-6 leading-relaxed", children: description }),
+          action && /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-3", children: action }),
+          children
+        ]
+      }
+    );
+  }
+);
+EmptyState.displayName = "EmptyState";
+
+export { Alert, AlertDescription, AlertTitle, CircularProgress, EmptyState, ProgressBar, Skeleton, SkeletonCircle, SkeletonText, Spinner, alertVariants, feedback_exports, progressVariants, spinnerVariants };
+//# sourceMappingURL=chunk-WAFHC4DQ.js.map
+//# sourceMappingURL=chunk-WAFHC4DQ.js.map

package/dist/chunk-WAFHC4DQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/feedback/index.ts","../src/feedback/Spinner.tsx","../src/feedback/Skeleton.tsx","../src/feedback/ProgressBar.tsx","../src/feedback/Alert.tsx","../src/feedback/EmptyState.tsx"],"names":["forwardRef","jsx","cva","jsxs"],"mappings":"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","file":"chunk-WAFHC4DQ.js","sourcesContent":["export * from './Spinner';\r\nexport * from './Skeleton';\r\nexport * from './ProgressBar';\r\nexport * from './Alert';\r\nexport * from './EmptyState';\r\n","import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport const spinnerVariants = cva('animate-spin inline-block', {\r\n  variants: {\r\n    size: {\r\n      xs: 'w-3 h-3',\r\n      sm: 'w-4 h-4',\r\n      md: 'w-6 h-6',\r\n      lg: 'w-8 h-8',\r\n      xl: 'w-12 h-12',\r\n    },\r\n    variant: {\r\n      primary: 'text-[var(--ui-primary)]',\r\n      secondary: 'text-[var(--ui-secondary)]',\r\n      current: 'text-current',\r\n      muted: 'text-[var(--ui-text-muted)]',\r\n      white: 'text-white',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    size: 'md',\r\n    variant: 'primary',\r\n  },\r\n});\r\n\r\nexport interface SpinnerProps\r\n  extends React.SVGAttributes<SVGSVGElement>,\r\n    VariantProps<typeof spinnerVariants> {\r\n  label?: string;\r\n}\r\n\r\nexport const Spinner = forwardRef<SVGSVGElement, SpinnerProps>(\r\n  ({ className, size, variant, label = 'Loading...', ...props }, ref) => {\r\n    return (\r\n      <svg\r\n        ref={ref}\r\n        role=\"status\"\r\n        aria-label={label}\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        className={cn(spinnerVariants({ size, variant }), className)}\r\n        {...props}\r\n      >\r\n        <circle\r\n          className=\"opacity-25\"\r\n          cx=\"12\"\r\n          cy=\"12\"\r\n          r=\"10\"\r\n          stroke=\"currentColor\"\r\n          strokeWidth=\"4\"\r\n        />\r\n        <path\r\n          className=\"opacity-75\"\r\n          fill=\"currentColor\"\r\n          d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\r\n        />\r\n      </svg>\r\n    );\r\n  }\r\n);\r\n\r\nSpinner.displayName = 'Spinner';\r\n","import React, { forwardRef } from 'react';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  circle?: boolean;\r\n}\r\n\r\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\r\n  ({ className, circle = false, ...props }, ref) => {\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        aria-hidden=\"true\"\r\n        className={cn(\r\n          'animate-pulse bg-[var(--ui-bg-tertiary)]',\r\n          circle ? 'rounded-full' : 'rounded-[var(--ui-radius-md)]',\r\n          className\r\n        )}\r\n        {...props}\r\n      />\r\n    );\r\n  }\r\n);\r\nSkeleton.displayName = 'Skeleton';\r\n\r\nexport interface SkeletonTextProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  lines?: number;\r\n  gap?: 'sm' | 'md' | 'lg';\r\n}\r\n\r\nexport const SkeletonText = forwardRef<HTMLDivElement, SkeletonTextProps>(\r\n  ({ className, lines = 3, gap = 'md', ...props }, ref) => {\r\n    const gapClass = gap === 'sm' ? 'space-y-1.5' : gap === 'lg' ? 'space-y-3' : 'space-y-2';\r\n\r\n    return (\r\n      <div ref={ref} aria-hidden=\"true\" className={cn('w-full', gapClass, className)} {...props}>\r\n        {Array.from({ length: lines }).map((_, i) => (\r\n          <Skeleton\r\n            key={i}\r\n            className={cn('h-4 w-full', i === lines - 1 && 'w-4/5')}\r\n          />\r\n        ))}\r\n      </div>\r\n    );\r\n  }\r\n);\r\nSkeletonText.displayName = 'SkeletonText';\r\n\r\nexport interface SkeletonCircleProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  size?: number | string;\r\n}\r\n\r\nexport const SkeletonCircle = forwardRef<HTMLDivElement, SkeletonCircleProps>(\r\n  ({ className, size = '2.5rem', style, ...props }, ref) => {\r\n    return (\r\n      <Skeleton\r\n        ref={ref}\r\n        circle\r\n        style={{ width: size, height: size, ...style }}\r\n        className={className}\r\n        {...props}\r\n      />\r\n    );\r\n  }\r\n);\r\nSkeletonCircle.displayName = 'SkeletonCircle';\r\n","import React, { forwardRef, useId } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nexport const progressVariants = cva('w-full overflow-hidden rounded-full bg-[var(--ui-bg-tertiary)]', {\n  variants: {\n    size: {\n      sm: 'h-1.5',\n      md: 'h-2.5',\n      lg: 'h-4',\n    },\n    variant: {\n      primary: '[&>div]:bg-[var(--ui-primary)]',\n      secondary: '[&>div]:bg-[var(--ui-secondary)]',\n      success: '[&>div]:bg-[var(--ui-success)]',\n      warning: '[&>div]:bg-[var(--ui-warning)]',\n      error: '[&>div]:bg-[var(--ui-error)]',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'primary',\n  },\n});\n\nexport interface ProgressBarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof progressVariants> {\n  value: number;\n  max?: number;\n  showValue?: boolean;\n  striped?: boolean;\n}\n\nexport const ProgressBar = forwardRef<HTMLDivElement, ProgressBarProps>(\n  ({ className, size, variant, value, max = 100, showValue = false, striped = false, ...props }, ref) => {\n    const percentage = Math.min(100, Math.max(0, (value / max) * 100));\n\n    return (\n      <div className=\"w-full space-y-1\">\n        {showValue && (\n          <div className=\"flex justify-between text-xs font-semibold text-[var(--ui-text-muted)] font-mono\">\n            <span>Progress</span>\n            <span>{Math.round(percentage)}%</span>\n          </div>\n        )}\n        <div\n          ref={ref}\n          role=\"progressbar\"\n          aria-valuenow={value}\n          aria-valuemin={0}\n          aria-valuemax={max}\n          className={cn(progressVariants({ size, variant }), className)}\n          {...props}\n        >\n          <div\n            className={cn(\n              'h-full transition-all duration-300 ease-out rounded-full',\n              striped && 'bg-[length:1rem_1rem] bg-gradient-to-r from-transparent via-white/20 to-transparent animate-pulse'\n            )}\n            style={{ width: `${percentage}%` }}\n          />\n        </div>\n      </div>\n    );\n  }\n);\nProgressBar.displayName = 'ProgressBar';\n\nexport interface CircularProgressProps extends React.SVGAttributes<SVGSVGElement> {\n  value: number;\n  max?: number;\n  size?: number;\n  strokeWidth?: number;\n  showValue?: boolean;\n  variant?: 'primary' | 'success' | 'warning' | 'error' | 'purple' | 'cyan';\n  trackColor?: string;\n  glow?: boolean;\n}\n\nexport const CircularProgress = forwardRef<SVGSVGElement, CircularProgressProps>(\n  (\n    {\n      className,\n      value,\n      max = 100,\n      size = 64,\n      strokeWidth = 6,\n      showValue = true,\n      variant = 'primary',\n      trackColor,\n      glow = false,\n      ...props\n    },\n    ref\n  ) => {\n    const gradId = useId().replace(/:/g, '');\n    const radius = (size - strokeWidth) / 2;\n    const circumference = radius * 2 * Math.PI;\n    const percentage = Math.min(100, Math.max(0, (value / max) * 100));\n    const strokeDashoffset = circumference - (percentage / 100) * circumference;\n\n    const gradients: Record<string, [string, string]> = {\n      primary: ['#0071e3', '#2997ff'],\n      success: ['#34c759', '#30d158'],\n      warning: ['#ff9f0a', '#ffd60a'],\n      error: ['#ff3b30', '#ff453a'],\n      purple: ['#af52de', '#bf5af2'],\n      cyan: ['#00c7be', '#30b0c7'],\n    };\n\n    const [startColor, endColor] = gradients[variant] || gradients.primary;\n\n    return (\n      <div\n        className={cn('relative inline-flex items-center justify-center select-none', glow && 'drop-shadow-md')}\n        style={{ width: size, height: size }}\n      >\n        <svg\n          ref={ref}\n          width={size}\n          height={size}\n          viewBox={`0 0 ${size} ${size}`}\n          className={cn('-rotate-90', className)}\n          {...props}\n        >\n          <defs>\n            <linearGradient id={`circle-grad-${gradId}`} x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n              <stop offset=\"0%\" stopColor={startColor} />\n              <stop offset=\"100%\" stopColor={endColor} />\n            </linearGradient>\n          </defs>\n\n          {/* Apple Background track */}\n          <circle\n            cx={size / 2}\n            cy={size / 2}\n            r={radius}\n            stroke={trackColor || 'currentColor'}\n            strokeWidth={strokeWidth}\n            fill=\"none\"\n            className=\"text-[var(--ui-border-default)]/40 dark:text-white/10 opacity-70\"\n          />\n\n          {/* Apple Progress gradient stroke */}\n          <circle\n            cx={size / 2}\n            cy={size / 2}\n            r={radius}\n            stroke={`url(#circle-grad-${gradId})`}\n            strokeWidth={strokeWidth}\n            strokeDasharray={circumference}\n            strokeDashoffset={strokeDashoffset}\n            strokeLinecap=\"round\"\n            fill=\"none\"\n            className=\"transition-all duration-500 ease-out\"\n          />\n        </svg>\n\n        {showValue && (\n          <div className=\"absolute inset-0 flex items-center justify-center leading-none\">\n            <span\n              className=\"font-sans font-extrabold tracking-tight text-[var(--ui-text-primary)]\"\n              style={{ fontSize: `${Math.max(10, Math.round(size * 0.23))}px` }}\n            >\n              {Math.round(percentage)}%\n            </span>\n          </div>\n        )}\n      </div>\n    );\n  }\n);\nCircularProgress.displayName = 'CircularProgress';\n","import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { CheckCircle2, AlertTriangle, AlertCircle, Info, X } from 'lucide-react';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport const alertVariants = cva(\r\n  'relative w-full rounded-[var(--ui-radius-lg)] border p-4 text-sm flex items-start gap-3.5 shadow-sm',\r\n  {\r\n    variants: {\r\n      status: {\r\n        info: 'bg-[var(--ui-info-subtle)] border-[var(--ui-info)]/30 text-[var(--ui-text-primary)] [&>svg]:text-[var(--ui-info)]',\r\n        success: 'bg-[var(--ui-success-subtle)] border-[var(--ui-success)]/30 text-[var(--ui-text-primary)] [&>svg]:text-[var(--ui-success)]',\r\n        warning: 'bg-[var(--ui-warning-subtle)] border-[var(--ui-warning)]/30 text-[var(--ui-text-primary)] [&>svg]:text-[var(--ui-warning)]',\r\n        error: 'bg-[var(--ui-error-subtle)] border-[var(--ui-error)]/30 text-[var(--ui-text-primary)] [&>svg]:text-[var(--ui-error)]',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      status: 'info',\r\n    },\r\n  }\r\n);\r\n\r\nconst statusIcons = {\r\n  info: <Info className=\"w-5 h-5 flex-shrink-0\" />,\r\n  success: <CheckCircle2 className=\"w-5 h-5 flex-shrink-0\" />,\r\n  warning: <AlertTriangle className=\"w-5 h-5 flex-shrink-0\" />,\r\n  error: <AlertCircle className=\"w-5 h-5 flex-shrink-0\" />,\r\n};\r\n\r\nexport interface AlertProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof alertVariants> {\r\n  icon?: React.ReactNode;\r\n  onClose?: () => void;\r\n}\r\n\r\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(\r\n  ({ className, status = 'info', icon, onClose, children, ...props }, ref) => {\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        role=\"alert\"\r\n        className={cn(alertVariants({ status }), className)}\r\n        {...props}\r\n      >\r\n        {icon !== undefined ? icon : statusIcons[status || 'info']}\r\n        <div className=\"flex-1 space-y-1\">{children}</div>\r\n        {onClose && (\r\n          <button\r\n            type=\"button\"\r\n            onClick={onClose}\r\n            aria-label=\"Dismiss alert\"\r\n            className=\"p-1 rounded text-[var(--ui-text-muted)] hover:text-[var(--ui-text-primary)] hover:bg-black/5 dark:hover:bg-white/5 transition-colors -mr-1 -mt-1\"\r\n          >\r\n            <X className=\"w-4 h-4\" />\r\n          </button>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\nAlert.displayName = 'Alert';\r\n\r\nexport const AlertTitle = forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement>>(\r\n  ({ className, children, ...props }, ref) => (\r\n    <h5 ref={ref} className={cn('font-semibold leading-none tracking-tight text-[var(--ui-text-primary)]', className)} {...props}>\r\n      {children}\r\n    </h5>\r\n  )\r\n);\r\nAlertTitle.displayName = 'AlertTitle';\r\n\r\nexport const AlertDescription = forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\r\n  ({ className, children, ...props }, ref) => (\r\n    <p ref={ref} className={cn('text-xs text-[var(--ui-text-secondary)] leading-relaxed', className)} {...props}>\r\n      {children}\r\n    </p>\r\n  )\r\n);\r\nAlertDescription.displayName = 'AlertDescription';\r\n","import React, { forwardRef } from 'react';\r\nimport { Inbox } from 'lucide-react';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\r\n  icon?: React.ReactNode;\r\n  title: React.ReactNode;\r\n  description?: React.ReactNode;\r\n  action?: React.ReactNode;\r\n}\r\n\r\nexport const EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\r\n  ({ className, icon, title, description, action, children, ...props }, ref) => {\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(\r\n          'flex flex-col items-center justify-center p-8 sm:p-12 text-center rounded-[var(--ui-radius-xl)] border border-dashed border-[var(--ui-border-default)] bg-[var(--ui-bg-secondary)]/50',\r\n          className\r\n        )}\r\n        {...props}\r\n      >\r\n        <div className=\"flex items-center justify-center w-14 h-14 rounded-full bg-[var(--ui-bg-tertiary)] text-[var(--ui-text-muted)] mb-4\">\r\n          {icon || <Inbox className=\"w-7 h-7 stroke-[1.5]\" />}\r\n        </div>\r\n\r\n        <h3 className=\"text-base sm:text-lg font-bold text-[var(--ui-text-primary)] mb-1\">\r\n          {title}\r\n        </h3>\r\n\r\n        {description && (\r\n          <p className=\"text-xs sm:text-sm text-[var(--ui-text-muted)] max-w-sm mb-6 leading-relaxed\">\r\n            {description}\r\n          </p>\r\n        )}\r\n\r\n        {action && <div className=\"inline-flex items-center gap-3\">{action}</div>}\r\n\r\n        {children}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nEmptyState.displayName = 'EmptyState';\r\n"]}

package/dist/chunk-X76KBH4Y.js

@@ -0,0 +1,71 @@
+import { cn } from './chunk-4S6L5V7X.js';
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var chipVariants = cva(
+  "inline-flex items-center gap-1.5 rounded-full font-medium transition-colors select-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--ui-bg-tertiary)] text-[var(--ui-text-primary)] border border-[var(--ui-border-default)]",
+        primary: "bg-[var(--ui-primary)]/15 text-[var(--ui-primary)] border border-[var(--ui-primary)]/30",
+        secondary: "bg-[var(--ui-secondary)]/15 text-[var(--ui-secondary)] border border-[var(--ui-secondary)]/30",
+        success: "bg-[var(--ui-success-subtle)] text-[var(--ui-success)] border border-[var(--ui-success)]/30",
+        warning: "bg-[var(--ui-warning-subtle)] text-[var(--ui-warning)] border border-[var(--ui-warning)]/30",
+        error: "bg-[var(--ui-error-subtle)] text-[var(--ui-error)] border border-[var(--ui-error)]/30"
+      },
+      size: {
+        sm: "h-6 px-2.5 text-xs",
+        md: "h-7 px-3 text-xs",
+        lg: "h-8 px-3.5 text-sm"
+      },
+      clickable: {
+        true: "cursor-pointer hover:opacity-80 active:scale-95",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      clickable: false
+    }
+  }
+);
+var Chip = forwardRef(
+  ({ className, variant, size, clickable, onRemove, icon, children, onClick, ...props }, ref) => {
+    const isClickable = Boolean(clickable || onClick);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        onClick,
+        className: cn(chipVariants({ variant, size, clickable: isClickable }), className),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: icon }),
+          /* @__PURE__ */ jsx("span", { children }),
+          onRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: (e) => {
+                e.stopPropagation();
+                onRemove();
+              },
+              "aria-label": "Remove chip",
+              className: "p-0.5 rounded-full hover:bg-black/10 dark:hover:bg-white/10 transition-colors -mr-1",
+              children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Chip.displayName = "Chip";
+
+export { Chip, chipVariants };
+//# sourceMappingURL=chunk-X76KBH4Y.js.map
+//# sourceMappingURL=chunk-X76KBH4Y.js.map

package/dist/chunk-X76KBH4Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data-display/Chip.tsx"],"names":[],"mappings":";;;;;;AAKO,IAAM,YAAA,GAAe,GAAA;AAAA,EAC1B,yFAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,mGAAA;AAAA,QACT,OAAA,EAAS,yFAAA;AAAA,QACT,SAAA,EAAW,+FAAA;AAAA,QACX,OAAA,EAAS,6FAAA;AAAA,QACT,OAAA,EAAS,6FAAA;AAAA,QACT,KAAA,EAAO;AAAA,OACT;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,oBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,iDAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM,IAAA;AAAA,MACN,SAAA,EAAW;AAAA;AACb;AAEJ;AASO,IAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,SAAA,EAAW,QAAA,EAAU,IAAA,EAAM,QAAA,EAAU,OAAA,EAAS,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC7F,IAAA,MAAM,WAAA,GAAc,OAAA,CAAQ,SAAA,IAAa,OAAO,CAAA;AAEhD,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,YAAA,CAAa,EAAE,OAAA,EAAS,MAAM,SAAA,EAAW,WAAA,EAAa,CAAA,EAAG,SAAS,CAAA;AAAA,QAC/E,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,IAAA,oBAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,0BAC/C,GAAA,CAAC,UAAM,QAAA,EAAS,CAAA;AAAA,UACf,QAAA,oBACC,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,gBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,gBAAA,QAAA,EAAS;AAAA,cACX,CAAA;AAAA,cACA,YAAA,EAAW,aAAA;AAAA,cACX,SAAA,EAAU,qFAAA;AAAA,cAEV,QAAA,kBAAA,GAAA,CAAC,CAAA,EAAA,EAAE,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA;AACzB;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-X76KBH4Y.js","sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { X } from 'lucide-react';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport const chipVariants = cva(\r\n  'inline-flex items-center gap-1.5 rounded-full font-medium transition-colors select-none',\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: 'bg-[var(--ui-bg-tertiary)] text-[var(--ui-text-primary)] border border-[var(--ui-border-default)]',\r\n        primary: 'bg-[var(--ui-primary)]/15 text-[var(--ui-primary)] border border-[var(--ui-primary)]/30',\r\n        secondary: 'bg-[var(--ui-secondary)]/15 text-[var(--ui-secondary)] border border-[var(--ui-secondary)]/30',\r\n        success: 'bg-[var(--ui-success-subtle)] text-[var(--ui-success)] border border-[var(--ui-success)]/30',\r\n        warning: 'bg-[var(--ui-warning-subtle)] text-[var(--ui-warning)] border border-[var(--ui-warning)]/30',\r\n        error: 'bg-[var(--ui-error-subtle)] text-[var(--ui-error)] border border-[var(--ui-error)]/30',\r\n      },\r\n      size: {\r\n        sm: 'h-6 px-2.5 text-xs',\r\n        md: 'h-7 px-3 text-xs',\r\n        lg: 'h-8 px-3.5 text-sm',\r\n      },\r\n      clickable: {\r\n        true: 'cursor-pointer hover:opacity-80 active:scale-95',\r\n        false: '',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: 'default',\r\n      size: 'md',\r\n      clickable: false,\r\n    },\r\n  }\r\n);\r\n\r\nexport interface ChipProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof chipVariants> {\r\n  onRemove?: () => void;\r\n  icon?: React.ReactNode;\r\n}\r\n\r\nexport const Chip = forwardRef<HTMLDivElement, ChipProps>(\r\n  ({ className, variant, size, clickable, onRemove, icon, children, onClick, ...props }, ref) => {\r\n    const isClickable = Boolean(clickable || onClick);\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        onClick={onClick}\r\n        className={cn(chipVariants({ variant, size, clickable: isClickable }), className)}\r\n        {...props}\r\n      >\r\n        {icon && <span className=\"flex-shrink-0\">{icon}</span>}\r\n        <span>{children}</span>\r\n        {onRemove && (\r\n          <button\r\n            type=\"button\"\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n              onRemove();\r\n            }}\r\n            aria-label=\"Remove chip\"\r\n            className=\"p-0.5 rounded-full hover:bg-black/10 dark:hover:bg-white/10 transition-colors -mr-1\"\r\n          >\r\n            <X className=\"w-3 h-3\" />\r\n          </button>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nChip.displayName = 'Chip';\r\n"]}

package/dist/core/index.cjs

@@ -0,0 +1,103 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+
+// src/core/ThemeProvider.tsx
+var ThemeContext = react.createContext(void 0);
+function ThemeProvider({
+  children,
+  defaultTheme = "dark",
+  storageKey = "ui-theme",
+  attribute = "data-theme",
+  enableSystem = true
+}) {
+  const [theme, setThemeState] = react.useState(() => {
+    if (typeof window !== "undefined" && typeof window.localStorage !== "undefined") {
+      try {
+        const stored = window.localStorage.getItem(storageKey);
+        if (stored) return stored;
+      } catch {
+      }
+    }
+    return defaultTheme;
+  });
+  const [resolvedTheme, setResolvedTheme] = react.useState("dark");
+  react.useEffect(() => {
+    const root = document.documentElement;
+    const computeResolved = (t) => {
+      if (t === "system" && enableSystem && typeof window !== "undefined" && window.matchMedia) {
+        return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      }
+      return t === "dark" ? "dark" : "light";
+    };
+    const currentResolved = computeResolved(theme);
+    setResolvedTheme(currentResolved);
+    root.setAttribute(attribute, currentResolved);
+    if (currentResolved === "dark") {
+      root.classList.add("dark");
+      root.classList.remove("light");
+    } else {
+      root.classList.add("light");
+      root.classList.remove("dark");
+    }
+    if (typeof window !== "undefined" && typeof window.localStorage !== "undefined") {
+      try {
+        window.localStorage.setItem(storageKey, theme);
+      } catch {
+      }
+    }
+  }, [theme, attribute, enableSystem, storageKey]);
+  react.useEffect(() => {
+    if (theme !== "system" || !enableSystem) return;
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleChange = () => {
+      const newResolved = mediaQuery.matches ? "dark" : "light";
+      setResolvedTheme(newResolved);
+      document.documentElement.setAttribute(attribute, newResolved);
+      if (newResolved === "dark") {
+        document.documentElement.classList.add("dark");
+        document.documentElement.classList.remove("light");
+      } else {
+        document.documentElement.classList.add("light");
+        document.documentElement.classList.remove("dark");
+      }
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, [theme, enableSystem, attribute]);
+  const toggleTheme = () => {
+    setThemeState((prev) => {
+      if (prev === "dark") return "light";
+      return "dark";
+    });
+  };
+  const value = react.useMemo(
+    () => ({
+      theme,
+      resolvedTheme,
+      setTheme: setThemeState,
+      toggleTheme
+    }),
+    [theme, resolvedTheme]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value, children });
+}
+function useTheme() {
+  const context = react.useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+exports.ThemeProvider = ThemeProvider;
+exports.cn = cn;
+exports.useTheme = useTheme;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/core/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/core/ThemeProvider.tsx","../../src/utils/cn.ts"],"names":["createContext","useState","useEffect","useMemo","jsx","useContext","twMerge","clsx"],"mappings":"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","file":"index.cjs","sourcesContent":["import React, { createContext, useContext, useEffect, useState, useMemo } from 'react';\r\n\r\nexport type Theme = 'dark' | 'light' | 'system';\r\n\r\nexport interface ThemeProviderProps {\r\n  children: React.ReactNode;\r\n  defaultTheme?: Theme;\r\n  storageKey?: string;\r\n  attribute?: string;\r\n  enableSystem?: boolean;\r\n}\r\n\r\ninterface ThemeContextType {\r\n  theme: Theme;\r\n  resolvedTheme: 'dark' | 'light';\r\n  setTheme: (theme: Theme) => void;\r\n  toggleTheme: () => void;\r\n}\r\n\r\nconst ThemeContext = createContext<ThemeContextType | undefined>(undefined);\r\n\r\nexport function ThemeProvider({\r\n  children,\r\n  defaultTheme = 'dark',\r\n  storageKey = 'ui-theme',\r\n  attribute = 'data-theme',\r\n  enableSystem = true,\r\n}: ThemeProviderProps) {\r\n  const [theme, setThemeState] = useState<Theme>(() => {\r\n    if (typeof window !== 'undefined' && typeof window.localStorage !== 'undefined') {\r\n      try {\r\n        const stored = window.localStorage.getItem(storageKey) as Theme | null;\r\n        if (stored) return stored;\r\n      } catch {\r\n        // Ignore storage access errors in test/restricted environments\r\n      }\r\n    }\r\n    return defaultTheme;\r\n  });\r\n\r\n  const [resolvedTheme, setResolvedTheme] = useState<'dark' | 'light'>('dark');\r\n\r\n  useEffect(() => {\r\n    const root = document.documentElement;\r\n\r\n    const computeResolved = (t: Theme): 'dark' | 'light' => {\r\n      if (t === 'system' && enableSystem && typeof window !== 'undefined' && window.matchMedia) {\r\n        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\r\n      }\r\n      return t === 'dark' ? 'dark' : 'light';\r\n    };\r\n\r\n    const currentResolved = computeResolved(theme);\r\n    setResolvedTheme(currentResolved);\r\n\r\n    // Apply attributes and classes\r\n    root.setAttribute(attribute, currentResolved);\r\n    if (currentResolved === 'dark') {\r\n      root.classList.add('dark');\r\n      root.classList.remove('light');\r\n    } else {\r\n      root.classList.add('light');\r\n      root.classList.remove('dark');\r\n    }\r\n\r\n    if (typeof window !== 'undefined' && typeof window.localStorage !== 'undefined') {\r\n      try {\r\n        window.localStorage.setItem(storageKey, theme);\r\n      } catch {\r\n        // Ignore storage access errors\r\n      }\r\n    }\r\n  }, [theme, attribute, enableSystem, storageKey]);\r\n\r\n  // System theme listener\r\n  useEffect(() => {\r\n    if (theme !== 'system' || !enableSystem) return;\r\n\r\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\r\n    const handleChange = () => {\r\n      const newResolved = mediaQuery.matches ? 'dark' : 'light';\r\n      setResolvedTheme(newResolved);\r\n      document.documentElement.setAttribute(attribute, newResolved);\r\n      if (newResolved === 'dark') {\r\n        document.documentElement.classList.add('dark');\r\n        document.documentElement.classList.remove('light');\r\n      } else {\r\n        document.documentElement.classList.add('light');\r\n        document.documentElement.classList.remove('dark');\r\n      }\r\n    };\r\n\r\n    mediaQuery.addEventListener('change', handleChange);\r\n    return () => mediaQuery.removeEventListener('change', handleChange);\r\n  }, [theme, enableSystem, attribute]);\r\n\r\n  const toggleTheme = () => {\r\n    setThemeState((prev) => {\r\n      if (prev === 'dark') return 'light';\r\n      return 'dark';\r\n    });\r\n  };\r\n\r\n  const value = useMemo(\r\n    () => ({\r\n      theme,\r\n      resolvedTheme,\r\n      setTheme: setThemeState,\r\n      toggleTheme,\r\n    }),\r\n    [theme, resolvedTheme]\r\n  );\r\n\r\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\r\n}\r\n\r\nexport function useTheme(): ThemeContextType {\r\n  const context = useContext(ThemeContext);\r\n  if (!context) {\r\n    throw new Error('useTheme must be used within a ThemeProvider');\r\n  }\r\n  return context;\r\n}\r\n","import { clsx, type ClassValue } from 'clsx';\r\nimport { twMerge } from 'tailwind-merge';\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}\r\n"]}

package/dist/core/index.d.cts

@@ -0,0 +1,3 @@
+export { T as Theme, a as ThemeProvider, b as ThemeProviderProps, c as cn, u as useTheme } from '../index-BzOCqvC6.cjs';
+import 'react';
+import 'clsx';

package/dist/core/index.d.ts

@@ -0,0 +1,3 @@
+export { T as Theme, a as ThemeProvider, b as ThemeProviderProps, c as cn, u as useTheme } from '../index-BzOCqvC6.js';
+import 'react';
+import 'clsx';

package/dist/core/index.js

@@ -0,0 +1,4 @@
+export { ThemeProvider, useTheme } from '../chunk-KJRBRTQE.js';
+export { cn } from '../chunk-4S6L5V7X.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}