@vibe/core 3.78.0 → 3.80.0

package/dist/mocked_classnames/components/Clickable/ClickableWrapper.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../types";
-import { type ClickableProps } from "./Clickable";
-export interface ClickableWrapperProps extends VibeComponentProps {
-    /**
-     * The content inside the wrapper.
-     */
-    children: React.ReactNode;
-    /**
-     * If true, wraps the content in a `Clickable` component.
-     */
-    isClickable: boolean;
-    /**
-     * Props passed to the `Clickable` component.
-     */
-    clickableProps: ClickableProps;
-}
-declare const ClickableWrapper: React.ForwardRefExoticComponent<ClickableWrapperProps & React.RefAttributes<HTMLElement>>;
-export default ClickableWrapper;

package/dist/mocked_classnames/components/Clickable/index.d.ts

@@ -1 +0,0 @@
-export { default as Clickable, type ClickableProps } from "./Clickable";

package/dist/mocked_classnames/components/Flex/Flex.d.ts

@@ -1,69 +0,0 @@
-import React from "react";
-import { FlexAlign as FlexAlignEnum, FlexDirection as FlexDirectionEnum, FlexGap as FlexGapEnum, FlexJustify as FlexJustifyEnum } from "./FlexConstants";
-import { type FlexDirection, type FlexJustify, type FlexAlign, type FlexGap, type FlexShorthand } from "./Flex.types";
-import { type ElementContent, type VibeComponentProps } from "../../types";
-export interface FlexProps extends VibeComponentProps {
-    /**
-     * Inline styles applied to the flex container.
-     */
-    style?: object;
-    /**
-     * The direction of the flex container.
-     */
-    direction?: FlexDirection;
-    /**
-     * The HTML element or component used as the root.
-     */
-    elementType?: React.ElementType;
-    /**
-     * If true, allows wrapping of flex items.
-     */
-    wrap?: boolean;
-    /**
-     * The content inside the flex container.
-     */
-    children?: ElementContent | ElementContent[];
-    /**
-     * Defines how flex items are aligned along the main axis.
-     */
-    justify?: FlexJustify;
-    /**
-     * Defines how flex items are aligned along the cross axis.
-     */
-    align?: FlexAlign;
-    /**
-     * The gap between flex items.
-     */
-    gap?: FlexGap | number;
-    /**
-     * The flex shorthand of the flex container.
-     */
-    flex?: FlexShorthand;
-    /**
-     * The label of the flex container for accessibility.
-     */
-    ariaLabel?: string;
-    /**
-     * The tab order of the element.
-     */
-    tabIndex?: number;
-    /**
-     * Callback fired when the flex container is clicked.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * Callback fired when the mouse button is pressed on the flex container.
-     */
-    onMouseDown?: (event: React.MouseEvent) => void;
-    /**
-     * ID of the element describing the flex container.
-     */
-    ariaLabelledby?: string;
-}
-declare const _default: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>> & {
-    justify: typeof FlexJustifyEnum;
-    align: typeof FlexAlignEnum;
-    gaps: typeof FlexGapEnum;
-    directions: typeof FlexDirectionEnum;
-};
-export default _default;

package/dist/mocked_classnames/components/Flex/Flex.types.d.ts

@@ -1,10 +0,0 @@
-import type { CSSProperties } from "react";
-export type FlexAlign = "start" | "center" | "end" | "stretch" | "baseline" | "initial";
-export type FlexJustify = "start" | "center" | "end" | "stretch" | "space-around" | "space-between" | "initial";
-export type FlexGap = "xs" | "small" | "medium" | "large";
-export type FlexDirection = "row" | "column";
-export type FlexShorthand = CSSProperties["flex"] | {
-    grow?: CSSProperties["flexGrow"];
-    shrink?: CSSProperties["flexShrink"];
-    basis?: CSSProperties["flexBasis"];
-};

package/dist/mocked_classnames/components/Flex/FlexConstants.d.ts

@@ -1,39 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum FlexAlign {
-    START = "start",
-    CENTER = "center",
-    END = "end",
-    STRETCH = "stretch",
-    BASELINE = "baseline",
-    INITIAL = "initial"
-}
-/**
- * @deprecated
- */
-export declare enum FlexJustify {
-    START = "start",
-    CENTER = "center",
-    END = "end",
-    STRETCH = "stretch",
-    SPACE_AROUND = "space-around",
-    SPACE_BETWEEN = "space-between",
-    INITIAL = "initial"
-}
-/**
- * @deprecated
- */
-export declare enum FlexGap {
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large"
-}
-/**
- * @deprecated
- */
-export declare enum FlexDirection {
-    ROW = "row",
-    COLUMN = "column"
-}

package/dist/mocked_classnames/components/Flex/index.d.ts

@@ -1 +0,0 @@
-export { default as Flex, type FlexProps } from "./Flex";

package/dist/mocked_classnames/hooks/useClickableProps/useClickableProps.d.ts

@@ -1,21 +0,0 @@
-import type React from "react";
-import { type ClickableProps } from "../../components/Clickable/Clickable";
-/**
- * Return props for adding clickable functionality to the element except for the styles and classNames
- */
-export default function useClickableProps({ onClick, onMouseDown, onMouseEnter, onMouseLeave, disabled, id, "data-testid": dataTestId, role, tabIndex, ariaLabel, ariaHidden, ariaHasPopup, ariaExpanded }: ClickableProps, ref: React.ForwardedRef<HTMLElement>): {
-    ref: React.RefObject<HTMLElement>;
-    id: string;
-    "data-testid": string;
-    onClick: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
-    onKeyDown: (e: React.KeyboardEvent<Element>) => void;
-    onMouseDown: (event: React.MouseEvent<Element, MouseEvent>) => void;
-    onMouseEnter: (event: React.MouseEvent<Element, MouseEvent>) => void;
-    onMouseLeave: (event: React.MouseEvent<Element, MouseEvent>) => void;
-    tabIndex: number;
-    role: React.AriaRole;
-    "aria-label": string;
-    "aria-hidden": boolean;
-    "aria-haspopup": boolean;
-    "aria-expanded": boolean;
-};

package/dist/mocked_classnames/hooks/useKeyboardButtonPressedFunc.d.ts

@@ -1,2 +0,0 @@
-import type React from "react";
-export declare function useKeyboardButtonPressedFunc(onClick: (event: React.KeyboardEvent) => void): (e: React.KeyboardEvent) => void;

package/dist/mocked_classnames/src/components/Box/Box.js

@@ -1,2 +0,0 @@
-import{defineProperty as r,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as s}from"../../../_virtual/_tslib.js";import o,{forwardRef as e,useRef as a}from"react";import{camelCase as i}from"es-toolkit";import n from"classnames";import d from"../../hooks/useMergeRef.js";import{BorderColor as l,Rounded as m,Shadow as p,Margin as c,MarginX as f,MarginY as u,MarginTop as g,MarginEnd as b,MarginBottom as y,MarginStart as j,Padding as v,PaddingX as B,PaddingY as h,PaddingTop as x,PaddingEnd as C,PaddingBottom as k,PaddingStart as T,BackgroundColor as _,BoxTextColor as E,SizePrefixMapping as N}from"./BoxConstants.js";import{withStaticProps as P}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import S from"./Box.module.scss.js";import{getTestId as X}from"../../tests/testIds.js";import{ComponentDefaultTestId as w}from"../../tests/constants.js";var O=P(e((function(e,l){var m=e.className,p=e.id,c=e.elementType,f=void 0===c?"div":c,u=e.children,g=e.disabled,b=e.border,y=e.scrollable,j=e.style,v=e["data-testid"],B=s(e,["className","id","elementType","children","disabled","border","scrollable","style","data-testid"]),h=a(null),x=d(l,h);return o.createElement(f,{"data-testid":v||X(w.BOX,p),ref:x,className:n.apply(void 0,[S.box,m,r(r(r({},S.opacityDisabled,g),S.scrollable,y),S.border,b)].concat(t(function(r,t){return Object.keys(t).filter((function(r){return t[r]})).map((function(s){var o=t[s],e=N[s];return e&&"string"==typeof o?r[i("".concat(e,"-").concat(o))]:r[o]})).filter(Boolean)}(S,B)))),id:p,style:j},u)})),{borderColors:l,roundeds:m,shadows:p,margins:c,marginXs:f,marginYs:u,marginTops:g,marginEnds:b,marginBottoms:y,marginStarts:j,paddings:v,paddingXs:B,paddingYs:h,paddingTops:x,paddingEnds:C,paddingBottoms:k,paddingStarts:T,backgroundColors:_,textColors:E});export{O as default};
-//# sourceMappingURL=Box.js.map

package/dist/mocked_classnames/src/components/Box/Box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.js","sources":["../../../../../src/components/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport {\n  BackgroundColor as BackgroundColorEnum,\n  BorderColor as BorderColorEnum,\n  BoxTextColor as BoxTextColorEnum,\n  Margin as MarginEnum,\n  MarginBottom as MarginBottomEnum,\n  MarginEnd as MarginEndEnum,\n  MarginStart as MarginStartEnum,\n  MarginTop as MarginTopEnum,\n  MarginX as MarginXEnum,\n  MarginY as MarginYEnum,\n  Padding as PaddingEnum,\n  PaddingBottom as PaddingBottomEnum,\n  PaddingEnd as PaddingEndEnum,\n  PaddingStart as PaddingStartEnum,\n  PaddingTop as PaddingTopEnum,\n  PaddingX as PaddingXEnum,\n  PaddingY as PaddingYEnum,\n  Rounded as RoundedEnum,\n  Shadow as ShadowEnum,\n  SizePrefixMapping\n} from \"./BoxConstants\";\nimport {\n  type BackgroundColor,\n  type BorderColor,\n  type BaseBoxSize,\n  type BoxSize,\n  type BoxTextColor,\n  type RoundedSize,\n  type Shadow\n} from \"./Box.types\";\nimport { type VibeComponentProps, withStaticProps, type ElementContent } from \"../../types\";\nimport styles from \"./Box.module.scss\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\n\nexport interface BoxProps extends VibeComponentProps {\n  /**\n   * The HTML element or custom component used as the root.\n   */\n  elementType?: keyof JSX.IntrinsicElements | string;\n  /**\n   * The content inside the box.\n   */\n  children?: ElementContent;\n  /**\n   * If true, the box is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, applies a border to the box.\n   */\n  border?: boolean;\n  /**\n   * The color of the border.\n   */\n  borderColor?: BorderColor;\n  /**\n   * The border radius of the box.\n   */\n  rounded?: RoundedSize;\n  /**\n   * The shadow style applied to the box.\n   */\n  shadow?: Shadow;\n  /**\n   * The margin applied to all sides.\n   */\n  margin?: BoxSize;\n  /**\n   * The horizontal margin.\n   */\n  marginX?: BoxSize;\n  /**\n   * The vertical margin.\n   */\n  marginY?: BoxSize;\n  /**\n   * The top margin.\n   */\n  marginTop?: BoxSize;\n  /**\n   * The end (right in LTR, left in RTL) margin.\n   */\n  marginEnd?: BoxSize;\n  /**\n   * The bottom margin.\n   */\n  marginBottom?: BaseBoxSize;\n  /**\n   * The start (left in LTR, right in RTL) margin.\n   */\n  marginStart?: BaseBoxSize;\n  /**\n   * The padding applied to all sides.\n   */\n  padding?: BaseBoxSize;\n  /**\n   * The horizontal padding.\n   */\n  paddingX?: BaseBoxSize;\n  /**\n   * The vertical padding.\n   */\n  paddingY?: BaseBoxSize;\n  /**\n   * The top padding.\n   */\n  paddingTop?: BaseBoxSize;\n  /**\n   * The end (right in LTR, left in RTL) padding.\n   */\n  paddingEnd?: BaseBoxSize;\n  /**\n   * The bottom padding.\n   */\n  paddingBottom?: BaseBoxSize;\n  /**\n   * The start (left in LTR, right in RTL) padding.\n   */\n  paddingStart?: BaseBoxSize;\n  /**\n   * The background color of the box.\n   */\n  backgroundColor?: BackgroundColor;\n  /**\n   * The text color inside the box.\n   */\n  textColor?: BoxTextColor;\n  /**\n   * If true, the box content is scrollable.\n   */\n  scrollable?: boolean;\n  /**\n   * Inline styles applied to the box.\n   */\n  style?: React.CSSProperties;\n}\n\nconst Box = forwardRef(\n  (\n    {\n      className,\n      id,\n      elementType = \"div\",\n      children,\n      disabled,\n      border,\n      scrollable,\n      style,\n      \"data-testid\": dataTestId,\n      ...props\n    }: BoxProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const getClassNames = (styles: Record<string, string>, props: Record<string, any | undefined>) => {\n      return Object.keys(props)\n        .filter(prop => props[prop])\n        .map(prop => {\n          const value = props[prop];\n          const prefix = SizePrefixMapping[prop as keyof typeof SizePrefixMapping];\n          return prefix && typeof value === \"string\" ? styles[camelCase(`${prefix}-${value}`)] : styles[value];\n        })\n        .filter(Boolean);\n    };\n\n    return React.createElement(\n      elementType,\n      {\n        \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.BOX, id),\n        ref: mergedRef,\n        className: cx(\n          styles.box,\n          className,\n          { [styles.opacityDisabled]: disabled, [styles.scrollable]: scrollable, [styles.border]: border },\n          ...getClassNames(styles, props)\n        ),\n        id: id,\n        style\n      },\n      children\n    );\n  }\n);\n\ninterface BoxStaticProps {\n  borderColors: typeof BorderColorEnum;\n  roundeds: typeof RoundedEnum;\n  shadows: typeof ShadowEnum;\n  margins: typeof MarginEnum;\n  marginXs: typeof MarginXEnum;\n  marginYs: typeof MarginYEnum;\n  marginTops: typeof MarginTopEnum;\n  marginEnds: typeof MarginEndEnum;\n  marginBottoms: typeof MarginBottomEnum;\n  marginStarts: typeof MarginStartEnum;\n  paddings: typeof PaddingEnum;\n  paddingXs: typeof PaddingXEnum;\n  paddingYs: typeof PaddingYEnum;\n  paddingTops: typeof PaddingTopEnum;\n  paddingEnds: typeof PaddingEndEnum;\n  paddingBottoms: typeof PaddingBottomEnum;\n  paddingStarts: typeof PaddingStartEnum;\n  backgroundColors: typeof BackgroundColorEnum;\n  textColors: typeof BoxTextColorEnum;\n}\n\nexport default withStaticProps<BoxProps, BoxStaticProps>(Box, {\n  borderColors: BorderColorEnum,\n  roundeds: RoundedEnum,\n  shadows: ShadowEnum,\n  margins: MarginEnum,\n  marginXs: MarginXEnum,\n  marginYs: MarginYEnum,\n  marginTops: MarginTopEnum,\n  marginEnds: MarginEndEnum,\n  marginBottoms: MarginBottomEnum,\n  marginStarts: MarginStartEnum,\n  paddings: PaddingEnum,\n  paddingXs: PaddingXEnum,\n  paddingYs: PaddingYEnum,\n  paddingTops: PaddingTopEnum,\n  paddingEnds: PaddingEndEnum,\n  paddingBottoms: PaddingBottomEnum,\n  paddingStarts: PaddingStartEnum,\n  backgroundColors: BackgroundColorEnum,\n  textColors: BoxTextColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","id","_a$elementType","elementType","children","disabled","border","scrollable","style","dataTestId","props","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","getTestId","ComponentDefaultTestId","BOX","cx","apply","styles","box","_defineProperty","opacityDisabled","concat","_toConsumableArray","Object","keys","filter","prop","map","value","prefix","SizePrefixMapping","camelCase","Boolean","getClassNames","borderColors","BorderColorEnum","roundeds","RoundedEnum","shadows","ShadowEnum","margins","MarginEnum","marginXs","MarginXEnum","marginYs","MarginYEnum","marginTops","MarginTopEnum","marginEnds","MarginEndEnum","marginBottoms","MarginBottomEnum","marginStarts","MarginStartEnum","paddings","PaddingEnum","paddingXs","PaddingXEnum","paddingYs","PaddingYEnum","paddingTops","PaddingTopEnum","paddingEnds","PaddingEndEnum","paddingBottoms","PaddingBottomEnum","paddingStarts","PaddingStartEnum","backgroundColors","BackgroundColorEnum","textColors","BoxTextColorEnum"],"mappings":"s5BA+IA,IAuEeA,EAAAA,EAvEHC,GACV,SACEC,EAYAC,OAXEC,EAQyBF,EARzBE,UACAC,EAOyBH,EAPzBG,GAAEC,EAOuBJ,EANzBK,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EACnBE,EAKyBN,EALzBM,SACAC,EAIyBP,EAJzBO,SACAC,EAGyBR,EAHzBQ,OACAC,EAEyBT,EAFzBS,WACAC,EACyBV,EADzBU,MACeC,EAAUX,EAAzB,eACGY,EAVLC,EAAAb,EAAA,CAAA,YAAA,KAAA,cAAA,WAAA,WAAA,SAAA,aAAA,QAAA,gBAcMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAanC,OAAOI,EAAMC,cACXd,EACA,CACE,cAAeM,GAAcS,EAAUC,EAAuBC,IAAKnB,GACnEF,IAAKe,EACLd,UAAWqB,EAAEC,cACXC,EAAOC,IACPxB,EAASyB,EAAAA,EAAAA,KACNF,EAAOG,gBAAkBrB,GAAWkB,EAAOhB,WAAaA,GAAagB,EAAOjB,OAASA,IAAMqB,OAAAC,EAnB9E,SAACL,EAAgCb,GACrD,OAAOmB,OAAOC,KAAKpB,GAChBqB,QAAO,SAAAC,GAAI,OAAItB,EAAMsB,EAAK,IAC1BC,KAAI,SAAAD,GACH,IAAME,EAAQxB,EAAMsB,GACdG,EAASC,EAAkBJ,GACjC,OAAOG,GAA2B,iBAAVD,EAAqBX,EAAOc,EAASV,GAAAA,OAAIQ,EAAM,KAAAR,OAAIO,KAAYX,EAAOW,EAChG,IACCH,OAAOO,SAYHC,CAAchB,EAAQb,MAE3BT,GAAIA,EACJO,MAAAA,GAEFJ,EAEJ,IAyB4D,CAC5DoC,aAAcC,EACdC,SAAUC,EACVC,QAASC,EACTC,QAASC,EACTC,SAAUC,EACVC,SAAUC,EACVC,WAAYC,EACZC,WAAYC,EACZC,cAAeC,EACfC,aAAcC,EACdC,SAAUC,EACVC,UAAWC,EACXC,UAAWC,EACXC,YAAaC,EACbC,YAAaC,EACbC,eAAgBC,EAChBC,cAAeC,EACfC,iBAAkBC,EAClBC,WAAYC"}

