@fangxinyan/lumina 0.1.0

package/dist/Pagination.cjs

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

package/dist/Pagination.cjs.map

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

package/dist/Pagination.d.cts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+interface PaginationProps {
+    /** Total number of items. */
+    total: number;
+    /** Items per page. */
+    pageSize?: number;
+    /** Current page (1-indexed). */
+    page?: number;
+    defaultPage?: number;
+    onChange?: (page: number) => void;
+    /** Max visible page buttons (before ellipsis logic). */
+    siblings?: number;
+    className?: string;
+}
+/** `Pagination` — page number controls. */
+declare const Pagination: React.FC<PaginationProps>;
+
+export { Pagination, type PaginationProps };

package/dist/Pagination.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+interface PaginationProps {
+    /** Total number of items. */
+    total: number;
+    /** Items per page. */
+    pageSize?: number;
+    /** Current page (1-indexed). */
+    page?: number;
+    defaultPage?: number;
+    onChange?: (page: number) => void;
+    /** Max visible page buttons (before ellipsis logic). */
+    siblings?: number;
+    className?: string;
+}
+/** `Pagination` — page number controls. */
+declare const Pagination: React.FC<PaginationProps>;
+
+export { Pagination, type PaginationProps };

package/dist/Pagination.js

@@ -0,0 +1,4 @@
+export { Pagination } from './chunk-XFRP2MBR.js';
+import './chunk-GEYMWUW6.js';
+//# sourceMappingURL=Pagination.js.map
+//# sourceMappingURL=Pagination.js.map

package/dist/Pagination.js.map

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

package/dist/Popover-WXEVUYBG.css

@@ -0,0 +1,15 @@
+/* ============ Popover ============ */
+.popover {
+  position: absolute;
+  z-index: 100;
+  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);
+}
+.popover.top    { bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%); }
+.popover.bottom { top:    calc(100% + 10px); left: 50%; transform: translateX(-50%); }
+.popover.left   { right: calc(100% + 10px); top: 50%; transform: translateY(-50%); }
+.popover.right  { left:  calc(100% + 10px); top: 50%; transform: translateY(-50%); }

package/dist/Popover.cjs

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

package/dist/Popover.cjs.map

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

package/dist/Popover.d.cts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+interface PopoverProps {
+    content: React.ReactNode;
+    placement?: "top" | "bottom" | "left" | "right";
+    trigger?: "click" | "hover";
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: React.ReactElement;
+    className?: string;
+}
+/** `Popover` — rich content bubble. */
+declare const Popover: React.FC<PopoverProps>;
+
+export { Popover, type PopoverProps };

package/dist/Popover.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+interface PopoverProps {
+    content: React.ReactNode;
+    placement?: "top" | "bottom" | "left" | "right";
+    trigger?: "click" | "hover";
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: React.ReactElement;
+    className?: string;
+}
+/** `Popover` — rich content bubble. */
+declare const Popover: React.FC<PopoverProps>;
+
+export { Popover, type PopoverProps };

package/dist/Popover.js

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

package/dist/Popover.js.map

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

package/dist/Progress-IXRSO5TW.css

@@ -0,0 +1,63 @@
+/* ============ Progress ============ */
+.progress {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.progress-label {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+  color: var(--fg-muted);
+}
+.progress-label .v { font-family: var(--font-mono); }
+.progress-track {
+  width: 100%;
+  height: 10px;
+  border-radius: 999px;
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  overflow: hidden;
+  position: relative;
+}
+.progress.sm .progress-track { height: 6px; }
+.progress.lg .progress-track { height: 14px; }
+.progress-bar {
+  height: 100%;
+  background: linear-gradient(90deg, color-mix(in oklch, var(--accent) 70%, white), var(--accent));
+  border-radius: 999px;
+  box-shadow: 0 0 12px var(--accent-glow);
+  transition: width var(--dur-slow) var(--ease);
+}
+.progress.success .progress-bar { background: linear-gradient(90deg, color-mix(in oklch, var(--success) 70%, white), var(--success)); box-shadow: 0 0 10px color-mix(in oklch, var(--success) 35%, transparent); }
+.progress.warning .progress-bar { background: linear-gradient(90deg, color-mix(in oklch, var(--warning) 70%, white), var(--warning)); box-shadow: 0 0 10px color-mix(in oklch, var(--warning) 35%, transparent); }
+.progress.danger  .progress-bar { background: linear-gradient(90deg, color-mix(in oklch, var(--danger) 70%, white), var(--danger));  box-shadow: 0 0 10px color-mix(in oklch, var(--danger) 35%, transparent); }
+
+.ring {
+  --size: 72px;
+  --val: 50;
+  width: var(--size); height: var(--size);
+  border-radius: 999px;
+  background: conic-gradient(var(--accent) calc(var(--val) * 1%), var(--bg-sunken) 0);
+  display: grid; place-items: center;
+  position: relative;
+  box-shadow: var(--neu-out-sm);
+}
+.ring.success { background: conic-gradient(var(--success) calc(var(--val) * 1%), var(--bg-sunken) 0); }
+.ring.warning { background: conic-gradient(var(--warning) calc(var(--val) * 1%), var(--bg-sunken) 0); }
+.ring.danger  { background: conic-gradient(var(--danger)  calc(var(--val) * 1%), var(--bg-sunken) 0); }
+.ring::before {
+  content: "";
+  position: absolute;
+  inset: 8px;
+  border-radius: 999px;
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+}
+.ring-label {
+  position: relative;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--accent-ink);
+}

