@yourbestsoft/studio-screen-ui-kit 0.0.8 → 0.0.10

package/dist/ToolIconButton-CKUWpXoL.js

@@ -0,0 +1,531 @@
+import { jsx as n, jsxs as g, Fragment as A } from "react/jsx-runtime";
+import i from "classnames";
+import G, { forwardRef as b, createContext as W, useState as T, useRef as E, useEffect as I, useContext as w } from "react";
+import { Eye as J, EyeOff as Q, X as U, Search as Y } from "lucide-react";
+const Z = "_text_4m304_1", tt = "_tertiary_4m304_1", et = "_secondary_4m304_1", ot = "_primary_4m304_1", nt = "_fullWidth_4m304_50", st = "_buttonWithIcon_4m304_54", rt = "_content_4m304_61", ct = "_shortcut_4m304_70", at = "_disabled_4m304_82", v = {
+  text: Z,
+  tertiary: tt,
+  secondary: et,
+  primary: ot,
+  fullWidth: nt,
+  buttonWithIcon: st,
+  content: rt,
+  shortcut: ct,
+  disabled: at
+}, it = ({
+  children: t,
+  className: e,
+  component: o = "button",
+  disabled: s,
+  fullWidth: c,
+  icon: r,
+  shortcut: a,
+  variant: _ = "primary",
+  ...d
+}, l) => {
+  const m = /* @__PURE__ */ g("div", { className: v.buttonWithIcon, children: [
+    /* @__PURE__ */ g("div", { className: v.content, children: [
+      r,
+      t
+    ] }),
+    /* @__PURE__ */ n("div", { className: v.shortcut, children: a })
+  ] });
+  return /* @__PURE__ */ n(
+    o,
+    {
+      className: i(
+        v[_],
+        c && v.fullWidth,
+        s && v.disabled,
+        r && v.icon,
+        e
+      ),
+      children: r ? m : t,
+      disabled: s,
+      ref: l,
+      ...d
+    }
+  );
+}, qe = b(it), lt = "_content_23x5h_1", dt = "_header_23x5h_1", _t = "_root_23x5h_7", ut = "_contentAfterHeader_23x5h_22", R = {
+  content: lt,
+  header: dt,
+  root: _t,
+  contentAfterHeader: ut
+}, q = b(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ n("div", { className: i(R.root, t), ref: o, ...e })
+), ht = b(
+  ({ className: t, ignoreHeader: e, ...o }, s) => /* @__PURE__ */ n(
+    "div",
+    {
+      className: i(
+        R.content,
+        !e && R.contentAfterHeader,
+        t
+      ),
+      ref: s,
+      ...o
+    }
+  )
+), mt = b(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ n("div", { className: i(R.header, t), ref: o, ...e })
+), He = Object.assign(q, {
+  Content: ht,
+  Header: mt,
+  Root: q
+}), gt = "_root_1xfv8_1", bt = "_dropdownContent_1xfv8_6", ft = "_left_1xfv8_17", pt = "_center_1xfv8_21", vt = "_right_1xfv8_26", Ct = "_top_1xfv8_30", wt = "_bottom_1xfv8_34", Nt = "_fixedPosition_1xfv8_38", k = {
+  root: gt,
+  dropdownContent: bt,
+  left: ft,
+  center: pt,
+  right: vt,
+  top: Ct,
+  bottom: wt,
+  fixedPosition: Nt
+}, B = W(
+  void 0
+), M = () => {
+  const t = w(B);
+  if (!t)
+    throw new Error("useDropDownContext must be used within a DropDown.Root");
+  return t;
+}, x = [], xt = ({
+  children: t,
+  closeOnEsc: e = !0,
+  closeOnOutsideClick: o = !0,
+  defaultVisible: s = !1
+}) => {
+  const [c, r] = T(s), a = E(null), _ = () => {
+    c ? d() : (r(!0), a.current && x.push(a.current));
+  }, d = () => {
+    if (r(!1), a.current) {
+      const l = x.indexOf(a.current);
+      l !== -1 && x.splice(l, 1);
+    }
+  };
+  return I(() => {
+    if (!o) return;
+    const l = (m) => {
+      a.current && !a.current.contains(m.target) && d();
+    };
+    return document.addEventListener("mousedown", l), () => {
+      document.removeEventListener("mousedown", l);
+    };
+  }, [o]), I(() => {
+    if (!e) return;
+    const l = (m) => {
+      m.key === "Escape" && c && x[x.length - 1] === a.current && d();
+    };
+    return document.addEventListener("keydown", l), () => {
+      document.removeEventListener("keydown", l);
+    };
+  }, [e, c]), /* @__PURE__ */ n(B.Provider, { value: { close: d, toggle: _, visible: c }, children: /* @__PURE__ */ n("div", { ref: a, className: k.root, children: t }) });
+}, kt = ({ children: t }) => {
+  const { toggle: e } = M();
+  return /* @__PURE__ */ n("div", { onClick: e, children: t });
+}, yt = ({
+  children: t,
+  className: e,
+  fixedPosition: o = !1,
+  horizontal: s = "left",
+  vertical: c = "bottom"
+}) => {
+  const { visible: r } = M();
+  return r ? /* @__PURE__ */ n(
+    "div",
+    {
+      className: i(
+        k.dropdownContent,
+        k[s],
+        k[c],
+        { [k.fixedPosition]: o },
+        e
+      ),
+      children: t
+    }
+  ) : null;
+}, Fe = { Content: yt, Root: xt, Trigger: kt }, Tt = "_dialogRoot_c30vs_1", Rt = "_dialogTrigger_c30vs_5", St = "_dialogContent_c30vs_13", Dt = "_dialogClose_c30vs_25", $t = "_dialogTitle_c30vs_33", Ot = "_dialogSeparator_c30vs_38", N = {
+  dialogRoot: Tt,
+  dialogTrigger: Rt,
+  dialogContent: St,
+  dialogClose: Dt,
+  dialogTitle: $t,
+  dialogSeparator: Ot
+}, S = G.createContext(null), It = ({
+  children: t,
+  isOpen: e,
+  onStateChange: o
+}) => {
+  const s = E(null), [c, r] = T(!1), a = e !== void 0 ? e : c, _ = (d) => {
+    e === void 0 && r(d), o && o(d);
+  };
+  return /* @__PURE__ */ n(S.Provider, { value: { dialogRef: s, isOpen: a, setIsOpen: _ }, children: /* @__PURE__ */ n("div", { className: N.dialogRoot, children: t }) });
+}, Wt = ({
+  as: t,
+  children: e,
+  ...o
+}) => {
+  const s = w(S);
+  if (!s) throw new Error("Trigger must be used within a Dialog.Root");
+  const { dialogRef: c, setIsOpen: r } = s;
+  return /* @__PURE__ */ n(
+    t || "button",
+    {
+      onClick: () => {
+        c.current?.showModal(), r(!0);
+      },
+      ...o,
+      className: N.dialogTrigger,
+      role: t && t !== "button" ? "button" : void 0,
+      children: e
+    }
+  );
+}, Et = b(
+  ({ children: t, className: e, closeOnBackdropClick: o = !0 }, s) => {
+    const c = w(S);
+    if (!c) throw new Error("Content must be used within a Dialog.Root");
+    const { dialogRef: r, isOpen: a, setIsOpen: _ } = c, d = (l) => {
+      o && l.target === r.current && (r.current?.close(), _(!1));
+    };
+    return /* @__PURE__ */ n(
+      "dialog",
+      {
+        ref: r,
+        className: i(N.dialogContent, e),
+        onClick: d,
+        open: a,
+        children: /* @__PURE__ */ n("div", { onClick: (l) => l.stopPropagation(), children: t })
+      }
+    );
+  }
+), Pt = ({
+  as: t,
+  children: e,
+  ...o
+}) => {
+  const s = w(S);
+  if (!s) throw new Error("Close must be used within a Dialog.Root");
+  const { dialogRef: c, setIsOpen: r } = s;
+  return /* @__PURE__ */ n(
+    t || "button",
+    {
+      onClick: () => {
+        c.current?.close(), r(!1);
+      },
+      ...o,
+      className: N.dialogClose,
+      role: t && t !== "button" ? "button" : void 0,
+      children: e
+    }
+  );
+}, Lt = ({ children: t, className: e }) => /* @__PURE__ */ n("h2", { className: i(N.dialogTitle, e), children: t }), qt = ({}) => /* @__PURE__ */ n("div", { className: N.dialogSeparator }), Ae = {
+  Close: Pt,
+  Content: Et,
+  Root: It,
+  Separator: qt,
+  Title: Lt,
+  Trigger: Wt
+}, Ht = "_sidebar_dg2au_12", Ft = "_trigger_dg2au_16", At = "_content_dg2au_21", Bt = "_left_dg2au_34", Mt = "_open_dg2au_38", Vt = "_right_dg2au_42", jt = "_bottom_dg2au_50", zt = "_top_dg2au_63", C = {
+  sidebar: Ht,
+  trigger: Ft,
+  content: At,
+  left: Bt,
+  open: Mt,
+  right: Vt,
+  bottom: jt,
+  top: zt
+}, V = W(
+  void 0
+), P = () => {
+  const t = w(V);
+  if (!t)
+    throw new Error("useSidebarContext must be used within a SidebarProvider");
+  return t;
+}, Kt = ({ children: t, isOpen: e, setIsOpen: o }) => /* @__PURE__ */ n(
+  V.Provider,
+  {
+    value: {
+      isOpen: e,
+      setIsOpen: () => o(!e)
+    },
+    children: t
+  }
+), Xt = ({ children: t }) => {
+  const { setIsOpen: e } = P(), o = (s) => {
+    s.preventDefault(), e(!0);
+  };
+  return /* @__PURE__ */ n("div", { className: C.trigger, onClick: o, children: t });
+}, Gt = ({
+  children: t,
+  className: e,
+  closeOnOutsideClick: o = !0,
+  position: s = "right"
+}) => {
+  const { isOpen: c, setIsOpen: r } = P(), a = E(null);
+  return I(() => {
+    if (!o) return;
+    const _ = (d) => {
+      a.current && !a.current.contains(d.target) && r(!1);
+    };
+    return c && document.addEventListener("mousedown", _), () => {
+      document.removeEventListener("mousedown", _);
+    };
+  }, [c, r, o]), /* @__PURE__ */ n(
+    "div",
+    {
+      ref: a,
+      className: i(
+        C[s],
+        C.content,
+        {
+          [C.close]: !c,
+          [C.open]: c
+        },
+        e
+      ),
+      children: t
+    }
+  );
+}, Jt = ({ children: t }) => {
+  const { setIsOpen: e } = P(), o = (s) => {
+    s.preventDefault(), e(!1);
+  };
+  return /* @__PURE__ */ n("button", { className: C.close, onClick: o, children: t });
+}, Be = {
+  Close: Jt,
+  Content: Gt,
+  Root: Kt,
+  Trigger: Xt
+}, Qt = "_switcher_k6tdq_1", Ut = "_buttons_k6tdq_6", Yt = "_separator_k6tdq_10", O = {
+  switcher: Qt,
+  buttons: Ut,
+  separator: Yt
+}, Me = b(
+  ({
+    className: t,
+    component: e,
+    componentValues: o,
+    containerProps: s,
+    onChange: c,
+    selectedValue: r,
+    slot: a
+  }, _) => {
+    const [d, l] = T(
+      r || o[0].value
+    ), m = (h) => {
+      l(h), c && c(h);
+    };
+    return /* @__PURE__ */ g("div", { ref: _, className: O.switcher, ...s, children: [
+      /* @__PURE__ */ n("div", { className: i(O.buttons, t), children: o.map((h, p) => /* @__PURE__ */ n(
+        e,
+        {
+          ...h,
+          selected: d === h.value,
+          onClick: () => m(h.value)
+        },
+        p
+      )) }),
+      a && /* @__PURE__ */ g(A, { children: [
+        /* @__PURE__ */ n("div", { className: O.separator }),
+        a
+      ] })
+    ] });
+  }
+), Zt = "_root_1b0i5_13", te = "_header_1b0i5_19", ee = "_footer_1b0i5_23", oe = "_row_1b0i5_28", ne = "_body_1b0i5_41", se = "_head_1b0i5_19", re = "_cell_1b0i5_48", ce = "_caption_1b0i5_65", ae = "_storiesFooterCellOne_1b0i5_70", ie = "_storiesFooterCellTwo_1b0i5_73", f = {
+  root: Zt,
+  header: te,
+  footer: ee,
+  row: oe,
+  body: ne,
+  head: se,
+  cell: re,
+  caption: ce,
+  storiesFooterCellOne: ae,
+  storiesFooterCellTwo: ie
+}, H = ({ children: t, className: e }) => /* @__PURE__ */ n("table", { className: i(f.root, e), children: t }), le = ({ children: t, className: e }) => /* @__PURE__ */ n("caption", { className: i(f.caption, e), children: t }), de = ({ children: t, className: e }) => /* @__PURE__ */ n("thead", { className: i(f.header, e), children: t }), _e = ({
+  children: t,
+  className: e,
+  onBlur: o,
+  onClick: s,
+  onDoubleClick: c
+}) => /* @__PURE__ */ n(
+  "tr",
+  {
+    className: i(f.row, e),
+    onClick: s,
+    onDoubleClick: c,
+    onBlur: o,
+    children: t
+  }
+), ue = ({ children: t, className: e }) => /* @__PURE__ */ n("th", { className: i(f.head, e), children: t }), he = ({ children: t, className: e }) => /* @__PURE__ */ n("tbody", { className: i(f.body, e), children: t }), me = ({ children: t, className: e }) => /* @__PURE__ */ n("td", { className: i(f.cell, e), children: t }), ge = ({ children: t, className: e }) => /* @__PURE__ */ n("tfoot", { className: i(f.footer, e), children: t }), Ve = Object.assign(H, {
+  Body: he,
+  Caption: le,
+  Cell: me,
+  Footer: ge,
+  Head: ue,
+  Header: de,
+  Root: H,
+  Row: _e
+}), be = "_inputContainer_iqbs3_1", fe = "_input_iqbs3_1", pe = "_inputSearch_iqbs3_40", ve = "_error_iqbs3_43", Ce = "_button_iqbs3_58", we = "_buttonWithLabel_iqbs3_68", Ne = "_resetSearchValue_iqbs3_73", xe = "_searchOutline_iqbs3_80", ke = "_errorMessage_iqbs3_87", u = {
+  inputContainer: be,
+  input: fe,
+  inputSearch: pe,
+  error: ve,
+  button: Ce,
+  buttonWithLabel: we,
+  resetSearchValue: Ne,
+  searchOutline: xe,
+  errorMessage: ke
+}, je = b(({ className: t, error: e, label: o, onChange: s, required: c, ...r }, a) => {
+  const [_, d] = T(!1), l = (p) => s(p.currentTarget.value), m = i(u.input, e && u.error, t);
+  let h;
+  if (!r.as || r.as === "input") {
+    const { inputType: p, ...K } = r, D = p === "search", L = p === "password", X = _ ? "text" : "password";
+    h = /* @__PURE__ */ g(A, { children: [
+      /* @__PURE__ */ n(
+        "input",
+        {
+          className: i(m, D && u.inputSearch),
+          onChange: l,
+          ref: a,
+          type: L ? X : p,
+          ...K
+        }
+      ),
+      L && (_ ? /* @__PURE__ */ n(
+        J,
+        {
+          strokeWidth: 2.5,
+          width: 20,
+          className: i(u.button, o && u.buttonWithLabel),
+          onClick: () => d(($) => !$)
+        }
+      ) : /* @__PURE__ */ n(
+        Q,
+        {
+          strokeWidth: 2.5,
+          width: 20,
+          className: i(u.button, o && u.buttonWithLabel),
+          onClick: () => d(($) => !$)
+        }
+      )),
+      D && r.value && /* @__PURE__ */ n(
+        U,
+        {
+          onClick: () => s(""),
+          className: i(
+            u.button,
+            o && u.buttonWithLabel,
+            u.resetSearchValue
+          ),
+          strokeWidth: 2.5,
+          size: 24
+        }
+      ),
+      D && /* @__PURE__ */ n(
+        Y,
+        {
+          className: i(
+            u.searchOutline,
+            o && u.searchOutlineWithLabel
+          ),
+          size: 20
+        }
+      )
+    ] });
+  }
+  return r.as === "textarea" && (h = /* @__PURE__ */ n(
+    "textarea",
+    {
+      className: m,
+      onChange: l,
+      ref: a,
+      ...r
+    }
+  )), /* @__PURE__ */ g("div", { className: u.root, children: [
+    /* @__PURE__ */ g("span", { className: u.title, children: [
+      o,
+      c && /* @__PURE__ */ n("span", { className: u.titleError, children: "*" })
+    ] }),
+    /* @__PURE__ */ n("div", { className: u.inputContainer, children: h }),
+    /* @__PURE__ */ n("div", { className: u.errorMessage, children: e })
+  ] });
+}), j = W(void 0), ze = ({ children: t }) => {
+  const e = z() || "system", [o, s] = T(e);
+  return /* @__PURE__ */ n(j.Provider, { value: { setTheme: s, theme: o }, children: t });
+}, Ke = () => {
+  const t = w(j);
+  if (!t)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return ye(t.theme), t;
+}, ye = (t) => {
+  const e = z();
+  Te(t || e);
+}, Te = (t) => {
+  const e = window.matchMedia("(prefers-color-scheme: dark)");
+  if (t === "system") {
+    const o = e.matches ? "dark" : "light";
+    localStorage.setItem("theme", t), F(o);
+  } else
+    localStorage.setItem("theme", t), F(t);
+}, F = (t) => {
+  document.documentElement.setAttribute("data-theme", t);
+}, z = () => {
+  const t = localStorage.getItem("theme");
+  if (t) return t;
+}, Re = "_root_17w6h_1", Se = "_icon_17w6h_11", De = "_active_17w6h_27", $e = "_disabled_17w6h_31", Oe = "_keybinding_17w6h_44", y = {
+  root: Re,
+  icon: Se,
+  active: De,
+  disabled: $e,
+  keybinding: Oe
+}, Xe = b(
+  (t, e) => {
+    const { classes: o, disabled: s, icon: c, isActive: r, keybinding: a, onClick: _, title: d } = t, l = Ie(o, r, s);
+    return /* @__PURE__ */ g("label", { className: y.root, title: d, children: [
+      /* @__PURE__ */ n(
+        "div",
+        {
+          className: l.icon,
+          ref: e,
+          tabIndex: s ? -1 : 0,
+          role: "button",
+          "aria-pressed": r,
+          "aria-disabled": s,
+          onClick: s ? void 0 : _,
+          children: c
+        }
+      ),
+      a && /* @__PURE__ */ n("span", { className: l.keybinding, children: a })
+    ] });
+  }
+), Ie = (t, e, o) => ({
+  icon: i(
+    y.icon,
+    {
+      [y.active]: e,
+      [y.disabled]: o
+    },
+    t?.icon
+  ),
+  keybinding: i(y.keybinding, t?.keybinding)
+});
+export {
+  qe as B,
+  q as C,
+  Fe as D,
+  V as S,
+  Ve as T,
+  it as a,
+  ht as b,
+  mt as c,
+  He as d,
+  Ae as e,
+  P as f,
+  Be as g,
+  Me as h,
+  je as i,
+  Xe as j,
+  ze as k,
+  Ke as u
+};
+//# sourceMappingURL=ToolIconButton-CKUWpXoL.js.map