package/dist/mocked_classnames/src/components/Box/Box.module.scss.js

@@ -1,2 +0,0 @@
-var n={box:"box",scrollable:"scrollable",opacityDisabled:"opacityDisabled",border:"border",borderColorUiBorderColor:"borderColorUiBorderColor",borderColorLayoutBorderColor:"borderColorLayoutBorderColor",rounded0:"rounded0",roundedSmall:"roundedSmall",roundedMedium:"roundedMedium",roundedBig:"roundedBig",shadowXs:"shadowXs",shadowSmall:"shadowSmall",shadowMedium:"shadowMedium",shadowLarge:"shadowLarge",m0:"m0",mXs:"mXs",mSmall:"mSmall",mMedium:"mMedium",mLarge:"mLarge",mXl:"mXl",mXxl:"mXxl",mXxxl:"mXxxl",mAuto:"mAuto",mx0:"mx0",mxXs:"mxXs",mxSmall:"mxSmall",mxMedium:"mxMedium",mxLarge:"mxLarge",mxXl:"mxXl",mxXxl:"mxXxl",mxXxxl:"mxXxxl",mxAuto:"mxAuto",my0:"my0",myXs:"myXs",mySmall:"mySmall",myMedium:"myMedium",myLarge:"myLarge",myXl:"myXl",myXxl:"myXxl",myXxxl:"myXxxl",myAuto:"myAuto",mt0:"mt0",mtXs:"mtXs",mtSmall:"mtSmall",mtMedium:"mtMedium",mtLarge:"mtLarge",mtXl:"mtXl",mtXxl:"mtXxl",mtXxxl:"mtXxxl",mtAuto:"mtAuto",me0:"me0",meXs:"meXs",meSmall:"meSmall",meMedium:"meMedium",meLarge:"meLarge",meXl:"meXl",meXxl:"meXxl",meXxxl:"meXxxl",meAuto:"meAuto",mb0:"mb0",mbXs:"mbXs",mbSmall:"mbSmall",mbMedium:"mbMedium",mbLarge:"mbLarge",mbXl:"mbXl",mbXxl:"mbXxl",mbXxxl:"mbXxxl",mbAuto:"mbAuto",ms0:"ms0",msXs:"msXs",msSmall:"msSmall",msMedium:"msMedium",msLarge:"msLarge",msXl:"msXl",msXxl:"msXxl",msXxxl:"msXxxl",msAuto:"msAuto",p0:"p0",pXs:"pXs",pSmall:"pSmall",pMedium:"pMedium",pLarge:"pLarge",pXl:"pXl",pXxl:"pXxl",pXxxl:"pXxxl",px0:"px0",pxXs:"pxXs",pxSmall:"pxSmall",pxMedium:"pxMedium",pxLarge:"pxLarge",pxXl:"pxXl",pxXxl:"pxXxl",pxXxxl:"pxXxxl",py0:"py0",pyXs:"pyXs",pySmall:"pySmall",pyMedium:"pyMedium",pyLarge:"pyLarge",pyXl:"pyXl",pyXxl:"pyXxl",pyXxxl:"pyXxxl",pt0:"pt0",ptXs:"ptXs",ptSmall:"ptSmall",ptMedium:"ptMedium",ptLarge:"ptLarge",ptXl:"ptXl",ptXxl:"ptXxl",ptXxxl:"ptXxxl",pe0:"pe0",peXs:"peXs",peSmall:"peSmall",peMedium:"peMedium",peLarge:"peLarge",peXl:"peXl",peXxl:"peXxl",peXxxl:"peXxxl",pb0:"pb0",pbXs:"pbXs",pbSmall:"pbSmall",pbMedium:"pbMedium",pbLarge:"pbLarge",pbXl:"pbXl",pbXxl:"pbXxl",pbXxxl:"pbXxxl",ps0:"ps0",psXs:"psXs",psSmall:"psSmall",psMedium:"psMedium",psLarge:"psLarge",psXl:"psXl",psXxl:"psXxl",psXxxl:"psXxxl",textPrimaryTextColor:"textPrimaryTextColor",textTextColorOnInverted:"textTextColorOnInverted",textSecondaryTextColor:"textSecondaryTextColor",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor",bgGreyBackgroundColor:"bgGreyBackgroundColor",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor",bgInvertedColorBackground:"bgInvertedColorBackground"};!function(n){const a="s_id-1ea68be2c9b7_3_77_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box {\n  overflow: hidden;\n}\n.box.scrollable {\n  overflow: auto;\n}\n.box.scrollable::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box.scrollable::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0 {\n  border-radius: 0 !important;\n}\n.roundedSmall {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0 {\n  margin: 0 !important;\n}\n.mXs {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall {\n  margin: var(--spacing-small) !important;\n}\n.mMedium {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge {\n  margin: var(--spacing-large) !important;\n}\n.mXl {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto {\n  margin: auto !important;\n}\n.mx0 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0 {\n  margin-top: 0 !important;\n}\n.mtXs {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto {\n  margin-top: auto !important;\n}\n.me0 {\n  margin-inline-end: 0 !important;\n}\n.meXs {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto {\n  margin-inline-end: auto !important;\n}\n.mb0 {\n  margin-bottom: 0 !important;\n}\n.mbXs {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto {\n  margin-bottom: auto !important;\n}\n.ms0 {\n  margin-inline-start: 0 !important;\n}\n.msXs {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto {\n  margin-inline-start: auto !important;\n}\n.p0 {\n  padding: 0 !important;\n}\n.pXs {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall {\n  padding: var(--spacing-small) !important;\n}\n.pMedium {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge {\n  padding: var(--spacing-large) !important;\n}\n.pXl {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0 {\n  padding-top: 0 !important;\n}\n.ptXs {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0 {\n  padding-inline-end: 0 !important;\n}\n.peXs {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0 {\n  padding-bottom: 0 !important;\n}\n.pbXs {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0 {\n  padding-inline-start: 0 !important;\n}\n.psXs {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
-//# sourceMappingURL=Box.module.scss.js.map

package/dist/mocked_classnames/src/components/Box/BoxConstants.js

@@ -1,2 +0,0 @@
-var l,x,L,X,o,a,n,r,m,i,e,d,u,t,A,M,E,R,g,O,s;!function(l){l.DISABLED="opacityDisabled"}(l||(l={})),function(l){l.DEFAULT="border"}(x||(x={})),function(l){l.UI_BORDER_COLOR="uiBorderColor",l.LAYOUT_BORDER_COLOR="layoutBorderColor"}(L||(L={})),function(l){l.SMALL="small",l.MEDIUM="medium",l.BIG="big"}(X||(X={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large"}(o||(o={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(a||(a={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(n||(n={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(r||(r={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(m||(m={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(i||(i={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(e||(e={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(d||(d={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(u||(u={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(t||(t={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(A||(A={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(M||(M={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(E||(E={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(R||(R={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(g||(g={})),function(l){l.PRIMARY_BACKGROUND_COLOR="primaryBackgroundColor",l.SECONDARY_BACKGROUND_COLOR="secondaryBackgroundColor",l.GREY_BACKGROUND_COLOR="greyBackgroundColor",l.ALL_GREY_BACKGROUND_COLOR="allgreyBackgroundColor",l.INVERTED_COLOR_BACKGROUND="invertedColorBackground"}(O||(O={})),function(l){l.PRIMARY_TEXT_COLOR="primaryTextColor",l.TEXT_COLOR_ON_INVERTED="textColorOnInverted",l.SECONDARY_TEXT_COLOR="secondaryTextColor"}(s||(s={}));var S={margin:"m",marginX:"mx",marginY:"my",marginTop:"mt",marginEnd:"me",marginBottom:"mb",marginStart:"ms",padding:"p",paddingX:"px",paddingY:"py",paddingTop:"pt",paddingEnd:"pe",paddingBottom:"pb",paddingStart:"ps",shadow:"shadow",rounded:"rounded",borderColor:"borderColor",backgroundColor:"bg",textColor:"text"};export{O as BackgroundColor,x as Border,L as BorderColor,s as BoxTextColor,l as Disabled,a as Margin,e as MarginBottom,i as MarginEnd,d as MarginStart,m as MarginTop,n as MarginX,r as MarginY,u as Padding,R as PaddingBottom,E as PaddingEnd,g as PaddingStart,M as PaddingTop,t as PaddingX,A as PaddingY,X as Rounded,o as Shadow,S as SizePrefixMapping};
-//# sourceMappingURL=BoxConstants.js.map

package/dist/mocked_classnames/src/components/Box/BoxConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoxConstants.js","sources":["../../../../../src/components/Box/BoxConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum Disabled {\n  DISABLED = \"opacityDisabled\"\n}\n\n/**\n * @deprecated\n */\nexport enum Border {\n  DEFAULT = \"border\"\n}\n\n/**\n * @deprecated\n */\nexport enum BorderColor {\n  UI_BORDER_COLOR = \"uiBorderColor\",\n  LAYOUT_BORDER_COLOR = \"layoutBorderColor\"\n}\n\n/**\n * @deprecated\n */\nexport enum Rounded {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  BIG = \"big\"\n}\n\n/**\n * @deprecated\n */\nexport enum Shadow {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\"\n}\n\n/**\n * @deprecated\n */\nexport enum Margin {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginX {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginY {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginTop {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginEnd {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginBottom {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginStart {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum Padding {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingX {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingY {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingTop {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingEnd {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingBottom {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingStart {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum BackgroundColor {\n  PRIMARY_BACKGROUND_COLOR = \"primaryBackgroundColor\",\n  SECONDARY_BACKGROUND_COLOR = \"secondaryBackgroundColor\",\n  GREY_BACKGROUND_COLOR = \"greyBackgroundColor\",\n  ALL_GREY_BACKGROUND_COLOR = \"allgreyBackgroundColor\",\n  INVERTED_COLOR_BACKGROUND = \"invertedColorBackground\"\n}\n\n/**\n * @deprecated\n */\nexport enum BoxTextColor {\n  PRIMARY_TEXT_COLOR = \"primaryTextColor\",\n  TEXT_COLOR_ON_INVERTED = \"textColorOnInverted\",\n  SECONDARY_TEXT_COLOR = \"secondaryTextColor\"\n}\n\nexport const SizePrefixMapping = {\n  margin: \"m\",\n  marginX: \"mx\",\n  marginY: \"my\",\n  marginTop: \"mt\",\n  marginEnd: \"me\",\n  marginBottom: \"mb\",\n  marginStart: \"ms\",\n  padding: \"p\",\n  paddingX: \"px\",\n  paddingY: \"py\",\n  paddingTop: \"pt\",\n  paddingEnd: \"pe\",\n  paddingBottom: \"pb\",\n  paddingStart: \"ps\",\n  shadow: \"shadow\",\n  rounded: \"rounded\",\n  borderColor: \"borderColor\",\n  backgroundColor: \"bg\",\n  textColor: \"text\"\n};\n"],"names":["Disabled","Border","BorderColor","Rounded","Shadow","Margin","MarginX","MarginY","MarginTop","MarginEnd","MarginBottom","MarginStart","Padding","PaddingX","PaddingY","PaddingTop","PaddingEnd","PaddingBottom","PaddingStart","BackgroundColor","BoxTextColor","SizePrefixMapping","margin","marginX","marginY","marginTop","marginEnd","marginBottom","marginStart","padding","paddingX","paddingY","paddingTop","paddingEnd","paddingBottom","paddingStart","shadow","rounded","borderColor","backgroundColor","textColor"],"mappings":"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"}

package/dist/mocked_classnames/src/components/Clickable/Clickable.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a from"classnames";import o,{forwardRef as i}from"react";import{noop as s}from"es-toolkit";import r from"../../hooks/useClickableProps/useClickableProps.js";import d from"./Clickable.module.scss.js";var l=i((function(i,l){var t=i.elementType,n=void 0===t?"div":t,c=i.className,p=void 0===c?"":c,m=i.children,u=i.role,b=i.onClick,v=i.enableTextSelection,f=void 0!==v&&v,k=i.onMouseDown,x=i.onMouseEnter,M=i.onMouseLeave,P=i.tabIndex,j=i.disabled,C=void 0!==j&&j,E=i.style,H=r({onClick:void 0===b?s:b,onMouseDown:void 0===k?s:k,onMouseEnter:void 0===x?s:x,onMouseLeave:void 0===M?s:M,disabled:C,id:i.id,"data-testid":i["data-testid"],role:void 0===u?"button":u,tabIndex:void 0===P?"0":P,ariaLabel:i.ariaLabel,ariaHidden:i.ariaHidden,ariaHasPopup:i.ariaHasPopup,ariaExpanded:i.ariaExpanded},l),y=a(d.clickable,p,e(e({},d.disabled,C),d.disableTextSelection,!f));return o.createElement(n,Object.assign(Object.assign({},H),{className:y,style:E}),m)}));export{l as default};
-//# sourceMappingURL=Clickable.js.map

package/dist/mocked_classnames/src/components/Clickable/Clickable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Clickable.js","sources":["../../../../../src/components/Clickable/Clickable.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type AriaRole, forwardRef } from \"react\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport { type VibeComponentProps } from \"../../types\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport styles from \"./Clickable.module.scss\";\n\nexport interface ClickableProps extends VibeComponentProps {\n  /**\n   * The HTML element or custom component used as the root.\n   */\n  elementType?: keyof JSX.IntrinsicElements | string;\n  /**\n   * The content inside the clickable element.\n   */\n  children?: React.ReactNode;\n  /**\n   * The ARIA role of the element.\n   */\n  role?: AriaRole;\n  /**\n   * Callback fired when the element is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n  /**\n   * If true, allows text selection inside the element.\n   */\n  enableTextSelection?: boolean;\n  /**\n   * Callback fired when the mouse button is pressed down on the element.\n   */\n  onMouseDown?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when the mouse enters the element.\n   */\n  onMouseEnter?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when the mouse leaves the element.\n   */\n  onMouseLeave?: (event: React.MouseEvent) => void;\n  /**\n   * The label of the element for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, hides the element from assistive technologies.\n   */\n  ariaHidden?: boolean;\n  // TODO: [breaking] remove string type\n  /**\n   * Indicates the presence of a popup associated with the element.\n   */\n  ariaHasPopup?: boolean | string;\n  /**\n   * If true, indicates that the associated popup is open.\n   */\n  ariaExpanded?: boolean;\n  // TODO: [breaking] remove string type\n  /**\n   * The tab order of the element.\n   */\n  tabIndex?: string | number;\n  /**\n   * If true, the element is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Inline styles applied to the element.\n   */\n  style?: React.CSSProperties;\n}\n\nconst Clickable = forwardRef(\n  (\n    {\n      elementType = \"div\",\n      className = \"\",\n      id,\n      children,\n      role = \"button\",\n      onClick = NOOP,\n      enableTextSelection = false,\n      onMouseDown = NOOP,\n      onMouseEnter = NOOP,\n      onMouseLeave = NOOP,\n      ariaLabel,\n      ariaHidden,\n      ariaHasPopup,\n      ariaExpanded,\n      tabIndex = \"0\",\n      disabled = false,\n      style,\n      \"data-testid\": dataTestId\n    }: ClickableProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const clickableProps = useClickableProps(\n      {\n        onClick,\n        onMouseDown,\n        onMouseEnter,\n        onMouseLeave,\n        disabled,\n        id,\n        \"data-testid\": dataTestId,\n        role,\n        tabIndex,\n        ariaLabel,\n        ariaHidden,\n        ariaHasPopup,\n        ariaExpanded\n      },\n      ref\n    );\n    const overrideClassName = cx(styles.clickable, className, {\n      [styles.disabled]: disabled,\n      [styles.disableTextSelection]: !enableTextSelection\n    });\n\n    return React.createElement(\n      elementType,\n      {\n        ...clickableProps,\n        className: overrideClassName,\n        style: style\n      },\n      children\n    );\n  }\n);\n\nexport default Clickable;\n"],"names":["Clickable","forwardRef","_ref","ref","_ref$elementType","elementType","_ref$className","className","children","_ref$role","role","_ref$onClick","onClick","_ref$enableTextSelect","enableTextSelection","_ref$onMouseDown","onMouseDown","_ref$onMouseEnter","onMouseEnter","_ref$onMouseLeave","onMouseLeave","_ref$tabIndex","tabIndex","_ref$disabled","disabled","style","clickableProps","useClickableProps","NOOP","id","ariaLabel","ariaHidden","ariaHasPopup","ariaExpanded","overrideClassName","cx","styles","clickable","_defineProperty","disableTextSelection","React","createElement","Object","assign"],"mappings":"8RAwEMA,IAAAA,EAAYC,GAChB,SAAAC,EAqBEC,GACE,IAAAC,EAAAF,EApBAG,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EAAAE,EAAAJ,EACnBK,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAEdE,EAAQN,EAARM,SAAQC,EAAAP,EACRQ,KAAeC,EAAAT,EACfU,QAAcC,EAAAX,EACdY,oBAAAA,OAAsB,IAAHD,GAAQA,EAAAE,EAAAb,EAC3Bc,YAAkBC,EAAAf,EAClBgB,aAAmBC,EAAAjB,EACnBkB,aAIYC,EAAAnB,EACZoB,SAAcC,EAAArB,EACdsB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAKvB,EAALuB,MAKIC,EAAiBC,EACrB,CACEf,aAlBQgB,IAAHjB,EAAGiB,EAAIjB,EAmBZK,iBAjBYY,IAAHb,EAAGa,EAAIb,EAkBhBG,kBAjBaU,IAAHX,EAAGW,EAAIX,EAkBjBG,kBAjBaQ,IAAHT,EAAGS,EAAIT,EAkBjBK,SAAAA,EACAK,GA1BA3B,EAAF2B,GA2BE,cAZuB3B,EAAzB,eAaEQ,UA1BK,IAAHD,EAAG,SAAQA,EA2Bba,cAjBS,IAAHD,EAAG,IAAGA,EAkBZS,UAtBO5B,EAAT4B,UAuBEC,WAtBQ7B,EAAV6B,WAuBEC,aAtBU9B,EAAZ8B,aAuBEC,aAtBU/B,EAAZ+B,cAwBA9B,GAEI+B,EAAoBC,EAAGC,EAAOC,UAAW9B,EAAS+B,EAAAA,EACrDF,CAAAA,EAAAA,EAAOZ,SAAWA,GAClBY,EAAOG,sBAAwBzB,IAGlC,OAAO0B,EAAMC,cACXpC,EAAWqC,OAAAC,OAAAD,OAAAC,OAAA,GAENjB,GACH,CAAAnB,UAAW2B,EACXT,MAAOA,IAETjB,EAEJ"}

