@fangxinyan/lumina 0.1.3 → 0.1.5

package/dist/{Cascader-TO2QMSLJ.css → Cascader-DTRTTXC2.css}

@@ -25,10 +25,7 @@
 .cascader-trigger.placeholder { color: var(--fg-subtle); }
 .cascader.open .cascader-trigger { box-shadow: var(--neu-in-sm); color: var(--accent-ink); }
 .cascader-panel {
-  position: absolute;
-  top: calc(100% + 8px);
-  left: 0;
-  z-index: 50;
+  z-index: 1000;
   display: flex;
   background: var(--bg);
   border-radius: var(--r-md);

package/dist/Cascader.cjs

@@ -1,13 +1,14 @@
 'use strict';
 
-var chunkZXM247EM_cjs = require('./chunk-ZXM247EM.cjs');
+var chunkTWBJCFEJ_cjs = require('./chunk-TWBJCFEJ.cjs');
+require('./chunk-RZ2E3XEU.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Cascader", {
   enumerable: true,
-  get: function () { return chunkZXM247EM_cjs.Cascader; }
+  get: function () { return chunkTWBJCFEJ_cjs.Cascader; }
 });
 //# sourceMappingURL=Cascader.cjs.map
 //# sourceMappingURL=Cascader.cjs.map

package/dist/Cascader.js

@@ -1,4 +1,5 @@
-export { Cascader } from './chunk-XRZ5OKZH.js';
+export { Cascader } from './chunk-OEHCA5IV.js';
+import './chunk-V2DIQ3RH.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Cascader.js.map
 //# sourceMappingURL=Cascader.js.map

package/dist/ColorPicker-GP7AQYUU.css

