twenty-ui 2.41.0 → 2.43.0

package/dist/components/code-editor.mjs

@@ -0,0 +1,231 @@
+import { t as u } from "../isDefined-fMi6eQ4r.js";
+import { n as Y, r as Z } from "../theme-DBro6iwF.js";
+import { t as oo } from "../Loader-X1LymYkw.js";
+import { t as ro } from "../ResizeHandle-DN1bRxQb.js";
+import { jsx as n, jsxs as x } from "react/jsx-runtime";
+import { useEffect as E, useId as eo, useState as f } from "react";
+import to, { loader as no } from "@monaco-editor/react";
+var z = "baseCodeEditorTheme", r = (o) => {
+  if (o.trim() === "transparent") return "#00000000";
+  const t = o.match(/color\(display-p3\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s+\/\s+([\d.]+))?\)/);
+  if (u(t)) {
+    const [, a, s, l, v] = t, c = Math.round(parseFloat(a) * 255).toString(16).padStart(2, "0"), p = Math.round(parseFloat(s) * 255).toString(16).padStart(2, "0"), b = Math.round(parseFloat(l) * 255).toString(16).padStart(2, "0");
+    return u(v) ? `#${c}${p}${b}${Math.round(parseFloat(v) * 255).toString(16).padStart(2, "0")}` : `#${c}${p}${b}`;
+  }
+  return o;
+}, ao = (o, t) => ({
+  base: t === "dark" ? "vs-dark" : "vs",
+  inherit: !0,
+  rules: [
+    {
+      token: "",
+      foreground: r(o.font.color.secondary)
+    },
+    {
+      token: "keyword",
+      foreground: r(o.color.pink11)
+    },
+    {
+      token: "keyword.control",
+      foreground: r(o.color.pink11)
+    },
+    {
+      token: "keyword.json",
+      foreground: r(o.color.orange11)
+    },
+    {
+      token: "number",
+      foreground: r(o.color.orange11)
+    },
+    {
+      token: "number.json",
+      foreground: r(o.color.orange11)
+    },
+    {
+      token: "regexp",
+      foreground: r(o.color.orange11)
+    },
+    {
+      token: "type",
+      foreground: r(o.color.green11)
+    },
+    {
+      token: "attribute.name",
+      foreground: r(o.color.blue11)
+    },
+    {
+      token: "tag",
+      foreground: r(o.color.pink11)
+    },
+    {
+      token: "string",
+      foreground: r(o.color.green11)
+    },
+    {
+      token: "string.key.json",
+      foreground: r(o.color.blue11)
+    },
+    {
+      token: "delimiter",
+      foreground: r(o.font.color.light)
+    },
+    {
+      token: "delimiter.bracket.json",
+      foreground: r(o.font.color.light)
+    },
+    {
+      token: "string.value.json",
+      foreground: r(o.color.green11)
+    },
+    {
+      token: "comment",
+      foreground: r(o.font.color.light),
+      fontStyle: "italic"
+    }
+  ],
+  colors: {
+    "editor.background": r("transparent"),
+    "editor.foreground": r(o.font.color.secondary),
+    "editorCursor.foreground": r(o.font.color.primary),
+    "editorLineNumber.foreground": r(o.font.color.extraLight),
+    "editorLineNumber.activeForeground": r(o.font.color.light),
+    "editor.lineHighlightBackground": r(o.background.tertiary),
+    "editor.selectionBackground": r(o.background.transparent.blue),
+    "editor.inactiveSelectionBackground": r(o.background.transparent.light),
+    "editorIndentGuide.background1": r(o.border.color.light),
+    "editorIndentGuide.activeBackground1": r(o.border.color.medium),
+    "editorBracketMatch.background": r(o.background.transparent.light),
+    "editorBracketMatch.border": r(o.border.color.medium)
+  }
+}), io = "_editorLoader_zilk9_1", so = "_container_zilk9_20", lo = "_editorWrapper_zilk9_24", S = {
+  editorLoader: io,
+  container: so,
+  editorWrapper: lo
+}, I, co = () => (I ??= import("monaco-editor").then((o) => {
+  no.config({ monaco: o });
+}), I), j = (o, t, a) => {
+  o.editor.defineTheme(z, ao(t, a)), o.editor.setTheme(z);
+}, yo = ({ value: o, language: t, onMount: a, onChange: s, setMarkers: l, onValidate: v, height: c = 450, variant: p = "default", transparentBackground: b, isLoading: N = !1, options: O, resizable: y = !1, resizeLabel: P = "Resize editor", contentPadding: w = "default", autoHeight: W = !1 }) => {
+  const g = Z(), _ = Y(), [h, R] = f(void 0), [k, A] = f(void 0), [V, T] = f(!1), [q, G] = f(!1), [K, B] = f(void 0), [D, J] = f(typeof c == "number" ? c : 450), F = eo(), M = W && !y, H = typeof g.spacingMultiplicator == "number" ? g.spacingMultiplicator * 4 : void 0, C = M ? K ?? c : y ? D : c, Q = {
+    ...w === "comfortable" ? { lineDecorationsWidth: H } : {},
+    padding: {
+      bottom: H,
+      top: H
+    }
+  }, { padding: fo, ...U } = O ?? {}, $ = (e, i) => {
+    const d = e?.getModel();
+    if (!u(d)) return;
+    const m = l?.(d.getValue());
+    u(m) && i?.editor.setModelMarkers(d, "customMarker", m);
+  }, X = (e) => {
+    V && e.stopPropagation();
+  };
+  return E(() => {
+    let e = !0;
+    return co().then(() => {
+      e && G(!0);
+    }), () => {
+      e = !1;
+    };
+  }, []), E(() => {
+    u(h) && j(h, g, _);
+  }, [
+    _,
+    h,
+    g
+  ]), E(() => {
+    if (!M || !u(k)) {
+      B(void 0);
+      return;
+    }
+    const e = () => {
+      const d = k.getContentHeight();
+      !Number.isFinite(d) || d <= 0 || B((m) => m === d ? m : d);
+    };
+    e();
+    const i = k.onDidContentSizeChange(e);
+    return () => {
+      i.dispose();
+    };
+  }, [k, M]), N || !q ? /* @__PURE__ */ n("div", {
+    className: S.editorLoader,
+    "data-variant": p,
+    style: { "--code-editor-height": typeof C == "number" ? `${C}px` : C },
+    children: /* @__PURE__ */ n(oo, {})
+  }) : /* @__PURE__ */ x("div", {
+    className: S.container,
+    onKeyDown: X,
+    children: [
+      /* @__PURE__ */ n("input", {
+        type: "hidden",
+        "data-testid": "code-editor-value",
+        value: o ?? "",
+        readOnly: !0
+      }),
+      /* @__PURE__ */ n("div", {
+        id: F,
+        className: S.editorWrapper,
+        "data-variant": p,
+        "data-transparent-background": b || void 0,
+        children: /* @__PURE__ */ n(to, {
+          height: C,
+          value: o,
+          language: t,
+          loading: "",
+          onMount: (e, i) => {
+            R(i), A(e), j(i, g, _), e.onDidFocusEditorWidget(() => {
+              T(!0);
+            }), e.onDidBlurEditorWidget(() => {
+              T(!1);
+            }), a?.(e, i), $(e, i);
+          },
+          onChange: (e) => {
+            u(e) && (s?.(e), $(k, h));
+          },
+          onValidate: (e) => {
+            v?.(e);
+          },
+          options: {
+            formatOnPaste: !0,
+            formatOnType: !0,
+            fontFamily: g.code.font.family,
+            bracketPairColorization: { enabled: !1 },
+            overviewRulerLanes: 0,
+            scrollBeyondLastLine: !1,
+            scrollbar: {
+              vertical: "hidden",
+              horizontal: "hidden"
+            },
+            minimap: { enabled: !1 },
+            ...U,
+            ...Q
+          }
+        })
+      }),
+      y && /* @__PURE__ */ n(ro, {
+        "aria-label": P,
+        "aria-controls": F,
+        value: D,
+        onValueChange: J
+      })
+    ]
+  });
+}, uo = "_editorHeader_19qlo_1", go = "_elementContainer_19qlo_15", L = {
+  editorHeader: uo,
+  elementContainer: go
+}, _o = ({ title: o, leftNodes: t, rightNodes: a }) => /* @__PURE__ */ x("div", {
+  className: L.editorHeader,
+  children: [/* @__PURE__ */ x("div", {
+    className: L.elementContainer,
+    children: [t && t.map((s, l) => /* @__PURE__ */ n("div", { children: s }, `left-${l}`)), o]
+  }), /* @__PURE__ */ n("div", {
+    className: L.elementContainer,
+    children: a && a.map((s, l) => /* @__PURE__ */ n("div", { children: s }, `right-${l}`))
+  })]
+});
+export {
+  z as BASE_CODE_EDITOR_THEME_ID,
+  yo as CodeEditor,
+  _o as CodeEditorHeader,
+  ao as getBaseCodeEditorTheme
+};

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

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

