twenty-ui 1.0.0-alpha.1 → 2.41.0

package/dist/input/LightButton/LightButton.d.ts

@@ -1,15 +0,0 @@
-import { MouseEvent } from 'react';
-import { IconComponent } from '../../icon';
-export type LightButtonAccent = 'secondary' | 'tertiary';
-export type LightButtonProps = {
-    className?: string;
-    Icon?: IconComponent;
-    title?: string;
-    accent?: LightButtonAccent;
-    active?: boolean;
-    disabled?: boolean;
-    focus?: boolean;
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    type?: React.ComponentProps<'button'>['type'];
-};
-export declare const LightButton: ({ className, Icon, title, active, accent, disabled, focus, type, onClick, }: LightButtonProps) => import("react").JSX.Element;

package/dist/input/MainButton/MainButton.d.ts

@@ -1,17 +0,0 @@
-import { default as React, FunctionComponent } from 'react';
-import { IconComponent } from '../../icon';
-export type MainButtonVariant = 'primary' | 'secondary';
-type Props = {
-    title: string;
-    fullWidth?: boolean;
-    width?: number;
-    variant?: MainButtonVariant;
-    soon?: boolean;
-} & React.ComponentProps<'button'>;
-type MainButtonProps = Props & {
-    Icon?: IconComponent | FunctionComponent<{
-        size: number;
-    }>;
-};
-export declare const MainButton: ({ Icon, title, width, fullWidth, variant, type, onClick, disabled, className, }: MainButtonProps) => React.JSX.Element;
-export {};

package/dist/input/Radio/Radio.d.ts

@@ -1,32 +0,0 @@
-import * as React from 'react';
-export declare enum RadioSize {
-    Large = "large",
-    Small = "small"
-}
-export declare enum LabelPosition {
-    Left = "left",
-    Right = "right"
-}
-export type RadioProps = {
-    checked?: boolean;
-    className?: string;
-    name?: string;
-    disabled?: boolean;
-    label?: string;
-    labelPosition?: LabelPosition;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onCheckedChange?: (checked: boolean) => void;
-    size?: RadioSize;
-    style?: React.CSSProperties;
-    value?: string;
-};
-export declare const Radio: {
-    ({ checked, className, name, disabled, label, labelPosition, onChange, onCheckedChange, size, value, }: RadioProps): React.JSX.Element;
-    Group: ({ value, onChange, onValueChange, children, }: {
-        children?: React.ReactNode | undefined;
-    } & {
-        value?: string;
-        onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-        onValueChange?: (value: string) => void;
-    }) => React.JSX.Element;
-};

package/dist/input/RadioGroup/RadioGroup.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-type RadioGroupProps = React.PropsWithChildren & {
-    value?: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onValueChange?: (value: string) => void;
-};
-export declare const RadioGroup: ({ value, onChange, onValueChange, children, }: RadioGroupProps) => React.JSX.Element;
-export {};

package/dist/input/Toggle/Toggle.d.ts

