@alif-ui-test/core 1.11.0 → 2.0.0-alpha.5

package/dist/components/Search/Search.utils.js

@@ -1,14 +0,0 @@
-const e = (r, o) => ({
-  ...o,
-  "--search-border-color-default": `var(--search-border-color-${r}-default)`,
-  "--search-border-color-hover": `var(--search-border-color-${r}-hover)`,
-  "--search-border-color-active": `var(--search-border-color-${r}-active)`,
-  "--search-border-color-disabled": `var(--search-border-color-${r}-disabled)`,
-  "--search-bg-color-default": `var(--search-bg-color-${r}-default)`,
-  "--search-bg-color-hover": `var(--search-bg-color-${r}-hover)`,
-  "--search-bg-color-active": `var(--search-bg-color-${r}-active)`,
-  "--search-bg-color-disabled": `var(--search-bg-color-${r}-disabled)`
-});
-export {
-  e as variantResolver
-};

package/dist/components/SearchAccent/SearchAccent.js

@@ -1,61 +0,0 @@
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
-import m from "./SearchAccent.module.css.js";
-import { getSearchStyles as u } from "./SearchAccent.utils.js";
-import { Search as S } from "../Search/Search.js";
-import { Button as p } from "../Button/Button.js";
-import { classNames as y } from "../../utils/class-names.js";
-import { OutlineSystemSearch as b } from "../../icons/components/OutlineSystemSearch.js";
-const w = ({
-  className: s,
-  disabled: t,
-  onSearch: a,
-  style: o,
-  fullWidth: c = !0,
-  proportions: e = "m",
-  keepLabel: i = !1,
-  ...n
-}) => {
-  const l = y(
-    m.root,
-    t && m.disabled,
-    c && m.fullWidth,
-    s
-  );
-  return /* @__PURE__ */ h(
-    "form",
-    {
-      onSubmit: (f) => {
-        f.preventDefault(), a?.();
-      },
-      className: l,
-      style: u(e, o),
-      children: [
-        /* @__PURE__ */ r(
-          S,
-          {
-            variant: "accent",
-            proportions: e,
-            disabled: t,
-            withIcon: !1,
-            keepLabel: i,
-            ...n
-          }
-        ),
-        /* @__PURE__ */ r(
-          p,
-          {
-            isIconBtn: !0,
-            type: "submit",
-            variant: "primary",
-            size: e,
-            disabled: t,
-            children: /* @__PURE__ */ r(b, {})
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  w as SearchAccent
-};

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

@@ -1,11 +0,0 @@
-const d = "_root_15dd8_1", t = "_disabled_15dd8_14", l = "_fullWidth_15dd8_18", o = {
-  root: d,
-  disabled: t,
-  fullWidth: l
-};
-export {
-  o as default,
-  t as disabled,
-  l as fullWidth,
-  d as root
-};

package/dist/components/SearchAccent/SearchAccent.types.js

@@ -1 +0,0 @@
-

package/dist/components/SearchAccent/SearchAccent.utils.js

@@ -1,11 +0,0 @@
-import { getSize as c } from "../../utils/get-size.js";
-const a = (e, r) => ({
-  ...r,
-  "--search-accent-border-radius": c(
-    e,
-    "search-accent-border-radius"
-  )
-});
-export {
-  a as getSearchStyles
-};

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

@@ -1,9 +0,0 @@
-const t = "_root_1xzxp_1", o = "_fullWidth_1xzxp_28", l = {
-  root: t,
-  fullWidth: o
-};
-export {
-  l as default,
-  o as fullWidth,
-  t as root
-};

package/dist/components/SegmentedControl/SegmentedControl.types.js

@@ -1 +0,0 @@
-

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

@@ -1,15 +0,0 @@
-const o = "_root_1wy4o_1", t = "_chevron_1wy4o_8", c = "_chevronActive_1wy4o_12", e = "_fullWidth_1wy4o_16", _ = "_disabled_1wy4o_20", n = {
-  root: o,
-  chevron: t,
-  chevronActive: c,
-  fullWidth: e,
-  disabled: _
-};
-export {
-  t as chevron,
-  c as chevronActive,
-  n as default,
-  _ as disabled,
-  e as fullWidth,
-  o as root
-};

package/dist/components/Select/Select.types.js

@@ -1 +0,0 @@
-

package/dist/components/SelectMultiple/SelectMultiple.js

@@ -1,182 +0,0 @@
-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

@@ -1,25 +0,0 @@
-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

@@ -1 +0,0 @@
-

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

@@ -1,21 +0,0 @@
-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

@@ -1 +0,0 @@
-

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

@@ -1,21 +0,0 @@
-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

@@ -1 +0,0 @@
-

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

@@ -1,20 +0,0 @@
-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

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

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

@@ -1,19 +0,0 @@
-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
-};

package/dist/components/Sidebar/SidebarControlButton/SidebarControlButton.js

@@ -1,16 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import t from "./SidebarControlButton.module.css.js";
-import { useSidebarContext as s } from "../Sidebar.context.js";
-import { OutlineSystemSidebar as i } from "../../../icons/components/OutlineSystemSidebar.js";
-import { SolidSystemSidebar as l } from "../../../icons/components/SolidSystemSidebar.js";
-import { classNames as a } from "../../../utils/class-names.js";
-const C = () => {
-  const { handleToggleHover: r, hoverEnabled: e, isCompact: m } = s(), n = a(
-    t.controlButton,
-    m && t.controlButtonCompact
-  );
-  return /* @__PURE__ */ o("div", { onClick: r, className: n, children: e ? /* @__PURE__ */ o(i, {}) : /* @__PURE__ */ o(l, {}) });
-};
-export {
-  C as SidebarControlButton
-};

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

@@ -1,9 +0,0 @@
-const t = "_controlButton_lz80a_1", o = "_controlButtonCompact_lz80a_11", n = {
-  controlButton: t,
-  controlButtonCompact: o
-};
-export {
-  t as controlButton,
-  o as controlButtonCompact,
-  n as default
-};

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

@@ -1,8 +0,0 @@
-const e = "_element_nvqb0_1", t = {
-  element: e,
-  default: "_default_nvqb0_11"
-};
-export {
-  t as default,
-  e as element
-};

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

@@ -1,9 +0,0 @@
-const o = "_header_zjs79_1", e = "_logo_zjs79_21", s = {
-  header: o,
-  logo: e
-};
-export {
-  s as default,
-  o as header,
-  e as logo
-};

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

@@ -1,21 +0,0 @@
-const o = "_navigationButton_s33zo_1", t = "_icon_s33zo_23", n = "_content_s33zo_34", c = "_collapse_s33zo_41", s = "_compact_s33zo_47", _ = "_badge_s33zo_54", a = "_badgePosition_s33zo_71", e = "_active_s33zo_77", i = {
-  navigationButton: o,
-  icon: t,
-  content: n,
-  collapse: c,
-  compact: s,
-  badge: _,
-  badgePosition: a,
-  active: e
-};
-export {
-  e as active,
-  _ as badge,
-  a as badgePosition,
-  c as collapse,
-  s as compact,
-  n as content,
-  i as default,
-  t as icon,
-  o as navigationButton
-};

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

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

package/dist/components/Skeleton/Skeleton.types.js

@@ -1 +0,0 @@
-

package/dist/components/Slider/Label/Label.js

@@ -1,35 +0,0 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import s from "../Slider.module.css.js";
-import { Typography as a } from "../../Typography/Typography.js";
-import { classNames as l } from "../../../utils/class-names.js";
-const b = ({
-  label: o = "",
-  counter: r = "",
-  disabled: e = !1
-}) => {
-  const n = l(s.label, e && s.disabled), i = l(s.counter, e && s.disabled);
-  return /* @__PURE__ */ c("div", { children: [
-    String(o) && /* @__PURE__ */ t(
-      a,
-      {
-        element: "span",
-        category: "body",
-        proportions: "s",
-        className: n,
-        children: o
-      }
-    ),
-    String(r) && /* @__PURE__ */ t(
-      a,
-      {
-        category: "body",
-        proportions: "xs",
-        className: i,
-        children: r
-      }
-    )
-  ] });
-};
-export {
-  b as Label
-};

package/dist/components/Slider/Label/Label.types.js

@@ -1 +0,0 @@
-

package/dist/components/Slider/Marks/Marks.types.js

@@ -1 +0,0 @@
-

package/dist/components/Slider/RangeSlider/RangeSlider.types.js

@@ -1 +0,0 @@
-

package/dist/components/Slider/Slider/Slider.types.js

@@ -1 +0,0 @@
-

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

@@ -1,33 +0,0 @@
-const e = "_root_488v2_1", r = "_label_488v2_35", s = "_disabled_488v2_45", _ = "_counter_488v2_49", t = "_sliderContainer_488v2_58", a = "_marksContainer_488v2_71", o = "_mark_488v2_71", i = "_disabledMark_488v2_83", n = "_slider_488v2_58", l = "_sliderTrack_488v2_91", d = "_sliderRange_488v2_92", c = "_sliderDisabledRange_488v2_109", b = "_thumb_488v2_118", v = "_tooltipTrigger_488v2_153", g = {
-  root: e,
-  label: r,
-  disabled: s,
-  counter: _,
-  sliderContainer: t,
-  marksContainer: a,
-  mark: o,
-  disabledMark: i,
-  slider: n,
-  sliderTrack: l,
-  sliderRange: d,
-  sliderDisabledRange: c,
-  thumb: b,
-  tooltipTrigger: v
-};
-export {
-  _ as counter,
-  g as default,
-  s as disabled,
-  i as disabledMark,
-  r as label,
-  o as mark,
-  a as marksContainer,
-  e as root,
-  n as slider,
-  t as sliderContainer,
-  c as sliderDisabledRange,
-  d as sliderRange,
-  l as sliderTrack,
-  b as thumb,
-  v as tooltipTrigger
-};

package/dist/components/Slider/Slider.types.js

@@ -1 +0,0 @@
-

package/dist/components/Slider/SliderBase/SliderBase.types.js

@@ -1 +0,0 @@
-

package/dist/components/Slider/Thumb/Thumb.types.js

@@ -1 +0,0 @@
-

package/dist/components/Slider/Track/Track.types.js

@@ -1 +0,0 @@
-

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

@@ -1,19 +0,0 @@
-const t = "_root_uwrfh_1", s = "_snackbar_uwrfh_36", _ = "_leftSlot_uwrfh_51", o = "_snackbarExit_uwrfh_61", l = "_titles_uwrfh_65", r = "_title_uwrfh_65", e = "_subtitle_uwrfh_77", a = {
-  root: t,
-  snackbar: s,
-  leftSlot: _,
-  snackbarExit: o,
-  titles: l,
-  title: r,
-  subtitle: e
-};
-export {
-  a as default,
-  _ as leftSlot,
-  t as root,
-  s as snackbar,
-  o as snackbarExit,
-  e as subtitle,
-  r as title,
-  l as titles
-};

package/dist/components/Snackbar/Snackbar.types.js

@@ -1 +0,0 @@
-

package/dist/components/Snackbar/SnackbarTimer/SnackbarTimer.module.css.js

@@ -1,11 +0,0 @@
-const e = "_timerContainer_16n5r_1", r = "_progressCircle_16n5r_16", t = "_timeText_16n5r_24", n = {
-  timerContainer: e,
-  progressCircle: r,
-  timeText: t
-};
-export {
-  n as default,
-  r as progressCircle,
-  t as timeText,
-  e as timerContainer
-};