@fangxinyan/lumina 0.6.1 → 0.6.3

package/dist/Table.d.cts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 type RowKey = string | number;
@@ -98,7 +97,7 @@ interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement
     sortDir?: "asc" | "desc";
     onSort?: (key: string) => void;
     /**
-     * Row selection config — preferred API (antd-style).
+     * Row selection config — preferred API.
      * When provided, takes precedence over `selectable` / `selected` / `onSelect`.
      */
     rowSelection?: RowSelectionConfig<Row>;
@@ -132,23 +131,5 @@ interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement
 type TableComponent = <Row extends Record<string, any> = any>(props: TableProps<Row> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 /** `Table` — neumorphic data table with sorting, selection and visual variants. */
 declare const Table: TableComponent;
-interface TableProProps<Row = any> extends Omit<TableProps<Row>, "title"> {
-    /** Toolbar slot — search input, filter, etc. */
-    toolbar?: React.ReactNode;
-    /** Right-aligned actions slot in toolbar. */
-    actions?: React.ReactNode;
-    /** Footer slot — usually <Pagination />. Optional now that `pagination` is built-in. */
-    footer?: React.ReactNode;
-    /** Title shown above the toolbar. */
-    title?: React.ReactNode;
-}
-/**
- * `TablePro` — full-featured table card with toolbar, sortable/selectable rows,
- * variants, and a footer slot for pagination.
- *
- * Prefer the built-in `pagination` prop over rendering a `<Pagination />` in the
- * `footer` slot; `footer` still works for custom footers.
- */
-declare function TablePro<Row extends Record<string, any> = any>({ toolbar, actions, footer, title, className, ...tableProps }: TableProProps<Row>): react_jsx_runtime.JSX.Element;
 
-export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableColumn, type TableColumnFilterItem, TablePro, type TableProProps, type TableProps, type TableScrollConfig, type TableVariant };
+export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableColumn, type TableColumnFilterItem, type TableProps, type TableScrollConfig, type TableVariant };

package/dist/Table.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 type RowKey = string | number;
@@ -98,7 +97,7 @@ interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement
     sortDir?: "asc" | "desc";
     onSort?: (key: string) => void;
     /**
-     * Row selection config — preferred API (antd-style).
+     * Row selection config — preferred API.
      * When provided, takes precedence over `selectable` / `selected` / `onSelect`.
      */
     rowSelection?: RowSelectionConfig<Row>;
@@ -132,23 +131,5 @@ interface TableProps<Row = any> extends Omit<React.HTMLAttributes<HTMLDivElement
 type TableComponent = <Row extends Record<string, any> = any>(props: TableProps<Row> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 /** `Table` — neumorphic data table with sorting, selection and visual variants. */
 declare const Table: TableComponent;
-interface TableProProps<Row = any> extends Omit<TableProps<Row>, "title"> {
-    /** Toolbar slot — search input, filter, etc. */
-    toolbar?: React.ReactNode;
-    /** Right-aligned actions slot in toolbar. */
-    actions?: React.ReactNode;
-    /** Footer slot — usually <Pagination />. Optional now that `pagination` is built-in. */
-    footer?: React.ReactNode;
-    /** Title shown above the toolbar. */
-    title?: React.ReactNode;
-}
-/**
- * `TablePro` — full-featured table card with toolbar, sortable/selectable rows,
- * variants, and a footer slot for pagination.
- *
- * Prefer the built-in `pagination` prop over rendering a `<Pagination />` in the
- * `footer` slot; `footer` still works for custom footers.
- */
-declare function TablePro<Row extends Record<string, any> = any>({ toolbar, actions, footer, title, className, ...tableProps }: TableProProps<Row>): react_jsx_runtime.JSX.Element;
 
-export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableColumn, type TableColumnFilterItem, TablePro, type TableProProps, type TableProps, type TableScrollConfig, type TableVariant };
+export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableColumn, type TableColumnFilterItem, type TableProps, type TableScrollConfig, type TableVariant };

package/dist/Table.js