@@ -1,14 +0,0 @@
-export type ToggleSize = 'small' | 'medium';
-export type ToggleProps = {
-    id?: string;
-    value?: boolean;
-    onChange?: (value: boolean, e?: React.MouseEvent<HTMLDivElement>) => void;
-    color?: string;
-    toggleSize?: ToggleSize;
-    className?: string;
-    centered?: boolean;
-    disabled?: boolean;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-};
-export declare const Toggle: ({ id, value, onChange, color, toggleSize, className, centered, disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: ToggleProps) => import("react").JSX.Element;

package/dist/input/index.d.ts

@@ -1,58 +0,0 @@
-export { AdvancedSettingsToggle } from './AdvancedSettingsToggle/AdvancedSettingsToggle';
-export type { AnimatedButtonProps } from './AnimatedButton/AnimatedButton';
-export { AnimatedButton } from './AnimatedButton/AnimatedButton';
-export type { AnimatedLightIconButtonProps } from './AnimatedLightIconButton/AnimatedLightIconButton';
-export { AnimatedLightIconButton } from './AnimatedLightIconButton/AnimatedLightIconButton';
-export type { ButtonSize, ButtonPosition, ButtonVariant, ButtonAccent, ButtonProps, } from './Button/Button';
-export { Button } from './Button/Button';
-export { baseTransitionTiming } from './Button/constant';
-export type { ButtonGroupProps } from './ButtonGroup/ButtonGroup';
-export { ButtonGroup } from './ButtonGroup/ButtonGroup';
-export { CardPicker } from './CardPicker/CardPicker';
-export { CheckboxVariant, CheckboxShape, CheckboxSize, CheckboxAccent, Checkbox, } from './Checkbox/Checkbox';
-export { CodeEditor } from './CodeEditor/CodeEditor';
-export { BASE_CODE_EDITOR_THEME_ID } from './CodeEditor/constants/BaseCodeEditorThemeId';
-export { getBaseCodeEditorTheme } from './CodeEditor/utils/getBaseCodeEditorTheme';
-export type { CoreEditorHeaderProps } from './CodeEditorHeader/CodeEditorHeader';
-export { CoreEditorHeader } from './CodeEditorHeader/CodeEditorHeader';
-export { ColorPickerButton } from './ColorPickerButton/ColorPickerButton';
-export type { ColorSchemeSegmentProps, ColorSchemeCardProps, } from './ColorSchemeCard/ColorSchemeCard';
-export { ColorSchemeCard } from './ColorSchemeCard/ColorSchemeCard';
-export type { ColorSchemePickerProps } from './ColorSchemePicker/ColorSchemePicker';
-export { ColorSchemePicker } from './ColorSchemePicker/ColorSchemePicker';
-export type { FloatingButtonSize, FloatingButtonPosition, FloatingButtonProps, } from './FloatingButton/FloatingButton';
-export { FloatingButton } from './FloatingButton/FloatingButton';
-export type { FloatingButtonGroupProps } from './FloatingButtonGroup/FloatingButtonGroup';
-export { FloatingButtonGroup } from './FloatingButtonGroup/FloatingButtonGroup';
-export type { FloatingIconButtonSize, FloatingIconButtonPosition, FloatingIconButtonProps, } from './FloatingIconButton/FloatingIconButton';
-export { FloatingIconButton } from './FloatingIconButton/FloatingIconButton';
-export type { FloatingIconButtonGroupProps } from './FloatingIconButtonGroup/FloatingIconButtonGroup';
-export { FloatingIconButtonGroup } from './FloatingIconButtonGroup/FloatingIconButtonGroup';
-export type { IconButtonSize, IconButtonPosition, IconButtonVariant, IconButtonAccent, IconButtonProps, } from './IconButton/IconButton';
-export { IconButton } from './IconButton/IconButton';
-export type { IconButtonGroupProps } from './IconButtonGroup/IconButtonGroup';
-export { IconButtonGroup } from './IconButtonGroup/IconButtonGroup';
-export { IconListViewGrip } from './IconListViewGrip/IconListViewGrip';
-export type { InsideButtonProps } from './InsideButton/InsideButton';
-export { InsideButton } from './InsideButton/InsideButton';
-export type { LightButtonAccent, LightButtonProps, } from './LightButton/LightButton';
-export { LightButton } from './LightButton/LightButton';
-export type { LightIconButtonAccent, LightIconButtonSize, LightIconButtonProps, } from './LightIconButton/LightIconButton';
-export { LightIconButton } from './LightIconButton/LightIconButton';
-export type { LightIconButtonGroupProps } from './LightIconButtonGroup/LightIconButtonGroup';
-export { LightIconButtonGroup } from './LightIconButtonGroup/LightIconButtonGroup';
-export type { MainButtonVariant } from './MainButton/MainButton';
-export { MainButton } from './MainButton/MainButton';
-export type { RadioProps } from './Radio/Radio';
-export { RadioSize, LabelPosition, Radio } from './Radio/Radio';
-export { RadioGroup } from './RadioGroup/RadioGroup';
-export type { RoundedIconButtonSize } from './RoundedIconButton/RoundedIconButton';
-export { RoundedIconButton } from './RoundedIconButton/RoundedIconButton';
-export type { SearchInputProps } from './SearchInput/SearchInput';
-export { SearchInput } from './SearchInput/SearchInput';
-export type { TabContentProps } from './TabButton/TabButton';
-export { StyledTabContainer, TabContent, TabButton, } from './TabButton/TabButton';
-export type { ToggleSize, ToggleProps } from './Toggle/Toggle';
-export { Toggle } from './Toggle/Toggle';
-export type { ColorScheme } from './types/ColorScheme';
-export type { SelectOption } from './types/SelectOption';

package/dist/input.cjs

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./feedback-yix7NDB_.cjs");exports.AdvancedSettingsToggle=o.AdvancedSettingsToggle;exports.AnimatedButton=o.AnimatedButton;exports.AnimatedLightIconButton=o.AnimatedLightIconButton;exports.BASE_CODE_EDITOR_THEME_ID=o.BASE_CODE_EDITOR_THEME_ID;exports.Button=o.Button;exports.ButtonGroup=o.ButtonGroup;exports.CardPicker=o.CardPicker;exports.Checkbox=o.Checkbox;exports.CheckboxAccent=o.CheckboxAccent;exports.CheckboxShape=o.CheckboxShape;exports.CheckboxSize=o.CheckboxSize;exports.CheckboxVariant=o.CheckboxVariant;exports.CodeEditor=o.CodeEditor;exports.ColorPickerButton=o.ColorPickerButton;exports.ColorSchemeCard=o.ColorSchemeCard;exports.ColorSchemePicker=o.ColorSchemePicker;exports.CoreEditorHeader=o.CoreEditorHeader;exports.FloatingButton=o.FloatingButton;exports.FloatingButtonGroup=o.FloatingButtonGroup;exports.FloatingIconButton=o.FloatingIconButton;exports.FloatingIconButtonGroup=o.FloatingIconButtonGroup;exports.IconButton=o.IconButton;exports.IconButtonGroup=o.IconButtonGroup;exports.IconListViewGrip=o.IconListViewGrip;exports.InsideButton=o.InsideButton;exports.LabelPosition=o.LabelPosition;exports.LightButton=o.LightButton;exports.LightIconButton=o.LightIconButton;exports.LightIconButtonGroup=o.LightIconButtonGroup;exports.MainButton=o.MainButton;exports.Radio=o.Radio;exports.RadioGroup=o.RadioGroup;exports.RadioSize=o.RadioSize;exports.RoundedIconButton=o.RoundedIconButton;exports.SearchInput=o.SearchInput;exports.StyledTabContainer=o.StyledTabContainer;exports.TabButton=o.TabButton;exports.TabContent=o.TabContent;exports.Toggle=o.Toggle;exports.baseTransitionTiming=o.baseTransitionTiming;exports.getBaseCodeEditorTheme=o.getBaseCodeEditorTheme;

package/dist/input.mjs

@@ -1,44 +0,0 @@
-import { $ as a, A as t, B as n, C as s, D as e, E as i, F as r, G as u, H as c, I as B, J as d, K as C, L as g, M as h, N as I, O as b, P as l, Q as p, R as T, S, T as k, U as E, V as m, W as G, X as x, Y as L, Z as A, _ as R, b as F, et as P, g as _, h as D, j as z, k as H, q as M, tt as O, v as V, w as v, x as w, y, z as f } from "./feedback-1SmKiqUb.js";
-export {
-  O as AdvancedSettingsToggle,
-  P as AnimatedButton,
-  a as AnimatedLightIconButton,
-  f as BASE_CODE_EDITOR_THEME_ID,
-  p as Button,
-  x as ButtonGroup,
-  u as CardPicker,
-  n as Checkbox,
-  m as CheckboxAccent,
-  c as CheckboxShape,
-  E as CheckboxSize,
-  G as CheckboxVariant,
-  g as CodeEditor,
-  l as ColorPickerButton,
-  I as ColorSchemeCard,
-  h as ColorSchemePicker,
-  B as CoreEditorHeader,
-  z as FloatingButton,
-  t as FloatingButtonGroup,
-  H as FloatingIconButton,
-  b as FloatingIconButtonGroup,
-  e as IconButton,
-  k as IconButtonGroup,
-  v as IconListViewGrip,
-  i as InsideButton,
-  C as LabelPosition,
-  s as LightButton,
-  r as LightIconButton,
-  S as LightIconButtonGroup,
-  w as MainButton,
-  M as Radio,
-  L as RadioGroup,
-  d as RadioSize,
-  F as RoundedIconButton,
-  y as SearchInput,
-  V as StyledTabContainer,
-  _ as TabButton,
-  R as TabContent,
-  D as Toggle,
-  A as baseTransitionTiming,
-  T as getBaseCodeEditorTheme
-};

package/dist/json-visualizer-Cn2y-m0Z.cjs

@@ -1 +0,0 @@
-const R=require("./accessibility-C18uPixg.cjs"),z=require("./handleClickableElementKeyDown-CByqtBhO.cjs"),c=require("./theme-constants-DopWozXO.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 s=c.useTheme(),{arrowButtonCollapsedLabel:l,arrowButtonExpandedLabel:i}=_(),o=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?i:l}),(0,r.jsx)("div",{className:C.chevron,"data-open":e||void 0,children:(0,r.jsx)(d.IconChevronDown,{size:s.icon.size.md,color:o})})]})},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 s=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:s.icon.size.md,color:t==="blue"?s.color.blue:t==="red"?s.font.color.danger:s.font.color.tertiary}),(0,r.jsx)("span",{children:e})]})},q=({label:e,value:n,depth:t,keyPath:s,highlighting:l})=>{const{emptyObjectLabel:i}=_();return(0,r.jsx)(g,{elements:Object.entries(n).map(([o,a])=>({id:o,label:o,value:a})),renderElementsCount:o=>`{${o}}`,label:e,Icon:d.IconCube,depth:t,emptyElementsText:i,keyPath:s,highlighting:l})},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}=_(),s=c.isDefined(t),l=()=>{t?.(e)};return(0,r.jsx)("span",{className:(0,x.clsx)(y.text,n==="blue"&&y.blue,n==="red"&&y.red),role:s?"button":void 0,tabIndex:s?0:void 0,onClick:s?l:void 0,onKeyDown:z.handleClickableElementKeyDown,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})]}),A=e=>(0,b.isArray)(e),J=({label:e,value:n,depth:t,keyPath:s})=>{const{getNodeHighlighting:l,emptyStringLabel:i}=_(),o=l?.(s);return c.isDefined(n)?(0,b.isString)(n)?(0,r.jsx)(m,{label:e,valueAsString:(0,b.isNonEmptyString)(n)?n:i,Icon:d.IconTypography,highlighting:o}):(0,b.isNumber)(n)?(0,r.jsx)(m,{label:e,valueAsString:String(n),Icon:d.IconNumber9,highlighting:o}):(0,b.isBoolean)(n)?(0,r.jsx)(m,{label:e,valueAsString:String(n),Icon:d.IconCheckbox,highlighting:o}):A(n)?(0,r.jsx)(P,{label:e,value:n,depth:t,keyPath:s,highlighting:o}):(0,r.jsx)(q,{label:e,value:n,depth:t,keyPath:s,highlighting:o}):(0,r.jsx)(m,{label:e,valueAsString:"null",Icon:d.IconCircleOff,highlighting:o})},re="_container_1c6yj_1",ne="_labelContainer_1c6yj_6",te="_elementsCount_1c6yj_12",oe="_elementsCountRed_1c6yj_16",se="_panel_1c6yj_20",le="_list_1c6yj_30",ie="_nested_1c6yj_37",u={container:re,labelContainer:ne,elementsCount:te,elementsCountRed:oe,panel:se,list:le,nested:ie},g=({label:e,Icon:n,elements:t,renderElementsCount:s,emptyElementsText:l,depth:i,keyPath:o,highlighting:a})=>{const{shouldExpandNodeInitially:j}=_(),D=!c.isDefined(e),[v,E]=(0,p.useState)(j({keyPath:o,depth:i})),I=(0,r.jsx)("ul",{className:(0,x.clsx)(u.list,i>0&&u.nested),children:t.length===0?(0,r.jsx)(m,{valueAsString:l,highlighting:void 0}):t.map(({id:f,label:$,value:L})=>{const k=(0,b.isNonEmptyString)(o)?`${o}.${f}`:String(f);return(0,r.jsx)(J,{label:$,value:L,depth:i+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:a==="partial-blue"?"blue":a==="red"?a:void 0}),(0,r.jsx)(w,{label:e,Icon:n,highlighting:a==="red"?a:void 0}),s&&(0,r.jsx)("span",{className:(0,x.clsx)(u.elementsCount,a==="red"&&u.elementsCountRed),children:s(t.length)})]}),(0,r.jsx)(O.Collapsible.Panel,{className:u.panel,children:I})]})},P=({label:e,value:n,depth:t,keyPath:s,highlighting:l})=>{const{emptyArrayLabel:i}=_();return(0,r.jsx)(g,{elements:[...n.entries()].map(([o,a])=>({id:o,label:String(o),value:a})),renderElementsCount:o=>`[${o}]`,label:e,Icon:d.IconBrackets,depth:t,emptyElementsText:i,keyPath:s,highlighting:l})},ae="_list_80v6h_1",ce="_nested_80v6h_8",T={list:ae,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:s,emptyObjectLabel:l,emptyStringLabel:i,arrowButtonCollapsedLabel:o,arrowButtonExpandedLabel:a,onNodeValueClick:j})=>(0,r.jsx)(S,{value:{getNodeHighlighting:n,shouldExpandNodeInitially:t,emptyArrayLabel:s,emptyObjectLabel:l,emptyStringLabel:i,arrowButtonCollapsedLabel:o,arrowButtonExpandedLabel:a,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 P}});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 A}});Object.defineProperty(exports,"isTwoFirstDepths",{enumerable:!0,get:function(){return _e}});Object.defineProperty(exports,"useJsonTreeContextOrThrow",{enumerable:!0,get:function(){return _}});

package/dist/json-visualizer-DJMJ-Zkp.js

@@ -1,238 +0,0 @@
-import { r as R } from "./accessibility-CKTSxsBP.js";
-import { t as k } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
-import { c as p, r as g, s as v } from "./theme-constants-D9oV4GU4.js";
-import { Ca as z, Ct as B, H as P, Nt as q, Ps as H, tn as K, wt as F } from "./TablerIcons-fqK82OLw.js";
-import { jsx as n, jsxs as m } 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 S = G(void 0), u = () => {
-  const e = M(S);
-  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: r, variant: t }) => {
-  const a = g(), { arrowButtonCollapsedLabel: s, arrowButtonExpandedLabel: l } = u(), o = t === "blue" ? p.color.blue : t === "red" ? p.font.color.danger : p.font.color.secondary;
-  return /* @__PURE__ */ m("button", {
-    className: c(N.button, t === "red" && N.red),
-    onClick: r,
-    children: [/* @__PURE__ */ n(R, { children: e ? l : s }), /* @__PURE__ */ n("div", {
-      className: N.chevron,
-      "data-open": e || void 0,
-      children: /* @__PURE__ */ n(F, {
-        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
-}, A = ({ label: e, Icon: r, highlighting: t }) => {
-  const a = g();
-  return /* @__PURE__ */ m("span", {
-    className: c(f.labelContainer, t === "blue" && f.blue, t === "red" && f.red),
-    children: [/* @__PURE__ */ n(r, {
-      size: a.icon.size.md,
-      color: t === "blue" ? a.color.blue : t === "red" ? a.font.color.danger : a.font.color.tertiary
-    }), /* @__PURE__ */ n("span", { children: e })]
-  });
-}, se = ({ label: e, value: r, depth: t, keyPath: a, highlighting: s }) => {
-  const { emptyObjectLabel: l } = u();
-  return /* @__PURE__ */ n(j, {
-    elements: Object.entries(r).map(([o, i]) => ({
-      id: o,
-      label: o,
-      value: i
-    })),
-    renderElementsCount: (o) => `{${o}}`,
-    label: e,
-    Icon: K,
-    depth: t,
-    emptyElementsText: l,
-    keyPath: a,
-    highlighting: s
-  });
-}, le = "_text_3y2ep_1", ie = "_blue_3y2ep_10", de = "_red_3y2ep_14", y = {
-  text: le,
-  blue: ie,
-  red: de
-}, ce = ({ valueAsString: e, highlighting: r }) => {
-  const { onNodeValueClick: t } = u(), a = v(t), s = () => {
-    t?.(e);
-  };
-  return /* @__PURE__ */ n("span", {
-    className: c(y.text, r === "blue" && y.blue, r === "red" && y.red),
-    role: a ? "button" : void 0,
-    tabIndex: a ? 0 : void 0,
-    onClick: a ? s : void 0,
-    onKeyDown: k,
-    children: e
-  });
-}, ue = "_listItem_1i7if_1", _e = { listItem: ue }, _ = (e) => /* @__PURE__ */ m("li", {
-  className: _e.listItem,
-  children: [e.label && /* @__PURE__ */ n(A, {
-    label: e.label,
-    Icon: e.Icon,
-    highlighting: e.highlighting
-  }), /* @__PURE__ */ n(ce, {
-    valueAsString: e.valueAsString,
-    highlighting: e.highlighting
-  })]
-}), me = (e) => U(e), T = ({ label: e, value: r, depth: t, keyPath: a }) => {
-  const { getNodeHighlighting: s, emptyStringLabel: l } = u(), o = s?.(a);
-  return v(r) ? Y(r) ? /* @__PURE__ */ n(_, {
-    label: e,
-    valueAsString: w(r) ? r : l,
-    Icon: H,
-    highlighting: o
-  }) : X(r) ? /* @__PURE__ */ n(_, {
-    label: e,
-    valueAsString: String(r),
-    Icon: z,
-    highlighting: o
-  }) : W(r) ? /* @__PURE__ */ n(_, {
-    label: e,
-    valueAsString: String(r),
-    Icon: B,
-    highlighting: o
-  }) : me(r) ? /* @__PURE__ */ n(ye, {
-    label: e,
-    value: r,
-    depth: t,
-    keyPath: a,
-    highlighting: o
-  }) : /* @__PURE__ */ n(se, {
-    label: e,
-    value: r,
-    depth: t,
-    keyPath: a,
-    highlighting: o
-  }) : /* @__PURE__ */ n(_, {
-    label: e,
-    valueAsString: "null",
-    Icon: q,
-    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
-}, j = ({ label: e, Icon: r, elements: t, renderElementsCount: a, emptyElementsText: s, depth: l, keyPath: o, highlighting: i }) => {
-  const { shouldExpandNodeInitially: b } = u(), $ = !v(e), [C, L] = Q(b({
-    keyPath: o,
-    depth: l
-  })), x = /* @__PURE__ */ n("ul", {
-    className: c(d.list, l > 0 && d.nested),
-    children: t.length === 0 ? /* @__PURE__ */ n(_, {
-      valueAsString: s,
-      highlighting: void 0
-    }) : t.map(({ id: h, label: O, value: V }) => {
-      const D = w(o) ? `${o}.${h}` : String(h);
-      return /* @__PURE__ */ n(T, {
-        label: O,
-        value: V,
-        depth: l + 1,
-        keyPath: D
-      }, h);
-    })
-  }), E = () => {
-    L(!C);
-  };
-  return $ ? /* @__PURE__ */ n("li", {
-    className: d.container,
-    children: x
-  }) : /* @__PURE__ */ m(I.Root, {
-    className: d.container,
-    open: C,
-    render: /* @__PURE__ */ n("li", {}),
-    children: [/* @__PURE__ */ m("div", {
-      className: d.labelContainer,
-      children: [
-        /* @__PURE__ */ n(ne, {
-          isOpen: C,
-          onClick: E,
-          variant: i === "partial-blue" ? "blue" : i === "red" ? i : void 0
-        }),
-        /* @__PURE__ */ n(A, {
-          label: e,
-          Icon: r,
-          highlighting: i === "red" ? i : void 0
-        }),
-        a && /* @__PURE__ */ n("span", {
-          className: c(d.elementsCount, i === "red" && d.elementsCountRed),
-          children: a(t.length)
-        })
-      ]
-    }), /* @__PURE__ */ n(I.Panel, {
-      className: d.panel,
-      children: x
-    })]
-  });
-}, ye = ({ label: e, value: r, depth: t, keyPath: a, highlighting: s }) => {
-  const { emptyArrayLabel: l } = u();
-  return /* @__PURE__ */ n(j, {
-    elements: [...r.entries()].map(([o, i]) => ({
-      id: o,
-      label: String(o),
-      value: i
-    })),
-    renderElementsCount: (o) => `[${o}]`,
-    label: e,
-    Icon: P,
-    depth: t,
-    emptyElementsText: l,
-    keyPath: a,
-    highlighting: s
-  });
-}, xe = "_list_80v6h_1", Ie = "_nested_80v6h_8", J = {
-  list: xe,
-  nested: Ie
-}, Je = ({ depth: e, className: r, children: t }) => /* @__PURE__ */ n("ul", {
-  className: c(J.list, e > 0 && J.nested, r),
-  children: t
-}), ge = ({ value: e, children: r }) => /* @__PURE__ */ n(S.Provider, {
-  value: e,
-  children: r
-}), Ve = ({ value: e, getNodeHighlighting: r, shouldExpandNodeInitially: t, emptyArrayLabel: a, emptyObjectLabel: s, emptyStringLabel: l, arrowButtonCollapsedLabel: o, arrowButtonExpandedLabel: i, onNodeValueClick: b }) => /* @__PURE__ */ n(ge, {
-  value: {
-    getNodeHighlighting: r,
-    shouldExpandNodeInitially: t,
-    emptyArrayLabel: a,
-    emptyObjectLabel: s,
-    emptyStringLabel: l,
-    arrowButtonCollapsedLabel: o,
-    arrowButtonExpandedLabel: i,
-    onNodeValueClick: b
-  },
-  children: /* @__PURE__ */ n(Je, {
-    depth: 0,
-    children: /* @__PURE__ */ n(T, {
-      value: e,
-      depth: 0,
-      keyPath: ""
-    })
-  })
-}), De = ({ depth: e }) => e <= 1;
-export {
-  j as a,
-  _ as c,
-  S as d,
-  ye as i,
-  se as l,
-  Ve as n,
-  T as o,
-  ge as r,
-  me as s,
-  De as t,
-  u
-};

package/dist/json-visualizer.cjs

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./json-visualizer-Cn2y-m0Z.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/layout-BgpFz0da.js

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

package/dist/layout-DzQAOBfo.cjs

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

package/dist/layout.cjs

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./useResizeHandle-DB3ixfms.cjs"),e=require("./layout-DzQAOBfo.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=e.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, t as n } from "./useResizeHandle-BKHw7TiW.js";
-import { a as o, c as s, d as i, f as r, i as d, l as m, n as A, o as l, r as p, s as c, t as C, u as f } from "./layout-BgpFz0da.js";
-export {
-  r as AnimatedCircleLoading,
-  i as AnimatedContainer,
-  f as AnimatedEaseIn,
-  m as AnimatedEaseInOut,
-  s as AnimatedExpandableContainer,
-  c as AnimatedIconCrossfade,
-  l as AnimatedRotate,
-  o as AutogrowWrapper,
-  d as HorizontalSeparator,
-  e as ResizeHandle,
-  C as Section,
-  A as SectionAlignment,
-  p as SectionFontColor,
-  n as useResizeHandle
-};