@tedi-design-system/react 16.1.0-rc.1 → 16.1.0-rc.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "16.1.0-rc.1",
+  "version": "16.1.0-rc.3",
   "type": "module",
   "sideEffects": false,
   "exports": {
@@ -107,6 +107,7 @@
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "@vitejs/plugin-react": "^4.3.4",
+    "baseline-browser-mapping": "^2.10.0",
     "chromatic": "^13.3.4",
     "cross-env": "^7.0.3",
     "dompurify": "^3.3.0",

package/src/tedi/components/overlays/dropdown/dropdown-content/dropdown-content.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),o=require("../dropdown-context.cjs.js"),r=({children:e})=>{const{setContent:t}=o.useDropdownContext();return n.useEffect(()=>(t(e),()=>t(null)),[e,t]),null};exports.DropdownContent=r;

package/src/tedi/components/overlays/dropdown/dropdown-content/dropdown-content.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare const DropdownContent: ({ children }: {
+    children: ReactNode;
+}) => null;

package/src/tedi/components/overlays/dropdown/dropdown-content/dropdown-content.es.js

@@ -0,0 +1,9 @@
+import { useEffect as n } from "react";
+import { useDropdownContext as r } from "../dropdown-context.es.js";
+const p = ({ children: o }) => {
+  const { setContent: t } = r();
+  return n(() => (t(o), () => t(null)), [o, t]), null;
+};
+export {
+  p as DropdownContent
+};

package/src/tedi/components/overlays/dropdown/dropdown-context.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext(null),n=()=>{const o=t.useContext(e);if(!o)throw new Error("Dropdown components must be used within <Dropdown />");return o};exports.DropdownContext=e;exports.useDropdownContext=n;

package/src/tedi/components/overlays/dropdown/dropdown-context.d.ts

@@ -0,0 +1,20 @@
+import { useFloating, useInteractions } from '@floating-ui/react';
+import { default as React } from 'react';
+export type DropdownContextValue = {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    refs: ReturnType<typeof useFloating>['refs'];
+    getReferenceProps: ReturnType<typeof useInteractions>['getReferenceProps'];
+    getFloatingProps: ReturnType<typeof useInteractions>['getFloatingProps'];
+    getItemProps: ReturnType<typeof useInteractions>['getItemProps'];
+    listItemsRef: React.MutableRefObject<Array<HTMLButtonElement | null>>;
+    activeIndex: number | null;
+    setActiveIndex: (index: number | null) => void;
+    placement?: string;
+    content: React.ReactNode;
+    setContent: (content: React.ReactNode) => void;
+    divided?: boolean;
+    variant?: 'default' | 'tree';
+};
+export declare const DropdownContext: React.Context<DropdownContextValue | null>;
+export declare const useDropdownContext: () => DropdownContextValue;

package/src/tedi/components/overlays/dropdown/dropdown-context.es.js

@@ -0,0 +1,11 @@
+import t, { useContext as n } from "react";
+const e = t.createContext(null), s = () => {
+  const o = n(e);
+  if (!o)
+    throw new Error("Dropdown components must be used within <Dropdown />");
+  return o;
+};
+export {
+  e as DropdownContext,
+  s as useDropdownContext
+};

package/src/tedi/components/overlays/dropdown/dropdown-helpers.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=(r,e,o)=>{if(r==="full")return o;if(r==="trigger")return e;if(r!=="auto")return typeof r=="number"?`${r}px`:r};exports.resolveDropdownWidth=t;

package/src/tedi/components/overlays/dropdown/dropdown-helpers.d.ts

@@ -0,0 +1 @@
+export declare const resolveDropdownWidth: (width: "auto" | "trigger" | "full" | number | string, triggerWidth?: number, containerWidth?: number) => string | number | undefined;

package/src/tedi/components/overlays/dropdown/dropdown-helpers.es.js

@@ -0,0 +1,9 @@
+const o = (r, e, n) => {
+  if (r === "full") return n;
+  if (r === "trigger") return e;
+  if (r !== "auto")
+    return typeof r == "number" ? `${r}px` : r;
+};
+export {
+  o as resolveDropdownWidth
+};

package/src/tedi/components/overlays/dropdown/dropdown-item/dropdown-item.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),j=require("../../../../../../external/classnames/index.cjs.js"),T=require("../dropdown-context.cjs.js"),r=require("./dropdown-item.module.scss.cjs.js"),K=({children:m,onClick:t,disabled:n,active:c,index:u,indent:i,asChild:o=!1,closeOnSelect:p=!0,isParent:w=!1,className:y})=>{const{getItemProps:_,listItemsRef:l,setOpen:s,activeIndex:v,divided:b,variant:f}=T.useDropdownContext(),x=o?"div":"button",I=e=>typeof e!="number"?{}:{"--dropdown-indent-level":e,"--dropdown-indent":`${e}rem`},g=e=>{if(n)return;const d=e.currentTarget.querySelector('input[type="checkbox"], input[type="radio"]');if(d){d.click();return}o?t==null||t(e):(t==null||t(e),p&&s(!1))},q=e=>{if(!n&&(e.key==="Enter"||e.key===" ")){e.preventDefault();const d=e.currentTarget.querySelector('input[type="checkbox"], input[type="radio"]');d?d.click():t==null||t(e),!o&&p&&s(!1)}},a={ref(e){typeof u=="number"&&(l.current[u]=e)},tabIndex:v===u?0:-1,className:j.default(r.default["tedi-dropdown__item"],{[r.default["tedi-dropdown__item--active"]]:c,[r.default["tedi-dropdown__item--disabled"]]:n,[r.default["tedi-dropdown__item--divided"]]:b,[r.default["tedi-dropdown__item--indent"]]:i,[r.default["tedi-dropdown__item--tree-item"]]:f==="tree"&&i,[r.default["tedi-dropdown__item--tree-parent"]]:f==="tree"&&w,className:y}),style:I(i),onClick:g,onKeyDown:q},D=o&&p===!1?a:_({role:"menuitem",disabled:o?void 0:n,...a});return P.jsx(x,{...D,children:m})};exports.DropdownItem=K;

