@vibe/core 4.0.0-alpha.0 → 4.0.0-alpha.2

package/dist/mocked_classnames/src/tests/interactionsTests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactionsTests.js","sources":["../../../../src/tests/interactions-utils.ts"],"sourcesContent":["import { fireEvent, type queries, userEvent, within } from \"@storybook/test\";\nimport { type BoundFunctions, type Screen, type SelectorMatcherOptions, waitFor } from \"@testing-library/react\";\nimport { NavigationCommand as NavigationCommandType } from \"./constants\";\nimport { expect } from \"@storybook/jest\";\n\nexport type Canvas = HTMLElement | BoundFunctions<typeof queries>;\nexport type TestFunction = (canvas: Canvas, args: Record<string, any>) => unknown;\nexport type Coordinates = { x: number; y: number };\n\n// Internal functions\nexport const testFunctionWrapper = (testFunc: TestFunction) => {\n  return async ({ canvasElement, args }: { canvasElement: Screen; args: Record<string, any> }) => {\n    // Starts querying the component from its root element\n    const canvas = getWithin(canvasElement);\n    return testFunc(canvas, args);\n  };\n};\n\nexport const clearText = async (element: HTMLElement) => {\n  userEvent.clear(element);\n};\n\nfunction logFunctionStart(name: string) {\n  expect(` ➡️ ${name}`).toBeDefined();\n}\n\nfunction getElementClientCenter(element: HTMLElement) {\n  const { left, top, width, height } = element.getBoundingClientRect();\n  return {\n    x: left + width / 2,\n    y: top + height / 2\n  };\n}\n\nconst getCoords = ({\n  toElm,\n  toCoords,\n  delta,\n  from\n}: {\n  toElm: HTMLElement;\n  toCoords: Coordinates;\n  delta: Coordinates;\n  from: Coordinates;\n}) => {\n  if (toCoords) {\n    return { ...from, ...toCoords };\n  }\n  if (toElm) {\n    return getElementClientCenter(toElm);\n  }\n  if (delta) {\n    return {\n      x: from.x + delta.x,\n      y: from.y + delta.y\n    };\n  }\n  return {\n    x: from.x + 10,\n    y: from.y + 0\n  };\n};\n\nfunction getWithin(canvasOrValidTestElement: HTMLElement | BoundFunctions<typeof queries>) {\n  if (canvasOrValidTestElement instanceof HTMLElement) {\n    const result = within(canvasOrValidTestElement);\n    if (result instanceof Error) {\n      throw result;\n    }\n    return result;\n  } else if (canvasOrValidTestElement.getByRole) return canvasOrValidTestElement;\n}\n\n// External constants\nexport const NavigationCommand = NavigationCommandType;\n\n// External functions\nexport const resetFocus = async () => {\n  const focusTrap = document.querySelector(\"[data-testid=focusTrap]\");\n  if (focusTrap) {\n    await userEvent.click(focusTrap as HTMLElement);\n  }\n};\n\nexport const interactionSuite =\n  ({\n    beforeEach = null,\n    beforeAll = null,\n    skip = false,\n    tests,\n    afterEach = null,\n    afterAll = null\n  }: {\n    beforeEach?: TestFunction;\n    beforeAll?: TestFunction;\n    skip?: boolean;\n    tests: Array<TestFunction>;\n    afterAll?: TestFunction;\n    afterEach?: TestFunction;\n  }): (({ canvasElement, args }: { canvasElement: Screen; args: Record<string, any> }) => Promise<void>) =>\n  async ({ canvasElement, args }) => {\n    if (skip) return;\n\n    if (beforeAll) {\n      logFunctionStart(\"Before all:\");\n      await testFunctionWrapper(beforeAll)({ canvasElement, args });\n    }\n\n    for (const test of tests) {\n      const fnName = test.name;\n      if (beforeEach) {\n        logFunctionStart(`Before: ${fnName}`);\n        await testFunctionWrapper(beforeEach)({ canvasElement, args });\n      }\n\n      logFunctionStart(`Running : ${fnName}`);\n      await testFunctionWrapper(test)({ canvasElement, args });\n\n      if (afterEach) {\n        logFunctionStart(`After: ${fnName}`);\n        await testFunctionWrapper(afterEach)({ canvasElement, args });\n      }\n    }\n\n    if (afterAll) {\n      logFunctionStart(\"After all:\");\n      await testFunctionWrapper(afterAll)({ canvasElement, args });\n    }\n  };\n\nexport const getByTestId = (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => {\n  return getWithin(rootElement).getByTestId(dataTestId);\n};\n\nexport const getAllByTestId = (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => {\n  return getWithin(rootElement).getAllByTestId(dataTestId);\n};\n\nexport const getByPlaceholderText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getByPlaceholderText(text);\n};\n\nexport const getAllByPlaceholderText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getAllByPlaceholderText(text);\n};\n\nexport const getByClassName = (className: string) => {\n  return document.getElementsByClassName(className);\n};\n\nexport const getFirstByClassName = (className: string) => {\n  return document.getElementsByClassName(className)[0];\n};\n\nexport const getByRole = (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string, options = {}) => {\n  return getWithin(rootElement).getByRole(role, options);\n};\n\nexport const getAllByRole = (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string) => {\n  return getWithin(rootElement).getAllByRole(role);\n};\n\nexport const getByLabelText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getByLabelText(text);\n};\n\nexport const getAllByLabelText = (rootElement: HTMLElement, text: string) => {\n  return getWithin(rootElement).getAllByLabelText(text);\n};\n\nexport const getByText = (\n  rootElement: HTMLElement | BoundFunctions<typeof queries>,\n  text: string,\n  options: SelectorMatcherOptions = {}\n) => {\n  return getWithin(rootElement).getByText(text, options);\n};\n\nexport const getAllByText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getAllByText(text);\n};\n\nexport const clickElement = (element: HTMLElement) => {\n  return userEvent.click(element);\n};\n\nexport const hoverElement = (element: HTMLElement) => {\n  return userEvent.hover(element);\n};\n\nexport const typeText = async (element: HTMLElement, text: string, waitForDebounceMs = 250) => {\n  const promise = userEvent.type(element, text, {\n    delay: 50\n  });\n  const result = await promise;\n  await delay(waitForDebounceMs);\n  return result;\n};\n\nexport const expectActiveElementToHaveExactText = (text: string) => {\n  expect(document.activeElement).toHaveTextContent(new RegExp(`^${text}$`));\n};\n\nexport const expectActiveElementToHavePartialText = (text: string) => {\n  expect(document.activeElement).toHaveTextContent(text);\n};\n\nexport const pressNavigationKey = async (command = NavigationCommandType.TAB, waitForDebounceMs = 0): Promise<any> => {\n  const promise = command === NavigationCommandType.TAB ? userEvent.tab() : userEvent.keyboard(command);\n  const result = await promise;\n  await delay(waitForDebounceMs);\n  return result;\n};\n\nexport function delay(timeout: number) {\n  return new Promise((resolve: (value: unknown) => void) => {\n    if (!timeout) return resolve(undefined);\n    setTimeout(resolve, timeout);\n  });\n}\n\nexport const waitForElementVisible = (getterFunc: () => HTMLElement) => {\n  return new Promise(resolve => {\n    let element: HTMLElement;\n    waitFor(async () => {\n      element = await getterFunc();\n      expect(element).toBeVisible();\n    }).then(() => {\n      resolve(element);\n    });\n  });\n};\n\nexport const typeMultipleTimes = async (text: string, count: number, options = { delay: 70 }) => {\n  text = text.repeat(count);\n  await userEvent.keyboard(text, options);\n};\n\nexport async function drag(\n  element: HTMLElement,\n  {\n    delta = undefined,\n    toCoords = undefined,\n    toElm = undefined,\n    steps = 20,\n    duration = 100\n  }: { delta: Coordinates; toCoords: Coordinates; toElm: HTMLElement; steps: number; duration: number }\n) {\n  const from = getElementClientCenter(element);\n  const to = getCoords({ toElm, toCoords, delta, from });\n  const step = {\n    x: (to.x - from.x) / steps,\n    y: (to.y - from.y) / steps\n  };\n  const current = {\n    clientX: from.x,\n    clientY: from.y\n  };\n  userEvent.hover(element);\n  fireEvent.pointerEnter(element, current);\n  fireEvent.pointerOver(element, current);\n  fireEvent.pointerMove(element, current);\n  fireEvent.pointerDown(element, current);\n  for (let i = 0; i < steps; i++) {\n    current.clientX += step.x;\n    current.clientY += step.y;\n    await delay(duration / steps);\n    fireEvent.pointerMove(element, current);\n  }\n  fireEvent.pointerUp(element, current);\n}\n"],"names":["testFunctionWrapper","testFunc","__awaiter","_a","_ref","canvasElement","args","_regeneratorRuntime","mark","_callee","canvas","wrap","_context","prev","next","getWithin","abrupt","stop","clearText","element","_callee2","_context2","userEvent","clear","logFunctionStart","name","expect","concat","toBeDefined","getElementClientCenter","_element$getBoundingC","getBoundingClientRect","x","left","width","y","top","height","getCoords","_ref2","toElm","toCoords","delta","from","Object","assign","canvasOrValidTestElement","HTMLElement","result","within","Error","getByRole","NavigationCommand","NavigationCommandType","resetFocus","_callee3","focusTrap","_context3","document","querySelector","click","interactionSuite","_ref3","_ref3$beforeEach","beforeEach","_ref3$beforeAll","beforeAll","_ref3$skip","skip","tests","_ref3$afterEach","afterEach","_ref3$afterAll","afterAll","_ref4","_callee4","_iterator","_step","test","fnName","_context4","_createForOfIteratorHelper","s","n","done","value","t0","e","f","finish","getByTestId","rootElement","dataTestId","getAllByTestId","getByPlaceholderText","text","getAllByPlaceholderText","getByClassName","className","getElementsByClassName","getFirstByClassName","role","options","arguments","length","undefined","getAllByRole","getByLabelText","getAllByLabelText","getByText","getAllByText","clickElement","hoverElement","hover","typeText","element_1","text_1","_len","args_1","Array","_key","waitForDebounceMs","_callee5","promise","_context5","type","delay","sent","expectActiveElementToHaveExactText","activeElement","toHaveTextContent","RegExp","expectActiveElementToHavePartialText","pressNavigationKey","_len2","command","TAB","_callee6","_context6","tab","keyboard","timeout","Promise","resolve","setTimeout","waitForElementVisible","getterFunc","waitFor","_callee7","_context7","toBeVisible","then","typeMultipleTimes","count_1","_len3","_key3","count","_callee8","_context8","repeat","drag","_ref5","_ref5$delta","_ref5$toCoords","_ref5$toElm","_ref5$steps","steps","_ref5$duration","duration","_callee9","to","step","current","i","_context9","clientX","clientY","fireEvent","pointerEnter","pointerOver","pointerMove","pointerDown","pointerUp"],"mappings":"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"}