package/dist/{primitives/data-display/AvatarGroup/AvatarGroup.d.ts → components/data-display/AvatarGroup/types/AvatarGroupProps.d.ts}

@@ -1,10 +1,12 @@
 import { ReactNode } from 'react';
+import { AvatarShape } from '../../../../primitives/data-display/Avatar/types/AvatarShape';
 export type AvatarGroupProps = {
     avatars: ReactNode[];
     className?: string;
     maxVisible?: number;
     overflowAvatar?: ReactNode;
+    overflowCount?: number;
+    overflowShape?: AvatarShape;
     overlap?: 'left' | 'right';
     overlapOffset?: string;
 };
-export declare const AvatarGroup: ({ avatars, className, maxVisible, overflowAvatar, overlap, overlapOffset, }: AvatarGroupProps) => import("react").JSX.Element | null;

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

@@ -0,0 +1,2 @@
+import { JsonTreeProps } from './types/JsonTreeProps';
+export declare const JsonTree: ({ value, entries, shouldExpandNodeInitially, ...context }: JsonTreeProps) => import("react").JSX.Element;

package/dist/{primitives/json-visualizer/components → components/data-display/JsonTree/internal}/JsonNestedNode.d.ts

@@ -1,6 +1,6 @@
 import { JsonValue } from 'type-fest';
