twenty-ui 2.42.0 → 2.43.0

package/dist/ResizeHandle-DN1bRxQb.js

@@ -0,0 +1,89 @@
+import { t as I } from "./isDefined-fMi6eQ4r.js";
+import { clsx as _ } from "clsx";
+import { jsx as A } from "react/jsx-runtime";
+import { useRef as C } from "react";
+import { useRender as z } from "@base-ui/react/use-render";
+import { useDirection as H } from "@base-ui/react/direction-provider";
+import { mergeProps as E } from "@base-ui/react/merge-props";
+import { clamp as y } from "@base-ui/utils/clamp";
+import { useControlled as b } from "@base-ui/utils/useControlled";
+var P = {
+  value: 150,
+  min: 50,
+  max: 500,
+  step: 10
+}, K = ({ axis: t, value: u, onValueChange: p, min: s, max: o, step: i, disabled: c }) => {
+  const l = H(), d = t === "x" && l === "rtl", n = C(null), h = (r) => {
+    c || r.defaultPrevented || r.button !== 0 || I(n.current) || (r.preventDefault(), r.currentTarget.focus?.(), r.currentTarget.setPointerCapture?.(r.pointerId), n.current = {
+      pointerId: r.pointerId,
+      startPosition: t === "y" ? r.clientY : r.clientX,
+      startValue: u
+    });
+  }, w = (r) => {
+    const e = n.current;
+    if (c || r.defaultPrevented || !I(e) || e.pointerId !== r.pointerId) return;
+    const f = ((t === "y" ? r.clientY : r.clientX) - e.startPosition) * (d ? -1 : 1);
+    p(y(e.startValue + f, s, o));
+  }, a = (r) => {
+    n.current?.pointerId === r.pointerId && (n.current = null, r.currentTarget.hasPointerCapture?.(r.pointerId) && r.currentTarget.releasePointerCapture?.(r.pointerId));
+  };
+  return {
+    onPointerDown: h,
+    onPointerMove: w,
+    onPointerUp: a,
+    onPointerCancel: a,
+    onLostPointerCapture: a,
+    onKeyDown: (r) => {
+      if (c || r.defaultPrevented) return;
+      const e = t === "y" ? "ArrowDown" : d ? "ArrowLeft" : "ArrowRight", f = t === "y" ? "ArrowUp" : d ? "ArrowRight" : "ArrowLeft", m = (/* @__PURE__ */ new Map([
+        [e, u + i],
+        [f, u - i],
+        ["Home", s],
+        ["End", o]
+      ])).get(r.key);
+      I(m) && (r.preventDefault(), r.stopPropagation(), p(y(m, s, o)));
+    }
+  };
+}, L = "_area_pqu70_1", T = "_bar_pqu70_26", R = {
+  area: L,
+  bar: T
+}, j = ({ axis: t = "y", value: u, defaultValue: p = P.value, onValueChange: s, min: o = P.min, max: i = P.max, step: c = P.step, disabled: l = !1, className: d, children: n, render: h, ref: w, ...a }) => {
+  const [D, r] = b({
+    controlled: u,
+    default: p,
+    name: "ResizeHandle"
+  }), e = y(D, o, i), m = K({
+    axis: t,
+    value: e,
+    onValueChange: (g) => {
+      g !== e && (r(g), s?.(g));
+    },
+    min: o,
+    max: i,
+    step: c,
+    disabled: l
+  });
+  return z({
+    render: h,
+    ref: w,
+    state: {
+      axis: t,
+      disabled: l
+    },
+    props: E(m, a, {
+      role: "separator",
+      tabIndex: l ? -1 : a.tabIndex ?? 0,
+      "aria-label": a["aria-label"] ?? "Resize",
+      "aria-orientation": t === "y" ? "horizontal" : "vertical",
+      "aria-valuemin": o,
+      "aria-valuemax": i,
+      "aria-valuenow": e,
+      "aria-disabled": l || void 0,
+      className: _(R.area, d),
+      children: n ?? /* @__PURE__ */ A("div", { className: R.bar })
+    })
+  });
+};
+export {
+  j as t
+};

package/dist/ResizeHandle-cll01qBQ.cjs