package/dist/mocked_classnames/src/tests/testIds.js

@@ -0,0 +1,2 @@
+import{ComponentDefaultTestId as t}from"./constants.js";var n=t,o=function(t,n){var o=""+(null!=n?n:"");return"".concat(t).concat(o&&"_".concat(o))};export{n as ComponentDefaultTestId,o as getTestId};
+//# sourceMappingURL=testIds.js.map

package/dist/mocked_classnames/src/tests/testIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testIds.js","sources":["../../../../src/tests/test-ids-utils.ts"],"sourcesContent":["import { ComponentDefaultTestId as TestIds } from \"./constants\";\nexport const ComponentDefaultTestId = TestIds;\nexport const getTestId = (elementType: TestIds, id?: string | number) => {\n  const formattedId = (id ?? \"\").toString();\n  return `${elementType}${formattedId && `_${formattedId}`}`;\n};\n"],"names":["ComponentDefaultTestId","TestIds","getTestId","elementType","id","formattedId","concat"],"mappings":"wDACO,IAAMA,EAAyBC,EACzBC,EAAY,SAACC,EAAsBC,GAC9C,IAAMC,EAAc,IAACD,QAAAA,EAAM,IAC3B,MAAAE,GAAAA,OAAUH,GAAWG,OAAGD,GAAWC,IAAAA,OAAQD,GAC7C"}

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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/mocked_classnames/src/utils/colors-utils.js

@@ -0,0 +1,2 @@
+import{ColorStyle as o,contentColors as r}from"./colors-vars-map.js";var t=Object.freeze({modes:o,contentColors:r,getMondayColorAsStyle:function(o){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"regular",t=2>=arguments.length||void 0===arguments[2]||arguments[2];return"".concat(t?"var(":"","--color-").concat(o).concat("regular"!==r?"-".concat(r):"").concat(t?")":"")}});export{t as default};
+//# sourceMappingURL=colors-utils.js.map

package/dist/mocked_classnames/src/utils/colors-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors-utils.js","sources":["../../../../src/utils/colors-utils.ts"],"sourcesContent":["import { ColorStyle as ColorStyleEnum, contentColors } from \"./colors-vars-map\";\nimport { type ColorStyle } from \"../types/Colors\";\n\nconst ColorUtils = {\n  modes: ColorStyleEnum,\n  contentColors,\n  getMondayColorAsStyle: (color: string, mode: ColorStyle = \"regular\", withVar = true) => {\n    return `${withVar ? \"var(\" : \"\"}--color-${color}${mode !== \"regular\" ? `-${mode}` : \"\"}${withVar ? \")\" : \"\"}`;\n  }\n};\n\nexport default Object.freeze(ColorUtils);\n"],"names":["ColorUtils$1","Object","freeze","modes","ColorStyleEnum","contentColors","getMondayColorAsStyle","color","mode","arguments","length","undefined","withVar","concat"],"mappings":"qEAGA,IAQAA,EAAeC,OAAOC,OARH,CACjBC,MAAOC,EACPC,cAAAA,EACAC,sBAAuB,SAACC,GAA+D,IAAhDC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAmB,UAAWG,EAAO,GAAAH,UAAAC,aAAAC,IAAAF,UAAA,IAAAA,UAAA,GAC1E,MAAA,GAAAI,OAAUD,EAAU,OAAS,GAAE,YAAAC,OAAWN,GAAKM,OAAY,YAATL,EAAkBK,IAAAA,OAAOL,GAAS,IAAEK,OAAGD,EAAU,IAAM,GAC3G"}

package/dist/mocked_classnames/src/utils/colors-vars-map.js

