@molecule/app-ui 1.0.0

package/LICENSE

@@ -0,0 +1,115 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work.
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship.
+
+      "Contribution" shall mean any work of authorship, including the
+      original version of the Work and any modifications or additions
+      to that Work, that is intentionally submitted to the Licensor for
+      inclusion in the Work by the copyright owner or by an individual or
+      Legal Entity authorized to submit on behalf of the copyright owner.
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by the Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      patent license to make, have made, use, offer to sell, sell, import,
+      and otherwise transfer the Work.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file.
+
+   5. Submission of Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND.
+
+   8. Limitation of Liability. In no event and under no legal theory shall
+      any Contributor be liable to You for damages.
+
+   9. Accepting Warranty or Additional Liability.
+
+   Copyright 2026 Molecule Dev, Inc.
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/dist/automation.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Automation ID system for molecule UI components.
+ *
+ * Every component gets a `data-mol-id` attribute that AI agents and E2E
+ * tests (Playwright) can use to interact with the app. (It is a tooling
+ * hook only — assistive technology such as screen readers does NOT expose
+ * `data-*` attributes; accessible names come from labels/`aria-*`.)
+ *
+ * The ID follows a semantic pattern: `{component}-{context}-{qualifier}`
+ * Examples: `button-login-submit`, `input-email-field`, `card-product-123`
+ *
+ * @module
+ */
+/**
+ * Generate a semantic automation ID for a component.
+ * @param component - Component type (e.g., 'button', 'input', 'card')
+ * @param context - Context within the page (e.g., 'login', 'product', 'settings')
+ * @param qualifier - Optional qualifier (e.g., 'submit', 'cancel', item ID)
+ * @returns The joined automation ID string.
+ */
+export declare function molId(component: string, context: string, qualifier?: string): string;
+/**
+ * The HTML attribute name for automation IDs.
+ */
+export declare const MOL_ID_ATTR: "data-mol-id";
+/**
+ * Generate the props object for spreading onto an element.
+ * @param id - The automation ID string.
+ * @returns An object with the `data-mol-id` attribute set.
+ */
+export declare function molIdProps(id: string): Record<string, string>;
+/**
+ * Playwright/testing selector for finding elements by automation ID.
+ * @param id - The automation ID to find.
+ * @returns A CSS attribute selector string.
+ */
+export declare function molSelector(id: string): string;
+/**
+ * Playwright/testing selector for finding elements by partial automation ID.
+ * Useful for finding all elements of a type: molSelectorPrefix('button-login')
+ * @param prefix - The automation ID prefix to match.
+ * @returns A CSS attribute prefix selector string.
+ */
+export declare function molSelectorPrefix(prefix: string): string;
+//# sourceMappingURL=automation.d.ts.map

package/dist/automation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"automation.d.ts","sourceRoot":"","sources":["../src/automation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAIpF;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAG,aAAsB,CAAA;AAEjD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAE7D;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAE9C;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAExD"}

package/dist/automation.js

