@alma-oss/spirit-web-react 4.0.0

package/types/tooltip.d.ts

@@ -0,0 +1,50 @@
+import { type Placement, type Strategy } from '@floating-ui/react';
+import type { ElementType, JSXElementConstructor, ReactNode } from 'react';
+import type { ChildrenProps, ClickEvent, ElementTypeProp, SpiritPolymorphicElementPropsWithRef, StyleProps, TransferProps } from './shared';
+export declare const TOOLTIP_TRIGGER: {
+    readonly CLICK: "click";
+    readonly HOVER: "hover";
+    readonly FOCUS: "focus";
+    readonly MANUAL: "manual";
+    readonly OUTSIDE_PRESS: "outside-press";
+    readonly ESCAPE_KEY: "escape-key";
+};
+export interface TooltipPopoverProps extends ChildrenProps, StyleProps {
+}
+export type TooltipTriggerType = 'click' | 'hover' | 'focus' | 'manual';
+export interface TooltipTriggerProps extends StyleProps, TransferProps {
+    elementType?: ElementTypeProp;
+    children?: string | ReactNode | ((props: {
+        isOpen: boolean;
+    }) => ReactNode);
+}
+export interface UncontrolledTooltipProps extends BaseTooltipProps {
+}
+export interface TooltipCloseButtonProps extends StyleProps {
+    onClick?: (event: ClickEvent) => void;
+    label?: string;
+}
+export interface TooltipHandlingProps {
+    isOpen?: boolean;
+    onToggle: (isOpen: boolean) => void;
+}
+export interface BaseTooltipProps extends ChildrenProps, StyleProps {
+    closeLabel?: string;
+    id: string;
+    isDismissible?: boolean;
+    placement?: Placement;
+}
+export interface TooltipProps<E extends ElementType> extends BaseTooltipProps, TooltipHandlingProps {
+    elementType?: E | JSXElementConstructor<unknown>;
+}
+export type SpiritTooltipProps<E extends ElementType = 'div'> = TooltipProps<E> & SpiritPolymorphicElementPropsWithRef<E, TooltipProps<E>> & ChildrenProps & {
+    enableFlipping?: boolean;
+    enableFlippingCrossAxis?: boolean;
+    enableShifting?: boolean;
+    enableSizing?: boolean;
+    flipFallbackAxisSideDirection?: 'none' | 'start' | 'end';
+    flipFallbackPlacements?: Placement | Placement[];
+    isFocusableOnHover?: boolean;
+    positionStrategy?: Strategy;
+    trigger?: TooltipTriggerType[];
+};

package/types/tooltip.js

@@ -0,0 +1,9 @@
+export const TOOLTIP_TRIGGER = {
+    CLICK: 'click',
+    HOVER: 'hover',
+    FOCUS: 'focus',
+    MANUAL: 'manual',
+    OUTSIDE_PRESS: 'outside-press',
+    ESCAPE_KEY: 'escape-key',
+};
+//# sourceMappingURL=tooltip.js.map

package/types/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/types/tooltip.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,aAAa,EAAE,eAAe;IAC9B,UAAU,EAAE,YAAY;CAChB,CAAC"}

package/types/truncate.d.ts

@@ -0,0 +1,13 @@
+import { type ElementType } from 'react';
+import { type ChildrenProps, type PositiveInteger, type StyleProps } from './shared';
+export declare const TruncateModes: {
+    readonly LINES: "lines";
+    readonly WORDS: "words";
+    readonly CHARACTERS: "characters";
+};
+export type TruncateMode = (typeof TruncateModes)[keyof typeof TruncateModes];
+export interface SpiritTruncateProps<E extends ElementType> extends StyleProps, ChildrenProps {
+    elementType?: E;
+    limit?: PositiveInteger<number>;
+    mode?: TruncateMode;
+}

package/types/truncate.js

@@ -0,0 +1,6 @@
+export const TruncateModes = {
+    LINES: 'lines',
+    WORDS: 'words',
+    CHARACTERS: 'characters',
+};
+//# sourceMappingURL=truncate.js.map

package/types/truncate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncate.js","sourceRoot":"","sources":["../../src/types/truncate.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,YAAY;CAChB,CAAC"}

