@fangxinyan/lumina 0.3.0 → 0.5.0

package/dist/Accordion.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk3HNRKO3M_cjs = require('./chunk-3HNRKO3M.cjs');
-require('./chunk-YVO7XO4W.cjs');
+var chunkHJIKU6MF_cjs = require('./chunk-HJIKU6MF.cjs');
+require('./chunk-YCHUHMNP.cjs');
 
 
 
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function () { return chunk3HNRKO3M_cjs.Accordion; }
+  get: function () { return chunkHJIKU6MF_cjs.Accordion; }
 });
 //# sourceMappingURL=Accordion.cjs.map
 //# sourceMappingURL=Accordion.cjs.map

package/dist/Accordion.js

@@ -1,4 +1,4 @@
-export { Accordion } from './chunk-U4K7HOMW.js';
-import './chunk-GEYMWUW6.js';
+export { Accordion } from './chunk-O7C6S644.js';
+import './chunk-QOGROEVD.js';
 //# sourceMappingURL=Accordion.js.map
 //# sourceMappingURL=Accordion.js.map

package/dist/Alert.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkCALRTZZ7_cjs = require('./chunk-CALRTZZ7.cjs');
-require('./chunk-YVO7XO4W.cjs');
+var chunkTZXEZFCI_cjs = require('./chunk-TZXEZFCI.cjs');
+require('./chunk-YCHUHMNP.cjs');
 
 
 
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
-  get: function () { return chunkCALRTZZ7_cjs.Alert; }
+  get: function () { return chunkTZXEZFCI_cjs.Alert; }
 });
 //# sourceMappingURL=Alert.cjs.map
 //# sourceMappingURL=Alert.cjs.map

package/dist/Alert.js

@@ -1,4 +1,4 @@
-export { Alert } from './chunk-TY5EAKEI.js';
-import './chunk-GEYMWUW6.js';
+export { Alert } from './chunk-KW7Z4IQC.js';
+import './chunk-QOGROEVD.js';
 //# sourceMappingURL=Alert.js.map
 //# sourceMappingURL=Alert.js.map

package/dist/AutoComplete-P5KZMZO5.css

@@ -0,0 +1,54 @@
+/* ============ AutoComplete ============ */
+.autocomplete {
+  display: inline-block;
+  width: 100%;
+  position: relative;
+}
+
+.autocomplete-panel {
+  z-index: 1500;
+  background: var(--bg);
+  border-radius: var(--r-md);
+  box-shadow: var(--neu-float);
+  padding: 6px;
+  max-height: 280px;
+  overflow-y: auto;
+  animation: menuIn var(--dur) var(--ease);
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+}
+
+.autocomplete-item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 8px 10px;
+  border: none;
+  background: transparent;
+  box-shadow: none;
+  color: var(--fg);
+  font: inherit;
+  font-size: 13px;
+  text-align: left;
+  border-radius: var(--r-sm);
+  cursor: pointer;
+  transition: background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease),
+    box-shadow var(--dur-fast) var(--ease);
+}
+.autocomplete-item:disabled {
+  color: var(--fg-subtle);
+  cursor: not-allowed;
+}
+.autocomplete-item.active:not(:disabled) {
+  background: var(--bg);
+  color: var(--accent-ink);
+  box-shadow: var(--neu-in-sm);
+}
+
+.autocomplete-empty {
+  padding: 16px 12px;
+  text-align: center;
+  color: var(--fg-subtle);
+  font-size: 13px;
+}

package/dist/AutoComplete.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunkVQBZKRIB_cjs = require('./chunk-VQBZKRIB.cjs');
+require('./chunk-RZ2E3XEU.cjs');
+require('./chunk-YFBHVTKN.cjs');
+require('./chunk-YCHUHMNP.cjs');
+
+
+
+Object.defineProperty(exports, "AutoComplete", {
+  enumerable: true,
+  get: function () { return chunkVQBZKRIB_cjs.AutoComplete; }
+});
+//# sourceMappingURL=AutoComplete.cjs.map
+//# sourceMappingURL=AutoComplete.cjs.map

package/dist/AutoComplete.cjs.map

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