@@ -0,0 +1,56 @@
+/**
+ * Automation ID system for molecule UI components.
+ *
+ * Every component gets a `data-mol-id` attribute that AI agents and E2E
+ * tests (Playwright) can use to interact with the app. (It is a tooling
+ * hook only — assistive technology such as screen readers does NOT expose
+ * `data-*` attributes; accessible names come from labels/`aria-*`.)
+ *
+ * The ID follows a semantic pattern: `{component}-{context}-{qualifier}`
+ * Examples: `button-login-submit`, `input-email-field`, `card-product-123`
+ *
+ * @module
+ */
+/**
+ * Generate a semantic automation ID for a component.
+ * @param component - Component type (e.g., 'button', 'input', 'card')
+ * @param context - Context within the page (e.g., 'login', 'product', 'settings')
+ * @param qualifier - Optional qualifier (e.g., 'submit', 'cancel', item ID)
+ * @returns The joined automation ID string.
+ */
+export function molId(component, context, qualifier) {
+    const parts = [component, context];
+    if (qualifier)
+        parts.push(qualifier);
+    return parts.join('-');
+}
+/**
+ * The HTML attribute name for automation IDs.
+ */
+export const MOL_ID_ATTR = 'data-mol-id';
+/**
+ * Generate the props object for spreading onto an element.
+ * @param id - The automation ID string.
+ * @returns An object with the `data-mol-id` attribute set.
+ */
+export function molIdProps(id) {
+    return { [MOL_ID_ATTR]: id };
+}
+/**
+ * Playwright/testing selector for finding elements by automation ID.
+ * @param id - The automation ID to find.
+ * @returns A CSS attribute selector string.
+ */
+export function molSelector(id) {
+    return `[${MOL_ID_ATTR}="${id}"]`;
+}
+/**
+ * Playwright/testing selector for finding elements by partial automation ID.
+ * Useful for finding all elements of a type: molSelectorPrefix('button-login')
+ * @param prefix - The automation ID prefix to match.
+ * @returns A CSS attribute prefix selector string.
+ */
+export function molSelectorPrefix(prefix) {
+    return `[${MOL_ID_ATTR}^="${prefix}"]`;
+}
+//# sourceMappingURL=automation.js.map

package/dist/automation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"automation.js","sourceRoot":"","sources":["../src/automation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH;;;;;;GAMG;AACH,MAAM,UAAU,KAAK,CAAC,SAAiB,EAAE,OAAe,EAAE,SAAkB;IAC1E,MAAM,KAAK,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;IAClC,IAAI,SAAS;QAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACpC,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACxB,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,aAAsB,CAAA;AAEjD;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EAAU;IACnC,OAAO,EAAE,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,CAAA;AAC9B,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAAU;IACpC,OAAO,IAAI,WAAW,KAAK,EAAE,IAAI,CAAA;AACnC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,MAAc;IAC9C,OAAO,IAAI,WAAW,MAAM,MAAM,IAAI,CAAA;AACxC,CAAC"}

package/dist/components.d.ts

@@ -0,0 +1,10 @@
+/**
+ * UI component factories and logic for molecule.dev.
+ *
+ * Provides component-related factories and logic that can be used
+ * with different UI library implementations.
+ *
+ * @module
+ */
+export {};
+//# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG"}

package/dist/components.js

@@ -0,0 +1,13 @@
+/**
+ * UI component factories and logic for molecule.dev.
+ *
+ * Provides component-related factories and logic that can be used
+ * with different UI library implementations.
+ *
+ * @module
+ */
+export {};
+// Component-related logic and factories will be added here as needed.
+// This module serves as a placeholder for component factories that
+// create UI components based on the current provider.
+//# sourceMappingURL=components.js.map

package/dist/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;;AAEH,sEAAsE;AACtE,mEAAmE;AACnE,sDAAsD"}

package/dist/index.d.ts