-import { IconComponent } from '../../../icon';
 import { JsonNodeHighlighting } from '../types/JsonNodeHighlighting';
+import { IconComponent } from '../../../../icon';
 export declare const JsonNestedNode: ({ label, Icon, elements, renderElementsCount, emptyElementsText, depth, keyPath, highlighting, }: {
     label?: string;
     Icon: IconComponent;

package/dist/{primitives/json-visualizer/components → components/data-display/JsonTree}/internal/JsonNodeLabel.d.ts

@@ -1,5 +1,5 @@
+import { JsonNodeHighlighting } from '../types/JsonNodeHighlighting';
 import { IconComponent } from '../../../../icon';
-import { JsonNodeHighlighting } from '../../types/JsonNodeHighlighting';
 export declare const JsonNodeLabel: ({ label, Icon, highlighting, }: {
     label: string;
     Icon: IconComponent;

package/dist/{primitives/json-visualizer/components → components/data-display/JsonTree}/internal/JsonNodeValue.d.ts

@@ -1,4 +1,4 @@
-import { JsonNodeHighlighting } from '../../types/JsonNodeHighlighting';
+import { JsonNodeHighlighting } from '../types/JsonNodeHighlighting';
 export declare const JsonNodeValue: ({ valueAsString, highlighting, }: {
     valueAsString: string;
     highlighting?: JsonNodeHighlighting | undefined;

package/dist/{primitives/json-visualizer/components → components/data-display/JsonTree/internal}/JsonTreeContextProvider.d.ts

@@ -1,4 +1,4 @@
-import { JsonTreeContextType } from '../contexts/JsonTreeContext';
+import { JsonTreeContextType } from './types/JsonTreeContextType';
 export declare const JsonTreeContextProvider: ({ value, children, }: {
     value: JsonTreeContextType;
     children: React.ReactNode;

package/dist/{primitives/json-visualizer/components → components/data-display/JsonTree/internal}/JsonValueNode.d.ts

@@ -1,5 +1,5 @@
-import { IconComponent } from '../../../icon';
 import { JsonNodeHighlighting } from '../types/JsonNodeHighlighting';
+import { IconComponent } from '../../../../icon';
 type JsonValueNodeProps = {
     valueAsString: string;
     highlighting: JsonNodeHighlighting | undefined;

package/dist/components/data-display/JsonTree/internal/contexts/JsonTreeContext.d.ts

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

package/dist/{primitives/json-visualizer → components/data-display/JsonTree/internal}/hooks/useJsonTreeContextOrThrow.d.ts

@@ -1 +1 @@
-export declare const useJsonTreeContextOrThrow: () => import('../contexts/JsonTreeContext').JsonTreeContextType;
+export declare const useJsonTreeContextOrThrow: () => import('../types/JsonTreeContextType').JsonTreeContextType;

package/dist/{primitives/json-visualizer/contexts/JsonTreeContext.d.ts → components/data-display/JsonTree/internal/types/JsonTreeContextType.d.ts}

@@ -1,8 +1,5 @@
-import { GetJsonNodeHighlighting } from '../types/GetJsonNodeHighlighting';
-export type ShouldExpandNodeInitiallyProps = {
-    keyPath: string;
-    depth: number;
-};
+import { GetJsonNodeHighlighting } from '../../types/GetJsonNodeHighlighting';
+import { ShouldExpandNodeInitiallyProps } from '../../types/ShouldExpandNodeInitiallyProps';
 export type JsonTreeContextType = {
     getNodeHighlighting?: GetJsonNodeHighlighting;
     shouldExpandNodeInitially: (params: ShouldExpandNodeInitiallyProps) => boolean;
@@ -13,4 +10,3 @@ export type JsonTreeContextType = {
     arrowButtonExpandedLabel: string;
     onNodeValueClick?: (valueAsString: string) => void;
 };
-export declare const JsonTreeContext: import('react').Context<JsonTreeContextType | undefined>;

package/dist/{primitives/json-visualizer → components/data-display/JsonTree/internal}/utils/isTwoFirstDepths.d.ts

@@ -1,2 +1,2 @@
-import { ShouldExpandNodeInitiallyProps } from '../contexts/JsonTreeContext';
+import { ShouldExpandNodeInitiallyProps } from '../../types/ShouldExpandNodeInitiallyProps';
 export declare const isTwoFirstDepths: ({ depth }: ShouldExpandNodeInitiallyProps) => boolean;

package/dist/{primitives/json-visualizer → components/data-display/JsonTree}/types/JsonNodeHighlighting.d.ts

@@ -1,2 +1,2 @@
-import { ThemeColor } from '../../../theme';
+import { ThemeColor } from '../../../../theme';
 export type JsonNodeHighlighting = Extract<ThemeColor, 'blue' | 'red'> | 'partial-blue';

package/dist/components/data-display/JsonTree/types/JsonTreeEntry.d.ts

@@ -0,0 +1,6 @@
+import { JsonValue } from 'type-fest';
+export type JsonTreeEntry = {
+    id: string | number;
+    label: string;
+    value: JsonValue;
+};

package/dist/components/data-display/JsonTree/types/JsonTreeProps.d.ts

@@ -0,0 +1,12 @@
+import { JsonValue } from 'type-fest';
+import { JsonTreeContextType } from '../internal/types/JsonTreeContextType';
+import { JsonTreeEntry } from './JsonTreeEntry';
+export type JsonTreeProps = Omit<JsonTreeContextType, 'shouldExpandNodeInitially'> & {
+    shouldExpandNodeInitially?: JsonTreeContextType['shouldExpandNodeInitially'];
+} & ({
+    value: JsonValue;
+    entries?: never;
+} | {
+    value?: never;
+    entries: JsonTreeEntry[];
+});

package/dist/components/data-display/JsonTree/types/ShouldExpandNodeInitiallyProps.d.ts

@@ -0,0 +1,4 @@
+export type ShouldExpandNodeInitiallyProps = {
+    keyPath: string;
+    depth: number;
+};

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

@@ -0,0 +1,2 @@
+import { TintedIconTileProps } from './types/TintedIconTileProps';
+export declare const TintedIconTile: ({ Icon, color, size: sizeFromProps, stroke: strokeFromProps, }: TintedIconTileProps) => import("react").JSX.Element;

package/dist/components/data-display/TintedIconTile/types/TintedIconTileProps.d.ts

@@ -0,0 +1,7 @@
+import { IconComponent } from '../../../../icon/types/IconComponent';
+export type TintedIconTileProps = {
+    Icon: IconComponent;
+    color?: string | null;
+    size?: number;
+    stroke?: number;
+};

package/dist/components/feedback/Callout/Callout.d.ts

@@ -0,0 +1,2 @@
+import { CalloutProps } from './types/CalloutProps';
+export declare const Callout: ({ variant, title, description, fullWidth, Icon, action, isClosable, onClose, }: CalloutProps) => import("react").JSX.Element | null;

package/dist/components/feedback/Callout/types/CalloutProps.d.ts

@@ -0,0 +1,15 @@
+import { IconComponent } from '../../../../icon/types/IconComponent';
+import { CalloutVariant } from './CalloutVariant';
+export type CalloutProps = {
+    variant: CalloutVariant;
+    title: string;
+    description?: string;
+    fullWidth?: boolean;
+    Icon?: IconComponent;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    isClosable?: boolean;
+    onClose?: () => void;
+};

package/dist/components/feedback/Callout/types/CalloutVariant.d.ts

@@ -0,0 +1 @@
+export type CalloutVariant = 'info' | 'warning' | 'error' | 'neutral' | 'success';

package/dist/components/feedback/Info/Info.d.ts

@@ -0,0 +1,2 @@
+import { InfoProps } from './types/InfoProps';
+export declare const Info: ({ accent, text, buttonTitle, onClick, href, render, }: InfoProps) => import("react").JSX.Element;

package/dist/components/feedback/Info/types/InfoAccent.d.ts

@@ -0,0 +1 @@
+export type InfoAccent = 'blue' | 'danger';

package/dist/{primitives/feedback/Info/Info.d.ts → components/feedback/Info/types/InfoProps.d.ts}

@@ -1,10 +1,11 @@
+import { Button } from '../../../../primitives/input/Button/Button';
 import { default as React } from 'react';
-export type InfoAccent = 'blue' | 'danger';
+import { InfoAccent } from './InfoAccent';
 export type InfoProps = {
     accent?: InfoAccent;
     text: string;
     buttonTitle?: string;
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    to?: string;
+    href?: string;
+    render?: React.ComponentProps<typeof Button>['render'];
 };
-export declare const Info: ({ accent, text, buttonTitle, onClick, to, }: InfoProps) => React.JSX.Element;

package/dist/{primitives → components}/feedback/InlineBanner/InlineBanner.d.ts

@@ -1,5 +1,5 @@
 import { IconComponent } from '../../../icon/types/IconComponent';
-import { BannerColor } from '../Banner/Banner';
+import { BannerColor } from '../../../primitives/feedback/Banner/Banner';
 type InlineBannerProps = {
     color?: BannerColor;
     message: string;

package/dist/components/feedback/Toast/hooks/useToast.d.ts

@@ -0,0 +1,7 @@
+export declare const useToast: () => {
+    enqueueToast: {
+        (options: import('../types/ToastOptions').ToastOptions): string;
+        (options: import('../types/ToastOptions').ToastOptions | undefined): string | undefined;
+    };
+    closeToast: (id?: string) => void;
+};

package/dist/components/index.d.ts

@@ -1,3 +1,96 @@
-export { LightButton } from './LightButton/LightButton';
-export type { LightButtonProps } from './LightButton/types/LightButtonProps';
-export { MainButton } from './MainButton/MainButton';
+export { AvatarGroup } from './data-display/AvatarGroup/AvatarGroup';
+export type { AvatarGroupProps } from './data-display/AvatarGroup/types/AvatarGroupProps';
+export { CommandBlock } from './data-display/CommandBlock/CommandBlock';
+export { JsonTree } from './data-display/JsonTree/JsonTree';
+export type { GetJsonNodeHighlighting } from './data-display/JsonTree/types/GetJsonNodeHighlighting';
+export type { JsonNodeHighlighting } from './data-display/JsonTree/types/JsonNodeHighlighting';
+export type { JsonTreeEntry } from './data-display/JsonTree/types/JsonTreeEntry';
+export type { JsonTreeProps } from './data-display/JsonTree/types/JsonTreeProps';
+export type { ShouldExpandNodeInitiallyProps } from './data-display/JsonTree/types/ShouldExpandNodeInitiallyProps';
+export { NotificationCounter } from './data-display/NotificationCounter/NotificationCounter';
+export { TintedIconTile } from './data-display/TintedIconTile/TintedIconTile';
+export type { TintedIconTileProps } from './data-display/TintedIconTile/types/TintedIconTileProps';
+export type { IconTileColorShades } from './data-display/TintedIconTile/utils/getIconTileColorShades';
+export { getIconTileColorShades } from './data-display/TintedIconTile/utils/getIconTileColorShades';
+export { Callout } from './feedback/Callout/Callout';
+export type { CalloutProps } from './feedback/Callout/types/CalloutProps';
+export type { CalloutVariant } from './feedback/Callout/types/CalloutVariant';
+export { Info } from './feedback/Info/Info';
+export type { InfoAccent } from './feedback/Info/types/InfoAccent';
+export type { InfoProps } from './feedback/Info/types/InfoProps';
+export { InlineBanner } from './feedback/InlineBanner/InlineBanner';
+export { DEFAULT_TOAST_LIMIT } from './feedback/Toast/constants/DefaultToastLimit';
+export { ToastContext } from './feedback/Toast/contexts/ToastContext';
+export { useCloseToast } from './feedback/Toast/hooks/useCloseToast';
+export { useEnqueueToast } from './feedback/Toast/hooks/useEnqueueToast';
+export { useToast } from './feedback/Toast/hooks/useToast';
+export { useToastContext } from './feedback/Toast/hooks/useToastContext';
+export { useToastEntries } from './feedback/Toast/hooks/useToastEntries';
+export { createToastStore } from './feedback/Toast/stores/createToastStore';
+export { Toast } from './feedback/Toast/Toast';
+export { ToastProvider } from './feedback/Toast/ToastProvider';
+export type { ToastEntry } from './feedback/Toast/types/ToastEntry';
+export type { ToastNotification } from './feedback/Toast/types/ToastNotification';
+export type { ToastOptions } from './feedback/Toast/types/ToastOptions';
+export type { ToastProps } from './feedback/Toast/types/ToastProps';
+export type { ToastProviderProps } from './feedback/Toast/types/ToastProviderProps';
+export type { ToastStoreState } from './feedback/Toast/types/ToastStoreState';
+export type { ToastVariant } from './feedback/Toast/types/ToastVariant';
+export { completeToastExit } from './feedback/Toast/utils/completeToastExit';
+export { dismissToasts } from './feedback/Toast/utils/dismissToasts';
+export { isToastVisible } from './feedback/Toast/utils/isToastVisible';
+export { Toaster } from './feedback/Toaster/Toaster';
+export type { ToasterProps } from './feedback/Toaster/types/ToasterProps';
+export { CardPicker } from './input/CardPicker/CardPicker';
+export type { CardPickerProps } from './input/CardPicker/types/CardPickerProps';
+export { ColorSchemePicker } from './input/ColorSchemePicker/ColorSchemePicker';
+export type { ColorSchemePickerProps } from './input/ColorSchemePicker/types/ColorSchemePickerProps';
+export { IconButton } from './input/IconButton/IconButton';
+export type { IconButtonProps } from './input/IconButton/types/IconButtonProps';
+export type { IconButtonSize } from './input/IconButton/types/IconButtonSize';
+export { LightButton } from './input/LightButton/LightButton';
+export type { LightButtonProps } from './input/LightButton/types/LightButtonProps';
+export { LightIconButton } from './input/LightIconButton/LightIconButton';
+export type { LightIconButtonProps } from './input/LightIconButton/types/LightIconButtonProps';
+export { MainButton } from './input/MainButton/MainButton';
+export { SearchInput } from './input/SearchInput/SearchInput';
+export type { SearchInputProps } from './input/SearchInput/types/SearchInputProps';
+export { SettingsRow } from './input/SettingsRow/SettingsRow';
+export type { SettingsRowProps } from './input/SettingsRow/types/SettingsRowProps';
+export { AnimatedIconCrossfade } from './layout/AnimatedIconCrossfade/AnimatedIconCrossfade';
+export { Section } from './layout/Section/Section';
+export type { SectionHeaderProps } from './layout/Section/types/SectionHeaderProps';
+export type { SectionRootProps } from './layout/Section/types/SectionRootProps';
+export { Dropdown } from './navigation/Dropdown/Dropdown';
+export type { DropdownActionItemProps } from './navigation/Dropdown/types/DropdownActionItemProps';
+export type { DropdownCloseProps } from './navigation/Dropdown/types/DropdownCloseProps';
+export type { DropdownContentProps } from './navigation/Dropdown/types/DropdownContentProps';
+export type { DropdownHeaderProps } from './navigation/Dropdown/types/DropdownHeaderProps';
+export type { DropdownOptionItemProps } from './navigation/Dropdown/types/DropdownOptionItemProps';
+export type { DropdownPageProps } from './navigation/Dropdown/types/DropdownPageProps';
+export type { DropdownRootProps } from './navigation/Dropdown/types/DropdownRootProps';
+export type { DropdownSearchProps } from './navigation/Dropdown/types/DropdownSearchProps';
+export type { DropdownSectionProps } from './navigation/Dropdown/types/DropdownSectionProps';
+export type { DropdownSubmenuProps } from './navigation/Dropdown/types/DropdownSubmenuProps';
+export type { DropdownSubmenuTriggerProps } from './navigation/Dropdown/types/DropdownSubmenuTriggerProps';
+export type { DropdownTitleProps } from './navigation/Dropdown/types/DropdownTitleProps';
+export type { DropdownTriggerProps } from './navigation/Dropdown/types/DropdownTriggerProps';
+export type { DropdownType } from './navigation/Dropdown/types/DropdownType';
+export { DEFAULT_COLOR_LABELS } from './navigation/MenuItem/constants/DefaultColorLabels';
+export { MenuItem } from './navigation/MenuItem/MenuItem';
+export type { ColorLabels } from './navigation/MenuItem/types/ColorLabels';
+export type { MenuItemAccent } from './navigation/MenuItem/types/MenuItemAccent';
+export type { MenuItemDraggableGripMode } from './navigation/MenuItem/types/MenuItemDraggableGripMode';
+export type { MenuItemProps } from './navigation/MenuItem/types/MenuItemProps';
+export { MenuItemAvatar } from './navigation/MenuItemAvatar/MenuItemAvatar';
+export type { MenuItemAvatarProps } from './navigation/MenuItemAvatar/types/MenuItemAvatarProps';
+export { MenuItemDraggable } from './navigation/MenuItemDraggable/MenuItemDraggable';
+export type { MenuItemDraggableProps } from './navigation/MenuItemDraggable/types/MenuItemDraggableProps';
+export { MenuItemSuggestion } from './navigation/MenuItemSuggestion/MenuItemSuggestion';
+export type { MenuItemSuggestionProps } from './navigation/MenuItemSuggestion/types/MenuItemSuggestionProps';
+export { MenuPicker } from './navigation/MenuPicker/MenuPicker';
+export type { MenuPickerProps } from './navigation/MenuPicker/types/MenuPickerProps';
+export { NavigationBar } from './navigation/NavigationBar/NavigationBar';
+export { RoundedLink } from './navigation/RoundedLink/RoundedLink';
+export { TabButton } from './navigation/TabButton/TabButton';
+export type { TabButtonProps } from './navigation/TabButton/types/TabButtonProps';

package/dist/components/input/CardPicker/types/CardPickerProps.d.ts

@@ -0,0 +1,2 @@
+import { RadioProps } from '../../../../primitives/input/Radio/types/RadioProps';
+export type CardPickerProps<TValue = string> = RadioProps<TValue>;

package/dist/components/input/ColorSchemePicker/ColorSchemePicker.d.ts

@@ -0,0 +1,2 @@
+import { ColorSchemePickerProps } from './types/ColorSchemePickerProps';
+export declare const ColorSchemePicker: ({ value, onChange, className, lightLabel, darkLabel, systemLabel, }: ColorSchemePickerProps) => import("react").JSX.Element;

package/dist/{primitives/input → components/input/ColorSchemePicker/internal}/ColorSchemeCard/ColorSchemeCard.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ColorScheme } from '../types/ColorScheme';
+import { ColorScheme } from '../../../../../primitives/input/types/ColorScheme';
 export type ColorSchemeSegmentProps = {
     variant: ColorScheme;
     className?: string;

package/dist/components/input/ColorSchemePicker/types/ColorSchemePickerProps.d.ts

@@ -0,0 +1,9 @@
+import { ColorScheme } from '../../../../primitives/input/types/ColorScheme';
+export type ColorSchemePickerProps = {
+    value: ColorScheme;
+    className?: string;
+    onChange: (value: ColorScheme) => void;
+    lightLabel: string;
+    darkLabel: string;
+    systemLabel: string;
+};

package/dist/components/input/IconButton/IconButton.d.ts

@@ -0,0 +1,2 @@
+import { IconButtonProps } from './types/IconButtonProps';
+export declare const IconButton: ({ children, size, shape, className, tooltip, tooltipPlace, tooltipDelay, tooltipOffset, disabled, loading, ...props }: IconButtonProps) => import("react").JSX.Element;

package/dist/components/input/IconButton/types/IconButtonProps.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { IconButtonSize } from './IconButtonSize';
+import { ButtonProps } from '../../../../primitives/input/Button/types/ButtonProps';
+import { TooltipSide } from '../../../../primitives/surfaces/Tooltip/types/TooltipSide';
+export type IconButtonProps = Omit<ButtonProps, 'size' | 'aria-label' | 'children' | 'startIcon' | 'endIcon' | 'hotkeys' | 'fullWidth' | 'soon' | 'soonLabel'> & {
+    size?: IconButtonSize;
+    shape?: 'square' | 'round';
+    children: ReactNode;
+    'aria-label': string;
+    tooltip?: string;
+    tooltipPlace?: TooltipSide;
+    tooltipDelay?: number;
+    tooltipOffset?: number;
+};

package/dist/components/input/IconButton/types/IconButtonSize.d.ts

@@ -0,0 +1,2 @@
+import { ButtonSize } from '../../../../primitives/input/Button/types/ButtonSize';
+export type IconButtonSize = ButtonSize | 'xs';

package/dist/components/{LightButton → input/LightButton}/types/LightButtonProps.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from '../../../primitives/input/Button/types/ButtonProps';
+import { ButtonProps } from '../../../../primitives/input/Button/types/ButtonProps';
 export type LightButtonProps = ButtonProps & {
     emphasis?: 'standard' | 'subtle';
 };

package/dist/components/input/LightIconButton/LightIconButton.d.ts

@@ -0,0 +1,2 @@
+import { LightIconButtonProps } from './types/LightIconButtonProps';
+export declare const LightIconButton: ({ className, emphasis, size, variant, ...props }: LightIconButtonProps) => import("react").JSX.Element;

package/dist/components/input/LightIconButton/types/LightIconButtonProps.d.ts

@@ -0,0 +1,4 @@
+import { IconButtonProps } from '../../IconButton/types/IconButtonProps';
+export type LightIconButtonProps = IconButtonProps & {
+    emphasis?: 'standard' | 'subtle';
+};

package/dist/components/{MainButton → input/MainButton}/MainButton.d.ts

@@ -1,2 +1,2 @@
-import { ButtonProps } from '../../primitives/input/Button/types/ButtonProps';
+import { ButtonProps } from '../../../primitives/input/Button/types/ButtonProps';
 export declare const MainButton: ({ className, elevated, variant, ...props }: ButtonProps) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { SearchInputProps } from './types/SearchInputProps';
+export declare const SearchInput: ({ value, onChange, placeholder, filterDropdown, autoFocus, disabled, className, id, filterButtonAriaLabel, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, }: SearchInputProps) => import("react").JSX.Element;

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

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