package/types/types.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+var spiritDesignTokens = require('@alma-oss/spirit-design-tokens');
+
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+function createUppercaseKeyDictionary(obj) {
+    return Object.fromEntries(Object.keys(obj).map((key) => [key.toUpperCase(), key]));
+}
+const AlignmentX = {
+    LEFT: 'left',
+    CENTER: 'center',
+    RIGHT: 'right',
+};
+Object.assign({ SPACE_BETWEEN: 'space-between', STRETCH: 'stretch' }, AlignmentX);
+const AlignmentY = {
+    TOP: 'top',
+    CENTER: 'center',
+    BOTTOM: 'bottom',
+};
+Object.assign({ BASELINE: 'baseline', STRETCH: 'stretch' }, AlignmentY);
+createUppercaseKeyDictionary(spiritDesignTokens.componentColors.button);
+createUppercaseKeyDictionary(spiritDesignTokens.emotionColors);
+createUppercaseKeyDictionary(spiritDesignTokens.textColors);
+const Sizes = {
+    SMALL: 'small',
+    MEDIUM: 'medium',
+    LARGE: 'large',
+};
+Object.assign(Object.assign({ XSMALL: 'xsmall' }, Sizes), { XLARGE: 'xlarge' });
+const _a = createUppercaseKeyDictionary(spiritDesignTokens.containers), { MAXWIDTH, PADDING } = _a; __rest(_a, ["MAXWIDTH", "PADDING"]);
+
+const Direction = {
+    HORIZONTAL: 'horizontal',
+    VERTICAL: 'vertical',
+};
+Object.assign(Object.assign({}, Direction), { HORIZONTAL_REVERSED: 'horizontal-reversed' });
+var DirectionAxis;
+(function (DirectionAxis) {
+    DirectionAxis["X"] = "x";
+    DirectionAxis["Y"] = "y";
+})(DirectionAxis || (DirectionAxis = {}));
+
+const CardSizes = Object.assign(Object.assign({}, Sizes), { AUTO: 'auto' });
+
+const DropdownFullWidthModes = {
+    OFF: 'off',
+    MOBILE_ONLY: 'mobile-only',
+    ALL: 'all',
+};
+
+const UNDERLINED_OPTIONS = {
+    ALWAYS: 'always',
+    HOVER: 'hover',
+    NEVER: 'never',
+};
+
+const STYLE_SPACING_AUTO = 'auto';
+
+const BREAKPOINT_MOBILE = 'mobile';
+
+exports.SpiritBreakpoints = void 0;
+(function (SpiritBreakpoints) {
+    SpiritBreakpoints["TABLET"] = "tablet";
+    SpiritBreakpoints["DESKTOP"] = "desktop";
+})(exports.SpiritBreakpoints || (exports.SpiritBreakpoints = {}));
+
+const TOOLTIP_TRIGGER = {
+    CLICK: 'click',
+    HOVER: 'hover',
+    FOCUS: 'focus',
+    MANUAL: 'manual',
+    OUTSIDE_PRESS: 'outside-press',
+    ESCAPE_KEY: 'escape-key',
+};
+
+const TruncateModes = {
+    LINES: 'lines',
+    WORDS: 'words',
+    CHARACTERS: 'characters',
+};
+
+exports.BREAKPOINT_MOBILE = BREAKPOINT_MOBILE;
+exports.CardSizes = CardSizes;
+exports.DropdownFullWidthModes = DropdownFullWidthModes;
+exports.STYLE_SPACING_AUTO = STYLE_SPACING_AUTO;
+exports.TOOLTIP_TRIGGER = TOOLTIP_TRIGGER;
+exports.TruncateModes = TruncateModes;
+exports.UNDERLINED_OPTIONS = UNDERLINED_OPTIONS;
+//# sourceMappingURL=types.cjs.map

