@companix/uikit 0.1.42 → 0.1.44

package/dist/bundle.es18.js

@@ -1,23 +1,109 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Scrollable as n } from "./bundle.es8.js";
-const s = ({
-  children: o,
-  maxHeight: t,
-  scrollboxRef: i,
-  optionsWrapperRef: e
-}) => /* @__PURE__ */ r(
-  n,
-  {
-    ref: i,
-    implementation: "inner",
-    padding: 10,
-    thumbPadding: 3,
-    thumbColor: "#0000002b",
-    maxHeight: t,
-    scrollY: !0,
-    children: /* @__PURE__ */ r("div", { className: "option-list", ref: e, children: o })
+import { jsx as i } from "react/jsx-runtime";
+import b from "classnames";
+import { forwardRef as G, useRef as H } from "react";
+import { mergeRefs as J } from "react-merge-refs";
+import { NumericFormat as K } from "react-number-format";
+import { faPlus as L, faMinus as O } from "@companix/icons-solid";
+import { getFloatDigits as Q, normalize as a } from "@companix/utils-js";
+import { InputContainer as T } from "./bundle.es70.js";
+import { Icon as x } from "./bundle.es37.js";
+const tt = G(
+  ({
+    onChange: I,
+    onValueChange: c,
+    value: t,
+    placeholder: R,
+    min: r,
+    max: e,
+    step: p = 1,
+    thousandSeparator: g,
+    decimalSeparator: h,
+    allowedDecimalSeparators: N,
+    thousandsGroupStyle: y,
+    decimalScale: f,
+    fixedDecimalScale: z,
+    allowNegative: C = (r ?? 0) < 0,
+    allowLeadingZeros: D,
+    suffix: k,
+    prefix: B,
+    inputClassName: E,
+    inputRef: F,
+    disabled: s,
+    onBlur: j,
+    className: w,
+    ...M
+  }, P) => {
+    const u = H(null), m = f ?? Q(String(p)), l = (n) => {
+      let o = n;
+      return r !== void 0 && o < r && (o = r), e !== void 0 && o > e && (o = e), a(o, m);
+    }, d = (n) => {
+      c?.(l(a((t ?? 0) + n * p, m)));
+    }, S = (n) => {
+      if (t != null) {
+        const o = l(t);
+        o !== t && c?.(o);
+      }
+      j?.(n);
+    }, q = s || r !== void 0 && t !== null && t !== void 0 && t <= r, A = s || e !== void 0 && t !== null && t !== void 0 && t >= e;
+    return /* @__PURE__ */ i(
+      T,
+      {
+        ref: P,
+        inputRef: u,
+        ...M,
+        disabled: s,
+        onBlur: S,
+        className: b("counter-input", w),
+        leftElement: /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            className: "counter-input-button",
+            tabIndex: -1,
+            disabled: q,
+            onClick: () => d(-1),
+            children: /* @__PURE__ */ i(x, { icon: O, size: "xxxs" })
+          }
+        ),
+        rightElement: /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            className: "counter-input-button",
+            tabIndex: -1,
+            disabled: A,
+            onClick: () => d(1),
+            children: /* @__PURE__ */ i(x, { icon: L, size: "xxxs" })
+          }
+        ),
+        children: /* @__PURE__ */ i(
+          K,
+          {
+            type: "text",
+            getInputRef: J([u, F]),
+            className: b("form-input form-input-base counter-input-field", E),
+            "aria-disabled": s,
+            onChange: I,
+            onValueChange: ({ floatValue: n }) => c?.(n ?? null),
+            value: t,
+            placeholder: R,
+            disabled: s,
+            thousandSeparator: g,
+            decimalSeparator: h,
+            allowedDecimalSeparators: N,
+            thousandsGroupStyle: y,
+            decimalScale: f,
+            fixedDecimalScale: z,
+            allowNegative: C,
+            allowLeadingZeros: D,
+            suffix: k,
+            prefix: B
+          }
+        )
+      }
+    );
   }
 );
 export {
-  s as OptionsList
+  tt as CounterInput
 };

package/dist/bundle.es19.js

