@mieweb/ui 0.7.3 → 0.8.0-dev.1

package/dist/components/Input/index.d.cts

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
@@ -5,19 +6,52 @@ import { VariantProps } from 'class-variance-authority';
 declare const inputVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     hasError?: boolean | null | undefined;
+    labelVariant?: "stacked" | "floating" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
+declare const floatingGroupVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    hasError?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const floatingGroupLabelVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    hasError?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const floatingLabelVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    hasError?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, Omit<VariantProps<typeof inputVariants>, 'labelVariant'> {
     /** Error message to display below the input */
     error?: string;
     /** Helper text to display below the input */
     helperText?: string;
     /** Label for the input */
     label?: string;
+    /**
+     * How the label is rendered.
+     * - `stacked` (default): label above the input.
+     * - `floating`: label rests inside the input like a placeholder and floats
+     *   to the top of the field (staying inside it) when focused or filled.
+     *   Ignores `placeholder`; when `hideLabel` is set, falls back to a
+     *   visually-hidden stacked label.
+     */
+    labelVariant?: 'stacked' | 'floating';
     /** Whether the label should be visually hidden (still accessible) */
     hideLabel?: boolean;
     /** Whether the input is required */
     required?: boolean;
+    /**
+     * Color of the required asterisk.
+     * - `default`: destructive (hard requirement).
+     * - `warning`: warning color (soft requirement / recommended).
+     */
+    requiredVariant?: RequiredMarkVariant;
 }
+type RequiredMarkVariant = 'default' | 'warning';
+/** Asterisk rendered next to a label when the field is required. */
+declare function RequiredMark({ variant, }: {
+    variant?: RequiredMarkVariant;
+}): react_jsx_runtime.JSX.Element;
 /**
  * A styled input component with support for labels, errors, and helper text.
  *
@@ -25,8 +59,9 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, '
  * ```tsx
  * <Input label="Email" type="email" placeholder="you@example.com" />
  * <Input label="Password" type="password" error="Password is required" hasError />
+ * <Input label="Account number" labelVariant="floating" />
  * ```
  */
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 
-export { Input, type InputProps, inputVariants };
+export { Input, type InputProps, RequiredMark, type RequiredMarkVariant, floatingGroupLabelVariants, floatingGroupVariants, floatingLabelVariants, inputVariants };

package/dist/components/Input/index.d.ts

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
@@ -5,19 +6,52 @@ import { VariantProps } from 'class-variance-authority';
 declare const inputVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     hasError?: boolean | null | undefined;
+    labelVariant?: "stacked" | "floating" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
+declare const floatingGroupVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    hasError?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const floatingGroupLabelVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    hasError?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const floatingLabelVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    hasError?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, Omit<VariantProps<typeof inputVariants>, 'labelVariant'> {
     /** Error message to display below the input */
     error?: string;
     /** Helper text to display below the input */
     helperText?: string;
     /** Label for the input */
     label?: string;
+    /**
+     * How the label is rendered.
+     * - `stacked` (default): label above the input.
+     * - `floating`: label rests inside the input like a placeholder and floats
+     *   to the top of the field (staying inside it) when focused or filled.
+     *   Ignores `placeholder`; when `hideLabel` is set, falls back to a
+     *   visually-hidden stacked label.
+     */
+    labelVariant?: 'stacked' | 'floating';
     /** Whether the label should be visually hidden (still accessible) */
     hideLabel?: boolean;
     /** Whether the input is required */
     required?: boolean;
+    /**
+     * Color of the required asterisk.
+     * - `default`: destructive (hard requirement).
+     * - `warning`: warning color (soft requirement / recommended).
+     */
+    requiredVariant?: RequiredMarkVariant;
 }
+type RequiredMarkVariant = 'default' | 'warning';
+/** Asterisk rendered next to a label when the field is required. */
+declare function RequiredMark({ variant, }: {
+    variant?: RequiredMarkVariant;
+}): react_jsx_runtime.JSX.Element;
 /**
  * A styled input component with support for labels, errors, and helper text.
  *
@@ -25,8 +59,9 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, '
  * ```tsx
  * <Input label="Email" type="email" placeholder="you@example.com" />
  * <Input label="Password" type="password" error="Password is required" hasError />
+ * <Input label="Account number" labelVariant="floating" />
  * ```
  */
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 
-export { Input, type InputProps, inputVariants };
+export { Input, type InputProps, RequiredMark, type RequiredMarkVariant, floatingGroupLabelVariants, floatingGroupVariants, floatingLabelVariants, inputVariants };

