@vibe/core 4.5.17 → 4.5.19

package/dist/mocked_classnames/components/Badge/Indicator/Indicator.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { type IndicatorColor } from "./Indicator.types";
-import { type VibeComponentProps } from "../../../types";
-export interface IndicatorProps extends VibeComponentProps {
-    /**
-     * The color of the indicator.
-     */
-    color?: IndicatorColor;
-}
-declare const Indicator: ({ color, className, id, "data-testid": dataTestId }: IndicatorProps) => React.JSX.Element;
-export default Indicator;

package/dist/mocked_classnames/components/Badge/Indicator/Indicator.types.d.ts

@@ -1 +0,0 @@
-export type IndicatorColor = "primary" | "notification";

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

@@ -1,2 +0,0 @@
-export { default as Badge, type BadgeProps } from "./Badge";
-export * from "./Badge.types";

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

@@ -1,114 +0,0 @@
-import React from "react";
-import { type ElementAllowedColor } from "../../types/Colors";
-import { type AvatarType } from "@vibe/avatar";
-import { type ElementContent, type VibeComponentProps } from "../../types";
-import { type SubIcon } from "@vibe/icon";
-import { type ChipsSize } from "./Chips.types";
-export interface ChipsProps extends VibeComponentProps {
-    /**
-     * The text or content displayed inside the chip.
-     */
-    label?: ElementContent;
-    /**
-     * If true, the chip is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, the chip is read-only and cannot be deleted.
-     */
-    readOnly?: boolean;
-    /**
-     * A React element displayed on the right side.
-     */
-    rightRenderer?: ElementContent;
-    /**
-     * A React element displayed on the left side.
-     */
-    leftRenderer?: ElementContent;
-    /**
-     * Icon displayed on the right side.
-     */
-    rightIcon?: SubIcon;
-    /**
-     * Icon displayed on the left side.
-     */
-    leftIcon?: SubIcon;
-    /**
-     * Image URL or text for an avatar displayed on the right.
-     */
-    rightAvatar?: string;
-    /**
-     * The type of avatar displayed on the right.
-     */
-    rightAvatarType?: AvatarType;
-    /**
-     * Image URL or text for an avatar displayed on the left.
-     */
-    leftAvatar?: string;
-    /**
-     * The type of avatar displayed on the left.
-     */
-    leftAvatarType?: AvatarType;
-    /**
-     * Class name applied to left or right icons.
-     */
-    iconClassName?: string;
-    /**
-     * Class name applied to left or right avatars.
-     */
-    avatarClassName?: string;
-    /**
-     * The background color of the chip.
-     */
-    color?: Exclude<ElementAllowedColor, "dark_indigo" | "blackish">;
-    /**
-     * The size of the icons inside the chip.
-     */
-    iconSize?: number | string;
-    /**
-     * Callback fired when the chip is deleted.
-     */
-    onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;
-    /**
-     * If true, disables the chip's entry animation.
-     */
-    noAnimation?: boolean;
-    /**
-     * If true, allows the user to select text inside the chip.
-     */
-    allowTextSelection?: boolean;
-    /**
-     * Callback fired when the mouse button is pressed on the chip.
-     */
-    onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    /**
-     * Callback fired when the chip is clicked.
-     */
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    /**
-     * The label of the chip for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * If true, indicates that the chip has a popup.
-     */
-    "aria-haspopup"?: boolean;
-    /**
-     * If true, displays a border around the chip.
-     */
-    showBorder?: boolean;
-    /**
-     * The label for the close button.
-     */
-    closeButtonAriaLabel?: string;
-    /**
-     * If true, removes the default margin from the chip.
-     */
-    noMargin?: boolean;
-    /**
-     * The size of the chip.
-     */
-    size?: ChipsSize;
-}
-declare const Chips: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLDivElement>>;
-export default Chips;

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

@@ -1 +0,0 @@
-export type ChipsSize = "small" | "medium";

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

@@ -1,2 +0,0 @@
-export { default as Chips, type ChipsProps } from "./Chips";
-export * from "./Chips.types";

package/dist/mocked_classnames/hooks/useSetFocus/index.d.ts

@@ -1,10 +0,0 @@
-import { type RefObject } from "react";
-export default function useSetFocus({ ref, focusCallback, blurCallback }: {
-    ref: RefObject<HTMLElement>;
-    focusCallback?: () => void;
-    blurCallback?: () => void;
-}): {
-    isFocused: boolean;
-    focus: () => void;
-    blur: () => void;
-};

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

@@ -1,2 +0,0 @@
-import{slicedToArray as e,toConsumableArray as o,defineProperty as a}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import n from"classnames";import t,{forwardRef as i,useRef as r,useState as l,useMemo as s,useCallback as c}from"react";import{useMergeRef as d}from"@vibe/shared";import m from"./Accordion.module.scss.js";import{ComponentVibeId as u}from"../../../tests/constants.js";var p="monday-accordion";var f=i((function(i,f){var v=i.children,C=void 0===v?null:v,b=i.allowMultiple,h=void 0!==b&&b,j=i["data-testid"],x=void 0===j?p:j,A=i.defaultIndex,O=void 0===A?[]:A,g=i.className,y=void 0===g?"":g,E=i.id,I=r(null),N=d(f,I),k=l(O),P=e(k,2),_=P[0],w=P[1],B=s((function(){return t.Children.toArray(C)}),[C]),D=c((function(e){return _.includes(e)}),[_]),H=c((function(e){if(h){var a=o(_);if(D(e)){var n=a.indexOf(e);n>-1&&a.splice(n,1)}else a.push(e);w(a)}else D(e)?w([]):w([e])}),[D,_,h]),L=s((function(){return t.Children.map(B,(function(e,o){var i,r,l,s=Object.assign({},null==e?void 0:e.props),c=(i=o,l=E,(r=s).id?r.id:l?"".concat(l,"--item-").concat(i):"".concat(p,"--item-").concat(i));return t.cloneElement(e,Object.assign(Object.assign({},s),{id:c,onClickAccordionCallback:function(){H(o)},open:D(o),expandCollapseComponentClassName:n(m.accordionItemExpandCollapse,a({},m.accordionItemExpandCollapseLast,o===B.length-1))}))}))}),[B,E,D,H]);return t.createElement("div",{ref:N,className:n(m.accordion,y),"data-testid":x,"data-vibe":u.ACCORDION,id:E},B&&L)}));export{f as default};
-//# sourceMappingURL=Accordion.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../../../src/components/Accordion/Accordion/Accordion.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, type ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport styles from \"./Accordion.module.scss\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\n\nconst COMPONENT_ID = \"monday-accordion\";\n\nfunction defineChildId(index: number, props: { id: string }, accordionId: string) {\n  if (props.id) {\n    return props.id;\n  }\n  if (accordionId) {\n    return `${accordionId}--item-${index}`;\n  }\n  return `${COMPONENT_ID}--item-${index}`;\n}\n\nexport interface AccordionProps extends VibeComponentProps {\n  /**\n   * The content of the accordion (`AccordionItem` components).\n   */\n  children?: Array<ReactElement> | ReactElement;\n  /**\n   * If true, multiple accordion items can be expanded at the same time.\n   */\n  allowMultiple?: boolean;\n  /**\n   * An array of initially expanded item indexes.\n   */\n  defaultIndex?: Array<number>;\n}\n\nconst Accordion = forwardRef(\n  (\n    {\n      children: originalChildren = null,\n      allowMultiple = false,\n      \"data-testid\": dataTestId = COMPONENT_ID,\n      defaultIndex = [],\n      className = \"\",\n      id\n    }: AccordionProps,\n    ref: React.ForwardedRef<unknown>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [expandedItems, setExpandedItems] = useState(defaultIndex);\n\n    const children = useMemo(() => React.Children.toArray(originalChildren), [originalChildren]);\n\n    const isChildExpanded = useCallback(\n      (itemIndex: number) => {\n        return expandedItems.includes(itemIndex);\n      },\n      [expandedItems]\n    );\n\n    const onChildClick = useCallback(\n      (itemIndex: number) => {\n        if (allowMultiple) {\n          const newExpandedItems = [...expandedItems];\n          if (isChildExpanded(itemIndex)) {\n            const index = newExpandedItems.indexOf(itemIndex);\n            if (index > -1) {\n              newExpandedItems.splice(index, 1);\n            }\n          } else {\n            newExpandedItems.push(itemIndex);\n          }\n          setExpandedItems(newExpandedItems);\n          return;\n        }\n\n        if (isChildExpanded(itemIndex)) {\n          setExpandedItems([]);\n        } else {\n          setExpandedItems([itemIndex]);\n        }\n      },\n      [isChildExpanded, expandedItems, allowMultiple]\n    );\n\n    const renderChildElements = useMemo(() => {\n      return React.Children.map(children, (child: ReactElement, itemIndex) => {\n        const originalProps = { ...child?.props };\n        const childId = defineChildId(itemIndex, originalProps, id);\n        return React.cloneElement(child, {\n          ...originalProps,\n          id: childId,\n          onClickAccordionCallback: () => {\n            onChildClick(itemIndex);\n          },\n          open: isChildExpanded(itemIndex),\n          expandCollapseComponentClassName: cx(styles.accordionItemExpandCollapse, {\n            [styles.accordionItemExpandCollapseLast]: itemIndex === children.length - 1\n          })\n        });\n      });\n    }, [children, id, isChildExpanded, onChildClick]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.accordion, className)}\n        data-testid={dataTestId}\n        data-vibe={ComponentVibeId.ACCORDION}\n        id={id}\n      >\n        {children && renderChildElements}\n      </div>\n    );\n  }\n);\n\nexport default Accordion;\n"],"names":["COMPONENT_ID","Accordion","forwardRef","_ref","ref","_ref$children","children","originalChildren","_ref$allowMultiple","allowMultiple","_ref$dataTestid","dataTestId","_ref$defaultIndex","defaultIndex","_ref$className","className","id","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","expandedItems","setExpandedItems","useMemo","React","Children","toArray","isChildExpanded","useCallback","itemIndex","includes","onChildClick","newExpandedItems","_toConsumableArray","index","indexOf","splice","push","renderChildElements","map","child","props","accordionId","originalProps","Object","assign","childId","concat","cloneElement","onClickAccordionCallback","open","expandCollapseComponentClassName","cx","styles","accordionItemExpandCollapse","_defineProperty","accordionItemExpandCollapseLast","length","createElement","accordion","ComponentVibeId","ACCORDION"],"mappings":"wYAOA,IAAMA,EAAe,mBA2BfC,IAAAA,EAAYC,GAChB,SAAAC,EASEC,GACE,IAAAC,EAAAF,EARAG,SAAUC,OAAmB,IAAHF,EAAG,KAAIA,EAAAG,EAAAL,EACjCM,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAP,EACrB,eAAeQ,OAAaX,IAAHU,EAAGV,EAAYU,EAAAE,EAAAT,EACxCU,aAAAA,OAAe,IAAHD,EAAG,GAAEA,EAAAE,EAAAX,EACjBY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAEb,EAAFa,GAIIC,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAA0CC,EAAST,GAAaU,EAAAC,EAAAH,EAAA,GAAzDI,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAEhCjB,EAAWqB,GAAQ,WAAA,OAAMC,EAAMC,SAASC,QAAQvB,KAAmB,CAACA,IAEpEwB,EAAkBC,GACtB,SAACC,GACC,OAAOR,EAAcS,SAASD,EAChC,GACA,CAACR,IAGGU,EAAeH,GACnB,SAACC,GACC,GAAIxB,EAAJ,CACE,IAAM2B,EAAgBC,EAAOZ,GAC7B,GAAIM,EAAgBE,GAAY,CAC9B,IAAMK,EAAQF,EAAiBG,QAAQN,GACnCK,GAAS,GACXF,EAAiBI,OAAOF,EAAO,EAEnC,MACEF,EAAiBK,KAAKR,GAExBP,EAAiBU,EAEnB,MAEIL,EAAgBE,GAClBP,EAAiB,IAEjBA,EAAiB,CAACO,GAErB,GACD,CAACF,EAAiBN,EAAehB,IAG7BiC,EAAsBf,GAAQ,WAClC,OAAOC,EAAMC,SAASc,IAAIrC,GAAU,SAACsC,EAAqBX,GACxD,IA9EeK,EAAeO,EAAuBC,EA8E/CC,EAAqBC,OAAAC,OAAA,CAAA,EAAAL,eAAAA,EAAOC,OAC5BK,GA/ESZ,EA+EeL,EA/EuBa,EA+EG9B,GA/E1B6B,EA+EWE,GA9ErC/B,GACD6B,EAAM7B,GAEX8B,EACF,GAAAK,OAAUL,EAAWK,WAAAA,OAAUb,GAEjC,GAAAa,OAAUnD,EAAYmD,WAAAA,OAAUb,IAyE1B,OAAOV,EAAMwB,aAAaR,EACrBI,OAAAC,OAAAD,OAAAC,OAAA,GAAAF,GACH,CAAA/B,GAAIkC,EACJG,yBAA0B,WACxBlB,EAAaF,EACd,EACDqB,KAAMvB,EAAgBE,GACtBsB,iCAAkCC,EAAGC,EAAOC,4BAA2BC,EACpEF,CAAAA,EAAAA,EAAOG,gCAAkC3B,IAAc3B,EAASuD,OAAS,MAGhF,GACD,GAAE,CAACvD,EAAUU,EAAIe,EAAiBI,IAEnC,OACEP,EAAAkC,cAAA,MAAA,CACE1D,IAAKe,EACLJ,UAAWyC,EAAGC,EAAOM,UAAWhD,GACnB,cAAAJ,EACF,YAAAqD,EAAgBC,UAC3BjD,GAAIA,GAEHV,GAAYoC,EAGnB"}

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

