@alif-ui-test/core 1.11.0

package/dist/components/SelectMultiple/SelectMultiple.js

@@ -0,0 +1,182 @@
+import { jsxs as L, jsx as i } from "react/jsx-runtime";
+import { useRef as k, useState as y, useId as ie, useMemo as V, useEffect as ce } from "react";
+import r from "./SelectMultiple.module.css.js";
+import { InputBaseWrapper as ae } from "../Field/InputBaseWrapper/InputBaseWrapper.js";
+import { InputBase as ue } from "../Field/InputBase/InputBase.js";
+import { isObjectValue as fe } from "../Select/Select.utils.js";
+import { Popover as M } from "../Popover/Popover.js";
+import { Tag as me } from "../Tag/Tag.js";
+import { Hinter as pe } from "../Hinter/Hinter.js";
+import { ListItem as de } from "../ListItem/ListItem.js";
+import { classNames as p } from "../../utils/class-names.js";
+import { OutlineNavigationChevronDownSmall as he } from "../../icons/components/OutlineNavigationChevronDownSmall.js";
+const je = ({
+  onChange: d,
+  values: t,
+  label: W,
+  placeholder: z,
+  hasError: j,
+  onSearch: h,
+  onSearchList: A,
+  className: H,
+  style: q,
+  id: E,
+  name: F,
+  searchValue: G,
+  searchPlaceholder: R,
+  customNoOptionsText: J,
+  isCenteredContent: K,
+  itemClassName: Q,
+  hasSearch: U,
+  disabled: c,
+  keepLabel: B,
+  options: a = [],
+  proportions: C = "m",
+  isStayOpenAfterSelection: X = !0,
+  isClearTextAfterSelection: Y = !1,
+  fullWidth: I = !0,
+  filterable: O = !0,
+  isLoading: Z,
+  onBlur: _,
+  disableClientFilter: P,
+  ...$
+}) => {
+  const v = k(null), u = k(null), [f, m] = y(!1), [g, w] = y(""), b = ie(), S = E || b, ee = p(
+    I && r.fullWidth,
+    c && r.disabled,
+    H
+  ), n = V(
+    () => !t.length || t.length > 0 && fe(t[0]),
+    [t]
+  ), s = V(() => n ? t.map((e) => e.value) : t, [t, n]), te = V(() => n ? t : a.filter((e) => s.includes(e.value)), [n, a, s, t]), T = V(() => !O || P ? a : a.filter(
+    (e) => e.label.toLowerCase().includes(g.toLowerCase())
+  ), [P, O, a, g]), re = (e) => {
+    const o = e.target.value;
+    w(o), h?.(o), m(!0);
+  }, oe = (e, o) => {
+    if (s.includes(e)) {
+      const l = s.filter((x) => x !== e), D = n ? t.filter((x) => x.value !== e) : void 0;
+      d(l, D);
+    } else {
+      const l = [...s, e], D = n ? [...t, o] : void 0;
+      d(l, D);
+    }
+    v.current?.focus(), Y && (w(""), h?.("")), m(X);
+  }, ne = (e) => {
+    const o = s.filter((l) => l !== e), N = n ? t.filter((l) => l.value !== e) : void 0;
+    d(o, N);
+  }, se = () => {
+    d([], []), w(""), h?.(""), m(!1);
+  }, le = () => {
+    m(!1), h?.(""), w(""), u.current && (u.current.scrollLeft = 0);
+  };
+  return ce(() => {
+    u.current && (u.current.scrollLeft = f ? 1e6 : 0);
+  }, [T, t, f]), /* @__PURE__ */ L(M, { isOpen: f, width: "trigger", onClose: le, children: [
+    /* @__PURE__ */ L(M.Trigger, { className: ee, style: q, onBlur: _, children: [
+      /* @__PURE__ */ i(
+        ae,
+        {
+          bordered: !0,
+          fullWidth: !0,
+          keepLabelFixed: f && !B,
+          keepLabel: B,
+          value: g || t.length > 0 ? "filled" : "",
+          id: S,
+          name: F,
+          label: W,
+          placeholder: z,
+          hasError: j,
+          proportions: C,
+          disabled: c,
+          onClear: se,
+          onClick: () => m((e) => !e),
+          inputRef: v,
+          rightIcon: /* @__PURE__ */ i(
+            he,
+            {
+              onMouseDown: (e) => e.preventDefault(),
+              className: p(
+                r.chevron,
+                f && r.chevronActive
+              )
+            }
+          ),
+          children: /* @__PURE__ */ L(
+            "div",
+            {
+              className: p(r.root, r.tags),
+              ref: u,
+              onMouseDown: (e) => e.preventDefault(),
+              children: [
+                te.map((e, o) => /* @__PURE__ */ i(
+                  me,
+                  {
+                    variant: "primary",
+                    size: C === "l" ? "s" : "xs",
+                    onClick: (N) => N.stopPropagation(),
+                    onClose: () => ne(e.value),
+                    className: r.tag,
+                    disabled: c,
+                    children: e.label
+                  },
+                  o
+                )),
+                O && /* @__PURE__ */ i(
+                  ue,
+                  {
+                    id: S,
+                    ref: v,
+                    value: g,
+                    placeholder: R,
+                    onChange: re,
+                    className: r.inputBase,
+                    disabled: c,
+                    onMouseDown: (e) => e.stopPropagation()
+                  }
+                )
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ i(
+        pe,
+        {
+          ...$,
+          hasError: j,
+          className: p(r.root, r.hint),
+          disabled: c
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i(
+      M.Dropdown,
+      {
+        className: p(r.dropdown, I && r.fullWidth),
+        children: /* @__PURE__ */ i(
+          de,
+          {
+            isLoading: Z,
+            values: s,
+            className: r.listItem,
+            onChangeList: oe,
+            options: T,
+            fullWidth: I,
+            proportions: C === "l" ? "l" : "m",
+            searchPlaceholder: R,
+            searchValue: G,
+            itemClassName: Q,
+            isCenteredContent: K,
+            customNoOptionsText: J,
+            onSearch: A,
+            hasSearch: U
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  je as SelectMultiple
+};

package/dist/components/SelectMultiple/SelectMultiple.module.css.js

@@ -0,0 +1,25 @@
+const t = "_root_bn1kg_1", n = "_listItem_bn1kg_6", _ = "_hint_bn1kg_11", s = "_tags_bn1kg_15", o = "_tag_bn1kg_15", e = "_inputBase_bn1kg_28", c = "_fullWidth_bn1kg_32", i = "_disabled_bn1kg_36", g = "_chevron_bn1kg_40", a = "_chevronActive_bn1kg_44", l = {
+  root: t,
+  listItem: n,
+  hint: _,
+  tags: s,
+  tag: o,
+  inputBase: e,
+  fullWidth: c,
+  disabled: i,
+  chevron: g,
+  chevronActive: a
+};
+export {
+  g as chevron,
+  a as chevronActive,
+  l as default,
+  i as disabled,
+  c as fullWidth,
+  _ as hint,
+  e as inputBase,
+  n as listItem,
+  t as root,
+  o as tag,
+  s as tags
+};

package/dist/components/SelectMultiple/SelectMultiple.types.js

@@ -0,0 +1 @@
+

package/dist/components/SelectorInput/SelectorInput.js

@@ -0,0 +1,81 @@
+import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import { useState as u, useRef as x, useMemo as b, useLayoutEffect as L } from "react";
+import e from "./SelectorInput.module.css.js";
+import { getSelectorInputStyles as O } from "./SelectorInput.utils.js";
+import { Input as W } from "../Input/Input.js";
+import { Popover as l } from "../Popover/Popover.js";
+import { ListItem as w } from "../ListItem/ListItem.js";
+import { classNames as r } from "../../utils/class-names.js";
+import { OutlineNavigationChevronDownSmall as T } from "../../icons/components/OutlineNavigationChevronDownSmall.js";
+const F = ({
+  inputProps: m,
+  selectorProps: t,
+  disabled: f,
+  showIcon: h = !0,
+  showLabel: g = !1,
+  size: c = "m",
+  variant: v = "primary"
+}) => {
+  const [i, d] = u(!1), [y, N] = u(), o = x(null), a = b(
+    () => t?.options.find((s) => s.value === t.values),
+    [t?.options, t?.values]
+  ), I = (s, S) => {
+    t?.onChangeList?.(s, S), d(!1);
+  }, C = r(
+    e.trigger,
+    i && e.active,
+    (f || t?.disabled) && e.disabled
+  );
+  return L(() => {
+    o.current && N(o.current.offsetWidth);
+  }, [i]), /* @__PURE__ */ n(
+    "div",
+    {
+      ref: o,
+      className: e.root,
+      style: O(v, c),
+      children: /* @__PURE__ */ n(
+        W,
+        {
+          ...m,
+          disabled: f,
+          proportions: c,
+          className: r(e.input, m?.className),
+          leftSection: /* @__PURE__ */ p(
+            l,
+            {
+              position: "bottom-start",
+              isOpen: i,
+              onChange: t?.disabled ? void 0 : d,
+              children: [
+                /* @__PURE__ */ p(l.Trigger, { className: C, children: [
+                  h && a?.leftIcon && /* @__PURE__ */ n("span", { className: e.flag, children: a.leftIcon }),
+                  g && a?.secondaryText && /* @__PURE__ */ n("span", { className: e.label, children: a.secondaryText }),
+                  /* @__PURE__ */ n(
+                    T,
+                    {
+                      className: r(e.chevron)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ n(l.Dropdown, { children: /* @__PURE__ */ n(
+                  w,
+                  {
+                    ...t,
+                    style: { width: y, ...t?.style },
+                    options: t?.options ?? [],
+                    values: t?.values,
+                    onChangeList: I
+                  }
+                ) })
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
+};
+export {
+  F as SelectorInput
+};

package/dist/components/SelectorInput/SelectorInput.module.css.js

@@ -0,0 +1,21 @@
+const t = "_root_xzbya_1", _ = "_input_xzbya_50", a = "_trigger_xzbya_54", o = "_active_xzbya_64", e = "_disabled_xzbya_68", c = "_flag_xzbya_77", n = "_label_xzbya_86", b = "_chevron_xzbya_112", l = {
+  root: t,
+  input: _,
+  trigger: a,
+  active: o,
+  disabled: e,
+  flag: c,
+  label: n,
+  chevron: b
+};
+export {
+  o as active,
+  b as chevron,
+  l as default,
+  e as disabled,
+  c as flag,
+  _ as input,
+  n as label,
+  t as root,
+  a as trigger
+};

package/dist/components/SelectorInput/SelectorInput.types.js

@@ -0,0 +1 @@
+

package/dist/components/SelectorInput/SelectorInput.utils.js

@@ -0,0 +1,49 @@
+import { getSize as t } from "../../utils/get-size.js";
+import { resolveTypography as c } from "../../utils/typography.js";
+const r = (e) => {
+  switch (e) {
+    case "l":
+      return c("body", "m");
+    case "m":
+      return c("body", "s");
+    case "s":
+      return c("description", "l");
+  }
+}, s = (e, o) => {
+  const l = r(o);
+  return {
+    "--selector-input-bg-color-default": `var(--selector-input-bg-color-${e}-default)`,
+    "--selector-input-bg-color-hover": `var(--selector-input-bg-color-${e}-hover)`,
+    "--selector-input-bg-color-active": `var(--selector-input-bg-color-${e}-active)`,
+    "--selector-input-bg-color-disabled": `var(--selector-input-bg-color-${e}-disabled)`,
+    "--selector-input-label-color-default": `var(--selector-input-label-color-${e}-default)`,
+    "--selector-input-label-color-hover": `var(--selector-input-label-color-${e}-hover)`,
+    "--selector-input-label-color-active": `var(--selector-input-label-color-${e}-active)`,
+    "--selector-input-label-color-disabled": `var( --selector-input-label-color-${e}-disabled)`,
+    "--selector-input-icon-color-default": `var(--selector-input-icon-color-${e}-default)`,
+    "--selector-input-icon-color-hover": `var(--selector-input-icon-color-${e}-hover)`,
+    "--selector-input-icon-color-active": `var(--selector-input-icon-color-${e}-active)`,
+    "--selector-input-icon-color-disabled": `var(--selector-input-icon-color-${e}-disabled)`,
+    "--selector-input-icon-height": t(o, "selector-input-icon-height"),
+    "--selector-input-icon-width": t(o, "selector-input-icon-width"),
+    "--selector-input-height": t(o, "selector-input-height"),
+    "--selector-input-flag-height": t(o, "selector-input-flag-height"),
+    "--selector-input-flag-width": t(o, "selector-input-flag-width"),
+    "--selector-input-spacing-horizontal": t(
+      o,
+      "selector-input-spacing-horizontal"
+    ),
+    "--selector-input-spacing-between": t(
+      o,
+      "selector-input-spacing-between"
+    ),
+    "--selector-input-label-font-family": l.fontFamily,
+    "--selector-input-label-font-size": l.fontSize,
+    "--selector-input-label-font-weight": l.fontWeight,
+    "--selector-input-label-line-height": l.lineHeight,
+    "--selector-input-label-letter-spacing": l.letterSpacing
+  };
+};
+export {
+  s as getSelectorInputStyles
+};

package/dist/components/Sidebar/Sidebar.context.js

@@ -0,0 +1,6 @@
+import { createSafeContext as e } from "../../utils/create-safe-context/create-safe-context.js";
+const [o, n] = e("Menu component was not found in the tree");
+export {
+  o as SidebarContextProvider,
+  n as useSidebarContext
+};

package/dist/components/Sidebar/Sidebar.js

@@ -0,0 +1,82 @@
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { useState as m, Children as P } from "react";
+import e from "./Sidebar.module.css.js";
+import { SidebarContextProvider as T } from "./Sidebar.context.js";
+import { SidebarItems as b } from "./SidebarItems/SidebarItems.js";
+import { SidebarHeader as h } from "./SidebarHeader/SidebarHeader.js";
+import { SidebarBottom as u } from "./SidebarBottom/SidebarBottom.js";
+import { SidebarItem as W } from "./SidebarItem/SidebarItem.js";
+import { SidebarCollapse as k } from "./SidebarCollapse/SidebarCollapse.js";
+import { SidebarElement as q } from "./SidebarElement/SidebarElement.js";
+import { getSidebarStyles as w, findChildByType as l } from "./Sidebar.utils.js";
+import { SidebarControlButton as D } from "./SidebarControlButton/SidebarControlButton.js";
+import { classNames as F } from "../../utils/class-names.js";
+const t = ({
+  size: v = "large",
+  variant: c = "default",
+  children: C,
+  showControlButton: d = !0,
+  type: r = "default",
+  hideScrollbar: g = !0,
+  className: E
+}) => {
+  const [N, S] = m(-1), [i, p] = m(v), [o, x] = m(i === "compact"), I = i === "compact", y = w(i, c, r), H = F(
+    e.content,
+    g && "hideScrollbar",
+    o && e.contentPosition,
+    o && i === "large" && e.shadow,
+    E
+  ), s = P.toArray(C), f = l(s, h), M = l(s, b), B = l(s, u), j = () => {
+    x((L) => !L);
+  }, z = () => {
+    o && p("large");
+  }, A = () => {
+    o && (p("compact"), S(-1));
+  };
+  return /* @__PURE__ */ a(
+    T,
+    {
+      value: {
+        isCompact: I,
+        variant: c,
+        type: r,
+        handleToggleHover: j,
+        hoverEnabled: o,
+        showControlButton: d,
+        collapseElementIndex: N,
+        setCollapseElementIndex: S
+      },
+      children: /* @__PURE__ */ n("div", { className: e.root, children: [
+        o && /* @__PURE__ */ a("div", { className: e.placeholder }),
+        /* @__PURE__ */ n(
+          "div",
+          {
+            style: y,
+            className: H,
+            onMouseEnter: z,
+            onMouseLeave: A,
+            children: [
+              /* @__PURE__ */ n("div", { className: e.mainSection, children: [
+                d && (r === "floating" || !f) && /* @__PURE__ */ a(D, {}),
+                /* @__PURE__ */ n("div", { className: e.mainSectionWrapper, children: [
+                  r !== "floating" && f,
+                  M
+                ] })
+              ] }),
+              /* @__PURE__ */ a("div", { className: e.bottomSection, children: B })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+};
+t.Items = b;
+t.Item = W;
+t.Collapse = k;
+t.HeaderSection = h;
+t.BottomSection = u;
+t.Element = q;
+export {
+  t as Sidebar
+};

package/dist/components/Sidebar/Sidebar.module.css.js

@@ -0,0 +1,21 @@
+const o = "_root_1zd92_1", t = "_content_1zd92_75", n = "_placeholder_1zd92_91", c = "_shadow_1zd92_96", e = "_contentPosition_1zd92_100", _ = "_mainSection_1zd92_106", i = "_mainSectionWrapper_1zd92_112", s = "_bottomSection_1zd92_118", a = {
+  root: o,
+  content: t,
+  placeholder: n,
+  shadow: c,
+  contentPosition: e,
+  mainSection: _,
+  mainSectionWrapper: i,
+  bottomSection: s
+};
+export {
+  s as bottomSection,
+  t as content,
+  e as contentPosition,
+  a as default,
+  _ as mainSection,
+  i as mainSectionWrapper,
+  n as placeholder,
+  o as root,
+  c as shadow
+};

package/dist/components/Sidebar/Sidebar.types.js

@@ -0,0 +1 @@
+

package/dist/components/Sidebar/Sidebar.utils.js

@@ -0,0 +1,66 @@
+import { isValidElement as n } from "react";
+import { resolveTypography as l } from "../../utils/typography.js";
+const e = {
+  size: (o) => ({
+    large: {
+      "--sidebar-logo-width": "100%",
+      "--sidebar-logo-height": "var(--sizes-16x)",
+      "--sidebar-width": "312px",
+      "--navigation-button-width": "264px",
+      "--navigation-button-height": "auto",
+      "--sidebar-padding-y": "var(--sidebar-spacing-horizontal-full-big)",
+      "--sidebar-padding-x": "var(--sidebar-spacing-vertical-full-big)",
+      "--sidebar-spacing-between": "var(--sidebar-spacing-between-full-big)"
+    },
+    compact: {
+      "--sidebar-logo-width": "var(--sizes-16x)",
+      "--sidebar-logo-height": "var(--sizes-16x)",
+      "--sidebar-width": "96px",
+      "--navigation-button-width": "56px",
+      "--navigation-button-height": "56px",
+      "--sidebar-padding-y": "var(--sidebar-spacing-horizontal-full-small)",
+      "--sidebar-padding-x": "var(--sidebar-spacing-vertical-full-small)",
+      "--sidebar-spacing-between": "var(--sidebar-spacing-between-full-small)"
+    }
+  })[o],
+  variant: (o) => ({
+    "--sidebar-icon-size": "24px",
+    "--sidebar-bg-color": `var(--sidebar-bg-color-${o})`,
+    "--section-header-logo-color": `var(--section-header-logo-color-default${o === "default" ? "" : "-contrast"})`,
+    "--nav-button-label-color-default": `var(--navigation-button-label-color-default${o === "default" ? "" : "-contrast"})`,
+    "--nav-button-icons-color-default": `var(--navigation-button-icons-color-default${o === "default" ? "" : "-contrast"})`,
+    "--nav-button-icons-color-active": `var(--navigation-button-icons-color-active${o === "default" ? "" : "-contrast"})`,
+    "--nav-button-icons-color-hover": `var(--navigation-button-icons-color-hover${o === "default" ? "" : "-contrast"})`,
+    "--nav-button-profile-label-color": `var(--navigation-button-profile-label-color-title${o === "default" ? "" : "-contrast"})`,
+    "--nav-button-bg-color-active": `var(--navigation-button-bg-color-active${o === "default" ? "" : "-contrast"})`,
+    "--nav-button-bg-color-hover": `var(--navigation-button-bg-color-hover${o === "default" ? "" : "-contrast"})`,
+    "--nav-button-label-color-hover": `var(--navigation-button-label-color-hover${o === "default" ? "" : "-contrast"})`,
+    "--nav-button-label-color-active": `var(--navigation-button-label-color-active${o === "default" ? "" : "-contrast"})`
+  }),
+  type: (o) => ({
+    default: {
+      "--sidebar-border-radius": "var(--sidebar-border-radius-full)"
+    },
+    floating: {
+      "--sidebar-border-radius": "var(--sidebar-border-radius-compact)"
+    }
+  })[o]
+}, s = () => {
+  const { fontFamily: o, fontSize: t, fontWeight: a, lineHeight: i, letterSpacing: r } = l("description", "m");
+  return {
+    "--badge-font-family": o,
+    "--badge-font-size": t,
+    "--badge-font-weight": a,
+    "--badge-line-height": i,
+    "--badge-letter-spacing": r
+  };
+}, c = (o, t, a) => ({
+  ...e.size(o),
+  ...e.variant(t),
+  ...e.type(a),
+  ...s()
+}), g = (o, t) => o.find((a) => n(a) && a.type === t);
+export {
+  g as findChildByType,
+  c as getSidebarStyles
+};

package/dist/components/Sidebar/SidebarBottom/SidebarBottom.js

@@ -0,0 +1,20 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import i from "./SidebarBottom.module.css.js";
+import { useSidebarContext as s } from "../Sidebar.context.js";
+import { Divider as a } from "../../Divider/Divider.js";
+const f = ({ children: o }) => {
+  const { variant: r } = s();
+  return /* @__PURE__ */ e("div", { children: [
+    /* @__PURE__ */ t(
+      a,
+      {
+        variant: r !== "default" ? "contrast" : "secondary",
+        size: "s"
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: i.bottomContent, children: o })
+  ] });
+};
+export {
+  f as SidebarBottom
+};

package/dist/components/Sidebar/SidebarBottom/SidebarBottom.module.css.js

@@ -0,0 +1,7 @@
+const t = "_bottomContent_el5i4_1", o = {
+  bottomContent: t
+};
+export {
+  t as bottomContent,
+  o as default
+};

package/dist/components/Sidebar/SidebarCollapse/SidebarCollapse.js

@@ -0,0 +1,65 @@
+import { jsx as s, jsxs as n } from "react/jsx-runtime";
+import { Children as h, isValidElement as N, cloneElement as j } from "react";
+import o from "./SidebarCollapse.module.css.js";
+import { useSidebarContext as I } from "../Sidebar.context.js";
+import { SolidNavigationSelectTop as O } from "../../../icons/components/SolidNavigationSelectTop.js";
+import { SolidNavigationSelectOpenDown as P } from "../../../icons/components/SolidNavigationSelectOpenDown.js";
+import { Collapse as k } from "../../Collapse/Collapse.js";
+import { classNames as t } from "../../../utils/class-names.js";
+const H = ({
+  children: i,
+  icon: d,
+  label: m,
+  isCollapse: C = !0,
+  collapseVariant: r = "default",
+  showArrowIcon: x = !0,
+  count: a,
+  index: l = -1
+}) => {
+  const { isCompact: p, collapseElementIndex: v, setCollapseElementIndex: E } = I(), c = l === v, f = h.map(i, (e) => {
+    if (N(e))
+      return e.props.active;
+  })?.find((e) => e), u = t(
+    o.collapseButton,
+    r === "group" && o.group
+  ), S = t(
+    f && !c && r !== "group" && o.active
+  ), b = t(
+    f && p && r !== "group" && o.active
+  ), g = t(
+    o.badge,
+    p && o.badgePosition
+  ), B = () => h.map(
+    i,
+    (e) => N(e) ? j(e, { isCollapseParent: !0 }) : e
+  ), w = () => r === "group" ? i : /* @__PURE__ */ n("div", { className: t(u, b), children: [
+    !!a && /* @__PURE__ */ s("span", { className: g, children: a }),
+    /* @__PURE__ */ s("span", { children: d || m.slice(0, 2).toUpperCase() })
+  ] }), A = () => /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        className: t(u, S),
+        onClick: () => {
+          E(l === v ? -1 : l);
+        },
+        children: [
+          /* @__PURE__ */ n("span", { children: [
+            d,
+            " ",
+            m
+          ] }),
+          /* @__PURE__ */ n("span", { children: [
+            !!a && /* @__PURE__ */ s("span", { className: g, children: a }),
+            x && C && c ? /* @__PURE__ */ s(O, {}) : /* @__PURE__ */ s(P, {})
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ s(k, { isOpen: !C || c, children: /* @__PURE__ */ s("div", { className: o.collapseContent, children: B() }) })
+  ] });
+  return /* @__PURE__ */ s("div", { className: o.collapse, children: p ? w() : A() });
+};
+export {
+  H as SidebarCollapse
+};

package/dist/components/Sidebar/SidebarCollapse/SidebarCollapse.module.css.js

@@ -0,0 +1,19 @@
+const o = "_collapse_1t74o_1", t = "_collapseContent_1t74o_8", e = "_collapseButton_1t74o_16", s = "_group_1t74o_44", _ = "_badge_1t74o_60", a = "_badgePosition_1t74o_74", c = "_active_1t74o_85", l = {
+  collapse: o,
+  collapseContent: t,
+  collapseButton: e,
+  group: s,
+  badge: _,
+  badgePosition: a,
+  active: c
+};
+export {
+  c as active,
+  _ as badge,
+  a as badgePosition,
+  o as collapse,
+  e as collapseButton,
+  t as collapseContent,
+  l as default,
+  s as group
+};