package/types/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":["../constants/dictionaries.js","../constants/direction.js","card.js","dropdown.js","link.js","shared/style.js","shared/tokens.js","shared/index.js","tooltip.js","truncate.js"],"sourcesContent":["var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { componentColors, containers, emotionColors, textColors } from '@alma-oss/spirit-design-tokens';\nfunction createUppercaseKeyDictionary(obj) {\n    return Object.fromEntries(Object.keys(obj).map((key) => [key.toUpperCase(), key]));\n}\nexport const AlignmentX = {\n    LEFT: 'left',\n    CENTER: 'center',\n    RIGHT: 'right',\n};\nexport const AlignmentXExtended = Object.assign({ SPACE_BETWEEN: 'space-between', STRETCH: 'stretch' }, AlignmentX);\nexport const AlignmentY = {\n    TOP: 'top',\n    CENTER: 'center',\n    BOTTOM: 'bottom',\n};\nexport const AlignmentYExtended = Object.assign({ BASELINE: 'baseline', STRETCH: 'stretch' }, AlignmentY);\nexport const TextAlignments = {\n    LEFT: 'left',\n    CENTER: 'center',\n    RIGHT: 'right',\n};\nexport const BorderColors = {\n    BASIC: 'basic',\n};\nexport const BorderRadii = {\n    0: '0',\n    100: '100',\n    200: '200',\n    300: '300',\n    400: '400',\n    500: '500',\n    FULL: 'full',\n};\nexport const BorderStyles = {\n    SOLID: 'solid',\n    DOTTED: 'dotted',\n    DASHED: 'dashed',\n};\nexport const BorderWidths = {\n    0: '0',\n    100: '100',\n    200: '200',\n};\nexport const BackgroundColors = {\n    PRIMARY: 'primary',\n    SECONDARY: 'secondary',\n    TERTIARY: 'tertiary',\n};\nexport const ComponentButtonColors = createUppercaseKeyDictionary(componentColors.button);\nexport const EmotionColors = createUppercaseKeyDictionary(emotionColors);\nexport const LinkColors = {\n    PRIMARY: 'primary',\n    SECONDARY: 'secondary',\n    TERTIARY: 'tertiary',\n};\nexport const TextColors = createUppercaseKeyDictionary(textColors);\nexport const Intensity = {\n    BASIC: 'basic',\n    SUBTLE: 'subtle',\n};\nexport const Emphasis = {\n    REGULAR: 'regular',\n    SEMIBOLD: 'semibold',\n    BOLD: 'bold',\n    ITALIC: 'italic',\n};\nexport const BackgroundGradients = {\n    PRIMARY: 'primary',\n    SECONDARY: 'secondary',\n};\nexport const Placements = {\n    TOP: 'top',\n    TOP_START: 'top-start',\n    TOP_END: 'top-end',\n    BOTTOM: 'bottom',\n    BOTTOM_START: 'bottom-start',\n    BOTTOM_END: 'bottom-end',\n    LEFT: 'left',\n    LEFT_START: 'left-start',\n    LEFT_END: 'left-end',\n    RIGHT: 'right',\n    RIGHT_START: 'right-start',\n    RIGHT_END: 'right-end',\n};\nexport const Sizes = {\n    SMALL: 'small',\n    MEDIUM: 'medium',\n    LARGE: 'large',\n};\nexport const SizesExtended = Object.assign(Object.assign({ XSMALL: 'xsmall' }, Sizes), { XLARGE: 'xlarge' });\nconst _a = createUppercaseKeyDictionary(containers), { MAXWIDTH, PADDING } = _a, ContainerTokenSizes = __rest(_a, [\"MAXWIDTH\", \"PADDING\"]);\nexport { ContainerTokenSizes };\nexport const ValidationStates = {\n    SUCCESS: 'success',\n    WARNING: 'warning',\n    DANGER: 'danger',\n};\nexport const FillVariants = {\n    FILL: 'fill',\n    OUTLINE: 'outline',\n};\nexport const ShapeVariants = {\n    BOX: 'box',\n    PILL: 'pill',\n};\n//# sourceMappingURL=dictionaries.js.map","export const Direction = {\n    HORIZONTAL: 'horizontal',\n    VERTICAL: 'vertical',\n};\nexport const DirectionExtended = Object.assign(Object.assign({}, Direction), { HORIZONTAL_REVERSED: 'horizontal-reversed' });\nexport var DirectionAxis;\n(function (DirectionAxis) {\n    DirectionAxis[\"X\"] = \"x\";\n    DirectionAxis[\"Y\"] = \"y\";\n})(DirectionAxis || (DirectionAxis = {}));\nexport const isDirectionHorizontal = (direction) => direction === Direction.HORIZONTAL;\n//# sourceMappingURL=direction.js.map","import { Sizes } from \"../constants/index.js\";\nexport const CardSizes = Object.assign(Object.assign({}, Sizes), { AUTO: 'auto' });\n//# sourceMappingURL=card.js.map","export const DropdownFullWidthModes = {\n    OFF: 'off',\n    MOBILE_ONLY: 'mobile-only',\n    ALL: 'all',\n};\n//# sourceMappingURL=dropdown.js.map","export const UNDERLINED_OPTIONS = {\n    ALWAYS: 'always',\n    HOVER: 'hover',\n    NEVER: 'never',\n};\n//# sourceMappingURL=link.js.map","export const STYLE_SPACING_AUTO = 'auto';\n//# sourceMappingURL=style.js.map","export const BREAKPOINT_MOBILE = 'mobile';\n//# sourceMappingURL=tokens.js.map","export * from \"./adornments.js\";\nexport * from \"./buttons.js\";\nexport * from \"./colors.js\";\nexport * from \"./columns.js\";\nexport * from \"./dialogs.js\";\nexport * from \"./dictionaries.js\";\nexport * from \"./directions.js\";\nexport * from \"./dragAndDrop.js\";\nexport * from \"./element.js\";\nexport * from \"./events.js\";\nexport * from \"./inputs.js\";\nexport * from \"./item.js\";\nexport * from \"./positions.js\";\nexport * from \"./radii.js\";\nexport * from \"./refs.js\";\nexport * from \"./responsive.js\";\nexport * from \"./rest.js\";\nexport * from \"./sizes.js\";\nexport * from \"./style.js\";\nexport * from \"./tokens.js\";\nexport var SpiritBreakpoints;\n(function (SpiritBreakpoints) {\n    SpiritBreakpoints[\"TABLET\"] = \"tablet\";\n    SpiritBreakpoints[\"DESKTOP\"] = \"desktop\";\n})(SpiritBreakpoints || (SpiritBreakpoints = {}));\n//# sourceMappingURL=index.js.map","export const TOOLTIP_TRIGGER = {\n    CLICK: 'click',\n    HOVER: 'hover',\n    FOCUS: 'focus',\n    MANUAL: 'manual',\n    OUTSIDE_PRESS: 'outside-press',\n    ESCAPE_KEY: 'escape-key',\n};\n//# sourceMappingURL=tooltip.js.map","export const TruncateModes = {\n    LINES: 'lines',\n    WORDS: 'words',\n    CHARACTERS: 'characters',\n};\n//# sourceMappingURL=truncate.js.map"],"names":["this","componentColors","emotionColors","textColors","containers","SpiritBreakpoints"],"mappings":"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"}