@@ -1,2 +0,0 @@
-var e={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast"};!function(e){const o="s_id-0e4aa6b3ed9f_4_5_16";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion .accordionItemExpandCollapse {\n  border-radius: 0;\n  border-top: none;\n  border-inline: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion .accordionItemExpandCollapseLast {\n  border-bottom: none;\n}");export{e as default};
-//# sourceMappingURL=Accordion.module.scss.js.map

package/dist/mocked_classnames/src/components/Accordion/AccordionItem/AccordionItem.js

@@ -1,2 +0,0 @@
-import e,{forwardRef as o,useRef as i,useCallback as a}from"react";import{useMergeRef as n}from"@vibe/shared";import{ExpandCollapse as l}from"@vibe/expand-collapse/mockedClassNames";var c=o((function(o,c){var t=o.children,r=void 0===t?null:t,s=o.title,d=void 0===s?"":s,m=o.className,p=void 0===m?"":m,C=o.iconSize,v=void 0===C?24:C,N=o.iconPosition,u=void 0===N?"right":N,f=o.id,h=o.open,k=o.onClick,x=o.onClickAccordionCallback,b=o.hideBorder,z=void 0!==b&&b,B=o.headerClassName,E=o.contentClassName,O=o.expandCollapseComponentClassName,P=o.captureOnClick,S=void 0===P||P,g=i(null),A=n(c,g),j=a((function(){x&&x(),k&&k()}),[x,k]);return e.createElement("div",{ref:A,className:p,id:f},e.createElement(l,{iconSize:v,iconPosition:u,id:"expand-collapse--".concat(f),onClick:j,open:h,title:d,hideBorder:z,componentClassName:O,headerClassName:B,contentClassName:E,captureOnClick:S},r))}));export{c as default};
-//# sourceMappingURL=AccordionItem.js.map

package/dist/mocked_classnames/src/components/Accordion/AccordionItem/AccordionItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { ExpandCollapse, type ExpandCollapseIconPosition } from \"@vibe/expand-collapse\";\nimport { type VibeComponentProps, type ElementContent } from \"../../../types\";\n\nexport interface AccordionItemProps extends VibeComponentProps {\n  /**\n   * The header content displayed in the accordion item.\n   */\n  title?: ElementContent;\n  /**\n   * The content rendered inside the accordion item.\n   */\n  children?: ElementContent;\n  /**\n   * The size of the expand/collapse icon.\n   */\n  iconSize?: number | string;\n  /**\n   * The position of the expand/collapse icon.\n   */\n  iconPosition?: ExpandCollapseIconPosition;\n  /**\n   * Callback fired upon item click.\n   */\n  onClick?: () => void;\n  /** @ignore */\n  open?: boolean;\n  /** @ignore */\n  onClickAccordionCallback?: () => void;\n  /**\n   * If true, the accordion item's border is hidden.\n   */\n  hideBorder?: boolean;\n  /**\n   * Class name applied to the accordion item's header.\n   */\n  headerClassName?: string;\n  /**\n   * Class name applied to the accordion item's content.\n   */\n  contentClassName?: string;\n  /**\n   * If true, the click event is handled during the capture phase.\n   */\n  captureOnClick?: boolean;\n  /**\n   * Class name applied to the expand/collapse component.\n   */\n  expandCollapseComponentClassName?: string;\n}\n\nconst AccordionItem: React.FC<AccordionItemProps> = forwardRef(\n  (\n    {\n      children = null,\n      title = \"\",\n      className = \"\",\n      iconSize = 24,\n      iconPosition = \"right\",\n      id,\n      open,\n      onClick,\n      onClickAccordionCallback,\n      hideBorder = false,\n      headerClassName,\n      contentClassName,\n      expandCollapseComponentClassName,\n      captureOnClick = true\n    },\n    ref\n  ) => {\n    // Change onClick param name to onClickCallback in 1.0.0\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const onClickCallback = useCallback(() => {\n      onClickAccordionCallback && onClickAccordionCallback();\n      onClick && onClick();\n    }, [onClickAccordionCallback, onClick]);\n\n    return (\n      <div ref={mergedRef} className={className} id={id}>\n        <ExpandCollapse\n          iconSize={iconSize}\n          iconPosition={iconPosition}\n          id={`expand-collapse--${id}`}\n          onClick={onClickCallback}\n          open={open}\n          title={title}\n          hideBorder={hideBorder}\n          componentClassName={expandCollapseComponentClassName}\n          headerClassName={headerClassName}\n          contentClassName={contentClassName}\n          captureOnClick={captureOnClick}\n        >\n          {children}\n        </ExpandCollapse>\n      </div>\n    );\n  }\n);\n\nexport default AccordionItem;\n"],"names":["AccordionItem","forwardRef","_ref","ref","_ref$children","children","_ref$title","title","_ref$className","className","_ref$iconSize","iconSize","_ref$iconPosition","iconPosition","id","open","onClick","onClickAccordionCallback","_ref$hideBorder","hideBorder","headerClassName","contentClassName","expandCollapseComponentClassName","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","onClickCallback","useCallback","React","createElement","ExpandCollapse","concat","componentClassName"],"mappings":"sLAoDMA,IAAAA,EAA8CC,GAClD,SAAAC,EAiBEC,GACE,IAAAC,EAAAF,EAhBAG,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAJ,EACfK,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACVO,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACdS,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACbW,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EACtBE,EAAEZ,EAAFY,GACAC,EAAIb,EAAJa,KACAC,EAAOd,EAAPc,QACAC,EAAwBf,EAAxBe,yBAAwBC,EAAAhB,EACxBiB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAelB,EAAfkB,gBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAgCpB,EAAhCoB,iCAAgCC,EAAArB,EAChCsB,eAAAA,OAAiB,IAAHD,GAAOA,EAKjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAYzB,EAAKsB,GAE7BI,EAAkBC,GAAY,WAClCb,GAA4BA,IAC5BD,GAAWA,GACb,GAAG,CAACC,EAA0BD,IAE9B,OACEe,EAAAC,cAAA,MAAA,CAAK7B,IAAKwB,EAAWlB,UAAWA,EAAWK,GAAIA,GAC7CiB,EAACC,cAAAC,EACC,CAAAtB,SAAUA,EACVE,aAAcA,EACdC,GAAEoB,oBAAAA,OAAsBpB,GACxBE,QAASa,EACTd,KAAMA,EACNR,MAAOA,EACPY,WAAYA,EACZgB,mBAAoBb,EACpBF,gBAAiBA,EACjBC,iBAAkBA,EAClBG,eAAgBA,GAEfnB,GAIT"}

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

@@ -1,2 +0,0 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as o}from"react";import i from"classnames";import a from"./layouts/AttentionBoxDefault/AttentionBoxDefault.js";import s from"./layouts/AttentionBoxCompact/AttentionBoxCompact.js";import{resolveAttentionBoxIcon as n}from"./utils/iconUtils.js";import{ComponentDefaultTestId as r,ComponentVibeId as l}from"../../tests/constants.js";import{getTestId as m}from"../../tests/testIds.js";import c from"./AttentionBox.module.scss.js";var p=o((function(o,p){var d=o.compact,f=void 0!==d&&d,u=o.title,v=o.animate,B=void 0===v||v,j=o.iconType,A=void 0===j?"svg":j,T=o.type,x=void 0===T?"primary":T,y=o.children,b=o.text,N=o.action,O=o.link,g=o.id,E=o.onClose,C=o.closeButtonAriaLabel,_=o.className,I=o["data-testid"],k="negative"===x?"alert":"status",D=n(o.icon,x),L=y||b,P=i(c.attention,c[x],t({},c.animate,B),_),X={onClose:E,closeButtonAriaLabel:C,action:N,link:O,icon:D,iconType:A,content:L};return e.createElement("div",{ref:p,className:P,role:k,id:g,"data-testid":I||m(r.ATTENTION_BOX,g),"data-vibe":l.ATTENTION_BOX},f?e.createElement(s,Object.assign({},X)):e.createElement(a,Object.assign({title:u},X)))}));export{p as default};
-//# sourceMappingURL=AttentionBox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AttentionBox.js","sources":["../../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport type { AttentionBoxProps, AttentionBoxRole } from \"./AttentionBox.types\";\nimport AttentionBoxDefault from \"./layouts/AttentionBoxDefault/AttentionBoxDefault\";\nimport AttentionBoxCompact from \"./layouts/AttentionBoxCompact/AttentionBoxCompact\";\nimport { resolveAttentionBoxIcon } from \"./utils/iconUtils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./AttentionBox.module.scss\";\n\nconst AttentionBox = forwardRef(\n  (\n    {\n      compact = false,\n      title,\n      animate = true,\n      icon,\n      iconType = \"svg\",\n      type = \"primary\",\n      children,\n      text,\n      action,\n      link,\n      id,\n      onClose,\n      closeButtonAriaLabel,\n      className,\n      \"data-testid\": dataTestId\n    }: AttentionBoxProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const role: AttentionBoxRole = type === \"negative\" ? \"alert\" : \"status\";\n    const displayIcon = resolveAttentionBoxIcon(icon, type);\n    const content = children || text;\n\n    const baseClasses = cx(\n      styles.attention,\n      styles[type],\n      {\n        [styles.animate]: animate\n      },\n      className\n    );\n\n    const layoutSharedProps = {\n      onClose,\n      closeButtonAriaLabel,\n      action,\n      link,\n      icon: displayIcon,\n      iconType,\n      content\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={baseClasses}\n        role={role}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n        data-vibe={ComponentVibeId.ATTENTION_BOX}\n      >\n        {compact ? (\n          <AttentionBoxCompact {...layoutSharedProps} />\n        ) : (\n          <AttentionBoxDefault title={title} {...layoutSharedProps} />\n        )}\n      </div>\n    );\n  }\n);\n\nexport default AttentionBox;\n"],"names":["AttentionBox","forwardRef","_ref","ref","_ref$compact","compact","title","_ref$animate","animate","_ref$iconType","iconType","_ref$type","type","children","text","action","link","id","onClose","closeButtonAriaLabel","className","dataTestId","role","displayIcon","resolveAttentionBoxIcon","icon","content","baseClasses","cx","styles","attention","_defineProperty","layoutSharedProps","React","createElement","getTestId","ComponentDefaultTestId","ATTENTION_BOX","ComponentVibeId","AttentionBoxCompact","Object","assign","AttentionBoxDefault"],"mappings":"8gBAUMA,IAAAA,EAAeC,GACnB,SAAAC,EAkBEC,GACE,IAAAC,EAAAF,EAjBAG,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,QAAAA,OAAU,IAAHD,GAAOA,EACVE,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAAAE,EAAAT,EAChBU,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAQX,EAARW,SACAC,EAAIZ,EAAJY,KACAC,EAAMb,EAANa,OACAC,EAAId,EAAJc,KACAC,EAAEf,EAAFe,GACAC,EAAOhB,EAAPgB,QACAC,EAAoBjB,EAApBiB,qBACAC,EAASlB,EAATkB,UACeC,EAAUnB,EAAzB,eAIIoB,EAAkC,aAATV,EAAsB,QAAU,SACzDW,EAAcC,EAhBdtB,EAAJuB,KAgBgDb,GAC5Cc,EAAUb,GAAYC,EAEtBa,EAAcC,EAClBC,EAAOC,UACPD,EAAOjB,GAAKmB,KAETF,EAAOrB,QAAUA,GAEpBY,GAGIY,EAAoB,CACxBd,QAAAA,EACAC,qBAAAA,EACAJ,OAAAA,EACAC,KAAAA,EACAS,KAAMF,EACNb,SAAAA,EACAgB,QAAAA,GAGF,OACEO,EAAAC,cAAA,MAAA,CACE/B,IAAKA,EACLiB,UAAWO,EACXL,KAAMA,EACNL,GAAIA,EAAE,cACOI,GAAcc,EAAUC,EAAuBC,cAAepB,GAChE,YAAAqB,EAAgBD,eAE1BhC,EACC4B,EAACC,cAAAK,EAAwBC,OAAAC,OAAA,CAAA,EAAAT,IAEzBC,EAACC,cAAAQ,EAAoBF,OAAAC,OAAA,CAAAnC,MAAOA,GAAW0B,IAI/C"}

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

