@baishuyun/ui-base 2.0.0 → 2.1.0

package/dist/Card/{Card-DMXtN2pu.js → Card-CXULQNHa.js}

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as c } from "react/jsx-runtime";
 import { useState as l } from "react";
 import { c as n } from "../vendors/clsx-OuTLNxxd.js";
-import { I as p } from "../Icon/Icon-C0bjP9U6.js";
+import { I as p } from "../Icon/Icon-BlkVlKDd.js";
 const _ = {
   "bsy-card": "_bsy-card_myftj_1",
   "bsy-card__header": "_bsy-card__header_myftj_6",

package/dist/Card/index.js

@@ -1,4 +1,4 @@
-import { C as f } from "./Card-DMXtN2pu.js";
+import { C as f } from "./Card-CXULQNHa.js";
 export {
   f as default
 };

package/dist/CheckBox/CheckBox-Bu40TO29.js

@@ -0,0 +1,84 @@
+import { jsxs as m, jsx as l } from "react/jsx-runtime";
+import { createContext as B, forwardRef as E, useContext as R } from "react";
+import { I as j } from "../Icon/Icon-BlkVlKDd.js";
+import { c as i } from "../vendors/clsx-OuTLNxxd.js";
+import { u as O } from "../vendors/lodash-es-CZfJRWhO.js";
+const P = B(null), V = "_checkbox_vheru_1", q = "_checkbox__inner_vheru_32", o = {
+  checkbox: V,
+  "checkbox--checked": "_checkbox--checked_vheru_12",
+  "checkbox--unchecked": "_checkbox--unchecked_vheru_16",
+  "checkbox--indeterminate": "_checkbox--indeterminate_vheru_23",
+  "checkbox--disabled": "_checkbox--disabled_vheru_27",
+  checkbox__inner: q,
+  "checkbox__inner--disabled": "_checkbox__inner--disabled_vheru_38"
+}, z = ({ isChecked: c = !1, indeterminate: a = !1, disabled: h = !1 }) => {
+  const n = a ? "indeterminate" : c ? "checked" : "unchecked", s = i(o.checkbox, {
+    [o["checkbox--checked"]]: !h && n === "checked",
+    [o["checkbox--unchecked"]]: !h && n === "unchecked",
+    [o["checkbox--indeterminate"]]: !h && n === "indeterminate",
+    [o["checkbox--disabled"]]: h
+  }), b = i(o.checkbox__inner, {
+    [o["checkbox__inner--disabled"]]: h
+  });
+  return /* @__PURE__ */ m("div", { className: s, children: [
+    n === "checked" && /* @__PURE__ */ l(j, { name: "checkthebox", color: h ? "#b8b8b8" : "#fff" }),
+    n === "indeterminate" && /* @__PURE__ */ l("div", { className: b })
+  ] });
+};
+var v = /* @__PURE__ */ ((c) => (c.NONE = "none", c.HORIZONTAL = "horizontal", c.VERTICAL = "vertical", c))(v || {});
+const t = {
+  "bsy-checkbox": "_bsy-checkbox_1372g_1",
+  "bsy-checkbox--full-width": "_bsy-checkbox--full-width_1372g_8",
+  "bsy-checkbox__button--left-label": "_bsy-checkbox__button--left-label_1372g_45"
+}, $ = E((c, a) => {
+  var r;
+  const {
+    checked: h,
+    indeterminate: n = !1,
+    onChange: s,
+    value: b = O("checkbox"),
+    disabled: d = !1,
+    children: y,
+    style: N,
+    labelPosition: I = "right"
+  } = c, e = R(P), k = e ? (r = e.value) == null ? void 0 : r.includes(b) : h, w = (x) => {
+    var u;
+    if (!(d || e != null && e.disabled))
+      if (e) {
+        const f = x ? [...e.value || [], b] : (e.value || []).filter((C) => C !== b);
+        f && ((u = e.onChange) == null || u.call(e, f));
+      } else
+        s == null || s(x);
+  }, _ = d || (e == null ? void 0 : e.disabled);
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: i(t["bsy-checkbox"], {
+        [t["bsy-checkbox--full-width"]]: (e == null ? void 0 : e.layout) === v.NONE || !(e != null && e.layout)
+      }),
+      onClick: () => w(!k),
+      style: N,
+      children: [
+        /* @__PURE__ */ l(
+          "div",
+          {
+            ref: a,
+            role: "checkbox",
+            "aria-checked": n ? "mixed" : k,
+            tabIndex: _ ? -1 : 0,
+            className: i({
+              [t["bsy-checkbox__button--left-label"]]: I === "left"
+            }),
+            children: /* @__PURE__ */ l(z, { indeterminate: n, isChecked: k, disabled: _ })
+          }
+        ),
+        y
+      ]
+    }
+  );
+});
+export {
+  $ as B,
+  P as C,
+  v as L
+};

