twenty-ui 2.43.0 → 2.44.0

package/dist/Switch-CMVfAYqP.js

@@ -0,0 +1,127 @@
+import { t as i } from "./isDefined-fMi6eQ4r.js";
+import { n as R, o as H } from "./utilities-CMrqpiWM.js";
+import { t as L } from "./Loader-BLkXvZli.js";
+import { n as k } from "./useProvidedTextDirection-P1dtjUtE.js";
+import { clsx as c } from "clsx";
+import { Fragment as M, jsx as a, jsxs as v } from "react/jsx-runtime";
+import { isBoolean as q } from "@sniptt/guards";
+import { createContext as $, useContext as g } from "react";
+import { Button as A } from "@base-ui/react/button";
+import { useRender as D } from "@base-ui/react/use-render";
+import { Input as F } from "@base-ui/react/input";
+import { Switch as j } from "@base-ui/react/switch";
+var K = "_hotkeys_16heq_1", O = { hotkeys: K }, T = ({ hotkeys: t }) => /* @__PURE__ */ a("span", {
+  className: O.hotkeys,
+  "aria-hidden": !0,
+  children: t.join(H())
+}), V = $(null), J = "_button_vtbjg_1", Q = "_content_vtbjg_181", U = "_label_vtbjg_190", W = "_icon_vtbjg_196", X = "_hidden_vtbjg_206", Y = "_loader_vtbjg_210", n = {
+  button: J,
+  content: Q,
+  label: U,
+  icon: W,
+  hidden: X,
+  loader: Y
+}, Bt = ({ variant: t = "outline", color: r = "neutral", size: o = "md", fullWidth: s = !1, loading: e = !1, elevated: p = !1, startIcon: l, endIcon: d, hotkeys: m, disabled: y = !1, href: h, render: C, className: G, children: b, ...x }) => {
+  const f = g(V), I = f?.variant ?? t, z = f?.color ?? r, E = f?.size ?? o, P = R(), _ = i(h);
+  return /* @__PURE__ */ v(A, {
+    ...x,
+    ..._ ? { href: h } : void 0,
+    className: k(n.button, G),
+    "data-variant": I,
+    "data-color": z,
+    "data-size": E,
+    "data-full-width": s || void 0,
+    "data-loading": e || void 0,
+    "data-elevated": p || void 0,
+    "aria-busy": e ? "true" : x["aria-busy"],
+    disabled: y || e,
+    role: _ ? "link" : void 0,
+    nativeButton: !_,
+    render: C ?? (_ ? /* @__PURE__ */ a("a", {
+      href: h,
+      children: b
+    }) : void 0),
+    children: [/* @__PURE__ */ v("span", {
+      className: c(n.content, e && n.hidden),
+      children: [
+        i(l) && /* @__PURE__ */ a("span", {
+          className: n.icon,
+          "aria-hidden": !0,
+          children: l
+        }),
+        i(b) && /* @__PURE__ */ a("span", {
+          className: n.label,
+          children: b
+        }),
+        i(d) && /* @__PURE__ */ a("span", {
+          className: n.icon,
+          "aria-hidden": !0,
+          children: d
+        }),
+        i(m) && !P && /* @__PURE__ */ a(T, { hotkeys: m })
+      ]
+    }), e && /* @__PURE__ */ a("span", {
+      className: n.loader,
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ a(L, {})
+    })]
+  });
+}, S = $(null), Z = "_input_14itx_1", tt = "_sm_14itx_45", at = "_md_14itx_49", w = {
+  input: Z,
+  sm: tt,
+  md: at
+}, $t = ({ size: t, className: r, ...o }) => {
+  const s = g(S), e = t ?? s?.size ?? "md";
+  return /* @__PURE__ */ a(F, {
+    ...o,
+    className: k(c(w.input, w[e]), r),
+    "data-grouped": i(s) || void 0
+  });
+}, et = "_root_lk8ci_1", rt = "_sm_lk8ci_27", ot = "_md_lk8ci_31", st = "_startElement_lk8ci_35", nt = "_endElement_lk8ci_36", u = {
+  root: et,
+  sm: rt,
+  md: ot,
+  startElement: st,
+  endElement: nt
+}, B = (t) => i(t) && !q(t) && t !== "", gt = ({ size: t = "md", startElement: r, endElement: o, className: s, children: e, render: p, ref: l, ...d }) => {
+  const m = D({
+    render: p,
+    ref: l,
+    props: {
+      ...d,
+      className: c(u.root, u[t], s),
+      children: /* @__PURE__ */ v(M, { children: [
+        B(r) && /* @__PURE__ */ a("span", {
+          className: u.startElement,
+          children: r
+        }),
+        e,
+        B(o) && /* @__PURE__ */ a("span", {
+          className: u.endElement,
+          children: o
+        })
+      ] })
+    }
+  });
+  return /* @__PURE__ */ a(S.Provider, {
+    value: { size: t },
+    children: m
+  });
+}, it = "_root_rn2ew_1", lt = "_sm_rn2ew_33", dt = "_md_rn2ew_39", mt = "_thumb_rn2ew_45", N = {
+  root: it,
+  sm: lt,
+  md: dt,
+  thumb: mt
+}, St = ({ size: t = "md", className: r, children: o, ...s }) => /* @__PURE__ */ v(j.Root, {
+  ...s,
+  className: k(c(N.root, N[t]), r),
+  children: [/* @__PURE__ */ a(j.Thumb, { className: N.thumb }), o]
+});
+export {
+  Bt as a,
+  w as i,
+  gt as n,
+  V as o,
+  $t as r,
+  St as t
+};

package/dist/TextDirectionContext-pwtyVyKv.cjs

@@ -0,0 +1 @@
+let e=require("react");var t=(0,e.createContext)(void 0);Object.defineProperty(exports,"TextDirectionContext",{enumerable:!0,get:function(){return t}});

package/dist/TextDirectionContext-zzaQWZg6.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+var o = t(void 0);
+export {
+  o as t
+};

package/dist/components/__stories__/reading-direction/DirectionalLayoutExample.d.ts

@@ -0,0 +1,3 @@
+export declare const DirectionalLayoutExample: ({ direction, }: {
+    direction: "ltr" | "rtl";
+}) => import("react").JSX.Element;

package/dist/components/__stories__/reading-direction/DirectionalMenusExample.d.ts