@@ -1,2 +0,0 @@
-var n={attention:"attention",animate:"animate",attentionBoxAnimation:"attentionBoxAnimation",primary:"primary",positive:"positive",negative:"negative",warning:"warning",neutral:"neutral"};!function(n){const t="s_id-4a6eadcbcb7d_4_5_16";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("@keyframes attentionBoxAnimation {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention.animate {\n  animation: attentionBoxAnimation 200ms var(--motion-timing-transition);\n}\n.attention.primary {\n  background-color: var(--primary-selected-color);\n}\n.attention.positive {\n  background-color: var(--positive-color-selected);\n}\n.attention.negative {\n  background-color: var(--negative-color-selected);\n}\n.attention.warning {\n  background-color: var(--warning-color-selected);\n}\n.attention.neutral {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
-//# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.js

@@ -1,2 +0,0 @@
-import{__rest as t}from"../../../../../_virtual/_tslib.js";import e,{forwardRef as r}from"react";import{Button as o}from"@vibe/button/mockedClassNames";var a=r((function(r,a){var i=r.text,s=t(r,["text"]);return e.createElement(o,Object.assign({ref:a,size:"small",kind:"secondary",color:"inverted"},s),i)}));export{a as default};
-//# sourceMappingURL=AttentionBoxButton.js.map

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttentionBoxButton.js","sources":["../../../../../../../src/components/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\n\nexport interface AttentionBoxButtonProps extends Omit<ButtonProps, \"size\" | \"kind\" | \"color\" | \"children\"> {\n  text: string;\n}\n\nconst AttentionBoxButton = forwardRef<HTMLButtonElement, AttentionBoxButtonProps>(({ text, ...buttonProps }, ref) => (\n  <Button ref={ref} size=\"small\" kind=\"secondary\" color=\"inverted\" {...buttonProps}>\n    {text}\n  </Button>\n));\n\nexport default AttentionBoxButton;\n"],"names":["AttentionBoxButton","forwardRef","_a","ref","text","buttonProps","__rest","React","createElement","Button","Object","assign","size","kind","color"],"mappings":"wJAOMA,IAAAA,EAAqBC,GAAuD,SAACC,EAA0BC,GAA1B,IAAEC,EAAsBF,EAAtBE,KAASC,EAAWC,EAAAJ,EAAtB,UAAkC,OACnHK,EAACC,cAAAC,EAAOC,OAAAC,OAAA,CAAAR,IAAKA,EAAKS,KAAK,QAAQC,KAAK,YAAYC,MAAM,YAAeT,GAClED,EAEJ"}

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.js

@@ -1,2 +0,0 @@
-import o from"react";import e from"classnames";import{IconButton as t}from"@vibe/icon-button/mockedClassNames";import{CloseSmall as s}from"@vibe/icons";import i from"./AttentionBoxCloseButton.module.scss.js";var r=function(r){var a=r.closeButtonAriaLabel;return o.createElement(t,{icon:s,size:"xs",kind:"tertiary",onClick:r.onClose,"aria-label":void 0===a?"Close":a,hideTooltip:!0,className:e(i.closeButton,r.className)})};export{r as default};
-//# sourceMappingURL=AttentionBoxCloseButton.js.map

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttentionBoxCloseButton.js","sources":["../../../../../../../src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport styles from \"./AttentionBoxCloseButton.module.scss\";\n\nexport interface AttentionBoxCloseButtonProps {\n  onClose?: (event: React.MouseEvent) => void;\n  closeButtonAriaLabel?: string;\n  className?: string;\n}\n\nconst AttentionBoxCloseButton = ({\n  onClose,\n  closeButtonAriaLabel = \"Close\",\n  className\n}: AttentionBoxCloseButtonProps) => {\n  return (\n    <IconButton\n      icon={CloseSmall}\n      size=\"xs\"\n      kind=\"tertiary\"\n      onClick={onClose}\n      aria-label={closeButtonAriaLabel}\n      hideTooltip\n      className={cx(styles.closeButton, className)}\n    />\n  );\n};\n\nexport default AttentionBoxCloseButton;\n"],"names":["AttentionBoxCloseButton","_ref","_ref$closeButtonAriaL","closeButtonAriaLabel","React","createElement","IconButton","icon","CloseSmall","size","kind","onClick","onClose","hideTooltip","className","cx","styles","closeButton"],"mappings":"gNAYA,IAAMA,EAA0B,SAAHC,GAIM,IAH1BC,EAAAD,EACPE,qBAGA,OACEC,EAACC,cAAAC,EACC,CAAAC,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,QATGV,EAAPW,QASoB,kBARG,IAAHV,EAAG,QAAOA,EAU1BW,aACA,EAAAC,UAAWC,EAAGC,EAAOC,YAVhBhB,EAATa,YAaF"}

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js

@@ -1,2 +0,0 @@
-var e={closeButton:"closeButton"};!function(e){const t="s_id-979f8aeb619b_4_5_16";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton {\n  flex-shrink: 0;\n}\n.closeButton:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
-//# sourceMappingURL=AttentionBoxCloseButton.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.js

@@ -1,2 +0,0 @@
-import o from"react";import e from"classnames";import{Icon as s}from"@vibe/icon/mockedClassNames";import a from"./AttentionBoxLeadingIcon.module.scss.js";var i=function(i){var m=i.iconType;return o.createElement(s,{icon:i.icon,type:void 0===m?"svg":m,size:20,className:e(a.icon,i.className)})};export{i as default};
-//# sourceMappingURL=AttentionBoxLeadingIcon.js.map

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttentionBoxLeadingIcon.js","sources":["../../../../../../../src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { Icon, type SubIcon, type IconType } from \"@vibe/icon\";\nimport styles from \"./AttentionBoxLeadingIcon.module.scss\";\n\nexport interface AttentionBoxLeadingIconProps {\n  icon?: SubIcon;\n  iconType?: IconType;\n  className?: string;\n}\n\nconst AttentionBoxLeadingIcon = ({ icon, iconType = \"svg\", className }: AttentionBoxLeadingIconProps) => {\n  return <Icon icon={icon} type={iconType} size={20} className={cx(styles.icon, className)} />;\n};\n\nexport default AttentionBoxLeadingIcon;\n"],"names":["AttentionBoxLeadingIcon","_ref","_ref$iconType","iconType","React","createElement","Icon","icon","type","size","className","cx","styles"],"mappings":"0JAWA,IAAMA,EAA0B,SAAHC,GAA2E,IAAjEC,EAAAD,EAAEE,SACvC,OAAOC,EAAAC,cAACC,EAAI,CAACC,KADwBN,EAAJM,KACRC,UADyB,IAAHN,EAAG,MAAKA,EACdO,KAAM,GAAIC,UAAWC,EAAGC,EAAOL,KADNN,EAATS,YAE3D"}

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js

@@ -1,2 +0,0 @@
-var e={icon:"icon"};!function(e){const t="s_id-55a80ba34ba3_4_5_16";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
-//# sourceMappingURL=AttentionBoxLeadingIcon.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.js

@@ -1,2 +0,0 @@
-import{__rest as t}from"../../../../../_virtual/_tslib.js";import e,{forwardRef as a}from"react";import r from"classnames";import{Link as s}from"@vibe/link/mockedClassNames";import m from"./AttentionBoxLink.module.scss.js";var o=a((function(a,o){var i=a.target,n=a.className,l=t(a,["target","className"]);return e.createElement(s,Object.assign({ref:o,target:i,className:r(m.attentionBoxLink,n)},l))}));export{o as default};
-//# sourceMappingURL=AttentionBoxLink.js.map

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttentionBoxLink.js","sources":["../../../../../../../src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport styles from \"./AttentionBoxLink.module.scss\";\n\nexport type AttentionBoxLinkProps = LinkProps;\n\nconst AttentionBoxLink = forwardRef(\n  ({ target, className, ...linkProps }: AttentionBoxLinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) => {\n    return <Link ref={ref} target={target} className={cx(styles.attentionBoxLink, className)} {...linkProps} />;\n  }\n);\n\nexport default AttentionBoxLink;\n"],"names":["AttentionBoxLink","forwardRef","_a","ref","target","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","attentionBoxLink"],"mappings":"+NAOMA,IAAAA,EAAmBC,GACvB,SAACC,EAA4DC,OAA1DC,EAAiBF,EAAjBE,OAAQC,EAASH,EAATG,UAAcC,EAASC,EAAAL,EAAjC,wBACC,OAAOM,EAAAC,cAACC,EAAIC,OAAAC,OAAA,CAACT,IAAKA,EAAKC,OAAQA,EAAQC,UAAWQ,EAAGC,EAAOC,iBAAkBV,IAAgBC,GAChG"}

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js

@@ -1,2 +0,0 @@
-var e={attentionBoxLink:"attentionBoxLink"};!function(e){const t="s_id-f7cefb69d475_4_5_16";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a.attentionBoxLink {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
-//# sourceMappingURL=AttentionBoxLink.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/consts/icons.js

@@ -1,2 +0,0 @@
-import{Info as i,Check as r,Alert as e,Warning as a,Favorite as n}from"@vibe/icons";var o={primary:i,positive:r,negative:e,warning:a,neutral:n};export{o as ATTENTION_BOX_DEFAULT_ICONS};
-//# sourceMappingURL=icons.js.map

package/dist/mocked_classnames/src/components/AttentionBox/consts/icons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.js","sources":["../../../../../../src/components/AttentionBox/consts/icons.ts"],"sourcesContent":["import { Info, Check, Alert, Warning, Favorite } from \"@vibe/icons\";\nimport type { AttentionBoxType } from \"../AttentionBox.types\";\nimport type { SubIcon } from \"@vibe/icon\";\n\nexport const ATTENTION_BOX_DEFAULT_ICONS: Record<AttentionBoxType, SubIcon> = {\n  primary: Info,\n  positive: Check,\n  negative: Alert,\n  warning: Warning,\n  neutral: Favorite\n};\n"],"names":["ATTENTION_BOX_DEFAULT_ICONS","primary","Info","positive","Check","negative","Alert","warning","Warning","neutral","Favorite"],"mappings":"oFAIO,IAAMA,EAAiE,CAC5EC,QAASC,EACTC,SAAUC,EACVC,SAAUC,EACVC,QAASC,EACTC,QAASC"}

package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.js

@@ -1,2 +0,0 @@
-import t from"react";import{Flex as e}from"@vibe/layout/mockedClassNames";import{Text as o}from"@vibe/typography/mockedClassNames";import n from"../../components/AttentionBoxButton/AttentionBoxButton.js";import i from"../../components/AttentionBoxLink/AttentionBoxLink.js";import a from"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton.js";import s from"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.js";import m from"./AttentionBoxCompact.module.scss.js";var c=function(c){var r=c.icon,l=c.onClose,p=c.closeButtonAriaLabel,B=void 0===p?"Close":p,x=c.action,u=c.link,f=c.content,A=!(!x&&!u);return t.createElement(e,{align:"center",className:m.container},t.createElement(e,{gap:"xs",flex:"1",className:m.mainContentGroup},r&&t.createElement(s,{icon:r,iconType:c.iconType,className:m.leadingIcon}),t.createElement(o,{type:"text2",element:"string"==typeof f?"p":void 0,ellipsis:!0},f)),(A||!!l)&&t.createElement(e,{className:m.actionsGroup},u&&t.createElement(i,Object.assign({},u,{inlineText:!1})),x&&t.createElement(n,Object.assign({},x)),!!l&&t.createElement(a,{onClose:l,closeButtonAriaLabel:B})))};export{c as default};
-//# sourceMappingURL=AttentionBoxCompact.js.map

package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttentionBoxCompact.js","sources":["../../../../../../../src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport { Text } from \"@vibe/typography\";\nimport AttentionBoxButton from \"../../components/AttentionBoxButton/AttentionBoxButton\";\nimport AttentionBoxLink from \"../../components/AttentionBoxLink/AttentionBoxLink\";\nimport AttentionBoxCloseButton from \"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton\";\nimport AttentionBoxLeadingIcon from \"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon\";\nimport styles from \"./AttentionBoxCompact.module.scss\";\nimport type { AttentionBoxLayoutSharedProps } from \"../../AttentionBox.types\";\n\nexport type AttentionBoxCompactProps = AttentionBoxLayoutSharedProps;\n\nconst AttentionBoxCompact = ({\n  icon,\n  iconType,\n  onClose,\n  closeButtonAriaLabel = \"Close\",\n  action,\n  link,\n  content\n}: AttentionBoxCompactProps) => {\n  const hasActions = !!(action || link);\n\n  return (\n    <Flex align=\"center\" className={styles.container}>\n      <Flex gap=\"xs\" flex=\"1\" className={styles.mainContentGroup}>\n        {icon && <AttentionBoxLeadingIcon icon={icon} iconType={iconType} className={styles.leadingIcon} />}\n        <Text type=\"text2\" element={typeof content === \"string\" ? \"p\" : undefined} ellipsis>\n          {content}\n        </Text>\n      </Flex>\n      {(hasActions || !!onClose) && (\n        <Flex className={styles.actionsGroup}>\n          {link && <AttentionBoxLink {...link} inlineText={false} />}\n          {action && <AttentionBoxButton {...action} />}\n          {!!onClose && <AttentionBoxCloseButton onClose={onClose} closeButtonAriaLabel={closeButtonAriaLabel} />}\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n\nexport default AttentionBoxCompact;\n"],"names":["AttentionBoxCompact","_ref","icon","onClose","_ref$closeButtonAriaL","closeButtonAriaLabel","action","link","content","hasActions","React","createElement","Flex","align","className","styles","container","gap","flex","mainContentGroup","AttentionBoxLeadingIcon","iconType","leadingIcon","Text","type","element","undefined","ellipsis","actionsGroup","AttentionBoxLink","Object","assign","inlineText","AttentionBoxButton","AttentionBoxCloseButton"],"mappings":"2eAYA,IAAMA,EAAsB,SAAHC,GAQM,IAP7BC,EAAID,EAAJC,KAEAC,EAAOF,EAAPE,QAAOC,EAAAH,EACPI,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAML,EAANK,OACAC,EAAIN,EAAJM,KACAC,EAAOP,EAAPO,QAEMC,KAAgBH,IAAUC,GAEhC,OACEG,EAAAC,cAACC,EAAI,CAACC,MAAM,SAASC,UAAWC,EAAOC,WACrCN,EAAAC,cAACC,EAAI,CAACK,IAAI,KAAKC,KAAK,IAAIJ,UAAWC,EAAOI,kBACvCjB,GAAQQ,EAACC,cAAAS,EAAwB,CAAAlB,KAAMA,EAAMmB,SAZ5CpB,EAARoB,SAYwEP,UAAWC,EAAOO,cACpFZ,EAACC,cAAAY,EAAK,CAAAC,KAAK,QAAQC,QAA4B,iBAAZjB,EAAuB,SAAMkB,EAAWC,UAAQ,GAChFnB,KAGHC,KAAgBN,IAChBO,EAAAC,cAACC,EAAK,CAAAE,UAAWC,EAAOa,cACrBrB,GAAQG,gBAACmB,EAAgBC,OAAAC,OAAA,CAAA,EAAKxB,EAAM,CAAAyB,YAAY,KAChD1B,GAAUI,EAAAC,cAACsB,EAAkBH,OAAAC,OAAA,CAAA,EAAKzB,MAChCH,GAAWO,gBAACwB,EAAuB,CAAC/B,QAASA,EAASE,qBAAsBA,KAKzF"}

