@bspk/ui 1.1.32 → 1.1.33

package/dist/hooks/useKeyboardNavigation.js

@@ -1,79 +0,0 @@
-import { useState } from 'react';
-import { EVENT_KEY } from '../utils/keyboard';
-import { scrollElementIntoView } from '../utils/scrollElementIntoView';
-/**
- * This hook provides keyboard navigation for a list of elements. Used inside the Select component.
- *
- * @example
- *     import { useRef } from 'react';
- *     import { useKeyboardNavigation } from '@bspk/ui/hooks/useKeyboardNavigation';
- *
- *     export function Example() {
- *     const containerRef = useRef<HTMLDivElement>(null);
- *     const { selectedIndex, setSelectedIndex, handleKeyNavigation } = useKeyboardNavigation(containerRef.current, () => true);
- *
- *     return (
- *     <div ref={containerRef} onKeyDown={handleKeyNavigation} tabIndex={0}>
- *     {items.map((item, index) => (
- *     <div key={index} data-selected={selectedIndex === index}>
- *     {item}
- *     </div>
- *     ))}
- *     </div>
- *     );
- *     }
- *
- * @param containerElement - The container element that holds the list of elements.
- * @param onNavigate - Fires when the user navigates through the list with Arrow keys. If the function returns false,
- *   the navigation will be prevented. For example, this is useful when you want to prevent navigation when a dropdown
- *   is closed.
- * @returns An object containing the selectedIndex, setSelectedIndex, and handleKeyNavigation function.
- */
-export function useKeyboardNavigation(containerElement) {
-    const [selectedIndex, setSelectedIndex] = useState(-1);
-    if (!containerElement)
-        return {
-            handleKeyNavigation: () => false,
-            selectedIndex,
-            setSelectedIndex: () => { },
-            selectedId: undefined,
-        };
-    const handleArrowKeyNavigation = (event) => {
-        if (event.key !== EVENT_KEY.Enter && !event.key.startsWith('Arrow'))
-            return false;
-        event.preventDefault();
-        if (!containerElement || !containerElement.children.length)
-            return false;
-        const itemElements = Array.from(containerElement?.children);
-        if (event.key === EVENT_KEY.Enter && selectedIndex !== -1) {
-            itemElements[selectedIndex].click();
-            return true;
-        }
-        let next = 0;
-        if (event.key === EVENT_KEY.ArrowUp || event.key === EVENT_KEY.ArrowLeft)
-            next = selectedIndex - 1;
-        if (event.key === EVENT_KEY.ArrowDown || event.key === EVENT_KEY.ArrowRight)
-            next = selectedIndex + 1;
-        if (next < 0)
-            next = itemElements.length - 1;
-        if (next >= itemElements.length)
-            next = 0;
-        itemElements.forEach((el, index) => {
-            if (index === next)
-                el.setAttribute('data-selected', 'true');
-            else
-                el.removeAttribute('data-selected');
-        });
-        scrollElementIntoView(itemElements[next], containerElement);
-        setSelectedIndex(next);
-        return true;
-    };
-    return {
-        handleKeyNavigation: handleArrowKeyNavigation,
-        selectedIndex,
-        selectedId: selectedIndex === -1 ? undefined : containerElement.children[selectedIndex]?.id,
-        setSelectedIndex: setSelectedIndex,
-    };
-}
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-//# sourceMappingURL=useKeyboardNavigation.js.map

package/dist/hooks/useKeyboardNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardNavigation.js","sourceRoot":"","sources":["../../src/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,qBAAqB,CACjC,gBAAqC;IAerC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvD,IAAI,CAAC,gBAAgB;QACjB,OAAO;YACH,mBAAmB,EAAE,GAAG,EAAE,CAAC,KAAK;YAChC,aAAa;YACb,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;YAC1B,UAAU,EAAE,SAAS;SACxB,CAAC;IAEN,MAAM,wBAAwB,GAAG,CAAC,KAAoB,EAAW,EAAE;QAC/D,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC;YAAE,OAAO,KAAK,CAAC;QAElF,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,CAAC,gBAAgB,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,MAAM;YAAE,OAAO,KAAK,CAAC;QAEzE,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAkB,CAAC;QAE7E,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,KAAK,IAAI,aAAa,KAAK,CAAC,CAAC,EAAE,CAAC;YACxD,YAAY,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC;YACpC,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,SAAS;YAAE,IAAI,GAAG,aAAa,GAAG,CAAC,CAAC;QACnG,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,SAAS,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,UAAU;YAAE,IAAI,GAAG,aAAa,GAAG,CAAC,CAAC;QAEtG,IAAI,IAAI,GAAG,CAAC;YAAE,IAAI,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;QAC7C,IAAI,IAAI,IAAI,YAAY,CAAC,MAAM;YAAE,IAAI,GAAG,CAAC,CAAC;QAE1C,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;YAC/B,IAAI,KAAK,KAAK,IAAI;gBAAE,EAAE,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;;gBACxD,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,qBAAqB,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC,CAAC;QAC5D,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO;QACH,mBAAmB,EAAE,wBAAwB;QAC7C,aAAa;QACb,UAAU,EAAE,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,EAAE;QAC3F,gBAAgB,EAAE,gBAAgB;KACrC,CAAC;AACN,CAAC;AAED,sDAAsD"}

package/dist/inline-alert.css

@@ -1 +0,0 @@
-[data-bspk=inline-alert]{display:flex;align-items:start;justify-content:start;flex-direction:row;gap:var(--spacing-sizing-02)}[data-bspk=inline-alert] [data-txt]{flex:1}[data-bspk=inline-alert][data-variant=error]{color:var(--status-error);--first-tone: var(--status-error);--second-tone: var(--status-on-information)}[data-bspk=inline-alert][data-variant=success]{color:var(--status-success);--first-tone: var(--status-success);--second-tone: var(--status-on-success)}[data-bspk=inline-alert][data-variant=warning]{color:var(--foreground-neutral-on-surface);--first-tone: var(--status-warning);--second-tone: var(--status-on-warning)}[data-bspk=inline-alert][data-variant=informational]{color:var(--status-information);--first-tone: var(--status-information);--second-tone: var(--status-on-information)}[data-bspk=inline-alert] svg{color:var(--first-tone);width:var(--spacing-sizing-05);height:var(--spacing-sizing-05)}[data-bspk=inline-alert] svg [data-second-tone]{fill:var(--second-tone)}

package/dist/link.css

@@ -1 +0,0 @@
-[data-bspk=link]{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sizing-01);font:var(--labels-base)}[data-bspk=link][data-size=large]{font:var(--labels-large)}[data-bspk=link][data-size=small]{font:var(--labels-small)}[data-bspk=link] svg{width:var(--spacing-sizing-05)}

package/dist/list-item.css