package/types/unstableHeader.d.ts

@@ -0,0 +1,14 @@
+import { type ElementType } from 'react';
+import { type LinkTarget } from './link';
+import { type ChildrenProps, type SpiritElementProps, type SpiritPolymorphicElementPropsWithRef, type StyleProps, type TransferProps } from './shared';
+export interface HeaderLogoBaseProps extends ChildrenProps, StyleProps, TransferProps {
+    href?: string;
+    target?: LinkTarget;
+}
+export type HeaderLogoProps<E extends ElementType> = {
+    elementType?: E;
+} & HeaderLogoBaseProps;
+export interface SpiritHeaderProps extends SpiritElementProps, ChildrenProps {
+    hasBottomDivider?: boolean;
+}
+export type SpiritHeaderLogoProps<E extends ElementType = 'a'> = HeaderLogoProps<E> & SpiritPolymorphicElementPropsWithRef<E, HeaderLogoProps<E>>;

package/types/unstableHeader.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=unstableHeader.js.map

package/types/unstableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unstableHeader.js","sourceRoot":"","sources":["../../src/types/unstableHeader.ts"],"names":[],"mappings":""}

package/types/visuallyHidden.d.ts

@@ -0,0 +1,9 @@
+import { type ElementType, type JSXElementConstructor } from 'react';
+import { type ChildrenProps, type StyleProps, type TransferProps } from './shared';
+export interface VisuallyHiddenElementTypeProps<T extends ElementType = 'span'> {
+    elementType?: T | JSXElementConstructor<unknown>;
+}
+export interface VisuallyHiddenProps<T extends ElementType = 'span'> extends VisuallyHiddenElementTypeProps<T>, ChildrenProps, StyleProps, TransferProps {
+}
+export interface SpiritVisuallyHiddenProps<T extends ElementType = 'span'> extends VisuallyHiddenProps<T> {
+}

package/types/visuallyHidden.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=visuallyHidden.js.map

package/types/visuallyHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visuallyHidden.js","sourceRoot":"","sources":["../../src/types/visuallyHidden.ts"],"names":[],"mappings":""}

package/utils/assert.d.ts

@@ -0,0 +1,6 @@
+export declare const isNullish: (value: unknown) => value is null | undefined;
+export declare const isEmptyString: (value: unknown) => boolean;
+export declare const isEmptyArray: (value: unknown) => boolean;
+export declare const isEmptyObject: (value: unknown) => boolean;
+export declare const isEnumerable: (value: unknown) => boolean;
+export declare const isEmpty: (value: unknown) => boolean;

package/utils/assert.js

@@ -0,0 +1,33 @@
+export const isNullish = (value) => value == null;
+export const isEmptyString = (value) => typeof value === 'string' && value.trim() === '';
+export const isEmptyArray = (value) => Array.isArray(value) && value.length === 0;
+export const isEmptyObject = (value) => typeof value === 'object' && value !== null && Object.keys(value).length === 0;
+export const isEnumerable = (value) => {
+    if (typeof value === 'object' && value !== null) {
+        for (const key in value) {
+            if (Object.hasOwnProperty.call(value, key)) {
+                return true;
+            }
+        }
+    }
+    return false;
+};
+export const isEmpty = (value) => {
+    if (isNullish(value)) {
+        return true;
+    }
+    if (isEmptyString(value)) {
+        return true;
+    }
+    if (isEmptyArray(value)) {
+        return true;
+    }
+    if (isEmptyObject(value)) {
+        return true;
+    }
+    if (isEnumerable(value)) {
+        return false;
+    }
+    return false;
+};
+//# sourceMappingURL=assert.js.map

package/utils/assert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assert.js","sourceRoot":"","sources":["../../src/utils/assert.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAc,EAA6B,EAAE,CAAC,KAAK,IAAI,IAAI,CAAC;AAQtF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAc,EAAW,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;AAQ3G,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAc,EAAW,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;AAQpG,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAc,EAAW,EAAE,CACvD,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;AAQjF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAc,EAAW,EAAE;IACtD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAChD,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;YACxB,IAAI,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;gBAC3C,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AA4BF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAc,EAAW,EAAE;IACjD,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/utils/classname.d.ts

@@ -0,0 +1,4 @@
+export declare const applyClassNamePrefix: (prefix: string | null | undefined) => (className: string) => string;
+export declare const applyColor: <Color>(color: Color) => (className: string) => string;
+export declare const applySize: <Size>(size: Size) => (className: string) => string;
+export declare const applyTheme: <Theme>(theme: Theme) => (className: string) => string;

package/utils/classname.js

@@ -0,0 +1,5 @@
+export const applyClassNamePrefix = (prefix) => (className) => prefix != null && prefix !== '' ? `${prefix}-${className}` : className;
+export const applyColor = (color) => (className) => `${className}--${color}`;
+export const applySize = (size) => (className) => `${className}--${size}`;
+export const applyTheme = (theme) => (className) => `${className}--${theme}`;
+//# sourceMappingURL=classname.js.map

