twenty-ui 2.41.0 → 2.43.0

package/dist/OverflowingTextWithTooltip-CqEkoH6t.js

@@ -0,0 +1,179 @@
+import { t as c } from "./isDefined-fMi6eQ4r.js";
+import { t as j } from "./theme-DBro6iwF.js";
+import { n as y, t as F } from "./linkifyText-BINRNP9w.js";
+import { t as U } from "./mergeClassNames-BHKm1BNi.js";
+import { clsx as R } from "clsx";
+import { Fragment as M, jsx as r, jsxs as O } from "react/jsx-runtime";
+import { isNonEmptyString as P, isNumber as X, isString as $ } from "@sniptt/guards";
+import { memo as z, useRef as B, useState as H } from "react";
+import { Tooltip as p } from "@base-ui/react/tooltip";
+import { useRender as q } from "@base-ui/react/use-render";
+var G = "_positioner_12t3h_1", J = "_popup_12t3h_5", K = "_content_12t3h_29", Q = "_title_12t3h_35", V = "_icon_12t3h_47", Y = "_description_12t3h_57", Z = "_arrow_12t3h_63", v = {
+  positioner: G,
+  popup: J,
+  content: K,
+  title: Q,
+  icon: V,
+  description: Y,
+  arrow: Z
+}, A = ({ children: t, description: o, startIcon: e, className: l, render: a, ref: s, ...d }) => q({
+  defaultTagName: "div",
+  render: a,
+  ref: s,
+  props: {
+    ...d,
+    className: R(v.content, l),
+    children: /* @__PURE__ */ O(M, { children: [c(t) && t !== "" && /* @__PURE__ */ O("div", {
+      className: v.title,
+      children: [c(e) && /* @__PURE__ */ r("span", {
+        className: v.icon,
+        "aria-hidden": !0,
+        children: e
+      }), /* @__PURE__ */ r("span", { children: t })]
+    }), c(o) && /* @__PURE__ */ r("div", {
+      className: v.description,
+      children: o
+    })] })
+  }
+}), ee = 10, te = "300px", L = ({ side: t = "top", align: o = "center", sideOffset: e = ee, alignOffset: l, anchor: a, positionMethod: s, collisionBoundary: d, collisionPadding: m, collisionAvoidance: _, sticky: u, disableAnchorTracking: f, arrow: T = !1, maxWidth: x = te, container: w, keepMounted: g, className: h, children: i, ...D }) => {
+  const E = j(), C = $(i) || X(i);
+  return /* @__PURE__ */ r(p.Portal, {
+    container: w ?? E ?? void 0,
+    keepMounted: g,
+    children: /* @__PURE__ */ r(p.Positioner, {
+      side: t,
+      align: o,
+      sideOffset: e,
+      alignOffset: l,
+      anchor: a,
+      positionMethod: s,
+      collisionBoundary: d,
+      collisionPadding: m,
+      collisionAvoidance: _,
+      sticky: u,
+      disableAnchorTracking: f,
+      className: v.positioner,
+      style: { maxWidth: x },
+      children: /* @__PURE__ */ O(p.Popup, {
+        role: "tooltip",
+        ...D,
+        className: U(v.popup, h),
+        children: [C ? /* @__PURE__ */ r(A, { children: i }) : i, T && /* @__PURE__ */ r(p.Arrow, { className: v.arrow })]
+      })
+    })
+  });
+}, oe = ({ content: t, children: o, open: e, defaultOpen: l, onOpenChange: a, onOpenChangeComplete: s, disabled: d = !1, disableHoverablePopup: m, trackCursorAxis: _, actionsRef: u, triggerId: f, defaultTriggerId: T, delay: x, closeDelay: w, closeOnClick: g, ...h }) => {
+  const i = d || !c(t) || t === "" || t === !1;
+  return /* @__PURE__ */ O(p.Root, {
+    open: c(e) ? e && !i : void 0,
+    defaultOpen: l && !i,
+    onOpenChange: a,
+    onOpenChangeComplete: s,
+    disabled: i,
+    disableHoverablePopup: m,
+    trackCursorAxis: _,
+    actionsRef: u,
+    triggerId: f,
+    defaultTriggerId: T,
+    children: [/* @__PURE__ */ r(p.Trigger, {
+      render: o,
+      delay: x,
+      closeDelay: w,
+      closeOnClick: g
+    }), /* @__PURE__ */ r(L, {
+      ...h,
+      children: t
+    })]
+  });
+}, b = Object.assign(oe, {
+  Root: p.Root,
+  Trigger: p.Trigger,
+  Popup: L,
+  Content: A,
+  Provider: p.Provider,
+  createHandle: p.createHandle
+}), re = "_truncate_1x6ii_1", ie = "_lineClamp_1x6ii_7", I = {
+  truncate: re,
+  lineClamp: ie
+}, ne = ({ render: t, truncate: o, lineClamp: e, className: l, style: a, ref: s, ...d }) => {
+  const m = c(e) && Number.isInteger(e) && e > 0;
+  return q({
+    render: t,
+    ref: s,
+    props: {
+      ...d,
+      className: R(o && I.truncate, m && I.lineClamp, l),
+      style: m ? {
+        ...a,
+        "--text-line-clamp": e
+      } : a
+    }
+  });
+}, le = "_link_mrld0_1", ae = { link: le }, se = ({ text: t }) => P(t) ? /* @__PURE__ */ r(M, { children: F(t).map((o, e) => o.type === "link" ? /* @__PURE__ */ r("a", {
+  className: ae.link,
+  href: y(o.content),
+  target: "_blank",
+  rel: "noopener noreferrer",
+  onClick: (l) => l.stopPropagation(),
+  children: o.content
+}, e) : o.content) }) : null, ce = "_overflowingMultilineText_1qcnw_1", pe = "_overflowingText_1qcnw_20", de = "_large_1qcnw_37", me = "_multilineTooltip_1qcnw_41", k = {
+  overflowingMultilineText: ce,
+  overflowingText: pe,
+  large: de,
+  multilineTooltip: me
+}, Ne = z(function({ size: o = "small", text: e, isTooltipMultiline: l, displayedMaxRows: a, tooltipContent: s, tooltipDelay: d = 500, tooltipPlace: m = "bottom", alwaysShowTooltip: _ = !1, isFocusable: u = !1 }) {
+  const f = B(null), [T, x] = H(!1), [w, g] = H(!1), h = () => {
+    const n = f.current, N = c(n) && (n.scrollHeight > n.clientHeight || n.scrollWidth > n.clientWidth);
+    return x(N), N;
+  }, i = (n) => {
+    if (!n) {
+      g(!1);
+      return;
+    }
+    g(h() || _);
+  }, D = () => {
+    f.current?.focus(), i(!0);
+  }, E = (n) => {
+    n.stopPropagation(), n.preventDefault();
+  }, C = P(s) ? s : P(e) ? e : null, S = c(a);
+  return /* @__PURE__ */ O(b.Root, {
+    open: w && c(C),
+    onOpenChange: (...n) => {
+      const [N, W] = n;
+      if (!N && W.reason === "trigger-hover" && u && document.activeElement === f.current) {
+        W.cancel();
+        return;
+      }
+      i(N);
+    },
+    disabled: !c(C) || !T && !_,
+    children: [/* @__PURE__ */ r(b.Trigger, {
+      delay: d,
+      closeOnClick: !1,
+      render: /* @__PURE__ */ r(ne, {
+        ...S ? { lineClamp: a || 1 } : { truncate: !0 },
+        "data-testid": "tooltip",
+        "data-content-overflowing": T ? "" : void 0,
+        className: R(S ? k.overflowingMultilineText : k.overflowingText, o === "large" && k.large),
+        ref: f,
+        tabIndex: u ? 0 : void 0,
+        onPointerEnter: h,
+        onFocus: u ? () => i(!0) : void 0,
+        onClick: u ? D : void 0,
+        children: P(e) ? /* @__PURE__ */ r(se, { text: e }) : e
+      })
+    }), /* @__PURE__ */ r(b.Popup, {
+      className: l ? k.multilineTooltip : void 0,
+      sideOffset: 5,
+      side: m,
+      positionMethod: "absolute",
+      onClick: E,
+      children: C
+    })]
+  });
+});
+export {
+  ne as n,
+  b as r,
+  Ne as t
+};