@@ -1,7 +1,9 @@
-export { Table, TablePro } from './chunk-R6BIF3FF.js';
-import './chunk-UXH5PH3S.js';
-import './chunk-RPFMQZA5.js';
-import './chunk-TWGQZX2R.js';
-import './chunk-TGHBKKSS.js';
+export { Table } from './chunk-BPOOVO5T.js';
+import './chunk-CETNCRZ4.js';
+import './chunk-FBYUZOZP.js';
+import './chunk-5H5YP2TB.js';
+import './chunk-GIZU3H6H.js';
 import './chunk-DUFRASGO.js';
-import './chunk-NJ6B22YJ.js';
+import './chunk-UKS23N3L.js';
+import './chunk-HLFH5HWR.js';
+import './chunk-47VG2P34.js';

package/dist/TablePro-3XVHYLSL.css

@@ -0,0 +1,45 @@
+/* ============ TablePro ============ */
+.table-card {
+  border-radius: var(--r-lg);
+  background: var(--bg);
+  box-shadow: var(--neu-out-sm);
+  overflow: hidden;
+}
+.table-card .table-wrap { background: transparent; box-shadow: none; border-radius: 0; }
+.table-card .table-wrap.joined { border-radius: 0; }
+.table-card .table-pagination {
+  margin-top: 0;
+  padding: 6px 16px;
+  border-top: 1px solid var(--divider);
+  background: color-mix(in oklch, var(--bg-sunken) 30%, transparent);
+}
+.table-toolbar {
+  display: flex;
+  align-items: center;
+  gap: var(--gap-3);
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--divider);
+}
+.table-toolbar .table-title {
+  font-size: 14px;
+  font-weight: 600;
+  margin-right: 8px;
+}
+.table-toolbar-main {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+}
+.table-toolbar-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-shrink: 0;
+}
+.table-footer {
+  padding: 10px 16px;
+  border-top: 1px solid var(--divider);
+  background: color-mix(in oklch, var(--bg-sunken) 30%, transparent);
+}

package/dist/TablePro.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkDG5VQ6BO_cjs = require('./chunk-DG5VQ6BO.cjs');
+require('./chunk-XSN4TLN5.cjs');
+require('./chunk-P6EZG2R7.cjs');
+require('./chunk-X5GCOMC3.cjs');
+require('./chunk-5DKRY67M.cjs');
+require('./chunk-6HMTV6P4.cjs');
+require('./chunk-YB3IWIOJ.cjs');
+require('./chunk-HKF2V5MM.cjs');
+require('./chunk-MPVCYU2K.cjs');
+require('./chunk-V272XR3F.cjs');
+
+
+
+Object.defineProperty(exports, "TablePro", {
+  enumerable: true,
+  get: function () { return chunkDG5VQ6BO_cjs.TablePro; }
+});

package/dist/TablePro.d.cts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { TableProps } from './Table.cjs';
+
+interface TableProProps<Row = any> extends Omit<TableProps<Row>, "title"> {
+    /** Toolbar slot — search input, filter, etc. */
+    toolbar?: React.ReactNode;
+    /** Right-aligned actions slot in toolbar. */
+    actions?: React.ReactNode;
+    /** Footer slot — usually <Pagination />. Optional now that `pagination` is built-in. */
+    footer?: React.ReactNode;
+    /** Title shown above the toolbar. */
+    title?: React.ReactNode;
+}
+/**
+ * `TablePro` — full-featured table card with toolbar, sortable/selectable rows,
+ * variants, and a footer slot for pagination.
+ */
+declare function TablePro<Row extends Record<string, any> = any>({ toolbar, actions, footer, title, className, ...tableProps }: TableProProps<Row>): react_jsx_runtime.JSX.Element;
+
+export { TablePro, type TableProProps };

package/dist/TablePro.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { TableProps } from './Table.js';
+
+interface TableProProps<Row = any> extends Omit<TableProps<Row>, "title"> {
+    /** Toolbar slot — search input, filter, etc. */
+    toolbar?: React.ReactNode;
+    /** Right-aligned actions slot in toolbar. */
+    actions?: React.ReactNode;
+    /** Footer slot — usually <Pagination />. Optional now that `pagination` is built-in. */
+    footer?: React.ReactNode;
+    /** Title shown above the toolbar. */
+    title?: React.ReactNode;
+}
+/**
+ * `TablePro` — full-featured table card with toolbar, sortable/selectable rows,
+ * variants, and a footer slot for pagination.
+ */
+declare function TablePro<Row extends Record<string, any> = any>({ toolbar, actions, footer, title, className, ...tableProps }: TableProProps<Row>): react_jsx_runtime.JSX.Element;
+
+export { TablePro, type TableProProps };