package/dist/ToolIconButton-CKUWpXoL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolIconButton-CKUWpXoL.js","sources":["../src/components/button/Button.tsx","../src/components/card/Card.tsx","../src/components/drop-down/DropDown.tsx","../src/components/dialog/Dialog.tsx","../src/components/sidebar/Sidebar.tsx","../src/components/switcher-buttons/SwitcherButtons.tsx","../src/components/table/Table.tsx","../src/components/text-field/text-field.tsx","../src/features/theme-provider/ThemeProvider.tsx","../src/components/toolbar/tool-icon-button/ToolIconButton.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  ElementType,\n  ForwardedRef,\n  ReactNode,\n  forwardRef,\n} from 'react'\n\nimport { Replace } from '../../utils'\nimport s from './button.module.scss'\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'text'\ntype OwnProps<T extends ElementType> = {\n  children?: ReactNode\n  className?: string\n  component?: T\n  disabled?: boolean\n  fullWidth?: boolean\n  variant?: ButtonVariant\n  icon?: ReactNode\n  shortcut?: string\n}\n\nexport type ButtonProps<T extends ElementType> = Replace<\n  ComponentPropsWithoutRef<T>,\n  OwnProps<T>\n>\n\ntype ButtonRenderType = {\n  (\n    props: ButtonProps<'button'>,\n    ref?: ForwardedRef<ElementRef<'button'>>\n  ): ReactNode\n  (\n    props: ButtonProps<ElementType>,\n    ref?: ForwardedRef<ElementRef<ElementType>>\n  ): ReactNode\n}\n\nexport type ButtonComponent = {\n  <T extends ElementType = 'button'>(\n    props: ButtonProps<T> & { ref?: ForwardedRef<ElementRef<T>> }\n  ): ReactNode\n}\n\nexport const ButtonRender: ButtonRenderType = (\n  {\n    children,\n    className,\n    component: Component = 'button',\n    disabled,\n    fullWidth,\n    icon,\n    shortcut,\n    variant = 'primary',\n    ...props\n  },\n  ref\n) => {\n  const content = (\n    <div className={s.buttonWithIcon}>\n      <div className={s.content}>\n        {icon}\n        {children}\n      </div>\n      <div className={s.shortcut}>{shortcut}</div>\n    </div>\n  )\n\n  return (\n    <Component\n      className={classNames(\n        s[variant],\n        fullWidth && s.fullWidth,\n        disabled && s.disabled,\n        icon && s.icon,\n        className\n      )}\n      children={icon ? content : children}\n      disabled={disabled}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n\nexport const Button: ButtonComponent = forwardRef(ButtonRender)\n","import classNames from 'classnames'\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react'\n\nimport s from './card.module.scss'\n\nexport type CardProps = ComponentPropsWithoutRef<'div'>\n\nexport const CardRoot = forwardRef<ElementRef<'div'>, CardProps>(\n  ({ className, ...props }, ref) => (\n    <div className={classNames(s.root, className)} ref={ref} {...props} />\n  )\n)\n\nexport type CardContentProps = CardProps & { ignoreHeader?: boolean }\n\nexport const CardContent = forwardRef<ElementRef<'div'>, CardContentProps>(\n  ({ className, ignoreHeader, ...props }, ref) => (\n    <div\n      className={classNames(\n        s.content,\n        !ignoreHeader && s.contentAfterHeader,\n        className\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n)\n\nexport const CardHeader = forwardRef<ElementRef<'div'>, CardProps>(\n  ({ className, ...props }, ref) => (\n    <div className={classNames(s.header, className)} ref={ref} {...props} />\n  )\n)\n\nexport const Card = Object.assign(CardRoot, {\n  Content: CardContent,\n  Header: CardHeader,\n  Root: CardRoot,\n})\n","import classNames from 'classnames'\nimport {\n  createContext,\n  ReactNode,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport styles from './drop-down.module.scss'\n\ninterface DropDownContextType {\n  visible: boolean\n  toggle: () => void\n  close: () => void\n}\n\nconst DropDownContext = createContext<DropDownContextType | undefined>(\n  undefined\n)\n\nconst useDropDownContext = () => {\n  const context = useContext(DropDownContext)\n  if (!context) {\n    throw new Error('useDropDownContext must be used within a DropDown.Root')\n  }\n  return context\n}\n\ninterface RootProps {\n  children: ReactNode\n  defaultVisible?: boolean\n  closeOnOutsideClick?: boolean\n  closeOnEsc?: boolean\n}\n\nconst openDropDownStack: HTMLElement[] = []\n\nconst Root = ({\n  children,\n  closeOnEsc = true,\n  closeOnOutsideClick = true,\n  defaultVisible = false,\n}: RootProps) => {\n  const [visible, setVisible] = useState(defaultVisible)\n  const rootRef = useRef<HTMLDivElement>(null)\n\n  const toggle = () => {\n    if (!visible) {\n      setVisible(true)\n      if (rootRef.current) {\n        openDropDownStack.push(rootRef.current)\n      }\n    } else {\n      close()\n    }\n  }\n\n  const close = () => {\n    setVisible(false)\n    if (rootRef.current) {\n      const index = openDropDownStack.indexOf(rootRef.current)\n      if (index !== -1) {\n        openDropDownStack.splice(index, 1)\n      }\n    }\n  }\n\n  useEffect(() => {\n    if (!closeOnOutsideClick) return\n\n    const handleClickOutside = (event: MouseEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n        close()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [closeOnOutsideClick])\n\n  useEffect(() => {\n    if (!closeOnEsc) return\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && visible) {\n        const lastDropDown = openDropDownStack[openDropDownStack.length - 1]\n        if (lastDropDown === rootRef.current) {\n          close()\n        }\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [closeOnEsc, visible])\n\n  return (\n    <DropDownContext.Provider value={{ close, toggle, visible }}>\n      <div ref={rootRef} className={styles.root}>\n        {children}\n      </div>\n    </DropDownContext.Provider>\n  )\n}\n\ninterface TriggerProps {\n  children: ReactNode\n}\n\nconst Trigger = ({ children }: TriggerProps) => {\n  const { toggle } = useDropDownContext()\n  return <div onClick={toggle}>{children}</div>\n}\n\ninterface ContentProps {\n  children: ReactNode\n  horizontal?: 'left' | 'center' | 'right'\n  vertical?: 'top' | 'bottom'\n  className?: string\n  fixedPosition?: boolean\n}\n\nconst Content = ({\n  children,\n  className,\n  fixedPosition = false,\n  horizontal = 'left',\n  vertical = 'bottom',\n}: ContentProps) => {\n  const { visible } = useDropDownContext()\n\n  if (!visible) return null\n\n  return (\n    <div\n      className={classNames(\n        styles.dropdownContent,\n        styles[horizontal],\n        styles[vertical],\n        { [styles.fixedPosition]: fixedPosition },\n        className\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport const DropDown = { Content, Root, Trigger }\n","import classNames from 'classnames'\nimport React, {\n  useState,\n  useRef,\n  ReactNode,\n  forwardRef,\n  MouseEvent,\n  ElementType,\n  useContext,\n} from 'react'\n\nimport styles from './dialog.module.scss'\n\ninterface RootProps {\n  children: React.ReactNode\n  isOpen?: boolean\n  onStateChange?: (isOpen: boolean) => void\n}\n\ninterface DialogContextProps {\n  dialogRef: React.RefObject<HTMLDialogElement>\n  isOpen: boolean\n  setIsOpen: (state: boolean) => void\n}\nconst DialogContext = React.createContext<DialogContextProps | null>(null)\n\nconst Root = ({\n  children,\n  isOpen: externalIsOpen,\n  onStateChange,\n}: RootProps) => {\n  const dialogRef = useRef<HTMLDialogElement | null>(null)\n  const [internalIsOpen, setInternalIsOpen] = useState(false)\n\n  const isOpen = externalIsOpen !== undefined ? externalIsOpen : internalIsOpen\n  const setIsOpen = (state: boolean) => {\n    if (externalIsOpen === undefined) {\n      setInternalIsOpen(state)\n    }\n    if (onStateChange) {\n      onStateChange(state)\n    }\n  }\n\n  return (\n    <DialogContext.Provider value={{ dialogRef, isOpen, setIsOpen }}>\n      <div className={styles.dialogRoot}>{children}</div>\n    </DialogContext.Provider>\n  )\n}\n\ninterface TriggerProps<T extends ElementType = 'button'> {\n  as?: T\n  children: ReactNode\n}\n\nconst Trigger = <T extends ElementType = 'button'>({\n  as,\n  children,\n  ...props\n}: TriggerProps<T> & React.ComponentPropsWithoutRef<T>) => {\n  const context = useContext(DialogContext)\n  if (!context) throw new Error('Trigger must be used within a Dialog.Root')\n\n  const { dialogRef, setIsOpen } = context\n  const Component = as || 'button'\n\n  const handleClick = () => {\n    dialogRef.current?.showModal()\n    setIsOpen(true)\n  }\n\n  return (\n    <Component\n      onClick={handleClick}\n      {...props}\n      className={styles.dialogTrigger}\n      role={as && as !== 'button' ? 'button' : undefined}\n    >\n      {children}\n    </Component>\n  )\n}\n\ninterface ContentProps {\n  children: ReactNode\n  className?: string\n  closeOnBackdropClick?: boolean\n}\n\nconst Content = forwardRef<HTMLDialogElement, ContentProps>(\n  ({ children, className, closeOnBackdropClick = true }, _) => {\n    const context = useContext(DialogContext)\n    if (!context) throw new Error('Content must be used within a Dialog.Root')\n\n    const { dialogRef, isOpen, setIsOpen } = context\n\n    const handleBackdropClick = (event: MouseEvent<HTMLDialogElement>) => {\n      if (closeOnBackdropClick && event.target === dialogRef.current) {\n        dialogRef.current?.close()\n        setIsOpen(false)\n      }\n    }\n\n    return (\n      <dialog\n        ref={dialogRef}\n        className={classNames(styles.dialogContent, className)}\n        onClick={handleBackdropClick}\n        open={isOpen}\n      >\n        <div onClick={(e) => e.stopPropagation()}>{children}</div>\n      </dialog>\n    )\n  }\n)\n\ninterface CloseProps<T extends ElementType = 'button'> {\n  as?: T\n  children?: ReactNode\n}\n\nconst Close = <T extends ElementType = 'button'>({\n  as,\n  children,\n  ...props\n}: CloseProps<T> & React.ComponentPropsWithoutRef<T>) => {\n  const context = useContext(DialogContext)\n  if (!context) throw new Error('Close must be used within a Dialog.Root')\n\n  const { dialogRef, setIsOpen } = context\n  const Component = as || 'button'\n\n  const handleClick = () => {\n    dialogRef.current?.close()\n    setIsOpen(false)\n  }\n\n  return (\n    <Component\n      onClick={handleClick}\n      {...props}\n      className={styles.dialogClose}\n      role={as && as !== 'button' ? 'button' : undefined}\n    >\n      {children}\n    </Component>\n  )\n}\n\ninterface TitleProps {\n  children: ReactNode\n  className?: string\n}\n\nconst Title = ({ children, className }: TitleProps) => {\n  return (\n    <h2 className={classNames(styles.dialogTitle, className)}>{children}</h2>\n  )\n}\n\ninterface SeparatorProps {}\n\nconst Separator = ({}: SeparatorProps) => {\n  return <div className={styles.dialogSeparator} />\n}\n\nexport const Dialog = {\n  Close,\n  Content,\n  Root,\n  Separator,\n  Title,\n  Trigger,\n}\n","import classNames from 'classnames'\nimport {\n  createContext,\n  MouseEvent,\n  ReactNode,\n  useContext,\n  useEffect,\n  useRef,\n} from 'react'\n\nimport styles from './sidebar.module.scss'\n\ntype SidebarContextProps = {\n  isOpen: boolean\n  setIsOpen: (isOpen: boolean) => void\n}\n\nexport const SidebarContext = createContext<SidebarContextProps | undefined>(\n  undefined\n)\n\nexport const useSidebarContext = () => {\n  const context = useContext(SidebarContext)\n  if (!context) {\n    throw new Error('useSidebarContext must be used within a SidebarProvider')\n  }\n  return context\n}\n\ntype SidebarRootProps = {\n  isOpen: boolean\n  setIsOpen: (isOpen: boolean) => void\n  children: ReactNode\n}\n\nconst Root = ({ children, isOpen, setIsOpen }: SidebarRootProps) => {\n  return (\n    <SidebarContext.Provider\n      value={{\n        isOpen: isOpen,\n        setIsOpen: () => setIsOpen(!isOpen),\n      }}\n    >\n      {children}\n    </SidebarContext.Provider>\n  )\n}\n\ntype SidebarTriggerProps = {\n  children: ReactNode\n}\n\nconst Trigger = ({ children }: SidebarTriggerProps) => {\n  const { setIsOpen } = useSidebarContext()\n\n  const onClickHandler = (event: MouseEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    setIsOpen(true)\n  }\n\n  return (\n    <div className={styles.trigger} onClick={onClickHandler}>\n      {children}\n    </div>\n  )\n}\n\ntype SidebarContentProps = {\n  position?: 'left' | 'right' | 'bottom' | 'top'\n  children: ReactNode\n  className?: string\n  closeOnOutsideClick?: boolean\n}\n\nconst Content = ({\n  children,\n  className,\n  closeOnOutsideClick = true,\n  position = 'right',\n}: SidebarContentProps) => {\n  const { isOpen, setIsOpen } = useSidebarContext()\n  const contentRef = useRef<HTMLDivElement | null>(null)\n\n  useEffect(() => {\n    if (!closeOnOutsideClick) return\n\n    const handleClickOutside = (event: Event) => {\n      if (\n        contentRef.current &&\n        !contentRef.current.contains(event.target as Node)\n      ) {\n        setIsOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen, setIsOpen, closeOnOutsideClick])\n\n  return (\n    <div\n      ref={contentRef}\n      className={classNames(\n        styles[position],\n        styles.content,\n        {\n          [styles.close]: !isOpen,\n          [styles.open]: isOpen,\n        },\n        className\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n\ntype SidebarCloseProps = {\n  children: ReactNode\n}\n\nconst Close = ({ children }: SidebarCloseProps) => {\n  const { setIsOpen } = useSidebarContext()\n\n  const onClickHandler = (event: MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault()\n    setIsOpen(false)\n  }\n\n  return (\n    <button className={styles.close} onClick={onClickHandler}>\n      {children}\n    </button>\n  )\n}\n\nexport const Sidebar = {\n  Close,\n  Content,\n  Root,\n  Trigger,\n}\n","import classNames from 'classnames'\nimport React, { ElementType, forwardRef, ReactNode, useState } from 'react'\n\nimport style from './switcher-buttons.module.scss'\n\ninterface ComponentValues {\n  value: string\n  [key: string]: any\n}\n\ninterface SwitcherProps {\n  componentValues: ComponentValues[]\n  defaultValue?: string\n  onChange?: (value: string) => void\n  selectedValue?: string\n  component: ElementType\n  containerProps?: React.HTMLAttributes<HTMLDivElement>\n  slot?: ReactNode\n  className?: string\n}\n\nexport const SwitcherButtons = forwardRef<HTMLDivElement, SwitcherProps>(\n  (\n    {\n      className,\n      component: Component,\n      componentValues,\n      containerProps,\n      onChange,\n      selectedValue,\n      slot,\n    },\n    ref\n  ) => {\n    const [activeValue, setActiveValue] = useState<string>(\n      selectedValue || componentValues[0].value\n    )\n\n    const onChangeHandler = (value: string) => {\n      setActiveValue(value)\n      if (onChange) onChange(value)\n    }\n\n    return (\n      <div ref={ref} className={style.switcher} {...containerProps}>\n        <div className={classNames(style.buttons, className)}>\n          {componentValues.map((button, index) => (\n            <Component\n              key={index}\n              {...button}\n              selected={activeValue === button.value}\n              onClick={() => onChangeHandler(button.value)}\n            />\n          ))}\n        </div>\n        {slot && (\n          <>\n            <div className={style.separator} />\n            {slot}\n          </>\n        )}\n      </div>\n    )\n  }\n)\n","import classNames from 'classnames'\nimport { FocusEventHandler, MouseEventHandler, ReactNode } from 'react'\n\nimport s from './table.module.scss'\n\ninterface Props {\n  children: ReactNode\n  className?: string\n}\n\ntype RootProps = Props\nconst Root = ({ children, className }: RootProps) => {\n  return <table className={classNames(s.root, className)}>{children}</table>\n}\n\ntype CaptionProps = Props\nconst Caption = ({ children, className }: CaptionProps) => {\n  return (\n    <caption className={classNames(s.caption, className)}>{children}</caption>\n  )\n}\n\ntype HeaderProps = Props\nconst Header = ({ children, className }: HeaderProps) => {\n  return <thead className={classNames(s.header, className)}>{children}</thead>\n}\n\ninterface RowProps extends Props {\n  onClick?: MouseEventHandler<HTMLTableRowElement> | undefined\n  onDoubleClick?: MouseEventHandler<HTMLTableRowElement> | undefined\n  onBlur?: FocusEventHandler<HTMLTableRowElement> | undefined\n}\nconst Row = ({\n  children,\n  className,\n  onBlur,\n  onClick,\n  onDoubleClick,\n}: RowProps) => {\n  return (\n    <tr\n      className={classNames(s.row, className)}\n      onClick={onClick}\n      onDoubleClick={onDoubleClick}\n      onBlur={onBlur}\n    >\n      {children}\n    </tr>\n  )\n}\n\ntype HeadProps = Props\nconst Head = ({ children, className }: HeadProps) => {\n  return <th className={classNames(s.head, className)}>{children}</th>\n}\n\ntype BodyProps = Props\nconst Body = ({ children, className }: BodyProps) => {\n  return <tbody className={classNames(s.body, className)}>{children}</tbody>\n}\n\ntype CellProps = Props\nconst Cell = ({ children, className }: CellProps) => {\n  return <td className={classNames(s.cell, className)}>{children}</td>\n}\n\ntype FooterProps = Props\nconst Footer = ({ children, className }: FooterProps) => {\n  return <tfoot className={classNames(s.footer, className)}>{children}</tfoot>\n}\n\nexport const Table = Object.assign(Root, {\n  Body,\n  Caption,\n  Cell,\n  Footer,\n  Head,\n  Header,\n  Root,\n  Row,\n})\n","import classNames from 'classnames'\nimport { X, Eye, Search, EyeOff } from 'lucide-react'\nimport {\n  ChangeEvent,\n  ForwardedRef,\n  ReactNode,\n  forwardRef,\n  useState,\n} from 'react'\n\nimport s from './text-field.module.scss'\n\ntype SharedProps = {\n  className?: string\n  disabled?: boolean\n  error?: string\n  label?: string\n  onBlur?: () => void\n  onChange: (value: string) => void\n  onFocus?: () => void\n  placeholder?: string\n  required?: boolean\n  type?: 'text' | 'password' | 'email' | 'url' | string\n  value: string\n}\n\nexport type TextFieldProps =\n  | (SharedProps & {\n      as?: 'input'\n      inputType?: 'password' | 'search' | 'text'\n    })\n  | (SharedProps & { as: 'textarea' })\n\nexport type TextFieldComponent = {\n  (\n    props: Extract<TextFieldProps, { as: 'textarea' }> & {\n      ref?: ForwardedRef<HTMLTextAreaElement>\n    }\n  ): ReactNode\n  (\n    props: Extract<TextFieldProps, { as?: 'input' }> & {\n      ref?: ForwardedRef<HTMLInputElement>\n    }\n  ): ReactNode\n}\n\nexport const TextField: TextFieldComponent = forwardRef<\n  HTMLInputElement | HTMLTextAreaElement,\n  TextFieldProps\n>(({ className, error, label, onChange, required, ...props }, ref) => {\n  const [showPassword, setShowPassword] = useState(false)\n\n  const handleChange = (\n    e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => onChange(e.currentTarget.value)\n\n  const sharedClassName = classNames(s.input, error && s.error, className)\n  let resolvedFragment: ReactNode\n\n  if (!props.as || props.as === 'input') {\n    const { inputType, ...restProps } = props\n    const isSearch = inputType === 'search'\n    const isPassword = inputType === 'password'\n    const passwordFieldNextType = showPassword ? 'text' : 'password'\n\n    resolvedFragment = (\n      <>\n        <input\n          className={classNames(sharedClassName, isSearch && s.inputSearch)}\n          onChange={handleChange}\n          ref={ref as unknown as ForwardedRef<HTMLInputElement>}\n          type={isPassword ? passwordFieldNextType : inputType}\n          {...restProps}\n        />\n        {isPassword &&\n          (showPassword ? (\n            <Eye\n              strokeWidth={2.5}\n              width={20}\n              className={classNames(s.button, label && s.buttonWithLabel)}\n              onClick={() => setShowPassword((prev) => !prev)}\n            />\n          ) : (\n            <EyeOff\n              strokeWidth={2.5}\n              width={20}\n              className={classNames(s.button, label && s.buttonWithLabel)}\n              onClick={() => setShowPassword((prev) => !prev)}\n            />\n          ))}\n        {isSearch && props.value && (\n          <X\n            onClick={() => onChange('')}\n            className={classNames(\n              s.button,\n              label && s.buttonWithLabel,\n              s.resetSearchValue\n            )}\n            strokeWidth={2.5}\n            size={24}\n          />\n        )}\n        {isSearch && (\n          <Search\n            className={classNames(\n              s.searchOutline,\n              label && s.searchOutlineWithLabel\n            )}\n            size={20}\n          />\n        )}\n      </>\n    )\n  }\n\n  if (props.as === 'textarea') {\n    resolvedFragment = (\n      <textarea\n        className={sharedClassName}\n        onChange={handleChange}\n        ref={ref as unknown as ForwardedRef<HTMLTextAreaElement>}\n        {...props}\n      />\n    )\n  }\n\n  return (\n    <div className={s.root}>\n      <span className={s.title}>\n        {label}\n        {required && <span className={s.titleError}>*</span>}\n      </span>\n      <div className={s.inputContainer}>{resolvedFragment}</div>\n      <div className={s.errorMessage}>{error}</div>\n    </div>\n  )\n})\n","import { createContext, useContext, useState, ReactNode } from 'react'\n\nexport type Theme = 'light' | 'dark'\nexport type ThemeValue = Theme | 'system'\n\ninterface ThemeContextType {\n  theme: ThemeValue\n  setTheme: (theme: ThemeValue) => void\n}\n\nconst ThemeContext = createContext<ThemeContextType | undefined>(undefined)\n\nexport const ThemeProvider = ({ children }: { children: ReactNode }) => {\n  const defaultTheme = getTheme() || 'system'\n  const [theme, setTheme] = useState<ThemeValue>(defaultTheme)\n\n  return (\n    <ThemeContext.Provider value={{ setTheme, theme }}>\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext)\n\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider')\n  }\n\n  setDataThemeHandler(context.theme)\n\n  return context\n}\n\nconst setDataThemeHandler = (value: ThemeValue) => {\n  const savedTheme = getTheme()\n\n  saveTheme(value || savedTheme)\n}\n\nconst saveTheme = (theme: ThemeValue) => {\n  const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)')\n\n  if (theme === 'system') {\n    const defaultTheme = prefersDarkScheme.matches ? 'dark' : 'light'\n    localStorage.setItem('theme', theme)\n    setTheme(defaultTheme)\n  } else {\n    localStorage.setItem('theme', theme)\n    setTheme(theme)\n  }\n}\n\nconst setTheme = (theme: Theme) => {\n  document.documentElement.setAttribute('data-theme', theme)\n}\n\nconst getTheme = () => {\n  const theme = localStorage.getItem('theme')\n  if (theme) return theme as ThemeValue\n}\n","import classNames from 'classnames'\nimport { ReactNode, forwardRef } from 'react'\n\nimport s from './tool-icon-button.module.scss'\n\nexport type ToolbarSlot = 'icon' | 'keybinding'\nexport type ToolbarClasses = { [P in ToolbarSlot]?: string }\n\ninterface Props {\n  title?: string\n  icon: ReactNode\n  keybinding?: string\n  aria_label?: string\n  aria_keyshortcuts?: string\n  classes?: ToolbarClasses\n  name?: string\n  id?: string\n  isActive?: boolean\n  disabled?: boolean\n  onClick?: () => void\n}\n\nexport const ToolIconButton = forwardRef<HTMLDivElement, Props>(\n  (props, ref) => {\n    const { classes, disabled, icon, isActive, keybinding, onClick, title } =\n      props\n\n    const styles = getClasses(classes, isActive, disabled)\n\n    return (\n      <label className={s.root} title={title}>\n        <div\n          className={styles.icon}\n          ref={ref}\n          tabIndex={disabled ? -1 : 0}\n          role=\"button\"\n          aria-pressed={isActive}\n          aria-disabled={disabled}\n          onClick={!disabled ? onClick : undefined}\n        >\n          {icon}\n        </div>\n        {keybinding && <span className={styles.keybinding}>{keybinding}</span>}\n      </label>\n    )\n  }\n)\n\nconst getClasses = (\n  classes?: ToolbarClasses,\n  isActive?: boolean,\n  disabled?: boolean\n): Required<ToolbarClasses> => ({\n  icon: classNames(\n    s.icon,\n    {\n      [s.active]: isActive,\n      [s.disabled]: disabled,\n    },\n    classes?.icon\n  ),\n  keybinding: classNames(s.keybinding, classes?.keybinding),\n})\n"],"names":["ButtonRender","children","className","Component","disabled","fullWidth","icon","shortcut","variant","props","ref","content","jsxs","s","jsx","classNames","Button","forwardRef","CardRoot","CardContent","ignoreHeader","CardHeader","Card","DropDownContext","createContext","useDropDownContext","context","useContext","openDropDownStack","Root","closeOnEsc","closeOnOutsideClick","defaultVisible","visible","setVisible","useState","rootRef","useRef","toggle","close","index","useEffect","handleClickOutside","event","handleKeyDown","styles","Trigger","Content","fixedPosition","horizontal","vertical","DropDown","DialogContext","React","externalIsOpen","onStateChange","dialogRef","internalIsOpen","setInternalIsOpen","isOpen","setIsOpen","state","as","closeOnBackdropClick","_","handleBackdropClick","e","Close","Title","Separator","Dialog","SidebarContext","useSidebarContext","onClickHandler","position","contentRef","Sidebar","SwitcherButtons","componentValues","containerProps","onChange","selectedValue","slot","activeValue","setActiveValue","onChangeHandler","value","style","button","Fragment","Caption","Header","Row","onBlur","onClick","onDoubleClick","Head","Body","Cell","Footer","Table","TextField","error","label","required","showPassword","setShowPassword","handleChange","sharedClassName","resolvedFragment","inputType","restProps","isSearch","isPassword","passwordFieldNextType","Eye","prev","EyeOff","X","Search","ThemeContext","ThemeProvider","defaultTheme","getTheme","theme","setTheme","useTheme","setDataThemeHandler","savedTheme","saveTheme","prefersDarkScheme","ToolIconButton","classes","isActive","keybinding","title","getClasses"],"mappings":"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"}