package/dist/AutoComplete.d.cts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+
+interface AutoCompleteOption {
+    value: string;
+    /** Display label. Defaults to `value`. */
+    label?: React.ReactNode;
+    disabled?: boolean;
+}
+interface AutoCompleteProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string, option?: AutoCompleteOption) => void;
+    /** Fires when a suggestion is selected (click or Enter). */
+    onSelect?: (value: string, option: AutoCompleteOption) => void;
+    /** Fires on every keystroke — typically used to fetch fresh suggestions. */
+    onSearch?: (text: string) => void;
+    /** Suggestion list. Empty-string value is filtered out. */
+    options: AutoCompleteOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    /** Override the default substring filter. `false` keeps every option. */
+    filterOption?: boolean | ((input: string, option: AutoCompleteOption) => boolean);
+    /** Content shown when no option matches. */
+    notFoundContent?: React.ReactNode;
+    size?: "sm" | "md" | "lg";
+    autoFocus?: boolean;
+    className?: string;
+    /** Class on the popped-out panel. */
+    dropdownClassName?: string;
+    /** Force the panel to be as wide as the input. Default true. */
+    matchTriggerWidth?: boolean;
+    id?: string;
+    name?: string;
+}
+/**
+ * `AutoComplete` — text input with a filtered suggestion dropdown.
+ * Follows antd's API shape (value / onChange / onSelect / options / filterOption).
+ *
+ * @example
+ * ```tsx
+ * <AutoComplete
+ *   options={[{ value: "light" }, { value: "dark" }]}
+ *   onSelect={(v) => console.log(v)}
+ *   placeholder="主题"
+ * />
+ * ```
+ */
+declare const AutoComplete: React.ForwardRefExoticComponent<AutoCompleteProps & React.RefAttributes<HTMLInputElement>>;
+
+export { AutoComplete, type AutoCompleteOption, type AutoCompleteProps };

package/dist/AutoComplete.d.ts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+
+interface AutoCompleteOption {
+    value: string;
+    /** Display label. Defaults to `value`. */
+    label?: React.ReactNode;
+    disabled?: boolean;
+}
+interface AutoCompleteProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string, option?: AutoCompleteOption) => void;
+    /** Fires when a suggestion is selected (click or Enter). */
+    onSelect?: (value: string, option: AutoCompleteOption) => void;
+    /** Fires on every keystroke — typically used to fetch fresh suggestions. */
+    onSearch?: (text: string) => void;
+    /** Suggestion list. Empty-string value is filtered out. */
+    options: AutoCompleteOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    /** Override the default substring filter. `false` keeps every option. */
+    filterOption?: boolean | ((input: string, option: AutoCompleteOption) => boolean);
+    /** Content shown when no option matches. */
+    notFoundContent?: React.ReactNode;
+    size?: "sm" | "md" | "lg";
+    autoFocus?: boolean;
+    className?: string;
+    /** Class on the popped-out panel. */
+    dropdownClassName?: string;
+    /** Force the panel to be as wide as the input. Default true. */
+    matchTriggerWidth?: boolean;
+    id?: string;
+    name?: string;
+}
+/**
+ * `AutoComplete` — text input with a filtered suggestion dropdown.
+ * Follows antd's API shape (value / onChange / onSelect / options / filterOption).
+ *
+ * @example
+ * ```tsx
+ * <AutoComplete
+ *   options={[{ value: "light" }, { value: "dark" }]}
+ *   onSelect={(v) => console.log(v)}
+ *   placeholder="主题"
+ * />
+ * ```
+ */
+declare const AutoComplete: React.ForwardRefExoticComponent<AutoCompleteProps & React.RefAttributes<HTMLInputElement>>;
+
+export { AutoComplete, type AutoCompleteOption, type AutoCompleteProps };

package/dist/AutoComplete.js

@@ -0,0 +1,6 @@
+export { AutoComplete } from './chunk-IOWREUEP.js';
+import './chunk-V2DIQ3RH.js';
+import './chunk-WUOFJPZ4.js';
+import './chunk-QOGROEVD.js';
+//# sourceMappingURL=AutoComplete.js.map
+//# sourceMappingURL=AutoComplete.js.map

package/dist/AutoComplete.js.map

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