package/src/tedi/components/overlays/dropdown/dropdown-item/dropdown-item.d.ts

@@ -0,0 +1,67 @@
+export type DropdownItemProps = {
+    /**
+     * The content of the menu item (text, icons, checkbox, etc.)
+     */
+    children: React.ReactNode;
+    /**
+     * Called when the item is activated (mouse click or Enter/Space key).
+     * Receives either a MouseEvent or KeyboardEvent.
+     */
+    onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    /**
+     * Disables the item — prevents interaction and applies disabled styling.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Highlights the item visually (e.g. selected language, current sort option).
+     * Does **not** affect behavior — only styling.
+     *
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Required when using keyboard navigation (ArrowUp/ArrowDown).
+     * Must be a unique, sequential number (0, 1, 2, ...) for each item in the list.
+     * When omitted, the item won't be keyboard-focusable.
+     */
+    index?: number;
+    /**
+     * Indentation level (in rem units). Useful for nested / hierarchical menus.
+     * Example: `indent={1}` → adds ~1rem left padding
+     *
+     * @default 0
+     */
+    indent?: number;
+    /**
+     * When `true`, renders a plain `<div>` instead of a `<button>`.
+     * Useful when wrapping form controls like `<Checkbox>` or `<Radio>` that already handle their own events.
+     * **Warning:** When `asChild={true}`, the item is no longer focusable via keyboard navigation
+     * unless the child element itself is focusable.
+     *
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * Controls whether the dropdown should close after this item is selected.
+     * - Set to `false` for multi-select menus, toggles, or when selection should persist
+     * - Set to `true` for action menus (delete, download, navigate, etc.)
+     *
+     * @default true
+     */
+    closeOnSelect?: boolean;
+    /**
+     * Marks this item as a tree parent node when the Dropdown is in `variant="tree"` mode.
+     * - Renders a visual parent indicator (bullet) aligned to the tree trunk
+     * - Starts the tree trunk at the vertical center of this item
+     * - Does **not** apply tree indentation — parent items remain aligned with normal items
+     *
+     * This prop is **purely visual** and does not affect behavior or hierarchy.
+     * Child items must still use `indent` to participate in the tree.
+     * Ignored when `variant !== 'tree'`.
+     * @default false
+     */
+    isParent?: boolean;
+    className?: string;
+};
+export declare const DropdownItem: ({ children, onClick, disabled, active, index, indent, asChild, closeOnSelect, isParent, className, }: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;

package/src/tedi/components/overlays/dropdown/dropdown-item/dropdown-item.es.js

@@ -0,0 +1,64 @@
+import { jsx as K } from "react/jsx-runtime";
+import N from "../../../../../../external/classnames/index.es.js";
+import { useDropdownContext as T } from "../dropdown-context.es.js";
+import r from "./dropdown-item.module.scss.es.js";
+const V = ({
+  children: a,
+  onClick: t,
+  disabled: p,
+  active: y,
+  index: d,
+  indent: i,
+  asChild: o = !1,
+  closeOnSelect: s = !0,
+  isParent: _ = !1,
+  className: w
+}) => {
+  const { getItemProps: c, listItemsRef: v, setOpen: m, activeIndex: b, divided: x, variant: f } = T(), D = o ? "div" : "button", I = (e) => typeof e != "number" ? {} : {
+    "--dropdown-indent-level": e,
+    "--dropdown-indent": `${e}rem`
+  }, g = (e) => {
+    if (p) return;
+    const n = e.currentTarget.querySelector(
+      'input[type="checkbox"], input[type="radio"]'
+    );
+    if (n) {
+      n.click();
+      return;
+    }
+    o ? t == null || t(e) : (t == null || t(e), s && m(!1));
+  }, P = (e) => {
+    if (!p && (e.key === "Enter" || e.key === " ")) {
+      e.preventDefault();
+      const n = e.currentTarget.querySelector(
+        'input[type="checkbox"], input[type="radio"]'
+      );
+      n ? n.click() : t == null || t(e), !o && s && m(!1);
+    }
+  }, u = {
+    ref(e) {
+      typeof d == "number" && (v.current[d] = e);
+    },
+    tabIndex: b === d ? 0 : -1,
+    className: N(r["tedi-dropdown__item"], {
+      [r["tedi-dropdown__item--active"]]: y,
+      [r["tedi-dropdown__item--disabled"]]: p,
+      [r["tedi-dropdown__item--divided"]]: x,
+      [r["tedi-dropdown__item--indent"]]: i,
+      [r["tedi-dropdown__item--tree-item"]]: f === "tree" && i,
+      [r["tedi-dropdown__item--tree-parent"]]: f === "tree" && _,
+      className: w
+    }),
+    style: I(i),
+    onClick: g,
+    onKeyDown: P
+  }, q = o && s === !1 ? u : c({
+    role: "menuitem",
+    disabled: o ? void 0 : p,
+    ...u
+  });
+  return /* @__PURE__ */ K(D, { ...q, children: a });
+};
+export {
+  V as DropdownItem
+};

package/src/tedi/components/overlays/dropdown/dropdown-item/dropdown-item.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d={"tedi-dropdown__item":"tedi-dropdown__item-ae4d9841","tedi-dropdown__item--active":"tedi-dropdown__item--active-f11cbd7a","tedi-dropdown__item--disabled":"tedi-dropdown__item--disabled-c9b893eb","tedi-dropdown__item--divided":"tedi-dropdown__item--divided-33d2a373","tedi-dropdown__item--tree-item":"tedi-dropdown__item--tree-item-d863644f","tedi-dropdown__item--tree-parent":"tedi-dropdown__item--tree-parent-06dbdab2","tedi-dropdown__item--indent":"tedi-dropdown__item--indent-53c2ed01"};exports.default=d;

package/src/tedi/components/overlays/dropdown/dropdown-item/dropdown-item.module.scss.es.js

@@ -0,0 +1,12 @@
+const d = {
+  "tedi-dropdown__item": "tedi-dropdown__item-ae4d9841",
+  "tedi-dropdown__item--active": "tedi-dropdown__item--active-f11cbd7a",
+  "tedi-dropdown__item--disabled": "tedi-dropdown__item--disabled-c9b893eb",
+  "tedi-dropdown__item--divided": "tedi-dropdown__item--divided-33d2a373",
+  "tedi-dropdown__item--tree-item": "tedi-dropdown__item--tree-item-d863644f",
+  "tedi-dropdown__item--tree-parent": "tedi-dropdown__item--tree-parent-06dbdab2",
+  "tedi-dropdown__item--indent": "tedi-dropdown__item--indent-53c2ed01"
+};
+export {
+  d as default
+};

package/src/tedi/components/overlays/dropdown/dropdown-separator/dropdown-separator.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("../../../misc/separator/separator.cjs.js"),o=()=>r.jsx(e.Separator,{axis:"horizontal"});exports.DropdownSeparator=o;

package/src/tedi/components/overlays/dropdown/dropdown-separator/dropdown-separator.d.ts

@@ -0,0 +1 @@
+export declare const DropdownSeparator: () => import("react/jsx-runtime").JSX.Element;

package/src/tedi/components/overlays/dropdown/dropdown-separator/dropdown-separator.es.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Separator as o } from "../../../misc/separator/separator.es.js";
+const p = () => /* @__PURE__ */ r(o, { axis: "horizontal" });
+export {
+  p as DropdownSeparator
+};