@@ -0,0 +1,2 @@
+var o=[{color:"--primary-color",description:"Use to emphasise main ui components"},{color:"--primary-on-secondary-color",description:"Use to emphasise main ui components on secondary background color"},{color:"--primary-hover-color",description:"Use only as a hover on primary color"},{color:"--primary-hover-on-secondary-color",description:"Use only as a hover on primary color on secondary background color"},{color:"--primary-selected-color",description:"Use to indicate selected state of primary items"},{color:"--primary-selected-hover-color",description:"Use to indicate hover state on a primary-selected-color items"},{color:"--primary-highlighted-color",description:"Use this to indicate highlighted components of primary items"},{color:"--primary-surface-color",description:"Use this as the surface of the main layout appearance"},{color:"--primary-selected-on-secondary-color",description:"Use to indicate selected state of primary items on secondary background color"},{color:"--primary-text-color",description:"Use for default text color"},{color:"--primary-text-on-secondary-color",description:"Use for default text color on secondary background color"},{color:"--secondary-text-color",description:"Use when you need text with lesser importance"},{color:"--secondary-text-on-secondary-color",description:"Use when you need text with lesser importance (on secondary background color)"},{color:"--primary-background-hover-color",description:"Use as hover color"},{color:"--primary-background-hover-on-secondary-color",description:"Use as hover color on secondary color"},{color:"--inverted-color-background",description:"Inverted background color (opposite of primary background color)"},{color:"--text-color-on-inverted",description:"Inverted text color (opposite of primary text color)"},{color:"--text-color-on-primary",description:"Use for text on primary color"},{color:"--fixed-light-color",description:"Use as color that should remain light in all themes"},{color:"--fixed-dark-color",description:"Use as color that should remain dark in all themes"},{color:"--positive-color",description:"Use to indicate a positive action/state (success, completion, approval...)"},{color:"--positive-color-hover",description:"Use only as hover color on positive color"},{color:"--positive-color-selected",description:"Use only as selected indication for a positive colors"},{color:"--positive-color-selected-hover",description:"Use to indicate hover state on a positive-color-selected items"},{color:"--negative-color",description:"Use to indicate a negative action/state (delete, error...)"},{color:"--negative-color-hover",description:"Use only as hover color on negative color"},{color:"--negative-color-selected",description:"Use as selected indication for negative colors"},{color:"--negative-color-selected-hover",description:"Use to indicate hover state on a negative-selected items"},{color:"--warning-color",description:"Use to indicate a warning action/state (severity, alert, caution...)"},{color:"--warning-color-hover",description:"Use only as hover color on warning color"},{color:"--warning-color-selected",description:"Use as selected indication for warning colors"},{color:"--warning-color-selected-hover",description:"Use to indicate hover state on a warning-selected items"},{color:"--ui-border-color",description:"Border color for ui elements and components (Button, Input...)"},{color:"--ui-border-on-secondary-color",description:"Border color for ui elements on secondary color"},{color:"--layout-border-color",description:"Border color for general layout and separators (Leftpane, Menu Divider...)"},{color:"--layout-border-on-secondary-color",description:"Border color for general layout on secondary background color"},{color:"--placeholder-color",description:"Use for placeholder text in inputs fields"},{color:"--placeholder-on-secondary-color",description:"Use for placeholder text in inputs fields on secondary background color"},{color:"--icon-color",description:"Default color for icons"},{color:"--icon-on-secondary-color",description:"Default color for icons on secondary background color"},{color:"--disabled-background-color",description:"Use as background for disabled elements (ui hovers or elements)"},{color:"--disabled-text-color",description:"Use as text in disabled components"},{color:"--disabled-background-on-secondary-color",description:"Use as background for disabled elements on secondary background"},{color:"--disabled-text-on-secondary-color",description:"Use as text in disabled components on secondary background color"},{color:"--link-color",description:"Use only for links"},{color:"--link-on-secondary-color",description:"Use only for links on secondary colors"},{color:"--primary-background-color",description:"Primary background color"},{color:"--secondary-background-color",description:"Secondary background color"},{color:"--grey-background-color",description:"Grey background color"},{color:"--allgrey-background-color",description:"Grey background color, stays grey in dark and black themes"},{color:"--ui-background-color",description:"Background color for UI elements and components"}];o.reduce((function(o,r){var e=r.color.substring(2);return o.set(e,r.description),o}),new Map);var r,e,c,i,n=["grass_green","done-green","bright-green","saladish","egg_yolk","working_orange","dark-orange","peach","sunset","stuck-red","dark-red","sofia_pink","lipstick","bubble","purple","dark_purple","berry","dark_indigo","indigo","navy","bright-blue","dark-blue","aquamarine","chili-blue","river","winter","explosive","american_gray","blackish","brown","orchid","tan","sky","coffee","royal","teal","lavender","steel","lilac","pecan"];!function(o){o.REGULAR="regular",o.HOVER="hover",o.SELECTED="selected"}(r||(r={})),function(o){o.GRASS_GREEN="grass_green",o.DONE_GREEN="done-green",o.BRIGHT_GREEN="bright-green",o.SALADISH="saladish",o.EGG_YOLK="egg_yolk",o.WORKING_ORANGE="working_orange",o.DARK_ORANGE="dark-orange",o.PEACH="peach",o.SUNSET="sunset",o.STUCK_RED="stuck-red",o.DARK_RED="dark-red",o.SOFIA_PINK="sofia_pink",o.LIPSTICK="lipstick",o.BUBBLE="bubble",o.PURPLE="purple",o.DARK_PURPLE="dark_purple",o.BERRY="berry",o.DARK_INDIGO="dark_indigo",o.INDIGO="indigo",o.NAVY="navy",o.BRIGHT_BLUE="bright-blue",o.DARK_BLUE="dark-blue",o.AQUAMARINE="aquamarine",o.CHILI_BLUE="chili-blue",o.RIVER="river",o.WINTER="winter",o.EXPLOSIVE="explosive",o.AMERICAN_GRAY="american_gray",o.BLACKISH="blackish",o.BROWN="brown",o.ORCHID="orchid",o.TAN="tan",o.SKY="sky",o.COFFEE="coffee",o.ROYAL="royal",o.TEAL="teal",o.LAVENDER="lavender",o.STEEL="steel",o.LILAC="lilac",o.PECAN="pecan"}(e||(e={})),function(o){o.POSITIVE="positive",o.NEGATIVE="negative",o.PRIMARY="primary",o.WARNING="warning",o.NEUTRAL="neutral"}(c||(c={})),function(o){o.POSITIVE="positive",o.NEGATIVE="negative",o.PRIMARY="primary",o.NEUTRAL="neutral"}(i||(i={}));var a=Object.assign(Object.assign(Object.assign({},e),c),i);Object.values(a).reduce((function(o,r){return o[r]=r,o}),{});export{r as ColorStyle,e as ContentColorByName,a as ElementAllowedColor,c as StateSelectedColor,i as StateSelectedHoverColor,o as colorsMap,n as contentColors};
+//# sourceMappingURL=colors-vars-map.js.map

