@treeal/ds 0.1.1 → 0.1.2

package/dist/index.esm16.js

@@ -1,42 +1,222 @@
-const t = "_alert_p4b5i_21", e = "_typeDefault_p4b5i_36", n = "_typeInfo_p4b5i_37", _ = "_typeSuccess_p4b5i_38", i = "_typeWarning_p4b5i_39", o = "_typeError_p4b5i_40", s = "_iconSlot_p4b5i_44", c = "_textContent_p4b5i_54", l = "_title_p4b5i_63", p = "_titleDefault_p4b5i_72", r = "_titleInfo_p4b5i_73", a = "_titleSuccess_p4b5i_74", b = "_titleWarning_p4b5i_75", y = "_titleError_p4b5i_76", f = "_message_p4b5i_78", u = "_rightSlot_p4b5i_90", g = "_actionBtn_p4b5i_101", S = "_closeBtn_p4b5i_127", B = {
-  alert: t,
-  typeDefault: e,
-  typeInfo: n,
-  typeSuccess: _,
-  typeWarning: i,
-  typeError: o,
-  iconSlot: s,
-  textContent: c,
-  title: l,
-  titleDefault: p,
-  titleInfo: r,
-  titleSuccess: a,
-  titleWarning: b,
-  titleError: y,
-  message: f,
-  rightSlot: u,
-  actionBtn: g,
-  closeBtn: S
-};
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useRef as L, useState as w } from "react";
+import r from "./index.esm23.js";
+const y = () => /* @__PURE__ */ a("svg", { viewBox: "0 0 12 12", width: "12", height: "12", "aria-hidden": "true", children: [
+  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ a("linearGradient", { id: "fileGrad", x1: "0%", y1: "100%", x2: "100%", y2: "0%", children: [
+    /* @__PURE__ */ e("stop", { offset: "0%", stopColor: "#2970FF" }),
+    /* @__PURE__ */ e("stop", { offset: "100%", stopColor: "#0040C1" })
+  ] }) }),
+  /* @__PURE__ */ e(
+    "path",
+    {
+      fill: "url(#fileGrad)",
+      d: "M2 0h5.5L10 2.5V12H2V0zm5 0v3h3L7 0zM3 5h6v1H3V5zm0 2h6v1H3V7zm0 2h4v1H3V9z"
+    }
+  )
+] }), b = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 12 12", width: "12", height: "12", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M8.707.293a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414L9.414 5.1 6.9 2.586 8.707.293zM0 9.5V12h2.5l7-7L7 2.5l-7 7zM1.5 10.5v-.793l5.5-5.5.793.793-5.5 5.5H1.5z" }) }), D = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 12 12", width: "12", height: "12", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M6 2C3.27 2 1 4 1 6s2.27 4 5 4 5-2 5-4-2.27-4-5-4zm0 7a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-5a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" }) }), I = () => /* @__PURE__ */ e("svg", { viewBox: "0 0 12 12", width: "12", height: "12", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M4 1V0h4v1h3v1H1V1h3zM2 3h8l-.8 8H2.8L2 3zm2 1v6h1V4H4zm2 0v6h1V4H6z" }) }), W = () => /* @__PURE__ */ a("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ e(
+    "rect",
+    {
+      x: "18",
+      y: "10",
+      width: "10",
+      height: "13",
+      rx: "1.5",
+      fill: "#DBE8FF",
+      stroke: "#B2C9FF",
+      strokeWidth: "0.5",
+      transform: "rotate(12 18 10)"
+    }
+  ),
+  /* @__PURE__ */ e(
+    "rect",
+    {
+      x: "4",
+      y: "10",
+      width: "10",
+      height: "13",
+      rx: "1.5",
+      fill: "#DBE8FF",
+      stroke: "#B2C9FF",
+      strokeWidth: "0.5",
+      transform: "rotate(-12 4 10)"
+    }
+  ),
+  /* @__PURE__ */ e("rect", { x: "10", y: "7", width: "12", height: "16", rx: "1.5", fill: "#FFFFFF", stroke: "#B2C9FF", strokeWidth: "1" }),
+  /* @__PURE__ */ e("path", { d: "M13 12h6M13 15h6M13 18h4", stroke: "#B2C9FF", strokeWidth: "1", strokeLinecap: "round" }),
+  /* @__PURE__ */ e("circle", { cx: "23", cy: "23", r: "5", fill: "#2970FF" }),
+  /* @__PURE__ */ e("path", { d: "M23 26v-6M20.5 22.5L23 20l2.5 2.5", stroke: "#FFF", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+] }), H = () => /* @__PURE__ */ a("svg", { width: "96", height: "64", viewBox: "0 0 96 64", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ a("g", { transform: "rotate(15 70 35)", children: [
+    /* @__PURE__ */ e("rect", { x: "55", y: "18", width: "28", height: "36", rx: "3", fill: "#DBE8FF", stroke: "#B2C9FF", strokeWidth: "1" }),
+    /* @__PURE__ */ e("path", { d: "M61 28h16M61 34h16M61 40h10", stroke: "#B2C9FF", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] }),
+  /* @__PURE__ */ a("g", { transform: "rotate(-15 26 35)", children: [
+    /* @__PURE__ */ e("rect", { x: "13", y: "18", width: "28", height: "36", rx: "3", fill: "#DBE8FF", stroke: "#B2C9FF", strokeWidth: "1" }),
+    /* @__PURE__ */ e("path", { d: "M19 28h16M19 34h16M19 40h10", stroke: "#B2C9FF", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] }),
+  /* @__PURE__ */ e("rect", { x: "30", y: "8", width: "36", height: "48", rx: "3", fill: "#FFFFFF", stroke: "#B2C9FF", strokeWidth: "1.5" }),
+  /* @__PURE__ */ e("path", { d: "M38 22h20M38 30h20M38 38h14", stroke: "#B2C9FF", strokeWidth: "1.5", strokeLinecap: "round" }),
+  /* @__PURE__ */ e("circle", { cx: "76", cy: "50", r: "10", fill: "#2970FF" }),
+  /* @__PURE__ */ e("path", { d: "M76 55v-10M71 48l5-5 5 5", stroke: "#FFF", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+function V({ file: t, size: n, onEdit: s, onPreview: o, onRemove: l }) {
+  const h = t.state === "loading" || t.indicator === "loader", c = n === "LG" && t.indicator !== "loader";
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: [
+        r.fileItem,
+        n === "LG" ? r.fileItemLg : r.fileItemMd
+      ].join(" "),
+      children: [
+        /* @__PURE__ */ e("div", { className: r.fileBadge, children: /* @__PURE__ */ e(y, {}) }),
+        /* @__PURE__ */ a("div", { className: r.fileContent, children: [
+          /* @__PURE__ */ a("div", { className: r.fileHeader, children: [
+            /* @__PURE__ */ a("div", { className: r.fileTexts, children: [
+              /* @__PURE__ */ e("p", { className: r.fileName, children: t.name }),
+              /* @__PURE__ */ e("p", { className: r.fileSize, children: t.size })
+            ] }),
+            h ? /* @__PURE__ */ e("div", { className: r.spinner, role: "status", "aria-label": "Uploading…" }) : /* @__PURE__ */ a("div", { className: r.actions, children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: r.actionBtn,
+                  onClick: () => s == null ? void 0 : s(t.id),
+                  "aria-label": `Edit ${t.name}`,
+                  type: "button",
+                  children: /* @__PURE__ */ e(b, {})
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: r.actionBtn,
+                  onClick: () => o == null ? void 0 : o(t.id),
+                  "aria-label": `Preview ${t.name}`,
+                  type: "button",
+                  children: /* @__PURE__ */ e(D, {})
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: r.actionBtn,
+                  onClick: () => l == null ? void 0 : l(t.id),
+                  "aria-label": `Remove ${t.name}`,
+                  type: "button",
+                  children: /* @__PURE__ */ e(I, {})
+                }
+              )
+            ] })
+          ] }),
+          c && /* @__PURE__ */ a("div", { className: r.progressRow, children: [
+            /* @__PURE__ */ e("div", { className: r.progressTrack, children: /* @__PURE__ */ e(
+              "div",
+              {
+                className: r.progressFill,
+                style: { width: `${Math.min(100, Math.max(0, t.progress))}%` },
+                role: "progressbar",
+                "aria-valuenow": t.progress,
+                "aria-valuemin": 0,
+                "aria-valuemax": 100
+              }
+            ) }),
+            /* @__PURE__ */ a("p", { className: r.progressLabel, children: [
+              t.progress,
+              "%"
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function $({
+  size: t = "LG",
+  type: n = "multiple",
+  status: s = "default",
+  files: o = [],
+  onDrop: l,
+  onRemove: h,
+  onEdit: c,
+  onPreview: u,
+  accept: f,
+  className: v
+}) {
+  const m = L(null), [k, p] = w(!1), M = (i) => {
+    i.preventDefault(), p(!0);
+  }, x = (i) => {
+    i.preventDefault(), p(!1);
+  }, N = (i) => {
+    i.preventDefault(), p(!1);
+    const d = Array.from(i.dataTransfer.files);
+    d.length && (l == null || l(d));
+  }, B = (i) => {
+    const d = Array.from(i.target.files ?? []);
+    d.length && (l == null || l(d)), i.target.value = "";
+  }, g = () => {
+    var i;
+    return (i = m.current) == null ? void 0 : i.click();
+  }, z = n === "single" && s === "active" && o.length > 0, C = [
+    r.dropzone,
+    t === "MD" ? r.dropzoneMd : r.dropzoneLg,
+    k ? r.dropzoneDragging : ""
+  ].filter(Boolean).join(" "), F = n === "multiple" ? "Drop your files here, or" : "Drop your file here, or";
+  return /* @__PURE__ */ a("div", { className: [r.wrapper, v].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        ref: m,
+        type: "file",
+        multiple: n === "multiple",
+        accept: f,
+        onChange: B,
+        style: { display: "none" },
+        "aria-hidden": "true",
+        tabIndex: -1
+      }
+    ),
+    !z && /* @__PURE__ */ a(
+      "div",
+      {
+        className: C,
+        onClick: g,
+        onDragOver: M,
+        onDragLeave: x,
+        onDrop: N,
+        role: "button",
+        tabIndex: 0,
+        "aria-label": `${F} browse`,
+        onKeyDown: (i) => {
+          (i.key === " " || i.key === "Enter") && g();
+        },
+        children: [
+          t === "MD" ? /* @__PURE__ */ e("div", { className: r.dropzoneIconMd, children: /* @__PURE__ */ e(W, {}) }) : /* @__PURE__ */ e("div", { className: r.dropzoneIconLg, children: /* @__PURE__ */ e(H, {}) }),
+          /* @__PURE__ */ a("div", { className: r.dropzoneContent, children: [
+            /* @__PURE__ */ a("div", { className: r.dropzoneTitleRow, children: [
+              /* @__PURE__ */ e("p", { className: r.dropzoneTitle, children: F }),
+              /* @__PURE__ */ e("span", { className: r.dropzoneBrowse, "aria-hidden": "true", children: "browse" })
+            ] }),
+            /* @__PURE__ */ e("p", { className: r.dropzoneSubtitle, children: "JPG, PNG, PDF (Max 800×400px – 2Mo)" })
+          ] })
+        ]
+      }
+    ),
+    s === "active" && o.length > 0 && /* @__PURE__ */ e("div", { className: r.fileList, children: o.map((i) => /* @__PURE__ */ e(
+      V,
+      {
+        file: i,
+        size: t,
+        onEdit: c,
+        onPreview: u,
+        onRemove: h
+      },
+      i.id
+    )) })
+  ] });
+}
 export {
-  g as actionBtn,
-  t as alert,
-  S as closeBtn,
-  B as default,
-  s as iconSlot,
-  f as message,
-  u as rightSlot,
-  c as textContent,
-  l as title,
-  p as titleDefault,
-  y as titleError,
-  r as titleInfo,
-  a as titleSuccess,
-  b as titleWarning,
-  e as typeDefault,
-  o as typeError,
-  n as typeInfo,
-  _ as typeSuccess,
-  i as typeWarning
+  $ as Upload
 };
 //# sourceMappingURL=index.esm16.js.map

package/dist/index.esm16.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm16.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm16.js","sources":["../components/Upload/Upload.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport styles from './Upload.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type UploadSize = 'MD' | 'LG';\nexport type UploadType = 'single' | 'multiple';\nexport type UploadStatus = 'default' | 'active';\nexport type UploadFileState = 'loading' | 'loaded' | 'error';\nexport type UploadIndicator = 'loader' | 'progress-bar';\n\nexport interface UploadFile {\n  id: string;\n  name: string;\n  size: string;\n  /** 0–100 */\n  progress: number;\n  state: UploadFileState;\n  /** 'loader' shows spinner · 'progress-bar' shows progress (LG only) */\n  indicator?: UploadIndicator;\n}\n\nexport interface UploadProps {\n  size?: UploadSize;\n  type?: UploadType;\n  /** 'default' = drop area only · 'active' = files listed */\n  status?: UploadStatus;\n  files?: UploadFile[];\n  onDrop?: (files: File[]) => void;\n  onRemove?: (id: string) => void;\n  onEdit?: (id: string) => void;\n  onPreview?: (id: string) => void;\n  /** Native accept attribute, e.g. \".pdf,.png,.jpg\" */\n  accept?: string;\n  /** Max file size in bytes */\n  maxSize?: number;\n  className?: string;\n}\n\n// ─── SVG icons (inline, no external dependency) ──────────────────────────────\n\nconst IconFile = () => (\n  <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" aria-hidden=\"true\">\n    <defs>\n      <linearGradient id=\"fileGrad\" x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"0%\">\n        {/* Figma: linear-gradient(63.88deg, #2970FF 0.2%, #0040C1 99.99%) */}\n        <stop offset=\"0%\" stopColor=\"#2970FF\" />\n        <stop offset=\"100%\" stopColor=\"#0040C1\" />\n      </linearGradient>\n    </defs>\n    <path\n      fill=\"url(#fileGrad)\"\n      d=\"M2 0h5.5L10 2.5V12H2V0zm5 0v3h3L7 0zM3 5h6v1H3V5zm0 2h6v1H3V7zm0 2h4v1H3V9z\"\n    />\n  </svg>\n);\n\nconst IconPen = () => (\n  <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" fill=\"currentColor\" aria-hidden=\"true\">\n    <path d=\"M8.707.293a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414L9.414 5.1 6.9 2.586 8.707.293zM0 9.5V12h2.5l7-7L7 2.5l-7 7zM1.5 10.5v-.793l5.5-5.5.793.793-5.5 5.5H1.5z\" />\n  </svg>\n);\n\nconst IconEye = () => (\n  <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" fill=\"currentColor\" aria-hidden=\"true\">\n    <path d=\"M6 2C3.27 2 1 4 1 6s2.27 4 5 4 5-2 5-4-2.27-4-5-4zm0 7a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-5a2 2 0 1 0 0 4 2 2 0 0 0 0-4z\" />\n  </svg>\n);\n\nconst IconTrash = () => (\n  <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" fill=\"currentColor\" aria-hidden=\"true\">\n    <path d=\"M4 1V0h4v1h3v1H1V1h3zM2 3h8l-.8 8H2.8L2 3zm2 1v6h1V4H4zm2 0v6h1V4H6z\" />\n  </svg>\n);\n\n// SVG illustration for MD drop zone (32×32 stacked files)\nconst DropIconMd = () => (\n  <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" aria-hidden=\"true\">\n    {/* back-right file */}\n    <rect x=\"18\" y=\"10\" width=\"10\" height=\"13\" rx=\"1.5\" fill=\"#DBE8FF\" stroke=\"#B2C9FF\" strokeWidth=\"0.5\"\n      transform=\"rotate(12 18 10)\" />\n    {/* back-left file */}\n    <rect x=\"4\" y=\"10\" width=\"10\" height=\"13\" rx=\"1.5\" fill=\"#DBE8FF\" stroke=\"#B2C9FF\" strokeWidth=\"0.5\"\n      transform=\"rotate(-12 4 10)\" />\n    {/* center file */}\n    <rect x=\"10\" y=\"7\" width=\"12\" height=\"16\" rx=\"1.5\" fill=\"#FFFFFF\" stroke=\"#B2C9FF\" strokeWidth=\"1\" />\n    <path d=\"M13 12h6M13 15h6M13 18h4\" stroke=\"#B2C9FF\" strokeWidth=\"1\" strokeLinecap=\"round\" />\n    {/* upload arrow */}\n    <circle cx=\"23\" cy=\"23\" r=\"5\" fill=\"#2970FF\" />\n    <path d=\"M23 26v-6M20.5 22.5L23 20l2.5 2.5\" stroke=\"#FFF\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\n// SVG illustration for LG drop zone (96×64 stacked files)\nconst DropIconLg = () => (\n  <svg width=\"96\" height=\"64\" viewBox=\"0 0 96 64\" fill=\"none\" aria-hidden=\"true\">\n    {/* right file — rotated 15deg */}\n    <g transform=\"rotate(15 70 35)\">\n      <rect x=\"55\" y=\"18\" width=\"28\" height=\"36\" rx=\"3\" fill=\"#DBE8FF\" stroke=\"#B2C9FF\" strokeWidth=\"1\" />\n      <path d=\"M61 28h16M61 34h16M61 40h10\" stroke=\"#B2C9FF\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </g>\n    {/* left file — rotated -15deg */}\n    <g transform=\"rotate(-15 26 35)\">\n      <rect x=\"13\" y=\"18\" width=\"28\" height=\"36\" rx=\"3\" fill=\"#DBE8FF\" stroke=\"#B2C9FF\" strokeWidth=\"1\" />\n      <path d=\"M19 28h16M19 34h16M19 40h10\" stroke=\"#B2C9FF\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </g>\n    {/* center file */}\n    <rect x=\"30\" y=\"8\" width=\"36\" height=\"48\" rx=\"3\" fill=\"#FFFFFF\" stroke=\"#B2C9FF\" strokeWidth=\"1.5\" />\n    <path d=\"M38 22h20M38 30h20M38 38h14\" stroke=\"#B2C9FF\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    {/* upload arrow overlay */}\n    <circle cx=\"76\" cy=\"50\" r=\"10\" fill=\"#2970FF\" />\n    <path d=\"M76 55v-10M71 48l5-5 5 5\" stroke=\"#FFF\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\n// ─── Sub-components ───────────────────────────────────────────────────────────\n\ninterface UploadItemProps {\n  file: UploadFile;\n  size: UploadSize;\n  onEdit?: (id: string) => void;\n  onPreview?: (id: string) => void;\n  onRemove?: (id: string) => void;\n}\n\nfunction UploadItem({ file, size, onEdit, onPreview, onRemove }: UploadItemProps) {\n  const isLoading = file.state === 'loading' || file.indicator === 'loader';\n  const showProgress = size === 'LG' && file.indicator !== 'loader';\n\n  return (\n    <div\n      className={[\n        styles.fileItem,\n        size === 'LG' ? styles.fileItemLg : styles.fileItemMd,\n      ].join(' ')}\n    >\n      {/* Badge */}\n      <div className={styles.fileBadge}>\n        <IconFile />\n      </div>\n\n      {/* Content */}\n      <div className={styles.fileContent}>\n        <div className={styles.fileHeader}>\n          {/* Name + size */}\n          <div className={styles.fileTexts}>\n            <p className={styles.fileName}>{file.name}</p>\n            <p className={styles.fileSize}>{file.size}</p>\n          </div>\n\n          {/* Actions or spinner */}\n          {isLoading ? (\n            <div className={styles.spinner} role=\"status\" aria-label=\"Uploading…\" />\n          ) : (\n            <div className={styles.actions}>\n              <button\n                className={styles.actionBtn}\n                onClick={() => onEdit?.(file.id)}\n                aria-label={`Edit ${file.name}`}\n                type=\"button\"\n              >\n                <IconPen />\n              </button>\n              <button\n                className={styles.actionBtn}\n                onClick={() => onPreview?.(file.id)}\n                aria-label={`Preview ${file.name}`}\n                type=\"button\"\n              >\n                <IconEye />\n              </button>\n              <button\n                className={styles.actionBtn}\n                onClick={() => onRemove?.(file.id)}\n                aria-label={`Remove ${file.name}`}\n                type=\"button\"\n              >\n                <IconTrash />\n              </button>\n            </div>\n          )}\n        </div>\n\n        {/* Progress bar — LG only, not during loader */}\n        {showProgress && (\n          <div className={styles.progressRow}>\n            <div className={styles.progressTrack}>\n              <div\n                className={styles.progressFill}\n                style={{ width: `${Math.min(100, Math.max(0, file.progress))}%` }}\n                role=\"progressbar\"\n                aria-valuenow={file.progress}\n                aria-valuemin={0}\n                aria-valuemax={100}\n              />\n            </div>\n            <p className={styles.progressLabel}>{file.progress}%</p>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ─── Main component ───────────────────────────────────────────────────────────\n\nexport function Upload({\n  size = 'LG',\n  type = 'multiple',\n  status = 'default',\n  files = [],\n  onDrop,\n  onRemove,\n  onEdit,\n  onPreview,\n  accept,\n  className,\n}: UploadProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [dragging, setDragging] = useState(false);\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault();\n    setDragging(true);\n  };\n\n  const handleDragLeave = (e: React.DragEvent) => {\n    e.preventDefault();\n    setDragging(false);\n  };\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault();\n    setDragging(false);\n    const dropped = Array.from(e.dataTransfer.files);\n    if (dropped.length) onDrop?.(dropped);\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const selected = Array.from(e.target.files ?? []);\n    if (selected.length) onDrop?.(selected);\n    // reset so same file can be re-selected\n    e.target.value = '';\n  };\n\n  const openFilePicker = () => inputRef.current?.click();\n\n  // LG single active / MD single active: hide drop zone when a file is loaded\n  const hideDrop = type === 'single' && status === 'active' && files.length > 0;\n\n  const dropzoneClass = [\n    styles.dropzone,\n    size === 'MD' ? styles.dropzoneMd : styles.dropzoneLg,\n    dragging ? styles.dropzoneDragging : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const titleText =\n    type === 'multiple' ? 'Drop your files here, or' : 'Drop your file here, or';\n\n  return (\n    <div className={[styles.wrapper, className].filter(Boolean).join(' ')}>\n      {/* Hidden file input */}\n      <input\n        ref={inputRef}\n        type=\"file\"\n        multiple={type === 'multiple'}\n        accept={accept}\n        onChange={handleInputChange}\n        style={{ display: 'none' }}\n        aria-hidden=\"true\"\n        tabIndex={-1}\n      />\n\n      {/* Drop zone */}\n      {!hideDrop && (\n        <div\n          className={dropzoneClass}\n          onClick={openFilePicker}\n          onDragOver={handleDragOver}\n          onDragLeave={handleDragLeave}\n          onDrop={handleDrop}\n          role=\"button\"\n          tabIndex={0}\n          aria-label={`${titleText} browse`}\n          onKeyDown={(e) => {\n            if (e.key === ' ' || e.key === 'Enter') openFilePicker();\n          }}\n        >\n          {/* Icon */}\n          {size === 'MD' ? (\n            <div className={styles.dropzoneIconMd}>\n              <DropIconMd />\n            </div>\n          ) : (\n            <div className={styles.dropzoneIconLg}>\n              <DropIconLg />\n            </div>\n          )}\n\n          {/* Text content */}\n          <div className={styles.dropzoneContent}>\n            <div className={styles.dropzoneTitleRow}>\n              <p className={styles.dropzoneTitle}>{titleText}</p>\n              <span className={styles.dropzoneBrowse} aria-hidden=\"true\">\n                browse\n              </span>\n            </div>\n            <p className={styles.dropzoneSubtitle}>\n              JPG, PNG, PDF (Max 800×400px – 2Mo)\n            </p>\n          </div>\n        </div>\n      )}\n\n      {/* File list */}\n      {status === 'active' && files.length > 0 && (\n        <div className={styles.fileList}>\n          {files.map((file) => (\n            <UploadItem\n              key={file.id}\n              file={file}\n              size={size}\n              onEdit={onEdit}\n              onPreview={onPreview}\n              onRemove={onRemove}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["IconFile","jsxs","jsx","IconPen","IconEye","IconTrash","DropIconMd","DropIconLg","UploadItem","file","size","onEdit","onPreview","onRemove","isLoading","showProgress","styles","Upload","type","status","files","onDrop","accept","className","inputRef","useRef","dragging","setDragging","useState","handleDragOver","e","handleDragLeave","handleDrop","dropped","handleInputChange","selected","openFilePicker","_a","hideDrop","dropzoneClass","titleText"],"mappings":"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"}

package/dist/index.esm17.js

@@ -1,34 +1,42 @@
-const e = "_wrapper_1iytr_9", r = "_labelRow_1iytr_19", _ = "_label_1iytr_19", t = "_labelDisabled_1iytr_37", s = "_labelIcon_1iytr_41", l = "_field_1iytr_53", o = "_hover_1iytr_70", a = "_active_1iytr_77", i = "_disabled_1iytr_85", c = "_error_1iytr_98", n = "_icon_1iytr_110", b = "_input_1iytr_122", y = "_message_1iytr_155", d = "_messageError_1iytr_170", p = {
-  wrapper: e,
-  labelRow: r,
-  label: _,
-  labelDisabled: t,
-  labelIcon: s,
-  field: l,
-  hover: o,
-  active: a,
-  disabled: i,
-  error: c,
-  icon: n,
-  input: b,
-  message: y,
-  messageError: d
+const t = "_alert_p4b5i_21", e = "_typeDefault_p4b5i_36", n = "_typeInfo_p4b5i_37", _ = "_typeSuccess_p4b5i_38", i = "_typeWarning_p4b5i_39", o = "_typeError_p4b5i_40", s = "_iconSlot_p4b5i_44", c = "_textContent_p4b5i_54", l = "_title_p4b5i_63", p = "_titleDefault_p4b5i_72", r = "_titleInfo_p4b5i_73", a = "_titleSuccess_p4b5i_74", b = "_titleWarning_p4b5i_75", y = "_titleError_p4b5i_76", f = "_message_p4b5i_78", u = "_rightSlot_p4b5i_90", g = "_actionBtn_p4b5i_101", S = "_closeBtn_p4b5i_127", B = {
+  alert: t,
+  typeDefault: e,
+  typeInfo: n,
+  typeSuccess: _,
+  typeWarning: i,
+  typeError: o,
+  iconSlot: s,
+  textContent: c,
+  title: l,
+  titleDefault: p,
+  titleInfo: r,
+  titleSuccess: a,
+  titleWarning: b,
+  titleError: y,
+  message: f,
+  rightSlot: u,
+  actionBtn: g,
+  closeBtn: S
 };
 export {
-  a as active,
-  p as default,
-  i as disabled,
-  c as error,
-  l as field,
-  o as hover,
-  n as icon,
-  b as input,
-  _ as label,
-  t as labelDisabled,
-  s as labelIcon,
-  r as labelRow,
-  y as message,
-  d as messageError,
-  e as wrapper
+  g as actionBtn,
+  t as alert,
+  S as closeBtn,
+  B as default,
+  s as iconSlot,
+  f as message,
+  u as rightSlot,
+  c as textContent,
+  l as title,
+  p as titleDefault,
+  y as titleError,
+  r as titleInfo,
+  a as titleSuccess,
+  b as titleWarning,
+  e as typeDefault,
+  o as typeError,
+  n as typeInfo,
+  _ as typeSuccess,
+  i as typeWarning
 };
 //# sourceMappingURL=index.esm17.js.map

package/dist/index.esm17.js.map

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

package/dist/index.esm19.js

@@ -1,64 +1,106 @@
-const a = "_header_1jw5v_25", e = "_variantDefault_1jw5v_36", t = "_variantMobile_1jw5v_37", o = "_variantMobileOpen_1jw5v_38", s = "_pageTitle_1jw5v_49", _ = "_pageTitleDesktop_1jw5v_63", n = "_pageTitleMobile_1jw5v_64", c = "_actions_1jw5v_68", r = "_actionsMobileOpen_1jw5v_76", w = "_workspace_1jw5v_86", v = "_workspaceFull_1jw5v_104", i = "_workspaceLeft_1jw5v_110", l = "_statusDot_1jw5v_118", p = "_workspaceCol_1jw5v_126", j = "_workspaceAccount_1jw5v_134", u = "_workspaceName_1jw5v_144", k = "_workspaceArrow_1jw5v_156", m = "_bellBtn_1jw5v_168", b = "_menuBtn_1jw5v_188", g = "_menuIcon_1jw5v_208", M = "_navUser_1jw5v_219", T = "_avatar_1jw5v_227", A = "_avatarImg_1jw5v_239", B = "_avatarInitials_1jw5v_248", D = "_userText_1jw5v_255", I = "_userName_1jw5v_262", f = "_userRole_1jw5v_271", N = "_ctaBtn_1jw5v_282", O = "_mainActions_1jw5v_307", d = {
-  header: a,
-  variantDefault: e,
-  variantMobile: t,
-  variantMobileOpen: o,
-  pageTitle: s,
-  pageTitleDesktop: _,
-  pageTitleMobile: n,
-  actions: c,
-  actionsMobileOpen: r,
-  workspace: w,
-  workspaceFull: v,
-  workspaceLeft: i,
-  statusDot: l,
-  workspaceCol: p,
-  workspaceAccount: j,
-  workspaceName: u,
-  workspaceArrow: k,
-  bellBtn: m,
-  menuBtn: b,
-  menuIcon: g,
-  navUser: M,
-  avatar: T,
-  avatarImg: A,
-  avatarInitials: B,
-  userText: D,
-  userName: I,
-  userRole: f,
-  ctaBtn: N,
-  mainActions: O
+const e = "_nav_53r24_22", t = "_navOpen_53r24_32", o = "_navClosed_53r24_33", _ = "_navMobile_53r24_42", n = "_header_53r24_51", a = "_headerOpen_53r24_58", s = "_headerClosed_53r24_64", l = "_headerMobile_53r24_73", c = "_logoIcon_53r24_80", i = "_logoFull_53r24_87", r = "_headerTitle_53r24_93", m = "_headerActions_53r24_102", v = "_bellBtn_53r24_108", b = "_links_53r24_129", d = "_linksOpen_53r24_136", p = "_linksClosed_53r24_137", I = "_linksMobile_53r24_138", h = "_section_53r24_142", k = "_sectionTitle_53r24_147", M = "_sectionItems_53r24_160", C = "_item_53r24_168", L = "_itemOpen_53r24_181", A = "_itemOpenActive_53r24_191", B = "_itemClosed_53r24_201", O = "_itemClosedActive_53r24_211", f = "_itemMobile_53r24_222", w = "_itemMobileActive_53r24_231", g = "_itemIcon_53r24_237", u = "_itemIconDark_53r24_246", D = "_itemIconLight_53r24_247", R = "_itemLabel_53r24_251", T = "_itemLabelDefault_53r24_263", F = "_itemLabelActive_53r24_264", N = "_itemLabelMobile_53r24_265", x = "_chevron_53r24_269", y = "_footer_53r24_283", j = "_collapseBtn_53r24_289", q = "_collapseBtnClosed_53r24_310", z = "_collapseBtnIcon_53r24_314", E = "_footerMobile_53r24_326", G = "_ctaBtn_53r24_335", H = "_workspace_53r24_358", J = "_workspaceIcon_53r24_372", K = "_workspaceLabel_53r24_383", P = "_avatarRow_53r24_397", Q = "_avatar_53r24_397", S = "_avatarInitials_53r24_415", U = "_avatarInfo_53r24_422", V = "_avatarName_53r24_430", W = "_avatarRole_53r24_441", X = {
+  nav: e,
+  navOpen: t,
+  navClosed: o,
+  navMobile: _,
+  header: n,
+  headerOpen: a,
+  headerClosed: s,
+  headerMobile: l,
+  logoIcon: c,
+  logoFull: i,
+  headerTitle: r,
+  headerActions: m,
+  bellBtn: v,
+  links: b,
+  linksOpen: d,
+  linksClosed: p,
+  linksMobile: I,
+  section: h,
+  sectionTitle: k,
+  sectionItems: M,
+  item: C,
+  itemOpen: L,
+  itemOpenActive: A,
+  itemClosed: B,
+  itemClosedActive: O,
+  itemMobile: f,
+  itemMobileActive: w,
+  itemIcon: g,
+  itemIconDark: u,
+  itemIconLight: D,
+  itemLabel: R,
+  itemLabelDefault: T,
+  itemLabelActive: F,
+  itemLabelMobile: N,
+  chevron: x,
+  footer: y,
+  collapseBtn: j,
+  collapseBtnClosed: q,
+  collapseBtnIcon: z,
+  footerMobile: E,
+  ctaBtn: G,
+  workspace: H,
+  workspaceIcon: J,
+  workspaceLabel: K,
+  avatarRow: P,
+  avatar: Q,
+  avatarInitials: S,
+  avatarInfo: U,
+  avatarName: V,
+  avatarRole: W
 };
 export {
-  c as actions,
-  r as actionsMobileOpen,
-  T as avatar,
-  A as avatarImg,
-  B as avatarInitials,
-  m as bellBtn,
-  N as ctaBtn,
-  d as default,
-  a as header,
-  O as mainActions,
-  b as menuBtn,
-  g as menuIcon,
-  M as navUser,
-  s as pageTitle,
-  _ as pageTitleDesktop,
-  n as pageTitleMobile,
-  l as statusDot,
-  I as userName,
-  f as userRole,
-  D as userText,
-  e as variantDefault,
-  t as variantMobile,
-  o as variantMobileOpen,
-  w as workspace,
-  j as workspaceAccount,
-  k as workspaceArrow,
-  p as workspaceCol,
-  v as workspaceFull,
-  i as workspaceLeft,
-  u as workspaceName
+  Q as avatar,
+  U as avatarInfo,
+  S as avatarInitials,
+  V as avatarName,
+  W as avatarRole,
+  P as avatarRow,
+  v as bellBtn,
+  x as chevron,
+  j as collapseBtn,
+  q as collapseBtnClosed,
+  z as collapseBtnIcon,
+  G as ctaBtn,
+  X as default,
+  y as footer,
+  E as footerMobile,
+  n as header,
+  m as headerActions,
+  s as headerClosed,
+  l as headerMobile,
+  a as headerOpen,
+  r as headerTitle,
+  C as item,
+  B as itemClosed,
+  O as itemClosedActive,
+  g as itemIcon,
+  u as itemIconDark,
+  D as itemIconLight,
+  R as itemLabel,
+  F as itemLabelActive,
+  T as itemLabelDefault,
+  N as itemLabelMobile,
+  f as itemMobile,
+  w as itemMobileActive,
+  L as itemOpen,
+  A as itemOpenActive,
+  b as links,
+  p as linksClosed,
+  I as linksMobile,
+  d as linksOpen,
+  i as logoFull,
+  c as logoIcon,
+  e as nav,
+  o as navClosed,
+  _ as navMobile,
+  t as navOpen,
+  h as section,
+  M as sectionItems,
+  k as sectionTitle,
+  H as workspace,
+  J as workspaceIcon,
+  K as workspaceLabel
 };
 //# sourceMappingURL=index.esm19.js.map

package/dist/index.esm19.js.map

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

package/dist/index.esm20.js

@@ -1,24 +1,26 @@
-const o = "_pagination_olot7_11", t = "_item_olot7_20", _ = "_xs_olot7_55", n = "_md_olot7_63", c = "_lg_olot7_71", s = "_active_olot7_81", i = "_inactive_olot7_88", l = "_dots_olot7_102", a = "_control_olot7_110", e = {
-  pagination: o,
-  item: t,
-  xs: _,
-  md: n,
-  lg: c,
-  active: s,
-  inactive: i,
-  dots: l,
-  control: a
+const e = "_base_106pz_9", c = "_checkDefault_106pz_18", o = "_radioDefault_106pz_19", _ = "_checkChecked_106pz_40", t = "_radioChecked_106pz_41", a = "_checkIcon_106pz_64", k = "_radioIcon_106pz_86", d = "_toggleWrapper_106pz_105", r = "_toggleTrack_106pz_113", g = "_toggleChecked_106pz_140", h = {
+  base: e,
+  checkDefault: c,
+  radioDefault: o,
+  checkChecked: _,
+  radioChecked: t,
+  checkIcon: a,
+  radioIcon: k,
+  toggleWrapper: d,
+  toggleTrack: r,
+  toggleChecked: g
 };
 export {
-  s as active,
-  a as control,
-  e as default,
-  l as dots,
-  i as inactive,
-  t as item,
-  c as lg,
-  n as md,
-  o as pagination,
-  _ as xs
+  e as base,
+  _ as checkChecked,
+  c as checkDefault,
+  a as checkIcon,
+  h as default,
+  t as radioChecked,
+  o as radioDefault,
+  k as radioIcon,
+  g as toggleChecked,
+  r as toggleTrack,
+  d as toggleWrapper
 };
 //# sourceMappingURL=index.esm20.js.map

package/dist/index.esm20.js.map

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