@@ -0,0 +1,233 @@
+/* ============================================================================
+ * Container & trigger
+ * ========================================================================== */
+
+.cp {
+  position: relative;
+  display: inline-block;
+}
+
+.cp-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 4px;
+  border: none;
+  background: var(--bg);
+  box-shadow: var(--neu-flat);
+  border-radius: 10px;
+  cursor: pointer;
+  transition: box-shadow var(--dur) var(--ease);
+  color: var(--fg);
+  font: inherit;
+}
+.cp-trigger:hover:not(:disabled) {
+  box-shadow: var(--neu-out);
+}
+.cp-trigger:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.cp-trigger.sm { padding: 3px; }
+.cp-trigger.lg { padding: 6px; }
+
+.cp-custom-trigger {
+  padding: 0;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: inherit;
+  font: inherit;
+}
+.cp-custom-trigger:disabled { opacity: 0.5; cursor: not-allowed; }
+
+.cp-swatch {
+  display: inline-block;
+  width: 22px;
+  height: 22px;
+  border-radius: 6px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), var(--neu-in-sm);
+  background-clip: padding-box;
+}
+.cp-trigger.sm .cp-swatch { width: 18px; height: 18px; border-radius: 5px; }
+.cp-trigger.lg .cp-swatch { width: 28px; height: 28px; border-radius: 8px; }
+
+.cp-swatch.sm {
+  width: 26px;
+  height: 26px;
+  border-radius: 7px;
+}
+
+.cp-text {
+  font-family: var(--font-mono);
+  font-size: 12px;
+  color: var(--fg-muted);
+  padding-right: 6px;
+}
+
+/* ============================================================================
+ * Panel
+ * ========================================================================== */
+
+.cp-panel {
+  position: fixed;
+  z-index: 1000;
+  width: 232px;
+  padding: 12px;
+  background: var(--bg);
+  border-radius: var(--r-md);
+  box-shadow: var(--neu-out);
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  animation: cpFadeIn var(--dur) var(--ease);
+}
+
+@keyframes cpFadeIn {
+  from { opacity: 0; transform: translateY(-2px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+
+/* ============================================================================
+ * Saturation / value board
+ * ========================================================================== */
+
+.cp-board {
+  position: relative;
+  width: 100%;
+  height: 140px;
+  border-radius: 8px;
+  overflow: hidden;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  cursor: crosshair;
+  touch-action: none;
+  user-select: none;
+}
+
+.cp-board-white,
+.cp-board-black {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+}
+.cp-board-white {
+  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
+}
+.cp-board-black {
+  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
+}
+
+.cp-board-thumb {
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: transparent;
+  border: 2px solid #fff;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.3);
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+}
+
+/* ============================================================================
+ * Hue slider
+ * ========================================================================== */
+
+.cp-hue {
+  position: relative;
+  height: 10px;
+  border-radius: 999px;
+  background: linear-gradient(
+    to right,
+    hsl(0, 100%, 50%),
+    hsl(60, 100%, 50%),
+    hsl(120, 100%, 50%),
+    hsl(180, 100%, 50%),
+    hsl(240, 100%, 50%),
+    hsl(300, 100%, 50%),
+    hsl(360, 100%, 50%)
+  );
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+  cursor: pointer;
+  touch-action: none;
+  user-select: none;
+}
+.cp-hue-thumb {
+  position: absolute;
+  top: 50%;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: #fff;
+  border: 2px solid #fff;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.3);
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+}
+
+/* ============================================================================
+ * Input & presets
+ * ========================================================================== */
+
+.cp-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.cp-input {
+  flex: 1;
+  height: 28px;
+  padding: 0 10px;
+  border: none;
+  outline: none;
+  background: var(--bg-sunken);
+  box-shadow: var(--neu-in-sm);
+  border-radius: 7px;
+  font-family: var(--font-mono);
+  font-size: 12px;
+  color: var(--fg);
+  text-transform: lowercase;
+}
+.cp-input:focus {
+  box-shadow: var(--neu-in-sm), 0 0 0 2px var(--accent-soft);
+}
+
+.cp-presets {
+  display: grid;
+  grid-template-columns: repeat(10, 1fr);
+  gap: 6px;
+}
+.cp-preset {
+  width: 100%;
+  aspect-ratio: 1 / 1;
+  border-radius: 5px;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
+  transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
+}
+.cp-preset:hover {
+  transform: scale(1.1);
+}
+.cp-preset.active {
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), 0 0 0 2px var(--accent);
+}
+
+/* Dark mode tweaks */
+[data-theme="dark"] .cp-swatch {
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12), var(--neu-in-sm);
+}
+[data-theme="dark"] .cp-preset {
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+[data-theme="dark"] .cp-preset.active {
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 0 2px var(--accent);
+}
+[data-theme="dark"] .cp-board {
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+[data-theme="dark"] .cp-hue {
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}

package/dist/ColorPicker.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkQTGDYQOT_cjs = require('./chunk-QTGDYQOT.cjs');
+require('./chunk-RZ2E3XEU.cjs');
+
+
+
+Object.defineProperty(exports, "ColorPicker", {
+  enumerable: true,
+  get: function () { return chunkQTGDYQOT_cjs.ColorPicker; }
+});
+//# sourceMappingURL=ColorPicker.cjs.map
+//# sourceMappingURL=ColorPicker.cjs.map

package/dist/ColorPicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ColorPicker.cjs"}

package/dist/ColorPicker.d.cts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+
+interface ColorPickerProps {
+    /** Controlled hex color (e.g. "#ff6b6b"). */
+    value?: string;
+    /** Initial hex when uncontrolled. */
+    defaultValue?: string;
+    /** Fires on every pixel of drag / input edit. */
+    onChange?: (hex: string) => void;
+    /** Fires once when a drag / input / preset commit finishes. */
+    onChangeComplete?: (hex: string) => void;
+    /** Disable the trigger. */
+    disabled?: boolean;
+    /** Size of the swatch trigger. */
+    size?: "sm" | "md" | "lg";
+    /** Where the panel appears relative to the trigger. */
+    placement?: "top" | "bottom" | "left" | "right";
+    /** Hex preset chips below the panel. */
+    presets?: string[];
+    /** Show the current hex next to the swatch. */
+    showText?: boolean;
+    /** Custom trigger; defaults to a swatch chip. */
+    children?: React.ReactNode;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Initial open state when uncontrolled. */
+    defaultOpen?: boolean;
+    /** Called when open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * `ColorPicker` — neumorphic color picker with HSV panel, hue slider,
+ * hex input and optional preset palette.
+ *
+ * @example
+ * <ColorPicker defaultValue="#845ef7" onChange={setColor} />
+ */
+declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { ColorPicker, type ColorPickerProps };

package/dist/ColorPicker.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+
+interface ColorPickerProps {
+    /** Controlled hex color (e.g. "#ff6b6b"). */
+    value?: string;
+    /** Initial hex when uncontrolled. */
+    defaultValue?: string;
+    /** Fires on every pixel of drag / input edit. */
+    onChange?: (hex: string) => void;
+    /** Fires once when a drag / input / preset commit finishes. */
+    onChangeComplete?: (hex: string) => void;
+    /** Disable the trigger. */
+    disabled?: boolean;
+    /** Size of the swatch trigger. */
+    size?: "sm" | "md" | "lg";
+    /** Where the panel appears relative to the trigger. */
+    placement?: "top" | "bottom" | "left" | "right";
+    /** Hex preset chips below the panel. */
+    presets?: string[];
+    /** Show the current hex next to the swatch. */
+    showText?: boolean;
+    /** Custom trigger; defaults to a swatch chip. */
+    children?: React.ReactNode;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Initial open state when uncontrolled. */
+    defaultOpen?: boolean;
+    /** Called when open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * `ColorPicker` — neumorphic color picker with HSV panel, hue slider,
+ * hex input and optional preset palette.
+ *
+ * @example
+ * <ColorPicker defaultValue="#845ef7" onChange={setColor} />
+ */
+declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { ColorPicker, type ColorPickerProps };

package/dist/ColorPicker.js

@@ -0,0 +1,4 @@
+export { ColorPicker } from './chunk-RPD2OIIP.js';
+import './chunk-V2DIQ3RH.js';
+//# sourceMappingURL=ColorPicker.js.map
+//# sourceMappingURL=ColorPicker.js.map

package/dist/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ColorPicker.js"}

package/dist/Popover-MGCMOXYP.css

@@ -0,0 +1,10 @@
+/* ============ Popover ============ */
+.popover {
+  z-index: 1000;
+  background: var(--bg);
+  border-radius: var(--r-md);
+  padding: var(--gap-3);
+  min-width: 220px;
+  box-shadow: var(--neu-out-lg);
+  animation: menuIn var(--dur) var(--ease);
+}

package/dist/Popover.cjs

@@ -1,12 +1,13 @@
 'use strict';
 
-var chunkU6ODMPTI_cjs = require('./chunk-U6ODMPTI.cjs');
+var chunkHKAQILD2_cjs = require('./chunk-HKAQILD2.cjs');
+require('./chunk-RZ2E3XEU.cjs');
 
 
 
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function () { return chunkU6ODMPTI_cjs.Popover; }
+  get: function () { return chunkHKAQILD2_cjs.Popover; }
 });
 //# sourceMappingURL=Popover.cjs.map
 //# sourceMappingURL=Popover.cjs.map

package/dist/Popover.js

@@ -1,3 +1,4 @@
-export { Popover } from './chunk-OUJBCNWD.js';
+export { Popover } from './chunk-NE4YEBFH.js';
+import './chunk-V2DIQ3RH.js';
 //# sourceMappingURL=Popover.js.map
 //# sourceMappingURL=Popover.js.map

package/dist/{Select-DDJJBQEL.css → Select-EDG37C37.css}

@@ -218,15 +218,12 @@
 }
 
 .menu {
-  position: absolute;
-  top: calc(100% + 8px);
-  left: 0; right: 0;
   background: var(--bg);
   border-radius: var(--r-md);
   box-shadow: var(--neu-out-lg);
   padding: 6px;
   min-width: 180px;
-  z-index: 50;
+  z-index: 1000;
   animation: menuIn var(--dur) var(--ease);
   max-height: 260px;
   overflow-y: auto;

package/dist/Select.cjs

@@ -1,14 +1,15 @@
 'use strict';
 
-var chunkZMDVK2U3_cjs = require('./chunk-ZMDVK2U3.cjs');
+var chunkKGYLUZOU_cjs = require('./chunk-KGYLUZOU.cjs');
 require('./chunk-VMHNKD3N.cjs');
+require('./chunk-RZ2E3XEU.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkZMDVK2U3_cjs.Select; }
+  get: function () { return chunkKGYLUZOU_cjs.Select; }
 });
 //# sourceMappingURL=Select.cjs.map
 //# sourceMappingURL=Select.cjs.map

package/dist/Select.js

@@ -1,5 +1,6 @@
-export { Select } from './chunk-T5AH4FCV.js';
+export { Select } from './chunk-OYH6A7IQ.js';
 import './chunk-3QWHDCHJ.js';
+import './chunk-V2DIQ3RH.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Select.js.map
 //# sourceMappingURL=Select.js.map

package/dist/Slider.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkV2ZUOEXM_cjs = require('./chunk-V2ZUOEXM.cjs');
+var chunkIBZAGURN_cjs = require('./chunk-IBZAGURN.cjs');
 
 
 
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
-  get: function () { return chunkV2ZUOEXM_cjs.Slider; }
+  get: function () { return chunkIBZAGURN_cjs.Slider; }
 });
 //# sourceMappingURL=Slider.cjs.map
 //# sourceMappingURL=Slider.cjs.map

