twenty-ui 2.44.0 → 2.46.0

package/dist/Popover-C-JjVGKl.js

@@ -0,0 +1,57 @@
+import { t as l } from "./theme-yAk9zrNA.js";
+import { t } from "./mergeClassNames-ClFMR1v0.js";
+import { t as n } from "./useProvidedTextDirection-Dk8LBQeF.js";
+import { isUndefined as v } from "@sniptt/guards";
+import { jsx as i } from "react/jsx-runtime";
+import { Popover as r } from "@base-ui/react/popover";
+var m = "_positioner_zlrze_1", c = "_popup_zlrze_5", d = "_title_zlrze_29", P = "_description_zlrze_36", _ = "_arrow_zlrze_42", a = {
+  positioner: m,
+  popup: c,
+  title: d,
+  description: P,
+  arrow: _
+}, u = ({ className: o, ...e }) => /* @__PURE__ */ i(r.Arrow, {
+  ...e,
+  className: t(a.arrow, o)
+}), z = ({ className: o, ...e }) => /* @__PURE__ */ i(r.Description, {
+  ...e,
+  className: t(a.description, o)
+}), f = ({ className: o, ...e }) => /* @__PURE__ */ i(r.Popup, {
+  ...e,
+  className: t(a.popup, o)
+}), w = ({ container: o, ...e }) => {
+  const p = l(), s = n();
+  return /* @__PURE__ */ i(r.Portal, {
+    dir: s,
+    ...e,
+    container: v(o) ? p ?? void 0 : o
+  });
+}, T = ({ className: o, sideOffset: e = 8, ...p }) => {
+  const s = n();
+  return /* @__PURE__ */ i(r.Positioner, {
+    dir: s,
+    sideOffset: e,
+    ...p,
+    className: t(a.positioner, o)
+  });
+}, N = ({ className: o, ...e }) => /* @__PURE__ */ i(r.Title, {
+  ...e,
+  className: t(a.title, o)
+}), h = {
+  Root: r.Root,
+  Trigger: r.Trigger,
+  Portal: w,
+  Positioner: T,
+  Popup: f,
+  Arrow: u,
+  Backdrop: r.Backdrop,
+  Title: N,
+  Description: z,
+  Close: r.Close,
+  Viewport: r.Viewport,
+  Handle: r.Handle,
+  createHandle: r.createHandle
+};
+export {
+  h as t
+};

package/dist/Popover-D_S9MGZm.cjs

@@ -0,0 +1 @@
+const v=require("./theme-Zf62UE02.cjs"),t=require("./mergeClassNames-D4lshrT6.cjs"),n=require("./useProvidedTextDirection-PVaoQCLH.cjs");let l=require("@sniptt/guards"),i=require("react/jsx-runtime"),e=require("@base-ui/react/popover");var P="_positioner_zlrze_1",c="_popup_zlrze_5",u="_title_zlrze_29",_="_description_zlrze_36",d="_arrow_zlrze_42",s={positioner:P,popup:c,title:u,description:_,arrow:d},m=({className:r,...o})=>(0,i.jsx)(e.Popover.Arrow,{...o,className:t.mergeClassNames(s.arrow,r)}),g=({className:r,...o})=>(0,i.jsx)(e.Popover.Description,{...o,className:t.mergeClassNames(s.description,r)}),N=({className:r,...o})=>(0,i.jsx)(e.Popover.Popup,{...o,className:t.mergeClassNames(s.popup,r)}),x=({container:r,...o})=>{const a=v.useThemeContainer(),p=n.useProvidedTextDirection();return(0,i.jsx)(e.Popover.Portal,{dir:p,...o,container:(0,l.isUndefined)(r)?a??void 0:r})},z=({className:r,sideOffset:o=8,...a})=>{const p=n.useProvidedTextDirection();return(0,i.jsx)(e.Popover.Positioner,{dir:p,sideOffset:o,...a,className:t.mergeClassNames(s.positioner,r)})},C=({className:r,...o})=>(0,i.jsx)(e.Popover.Title,{...o,className:t.mergeClassNames(s.title,r)}),q={Root:e.Popover.Root,Trigger:e.Popover.Trigger,Portal:x,Positioner:z,Popup:N,Arrow:m,Backdrop:e.Popover.Backdrop,Title:C,Description:g,Close:e.Popover.Close,Viewport:e.Popover.Viewport,Handle:e.Popover.Handle,createHandle:e.Popover.createHandle};Object.defineProperty(exports,"Popover",{enumerable:!0,get:function(){return q}});

package/dist/ProgressBar-BHiYQW6F.cjs