package/dist/OverflowingTextWithTooltip-bn6EwWeq.cjs

@@ -0,0 +1 @@
+const A=require("./theme-DNG4OSBd.cjs"),c=require("./isDefined-DS2Q42p5.cjs"),S=require("./linkifyText-BHQ4_CzQ.cjs"),F=require("./mergeClassNames-BbJtXN2t.cjs");let P=require("clsx"),e=require("react/jsx-runtime"),h=require("@sniptt/guards"),q=require("react"),u=require("@base-ui/react/tooltip"),W=require("@base-ui/react/use-render");var L="_positioner_12t3h_1",U="_popup_12t3h_5",X="_content_12t3h_29",z="_title_12t3h_35",B="_icon_12t3h_47",G="_description_12t3h_57",J="_arrow_12t3h_63",v={positioner:L,popup:U,content:X,title:z,icon:B,description:G,arrow:J},H=({children:i,description:r,startIcon:t,className:l,render:s,ref:a,...p})=>(0,W.useRender)({defaultTagName:"div",render:s,ref:a,props:{...p,className:(0,P.clsx)(v.content,l),children:(0,e.jsxs)(e.Fragment,{children:[c.isDefined(i)&&i!==""&&(0,e.jsxs)("div",{className:v.title,children:[c.isDefined(t)&&(0,e.jsx)("span",{className:v.icon,"aria-hidden":!0,children:t}),(0,e.jsx)("span",{children:i})]}),c.isDefined(r)&&(0,e.jsx)("div",{className:v.description,children:r})]})}}),K=10,Q="300px",I=({side:i="top",align:r="center",sideOffset:t=K,alignOffset:l,anchor:s,positionMethod:a,collisionBoundary:p,collisionPadding:d,collisionAvoidance:T,sticky:_,disableAnchorTracking:f,arrow:g=!1,maxWidth:j=Q,container:w,keepMounted:m,className:x,children:n,...b})=>{const k=A.useThemeContainer(),N=(0,h.isString)(n)||(0,h.isNumber)(n);return(0,e.jsx)(u.Tooltip.Portal,{container:w??k??void 0,keepMounted:m,children:(0,e.jsx)(u.Tooltip.Positioner,{side:i,align:r,sideOffset:t,alignOffset:l,anchor:s,positionMethod:a,collisionBoundary:p,collisionPadding:d,collisionAvoidance:T,sticky:_,disableAnchorTracking:f,className:v.positioner,style:{maxWidth:j},children:(0,e.jsxs)(u.Tooltip.Popup,{role:"tooltip",...b,className:F.mergeClassNames(v.popup,x),children:[N?(0,e.jsx)(H,{children:n}):n,g&&(0,e.jsx)(u.Tooltip.Arrow,{className:v.arrow})]})})})},V=({content:i,children:r,open:t,defaultOpen:l,onOpenChange:s,onOpenChangeComplete:a,disabled:p=!1,disableHoverablePopup:d,trackCursorAxis:T,actionsRef:_,triggerId:f,defaultTriggerId:g,delay:j,closeDelay:w,closeOnClick:m,...x})=>{const n=p||!c.isDefined(i)||i===""||i===!1;return(0,e.jsxs)(u.Tooltip.Root,{open:c.isDefined(t)?t&&!n:void 0,defaultOpen:l&&!n,onOpenChange:s,onOpenChangeComplete:a,disabled:n,disableHoverablePopup:d,trackCursorAxis:T,actionsRef:_,triggerId:f,defaultTriggerId:g,children:[(0,e.jsx)(u.Tooltip.Trigger,{render:r,delay:j,closeDelay:w,closeOnClick:m}),(0,e.jsx)(I,{...x,children:i})]})},C=Object.assign(V,{Root:u.Tooltip.Root,Trigger:u.Tooltip.Trigger,Popup:I,Content:H,Provider:u.Tooltip.Provider,createHandle:u.Tooltip.createHandle}),Y="_truncate_1x6ii_1",Z="_lineClamp_1x6ii_7",R={truncate:Y,lineClamp:Z},M=({render:i,truncate:r,lineClamp:t,className:l,style:s,ref:a,...p})=>{const d=c.isDefined(t)&&Number.isInteger(t)&&t>0;return(0,W.useRender)({render:i,ref:a,props:{...p,className:(0,P.clsx)(r&&R.truncate,d&&R.lineClamp,l),style:d?{...s,"--text-line-clamp":t}:s}})},$="_link_mrld0_1",ee={link:$},te=({text:i})=>(0,h.isNonEmptyString)(i)?(0,e.jsx)(e.Fragment,{children:S.linkifyText(i).map((r,t)=>r.type==="link"?(0,e.jsx)("a",{className:ee.link,href:S.getSafeUrl(r.content),target:"_blank",rel:"noopener noreferrer",onClick:l=>l.stopPropagation(),children:r.content},t):r.content)}):null,ie="_overflowingMultilineText_1qcnw_1",re="_overflowingText_1qcnw_20",ne="_large_1qcnw_37",oe="_multilineTooltip_1qcnw_41",D={overflowingMultilineText:ie,overflowingText:re,large:ne,multilineTooltip:oe},le=(0,q.memo)(function({size:r="small",text:t,isTooltipMultiline:l,displayedMaxRows:s,tooltipContent:a,tooltipDelay:p=500,tooltipPlace:d="bottom",alwaysShowTooltip:T=!1,isFocusable:_=!1}){const f=(0,q.useRef)(null),[g,j]=(0,q.useState)(!1),[w,m]=(0,q.useState)(!1),x=()=>{const o=f.current,O=c.isDefined(o)&&(o.scrollHeight>o.clientHeight||o.scrollWidth>o.clientWidth);return j(O),O},n=o=>{if(!o){m(!1);return}m(x()||T)},b=()=>{f.current?.focus(),n(!0)},k=o=>{o.stopPropagation(),o.preventDefault()},N=(0,h.isNonEmptyString)(a)?a:(0,h.isNonEmptyString)(t)?t:null,E=c.isDefined(s);return(0,e.jsxs)(C.Root,{open:w&&c.isDefined(N),onOpenChange:(...o)=>{const[O,y]=o;if(!O&&y.reason==="trigger-hover"&&_&&document.activeElement===f.current){y.cancel();return}n(O)},disabled:!c.isDefined(N)||!g&&!T,children:[(0,e.jsx)(C.Trigger,{delay:p,closeOnClick:!1,render:(0,e.jsx)(M,{...E?{lineClamp:s||1}:{truncate:!0},"data-testid":"tooltip","data-content-overflowing":g?"":void 0,className:(0,P.clsx)(E?D.overflowingMultilineText:D.overflowingText,r==="large"&&D.large),ref:f,tabIndex:_?0:void 0,onPointerEnter:x,onFocus:_?()=>n(!0):void 0,onClick:_?b:void 0,children:(0,h.isNonEmptyString)(t)?(0,e.jsx)(te,{text:t}):t})}),(0,e.jsx)(C.Popup,{className:l?D.multilineTooltip:void 0,sideOffset:5,side:d,positionMethod:"absolute",onClick:k,children:N})]})});Object.defineProperty(exports,"OverflowingTextWithTooltip",{enumerable:!0,get:function(){return le}});Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return M}});Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return C}});

