@fangxinyan/lumina 0.1.0

package/dist/Image-WYWORJT4.css

@@ -0,0 +1,106 @@
+/* ============ Image ============ */
+.n-image {
+  display: inline-block;
+  position: relative;
+  border-radius: var(--r-md);
+  background: var(--bg);
+  padding: 6px;
+  box-shadow: var(--neu-out-sm);
+  overflow: hidden;
+  line-height: 0;
+}
+.n-image-frame {
+  position: relative;
+  overflow: hidden;
+  border-radius: calc(var(--r-md) - 4px);
+  box-shadow: var(--neu-in-sm);
+  background: var(--bg-sunken);
+}
+.n-image img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: transform var(--dur-slow) var(--ease), opacity var(--dur) var(--ease);
+}
+.n-image.hover img:hover { transform: scale(1.04); }
+.n-image-placeholder {
+  position: absolute; inset: 0;
+  display: grid; place-items: center;
+  color: var(--fg-subtle);
+  background:
+    repeating-linear-gradient(45deg,
+      transparent 0 10px,
+      color-mix(in oklch, var(--fg-subtle) 8%, transparent) 10px 11px);
+  transition: opacity var(--dur) var(--ease);
+}
+.n-image-placeholder.loaded { opacity: 0; pointer-events: none; }
+.n-image.clickable { cursor: zoom-in; }
+.image-actions {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  display: flex;
+  gap: 4px;
+  padding: 4px;
+  border-radius: 999px;
+  background: color-mix(in oklch, black 32%, transparent);
+  backdrop-filter: blur(14px) saturate(1.2);
+  border: 1px solid color-mix(in oklch, white 18%, transparent);
+  opacity: 0;
+  transform: translateY(-4px);
+  transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease);
+}
+.n-image:hover .image-actions { opacity: 1; transform: translateY(0); }
+.image-actions .ia-btn {
+  width: 26px;
+  height: 26px;
+  border: 0;
+  padding: 0;
+  border-radius: 999px;
+  display: grid;
+  place-items: center;
+  color: rgba(255,255,255,0.85);
+  background: transparent;
+  cursor: pointer;
+  transition: background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
+}
+.image-actions .ia-btn:hover {
+  background: color-mix(in oklch, white 22%, transparent);
+  color: white;
+}
+.image-hint {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 10px;
+  font-size: 11px;
+  font-weight: 500;
+  color: rgba(255,255,255,0.95);
+  border-radius: 999px;
+  background: color-mix(in oklch, black 38%, transparent);
+  backdrop-filter: blur(12px) saturate(1.2);
+  border: 1px solid color-mix(in oklch, white 16%, transparent);
+  opacity: 0;
+  transform: translateY(4px);
+  transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease);
+  pointer-events: none;
+}
+.n-image:hover .image-hint { opacity: 1; transform: translateY(0); }
+.image-preview-overlay {
+  position: fixed; inset: 0;
+  background: color-mix(in oklch, var(--bg-sunken) 82%, transparent);
+  backdrop-filter: blur(16px);
+  display: grid; place-items: center;
+  z-index: 500;
+  animation: fadeIn var(--dur) var(--ease);
+}
+.image-preview-overlay img {
+  max-width: 80vw;
+  max-height: 80vh;
+  border-radius: var(--r-lg);
+  box-shadow: var(--neu-out-lg), 0 40px 80px -20px rgba(0,0,0,0.25);
+}

package/dist/Image.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkQESLHLTG_cjs = require('./chunk-QESLHLTG.cjs');
+require('./chunk-YVO7XO4W.cjs');
+
+
+
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function () { return chunkQESLHLTG_cjs.Image; }
+});
+Object.defineProperty(exports, "ImageGrid", {
+  enumerable: true,
+  get: function () { return chunkQESLHLTG_cjs.ImageGrid; }
+});
+//# sourceMappingURL=Image.cjs.map
+//# sourceMappingURL=Image.cjs.map

package/dist/Image.cjs.map

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