@@ -0,0 +1,49 @@
+/**
+ * UI component interfaces for molecule.dev.
+ *
+ * Provides standardized prop interfaces for common UI components
+ * that can be implemented by different UI libraries (styled-components,
+ * Tailwind, Ionic, etc.).
+ *
+ * @remarks
+ * **Style through {@link getClassMap} — NEVER write raw CSS/Tailwind class names in a
+ * component.** `const cm = getClassMap()` returns the resolver; use its helpers (`cm.flex`,
+ * `cm.surface`, `cm.textSize(size)`, the component helpers like `cm.button`/`cm.card`, and
+ * `cm.cn(...)` to compose) and pass the result to `className`. Class-name STRINGS live only in
+ * the ClassMap bond (`@molecule/app-ui-tailwind`), so swapping the styling library touches
+ * only the bond — a literal `"flex p-4"` in a component defeats that and is the #1 styling
+ * mistake.
+ *
+ * - **Inline styles must not fight ClassMap.** An inline `style` has higher specificity and
+ *   SILENTLY overrides the class controlling the same property (e.g. `style={{ background }}`
+ *   kills `cm.surface`). Use inline only for what ClassMap can't express (a specific pixel
+ *   width, an SVG attribute, a one-off accent color).
+ * - **Check what a class resolves to before using it** — read the bond definition, don't guess
+ *   a helper name or option value; an invalid `cm.*` value is a type error or a silent no-op.
+ * - **Every interactive element needs a stable `data-mol-id`** — spread {@link molIdProps} (or
+ *   set {@link MOL_ID_ATTR} via {@link molId}) so AI agents and tests can target it.
+ * - **`tabsList`/`tabsTrigger`/`tabsContent` are resolver functions**, not static strings —
+ *   call `cm.tabsList(opts)`/`cm.tabsTrigger(opts)`/`cm.tabsContent(opts)` with an optional
+ *   {@link TabsClassOptions} (`variant`/`size`). Active-tab styling stays a `data-state`
+ *   attribute selector the caller sets, not one of these options. `cm.switchBase(opts)` also
+ *   accepts a `color` ({@link SwitchClassOptions}) alongside `size`.
+ *
+ * @example
+ * ```tsx
+ * import { getClassMap, molIdProps } from '@molecule/app-ui'
+ * const cm = getClassMap()
+ *
+ * <button
+ *   className={cm.cn(cm.surface, cm.textSize('sm'))} // resolved classes — never a raw "px-3 text-sm"
+ *   {...molIdProps('save-button')} // data-mol-id for agents/tests
+ * >…</button>
+ * ```
+ *
+ * @module
+ */
+export * from './automation.js';
+export * from './components.js';
+export * from './provider.js';
+export * from './types.js';
+export * from './utilities.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAEH,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/dist/index.js

@@ -0,0 +1,49 @@
+/**
+ * UI component interfaces for molecule.dev.
+ *
+ * Provides standardized prop interfaces for common UI components
+ * that can be implemented by different UI libraries (styled-components,
+ * Tailwind, Ionic, etc.).
+ *
+ * @remarks
+ * **Style through {@link getClassMap} — NEVER write raw CSS/Tailwind class names in a
+ * component.** `const cm = getClassMap()` returns the resolver; use its helpers (`cm.flex`,
+ * `cm.surface`, `cm.textSize(size)`, the component helpers like `cm.button`/`cm.card`, and
+ * `cm.cn(...)` to compose) and pass the result to `className`. Class-name STRINGS live only in
+ * the ClassMap bond (`@molecule/app-ui-tailwind`), so swapping the styling library touches
+ * only the bond — a literal `"flex p-4"` in a component defeats that and is the #1 styling
+ * mistake.
+ *
+ * - **Inline styles must not fight ClassMap.** An inline `style` has higher specificity and
+ *   SILENTLY overrides the class controlling the same property (e.g. `style={{ background }}`
+ *   kills `cm.surface`). Use inline only for what ClassMap can't express (a specific pixel
+ *   width, an SVG attribute, a one-off accent color).
+ * - **Check what a class resolves to before using it** — read the bond definition, don't guess
+ *   a helper name or option value; an invalid `cm.*` value is a type error or a silent no-op.
+ * - **Every interactive element needs a stable `data-mol-id`** — spread {@link molIdProps} (or
+ *   set {@link MOL_ID_ATTR} via {@link molId}) so AI agents and tests can target it.
+ * - **`tabsList`/`tabsTrigger`/`tabsContent` are resolver functions**, not static strings —
+ *   call `cm.tabsList(opts)`/`cm.tabsTrigger(opts)`/`cm.tabsContent(opts)` with an optional
+ *   {@link TabsClassOptions} (`variant`/`size`). Active-tab styling stays a `data-state`
+ *   attribute selector the caller sets, not one of these options. `cm.switchBase(opts)` also
+ *   accepts a `color` ({@link SwitchClassOptions}) alongside `size`.
+ *
+ * @example
+ * ```tsx
+ * import { getClassMap, molIdProps } from '@molecule/app-ui'
+ * const cm = getClassMap()
+ *
+ * <button
+ *   className={cm.cn(cm.surface, cm.textSize('sm'))} // resolved classes — never a raw "px-3 text-sm"
+ *   {...molIdProps('save-button')} // data-mol-id for agents/tests
+ * >…</button>
+ * ```
+ *
+ * @module
+ */
+export * from './automation.js';
+export * from './components.js';
+export * from './provider.js';
+export * from './types.js';
+export * from './utilities.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAEH,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/dist/provider.d.ts

