@treeal/ds 0.1.0 → 0.1.2

package/dist/index.esm9.js

@@ -1,78 +1,69 @@
-import { jsx as l, jsxs as r } from "react/jsx-runtime";
-import { useCallback as u, useEffect as v } from "react";
-import e from "./index.esm22.js";
-function k({
-  isOpen: d,
-  title: m,
-  description: n,
-  children: c,
-  onClose: s,
-  primaryAction: o,
-  secondaryAction: t
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { useId as D } from "react";
+import e from "./index.esm26.js";
+function E({
+  state: i = "Default",
+  label: o,
+  placeholder: p,
+  message: s,
+  iconLabel: c,
+  iconLeft: m,
+  iconRight: t,
+  value: h,
+  onChange: b,
+  id: u,
+  className: f,
+  ...v
 }) {
-  const i = u(
-    (a) => {
-      a.key === "Escape" && s();
-    },
-    [s]
-  );
-  if (v(() => {
-    if (!d) return;
-    document.addEventListener("keydown", i);
-    const a = document.body.style.overflow;
-    return document.body.style.overflow = "hidden", () => {
-      document.removeEventListener("keydown", i), document.body.style.overflow = a;
-    };
-  }, [d, i]), !d) return null;
-  const b = o || t;
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: e.overlay,
-      onClick: s,
-      role: "presentation",
-      children: /* @__PURE__ */ r(
-        "div",
+  const N = D(), r = u ?? N, l = i === "Disabled", d = i === "Error", j = [
+    e.field,
+    i === "Hover" ? e.hover : "",
+    i === "Active" ? e.active : "",
+    l ? e.disabled : "",
+    d ? e.error : "",
+    f
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("div", { className: e.wrapper, children: [
+    o && /* @__PURE__ */ n("div", { className: e.labelRow, children: [
+      /* @__PURE__ */ a(
+        "label",
         {
-          className: e.modal,
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-labelledby": "modal-title",
-          "aria-describedby": n ? "modal-desc" : void 0,
-          onClick: (a) => a.stopPropagation(),
-          children: [
-            /* @__PURE__ */ r("div", { className: e.heading, children: [
-              /* @__PURE__ */ l("p", { id: "modal-title", className: e.title, children: m }),
-              n && /* @__PURE__ */ l("p", { id: "modal-desc", className: e.description, children: n })
-            ] }),
-            c && /* @__PURE__ */ l("div", { className: e.body, children: c }),
-            b && /* @__PURE__ */ l("div", { className: e.actions, children: /* @__PURE__ */ r("div", { className: e.btns, children: [
-              t && /* @__PURE__ */ l(
-                "button",
-                {
-                  type: "button",
-                  className: e.btnSecondary,
-                  onClick: t.onClick,
-                  children: t.label
-                }
-              ),
-              o && /* @__PURE__ */ l(
-                "button",
-                {
-                  type: "button",
-                  className: e.btnPrimary,
-                  onClick: o.onClick,
-                  children: o.label
-                }
-              )
-            ] }) })
-          ]
+          htmlFor: r,
+          className: [e.label, l ? e.labelDisabled : ""].filter(Boolean).join(" "),
+          children: o
         }
-      )
-    }
-  );
+      ),
+      c && /* @__PURE__ */ a("span", { className: e.labelIcon, "aria-hidden": "true", children: c })
+    ] }),
+    /* @__PURE__ */ n("div", { className: j, children: [
+      m && /* @__PURE__ */ a("span", { className: e.icon, "aria-hidden": "true", children: m }),
+      /* @__PURE__ */ a(
+        "input",
+        {
+          id: r,
+          className: e.input,
+          placeholder: p,
+          disabled: l,
+          value: h,
+          onChange: b,
+          "aria-invalid": d,
+          "aria-describedby": s ? `${r}-message` : void 0,
+          ...v
+        }
+      ),
+      t && /* @__PURE__ */ a("span", { className: e.icon, "aria-hidden": "true", children: t })
+    ] }),
+    s && /* @__PURE__ */ a(
+      "p",
+      {
+        id: `${r}-message`,
+        className: [e.message, d ? e.messageError : ""].filter(Boolean).join(" "),
+        children: s
+      }
+    )
+  ] });
 }
 export {
-  k as Modal
+  E as Input
 };
 //# sourceMappingURL=index.esm9.js.map

package/dist/index.esm9.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm9.js","sources":["../components/Modal/Modal.tsx"],"sourcesContent":["import React, { useEffect, useCallback } from 'react';\nimport styles from './Modal.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface ModalAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ModalProps {\n  isOpen: boolean;\n  title: string;\n  description?: string;\n  /** Customizable modal body content (e.g. radio/checkbox option list) */\n  children?: React.ReactNode;\n  onClose: () => void;\n  primaryAction?: ModalAction;\n  secondaryAction?: ModalAction;\n}\n\n// ─── Modal ────────────────────────────────────────────────────────────────────\n\nexport function Modal({\n  isOpen,\n  title,\n  description,\n  children,\n  onClose,\n  primaryAction,\n  secondaryAction,\n}: ModalProps) {\n  // Close on Escape key\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    },\n    [onClose],\n  );\n\n  useEffect(() => {\n    if (!isOpen) return;\n    document.addEventListener('keydown', handleKeyDown);\n    // Prevent body scroll while modal is open\n    const prev = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n      document.body.style.overflow = prev;\n    };\n  }, [isOpen, handleKeyDown]);\n\n  if (!isOpen) return null;\n\n  const hasActions = primaryAction || secondaryAction;\n\n  return (\n    <div\n      className={styles.overlay}\n      onClick={onClose}\n      role=\"presentation\"\n    >\n      <div\n        className={styles.modal}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"modal-title\"\n        aria-describedby={description ? 'modal-desc' : undefined}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Heading */}\n        <div className={styles.heading}>\n          <p id=\"modal-title\" className={styles.title}>\n            {title}\n          </p>\n          {description && (\n            <p id=\"modal-desc\" className={styles.description}>\n              {description}\n            </p>\n          )}\n        </div>\n\n        {/* Body */}\n        {children && (\n          <div className={styles.body}>\n            {children}\n          </div>\n        )}\n\n        {/* Actions */}\n        {hasActions && (\n          <div className={styles.actions}>\n            <div className={styles.btns}>\n              {secondaryAction && (\n                <button\n                  type=\"button\"\n                  className={styles.btnSecondary}\n                  onClick={secondaryAction.onClick}\n                >\n                  {secondaryAction.label}\n                </button>\n              )}\n              {primaryAction && (\n                <button\n                  type=\"button\"\n                  className={styles.btnPrimary}\n                  onClick={primaryAction.onClick}\n                >\n                  {primaryAction.label}\n                </button>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["Modal","isOpen","title","description","children","onClose","primaryAction","secondaryAction","handleKeyDown","useCallback","e","useEffect","prev","hasActions","jsx","styles","jsxs"],"mappings":";;;AAuBO,SAASA,EAAM;AAAA,EACpB,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AACF,GAAe;AAEb,QAAMC,IAAgBC;AAAA,IACpB,CAACC,MAAqB;AACpB,MAAIA,EAAE,QAAQ,YAAUL,EAAA;AAAA,IAC1B;AAAA,IACA,CAACA,CAAO;AAAA,EAAA;AAeV,MAZAM,EAAU,MAAM;AACd,QAAI,CAACV,EAAQ;AACb,aAAS,iBAAiB,WAAWO,CAAa;AAElD,UAAMI,IAAO,SAAS,KAAK,MAAM;AACjC,oBAAS,KAAK,MAAM,WAAW,UACxB,MAAM;AACX,eAAS,oBAAoB,WAAWJ,CAAa,GACrD,SAAS,KAAK,MAAM,WAAWI;AAAA,IACjC;AAAA,EACF,GAAG,CAACX,GAAQO,CAAa,CAAC,GAEtB,CAACP,EAAQ,QAAO;AAEpB,QAAMY,IAAaP,KAAiBC;AAEpC,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,SAASV;AAAA,MACT,MAAK;AAAA,MAEL,UAAA,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD,EAAO;AAAA,UAClB,MAAK;AAAA,UACL,cAAW;AAAA,UACX,mBAAgB;AAAA,UAChB,oBAAkBZ,IAAc,eAAe;AAAA,UAC/C,SAAS,CAACO,MAAMA,EAAE,gBAAA;AAAA,UAGlB,UAAA;AAAA,YAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWD,EAAO,SACrB,UAAA;AAAA,cAAA,gBAAAD,EAAC,OAAE,IAAG,eAAc,WAAWC,EAAO,OACnC,UAAAb,GACH;AAAA,cACCC,uBACE,KAAA,EAAE,IAAG,cAAa,WAAWY,EAAO,aAClC,UAAAZ,EAAA,CACH;AAAA,YAAA,GAEJ;AAAA,YAGCC,KACC,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAO,MACpB,UAAAX,GACH;AAAA,YAIDS,KACC,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,MACpB,UAAA;AAAA,cAAAR,KACC,gBAAAO;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAWC,EAAO;AAAA,kBAClB,SAASR,EAAgB;AAAA,kBAExB,UAAAA,EAAgB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGpBD,KACC,gBAAAQ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAWC,EAAO;AAAA,kBAClB,SAAST,EAAc;AAAA,kBAEtB,UAAAA,EAAc;AAAA,gBAAA;AAAA,cAAA;AAAA,YACjB,EAAA,CAEJ,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.esm9.js","sources":["../components/Input/Input.tsx"],"sourcesContent":["import React, { useId } from 'react';\nimport styles from './Input.module.css';\n\nexport type InputState = 'Default' | 'Hover' | 'Active' | 'Disabled' | 'Error';\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {\n  /** Visual/interaction state. Defaults to 'Default'. */\n  state?: InputState;\n  /** Label text rendered above the field. */\n  label?: string;\n  placeholder?: string;\n  /** Helper or error message rendered below the field. */\n  message?: string;\n  /** Info icon rendered beside the label. */\n  iconLabel?: React.ReactNode;\n  /** Icon rendered inside the field, left side (24×24 slot). */\n  iconLeft?: React.ReactNode;\n  /** Icon rendered inside the field, right side (24×24 slot). */\n  iconRight?: React.ReactNode;\n  value?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport function Input({\n  state = 'Default',\n  label,\n  placeholder,\n  message,\n  iconLabel,\n  iconLeft,\n  iconRight,\n  value,\n  onChange,\n  id: idProp,\n  className,\n  ...props\n}: InputProps) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n\n  const isDisabled = state === 'Disabled';\n  const isError = state === 'Error';\n\n  const fieldClass = [\n    styles.field,\n    state === 'Hover' ? styles.hover : '',\n    state === 'Active' ? styles.active : '',\n    isDisabled ? styles.disabled : '',\n    isError ? styles.error : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={styles.wrapper}>\n      {label && (\n        <div className={styles.labelRow}>\n          <label\n            htmlFor={id}\n            className={[styles.label, isDisabled ? styles.labelDisabled : '']\n              .filter(Boolean)\n              .join(' ')}\n          >\n            {label}\n          </label>\n          {iconLabel && (\n            <span className={styles.labelIcon} aria-hidden=\"true\">\n              {iconLabel}\n            </span>\n          )}\n        </div>\n      )}\n\n      <div className={fieldClass}>\n        {iconLeft && (\n          <span className={styles.icon} aria-hidden=\"true\">\n            {iconLeft}\n          </span>\n        )}\n        <input\n          id={id}\n          className={styles.input}\n          placeholder={placeholder}\n          disabled={isDisabled}\n          value={value}\n          onChange={onChange}\n          aria-invalid={isError}\n          aria-describedby={message ? `${id}-message` : undefined}\n          {...props}\n        />\n        {iconRight && (\n          <span className={styles.icon} aria-hidden=\"true\">\n            {iconRight}\n          </span>\n        )}\n      </div>\n\n      {message && (\n        <p\n          id={`${id}-message`}\n          className={[styles.message, isError ? styles.messageError : '']\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {message}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"names":["Input","state","label","placeholder","message","iconLabel","iconLeft","iconRight","value","onChange","idProp","className","props","generatedId","useId","id","isDisabled","isError","fieldClass","styles","jsxs","jsx"],"mappings":";;;AAwBO,SAASA,EAAM;AAAA,EACpB,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,WAAAC;AAAA,EACA,GAAGC;AACL,GAAe;AACb,QAAMC,IAAcC,EAAA,GACdC,IAAKL,KAAUG,GAEfG,IAAaf,MAAU,YACvBgB,IAAUhB,MAAU,SAEpBiB,IAAa;AAAA,IACjBC,EAAO;AAAA,IACPlB,MAAU,UAAUkB,EAAO,QAAQ;AAAA,IACnClB,MAAU,WAAWkB,EAAO,SAAS;AAAA,IACrCH,IAAaG,EAAO,WAAW;AAAA,IAC/BF,IAAUE,EAAO,QAAQ;AAAA,IACzBR;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAO,SACpB,UAAA;AAAA,IAAAjB,KACC,gBAAAkB,EAAC,OAAA,EAAI,WAAWD,EAAO,UACrB,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASN;AAAA,UACT,WAAW,CAACI,EAAO,OAAOH,IAAaG,EAAO,gBAAgB,EAAE,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UAEV,UAAAjB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEFG,uBACE,QAAA,EAAK,WAAWc,EAAO,WAAW,eAAY,QAC5C,UAAAd,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAGF,gBAAAe,EAAC,OAAA,EAAI,WAAWF,GACb,UAAA;AAAA,MAAAZ,uBACE,QAAA,EAAK,WAAWa,EAAO,MAAM,eAAY,QACvC,UAAAb,EAAA,CACH;AAAA,MAEF,gBAAAe;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAAN;AAAA,UACA,WAAWI,EAAO;AAAA,UAClB,aAAAhB;AAAA,UACA,UAAUa;AAAA,UACV,OAAAR;AAAA,UACA,UAAAC;AAAA,UACA,gBAAcQ;AAAA,UACd,oBAAkBb,IAAU,GAAGW,CAAE,aAAa;AAAA,UAC7C,GAAGH;AAAA,QAAA;AAAA,MAAA;AAAA,MAELL,uBACE,QAAA,EAAK,WAAWY,EAAO,MAAM,eAAY,QACvC,UAAAZ,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAECH,KACC,gBAAAiB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI,GAAGN,CAAE;AAAA,QACT,WAAW,CAACI,EAAO,SAASF,IAAUE,EAAO,eAAe,EAAE,EAC3D,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QAEV,UAAAf;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@treeal/ds",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Treeal Design System — React component library with CSS Modules",
   "license": "MIT",
 

package/dist/index.cjs2.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F={brand:{primary:{base:"#203224"},secondary:{base:"#0F6C13"},tertiary:{base:"#E7DA10"}},default:{white:"#FFFFFF",textDark:"#524E69",textMedium:"#9490AC",disabled:"#EFEEF2",border:"#DCE5DE",stepDefault:"#E0DEED",whiteCloud:"#F5F5F5",modalBorder:"#E0DEED",modalTextMedium:"#757094"},message:{info:{base:"#2472BA"},danger:{base:"#FF3A29"}},gray:{900:"#101828",600:"#475467",500:"#667085",300:"#D0D5DD",200:"#EAECF0"},pagination:{active:"#0F6C13",border:"#CED4DA",text:"#101113"},alert:{default:{bg:"#F9F8FC",border:"#DCE5DE",title:"#524E69"},info:{bg:"#F4F9FF",border:"#C9E2FE",title:"#2472BA"},success:{bg:"#F5FBF7",border:"#CAE7D5",title:"#2C7D56"},warning:{bg:"#FFF9E9",border:"#FFDB90",title:"#A36A00"},error:{bg:"#FFF8F6",border:"#FFCABF",title:"#DE0000"}},shadow:{popper:"0px 1px 12px 0px rgba(25,27,35,0.15)"},primary:{600:"#154FEF",500:"#2970FF",400:"#5280FF",200:"#B2C9FF",100:"#DBE8FF"}};exports.colors=F;
-//# sourceMappingURL=index.cjs2.js.map

package/dist/index.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs2.js","sources":["../tokens/colors.ts"],"sourcesContent":["/**\n * Color tokens — extracted directly from Figma (VekfomfsZU4q2iaY1j4VXP)\n * Nodes: BtnsBase (3107:5509), TextField (3105:3885), BaseCheckRadio (3106:4752),\n *        FileUpload (3210:3538), Pagination (3203:662), NavPrimary (3554:548),\n *        Modal (5139:1464), AlertSticky (3114:1706)\n */\n\nexport const colors = {\n  brand: {\n    primary: {\n      /** #203224 — Secondary button bg; Fill button text; Check/Radio checked bg */\n      base: '#203224',\n    },\n    secondary: {\n      /** #0F6C13 — Outline button border & text */\n      base: '#0F6C13',\n    },\n    tertiary: {\n      /** #E7DA10 — Fill button background */\n      base: '#E7DA10',\n    },\n  },\n  default: {\n    /** #FFFFFF — Secondary button text; input background */\n    white: '#FFFFFF',\n    /** #524E69 — Disabled text; input active/error text */\n    textDark: '#524E69',\n    /** #9490AC — Placeholder; input hover/active border; Grayscale/600 */\n    textMedium: '#9490AC',\n    /** #EFEEF2 — Disabled background; input focus ring; Grayscale/100 */\n    disabled: '#EFEEF2',\n    /** #DCE5DE — Default input border; Check/Radio border */\n    border: '#DCE5DE',\n    /** #E0DEED — Grayscale/200 · Default step background */\n    stepDefault: '#E0DEED',\n    /** #F5F5F5 — Default Colors/White Cloud · Nav sidebar background */\n    whiteCloud: '#F5F5F5',\n    /** #E0DEED — Grayscale/200 · Modal slot border */\n    modalBorder: '#E0DEED',\n    /** #757094 — Default Colors/Text medium · Modal slot text, option labels */\n    modalTextMedium: '#757094',\n  },\n  message: {\n    info: {\n      /** #2472BA — Text button text */\n      base: '#2472BA',\n    },\n    danger: {\n      /** #FF3A29 — Error input border & message */\n      base: '#FF3A29',\n    },\n  },\n  /** Gray scale — FileUpload / Gray/x00 tokens */\n  gray: {\n    /** #101828 — Gray/900 · file name, body text */\n    900: '#101828',\n    /** #475467 — Gray/600 · action icon color */\n    600: '#475467',\n    /** #667085 — Gray/500 · file size, muted text */\n    500: '#667085',\n    /** #D0D5DD — Gray/300 · upload drop-zone default border */\n    300: '#D0D5DD',\n    /** #EAECF0 — Gray/200 · file item border, progress track */\n    200: '#EAECF0',\n  },\n  /** Pagination tokens — Pagination (3203:662) */\n  pagination: {\n    /** #0F6C13 — active item bg (= brand.secondary.base) */\n    active: '#0F6C13',\n    /** #CED4DA — Gray/Gray 4 · inactive item border, control border */\n    border: '#CED4DA',\n    /** #101113 — Dark/Dark 9 · page number text */\n    text: '#101113',\n  },\n  /** Alert tokens — AlertSticky (3114:1706) */\n  alert: {\n    default: { bg: '#F9F8FC', border: '#DCE5DE', title: '#524E69' },\n    info:    { bg: '#F4F9FF', border: '#C9E2FE', title: '#2472BA' },\n    success: { bg: '#F5FBF7', border: '#CAE7D5', title: '#2C7D56' },\n    warning: { bg: '#FFF9E9', border: '#FFDB90', title: '#A36A00' },\n    error:   { bg: '#FFF8F6', border: '#FFCABF', title: '#DE0000' },\n  },\n  /** Shadow tokens */\n  shadow: {\n    /** 0px 1px 12px 0px rgba(25,27,35,0.15) — BS-Popper */\n    popper: '0px 1px 12px 0px rgba(25,27,35,0.15)',\n  },\n  /** Blue primary scale — FileUpload / Primary/x00 tokens */\n  primary: {\n    /** #154FEF — Primary/600 · \"browse\" link color */\n    600: '#154FEF',\n    /** #2970FF — Primary/500 · active drop-zone border, progress fill */\n    500: '#2970FF',\n    /** #5280FF — Primary/400 */\n    400: '#5280FF',\n    /** #B2C9FF — Primary/200 · file badge background */\n    200: '#B2C9FF',\n    /** #DBE8FF — Primary/100 · file badge ring, active drop-zone bg */\n    100: '#DBE8FF',\n  },\n} as const;\n\nexport type Colors = typeof colors;\n"],"names":["colors"],"mappings":"gFAOO,MAAMA,EAAS,CACpB,MAAO,CACL,QAAS,CAEP,KAAM,SAAA,EAER,UAAW,CAET,KAAM,SAAA,EAER,SAAU,CAER,KAAM,SAAA,CACR,EAEF,QAAS,CAEP,MAAO,UAEP,SAAU,UAEV,WAAY,UAEZ,SAAU,UAEV,OAAQ,UAER,YAAa,UAEb,WAAY,UAEZ,YAAa,UAEb,gBAAiB,SAAA,EAEnB,QAAS,CACP,KAAM,CAEJ,KAAM,SAAA,EAER,OAAQ,CAEN,KAAM,SAAA,CACR,EAGF,KAAM,CAEJ,IAAK,UAEL,IAAK,UAEL,IAAK,UAEL,IAAK,UAEL,IAAK,SAAA,EAGP,WAAY,CAEV,OAAQ,UAER,OAAQ,UAER,KAAM,SAAA,EAGR,MAAO,CACL,QAAS,CAAE,GAAI,UAAW,OAAQ,UAAW,MAAO,SAAA,EACpD,KAAS,CAAE,GAAI,UAAW,OAAQ,UAAW,MAAO,SAAA,EACpD,QAAS,CAAE,GAAI,UAAW,OAAQ,UAAW,MAAO,SAAA,EACpD,QAAS,CAAE,GAAI,UAAW,OAAQ,UAAW,MAAO,SAAA,EACpD,MAAS,CAAE,GAAI,UAAW,OAAQ,UAAW,MAAO,SAAA,CAAU,EAGhE,OAAQ,CAEN,OAAQ,sCAAA,EAGV,QAAS,CAEP,IAAK,UAEL,IAAK,UAEL,IAAK,UAEL,IAAK,UAEL,IAAK,SAAA,CAET"}

package/dist/index.esm2.js

@@ -1,98 +0,0 @@
-const F = {
-  brand: {
-    primary: {
-      /** #203224 — Secondary button bg; Fill button text; Check/Radio checked bg */
-      base: "#203224"
-    },
-    secondary: {
-      /** #0F6C13 — Outline button border & text */
-      base: "#0F6C13"
-    },
-    tertiary: {
-      /** #E7DA10 — Fill button background */
-      base: "#E7DA10"
-    }
-  },
-  default: {
-    /** #FFFFFF — Secondary button text; input background */
-    white: "#FFFFFF",
-    /** #524E69 — Disabled text; input active/error text */
-    textDark: "#524E69",
-    /** #9490AC — Placeholder; input hover/active border; Grayscale/600 */
-    textMedium: "#9490AC",
-    /** #EFEEF2 — Disabled background; input focus ring; Grayscale/100 */
-    disabled: "#EFEEF2",
-    /** #DCE5DE — Default input border; Check/Radio border */
-    border: "#DCE5DE",
-    /** #E0DEED — Grayscale/200 · Default step background */
-    stepDefault: "#E0DEED",
-    /** #F5F5F5 — Default Colors/White Cloud · Nav sidebar background */
-    whiteCloud: "#F5F5F5",
-    /** #E0DEED — Grayscale/200 · Modal slot border */
-    modalBorder: "#E0DEED",
-    /** #757094 — Default Colors/Text medium · Modal slot text, option labels */
-    modalTextMedium: "#757094"
-  },
-  message: {
-    info: {
-      /** #2472BA — Text button text */
-      base: "#2472BA"
-    },
-    danger: {
-      /** #FF3A29 — Error input border & message */
-      base: "#FF3A29"
-    }
-  },
-  /** Gray scale — FileUpload / Gray/x00 tokens */
-  gray: {
-    /** #101828 — Gray/900 · file name, body text */
-    900: "#101828",
-    /** #475467 — Gray/600 · action icon color */
-    600: "#475467",
-    /** #667085 — Gray/500 · file size, muted text */
-    500: "#667085",
-    /** #D0D5DD — Gray/300 · upload drop-zone default border */
-    300: "#D0D5DD",
-    /** #EAECF0 — Gray/200 · file item border, progress track */
-    200: "#EAECF0"
-  },
-  /** Pagination tokens — Pagination (3203:662) */
-  pagination: {
-    /** #0F6C13 — active item bg (= brand.secondary.base) */
-    active: "#0F6C13",
-    /** #CED4DA — Gray/Gray 4 · inactive item border, control border */
-    border: "#CED4DA",
-    /** #101113 — Dark/Dark 9 · page number text */
-    text: "#101113"
-  },
-  /** Alert tokens — AlertSticky (3114:1706) */
-  alert: {
-    default: { bg: "#F9F8FC", border: "#DCE5DE", title: "#524E69" },
-    info: { bg: "#F4F9FF", border: "#C9E2FE", title: "#2472BA" },
-    success: { bg: "#F5FBF7", border: "#CAE7D5", title: "#2C7D56" },
-    warning: { bg: "#FFF9E9", border: "#FFDB90", title: "#A36A00" },
-    error: { bg: "#FFF8F6", border: "#FFCABF", title: "#DE0000" }
-  },
-  /** Shadow tokens */
-  shadow: {
-    /** 0px 1px 12px 0px rgba(25,27,35,0.15) — BS-Popper */
-    popper: "0px 1px 12px 0px rgba(25,27,35,0.15)"
-  },
-  /** Blue primary scale — FileUpload / Primary/x00 tokens */
-  primary: {
-    /** #154FEF — Primary/600 · "browse" link color */
-    600: "#154FEF",
-    /** #2970FF — Primary/500 · active drop-zone border, progress fill */
-    500: "#2970FF",
-    /** #5280FF — Primary/400 */
-    400: "#5280FF",
-    /** #B2C9FF — Primary/200 · file badge background */
-    200: "#B2C9FF",
-    /** #DBE8FF — Primary/100 · file badge ring, active drop-zone bg */
-    100: "#DBE8FF"
-  }
-};
-export {
-  F as colors
-};
-//# sourceMappingURL=index.esm2.js.map

package/dist/index.esm2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm2.js","sources":["../tokens/colors.ts"],"sourcesContent":["/**\n * Color tokens — extracted directly from Figma (VekfomfsZU4q2iaY1j4VXP)\n * Nodes: BtnsBase (3107:5509), TextField (3105:3885), BaseCheckRadio (3106:4752),\n *        FileUpload (3210:3538), Pagination (3203:662), NavPrimary (3554:548),\n *        Modal (5139:1464), AlertSticky (3114:1706)\n */\n\nexport const colors = {\n  brand: {\n    primary: {\n      /** #203224 — Secondary button bg; Fill button text; Check/Radio checked bg */\n      base: '#203224',\n    },\n    secondary: {\n      /** #0F6C13 — Outline button border & text */\n      base: '#0F6C13',\n    },\n    tertiary: {\n      /** #E7DA10 — Fill button background */\n      base: '#E7DA10',\n    },\n  },\n  default: {\n    /** #FFFFFF — Secondary button text; input background */\n    white: '#FFFFFF',\n    /** #524E69 — Disabled text; input active/error text */\n    textDark: '#524E69',\n    /** #9490AC — Placeholder; input hover/active border; Grayscale/600 */\n    textMedium: '#9490AC',\n    /** #EFEEF2 — Disabled background; input focus ring; Grayscale/100 */\n    disabled: '#EFEEF2',\n    /** #DCE5DE — Default input border; Check/Radio border */\n    border: '#DCE5DE',\n    /** #E0DEED — Grayscale/200 · Default step background */\n    stepDefault: '#E0DEED',\n    /** #F5F5F5 — Default Colors/White Cloud · Nav sidebar background */\n    whiteCloud: '#F5F5F5',\n    /** #E0DEED — Grayscale/200 · Modal slot border */\n    modalBorder: '#E0DEED',\n    /** #757094 — Default Colors/Text medium · Modal slot text, option labels */\n    modalTextMedium: '#757094',\n  },\n  message: {\n    info: {\n      /** #2472BA — Text button text */\n      base: '#2472BA',\n    },\n    danger: {\n      /** #FF3A29 — Error input border & message */\n      base: '#FF3A29',\n    },\n  },\n  /** Gray scale — FileUpload / Gray/x00 tokens */\n  gray: {\n    /** #101828 — Gray/900 · file name, body text */\n    900: '#101828',\n    /** #475467 — Gray/600 · action icon color */\n    600: '#475467',\n    /** #667085 — Gray/500 · file size, muted text */\n    500: '#667085',\n    /** #D0D5DD — Gray/300 · upload drop-zone default border */\n    300: '#D0D5DD',\n    /** #EAECF0 — Gray/200 · file item border, progress track */\n    200: '#EAECF0',\n  },\n  /** Pagination tokens — Pagination (3203:662) */\n  pagination: {\n    /** #0F6C13 — active item bg (= brand.secondary.base) */\n    active: '#0F6C13',\n    /** #CED4DA — Gray/Gray 4 · inactive item border, control border */\n    border: '#CED4DA',\n    /** #101113 — Dark/Dark 9 · page number text */\n    text: '#101113',\n  },\n  /** Alert tokens — AlertSticky (3114:1706) */\n  alert: {\n    default: { bg: '#F9F8FC', border: '#DCE5DE', title: '#524E69' },\n    info:    { bg: '#F4F9FF', border: '#C9E2FE', title: '#2472BA' },\n    success: { bg: '#F5FBF7', border: '#CAE7D5', title: '#2C7D56' },\n    warning: { bg: '#FFF9E9', border: '#FFDB90', title: '#A36A00' },\n    error:   { bg: '#FFF8F6', border: '#FFCABF', title: '#DE0000' },\n  },\n  /** Shadow tokens */\n  shadow: {\n    /** 0px 1px 12px 0px rgba(25,27,35,0.15) — BS-Popper */\n    popper: '0px 1px 12px 0px rgba(25,27,35,0.15)',\n  },\n  /** Blue primary scale — FileUpload / Primary/x00 tokens */\n  primary: {\n    /** #154FEF — Primary/600 · \"browse\" link color */\n    600: '#154FEF',\n    /** #2970FF — Primary/500 · active drop-zone border, progress fill */\n    500: '#2970FF',\n    /** #5280FF — Primary/400 */\n    400: '#5280FF',\n    /** #B2C9FF — Primary/200 · file badge background */\n    200: '#B2C9FF',\n    /** #DBE8FF — Primary/100 · file badge ring, active drop-zone bg */\n    100: '#DBE8FF',\n  },\n} as const;\n\nexport type Colors = typeof colors;\n"],"names":["colors"],"mappings":"AAOO,MAAMA,IAAS;AAAA,EACpB,OAAO;AAAA,IACL,SAAS;AAAA;AAAA,MAEP,MAAM;AAAA,IAAA;AAAA,IAER,WAAW;AAAA;AAAA,MAET,MAAM;AAAA,IAAA;AAAA,IAER,UAAU;AAAA;AAAA,MAER,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,SAAS;AAAA;AAAA,IAEP,OAAO;AAAA;AAAA,IAEP,UAAU;AAAA;AAAA,IAEV,YAAY;AAAA;AAAA,IAEZ,UAAU;AAAA;AAAA,IAEV,QAAQ;AAAA;AAAA,IAER,aAAa;AAAA;AAAA,IAEb,YAAY;AAAA;AAAA,IAEZ,aAAa;AAAA;AAAA,IAEb,iBAAiB;AAAA,EAAA;AAAA,EAEnB,SAAS;AAAA,IACP,MAAM;AAAA;AAAA,MAEJ,MAAM;AAAA,IAAA;AAAA,IAER,QAAQ;AAAA;AAAA,MAEN,MAAM;AAAA,IAAA;AAAA,EACR;AAAA;AAAA,EAGF,MAAM;AAAA;AAAA,IAEJ,KAAK;AAAA;AAAA,IAEL,KAAK;AAAA;AAAA,IAEL,KAAK;AAAA;AAAA,IAEL,KAAK;AAAA;AAAA,IAEL,KAAK;AAAA,EAAA;AAAA;AAAA,EAGP,YAAY;AAAA;AAAA,IAEV,QAAQ;AAAA;AAAA,IAER,QAAQ;AAAA;AAAA,IAER,MAAM;AAAA,EAAA;AAAA;AAAA,EAGR,OAAO;AAAA,IACL,SAAS,EAAE,IAAI,WAAW,QAAQ,WAAW,OAAO,UAAA;AAAA,IACpD,MAAS,EAAE,IAAI,WAAW,QAAQ,WAAW,OAAO,UAAA;AAAA,IACpD,SAAS,EAAE,IAAI,WAAW,QAAQ,WAAW,OAAO,UAAA;AAAA,IACpD,SAAS,EAAE,IAAI,WAAW,QAAQ,WAAW,OAAO,UAAA;AAAA,IACpD,OAAS,EAAE,IAAI,WAAW,QAAQ,WAAW,OAAO,UAAA;AAAA,EAAU;AAAA;AAAA,EAGhE,QAAQ;AAAA;AAAA,IAEN,QAAQ;AAAA,EAAA;AAAA;AAAA,EAGV,SAAS;AAAA;AAAA,IAEP,KAAK;AAAA;AAAA,IAEL,KAAK;AAAA;AAAA,IAEL,KAAK;AAAA;AAAA,IAEL,KAAK;AAAA;AAAA,IAEL,KAAK;AAAA,EAAA;AAET;"}