package/dist/Button.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkRSZNFKCQ_cjs = require('./chunk-RSZNFKCQ.cjs');
-require('./chunk-YVO7XO4W.cjs');
+var chunkRWHWEQQX_cjs = require('./chunk-RWHWEQQX.cjs');
+require('./chunk-YCHUHMNP.cjs');
 
 
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkRSZNFKCQ_cjs.Button; }
+  get: function () { return chunkRWHWEQQX_cjs.Button; }
 });
 Object.defineProperty(exports, "IconButton", {
   enumerable: true,
-  get: function () { return chunkRSZNFKCQ_cjs.IconButton; }
+  get: function () { return chunkRWHWEQQX_cjs.IconButton; }
 });
 //# sourceMappingURL=Button.cjs.map
 //# sourceMappingURL=Button.cjs.map

package/dist/Button.js

@@ -1,4 +1,4 @@
-export { Button, IconButton } from './chunk-5UOBYRYJ.js';
-import './chunk-GEYMWUW6.js';
+export { Button, IconButton } from './chunk-JXHMJUVI.js';
+import './chunk-QOGROEVD.js';
 //# sourceMappingURL=Button.js.map
 //# sourceMappingURL=Button.js.map

package/dist/Calendar.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk7JYI5THC_cjs = require('./chunk-7JYI5THC.cjs');
-require('./chunk-YVO7XO4W.cjs');
+var chunkXYVJ3FBQ_cjs = require('./chunk-XYVJ3FBQ.cjs');
+require('./chunk-YCHUHMNP.cjs');
 
 
 
 Object.defineProperty(exports, "Calendar", {
   enumerable: true,
-  get: function () { return chunk7JYI5THC_cjs.Calendar; }
+  get: function () { return chunkXYVJ3FBQ_cjs.Calendar; }
 });
 //# sourceMappingURL=Calendar.cjs.map
 //# sourceMappingURL=Calendar.cjs.map

package/dist/Calendar.js

@@ -1,4 +1,4 @@
-export { Calendar } from './chunk-DBJIK4JE.js';
-import './chunk-GEYMWUW6.js';
+export { Calendar } from './chunk-XCYE4OQV.js';
+import './chunk-QOGROEVD.js';
 //# sourceMappingURL=Calendar.js.map
 //# sourceMappingURL=Calendar.js.map

package/dist/Cascader.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkSVVB6POY_cjs = require('./chunk-SVVB6POY.cjs');
+var chunkWVBFQB26_cjs = require('./chunk-WVBFQB26.cjs');
 require('./chunk-RZ2E3XEU.cjs');
-require('./chunk-YVO7XO4W.cjs');
+require('./chunk-YCHUHMNP.cjs');
 
 
 
 Object.defineProperty(exports, "Cascader", {
   enumerable: true,
-  get: function () { return chunkSVVB6POY_cjs.Cascader; }
+  get: function () { return chunkWVBFQB26_cjs.Cascader; }
 });
 //# sourceMappingURL=Cascader.cjs.map
 //# sourceMappingURL=Cascader.cjs.map

package/dist/Cascader.js

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

package/dist/Checkbox.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkMFWOBALK_cjs = require('./chunk-MFWOBALK.cjs');
-require('./chunk-YVO7XO4W.cjs');
+var chunkNN7WMXY4_cjs = require('./chunk-NN7WMXY4.cjs');
+require('./chunk-YCHUHMNP.cjs');
 
 
 
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkMFWOBALK_cjs.Checkbox; }
+  get: function () { return chunkNN7WMXY4_cjs.Checkbox; }
 });
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
-  get: function () { return chunkMFWOBALK_cjs.RadioGroup; }
+  get: function () { return chunkNN7WMXY4_cjs.RadioGroup; }
 });
 //# sourceMappingURL=Checkbox.cjs.map
 //# sourceMappingURL=Checkbox.cjs.map

package/dist/Checkbox.js

@@ -1,4 +1,4 @@
-export { Checkbox, RadioGroup } from './chunk-Q2EXOT4B.js';
-import './chunk-GEYMWUW6.js';
+export { Checkbox, RadioGroup } from './chunk-PKXXR76Q.js';
+import './chunk-QOGROEVD.js';
 //# sourceMappingURL=Checkbox.js.map
 //# sourceMappingURL=Checkbox.js.map