@@ -0,0 +1,68 @@
+/**
+ * UI bond accessor and class-map resolution.
+ *
+ * Bond packages (e.g. `@molecule/app-ui-tailwind`) call `setProvider()`
+ * and `setClassMap()` during setup. Application code uses `getClassMap()`
+ * to resolve styling-agnostic CSS class names from the bonded styling
+ * library (Tailwind, Bootstrap, etc.).
+ *
+ * @module
+ */
+import type { UIClassMap } from './types.js';
+/**
+ * Identifies the bonded UI styling library. Providers set `name`
+ * to indicate which library is active (e.g. `"tailwind"`, `"bootstrap"`).
+ */
+export interface UIProvider {
+    /**
+     * Identifier for the styling library (e.g. `"tailwind"`, `"ionic"`).
+     */
+    name: string;
+}
+/**
+ * Registers a UI provider as the active singleton.
+ *
+ * @param provider - The UI provider implementation to bond.
+ */
+export declare function setProvider(provider: UIProvider): void;
+/**
+ * Retrieves the bonded UI provider, or `undefined` if none is configured.
+ *
+ * @returns The bonded UI provider, or `undefined`.
+ */
+export declare function getProvider(): UIProvider | undefined;
+/**
+ * Checks whether a UI provider is currently bonded.
+ *
+ * @returns `true` if a UI provider is bonded.
+ */
+export declare function hasProvider(): boolean;
+/**
+ * Registers a UIClassMap as the active styling resolver. Called at
+ * app startup to wire a styling library (e.g. Tailwind, Bootstrap).
+ *
+ * @param classMap - The UIClassMap implementation to bond.
+ *
+ * @example
+ * ```typescript
+ * import { setClassMap } from '@molecule/app-ui'
+ * import { classMap } from '@molecule/app-ui-tailwind'
+ * setClassMap(classMap)
+ * ```
+ */
+export declare function setClassMap(classMap: UIClassMap): void;
+/**
+ * Retrieves the bonded UIClassMap, throwing if none is configured.
+ * Use this to resolve styling-agnostic class names in components.
+ *
+ * @returns The bonded UIClassMap implementation.
+ * @throws {Error} If no UIClassMap has been bonded via `setClassMap()`.
+ */
+export declare function getClassMap(): UIClassMap;
+/**
+ * Checks whether a UIClassMap is currently bonded.
+ *
+ * @returns `true` if a UIClassMap is bonded.
+ */
+export declare function hasClassMap(): boolean;
+//# sourceMappingURL=provider.d.ts.map

package/dist/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAKH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAE5C;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb;AAKD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,UAAU,GAAG,IAAI,CAEtD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,IAAI,UAAU,GAAG,SAAS,CAEpD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAMD;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,UAAU,GAAG,IAAI,CAEtD;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,UAAU,CAWxC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAErC"}

package/dist/provider.js