package/dist/TablePro.js

@@ -0,0 +1,10 @@
+export { TablePro } from './chunk-J2HZTJO6.js';
+import './chunk-BPOOVO5T.js';
+import './chunk-CETNCRZ4.js';
+import './chunk-FBYUZOZP.js';
+import './chunk-5H5YP2TB.js';
+import './chunk-GIZU3H6H.js';
+import './chunk-DUFRASGO.js';
+import './chunk-UKS23N3L.js';
+import './chunk-HLFH5HWR.js';
+import './chunk-47VG2P34.js';

package/dist/{Tabs-RHK6XAFF.css → Tabs-BLSNI2T5.css}

@@ -66,37 +66,3 @@
 .tabs.centered.underline .tabs-nav .tab { margin-right: 11px; margin-left: 11px; }
 
 .tabs-content { padding: var(--gap-2) 0; }
-
-/* Segmented (owned by Tabs.tsx — Segmented is co-exported) */
-.segmented {
-  display: inline-flex;
-  padding: 4px;
-  border-radius: var(--r-md);
-  background: var(--bg);
-  box-shadow: var(--neu-in-sm);
-  gap: 2px;
-}
-.segmented .seg {
-  padding: 6px 14px;
-  height: 32px;
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  border: none;
-  background: transparent;
-  border-radius: calc(var(--r-md) - 4px);
-  font-size: 12px;
-  font-family: inherit;
-  color: var(--fg-muted);
-  cursor: pointer;
-  transition: all var(--dur-fast) var(--ease);
-}
-.segmented .seg:hover { color: var(--fg); }
-.segmented .seg.active {
-  color: var(--accent-ink);
-  background: var(--bg);
-  box-shadow: var(--neu-out-sm);
-  font-weight: 600;
-}
-.segmented.sm .seg { height: 26px; padding: 4px 10px; font-size: 11px; }
-.segmented.lg .seg { height: 38px; padding: 8px 18px; font-size: 13px; }

package/dist/Tabs.cjs

@@ -1,14 +1,10 @@
 'use strict';
 
-var chunkPWW64ZWO_cjs = require('./chunk-PWW64ZWO.cjs');
+var chunkKD4YYIIO_cjs = require('./chunk-KD4YYIIO.cjs');
 
 
 
-Object.defineProperty(exports, "Segmented", {
-  enumerable: true,
-  get: function () { return chunkPWW64ZWO_cjs.Segmented; }
-});
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkPWW64ZWO_cjs.Tabs; }
+  get: function () { return chunkKD4YYIIO_cjs.Tabs; }
 });

package/dist/Tabs.d.cts

@@ -18,20 +18,5 @@ interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange
 }
 /** `Tabs` — switchable sections. */
 declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
-interface SegmentedProps<T extends string = string> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
-    options: {
-        value: T;
-        label: React.ReactNode;
-        disabled?: boolean;
-    }[];
-    value?: T;
-    defaultValue?: T;
-    onChange?: (value: T) => void;
-    size?: "sm" | "md";
-    className?: string;
-}
-type SegmentedComponent = <T extends string = string>(props: SegmentedProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-/** `Segmented` — exclusive choice chip row. */
-declare const Segmented: SegmentedComponent;
 
-export { Segmented, type SegmentedProps, type TabItem, Tabs, type TabsProps };
+export { type TabItem, Tabs, type TabsProps };

package/dist/Tabs.d.ts

@@ -18,20 +18,5 @@ interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange
 }
 /** `Tabs` — switchable sections. */
 declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