@@ -1,36 +1,23 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import b from "classnames";
-import * as s from "@radix-ui/react-checkbox";
-import { Icon as x } from "./bundle.es36.js";
-import { faCheck as k } from "@companix/icons-solid";
-import { useId as f } from "react";
-import { attr as c } from "@companix/utils-browser";
-const j = (d) => {
-  const { checked: a, className: m, required: t, disabled: o, onCheckedChange: l, size: h, label: r } = d, i = f();
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      className: b("checkbox", m),
-      "data-size": h ?? "md",
-      "data-required": c(t && !a),
-      "data-disabled": c(o),
-      children: [
-        /* @__PURE__ */ e(
-          s.Root,
-          {
-            className: "checkbox-box",
-            checked: a,
-            onCheckedChange: l,
-            disabled: o,
-            id: i,
-            children: /* @__PURE__ */ e(s.Indicator, { className: "checkbox-icon", children: /* @__PURE__ */ e(x, { icon: k, size: "xxxs" }) })
-          }
-        ),
-        r && /* @__PURE__ */ e("label", { className: "checkbox-label", htmlFor: i, "data-disabled": c(o), children: r })
-      ]
-    }
-  );
-};
+import { jsx as r } from "react/jsx-runtime";
+import { Scrollable as n } from "./bundle.es8.js";
+const s = ({
+  children: o,
+  maxHeight: t,
+  scrollboxRef: i,
+  optionsWrapperRef: e
+}) => /* @__PURE__ */ r(
+  n,
+  {
+    ref: i,
+    implementation: "inner",
+    padding: 10,
+    thumbPadding: 3,
+    thumbColor: "#0000002b",
+    maxHeight: t,
+    scrollY: !0,
+    children: /* @__PURE__ */ r("div", { className: "option-list", ref: e, children: o })
+  }
+);
 export {
-  j as Checkbox
+  s as OptionsList
 };

package/dist/bundle.es20.js

@@ -1,27 +1,36 @@
-import { jsxs as d, jsx as c } from "react/jsx-runtime";
-import * as r from "@radix-ui/react-switch";
-import { attr as a } from "@companix/utils-browser";
-import { useId as n } from "react";
-const u = (m) => {
-  const { checked: e, disabled: s, onCheckedChange: o, uncheckedIcon: i, checkedIcon: t, label: h } = m, l = n();
-  return /* @__PURE__ */ d("div", { className: "switch", "data-disabled": a(s), children: [
-    /* @__PURE__ */ c(
-      r.Root,
-      {
-        className: "switch-track",
-        checked: e,
-        onCheckedChange: o,
-        disabled: s,
-        id: l,
-        children: /* @__PURE__ */ d(r.Thumb, { className: "switch-thumb", children: [
-          i && /* @__PURE__ */ c("span", { className: "switch-thumb-icon", "data-visible": a(!e), children: i }),
-          t && /* @__PURE__ */ c("span", { className: "switch-thumb-icon", "data-visible": a(e), children: t })
-        ] })
-      }
-    ),
-    h && /* @__PURE__ */ c("label", { className: "switch-label", htmlFor: l, "data-disabled": s, children: h })
-  ] });
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import b from "classnames";
+import * as s from "@radix-ui/react-checkbox";
+import { Icon as x } from "./bundle.es37.js";
+import { faCheck as k } from "@companix/icons-solid";
+import { useId as f } from "react";
+import { attr as c } from "@companix/utils-browser";
+const j = (d) => {
+  const { checked: a, className: m, required: t, disabled: o, onCheckedChange: l, size: h, label: r } = d, i = f();
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: b("checkbox", m),
+      "data-size": h ?? "md",
+      "data-required": c(t && !a),
+      "data-disabled": c(o),
+      children: [
+        /* @__PURE__ */ e(
+          s.Root,
+          {
+            className: "checkbox-box",
+            checked: a,
+            onCheckedChange: l,
+            disabled: o,
+            id: i,
+            children: /* @__PURE__ */ e(s.Indicator, { className: "checkbox-icon", children: /* @__PURE__ */ e(x, { icon: k, size: "xxxs" }) })
+          }
+        ),
+        r && /* @__PURE__ */ e("label", { className: "checkbox-label", htmlFor: i, "data-disabled": c(o), children: r })
+      ]
+    }
+  );
 };
 export {
-  u as Switch
+  j as Checkbox
 };

package/dist/bundle.es21.js

