@orion-ds/react 4.9.1 → 4.9.2

package/dist/components/ToggleGroup/ToggleGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EAErB,MAAM,qBAAqB,CAAC;AAuK7B,eAAO,MAAM,WAAW;;CAEtB,CAAC"}

package/dist/components/ToggleGroup/ToggleGroup.mjs

@@ -1,101 +0,0 @@
-import { jsx as w } from "react/jsx-runtime";
-import { forwardRef as A, useState as _, useRef as z, useCallback as k, createContext as B, useContext as E } from "react";
-import u from "./ToggleGroup.module.css.mjs";
-const C = B(null);
-function K() {
-  const t = E(C);
-  if (!t)
-    throw new Error("ToggleGroup.Item must be used within a ToggleGroup");
-  return t;
-}
-const D = A(
-  ({ value: t, disabled: a, className: p, children: c, ...g }, d) => {
-    const {
-      type: I,
-      value: y,
-      onItemToggle: x,
-      variant: h,
-      size: s,
-      disabled: f
-    } = K(), m = y.includes(t), b = a || f, l = [u.item, m && u.itemPressed, p].filter(Boolean).join(" ");
-    return /* @__PURE__ */ w(
-      "button",
-      {
-        ref: d,
-        type: "button",
-        className: l,
-        "aria-pressed": m,
-        disabled: b,
-        onClick: () => x(t),
-        ...g,
-        children: c
-      }
-    );
-  }
-);
-D.displayName = "ToggleGroup.Item";
-const N = A(
-  ({
-    type: t,
-    value: a,
-    defaultValue: p,
-    onValueChange: c,
-    variant: g = "default",
-    size: d = "md",
-    disabled: I = !1,
-    className: y,
-    children: x,
-    ...h
-  }, s) => {
-    const f = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], [m, b] = _(
-      f(p)
-    ), l = a !== void 0, i = l ? f(a) : m, G = z(null), v = k(
-      (e) => {
-        let o;
-        i.includes(e) ? o = i.filter((r) => r !== e) : t === "multiple" ? o = [...i, e] : o = [e], l || b(o), c?.(t === "single" ? o[0] ?? "" : o);
-      },
-      [i, t, l, c]
-    ), R = k(
-      (e) => {
-        const o = G.current;
-        if (!o) return;
-        const r = Array.from(
-          o.querySelectorAll(
-            "button:not(:disabled)"
-          )
-        ), T = r.indexOf(e.target);
-        if (T === -1) return;
-        let n;
-        e.key === "ArrowRight" || e.key === "ArrowDown" ? n = (T + 1) % r.length : e.key === "ArrowLeft" || e.key === "ArrowUp" ? n = (T - 1 + r.length) % r.length : e.key === "Home" ? n = 0 : e.key === "End" && (n = r.length - 1), n !== void 0 && (e.preventDefault(), r[n]?.focus());
-      },
-      []
-    ), j = [u.group, u[g], u[d], y].filter(Boolean).join(" "), P = {
-      type: t,
-      value: i,
-      onItemToggle: v,
-      variant: g,
-      size: d,
-      disabled: I
-    };
-    return /* @__PURE__ */ w(C.Provider, { value: P, children: /* @__PURE__ */ w(
-      "div",
-      {
-        ref: (e) => {
-          G.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
-        },
-        role: "group",
-        className: j,
-        onKeyDown: R,
-        ...h,
-        children: x
-      }
-    ) });
-  }
-);
-N.displayName = "ToggleGroup";
-const H = Object.assign(N, {
-  Item: D
-});
-export {
-  H as ToggleGroup
-};

package/dist/components/ToggleGroup/ToggleGroup.module.css

