@revikornmann/muka-ui 0.20.0 → 0.22.0

package/dist/styles/muka-light.css

@@ -1694,8 +1694,7 @@ body {
   --card-border-pressed: 0.125rem solid #3e63dd;
   --card-border-selected: 0.125rem solid #3e63dd;
   --chat-column-max-width: 768px;
-  --chatbubble-max-width: 37rem;
-  --chatbubble-max-width-ratio: 77%;
+  --chatbubble-max-width: 600px;
   --chatbubble-radius: 0.75rem;
   --chatbubble-padding-block: 0.75rem;
   --chatbubble-padding-inline: 1rem;
@@ -7770,36 +7769,6 @@ body {
 }
 
 
-/* NumberInput */
-/* NumberInput — reuses Input field styles (../Input/Input.css). */
-/* Only the prefix/suffix affixes are NumberInput-specific. */
-
-.muka-numberinput__addon {
-  display: inline-flex;
-  align-items: center;
-  flex: none;
-  color: var(--color-text-subtle-default);
-  font-family: var(--text-input-md-fontFamily);
-  font-size: var(--text-input-md-fontSize);
-  line-height: var(--text-input-md-lineHeight);
-  user-select: none;
-  pointer-events: none;
-  white-space: nowrap;
-}
-
-/* Hide the native number spinners — affixes/step API replace them. */
-.muka-numberinput__field .muka-input__native::-webkit-outer-spin-button,
-.muka-numberinput__field .muka-input__native::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-.muka-numberinput__field .muka-input__native {
-  -moz-appearance: textfield;
-  appearance: textfield;
-}
-
-
 /* Pagination */
 /* Pagination Component Styles */
 
@@ -7902,6 +7871,36 @@ body {
 }
 
 
+/* NumberInput */
+/* NumberInput — reuses Input field styles (../Input/Input.css). */
+/* Only the prefix/suffix affixes are NumberInput-specific. */
+
+.muka-numberinput__addon {
+  display: inline-flex;
+  align-items: center;
+  flex: none;
+  color: var(--color-text-subtle-default);
+  font-family: var(--text-input-md-fontFamily);
+  font-size: var(--text-input-md-fontSize);
+  line-height: var(--text-input-md-lineHeight);
+  user-select: none;
+  pointer-events: none;
+  white-space: nowrap;
+}
+
+/* Hide the native number spinners — affixes/step API replace them. */
+.muka-numberinput__field .muka-input__native::-webkit-outer-spin-button,
+.muka-numberinput__field .muka-input__native::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+.muka-numberinput__field .muka-input__native {
+  -moz-appearance: textfield;
+  appearance: textfield;
+}
+
+
 /* NavigationTransition */
 /* NavigationTransition Component Styles */
 
@@ -10797,6 +10796,11 @@ li.muka-listitem {
   transition: background-color 0.15s ease;
 }
 
+/* Last body row: no bottom border (matches Table; avoids a double line at the table edge). */
+.muka-data-table__body .muka-data-table__row:last-child {
+  border-bottom: none;
+}
+
 .muka-data-table__row:not(.muka-data-table__row--empty):not(.muka-data-table__row--selected):hover {
   background-color: var(--datatable-row-hover-background);
 }
@@ -12483,12 +12487,10 @@ button.muka-chat-photo-grid__tile:focus-visible {
    */
   width: fit-content;
   /*
-   * Stops short of the far edge at every width: the fixed cap once the
-   * conversation column reaches its own cap, the ratio below that, where the
-   * column runs full-bleed. Without that gap a long `own` bubble spans the
-   * column and reads no differently from a `peer` one.
+   * Ceiling from design (Figma 5355:44091). Below it, wrapping text fills the
+   * row; above it the fixed cap leaves room for own/peer alignment.
    */
-  max-width: min(var(--chatbubble-max-width), var(--chatbubble-max-width-ratio));
+  max-width: var(--chatbubble-max-width);
   position: relative;
   display: flex;
   flex-direction: column;

package/dist/styles/tokens-bouwplan-dark.css

@@ -1536,8 +1536,7 @@
   --card-border-pressed: 0.125rem solid #f76b15;
   --card-border-selected: 0.125rem solid #f76b15;
   --chat-column-max-width: 768px;
-  --chatbubble-max-width: 37rem;
-  --chatbubble-max-width-ratio: 77%;
+  --chatbubble-max-width: 600px;
   --chatbubble-radius: 0.75rem;
   --chatbubble-padding-block: 0.75rem;
   --chatbubble-padding-inline: 1rem;

package/dist/styles/tokens-bouwplan-light.css

@@ -1536,8 +1536,7 @@
   --card-border-pressed: 0.125rem solid #f76808;
   --card-border-selected: 0.125rem solid #f76808;
   --chat-column-max-width: 768px;
-  --chatbubble-max-width: 37rem;
-  --chatbubble-max-width-ratio: 77%;
+  --chatbubble-max-width: 600px;
   --chatbubble-radius: 0.75rem;
   --chatbubble-padding-block: 0.75rem;
   --chatbubble-padding-inline: 1rem;

package/dist/styles/tokens-fscl-dark.css

@@ -1536,8 +1536,7 @@
   --card-border-pressed: 0.125rem solid #ffca16;
   --card-border-selected: 0.125rem solid #ffca16;
   --chat-column-max-width: 768px;
-  --chatbubble-max-width: 37rem;
-  --chatbubble-max-width-ratio: 77%;
+  --chatbubble-max-width: 600px;
   --chatbubble-radius: 0.75rem;
   --chatbubble-padding-block: 0.75rem;
   --chatbubble-padding-inline: 1rem;

package/dist/styles/tokens-fscl-light.css

@@ -1536,8 +1536,7 @@
   --card-border-pressed: 0.125rem solid #ab6400;
   --card-border-selected: 0.125rem solid #ab6400;
   --chat-column-max-width: 768px;
-  --chatbubble-max-width: 37rem;
-  --chatbubble-max-width-ratio: 77%;
+  --chatbubble-max-width: 600px;
   --chatbubble-radius: 0.75rem;
   --chatbubble-padding-block: 0.75rem;
   --chatbubble-padding-inline: 1rem;

package/dist/styles/tokens-grip-dark.css

@@ -1536,8 +1536,7 @@
   --card-border-pressed: 0.125rem solid #0bd8b6;
   --card-border-selected: 0.125rem solid #0bd8b6;
   --chat-column-max-width: 768px;
-  --chatbubble-max-width: 37rem;
-  --chatbubble-max-width-ratio: 77%;
+  --chatbubble-max-width: 600px;
   --chatbubble-radius: 0.75rem;
   --chatbubble-padding-block: 0.75rem;
   --chatbubble-padding-inline: 1rem;

package/dist/styles/tokens-grip-light.css

@@ -1536,8 +1536,7 @@
   --card-border-pressed: 0.125rem solid #12a594;
   --card-border-selected: 0.125rem solid #12a594;
   --chat-column-max-width: 768px;
-  --chatbubble-max-width: 37rem;
-  --chatbubble-max-width-ratio: 77%;
+  --chatbubble-max-width: 600px;
   --chatbubble-radius: 0.75rem;
   --chatbubble-padding-block: 0.75rem;
   --chatbubble-padding-inline: 1rem;

package/dist/styles/tokens-muka-dark.css

@@ -1536,8 +1536,7 @@
   --card-border-pressed: 0.125rem solid #9eb1ff;
   --card-border-selected: 0.125rem solid #9eb1ff;
   --chat-column-max-width: 768px;
-  --chatbubble-max-width: 37rem;
-  --chatbubble-max-width-ratio: 77%;
+  --chatbubble-max-width: 600px;
   --chatbubble-radius: 0.75rem;
   --chatbubble-padding-block: 0.75rem;
   --chatbubble-padding-inline: 1rem;

package/dist/styles/tokens-muka-light.css

@@ -1536,8 +1536,7 @@
   --card-border-pressed: 0.125rem solid #3e63dd;
   --card-border-selected: 0.125rem solid #3e63dd;
   --chat-column-max-width: 768px;
-  --chatbubble-max-width: 37rem;
-  --chatbubble-max-width-ratio: 77%;
+  --chatbubble-max-width: 600px;
   --chatbubble-radius: 0.75rem;
   --chatbubble-padding-block: 0.75rem;
   --chatbubble-padding-inline: 1rem;

package/dist/styles/tokens-wireframe-dark.css

@@ -1536,8 +1536,7 @@
   --card-border-pressed: 0.125rem solid #b4b4b4;
   --card-border-selected: 0.125rem solid #b4b4b4;
   --chat-column-max-width: 768px;
-  --chatbubble-max-width: 37rem;
-  --chatbubble-max-width-ratio: 77%;
+  --chatbubble-max-width: 600px;
   --chatbubble-radius: 0px;
   --chatbubble-padding-block: 0.75rem;
   --chatbubble-padding-inline: 1rem;

package/dist/styles/tokens-wireframe-light.css

@@ -1536,8 +1536,7 @@
   --card-border-pressed: 0.125rem solid #113264;
   --card-border-selected: 0.125rem solid #113264;
   --chat-column-max-width: 768px;
-  --chatbubble-max-width: 37rem;
-  --chatbubble-max-width-ratio: 77%;
+  --chatbubble-max-width: 600px;
   --chatbubble-radius: 0px;
   --chatbubble-padding-block: 0.75rem;
   --chatbubble-padding-inline: 1rem;

package/dist/styles/wireframe-dark.css

@@ -1662,8 +1662,7 @@ body {
   --card-border-pressed: 0.125rem solid #b4b4b4;
   --card-border-selected: 0.125rem solid #b4b4b4;
   --chat-column-max-width: 768px;
-  --chatbubble-max-width: 37rem;
-  --chatbubble-max-width-ratio: 77%;
+  --chatbubble-max-width: 600px;
   --chatbubble-radius: 0px;
   --chatbubble-padding-block: 0.75rem;
   --chatbubble-padding-inline: 1rem;
@@ -7738,36 +7737,6 @@ body {
 }
 
 
-/* NumberInput */
-/* NumberInput — reuses Input field styles (../Input/Input.css). */
-/* Only the prefix/suffix affixes are NumberInput-specific. */
-
-.muka-numberinput__addon {
-  display: inline-flex;
-  align-items: center;
-  flex: none;
-  color: var(--color-text-subtle-default);
-  font-family: var(--text-input-md-fontFamily);
-  font-size: var(--text-input-md-fontSize);
-  line-height: var(--text-input-md-lineHeight);
-  user-select: none;
-  pointer-events: none;
-  white-space: nowrap;
-}
-
-/* Hide the native number spinners — affixes/step API replace them. */
-.muka-numberinput__field .muka-input__native::-webkit-outer-spin-button,
-.muka-numberinput__field .muka-input__native::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-.muka-numberinput__field .muka-input__native {
-  -moz-appearance: textfield;
-  appearance: textfield;
-}
-
-
 /* Pagination */
 /* Pagination Component Styles */
 
@@ -7870,6 +7839,36 @@ body {
 }
 
 
+/* NumberInput */
+/* NumberInput — reuses Input field styles (../Input/Input.css). */
+/* Only the prefix/suffix affixes are NumberInput-specific. */
+
+.muka-numberinput__addon {
+  display: inline-flex;
+  align-items: center;
+  flex: none;
+  color: var(--color-text-subtle-default);
+  font-family: var(--text-input-md-fontFamily);
+  font-size: var(--text-input-md-fontSize);
+  line-height: var(--text-input-md-lineHeight);
+  user-select: none;
+  pointer-events: none;
+  white-space: nowrap;
+}
+
+/* Hide the native number spinners — affixes/step API replace them. */
+.muka-numberinput__field .muka-input__native::-webkit-outer-spin-button,
+.muka-numberinput__field .muka-input__native::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+.muka-numberinput__field .muka-input__native {
+  -moz-appearance: textfield;
+  appearance: textfield;
+}
+
+
 /* NavigationTransition */
 /* NavigationTransition Component Styles */
 
@@ -10765,6 +10764,11 @@ li.muka-listitem {
   transition: background-color 0.15s ease;
 }
 
+/* Last body row: no bottom border (matches Table; avoids a double line at the table edge). */
+.muka-data-table__body .muka-data-table__row:last-child {
+  border-bottom: none;
+}
+
 .muka-data-table__row:not(.muka-data-table__row--empty):not(.muka-data-table__row--selected):hover {
   background-color: var(--datatable-row-hover-background);
 }
@@ -12451,12 +12455,10 @@ button.muka-chat-photo-grid__tile:focus-visible {
    */
   width: fit-content;
   /*
-   * Stops short of the far edge at every width: the fixed cap once the
-   * conversation column reaches its own cap, the ratio below that, where the
-   * column runs full-bleed. Without that gap a long `own` bubble spans the
-   * column and reads no differently from a `peer` one.
+   * Ceiling from design (Figma 5355:44091). Below it, wrapping text fills the
+   * row; above it the fixed cap leaves room for own/peer alignment.
    */
-  max-width: min(var(--chatbubble-max-width), var(--chatbubble-max-width-ratio));
+  max-width: var(--chatbubble-max-width);
   position: relative;
   display: flex;
   flex-direction: column;

package/dist/styles/wireframe-light.css

@@ -1662,8 +1662,7 @@ body {
   --card-border-pressed: 0.125rem solid #113264;
   --card-border-selected: 0.125rem solid #113264;
   --chat-column-max-width: 768px;
-  --chatbubble-max-width: 37rem;
-  --chatbubble-max-width-ratio: 77%;
+  --chatbubble-max-width: 600px;
   --chatbubble-radius: 0px;
   --chatbubble-padding-block: 0.75rem;
   --chatbubble-padding-inline: 1rem;
@@ -7738,36 +7737,6 @@ body {
 }
 
 
-/* NumberInput */
-/* NumberInput — reuses Input field styles (../Input/Input.css). */
-/* Only the prefix/suffix affixes are NumberInput-specific. */
-
-.muka-numberinput__addon {
-  display: inline-flex;
-  align-items: center;
-  flex: none;
-  color: var(--color-text-subtle-default);
-  font-family: var(--text-input-md-fontFamily);
-  font-size: var(--text-input-md-fontSize);
-  line-height: var(--text-input-md-lineHeight);
-  user-select: none;
-  pointer-events: none;
-  white-space: nowrap;
-}
-
-/* Hide the native number spinners — affixes/step API replace them. */
-.muka-numberinput__field .muka-input__native::-webkit-outer-spin-button,
-.muka-numberinput__field .muka-input__native::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-.muka-numberinput__field .muka-input__native {
-  -moz-appearance: textfield;
-  appearance: textfield;
-}
-
-
 /* Pagination */
 /* Pagination Component Styles */
 
@@ -7870,6 +7839,36 @@ body {
 }
 
 
+/* NumberInput */
+/* NumberInput — reuses Input field styles (../Input/Input.css). */
+/* Only the prefix/suffix affixes are NumberInput-specific. */
+
+.muka-numberinput__addon {
+  display: inline-flex;
+  align-items: center;
+  flex: none;
+  color: var(--color-text-subtle-default);
+  font-family: var(--text-input-md-fontFamily);
+  font-size: var(--text-input-md-fontSize);
+  line-height: var(--text-input-md-lineHeight);
+  user-select: none;
+  pointer-events: none;
+  white-space: nowrap;
+}
+
+/* Hide the native number spinners — affixes/step API replace them. */
+.muka-numberinput__field .muka-input__native::-webkit-outer-spin-button,
+.muka-numberinput__field .muka-input__native::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+.muka-numberinput__field .muka-input__native {
+  -moz-appearance: textfield;
+  appearance: textfield;
+}
+
+
 /* NavigationTransition */
 /* NavigationTransition Component Styles */
 
@@ -10765,6 +10764,11 @@ li.muka-listitem {
   transition: background-color 0.15s ease;
 }
 
+/* Last body row: no bottom border (matches Table; avoids a double line at the table edge). */
+.muka-data-table__body .muka-data-table__row:last-child {
+  border-bottom: none;
+}
+
 .muka-data-table__row:not(.muka-data-table__row--empty):not(.muka-data-table__row--selected):hover {
   background-color: var(--datatable-row-hover-background);
 }
@@ -12451,12 +12455,10 @@ button.muka-chat-photo-grid__tile:focus-visible {
    */
   width: fit-content;
   /*
-   * Stops short of the far edge at every width: the fixed cap once the
-   * conversation column reaches its own cap, the ratio below that, where the
-   * column runs full-bleed. Without that gap a long `own` bubble spans the
-   * column and reads no differently from a `peer` one.
+   * Ceiling from design (Figma 5355:44091). Below it, wrapping text fills the
+   * row; above it the fixed cap leaves room for own/peer alignment.
    */
-  max-width: min(var(--chatbubble-max-width), var(--chatbubble-max-width-ratio));
+  max-width: var(--chatbubble-max-width);
   position: relative;
   display: flex;
   flex-direction: column;

package/dist/types/components/Icon/Icon.d.ts

@@ -1,13 +1,23 @@
 import React from 'react';
 import './Icon.css';
-import { type IconName } from './iconRegistry';
-export type { IconName } from './iconRegistry';
+import { type IconComponent, type IconName } from './iconRegistry';
+export type { IconName, RegisteredIconName, ListedIcon } from './iconRegistry';
+export { registerIcon, listRegisteredIcons, iconRegistry, type IconRegistryEntry, } from './iconRegistry';
 export interface IconProps {
-    /** Registered icon name (RemixIcon). Use with variant for line/fill. */
+    /**
+     * Curated muka (or `registerIcon`) nickname.
+     * Prefer this for Tier 1 / Tier 2 system chrome — see Storybook Icon grids.
+     */
     name?: IconName;
-    /** Icon style when using name. Default line. */
+    /**
+     * Tree-shakeable pass-through: pass a Remix (or custom) component directly.
+     * Use for app/Figma glyphs not in the muka registry — no muka release needed.
+     * Precedence: `icon` > `name` > `children`.
+     */
+    icon?: IconComponent;
+    /** Icon style when using `name`. Default line. */
     variant?: 'line' | 'fill';
-    /** SVG element or custom content. Use when not using name. */
+    /** SVG element or custom content when not using `name` / `icon`. */
     children?: React.ReactNode;
     /** Size variant — uses icon.size tokens */
     size?: 'xs' | 'sm' | 'md' | 'lg';
@@ -24,8 +34,11 @@ export interface IconProps {
  * Icon Component
  *
  * Wrapper that enforces consistent sizing and color inheritance.
- * Supports two modes: name (RemixIcon from registry) or children (custom SVG).
- * Provide exactly one of name or children.
+ *
+ * Three ways to supply a glyph:
+ * 1. `name` — curated muka registry (Tier 1 / Tier 2)
+ * 2. `icon` — pass a Remix component (`import { RiWifiOffLine } from '@remixicon/react'`)
+ * 3. `children` — any custom SVG / node
  *
  * Tokens used:
  * - icon.size.{xs|sm|default|lg}

package/dist/types/components/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AACpB,OAAO,EAAoB,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAEjE,YAAY,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,WAAW,SAAS;IACxB,wEAAwE;IACxE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,2CAA2C;IAC3C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEjC,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAE1D,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwCpC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AACpB,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,QAAQ,EACd,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,SAAS;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,2CAA2C;IAC3C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEjC,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAE1D,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA2CpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/components/Icon/iconRegistry.d.ts

@@ -1,24 +1,119 @@
 import React from 'react';
+export type IconComponent = React.ComponentType<{
+    className?: string;
+}>;
 export type IconRegistryEntry = {
-    line: React.ComponentType<{
-        className?: string;
-    }>;
-    fill: React.ComponentType<{
-        className?: string;
-    }>;
+    line: IconComponent;
+    fill: IconComponent;
+    /** 1 = required by Muka components; 2 = common consumer chrome */
+    tier: 1 | 2;
+    /** Present when this key is only an alias of another canonical name */
+    aliasOf?: string;
 };
 /**
- * Auto-generated registry of all RemixIcon components.
- * Icons are keyed by kebab-case name (e.g., "arrow-left", "delete-bin-2", "more-2").
+ * Curated RemixIcon registry (Tier 1 + Tier 2).
  *
- * Usage: <Icon name="arrow-left" variant="line" />
+ * - Tier 1: glyphs Muka production components hardcode via `name=`
+ * - Tier 2: shared shell chrome most consumer apps need via `name=`
  *
- * Note: This includes all ~2,800 RemixIcons for development convenience.
- * Before production release, consider trimming to only used icons for smaller bundles.
+ * App/domain icons: use `<Icon icon={Ri…} />` or `registerIcon` — do not expand
+ * this map for one-off Figma glyphs (keeps consumer bundles small).
  */
+declare const canonicalRegistry: {
+    readonly add: IconRegistryEntry;
+    readonly alert: IconRegistryEntry;
+    readonly 'arrow-down': IconRegistryEntry;
+    readonly 'arrow-down-s': IconRegistryEntry;
+    readonly 'arrow-drop-up-down': IconRegistryEntry;
+    readonly 'arrow-left': IconRegistryEntry;
+    readonly 'arrow-left-s': IconRegistryEntry;
+    readonly 'arrow-return': IconRegistryEntry;
+    readonly 'arrow-right': IconRegistryEntry;
+    readonly 'arrow-right-s': IconRegistryEntry;
+    readonly 'arrow-up-s': IconRegistryEntry;
+    readonly attachment: IconRegistryEntry;
+    readonly check: IconRegistryEntry;
+    readonly 'checkbox-circle': IconRegistryEntry;
+    readonly close: IconRegistryEntry;
+    readonly 'delete-bin': IconRegistryEntry;
+    readonly download: IconRegistryEntry;
+    readonly 'emotion-happy': IconRegistryEntry;
+    readonly 'error-warning': IconRegistryEntry;
+    readonly file: IconRegistryEntry;
+    readonly 'file-copy': IconRegistryEntry;
+    readonly 'file-pdf': IconRegistryEntry;
+    readonly 'file-text': IconRegistryEntry;
+    readonly 'filter-3': IconRegistryEntry;
+    readonly fullscreen: IconRegistryEntry;
+    readonly image: IconRegistryEntry;
+    readonly information: IconRegistryEntry;
+    readonly mic: IconRegistryEntry;
+    readonly pause: IconRegistryEntry;
+    readonly 'pause-circle': IconRegistryEntry;
+    readonly pencil: IconRegistryEntry;
+    readonly play: IconRegistryEntry;
+    readonly printer: IconRegistryEntry;
+    readonly restart: IconRegistryEntry;
+    readonly search: IconRegistryEntry;
+    readonly 'send-plane2': IconRegistryEntry;
+    readonly 'sort-asc': IconRegistryEntry;
+    readonly 'sort-desc': IconRegistryEntry;
+    readonly 'thumb-down': IconRegistryEntry;
+    readonly 'thumb-up': IconRegistryEntry;
+    readonly 'zoom-in': IconRegistryEntry;
+    readonly 'zoom-out': IconRegistryEntry;
+    readonly bell: IconRegistryEntry;
+    readonly building: IconRegistryEntry;
+    readonly 'close-large': IconRegistryEntry;
+    readonly contrast: IconRegistryEntry;
+    readonly edit: IconRegistryEntry;
+    readonly eye: IconRegistryEntry;
+    readonly 'eye-off': IconRegistryEntry;
+    readonly google: IconRegistryEntry;
+    readonly home: IconRegistryEntry;
+    readonly 'home-4': IconRegistryEntry;
+    readonly lock: IconRegistryEntry;
+    readonly mail: IconRegistryEntry;
+    readonly moon: IconRegistryEntry;
+    readonly 'more-2': IconRegistryEntry;
+    readonly settings: IconRegistryEntry;
+    readonly 'settings-3': IconRegistryEntry;
+    readonly share: IconRegistryEntry;
+    readonly translate: IconRegistryEntry;
+    readonly 'translate-2': IconRegistryEntry;
+    readonly upload: IconRegistryEntry;
+    readonly 'upload-2': IconRegistryEntry;
+    readonly user: IconRegistryEntry;
+    readonly 'wifi-off': IconRegistryEntry;
+};
+export type RegisteredIconName = keyof typeof canonicalRegistry;
 export declare const iconRegistry: Record<string, IconRegistryEntry>;
+/** Open string type so dynamic `name={…}` props stay valid; unknown names soft-fail. */
 export type IconName = string;
-export declare function getIconComponent(name: IconName, variant: 'line' | 'fill'): React.ComponentType<{
-    className?: string;
-}>;
+export declare function getIconComponent(name: IconName, variant: 'line' | 'fill'): IconComponent;
+/**
+ * Register an app-local icon nickname without a muka release.
+ * Prefer `<Icon icon={Ri…} />` for one-offs; use this when many call sites
+ * need the same string `name=`.
+ */
+export declare function registerIcon(name: string, registryEntry: Omit<IconRegistryEntry, 'tier'> & {
+    tier?: 1 | 2;
+}): void;
+export type ListedIcon = {
+    name: string;
+    tier: 1 | 2;
+    aliasOf?: string;
+};
+/**
+ * List icons for Storybook grids / tooling.
+ * By default lists only the muka curated set (not runtime `registerIcon` demos)
+ * and omits aliases so designers see one primary kebab name per glyph.
+ */
+export declare function listRegisteredIcons(options?: {
+    tier?: 1 | 2;
+    includeAliases?: boolean;
+    /** Include icons added via registerIcon at runtime (default false). */
+    includeRuntime?: boolean;
+}): ListedIcon[];
+export {};
 //# sourceMappingURL=iconRegistry.d.ts.map

package/dist/types/components/Icon/iconRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iconRegistry.d.ts","sourceRoot":"","sources":["../../../../components/Icon/iconRegistry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnD,CAAC;AAkBF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAM,CAAC;AA4ElE,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,MAAM,GAAG,MAAM,GACvB,KAAK,CAAC,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAI7C"}
+{"version":3,"file":"iconRegistry.d.ts","sourceRoot":"","sources":["../../../../components/Icon/iconRegistry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8H1B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,aAAa,CAAC;IACpB,kEAAkE;IAClE,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC;IACZ,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAcF;;;;;;;;GAQG;AACH,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqE+B,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAEhE,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAE1D,CAAC;AAwBF,wFAAwF;AACxF,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,MAAM,GAAG,MAAM,GACvB,aAAa,CAIf;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;CAAE,GAAG,IAAI,CAOlH;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,CAAC,EAAE;IAC5C,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uEAAuE;IACvE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,UAAU,EAAE,CAoBf"}

package/dist/types/components/Icon/index.d.ts

@@ -1,3 +1,3 @@
-export { Icon, type IconProps, type IconName } from './Icon';
+export { Icon, type IconProps, type IconName, type RegisteredIconName, type ListedIcon, registerIcon, listRegisteredIcons, iconRegistry, type IconRegistryEntry, } from './Icon';
 export { default } from './Icon';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,kBAAkB,EACvB,KAAK,UAAU,EACf,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

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

@@ -5,7 +5,7 @@ export { Form, type FormProps, useForm, type UseFormOptions, type UseFormReturn,
 export { NumberInput, type NumberInputProps } from './NumberInput';
 export { Card, type CardProps } from './Card';
 export { Label, type LabelProps } from './Label';
-export { Icon, type IconProps, type IconName } from './Icon';
+export { Icon, type IconProps, type IconName, type RegisteredIconName, type ListedIcon, registerIcon, listRegisteredIcons, type IconRegistryEntry, } from './Icon';
 export { Chip, type ChipProps } from './Chip';
 export { Divider, type DividerProps } from './Divider';
 export { Select, type SelectProps, type SelectOption } from './Select';