@@ -0,0 +1 @@
+const b=require("./isRenderableSlot-Guryb6Nf.cjs"),j=require("./Button-DkijwPOi.cjs"),x=require("./mergeClassNames-D4lshrT6.cjs");let k=require("@base-ui/react/use-render"),q=require("@sniptt/guards"),v=require("clsx"),r=require("react/jsx-runtime"),u=require("@base-ui/react/progress");var p={neutral:"gray",info:"blue",success:"green",warning:"orange",error:"red"},N="_action_c4pdy_1",y={action:N},S=({className:e,...a})=>(0,r.jsx)(j.Button,{...a,size:"sm",variant:"outline",className:x.mergeClassNames(y.action,e)}),P="_banner_181zy_1",A="_icon_181zy_52",O="_action_181zy_53",g={banner:P,icon:A,action:O},h=({status:e="info",variant:a="solid",color:c=p[e],icon:n,action:s,className:t,children:i,render:l,ref:_,...d})=>(0,k.useRender)({render:l,ref:_,state:{status:e,variant:a,color:c},props:{...d,className:(0,v.clsx)(g.banner,t),children:(0,r.jsxs)(r.Fragment,{children:[b.isRenderableSlot(n)&&(0,r.jsx)("span",{className:g.icon,children:n}),i,b.isRenderableSlot(s)&&(0,r.jsx)("div",{className:g.action,children:s})]})}}),z=Object.assign(h,{Action:S}),C="_bar_1kcc7_1",E="_progressBarGrowIn_1kcc7_1",R="_track_1kcc7_20",T="_indicator_1kcc7_26",w="_glint_1kcc7_45",F="_progressBarGlint_1kcc7_1",o={bar:C,progressBarGrowIn:E,track:R,indicator:T,glint:w,progressBarGlint:F},G=({value:e,size:a="md",className:c,barColor:n,backgroundColor:s="none",withBorderRadius:t=!1,withGrowIn:i=!1,withGlint:l=!1,withSpringFill:_=!1,withMinimumFillWidth:d=!0,ariaLabel:f,onGrowInComplete:B})=>(0,r.jsx)(u.Progress.Root,{className:(0,v.clsx)(o.bar,c),"data-size":a,"data-with-border-radius":t||void 0,"data-grow-in":i||void 0,"aria-label":f,value:e,onAnimationEnd:m=>{i&&m.target===m.currentTarget&&B?.()},style:{"--progress-bar-background-color":s,...(0,q.isNonEmptyString)(n)?{"--progress-bar-color":n}:{}},children:(0,r.jsx)(u.Progress.Track,{className:o.track,children:(0,r.jsx)(u.Progress.Indicator,{className:o.indicator,"data-with-border-radius":t||void 0,"data-spring-fill":_||void 0,"data-nonzero":d&&e>0||void 0,children:l&&(0,r.jsx)("span",{className:o.glint},e)})})});Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return z}});Object.defineProperty(exports,"FEEDBACK_STATUS_COLORS",{enumerable:!0,get:function(){return p}});Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return G}});

package/dist/ProgressBar-B_GDjg9S.js

@@ -0,0 +1,83 @@
+import { t as v } from "./isRenderableSlot-DT_depzM.js";
+import { t as B } from "./Button-DQUIhQAm.js";
+import { t as k } from "./mergeClassNames-ClFMR1v0.js";
+import { useRender as N } from "@base-ui/react/use-render";
+import { isNonEmptyString as h } from "@sniptt/guards";
+import { clsx as f } from "clsx";
+import { Fragment as y, jsx as a, jsxs as z } from "react/jsx-runtime";
+import { Progress as m } from "@base-ui/react/progress";
+var A = {
+  neutral: "gray",
+  info: "blue",
+  success: "green",
+  warning: "orange",
+  error: "red"
+}, S = "_action_c4pdy_1", x = { action: S }, E = ({ className: r, ...n }) => /* @__PURE__ */ a(B, {
+  ...n,
+  size: "sm",
+  variant: "outline",
+  className: k(x.action, r)
+}), T = "_banner_181zy_1", j = "_icon_181zy_52", w = "_action_181zy_53", g = {
+  banner: T,
+  icon: j,
+  action: w
+}, C = ({ status: r = "info", variant: n = "solid", color: c = A[r], icon: e, action: o, className: s, children: i, render: l, ref: d, ..._ }) => N({
+  render: l,
+  ref: d,
+  state: {
+    status: r,
+    variant: n,
+    color: c
+  },
+  props: {
+    ..._,
+    className: f(g.banner, s),
+    children: /* @__PURE__ */ z(y, { children: [
+      v(e) && /* @__PURE__ */ a("span", {
+        className: g.icon,
+        children: e
+      }),
+      i,
+      v(o) && /* @__PURE__ */ a("div", {
+        className: g.action,
+        children: o
+      })
+    ] })
+  }
+}), M = Object.assign(C, { Action: E }), G = "_bar_1kcc7_1", O = "_progressBarGrowIn_1kcc7_1", P = "_track_1kcc7_20", R = "_indicator_1kcc7_26", F = "_glint_1kcc7_45", I = "_progressBarGlint_1kcc7_1", t = {
+  bar: G,
+  progressBarGrowIn: O,
+  track: P,
+  indicator: R,
+  glint: F,
+  progressBarGlint: I
+}, Q = ({ value: r, size: n = "md", className: c, barColor: e, backgroundColor: o = "none", withBorderRadius: s = !1, withGrowIn: i = !1, withGlint: l = !1, withSpringFill: d = !1, withMinimumFillWidth: _ = !0, ariaLabel: u, onGrowInComplete: b }) => /* @__PURE__ */ a(m.Root, {
+  className: f(t.bar, c),
+  "data-size": n,
+  "data-with-border-radius": s || void 0,
+  "data-grow-in": i || void 0,
+  "aria-label": u,
+  value: r,
+  onAnimationEnd: (p) => {
+    i && p.target === p.currentTarget && b?.();
+  },
+  style: {
+    "--progress-bar-background-color": o,
+    ...h(e) ? { "--progress-bar-color": e } : {}
+  },
+  children: /* @__PURE__ */ a(m.Track, {
+    className: t.track,
+    children: /* @__PURE__ */ a(m.Indicator, {
+      className: t.indicator,
+      "data-with-border-radius": s || void 0,
+      "data-spring-fill": d || void 0,
+      "data-nonzero": _ && r > 0 || void 0,
+      children: l && /* @__PURE__ */ a("span", { className: t.glint }, r)
+    })
+  })
+});
+export {
+  M as n,
+  A as r,
+  Q as t
+};

package/dist/ProgressRing-CHLADu5q.cjs