@@ -1 +0,0 @@
-._group_1ugc0_3{display:inline-flex;align-items:center;border-radius:var(--radius-button)}._item_1ugc0_10{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-secondary);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);border:1px solid transparent;outline:none;background:transparent;color:var(--text-secondary);border-radius:0}._item_1ugc0_10:hover:not(:disabled){background:var(--interactive-ghost-hover);color:var(--text-primary)}._item_1ugc0_10:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--soft-brand);z-index:var(--z-dropdown);position:relative}._item_1ugc0_10:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._item_1ugc0_10:first-child{border-top-left-radius:var(--radius-button);border-bottom-left-radius:var(--radius-button)}._item_1ugc0_10:last-child{border-top-right-radius:var(--radius-button);border-bottom-right-radius:var(--radius-button)}._itemPressed_1ugc0_60{background:var(--soft-brand);color:var(--text-brand)}._itemPressed_1ugc0_60:hover:not(:disabled){background:var(--soft-brand-hover);color:var(--text-brand)}._outline_1ugc0_71 ._item_1ugc0_10{border-color:var(--border-subtle);margin-left:-1px}._outline_1ugc0_71 ._item_1ugc0_10:first-child{margin-left:0}._outline_1ugc0_71 ._item_1ugc0_10:hover:not(:disabled){border-color:var(--border-strong);z-index:var(--z-dropdown);position:relative}._outline_1ugc0_71 ._itemPressed_1ugc0_60{border-color:var(--border-interactive);background:var(--soft-brand);color:var(--text-brand);z-index:var(--z-dropdown);position:relative}._sm_1ugc0_98 ._item_1ugc0_10{height:32px;min-width:32px;padding:0 var(--spacing-3);font-size:var(--font-size-12)}._md_1ugc0_105 ._item_1ugc0_10{height:40px;min-width:40px;padding:0 var(--spacing-4);font-size:var(--font-size-16)}._lg_1ugc0_112 ._item_1ugc0_10{height:48px;min-width:48px;padding:0 var(--spacing-6);font-size:var(--font-size-18)}@media(prefers-reduced-motion:reduce){._item_1ugc0_10{transition:none}}@media(forced-colors:active){._item_1ugc0_10{border:1px solid ButtonText}._item_1ugc0_10:focus-visible{box-shadow:none;outline:3px solid Highlight;outline-offset:2px}._itemPressed_1ugc0_60{background:Highlight;color:HighlightText}}

package/dist/components/ToggleGroup/ToggleGroup.module.css.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_group_1ugc0_3",t="_item_1ugc0_10",s="_itemPressed_1ugc0_60",_="_outline_1ugc0_71",u="_sm_1ugc0_98",o="_md_1ugc0_105",c="_lg_1ugc0_112",g={group:e,item:t,itemPressed:s,outline:_,sm:u,md:o,lg:c};exports.default=g;exports.group=e;exports.item=t;exports.itemPressed=s;exports.lg=c;exports.md=o;exports.outline=_;exports.sm=u;

package/dist/components/ToggleGroup/ToggleGroup.module.css.mjs

@@ -1,19 +0,0 @@
-const _ = "_group_1ugc0_3", s = "_item_1ugc0_10", t = "_itemPressed_1ugc0_60", e = "_outline_1ugc0_71", c = "_sm_1ugc0_98", o = "_md_1ugc0_105", u = "_lg_1ugc0_112", g = {
-  group: _,
-  item: s,
-  itemPressed: t,
-  outline: e,
-  sm: c,
-  md: o,
-  lg: u
-};
-export {
-  g as default,
-  _ as group,
-  s as item,
-  t as itemPressed,
-  u as lg,
-  o as md,
-  e as outline,
-  c as sm
-};

package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts

@@ -1,45 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').ForwardRefExoticComponent<import('./ToggleGroup.types').ToggleGroupProps & import('react').RefAttributes<HTMLDivElement>> & {
-        Item: import('react').ForwardRefExoticComponent<import('./ToggleGroup.types').ToggleGroupItemProps & import('react').RefAttributes<HTMLButtonElement>>;
-    };
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        type: {
-            control: "select";
-            options: string[];
-            description: string;
-        };
-        variant: {
-            control: "select";
-            options: string[];
-            description: string;
-        };
-        size: {
-            control: "select";
-            options: string[];
-            description: string;
-        };
-        disabled: {
-            control: "boolean";
-            description: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const SingleSelection: Story;
-export declare const MultipleSelection: Story;
-export declare const OutlineVariant: Story;
-export declare const WithTextLabels: Story;
-export declare const Disabled: Story;
-export declare const DisabledItem: Story;
-export declare const Controlled: Story;
-export declare const AllSizes: Story;
-export declare const TextFormattingToolbar: Story;
-//# sourceMappingURL=ToggleGroup.stories.d.ts.map

package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAoBvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAqB/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAmB5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAY5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAyCxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA+EtB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KA2DnC,CAAC"}

package/dist/components/ToggleGroup/ToggleGroup.types.d.ts

@@ -1,36 +0,0 @@
-import { HTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
-
-export type ToggleGroupType = "single" | "multiple";
-export type ToggleGroupVariant = "default" | "outline";
-export type ToggleGroupSize = "sm" | "md" | "lg";
-export interface ToggleGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
-    /** Whether single or multiple items can be pressed. */
-    type: ToggleGroupType;
-    /** Controlled value (string for single, string[] for multiple). */
-    value?: string | string[];
-    /** Default value for uncontrolled usage. */
-    defaultValue?: string | string[];
-    /** Callback when value changes. */
-    onValueChange?: (value: string | string[]) => void;
-    /** Visual variant propagated to items. @default 'default' */
-    variant?: ToggleGroupVariant;
-    /** Size propagated to items. @default 'md' */
-    size?: ToggleGroupSize;
-    /** Disable all items. */
-    disabled?: boolean;
-    children?: ReactNode;
-}
-export interface ToggleGroupItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> {
-    /** Unique value for this item. */
-    value: string;
-    children?: ReactNode;
-}
-export interface ToggleGroupContextValue {
-    type: ToggleGroupType;
-    value: string[];
-    onItemToggle: (itemValue: string) => void;
-    variant: ToggleGroupVariant;
-    size: ToggleGroupSize;
-    disabled: boolean;
-}
-//# sourceMappingURL=ToggleGroup.types.d.ts.map

package/dist/components/ToggleGroup/ToggleGroup.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,cAAc,CAC5B;IACC,uDAAuD;IACvD,IAAI,EAAE,eAAe,CAAC;IACtB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,6DAA6D;IAC7D,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,OAAO,CACR;IACC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,kBAAkB,CAAC;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB"}

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

@@ -1,3 +0,0 @@
-export { ToggleGroup } from './ToggleGroup';
-export type { ToggleGroupProps, ToggleGroupItemProps, ToggleGroupType, ToggleGroupVariant, ToggleGroupSize, } from './ToggleGroup.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,eAAe,GAChB,MAAM,qBAAqB,CAAC"}

package/dist/components/Tooltip/Tooltip.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),t=require("react"),o=require("./Tooltip.module.css.cjs"),r=({content:u,placement:a="top",delay:c=200,disabled:s=!1,children:l,className:f})=>{const[d,e]=t.useState(!1),n=t.useRef(void 0),m=()=>{s||(n.current=setTimeout(()=>{e(!0)},c))},p=()=>{n.current&&clearTimeout(n.current),e(!1)},v=()=>{s||e(!0)},T=()=>{e(!1)},j=[o.default.tooltip,o.default[a],f].filter(Boolean).join(" "),h=t.isValidElement(l)?t.cloneElement(l,{onMouseEnter:m,onMouseLeave:p,onFocus:v,onBlur:T}):l;return i.jsxs("div",{className:o.default.container,children:[h,d&&!s&&i.jsxs("div",{className:j,role:"tooltip",children:[u,i.jsx("div",{className:o.default.arrow})]})]})};r.displayName="Tooltip";exports.Tooltip=r;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-import { TooltipProps } from './Tooltip.types';
-
-export declare const Tooltip: React.FC<TooltipProps>;
-//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/Tooltip/Tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAyD,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6D1C,CAAC"}

package/dist/components/Tooltip/Tooltip.mjs

@@ -1,39 +0,0 @@
-import { jsxs as l, jsx as E } from "react/jsx-runtime";
-import { useState as M, useRef as N, isValidElement as T, cloneElement as j } from "react";
-import o from "./Tooltip.module.css.mjs";
-const x = ({
-  content: r,
-  placement: i = "top",
-  delay: a = 200,
-  disabled: t = !1,
-  children: s,
-  className: c
-}) => {
-  const [u, e] = M(!1), n = N(void 0), m = () => {
-    t || (n.current = setTimeout(() => {
-      e(!0);
-    }, a));
-  }, f = () => {
-    n.current && clearTimeout(n.current), e(!1);
-  }, p = () => {
-    t || e(!0);
-  }, d = () => {
-    e(!1);
-  }, v = [o.tooltip, o[i], c].filter(Boolean).join(" "), h = T(s) ? j(s, {
-    onMouseEnter: m,
-    onMouseLeave: f,
-    onFocus: p,
-    onBlur: d
-  }) : s;
-  return /* @__PURE__ */ l("div", { className: o.container, children: [
-    h,
-    u && !t && /* @__PURE__ */ l("div", { className: v, role: "tooltip", children: [
-      r,
-      /* @__PURE__ */ E("div", { className: o.arrow })
-    ] })
-  ] });
-};
-x.displayName = "Tooltip";
-export {
-  x as Tooltip
-};

package/dist/components/Tooltip/Tooltip.module.css