package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js

@@ -1,2 +0,0 @@
-var n={container:"container",mainContentGroup:"mainContentGroup",leadingIcon:"leadingIcon",actionsGroup:"actionsGroup"};!function(n){const e="s_id-2f71fab0a877_4_5_16";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container {\n  gap: var(--space-32);\n}\n\n.mainContentGroup {\n  min-width: 0;\n}\n\n.leadingIcon {\n  align-self: flex-start;\n}\n\n.actionsGroup {\n  gap: var(--space-12);\n}");export{n as default};
-//# sourceMappingURL=AttentionBoxCompact.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.js

@@ -1,2 +0,0 @@
-import{defineProperty as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import e from"react";import o from"classnames";import{Text as n}from"@vibe/typography/mockedClassNames";import{Flex as s}from"@vibe/layout/mockedClassNames";import i from"../../components/AttentionBoxButton/AttentionBoxButton.js";import a from"../../components/AttentionBoxLink/AttentionBoxLink.js";import m from"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton.js";import l from"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.js";import r from"./AttentionBoxDefault.module.scss.js";var c=function(c){var p=c.title,u=c.icon,B=c.iconType,f=c.onClose,x=c.closeButtonAriaLabel,d=void 0===x?"Close":x,A=c.action,g=c.link,y=c.content,j=A||g;return e.createElement("div",{className:o(r.container,t(t(t(t({},r.hasIcon,!!u),r.hasTitle,!!p),r.hasActions,j),r.hasCloseButton,!!f))},u&&e.createElement(l,{icon:u,iconType:B,className:r.icon}),p&&e.createElement(n,{type:"text1",weight:"medium",className:r.title},p),!!f&&e.createElement(m,{onClose:f,closeButtonAriaLabel:d,className:r.closeButton}),e.createElement(n,{type:"text2",className:r.text,ellipsis:!1,element:"string"==typeof y?"p":void 0},y),j&&e.createElement(s,{gap:"medium",className:r.actions},g&&e.createElement(a,Object.assign({},g,{inlineText:!1})),A&&e.createElement(i,Object.assign({},A))))};export{c as default};
-//# sourceMappingURL=AttentionBoxDefault.js.map

package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AttentionBoxDefault.js","sources":["../../../../../../../src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport AttentionBoxButton from \"../../components/AttentionBoxButton/AttentionBoxButton\";\nimport AttentionBoxLink from \"../../components/AttentionBoxLink/AttentionBoxLink\";\nimport AttentionBoxCloseButton from \"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton\";\nimport AttentionBoxLeadingIcon from \"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon\";\nimport styles from \"./AttentionBoxDefault.module.scss\";\nimport type { AttentionBoxLayoutSharedProps, AttentionBoxProps } from \"../../AttentionBox.types\";\n\nexport type AttentionBoxDefaultProps = AttentionBoxLayoutSharedProps & Pick<AttentionBoxProps, \"title\">;\n\nconst AttentionBoxDefault = ({\n  title,\n  icon,\n  iconType,\n  onClose,\n  closeButtonAriaLabel = \"Close\",\n  action,\n  link,\n  content\n}: AttentionBoxDefaultProps) => {\n  const hasActions = action || link;\n\n  return (\n    <div\n      className={cx(styles.container, {\n        [styles.hasIcon]: !!icon,\n        [styles.hasTitle]: !!title,\n        [styles.hasActions]: hasActions,\n        [styles.hasCloseButton]: !!onClose\n      })}\n    >\n      {icon && <AttentionBoxLeadingIcon icon={icon} iconType={iconType} className={styles.icon} />}\n\n      {title && (\n        <Text type=\"text1\" weight=\"medium\" className={styles.title}>\n          {title}\n        </Text>\n      )}\n\n      {!!onClose && (\n        <AttentionBoxCloseButton\n          onClose={onClose}\n          closeButtonAriaLabel={closeButtonAriaLabel}\n          className={styles.closeButton}\n        />\n      )}\n\n      <Text\n        type=\"text2\"\n        className={styles.text}\n        ellipsis={false}\n        element={typeof content === \"string\" ? \"p\" : undefined}\n      >\n        {content}\n      </Text>\n\n      {hasActions && (\n        <Flex gap=\"medium\" className={styles.actions}>\n          {link && <AttentionBoxLink {...link} inlineText={false} />}\n          {action && <AttentionBoxButton {...action} />}\n        </Flex>\n      )}\n    </div>\n  );\n};\n\nexport default AttentionBoxDefault;\n"],"names":["AttentionBoxDefault","_ref","title","icon","iconType","onClose","_ref$closeButtonAriaL","closeButtonAriaLabel","action","link","content","hasActions","React","className","cx","styles","container","_defineProperty","hasIcon","hasTitle","hasCloseButton","createElement","AttentionBoxLeadingIcon","Text","type","weight","AttentionBoxCloseButton","closeButton","text","ellipsis","element","undefined","Flex","gap","actions","AttentionBoxLink","Object","assign","inlineText","AttentionBoxButton"],"mappings":"2lBAaA,IAAMA,EAAsB,SAAHC,GASM,IAR7BC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAQH,EAARG,SACAC,EAAOJ,EAAPI,QAAOC,EAAAL,EACPM,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAMP,EAANO,OACAC,EAAIR,EAAJQ,KACAC,EAAOT,EAAPS,QAEMC,EAAaH,GAAUC,EAE7B,OACEG,uBACEC,UAAWC,EAAGC,EAAOC,UAASC,EAAAA,EAAAA,EAAAA,EAC3BF,CAAAA,EAAAA,EAAOG,UAAYf,GACnBY,EAAOI,WAAajB,GACpBa,EAAOJ,WAAaA,GACpBI,EAAOK,iBAAmBf,KAG5BF,GAAQS,EAACS,cAAAC,EAAwB,CAAAnB,KAAMA,EAAMC,SAAUA,EAAUS,UAAWE,EAAOZ,OAEnFD,GACCU,EAACS,cAAAE,GAAKC,KAAK,QAAQC,OAAO,SAASZ,UAAWE,EAAOb,OAClDA,KAIFG,GACDO,gBAACc,EAAuB,CACtBrB,QAASA,EACTE,qBAAsBA,EACtBM,UAAWE,EAAOY,cAItBf,EAAAS,cAACE,EAAI,CACHC,KAAK,QACLX,UAAWE,EAAOa,KAClBC,UAAU,EACVC,QAA4B,iBAAZpB,EAAuB,SAAMqB,GAE5CrB,GAGFC,GACCC,EAACS,cAAAW,EAAK,CAAAC,IAAI,SAASpB,UAAWE,EAAOmB,SAClCzB,GAAQG,gBAACuB,EAAgBC,OAAAC,OAAA,CAAA,EAAK5B,EAAM,CAAA6B,YAAY,KAChD9B,GAAUI,EAACS,cAAAkB,EAAuBH,OAAAC,OAAA,CAAA,EAAA7B,KAK7C"}

package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js

@@ -1,2 +0,0 @@
-var n={container:"container",icon:"icon",title:"title",text:"text",actions:"actions",closeButton:"closeButton",hasIcon:"hasIcon",hasCloseButton:"hasCloseButton",hasTitle:"hasTitle"};!function(n){const t="s_id-d1aa0b2532e6_4_5_16";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".container {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container .icon {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container .title {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container .text,\n.container .actions {\n  grid-column: 2/-1;\n}\n.container .text {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container .closeButton {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container .actions {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container:not(.hasIcon) {\n  --grid-columns: 1fr auto;\n}\n.container:not(.hasIcon):not(.hasCloseButton) {\n  --grid-columns: 1fr;\n}\n.container:not(.hasIcon) .title {\n  grid-column: 1;\n}\n.container:not(.hasIcon) .text,\n.container:not(.hasIcon) .actions {\n  grid-column: 1/-1;\n}\n.container:not(.hasIcon) .closeButton {\n  grid-column: 2;\n}\n.container:not(.hasCloseButton) {\n  --grid-columns: auto 1fr;\n}\n.container:not(.hasTitle) .icon {\n  align-self: start;\n}\n.container:not(.hasTitle) .text {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container:not(.hasTitle) .closeButton {\n  margin-block-start: -1px;\n}\n.container:not(.hasTitle) .actions {\n  grid-row: 2;\n}");export{n as default};
-//# sourceMappingURL=AttentionBoxDefault.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/utils/iconUtils.js

@@ -1,2 +0,0 @@
-import{ATTENTION_BOX_DEFAULT_ICONS as r}from"../consts/icons.js";var n=function(n,o){return!1===n?null:n||r[o||"primary"]};export{n as resolveAttentionBoxIcon};
-//# sourceMappingURL=iconUtils.js.map

package/dist/mocked_classnames/src/components/AttentionBox/utils/iconUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iconUtils.js","sources":["../../../../../../src/components/AttentionBox/utils/iconUtils.ts"],"sourcesContent":["import type { SubIcon } from \"@vibe/icon\";\nimport type { AttentionBoxType } from \"../AttentionBox.types\";\nimport { ATTENTION_BOX_DEFAULT_ICONS } from \"../consts/icons\";\n\nexport const resolveAttentionBoxIcon = (icon?: SubIcon | false, type?: AttentionBoxType): SubIcon | null => {\n  if (icon === false) return null;\n  return icon || ATTENTION_BOX_DEFAULT_ICONS[type || \"primary\"];\n};\n"],"names":["resolveAttentionBoxIcon","icon","type","ATTENTION_BOX_DEFAULT_ICONS"],"mappings":"iEAIO,IAAMA,EAA0B,SAACC,EAAwBC,GAC9D,OAAa,IAATD,EAAuB,KACpBA,GAAQE,EAA4BD,GAAQ,UACrD"}

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