package/dist/Image.d.cts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+
+interface ImageProps {
+    src?: string;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    /** Allow click-to-zoom preview overlay. */
+    preview?: boolean;
+    /** Hover scale-up. */
+    hover?: boolean;
+    /** Custom placeholder while loading or on error. */
+    placeholder?: React.ReactNode;
+    className?: string;
+}
+/** `Image` — neumorphic framed image with optional preview overlay. */
+declare const Image: React.FC<ImageProps>;
+interface ImageGridProps {
+    images: {
+        src: string;
+        alt?: string;
+    }[];
+    columns?: number;
+    itemHeight?: number;
+    className?: string;
+}
+/** `ImageGrid` — auto-fit grid of `Image` items. */
+declare const ImageGrid: React.FC<ImageGridProps>;
+
+export { Image, ImageGrid, type ImageGridProps, type ImageProps };

package/dist/Image.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+
+interface ImageProps {
+    src?: string;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    /** Allow click-to-zoom preview overlay. */
+    preview?: boolean;
+    /** Hover scale-up. */
+    hover?: boolean;
+    /** Custom placeholder while loading or on error. */
+    placeholder?: React.ReactNode;
+    className?: string;
+}
+/** `Image` — neumorphic framed image with optional preview overlay. */
+declare const Image: React.FC<ImageProps>;
+interface ImageGridProps {
+    images: {
+        src: string;
+        alt?: string;
+    }[];
+    columns?: number;
+    itemHeight?: number;
+    className?: string;
+}
+/** `ImageGrid` — auto-fit grid of `Image` items. */
+declare const ImageGrid: React.FC<ImageGridProps>;
+
+export { Image, ImageGrid, type ImageGridProps, type ImageProps };

package/dist/Image.js

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

package/dist/Image.js.map

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

package/dist/Input-Z526ARZP.css

@@ -0,0 +1,66 @@
+/* ============ Input / Textarea ============ */
+.input-wrap {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+}
+.input-wrap .lead,
+.input-wrap .trail {
+  position: absolute;
+  color: var(--fg-subtle);
+  pointer-events: none;
+}
+.input-wrap .lead { left: 14px; }
+.input-wrap .trail { right: 14px; pointer-events: auto; cursor: pointer; }
+.input-wrap .trail:hover { color: var(--fg); }
+
+.input,
+.input-wrap > input {
+  width: 100%;
+  height: var(--ctrl-h);
+  padding: 0 var(--ctrl-pad-x);
+  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;
+  outline: none;
+  transition: box-shadow var(--dur) var(--ease);
+}
+.input-wrap:has(.lead) > input,
+.input-wrap.with-leading > input { padding-left: 40px; }
+.input-wrap:has(.trail) > input,
+.input-wrap.with-trailing > input { padding-right: 40px; }
+.input:focus,
+.input-wrap > input:focus { box-shadow: var(--neu-in-sm), 0 0 0 2px var(--accent-glow); }
+.input::placeholder,
+.input-wrap > input::placeholder { color: var(--fg-subtle); }
+.input[disabled],
+.input-wrap.disabled > input { opacity: 0.6; cursor: not-allowed; }
+.input-wrap.invalid > input,
+.input.invalid { box-shadow: var(--neu-in-sm), 0 0 0 2px color-mix(in oklch, var(--danger) 30%, transparent); }
+.input-wrap.sm > input { height: 32px; padding-left: 12px; padding-right: 12px; font-size: 12px; border-radius: var(--r-sm); }
+.input-wrap.lg > input { height: 48px; padding-left: 18px; padding-right: 18px; font-size: 14px; border-radius: var(--r-lg); }
+
+.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/Input.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkQT7SJITQ_cjs = require('./chunk-QT7SJITQ.cjs');
+require('./chunk-YVO7XO4W.cjs');
+
+
+
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () { return chunkQT7SJITQ_cjs.Input; }
+});
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function () { return chunkQT7SJITQ_cjs.Textarea; }
+});
+//# sourceMappingURL=Input.cjs.map
+//# sourceMappingURL=Input.cjs.map

package/dist/Input.cjs.map

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