@@ -0,0 +1 @@
+const b=require("./isDefined-DS2Q42p5.cjs"),v=require("./isRenderableSlot-Guryb6Nf.cjs");let f=require("@sniptt/guards"),p=require("clsx"),r=require("react/jsx-runtime"),q=require("@base-ui/react/progress"),N=require("@base-ui/utils/clamp");var k="_root_xbchc_1",R="_ring_xbchc_11",j="_track_xbchc_16",y="_indicator_xbchc_21",s={root:k,ring:R,track:j,indicator:y},P={sm:14,md:16},a=2,D=({value:_,size:d="md",barColor:c,children:o,className:g,style:m,"aria-valuetext":n,...x})=>{const l=(0,N.clamp)(_,0,100),u=Number.isNaN(l)?0:l,e=P[d],t=(e-a)/2,i=2*Math.PI*t;return(0,r.jsxs)(q.Progress.Root,{...x,value:u,min:0,max:100,getAriaValueText:h=>(0,f.isNonEmptyString)(n)?n:h,className:(0,p.clsx)(s.root,g),style:{...b.isDefined(c)?{"--progress-ring-color":c}:{},...m},children:[v.isRenderableSlot(o)&&(0,r.jsx)("span",{children:o}),(0,r.jsxs)("svg",{className:s.ring,width:e,height:e,viewBox:`0 0 ${e} ${e}`,"aria-hidden":"true",focusable:"false",children:[(0,r.jsx)("circle",{className:s.track,cx:e/2,cy:e/2,r:t,strokeWidth:a}),(0,r.jsx)("circle",{className:s.indicator,cx:e/2,cy:e/2,r:t,strokeWidth:a,strokeDasharray:i,strokeDashoffset:i-u/100*i,strokeLinecap:"round"})]})]})};Object.defineProperty(exports,"ProgressRing",{enumerable:!0,get:function(){return D}});

package/dist/ProgressRing-Cwqo4hWZ.js

@@ -0,0 +1,57 @@
+import { t as x } from "./isDefined-fMi6eQ4r.js";
+import { t as v } from "./isRenderableSlot-DT_depzM.js";
+import { isNonEmptyString as N } from "@sniptt/guards";
+import { clsx as k } from "clsx";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { Progress as b } from "@base-ui/react/progress";
+import { clamp as R } from "@base-ui/utils/clamp";
+var y = "_root_xbchc_1", D = "_ring_xbchc_11", I = "_track_xbchc_16", P = "_indicator_xbchc_21", a = {
+  root: y,
+  ring: D,
+  track: I,
+  indicator: P
+}, S = {
+  sm: 14,
+  md: 16
+}, s = 2, A = ({ value: _, size: f = "md", barColor: c, children: i, className: g, style: h, "aria-valuetext": m, ...p }) => {
+  const n = R(_, 0, 100), d = Number.isNaN(n) ? 0 : n, r = S[f], e = (r - s) / 2, o = 2 * Math.PI * e;
+  return /* @__PURE__ */ l(b.Root, {
+    ...p,
+    value: d,
+    min: 0,
+    max: 100,
+    getAriaValueText: (u) => N(m) ? m : u,
+    className: k(a.root, g),
+    style: {
+      ...x(c) ? { "--progress-ring-color": c } : {},
+      ...h
+    },
+    children: [v(i) && /* @__PURE__ */ t("span", { children: i }), /* @__PURE__ */ l("svg", {
+      className: a.ring,
+      width: r,
+      height: r,
+      viewBox: `0 0 ${r} ${r}`,
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [/* @__PURE__ */ t("circle", {
+        className: a.track,
+        cx: r / 2,
+        cy: r / 2,
+        r: e,
+        strokeWidth: s
+      }), /* @__PURE__ */ t("circle", {
+        className: a.indicator,
+        cx: r / 2,
+        cy: r / 2,
+        r: e,
+        strokeWidth: s,
+        strokeDasharray: o,
+        strokeDashoffset: o - d / 100 * o,
+        strokeLinecap: "round"
+      })]
+    })]
+  });
+};
+export {
+  A as t
+};

package/dist/ResizeHandle-BGboQXCx.cjs

