@vibe/core 4.6.0-alpha-3c271.0 → 4.6.0-alpha-5c1da.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/components/StrokeSpotlight/StrokeSpotlight.d.ts +4 -0
  2. package/dist/components/StrokeSpotlight/StrokeSpotlight.types.d.ts +15 -0
  3. package/dist/components/StrokeSpotlight/index.d.ts +3 -0
  4. package/dist/components/StrokeSpotlight/useStrokeSpotlight.d.ts +24 -0
  5. package/dist/components/index.d.ts +1 -0
  6. package/dist/metadata/components.json +169 -0
  7. package/dist/metadata/examples/StrokeSpotlight.md +41 -0
  8. package/dist/metadata.json +169 -0
  9. package/dist/mocked_classnames/components/StrokeSpotlight/StrokeSpotlight.d.ts +4 -0
  10. package/dist/mocked_classnames/components/StrokeSpotlight/StrokeSpotlight.types.d.ts +15 -0
  11. package/dist/mocked_classnames/components/StrokeSpotlight/index.d.ts +3 -0
  12. package/dist/mocked_classnames/components/StrokeSpotlight/useStrokeSpotlight.d.ts +24 -0
  13. package/dist/mocked_classnames/components/index.d.ts +1 -0
  14. package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
  15. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
  16. package/dist/mocked_classnames/src/components/SegmentedControl/SegmentedControl.module.scss.js +1 -1
  17. package/dist/mocked_classnames/src/components/StrokeSpotlight/StrokeSpotlight.js +2 -0
  18. package/dist/mocked_classnames/src/components/StrokeSpotlight/StrokeSpotlight.js.map +1 -0
  19. package/dist/mocked_classnames/src/components/StrokeSpotlight/StrokeSpotlight.module.scss.js +2 -0
  20. package/dist/mocked_classnames/src/components/StrokeSpotlight/StrokeSpotlight.module.scss.js.map +1 -0
  21. package/dist/mocked_classnames/src/components/StrokeSpotlight/useStrokeSpotlight.js +2 -0
  22. package/dist/mocked_classnames/src/components/StrokeSpotlight/useStrokeSpotlight.js.map +1 -0
  23. package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
  24. package/dist/mocked_classnames/src/index.js +1 -1
  25. package/dist/mocked_classnames/src/tests/constants.js +1 -1
  26. package/dist/mocked_classnames/src/tests/constants.js.map +1 -1
  27. package/dist/mocked_classnames/tests/constants.d.ts +2 -0
  28. package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
  29. package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
  30. package/dist/src/components/SegmentedControl/SegmentedControl.module.scss.js +1 -1
  31. package/dist/src/components/StrokeSpotlight/StrokeSpotlight.js +2 -0
  32. package/dist/src/components/StrokeSpotlight/StrokeSpotlight.js.map +1 -0
  33. package/dist/src/components/StrokeSpotlight/StrokeSpotlight.module.scss.js +2 -0
  34. package/dist/src/components/StrokeSpotlight/StrokeSpotlight.module.scss.js.map +1 -0
  35. package/dist/src/components/StrokeSpotlight/useStrokeSpotlight.js +2 -0
  36. package/dist/src/components/StrokeSpotlight/useStrokeSpotlight.js.map +1 -0
  37. package/dist/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
  38. package/dist/src/index.js +1 -1
  39. package/dist/src/tests/constants.js +1 -1
  40. package/dist/src/tests/constants.js.map +1 -1
  41. package/dist/tests/constants.d.ts +2 -0
  42. package/package.json +21 -21
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useStrokeSpotlight.js","sources":["../../../../../src/components/StrokeSpotlight/useStrokeSpotlight.ts"],"sourcesContent":["import { type RefObject, useEffect } from \"react\";\n\nexport interface StrokeSpotlightOptions {\n /** How far outside the box (px) the glow still responds. */\n proximity?: number;\n /** Fraction of half-min-side; inside this radius from center, glow is off. */\n inactiveZone?: number;\n /**\n * Outward distance from the outer margins (px) over which the stroke fades\n * from full to off. Inside the box stays full strength.\n */\n edgeFade?: number;\n /** Angular width of the glowing arc (degrees). */\n spread?: number;\n /** Seconds for angle interpolation. */\n movementDuration?: number;\n}\n\nconst DEFAULTS = {\n proximity: 64,\n inactiveZone: 0.01,\n edgeFade: 48,\n spread: 40,\n movementDuration: 1.5\n} as const;\n\n/** Mark controls that should not trigger the click pulse (e.g. attach, model picker). */\nexport const STROKE_NO_PULSE_ATTR = \"data-stroke-no-pulse\";\nconst STROKE_NO_PULSE_SELECTOR = `[${STROKE_NO_PULSE_ATTR}]`;\n\n/**\n * Pointer-following conic border glow via `--start` / `--active`, plus one-shot\n * click pulse. Traveling stroke is suppressed while the box is `:focus-within`\n * and resumes on hover after focus leaves.\n */\nexport function useStrokeSpotlight(\n ref: RefObject<HTMLElement | null>,\n activeClassName: string,\n clickPulsingClassName: string,\n options: StrokeSpotlightOptions = {}\n) {\n const proximity = options.proximity ?? DEFAULTS.proximity;\n const inactiveZone = options.inactiveZone ?? DEFAULTS.inactiveZone;\n const edgeFade = options.edgeFade ?? DEFAULTS.edgeFade;\n const spread = options.spread ?? DEFAULTS.spread;\n const movementDuration = options.movementDuration ?? DEFAULTS.movementDuration;\n\n useEffect(() => {\n const el = ref.current;\n if (!el || !activeClassName || !clickPulsingClassName) return;\n\n const pulseEl = el.querySelector<HTMLElement>(\"[data-stroke-click-pulse]\");\n const mql = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n let reducedMotion = mql.matches;\n // One-shot click pulse: after the first choose, don't re-pulse until blur.\n let engaged = false;\n let cachedRect = el.getBoundingClientRect();\n let rafId: number | null = null;\n let lastX = 0;\n let lastY = 0;\n let hasPointer = false;\n let angleRafId: number | null = null;\n let angleFrom = 0;\n let angleTo = 0;\n let angleStartMs = 0;\n\n el.style.setProperty(\"--spread\", String(spread));\n el.style.setProperty(\"--start\", \"0\");\n el.style.setProperty(\"--active\", \"0\");\n\n const clearClickPulse = () => {\n el.classList.remove(clickPulsingClassName);\n };\n\n const stopAngleAnimation = () => {\n if (angleRafId !== null) {\n cancelAnimationFrame(angleRafId);\n angleRafId = null;\n }\n };\n\n const easeOutExpo = (t: number) => (t >= 1 ? 1 : 1 - Math.pow(2, -10 * t));\n\n const tickAngle = (now: number) => {\n const t = Math.min(1, (now - angleStartMs) / (movementDuration * 1000));\n const value = angleFrom + (angleTo - angleFrom) * easeOutExpo(t);\n el.style.setProperty(\"--start\", String(value));\n if (t < 1) {\n angleRafId = requestAnimationFrame(tickAngle);\n } else {\n angleRafId = null;\n }\n };\n\n const animateAngle = (from: number, to: number) => {\n stopAngleAnimation();\n angleFrom = from;\n angleTo = to;\n angleStartMs = performance.now();\n angleRafId = requestAnimationFrame(tickAngle);\n };\n\n const deactivate = () => {\n el.style.setProperty(\"--active\", \"0\");\n el.classList.remove(activeClassName);\n stopAngleAnimation();\n };\n\n const applyGlow = (clientX: number, clientY: number, rect: DOMRect) => {\n // No traveling stroke while the prompt (or anything inside) is focused.\n if (el.matches(\":focus-within\")) {\n deactivate();\n return;\n }\n\n if (rect.width <= 0 || rect.height <= 0) return;\n\n const centerX = rect.left + rect.width * 0.5;\n const centerY = rect.top + rect.height * 0.5;\n const distanceFromCenter = Math.hypot(clientX - centerX, clientY - centerY);\n const inactiveRadius = 0.5 * Math.min(rect.width, rect.height) * inactiveZone;\n\n if (distanceFromCenter < inactiveRadius) {\n deactivate();\n return;\n }\n\n const isActive =\n clientX > rect.left - proximity &&\n clientX < rect.left + rect.width + proximity &&\n clientY > rect.top - proximity &&\n clientY < rect.top + rect.height + proximity;\n\n if (!isActive) {\n deactivate();\n return;\n }\n\n const localX = clientX - rect.left;\n const localY = clientY - rect.top;\n const outsideX = Math.max(0 - localX, 0, localX - rect.width);\n const outsideY = Math.max(0 - localY, 0, localY - rect.height);\n const distOutside = Math.sqrt(outsideX * outsideX + outsideY * outsideY);\n const fadeRange = edgeFade > 0 ? edgeFade : proximity;\n const active = distOutside <= 0 ? 1 : Math.max(0, Math.min(1, 1 - distOutside / fadeRange));\n\n el.style.setProperty(\"--active\", String(active));\n el.classList.add(activeClassName);\n\n const currentAngle = parseFloat(el.style.getPropertyValue(\"--start\")) || 0;\n const targetAngle = (180 * Math.atan2(clientY - centerY, clientX - centerX)) / Math.PI + 90;\n const angleDiff = ((targetAngle - currentAngle + 180) % 360) - 180;\n animateAngle(currentAngle, currentAngle + angleDiff);\n };\n\n const scheduleGlow = (clientX: number, clientY: number) => {\n lastX = clientX;\n lastY = clientY;\n hasPointer = true;\n if (rafId !== null) return;\n rafId = requestAnimationFrame(() => {\n rafId = null;\n cachedRect = el.getBoundingClientRect();\n applyGlow(lastX, lastY, cachedRect);\n });\n };\n\n const onMotionChange = () => {\n reducedMotion = mql.matches;\n if (reducedMotion) {\n deactivate();\n clearClickPulse();\n }\n };\n mql.addEventListener(\"change\", onMotionChange);\n\n const refreshRect = () => {\n cachedRect = el.getBoundingClientRect();\n };\n\n const onWindowPointerMove = (e: PointerEvent) => {\n if (reducedMotion || !el.isConnected) {\n deactivate();\n return;\n }\n\n if (e.clientX < 0 || e.clientY < 0 || e.clientX > window.innerWidth || e.clientY > window.innerHeight) {\n if (!el.matches(\":focus-within\")) engaged = false;\n hasPointer = false;\n deactivate();\n return;\n }\n\n scheduleGlow(e.clientX, e.clientY);\n };\n\n const onWindowBlur = () => {\n engaged = false;\n hasPointer = false;\n deactivate();\n };\n\n const restartClickPulse = () => {\n el.classList.remove(clickPulsingClassName);\n void el.offsetWidth;\n el.classList.add(clickPulsingClassName);\n };\n\n const onPulseAnimationEnd = (e: AnimationEvent) => {\n if (e.target !== pulseEl) return;\n clearClickPulse();\n };\n\n const onFocusIn = () => {\n engaged = true;\n deactivate();\n };\n\n const onFocusOut = () => {\n // Wait a frame so :focus-within reflects the new target.\n requestAnimationFrame(() => {\n if (!el.isConnected || el.matches(\":focus-within\")) return;\n engaged = false;\n // Resume hover stroke immediately if the pointer is still nearby.\n if (hasPointer) {\n cachedRect = el.getBoundingClientRect();\n applyGlow(lastX, lastY, cachedRect);\n }\n });\n };\n\n const onDown = (e: PointerEvent) => {\n if (reducedMotion) return;\n const target = e.target;\n if (target instanceof Element && target.closest(STROKE_NO_PULSE_SELECTOR)) return;\n if (engaged || el.matches(\":focus-within\")) {\n deactivate();\n return;\n }\n engaged = true;\n deactivate();\n restartClickPulse();\n };\n\n window.addEventListener(\"pointermove\", onWindowPointerMove, {\n passive: true\n });\n window.addEventListener(\"blur\", onWindowBlur);\n window.addEventListener(\"scroll\", refreshRect, { passive: true });\n window.addEventListener(\"resize\", refreshRect, { passive: true });\n el.addEventListener(\"pointerdown\", onDown);\n el.addEventListener(\"focusin\", onFocusIn);\n el.addEventListener(\"focusout\", onFocusOut);\n pulseEl?.addEventListener(\"animationend\", onPulseAnimationEnd);\n\n return () => {\n mql.removeEventListener(\"change\", onMotionChange);\n if (rafId !== null) cancelAnimationFrame(rafId);\n stopAngleAnimation();\n el.classList.remove(activeClassName);\n clearClickPulse();\n el.style.setProperty(\"--active\", \"0\");\n window.removeEventListener(\"pointermove\", onWindowPointerMove);\n window.removeEventListener(\"blur\", onWindowBlur);\n window.removeEventListener(\"scroll\", refreshRect);\n window.removeEventListener(\"resize\", refreshRect);\n el.removeEventListener(\"pointerdown\", onDown);\n el.removeEventListener(\"focusin\", onFocusIn);\n el.removeEventListener(\"focusout\", onFocusOut);\n pulseEl?.removeEventListener(\"animationend\", onPulseAnimationEnd);\n };\n }, [ref, activeClassName, clickPulsingClassName, proximity, inactiveZone, edgeFade, spread, movementDuration]);\n}\n"],"names":["DEFAULTS","STROKE_NO_PULSE_ATTR","STROKE_NO_PULSE_SELECTOR","concat","useStrokeSpotlight","ref","activeClassName","clickPulsingClassName","options","arguments","length","undefined","proximity","_a","inactiveZone","_b","edgeFade","_c","spread","_d","movementDuration","_e","useEffect","el","current","pulseEl","querySelector","mql","window","matchMedia","reducedMotion","matches","engaged","cachedRect","getBoundingClientRect","rafId","lastX","lastY","hasPointer","angleRafId","angleFrom","angleTo","angleStartMs","style","setProperty","String","clearClickPulse","classList","remove","stopAngleAnimation","cancelAnimationFrame","tickAngle","now","t","Math","min","value","pow","easeOutExpo","requestAnimationFrame","deactivate","applyGlow","clientX","clientY","rect","width","height","centerX","left","centerY","top","hypot","localX","localY","outsideX","max","outsideY","distOutside","sqrt","add","from","to","currentAngle","parseFloat","getPropertyValue","atan2","PI","performance","onMotionChange","addEventListener","refreshRect","onWindowPointerMove","e","isConnected","innerWidth","innerHeight","onWindowBlur","onPulseAnimationEnd","target","onFocusIn","onFocusOut","onDown","Element","closest","passive","removeEventListener"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- var e={tabsWrapper:"tabsWrapper",tabsList:"tabsList",selectedIndicator:"selectedIndicator",visible:"visible",sm:"sm",lg:"lg",stretched:"stretched",tabListTabWrapper:"tabListTabWrapper",tabListTabInner:"tabListTabInner",disabled:"disabled",stretchedUnderline:"stretchedUnderline"};!function(e){const n="s_id-1f1ea82925d8_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('@charset "UTF-8";\n/* stylelint-disable */\n/* stylelint-enable */\n/* Tokens — remove once design system Sense motion tokens are live */\n/* Pattern: slide-transition · Tokens: position · ease-transition · duration-long-250 */\n.tabsWrapper {\n position: relative;\n --duration-long-250: 250ms;\n --duration-short-70: 70ms;\n --ease-transition: cubic-bezier(0.4, 0, 0.2, 1);\n --ease-linear: linear;\n}\n\n.tabsWrapper .tabsList {\n display: flex;\n flex-direction: row;\n list-style-type: none;\n font-size: 0;\n position: relative;\n /* Medium: 32px button + 2px gap + 2px selected underline */\n height: 36px;\n outline: none;\n padding: 0;\n}\n\n.tabsWrapper .selectedIndicator {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background-color: var(--primary-color);\n border-radius: 1px;\n opacity: 0;\n z-index: 2;\n pointer-events: none;\n transition: left var(--duration-long-250) var(--ease-transition), width var(--duration-long-250) var(--ease-transition), opacity var(--duration-short-70) var(--ease-linear);\n}\n\n.tabsWrapper .selectedIndicator.visible {\n opacity: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .tabsWrapper .selectedIndicator {\n transition: opacity var(--duration-short-70) var(--ease-linear);\n }\n}\n.tabsWrapper .tabsList.sm {\n /* Small: 28px button + 2px gap + 2px underline */\n height: 32px;\n}\n\n.tabsWrapper .tabsList.lg {\n /* Large: 36px button + 2px gap + 2px underline */\n height: 40px;\n}\n\n.tabsWrapper.stretched .tabsList {\n width: 100%;\n}\n\n.tabsWrapper.stretched .tabsList .tabListTabWrapper {\n width: 100%;\n}\n\n.tabsWrapper.stretched .tabsList .tabListTabWrapper .tabListTabInner {\n width: 100%;\n}\n\n.tabsWrapper.disabled {\n opacity: 0;\n height: 0;\n padding-bottom: 5px;\n pointer-events: none;\n}\n\n.tabsWrapper.stretchedUnderline {\n border-bottom: none;\n}');export{e as default};
1
+ var e={tabsWrapper:"tabsWrapper",tabsList:"tabsList",selectedIndicator:"selectedIndicator",visible:"visible",sm:"sm",lg:"lg",stretched:"stretched",tabListTabWrapper:"tabListTabWrapper",tabListTabInner:"tabListTabInner",disabled:"disabled",stretchedUnderline:"stretchedUnderline"};!function(e){const n="s_id-155a45ffc122_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('@charset "UTF-8";\n/* stylelint-disable */\n/* stylelint-enable */\n/* Tokens — remove once design system Sense motion tokens are live */\n/* Pattern: slide-transition · Tokens: position · ease-transition · duration-long-250 */\n.tabsWrapper {\n position: relative;\n --duration-long-250: 250ms;\n --duration-short-70: 70ms;\n --ease-transition: cubic-bezier(0.4, 0, 0.2, 1);\n --ease-linear: linear;\n}\n\n.tabsWrapper .tabsList {\n display: flex;\n flex-direction: row;\n list-style-type: none;\n font-size: 0;\n position: relative;\n /* Medium: 32px button + 2px gap + 2px selected underline */\n height: 36px;\n outline: none;\n padding: 0;\n}\n\n.tabsWrapper .selectedIndicator {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background-color: var(--brand-color);\n border-radius: 1px;\n opacity: 0;\n z-index: 2;\n pointer-events: none;\n transition: left var(--duration-long-250) var(--ease-transition), width var(--duration-long-250) var(--ease-transition), opacity var(--duration-short-70) var(--ease-linear);\n}\n\n.tabsWrapper .selectedIndicator.visible {\n opacity: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .tabsWrapper .selectedIndicator {\n transition: opacity var(--duration-short-70) var(--ease-linear);\n }\n}\n.tabsWrapper .tabsList.sm {\n /* Small: 28px button + 2px gap + 2px underline */\n height: 32px;\n}\n\n.tabsWrapper .tabsList.lg {\n /* Large: 36px button + 2px gap + 2px underline */\n height: 40px;\n}\n\n.tabsWrapper.stretched .tabsList {\n width: 100%;\n}\n\n.tabsWrapper.stretched .tabsList .tabListTabWrapper {\n width: 100%;\n}\n\n.tabsWrapper.stretched .tabsList .tabListTabWrapper .tabListTabInner {\n width: 100%;\n}\n\n.tabsWrapper.disabled {\n opacity: 0;\n height: 0;\n padding-bottom: 5px;\n pointer-events: none;\n}\n\n.tabsWrapper.stretchedUnderline {\n border-bottom: none;\n}');export{e as default};
2
2
  //# sourceMappingURL=TabList.module.scss.js.map
@@ -1,2 +1,2 @@
1
- import"@vibe/style/dist/index.min.css";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export*from"@vibe/avatar/mockedClassNames";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./components/Badge/Badge.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export*from"@vibe/button/mockedClassNames";export{ButtonGroup}from"@vibe/button-group/mockedClassNames";export*from"@vibe/checkbox/mockedClassNames";export{default as Chips}from"./components/Chips/Chips.js";export{Clickable,useClickableProps}from"@vibe/clickable/mockedClassNames";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export*from"@vibe/counter/mockedClassNames";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{Dialog,DialogContentContainer}from"@vibe/dialog/mockedClassNames";export*from"@vibe/divider/mockedClassNames";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export*from"@vibe/editable/mockedClassNames";export{default as EmptyState}from"./components/EmptyState/EmptyState.js";export{ExpandCollapse}from"@vibe/expand-collapse/mockedClassNames";export*from"@vibe/layout/mockedClassNames";export*from"@vibe/formatted-number/mockedClassNames";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{Heading,Text}from"@vibe/typography/mockedClassNames";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export*from"@vibe/icon/mockedClassNames";export*from"@vibe/icon-button/mockedClassNames";export{default as Info}from"./components/Info/Info.js";export*from"@vibe/label/mockedClassNames";export{LayerProvider}from"@vibe/layer/mockedClassNames";export*from"@vibe/link/mockedClassNames";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export*from"@vibe/loader/mockedClassNames";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as NumberField}from"./components/NumberField/NumberField.js";export{default as ModalFooter}from"./components/Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./components/Modal/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./components/Modal/ModalMedia/ModalMedia.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export*from"@vibe/progress-bars/mockedClassNames";export*from"@vibe/radio-button/mockedClassNames";export{default as Search}from"./components/Search/Search.js";export{default as SegmentedControl}from"./components/SegmentedControl/SegmentedControl.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as TextArea}from"./components/TextArea/TextArea.js";export{default as TextField}from"./components/TextField/TextField.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{Tooltip}from"@vibe/tooltip/mockedClassNames";export{default as TransitionView}from"./components/TransitionView/TransitionView.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{useEventListener,useKeyEvent}from"@vibe/shared";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{useAfterFirstRender,useClickOutside,useIsOverflowing,usePrevious,useResizeObserver}from"@vibe/hooks";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";export{MapOnSurfaceTextColor,getElementColor,getOnSurfaceTextColor,isSemanticElementColor}from"./types/Colors.js";
1
+ import"@vibe/style/dist/index.min.css";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export*from"@vibe/avatar/mockedClassNames";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./components/Badge/Badge.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export*from"@vibe/button/mockedClassNames";export{ButtonGroup}from"@vibe/button-group/mockedClassNames";export*from"@vibe/checkbox/mockedClassNames";export{default as Chips}from"./components/Chips/Chips.js";export{Clickable,useClickableProps}from"@vibe/clickable/mockedClassNames";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export*from"@vibe/counter/mockedClassNames";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{Dialog,DialogContentContainer}from"@vibe/dialog/mockedClassNames";export*from"@vibe/divider/mockedClassNames";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export*from"@vibe/editable/mockedClassNames";export{default as EmptyState}from"./components/EmptyState/EmptyState.js";export{ExpandCollapse}from"@vibe/expand-collapse/mockedClassNames";export*from"@vibe/layout/mockedClassNames";export*from"@vibe/formatted-number/mockedClassNames";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{Heading,Text}from"@vibe/typography/mockedClassNames";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export*from"@vibe/icon/mockedClassNames";export*from"@vibe/icon-button/mockedClassNames";export{default as Info}from"./components/Info/Info.js";export*from"@vibe/label/mockedClassNames";export{LayerProvider}from"@vibe/layer/mockedClassNames";export*from"@vibe/link/mockedClassNames";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export*from"@vibe/loader/mockedClassNames";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as NumberField}from"./components/NumberField/NumberField.js";export{default as ModalFooter}from"./components/Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./components/Modal/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./components/Modal/ModalMedia/ModalMedia.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export*from"@vibe/progress-bars/mockedClassNames";export*from"@vibe/radio-button/mockedClassNames";export{default as Search}from"./components/Search/Search.js";export{default as SegmentedControl}from"./components/SegmentedControl/SegmentedControl.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as StrokeSpotlight}from"./components/StrokeSpotlight/StrokeSpotlight.js";export{STROKE_NO_PULSE_ATTR}from"./components/StrokeSpotlight/useStrokeSpotlight.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as TextArea}from"./components/TextArea/TextArea.js";export{default as TextField}from"./components/TextField/TextField.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{Tooltip}from"@vibe/tooltip/mockedClassNames";export{default as TransitionView}from"./components/TransitionView/TransitionView.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{useEventListener,useKeyEvent}from"@vibe/shared";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{useAfterFirstRender,useClickOutside,useIsOverflowing,usePrevious,useResizeObserver}from"@vibe/hooks";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";export{MapOnSurfaceTextColor,getElementColor,getOnSurfaceTextColor,isSemanticElementColor}from"./types/Colors.js";
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- var T,t,E;!function(T){T.LIST_TITLE="list-title",T.EMPTY_STATE="empty-state",T.TRANSITION_VIEW="transition-view",T.TEXT_AREA="text-area",T.EDITABLE_TEXT="editable-text",T.TIPSEEN_MEDIA="tipseen-media",T.INDICATOR="indicator",T.BADGE="badge",T.TITLE="title",T.TEXT="text",T.COMBOBOX="combobox",T.COMBOBOX_CATEGORY="combobox-category",T.COMBOBOX_OPTION="combobox-option",T.COLOR_PICKER="color-picker",T.CHECKBOX="checkbox",T.CHECKBOX_LABEL="checkbox-label",T.CHECKBOX_CHECKBOX="checkbox-checkbox",T.DROPDOWN="dropdown",T.DROPDOWN_OPTION_CONTENT="dropdown-option-content",T.BUTTON="button",T.BUTTON_GROUP="button-group",T.CLICKABLE="clickable",T.VIRTUALIZED_LIST="virtualized-list",T.VIRTUALIZED_GRID="virtualized-grid",T.TEXT_FIELD="text-field",T.TEXT_FIELD_SECONDARY_BUTTON="text-field-secondary-button",T.SEARCH="search",T.CLEAN_SEARCH_BUTTON="clean-search-button",T.SEGMENTED_CONTROL="segmented-control",T.COLOR_PICKER_ITEM="color-picker-item",T.ICON_BUTTON="icon-button",T.INFO="info",T.SVG_ICON="svg-icon",T.CHIP="chip",T.RADIO_BUTTON="radio-button",T.RADIO_BUTTON_LABEL="radio-button-label",T.RADIO_BUTTON_CONTROL="radio-button-control",T.TAB="tab",T.TAB_PANEL="tab-panel",T.TAB_PANELS="tab-panels",T.TAB_LIST="tab-list",T.TABS_CONTEXT="tabs-context",T.ALERT_BANNER="alert-banner",T.ALERT_BANNER_BUTTON="alert-banner-button",T.ALERT_BANNER_LINK="alert-banner-link",T.ALERT_BANNER_TEXT="alert-banner-text",T.ATTENTION_BOX="attention-box",T.BOX="box",T.AVATAR="avatar",T.AVATAR_BADGE="avatar-badge",T.AVATAR_CONTENT="avatar-content",T.BREADCRUMB_ITEM="breadcrumb-item",T.BREADCRUMBS_BAR="breadcrumbs-bar",T.BREADCRUMB_MENU="breadcrumb-menu",T.BREADCRUMB_MENU_ITEM="breadcrumb-menu-item",T.PROGRESS_BAR="progress-bar",T.BAR="bar",T.BAR_PRIMARY="bar-primary",T.BAR_SECONDARY="bar-secondary",T.COLOR_PICKER_ITEM_COMPONENT="color-picker-item-component",T.COUNTER="counter",T.MENU="menu",T.OPTION="option",T.EXPAND_COLLAPSE="expand-collapse",T.EDITABLE_INPUT="editable-input",T.EDITABLE_HEADING="editable-heading",T.HEADING="heading",T.LABEL="label",T.LINK="link",T.MENU_DIVIDER="menu-divider",T.MENU_ITEM="menu-item",T.MENU_ITEM_BUTTON="menu-item-button",T.MENU_TITLE="menu-title",T.MENU_TITLE_CAPTION="menu-title-caption",T.MENU_GRID_ITEM="menu-grid-item",T.MENU_BUTTON="menu-button",T.STEP_INDICATOR="step-indicator",T.STEPS="steps",T.STEPS_FORWARD_COMMAND="steps-forward-command",T.STEPS_BACKWARD_COMMAND="steps-backward-command",T.MULTI_STEP_INDICATOR="multi-step-indicator",T.SKELETON="skeleton",T.SPLIT_BUTTON="split-button",T.SPLIT_BUTTON_PRIMARY_BUTTON="split-button-primary-button",T.SPLIT_BUTTON_SECONDARY_BUTTON="split-button-secondary-button",T.TEXT_WITH_HIGHLIGHT="text-with-highlight",T.TOAST="toast",T.TOAST_CONTENT="toast-content",T.TOAST_LINK="toast-link",T.TOAST_BUTTON="toast-button",T.TOAST_CLOSE_BUTTON="toast-close-button",T.TOGGLE="toggle",T.TIPSEEN="tipseen",T.TIPSEEN_CONTENT="tipseen-content",T.TIPSEEN_CONTENT_SUBMIT="tipseen-content-submit",T.TIPSEEN_CONTENT_DISMISS="tipseen-content-dismiss",T.TIPSEEN_TITLE="tipseen-title",T.DIVIDER="divider",T.DATEPICKER="date-picker",T.DATEPICKER_HEADER="date-picker-header",T.DATEPICKER_YEAR_SELECTION="date-picker-year-selection",T.LOADER="loader",T.ICON="icon",T.RESPONSIVE_LIST="responsive-list",T.LIST="list",T.MODAL="modal",T.MODAL_OVERLAY="modal-overlay",T.MODAL_HEADER="modal-header",T.MODAL_CLOSE_BUTTON="modal-close-button",T.MODAL_CONTENT="modal-content",T.MODAL_FOOTER="modal-footer",T.MODAL_MEDIA="modal-media",T.MODAL_BASIC_LAYOUT="modal-basic-layout",T.MODAL_SIDE_BY_SIDE_LAYOUT="modal-side-by-side-layout",T.MODAL_MEDIA_LAYOUT="modal-media-layout",T.FORMATTED_NUMBER="formatted-number",T.HIDDEN_TEXT="hidden-text",T.DIALOG_CONTENT_CONTAINER="dialog-content-container",T.FLEX="flex",T.TOOLTIP="tooltip",T.DIALOG="dialog",T.TABLE="table",T.TABLE_CONTAINER="table-container",T.TABLE_BODY="table-body",T.TABLE_VIRTUALIZED_BODY="table-virtualized-body",T.TABLE_CELL="table-cell",T.TABLE_HEADER="table-header",T.TABLE_HEADER_CELL="table-header-cell",T.TABLE_ROW="table-row",T.TABLE_ROW_MENU="table-row-menu"}(T||(T={})),function(T){T.RIGHT_ARROW="{arrowright}",T.LEFT_ARROW="{arrowleft}",T.UP_ARROW="{arrowup}",T.DOWN_ARROW="{arrowdown}",T.TAB="#TAB#",T.ENTER="{enter}",T.PAGE_UP="{pageup}",T.PAGE_DOWN="{pagedown}"}(t||(t={})),function(T){T.ACCORDION="Accordion",T.LIST_TITLE="ListTitle",T.ALERT_BANNER="AlertBanner",T.ATTENTION_BOX="AttentionBox",T.AVATAR="Avatar",T.AVATAR_GROUP="AvatarGroup",T.BADGE="Badge",T.BOX="Box",T.BREADCRUMBS_BAR="BreadcrumbsBar",T.BUTTON="Button",T.BUTTON_GROUP="ButtonGroup",T.CHECKBOX="Checkbox",T.CHIPS="Chips",T.COLOR_PICKER="ColorPicker",T.COMBOBOX="Combobox",T.COUNTER="Counter",T.DATE_PICKER="DatePicker",T.DIALOG="Dialog",T.DIVIDER="Divider",T.DROPDOWN="Dropdown",T.EDITABLE_HEADING="EditableHeading",T.EDITABLE_TEXT="EditableText",T.EMPTY_STATE="EmptyState",T.EXPAND_COLLAPSE="ExpandCollapse",T.FLEX="Flex",T.HEADING="Heading",T.ICON="Icon",T.ICON_BUTTON="IconButton",T.INFO="Info",T.LABEL="Label",T.PROGRESS_BAR="ProgressBar",T.LINK="Link",T.LIST="List",T.LOADER="Loader",T.MENU="Menu",T.MENU_BUTTON="MenuButton",T.MODAL="Modal",T.MULTI_STEP_INDICATOR="MultiStepIndicator",T.NUMBER_FIELD="NumberField",T.RADIO_BUTTON="RadioButton",T.SEARCH="Search",T.SEGMENTED_CONTROL="SegmentedControl",T.SKELETON="Skeleton",T.SLIDER="Slider",T.SPLIT_BUTTON="SplitButton",T.STEPS="Steps",T.TAB="Tab",T.TABLE="Table",T.TEXT="Text",T.TEXT_AREA="TextArea",T.TEXT_FIELD="TextField",T.TEXT_WITH_HIGHLIGHT="TextWithHighlight",T.THEME_PROVIDER="ThemeProvider",T.TIPSEEN="Tipseen",T.TOAST="Toast",T.TOGGLE="Toggle",T.TOOLTIP="Tooltip",T.VIRTUALIZED_GRID="VirtualizedGrid",T.VIRTUALIZED_LIST="VirtualizedList"}(E||(E={}));export{T as ComponentDefaultTestId,E as ComponentVibeId,t as NavigationCommand};
1
+ var T,t,E;!function(T){T.LIST_TITLE="list-title",T.EMPTY_STATE="empty-state",T.STROKE_SPOTLIGHT="stroke-spotlight",T.TRANSITION_VIEW="transition-view",T.TEXT_AREA="text-area",T.EDITABLE_TEXT="editable-text",T.TIPSEEN_MEDIA="tipseen-media",T.INDICATOR="indicator",T.BADGE="badge",T.TITLE="title",T.TEXT="text",T.COMBOBOX="combobox",T.COMBOBOX_CATEGORY="combobox-category",T.COMBOBOX_OPTION="combobox-option",T.COLOR_PICKER="color-picker",T.CHECKBOX="checkbox",T.CHECKBOX_LABEL="checkbox-label",T.CHECKBOX_CHECKBOX="checkbox-checkbox",T.DROPDOWN="dropdown",T.DROPDOWN_OPTION_CONTENT="dropdown-option-content",T.BUTTON="button",T.BUTTON_GROUP="button-group",T.CLICKABLE="clickable",T.VIRTUALIZED_LIST="virtualized-list",T.VIRTUALIZED_GRID="virtualized-grid",T.TEXT_FIELD="text-field",T.TEXT_FIELD_SECONDARY_BUTTON="text-field-secondary-button",T.SEARCH="search",T.CLEAN_SEARCH_BUTTON="clean-search-button",T.SEGMENTED_CONTROL="segmented-control",T.COLOR_PICKER_ITEM="color-picker-item",T.ICON_BUTTON="icon-button",T.INFO="info",T.SVG_ICON="svg-icon",T.CHIP="chip",T.RADIO_BUTTON="radio-button",T.RADIO_BUTTON_LABEL="radio-button-label",T.RADIO_BUTTON_CONTROL="radio-button-control",T.TAB="tab",T.TAB_PANEL="tab-panel",T.TAB_PANELS="tab-panels",T.TAB_LIST="tab-list",T.TABS_CONTEXT="tabs-context",T.ALERT_BANNER="alert-banner",T.ALERT_BANNER_BUTTON="alert-banner-button",T.ALERT_BANNER_LINK="alert-banner-link",T.ALERT_BANNER_TEXT="alert-banner-text",T.ATTENTION_BOX="attention-box",T.BOX="box",T.AVATAR="avatar",T.AVATAR_BADGE="avatar-badge",T.AVATAR_CONTENT="avatar-content",T.BREADCRUMB_ITEM="breadcrumb-item",T.BREADCRUMBS_BAR="breadcrumbs-bar",T.BREADCRUMB_MENU="breadcrumb-menu",T.BREADCRUMB_MENU_ITEM="breadcrumb-menu-item",T.PROGRESS_BAR="progress-bar",T.BAR="bar",T.BAR_PRIMARY="bar-primary",T.BAR_SECONDARY="bar-secondary",T.COLOR_PICKER_ITEM_COMPONENT="color-picker-item-component",T.COUNTER="counter",T.MENU="menu",T.OPTION="option",T.EXPAND_COLLAPSE="expand-collapse",T.EDITABLE_INPUT="editable-input",T.EDITABLE_HEADING="editable-heading",T.HEADING="heading",T.LABEL="label",T.LINK="link",T.MENU_DIVIDER="menu-divider",T.MENU_ITEM="menu-item",T.MENU_ITEM_BUTTON="menu-item-button",T.MENU_TITLE="menu-title",T.MENU_TITLE_CAPTION="menu-title-caption",T.MENU_GRID_ITEM="menu-grid-item",T.MENU_BUTTON="menu-button",T.STEP_INDICATOR="step-indicator",T.STEPS="steps",T.STEPS_FORWARD_COMMAND="steps-forward-command",T.STEPS_BACKWARD_COMMAND="steps-backward-command",T.MULTI_STEP_INDICATOR="multi-step-indicator",T.SKELETON="skeleton",T.SPLIT_BUTTON="split-button",T.SPLIT_BUTTON_PRIMARY_BUTTON="split-button-primary-button",T.SPLIT_BUTTON_SECONDARY_BUTTON="split-button-secondary-button",T.TEXT_WITH_HIGHLIGHT="text-with-highlight",T.TOAST="toast",T.TOAST_CONTENT="toast-content",T.TOAST_LINK="toast-link",T.TOAST_BUTTON="toast-button",T.TOAST_CLOSE_BUTTON="toast-close-button",T.TOGGLE="toggle",T.TIPSEEN="tipseen",T.TIPSEEN_CONTENT="tipseen-content",T.TIPSEEN_CONTENT_SUBMIT="tipseen-content-submit",T.TIPSEEN_CONTENT_DISMISS="tipseen-content-dismiss",T.TIPSEEN_TITLE="tipseen-title",T.DIVIDER="divider",T.DATEPICKER="date-picker",T.DATEPICKER_HEADER="date-picker-header",T.DATEPICKER_YEAR_SELECTION="date-picker-year-selection",T.LOADER="loader",T.ICON="icon",T.RESPONSIVE_LIST="responsive-list",T.LIST="list",T.MODAL="modal",T.MODAL_OVERLAY="modal-overlay",T.MODAL_HEADER="modal-header",T.MODAL_CLOSE_BUTTON="modal-close-button",T.MODAL_CONTENT="modal-content",T.MODAL_FOOTER="modal-footer",T.MODAL_MEDIA="modal-media",T.MODAL_BASIC_LAYOUT="modal-basic-layout",T.MODAL_SIDE_BY_SIDE_LAYOUT="modal-side-by-side-layout",T.MODAL_MEDIA_LAYOUT="modal-media-layout",T.FORMATTED_NUMBER="formatted-number",T.HIDDEN_TEXT="hidden-text",T.DIALOG_CONTENT_CONTAINER="dialog-content-container",T.FLEX="flex",T.TOOLTIP="tooltip",T.DIALOG="dialog",T.TABLE="table",T.TABLE_CONTAINER="table-container",T.TABLE_BODY="table-body",T.TABLE_VIRTUALIZED_BODY="table-virtualized-body",T.TABLE_CELL="table-cell",T.TABLE_HEADER="table-header",T.TABLE_HEADER_CELL="table-header-cell",T.TABLE_ROW="table-row",T.TABLE_ROW_MENU="table-row-menu"}(T||(T={})),function(T){T.RIGHT_ARROW="{arrowright}",T.LEFT_ARROW="{arrowleft}",T.UP_ARROW="{arrowup}",T.DOWN_ARROW="{arrowdown}",T.TAB="#TAB#",T.ENTER="{enter}",T.PAGE_UP="{pageup}",T.PAGE_DOWN="{pagedown}"}(t||(t={})),function(T){T.ACCORDION="Accordion",T.LIST_TITLE="ListTitle",T.ALERT_BANNER="AlertBanner",T.ATTENTION_BOX="AttentionBox",T.AVATAR="Avatar",T.AVATAR_GROUP="AvatarGroup",T.BADGE="Badge",T.BOX="Box",T.BREADCRUMBS_BAR="BreadcrumbsBar",T.BUTTON="Button",T.BUTTON_GROUP="ButtonGroup",T.CHECKBOX="Checkbox",T.CHIPS="Chips",T.COLOR_PICKER="ColorPicker",T.COMBOBOX="Combobox",T.COUNTER="Counter",T.DATE_PICKER="DatePicker",T.DIALOG="Dialog",T.DIVIDER="Divider",T.DROPDOWN="Dropdown",T.EDITABLE_HEADING="EditableHeading",T.EDITABLE_TEXT="EditableText",T.EMPTY_STATE="EmptyState",T.STROKE_SPOTLIGHT="StrokeSpotlight",T.EXPAND_COLLAPSE="ExpandCollapse",T.FLEX="Flex",T.HEADING="Heading",T.ICON="Icon",T.ICON_BUTTON="IconButton",T.INFO="Info",T.LABEL="Label",T.PROGRESS_BAR="ProgressBar",T.LINK="Link",T.LIST="List",T.LOADER="Loader",T.MENU="Menu",T.MENU_BUTTON="MenuButton",T.MODAL="Modal",T.MULTI_STEP_INDICATOR="MultiStepIndicator",T.NUMBER_FIELD="NumberField",T.RADIO_BUTTON="RadioButton",T.SEARCH="Search",T.SEGMENTED_CONTROL="SegmentedControl",T.SKELETON="Skeleton",T.SLIDER="Slider",T.SPLIT_BUTTON="SplitButton",T.STEPS="Steps",T.TAB="Tab",T.TABLE="Table",T.TEXT="Text",T.TEXT_AREA="TextArea",T.TEXT_FIELD="TextField",T.TEXT_WITH_HIGHLIGHT="TextWithHighlight",T.THEME_PROVIDER="ThemeProvider",T.TIPSEEN="Tipseen",T.TOAST="Toast",T.TOGGLE="Toggle",T.TOOLTIP="Tooltip",T.VIRTUALIZED_GRID="VirtualizedGrid",T.VIRTUALIZED_LIST="VirtualizedList"}(E||(E={}));export{T as ComponentDefaultTestId,E as ComponentVibeId,t as NavigationCommand};
2
2
  //# sourceMappingURL=constants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sources":["../../../../src/tests/constants.ts"],"sourcesContent":["export enum ComponentDefaultTestId {\n // Don't remove next line\n // plop_marker:default-data-testid-declarations\n LIST_TITLE = \"list-title\",\n EMPTY_STATE = \"empty-state\",\n TRANSITION_VIEW = \"transition-view\",\n TEXT_AREA = \"text-area\",\n EDITABLE_TEXT = \"editable-text\",\n TIPSEEN_MEDIA = \"tipseen-media\",\n INDICATOR = \"indicator\",\n BADGE = \"badge\",\n TITLE = \"title\",\n TEXT = \"text\",\n COMBOBOX = \"combobox\",\n COMBOBOX_CATEGORY = \"combobox-category\",\n COMBOBOX_OPTION = \"combobox-option\",\n COLOR_PICKER = \"color-picker\",\n CHECKBOX = \"checkbox\",\n CHECKBOX_LABEL = \"checkbox-label\",\n CHECKBOX_CHECKBOX = \"checkbox-checkbox\",\n DROPDOWN = \"dropdown\",\n DROPDOWN_OPTION_CONTENT = \"dropdown-option-content\",\n BUTTON = \"button\",\n BUTTON_GROUP = \"button-group\",\n CLICKABLE = \"clickable\",\n VIRTUALIZED_LIST = \"virtualized-list\",\n VIRTUALIZED_GRID = \"virtualized-grid\",\n TEXT_FIELD = \"text-field\",\n TEXT_FIELD_SECONDARY_BUTTON = \"text-field-secondary-button\",\n SEARCH = \"search\",\n CLEAN_SEARCH_BUTTON = \"clean-search-button\",\n SEGMENTED_CONTROL = \"segmented-control\",\n COLOR_PICKER_ITEM = \"color-picker-item\",\n ICON_BUTTON = \"icon-button\",\n INFO = \"info\",\n SVG_ICON = \"svg-icon\",\n CHIP = \"chip\",\n RADIO_BUTTON = \"radio-button\",\n RADIO_BUTTON_LABEL = \"radio-button-label\",\n RADIO_BUTTON_CONTROL = \"radio-button-control\",\n TAB = \"tab\",\n TAB_PANEL = \"tab-panel\",\n TAB_PANELS = \"tab-panels\",\n TAB_LIST = \"tab-list\",\n TABS_CONTEXT = \"tabs-context\",\n ALERT_BANNER = \"alert-banner\",\n ALERT_BANNER_BUTTON = \"alert-banner-button\",\n ALERT_BANNER_LINK = \"alert-banner-link\",\n ALERT_BANNER_TEXT = \"alert-banner-text\",\n ATTENTION_BOX = \"attention-box\",\n BOX = \"box\",\n AVATAR = \"avatar\",\n AVATAR_BADGE = \"avatar-badge\",\n AVATAR_CONTENT = \"avatar-content\",\n BREADCRUMB_ITEM = \"breadcrumb-item\",\n BREADCRUMBS_BAR = \"breadcrumbs-bar\",\n BREADCRUMB_MENU = \"breadcrumb-menu\",\n BREADCRUMB_MENU_ITEM = \"breadcrumb-menu-item\",\n PROGRESS_BAR = \"progress-bar\",\n BAR = \"bar\",\n BAR_PRIMARY = \"bar-primary\",\n BAR_SECONDARY = \"bar-secondary\",\n COLOR_PICKER_ITEM_COMPONENT = \"color-picker-item-component\",\n COUNTER = \"counter\",\n MENU = \"menu\",\n OPTION = \"option\",\n EXPAND_COLLAPSE = \"expand-collapse\",\n EDITABLE_INPUT = \"editable-input\",\n EDITABLE_HEADING = \"editable-heading\",\n HEADING = \"heading\",\n LABEL = \"label\",\n LINK = \"link\",\n MENU_DIVIDER = \"menu-divider\",\n MENU_ITEM = \"menu-item\",\n MENU_ITEM_BUTTON = \"menu-item-button\",\n MENU_TITLE = \"menu-title\",\n MENU_TITLE_CAPTION = \"menu-title-caption\",\n MENU_GRID_ITEM = \"menu-grid-item\",\n MENU_BUTTON = \"menu-button\",\n STEP_INDICATOR = \"step-indicator\",\n STEPS = \"steps\",\n STEPS_FORWARD_COMMAND = \"steps-forward-command\",\n STEPS_BACKWARD_COMMAND = \"steps-backward-command\",\n MULTI_STEP_INDICATOR = \"multi-step-indicator\",\n SKELETON = \"skeleton\",\n SPLIT_BUTTON = \"split-button\",\n SPLIT_BUTTON_PRIMARY_BUTTON = \"split-button-primary-button\",\n SPLIT_BUTTON_SECONDARY_BUTTON = \"split-button-secondary-button\",\n TEXT_WITH_HIGHLIGHT = \"text-with-highlight\",\n TOAST = \"toast\",\n TOAST_CONTENT = \"toast-content\",\n TOAST_LINK = \"toast-link\",\n TOAST_BUTTON = \"toast-button\",\n TOAST_CLOSE_BUTTON = \"toast-close-button\",\n TOGGLE = \"toggle\",\n TIPSEEN = \"tipseen\",\n TIPSEEN_CONTENT = \"tipseen-content\",\n TIPSEEN_CONTENT_SUBMIT = \"tipseen-content-submit\",\n TIPSEEN_CONTENT_DISMISS = \"tipseen-content-dismiss\",\n TIPSEEN_TITLE = \"tipseen-title\",\n DIVIDER = \"divider\",\n DATEPICKER = \"date-picker\",\n DATEPICKER_HEADER = \"date-picker-header\",\n DATEPICKER_YEAR_SELECTION = \"date-picker-year-selection\",\n LOADER = \"loader\",\n ICON = \"icon\",\n RESPONSIVE_LIST = \"responsive-list\",\n LIST = \"list\",\n MODAL = \"modal\",\n MODAL_OVERLAY = \"modal-overlay\",\n MODAL_HEADER = \"modal-header\",\n MODAL_CLOSE_BUTTON = \"modal-close-button\",\n MODAL_CONTENT = \"modal-content\",\n MODAL_FOOTER = \"modal-footer\",\n MODAL_MEDIA = \"modal-media\",\n MODAL_BASIC_LAYOUT = \"modal-basic-layout\",\n MODAL_SIDE_BY_SIDE_LAYOUT = \"modal-side-by-side-layout\",\n MODAL_MEDIA_LAYOUT = \"modal-media-layout\",\n FORMATTED_NUMBER = \"formatted-number\",\n HIDDEN_TEXT = \"hidden-text\",\n DIALOG_CONTENT_CONTAINER = \"dialog-content-container\",\n FLEX = \"flex\",\n TOOLTIP = \"tooltip\",\n DIALOG = \"dialog\",\n TABLE = \"table\",\n TABLE_CONTAINER = \"table-container\",\n TABLE_BODY = \"table-body\",\n TABLE_VIRTUALIZED_BODY = \"table-virtualized-body\",\n TABLE_CELL = \"table-cell\",\n TABLE_HEADER = \"table-header\",\n TABLE_HEADER_CELL = \"table-header-cell\",\n TABLE_ROW = \"table-row\",\n TABLE_ROW_MENU = \"table-row-menu\"\n}\n\nexport enum NavigationCommand {\n RIGHT_ARROW = \"{arrowright}\",\n LEFT_ARROW = \"{arrowleft}\",\n UP_ARROW = \"{arrowup}\",\n DOWN_ARROW = \"{arrowdown}\",\n TAB = \"#TAB#\",\n ENTER = \"{enter}\",\n PAGE_UP = \"{pageup}\",\n PAGE_DOWN = \"{pagedown}\"\n}\n\nexport enum ComponentVibeId {\n ACCORDION = \"Accordion\",\n LIST_TITLE = \"ListTitle\",\n ALERT_BANNER = \"AlertBanner\",\n ATTENTION_BOX = \"AttentionBox\",\n AVATAR = \"Avatar\",\n AVATAR_GROUP = \"AvatarGroup\",\n BADGE = \"Badge\",\n BOX = \"Box\",\n BREADCRUMBS_BAR = \"BreadcrumbsBar\",\n BUTTON = \"Button\",\n BUTTON_GROUP = \"ButtonGroup\",\n CHECKBOX = \"Checkbox\",\n CHIPS = \"Chips\",\n COLOR_PICKER = \"ColorPicker\",\n COMBOBOX = \"Combobox\",\n COUNTER = \"Counter\",\n DATE_PICKER = \"DatePicker\",\n DIALOG = \"Dialog\",\n DIVIDER = \"Divider\",\n DROPDOWN = \"Dropdown\",\n EDITABLE_HEADING = \"EditableHeading\",\n EDITABLE_TEXT = \"EditableText\",\n EMPTY_STATE = \"EmptyState\",\n EXPAND_COLLAPSE = \"ExpandCollapse\",\n FLEX = \"Flex\",\n HEADING = \"Heading\",\n ICON = \"Icon\",\n ICON_BUTTON = \"IconButton\",\n INFO = \"Info\",\n LABEL = \"Label\",\n PROGRESS_BAR = \"ProgressBar\",\n LINK = \"Link\",\n LIST = \"List\",\n LOADER = \"Loader\",\n MENU = \"Menu\",\n MENU_BUTTON = \"MenuButton\",\n MODAL = \"Modal\",\n MULTI_STEP_INDICATOR = \"MultiStepIndicator\",\n NUMBER_FIELD = \"NumberField\",\n RADIO_BUTTON = \"RadioButton\",\n SEARCH = \"Search\",\n SEGMENTED_CONTROL = \"SegmentedControl\",\n SKELETON = \"Skeleton\",\n SLIDER = \"Slider\",\n SPLIT_BUTTON = \"SplitButton\",\n STEPS = \"Steps\",\n TAB = \"Tab\",\n TABLE = \"Table\",\n TEXT = \"Text\",\n TEXT_AREA = \"TextArea\",\n TEXT_FIELD = \"TextField\",\n TEXT_WITH_HIGHLIGHT = \"TextWithHighlight\",\n THEME_PROVIDER = \"ThemeProvider\",\n TIPSEEN = \"Tipseen\",\n TOAST = \"Toast\",\n TOGGLE = \"Toggle\",\n TOOLTIP = \"Tooltip\",\n VIRTUALIZED_GRID = \"VirtualizedGrid\",\n VIRTUALIZED_LIST = \"VirtualizedList\"\n}\n"],"names":["ComponentDefaultTestId","NavigationCommand","ComponentVibeId"],"mappings":"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"}