package/utils/classname.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classname.js","sourceRoot":"","sources":["../../src/utils/classname.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAC/B,CAAC,MAAiC,EAAE,EAAE,CACtC,CAAC,SAAiB,EAAU,EAAE,CAC5B,MAAM,IAAI,IAAI,IAAI,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AAC3E,MAAM,CAAC,MAAM,UAAU,GACrB,CAAQ,KAAY,EAAE,EAAE,CACxB,CAAC,SAAiB,EAAU,EAAE,CAC5B,GAAG,SAAS,KAAK,KAAK,EAAE,CAAC;AAC7B,MAAM,CAAC,MAAM,SAAS,GACpB,CAAO,IAAU,EAAE,EAAE,CACrB,CAAC,SAAiB,EAAU,EAAE,CAC5B,GAAG,SAAS,KAAK,IAAI,EAAE,CAAC;AAC5B,MAAM,CAAC,MAAM,UAAU,GACrB,CAAQ,KAAY,EAAE,EAAE,CACxB,CAAC,SAAiB,EAAU,EAAE,CAC5B,GAAG,SAAS,KAAK,KAAK,EAAE,CAAC"}

package/utils/colorObjectGenerators.d.ts

@@ -0,0 +1,13 @@
+import { type AccentColorNamesType, type BackgroundAccentColorsType, type BackgroundEmotionColorsType, type BackgroundNeutralColorsType, type BorderAccentColorsType, type BorderEmotionColorsType, type EmotionColorNamesType, type TextAccentColorsType, type TextColorsDictionaryType, type TextEmotionColorsType, type TextNeutralColorsType } from '../types';
+export declare const generateColorsObject: <T extends string>(colors: Record<string, Record<string, string>>, type: string, prefix: string) => Record<T, T>;
+export declare const getAccentTextColors: () => Record<string, TextAccentColorsType>;
+export declare const getEmotionTextColors: () => Record<string, TextEmotionColorsType>;
+export declare const getAccentBackgroundColors: () => Record<string, BackgroundAccentColorsType>;
+export declare const getEmotionBackgroundColors: () => Record<string, BackgroundEmotionColorsType>;
+export declare const getAccentBorderColors: () => Record<string, BorderAccentColorsType>;
+export declare const getEmotionBorderColors: () => Record<string, BorderEmotionColorsType>;
+export declare const getNeutralTextColors: () => Record<string, TextNeutralColorsType>;
+export declare const getNeutralBackgroundColors: () => Record<string, BackgroundNeutralColorsType>;
+export declare const getAccentColorNames: () => AccentColorNamesType[];
+export declare const getEmotionColorNames: () => EmotionColorNamesType[];
+export declare const getTextColorNames: () => TextColorsDictionaryType[];

package/utils/colorObjectGenerators.js

@@ -0,0 +1,32 @@
+import { accentColors, emotionColors, textColors } from '@alma-oss/spirit-design-tokens';
+export const generateColorsObject = (colors, type, prefix) => {
+    const result = {};
+    for (const [key, properties] of Object.entries(colors)) {
+        for (const [property] of Object.entries(properties)) {
+            if (property.startsWith(type)) {
+                const formattedValue = `${prefix}-${key}-${property.replace(type, '').toLowerCase()}`;
+                const formattedKey = formattedValue.replace(/-/g, '_').toUpperCase();
+                result[formattedKey] = formattedValue;
+            }
+        }
+    }
+    return result;
+};
+export const getAccentTextColors = () => generateColorsObject(accentColors, 'content', 'accent');
+export const getEmotionTextColors = () => generateColorsObject(emotionColors, 'content', 'emotion');
+export const getAccentBackgroundColors = () => generateColorsObject(accentColors, 'background', 'accent');
+export const getEmotionBackgroundColors = () => generateColorsObject(emotionColors, 'background', 'emotion');
+export const getAccentBorderColors = () => generateColorsObject(accentColors, 'border', 'accent');
+export const getEmotionBorderColors = () => generateColorsObject(emotionColors, 'border', 'emotion');
+export const getNeutralTextColors = () => ({
+    NEUTRAL_BASIC: 'neutral-basic',
+    NEUTRAL_SUBTLE: 'neutral-subtle',
+});
+export const getNeutralBackgroundColors = () => ({
+    NEUTRAL_BASIC: 'neutral-basic',
+    NEUTRAL_SUBTLE: 'neutral-subtle',
+});
+export const getAccentColorNames = () => Object.keys(accentColors);
+export const getEmotionColorNames = () => Object.keys(emotionColors);
+export const getTextColorNames = () => Object.keys(textColors);
+//# sourceMappingURL=colorObjectGenerators.js.map

