@fangxinyan/lumina 0.6.1 → 0.6.3

package/dist/Image.cjs

@@ -1,15 +1,23 @@
 'use strict';
 
-var chunkG2XK57I7_cjs = require('./chunk-G2XK57I7.cjs');
-require('./chunk-2MNAZRWE.cjs');
+var chunkVFFIE2VO_cjs = require('./chunk-VFFIE2VO.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "Image", {
   enumerable: true,
-  get: function () { return chunkG2XK57I7_cjs.Image; }
+  get: function () { return chunkVFFIE2VO_cjs.Image; }
 });
 Object.defineProperty(exports, "ImageGrid", {
   enumerable: true,
-  get: function () { return chunkG2XK57I7_cjs.ImageGrid; }
+  get: function () { return chunkVFFIE2VO_cjs.ImageGrid; }
+});
+Object.defineProperty(exports, "LayeredImage", {
+  enumerable: true,
+  get: function () { return chunkVFFIE2VO_cjs.LayeredImage; }
+});
+Object.defineProperty(exports, "SpriteImage", {
+  enumerable: true,
+  get: function () { return chunkVFFIE2VO_cjs.SpriteImage; }
 });

package/dist/Image.d.cts

@@ -1,30 +1,103 @@
 import * as React from 'react';
 
+type ImageVariant = "framed" | "raw" | "icon";
 interface ImageProps extends React.HTMLAttributes<HTMLDivElement> {
     src?: string;
     alt?: string;
     width?: number | string;
     height?: number | string;
+    /** Visual treatment. `framed` keeps the neumorphic shell; `raw`/`icon` remove padding by default. */
+    variant?: ImageVariant;
+    /** Whether to render the inner neumorphic frame. Defaults to true only for `framed`. */
+    frame?: boolean;
+    /** Outer padding. Defaults to 6px for framed images and 0 for raw/icon images. */
+    padding?: number | string;
+    /** CSS object-fit applied to the underlying img. */
+    objectFit?: React.CSSProperties["objectFit"];
+    /** CSS object-position applied to the underlying img. */
+    objectPosition?: React.CSSProperties["objectPosition"];
     /** Allow click-to-zoom preview overlay. */
     preview?: boolean;
     /** Hover scale-up. */
     hover?: boolean;
     /** Custom placeholder while loading or on error. */
     placeholder?: React.ReactNode;
+    /** Extra props forwarded to the underlying img. */
+    imgProps?: Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" | "alt" | "width" | "height">;
     className?: string;
 }
-/** `Image` — neumorphic framed image with optional preview overlay. */
+/**
+ * `Image` — image surface with framed, raw and icon-oriented variants.
+ *
+ * @example
+ * <Image src={url} width={240} height={160} />
+ * <Image variant="icon" src={iconUrl} width={48} height={48} preview={false} />
+ */
 declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLDivElement>>;
+interface ImageGridItem extends Omit<ImageProps, "children"> {
+    src: string;
+    alt?: string;
+}
 interface ImageGridProps extends React.HTMLAttributes<HTMLDivElement> {
-    images: {
-        src: string;
-        alt?: string;
-    }[];
+    images: ImageGridItem[];
     columns?: number;
     itemHeight?: number;
+    minItemWidth?: number | string;
+    gap?: number | string;
+    imageProps?: Omit<ImageProps, "src" | "alt" | "width" | "height">;
     className?: string;
 }
 /** `ImageGrid` — auto-fit grid of `Image` items. */
 declare const ImageGrid: React.ForwardRefExoticComponent<ImageGridProps & React.RefAttributes<HTMLDivElement>>;