@@ -1,2 +0,0 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import e,{forwardRef as a,useRef as r}from"react";import o from"classnames";import{camelCase as i}from"es-toolkit";import{useMergeRef as s,getStyle as m}from"@vibe/shared";import{getTestId as n}from"../../tests/testIds.js";import{ComponentVibeId as c,ComponentDefaultTestId as d}from"../../tests/constants.js";import l from"./Indicator/Indicator.js";import{Counter as p}from"@vibe/counter/mockedClassNames";import f from"./Badge.module.scss.js";var v=a((function(a,v){var g=a.type,u=void 0===g?"indicator":g,b=a.anchor,j=void 0===b?"top-end":b,E=a.alignment,h=void 0===E?"rectangular":E,N=a.className,B=a.id,I=a["data-testid"],k=a.children,y=t(a,["type","anchor","alignment","className","id","data-testid","children"]),A=r(null),D=s(v,A),G=o(f.badge,m(f,i(j)),m(f,h)),O=y.color||"indicator"===u?"notification":"negative";return e.createElement("div",{ref:D,className:o(f.badgeWrapper,N),id:B,"data-vibe":c.BADGE},k,e.createElement("div",{className:G,"data-testid":I||n(d.BADGE,B)},"indicator"===u?e.createElement(l,Object.assign({color:O},y)):"counter"===u&&e.createElement(p,Object.assign({color:O},y))))}));export{v as default};
-//# sourceMappingURL=Badge.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { useMergeRef, getStyle } from \"@vibe/shared\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { type BadgeAlignments, type BadgeAnchor, type BadgeType } from \"./Badge.types\";\nimport Indicator, { type IndicatorProps } from \"./Indicator/Indicator\";\nimport { Counter, type CounterProps, type CounterColor } from \"@vibe/counter\";\n\nimport { type IndicatorColor } from \"./Indicator/Indicator.types\";\nimport styles from \"./Badge.module.scss\";\nimport { type VibeComponentProps } from \"../../types\";\n\nexport interface BadgeBaseProps extends VibeComponentProps {\n  /**\n   * The position of the badge relative to its parent.\n   */\n  anchor?: BadgeAnchor;\n  /**\n   * The alignment style of the badge.\n   */\n  alignment?: BadgeAlignments;\n  /**\n   * The content the badge is attached to.\n   */\n  children: React.ReactNode;\n}\n\ninterface CounterBadgeProps extends CounterProps {\n  /**\n   * The type of badge, set to `\"counter\"` for numeric values.\n   */\n  type: Extract<BadgeType, \"counter\">;\n}\n\ninterface IndicatorBadgeProps extends IndicatorProps {\n  /**\n   * The type of badge, set to `\"indicator\"` for a simple dot.\n   */\n  type?: Extract<BadgeType, \"indicator\">;\n}\n\nexport type BadgeProps = BadgeBaseProps & (CounterBadgeProps | IndicatorBadgeProps);\n\nconst Badge = forwardRef(\n  (\n    {\n      type = \"indicator\",\n      anchor = \"top-end\",\n      alignment = \"rectangular\",\n      className,\n      id,\n      \"data-testid\": dataTestId,\n      children,\n      ...badgeProps\n    }: BadgeProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const badgeClassNames = cx(\n      styles.badge,\n      getStyle(styles, camelCase(anchor as unknown as string)),\n      getStyle(styles, alignment)\n    );\n\n    const color = badgeProps.color || type === \"indicator\" ? \"notification\" : \"negative\";\n\n    return (\n      <div ref={mergedRef} className={cx(styles.badgeWrapper, className)} id={id} data-vibe={ComponentVibeId.BADGE}>\n        {children}\n        <div className={badgeClassNames} data-testid={dataTestId || getTestId(ComponentDefaultTestId.BADGE, id)}>\n          {type === \"indicator\" ? (\n            <Indicator color={color as IndicatorColor} {...(badgeProps as IndicatorBadgeProps)} />\n          ) : (\n            type === \"counter\" && <Counter color={color as CounterColor} {...(badgeProps as CounterBadgeProps)} />\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport default Badge;\n"],"names":["Badge","forwardRef","_a","ref","type","_a$type","_a$anchor","anchor","_a$alignment","alignment","className","id","dataTestId","children","badgeProps","__rest","componentRef","useRef","mergedRef","useMergeRef","badgeClassNames","cx","styles","badge","getStyle","camelCase","color","React","badgeWrapper","ComponentVibeId","BADGE","createElement","getTestId","ComponentDefaultTestId","Indicator","Object","assign","Counter"],"mappings":"kfA6CMA,IAAAA,EAAQC,GACZ,SACEC,EAUAC,SAHUD,EANRE,KAAAA,OAAO,IAAHC,EAAG,YAAWA,EAAAC,EAMVJ,EALRK,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAAAE,EAKVN,EAJRO,UAAAA,OAAY,IAAHD,EAAG,cAAaA,EACzBE,EAGQR,EAHRQ,UACAC,EAEQT,EAFRS,GACeC,EACPV,EADR,eACAW,EAAQX,EAARW,SACGC,EARLC,EAAAb,EAAA,CAAA,OAAA,SAAA,YAAA,YAAA,KAAA,cAAA,aAYMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAC7BI,EAAkBC,EACtBC,EAAOC,MACPC,EAASF,EAAQG,EAAUlB,IAC3BiB,EAASF,EAAQb,IAGbiB,EAAQZ,EAAWY,OAAkB,cAATtB,EAAuB,eAAiB,WAE1E,OACEuB,uBAAKxB,IAAKe,EAAWR,UAAWW,EAAGC,EAAOM,aAAclB,GAAYC,GAAIA,EAAE,YAAakB,EAAgBC,OACpGjB,EACDc,EAAKI,cAAA,MAAA,CAAArB,UAAWU,EAA8B,cAAAR,GAAcoB,EAAUC,EAAuBH,MAAOnB,IACxF,cAATP,EACCuB,EAACI,cAAAG,EAAUC,OAAAC,OAAA,CAAAV,MAAOA,GAA8BZ,IAEvC,YAATV,GAAsBuB,gBAACU,EAAOF,OAAAC,OAAA,CAACV,MAAOA,GAA4BZ,KAK5E"}

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

@@ -1,2 +0,0 @@
-var n={badgeWrapper:"badgeWrapper",badge:"badge",outside:"outside",topEnd:"topEnd",rectangular:"rectangular",circular:"circular",topStart:"topStart",bottomEnd:"bottomEnd",bottomStart:"bottomStart"};!function(n){const t="s_id-06f338dd08c3_4_5_16";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".badgeWrapper {\n  position: relative;\n}\n.badgeWrapper .badge {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper .badge:not(.outside) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper .badge.topEnd.rectangular {\n  top: 0;\n  inset-inline-end: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topEnd.outside {\n  top: 0;\n  inset-inline-end: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.topEnd.circular {\n  top: 15%;\n  inset-inline-end: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topStart.rectangular {\n  top: 0;\n  inset-inline-start: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.topStart.outside {\n  top: 0;\n  inset-inline-start: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.topStart.circular {\n  top: 15%;\n  inset-inline-start: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.bottomEnd.rectangular {\n  bottom: 0;\n  inset-inline-end: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomEnd.outside {\n  bottom: 0;\n  inset-inline-end: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.bottomEnd.circular {\n  bottom: 15%;\n  inset-inline-end: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomStart.rectangular {\n  bottom: 0;\n  inset-inline-start: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper .badge.bottomStart.outside {\n  bottom: 0;\n  inset-inline-start: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.bottomStart.circular {\n  bottom: 15%;\n  inset-inline-start: 15%;\n  translate: -50% 50%;\n}");export{n as default};
-//# sourceMappingURL=Badge.module.scss.js.map

package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.js

@@ -1,2 +0,0 @@
-import t from"react";import s from"classnames";import o from"./Indicator.module.scss.js";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import{getTestId as r}from"../../../tests/testIds.js";var e=function(e){var i=e.color,m=e.id,c=e["data-testid"];return t.createElement("div",{className:s(o.indicator,o[void 0===i?"notification":i],e.className),"data-testid":c||r(a.INDICATOR,m)})};export{e as default};
-//# sourceMappingURL=Indicator.js.map

package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.js","sources":["../../../../../../src/components/Badge/Indicator/Indicator.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Indicator.module.scss\";\nimport { type IndicatorColor } from \"./Indicator.types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface IndicatorProps extends VibeComponentProps {\n  /**\n   * The color of the indicator.\n   */\n  color?: IndicatorColor;\n}\n\nconst Indicator = ({ color = \"notification\", className, id, \"data-testid\": dataTestId }: IndicatorProps) => {\n  return (\n    <div\n      className={cx(styles.indicator, styles[color], className)}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.INDICATOR, id)}\n    />\n  );\n};\n\nexport default Indicator;\n"],"names":["Indicator","_ref","_ref$color","color","id","dataTestId","React","createElement","className","cx","styles","indicator","getTestId","ComponentDefaultTestId","INDICATOR"],"mappings":"oNAeA,IAAMA,EAAY,SAAHC,GAA4F,IAAAC,EAAAD,EAAtFE,MAAmCC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAC1D,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGC,EAAOC,UAAWD,OAHT,IAAHR,EAAG,eAAcA,GAAWD,EAATO,WAI1B,cAAAH,GAAcO,EAAUC,EAAuBC,UAAWV,IAG7E"}

package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.module.scss.js