-interface SegmentedProps<T extends string = string> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
-    options: {
-        value: T;
-        label: React.ReactNode;
-        disabled?: boolean;
-    }[];
-    value?: T;
-    defaultValue?: T;
-    onChange?: (value: T) => void;
-    size?: "sm" | "md";
-    className?: string;
-}
-type SegmentedComponent = <T extends string = string>(props: SegmentedProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-/** `Segmented` — exclusive choice chip row. */
-declare const Segmented: SegmentedComponent;
 
-export { Segmented, type SegmentedProps, type TabItem, Tabs, type TabsProps };
+export { type TabItem, Tabs, type TabsProps };

package/dist/Tabs.js

@@ -1 +1 @@
-export { Segmented, Tabs } from './chunk-WBK6XIDJ.js';
+export { Tabs } from './chunk-OBEKX4VR.js';

package/dist/Tag-HDYCDPFS.css

@@ -0,0 +1,42 @@
+/* ============ Tag ============ */
+.tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  height: 24px;
+  padding: 0 10px;
+  border-radius: var(--r-pill);
+  font-size: 11px;
+  font-weight: 500;
+  background: var(--bg);
+  box-shadow: var(--neu-flat);
+  color: var(--fg-muted);
+}
+.tag.accent  { color: var(--accent-ink); }
+.tag.info    { color: var(--info); }
+.tag.success { color: var(--success); }
+.tag.warning { color: var(--warning); }
+.tag.danger  { color: var(--danger); }
+.tag.solid          { background: var(--accent); color: var(--bg); box-shadow: 0 2px 6px var(--accent-glow); }
+.tag.solid.info     { background: var(--info);    color: var(--bg); box-shadow: 0 2px 6px color-mix(in oklch, var(--info) 35%, transparent); }
+.tag.solid.success  { background: var(--success); color: var(--bg); box-shadow: 0 2px 6px color-mix(in oklch, var(--success) 35%, transparent); }
+.tag.solid.warning  { background: var(--warning); color: var(--bg); box-shadow: 0 2px 6px color-mix(in oklch, var(--warning) 35%, transparent); }
+.tag.solid.danger   { background: var(--danger);  color: var(--bg); box-shadow: 0 2px 6px color-mix(in oklch, var(--danger) 35%, transparent); }
+.tag.borderless { background: transparent; box-shadow: none; }
+.tag .dot { width: 6px; height: 6px; border-radius: 999px; background: currentColor; }
+.tag .tag-ico {
+  color: currentColor;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+  flex-shrink: 0;
+}
+.tag .tag-ico img {
+  display: block;
+  width: 1em;
+  height: 1em;
+  object-fit: contain;
+}
+.tag .x { cursor: pointer; color: var(--fg-subtle); margin-left: 2px; display: inline-flex; }
+.tag .x:hover { color: var(--fg); }

package/dist/Tag.cjs

@@ -1,15 +1,11 @@
 'use strict';
 
-var chunkLZU33BX6_cjs = require('./chunk-LZU33BX6.cjs');
-require('./chunk-2MNAZRWE.cjs');
+var chunk5DKRY67M_cjs = require('./chunk-5DKRY67M.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
-Object.defineProperty(exports, "Badge", {
-  enumerable: true,
-  get: function () { return chunkLZU33BX6_cjs.Badge; }
-});
 Object.defineProperty(exports, "Tag", {
   enumerable: true,
-  get: function () { return chunkLZU33BX6_cjs.Tag; }
+  get: function () { return chunk5DKRY67M_cjs.Tag; }
 });

package/dist/Tag.d.cts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { IconName } from './Icon.cjs';
+import { IconSlot } from './Icon.cjs';
+import 'react/jsx-runtime';
 
 type TagTone = "neutral" | "accent" | "info" | "success" | "warning" | "danger";
 interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
@@ -7,8 +8,8 @@ interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
     solid?: boolean;
     /** Render a leading colored dot. */
     dot?: boolean;
-    /** Leading icon (uses the built-in `Icon` component). */
-    icon?: IconName;
+    /** Leading icon. Accepts a built-in icon name or custom React node. */
+    icon?: IconSlot;
     /** Show a close button. */
     removable?: boolean;
     onRemove?: () => void;
@@ -18,15 +19,5 @@ interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
 }
 /** `Tag` — small label/pill. */
 declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
-interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /** Numeric count — renders as "99+" if > 99. */
-    count?: number;
-    /** Show a tiny dot instead of a number. */
-    dot?: boolean;
-    tone?: TagTone;
-    children?: React.ReactNode;
-}
-/** `Badge` — notification dot / count. Wrap around another element. */
-declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
 
-export { Badge, type BadgeProps, Tag, type TagProps, type TagTone };
+export { Tag, type TagProps, type TagTone };

package/dist/Tag.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { IconName } from './Icon.js';
+import { IconSlot } from './Icon.js';
+import 'react/jsx-runtime';
 
 type TagTone = "neutral" | "accent" | "info" | "success" | "warning" | "danger";
 interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
@@ -7,8 +8,8 @@ interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
     solid?: boolean;
     /** Render a leading colored dot. */
     dot?: boolean;
-    /** Leading icon (uses the built-in `Icon` component). */
-    icon?: IconName;
+    /** Leading icon. Accepts a built-in icon name or custom React node. */
+    icon?: IconSlot;
     /** Show a close button. */
     removable?: boolean;
     onRemove?: () => void;
@@ -18,15 +19,5 @@ interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
 }
 /** `Tag` — small label/pill. */
 declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
-interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /** Numeric count — renders as "99+" if > 99. */
-    count?: number;
-    /** Show a tiny dot instead of a number. */
-    dot?: boolean;
-    tone?: TagTone;
-    children?: React.ReactNode;
-}
-/** `Badge` — notification dot / count. Wrap around another element. */
-declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
 
-export { Badge, type BadgeProps, Tag, type TagProps, type TagTone };
+export { Tag, type TagProps, type TagTone };

package/dist/Tag.js

@@ -1,2 +1,2 @@
-export { Badge, Tag } from './chunk-TWGQZX2R.js';
-import './chunk-NJ6B22YJ.js';
+export { Tag } from './chunk-5H5YP2TB.js';
+import './chunk-47VG2P34.js';

package/dist/Textarea-YNET7IBH.css

@@ -0,0 +1,54 @@
+/* ============ Textarea ============ */
+.textarea-shell {
+  display: inline-flex;
+  flex-direction: column;
+  gap: 4px;
+  width: 100%;
+}
+.textarea-count {
+  font-size: 11px;
+  color: var(--fg-subtle);
+  font-variant-numeric: tabular-nums;
+  text-align: right;
+}
+
+.textarea-wrap { position: relative; width: 100%; }
+.textarea-wrap .textarea-clear {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  border-radius: 999px;
+  color: var(--fg-subtle);
+  background: transparent;
+  cursor: pointer;
+  transition: color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);
+}
+.textarea-wrap .textarea-clear:hover {
+  color: var(--fg);
+  background: var(--bg-sunken);
+}
+
+.textarea {
+  width: 100%;
+  min-height: 96px;
+  padding: 12px 14px;
+  border: none;
+  border-radius: var(--r-md);
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  color: var(--fg);
+  font-size: 13px;
+  font-family: inherit;
+  line-height: 1.55;
+  resize: vertical;
+  outline: none;
+  transition: box-shadow var(--dur) var(--ease);
+}
+.textarea:focus { box-shadow: var(--neu-in-sm), 0 0 0 2px var(--accent-glow); }
+.textarea.invalid { box-shadow: var(--neu-in-sm), 0 0 0 2px color-mix(in oklch, var(--danger) 30%, transparent); }
+.textarea::placeholder { color: var(--fg-subtle); }

package/dist/Textarea.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunkMPVCYU2K_cjs = require('./chunk-MPVCYU2K.cjs');
+require('./chunk-V272XR3F.cjs');
+
+
+
+Object.defineProperty(exports, "TextArea", {
+  enumerable: true,
+  get: function () { return chunkMPVCYU2K_cjs.TextArea; }
+});
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function () { return chunkMPVCYU2K_cjs.Textarea; }
+});