package/dist/mocked_classnames/src/utils/colors-vars-map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors-vars-map.js","sources":["../../../../src/utils/colors-vars-map.ts"],"sourcesContent":["export const colorsMap = [\n  { color: \"--primary-color\", description: \"Use to emphasise main ui components\" },\n  {\n    color: \"--primary-on-secondary-color\",\n    description: \"Use to emphasise main ui components on secondary background color\"\n  },\n  { color: \"--primary-hover-color\", description: \"Use only as a hover on primary color\" },\n  {\n    color: \"--primary-hover-on-secondary-color\",\n    description: \"Use only as a hover on primary color on secondary background color\"\n  },\n  { color: \"--primary-selected-color\", description: \"Use to indicate selected state of primary items\" },\n  {\n    color: \"--primary-selected-hover-color\",\n    description: \"Use to indicate hover state on a primary-selected-color items\"\n  },\n  {\n    color: \"--primary-highlighted-color\",\n    description: \"Use this to indicate highlighted components of primary items\"\n  },\n  {\n    color: \"--primary-surface-color\",\n    description: \"Use this as the surface of the main layout appearance\"\n  },\n  {\n    color: \"--primary-selected-on-secondary-color\",\n    description: \"Use to indicate selected state of primary items on secondary background color\"\n  },\n  { color: \"--primary-text-color\", description: \"Use for default text color\" },\n  {\n    color: \"--primary-text-on-secondary-color\",\n    description: \"Use for default text color on secondary background color\"\n  },\n  { color: \"--secondary-text-color\", description: \"Use when you need text with lesser importance\" },\n  {\n    color: \"--secondary-text-on-secondary-color\",\n    description: \"Use when you need text with lesser importance (on secondary background color)\"\n  },\n  { color: \"--primary-background-hover-color\", description: \"Use as hover color\" },\n  { color: \"--primary-background-hover-on-secondary-color\", description: \"Use as hover color on secondary color\" },\n  {\n    color: \"--inverted-color-background\",\n    description: \"Inverted background color (opposite of primary background color)\"\n  },\n  { color: \"--text-color-on-inverted\", description: \"Inverted text color (opposite of primary text color)\" },\n  { color: \"--text-color-on-primary\", description: \"Use for text on primary color\" },\n  { color: \"--fixed-light-color\", description: \"Use as color that should remain light in all themes\" },\n  { color: \"--fixed-dark-color\", description: \"Use as color that should remain dark in all themes\" },\n  // states\n  {\n    color: \"--positive-color\",\n    description: \"Use to indicate a positive action/state (success, completion, approval...)\"\n  },\n  { color: \"--positive-color-hover\", description: \"Use only as hover color on positive color\" },\n  { color: \"--positive-color-selected\", description: \"Use only as selected indication for a positive colors\" },\n  {\n    color: \"--positive-color-selected-hover\",\n    description: \"Use to indicate hover state on a positive-color-selected items\"\n  },\n  {\n    color: \"--negative-color\",\n    description: \"Use to indicate a negative action/state (delete, error...)\"\n  },\n  { color: \"--negative-color-hover\", description: \"Use only as hover color on negative color\" },\n  { color: \"--negative-color-selected\", description: \"Use as selected indication for negative colors\" },\n  {\n    color: \"--negative-color-selected-hover\",\n    description: \"Use to indicate hover state on a negative-selected items\"\n  },\n  {\n    color: \"--warning-color\",\n    description: \"Use to indicate a warning action/state (severity, alert, caution...)\"\n  },\n  { color: \"--warning-color-hover\", description: \"Use only as hover color on warning color\" },\n  { color: \"--warning-color-selected\", description: \"Use as selected indication for warning colors\" },\n  {\n    color: \"--warning-color-selected-hover\",\n    description: \"Use to indicate hover state on a warning-selected items\"\n  },\n  // borders\n  { color: \"--ui-border-color\", description: \"Border color for ui elements and components (Button, Input...)\" },\n  { color: \"--ui-border-on-secondary-color\", description: \"Border color for ui elements on secondary color\" },\n  {\n    color: \"--layout-border-color\",\n    description: \"Border color for general layout and separators (Leftpane, Menu Divider...)\"\n  },\n  {\n    color: \"--layout-border-on-secondary-color\",\n    description: \"Border color for general layout on secondary background color\"\n  },\n  { color: \"--placeholder-color\", description: \"Use for placeholder text in inputs fields\" },\n  {\n    color: \"--placeholder-on-secondary-color\",\n    description: \"Use for placeholder text in inputs fields on secondary background color\"\n  },\n  { color: \"--icon-color\", description: \"Default color for icons\" },\n  { color: \"--icon-on-secondary-color\", description: \"Default color for icons on secondary background color\" },\n  // disabled\n  {\n    color: \"--disabled-background-color\",\n    description: \"Use as background for disabled elements (ui hovers or elements)\"\n  },\n  { color: \"--disabled-text-color\", description: \"Use as text in disabled components\" },\n  {\n    color: \"--disabled-background-on-secondary-color\",\n    description: \"Use as background for disabled elements on secondary background\"\n  },\n  {\n    color: \"--disabled-text-on-secondary-color\",\n    description: \"Use as text in disabled components on secondary background color\"\n  },\n  // Link\n  { color: \"--link-color\", description: \"Use only for links\" },\n  { color: \"--link-on-secondary-color\", description: \"Use only for links on secondary colors\" },\n  // Backgrounds\n  { color: \"--primary-background-color\", description: \"Primary background color\" },\n  { color: \"--secondary-background-color\", description: \"Secondary background color\" },\n  { color: \"--grey-background-color\", description: \"Grey background color\" },\n  { color: \"--allgrey-background-color\", description: \"Grey background color, stays grey in dark and black themes\" },\n  { color: \"--ui-background-color\", description: \"Background color for UI elements and components\" }\n];\n\nexport const colorsHashMap = colorsMap.reduce((map, current) => {\n  const newColorName = current.color.substring(2);\n  map.set(newColorName, current.description);\n  return map;\n}, new Map());\n\nexport const contentColors = [\n  \"grass_green\",\n  \"done-green\",\n  \"bright-green\",\n  \"saladish\",\n  \"egg_yolk\",\n  \"working_orange\",\n  \"dark-orange\",\n  \"peach\",\n  \"sunset\",\n  \"stuck-red\",\n  \"dark-red\",\n  \"sofia_pink\",\n  \"lipstick\",\n  \"bubble\",\n  \"purple\",\n  \"dark_purple\",\n  \"berry\",\n  \"dark_indigo\",\n  \"indigo\",\n  \"navy\",\n  \"bright-blue\",\n  \"dark-blue\",\n  \"aquamarine\",\n  \"chili-blue\",\n  \"river\",\n  \"winter\",\n  \"explosive\",\n  \"american_gray\",\n  \"blackish\",\n  \"brown\",\n  \"orchid\",\n  \"tan\",\n  \"sky\",\n  \"coffee\",\n  \"royal\",\n  \"teal\",\n  \"lavender\",\n  \"steel\",\n  \"lilac\",\n  \"pecan\"\n] as const;\n\nexport type CONTENT_COLORS_VALUES = (typeof contentColors)[number];\n\n/**\n * @deprecated\n */\nexport enum ColorStyle {\n  REGULAR = \"regular\",\n  HOVER = \"hover\",\n  SELECTED = \"selected\"\n}\n\nexport enum ContentColorByName {\n  GRASS_GREEN = \"grass_green\",\n  DONE_GREEN = \"done-green\",\n  BRIGHT_GREEN = \"bright-green\",\n  SALADISH = \"saladish\",\n  EGG_YOLK = \"egg_yolk\",\n  WORKING_ORANGE = \"working_orange\",\n  DARK_ORANGE = \"dark-orange\",\n  PEACH = \"peach\",\n  SUNSET = \"sunset\",\n  STUCK_RED = \"stuck-red\",\n  DARK_RED = \"dark-red\",\n  SOFIA_PINK = \"sofia_pink\",\n  LIPSTICK = \"lipstick\",\n  BUBBLE = \"bubble\",\n  PURPLE = \"purple\",\n  DARK_PURPLE = \"dark_purple\",\n  BERRY = \"berry\",\n  DARK_INDIGO = \"dark_indigo\",\n  INDIGO = \"indigo\",\n  NAVY = \"navy\",\n  BRIGHT_BLUE = \"bright-blue\",\n  DARK_BLUE = \"dark-blue\",\n  AQUAMARINE = \"aquamarine\",\n  CHILI_BLUE = \"chili-blue\",\n  RIVER = \"river\",\n  WINTER = \"winter\",\n  EXPLOSIVE = \"explosive\",\n  AMERICAN_GRAY = \"american_gray\",\n  BLACKISH = \"blackish\",\n  BROWN = \"brown\",\n  ORCHID = \"orchid\",\n  TAN = \"tan\",\n  SKY = \"sky\",\n  COFFEE = \"coffee\",\n  ROYAL = \"royal\",\n  TEAL = \"teal\",\n  LAVENDER = \"lavender\",\n  STEEL = \"steel\",\n  LILAC = \"lilac\",\n  PECAN = \"pecan\"\n}\n\n/**\n * @deprecated\n */\nexport enum StateSelectedColor {\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  PRIMARY = \"primary\",\n  WARNING = \"warning\",\n  NEUTRAL = \"neutral\"\n}\n\n/**\n * @deprecated\n */\nexport enum StateSelectedHoverColor {\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  PRIMARY = \"primary\",\n  NEUTRAL = \"neutral\"\n}\n\n/**\n * @deprecated\n */\nexport const ElementAllowedColor = {\n  ...ContentColorByName,\n  ...StateSelectedColor,\n  ...StateSelectedHoverColor\n};\n\n/**\n * @deprecated\n */\nexport type ElementColor = (typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] | string;\n\nexport const elementColorsNames = Object.values(ElementAllowedColor).reduce((acc: Record<string, string>, key) => {\n  acc[key] = key;\n  return acc;\n}, {});\n\nconst getColorKeyByValue = (colorValue: string, colors: Record<string, string>) => {\n  return Object.keys(colors)[Object.values(colors).indexOf(colorValue)];\n};\n\nexport function getElementColor(\n  colorValue: keyof typeof ElementAllowedColor | string,\n  isSelectedPalette = false,\n  isSelectedHoverPalette = false\n): string {\n  const colorKey = getColorKeyByValue(colorValue, ElementAllowedColor);\n  if (!colorKey) {\n    return colorValue;\n  }\n\n  if (ContentColorByName[colorKey as keyof typeof ContentColorByName]) {\n    return `var(--color-${ContentColorByName[colorKey as keyof typeof ContentColorByName]}${\n      isSelectedPalette ? \"-selected\" : \"\"\n    })`;\n  }\n  if (StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor] && isSelectedHoverPalette) {\n    return `var(${StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor]})`;\n  }\n  if (StateSelectedColor[colorKey as keyof typeof StateSelectedColor] && isSelectedPalette) {\n    return `var(${StateSelectedColor[colorKey as keyof typeof StateSelectedColor]})`;\n  }\n}\n"],"names":["colorsMap","color","description","reduce","map","current","newColorName","substring","set","Map","ColorStyle","ContentColorByName","StateSelectedColor","StateSelectedHoverColor","contentColors","ElementAllowedColor","Object","assign","values","acc","key"],"mappings":"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"}

package/dist/mocked_classnames/src/utils/dom-event-utils.js

@@ -0,0 +1,2 @@
+function n(n,r,t){return!!n&&(n.keyCode===r||n.which===r||t&&n.key===t)}function r(r){return n(r,38)}function t(r){return n(r,40)}function u(r){return n(r,39)}function e(r){return n(r,37)}function o(r){return n(r,33)}function c(r){return n(r,34)}function i(r){return n(r,35)}function f(r){return n(r,36)}export{t as isArrowDownEvent,e as isArrowLeftEvent,u as isArrowRightEvent,r as isArrowUpEvent,i as isEndEvent,f as isHomeEvent,c as isPageDownEvent,o as isPageUpEvent};
+//# sourceMappingURL=dom-event-utils.js.map