package/dist/CheckBox/index.js

@@ -0,0 +1,37 @@
+import { L as o, C as c, B as u } from "./CheckBox-Bu40TO29.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useControllableValue as n } from "ahooks";
+import { c as f } from "../vendors/clsx-OuTLNxxd.js";
+const m = ({
+  disabled: r,
+  layout: e = o.NONE,
+  children: l,
+  ...s
+}) => {
+  const [p, t] = n(s, {
+    defaultValue: [],
+    valuePropName: "value",
+    defaultValuePropName: "defaultValue",
+    trigger: "onChange"
+  }), x = f("flex", {
+    "flex-col": e === o.NONE,
+    "flex-col gap-[10px]": e === o.VERTICAL,
+    "flex-row gap-y-[10px] gap-x-[20px] flex-wrap": e === o.HORIZONTAL
+  });
+  return /* @__PURE__ */ a(
+    c.Provider,
+    {
+      value: {
+        value: p,
+        onChange: t,
+        disabled: r,
+        layout: e
+      },
+      children: /* @__PURE__ */ a("div", { className: x, children: l })
+    }
+  );
+}, C = u;
+C.Group = m;
+export {
+  C as default
+};

package/dist/ColorPicker/ColorPicker-CwFsihkL.js

@@ -0,0 +1,207 @@
+import { jsx as r, jsxs as b, Fragment as S } from "react/jsx-runtime";
+import { ColorPicker as O } from "antd";
+import { AnimatePresence as R, motion as w } from "motion/react";
+import { useFloating as A, offset as F, flip as I, shift as x, useClick as E, useDismiss as L, useInteractions as T, FloatingPortal as V } from "@floating-ui/react";
+import { useState as p, isValidElement as j, cloneElement as B, useRef as D } from "react";
+import { useControllableValue as G } from "ahooks";
+import { I as u } from "../Icon/Icon-BlkVlKDd.js";
+import { u as y, P as M } from "../vendors/index-ByQkttKA.js";
+import { c as $ } from "../vendors/clsx-OuTLNxxd.js";
+import { t as k } from "../vendors/tinycolor2-Begv3Jc8.js";
+import { b as d, c as q } from "../vendors/lodash-es-CZfJRWhO.js";
+const z = [
+  "rgba(240, 102, 72, 1)",
+  // #F06648
+  "rgba(255, 197, 2, 1)",
+  // #FFC502
+  "rgba(74, 204, 140, 1)",
+  // #4ACC8C
+  "rgba(74, 192, 236, 1)",
+  // #4AC0EC
+  "rgba(255, 153, 33, 1)",
+  // #ff9921
+  "rgba(101, 101, 101, 1)",
+  // #656565
+  "rgba(255, 156, 136, 1)",
+  // #ff9c88
+  "rgba(98, 98, 206, 1)",
+  // #6262ce
+  "rgba(241, 104, 182, 1)",
+  // #f168b6
+  "rgba(55, 103, 241, 1)",
+  // #3767f1
+  "rgba(162, 206, 30, 1)",
+  // #a2ce1e
+  "rgba(179, 179, 179, 1)",
+  // #b3b3b3
+  "rgba(0, 0, 0, 1)",
+  // #000000
+  "rgba(102, 102, 102, 1)",
+  // #666
+  "rgba(153, 153, 153, 1)",
+  // #999
+  "rgba(194, 194, 194, 1)",
+  // #c2c2c2
+  "rgba(224, 224, 224, 1)",
+  // #e0e0e0
+  "rgba(77, 96, 159, 1)"
+  // #4d609f
+], H = (e = "bottom-start") => {
+  const [o, t] = p(!1), { refs: i, floatingStyles: c, context: a } = A({
+    open: o,
+    onOpenChange: t,
+    placement: e,
+    middleware: [
+      F(4),
+      // 浮层与触发器间距
+      I(),
+      // 超出边界时自动翻转
+      x({ padding: 8 })
+      // 自动避开边界
+    ]
+  }), n = E(a), _ = L(a), { getReferenceProps: l, getFloatingProps: m } = T([n, _]);
+  return {
+    isOpen: o,
+    refs: i,
+    floatingStyles: c,
+    getReferenceProps: l,
+    getFloatingProps: m,
+    setIsOpen: t
+  };
+}, s = {
+  "bsy-color-picker__floating": "_bsy-color-picker__floating_1kfi6_1",
+  "bsy-color-picker__content": "_bsy-color-picker__content_1kfi6_4",
+  "bsy-color-picker__grid": "_bsy-color-picker__grid_1kfi6_11",
+  "bsy-color-picker__preset-colors-title": "_bsy-color-picker__preset-colors-title_1kfi6_15",
+  "bsy-color-picker__preset-colors-grid": "_bsy-color-picker__preset-colors-grid_1kfi6_19",
+  "bsy-color-picker__preset-colors-item": "_bsy-color-picker__preset-colors-item_1kfi6_24",
+  "bsy-color-picker__custom-color-title": "_bsy-color-picker__custom-color-title_1kfi6_47",
+  "bsy-color-picker__custom-color-btn": "_bsy-color-picker__custom-color-btn_1kfi6_51",
+  "bsy-color-picker__custom-color-btn--active": "_bsy-color-picker__custom-color-btn--active_1kfi6_61",
+  "bsy-color-picker__custom-color-btn--preview": "_bsy-color-picker__custom-color-btn--preview_1kfi6_65",
+  "bsy-color-picker__custom-color-content": "_bsy-color-picker__custom-color-content_1kfi6_68",
+  "bsy-color-picker__check-icon": "_bsy-color-picker__check-icon_1kfi6_72"
+}, f = (e, o) => {
+  if (d(e) || d(o))
+    return !1;
+  const t = k(e).toRgbString(), i = k(o).toRgbString();
+  return t === i;
+}, C = ({
+  currentColor: e,
+  onColorSelect: o,
+  options: t,
+  style: i
+}) => /* @__PURE__ */ r("div", { className: s["bsy-color-picker__preset-colors-grid"], style: i, children: t.map((c) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: s["bsy-color-picker__preset-colors-item"],
+    style: {
+      backgroundColor: c,
+      "--hover-color": k(c).setAlpha(0.5).toRgbString()
+    },
+    onClick: () => o(c),
+    children: f(e, c) && /* @__PURE__ */ r(u, { name: "checkthebox", className: s["bsy-color-picker__check-icon"] })
+  },
+  c
+)) }), J = (e) => {
+  const { children: o, placement: t = "bottom-start", disabled: i = !1, presetColors: c } = e, { t: a } = y(), [n, _] = G(e, {
+    defaultValue: e.value
+  }), { isOpen: l, refs: m, floatingStyles: h, getReferenceProps: v, getFloatingProps: P } = H(t), N = j(o) ? B(o, {
+    ...v(),
+    // @ts-ignore
+    ref: m.setReference,
+    disabled: i
+  }) : o, g = q(c) && c.length ? c : z;
+  return /* @__PURE__ */ b(S, { children: [
+    N,
+    /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(R, { children: l && /* @__PURE__ */ r(
+      "div",
+      {
+        ref: m.setFloating,
+        style: h,
+        ...P(),
+        className: s["bsy-color-picker__floating"],
+        children: /* @__PURE__ */ r(w.div, { ...M, children: /* @__PURE__ */ r("div", { className: s["bsy-color-picker__content"], children: /* @__PURE__ */ b("div", { className: s["bsy-color-picker__grid"], children: [
+          /* @__PURE__ */ b("div", { className: s["bsy-color-picker__preset-colors"], children: [
+            /* @__PURE__ */ r("div", { className: s["bsy-color-picker__preset-colors-title"], children: a("presetColors") }),
+            /* @__PURE__ */ r(
+              C,
+              {
+                currentColor: n,
+                onColorSelect: _,
+                options: g
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(
+            K,
+            {
+              value: n,
+              onChange: _,
+              options: g
+            }
+          )
+        ] }) }) })
+      }
+    ) }) })
+  ] });
+}, K = (e) => {
+  const [o, t] = p(), [i, c] = p(!1), a = e.options.some((l) => f(l, e.value)), n = D(a ? [] : [e.value]), { t: _ } = y();
+  return /* @__PURE__ */ b("div", { className: s["bsy-color-picker__custom-color"], children: [
+    /* @__PURE__ */ r("div", { className: s["bsy-color-picker__custom-color-title"], children: _("customColor") }),
+    /* @__PURE__ */ b("div", { className: s["bsy-color-picker__custom-color-content"], children: [
+      /* @__PURE__ */ r(
+        O,
+        {
+          value: o,
+          onChange: (l) => t(l.toRgbString()),
+          open: i,
+          onOpenChange: (l) => {
+            c(l), !l && o && (n.current.includes(o) || n.current.unshift(o), e.onChange(o), t(void 0));
+          },
+          children: /* @__PURE__ */ r(
+            "div",
+            {
+              className: $(s["bsy-color-picker__custom-color-btn"], {
+                [s["bsy-color-picker__custom-color-btn--active"]]: i && !o,
+                [s["bsy-color-picker__custom-color-btn--preview"]]: !!o
+              }),
+              role: "button",
+              style: {
+                backgroundColor: o || void 0
+              },
+              onClick: () => {
+                c(!0);
+              },
+              children: /* @__PURE__ */ r(
+                u,
+                {
+                  name: "add",
+                  style: {
+                    visibility: o ? "hidden" : "visible"
+                  }
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r(
+        C,
+        {
+          currentColor: e.value,
+          onColorSelect: e.onChange,
+          options: n.current.slice(0, 5),
+          style: {
+            gridTemplateColumns: "repeat(5, 1fr)"
+          }
+        }
+      )
+    ] })
+  ] });
+};
+J.displayName = "BsyColorPicker";
+export {
+  J as C,
+  z as a
+};

package/dist/ColorPicker/index.js

@@ -1,4 +1,4 @@
-import { a as e, C as f } from "./ColorPicker-CpPLwHR2.js";
+import { a as e, C as f } from "./ColorPicker-CwFsihkL.js";
 export {
   e as COLOR_OPTIONS_RGBA,
   f as default

package/dist/Icon/{Icon-C0bjP9U6.js → Icon-BlkVlKDd.js}

@@ -1,6 +1,6 @@
 import { jsx as p } from "react/jsx-runtime";
 import { createFromIconfontCN as e } from "@ant-design/icons";
-import { i as a } from "../vendors/lodash-es-DP1ViCXF.js";
+import { a } from "../vendors/lodash-es-CZfJRWhO.js";
 const f = e({
   scriptUrl: "https://at.alicdn.com/t/c/font_4786625_jgu2jvbpehp.js"
 }), I = ({ name: o, style: n, className: r, onClick: c, color: s, size: t = 16 }) => {

package/dist/Icon/index.js

@@ -1,4 +1,4 @@
-import { I as f } from "./Icon-C0bjP9U6.js";
+import { I as f } from "./Icon-BlkVlKDd.js";
 export {
   f as default
 };

package/dist/InputTag/index.js

@@ -2,9 +2,9 @@ import { jsxs as C, jsx as l } from "react/jsx-runtime";
 import { useControllableValue as A } from "ahooks";
 import { useState as S, useLayoutEffect as k, useRef as p, useEffect as D } from "react";
 import { c as h } from "../vendors/clsx-OuTLNxxd.js";
-import { I as M } from "../Icon/Icon-C0bjP9U6.js";
+import { I as M } from "../Icon/Icon-BlkVlKDd.js";
 import { motion as O } from "motion/react";
-import { S as V } from "../vendors/simplebar-react-svBEsTVC.js";
+import { S as V } from "../vendors/simplebar-react-Bf9Zq-21.js";
 const g = {
   "bsy-inputTag": "_bsy-inputTag_46spj_11",
   "bsy-inputTag__container": "_bsy-inputTag__container_46spj_22",

package/dist/Modal/{Modal-C1LEJ6Y0.js → Modal-BZTEGGa0.js}

@@ -2,7 +2,7 @@ import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import { useControllableValue as c } from "ahooks";
 import { Modal as r } from "antd";
 import { useState as u } from "react";
-import { I as n } from "../Icon/Icon-C0bjP9U6.js";
+import { I as n } from "../Icon/Icon-BlkVlKDd.js";
 const f = "_modal__title_klsxr_1", b = "_modal__button_groups_klsxr_18", h = "_modal__button_klsxr_18", g = "_modal__icon_klsxr_38", l = {
   modal__title: f,
   modal__button_groups: b,

package/dist/Modal/index.js

@@ -1,4 +1,4 @@
-import { M as f } from "./Modal-C1LEJ6Y0.js";
+import { M as f } from "./Modal-BZTEGGa0.js";
 export {
   f as default
 };

package/dist/NotFoundContent/NotFoundContent-h0-oIXlk.js

@@ -0,0 +1,6 @@
+import { jsx as t } from "react/jsx-runtime";
+const o = ({ text: e, className: n = "" }) => /* @__PURE__ */ t("div", { className: `text-center text-sm line-height-normal text-[#999] py-[7px] ${n}`, children: /* @__PURE__ */ t("span", { children: e }) });
+o.displayName = "BsyNotFoundContent";
+export {
+  o as N
+};

package/dist/NotFoundContent/index.js

@@ -0,0 +1,4 @@
+import { N as n } from "./NotFoundContent-h0-oIXlk.js";
+export {
+  n as NotFoundContent
+};

package/dist/Radio/index.js

@@ -0,0 +1,105 @@
+import { jsxs as E, jsx as t } from "react/jsx-runtime";
+import { createContext as I, forwardRef as O, useContext as P } from "react";
+import { c as n } from "../vendors/clsx-OuTLNxxd.js";
+import { u as w } from "../vendors/lodash-es-CZfJRWhO.js";
+import { useControllableValue as z } from "ahooks";
+const N = I(null);
+var o = /* @__PURE__ */ ((i) => (i.NONE = "none", i.HORIZONTAL = "horizontal", i.VERTICAL = "vertical", i))(o || {});
+const s = {
+  "bsy-radio": "_bsy-radio_q02xg_1",
+  "bsy-radio--disabled": "_bsy-radio--disabled_q02xg_8",
+  "bsy-radio--full-width": "_bsy-radio--full-width_q02xg_11",
+  "bsy-radio__input": "_bsy-radio__input_q02xg_14",
+  "bsy-radio__input--checked": "_bsy-radio__input--checked_q02xg_38",
+  "bsy-radio__input--disabled": "_bsy-radio__input--disabled_q02xg_45",
+  "bsy-radio__label": "_bsy-radio__label_q02xg_60",
+  "bsy-radio__label--left": "_bsy-radio__label--left_q02xg_65",
+  "bsy-radio-group": "_bsy-radio-group_q02xg_75",
+  "bsy-radio-group--none": "_bsy-radio-group--none_q02xg_78",
+  "bsy-radio-group--vertical": "_bsy-radio-group--vertical_q02xg_81",
+  "bsy-radio-group--horizontal": "_bsy-radio-group--horizontal_q02xg_85"
+}, g = O((i, e) => {
+  const {
+    checked: c,
+    onChange: d,
+    value: l = w("radio"),
+    disabled: r = !1,
+    children: _,
+    style: u,
+    labelPosition: y = "right",
+    className: p
+  } = i, a = P(N), b = a ? a.value === l : c, q = () => {
+    var f, m;
+    r || a != null && a.disabled || (a ? b ? (m = a.onDeselect) == null || m.call(a, l) : (f = a.onChange) == null || f.call(a, l) : d == null || d(!b));
+  }, h = r || (a == null ? void 0 : a.disabled), R = (a == null ? void 0 : a.layout) === o.NONE || !(a != null && a.layout), k = n(
+    s["bsy-radio"],
+    {
+      [s["bsy-radio--disabled"]]: h,
+      [s["bsy-radio--full-width"]]: R
+    },
+    p
+  ), x = n(s["bsy-radio__input"], {
+    [s["bsy-radio__input--checked"]]: b,
+    [s["bsy-radio__input--disabled"]]: h
+  }), V = n(s["bsy-radio__label"], {
+    [s["bsy-radio__label--left"]]: y === "left"
+  });
+  return /* @__PURE__ */ E("div", { role: "radio", className: k, onClick: q, style: u, children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ref: e,
+        role: "radio",
+        "aria-checked": b,
+        tabIndex: h ? -1 : 0,
+        className: x,
+        "data-layout": a == null ? void 0 : a.layout
+      }
+    ),
+    _ && /* @__PURE__ */ t("span", { className: V, children: _ })
+  ] });
+});
+g.displayName = "BsyRadio";
+const v = ({
+  disabled: i,
+  layout: e = o.NONE,
+  children: c,
+  className: d,
+  style: l,
+  onDeselect: r,
+  ..._
+}) => {
+  const [u, y] = z(_, {
+    defaultValue: "",
+    valuePropName: "value",
+    defaultValuePropName: "defaultValue",
+    trigger: "onChange"
+  }), p = n(
+    s["bsy-radio-group"],
+    {
+      [s["bsy-radio-group--none"]]: e === o.NONE,
+      [s["bsy-radio-group--vertical"]]: e === o.VERTICAL,
+      [s["bsy-radio-group--horizontal"]]: e === o.HORIZONTAL
+    },
+    d
+  );
+  return /* @__PURE__ */ t(
+    N.Provider,
+    {
+      value: {
+        value: u,
+        onChange: y,
+        disabled: i,
+        layout: e,
+        onDeselect: r
+      },
+      children: /* @__PURE__ */ t("div", { className: p, style: l, children: c })
+    }
+  );
+};
+v.displayName = "BsyRadioGroup";
+const G = g;
+G.Group = v;
+export {
+  G as default
+};

package/dist/Segmented/Segmented-UgzW78Ey.js

@@ -0,0 +1,75 @@
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { useState as b, useRef as g, useCallback as C, useLayoutEffect as N } from "react";
+import { motion as w } from "motion/react";
+import { c as y } from "../vendors/clsx-OuTLNxxd.js";
+import { useControllableValue as x } from "ahooks";
+const t = {
+  "bsy-segmented": "_bsy-segmented_ia83v_1",
+  "bsy-segmented--block": "_bsy-segmented--block_ia83v_12",
+  "bsy-segmented__item": "_bsy-segmented__item_ia83v_17",
+  "bsy-segmented__item--disabled": "_bsy-segmented__item--disabled_ia83v_31",
+  "bsy-segmented__item--block": "_bsy-segmented__item--block_ia83v_36",
+  "bsy-segmented__item--active": "_bsy-segmented__item--active_ia83v_44",
+  "bsy-segmented__item--inactive": "_bsy-segmented__item--inactive_ia83v_48",
+  "bsy-segmented__slider": "_bsy-segmented__slider_ia83v_53"
+}, A = (c) => {
+  const { options: d, block: i = !1, disabled: l = !1 } = c, [m, u] = x(c), [v, f] = b({ width: 0, left: 0 }), [k, p] = b(!1), n = g(null), a = g(/* @__PURE__ */ new Map()), _ = C(() => {
+    const e = a.current.get(m), s = n.current;
+    if (e && s) {
+      const R = s.getBoundingClientRect(), r = e.getBoundingClientRect();
+      f({
+        width: r.width,
+        left: r.left - R.left
+      });
+    }
+  }, [m]);
+  return N(() => {
+    _();
+    const e = new ResizeObserver(_);
+    return n.current && e.observe(n.current), () => {
+      e.disconnect();
+    };
+  }, [_]), /* @__PURE__ */ h(
+    "div",
+    {
+      ref: n,
+      className: y(t["bsy-segmented"], i && t["bsy-segmented--block"]),
+      style: i ? { gridTemplateColumns: `repeat(${d.length}, 1fr)` } : void 0,
+      children: [
+        /* @__PURE__ */ o(
+          w.div,
+          {
+            className: t["bsy-segmented__slider"],
+            animate: v,
+            transition: k ? { type: "spring", stiffness: 350, damping: 35 } : { duration: 0 }
+          }
+        ),
+        d.map((e) => /* @__PURE__ */ o(
+          "button",
+          {
+            ref: (s) => {
+              s ? a.current.set(e.value, s) : a.current.delete(e.value);
+            },
+            onClick: () => {
+              l || (u(e.value), p(!0));
+            },
+            className: y(
+              t["bsy-segmented__item"],
+              i && t["bsy-segmented__item--block"],
+              m === e.value ? t["bsy-segmented__item--active"] : t["bsy-segmented__item--inactive"],
+              {
+                [t["bsy-segmented__item--disabled"]]: l
+              }
+            ),
+            children: e.label
+          },
+          e.value
+        ))
+      ]
+    }
+  );
+};
+A.displayName = "BsySegmented";
+export {
+  A as S
+};

package/dist/Segmented/index.js

@@ -0,0 +1,4 @@
+import { S as f } from "./Segmented-UgzW78Ey.js";
+export {
+  f as default
+};