@@ -1 +0,0 @@
-[data-bspk=list-item]{display:block;width:100%;box-sizing:border-box;padding:0 var(--spacing-sizing-02);background:unset;border:unset;margin:unset;text-decoration:unset;user-select:none;color:var(--foreground-neutral-on-surface)}[data-bspk=list-item]:is(a),[data-bspk=list-item]:is(button),[data-bspk=list-item][onclick],[data-bspk=list-item][role=button]{cursor:pointer}[data-bspk=list-item] [data-inner]{height:100%;width:100%;min-height:var(--spacing-sizing-09);box-sizing:border-box;display:flex;flex-direction:row;gap:var(--spacing-sizing-03);padding:var(--spacing-sizing-02) 0;justify-items:stretch}[data-bspk=list-item] [data-inner]>*{min-height:100%;width:fit-content;display:flex;flex-direction:column;justify-content:space-around;flex:1;flex-shrink:0}[data-bspk=list-item] [data-inner]>* svg{width:24px;max-width:unset}[data-pseudo=focus] [data-bspk=list-item][data-action],[data-bspk=list-item][data-action]:focus-visible,[data-bspk=list-item][data-action]:has(*:focus-visible){box-shadow:inset var(--stroke-neutral-focus) 0 0 0 2px}[data-pseudo=focus] [data-bspk=list-item][data-action] [data-inner],[data-bspk=list-item][data-action]:focus-visible [data-inner],[data-bspk=list-item][data-action]:has(*:focus-visible) [data-inner]{border-color:rgba(0,0,0,0)}[data-pseudo=hover] [data-bspk=list-item][data-action],[data-bspk=list-item][data-action]:hover{background-color:var(--interactions-neutral-hover-opacity)}[data-pseudo=active] [data-bspk=list-item][data-action],[data-bspk=list-item][data-action][data-active],[data-bspk=list-item][data-action]:active{background-color:var(--interactions-neutral-press-opacity)}[data-bspk=list-item] [data-trailing]:has(input){pointer-events:none}[data-bspk=list-item] [data-component=Img]>img{height:36px;width:36px;max-width:unset}[data-bspk=list-item]:is(label) [data-inner]{border-bottom:0;gap:var(--spacing-sizing-02)}[data-bspk=list-item] [data-item-label]{flex:100%;text-align:left}[data-bspk=list-item] [data-item-label] [data-text]{font:var(--labels-base);color:var(--foreground-neutral-on-surface)}[data-bspk=list-item] [data-item-label] [data-sub-text]{font:var(--body-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=list-item][aria-disabled] [data-text],[data-bspk=list-item][aria-disabled] [data-sub-text]{color:var(--foreground-neutral-disabled-on-surface)}

package/dist/menu-button.css

@@ -1 +0,0 @@
-[data-bspk=menu-button]{background:none;border:none;cursor:pointer;padding:0;height:48px;width:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;padding-top:var(--spacing-sizing-01);color:var(--foreground-neutral-on-surface-variant-01)}

package/dist/menu.css

@@ -1 +0,0 @@
-[data-bspk=menu]{/*! --item-count: is set via inline style */width:332px;border:1px solid var(--stroke-neutral-low);background-color:var(--surface-neutral-t1-base);box-shadow:var(--drop-shadow-float);border-radius:var(--radius-large);display:flex;flex-direction:column;--item-size: var(--spacing-sizing-12)}[data-bspk=menu][data-floating]{z-index:var(--z-index-dropdown)}[data-bspk=menu][data-item-count]{height:calc(var(--item-count)*var(--item-size));overflow-y:scroll}[data-bspk=menu][data-no-items]{padding:var(--spacing-sizing-08) var(--spacing-sizing-04);align-items:center;justify-content:center;gap:var(--spacing-sizing-03)}[data-bspk=menu] [data-bspk=list-item]{min-height:var(--item-size);height:var(--item-size)}[data-bspk=menu] [data-bspk=list-item][data-selected]{background-color:var(--surface-brand-primary-highlight)}

package/dist/modal.css

@@ -1 +0,0 @@
-[data-bspk=modal]{display:flex;flex-direction:column;overflow:hidden;gap:var(--spacing-sizing-02);padding:var(--spacing-sizing-04)}[data-bspk=modal]>header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-sizing-04)}[data-bspk=modal] main{overflow:auto;flex:1}

package/dist/number-input.css

@@ -1 +0,0 @@
-[data-bspk=number-input]{--font: var(--body-base);--height: var(--spacing-sizing-10);--svg-width: var(--spacing-sizing-05);--color: var(--foreground-neutral-on-surface);width:100%;display:flex;flex-flow:row nowrap;font:var(--font);height:var(--height);border:1px solid var(--stroke-neutral-base);border-radius:var(--radius-small);background:var(--surface-neutral-t1-base);max-width:280px}[data-bspk=number-input]:focus-within{border-color:var(--stroke-brand-primary)}[data-bspk=number-input] [data-divider]{width:4px;border-right:1px solid var(--stroke-neutral-base);height:calc(var(--height) - 8px);margin:3px 0}[data-bspk=number-input] button{width:var(--height);height:var(--height);background:none;border:none;cursor:pointer;font:var(--font);flex-shrink:0;display:flex;justify-content:center;align-items:center;color:var(--color)}[data-bspk=number-input] button svg{width:var(--svg-width)}[data-bspk=number-input] button:disabled{cursor:not-allowed;color:var(--foreground-neutral-disabled-on-surface)}[data-bspk=number-input] input{color:var(--color);min-width:0;display:block;font:var(--font);text-align:center;padding:0 var(--spacing-sizing-03);background:rgba(0,0,0,0);border:none;flex-grow:1}[data-bspk=number-input] input:focus{outline:none}[data-bspk=number-input] input::-webkit-outer-spin-button,[data-bspk=number-input] input::-webkit-inner-spin-button{appearance:none;margin:0}[data-bspk=number-input] input[type=number]{appearance:textfield}[data-bspk=number-input]:not([data-disabled],[data-readonly]) input:hover,[data-bspk=number-input]:not([data-disabled],[data-readonly]) button:not(:disabled):hover{background-color:var(--interactions-hover-opacity)}[data-bspk=number-input]:not([data-disabled],[data-readonly]) input:active,[data-bspk=number-input]:not([data-disabled],[data-readonly]) button:not(:disabled):active{background-color:var(--interactions-press-opacity)}[data-bspk=number-input]:not([data-disabled],[data-readonly])[data-invalid]{border-color:var(--status-error);outline-color:var(--status-error)}[data-bspk=number-input][data-disabled],[data-bspk=number-input][data-readonly]{--color: var(--foreground-neutral-disabled-on-surface);border-color:var(--stroke-neutral-disabled-light);background:linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)),linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=number-input][data-disabled] [data-divider],[data-bspk=number-input][data-readonly] [data-divider]{border-color:var(--stroke-neutral-disabled-light)}[data-bspk=number-input][data-readonly] input{color:var(--foreground-neutral-on-surface) !important}[data-bspk=number-input][data-size=small]{--font: var(--body-small);--height: var(--spacing-sizing-08)}[data-bspk=number-input][data-size=large]{--font: var(--body-large);--height: var(--spacing-sizing-12);--svg-width: var(--spacing-sizing-06)}

package/dist/popover.css

