@mieweb/ui 0.7.3-dev.3 → 0.7.3-dev.31

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

@@ -0,0 +1,53 @@
+import * as React from 'react';
+
+interface FilterSummaryBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Rows currently visible after filtering. */
+    filteredCount: number;
+    /** Total records before filtering. Omit when unknown; `0` renders as a real total. */
+    totalCount?: number;
+    /** Number of active filter conditions. */
+    activeFilterCount: number;
+    /** Whether a search query is also active. */
+    hasSearchText?: boolean;
+    /**
+     * Keep the bar visible even when no filters/search are active. The idle
+     * bar shows only `allVisibleLabel` (no counts).
+     */
+    showWhenIdle?: boolean;
+    /** Called when the clear action is clicked. Omit to hide the clear button. */
+    onClearAll?: () => void;
+    /** Visible strings, overridable for i18n. */
+    recordLabel?: string;
+    recordsLabel?: string;
+    filterLabel?: string;
+    filtersLabel?: string;
+    activeLabel?: string;
+    searchActiveLabel?: string;
+    allVisibleLabel?: string;
+    clearLabel?: string;
+    /** Joiner between filtered and total counts (default "of"). */
+    ofLabel?: string;
+    /** Suffix appended when search narrows on top of filters (default "+ search"). */
+    plusSearchLabel?: string;
+}
+/**
+ * The bar that anchors a filtered grid: "1,204 of 8,911 records — 3
+ * filters active · Clear all". Hidden while idle unless `showWhenIdle`,
+ * and tinted with the primary accent whenever filters or search narrow
+ * the view. Pair with any data grid or list whose filter state lives in
+ * the host.
+ *
+ * @example
+ * ```tsx
+ * <FilterSummaryBar
+ *   filteredCount={rows.length}
+ *   totalCount={total}
+ *   activeFilterCount={filters.length}
+ *   hasSearchText={query.length > 0}
+ *   onClearAll={resetFilters}
+ * />
+ * ```
+ */
+declare const FilterSummaryBar: React.ForwardRefExoticComponent<FilterSummaryBarProps & React.RefAttributes<HTMLDivElement>>;
+
+export { FilterSummaryBar, type FilterSummaryBarProps };

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

@@ -0,0 +1,53 @@
+import * as React from 'react';
+
+interface FilterSummaryBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Rows currently visible after filtering. */
+    filteredCount: number;
+    /** Total records before filtering. Omit when unknown; `0` renders as a real total. */
+    totalCount?: number;
+    /** Number of active filter conditions. */
+    activeFilterCount: number;
+    /** Whether a search query is also active. */
+    hasSearchText?: boolean;
+    /**
+     * Keep the bar visible even when no filters/search are active. The idle
+     * bar shows only `allVisibleLabel` (no counts).
+     */
+    showWhenIdle?: boolean;
+    /** Called when the clear action is clicked. Omit to hide the clear button. */
+    onClearAll?: () => void;
+    /** Visible strings, overridable for i18n. */
+    recordLabel?: string;
+    recordsLabel?: string;
+    filterLabel?: string;
+    filtersLabel?: string;
+    activeLabel?: string;
+    searchActiveLabel?: string;
+    allVisibleLabel?: string;
+    clearLabel?: string;
+    /** Joiner between filtered and total counts (default "of"). */
+    ofLabel?: string;
+    /** Suffix appended when search narrows on top of filters (default "+ search"). */
+    plusSearchLabel?: string;
+}
+/**
+ * The bar that anchors a filtered grid: "1,204 of 8,911 records — 3
+ * filters active · Clear all". Hidden while idle unless `showWhenIdle`,
+ * and tinted with the primary accent whenever filters or search narrow
+ * the view. Pair with any data grid or list whose filter state lives in
+ * the host.
+ *
+ * @example
+ * ```tsx
+ * <FilterSummaryBar
+ *   filteredCount={rows.length}
+ *   totalCount={total}
+ *   activeFilterCount={filters.length}
+ *   hasSearchText={query.length > 0}
+ *   onClearAll={resetFilters}
+ * />
+ * ```
+ */
+declare const FilterSummaryBar: React.ForwardRefExoticComponent<FilterSummaryBarProps & React.RefAttributes<HTMLDivElement>>;
+
+export { FilterSummaryBar, type FilterSummaryBarProps };

package/dist/components/FilterSummaryBar/index.js

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

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

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