@@ -0,0 +1,82 @@
+/**
+ * UI bond accessor and class-map resolution.
+ *
+ * Bond packages (e.g. `@molecule/app-ui-tailwind`) call `setProvider()`
+ * and `setClassMap()` during setup. Application code uses `getClassMap()`
+ * to resolve styling-agnostic CSS class names from the bonded styling
+ * library (Tailwind, Bootstrap, etc.).
+ *
+ * @module
+ */
+import { bond, get as bondGet, isBonded } from '@molecule/app-bond';
+import { t } from '@molecule/app-i18n';
+const BOND_TYPE = 'ui';
+const BOND_TYPE_CLASSMAP = 'ui-classmap';
+/**
+ * Registers a UI provider as the active singleton.
+ *
+ * @param provider - The UI provider implementation to bond.
+ */
+export function setProvider(provider) {
+    bond(BOND_TYPE, provider);
+}
+/**
+ * Retrieves the bonded UI provider, or `undefined` if none is configured.
+ *
+ * @returns The bonded UI provider, or `undefined`.
+ */
+export function getProvider() {
+    return bondGet(BOND_TYPE);
+}
+/**
+ * Checks whether a UI provider is currently bonded.
+ *
+ * @returns `true` if a UI provider is bonded.
+ */
+export function hasProvider() {
+    return isBonded(BOND_TYPE);
+}
+// ============================================================================
+// CLASS MAP — STYLING-AGNOSTIC CLASS RESOLUTION
+// ============================================================================
+/**
+ * Registers a UIClassMap as the active styling resolver. Called at
+ * app startup to wire a styling library (e.g. Tailwind, Bootstrap).
+ *
+ * @param classMap - The UIClassMap implementation to bond.
+ *
+ * @example
+ * ```typescript
+ * import { setClassMap } from '@molecule/app-ui'
+ * import { classMap } from '@molecule/app-ui-tailwind'
+ * setClassMap(classMap)
+ * ```
+ */
+export function setClassMap(classMap) {
+    bond(BOND_TYPE_CLASSMAP, classMap);
+}
+/**
+ * Retrieves the bonded UIClassMap, throwing if none is configured.
+ * Use this to resolve styling-agnostic class names in components.
+ *
+ * @returns The bonded UIClassMap implementation.
+ * @throws {Error} If no UIClassMap has been bonded via `setClassMap()`.
+ */
+export function getClassMap() {
+    const classMap = bondGet(BOND_TYPE_CLASSMAP);
+    if (!classMap) {
+        throw new Error(t('ui.error.noClassMap', undefined, {
+            defaultValue: 'No UIClassMap has been set. Call setClassMap() at app startup with a styling library implementation (e.g., @molecule/app-ui-tailwind).',
+        }));
+    }
+    return classMap;
+}
+/**
+ * Checks whether a UIClassMap is currently bonded.
+ *
+ * @returns `true` if a UIClassMap is bonded.
+ */
+export function hasClassMap() {
+    return isBonded(BOND_TYPE_CLASSMAP);
+}
+//# sourceMappingURL=provider.js.map

package/dist/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AACnE,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAA;AAetC,MAAM,SAAS,GAAG,IAAI,CAAA;AACtB,MAAM,kBAAkB,GAAG,aAAa,CAAA;AAExC;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,QAAoB;IAC9C,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;AAC3B,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW;IACzB,OAAO,OAAO,CAAa,SAAS,CAAC,CAAA;AACvC,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW;IACzB,OAAO,QAAQ,CAAC,SAAS,CAAC,CAAA;AAC5B,CAAC;AAED,+EAA+E;AAC/E,gDAAgD;AAChD,+EAA+E;AAE/E;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,WAAW,CAAC,QAAoB;IAC9C,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAA;AACpC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,WAAW;IACzB,MAAM,QAAQ,GAAG,OAAO,CAAa,kBAAkB,CAAC,CAAA;IACxD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,CAAC,CAAC,qBAAqB,EAAE,SAAS,EAAE;YAClC,YAAY,EACV,wIAAwI;SAC3I,CAAC,CACH,CAAA;IACH,CAAC;IACD,OAAO,QAAQ,CAAA;AACjB,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW;IACzB,OAAO,QAAQ,CAAC,kBAAkB,CAAC,CAAA;AACrC,CAAC"}