package/dist/Pill-BJ3K8Mdc.cjs

@@ -0,0 +1 @@
+let t=require("clsx"),l=require("react/jsx-runtime");var a="_pill_2y5ao_1",s={pill:a},u=({className:r,label:i,Icon:e})=>(0,l.jsxs)("span",{className:(0,t.clsx)(s.pill,r),children:[e&&(0,l.jsx)(e,{size:12}),i]});Object.defineProperty(exports,"Pill",{enumerable:!0,get:function(){return u}});

package/dist/Pill-DaFEFIOT.js

@@ -0,0 +1,9 @@
+import { clsx as i } from "clsx";
+import { jsx as s, jsxs as e } from "react/jsx-runtime";
+var p = "_pill_2y5ao_1", m = { pill: p }, _ = ({ className: r, label: a, Icon: l }) => /* @__PURE__ */ e("span", {
+  className: i(m.pill, r),
+  children: [l && /* @__PURE__ */ s(l, { size: 12 }), a]
+});
+export {
+  _ as t
+};

package/dist/ProgressBar-DwJQXHwg.cjs

@@ -0,0 +1 @@
+let _=require("clsx"),s=require("react/jsx-runtime"),t=require("@base-ui/react/progress");var v="_banner_i03ag_1",b="_primaryBlue_i03ag_17",m="_primaryDanger_i03ag_23",y="_secondaryBlue_i03ag_29",B="_secondaryDanger_i03ag_35",a={banner:v,primaryBlue:b,primaryDanger:m,secondaryBlue:y,secondaryDanger:B},w={primary:{blue:a.primaryBlue,danger:a.primaryDanger},secondary:{blue:a.secondaryBlue,danger:a.secondaryDanger}},k=({color:e="blue",variant:d="primary",className:n,children:i})=>(0,s.jsx)("div",{className:(0,_.clsx)(a.banner,w[d][e],n),children:i}),x="_bar_1wpka_1",f="_track_1wpka_14",N="_indicator_1wpka_20",P="_countdown_1wpka_34",j="_progressBarCountdown_1wpka_1",o={bar:x,track:f,indicator:N,countdown:P,progressBarCountdown:j},A=({value:e,className:d,barColor:n,backgroundColor:i="none",withBorderRadius:c=!1,ariaLabel:l,countdownDurationInMs:u,isCountdownPaused:g=!1,onCountdownComplete:p})=>{const r=u!==void 0;return(0,s.jsx)(t.Progress.Root,{className:(0,_.clsx)(o.bar,d),"data-with-border-radius":c||void 0,"aria-label":l,value:e,style:{"--progress-bar-background-color":i,...n?{"--progress-bar-color":n}:{},...r?{"--progress-bar-countdown-duration":`${u}ms`}:{}},children:(0,s.jsx)(t.Progress.Track,{className:o.track,children:(0,s.jsx)(t.Progress.Indicator,{className:(0,_.clsx)(o.indicator,r&&o.countdown),"data-with-border-radius":c||void 0,"data-nonzero":e>0&&!r||void 0,"data-paused":r&&g||void 0,onAnimationEnd:r?p:void 0})})})};Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return k}});Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return A}});