package/dist/Slider.js

@@ -1,3 +1,3 @@
-export { Slider } from './chunk-6YVW3VYL.js';
+export { Slider } from './chunk-7UJI437T.js';
 //# sourceMappingURL=Slider.js.map
 //# sourceMappingURL=Slider.js.map

package/dist/{Tooltip-RT4BOVTD.css → Tooltip-ST24GY4S.css}

@@ -4,7 +4,6 @@
   display: inline-flex;
 }
 .tip {
-  position: absolute;
   background: var(--bg-sunken);
   color: var(--fg);
   padding: 6px 10px;
@@ -15,9 +14,5 @@
   box-shadow: var(--neu-out-sm);
   pointer-events: none;
   animation: fadeIn var(--dur) var(--ease);
-  z-index: 100;
+  z-index: 1000;
 }
-.tip.top    { bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); }
-.tip.bottom { top:    calc(100% + 8px); left: 50%; transform: translateX(-50%); }
-.tip.left   { right: calc(100% + 8px); top: 50%; transform: translateY(-50%); }
-.tip.right  { left:  calc(100% + 8px); top: 50%; transform: translateY(-50%); }

package/dist/Tooltip.cjs

@@ -1,12 +1,13 @@
 'use strict';
 
-var chunkRMD6KQ4H_cjs = require('./chunk-RMD6KQ4H.cjs');
+var chunk3UFU63X7_cjs = require('./chunk-3UFU63X7.cjs');
+require('./chunk-RZ2E3XEU.cjs');
 
 
 
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkRMD6KQ4H_cjs.Tooltip; }
+  get: function () { return chunk3UFU63X7_cjs.Tooltip; }
 });
 //# sourceMappingURL=Tooltip.cjs.map
 //# sourceMappingURL=Tooltip.cjs.map