package/dist/mocked_classnames/src/components/Clickable/Clickable.module.scss.js

@@ -1,2 +0,0 @@
-var e={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection"};!function(e){const n="s_id-8d33a9ee9e1f_3_77_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.clickable {\n  cursor: pointer;\n}\n.clickable:focus-visible, .clickable.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.clickable.disabled {\n  cursor: default;\n}\n.disableTextSelection {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}");export{e as default};
-//# sourceMappingURL=Clickable.module.scss.js.map

package/dist/mocked_classnames/src/components/Clickable/ClickableWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClickableWrapper.js","sources":["../../../../../src/components/Clickable/ClickableWrapper.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport Clickable from \"./Clickable\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type ClickableProps } from \"./Clickable\";\n\nexport interface ClickableWrapperProps extends VibeComponentProps {\n  /**\n   * The content inside the wrapper.\n   */\n  children: React.ReactNode;\n  /**\n   * If true, wraps the content in a `Clickable` component.\n   */\n  isClickable: boolean;\n  /**\n   * Props passed to the `Clickable` component.\n   */\n  clickableProps: ClickableProps;\n}\n\nconst ClickableWrapper = forwardRef(\n  (\n    { children, isClickable = true, clickableProps = {} }: ClickableWrapperProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    if (!isClickable) {\n      return <>{children}</>;\n    }\n\n    return (\n      <Clickable {...clickableProps} ref={ref}>\n        {children}\n      </Clickable>\n    );\n  }\n);\n\nexport default ClickableWrapper;\n"],"names":["ClickableWrapper","forwardRef","_ref","ref","children","_ref$isClickable","isClickable","_ref$clickableProps","clickableProps","React","createElement","Clickable","Object","assign","Fragment"],"mappings":"oEAoBMA,IAAAA,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAQC,EAAAH,EAAEI,YAAkBC,EAAAL,EAAEM,eAGhC,YAH0B,IAAHH,GAAOA,EAQ5BI,EAAAC,cAACC,EAASC,OAAAC,OAAA,CAAA,OARkC,IAAAN,EAAG,CAAA,EAAEA,EAQpB,CAAEJ,IAAKA,IACjCC,GALIK,EAAAC,cAAAD,EAAAK,SAAA,KAAGV,EAQd"}

package/dist/mocked_classnames/src/components/Flex/Flex.js

@@ -1,2 +0,0 @@
-import{typeof as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as i,useRef as a,useMemo as o}from"react";import s from"classnames";import n from"../../hooks/useMergeRef.js";import l from"../Clickable/Clickable.js";import{FlexJustify as c,FlexAlign as p,FlexGap as m,FlexDirection as f}from"./FlexConstants.js";import{withStaticProps as u}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as d}from"../../helpers/typesciptCssModulesHelper.js";import b from"./Flex.module.scss.js";import{camelCase as g}from"es-toolkit";var j=u(i((function(i,c){var p=i.className,m=i.id,f=i.elementType,u=void 0===f?"div":f,j=i.direction,y=void 0===j?"row":j,v=i.wrap,x=void 0!==v&&v,k=i.children,w=i.justify,h=void 0===w?"start":w,C=i.align,M=void 0===C?"center":C,O=i.flex,L=i.gap,P=i.onClick,B=i.onMouseDown,D=i.style,F=i.ariaLabelledby,H=i.ariaLabel,I=i.tabIndex,N=i["data-testid"],S=a(null),T=n(c,S),_=o((function(){if(L)return"number"==typeof L?{gap:"".concat(L,"px")}:{gap:"var(--spacing-".concat(L,")")}}),[L]),E=o((function(){return O?["string","number"].includes(e(O))?{flex:O}:"object"===e(O)?{flexGrow:O.grow,flexShrink:O.shrink,flexBasis:O.basis}:{}:{}}),[O]),G=o((function(){return Object.assign(Object.assign(Object.assign({},D),_),E)}),[D,_,E]),R=o((function(){return P?{elementType:u,ariaLabelledby:F}:{"aria-labelledby":F}}),[P,u,F]);return r.createElement(P?l:u,Object.assign({id:m,"data-testid":N},R,{ref:T,className:s(b.container,d(b,g("direction-".concat(y))),d(b,g("justify-".concat(h))),d(b,g("align-".concat(M))),p,t({},b.wrap,x)),tabIndex:I,onClick:P,onMouseDown:B,style:G,"aria-label":H}),k)})),{justify:c,align:p,gaps:m,directions:f});export{j as default};
-//# sourceMappingURL=Flex.js.map

