@fangxinyan/lumina 0.5.0 → 0.6.0

package/dist/Input.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkYFBHVTKN_cjs = require('./chunk-YFBHVTKN.cjs');
-require('./chunk-YCHUHMNP.cjs');
+var chunkWFFWVQK4_cjs = require('./chunk-WFFWVQK4.cjs');
+require('./chunk-DH4NYYJP.cjs');
 
 
 
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunkYFBHVTKN_cjs.Input; }
+  get: function () { return chunkWFFWVQK4_cjs.Input; }
 });
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
-  get: function () { return chunkYFBHVTKN_cjs.Textarea; }
+  get: function () { return chunkWFFWVQK4_cjs.Textarea; }
 });
 //# sourceMappingURL=Input.cjs.map
 //# sourceMappingURL=Input.cjs.map

package/dist/Input.js

@@ -1,4 +1,4 @@
-export { Input, Textarea } from './chunk-WUOFJPZ4.js';
-import './chunk-QOGROEVD.js';
+export { Input, Textarea } from './chunk-ZZXNHPF3.js';
+import './chunk-BSHHQOFY.js';
 //# sourceMappingURL=Input.js.map
 //# sourceMappingURL=Input.js.map

package/dist/InputNumber.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkBCPAY65C_cjs = require('./chunk-BCPAY65C.cjs');
-require('./chunk-YFBHVTKN.cjs');
-require('./chunk-YCHUHMNP.cjs');
+var chunkHHSVGNJA_cjs = require('./chunk-HHSVGNJA.cjs');
+require('./chunk-WFFWVQK4.cjs');
+require('./chunk-DH4NYYJP.cjs');
 
 
 
 Object.defineProperty(exports, "InputNumber", {
   enumerable: true,
-  get: function () { return chunkBCPAY65C_cjs.InputNumber; }
+  get: function () { return chunkHHSVGNJA_cjs.InputNumber; }
 });
 //# sourceMappingURL=InputNumber.cjs.map
 //# sourceMappingURL=InputNumber.cjs.map

package/dist/InputNumber.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-interface InputNumberProps {
+interface InputNumberProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "size" | "prefix" | "suffix" | "type"> {
     /** Controlled value. `null` = empty field. */
     value?: number | null;
     /** Uncontrolled initial value. */
@@ -27,10 +27,6 @@ interface InputNumberProps {
     className?: string;
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
-    autoFocus?: boolean;
-    id?: string;
-    name?: string;
-    style?: React.CSSProperties;
 }
 /**
  * `InputNumber` — numeric input with up/down stepper buttons. Arrow-key

package/dist/InputNumber.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-interface InputNumberProps {
+interface InputNumberProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "size" | "prefix" | "suffix" | "type"> {
     /** Controlled value. `null` = empty field. */
     value?: number | null;
     /** Uncontrolled initial value. */
@@ -27,10 +27,6 @@ interface InputNumberProps {
     className?: string;
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
-    autoFocus?: boolean;
-    id?: string;
-    name?: string;
-    style?: React.CSSProperties;
 }
 /**
  * `InputNumber` — numeric input with up/down stepper buttons. Arrow-key

package/dist/InputNumber.js

@@ -1,5 +1,5 @@
-export { InputNumber } from './chunk-E62JFAHW.js';
-import './chunk-WUOFJPZ4.js';
-import './chunk-QOGROEVD.js';
+export { InputNumber } from './chunk-LSQD2GFA.js';
+import './chunk-ZZXNHPF3.js';
+import './chunk-BSHHQOFY.js';
 //# sourceMappingURL=InputNumber.js.map
 //# sourceMappingURL=InputNumber.js.map

package/dist/List.cjs

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

package/dist/List.d.cts

@@ -8,13 +8,13 @@ interface ListItem {
     actions?: React.ReactNode;
     onClick?: () => void;
 }
-interface ListProps {
+interface ListProps extends Omit<React.HTMLAttributes<HTMLUListElement>, "children"> {
     items: ListItem[];
     /** Show dividers between items. */
     dividers?: boolean;
     className?: string;
 }
 /** `List` — vertical list of rows. */
-declare const List: React.FC<ListProps>;
+declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement>>;
 
 export { List, type ListItem, type ListProps };

package/dist/List.d.ts

@@ -8,13 +8,13 @@ interface ListItem {
     actions?: React.ReactNode;
     onClick?: () => void;
 }
-interface ListProps {
+interface ListProps extends Omit<React.HTMLAttributes<HTMLUListElement>, "children"> {
     items: ListItem[];
     /** Show dividers between items. */
     dividers?: boolean;
     className?: string;
 }
 /** `List` — vertical list of rows. */
-declare const List: React.FC<ListProps>;
+declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement>>;
 
 export { List, type ListItem, type ListProps };

package/dist/List.js

@@ -1,3 +1,3 @@
-export { List } from './chunk-WDBJVKSR.js';
+export { List } from './chunk-2LIX7ZHX.js';
 //# sourceMappingURL=List.js.map
 //# sourceMappingURL=List.js.map

package/dist/Modal.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkSMHXSEBD_cjs = require('./chunk-SMHXSEBD.cjs');
-require('./chunk-RWHWEQQX.cjs');
-require('./chunk-YCHUHMNP.cjs');
+var chunkJAGJQDAV_cjs = require('./chunk-JAGJQDAV.cjs');
+require('./chunk-JF2WNLPF.cjs');
+require('./chunk-DH4NYYJP.cjs');
 
 
 
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunkSMHXSEBD_cjs.Modal; }
+  get: function () { return chunkJAGJQDAV_cjs.Modal; }
 });
 //# sourceMappingURL=Modal.cjs.map
 //# sourceMappingURL=Modal.cjs.map