@@ -1 +0,0 @@
-[data-bspk=popover]{position:absolute;z-index:var(--z-index-tooltip-popover);background:var(--surface-neutral-t1-base);box-shadow:var(--drop-shadow-float);padding:var(--spacing-sizing-04);width:300px;border-radius:var(--radius-large);display:flex;flex-direction:column;--arrow-size: var(--spacing-sizing-02);--arrow-offset: calc(var(--arrow-size) * -2);--arrow-background-color: var(--surface-neutral-t1-base)}[data-bspk=popover] header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sizing-02);gap:var(--spacing-sizing-04)}[data-bspk=popover] header button{background:none;border:none;cursor:pointer;padding:0;margin:0 0 0 auto;color:var(--foreground-neutral-on-surface-variant-01);height:var(--spacing-sizing-06);width:var(--spacing-sizing-06)}[data-bspk=popover] header button svg{width:var(--spacing-sizing-06);height:var(--spacing-sizing-06)}[data-bspk=popover] [data-arrow]{z-index:1;position:absolute;width:0;height:0;border-style:solid;border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) var(--arrow-size);border-color:rgba(0,0,0,0)}[data-bspk=popover][data-placement^=top] [data-arrow]{bottom:var(--arrow-offset);border-top-color:var(--arrow-background-color);filter:drop-shadow(0 2px 1px var(--shadow-10))}[data-bspk=popover][data-placement^=right] [data-arrow]{margin-left:calc(var(--arrow-offset)*2);border-right-color:var(--arrow-background-color);filter:drop-shadow(-2px 0 1px var(--shadow-10))}[data-bspk=popover][data-placement^=bottom] [data-arrow]{top:var(--arrow-offset);border-bottom-color:var(--arrow-background-color);filter:drop-shadow(0 -2px 1px var(--shadow-10))}[data-bspk=popover][data-placement=bottom-start] [data-arrow]{margin-left:var(--arrow-offset)}[data-bspk=popover][data-placement=bottom-end] [data-arrow]{margin-left:calc(var(--arrow-offset)*-1)}[data-bspk=popover][data-placement^=left] [data-arrow]{right:var(--arrow-offset);border-left-color:var(--arrow-background-color);filter:drop-shadow(2px 0 1px var(--shadow-10))}[data-bspk=popover] [data-content]{gap:var(--spacing-sizing-04);display:flex;flex-direction:column}[data-bspk=popover] [data-call-to-action]{margin:0 0 0 auto}

package/dist/progress-bar.css

@@ -1 +0,0 @@
-[data-bspk=progress-bar]{/*! --width: is set via inline style */display:flex;flex-direction:column;width:100%;gap:var(--spacing-sizing-01)}[data-bspk=progress-bar] progress{opacity:0;position:absolute}[data-bspk=progress-bar] [data-bar]{width:100%;height:var(--spacing-sizing-02);background-color:var(--surface-neutral-t3-low);border-radius:var(--radius-small)}[data-bspk=progress-bar] [data-bar]::after{content:"";display:block;height:100%;background-color:var(--foreground-brand-primary);border-radius:var(--radius-small);width:var(--width);transition:width .3s}[data-bspk=progress-bar][data-size=small] [data-bar]{height:var(--spacing-sizing-01)}[data-bspk=progress-bar] label{font-size:var(--labels-small);width:100%;text-align:center}[data-bspk=progress-bar][data-align=left] label{text-align:left}

package/dist/progress-circle.css

@@ -1 +0,0 @@
-[data-bspk=progress-circle]{--animation-speed: 1.5s;display:flex;flex-direction:column;gap:var(--spacing-sizing-02);align-items:center;justify-content:center}[data-bspk=progress-circle][data-label-position=top]{flex-direction:column-reverse}[data-bspk=progress-circle][data-label-position=left]{flex-direction:row-reverse}[data-bspk=progress-circle][data-label-position=right]{flex-direction:row}[data-bspk=progress-circle] svg{color:var(--foreground-brand-secondary);animation:spin var(--animation-speed) linear infinite}@keyframes spin{100%{transform:rotate(360deg)}0%{transform:rotate(0deg)}}[data-bspk=progress-circle][data-size=small] svg{width:32px}[data-bspk=progress-circle][data-size=medium] svg{width:40px}[data-bspk=progress-circle][data-size=large] svg{width:48px}

package/dist/progression-stepper-bar.css

@@ -1 +0,0 @@
-[data-bspk=progression-stepper-bar]{display:flex;width:100%;flex-direction:column;gap:var(--spacing-sizing-01)}[data-bspk=progression-stepper-bar][data-size=large]{--height: var(--spacing-sizing-02)}[data-bspk=progression-stepper-bar][data-size=small]{--height: var(--spacing-sizing-01)}[data-bspk=progression-stepper-bar] [data-steps]{display:flex;flex-direction:row;gap:var(--spacing-sizing-01);height:var(--height)}[data-bspk=progression-stepper-bar] [data-steps] [data-step]{width:100%;height:var(--height);min-width:var(--spacing-sizing-02);border-radius:var(--radius-small);background:var(--surface-neutral-t3-low)}[data-bspk=progression-stepper-bar] [data-steps] [data-step][data-complete]{background:var(--surface-brand-primary)}[data-bspk=progression-stepper-bar] label{font:var(--labels-small)}

package/dist/progression-stepper.css

@@ -1 +0,0 @@
-[data-bspk=progression-stepper]{width:100%;--circle-width: var(--spacing-sizing-09);--active-background-color: var(--surface-brand-primary);--active-foreground-color: var(--foreground-brand-on-primary);--inactive-background-color: var(--surface-neutral-t3-low);--inactive-foreground-color: var(--foreground-neutral-on-surface)}[data-bspk=progression-stepper] ol{display:flex;width:100%;margin:0;padding:0}[data-bspk=progression-stepper] ol li{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:var(--spacing-sizing-02)}[data-bspk=progression-stepper] ol li [data-line-circle]{display:flex;justify-content:center;align-items:center;flex-direction:row}[data-bspk=progression-stepper] ol li [data-line-circle] [data-line]{background-color:var(--inactive-background-color);height:2px;flex-grow:1}[data-bspk=progression-stepper] ol li [data-line-circle] [data-circle]{display:flex;justify-content:center;align-items:center;width:var(--circle-width);height:var(--circle-width);border-radius:50%;background-color:none;border:2px solid var(--inactive-background-color);font:var(--labels-large)}[data-bspk=progression-stepper] ol li [data-line-circle] [data-circle] svg{display:none;width:var(--spacing-sizing-06);height:var(--spacing-sizing-06)}[data-bspk=progression-stepper] ol li [data-content]{display:flex;padding:0 var(--spacing-sizing-10);font:var(--body-small)}[data-bspk=progression-stepper] ol li:first-of-type [data-line=before]{visibility:hidden}[data-bspk=progression-stepper] ol li:last-of-type [data-line=after]{visibility:hidden}[data-bspk=progression-stepper] ol li[data-status=complete] [data-line]{background-color:var(--active-background-color)}[data-bspk=progression-stepper] ol li[data-status=complete] [data-circle]{background-color:var(--active-background-color);border:1px solid var(--active-background-color);color:var(--active-foreground-color)}[data-bspk=progression-stepper] ol li[data-status=complete] [data-circle] span{display:none}[data-bspk=progression-stepper] ol li[data-status=complete] [data-circle] svg{display:block}[data-bspk=progression-stepper] ol li[data-status=current] [data-line=before]{background-color:var(--active-background-color)}[data-bspk=progression-stepper] ol li[data-status=current] [data-circle]{border-color:var(--active-background-color)}[data-bspk=progression-stepper][data-variant=vertical] ol{flex-direction:column}[data-bspk=progression-stepper][data-variant=vertical] li{flex-direction:row}[data-bspk=progression-stepper][data-variant=vertical] li [data-line-circle]{flex-direction:column;width:var(--circle-width)}[data-bspk=progression-stepper][data-variant=vertical] li [data-line-circle] [data-line]{width:2px;height:auto}[data-bspk=progression-stepper][data-variant=vertical] li [data-content]{flex-direction:column;padding:var(--spacing-sizing-10) 0}[data-bspk=progression-stepper][data-variant=widget]{--circle-width: var(--spacing-sizing-05)}[data-bspk=progression-stepper][data-variant=widget] label{display:flex;flex-direction:column;gap:var(--spacing-sizing-02);margin-bottom:var(--spacing-sizing-03);font:var(--body-small)}[data-bspk=progression-stepper][data-variant=widget] label [data-title]{font:var(--labels-base);color:var(--foreground-neutral-on-surface)}[data-bspk=progression-stepper][data-variant=widget] label [data-subtitle]{font:var(--body-x-small);color:var(--foreground-neutral-on-surface-variant-02)}[data-bspk=progression-stepper][data-variant=widget] ol{align-items:center;min-height:var(--spacing-sizing-09)}[data-bspk=progression-stepper][data-variant=widget] ol li [data-line-circle] [data-line]{width:10px}[data-bspk=progression-stepper][data-variant=widget] ol li[data-status=current]{--circle-width: var(--spacing-sizing-09)}[data-bspk=progression-stepper][data-variant=widget] ol li[data-status=incomplete] [data-circle] span{display:none}