@@ -0,0 +1 @@
+const w=require("./isDefined-DS2Q42p5.cjs");let b=require("clsx"),q=require("react/jsx-runtime"),m=require("react"),C=require("@base-ui/react/use-render"),z=require("@base-ui/react/direction-provider"),A=require("@base-ui/react/merge-props"),y=require("@base-ui/utils/clamp"),H=require("@base-ui/utils/useControlled");var P={value:150,min:50,max:500,step:10},E=({axis:t,value:l,onValueChange:_,min:s,max:n,step:i,disabled:c})=>{const u=(0,z.useDirection)(),d=t==="x"&&u==="rtl",a=(0,m.useRef)(null),g=e=>{c||e.defaultPrevented||e.button!==0||w.isDefined(a.current)||(e.preventDefault(),e.currentTarget.focus?.(),e.currentTarget.setPointerCapture?.(e.pointerId),a.current={pointerId:e.pointerId,startPosition:t==="y"?e.clientY:e.clientX,startValue:l})},D=e=>{const r=a.current;if(c||e.defaultPrevented||!w.isDefined(r)||r.pointerId!==e.pointerId)return;const p=((t==="y"?e.clientY:e.clientX)-r.startPosition)*(d?-1:1);_((0,y.clamp)(r.startValue+p,s,n))},o=e=>{a.current?.pointerId===e.pointerId&&(a.current=null,e.currentTarget.hasPointerCapture?.(e.pointerId)&&e.currentTarget.releasePointerCapture?.(e.pointerId))};return{onPointerDown:g,onPointerMove:D,onPointerUp:o,onPointerCancel:o,onLostPointerCapture:o,onKeyDown:e=>{if(c||e.defaultPrevented)return;const r=t==="y"?"ArrowDown":d?"ArrowLeft":"ArrowRight",p=t==="y"?"ArrowUp":d?"ArrowRight":"ArrowLeft",f=new Map([[r,l+i],[p,l-i],["Home",s],["End",n]]).get(e.key);w.isDefined(f)&&(e.preventDefault(),e.stopPropagation(),_((0,y.clamp)(f,s,n)))}}},v="_area_pqu70_1",K="_bar_pqu70_26",R={area:v,bar:K},L=({axis:t="y",value:l,defaultValue:_=P.value,onValueChange:s,min:n=P.min,max:i=P.max,step:c=P.step,disabled:u=!1,className:d,children:a,render:g,ref:D,...o})=>{const[I,e]=(0,H.useControlled)({controlled:l,default:_,name:"ResizeHandle"}),r=(0,y.clamp)(I,n,i),f=E({axis:t,value:r,onValueChange:h=>{h!==r&&(e(h),s?.(h))},min:n,max:i,step:c,disabled:u});return(0,C.useRender)({render:g,ref:D,state:{axis:t,disabled:u},props:(0,A.mergeProps)(f,o,{role:"separator",tabIndex:u?-1:o.tabIndex??0,"aria-label":o["aria-label"]??"Resize","aria-orientation":t==="y"?"horizontal":"vertical","aria-valuemin":n,"aria-valuemax":i,"aria-valuenow":r,"aria-disabled":u||void 0,className:(0,b.clsx)(R.area,d),children:a??(0,q.jsx)("div",{className:R.bar})})})};Object.defineProperty(exports,"ResizeHandle",{enumerable:!0,get:function(){return L}});

package/dist/TabsTabContent-BseLV1Wk.cjs

@@ -0,0 +1 @@
+const i=require("./isDefined-DS2Q42p5.cjs");let r=require("react/jsx-runtime"),o=require("@sniptt/guards");var t=a=>i.isDefined(a)&&!(0,o.isBoolean)(a)&&a!=="",u="_root_ub2oy_1",l="_list_ub2oy_10",b="_tab_ub2oy_37",c="_content_ub2oy_89",d="_label_ub2oy_108",v="_startIcon_ub2oy_114",y="_badge_ub2oy_115",m="_panel_ub2oy_130",p="_indicator_ub2oy_139",e={root:u,list:l,tab:b,content:c,label:d,startIcon:v,badge:y,panel:m,indicator:p},f=({children:a,startIcon:n,endIcon:_,badge:s})=>(0,r.jsxs)("span",{className:e.content,children:[t(n)&&(0,r.jsx)("span",{className:e.startIcon,"aria-hidden":!0,children:n}),(0,r.jsx)("span",{className:e.label,children:a}),t(_)&&(0,r.jsx)("span",{className:e.startIcon,"aria-hidden":!0,children:_}),t(s)&&(0,r.jsx)("span",{className:e.badge,children:s})]});Object.defineProperty(exports,"Tab_module_default",{enumerable:!0,get:function(){return e}});Object.defineProperty(exports,"TabsTabContent",{enumerable:!0,get:function(){return f}});