@@ -1 +0,0 @@
-._container_1tqko_8{--tooltip-arrow-size: var(--spacing-2);--tooltip-arrow-offset: calc(var(--tooltip-arrow-size) / 2);--tooltip-gap: var(--spacing-2)}._container_1tqko_8{position:relative;display:inline-flex}._tooltip_1tqko_21{position:absolute;z-index:var(--z-tooltip);padding:var(--spacing-2) var(--spacing-3);background:var(--text-primary);color:var(--text-inverse);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;animation:_tooltipFadeIn_1tqko_1 .15s ease}@keyframes _tooltipFadeIn_1tqko_1{0%{opacity:0;transform:var(--tooltip-transform-from)}to{opacity:1;transform:var(--tooltip-transform-to)}}._arrow_1tqko_49{position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);background:var(--text-primary);transform:rotate(45deg)}._top_1tqko_62{--tooltip-transform-from: translateX(-50%) translateY(var(--tooltip-arrow-offset));--tooltip-transform-to: translateX(-50%) translateY(0);bottom:calc(100% + var(--tooltip-gap));left:50%;transform:translate(-50%)}._top_1tqko_62 ._arrow_1tqko_49{bottom:calc(var(--tooltip-arrow-offset) * -1);left:50%;transform:translate(-50%) rotate(45deg)}._bottom_1tqko_78{--tooltip-transform-from: translateX(-50%) translateY(calc(var(--tooltip-arrow-offset) * -1));--tooltip-transform-to: translateX(-50%) translateY(0);top:calc(100% + var(--tooltip-gap));left:50%;transform:translate(-50%)}._bottom_1tqko_78 ._arrow_1tqko_49{top:calc(var(--tooltip-arrow-offset) * -1);left:50%;transform:translate(-50%) rotate(45deg)}._left_1tqko_94{--tooltip-transform-from: translateY(-50%) translateX(var(--tooltip-arrow-offset));--tooltip-transform-to: translateY(-50%) translateX(0);right:calc(100% + var(--tooltip-gap));top:50%;transform:translateY(-50%)}._left_1tqko_94 ._arrow_1tqko_49{right:calc(var(--tooltip-arrow-offset) * -1);top:50%;transform:translateY(-50%) rotate(45deg)}._right_1tqko_110{--tooltip-transform-from: translateY(-50%) translateX(calc(var(--tooltip-arrow-offset) * -1));--tooltip-transform-to: translateY(-50%) translateX(0);left:calc(100% + var(--tooltip-gap));top:50%;transform:translateY(-50%)}._right_1tqko_110 ._arrow_1tqko_49{left:calc(var(--tooltip-arrow-offset) * -1);top:50%;transform:translateY(-50%) rotate(45deg)}@media(prefers-reduced-motion:reduce){._tooltip_1tqko_21{animation:none}}

package/dist/components/Tooltip/Tooltip.module.css.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_container_1tqko_8",o="_tooltip_1tqko_21",e="_tooltipFadeIn_1tqko_1",_="_arrow_1tqko_49",n="_top_1tqko_62",r="_bottom_1tqko_78",i="_left_1tqko_94",l="_right_1tqko_110",a={container:t,tooltip:o,tooltipFadeIn:e,arrow:_,top:n,bottom:r,left:i,right:l};exports.arrow=_;exports.bottom=r;exports.container=t;exports.default=a;exports.left=i;exports.right=l;exports.tooltip=o;exports.tooltipFadeIn=e;exports.top=n;

package/dist/components/Tooltip/Tooltip.module.css.mjs