package/dist/ProgressBar-RWLNIkzm.js

@@ -0,0 +1,55 @@
+import { clsx as t } from "clsx";
+import { jsx as d } from "react/jsx-runtime";
+import { Progress as _ } from "@base-ui/react/progress";
+var m = "_banner_i03ag_1", v = "_primaryBlue_i03ag_17", y = "_primaryDanger_i03ag_23", b = "_secondaryBlue_i03ag_29", w = "_secondaryDanger_i03ag_35", a = {
+  banner: m,
+  primaryBlue: v,
+  primaryDanger: y,
+  secondaryBlue: b,
+  secondaryDanger: w
+}, B = {
+  primary: {
+    blue: a.primaryBlue,
+    danger: a.primaryDanger
+  },
+  secondary: {
+    blue: a.secondaryBlue,
+    danger: a.secondaryDanger
+  }
+}, E = ({ color: o = "blue", variant: s = "primary", className: e, children: i }) => /* @__PURE__ */ d("div", {
+  className: t(a.banner, B[s][o], e),
+  children: i
+}), k = "_bar_1wpka_1", N = "_track_1wpka_14", f = "_indicator_1wpka_20", A = "_countdown_1wpka_34", D = "_progressBarCountdown_1wpka_1", n = {
+  bar: k,
+  track: N,
+  indicator: f,
+  countdown: A,
+  progressBarCountdown: D
+}, P = ({ value: o, className: s, barColor: e, backgroundColor: i = "none", withBorderRadius: c = !1, ariaLabel: p, countdownDurationInMs: l, isCountdownPaused: u = !1, onCountdownComplete: g }) => {
+  const r = l !== void 0;
+  return /* @__PURE__ */ d(_.Root, {
+    className: t(n.bar, s),
+    "data-with-border-radius": c || void 0,
+    "aria-label": p,
+    value: o,
+    style: {
+      "--progress-bar-background-color": i,
+      ...e ? { "--progress-bar-color": e } : {},
+      ...r ? { "--progress-bar-countdown-duration": `${l}ms` } : {}
+    },
+    children: /* @__PURE__ */ d(_.Track, {
+      className: n.track,
+      children: /* @__PURE__ */ d(_.Indicator, {
+        className: t(n.indicator, r && n.countdown),
+        "data-with-border-radius": c || void 0,
+        "data-nonzero": o > 0 && !r || void 0,
+        "data-paused": r && u || void 0,
+        onAnimationEnd: r ? g : void 0
+      })
+    })
+  });
+};
+export {
+  E as n,
+  P as t
+};

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