package/dist/CommandPalette.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkAGN3JSUH_cjs = require('./chunk-AGN3JSUH.cjs');
-require('./chunk-MKR4X57L.cjs');
-require('./chunk-YVO7XO4W.cjs');
+var chunkIJA26LRY_cjs = require('./chunk-IJA26LRY.cjs');
+require('./chunk-YFBHVTKN.cjs');
+require('./chunk-YCHUHMNP.cjs');
 
 
 
 Object.defineProperty(exports, "CommandPalette", {
   enumerable: true,
-  get: function () { return chunkAGN3JSUH_cjs.CommandPalette; }
+  get: function () { return chunkIJA26LRY_cjs.CommandPalette; }
 });
 //# sourceMappingURL=CommandPalette.cjs.map
 //# sourceMappingURL=CommandPalette.cjs.map

package/dist/CommandPalette.js

@@ -1,5 +1,5 @@
-export { CommandPalette } from './chunk-XDFZRV3V.js';
-import './chunk-WBMF7WM3.js';
-import './chunk-GEYMWUW6.js';
+export { CommandPalette } from './chunk-6Z24VO3K.js';
+import './chunk-WUOFJPZ4.js';
+import './chunk-QOGROEVD.js';
 //# sourceMappingURL=CommandPalette.js.map
 //# sourceMappingURL=CommandPalette.js.map

package/dist/Drawer.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkGOIQR4OH_cjs = require('./chunk-GOIQR4OH.cjs');
-require('./chunk-YVO7XO4W.cjs');
+var chunkN73JGXYZ_cjs = require('./chunk-N73JGXYZ.cjs');
+require('./chunk-YCHUHMNP.cjs');
 
 
 
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunkGOIQR4OH_cjs.Drawer; }
+  get: function () { return chunkN73JGXYZ_cjs.Drawer; }
 });
 //# sourceMappingURL=Drawer.cjs.map
 //# sourceMappingURL=Drawer.cjs.map

package/dist/Drawer.js

@@ -1,4 +1,4 @@
-export { Drawer } from './chunk-U5BZ7E3F.js';
-import './chunk-GEYMWUW6.js';
+export { Drawer } from './chunk-FXQGPHK2.js';
+import './chunk-QOGROEVD.js';
 //# sourceMappingURL=Drawer.js.map
 //# sourceMappingURL=Drawer.js.map

package/dist/Form-5GRVZNDO.css

@@ -0,0 +1,67 @@
+/* ============ Form ============ */
+.lumina-form { display: flex; flex-direction: column; gap: 18px; }
+.lumina-form.layout-inline {
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  gap: 12px;
+}
+.lumina-form.layout-inline .form-item { flex: 0 0 auto; }
+
+.form-item {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  min-width: 0;
+}
+.lumina-form.layout-horizontal .form-item {
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 12px;
+}
+.lumina-form.layout-horizontal .form-item-label {
+  flex: 0 0 auto;
+  min-width: 96px;
+  padding-top: 10px;
+  text-align: right;
+}
+.lumina-form.layout-horizontal .form-item-control { flex: 1; min-width: 0; }
+
+.form-item-label {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--fg);
+  padding-left: 2px;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.form-item-required {
+  color: var(--danger);
+  font-weight: 600;
+  margin-right: 2px;
+}
+.form-item-control { min-width: 0; }
+
+.form-item-error {
+  font-size: 12px;
+  color: var(--danger);
+  padding-left: 2px;
+  animation: fadeIn 140ms var(--ease);
+}
+.form-item-help {
+  font-size: 12px;
+  color: var(--fg-subtle);
+  padding-left: 2px;
+}
+.form-item-extra {
+  font-size: 11.5px;
+  color: var(--fg-subtle);
+  padding-left: 2px;
+  opacity: 0.85;
+}
+
+.form-item.has-error .input-wrap,
+.form-item.has-error .select-trigger {
+  box-shadow: var(--neu-in-sm), 0 0 0 2px color-mix(in oklch, var(--danger) 30%, transparent);
+}