package/dist/TabsTabContent-_NCTxoP6.js

@@ -0,0 +1,40 @@
+import { t as s } from "./isDefined-fMi6eQ4r.js";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { isBoolean as i } from "@sniptt/guards";
+var o = (a) => s(a) && !i(a) && a !== "", b = "_root_ub2oy_1", c = "_list_ub2oy_10", d = "_tab_ub2oy_37", u = "_content_ub2oy_89", m = "_label_ub2oy_108", v = "_startIcon_ub2oy_114", p = "_badge_ub2oy_115", y = "_panel_ub2oy_130", h = "_indicator_ub2oy_139", r = {
+  root: b,
+  list: c,
+  tab: d,
+  content: u,
+  label: m,
+  startIcon: v,
+  badge: p,
+  panel: y,
+  indicator: h
+}, T = ({ children: a, startIcon: t, endIcon: _, badge: n }) => /* @__PURE__ */ l("span", {
+  className: r.content,
+  children: [
+    o(t) && /* @__PURE__ */ e("span", {
+      className: r.startIcon,
+      "aria-hidden": !0,
+      children: t
+    }),
+    /* @__PURE__ */ e("span", {
+      className: r.label,
+      children: a
+    }),
+    o(_) && /* @__PURE__ */ e("span", {
+      className: r.startIcon,
+      "aria-hidden": !0,
+      children: _
+    }),
+    o(n) && /* @__PURE__ */ e("span", {
+      className: r.badge,
+      children: n
+    })
+  ]
+});
+export {
+  r as n,
+  T as t
+};

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

@@ -1,2 +1,2 @@
 import { CodeEditorProps } from './types/CodeEditorProps';
-export declare const CodeEditor: ({ value, language, onMount, onChange, setMarkers, onValidate, height, variant, transparentBackground, isLoading, options, resizable, contentPadding, autoHeight, }: CodeEditorProps) => import("react").JSX.Element;
+export declare const CodeEditor: ({ value, language, onMount, onChange, setMarkers, onValidate, height, variant, transparentBackground, isLoading, options, resizable, resizeLabel, contentPadding, autoHeight, }: CodeEditorProps) => import("react").JSX.Element;

package/dist/components/code-editor/CodeEditor/types/CodeEditorProps.d.ts

@@ -9,6 +9,7 @@ export type CodeEditorProps = Pick<EditorProps, 'value' | 'language' | 'onMount'
     isLoading?: boolean;
     transparentBackground?: boolean;
     resizable?: boolean;
+    resizeLabel?: string;
     contentPadding?: CodeEditorContentPadding;
     autoHeight?: boolean;
 };

package/dist/components/code-editor/CodeEditor/utils/getBaseCodeEditorTheme.d.ts

@@ -1,3 +1,3 @@
-import { ThemeType } from '../../../../theme-constants';
+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.cjs