package/dist/components/Input/index.js

@@ -1,4 +1,5 @@
-export { Input, inputVariants } from '../../chunk-YXCE2HSK.js';
+import '../../chunk-6NZXWKUE.js';
+export { Input, RequiredMark, floatingGroupLabelVariants, floatingGroupVariants, floatingLabelVariants, inputVariants } from '../../chunk-3IMM2PM4.js';
 import '../../chunk-TQONQSJO.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/KeyboardShortcutsOverlay/index.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunk3SHLOF4V_cjs = require('../../chunk-3SHLOF4V.cjs');
+require('../../chunk-P2VTQ5AR.cjs');
+require('../../chunk-NNEFAUHV.cjs');
+require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-SCV7C55E.cjs');
+
+
+
+Object.defineProperty(exports, "Kbd", {
+  enumerable: true,
+  get: function () { return chunk3SHLOF4V_cjs.Kbd; }
+});
+Object.defineProperty(exports, "KeyboardShortcutsOverlay", {
+  enumerable: true,
+  get: function () { return chunk3SHLOF4V_cjs.KeyboardShortcutsOverlay; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/KeyboardShortcutsOverlay/index.cjs.map

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

package/dist/components/KeyboardShortcutsOverlay/index.d.cts

@@ -0,0 +1,54 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type KbdProps = React.HTMLAttributes<HTMLElement>;
+/** A keyboard-key chip: `<Kbd>⌘K</Kbd>`. */
+declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;
+interface ShortcutDef {
+    /** Key or alternatives — `"j"`, `["j", "↓"]`, `"⌘K"`. */
+    keys: string | string[];
+    description: string;
+}
+interface ShortcutGroup {
+    title: string;
+    shortcuts: ShortcutDef[];
+}
+interface KeyboardShortcutsOverlayProps {
+    open: boolean;
+    onClose: () => void;
+    /** Flat list of shortcuts, or use `groups` for sectioned help. */
+    shortcuts?: ShortcutDef[];
+    /** Sectioned shortcuts with group headings. */
+    groups?: ShortcutGroup[];
+    title?: string;
+    /** Footer hint. Pass `null` to hide it. */
+    hint?: React.ReactNode | null;
+    /** Joins key alternatives (default "or"), overridable for i18n. */
+    alternativesLabel?: string;
+}
+/**
+ * The `?` keyboard-shortcuts help dialog: a list of shortcut rows
+ * (optionally grouped) with `Kbd` chips for each key. Pairs with the
+ * `useKeyboardShortcut` hook, which handles the binding — this component
+ * only renders the help.
+ *
+ * @example
+ * ```tsx
+ * const [open, setOpen] = useState(false);
+ * useKeyboardShortcut('?', () => setOpen((v) => !v), {
+ *   modifiers: { shift: true },
+ * });
+ *
+ * <KeyboardShortcutsOverlay
+ *   open={open}
+ *   onClose={() => setOpen(false)}
+ *   shortcuts={[
+ *     { keys: ['j', '↓'], description: 'Next record' },
+ *     { keys: '⌘K', description: 'Command palette' },
+ *   ]}
+ * />
+ * ```
+ */
+declare function KeyboardShortcutsOverlay({ open, onClose, shortcuts, groups, title, hint, alternativesLabel, }: KeyboardShortcutsOverlayProps): react_jsx_runtime.JSX.Element;
+
+export { Kbd, type KbdProps, KeyboardShortcutsOverlay, type KeyboardShortcutsOverlayProps, type ShortcutDef, type ShortcutGroup };

package/dist/components/KeyboardShortcutsOverlay/index.d.ts

@@ -0,0 +1,54 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type KbdProps = React.HTMLAttributes<HTMLElement>;
+/** A keyboard-key chip: `<Kbd>⌘K</Kbd>`. */
+declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;
+interface ShortcutDef {
+    /** Key or alternatives — `"j"`, `["j", "↓"]`, `"⌘K"`. */
+    keys: string | string[];
+    description: string;
+}
+interface ShortcutGroup {
+    title: string;
+    shortcuts: ShortcutDef[];
+}
+interface KeyboardShortcutsOverlayProps {
+    open: boolean;
+    onClose: () => void;
+    /** Flat list of shortcuts, or use `groups` for sectioned help. */
+    shortcuts?: ShortcutDef[];
+    /** Sectioned shortcuts with group headings. */
+    groups?: ShortcutGroup[];
+    title?: string;
+    /** Footer hint. Pass `null` to hide it. */
+    hint?: React.ReactNode | null;
+    /** Joins key alternatives (default "or"), overridable for i18n. */
+    alternativesLabel?: string;
+}
+/**
+ * The `?` keyboard-shortcuts help dialog: a list of shortcut rows
+ * (optionally grouped) with `Kbd` chips for each key. Pairs with the
+ * `useKeyboardShortcut` hook, which handles the binding — this component
+ * only renders the help.
+ *
+ * @example
+ * ```tsx
+ * const [open, setOpen] = useState(false);
+ * useKeyboardShortcut('?', () => setOpen((v) => !v), {
+ *   modifiers: { shift: true },
+ * });
+ *
+ * <KeyboardShortcutsOverlay
+ *   open={open}
+ *   onClose={() => setOpen(false)}
+ *   shortcuts={[
+ *     { keys: ['j', '↓'], description: 'Next record' },
+ *     { keys: '⌘K', description: 'Command palette' },
+ *   ]}
+ * />
+ * ```
+ */
+declare function KeyboardShortcutsOverlay({ open, onClose, shortcuts, groups, title, hint, alternativesLabel, }: KeyboardShortcutsOverlayProps): react_jsx_runtime.JSX.Element;
+
+export { Kbd, type KbdProps, KeyboardShortcutsOverlay, type KeyboardShortcutsOverlayProps, type ShortcutDef, type ShortcutGroup };

package/dist/components/KeyboardShortcutsOverlay/index.js

@@ -0,0 +1,8 @@
+export { Kbd, KeyboardShortcutsOverlay } from '../../chunk-X5ZPYYMS.js';
+import '../../chunk-XMCIXHGH.js';
+import '../../chunk-4SMSH4OY.js';
+import '../../chunk-T4ME7QCT.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-VSQF22GL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/KeyboardShortcutsOverlay/index.js.map

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

package/dist/components/Markdown/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkLJBWCUKP_cjs = require('../../chunk-LJBWCUKP.cjs');
-var chunkK4S4FAYX_cjs = require('../../chunk-K4S4FAYX.cjs');
+var chunkWIYQI35R_cjs = require('../../chunk-WIYQI35R.cjs');
 var chunkFN6VHMLM_cjs = require('../../chunk-FN6VHMLM.cjs');
 var chunkP3JEMF6E_cjs = require('../../chunk-P3JEMF6E.cjs');
 var chunk4CUFXCC5_cjs = require('../../chunk-4CUFXCC5.cjs');
+var chunkK4S4FAYX_cjs = require('../../chunk-K4S4FAYX.cjs');
 var chunkYIXTGWT4_cjs = require('../../chunk-YIXTGWT4.cjs');
 require('../../chunk-RDGRKYQ5.cjs');
 require('../../chunk-S5RVSXDV.cjs');
@@ -13,23 +13,19 @@ require('../../chunk-S5RVSXDV.cjs');
 
 Object.defineProperty(exports, "CodeBlock", {
   enumerable: true,
-  get: function () { return chunkLJBWCUKP_cjs.CodeBlock; }
+  get: function () { return chunkWIYQI35R_cjs.CodeBlock; }
 });
 Object.defineProperty(exports, "MarkdownRenderer", {
   enumerable: true,
-  get: function () { return chunkLJBWCUKP_cjs.MarkdownRenderer; }
+  get: function () { return chunkWIYQI35R_cjs.MarkdownRenderer; }
 });
 Object.defineProperty(exports, "highlightCode", {
   enumerable: true,
-  get: function () { return chunkLJBWCUKP_cjs.highlightCode; }
+  get: function () { return chunkWIYQI35R_cjs.highlightCode; }
 });
 Object.defineProperty(exports, "useMarkdown", {
   enumerable: true,
-  get: function () { return chunkLJBWCUKP_cjs.useMarkdown; }
-});
-Object.defineProperty(exports, "CsvBlock", {
-  enumerable: true,
-  get: function () { return chunkK4S4FAYX_cjs.CsvBlock; }
+  get: function () { return chunkWIYQI35R_cjs.useMarkdown; }
 });
 Object.defineProperty(exports, "HtmlPreviewBlock", {
   enumerable: true,
@@ -43,6 +39,10 @@ Object.defineProperty(exports, "SurveyBlock", {
   enumerable: true,
   get: function () { return chunk4CUFXCC5_cjs.SurveyBlock; }
 });
+Object.defineProperty(exports, "CsvBlock", {
+  enumerable: true,
+  get: function () { return chunkK4S4FAYX_cjs.CsvBlock; }
+});
 Object.defineProperty(exports, "FenceBlock", {
   enumerable: true,
   get: function () { return chunkYIXTGWT4_cjs.FenceBlock; }

package/dist/components/Markdown/index.js

@@ -1,8 +1,8 @@
-export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown } from '../../chunk-Z4PECE5S.js';
-export { CsvBlock } from '../../chunk-5J5PEUUA.js';
+export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown } from '../../chunk-DX64KLSN.js';
 export { HtmlPreviewBlock } from '../../chunk-UZ5NGGMI.js';
 export { MermaidBlock } from '../../chunk-EHQ77LL5.js';
 export { SurveyBlock } from '../../chunk-DWCYEPTT.js';
+export { CsvBlock } from '../../chunk-5J5PEUUA.js';
 export { FenceBlock } from '../../chunk-NLBT5O2X.js';
 import '../../chunk-D2GID3YK.js';
 import '../../chunk-TQONQSJO.js';

package/dist/components/MediaEditor/index.cjs

@@ -1,12 +1,13 @@
 'use strict';
 
-var chunkSYIFEJSF_cjs = require('../../chunk-SYIFEJSF.cjs');
+var chunk3RADKLLD_cjs = require('../../chunk-3RADKLLD.cjs');
 require('../../chunk-YMHOF6WA.cjs');
 require('../../chunk-JP5SGIXA.cjs');
-require('../../chunk-S3MKIDYG.cjs');
-require('../../chunk-ZBI52NP2.cjs');
+require('../../chunk-7AECNMYV.cjs');
+require('../../chunk-K5GQPTTA.cjs');
 require('../../chunk-P2VTQ5AR.cjs');
-require('../../chunk-6ECKH4DJ.cjs');
+require('../../chunk-I44YNYI6.cjs');
+require('../../chunk-Z5S5JEJD.cjs');
 require('../../chunk-RDGRKYQ5.cjs');
 require('../../chunk-NPKPCYAT.cjs');
 require('../../chunk-NUFUV43P.cjs');
@@ -14,7 +15,7 @@ require('../../chunk-JYZW2PZS.cjs');
 require('../../chunk-NNEFAUHV.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
-require('../../chunk-MYFZYUPR.cjs');
+require('../../chunk-AOHJILLU.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-SCV7C55E.cjs');
 
@@ -22,23 +23,23 @@ require('../../chunk-SCV7C55E.cjs');
 
 Object.defineProperty(exports, "FillerWordsModal", {
   enumerable: true,
-  get: function () { return chunkSYIFEJSF_cjs.FillerWordsModal; }
+  get: function () { return chunk3RADKLLD_cjs.FillerWordsModal; }
 });
 Object.defineProperty(exports, "MediaEditor", {
   enumerable: true,
-  get: function () { return chunkSYIFEJSF_cjs.MediaEditor; }
+  get: function () { return chunk3RADKLLD_cjs.MediaEditor; }
 });
 Object.defineProperty(exports, "SilenceSettingsModal", {
   enumerable: true,
-  get: function () { return chunkSYIFEJSF_cjs.SilenceSettingsModal; }
+  get: function () { return chunk3RADKLLD_cjs.SilenceSettingsModal; }
 });
 Object.defineProperty(exports, "SpeedMarkerMenu", {
   enumerable: true,
-  get: function () { return chunkSYIFEJSF_cjs.SpeedMarkerMenu; }
+  get: function () { return chunk3RADKLLD_cjs.SpeedMarkerMenu; }
 });
 Object.defineProperty(exports, "WordEditorModal", {
   enumerable: true,
-  get: function () { return chunkSYIFEJSF_cjs.WordEditorModal; }
+  get: function () { return chunk3RADKLLD_cjs.WordEditorModal; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/MediaEditor/index.js

@@ -1,10 +1,11 @@
-export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from '../../chunk-LC7YHZXM.js';
+export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from '../../chunk-LDQ2T27A.js';
 import '../../chunk-OTQ72WX3.js';
 import '../../chunk-EMMYFHOT.js';
-import '../../chunk-KFLDXJEE.js';
-import '../../chunk-DLBV42JD.js';
+import '../../chunk-753Z3NXL.js';
+import '../../chunk-ATOWMVZH.js';
 import '../../chunk-XMCIXHGH.js';
-import '../../chunk-YXCE2HSK.js';
+import '../../chunk-6NZXWKUE.js';
+import '../../chunk-3IMM2PM4.js';
 import '../../chunk-D2GID3YK.js';
 import '../../chunk-UUI7WXI5.js';
 import '../../chunk-6CGM5H4J.js';
@@ -12,7 +13,7 @@ import '../../chunk-SQHMGT4W.js';
 import '../../chunk-4SMSH4OY.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-62ZOA6PX.js';
-import '../../chunk-BOOJDRJO.js';
+import '../../chunk-WSNMQQ4P.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-VSQF22GL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/PhoneInput/index.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunkFKLUSYFP_cjs = require('../../chunk-FKLUSYFP.cjs');
-require('../../chunk-6ECKH4DJ.cjs');
+var chunkGQVL2JKQ_cjs = require('../../chunk-GQVL2JKQ.cjs');
+require('../../chunk-I44YNYI6.cjs');
+require('../../chunk-Z5S5JEJD.cjs');
 require('../../chunk-L7YQBSEL.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 
@@ -9,11 +10,11 @@ require('../../chunk-S5RVSXDV.cjs');
 
 Object.defineProperty(exports, "PhoneInput", {
   enumerable: true,
-  get: function () { return chunkFKLUSYFP_cjs.PhoneInput; }
+  get: function () { return chunkGQVL2JKQ_cjs.PhoneInput; }
 });
 Object.defineProperty(exports, "PhoneInputGroup", {
   enumerable: true,
-  get: function () { return chunkFKLUSYFP_cjs.PhoneInputGroup; }
+  get: function () { return chunkGQVL2JKQ_cjs.PhoneInputGroup; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/PhoneInput/index.js

@@ -1,5 +1,6 @@
-export { PhoneInput, PhoneInputGroup } from '../../chunk-3D4ITDLO.js';
-import '../../chunk-YXCE2HSK.js';
+export { PhoneInput, PhoneInputGroup } from '../../chunk-GXODR6V4.js';
+import '../../chunk-6NZXWKUE.js';
+import '../../chunk-3IMM2PM4.js';
 import '../../chunk-ZVPJ2MH6.js';
 import '../../chunk-TQONQSJO.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Progress/index.d.cts

@@ -6,7 +6,7 @@ declare const progressBarTrackVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const progressBarFillVariants: (props?: ({
-    variant?: "danger" | "default" | "success" | "warning" | null | undefined;
+    variant?: "danger" | "default" | "warning" | "success" | null | undefined;
     animated?: boolean | null | undefined;
     striped?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/Progress/index.d.ts

@@ -6,7 +6,7 @@ declare const progressBarTrackVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const progressBarFillVariants: (props?: ({
-    variant?: "danger" | "default" | "success" | "warning" | null | undefined;
+    variant?: "danger" | "default" | "warning" | "success" | null | undefined;
     animated?: boolean | null | undefined;
     striped?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/Radio/index.cjs

@@ -1,21 +1,22 @@
 'use strict';
 
-var chunk5IDYOJHO_cjs = require('../../chunk-5IDYOJHO.cjs');
+var chunkG7EQ3JPX_cjs = require('../../chunk-G7EQ3JPX.cjs');
+require('../../chunk-Z5S5JEJD.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 
 
 
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
-  get: function () { return chunk5IDYOJHO_cjs.Radio; }
+  get: function () { return chunkG7EQ3JPX_cjs.Radio; }
 });
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
-  get: function () { return chunk5IDYOJHO_cjs.RadioGroup; }
+  get: function () { return chunkG7EQ3JPX_cjs.RadioGroup; }
 });
 Object.defineProperty(exports, "radioVariants", {
   enumerable: true,
-  get: function () { return chunk5IDYOJHO_cjs.radioVariants; }
+  get: function () { return chunkG7EQ3JPX_cjs.radioVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Radio/index.d.cts

@@ -17,6 +17,14 @@ interface RadioGroupProps {
     onValueChange?: (value: string) => void;
     /** Group label */
     label?: string;
+    /**
+     * How the group label is rendered.
+     * - `stacked` (default): label above the options.
+     * - `floating`: renders the group as a bordered field matching floating
+     *   inputs, with the label fixed in the floated position so mixed forms
+     *   stay vertically aligned.
+     */
+    labelVariant?: 'stacked' | 'floating';
     /** Description for the group */
     description?: string;
     /** Error message */
@@ -44,7 +52,7 @@ interface RadioGroupProps {
  * </RadioGroup>
  * ```
  */
-declare function RadioGroup({ name, value: controlledValue, defaultValue, onValueChange, label, description, error, disabled, size, orientation, children, className, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function RadioGroup({ name, value: controlledValue, defaultValue, onValueChange, label, labelVariant, description, error, disabled, size, orientation, children, className, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
 declare namespace RadioGroup {
     var displayName: string;
 }

package/dist/components/Radio/index.d.ts

@@ -17,6 +17,14 @@ interface RadioGroupProps {
     onValueChange?: (value: string) => void;
     /** Group label */
     label?: string;
+    /**
+     * How the group label is rendered.
+     * - `stacked` (default): label above the options.
+     * - `floating`: renders the group as a bordered field matching floating
+     *   inputs, with the label fixed in the floated position so mixed forms
+     *   stay vertically aligned.
+     */
+    labelVariant?: 'stacked' | 'floating';
     /** Description for the group */
     description?: string;
     /** Error message */
@@ -44,7 +52,7 @@ interface RadioGroupProps {
  * </RadioGroup>
  * ```
  */
-declare function RadioGroup({ name, value: controlledValue, defaultValue, onValueChange, label, description, error, disabled, size, orientation, children, className, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+declare function RadioGroup({ name, value: controlledValue, defaultValue, onValueChange, label, labelVariant, description, error, disabled, size, orientation, children, className, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
 declare namespace RadioGroup {
     var displayName: string;
 }

package/dist/components/Radio/index.js

@@ -1,4 +1,5 @@
-export { Radio, RadioGroup, radioVariants } from '../../chunk-QUUBTNMH.js';
+export { Radio, RadioGroup, radioVariants } from '../../chunk-EPSB4WTL.js';
+import '../../chunk-3IMM2PM4.js';
 import '../../chunk-TQONQSJO.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/ReadingProgressBar/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunk5MXO6PEV_cjs = require('../../chunk-5MXO6PEV.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+
+
+
+Object.defineProperty(exports, "ReadingProgressBar", {
+  enumerable: true,
+  get: function () { return chunk5MXO6PEV_cjs.ReadingProgressBar; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/ReadingProgressBar/index.cjs.map

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

package/dist/components/ReadingProgressBar/index.d.cts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+interface ReadingProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Class for the filled bar (default `bg-primary-500`). */
+    barClassName?: string;
+}
+/**
+ * A thin progress bar pinned to the top of the viewport, tracking how far
+ * the reader has scrolled through the document. Purely decorative
+ * (`aria-hidden`) — long-form articles, guides, reports.
+ *
+ * @example
+ * ```tsx
+ * <ReadingProgressBar />
+ * <ReadingProgressBar barClassName="bg-warning" className="h-0.5" />
+ * ```
+ */
+declare const ReadingProgressBar: React.ForwardRefExoticComponent<ReadingProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ReadingProgressBar, type ReadingProgressBarProps };

package/dist/components/ReadingProgressBar/index.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+interface ReadingProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Class for the filled bar (default `bg-primary-500`). */
+    barClassName?: string;
+}
+/**
+ * A thin progress bar pinned to the top of the viewport, tracking how far
+ * the reader has scrolled through the document. Purely decorative
+ * (`aria-hidden`) — long-form articles, guides, reports.
+ *
+ * @example
+ * ```tsx
+ * <ReadingProgressBar />
+ * <ReadingProgressBar barClassName="bg-warning" className="h-0.5" />
+ * ```
+ */
+declare const ReadingProgressBar: React.ForwardRefExoticComponent<ReadingProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ReadingProgressBar, type ReadingProgressBarProps };

package/dist/components/ReadingProgressBar/index.js

@@ -0,0 +1,4 @@
+export { ReadingProgressBar } from '../../chunk-WKSUL2ZN.js';
+import '../../chunk-TQONQSJO.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map