package/dist/radio-group.css

@@ -1 +0,0 @@
-[data-bspk=radio-group]{display:flex;flex-direction:column;gap:var(--spacing-sizing-01)}

package/dist/radio.css

@@ -1 +0,0 @@
-[data-bspk=radio]{display:block;position:relative;width:var(--spacing-sizing-06);aspect-ratio:1/1;padding:2px}[data-bspk=radio] input[type=radio]{position:absolute;opacity:0;z-index:2;width:100%;height:100%;top:0;left:0;cursor:pointer}[data-bspk=radio] span{--stroke: var(--stroke-neutral-base);--inner: var(--foreground-brand-primary);--background: none;position:relative;z-index:1;box-sizing:border-box;display:flex;width:var(--spacing-sizing-05);aspect-ratio:1/1;border-radius:50%;border:2px solid var(--stroke);align-items:center;flex-direction:column;justify-content:center;background:var(--background)}[data-bspk=radio] span::before{content:"";display:block;width:var(--spacing-sizing-03);aspect-ratio:1/1;background:var(--inner);border-radius:var(--radius-circular);opacity:0}[data-bspk=radio] input[type=radio]:not(:disabled):hover+span{--background: var(--interactions-neutral-hover-opacity)}[data-bspk=radio] input[type=radio]:not(:disabled):active+span{--background: var(--interactions-neutral-press-opacity)}[data-bspk=radio] input[type=radio]:not(:disabled)[data-invalid]+span{--stroke: var(--status-error);--inner: var(--status-error)}[data-bspk=radio] input[type=radio]:checked+span{--stroke: var(--stroke-brand-primary)}[data-bspk=radio] input[type=radio]:checked+span::before{opacity:1}[data-bspk=radio] input[type=radio]:disabled{pointer-events:none}[data-bspk=radio] input[type=radio]:disabled+span{--stroke: var(--stroke-neutral-interactions-disabled-light);--inner: var(--foreground-neutral-disabled-on-surface)}

package/dist/search-bar.css

@@ -1 +0,0 @@
-[data-bspk=search-bar]{display:flex;width:100%;min-width:300px}

package/dist/segmented-control.css

@@ -1 +0,0 @@
-[data-bspk=segmented-control]{display:flex;flex-direction:row;max-width:100%;--outer-height: var(--spacing-sizing-10);--inner-height: var(--spacing-sizing-08);--svg-width: 20px}[data-bspk=segmented-control][data-width=fill]{align-items:stretch;width:100%;--btn-flex-grow: 1;margin:0 var(--spacing-sizing-04)}[data-bspk=segmented-control][data-width=hug]{width:fit-content;--btn-flex-grow: 0}[data-bspk=segmented-control][data-size=small]{--outer-height: var(--spacing-sizing-08);--inner-height: var(--spacing-sizing-06);--svg-width: 16px}[data-bspk=segmented-control] svg{width:var(--svg-width) !important}[data-bspk=segmented-control] button{border:0;cursor:pointer;color:var(--foreground-neutral-on-surface);flex-grow:var(--btn-flex-grow);font:var(--labels-small);margin:0;height:var(--spacing-sizing-12);background:rgba(0,0,0,0);position:relative;white-space:nowrap}[data-bspk=segmented-control] button [data-focus-ring]{display:none}[data-bspk=segmented-control] button [data-outer]{height:var(--outer-height);background:var(--surface-neutral-t3-low);margin:var(--spacing-sizing-01) 0;padding:var(--spacing-sizing-01) 0;display:block}[data-bspk=segmented-control] button [data-inner]{display:flex;flex-direction:row;align-items:center;height:var(--inner-height);border-bottom:1px solid rgba(0,0,0,0);justify-content:center;gap:var(--spacing-sizing-01);border-radius:var(--radius-small);padding:var(--spacing-sizing-02) var(--spacing-sizing-03)}[data-bspk=segmented-control] button:first-of-type [data-outer]{border-top-left-radius:var(--radius-medium);border-bottom-left-radius:var(--radius-medium);padding-left:var(--spacing-sizing-01)}[data-bspk=segmented-control] button:last-of-type [data-outer]{border-top-right-radius:var(--radius-medium);border-bottom-right-radius:var(--radius-medium);padding-right:var(--spacing-sizing-01)}[data-bspk=segmented-control] button:not(:disabled):hover [data-inner]{background:var(--interactions-neutral-hover-opacity)}[data-bspk=segmented-control] button:not(:disabled):active [data-inner]{background:var(--interactions-neutral-press-opacity)}[data-bspk=segmented-control] button:not(:disabled)[data-selected] [data-inner]{background:var(--surface-neutral-t1-base)}[data-bspk=segmented-control] button:not(:disabled):focus-visible{z-index:2;outline:solid 2px var(--stroke-neutral-focus)}[data-bspk=segmented-control] button:disabled{pointer-events:none;color:var(--foreground-neutral-disabled-on-surface);cursor:not-allowed}

package/dist/select.css