package/dist/mocked_classnames/src/components/Flex/Flex.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Flex.js","sources":["../../../../../src/components/Flex/Flex.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport {\n  FlexAlign as FlexAlignEnum,\n  FlexDirection as FlexDirectionEnum,\n  FlexGap as FlexGapEnum,\n  FlexJustify as FlexJustifyEnum\n} from \"./FlexConstants\";\nimport { type FlexDirection, type FlexJustify, type FlexAlign, type FlexGap, type FlexShorthand } from \"./Flex.types\";\nimport { type ElementContent, withStaticProps, type VibeComponentProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Flex.module.scss\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface FlexProps extends VibeComponentProps {\n  /**\n   * Inline styles applied to the flex container.\n   */\n  style?: object;\n  /**\n   * The direction of the flex container.\n   */\n  direction?: FlexDirection;\n  /**\n   * The HTML element or component used as the root.\n   */\n  elementType?: React.ElementType;\n  /**\n   * If true, allows wrapping of flex items.\n   */\n  wrap?: boolean;\n  /**\n   * The content inside the flex container.\n   */\n  children?: ElementContent | ElementContent[];\n  /**\n   * Defines how flex items are aligned along the main axis.\n   */\n  justify?: FlexJustify;\n  /**\n   * Defines how flex items are aligned along the cross axis.\n   */\n  align?: FlexAlign;\n  /**\n   * The gap between flex items.\n   */\n  gap?: FlexGap | number;\n  /**\n   * The flex shorthand of the flex container.\n   */\n  flex?: FlexShorthand;\n  /**\n   * The label of the flex container for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The tab order of the element.\n   */\n  tabIndex?: number;\n  /**\n   * Callback fired when the flex container is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when the mouse button is pressed on the flex container.\n   */\n  onMouseDown?: (event: React.MouseEvent) => void;\n  /**\n   * ID of the element describing the flex container.\n   */\n  ariaLabelledby?: string;\n}\n\nconst Flex = forwardRef(\n  (\n    {\n      className,\n      id,\n      elementType = \"div\",\n      direction = \"row\",\n      wrap = false,\n      children,\n      justify = \"start\",\n      align = \"center\",\n      flex,\n      gap,\n      onClick,\n      onMouseDown,\n      style,\n      ariaLabelledby,\n      ariaLabel,\n      tabIndex,\n      \"data-testid\": dataTestId\n    }: FlexProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef<HTMLElement>(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const gapStyle = useMemo(() => {\n      if (!gap) {\n        return;\n      }\n      if (typeof gap === \"number\") {\n        return { gap: `${gap}px` };\n      }\n      return { gap: `var(--spacing-${gap})` };\n    }, [gap]);\n\n    const flexStyle = useMemo(() => {\n      if (!flex) return {};\n\n      if ([\"string\", \"number\"].includes(typeof flex)) {\n        return { flex };\n      }\n\n      if (typeof flex === \"object\") {\n        return {\n          flexGrow: flex.grow,\n          flexShrink: flex.shrink,\n          flexBasis: flex.basis\n        };\n      }\n\n      return {};\n    }, [flex]);\n\n    const overrideStyle = useMemo(() => ({ ...style, ...gapStyle, ...flexStyle }), [style, gapStyle, flexStyle]);\n    const onClickProps = useMemo(() => {\n      if (onClick) return { elementType, ariaLabelledby };\n      return { \"aria-labelledby\": ariaLabelledby };\n    }, [onClick, elementType, ariaLabelledby]);\n    const Element = onClick ? Clickable : elementType;\n\n    return (\n      <Element\n        id={id}\n        data-testid={dataTestId}\n        {...onClickProps}\n        ref={mergedRef}\n        className={cx(\n          styles.container,\n          getStyle(styles, camelCase(`direction-${direction}`)),\n          getStyle(styles, camelCase(`justify-${justify}`)),\n          getStyle(styles, camelCase(`align-${align}`)),\n          className,\n          {\n            [styles.wrap]: wrap\n          }\n        )}\n        tabIndex={tabIndex}\n        onClick={onClick}\n        onMouseDown={onMouseDown}\n        style={overrideStyle}\n        aria-label={ariaLabel}\n      >\n        {children}\n      </Element>\n    );\n  }\n);\n\ninterface FlexStaticProps {\n  justify: typeof FlexJustifyEnum;\n  align: typeof FlexAlignEnum;\n  gaps: typeof FlexGapEnum;\n  directions: typeof FlexDirectionEnum;\n}\n\nexport default withStaticProps<FlexProps, FlexStaticProps>(Flex, {\n  justify: FlexJustifyEnum,\n  align: FlexAlignEnum,\n  gaps: FlexGapEnum,\n  directions: FlexDirectionEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","_ref$elementType","elementType","_ref$direction","direction","_ref$wrap","wrap","children","_ref$justify","justify","_ref$align","align","flex","gap","onClick","onMouseDown","style","ariaLabelledby","ariaLabel","tabIndex","dataTestId","componentRef","useRef","mergedRef","useMergeRef","gapStyle","useMemo","concat","flexStyle","includes","_typeof","flexGrow","grow","flexShrink","shrink","flexBasis","basis","overrideStyle","Object","assign","onClickProps","React","createElement","Clickable","cx","styles","container","getStyle","camelCase","_defineProperty","FlexJustifyEnum","FlexAlignEnum","gaps","FlexGapEnum","directions","FlexDirectionEnum"],"mappings":"kmBA2EA,IAgGeA,EAAAA,EAhGFC,GACX,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACnBO,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,GAAQA,EACZE,EAAQV,EAARU,SAAQC,EAAAX,EACRY,QAAAA,OAAU,IAAHD,EAAG,QAAOA,EAAAE,EAAAb,EACjBc,MAAAA,OAAQ,IAAHD,EAAG,SAAQA,EAChBE,EAAIf,EAAJe,KACAC,EAAGhB,EAAHgB,IACAC,EAAOjB,EAAPiB,QACAC,EAAWlB,EAAXkB,YACAC,EAAKnB,EAALmB,MACAC,EAAcpB,EAAdoB,eACAC,EAASrB,EAATqB,UACAC,EAAQtB,EAARsB,SACeC,EAAUvB,EAAzB,eAIIwB,EAAeC,EAAoB,MACnCC,EAAYC,EAAY1B,EAAKuB,GAE7BI,EAAWC,GAAQ,WACvB,GAAKb,EAGL,MAAmB,iBAARA,EACF,CAAEA,IAAG,GAAAc,OAAKd,EAAG,OAEf,CAAEA,IAAG,iBAAAc,OAAmBd,EAAG,KACpC,GAAG,CAACA,IAEEe,EAAYF,GAAQ,WACxB,OAAKd,EAED,CAAC,SAAU,UAAUiB,SAAQC,EAAQlB,IAChC,CAAEA,KAAAA,GAGS,WAAhBkB,EAAOlB,GACF,CACLmB,SAAUnB,EAAKoB,KACfC,WAAYrB,EAAKsB,OACjBC,UAAWvB,EAAKwB,OAIb,GAdW,EAepB,GAAG,CAACxB,IAEEyB,EAAgBX,GAAQ,WAAA,OAAYY,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAvB,GAAUS,GAAaG,EAAY,GAAE,CAACZ,EAAOS,EAAUG,IAC3FY,EAAed,GAAQ,WAC3B,OAAIZ,EAAgB,CAAEZ,YAAAA,EAAae,eAAAA,GAC5B,CAAE,kBAAmBA,EAC7B,GAAE,CAACH,EAASZ,EAAae,IAG1B,OACEwB,EAAAC,cAHc5B,EAAU6B,EAAYzC,EAG5BoC,OAAAC,OAAA,CACNvC,GAAIA,EAAE,cACOoB,GACToB,EAAY,CAChB1C,IAAKyB,EACLxB,UAAW6C,EACTC,EAAOC,UACPC,EAASF,EAAQG,EAAS,aAAArB,OAAcvB,KACxC2C,EAASF,EAAQG,EAAS,WAAArB,OAAYlB,KACtCsC,EAASF,EAAQG,EAAS,SAAArB,OAAUhB,KACpCZ,EAASkD,EAAA,CAAA,EAENJ,EAAOvC,KAAOA,IAGnBa,SAAUA,EACVL,QAASA,EACTC,YAAaA,EACbC,MAAOqB,EAAa,aACRnB,IAEXX,EAGP,IAU+D,CAC/DE,QAASyC,EACTvC,MAAOwC,EACPC,KAAMC,EACNC,WAAYC"}

package/dist/mocked_classnames/src/components/Flex/Flex.module.scss.js

@@ -1,2 +0,0 @@
-var n={container:"container",justifyStart:"justifyStart",justifyEnd:"justifyEnd",justifyCenter:"justifyCenter",justifySpaceBetween:"justifySpaceBetween",justifySpaceAround:"justifySpaceAround",justifyInital:"justifyInital",alignStart:"alignStart",alignEnd:"alignEnd",alignCenter:"alignCenter",alignStretch:"alignStretch",alignBaseline:"alignBaseline",alignInitial:"alignInitial",directionColumn:"directionColumn",wrap:"wrap"};!function(n){const t="s_id-3ad7193e0a34_3_77_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".container {\n  display: flex;\n  flex-direction: row;\n}\n.container.justifyStart {\n  justify-content: flex-start;\n}\n.container.justifyEnd {\n  justify-content: flex-end;\n}\n.container.justifyCenter {\n  justify-content: center;\n}\n.container.justifySpaceBetween {\n  justify-content: space-between;\n}\n.container.justifySpaceAround {\n  justify-content: space-around;\n}\n.container.justifyInital {\n  justify-content: initial;\n}\n.container.alignStart {\n  align-items: flex-start;\n}\n.container.alignEnd {\n  align-items: flex-end;\n}\n.container.alignCenter {\n  align-items: center;\n}\n.container.alignStretch {\n  align-items: stretch;\n}\n.container.alignBaseline {\n  align-items: baseline;\n}\n.container.alignInitial {\n  align-items: initial;\n}\n.container.directionColumn {\n  flex-direction: column;\n}\n.container.wrap {\n  flex-wrap: wrap;\n}");export{n as default};
-//# sourceMappingURL=Flex.module.scss.js.map

package/dist/mocked_classnames/src/components/Flex/FlexConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FlexConstants.js","sources":["../../../../../src/components/Flex/FlexConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum FlexAlign {\n  START = \"start\",\n  CENTER = \"center\",\n  END = \"end\",\n  STRETCH = \"stretch\",\n  BASELINE = \"baseline\",\n  INITIAL = \"initial\"\n}\n\n/**\n * @deprecated\n */\nexport enum FlexJustify {\n  START = \"start\",\n  CENTER = \"center\",\n  END = \"end\",\n  STRETCH = \"stretch\",\n  SPACE_AROUND = \"space-around\",\n  SPACE_BETWEEN = \"space-between\",\n  INITIAL = \"initial\"\n}\n\n/**\n * @deprecated\n */\nexport enum FlexGap {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\"\n}\n\n/**\n * @deprecated\n */\nexport enum FlexDirection {\n  ROW = \"row\",\n  COLUMN = \"column\"\n}\n"],"names":["FlexAlign","FlexJustify","FlexGap","FlexDirection"],"mappings":"IAGYA,EAYAC,EAaAC,EAUAC,GAnCZ,SAAYH,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,IAAA,MACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,QAAA,SACD,CAPD,CAAYA,IAAAA,EAOX,CAAA,IAKD,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,IAAA,MACAA,EAAA,QAAA,UACAA,EAAA,aAAA,eACAA,EAAA,cAAA,gBACAA,EAAA,QAAA,SACD,CARD,CAAYA,IAAAA,EAQX,CAAA,IAKD,SAAYC,GACVA,EAAA,GAAA,KACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CALD,CAAYA,IAAAA,EAKX,CAAA,IAKD,SAAYC,GACVA,EAAA,IAAA,MACAA,EAAA,OAAA,QACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

package/dist/mocked_classnames/src/hooks/useClickableProps/useClickableProps.js

@@ -1,2 +0,0 @@
-import{useKeyboardButtonPressedFunc as o}from"../useKeyboardButtonPressedFunc.js";import{useRef as e}from"react";import i from"../useMergeRef.js";import{getTestId as a}from"../../tests/testIds.js";import{ComponentDefaultTestId as t}from"../../tests/constants.js";import{NOOP as r}from"../../utils/function-utils.js";function d(d,n){var s=d.onClick,u=void 0===s?r:s,p=d.onMouseDown,v=void 0===p?r:p,l=d.onMouseEnter,m=void 0===l?r:l,f=d.onMouseLeave,b=void 0===f?r:f,c=d.disabled,M=void 0!==c&&c,j=d.id,x=d["data-testid"],L=d.role,C=void 0===L?"button":L,E=d.tabIndex,I=void 0===E?0:E,w=d.ariaLabel,D=d.ariaHidden,K=d.ariaHasPopup,h=d.ariaExpanded,k=o(u),y=e(null),B=void 0===K?void 0:!!K;return{ref:i(n,y),id:j,"data-testid":x||a(t.CLICKABLE,j),onClick:M?void 0:u,onKeyDown:M?void 0:k,onMouseDown:v,onMouseEnter:m,onMouseLeave:b,tabIndex:M?-1:Number(I),role:C,"aria-label":w,"aria-hidden":D,"aria-haspopup":B,"aria-expanded":h}}export{d as default};
-//# sourceMappingURL=useClickableProps.js.map

package/dist/mocked_classnames/src/hooks/useClickableProps/useClickableProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useClickableProps.js","sources":["../../../../../src/hooks/useClickableProps/useClickableProps.ts"],"sourcesContent":["import { useKeyboardButtonPressedFunc } from \"../useKeyboardButtonPressedFunc\";\nimport type React from \"react\";\nimport { useRef } from \"react\";\nimport useMergeRef from \"../useMergeRef\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { type ClickableProps } from \"../../components/Clickable/Clickable\";\nimport { NOOP } from \"../../utils/function-utils\";\n\n/**\n * Return props for adding clickable functionality to the element except for the styles and classNames\n */\nexport default function useClickableProps(\n  {\n    onClick = NOOP,\n    onMouseDown = NOOP,\n    onMouseEnter = NOOP,\n    onMouseLeave = NOOP,\n    disabled = false,\n    id,\n    \"data-testid\": dataTestId,\n    role = \"button\",\n    tabIndex = 0,\n    ariaLabel,\n    ariaHidden,\n    ariaHasPopup,\n    ariaExpanded\n  }: ClickableProps,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  const onKeyDown = useKeyboardButtonPressedFunc(onClick);\n  const componentRef = useRef<HTMLElement | null>(null);\n  const mergedRef = useMergeRef(ref, componentRef);\n  // Remove when ariaHasPopup is no longer a string\n  const overrideAriaHasPopup = ariaHasPopup === undefined ? undefined : !!ariaHasPopup;\n\n  return {\n    ref: mergedRef,\n    id,\n    \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.CLICKABLE, id),\n    onClick: disabled ? undefined : onClick,\n    onKeyDown: disabled ? undefined : onKeyDown,\n    onMouseDown,\n    onMouseEnter,\n    onMouseLeave,\n    tabIndex: disabled ? -1 : Number(tabIndex),\n    role,\n    \"aria-label\": ariaLabel,\n    \"aria-hidden\": ariaHidden,\n    \"aria-haspopup\": overrideAriaHasPopup,\n    \"aria-expanded\": ariaExpanded\n  };\n}\n"],"names":["useClickableProps","_ref","ref","_ref$onClick","onClick","NOOP","_ref$onMouseDown","onMouseDown","_ref$onMouseEnter","onMouseEnter","_ref$onMouseLeave","onMouseLeave","_ref$disabled","disabled","id","dataTestId","_ref$role","role","_ref$tabIndex","tabIndex","ariaLabel","ariaHidden","ariaHasPopup","ariaExpanded","onKeyDown","useKeyboardButtonPressedFunc","componentRef","useRef","overrideAriaHasPopup","undefined","useMergeRef","getTestId","ComponentDefaultTestId","CLICKABLE","Number"],"mappings":"4TAYwB,SAAAA,EAAiBC,EAgBvCC,GAAoC,IAAAC,EAAAF,EAdlCG,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAL,EACdM,YAAAA,OAAcF,IAAHC,EAAGD,EAAIC,EAAAE,EAAAP,EAClBQ,aAAAA,OAAeJ,IAAHG,EAAGH,EAAIG,EAAAE,EAAAT,EACnBU,aAAAA,OAAeN,IAAHK,EAAGL,EAAIK,EAAAE,EAAAX,EACnBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAEb,EAAFa,GACeC,EAAUd,EAAzB,eAAae,EAAAf,EACbgB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAjB,EACfkB,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,EAASnB,EAATmB,UACAC,EAAUpB,EAAVoB,WACAC,EAAYrB,EAAZqB,aACAC,EAAYtB,EAAZsB,aAIIC,EAAYC,EAA6BrB,GACzCsB,EAAeC,EAA2B,MAG1CC,OAAwCC,IAAjBP,OAA6BO,IAAcP,EAExE,MAAO,CACLpB,IALgB4B,EAAY5B,EAAKwB,GAMjCZ,GAAAA,EACA,cAAeC,GAAcgB,EAAUC,EAAuBC,UAAWnB,GACzEV,QAASS,OAAWgB,EAAYzB,EAChCoB,UAAWX,OAAWgB,EAAYL,EAClCjB,YAAAA,EACAE,aAAAA,EACAE,aAAAA,EACAQ,SAAUN,GAAY,EAAIqB,OAAOf,GACjCF,KAAAA,EACA,aAAcG,EACd,cAAeC,EACf,gBAAiBO,EACjB,gBAAiBL,EAErB"}

