@efiche/design 0.1.0

package/dist/index.js

@@ -0,0 +1,841 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+
+// src/components/ThemeProvider.tsx
+import { createContext, useContext, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var ThemeContext = createContext(null);
+var ThemeProvider = ({
+  children,
+  defaultTheme = "light"
+}) => {
+  const [theme, setTheme] = useState(defaultTheme);
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { theme, toggle: () => setTheme((t) => t === "light" ? "dark" : "light") }, children: /* @__PURE__ */ jsx("div", { className: theme === "dark" ? "ds-theme-dark" : "ds-theme", children }) });
+};
+var useTheme = () => {
+  const ctx = useContext(ThemeContext);
+  if (!ctx) throw new Error("useTheme must be used inside <ThemeProvider>");
+  return ctx;
+};
+
+// src/components/Accordion/Accordion.tsx
+import { useState as useState2 } from "react";
+import { ChevronDown } from "lucide-react";
+
+// src/components/Accordion/Accordion.module.css
+var Accordion_default = {};
+
+// src/components/Accordion/Accordion.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Accordion = ({ items, defaultValue, multiple = false }) => {
+  const [open, setOpen] = useState2(() => {
+    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__ */ jsx2("div", { className: Accordion_default.root, children: items.map((item) => {
+    const isOpen = open.has(item.value);
+    return /* @__PURE__ */ jsxs("div", { className: Accordion_default.item, children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          className: Accordion_default.trigger,
+          onClick: () => toggle(item.value),
+          "aria-expanded": isOpen,
+          children: [
+            /* @__PURE__ */ jsx2("span", { children: item.trigger }),
+            /* @__PURE__ */ jsx2(
+              ChevronDown,
+              {
+                size: 16,
+                className: `${Accordion_default.chevron} ${isOpen ? Accordion_default["chevron-open"] : ""}`
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx2("div", { className: `${Accordion_default.panel} ${isOpen ? Accordion_default["panel-open"] : ""}`, children: /* @__PURE__ */ jsx2("div", { className: Accordion_default.content, children: item.content }) })
+    ] }, item.value);
+  }) });
+};
+var Accordion_default2 = Accordion;
+
+// src/components/Alert/Alert.tsx
+import { Info, CheckCircle2, AlertTriangle, AlertCircle } from "lucide-react";
+
+// src/components/Alert/Alert.module.css
+var Alert_default = {};
+
+// src/components/Alert/Alert.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var icons = {
+  info: /* @__PURE__ */ jsx3(Info, { size: 16 }),
+  success: /* @__PURE__ */ jsx3(CheckCircle2, { size: 16 }),
+  warning: /* @__PURE__ */ jsx3(AlertTriangle, { size: 16 }),
+  danger: /* @__PURE__ */ jsx3(AlertCircle, { size: 16 })
+};
+var Alert = ({ variant = "info", title, description }) => /* @__PURE__ */ jsxs2("div", { className: `${Alert_default.alert} ${Alert_default[variant]}`, role: "alert", children: [
+  /* @__PURE__ */ jsx3("span", { className: Alert_default.icon, children: icons[variant] }),
+  /* @__PURE__ */ jsxs2("div", { className: Alert_default.content, children: [
+    /* @__PURE__ */ jsx3("p", { className: Alert_default.title, children: title }),
+    /* @__PURE__ */ jsx3("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
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Avatar = ({ fallback, size = "md", style, className }) => /* @__PURE__ */ jsx4(
+  "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
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Badge = ({ variant = "default", size = "md", children, style }) => /* @__PURE__ */ jsx5("span", { className: `${Badge_default.badge} ${Badge_default[variant]} ${Badge_default[size]}`, style, children });
+var Badge_default2 = Badge;
+
+// src/components/Breadcrumb/Breadcrumb.tsx
+import { ChevronRight } from "lucide-react";
+
+// src/components/Breadcrumb/Breadcrumb.module.css
+var Breadcrumb_default = {};
+
+// src/components/Breadcrumb/Breadcrumb.tsx
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var Breadcrumb = ({ items }) => /* @__PURE__ */ jsx6("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx6("ol", { className: Breadcrumb_default.list, children: items.map((item, i) => {
+  const isLast = i === items.length - 1;
+  return /* @__PURE__ */ jsxs3("li", { className: Breadcrumb_default.item, children: [
+    i > 0 && /* @__PURE__ */ jsx6(ChevronRight, { size: 14, className: Breadcrumb_default.separator, "aria-hidden": true }),
+    isLast || !item.href ? /* @__PURE__ */ jsx6("span", { className: `${Breadcrumb_default.link} ${isLast ? Breadcrumb_default.current : ""}`, children: item.label }) : /* @__PURE__ */ jsx6("a", { href: item.href, className: Breadcrumb_default.link, children: item.label })
+  ] }, item.label);
+}) }) });
+var Breadcrumb_default2 = Breadcrumb;
+
+// src/components/Button/Button.tsx
+import { LoaderCircle } from "lucide-react";
+
+// src/components/Button/Button.module.css
+var Button_default = {};
+
+// src/components/Button/Button.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "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__ */ jsxs4(
+    "button",
+    __spreadProps(__spreadValues({
+      disabled: disabled || loading,
+      className: classes
+    }, props), {
+      children: [
+        loading ? /* @__PURE__ */ jsx7(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
+import { jsx as jsx8 } from "react/jsx-runtime";
+var Card = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx8("div", __spreadValues({ className: `${Card_default.card}${className ? ` ${className}` : ""}` }, props));
+};
+var CardHeader = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx8("div", __spreadValues({ className: `${Card_default.header}${className ? ` ${className}` : ""}` }, props));
+};
+var CardTitle = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx8("h3", __spreadValues({ className: `${Card_default.title}${className ? ` ${className}` : ""}` }, props));
+};
+var CardDescription = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx8("p", __spreadValues({ className: `${Card_default.description}${className ? ` ${className}` : ""}` }, props));
+};
+var CardContent = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx8("div", __spreadValues({ className: `${Card_default.content}${className ? ` ${className}` : ""}` }, props));
+};
+var CardFooter = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx8("div", __spreadValues({ className: `${Card_default.footer}${className ? ` ${className}` : ""}` }, props));
+};
+
+// src/components/Checkbox/Checkbox.tsx
+import { useState as useState3 } from "react";
+
+// src/components/Checkbox/Checkbox.module.css
+var Checkbox_default = {};
+
+// src/components/Checkbox/Checkbox.tsx
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+var Checkbox = ({
+  label,
+  checked,
+  defaultChecked = false,
+  disabled,
+  id,
+  onChange
+}) => {
+  const [internal, setInternal] = useState3(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__ */ jsxs5("label", { className: `${Checkbox_default.container} ${disabled ? Checkbox_default.disabled : ""}`, htmlFor: id, children: [
+    /* @__PURE__ */ jsx9(
+      "input",
+      {
+        type: "checkbox",
+        id,
+        checked: isChecked,
+        disabled,
+        onChange: handleChange,
+        className: Checkbox_default.input
+      }
+    ),
+    /* @__PURE__ */ jsx9("span", { className: `${Checkbox_default.box} ${isChecked ? Checkbox_default.checked : ""}`, children: isChecked && /* @__PURE__ */ jsx9("svg", { viewBox: "0 0 12 10", fill: "none", className: Checkbox_default.checkmark, children: /* @__PURE__ */ jsx9("path", { d: "M1 5l3.5 3.5L11 1", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+    label && /* @__PURE__ */ jsx9("span", { className: Checkbox_default.label, children: label })
+  ] });
+};
+var Checkbox_default2 = Checkbox;
+
+// src/components/CopyButton/CopyButton.tsx
+import { Check, Copy } from "lucide-react";
+import { useState as useState4 } from "react";
+
+// src/components/CopyButton/CopyButton.module.css
+var CopyButton_default = {};
+
+// src/components/CopyButton/CopyButton.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var CopyButton = ({ text }) => {
+  const [copied, setCopied] = useState4(false);
+  const handleCopy = () => {
+    navigator.clipboard.writeText(text);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  return /* @__PURE__ */ jsx10(
+    "button",
+    {
+      className: CopyButton_default.copyButton,
+      onClick: handleCopy,
+      "aria-label": copied ? "Copied" : `Copy ${text}`,
+      children: copied ? /* @__PURE__ */ jsx10(Check, { className: CopyButton_default.icon }) : /* @__PURE__ */ jsx10(Copy, { className: CopyButton_default.icon })
+    }
+  );
+};
+var CopyButton_default2 = CopyButton;
+
+// src/components/FileUpload/FileUpload.tsx
+import { Upload } from "lucide-react";
+import { useRef, useState as useState5 } from "react";
+
+// src/components/FileUpload/FileUpload.module.css
+var FileUpload_default = {};
+
+// src/components/FileUpload/FileUpload.tsx
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+var FileUpload = ({ accept, multiple, disabled, onFileSelect }) => {
+  const [isDragging, setIsDragging] = useState5(false);
+  const [fileNames, setFileNames] = useState5([]);
+  const inputRef = useRef(null);
+  const handleFiles = (list) => {
+    setFileNames(Array.from(list).map((f) => f.name));
+    onFileSelect == null ? void 0 : onFileSelect(list);
+  };
+  return /* @__PURE__ */ jsxs6(
+    "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__ */ jsx11(
+          "input",
+          {
+            ref: inputRef,
+            type: "file",
+            accept,
+            multiple,
+            disabled,
+            className: FileUpload_default.input,
+            onChange: (e) => e.target.files && handleFiles(e.target.files)
+          }
+        ),
+        /* @__PURE__ */ jsx11(Upload, { size: 32, className: FileUpload_default.icon }),
+        fileNames.length > 0 ? /* @__PURE__ */ jsx11("p", { className: FileUpload_default.fileName, children: fileNames.join(", ") }) : /* @__PURE__ */ jsxs6("p", { className: FileUpload_default.hint, children: [
+          /* @__PURE__ */ jsx11("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
+import { jsx as jsx12, jsxs as jsxs7 } from "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__ */ jsxs7("div", { className: wrapperClasses, children: [
+    leftIcon && /* @__PURE__ */ jsx12("span", { className: Input_default.leftIcon, children: leftIcon }),
+    /* @__PURE__ */ jsx12("input", __spreadValues({ className: Input_default.input }, props)),
+    rightIcon && /* @__PURE__ */ jsx12("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
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+var Label = (_a) => {
+  var _b = _a, { children, required, className } = _b, props = __objRest(_b, ["children", "required", "className"]);
+  return /* @__PURE__ */ jsxs8("label", __spreadProps(__spreadValues({ className: `${Label_default.label} ${className != null ? className : ""}` }, props), { children: [
+    children,
+    required && /* @__PURE__ */ jsx13("span", { className: Label_default.required, children: "*" })
+  ] }));
+};
+var Label_default2 = Label;
+
+// src/components/PasswordInput/PasswordInput.tsx
+import { Eye, EyeOff } from "lucide-react";
+import { useState as useState6 } from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var PasswordInput = (props) => {
+  const [visible, setVisible] = useState6(false);
+  return /* @__PURE__ */ jsx14(
+    Input_default2,
+    __spreadProps(__spreadValues({}, props), {
+      type: visible ? "text" : "password",
+      rightIcon: /* @__PURE__ */ jsx14(
+        "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__ */ jsx14(EyeOff, { size: 16 }) : /* @__PURE__ */ jsx14(Eye, { size: 16 })
+        }
+      )
+    })
+  );
+};
+var PasswordInput_default = PasswordInput;
+
+// src/components/Progress/Progress.module.css
+var Progress_default = {};
+
+// src/components/Progress/Progress.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+var Progress = ({ value = 0 }) => {
+  const pct = Math.min(100, Math.max(0, value));
+  return /* @__PURE__ */ jsx15(
+    "div",
+    {
+      className: Progress_default.track,
+      role: "progressbar",
+      "aria-valuenow": pct,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      children: /* @__PURE__ */ jsx15("div", { className: Progress_default.fill, style: { width: `${pct}%` } })
+    }
+  );
+};
+var Progress_default2 = Progress;
+
+// src/components/RadioGroup/RadioGroup.tsx
+import { useState as useState7 } from "react";
+
+// src/components/RadioGroup/RadioGroup.module.css
+var RadioGroup_default = {};
+
+// src/components/RadioGroup/RadioGroup.tsx
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+var RadioGroup = ({
+  options,
+  name,
+  value,
+  defaultValue = "",
+  disabled,
+  onChange
+}) => {
+  const [internal, setInternal] = useState7(defaultValue);
+  const selected = value !== void 0 ? value : internal;
+  const handleChange = (val) => {
+    if (disabled) return;
+    setInternal(val);
+    onChange == null ? void 0 : onChange(val);
+  };
+  return /* @__PURE__ */ jsx16("div", { className: RadioGroup_default.group, children: options.map((option) => /* @__PURE__ */ jsxs9(
+    "label",
+    {
+      className: `${RadioGroup_default.item} ${disabled ? RadioGroup_default.disabled : ""}`,
+      children: [
+        /* @__PURE__ */ jsx16(
+          "input",
+          {
+            type: "radio",
+            name,
+            value: option.value,
+            checked: selected === option.value,
+            disabled,
+            onChange: () => handleChange(option.value),
+            className: RadioGroup_default.input
+          }
+        ),
+        /* @__PURE__ */ jsx16("span", { className: `${RadioGroup_default.dot} ${selected === option.value ? RadioGroup_default.checked : ""}`, children: selected === option.value && /* @__PURE__ */ jsx16("span", { className: RadioGroup_default.inner }) }),
+        /* @__PURE__ */ jsx16("span", { className: RadioGroup_default.label, children: option.label })
+      ]
+    },
+    option.value
+  )) });
+};
+var RadioGroup_default2 = RadioGroup;
+
+// src/components/Select/Select.tsx
+import { Check as Check2, ChevronDown as ChevronDown2 } from "lucide-react";
+import { useEffect, useRef as useRef2, useState as useState8 } from "react";
+
+// src/components/Select/Select.module.css
+var Select_default = {};
+
+// src/components/Select/Select.tsx
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+var Select = ({
+  options,
+  value,
+  defaultValue = "",
+  placeholder = "Choose an option",
+  disabled,
+  onChange
+}) => {
+  var _a;
+  const [internal, setInternal] = useState8(defaultValue);
+  const [open, setOpen] = useState8(false);
+  const ref = useRef2(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);
+  };
+  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__ */ jsxs10("div", { ref, className: `${Select_default.wrapper} ${disabled ? Select_default.disabled : ""}`, children: [
+    /* @__PURE__ */ jsxs10(
+      "button",
+      {
+        type: "button",
+        className: `${Select_default.trigger} ${open ? Select_default.open : ""}`,
+        onClick: () => !disabled && setOpen((o) => !o),
+        disabled,
+        children: [
+          /* @__PURE__ */ jsx17("span", { className: selectedLabel ? Select_default.value : Select_default.placeholder, children: selectedLabel != null ? selectedLabel : placeholder }),
+          /* @__PURE__ */ jsx17(ChevronDown2, { size: 16, className: `${Select_default.chevron} ${open ? Select_default.chevronOpen : ""}` })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx17("div", { className: Select_default.dropdown, children: options.map((option) => /* @__PURE__ */ jsxs10(
+      "div",
+      {
+        className: `${Select_default.option} ${selected === option.value ? Select_default.selected : ""}`,
+        onClick: () => handleSelect(option.value),
+        children: [
+          selected === option.value ? /* @__PURE__ */ jsx17(Check2, { size: 14, className: Select_default.checkIcon }) : /* @__PURE__ */ jsx17("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
+import { jsx as jsx18 } from "react/jsx-runtime";
+var Skeleton = ({ height = "1rem", width = "100%", circle = false }) => /* @__PURE__ */ jsx18(
+  "div",
+  {
+    className: `${Skeleton_default.skeleton} ${circle ? Skeleton_default.circle : ""}`,
+    style: { height, width },
+    "aria-hidden": "true"
+  }
+);
+var Skeleton_default2 = Skeleton;
+
+// src/components/Slider/Slider.tsx
+import { useState as useState9 } from "react";
+
+// src/components/Slider/Slider.module.css
+var Slider_default = {};
+
+// src/components/Slider/Slider.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+var Slider = ({
+  value,
+  defaultValue = 50,
+  min = 0,
+  max = 100,
+  step = 1,
+  disabled,
+  onChange
+}) => {
+  const [internal, setInternal] = useState9(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__ */ jsx19("div", { className: `${Slider_default.wrapper} ${disabled ? Slider_default.disabled : ""}`, children: /* @__PURE__ */ jsx19(
+    "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
+import { Loader2 } from "lucide-react";
+
+// src/components/Spinner/Spinner.module.css
+var Spinner_default = {};
+
+// src/components/Spinner/Spinner.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
+var sizePx = { sm: 16, md: 24, lg: 32 };
+var Spinner = ({ size = "md" }) => /* @__PURE__ */ jsx20(Loader2, { size: sizePx[size], className: Spinner_default.spinner, "aria-label": "Loading" });
+var Spinner_default2 = Spinner;
+
+// src/components/Switch/Switch.tsx
+import { useState as useState10 } from "react";
+
+// src/components/Switch/Switch.module.css
+var Switch_default = {};
+
+// src/components/Switch/Switch.tsx
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+var Switch = ({
+  label,
+  checked,
+  defaultChecked = false,
+  disabled,
+  id,
+  onChange
+}) => {
+  const [internal, setInternal] = useState10(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__ */ jsxs11("label", { className: `${Switch_default.container} ${disabled ? Switch_default.disabled : ""}`, htmlFor: id, children: [
+    /* @__PURE__ */ jsx21(
+      "input",
+      {
+        type: "checkbox",
+        id,
+        checked: isOn,
+        disabled,
+        onChange: handleToggle,
+        className: Switch_default.input
+      }
+    ),
+    /* @__PURE__ */ jsx21("span", { className: `${Switch_default.track} ${isOn ? Switch_default.on : ""}`, children: /* @__PURE__ */ jsx21("span", { className: `${Switch_default.thumb} ${isOn ? Switch_default.thumbOn : ""}` }) }),
+    label && /* @__PURE__ */ jsx21("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
+import { jsx as jsx22 } from "react/jsx-runtime";
+var Table = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx22("div", { className: Table_default.wrapper, children: /* @__PURE__ */ jsx22("table", __spreadValues({ className: `${Table_default.table}${className ? ` ${className}` : ""}` }, props)) });
+};
+var TableHead = (props) => /* @__PURE__ */ jsx22("thead", __spreadValues({}, props));
+var TableBody = (props) => /* @__PURE__ */ jsx22("tbody", __spreadValues({}, props));
+var TableRow = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx22("tr", __spreadValues({ className: `${Table_default.row}${className ? ` ${className}` : ""}` }, props));
+};
+var TableHeader = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx22("th", __spreadValues({ className: `${Table_default.th}${className ? ` ${className}` : ""}` }, props));
+};
+var TableCell = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx22("td", __spreadValues({ className: `${Table_default.td}${className ? ` ${className}` : ""}` }, props));
+};
+
+// src/components/Tabs/Tabs.tsx
+import { useState as useState11 } from "react";
+
+// src/components/Tabs/Tabs.module.css
+var Tabs_default = {};
+
+// src/components/Tabs/Tabs.tsx
+import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+var Tabs = ({ tabs, defaultValue }) => {
+  var _a, _b;
+  const [active, setActive] = useState11((_b = defaultValue != null ? defaultValue : (_a = tabs[0]) == null ? void 0 : _a.value) != null ? _b : "");
+  const activeTab = tabs.find((t) => t.value === active);
+  return /* @__PURE__ */ jsxs12("div", { className: Tabs_default.root, children: [
+    /* @__PURE__ */ jsx23("div", { className: Tabs_default.list, role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsxs12(
+      "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__ */ jsx23("span", { className: Tabs_default["trigger-icon"], children: tab.icon }),
+          tab.label
+        ]
+      },
+      tab.value
+    )) }),
+    /* @__PURE__ */ jsx23("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
+import { jsx as jsx24 } from "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__ */ jsx24("textarea", __spreadValues({ className: classes }, props));
+};
+var Textarea_default2 = Textarea;
+
+// src/components/Tooltip/Tooltip.module.css
+var Tooltip_default = {};
+
+// src/components/Tooltip/Tooltip.tsx
+import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
+var Tooltip = ({ content, children, position = "top" }) => /* @__PURE__ */ jsxs13("span", { className: Tooltip_default.wrapper, children: [
+  children,
+  /* @__PURE__ */ jsx25("span", { className: `${Tooltip_default.tooltip} ${Tooltip_default[position]}`, role: "tooltip", children: content })
+] });
+var Tooltip_default2 = Tooltip;
+export {
+  Accordion_default2 as Accordion,
+  Alert_default2 as Alert,
+  Avatar_default2 as Avatar,
+  Badge_default2 as Badge,
+  Breadcrumb_default2 as Breadcrumb,
+  Button_default2 as Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox_default2 as Checkbox,
+  CopyButton_default2 as CopyButton,
+  FileUpload_default2 as FileUpload,
+  Input_default2 as Input,
+  Label_default2 as Label,
+  PasswordInput_default as PasswordInput,
+  Progress_default2 as Progress,
+  RadioGroup_default2 as RadioGroup,
+  Select_default2 as Select,
+  Skeleton_default2 as Skeleton,
+  Slider_default2 as Slider,
+  Spinner_default2 as Spinner,
+  Switch_default2 as Switch,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs_default2 as Tabs,
+  Textarea_default2 as Textarea,
+  ThemeProvider,
+  Tooltip_default2 as Tooltip,
+  useTheme
+};
+//# sourceMappingURL=index.js.map