package/dist/Input.d.cts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { IconName } from './Icon.cjs';
+
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    leadingIcon?: IconName;
+    trailingIcon?: IconName;
+    /** Click handler for the leading icon (stops propagation so the input isn't focused). */
+    onLeadingIconClick?: (e: React.MouseEvent<SVGSVGElement>) => void;
+    /** Click handler for the trailing icon — e.g. password visibility toggle. */
+    onTrailingIconClick?: (e: React.MouseEvent<SVGSVGElement>) => void;
+    size?: "sm" | "md" | "lg";
+    invalid?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * `Input` — single-line text field with optional leading/trailing icons.
+ */
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    invalid?: boolean;
+    className?: string;
+}
+/**
+ * `Textarea` — multi-line text input with the same neumorphic groove as `Input`.
+ */
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { Input, type InputProps, Textarea, type TextareaProps };

package/dist/Input.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { IconName } from './Icon.js';
+
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    leadingIcon?: IconName;
+    trailingIcon?: IconName;
+    /** Click handler for the leading icon (stops propagation so the input isn't focused). */
+    onLeadingIconClick?: (e: React.MouseEvent<SVGSVGElement>) => void;
+    /** Click handler for the trailing icon — e.g. password visibility toggle. */
+    onTrailingIconClick?: (e: React.MouseEvent<SVGSVGElement>) => void;
+    size?: "sm" | "md" | "lg";
+    invalid?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * `Input` — single-line text field with optional leading/trailing icons.
+ */
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    invalid?: boolean;
+    className?: string;
+}
+/**
+ * `Textarea` — multi-line text input with the same neumorphic groove as `Input`.
+ */
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+
+export { Input, type InputProps, Textarea, type TextareaProps };

package/dist/Input.js

@@ -0,0 +1,4 @@
+export { Input, Textarea } from './chunk-7NM5BRUX.js';
+import './chunk-GEYMWUW6.js';
+//# sourceMappingURL=Input.js.map
+//# sourceMappingURL=Input.js.map

package/dist/Input.js.map

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

package/dist/List-W5BW4D2P.css

