@kismet-ux/constellation 1.0.0

package/dist/ui/Toggle/toggle-variants.js

@@ -0,0 +1,45 @@
+import { cva } from 'class-variance-authority';
+import s from './toggle.module.scss.js';
+
+const toggleVariants = cva(s.toggle, {
+    variants: {
+        variant: {
+            contained: s['toggle--contained'],
+            outlined: s['toggle--outlined'],
+            ghost: s['toggle--ghost'],
+        },
+        theme: {
+            primary: s['toggle--primary'],
+            secondary: s['toggle--secondary'],
+            destructive: s['toggle--destructive'],
+            warning: s['toggle--warning'],
+            success: s['toggle--success'],
+            info: s['toggle--info'],
+            slate: s['toggle--slate'],
+            inherit: s['toggle--inherit'],
+        },
+        size: {
+            xs: s['toggle--xs'],
+            sm: s['toggle--sm'],
+            md: s['toggle--md'],
+            lg: s['toggle--lg'],
+        },
+        iconOnly: {
+            true: s['toggle--icon-only'],
+        },
+        rounded: {
+            true: s['toggle--rounded'],
+            false: undefined,
+            extra: s['toggle--extra-rounded'],
+        },
+    },
+    defaultVariants: {
+        variant: 'ghost',
+        theme: 'primary',
+        size: 'md',
+        rounded: 'extra',
+    },
+});
+
+export { toggleVariants };
+//# sourceMappingURL=toggle-variants.js.map

package/dist/ui/Toggle/toggle-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-variants.js","sources":["../../../src/ui/Toggle/toggle-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport s from './toggle.module.scss';\n\nexport const toggleVariants = cva(s.toggle, {\n  variants: {\n    variant: {\n      contained: s['toggle--contained'],\n      outlined: s['toggle--outlined'],\n      ghost: s['toggle--ghost'],\n    },\n    theme: {\n      primary: s['toggle--primary'],\n      secondary: s['toggle--secondary'],\n      destructive: s['toggle--destructive'],\n      warning: s['toggle--warning'],\n      success: s['toggle--success'],\n      info: s['toggle--info'],\n      slate: s['toggle--slate'],\n      inherit: s['toggle--inherit'],\n    },\n    size: {\n      xs: s['toggle--xs'],\n      sm: s['toggle--sm'],\n      md: s['toggle--md'],\n      lg: s['toggle--lg'],\n    },\n    iconOnly: {\n      true: s['toggle--icon-only'],\n    },\n    rounded: {\n      true: s['toggle--rounded'],\n      false: undefined,\n      extra: s['toggle--extra-rounded'],\n    },\n  },\n  defaultVariants: {\n    variant: 'ghost',\n    theme: 'primary',\n    size: 'md',\n    rounded: 'extra',\n  },\n});\n"],"names":[],"mappings":";;;MAGa,cAAc,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE;AAC1C,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC;AACjC,YAAA,QAAQ,EAAE,CAAC,CAAC,kBAAkB,CAAC;AAC/B,YAAA,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;AAC1B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC7B,YAAA,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC;AACjC,YAAA,WAAW,EAAE,CAAC,CAAC,qBAAqB,CAAC;AACrC,YAAA,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC7B,YAAA,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC7B,YAAA,IAAI,EAAE,CAAC,CAAC,cAAc,CAAC;AACvB,YAAA,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;AACzB,YAAA,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC9B,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC;AACnB,YAAA,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC;AACnB,YAAA,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC;AACnB,YAAA,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC;AACpB,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,CAAC,CAAC,mBAAmB,CAAC;AAC7B,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC1B,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,KAAK,EAAE,CAAC,CAAC,uBAAuB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;"}

package/dist/ui/Toggle/toggle.d.ts

@@ -0,0 +1,12 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { toggleVariants } from './toggle-variants';
+export interface ToggleProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'>, VariantProps<typeof toggleVariants> {
+    pressed?: boolean;
+    defaultPressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    value?: string;
+}
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export { Toggle };
+//# sourceMappingURL=toggle.d.ts.map

package/dist/ui/Toggle/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/ui/Toggle/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKnD,MAAM,WAAW,WACf,SACE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,MAAM,uFAyEX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/ui/Toggle/toggle.js

@@ -0,0 +1,49 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'clsx';
+import * as React from 'react';
+import { createRipple } from '../../internal/create-ripple.js';
+import { ToggleGroupContext } from './toggle-group-context.js';
+import { toggleVariants } from './toggle-variants.js';
+import s from './toggle.module.scss.js';
+
+const Toggle = React.forwardRef(({ className, variant, theme, size, rounded, iconOnly, pressed: controlledPressed, defaultPressed = false, onPressedChange, onClick, value, ...props }, ref) => {
+    const groupCtx = React.useContext(ToggleGroupContext);
+    const resolvedVariant = variant ?? groupCtx?.variant ?? undefined;
+    const resolvedTheme = theme ?? groupCtx?.theme ?? undefined;
+    const resolvedSize = size ?? groupCtx?.size ?? undefined;
+    const resolvedRounded = rounded ?? groupCtx?.rounded ?? undefined;
+    const resolvedIconOnly = iconOnly ?? groupCtx?.iconOnly ?? undefined;
+    const isInGroup = groupCtx !== null && value !== undefined;
+    const groupPressed = isInGroup ? (groupCtx.value?.includes(value) ?? false) : undefined;
+    const [internalPressed, setInternalPressed] = React.useState(defaultPressed);
+    const pressed = isInGroup
+        ? groupPressed
+        : controlledPressed !== undefined
+            ? controlledPressed
+            : internalPressed;
+    const handleClick = (e) => {
+        createRipple(e, s['ripple']);
+        if (isInGroup) {
+            groupCtx.onItemToggle?.(value);
+        }
+        else {
+            const next = !pressed;
+            if (controlledPressed === undefined) {
+                setInternalPressed(next);
+            }
+            onPressedChange?.(next);
+        }
+        onClick?.(e);
+    };
+    return (jsx("button", { ref: ref, type: 'button', role: 'switch', "aria-pressed": pressed, "data-slot": isInGroup ? 'toggle-group-item' : 'toggle', "data-state": pressed ? 'on' : 'off', className: cn(toggleVariants({
+            variant: resolvedVariant,
+            theme: resolvedTheme,
+            size: resolvedSize,
+            rounded: resolvedRounded,
+            iconOnly: resolvedIconOnly,
+        }), className), onClick: handleClick, ...props }));
+});
+Toggle.displayName = 'Toggle';
+
+export { Toggle };
+//# sourceMappingURL=toggle.js.map