package/utils/colorObjectGenerators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorObjectGenerators.js","sourceRoot":"","sources":["../../src/utils/colorObjectGenerators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAwBzF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,MAA8C,EAC9C,IAAY,EACZ,MAAc,EACA,EAAE;IAChB,MAAM,MAAM,GAA2B,EAAE,CAAC;IAE1C,KAAK,MAAM,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QACvD,KAAK,MAAM,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;YACpD,IAAI,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC9B,MAAM,cAAc,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;gBACtF,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;gBACrE,MAAM,CAAC,YAAY,CAAC,GAAG,cAAc,CAAC;YACxC,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,MAAsB,CAAC;AAChC,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAyC,EAAE,CAC5E,oBAAoB,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;AAO1D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAA0C,EAAE,CAC9E,oBAAoB,CAAC,aAAa,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAO5D,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAA+C,EAAE,CACxF,oBAAoB,CAAC,YAAY,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;AAO7D,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAgD,EAAE,CAC1F,oBAAoB,CAAC,aAAa,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;AAO/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAA2C,EAAE,CAChF,oBAAoB,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAOzD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAA4C,EAAE,CAClF,oBAAoB,CAAC,aAAa,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;AAO3D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAA0C,EAAE,CAC9E,CAAC;IACC,aAAa,EAAE,eAAe;IAC9B,cAAc,EAAE,gBAAgB;CACjC,CAA0C,CAAC;AAO9C,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAgD,EAAE,CAC1F,CAAC;IACC,aAAa,EAAE,eAAe;IAC9B,cAAc,EAAE,gBAAgB;CACjC,CAAgD,CAAC;AAEpD,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAA2B,CAAC;AAC7F,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAA4B,CAAC;AAChG,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAA+B,CAAC"}

package/utils/compose.d.ts

@@ -0,0 +1 @@
+export declare const compose: (...functions: any[]) => any;

package/utils/compose.js

@@ -0,0 +1,2 @@
+export const compose = (...functions) => functions.reduceRight((prevFunction, nextFunction) => (...args) => nextFunction(prevFunction(...args)), (value) => value);
+//# sourceMappingURL=compose.js.map

package/utils/compose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose.js","sourceRoot":"","sources":["../../src/utils/compose.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAG,SAAgB,EAAE,EAAE,CAC7C,SAAS,CAAC,WAAW,CACnB,CAAC,YAAiB,EAAE,YAAiB,EAAE,EAAE,CACvC,CAAC,GAAG,IAAW,EAAE,EAAE,CACjB,YAAY,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,CAAC,EACvC,CAAC,KAAc,EAAE,EAAE,CAAC,KAAK,CAC1B,CAAC"}

package/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare const debounce: <T>(callback: (props: T) => void, delay: number) => (args: T) => void;

package/utils/debounce.js

@@ -0,0 +1,17 @@
+export const debounce = (callback, delay) => {
+    let timeout;
+    let isThrottled = false;
+    return (args) => {
+        if (!isThrottled) {
+            isThrottled = true;
+            if (timeout) {
+                clearTimeout(timeout);
+            }
+            timeout = setTimeout(() => {
+                callback(args);
+                isThrottled = false;
+            }, delay);
+        }
+    };
+};
+//# sourceMappingURL=debounce.js.map

package/utils/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../src/utils/debounce.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAI,QAA4B,EAAE,KAAa,EAAE,EAAE;IACzE,IAAI,OAAuB,CAAC;IAC5B,IAAI,WAAW,GAAG,KAAK,CAAC;IAExB,OAAO,CAAC,IAAO,EAAQ,EAAE;QACvB,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,WAAW,GAAG,IAAI,CAAC;YAEnB,IAAI,OAAO,EAAE,CAAC;gBACZ,YAAY,CAAC,OAAO,CAAC,CAAC;YACxB,CAAC;YAED,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACxB,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACf,WAAW,GAAG,KAAK,CAAC;YACtB,CAAC,EAAE,KAAK,CAAC,CAAC;QACZ,CAAC;IACH,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/utils/delayedCallback.d.ts

@@ -0,0 +1 @@
+export declare const delayedCallback: (callback: () => void, interval: number) => void;

package/utils/delayedCallback.js

@@ -0,0 +1,7 @@
+export const delayedCallback = (callback, interval) => {
+    const timeoutId = setTimeout(() => {
+        callback();
+        clearTimeout(timeoutId);
+    }, interval);
+};
+//# sourceMappingURL=delayedCallback.js.map

package/utils/delayedCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delayedCallback.js","sourceRoot":"","sources":["../../src/utils/delayedCallback.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAoB,EAAE,QAAgB,EAAE,EAAE;IACxE,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;QAChC,QAAQ,EAAE,CAAC;QACX,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1B,CAAC,EAAE,QAAQ,CAAC,CAAC;AACf,CAAC,CAAC"}

package/utils/htmlReactParser.d.ts

@@ -0,0 +1,2 @@
+import domToReactLib from 'html-react-parser/lib/dom-to-react';
+export declare const htmlReactParser: (html: string) => ReturnType<typeof domToReactLib>;

package/utils/htmlReactParser.js

@@ -0,0 +1,14 @@
+import htmlDomParser from 'html-dom-parser';
+import domToReactLib from 'html-react-parser/lib/dom-to-react';
+export const htmlReactParser = (html) => {
+    if (typeof html !== 'string') {
+        throw new TypeError('First argument must be a string');
+    }
+    if (!html) {
+        return [];
+    }
+    const htmlToDOM = typeof htmlDomParser.default === 'function' ? htmlDomParser.default : htmlDomParser;
+    const domToReact = typeof domToReactLib.default === 'function' ? domToReactLib.default : domToReactLib;
+    return domToReact(htmlToDOM(html));
+};
+//# sourceMappingURL=htmlReactParser.js.map

