twenty-ui 1.0.0-alpha.2 → 2.42.0

package/dist/json-visualizer-BR2xCR53.js

@@ -1,241 +0,0 @@
-import { n as R } from "./accessibility-DqRb9dOq.js";
-import { t as k } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
-import { c as p, r as g, s as v } from "./theme-constants-Bpkh40Q_.js";
-import { Et as z, Ft as B, Gs as q, H, Ma as K, Tt as P, in as F } from "./TablerIcons-CSp0ySKT.js";
-import { jsx as r, jsxs as _ } from "react/jsx-runtime";
-import { clsx as c } from "clsx";
-import { createContext as G, useContext as M, useState as Q } from "react";
-import { isArray as U, isBoolean as W, isNonEmptyString as w, isNumber as X, isString as Y } from "@sniptt/guards";
-import { Collapsible as I } from "@base-ui/react/collapsible";
-var T = G(void 0), u = () => {
-  const e = M(T);
-  if (!v(e)) throw new Error("useJsonTreeContextOrThrow must be used within a JsonTreeContextProvider");
-  return e;
-}, Z = "_button_1ix33_1", ee = "_red_1ix33_17", re = "_chevron_1ix33_22", N = {
-  button: Z,
-  red: ee,
-  chevron: re
-}, ne = ({ isOpen: e, onClick: n, variant: t }) => {
-  const a = g(), { arrowButtonCollapsedLabel: l, arrowButtonExpandedLabel: s } = u(), o = t === "blue" ? p.color.blue : t === "red" ? p.font.color.danger : p.font.color.secondary;
-  return /* @__PURE__ */ _("button", {
-    className: c(N.button, t === "red" && N.red),
-    onClick: n,
-    children: [/* @__PURE__ */ r(R, { children: e ? s : l }), /* @__PURE__ */ r("div", {
-      className: N.chevron,
-      "data-open": e || void 0,
-      children: /* @__PURE__ */ r(z, {
-        size: a.icon.size.md,
-        color: o
-      })
-    })]
-  });
-}, te = "_labelContainer_1pq94_1", oe = "_blue_1pq94_23", ae = "_red_1pq94_29", f = {
-  labelContainer: te,
-  blue: oe,
-  red: ae
-}, S = ({ label: e, Icon: n, highlighting: t }) => {
-  const a = g();
-  return /* @__PURE__ */ _("span", {
-    className: c(f.labelContainer, t === "blue" && f.blue, t === "red" && f.red),
-    children: [/* @__PURE__ */ r(n, {
-      size: a.icon.size.md,
-      color: t === "blue" ? a.color.blue : t === "red" ? a.font.color.danger : a.font.color.tertiary
-    }), /* @__PURE__ */ r("span", { children: e })]
-  });
-}, se = ({ label: e, value: n, depth: t, keyPath: a, highlighting: l }) => {
-  const { emptyObjectLabel: s } = u();
-  return /* @__PURE__ */ r(A, {
-    elements: Object.entries(n).map(([o, i]) => ({
-      id: o,
-      label: o,
-      value: i
-    })),
-    renderElementsCount: (o) => `{${o}}`,
-    label: e,
-    Icon: F,
-    depth: t,
-    emptyElementsText: s,
-    keyPath: a,
-    highlighting: l
-  });
-}, le = "_text_3y2ep_1", ie = "_blue_3y2ep_10", de = "_red_3y2ep_14", y = {
-  text: le,
-  blue: ie,
-  red: de
-}, ce = ({ valueAsString: e, highlighting: n }) => {
-  const { onNodeValueClick: t } = u(), a = v(t), l = () => {
-    t?.(e);
-  }, s = c(y.text, n === "blue" && y.blue, n === "red" && y.red);
-  return a ? /* @__PURE__ */ r("span", {
-    className: s,
-    role: "button",
-    tabIndex: 0,
-    onClick: l,
-    onKeyDown: k,
-    children: e
-  }) : /* @__PURE__ */ r("span", {
-    className: s,
-    children: e
-  });
-}, ue = "_listItem_1i7if_1", me = { listItem: ue }, m = (e) => /* @__PURE__ */ _("li", {
-  className: me.listItem,
-  children: [e.label && /* @__PURE__ */ r(S, {
-    label: e.label,
-    Icon: e.Icon,
-    highlighting: e.highlighting
-  }), /* @__PURE__ */ r(ce, {
-    valueAsString: e.valueAsString,
-    highlighting: e.highlighting
-  })]
-}), _e = (e) => U(e), j = ({ label: e, value: n, depth: t, keyPath: a }) => {
-  const { getNodeHighlighting: l, emptyStringLabel: s } = u(), o = l?.(a);
-  return v(n) ? Y(n) ? /* @__PURE__ */ r(m, {
-    label: e,
-    valueAsString: w(n) ? n : s,
-    Icon: q,
-    highlighting: o
-  }) : X(n) ? /* @__PURE__ */ r(m, {
-    label: e,
-    valueAsString: String(n),
-    Icon: K,
-    highlighting: o
-  }) : W(n) ? /* @__PURE__ */ r(m, {
-    label: e,
-    valueAsString: String(n),
-    Icon: P,
-    highlighting: o
-  }) : _e(n) ? /* @__PURE__ */ r(ye, {
-    label: e,
-    value: n,
-    depth: t,
-    keyPath: a,
-    highlighting: o
-  }) : /* @__PURE__ */ r(se, {
-    label: e,
-    value: n,
-    depth: t,
-    keyPath: a,
-    highlighting: o
-  }) : /* @__PURE__ */ r(m, {
-    label: e,
-    valueAsString: "null",
-    Icon: B,
-    highlighting: o
-  });
-}, ve = "_container_1c6yj_1", be = "_labelContainer_1c6yj_6", Ce = "_elementsCount_1c6yj_12", he = "_elementsCountRed_1c6yj_16", pe = "_panel_1c6yj_20", Ne = "_list_1c6yj_30", fe = "_nested_1c6yj_37", d = {
-  container: ve,
-  labelContainer: be,
-  elementsCount: Ce,
-  elementsCountRed: he,
-  panel: pe,
-  list: Ne,
-  nested: fe
-}, A = ({ label: e, Icon: n, elements: t, renderElementsCount: a, emptyElementsText: l, depth: s, keyPath: o, highlighting: i }) => {
-  const { shouldExpandNodeInitially: b } = u(), $ = !v(e), [C, E] = Q(b({
-    keyPath: o,
-    depth: s
-  })), x = /* @__PURE__ */ r("ul", {
-    className: c(d.list, s > 0 && d.nested),
-    children: t.length === 0 ? /* @__PURE__ */ r(m, {
-      valueAsString: l,
-      highlighting: void 0
-    }) : t.map(({ id: h, label: O, value: V }) => {
-      const D = w(o) ? `${o}.${h}` : String(h);
-      return /* @__PURE__ */ r(j, {
-        label: O,
-        value: V,
-        depth: s + 1,
-        keyPath: D
-      }, h);
-    })
-  }), L = () => {
-    E(!C);
-  };
-  return $ ? /* @__PURE__ */ r("li", {
-    className: d.container,
-    children: x
-  }) : /* @__PURE__ */ _(I.Root, {
-    className: d.container,
-    open: C,
-    render: /* @__PURE__ */ r("li", {}),
-    children: [/* @__PURE__ */ _("div", {
-      className: d.labelContainer,
-      children: [
-        /* @__PURE__ */ r(ne, {
-          isOpen: C,
-          onClick: L,
-          variant: i === "partial-blue" ? "blue" : i === "red" ? i : void 0
-        }),
-        /* @__PURE__ */ r(S, {
-          label: e,
-          Icon: n,
-          highlighting: i === "red" ? i : void 0
-        }),
-        a && /* @__PURE__ */ r("span", {
-          className: c(d.elementsCount, i === "red" && d.elementsCountRed),
-          children: a(t.length)
-        })
-      ]
-    }), /* @__PURE__ */ r(I.Panel, {
-      className: d.panel,
-      children: x
-    })]
-  });
-}, ye = ({ label: e, value: n, depth: t, keyPath: a, highlighting: l }) => {
-  const { emptyArrayLabel: s } = u();
-  return /* @__PURE__ */ r(A, {
-    elements: [...n.entries()].map(([o, i]) => ({
-      id: o,
-      label: String(o),
-      value: i
-    })),
-    renderElementsCount: (o) => `[${o}]`,
-    label: e,
-    Icon: H,
-    depth: t,
-    emptyElementsText: s,
-    keyPath: a,
-    highlighting: l
-  });
-}, xe = "_list_80v6h_1", Ie = "_nested_80v6h_8", J = {
-  list: xe,
-  nested: Ie
-}, Je = ({ depth: e, className: n, children: t }) => /* @__PURE__ */ r("ul", {
-  className: c(J.list, e > 0 && J.nested, n),
-  children: t
-}), ge = ({ value: e, children: n }) => /* @__PURE__ */ r(T.Provider, {
-  value: e,
-  children: n
-}), Ve = ({ value: e, getNodeHighlighting: n, shouldExpandNodeInitially: t, emptyArrayLabel: a, emptyObjectLabel: l, emptyStringLabel: s, arrowButtonCollapsedLabel: o, arrowButtonExpandedLabel: i, onNodeValueClick: b }) => /* @__PURE__ */ r(ge, {
-  value: {
-    getNodeHighlighting: n,
-    shouldExpandNodeInitially: t,
-    emptyArrayLabel: a,
-    emptyObjectLabel: l,
-    emptyStringLabel: s,
-    arrowButtonCollapsedLabel: o,
-    arrowButtonExpandedLabel: i,
-    onNodeValueClick: b
-  },
-  children: /* @__PURE__ */ r(Je, {
-    depth: 0,
-    children: /* @__PURE__ */ r(j, {
-      value: e,
-      depth: 0,
-      keyPath: ""
-    })
-  })
-}), De = ({ depth: e }) => e <= 1;
-export {
-  A as a,
-  m as c,
-  T as d,
-  ye as i,
-  se as l,
-  Ve as n,
-  j as o,
-  ge as r,
-  _e as s,
-  De as t,
-  u
-};

