@alif-ui-test/core 1.11.0

package/dist/components/Radio/Radio.types.js

@@ -0,0 +1 @@
+

package/dist/components/Radio/Radio.utils.js

@@ -0,0 +1,59 @@
+import { getSize as r } from "../../utils/get-size.js";
+import { resolveTypography as b } from "../../utils/typography.js";
+const l = (t) => {
+  switch (t) {
+    case "m":
+      return b("body", "m");
+    case "s":
+      return b("body", "s");
+  }
+}, a = (t) => {
+  switch (t) {
+    case "m":
+      return b("description", "l");
+    case "s":
+      return b("description", "m");
+  }
+}, u = (t) => ({
+  borderColor: `var(--radio-button-border-color-outline-${t})`,
+  backgroundColor: `var(--radio-button-bg-color-container-${t})`,
+  color: `var(--radio-button-text-color-${t})`,
+  subtitleColor: `var(--radio-button-subtitle-color-${t})`
+}), s = (t, o) => {
+  const n = u(t), e = l(o), i = a(o);
+  return {
+    "--radio-button-bg-color": n.backgroundColor,
+    "--radio-button-label-color": n.color,
+    "--radio-button-subtitle-color": n.subtitleColor,
+    "--radio-button-border-color": n.borderColor,
+    "--radio-button-label-font-family": e.fontFamily,
+    "--radio-button-label-font-size": e.fontSize,
+    "--radio-button-label-font-weight": e.fontWeight,
+    "--radio-button-label-line-height": e.lineHeight,
+    "--radio-button-label-letter-spacing": e.letterSpacing,
+    "--radio-button-subtitle-font-family": i.fontFamily,
+    "--radio-button-subtitle-font-size": i.fontSize,
+    "--radio-button-subtitle-font-weight": i.fontWeight,
+    "--radio-button-subtitle-line-height": i.lineHeight,
+    "--radio-button-subtitle-letter-spacing": i.letterSpacing,
+    "--radio-button-border-width": r(o, "radio-button-border-width"),
+    "--radio-button-border-radius": r(o, "radio-button-border-radius"),
+    "--radio-button-spacing-between": r(
+      o,
+      "radio-button-spacing-between"
+    ),
+    "--radio-button-container-width": r(
+      o,
+      "radio-button-container-width"
+    ),
+    "--radio-button-container-height": r(
+      o,
+      "radio-button-container-height"
+    ),
+    "--radio-button-bullet-width": r(o, "radio-button-bullet-width"),
+    "--radio-button-bullet-height": r(o, "radio-button-bullet-height")
+  };
+};
+export {
+  s as getRadioButtonStyles
+};

package/dist/components/Radio/RadioGroup/RadioGroup.js

@@ -0,0 +1,41 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Children as x, isValidElement as y } from "react";
+import e from "./RadioGroup.module.css.js";
+import { Radio as s } from "../Radio.js";
+import { classNames as C } from "../../../utils/class-names.js";
+const k = ({
+  value: a,
+  onChange: t,
+  children: p,
+  name: m,
+  orientation: i = "vertical",
+  className: l,
+  size: n = "m",
+  disabled: c = !1,
+  defaultValue: f,
+  variant: u
+}) => {
+  const d = C(
+    e.root,
+    e[i],
+    l
+  ), v = a || f;
+  return /* @__PURE__ */ o("div", { className: d, children: x.map(
+    p,
+    (r) => y(r) && r.type === s ? /* @__PURE__ */ o(
+      s,
+      {
+        name: m,
+        checked: r.props.value === v,
+        variant: u || r.props.variant,
+        size: n,
+        disabled: c,
+        onChange: t,
+        ...r.props
+      }
+    ) : null
+  ) });
+};
+export {
+  k as RadioGroup
+};

package/dist/components/Radio/RadioGroup/RadioGroup.module.css.js

@@ -0,0 +1,11 @@
+const o = "_root_125jx_1", t = "_horizontal_125jx_5", r = "_vertical_125jx_11", _ = {
+  root: o,
+  horizontal: t,
+  vertical: r
+};
+export {
+  _ as default,
+  t as horizontal,
+  o as root,
+  r as vertical
+};

