@ttoss/fsl-ui 0.2.5 → 0.2.7

package/README.md

@@ -59,7 +59,7 @@ Composites accept no `style`/`className`. Geometry the host legitimately owns is
 
 The registered knobs and the full policy live in `src/tokens/CONTRACT.md` §7.
 
-Icons are internal: components render glyphs through a semantic layer over the [Iconify](https://iconify.design/) provider (default set: Lucide), registered offline (no runtime network fetch). There is no public `Icon` export yet — see CONTRIBUTING ADR-005.
+Icons are semantic: `Icon` (public since ADR-010) is named by intent (`<Icon intent="status.success" />`), never by glyph. The theme maps intents to [Iconify](https://iconify.design/) glyphs (default set: Lucide), registered offline (no runtime network fetch); color inherits via `currentColor` and size comes from `vars.sizing.icon.*`.
 
 ## AI-first surface
 

package/dist/components/AppShell/AppShell.cjs

@@ -71,7 +71,8 @@ var AppShell = ({
       "data-scope": "app-shell",
       "data-part": "header",
       style: {
-        borderBlockEnd: HAIRLINE
+        borderBlockEnd: HAIRLINE,
+        containerType: "inline-size"
       },
       children: header
     }) : null, /* @__PURE__ */(0, react_jsx_runtime.jsxs)("div", {
@@ -93,7 +94,8 @@ var AppShell = ({
         "aria-label": sidebarLabel,
         style: {
           overflowY: "auto",
-          borderInlineEnd: HAIRLINE
+          borderInlineEnd: HAIRLINE,
+          containerType: "inline-size"
         },
         children: sidebar
       }) : null, /* @__PURE__ */(0, react_jsx_runtime.jsx)("main", {
@@ -101,7 +103,8 @@ var AppShell = ({
         "data-part": "main",
         style: {
           overflow: "auto",
-          minInlineSize: 0
+          minInlineSize: 0,
+          containerType: "inline-size"
         },
         children
       }), hasAside ? /* @__PURE__ */(0, react_jsx_runtime.jsx)("aside", {
@@ -110,7 +113,8 @@ var AppShell = ({
         "aria-label": asideLabel,
         style: {
           overflowY: "auto",
-          borderInlineStart: HAIRLINE
+          borderInlineStart: HAIRLINE,
+          containerType: "inline-size"
         },
         children: aside
       }) : null]

package/dist/components/AppShell/AppShell.mjs

@@ -71,7 +71,8 @@ var AppShell = ({
       "data-scope": "app-shell",
       "data-part": "header",
       style: {
-        borderBlockEnd: HAIRLINE
+        borderBlockEnd: HAIRLINE,
+        containerType: "inline-size"
       },
       children: header
     }) : null, /* @__PURE__ */jsxs("div", {
@@ -93,7 +94,8 @@ var AppShell = ({
         "aria-label": sidebarLabel,
         style: {
           overflowY: "auto",
-          borderInlineEnd: HAIRLINE
+          borderInlineEnd: HAIRLINE,
+          containerType: "inline-size"
         },
         children: sidebar
       }) : null, /* @__PURE__ */jsx("main", {
@@ -101,7 +103,8 @@ var AppShell = ({
         "data-part": "main",
         style: {
           overflow: "auto",
-          minInlineSize: 0
+          minInlineSize: 0,
+          containerType: "inline-size"
         },
         children
       }), hasAside ? /* @__PURE__ */jsx("aside", {
@@ -110,7 +113,8 @@ var AppShell = ({
         "aria-label": asideLabel,
         style: {
           overflowY: "auto",
-          borderInlineStart: HAIRLINE
+          borderInlineStart: HAIRLINE,
+          containerType: "inline-size"
         },
         children: aside
       }) : null]

package/dist/components/Container/Container.cjs

@@ -53,7 +53,8 @@ var Container = ({
       marginInline: "auto",
       width: "100%",
       maxWidth: MAX_WIDTH[size],
-      paddingInline: GUTTER[gutter]
+      paddingInline: GUTTER[gutter],
+      containerType: "inline-size"
     },
     children
   });

package/dist/components/Container/Container.mjs

@@ -53,7 +53,8 @@ var Container = ({
       marginInline: "auto",
       width: "100%",
       maxWidth: MAX_WIDTH[size],
-      paddingInline: GUTTER[gutter]
+      paddingInline: GUTTER[gutter],
+      containerType: "inline-size"
     },
     children
   });

package/dist/components/Grid/Grid.cjs

@@ -1,6 +1,9 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
 let _ttoss_fsl_theme_vars = require("@ttoss/fsl-theme/vars");
 let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
 
 //#region src/components/Grid/Grid.tsx
 /** Formal semantic identity — Grid root (Structure entity, 2D layout). */
@@ -45,6 +48,11 @@ var autoTracks = min => {
 * named scale, so grid rhythm stays consistent across a product. For a single
 * axis of flow, reach for `Stack` instead.
 *
+* Each child is hosted in a `data-part="item"` wrapper that establishes
+* `container-type: inline-size` (ADR-011): the theme's container-fluid
+* scales (`cqi` clamps) resolve against the item's track width, so type and
+* spacing inside a narrow tile scale down instead of overflowing.
+*
 * @example
 * ```tsx
 * // Fixed columns
@@ -78,7 +86,18 @@ var Grid = ({
       alignItems: ALIGN[align],
       justifyItems: ALIGN[justify]
     },
-    children
+    children: react.Children.map(children, child => {
+      if (child === null || child === void 0) return child;
+      return /* @__PURE__ */(0, react_jsx_runtime.jsx)("div", {
+        "data-scope": "grid",
+        "data-part": "item",
+        style: {
+          display: "grid",
+          containerType: "inline-size"
+        },
+        children: child
+      });
+    })
   });
 };
 Grid.displayName = gridMeta.displayName;

package/dist/components/Grid/Grid.d.cts

@@ -62,6 +62,11 @@ interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style' |
  * named scale, so grid rhythm stays consistent across a product. For a single
  * axis of flow, reach for `Stack` instead.
  *
+ * Each child is hosted in a `data-part="item"` wrapper that establishes
+ * `container-type: inline-size` (ADR-011): the theme's container-fluid
+ * scales (`cqi` clamps) resolve against the item's track width, so type and
+ * spacing inside a narrow tile scale down instead of overflowing.
+ *
  * @example
  * ```tsx
  * // Fixed columns

package/dist/components/Grid/Grid.d.mts

@@ -62,6 +62,11 @@ interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style' |
  * named scale, so grid rhythm stays consistent across a product. For a single
  * axis of flow, reach for `Stack` instead.
  *
+ * Each child is hosted in a `data-part="item"` wrapper that establishes
+ * `container-type: inline-size` (ADR-011): the theme's container-fluid
+ * scales (`cqi` clamps) resolve against the item's track width, so type and
+ * spacing inside a narrow tile scale down instead of overflowing.
+ *
  * @example
  * ```tsx
  * // Fixed columns

package/dist/components/Grid/Grid.mjs

@@ -1,6 +1,7 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import { vars } from "@ttoss/fsl-theme/vars";
 import { jsx } from "react/jsx-runtime";
+import * as React from "react";
 
 //#region src/components/Grid/Grid.tsx
 /** Formal semantic identity — Grid root (Structure entity, 2D layout). */
@@ -45,6 +46,11 @@ var autoTracks = min => {
 * named scale, so grid rhythm stays consistent across a product. For a single
 * axis of flow, reach for `Stack` instead.
 *
+* Each child is hosted in a `data-part="item"` wrapper that establishes
+* `container-type: inline-size` (ADR-011): the theme's container-fluid
+* scales (`cqi` clamps) resolve against the item's track width, so type and
+* spacing inside a narrow tile scale down instead of overflowing.
+*
 * @example
 * ```tsx
 * // Fixed columns
@@ -78,7 +84,18 @@ var Grid = ({
       alignItems: ALIGN[align],
       justifyItems: ALIGN[justify]
     },
-    children
+    children: React.Children.map(children, child => {
+      if (child === null || child === void 0) return child;
+      return /* @__PURE__ */jsx("div", {
+        "data-scope": "grid",
+        "data-part": "item",
+        style: {
+          display: "grid",
+          containerType: "inline-size"
+        },
+        children: child
+      });
+    })
   });
 };
 Grid.displayName = gridMeta.displayName;

package/dist/components/Icon/Icon.cjs

@@ -49,4 +49,5 @@ var Icon = ({
 Icon.displayName = iconMeta.displayName;
 
 //#endregion
-exports.Icon = Icon;
+exports.Icon = Icon;
+exports.iconMeta = iconMeta;

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

@@ -0,0 +1,59 @@
+
+import { IconIntent } from "./intents.cjs";
+
+//#region src/components/Icon/Icon.d.ts
+/** Formal semantic identity — Icon (Structure entity, static glyph). */
+declare const iconMeta: {
+  readonly displayName: "Icon";
+  readonly entity: "Structure";
+  readonly structure: "icon";
+};
+/**
+ * Icon size step. Maps directly to `vars.sizing.icon.*` — the sizing scale
+ * icon-system.md defines as the Icon contract. This is not the density
+ * `size` prop CONTRACT.md §4 bans (that rule governs interactive hit
+ * targets): a glyph legitimately scales with the context it reinforces.
+ */
+type IconSize = 'sm' | 'md' | 'lg';
+/** Props for the Icon component. */
+interface IconProps {
+  /**
+   * Semantic intent — what the icon *means* (`icon.{family}.{intent}`), not
+   * which glyph renders. The theme maps it to a glyph (default: Lucide).
+   */
+  intent: IconIntent;
+  /**
+   * Size step, mapped to `vars.sizing.icon.{size}`. Defaults to `md`.
+   */
+  size?: IconSize;
+  /**
+   * Accessible label. When omitted the icon is decorative (`aria-hidden`) —
+   * the default, since icons here reinforce a labelled host control. Supply
+   * a (caller-localized) label only when the icon is the sole carrier of
+   * meaning.
+   */
+  label?: string;
+}
+/**
+ * Renders a semantic glyph via the Iconify provider (ADR-005).
+ *
+ * Icon is named by intent and inherits its color from context
+ * (`currentColor`); only its size is a token. Glyphs are registered offline
+ * on first render (`ensureIconGlyphs`), so no network request is made.
+ *
+ * @example
+ * ```tsx
+ * <Icon intent="disclosure.expand" />
+ * <Icon intent="action.close" size="sm" label={closeLabel} />
+ * ```
+ */
+declare const Icon: {
+  ({
+    intent,
+    size,
+    label
+  }: IconProps): import("react/jsx-runtime").JSX.Element;
+  displayName: "Icon";
+};
+//#endregion
+export { Icon, IconProps, IconSize, iconMeta };

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

@@ -0,0 +1,59 @@
+
+import { IconIntent } from "./intents.mjs";
+
+//#region src/components/Icon/Icon.d.ts
+/** Formal semantic identity — Icon (Structure entity, static glyph). */
+declare const iconMeta: {
+  readonly displayName: "Icon";
+  readonly entity: "Structure";
+  readonly structure: "icon";
+};
+/**
+ * Icon size step. Maps directly to `vars.sizing.icon.*` — the sizing scale
+ * icon-system.md defines as the Icon contract. This is not the density
+ * `size` prop CONTRACT.md §4 bans (that rule governs interactive hit
+ * targets): a glyph legitimately scales with the context it reinforces.
+ */
+type IconSize = 'sm' | 'md' | 'lg';
+/** Props for the Icon component. */
+interface IconProps {
+  /**
+   * Semantic intent — what the icon *means* (`icon.{family}.{intent}`), not
+   * which glyph renders. The theme maps it to a glyph (default: Lucide).
+   */
+  intent: IconIntent;
+  /**
+   * Size step, mapped to `vars.sizing.icon.{size}`. Defaults to `md`.
+   */
+  size?: IconSize;
+  /**
+   * Accessible label. When omitted the icon is decorative (`aria-hidden`) —
+   * the default, since icons here reinforce a labelled host control. Supply
+   * a (caller-localized) label only when the icon is the sole carrier of
+   * meaning.
+   */
+  label?: string;
+}
+/**
+ * Renders a semantic glyph via the Iconify provider (ADR-005).
+ *
+ * Icon is named by intent and inherits its color from context
+ * (`currentColor`); only its size is a token. Glyphs are registered offline
+ * on first render (`ensureIconGlyphs`), so no network request is made.
+ *
+ * @example
+ * ```tsx
+ * <Icon intent="disclosure.expand" />
+ * <Icon intent="action.close" size="sm" label={closeLabel} />
+ * ```
+ */
+declare const Icon: {
+  ({
+    intent,
+    size,
+    label
+  }: IconProps): import("react/jsx-runtime").JSX.Element;
+  displayName: "Icon";
+};
+//#endregion
+export { Icon, IconProps, IconSize, iconMeta };

package/dist/components/Icon/Icon.mjs

@@ -49,4 +49,4 @@ var Icon$1 = ({
 Icon$1.displayName = iconMeta.displayName;
 
 //#endregion
-export { Icon$1 as Icon };
+export { Icon$1 as Icon, iconMeta };

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