package/dist/Progress.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkNXOAYNG2_cjs = require('./chunk-NXOAYNG2.cjs');
+
+
+
+Object.defineProperty(exports, "Progress", {
+  enumerable: true,
+  get: function () { return chunkNXOAYNG2_cjs.Progress; }
+});
+Object.defineProperty(exports, "Ring", {
+  enumerable: true,
+  get: function () { return chunkNXOAYNG2_cjs.Ring; }
+});
+//# sourceMappingURL=Progress.cjs.map
+//# sourceMappingURL=Progress.cjs.map

package/dist/Progress.cjs.map

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

package/dist/Progress.d.cts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+interface ProgressProps {
+    /** 0–100 */
+    value: number;
+    max?: number;
+    label?: React.ReactNode;
+    showValue?: boolean;
+    tone?: "accent" | "success" | "warning" | "danger";
+    size?: "sm" | "md" | "lg";
+    className?: string;
+}
+/** `Progress` — horizontal progress bar with neumorphic track. */
+declare const Progress: React.FC<ProgressProps>;
+interface RingProps {
+    value: number;
+    max?: number;
+    size?: number;
+    tone?: "accent" | "success" | "warning" | "danger";
+    children?: React.ReactNode;
+    className?: string;
+}
+/** `Ring` — circular progress indicator. */
+declare const Ring: React.FC<RingProps>;
+
+export { Progress, type ProgressProps, Ring, type RingProps };

package/dist/Progress.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+interface ProgressProps {
+    /** 0–100 */
+    value: number;
+    max?: number;
+    label?: React.ReactNode;
+    showValue?: boolean;
+    tone?: "accent" | "success" | "warning" | "danger";
+    size?: "sm" | "md" | "lg";
+    className?: string;
+}
+/** `Progress` — horizontal progress bar with neumorphic track. */
+declare const Progress: React.FC<ProgressProps>;
+interface RingProps {
+    value: number;
+    max?: number;
+    size?: number;
+    tone?: "accent" | "success" | "warning" | "danger";
+    children?: React.ReactNode;
+    className?: string;
+}
+/** `Ring` — circular progress indicator. */
+declare const Ring: React.FC<RingProps>;
+
+export { Progress, type ProgressProps, Ring, type RingProps };

package/dist/Progress.js

@@ -0,0 +1,3 @@
+export { Progress, Ring } from './chunk-VJN637MT.js';
+//# sourceMappingURL=Progress.js.map
+//# sourceMappingURL=Progress.js.map

package/dist/Progress.js.map

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

package/dist/Select-DDJJBQEL.css