@@ -0,0 +1 @@
+const u=require("./isDefined-DS2Q42p5.cjs");let T=require("@base-ui/react/use-render"),A=require("@sniptt/guards"),M=require("clsx"),k=require("react"),N=require("react/jsx-runtime"),q=require("@base-ui/utils/clamp"),U=require("@base-ui/react/merge-props"),j=require("@base-ui/react/direction-provider"),F=require("@base-ui/utils/useStableCallback"),X=require("@base-ui/utils/useControlled");var m={value:150,min:50,max:500,step:10,dragThreshold:0,edgeDragThreshold:5},Y={left:{axis:"x",direction:"reverse"},right:{axis:"x",direction:"normal"},top:{axis:"y",direction:"reverse"},bottom:{axis:"y",direction:"normal"}},Z=({axis:d,isReversed:R,value:i,onValueChange:h,onValueCommitted:w,onResizeStart:z,onResizeEnd:I,onActivate:g,scale:P,dragThreshold:b,min:_,max:D,disabled:l})=>{const n=(0,k.useRef)(null),c=(0,k.useRef)(!1),s=(0,F.useStableCallback)(e=>{const r=n.current;if(!u.isDefined(r)||(n.current=null,r.removeEscapeKeyListener(),c.current=e||r.hasStarted,r.target.hasPointerCapture?.(r.pointerId)&&r.target.releasePointerCapture?.(r.pointerId),!r.hasStarted))return;const o=e?(0,q.clamp)(r.startValue,_,D):r.currentValue;e&&h(o),e||w?.(o),I?.({cancelled:e,value:o})});(0,k.useEffect)(()=>()=>{s(!0)},[s]);const f=e=>{e.preventDefault()},C=e=>{if(l||e.defaultPrevented||e.button!==0||u.isDefined(n.current))return;const r=(0,A.isFunction)(P)?P():P,o=Number.isFinite(r)&&r>0?r:1,p=e.currentTarget.ownerDocument?.defaultView,a=K=>{K.key==="Escape"&&(K.preventDefault(),K.stopPropagation(),s(!0))};e.currentTarget.setPointerCapture?.(e.pointerId),p?.addEventListener("keydown",a,!0),c.current=!1,n.current={pointerId:e.pointerId,target:e.currentTarget,axis:d,startPosition:d==="y"?e.clientY:e.clientX,startValue:i,currentValue:i,multiplier:(R?-1:1)/o,threshold:Math.max(0,b),hasStarted:!1,removeEscapeKeyListener:()=>p?.removeEventListener("keydown",a,!0)}},x=e=>{const r=n.current;if(e.defaultPrevented||!u.isDefined(r)||r.pointerId!==e.pointerId)return;if(l){s(!0);return}const o=(r.axis==="y"?e.clientY:e.clientX)-r.startPosition,p=Math.abs(o)>r.threshold;if(!r.hasStarted&&!p)return;const a=(0,q.clamp)(r.startValue+o*r.multiplier,_,D);r.hasStarted&&a===r.currentValue||(r.currentValue=a,r.hasStarted||(r.hasStarted=!0,z?.(a)),h(a))},t=e=>{n.current?.pointerId===e.pointerId&&(x(e),s(l||e.defaultPrevented))},E=e=>{n.current?.pointerId===e.pointerId&&s(!0)};return{onMouseDown:f,onPointerDown:C,onPointerMove:x,onPointerUp:t,onPointerCancel:E,onLostPointerCapture:E,onClick:e=>{const r=c.current&&e.detail>0;c.current=!1,!(l||e.defaultPrevented||r)&&g?.()},isPointerActive:()=>u.isDefined(n.current)}},G=({axis:d,direction:R,value:i,onValueChange:h,onValueCommitted:w,onResizeStart:z,onResizeEnd:I,onActivate:g,scale:P,dragThreshold:b,min:_,max:D,step:l,disabled:n})=>{const c=(0,j.useDirection)(),s=u.isDefined(R)?R==="reverse":d==="x"&&c==="rtl",{isPointerActive:f,...C}=Z({axis:d,isReversed:s,value:i,onValueChange:h,onValueCommitted:w,onResizeStart:z,onResizeEnd:I,onActivate:g,scale:P,dragThreshold:b,min:_,max:D,disabled:n});return{...C,onKeyDown:t=>{const E=t.altKey||t.ctrlKey||t.metaKey;if(t.defaultPrevented||n||E||f())return;if((t.key==="Enter"||t.key===" ")&&u.isDefined(g)){t.preventDefault(),t.stopPropagation(),t.repeat||g();return}const y=d==="y"?"ArrowDown":"ArrowRight",e=d==="y"?"ArrowUp":"ArrowLeft",r=s?e:y,o=s?y:e,p=new Map([[r,i+l],[o,i-l],["Home",_],["End",D]]).get(t.key);if(!u.isDefined(p))return;t.preventDefault(),t.stopPropagation();const a=(0,q.clamp)(p,_,D);a!==i&&(h(a),w?.(a))}}},O="_area_y24an_1",W="_bar_y24an_74",V={area:O,bar:W},B=({axis:d="y",direction:R,edge:i,placement:h=u.isDefined(i)?"edge":"inline",scale:w=1,dragThreshold:z=u.isDefined(i)?m.edgeDragThreshold:m.dragThreshold,value:I,defaultValue:g=m.value,onValueChange:P,onValueCommitted:b,onResizeStart:_,onResizeEnd:D,onActivate:l,min:n=m.min,max:c=m.max,step:s=m.step,disabled:f=!1,className:C,children:x=h==="gap"?null:(0,N.jsx)("div",{className:V.bar}),render:t,ref:E,...y})=>{const e=u.isDefined(i)?Y[i]:void 0,r=e?.axis??d,o=e?.direction??R,[p,a]=(0,k.useState)(!1),[K,H]=(0,X.useControlled)({controlled:I,default:g,name:"ResizeHandle"}),v=(0,q.clamp)(K,n,c),L=G({axis:r,direction:o,scale:w,dragThreshold:z,onValueCommitted:b,onResizeStart:S=>{a(!0),_?.(S)},onResizeEnd:S=>{a(!1),D?.(S)},onActivate:l,value:v,onValueChange:S=>{H(S),P?.(S)},min:n,max:c,step:s,disabled:f});return(0,T.useRender)({render:t,ref:E,state:{axis:r,edge:i,placement:h,disabled:f,resizing:p},props:(0,U.mergeProps)(L,y,{role:"separator",tabIndex:f?-1:y.tabIndex??0,"aria-label":y["aria-label"]??"Resize","aria-orientation":r==="y"?"horizontal":"vertical","aria-valuemin":n,"aria-valuemax":c,"aria-valuenow":v,"aria-disabled":f||void 0,"aria-keyshortcuts":y["aria-keyshortcuts"]??(u.isDefined(l)&&!f?"Enter Space":void 0),className:(0,M.clsx)(V.area,C),children:x})})};Object.defineProperty(exports,"ResizeHandle",{enumerable:!0,get:function(){return B}});