package/dist/components/FreshnessBadge/index.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var chunk3TXOFAXP_cjs = require('../../chunk-3TXOFAXP.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+
+
+
+Object.defineProperty(exports, "FreshnessBadge", {
+  enumerable: true,
+  get: function () { return chunk3TXOFAXP_cjs.FreshnessBadge; }
+});
+Object.defineProperty(exports, "FreshnessDot", {
+  enumerable: true,
+  get: function () { return chunk3TXOFAXP_cjs.FreshnessDot; }
+});
+Object.defineProperty(exports, "daysSince", {
+  enumerable: true,
+  get: function () { return chunk3TXOFAXP_cjs.daysSince; }
+});
+Object.defineProperty(exports, "freshnessLevel", {
+  enumerable: true,
+  get: function () { return chunk3TXOFAXP_cjs.freshnessLevel; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,49 @@
+import * as React from 'react';
+
+type FreshnessLevel = 'fresh' | 'aging' | 'stale' | 'unknown';
+interface FreshnessThresholds {
+    /** Days within which a date counts as fresh (default 90). */
+    fresh: number;
+    /** Days within which a date counts as aging; beyond is stale (default 180). */
+    aging: number;
+}
+/**
+ * Whole days elapsed since the given date (0 for today/future), or `null`
+ * when the date cannot be parsed.
+ */
+declare function daysSince(date: string | Date): number | null;
+/**
+ * Bucket a date into fresh / aging / stale by day thresholds. Unparseable
+ * dates return `unknown` rather than masquerading as fresh or stale.
+ */
+declare function freshnessLevel(date: string | Date, thresholds?: FreshnessThresholds): FreshnessLevel;
+interface FreshnessBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** The date being aged — last review, last sync, last update. */
+    date: string | Date;
+    /** Day cutoffs for fresh/aging (default 90/180). */
+    thresholds?: FreshnessThresholds;
+    /** Verb before the age (default "Reviewed"). */
+    label?: string;
+}
+/**
+ * A recency chip that ages from success through warning to destructive:
+ * "Reviewed 12d ago". Suits source registries, sync statuses, data-quality
+ * dashboards — anywhere staleness is a signal.
+ *
+ * @example
+ * ```tsx
+ * <FreshnessBadge date="2026-07-01" />
+ * <FreshnessBadge date={lastSync} label="Synced" thresholds={{ fresh: 1, aging: 7 }} />
+ * ```
+ */
+declare const FreshnessBadge: React.ForwardRefExoticComponent<FreshnessBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+interface FreshnessDotProps extends React.HTMLAttributes<HTMLSpanElement> {
+    date: string | Date;
+    thresholds?: FreshnessThresholds;
+    /** Verb used in the accessible label and tooltip (default "Reviewed"). */
+    label?: string;
+}
+/** Colored dot for tight spots — table cells, tooltip source rows. */
+declare const FreshnessDot: React.ForwardRefExoticComponent<FreshnessDotProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { FreshnessBadge, type FreshnessBadgeProps, FreshnessDot, type FreshnessDotProps, type FreshnessLevel, type FreshnessThresholds, daysSince, freshnessLevel };

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

@@ -0,0 +1,49 @@
+import * as React from 'react';
+
+type FreshnessLevel = 'fresh' | 'aging' | 'stale' | 'unknown';
+interface FreshnessThresholds {
+    /** Days within which a date counts as fresh (default 90). */
+    fresh: number;
+    /** Days within which a date counts as aging; beyond is stale (default 180). */
+    aging: number;
+}
+/**
+ * Whole days elapsed since the given date (0 for today/future), or `null`
+ * when the date cannot be parsed.
+ */
+declare function daysSince(date: string | Date): number | null;
+/**
+ * Bucket a date into fresh / aging / stale by day thresholds. Unparseable
+ * dates return `unknown` rather than masquerading as fresh or stale.
+ */
+declare function freshnessLevel(date: string | Date, thresholds?: FreshnessThresholds): FreshnessLevel;
+interface FreshnessBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** The date being aged — last review, last sync, last update. */
+    date: string | Date;
+    /** Day cutoffs for fresh/aging (default 90/180). */
+    thresholds?: FreshnessThresholds;
+    /** Verb before the age (default "Reviewed"). */
+    label?: string;
+}
+/**
+ * A recency chip that ages from success through warning to destructive:
+ * "Reviewed 12d ago". Suits source registries, sync statuses, data-quality
+ * dashboards — anywhere staleness is a signal.
+ *
+ * @example
+ * ```tsx
+ * <FreshnessBadge date="2026-07-01" />
+ * <FreshnessBadge date={lastSync} label="Synced" thresholds={{ fresh: 1, aging: 7 }} />
+ * ```
+ */
+declare const FreshnessBadge: React.ForwardRefExoticComponent<FreshnessBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+interface FreshnessDotProps extends React.HTMLAttributes<HTMLSpanElement> {
+    date: string | Date;
+    thresholds?: FreshnessThresholds;
+    /** Verb used in the accessible label and tooltip (default "Reviewed"). */
+    label?: string;
+}
+/** Colored dot for tight spots — table cells, tooltip source rows. */
+declare const FreshnessDot: React.ForwardRefExoticComponent<FreshnessDotProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { FreshnessBadge, type FreshnessBadgeProps, FreshnessDot, type FreshnessDotProps, type FreshnessLevel, type FreshnessThresholds, daysSince, freshnessLevel };

package/dist/components/FreshnessBadge/index.js

@@ -0,0 +1,4 @@
+export { FreshnessBadge, FreshnessDot, daysSince, freshnessLevel } from '../../chunk-HQ3XPCHG.js';
+import '../../chunk-TQONQSJO.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/GlossaryTooltip/index.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunk7L7OPISJ_cjs = require('../../chunk-7L7OPISJ.cjs');
+require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-MYFZYUPR.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+
+
+
+Object.defineProperty(exports, "GlossaryTooltip", {
+  enumerable: true,
+  get: function () { return chunk7L7OPISJ_cjs.GlossaryTooltip; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,64 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/** Authoritative source link shown in the card footer. */
+interface GlossarySource {
+    label: string;
+    url: string;
+}
+/** Sibling term shown as a lateral "hop" chip. */
+interface GlossaryRelatedTerm {
+    term: string;
+    href?: string;
+}
+interface GlossaryTooltipProps {
+    /** Visible, in-flow trigger text (may be a plural or abbreviation match). */
+    children: React.ReactNode;
+    /** Canonical term name, shown as the card heading. */
+    term: string;
+    definition: string;
+    /** Human-readable category label, shown as a badge in the header. */
+    category?: string;
+    /** Optional single key fact, shown with a diamond marker. */
+    keyFact?: string;
+    /** Optional authoritative source link, shown in the footer. */
+    source?: GlossarySource;
+    /** Optional sibling terms, shown as chips. */
+    related?: GlossaryRelatedTerm[];
+    /**
+     * Full glossary page for the term. When set, the trigger is a real link —
+     * desktop clicks navigate while hover previews; touch taps pin the card.
+     */
+    href?: string;
+    /** Truncation limit for the in-card definition (default 190 chars). */
+    maxDefinitionLength?: number;
+    /** Dashed underline marking the term as hoverable (default true). */
+    underline?: boolean;
+    className?: string;
+}
+/**
+ * A rich "what does this term mean?" hover card: category badge, canonical
+ * term, truncated definition, optional key fact, source link, and related
+ * term chips. The provenance sibling is `SourceTip` ("what backs this
+ * claim?") — the two share the same interaction grammar.
+ *
+ * Trigger and card are phrasing content (`span`/`a`/`button` only), so it is
+ * valid inside `<p>` prose. The card portals to `body` with fixed
+ * positioning, flipping and clamping to stay in the viewport. On touch, a
+ * tap pins the card instead of navigating; Escape or an outside tap closes.
+ *
+ * @example
+ * ```tsx
+ * <GlossaryTooltip
+ *   term="OSHA recordable"
+ *   definition="A work-related injury or illness that meets OSHA reporting criteria…"
+ *   category="Compliance"
+ *   href="/glossary/osha-recordable"
+ * >
+ *   OSHA recordables
+ * </GlossaryTooltip>
+ * ```
+ */
+declare function GlossaryTooltip({ children, term, definition, category, keyFact, source, related, href, maxDefinitionLength, underline, className, }: GlossaryTooltipProps): react_jsx_runtime.JSX.Element;
+
+export { type GlossaryRelatedTerm, type GlossarySource, GlossaryTooltip, type GlossaryTooltipProps };

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

@@ -0,0 +1,64 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/** Authoritative source link shown in the card footer. */
+interface GlossarySource {
+    label: string;
+    url: string;
+}
+/** Sibling term shown as a lateral "hop" chip. */
+interface GlossaryRelatedTerm {
+    term: string;
+    href?: string;
+}
+interface GlossaryTooltipProps {
+    /** Visible, in-flow trigger text (may be a plural or abbreviation match). */
+    children: React.ReactNode;
+    /** Canonical term name, shown as the card heading. */
+    term: string;
+    definition: string;
+    /** Human-readable category label, shown as a badge in the header. */
+    category?: string;
+    /** Optional single key fact, shown with a diamond marker. */
+    keyFact?: string;
+    /** Optional authoritative source link, shown in the footer. */
+    source?: GlossarySource;
+    /** Optional sibling terms, shown as chips. */
+    related?: GlossaryRelatedTerm[];
+    /**
+     * Full glossary page for the term. When set, the trigger is a real link —
+     * desktop clicks navigate while hover previews; touch taps pin the card.
+     */
+    href?: string;
+    /** Truncation limit for the in-card definition (default 190 chars). */
+    maxDefinitionLength?: number;
+    /** Dashed underline marking the term as hoverable (default true). */
+    underline?: boolean;
+    className?: string;
+}
+/**
+ * A rich "what does this term mean?" hover card: category badge, canonical
+ * term, truncated definition, optional key fact, source link, and related
+ * term chips. The provenance sibling is `SourceTip` ("what backs this
+ * claim?") — the two share the same interaction grammar.
+ *
+ * Trigger and card are phrasing content (`span`/`a`/`button` only), so it is
+ * valid inside `<p>` prose. The card portals to `body` with fixed
+ * positioning, flipping and clamping to stay in the viewport. On touch, a
+ * tap pins the card instead of navigating; Escape or an outside tap closes.
+ *
+ * @example
+ * ```tsx
+ * <GlossaryTooltip
+ *   term="OSHA recordable"
+ *   definition="A work-related injury or illness that meets OSHA reporting criteria…"
+ *   category="Compliance"
+ *   href="/glossary/osha-recordable"
+ * >
+ *   OSHA recordables
+ * </GlossaryTooltip>
+ * ```
+ */
+declare function GlossaryTooltip({ children, term, definition, category, keyFact, source, related, href, maxDefinitionLength, underline, className, }: GlossaryTooltipProps): react_jsx_runtime.JSX.Element;
+
+export { type GlossaryRelatedTerm, type GlossarySource, GlossaryTooltip, type GlossaryTooltipProps };

package/dist/components/GlossaryTooltip/index.js

@@ -0,0 +1,6 @@
+export { GlossaryTooltip } from '../../chunk-XWYKLEKG.js';
+import '../../chunk-T4ME7QCT.js';
+import '../../chunk-BOOJDRJO.js';
+import '../../chunk-TQONQSJO.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Input/index.cjs

@@ -1,17 +1,34 @@
 'use strict';
 
-var chunk6ECKH4DJ_cjs = require('../../chunk-6ECKH4DJ.cjs');
+require('../../chunk-I44YNYI6.cjs');
+var chunkZ5S5JEJD_cjs = require('../../chunk-Z5S5JEJD.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 
 
 
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunk6ECKH4DJ_cjs.Input; }
+  get: function () { return chunkZ5S5JEJD_cjs.Input; }
+});
+Object.defineProperty(exports, "RequiredMark", {
+  enumerable: true,
+  get: function () { return chunkZ5S5JEJD_cjs.RequiredMark; }
+});
+Object.defineProperty(exports, "floatingGroupLabelVariants", {
+  enumerable: true,
+  get: function () { return chunkZ5S5JEJD_cjs.floatingGroupLabelVariants; }
+});
+Object.defineProperty(exports, "floatingGroupVariants", {
+  enumerable: true,
+  get: function () { return chunkZ5S5JEJD_cjs.floatingGroupVariants; }
+});
+Object.defineProperty(exports, "floatingLabelVariants", {
+  enumerable: true,
+  get: function () { return chunkZ5S5JEJD_cjs.floatingLabelVariants; }
 });
 Object.defineProperty(exports, "inputVariants", {
   enumerable: true,
-  get: function () { return chunk6ECKH4DJ_cjs.inputVariants; }
+  get: function () { return chunkZ5S5JEJD_cjs.inputVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

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"}