@@ -1 +0,0 @@
-[data-bspk=select]{--select-background: var(--surface-neutral-t1-base);--select-border-color: var(--stroke-neutral-base);--select-text-color: var(--foreground-neutral-on-surface);--select-height: var(--spacing-sizing-10);--select-font: var(--body-base);--select-clear-height: var(--spacing-sizing-05);--select-padding: var(--spacing-sizing-03);--select-icon-width: var(--spacing-sizing-05);position:relative;width:100%;max-width:280px;outline:unset;min-height:var(--select-height);max-height:var(--select-height);display:flex;flex-direction:row;gap:var(--spacing-sizing-02);flex-grow:0;flex-shrink:0;text-align:left;font:var(--select-font);border:1px solid var(--select-border-color);border-radius:var(--radius-small);background:var(--select-background);padding:0 var(--select-padding)}[data-bspk=select] [data-placeholder]{display:block;max-width:100%;text-overflow:ellipsis;overflow:hidden;padding:0}[data-bspk=select] [data-placeholder] [data-inner]{min-height:auto;padding:0}[data-bspk=select] [data-placeholder] [data-item-label] [data-text]{color:var(--select-text-color)}[data-bspk=select] [data-icon]{display:flex;flex-direction:column;justify-content:center}[data-bspk=select] [data-icon] svg{transform:rotate(90deg);width:var(--select-icon-width)}[data-bspk=select] [data-bspk=list-item][data-selected]{background:var(--surface-brand-primary-highlight)}[data-bspk=select][data-size=small]{--select-height: var(--spacing-sizing-08);--select-font: var(--body-small);--select-clear-height: var(--spacing-sizing-05);--select-padding: var(--spacing-sizing-02);--select-icon-width: var(--spacing-sizing-05)}[data-bspk=select][data-size=large]{--select-height: var(--spacing-sizing-12);--select-font: var(--body-large);--select-clear-height: var(--spacing-sizing-06);--select-icon-width: var(--spacing-sizing-06)}[data-bspk=select]:disabled{--select-text-color: var(--foreground-neutral-disabled-on-surface);--select-border-color: var(--stroke-neutral-disabled-light);--select-background: linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=select]:disabled[aria-readonly]:not([data-empty]){--select-text-color: var(--foreground-neutral-on-surface)}[data-bspk=select]:not(:disabled):focus{--select-border-color: var(--stroke-brand-primary)}[data-bspk=select]:not(:disabled):hover{--select-background: linear-gradient(var(--interactions-neutral-hover-opacity), var(--interactions-neutral-hover-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=select]:not(:disabled):active{--select-background: linear-gradient(var(--interactions-neutral-press-opacity), var(--interactions-neutral-press-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=select][data-invalid]{--select-border-color: var(--status-error)}[data-bspk=select][data-empty]{--select-text-color: var(--foreground-neutral-on-surface-variant-03)}

package/dist/skeleton.css

@@ -1,6 +0,0 @@
-[data-bspk=skeleton]{/*! 
---text-margin: is set via inline style
---text-height: is set via inline style
---height: is set via inline style
---width: is set via inline style
-*/display:flex;flex-direction:column;gap:var(--text-margin);animation:skeleton-pulse 1.5s infinite;background:var(--foreground-neutral-skeleton-element)}@keyframes skeleton-pulse{0%{opacity:.8}50%{opacity:.4}100%{opacity:.8}}[data-bspk=skeleton][data-variant=rectangular],[data-bspk=skeleton][data-variant=photo]{min-width:var(--spacing-sizing-08);min-height:var(--spacing-sizing-08);height:var(--height, var(--width));width:var(--width, var(--height));border-radius:var(--radius-small)}[data-bspk=skeleton][data-variant=photo]{border-radius:var(--radius-medium)}[data-bspk=skeleton][data-variant=circular]{border-radius:100%;width:var(--width);aspect-ratio:1/1}[data-bspk=skeleton][data-variant=profile]{border-radius:100%;width:var(--spacing-sizing-10);aspect-ratio:1/1}[data-bspk=skeleton][data-variant=thumbnail]{width:var(--spacing-sizing-12);height:var(--spacing-sizing-12);border-radius:var(--radius-small)}[data-bspk=skeleton][data-variant=text]{background:rgba(0,0,0,0);min-height:unset;max-height:unset;width:100%;height:fit-content}[data-bspk=skeleton][data-variant=text] [data-line]{width:100%;background:var(--foreground-neutral-skeleton-element);border-radius:var(--radius-small);height:var(--text-height)}[data-bspk=skeleton][data-variant=text]:has([data-line]:nth-child(2)) [data-line]:last-child{width:80%}

package/dist/switch.css

@@ -1 +0,0 @@
-[data-bspk=switch]{--track-width: var(--spacing-sizing-09);--toggle-width: var(--spacing-sizing-04);--track-bg: var(--surface-neutral-t4-high);--toggle-bg: var(--foreground-neutral-on-color);display:block;margin:2px;box-sizing:border-box;width:var(--track-width);height:var(--spacing-sizing-05);border-radius:var(--spacing-sizing-05);background-color:var(--track-bg);position:relative;z-index:1}[data-bspk=switch] input[type=checkbox]{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;z-index:2;cursor:pointer}[data-bspk=switch] span{display:block;width:var(--toggle-width);height:var(--toggle-width);border-radius:var(--radius-circular);background-color:var(--toggle-bg);transition:left .2s;box-shadow:var(--drop-shadow-raise);left:2px;top:2px;position:absolute}[data-bspk=switch]:has(input[type=checkbox]:checked){--track-bg: var(--foreground-brand-primary)}[data-bspk=switch]:has(input[type=checkbox]:checked) span{left:calc(var(--track-width) - var(--toggle-width) - 2px)}[data-bspk=switch]:has(input[type=checkbox]:disabled){--track-bg: var(--interactions-disabled-opacity);--toggle-bg: var(--foreground-neutral-disabled-on-surface)}[data-bspk=switch]:has(input[type=checkbox]:disabled) input[type=checkbox]{pointer-events:none}[data-bspk=switch]:has(input[type=checkbox]:disabled):has(input[type=checkbox]:checked) span{--toggle-bg: var(--foreground-neutral-disabled-on-color-surface)}

package/dist/tab-group.css

@@ -1 +0,0 @@
-[data-bspk=tab-group]{display:flex;flex-direction:row;--btn-flex-grow: 0;border-bottom:1px solid var(--stroke-neutral-low);width:100%;--font: var(--labels-base);--height: var(--spacing-sizing-10)}[data-bspk=tab-group][data-width=fill]{align-items:stretch;width:100%;--btn-flex-grow: 1}[data-bspk=tab-group][data-size=small]{--font: var(--labels-small);--height: var(--spacing-sizing-08)}[data-bspk=tab-group][data-size=large]{--font: var(--labels-large);--height: var(--spacing-sizing-12)}[data-bspk=tab-group] button{border:0;cursor:pointer;color:var(--foreground-neutral-on-surface-variant-02);background:none;flex-grow:var(--btn-flex-grow);font:var(--font);white-space:nowrap}[data-bspk=tab-group] button:hover{background:var(--interactions-neutral-hover-opacity)}[data-bspk=tab-group] button:active{background:var(--interactions-neutral-press-opacity)}[data-bspk=tab-group] button:disabled{pointer-events:none;color:var(--foreground-neutral-disabled-on-surface)}[data-bspk=tab-group] button:focus-visible{outline:solid 2px var(--stroke-neutral-focus)}[data-bspk=tab-group] button span{display:flex;flex-direction:row;align-items:center;margin:0 var(--spacing-sizing-04);height:var(--height);justify-content:center;position:relative;gap:var(--spacing-sizing-02)}[data-bspk=tab-group] button span svg{width:var(--spacing-sizing-05)}[data-bspk=tab-group] button[data-active]{color:var(--foreground-brand-primary)}[data-bspk=tab-group] button[data-active] span::after{content:"";display:block;width:100%;height:2px;background-color:var(--stroke-brand-primary);bottom:-1px;position:absolute;border-top-right-radius:2px;border-top-left-radius:2px}[data-bspk=tab-group] button[data-active] span svg{color:var(--surface-brand-primary)}[data-bspk=tab-group][data-hide-trail]{border-bottom:none}[data-bspk=tab-group][data-hide-trail] button{border-bottom:1px solid var(--stroke-neutral-low)}

package/dist/table.css

@@ -1 +0,0 @@
-[data-bspk=table]{width:100%;border-collapse:separate;text-align:left;border-spacing:2rem .125rem;display:grid;color:var(--foreground-neutral-on-surface);font:var(--labels-base);border-radius:var(--radius-medium);border:1px solid var(--stroke-neutral-low)}[data-bspk=table] [data-cell]{display:flex;flex-direction:column;gap:var(--spacing-sizing-02);padding:var(--spacing-sizing-04);background-color:var(--surface-neutral-t1-base);border-bottom:var(--stroke-neutral-low) solid 1px;font:var(--labels-small)}[data-bspk=table] [data-cell] p{margin:0;padding:0;font:var(--body-small)}[data-bspk=table] [data-head]{display:flex;align-items:center;flex-direction:row;border-bottom:1px solid var(--stroke-neutral-base);background:var(--surface-neutral-t2-lowest);height:var(--spacing-sizing-10);padding:0 var(--spacing-sizing-03);font:var(--labels-base)}[data-bspk=table] [data-head][data-head=first]{border-top-left-radius:var(--radius-medium)}[data-bspk=table] [data-head][data-head=last]{border-top-right-radius:var(--radius-medium)}

package/dist/tag.css

@@ -1 +0,0 @@
-[data-bspk=tag]{display:flex;flex-direction:column;justify-content:center;width:fit-content;position:relative;padding:0 var(--spacing-sizing-03);border-radius:var(--radius-small);color:var(--foreground) !important;background:var(--background);font:unset;text-decoration:unset;white-space:nowrap;pointer-events:none}[data-bspk=tag][data-wrap]{height:auto}[data-bspk=tag][data-variant=pill]{border-radius:var(--radius-circular)}[data-bspk=tag][data-variant=corner-wrap]{border-bottom-right-radius:0}[data-bspk=tag][data-size=small]{font:var(--labels-small);height:var(--spacing-sizing-08)}[data-bspk=tag][data-size=x-small]{font:var(--labels-x-small);height:var(--spacing-sizing-06)}[data-bspk=tag][data-color=white]{box-shadow:var(--drop-shadow-south)}[data-bspk=tag] [data-triangle]{position:absolute;bottom:-12px;right:0;width:0;height:0;border-style:solid;border-width:12px 12px 0 0;border-color:var(--foreground) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);transform:rotate(0deg)}

package/dist/text-input.css

@@ -1 +0,0 @@
-[data-bspk=text-input]{--border-color: var(--stroke-neutral-base);display:flex;flex-flow:row nowrap;background-color:var(--surface-neutral-t1-base);border:solid 1px var(--border-color);height:var(--field-height);border-radius:var(--radius-small);padding:0 0 0 var(--field-padding);gap:var(--spacing-sizing-01);width:100%}[data-bspk=text-input]>*{display:flex;justify-content:center;align-items:center;height:var(--field-height);font:var(--field-font);color:var(--foreground-neutral-on-surface);min-width:0}[data-bspk=text-input]:hover:not(:focus-within){background:linear-gradient(var(--interactions-hover-opacity), var(--interactions-hover-opacity)),linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=text-input]:active:not(:focus-within){background:linear-gradient(var(--interactions-press-opacity), var(--interactions-press-opacity)),linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=text-input][data-readonly]{--border-color: var(--stroke-neutral-disabled-light);background:linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)),linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=text-input][data-disabled]{--border-color: var(--stroke-neutral-disabled-light);background:linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)),linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base))}[data-bspk=text-input][data-disabled]>*{color:var(--foreground-neutral-disabled-on-surface)}[data-bspk=text-input][data-invalid]{--border-color: var(--status-error)}[data-bspk=text-input][data-size=small]{--field-padding: var(--spacing-sizing-02);--field-height: var(--spacing-sizing-08);--field-font: var(--body-small);--field-icon-width: var(--spacing-sizing-04);--field-clear-width: var(--spacing-sizing-05)}[data-bspk=text-input][data-size=medium]{--field-padding: var(--spacing-sizing-03);--field-height: var(--spacing-sizing-10);--field-font: var(--body-base);--field-icon-width: var(--spacing-sizing-05);--field-clear-width: var(--spacing-sizing-05)}[data-bspk=text-input][data-size=large]{--field-padding: var(--spacing-sizing-03);--field-height: var(--spacing-sizing-12);--field-font: var(--body-large);--field-icon-width: var(--spacing-sizing-06);--field-clear-width: var(--spacing-sizing-06)}[data-bspk=text-input] [data-leading] svg,[data-bspk=text-input] [data-trailing] svg{width:var(--field-icon-width)}[data-bspk=text-input] label{font:var(--labels-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-bspk=text-input] input{flex:1;background-color:rgba(0,0,0,0) !important;border:none;outline:none;padding:0;pointer-events:all;text-overflow:ellipsis}[data-bspk=text-input] input[type=number]::-webkit-inner-spin-button,[data-bspk=text-input] input[type=number]::-webkit-outer-spin-button{display:none}[data-bspk=text-input] button[data-clear]{display:flex;border:none;background:none;padding:0;cursor:pointer;pointer-events:all;margin-left:var(--spacing-sizing-02);padding-right:var(--field-padding)}[data-bspk=text-input] button[data-clear] svg{pointer-events:none;width:var(--field-clear-width)}[data-bspk=text-input]:not(:focus-within),[data-bspk=text-input][data-empty],[data-bspk=text-input][data-readonly],[data-bspk=text-input][data-disabled]{padding-right:var(--field-padding)}[data-bspk=text-input]:not(:focus-within) button[data-clear],[data-bspk=text-input][data-empty] button[data-clear],[data-bspk=text-input][data-readonly] button[data-clear],[data-bspk=text-input][data-disabled] button[data-clear]{display:none}[data-bspk=text-input]:focus-within{--border-color: var(--stroke-brand-primary)}

package/dist/textarea.css

@@ -1,4 +0,0 @@
-[data-bspk=textarea]{/*! 
---min-rows: is set via inline style 
---max-rows: is set via inline style
-*/display:grid;width:100%;--font: var(--body-base);--line-height: 20px;--padding: var(--spacing-sizing-03)}[data-bspk=textarea][data-size=small]{--font: var(--body-small);--line-height: 20px;--padding: var(--spacing-sizing-02)}[data-bspk=textarea][data-size=large]{--font: var(--body-large);--line-height: 24px;--padding: var(--spacing-sizing-03)}[data-bspk=textarea] [data-replicated-value]{white-space:pre-wrap;visibility:hidden;overflow-y:hidden}[data-bspk=textarea] textarea,[data-bspk=textarea] [data-replicated-value]{width:100%;font:var(--font);border:1px solid var(--border-color);padding:var(--padding);grid-area:1/1/2/2;min-height:calc(var(--line-height)*var(--min-rows) + var(--padding)*2);max-height:calc(var(--line-height)*var(--max-rows) + var(--padding)*2);max-width:100%}[data-bspk=textarea] textarea{--border-color: var(--stroke-neutral-base);text-wrap:break-word;resize:none;color:var(--foreground-neutral-on-surface);background-color:var(--surface-neutral-t1-base);border-radius:var(--radius-small)}[data-bspk=textarea] textarea::placeholder{color:var(--foreground-neutral-on-surface-variant-03)}[data-bspk=textarea] textarea:focus-within{--border-color: var(--stroke-neutral-focus);outline:none;color:var(--foreground-neutral-on-surface)}[data-bspk=textarea] textarea:disabled{pointer-events:none;background:linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)),linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));color:var(--foreground-neutral-disabled-on-surface)}[data-bspk=textarea] textarea:read-only{background:linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)),linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));cursor:not-allowed}[data-bspk=textarea] textarea[aria-invalid]{--border-color: var(--status-error)}