@@ -1,2 +0,0 @@
-var e={indicator:"indicator",primary:"primary",notification:"notification"};!function(e){const i="s_id-d6448d74722f_4_5_16";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator.primary {\n  background-color: var(--primary-color);\n}\n.indicator.notification {\n  background-color: var(--negative-color);\n}");export{e as default};
-//# sourceMappingURL=Indicator.module.scss.js.map

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

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a,useRef as i,useState as r,useCallback as s,useMemo as l}from"react";import n from"classnames";import{Icon as c}from"@vibe/icon/mockedClassNames";import{useMergeRef as m}from"@vibe/shared";import{CloseSmall as d}from"@vibe/icons";import{getCSSVar as u}from"../../services/themes.js";import{getElementColor as v}from"../../types/Colors.js";import{Avatar as p}from"@vibe/avatar/mockedClassNames";import{IconButton as f}from"@vibe/icon-button/mockedClassNames";import{Text as b}from"@vibe/typography/mockedClassNames";import{getTestId as g,ComponentDefaultTestId as y}from"../../tests/testIds.js";import h from"../../hooks/useSetFocus/index.js";import{useClickableProps as N}from"@vibe/clickable/mockedClassNames";import k from"./Chips.module.scss.js";import{ComponentVibeId as C}from"../../tests/constants.js";var j=a((function(a,j){var x=a.className,E=a.avatarClassName,S=a.iconClassName,M=a.id,w=a.label,A=void 0===w?"":w,z=a.leftIcon,O=void 0===z?null:z,T=a.rightIcon,B=void 0===T?null:T,D=a.leftAvatar,I=void 0===D?null:D,P=a.rightAvatar,R=void 0===P?null:P,F=a.disabled,H=void 0!==F&&F,L=a.readOnly,_=void 0!==L&&L,U=a.allowTextSelection,q=void 0!==U&&U,G=a.color,J=void 0===G?"primary":G,K=a.iconSize,Q=void 0===K?18:K,V=a.onDelete,W=void 0===V?function(e,o){}:V,X=a.onMouseDown,Y=a.onClick,Z=a.noAnimation,$=void 0===Z||Z,ee=a["aria-label"],oe=a["aria-haspopup"],te=void 0!==oe&&oe,ae=a.leftAvatarType,ie=void 0===ae?"img":ae,re=a.rightAvatarType,se=void 0===re?"img":re,le=a.showBorder,ne=void 0!==le&&le,ce=a.leftRenderer,me=a.rightRenderer,de=a.closeButtonAriaLabel,ue=void 0===de?"Remove":de,ve=a.noMargin,pe=void 0!==ve&&ve,fe=a.size,be=void 0===fe?"medium":fe,ge=a["data-testid"]||g(y.CHIP,M),ye=!!Y||!!X,he=!_&&!H,Ne=ee||"string"==typeof A&&A||"",ke=i(null),Ce=i(null),je=r(!1),xe=e(je,2),Ee=xe[0],Se=xe[1],Me=s((function(){return Se(!0)}),[]),we=s((function(){return Se(!1)}),[]),Ae=h({ref:Ce}).isFocused,ze=m(j,Ce),Oe=n(k.chips,x,o(o(o(o(o(o({},k.disabled,H),k.noAnimation,$),k.withUserSelect,q),k.border,ne),k.noMargin,pe),k.small,"small"===be)),Te=n(k.clickable,Oe,o(o({},k.disabled,H),k.disableTextSelection,!q)),Be=l((function(){return{backgroundColor:H?u("disabled-background-color"):ye&&(Ee||Ae)?v(J,!0,!0):v(J,!0)}}),[H,ye,Ee,Ae,J]),De=s((function(e){e.stopPropagation(),W&&W(M,e)}),[M,W]),Ie=s((function(e){void 0!==Y&&e.target!==ke.current&&(e.preventDefault(),Y(e))}),[Y]),Pe=N({onClick:Ie,onMouseDown:X,disabled:H,id:M,"data-testid":ge,"aria-label":Ne,"aria-hidden":!1,"aria-haspopup":te,"aria-expanded":!1},ze),Re=ye?Object.assign(Object.assign({},Pe),{ref:ze,className:Te,style:Be,onMouseEnter:Me,onMouseLeave:we}):{className:Oe,"aria-label":Ne,style:Be,ref:ze,onClick:Ie,onMouseDown:X,id:M,"data-testid":ge,onMouseEnter:Me,onMouseLeave:we},Fe="text"===ie?{text:I}:{src:I},He="text"===ie?{text:R}:{src:R};return t.createElement("div",Object.assign({},Re,{"data-vibe":C.CHIPS}),I?t.createElement(p,Object.assign({withoutBorder:!0,className:n(k.avatar,k.left,E),customSize:18,type:ie,key:M},Fe)):null,O?t.createElement(c,{className:n(k.icon,k.left,S),type:"font",icon:O,size:Q,ignoreFocusStyle:!0}):null,ce&&t.createElement("div",{className:n(k.customRenderer,k.left)},ce),t.createElement(b,{type:"text2",className:k.label},A),B?t.createElement(c,{className:n(k.icon,k.right,S),type:"font",icon:B,size:Q,ignoreFocusStyle:!0}):null,R?t.createElement(p,Object.assign({withoutBorder:!0,className:n(k.avatar,k.right,E),customSize:18,type:se,key:M},He)):null,me&&t.createElement("div",{className:n(k.customRenderer,k.right)},me),he&&t.createElement(f,{size:"xxs",color:"on-primary-color",className:n(k.icon,k.close),"aria-label":ue,hideTooltip:!0,icon:d,onClick:De,"data-testid":"".concat(ge,"-close"),ref:ke}))}));export{j as default};
-//# sourceMappingURL=Chips.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chips.js","sources":["../../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"@vibe/icon\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { Avatar, type AvatarType } from \"@vibe/avatar\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport styles from \"./Chips.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport { type ChipsSize } from \"./Chips.types\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n  /**\n   * The text or content displayed inside the chip.\n   */\n  label?: ElementContent;\n  /**\n   * If true, the chip is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the chip is read-only and cannot be deleted.\n   */\n  readOnly?: boolean;\n  /**\n   * A React element displayed on the right side.\n   */\n  rightRenderer?: ElementContent;\n  /**\n   * A React element displayed on the left side.\n   */\n  leftRenderer?: ElementContent;\n  /**\n   * Icon displayed on the right side.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * Icon displayed on the left side.\n   */\n  leftIcon?: SubIcon;\n  /**\n   * Image URL or text for an avatar displayed on the right.\n   */\n  rightAvatar?: string;\n  /**\n   * The type of avatar displayed on the right.\n   */\n  rightAvatarType?: AvatarType;\n  /**\n   * Image URL or text for an avatar displayed on the left.\n   */\n  leftAvatar?: string;\n  /**\n   * The type of avatar displayed on the left.\n   */\n  leftAvatarType?: AvatarType;\n  /**\n   * Class name applied to left or right icons.\n   */\n  iconClassName?: string;\n  /**\n   * Class name applied to left or right avatars.\n   */\n  avatarClassName?: string;\n  /**\n   * The background color of the chip.\n   */\n  color?: Exclude<ElementAllowedColor, \"dark_indigo\" | \"blackish\">;\n  /**\n   * The size of the icons inside the chip.\n   */\n  iconSize?: number | string;\n  /**\n   * Callback fired when the chip is deleted.\n   */\n  onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n  /**\n   * If true, disables the chip's entry animation.\n   */\n  noAnimation?: boolean;\n  /**\n   * If true, allows the user to select text inside the chip.\n   */\n  allowTextSelection?: boolean;\n  /**\n   * Callback fired when the mouse button is pressed on the chip.\n   */\n  onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * Callback fired when the chip is clicked.\n   */\n  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * The label of the chip for accessibility.\n   */\n  \"aria-label\"?: string;\n  /**\n   * If true, indicates that the chip has a popup.\n   */\n  \"aria-haspopup\"?: boolean;\n  /**\n   * If true, displays a border around the chip.\n   */\n  showBorder?: boolean;\n  /**\n   * The label for the close button.\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   * If true, removes the default margin from the chip.\n   */\n  noMargin?: boolean;\n  /**\n   * The size of the chip.\n   */\n  size?: ChipsSize;\n}\n\nconst Chips = forwardRef(\n  (\n    {\n      className,\n      avatarClassName,\n      iconClassName,\n      id,\n      label = \"\",\n      leftIcon = null,\n      rightIcon = null,\n      leftAvatar = null,\n      rightAvatar = null,\n      disabled = false,\n      readOnly = false,\n      allowTextSelection = false,\n      color = \"primary\",\n      iconSize = 18,\n      onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n      onMouseDown,\n      onClick,\n      noAnimation = true,\n      \"aria-label\": ariaLabel,\n      \"aria-haspopup\": ariaHasPopup = false,\n      \"data-testid\": dataTestId,\n      leftAvatarType = \"img\",\n      rightAvatarType = \"img\",\n      showBorder = false,\n      leftRenderer,\n      rightRenderer,\n      closeButtonAriaLabel = \"Remove\",\n      noMargin = false,\n      size = \"medium\"\n    }: ChipsProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const componentDataTestId = dataTestId || getTestId(ComponentDefaultTestId.CHIP, id);\n    const hasClickableWrapper = !!onClick || !!onMouseDown;\n    const hasCloseButton = !readOnly && !disabled;\n    const overrideAriaLabel = ariaLabel || (typeof label === \"string\" && label) || \"\";\n\n    const iconButtonRef = useRef(null);\n    const componentRef = useRef(null);\n\n    const [isHovered, setIsHovered] = useState(false);\n    const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n    const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n    const { isFocused } = useSetFocus({ ref: componentRef });\n\n    const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef);\n\n    const overrideClassName = cx(styles.chips, className, {\n      [styles.disabled]: disabled,\n      [styles.noAnimation]: noAnimation,\n      [styles.withUserSelect]: allowTextSelection,\n      [styles.border]: showBorder,\n      [styles.noMargin]: noMargin,\n      [styles.small]: size === \"small\"\n    });\n    const clickableClassName = cx(styles.clickable, overrideClassName, {\n      [styles.disabled]: disabled,\n      [styles.disableTextSelection]: !allowTextSelection\n    });\n\n    const backgroundColorStyle = useMemo(() => {\n      let cssVar;\n      if (disabled) {\n        cssVar = getCSSVar(\"disabled-background-color\");\n      } else if (hasClickableWrapper && (isHovered || isFocused)) {\n        cssVar = getElementColor(color, true, true);\n      } else {\n        cssVar = getElementColor(color, true);\n      }\n      return { backgroundColor: cssVar };\n    }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n    const onDeleteCallback = useCallback(\n      (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n        e.stopPropagation();\n        if (onDelete) {\n          onDelete(id, e);\n        }\n      },\n      [id, onDelete]\n    );\n\n    const onClickCallback = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n          e.preventDefault();\n          onClick(e);\n        }\n      },\n      [onClick]\n    );\n\n    const clickableProps = useClickableProps(\n      {\n        onClick: onClickCallback,\n        onMouseDown,\n        disabled,\n        id,\n        \"data-testid\": componentDataTestId,\n        \"aria-label\": overrideAriaLabel,\n        \"aria-hidden\": false,\n        \"aria-haspopup\": ariaHasPopup,\n        \"aria-expanded\": false\n      },\n      mergedRef\n    );\n    const wrapperProps = hasClickableWrapper\n      ? {\n          ...clickableProps,\n          ref: mergedRef,\n          className: clickableClassName,\n          style: backgroundColorStyle,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave\n        }\n      : {\n          className: overrideClassName,\n          \"aria-label\": overrideAriaLabel,\n          style: backgroundColorStyle,\n          ref: mergedRef,\n          onClick: onClickCallback,\n          onMouseDown,\n          id: id,\n          \"data-testid\": componentDataTestId,\n          onMouseEnter: handleMouseEnter,\n          onMouseLeave: handleMouseLeave\n        };\n\n    const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n    const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n    return (\n      <div {...wrapperProps} data-vibe={ComponentVibeId.CHIPS}>\n        {leftAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.left, avatarClassName)}\n            customSize={CHIPS_AVATAR_SIZE}\n            type={leftAvatarType}\n            key={id}\n            {...leftAvatarProps}\n          />\n        ) : null}\n        {leftIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.left, iconClassName)}\n            type=\"font\"\n            icon={leftIcon}\n            size={iconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n        <Text type=\"text2\" className={styles.label}>\n          {label}\n        </Text>\n        {rightIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.right, iconClassName)}\n            type=\"font\"\n            icon={rightIcon}\n            size={iconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {rightAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.right, avatarClassName)}\n            customSize={CHIPS_AVATAR_SIZE}\n            type={rightAvatarType}\n            key={id}\n            {...rightAvatarProps}\n          />\n        ) : null}\n        {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n        {hasCloseButton && (\n          <IconButton\n            size=\"xxs\"\n            color=\"on-primary-color\"\n            className={cx(styles.icon, styles.close)}\n            aria-label={closeButtonAriaLabel}\n            hideTooltip\n            icon={CloseSmall}\n            onClick={onDeleteCallback}\n            data-testid={`${componentDataTestId}-close`}\n            ref={iconButtonRef}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nexport default Chips;\n"],"names":["Chips","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$ariaHaspopup","ariaHasPopup","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","_ref$size","size","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","small","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","wrapperProps","Object","assign","style","onMouseEnter","onMouseLeave","leftAvatarProps","text","src","rightAvatarProps","React","createElement","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","ignoreFocusStyle","customRenderer","Text","right","IconButton","close","hideTooltip","CloseSmall"],"mappings":"o6BAmBA,IA6GMA,EAAQC,GACZ,SAAAC,EAgCEC,GACE,IA/BAC,EAASF,EAATE,UACAC,EAAeH,EAAfG,gBACAC,EAAaJ,EAAbI,cACAC,EAAEL,EAAFK,GAAEC,EAAAN,EACFO,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACVS,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAV,EACfW,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAZ,EAChBa,WAAAA,OAAa,IAAHD,EAAG,KAAIA,EAAAE,EAAAd,EACjBe,YAAAA,OAAc,IAAHD,EAAG,KAAIA,EAAAE,EAAAhB,EAClBiB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAlB,EAChBmB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAApB,EAChBqB,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAtB,EAC1BuB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAxB,EACjByB,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAA1B,EACb2B,SAAAA,OAAQ,IAAAD,EAAG,SAACE,EAAaC,GAA2C,EAACH,EACrEI,EAAW9B,EAAX8B,YACAC,EAAO/B,EAAP+B,QAAOC,EAAAhC,EACPiC,YAAAA,OAAc,IAAHD,GAAOA,EACJE,GAASlC,EAAvB,cAAYmC,GAAAnC,EACZ,iBAAiBoC,QAAe,IAAHD,IAAQA,GACxBE,GAAArC,EACbsC,eAAAA,QAAiB,IAAHD,GAAG,MAAKA,GAAAE,GAAAvC,EACtBwC,gBAAAA,QAAkB,IAAHD,GAAG,MAAKA,GAAAE,GAAAzC,EACvB0C,WAAAA,QAAa,IAAHD,IAAQA,GAClBE,GAAY3C,EAAZ2C,aACAC,GAAa5C,EAAb4C,cAAaC,GAAA7C,EACb8C,qBAAAA,QAAuB,IAAHD,GAAG,SAAQA,GAAAE,GAAA/C,EAC/BgD,SAAAA,QAAW,IAAHD,IAAQA,GAAAE,GAAAjD,EAChBkD,KAAAA,QAAO,IAAHD,GAAG,SAAQA,GAIXE,GAZqBnD,EAAzB,gBAYwCoD,EAAUC,EAAuBC,KAAMjD,GAC3EkD,KAAwBxB,KAAaD,EACrC0B,IAAkBrC,IAAaF,EAC/BwC,GAAoBvB,IAA+B,iBAAV3B,GAAsBA,GAAU,GAEzEmD,GAAgBC,EAAO,MACvBC,GAAeD,EAAO,MAE5BE,GAAkCC,GAAS,GAAMC,GAAAC,EAAAH,GAAA,GAA1CI,GAASF,GAAA,GAAEG,GAAYH,GAAA,GACxBI,GAAmBC,GAAY,WAAA,OAAMF,IAAa,EAAK,GAAE,IACzDG,GAAmBD,GAAY,WAAA,OAAMF,IAAa,EAAM,GAAE,IACxDI,GAAcC,EAAY,CAAEtE,IAAK2D,KAAjCU,UAEFE,GAAYC,EAA4BxE,EAAK2D,IAE7Cc,GAAoBC,EAAGC,EAAOC,MAAO3E,EAAS4E,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACjDF,EAAO3D,SAAWA,GAClB2D,EAAO3C,YAAcA,GACrB2C,EAAOG,eAAiB1D,GACxBuD,EAAOI,OAAStC,IAChBkC,EAAO5B,SAAWA,IAClB4B,EAAOK,MAAiB,UAAT/B,KAEZgC,GAAqBP,EAAGC,EAAOO,UAAWT,GAAiBI,EAAAA,EAC9DF,CAAAA,EAAAA,EAAO3D,SAAWA,GAClB2D,EAAOQ,sBAAwB/D,IAG5BgE,GAAuBC,GAAQ,WASnC,MAAO,CAAEC,gBAPLtE,EACOuE,EAAU,6BACVjC,KAAwBU,IAAaK,IACrCmB,EAAgBlE,GAAO,GAAM,GAE7BkE,EAAgBlE,GAAO,GAGpC,GAAG,CAACN,EAAUsC,GAAqBU,GAAWK,GAAW/C,IAEnDmE,GAAmBtB,GACvB,SAACuB,GACCA,EAAEC,kBACEjE,GACFA,EAAStB,EAAIsF,EAEjB,GACA,CAACtF,EAAIsB,IAGDkE,GAAkBzB,GACtB,SAACuB,QACiBG,IAAZ/D,GAA0B4D,EAAEI,SAA2BrC,GAAcsC,UACvEL,EAAEM,iBACFlE,EAAQ4D,GAEZ,GACA,CAAC5D,IAGGmE,GAAiBC,EACrB,CACEpE,QAAS8D,GACT/D,YAAAA,EACAb,SAAAA,EACAZ,GAAAA,EACA,cAAe8C,GACf,aAAcM,GACd,eAAe,EACf,gBAAiBrB,GACjB,iBAAiB,GAEnBoC,IAEI4B,GAAe7C,GAClB8C,OAAAC,OAAAD,OAAAC,OAAA,GACMJ,IAAc,CACjBjG,IAAKuE,GACLtE,UAAWgF,GACXqB,MAAOlB,GACPmB,aAAcrC,GACdsC,aAAcpC,KAEhB,CACEnE,UAAWwE,GACX,aAAcjB,GACd8C,MAAOlB,GACPpF,IAAKuE,GACLzC,QAAS8D,GACT/D,YAAAA,EACAzB,GAAIA,EACJ,cAAe8C,GACfqD,aAAcrC,GACdsC,aAAcpC,IAGdqC,GAAqC,SAAnBpE,GAA4B,CAAEqE,KAAM9F,GAAe,CAAE+F,IAAK/F,GAC5EgG,GAAsC,SAAnBvE,GAA4B,CAAEqE,KAAM5F,GAAgB,CAAE6F,IAAK7F,GAEpF,OACE+F,EAASC,cAAA,MAAAV,OAAAC,OAAA,CAAA,EAAAF,GAAyB,CAAA,YAAAY,EAAgBC,QAC/CpG,EACCiG,EAACC,cAAAG,iBACCC,eAAa,EACbjH,UAAWyE,EAAGC,EAAOwC,OAAQxC,EAAOyC,KAAMlH,GAC1CmH,WAzPc,GA0PdC,KAAMjF,GACNkF,IAAKnH,GACDqG,KAEJ,KACHjG,EACCqG,EAACC,cAAAU,GACCvH,UAAWyE,EAAGC,EAAO8C,KAAM9C,EAAOyC,KAAMjH,GACxCmH,KAAK,OACLG,KAAMjH,EACNyC,KAAMzB,EACNkG,kBAAgB,IAEhB,KACHhF,IAAgBmE,EAAKC,cAAA,MAAA,CAAA7G,UAAWyE,EAAGC,EAAOgD,eAAgBhD,EAAOyC,OAAQ1E,IAC1EmE,EAAAC,cAACc,EAAI,CAACN,KAAK,QAAQrH,UAAW0E,EAAOrE,OAClCA,GAEFI,EACCmG,EAACC,cAAAU,GACCvH,UAAWyE,EAAGC,EAAO8C,KAAM9C,EAAOkD,MAAO1H,GACzCmH,KAAK,OACLG,KAAM/G,EACNuC,KAAMzB,EACNkG,kBAAgB,IAEhB,KACH5G,EACC+F,EAACC,cAAAG,iBACCC,eAAa,EACbjH,UAAWyE,EAAGC,EAAOwC,OAAQxC,EAAOkD,MAAO3H,GAC3CmH,WAzRc,GA0RdC,KAAM/E,GACNgF,IAAKnH,GACDwG,KAEJ,KACHjE,IAAiBkE,EAAKC,cAAA,MAAA,CAAA7G,UAAWyE,EAAGC,EAAOgD,eAAgBhD,EAAOkD,QAASlF,IAC3EY,IACCsD,EAACC,cAAAgB,GACC7E,KAAK,MACL3B,MAAM,mBACNrB,UAAWyE,EAAGC,EAAO8C,KAAM9C,EAAOoD,OACtB,aAAAlF,GACZmF,aAAW,EACXP,KAAMQ,EACNnG,QAAS2D,2BACOvC,GAA2B,UAC3ClD,IAAKyD,KAKf"}

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