+interface SpriteRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface SpriteImageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    src: string;
+    sprite: SpriteRect;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    scale?: number;
+    backgroundSize?: string;
+    variant?: ImageVariant;
+    frame?: boolean;
+    padding?: number | string;
+    className?: string;
+}
+/**
+ * `SpriteImage` — crops one rectangle from a sprite sheet.
+ *
+ * @example
+ * <SpriteImage src={sheetUrl} sprite={{ x: 64, y: 32, width: 32, height: 32 }} />
+ */
+declare const SpriteImage: React.ForwardRefExoticComponent<SpriteImageProps & React.RefAttributes<HTMLDivElement>>;
+type LayeredImageInset = number | string | Partial<Record<"top" | "right" | "bottom" | "left", number | string>>;
+interface LayeredImageLayer extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" | "alt" | "width" | "height"> {
+    src: string;
+    alt?: string;
+    fit?: React.CSSProperties["objectFit"];
+    inset?: LayeredImageInset;
+    zIndex?: number;
+}
+interface LayeredImageProps extends React.HTMLAttributes<HTMLDivElement> {
+    layers: LayeredImageLayer[];
+    width?: number | string;
+    height?: number | string;
+    variant?: ImageVariant;
+    frame?: boolean;
+    padding?: number | string;
+    className?: string;
+}
+/**
+ * `LayeredImage` — stacks several images in the same box, useful for avatar + frame assets.
+ *
+ * @example
+ * <LayeredImage layers={[{ src: headUrl }, { src: frameUrl }]} width={48} height={48} />
+ */
+declare const LayeredImage: React.ForwardRefExoticComponent<LayeredImageProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Image, ImageGrid, type ImageGridProps, type ImageProps };
+export { Image, ImageGrid, type ImageGridItem, type ImageGridProps, type ImageProps, type ImageVariant, LayeredImage, type LayeredImageInset, type LayeredImageLayer, type LayeredImageProps, SpriteImage, type SpriteImageProps, type SpriteRect };

package/dist/Image.d.ts

@@ -1,30 +1,103 @@
 import * as React from 'react';
 
+type ImageVariant = "framed" | "raw" | "icon";
 interface ImageProps extends React.HTMLAttributes<HTMLDivElement> {
     src?: string;
     alt?: string;
     width?: number | string;
     height?: number | string;
+    /** Visual treatment. `framed` keeps the neumorphic shell; `raw`/`icon` remove padding by default. */
+    variant?: ImageVariant;
+    /** Whether to render the inner neumorphic frame. Defaults to true only for `framed`. */
+    frame?: boolean;
+    /** Outer padding. Defaults to 6px for framed images and 0 for raw/icon images. */
+    padding?: number | string;
+    /** CSS object-fit applied to the underlying img. */
+    objectFit?: React.CSSProperties["objectFit"];
+    /** CSS object-position applied to the underlying img. */
+    objectPosition?: React.CSSProperties["objectPosition"];
     /** Allow click-to-zoom preview overlay. */
     preview?: boolean;
     /** Hover scale-up. */
     hover?: boolean;
     /** Custom placeholder while loading or on error. */
     placeholder?: React.ReactNode;
+    /** Extra props forwarded to the underlying img. */
+    imgProps?: Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" | "alt" | "width" | "height">;
     className?: string;
 }
-/** `Image` — neumorphic framed image with optional preview overlay. */
+/**
+ * `Image` — image surface with framed, raw and icon-oriented variants.
+ *
+ * @example
+ * <Image src={url} width={240} height={160} />
+ * <Image variant="icon" src={iconUrl} width={48} height={48} preview={false} />
+ */
 declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLDivElement>>;
+interface ImageGridItem extends Omit<ImageProps, "children"> {
+    src: string;
+    alt?: string;
+}
 interface ImageGridProps extends React.HTMLAttributes<HTMLDivElement> {
-    images: {
-        src: string;
-        alt?: string;
-    }[];
+    images: ImageGridItem[];
     columns?: number;
     itemHeight?: number;
+    minItemWidth?: number | string;
+    gap?: number | string;
+    imageProps?: Omit<ImageProps, "src" | "alt" | "width" | "height">;
     className?: string;
 }
 /** `ImageGrid` — auto-fit grid of `Image` items. */
 declare const ImageGrid: React.ForwardRefExoticComponent<ImageGridProps & React.RefAttributes<HTMLDivElement>>;