package/dist/ResizeHandle-X2NdHzqt.js

@@ -0,0 +1,191 @@
+import { t as u } from "./isDefined-fMi6eQ4r.js";
+import { useRender as A } from "@base-ui/react/use-render";
+import { isFunction as M } from "@sniptt/guards";
+import { clsx as N } from "clsx";
+import { useEffect as U, useRef as L, useState as F } from "react";
+import { jsx as X } from "react/jsx-runtime";
+import { clamp as v } from "@base-ui/utils/clamp";
+import { mergeProps as Y } from "@base-ui/react/merge-props";
+import { useDirection as Z } from "@base-ui/react/direction-provider";
+import { useStableCallback as j } from "@base-ui/utils/useStableCallback";
+import { useControlled as q } from "@base-ui/utils/useControlled";
+var S = {
+  value: 150,
+  min: 50,
+  max: 500,
+  step: 10,
+  dragThreshold: 0,
+  edgeDragThreshold: 5
+}, G = {
+  left: {
+    axis: "x",
+    direction: "reverse"
+  },
+  right: {
+    axis: "x",
+    direction: "normal"
+  },
+  top: {
+    axis: "y",
+    direction: "reverse"
+  },
+  bottom: {
+    axis: "y",
+    direction: "normal"
+  }
+}, W = ({ axis: d, isReversed: R, value: a, onValueChange: h, onValueCommitted: w, onResizeStart: z, onResizeEnd: K, onActivate: P, scale: D, dragThreshold: x, min: m, max: y, disabled: l }) => {
+  const n = L(null), c = L(!1), i = j((e) => {
+    const r = n.current;
+    if (!u(r) || (n.current = null, r.removeEscapeKeyListener(), c.current = e || r.hasStarted, r.target.hasPointerCapture?.(r.pointerId) && r.target.releasePointerCapture?.(r.pointerId), !r.hasStarted)) return;
+    const s = e ? v(r.startValue, m, y) : r.currentValue;
+    e && h(s), e || w?.(s), K?.({
+      cancelled: e,
+      value: s
+    });
+  });
+  U(() => () => {
+    i(!0);
+  }, [i]);
+  const f = (e) => {
+    e.preventDefault();
+  }, C = (e) => {
+    if (l || e.defaultPrevented || e.button !== 0 || u(n.current)) return;
+    const r = M(D) ? D() : D, s = Number.isFinite(r) && r > 0 ? r : 1, p = e.currentTarget.ownerDocument?.defaultView, o = (k) => {
+      k.key === "Escape" && (k.preventDefault(), k.stopPropagation(), i(!0));
+    };
+    e.currentTarget.setPointerCapture?.(e.pointerId), p?.addEventListener("keydown", o, !0), c.current = !1, n.current = {
+      pointerId: e.pointerId,
+      target: e.currentTarget,
+      axis: d,
+      startPosition: d === "y" ? e.clientY : e.clientX,
+      startValue: a,
+      currentValue: a,
+      multiplier: (R ? -1 : 1) / s,
+      threshold: Math.max(0, x),
+      hasStarted: !1,
+      removeEscapeKeyListener: () => p?.removeEventListener("keydown", o, !0)
+    };
+  }, V = (e) => {
+    const r = n.current;
+    if (e.defaultPrevented || !u(r) || r.pointerId !== e.pointerId) return;
+    if (l) {
+      i(!0);
+      return;
+    }
+    const s = (r.axis === "y" ? e.clientY : e.clientX) - r.startPosition, p = Math.abs(s) > r.threshold;
+    if (!r.hasStarted && !p) return;
+    const o = v(r.startValue + s * r.multiplier, m, y);
+    r.hasStarted && o === r.currentValue || (r.currentValue = o, r.hasStarted || (r.hasStarted = !0, z?.(o)), h(o));
+  }, t = (e) => {
+    n.current?.pointerId === e.pointerId && (V(e), i(l || e.defaultPrevented));
+  }, E = (e) => {
+    n.current?.pointerId === e.pointerId && i(!0);
+  };
+  return {
+    onMouseDown: f,
+    onPointerDown: C,
+    onPointerMove: V,
+    onPointerUp: t,
+    onPointerCancel: E,
+    onLostPointerCapture: E,
+    onClick: (e) => {
+      const r = c.current && e.detail > 0;
+      c.current = !1, !(l || e.defaultPrevented || r) && P?.();
+    },
+    isPointerActive: () => u(n.current)
+  };
+}, B = ({ axis: d, direction: R, value: a, onValueChange: h, onValueCommitted: w, onResizeStart: z, onResizeEnd: K, onActivate: P, scale: D, dragThreshold: x, min: m, max: y, step: l, disabled: n }) => {
+  const c = Z(), i = u(R) ? R === "reverse" : d === "x" && c === "rtl", { isPointerActive: f, ...C } = W({
+    axis: d,
+    isReversed: i,
+    value: a,
+    onValueChange: h,
+    onValueCommitted: w,
+    onResizeStart: z,
+    onResizeEnd: K,
+    onActivate: P,
+    scale: D,
+    dragThreshold: x,
+    min: m,
+    max: y,
+    disabled: n
+  });
+  return {
+    ...C,
+    onKeyDown: (t) => {
+      const E = t.altKey || t.ctrlKey || t.metaKey;
+      if (t.defaultPrevented || n || E || f()) return;
+      if ((t.key === "Enter" || t.key === " ") && u(P)) {
+        t.preventDefault(), t.stopPropagation(), t.repeat || P();
+        return;
+      }
+      const g = d === "y" ? "ArrowDown" : "ArrowRight", e = d === "y" ? "ArrowUp" : "ArrowLeft", r = i ? e : g, s = i ? g : e, p = (/* @__PURE__ */ new Map([
+        [r, a + l],
+        [s, a - l],
+        ["Home", m],
+        ["End", y]
+      ])).get(t.key);
+      if (!u(p)) return;
+      t.preventDefault(), t.stopPropagation();
+      const o = v(p, m, y);
+      o !== a && (h(o), w?.(o));
+    }
+  };
+}, J = "_area_y24an_1", O = "_bar_y24an_74", T = {
+  area: J,
+  bar: O
+}, fe = ({ axis: d = "y", direction: R, edge: a, placement: h = u(a) ? "edge" : "inline", scale: w = 1, dragThreshold: z = u(a) ? S.edgeDragThreshold : S.dragThreshold, value: K, defaultValue: P = S.value, onValueChange: D, onValueCommitted: x, onResizeStart: m, onResizeEnd: y, onActivate: l, min: n = S.min, max: c = S.max, step: i = S.step, disabled: f = !1, className: C, children: V = h === "gap" ? null : /* @__PURE__ */ X("div", { className: T.bar }), render: t, ref: E, ...g }) => {
+  const e = u(a) ? G[a] : void 0, r = e?.axis ?? d, s = e?.direction ?? R, [p, o] = F(!1), [k, H] = q({
+    controlled: K,
+    default: P,
+    name: "ResizeHandle"
+  }), _ = v(k, n, c), b = B({
+    axis: r,
+    direction: s,
+    scale: w,
+    dragThreshold: z,
+    onValueCommitted: x,
+    onResizeStart: (I) => {
+      o(!0), m?.(I);
+    },
+    onResizeEnd: (I) => {
+      o(!1), y?.(I);
+    },
+    onActivate: l,
+    value: _,
+    onValueChange: (I) => {
+      H(I), D?.(I);
+    },
+    min: n,
+    max: c,
+    step: i,
+    disabled: f
+  });
+  return A({
+    render: t,
+    ref: E,
+    state: {
+      axis: r,
+      edge: a,
+      placement: h,
+      disabled: f,
+      resizing: p
+    },
+    props: Y(b, g, {
+      role: "separator",
+      tabIndex: f ? -1 : g.tabIndex ?? 0,
+      "aria-label": g["aria-label"] ?? "Resize",
+      "aria-orientation": r === "y" ? "horizontal" : "vertical",
+      "aria-valuemin": n,
+      "aria-valuemax": c,
+      "aria-valuenow": _,
+      "aria-disabled": f || void 0,
+      "aria-keyshortcuts": g["aria-keyshortcuts"] ?? (u(l) && !f ? "Enter Space" : void 0),
+      className: N(T.area, C),
+      children: V
+    })
+  });
+};
+export {
+  fe as t
+};