@@ -0,0 +1,2 @@
+import { CodeEditorProps } from './types/CodeEditorProps';
+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/__stories__/waitForCodeEditorContent.d.ts

@@ -0,0 +1 @@
+export declare const waitForCodeEditorContent: (canvasElement: HTMLElement, expectedContent: string) => Promise<void>;

package/dist/{primitives/input/CodeEditor/CodeEditor.d.ts → components/code-editor/CodeEditor/types/CodeEditorProps.d.ts}

@@ -2,15 +2,15 @@ import { EditorProps } from '@monaco-editor/react';
 import { editor } from 'monaco-editor';
 type CodeEditorVariant = 'default' | 'with-header' | 'borderless';
 type CodeEditorContentPadding = 'default' | 'comfortable';
-type CodeEditorProps = Pick<EditorProps, 'value' | 'language' | 'onMount' | 'onValidate' | 'height' | 'options'> & {
+export type CodeEditorProps = Pick<EditorProps, 'value' | 'language' | 'onMount' | 'onValidate' | 'height' | 'options'> & {
     onChange?: (value: string) => void;
     setMarkers?: (value: string) => editor.IMarkerData[];
     variant?: CodeEditorVariant;
     isLoading?: boolean;
     transparentBackground?: boolean;
     resizable?: boolean;
+    resizeLabel?: string;
     contentPadding?: CodeEditorContentPadding;
     autoHeight?: boolean;
 };
-export declare const CodeEditor: ({ value, language, onMount, onChange, setMarkers, onValidate, height, variant, transparentBackground, isLoading, options, resizable, contentPadding, autoHeight, }: CodeEditorProps) => import("react").JSX.Element;
 export {};

package/dist/{primitives/input → 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/CodeEditorHeader/CodeEditorHeader.d.ts

@@ -0,0 +1,2 @@
+import { CodeEditorHeaderProps } from './types/CodeEditorHeaderProps';
+export declare const CodeEditorHeader: ({ title, leftNodes, rightNodes, }: CodeEditorHeaderProps) => import("react").JSX.Element;

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

@@ -0,0 +1,5 @@
+export type CodeEditorHeaderProps = {
+    title?: string;
+    leftNodes?: React.ReactNode[];
+    rightNodes?: React.ReactNode[];
+};

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +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;