package/utils/htmlReactParser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"htmlReactParser.js","sourceRoot":"","sources":["../../src/utils/htmlReactParser.ts"],"names":[],"mappings":"AAMA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,aAAa,MAAM,oCAAoC,CAAC;AAE/D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAY,EAAoC,EAAE;IAChF,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,MAAM,IAAI,SAAS,CAAC,iCAAiC,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;IACZ,CAAC;IAID,MAAM,SAAS,GAAG,OAAO,aAAa,CAAC,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;IAEtG,MAAM,UAAU,GAAG,OAAO,aAAa,CAAC,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;IAEvG,OAAO,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AACrC,CAAC,CAAC"}

package/utils/index.d.ts

@@ -0,0 +1,13 @@
+export * from './assert';
+export * from './classname';
+export * from './colorObjectGenerators';
+export * from './compose';
+export * from './debounce';
+export * from './delayedCallback';
+export * from './htmlReactParser';
+export * from './mergeStyleProps';
+export * from './responsive';
+export * from './ssr';
+export * from './string';
+export * from './stylePropsClassesGenerator';
+export * from './toPascalCase';

package/utils/index.js

@@ -0,0 +1,14 @@
+export * from "./assert.js";
+export * from "./classname.js";
+export * from "./colorObjectGenerators.js";
+export * from "./compose.js";
+export * from "./debounce.js";
+export * from "./delayedCallback.js";
+export * from "./htmlReactParser.js";
+export * from "./mergeStyleProps.js";
+export * from "./responsive.js";
+export * from "./ssr.js";
+export * from "./string.js";
+export * from "./stylePropsClassesGenerator.js";
+export * from "./toPascalCase.js";
+//# sourceMappingURL=index.js.map

package/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC;AACxC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gBAAgB,CAAC"}

package/utils/mergeStyleProps.d.ts

@@ -0,0 +1,18 @@
+import { type CSSProperties, type HTMLAttributes } from 'react';
+import { type ElementTypeProp } from '../types';
+type MergedStyleProps = {
+    className?: string;
+    UNSAFE_className?: string;
+    style?: CSSProperties;
+    UNSAFE_style?: CSSProperties;
+};
+type StylePropValue = string | HTMLAttributes<HTMLElement> | {
+    className?: string;
+    UNSAFE_className?: string;
+    style?: CSSProperties;
+    UNSAFE_style?: CSSProperties;
+    [key: string]: string | CSSProperties | unknown;
+} | unknown;
+type StyleProp = Record<string, StylePropValue>;
+export declare function mergeStyleProps(ElementTag: ElementTypeProp, styleProps: StyleProp): MergedStyleProps;
+export {};

package/utils/mergeStyleProps.js

@@ -0,0 +1,35 @@
+export function mergeStyleProps(ElementTag, styleProps) {
+    const isSpiritComponent = typeof ElementTag !== 'string' && !!(ElementTag === null || ElementTag === void 0 ? void 0 : ElementTag.spiritComponent);
+    const isNonNullableObject = (styleProp) => typeof styleProp === 'object' && styleProp !== null;
+    const extractClassNames = (styleProp) => {
+        if (typeof styleProp === 'string') {
+            return [styleProp];
+        }
+        if (isNonNullableObject(styleProp)) {
+            return [styleProp.className, styleProp.UNSAFE_className].filter(Boolean);
+        }
+        return [];
+    };
+    const extractCssVariables = (styleProp) => isNonNullableObject(styleProp)
+        ? Object.entries(styleProp)
+            .filter(([key]) => key.startsWith('--'))
+            .reduce((extractedCssVariable, [key, value]) => (Object.assign(Object.assign({}, extractedCssVariable), { [key]: value })), {})
+        : {};
+    const extractCssStylesAndVariables = (cssProperties, styleProp) => {
+        if (!isNonNullableObject(styleProp)) {
+            return cssProperties;
+        }
+        const typedStyleProp = styleProp;
+        const styles = typedStyleProp.style || typedStyleProp.UNSAFE_style || {};
+        const cssVariables = extractCssVariables(styleProp);
+        return Object.assign(Object.assign(Object.assign({}, cssProperties), styles), cssVariables);
+    };
+    const mergedClasses = Object.values(styleProps).flatMap(extractClassNames).filter(Boolean).join(' ');
+    const mergedStyles = Object.values(styleProps)
+        .filter(isNonNullableObject)
+        .reduce(extractCssStylesAndVariables, {});
+    return isSpiritComponent
+        ? { UNSAFE_className: mergedClasses, UNSAFE_style: mergedStyles }
+        : { className: mergedClasses, style: mergedStyles };
+}
+//# sourceMappingURL=mergeStyleProps.js.map