package/dist/Separator-0LzwPfOn.js

@@ -0,0 +1,10 @@
+import { t as a } from "./mergeClassNames-ClFMR1v0.js";
+import { jsx as t } from "react/jsx-runtime";
+import { Separator as e } from "@base-ui/react/separator";
+var m = "_root_vfe8j_1", s = { root: m }, l = ({ className: r, ...o }) => /* @__PURE__ */ t(e, {
+  ...o,
+  className: a(s.root, r)
+});
+export {
+  l as t
+};

package/dist/Separator-UJVlrTzw.cjs

@@ -0,0 +1 @@
+const a=require("./mergeClassNames-D4lshrT6.cjs");let t=require("react/jsx-runtime"),o=require("@base-ui/react/separator");var s="_root_vfe8j_1",u={root:s},_=({className:e,...r})=>(0,t.jsx)(o.Separator,{...r,className:a.mergeClassNames(u.root,e)});Object.defineProperty(exports,"Separator",{enumerable:!0,get:function(){return _}});

package/dist/Shortcut-CWRh02hg.js

@@ -0,0 +1,71 @@
+import { t as g } from "./isDefined-fMi6eQ4r.js";
+import { i as S, t as A } from "./useIsMobile-BvEB9MOV.js";
+import { isNonEmptyArray as v, isString as E } from "@sniptt/guards";
+import { clsx as w } from "clsx";
+import { Fragment as C } from "react";
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
+var x = /* @__PURE__ */ new Map([
+  ["⌘", "Command"],
+  ["⌥", "Option"],
+  ["⇧", "Shift"],
+  ["⌃", "Control"],
+  ["Ctrl", "Control"],
+  ["⏎", "Enter"],
+  ["↵", "Enter"],
+  ["⌫", "Backspace"],
+  ["↑", "Arrow up"],
+  ["↓", "Arrow down"],
+  ["←", "Arrow left"],
+  ["→", "Arrow right"],
+  ["esc", "Escape"]
+]), y = (o) => o.every(E), j = ({ shortcut: o, platform: i, sequenceJoinLabel: l = "then", combinationSeparator: d }) => {
+  const e = S(), a = i === "mac" || !g(i) && (e === "mac" || e === "ios"), u = /* @__PURE__ */ new Map([
+    ["Mod", a ? "⌘" : "Ctrl"],
+    ["CommandOrControl", a ? "⌘" : "Ctrl"],
+    ["Command", "⌘"],
+    ["Control", "Ctrl"],
+    ["Alt", a ? "⌥" : "Alt"],
+    ["Enter", "⏎"]
+  ]), n = (y(o) ? [o] : o).filter(v).map((r) => r.map((t) => u.get(t) ?? t)), c = d ?? (a ? "" : " "), m = ` ${l} `;
+  return {
+    groups: n,
+    separator: c,
+    sequenceJoinLabel: l,
+    text: n.map((r) => r.join(c)).join(m),
+    accessibleLabel: n.map((r) => r.map((t) => x.get(t) ?? t).join(" + ")).join(m)
+  };
+}, k = "_root_1llux_1", M = "_content_1llux_28", L = "_combination_1llux_29", N = "_key_1llux_35", p = {
+  root: k,
+  content: M,
+  combination: L,
+  key: N
+}, K = ({ shortcut: o, platform: i, sequenceJoinLabel: l, combinationSeparator: d, variant: e = "keys", visibility: a = "always", className: u, "aria-label": n, ...c }) => {
+  const m = A(), r = j({
+    shortcut: o,
+    platform: i,
+    sequenceJoinLabel: l,
+    combinationSeparator: d
+  });
+  return !v(r.groups) || a === "desktop" && m ? null : /* @__PURE__ */ s("span", {
+    ...c,
+    className: w(p.root, u),
+    "data-variant": e,
+    role: "img",
+    "aria-label": n ?? r.accessibleLabel,
+    children: /* @__PURE__ */ s("span", {
+      className: p.content,
+      "aria-hidden": !0,
+      children: e !== "keys" ? r.text : r.groups.map((t, _) => /* @__PURE__ */ h(C, { children: [_ > 0 && /* @__PURE__ */ s("span", { children: ` ${r.sequenceJoinLabel} ` }), /* @__PURE__ */ s("span", {
+        className: p.combination,
+        children: t.map((f, b) => /* @__PURE__ */ h(C, { children: [b > 0 && r.separator, /* @__PURE__ */ s("kbd", {
+          className: p.key,
+          children: f
+        })] }, b))
+      })] }, _))
+    })
+  });
+};
+export {
+  j as n,
+  K as t
+};