+interface SpriteRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface SpriteImageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    src: string;
+    sprite: SpriteRect;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    scale?: number;
+    backgroundSize?: string;
+    variant?: ImageVariant;
+    frame?: boolean;
+    padding?: number | string;
+    className?: string;
+}
+/**
+ * `SpriteImage` — crops one rectangle from a sprite sheet.
+ *
+ * @example
+ * <SpriteImage src={sheetUrl} sprite={{ x: 64, y: 32, width: 32, height: 32 }} />
+ */
+declare const SpriteImage: React.ForwardRefExoticComponent<SpriteImageProps & React.RefAttributes<HTMLDivElement>>;
+type LayeredImageInset = number | string | Partial<Record<"top" | "right" | "bottom" | "left", number | string>>;
+interface LayeredImageLayer extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" | "alt" | "width" | "height"> {
+    src: string;
+    alt?: string;
+    fit?: React.CSSProperties["objectFit"];
+    inset?: LayeredImageInset;
+    zIndex?: number;
+}
+interface LayeredImageProps extends React.HTMLAttributes<HTMLDivElement> {
+    layers: LayeredImageLayer[];
+    width?: number | string;
+    height?: number | string;
+    variant?: ImageVariant;
+    frame?: boolean;
+    padding?: number | string;
+    className?: string;
+}
+/**
+ * `LayeredImage` — stacks several images in the same box, useful for avatar + frame assets.
+ *
+ * @example
+ * <LayeredImage layers={[{ src: headUrl }, { src: frameUrl }]} width={48} height={48} />
+ */
+declare const LayeredImage: React.ForwardRefExoticComponent<LayeredImageProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Image, ImageGrid, type ImageGridProps, type ImageProps };
+export { Image, ImageGrid, type ImageGridItem, type ImageGridProps, type ImageProps, type ImageVariant, LayeredImage, type LayeredImageInset, type LayeredImageLayer, type LayeredImageProps, SpriteImage, type SpriteImageProps, type SpriteRect };

package/dist/Image.js

@@ -1,2 +1,2 @@
-export { Image, ImageGrid } from './chunk-5M26OVVY.js';
-import './chunk-NJ6B22YJ.js';
+export { Image, ImageGrid, LayeredImage, SpriteImage } from './chunk-DWAN57G4.js';
+import './chunk-47VG2P34.js';

package/dist/{Input-33CAH4O6.css → Input-HUBJ55OH.css}

@@ -1,4 +1,4 @@
-/* ============ Input / Textarea ============ */
+/* ============ Input ============ */
 .input-shell {
   display: inline-flex;
   flex-direction: column;
@@ -36,6 +36,16 @@
   color: var(--fg-subtle);
   flex-shrink: 0;
   display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 0;
+}
+.input-wrap .lead img,
+.input-wrap .trail img {
+  display: block;
+  width: 16px;
+  height: 16px;
+  object-fit: contain;
 }
 .input-wrap .lead.interactive,
 .input-wrap .trail.interactive { cursor: pointer; pointer-events: auto; }
@@ -73,6 +83,20 @@
   background: var(--bg-sunken);
 }
 
+.input-password-toggle {
+  border: none;
+  background: transparent;
+  color: var(--fg-subtle);
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  font-family: inherit;
+  flex-shrink: 0;
+}
+.input-password-toggle:hover { color: var(--fg); }
+
 .input-wrap > .input {
   flex: 1;
   min-width: 0;
@@ -91,44 +115,3 @@
 .input-wrap.lg > .input { font-size: 14px; }
 .input-wrap > .input::placeholder { color: var(--fg-subtle); }
 .input-wrap.disabled > .input { cursor: not-allowed; }
-
-.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/Input.cjs

@@ -1,15 +1,16 @@
 'use strict';
 
-var chunk32HBMXXV_cjs = require('./chunk-32HBMXXV.cjs');
-require('./chunk-2MNAZRWE.cjs');
+var chunkHKF2V5MM_cjs = require('./chunk-HKF2V5MM.cjs');
+require('./chunk-MPVCYU2K.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunk32HBMXXV_cjs.Input; }
+  get: function () { return chunkHKF2V5MM_cjs.Input; }
 });