package/src/tedi/components/overlays/dropdown/dropdown-trigger/dropdown-trigger.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),n=require("../dropdown-context.cjs.js"),c=({children:e})=>{const{refs:r,getReferenceProps:o}=n.useDropdownContext();return t.cloneElement(e,o({ref:r.setReference}))};exports.DropdownTrigger=c;

package/src/tedi/components/overlays/dropdown/dropdown-trigger/dropdown-trigger.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+export type DropdownTriggerProps = {
+    /**
+     * The content of the trigger item (button, icon, etc)
+     */
+    children: ReactElement;
+};
+export declare const DropdownTrigger: ({ children }: DropdownTriggerProps) => ReactElement<any, string | import('react').JSXElementConstructor<any>>;

package/src/tedi/components/overlays/dropdown/dropdown-trigger/dropdown-trigger.es.js

@@ -0,0 +1,14 @@
+import { cloneElement as t } from "react";
+import { useDropdownContext as n } from "../dropdown-context.es.js";
+const s = ({ children: e }) => {
+  const { refs: r, getReferenceProps: o } = n();
+  return t(
+    e,
+    o({
+      ref: r.setReference
+    })
+  );
+};
+export {
+  s as DropdownTrigger
+};

package/src/tedi/components/overlays/dropdown/dropdown.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),H=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),S=require("./dropdown.module.scss.cjs.js"),$=require("./dropdown-content/dropdown-content.cjs.js"),A=require("./dropdown-context.cjs.js"),z=require("./dropdown-helpers.cjs.js"),G=require("./dropdown-item/dropdown-item.cjs.js"),J=require("./dropdown-separator/dropdown-separator.cjs.js"),K=require("./dropdown-trigger/dropdown-trigger.cjs.js"),Q=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),f=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),V=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),X=require("../../../providers/label-provider/use-labels.cjs.js"),Y=4,s=g=>{var x;const{getCurrentBreakpointProps:F}=V.useBreakpointProps(g.defaultServerBreakpoint),{children:I,modal:w=!1,divided:O=!1,width:P="auto",variant:l="default",open:u,defaultOpen:R=!1,onOpenChange:i,placement:p="bottom-start",className:b}=F(g),{getLabel:j}=X.useLabels(),k=e.useFloatingNodeId(),m=t.useRef([]),[a,v]=t.useState(null),[q,y]=t.useState(null),[B,N]=t.useState(R),d=u??B,h=t.useCallback(r=>{u===void 0&&N(r),i==null||i(r)},[u,i]),T=e.useFloating({nodeId:k,open:d,placement:p,onOpenChange:h,middleware:[f.offset(Y),f.flip(),f.shift()],whileElementsMounted:Q.autoUpdate}),{context:o,refs:n,x:U,y:_,strategy:L}=T,D=e.useInteractions([e.useClick(o),e.useRole(o,{role:"menu"}),e.useDismiss(o),e.useListNavigation(o,{listRef:m,activeIndex:a,onNavigate:v,loop:!0})]),M={open:d,setOpen:h,refs:n,listItemsRef:m,activeIndex:a,setActiveIndex:v,placement:p,content:q,setContent:y,divided:O,variant:l,...D},W=(x=n.reference.current)==null?void 0:x.getBoundingClientRect().width,E=t.useMemo(()=>{const r=n.reference.current;if(!r)return;const C=r.offsetParent;if(C)return C.getBoundingClientRect().width},[n.reference.current]);return c.jsxs(A.DropdownContext.Provider,{value:M,children:[I,c.jsx(e.FloatingPortal,{children:d&&c.jsx(e.FloatingFocusManager,{context:o,modal:w,visuallyHiddenDismiss:w?j("close"):!1,children:c.jsx("div",{...D.getFloatingProps({ref:n.setFloating,className:H.default(S.default["tedi-dropdown"],{[S.default[`tedi-dropdown--${l}`]]:l==="tree"},b),style:{position:L,left:U??0,top:_??0,width:z.resolveDropdownWidth(P,W,E)},role:"menu","aria-orientation":"vertical","aria-activedescendant":a!==null?`dropdown-item-${a}`:void 0}),"data-placement":p,"data-state":d?"open":"closed",children:q})})})]})};s.Trigger=K.DropdownTrigger;s.Content=$.DropdownContent;s.Item=G.DropdownItem;s.Separator=J.DropdownSeparator;exports.Dropdown=s;

package/src/tedi/components/overlays/dropdown/dropdown.d.ts

@@ -0,0 +1,75 @@
+import { Placement } from '@floating-ui/react';
+import { default as React } from 'react';
+import { BreakpointSupport } from '../../../helpers';
+type DropdownBreakpointProps = {
+    /**
+     * When `true` there is a border between the dropdown items
+     *  @default false
+     */
+    divided?: boolean;
+    /**
+     * Controls the width of the dropdown menu.
+     * - `'auto'` – width is determined by content (default)
+     * - `'trigger'` – matches the width of the trigger element
+     * - `'full'` – spans the full width of the containing block
+     * - `number` – fixed width in pixels
+     * - `string` – any valid CSS width value (e.g. `'16rem'`, `'100%'`)
+     * @default auto
+     */
+    width?: 'auto' | 'trigger' | 'full' | number | string;
+    /**
+     * Controls where the dropdown is positioned relative to its trigger.
+     * Accepts any Floating UI placement value, such as:
+     * `'bottom-start'`, `'bottom-end'`, `'top-start'`, `'right-end'`, etc.
+     *
+     * @default bottom-start
+     */
+    placement?: Placement;
+    /**
+     * Controls the visual and structural variant of the dropdown.
+     * - `'default'` – standard flat list of items
+     * - `'tree'` – hierarchical (tree-style) list with indented items and connector lines
+     * Tree visuals are only applied when this prop is set to `'tree'`.
+     * Ignored by default.
+     * @default 'default'
+     */
+    variant?: 'default' | 'tree';
+};
+export interface DropdownProps extends BreakpointSupport<DropdownBreakpointProps> {
+    /**
+     * Child elements — must include exactly one `Dropdown.Trigger` and one `Dropdown.Content`
+     */
+    children: React.ReactNode;
+    /**
+     * When `true`, the dropdown behaves like a modal:
+     * - Traps focus inside the dropdown
+     * - Shows a visually hidden "Close" button for screen readers
+     * - Usually used for menus that require explicit dismissal
+     *
+     * @default false
+     */
+    modal?: boolean;
+    /**
+     * Controlled open state
+     */
+    open?: boolean;
+    /**
+     * Uncontrolled default state
+     */
+    defaultOpen?: boolean;
+    /**
+     * Change handler (fires for both modes)
+     */
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+}
+export declare const Dropdown: {
+    (props: DropdownProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ children }: import('./dropdown-trigger/dropdown-trigger').DropdownTriggerProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    Content: ({ children }: {
+        children: React.ReactNode;
+    }) => null;
+    Item: ({ children, onClick, disabled, active, index, indent, asChild, closeOnSelect, isParent, className, }: import('./dropdown-item/dropdown-item').DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
+    Separator: () => import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/src/tedi/components/overlays/dropdown/dropdown.es.js

@@ -0,0 +1,114 @@
+import { jsxs as U, jsx as m } from "react/jsx-runtime";
+import { useFloatingNodeId as $, useFloating as A, useInteractions as H, useClick as q, useRole as z, useDismiss as G, useListNavigation as J, FloatingPortal as K, FloatingFocusManager as Q } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import V from "../../../../../external/classnames/index.es.js";
+import e from "react";
+import F from "./dropdown.module.scss.es.js";
+import { DropdownContent as X } from "./dropdown-content/dropdown-content.es.js";
+import { DropdownContext as Y } from "./dropdown-context.es.js";
+import { resolveDropdownWidth as Z } from "./dropdown-helpers.es.js";
+import { DropdownItem as ee } from "./dropdown-item/dropdown-item.es.js";
+import { DropdownSeparator as te } from "./dropdown-separator/dropdown-separator.es.js";
+import { DropdownTrigger as oe } from "./dropdown-trigger/dropdown-trigger.es.js";
+import { autoUpdate as ne } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { offset as re, flip as ie, shift as se } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+import { useBreakpointProps as ae } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as le } from "../../../providers/label-provider/use-labels.es.js";
+const de = 4, a = (p) => {
+  var D;
+  const { getCurrentBreakpointProps: I } = ae(p.defaultServerBreakpoint), {
+    children: O,
+    modal: f = !1,
+    divided: R = !1,
+    width: x = "auto",
+    variant: l = "default",
+    open: d,
+    defaultOpen: N = !1,
+    onOpenChange: r,
+    placement: c = "bottom-start",
+    className: P
+  } = I(p), { getLabel: S } = le(), k = $(), u = e.useRef([]), [i, g] = e.useState(null), [v, y] = e.useState(null), [B, b] = e.useState(N), s = d ?? B, w = e.useCallback(
+    (n) => {
+      d === void 0 && b(n), r == null || r(n);
+    },
+    [d, r]
+  ), W = A({
+    nodeId: k,
+    open: s,
+    placement: c,
+    onOpenChange: w,
+    middleware: [re(de), ie(), se()],
+    whileElementsMounted: ne
+  }), { context: t, refs: o, x: L, y: M, strategy: T } = W, h = H([
+    q(t),
+    z(t, { role: "menu" }),
+    G(t),
+    J(t, {
+      listRef: u,
+      activeIndex: i,
+      onNavigate: g,
+      loop: !0
+    })
+  ]), _ = {
+    open: s,
+    setOpen: w,
+    refs: o,
+    listItemsRef: u,
+    activeIndex: i,
+    setActiveIndex: g,
+    placement: c,
+    content: v,
+    setContent: y,
+    divided: R,
+    variant: l,
+    ...h
+  }, j = (D = o.reference.current) == null ? void 0 : D.getBoundingClientRect().width, E = e.useMemo(() => {
+    const n = o.reference.current;
+    if (!n) return;
+    const C = n.offsetParent;
+    if (C)
+      return C.getBoundingClientRect().width;
+  }, [o.reference.current]);
+  return /* @__PURE__ */ U(Y.Provider, { value: _, children: [
+    O,
+    /* @__PURE__ */ m(K, { children: s && /* @__PURE__ */ m(
+      Q,
+      {
+        context: t,
+        modal: f,
+        visuallyHiddenDismiss: f ? S("close") : !1,
+        children: /* @__PURE__ */ m(
+          "div",
+          {
+            ...h.getFloatingProps({
+              ref: o.setFloating,
+              className: V(
+                F["tedi-dropdown"],
+                { [F[`tedi-dropdown--${l}`]]: l === "tree" },
+                P
+              ),
+              style: {
+                position: T,
+                left: L ?? 0,
+                top: M ?? 0,
+                width: Z(x, j, E)
+              },
+              role: "menu",
+              "aria-orientation": "vertical",
+              "aria-activedescendant": i !== null ? `dropdown-item-${i}` : void 0
+            }),
+            "data-placement": c,
+            "data-state": s ? "open" : "closed",
+            children: v
+          }
+        )
+      }
+    ) })
+  ] });
+};
+a.Trigger = oe;
+a.Content = X;
+a.Item = ee;
+a.Separator = te;
+export {
+  a as Dropdown
+};

package/src/tedi/components/overlays/dropdown/dropdown.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-dropdown":"tedi-dropdown-0246d37c","tedi-dropdown--tree":"tedi-dropdown--tree-c13f70ee","tedi-dropdown__item":"tedi-dropdown__item-fa7ee478"};exports.default=e;

package/src/tedi/components/overlays/dropdown/dropdown.module.scss.es.js

@@ -0,0 +1,8 @@
+const d = {
+  "tedi-dropdown": "tedi-dropdown-0246d37c",
+  "tedi-dropdown--tree": "tedi-dropdown--tree-c13f70ee",
+  "tedi-dropdown__item": "tedi-dropdown__item-fa7ee478"
+};
+export {
+  d as default
+};

package/src/tedi/components/overlays/dropdown/index.d.ts

@@ -0,0 +1,5 @@
+export * from './dropdown';
+export * from './dropdown-context';
+export * from './dropdown-content/dropdown-content';
+export * from './dropdown-trigger/dropdown-trigger';
+export * from './dropdown-item/dropdown-item';

package/src/tedi/index.d.ts

@@ -37,6 +37,7 @@ export * from './components/form/select/select';
 export * from './components/form/checkbox/checkbox';
 export * from './components/overlays/tooltip';
 export * from './components/overlays/popover';
+export * from './components/overlays/dropdown';
 export * from './components/misc/separator/separator';
 export * from './components/misc/print/print';
 export * from './components/misc/stretch-content/stretch-content';

package/tedi.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./src/tedi/components/base/typography/text/text.cjs.js"),s=require("./src/tedi/components/base/typography/heading/heading.cjs.js"),c=require("./src/tedi/components/base/icon/icon.cjs.js"),u=require("./src/tedi/components/content/label/label.cjs.js"),a=require("./src/tedi/components/content/section/section.cjs.js"),l=require("./src/tedi/components/content/heading-with-icon/heading-with-icon.cjs.js"),d=require("./src/tedi/components/content/truncate/truncate.cjs.js"),p=require("./src/tedi/components/content/text-group/text-group.cjs.js"),q=require("./src/tedi/components/loaders/spinner/spinner.cjs.js"),g=require("./src/tedi/components/tags/tag/tag.cjs.js"),S=require("./src/tedi/components/tags/status-badge/status-badge.cjs.js"),v=require("./src/tedi/components/buttons/closing-button/closing-button.cjs.js"),b=require("./src/tedi/components/buttons/button/button.cjs.js"),C=require("./src/tedi/components/buttons/info-button/info-button.cjs.js"),T=require("./src/tedi/components/buttons/floating-button/floating-button.cjs.js"),h=require("./src/tedi/components/buttons/button-group/button-group.cjs.js"),x=require("./src/tedi/components/buttons/collapse/collapse.cjs.js"),B=require("./src/tedi/components/notifications/alert/alert.cjs.js"),k=require("./src/tedi/components/notifications/toast/toast.cjs.js"),I=require("./src/tedi/components/navigation/hash-trigger/hash-trigger.cjs.js"),P=require("./src/tedi/components/navigation/link/link.cjs.js"),m=require("./src/tedi/components/form/textfield/textfield.cjs.js"),L=require("./src/tedi/components/form/textarea/textarea.cjs.js"),f=require("./src/tedi/components/form/number-field/number-field.cjs.js"),F=require("./src/tedi/components/form/feedback-text/feedback-text.cjs.js"),G=require("./src/tedi/components/form/search/search.cjs.js"),N=require("./src/tedi/components/form/radio/radio.cjs.js"),y=require("./src/tedi/components/form/file-upload/file-upload.cjs.js"),D=require("./src/tedi/components/form/file-dropzone/file-dropzone.cjs.js"),A=require("./src/tedi/components/form/select/select.cjs.js"),M=require("./src/tedi/components/form/checkbox/checkbox.cjs.js"),H=require("./src/tedi/components/misc/separator/separator.cjs.js"),V=require("./src/tedi/components/misc/print/print.cjs.js"),w=require("./src/tedi/components/misc/stretch-content/stretch-content.cjs.js"),z=require("./src/tedi/components/misc/scroll-visibility/scroll-visibility.cjs.js"),R=require("./src/tedi/components/misc/scroll-fade/scroll-fade.cjs.js"),U=require("./src/tedi/components/misc/affix/affix.cjs.js"),W=require("./src/tedi/components/misc/ellipsis/ellipsis.cjs.js"),E=require("./src/tedi/providers/style-provider/style-provider.cjs.js"),t=require("./src/tedi/providers/accessibility-provider/accessibility-provider.cjs.js"),j=require("./src/tedi/providers/accessibility-provider/use-declare-loader.cjs.js"),o=require("./src/tedi/providers/theme-provider/theme-provider.cjs.js"),O=require("./src/tedi/components/content/list/list.cjs.js"),J=require("./src/tedi/components/content/list/list-item.cjs.js"),K=require("./src/tedi/components/loaders/skeleton/skeleton.cjs.js"),Q=require("./src/tedi/components/loaders/skeleton/skeleton-block/skeleton-block.cjs.js"),X=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),Y=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing-item.cjs.js"),Z=require("./src/tedi/components/layout/grid/row.cjs.js"),_=require("./src/tedi/components/layout/grid/col.cjs.js"),$=require("./external/react-toastify/dist/index.cjs.js"),ee=require("./src/tedi/components/cards/card/card.cjs.js"),re=require("./src/tedi/components/cards/card/card-header/card-header.cjs.js"),te=require("./src/tedi/components/cards/card/card-notification/card-notification.cjs.js"),oe=require("./src/tedi/components/cards/card/card-content/card-content.cjs.js"),ie=require("./src/tedi/components/form/choice-group/choice-group.cjs.js"),ne=require("./src/tedi/components/form/choice-group/choice-group-context.cjs.js"),se=require("./src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.cjs.js"),ce=require("./src/tedi/components/overlays/tooltip/tooltip.cjs.js"),ue=require("./src/tedi/components/overlays/tooltip/tooltip-content.cjs.js"),ae=require("./src/tedi/components/overlays/tooltip/tooltip-trigger.cjs.js"),le=require("./src/tedi/components/overlays/popover/popover.cjs.js"),de=require("./src/tedi/components/overlays/popover/popover-content.cjs.js"),pe=require("./src/tedi/components/overlays/popover/popover-trigger.cjs.js"),qe=require("./src/tedi/components/layout/sidenav/sidenav.cjs.js"),ge=require("./src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.cjs.js"),Se=require("./src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js"),ve=require("./src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.cjs.js"),be=require("./src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.cjs.js"),Ce=require("./src/tedi/helpers/hooks/use-is-mounted.cjs.js"),e=require("./src/tedi/helpers/hooks/use-breakpoint.cjs.js"),Te=require("./src/tedi/helpers/hooks/use-breakpoint-props.cjs.js"),he=require("./src/tedi/helpers/hooks/use-print.cjs.js"),xe=require("./src/tedi/helpers/hooks/use-element-size.cjs.js"),Be=require("./src/tedi/helpers/hooks/use-scroll.cjs.js"),ke=require("./src/tedi/helpers/hooks/use-is-touch-device.cjs.js"),Ie=require("./src/tedi/helpers/hooks/use-file-upload.cjs.js"),Pe=require("./src/tedi/helpers/hooks/use-what-input.cjs.js"),me=require("./src/tedi/providers/label-provider/use-labels.cjs.js"),i=require("./src/tedi/providers/label-provider/label-provider.cjs.js"),r=require("./src/tedi/providers/label-provider/labels-map.cjs.js");exports.Text=n.Text;exports.Heading=s.Heading;exports.Icon=c.Icon;exports.Label=u.Label;exports.Section=a.Section;exports.HeadingWithIcon=l.HeadingWithIcon;exports.Truncate=d.Truncate;exports.TextGroup=p.TextGroup;exports.Spinner=q.Spinner;exports.Tag=g.Tag;exports.StatusBadge=S.StatusBadge;exports.ClosingButton=v.ClosingButton;exports.Button=b.Button;exports.InfoButton=C.InfoButton;exports.FloatingButton=T.FloatingButton;exports.ButtonGroup=h.ButtonGroup;exports.Collapse=x.Collapse;exports.Alert=B.Alert;exports.sendNotification=k.sendNotification;exports.HashTrigger=I.HashTrigger;exports.Link=P.Link;exports.TextField=m.TextField;exports.TextArea=L.TextArea;exports.NumberField=f.NumberField;exports.FeedbackText=F.FeedbackText;exports.Search=G.Search;exports.Radio=N.Radio;exports.FileUpload=y.FileUpload;exports.FileDropzone=D.FileDropzone;exports.Select=A.Select;exports.Checkbox=M.Checkbox;exports.Separator=H.Separator;exports.Print=V.Print;exports.StretchContent=w.StretchContent;exports.ScrollVisibility=z.ScrollVisibility;exports.ScrollFade=R.ScrollFade;exports.Affix=U.Affix;exports.Ellipsis=W.Ellipsis;exports.StyleProvider=E.StyleProvider;exports.AccessibilityContext=t.AccessibilityContext;exports.AccessibilityProvider=t.AccessibilityProvider;exports.useDeclareLoader=j.useDeclareLoader;exports.ThemeProvider=o.ThemeProvider;exports.useTheme=o.useTheme;exports.List=O.List;exports.ListItem=J.ListItem;exports.Skeleton=K.Skeleton;exports.SkeletonBlock=Q.SkeletonBlock;exports.VerticalSpacing=X.VerticalSpacing;exports.VerticalSpacingItem=Y.VerticalSpacingItem;exports.Row=Z.Row;exports.Col=_.Col;exports.ToastContainer=$.ToastContainer;exports.Card=ee.Card;exports.CardHeader=re.CardHeader;exports.CardNotification=te.CardNotification;exports.CardContent=oe.CardContent;exports.ChoiceGroup=ie.ChoiceGroup;exports.ChoiceGroupContext=ne.ChoiceGroupContext;exports.ChoiceGroupItem=se.ChoiceGroupItem;exports.Tooltip=ce.Tooltip;exports.TooltipContent=ue.TooltipContent;exports.TooltipTrigger=ae.TooltipTrigger;exports.Popover=le.Popover;exports.PopoverContent=de.PopoverContent;exports.PopoverTrigger=pe.PopoverTrigger;exports.SideNav=qe.SideNav;exports.SideNavDropdown=ge.SideNavDropdown;exports.SideNavItem=Se.SideNavItem;exports.SidenavToggle=ve.SidenavToggle;exports.SideNavMobile=be.SideNavMobile;exports.useIsMounted=Ce.useIsMounted;exports.breakpoints=e.breakpoints;exports.isBreakpointBelow=e.isBreakpointBelow;exports.useBreakpoint=e.useBreakpoint;exports.useBreakpointProps=Te.useBreakpointProps;exports.usePrint=he.usePrint;exports.useElementSize=xe.useElementSize;exports.useScroll=Be.useScroll;exports.useIsTouchDevice=ke.useIsTouchDevice;exports.useFileUpload=Ie.useFileUpload;exports.useWhatInput=Pe.useWhatInput;exports.useLabels=me.useLabels;exports.LabelContext=i.LabelContext;exports.LabelProvider=i.LabelProvider;exports.labelsMap=r.labelsMap;exports.validateLabelRecord=r.validateLabelRecord;exports.validateLabelValues=r.validateLabelValues;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./src/tedi/components/base/typography/text/text.cjs.js"),c=require("./src/tedi/components/base/typography/heading/heading.cjs.js"),u=require("./src/tedi/components/base/icon/icon.cjs.js"),a=require("./src/tedi/components/content/label/label.cjs.js"),l=require("./src/tedi/components/content/section/section.cjs.js"),d=require("./src/tedi/components/content/heading-with-icon/heading-with-icon.cjs.js"),p=require("./src/tedi/components/content/truncate/truncate.cjs.js"),q=require("./src/tedi/components/content/text-group/text-group.cjs.js"),g=require("./src/tedi/components/loaders/spinner/spinner.cjs.js"),C=require("./src/tedi/components/tags/tag/tag.cjs.js"),S=require("./src/tedi/components/tags/status-badge/status-badge.cjs.js"),v=require("./src/tedi/components/buttons/closing-button/closing-button.cjs.js"),T=require("./src/tedi/components/buttons/button/button.cjs.js"),b=require("./src/tedi/components/buttons/info-button/info-button.cjs.js"),h=require("./src/tedi/components/buttons/floating-button/floating-button.cjs.js"),x=require("./src/tedi/components/buttons/button-group/button-group.cjs.js"),I=require("./src/tedi/components/buttons/collapse/collapse.cjs.js"),B=require("./src/tedi/components/notifications/alert/alert.cjs.js"),k=require("./src/tedi/components/notifications/toast/toast.cjs.js"),m=require("./src/tedi/components/navigation/hash-trigger/hash-trigger.cjs.js"),P=require("./src/tedi/components/navigation/link/link.cjs.js"),w=require("./src/tedi/components/form/textfield/textfield.cjs.js"),D=require("./src/tedi/components/form/textarea/textarea.cjs.js"),L=require("./src/tedi/components/form/number-field/number-field.cjs.js"),f=require("./src/tedi/components/form/feedback-text/feedback-text.cjs.js"),F=require("./src/tedi/components/form/search/search.cjs.js"),G=require("./src/tedi/components/form/radio/radio.cjs.js"),N=require("./src/tedi/components/form/file-upload/file-upload.cjs.js"),y=require("./src/tedi/components/form/file-dropzone/file-dropzone.cjs.js"),A=require("./src/tedi/components/form/select/select.cjs.js"),M=require("./src/tedi/components/form/checkbox/checkbox.cjs.js"),H=require("./src/tedi/components/misc/separator/separator.cjs.js"),V=require("./src/tedi/components/misc/print/print.cjs.js"),z=require("./src/tedi/components/misc/stretch-content/stretch-content.cjs.js"),R=require("./src/tedi/components/misc/scroll-visibility/scroll-visibility.cjs.js"),U=require("./src/tedi/components/misc/scroll-fade/scroll-fade.cjs.js"),W=require("./src/tedi/components/misc/affix/affix.cjs.js"),E=require("./src/tedi/components/misc/ellipsis/ellipsis.cjs.js"),j=require("./src/tedi/providers/style-provider/style-provider.cjs.js"),o=require("./src/tedi/providers/accessibility-provider/accessibility-provider.cjs.js"),O=require("./src/tedi/providers/accessibility-provider/use-declare-loader.cjs.js"),t=require("./src/tedi/providers/theme-provider/theme-provider.cjs.js"),J=require("./src/tedi/components/content/list/list.cjs.js"),K=require("./src/tedi/components/content/list/list-item.cjs.js"),Q=require("./src/tedi/components/loaders/skeleton/skeleton.cjs.js"),X=require("./src/tedi/components/loaders/skeleton/skeleton-block/skeleton-block.cjs.js"),Y=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),Z=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing-item.cjs.js"),_=require("./src/tedi/components/layout/grid/row.cjs.js"),$=require("./src/tedi/components/layout/grid/col.cjs.js"),ee=require("./external/react-toastify/dist/index.cjs.js"),re=require("./src/tedi/components/cards/card/card.cjs.js"),oe=require("./src/tedi/components/cards/card/card-header/card-header.cjs.js"),te=require("./src/tedi/components/cards/card/card-notification/card-notification.cjs.js"),ie=require("./src/tedi/components/cards/card/card-content/card-content.cjs.js"),ne=require("./src/tedi/components/form/choice-group/choice-group.cjs.js"),se=require("./src/tedi/components/form/choice-group/choice-group-context.cjs.js"),ce=require("./src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.cjs.js"),ue=require("./src/tedi/components/overlays/tooltip/tooltip.cjs.js"),ae=require("./src/tedi/components/overlays/tooltip/tooltip-content.cjs.js"),le=require("./src/tedi/components/overlays/tooltip/tooltip-trigger.cjs.js"),de=require("./src/tedi/components/overlays/popover/popover.cjs.js"),pe=require("./src/tedi/components/overlays/popover/popover-content.cjs.js"),qe=require("./src/tedi/components/overlays/popover/popover-trigger.cjs.js"),ge=require("./src/tedi/components/overlays/dropdown/dropdown.cjs.js"),i=require("./src/tedi/components/overlays/dropdown/dropdown-context.cjs.js"),Ce=require("./src/tedi/components/overlays/dropdown/dropdown-content/dropdown-content.cjs.js"),Se=require("./src/tedi/components/overlays/dropdown/dropdown-trigger/dropdown-trigger.cjs.js"),ve=require("./src/tedi/components/overlays/dropdown/dropdown-item/dropdown-item.cjs.js"),Te=require("./src/tedi/components/layout/sidenav/sidenav.cjs.js"),be=require("./src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.cjs.js"),he=require("./src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js"),xe=require("./src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.cjs.js"),Ie=require("./src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.cjs.js"),Be=require("./src/tedi/helpers/hooks/use-is-mounted.cjs.js"),e=require("./src/tedi/helpers/hooks/use-breakpoint.cjs.js"),ke=require("./src/tedi/helpers/hooks/use-breakpoint-props.cjs.js"),me=require("./src/tedi/helpers/hooks/use-print.cjs.js"),Pe=require("./src/tedi/helpers/hooks/use-element-size.cjs.js"),we=require("./src/tedi/helpers/hooks/use-scroll.cjs.js"),De=require("./src/tedi/helpers/hooks/use-is-touch-device.cjs.js"),Le=require("./src/tedi/helpers/hooks/use-file-upload.cjs.js"),fe=require("./src/tedi/helpers/hooks/use-what-input.cjs.js"),Fe=require("./src/tedi/providers/label-provider/use-labels.cjs.js"),n=require("./src/tedi/providers/label-provider/label-provider.cjs.js"),r=require("./src/tedi/providers/label-provider/labels-map.cjs.js");exports.Text=s.Text;exports.Heading=c.Heading;exports.Icon=u.Icon;exports.Label=a.Label;exports.Section=l.Section;exports.HeadingWithIcon=d.HeadingWithIcon;exports.Truncate=p.Truncate;exports.TextGroup=q.TextGroup;exports.Spinner=g.Spinner;exports.Tag=C.Tag;exports.StatusBadge=S.StatusBadge;exports.ClosingButton=v.ClosingButton;exports.Button=T.Button;exports.InfoButton=b.InfoButton;exports.FloatingButton=h.FloatingButton;exports.ButtonGroup=x.ButtonGroup;exports.Collapse=I.Collapse;exports.Alert=B.Alert;exports.sendNotification=k.sendNotification;exports.HashTrigger=m.HashTrigger;exports.Link=P.Link;exports.TextField=w.TextField;exports.TextArea=D.TextArea;exports.NumberField=L.NumberField;exports.FeedbackText=f.FeedbackText;exports.Search=F.Search;exports.Radio=G.Radio;exports.FileUpload=N.FileUpload;exports.FileDropzone=y.FileDropzone;exports.Select=A.Select;exports.Checkbox=M.Checkbox;exports.Separator=H.Separator;exports.Print=V.Print;exports.StretchContent=z.StretchContent;exports.ScrollVisibility=R.ScrollVisibility;exports.ScrollFade=U.ScrollFade;exports.Affix=W.Affix;exports.Ellipsis=E.Ellipsis;exports.StyleProvider=j.StyleProvider;exports.AccessibilityContext=o.AccessibilityContext;exports.AccessibilityProvider=o.AccessibilityProvider;exports.useDeclareLoader=O.useDeclareLoader;exports.ThemeProvider=t.ThemeProvider;exports.useTheme=t.useTheme;exports.List=J.List;exports.ListItem=K.ListItem;exports.Skeleton=Q.Skeleton;exports.SkeletonBlock=X.SkeletonBlock;exports.VerticalSpacing=Y.VerticalSpacing;exports.VerticalSpacingItem=Z.VerticalSpacingItem;exports.Row=_.Row;exports.Col=$.Col;exports.ToastContainer=ee.ToastContainer;exports.Card=re.Card;exports.CardHeader=oe.CardHeader;exports.CardNotification=te.CardNotification;exports.CardContent=ie.CardContent;exports.ChoiceGroup=ne.ChoiceGroup;exports.ChoiceGroupContext=se.ChoiceGroupContext;exports.ChoiceGroupItem=ce.ChoiceGroupItem;exports.Tooltip=ue.Tooltip;exports.TooltipContent=ae.TooltipContent;exports.TooltipTrigger=le.TooltipTrigger;exports.Popover=de.Popover;exports.PopoverContent=pe.PopoverContent;exports.PopoverTrigger=qe.PopoverTrigger;exports.Dropdown=ge.Dropdown;exports.DropdownContext=i.DropdownContext;exports.useDropdownContext=i.useDropdownContext;exports.DropdownContent=Ce.DropdownContent;exports.DropdownTrigger=Se.DropdownTrigger;exports.DropdownItem=ve.DropdownItem;exports.SideNav=Te.SideNav;exports.SideNavDropdown=be.SideNavDropdown;exports.SideNavItem=he.SideNavItem;exports.SidenavToggle=xe.SidenavToggle;exports.SideNavMobile=Ie.SideNavMobile;exports.useIsMounted=Be.useIsMounted;exports.breakpoints=e.breakpoints;exports.isBreakpointBelow=e.isBreakpointBelow;exports.useBreakpoint=e.useBreakpoint;exports.useBreakpointProps=ke.useBreakpointProps;exports.usePrint=me.usePrint;exports.useElementSize=Pe.useElementSize;exports.useScroll=we.useScroll;exports.useIsTouchDevice=De.useIsTouchDevice;exports.useFileUpload=Le.useFileUpload;exports.useWhatInput=fe.useWhatInput;exports.useLabels=Fe.useLabels;exports.LabelContext=n.LabelContext;exports.LabelProvider=n.LabelProvider;exports.labelsMap=r.labelsMap;exports.validateLabelRecord=r.validateLabelRecord;exports.validateLabelValues=r.validateLabelValues;