package/dist/mocked_classnames/src/utils/dom-event-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-event-utils.js","sources":["../../../../src/utils/dom-event-utils.ts"],"sourcesContent":["import type React from \"react\";\n\nconst ENTER_KEY_CODE = 13;\nconst ESCAPE_KEY_CODE = 27;\nconst BACKSPACE = 8;\nconst TAB = 9;\nconst SPACE = 32;\nconst PAGE_UP = 33;\nconst PAGE_DOWN = 34;\nconst END = 35;\nconst HOME = 36;\nconst ARROW_LEFT_KEY_CODE = 37;\nconst ARROW_UP_KEY_CODE = 38;\nconst ARROW_RIGHT_KEY_CODE = 39;\nconst ARROW_DOWN_KEY_CODE = 40;\n\nfunction validateEvent(\n  event: React.KeyboardEvent,\n  keyCode: React.KeyboardEvent[\"keyCode\"] | React.KeyboardEvent[\"which\"],\n  key?: React.KeyboardEvent[\"key\"]\n) {\n  if (!event) return false;\n  return event.keyCode === keyCode || event.which === keyCode || (key && event.key === key);\n}\n\nexport function isEnterEvent(event: React.KeyboardEvent) {\n  return validateEvent(event, ENTER_KEY_CODE);\n}\n\nexport function isShiftEnterEvent(event: React.KeyboardEvent) {\n  return event.shiftKey && isEnterEvent(event);\n}\n\nexport function isEscapeEvent(event: React.KeyboardEvent) {\n  return validateEvent(event, ESCAPE_KEY_CODE);\n}\n\nexport function isArrowUpEvent(event: React.KeyboardEvent) {\n  return validateEvent(event, ARROW_UP_KEY_CODE);\n}\n\nexport function isArrowDownEvent(event: React.KeyboardEvent) {\n  return validateEvent(event, ARROW_DOWN_KEY_CODE);\n}\n\nexport function isArrowRightEvent(event: React.KeyboardEvent) {\n  return validateEvent(event, ARROW_RIGHT_KEY_CODE);\n}\n\nexport function isArrowLeftEvent(event: React.KeyboardEvent) {\n  return validateEvent(event, ARROW_LEFT_KEY_CODE);\n}\n\nexport function isBackspaceEvent(event: React.KeyboardEvent) {\n  return validateEvent(event, BACKSPACE);\n}\n\nexport function isSpaceEvent(event: React.KeyboardEvent) {\n  return validateEvent(event, SPACE);\n}\n\nexport function isTabEvent(event: React.KeyboardEvent) {\n  return validateEvent(event, TAB);\n}\n\nexport function isPageUpEvent(event: React.KeyboardEvent) {\n  return validateEvent(event, PAGE_UP);\n}\n\nexport function isPageDownEvent(event: React.KeyboardEvent) {\n  return validateEvent(event, PAGE_DOWN);\n}\n\nexport function isEndEvent(event: React.KeyboardEvent) {\n  return validateEvent(event, END);\n}\n\nexport function isHomeEvent(event: React.KeyboardEvent) {\n  return validateEvent(event, HOME);\n}\n\nexport function isShiftTabEvent(event: React.KeyboardEvent) {\n  return event.shiftKey && isTabEvent(event);\n}\n"],"names":["validateEvent","event","keyCode","key","which","isArrowUpEvent","isArrowDownEvent","isArrowRightEvent","isArrowLeftEvent","isPageUpEvent","isPageDownEvent","isEndEvent","isHomeEvent"],"mappings":"AAgBA,SAASA,EACPC,EACAC,EACAC,GAEA,QAAKF,IACEA,EAAMC,UAAYA,GAAWD,EAAMG,QAAUF,GAAYC,GAAOF,EAAME,MAAQA,EACvF,CAcM,SAAUE,EAAeJ,GAC7B,OAAOD,EAAcC,EA1BG,GA2B1B,CAEM,SAAUK,EAAiBL,GAC/B,OAAOD,EAAcC,EA5BK,GA6B5B,CAEM,SAAUM,EAAkBN,GAChC,OAAOD,EAAcC,EAjCM,GAkC7B,CAEM,SAAUO,EAAiBP,GAC/B,OAAOD,EAAcC,EAvCK,GAwC5B,CAcM,SAAUQ,EAAcR,GAC5B,OAAOD,EAAcC,EA3DP,GA4DhB,CAEM,SAAUS,EAAgBT,GAC9B,OAAOD,EAAcC,EA9DL,GA+DlB,CAEM,SAAUU,EAAWV,GACzB,OAAOD,EAAcC,EAjEX,GAkEZ,CAEM,SAAUW,EAAYX,GAC1B,OAAOD,EAAcC,EApEV,GAqEb"}

package/dist/mocked_classnames/src/utils/dom-utils.js

@@ -0,0 +1,2 @@
+import{memoize as e}from"es-toolkit";function t(e,t){return!!t&&(r=Array.isArray(t)?t.map((function(e){return".".concat(e)})).join(","):".".concat(t),!!e.parentElement.closest(r));var r}e((function(e){if(!e)return null;for(;e.parentElement;){if(r(e.parentElement))return e.parentElement;e=e.parentElement}return document.body}),{getCacheKey:function(e){return e.outerHTML}});var r=function(e){return["auto","scroll"].includes(getComputedStyle(e).getPropertyValue("overflow-y"))};export{t as isInsideClass};
+//# sourceMappingURL=dom-utils.js.map

package/dist/mocked_classnames/src/utils/dom-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-utils.js","sources":["../../../../src/utils/dom-utils.ts"],"sourcesContent":["import { memoize as _memoize } from \"es-toolkit\";\n\nexport function isInsideClass(domElement: HTMLElement, classOrClassesName: Array<string> | string) {\n  if (!classOrClassesName) return false;\n  let selector;\n\n  if (Array.isArray(classOrClassesName)) {\n    selector = classOrClassesName.map(c => `.${c}`).join(\",\");\n  } else {\n    selector = `.${classOrClassesName}`;\n  }\n\n  return !!domElement.parentElement.closest(selector);\n}\n\nconst _getScrollableParent = _memoize(\n  (node: HTMLElement): HTMLElement => {\n    if (!node) {\n      return null;\n    }\n    while (node.parentElement) {\n      if (isNodeVerticallyScrollable(node.parentElement)) {\n        return node.parentElement;\n      }\n      node = node.parentElement;\n    }\n    return document.body;\n  },\n  {\n    getCacheKey: (node: HTMLElement) => node.outerHTML\n  }\n);\n\nexport const getScrollableParent: (node: HTMLElement) => HTMLElement = _getScrollableParent;\n\nconst isNodeVerticallyScrollable = (node: HTMLElement): boolean => {\n  return [\"auto\", \"scroll\"].includes(getComputedStyle(node).getPropertyValue(\"overflow-y\"));\n};\n"],"names":["isInsideClass","domElement","classOrClassesName","selector","Array","isArray","map","c","concat","join","parentElement","closest","_memoize","node","isNodeVerticallyScrollable","document","body","getCacheKey","outerHTML","includes","getComputedStyle","getPropertyValue"],"mappings":"qCAEgB,SAAAA,EAAcC,EAAyBC,GACrD,QAAKA,IAIHC,EADEC,MAAMC,QAAQH,GACLA,EAAmBI,KAAI,SAAAC,GAAC,MAAAC,IAAAA,OAAQD,EAAC,IAAIE,KAAK,KAE7CD,IAAAA,OAAON,KAGRD,EAAWS,cAAcC,QAAQR,IAR1C,IAAIA,CASN,CAE6BS,GAC3B,SAACC,GACC,IAAKA,EACH,OAAO,KAET,KAAOA,EAAKH,eAAe,CACzB,GAAII,EAA2BD,EAAKH,eAClC,OAAOG,EAAKH,cAEdG,EAAOA,EAAKH,aACd,CACA,OAAOK,SAASC,IAClB,GACA,CACEC,YAAa,SAACJ,GAAiB,OAAKA,EAAKK,SAAS,IAMtD,IAAMJ,EAA6B,SAACD,GAClC,MAAO,CAAC,OAAQ,UAAUM,SAASC,iBAAiBP,GAAMQ,iBAAiB,cAC7E"}

package/dist/mocked_classnames/src/utils/function-utils.js

@@ -0,0 +1,2 @@
+import"es-toolkit";function r(r){return Array.isArray(r)?r:[r]}function t(){}export{t as NOOP,r as convertToArray};
+//# sourceMappingURL=function-utils.js.map

package/dist/mocked_classnames/src/utils/function-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"function-utils.js","sources":["../../../../src/utils/function-utils.ts"],"sourcesContent":["import { isFunction } from \"es-toolkit\";\nimport { type MutableRefObject } from \"react\";\n\nexport function chainRefFunctions(\n  funcsOrRefs: Array<MutableRefObject<HTMLElement> | ((element: HTMLElement) => void | boolean)>,\n  allowBreak = false\n) {\n  return (args: HTMLElement) => {\n    for (let i = 0; i < funcsOrRefs.length; i++) {\n      const funcOrRef = funcsOrRefs[i];\n      try {\n        let result;\n        if (isFunction(funcOrRef)) {\n          result = funcOrRef(args);\n        } else if (funcOrRef) {\n          funcOrRef.current = args;\n        }\n        if (result === false && allowBreak) {\n          return;\n        }\n      } catch (e) {\n        console.error(e);\n        return;\n      }\n    }\n  };\n}\n\nexport function chainFunctions(funcs: Array<(args: any) => void | boolean>, allowBreak = false) {\n  return (args: any) => {\n    for (let i = 0; i < funcs.length; i++) {\n      const func = funcs[i];\n      try {\n        const result = func && func(args);\n        if (result === false && allowBreak) {\n          return;\n        }\n      } catch (e) {\n        console.error(e);\n        return;\n      }\n    }\n  };\n}\n\nexport function convertToArray<T>(input: T | Array<T>): Array<T> {\n  return Array.isArray(input) ? input : [input];\n}\n\nexport function NOOP() {}\n"],"names":["convertToArray","input","Array","isArray","NOOP"],"mappings":"mBA6CM,SAAUA,EAAkBC,GAChC,OAAOC,MAAMC,QAAQF,GAASA,EAAQ,CAACA,EACzC,CAEM,SAAUG,IAAI"}

package/dist/mocked_classnames/src/utils/media-query-utils.js

