@mieweb/ui 0.10.0-dev.3 → 0.10.0-dev.30

package/dist/components/MediaFeed/index.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var chunkWXFGHDTV_cjs = require('../../chunk-WXFGHDTV.cjs');
+require('../../chunk-GLXTVCHN.cjs');
+require('../../chunk-BUT6MF5K.cjs');
+require('../../chunk-JEIW7BSV.cjs');
+require('../../chunk-254QK722.cjs');
+require('../../chunk-T4L7Q5FA.cjs');
+require('../../chunk-NNEFAUHV.cjs');
+require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-SCV7C55E.cjs');
+require('../../chunk-YW2AKBLS.cjs');
+require('../../chunk-X6A27RGO.cjs');
+require('../../chunk-DXEPYK3I.cjs');
+require('../../chunk-IEY3ZJIT.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "MediaFeed", {
+  enumerable: true,
+  get: function () { return chunkWXFGHDTV_cjs.MediaFeed; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,104 @@
+import * as React from 'react';
+
+/** A caller-owned media resource. Provider embeds can also use `renderMedia`. */
+interface MediaFeedMedia {
+    kind: 'image' | 'video' | 'audio' | 'youtube';
+    src: string;
+    poster?: string;
+    alt?: string;
+}
+interface MediaFeedAuthor {
+    name: string;
+    avatar?: string;
+}
+/** An explicit Play gesture, separate from item selection and automatic playback. */
+interface MediaFeedPlaybackRequest {
+    itemId: string;
+    /** Use a fresh token for each gesture, including repeated Play on the same item. */
+    requestId: string | number;
+}
+/** Custom players must stop playback whenever `active` is false. */
+interface MediaFeedRenderContext<T> {
+    item: T;
+    active: boolean;
+    autoPlay: boolean;
+    muted: boolean;
+    loop: boolean;
+    /** A pending manual Play token for this active item. Handle each token once. */
+    playbackRequestId?: string | number;
+}
+/** Every string authored by the feed can be localized by its host. */
+interface MediaFeedLabels {
+    feed: string;
+    loading: string;
+    empty: string;
+    error: string;
+    retry: string;
+    fullscreen: string;
+    close: string;
+    previous: string;
+    next: string;
+    play: string;
+    pause: string;
+    blockedAutoplay: string;
+    mediaError: string;
+    openSource: string;
+    youtubeNotice: string;
+    item: (position: number, total: number) => string;
+    position: (position: number, total: number) => string;
+}
+/** Keys match the feed's `data-slot` attributes. */
+interface MediaFeedClassNames {
+    root?: string;
+    viewport?: string;
+    item?: string;
+    media?: string;
+    details?: string;
+    author?: string;
+    title?: string;
+    caption?: string;
+    actions?: string;
+    status?: string;
+    controls?: string;
+    fullscreen?: string;
+}
+interface MediaFeedProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onError'> {
+    /** Records in presentation order. The feed never fetches or mutates them. */
+    items: readonly T[];
+    /** A stable, unique ID for each record. */
+    getId: (item: T) => string;
+    getMedia: (item: T) => MediaFeedMedia;
+    getTitle?: (item: T) => string;
+    getCaption?: (item: T) => React.ReactNode;
+    getAuthor?: (item: T) => MediaFeedAuthor;
+    /** Host-owned actions, such as reactions or opening a conversation. */
+    renderActions?: (item: T) => React.ReactNode;
+    /** Replace the built-in player, respecting its active playback boundary. */
+    renderMedia?: (media: MediaFeedMedia, context: MediaFeedRenderContext<T>) => React.ReactNode;
+    /** Controlled selection. Changes scroll the selected record into view. */
+    activeItemId?: string;
+    /** Initial selection for an uncontrolled feed. */
+    defaultActiveItemId?: string;
+    /** Fires for user navigation and visibility changes, with the original item. */
+    onActiveItemChange?: (item: T) => void;
+    /**
+     * Attempt explicit playback once the requested item is selected and visible.
+     * This bypasses reduced-motion/autoplay suppression for that gesture only;
+     * it does not change selection. Browsers can still require another gesture.
+     */
+    playbackRequest?: MediaFeedPlaybackRequest;
+    loading?: boolean;
+    error?: string | null;
+    onRetry?: () => void | Promise<void>;
+    /** Attempt visible playback unless reduced motion is preferred; a gesture may be required. */
+    autoPlay?: boolean;
+    /** Native playback begins muted by default. Native controls can unmute it. */
+    muted?: boolean;
+    loop?: boolean;
+    labels?: Partial<MediaFeedLabels>;
+    classNames?: MediaFeedClassNames;
+}
+
+declare const MediaFeed: <T>(props: MediaFeedProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
+
+export { MediaFeed, type MediaFeedAuthor, type MediaFeedClassNames, type MediaFeedLabels, type MediaFeedMedia, type MediaFeedPlaybackRequest, type MediaFeedProps, type MediaFeedRenderContext };

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

@@ -0,0 +1,104 @@
+import * as React from 'react';
+
+/** A caller-owned media resource. Provider embeds can also use `renderMedia`. */
+interface MediaFeedMedia {
+    kind: 'image' | 'video' | 'audio' | 'youtube';
+    src: string;
+    poster?: string;
+    alt?: string;
+}
+interface MediaFeedAuthor {
+    name: string;
+    avatar?: string;
+}
+/** An explicit Play gesture, separate from item selection and automatic playback. */
+interface MediaFeedPlaybackRequest {
+    itemId: string;
+    /** Use a fresh token for each gesture, including repeated Play on the same item. */
+    requestId: string | number;
+}
+/** Custom players must stop playback whenever `active` is false. */
+interface MediaFeedRenderContext<T> {
+    item: T;
+    active: boolean;
+    autoPlay: boolean;
+    muted: boolean;
+    loop: boolean;
+    /** A pending manual Play token for this active item. Handle each token once. */
+    playbackRequestId?: string | number;
+}
+/** Every string authored by the feed can be localized by its host. */
+interface MediaFeedLabels {
+    feed: string;
+    loading: string;
+    empty: string;
+    error: string;
+    retry: string;
+    fullscreen: string;
+    close: string;
+    previous: string;
+    next: string;
+    play: string;
+    pause: string;
+    blockedAutoplay: string;
+    mediaError: string;
+    openSource: string;
+    youtubeNotice: string;
+    item: (position: number, total: number) => string;
+    position: (position: number, total: number) => string;
+}
+/** Keys match the feed's `data-slot` attributes. */
+interface MediaFeedClassNames {
+    root?: string;
+    viewport?: string;
+    item?: string;
+    media?: string;
+    details?: string;
+    author?: string;
+    title?: string;
+    caption?: string;
+    actions?: string;
+    status?: string;
+    controls?: string;
+    fullscreen?: string;
+}
+interface MediaFeedProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onError'> {
+    /** Records in presentation order. The feed never fetches or mutates them. */
+    items: readonly T[];
+    /** A stable, unique ID for each record. */
+    getId: (item: T) => string;
+    getMedia: (item: T) => MediaFeedMedia;
+    getTitle?: (item: T) => string;
+    getCaption?: (item: T) => React.ReactNode;
+    getAuthor?: (item: T) => MediaFeedAuthor;
+    /** Host-owned actions, such as reactions or opening a conversation. */
+    renderActions?: (item: T) => React.ReactNode;
+    /** Replace the built-in player, respecting its active playback boundary. */
+    renderMedia?: (media: MediaFeedMedia, context: MediaFeedRenderContext<T>) => React.ReactNode;
+    /** Controlled selection. Changes scroll the selected record into view. */
+    activeItemId?: string;
+    /** Initial selection for an uncontrolled feed. */
+    defaultActiveItemId?: string;
+    /** Fires for user navigation and visibility changes, with the original item. */
+    onActiveItemChange?: (item: T) => void;
+    /**
+     * Attempt explicit playback once the requested item is selected and visible.
+     * This bypasses reduced-motion/autoplay suppression for that gesture only;
+     * it does not change selection. Browsers can still require another gesture.
+     */
+    playbackRequest?: MediaFeedPlaybackRequest;
+    loading?: boolean;
+    error?: string | null;
+    onRetry?: () => void | Promise<void>;
+    /** Attempt visible playback unless reduced motion is preferred; a gesture may be required. */
+    autoPlay?: boolean;
+    /** Native playback begins muted by default. Native controls can unmute it. */
+    muted?: boolean;
+    loop?: boolean;
+    labels?: Partial<MediaFeedLabels>;
+    classNames?: MediaFeedClassNames;
+}
+
+declare const MediaFeed: <T>(props: MediaFeedProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
+
+export { MediaFeed, type MediaFeedAuthor, type MediaFeedClassNames, type MediaFeedLabels, type MediaFeedMedia, type MediaFeedPlaybackRequest, type MediaFeedProps, type MediaFeedRenderContext };

package/dist/components/MediaFeed/index.js

@@ -0,0 +1,17 @@
+export { MediaFeed } from '../../chunk-BNH4SXJB.js';
+import '../../chunk-RISZWWEQ.js';
+import '../../chunk-2JICT4A2.js';
+import '../../chunk-HZ4MBUC3.js';
+import '../../chunk-GW4RFJZ5.js';
+import '../../chunk-ENMXHZNE.js';
+import '../../chunk-4SMSH4OY.js';
+import '../../chunk-T4ME7QCT.js';
+import '../../chunk-VSQF22GL.js';
+import '../../chunk-XDU65GLW.js';
+import '../../chunk-7YO7DNUV.js';
+import '../../chunk-GVM6DTR5.js';
+import '../../chunk-F4N67NAF.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/MediaPlayer/index.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
 require('../../chunk-GLXTVCHN.cjs');
-var chunkXEAT7XJG_cjs = require('../../chunk-XEAT7XJG.cjs');
-require('../../chunk-JYZW2PZS.cjs');
-require('../../chunk-VNYW4C4J.cjs');
+var chunkBUT6MF5K_cjs = require('../../chunk-BUT6MF5K.cjs');
+require('../../chunk-254QK722.cjs');
+require('../../chunk-X6A27RGO.cjs');
+require('../../chunk-DXEPYK3I.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -11,15 +12,15 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "MediaPlayer", {
   enumerable: true,
-  get: function () { return chunkXEAT7XJG_cjs.MediaPlayer; }
+  get: function () { return chunkBUT6MF5K_cjs.MediaPlayer; }
 });
 Object.defineProperty(exports, "inferMediaKind", {
   enumerable: true,
-  get: function () { return chunkXEAT7XJG_cjs.inferMediaKind; }
+  get: function () { return chunkBUT6MF5K_cjs.inferMediaKind; }
 });
 Object.defineProperty(exports, "mediaPlayerVariants", {
   enumerable: true,
-  get: function () { return chunkXEAT7XJG_cjs.mediaPlayerVariants; }
+  get: function () { return chunkBUT6MF5K_cjs.mediaPlayerVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

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

@@ -34,12 +34,30 @@ interface MediaPlayerProps extends VariantProps<typeof mediaPlayerVariants> {
     kind?: MediaKind;
     /** Whether to show native controls (default `true`). */
     controls?: boolean;
+    /** Begin muted; native controls can still change the volume. */
+    muted?: boolean;
+    /** Repeat playback when the media ends. */
+    loop?: boolean;
+    /** Video thumbnail displayed before playback. */
+    poster?: string;
+    /** Browser preload hint (default browser behavior when omitted). */
+    preload?: 'none' | 'metadata' | 'auto';
+    /** Caption/subtitle `<track>` elements. The `src` attribute is always set
+     * on the media element, so alternative `<source>` children are ignored. */
+    children?: React.ReactNode;
+    /** Localized load-error and retry text. */
+    labels?: {
+        error?: string;
+        retry?: string;
+    };
     /** Callback when playback state changes. */
     onStateChange?: (state: MediaPlayerState) => void;
     /** Callback when playback ends. */
     onEnded?: () => void;
     /** Callback when an error occurs. */
     onError?: (error: Error) => void;
+    /** Callback after the user requests a fresh media load on the error surface. */
+    onRetry?: () => void;
     /** Callback on time updates (milliseconds). */
     onTimeUpdate?: (currentTimeMs: number, durationMs: number) => void;
     /** Additional class name. */
@@ -53,7 +71,7 @@ interface MediaPlayerProps extends VariantProps<typeof mediaPlayerVariants> {
     mediaElementRef?: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;
 }
 declare const mediaPlayerVariants: (props?: ({
-    variant?: "card" | "plain" | null | undefined;
+    variant?: "plain" | "card" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /** Infer media kind from a URL's file extension; defaults to audio. */
 declare function inferMediaKind(src: string): MediaKind;

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

@@ -34,12 +34,30 @@ interface MediaPlayerProps extends VariantProps<typeof mediaPlayerVariants> {
     kind?: MediaKind;
     /** Whether to show native controls (default `true`). */
     controls?: boolean;
+    /** Begin muted; native controls can still change the volume. */
+    muted?: boolean;
+    /** Repeat playback when the media ends. */
+    loop?: boolean;
+    /** Video thumbnail displayed before playback. */
+    poster?: string;
+    /** Browser preload hint (default browser behavior when omitted). */
+    preload?: 'none' | 'metadata' | 'auto';
+    /** Caption/subtitle `<track>` elements. The `src` attribute is always set
+     * on the media element, so alternative `<source>` children are ignored. */
+    children?: React.ReactNode;
+    /** Localized load-error and retry text. */
+    labels?: {
+        error?: string;
+        retry?: string;
+    };
     /** Callback when playback state changes. */
     onStateChange?: (state: MediaPlayerState) => void;
     /** Callback when playback ends. */
     onEnded?: () => void;
     /** Callback when an error occurs. */
     onError?: (error: Error) => void;
+    /** Callback after the user requests a fresh media load on the error surface. */
+    onRetry?: () => void;
     /** Callback on time updates (milliseconds). */
     onTimeUpdate?: (currentTimeMs: number, durationMs: number) => void;
     /** Additional class name. */
@@ -53,7 +71,7 @@ interface MediaPlayerProps extends VariantProps<typeof mediaPlayerVariants> {
     mediaElementRef?: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;
 }
 declare const mediaPlayerVariants: (props?: ({
-    variant?: "card" | "plain" | null | undefined;
+    variant?: "plain" | "card" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /** Infer media kind from a URL's file extension; defaults to audio. */
 declare function inferMediaKind(src: string): MediaKind;

package/dist/components/MediaPlayer/index.js

@@ -1,7 +1,8 @@
 import '../../chunk-RISZWWEQ.js';
-export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from '../../chunk-VKELAMAZ.js';
-import '../../chunk-SQHMGT4W.js';
-import '../../chunk-GOALNQZ2.js';
+export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from '../../chunk-2JICT4A2.js';
+import '../../chunk-GW4RFJZ5.js';
+import '../../chunk-7YO7DNUV.js';
+import '../../chunk-GVM6DTR5.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/MegaMenu/index.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunk5GUOOLPR_cjs = require('../../chunk-5GUOOLPR.cjs');
-require('../../chunk-VNYW4C4J.cjs');
+var chunkP5CMZZRZ_cjs = require('../../chunk-P5CMZZRZ.cjs');
+require('../../chunk-X6A27RGO.cjs');
+require('../../chunk-DXEPYK3I.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -9,15 +10,15 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "MegaMenu", {
   enumerable: true,
-  get: function () { return chunk5GUOOLPR_cjs.MegaMenu; }
+  get: function () { return chunkP5CMZZRZ_cjs.MegaMenu; }
 });
 Object.defineProperty(exports, "MegaMenuBar", {
   enumerable: true,
-  get: function () { return chunk5GUOOLPR_cjs.MegaMenuBar; }
+  get: function () { return chunkP5CMZZRZ_cjs.MegaMenuBar; }
 });
 Object.defineProperty(exports, "normalizePath", {
   enumerable: true,
-  get: function () { return chunk5GUOOLPR_cjs.normalizePath; }
+  get: function () { return chunkP5CMZZRZ_cjs.normalizePath; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/MegaMenu/index.js

@@ -1,5 +1,6 @@
-export { MegaMenu, MegaMenuBar, normalizePath } from '../../chunk-2IZLKPUW.js';
-import '../../chunk-GOALNQZ2.js';
+export { MegaMenu, MegaMenuBar, normalizePath } from '../../chunk-THLIL6PY.js';
+import '../../chunk-7YO7DNUV.js';
+import '../../chunk-GVM6DTR5.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Modal/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunk7ZDPD5ZX_cjs = require('../../chunk-7ZDPD5ZX.cjs');
+var chunkT4L7Q5FA_cjs = require('../../chunk-T4L7Q5FA.cjs');
 require('../../chunk-NNEFAUHV.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-SCV7C55E.cjs');
-require('../../chunk-NV2CWBI2.cjs');
+require('../../chunk-IEY3ZJIT.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -12,35 +12,35 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunk7ZDPD5ZX_cjs.Modal; }
+  get: function () { return chunkT4L7Q5FA_cjs.Modal; }
 });
 Object.defineProperty(exports, "ModalBody", {
   enumerable: true,
-  get: function () { return chunk7ZDPD5ZX_cjs.ModalBody; }
+  get: function () { return chunkT4L7Q5FA_cjs.ModalBody; }
 });
 Object.defineProperty(exports, "ModalClose", {
   enumerable: true,
-  get: function () { return chunk7ZDPD5ZX_cjs.ModalClose; }
+  get: function () { return chunkT4L7Q5FA_cjs.ModalClose; }
 });
 Object.defineProperty(exports, "ModalFooter", {
   enumerable: true,
-  get: function () { return chunk7ZDPD5ZX_cjs.ModalFooter; }
+  get: function () { return chunkT4L7Q5FA_cjs.ModalFooter; }
 });
 Object.defineProperty(exports, "ModalHeader", {
   enumerable: true,
-  get: function () { return chunk7ZDPD5ZX_cjs.ModalHeader; }
+  get: function () { return chunkT4L7Q5FA_cjs.ModalHeader; }
 });
 Object.defineProperty(exports, "ModalTitle", {
   enumerable: true,
-  get: function () { return chunk7ZDPD5ZX_cjs.ModalTitle; }
+  get: function () { return chunkT4L7Q5FA_cjs.ModalTitle; }
 });
 Object.defineProperty(exports, "modalContentVariants", {
   enumerable: true,
-  get: function () { return chunk7ZDPD5ZX_cjs.modalContentVariants; }
+  get: function () { return chunkT4L7Q5FA_cjs.modalContentVariants; }
 });
 Object.defineProperty(exports, "modalOverlayVariants", {
   enumerable: true,
-  get: function () { return chunk7ZDPD5ZX_cjs.modalOverlayVariants; }
+  get: function () { return chunkT4L7Q5FA_cjs.modalOverlayVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Modal/index.js

@@ -1,8 +1,8 @@
-export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from '../../chunk-5JJ2DAE4.js';
+export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from '../../chunk-ENMXHZNE.js';
 import '../../chunk-4SMSH4OY.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-VSQF22GL.js';
-import '../../chunk-XCP454Q6.js';
+import '../../chunk-F4N67NAF.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

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

@@ -3,7 +3,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const paginationButtonVariants: (props?: ({
-    variant?: "default" | "ghost" | "outline" | null | undefined;
+    variant?: "default" | "outline" | "ghost" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface PaginationProps extends VariantProps<typeof paginationButtonVariants> {

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

@@ -3,7 +3,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 declare const paginationButtonVariants: (props?: ({
-    variant?: "default" | "ghost" | "outline" | null | undefined;
+    variant?: "default" | "outline" | "ghost" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface PaginationProps extends VariantProps<typeof paginationButtonVariants> {

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

@@ -1,8 +1,41 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { InputProps } from '../Input/index.cjs';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+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'>, 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';
 
 interface PhoneInputProps extends Omit<InputProps, 'type' | 'onChange' | 'value'> {
     /** The phone number value (can be formatted or unformatted) */

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

@@ -1,8 +1,41 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { InputProps } from '../Input/index.js';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+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'>, 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';
 
 interface PhoneInputProps extends Omit<InputProps, 'type' | 'onChange' | 'value'> {
     /** The phone number value (can be formatted or unformatted) */

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?: "default" | "danger" | "warning" | "success" | null | undefined;
+    variant?: "default" | "success" | "warning" | "danger" | 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?: "default" | "danger" | "warning" | "success" | null | undefined;
+    variant?: "default" | "success" | "warning" | "danger" | null | undefined;
     animated?: boolean | null | undefined;
     striped?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

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

@@ -1,8 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { AgentConfigGeneratorProps, QConfig, QSchema } from '@mieweb/q';
 export { AgentConfigGenerator, AgentConfigGeneratorProps, ConfigEditor, ConfigEditorProps, FormBuilder, FormBuilderProps, GENERIC_TOOLS, Header, HeaderProps, QConfig, QDownloadMode, QSchema, TIMEZONES, ToolBuilder, ToolBuilderProps, configToQuestionnaire, configToYaml, copyToClipboard, defaultSchema, deriveDefaultConfig, downloadConfig, questionnaireToConfig, validateConfig, yamlToConfig } from '@mieweb/q';
 export { UniversalAgentConfigGenerator, UniversalAgentConfigGeneratorOptions, brands, generateBrandCSS } from '@mieweb/q/universal';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
 
 interface QProps extends AgentConfigGeneratorProps {
     /** Additional class name for the Q container. */

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

@@ -1,8 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { AgentConfigGeneratorProps, QConfig, QSchema } from '@mieweb/q';
 export { AgentConfigGenerator, AgentConfigGeneratorProps, ConfigEditor, ConfigEditorProps, FormBuilder, FormBuilderProps, GENERIC_TOOLS, Header, HeaderProps, QConfig, QDownloadMode, QSchema, TIMEZONES, ToolBuilder, ToolBuilderProps, configToQuestionnaire, configToYaml, copyToClipboard, defaultSchema, deriveDefaultConfig, downloadConfig, questionnaireToConfig, validateConfig, yamlToConfig } from '@mieweb/q';
 export { UniversalAgentConfigGenerator, UniversalAgentConfigGeneratorOptions, brands, generateBrandCSS } from '@mieweb/q/universal';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
 
 interface QProps extends AgentConfigGeneratorProps {
     /** Additional class name for the Q container. */