package/dist/components/Radio/RadioGroup/RadioGroup.types.js

@@ -0,0 +1 @@
+

package/dist/components/Rating/Rating.js

@@ -0,0 +1,43 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useState as g } from "react";
+import r from "./Rating.module.css.js";
+import { getRatingStyles as M } from "./Rating.utils.js";
+import { SolidSystemStar as n } from "../../icons/components/SolidSystemStar.js";
+import { OutlineSystemStar as N } from "../../icons/components/OutlineSystemStar.js";
+import { classNames as i } from "../../utils/class-names.js";
+const k = ({
+  size: m = "s",
+  variant: a = "solid",
+  value: c,
+  onChange: u,
+  className: d,
+  filledIcon: f,
+  defaultIcon: p
+}) => {
+  const [s, l] = g(null), S = Array.from({ length: 5 }, (e, t) => t + 1), h = (e) => l(e), v = () => l(null), y = (e) => e ? f || /* @__PURE__ */ o(n, {}) : p || (a === "solid" ? /* @__PURE__ */ o(n, {}) : /* @__PURE__ */ o(N, {}));
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: i(r.root, d),
+      style: M(m),
+      children: /* @__PURE__ */ o("div", { className: r.stars, children: S.map((e) => {
+        const t = s !== null ? e <= s : e <= c;
+        return /* @__PURE__ */ o(
+          "div",
+          {
+            role: "button",
+            className: i(r.star, t && r.filled),
+            onClick: () => u(e),
+            onMouseEnter: () => h(e),
+            onMouseLeave: v,
+            children: y(t)
+          },
+          e
+        );
+      }) })
+    }
+  );
+};
+export {
+  k as Rating
+};

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

@@ -0,0 +1,13 @@
+const s = "_root_dej42_1", t = "_stars_dej42_23", o = "_star_dej42_23", _ = "_filled_dej42_54", e = {
+  root: s,
+  stars: t,
+  star: o,
+  filled: _
+};
+export {
+  e as default,
+  _ as filled,
+  s as root,
+  o as star,
+  t as stars
+};

package/dist/components/Rating/Rating.types.js

@@ -0,0 +1 @@
+

package/dist/components/Rating/Rating.utils.js

@@ -0,0 +1,9 @@
+const i = (n) => ({
+  "--rating-icon-container-height": `var(--rating-icon-container-height-${n})`,
+  "--rating-icon-container-width": `var(--rating-icon-container-width-${n})`,
+  "--rating-icon-height": `var(--rating-icon-height-${n})`,
+  "--rating-icon-width": `var(--rating-icon-width-${n})`
+});
+export {
+  i as getRatingStyles
+};

package/dist/components/RemoveScroll/RemoveScroll.js

@@ -0,0 +1,15 @@
+import { jsx as i, Fragment as r } from "react/jsx-runtime";
+import { useEffect as l } from "react";
+const s = ({
+  enabled: o = !0,
+  children: e
+}) => (l(() => {
+  if (!o) return;
+  const d = document.body.style.overflow, n = document.body.style.paddingRight, t = window.innerWidth - document.documentElement.clientWidth;
+  return t > 0 && (document.body.style.paddingRight = `${t}px`), document.body.style.overflow = "hidden", () => {
+    document.body.style.overflow = d, document.body.style.paddingRight = n;
+  };
+}, [o]), /* @__PURE__ */ i(r, { children: e }));
+export {
+  s as RemoveScroll
+};

package/dist/components/Search/Search.js

