@ttoss/fsl-ui 0.2.4 → 0.2.6

package/dist/components/Icon/glyphs.cjs

@@ -1,8 +1,14 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
 let _iconify_icon_react = require("@iconify-icon/react");
+let _iconify_icons_lucide_arrow_down_wide_narrow_js = require("@iconify/icons-lucide/arrow-down-wide-narrow.js");
+_iconify_icons_lucide_arrow_down_wide_narrow_js = require_runtime.__toESM(_iconify_icons_lucide_arrow_down_wide_narrow_js, 1);
+let _iconify_icons_lucide_arrow_up_narrow_wide_js = require("@iconify/icons-lucide/arrow-up-narrow-wide.js");
+_iconify_icons_lucide_arrow_up_narrow_wide_js = require_runtime.__toESM(_iconify_icons_lucide_arrow_up_narrow_wide_js, 1);
 let _iconify_icons_lucide_check_js = require("@iconify/icons-lucide/check.js");
 _iconify_icons_lucide_check_js = require_runtime.__toESM(_iconify_icons_lucide_check_js, 1);
+let _iconify_icons_lucide_check_circle_2_js = require("@iconify/icons-lucide/check-circle-2.js");
+_iconify_icons_lucide_check_circle_2_js = require_runtime.__toESM(_iconify_icons_lucide_check_circle_2_js, 1);
 let _iconify_icons_lucide_chevron_down_js = require("@iconify/icons-lucide/chevron-down.js");
 _iconify_icons_lucide_chevron_down_js = require_runtime.__toESM(_iconify_icons_lucide_chevron_down_js, 1);
 let _iconify_icons_lucide_chevron_right_js = require("@iconify/icons-lucide/chevron-right.js");