@@ -1,2 +0,0 @@
-var n={chips:"chips","chips-pop-in-emphasized":"chips-pop-in-emphasized",border:"border",withUserSelect:"withUserSelect",noMargin:"noMargin",small:"small",icon:"icon",left:"left",avatar:"avatar",customRenderer:"customRenderer",right:"right",close:"close",label:"label",noAnimation:"noAnimation",disabled:"disabled",defaultCursor:"defaultCursor",clickable:"clickable","focus-visible":"focus-visible",disableTextSelection:"disableTextSelection"};!function(n){const e="s_id-e473288e58ea_4_5_16";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const s=document.createElement("style");s.id=e,i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chips {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--space-4));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips.border {\n  border: 1px solid var(--primary-background-color);\n}\n.chips.withUserSelect {\n  user-select: text;\n  cursor: text;\n}\n.chips.noMargin {\n  margin: 0;\n}\n.chips.small {\n  height: 20px;\n  padding: 0 4px;\n}\n.chips.small .icon.left,\n.chips.small .avatar.left,\n.chips.small .customRenderer.left {\n  margin-inline-end: var(--space-2);\n}\n.chips.small .icon.right,\n.chips.small .avatar.right,\n.chips.small .customRenderer.right {\n  margin-inline-start: var(--space-2);\n}\n.chips.small .icon.close,\n.chips.small .avatar.close,\n.chips.small .customRenderer.close {\n  margin-inline-start: var(--space-2);\n}\n.chips .label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips.noAnimation {\n  animation: none;\n}\n.chips .icon,\n.chips .avatar,\n.chips .customRenderer {\n  min-width: 18px;\n}\n.chips .icon.left,\n.chips .avatar.left,\n.chips .customRenderer.left {\n  margin-inline-end: var(--space-4);\n}\n.chips .icon.right,\n.chips .avatar.right,\n.chips .customRenderer.right {\n  margin-inline-start: var(--space-4);\n}\n.chips .icon.close,\n.chips .avatar.close,\n.chips .customRenderer.close {\n  margin-inline-start: var(--space-4);\n  color: var(--primary-text-color);\n}\n.chips.disabled .icon {\n  color: var(--disabled-text-color);\n}\n.chips.disabled .label {\n  color: var(--disabled-text-color);\n}\n.chips.defaultCursor {\n  cursor: default;\n}\n.chips.clickable {\n  cursor: pointer;\n}\n.chips.clickable:focus-visible, .chips.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.chips.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.chips.clickable.disabled {\n  cursor: default;\n}\n.chips.clickable.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}\n@keyframes chips-pop-in-emphasized {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
-//# sourceMappingURL=Chips.module.scss.js.map

package/dist/mocked_classnames/src/hooks/useSetFocus/index.js

@@ -1,2 +0,0 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as o,useEffect as e,useCallback as u}from"react";import{useEventListener as c}from"@vibe/shared";import{usePrevious as a}from"@vibe/hooks";function l(l){var t=l.ref,f=l.focusCallback,n=l.blurCallback,i=o(!1),s=r(i,2),b=s[0],m=s[1],v=a(b);e((function(){void 0!==v&&(b?f&&f():n&&n())}),[n,f,b,v]);var p=u((function(){t.current.focus()}),[t]),d=u((function(){t.current.blur()}),[t]);return c({eventName:"focus",ref:t,callback:function(){m(!0)}}),c({eventName:"blur",ref:t,callback:function(){m(!1)}}),{isFocused:b,focus:p,blur:d}}export{l as default};
-//# sourceMappingURL=index.js.map

package/dist/mocked_classnames/src/hooks/useSetFocus/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useSetFocus/index.ts"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useState } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { usePrevious } from \"@vibe/hooks\";\n\n// TODO: [breaking] rename to useFocus? and maybe change signature to be like useHover?\nexport default function useSetFocus({\n  ref,\n  focusCallback,\n  blurCallback\n}: {\n  ref: RefObject<HTMLElement>;\n  focusCallback?: () => void;\n  blurCallback?: () => void;\n}) {\n  const [isFocused, setIsFocused] = useState(false);\n  const isFocusedPrev = usePrevious(isFocused);\n\n  useEffect(() => {\n    if (isFocusedPrev === undefined) {\n      // Don't call callback on first render\n      return;\n    }\n\n    // Calling back from here to be sure that isFocused value have already been updated\n    if (isFocused) {\n      focusCallback && focusCallback();\n    } else {\n      blurCallback && blurCallback();\n    }\n  }, [blurCallback, focusCallback, isFocused, isFocusedPrev]);\n\n  const focus = useCallback(() => {\n    ref.current.focus();\n  }, [ref]);\n\n  const blur = useCallback(() => {\n    ref.current.blur();\n  }, [ref]);\n\n  const onFocus = () => {\n    setIsFocused(true);\n  };\n\n  const onBlur = () => {\n    setIsFocused(false);\n  };\n\n  useEventListener({\n    eventName: \"focus\",\n    ref,\n    callback: onFocus\n  });\n\n  useEventListener({\n    eventName: \"blur\",\n    ref,\n    callback: onBlur\n  });\n\n  return { isFocused, focus, blur };\n}\n"],"names":["useSetFocus","_ref","ref","focusCallback","blurCallback","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","isFocusedPrev","usePrevious","useEffect","undefined","focus","useCallback","current","blur","useEventListener","eventName","callback"],"mappings":"0OAKc,SAAUA,EAAWC,GAQlC,IAPCC,EAAGD,EAAHC,IACAC,EAAaF,EAAbE,cACAC,EAAYH,EAAZG,aAMAC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAgBC,EAAYH,GAElCI,GAAU,gBACcC,IAAlBH,IAMAF,EACFN,GAAiBA,IAEjBC,GAAgBA,IAEnB,GAAE,CAACA,EAAcD,EAAeM,EAAWE,IAE5C,IAAMI,EAAQC,GAAY,WACxBd,EAAIe,QAAQF,OACd,GAAG,CAACb,IAEEgB,EAAOF,GAAY,WACvBd,EAAIe,QAAQC,MACd,GAAG,CAAChB,IAsBJ,OAZAiB,EAAiB,CACfC,UAAW,QACXlB,IAAAA,EACAmB,SAXc,WACdX,GAAa,MAafS,EAAiB,CACfC,UAAW,OACXlB,IAAAA,EACAmB,SAba,WACbX,GAAa,MAeR,CAAED,UAAAA,EAAWM,MAAAA,EAAOG,KAAAA,EAC7B"}

package/dist/mocked_classnames/src/services/themes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"themes.js","sources":["../../../../src/services/themes.ts"],"sourcesContent":["function isThemesSupported() {\n  try {\n    if (!window.CSS || !window.CSS.supports) return false;\n    // check if browser supports basic var value usage\n    return window.CSS.supports(\"color\", \"var(--fake-var)\");\n  } catch (e) {\n    return false;\n  }\n}\n\nexport function getCSSVar(varName: string, fallback?: string) {\n  const fb = fallback ? `, ${fallback}` : \"\";\n  if (isThemesSupported()) {\n    return `var(--${varName}${fb})`;\n  }\n}\n\nexport const getComputedVarColor = (elem: Element, cssVar: string) =>\n  getComputedStyle(elem).getPropertyValue(`--${cssVar}`);\n\nexport function hexToRgb(hex: string) {\n  if (hex.startsWith(\"#\")) {\n    hex = hex.substring(1);\n  }\n  const bigint = parseInt(hex, 16);\n  const r = (bigint >> 16) & 255;\n  const g = (bigint >> 8) & 255;\n  const b = bigint & 255;\n\n  return `rgb(${r}, ${g}, ${b})`;\n}\n"],"names":["getCSSVar","varName","fallback","fb","concat","window","CSS","supports","e","isThemesSupported"],"mappings":"AAUgB,SAAAA,EAAUC,EAAiBC,GACzC,IAAMC,EAAKD,EAAQ,KAAAE,OAAQF,GAAa,GACxC,GAZF,WACE,IACE,SAAKG,OAAOC,MAAQD,OAAOC,IAAIC,WAExBF,OAAOC,IAAIC,SAAS,QAAS,kBACrC,CAAC,MAAOC,GACP,OAAO,CACT,CACF,CAIMC,GACF,MAAA,SAAAL,OAAgBH,GAAOG,OAAGD,EAAE,IAEhC"}

package/dist/mocked_classnames/src/types/Colors.js

@@ -1,2 +0,0 @@
-import{contentColors as e}from"../utils/colors-vars-map.js";var o={positive:"--positive-color-selected",negative:"--negative-color-selected",primary:"--primary-selected-color",warning:"--warning-color-selected",neutral:"--ui-background-color"},r={positive:"--positive-color-selected-hover",negative:"--negative-color-selected-hover",primary:"--primary-selected-hover-color",warning:"--warning-color-selected-hover",neutral:"--ui-background-hover-color"};function c(c){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return e.includes(c)?"var(--color-".concat(c).concat(t?"-selected":"",")"):Object.keys(r).includes(c)&&i?"var(".concat(r[c],")"):Object.keys(o).includes(c)&&t?"var(".concat(o[c],")"):c}export{c as getElementColor};
-//# sourceMappingURL=Colors.js.map