@@ -0,0 +1,2 @@
+import{defineProperty as n}from"../../_virtual/_rollupPluginBabelHelpers.js";var d=1,a=2,e=3,i=4,x=5,p=6,r=n(n(n(n(n(n({},1,"screen and (max-width: 767px)"),2,"screen and (max-width: 1023px) and (min-width: 768px)"),3,"screen and (max-width: 1279px) and (min-width: 1024px)"),4,"screen and (max-width: 1439px) and (min-width: 1280px)"),5,"screen and (max-width: 1919px) and (min-width: 1440px)"),6,"screen and (min-width: 1920px)"),t=[r[1],r[2],r[3],r[4],r[5],r[6]],m={SMALL1:1,SMALL2:2,MEDIUM1:3,MEDIUM2:4,LARGE:5,XLARGE:6};export{x as LARGE,r as MEDIA_QUERY_QUERIES,m as MEDIA_QUERY_SIZES,e as MEDIUM1,i as MEDIUM2,d as SMALL1,a as SMALL2,t as VIBE_MEDIA_QUERIES,p as XLARGE};
+//# sourceMappingURL=media-query-utils.js.map

package/dist/mocked_classnames/src/utils/media-query-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-query-utils.js","sources":["../../../../src/utils/media-query-utils.ts"],"sourcesContent":["export const SMALL1 = 1;\nexport const SMALL2 = 2;\nexport const MEDIUM1 = 3;\nexport const MEDIUM2 = 4;\nexport const LARGE = 5;\nexport const XLARGE = 6;\n\nexport const MEDIA_QUERY_QUERIES = {\n  [SMALL1]: \"screen and (max-width: 767px)\",\n  [SMALL2]: \"screen and (max-width: 1023px) and (min-width: 768px)\",\n  [MEDIUM1]: \"screen and (max-width: 1279px) and (min-width: 1024px)\",\n  [MEDIUM2]: \"screen and (max-width: 1439px) and (min-width: 1280px)\",\n  [LARGE]: \"screen and (max-width: 1919px) and (min-width: 1440px)\",\n  [XLARGE]: \"screen and (min-width: 1920px)\"\n};\n\nexport const VIBE_MEDIA_QUERIES = [\n  MEDIA_QUERY_QUERIES[SMALL1],\n  MEDIA_QUERY_QUERIES[SMALL2],\n  MEDIA_QUERY_QUERIES[MEDIUM1],\n  MEDIA_QUERY_QUERIES[MEDIUM2],\n  MEDIA_QUERY_QUERIES[LARGE],\n  MEDIA_QUERY_QUERIES[XLARGE]\n];\n\nexport const MEDIA_QUERY_SIZES = {\n  SMALL1,\n  SMALL2,\n  MEDIUM1,\n  MEDIUM2,\n  LARGE,\n  XLARGE\n};\n"],"names":["SMALL1","SMALL2","MEDIUM1","MEDIUM2","LARGE","XLARGE","MEDIA_QUERY_QUERIES","_defineProperty","VIBE_MEDIA_QUERIES","MEDIA_QUERY_SIZES"],"mappings":"6EAAO,IAAMA,EAAS,EACTC,EAAS,EACTC,EAAU,EACVC,EAAU,EACVC,EAAQ,EACRC,EAAS,EAETC,EAAmBC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAC7BP,CAAAA,EARmB,EAQV,iCAPU,EAQV,yDAPW,EAQV,0DAPU,EAQV,0DAPQ,EAQV,0DAPW,EAQV,kCAGCQ,EAAqB,CAChCF,EAjBoB,GAkBpBA,EAjBoB,GAkBpBA,EAjBqB,GAkBrBA,EAjBqB,GAkBrBA,EAjBmB,GAkBnBA,EAjBoB,IAoBTG,EAAoB,CAC/BT,OA1BoB,EA2BpBC,OA1BoB,EA2BpBC,QA1BqB,EA2BrBC,QA1BqB,EA2BrBC,MA1BmB,EA2BnBC,OA1BoB"}

package/dist/mocked_classnames/src/utils/ssr-utils.js

@@ -0,0 +1,2 @@
+var n=function(){return"undefined"!=typeof window};export{n as isClient};
+//# sourceMappingURL=ssr-utils.js.map

package/dist/mocked_classnames/src/utils/ssr-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr-utils.js","sources":["../../../../src/utils/ssr-utils.ts"],"sourcesContent":["export const isClient = () => typeof window !== \"undefined\";\nexport const isServer = () => !isClient();\n"],"names":["isClient","window"],"mappings":"AAAaA,IAAAA,EAAW,WAAH,MAA2B,oBAAXC,MAAsB"}

package/dist/mocked_classnames/src/utils/user-agent-utils.js

@@ -0,0 +1,2 @@
+function e(){return!!/Firefox\/([0-9.]+)(?:\s|$)/.exec(window.navigator.userAgent)}export{e as isFirefox};
+//# sourceMappingURL=user-agent-utils.js.map

package/dist/mocked_classnames/src/utils/user-agent-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-agent-utils.js","sources":["../../../../src/utils/user-agent-utils.ts"],"sourcesContent":["export function isFirefox() {\n  return !!/Firefox\\/([0-9.]+)(?:\\s|$)/.exec(window.navigator.userAgent);\n}\n\nexport function isIE11() {\n  return !!window.MSInputMethodContext && !!document.documentMode;\n}\n"],"names":["isFirefox","exec","window","navigator","userAgent"],"mappings":"SAAgBA,IACd,QAAS,6BAA6BC,KAAKC,OAAOC,UAAUC,UAC9D"}

package/dist/mocked_classnames/src/utils/warn-deprecated.js

@@ -0,0 +1,2 @@
+import{useEffect as o}from"react";function n(n){var e=n.component,t=n.condition,i=void 0===t||t,r=n.message;o((function(){c({component:e,condition:i,message:r})}),[])}function c(o){var n=o.message;if(o.condition&&"production"!==process.env.NODE_ENV){var c="[@vibe/core] ".concat(o.component,": ").concat(n);console.warn(c)}}export{n as useWarnDeprecated,c as warnDeprecated};
+//# sourceMappingURL=warn-deprecated.js.map