-Object.defineProperty(exports, "Textarea", {
+Object.defineProperty(exports, "InputPassword", {
   enumerable: true,
-  get: function () { return chunk32HBMXXV_cjs.Textarea; }
+  get: function () { return chunkHKF2V5MM_cjs.InputPassword; }
 });

package/dist/Input.d.cts

@@ -1,13 +1,18 @@
 import * as React from 'react';
-import { IconName } from './Icon.cjs';
+import { IconSlot } from './Icon.cjs';
+import { Textarea, TextareaProps } from './Textarea.cjs';
+import 'react/jsx-runtime';
 
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "prefix"> {
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "prefix" | "value" | "defaultValue"> {
     value?: string;
     defaultValue?: string;
-    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Native input change event. */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /** Convenience value callback for Lumina-style code. */
+    onValueChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
     placeholder?: string;
-    leadingIcon?: IconName;
-    trailingIcon?: IconName;
+    leadingIcon?: IconSlot;
+    trailingIcon?: IconSlot;
     /** 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. */
@@ -27,26 +32,18 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
     suffix?: React.ReactNode;
     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;
-    /** 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;
+interface InputPasswordProps extends Omit<InputProps, "type" | "trailingIcon" | "onTrailingIconClick"> {
+    /** Show the eye toggle. Default true. */
+    visibilityToggle?: boolean;
+    /** Customize the visibility icon. */
+    iconRender?: (visible: boolean) => React.ReactNode;
 }
-/**
- * `Textarea` — multi-line text input with the same neumorphic groove as `Input`.
- */
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+type InputComponent = React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>> & {
+    Password: React.ForwardRefExoticComponent<InputPasswordProps & React.RefAttributes<HTMLInputElement>>;
+    TextArea: typeof Textarea;
+};
+declare const InputPassword: React.ForwardRefExoticComponent<InputPasswordProps & React.RefAttributes<HTMLInputElement>>;
+declare const Input: InputComponent;
+type InputTextAreaProps = TextareaProps;
 
-export { Input, type InputProps, Textarea, type TextareaProps };
+export { Input, type InputComponent, InputPassword, type InputPasswordProps, type InputProps, type InputTextAreaProps };

package/dist/Input.d.ts

@@ -1,13 +1,18 @@
 import * as React from 'react';
-import { IconName } from './Icon.js';
+import { IconSlot } from './Icon.js';
+import { Textarea, TextareaProps } from './Textarea.js';
+import 'react/jsx-runtime';
 
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "prefix"> {
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "prefix" | "value" | "defaultValue"> {
     value?: string;
     defaultValue?: string;
-    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Native input change event. */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /** Convenience value callback for Lumina-style code. */
+    onValueChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
     placeholder?: string;
-    leadingIcon?: IconName;
-    trailingIcon?: IconName;
+    leadingIcon?: IconSlot;
+    trailingIcon?: IconSlot;
     /** 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. */
@@ -27,26 +32,18 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
     suffix?: React.ReactNode;
     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;
-    /** 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;
+interface InputPasswordProps extends Omit<InputProps, "type" | "trailingIcon" | "onTrailingIconClick"> {
+    /** Show the eye toggle. Default true. */
+    visibilityToggle?: boolean;
+    /** Customize the visibility icon. */
+    iconRender?: (visible: boolean) => React.ReactNode;
 }
-/**
- * `Textarea` — multi-line text input with the same neumorphic groove as `Input`.
- */
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+type InputComponent = React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>> & {
+    Password: React.ForwardRefExoticComponent<InputPasswordProps & React.RefAttributes<HTMLInputElement>>;
+    TextArea: typeof Textarea;
+};
+declare const InputPassword: React.ForwardRefExoticComponent<InputPasswordProps & React.RefAttributes<HTMLInputElement>>;
+declare const Input: InputComponent;
+type InputTextAreaProps = TextareaProps;
 
-export { Input, type InputProps, Textarea, type TextareaProps };
+export { Input, type InputComponent, InputPassword, type InputPasswordProps, type InputProps, type InputTextAreaProps };

package/dist/Input.js

@@ -1,2 +1,3 @@
-export { Input, Textarea } from './chunk-DPNDHNKK.js';
-import './chunk-NJ6B22YJ.js';
+export { Input, InputPassword } from './chunk-UKS23N3L.js';
+import './chunk-HLFH5HWR.js';
+import './chunk-47VG2P34.js';

package/dist/InputNumber.cjs

@@ -1,12 +1,13 @@
 'use strict';
 
-var chunk3TWNBJFI_cjs = require('./chunk-3TWNBJFI.cjs');
-require('./chunk-32HBMXXV.cjs');
-require('./chunk-2MNAZRWE.cjs');
+var chunkQP3VCSRY_cjs = require('./chunk-QP3VCSRY.cjs');
+require('./chunk-HKF2V5MM.cjs');
+require('./chunk-MPVCYU2K.cjs');
+require('./chunk-V272XR3F.cjs');
 
 
 
 Object.defineProperty(exports, "InputNumber", {
   enumerable: true,
-  get: function () { return chunk3TWNBJFI_cjs.InputNumber; }
+  get: function () { return chunkQP3VCSRY_cjs.InputNumber; }
 });

package/dist/InputNumber.d.cts

@@ -9,7 +9,7 @@ interface InputNumberProps extends Omit<React.InputHTMLAttributes<HTMLInputEleme
     onChange?: (value: number | null) => void;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;
     onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    /** Fires when the Enter key is pressed (matches antd's `onPressEnter`). */
+    /** Fires when the Enter key is pressed. */
     onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;
     min?: number;
     max?: number;

package/dist/InputNumber.d.ts

@@ -9,7 +9,7 @@ interface InputNumberProps extends Omit<React.InputHTMLAttributes<HTMLInputEleme
     onChange?: (value: number | null) => void;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;
     onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    /** Fires when the Enter key is pressed (matches antd's `onPressEnter`). */
+    /** Fires when the Enter key is pressed. */
     onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;
     min?: number;
     max?: number;

package/dist/InputNumber.js

@@ -1,3 +1,4 @@
-export { InputNumber } from './chunk-OI3CWXT3.js';
-import './chunk-DPNDHNKK.js';
-import './chunk-NJ6B22YJ.js';
+export { InputNumber } from './chunk-BVQ77VRY.js';
+import './chunk-UKS23N3L.js';
+import './chunk-HLFH5HWR.js';
+import './chunk-47VG2P34.js';

package/dist/Message-2MZ3LFPU.css

@@ -0,0 +1,45 @@
+/* ============ Message ============ */
+.message-container {
+  position: fixed;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  z-index: 300;
+  pointer-events: none;
+}
+.message-container.top-right    { top: 56px; right: 20px; }
+.message-container.top-left     { top: 56px; left: 20px; }
+.message-container.bottom-right { bottom: 20px; right: 20px; }
+.message-container.bottom-left  { bottom: 20px; left: 20px; }
+.message-container.top-center   { top: 56px; left: 50%; transform: translateX(-50%); align-items: center; }
+.message {
+  background: var(--bg);
+  border-radius: var(--r-md);
+  box-shadow: var(--neu-float);
+  padding: 12px 16px;
+  min-width: 240px;
+  display: flex; align-items: center; gap: 10px;
+  font-size: 13px;
+  pointer-events: auto;
+  animation: messageIn var(--dur-slow) var(--ease);
+  border-left: 3px solid var(--accent);
+}
+.message.success { border-color: var(--success); }
+.message.warning { border-color: var(--warning); }
+.message.error   { border-color: var(--danger); }
+.message .message-icon { color: var(--accent); flex-shrink: 0; }
+.message.success .message-icon { color: var(--success); }
+.message.warning .message-icon { color: var(--warning); }
+.message.error   .message-icon { color: var(--danger); }
+.message-body { flex: 1; min-width: 0; }
+.message-title { font-weight: 600; margin-bottom: 2px; }
+.message-content { color: var(--fg-muted); font-size: 12px; }
+.message-close {
+  background: transparent; border: none;
+  color: var(--fg-subtle); cursor: pointer;
+  padding: 0 2px; font-family: inherit;
+}
+.message-close:hover { color: var(--fg); }
+.message.leaving { animation: messageOut var(--dur) var(--ease) forwards; }
+@keyframes messageIn  { from { opacity: 0; transform: translateX(20px); } }
+@keyframes messageOut { to   { opacity: 0; transform: translateX(20px); } }

package/dist/Message.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var chunkZKE73UQF_cjs = require('./chunk-ZKE73UQF.cjs');
+require('./chunk-V272XR3F.cjs');
+
+
+
+Object.defineProperty(exports, "MessageContainer", {
+  enumerable: true,
+  get: function () { return chunkZKE73UQF_cjs.MessageContainer; }
+});
+Object.defineProperty(exports, "ToastContainer", {
+  enumerable: true,
+  get: function () { return chunkZKE73UQF_cjs.ToastContainer; }
+});
+Object.defineProperty(exports, "message", {
+  enumerable: true,
+  get: function () { return chunkZKE73UQF_cjs.message; }
+});
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () { return chunkZKE73UQF_cjs.toast; }
+});