@rei/cedar 16.3.0 → 17.0.0-alpha.0

package/dist/style/cdr-utility-serif.css

@@ -1 +1 @@
-.cdr-utility-serif_16-3-0{color:var(--cdr-text-color, var(--cdr-color-text-primary, #4b4a48));margin:0;font-family:Stuart,Stuart fallback,Georgia,serif;font-style:normal;font-weight:400;letter-spacing:-.032rem;font-size:3.2rem;line-height:4rem;font-size:var(--cdr-utility-serif-font-size);line-height:var(--cdr-utility-serif-line-height);font-weight:var(--cdr-utility-serif-font-weight)}
+.cdr-utility-serif_17-0-0-alpha-0{color:var(--cdr-text-color,var(--cdr-color-text-primary,#4b4a48));letter-spacing:-.032rem;font-family:Stuart,"\"Stuart fallback\"",Georgia,serif;font-size:3.2rem;font-style:normal;font-weight:400;line-height:4rem;font-size:var(--cdr-utility-serif-font-size);line-height:var(--cdr-utility-serif-line-height);font-weight:var(--cdr-utility-serif-font-weight);margin:0}

package/dist/surface/types.d.ts

@@ -0,0 +1 @@
+export * from '../entrypoints/surface/types';

package/dist/surface-navigation/types.d.ts

@@ -0,0 +1 @@
+export * from '../entrypoints/surface-navigation/types';

package/dist/surface-navigation.d.ts

@@ -0,0 +1,2 @@
+export { default } from './entrypoints/surface-navigation';
+export * from './entrypoints/surface-navigation';

package/dist/surface-navigation.mjs

@@ -0,0 +1,2 @@
+import e from "./components/surfaceNavigation/CdrSurfaceNavigation.vue.mjs";
+export { e as CdrSurfaceNavigation, e as default };

package/dist/surface-scroll/types.d.ts

@@ -0,0 +1 @@
+export * from '../entrypoints/surface-scroll/types';

package/dist/surface-scroll.d.ts

@@ -0,0 +1,2 @@
+export { default } from './entrypoints/surface-scroll';
+export * from './entrypoints/surface-scroll';

package/dist/surface-scroll.mjs

@@ -0,0 +1,2 @@
+import e from "./components/surfaceScroll/CdrSurfaceScroll.vue.mjs";
+export { e as CdrSurfaceScroll, e as default };

package/dist/surface-selection/types.d.ts

@@ -0,0 +1 @@
+export * from '../entrypoints/surface-selection/types';

package/dist/surface-selection.d.ts

@@ -0,0 +1,2 @@
+export { default } from './entrypoints/surface-selection';
+export * from './entrypoints/surface-selection';

package/dist/surface-selection.mjs

@@ -0,0 +1,2 @@
+import e from "./components/surfaceSelection/CdrSurfaceSelection.vue.mjs";
+export { e as CdrSurfaceSelection, e as default };

package/dist/surface.d.ts

@@ -0,0 +1,2 @@
+export { default } from './entrypoints/surface';
+export * from './entrypoints/surface';

package/dist/surface.mjs

@@ -0,0 +1,2 @@
+import e from "./components/surface/CdrSurface.vue.mjs";
+export { e as CdrSurface, e as default };

package/dist/switch/types.d.ts

@@ -0,0 +1 @@
+export * from '../entrypoints/switch/types';

package/dist/switch.d.ts

@@ -0,0 +1,2 @@
+export { default } from './entrypoints/switch';
+export * from './entrypoints/switch';

package/dist/switch.mjs

@@ -0,0 +1,2 @@
+import e from "./components/switch/CdrSwitch.vue.mjs";
+export { e as CdrSwitch, e as default };

package/dist/tab-panel/types.d.ts

@@ -0,0 +1 @@
+export * from '../entrypoints/tab-panel/types';

package/dist/tab-panel.d.ts

@@ -0,0 +1,2 @@
+export { default } from './entrypoints/tab-panel';
+export * from './entrypoints/tab-panel';

package/dist/tab-panel.mjs

@@ -0,0 +1,2 @@
+import e from "./components/tabs/CdrTabPanel.vue.mjs";
+export { e as CdrTabPanel, e as default };

package/dist/table/types.d.ts

@@ -0,0 +1 @@
+export * from '../entrypoints/table/types';

package/dist/table.d.ts

@@ -0,0 +1,2 @@
+export { default } from './entrypoints/table';
+export * from './entrypoints/table';

package/dist/table.mjs

@@ -0,0 +1,2 @@
+import e from "./components/table/CdrTable.vue.mjs";
+export { e as CdrTable, e as default };

package/dist/tabs/types.d.ts

@@ -0,0 +1 @@
+export * from '../entrypoints/tabs/types';

package/dist/tabs.d.ts

@@ -0,0 +1,2 @@
+export { default } from './entrypoints/tabs';
+export * from './entrypoints/tabs';

package/dist/tabs.mjs

@@ -0,0 +1,2 @@
+import e from "./components/tabs/CdrTabs.vue.mjs";
+export { e as CdrTabs, e as default };

package/dist/text/types.d.ts

@@ -0,0 +1 @@
+export * from '../entrypoints/text/types';

package/dist/text.d.ts

@@ -0,0 +1,2 @@
+export { default } from './entrypoints/text';
+export * from './entrypoints/text';

package/dist/text.mjs

@@ -0,0 +1,2 @@
+import e from "./components/text/CdrText.vue.mjs";
+export { e as CdrText, e as default };

package/dist/title/types.d.ts

@@ -0,0 +1 @@
+export * from '../entrypoints/title/types';

package/dist/title.d.ts

@@ -0,0 +1,2 @@
+export { default } from './entrypoints/title';
+export * from './entrypoints/title';

package/dist/title.mjs

@@ -0,0 +1,2 @@
+import e from "./components/title/CdrTitle.vue.mjs";
+export { e as CdrTitle, e as default };

package/dist/toast/types.d.ts

@@ -0,0 +1 @@
+export * from '../entrypoints/toast/types';

package/dist/toast.d.ts

@@ -0,0 +1,2 @@
+export { default } from './entrypoints/toast';
+export * from './entrypoints/toast';

package/dist/toast.mjs

@@ -0,0 +1,2 @@
+import e from "./components/toast/CdrToast.vue.mjs";
+export { e as CdrToast, e as default };

package/dist/toggle-button/types.d.ts

@@ -0,0 +1 @@
+export * from '../entrypoints/toggle-button/types';

package/dist/toggle-button.d.ts

@@ -0,0 +1,2 @@
+export { default } from './entrypoints/toggle-button';
+export * from './entrypoints/toggle-button';

package/dist/toggle-button.mjs

@@ -0,0 +1,2 @@
+import e from "./components/toggleButton/CdrToggleButton.vue.mjs";
+export { e as CdrToggleButton, e as default };

package/dist/toggle-group/types.d.ts

@@ -0,0 +1 @@
+export * from '../entrypoints/toggle-group/types';

package/dist/toggle-group.d.ts

@@ -0,0 +1,2 @@
+export { default } from './entrypoints/toggle-group';
+export * from './entrypoints/toggle-group';

package/dist/toggle-group.mjs

@@ -0,0 +1,2 @@
+import e from "./components/toggleButton/CdrToggleGroup.vue.mjs";
+export { e as CdrToggleGroup, e as default };

package/dist/tokens/adapters.d.ts

@@ -0,0 +1,12 @@
+import { CdrTypeKey } from '@rei/cdr-tokens/types/type.keys';
+type TypeScaleFromToken<T extends string> = T extends `scale-minus${infer Value}` ? `scale-minus-${Value}` : T extends `scale${infer Value}` ? `scale-${Value}` : never;
+export type CedarTypeScale = TypeScaleFromToken<CdrTypeKey>;
+/**
+ * Maps a Cedar text scale value to its CSS custom property name suffix.
+ *
+ * Cedar's public text scale API uses dashed values like `scale-minus-2`,
+ * `scale-minus-1`, `scale-0`, and `scale-7`, while CSS custom properties use
+ * suffixes like `minus-2`, `minus-1`, `0`, and `7`.
+ */
+export declare function typeScaleCssSuffix(key: CedarTypeScale): string;
+export {};

package/dist/tokens/adapters.mjs

@@ -0,0 +1,6 @@
+//#region src/tokens/adapters.ts
+function e(e) {
+	return e.replace("scale-minus-", "minus-").replace("scale-", "");
+}
+//#endregion
+export { e as typeScaleCssSuffix };

package/dist/tooltip/types.d.ts

@@ -0,0 +1 @@
+export * from '../entrypoints/tooltip/types';

package/dist/tooltip.d.ts

@@ -0,0 +1,2 @@
+export { default } from './entrypoints/tooltip';
+export * from './entrypoints/tooltip';

package/dist/tooltip.mjs

@@ -0,0 +1,2 @@
+import e from "./components/tooltip/CdrTooltip.vue.mjs";
+export { e as CdrTooltip, e as default };

package/dist/types/componentOptions.d.ts

@@ -0,0 +1,125 @@
+import { CdrBreakpointKey } from '@rei/cdr-tokens/types/breakpoint.keys';
+import { CdrColorBackgroundKey } from '@rei/cdr-tokens/types/color-background.keys';
+import { CdrColorBorderKey } from '@rei/cdr-tokens/types/color-border.keys';
+import { CdrProminenceKey } from '@rei/cdr-tokens/types/prominence.keys';
+import { CdrRadiusKey } from '@rei/cdr-tokens/types/radius.keys';
+import { CdrSpaceKey } from '@rei/cdr-tokens/types/space.keys';
+import { CdrSpaceScaleKey } from '@rei/cdr-tokens/types/space-scale.keys';
+import { CedarTypeScale } from '../tokens/adapters';
+export type Breakpoint = CdrBreakpointKey;
+export type SpaceFixed = CdrSpaceKey;
+type SpaceScaleRangeKey = Extract<CdrSpaceScaleKey, '01' | '34' | '35'>;
+type SpaceScaleSingleKey = Exclude<CdrSpaceScaleKey, SpaceScaleRangeKey>;
+type CedarSpaceScaleRangeMap = {
+    '01': 'scale-0--1';
+    '34': 'scale-3--4';
+    '35': 'scale-3--5';
+};
+export type SpaceFluid = `scale-${SpaceScaleSingleKey}`;
+export type SpaceScale = CedarSpaceScaleRangeMap[SpaceScaleRangeKey];
+export type Space = SpaceFixed | SpaceFluid | SpaceScale;
+export type TypeScale = CedarTypeScale;
+export type Background = CdrColorBackgroundKey;
+export type BorderColor = CdrColorBorderKey;
+export type Radius = CdrRadiusKey;
+export type CdrProminenceBaseKey = Extract<CdrProminenceKey, 'flat' | 'raised' | 'elevated' | 'floating' | 'lifted'>;
+export type Shadow = CdrProminenceBaseKey;
+type TokenNameMap<T extends string> = Record<T, string>;
+export declare const surfaceBackgroundTokens: TokenNameMap<CdrColorBackgroundKey>;
+export declare const surfaceBorderColorTokens: TokenNameMap<CdrColorBorderKey>;
+export declare const surfaceRadiusTokens: TokenNameMap<CdrRadiusKey>;
+export declare const surfaceShadowTokens: TokenNameMap<CdrProminenceBaseKey>;
+export declare const spaceFixedTokens: TokenNameMap<CdrSpaceKey>;
+export declare const spaceFluidTokens: TokenNameMap<SpaceFluid>;
+export declare const spaceScaleTokens: TokenNameMap<SpaceScale>;
+export declare const surfaceBackgroundOptions: Background[];
+export declare const surfaceBorderColorOptions: BorderColor[];
+export declare const surfaceRadiusOptions: Radius[];
+export declare const surfaceShadowOptions: Shadow[];
+export declare const spaceFixedOptions: SpaceFixed[];
+export declare const spaceFluidOptions: SpaceFluid[];
+export declare const spaceScaleOptions: SpaceScale[];
+export declare const spaceOptions: readonly ("scale-0" | "scale-1" | "scale-2" | "scale-3" | "scale-4" | "scale-5" | "scale-6" | "scale-7" | CdrSpaceKey | "scale-8" | SpaceScale)[];
+export type Tag = keyof HTMLElementTagNameMap;
+export declare const surfacePaletteOptions: readonly ["default", "sandstone", "membership-subtle", "membership-vibrant"];
+export declare const primarySecondaryOptions: readonly ["primary", "secondary"];
+export declare const checkboxModifierOptions: readonly ["", "hide-figure"];
+export declare const errorStateOptions: readonly [false, true, "error message"];
+export declare const headingLevelOptions: readonly [1, 2, 3, 4, 5, 6];
+export declare const imageFitOptions: readonly ["contain", "cover", "fill", "none", "scale-down"];
+export declare const imageLoadingOptions: readonly ["lazy", "eager"];
+export declare const imageRadiusOptions: readonly ["soft", "softer", "round"];
+export declare const inputTypeOptions: readonly ["text", "email", "number", "password", "search", "url", "tel", "date", "datetime-local"];
+export declare const largeSizeOptions: readonly [undefined, "large"];
+export declare const borderStyleOptions: readonly ["solid", "dotted", "dashed"];
+export declare const flowOptions: readonly ["row", "column"];
+export declare const queryTypeOptions: readonly ["container", "media"];
+export declare const positionValueOptions: readonly ["top", "right", "bottom", "left"];
+export declare const responsiveBooleanOptions: readonly [false, true, "@sm @lg"];
+export declare const alignmentValueOptions: readonly ["start", "center", "end"];
+export declare const layoutGapDemoOptions: readonly ["zero", "one-x", "two-x", "scale-4", "scale-3--5"];
+export declare const mediaObjectContentPaddingDemoOptions: readonly ["zero", "one-x", "two-x"];
+export declare const statusTypeOptions: readonly ["default", "info", "warning", "success", "error"];
+export declare const buttonTagOptions: readonly ["button", "a"];
+export declare const buttonTypeOptions: readonly ["button", "submit", "reset"];
+export declare const buttonModifierOptions: readonly ["primary", "secondary", "sale", "dark", "link"];
+export declare const containerModifierOptions: readonly ["static", "fluid"];
+export declare const linkTagOptions: readonly ["a", "button"];
+export declare const linkModifierOptions: readonly ["", "standalone"];
+export declare const listTagOptions: readonly ["ul", "ol"];
+export declare const modalRoleOptions: readonly ["dialog", "alertdialog"];
+export declare const switchSizeOptions: readonly ["medium", "large"];
+/** @semantic Cedar palette names for surface theming */
+export type SurfacePalette = (typeof surfacePaletteOptions)[number];
+export type CheckboxModifier = (typeof checkboxModifierOptions)[number];
+export type HeadingLevel = (typeof headingLevelOptions)[number];
+export type ImageFit = (typeof imageFitOptions)[number];
+export type ImageLoading = (typeof imageLoadingOptions)[number];
+export type ImageRadius = (typeof imageRadiusOptions)[number];
+export type InputType = (typeof inputTypeOptions)[number];
+export type PrimarySecondary = (typeof primarySecondaryOptions)[number];
+export type BorderStyle = (typeof borderStyleOptions)[number];
+export type ButtonTag = (typeof buttonTagOptions)[number];
+export type ButtonType = (typeof buttonTypeOptions)[number];
+export type ButtonModifier = (typeof buttonModifierOptions)[number];
+export type ContainerModifier = (typeof containerModifierOptions)[number];
+export type LinkTag = (typeof linkTagOptions)[number];
+export type LinkModifier = (typeof linkModifierOptions)[number];
+export type ListTag = (typeof listTagOptions)[number];
+export type ModalRole = (typeof modalRoleOptions)[number];
+export type Modifier = 'default' | 'primary' | 'secondary';
+export type Flow = (typeof flowOptions)[number];
+export type Structure = 'rows' | 'columns';
+export type StatusType = (typeof statusTypeOptions)[number];
+export type SwitchSize = (typeof switchSizeOptions)[number];
+export type StructureValue = number | string;
+export type StructureArray = StructureValue[];
+export type StructureObject = {
+    [key in Breakpoint]: StructureValue | StructureArray;
+};
+export type StructureOption = StructureValue | StructureArray | StructureObject;
+export type SpaceTuple = [SpaceFixed] | [SpaceFixed, SpaceFixed] | [SpaceFixed, SpaceFixed, SpaceFixed] | [SpaceFixed, SpaceFixed, SpaceFixed, SpaceFixed];
+export type Spacing = SpaceFixed | SpaceTuple;
+export type SpaceObject = {
+    [key in Breakpoint]: Space;
+};
+export type SpaceOption = Space | SpaceObject;
+export type ResponsiveSpace = {
+    [key in Breakpoint]?: Spacing;
+};
+export type QueryType = (typeof queryTypeOptions)[number];
+export type PositionValue = (typeof positionValueOptions)[number];
+export type PositionObject = {
+    [key in Breakpoint]: PositionValue;
+};
+export type Position = PositionValue | PositionObject;
+export type AlignmentValue = (typeof alignmentValueOptions)[number];
+export type AlignmentObject = {
+    [key in Breakpoint]: AlignmentValue;
+};
+export type Alignment = AlignmentValue | AlignmentObject;
+export type MediaMeasurementObject = {
+    [key in Breakpoint]: string;
+};
+export type MediaMeasurement = string | MediaMeasurementObject;
+export {};

package/dist/types/componentOptions.mjs

@@ -0,0 +1,105 @@
+import { CdrSpace as e } from "@rei/cdr-tokens/types/space";
+import { CdrColorBackground as t } from "@rei/cdr-tokens/types/color-background";
+import { CdrColorBorder as n } from "@rei/cdr-tokens/types/color-border";
+import { CdrProminence as r } from "@rei/cdr-tokens/types/prominence";
+import { CdrRadius as i } from "@rei/cdr-tokens/types/radius";
+import { CdrSpaceScale as a } from "@rei/cdr-tokens/types/space-scale";
+//#region src/types/componentOptions.ts
+function o(e) {
+	return e.replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Za-z])([0-9])/g, "$1-$2").toLowerCase();
+}
+function s(e, t, n, r = () => !0) {
+	return Object.keys(e).reduce((e, i) => {
+		let a = n(i.replace(t, ""));
+		return r(a) && (e[a] = i), e;
+	}, {});
+}
+function c(e) {
+	return e.length === 1 ? `scale-${e}` : `scale-${e.split("").join("--")}`;
+}
+var l = s(t, "CdrColorBackground", (e) => o(e)), u = s(n, "CdrColorBorder", (e) => o(e)), d = s(i, "CdrRadius", (e) => o(e)), f = s(r, "CdrProminence", (e) => o(e), (e) => !e.includes("-")), p = s(e, "CdrSpace", (e) => o(e)), m = s(a, "CdrSpaceScale", c), h = Object.fromEntries(Object.entries(m).filter(([e]) => !e.includes("--"))), g = Object.fromEntries(Object.entries(m).filter(([e]) => e.includes("--"))), _ = Object.keys(l), v = Object.keys(u), y = Object.keys(d), b = Object.keys(f), x = Object.keys(p), S = Object.keys(h), C = Object.keys(g), w = [
+	...x,
+	...S,
+	...C
+], T = [
+	"default",
+	"sandstone",
+	"membership-subtle",
+	"membership-vibrant"
+], E = ["primary", "secondary"], D = ["", "hide-figure"], O = [
+	!1,
+	!0,
+	"error message"
+], k = [
+	1,
+	2,
+	3,
+	4,
+	5,
+	6
+], A = [
+	"contain",
+	"cover",
+	"fill",
+	"none",
+	"scale-down"
+], j = ["lazy", "eager"], M = [
+	"soft",
+	"softer",
+	"round"
+], N = [
+	"text",
+	"email",
+	"number",
+	"password",
+	"search",
+	"url",
+	"tel",
+	"date",
+	"datetime-local"
+], P = [void 0, "large"], F = [
+	"solid",
+	"dotted",
+	"dashed"
+], I = ["row", "column"], L = ["container", "media"], R = [
+	"top",
+	"right",
+	"bottom",
+	"left"
+], z = [
+	!1,
+	!0,
+	"@sm @lg"
+], B = [
+	"start",
+	"center",
+	"end"
+], V = [
+	"zero",
+	"one-x",
+	"two-x",
+	"scale-4",
+	"scale-3--5"
+], H = [
+	"zero",
+	"one-x",
+	"two-x"
+], U = [
+	"default",
+	"info",
+	"warning",
+	"success",
+	"error"
+], W = ["button", "a"], G = [
+	"button",
+	"submit",
+	"reset"
+], K = [
+	"primary",
+	"secondary",
+	"sale",
+	"dark",
+	"link"
+], q = ["static", "fluid"], J = ["a", "button"], Y = ["", "standalone"], X = ["ul", "ol"], Z = ["dialog", "alertdialog"], Q = ["medium", "large"];
+//#endregion
+export { B as alignmentValueOptions, F as borderStyleOptions, K as buttonModifierOptions, W as buttonTagOptions, G as buttonTypeOptions, D as checkboxModifierOptions, q as containerModifierOptions, O as errorStateOptions, I as flowOptions, k as headingLevelOptions, A as imageFitOptions, j as imageLoadingOptions, M as imageRadiusOptions, N as inputTypeOptions, P as largeSizeOptions, V as layoutGapDemoOptions, Y as linkModifierOptions, J as linkTagOptions, X as listTagOptions, H as mediaObjectContentPaddingDemoOptions, Z as modalRoleOptions, R as positionValueOptions, E as primarySecondaryOptions, L as queryTypeOptions, z as responsiveBooleanOptions, x as spaceFixedOptions, p as spaceFixedTokens, S as spaceFluidOptions, h as spaceFluidTokens, w as spaceOptions, C as spaceScaleOptions, g as spaceScaleTokens, U as statusTypeOptions, _ as surfaceBackgroundOptions, l as surfaceBackgroundTokens, v as surfaceBorderColorOptions, u as surfaceBorderColorTokens, T as surfacePaletteOptions, y as surfaceRadiusOptions, d as surfaceRadiusTokens, b as surfaceShadowOptions, f as surfaceShadowTokens, Q as switchSizeOptions };

package/dist/types/symbols.d.ts

@@ -0,0 +1,19 @@
+import { InjectionKey, Ref } from 'vue';
+import { CdrFilmstripEventEmitter } from '../components/filmstrip/interfaces';
+/** Skeleton injection key */
+export declare const motionKey: InjectionKey<Ref<boolean>>;
+/** Tabs injection key */
+export declare const selectedTabKey: InjectionKey<Ref<string | null>>;
+/** Toggle button injection key */
+export declare const selectedToggleKey: InjectionKey<Ref<string | number | boolean | Record<string, any> | unknown[]>>;
+/** Accordion injection keys */
+export declare const unwrappedKey: InjectionKey<Ref<boolean>>;
+/**
+ * Injection key for providing a `FilmstripEventEmitter` instance via Vue's dependency injection system.
+ *
+ * This key is used to enable event communication within the filmstrip component tree,
+ * allowing child components to emit events without requiring direct parent-child communication.
+ *
+ * @type {InjectionKey<CdrFilmstripEventEmitter>}
+ */
+export declare const CdrFilmstripEventKey: InjectionKey<CdrFilmstripEventEmitter>;

package/dist/types/symbols.mjs

@@ -1,8 +1,4 @@
-const e = Symbol(), t = Symbol(), o = Symbol(), l = Symbol(), y = Symbol("CdrFilmstripEventEmitter");
-export {
-  y as CdrFilmstripEventKey,
-  e as motionKey,
-  t as selectedTabKey,
-  o as selectedToggleKey,
-  l as unwrappedKey
-};
+//#region src/types/symbols.ts
+var e = Symbol(), t = Symbol(), n = Symbol(), r = Symbol(), i = Symbol("CdrFilmstripEventEmitter");
+//#endregion
+export { i as CdrFilmstripEventKey, e as motionKey, t as selectedTabKey, n as selectedToggleKey, r as unwrappedKey };

package/dist/utils/buildClass.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Appends a BEM-style modifier to a base class name.
+ *
+ * @param base - The base class name (e.g., 'cdr-button')
+ * @param modifier - The modifier to append (e.g., 'primary')
+ * @returns The modified class name (e.g., 'cdr-button--primary')
+ *
+ * @example
+ * modifyClassName('cdr-button', 'primary') // => 'cdr-button--primary'
+ * modifyClassName('cdr-table', 'striped') // => 'cdr-table--striped'
+ */
+declare const modifyClassName: (base: string, modifier: string) => string;
+/**
+ * Creates responsive BEM-style modifier classes from a prop value.
+ * Supports boolean values or space-separated breakpoint strings.
+ *
+ * When passed a string with breakpoint tokens (e.g., "@sm @lg"), it generates
+ * multiple class names, one for each breakpoint. When passed `true`, it generates
+ * a single modifier class without a breakpoint.
+ *
+ * @param base - The base class name (e.g., 'cdr-table')
+ * @param modifier - The modifier name (e.g., 'full-width')
+ * @param prop - Either a boolean or a space-separated string of breakpoints
+ * @returns Space-separated string of responsive modifier classes
+ *
+ * @example
+ * responsiveModifyClass('cdr-table', 'full-width', '@sm @lg')
+ * // => 'cdr-table--full-width@sm cdr-table--full-width@lg'
+ *
+ * @example
+ * responsiveModifyClass('cdr-table', 'full-width', true)
+ * // => 'cdr-table--full-width'
+ */
+declare const responsiveModifyClass: (base: string, modifier: string, prop: string | boolean) => string;
+/**
+ * Builds a conditional BEM modifier class based on a boolean or responsive prop.
+ *
+ * If the prop is `true`, returns a single modifier class.
+ * If the prop is `false`, returns an empty string.
+ * If the prop is a string (breakpoint tokens), returns responsive modifier classes.
+ *
+ * @param baseClass - The base class name
+ * @param prop - Boolean flag or space-separated breakpoint string
+ * @param name - The modifier name
+ * @returns Class string or empty string if the condition is false
+ *
+ * @example
+ * buildBooleanClass('cdr-grid', true, 'gutter')
+ * // => 'cdr-grid--gutter'
+ *
+ * @example
+ * buildBooleanClass('cdr-grid', false, 'gutter')
+ * // => ''
+ *
+ * @example
+ * buildBooleanClass('cdr-grid', '@sm @md', 'gutter')
+ * // => 'cdr-grid--gutter@sm cdr-grid--gutter@md'
+ */
+declare const buildBooleanClass: (baseClass: string, prop: string | boolean, name: string) => string;
+export { modifyClassName, responsiveModifyClass, buildBooleanClass };

package/dist/utils/buildClass.mjs

@@ -1,8 +1,4 @@
-import "core-js/modules/esnext.iterator.constructor.js";
-import "core-js/modules/esnext.iterator.map.js";
-const i = (o, t) => `${o}--${t}`, s = (o, t, n) => typeof n == "string" ? n.split(" ").map((r) => i(o, `${t}${r}`)).join(" ") : i(o, t), f = (o, t, n) => typeof t == "boolean" ? t ? i(o, n) : "" : s(o, n, t);
-export {
-  f as buildBooleanClass,
-  i as modifyClassName,
-  s as responsiveModifyClass
-};
+//#region src/utils/buildClass.ts
+var e = (e, t) => `${e}--${t}`, t = (t, n, r) => typeof r == "string" ? r.split(" ").map((r) => e(t, `${n}${r}`)).join(" ") : e(t, n), n = (n, r, i) => typeof r == "boolean" ? r ? e(n, i) : "" : t(n, i, r);
+//#endregion
+export { n as buildBooleanClass, e as modifyClassName, t as responsiveModifyClass };

package/dist/utils/debounce.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Creates a debounced function that delays invoking the callback until after
+ * the specified wait time has elapsed since the last time it was invoked.
+ *
+ * Useful for limiting the rate at which a function is executed, particularly
+ * for expensive operations like API calls, DOM updates, or event handlers.
+ *
+ * @param callback - The function to debounce
+ * @param ms - The number of milliseconds to delay (default: 300ms)
+ * @returns A debounced version of the callback function
+ *
+ * @example
+ * const handleSearch = debounce((query: string) => {
+ *   fetchResults(query);
+ * }, 500);
+ *
+ * // Will only execute once after user stops typing for 500ms
+ * input.addEventListener('input', (e) => handleSearch(e.target.value));
+ *
+ * @example
+ * const handleResize = debounce(() => {
+ *   updateLayout();
+ * }, 200);
+ *
+ * window.addEventListener('resize', handleResize);
+ */
+export declare const debounce: <T extends (...args: any[]) => any>(callback: T, ms?: number) => ((...args: Parameters<T>) => void);

package/dist/utils/debounce.mjs

@@ -1,9 +1,9 @@
-const i = (e, o = 300) => {
-  let t;
-  return function(...u) {
-    clearTimeout(t), t = setTimeout(() => e.apply(this, u), o);
-  };
-};
-export {
-  i as debounce
+//#region src/utils/debounce.ts
+var e = (e, t = 300) => {
+	let n;
+	return function(...r) {
+		clearTimeout(n), n = setTimeout(() => e.apply(this, r), t);
+	};
 };
+//#endregion
+export { e as debounce };