package/dist/toggle-option.css

@@ -1 +0,0 @@
-[data-bspk=toggle-option]{display:flex;width:100%;box-sizing:border-box;flex-direction:row;padding:0 var(--spacing-sizing-01) 0 0;gap:var(--spacing-sizing-02);user-select:none;background:unset;border:unset;cursor:pointer;min-height:var(--spacing-sizing-08);align-items:center}[data-bspk=toggle-option]:has([data-description]){align-items:unset}@media(any-pointer: coarse){[data-bspk=toggle-option]{min-height:var(--spacing-sizing-12)}}[data-bspk=toggle-option] [data-content]{display:flex;flex-direction:column;padding:2px 0}[data-bspk=toggle-option] [data-label]{color:var(--foreground-neutral-on-surface);font:var(--labels-base)}[data-bspk=toggle-option] [data-description]{font:var(--body-small);color:var(--foreground-neutral-on-surface-variant-01)}[data-pseudo=focus] [data-bspk=toggle-option]:not(:has(:disabled)),[data-bspk=toggle-option]:not(:has(:disabled)):focus-visible,[data-bspk=toggle-option]:not(:has(:disabled)):has(*:focus-visible){outline:var(--stroke-neutral-focus) 2px solid}[data-bspk=toggle-option]:has(:disabled) [data-label]{color:var(--foreground-neutral-disabled-on-surface)}[data-bspk=toggle-option]:has(:disabled) [data-description]{color:var(--foreground-neutral-disabled-on-surface)}