package/dist/ui/Toggle/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sources":["../../../src/ui/Toggle/toggle.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport { createRipple } from '../../internal/create-ripple';\nimport { ToggleGroupContext } from './toggle-group-context';\nimport { toggleVariants } from './toggle-variants';\nimport s from './toggle.module.scss';\n\n// ── Toggle ──────────────────────────────────────────────\n\nexport interface ToggleProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'>,\n    VariantProps<typeof toggleVariants> {\n  pressed?: boolean;\n  defaultPressed?: boolean;\n  onPressedChange?: (pressed: boolean) => void;\n  value?: string;\n}\n\nconst Toggle = React.forwardRef<HTMLButtonElement, ToggleProps>(\n  (\n    {\n      className,\n      variant,\n      theme,\n      size,\n      rounded,\n      iconOnly,\n      pressed: controlledPressed,\n      defaultPressed = false,\n      onPressedChange,\n      onClick,\n      value,\n      ...props\n    },\n    ref,\n  ) => {\n    const groupCtx = React.useContext(ToggleGroupContext);\n    const resolvedVariant = variant ?? groupCtx?.variant ?? undefined;\n    const resolvedTheme = theme ?? groupCtx?.theme ?? undefined;\n    const resolvedSize = size ?? groupCtx?.size ?? undefined;\n    const resolvedRounded = rounded ?? groupCtx?.rounded ?? undefined;\n    const resolvedIconOnly = iconOnly ?? groupCtx?.iconOnly ?? undefined;\n\n    const isInGroup = groupCtx !== null && value !== undefined;\n    const groupPressed = isInGroup ? (groupCtx.value?.includes(value) ?? false) : undefined;\n\n    const [internalPressed, setInternalPressed] = React.useState(defaultPressed);\n    const pressed = isInGroup\n      ? groupPressed!\n      : controlledPressed !== undefined\n        ? controlledPressed\n        : internalPressed;\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      createRipple(e, s['ripple']);\n\n      if (isInGroup) {\n        groupCtx.onItemToggle?.(value);\n      } else {\n        const next = !pressed;\n        if (controlledPressed === undefined) {\n          setInternalPressed(next);\n        }\n        onPressedChange?.(next);\n      }\n      onClick?.(e);\n    };\n\n    return (\n      <button\n        ref={ref}\n        type={'button'}\n        role={'switch'}\n        aria-pressed={pressed}\n        data-slot={isInGroup ? 'toggle-group-item' : 'toggle'}\n        data-state={pressed ? 'on' : 'off'}\n        className={cn(\n          toggleVariants({\n            variant: resolvedVariant,\n            theme: resolvedTheme,\n            size: resolvedSize,\n            rounded: resolvedRounded,\n            iconOnly: resolvedIconOnly,\n          }),\n          className,\n        )}\n        onClick={handleClick}\n        {...props}\n      />\n    );\n  },\n);\nToggle.displayName = 'Toggle';\n\nexport { Toggle };\n"],"names":["_jsx"],"mappings":";;;;;;;;AAoBA,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,EACE,SAAS,EACT,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EAAE,iBAAiB,EAC1B,cAAc,GAAG,KAAK,EACtB,eAAe,EACf,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC;IACrD,MAAM,eAAe,GAAG,OAAO,IAAI,QAAQ,EAAE,OAAO,IAAI,SAAS;IACjE,MAAM,aAAa,GAAG,KAAK,IAAI,QAAQ,EAAE,KAAK,IAAI,SAAS;IAC3D,MAAM,YAAY,GAAG,IAAI,IAAI,QAAQ,EAAE,IAAI,IAAI,SAAS;IACxD,MAAM,eAAe,GAAG,OAAO,IAAI,QAAQ,EAAE,OAAO,IAAI,SAAS;IACjE,MAAM,gBAAgB,GAAG,QAAQ,IAAI,QAAQ,EAAE,QAAQ,IAAI,SAAS;IAEpE,MAAM,SAAS,GAAG,QAAQ,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;IAC1D,MAAM,YAAY,GAAG,SAAS,IAAI,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,SAAS;AAEvF,IAAA,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC;IAC5E,MAAM,OAAO,GAAG;AACd,UAAE;UACA,iBAAiB,KAAK;AACtB,cAAE;cACA,eAAe;AAErB,IAAA,MAAM,WAAW,GAAG,CAAC,CAAsC,KAAI;QAC7D,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;QAE5B,IAAI,SAAS,EAAE;AACb,YAAA,QAAQ,CAAC,YAAY,GAAG,KAAK,CAAC;QAChC;aAAO;AACL,YAAA,MAAM,IAAI,GAAG,CAAC,OAAO;AACrB,YAAA,IAAI,iBAAiB,KAAK,SAAS,EAAE;gBACnC,kBAAkB,CAAC,IAAI,CAAC;YAC1B;AACA,YAAA,eAAe,GAAG,IAAI,CAAC;QACzB;AACA,QAAA,OAAO,GAAG,CAAC,CAAC;AACd,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,QAAQ,EAAA,cAAA,EACA,OAAO,EAAA,WAAA,EACV,SAAS,GAAG,mBAAmB,GAAG,QAAQ,gBACzC,OAAO,GAAG,IAAI,GAAG,KAAK,EAClC,SAAS,EAAE,EAAE,CACX,cAAc,CAAC;AACb,YAAA,OAAO,EAAE,eAAe;AACxB,YAAA,KAAK,EAAE,aAAa;AACpB,YAAA,IAAI,EAAE,YAAY;AAClB,YAAA,OAAO,EAAE,eAAe;AACxB,YAAA,QAAQ,EAAE,gBAAgB;SAC3B,CAAC,EACF,SAAS,CACV,EACD,OAAO,EAAE,WAAW,EAAA,GAChB,KAAK,EAAA,CACT;AAEN,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ;;"}

package/dist/ui/Toggle/toggle.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"toggle":"toggle-module_toggle__-ixxR","ripple":"toggle-module_ripple__9xLcz","toggle--rounded":"toggle-module_toggle--rounded__7CRrg","toggle--extra-rounded":"toggle-module_toggle--extra-rounded__sNBlZ","toggle--contained":"toggle-module_toggle--contained__pHP91","toggle--primary":"toggle-module_toggle--primary__Wif18","toggle--secondary":"toggle-module_toggle--secondary__x-0Ii","toggle--destructive":"toggle-module_toggle--destructive__y-18Q","toggle--warning":"toggle-module_toggle--warning__VU7oI","toggle--success":"toggle-module_toggle--success__NtSlg","toggle--info":"toggle-module_toggle--info__1OCEQ","toggle--slate":"toggle-module_toggle--slate__gCtNh","toggle--inherit":"toggle-module_toggle--inherit__R94cE","toggle--outlined":"toggle-module_toggle--outlined__-eSCX","toggle--ghost":"toggle-module_toggle--ghost__2Zp8m","toggle--xs":"toggle-module_toggle--xs__YB5zx","toggle--sm":"toggle-module_toggle--sm__TfqxS","toggle--md":"toggle-module_toggle--md__uIXSK","toggle--lg":"toggle-module_toggle--lg__P8112","toggle--icon-only":"toggle-module_toggle--icon-only__q5Joh"};
+
+export { s as default };
+//# sourceMappingURL=toggle.module.scss.js.map

package/dist/ui/Toggle/toggle.module.scss.js.map

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

package/dist/ui/ToggleGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './toggle-group';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/ToggleGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ToggleGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/ui/ToggleGroup/toggle-group.d.ts

@@ -0,0 +1,24 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { toggleVariants } from '../Toggle/toggle-variants';
+type ToggleGroupBaseProps = VariantProps<typeof toggleVariants> & {
+    className?: string;
+    children?: React.ReactNode;
+    stretch?: boolean;
+};
+type ToggleGroupSingleProps = ToggleGroupBaseProps & {
+    type: 'single';
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+};
+type ToggleGroupMultipleProps = ToggleGroupBaseProps & {
+    type: 'multiple';
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+};
+export type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
+declare const ToggleGroup: React.ForwardRefExoticComponent<ToggleGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { ToggleGroup };
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/ui/ToggleGroup/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/ui/ToggleGroup/toggle-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAK3D,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,sBAAsB,GAAG,oBAAoB,GAAG;IACnD,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,KAAK,wBAAwB,GAAG,oBAAoB,GAAG;IACrD,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;AAEjF,QAAA,MAAM,WAAW,yFAqGhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/ui/ToggleGroup/toggle-group.js

@@ -0,0 +1,80 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'clsx';
+import * as React from 'react';
+import { mergeRefs } from '../../internal/merge-refs.js';
+import { ToggleGroupContext } from '../Toggle/toggle-group-context.js';
+import s from './toggle-group.module.scss.js';
+
+const ToggleGroup = React.forwardRef(({ className, variant, theme, size, rounded, iconOnly, stretch, type, children, ...props }, ref) => {
+    const isSingle = type === 'single';
+    const singleProps = props;
+    const multiProps = props;
+    const [internalValue, setInternalValue] = React.useState(() => {
+        if (isSingle) {
+            return singleProps.value !== undefined
+                ? [singleProps.value]
+                : singleProps.defaultValue !== undefined
+                    ? [singleProps.defaultValue]
+                    : [];
+        }
+        return multiProps.value ?? multiProps.defaultValue ?? [];
+    });
+    const isControlled = isSingle
+        ? singleProps.value !== undefined
+        : multiProps.value !== undefined;
+    const currentValue = React.useMemo(() => isControlled
+        ? isSingle
+            ? singleProps.value
+                ? [singleProps.value]
+                : []
+            : (multiProps.value ?? [])
+        : internalValue, [isControlled, isSingle, singleProps.value, multiProps.value, internalValue]);
+    const onItemToggle = React.useCallback((itemValue) => {
+        if (isSingle) {
+            const next = currentValue.includes(itemValue) ? '' : itemValue;
+            if (!isControlled)
+                setInternalValue(next ? [next] : []);
+            singleProps.onValueChange?.(next);
+        }
+        else {
+            const next = currentValue.includes(itemValue)
+                ? currentValue.filter(v => v !== itemValue)
+                : [...currentValue, itemValue];
+            if (!isControlled)
+                setInternalValue(next);
+            multiProps.onValueChange?.(next);
+        }
+    }, [currentValue, isControlled, isSingle, singleProps, multiProps]);
+    const groupRef = React.useRef(null);
+    const handleKeyDown = (e) => {
+        const items = groupRef.current?.querySelectorAll('[data-slot="toggle-group-item"]');
+        if (!items?.length)
+            return;
+        const itemArray = Array.from(items);
+        const currentIndex = itemArray.indexOf(document.activeElement);
+        if (currentIndex === -1)
+            return;
+        let nextIndex = null;
+        if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {
+            nextIndex = (currentIndex + 1) % itemArray.length;
+        }
+        else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {
+            nextIndex = (currentIndex - 1 + itemArray.length) % itemArray.length;
+        }
+        else if (e.key === 'Home') {
+            nextIndex = 0;
+        }
+        else if (e.key === 'End') {
+            nextIndex = itemArray.length - 1;
+        }
+        if (nextIndex !== null) {
+            e.preventDefault();
+            itemArray[nextIndex].focus();
+        }
+    };
+    return (jsx("div", { ref: mergeRefs(groupRef, ref), "data-slot": 'toggle-group', "data-variant": variant, "data-theme": theme ?? 'primary', "data-rounded": rounded !== undefined ? String(rounded) : undefined, "data-stretch": stretch || undefined, role: 'group', className: cn(s['toggle-group'], className), onKeyDown: handleKeyDown, children: jsx(ToggleGroupContext.Provider, { value: { variant, theme, size, rounded, iconOnly, value: currentValue, onItemToggle }, children: children }) }));
+});
+ToggleGroup.displayName = 'ToggleGroup';
+
+export { ToggleGroup };
+//# sourceMappingURL=toggle-group.js.map

package/dist/ui/ToggleGroup/toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","sources":["../../../src/ui/ToggleGroup/toggle-group.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport { mergeRefs } from '../../internal/merge-refs';\nimport { ToggleGroupContext } from '../Toggle/toggle-group-context';\nimport { toggleVariants } from '../Toggle/toggle-variants';\nimport s from './toggle-group.module.scss';\n\n// ── Root ─────────────────────────────────────────────────\n\ntype ToggleGroupBaseProps = VariantProps<typeof toggleVariants> & {\n  className?: string;\n  children?: React.ReactNode;\n  stretch?: boolean;\n};\n\ntype ToggleGroupSingleProps = ToggleGroupBaseProps & {\n  type: 'single';\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n};\n\ntype ToggleGroupMultipleProps = ToggleGroupBaseProps & {\n  type: 'multiple';\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (value: string[]) => void;\n};\n\nexport type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;\n\nconst ToggleGroup = React.forwardRef<HTMLDivElement, ToggleGroupProps>(\n  (\n    { className, variant, theme, size, rounded, iconOnly, stretch, type, children, ...props },\n    ref,\n  ) => {\n    const isSingle = type === 'single';\n    const singleProps = props as Omit<ToggleGroupSingleProps, keyof ToggleGroupBaseProps | 'type'>;\n    const multiProps = props as Omit<ToggleGroupMultipleProps, keyof ToggleGroupBaseProps | 'type'>;\n\n    const [internalValue, setInternalValue] = React.useState<string[]>(() => {\n      if (isSingle) {\n        return singleProps.value !== undefined\n          ? [singleProps.value]\n          : singleProps.defaultValue !== undefined\n            ? [singleProps.defaultValue]\n            : [];\n      }\n      return multiProps.value ?? multiProps.defaultValue ?? [];\n    });\n\n    const isControlled = isSingle\n      ? singleProps.value !== undefined\n      : multiProps.value !== undefined;\n    const currentValue = React.useMemo(\n      () =>\n        isControlled\n          ? isSingle\n            ? singleProps.value\n              ? [singleProps.value]\n              : []\n            : (multiProps.value ?? [])\n          : internalValue,\n      [isControlled, isSingle, singleProps.value, multiProps.value, internalValue],\n    );\n\n    const onItemToggle = React.useCallback(\n      (itemValue: string) => {\n        if (isSingle) {\n          const next = currentValue.includes(itemValue) ? '' : itemValue;\n          if (!isControlled) setInternalValue(next ? [next] : []);\n          singleProps.onValueChange?.(next);\n        } else {\n          const next = currentValue.includes(itemValue)\n            ? currentValue.filter(v => v !== itemValue)\n            : [...currentValue, itemValue];\n          if (!isControlled) setInternalValue(next);\n          multiProps.onValueChange?.(next);\n        }\n      },\n      [currentValue, isControlled, isSingle, singleProps, multiProps],\n    );\n\n    const groupRef = React.useRef<HTMLDivElement>(null);\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      const items = groupRef.current?.querySelectorAll<HTMLButtonElement>(\n        '[data-slot=\"toggle-group-item\"]',\n      );\n      if (!items?.length) return;\n\n      const itemArray = Array.from(items);\n      const currentIndex = itemArray.indexOf(document.activeElement as HTMLButtonElement);\n      if (currentIndex === -1) return;\n\n      let nextIndex: number | null = null;\n      if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n        nextIndex = (currentIndex + 1) % itemArray.length;\n      } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n        nextIndex = (currentIndex - 1 + itemArray.length) % itemArray.length;\n      } else if (e.key === 'Home') {\n        nextIndex = 0;\n      } else if (e.key === 'End') {\n        nextIndex = itemArray.length - 1;\n      }\n\n      if (nextIndex !== null) {\n        e.preventDefault();\n        itemArray[nextIndex].focus();\n      }\n    };\n\n    return (\n      <div\n        ref={mergeRefs(groupRef, ref)}\n        data-slot={'toggle-group'}\n        data-variant={variant}\n        data-theme={theme ?? 'primary'}\n        data-rounded={rounded !== undefined ? String(rounded) : undefined}\n        data-stretch={stretch || undefined}\n        role={'group'}\n        className={cn(s['toggle-group'], className)}\n        onKeyDown={handleKeyDown}\n      >\n        <ToggleGroupContext.Provider\n          value={{ variant, theme, size, rounded, iconOnly, value: currentValue, onItemToggle }}\n        >\n          {children}\n        </ToggleGroupContext.Provider>\n      </div>\n    );\n  },\n);\nToggleGroup.displayName = 'ToggleGroup';\n\nexport { ToggleGroup };\n"],"names":["_jsx"],"mappings":"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"}

package/dist/ui/ToggleGroup/toggle-group.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"toggle-group":"toggle-group-module_toggle-group__WWtdM"};
+
+export { s as default };
+//# sourceMappingURL=toggle-group.module.scss.js.map

package/dist/ui/ToggleGroup/toggle-group.module.scss.js.map

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

package/dist/ui/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/Tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/ui/Tooltip/tooltip.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+declare function TooltipProvider({ children, delayDuration, }: {
+    children?: React.ReactNode;
+    delayDuration?: number;
+}): React.JSX.Element;
+export interface TooltipProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    delayDuration?: number;
+}
+declare function Tooltip({ children, open: controlledOpen, defaultOpen, onOpenChange, delayDuration, }: TooltipProps): React.JSX.Element;
+export interface TooltipTriggerProps extends React.HTMLAttributes<HTMLElement> {
+    asChild?: boolean;
+}
+declare function TooltipTrigger({ asChild, children, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: TooltipTriggerProps): React.JSX.Element;
+export interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+}
+declare function TooltipContent({ className, children, side, sideOffset, ...props }: TooltipContentProps): React.ReactPortal | null;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/ui/Tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/ui/Tooltip/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+C/B,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,aAAwC,GACzC,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,qBAMA;AAID,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,aAAa,GACd,EAAE,YAAY,qBAqBd;AAID,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,mBAAmB,qBA6ErB;AAID,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAY,EACZ,UAAc,EACd,GAAG,KAAK,EACT,EAAE,mBAAmB,4BAwGrB;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}

package/dist/ui/Tooltip/tooltip.js

@@ -0,0 +1,192 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import cn from 'clsx';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { mergeRefs } from '../../internal/merge-refs.js';
+import { useAnimationState } from '../../internal/use-animation-state.js';
+import s from './tooltip.module.scss.js';
+
+const TooltipContext = React.createContext(null);
+function useTooltipContext() {
+    const ctx = React.useContext(TooltipContext);
+    if (!ctx)
+        throw new Error('Tooltip compound components must be used within <Tooltip>');
+    return ctx;
+}
+// ── Provider ─────────────────────────────────────────────
+/**
+ * Default hover-intent delay for tooltips across the design system,
+ * in milliseconds. Applied when neither `<Tooltip delayDuration={...}>`
+ * nor an ancestor `<TooltipProvider delayDuration={...}>` overrides it.
+ * Matches Radix / Material defaults for hover intent.
+ */
+const DEFAULT_TOOLTIP_DELAY_MS = 150;
+/**
+ * Sets a default `delayDuration` for descendant `<Tooltip>` instances.
+ * Wrapping is optional — every `<Tooltip>` inherits the global default
+ * (`DEFAULT_TOOLTIP_DELAY_MS`) without a Provider. Use the Provider to
+ * override the default for a subtree (e.g. `delayDuration={0}` to make
+ * a cluster of tooltips instant).
+ */
+const TooltipDefaultDelayContext = React.createContext(DEFAULT_TOOLTIP_DELAY_MS);
+function TooltipProvider({ children, delayDuration = DEFAULT_TOOLTIP_DELAY_MS, }) {
+    return (jsx(TooltipDefaultDelayContext.Provider, { value: delayDuration, children: children }));
+}
+function Tooltip({ children, open: controlledOpen, defaultOpen = false, onOpenChange, delayDuration, }) {
+    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+    const isControlled = controlledOpen !== undefined;
+    const open = isControlled ? controlledOpen : internalOpen;
+    const triggerRef = React.useRef(null);
+    const inheritedDelay = React.useContext(TooltipDefaultDelayContext);
+    const effectiveDelay = delayDuration ?? inheritedDelay;
+    const setOpen = React.useCallback((next) => {
+        if (!isControlled)
+            setInternalOpen(next);
+        onOpenChange?.(next);
+    }, [isControlled, onOpenChange]);
+    return (jsx(TooltipContext.Provider, { value: { open, triggerRef, setOpen, delayDuration: effectiveDelay }, children: children }));
+}
+function TooltipTrigger({ asChild, children, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }) {
+    const { setOpen, triggerRef, delayDuration } = useTooltipContext();
+    const openTimerRef = React.useRef(null);
+    const clearPendingOpen = React.useCallback(() => {
+        if (openTimerRef.current !== null) {
+            clearTimeout(openTimerRef.current);
+            openTimerRef.current = null;
+        }
+    }, []);
+    // Ensure any pending hover-open timer is cleared if the trigger
+    // unmounts mid-delay — otherwise we'd call setOpen on an unmounted tree.
+    React.useEffect(() => clearPendingOpen, [clearPendingOpen]);
+    // Hover open honors the resolved delay (defaults to 0 = instant).
+    // Keyboard focus opens instantly — keyboard users expect immediate
+    // feedback and there's no "transient hover" noise to suppress.
+    const handlers = {
+        onMouseEnter: (e) => {
+            onMouseEnter?.(e);
+            clearPendingOpen();
+            if (delayDuration > 0) {
+                openTimerRef.current = setTimeout(() => {
+                    openTimerRef.current = null;
+                    setOpen(true);
+                }, delayDuration);
+            }
+            else {
+                setOpen(true);
+            }
+        },
+        onMouseLeave: (e) => {
+            onMouseLeave?.(e);
+            clearPendingOpen();
+            setOpen(false);
+        },
+        onFocus: (e) => {
+            onFocus?.(e);
+            clearPendingOpen();
+            setOpen(true);
+        },
+        onBlur: (e) => {
+            onBlur?.(e);
+            clearPendingOpen();
+            setOpen(false);
+        },
+    };
+    if (asChild && React.isValidElement(children)) {
+        const child = children;
+        const childProps = (child.props ?? {});
+        const composeHandler = (ours, theirs) => typeof theirs === 'function'
+            ? (e) => {
+                theirs(e);
+                ours(e);
+            }
+            : ours;
+        return React.cloneElement(child, {
+            ...props,
+            onMouseEnter: composeHandler(handlers.onMouseEnter, childProps.onMouseEnter),
+            onMouseLeave: composeHandler(handlers.onMouseLeave, childProps.onMouseLeave),
+            onFocus: composeHandler(handlers.onFocus, childProps.onFocus),
+            onBlur: composeHandler(handlers.onBlur, childProps.onBlur),
+            ref: mergeRefs(triggerRef, childProps.ref),
+        });
+    }
+    return (jsx("span", { "data-slot": 'tooltip-trigger', ref: triggerRef, ...handlers, ...props, children: children }));
+}
+function TooltipContent({ className, children, side = 'top', sideOffset = 8, ...props }) {
+    const { open, triggerRef } = useTooltipContext();
+    const { mounted, state } = useAnimationState(open, 150);
+    const contentRef = React.useRef(null);
+    const [positioned, setPositioned] = React.useState(false);
+    const [position, setPosition] = React.useState({});
+    const [resolvedSide, setResolvedSide] = React.useState(side);
+    // Reset positioned flag when unmounted so next open re-measures
+    React.useEffect(() => {
+        if (!mounted)
+            setPositioned(false);
+    }, [mounted]);
+    const calcPosition = React.useCallback(() => {
+        const node = contentRef.current;
+        if (!node || !triggerRef.current)
+            return;
+        const triggerRect = triggerRef.current.getBoundingClientRect();
+        const contentRect = node.getBoundingClientRect();
+        let top;
+        let left;
+        let actualSide = side;
+        switch (side) {
+            case 'top': {
+                top = triggerRect.top - sideOffset - contentRect.height;
+                left = triggerRect.left + (triggerRect.width - contentRect.width) / 2;
+                if (top < 0) {
+                    top = triggerRect.bottom + sideOffset;
+                    actualSide = 'bottom';
+                }
+                break;
+            }
+            case 'bottom': {
+                top = triggerRect.bottom + sideOffset;
+                left = triggerRect.left + (triggerRect.width - contentRect.width) / 2;
+                break;
+            }
+            case 'left': {
+                top = triggerRect.top + (triggerRect.height - contentRect.height) / 2;
+                left = triggerRect.left - sideOffset - contentRect.width;
+                break;
+            }
+            case 'right': {
+                top = triggerRect.top + (triggerRect.height - contentRect.height) / 2;
+                left = triggerRect.right + sideOffset;
+                break;
+            }
+        }
+        setResolvedSide(actualSide);
+        setPosition({ position: 'fixed', top, left, zIndex: 50 });
+        setPositioned(true);
+    }, [side, sideOffset, triggerRef]);
+    // Measure + position via ref callback (fires after DOM mount)
+    const measureRef = React.useCallback((node) => {
+        contentRef.current = node;
+        if (node && mounted && triggerRef.current) {
+            calcPosition();
+        }
+    }, [mounted, triggerRef, calcPosition]);
+    // Reposition on scroll/resize so the tooltip tracks the trigger.
+    React.useEffect(() => {
+        if (!mounted)
+            return;
+        window.addEventListener('scroll', calcPosition, true);
+        window.addEventListener('resize', calcPosition);
+        return () => {
+            window.removeEventListener('scroll', calcPosition, true);
+            window.removeEventListener('resize', calcPosition);
+        };
+    }, [mounted, calcPosition]);
+    if (!mounted)
+        return null;
+    const isReady = positioned && state !== 'idle';
+    return createPortal(jsx("div", { ref: measureRef, style: isReady
+            ? { ...position, pointerEvents: 'none' }
+            : { position: 'fixed', visibility: 'hidden', zIndex: 50, pointerEvents: 'none' }, children: jsxs("div", { "data-slot": 'tooltip-content', "data-side": resolvedSide, "data-state": state === 'idle' ? undefined : state === 'open' ? 'delayed-open' : state, className: cn(s['tooltip-content'], className), ...props, children: [children, jsx("span", { className: s['tooltip-arrow'], "aria-hidden": 'true' })] }) }), document.body);
+}
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=tooltip.js.map

package/dist/ui/Tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../../../src/ui/Tooltip/tooltip.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { mergeRefs } from '../../internal/merge-refs';\nimport { useAnimationState } from '../../internal/use-animation-state';\nimport s from './tooltip.module.scss';\n\n// ── Context ──────────────────────────────────────────────\n\ntype TooltipContextValue = {\n  open: boolean;\n  triggerRef: React.RefObject<HTMLElement | null>;\n  setOpen: (open: boolean) => void;\n  /**\n   * Milliseconds to wait on hover-enter before showing the tooltip.\n   * `0` means show instantly. Resolved at <Tooltip> from its own\n   * `delayDuration` prop with fallback to the <TooltipProvider> default.\n   */\n  delayDuration: number;\n};\n\nconst TooltipContext = React.createContext<TooltipContextValue | null>(null);\n\nfunction useTooltipContext() {\n  const ctx = React.useContext(TooltipContext);\n  if (!ctx) throw new Error('Tooltip compound components must be used within <Tooltip>');\n  return ctx;\n}\n\n// ── Provider ─────────────────────────────────────────────\n\n/**\n * Default hover-intent delay for tooltips across the design system,\n * in milliseconds. Applied when neither `<Tooltip delayDuration={...}>`\n * nor an ancestor `<TooltipProvider delayDuration={...}>` overrides it.\n * Matches Radix / Material defaults for hover intent.\n */\nconst DEFAULT_TOOLTIP_DELAY_MS = 150;\n\n/**\n * Sets a default `delayDuration` for descendant `<Tooltip>` instances.\n * Wrapping is optional — every `<Tooltip>` inherits the global default\n * (`DEFAULT_TOOLTIP_DELAY_MS`) without a Provider. Use the Provider to\n * override the default for a subtree (e.g. `delayDuration={0}` to make\n * a cluster of tooltips instant).\n */\nconst TooltipDefaultDelayContext = React.createContext<number>(DEFAULT_TOOLTIP_DELAY_MS);\n\nfunction TooltipProvider({\n  children,\n  delayDuration = DEFAULT_TOOLTIP_DELAY_MS,\n}: {\n  children?: React.ReactNode;\n  delayDuration?: number;\n}) {\n  return (\n    <TooltipDefaultDelayContext.Provider value={delayDuration}>\n      {children}\n    </TooltipDefaultDelayContext.Provider>\n  );\n}\n\n// ── Root ─────────────────────────────────────────────────\n\nexport interface TooltipProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  delayDuration?: number;\n}\n\nfunction Tooltip({\n  children,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  delayDuration,\n}: TooltipProps) {\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n  const inheritedDelay = React.useContext(TooltipDefaultDelayContext);\n  const effectiveDelay = delayDuration ?? inheritedDelay;\n\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  return (\n    <TooltipContext.Provider value={{ open, triggerRef, setOpen, delayDuration: effectiveDelay }}>\n      {children}\n    </TooltipContext.Provider>\n  );\n}\n\n// ── Trigger ──────────────────────────────────────────────\n\nexport interface TooltipTriggerProps extends React.HTMLAttributes<HTMLElement> {\n  asChild?: boolean;\n}\n\nfunction TooltipTrigger({\n  asChild,\n  children,\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  ...props\n}: TooltipTriggerProps) {\n  const { setOpen, triggerRef, delayDuration } = useTooltipContext();\n  const openTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearPendingOpen = React.useCallback(() => {\n    if (openTimerRef.current !== null) {\n      clearTimeout(openTimerRef.current);\n      openTimerRef.current = null;\n    }\n  }, []);\n\n  // Ensure any pending hover-open timer is cleared if the trigger\n  // unmounts mid-delay — otherwise we'd call setOpen on an unmounted tree.\n  React.useEffect(() => clearPendingOpen, [clearPendingOpen]);\n\n  // Hover open honors the resolved delay (defaults to 0 = instant).\n  // Keyboard focus opens instantly — keyboard users expect immediate\n  // feedback and there's no \"transient hover\" noise to suppress.\n  const handlers = {\n    onMouseEnter: (e: React.MouseEvent<HTMLElement>) => {\n      onMouseEnter?.(e);\n      clearPendingOpen();\n      if (delayDuration > 0) {\n        openTimerRef.current = setTimeout(() => {\n          openTimerRef.current = null;\n          setOpen(true);\n        }, delayDuration);\n      } else {\n        setOpen(true);\n      }\n    },\n    onMouseLeave: (e: React.MouseEvent<HTMLElement>) => {\n      onMouseLeave?.(e);\n      clearPendingOpen();\n      setOpen(false);\n    },\n    onFocus: (e: React.FocusEvent<HTMLElement>) => {\n      onFocus?.(e);\n      clearPendingOpen();\n      setOpen(true);\n    },\n    onBlur: (e: React.FocusEvent<HTMLElement>) => {\n      onBlur?.(e);\n      clearPendingOpen();\n      setOpen(false);\n    },\n  };\n\n  if (asChild && React.isValidElement(children)) {\n    const child = children as React.ReactElement<Record<string, unknown>>;\n    const childProps = (child.props ?? {}) as Record<string, unknown> & {\n      ref?: React.Ref<HTMLElement>;\n    };\n\n    const composeHandler = <E,>(ours: (e: E) => void, theirs: unknown): ((e: E) => void) =>\n      typeof theirs === 'function'\n        ? (e: E) => {\n            (theirs as (e: E) => void)(e);\n            ours(e);\n          }\n        : ours;\n\n    return React.cloneElement(child, {\n      ...props,\n      onMouseEnter: composeHandler(handlers.onMouseEnter, childProps.onMouseEnter),\n      onMouseLeave: composeHandler(handlers.onMouseLeave, childProps.onMouseLeave),\n      onFocus: composeHandler(handlers.onFocus, childProps.onFocus),\n      onBlur: composeHandler(handlers.onBlur, childProps.onBlur),\n      ref: mergeRefs(triggerRef, childProps.ref),\n    });\n  }\n\n  return (\n    <span data-slot={'tooltip-trigger'} ref={triggerRef} {...handlers} {...props}>\n      {children}\n    </span>\n  );\n}\n\n// ── Content ──────────────────────────────────────────────\n\nexport interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  sideOffset?: number;\n}\n\nfunction TooltipContent({\n  className,\n  children,\n  side = 'top',\n  sideOffset = 8,\n  ...props\n}: TooltipContentProps) {\n  const { open, triggerRef } = useTooltipContext();\n  const { mounted, state } = useAnimationState(open, 150);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [positioned, setPositioned] = React.useState(false);\n  const [position, setPosition] = React.useState<React.CSSProperties>({});\n  const [resolvedSide, setResolvedSide] = React.useState(side);\n\n  // Reset positioned flag when unmounted so next open re-measures\n  React.useEffect(() => {\n    if (!mounted) setPositioned(false);\n  }, [mounted]);\n\n  const calcPosition = React.useCallback(() => {\n    const node = contentRef.current;\n    if (!node || !triggerRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    const contentRect = node.getBoundingClientRect();\n    let top: number;\n    let left: number;\n    let actualSide = side;\n\n    switch (side) {\n      case 'top': {\n        top = triggerRect.top - sideOffset - contentRect.height;\n        left = triggerRect.left + (triggerRect.width - contentRect.width) / 2;\n        if (top < 0) {\n          top = triggerRect.bottom + sideOffset;\n          actualSide = 'bottom';\n        }\n        break;\n      }\n      case 'bottom': {\n        top = triggerRect.bottom + sideOffset;\n        left = triggerRect.left + (triggerRect.width - contentRect.width) / 2;\n        break;\n      }\n      case 'left': {\n        top = triggerRect.top + (triggerRect.height - contentRect.height) / 2;\n        left = triggerRect.left - sideOffset - contentRect.width;\n        break;\n      }\n      case 'right': {\n        top = triggerRect.top + (triggerRect.height - contentRect.height) / 2;\n        left = triggerRect.right + sideOffset;\n        break;\n      }\n    }\n\n    setResolvedSide(actualSide);\n    setPosition({ position: 'fixed', top, left, zIndex: 50 });\n    setPositioned(true);\n  }, [side, sideOffset, triggerRef]);\n\n  // Measure + position via ref callback (fires after DOM mount)\n  const measureRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      (contentRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      if (node && mounted && triggerRef.current) {\n        calcPosition();\n      }\n    },\n    [mounted, triggerRef, calcPosition],\n  );\n\n  // Reposition on scroll/resize so the tooltip tracks the trigger.\n  React.useEffect(() => {\n    if (!mounted) return;\n\n    window.addEventListener('scroll', calcPosition, true);\n    window.addEventListener('resize', calcPosition);\n    return () => {\n      window.removeEventListener('scroll', calcPosition, true);\n      window.removeEventListener('resize', calcPosition);\n    };\n  }, [mounted, calcPosition]);\n\n  if (!mounted) return null;\n\n  const isReady = positioned && state !== 'idle';\n\n  return createPortal(\n    <div\n      ref={measureRef}\n      style={\n        isReady\n          ? { ...position, pointerEvents: 'none' }\n          : { position: 'fixed', visibility: 'hidden', zIndex: 50, pointerEvents: 'none' }\n      }\n    >\n      <div\n        data-slot={'tooltip-content'}\n        data-side={resolvedSide}\n        data-state={state === 'idle' ? undefined : state === 'open' ? 'delayed-open' : state}\n        className={cn(s['tooltip-content'], className)}\n        {...props}\n      >\n        {children}\n        <span className={s['tooltip-arrow']} aria-hidden={'true'} />\n      </div>\n    </div>,\n    document.body,\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/ui/Tooltip/tooltip.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"tooltip-content":"tooltip-module_tooltip-content__JzTsW","tooltip-arrow":"tooltip-module_tooltip-arrow__O51rZ"};
+
+export { s as default };
+//# sourceMappingURL=tooltip.module.scss.js.map