package/dist/Shortcut-oYvcja2P.cjs

@@ -0,0 +1 @@
+const S=require("./isDefined-DS2Q42p5.cjs"),j=require("./useIsMobile-C_rtkXZO.cjs");let _=require("@sniptt/guards"),v=require("clsx"),h=require("react"),n=require("react/jsx-runtime");var y=new Map([["⌘","Command"],["⌥","Option"],["⇧","Shift"],["⌃","Control"],["Ctrl","Control"],["⏎","Enter"],["↵","Enter"],["⌫","Backspace"],["↑","Arrow up"],["↓","Arrow down"],["←","Arrow left"],["→","Arrow right"],["esc","Escape"]]),f=r=>r.every(_.isString),x=({shortcut:r,platform:i,sequenceJoinLabel:l="then",combinationSeparator:p})=>{const o=j.getUserDevice(),a=i==="mac"||!S.isDefined(i)&&(o==="mac"||o==="ios"),d=new Map([["Mod",a?"⌘":"Ctrl"],["CommandOrControl",a?"⌘":"Ctrl"],["Command","⌘"],["Control","Ctrl"],["Alt",a?"⌥":"Alt"],["Enter","⏎"]]),s=(f(r)?[r]:r).filter(_.isNonEmptyArray).map(e=>e.map(t=>d.get(t)??t)),c=p??(a?"":" "),u=` ${l} `;return{groups:s,separator:c,sequenceJoinLabel:l,text:s.map(e=>e.join(c)).join(u),accessibleLabel:s.map(e=>e.map(t=>y.get(t)??t).join(" + ")).join(u)}},A="_root_1llux_1",E="_content_1llux_28",q="_combination_1llux_29",w="_key_1llux_35",m={root:A,content:E,combination:q,key:w},M=({shortcut:r,platform:i,sequenceJoinLabel:l,combinationSeparator:p,variant:o="keys",visibility:a="always",className:d,"aria-label":s,...c})=>{const u=j.useIsMobile(),e=x({shortcut:r,platform:i,sequenceJoinLabel:l,combinationSeparator:p});return!(0,_.isNonEmptyArray)(e.groups)||a==="desktop"&&u?null:(0,n.jsx)("span",{...c,className:(0,v.clsx)(m.root,d),"data-variant":o,role:"img","aria-label":s??e.accessibleLabel,children:(0,n.jsx)("span",{className:m.content,"aria-hidden":!0,children:o!=="keys"?e.text:e.groups.map((t,b)=>(0,n.jsxs)(h.Fragment,{children:[b>0&&(0,n.jsx)("span",{children:` ${e.sequenceJoinLabel} `}),(0,n.jsx)("span",{className:m.combination,children:t.map((C,g)=>(0,n.jsxs)(h.Fragment,{children:[g>0&&e.separator,(0,n.jsx)("kbd",{className:m.key,children:C})]},g))})]},b))})})};Object.defineProperty(exports,"Shortcut",{enumerable:!0,get:function(){return M}});Object.defineProperty(exports,"getShortcutPresentation",{enumerable:!0,get:function(){return x}});

package/dist/Switch-Ck8QAAbb.cjs

@@ -0,0 +1 @@
+const s=require("./mergeClassNames-D4lshrT6.cjs");let u=require("clsx"),t=require("react/jsx-runtime"),m=require("@base-ui/react/switch");var l="_root_1aldp_1",o="_sm_1aldp_32",h="_md_1aldp_38",d="_thumb_1aldp_44",a={root:l,sm:o,md:h,thumb:d},_=({size:e="md",className:r,...i})=>(0,t.jsx)(m.Switch.Root,{...i,className:s.mergeClassNames((0,u.clsx)(a.root,a[e]),r)}),c=({className:e,...r})=>(0,t.jsx)(m.Switch.Thumb,{...r,className:s.mergeClassNames(a.thumb,e)}),n=({children:e,...r})=>(0,t.jsxs)(_,{...r,children:[(0,t.jsx)(c,{}),e]}),b=Object.assign(n,{Root:_,Thumb:c});Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return b}});