package/dist/mocked_classnames/src/utils/warn-deprecated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warn-deprecated.js","sources":["../../../../src/utils/warn-deprecated.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport function useWarnDeprecated({\n  component,\n  condition = true,\n  message\n}: {\n  component: string;\n  condition?: boolean;\n  message: string;\n}) {\n  useEffect(() => {\n    warnDeprecated({ component, condition, message });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n}\n\nexport function warnDeprecated({\n  component,\n  condition,\n  message\n}: {\n  component: string;\n  condition: boolean;\n  message: string;\n}) {\n  if (condition && process.env.NODE_ENV !== \"production\") {\n    const warningMessage = `[@vibe/core] ${component}: ${message}`;\n    console.warn(warningMessage);\n  }\n}\n"],"names":["useWarnDeprecated","_ref","component","_ref$condition","condition","message","useEffect","warnDeprecated","_ref2","process","env","NODE_ENV","warningMessage","concat","console","warn"],"mappings":"kCAEM,SAAUA,EAAiBC,GAQhC,IAPCC,EAASD,EAATC,UAASC,EAAAF,EACTG,UAAAA,OAAY,IAAHD,GAAOA,EAChBE,EAAOJ,EAAPI,QAMAC,GAAU,WACRC,EAAe,CAAEL,UAAAA,EAAWE,UAAAA,EAAWC,QAAAA,GAExC,GAAE,GACL,CAEM,SAAUE,EAAcC,GAQ7B,IALCH,EAAOG,EAAPH,QAMA,GAPSG,EAATJ,WAO0C,eAAzBK,QAAQC,IAAIC,SAA2B,CACtD,IAAMC,kBAAcC,OATbL,EAATN,UASkDW,MAAAA,OAAKR,GACrDS,QAAQC,KAAKH,EACf,CACF"}

package/dist/mocked_classnames/style-imports.d.ts

@@ -0,0 +1 @@
+import "@vibe/style/dist/index.min.css";

package/dist/mocked_classnames/tests/constants.d.ts

@@ -0,0 +1,201 @@
+export declare enum ComponentDefaultTestId {
+    LIST_TITLE = "list-title",
+    EMPTY_STATE = "empty-state",
+    TRANSITION_VIEW = "transition-view",
+    TEXT_AREA = "text-area",
+    EDITABLE_TEXT = "editable-text",
+    TIPSEEN_MEDIA = "tipseen-media",
+    INDICATOR = "indicator",
+    BADGE = "badge",
+    TITLE = "title",
+    TEXT = "text",
+    COMBOBOX = "combobox",
+    COMBOBOX_CATEGORY = "combobox-category",
+    COMBOBOX_OPTION = "combobox-option",
+    COLOR_PICKER = "color-picker",
+    CHECKBOX = "checkbox",
+    CHECKBOX_LABEL = "checkbox-label",
+    CHECKBOX_CHECKBOX = "checkbox-checkbox",
+    DROPDOWN = "dropdown",
+    DROPDOWN_OPTION_CONTENT = "dropdown-option-content",
+    BUTTON = "button",
+    BUTTON_GROUP = "button-group",
+    CLICKABLE = "clickable",
+    VIRTUALIZED_LIST = "virtualized-list",
+    VIRTUALIZED_GRID = "virtualized-grid",
+    TEXT_FIELD = "text-field",
+    TEXT_FIELD_SECONDARY_BUTTON = "text-field-secondary-button",
+    SEARCH = "search",
+    CLEAN_SEARCH_BUTTON = "clean-search-button",
+    COLOR_PICKER_ITEM = "color-picker-item",
+    ICON_BUTTON = "icon-button",
+    INFO = "info",
+    SVG_ICON = "svg-icon",
+    CHIP = "chip",
+    RADIO_BUTTON = "radio-button",
+    RADIO_BUTTON_LABEL = "radio-button-label",
+    RADIO_BUTTON_CONTROL = "radio-button-control",
+    TAB = "tab",
+    TAB_PANEL = "tab-panel",
+    TAB_PANELS = "tab-panels",
+    TAB_LIST = "tab-list",
+    TABS_CONTEXT = "tabs-context",
+    ALERT_BANNER = "alert-banner",
+    ALERT_BANNER_BUTTON = "alert-banner-button",
+    ALERT_BANNER_LINK = "alert-banner-link",
+    ALERT_BANNER_TEXT = "alert-banner-text",
+    ATTENTION_BOX = "attention-box",
+    BOX = "box",
+    AVATAR = "avatar",
+    AVATAR_BADGE = "avatar-badge",
+    AVATAR_CONTENT = "avatar-content",
+    BREADCRUMB_ITEM = "breadcrumb-item",
+    BREADCRUMBS_BAR = "breadcrumbs-bar",
+    BREADCRUMB_MENU = "breadcrumb-menu",
+    BREADCRUMB_MENU_ITEM = "breadcrumb-menu-item",
+    PROGRESS_BAR = "progress-bar",
+    BAR = "bar",
+    BAR_PRIMARY = "bar-primary",
+    BAR_SECONDARY = "bar-secondary",
+    COLOR_PICKER_ITEM_COMPONENT = "color-picker-item-component",
+    COUNTER = "counter",
+    MENU = "menu",
+    OPTION = "option",
+    EXPAND_COLLAPSE = "expand-collapse",
+    EDITABLE_INPUT = "editable-input",
+    EDITABLE_HEADING = "editable-heading",
+    HEADING = "heading",
+    LABEL = "label",
+    LINK = "link",
+    MENU_DIVIDER = "menu-divider",
+    MENU_ITEM = "menu-item",
+    MENU_ITEM_BUTTON = "menu-item-button",
+    MENU_TITLE = "menu-title",
+    MENU_TITLE_CAPTION = "menu-title-caption",
+    MENU_GRID_ITEM = "menu-grid-item",
+    MENU_BUTTON = "menu-button",
+    STEP_INDICATOR = "step-indicator",
+    STEPS = "steps",
+    STEPS_FORWARD_COMMAND = "steps-forward-command",
+    STEPS_BACKWARD_COMMAND = "steps-backward-command",
+    MULTI_STEP_INDICATOR = "multi-step-indicator",
+    SKELETON = "skeleton",
+    SPLIT_BUTTON = "split-button",
+    SPLIT_BUTTON_PRIMARY_BUTTON = "split-button-primary-button",
+    SPLIT_BUTTON_SECONDARY_BUTTON = "split-button-secondary-button",
+    TEXT_WITH_HIGHLIGHT = "text-with-highlight",
+    TOAST = "toast",
+    TOAST_CONTENT = "toast-content",
+    TOAST_LINK = "toast-link",
+    TOAST_BUTTON = "toast-button",
+    TOAST_CLOSE_BUTTON = "toast-close-button",
+    TOGGLE = "toggle",
+    TIPSEEN = "tipseen",
+    TIPSEEN_CONTENT = "tipseen-content",
+    TIPSEEN_CONTENT_SUBMIT = "tipseen-content-submit",
+    TIPSEEN_CONTENT_DISMISS = "tipseen-content-dismiss",
+    TIPSEEN_TITLE = "tipseen-title",
+    DIVIDER = "divider",
+    DATEPICKER = "date-picker",
+    DATEPICKER_HEADER = "date-picker-header",
+    DATEPICKER_YEAR_SELECTION = "date-picker-year-selection",
+    LOADER = "loader",
+    ICON = "icon",
+    RESPONSIVE_LIST = "responsive-list",
+    LIST = "list",
+    MODAL = "modal",
+    MODAL_OVERLAY = "modal-overlay",
+    MODAL_HEADER = "modal-header",
+    MODAL_CLOSE_BUTTON = "modal-close-button",
+    MODAL_CONTENT = "modal-content",
+    MODAL_FOOTER = "modal-footer",
+    MODAL_MEDIA = "modal-media",
+    MODAL_BASIC_LAYOUT = "modal-basic-layout",
+    MODAL_SIDE_BY_SIDE_LAYOUT = "modal-side-by-side-layout",
+    MODAL_MEDIA_LAYOUT = "modal-media-layout",
+    FORMATTED_NUMBER = "formatted-number",
+    HIDDEN_TEXT = "hidden-text",
+    DIALOG_CONTENT_CONTAINER = "dialog-content-container",
+    FLEX = "flex",
+    TOOLTIP = "tooltip",
+    DIALOG = "dialog",
+    TABLE = "table",
+    TABLE_CONTAINER = "table-container",
+    TABLE_BODY = "table-body",
+    TABLE_VIRTUALIZED_BODY = "table-virtualized-body",
+    TABLE_CELL = "table-cell",
+    TABLE_HEADER = "table-header",
+    TABLE_HEADER_CELL = "table-header-cell",
+    TABLE_ROW = "table-row",
+    TABLE_ROW_MENU = "table-row-menu"
+}
+export declare enum NavigationCommand {
+    RIGHT_ARROW = "{arrowright}",
+    LEFT_ARROW = "{arrowleft}",
+    UP_ARROW = "{arrowup}",
+    DOWN_ARROW = "{arrowdown}",
+    TAB = "#TAB#",
+    ENTER = "{enter}",
+    PAGE_UP = "{pageup}",
+    PAGE_DOWN = "{pagedown}"
+}
+export declare enum ComponentVibeId {
+    ACCORDION = "Accordion",
+    LIST_TITLE = "ListTitle",
+    ALERT_BANNER = "AlertBanner",
+    ATTENTION_BOX = "AttentionBox",
+    AVATAR = "Avatar",
+    AVATAR_GROUP = "AvatarGroup",
+    BADGE = "Badge",
+    BOX = "Box",
+    BREADCRUMBS_BAR = "BreadcrumbsBar",
+    BUTTON = "Button",
+    BUTTON_GROUP = "ButtonGroup",
+    CHECKBOX = "Checkbox",
+    CHIPS = "Chips",
+    COLOR_PICKER = "ColorPicker",
+    COMBOBOX = "Combobox",
+    COUNTER = "Counter",
+    DATE_PICKER = "DatePicker",
+    DIALOG = "Dialog",
+    DIVIDER = "Divider",
+    DROPDOWN = "Dropdown",
+    EDITABLE_HEADING = "EditableHeading",
+    EDITABLE_TEXT = "EditableText",
+    EMPTY_STATE = "EmptyState",
+    EXPAND_COLLAPSE = "ExpandCollapse",
+    FLEX = "Flex",
+    HEADING = "Heading",
+    ICON = "Icon",
+    ICON_BUTTON = "IconButton",
+    INFO = "Info",
+    LABEL = "Label",
+    PROGRESS_BAR = "ProgressBar",
+    LINK = "Link",
+    LIST = "List",
+    LOADER = "Loader",
+    MENU = "Menu",
+    MENU_BUTTON = "MenuButton",
+    MODAL = "Modal",
+    MULTI_STEP_INDICATOR = "MultiStepIndicator",
+    NUMBER_FIELD = "NumberField",
+    RADIO_BUTTON = "RadioButton",
+    SEARCH = "Search",
+    SKELETON = "Skeleton",
+    SLIDER = "Slider",
+    SPLIT_BUTTON = "SplitButton",
+    STEPS = "Steps",
+    TAB = "Tab",
+    TABLE = "Table",
+    TEXT = "Text",
+    TEXT_AREA = "TextArea",
+    TEXT_FIELD = "TextField",
+    TEXT_WITH_HIGHLIGHT = "TextWithHighlight",
+    THEME_PROVIDER = "ThemeProvider",
+    TIPSEEN = "Tipseen",
+    TOAST = "Toast",
+    TOGGLE = "Toggle",
+    TOOLTIP = "Tooltip",
+    VIRTUALIZED_GRID = "VirtualizedGrid",
+    VIRTUALIZED_LIST = "VirtualizedList"
+}

package/dist/mocked_classnames/tests/interactions-utils.d.ts

@@ -0,0 +1,57 @@
+import { type queries } from "@storybook/test";
+import { type BoundFunctions, type Screen, type SelectorMatcherOptions } from "@testing-library/react";
+import { NavigationCommand as NavigationCommandType } from "./constants";
+export type Canvas = HTMLElement | BoundFunctions<typeof queries>;
+export type TestFunction = (canvas: Canvas, args: Record<string, any>) => unknown;
+export type Coordinates = {
+    x: number;
+    y: number;
+};
+export declare const testFunctionWrapper: (testFunc: TestFunction) => ({ canvasElement, args }: {
+    canvasElement: Screen;
+    args: Record<string, any>;
+}) => Promise<unknown>;
+export declare const clearText: (element: HTMLElement) => Promise<void>;
+export declare const NavigationCommand: typeof NavigationCommandType;
+export declare const resetFocus: () => Promise<void>;
+export declare const interactionSuite: ({ beforeEach, beforeAll, skip, tests, afterEach, afterAll }: {
+    beforeEach?: TestFunction;
+    beforeAll?: TestFunction;
+    skip?: boolean;
+    tests: Array<TestFunction>;
+    afterAll?: TestFunction;
+    afterEach?: TestFunction;
+}) => (({ canvasElement, args }: {
+    canvasElement: Screen;
+    args: Record<string, any>;
+}) => Promise<void>);
+export declare const getByTestId: (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => HTMLElement;
+export declare const getAllByTestId: (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => HTMLElement[];
+export declare const getByPlaceholderText: (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => HTMLElement;
+export declare const getAllByPlaceholderText: (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => HTMLElement[];
+export declare const getByClassName: (className: string) => HTMLCollectionOf<Element>;
+export declare const getFirstByClassName: (className: string) => Element;
+export declare const getByRole: (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string, options?: {}) => HTMLElement;
+export declare const getAllByRole: (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string) => HTMLElement[];
+export declare const getByLabelText: (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => HTMLElement;
+export declare const getAllByLabelText: (rootElement: HTMLElement, text: string) => HTMLElement[];
+export declare const getByText: (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string, options?: SelectorMatcherOptions) => HTMLElement;
+export declare const getAllByText: (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => HTMLElement[];
+export declare const clickElement: (element: HTMLElement) => Promise<void>;
+export declare const hoverElement: (element: HTMLElement) => Promise<void>;
+export declare const typeText: (element: HTMLElement, text: string, waitForDebounceMs?: number) => Promise<void>;
+export declare const expectActiveElementToHaveExactText: (text: string) => void;
+export declare const expectActiveElementToHavePartialText: (text: string) => void;
+export declare const pressNavigationKey: (command?: NavigationCommandType, waitForDebounceMs?: number) => Promise<any>;
+export declare function delay(timeout: number): Promise<unknown>;
+export declare const waitForElementVisible: (getterFunc: () => HTMLElement) => Promise<unknown>;
+export declare const typeMultipleTimes: (text: string, count: number, options?: {
+    delay: number;
+}) => Promise<void>;
+export declare function drag(element: HTMLElement, { delta, toCoords, toElm, steps, duration }: {
+    delta: Coordinates;
+    toCoords: Coordinates;
+    toElm: HTMLElement;
+    steps: number;
+    duration: number;
+}): Promise<void>;

package/dist/mocked_classnames/tests/test-ids-utils.d.ts

@@ -0,0 +1,3 @@
+import { ComponentDefaultTestId as TestIds } from "./constants";
+export declare const ComponentDefaultTestId: typeof TestIds;
+export declare const getTestId: (elementType: TestIds, id?: string | number) => string;

package/dist/mocked_classnames/types/ArrayLastElement.d.ts

@@ -0,0 +1 @@
+export type ArrayLastElement<T extends unknown[]> = T extends [...unknown[], infer R] ? R : never;

package/dist/mocked_classnames/types/Colors.d.ts

@@ -0,0 +1,22 @@
+import { contentColors } from "../utils/colors-vars-map";
+declare const MapStateSelectedColor: {
+    positive: string;
+    negative: string;
+    primary: string;
+    warning: string;
+    neutral: string;
+};
+declare const MapStateSelectedHoverColor: {
+    positive: string;
+    negative: string;
+    primary: string;
+    warning: string;
+    neutral: string;
+};
+type ContentColor = (typeof contentColors)[number];
+type StateSelectedColorKeys = keyof typeof MapStateSelectedColor;
+type StateSelectedHoverColorKeys = keyof typeof MapStateSelectedHoverColor;
+export type ElementAllowedColor = ContentColor | "positive" | "negative" | "primary" | "warning" | "neutral";
+export declare function getElementColor(colorValue: ContentColor | StateSelectedColorKeys | StateSelectedHoverColorKeys, isSelectedPalette?: boolean, isSelectedHoverPalette?: boolean): string;
+export type ColorStyle = "regular" | "hover" | "selected";
+export {};

package/dist/mocked_classnames/types/ElementContent.d.ts

@@ -0,0 +1,2 @@
+import { type ReactNode } from "react";
+export type ElementContent = ReactNode | ReactNode[];

package/dist/mocked_classnames/types/FormElement.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Props for form fields, including label, info text, and ID requirements for accessibility.
+ * Using this type for a component's props will enforce that if a `label` or `infoText` is provided, an `id` must also be provided.
+ * This is important for accessibility, to link the input with its label and description.
+ * If there's a need, you can extend this type to add more shapes or conditions inside your form component types file.
+ */
+export type FormElementProps = {
+    /**
+     * The label for the input.
+     */
+    label: string;
+    /**
+     * The id of the input.
+     * Required when `label` or `infoText` is provided for accessibility reasons.
+     */
+    id: string;
+    /**
+     * Informational text to display below the input.
+     */
+    infoText?: string;
+} | {
+    label?: never;
+    /**
+     * Informational text to display below the input.
+     * If provided, an `id` is also required for accessibility.
+     */
+    infoText: string;
+    /**
+     * The id of the input.
+     * Required when `infoText` or `label` is provided for accessibility reasons.
+     */
+    id: string;
+} | {
+    label?: never;
+    infoText?: never;
+    /**
+     * The id of the input.
+     */
+    id?: string;
+};

package/dist/mocked_classnames/types/MoveBy.d.ts

@@ -0,0 +1,4 @@
+export type MoveBy = {
+    main?: number;
+    secondary?: number;
+};

package/dist/mocked_classnames/types/SplitString.d.ts

@@ -0,0 +1 @@
+export type SplitString<S extends string, D extends string> = string extends S ? string[] : S extends "" ? [] : S extends `${infer T}${D}${infer U}` ? [T, ...SplitString<U, D>] : [S];

package/dist/mocked_classnames/types/VibeComponentProps.d.ts

@@ -0,0 +1,14 @@
+export default interface VibeComponentProps {
+    /**
+     * A CSS class name to apply to the component.
+     */
+    className?: string;
+    /**
+     * A unique identifier for testing purposes.
+     */
+    "data-testid"?: string;
+    /**
+     * An HTML id attribute for the component.
+     */
+    id?: string;
+}

package/dist/mocked_classnames/types/events.d.ts

@@ -0,0 +1,6 @@
+import type React from "react";
+export type OnPressEventType<Element> = React.MouseEvent<Element> | React.FocusEvent<Element>;
+export type GeneralEventType = Event | React.UIEvent;
+export type GenericEventCallback = (ev: GeneralEventType) => unknown;
+export type KeyboardEventCallback = (event: KeyboardEvent) => unknown;
+export type MouseEventCallBack = (event: React.MouseEvent<HTMLElement | SVGElement>) => void;

package/dist/mocked_classnames/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./events";
+export type { default as VibeComponentProps } from "./VibeComponentProps";
+export * from "./ArrayLastElement";
+export * from "./SplitString";
+export * from "./ElementContent";
+export * from "./Colors";

package/dist/mocked_classnames/utils/colors-utils.d.ts

@@ -0,0 +1,8 @@
+import { ColorStyle as ColorStyleEnum } from "./colors-vars-map";
+import { type ColorStyle } from "../types/Colors";
+declare const _default: Readonly<{
+    modes: typeof ColorStyleEnum;
+    contentColors: readonly ["grass_green", "done-green", "bright-green", "saladish", "egg_yolk", "working_orange", "dark-orange", "peach", "sunset", "stuck-red", "dark-red", "sofia_pink", "lipstick", "bubble", "purple", "dark_purple", "berry", "dark_indigo", "indigo", "navy", "bright-blue", "dark-blue", "aquamarine", "chili-blue", "river", "winter", "explosive", "american_gray", "blackish", "brown", "orchid", "tan", "sky", "coffee", "royal", "teal", "lavender", "steel", "lilac", "pecan"];
+    getMondayColorAsStyle: (color: string, mode?: ColorStyle, withVar?: boolean) => string;
+}>;
+export default _default;