@fangxinyan/lumina 0.1.6 → 0.2.1

package/dist/chunk-PBBHUUXU.cjs

@@ -0,0 +1,133 @@
+'use strict';
+
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Slider-X4PVA65R.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/components/Slider/Slider.tsx
+var asArray = (v, fallback) => {
+  if (v === void 0) return [fallback];
+  return Array.isArray(v) ? [...v] : [v];
+};
+var Slider = (props) => {
+  const {
+    min = 0,
+    max = 100,
+    step = 1,
+    disabled,
+    showValue,
+    tone = "accent",
+    marks,
+    className = ""
+  } = props;
+  const range = props.range === true;
+  const value = props.value;
+  const defaultValue = props.defaultValue;
+  const onChange = props.onChange;
+  const initial = React__namespace.useMemo(() => {
+    if (defaultValue !== void 0) return asArray(defaultValue, 0);
+    return range ? [min, max] : [0];
+  }, []);
+  const [inner, setInner] = React__namespace.useState(initial);
+  const isControlled = value !== void 0;
+  const nums = isControlled ? asArray(value, range ? min : 0) : inner;
+  const pctOf = (n) => (n - min) / (max - min) * 100;
+  const emit = (arr) => {
+    if (range) {
+      onChange?.([arr[0], arr[1]]);
+    } else {
+      onChange?.(arr[0]);
+    }
+  };
+  const updateAt = (index, next) => {
+    const clamped = Math.max(min, Math.min(max, next));
+    const out = [...nums];
+    out[index] = clamped;
+    if (range && out.length === 2 && out[0] > out[1]) {
+      out.sort((a, b) => a - b);
+    }
+    if (!isControlled) setInner(out);
+    emit(out);
+  };
+  const handleMarkClick = (mark) => {
+    if (disabled) return;
+    if (!range) {
+      updateAt(0, mark);
+      return;
+    }
+    const [a, b] = nums;
+    const closerIndex = Math.abs(a - mark) <= Math.abs(b - mark) ? 0 : 1;
+    updateAt(closerIndex, mark);
+  };
+  const fillLeft = range ? pctOf(Math.min(nums[0], nums[1])) : 0;
+  const fillRight = range ? 100 - pctOf(Math.max(nums[0], nums[1])) : 100 - pctOf(nums[0]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `slider ${tone} ${disabled ? "disabled" : ""} ${marks ? "has-marks" : ""} ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "slider-track", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "slider-fill",
+        style: { left: `${fillLeft}%`, right: `${fillRight}%` }
+      }
+    ) }),
+    nums.map((n, i) => /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "slider-thumb", style: { left: `${pctOf(n)}%` } }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "range",
+          min,
+          max,
+          step,
+          value: n,
+          disabled,
+          onChange: (e) => updateAt(i, Number(e.target.value))
+        }
+      )
+    ] }, i)),
+    showValue && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "slider-value", children: range ? `${nums[0]} \u2013 ${nums[1]}` : nums[0] }),
+    marks && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "slider-marks", children: Object.entries(marks).map(([k, label]) => {
+      const n = Number(k);
+      const left = pctOf(n);
+      const active = range ? n >= Math.min(nums[0], nums[1]) && n <= Math.max(nums[0], nums[1]) : n <= nums[0];
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: `slider-mark ${active ? "active" : ""}`,
+          style: { left: `${left}%` },
+          onClick: () => handleMarkClick(n),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "slider-mark-dot" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "slider-mark-label", children: label })
+          ]
+        },
+        k
+      );
+    }) })
+  ] });
+};
+
+exports.Slider = Slider;
+//# sourceMappingURL=chunk-PBBHUUXU.cjs.map
+//# sourceMappingURL=chunk-PBBHUUXU.cjs.map

package/dist/chunk-PBBHUUXU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Slider/Slider.tsx"],"names":["React","jsxs","jsx"],"mappings":"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","file":"chunk-PBBHUUXU.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Slider.css\";\nimport * as React from \"react\";\n\nexport type SliderSingleValue = number;\nexport type SliderRangeValue = [number, number];\nexport type SliderValue = SliderSingleValue | SliderRangeValue;\n\ninterface SliderBaseProps {\n  min?: number;\n  max?: number;\n  step?: number;\n  disabled?: boolean;\n  showValue?: boolean;\n  tone?: \"accent\" | \"success\" | \"warning\" | \"danger\";\n  /** Tick marks with labels. Clicking a mark snaps to it. */\n  marks?: Record<number, React.ReactNode>;\n  className?: string;\n}\n\nexport interface SliderSingleProps extends SliderBaseProps {\n  range?: false;\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n}\n\nexport interface SliderRangeProps extends SliderBaseProps {\n  range: true;\n  value?: SliderRangeValue;\n  defaultValue?: SliderRangeValue;\n  onChange?: (value: SliderRangeValue) => void;\n}\n\nexport type SliderProps = SliderSingleProps | SliderRangeProps;\n\nconst asArray = (v: SliderValue | undefined, fallback: number): number[] => {\n  if (v === undefined) return [fallback];\n  return Array.isArray(v) ? [...v] : [v];\n};\n\n/** `Slider` — neumorphic range input with grooved track. */\nexport const Slider: React.FC<SliderProps> = (props) => {\n  const {\n    min = 0,\n    max = 100,\n    step = 1,\n    disabled,\n    showValue,\n    tone = \"accent\",\n    marks,\n    className = \"\",\n  } = props;\n\n  const range = (props as SliderRangeProps).range === true;\n  const value = (props as { value?: SliderValue }).value;\n  const defaultValue = (props as { defaultValue?: SliderValue }).defaultValue;\n  const onChange = (props as { onChange?: (v: SliderValue) => void }).onChange;\n\n  const initial = React.useMemo<number[]>(() => {\n    if (defaultValue !== undefined) return asArray(defaultValue, 0);\n    return range ? [min, max] : [0];\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const [inner, setInner] = React.useState<number[]>(initial);\n  const isControlled = value !== undefined;\n  const nums = isControlled ? asArray(value, range ? min : 0) : inner;\n\n  const pctOf = (n: number) => ((n - min) / (max - min)) * 100;\n\n  const emit = (arr: number[]) => {\n    if (range) {\n      onChange?.([arr[0], arr[1]] as SliderRangeValue);\n    } else {\n      onChange?.(arr[0]);\n    }\n  };\n\n  const updateAt = (index: number, next: number) => {\n    const clamped = Math.max(min, Math.min(max, next));\n    const out = [...nums];\n    out[index] = clamped;\n    if (range && out.length === 2 && out[0] > out[1]) {\n      out.sort((a, b) => a - b);\n    }\n    if (!isControlled) setInner(out);\n    emit(out);\n  };\n\n  const handleMarkClick = (mark: number) => {\n    if (disabled) return;\n    if (!range) {\n      updateAt(0, mark);\n      return;\n    }\n    const [a, b] = nums;\n    const closerIndex = Math.abs(a - mark) <= Math.abs(b - mark) ? 0 : 1;\n    updateAt(closerIndex, mark);\n  };\n\n  const fillLeft = range ? pctOf(Math.min(nums[0], nums[1])) : 0;\n  const fillRight = range\n    ? 100 - pctOf(Math.max(nums[0], nums[1]))\n    : 100 - pctOf(nums[0]);\n\n  return (\n    <div className={`slider ${tone} ${disabled ? \"disabled\" : \"\"} ${marks ? \"has-marks\" : \"\"} ${className}`}>\n      <div className=\"slider-track\">\n        <div\n          className=\"slider-fill\"\n          style={{ left: `${fillLeft}%`, right: `${fillRight}%` }}\n        />\n      </div>\n      {nums.map((n, i) => (\n        <React.Fragment key={i}>\n          <div className=\"slider-thumb\" style={{ left: `${pctOf(n)}%` }} />\n          <input\n            type=\"range\"\n            min={min}\n            max={max}\n            step={step}\n            value={n}\n            disabled={disabled}\n            onChange={(e) => updateAt(i, Number(e.target.value))}\n          />\n        </React.Fragment>\n      ))}\n      {showValue && (\n        <span className=\"slider-value\">\n          {range ? `${nums[0]} – ${nums[1]}` : nums[0]}\n        </span>\n      )}\n      {marks && (\n        <div className=\"slider-marks\">\n          {Object.entries(marks).map(([k, label]) => {\n            const n = Number(k);\n            const left = pctOf(n);\n            const active = range\n              ? n >= Math.min(nums[0], nums[1]) && n <= Math.max(nums[0], nums[1])\n              : n <= nums[0];\n            return (\n              <span\n                key={k}\n                className={`slider-mark ${active ? \"active\" : \"\"}`}\n                style={{ left: `${left}%` }}\n                onClick={() => handleMarkClick(n)}\n              >\n                <span className=\"slider-mark-dot\" />\n                <span className=\"slider-mark-label\">{label}</span>\n              </span>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/chunk-RDLPX7RK.cjs

@@ -0,0 +1,95 @@
+'use strict';
+
+var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Accordion-3TQPKNN3.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Accordion = ({
+  items,
+  multiple = false,
+  accordion = false,
+  collapsible = "header",
+  activeKeys,
+  defaultActiveKeys = [],
+  onChange,
+  className = ""
+}) => {
+  const [inner, setInner] = React__namespace.useState(defaultActiveKeys);
+  const isControlled = activeKeys !== void 0;
+  const keys = isControlled ? activeKeys : inner;
+  const singleOpen = accordion || !multiple;
+  const toggle = (k, itemDisabled) => {
+    if (collapsible === "disabled" || itemDisabled) return;
+    const next = keys.includes(k) ? keys.filter((x) => x !== k) : singleOpen ? [k] : [...keys, k];
+    if (!isControlled) setInner(next);
+    onChange?.(next);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `accordion ${className}`, children: items.map((it) => {
+    const open = keys.includes(it.key);
+    const isDisabled = it.disabled || collapsible === "disabled";
+    const headerClickable = collapsible === "header" && !isDisabled;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `accordion-item ${open ? "open" : ""} ${isDisabled ? "disabled" : ""} ${collapsible === "icon" ? "icon-only" : ""}`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              className: "accordion-head",
+              disabled: isDisabled,
+              onClick: () => headerClickable && toggle(it.key, it.disabled),
+              "aria-expanded": open,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: it.title }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: `accordion-chev${collapsible === "icon" ? " clickable" : ""}`,
+                    onClick: (e) => {
+                      if (collapsible === "icon" && !isDisabled) {
+                        e.stopPropagation();
+                        toggle(it.key, it.disabled);
+                      }
+                    },
+                    children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "chevDown", size: 16 })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "accordion-body", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "accordion-body-inner", children: it.content }) })
+        ]
+      },
+      it.key
+    );
+  }) });
+};
+
+exports.Accordion = Accordion;
+//# sourceMappingURL=chunk-RDLPX7RK.cjs.map
+//# sourceMappingURL=chunk-RDLPX7RK.cjs.map