package/dist/Modal.d.cts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ButtonProps } from './Button.cjs';
 import './Icon.cjs';
 
-interface ModalProps {
+interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children" | "onClose"> {
     /** Whether the modal is visible. */
     open: boolean;
     /** Fired by mask click / close button / Esc. Also the fallback for cancel. */
@@ -51,6 +51,6 @@ interface ModalProps {
     className?: string;
 }
 /** `Modal` — centered dialog with mask. Renders into `document.body`. */
-declare const Modal: React.FC<ModalProps>;
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Modal, type ModalProps };

package/dist/Modal.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ButtonProps } from './Button.js';
 import './Icon.js';
 
-interface ModalProps {
+interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "children" | "onClose"> {
     /** Whether the modal is visible. */
     open: boolean;
     /** Fired by mask click / close button / Esc. Also the fallback for cancel. */
@@ -51,6 +51,6 @@ interface ModalProps {
     className?: string;
 }
 /** `Modal` — centered dialog with mask. Renders into `document.body`. */
-declare const Modal: React.FC<ModalProps>;
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Modal, type ModalProps };

package/dist/Modal.js

@@ -1,5 +1,5 @@
-export { Modal } from './chunk-TZLM5GF4.js';
-import './chunk-JXHMJUVI.js';
-import './chunk-QOGROEVD.js';
+export { Modal } from './chunk-PX5ABNKV.js';
+import './chunk-6FSOJLY6.js';
+import './chunk-BSHHQOFY.js';
 //# sourceMappingURL=Modal.js.map
 //# sourceMappingURL=Modal.js.map

package/dist/Pagination.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunk77TZHI76_cjs = require('./chunk-77TZHI76.cjs');
-require('./chunk-T4PI2ZX7.cjs');
-require('./chunk-RQV7SMIZ.cjs');
-require('./chunk-RZ2E3XEU.cjs');
-require('./chunk-YCHUHMNP.cjs');
+var chunkMU4GGX6C_cjs = require('./chunk-MU4GGX6C.cjs');
+require('./chunk-ZM4P6ELG.cjs');
+require('./chunk-QCNHDDSD.cjs');
+require('./chunk-3XIDJEYR.cjs');
+require('./chunk-DH4NYYJP.cjs');
 
 
 
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function () { return chunk77TZHI76_cjs.Pagination; }
+  get: function () { return chunkMU4GGX6C_cjs.Pagination; }
 });
 //# sourceMappingURL=Pagination.cjs.map
 //# sourceMappingURL=Pagination.cjs.map

package/dist/Pagination.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-interface PaginationProps {
+interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
     /** Total number of items. */
     total: number;
     /** Items per page. */
@@ -28,6 +28,6 @@ interface PaginationProps {
     className?: string;
 }
 /** `Pagination` — page number controls. */
-declare const Pagination: React.FC<PaginationProps>;
+declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Pagination, type PaginationProps };

package/dist/Pagination.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-interface PaginationProps {
+interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
     /** Total number of items. */
     total: number;
     /** Items per page. */
@@ -28,6 +28,6 @@ interface PaginationProps {
     className?: string;
 }
 /** `Pagination` — page number controls. */
-declare const Pagination: React.FC<PaginationProps>;
+declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Pagination, type PaginationProps };

package/dist/Pagination.js

@@ -1,7 +1,7 @@
-export { Pagination } from './chunk-AESLEYST.js';
-import './chunk-6XZ362VL.js';
-import './chunk-LXNR6TQK.js';
-import './chunk-V2DIQ3RH.js';
-import './chunk-QOGROEVD.js';
+export { Pagination } from './chunk-DB5JMXOI.js';
+import './chunk-RHZOBQON.js';
+import './chunk-D242UJZO.js';
+import './chunk-ANAQER3T.js';
+import './chunk-BSHHQOFY.js';
 //# sourceMappingURL=Pagination.js.map
 //# sourceMappingURL=Pagination.js.map

package/dist/Popover-DVGQGWX6.css

@@ -0,0 +1,103 @@
+/* ============ Popover ============ */
+.popover {
+  z-index: 1000;
+  background: var(--bg);
+  border-radius: var(--r-md);
+  min-width: 220px;
+  box-shadow: var(--neu-float);
+  position: relative;
+}
+
+/*
+ * Direction-aware entrance.
+ * We animate `opacity` + `translate` (the standalone property, NOT `transform`)
+ * so we don't clobber the inline `transform: translateX(-50%)` that useFloating
+ * applies for cross-axis centering.
+ */
+.popover-bottom { animation: popoverInDown var(--dur) var(--ease); }
+.popover-top    { animation: popoverInUp   var(--dur) var(--ease); }
+.popover-left   { animation: popoverInLeft var(--dur) var(--ease); }
+.popover-right  { animation: popoverInRight var(--dur) var(--ease); }
+
+@keyframes popoverInDown  { from { opacity: 0; translate: 0 -6px; } }
+@keyframes popoverInUp    { from { opacity: 0; translate: 0  6px; } }
+@keyframes popoverInLeft  { from { opacity: 0; translate:  6px 0; } }
+@keyframes popoverInRight { from { opacity: 0; translate: -6px 0; } }
+
+/* ---- Header ---- */
+.popover-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--gap-3) var(--gap-3) 0;
+  gap: var(--gap-2);
+}
+
+.popover-title {
+  font-weight: 600;
+  font-size: 14px;
+  color: var(--fg);
+}
+
+.popover-close {
+  all: unset;
+  cursor: pointer;
+  font-size: 16px;
+  color: var(--fg-muted);
+  line-height: 1;
+  padding: 2px 4px;
+  border-radius: var(--r-xs);
+  transition: color var(--dur-fast) var(--ease);
+  margin-left: auto;
+}
+.popover-close:hover {
+  color: var(--fg);
+}
+
+/* ---- Body ---- */
+.popover-body {
+  padding: var(--gap-3);
+}
+
+.popover-header + .popover-body {
+  padding-top: var(--gap-2);
+}
+
+/* ---- Arrow ---- */
+.popover-arrow {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  background: var(--bg);
+  box-shadow: 2px 2px 4px rgba(163, 177, 198, 0.2);
+  transform: rotate(45deg);
+  pointer-events: none;
+}
+
+.popover-arrow-bottom {
+  top: -5px;
+  left: 50%;
+  margin-left: -5px;
+  box-shadow: -2px -2px 4px rgba(163, 177, 198, 0.2);
+}
+
+.popover-arrow-top {
+  bottom: -5px;
+  left: 50%;
+  margin-left: -5px;
+  box-shadow: 2px 2px 4px rgba(163, 177, 198, 0.2);
+}
+
+.popover-arrow-left {
+  right: -5px;
+  top: 50%;
+  margin-top: -5px;
+  box-shadow: 2px -2px 4px rgba(163, 177, 198, 0.2);
+}
+
+.popover-arrow-right {
+  left: -5px;
+  top: 50%;
+  margin-top: -5px;
+  box-shadow: -2px 2px 4px rgba(163, 177, 198, 0.2);
+}