@@ -1,21 +0,0 @@
-const t = "_container_1tqko_8", o = "_tooltip_1tqko_21", _ = "_tooltipFadeIn_1tqko_1", n = "_arrow_1tqko_49", r = "_top_1tqko_62", c = "_bottom_1tqko_78", e = "_left_1tqko_94", i = "_right_1tqko_110", s = {
-  container: t,
-  tooltip: o,
-  tooltipFadeIn: _,
-  arrow: n,
-  top: r,
-  bottom: c,
-  left: e,
-  right: i
-};
-export {
-  n as arrow,
-  c as bottom,
-  t as container,
-  s as default,
-  e as left,
-  i as right,
-  o as tooltip,
-  _ as tooltipFadeIn,
-  r as top
-};

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -1,42 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('./Tooltip.types').TooltipProps>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        placement: {
-            control: "select";
-            options: string[];
-            description: string;
-        };
-        delay: {
-            control: "number";
-            description: string;
-        };
-        disabled: {
-            control: "boolean";
-            description: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const TopPlacement: Story;
-export declare const RightPlacement: Story;
-export declare const BottomPlacement: Story;
-export declare const LeftPlacement: Story;
-export declare const Disabled: Story;
-export declare const CustomDelay: Story;
-export declare const LongContent: Story;
-export declare const WithIconButton: Story;
-export declare const AllPlacements: Story;
-export declare const InForm: Story;
-export declare const ActionButtons: Story;
-export declare const Toolbar: Story;
-export declare const DataPoints: Story;
-//# sourceMappingURL=Tooltip.stories.d.ts.map

package/dist/components/Tooltip/Tooltip.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CAsBsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAkB5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA+D5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAyE3B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KA2HpB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAkD3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAqDrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAsHxB,CAAC"}

package/dist/components/Tooltip/Tooltip.types.d.ts

@@ -1,46 +0,0 @@
-import { ReactNode } from 'react';
-
-/**
- * Tooltip placement
- */
-export type TooltipPlacement = "top" | "right" | "bottom" | "left";
-/**
- * Tooltip component props
- *
- * @example
- * ```tsx
- * <Tooltip content="Click to edit">
- *   <Button icon={<EditIcon />} />
- * </Tooltip>
- * ```
- */
-export interface TooltipProps {
-    /**
-     * Tooltip content
-     */
-    content: ReactNode;
-    /**
-     * Tooltip placement
-     * @default 'top'
-     */
-    placement?: TooltipPlacement;
-    /**
-     * Delay before showing (ms)
-     * @default 200
-     */
-    delay?: number;
-    /**
-     * Element to attach tooltip to
-     */
-    children: ReactNode;
-    /**
-     * Disable tooltip
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Additional class name
-     */
-    className?: string;
-}
-//# sourceMappingURL=Tooltip.types.d.ts.map

package/dist/components/Tooltip/Tooltip.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEnE;;;;;;;;;GASG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1,19 +0,0 @@
-/**
- * Tooltip Component - Hover information display.
- *
- * @example
- * ```tsx
- * import { Tooltip, Button } from '@orion-ds/react';
- *
- * <Tooltip content="Click to submit">
- *   <Button>Submit</Button>
- * </Tooltip>
- *
- * <Tooltip content="Edit settings" placement="right">
- *   <Button iconOnly icon={<Settings size={20} />} aria-label="Settings" />
- * </Tooltip>
- * ```
- */
-export { Tooltip } from './Tooltip';
-export type { TooltipProps, TooltipPlacement } from './Tooltip.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/UserMenu/UserMenu.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),S=require("lucide-react"),e=require("./UserMenu.module.css.cjs"),L={online:"var(--text-success)",away:"var(--text-warning)",busy:"var(--text-error)",offline:"var(--text-tertiary)"},x=c.forwardRef(({user:n,sections:f,open:o,onOpenChange:v,trigger:m,align:g="end",placement:N="bottom",showHeader:b=!0,compact:h=!1,fullWidth:C=!1,className:w,...y},I)=>{const[k,E]=c.useState(!1),u=c.useRef(null),i=c.useRef(null),l=o!==void 0?o:k,d=t=>{o===void 0&&E(t),v?.(t)};c.useEffect(()=>{const t=r=>{u.current&&!u.current.contains(r.target)&&i.current&&!i.current.contains(r.target)&&d(!1)};if(l)return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[l]),c.useEffect(()=>{const t=r=>{r.key==="Escape"&&l&&(d(!1),i.current?.focus())};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[l]);const R=t=>{t.disabled||(t.onClick?.(),d(!1))},p=t=>t.split(" ").map(r=>r[0]).join("").toUpperCase().slice(0,2),M=[e.default.userMenu,C&&e.default.userMenuFullWidth,w].filter(Boolean).join(" "),B=[e.default.trigger,h&&e.default.triggerCompact].filter(Boolean).join(" "),O=[e.default.dropdown,l&&e.default.dropdownOpen,g==="start"&&e.default.dropdownStart,N==="top"&&e.default.dropdownTop].filter(Boolean).join(" ");return a.jsxs("div",{ref:I,className:M,...y,children:[m?a.jsx("div",{onClick:()=>d(!l),children:m}):a.jsxs("button",{ref:i,type:"button",className:B,onClick:()=>d(!l),"aria-expanded":l,"aria-haspopup":"true",children:[a.jsxs("div",{className:e.default.avatar,children:[n.avatar?a.jsx("img",{src:n.avatar,alt:n.name,className:e.default.avatarImage}):a.jsx("span",{className:e.default.avatarInitials,children:n.initials||p(n.name)}),n.status&&a.jsx("span",{className:e.default.statusIndicator,style:{backgroundColor:L[n.status]}})]}),!h&&a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:e.default.triggerInfo,children:[a.jsx("span",{className:e.default.triggerName,children:n.name}),n.role&&a.jsx("span",{className:e.default.triggerRole,children:n.role})]}),a.jsx(S.ChevronDown,{size:16,className:`${e.default.chevron} ${l?e.default.chevronOpen:""}`})]})]}),a.jsxs("div",{ref:u,className:O,role:"menu",children:[b&&a.jsxs("div",{className:e.default.header,children:[a.jsx("div",{className:e.default.headerAvatar,children:n.avatar?a.jsx("img",{src:n.avatar,alt:n.name,className:e.default.avatarImage}):a.jsx("span",{className:e.default.avatarInitials,children:n.initials||p(n.name)})}),a.jsxs("div",{className:e.default.headerInfo,children:[a.jsx("span",{className:e.default.headerName,children:n.name}),n.email&&a.jsx("span",{className:e.default.headerEmail,children:n.email})]})]}),f.map((t,r)=>a.jsxs("div",{className:e.default.section,children:[t.label&&a.jsx("div",{className:e.default.sectionLabel,children:t.label}),t.items.map(s=>{const j=[e.default.item,s.danger&&e.default.itemDanger,s.disabled&&e.default.itemDisabled].filter(Boolean).join(" ");return s.href&&!s.disabled?a.jsxs("a",{href:s.href,className:j,role:"menuitem",onClick:()=>d(!1),children:[s.icon&&a.jsx("span",{className:e.default.itemIcon,children:s.icon}),a.jsx("span",{children:s.label}),s.badge!==void 0&&a.jsx("span",{className:e.default.itemBadge,children:s.badge}),s.shortcut&&a.jsx("span",{className:e.default.itemShortcut,children:s.shortcut})]},s.id):a.jsxs("button",{type:"button",className:j,role:"menuitem",disabled:s.disabled,onClick:()=>R(s),children:[s.icon&&a.jsx("span",{className:e.default.itemIcon,children:s.icon}),a.jsx("span",{children:s.label}),s.badge!==void 0&&a.jsx("span",{className:e.default.itemBadge,children:s.badge}),s.shortcut&&a.jsx("span",{className:e.default.itemShortcut,children:s.shortcut})]},s.id)}),r<f.length-1&&a.jsx("div",{className:e.default.divider})]},t.id))]})]})});x.displayName="UserMenu";exports.UserMenu=x;

package/dist/components/UserMenu/UserMenu.d.ts

@@ -1,4 +0,0 @@
-import { UserMenuProps } from './UserMenu.types';
-
-export declare const UserMenu: import('react').ForwardRefExoticComponent<UserMenuProps & import('react').RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=UserMenu.d.ts.map

package/dist/components/UserMenu/UserMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,kBAAkB,CAAC;AAWpE,eAAO,MAAM,QAAQ,0GAsPpB,CAAC"}

package/dist/components/UserMenu/UserMenu.mjs

@@ -1,161 +0,0 @@
-import { jsxs as l, jsx as n, Fragment as S } from "react/jsx-runtime";
-import { forwardRef as D, useState as U, useRef as N, useEffect as g } from "react";
-import { ChevronDown as F } from "lucide-react";
-import e from "./UserMenu.module.css.mjs";
-const $ = {
-  online: "var(--text-success)",
-  away: "var(--text-warning)",
-  busy: "var(--text-error)",
-  offline: "var(--text-tertiary)"
-}, z = D(
-  ({
-    user: s,
-    sections: h,
-    open: d,
-    onOpenChange: b,
-    trigger: p,
-    align: C = "end",
-    placement: w = "bottom",
-    showHeader: I = !0,
-    compact: f = !1,
-    fullWidth: k = !1,
-    className: y,
-    ...x
-  }, E) => {
-    const [j, B] = U(!1), m = N(null), o = N(null), t = d !== void 0 ? d : j, c = (r) => {
-      d === void 0 && B(r), b?.(r);
-    };
-    g(() => {
-      const r = (i) => {
-        m.current && !m.current.contains(i.target) && o.current && !o.current.contains(i.target) && c(!1);
-      };
-      if (t)
-        return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
-    }, [t]), g(() => {
-      const r = (i) => {
-        i.key === "Escape" && t && (c(!1), o.current?.focus());
-      };
-      return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
-    }, [t]);
-    const L = (r) => {
-      r.disabled || (r.onClick?.(), c(!1));
-    }, u = (r) => r.split(" ").map((i) => i[0]).join("").toUpperCase().slice(0, 2), O = [
-      e.userMenu,
-      k && e.userMenuFullWidth,
-      y
-    ].filter(Boolean).join(" "), R = [e.trigger, f && e.triggerCompact].filter(Boolean).join(" "), M = [
-      e.dropdown,
-      t && e.dropdownOpen,
-      C === "start" && e.dropdownStart,
-      w === "top" && e.dropdownTop
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ l("div", { ref: E, className: O, ...x, children: [
-      p ? /* @__PURE__ */ n("div", { onClick: () => c(!t), children: p }) : /* @__PURE__ */ l(
-        "button",
-        {
-          ref: o,
-          type: "button",
-          className: R,
-          onClick: () => c(!t),
-          "aria-expanded": t,
-          "aria-haspopup": "true",
-          children: [
-            /* @__PURE__ */ l("div", { className: e.avatar, children: [
-              s.avatar ? /* @__PURE__ */ n(
-                "img",
-                {
-                  src: s.avatar,
-                  alt: s.name,
-                  className: e.avatarImage
-                }
-              ) : /* @__PURE__ */ n("span", { className: e.avatarInitials, children: s.initials || u(s.name) }),
-              s.status && /* @__PURE__ */ n(
-                "span",
-                {
-                  className: e.statusIndicator,
-                  style: { backgroundColor: $[s.status] }
-                }
-              )
-            ] }),
-            !f && /* @__PURE__ */ l(S, { children: [
-              /* @__PURE__ */ l("div", { className: e.triggerInfo, children: [
-                /* @__PURE__ */ n("span", { className: e.triggerName, children: s.name }),
-                s.role && /* @__PURE__ */ n("span", { className: e.triggerRole, children: s.role })
-              ] }),
-              /* @__PURE__ */ n(
-                F,
-                {
-                  size: 16,
-                  className: `${e.chevron} ${t ? e.chevronOpen : ""}`
-                }
-              )
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ l("div", { ref: m, className: M, role: "menu", children: [
-        I && /* @__PURE__ */ l("div", { className: e.header, children: [
-          /* @__PURE__ */ n("div", { className: e.headerAvatar, children: s.avatar ? /* @__PURE__ */ n(
-            "img",
-            {
-              src: s.avatar,
-              alt: s.name,
-              className: e.avatarImage
-            }
-          ) : /* @__PURE__ */ n("span", { className: e.avatarInitials, children: s.initials || u(s.name) }) }),
-          /* @__PURE__ */ l("div", { className: e.headerInfo, children: [
-            /* @__PURE__ */ n("span", { className: e.headerName, children: s.name }),
-            s.email && /* @__PURE__ */ n("span", { className: e.headerEmail, children: s.email })
-          ] })
-        ] }),
-        h.map((r, i) => /* @__PURE__ */ l("div", { className: e.section, children: [
-          r.label && /* @__PURE__ */ n("div", { className: e.sectionLabel, children: r.label }),
-          r.items.map((a) => {
-            const v = [
-              e.item,
-              a.danger && e.itemDanger,
-              a.disabled && e.itemDisabled
-            ].filter(Boolean).join(" ");
-            return a.href && !a.disabled ? /* @__PURE__ */ l(
-              "a",
-              {
-                href: a.href,
-                className: v,
-                role: "menuitem",
-                onClick: () => c(!1),
-                children: [
-                  a.icon && /* @__PURE__ */ n("span", { className: e.itemIcon, children: a.icon }),
-                  /* @__PURE__ */ n("span", { children: a.label }),
-                  a.badge !== void 0 && /* @__PURE__ */ n("span", { className: e.itemBadge, children: a.badge }),
-                  a.shortcut && /* @__PURE__ */ n("span", { className: e.itemShortcut, children: a.shortcut })
-                ]
-              },
-              a.id
-            ) : /* @__PURE__ */ l(
-              "button",
-              {
-                type: "button",
-                className: v,
-                role: "menuitem",
-                disabled: a.disabled,
-                onClick: () => L(a),
-                children: [
-                  a.icon && /* @__PURE__ */ n("span", { className: e.itemIcon, children: a.icon }),
-                  /* @__PURE__ */ n("span", { children: a.label }),
-                  a.badge !== void 0 && /* @__PURE__ */ n("span", { className: e.itemBadge, children: a.badge }),
-                  a.shortcut && /* @__PURE__ */ n("span", { className: e.itemShortcut, children: a.shortcut })
-                ]
-              },
-              a.id
-            );
-          }),
-          i < h.length - 1 && /* @__PURE__ */ n("div", { className: e.divider })
-        ] }, r.id))
-      ] })
-    ] });
-  }
-);
-z.displayName = "UserMenu";
-export {
-  z as UserMenu
-};

package/dist/components/UserMenu/UserMenu.module.css

@@ -1 +0,0 @@
-._userMenu_3rj9n_8{position:relative;display:inline-block}._userMenuFullWidth_3rj9n_14{display:block;width:100%}._userMenuFullWidth_3rj9n_14 ._trigger_3rj9n_19{width:100%;min-width:0}._trigger_3rj9n_19{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;border-radius:var(--radius-control);cursor:pointer;transition:background-color var(--mode-hover-duration)}._trigger_3rj9n_19:hover{background:var(--surface-subtle)}._triggerCompact_3rj9n_44{padding:var(--spacing-1)}._avatar_3rj9n_48{position:relative;width:32px;height:32px;border-radius:var(--radius-full);overflow:hidden;background:var(--interactive-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}._avatarImage_3rj9n_61{width:100%;height:100%;object-fit:cover}._avatarInitials_3rj9n_67{font-family:var(--font-secondary);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);color:var(--interactive-primary-text);text-transform:uppercase}._statusIndicator_3rj9n_75{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--surface-base)}._triggerInfo_3rj9n_85{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-0-5);flex:1;min-width:0;overflow:hidden}._triggerName_3rj9n_95{font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._triggerRole_3rj9n_106{font-family:var(--font-secondary);font-size:var(--font-size-11);color:var(--text-tertiary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._chevron_3rj9n_116{color:var(--text-tertiary);transition:transform var(--mode-hover-duration);flex-shrink:0;margin-left:auto}._chevronOpen_3rj9n_123{transform:rotate(180deg)}._dropdown_3rj9n_131{position:absolute;top:calc(100% + var(--spacing-1));right:0;z-index:var(--z-modal);min-width:220px;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--mode-hover-duration)}._dropdownOpen_3rj9n_147{opacity:1;visibility:visible;transform:translateY(0)}._dropdownStart_3rj9n_153{right:auto;left:0}._header_3rj9n_162{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-subtle)}._headerAvatar_3rj9n_170{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;background:var(--interactive-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}._headerAvatar_3rj9n_170 ._avatarInitials_3rj9n_67{font-size:var(--font-size-14)}._headerInfo_3rj9n_186{display:flex;flex-direction:column;gap:var(--spacing-0-5);min-width:0}._headerName_3rj9n_193{font-family:var(--font-secondary);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.2}._headerEmail_3rj9n_201{font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-tertiary);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._section_3rj9n_215{padding:var(--spacing-2) 0}._sectionLabel_3rj9n_219{font-family:var(--font-secondary);font-size:var(--font-size-11);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-1) var(--spacing-4) var(--spacing-2)}._divider_3rj9n_229{height:1px;background:var(--border-subtle);margin:var(--spacing-2) 0}._item_3rj9n_239{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-2) var(--spacing-4);background:none;border:none;font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-primary);text-decoration:none;text-align:left;cursor:pointer;transition:background-color var(--mode-hover-duration)}._item_3rj9n_239:hover{background:var(--surface-subtle)}._itemIcon_3rj9n_260{display:flex;align-items:center;justify-content:center;width:20px;color:var(--text-secondary)}._itemDanger_3rj9n_268,._itemDanger_3rj9n_268 ._itemIcon_3rj9n_260{color:var(--text-error)}._itemDisabled_3rj9n_276{opacity:.5;cursor:not-allowed}._itemDisabled_3rj9n_276:hover{background:none}._dropdownTop_3rj9n_290{top:auto;bottom:calc(100% + var(--spacing-1));transform:translateY(8px)}._dropdownTop_3rj9n_290._dropdownOpen_3rj9n_147{transform:translateY(0)}._itemShortcut_3rj9n_301{margin-left:auto;font-size:var(--font-size-12);color:var(--text-tertiary);font-family:var(--font-mono);flex-shrink:0}._itemBadge_3rj9n_310{margin-left:auto;min-width:18px;height:18px;border-radius:var(--radius-full);background:var(--interactive-primary);color:var(--interactive-primary-text);font-size:var(--font-size-11);font-family:var(--font-secondary);display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-1);flex-shrink:0}@media(max-width:480px){._dropdown_3rj9n_131{position:fixed;inset:auto 0 0;min-width:100%;border-radius:var(--radius-container) var(--radius-container) 0 0;transform:translateY(100%)}._dropdownOpen_3rj9n_147{transform:translateY(0)}}