@@ -0,0 +1,44 @@
+import { jsx as e } from "react/jsx-runtime";
+import r from "./Search.module.css.js";
+import { variantResolver as h } from "./Search.utils.js";
+import { Field as u } from "../Field/Field.js";
+import { classNames as m } from "../../utils/class-names.js";
+import { OutlineSystemSearch as y } from "../../icons/components/OutlineSystemSearch.js";
+const j = ({
+  disabled: s,
+  style: l,
+  variant: o = "primary",
+  withIcon: a = !0,
+  fullWidth: t = !0,
+  keepLabel: i = !1,
+  proportions: c = "m",
+  className: f,
+  ...d
+}) => {
+  const n = m(
+    r.root,
+    f,
+    t && r.fullWidth
+  ), p = m(
+    r.root,
+    r.search,
+    o == "filled" && r.borderNone,
+    s && r.disabled
+  );
+  return /* @__PURE__ */ e("div", { style: h(o, l), className: n, children: /* @__PURE__ */ e(
+    u,
+    {
+      fullWidth: t,
+      className: p,
+      bordered: !1,
+      leftIcon: a && /* @__PURE__ */ e(y, {}),
+      disabled: s,
+      keepLabel: i,
+      proportions: c,
+      ...d
+    }
+  ) });
+};
+export {
+  j as Search
+};

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

@@ -0,0 +1,15 @@
+const o = "_root_dkqhi_1", d = "_search_dkqhi_37", e = "_disabled_dkqhi_44", s = "_borderNone_dkqhi_59", t = "_fullWidth_dkqhi_63", _ = {
+  root: o,
+  search: d,
+  disabled: e,
+  borderNone: s,
+  fullWidth: t
+};
+export {
+  s as borderNone,
+  _ as default,
+  e as disabled,
+  t as fullWidth,
+  o as root,
+  d as search
+};

package/dist/components/Search/Search.types.js

@@ -0,0 +1 @@
+

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

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

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

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,11 @@
+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.js

@@ -0,0 +1,40 @@
+import { jsx as l } from "react/jsx-runtime";
+import o from "./SegmentedControl.module.css.js";
+import { getSegmentedControlStyles as g } from "./SegmentedControl.utils.js";
+import { Tab as S } from "../Tab/Tab.js";
+import { classNames as h } from "../../utils/class-names.js";
+const N = ({
+  className: r,
+  tabs: m,
+  value: a,
+  defaultValue: n,
+  onChange: i,
+  rounded: s = !1,
+  size: t = "m",
+  variant: c = "primary",
+  fullWidth: d = !1,
+  disabled: f = !1
+}) => {
+  const p = h(
+    o.root,
+    d && o.fullWidth,
+    r
+  ), u = g(t, s), y = a || n;
+  return /* @__PURE__ */ l("div", { className: p, style: { ...u }, children: m?.map((e) => /* @__PURE__ */ l(
+    S,
+    {
+      rounded: s,
+      size: t,
+      variant: c,
+      checked: y === e.value,
+      onChange: i,
+      disabled: f || e.disabled,
+      selectionType: "single",
+      ...e
+    },
+    String(e.value)
+  )) });
+};
+export {
+  N as SegmentedControl
+};

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

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

@@ -0,0 +1 @@
+

package/dist/components/SegmentedControl/SegmentedControl.utils.js

@@ -0,0 +1,22 @@
+import { getSize as n } from "../../utils/get-size.js";
+const r = (e, t) => ({
+  "--segmented-control-border-radius": n(
+    `${e}${t ? "-rounded" : ""}`,
+    "segmented-control-border-radius"
+  ),
+  "--segmented-control-spacing-horizontal": n(
+    e,
+    "segmented-control-spacing-horizontal"
+  ),
+  "--segmented-control-spacing-vertical": n(
+    e,
+    "segmented-control-spacing-vertical"
+  ),
+  "--segmented-control-spacing-between": n(
+    e,
+    "segmented-control-spacing-between"
+  )
+});
+export {
+  r as getSegmentedControlStyles
+};

package/dist/components/Select/Select.js