package/dist/Tooltip.js

@@ -1,3 +1,4 @@
-export { Tooltip } from './chunk-Y6FVCCUE.js';
+export { Tooltip } from './chunk-WNGG25QX.js';
+import './chunk-V2DIQ3RH.js';
 //# sourceMappingURL=Tooltip.js.map
 //# sourceMappingURL=Tooltip.js.map

package/dist/{chunk-RMD6KQ4H.cjs → chunk-3UFU63X7.cjs}

@@ -1,9 +1,11 @@
 'use strict';
 
+var chunkRZ2E3XEU_cjs = require('./chunk-RZ2E3XEU.cjs');
 require('./tokens-HWQ7KWPG.css');
 require('./shared-NJHRNLRH.css');
-require('./Tooltip-RT4BOVTD.css');
+require('./Tooltip-ST24GY4S.css');
 var React = require('react');
+var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -26,7 +28,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// src/components/Tooltip/Tooltip.tsx
 var Tooltip = ({
   content,
   placement = "top",
@@ -45,12 +46,33 @@ var Tooltip = ({
     window.clearTimeout(t.current);
     setShow(false);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tip-anchor", onMouseEnter: open, onMouseLeave: close, onFocus: open, onBlur: close, children: [
-    children,
-    show && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `tip ${placement}`, children: content })
+  const { triggerRef, floatingStyle, placement: resolved } = chunkRZ2E3XEU_cjs.useFloating({
+    open: show,
+    placement,
+    panelWidth: 160,
+    panelHeight: 32,
+    alignCross: "center"
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ref: triggerRef,
+        className: "tip-anchor",
+        onMouseEnter: open,
+        onMouseLeave: close,
+        onFocus: open,
+        onBlur: close,
+        children
+      }
+    ),
+    show && typeof document !== "undefined" && reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `tip ${resolved}`, style: floatingStyle, children: content }),
+      document.body
+    )
   ] });
 };
 
 exports.Tooltip = Tooltip;
-//# sourceMappingURL=chunk-RMD6KQ4H.cjs.map
-//# sourceMappingURL=chunk-RMD6KQ4H.cjs.map
+//# sourceMappingURL=chunk-3UFU63X7.cjs.map
+//# sourceMappingURL=chunk-3UFU63X7.cjs.map