package/dist/Textarea.d.cts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "value" | "defaultValue"> {
+    value?: string;
+    defaultValue?: string;
+    /** Native textarea change event. */
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    /** Convenience value callback for Lumina-style code. */
+    onValueChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    invalid?: boolean;
+    /** Show a × button in the top-right corner to clear the value. */
+    allowClear?: boolean;
+    /** Max length — forwarded to the native textarea. */
+    maxLength?: number;
+    /** Render a "N / max" counter beneath the textarea. */
+    showCount?: boolean;
+    className?: string;
+}
+/**
+ * `Textarea` — multi-line text input with a neumorphic groove.
+ */
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+declare const TextArea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { TextArea, Textarea, type TextareaProps };

package/dist/Textarea.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "value" | "defaultValue"> {
+    value?: string;
+    defaultValue?: string;
+    /** Native textarea change event. */
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    /** Convenience value callback for Lumina-style code. */
+    onValueChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    invalid?: boolean;
+    /** Show a × button in the top-right corner to clear the value. */
+    allowClear?: boolean;
+    /** Max length — forwarded to the native textarea. */
+    maxLength?: number;
+    /** Render a "N / max" counter beneath the textarea. */
+    showCount?: boolean;
+    className?: string;
+}
+/**
+ * `Textarea` — multi-line text input with a neumorphic groove.
+ */
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+declare const TextArea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { TextArea, Textarea, type TextareaProps };

package/dist/Textarea.js

@@ -0,0 +1,2 @@
+export { TextArea, Textarea } from './chunk-HLFH5HWR.js';
+import './chunk-47VG2P34.js';

package/dist/Theme.cjs

@@ -1,42 +1,46 @@
 'use strict';
 
-var chunkRF2EY5JS_cjs = require('./chunk-RF2EY5JS.cjs');
+var chunk6ZXQJRAT_cjs = require('./chunk-6ZXQJRAT.cjs');
 
 
 
 Object.defineProperty(exports, "ACCENT_PRESETS", {
   enumerable: true,
-  get: function () { return chunkRF2EY5JS_cjs.ACCENT_PRESETS; }
+  get: function () { return chunk6ZXQJRAT_cjs.ACCENT_PRESETS; }
 });
 Object.defineProperty(exports, "ACCENT_PRESETS_DARK", {
   enumerable: true,
-  get: function () { return chunkRF2EY5JS_cjs.ACCENT_PRESETS_DARK; }
+  get: function () { return chunk6ZXQJRAT_cjs.ACCENT_PRESETS_DARK; }
 });
 Object.defineProperty(exports, "FONT_STACKS", {
   enumerable: true,
-  get: function () { return chunkRF2EY5JS_cjs.FONT_STACKS; }
+  get: function () { return chunk6ZXQJRAT_cjs.FONT_STACKS; }
 });
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunkRF2EY5JS_cjs.ThemeProvider; }
+  get: function () { return chunk6ZXQJRAT_cjs.ThemeProvider; }
 });
 Object.defineProperty(exports, "applyTheme", {
   enumerable: true,
-  get: function () { return chunkRF2EY5JS_cjs.applyTheme; }
+  get: function () { return chunk6ZXQJRAT_cjs.applyTheme; }
 });
 Object.defineProperty(exports, "normalizeAccentInput", {
   enumerable: true,
-  get: function () { return chunkRF2EY5JS_cjs.normalizeAccentInput; }
+  get: function () { return chunk6ZXQJRAT_cjs.normalizeAccentInput; }
+});
+Object.defineProperty(exports, "resolveThemeColorScheme", {
+  enumerable: true,
+  get: function () { return chunk6ZXQJRAT_cjs.resolveThemeColorScheme; }
 });
 Object.defineProperty(exports, "resolveThemeMode", {
   enumerable: true,
-  get: function () { return chunkRF2EY5JS_cjs.resolveThemeMode; }
+  get: function () { return chunk6ZXQJRAT_cjs.resolveThemeMode; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunkRF2EY5JS_cjs.useTheme; }
+  get: function () { return chunk6ZXQJRAT_cjs.useTheme; }
 });
 Object.defineProperty(exports, "useThemeOptional", {
   enumerable: true,
-  get: function () { return chunkRF2EY5JS_cjs.useThemeOptional; }
+  get: function () { return chunk6ZXQJRAT_cjs.useThemeOptional; }
 });