package/dist/json-visualizer-CMuFIF8y.cjs

@@ -1 +0,0 @@
-const R=require("./accessibility-Cx4HvKc4.cjs"),z=require("./handleClickableElementKeyDown-CByqtBhO.cjs"),c=require("./theme-constants-27fpVK7_.cjs");let r=require("react/jsx-runtime"),x=require("clsx"),p=require("react"),b=require("@sniptt/guards"),O=require("@base-ui/react/collapsible"),d=require("@tabler/icons-react");var N=(0,p.createContext)(void 0),_=()=>{const e=(0,p.useContext)(N);if(!c.isDefined(e))throw new Error("useJsonTreeContextOrThrow must be used within a JsonTreeContextProvider");return e},B="_button_1ix33_1",K="_red_1ix33_17",F="_chevron_1ix33_22",C={button:B,red:K,chevron:F},H=({isOpen:e,onClick:n,variant:t})=>{const o=c.useTheme(),{arrowButtonCollapsedLabel:a,arrowButtonExpandedLabel:l}=_(),s=t==="blue"?c.themeCssVariables.color.blue:t==="red"?c.themeCssVariables.font.color.danger:c.themeCssVariables.font.color.secondary;return(0,r.jsxs)("button",{className:(0,x.clsx)(C.button,t==="red"&&C.red),onClick:n,children:[(0,r.jsx)(R.VisibilityHidden,{children:e?l:a}),(0,r.jsx)("div",{className:C.chevron,"data-open":e||void 0,children:(0,r.jsx)(d.IconChevronDown,{size:o.icon.size.md,color:s})})]})},G="_labelContainer_1pq94_1",M="_blue_1pq94_23",Q="_red_1pq94_29",h={labelContainer:G,blue:M,red:Q},w=({label:e,Icon:n,highlighting:t})=>{const o=c.useTheme();return(0,r.jsxs)("span",{className:(0,x.clsx)(h.labelContainer,t==="blue"&&h.blue,t==="red"&&h.red),children:[(0,r.jsx)(n,{size:o.icon.size.md,color:t==="blue"?o.color.blue:t==="red"?o.font.color.danger:o.font.color.tertiary}),(0,r.jsx)("span",{children:e})]})},q=({label:e,value:n,depth:t,keyPath:o,highlighting:a})=>{const{emptyObjectLabel:l}=_();return(0,r.jsx)(g,{elements:Object.entries(n).map(([s,i])=>({id:s,label:s,value:i})),renderElementsCount:s=>`{${s}}`,label:e,Icon:d.IconCube,depth:t,emptyElementsText:l,keyPath:o,highlighting:a})},U="_text_3y2ep_1",W="_blue_3y2ep_10",X="_red_3y2ep_14",y={text:U,blue:W,red:X},Y=({valueAsString:e,highlighting:n})=>{const{onNodeValueClick:t}=_(),o=c.isDefined(t),a=()=>{t?.(e)},l=(0,x.clsx)(y.text,n==="blue"&&y.blue,n==="red"&&y.red);return o?(0,r.jsx)("span",{className:l,role:"button",tabIndex:0,onClick:a,onKeyDown:z.handleClickableElementKeyDown,children:e}):(0,r.jsx)("span",{className:l,children:e})},Z="_listItem_1i7if_1",ee={listItem:Z},m=e=>(0,r.jsxs)("li",{className:ee.listItem,children:[e.label&&(0,r.jsx)(w,{label:e.label,Icon:e.Icon,highlighting:e.highlighting}),(0,r.jsx)(Y,{valueAsString:e.valueAsString,highlighting:e.highlighting})]}),P=e=>(0,b.isArray)(e),J=({label:e,value:n,depth:t,keyPath:o})=>{const{getNodeHighlighting:a,emptyStringLabel:l}=_(),s=a?.(o);return c.isDefined(n)?(0,b.isString)(n)?(0,r.jsx)(m,{label:e,valueAsString:(0,b.isNonEmptyString)(n)?n:l,Icon:d.IconTypography,highlighting:s}):(0,b.isNumber)(n)?(0,r.jsx)(m,{label:e,valueAsString:String(n),Icon:d.IconNumber9,highlighting:s}):(0,b.isBoolean)(n)?(0,r.jsx)(m,{label:e,valueAsString:String(n),Icon:d.IconCheckbox,highlighting:s}):P(n)?(0,r.jsx)(A,{label:e,value:n,depth:t,keyPath:o,highlighting:s}):(0,r.jsx)(q,{label:e,value:n,depth:t,keyPath:o,highlighting:s}):(0,r.jsx)(m,{label:e,valueAsString:"null",Icon:d.IconCircleOff,highlighting:s})},re="_container_1c6yj_1",ne="_labelContainer_1c6yj_6",te="_elementsCount_1c6yj_12",se="_elementsCountRed_1c6yj_16",oe="_panel_1c6yj_20",le="_list_1c6yj_30",ae="_nested_1c6yj_37",u={container:re,labelContainer:ne,elementsCount:te,elementsCountRed:se,panel:oe,list:le,nested:ae},g=({label:e,Icon:n,elements:t,renderElementsCount:o,emptyElementsText:a,depth:l,keyPath:s,highlighting:i})=>{const{shouldExpandNodeInitially:j}=_(),D=!c.isDefined(e),[v,E]=(0,p.useState)(j({keyPath:s,depth:l})),I=(0,r.jsx)("ul",{className:(0,x.clsx)(u.list,l>0&&u.nested),children:t.length===0?(0,r.jsx)(m,{valueAsString:a,highlighting:void 0}):t.map(({id:f,label:$,value:L})=>{const k=(0,b.isNonEmptyString)(s)?`${s}.${f}`:String(f);return(0,r.jsx)(J,{label:$,value:L,depth:l+1,keyPath:k},f)})}),V=()=>{E(!v)};return D?(0,r.jsx)("li",{className:u.container,children:I}):(0,r.jsxs)(O.Collapsible.Root,{className:u.container,open:v,render:(0,r.jsx)("li",{}),children:[(0,r.jsxs)("div",{className:u.labelContainer,children:[(0,r.jsx)(H,{isOpen:v,onClick:V,variant:i==="partial-blue"?"blue":i==="red"?i:void 0}),(0,r.jsx)(w,{label:e,Icon:n,highlighting:i==="red"?i:void 0}),o&&(0,r.jsx)("span",{className:(0,x.clsx)(u.elementsCount,i==="red"&&u.elementsCountRed),children:o(t.length)})]}),(0,r.jsx)(O.Collapsible.Panel,{className:u.panel,children:I})]})},A=({label:e,value:n,depth:t,keyPath:o,highlighting:a})=>{const{emptyArrayLabel:l}=_();return(0,r.jsx)(g,{elements:[...n.entries()].map(([s,i])=>({id:s,label:String(s),value:i})),renderElementsCount:s=>`[${s}]`,label:e,Icon:d.IconBrackets,depth:t,emptyElementsText:l,keyPath:o,highlighting:a})},ie="_list_80v6h_1",ce="_nested_80v6h_8",T={list:ie,nested:ce},ue=({depth:e,className:n,children:t})=>(0,r.jsx)("ul",{className:(0,x.clsx)(T.list,e>0&&T.nested,n),children:t}),S=({value:e,children:n})=>(0,r.jsx)(N.Provider,{value:e,children:n}),de=({value:e,getNodeHighlighting:n,shouldExpandNodeInitially:t,emptyArrayLabel:o,emptyObjectLabel:a,emptyStringLabel:l,arrowButtonCollapsedLabel:s,arrowButtonExpandedLabel:i,onNodeValueClick:j})=>(0,r.jsx)(S,{value:{getNodeHighlighting:n,shouldExpandNodeInitially:t,emptyArrayLabel:o,emptyObjectLabel:a,emptyStringLabel:l,arrowButtonCollapsedLabel:s,arrowButtonExpandedLabel:i,onNodeValueClick:j},children:(0,r.jsx)(ue,{depth:0,children:(0,r.jsx)(J,{value:e,depth:0,keyPath:""})})}),_e=({depth:e})=>e<=1;Object.defineProperty(exports,"JsonArrayNode",{enumerable:!0,get:function(){return A}});Object.defineProperty(exports,"JsonNestedNode",{enumerable:!0,get:function(){return g}});Object.defineProperty(exports,"JsonNode",{enumerable:!0,get:function(){return J}});Object.defineProperty(exports,"JsonObjectNode",{enumerable:!0,get:function(){return q}});Object.defineProperty(exports,"JsonTree",{enumerable:!0,get:function(){return de}});Object.defineProperty(exports,"JsonTreeContext",{enumerable:!0,get:function(){return N}});Object.defineProperty(exports,"JsonTreeContextProvider",{enumerable:!0,get:function(){return S}});Object.defineProperty(exports,"JsonValueNode",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"isArray",{enumerable:!0,get:function(){return P}});Object.defineProperty(exports,"isTwoFirstDepths",{enumerable:!0,get:function(){return _e}});Object.defineProperty(exports,"useJsonTreeContextOrThrow",{enumerable:!0,get:function(){return _}});