@@ -0,0 +1,4 @@
+export declare const DirectionalMenusExample: ({ direction, scoped, }: {
+    direction: "ltr" | "rtl";
+    scoped?: boolean;
+}) => import("react").JSX.Element;

package/dist/components/code-editor/CodeEditor/{utils → internal/utils}/getBaseCodeEditorTheme.d.ts

@@ -1,3 +1,3 @@
-import { ThemeType } from '../../../../theme';
+import { ThemeType } from '../../../../../theme';
 import { editor } from 'monaco-editor';
 export declare const getBaseCodeEditorTheme: (theme: ThemeType, colorScheme: "light" | "dark") => editor.IStandaloneThemeData;

package/dist/components/code-editor/index.d.ts

@@ -1,6 +1,4 @@
 export { CodeEditor } from './CodeEditor/CodeEditor';
-export { BASE_CODE_EDITOR_THEME_ID } from './CodeEditor/constants/BaseCodeEditorThemeId';
 export type { CodeEditorProps } from './CodeEditor/types/CodeEditorProps';
-export { getBaseCodeEditorTheme } from './CodeEditor/utils/getBaseCodeEditorTheme';
 export { CodeEditorHeader } from './CodeEditorHeader/CodeEditorHeader';
 export type { CodeEditorHeaderProps } from './CodeEditorHeader/types/CodeEditorHeaderProps';

package/dist/components/code-editor.cjs

@@ -1 +1 @@
-var ee=Object.create;var I=Object.defineProperty;var oe=Object.getOwnPropertyDescriptor;var re=Object.getOwnPropertyNames;var te=Object.getPrototypeOf,ne=Object.prototype.hasOwnProperty;var ie=(e,r,n,d)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of re(r))!ne.call(e,i)&&i!==n&&I(e,i,{get:()=>r[i],enumerable:!(d=oe(r,i))||d.enumerable});return e};var ae=(e,r,n)=>(n=e!=null?ee(te(e)):{},ie(r||!e||!e.__esModule?I(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("../theme-DNG4OSBd.cjs"),g=require("../isDefined-DS2Q42p5.cjs"),de=require("../Loader-Z6_7AA-x.cjs"),se=require("../ResizeHandle-cll01qBQ.cjs");let a=require("react/jsx-runtime"),s=require("react"),C=require("@monaco-editor/react");C=D.__toESM(C,1);var j="baseCodeEditorTheme",o=e=>{if(e.trim()==="transparent")return"#00000000";const r=e.match(/color\(display-p3\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s+\/\s+([\d.]+))?\)/);if(g.isDefined(r)){const[,n,d,i,_]=r,c=Math.round(parseFloat(n)*255).toString(16).padStart(2,"0"),p=Math.round(parseFloat(d)*255).toString(16).padStart(2,"0"),b=Math.round(parseFloat(i)*255).toString(16).padStart(2,"0");return g.isDefined(_)?`#${c}${p}${b}${Math.round(parseFloat(_)*255).toString(16).padStart(2,"0")}`:`#${c}${p}${b}`}return e},z=(e,r)=>({base:r==="dark"?"vs-dark":"vs",inherit:!0,rules:[{token:"",foreground:o(e.font.color.secondary)},{token:"keyword",foreground:o(e.color.pink11)},{token:"keyword.control",foreground:o(e.color.pink11)},{token:"keyword.json",foreground:o(e.color.orange11)},{token:"number",foreground:o(e.color.orange11)},{token:"number.json",foreground:o(e.color.orange11)},{token:"regexp",foreground:o(e.color.orange11)},{token:"type",foreground:o(e.color.green11)},{token:"attribute.name",foreground:o(e.color.blue11)},{token:"tag",foreground:o(e.color.pink11)},{token:"string",foreground:o(e.color.green11)},{token:"string.key.json",foreground:o(e.color.blue11)},{token:"delimiter",foreground:o(e.font.color.light)},{token:"delimiter.bracket.json",foreground:o(e.font.color.light)},{token:"string.value.json",foreground:o(e.color.green11)},{token:"comment",foreground:o(e.font.color.light),fontStyle:"italic"}],colors:{"editor.background":o("transparent"),"editor.foreground":o(e.font.color.secondary),"editorCursor.foreground":o(e.font.color.primary),"editorLineNumber.foreground":o(e.font.color.extraLight),"editorLineNumber.activeForeground":o(e.font.color.light),"editor.lineHighlightBackground":o(e.background.tertiary),"editor.selectionBackground":o(e.background.transparent.blue),"editor.inactiveSelectionBackground":o(e.background.transparent.light),"editorIndentGuide.background1":o(e.border.color.light),"editorIndentGuide.activeBackground1":o(e.border.color.medium),"editorBracketMatch.background":o(e.background.transparent.light),"editorBracketMatch.border":o(e.border.color.medium)}}),le="_editorLoader_zilk9_1",ue="_container_zilk9_20",ce="_editorWrapper_zilk9_24",S={editorLoader:le,container:ue,editorWrapper:ce},O,ge=()=>(O??=import("monaco-editor").then(e=>{C.loader.config({monaco:e})}),O),$=(e,r,n)=>{e.editor.defineTheme(j,z(r,n)),e.editor.setTheme(j)},fe=({value:e,language:r,onMount:n,onChange:d,setMarkers:i,onValidate:_,height:c=450,variant:p="default",transparentBackground:b,isLoading:P=!1,options:N,resizable:E=!1,resizeLabel:R="Resize editor",contentPadding:w="default",autoHeight:W=!1})=>{const f=D.useTheme(),M=D.useThemeColorScheme(),[h,A]=(0,s.useState)(void 0),[k,V]=(0,s.useState)(void 0),[G,L]=(0,s.useState)(!1),[K,J]=(0,s.useState)(!1),[Q,T]=(0,s.useState)(void 0),[q,U]=(0,s.useState)(typeof c=="number"?c:450),B=(0,s.useId)(),y=W&&!E,H=typeof f.spacingMultiplicator=="number"?f.spacingMultiplicator*4:void 0,m=y?Q??c:E?q:c,X={...w==="comfortable"?{lineDecorationsWidth:H}:{},padding:{bottom:H,top:H}},{padding:_e,...Y}=N??{},F=(t,l)=>{const u=t?.getModel();if(!g.isDefined(u))return;const v=i?.(u.getValue());g.isDefined(v)&&l?.editor.setModelMarkers(u,"customMarker",v)},Z=t=>{G&&t.stopPropagation()};return(0,s.useEffect)(()=>{let t=!0;return ge().then(()=>{t&&J(!0)}),()=>{t=!1}},[]),(0,s.useEffect)(()=>{g.isDefined(h)&&$(h,f,M)},[M,h,f]),(0,s.useEffect)(()=>{if(!y||!g.isDefined(k)){T(void 0);return}const t=()=>{const u=k.getContentHeight();!Number.isFinite(u)||u<=0||T(v=>v===u?v:u)};t();const l=k.onDidContentSizeChange(t);return()=>{l.dispose()}},[k,y]),P||!K?(0,a.jsx)("div",{className:S.editorLoader,"data-variant":p,style:{"--code-editor-height":typeof m=="number"?`${m}px`:m},children:(0,a.jsx)(de.Loader,{})}):(0,a.jsxs)("div",{className:S.container,onKeyDown:Z,children:[(0,a.jsx)("input",{type:"hidden","data-testid":"code-editor-value",value:e??"",readOnly:!0}),(0,a.jsx)("div",{id:B,className:S.editorWrapper,"data-variant":p,"data-transparent-background":b||void 0,children:(0,a.jsx)(C.default,{height:m,value:e,language:r,loading:"",onMount:(t,l)=>{A(l),V(t),$(l,f,M),t.onDidFocusEditorWidget(()=>{L(!0)}),t.onDidBlurEditorWidget(()=>{L(!1)}),n?.(t,l),F(t,l)},onChange:t=>{g.isDefined(t)&&(d?.(t),F(k,h))},onValidate:t=>{_?.(t)},options:{formatOnPaste:!0,formatOnType:!0,fontFamily:f.code.font.family,bracketPairColorization:{enabled:!1},overviewRulerLanes:0,scrollBeyondLastLine:!1,scrollbar:{vertical:"hidden",horizontal:"hidden"},minimap:{enabled:!1},...Y,...X}})}),E&&(0,a.jsx)(se.ResizeHandle,{"aria-label":R,"aria-controls":B,value:q,onValueChange:U})]})},pe="_editorHeader_19qlo_1",ke="_elementContainer_19qlo_15",x={editorHeader:pe,elementContainer:ke},ve=({title:e,leftNodes:r,rightNodes:n})=>(0,a.jsxs)("div",{className:x.editorHeader,children:[(0,a.jsxs)("div",{className:x.elementContainer,children:[r&&r.map((d,i)=>(0,a.jsx)("div",{children:d},`left-${i}`)),e]}),(0,a.jsx)("div",{className:x.elementContainer,children:n&&n.map((d,i)=>(0,a.jsx)("div",{children:d},`right-${i}`))})]});exports.BASE_CODE_EDITOR_THEME_ID=j;exports.CodeEditor=fe;exports.CodeEditorHeader=ve;exports.getBaseCodeEditorTheme=z;
+var Z=Object.create;var F=Object.defineProperty;var ee=Object.getOwnPropertyDescriptor;var oe=Object.getOwnPropertyNames;var re=Object.getPrototypeOf,te=Object.prototype.hasOwnProperty;var ne=(e,r,n,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of oe(r))!te.call(e,i)&&i!==n&&F(e,i,{get:()=>r[i],enumerable:!(a=ee(r,i))||a.enumerable});return e};var ie=(e,r,n)=>(n=e!=null?Z(re(e)):{},ne(r||!e||!e.__esModule?F(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("../theme-DumxXtpW.cjs"),l=require("../isDefined-DS2Q42p5.cjs"),de=require("../Loader-CMXdrX1d.cjs"),ae=require("../ResizeHandle-cll01qBQ.cjs");let d=require("react/jsx-runtime"),s=require("react"),C=require("@monaco-editor/react");C=D.__toESM(C,1);var $="baseCodeEditorTheme",o=e=>{if(e.trim()==="transparent")return"#00000000";const r=e.match(/color\(display-p3\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s+\/\s+([\d.]+))?\)/);if(l.isDefined(r)){const[,n,a,i,b]=r;if(!l.isDefined(n)||!l.isDefined(a)||!l.isDefined(i))return e;const g=Math.round(parseFloat(n)*255).toString(16).padStart(2,"0"),p=Math.round(parseFloat(a)*255).toString(16).padStart(2,"0"),_=Math.round(parseFloat(i)*255).toString(16).padStart(2,"0");return l.isDefined(b)?`#${g}${p}${_}${Math.round(parseFloat(b)*255).toString(16).padStart(2,"0")}`:`#${g}${p}${_}`}return e},se=(e,r)=>({base:r==="dark"?"vs-dark":"vs",inherit:!0,rules:[{token:"",foreground:o(e.font.color.secondary)},{token:"keyword",foreground:o(e.color.pink11)},{token:"keyword.control",foreground:o(e.color.pink11)},{token:"keyword.json",foreground:o(e.color.orange11)},{token:"number",foreground:o(e.color.orange11)},{token:"number.json",foreground:o(e.color.orange11)},{token:"regexp",foreground:o(e.color.orange11)},{token:"type",foreground:o(e.color.green11)},{token:"attribute.name",foreground:o(e.color.blue11)},{token:"tag",foreground:o(e.color.pink11)},{token:"string",foreground:o(e.color.green11)},{token:"string.key.json",foreground:o(e.color.blue11)},{token:"delimiter",foreground:o(e.font.color.light)},{token:"delimiter.bracket.json",foreground:o(e.font.color.light)},{token:"string.value.json",foreground:o(e.color.green11)},{token:"comment",foreground:o(e.font.color.light),fontStyle:"italic"}],colors:{"editor.background":o("transparent"),"editor.foreground":o(e.font.color.secondary),"editorCursor.foreground":o(e.font.color.primary),"editorLineNumber.foreground":o(e.font.color.extraLight),"editorLineNumber.activeForeground":o(e.font.color.light),"editor.lineHighlightBackground":o(e.background.tertiary),"editor.selectionBackground":o(e.background.transparent.blue),"editor.inactiveSelectionBackground":o(e.background.transparent.light),"editorIndentGuide.background1":o(e.border.color.light),"editorIndentGuide.activeBackground1":o(e.border.color.medium),"editorBracketMatch.background":o(e.background.transparent.light),"editorBracketMatch.border":o(e.border.color.medium)}}),le="_editorLoader_zilk9_1",ue="_container_zilk9_20",ce="_editorWrapper_zilk9_24",S={editorLoader:le,container:ue,editorWrapper:ce},z,ge=()=>(z??=import("monaco-editor").then(e=>{C.loader.config({monaco:e})}),z),I=(e,r,n)=>{e.editor.defineTheme($,se(r,n)),e.editor.setTheme($)},fe=({value:e,language:r,onMount:n,onChange:a,setMarkers:i,onValidate:b,height:g=450,variant:p="default",transparentBackground:_,isLoading:O=!1,options:P,resizable:M=!1,resizeLabel:N="Resize editor",contentPadding:w="default",autoHeight:R=!1})=>{const f=D.useTheme(),y=D.useThemeColorScheme(),[h,W]=(0,s.useState)(void 0),[k,A]=(0,s.useState)(void 0),[V,j]=(0,s.useState)(!1),[G,K]=(0,s.useState)(!1),[J,L]=(0,s.useState)(void 0),[q,Q]=(0,s.useState)(typeof g=="number"?g:450),T=(0,s.useId)(),E=R&&!M,H=typeof f.spacingMultiplicator=="number"?f.spacingMultiplicator*4:void 0,m=E?J??g:M?q:g,U={...w==="comfortable"?{lineDecorationsWidth:H}:{},padding:{bottom:H,top:H}},{padding:be,...X}=P??{},B=(t,u)=>{const c=t?.getModel();if(!l.isDefined(c))return;const v=i?.(c.getValue());l.isDefined(v)&&u?.editor.setModelMarkers(c,"customMarker",v)},Y=t=>{V&&t.stopPropagation()};return(0,s.useEffect)(()=>{let t=!0;return ge().then(()=>{t&&K(!0)}),()=>{t=!1}},[]),(0,s.useEffect)(()=>{l.isDefined(h)&&I(h,f,y)},[y,h,f]),(0,s.useEffect)(()=>{if(!E||!l.isDefined(k)){L(void 0);return}const t=()=>{const c=k.getContentHeight();!Number.isFinite(c)||c<=0||L(v=>v===c?v:c)};t();const u=k.onDidContentSizeChange(t);return()=>{u.dispose()}},[k,E]),O||!G?(0,d.jsx)("div",{className:S.editorLoader,"data-variant":p,style:{"--code-editor-height":typeof m=="number"?`${m}px`:m},children:(0,d.jsx)(de.Loader,{})}):(0,d.jsxs)("div",{className:S.container,onKeyDown:Y,children:[(0,d.jsx)("input",{type:"hidden","data-testid":"code-editor-value",value:e??"",readOnly:!0}),(0,d.jsx)("div",{id:T,className:S.editorWrapper,"data-variant":p,"data-transparent-background":_||void 0,children:(0,d.jsx)(C.default,{height:m,value:e,language:r,loading:"",onMount:(t,u)=>{W(u),A(t),I(u,f,y),t.onDidFocusEditorWidget(()=>{j(!0)}),t.onDidBlurEditorWidget(()=>{j(!1)}),n?.(t,u),B(t,u)},onChange:t=>{l.isDefined(t)&&(a?.(t),B(k,h))},onValidate:t=>{b?.(t)},options:{formatOnPaste:!0,formatOnType:!0,fontFamily:f.code.font.family,bracketPairColorization:{enabled:!1},overviewRulerLanes:0,scrollBeyondLastLine:!1,scrollbar:{vertical:"hidden",horizontal:"hidden"},minimap:{enabled:!1},...X,...U}})}),M&&(0,d.jsx)(ae.ResizeHandle,{"aria-label":N,"aria-controls":T,value:q,onValueChange:Q})]})},pe="_editorHeader_19qlo_1",ke="_elementContainer_19qlo_15",x={editorHeader:pe,elementContainer:ke},ve=({title:e,leftNodes:r,rightNodes:n})=>(0,d.jsxs)("div",{className:x.editorHeader,children:[(0,d.jsxs)("div",{className:x.elementContainer,children:[r&&r.map((a,i)=>(0,d.jsx)("div",{children:a},`left-${i}`)),e]}),(0,d.jsx)("div",{className:x.elementContainer,children:n&&n.map((a,i)=>(0,d.jsx)("div",{children:a},`right-${i}`))})]});exports.CodeEditor=fe;exports.CodeEditorHeader=ve;

package/dist/components/code-editor.mjs

@@ -1,16 +1,18 @@
-import { t as u } from "../isDefined-fMi6eQ4r.js";
-import { n as Y, r as Z } from "../theme-DBro6iwF.js";
-import { t as oo } from "../Loader-X1LymYkw.js";
+import { t as n } from "../isDefined-fMi6eQ4r.js";
+import { n as Y, r as Z } from "../theme-CjHovJAZ.js";
+import { t as oo } from "../Loader-BLkXvZli.js";
 import { t as ro } from "../ResizeHandle-DN1bRxQb.js";
-import { jsx as n, jsxs as x } from "react/jsx-runtime";
+import { jsx as i, jsxs as x } from "react/jsx-runtime";
 import { useEffect as E, useId as eo, useState as f } from "react";
 import to, { loader as no } from "@monaco-editor/react";
 var z = "baseCodeEditorTheme", r = (o) => {
   if (o.trim() === "transparent") return "#00000000";
   const t = o.match(/color\(display-p3\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s+\/\s+([\d.]+))?\)/);
-  if (u(t)) {
-    const [, a, s, l, v] = t, c = Math.round(parseFloat(a) * 255).toString(16).padStart(2, "0"), p = Math.round(parseFloat(s) * 255).toString(16).padStart(2, "0"), b = Math.round(parseFloat(l) * 255).toString(16).padStart(2, "0");
-    return u(v) ? `#${c}${p}${b}${Math.round(parseFloat(v) * 255).toString(16).padStart(2, "0")}` : `#${c}${p}${b}`;
+  if (n(t)) {
+    const [, a, d, s, v] = t;
+    if (!n(a) || !n(d) || !n(s)) return o;
+    const u = Math.round(parseFloat(a) * 255).toString(16).padStart(2, "0"), p = Math.round(parseFloat(d) * 255).toString(16).padStart(2, "0"), b = Math.round(parseFloat(s) * 255).toString(16).padStart(2, "0");
+    return n(v) ? `#${u}${p}${b}${Math.round(parseFloat(v) * 255).toString(16).padStart(2, "0")}` : `#${u}${p}${b}`;
   }
   return o;
 }, ao = (o, t) => ({
@@ -105,18 +107,18 @@ var z = "baseCodeEditorTheme", r = (o) => {
   no.config({ monaco: o });
 }), I), j = (o, t, a) => {
   o.editor.defineTheme(z, ao(t, a)), o.editor.setTheme(z);
-}, yo = ({ value: o, language: t, onMount: a, onChange: s, setMarkers: l, onValidate: v, height: c = 450, variant: p = "default", transparentBackground: b, isLoading: N = !1, options: O, resizable: y = !1, resizeLabel: P = "Resize editor", contentPadding: w = "default", autoHeight: W = !1 }) => {
-  const g = Z(), _ = Y(), [h, R] = f(void 0), [k, A] = f(void 0), [V, T] = f(!1), [q, G] = f(!1), [K, B] = f(void 0), [D, J] = f(typeof c == "number" ? c : 450), F = eo(), M = W && !y, H = typeof g.spacingMultiplicator == "number" ? g.spacingMultiplicator * 4 : void 0, C = M ? K ?? c : y ? D : c, Q = {
+}, yo = ({ value: o, language: t, onMount: a, onChange: d, setMarkers: s, onValidate: v, height: u = 450, variant: p = "default", transparentBackground: b, isLoading: N = !1, options: O, resizable: y = !1, resizeLabel: P = "Resize editor", contentPadding: w = "default", autoHeight: W = !1 }) => {
+  const g = Z(), _ = Y(), [h, R] = f(void 0), [k, A] = f(void 0), [V, T] = f(!1), [q, G] = f(!1), [K, B] = f(void 0), [D, J] = f(typeof u == "number" ? u : 450), F = eo(), M = W && !y, H = typeof g.spacingMultiplicator == "number" ? g.spacingMultiplicator * 4 : void 0, C = M ? K ?? u : y ? D : u, Q = {
     ...w === "comfortable" ? { lineDecorationsWidth: H } : {},
     padding: {
       bottom: H,
       top: H
     }
-  }, { padding: fo, ...U } = O ?? {}, $ = (e, i) => {
-    const d = e?.getModel();
-    if (!u(d)) return;
-    const m = l?.(d.getValue());
-    u(m) && i?.editor.setModelMarkers(d, "customMarker", m);
+  }, { padding: fo, ...U } = O ?? {}, $ = (e, l) => {
+    const c = e?.getModel();
+    if (!n(c)) return;
+    const m = s?.(c.getValue());
+    n(m) && l?.editor.setModelMarkers(c, "customMarker", m);
   }, X = (e) => {
     V && e.stopPropagation();
   };
@@ -128,59 +130,59 @@ var z = "baseCodeEditorTheme", r = (o) => {
       e = !1;
     };
   }, []), E(() => {
-    u(h) && j(h, g, _);
+    n(h) && j(h, g, _);
   }, [
     _,
     h,
     g
   ]), E(() => {
-    if (!M || !u(k)) {
+    if (!M || !n(k)) {
       B(void 0);
       return;
     }
     const e = () => {
-      const d = k.getContentHeight();
-      !Number.isFinite(d) || d <= 0 || B((m) => m === d ? m : d);
+      const c = k.getContentHeight();
+      !Number.isFinite(c) || c <= 0 || B((m) => m === c ? m : c);
     };
     e();
-    const i = k.onDidContentSizeChange(e);
+    const l = k.onDidContentSizeChange(e);
     return () => {
-      i.dispose();
+      l.dispose();
     };
-  }, [k, M]), N || !q ? /* @__PURE__ */ n("div", {
+  }, [k, M]), N || !q ? /* @__PURE__ */ i("div", {
     className: S.editorLoader,
     "data-variant": p,
     style: { "--code-editor-height": typeof C == "number" ? `${C}px` : C },
-    children: /* @__PURE__ */ n(oo, {})
+    children: /* @__PURE__ */ i(oo, {})
   }) : /* @__PURE__ */ x("div", {
     className: S.container,
     onKeyDown: X,
     children: [
-      /* @__PURE__ */ n("input", {
+      /* @__PURE__ */ i("input", {
         type: "hidden",
         "data-testid": "code-editor-value",
         value: o ?? "",
         readOnly: !0
       }),
-      /* @__PURE__ */ n("div", {
+      /* @__PURE__ */ i("div", {
         id: F,
         className: S.editorWrapper,
         "data-variant": p,
         "data-transparent-background": b || void 0,
-        children: /* @__PURE__ */ n(to, {
+        children: /* @__PURE__ */ i(to, {
           height: C,
           value: o,
           language: t,
           loading: "",
-          onMount: (e, i) => {
-            R(i), A(e), j(i, g, _), e.onDidFocusEditorWidget(() => {
+          onMount: (e, l) => {
+            R(l), A(e), j(l, g, _), e.onDidFocusEditorWidget(() => {
               T(!0);
             }), e.onDidBlurEditorWidget(() => {
               T(!1);
-            }), a?.(e, i), $(e, i);
+            }), a?.(e, l), $(e, l);
           },
           onChange: (e) => {
-            u(e) && (s?.(e), $(k, h));
+            n(e) && (d?.(e), $(k, h));
           },
           onValidate: (e) => {
             v?.(e);
@@ -202,7 +204,7 @@ var z = "baseCodeEditorTheme", r = (o) => {
           }
         })
       }),
-      y && /* @__PURE__ */ n(ro, {
+      y && /* @__PURE__ */ i(ro, {
         "aria-label": P,
         "aria-controls": F,
         value: D,
@@ -217,15 +219,13 @@ var z = "baseCodeEditorTheme", r = (o) => {
   className: L.editorHeader,
   children: [/* @__PURE__ */ x("div", {
     className: L.elementContainer,
-    children: [t && t.map((s, l) => /* @__PURE__ */ n("div", { children: s }, `left-${l}`)), o]
-  }), /* @__PURE__ */ n("div", {
+    children: [t && t.map((d, s) => /* @__PURE__ */ i("div", { children: d }, `left-${s}`)), o]
+  }), /* @__PURE__ */ i("div", {
     className: L.elementContainer,
-    children: a && a.map((s, l) => /* @__PURE__ */ n("div", { children: s }, `right-${l}`))
+    children: a && a.map((d, s) => /* @__PURE__ */ i("div", { children: d }, `right-${s}`))
   })]
 });
 export {
-  z as BASE_CODE_EDITOR_THEME_ID,
   yo as CodeEditor,
-  _o as CodeEditorHeader,
-  ao as getBaseCodeEditorTheme
+  _o as CodeEditorHeader
 };

package/dist/components/feedback/Callout/Callout.d.ts

@@ -1,2 +1,2 @@
 import { CalloutProps } from './types/CalloutProps';
-export declare const Callout: ({ variant, title, description, fullWidth, Icon, action, isClosable, onClose, }: CalloutProps) => import("react").JSX.Element | null;
+export declare const Callout: ({ variant, title, description, fullWidth, Icon, action, isClosable, closeLabel, onClose, }: CalloutProps) => import("react").JSX.Element | null;

package/dist/components/feedback/Callout/types/CalloutProps.d.ts

@@ -11,5 +11,6 @@ export type CalloutProps = {
         onClick: () => void;
     };
     isClosable?: boolean;
+    closeLabel?: string;
     onClose?: () => void;
 };

package/dist/components/feedback/InlineBanner/InlineBanner.d.ts

@@ -1,18 +1,2 @@
-import { IconComponent } from '../../../icon/types/IconComponent';
-import { BannerColor } from '../../../primitives/feedback/Banner/Banner';
-type InlineBannerProps = {
-    color?: BannerColor;
-    message: string;
-    embedded?: boolean;
-    button?: {
-        title?: string;
-        onClick?: () => void;
-        hidden?: boolean;
-        disabled?: boolean;
-        Icon?: IconComponent;
-    };
-    LeftIcon?: IconComponent;
-    className?: string;
-};
-export declare const InlineBanner: ({ color, message, embedded, button, LeftIcon, className, }: InlineBannerProps) => import("react").JSX.Element;
-export {};
+import { InlineBannerProps } from './types/InlineBannerProps';
+export declare const InlineBanner: ({ color, message, variant, embedded, button, LeftIcon, className, }: InlineBannerProps) => import("react").JSX.Element;

package/dist/components/feedback/InlineBanner/internal/InlineBannerButton.d.ts

@@ -0,0 +1,5 @@
+import { BannerColor } from '../../../../primitives/feedback/Banner/Banner';
+import { InlineBannerButtonProps } from '../types/InlineBannerButtonProps';
+export declare const InlineBannerButton: ({ color, title, Icon, hidden, onClick, href, render, target, rel, download, disabled, "aria-label": ariaLabel, }: InlineBannerButtonProps & {
+    color: BannerColor;
+}) => import("react").JSX.Element | null;

package/dist/components/feedback/InlineBanner/types/InlineBannerButtonProps.d.ts

@@ -0,0 +1,7 @@
+import { IconComponent } from '../../../../icon/types/IconComponent';
+import { ButtonProps } from '../../../../primitives/input/Button/types/ButtonProps';
+export type InlineBannerButtonProps = Pick<ButtonProps, 'onClick' | 'href' | 'render' | 'target' | 'rel' | 'download' | 'disabled' | 'aria-label'> & {
+    title?: string;
+    hidden?: boolean;
+    Icon?: IconComponent;
+};

package/dist/components/feedback/InlineBanner/types/InlineBannerProps.d.ts

@@ -0,0 +1,12 @@
+import { IconComponent } from '../../../../icon/types/IconComponent';
+import { BannerColor } from '../../../../primitives/feedback/Banner/Banner';
+import { InlineBannerButtonProps } from './InlineBannerButtonProps';
+export type InlineBannerProps = {
+    color?: BannerColor;
+    message: string;
+    variant?: 'standard' | 'compact';
+    embedded?: boolean;
+    button?: InlineBannerButtonProps;
+    LeftIcon?: IconComponent;
+    className?: string;
+};

package/dist/components/feedback/Toast/Toast.d.ts

@@ -1,2 +1,2 @@
 import { ToastProps } from './types/ToastProps';
-export declare const Toast: ({ children, description, icon, iconLabel, action, progress, duration, onCancel, onClose, cancelLabel, closeLabel, variant, role, className, onMouseEnter, onMouseLeave, render, ref, ...props }: ToastProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const Toast: ({ children, description, icon, iconLabel, action, progress, duration, onCancel, onClose, cancelLabel, closeLabel, variant, role, className, onMouseEnter, onMouseLeave, onFocus, onBlur, render, ref, ...props }: ToastProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/components/feedback/Toast/internal/components/ToastProgress.d.ts

@@ -0,0 +1,9 @@
+type ToastProgressProps = {
+    progress?: number;
+    duration: number;
+    isPaused: boolean;
+    barColor: string;
+    onClose?: () => void;
+};
+export declare const ToastProgress: ({ progress, duration, isPaused, barColor, onClose, }: ToastProgressProps) => import("react").JSX.Element;
+export {};

package/dist/components/feedback/Toast/{hooks → internal/hooks}/useEnqueueToast.d.ts

@@ -1,4 +1,4 @@
-import { ToastOptions } from '../types/ToastOptions';
+import { ToastOptions } from '../../types/ToastOptions';
 export declare const useEnqueueToast: () => {
     enqueueToast: {
         (options: ToastOptions): string;

package/dist/components/feedback/Toast/{types → internal/types}/ToastEntry.d.ts

@@ -1,4 +1,4 @@
-import { ToastNotification } from './ToastNotification';
+import { ToastNotification } from '../../types/ToastNotification';
 export type ToastEntry = {
     notification: ToastNotification;
     dedupeKey?: string;

package/dist/components/feedback/Toast/types/ToastProps.d.ts

@@ -27,7 +27,7 @@ export type ToastProps = ComponentPropsWithRef<'div'> & {
     progress?: number;
     /**
      * Milliseconds before `onClose` is called. The countdown pauses while the
-     * pointer is over the toast.
+     * pointer is over the toast or keyboard focus is inside it.
      */
     duration?: number;
     /**

package/dist/components/feedback/Toaster/internal/ToasterItem.d.ts

@@ -1,4 +1,4 @@
-import { ToastEntry } from '../../Toast/types/ToastEntry';
+import { ToastEntry } from '../../Toast/internal/types/ToastEntry';
 import { ToasterProps } from '../types/ToasterProps';
 type ToasterItemProps = {
     toastEntry: ToastEntry;

package/dist/components/feedback/Toaster/internal/ToasterItemExitEffect.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { ToastEntry } from '../../Toast/types/ToastEntry';
+import { ToastEntry } from '../../Toast/internal/types/ToastEntry';
 type ToasterItemExitEffectProps = {
     elementRef: RefObject<HTMLDivElement | null>;
     toastEntry: ToastEntry;

package/dist/components/index.d.ts

@@ -15,36 +15,19 @@ export { getIconTileColorShades } from './data-display/TintedIconTile/utils/getI
 export { Callout } from './feedback/Callout/Callout';
 export type { CalloutProps } from './feedback/Callout/types/CalloutProps';
 export type { CalloutVariant } from './feedback/Callout/types/CalloutVariant';
-export { Info } from './feedback/Info/Info';
-export type { InfoAccent } from './feedback/Info/types/InfoAccent';
-export type { InfoProps } from './feedback/Info/types/InfoProps';
 export { InlineBanner } from './feedback/InlineBanner/InlineBanner';
-export { DEFAULT_TOAST_LIMIT } from './feedback/Toast/constants/DefaultToastLimit';
-export { ToastContext } from './feedback/Toast/contexts/ToastContext';
-export { useCloseToast } from './feedback/Toast/hooks/useCloseToast';
-export { useEnqueueToast } from './feedback/Toast/hooks/useEnqueueToast';
+export type { InlineBannerButtonProps } from './feedback/InlineBanner/types/InlineBannerButtonProps';
+export type { InlineBannerProps } from './feedback/InlineBanner/types/InlineBannerProps';
 export { useToast } from './feedback/Toast/hooks/useToast';
-export { useToastContext } from './feedback/Toast/hooks/useToastContext';
-export { useToastEntries } from './feedback/Toast/hooks/useToastEntries';
-export { createToastStore } from './feedback/Toast/stores/createToastStore';
 export { Toast } from './feedback/Toast/Toast';
 export { ToastProvider } from './feedback/Toast/ToastProvider';
-export type { ToastEntry } from './feedback/Toast/types/ToastEntry';
 export type { ToastNotification } from './feedback/Toast/types/ToastNotification';
 export type { ToastOptions } from './feedback/Toast/types/ToastOptions';
 export type { ToastProps } from './feedback/Toast/types/ToastProps';
 export type { ToastProviderProps } from './feedback/Toast/types/ToastProviderProps';
-export type { ToastStoreState } from './feedback/Toast/types/ToastStoreState';
 export type { ToastVariant } from './feedback/Toast/types/ToastVariant';
-export { completeToastExit } from './feedback/Toast/utils/completeToastExit';
-export { dismissToasts } from './feedback/Toast/utils/dismissToasts';
-export { isToastVisible } from './feedback/Toast/utils/isToastVisible';
 export { Toaster } from './feedback/Toaster/Toaster';
 export type { ToasterProps } from './feedback/Toaster/types/ToasterProps';
-export { CardPicker } from './input/CardPicker/CardPicker';
-export type { CardPickerProps } from './input/CardPicker/types/CardPickerProps';
-export { ColorSchemePicker } from './input/ColorSchemePicker/ColorSchemePicker';
-export type { ColorSchemePickerProps } from './input/ColorSchemePicker/types/ColorSchemePickerProps';
 export { IconButton } from './input/IconButton/IconButton';
 export type { IconButtonProps } from './input/IconButton/types/IconButtonProps';
 export type { IconButtonSize } from './input/IconButton/types/IconButtonSize';
@@ -62,9 +45,11 @@ export { Section } from './layout/Section/Section';
 export type { SectionHeaderProps } from './layout/Section/types/SectionHeaderProps';
 export type { SectionRootProps } from './layout/Section/types/SectionRootProps';
 export { Dropdown } from './navigation/Dropdown/Dropdown';
+export { useDropdownPage } from './navigation/Dropdown/hooks/useDropdownPage';
 export type { DropdownActionItemProps } from './navigation/Dropdown/types/DropdownActionItemProps';
 export type { DropdownCloseProps } from './navigation/Dropdown/types/DropdownCloseProps';
 export type { DropdownContentProps } from './navigation/Dropdown/types/DropdownContentProps';
+export type { DropdownDismissEvent } from './navigation/Dropdown/types/DropdownDismissEvent';
 export type { DropdownHeaderProps } from './navigation/Dropdown/types/DropdownHeaderProps';
 export type { DropdownOptionItemProps } from './navigation/Dropdown/types/DropdownOptionItemProps';
 export type { DropdownPageProps } from './navigation/Dropdown/types/DropdownPageProps';
@@ -91,6 +76,5 @@ export type { MenuItemSuggestionProps } from './navigation/MenuItemSuggestion/ty
 export { MenuPicker } from './navigation/MenuPicker/MenuPicker';
 export type { MenuPickerProps } from './navigation/MenuPicker/types/MenuPickerProps';
 export { NavigationBar } from './navigation/NavigationBar/NavigationBar';
-export { RoundedLink } from './navigation/RoundedLink/RoundedLink';
 export { TabButton } from './navigation/TabButton/TabButton';
 export type { TabButtonProps } from './navigation/TabButton/types/TabButtonProps';

package/dist/components/input/IconButton/types/IconButtonProps.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { IconButtonSize } from './IconButtonSize';
 import { ButtonProps } from '../../../../primitives/input/Button/types/ButtonProps';
 import { TooltipSide } from '../../../../primitives/surfaces/Tooltip/types/TooltipSide';
-export type IconButtonProps = Omit<ButtonProps, 'size' | 'aria-label' | 'children' | 'startIcon' | 'endIcon' | 'hotkeys' | 'fullWidth' | 'soon' | 'soonLabel'> & {
+export type IconButtonProps = Omit<ButtonProps, 'size' | 'aria-label' | 'children' | 'startIcon' | 'endIcon' | 'hotkeys' | 'fullWidth'> & {
     size?: IconButtonSize;
     shape?: 'square' | 'round';
     children: ReactNode;

package/dist/components/input/SearchInput/SearchInput.d.ts

@@ -1,2 +1,2 @@
 import { SearchInputProps } from './types/SearchInputProps';
-export declare const SearchInput: ({ value, onChange, placeholder, filterDropdown, autoFocus, disabled, className, id, filterButtonAriaLabel, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, }: SearchInputProps) => import("react").JSX.Element;
+export declare const SearchInput: ({ placeholder, filterDropdown, size, id, filterButtonAriaLabel, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: SearchInputProps) => import("react").JSX.Element;

package/dist/components/input/SearchInput/__stories__/SearchInputExample.d.ts

@@ -0,0 +1,2 @@
+import { SearchInputProps } from '../types/SearchInputProps';
+export declare const SearchInputExample: (props: SearchInputProps) => import("react").JSX.Element;

package/dist/components/input/SearchInput/types/SearchInputProps.d.ts

@@ -1,14 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
-export type SearchInputProps = {
-    value: string;
-    onChange: (value: string) => void;
-    placeholder?: string;
+import { InputProps } from '../../../../primitives/input/Input/types/InputProps';
+export type SearchInputProps = InputProps & {
     filterDropdown?: (filterButton: ReactElement) => ReactNode;
-    autoFocus?: boolean;
-    disabled?: boolean;
-    className?: string;
-    id?: string;
     filterButtonAriaLabel?: string;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
 };

package/dist/components/navigation/Dropdown/Dropdown.d.ts

@@ -2,18 +2,18 @@ import { ReactElement } from 'react';
 import { DropdownRootProps } from './types/DropdownRootProps';
 export declare const Dropdown: {
     Root: (props: DropdownRootProps) => ReactElement;
-    Trigger: ({ onKeyDown, onClick, ...props }: import('./types/DropdownTriggerProps').DropdownTriggerProps) => import("react").JSX.Element;
-    Content: ({ side, align, sideOffset, alignOffset, anchor, container, keepMounted, width, className, style, children, initialFocus, onKeyDown, onClick, onMouseDown, onPointerDown, ref, ...props }: import('./types/DropdownContentProps').DropdownContentProps) => import("react").JSX.Element;
-    ActionItem: ({ color, startIcon, endIcon, description, descriptionPlacement, hotkeys, hasSubmenu, children, render, disabled, nativeButton, closeOnClick, onClick, onFocus, page, id, ...props }: import('./types/DropdownActionItemProps').DropdownActionItemProps) => import("react").JSX.Element;
-    OptionItem: ({ selected, indicator, onSelect, closeOnSelect, color, startIcon, endIcon, description, descriptionPlacement, hotkeys, hasSubmenu, children, render, disabled, nativeButton, onClick, onFocus, id, ...props }: import('./types/DropdownOptionItemProps').DropdownOptionItemProps) => import("react").JSX.Element;
+    Trigger: ({ onKeyDown, onClick, ref, ...props }: import('./types/DropdownTriggerProps').DropdownTriggerProps) => import("react").JSX.Element;
+    Content: ({ side, align, sideOffset, alignOffset, anchor, container, keepMounted, width, className, style, children, initialFocus, onKeyDown, onClick, onMouseDown, onPointerDown, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ref, ...props }: import('./types/DropdownContentProps').DropdownContentProps) => import("react").JSX.Element;
+    ActionItem: ({ color, startIcon, endIcon, description, descriptionPlacement, hotkeys, hotkeysJoinLabel, hasSubmenu, children, render, disabled, nativeButton, closeOnClick, onClick, onFocus, page, id, ...props }: import('./types/DropdownActionItemProps').DropdownActionItemProps) => import("react").JSX.Element;
+    OptionItem: ({ selected, indicator, onSelect, closeOnSelect, color, startIcon, endIcon, description, descriptionPlacement, hotkeys, hotkeysJoinLabel, hasSubmenu, children, render, disabled, nativeButton, onClick, onFocus, id, ...props }: import('./types/DropdownOptionItemProps').DropdownOptionItemProps) => import("react").JSX.Element;
     Search: ({ onValueChange, className, ...props }: import('./types/DropdownSearchProps').DropdownSearchProps) => import("react").JSX.Element;
     Header: ({ render, ref, className, ...props }: import('./types/DropdownHeaderProps').DropdownHeaderProps) => ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
-    Title: ({ className, render, ...props }: import('./types/DropdownTitleProps').DropdownTitleProps) => import("react").JSX.Element;
+    Title: ({ className, render, ref, ...props }: import('./types/DropdownTitleProps').DropdownTitleProps) => import("react").JSX.Element;
     Close: ({ render, children, "aria-label": ariaLabel, ...props }: import('./types/DropdownCloseProps').DropdownCloseProps) => import("react").JSX.Element;
     Page: ({ id, type, children }: import('./types/DropdownPageProps').DropdownPageProps) => import("react").JSX.Element | null;
     Back: ({ children, className, onClick, ...props }: Omit<import('./types/DropdownActionItemProps').DropdownActionItemProps, "page" | "closeOnClick">) => import("react").JSX.Element;
     Submenu: ({ type, ...props }: import('./types/DropdownSubmenuProps').DropdownSubmenuProps) => import("react").JSX.Element;
-    SubmenuTrigger: ({ color, startIcon, endIcon, description, descriptionPlacement, hotkeys, hasSubmenu, children, render, disabled, nativeButton, openOnHover, onKeyDown, onFocus, id, ...props }: import('./types/DropdownSubmenuTriggerProps').DropdownSubmenuTriggerProps) => import("react").JSX.Element;
+    SubmenuTrigger: ({ color, startIcon, endIcon, description, descriptionPlacement, hotkeys, hotkeysJoinLabel, hasSubmenu, children, render, disabled, nativeButton, openOnHover, onKeyDown, onFocus, id, ref, ...props }: import('./types/DropdownSubmenuTriggerProps').DropdownSubmenuTriggerProps) => import("react").JSX.Element;
     Section: ({ label, scrollable, className, children, ...props }: import('./types/DropdownSectionProps').DropdownSectionProps) => import("react").JSX.Element;
     Separator: ({ className, ...props }: import('react').ComponentPropsWithRef<"div">) => import("react").JSX.Element;
     Loading: ({ className, ...props }: import('react').ComponentPropsWithRef<"div">) => import("react").JSX.Element;

package/dist/components/navigation/Dropdown/__stories__/DropdownContextMenuExample.d.ts

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

package/dist/components/navigation/Dropdown/__stories__/createStoryState.d.ts

@@ -0,0 +1,4 @@
+export declare const createStoryState: <TValue>(initialValue: TValue) => {
+    set: (nextValue: TValue) => void;
+    useValue: () => TValue;
+};