package/dist/components/table/Table.d.ts

@@ -1,25 +1,20 @@
-import { MouseEventHandler, ReactNode } from 'react';
+import { FocusEventHandler, MouseEventHandler, ReactNode } from 'react';
 interface Props {
     children: ReactNode;
     className?: string;
 }
-interface RootProps extends Props {
-}
-interface CaptionProps extends Props {
-}
-interface HeaderProps extends Props {
-}
+type RootProps = Props;
+type CaptionProps = Props;
+type HeaderProps = Props;
 interface RowProps extends Props {
     onClick?: MouseEventHandler<HTMLTableRowElement> | undefined;
+    onDoubleClick?: MouseEventHandler<HTMLTableRowElement> | undefined;
+    onBlur?: FocusEventHandler<HTMLTableRowElement> | undefined;
 }
-interface HeadProps extends Props {
-}
-interface BodyProps extends Props {
-}
-interface CellProps extends Props {
-}
-interface FooterProps extends Props {
-}
+type HeadProps = Props;
+type BodyProps = Props;
+type CellProps = Props;
+type FooterProps = Props;
 export declare const Table: (({ children, className }: RootProps) => import("react/jsx-runtime").JSX.Element) & {
     Body: ({ children, className }: BodyProps) => import("react/jsx-runtime").JSX.Element;
     Caption: ({ children, className }: CaptionProps) => import("react/jsx-runtime").JSX.Element;
@@ -28,6 +23,6 @@ export declare const Table: (({ children, className }: RootProps) => import("rea
     Head: ({ children, className }: HeadProps) => import("react/jsx-runtime").JSX.Element;
     Header: ({ children, className }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
     Root: ({ children, className }: RootProps) => import("react/jsx-runtime").JSX.Element;
-    Row: ({ children, className, onClick }: RowProps) => import("react/jsx-runtime").JSX.Element;
+    Row: ({ children, className, onBlur, onClick, onDoubleClick, }: RowProps) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/components/text-field/text-field.d.ts

@@ -9,6 +9,7 @@ type SharedProps = {
     onFocus?: () => void;
     placeholder?: string;
     required?: boolean;
+    type?: 'text' | 'password' | 'email' | 'url' | string;
     value: string;
 };
 export type TextFieldProps = (SharedProps & {

package/dist/index.js

@@ -1,5 +1,5 @@
-import { D as H, B as F, u as J } from "./ToolIconButton-C1LlNNL-.js";
-import { a as an, d as ln, b as rn, c as dn, C as hn, e as _n, g as un, S as mn, h as pn, T as gn, i as fn, j as yn, f as kn } from "./ToolIconButton-C1LlNNL-.js";
+import { D as H, B as F, u as J } from "./ToolIconButton-CKUWpXoL.js";
+import { a as an, d as ln, b as rn, c as dn, C as hn, e as _n, g as un, S as mn, h as pn, T as gn, i as fn, j as yn, f as kn } from "./ToolIconButton-CKUWpXoL.js";
 import { jsx as s, jsxs as g, Fragment as Q } from "react/jsx-runtime";
 import m from "classnames";
 import { useState as k, useEffect as K, useCallback as M, useRef as G } from "react";

package/dist/index2.js

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import m from "classnames";
 import { Image as h, Video as g, FileQuestion as p, HardDriveDownload as u, Share2 as y, PencilRuler as I } from "lucide-react";
-import { d as l, e as o, B as v } from "./ToolIconButton-C1LlNNL-.js";
-import { k as U, u as X } from "./ToolIconButton-C1LlNNL-.js";
+import { d as l, e as o, B as v } from "./ToolIconButton-CKUWpXoL.js";
+import { k as U, u as X } from "./ToolIconButton-CKUWpXoL.js";
 import "react";
 const f = [
   "png",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yourbestsoft/studio-screen-ui-kit",
   "private": false,
-  "version": "0.0.8",
+  "version": "0.0.10",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/dist/ToolIconButton-C1LlNNL-.js

@@ -1,520 +0,0 @@
-import { jsx as n, jsxs as g, Fragment as B } from "react/jsx-runtime";
-import i from "classnames";
-import J, { forwardRef as b, createContext as E, useState as R, useRef as P, useEffect as W, useContext as C } from "react";
-import { Eye as Q, EyeOff as U, X as Y, Search as Z } from "lucide-react";
-const tt = "_text_4m304_1", et = "_tertiary_4m304_1", ot = "_secondary_4m304_1", nt = "_primary_4m304_1", st = "_fullWidth_4m304_50", rt = "_buttonWithIcon_4m304_54", ct = "_content_4m304_61", at = "_shortcut_4m304_70", it = "_disabled_4m304_82", p = {
-  text: tt,
-  tertiary: et,
-  secondary: ot,
-  primary: nt,
-  fullWidth: st,
-  buttonWithIcon: rt,
-  content: ct,
-  shortcut: at,
-  disabled: it
-}, lt = ({
-  children: t,
-  className: e,
-  component: o = "button",
-  disabled: s,
-  fullWidth: c,
-  icon: r,
-  shortcut: a,
-  variant: _ = "primary",
-  ...d
-}, l) => {
-  const m = /* @__PURE__ */ g("div", { className: p.buttonWithIcon, children: [
-    /* @__PURE__ */ g("div", { className: p.content, children: [
-      r,
-      t
-    ] }),
-    /* @__PURE__ */ n("div", { className: p.shortcut, children: a })
-  ] });
-  return /* @__PURE__ */ n(
-    o,
-    {
-      className: i(
-        p[_],
-        c && p.fullWidth,
-        s && p.disabled,
-        r && p.icon,
-        e
-      ),
-      children: r ? m : t,
-      disabled: s,
-      ref: l,
-      ...d
-    }
-  );
-}, He = b(lt), dt = "_content_23x5h_1", _t = "_header_23x5h_1", ut = "_root_23x5h_7", ht = "_contentAfterHeader_23x5h_22", S = {
-  content: dt,
-  header: _t,
-  root: ut,
-  contentAfterHeader: ht
-}, H = b(
-  ({ className: t, ...e }, o) => /* @__PURE__ */ n("div", { className: i(S.root, t), ref: o, ...e })
-), mt = b(
-  ({ className: t, ignoreHeader: e, ...o }, s) => /* @__PURE__ */ n(
-    "div",
-    {
-      className: i(
-        S.content,
-        !e && S.contentAfterHeader,
-        t
-      ),
-      ref: s,
-      ...o
-    }
-  )
-), gt = b(
-  ({ className: t, ...e }, o) => /* @__PURE__ */ n("div", { className: i(S.header, t), ref: o, ...e })
-), Fe = Object.assign(H, {
-  Content: mt,
-  Header: gt,
-  Root: H
-}), bt = "_root_1xfv8_1", ft = "_dropdownContent_1xfv8_6", pt = "_left_1xfv8_17", vt = "_center_1xfv8_21", Ct = "_right_1xfv8_26", wt = "_top_1xfv8_30", Nt = "_bottom_1xfv8_34", xt = "_fixedPosition_1xfv8_38", y = {
-  root: bt,
-  dropdownContent: ft,
-  left: pt,
-  center: vt,
-  right: Ct,
-  top: wt,
-  bottom: Nt,
-  fixedPosition: xt
-}, M = E(
-  void 0
-), V = () => {
-  const t = C(M);
-  if (!t)
-    throw new Error("useDropDownContext must be used within a DropDown.Root");
-  return t;
-}, k = [], kt = ({
-  children: t,
-  closeOnEsc: e = !0,
-  closeOnOutsideClick: o = !0,
-  defaultVisible: s = !1
-}) => {
-  const [c, r] = R(s), a = P(null), _ = () => {
-    c ? d() : (r(!0), a.current && k.push(a.current));
-  }, d = () => {
-    if (r(!1), a.current) {
-      const l = k.indexOf(a.current);
-      l !== -1 && k.splice(l, 1);
-    }
-  };
-  return W(() => {
-    if (!o) return;
-    const l = (m) => {
-      a.current && !a.current.contains(m.target) && d();
-    };
-    return document.addEventListener("mousedown", l), () => {
-      document.removeEventListener("mousedown", l);
-    };
-  }, [o]), W(() => {
-    if (!e) return;
-    const l = (m) => {
-      m.key === "Escape" && c && k[k.length - 1] === a.current && d();
-    };
-    return document.addEventListener("keydown", l), () => {
-      document.removeEventListener("keydown", l);
-    };
-  }, [e, c]), /* @__PURE__ */ n(M.Provider, { value: { close: d, toggle: _, visible: c }, children: /* @__PURE__ */ n("div", { ref: a, className: y.root, children: t }) });
-}, yt = ({ children: t }) => {
-  const { toggle: e } = V();
-  return /* @__PURE__ */ n("div", { onClick: e, children: t });
-}, Tt = ({
-  children: t,
-  className: e,
-  fixedPosition: o = !1,
-  horizontal: s = "left",
-  vertical: c = "bottom"
-}) => {
-  const { visible: r } = V();
-  return r ? /* @__PURE__ */ n(
-    "div",
-    {
-      className: i(
-        y.dropdownContent,
-        y[s],
-        y[c],
-        { [y.fixedPosition]: o },
-        e
-      ),
-      children: t
-    }
-  ) : null;
-}, Ae = { Content: Tt, Root: kt, Trigger: yt }, Rt = "_dialogRoot_c30vs_1", St = "_dialogTrigger_c30vs_5", Dt = "_dialogContent_c30vs_13", $t = "_dialogClose_c30vs_25", Ot = "_dialogTitle_c30vs_33", It = "_dialogSeparator_c30vs_38", w = {
-  dialogRoot: Rt,
-  dialogTrigger: St,
-  dialogContent: Dt,
-  dialogClose: $t,
-  dialogTitle: Ot,
-  dialogSeparator: It
-}, D = J.createContext(null), Wt = ({
-  children: t,
-  isOpen: e,
-  onStateChange: o
-}) => {
-  const s = P(null), [c, r] = R(!1), a = e !== void 0 ? e : c, _ = (d) => {
-    e === void 0 && r(d), o && o(d);
-  };
-  return /* @__PURE__ */ n(D.Provider, { value: { dialogRef: s, isOpen: a, setIsOpen: _ }, children: /* @__PURE__ */ n("div", { className: w.dialogRoot, children: t }) });
-}, Et = ({
-  as: t,
-  children: e,
-  ...o
-}) => {
-  const s = C(D);
-  if (!s) throw new Error("Trigger must be used within a Dialog.Root");
-  const { dialogRef: c, setIsOpen: r } = s;
-  return /* @__PURE__ */ n(
-    t || "button",
-    {
-      onClick: () => {
-        c.current?.showModal(), r(!0);
-      },
-      ...o,
-      className: w.dialogTrigger,
-      role: t && t !== "button" ? "button" : void 0,
-      children: e
-    }
-  );
-}, Pt = b(
-  ({ children: t, className: e, closeOnBackdropClick: o = !0 }, s) => {
-    const c = C(D);
-    if (!c) throw new Error("Content must be used within a Dialog.Root");
-    const { dialogRef: r, isOpen: a, setIsOpen: _ } = c, d = (l) => {
-      o && l.target === r.current && (r.current?.close(), _(!1));
-    };
-    return /* @__PURE__ */ n(
-      "dialog",
-      {
-        ref: r,
-        className: i(w.dialogContent, e),
-        onClick: d,
-        open: a,
-        children: /* @__PURE__ */ n("div", { onClick: (l) => l.stopPropagation(), children: t })
-      }
-    );
-  }
-), Lt = ({
-  as: t,
-  children: e,
-  ...o
-}) => {
-  const s = C(D);
-  if (!s) throw new Error("Close must be used within a Dialog.Root");
-  const { dialogRef: c, setIsOpen: r } = s;
-  return /* @__PURE__ */ n(
-    t || "button",
-    {
-      onClick: () => {
-        c.current?.close(), r(!1);
-      },
-      ...o,
-      className: w.dialogClose,
-      role: t && t !== "button" ? "button" : void 0,
-      children: e
-    }
-  );
-}, qt = ({ children: t, className: e }) => /* @__PURE__ */ n("h2", { className: i(w.dialogTitle, e), children: t }), Ht = ({}) => /* @__PURE__ */ n("div", { className: w.dialogSeparator }), Be = {
-  Close: Lt,
-  Content: Pt,
-  Root: Wt,
-  Separator: Ht,
-  Title: qt,
-  Trigger: Et
-}, Ft = "_sidebar_dg2au_12", At = "_trigger_dg2au_16", Bt = "_content_dg2au_21", Mt = "_left_dg2au_34", Vt = "_open_dg2au_38", jt = "_right_dg2au_42", zt = "_bottom_dg2au_50", Kt = "_top_dg2au_63", v = {
-  sidebar: Ft,
-  trigger: At,
-  content: Bt,
-  left: Mt,
-  open: Vt,
-  right: jt,
-  bottom: zt,
-  top: Kt
-}, j = E(
-  void 0
-), L = () => {
-  const t = C(j);
-  if (!t)
-    throw new Error("useSidebarContext must be used within a SidebarProvider");
-  return t;
-}, Xt = ({ children: t, isOpen: e, setIsOpen: o }) => /* @__PURE__ */ n(
-  j.Provider,
-  {
-    value: {
-      isOpen: e,
-      setIsOpen: () => o(!e)
-    },
-    children: t
-  }
-), Gt = ({ children: t }) => {
-  const { setIsOpen: e } = L(), o = (s) => {
-    s.preventDefault(), e(!0);
-  };
-  return /* @__PURE__ */ n("div", { className: v.trigger, onClick: o, children: t });
-}, Jt = ({
-  children: t,
-  className: e,
-  closeOnOutsideClick: o = !0,
-  position: s = "right"
-}) => {
-  const { isOpen: c, setIsOpen: r } = L(), a = P(null);
-  return W(() => {
-    if (!o) return;
-    const _ = (d) => {
-      a.current && !a.current.contains(d.target) && r(!1);
-    };
-    return c && document.addEventListener("mousedown", _), () => {
-      document.removeEventListener("mousedown", _);
-    };
-  }, [c, r, o]), /* @__PURE__ */ n(
-    "div",
-    {
-      ref: a,
-      className: i(
-        v[s],
-        v.content,
-        {
-          [v.close]: !c,
-          [v.open]: c
-        },
-        e
-      ),
-      children: t
-    }
-  );
-}, Qt = ({ children: t }) => {
-  const { setIsOpen: e } = L(), o = (s) => {
-    s.preventDefault(), e(!1);
-  };
-  return /* @__PURE__ */ n("button", { className: v.close, onClick: o, children: t });
-}, Me = {
-  Close: Qt,
-  Content: Jt,
-  Root: Xt,
-  Trigger: Gt
-}, Ut = "_switcher_k6tdq_1", Yt = "_buttons_k6tdq_6", Zt = "_separator_k6tdq_10", I = {
-  switcher: Ut,
-  buttons: Yt,
-  separator: Zt
-}, Ve = b(
-  ({
-    className: t,
-    component: e,
-    componentValues: o,
-    containerProps: s,
-    onChange: c,
-    selectedValue: r,
-    slot: a
-  }, _) => {
-    const [d, l] = R(
-      r || o[0].value
-    ), m = (h) => {
-      l(h), c && c(h);
-    };
-    return /* @__PURE__ */ g("div", { ref: _, className: I.switcher, ...s, children: [
-      /* @__PURE__ */ n("div", { className: i(I.buttons, t), children: o.map((h, N) => /* @__PURE__ */ n(
-        e,
-        {
-          ...h,
-          selected: d === h.value,
-          onClick: () => m(h.value)
-        },
-        N
-      )) }),
-      a && /* @__PURE__ */ g(B, { children: [
-        /* @__PURE__ */ n("div", { className: I.separator }),
-        a
-      ] })
-    ] });
-  }
-), te = "_root_1b0i5_13", ee = "_header_1b0i5_19", oe = "_footer_1b0i5_23", ne = "_row_1b0i5_28", se = "_body_1b0i5_41", re = "_head_1b0i5_19", ce = "_cell_1b0i5_48", ae = "_caption_1b0i5_65", ie = "_storiesFooterCellOne_1b0i5_70", le = "_storiesFooterCellTwo_1b0i5_73", f = {
-  root: te,
-  header: ee,
-  footer: oe,
-  row: ne,
-  body: se,
-  head: re,
-  cell: ce,
-  caption: ae,
-  storiesFooterCellOne: ie,
-  storiesFooterCellTwo: le
-}, F = ({ children: t, className: e }) => /* @__PURE__ */ n("table", { className: i(f.root, e), children: t }), de = ({ children: t, className: e }) => /* @__PURE__ */ n("caption", { className: i(f.caption, e), children: t }), _e = ({ children: t, className: e }) => /* @__PURE__ */ n("thead", { className: i(f.header, e), children: t }), ue = ({ children: t, className: e, onClick: o }) => /* @__PURE__ */ n("tr", { className: i(f.row, e), onClick: o, children: t }), he = ({ children: t, className: e }) => /* @__PURE__ */ n("th", { className: i(f.head, e), children: t }), me = ({ children: t, className: e }) => /* @__PURE__ */ n("tbody", { className: i(f.body, e), children: t }), ge = ({ children: t, className: e }) => /* @__PURE__ */ n("td", { className: i(f.cell, e), children: t }), be = ({ children: t, className: e }) => /* @__PURE__ */ n("tfoot", { className: i(f.footer, e), children: t }), je = Object.assign(F, {
-  Body: me,
-  Caption: de,
-  Cell: ge,
-  Footer: be,
-  Head: he,
-  Header: _e,
-  Root: F,
-  Row: ue
-}), fe = "_inputContainer_iqbs3_1", pe = "_input_iqbs3_1", ve = "_inputSearch_iqbs3_40", Ce = "_error_iqbs3_43", we = "_button_iqbs3_58", Ne = "_buttonWithLabel_iqbs3_68", xe = "_resetSearchValue_iqbs3_73", ke = "_searchOutline_iqbs3_80", ye = "_errorMessage_iqbs3_87", u = {
-  inputContainer: fe,
-  input: pe,
-  inputSearch: ve,
-  error: Ce,
-  button: we,
-  buttonWithLabel: Ne,
-  resetSearchValue: xe,
-  searchOutline: ke,
-  errorMessage: ye
-}, ze = b(({ className: t, error: e, label: o, onChange: s, required: c, ...r }, a) => {
-  const [_, d] = R(!1), l = (N) => s(N.currentTarget.value), m = i(u.input, e && u.error, t);
-  let h;
-  if (!r.as || r.as === "input") {
-    const { as: N, inputType: x, ...X } = r, $ = x === "search", q = x === "password", G = _ ? "text" : "password";
-    h = /* @__PURE__ */ g(B, { children: [
-      /* @__PURE__ */ n(
-        "input",
-        {
-          className: i(m, $ && u.inputSearch),
-          onChange: l,
-          ref: a,
-          type: q ? G : x,
-          ...X
-        }
-      ),
-      q && (_ ? /* @__PURE__ */ n(
-        Q,
-        {
-          strokeWidth: 2.5,
-          width: 20,
-          className: i(u.button, o && u.buttonWithLabel),
-          onClick: () => d((O) => !O)
-        }
-      ) : /* @__PURE__ */ n(
-        U,
-        {
-          strokeWidth: 2.5,
-          width: 20,
-          className: i(u.button, o && u.buttonWithLabel),
-          onClick: () => d((O) => !O)
-        }
-      )),
-      $ && r.value && /* @__PURE__ */ n(
-        Y,
-        {
-          onClick: () => s(""),
-          className: i(
-            u.button,
-            o && u.buttonWithLabel,
-            u.resetSearchValue
-          ),
-          strokeWidth: 2.5,
-          size: 24
-        }
-      ),
-      $ && /* @__PURE__ */ n(
-        Z,
-        {
-          className: i(
-            u.searchOutline,
-            o && u.searchOutlineWithLabel
-          ),
-          size: 20
-        }
-      )
-    ] });
-  }
-  if (r.as === "textarea") {
-    const { as: N, ...x } = r;
-    h = /* @__PURE__ */ n(
-      "textarea",
-      {
-        className: m,
-        onChange: l,
-        ref: a,
-        ...x
-      }
-    );
-  }
-  return /* @__PURE__ */ g("div", { className: u.root, children: [
-    /* @__PURE__ */ g("span", { className: u.title, children: [
-      o,
-      c && /* @__PURE__ */ n("span", { className: u.titleError, children: "*" })
-    ] }),
-    /* @__PURE__ */ n("div", { className: u.inputContainer, children: h }),
-    /* @__PURE__ */ n("div", { className: u.errorMessage, children: e })
-  ] });
-}), z = E(void 0), Ke = ({ children: t }) => {
-  const e = K() || "system", [o, s] = R(e);
-  return /* @__PURE__ */ n(z.Provider, { value: { setTheme: s, theme: o }, children: t });
-}, Xe = () => {
-  const t = C(z);
-  if (!t)
-    throw new Error("useTheme must be used within a ThemeProvider");
-  return Te(t.theme), t;
-}, Te = (t) => {
-  const e = K();
-  Re(t || e);
-}, Re = (t) => {
-  const e = window.matchMedia("(prefers-color-scheme: dark)");
-  if (t === "system") {
-    const o = e.matches ? "dark" : "light";
-    localStorage.setItem("theme", t), A(o);
-  } else
-    localStorage.setItem("theme", t), A(t);
-}, A = (t) => {
-  document.documentElement.setAttribute("data-theme", t);
-}, K = () => {
-  const t = localStorage.getItem("theme");
-  if (t) return t;
-}, Se = "_root_17w6h_1", De = "_icon_17w6h_11", $e = "_active_17w6h_27", Oe = "_disabled_17w6h_31", Ie = "_keybinding_17w6h_44", T = {
-  root: Se,
-  icon: De,
-  active: $e,
-  disabled: Oe,
-  keybinding: Ie
-}, Ge = b(
-  (t, e) => {
-    const { classes: o, disabled: s, icon: c, isActive: r, keybinding: a, onClick: _, title: d } = t, l = We(o, r, s);
-    return /* @__PURE__ */ g("label", { className: T.root, title: d, children: [
-      /* @__PURE__ */ n(
-        "div",
-        {
-          className: l.icon,
-          ref: e,
-          tabIndex: s ? -1 : 0,
-          role: "button",
-          "aria-pressed": r,
-          "aria-disabled": s,
-          onClick: s ? void 0 : _,
-          children: c
-        }
-      ),
-      a && /* @__PURE__ */ n("span", { className: l.keybinding, children: a })
-    ] });
-  }
-), We = (t, e, o) => ({
-  icon: i(
-    T.icon,
-    {
-      [T.active]: e,
-      [T.disabled]: o
-    },
-    t?.icon
-  ),
-  keybinding: i(T.keybinding, t?.keybinding)
-});
-export {
-  He as B,
-  H as C,
-  Ae as D,
-  j as S,
-  je as T,
-  lt as a,
-  mt as b,
-  gt as c,
-  Fe as d,
-  Be as e,
-  L as f,
-  Me as g,
-  Ve as h,
-  ze as i,
-  Ge as j,
-  Ke as k,
-  Xe as u
-};
-//# sourceMappingURL=ToolIconButton-C1LlNNL-.js.map

package/dist/ToolIconButton-C1LlNNL-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolIconButton-C1LlNNL-.js","sources":["../src/components/button/Button.tsx","../src/components/card/Card.tsx","../src/components/drop-down/DropDown.tsx","../src/components/dialog/Dialog.tsx","../src/components/sidebar/Sidebar.tsx","../src/components/switcher-buttons/SwitcherButtons.tsx","../src/components/table/Table.tsx","../src/components/text-field/text-field.tsx","../src/features/theme-provider/ThemeProvider.tsx","../src/components/toolbar/tool-icon-button/ToolIconButton.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  ElementType,\n  ForwardedRef,\n  ReactNode,\n  forwardRef,\n} from 'react'\n\nimport { Replace } from '../../utils'\nimport s from './button.module.scss'\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'text'\ntype OwnProps<T extends ElementType> = {\n  children?: ReactNode\n  className?: string\n  component?: T\n  disabled?: boolean\n  fullWidth?: boolean\n  variant?: ButtonVariant\n  icon?: ReactNode\n  shortcut?: string\n}\n\nexport type ButtonProps<T extends ElementType> = Replace<\n  ComponentPropsWithoutRef<T>,\n  OwnProps<T>\n>\n\ntype ButtonRenderType = {\n  (\n    props: ButtonProps<'button'>,\n    ref?: ForwardedRef<ElementRef<'button'>>\n  ): ReactNode\n  (\n    props: ButtonProps<ElementType>,\n    ref?: ForwardedRef<ElementRef<ElementType>>\n  ): ReactNode\n}\n\nexport type ButtonComponent = {\n  <T extends ElementType = 'button'>(\n    props: ButtonProps<T> & { ref?: ForwardedRef<ElementRef<T>> }\n  ): ReactNode\n}\n\nexport const ButtonRender: ButtonRenderType = (\n  {\n    children,\n    className,\n    component: Component = 'button',\n    disabled,\n    fullWidth,\n    icon,\n    shortcut,\n    variant = 'primary',\n    ...props\n  },\n  ref\n) => {\n  const content = (\n    <div className={s.buttonWithIcon}>\n      <div className={s.content}>\n        {icon}\n        {children}\n      </div>\n      <div className={s.shortcut}>{shortcut}</div>\n    </div>\n  )\n\n  return (\n    <Component\n      className={classNames(\n        s[variant],\n        fullWidth && s.fullWidth,\n        disabled && s.disabled,\n        icon && s.icon,\n        className\n      )}\n      children={icon ? content : children}\n      disabled={disabled}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n\nexport const Button: ButtonComponent = forwardRef(ButtonRender)\n","import classNames from 'classnames'\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react'\n\nimport s from './card.module.scss'\n\nexport type CardProps = ComponentPropsWithoutRef<'div'>\n\nexport const CardRoot = forwardRef<ElementRef<'div'>, CardProps>(\n  ({ className, ...props }, ref) => (\n    <div className={classNames(s.root, className)} ref={ref} {...props} />\n  )\n)\n\nexport type CardContentProps = CardProps & { ignoreHeader?: boolean }\n\nexport const CardContent = forwardRef<ElementRef<'div'>, CardContentProps>(\n  ({ className, ignoreHeader, ...props }, ref) => (\n    <div\n      className={classNames(\n        s.content,\n        !ignoreHeader && s.contentAfterHeader,\n        className\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n)\n\nexport const CardHeader = forwardRef<ElementRef<'div'>, CardProps>(\n  ({ className, ...props }, ref) => (\n    <div className={classNames(s.header, className)} ref={ref} {...props} />\n  )\n)\n\nexport const Card = Object.assign(CardRoot, {\n  Content: CardContent,\n  Header: CardHeader,\n  Root: CardRoot,\n})\n","import classNames from 'classnames'\nimport {\n  createContext,\n  ReactNode,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport styles from './drop-down.module.scss'\n\ninterface DropDownContextType {\n  visible: boolean\n  toggle: () => void\n  close: () => void\n}\n\nconst DropDownContext = createContext<DropDownContextType | undefined>(\n  undefined\n)\n\nconst useDropDownContext = () => {\n  const context = useContext(DropDownContext)\n  if (!context) {\n    throw new Error('useDropDownContext must be used within a DropDown.Root')\n  }\n  return context\n}\n\ninterface RootProps {\n  children: ReactNode\n  defaultVisible?: boolean\n  closeOnOutsideClick?: boolean\n  closeOnEsc?: boolean\n}\n\nconst openDropDownStack: HTMLElement[] = []\n\nconst Root = ({\n  children,\n  closeOnEsc = true,\n  closeOnOutsideClick = true,\n  defaultVisible = false,\n}: RootProps) => {\n  const [visible, setVisible] = useState(defaultVisible)\n  const rootRef = useRef<HTMLDivElement>(null)\n\n  const toggle = () => {\n    if (!visible) {\n      setVisible(true)\n      if (rootRef.current) {\n        openDropDownStack.push(rootRef.current)\n      }\n    } else {\n      close()\n    }\n  }\n\n  const close = () => {\n    setVisible(false)\n    if (rootRef.current) {\n      const index = openDropDownStack.indexOf(rootRef.current)\n      if (index !== -1) {\n        openDropDownStack.splice(index, 1)\n      }\n    }\n  }\n\n  useEffect(() => {\n    if (!closeOnOutsideClick) return\n\n    const handleClickOutside = (event: MouseEvent) => {\n      if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n        close()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [closeOnOutsideClick])\n\n  useEffect(() => {\n    if (!closeOnEsc) return\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && visible) {\n        const lastDropDown = openDropDownStack[openDropDownStack.length - 1]\n        if (lastDropDown === rootRef.current) {\n          close()\n        }\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [closeOnEsc, visible])\n\n  return (\n    <DropDownContext.Provider value={{ close, toggle, visible }}>\n      <div ref={rootRef} className={styles.root}>\n        {children}\n      </div>\n    </DropDownContext.Provider>\n  )\n}\n\ninterface TriggerProps {\n  children: ReactNode\n}\n\nconst Trigger = ({ children }: TriggerProps) => {\n  const { toggle } = useDropDownContext()\n  return <div onClick={toggle}>{children}</div>\n}\n\ninterface ContentProps {\n  children: ReactNode\n  horizontal?: 'left' | 'center' | 'right'\n  vertical?: 'top' | 'bottom'\n  className?: string\n  fixedPosition?: boolean\n}\n\nconst Content = ({\n  children,\n  className,\n  fixedPosition = false,\n  horizontal = 'left',\n  vertical = 'bottom',\n}: ContentProps) => {\n  const { visible } = useDropDownContext()\n\n  if (!visible) return null\n\n  return (\n    <div\n      className={classNames(\n        styles.dropdownContent,\n        styles[horizontal],\n        styles[vertical],\n        { [styles.fixedPosition]: fixedPosition },\n        className\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport const DropDown = { Content, Root, Trigger }\n","import classNames from 'classnames'\nimport React, {\n  useState,\n  useRef,\n  ReactNode,\n  forwardRef,\n  MouseEvent,\n  ElementType,\n  useContext,\n} from 'react'\n\nimport styles from './dialog.module.scss'\n\ninterface RootProps {\n  children: React.ReactNode\n  isOpen?: boolean\n  onStateChange?: (isOpen: boolean) => void\n}\n\ninterface DialogContextProps {\n  dialogRef: React.RefObject<HTMLDialogElement>\n  isOpen: boolean\n  setIsOpen: (state: boolean) => void\n}\nconst DialogContext = React.createContext<DialogContextProps | null>(null)\n\nconst Root = ({\n  children,\n  isOpen: externalIsOpen,\n  onStateChange,\n}: RootProps) => {\n  const dialogRef = useRef<HTMLDialogElement | null>(null)\n  const [internalIsOpen, setInternalIsOpen] = useState(false)\n\n  const isOpen = externalIsOpen !== undefined ? externalIsOpen : internalIsOpen\n  const setIsOpen = (state: boolean) => {\n    if (externalIsOpen === undefined) {\n      setInternalIsOpen(state)\n    }\n    if (onStateChange) {\n      onStateChange(state)\n    }\n  }\n\n  return (\n    <DialogContext.Provider value={{ dialogRef, isOpen, setIsOpen }}>\n      <div className={styles.dialogRoot}>{children}</div>\n    </DialogContext.Provider>\n  )\n}\n\ninterface TriggerProps<T extends ElementType = 'button'> {\n  as?: T\n  children: ReactNode\n}\n\nconst Trigger = <T extends ElementType = 'button'>({\n  as,\n  children,\n  ...props\n}: TriggerProps<T> & React.ComponentPropsWithoutRef<T>) => {\n  const context = useContext(DialogContext)\n  if (!context) throw new Error('Trigger must be used within a Dialog.Root')\n\n  const { dialogRef, setIsOpen } = context\n  const Component = as || 'button'\n\n  const handleClick = () => {\n    dialogRef.current?.showModal()\n    setIsOpen(true)\n  }\n\n  return (\n    <Component\n      onClick={handleClick}\n      {...props}\n      className={styles.dialogTrigger}\n      role={as && as !== 'button' ? 'button' : undefined}\n    >\n      {children}\n    </Component>\n  )\n}\n\ninterface ContentProps {\n  children: ReactNode\n  className?: string\n  closeOnBackdropClick?: boolean\n}\n\nconst Content = forwardRef<HTMLDialogElement, ContentProps>(\n  ({ children, className, closeOnBackdropClick = true }, _) => {\n    const context = useContext(DialogContext)\n    if (!context) throw new Error('Content must be used within a Dialog.Root')\n\n    const { dialogRef, isOpen, setIsOpen } = context\n\n    const handleBackdropClick = (event: MouseEvent<HTMLDialogElement>) => {\n      if (closeOnBackdropClick && event.target === dialogRef.current) {\n        dialogRef.current?.close()\n        setIsOpen(false)\n      }\n    }\n\n    return (\n      <dialog\n        ref={dialogRef}\n        className={classNames(styles.dialogContent, className)}\n        onClick={handleBackdropClick}\n        open={isOpen}\n      >\n        <div onClick={(e) => e.stopPropagation()}>{children}</div>\n      </dialog>\n    )\n  }\n)\n\ninterface CloseProps<T extends ElementType = 'button'> {\n  as?: T\n  children?: ReactNode\n}\n\nconst Close = <T extends ElementType = 'button'>({\n  as,\n  children,\n  ...props\n}: CloseProps<T> & React.ComponentPropsWithoutRef<T>) => {\n  const context = useContext(DialogContext)\n  if (!context) throw new Error('Close must be used within a Dialog.Root')\n\n  const { dialogRef, setIsOpen } = context\n  const Component = as || 'button'\n\n  const handleClick = () => {\n    dialogRef.current?.close()\n    setIsOpen(false)\n  }\n\n  return (\n    <Component\n      onClick={handleClick}\n      {...props}\n      className={styles.dialogClose}\n      role={as && as !== 'button' ? 'button' : undefined}\n    >\n      {children}\n    </Component>\n  )\n}\n\ninterface TitleProps {\n  children: ReactNode\n  className?: string\n}\n\nconst Title = ({ children, className }: TitleProps) => {\n  return (\n    <h2 className={classNames(styles.dialogTitle, className)}>{children}</h2>\n  )\n}\n\ninterface SeparatorProps {}\n\nconst Separator = ({}: SeparatorProps) => {\n  return <div className={styles.dialogSeparator} />\n}\n\nexport const Dialog = {\n  Close,\n  Content,\n  Root,\n  Separator,\n  Title,\n  Trigger,\n}\n","import classNames from 'classnames'\nimport {\n  createContext,\n  MouseEvent,\n  ReactNode,\n  useContext,\n  useEffect,\n  useRef,\n} from 'react'\n\nimport styles from './sidebar.module.scss'\n\ntype SidebarContextProps = {\n  isOpen: boolean\n  setIsOpen: (isOpen: boolean) => void\n}\n\nexport const SidebarContext = createContext<SidebarContextProps | undefined>(\n  undefined\n)\n\nexport const useSidebarContext = () => {\n  const context = useContext(SidebarContext)\n  if (!context) {\n    throw new Error('useSidebarContext must be used within a SidebarProvider')\n  }\n  return context\n}\n\ntype SidebarRootProps = {\n  isOpen: boolean\n  setIsOpen: (isOpen: boolean) => void\n  children: ReactNode\n}\n\nconst Root = ({ children, isOpen, setIsOpen }: SidebarRootProps) => {\n  return (\n    <SidebarContext.Provider\n      value={{\n        isOpen: isOpen,\n        setIsOpen: () => setIsOpen(!isOpen),\n      }}\n    >\n      {children}\n    </SidebarContext.Provider>\n  )\n}\n\ntype SidebarTriggerProps = {\n  children: ReactNode\n}\n\nconst Trigger = ({ children }: SidebarTriggerProps) => {\n  const { setIsOpen } = useSidebarContext()\n\n  const onClickHandler = (event: MouseEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    setIsOpen(true)\n  }\n\n  return (\n    <div className={styles.trigger} onClick={onClickHandler}>\n      {children}\n    </div>\n  )\n}\n\ntype SidebarContentProps = {\n  position?: 'left' | 'right' | 'bottom' | 'top'\n  children: ReactNode\n  className?: string\n  closeOnOutsideClick?: boolean\n}\n\nconst Content = ({\n  children,\n  className,\n  closeOnOutsideClick = true,\n  position = 'right',\n}: SidebarContentProps) => {\n  const { isOpen, setIsOpen } = useSidebarContext()\n  const contentRef = useRef<HTMLDivElement | null>(null)\n\n  useEffect(() => {\n    if (!closeOnOutsideClick) return\n\n    const handleClickOutside = (event: Event) => {\n      if (\n        contentRef.current &&\n        !contentRef.current.contains(event.target as Node)\n      ) {\n        setIsOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen, setIsOpen, closeOnOutsideClick])\n\n  return (\n    <div\n      ref={contentRef}\n      className={classNames(\n        styles[position],\n        styles.content,\n        {\n          [styles.close]: !isOpen,\n          [styles.open]: isOpen,\n        },\n        className\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n\ntype SidebarCloseProps = {\n  children: ReactNode\n}\n\nconst Close = ({ children }: SidebarCloseProps) => {\n  const { setIsOpen } = useSidebarContext()\n\n  const onClickHandler = (event: MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault()\n    setIsOpen(false)\n  }\n\n  return (\n    <button className={styles.close} onClick={onClickHandler}>\n      {children}\n    </button>\n  )\n}\n\nexport const Sidebar = {\n  Close,\n  Content,\n  Root,\n  Trigger,\n}\n","import classNames from 'classnames'\nimport React, { ElementType, forwardRef, ReactNode, useState } from 'react'\n\nimport style from './switcher-buttons.module.scss'\n\ninterface ComponentValues {\n  value: string\n  [key: string]: any\n}\n\ninterface SwitcherProps {\n  componentValues: ComponentValues[]\n  defaultValue?: string\n  onChange?: (value: string) => void\n  selectedValue?: string\n  component: ElementType\n  containerProps?: React.HTMLAttributes<HTMLDivElement>\n  slot?: ReactNode\n  className?: string\n}\n\nexport const SwitcherButtons = forwardRef<HTMLDivElement, SwitcherProps>(\n  (\n    {\n      className,\n      component: Component,\n      componentValues,\n      containerProps,\n      onChange,\n      selectedValue,\n      slot,\n    },\n    ref\n  ) => {\n    const [activeValue, setActiveValue] = useState<string>(\n      selectedValue || componentValues[0].value\n    )\n\n    const onChangeHandler = (value: string) => {\n      setActiveValue(value)\n      if (onChange) onChange(value)\n    }\n\n    return (\n      <div ref={ref} className={style.switcher} {...containerProps}>\n        <div className={classNames(style.buttons, className)}>\n          {componentValues.map((button, index) => (\n            <Component\n              key={index}\n              {...button}\n              selected={activeValue === button.value}\n              onClick={() => onChangeHandler(button.value)}\n            />\n          ))}\n        </div>\n        {slot && (\n          <>\n            <div className={style.separator} />\n            {slot}\n          </>\n        )}\n      </div>\n    )\n  }\n)\n","import classNames from 'classnames'\nimport { MouseEventHandler, ReactNode } from 'react'\n\nimport s from './table.module.scss'\n\ninterface Props {\n  children: ReactNode\n  className?: string\n}\n\ninterface RootProps extends Props {}\nconst Root = ({ children, className }: RootProps) => {\n  return <table className={classNames(s.root, className)}>{children}</table>\n}\n\ninterface CaptionProps extends Props {}\nconst Caption = ({ children, className }: CaptionProps) => {\n  return (\n    <caption className={classNames(s.caption, className)}>{children}</caption>\n  )\n}\n\ninterface HeaderProps extends Props {}\nconst Header = ({ children, className }: HeaderProps) => {\n  return <thead className={classNames(s.header, className)}>{children}</thead>\n}\n\ninterface RowProps extends Props {\n  onClick?: MouseEventHandler<HTMLTableRowElement> | undefined\n}\nconst Row = ({ children, className, onClick }: RowProps) => {\n  return (\n    <tr className={classNames(s.row, className)} onClick={onClick}>\n      {children}\n    </tr>\n  )\n}\n\ninterface HeadProps extends Props {}\nconst Head = ({ children, className }: HeadProps) => {\n  return <th className={classNames(s.head, className)}>{children}</th>\n}\n\ninterface BodyProps extends Props {}\nconst Body = ({ children, className }: BodyProps) => {\n  return <tbody className={classNames(s.body, className)}>{children}</tbody>\n}\n\ninterface CellProps extends Props {}\nconst Cell = ({ children, className }: CellProps) => {\n  return <td className={classNames(s.cell, className)}>{children}</td>\n}\n\ninterface FooterProps extends Props {}\nconst Footer = ({ children, className }: FooterProps) => {\n  return <tfoot className={classNames(s.footer, className)}>{children}</tfoot>\n}\n\nexport const Table = Object.assign(Root, {\n  Body,\n  Caption,\n  Cell,\n  Footer,\n  Head,\n  Header,\n  Root,\n  Row,\n})\n","import {\n  ChangeEvent,\n  ForwardedRef,\n  ReactNode,\n  forwardRef,\n  useState,\n} from 'react'\n\nimport classNames from 'classnames'\n\nimport s from './text-field.module.scss'\nimport { X, Eye, Search, EyeOff } from 'lucide-react'\n\ntype SharedProps = {\n  className?: string\n  disabled?: boolean\n  error?: string\n  label?: string\n  onBlur?: () => void\n  onChange: (value: string) => void\n  onFocus?: () => void\n  placeholder?: string\n  required?: boolean\n  value: string\n}\n\nexport type TextFieldProps =\n  | (SharedProps & {\n      as?: 'input'\n      inputType?: 'password' | 'search' | 'text'\n    })\n  | (SharedProps & { as: 'textarea' })\n\nexport type TextFieldComponent = {\n  (\n    props: Extract<TextFieldProps, { as: 'textarea' }> & {\n      ref?: ForwardedRef<HTMLTextAreaElement>\n    }\n  ): ReactNode\n  (\n    props: Extract<TextFieldProps, { as?: 'input' }> & {\n      ref?: ForwardedRef<HTMLInputElement>\n    }\n  ): ReactNode\n}\n\nexport const TextField: TextFieldComponent = forwardRef<\n  HTMLInputElement | HTMLTextAreaElement,\n  TextFieldProps\n>(({ className, error, label, onChange, required, ...props }, ref) => {\n  const [showPassword, setShowPassword] = useState(false)\n\n  const handleChange = (\n    e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => onChange(e.currentTarget.value)\n\n  const sharedClassName = classNames(s.input, error && s.error, className)\n  let resolvedFragment: ReactNode\n\n  if (!props.as || props.as === 'input') {\n    const { as, inputType, ...restProps } = props\n    const isSearch = inputType === 'search'\n    const isPassword = inputType === 'password'\n    const passwordFieldNextType = showPassword ? 'text' : 'password'\n\n    resolvedFragment = (\n      <>\n        <input\n          className={classNames(sharedClassName, isSearch && s.inputSearch)}\n          onChange={handleChange}\n          ref={ref as unknown as ForwardedRef<HTMLInputElement>}\n          type={isPassword ? passwordFieldNextType : inputType}\n          {...restProps}\n        />\n        {isPassword &&\n          (showPassword ? (\n            <Eye\n              strokeWidth={2.5}\n              width={20}\n              className={classNames(s.button, label && s.buttonWithLabel)}\n              onClick={() => setShowPassword((prev) => !prev)}\n            />\n          ) : (\n            <EyeOff\n              strokeWidth={2.5}\n              width={20}\n              className={classNames(s.button, label && s.buttonWithLabel)}\n              onClick={() => setShowPassword((prev) => !prev)}\n            />\n          ))}\n        {isSearch && props.value && (\n          <X\n            onClick={() => onChange('')}\n            className={classNames(\n              s.button,\n              label && s.buttonWithLabel,\n              s.resetSearchValue\n            )}\n            strokeWidth={2.5}\n            size={24}\n          />\n        )}\n        {isSearch && (\n          <Search\n            className={classNames(\n              s.searchOutline,\n              label && s.searchOutlineWithLabel\n            )}\n            size={20}\n          />\n        )}\n      </>\n    )\n  }\n\n  if (props.as === 'textarea') {\n    const { as, ...restProps } = props\n\n    resolvedFragment = (\n      <textarea\n        className={sharedClassName}\n        onChange={handleChange}\n        ref={ref as unknown as ForwardedRef<HTMLTextAreaElement>}\n        {...restProps}\n      />\n    )\n  }\n\n  return (\n    <div className={s.root}>\n      <span className={s.title}>\n        {label}\n        {required && <span className={s.titleError}>*</span>}\n      </span>\n      <div className={s.inputContainer}>{resolvedFragment}</div>\n      <div className={s.errorMessage}>{error}</div>\n    </div>\n  )\n})\n","import { createContext, useContext, useState, ReactNode } from 'react'\n\nexport type Theme = 'light' | 'dark'\nexport type ThemeValue = Theme | 'system'\n\ninterface ThemeContextType {\n  theme: ThemeValue\n  setTheme: (theme: ThemeValue) => void\n}\n\nconst ThemeContext = createContext<ThemeContextType | undefined>(undefined)\n\nexport const ThemeProvider = ({ children }: { children: ReactNode }) => {\n  const defaultTheme = getTheme() || 'system'\n  const [theme, setTheme] = useState<ThemeValue>(defaultTheme)\n\n  return (\n    <ThemeContext.Provider value={{ setTheme, theme }}>\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext)\n\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider')\n  }\n\n  setDataThemeHandler(context.theme)\n\n  return context\n}\n\nconst setDataThemeHandler = (value: ThemeValue) => {\n  const savedTheme = getTheme()\n\n  saveTheme(value || savedTheme)\n}\n\nconst saveTheme = (theme: ThemeValue) => {\n  const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)')\n\n  if (theme === 'system') {\n    const defaultTheme = prefersDarkScheme.matches ? 'dark' : 'light'\n    localStorage.setItem('theme', theme)\n    setTheme(defaultTheme)\n  } else {\n    localStorage.setItem('theme', theme)\n    setTheme(theme)\n  }\n}\n\nconst setTheme = (theme: Theme) => {\n  document.documentElement.setAttribute('data-theme', theme)\n}\n\nconst getTheme = () => {\n  const theme = localStorage.getItem('theme')\n  if (theme) return theme as ThemeValue\n}\n","import classNames from 'classnames'\nimport { ReactNode, forwardRef } from 'react'\n\nimport s from './tool-icon-button.module.scss'\n\nexport type ToolbarSlot = 'icon' | 'keybinding'\nexport type ToolbarClasses = { [P in ToolbarSlot]?: string }\n\ninterface Props {\n  title?: string\n  icon: ReactNode\n  keybinding?: string\n  aria_label?: string\n  aria_keyshortcuts?: string\n  classes?: ToolbarClasses\n  name?: string\n  id?: string\n  isActive?: boolean\n  disabled?: boolean\n  onClick?: () => void\n}\n\nexport const ToolIconButton = forwardRef<HTMLDivElement, Props>(\n  (props, ref) => {\n    const { classes, disabled, icon, isActive, keybinding, onClick, title } =\n      props\n\n    const styles = getClasses(classes, isActive, disabled)\n\n    return (\n      <label className={s.root} title={title}>\n        <div\n          className={styles.icon}\n          ref={ref}\n          tabIndex={disabled ? -1 : 0}\n          role=\"button\"\n          aria-pressed={isActive}\n          aria-disabled={disabled}\n          onClick={!disabled ? onClick : undefined}\n        >\n          {icon}\n        </div>\n        {keybinding && <span className={styles.keybinding}>{keybinding}</span>}\n      </label>\n    )\n  }\n)\n\nconst getClasses = (\n  classes?: ToolbarClasses,\n  isActive?: boolean,\n  disabled?: boolean\n): Required<ToolbarClasses> => ({\n  icon: classNames(\n    s.icon,\n    {\n      [s.active]: isActive,\n      [s.disabled]: disabled,\n    },\n    classes?.icon\n  ),\n  keybinding: classNames(s.keybinding, classes?.keybinding),\n})\n"],"names":["ButtonRender","children","className","Component","disabled","fullWidth","icon","shortcut","variant","props","ref","content","jsxs","s","jsx","classNames","Button","forwardRef","CardRoot","CardContent","ignoreHeader","CardHeader","Card","DropDownContext","createContext","useDropDownContext","context","useContext","openDropDownStack","Root","closeOnEsc","closeOnOutsideClick","defaultVisible","visible","setVisible","useState","rootRef","useRef","toggle","close","index","useEffect","handleClickOutside","event","handleKeyDown","styles","Trigger","Content","fixedPosition","horizontal","vertical","DropDown","DialogContext","React","externalIsOpen","onStateChange","dialogRef","internalIsOpen","setInternalIsOpen","isOpen","setIsOpen","state","as","closeOnBackdropClick","_","handleBackdropClick","e","Close","Title","Separator","Dialog","SidebarContext","useSidebarContext","onClickHandler","position","contentRef","Sidebar","SwitcherButtons","componentValues","containerProps","onChange","selectedValue","slot","activeValue","setActiveValue","onChangeHandler","value","style","button","Fragment","Caption","Header","Row","onClick","Head","Body","Cell","Footer","Table","TextField","error","label","required","showPassword","setShowPassword","handleChange","sharedClassName","resolvedFragment","inputType","restProps","isSearch","isPassword","passwordFieldNextType","Eye","prev","EyeOff","X","Search","ThemeContext","ThemeProvider","defaultTheme","getTheme","theme","setTheme","useTheme","setDataThemeHandler","savedTheme","saveTheme","prefersDarkScheme","ToolIconButton","classes","isActive","keybinding","title","getClasses"],"mappings":"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"}