package/dist/chunk-3UFU63X7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"names":["React","useFloating","jsxs","Fragment","jsx","createPortal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,IAAM,UAAkC,CAAC;AAAA,EAC9C,OAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA;AAAA,EACA,KAAA,GAAQ,GAAA;AAAA,EACR;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUA,0BAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,IAAUA,gBAAA,CAAA,MAAA,EAA2B;AAE3C,EAAA,MAAM,OAAO,MAAM;AACjB,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,MAAA,CAAO,YAAA,CAAa,EAAE,OAAO,CAAA;AAC7B,IAAA,CAAA,CAAE,UAAU,MAAA,CAAO,UAAA,CAAW,MAAM,OAAA,CAAQ,IAAI,GAAG,KAAK,CAAA;AAAA,EAC1D,CAAA;AACA,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAA,MAAA,CAAO,YAAA,CAAa,EAAE,OAAO,CAAA;AAC7B,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,EACf,CAAA;AAEA,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,SAAA,EAAW,QAAA,KAAaC,6BAAA,CAA6B;AAAA,IACtF,IAAA,EAAM,IAAA;AAAA,IACN,SAAA;AAAA,IACA,UAAA,EAAY,GAAA;AAAA,IACZ,WAAA,EAAa,EAAA;AAAA,IACb,UAAA,EAAY;AAAA,GACb,CAAA;AAED,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,UAAA;AAAA,QACL,SAAA,EAAU,YAAA;AAAA,QACV,YAAA,EAAc,IAAA;AAAA,QACd,YAAA,EAAc,KAAA;AAAA,QACd,OAAA,EAAS,IAAA;AAAA,QACT,MAAA,EAAQ,KAAA;AAAA,QAEP;AAAA;AAAA,KACH;AAAA,IACC,IAAA,IAAQ,OAAO,QAAA,KAAa,WAAA,IAC3BC,qBAAA;AAAA,sBACED,cAAA,CAAC,UAAK,SAAA,EAAW,CAAA,IAAA,EAAO,QAAQ,CAAA,CAAA,EAAI,KAAA,EAAO,eACxC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,MACA,QAAA,CAAS;AAAA;AACX,GAAA,EACJ,CAAA;AAEJ","file":"chunk-3UFU63X7.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Tooltip.css\";\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useFloating } from \"../../utils/useFloating\";\n\nexport interface TooltipProps {\n  content: React.ReactNode;\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  children: React.ReactElement;\n  delay?: number;\n  disabled?: boolean;\n}\n\n/** `Tooltip` — hover/focus text bubble. */\nexport const Tooltip: React.FC<TooltipProps> = ({\n  content,\n  placement = \"top\",\n  children,\n  delay = 250,\n  disabled,\n}) => {\n  const [show, setShow] = React.useState(false);\n  const t = React.useRef<number | undefined>();\n\n  const open = () => {\n    if (disabled) return;\n    window.clearTimeout(t.current);\n    t.current = window.setTimeout(() => setShow(true), delay);\n  };\n  const close = () => {\n    window.clearTimeout(t.current);\n    setShow(false);\n  };\n\n  const { triggerRef, floatingStyle, placement: resolved } = useFloating<HTMLSpanElement>({\n    open: show,\n    placement,\n    panelWidth: 160,\n    panelHeight: 32,\n    alignCross: \"center\",\n  });\n\n  return (\n    <>\n      <span\n        ref={triggerRef}\n        className=\"tip-anchor\"\n        onMouseEnter={open}\n        onMouseLeave={close}\n        onFocus={open}\n        onBlur={close}\n      >\n        {children}\n      </span>\n      {show && typeof document !== \"undefined\" &&\n        createPortal(\n          <span className={`tip ${resolved}`} style={floatingStyle}>\n            {content}\n          </span>,\n          document.body\n        )}\n    </>\n  );\n};\n"]}

package/dist/{chunk-6YVW3VYL.js → chunk-7UJI437T.js}