package/dist/tooltip.css

@@ -1 +0,0 @@
-[data-bspk=tooltip]{position:fixed;pointer-events:none;z-index:var(--z-index-tooltip-popover);--arrow-size: var(--spacing-sizing-01);--arrow-offset: calc(var(--arrow-size) * -2);--arrow-color: var(--surface-neutral-inverse)}[data-bspk=tooltip] [data-text]{display:block;z-index:2;position:relative;background-color:var(--surface-neutral-inverse);border-radius:var(--radius-small);color:var(--foreground-neutral-on-inverse-surface);box-shadow:var(--drop-shadow-float);font:var(--labels-small);padding:var(--spacing-sizing-01) var(--spacing-sizing-02);border:none;transition:opacity .2s ease-in-out;width:max-content}[data-bspk=tooltip] [data-arrow]{display:block;z-index:1;position:absolute;width:0;height:0;border-style:solid;border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) var(--arrow-size);border-color:rgba(0,0,0,0)}[data-bspk=tooltip][data-placement=bottom] [data-arrow]{top:var(--arrow-offset);border-bottom-color:var(--arrow-color)}[data-bspk=tooltip][data-placement=top] [data-arrow]{border-top-color:var(--arrow-color)}[data-bspk=tooltip][data-placement=right] [data-arrow]{margin-left:var(--arrow-offset);border-right-color:var(--arrow-color)}[data-bspk=tooltip][data-placement=left] [data-arrow]{right:var(--arrow-offset);border-left-color:var(--arrow-color)}

package/dist/top-navigation.css

@@ -1 +0,0 @@
-[data-bspk=top-navigation]{display:flex}

package/dist/utils/placeholder.test.d.ts

@@ -1 +0,0 @@
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/utils/placeholder.test.js

@@ -1,7 +0,0 @@
-describe('placeholder', () => {
-    test('', () => {
-        expect(1).toBe(1);
-    });
-});
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-//# sourceMappingURL=placeholder.test.js.map

package/dist/utils/placeholder.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"placeholder.test.js","sourceRoot":"","sources":["../../src/utils/placeholder.test.ts"],"names":[],"mappings":"AAAA,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IACzB,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE;QACV,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC;AAEH,sDAAsD"}

package/src/Avatar.tsx