package/dist/json-visualizer.cjs

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./json-visualizer-CMuFIF8y.cjs");exports.JsonArrayNode=e.JsonArrayNode;exports.JsonNestedNode=e.JsonNestedNode;exports.JsonNode=e.JsonNode;exports.JsonObjectNode=e.JsonObjectNode;exports.JsonTree=e.JsonTree;exports.JsonTreeContext=e.JsonTreeContext;exports.JsonTreeContextProvider=e.JsonTreeContextProvider;exports.JsonValueNode=e.JsonValueNode;exports.isArray=e.isArray;exports.isTwoFirstDepths=e.isTwoFirstDepths;exports.useJsonTreeContextOrThrow=e.useJsonTreeContextOrThrow;

package/dist/json-visualizer.mjs

@@ -1,14 +0,0 @@
-import { a as e, c as o, d as r, i as a, l as n, n as t, o as J, r as d, s as i, t as N, u as T } from "./json-visualizer-BR2xCR53.js";
-export {
-  a as JsonArrayNode,
-  e as JsonNestedNode,
-  J as JsonNode,
-  n as JsonObjectNode,
-  t as JsonTree,
-  r as JsonTreeContext,
-  d as JsonTreeContextProvider,
-  o as JsonValueNode,
-  i as isArray,
-  N as isTwoFirstDepths,
-  T as useJsonTreeContextOrThrow
-};