@@ -0,0 +1,140 @@
+import { jsxs as Y, jsx as n } from "react/jsx-runtime";
+import { useState as v, useMemo as L, useEffect as Z } from "react";
+import c from "./Select.module.css.js";
+import { isObjectValue as _, getFieldValue as S, restoreSearchValue as w } from "./Select.utils.js";
+import { Popover as f } from "../Popover/Popover.js";
+import { Input as $ } from "../Input/Input.js";
+import { ListItem as b } from "../ListItem/ListItem.js";
+import { classNames as I } from "../../utils/class-names.js";
+import { OutlineNavigationChevronDownSmall as ee } from "../../icons/components/OutlineNavigationChevronDownSmall.js";
+const ue = ({
+  onChange: d,
+  value: t,
+  onSearch: N,
+  onSearchList: O,
+  className: x,
+  fullWidth: g = !0,
+  style: D,
+  id: j,
+  name: T,
+  searchValue: y,
+  searchPlaceholder: A,
+  customNoOptionsText: F,
+  isCenteredContent: M,
+  itemClassName: k,
+  hasSearch: E,
+  options: r = [],
+  proportions: C = "m",
+  keepLabel: p,
+  filterable: i = !0,
+  showClearIcon: P = !0,
+  isLoading: R,
+  onBlur: W,
+  disabled: h,
+  disableClientFilter: V = !1,
+  ...q
+}) => {
+  const [s, u] = v(!1), o = L(
+    () => _(t) ? t.value : t,
+    [t]
+  ), [m, l] = v(""), z = I(
+    g && c.fullWidth,
+    h && c.disabled,
+    x
+  ), B = I(
+    s && c.chevronActive,
+    c.chevron
+  ), G = L(() => !i || V || S(r, o) === m ? r : r.filter(
+    (e) => e.label.toLowerCase().includes(m.toLowerCase())
+  ), [
+    i,
+    V,
+    r,
+    o,
+    m
+  ]), H = () => {
+    d(null, null), l("");
+  }, J = () => {
+    h || u((e) => !e);
+  }, K = (e) => {
+    const { value: a } = e.target;
+    l(a), N?.(a, e), !s && i && u(!0);
+  }, Q = () => {
+    const e = w(
+      t,
+      r,
+      o
+    );
+    l(e), u(!1);
+  }, U = (e, a) => {
+    d(e, a), l(S(r, e)), u(!1);
+  }, X = (e, a) => {
+    O?.(e, a);
+  };
+  return Z(() => {
+    if (!s) {
+      const e = w(
+        t,
+        r,
+        o
+      );
+      l(e);
+    }
+  }, [r, s, o, t]), /* @__PURE__ */ Y(
+    f,
+    {
+      width: "trigger",
+      isOpen: s,
+      onClose: Q,
+      children: [
+        /* @__PURE__ */ n(f.Trigger, { className: z, style: D, onBlur: W, children: /* @__PURE__ */ n(
+          $,
+          {
+            fullWidth: !0,
+            onClear: P ? H : void 0,
+            value: m,
+            proportions: C,
+            keepLabelFixed: s && !p,
+            rightIcon: /* @__PURE__ */ n(
+              ee,
+              {
+                onMouseDown: (e) => e.preventDefault(),
+                "aria-label": "Toggle dropdown",
+                className: B
+              }
+            ),
+            onFieldClick: J,
+            onChange: K,
+            readOnly: !i,
+            id: j,
+            name: T,
+            keepLabel: p,
+            disabled: h,
+            ...q
+          }
+        ) }),
+        /* @__PURE__ */ n(f.Dropdown, { className: c.root, children: /* @__PURE__ */ n(
+          b,
+          {
+            isLoading: R,
+            values: o,
+            onChangeList: U,
+            options: G,
+            fullWidth: g,
+            proportions: C === "l" ? "l" : "m",
+            searchPlaceholder: A,
+            searchValue: y,
+            itemClassName: k,
+            isCenteredContent: M,
+            customNoOptionsText: F,
+            onSearch: X,
+            hasSearch: E
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  ue as Select
+};

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

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

@@ -0,0 +1 @@
+

package/dist/components/Select/Select.utils.js

@@ -0,0 +1,6 @@
+const l = (e, t) => e.find((r) => r.value === t)?.label || "", n = (e) => typeof e == "object" && e !== null && "value" in e, u = (e, t, r) => n(e) ? e.label || "" : l(t, r);
+export {
+  l as getFieldValue,
+  n as isObjectValue,
+  u as restoreSearchValue
+};