package/dist/mocked_classnames/src/hooks/useKeyboardButtonPressedFunc.js

@@ -1,2 +0,0 @@
-import{useCallback as t}from"react";import{keyCodes as o}from"../constants/keyCodes.js";import"../constants/sizes.js";function n(n){return t((function(t){t.key!==o.SPACE&&t.key!==o.ENTER||n(t)}),[n])}export{n as useKeyboardButtonPressedFunc};
-//# sourceMappingURL=useKeyboardButtonPressedFunc.js.map

package/dist/mocked_classnames/src/hooks/useKeyboardButtonPressedFunc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardButtonPressedFunc.js","sources":["../../../../src/hooks/useKeyboardButtonPressedFunc.ts"],"sourcesContent":["import type React from \"react\";\nimport { useCallback } from \"react\";\nimport { keyCodes } from \"../constants\";\n\nexport function useKeyboardButtonPressedFunc(onClick: (event: React.KeyboardEvent) => void) {\n  return useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === keyCodes.SPACE || e.key === keyCodes.ENTER) {\n        onClick(e);\n      }\n    },\n    [onClick]\n  );\n}\n"],"names":["useKeyboardButtonPressedFunc","onClick","useCallback","e","key","keyCodes","SPACE","ENTER"],"mappings":"sHAIM,SAAUA,EAA6BC,GAC3C,OAAOC,GACL,SAACC,GACKA,EAAEC,MAAQC,EAASC,OAASH,EAAEC,MAAQC,EAASE,OACjDN,EAAQE,EAEZ,GACA,CAACF,GAEL"}

package/dist/src/components/Box/Box.js

@@ -1,2 +0,0 @@
-import{defineProperty as r,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as s}from"../../../_virtual/_tslib.js";import o,{forwardRef as e,useRef as a}from"react";import{camelCase as i}from"es-toolkit";import n from"classnames";import d from"../../hooks/useMergeRef.js";import{BorderColor as l,Rounded as m,Shadow as p,Margin as c,MarginX as f,MarginY as u,MarginTop as g,MarginEnd as b,MarginBottom as y,MarginStart as j,Padding as v,PaddingX as B,PaddingY as h,PaddingTop as x,PaddingEnd as C,PaddingBottom as k,PaddingStart as T,BackgroundColor as _,BoxTextColor as E,SizePrefixMapping as N}from"./BoxConstants.js";import{withStaticProps as P}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import S from"./Box.module.scss.js";import{getTestId as X}from"../../tests/testIds.js";import{ComponentDefaultTestId as w}from"../../tests/constants.js";var O=P(e((function(e,l){var m=e.className,p=e.id,c=e.elementType,f=void 0===c?"div":c,u=e.children,g=e.disabled,b=e.border,y=e.scrollable,j=e.style,v=e["data-testid"],B=s(e,["className","id","elementType","children","disabled","border","scrollable","style","data-testid"]),h=a(null),x=d(l,h);return o.createElement(f,{"data-testid":v||X(w.BOX,p),ref:x,className:n.apply(void 0,[S.box,m,r(r(r({},S.opacityDisabled,g),S.scrollable,y),S.border,b)].concat(t(function(r,t){return Object.keys(t).filter((function(r){return t[r]})).map((function(s){var o=t[s],e=N[s];return e&&"string"==typeof o?r[i("".concat(e,"-").concat(o))]:r[o]})).filter(Boolean)}(S,B)))),id:p,style:j},u)})),{borderColors:l,roundeds:m,shadows:p,margins:c,marginXs:f,marginYs:u,marginTops:g,marginEnds:b,marginBottoms:y,marginStarts:j,paddings:v,paddingXs:B,paddingYs:h,paddingTops:x,paddingEnds:C,paddingBottoms:k,paddingStarts:T,backgroundColors:_,textColors:E});export{O as default};
-//# sourceMappingURL=Box.js.map

package/dist/src/components/Box/Box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.js","sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport {\n  BackgroundColor as BackgroundColorEnum,\n  BorderColor as BorderColorEnum,\n  BoxTextColor as BoxTextColorEnum,\n  Margin as MarginEnum,\n  MarginBottom as MarginBottomEnum,\n  MarginEnd as MarginEndEnum,\n  MarginStart as MarginStartEnum,\n  MarginTop as MarginTopEnum,\n  MarginX as MarginXEnum,\n  MarginY as MarginYEnum,\n  Padding as PaddingEnum,\n  PaddingBottom as PaddingBottomEnum,\n  PaddingEnd as PaddingEndEnum,\n  PaddingStart as PaddingStartEnum,\n  PaddingTop as PaddingTopEnum,\n  PaddingX as PaddingXEnum,\n  PaddingY as PaddingYEnum,\n  Rounded as RoundedEnum,\n  Shadow as ShadowEnum,\n  SizePrefixMapping\n} from \"./BoxConstants\";\nimport {\n  type BackgroundColor,\n  type BorderColor,\n  type BaseBoxSize,\n  type BoxSize,\n  type BoxTextColor,\n  type RoundedSize,\n  type Shadow\n} from \"./Box.types\";\nimport { type VibeComponentProps, withStaticProps, type ElementContent } from \"../../types\";\nimport styles from \"./Box.module.scss\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\n\nexport interface BoxProps extends VibeComponentProps {\n  /**\n   * The HTML element or custom component used as the root.\n   */\n  elementType?: keyof JSX.IntrinsicElements | string;\n  /**\n   * The content inside the box.\n   */\n  children?: ElementContent;\n  /**\n   * If true, the box is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, applies a border to the box.\n   */\n  border?: boolean;\n  /**\n   * The color of the border.\n   */\n  borderColor?: BorderColor;\n  /**\n   * The border radius of the box.\n   */\n  rounded?: RoundedSize;\n  /**\n   * The shadow style applied to the box.\n   */\n  shadow?: Shadow;\n  /**\n   * The margin applied to all sides.\n   */\n  margin?: BoxSize;\n  /**\n   * The horizontal margin.\n   */\n  marginX?: BoxSize;\n  /**\n   * The vertical margin.\n   */\n  marginY?: BoxSize;\n  /**\n   * The top margin.\n   */\n  marginTop?: BoxSize;\n  /**\n   * The end (right in LTR, left in RTL) margin.\n   */\n  marginEnd?: BoxSize;\n  /**\n   * The bottom margin.\n   */\n  marginBottom?: BaseBoxSize;\n  /**\n   * The start (left in LTR, right in RTL) margin.\n   */\n  marginStart?: BaseBoxSize;\n  /**\n   * The padding applied to all sides.\n   */\n  padding?: BaseBoxSize;\n  /**\n   * The horizontal padding.\n   */\n  paddingX?: BaseBoxSize;\n  /**\n   * The vertical padding.\n   */\n  paddingY?: BaseBoxSize;\n  /**\n   * The top padding.\n   */\n  paddingTop?: BaseBoxSize;\n  /**\n   * The end (right in LTR, left in RTL) padding.\n   */\n  paddingEnd?: BaseBoxSize;\n  /**\n   * The bottom padding.\n   */\n  paddingBottom?: BaseBoxSize;\n  /**\n   * The start (left in LTR, right in RTL) padding.\n   */\n  paddingStart?: BaseBoxSize;\n  /**\n   * The background color of the box.\n   */\n  backgroundColor?: BackgroundColor;\n  /**\n   * The text color inside the box.\n   */\n  textColor?: BoxTextColor;\n  /**\n   * If true, the box content is scrollable.\n   */\n  scrollable?: boolean;\n  /**\n   * Inline styles applied to the box.\n   */\n  style?: React.CSSProperties;\n}\n\nconst Box = forwardRef(\n  (\n    {\n      className,\n      id,\n      elementType = \"div\",\n      children,\n      disabled,\n      border,\n      scrollable,\n      style,\n      \"data-testid\": dataTestId,\n      ...props\n    }: BoxProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const getClassNames = (styles: Record<string, string>, props: Record<string, any | undefined>) => {\n      return Object.keys(props)\n        .filter(prop => props[prop])\n        .map(prop => {\n          const value = props[prop];\n          const prefix = SizePrefixMapping[prop as keyof typeof SizePrefixMapping];\n          return prefix && typeof value === \"string\" ? styles[camelCase(`${prefix}-${value}`)] : styles[value];\n        })\n        .filter(Boolean);\n    };\n\n    return React.createElement(\n      elementType,\n      {\n        \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.BOX, id),\n        ref: mergedRef,\n        className: cx(\n          styles.box,\n          className,\n          { [styles.opacityDisabled]: disabled, [styles.scrollable]: scrollable, [styles.border]: border },\n          ...getClassNames(styles, props)\n        ),\n        id: id,\n        style\n      },\n      children\n    );\n  }\n);\n\ninterface BoxStaticProps {\n  borderColors: typeof BorderColorEnum;\n  roundeds: typeof RoundedEnum;\n  shadows: typeof ShadowEnum;\n  margins: typeof MarginEnum;\n  marginXs: typeof MarginXEnum;\n  marginYs: typeof MarginYEnum;\n  marginTops: typeof MarginTopEnum;\n  marginEnds: typeof MarginEndEnum;\n  marginBottoms: typeof MarginBottomEnum;\n  marginStarts: typeof MarginStartEnum;\n  paddings: typeof PaddingEnum;\n  paddingXs: typeof PaddingXEnum;\n  paddingYs: typeof PaddingYEnum;\n  paddingTops: typeof PaddingTopEnum;\n  paddingEnds: typeof PaddingEndEnum;\n  paddingBottoms: typeof PaddingBottomEnum;\n  paddingStarts: typeof PaddingStartEnum;\n  backgroundColors: typeof BackgroundColorEnum;\n  textColors: typeof BoxTextColorEnum;\n}\n\nexport default withStaticProps<BoxProps, BoxStaticProps>(Box, {\n  borderColors: BorderColorEnum,\n  roundeds: RoundedEnum,\n  shadows: ShadowEnum,\n  margins: MarginEnum,\n  marginXs: MarginXEnum,\n  marginYs: MarginYEnum,\n  marginTops: MarginTopEnum,\n  marginEnds: MarginEndEnum,\n  marginBottoms: MarginBottomEnum,\n  marginStarts: MarginStartEnum,\n  paddings: PaddingEnum,\n  paddingXs: PaddingXEnum,\n  paddingYs: PaddingYEnum,\n  paddingTops: PaddingTopEnum,\n  paddingEnds: PaddingEndEnum,\n  paddingBottoms: PaddingBottomEnum,\n  paddingStarts: PaddingStartEnum,\n  backgroundColors: BackgroundColorEnum,\n  textColors: BoxTextColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","id","_a$elementType","elementType","children","disabled","border","scrollable","style","dataTestId","props","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","getTestId","ComponentDefaultTestId","BOX","cx","apply","styles","box","_defineProperty","opacityDisabled","concat","_toConsumableArray","Object","keys","filter","prop","map","value","prefix","SizePrefixMapping","camelCase","Boolean","getClassNames","borderColors","BorderColorEnum","roundeds","RoundedEnum","shadows","ShadowEnum","margins","MarginEnum","marginXs","MarginXEnum","marginYs","MarginYEnum","marginTops","MarginTopEnum","marginEnds","MarginEndEnum","marginBottoms","MarginBottomEnum","marginStarts","MarginStartEnum","paddings","PaddingEnum","paddingXs","PaddingXEnum","paddingYs","PaddingYEnum","paddingTops","PaddingTopEnum","paddingEnds","PaddingEndEnum","paddingBottoms","PaddingBottomEnum","paddingStarts","PaddingStartEnum","backgroundColors","BackgroundColorEnum","textColors","BoxTextColorEnum"],"mappings":"s5BA+IA,IAuEeA,EAAAA,EAvEHC,GACV,SACEC,EAYAC,OAXEC,EAQyBF,EARzBE,UACAC,EAOyBH,EAPzBG,GAAEC,EAOuBJ,EANzBK,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EACnBE,EAKyBN,EALzBM,SACAC,EAIyBP,EAJzBO,SACAC,EAGyBR,EAHzBQ,OACAC,EAEyBT,EAFzBS,WACAC,EACyBV,EADzBU,MACeC,EAAUX,EAAzB,eACGY,EAVLC,EAAAb,EAAA,CAAA,YAAA,KAAA,cAAA,WAAA,WAAA,SAAA,aAAA,QAAA,gBAcMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAanC,OAAOI,EAAMC,cACXd,EACA,CACE,cAAeM,GAAcS,EAAUC,EAAuBC,IAAKnB,GACnEF,IAAKe,EACLd,UAAWqB,EAAEC,cACXC,EAAOC,IACPxB,EAASyB,EAAAA,EAAAA,KACNF,EAAOG,gBAAkBrB,GAAWkB,EAAOhB,WAAaA,GAAagB,EAAOjB,OAASA,IAAMqB,OAAAC,EAnB9E,SAACL,EAAgCb,GACrD,OAAOmB,OAAOC,KAAKpB,GAChBqB,QAAO,SAAAC,GAAI,OAAItB,EAAMsB,EAAK,IAC1BC,KAAI,SAAAD,GACH,IAAME,EAAQxB,EAAMsB,GACdG,EAASC,EAAkBJ,GACjC,OAAOG,GAA2B,iBAAVD,EAAqBX,EAAOc,EAASV,GAAAA,OAAIQ,EAAM,KAAAR,OAAIO,KAAYX,EAAOW,EAChG,IACCH,OAAOO,SAYHC,CAAchB,EAAQb,MAE3BT,GAAIA,EACJO,MAAAA,GAEFJ,EAEJ,IAyB4D,CAC5DoC,aAAcC,EACdC,SAAUC,EACVC,QAASC,EACTC,QAASC,EACTC,SAAUC,EACVC,SAAUC,EACVC,WAAYC,EACZC,WAAYC,EACZC,cAAeC,EACfC,aAAcC,EACdC,SAAUC,EACVC,UAAWC,EACXC,UAAWC,EACXC,YAAaC,EACbC,YAAaC,EACbC,eAAgBC,EAChBC,cAAeC,EACfC,iBAAkBC,EAClBC,WAAYC"}

package/dist/src/components/Box/Box.module.scss.js

@@ -1,2 +0,0 @@
-var n={box:"box_4221bff1fd",scrollable:"scrollable_e355f4121c",opacityDisabled:"opacityDisabled_f38c3cd1a8",border:"border_74024ef766",borderColorUiBorderColor:"borderColorUiBorderColor_9dce02f8bb",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_daf5080a66",rounded0:"rounded0_9f48e2311b",roundedSmall:"roundedSmall_f3819a9582",roundedMedium:"roundedMedium_6e3172575e",roundedBig:"roundedBig_be66dbddda",shadowXs:"shadowXs_66364ac2e2",shadowSmall:"shadowSmall_f719be1de4",shadowMedium:"shadowMedium_31cbe13775",shadowLarge:"shadowLarge_65cbe3ef1b",m0:"m0_e062ea0e3d",mXs:"mXs_19fb5f5a28",mSmall:"mSmall_3caa254345",mMedium:"mMedium_762931a80d",mLarge:"mLarge_31df3b68ad",mXl:"mXl_77131f46a8",mXxl:"mXxl_73d616bab2",mXxxl:"mXxxl_bea185668a",mAuto:"mAuto_381e37a113",mx0:"mx0_48f3377e45",mxXs:"mxXs_389f78948f",mxSmall:"mxSmall_c28a13820b",mxMedium:"mxMedium_4b7db872f7",mxLarge:"mxLarge_21ebddab34",mxXl:"mxXl_6dca433121",mxXxl:"mxXxl_6967b0b6a3",mxXxxl:"mxXxxl_df661134a6",mxAuto:"mxAuto_56743f17f3",my0:"my0_4773824b1a",myXs:"myXs_7ab6418621",mySmall:"mySmall_54277c7627",myMedium:"myMedium_b5fa05834c",myLarge:"myLarge_d82c41604a",myXl:"myXl_d507e9cbbc",myXxl:"myXxl_94b8e43a87",myXxxl:"myXxxl_4d4739508d",myAuto:"myAuto_af2cbf9ad9",mt0:"mt0_cd917addb5",mtXs:"mtXs_a850d65cb3",mtSmall:"mtSmall_44b4b91fda",mtMedium:"mtMedium_540aa0ddff",mtLarge:"mtLarge_7bfd85495f",mtXl:"mtXl_0dcc6bf891",mtXxl:"mtXxl_bcf3c57c80",mtXxxl:"mtXxxl_2c198674f0",mtAuto:"mtAuto_eacd7f05f8",me0:"me0_5685d02cf3",meXs:"meXs_631cf6dad8",meSmall:"meSmall_2ba5de61bc",meMedium:"meMedium_63fbf98d3c",meLarge:"meLarge_4c28080a3c",meXl:"meXl_0c795e4d5c",meXxl:"meXxl_5084b68429",meXxxl:"meXxxl_51f6964ce3",meAuto:"meAuto_67221737ba",mb0:"mb0_88a4d96807",mbXs:"mbXs_c0eb8570bd",mbSmall:"mbSmall_da75ca2a4a",mbMedium:"mbMedium_2e629e2245",mbLarge:"mbLarge_7017ff416e",mbXl:"mbXl_39bb079f40",mbXxl:"mbXxl_70333e8c92",mbXxxl:"mbXxxl_87f380d26d",mbAuto:"mbAuto_12c150c7ae",ms0:"ms0_5583a327cd",msXs:"msXs_bf5afb0a1f",msSmall:"msSmall_0c106455a5",msMedium:"msMedium_0a52e44a66",msLarge:"msLarge_300040de9a",msXl:"msXl_d67674cc23",msXxl:"msXxl_9696309e57",msXxxl:"msXxxl_a9d2347654",msAuto:"msAuto_de73fa8693",p0:"p0_ade81cbd25",pXs:"pXs_1cf634f728",pSmall:"pSmall_b836326016",pMedium:"pMedium_92683c3d4b",pLarge:"pLarge_0dd161fec1",pXl:"pXl_c01b5d29f7",pXxl:"pXxl_9304591fe9",pXxxl:"pXxxl_0b79a471f1",px0:"px0_0c207f29f6",pxXs:"pxXs_48e6432fd3",pxSmall:"pxSmall_c2978620bd",pxMedium:"pxMedium_7133aff23b",pxLarge:"pxLarge_96bf6aed94",pxXl:"pxXl_4a7e5112c7",pxXxl:"pxXxl_b428ee2cf7",pxXxxl:"pxXxxl_f4baf3de85",py0:"py0_7769e683fc",pyXs:"pyXs_d357a880ee",pySmall:"pySmall_3174b497e4",pyMedium:"pyMedium_a59cc2d7db",pyLarge:"pyLarge_99826dd025",pyXl:"pyXl_c69784af41",pyXxl:"pyXxl_5b5638dfdc",pyXxxl:"pyXxxl_7bc2f8756f",pt0:"pt0_26a81a4201",ptXs:"ptXs_7b3cf4d9de",ptSmall:"ptSmall_dc0b941f9d",ptMedium:"ptMedium_8af0ad31de",ptLarge:"ptLarge_58e6d7c3ab",ptXl:"ptXl_d18af2179e",ptXxl:"ptXxl_c455180c2f",ptXxxl:"ptXxxl_d5b8aeffee",pe0:"pe0_3df74cf970",peXs:"peXs_f5a2e4f11d",peSmall:"peSmall_fb86527911",peMedium:"peMedium_e9c47fdf79",peLarge:"peLarge_a65c981ee1",peXl:"peXl_eb64b3356f",peXxl:"peXxl_05389b0739",peXxxl:"peXxxl_5e7191ae67",pb0:"pb0_03bcc197a5",pbXs:"pbXs_92804991bf",pbSmall:"pbSmall_d28ba87591",pbMedium:"pbMedium_4768f936f3",pbLarge:"pbLarge_1c82394d7c",pbXl:"pbXl_3fb2fff8b2",pbXxl:"pbXxl_4417c48ac9",pbXxxl:"pbXxxl_27d17c40f0",ps0:"ps0_cca0f63fdb",psXs:"psXs_e29826e01b",psSmall:"psSmall_0bb2041367",psMedium:"psMedium_7c9d1a433e",psLarge:"psLarge_6a3183c713",psXl:"psXl_f9526c8480",psXxl:"psXxl_aa4fa26dab",psXxxl:"psXxxl_cea08df877",textPrimaryTextColor:"textPrimaryTextColor_1dbce88466",textTextColorOnInverted:"textTextColorOnInverted_b57ad11bb4",textSecondaryTextColor:"textSecondaryTextColor_3629acf3a0",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_8882d635ca",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_2d3d56020b",bgGreyBackgroundColor:"bgGreyBackgroundColor_6527fd8f9c",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_119ed27dad",bgInvertedColorBackground:"bgInvertedColorBackground_2c5906907f"};!function(n){const a="s_id-1ea68be2c9b7_3_77_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_4221bff1fd {\n  overflow: hidden;\n}\n.box_4221bff1fd.scrollable_e355f4121c {\n  overflow: auto;\n}\n.box_4221bff1fd.scrollable_e355f4121c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_4221bff1fd.scrollable_e355f4121c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_f38c3cd1a8 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_74024ef766 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_9dce02f8bb {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_daf5080a66 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_9f48e2311b {\n  border-radius: 0 !important;\n}\n.roundedSmall_f3819a9582 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_6e3172575e {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_be66dbddda {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_66364ac2e2 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_f719be1de4 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_31cbe13775 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_65cbe3ef1b {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_e062ea0e3d {\n  margin: 0 !important;\n}\n.mXs_19fb5f5a28 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_3caa254345 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_762931a80d {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_31df3b68ad {\n  margin: var(--spacing-large) !important;\n}\n.mXl_77131f46a8 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_73d616bab2 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_bea185668a {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_381e37a113 {\n  margin: auto !important;\n}\n.mx0_48f3377e45 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_389f78948f {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_c28a13820b {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_4b7db872f7 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_21ebddab34 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_6dca433121 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_6967b0b6a3 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_df661134a6 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_56743f17f3 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_4773824b1a {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_7ab6418621 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_54277c7627 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_b5fa05834c {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_d82c41604a {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_d507e9cbbc {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_94b8e43a87 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_4d4739508d {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_af2cbf9ad9 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_cd917addb5 {\n  margin-top: 0 !important;\n}\n.mtXs_a850d65cb3 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_44b4b91fda {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_540aa0ddff {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_7bfd85495f {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_0dcc6bf891 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_bcf3c57c80 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_2c198674f0 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_eacd7f05f8 {\n  margin-top: auto !important;\n}\n.me0_5685d02cf3 {\n  margin-inline-end: 0 !important;\n}\n.meXs_631cf6dad8 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_2ba5de61bc {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_63fbf98d3c {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_4c28080a3c {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_0c795e4d5c {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_5084b68429 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_51f6964ce3 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_67221737ba {\n  margin-inline-end: auto !important;\n}\n.mb0_88a4d96807 {\n  margin-bottom: 0 !important;\n}\n.mbXs_c0eb8570bd {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_da75ca2a4a {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_2e629e2245 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_7017ff416e {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_39bb079f40 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_70333e8c92 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_87f380d26d {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_12c150c7ae {\n  margin-bottom: auto !important;\n}\n.ms0_5583a327cd {\n  margin-inline-start: 0 !important;\n}\n.msXs_bf5afb0a1f {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_0c106455a5 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_0a52e44a66 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_300040de9a {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_d67674cc23 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_9696309e57 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_a9d2347654 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_de73fa8693 {\n  margin-inline-start: auto !important;\n}\n.p0_ade81cbd25 {\n  padding: 0 !important;\n}\n.pXs_1cf634f728 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_b836326016 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_92683c3d4b {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_0dd161fec1 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_c01b5d29f7 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_9304591fe9 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_0b79a471f1 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_0c207f29f6 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_48e6432fd3 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_c2978620bd {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_7133aff23b {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_96bf6aed94 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_4a7e5112c7 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_b428ee2cf7 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_f4baf3de85 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_7769e683fc {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_d357a880ee {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_3174b497e4 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_a59cc2d7db {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_99826dd025 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_c69784af41 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_5b5638dfdc {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_7bc2f8756f {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_26a81a4201 {\n  padding-top: 0 !important;\n}\n.ptXs_7b3cf4d9de {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_dc0b941f9d {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_8af0ad31de {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_58e6d7c3ab {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_d18af2179e {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_c455180c2f {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_d5b8aeffee {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_3df74cf970 {\n  padding-inline-end: 0 !important;\n}\n.peXs_f5a2e4f11d {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_fb86527911 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_e9c47fdf79 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_a65c981ee1 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_eb64b3356f {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_05389b0739 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_5e7191ae67 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_03bcc197a5 {\n  padding-bottom: 0 !important;\n}\n.pbXs_92804991bf {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_d28ba87591 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_4768f936f3 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_1c82394d7c {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_3fb2fff8b2 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_4417c48ac9 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_27d17c40f0 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_cca0f63fdb {\n  padding-inline-start: 0 !important;\n}\n.psXs_e29826e01b {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_0bb2041367 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_7c9d1a433e {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_6a3183c713 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_f9526c8480 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_aa4fa26dab {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_cea08df877 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_1dbce88466 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_b57ad11bb4 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_3629acf3a0 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_8882d635ca {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_2d3d56020b {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_6527fd8f9c {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_119ed27dad {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_2c5906907f {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
-//# sourceMappingURL=Box.module.scss.js.map

package/dist/src/components/Box/BoxConstants.js

@@ -1,2 +0,0 @@
-var l,x,L,X,o,a,n,r,m,i,e,d,u,t,A,M,E,R,g,O,s;!function(l){l.DISABLED="opacityDisabled"}(l||(l={})),function(l){l.DEFAULT="border"}(x||(x={})),function(l){l.UI_BORDER_COLOR="uiBorderColor",l.LAYOUT_BORDER_COLOR="layoutBorderColor"}(L||(L={})),function(l){l.SMALL="small",l.MEDIUM="medium",l.BIG="big"}(X||(X={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large"}(o||(o={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(a||(a={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(n||(n={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(r||(r={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(m||(m={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(i||(i={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(e||(e={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(d||(d={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(u||(u={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(t||(t={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(A||(A={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(M||(M={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(E||(E={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(R||(R={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(g||(g={})),function(l){l.PRIMARY_BACKGROUND_COLOR="primaryBackgroundColor",l.SECONDARY_BACKGROUND_COLOR="secondaryBackgroundColor",l.GREY_BACKGROUND_COLOR="greyBackgroundColor",l.ALL_GREY_BACKGROUND_COLOR="allgreyBackgroundColor",l.INVERTED_COLOR_BACKGROUND="invertedColorBackground"}(O||(O={})),function(l){l.PRIMARY_TEXT_COLOR="primaryTextColor",l.TEXT_COLOR_ON_INVERTED="textColorOnInverted",l.SECONDARY_TEXT_COLOR="secondaryTextColor"}(s||(s={}));var S={margin:"m",marginX:"mx",marginY:"my",marginTop:"mt",marginEnd:"me",marginBottom:"mb",marginStart:"ms",padding:"p",paddingX:"px",paddingY:"py",paddingTop:"pt",paddingEnd:"pe",paddingBottom:"pb",paddingStart:"ps",shadow:"shadow",rounded:"rounded",borderColor:"borderColor",backgroundColor:"bg",textColor:"text"};export{O as BackgroundColor,x as Border,L as BorderColor,s as BoxTextColor,l as Disabled,a as Margin,e as MarginBottom,i as MarginEnd,d as MarginStart,m as MarginTop,n as MarginX,r as MarginY,u as Padding,R as PaddingBottom,E as PaddingEnd,g as PaddingStart,M as PaddingTop,t as PaddingX,A as PaddingY,X as Rounded,o as Shadow,S as SizePrefixMapping};
-//# sourceMappingURL=BoxConstants.js.map

package/dist/src/components/Box/BoxConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoxConstants.js","sources":["../../../../src/components/Box/BoxConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum Disabled {\n  DISABLED = \"opacityDisabled\"\n}\n\n/**\n * @deprecated\n */\nexport enum Border {\n  DEFAULT = \"border\"\n}\n\n/**\n * @deprecated\n */\nexport enum BorderColor {\n  UI_BORDER_COLOR = \"uiBorderColor\",\n  LAYOUT_BORDER_COLOR = \"layoutBorderColor\"\n}\n\n/**\n * @deprecated\n */\nexport enum Rounded {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  BIG = \"big\"\n}\n\n/**\n * @deprecated\n */\nexport enum Shadow {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\"\n}\n\n/**\n * @deprecated\n */\nexport enum Margin {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginX {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginY {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginTop {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginEnd {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginBottom {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginStart {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum Padding {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingX {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingY {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingTop {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingEnd {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingBottom {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingStart {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum BackgroundColor {\n  PRIMARY_BACKGROUND_COLOR = \"primaryBackgroundColor\",\n  SECONDARY_BACKGROUND_COLOR = \"secondaryBackgroundColor\",\n  GREY_BACKGROUND_COLOR = \"greyBackgroundColor\",\n  ALL_GREY_BACKGROUND_COLOR = \"allgreyBackgroundColor\",\n  INVERTED_COLOR_BACKGROUND = \"invertedColorBackground\"\n}\n\n/**\n * @deprecated\n */\nexport enum BoxTextColor {\n  PRIMARY_TEXT_COLOR = \"primaryTextColor\",\n  TEXT_COLOR_ON_INVERTED = \"textColorOnInverted\",\n  SECONDARY_TEXT_COLOR = \"secondaryTextColor\"\n}\n\nexport const SizePrefixMapping = {\n  margin: \"m\",\n  marginX: \"mx\",\n  marginY: \"my\",\n  marginTop: \"mt\",\n  marginEnd: \"me\",\n  marginBottom: \"mb\",\n  marginStart: \"ms\",\n  padding: \"p\",\n  paddingX: \"px\",\n  paddingY: \"py\",\n  paddingTop: \"pt\",\n  paddingEnd: \"pe\",\n  paddingBottom: \"pb\",\n  paddingStart: \"ps\",\n  shadow: \"shadow\",\n  rounded: \"rounded\",\n  borderColor: \"borderColor\",\n  backgroundColor: \"bg\",\n  textColor: \"text\"\n};\n"],"names":["Disabled","Border","BorderColor","Rounded","Shadow","Margin","MarginX","MarginY","MarginTop","MarginEnd","MarginBottom","MarginStart","Padding","PaddingX","PaddingY","PaddingTop","PaddingEnd","PaddingBottom","PaddingStart","BackgroundColor","BoxTextColor","SizePrefixMapping","margin","marginX","marginY","marginTop","marginEnd","marginBottom","marginStart","padding","paddingX","paddingY","paddingTop","paddingEnd","paddingBottom","paddingStart","shadow","rounded","borderColor","backgroundColor","textColor"],"mappings":"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"}

package/dist/src/components/Clickable/Clickable.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a from"classnames";import o,{forwardRef as i}from"react";import{noop as s}from"es-toolkit";import r from"../../hooks/useClickableProps/useClickableProps.js";import d from"./Clickable.module.scss.js";var l=i((function(i,l){var t=i.elementType,n=void 0===t?"div":t,c=i.className,p=void 0===c?"":c,m=i.children,u=i.role,b=i.onClick,v=i.enableTextSelection,f=void 0!==v&&v,k=i.onMouseDown,x=i.onMouseEnter,M=i.onMouseLeave,P=i.tabIndex,j=i.disabled,C=void 0!==j&&j,E=i.style,H=r({onClick:void 0===b?s:b,onMouseDown:void 0===k?s:k,onMouseEnter:void 0===x?s:x,onMouseLeave:void 0===M?s:M,disabled:C,id:i.id,"data-testid":i["data-testid"],role:void 0===u?"button":u,tabIndex:void 0===P?"0":P,ariaLabel:i.ariaLabel,ariaHidden:i.ariaHidden,ariaHasPopup:i.ariaHasPopup,ariaExpanded:i.ariaExpanded},l),y=a(d.clickable,p,e(e({},d.disabled,C),d.disableTextSelection,!f));return o.createElement(n,Object.assign(Object.assign({},H),{className:y,style:E}),m)}));export{l as default};
-//# sourceMappingURL=Clickable.js.map

package/dist/src/components/Clickable/Clickable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Clickable.js","sources":["../../../../src/components/Clickable/Clickable.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type AriaRole, forwardRef } from \"react\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport { type VibeComponentProps } from \"../../types\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport styles from \"./Clickable.module.scss\";\n\nexport interface ClickableProps extends VibeComponentProps {\n  /**\n   * The HTML element or custom component used as the root.\n   */\n  elementType?: keyof JSX.IntrinsicElements | string;\n  /**\n   * The content inside the clickable element.\n   */\n  children?: React.ReactNode;\n  /**\n   * The ARIA role of the element.\n   */\n  role?: AriaRole;\n  /**\n   * Callback fired when the element is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n  /**\n   * If true, allows text selection inside the element.\n   */\n  enableTextSelection?: boolean;\n  /**\n   * Callback fired when the mouse button is pressed down on the element.\n   */\n  onMouseDown?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when the mouse enters the element.\n   */\n  onMouseEnter?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when the mouse leaves the element.\n   */\n  onMouseLeave?: (event: React.MouseEvent) => void;\n  /**\n   * The label of the element for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, hides the element from assistive technologies.\n   */\n  ariaHidden?: boolean;\n  // TODO: [breaking] remove string type\n  /**\n   * Indicates the presence of a popup associated with the element.\n   */\n  ariaHasPopup?: boolean | string;\n  /**\n   * If true, indicates that the associated popup is open.\n   */\n  ariaExpanded?: boolean;\n  // TODO: [breaking] remove string type\n  /**\n   * The tab order of the element.\n   */\n  tabIndex?: string | number;\n  /**\n   * If true, the element is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Inline styles applied to the element.\n   */\n  style?: React.CSSProperties;\n}\n\nconst Clickable = forwardRef(\n  (\n    {\n      elementType = \"div\",\n      className = \"\",\n      id,\n      children,\n      role = \"button\",\n      onClick = NOOP,\n      enableTextSelection = false,\n      onMouseDown = NOOP,\n      onMouseEnter = NOOP,\n      onMouseLeave = NOOP,\n      ariaLabel,\n      ariaHidden,\n      ariaHasPopup,\n      ariaExpanded,\n      tabIndex = \"0\",\n      disabled = false,\n      style,\n      \"data-testid\": dataTestId\n    }: ClickableProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const clickableProps = useClickableProps(\n      {\n        onClick,\n        onMouseDown,\n        onMouseEnter,\n        onMouseLeave,\n        disabled,\n        id,\n        \"data-testid\": dataTestId,\n        role,\n        tabIndex,\n        ariaLabel,\n        ariaHidden,\n        ariaHasPopup,\n        ariaExpanded\n      },\n      ref\n    );\n    const overrideClassName = cx(styles.clickable, className, {\n      [styles.disabled]: disabled,\n      [styles.disableTextSelection]: !enableTextSelection\n    });\n\n    return React.createElement(\n      elementType,\n      {\n        ...clickableProps,\n        className: overrideClassName,\n        style: style\n      },\n      children\n    );\n  }\n);\n\nexport default Clickable;\n"],"names":["Clickable","forwardRef","_ref","ref","_ref$elementType","elementType","_ref$className","className","children","_ref$role","role","_ref$onClick","onClick","_ref$enableTextSelect","enableTextSelection","_ref$onMouseDown","onMouseDown","_ref$onMouseEnter","onMouseEnter","_ref$onMouseLeave","onMouseLeave","_ref$tabIndex","tabIndex","_ref$disabled","disabled","style","clickableProps","useClickableProps","NOOP","id","ariaLabel","ariaHidden","ariaHasPopup","ariaExpanded","overrideClassName","cx","styles","clickable","_defineProperty","disableTextSelection","React","createElement","Object","assign"],"mappings":"8RAwEMA,IAAAA,EAAYC,GAChB,SAAAC,EAqBEC,GACE,IAAAC,EAAAF,EApBAG,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EAAAE,EAAAJ,EACnBK,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAEdE,EAAQN,EAARM,SAAQC,EAAAP,EACRQ,KAAeC,EAAAT,EACfU,QAAcC,EAAAX,EACdY,oBAAAA,OAAsB,IAAHD,GAAQA,EAAAE,EAAAb,EAC3Bc,YAAkBC,EAAAf,EAClBgB,aAAmBC,EAAAjB,EACnBkB,aAIYC,EAAAnB,EACZoB,SAAcC,EAAArB,EACdsB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAKvB,EAALuB,MAKIC,EAAiBC,EACrB,CACEf,aAlBQgB,IAAHjB,EAAGiB,EAAIjB,EAmBZK,iBAjBYY,IAAHb,EAAGa,EAAIb,EAkBhBG,kBAjBaU,IAAHX,EAAGW,EAAIX,EAkBjBG,kBAjBaQ,IAAHT,EAAGS,EAAIT,EAkBjBK,SAAAA,EACAK,GA1BA3B,EAAF2B,GA2BE,cAZuB3B,EAAzB,eAaEQ,UA1BK,IAAHD,EAAG,SAAQA,EA2Bba,cAjBS,IAAHD,EAAG,IAAGA,EAkBZS,UAtBO5B,EAAT4B,UAuBEC,WAtBQ7B,EAAV6B,WAuBEC,aAtBU9B,EAAZ8B,aAuBEC,aAtBU/B,EAAZ+B,cAwBA9B,GAEI+B,EAAoBC,EAAGC,EAAOC,UAAW9B,EAAS+B,EAAAA,EACrDF,CAAAA,EAAAA,EAAOZ,SAAWA,GAClBY,EAAOG,sBAAwBzB,IAGlC,OAAO0B,EAAMC,cACXpC,EAAWqC,OAAAC,OAAAD,OAAAC,OAAA,GAENjB,GACH,CAAAnB,UAAW2B,EACXT,MAAOA,IAETjB,EAEJ"}

package/dist/src/components/Clickable/Clickable.module.scss.js

@@ -1,2 +0,0 @@
-var e={clickable:"clickable_2c86bef259","focus-visible":"focus-visible_9dbe289076",disabled:"disabled_0a81ae2f33",disableTextSelection:"disableTextSelection_0b7216bdd6"};!function(e){const n="s_id-8d33a9ee9e1f_3_77_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.clickable_2c86bef259 {\n  cursor: pointer;\n}\n.clickable_2c86bef259:focus-visible, .clickable_2c86bef259.focus-visible_9dbe289076 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_2c86bef259:focus:not(.focus-visible_9dbe289076) {\n  outline: none;\n}\n.clickable_2c86bef259.disabled_0a81ae2f33 {\n  cursor: default;\n}\n.disableTextSelection_0b7216bdd6 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}");export{e as default};
-//# sourceMappingURL=Clickable.module.scss.js.map

package/dist/src/components/Clickable/ClickableWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClickableWrapper.js","sources":["../../../../src/components/Clickable/ClickableWrapper.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport Clickable from \"./Clickable\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type ClickableProps } from \"./Clickable\";\n\nexport interface ClickableWrapperProps extends VibeComponentProps {\n  /**\n   * The content inside the wrapper.\n   */\n  children: React.ReactNode;\n  /**\n   * If true, wraps the content in a `Clickable` component.\n   */\n  isClickable: boolean;\n  /**\n   * Props passed to the `Clickable` component.\n   */\n  clickableProps: ClickableProps;\n}\n\nconst ClickableWrapper = forwardRef(\n  (\n    { children, isClickable = true, clickableProps = {} }: ClickableWrapperProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    if (!isClickable) {\n      return <>{children}</>;\n    }\n\n    return (\n      <Clickable {...clickableProps} ref={ref}>\n        {children}\n      </Clickable>\n    );\n  }\n);\n\nexport default ClickableWrapper;\n"],"names":["ClickableWrapper","forwardRef","_ref","ref","children","_ref$isClickable","isClickable","_ref$clickableProps","clickableProps","React","createElement","Clickable","Object","assign","Fragment"],"mappings":"oEAoBMA,IAAAA,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAQC,EAAAH,EAAEI,YAAkBC,EAAAL,EAAEM,eAGhC,YAH0B,IAAHH,GAAOA,EAQ5BI,EAAAC,cAACC,EAASC,OAAAC,OAAA,CAAA,OARkC,IAAAN,EAAG,CAAA,EAAEA,EAQpB,CAAEJ,IAAKA,IACjCC,GALIK,EAAAC,cAAAD,EAAAK,SAAA,KAAGV,EAQd"}

package/dist/src/components/Flex/Flex.js

@@ -1,2 +0,0 @@
-import{typeof as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as i,useRef as a,useMemo as o}from"react";import s from"classnames";import n from"../../hooks/useMergeRef.js";import l from"../Clickable/Clickable.js";import{FlexJustify as c,FlexAlign as p,FlexGap as m,FlexDirection as f}from"./FlexConstants.js";import{withStaticProps as u}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as d}from"../../helpers/typesciptCssModulesHelper.js";import b from"./Flex.module.scss.js";import{camelCase as g}from"es-toolkit";var j=u(i((function(i,c){var p=i.className,m=i.id,f=i.elementType,u=void 0===f?"div":f,j=i.direction,y=void 0===j?"row":j,v=i.wrap,x=void 0!==v&&v,k=i.children,w=i.justify,h=void 0===w?"start":w,C=i.align,M=void 0===C?"center":C,O=i.flex,L=i.gap,P=i.onClick,B=i.onMouseDown,D=i.style,F=i.ariaLabelledby,H=i.ariaLabel,I=i.tabIndex,N=i["data-testid"],S=a(null),T=n(c,S),_=o((function(){if(L)return"number"==typeof L?{gap:"".concat(L,"px")}:{gap:"var(--spacing-".concat(L,")")}}),[L]),E=o((function(){return O?["string","number"].includes(e(O))?{flex:O}:"object"===e(O)?{flexGrow:O.grow,flexShrink:O.shrink,flexBasis:O.basis}:{}:{}}),[O]),G=o((function(){return Object.assign(Object.assign(Object.assign({},D),_),E)}),[D,_,E]),R=o((function(){return P?{elementType:u,ariaLabelledby:F}:{"aria-labelledby":F}}),[P,u,F]);return r.createElement(P?l:u,Object.assign({id:m,"data-testid":N},R,{ref:T,className:s(b.container,d(b,g("direction-".concat(y))),d(b,g("justify-".concat(h))),d(b,g("align-".concat(M))),p,t({},b.wrap,x)),tabIndex:I,onClick:P,onMouseDown:B,style:G,"aria-label":H}),k)})),{justify:c,align:p,gaps:m,directions:f});export{j as default};
-//# sourceMappingURL=Flex.js.map

package/dist/src/components/Flex/Flex.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Flex.js","sources":["../../../../src/components/Flex/Flex.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport {\n  FlexAlign as FlexAlignEnum,\n  FlexDirection as FlexDirectionEnum,\n  FlexGap as FlexGapEnum,\n  FlexJustify as FlexJustifyEnum\n} from \"./FlexConstants\";\nimport { type FlexDirection, type FlexJustify, type FlexAlign, type FlexGap, type FlexShorthand } from \"./Flex.types\";\nimport { type ElementContent, withStaticProps, type VibeComponentProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Flex.module.scss\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface FlexProps extends VibeComponentProps {\n  /**\n   * Inline styles applied to the flex container.\n   */\n  style?: object;\n  /**\n   * The direction of the flex container.\n   */\n  direction?: FlexDirection;\n  /**\n   * The HTML element or component used as the root.\n   */\n  elementType?: React.ElementType;\n  /**\n   * If true, allows wrapping of flex items.\n   */\n  wrap?: boolean;\n  /**\n   * The content inside the flex container.\n   */\n  children?: ElementContent | ElementContent[];\n  /**\n   * Defines how flex items are aligned along the main axis.\n   */\n  justify?: FlexJustify;\n  /**\n   * Defines how flex items are aligned along the cross axis.\n   */\n  align?: FlexAlign;\n  /**\n   * The gap between flex items.\n   */\n  gap?: FlexGap | number;\n  /**\n   * The flex shorthand of the flex container.\n   */\n  flex?: FlexShorthand;\n  /**\n   * The label of the flex container for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The tab order of the element.\n   */\n  tabIndex?: number;\n  /**\n   * Callback fired when the flex container is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when the mouse button is pressed on the flex container.\n   */\n  onMouseDown?: (event: React.MouseEvent) => void;\n  /**\n   * ID of the element describing the flex container.\n   */\n  ariaLabelledby?: string;\n}\n\nconst Flex = forwardRef(\n  (\n    {\n      className,\n      id,\n      elementType = \"div\",\n      direction = \"row\",\n      wrap = false,\n      children,\n      justify = \"start\",\n      align = \"center\",\n      flex,\n      gap,\n      onClick,\n      onMouseDown,\n      style,\n      ariaLabelledby,\n      ariaLabel,\n      tabIndex,\n      \"data-testid\": dataTestId\n    }: FlexProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef<HTMLElement>(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const gapStyle = useMemo(() => {\n      if (!gap) {\n        return;\n      }\n      if (typeof gap === \"number\") {\n        return { gap: `${gap}px` };\n      }\n      return { gap: `var(--spacing-${gap})` };\n    }, [gap]);\n\n    const flexStyle = useMemo(() => {\n      if (!flex) return {};\n\n      if ([\"string\", \"number\"].includes(typeof flex)) {\n        return { flex };\n      }\n\n      if (typeof flex === \"object\") {\n        return {\n          flexGrow: flex.grow,\n          flexShrink: flex.shrink,\n          flexBasis: flex.basis\n        };\n      }\n\n      return {};\n    }, [flex]);\n\n    const overrideStyle = useMemo(() => ({ ...style, ...gapStyle, ...flexStyle }), [style, gapStyle, flexStyle]);\n    const onClickProps = useMemo(() => {\n      if (onClick) return { elementType, ariaLabelledby };\n      return { \"aria-labelledby\": ariaLabelledby };\n    }, [onClick, elementType, ariaLabelledby]);\n    const Element = onClick ? Clickable : elementType;\n\n    return (\n      <Element\n        id={id}\n        data-testid={dataTestId}\n        {...onClickProps}\n        ref={mergedRef}\n        className={cx(\n          styles.container,\n          getStyle(styles, camelCase(`direction-${direction}`)),\n          getStyle(styles, camelCase(`justify-${justify}`)),\n          getStyle(styles, camelCase(`align-${align}`)),\n          className,\n          {\n            [styles.wrap]: wrap\n          }\n        )}\n        tabIndex={tabIndex}\n        onClick={onClick}\n        onMouseDown={onMouseDown}\n        style={overrideStyle}\n        aria-label={ariaLabel}\n      >\n        {children}\n      </Element>\n    );\n  }\n);\n\ninterface FlexStaticProps {\n  justify: typeof FlexJustifyEnum;\n  align: typeof FlexAlignEnum;\n  gaps: typeof FlexGapEnum;\n  directions: typeof FlexDirectionEnum;\n}\n\nexport default withStaticProps<FlexProps, FlexStaticProps>(Flex, {\n  justify: FlexJustifyEnum,\n  align: FlexAlignEnum,\n  gaps: FlexGapEnum,\n  directions: FlexDirectionEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","_ref$elementType","elementType","_ref$direction","direction","_ref$wrap","wrap","children","_ref$justify","justify","_ref$align","align","flex","gap","onClick","onMouseDown","style","ariaLabelledby","ariaLabel","tabIndex","dataTestId","componentRef","useRef","mergedRef","useMergeRef","gapStyle","useMemo","concat","flexStyle","includes","_typeof","flexGrow","grow","flexShrink","shrink","flexBasis","basis","overrideStyle","Object","assign","onClickProps","React","createElement","Clickable","cx","styles","container","getStyle","camelCase","_defineProperty","FlexJustifyEnum","FlexAlignEnum","gaps","FlexGapEnum","directions","FlexDirectionEnum"],"mappings":"kmBA2EA,IAgGeA,EAAAA,EAhGFC,GACX,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACnBO,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,GAAQA,EACZE,EAAQV,EAARU,SAAQC,EAAAX,EACRY,QAAAA,OAAU,IAAHD,EAAG,QAAOA,EAAAE,EAAAb,EACjBc,MAAAA,OAAQ,IAAHD,EAAG,SAAQA,EAChBE,EAAIf,EAAJe,KACAC,EAAGhB,EAAHgB,IACAC,EAAOjB,EAAPiB,QACAC,EAAWlB,EAAXkB,YACAC,EAAKnB,EAALmB,MACAC,EAAcpB,EAAdoB,eACAC,EAASrB,EAATqB,UACAC,EAAQtB,EAARsB,SACeC,EAAUvB,EAAzB,eAIIwB,EAAeC,EAAoB,MACnCC,EAAYC,EAAY1B,EAAKuB,GAE7BI,EAAWC,GAAQ,WACvB,GAAKb,EAGL,MAAmB,iBAARA,EACF,CAAEA,IAAG,GAAAc,OAAKd,EAAG,OAEf,CAAEA,IAAG,iBAAAc,OAAmBd,EAAG,KACpC,GAAG,CAACA,IAEEe,EAAYF,GAAQ,WACxB,OAAKd,EAED,CAAC,SAAU,UAAUiB,SAAQC,EAAQlB,IAChC,CAAEA,KAAAA,GAGS,WAAhBkB,EAAOlB,GACF,CACLmB,SAAUnB,EAAKoB,KACfC,WAAYrB,EAAKsB,OACjBC,UAAWvB,EAAKwB,OAIb,GAdW,EAepB,GAAG,CAACxB,IAEEyB,EAAgBX,GAAQ,WAAA,OAAYY,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAvB,GAAUS,GAAaG,EAAY,GAAE,CAACZ,EAAOS,EAAUG,IAC3FY,EAAed,GAAQ,WAC3B,OAAIZ,EAAgB,CAAEZ,YAAAA,EAAae,eAAAA,GAC5B,CAAE,kBAAmBA,EAC7B,GAAE,CAACH,EAASZ,EAAae,IAG1B,OACEwB,EAAAC,cAHc5B,EAAU6B,EAAYzC,EAG5BoC,OAAAC,OAAA,CACNvC,GAAIA,EAAE,cACOoB,GACToB,EAAY,CAChB1C,IAAKyB,EACLxB,UAAW6C,EACTC,EAAOC,UACPC,EAASF,EAAQG,EAAS,aAAArB,OAAcvB,KACxC2C,EAASF,EAAQG,EAAS,WAAArB,OAAYlB,KACtCsC,EAASF,EAAQG,EAAS,SAAArB,OAAUhB,KACpCZ,EAASkD,EAAA,CAAA,EAENJ,EAAOvC,KAAOA,IAGnBa,SAAUA,EACVL,QAASA,EACTC,YAAaA,EACbC,MAAOqB,EAAa,aACRnB,IAEXX,EAGP,IAU+D,CAC/DE,QAASyC,EACTvC,MAAOwC,EACPC,KAAMC,EACNC,WAAYC"}

package/dist/src/components/Flex/Flex.module.scss.js

@@ -1,2 +0,0 @@
-var n={container:"container_bdf8ca883a",justifyStart:"justifyStart_eb8e041d0b",justifyEnd:"justifyEnd_03b15ab73b",justifyCenter:"justifyCenter_a82feaa054",justifySpaceBetween:"justifySpaceBetween_920abc2c5c",justifySpaceAround:"justifySpaceAround_53ef92130f",justifyInital:"justifyInital_ca71d43f18",alignStart:"alignStart_949ab7c8c9",alignEnd:"alignEnd_1416a61697",alignCenter:"alignCenter_4f27e5e245",alignStretch:"alignStretch_2d06e159b0",alignBaseline:"alignBaseline_7e54720240",alignInitial:"alignInitial_3895f5cc13",directionColumn:"directionColumn_868fda5878",wrap:"wrap_b5c10820fe"};!function(n){const e="s_id-3ad7193e0a34_3_77_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_bdf8ca883a {\n  display: flex;\n  flex-direction: row;\n}\n.container_bdf8ca883a.justifyStart_eb8e041d0b {\n  justify-content: flex-start;\n}\n.container_bdf8ca883a.justifyEnd_03b15ab73b {\n  justify-content: flex-end;\n}\n.container_bdf8ca883a.justifyCenter_a82feaa054 {\n  justify-content: center;\n}\n.container_bdf8ca883a.justifySpaceBetween_920abc2c5c {\n  justify-content: space-between;\n}\n.container_bdf8ca883a.justifySpaceAround_53ef92130f {\n  justify-content: space-around;\n}\n.container_bdf8ca883a.justifyInital_ca71d43f18 {\n  justify-content: initial;\n}\n.container_bdf8ca883a.alignStart_949ab7c8c9 {\n  align-items: flex-start;\n}\n.container_bdf8ca883a.alignEnd_1416a61697 {\n  align-items: flex-end;\n}\n.container_bdf8ca883a.alignCenter_4f27e5e245 {\n  align-items: center;\n}\n.container_bdf8ca883a.alignStretch_2d06e159b0 {\n  align-items: stretch;\n}\n.container_bdf8ca883a.alignBaseline_7e54720240 {\n  align-items: baseline;\n}\n.container_bdf8ca883a.alignInitial_3895f5cc13 {\n  align-items: initial;\n}\n.container_bdf8ca883a.directionColumn_868fda5878 {\n  flex-direction: column;\n}\n.container_bdf8ca883a.wrap_b5c10820fe {\n  flex-wrap: wrap;\n}");export{n as default};
-//# sourceMappingURL=Flex.module.scss.js.map