package/dist/layout/AnimatedCircleLoading/AnimatedCircleLoading.d.ts

@@ -1,3 +0,0 @@
-export declare const AnimatedCircleLoading: ({ children, }: {
-    children: React.ReactNode;
-}) => import("react").JSX.Element;

package/dist/layout/AnimatedContainer/AnimatedContainer.d.ts

@@ -1,3 +0,0 @@
-export declare const AnimatedContainer: ({ children, }: {
-    children: React.ReactNode;
-}) => import("react").JSX.Element;

package/dist/layout/AnimatedEaseIn/AnimatedEaseIn.d.ts

@@ -1,7 +0,0 @@
-import { AnimationDuration } from '../../theme';
-type AnimatedEaseInProps = {
-    children?: React.ReactNode;
-    duration?: AnimationDuration;
-};
-export declare const AnimatedEaseIn: ({ children, duration, }: AnimatedEaseInProps) => import("react").JSX.Element;
-export {};

package/dist/layout/AnimatedEaseInOut/AnimatedEaseInOut.d.ts

@@ -1,11 +0,0 @@
-import { AnimationDuration } from '../../theme';
-type AnimatedEaseInOutProps = {
-    isOpen: boolean;
-    children: React.ReactNode;
-    duration?: AnimationDuration;
-    marginBottom?: string;
-    marginTop?: string;
-    initial?: boolean;
-};
-export declare const AnimatedEaseInOut: ({ children, isOpen, marginBottom, marginTop, duration, }: AnimatedEaseInOutProps) => import("react").JSX.Element;
-export {};

package/dist/layout/AnimatedRotate/AnimatedRotate.d.ts

@@ -1,9 +0,0 @@
-import { JSX } from 'react';
-import { AnimationDuration } from '../../theme';
-type AnimatedRotateProps = {
-    children?: React.ReactNode;
-    duration?: AnimationDuration;
-    animateOnHover?: boolean;
-};
-export declare const AnimatedRotate: ({ children, duration, animateOnHover, }: AnimatedRotateProps) => JSX.Element;
-export {};

package/dist/layout/AutogrowWrapper/AutogrowWrapper.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-type AutogrowWrapperProps = {
-    children: ReactNode;
-    node?: ReactNode;
-    className?: string;
-};
-export declare const AutogrowWrapper: ({ children, node, className, }: AutogrowWrapperProps) => import("react").JSX.Element;
-export {};

package/dist/layout/Section/Section.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode } from 'react';
-type SectionProps = {
-    children: ReactNode;
-    className?: string;
-    alignment?: SectionAlignment;
-    fullWidth?: boolean;
-    fontColor?: SectionFontColor;
-};
-export declare enum SectionAlignment {
-    Left = "left",
-    Center = "center"
-}
-export declare enum SectionFontColor {
-    Primary = "primary",
-    Secondary = "secondary",
-    Tertiary = "tertiary"
-}
-export declare const Section: ({ children, className, alignment, fullWidth, fontColor, }: SectionProps) => import("react").JSX.Element;
-export {};

package/dist/layout-BZkTRAmh.cjs

@@ -1 +0,0 @@
-const v=require("./theme-constants-27fpVK7_.cjs");let a=require("react/jsx-runtime"),o=require("clsx"),s=require("@base-ui/react/collapsible");var p="_container_1ucks_1",f="_animatedCircleLoadingSpin_1ucks_1",b={container:p,animatedCircleLoadingSpin:f},y=({children:e})=>(0,a.jsx)("div",{className:b.container,children:e}),x="_container_vp2nv_1",j="_animatedContainerFadeIn_vp2nv_1",A={container:x,animatedContainerFadeIn:j},g=({children:e})=>(0,a.jsx)("div",{className:A.container,children:e}),h="_fadeIn_15pom_1",C="_animatedEaseInFadeIn_15pom_1",I={fadeIn:h,animatedEaseInFadeIn:C},O=({children:e,duration:n="normal"})=>(0,a.jsx)("div",{className:I.fadeIn,"data-duration":n,children:e}),P="_panel_rreni_1",N={panel:P},q=({children:e,isOpen:n,marginBottom:r,marginTop:t,duration:i="normal"})=>(0,a.jsx)(s.Collapsible.Root,{open:n,children:(0,a.jsx)(s.Collapsible.Panel,{className:N.panel,"data-duration":i,style:{"--animated-ease-in-out-margin-top":t??"0","--animated-ease-in-out-margin-bottom":r??"0"},children:e})}),W="_panel_18upp_1",E="_contained_18upp_25",u={panel:W,contained:E},$=({children:e,isExpanded:n,dimension:r="height",animationDurations:t="default",containAnimation:i=!0})=>{const l=t==="default"?void 0:{"--animated-expandable-opacity-duration":`${t.opacity}s`,"--animated-expandable-size-duration":`${t.size}s`};return(0,a.jsx)(s.Collapsible.Root,{open:n,children:(0,a.jsx)(s.Collapsible.Panel,{className:(0,o.clsx)(u.panel,i&&u.contained),"data-dimension":r,style:l,children:e})})},z="_container_n86lv_1",R="_layer_n86lv_8",S="_visible_n86lv_17",L="_hidden_n86lv_22",d={container:z,layer:R,visible:S,hidden:L},w=({isActive:e,ActiveIcon:n,InactiveIcon:r,size:t})=>{const i=v.useTheme(),l=t??i.icon.size.sm;return(0,a.jsxs)("div",{className:d.container,style:{"--animated-icon-crossfade-size":`${l}px`},children:[(0,a.jsx)("div",{className:(0,o.clsx)(d.layer,e?d.hidden:d.visible),children:(0,a.jsx)(r,{size:l})}),(0,a.jsx)("div",{className:(0,o.clsx)(d.layer,e?d.visible:d.hidden),children:(0,a.jsx)(n,{size:l})})]})},F="_container_1dmel_1",H="_animatedRotateIn_1dmel_1",k="_animateOnHover_1dmel_18",m={container:F,animatedRotateIn:H,animateOnHover:k},T=({children:e,duration:n="fast",animateOnHover:r})=>(0,a.jsx)("div",{className:(0,o.clsx)(m.container,r&&m.animateOnHover),"data-duration":n,children:e}),B="_container_c9ls6_1",G="_nodeWrapper_c9ls6_6",J="_childWrapper_c9ls6_12",_={container:B,nodeWrapper:G,childWrapper:J},K=({children:e,node:n=e,className:r})=>(0,a.jsxs)("div",{className:(0,o.clsx)(_.container,r),children:[(0,a.jsx)("span",{className:_.nodeWrapper,children:n}),(0,a.jsx)("div",{className:_.childWrapper,children:e})]}),M="_section_15iqe_1",Q="_fullWidth_15iqe_5",U="_left_15iqe_9",V="_center_15iqe_13",X="_primary_15iqe_17",Y="_secondary_15iqe_21",Z="_tertiary_15iqe_25",c={section:M,fullWidth:Q,left:U,center:V,primary:X,secondary:Y,tertiary:Z},D=(function(e){return e.Left="left",e.Center="center",e})({}),ee=(function(e){return e.Primary="primary",e.Secondary="secondary",e.Tertiary="tertiary",e})({}),ae=({children:e,className:n,alignment:r="left",fullWidth:t=!0,fontColor:i="primary"})=>(0,a.jsx)("div",{className:(0,o.clsx)(c.section,c[r],c[i],t&&c.fullWidth,n),children:e});Object.defineProperty(exports,"AnimatedCircleLoading",{enumerable:!0,get:function(){return y}});Object.defineProperty(exports,"AnimatedContainer",{enumerable:!0,get:function(){return g}});Object.defineProperty(exports,"AnimatedEaseIn",{enumerable:!0,get:function(){return O}});Object.defineProperty(exports,"AnimatedEaseInOut",{enumerable:!0,get:function(){return q}});Object.defineProperty(exports,"AnimatedExpandableContainer",{enumerable:!0,get:function(){return $}});Object.defineProperty(exports,"AnimatedIconCrossfade",{enumerable:!0,get:function(){return w}});Object.defineProperty(exports,"AnimatedRotate",{enumerable:!0,get:function(){return T}});Object.defineProperty(exports,"AutogrowWrapper",{enumerable:!0,get:function(){return K}});Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return ae}});Object.defineProperty(exports,"SectionAlignment",{enumerable:!0,get:function(){return D}});Object.defineProperty(exports,"SectionFontColor",{enumerable:!0,get:function(){return ee}});