@@ -1,150 +0,0 @@
-import './avatar.scss';
-import { ReactNode, useMemo } from 'react';
-
-import { Tooltip } from './Tooltip';
-import { isValidIcon } from './utils/children';
-import { ColorVariant } from './utils/colorVariants';
-
-const DEFAULT = {
-    size: 'small',
-    color: 'grey',
-    showTooltip: true,
-} as const;
-
-export type SizeVariant =
-    | 'large'
-    | 'medium'
-    | 'small'
-    | 'x-large'
-    | 'x-small'
-    | 'xx-large'
-    | 'xxx-large'
-    | 'xxxx-large'
-    | 'xxxxx-large';
-
-export type AvatarProps = {
-    /**
-     * The name of the person or entity represented by the avatar. This is used for accessibility purposes.
-     *
-     * @example
-     *     Jane Doe
-     *
-     * @required
-     */
-    name: string;
-    /**
-     * The size of the avatar.
-     *
-     * @default small
-     */
-    size?: SizeVariant;
-    /**
-     * The color of the avatar.
-     *
-     * @default grey
-     */
-    color?: ColorVariant;
-    /**
-     * The initials to display in the avatar limited to 2 characters.
-     *
-     * If not provided, the first two letters of the name will be used as initials.
-     *
-     * @example
-     *     JD;
-     */
-    initials?: string;
-    /**
-     * The icon to display in the avatar. This needs to be an icon from the
-     *
-     * @example
-     *     <SvgPerson />;
-     *
-     * @type BspkIcon
-     * @bspk/icons library.
-     */
-    icon?: ReactNode;
-    /**
-     * The url to the image to display in the avatar.
-     *
-     * @example
-     *     /profile.jpg
-     */
-    image?: string;
-    /**
-     * Whether to show the represeneetd user's name as a tooltip.
-     *
-     * @default true
-     */
-    showTooltip?: boolean;
-};
-
-/**
- * An avatar is a visual representation of a user or entity. It can be used to display an initials, icon, image.
- *
- * @example
- *     import { Avatar } from '@bspk/ui/Avatar';
- *     import { SvgPerson } from '@bspk/icons/Person';
- *
- *     function Example() {
- *         return (
- *             <Avatar
- *                 name="Jane Doe"
- *                 initials="JD"
- *                 color="blue"
- *                 size="large"
- *                 icon={<SvgPerson />}
- *                 image="/profile.jpg"
- *                 showTooltip={true}
- *             />
- *         );
- *     }
- *
- * @exampleDescription The image if provided is displayed first, followed by the icon if provided, and finally the initials. If no initials are provided, the first two letters of the name will be used as initials.
- *
- * @name Avatar
- */
-function Avatar({
-    initials: initialsProp,
-    color = DEFAULT.color,
-    size = DEFAULT.size,
-    icon,
-    image,
-    name: ariaLabel,
-    showTooltip = DEFAULT.showTooltip,
-}: AvatarProps) {
-    const children = useMemo(() => {
-        if (image) return <img alt={ariaLabel} src={image} />;
-
-        if (isValidIcon(icon)) return <span data-icon>{icon}</span>;
-
-        let initials = initialsProp;
-
-        if (ariaLabel && !initials)
-            initials = ariaLabel
-                .split(' ')
-                .map((word) => word.charAt(0))
-                .slice(0, 2)
-                .join('')
-                .toUpperCase();
-
-        if (initials) return <span data-initials>{initials.slice(0, 2)}</span>;
-
-        return null;
-    }, [ariaLabel, icon, image, initialsProp]);
-
-    if (!children) return null;
-
-    const avatar = (
-        <div aria-label={ariaLabel} data-bspk="avatar" data-color={color} data-size={size}>
-            {children}
-        </div>
-    );
-
-    return showTooltip ? <Tooltip label={ariaLabel}>{avatar}</Tooltip> : avatar;
-}
-
-Avatar.bspkName = 'Avatar';
-
-export { Avatar };
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/src/AvatarGroup.tsx

@@ -1,85 +0,0 @@
-import './avatar-group.scss';
-import { Avatar, AvatarProps, SizeVariant } from './Avatar';
-
-export type AvatarItem = Pick<AvatarProps, 'color' | 'icon' | 'image' | 'initials' | 'name'>;
-
-export type AvatarGroupProps = {
-    /**
-     * The avatars to display in the group.
-     *
-     * @example
-     *     [
-     *         { name: 'Jane Doe', image: '/path/to/image.jpg' },
-     *         { name: 'John Smith', initials: 'JS' },
-     *     ];
-     *
-     * @type Array<AvatarItem>
-     * @required
-     */
-    items: AvatarItem[];
-    /**
-     * Size of the avatar group.
-     *
-     * @default small
-     */
-    size?: Extract<SizeVariant, 'large' | 'medium' | 'small' | 'x-small'>;
-    /**
-     * The maximum number of avatars to display before showing the overflowCount.
-     *
-     * This is used to limit the number of avatars displayed in the group.
-     *
-     * @minimum 3
-     * @maximum 5
-     */
-    max?: number;
-    /**
-     * The variant of the avatar group.
-     *
-     * @default spread
-     */
-    variant?: 'spread' | 'stacked';
-};
-
-/**
- * AvatarGroup component displays a group of avatars.
- *
- * @example
- *     import { AvatarGroup } from '@bspk/ui/AvatarGroup';
- *
- *     export function Example() {
- *         return (
- *             <AvatarGroup
- *                 items={[
- *                     { name: 'Jane Doe', image: '/path/to/image.jpg' },
- *                     { name: 'John Smith', initials: 'JS' },
- *                 ]}
- *             />
- *         );
- *     }
- *
- * @name AvatarGroup
- */
-function AvatarGroup({ items, size = 'small', max = 5, variant }: AvatarGroupProps) {
-    if (!Array.isArray(items) || !items?.length) return null;
-
-    const overFlowCount = items.length - max;
-
-    return (
-        <div data-bspk="avatar-group" data-max={max} data-size={size} data-variant={variant}>
-            <div data-wrap>
-                {items.map((item, index) => (
-                    <Avatar key={index} {...item} size={size} />
-                ))}
-                {overFlowCount > 0 && (
-                    <div aria-hidden data-bspk="avatar" data-size={size}>
-                        <span data-overflow-count>+{overFlowCount}</span>
-                    </div>
-                )}
-            </div>
-        </div>
-    );
-}
-
-AvatarGroup.bspkName = 'AvatarGroup';
-
-export { AvatarGroup };

package/src/Badge.tsx

@@ -1,100 +0,0 @@
-import './badge.scss';
-import { ReactNode } from 'react';
-
-import { tryIntParse } from './utils/tryIntPsrse';
-
-export type BadgeProps = {
-    /**
-     * The content of the badge. If larger than 99, the badge will display '99+'. If null or undefined, the badge will
-     * be hidden.
-     *
-     * @example
-     *     5;
-     *
-     * @default 1
-     *
-     * @type number
-     * @minimum 1
-     */
-    count?: number;
-    /**
-     * The size of the badge.
-     *
-     * @default small
-     */
-    size?: 'small' | 'x-small';
-    /**
-     * The color variant of the badge.
-     *
-     * @default primary
-     */
-    variant?: 'primary' | 'secondary';
-    /**
-     * Whether the badge should have a border that matches the surface color.
-     *
-     * @default false
-     */
-    surfaceBorder?: boolean;
-    /**
-     * The context for which the badge is applied.
-     *
-     * Could be a button, link, or any other element that the badge is associated with.
-     *
-     * @type
-     */
-    children?: ReactNode;
-};
-
-/**
- * Visual indicator for new items within a parent page represented with a numerical count of new items.
- *
- * @example
- *     import { Badge } from '@bspk/ui/badge';
- *
- *     function Example() {
- *         return <Badge count={5} size="small" variant="primary" />;
- *     }
- *
- * @exampleDescription This example shows a badge with a count of 5, size small, and primary variant.
- *
- * @name Badge
- */
-function Badge({ count: countProp, size = 'small', variant = 'primary', surfaceBorder, children }: BadgeProps) {
-    const count: number | null = tryIntParse(countProp);
-
-    if (count === null) return;
-
-    const badge = (
-        <sup data-bspk="badge" data-size={size} data-surface-border={surfaceBorder || undefined} data-variant={variant}>
-            {count > 99 ? '99+' : count}
-        </sup>
-    );
-
-    if (children) {
-        return (
-            <span data-bspk="badge-wrapper">
-                {children}
-                {badge}
-            </span>
-        );
-    }
-
-    return badge;
-}
-
-// position: relative;
-// display: -webkit-inline-box;
-// display: -webkit-inline-flex;
-// display: -ms-inline-flexbox;
-// display: inline-flex
-// ;
-// vertical-align: middle;
-// -webkit-flex-shrink: 0;
-// -ms-flex-negative: 0;
-// flex-shrink: 0;
-
-Badge.bspkName = 'Badge';
-
-export { Badge };
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */