@efiche/design 0.1.0

package/dist/index.cjs

@@ -0,0 +1,900 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Accordion: () => Accordion_default2,
+  Alert: () => Alert_default2,
+  Avatar: () => Avatar_default2,
+  Badge: () => Badge_default2,
+  Breadcrumb: () => Breadcrumb_default2,
+  Button: () => Button_default2,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Checkbox: () => Checkbox_default2,
+  CopyButton: () => CopyButton_default2,
+  FileUpload: () => FileUpload_default2,
+  Input: () => Input_default2,
+  Label: () => Label_default2,
+  PasswordInput: () => PasswordInput_default,
+  Progress: () => Progress_default2,
+  RadioGroup: () => RadioGroup_default2,
+  Select: () => Select_default2,
+  Skeleton: () => Skeleton_default2,
+  Slider: () => Slider_default2,
+  Spinner: () => Spinner_default2,
+  Switch: () => Switch_default2,
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCell: () => TableCell,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow,
+  Tabs: () => Tabs_default2,
+  Textarea: () => Textarea_default2,
+  ThemeProvider: () => ThemeProvider,
+  Tooltip: () => Tooltip_default2,
+  useTheme: () => useTheme
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/ThemeProvider.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ThemeContext = (0, import_react.createContext)(null);
+var ThemeProvider = ({
+  children,
+  defaultTheme = "light"
+}) => {
+  const [theme, setTheme] = (0, import_react.useState)(defaultTheme);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext.Provider, { value: { theme, toggle: () => setTheme((t) => t === "light" ? "dark" : "light") }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: theme === "dark" ? "ds-theme-dark" : "ds-theme", children }) });
+};
+var useTheme = () => {
+  const ctx = (0, import_react.useContext)(ThemeContext);
+  if (!ctx) throw new Error("useTheme must be used inside <ThemeProvider>");
+  return ctx;
+};
+
+// src/components/Accordion/Accordion.tsx
+var import_react2 = require("react");
+var import_lucide_react = require("lucide-react");
+
+// src/components/Accordion/Accordion.module.css
+var Accordion_default = {};
+
+// src/components/Accordion/Accordion.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Accordion = ({ items, defaultValue, multiple = false }) => {
+  const [open, setOpen] = (0, import_react2.useState)(() => {
+    if (!defaultValue) return /* @__PURE__ */ new Set();
+    if (Array.isArray(defaultValue)) return new Set(defaultValue);
+    return /* @__PURE__ */ new Set([defaultValue]);
+  });
+  const toggle = (value) => {
+    setOpen((prev) => {
+      const next = new Set(prev);
+      if (next.has(value)) {
+        next.delete(value);
+      } else {
+        if (!multiple) next.clear();
+        next.add(value);
+      }
+      return next;
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: Accordion_default.root, children: items.map((item) => {
+    const isOpen = open.has(item.value);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Accordion_default.item, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "button",
+        {
+          className: Accordion_default.trigger,
+          onClick: () => toggle(item.value),
+          "aria-expanded": isOpen,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: item.trigger }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_lucide_react.ChevronDown,
+              {
+                size: 16,
+                className: `${Accordion_default.chevron} ${isOpen ? Accordion_default["chevron-open"] : ""}`
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `${Accordion_default.panel} ${isOpen ? Accordion_default["panel-open"] : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: Accordion_default.content, children: item.content }) })
+    ] }, item.value);
+  }) });
+};
+var Accordion_default2 = Accordion;
+
+// src/components/Alert/Alert.tsx
+var import_lucide_react2 = require("lucide-react");
+
+// src/components/Alert/Alert.module.css
+var Alert_default = {};
+
+// src/components/Alert/Alert.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var icons = {
+  info: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Info, { size: 16 }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.CheckCircle2, { size: 16 }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.AlertTriangle, { size: 16 }),
+  danger: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.AlertCircle, { size: 16 })
+};
+var Alert = ({ variant = "info", title, description }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: `${Alert_default.alert} ${Alert_default[variant]}`, role: "alert", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: Alert_default.icon, children: icons[variant] }),
+  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Alert_default.content, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Alert_default.title, children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: Alert_default.description, children: description })
+  ] })
+] });
+var Alert_default2 = Alert;
+
+// src/components/Avatar/Avatar.module.css
+var Avatar_default = {};
+
+// src/components/Avatar/Avatar.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Avatar = ({ fallback, size = "md", style, className }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  "div",
+  {
+    className: `${Avatar_default.avatar} ${Avatar_default[size]}${className ? ` ${className}` : ""}`,
+    style,
+    "aria-label": fallback,
+    children: fallback
+  }
+);
+var Avatar_default2 = Avatar;
+
+// src/components/Badge/Badge.module.css
+var Badge_default = {};
+
+// src/components/Badge/Badge.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Badge = ({ variant = "default", size = "md", children, style }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: `${Badge_default.badge} ${Badge_default[variant]} ${Badge_default[size]}`, style, children });
+var Badge_default2 = Badge;
+
+// src/components/Breadcrumb/Breadcrumb.tsx
+var import_lucide_react3 = require("lucide-react");
+
+// src/components/Breadcrumb/Breadcrumb.module.css
+var Breadcrumb_default = {};
+
+// src/components/Breadcrumb/Breadcrumb.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Breadcrumb = ({ items }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ol", { className: Breadcrumb_default.list, children: items.map((item, i) => {
+  const isLast = i === items.length - 1;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("li", { className: Breadcrumb_default.item, children: [
+    i > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.ChevronRight, { size: 14, className: Breadcrumb_default.separator, "aria-hidden": true }),
+    isLast || !item.href ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: `${Breadcrumb_default.link} ${isLast ? Breadcrumb_default.current : ""}`, children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("a", { href: item.href, className: Breadcrumb_default.link, children: item.label })
+  ] }, item.label);
+}) }) });
+var Breadcrumb_default2 = Breadcrumb;
+
+// src/components/Button/Button.tsx
+var import_lucide_react4 = require("lucide-react");
+
+// src/components/Button/Button.module.css
+var Button_default = {};
+
+// src/components/Button/Button.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Button = (_a) => {
+  var _b = _a, {
+    text,
+    children,
+    loading = false,
+    disabled = false,
+    icon,
+    iconPosition = "left",
+    outline = false,
+    ghost = false,
+    danger = false,
+    warning = false,
+    info = false,
+    success = false,
+    variant,
+    small = false,
+    large = false,
+    size,
+    className
+  } = _b, props = __objRest(_b, [
+    "text",
+    "children",
+    "loading",
+    "disabled",
+    "icon",
+    "iconPosition",
+    "outline",
+    "ghost",
+    "danger",
+    "warning",
+    "info",
+    "success",
+    "variant",
+    "small",
+    "large",
+    "size",
+    "className"
+  ]);
+  const resolvedVariant = variant != null ? variant : danger ? "danger" : warning ? "warning" : info ? "info" : success ? "success" : ghost ? "ghost" : outline ? "outline" : "solid";
+  const resolvedSize = size != null ? size : small ? "sm" : large ? "lg" : "md";
+  const content = children != null ? children : text;
+  const showIcon = icon && !loading;
+  const classes = [
+    Button_default.button,
+    Button_default[resolvedVariant],
+    Button_default[resolvedSize],
+    loading ? Button_default.loading : "",
+    className != null ? className : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "button",
+    __spreadProps(__spreadValues({
+      disabled: disabled || loading,
+      className: classes
+    }, props), {
+      children: [
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react4.LoaderCircle, { className: Button_default.spinner, "aria-hidden": true }) : null,
+        showIcon && iconPosition === "left" ? icon : null,
+        content,
+        showIcon && iconPosition === "right" ? icon : null
+      ]
+    })
+  );
+};
+var Button_default2 = Button;
+
+// src/components/Card/Card.module.css
+var Card_default = {};
+
+// src/components/Card/Card.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Card = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", __spreadValues({ className: `${Card_default.card}${className ? ` ${className}` : ""}` }, props));
+};
+var CardHeader = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", __spreadValues({ className: `${Card_default.header}${className ? ` ${className}` : ""}` }, props));
+};
+var CardTitle = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", __spreadValues({ className: `${Card_default.title}${className ? ` ${className}` : ""}` }, props));
+};
+var CardDescription = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", __spreadValues({ className: `${Card_default.description}${className ? ` ${className}` : ""}` }, props));
+};
+var CardContent = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", __spreadValues({ className: `${Card_default.content}${className ? ` ${className}` : ""}` }, props));
+};
+var CardFooter = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", __spreadValues({ className: `${Card_default.footer}${className ? ` ${className}` : ""}` }, props));
+};
+
+// src/components/Checkbox/Checkbox.tsx
+var import_react3 = require("react");
+
+// src/components/Checkbox/Checkbox.module.css
+var Checkbox_default = {};
+
+// src/components/Checkbox/Checkbox.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Checkbox = ({
+  label,
+  checked,
+  defaultChecked = false,
+  disabled,
+  id,
+  onChange
+}) => {
+  const [internal, setInternal] = (0, import_react3.useState)(defaultChecked);
+  const isChecked = checked !== void 0 ? checked : internal;
+  const handleChange = () => {
+    if (disabled) return;
+    const next = !isChecked;
+    setInternal(next);
+    onChange == null ? void 0 : onChange(next);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { className: `${Checkbox_default.container} ${disabled ? Checkbox_default.disabled : ""}`, htmlFor: id, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "input",
+      {
+        type: "checkbox",
+        id,
+        checked: isChecked,
+        disabled,
+        onChange: handleChange,
+        className: Checkbox_default.input
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: `${Checkbox_default.box} ${isChecked ? Checkbox_default.checked : ""}`, children: isChecked && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { viewBox: "0 0 12 10", fill: "none", className: Checkbox_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M1 5l3.5 3.5L11 1", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: Checkbox_default.label, children: label })
+  ] });
+};
+var Checkbox_default2 = Checkbox;
+
+// src/components/CopyButton/CopyButton.tsx
+var import_lucide_react5 = require("lucide-react");
+var import_react4 = require("react");
+
+// src/components/CopyButton/CopyButton.module.css
+var CopyButton_default = {};
+
+// src/components/CopyButton/CopyButton.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var CopyButton = ({ text }) => {
+  const [copied, setCopied] = (0, import_react4.useState)(false);
+  const handleCopy = () => {
+    navigator.clipboard.writeText(text);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "button",
+    {
+      className: CopyButton_default.copyButton,
+      onClick: handleCopy,
+      "aria-label": copied ? "Copied" : `Copy ${text}`,
+      children: copied ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.Check, { className: CopyButton_default.icon }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.Copy, { className: CopyButton_default.icon })
+    }
+  );
+};
+var CopyButton_default2 = CopyButton;
+
+// src/components/FileUpload/FileUpload.tsx
+var import_lucide_react6 = require("lucide-react");
+var import_react5 = require("react");
+
+// src/components/FileUpload/FileUpload.module.css
+var FileUpload_default = {};
+
+// src/components/FileUpload/FileUpload.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var FileUpload = ({ accept, multiple, disabled, onFileSelect }) => {
+  const [isDragging, setIsDragging] = (0, import_react5.useState)(false);
+  const [fileNames, setFileNames] = (0, import_react5.useState)([]);
+  const inputRef = (0, import_react5.useRef)(null);
+  const handleFiles = (list) => {
+    setFileNames(Array.from(list).map((f) => f.name));
+    onFileSelect == null ? void 0 : onFileSelect(list);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    "div",
+    {
+      className: `${FileUpload_default.zone} ${isDragging ? FileUpload_default.dragging : ""} ${disabled ? FileUpload_default.disabled : ""}`,
+      onClick: () => {
+        var _a;
+        return !disabled && ((_a = inputRef.current) == null ? void 0 : _a.click());
+      },
+      onDragOver: (e) => {
+        e.preventDefault();
+        setIsDragging(true);
+      },
+      onDragLeave: () => setIsDragging(false),
+      onDrop: (e) => {
+        e.preventDefault();
+        setIsDragging(false);
+        if (!disabled && e.dataTransfer.files.length) handleFiles(e.dataTransfer.files);
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "input",
+          {
+            ref: inputRef,
+            type: "file",
+            accept,
+            multiple,
+            disabled,
+            className: FileUpload_default.input,
+            onChange: (e) => e.target.files && handleFiles(e.target.files)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react6.Upload, { size: 32, className: FileUpload_default.icon }),
+        fileNames.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: FileUpload_default.fileName, children: fileNames.join(", ") }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: FileUpload_default.hint, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("strong", { children: "Click to upload" }),
+          " or drag and drop"
+        ] })
+      ]
+    }
+  );
+};
+var FileUpload_default2 = FileUpload;
+
+// src/components/Input/Input.module.css
+var Input_default = {};
+
+// src/components/Input/Input.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Input = (_a) => {
+  var _b = _a, {
+    error,
+    success,
+    leftIcon,
+    rightIcon,
+    className
+  } = _b, props = __objRest(_b, [
+    "error",
+    "success",
+    "leftIcon",
+    "rightIcon",
+    "className"
+  ]);
+  const wrapperClasses = [
+    Input_default.wrapper,
+    error ? Input_default.error : "",
+    success ? Input_default.success : "",
+    leftIcon ? Input_default.hasLeft : "",
+    rightIcon ? Input_default.hasRight : "",
+    className != null ? className : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: wrapperClasses, children: [
+    leftIcon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: Input_default.leftIcon, children: leftIcon }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", __spreadValues({ className: Input_default.input }, props)),
+    rightIcon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: Input_default.rightIcon, children: rightIcon })
+  ] });
+};
+var Input_default2 = Input;
+
+// src/components/Label/Label.module.css
+var Label_default = {};
+
+// src/components/Label/Label.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Label = (_a) => {
+  var _b = _a, { children, required, className } = _b, props = __objRest(_b, ["children", "required", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", __spreadProps(__spreadValues({ className: `${Label_default.label} ${className != null ? className : ""}` }, props), { children: [
+    children,
+    required && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: Label_default.required, children: "*" })
+  ] }));
+};
+var Label_default2 = Label;
+
+// src/components/PasswordInput/PasswordInput.tsx
+var import_lucide_react7 = require("lucide-react");
+var import_react6 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var PasswordInput = (props) => {
+  const [visible, setVisible] = (0, import_react6.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    Input_default2,
+    __spreadProps(__spreadValues({}, props), {
+      type: visible ? "text" : "password",
+      rightIcon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => setVisible((v) => !v),
+          style: { background: "none", border: "none", cursor: "pointer", padding: 0, display: "flex", pointerEvents: "all" },
+          tabIndex: -1,
+          children: visible ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.EyeOff, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Eye, { size: 16 })
+        }
+      )
+    })
+  );
+};
+var PasswordInput_default = PasswordInput;
+
+// src/components/Progress/Progress.module.css
+var Progress_default = {};
+
+// src/components/Progress/Progress.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Progress = ({ value = 0 }) => {
+  const pct = Math.min(100, Math.max(0, value));
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    {
+      className: Progress_default.track,
+      role: "progressbar",
+      "aria-valuenow": pct,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: Progress_default.fill, style: { width: `${pct}%` } })
+    }
+  );
+};
+var Progress_default2 = Progress;
+
+// src/components/RadioGroup/RadioGroup.tsx
+var import_react7 = require("react");
+
+// src/components/RadioGroup/RadioGroup.module.css
+var RadioGroup_default = {};
+
+// src/components/RadioGroup/RadioGroup.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var RadioGroup = ({
+  options,
+  name,
+  value,
+  defaultValue = "",
+  disabled,
+  onChange
+}) => {
+  const [internal, setInternal] = (0, import_react7.useState)(defaultValue);
+  const selected = value !== void 0 ? value : internal;
+  const handleChange = (val) => {
+    if (disabled) return;
+    setInternal(val);
+    onChange == null ? void 0 : onChange(val);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: RadioGroup_default.group, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    "label",
+    {
+      className: `${RadioGroup_default.item} ${disabled ? RadioGroup_default.disabled : ""}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          "input",
+          {
+            type: "radio",
+            name,
+            value: option.value,
+            checked: selected === option.value,
+            disabled,
+            onChange: () => handleChange(option.value),
+            className: RadioGroup_default.input
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: `${RadioGroup_default.dot} ${selected === option.value ? RadioGroup_default.checked : ""}`, children: selected === option.value && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: RadioGroup_default.inner }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: RadioGroup_default.label, children: option.label })
+      ]
+    },
+    option.value
+  )) });
+};
+var RadioGroup_default2 = RadioGroup;
+
+// src/components/Select/Select.tsx
+var import_lucide_react8 = require("lucide-react");
+var import_react8 = require("react");
+
+// src/components/Select/Select.module.css
+var Select_default = {};
+
+// src/components/Select/Select.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Select = ({
+  options,
+  value,
+  defaultValue = "",
+  placeholder = "Choose an option",
+  disabled,
+  onChange
+}) => {
+  var _a;
+  const [internal, setInternal] = (0, import_react8.useState)(defaultValue);
+  const [open, setOpen] = (0, import_react8.useState)(false);
+  const ref = (0, import_react8.useRef)(null);
+  const selected = value !== void 0 ? value : internal;
+  const selectedLabel = (_a = options.find((o) => o.value === selected)) == null ? void 0 : _a.label;
+  const handleSelect = (val) => {
+    setInternal(val);
+    setOpen(false);
+    onChange == null ? void 0 : onChange(val);
+  };
+  (0, import_react8.useEffect)(() => {
+    const handleOutside = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", handleOutside);
+    return () => document.removeEventListener("mousedown", handleOutside);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { ref, className: `${Select_default.wrapper} ${disabled ? Select_default.disabled : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: `${Select_default.trigger} ${open ? Select_default.open : ""}`,
+        onClick: () => !disabled && setOpen((o) => !o),
+        disabled,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: selectedLabel ? Select_default.value : Select_default.placeholder, children: selectedLabel != null ? selectedLabel : placeholder }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ChevronDown, { size: 16, className: `${Select_default.chevron} ${open ? Select_default.chevronOpen : ""}` })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: Select_default.dropdown, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      "div",
+      {
+        className: `${Select_default.option} ${selected === option.value ? Select_default.selected : ""}`,
+        onClick: () => handleSelect(option.value),
+        children: [
+          selected === option.value ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.Check, { size: 14, className: Select_default.checkIcon }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: Select_default.checkSpacer }),
+          option.label
+        ]
+      },
+      option.value
+    )) })
+  ] });
+};
+var Select_default2 = Select;
+
+// src/components/Skeleton/Skeleton.module.css
+var Skeleton_default = {};
+
+// src/components/Skeleton/Skeleton.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Skeleton = ({ height = "1rem", width = "100%", circle = false }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  "div",
+  {
+    className: `${Skeleton_default.skeleton} ${circle ? Skeleton_default.circle : ""}`,
+    style: { height, width },
+    "aria-hidden": "true"
+  }
+);
+var Skeleton_default2 = Skeleton;
+
+// src/components/Slider/Slider.tsx
+var import_react9 = require("react");
+
+// src/components/Slider/Slider.module.css
+var Slider_default = {};
+
+// src/components/Slider/Slider.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var Slider = ({
+  value,
+  defaultValue = 50,
+  min = 0,
+  max = 100,
+  step = 1,
+  disabled,
+  onChange
+}) => {
+  const [internal, setInternal] = (0, import_react9.useState)(defaultValue);
+  const current = value !== void 0 ? value : internal;
+  const fill = `${(current - min) / (max - min) * 100}%`;
+  const handleChange = (e) => {
+    const val = Number(e.target.value);
+    setInternal(val);
+    onChange == null ? void 0 : onChange(val);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: `${Slider_default.wrapper} ${disabled ? Slider_default.disabled : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "input",
+    {
+      type: "range",
+      min,
+      max,
+      step,
+      value: current,
+      disabled,
+      onChange: handleChange,
+      className: Slider_default.range,
+      style: { "--fill": fill }
+    }
+  ) });
+};
+var Slider_default2 = Slider;
+
+// src/components/Spinner/Spinner.tsx
+var import_lucide_react9 = require("lucide-react");
+
+// src/components/Spinner/Spinner.module.css
+var Spinner_default = {};
+
+// src/components/Spinner/Spinner.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var sizePx = { sm: 16, md: 24, lg: 32 };
+var Spinner = ({ size = "md" }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.Loader2, { size: sizePx[size], className: Spinner_default.spinner, "aria-label": "Loading" });
+var Spinner_default2 = Spinner;
+
+// src/components/Switch/Switch.tsx
+var import_react10 = require("react");
+
+// src/components/Switch/Switch.module.css
+var Switch_default = {};
+
+// src/components/Switch/Switch.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var Switch = ({
+  label,
+  checked,
+  defaultChecked = false,
+  disabled,
+  id,
+  onChange
+}) => {
+  const [internal, setInternal] = (0, import_react10.useState)(defaultChecked);
+  const isOn = checked !== void 0 ? checked : internal;
+  const handleToggle = () => {
+    if (disabled) return;
+    const next = !isOn;
+    setInternal(next);
+    onChange == null ? void 0 : onChange(next);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { className: `${Switch_default.container} ${disabled ? Switch_default.disabled : ""}`, htmlFor: id, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "input",
+      {
+        type: "checkbox",
+        id,
+        checked: isOn,
+        disabled,
+        onChange: handleToggle,
+        className: Switch_default.input
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: `${Switch_default.track} ${isOn ? Switch_default.on : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: `${Switch_default.thumb} ${isOn ? Switch_default.thumbOn : ""}` }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: Switch_default.label, children: label })
+  ] });
+};
+var Switch_default2 = Switch;
+
+// src/components/Table/Table.module.css
+var Table_default = {};
+
+// src/components/Table/Table.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Table = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: Table_default.wrapper, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("table", __spreadValues({ className: `${Table_default.table}${className ? ` ${className}` : ""}` }, props)) });
+};
+var TableHead = (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("thead", __spreadValues({}, props));
+var TableBody = (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("tbody", __spreadValues({}, props));
+var TableRow = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("tr", __spreadValues({ className: `${Table_default.row}${className ? ` ${className}` : ""}` }, props));
+};
+var TableHeader = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", __spreadValues({ className: `${Table_default.th}${className ? ` ${className}` : ""}` }, props));
+};
+var TableCell = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", __spreadValues({ className: `${Table_default.td}${className ? ` ${className}` : ""}` }, props));
+};
+
+// src/components/Tabs/Tabs.tsx
+var import_react11 = require("react");
+
+// src/components/Tabs/Tabs.module.css
+var Tabs_default = {};
+
+// src/components/Tabs/Tabs.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var Tabs = ({ tabs, defaultValue }) => {
+  var _a, _b;
+  const [active, setActive] = (0, import_react11.useState)((_b = defaultValue != null ? defaultValue : (_a = tabs[0]) == null ? void 0 : _a.value) != null ? _b : "");
+  const activeTab = tabs.find((t) => t.value === active);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: Tabs_default.root, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: Tabs_default.list, role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      "button",
+      {
+        role: "tab",
+        "aria-selected": active === tab.value,
+        className: `${Tabs_default.trigger} ${active === tab.value ? Tabs_default.active : ""}`,
+        onClick: () => setActive(tab.value),
+        children: [
+          tab.icon && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: Tabs_default["trigger-icon"], children: tab.icon }),
+          tab.label
+        ]
+      },
+      tab.value
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: Tabs_default.content, role: "tabpanel", children: activeTab == null ? void 0 : activeTab.content })
+  ] });
+};
+var Tabs_default2 = Tabs;
+
+// src/components/Textarea/Textarea.module.css
+var Textarea_default = {};
+
+// src/components/Textarea/Textarea.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var Textarea = (_a) => {
+  var _b = _a, { error, className } = _b, props = __objRest(_b, ["error", "className"]);
+  const classes = [
+    Textarea_default.textarea,
+    error ? Textarea_default.error : "",
+    className != null ? className : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("textarea", __spreadValues({ className: classes }, props));
+};
+var Textarea_default2 = Textarea;
+
+// src/components/Tooltip/Tooltip.module.css
+var Tooltip_default = {};
+
+// src/components/Tooltip/Tooltip.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var Tooltip = ({ content, children, position = "top" }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: Tooltip_default.wrapper, children: [
+  children,
+  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: `${Tooltip_default.tooltip} ${Tooltip_default[position]}`, role: "tooltip", children: content })
+] });
+var Tooltip_default2 = Tooltip;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  Alert,
+  Avatar,
+  Badge,
+  Breadcrumb,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  CopyButton,
+  FileUpload,
+  Input,
+  Label,
+  PasswordInput,
+  Progress,
+  RadioGroup,
+  Select,
+  Skeleton,
+  Slider,
+  Spinner,
+  Switch,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  Textarea,
+  ThemeProvider,
+  Tooltip,
+  useTheme
+});
+//# sourceMappingURL=index.cjs.map