package/dist/layout-CLLg1bKJ.js

@@ -1,119 +0,0 @@
-import { r as u } from "./theme-constants-Bpkh40Q_.js";
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { clsx as o } from "clsx";
-import { Collapsible as s } from "@base-ui/react/collapsible";
-var f = "_container_1ucks_1", y = "_animatedCircleLoadingSpin_1ucks_1", h = {
-  container: f,
-  animatedCircleLoadingSpin: y
-}, X = ({ children: a }) => /* @__PURE__ */ e("div", {
-  className: h.container,
-  children: a
-}), I = "_container_vp2nv_1", A = "_animatedContainerFadeIn_vp2nv_1", N = {
-  container: I,
-  animatedContainerFadeIn: A
-}, Y = ({ children: a }) => /* @__PURE__ */ e("div", {
-  className: N.container,
-  children: a
-}), C = "_fadeIn_15pom_1", W = "_animatedEaseInFadeIn_15pom_1", b = {
-  fadeIn: C,
-  animatedEaseInFadeIn: W
-}, Z = ({ children: a, duration: n = "normal" }) => /* @__PURE__ */ e("div", {
-  className: b.fadeIn,
-  "data-duration": n,
-  children: a
-}), x = "_panel_rreni_1", g = { panel: x }, D = ({ children: a, isOpen: n, marginBottom: r, marginTop: i, duration: t = "normal" }) => /* @__PURE__ */ e(s.Root, {
-  open: n,
-  children: /* @__PURE__ */ e(s.Panel, {
-    className: g.panel,
-    "data-duration": t,
-    style: {
-      "--animated-ease-in-out-margin-top": i ?? "0",
-      "--animated-ease-in-out-margin-bottom": r ?? "0"
-    },
-    children: a
-  })
-}), E = "_panel_18upp_1", $ = "_contained_18upp_25", m = {
-  panel: E,
-  contained: $
-}, aa = ({ children: a, isExpanded: n, dimension: r = "height", animationDurations: i = "default", containAnimation: t = !0 }) => {
-  const _ = i === "default" ? void 0 : {
-    "--animated-expandable-opacity-duration": `${i.opacity}s`,
-    "--animated-expandable-size-duration": `${i.size}s`
-  };
-  return /* @__PURE__ */ e(s.Root, {
-    open: n,
-    children: /* @__PURE__ */ e(s.Panel, {
-      className: o(m.panel, t && m.contained),
-      "data-dimension": r,
-      style: _,
-      children: a
-    })
-  });
-}, q = "_container_n86lv_1", z = "_layer_n86lv_8", R = "_visible_n86lv_17", L = "_hidden_n86lv_22", d = {
-  container: q,
-  layer: z,
-  visible: R,
-  hidden: L
-}, ea = ({ isActive: a, ActiveIcon: n, InactiveIcon: r, size: i }) => {
-  const t = u(), _ = i ?? t.icon.size.sm;
-  return /* @__PURE__ */ p("div", {
-    className: d.container,
-    style: { "--animated-icon-crossfade-size": `${_}px` },
-    children: [/* @__PURE__ */ e("div", {
-      className: o(d.layer, a ? d.hidden : d.visible),
-      children: /* @__PURE__ */ e(r, { size: _ })
-    }), /* @__PURE__ */ e("div", {
-      className: o(d.layer, a ? d.visible : d.hidden),
-      children: /* @__PURE__ */ e(n, { size: _ })
-    })]
-  });
-}, O = "_container_1dmel_1", S = "_animatedRotateIn_1dmel_1", H = "_animateOnHover_1dmel_18", v = {
-  container: O,
-  animatedRotateIn: S,
-  animateOnHover: H
-}, na = ({ children: a, duration: n = "fast", animateOnHover: r }) => /* @__PURE__ */ e("div", {
-  className: o(v.container, r && v.animateOnHover),
-  "data-duration": n,
-  children: a
-}), P = "_container_c9ls6_1", j = "_nodeWrapper_c9ls6_6", k = "_childWrapper_c9ls6_12", c = {
-  container: P,
-  nodeWrapper: j,
-  childWrapper: k
-}, ra = ({ children: a, node: n = a, className: r }) => /* @__PURE__ */ p("div", {
-  className: o(c.container, r),
-  children: [/* @__PURE__ */ e("span", {
-    className: c.nodeWrapper,
-    children: n
-  }), /* @__PURE__ */ e("div", {
-    className: c.childWrapper,
-    children: a
-  })]
-}), w = "_section_15iqe_1", F = "_fullWidth_15iqe_5", T = "_left_15iqe_9", B = "_center_15iqe_13", G = "_primary_15iqe_17", J = "_secondary_15iqe_21", K = "_tertiary_15iqe_25", l = {
-  section: w,
-  fullWidth: F,
-  left: T,
-  center: B,
-  primary: G,
-  secondary: J,
-  tertiary: K
-}, ia = /* @__PURE__ */ (function(a) {
-  return a.Left = "left", a.Center = "center", a;
-})({}), ta = /* @__PURE__ */ (function(a) {
-  return a.Primary = "primary", a.Secondary = "secondary", a.Tertiary = "tertiary", a;
-})({}), da = ({ children: a, className: n, alignment: r = "left", fullWidth: i = !0, fontColor: t = "primary" }) => /* @__PURE__ */ e("div", {
-  className: o(l.section, l[r], l[t], i && l.fullWidth, n),
-  children: a
-});
-export {
-  na as a,
-  D as c,
-  X as d,
-  ra as i,
-  Z as l,
-  ia as n,
-  ea as o,
-  ta as r,
-  aa as s,
-  da as t,
-  Y as u
-};