package/dist/Popover.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkO2HMH5BI_cjs = require('./chunk-O2HMH5BI.cjs');
-require('./chunk-RZ2E3XEU.cjs');
+var chunkRNVE2LMJ_cjs = require('./chunk-RNVE2LMJ.cjs');
+require('./chunk-3XIDJEYR.cjs');
 
 
 
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function () { return chunkO2HMH5BI_cjs.Popover; }
+  get: function () { return chunkRNVE2LMJ_cjs.Popover; }
 });
 //# sourceMappingURL=Popover.cjs.map
 //# sourceMappingURL=Popover.cjs.map

package/dist/Popover.d.cts

@@ -1,16 +1,38 @@
 import * as React from 'react';
 
-interface PopoverProps {
+interface PopoverProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "title" | "children" | "content"> {
+    /** Popover body content. */
     content: React.ReactNode;
+    /** Optional title rendered above content. */
+    title?: React.ReactNode;
+    /** Preferred placement relative to the trigger. */
     placement?: "top" | "bottom" | "left" | "right";
+    /** How the popover is triggered. */
     trigger?: "click" | "hover";
+    /** Show a small arrow pointing at the trigger. */
+    arrow?: boolean;
+    /** Show a close button in the header (click trigger only). */
+    closable?: boolean;
+    /** Panel width in px, or `"auto"` to fit content. */
+    width?: number | "auto";
+    /** Uncontrolled initial open state. */
     defaultOpen?: boolean;
+    /** Controlled open state. */
     open?: boolean;
+    /** Callback when visibility changes. */
     onOpenChange?: (open: boolean) => void;
+    /** Trigger element. */
     children: React.ReactElement;
     className?: string;
 }
-/** `Popover` — rich content bubble. */
-declare const Popover: React.FC<PopoverProps>;
+/**
+ * `Popover` — rich content bubble with optional title, arrow, and close button.
+ *
+ * @example
+ * <Popover title="Confirm" content={<p>Are you sure?</p>} arrow>
+ *   <Button>Delete</Button>
+ * </Popover>
+ */
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLSpanElement>>;
 
 export { Popover, type PopoverProps };

package/dist/Popover.d.ts

@@ -1,16 +1,38 @@
 import * as React from 'react';
 
-interface PopoverProps {
+interface PopoverProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "title" | "children" | "content"> {
+    /** Popover body content. */
     content: React.ReactNode;
+    /** Optional title rendered above content. */
+    title?: React.ReactNode;
+    /** Preferred placement relative to the trigger. */
     placement?: "top" | "bottom" | "left" | "right";
+    /** How the popover is triggered. */
     trigger?: "click" | "hover";
+    /** Show a small arrow pointing at the trigger. */
+    arrow?: boolean;
+    /** Show a close button in the header (click trigger only). */
+    closable?: boolean;
+    /** Panel width in px, or `"auto"` to fit content. */
+    width?: number | "auto";
+    /** Uncontrolled initial open state. */
     defaultOpen?: boolean;
+    /** Controlled open state. */
     open?: boolean;
+    /** Callback when visibility changes. */
     onOpenChange?: (open: boolean) => void;
+    /** Trigger element. */
     children: React.ReactElement;
     className?: string;
 }
-/** `Popover` — rich content bubble. */
-declare const Popover: React.FC<PopoverProps>;
+/**
+ * `Popover` — rich content bubble with optional title, arrow, and close button.
+ *
+ * @example
+ * <Popover title="Confirm" content={<p>Are you sure?</p>} arrow>
+ *   <Button>Delete</Button>
+ * </Popover>
+ */
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLSpanElement>>;
 
 export { Popover, type PopoverProps };

package/dist/Popover.js

@@ -1,4 +1,4 @@
-export { Popover } from './chunk-3UU2PUK4.js';
-import './chunk-V2DIQ3RH.js';
+export { Popover } from './chunk-XYGRVPUA.js';
+import './chunk-ANAQER3T.js';
 //# sourceMappingURL=Popover.js.map
 //# sourceMappingURL=Popover.js.map

package/dist/Progress-CHV7DN6Y.css

@@ -0,0 +1,80 @@
+/* ============ Progress ============ */
+.progress {
+  --progress-fill: var(--accent);
+  --progress-fill-glow: var(--accent-glow);
+  --progress-inset: 2px;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.progress.sm { --progress-inset: 1px; }
+.progress.lg { --progress-inset: 2px; }
+.progress.success {
+  --progress-fill: var(--success);
+  --progress-fill-glow: color-mix(in oklch, var(--success) 35%, transparent);
+}
+.progress.warning {
+  --progress-fill: var(--warning);
+  --progress-fill-glow: color-mix(in oklch, var(--warning) 35%, transparent);
+}
+.progress.danger {
+  --progress-fill: var(--danger);
+  --progress-fill-glow: color-mix(in oklch, var(--danger) 35%, transparent);
+}
+.progress-label {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+  color: var(--fg-muted);
+}
+.progress-label .v { font-family: var(--font-mono); }
+.progress-track {
+  width: 100%;
+  height: 10px;
+  border-radius: 999px;
+  padding: var(--progress-inset);
+  box-sizing: border-box;
+  background: linear-gradient(
+    180deg,
+    color-mix(in oklch, var(--bg) 88%, var(--shadow-light)),
+    color-mix(in oklch, var(--bg) 92%, var(--shadow-dark))
+  );
+  box-shadow: var(--neu-in-sm);
+  overflow: hidden;
+  position: relative;
+}
+.progress.sm .progress-track { height: 6px; }
+.progress.lg .progress-track { height: 14px; }
+.progress-bar {
+  position: relative;
+  height: 100%;
+  border-radius: inherit;
+  background: linear-gradient(
+    180deg,
+    color-mix(in oklch, var(--progress-fill) 68%, var(--shadow-light)) 0%,
+    var(--progress-fill) 55%,
+    color-mix(in oklch, var(--progress-fill) 84%, var(--shadow-dark)) 100%
+  );
+  box-shadow:
+    inset 1px 1px 2px color-mix(in oklch, var(--progress-fill) 18%, var(--shadow-dark)),
+    inset -1px -1px 2px color-mix(in oklch, var(--progress-fill) 14%, var(--shadow-light)),
+    1px 1px 4px color-mix(in oklch, var(--progress-fill) 16%, var(--shadow-dark)),
+    -1px -1px 4px color-mix(in oklch, var(--progress-fill) 10%, var(--shadow-light)),
+    0 0 10px var(--progress-fill-glow);
+  transition: width var(--dur-slow) var(--ease), box-shadow var(--dur) var(--ease);
+  overflow: hidden;
+}
+.progress-bar::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  background: linear-gradient(
+    180deg,
+    color-mix(in oklch, var(--shadow-light) 72%, transparent) 0%,
+    color-mix(in oklch, var(--shadow-light) 28%, transparent) 38%,
+    transparent 70%
+  );
+  pointer-events: none;
+}

package/dist/Progress.cjs

@@ -1,16 +1,12 @@
 'use strict';
 
-var chunk5BFETKVP_cjs = require('./chunk-5BFETKVP.cjs');
+var chunk3EGZ6TBF_cjs = require('./chunk-3EGZ6TBF.cjs');
 
 
 
 Object.defineProperty(exports, "Progress", {
   enumerable: true,
-  get: function () { return chunk5BFETKVP_cjs.Progress; }
-});
-Object.defineProperty(exports, "Ring", {
-  enumerable: true,
-  get: function () { return chunk5BFETKVP_cjs.Ring; }
+  get: function () { return chunk3EGZ6TBF_cjs.Progress; }
 });
 //# sourceMappingURL=Progress.cjs.map
 //# sourceMappingURL=Progress.cjs.map

package/dist/Progress.d.cts

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