package/utils/mergeStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeStyleProps.js","sourceRoot":"","sources":["../../src/utils/mergeStyleProps.ts"],"names":[],"mappings":"AAiCA,MAAM,UAAU,eAAe,CAAC,UAA2B,EAAE,UAAqB;IAChF,MAAM,iBAAiB,GAAG,OAAO,UAAU,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,eAAe,CAAA,CAAC;IAE1F,MAAM,mBAAmB,GAAG,CAAC,SAAyB,EAA0B,EAAE,CAChF,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,IAAI,CAAC;IAGtD,MAAM,iBAAiB,GAAG,CAAC,SAAyB,EAAY,EAAE;QAChE,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,CAAC,SAAS,CAAC,CAAC;QACrB,CAAC;QAED,IAAI,mBAAmB,CAAC,SAAS,CAAC,EAAE,CAAC;YACnC,OAAO,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAa,CAAC;QACvF,CAAC;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAGF,MAAM,mBAAmB,GAAG,CAAC,SAAyB,EAA0B,EAAE,CAChF,mBAAmB,CAAC,SAAS,CAAC;QAC5B,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;aACtB,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;aACvC,MAAM,CAAC,CAAC,oBAAoB,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,iCAAM,oBAAoB,KAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAG,EAAE,EAAE,CAAC;QACpG,CAAC,CAAC,EAAE,CAAC;IAGT,MAAM,4BAA4B,GAAG,CAAC,aAA4B,EAAE,SAAyB,EAAE,EAAE;QAC/F,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,EAAE,CAAC;YACpC,OAAO,aAAa,CAAC;QACvB,CAAC;QAED,MAAM,cAAc,GAAG,SAAoE,CAAC;QAC5F,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,IAAI,cAAc,CAAC,YAAY,IAAI,EAAE,CAAC;QACzE,MAAM,YAAY,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;QAEpD,qDAAY,aAAa,GAAK,MAAM,GAAK,YAAY,EAAG;IAC1D,CAAC,CAAC;IAGF,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAGrG,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;SAC3C,MAAM,CAAC,mBAAmB,CAAC;SAC3B,MAAM,CAAC,4BAA4B,EAAE,EAAmB,CAAC,CAAC;IAE7D,OAAO,iBAAiB;QACtB,CAAC,CAAC,EAAE,gBAAgB,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE;QACjE,CAAC,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AACxD,CAAC"}

package/utils/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@alma-oss/spirit-web-react/utils",
+  "type": "module",
+  "main": "utils.cjs",
+  "module": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/utils/responsive.d.ts

@@ -0,0 +1,3 @@
+import type { Responsive } from '../types';
+export declare function isResponsive<T>(value: unknown): value is Responsive<T>;
+export declare function generateResponsiveClassNames<T extends string>(componentClass: string, value: T | Responsive<T> | undefined): string[];

package/utils/responsive.js

@@ -0,0 +1,23 @@
+export function isResponsive(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+export function generateResponsiveClassNames(componentClass, value) {
+    if (!value) {
+        return [];
+    }
+    if (isResponsive(value)) {
+        return Object.entries(value)
+            .map(([breakpoint, breakpointValue]) => {
+            if (breakpointValue === undefined) {
+                return '';
+            }
+            if (breakpoint === 'mobile') {
+                return `${componentClass}--${breakpointValue}`;
+            }
+            return `${componentClass}--${breakpoint}--${breakpointValue}`;
+        })
+            .filter((className) => className !== '');
+    }
+    return [`${componentClass}--${value}`];
+}
+//# sourceMappingURL=responsive.js.map

package/utils/responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.js","sourceRoot":"","sources":["../../src/utils/responsive.ts"],"names":[],"mappings":"AAQA,MAAM,UAAU,YAAY,CAAI,KAAc;IAC5C,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;AAC9E,CAAC;AASD,MAAM,UAAU,4BAA4B,CAC1C,cAAsB,EACtB,KAAoC;IAEpC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;aACzB,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,EAAE;YACrC,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;gBAClC,OAAO,EAAE,CAAC;YACZ,CAAC;YAED,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;gBAC5B,OAAO,GAAG,cAAc,KAAK,eAAe,EAAE,CAAC;YACjD,CAAC;YAED,OAAO,GAAG,cAAc,KAAK,UAAU,KAAK,eAAe,EAAE,CAAC;QAChE,CAAC,CAAC;aACD,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,CAAC,GAAG,cAAc,KAAK,KAAK,EAAE,CAAC,CAAC;AACzC,CAAC"}

package/utils/ssr.d.ts

@@ -0,0 +1 @@
+export declare const isSSR: boolean;

package/utils/ssr.js

@@ -0,0 +1,2 @@
+export const isSSR = typeof window === 'undefined';
+//# sourceMappingURL=ssr.js.map

package/utils/ssr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr.js","sourceRoot":"","sources":["../../src/utils/ssr.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,KAAK,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC"}

package/utils/string.d.ts

@@ -0,0 +1,4 @@
+export declare const camelCaseToKebabCase: (input: string) => string;
+export declare const kebabCaseToCamelCase: (input: string) => string;
+export declare const kebabCaseToCamelCaseValues: (input: Record<string, string>) => Record<string, string>;
+export declare const stringOrObjectKebabCaseToCamelCase: (input: string | Record<string, string>) => string | Record<string, string>;