@@ -0,0 +1,26 @@
+/* ============ List ============ */
+.list {
+  display: flex;
+  flex-direction: column;
+  background: var(--bg);
+  border-radius: var(--r-lg);
+  box-shadow: var(--neu-in-sm);
+  padding: 8px;
+}
+.list-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px;
+  border-radius: var(--r-sm);
+  transition: all var(--dur-fast) var(--ease);
+}
+.list-item.clickable { cursor: pointer; }
+.list-item.clickable:hover { background: var(--bg); box-shadow: var(--neu-flat); }
+.list-item.selected { box-shadow: var(--neu-out-sm); background: var(--bg); }
+.list.with-dividers .list-item + .list-item { border-top: 1px solid var(--divider); border-radius: 0; }
+.list-item-meta { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
+.list-item-title { font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.list-item-desc  { font-size: 12px; color: var(--fg-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.list-item-actions { display: flex; gap: 6px; align-items: center; flex-shrink: 0; }
+.list-item-avatar { display: inline-flex; align-items: center; justify-content: center; color: var(--fg-muted); flex-shrink: 0; }

package/dist/List.cjs

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

package/dist/List.cjs.map

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

package/dist/List.d.cts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+interface ListItem {
+    key: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    avatar?: React.ReactNode;
+    actions?: React.ReactNode;
+    onClick?: () => void;
+}
+interface ListProps {
+    items: ListItem[];
+    /** Show dividers between items. */
+    dividers?: boolean;
+    className?: string;
+}
+/** `List` — vertical list of rows. */
+declare const List: React.FC<ListProps>;
+
+export { List, type ListItem, type ListProps };

package/dist/List.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+interface ListItem {
+    key: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    avatar?: React.ReactNode;
+    actions?: React.ReactNode;
+    onClick?: () => void;
+}
+interface ListProps {
+    items: ListItem[];
+    /** Show dividers between items. */
+    dividers?: boolean;
+    className?: string;
+}
+/** `List` — vertical list of rows. */
+declare const List: React.FC<ListProps>;
+
+export { List, type ListItem, type ListProps };

package/dist/List.js

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

package/dist/List.js.map

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

package/dist/Modal-AYKNIWWQ.css

@@ -0,0 +1,79 @@
+/* ============ Modal ============ */
+.modal-overlay {
+  position: fixed;
+  inset: 0;
+  background: color-mix(in oklch, var(--bg-sunken) 60%, transparent);
+  backdrop-filter: blur(8px);
+  display: grid;
+  place-items: center;
+  z-index: 200;
+  animation: fadeIn var(--dur) var(--ease);
+}
+.modal {
+  background: var(--bg);
+  border-radius: var(--r-xl);
+  box-shadow: var(--neu-out-lg), 0 24px 60px -20px rgba(40,55,80,0.3);
+  padding: var(--gap-6);
+  width: min(480px, 92vw);
+  animation: modalIn var(--dur-slow) var(--ease);
+  max-height: 86vh;
+  display: flex;
+  flex-direction: column;
+}
+@keyframes modalIn { from { opacity: 0; transform: translateY(8px) scale(0.97); } }
+.modal-head {
+  display: flex; align-items: flex-start; justify-content: space-between;
+  gap: var(--gap-3); margin-bottom: var(--gap-3);
+}
+.modal-titles { display: flex; flex-direction: column; gap: 4px; }
+.modal-title { font-size: 17px; font-weight: 600; }
+.modal-desc  { font-size: 13px; color: var(--fg-muted); }
+.modal-body  { padding: var(--gap-3) 0; color: var(--fg-muted); font-size: 13px; line-height: 1.6; flex: 1; overflow-y: auto; }
+.modal-foot  {
+  display: flex; gap: 10px; justify-content: flex-end;
+  margin-top: var(--gap-4);
+}
+.modal-close {
+  width: 28px; height: 28px;
+  border: none; background: transparent;
+  border-radius: var(--r-sm);
+  display: grid; place-items: center;
+  color: var(--fg-subtle);
+  cursor: pointer;
+  transition: all var(--dur-fast) var(--ease);
+}
+.modal-close:hover { color: var(--fg); background: var(--bg); box-shadow: var(--neu-flat); }
+
+/* ============ Drawer (co-exported from Modal.tsx) ============ */
+.drawer-overlay {
+  position: fixed; inset: 0;
+  background: color-mix(in oklch, var(--bg-sunken) 50%, transparent);
+  backdrop-filter: blur(4px);
+  z-index: 150;
+  animation: fadeIn var(--dur) var(--ease);
+}
+.drawer {
+  position: fixed;
+  background: var(--bg);
+  padding: var(--gap-5);
+  z-index: 151;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+}
+.drawer.right  { top: 0; right: 0; bottom: 0; width: min(420px, 92vw); animation: drawerInRight  var(--dur-slow) var(--ease); box-shadow: -24px 0 60px -20px rgba(40,55,80,0.25); }
+.drawer.left   { top: 0; left: 0; bottom: 0;  width: min(420px, 92vw); animation: drawerInLeft   var(--dur-slow) var(--ease); box-shadow:  24px 0 60px -20px rgba(40,55,80,0.25); }
+.drawer.top    { top: 0; left: 0; right: 0;   height: min(320px, 80vh); animation: drawerInTop    var(--dur-slow) var(--ease); box-shadow: 0  24px 60px -20px rgba(40,55,80,0.25); }
+.drawer.bottom { bottom: 0; left: 0; right: 0; height: min(320px, 80vh); animation: drawerInBottom var(--dur-slow) var(--ease); box-shadow: 0 -24px 60px -20px rgba(40,55,80,0.25); }
+@keyframes drawerInRight  { from { transform: translateX( 20px); opacity: 0; } }
+@keyframes drawerInLeft   { from { transform: translateX(-20px); opacity: 0; } }
+@keyframes drawerInTop    { from { transform: translateY(-20px); opacity: 0; } }
+@keyframes drawerInBottom { from { transform: translateY( 20px); opacity: 0; } }
+.drawer-head {
+  display: flex; align-items: center; justify-content: space-between;
+  margin-bottom: var(--gap-4);
+  padding-bottom: var(--gap-4);
+  border-bottom: 1px solid var(--divider);
+}
+.drawer-title { font-size: 16px; font-weight: 600; }
+.drawer-body { flex: 1; }

package/dist/Modal.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunkKF4MCHZL_cjs = require('./chunk-KF4MCHZL.cjs');
+require('./chunk-AAMYURWQ.cjs');
+require('./chunk-YVO7XO4W.cjs');
+
+
+
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function () { return chunkKF4MCHZL_cjs.Drawer; }
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function () { return chunkKF4MCHZL_cjs.Modal; }
+});
+//# sourceMappingURL=Modal.cjs.map
+//# sourceMappingURL=Modal.cjs.map

package/dist/Modal.cjs.map

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

package/dist/Modal.d.cts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+
+interface ModalProps {
+    open: boolean;
+    onClose?: () => void;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+    width?: number | string;
+    /** Close when clicking the mask. Default true. */
+    maskClosable?: boolean;
+    /** Close on Escape key. Default true. */
+    escClosable?: boolean;
+    className?: string;
+}
+/** `Modal` — centered dialog with mask. Renders into `document.body`. */
+declare const Modal: React.FC<ModalProps>;
+interface DrawerProps extends Omit<ModalProps, "width"> {
+    /** Edge the drawer slides from. */
+    placement?: "left" | "right" | "top" | "bottom";
+    size?: number | string;
+}
+/** `Drawer` — slide-in panel from an edge. */
+declare const Drawer: React.FC<DrawerProps>;
+
+export { Drawer, type DrawerProps, Modal, type ModalProps };

package/dist/Modal.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+
+interface ModalProps {
+    open: boolean;
+    onClose?: () => void;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+    width?: number | string;
+    /** Close when clicking the mask. Default true. */
+    maskClosable?: boolean;
+    /** Close on Escape key. Default true. */
+    escClosable?: boolean;
+    className?: string;
+}
+/** `Modal` — centered dialog with mask. Renders into `document.body`. */
+declare const Modal: React.FC<ModalProps>;
+interface DrawerProps extends Omit<ModalProps, "width"> {
+    /** Edge the drawer slides from. */
+    placement?: "left" | "right" | "top" | "bottom";
+    size?: number | string;
+}
+/** `Drawer` — slide-in panel from an edge. */
+declare const Drawer: React.FC<DrawerProps>;
+
+export { Drawer, type DrawerProps, Modal, type ModalProps };

package/dist/Modal.js

@@ -0,0 +1,5 @@
+export { Drawer, Modal } from './chunk-Q33V7MSK.js';
+import './chunk-5EYI27B6.js';
+import './chunk-GEYMWUW6.js';
+//# sourceMappingURL=Modal.js.map
+//# sourceMappingURL=Modal.js.map

package/dist/Modal.js.map

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

package/dist/Pagination-6FFOI4NM.css

@@ -0,0 +1,35 @@
+/* ============ Pagination ============ */
+.pagination {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 14px;
+  font-size: 12px;
+  color: var(--fg-muted);
+  gap: 12px;
+  flex-wrap: wrap;
+}
+.pagination .pg-controls { display: flex; gap: 4px; align-items: center; }
+.pagination .pg {
+  min-width: 30px; height: 30px;
+  padding: 0 10px;
+  border: none;
+  border-radius: var(--r-sm);
+  background: var(--bg);
+  box-shadow: var(--neu-out-sm);
+  display: inline-flex; align-items: center; justify-content: center;
+  cursor: pointer;
+  font-size: 12px;
+  font-family: inherit;
+  font-variant-numeric: tabular-nums;
+  color: var(--fg);
+  transition: all var(--dur-fast) var(--ease);
+}
+.pagination .pg:hover { color: var(--accent-ink); }
+.pagination .pg.active {
+  box-shadow: var(--neu-in-sm);
+  color: var(--accent-ink);
+  font-weight: 700;
+}
+.pagination .pg.disabled { color: var(--fg-subtle); cursor: not-allowed; box-shadow: var(--neu-flat); }
+.pagination .ellipsis { padding: 0 4px; color: var(--fg-subtle); }