@@ -0,0 +1,263 @@
+/* ============ Select ============ */
+.select {
+  position: relative;
+  display: inline-block;
+  min-width: 180px;
+  width: 100%;
+  outline: none;
+}
+.select.disabled { opacity: 0.55; pointer-events: none; }
+.select-trigger {
+  width: 100%;
+  height: var(--ctrl-h);
+  padding: 0 36px 0 var(--ctrl-pad-x);
+  border: none;
+  border-radius: var(--r-md);
+  background: var(--bg);
+  box-shadow: var(--neu-out-sm);
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 13px;
+  font-family: inherit;
+  color: var(--fg);
+  cursor: pointer;
+  transition: all var(--dur-fast) var(--ease);
+  position: relative;
+  text-align: left;
+}
+.select-value {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1;
+  min-width: 0;
+}
+.select-value > span {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.select.invalid .select-trigger {
+  box-shadow: var(--neu-out-sm), 0 0 0 2px color-mix(in oklch, var(--danger) 30%, transparent);
+}
+.select.invalid.open .select-trigger {
+  box-shadow: var(--neu-in-sm), 0 0 0 2px color-mix(in oklch, var(--danger) 30%, transparent);
+}
+.select.sm .select-trigger { height: 30px; padding: 0 32px 0 12px; font-size: 12px; border-radius: var(--r-sm); }
+.select.lg .select-trigger { height: 48px; padding: 0 36px 0 18px; font-size: 14px; border-radius: var(--r-lg); }
+.select-trigger:hover { color: var(--accent-ink); }
+.select.open .select-trigger { box-shadow: var(--neu-in-sm); color: var(--accent-ink); }
+.select-trigger .placeholder { color: var(--fg-subtle); }
+.select-caret {
+  position: absolute;
+  right: 12px; top: 50%;
+  transform: translateY(-50%);
+  color: var(--fg-subtle);
+  transition: transform var(--dur) var(--ease);
+  flex-shrink: 0;
+}
+.select.open .select-caret { transform: translateY(-50%) rotate(180deg); color: var(--accent); }
+
+/* Multi-select trigger: variable height, tags inside, vertically centered */
+.select.multi .select-trigger {
+  height: auto;
+  min-height: var(--ctrl-h);
+  padding: 4px 56px 4px 8px;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.select.multi .select-tags {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  flex: 1;
+  min-width: 0;
+  align-items: center;
+}
+.select.multi .select-trigger > .placeholder {
+  padding-left: 6px;
+  line-height: calc(var(--ctrl-h) - 8px);
+}
+.select.multi .select-tags > .tag {
+  max-width: 160px;
+}
+.select.multi .select-tags > .tag > span:not(.dot):not(.x) {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.select-clear {
+  position: absolute;
+  right: 30px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 20px;
+  height: 20px;
+  border-radius: 999px;
+  background: var(--bg);
+  box-shadow: var(--neu-out-sm);
+  display: inline-grid;
+  place-items: center;
+  cursor: pointer;
+  color: var(--fg-subtle);
+  opacity: 0;
+  transition: all var(--dur-fast) var(--ease);
+  z-index: 1;
+}
+.select:hover .select-clear { opacity: 1; }
+.select-clear:hover { color: var(--accent-ink); box-shadow: var(--neu-in-sm); }
+
+/* Multi-select menu: leading checkbox per item */
+.menu-check {
+  width: 16px;
+  height: 16px;
+  border-radius: 5px;
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  display: inline-grid;
+  place-items: center;
+  flex-shrink: 0;
+  color: white;
+  transition: all var(--dur-fast) var(--ease);
+}
+.menu-check.on {
+  background: var(--accent);
+  box-shadow: var(--neu-out-sm), 0 1px 4px var(--accent-glow);
+}
+
+/* Menu search — flush with menu, single subtle separator (no nested frame) */
+.menu-search {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  height: 32px;
+  padding: 0 6px;
+  margin: -2px -2px 4px;
+  border-bottom: 1px solid var(--divider);
+  color: var(--fg-subtle);
+  transition: color var(--dur) var(--ease);
+}
+.menu-search:focus-within { color: var(--accent); }
+.menu-search input {
+  flex: 1;
+  min-width: 0;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: var(--fg);
+  font-size: 13px;
+  font-family: inherit;
+  height: 100%;
+  padding: 0;
+}
+.menu-search input::placeholder { color: var(--fg-subtle); }
+.menu-search input:focus,
+.menu-search input:focus-visible { box-shadow: none; }
+
+/* Menu state (loading / empty) */
+.menu-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  padding: 26px 12px;
+  font-size: 12px;
+  color: var(--fg-muted);
+}
+.menu-state .menu-state-ico {
+  width: 40px;
+  height: 40px;
+  border-radius: var(--r-md);
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  display: grid;
+  place-items: center;
+  color: var(--fg-subtle);
+}
+.menu-state .menu-state-ico .spinner {
+  width: 16px;
+  height: 16px;
+  border-color: var(--accent);
+  border-right-color: transparent;
+}
+
+/* Option body — supports description line under label */
+.menu-item-body {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+  text-align: left;
+}
+.menu-item-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.menu-item-desc {
+  font-size: 11px;
+  color: var(--fg-subtle);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.menu-item.active .menu-item-desc { color: color-mix(in oklch, var(--accent-ink) 70%, var(--fg-subtle)); }
+
+/* Keyboard / hover highlight — soft raised pill */
+.menu-item.highlight:not([disabled]) {
+  background: var(--bg);
+  box-shadow: var(--neu-out-sm);
+  color: var(--accent-ink);
+}
+.menu-item[disabled] {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.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;
+  animation: menuIn var(--dur) var(--ease);
+  max-height: 260px;
+  overflow-y: auto;
+}
+.menu-item {
+  padding: 9px 12px;
+  border-radius: var(--r-sm);
+  font-size: 13px;
+  cursor: pointer;
+  color: var(--fg);
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  transition: all var(--dur-fast) var(--ease);
+  border: none;
+  background: transparent;
+  font-family: inherit;
+  width: 100%;
+  text-align: left;
+}
+.menu-item:hover { background: var(--bg); box-shadow: var(--neu-flat); color: var(--accent-ink); }
+.menu-item.active { color: var(--accent-ink); font-weight: 500; }
+.menu-item .tick { margin-left: auto; color: var(--accent); opacity: 0; }
+.menu-item.active .tick { opacity: 1; }
+.menu-item.danger { color: var(--danger); }
+.menu-separator { height: 1px; background: var(--divider); margin: 6px 4px; }
+.menu-group-label {
+  font-size: 10px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--fg-subtle);
+  padding: 8px 12px 4px;
+}

package/dist/Select.cjs

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

package/dist/Select.cjs.map

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

package/dist/Select.d.cts

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import { IconName } from './Icon.cjs';
+
+interface SelectOption<T extends string | number = string> {
+    value: T;
+    label: React.ReactNode;
+    /** Searchable text — used by default filter when `label` isn't a string. */
+    text?: string;
+    /** Secondary line shown beneath the label. */
+    description?: React.ReactNode;
+    /** Leading icon. */
+    icon?: IconName;
+    disabled?: boolean;
+}
+interface SelectOptionGroup<T extends string | number = string> {
+    /** Group heading. */
+    label: React.ReactNode;
+    options: SelectOption<T>[];
+}
+type SelectItem<T extends string | number = string> = SelectOption<T> | SelectOptionGroup<T>;
+interface BaseSelectProps<T extends string | number = string> {
+    /** Flat or mixed (groups + options) item list. */
+    options: SelectItem<T>[];
+    placeholder?: string;
+    disabled?: boolean;
+    size?: "sm" | "md" | "lg";
+    /** Show invalid (red) ring. */
+    invalid?: boolean;
+    /** Show a small × to clear the selection (single mode) or all selections (multi). */
+    clearable?: boolean;
+    /** Add a search input at the top of the menu. */
+    searchable?: boolean;
+    /** Custom filter — defaults to label/text/value substring match. */
+    filterOption?: (input: string, option: SelectOption<T>) => boolean;
+    /** Show spinner instead of options. */
+    loading?: boolean;
+    /** Custom empty content when no options match. */
+    emptyContent?: React.ReactNode;
+    /** Controlled open state. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    /** Class for the popped-out menu. */
+    menuClassName?: string;
+}
+interface SingleSelectProps<T extends string | number = string> extends BaseSelectProps<T> {
+    multiple?: false;
+    value?: T;
+    defaultValue?: T;
+    onChange?: (value: T) => void;
+    /** Fired when user clears the selection via the × button. */
+    onClear?: () => void;
+}
+interface MultiSelectProps<T extends string | number = string> extends BaseSelectProps<T> {
+    multiple: true;
+    value?: T[];
+    defaultValue?: T[];
+    onChange?: (value: T[]) => void;
+    /** Max selected items shown as tags before collapsing to "+N". */
+    maxTagCount?: number;
+}
+type SelectProps<T extends string | number = string> = SingleSelectProps<T> | MultiSelectProps<T>;
+/** `Select` — neumorphic dropdown. Set `multiple` for tag-style multi-select. */
+declare function Select<T extends string | number = string>(props: SingleSelectProps<T>): React.ReactElement;
+declare function Select<T extends string | number = string>(props: MultiSelectProps<T>): React.ReactElement;
+
+export { type MultiSelectProps, Select, type SelectItem, type SelectOption, type SelectOptionGroup, type SelectProps, type SingleSelectProps };