package/dist/ui/Tooltip/tooltip.module.scss.js.map

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

package/dist/ui/index.d.ts

@@ -0,0 +1,23 @@
+export * from './Alert';
+export * from './Avatar';
+export * from './Button';
+export * from './Chip';
+export * from './CodeBlock';
+export * from './DevIndicator';
+export * from './Dialog';
+export * from './EmptyState';
+export * from './Icon';
+export * from './List';
+export * from './Pagination';
+export * from './ProgressBar';
+export * from './Separator';
+export * from './StatCard';
+export * from './StepProgress';
+export * from './Switch';
+export * from './Table';
+export * from './TableActionCell';
+export * from './TableToolbar';
+export * from './Toggle';
+export * from './ToggleGroup';
+export * from './Tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}

package/dist/ui.d.ts

@@ -0,0 +1,6 @@
+export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, f as AlertProps, g as AlertProvider, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, V as ProgressBar, W as ProgressBarProps, Y as Separator, Z as SeparatorProps, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as Step, a7 as StepProgress, a8 as StepProgressProps, a9 as Switch, aa as SwitchProps, ab as Table, ac as TableActionCell, ad as TableActionCellProps, ae as TableActionItem, af as TableBody, ag as TableBodyProps, ah as TableCard, ai as TableCell, aj as TableFooter, ak as TableHead, al as TableHeader, am as TableRow, an as TableSortableHeader, ao as TableSortableHeaderProps, ap as TableToolbar, aq as TableToolbarProps, ar as Toggle, as as ToggleGroup, at as ToggleGroupProps, au as ToggleProps, av as TrendDirection, aw as persistAlert } from './index-DECPicJT.js';
+export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-XagXjWLB.js';
+import 'class-variance-authority';
+import 'react';
+import 'class-variance-authority/types';
+import './typography-DOZHFR5A.js';