package/dist/mocked_classnames/src/types/Colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Colors.js","sources":["../../../../src/types/Colors.ts"],"sourcesContent":["import { contentColors } from \"../utils/colors-vars-map\";\n\nconst MapStateSelectedColor = {\n  positive: \"--positive-color-selected\",\n  negative: \"--negative-color-selected\",\n  primary: \"--primary-selected-color\",\n  warning: \"--warning-color-selected\",\n  neutral: \"--ui-background-color\"\n};\n\nconst MapStateSelectedHoverColor = {\n  positive: \"--positive-color-selected-hover\",\n  negative: \"--negative-color-selected-hover\",\n  primary: \"--primary-selected-hover-color\",\n  warning: \"--warning-color-selected-hover\",\n  neutral: \"--ui-background-hover-color\"\n};\n\ntype ContentColor = (typeof contentColors)[number];\ntype StateSelectedColorKeys = keyof typeof MapStateSelectedColor;\ntype StateSelectedHoverColorKeys = keyof typeof MapStateSelectedHoverColor;\n\nexport type ElementAllowedColor = ContentColor | \"positive\" | \"negative\" | \"primary\" | \"warning\" | \"neutral\";\n\nexport function getElementColor(\n  colorValue: ContentColor | StateSelectedColorKeys | StateSelectedHoverColorKeys,\n  isSelectedPalette = false,\n  isSelectedHoverPalette = false\n): string {\n  if (contentColors.includes(colorValue as ContentColor)) {\n    return `var(--color-${colorValue}${isSelectedPalette ? \"-selected\" : \"\"})`;\n  }\n  if (\n    Object.keys(MapStateSelectedHoverColor).includes(colorValue as StateSelectedHoverColorKeys) &&\n    isSelectedHoverPalette\n  ) {\n    return `var(${MapStateSelectedHoverColor[colorValue as StateSelectedHoverColorKeys]})`;\n  }\n  if (Object.keys(MapStateSelectedColor).includes(colorValue as StateSelectedColorKeys) && isSelectedPalette) {\n    return `var(${MapStateSelectedColor[colorValue as StateSelectedColorKeys]})`;\n  }\n  return colorValue;\n}\n\nexport type ColorStyle = \"regular\" | \"hover\" | \"selected\";\n"],"names":["MapStateSelectedColor","positive","negative","primary","warning","neutral","MapStateSelectedHoverColor","getElementColor","colorValue","isSelectedPalette","arguments","length","undefined","isSelectedHoverPalette","contentColors","includes","concat","Object","keys"],"mappings":"4DAEA,IAAMA,EAAwB,CAC5BC,SAAU,4BACVC,SAAU,4BACVC,QAAS,2BACTC,QAAS,2BACTC,QAAS,yBAGLC,EAA6B,CACjCL,SAAU,kCACVC,SAAU,kCACVC,QAAS,iCACTC,QAAS,iCACTC,QAAS,+BASL,SAAUE,EACdC,GAE8B,IAD9BC,EAAiBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACjBG,EAAsBH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEtB,OAAII,EAAcC,SAASP,GACzBQ,eAAAA,OAAsBR,GAAUQ,OAAGP,EAAoB,YAAc,GAAE,KAGvEQ,OAAOC,KAAKZ,GAA4BS,SAASP,IACjDK,EAEA,OAAAG,OAAcV,EAA2BE,GAA0C,KAEjFS,OAAOC,KAAKlB,GAAuBe,SAASP,IAAyCC,EACvF,OAAAO,OAAchB,EAAsBQ,GAAqC,KAEpEA,CACT"}

package/dist/src/components/Accordion/Accordion/Accordion.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e,toConsumableArray as o,defineProperty as a}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import n from"classnames";import t,{forwardRef as r,useRef as i,useState as s,useMemo as l,useCallback as c}from"react";import d from"./Accordion.module.scss.js";import{ComponentVibeId as m}from"../../../tests/constants.js";import{useMergeRef as u}from"../../../../shared/dist/hooks/useMergeRef.js";var p="monday-accordion";var f=r((function(r,f){var v=r.children,C=void 0===v?null:v,b=r.allowMultiple,h=void 0!==b&&b,j=r["data-testid"],g=void 0===j?p:j,x=r.defaultIndex,A=void 0===x?[]:x,O=r.className,y=void 0===O?"":O,E=r.id,I=i(null),N=u(f,I),k=s(A),M=e(k,2),P=M[0],R=M[1],_=l((function(){return t.Children.toArray(C)}),[C]),w=c((function(e){return P.includes(e)}),[P]),B=c((function(e){if(h){var a=o(P);if(w(e)){var n=a.indexOf(e);n>-1&&a.splice(n,1)}else a.push(e);R(a)}else w(e)?R([]):R([e])}),[w,P,h]),D=l((function(){return t.Children.map(_,(function(e,o){var r,i,s,l=Object.assign({},null==e?void 0:e.props),c=(r=o,s=E,(i=l).id?i.id:s?"".concat(s,"--item-").concat(r):"".concat(p,"--item-").concat(r));return t.cloneElement(e,Object.assign(Object.assign({},l),{id:c,onClickAccordionCallback:function(){B(o)},open:w(o),expandCollapseComponentClassName:n(d.accordionItemExpandCollapse,a({},d.accordionItemExpandCollapseLast,o===_.length-1))}))}))}),[_,E,w,B]);return t.createElement("div",{ref:N,className:n(d.accordion,y),"data-testid":g,"data-vibe":m.ACCORDION,id:E},_&&D)}));export{f as default};
-//# sourceMappingURL=Accordion.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../../src/components/Accordion/Accordion/Accordion.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, type ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport styles from \"./Accordion.module.scss\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\n\nconst COMPONENT_ID = \"monday-accordion\";\n\nfunction defineChildId(index: number, props: { id: string }, accordionId: string) {\n  if (props.id) {\n    return props.id;\n  }\n  if (accordionId) {\n    return `${accordionId}--item-${index}`;\n  }\n  return `${COMPONENT_ID}--item-${index}`;\n}\n\nexport interface AccordionProps extends VibeComponentProps {\n  /**\n   * The content of the accordion (`AccordionItem` components).\n   */\n  children?: Array<ReactElement> | ReactElement;\n  /**\n   * If true, multiple accordion items can be expanded at the same time.\n   */\n  allowMultiple?: boolean;\n  /**\n   * An array of initially expanded item indexes.\n   */\n  defaultIndex?: Array<number>;\n}\n\nconst Accordion = forwardRef(\n  (\n    {\n      children: originalChildren = null,\n      allowMultiple = false,\n      \"data-testid\": dataTestId = COMPONENT_ID,\n      defaultIndex = [],\n      className = \"\",\n      id\n    }: AccordionProps,\n    ref: React.ForwardedRef<unknown>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [expandedItems, setExpandedItems] = useState(defaultIndex);\n\n    const children = useMemo(() => React.Children.toArray(originalChildren), [originalChildren]);\n\n    const isChildExpanded = useCallback(\n      (itemIndex: number) => {\n        return expandedItems.includes(itemIndex);\n      },\n      [expandedItems]\n    );\n\n    const onChildClick = useCallback(\n      (itemIndex: number) => {\n        if (allowMultiple) {\n          const newExpandedItems = [...expandedItems];\n          if (isChildExpanded(itemIndex)) {\n            const index = newExpandedItems.indexOf(itemIndex);\n            if (index > -1) {\n              newExpandedItems.splice(index, 1);\n            }\n          } else {\n            newExpandedItems.push(itemIndex);\n          }\n          setExpandedItems(newExpandedItems);\n          return;\n        }\n\n        if (isChildExpanded(itemIndex)) {\n          setExpandedItems([]);\n        } else {\n          setExpandedItems([itemIndex]);\n        }\n      },\n      [isChildExpanded, expandedItems, allowMultiple]\n    );\n\n    const renderChildElements = useMemo(() => {\n      return React.Children.map(children, (child: ReactElement, itemIndex) => {\n        const originalProps = { ...child?.props };\n        const childId = defineChildId(itemIndex, originalProps, id);\n        return React.cloneElement(child, {\n          ...originalProps,\n          id: childId,\n          onClickAccordionCallback: () => {\n            onChildClick(itemIndex);\n          },\n          open: isChildExpanded(itemIndex),\n          expandCollapseComponentClassName: cx(styles.accordionItemExpandCollapse, {\n            [styles.accordionItemExpandCollapseLast]: itemIndex === children.length - 1\n          })\n        });\n      });\n    }, [children, id, isChildExpanded, onChildClick]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.accordion, className)}\n        data-testid={dataTestId}\n        data-vibe={ComponentVibeId.ACCORDION}\n        id={id}\n      >\n        {children && renderChildElements}\n      </div>\n    );\n  }\n);\n\nexport default Accordion;\n"],"names":["COMPONENT_ID","Accordion","forwardRef","_ref","ref","_ref$children","children","originalChildren","_ref$allowMultiple","allowMultiple","_ref$dataTestid","dataTestId","_ref$defaultIndex","defaultIndex","_ref$className","className","id","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","expandedItems","setExpandedItems","useMemo","React","Children","toArray","isChildExpanded","useCallback","itemIndex","includes","onChildClick","newExpandedItems","_toConsumableArray","index","indexOf","splice","push","renderChildElements","map","child","props","accordionId","originalProps","Object","assign","childId","concat","cloneElement","onClickAccordionCallback","open","expandCollapseComponentClassName","cx","styles","accordionItemExpandCollapse","_defineProperty","accordionItemExpandCollapseLast","length","createElement","accordion","ComponentVibeId","ACCORDION"],"mappings":"waAOA,IAAMA,EAAe,mBA2BfC,IAAAA,EAAYC,GAChB,SAAAC,EASEC,GACE,IAAAC,EAAAF,EARAG,SAAUC,OAAmB,IAAHF,EAAG,KAAIA,EAAAG,EAAAL,EACjCM,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAP,EACrB,eAAeQ,OAAaX,IAAHU,EAAGV,EAAYU,EAAAE,EAAAT,EACxCU,aAAAA,OAAe,IAAHD,EAAG,GAAEA,EAAAE,EAAAX,EACjBY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAEb,EAAFa,GAIIC,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAA0CC,EAAST,GAAaU,EAAAC,EAAAH,EAAA,GAAzDI,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAEhCjB,EAAWqB,GAAQ,WAAA,OAAMC,EAAMC,SAASC,QAAQvB,KAAmB,CAACA,IAEpEwB,EAAkBC,GACtB,SAACC,GACC,OAAOR,EAAcS,SAASD,EAChC,GACA,CAACR,IAGGU,EAAeH,GACnB,SAACC,GACC,GAAIxB,EAAJ,CACE,IAAM2B,EAAgBC,EAAOZ,GAC7B,GAAIM,EAAgBE,GAAY,CAC9B,IAAMK,EAAQF,EAAiBG,QAAQN,GACnCK,GAAS,GACXF,EAAiBI,OAAOF,EAAO,EAEnC,MACEF,EAAiBK,KAAKR,GAExBP,EAAiBU,EAEnB,MAEIL,EAAgBE,GAClBP,EAAiB,IAEjBA,EAAiB,CAACO,GAErB,GACD,CAACF,EAAiBN,EAAehB,IAG7BiC,EAAsBf,GAAQ,WAClC,OAAOC,EAAMC,SAASc,IAAIrC,GAAU,SAACsC,EAAqBX,GACxD,IA9EeK,EAAeO,EAAuBC,EA8E/CC,EAAqBC,OAAAC,OAAA,CAAA,EAAAL,eAAAA,EAAOC,OAC5BK,GA/ESZ,EA+EeL,EA/EuBa,EA+EG9B,GA/E1B6B,EA+EWE,GA9ErC/B,GACD6B,EAAM7B,GAEX8B,EACF,GAAAK,OAAUL,EAAWK,WAAAA,OAAUb,GAEjC,GAAAa,OAAUnD,EAAYmD,WAAAA,OAAUb,IAyE1B,OAAOV,EAAMwB,aAAaR,EACrBI,OAAAC,OAAAD,OAAAC,OAAA,GAAAF,GACH,CAAA/B,GAAIkC,EACJG,yBAA0B,WACxBlB,EAAaF,EACd,EACDqB,KAAMvB,EAAgBE,GACtBsB,iCAAkCC,EAAGC,EAAOC,4BAA2BC,EACpEF,CAAAA,EAAAA,EAAOG,gCAAkC3B,IAAc3B,EAASuD,OAAS,MAGhF,GACD,GAAE,CAACvD,EAAUU,EAAIe,EAAiBI,IAEnC,OACEP,EAAAkC,cAAA,MAAA,CACE1D,IAAKe,EACLJ,UAAWyC,EAAGC,EAAOM,UAAWhD,GACnB,cAAAJ,EACF,YAAAqD,EAAgBC,UAC3BjD,GAAIA,GAEHV,GAAYoC,EAGnB"}

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

@@ -1,2 +0,0 @@
-var e={accordion:"accordion_5c7e47f602",accordionItemExpandCollapse:"accordionItemExpandCollapse_16798b53ee",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_de69a3c137"};!function(e){const o="s_id-0e4aa6b3ed9f_4_5_16";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion_5c7e47f602 {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion_5c7e47f602 .accordionItemExpandCollapse_16798b53ee {\n  border-radius: 0;\n  border-top: none;\n  border-inline: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion_5c7e47f602 .accordionItemExpandCollapseLast_de69a3c137 {\n  border-bottom: none;\n}");export{e as default};
-//# sourceMappingURL=Accordion.module.scss.js.map

package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Accordion/AccordionItem/AccordionItem.js

@@ -1,2 +0,0 @@
-import e,{forwardRef as o,useRef as a,useCallback as i}from"react";import n from"../../../../components/expand-collapse/dist/ExpandCollapse/ExpandCollapse.js";import{useMergeRef as l}from"../../../../shared/dist/hooks/useMergeRef.js";var s=o((function(o,s){var t=o.children,c=void 0===t?null:t,d=o.title,r=void 0===d?"":d,p=o.className,m=void 0===p?"":p,C=o.iconSize,v=void 0===C?24:C,u=o.iconPosition,f=void 0===u?"right":u,h=o.id,N=o.open,k=o.onClick,x=o.onClickAccordionCallback,E=o.hideBorder,g=void 0!==E&&E,j=o.headerClassName,z=o.contentClassName,B=o.expandCollapseComponentClassName,O=o.captureOnClick,P=void 0===O||O,S=a(null),b=l(s,S),A=i((function(){x&&x(),k&&k()}),[x,k]);return e.createElement("div",{ref:b,className:m,id:h},e.createElement(n,{iconSize:v,iconPosition:f,id:"expand-collapse--".concat(h),onClick:A,open:N,title:r,hideBorder:g,componentClassName:B,headerClassName:j,contentClassName:z,captureOnClick:P},c))}));export{s as default};
-//# sourceMappingURL=AccordionItem.js.map