@fangxinyan/lumina 0.1.2 → 0.1.4

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/{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