1
+ {"version":3,"file":"constants.js","sources":["../../../../src/tests/constants.ts"],"sourcesContent":["export enum ComponentDefaultTestId {\n // Don't remove next line\n // plop_marker:default-data-testid-declarations\n LIST_TITLE = \"list-title\",\n EMPTY_STATE = \"empty-state\",\n STROKE_SPOTLIGHT = \"stroke-spotlight\",\n TRANSITION_VIEW = \"transition-view\",\n TEXT_AREA = \"text-area\",\n EDITABLE_TEXT = \"editable-text\",\n TIPSEEN_MEDIA = \"tipseen-media\",\n INDICATOR = \"indicator\",\n BADGE = \"badge\",\n TITLE = \"title\",\n TEXT = \"text\",\n COMBOBOX = \"combobox\",\n COMBOBOX_CATEGORY = \"combobox-category\",\n COMBOBOX_OPTION = \"combobox-option\",\n COLOR_PICKER = \"color-picker\",\n CHECKBOX = \"checkbox\",\n CHECKBOX_LABEL = \"checkbox-label\",\n CHECKBOX_CHECKBOX = \"checkbox-checkbox\",\n DROPDOWN = \"dropdown\",\n DROPDOWN_OPTION_CONTENT = \"dropdown-option-content\",\n BUTTON = \"button\",\n BUTTON_GROUP = \"button-group\",\n CLICKABLE = \"clickable\",\n VIRTUALIZED_LIST = \"virtualized-list\",\n VIRTUALIZED_GRID = \"virtualized-grid\",\n TEXT_FIELD = \"text-field\",\n TEXT_FIELD_SECONDARY_BUTTON = \"text-field-secondary-button\",\n SEARCH = \"search\",\n CLEAN_SEARCH_BUTTON = \"clean-search-button\",\n SEGMENTED_CONTROL = \"segmented-control\",\n COLOR_PICKER_ITEM = \"color-picker-item\",\n ICON_BUTTON = \"icon-button\",\n INFO = \"info\",\n SVG_ICON = \"svg-icon\",\n CHIP = \"chip\",\n RADIO_BUTTON = \"radio-button\",\n RADIO_BUTTON_LABEL = \"radio-button-label\",\n RADIO_BUTTON_CONTROL = \"radio-button-control\",\n TAB = \"tab\",\n TAB_PANEL = \"tab-panel\",\n TAB_PANELS = \"tab-panels\",\n TAB_LIST = \"tab-list\",\n TABS_CONTEXT = \"tabs-context\",\n ALERT_BANNER = \"alert-banner\",\n ALERT_BANNER_BUTTON = \"alert-banner-button\",\n ALERT_BANNER_LINK = \"alert-banner-link\",\n ALERT_BANNER_TEXT = \"alert-banner-text\",\n ATTENTION_BOX = \"attention-box\",\n BOX = \"box\",\n AVATAR = \"avatar\",\n AVATAR_BADGE = \"avatar-badge\",\n AVATAR_CONTENT = \"avatar-content\",\n BREADCRUMB_ITEM = \"breadcrumb-item\",\n BREADCRUMBS_BAR = \"breadcrumbs-bar\",\n BREADCRUMB_MENU = \"breadcrumb-menu\",\n BREADCRUMB_MENU_ITEM = \"breadcrumb-menu-item\",\n PROGRESS_BAR = \"progress-bar\",\n BAR = \"bar\",\n BAR_PRIMARY = \"bar-primary\",\n BAR_SECONDARY = \"bar-secondary\",\n COLOR_PICKER_ITEM_COMPONENT = \"color-picker-item-component\",\n COUNTER = \"counter\",\n MENU = \"menu\",\n OPTION = \"option\",\n EXPAND_COLLAPSE = \"expand-collapse\",\n EDITABLE_INPUT = \"editable-input\",\n EDITABLE_HEADING = \"editable-heading\",\n HEADING = \"heading\",\n LABEL = \"label\",\n LINK = \"link\",\n MENU_DIVIDER = \"menu-divider\",\n MENU_ITEM = \"menu-item\",\n MENU_ITEM_BUTTON = \"menu-item-button\",\n MENU_TITLE = \"menu-title\",\n MENU_TITLE_CAPTION = \"menu-title-caption\",\n MENU_GRID_ITEM = \"menu-grid-item\",\n MENU_BUTTON = \"menu-button\",\n STEP_INDICATOR = \"step-indicator\",\n STEPS = \"steps\",\n STEPS_FORWARD_COMMAND = \"steps-forward-command\",\n STEPS_BACKWARD_COMMAND = \"steps-backward-command\",\n MULTI_STEP_INDICATOR = \"multi-step-indicator\",\n SKELETON = \"skeleton\",\n SPLIT_BUTTON = \"split-button\",\n SPLIT_BUTTON_PRIMARY_BUTTON = \"split-button-primary-button\",\n SPLIT_BUTTON_SECONDARY_BUTTON = \"split-button-secondary-button\",\n TEXT_WITH_HIGHLIGHT = \"text-with-highlight\",\n TOAST = \"toast\",\n TOAST_CONTENT = \"toast-content\",\n TOAST_LINK = \"toast-link\",\n TOAST_BUTTON = \"toast-button\",\n TOAST_CLOSE_BUTTON = \"toast-close-button\",\n TOGGLE = \"toggle\",\n TIPSEEN = \"tipseen\",\n TIPSEEN_CONTENT = \"tipseen-content\",\n TIPSEEN_CONTENT_SUBMIT = \"tipseen-content-submit\",\n TIPSEEN_CONTENT_DISMISS = \"tipseen-content-dismiss\",\n TIPSEEN_TITLE = \"tipseen-title\",\n DIVIDER = \"divider\",\n DATEPICKER = \"date-picker\",\n DATEPICKER_HEADER = \"date-picker-header\",\n DATEPICKER_YEAR_SELECTION = \"date-picker-year-selection\",\n LOADER = \"loader\",\n ICON = \"icon\",\n RESPONSIVE_LIST = \"responsive-list\",\n LIST = \"list\",\n MODAL = \"modal\",\n MODAL_OVERLAY = \"modal-overlay\",\n MODAL_HEADER = \"modal-header\",\n MODAL_CLOSE_BUTTON = \"modal-close-button\",\n MODAL_CONTENT = \"modal-content\",\n MODAL_FOOTER = \"modal-footer\",\n MODAL_MEDIA = \"modal-media\",\n MODAL_BASIC_LAYOUT = \"modal-basic-layout\",\n MODAL_SIDE_BY_SIDE_LAYOUT = \"modal-side-by-side-layout\",\n MODAL_MEDIA_LAYOUT = \"modal-media-layout\",\n FORMATTED_NUMBER = \"formatted-number\",\n HIDDEN_TEXT = \"hidden-text\",\n DIALOG_CONTENT_CONTAINER = \"dialog-content-container\",\n FLEX = \"flex\",\n TOOLTIP = \"tooltip\",\n DIALOG = \"dialog\",\n TABLE = \"table\",\n TABLE_CONTAINER = \"table-container\",\n TABLE_BODY = \"table-body\",\n TABLE_VIRTUALIZED_BODY = \"table-virtualized-body\",\n TABLE_CELL = \"table-cell\",\n TABLE_HEADER = \"table-header\",\n TABLE_HEADER_CELL = \"table-header-cell\",\n TABLE_ROW = \"table-row\",\n TABLE_ROW_MENU = \"table-row-menu\"\n}\n\nexport enum NavigationCommand {\n RIGHT_ARROW = \"{arrowright}\",\n LEFT_ARROW = \"{arrowleft}\",\n UP_ARROW = \"{arrowup}\",\n DOWN_ARROW = \"{arrowdown}\",\n TAB = \"#TAB#\",\n ENTER = \"{enter}\",\n PAGE_UP = \"{pageup}\",\n PAGE_DOWN = \"{pagedown}\"\n}\n\nexport enum ComponentVibeId {\n ACCORDION = \"Accordion\",\n LIST_TITLE = \"ListTitle\",\n ALERT_BANNER = \"AlertBanner\",\n ATTENTION_BOX = \"AttentionBox\",\n AVATAR = \"Avatar\",\n AVATAR_GROUP = \"AvatarGroup\",\n BADGE = \"Badge\",\n BOX = \"Box\",\n BREADCRUMBS_BAR = \"BreadcrumbsBar\",\n BUTTON = \"Button\",\n BUTTON_GROUP = \"ButtonGroup\",\n CHECKBOX = \"Checkbox\",\n CHIPS = \"Chips\",\n COLOR_PICKER = \"ColorPicker\",\n COMBOBOX = \"Combobox\",\n COUNTER = \"Counter\",\n DATE_PICKER = \"DatePicker\",\n DIALOG = \"Dialog\",\n DIVIDER = \"Divider\",\n DROPDOWN = \"Dropdown\",\n EDITABLE_HEADING = \"EditableHeading\",\n EDITABLE_TEXT = \"EditableText\",\n EMPTY_STATE = \"EmptyState\",\n STROKE_SPOTLIGHT = \"StrokeSpotlight\",\n EXPAND_COLLAPSE = \"ExpandCollapse\",\n FLEX = \"Flex\",\n HEADING = \"Heading\",\n ICON = \"Icon\",\n ICON_BUTTON = \"IconButton\",\n INFO = \"Info\",\n LABEL = \"Label\",\n PROGRESS_BAR = \"ProgressBar\",\n LINK = \"Link\",\n LIST = \"List\",\n LOADER = \"Loader\",\n MENU = \"Menu\",\n MENU_BUTTON = \"MenuButton\",\n MODAL = \"Modal\",\n MULTI_STEP_INDICATOR = \"MultiStepIndicator\",\n NUMBER_FIELD = \"NumberField\",\n RADIO_BUTTON = \"RadioButton\",\n SEARCH = \"Search\",\n SEGMENTED_CONTROL = \"SegmentedControl\",\n SKELETON = \"Skeleton\",\n SLIDER = \"Slider\",\n SPLIT_BUTTON = \"SplitButton\",\n STEPS = \"Steps\",\n TAB = \"Tab\",\n TABLE = \"Table\",\n TEXT = \"Text\",\n TEXT_AREA = \"TextArea\",\n TEXT_FIELD = \"TextField\",\n TEXT_WITH_HIGHLIGHT = \"TextWithHighlight\",\n THEME_PROVIDER = \"ThemeProvider\",\n TIPSEEN = \"Tipseen\",\n TOAST = \"Toast\",\n TOGGLE = \"Toggle\",\n TOOLTIP = \"Tooltip\",\n VIRTUALIZED_GRID = \"VirtualizedGrid\",\n VIRTUALIZED_LIST = \"VirtualizedList\"\n}\n"],"names":["ComponentDefaultTestId","NavigationCommand","ComponentVibeId"],"mappings":"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"}
@@ -1,6 +1,7 @@
1
1
  export declare enum ComponentDefaultTestId {
2
2
  LIST_TITLE = "list-title",
3
3
  EMPTY_STATE = "empty-state",
4
+ STROKE_SPOTLIGHT = "stroke-spotlight",
4
5
  TRANSITION_VIEW = "transition-view",
5
6
  TEXT_AREA = "text-area",
6
7
  EDITABLE_TEXT = "editable-text",
@@ -164,6 +165,7 @@ export declare enum ComponentVibeId {
164
165
  EDITABLE_HEADING = "EditableHeading",
165
166
  EDITABLE_TEXT = "EditableText",
166
167
  EMPTY_STATE = "EmptyState",
168
+ STROKE_SPOTLIGHT = "StrokeSpotlight",
167
169
  EXPAND_COLLAPSE = "ExpandCollapse",
168
170
  FLEX = "Flex",
169
171
  HEADING = "Heading",
@@ -1,2 +1,2 @@
1
- var e={listItem:"listItem_92a8e6c762","focus-visible":"focus-visible_ca9d91d841",disabled:"disabled_39d9b9a69b",selected:"selected_30b73fb3cb",small:"small_c22aa4831f",medium:"medium_ae729c4bef",large:"large_2b8ac0ff44"};!function(e){const n="s_id-8402a299d384_4_5_10";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem_92a8e6c762 {\n display: flex;\n align-items: center;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n.listItem_92a8e6c762:focus-visible, .listItem_92a8e6c762.focus-visible_ca9d91d841 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_92a8e6c762:focus:not(.focus-visible_ca9d91d841) {\n outline: none;\n}\n\n.listItem_92a8e6c762:hover {\n background-color: var(--primary-background-hover-color);\n}\n\n.disabled_39d9b9a69b {\n cursor: not-allowed;\n}\n\n.disabled_39d9b9a69b:hover {\n background-color: transparent;\n}\n\n.selected_30b73fb3cb {\n background-color: var(--primary-selected-color);\n}\n\n.selected_30b73fb3cb:hover {\n background-color: var(--primary-selected-color);\n}\n\n.small_c22aa4831f {\n height: 32px;\n}\n\n.medium_ae729c4bef {\n height: 40px;\n}\n\n.large_2b8ac0ff44 {\n height: 48px;\n}");export{e as default};
1
+ var e={listItem:"listItem_0e1b3b5c1f","focus-visible":"focus-visible_ca9d91d841",disabled:"disabled_39d9b9a69b",selected:"selected_30b73fb3cb",small:"small_c22aa4831f",medium:"medium_ae729c4bef",large:"large_2b8ac0ff44"};!function(e){const n="s_id-875a4db0e337_4_5_10";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem_0e1b3b5c1f {\n display: flex;\n align-items: center;\n padding: 8px 16px;\n border-radius: var(--border-radius-small);\n cursor: pointer;\n}\n.listItem_0e1b3b5c1f:focus-visible, .listItem_0e1b3b5c1f.focus-visible_ca9d91d841 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_0e1b3b5c1f:focus:not(.focus-visible_ca9d91d841) {\n outline: none;\n}\n\n.listItem_0e1b3b5c1f:hover {\n background-color: var(--primary-background-hover-color);\n}\n\n.disabled_39d9b9a69b {\n cursor: not-allowed;\n}\n\n.disabled_39d9b9a69b:hover {\n background-color: transparent;\n}\n\n.selected_30b73fb3cb {\n background-color: var(--primary-selected-color);\n}\n\n.selected_30b73fb3cb:hover {\n background-color: var(--primary-selected-color);\n}\n\n.small_c22aa4831f {\n height: 32px;\n}\n\n.medium_ae729c4bef {\n height: 40px;\n}\n\n.large_2b8ac0ff44 {\n height: 48px;\n}");export{e as default};
2
2
  //# sourceMappingURL=ListItem.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={item:"item_7c20711866",splitMenuItem:"splitMenuItem_1f004607c6",disabled:"disabled_dd197a6cf4",focused:"focused_021ffc65f9",initialSelected:"initialSelected_1325d96c03",selected:"selected_bad0e6a72c"};!function(e){const n="s_id-8562a1149ca1_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.item_7c20711866 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n margin: unset;\n display: flex;\n flex-direction: row;\n width: 100%;\n box-sizing: border-box;\n padding: var(--space-4) var(--space-8);\n cursor: pointer;\n user-select: none;\n align-items: center;\n overflow: visible;\n border: 1px solid transparent;\n border-radius: 8px;\n outline: none;\n}\n.item_7c20711866.splitMenuItem_1f004607c6 {\n padding: 0 0 0 var(--space-8);\n}\n.item_7c20711866.disabled_dd197a6cf4 {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n.item_7c20711866.focused_021ffc65f9:not(.disabled_dd197a6cf4) {\n background-color: var(--primary-background-hover-color);\n}\n.item_7c20711866.focused_021ffc65f9:not(.disabled_dd197a6cf4):not(:hover):not(.initialSelected_1325d96c03) {\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.item_7c20711866:hover:not(.disabled_dd197a6cf4) {\n background-color: var(--primary-background-hover-color);\n}\n.item_7c20711866.selected_bad0e6a72c:not(.disabled_dd197a6cf4) {\n background-color: var(--primary-background-hover-color);\n}");export{e as default};
1
+ var e={item:"item_1c7a6898c1",splitMenuItem:"splitMenuItem_1f004607c6",disabled:"disabled_dd197a6cf4",focused:"focused_04658c971c",initialSelected:"initialSelected_795de6b088",selected:"selected_7b748bca1e"};!function(e){const n="s_id-a4f779bce409_4_5_10";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.item_1c7a6898c1 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n margin: unset;\n display: flex;\n flex-direction: row;\n width: 100%;\n box-sizing: border-box;\n padding: var(--space-4) var(--space-8);\n cursor: pointer;\n user-select: none;\n align-items: center;\n overflow: visible;\n border: 1px solid transparent;\n border-radius: var(--border-radius-small);\n outline: none;\n}\n.item_1c7a6898c1.splitMenuItem_1f004607c6 {\n padding: 0 0 0 var(--space-8);\n}\n.item_1c7a6898c1.disabled_dd197a6cf4 {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n.item_1c7a6898c1.focused_04658c971c:not(.disabled_dd197a6cf4) {\n background-color: var(--primary-background-hover-color);\n}\n.item_1c7a6898c1.focused_04658c971c:not(.disabled_dd197a6cf4):not(:hover):not(.initialSelected_795de6b088) {\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.item_1c7a6898c1:hover:not(.disabled_dd197a6cf4) {\n background-color: var(--primary-background-hover-color);\n}\n.item_1c7a6898c1.selected_7b748bca1e:not(.disabled_dd197a6cf4) {\n background-color: var(--primary-background-hover-color);\n}");export{e as default};
2
2
  //# sourceMappingURL=BaseMenuItem.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var n={segmentedControl:"segmentedControl_602d287925",fullWidth:"fullWidth_13d3be3d0a",disabled:"disabled_bd2e3ba23c",thumb:"thumb_80e6378520",thumbHidden:"thumbHidden_1bece1c521",segment:"segment_8da9a2199b",segmentContent:"segmentContent_910c74ff9a",segmentIcon:"segmentIcon_31b22dde55",sizeXs:"sizeXs_b3ccb4e3de",sizeSmall:"sizeSmall_226107eb48",sizeMedium:"sizeMedium_a89d761431",sizeLarge:"sizeLarge_4deb4cfe5e"};!function(n){const e="s_id-72704adb4ec4_4_5_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".segmentedControl_602d287925 {\n --track-padding: var(--space-2);\n --segment-radius: var(--border-radius-small);\n position: relative;\n display: inline-grid;\n grid-template-columns: repeat(var(--segment-count), 1fr);\n gap: var(--space-2);\n align-items: stretch;\n padding: var(--track-padding);\n background: var(--allgrey-background-color);\n border-radius: calc(var(--segment-radius) + var(--track-padding));\n isolation: isolate;\n}\n\n.fullWidth_13d3be3d0a {\n width: 100%;\n}\n\n.disabled_bd2e3ba23c {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.thumb_80e6378520 {\n position: absolute;\n z-index: 0;\n inset-block: var(--track-padding);\n inset-inline-start: var(--track-padding);\n width: calc((100% - var(--track-padding) * 2) / var(--segment-count));\n transform: translateX(calc(var(--selected-index) * 100%));\n background: var(--primary-background-color);\n border-radius: var(--segment-radius);\n box-shadow: var(--box-shadow-xs), 0 0 3px 1px var(--ui-border-color);\n transition: transform var(--motion-expressive-short) cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thumbHidden_1bece1c521 {\n opacity: 0;\n}\n\n.segment_8da9a2199b {\n position: relative;\n z-index: 1;\n gap: var(--space-4);\n padding-inline: var(--space-12);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n border: none;\n border-radius: var(--segment-radius);\n color: var(--primary-text-color);\n font: inherit;\n white-space: nowrap;\n transition: color var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-short) var(--motion-timing-transition), scale var(--motion-productive-short) var(--motion-timing-transition);\n cursor: pointer;\n user-select: none;\n}\n.segment_8da9a2199b:hover {\n color: var(--primary-text-color);\n background: color-mix(in srgb, currentColor 8%, transparent);\n}\n.segment_8da9a2199b:active {\n color: var(--primary-text-color);\n background: color-mix(in srgb, currentColor 10%, transparent);\n scale: 0.98;\n}\n\n.segment_8da9a2199b:focus-visible {\n outline: 2px solid var(--primary-color);\n outline-offset: -2px;\n}\n\n.segment_8da9a2199b[aria-checked=true] {\n color: var(--primary-text-color);\n}\n.segment_8da9a2199b[aria-checked=true]:hover, .segment_8da9a2199b[aria-checked=true]:active {\n background: transparent;\n scale: 1;\n}\n\n.segment_8da9a2199b[aria-disabled=true] {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n.segment_8da9a2199b[aria-disabled=true]:hover, .segment_8da9a2199b[aria-disabled=true]:active {\n color: var(--disabled-text-color);\n background: transparent;\n scale: 1;\n}\n\n.segmentContent_910c74ff9a {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-4);\n}\n\n.segmentIcon_31b22dde55 {\n color: var(--icon-color);\n}\n\n.segment_8da9a2199b:hover .segmentIcon_31b22dde55,\n.segment_8da9a2199b:active .segmentIcon_31b22dde55,\n.segment_8da9a2199b[aria-checked=true] .segmentIcon_31b22dde55 {\n color: var(--primary-text-color);\n}\n\n.segment_8da9a2199b[aria-disabled=true] .segmentIcon_31b22dde55 {\n color: var(--disabled-text-color);\n}\n\n.sizeXs_b3ccb4e3de {\n height: 24px;\n font-size: 12px;\n}\n\n.sizeSmall_226107eb48 {\n height: 32px;\n font-size: 14px;\n}\n\n.sizeMedium_a89d761431 {\n height: 40px;\n font-size: 14px;\n}\n\n.sizeLarge_4deb4cfe5e {\n height: 48px;\n font-size: 16px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .thumb_80e6378520,\n .segment_8da9a2199b {\n transition: none;\n }\n}");export{n as default};
1
+ var n={segmentedControl:"segmentedControl_602d287925",fullWidth:"fullWidth_13d3be3d0a",disabled:"disabled_bd2e3ba23c",thumb:"thumb_622efa8548",thumbHidden:"thumbHidden_1bece1c521",segment:"segment_8da9a2199b",segmentContent:"segmentContent_910c74ff9a",segmentIcon:"segmentIcon_31b22dde55",sizeXs:"sizeXs_b3ccb4e3de",sizeSmall:"sizeSmall_226107eb48",sizeMedium:"sizeMedium_a89d761431",sizeLarge:"sizeLarge_4deb4cfe5e"};!function(n){const e="s_id-30b75998bfd3_4_5_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".segmentedControl_602d287925 {\n --track-padding: var(--space-2);\n --segment-radius: var(--border-radius-small);\n position: relative;\n display: inline-grid;\n grid-template-columns: repeat(var(--segment-count), 1fr);\n gap: var(--space-2);\n align-items: stretch;\n padding: var(--track-padding);\n background: var(--allgrey-background-color);\n border-radius: calc(var(--segment-radius) + var(--track-padding));\n isolation: isolate;\n}\n\n.fullWidth_13d3be3d0a {\n width: 100%;\n}\n\n.disabled_bd2e3ba23c {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.thumb_622efa8548 {\n position: absolute;\n z-index: 0;\n inset-block: var(--track-padding);\n inset-inline-start: var(--track-padding);\n width: calc((100% - var(--track-padding) * 2) / var(--segment-count));\n transform: translateX(calc(var(--selected-index) * 100%));\n background: var(--primary-background-color);\n border-radius: var(--segment-radius);\n box-shadow: var(--box-shadow-xs), 0 0 0 1px var(--layout-border-color);\n transition: transform var(--motion-expressive-short) cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thumbHidden_1bece1c521 {\n opacity: 0;\n}\n\n.segment_8da9a2199b {\n position: relative;\n z-index: 1;\n gap: var(--space-4);\n padding-inline: var(--space-12);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n border: none;\n border-radius: var(--segment-radius);\n color: var(--primary-text-color);\n font: inherit;\n white-space: nowrap;\n transition: color var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-short) var(--motion-timing-transition), scale var(--motion-productive-short) var(--motion-timing-transition);\n cursor: pointer;\n user-select: none;\n}\n.segment_8da9a2199b:hover {\n color: var(--primary-text-color);\n background: color-mix(in srgb, currentColor 8%, transparent);\n}\n.segment_8da9a2199b:active {\n color: var(--primary-text-color);\n background: color-mix(in srgb, currentColor 10%, transparent);\n scale: 0.98;\n}\n\n.segment_8da9a2199b:focus-visible {\n outline: 2px solid var(--primary-color);\n outline-offset: -2px;\n}\n\n.segment_8da9a2199b[aria-checked=true] {\n color: var(--primary-text-color);\n}\n.segment_8da9a2199b[aria-checked=true]:hover, .segment_8da9a2199b[aria-checked=true]:active {\n background: transparent;\n scale: 1;\n}\n\n.segment_8da9a2199b[aria-disabled=true] {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n.segment_8da9a2199b[aria-disabled=true]:hover, .segment_8da9a2199b[aria-disabled=true]:active {\n color: var(--disabled-text-color);\n background: transparent;\n scale: 1;\n}\n\n.segmentContent_910c74ff9a {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-4);\n}\n\n.segmentIcon_31b22dde55 {\n color: var(--icon-color);\n}\n\n.segment_8da9a2199b:hover .segmentIcon_31b22dde55,\n.segment_8da9a2199b:active .segmentIcon_31b22dde55,\n.segment_8da9a2199b[aria-checked=true] .segmentIcon_31b22dde55 {\n color: var(--primary-text-color);\n}\n\n.segment_8da9a2199b[aria-disabled=true] .segmentIcon_31b22dde55 {\n color: var(--disabled-text-color);\n}\n\n.sizeXs_b3ccb4e3de {\n height: 24px;\n font-size: 12px;\n}\n\n.sizeSmall_226107eb48 {\n height: 32px;\n font-size: 14px;\n}\n\n.sizeMedium_a89d761431 {\n height: 40px;\n font-size: 14px;\n}\n\n.sizeLarge_4deb4cfe5e {\n height: 48px;\n font-size: 16px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .thumb_622efa8548,\n .segment_8da9a2199b {\n transition: none;\n }\n}");export{n as default};
2
2
  //# sourceMappingURL=SegmentedControl.module.scss.js.map
@@ -0,0 +1,2 @@
1
+ import e,{forwardRef as t,useRef as i}from"react";import a from"classnames";import r from"./StrokeSpotlight.module.scss.js";import{useStrokeSpotlight as o}from"./useStrokeSpotlight.js";import{getTestId as s,ComponentDefaultTestId as d}from"../../tests/testIds.js";import{ComponentVibeId as l}from"../../tests/constants.js";var c=t((function(t,c){var n=t.children,m=t.className,p=t.proximity,u=t.inactiveZone,v=t.edgeFade,f=t.spread,k=t.movementDuration,g=t.borderWidth,S=void 0===g?2:g,h=t.glowBlur,b=void 0===h?12:h,E=t.palette,T=void 0===E?"default":E,N=t.radius,j=void 0===N?16:N,x=t.id,y=t["data-testid"],O=i(null);o(O,"is-spotlight-active","is-click-pulsing",{proximity:p,inactiveZone:u,edgeFade:v,spread:f,movementDuration:k});var w={"--border":S,"--glow-blur":"".concat(b,"px"),"--radius":j};return e.createElement("div",{ref:function(e){O.current=e,"function"==typeof c?c(e):c&&(c.current=e)},className:a(r.root,"sidekick"===T?r.paletteSidekick:"vibe"===T?r.paletteVibe:void 0,m),style:w,id:x,"data-testid":y||s(d.STROKE_SPOTLIGHT,x),"data-vibe":l.STROKE_SPOTLIGHT},e.createElement("div",{"aria-hidden":!0,className:r.glow}),e.createElement("div",{"aria-hidden":!0,"data-stroke-click-pulse":!0,className:r.clickPulse}),e.createElement("div",{className:r.surface},n))}));export{c as default};
2
+ //# sourceMappingURL=StrokeSpotlight.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StrokeSpotlight.js","sources":["../../../../src/components/StrokeSpotlight/StrokeSpotlight.tsx"],"sourcesContent":["import React, { forwardRef, useRef, type CSSProperties } from \"react\";\nimport cx from \"classnames\";\nimport { type StrokeSpotlightProps } from \"./StrokeSpotlight.types\";\nimport styles from \"./StrokeSpotlight.module.scss\";\nimport { useStrokeSpotlight } from \"./useStrokeSpotlight\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst SPOTLIGHT_ACTIVE_CLASS = \"is-spotlight-active\";\nconst CLICK_PULSING_CLASS = \"is-click-pulsing\";\n\nconst StrokeSpotlight = forwardRef<HTMLDivElement, StrokeSpotlightProps>(\n (\n {\n children,\n className,\n proximity,\n inactiveZone,\n edgeFade,\n spread,\n movementDuration,\n borderWidth = 2,\n glowBlur = 12,\n palette = \"default\",\n radius = 16,\n id,\n \"data-testid\": dataTestId\n },\n forwardedRef\n ) => {\n const localRef = useRef<HTMLDivElement>(null);\n\n useStrokeSpotlight(localRef, SPOTLIGHT_ACTIVE_CLASS, CLICK_PULSING_CLASS, {\n proximity,\n inactiveZone,\n edgeFade,\n spread,\n movementDuration\n });\n\n const setRefs = (node: HTMLDivElement | null) => {\n localRef.current = node;\n if (typeof forwardedRef === \"function\") {\n forwardedRef(node);\n } else if (forwardedRef) {\n (forwardedRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n }\n };\n\n const style = {\n \"--border\": borderWidth,\n \"--glow-blur\": `${glowBlur}px`,\n \"--radius\": radius\n } as CSSProperties;\n\n const paletteClass =\n palette === \"sidekick\" ? styles.paletteSidekick : palette === \"vibe\" ? styles.paletteVibe : undefined;\n\n return (\n <div\n ref={setRefs}\n className={cx(styles.root, paletteClass, className)}\n style={style}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.STROKE_SPOTLIGHT, id)}\n data-vibe={ComponentVibeId.STROKE_SPOTLIGHT}\n >\n <div aria-hidden className={styles.glow} />\n <div aria-hidden data-stroke-click-pulse className={styles.clickPulse} />\n <div className={styles.surface}>{children}</div>\n </div>\n );\n }\n);\n\nexport default StrokeSpotlight;\n"],"names":["StrokeSpotlight","forwardRef","_ref","forwardedRef","children","className","proximity","inactiveZone","edgeFade","spread","movementDuration","_ref$borderWidth","borderWidth","_ref$glowBlur","glowBlur","_ref$palette","palette","_ref$radius","radius","id","dataTestId","localRef","useRef","useStrokeSpotlight","style","concat","React","createElement","ref","node","current","cx","styles","root","paletteSidekick","paletteVibe","undefined","getTestId","ComponentDefaultTestId","STROKE_SPOTLIGHT","ComponentVibeId","glow","clickPulse","surface"],"mappings":"mUAQA,IAGMA,EAAkBC,GACtB,SAAAC,EAgBEC,GACE,IAfAC,EAAQF,EAARE,SACAC,EAASH,EAATG,UACAC,EAASJ,EAATI,UACAC,EAAYL,EAAZK,aACAC,EAAQN,EAARM,SACAC,EAAMP,EAANO,OACAC,EAAgBR,EAAhBQ,iBAAgBC,EAAAT,EAChBU,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAAE,EAAAX,EACfY,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAb,EACbc,QAAAA,OAAU,IAAHD,EAAG,UAASA,EAAAE,EAAAf,EACnBgB,OAAAA,OAAS,IAAHD,EAAG,GAAEA,EACXE,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAIImB,EAAWC,EAAuB,MAExCC,EAAmBF,EAxBQ,sBACH,mBAuBkD,CACxEf,UAAAA,EACAC,aAAAA,EACAC,SAAAA,EACAC,OAAAA,EACAC,iBAAAA,IAGF,IASMc,EAAQ,CACZ,WAAYZ,EACZ,cAAaa,GAAAA,OAAKX,EAAY,MAC9B,WAAYI,GAMd,OACEQ,EACEC,cAAA,MAAA,CAAAC,IApBY,SAACC,GACfR,EAASS,QAAUD,EACS,mBAAjB1B,EACTA,EAAa0B,GACJ1B,IACRA,EAA+D2B,QAAUD,IAgB1ExB,UAAW0B,EAAGC,EAAOC,KALX,aAAZjB,EAAyBgB,EAAOE,gBAA8B,SAAZlB,EAAqBgB,EAAOG,iBAAcC,EAKjD/B,GACzCmB,MAAOA,EACPL,GAAIA,EACS,cAAAC,GAAciB,EAAUC,EAAuBC,iBAAkBpB,GACnE,YAAAqB,EAAgBD,kBAE3Bb,EAAAC,cAAA,MAAA,CAAA,eAAA,EAAiBtB,UAAW2B,EAAOS,OACnCf,EAAAC,cAAA,MAAA,CAAA,eAAA,EAAA,2BAAA,EAAyCtB,UAAW2B,EAAOU,aAC3DhB,EAAKC,cAAA,MAAA,CAAAtB,UAAW2B,EAAOW,SAAUvC,GAGvC"}
@@ -0,0 +1,2 @@
1
+ var e={root:"root_565dd6339b",paletteSidekick:"paletteSidekick_49ca05cc19",paletteVibe:"paletteVibe_ccd80942a4",surface:"surface_aeb2bbbc34",clickPulse:"clickPulse_4820c97993",glow:"glow_8fce07b0e5","stroke-spotlight-scale-grow":"stroke-spotlight-scale-grow_57dc1ff591","stroke-spotlight-click-expand":"stroke-spotlight-click-expand_360d9fa961","stroke-spotlight-click-blur":"stroke-spotlight-click-blur_a60e0c14a5","stroke-spotlight-click-fade":"stroke-spotlight-click-fade_18e7323690","stroke-spotlight-click-fade-reduced":"stroke-spotlight-click-fade-reduced_18e7323690"};!function(e){const r="s_id-cb48ec090904_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('@charset "UTF-8";\n/* stylelint-disable monday-ui-style/use-defined-css-var-when-available -- brand stroke stops are product palettes, not semantic tokens */\n@keyframes stroke-spotlight-scale-grow_57dc1ff591 {\n 0% {\n transform: scale(1);\n }\n 60% {\n transform: scale(0.98);\n }\n 100% {\n transform: scale(1);\n }\n}\n.root_565dd6339b {\n /* Stroke palette defaults — Sidekick / Vibe override via modifiers. */\n --stroke-stop-1: #04f7fb;\n --stroke-stop-2: #0074fd;\n --stroke-stop-3: #9450fd;\n --stroke-stop-4: #04f7fb;\n --stroke-stop-2-at: 120deg;\n --stroke-stop-3-at: 240deg;\n --stroke-stop-4-at: 300deg;\n --radius: 16;\n --border: 2;\n --border-size: calc(var(--border, 2) * 1px);\n --start: 0;\n --active: 0;\n --spread: 22;\n --outer-radius: calc((var(--radius) + var(--border)) * 1px);\n --glow-blur: 12px;\n --glow-strength: 0.25;\n --glow-saturation: 0.55;\n --stroke-strength: 0.8;\n --click-pulse-blur: 32px;\n --click-pulse-blur-spread: 96px;\n --click-pulse-strength: 0.2;\n --click-pulse-end-scale-x: 3.2;\n --click-pulse-end-scale-y: 4.5;\n --stroke-duration-short: 20ms;\n --stroke-duration-scale: var(--motion-productive-long, 150ms);\n --stroke-duration-wash: 650ms;\n --stroke-duration-fade: var(--motion-expressive-short, 250ms);\n --stroke-duration-reduced: var(--motion-productive-short, 70ms);\n --stroke-ease: var(--motion-timing-transition, cubic-bezier(0.4, 0, 0.2, 1));\n position: relative;\n isolation: isolate;\n display: block;\n width: 100%;\n height: 100%;\n overflow: visible;\n transform-origin: center center;\n border-radius: var(--outer-radius);\n background-color: transparent;\n border: var(--border-size) solid transparent;\n touch-action: none;\n box-sizing: border-box;\n}\n\n/* Sidekick home: lilac → teal → green */\n.paletteSidekick_49ca05cc19 {\n --stroke-stop-1: #8181ff;\n --stroke-stop-2: #33dbdb;\n --stroke-stop-3: #33d58e;\n --stroke-stop-4: #8181ff;\n --stroke-stop-2-at: 120deg;\n --stroke-stop-3-at: 240deg;\n --stroke-stop-4-at: 300deg;\n}\n\n/* Vibe home: gold → orange → pink → orchid */\n.paletteVibe_ccd80942a4 {\n --stroke-stop-1: #f0c020;\n --stroke-stop-2: #ff9e52;\n --stroke-stop-3: #ff74cd;\n --stroke-stop-4: #ff92e8;\n --stroke-stop-2-at: 90deg;\n --stroke-stop-3-at: 180deg;\n --stroke-stop-4-at: 270deg;\n}\n\n.surface_aeb2bbbc34 {\n position: relative;\n z-index: 0;\n width: 100%;\n height: 100%;\n transform-origin: center center;\n}\n\n.clickPulse_4820c97993 {\n pointer-events: none;\n position: absolute;\n inset: 0;\n border-radius: calc(var(--radius) * 1px);\n z-index: 0;\n opacity: 0;\n background: conic-gradient(from 0deg at 57.6% 61.3%, var(--stroke-stop-1) 0deg, var(--stroke-stop-2) var(--stroke-stop-2-at), var(--stroke-stop-3) var(--stroke-stop-3-at), var(--stroke-stop-4) var(--stroke-stop-4-at), var(--stroke-stop-1) 1turn);\n filter: blur(var(--click-pulse-blur));\n transform-origin: center center;\n}\n\n.root_565dd6339b::after {\n content: "";\n position: absolute;\n inset: calc(var(--border-size) * -1);\n box-sizing: border-box;\n border-radius: calc(var(--radius) * 1px + var(--border-size));\n border: var(--border-size) solid transparent;\n background: conic-gradient(from 0deg at 57.6% 61.3%, var(--stroke-stop-1) 0deg, var(--stroke-stop-2) var(--stroke-stop-2-at), var(--stroke-stop-3) var(--stroke-stop-3-at), var(--stroke-stop-4) var(--stroke-stop-4-at), var(--stroke-stop-1) 1turn);\n mask-clip: padding-box, border-box;\n mask-composite: intersect;\n mask-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), conic-gradient(from calc((var(--start) - var(--spread)) * 1deg), rgba(0, 0, 0, 0) 0deg, #fff, rgba(0, 0, 0, 0) calc(var(--spread) * 2deg));\n pointer-events: none;\n opacity: calc(var(--active) * var(--stroke-strength));\n transition: opacity var(--stroke-duration-fade) linear;\n z-index: 2;\n}\n\n.glow_8fce07b0e5 {\n --glow-band: var(--border-size);\n --halo: calc(var(--glow-band) + var(--glow-blur) * 3);\n pointer-events: none;\n position: absolute;\n inset: calc(var(--halo) * -1);\n box-sizing: border-box;\n border: var(--halo) solid transparent;\n border-radius: calc(var(--radius) * 1px + var(--halo));\n z-index: 1;\n filter: blur(var(--glow-blur)) saturate(var(--glow-saturation));\n mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);\n mask-clip: border-box, padding-box;\n mask-composite: exclude;\n opacity: calc(var(--active) * var(--glow-strength));\n transition: opacity var(--stroke-duration-fade) linear;\n}\n\n.glow_8fce07b0e5::after {\n content: "";\n position: absolute;\n inset: calc(var(--glow-band) * -1);\n box-sizing: border-box;\n border-radius: calc(var(--radius) * 1px + var(--glow-band));\n border: var(--glow-band) solid transparent;\n background: conic-gradient(from 0deg at 57.6% 61.3%, var(--stroke-stop-1) 0deg, var(--stroke-stop-2) var(--stroke-stop-2-at), var(--stroke-stop-3) var(--stroke-stop-3-at), var(--stroke-stop-4) var(--stroke-stop-4-at), var(--stroke-stop-1) 1turn);\n mask-clip: padding-box, border-box;\n mask-composite: intersect;\n mask-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), conic-gradient(from calc((var(--start) - var(--spread)) * 1deg), rgba(0, 0, 0, 0) 0deg, #fff, rgba(0, 0, 0, 0) calc(var(--spread) * 2deg));\n pointer-events: none;\n}\n\n.root_565dd6339b.is-click-pulsing {\n animation: stroke-spotlight-scale-grow_57dc1ff591 var(--stroke-duration-scale) var(--stroke-ease) forwards;\n}\n.root_565dd6339b.is-click-pulsing .clickPulse_4820c97993 {\n animation: stroke-spotlight-click-expand_360d9fa961 var(--stroke-duration-wash) var(--stroke-ease) both, stroke-spotlight-click-blur_a60e0c14a5 var(--stroke-duration-wash) var(--stroke-ease) both, stroke-spotlight-click-fade_18e7323690 var(--stroke-duration-wash) linear var(--stroke-duration-short) both;\n}\n\n@keyframes stroke-spotlight-click-expand_360d9fa961 {\n 0% {\n transform: scale(1, 1);\n }\n 100% {\n transform: scale(var(--click-pulse-end-scale-x), var(--click-pulse-end-scale-y));\n }\n}\n@keyframes stroke-spotlight-click-blur_a60e0c14a5 {\n 0% {\n filter: blur(var(--click-pulse-blur));\n }\n 100% {\n filter: blur(var(--click-pulse-blur-spread));\n }\n}\n@keyframes stroke-spotlight-click-fade_18e7323690 {\n 0% {\n opacity: var(--click-pulse-strength);\n }\n 100% {\n opacity: 0;\n }\n}\n@media (prefers-reduced-motion: reduce) {\n .root_565dd6339b::after,\n .glow_8fce07b0e5 {\n transition: none;\n opacity: 0;\n }\n .root_565dd6339b.is-click-pulsing {\n animation: none;\n transform: scale(1);\n }\n .root_565dd6339b.is-click-pulsing .clickPulse_4820c97993 {\n animation: stroke-spotlight-click-fade-reduced_18e7323690 var(--stroke-duration-reduced) linear forwards;\n }\n .clickPulse_4820c97993 {\n opacity: 0;\n }\n}\n@keyframes stroke-spotlight-click-fade-reduced_18e7323690 {\n 0% {\n opacity: var(--click-pulse-strength);\n }\n 100% {\n opacity: 0;\n }\n}');export{e as default};
2
+ //# sourceMappingURL=StrokeSpotlight.module.scss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StrokeSpotlight.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{useEffect as e}from"react";var t=64,n=.01,i=48,o=40,r=1.5,a="data-stroke-no-pulse",s="[".concat(a,"]");function l(a,l,c){var d,u,v,m,h,f=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},w=null!==(d=f.proximity)&&void 0!==d?d:t,p=null!==(u=f.inactiveZone)&&void 0!==u?u:n,L=null!==(v=f.edgeFade)&&void 0!==v?v:i,g=null!==(m=f.spread)&&void 0!==m?m:o,y=null!==(h=f.movementDuration)&&void 0!==h?h:r;e((function(){var e=a.current;if(e&&l&&c){var t=e.querySelector("[data-stroke-click-pulse]"),n=window.matchMedia("(prefers-reduced-motion: reduce)"),i=n.matches,o=!1,r=e.getBoundingClientRect(),d=null,u=0,v=0,m=!1,h=null,f=0,E=0,M=0;e.style.setProperty("--spread",g+""),e.style.setProperty("--start","0"),e.style.setProperty("--active","0");var P=function(){e.classList.remove(c)},F=function(){null!==h&&(cancelAnimationFrame(h),h=null)},q=function t(n){var i=Math.min(1,(n-M)/(1e3*y)),o=f+(E-f)*function(e){return 1>e?1-Math.pow(2,-10*e):1}(i);e.style.setProperty("--start",o+""),h=1>i?requestAnimationFrame(t):null},A=function(){e.style.setProperty("--active","0"),e.classList.remove(l),F()},C=function(t,n,i){if(e.matches(":focus-within"))A();else if(i.width>0&&i.height>0){var o=i.left+.5*i.width,r=i.top+.5*i.height;if(Math.hypot(t-o,n-r)<.5*Math.min(i.width,i.height)*p)A();else if(t>i.left-w&&i.left+i.width+w>t&&n>i.top-w&&i.top+i.height+w>n){var a=t-i.left,s=n-i.top,c=Math.max(0-a,0,a-i.width),d=Math.max(0-s,0,s-i.height),u=Math.sqrt(c*c+d*d);e.style.setProperty("--active",(u>0?Math.max(0,Math.min(1,1-u/(L>0?L:w))):1)+""),e.classList.add(l);var v,m,g=parseFloat(e.style.getPropertyValue("--start"))||0;v=g,m=g+((180*Math.atan2(n-r,t-o)/Math.PI+90-g+180)%360-180),F(),f=v,E=m,M=performance.now(),h=requestAnimationFrame(q)}else A()}},x=function(){(i=n.matches)&&(A(),P())};n.addEventListener("change",x);var B=function(){r=e.getBoundingClientRect()},R=function(t){if(!i&&e.isConnected)return 0>t.clientX||0>t.clientY||t.clientX>window.innerWidth||t.clientY>window.innerHeight?(e.matches(":focus-within")||(o=!1),m=!1,void A()):(u=t.clientX,v=t.clientY,m=!0,void(null===d&&(d=requestAnimationFrame((function(){d=null,r=e.getBoundingClientRect(),C(u,v,r)})))));A()},k=function(){o=!1,m=!1,A()},X=function(e){e.target===t&&P()},Y=function(){o=!0,A()},b=function(){requestAnimationFrame((function(){e.isConnected&&!e.matches(":focus-within")&&(o=!1,m&&(r=e.getBoundingClientRect(),C(u,v,r)))}))},z=function(t){if(!i){var n=t.target;n instanceof Element&&n.closest(s)||(o||e.matches(":focus-within")?A():(o=!0,A(),e.classList.remove(c),e.classList.add(c)))}};return window.addEventListener("pointermove",R,{passive:!0}),window.addEventListener("blur",k),window.addEventListener("scroll",B,{passive:!0}),window.addEventListener("resize",B,{passive:!0}),e.addEventListener("pointerdown",z),e.addEventListener("focusin",Y),e.addEventListener("focusout",b),null==t||t.addEventListener("animationend",X),function(){n.removeEventListener("change",x),null!==d&&cancelAnimationFrame(d),F(),e.classList.remove(l),P(),e.style.setProperty("--active","0"),window.removeEventListener("pointermove",R),window.removeEventListener("blur",k),window.removeEventListener("scroll",B),window.removeEventListener("resize",B),e.removeEventListener("pointerdown",z),e.removeEventListener("focusin",Y),e.removeEventListener("focusout",b),null==t||t.removeEventListener("animationend",X)}}}),[a,l,c,w,p,L,g,y])}export{a as STROKE_NO_PULSE_ATTR,l as useStrokeSpotlight};
2
+ //# sourceMappingURL=useStrokeSpotlight.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useStrokeSpotlight.js","sources":["../../../../src/components/StrokeSpotlight/useStrokeSpotlight.ts"],"sourcesContent":["import { type RefObject, useEffect } from \"react\";\n\nexport interface StrokeSpotlightOptions {\n /** How far outside the box (px) the glow still responds. */\n proximity?: number;\n /** Fraction of half-min-side; inside this radius from center, glow is off. */\n inactiveZone?: number;\n /**\n * Outward distance from the outer margins (px) over which the stroke fades\n * from full to off. Inside the box stays full strength.\n */\n edgeFade?: number;\n /** Angular width of the glowing arc (degrees). */\n spread?: number;\n /** Seconds for angle interpolation. */\n movementDuration?: number;\n}\n\nconst DEFAULTS = {\n proximity: 64,\n inactiveZone: 0.01,\n edgeFade: 48,\n spread: 40,\n movementDuration: 1.5\n} as const;\n\n/** Mark controls that should not trigger the click pulse (e.g. attach, model picker). */\nexport const STROKE_NO_PULSE_ATTR = \"data-stroke-no-pulse\";\nconst STROKE_NO_PULSE_SELECTOR = `[${STROKE_NO_PULSE_ATTR}]`;\n\n/**\n * Pointer-following conic border glow via `--start` / `--active`, plus one-shot\n * click pulse. Traveling stroke is suppressed while the box is `:focus-within`\n * and resumes on hover after focus leaves.\n */\nexport function useStrokeSpotlight(\n ref: RefObject<HTMLElement | null>,\n activeClassName: string,\n clickPulsingClassName: string,\n options: StrokeSpotlightOptions = {}\n) {\n const proximity = options.proximity ?? DEFAULTS.proximity;\n const inactiveZone = options.inactiveZone ?? DEFAULTS.inactiveZone;\n const edgeFade = options.edgeFade ?? DEFAULTS.edgeFade;\n const spread = options.spread ?? DEFAULTS.spread;\n const movementDuration = options.movementDuration ?? DEFAULTS.movementDuration;\n\n useEffect(() => {\n const el = ref.current;\n if (!el || !activeClassName || !clickPulsingClassName) return;\n\n const pulseEl = el.querySelector<HTMLElement>(\"[data-stroke-click-pulse]\");\n const mql = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n let reducedMotion = mql.matches;\n // One-shot click pulse: after the first choose, don't re-pulse until blur.\n let engaged = false;\n let cachedRect = el.getBoundingClientRect();\n let rafId: number | null = null;\n let lastX = 0;\n let lastY = 0;\n let hasPointer = false;\n let angleRafId: number | null = null;\n let angleFrom = 0;\n let angleTo = 0;\n let angleStartMs = 0;\n\n el.style.setProperty(\"--spread\", String(spread));\n el.style.setProperty(\"--start\", \"0\");\n el.style.setProperty(\"--active\", \"0\");\n\n const clearClickPulse = () => {\n el.classList.remove(clickPulsingClassName);\n };\n\n const stopAngleAnimation = () => {\n if (angleRafId !== null) {\n cancelAnimationFrame(angleRafId);\n angleRafId = null;\n }\n };\n\n const easeOutExpo = (t: number) => (t >= 1 ? 1 : 1 - Math.pow(2, -10 * t));\n\n const tickAngle = (now: number) => {\n const t = Math.min(1, (now - angleStartMs) / (movementDuration * 1000));\n const value = angleFrom + (angleTo - angleFrom) * easeOutExpo(t);\n el.style.setProperty(\"--start\", String(value));\n if (t < 1) {\n angleRafId = requestAnimationFrame(tickAngle);\n } else {\n angleRafId = null;\n }\n };\n\n const animateAngle = (from: number, to: number) => {\n stopAngleAnimation();\n angleFrom = from;\n angleTo = to;\n angleStartMs = performance.now();\n angleRafId = requestAnimationFrame(tickAngle);\n };\n\n const deactivate = () => {\n el.style.setProperty(\"--active\", \"0\");\n el.classList.remove(activeClassName);\n stopAngleAnimation();\n };\n\n const applyGlow = (clientX: number, clientY: number, rect: DOMRect) => {\n // No traveling stroke while the prompt (or anything inside) is focused.\n if (el.matches(\":focus-within\")) {\n deactivate();\n return;\n }\n\n if (rect.width <= 0 || rect.height <= 0) return;\n\n const centerX = rect.left + rect.width * 0.5;\n const centerY = rect.top + rect.height * 0.5;\n const distanceFromCenter = Math.hypot(clientX - centerX, clientY - centerY);\n const inactiveRadius = 0.5 * Math.min(rect.width, rect.height) * inactiveZone;\n\n if (distanceFromCenter < inactiveRadius) {\n deactivate();\n return;\n }\n\n const isActive =\n clientX > rect.left - proximity &&\n clientX < rect.left + rect.width + proximity &&\n clientY > rect.top - proximity &&\n clientY < rect.top + rect.height + proximity;\n\n if (!isActive) {\n deactivate();\n return;\n }\n\n const localX = clientX - rect.left;\n const localY = clientY - rect.top;\n const outsideX = Math.max(0 - localX, 0, localX - rect.width);\n const outsideY = Math.max(0 - localY, 0, localY - rect.height);\n const distOutside = Math.sqrt(outsideX * outsideX + outsideY * outsideY);\n const fadeRange = edgeFade > 0 ? edgeFade : proximity;\n const active = distOutside <= 0 ? 1 : Math.max(0, Math.min(1, 1 - distOutside / fadeRange));\n\n el.style.setProperty(\"--active\", String(active));\n el.classList.add(activeClassName);\n\n const currentAngle = parseFloat(el.style.getPropertyValue(\"--start\")) || 0;\n const targetAngle = (180 * Math.atan2(clientY - centerY, clientX - centerX)) / Math.PI + 90;\n const angleDiff = ((targetAngle - currentAngle + 180) % 360) - 180;\n animateAngle(currentAngle, currentAngle + angleDiff);\n };\n\n const scheduleGlow = (clientX: number, clientY: number) => {\n lastX = clientX;\n lastY = clientY;\n hasPointer = true;\n if (rafId !== null) return;\n rafId = requestAnimationFrame(() => {\n rafId = null;\n cachedRect = el.getBoundingClientRect();\n applyGlow(lastX, lastY, cachedRect);\n });\n };\n\n const onMotionChange = () => {\n reducedMotion = mql.matches;\n if (reducedMotion) {\n deactivate();\n clearClickPulse();\n }\n };\n mql.addEventListener(\"change\", onMotionChange);\n\n const refreshRect = () => {\n cachedRect = el.getBoundingClientRect();\n };\n\n const onWindowPointerMove = (e: PointerEvent) => {\n if (reducedMotion || !el.isConnected) {\n deactivate();\n return;\n }\n\n if (e.clientX < 0 || e.clientY < 0 || e.clientX > window.innerWidth || e.clientY > window.innerHeight) {\n if (!el.matches(\":focus-within\")) engaged = false;\n hasPointer = false;\n deactivate();\n return;\n }\n\n scheduleGlow(e.clientX, e.clientY);\n };\n\n const onWindowBlur = () => {\n engaged = false;\n hasPointer = false;\n deactivate();\n };\n\n const restartClickPulse = () => {\n el.classList.remove(clickPulsingClassName);\n void el.offsetWidth;\n el.classList.add(clickPulsingClassName);\n };\n\n const onPulseAnimationEnd = (e: AnimationEvent) => {\n if (e.target !== pulseEl) return;\n clearClickPulse();\n };\n\n const onFocusIn = () => {\n engaged = true;\n deactivate();\n };\n\n const onFocusOut = () => {\n // Wait a frame so :focus-within reflects the new target.\n requestAnimationFrame(() => {\n if (!el.isConnected || el.matches(\":focus-within\")) return;\n engaged = false;\n // Resume hover stroke immediately if the pointer is still nearby.\n if (hasPointer) {\n cachedRect = el.getBoundingClientRect();\n applyGlow(lastX, lastY, cachedRect);\n }\n });\n };\n\n const onDown = (e: PointerEvent) => {\n if (reducedMotion) return;\n const target = e.target;\n if (target instanceof Element && target.closest(STROKE_NO_PULSE_SELECTOR)) return;\n if (engaged || el.matches(\":focus-within\")) {\n deactivate();\n return;\n }\n engaged = true;\n deactivate();\n restartClickPulse();\n };\n\n window.addEventListener(\"pointermove\", onWindowPointerMove, {\n passive: true\n });\n window.addEventListener(\"blur\", onWindowBlur);\n window.addEventListener(\"scroll\", refreshRect, { passive: true });\n window.addEventListener(\"resize\", refreshRect, { passive: true });\n el.addEventListener(\"pointerdown\", onDown);\n el.addEventListener(\"focusin\", onFocusIn);\n el.addEventListener(\"focusout\", onFocusOut);\n pulseEl?.addEventListener(\"animationend\", onPulseAnimationEnd);\n\n return () => {\n mql.removeEventListener(\"change\", onMotionChange);\n if (rafId !== null) cancelAnimationFrame(rafId);\n stopAngleAnimation();\n el.classList.remove(activeClassName);\n clearClickPulse();\n el.style.setProperty(\"--active\", \"0\");\n window.removeEventListener(\"pointermove\", onWindowPointerMove);\n window.removeEventListener(\"blur\", onWindowBlur);\n window.removeEventListener(\"scroll\", refreshRect);\n window.removeEventListener(\"resize\", refreshRect);\n el.removeEventListener(\"pointerdown\", onDown);\n el.removeEventListener(\"focusin\", onFocusIn);\n el.removeEventListener(\"focusout\", onFocusOut);\n pulseEl?.removeEventListener(\"animationend\", onPulseAnimationEnd);\n };\n }, [ref, activeClassName, clickPulsingClassName, proximity, inactiveZone, edgeFade, spread, movementDuration]);\n}\n"],"names":["DEFAULTS","STROKE_NO_PULSE_ATTR","STROKE_NO_PULSE_SELECTOR","concat","useStrokeSpotlight","ref","activeClassName","clickPulsingClassName","options","arguments","length","undefined","proximity","_a","inactiveZone","_b","edgeFade","_c","spread","_d","movementDuration","_e","useEffect","el","current","pulseEl","querySelector","mql","window","matchMedia","reducedMotion","matches","engaged","cachedRect","getBoundingClientRect","rafId","lastX","lastY","hasPointer","angleRafId","angleFrom","angleTo","angleStartMs","style","setProperty","String","clearClickPulse","classList","remove","stopAngleAnimation","cancelAnimationFrame","tickAngle","now","t","Math","min","value","pow","easeOutExpo","requestAnimationFrame","deactivate","applyGlow","clientX","clientY","rect","width","height","centerX","left","centerY","top","hypot","localX","localY","outsideX","max","outsideY","distOutside","sqrt","add","from","to","currentAngle","parseFloat","getPropertyValue","atan2","PI","performance","onMotionChange","addEventListener","refreshRect","onWindowPointerMove","e","isConnected","innerWidth","innerHeight","onWindowBlur","onPulseAnimationEnd","target","onFocusIn","onFocusOut","onDown","Element","closest","passive","removeEventListener"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- var e={tabsWrapper:"tabsWrapper_e6e88f21c6",tabsList:"tabsList_b1a1fb70ef",selectedIndicator:"selectedIndicator_b8c59237b5",visible:"visible_bf99082593",sm:"sm_9cb65bd0dc",lg:"lg_f3f0d85f01",stretched:"stretched_86168d2484",tabListTabWrapper:"tabListTabWrapper_13d3be3d0a",tabListTabInner:"tabListTabInner_13d3be3d0a",disabled:"disabled_d6cb62eb72",stretchedUnderline:"stretchedUnderline_3d0329b3b4"};!function(e){const n="s_id-1f1ea82925d8_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('@charset "UTF-8";\n/* stylelint-disable */\n/* stylelint-enable */\n/* Tokens — remove once design system Sense motion tokens are live */\n/* Pattern: slide-transition · Tokens: position · ease-transition · duration-long-250 */\n.tabsWrapper_e6e88f21c6 {\n position: relative;\n --duration-long-250: 250ms;\n --duration-short-70: 70ms;\n --ease-transition: cubic-bezier(0.4, 0, 0.2, 1);\n --ease-linear: linear;\n}\n\n.tabsWrapper_e6e88f21c6 .tabsList_b1a1fb70ef {\n display: flex;\n flex-direction: row;\n list-style-type: none;\n font-size: 0;\n position: relative;\n /* Medium: 32px button + 2px gap + 2px selected underline */\n height: 36px;\n outline: none;\n padding: 0;\n}\n\n.tabsWrapper_e6e88f21c6 .selectedIndicator_b8c59237b5 {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background-color: var(--primary-color);\n border-radius: 1px;\n opacity: 0;\n z-index: 2;\n pointer-events: none;\n transition: left var(--duration-long-250) var(--ease-transition), width var(--duration-long-250) var(--ease-transition), opacity var(--duration-short-70) var(--ease-linear);\n}\n\n.tabsWrapper_e6e88f21c6 .selectedIndicator_b8c59237b5.visible_bf99082593 {\n opacity: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .tabsWrapper_e6e88f21c6 .selectedIndicator_b8c59237b5 {\n transition: opacity var(--duration-short-70) var(--ease-linear);\n }\n}\n.tabsWrapper_e6e88f21c6 .tabsList_b1a1fb70ef.sm_9cb65bd0dc {\n /* Small: 28px button + 2px gap + 2px underline */\n height: 32px;\n}\n\n.tabsWrapper_e6e88f21c6 .tabsList_b1a1fb70ef.lg_f3f0d85f01 {\n /* Large: 36px button + 2px gap + 2px underline */\n height: 40px;\n}\n\n.tabsWrapper_e6e88f21c6.stretched_86168d2484 .tabsList_b1a1fb70ef {\n width: 100%;\n}\n\n.tabsWrapper_e6e88f21c6.stretched_86168d2484 .tabsList_b1a1fb70ef .tabListTabWrapper_13d3be3d0a {\n width: 100%;\n}\n\n.tabsWrapper_e6e88f21c6.stretched_86168d2484 .tabsList_b1a1fb70ef .tabListTabWrapper_13d3be3d0a .tabListTabInner_13d3be3d0a {\n width: 100%;\n}\n\n.tabsWrapper_e6e88f21c6.disabled_d6cb62eb72 {\n opacity: 0;\n height: 0;\n padding-bottom: 5px;\n pointer-events: none;\n}\n\n.tabsWrapper_e6e88f21c6.stretchedUnderline_3d0329b3b4 {\n border-bottom: none;\n}');export{e as default};
1
+ var e={tabsWrapper:"tabsWrapper_e6e88f21c6",tabsList:"tabsList_b1a1fb70ef",selectedIndicator:"selectedIndicator_027780518a",visible:"visible_bf99082593",sm:"sm_9cb65bd0dc",lg:"lg_f3f0d85f01",stretched:"stretched_86168d2484",tabListTabWrapper:"tabListTabWrapper_13d3be3d0a",tabListTabInner:"tabListTabInner_13d3be3d0a",disabled:"disabled_d6cb62eb72",stretchedUnderline:"stretchedUnderline_3d0329b3b4"};!function(e){const n="s_id-155a45ffc122_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('@charset "UTF-8";\n/* stylelint-disable */\n/* stylelint-enable */\n/* Tokens — remove once design system Sense motion tokens are live */\n/* Pattern: slide-transition · Tokens: position · ease-transition · duration-long-250 */\n.tabsWrapper_e6e88f21c6 {\n position: relative;\n --duration-long-250: 250ms;\n --duration-short-70: 70ms;\n --ease-transition: cubic-bezier(0.4, 0, 0.2, 1);\n --ease-linear: linear;\n}\n\n.tabsWrapper_e6e88f21c6 .tabsList_b1a1fb70ef {\n display: flex;\n flex-direction: row;\n list-style-type: none;\n font-size: 0;\n position: relative;\n /* Medium: 32px button + 2px gap + 2px selected underline */\n height: 36px;\n outline: none;\n padding: 0;\n}\n\n.tabsWrapper_e6e88f21c6 .selectedIndicator_027780518a {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background-color: var(--brand-color);\n border-radius: 1px;\n opacity: 0;\n z-index: 2;\n pointer-events: none;\n transition: left var(--duration-long-250) var(--ease-transition), width var(--duration-long-250) var(--ease-transition), opacity var(--duration-short-70) var(--ease-linear);\n}\n\n.tabsWrapper_e6e88f21c6 .selectedIndicator_027780518a.visible_bf99082593 {\n opacity: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .tabsWrapper_e6e88f21c6 .selectedIndicator_027780518a {\n transition: opacity var(--duration-short-70) var(--ease-linear);\n }\n}\n.tabsWrapper_e6e88f21c6 .tabsList_b1a1fb70ef.sm_9cb65bd0dc {\n /* Small: 28px button + 2px gap + 2px underline */\n height: 32px;\n}\n\n.tabsWrapper_e6e88f21c6 .tabsList_b1a1fb70ef.lg_f3f0d85f01 {\n /* Large: 36px button + 2px gap + 2px underline */\n height: 40px;\n}\n\n.tabsWrapper_e6e88f21c6.stretched_86168d2484 .tabsList_b1a1fb70ef {\n width: 100%;\n}\n\n.tabsWrapper_e6e88f21c6.stretched_86168d2484 .tabsList_b1a1fb70ef .tabListTabWrapper_13d3be3d0a {\n width: 100%;\n}\n\n.tabsWrapper_e6e88f21c6.stretched_86168d2484 .tabsList_b1a1fb70ef .tabListTabWrapper_13d3be3d0a .tabListTabInner_13d3be3d0a {\n width: 100%;\n}\n\n.tabsWrapper_e6e88f21c6.disabled_d6cb62eb72 {\n opacity: 0;\n height: 0;\n padding-bottom: 5px;\n pointer-events: none;\n}\n\n.tabsWrapper_e6e88f21c6.stretchedUnderline_3d0329b3b4 {\n border-bottom: none;\n}');export{e as default};
2
2
  //# sourceMappingURL=TabList.module.scss.js.map
package/dist/src/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import"../style/dist/index.min.css.js";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./components/Badge/Badge.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export{default as Chips}from"./components/Chips/Chips.js";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as EmptyState}from"./components/EmptyState/EmptyState.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export{default as Info}from"./components/Info/Info.js";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as NumberField}from"./components/NumberField/NumberField.js";export{default as ModalFooter}from"./components/Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./components/Modal/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./components/Modal/ModalMedia/ModalMedia.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as Search}from"./components/Search/Search.js";export{default as SegmentedControl}from"./components/SegmentedControl/SegmentedControl.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as TextArea}from"./components/TextArea/TextArea.js";export{default as TextField}from"./components/TextField/TextField.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{default as TransitionView}from"./components/TransitionView/TransitionView.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";export{MapOnSurfaceTextColor,getElementColor,getOnSurfaceTextColor,isSemanticElementColor}from"./types/Colors.js";export{default as ButtonGroup}from"../components/button-group/dist/ButtonGroup/ButtonGroup.js";export{default as Clickable}from"../components/clickable/dist/Clickable/Clickable.js";export{default as useClickableProps}from"../components/clickable/dist/useClickableProps/useClickableProps.js";export{default as Dialog}from"../components/dialog/dist/Dialog/Dialog.js";export{default as DialogContentContainer}from"../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";export{default as ExpandCollapse}from"../components/expand-collapse/dist/ExpandCollapse/ExpandCollapse.js";export{default as Heading}from"../components/typography/dist/Heading/Heading.js";export{default as LayerProvider}from"../components/layer/dist/LayerProvider/LayerProvider.js";export{default as Text}from"../components/typography/dist/Text/Text.js";export{default as Tooltip}from"../components/tooltip/dist/Tooltip/Tooltip.js";export{default as Avatar}from"../components/avatar/dist/Avatar/Avatar.js";export{default as Button}from"../components/button/dist/Button/Button.js";export{default as Checkbox}from"../components/checkbox/dist/Checkbox/Checkbox.js";export{default as Counter}from"../components/counter/dist/Counter/Counter.js";export{default as Divider}from"../components/divider/dist/Divider/Divider.js";export{default as EditableHeading}from"../components/editable/dist/EditableHeading/EditableHeading.js";export{default as EditableText}from"../components/editable/dist/EditableText/EditableText.js";export{default as Flex}from"../components/layout/dist/Flex/Flex.js";export{default as Box}from"../components/layout/dist/Box/Box.js";export{default as FormattedNumber}from"../components/formatted-number/dist/FormattedNumber/FormattedNumber.js";export{default as Icon}from"../components/icon/dist/Icon/Icon.js";export{default as CustomSvgIcon}from"../components/icon/dist/Icon/CustomSvgIcon/CustomSvgIcon.js";export{default as IconButton}from"../components/icon-button/dist/IconButton/IconButton.js";export{default as Label}from"../components/label/dist/Label/Label.js";export{default as Link}from"../components/link/dist/Link/Link.js";export{default as Loader}from"../components/loader/dist/Loader/Loader.js";export{default as ProgressBar}from"../components/progress-bars/dist/ProgressBars/ProgressBar/ProgressBar.js";export{default as RadioButton}from"../components/radio-button/dist/RadioButton/RadioButton.js";export{useKeyEvent}from"../shared/dist/hooks/useKeyEvent.js";export{useEventListener}from"../shared/dist/hooks/useEventListener.js";export{default as useAfterFirstRender}from"../hooks/dist/useAfterFirstRender/index.js";export{default as useClickOutside}from"../hooks/dist/useClickOutside/index.js";export{default as useIsOverflowing}from"../hooks/dist/useIsOverflowing/index.js";export{default as usePrevious}from"../hooks/dist/usePrevious/index.js";export{default as useResizeObserver}from"../hooks/dist/useResizeObserver/index.js";
1
+ import"../style/dist/index.min.css.js";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./components/Badge/Badge.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export{default as Chips}from"./components/Chips/Chips.js";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as EmptyState}from"./components/EmptyState/EmptyState.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export{default as Info}from"./components/Info/Info.js";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as NumberField}from"./components/NumberField/NumberField.js";export{default as ModalFooter}from"./components/Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./components/Modal/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./components/Modal/ModalMedia/ModalMedia.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as Search}from"./components/Search/Search.js";export{default as SegmentedControl}from"./components/SegmentedControl/SegmentedControl.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as StrokeSpotlight}from"./components/StrokeSpotlight/StrokeSpotlight.js";export{STROKE_NO_PULSE_ATTR}from"./components/StrokeSpotlight/useStrokeSpotlight.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as TextArea}from"./components/TextArea/TextArea.js";export{default as TextField}from"./components/TextField/TextField.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{default as TransitionView}from"./components/TransitionView/TransitionView.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";export{MapOnSurfaceTextColor,getElementColor,getOnSurfaceTextColor,isSemanticElementColor}from"./types/Colors.js";export{default as ButtonGroup}from"../components/button-group/dist/ButtonGroup/ButtonGroup.js";export{default as Clickable}from"../components/clickable/dist/Clickable/Clickable.js";export{default as useClickableProps}from"../components/clickable/dist/useClickableProps/useClickableProps.js";export{default as Dialog}from"../components/dialog/dist/Dialog/Dialog.js";export{default as DialogContentContainer}from"../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";export{default as ExpandCollapse}from"../components/expand-collapse/dist/ExpandCollapse/ExpandCollapse.js";export{default as Heading}from"../components/typography/dist/Heading/Heading.js";export{default as LayerProvider}from"../components/layer/dist/LayerProvider/LayerProvider.js";export{default as Text}from"../components/typography/dist/Text/Text.js";export{default as Tooltip}from"../components/tooltip/dist/Tooltip/Tooltip.js";export{default as Avatar}from"../components/avatar/dist/Avatar/Avatar.js";export{default as Button}from"../components/button/dist/Button/Button.js";export{default as Checkbox}from"../components/checkbox/dist/Checkbox/Checkbox.js";export{default as Counter}from"../components/counter/dist/Counter/Counter.js";export{default as Divider}from"../components/divider/dist/Divider/Divider.js";export{default as EditableHeading}from"../components/editable/dist/EditableHeading/EditableHeading.js";export{default as EditableText}from"../components/editable/dist/EditableText/EditableText.js";export{default as Flex}from"../components/layout/dist/Flex/Flex.js";export{default as Box}from"../components/layout/dist/Box/Box.js";export{default as FormattedNumber}from"../components/formatted-number/dist/FormattedNumber/FormattedNumber.js";export{default as Icon}from"../components/icon/dist/Icon/Icon.js";export{default as CustomSvgIcon}from"../components/icon/dist/Icon/CustomSvgIcon/CustomSvgIcon.js";export{default as IconButton}from"../components/icon-button/dist/IconButton/IconButton.js";export{default as Label}from"../components/label/dist/Label/Label.js";export{default as Link}from"../components/link/dist/Link/Link.js";export{default as Loader}from"../components/loader/dist/Loader/Loader.js";export{default as ProgressBar}from"../components/progress-bars/dist/ProgressBars/ProgressBar/ProgressBar.js";export{default as RadioButton}from"../components/radio-button/dist/RadioButton/RadioButton.js";export{useKeyEvent}from"../shared/dist/hooks/useKeyEvent.js";export{useEventListener}from"../shared/dist/hooks/useEventListener.js";export{default as useAfterFirstRender}from"../hooks/dist/useAfterFirstRender/index.js";export{default as useClickOutside}from"../hooks/dist/useClickOutside/index.js";export{default as useIsOverflowing}from"../hooks/dist/useIsOverflowing/index.js";export{default as usePrevious}from"../hooks/dist/usePrevious/index.js";export{default as useResizeObserver}from"../hooks/dist/useResizeObserver/index.js";
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- var T,t,E;!function(T){T.LIST_TITLE="list-title",T.EMPTY_STATE="empty-state",T.TRANSITION_VIEW="transition-view",T.TEXT_AREA="text-area",T.EDITABLE_TEXT="editable-text",T.TIPSEEN_MEDIA="tipseen-media",T.INDICATOR="indicator",T.BADGE="badge",T.TITLE="title",T.TEXT="text",T.COMBOBOX="combobox",T.COMBOBOX_CATEGORY="combobox-category",T.COMBOBOX_OPTION="combobox-option",T.COLOR_PICKER="color-picker",T.CHECKBOX="checkbox",T.CHECKBOX_LABEL="checkbox-label",T.CHECKBOX_CHECKBOX="checkbox-checkbox",T.DROPDOWN="dropdown",T.DROPDOWN_OPTION_CONTENT="dropdown-option-content",T.BUTTON="button",T.BUTTON_GROUP="button-group",T.CLICKABLE="clickable",T.VIRTUALIZED_LIST="virtualized-list",T.VIRTUALIZED_GRID="virtualized-grid",T.TEXT_FIELD="text-field",T.TEXT_FIELD_SECONDARY_BUTTON="text-field-secondary-button",T.SEARCH="search",T.CLEAN_SEARCH_BUTTON="clean-search-button",T.SEGMENTED_CONTROL="segmented-control",T.COLOR_PICKER_ITEM="color-picker-item",T.ICON_BUTTON="icon-button",T.INFO="info",T.SVG_ICON="svg-icon",T.CHIP="chip",T.RADIO_BUTTON="radio-button",T.RADIO_BUTTON_LABEL="radio-button-label",T.RADIO_BUTTON_CONTROL="radio-button-control",T.TAB="tab",T.TAB_PANEL="tab-panel",T.TAB_PANELS="tab-panels",T.TAB_LIST="tab-list",T.TABS_CONTEXT="tabs-context",T.ALERT_BANNER="alert-banner",T.ALERT_BANNER_BUTTON="alert-banner-button",T.ALERT_BANNER_LINK="alert-banner-link",T.ALERT_BANNER_TEXT="alert-banner-text",T.ATTENTION_BOX="attention-box",T.BOX="box",T.AVATAR="avatar",T.AVATAR_BADGE="avatar-badge",T.AVATAR_CONTENT="avatar-content",T.BREADCRUMB_ITEM="breadcrumb-item",T.BREADCRUMBS_BAR="breadcrumbs-bar",T.BREADCRUMB_MENU="breadcrumb-menu",T.BREADCRUMB_MENU_ITEM="breadcrumb-menu-item",T.PROGRESS_BAR="progress-bar",T.BAR="bar",T.BAR_PRIMARY="bar-primary",T.BAR_SECONDARY="bar-secondary",T.COLOR_PICKER_ITEM_COMPONENT="color-picker-item-component",T.COUNTER="counter",T.MENU="menu",T.OPTION="option",T.EXPAND_COLLAPSE="expand-collapse",T.EDITABLE_INPUT="editable-input",T.EDITABLE_HEADING="editable-heading",T.HEADING="heading",T.LABEL="label",T.LINK="link",T.MENU_DIVIDER="menu-divider",T.MENU_ITEM="menu-item",T.MENU_ITEM_BUTTON="menu-item-button",T.MENU_TITLE="menu-title",T.MENU_TITLE_CAPTION="menu-title-caption",T.MENU_GRID_ITEM="menu-grid-item",T.MENU_BUTTON="menu-button",T.STEP_INDICATOR="step-indicator",T.STEPS="steps",T.STEPS_FORWARD_COMMAND="steps-forward-command",T.STEPS_BACKWARD_COMMAND="steps-backward-command",T.MULTI_STEP_INDICATOR="multi-step-indicator",T.SKELETON="skeleton",T.SPLIT_BUTTON="split-button",T.SPLIT_BUTTON_PRIMARY_BUTTON="split-button-primary-button",T.SPLIT_BUTTON_SECONDARY_BUTTON="split-button-secondary-button",T.TEXT_WITH_HIGHLIGHT="text-with-highlight",T.TOAST="toast",T.TOAST_CONTENT="toast-content",T.TOAST_LINK="toast-link",T.TOAST_BUTTON="toast-button",T.TOAST_CLOSE_BUTTON="toast-close-button",T.TOGGLE="toggle",T.TIPSEEN="tipseen",T.TIPSEEN_CONTENT="tipseen-content",T.TIPSEEN_CONTENT_SUBMIT="tipseen-content-submit",T.TIPSEEN_CONTENT_DISMISS="tipseen-content-dismiss",T.TIPSEEN_TITLE="tipseen-title",T.DIVIDER="divider",T.DATEPICKER="date-picker",T.DATEPICKER_HEADER="date-picker-header",T.DATEPICKER_YEAR_SELECTION="date-picker-year-selection",T.LOADER="loader",T.ICON="icon",T.RESPONSIVE_LIST="responsive-list",T.LIST="list",T.MODAL="modal",T.MODAL_OVERLAY="modal-overlay",T.MODAL_HEADER="modal-header",T.MODAL_CLOSE_BUTTON="modal-close-button",T.MODAL_CONTENT="modal-content",T.MODAL_FOOTER="modal-footer",T.MODAL_MEDIA="modal-media",T.MODAL_BASIC_LAYOUT="modal-basic-layout",T.MODAL_SIDE_BY_SIDE_LAYOUT="modal-side-by-side-layout",T.MODAL_MEDIA_LAYOUT="modal-media-layout",T.FORMATTED_NUMBER="formatted-number",T.HIDDEN_TEXT="hidden-text",T.DIALOG_CONTENT_CONTAINER="dialog-content-container",T.FLEX="flex",T.TOOLTIP="tooltip",T.DIALOG="dialog",T.TABLE="table",T.TABLE_CONTAINER="table-container",T.TABLE_BODY="table-body",T.TABLE_VIRTUALIZED_BODY="table-virtualized-body",T.TABLE_CELL="table-cell",T.TABLE_HEADER="table-header",T.TABLE_HEADER_CELL="table-header-cell",T.TABLE_ROW="table-row",T.TABLE_ROW_MENU="table-row-menu"}(T||(T={})),function(T){T.RIGHT_ARROW="{arrowright}",T.LEFT_ARROW="{arrowleft}",T.UP_ARROW="{arrowup}",T.DOWN_ARROW="{arrowdown}",T.TAB="#TAB#",T.ENTER="{enter}",T.PAGE_UP="{pageup}",T.PAGE_DOWN="{pagedown}"}(t||(t={})),function(T){T.ACCORDION="Accordion",T.LIST_TITLE="ListTitle",T.ALERT_BANNER="AlertBanner",T.ATTENTION_BOX="AttentionBox",T.AVATAR="Avatar",T.AVATAR_GROUP="AvatarGroup",T.BADGE="Badge",T.BOX="Box",T.BREADCRUMBS_BAR="BreadcrumbsBar",T.BUTTON="Button",T.BUTTON_GROUP="ButtonGroup",T.CHECKBOX="Checkbox",T.CHIPS="Chips",T.COLOR_PICKER="ColorPicker",T.COMBOBOX="Combobox",T.COUNTER="Counter",T.DATE_PICKER="DatePicker",T.DIALOG="Dialog",T.DIVIDER="Divider",T.DROPDOWN="Dropdown",T.EDITABLE_HEADING="EditableHeading",T.EDITABLE_TEXT="EditableText",T.EMPTY_STATE="EmptyState",T.EXPAND_COLLAPSE="ExpandCollapse",T.FLEX="Flex",T.HEADING="Heading",T.ICON="Icon",T.ICON_BUTTON="IconButton",T.INFO="Info",T.LABEL="Label",T.PROGRESS_BAR="ProgressBar",T.LINK="Link",T.LIST="List",T.LOADER="Loader",T.MENU="Menu",T.MENU_BUTTON="MenuButton",T.MODAL="Modal",T.MULTI_STEP_INDICATOR="MultiStepIndicator",T.NUMBER_FIELD="NumberField",T.RADIO_BUTTON="RadioButton",T.SEARCH="Search",T.SEGMENTED_CONTROL="SegmentedControl",T.SKELETON="Skeleton",T.SLIDER="Slider",T.SPLIT_BUTTON="SplitButton",T.STEPS="Steps",T.TAB="Tab",T.TABLE="Table",T.TEXT="Text",T.TEXT_AREA="TextArea",T.TEXT_FIELD="TextField",T.TEXT_WITH_HIGHLIGHT="TextWithHighlight",T.THEME_PROVIDER="ThemeProvider",T.TIPSEEN="Tipseen",T.TOAST="Toast",T.TOGGLE="Toggle",T.TOOLTIP="Tooltip",T.VIRTUALIZED_GRID="VirtualizedGrid",T.VIRTUALIZED_LIST="VirtualizedList"}(E||(E={}));export{T as ComponentDefaultTestId,E as ComponentVibeId,t as NavigationCommand};
1
+ var T,t,E;!function(T){T.LIST_TITLE="list-title",T.EMPTY_STATE="empty-state",T.STROKE_SPOTLIGHT="stroke-spotlight",T.TRANSITION_VIEW="transition-view",T.TEXT_AREA="text-area",T.EDITABLE_TEXT="editable-text",T.TIPSEEN_MEDIA="tipseen-media",T.INDICATOR="indicator",T.BADGE="badge",T.TITLE="title",T.TEXT="text",T.COMBOBOX="combobox",T.COMBOBOX_CATEGORY="combobox-category",T.COMBOBOX_OPTION="combobox-option",T.COLOR_PICKER="color-picker",T.CHECKBOX="checkbox",T.CHECKBOX_LABEL="checkbox-label",T.CHECKBOX_CHECKBOX="checkbox-checkbox",T.DROPDOWN="dropdown",T.DROPDOWN_OPTION_CONTENT="dropdown-option-content",T.BUTTON="button",T.BUTTON_GROUP="button-group",T.CLICKABLE="clickable",T.VIRTUALIZED_LIST="virtualized-list",T.VIRTUALIZED_GRID="virtualized-grid",T.TEXT_FIELD="text-field",T.TEXT_FIELD_SECONDARY_BUTTON="text-field-secondary-button",T.SEARCH="search",T.CLEAN_SEARCH_BUTTON="clean-search-button",T.SEGMENTED_CONTROL="segmented-control",T.COLOR_PICKER_ITEM="color-picker-item",T.ICON_BUTTON="icon-button",T.INFO="info",T.SVG_ICON="svg-icon",T.CHIP="chip",T.RADIO_BUTTON="radio-button",T.RADIO_BUTTON_LABEL="radio-button-label",T.RADIO_BUTTON_CONTROL="radio-button-control",T.TAB="tab",T.TAB_PANEL="tab-panel",T.TAB_PANELS="tab-panels",T.TAB_LIST="tab-list",T.TABS_CONTEXT="tabs-context",T.ALERT_BANNER="alert-banner",T.ALERT_BANNER_BUTTON="alert-banner-button",T.ALERT_BANNER_LINK="alert-banner-link",T.ALERT_BANNER_TEXT="alert-banner-text",T.ATTENTION_BOX="attention-box",T.BOX="box",T.AVATAR="avatar",T.AVATAR_BADGE="avatar-badge",T.AVATAR_CONTENT="avatar-content",T.BREADCRUMB_ITEM="breadcrumb-item",T.BREADCRUMBS_BAR="breadcrumbs-bar",T.BREADCRUMB_MENU="breadcrumb-menu",T.BREADCRUMB_MENU_ITEM="breadcrumb-menu-item",T.PROGRESS_BAR="progress-bar",T.BAR="bar",T.BAR_PRIMARY="bar-primary",T.BAR_SECONDARY="bar-secondary",T.COLOR_PICKER_ITEM_COMPONENT="color-picker-item-component",T.COUNTER="counter",T.MENU="menu",T.OPTION="option",T.EXPAND_COLLAPSE="expand-collapse",T.EDITABLE_INPUT="editable-input",T.EDITABLE_HEADING="editable-heading",T.HEADING="heading",T.LABEL="label",T.LINK="link",T.MENU_DIVIDER="menu-divider",T.MENU_ITEM="menu-item",T.MENU_ITEM_BUTTON="menu-item-button",T.MENU_TITLE="menu-title",T.MENU_TITLE_CAPTION="menu-title-caption",T.MENU_GRID_ITEM="menu-grid-item",T.MENU_BUTTON="menu-button",T.STEP_INDICATOR="step-indicator",T.STEPS="steps",T.STEPS_FORWARD_COMMAND="steps-forward-command",T.STEPS_BACKWARD_COMMAND="steps-backward-command",T.MULTI_STEP_INDICATOR="multi-step-indicator",T.SKELETON="skeleton",T.SPLIT_BUTTON="split-button",T.SPLIT_BUTTON_PRIMARY_BUTTON="split-button-primary-button",T.SPLIT_BUTTON_SECONDARY_BUTTON="split-button-secondary-button",T.TEXT_WITH_HIGHLIGHT="text-with-highlight",T.TOAST="toast",T.TOAST_CONTENT="toast-content",T.TOAST_LINK="toast-link",T.TOAST_BUTTON="toast-button",T.TOAST_CLOSE_BUTTON="toast-close-button",T.TOGGLE="toggle",T.TIPSEEN="tipseen",T.TIPSEEN_CONTENT="tipseen-content",T.TIPSEEN_CONTENT_SUBMIT="tipseen-content-submit",T.TIPSEEN_CONTENT_DISMISS="tipseen-content-dismiss",T.TIPSEEN_TITLE="tipseen-title",T.DIVIDER="divider",T.DATEPICKER="date-picker",T.DATEPICKER_HEADER="date-picker-header",T.DATEPICKER_YEAR_SELECTION="date-picker-year-selection",T.LOADER="loader",T.ICON="icon",T.RESPONSIVE_LIST="responsive-list",T.LIST="list",T.MODAL="modal",T.MODAL_OVERLAY="modal-overlay",T.MODAL_HEADER="modal-header",T.MODAL_CLOSE_BUTTON="modal-close-button",T.MODAL_CONTENT="modal-content",T.MODAL_FOOTER="modal-footer",T.MODAL_MEDIA="modal-media",T.MODAL_BASIC_LAYOUT="modal-basic-layout",T.MODAL_SIDE_BY_SIDE_LAYOUT="modal-side-by-side-layout",T.MODAL_MEDIA_LAYOUT="modal-media-layout",T.FORMATTED_NUMBER="formatted-number",T.HIDDEN_TEXT="hidden-text",T.DIALOG_CONTENT_CONTAINER="dialog-content-container",T.FLEX="flex",T.TOOLTIP="tooltip",T.DIALOG="dialog",T.TABLE="table",T.TABLE_CONTAINER="table-container",T.TABLE_BODY="table-body",T.TABLE_VIRTUALIZED_BODY="table-virtualized-body",T.TABLE_CELL="table-cell",T.TABLE_HEADER="table-header",T.TABLE_HEADER_CELL="table-header-cell",T.TABLE_ROW="table-row",T.TABLE_ROW_MENU="table-row-menu"}(T||(T={})),function(T){T.RIGHT_ARROW="{arrowright}",T.LEFT_ARROW="{arrowleft}",T.UP_ARROW="{arrowup}",T.DOWN_ARROW="{arrowdown}",T.TAB="#TAB#",T.ENTER="{enter}",T.PAGE_UP="{pageup}",T.PAGE_DOWN="{pagedown}"}(t||(t={})),function(T){T.ACCORDION="Accordion",T.LIST_TITLE="ListTitle",T.ALERT_BANNER="AlertBanner",T.ATTENTION_BOX="AttentionBox",T.AVATAR="Avatar",T.AVATAR_GROUP="AvatarGroup",T.BADGE="Badge",T.BOX="Box",T.BREADCRUMBS_BAR="BreadcrumbsBar",T.BUTTON="Button",T.BUTTON_GROUP="ButtonGroup",T.CHECKBOX="Checkbox",T.CHIPS="Chips",T.COLOR_PICKER="ColorPicker",T.COMBOBOX="Combobox",T.COUNTER="Counter",T.DATE_PICKER="DatePicker",T.DIALOG="Dialog",T.DIVIDER="Divider",T.DROPDOWN="Dropdown",T.EDITABLE_HEADING="EditableHeading",T.EDITABLE_TEXT="EditableText",T.EMPTY_STATE="EmptyState",T.STROKE_SPOTLIGHT="StrokeSpotlight",T.EXPAND_COLLAPSE="ExpandCollapse",T.FLEX="Flex",T.HEADING="Heading",T.ICON="Icon",T.ICON_BUTTON="IconButton",T.INFO="Info",T.LABEL="Label",T.PROGRESS_BAR="ProgressBar",T.LINK="Link",T.LIST="List",T.LOADER="Loader",T.MENU="Menu",T.MENU_BUTTON="MenuButton",T.MODAL="Modal",T.MULTI_STEP_INDICATOR="MultiStepIndicator",T.NUMBER_FIELD="NumberField",T.RADIO_BUTTON="RadioButton",T.SEARCH="Search",T.SEGMENTED_CONTROL="SegmentedControl",T.SKELETON="Skeleton",T.SLIDER="Slider",T.SPLIT_BUTTON="SplitButton",T.STEPS="Steps",T.TAB="Tab",T.TABLE="Table",T.TEXT="Text",T.TEXT_AREA="TextArea",T.TEXT_FIELD="TextField",T.TEXT_WITH_HIGHLIGHT="TextWithHighlight",T.THEME_PROVIDER="ThemeProvider",T.TIPSEEN="Tipseen",T.TOAST="Toast",T.TOGGLE="Toggle",T.TOOLTIP="Tooltip",T.VIRTUALIZED_GRID="VirtualizedGrid",T.VIRTUALIZED_LIST="VirtualizedList"}(E||(E={}));export{T as ComponentDefaultTestId,E as ComponentVibeId,t as NavigationCommand};
2
2
  //# sourceMappingURL=constants.js.map