@@ -1 +1 @@
-var oe=Object.create;var T=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var te=Object.getOwnPropertyNames;var ne=Object.getPrototypeOf,ie=Object.prototype.hasOwnProperty;var de=(e,r,n,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of te(r))!ie.call(e,i)&&i!==n&&T(e,i,{get:()=>r[i],enumerable:!(a=re(r,i))||a.enumerable});return e};var ae=(e,r,n)=>(n=e!=null?oe(ne(e)):{},de(r||!e||!e.__esModule?T(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const se=require("../chunk-u_mIcLyS.cjs"),g=require("../isDefined-DS2Q42p5.cjs"),z=require("../theme-constants-ZNgkgDE-.cjs"),le=require("../Loader-CHKTYJo7.cjs"),B=require("../ResizeHandle-IVbYS3b8.cjs");let d=require("react/jsx-runtime"),u=require("react"),E=require("@monaco-editor/react");E=se.__toESM(E,1);var D="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,a,i,_]=r,c=Math.round(parseFloat(n)*255).toString(16).padStart(2,"0"),p=Math.round(parseFloat(a)*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},O=(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)}}),ue="_editorLoader_zilk9_1",ce="_container_zilk9_20",ge="_editorWrapper_zilk9_24",H={editorLoader:ue,container:ce,editorWrapper:ge},P,fe=()=>(P??=import("monaco-editor").then(e=>{E.loader.config({monaco:e})}),P),F=(e,r,n)=>{e.editor.defineTheme(D,O(r,n)),e.editor.setTheme(D)},pe=({value:e,language:r,onMount:n,onChange:a,setMarkers:i,onValidate:_,height:c=450,variant:p="default",transparentBackground:b,isLoading:$=!1,options:R,resizable:C=!1,contentPadding:I="default",autoHeight:w=!1})=>{const f=z.useTheme(),M=z.useThemeColorScheme(),[h,N]=(0,u.useState)(void 0),[k,W]=(0,u.useState)(void 0),[A,j]=(0,u.useState)(!1),[G,K]=(0,u.useState)(!1),[V,q]=(0,u.useState)(void 0),{size:U,handleResizeStart:J,handleResizeMove:Q,handleResizeEnd:X}=B.useResizeHandle({initialSize:typeof c=="number"?c:450}),S=w&&!C,y=typeof f.spacingMultiplicator=="number"?f.spacingMultiplicator*4:void 0,m=S?V??c:C?U:c,Y={...I==="comfortable"?{lineDecorationsWidth:y}:{},padding:{bottom:y,top:y}},{padding:be,...Z}=R??{},L=(t,s)=>{const l=t?.getModel();if(!g.isDefined(l))return;const v=i?.(l.getValue());g.isDefined(v)&&s?.editor.setModelMarkers(l,"customMarker",v)},ee=t=>{A&&t.stopPropagation()};return(0,u.useEffect)(()=>{let t=!0;return fe().then(()=>{t&&K(!0)}),()=>{t=!1}},[]),(0,u.useEffect)(()=>{g.isDefined(h)&&F(h,f,M)},[M,h,f]),(0,u.useEffect)(()=>{if(!S||!g.isDefined(k)){q(void 0);return}const t=()=>{const l=k.getContentHeight();!Number.isFinite(l)||l<=0||q(v=>v===l?v:l)};t();const s=k.onDidContentSizeChange(t);return()=>{s.dispose()}},[k,S]),$||!G?(0,d.jsx)("div",{className:H.editorLoader,"data-variant":p,style:{"--code-editor-height":typeof m=="number"?`${m}px`:m},children:(0,d.jsx)(le.Loader,{})}):(0,d.jsxs)("div",{className:H.container,onKeyDown:ee,children:[(0,d.jsx)("input",{type:"hidden","data-testid":"code-editor-value",value:e??"",readOnly:!0}),(0,d.jsx)("div",{className:H.editorWrapper,"data-variant":p,"data-transparent-background":b||void 0,children:(0,d.jsx)(E.default,{height:m,value:e,language:r,loading:"",onMount:(t,s)=>{N(s),W(t),F(s,f,M),t.onDidFocusEditorWidget(()=>{j(!0)}),t.onDidBlurEditorWidget(()=>{j(!1)}),n?.(t,s),L(t,s)},onChange:t=>{g.isDefined(t)&&(a?.(t),L(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},...Z,...Y}})}),C&&(0,d.jsx)(B.ResizeHandle,{onPointerDown:J,onPointerMove:Q,onPointerUp:X})]})},ke="_editorHeader_19qlo_1",ve="_elementContainer_19qlo_15",x={editorHeader:ke,elementContainer:ve},_e=({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.BASE_CODE_EDITOR_THEME_ID=D;exports.CodeEditor=pe;exports.CodeEditorHeader=_e;exports.getBaseCodeEditorTheme=O;
+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;

package/dist/components/code-editor.mjs

@@ -1,19 +1,19 @@
 import { t as u } from "../isDefined-fMi6eQ4r.js";
-import { n as Y, r as Z } from "../theme-constants-CrrgAYWN.js";
-import { t as oo } from "../Loader-DbOLVUcK.js";
-import { n as ro, t as eo } from "../ResizeHandle-BWfY2ONo.js";
-import { jsx as n, jsxs as z } from "react/jsx-runtime";
-import { useEffect as E, useState as m } from "react";
+import { n as Y, r as Z } from "../theme-DBro6iwF.js";
+import { t as oo } from "../Loader-X1LymYkw.js";
+import { t as ro } from "../ResizeHandle-DN1bRxQb.js";
+import { jsx as n, 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 B = "baseCodeEditorTheme", r = (o) => {
+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 [, i, s, l, v] = t, c = Math.round(parseFloat(i) * 255).toString(16).padStart(2, "0"), f = 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}${f}${b}${Math.round(parseFloat(v) * 255).toString(16).padStart(2, "0")}` : `#${c}${f}${b}`;
+    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}`;
   }
   return o;
-}, io = (o, t) => ({
+}, ao = (o, t) => ({
   base: t === "dark" ? "vs-dark" : "vs",
   inherit: !0,
   rules: [
@@ -97,62 +97,62 @@ var B = "baseCodeEditorTheme", r = (o) => {
     "editorBracketMatch.background": r(o.background.transparent.light),
     "editorBracketMatch.border": r(o.border.color.medium)
   }
-}), ao = "_editorLoader_zilk9_1", so = "_container_zilk9_20", lo = "_editorWrapper_zilk9_24", S = {
-  editorLoader: ao,
+}), io = "_editorLoader_zilk9_1", so = "_container_zilk9_20", lo = "_editorWrapper_zilk9_24", S = {
+  editorLoader: io,
   container: so,
   editorWrapper: lo
-}, F, co = () => (F ??= import("monaco-editor").then((o) => {
+}, I, co = () => (I ??= import("monaco-editor").then((o) => {
   no.config({ monaco: o });
-}), F), P = (o, t, i) => {
-  o.editor.defineTheme(B, io(t, i)), o.editor.setTheme(B);
-}, Mo = ({ value: o, language: t, onMount: i, onChange: s, setMarkers: l, onValidate: v, height: c = 450, variant: f = "default", transparentBackground: b, isLoading: $ = !1, options: j, resizable: M = !1, contentPadding: w = "default", autoHeight: N = !1 }) => {
-  const g = Z(), y = Y(), [h, O] = m(void 0), [p, R] = m(void 0), [I, x] = m(!1), [W, A] = m(!1), [q, D] = m(void 0), { size: G, handleResizeStart: K, handleResizeMove: V, handleResizeEnd: U } = ro({ initialSize: typeof c == "number" ? c : 450 }), _ = N && !M, H = typeof g.spacingMultiplicator == "number" ? g.spacingMultiplicator * 4 : void 0, C = _ ? q ?? c : M ? G : c, J = {
+}), 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 = {
     ...w === "comfortable" ? { lineDecorationsWidth: H } : {},
     padding: {
       bottom: H,
       top: H
     }
-  }, { padding: fo, ...Q } = j ?? {}, T = (e, a) => {
+  }, { padding: fo, ...U } = O ?? {}, $ = (e, i) => {
     const d = e?.getModel();
     if (!u(d)) return;
-    const k = l?.(d.getValue());
-    u(k) && a?.editor.setModelMarkers(d, "customMarker", k);
+    const m = l?.(d.getValue());
+    u(m) && i?.editor.setModelMarkers(d, "customMarker", m);
   }, X = (e) => {
-    I && e.stopPropagation();
+    V && e.stopPropagation();
   };
   return E(() => {
     let e = !0;
     return co().then(() => {
-      e && A(!0);
+      e && G(!0);
     }), () => {
       e = !1;
     };
   }, []), E(() => {
-    u(h) && P(h, g, y);
+    u(h) && j(h, g, _);
   }, [
-    y,
+    _,
     h,
     g
   ]), E(() => {
-    if (!_ || !u(p)) {
-      D(void 0);
+    if (!M || !u(k)) {
+      B(void 0);
       return;
     }
     const e = () => {
-      const d = p.getContentHeight();
-      !Number.isFinite(d) || d <= 0 || D((k) => k === d ? k : d);
+      const d = k.getContentHeight();
+      !Number.isFinite(d) || d <= 0 || B((m) => m === d ? m : d);
     };
     e();
-    const a = p.onDidContentSizeChange(e);
+    const i = k.onDidContentSizeChange(e);
     return () => {
-      a.dispose();
+      i.dispose();
     };
-  }, [p, _]), $ || !W ? /* @__PURE__ */ n("div", {
+  }, [k, M]), N || !q ? /* @__PURE__ */ n("div", {
     className: S.editorLoader,
-    "data-variant": f,
+    "data-variant": p,
     style: { "--code-editor-height": typeof C == "number" ? `${C}px` : C },
     children: /* @__PURE__ */ n(oo, {})
-  }) : /* @__PURE__ */ z("div", {
+  }) : /* @__PURE__ */ x("div", {
     className: S.container,
     onKeyDown: X,
     children: [
@@ -163,23 +163,24 @@ var B = "baseCodeEditorTheme", r = (o) => {
         readOnly: !0
       }),
       /* @__PURE__ */ n("div", {
+        id: F,
         className: S.editorWrapper,
-        "data-variant": f,
+        "data-variant": p,
         "data-transparent-background": b || void 0,
         children: /* @__PURE__ */ n(to, {
           height: C,
           value: o,
           language: t,
           loading: "",
-          onMount: (e, a) => {
-            O(a), R(e), P(a, g, y), e.onDidFocusEditorWidget(() => {
-              x(!0);
+          onMount: (e, i) => {
+            R(i), A(e), j(i, g, _), e.onDidFocusEditorWidget(() => {
+              T(!0);
             }), e.onDidBlurEditorWidget(() => {
-              x(!1);
-            }), i?.(e, a), T(e, a);
+              T(!1);
+            }), a?.(e, i), $(e, i);
           },
           onChange: (e) => {
-            u(e) && (s?.(e), T(p, h));
+            u(e) && (s?.(e), $(k, h));
           },
           onValidate: (e) => {
             v?.(e);
@@ -196,34 +197,35 @@ var B = "baseCodeEditorTheme", r = (o) => {
               horizontal: "hidden"
             },
             minimap: { enabled: !1 },
-            ...Q,
-            ...J
+            ...U,
+            ...Q
           }
         })
       }),
-      M && /* @__PURE__ */ n(eo, {
-        onPointerDown: K,
-        onPointerMove: V,
-        onPointerUp: U
+      y && /* @__PURE__ */ n(ro, {
+        "aria-label": P,
+        "aria-controls": F,
+        value: D,
+        onValueChange: J
       })
     ]
   });
 }, uo = "_editorHeader_19qlo_1", go = "_elementContainer_19qlo_15", L = {
   editorHeader: uo,
   elementContainer: go
-}, yo = ({ title: o, leftNodes: t, rightNodes: i }) => /* @__PURE__ */ z("div", {
+}, _o = ({ title: o, leftNodes: t, rightNodes: a }) => /* @__PURE__ */ x("div", {
   className: L.editorHeader,
-  children: [/* @__PURE__ */ z("div", {
+  children: [/* @__PURE__ */ x("div", {
     className: L.elementContainer,
     children: [t && t.map((s, l) => /* @__PURE__ */ n("div", { children: s }, `left-${l}`)), o]
   }), /* @__PURE__ */ n("div", {
     className: L.elementContainer,
-    children: i && i.map((s, l) => /* @__PURE__ */ n("div", { children: s }, `right-${l}`))
+    children: a && a.map((s, l) => /* @__PURE__ */ n("div", { children: s }, `right-${l}`))
   })]
 });
 export {
-  B as BASE_CODE_EDITOR_THEME_ID,
-  Mo as CodeEditor,
-  yo as CodeEditorHeader,
-  io as getBaseCodeEditorTheme
+  z as BASE_CODE_EDITOR_THEME_ID,
+  yo as CodeEditor,
+  _o as CodeEditorHeader,
+  ao as getBaseCodeEditorTheme
 };

package/dist/components/data-display/AvatarGroup/AvatarGroup.d.ts

@@ -1,2 +1,2 @@
 import { AvatarGroupProps } from './types/AvatarGroupProps';
-export declare const AvatarGroup: ({ avatars, className, maxVisible, overflowAvatar, overlap, overlapOffset, }: AvatarGroupProps) => import("react").JSX.Element | null;
+export declare const AvatarGroup: ({ avatars, className, maxVisible, overflowAvatar, overflowCount, overflowShape, overlap, overlapOffset, }: AvatarGroupProps) => import("react").JSX.Element | null;

package/dist/components/data-display/AvatarGroup/types/AvatarGroupProps.d.ts

@@ -1,9 +1,12 @@
 import { ReactNode } from 'react';
+import { AvatarShape } from '../../../../primitives/data-display/Avatar/types/AvatarShape';
 export type AvatarGroupProps = {
     avatars: ReactNode[];
     className?: string;
     maxVisible?: number;
     overflowAvatar?: ReactNode;
+    overflowCount?: number;
+    overflowShape?: AvatarShape;
     overlap?: 'left' | 'right';
     overlapOffset?: string;
 };

package/dist/components/index.d.ts

@@ -61,6 +61,21 @@ export { AnimatedIconCrossfade } from './layout/AnimatedIconCrossfade/AnimatedIc
 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 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 { DropdownHeaderProps } from './navigation/Dropdown/types/DropdownHeaderProps';
+export type { DropdownOptionItemProps } from './navigation/Dropdown/types/DropdownOptionItemProps';
+export type { DropdownPageProps } from './navigation/Dropdown/types/DropdownPageProps';
+export type { DropdownRootProps } from './navigation/Dropdown/types/DropdownRootProps';
+export type { DropdownSearchProps } from './navigation/Dropdown/types/DropdownSearchProps';
+export type { DropdownSectionProps } from './navigation/Dropdown/types/DropdownSectionProps';
+export type { DropdownSubmenuProps } from './navigation/Dropdown/types/DropdownSubmenuProps';
+export type { DropdownSubmenuTriggerProps } from './navigation/Dropdown/types/DropdownSubmenuTriggerProps';
+export type { DropdownTitleProps } from './navigation/Dropdown/types/DropdownTitleProps';
+export type { DropdownTriggerProps } from './navigation/Dropdown/types/DropdownTriggerProps';
+export type { DropdownType } from './navigation/Dropdown/types/DropdownType';
 export { DEFAULT_COLOR_LABELS } from './navigation/MenuItem/constants/DefaultColorLabels';
 export { MenuItem } from './navigation/MenuItem/MenuItem';
 export type { ColorLabels } from './navigation/MenuItem/types/ColorLabels';

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

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 export type SearchInputProps = {
     value: string;
     onChange: (value: string) => void;
     placeholder?: string;
-    filterDropdown?: (filterButton: ReactNode) => ReactNode;
+    filterDropdown?: (filterButton: ReactElement) => ReactNode;
     autoFocus?: boolean;
     disabled?: boolean;
     className?: string;

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

@@ -0,0 +1,21 @@
+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;
+    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;
+    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;
+    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;
+    Empty: ({ className, ...props }: import('react').ComponentPropsWithRef<"div">) => import("react").JSX.Element;
+};

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+export declare const DropdownPickerExample: ({ multiple, loading, }: {
+    multiple?: boolean;
+    loading?: boolean;
+}) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { DropdownActionItemProps } from '../types/DropdownActionItemProps';
+export declare const DropdownActionItem: ({ color, startIcon, endIcon, description, descriptionPlacement, hotkeys, hasSubmenu, children, render, disabled, nativeButton, closeOnClick, onClick, onFocus, page, id, ...props }: DropdownActionItemProps) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { DropdownActionItemProps } from '../types/DropdownActionItemProps';
+export declare const DropdownBack: ({ children, className, onClick, ...props }: Omit<DropdownActionItemProps, "page" | "closeOnClick">) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { DropdownCloseProps } from '../types/DropdownCloseProps';
+export declare const DropdownClose: ({ render, children, "aria-label": ariaLabel, ...props }: DropdownCloseProps) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { DropdownContentProps } from '../types/DropdownContentProps';
+export declare const DropdownContent: ({ side, align, sideOffset, alignOffset, anchor, container, keepMounted, width, className, style, children, initialFocus, onKeyDown, onClick, onMouseDown, onPointerDown, ref, ...props }: DropdownContentProps) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { DropdownContextValue } from './DropdownContextValue';
+export declare const DropdownContext: import('react').Context<DropdownContextValue | undefined>;

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

@@ -0,0 +1,37 @@
+import { DropdownType } from '../types/DropdownType';
+import { DropdownFocusTarget } from './DropdownFocusTarget';
+import { DropdownPageFocusRequest } from './DropdownPageFocusRequest';
+export type DropdownContextValue = {
+    type: DropdownType;
+    rootType: DropdownType;
+    open: boolean;
+    multiple: boolean;
+    isSubmenu: boolean;
+    parentType?: DropdownType;
+    activeItemId?: string;
+    parentActiveItemId?: string;
+    setActiveItemId: (id: string) => void;
+    setParentActiveItemId?: (id: string) => void;
+    pageId?: string;
+    pageFocusRequest?: DropdownPageFocusRequest;
+    setPageFocusRequest: (request: DropdownPageFocusRequest | undefined) => void;
+    canGoBack: boolean;
+    initialFocusEdge: 'first' | 'last';
+    setInitialFocusEdge: (edge: 'first' | 'last') => void;
+    focusOnOpen: boolean;
+    setFocusOnOpen: (focusOnOpen: boolean) => void;
+    setOpen: (open: boolean) => void;
+    closeTree: () => void;
+    goToPage: (page: {
+        id: string;
+        trigger: DropdownFocusTarget;
+    }) => void;
+    goBack: () => void;
+    registerPage: (page: {
+        id: string;
+        type?: DropdownType;
+    }) => void;
+    registerOpenNestedRoot: () => () => void;
+    searchTargetId?: string;
+    setSearchTargetId: (id: string | undefined) => void;
+};

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

@@ -0,0 +1,2 @@
+import { ComponentPropsWithRef } from 'react';
+export declare const DropdownEmpty: ({ className, ...props }: ComponentPropsWithRef<"div">) => import("react").JSX.Element;

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

@@ -0,0 +1,6 @@
+export type DropdownFocusTarget = {
+    id?: string;
+    index: number;
+    page: string;
+    label: string;
+};

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

@@ -0,0 +1,2 @@
+import { DropdownHeaderProps } from '../types/DropdownHeaderProps';
+export declare const DropdownHeader: ({ render, ref, className, ...props }: DropdownHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

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

@@ -0,0 +1,2 @@
+import { ComponentPropsWithRef } from 'react';
+export declare const DropdownLoading: ({ className, ...props }: ComponentPropsWithRef<"div">) => import("react").JSX.Element;

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

@@ -0,0 +1,6 @@
+type DropdownNestedRootEffectProps = {
+    open: boolean;
+    registerOpenNestedRoot?: () => () => void;
+};
+export declare const DropdownNestedRootEffect: ({ open, registerOpenNestedRoot, }: DropdownNestedRootEffectProps) => null;
+export {};

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

@@ -0,0 +1,2 @@
+import { DropdownOptionItemProps } from '../types/DropdownOptionItemProps';
+export declare const DropdownOptionItem: ({ selected, indicator, onSelect, closeOnSelect, color, startIcon, endIcon, description, descriptionPlacement, hotkeys, hasSubmenu, children, render, disabled, nativeButton, onClick, onFocus, id, ...props }: DropdownOptionItemProps) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { DropdownPageProps } from '../types/DropdownPageProps';
+export declare const DropdownPage: ({ id, type, children }: DropdownPageProps) => import("react").JSX.Element | null;

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

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+type DropdownPageFocusEffectProps = {
+    contentRef: RefObject<HTMLDivElement | null>;
+};
+export declare const DropdownPageFocusEffect: ({ contentRef, }: DropdownPageFocusEffectProps) => null;
+export {};

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

@@ -0,0 +1,5 @@
+import { DropdownFocusTarget } from './DropdownFocusTarget';
+export type DropdownPageFocusRequest = {
+    pageId?: string;
+    target?: DropdownFocusTarget;
+};

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

@@ -0,0 +1,4 @@
+import { DropdownRootProps } from '../types/DropdownRootProps';
+export declare const DropdownRoot: ({ children, type, open: controlledOpen, defaultOpen, onOpenChange, multiple, defaultPage, isSubmenu, }: DropdownRootProps & {
+    isSubmenu?: boolean;
+}) => import("react").JSX.Element;