package/dist/Form.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunkQVFEKGKI_cjs = require('./chunk-QVFEKGKI.cjs');
+
+
+
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function () { return chunkQVFEKGKI_cjs.Form; }
+});
+Object.defineProperty(exports, "FormItem", {
+  enumerable: true,
+  get: function () { return chunkQVFEKGKI_cjs.FormItem; }
+});
+Object.defineProperty(exports, "useForm", {
+  enumerable: true,
+  get: function () { return chunkQVFEKGKI_cjs.useForm; }
+});
+//# sourceMappingURL=Form.cjs.map
+//# sourceMappingURL=Form.cjs.map

package/dist/Form.cjs.map

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

package/dist/Form.d.cts

@@ -0,0 +1,85 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type FormLayout = "horizontal" | "vertical" | "inline";
+type Rule = {
+    required?: boolean;
+    message?: string;
+    pattern?: RegExp;
+    min?: number;
+    max?: number;
+    len?: number;
+    type?: "string" | "number" | "email" | "url" | "array";
+    whitespace?: boolean;
+    validator?: (rule: Rule, value: unknown) => Promise<void> | void;
+};
+interface ErrorField {
+    name: string;
+    errors: string[];
+}
+interface FormInstance<V extends Record<string, unknown> = Record<string, unknown>> {
+    getFieldValue: <T = unknown>(name: string) => T;
+    getFieldsValue: (names?: string[]) => V;
+    setFieldValue: (name: string, value: unknown) => void;
+    setFieldsValue: (values: Partial<V>) => void;
+    resetFields: (names?: string[]) => void;
+    validateFields: (names?: string[]) => Promise<V>;
+    isFieldTouched: (name: string) => boolean;
+    getFieldError: (name: string) => string[];
+    /** Programmatic submit — runs validate then onFinish/onFinishFailed. */
+    submit: () => void;
+}
+/** `Form.useForm()` — create a form instance. Same shape as antd's hook. */
+declare function useForm<V extends Record<string, unknown> = Record<string, unknown>>(): [FormInstance<V>];
+interface FormProps<V extends Record<string, unknown> = Record<string, unknown>> extends Omit<React.FormHTMLAttributes<HTMLFormElement>, "onChange" | "onSubmit"> {
+    form?: FormInstance<V>;
+    layout?: FormLayout;
+    initialValues?: Partial<V>;
+    onFinish?: (values: V) => void;
+    onFinishFailed?: (info: {
+        values: Partial<V>;
+        errorFields: ErrorField[];
+    }) => void;
+    onValuesChange?: (changed: Partial<V>, all: V) => void;
+    /** Show the `*` mark before required field labels. Default true. */
+    requiredMark?: boolean;
+    /** Disable all fields inside. */
+    disabled?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare const FormRoot: <V extends Record<string, unknown> = Record<string, unknown>>(props: FormProps<V>) => react_jsx_runtime.JSX.Element;
+interface FormItemProps {
+    /** Field key. Omit for layout-only wrappers (no value binding). */
+    name?: string;
+    label?: React.ReactNode;
+    rules?: Rule[];
+    /** Render no wrapper — emit only the (bound) child. */
+    noStyle?: boolean;
+    /** Inject value into this prop name on the child. Default `"value"`. */
+    valuePropName?: string;
+    /** Listen for changes on this event name. Default `"onChange"`. */
+    trigger?: string;
+    /** Event names that trigger validation. Default `["onChange"]`. */
+    validateTrigger?: string | string[];
+    /** Initial value (used when the form instance has no value yet). */
+    initialValue?: unknown;
+    /** Extra help text shown under the field. Hidden when an error is shown. */
+    help?: React.ReactNode;
+    /** Supplementary description below the help line. */
+    extra?: React.ReactNode;
+    /** Explicitly mark the field as required (cosmetic). */
+    required?: boolean;
+    /** Hide the entire item (still keeps the field in the form). */
+    hidden?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const FormItem: React.FC<FormItemProps>;
+declare const Form: typeof FormRoot & {
+    Item: typeof FormItem;
+    useForm: typeof useForm;
+};
+
+export { type ErrorField, Form, type FormInstance, FormItem, type FormItemProps, type FormLayout, type FormProps, type Rule, useForm };