package/dist/layout.cjs

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./HorizontalSeparator-BxdfXfBV.cjs"),e=require("./layout-BZkTRAmh.cjs");exports.AnimatedCircleLoading=e.AnimatedCircleLoading;exports.AnimatedContainer=e.AnimatedContainer;exports.AnimatedEaseIn=e.AnimatedEaseIn;exports.AnimatedEaseInOut=e.AnimatedEaseInOut;exports.AnimatedExpandableContainer=e.AnimatedExpandableContainer;exports.AnimatedIconCrossfade=e.AnimatedIconCrossfade;exports.AnimatedRotate=e.AnimatedRotate;exports.AutogrowWrapper=e.AutogrowWrapper;exports.HorizontalSeparator=n.HorizontalSeparator;exports.ResizeHandle=n.ResizeHandle;exports.Section=e.Section;exports.SectionAlignment=e.SectionAlignment;exports.SectionFontColor=e.SectionFontColor;exports.useResizeHandle=n.useResizeHandle;

package/dist/layout.mjs

@@ -1,18 +0,0 @@
-import { n as e, r as n, t } from "./HorizontalSeparator-B0KT6025.js";
-import { a as s, c as i, d as r, i as d, l as m, n as A, o as l, r as p, s as c, t as C, u } from "./layout-CLLg1bKJ.js";
-export {
-  r as AnimatedCircleLoading,
-  u as AnimatedContainer,
-  m as AnimatedEaseIn,
-  i as AnimatedEaseInOut,
-  c as AnimatedExpandableContainer,
-  l as AnimatedIconCrossfade,
-  s as AnimatedRotate,
-  d as AutogrowWrapper,
-  t as HorizontalSeparator,
-  n as ResizeHandle,
-  C as Section,
-  A as SectionAlignment,
-  p as SectionFontColor,
-  e as useResizeHandle
-};

package/dist/linkifyText-C4_e-MKf.cjs

@@ -1 +0,0 @@
-var a=["http:","https:","mailto:","tel:"],c=t=>{if(t.startsWith("/")&&!t.startsWith("//"))return!0;try{const e=new URL(t);return a.includes(e.protocol)}catch{return!1}},o=t=>{if(!t||t.trim().length===0)return;if(c(t))return t;const e=`https://${t}`;return c(e)?e:void 0},f=/https?:\/\/[^\s<>[\]]+[^\s<>[\].,;:!?)]/g,h=t=>{const e=[];let n=0;for(const i of t.matchAll(f)){const s=i[0],r=i.index;r>n&&e.push({type:"text",content:t.slice(n,r)}),e.push({type:"link",content:s}),n=r+s.length}return n<t.length&&e.push({type:"text",content:t.slice(n)}),e};Object.defineProperty(exports,"getSafeUrl",{enumerable:!0,get:function(){return o}});Object.defineProperty(exports,"linkifyText",{enumerable:!0,get:function(){return h}});

package/dist/linkifyText-DVk8e0sw.js

@@ -1,40 +0,0 @@
-var c = [
-  "http:",
-  "https:",
-  "mailto:",
-  "tel:"
-], a = (t) => {
-  if (t.startsWith("/") && !t.startsWith("//")) return !0;
-  try {
-    const e = new URL(t);
-    return c.includes(e.protocol);
-  } catch {
-    return !1;
-  }
-}, o = (t) => {
-  if (!t || t.trim().length === 0) return;
-  if (a(t)) return t;
-  const e = `https://${t}`;
-  return a(e) ? e : void 0;
-}, h = /https?:\/\/[^\s<>[\]]+[^\s<>[\].,;:!?)]/g, p = (t) => {
-  const e = [];
-  let n = 0;
-  for (const r of t.matchAll(h)) {
-    const i = r[0], s = r.index;
-    s > n && e.push({
-      type: "text",
-      content: t.slice(n, s)
-    }), e.push({
-      type: "link",
-      content: i
-    }), n = s + i.length;
-  }
-  return n < t.length && e.push({
-    type: "text",
-    content: t.slice(n)
-  }), e;
-};
-export {
-  o as n,
-  p as t
-};