@@ -1,48 +1,27 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import h from "classnames";
-import { useId as N } from "react";
-import * as l from "@radix-ui/react-radio-group";
-import { attr as s } from "@companix/utils-browser";
-const R = (t) => {
-  const { options: m, value: a, onChange: r, disabled: i, required: e, size: n, className: c } = t;
-  return /* @__PURE__ */ o(
-    l.Root,
-    {
-      className: h("radio-group", c),
-      disabled: i,
-      "data-required": s(e && !a),
-      "data-v": a,
-      value: a,
-      onValueChange: (d) => r(d),
-      children: m.map((d, u) => /* @__PURE__ */ o(
-        f,
-        {
-          ...d,
-          size: n,
-          disabled: i,
-          required: e && !a
-        },
-        `radio-${d.value}-${u}`
-      ))
-    }
-  );
-}, f = ({ value: t, label: m, size: a = "md", disabled: r, required: i }) => {
-  const e = N();
-  return /* @__PURE__ */ p(
-    "span",
-    {
-      className: "radio",
-      "data-disabled": s(r),
-      "data-size": a,
-      "data-required": s(i),
-      children: [
-        /* @__PURE__ */ o(l.Item, { className: "radio-box", value: t, disabled: r, id: e, children: /* @__PURE__ */ o(l.Indicator, { className: "radio-mark" }) }),
-        /* @__PURE__ */ o("label", { className: "radio-label", htmlFor: e, "data-disabled": s(r), children: m })
-      ]
-    }
-  );
+import { jsxs as d, jsx as c } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-switch";
+import { attr as a } from "@companix/utils-browser";
+import { useId as n } from "react";
+const u = (m) => {
+  const { checked: e, disabled: s, onCheckedChange: o, uncheckedIcon: i, checkedIcon: t, label: h } = m, l = n();
+  return /* @__PURE__ */ d("div", { className: "switch", "data-disabled": a(s), children: [
+    /* @__PURE__ */ c(
+      r.Root,
+      {
+        className: "switch-track",
+        checked: e,
+        onCheckedChange: o,
+        disabled: s,
+        id: l,
+        children: /* @__PURE__ */ d(r.Thumb, { className: "switch-thumb", children: [
+          i && /* @__PURE__ */ c("span", { className: "switch-thumb-icon", "data-visible": a(!e), children: i }),
+          t && /* @__PURE__ */ c("span", { className: "switch-thumb-icon", "data-visible": a(e), children: t })
+        ] })
+      }
+    ),
+    h && /* @__PURE__ */ c("label", { className: "switch-label", htmlFor: l, "data-disabled": s, children: h })
+  ] });
 };
 export {
-  f as Radio,
-  R as RadioGroup
+  u as Switch
 };

package/dist/bundle.es22.js

@@ -1,28 +1,48 @@
-import { jsx as c } from "react/jsx-runtime";
-import r from "classnames";
-import { customCSS as i } from "@companix/utils-browser";
-import { PopupLayout as o } from "./bundle.es25.js";
-const l = ({
-  direction: e,
-  children: t,
-  size: a,
-  overlayClassName: m,
-  className: s,
-  ...p
-}) => /* @__PURE__ */ c(
-  o,
-  {
-    ...p,
-    overlay: { className: r("drawer-overlay", m) },
-    content: {
-      className: r("popup drawer", s),
-      style: i({ "--drawer-size": a ?? "50%" }),
-      "data-direction": e
-    },
-    children: t
-  }
-);
-l.Close = o.Close;
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import h from "classnames";
+import { useId as N } from "react";
+import * as l from "@radix-ui/react-radio-group";
+import { attr as s } from "@companix/utils-browser";
+const R = (t) => {
+  const { options: m, value: a, onChange: r, disabled: i, required: e, size: n, className: c } = t;
+  return /* @__PURE__ */ o(
+    l.Root,
+    {
+      className: h("radio-group", c),
+      disabled: i,
+      "data-required": s(e && !a),
+      "data-v": a,
+      value: a,
+      onValueChange: (d) => r(d),
+      children: m.map((d, u) => /* @__PURE__ */ o(
+        f,
+        {
+          ...d,
+          size: n,
+          disabled: i,
+          required: e && !a
+        },
+        `radio-${d.value}-${u}`
+      ))
+    }
+  );
+}, f = ({ value: t, label: m, size: a = "md", disabled: r, required: i }) => {
+  const e = N();
+  return /* @__PURE__ */ p(
+    "span",
+    {
+      className: "radio",
+      "data-disabled": s(r),
+      "data-size": a,
+      "data-required": s(i),
+      children: [
+        /* @__PURE__ */ o(l.Item, { className: "radio-box", value: t, disabled: r, id: e, children: /* @__PURE__ */ o(l.Indicator, { className: "radio-mark" }) }),
+        /* @__PURE__ */ o("label", { className: "radio-label", htmlFor: e, "data-disabled": s(r), children: m })
+      ]
+    }
+  );
+};
 export {
-  l as Drawer
+  f as Radio,
+  R as RadioGroup
 };