package/dist/chunk-RDLPX7RK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Accordion/Accordion.tsx"],"names":["React","jsx","jsxs","Icon"],"mappings":"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","file":"chunk-RDLPX7RK.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Accordion.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\n\nexport interface AccordionItem {\n  key: string;\n  title: React.ReactNode;\n  content: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface AccordionProps {\n  items: AccordionItem[];\n  /** If true, multiple sections can be open at once. */\n  multiple?: boolean;\n  /**\n   * Accordion mode — at most one item open at a time. Takes precedence over `multiple`\n   * when both are set.\n   */\n  accordion?: boolean;\n  /**\n   * What triggers expansion.\n   * - `\"header\"` (default): clicking anywhere on the header toggles.\n   * - `\"icon\"`: only the chevron icon is clickable.\n   * - `\"disabled\"`: the panel cannot be toggled.\n   */\n  collapsible?: \"header\" | \"icon\" | \"disabled\";\n  activeKeys?: string[];\n  defaultActiveKeys?: string[];\n  onChange?: (keys: string[]) => void;\n  className?: string;\n}\n\n/** `Accordion` — collapsible sections. */\nexport const Accordion: React.FC<AccordionProps> = ({\n  items,\n  multiple = false,\n  accordion = false,\n  collapsible = \"header\",\n  activeKeys,\n  defaultActiveKeys = [],\n  onChange,\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState<string[]>(defaultActiveKeys);\n  const isControlled = activeKeys !== undefined;\n  const keys = isControlled ? activeKeys! : inner;\n\n  // accordion takes precedence over multiple\n  const singleOpen = accordion || !multiple;\n\n  const toggle = (k: string, itemDisabled?: boolean) => {\n    if (collapsible === \"disabled\" || itemDisabled) return;\n    const next = keys.includes(k)\n      ? keys.filter((x) => x !== k)\n      : singleOpen\n      ? [k]\n      : [...keys, k];\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n\n  return (\n    <div className={`accordion ${className}`}>\n      {items.map((it) => {\n        const open = keys.includes(it.key);\n        const isDisabled = it.disabled || collapsible === \"disabled\";\n        const headerClickable = collapsible === \"header\" && !isDisabled;\n        return (\n          <div\n            key={it.key}\n            className={`accordion-item ${open ? \"open\" : \"\"} ${isDisabled ? \"disabled\" : \"\"} ${collapsible === \"icon\" ? \"icon-only\" : \"\"}`}\n          >\n            <button\n              type=\"button\"\n              className=\"accordion-head\"\n              disabled={isDisabled}\n              onClick={() => headerClickable && toggle(it.key, it.disabled)}\n              aria-expanded={open}\n            >\n              <span>{it.title}</span>\n              <span\n                className={`accordion-chev${collapsible === \"icon\" ? \" clickable\" : \"\"}`}\n                onClick={(e) => {\n                  if (collapsible === \"icon\" && !isDisabled) {\n                    e.stopPropagation();\n                    toggle(it.key, it.disabled);\n                  }\n                }}\n              >\n                <Icon name=\"chevDown\" size={16} />\n              </span>\n            </button>\n            <div className=\"accordion-body\">\n              <div className=\"accordion-body-inner\">{it.content}</div>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"]}