@@ -33,18 +39,34 @@ _iconify_icons_lucide_x_js = require_runtime.__toESM(_iconify_icons_lucide_x_js,
 * @see ../../../CONTRIBUTING.md ADR-005
 */
 /**
+* The per-icon lucide modules are CommonJS (`exports.default = data` with
+* `__esModule`). Bundlers disagree on default-import interop: Babel/Jest
+* respect `__esModule` (import = the data), while Node-mode interop
+* (Vite/Rolldown, Node ESM) makes the import the whole `module.exports` —
+* `{ __esModule, default: data }`. Normalize both shapes; without this,
+* `addIcon` receives an invalid payload and rejects it *silently*, every
+* icon falls back to an Iconify API fetch, and no glyph renders in
+* production builds (friction F-012).
+*/
+var unwrapGlyph = mod => {
+  return "body" in mod ? mod : mod.default;
+};
+/**
 * The default (Lucide) glyph for every intent. `satisfies Record<…>` makes a
 * missing intent a compile error — the completeness rule from icon-system.md.
 */
 var INTENT_GLYPHS = {
-  "disclosure.expand": _iconify_icons_lucide_chevron_down_js.default,
-  "disclosure.collapse": _iconify_icons_lucide_chevron_right_js.default,
-  "selection.checked": _iconify_icons_lucide_check_js.default,
-  "selection.indeterminate": _iconify_icons_lucide_minus_js.default,
-  "action.close": _iconify_icons_lucide_x_js.default,
-  "action.search": _iconify_icons_lucide_search_js.default,
-  "action.increment": _iconify_icons_lucide_plus_js.default,
-  "action.decrement": _iconify_icons_lucide_minus_js.default
+  "disclosure.expand": unwrapGlyph(_iconify_icons_lucide_chevron_down_js.default),
+  "disclosure.collapse": unwrapGlyph(_iconify_icons_lucide_chevron_right_js.default),
+  "selection.checked": unwrapGlyph(_iconify_icons_lucide_check_js.default),
+  "selection.indeterminate": unwrapGlyph(_iconify_icons_lucide_minus_js.default),
+  "action.close": unwrapGlyph(_iconify_icons_lucide_x_js.default),
+  "action.search": unwrapGlyph(_iconify_icons_lucide_search_js.default),
+  "action.increment": unwrapGlyph(_iconify_icons_lucide_plus_js.default),
+  "action.decrement": unwrapGlyph(_iconify_icons_lucide_minus_js.default),
+  "action.sortAscending": unwrapGlyph(_iconify_icons_lucide_arrow_up_narrow_wide_js.default),
+  "action.sortDescending": unwrapGlyph(_iconify_icons_lucide_arrow_down_wide_narrow_js.default),
+  "status.success": unwrapGlyph(_iconify_icons_lucide_check_circle_2_js.default)
 };
 /**
 * The Iconify registry name for an intent — `fsl-ui:{family}-{intent}`. The
@@ -52,7 +74,9 @@ var INTENT_GLYPHS = {
 * clobbered by) icons an application registers under bare names.
 */
 var iconifyName = intent => {
-  return `fsl-ui:${intent.replace(".", "-")}`;
+  return `fsl-ui:${intent.replace(".", "-").replace(/[A-Z]/g, letter => {
+    return `-${letter.toLowerCase()}`;
+  })}`;
 };
 var registered = false;
 /**
@@ -63,7 +87,10 @@ var registered = false;
 */
 var ensureIconGlyphs = () => {
   if (registered) return;
-  for (const [intent, glyph] of Object.entries(INTENT_GLYPHS)) (0, _iconify_icon_react.addIcon)(iconifyName(intent), glyph);
+  for (const [intent, glyph] of Object.entries(INTENT_GLYPHS)) {
+    const name = iconifyName(intent);
+    if (!(0, _iconify_icon_react.addIcon)(name, glyph)) throw new Error(`fsl-ui Icon: failed to register glyph "${name}" for intent "${intent}" — invalid Iconify name or data.`);
+  }
   registered = true;
 };
 

package/dist/components/Icon/glyphs.mjs

@@ -1,6 +1,9 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import { addIcon } from "@iconify-icon/react";
+import arrowDownWideNarrowGlyph from "@iconify/icons-lucide/arrow-down-wide-narrow.js";
+import arrowUpNarrowWideGlyph from "@iconify/icons-lucide/arrow-up-narrow-wide.js";
 import checkGlyph from "@iconify/icons-lucide/check.js";
+import checkCircleGlyph from "@iconify/icons-lucide/check-circle-2.js";
 import chevronDownGlyph from "@iconify/icons-lucide/chevron-down.js";
 import chevronRightGlyph from "@iconify/icons-lucide/chevron-right.js";
 import minusGlyph from "@iconify/icons-lucide/minus.js";
@@ -25,18 +28,34 @@ import xGlyph from "@iconify/icons-lucide/x.js";
 * @see ../../../CONTRIBUTING.md ADR-005
 */
 /**
+* The per-icon lucide modules are CommonJS (`exports.default = data` with
+* `__esModule`). Bundlers disagree on default-import interop: Babel/Jest
+* respect `__esModule` (import = the data), while Node-mode interop
+* (Vite/Rolldown, Node ESM) makes the import the whole `module.exports` —
+* `{ __esModule, default: data }`. Normalize both shapes; without this,
+* `addIcon` receives an invalid payload and rejects it *silently*, every
+* icon falls back to an Iconify API fetch, and no glyph renders in
+* production builds (friction F-012).
+*/
+var unwrapGlyph = mod => {
+  return "body" in mod ? mod : mod.default;
+};
+/**
 * The default (Lucide) glyph for every intent. `satisfies Record<…>` makes a
 * missing intent a compile error — the completeness rule from icon-system.md.
 */
 var INTENT_GLYPHS = {
-  "disclosure.expand": chevronDownGlyph,
-  "disclosure.collapse": chevronRightGlyph,
-  "selection.checked": checkGlyph,
-  "selection.indeterminate": minusGlyph,
-  "action.close": xGlyph,
-  "action.search": searchGlyph,
-  "action.increment": plusGlyph,
-  "action.decrement": minusGlyph
+  "disclosure.expand": unwrapGlyph(chevronDownGlyph),
+  "disclosure.collapse": unwrapGlyph(chevronRightGlyph),
+  "selection.checked": unwrapGlyph(checkGlyph),
+  "selection.indeterminate": unwrapGlyph(minusGlyph),
+  "action.close": unwrapGlyph(xGlyph),
+  "action.search": unwrapGlyph(searchGlyph),
+  "action.increment": unwrapGlyph(plusGlyph),
+  "action.decrement": unwrapGlyph(minusGlyph),
+  "action.sortAscending": unwrapGlyph(arrowUpNarrowWideGlyph),
+  "action.sortDescending": unwrapGlyph(arrowDownWideNarrowGlyph),
+  "status.success": unwrapGlyph(checkCircleGlyph)
 };
 /**
 * The Iconify registry name for an intent — `fsl-ui:{family}-{intent}`. The
@@ -44,7 +63,9 @@ var INTENT_GLYPHS = {
 * clobbered by) icons an application registers under bare names.
 */
 var iconifyName = intent => {
-  return `fsl-ui:${intent.replace(".", "-")}`;
+  return `fsl-ui:${intent.replace(".", "-").replace(/[A-Z]/g, letter => {
+    return `-${letter.toLowerCase()}`;
+  })}`;
 };
 var registered = false;
 /**
@@ -55,7 +76,10 @@ var registered = false;
 */
 var ensureIconGlyphs = () => {
   if (registered) return;
-  for (const [intent, glyph] of Object.entries(INTENT_GLYPHS)) addIcon(iconifyName(intent), glyph);
+  for (const [intent, glyph] of Object.entries(INTENT_GLYPHS)) {
+    const name = iconifyName(intent);
+    if (!addIcon(name, glyph)) throw new Error(`fsl-ui Icon: failed to register glyph "${name}" for intent "${intent}" — invalid Iconify name or data.`);
+  }
   registered = true;
 };
 

package/dist/components/Icon/intents.cjs

@@ -0,0 +1,32 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+//#region src/components/Icon/intents.ts
+/**
+* Icon semantic layer — the intent vocabulary.
+*
+* This is the provider-agnostic contract described by
+* `docs/design/design-system/components/icon-system.md`: an Icon is named by
+* **what it means** (`icon.{family}.{intent}`), never by which glyph or which
+* icon library renders it. The theme (here: the default Lucide mapping in
+* `glyphs.ts`) decides the glyph; this file decides the meanings.
+*
+* Scope (ROADMAP B1): this is intentionally a **subset** of the canonical
+* registry — only the intents that shipped components actually consume today.
+* The registry "grows slowly and shrinks never" (icon-system.md § Change
+* Rules): add an intent here (and its glyph in `glyphs.ts`) when a new
+* component needs one, never speculatively.
+*
+* This module is the seed of the future standalone `@ttoss/fsl-icon` package;
+* it stays free of React and token imports so it can be lifted out whole.
+*
+* @see ../../../CONTRIBUTING.md ADR-005 — Iconify provider + internal intent layer
+* @see docs/design/design-system/components/icon-system.md — full contract
+*/
+/**
+* The intents currently backed by a glyph, grouped by family. Values are the
+* canonical `{family}.{intent}` identifiers. Adding a member here is a
+* type-level requirement to add its glyph in `INTENT_GLYPHS` (`glyphs.ts`).
+*/
+var ICON_INTENTS = ["disclosure.expand", "disclosure.collapse", "selection.checked", "selection.indeterminate", "action.close", "action.search", "action.increment", "action.decrement", "action.sortAscending", "action.sortDescending", "status.success"];
+
+//#endregion
+exports.ICON_INTENTS = ICON_INTENTS;

package/dist/components/Icon/intents.d.cts

@@ -0,0 +1,33 @@
+
+//#region src/components/Icon/intents.d.ts
+/**
+ * Icon semantic layer — the intent vocabulary.
+ *
+ * This is the provider-agnostic contract described by
+ * `docs/design/design-system/components/icon-system.md`: an Icon is named by
+ * **what it means** (`icon.{family}.{intent}`), never by which glyph or which
+ * icon library renders it. The theme (here: the default Lucide mapping in
+ * `glyphs.ts`) decides the glyph; this file decides the meanings.
+ *
+ * Scope (ROADMAP B1): this is intentionally a **subset** of the canonical
+ * registry — only the intents that shipped components actually consume today.
+ * The registry "grows slowly and shrinks never" (icon-system.md § Change
+ * Rules): add an intent here (and its glyph in `glyphs.ts`) when a new
+ * component needs one, never speculatively.
+ *
+ * This module is the seed of the future standalone `@ttoss/fsl-icon` package;
+ * it stays free of React and token imports so it can be lifted out whole.
+ *
+ * @see ../../../CONTRIBUTING.md ADR-005 — Iconify provider + internal intent layer
+ * @see docs/design/design-system/components/icon-system.md — full contract
+ */
+/**
+ * The intents currently backed by a glyph, grouped by family. Values are the
+ * canonical `{family}.{intent}` identifiers. Adding a member here is a
+ * type-level requirement to add its glyph in `INTENT_GLYPHS` (`glyphs.ts`).
+ */
+declare const ICON_INTENTS: readonly ["disclosure.expand", "disclosure.collapse", "selection.checked", "selection.indeterminate", "action.close", "action.search", "action.increment", "action.decrement", "action.sortAscending", "action.sortDescending", "status.success"];
+/** A semantic icon intent — the public "name" of an icon. */
+type IconIntent = (typeof ICON_INTENTS)[number];
+//#endregion
+export { ICON_INTENTS, IconIntent };

package/dist/components/Icon/intents.d.mts

@@ -0,0 +1,33 @@
+
+//#region src/components/Icon/intents.d.ts
+/**
+ * Icon semantic layer — the intent vocabulary.
+ *
+ * This is the provider-agnostic contract described by
+ * `docs/design/design-system/components/icon-system.md`: an Icon is named by
+ * **what it means** (`icon.{family}.{intent}`), never by which glyph or which
+ * icon library renders it. The theme (here: the default Lucide mapping in
+ * `glyphs.ts`) decides the glyph; this file decides the meanings.
+ *
+ * Scope (ROADMAP B1): this is intentionally a **subset** of the canonical
+ * registry — only the intents that shipped components actually consume today.
+ * The registry "grows slowly and shrinks never" (icon-system.md § Change
+ * Rules): add an intent here (and its glyph in `glyphs.ts`) when a new
+ * component needs one, never speculatively.
+ *
+ * This module is the seed of the future standalone `@ttoss/fsl-icon` package;
+ * it stays free of React and token imports so it can be lifted out whole.
+ *
+ * @see ../../../CONTRIBUTING.md ADR-005 — Iconify provider + internal intent layer
+ * @see docs/design/design-system/components/icon-system.md — full contract
+ */
+/**
+ * The intents currently backed by a glyph, grouped by family. Values are the
+ * canonical `{family}.{intent}` identifiers. Adding a member here is a
+ * type-level requirement to add its glyph in `INTENT_GLYPHS` (`glyphs.ts`).
+ */
+declare const ICON_INTENTS: readonly ["disclosure.expand", "disclosure.collapse", "selection.checked", "selection.indeterminate", "action.close", "action.search", "action.increment", "action.decrement", "action.sortAscending", "action.sortDescending", "status.success"];
+/** A semantic icon intent — the public "name" of an icon. */
+type IconIntent = (typeof ICON_INTENTS)[number];
+//#endregion
+export { ICON_INTENTS, IconIntent };

package/dist/components/Icon/intents.mjs

@@ -0,0 +1,32 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+//#region src/components/Icon/intents.ts
+/**
+* Icon semantic layer — the intent vocabulary.
+*
+* This is the provider-agnostic contract described by
+* `docs/design/design-system/components/icon-system.md`: an Icon is named by
+* **what it means** (`icon.{family}.{intent}`), never by which glyph or which
+* icon library renders it. The theme (here: the default Lucide mapping in
+* `glyphs.ts`) decides the glyph; this file decides the meanings.
+*
+* Scope (ROADMAP B1): this is intentionally a **subset** of the canonical
+* registry — only the intents that shipped components actually consume today.
+* The registry "grows slowly and shrinks never" (icon-system.md § Change
+* Rules): add an intent here (and its glyph in `glyphs.ts`) when a new
+* component needs one, never speculatively.
+*
+* This module is the seed of the future standalone `@ttoss/fsl-icon` package;
+* it stays free of React and token imports so it can be lifted out whole.
+*
+* @see ../../../CONTRIBUTING.md ADR-005 — Iconify provider + internal intent layer
+* @see docs/design/design-system/components/icon-system.md — full contract
+*/
+/**
+* The intents currently backed by a glyph, grouped by family. Values are the
+* canonical `{family}.{intent}` identifiers. Adding a member here is a
+* type-level requirement to add its glyph in `INTENT_GLYPHS` (`glyphs.ts`).
+*/
+var ICON_INTENTS = ["disclosure.expand", "disclosure.collapse", "selection.checked", "selection.indeterminate", "action.close", "action.search", "action.increment", "action.decrement", "action.sortAscending", "action.sortDescending", "status.success"];
+
+//#endregion
+export { ICON_INTENTS };

package/dist/components/Link/Link.cjs

@@ -2,8 +2,8 @@
 const require_focusRing = require('../../tokens/focusRing.cjs');
 const require_resolveInteractiveStyle = require('../../tokens/resolveInteractiveStyle.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/components/Link/Link.tsx
 /**

package/dist/components/Link/Link.mjs

@@ -2,8 +2,8 @@
 import { focusRingOutline } from "../../tokens/focusRing.mjs";
 import { resolveInteractiveStyle } from "../../tokens/resolveInteractiveStyle.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { Link } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Link } from "react-aria-components";
 
 //#region src/components/Link/Link.tsx
 /**

package/dist/components/ListBox/ListBox.cjs

@@ -2,8 +2,8 @@
 const require_focusRing = require('../../tokens/focusRing.cjs');
 const require_resolveInteractiveStyle = require('../../tokens/resolveInteractiveStyle.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/components/ListBox/ListBox.tsx
 /** Formal semantic identity — ListBox root (Collection entity, surface). */

package/dist/components/ListBox/ListBox.mjs

@@ -2,8 +2,8 @@
 import { focusRingOutline } from "../../tokens/focusRing.mjs";
 import { resolveInteractiveStyle } from "../../tokens/resolveInteractiveStyle.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { ListBox, ListBoxItem } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { ListBox, ListBoxItem } from "react-aria-components";
 
 //#region src/components/ListBox/ListBox.tsx
 /** Formal semantic identity — ListBox root (Collection entity, surface). */

package/dist/components/Meter/Meter.cjs

@@ -1,7 +1,7 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/components/Meter/Meter.tsx
 /** Formal semantic identity — Meter root (Feedback entity). */
@@ -89,17 +89,27 @@ var Meter = ({
             display: "flex",
             justifyContent: "space-between",
             alignItems: "baseline",
+            gap: _ttoss_fsl_theme_vars.vars.spacing.gap.inline.sm,
             color: c?.text?.default,
             ..._ttoss_fsl_theme_vars.vars.text.label.md
           },
           children: [/* @__PURE__ */(0, react_jsx_runtime.jsx)("span", {
             "data-scope": "meter",
             "data-part": "title",
+            style: {
+              minInlineSize: 0,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            },
             children: label
           }), showValueLabel && /* @__PURE__ */(0, react_jsx_runtime.jsx)("span", {
             "data-scope": "meter",
             "data-part": "status",
             "aria-hidden": true,
+            style: {
+              flex: "none"
+            },
             children: valueText ?? `${Math.round(percentage)}%`
           })]
         }), /* @__PURE__ */(0, react_jsx_runtime.jsx)("div", {

package/dist/components/Meter/Meter.mjs

@@ -1,7 +1,7 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import { vars } from "@ttoss/fsl-theme/vars";
-import { Meter } from "react-aria-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Meter } from "react-aria-components";
 
 //#region src/components/Meter/Meter.tsx
 /** Formal semantic identity — Meter root (Feedback entity). */
@@ -89,17 +89,27 @@ var Meter$1 = ({
             display: "flex",
             justifyContent: "space-between",
             alignItems: "baseline",
+            gap: vars.spacing.gap.inline.sm,
             color: c?.text?.default,
             ...vars.text.label.md
           },
           children: [/* @__PURE__ */jsx("span", {
             "data-scope": "meter",
             "data-part": "title",
+            style: {
+              minInlineSize: 0,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            },
             children: label
           }), showValueLabel && /* @__PURE__ */jsx("span", {
             "data-scope": "meter",
             "data-part": "status",
             "aria-hidden": true,
+            style: {
+              flex: "none"
+            },
             children: valueText ?? `${Math.round(percentage)}%`
           })]
         }), /* @__PURE__ */jsx("div", {

package/dist/components/NumberField/NumberField.cjs

@@ -3,8 +3,8 @@ const require_focusRing = require('../../tokens/focusRing.cjs');
 const require_resolveInteractiveStyle = require('../../tokens/resolveInteractiveStyle.cjs');
 const require_Icon = require('../Icon/Icon.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/components/NumberField/NumberField.tsx
 /** Formal semantic identity — NumberField root (Input entity). */
@@ -24,7 +24,7 @@ var buildControlBoxStyle = ({
     boxSizing: "border-box",
     display: "inline-flex",
     alignItems: "center",
-    minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit.base,
+    minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit,
     borderRadius: _ttoss_fsl_theme_vars.vars.radii.control,
     borderWidth: _ttoss_fsl_theme_vars.vars.border.outline.control.width,
     borderStyle: _ttoss_fsl_theme_vars.vars.border.outline.control.style,

package/dist/components/NumberField/NumberField.mjs

@@ -3,8 +3,8 @@ import { focusRingOutline } from "../../tokens/focusRing.mjs";
 import { resolveInteractiveStyle } from "../../tokens/resolveInteractiveStyle.mjs";
 import { Icon } from "../Icon/Icon.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { Button, FieldError, Group, Input, Label, NumberField, Text } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, FieldError, Group, Input, Label, NumberField, Text } from "react-aria-components";
 
 //#region src/components/NumberField/NumberField.tsx
 /** Formal semantic identity — NumberField root (Input entity). */
@@ -24,7 +24,7 @@ var buildControlBoxStyle = ({
     boxSizing: "border-box",
     display: "inline-flex",
     alignItems: "center",
-    minHeight: vars.sizing.hit.base,
+    minHeight: vars.sizing.hit,
     borderRadius: vars.radii.control,
     borderWidth: vars.border.outline.control.width,
     borderStyle: vars.border.outline.control.style,

package/dist/components/ProgressBar/ProgressBar.cjs

@@ -2,8 +2,8 @@
 const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
 const require_keyframes = require('../../tokens/keyframes.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 let react = require("react");
 react = require_runtime.__toESM(react);
 

package/dist/components/ProgressBar/ProgressBar.mjs

@@ -1,8 +1,8 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import { ANIMATION_NAMES, ensureKeyframes } from "../../tokens/keyframes.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { ProgressBar } from "react-aria-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ProgressBar } from "react-aria-components";
 import * as React from "react";
 
 //#region src/components/ProgressBar/ProgressBar.tsx

package/dist/components/RadioGroup/RadioGroup.cjs

@@ -2,8 +2,8 @@
 const require_focusRing = require('../../tokens/focusRing.cjs');
 const require_resolveInteractiveStyle = require('../../tokens/resolveInteractiveStyle.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/components/RadioGroup/RadioGroup.tsx
 /** Formal semantic identity — RadioGroup root (Selection entity, single-choice). */
@@ -151,7 +151,7 @@ var Radio = ({
         display: "inline-flex",
         alignItems: "center",
         gap: _ttoss_fsl_theme_vars.vars.spacing.gap.inline.sm,
-        minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit.base,
+        minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit,
         cursor: isDisabled ? "not-allowed" : "pointer",
         opacity: isDisabled ? _ttoss_fsl_theme_vars.vars.opacity.disabled : void 0,
         ..._ttoss_fsl_theme_vars.vars.text.label.md,

package/dist/components/RadioGroup/RadioGroup.mjs

@@ -2,8 +2,8 @@
 import { focusRingOutline } from "../../tokens/focusRing.mjs";
 import { resolveInteractiveStyle } from "../../tokens/resolveInteractiveStyle.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { Label, Radio, RadioGroup } from "react-aria-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Label, Radio, RadioGroup } from "react-aria-components";
 
 //#region src/components/RadioGroup/RadioGroup.tsx
 /** Formal semantic identity — RadioGroup root (Selection entity, single-choice). */
@@ -151,7 +151,7 @@ var Radio$1 = ({
         display: "inline-flex",
         alignItems: "center",
         gap: vars.spacing.gap.inline.sm,
-        minHeight: vars.sizing.hit.base,
+        minHeight: vars.sizing.hit,
         cursor: isDisabled ? "not-allowed" : "pointer",
         opacity: isDisabled ? vars.opacity.disabled : void 0,
         ...vars.text.label.md,

package/dist/components/Select/Select.cjs

@@ -3,8 +3,8 @@ const require_focusRing = require('../../tokens/focusRing.cjs');
 const require_resolveInteractiveStyle = require('../../tokens/resolveInteractiveStyle.cjs');
 const require_Icon = require('../Icon/Icon.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/components/Select/Select.tsx
 var selectMeta = {
@@ -104,7 +104,7 @@ var Select = ({
               alignItems: "center",
               justifyContent: "space-between",
               gap: _ttoss_fsl_theme_vars.vars.spacing.gap.inline.sm,
-              minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit.base,
+              minHeight: _ttoss_fsl_theme_vars.vars.sizing.hit,
               paddingBlock: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
               paddingInline: _ttoss_fsl_theme_vars.vars.spacing.inset.control.md,
               borderRadius: _ttoss_fsl_theme_vars.vars.radii.control,

package/dist/components/Select/Select.mjs

@@ -3,8 +3,8 @@ import { focusRingOutline } from "../../tokens/focusRing.mjs";
 import { resolveInteractiveStyle } from "../../tokens/resolveInteractiveStyle.mjs";
 import { Icon } from "../Icon/Icon.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { Button, Label, ListBox, ListBoxItem, Popover, Select, SelectValue } from "react-aria-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button, Label, ListBox, ListBoxItem, Popover, Select, SelectValue } from "react-aria-components";
 
 //#region src/components/Select/Select.tsx
 var selectMeta = {
@@ -104,7 +104,7 @@ var Select$1 = ({
               alignItems: "center",
               justifyContent: "space-between",
               gap: vars.spacing.gap.inline.sm,
-              minHeight: vars.sizing.hit.base,
+              minHeight: vars.sizing.hit,
               paddingBlock: vars.spacing.inset.control.md,
               paddingInline: vars.spacing.inset.control.md,
               borderRadius: vars.radii.control,

package/dist/components/Separator/Separator.cjs

@@ -1,7 +1,7 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/components/Separator/Separator.tsx
 /** Formal semantic identity — Separator root (Structure entity, divider). */

package/dist/components/Separator/Separator.mjs

@@ -1,7 +1,7 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import { vars } from "@ttoss/fsl-theme/vars";
-import { Separator } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Separator } from "react-aria-components";
 
 //#region src/components/Separator/Separator.tsx
 /** Formal semantic identity — Separator root (Structure entity, divider). */

package/dist/components/Slider/Slider.cjs

@@ -1,8 +1,8 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 const require_focusRing = require('../../tokens/focusRing.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
-let react_aria_components = require("react-aria-components");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/components/Slider/Slider.tsx
 /** Formal semantic identity — Slider root (Input entity). */

package/dist/components/Slider/Slider.mjs

@@ -1,8 +1,8 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import { focusRingOutline } from "../../tokens/focusRing.mjs";
 import { vars } from "@ttoss/fsl-theme/vars";
-import { Label, Slider, SliderOutput, SliderThumb, SliderTrack } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Label, Slider, SliderOutput, SliderThumb, SliderTrack } from "react-aria-components";
 
 //#region src/components/Slider/Slider.tsx
 /** Formal semantic identity — Slider root (Input entity). */