@@ -22,10 +22,8 @@ var Slider = ({
   const v = isControlled ? value : inner;
   const pct = (v - min) / (max - min) * 100;
   return /* @__PURE__ */ jsxs("div", { className: `slider ${tone} ${disabled ? "disabled" : ""} ${className}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "slider-track", children: [
-      /* @__PURE__ */ jsx("div", { className: "slider-fill", style: { width: `${pct}%` } }),
-      /* @__PURE__ */ jsx("div", { className: "slider-thumb", style: { left: `${pct}%` } })
-    ] }),
+    /* @__PURE__ */ jsx("div", { className: "slider-track", children: /* @__PURE__ */ jsx("div", { className: "slider-fill", style: { width: `${pct}%` } }) }),
+    /* @__PURE__ */ jsx("div", { className: "slider-thumb", style: { left: `${pct}%` } }),
     /* @__PURE__ */ jsx(
       "input",
       {
@@ -47,5 +45,5 @@ var Slider = ({
 };
 
 export { Slider };
-//# sourceMappingURL=chunk-6YVW3VYL.js.map
-//# sourceMappingURL=chunk-6YVW3VYL.js.map
+//# sourceMappingURL=chunk-7UJI437T.js.map
+//# sourceMappingURL=chunk-7UJI437T.js.map

package/dist/chunk-7UJI437T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Slider/Slider.tsx"],"names":[],"mappings":";;;;;;;AAmBO,IAAM,SAAgC,CAAC;AAAA,EAC5C,KAAA;AAAA,EACA,YAAA,GAAe,CAAA;AAAA,EACf,QAAA;AAAA,EACA,GAAA,GAAM,CAAA;AAAA,EACN,GAAA,GAAM,GAAA;AAAA,EACN,IAAA,GAAO,CAAA;AAAA,EACP,QAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,eAAS,YAAY,CAAA;AACrD,EAAA,MAAM,eAAe,KAAA,KAAU,MAAA;AAC/B,EAAA,MAAM,CAAA,GAAI,eAAe,KAAA,GAAS,KAAA;AAClC,EAAA,MAAM,GAAA,GAAA,CAAQ,CAAA,GAAI,GAAA,KAAQ,GAAA,GAAM,GAAA,CAAA,GAAQ,GAAA;AAExC,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,OAAA,EAAU,IAAI,CAAA,CAAA,EAAI,QAAA,GAAW,UAAA,GAAa,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EACvE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EACb,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,aAAA,EAAc,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,GAAG,CAAA,CAAA,CAAA,IAAO,CAAA,EAC5D,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EAAe,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA,EAAG,GAAG,CAAA,CAAA,CAAA,EAAI,EAAG,CAAA;AAAA,oBAC1D,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,OAAA;AAAA,QACL,GAAA;AAAA,QACA,GAAA;AAAA,QACA,IAAA;AAAA,QACA,KAAA,EAAO,CAAA;AAAA,QACP,QAAA;AAAA,QACA,QAAA,EAAU,CAAC,CAAA,KAAM;AACf,UAAA,MAAM,CAAA,GAAI,MAAA,CAAO,CAAA,CAAE,MAAA,CAAO,KAAK,CAAA;AAC/B,UAAA,IAAI,CAAC,YAAA,EAAc,QAAA,CAAS,CAAC,CAAA;AAC7B,UAAA,QAAA,GAAW,CAAC,CAAA;AAAA,QACd;AAAA;AAAA,KACF;AAAA,IACC,SAAA,oBAAa,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAgB,QAAA,EAAA,CAAA,EAAE;AAAA,GAAA,EAClD,CAAA;AAEJ","file":"chunk-7UJI437T.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Slider.css\";\nimport * as React from \"react\";\n\nexport interface SliderProps {\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  disabled?: boolean;\n  showValue?: boolean;\n  tone?: \"accent\" | \"success\" | \"warning\" | \"danger\";\n  className?: string;\n}\n\n/** `Slider` — neumorphic range input with grooved track. */\nexport const Slider: React.FC<SliderProps> = ({\n  value,\n  defaultValue = 0,\n  onChange,\n  min = 0,\n  max = 100,\n  step = 1,\n  disabled,\n  showValue,\n  tone = \"accent\",\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState(defaultValue);\n  const isControlled = value !== undefined;\n  const v = isControlled ? value! : inner;\n  const pct = ((v - min) / (max - min)) * 100;\n\n  return (\n    <div className={`slider ${tone} ${disabled ? \"disabled\" : \"\"} ${className}`}>\n      <div className=\"slider-track\">\n        <div className=\"slider-fill\" style={{ width: `${pct}%` }} />\n      </div>\n      <div className=\"slider-thumb\" style={{ left: `${pct}%` }} />\n      <input\n        type=\"range\"\n        min={min}\n        max={max}\n        step={step}\n        value={v}\n        disabled={disabled}\n        onChange={(e) => {\n          const n = Number(e.target.value);\n          if (!isControlled) setInner(n);\n          onChange?.(n);\n        }}\n      />\n      {showValue && <span className=\"slider-value\">{v}</span>}\n    </div>\n  );\n};\n"]}