package/dist/navigation/ContactLink/ContactLink.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-type ContactLinkProps = {
-    href: string;
-    children?: React.ReactNode;
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    maxWidth?: number;
-};
-export declare const ContactLink: ({ href, children, onClick, maxWidth, }: ContactLinkProps) => React.JSX.Element;
-export {};

package/dist/navigation/GithubVersionLink/GithubVersionLink.d.ts

@@ -1,5 +0,0 @@
-interface GithubVersionLinkProps {
-    version: string;
-}
-export declare const GithubVersionLink: ({ version }: GithubVersionLinkProps) => import("react").JSX.Element;
-export {};

package/dist/navigation/ListItem/ListItem.d.ts

@@ -1,2 +0,0 @@
-import { ListItemProps } from './types/ListItemProps';
-export declare const ListItem: ({ color, selected, focused, disabled, indicator, startIcon, endIcon, description, descriptionPlacement, actions, hotkeys, hasSubmenu, className, children, render, ref, onClick, ...props }: ListItemProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/navigation/ListItem/types/ListItemProps.d.ts

@@ -1,20 +0,0 @@
-import { useRender } from '@base-ui/react/use-render';
-import { ReactNode } from 'react';
-import { ListItemColor } from './ListItemColor';
-import { ListItemDescriptionPlacement } from './ListItemDescriptionPlacement';
-import { ListItemIndicator } from './ListItemIndicator';
-import { ListItemState } from './ListItemState';
-export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>, 'color'> & {
-    color?: ListItemColor;
-    selected?: boolean;
-    focused?: boolean;
-    disabled?: boolean;
-    indicator?: ListItemIndicator;
-    startIcon?: ReactNode;
-    endIcon?: ReactNode;
-    description?: ReactNode;
-    descriptionPlacement?: ListItemDescriptionPlacement;
-    actions?: ReactNode;
-    hotkeys?: string[];
-    hasSubmenu?: boolean;
-};

package/dist/navigation/MenuItem/MenuItem.d.ts

@@ -1,47 +0,0 @@
-import { IconComponent } from '../../icon';
-import { LightIconButtonProps } from '../../input/LightIconButton/LightIconButton';
-import { FunctionComponent, MouseEvent, ReactElement, ReactNode } from 'react';
-import { ThemeColor } from '../../theme';
-import { Nullable } from '../../utilities/types/Nullable';
-import { MenuItemLeftContent } from './parts/MenuItemLeftContent';
-import { StyledHoverableMenuItemBase, StyledMenuItemIconCheck, StyledMenuItemLabel, StyledMenuItemLeftContent } from './parts/StyledMenuItemBase';
-import { MenuItemAccent } from './types/MenuItemAccent';
-export { MenuItemLeftContent, StyledHoverableMenuItemBase, StyledMenuItemIconCheck, StyledMenuItemLabel, StyledMenuItemLeftContent, };
-export type MenuItemIconButton = {
-    Wrapper?: FunctionComponent<{
-        iconButton: ReactElement;
-    }>;
-    Icon: IconComponent;
-    accent?: LightIconButtonProps['accent'];
-    onClick?: (event: MouseEvent<any>) => void;
-    ariaLabel?: string;
-    dataTestId?: string;
-};
-export type MenuItemProps = {
-    accent?: MenuItemAccent;
-    className?: string;
-    withIconContainer?: boolean;
-    withIconContainerBackground?: boolean;
-    iconButtons?: MenuItemIconButton[];
-    isIconDisplayedOnHoverOnly?: boolean;
-    isTooltipOpen?: boolean;
-    LeftIcon?: IconComponent | null;
-    iconThemeColor?: ThemeColor | null;
-    LeftComponent?: ReactNode;
-    RightIcon?: IconComponent | null;
-    RightComponent?: ReactNode;
-    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
-    onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
-    onMouseLeave?: (event: MouseEvent<HTMLDivElement>) => void;
-    testId?: string;
-    disabled?: boolean;
-    text: ReactNode;
-    contextualTextPosition?: 'left' | 'right';
-    contextualText?: ReactNode;
-    hasSubMenu?: boolean;
-    focused?: boolean;
-    selected?: boolean;
-    hotKeys?: Nullable<string[]>;
-    isSubMenuOpened?: boolean;
-};
-export declare const MenuItem: ({ accent, className, withIconContainer, withIconContainerBackground, iconButtons, isIconDisplayedOnHoverOnly, LeftIcon, iconThemeColor, LeftComponent, RightIcon, RightComponent, onClick, onMouseEnter, onMouseLeave, testId, text, contextualTextPosition, contextualText, hasSubMenu, disabled, focused, selected, hotKeys, isSubMenuOpened, }: MenuItemProps) => import("react").JSX.Element;

package/dist/navigation/MenuItem/constants/DefaultColorLabels.d.ts

@@ -1,3 +0,0 @@
-import { ThemeColor } from '../../../theme';
-export type ColorLabels = Record<ThemeColor, string>;
-export declare const DEFAULT_COLOR_LABELS: ColorLabels;

package/dist/navigation/MenuItem/parts/MenuItemMultiSelectCheckbox.d.ts

@@ -1,7 +0,0 @@
-type MenuItemMultiSelectCheckboxProps = {
-    selected: boolean;
-    onSelectChange?: (selected: boolean) => void;
-    ariaLabel?: string;
-};
-export declare const MenuItemMultiSelectCheckbox: ({ selected, onSelectChange, ariaLabel, }: MenuItemMultiSelectCheckboxProps) => import("react").JSX.Element;
-export {};