package/dist/Switch-DOd0gh7W.js

@@ -0,0 +1,25 @@
+import { t as r } from "./mergeClassNames-ClFMR1v0.js";
+import { clsx as c } from "clsx";
+import { jsx as a, jsxs as e } from "react/jsx-runtime";
+import { Switch as s } from "@base-ui/react/switch";
+var l = "_root_1aldp_1", d = "_sm_1aldp_32", p = "_md_1aldp_38", v = "_thumb_1aldp_44", o = {
+  root: l,
+  sm: d,
+  md: p,
+  thumb: v
+}, _ = ({ size: m = "md", className: t, ...i }) => /* @__PURE__ */ a(s.Root, {
+  ...i,
+  className: r(c(o.root, o[m]), t)
+}), h = ({ className: m, ...t }) => /* @__PURE__ */ a(s.Thumb, {
+  ...t,
+  className: r(o.thumb, m)
+}), u = ({ children: m, ...t }) => /* @__PURE__ */ e(_, {
+  ...t,
+  children: [/* @__PURE__ */ a(h, {}), m]
+}), n = Object.assign(u, {
+  Root: _,
+  Thumb: h
+});
+export {
+  n as t
+};

package/dist/TabsTabContent-DZUNi_iE.cjs

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

package/dist/TabsTabContent-s6J5bZ3R.js

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

package/dist/TintedIconTile-BZgRO7cg.js

@@ -0,0 +1,40 @@
+import { a as n, h as m } from "./theme-yAk9zrNA.js";
+import { s as C } from "./utilities-DpSj_IdQ.js";
+import { useRender as u } from "@base-ui/react/use-render";
+import { clsx as T } from "clsx";
+import { jsx as _ } from "react/jsx-runtime";
+var e = {
+  background: 4,
+  border: 6,
+  icon: 10
+}, a = (r, o) => n.color[`${r}${o}`] ?? n.tag.text[r], p = (r) => {
+  const o = C(r);
+  return {
+    backgroundColor: a(o, e.background),
+    iconColor: a(o, e.icon),
+    borderColor: a(o, e.border)
+  };
+}, b = "_root_9ntdy_1", h = { root: b }, L = ({ icon: r, color: o = m, className: l, style: s, render: c, ref: d, ...i }) => {
+  const t = p(o);
+  return u({
+    render: c,
+    ref: d,
+    props: {
+      ...i,
+      className: T(h.root, l),
+      style: {
+        backgroundColor: t.backgroundColor,
+        color: t.iconColor,
+        ...s
+      },
+      children: /* @__PURE__ */ _("span", {
+        "aria-hidden": "true",
+        children: r
+      })
+    }
+  });
+};
+export {
+  p as n,
+  L as t
+};

package/dist/TintedIconTile-Dp4uH0Up.cjs

@@ -0,0 +1 @@
+const n=require("./theme-Zf62UE02.cjs"),_=require("./utilities-06FvJQzl.cjs");let C=require("@base-ui/react/use-render"),b=require("clsx"),T=require("react/jsx-runtime");var o={background:4,border:6,icon:10},t=(r,e)=>n.themeCssVariables.color[`${r}${e}`]??n.themeCssVariables.tag.text[r],l=r=>{const e=_.parseThemeColor(r);return{backgroundColor:t(e,o.background),iconColor:t(e,o.icon),borderColor:t(e,o.border)}},g="_root_9ntdy_1",h={root:g},m=({icon:r,color:e=n.DEFAULT_THEME_COLOR_FALLBACK,className:c,style:a,render:u,ref:s,...d})=>{const i=l(e);return(0,C.useRender)({render:u,ref:s,props:{...d,className:(0,b.clsx)(h.root,c),style:{backgroundColor:i.backgroundColor,color:i.iconColor,...a},children:(0,T.jsx)("span",{"aria-hidden":"true",children:r})}})};Object.defineProperty(exports,"TintedIconTile",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"getIconTileColorShades",{enumerable:!0,get:function(){return l}});

package/dist/VisuallyHidden-B-n4x1KY.cjs

@@ -0,0 +1 @@
+let l=require("@base-ui/react/use-render"),t=require("clsx");var d="_root_cc24m_1",n={root:d},s=({render:e,ref:r,className:a,...u})=>(0,l.useRender)({defaultTagName:"span",render:e,ref:r,props:{...u,className:(0,t.clsx)(n.root,a)}});Object.defineProperty(exports,"VisuallyHidden",{enumerable:!0,get:function(){return s}});

package/dist/VisuallyHidden-CFZP7ybO.js

@@ -0,0 +1,14 @@
+import { useRender as t } from "@base-ui/react/use-render";
+import { clsx as l } from "clsx";
+var s = "_root_cc24m_1", d = { root: s }, i = ({ render: r, ref: a, className: o, ...e }) => t({
+  defaultTagName: "span",
+  render: r,
+  ref: a,
+  props: {
+    ...e,
+    className: l(d.root, o)
+  }
+});
+export {
+  i as t
+};

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

@@ -1,2 +1,2 @@
 import { CodeEditorHeaderProps } from './types/CodeEditorHeaderProps';
-export declare const CodeEditorHeader: ({ title, leftNodes, rightNodes, }: CodeEditorHeaderProps) => import("react").JSX.Element;
+export declare const CodeEditorHeader: ({ title, startElement, endElement, className, render, ref, ...props }: CodeEditorHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;