@companix/uikit 0.0.18 → 0.0.19

package/dist/Input/Input.d.ts

@@ -1,7 +1,7 @@
 import { InputContainerProps } from './InputContainer';
 export interface InputProps extends Omit<InputContainerProps, 'inputRef' | 'children'> {
     placeholder?: string;
-    value?: string | number;
+    value?: string;
     readOnly?: boolean;
     onValueChange?: (value: string, targetElement: HTMLInputElement) => void;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;

package/dist/Input/InputElement.d.ts

@@ -1,4 +1,6 @@
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'children'> {
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'children' | 'value' | 'defaultValue'> {
+    defaultValue?: string;
+    value?: string;
     mask?: string;
     maskChar?: string;
     onValueChange?: (value: string, targetElement: HTMLInputElement) => void;

package/dist/NumberInput/index.d.ts

@@ -1,6 +1,23 @@
-import { InputProps } from '../Input/Input';
-export interface NumberInputProps extends Omit<InputProps, 'value' | 'onChange'> {
-    value: number | null;
-    onChange: (value: number | null) => void;
+import { InputContainerProps } from '../Input/InputContainer';
+export interface ReactNumberFormatParams {
+    thousandSeparator?: boolean | string;
+    decimalSeparator?: string;
+    allowedDecimalSeparators?: Array<string>;
+    thousandsGroupStyle?: 'thousand' | 'lakh' | 'wan' | 'none';
+    decimalScale?: number;
+    fixedDecimalScale?: boolean;
+    allowNegative?: boolean;
+    allowLeadingZeros?: boolean;
+    suffix?: string;
+    prefix?: string;
 }
-export declare const NumberInput: ({ value, onChange, ...props }: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
+export interface NumberInputProps extends Omit<InputContainerProps, 'inputRef' | 'children'>, ReactNumberFormatParams {
+    placeholder?: string;
+    value?: number | null;
+    readOnly?: boolean;
+    onValueChange?: (value: number | null) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    inputRef?: React.Ref<HTMLInputElement>;
+    inputClassName?: string;
+}
+export declare const NumberInput: import('react').ForwardRefExoticComponent<NumberInputProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Radio/index.d.ts

@@ -1,4 +1,4 @@
-interface RadioOption<T> {
+export interface RadioOption<T> {
     value: T;
     label: React.ReactNode;
 }

package/dist/bundle.es11.js

@@ -1,33 +1,58 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useState as p, useRef as m } from "react";
-import { Input as l } from "./bundle.es9.js";
-const N = ({ value: r, onChange: u, ...e }) => {
-  const [, t] = p([]), n = m(i(r));
-  return +n.current !== r && (n.current = i(r)), /* @__PURE__ */ f(
-    l,
-    {
-      ...e,
-      value: n.current,
-      onChange: (o) => {
-        const s = o.currentTarget.value.trim();
-        if (s === "")
-          return n.current = "", u(null);
-        if (!(s.startsWith(".") || s.replace(".", "").split("").some((c) => isNaN(parseInt(c))))) {
-          if (n.current = a(s.split("")), +n.current === r)
-            return t([]);
-          u(+n.current);
-        }
+import { jsx as t } from "react/jsx-runtime";
+import C from "classnames";
+import { forwardRef as j, useRef as w } from "react";
+import { mergeRefs as y } from "react-merge-refs";
+import { InputContainer as F } from "./bundle.es38.js";
+import { NumericFormat as V } from "react-number-format";
+const D = j(
+  ({
+    onChange: m,
+    onValueChange: o,
+    readOnly: i,
+    inputClassName: f,
+    value: n,
+    placeholder: u,
+    thousandSeparator: p,
+    decimalSeparator: a,
+    allowedDecimalSeparators: l,
+    thousandsGroupStyle: d,
+    decimalScale: s,
+    fixedDecimalScale: b,
+    allowNegative: R,
+    allowLeadingZeros: c,
+    suffix: g,
+    prefix: x,
+    inputRef: I,
+    ...e
+  }, N) => {
+    const r = w(null);
+    return /* @__PURE__ */ t(F, { ref: N, inputRef: r, ...e, children: /* @__PURE__ */ t(
+      V,
+      {
+        type: "text",
+        getInputRef: y([r, I]),
+        className: C("form-input form-input-base", f),
+        "aria-disabled": e.disabled,
+        onChange: m,
+        onValueChange: ({ floatValue: h }) => o?.(h ?? null),
+        value: n,
+        placeholder: u,
+        disabled: e.disabled,
+        readOnly: i,
+        thousandSeparator: p,
+        decimalSeparator: a,
+        allowedDecimalSeparators: l,
+        thousandsGroupStyle: d,
+        decimalScale: s,
+        fixedDecimalScale: b,
+        allowNegative: R,
+        allowLeadingZeros: c,
+        suffix: g,
+        prefix: x
       }
-    }
-  );
-}, i = (r) => r === null ? "" : r.toString(), a = (r) => {
-  const u = [...r], e = [...r];
-  if (e.every((t) => t === "0"))
-    return "0";
-  for (let t = 0; t < e.length && e[t] === "0"; t++)
-    e[t] === "0" && e[t + 1] !== "." && u.shift();
-  return u.join("");
-};
+    ) });
+  }
+);
 export {
-  N as NumberInput
+  D as NumberInput
 };

package/dist/bundle.es37.js

@@ -2,7 +2,7 @@ import { jsx as u } from "react/jsx-runtime";
 import { forwardRef as m, useCallback as i } from "react";
 import c from "react-input-mask";
 const I = m(
-  ({ mask: r, maskChar: f, onChange: n, onValueChange: o, ...a }, e) => {
+  ({ mask: r, maskChar: f = "_", onChange: n, onValueChange: o, ...a }, e) => {
     const p = i(
       (t) => {
         n?.(t), o?.(t.target.value, t.target);

package/dist/bundle.es38.js

@@ -2,7 +2,7 @@ import { jsxs as b, jsx as o } from "react/jsx-runtime";
 import h from "classnames";
 import { attr as e } from "@companix/utils-browser";
 import { forwardRef as x } from "react";
-import { useInputPadding as N } from "./bundle.es52.js";
+import { useInputPadding as N } from "./bundle.es50.js";
 const v = x(
   ({
     required: s,

package/dist/bundle.es43.js

@@ -1,7 +1,7 @@
 import { jsxs as D, jsx as t } from "react/jsx-runtime";
 import { dateToFormat as $, weeks as g, createVoids as p, getDayIndex as b, getFirstDay as u, getMonthMaxDay as k } from "./bundle.es45.js";
-import { CalendarHeader as F } from "./bundle.es50.js";
-import { useCalendar as j } from "./bundle.es51.js";
+import { CalendarHeader as F } from "./bundle.es52.js";
+import { useCalendar as j } from "./bundle.es53.js";
 import { attr as m } from "@companix/utils-browser";
 import { isSameDate as f } from "./bundle.es44.js";
 import { useLayoutEffect as I } from "react";

package/dist/bundle.es49.js

@@ -2,7 +2,7 @@ import { jsxs as T, jsx as $ } from "react/jsx-runtime";
 import { forwardRef as b, useState as I, useMemo as P, useImperativeHandle as R, useCallback as j, createElement as k } from "react";
 import * as c from "@radix-ui/react-toast";
 import { varToStyle as w } from "@companix/utils-browser";
-import { Toast as C } from "./bundle.es53.js";
+import { Toast as C } from "./bundle.es51.js";
 var g = /* @__PURE__ */ ((e) => (e["top-center"] = "up", e["top-left"] = "left", e["top-right"] = "right", e["bottom-center"] = "down", e["bottom-left"] = "left", e["bottom-right"] = "right", e))(g || {});
 const M = b((e, h) => {
   const { side: f = "top", align: i = "center", gap: m = 14, duration: u, swipeThreshold: v, closeIcon: x } = e, [l, p] = I([]), o = P(() => ({}), []);

package/dist/bundle.es50.js

@@ -1,77 +1,16 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { useCallback as u, useMemo as h } from "react";
-import { Select as p } from "./bundle.es8.js";
-import { getMonths as k, getYears as z, DEFAULT_MAX_YEAR as f, DEFAULT_MIN_YEAR as g } from "./bundle.es45.js";
-import { Icon as C } from "./bundle.es39.js";
-import { faChevronLeft as E, faChevronRight as T } from "@fortawesome/free-solid-svg-icons";
-import { setMonth as _, setYear as F } from "./bundle.es44.js";
-const y = ({
-  viewDate: n,
-  onChange: c,
-  isMonthDisabled: a,
-  isYearDisabled: m,
-  onNextMonth: N,
-  onPrevMonth: v
-}) => {
-  const e = n.getFullYear(), r = n.getMonth(), s = "ru", M = u(
-    (t) => {
-      c(_(n, t));
-    },
-    [c, n]
-  ), x = u(
-    (t) => {
-      c(F(n, t));
-    },
-    [c, n]
-  ), A = h(() => k(s).map((t) => ({
-    ...t,
-    className: "capitalize",
-    disabled: a && a(t.value)
-  })), [s, a]), Y = h(() => z(e, 100).map((t) => ({
-    ...t,
-    disabled: m && m(t.value)
-  })), [e, m]);
-  let l = r === 11 && e === f;
-  a && !l && (l = a(
-    r === 11 ? 0 : r + 1,
-    r === 11 ? Math.min(e + 1, f) : e
-  ));
-  let i = r === 0 && e === g;
-  return a && !i && (i = a(
-    r === 0 ? 11 : r - 1,
-    r === 0 ? Math.max(e - 1, g) : e
-  )), /* @__PURE__ */ d("div", { className: "calendar-header", children: [
-    !i && /* @__PURE__ */ o("button", { className: "calendar-navigation", "data-side": "left", onClick: v, children: /* @__PURE__ */ o(C, { icon: E }) }),
-    /* @__PURE__ */ d("div", { className: "calendar-pickers", children: [
-      /* @__PURE__ */ o(
-        p,
-        {
-          fill: !0,
-          options: Y,
-          size: "sm",
-          value: e,
-          minimalOptions: !0,
-          matchTarget: "min-width",
-          onChange: (t) => x(t)
-        }
-      ),
-      /* @__PURE__ */ o(
-        p,
-        {
-          fill: !0,
-          options: A,
-          size: "sm",
-          className: "capitalize",
-          value: r,
-          minimalOptions: !0,
-          matchTarget: "min-width",
-          onChange: (t) => M(t)
-        }
-      )
-    ] }),
-    !l && /* @__PURE__ */ o("button", { className: "calendar-navigation", "data-side": "right", onClick: N, children: /* @__PURE__ */ o(C, { icon: T }) })
-  ] });
+import { useRef as l, useCallback as p } from "react";
+import { useEffectWithLayout as d } from "./bundle.es54.js";
+const g = (r, f) => {
+  const c = l(null), i = l(null), o = { Right: c, Left: i }, u = p((t) => {
+    if (r.current) {
+      const n = r.current.style, e = o[t];
+      e.current && e.current.clientWidth ? n[`padding${t}`] !== `${e.current.clientWidth}px` && (n[`padding${t}`] = `${e.current.clientWidth}px`) : n[`padding${t}`] && (n[`padding${t}`] = "");
+    }
+  }, []);
+  return d(() => {
+    u("Left"), u("Right");
+  }, f), { rightRef: c, leftRef: i };
 };
 export {
-  y as CalendarHeader
+  g as useInputPadding
 };

package/dist/bundle.es51.js

@@ -1,51 +1,45 @@
-import { subMonths as L, addMonths as N, useDayDisableCheker as R } from "./bundle.es44.js";
-import { DEFAULT_MIN_YEAR as w, DEFAULT_MAX_YEAR as A } from "./bundle.es45.js";
-import { useState as U, useCallback as M } from "react";
-const X = ({
-  value: p,
-  disablePast: r,
-  disableFuture: c,
-  shouldDisableDate: E,
-  minDateTime: l,
-  maxDateTime: s
-}) => {
-  const [e, u] = U(p || /* @__PURE__ */ new Date()), _ = M(() => {
-    u(L(e));
-  }, [e]), C = M(() => {
-    u(N(e, 1));
-  }, [e]), D = R({
-    disableFuture: c,
-    disablePast: r,
-    shouldDisableDate: E,
-    minDateTime: l,
-    maxDateTime: s
-  }), k = M(
-    (o, t) => {
-      const n = /* @__PURE__ */ new Date();
-      t = t || e.getFullYear();
-      const h = l ? l.getMonth() : 0, Y = s ? s.getMonth() : 11, F = l?.getFullYear() || w, f = s?.getFullYear() || A;
-      let g = t >= F && t <= f ? t === F && h > o || t === f && o > Y : !0;
-      return c && (g = g || (t === n.getFullYear() ? o > n.getMonth() : t > n.getFullYear())), r && (g = g || (t === n.getFullYear() ? o < n.getMonth() : t < n.getFullYear())), g;
-    },
-    [c, r, e, l, s]
-  ), v = M(
-    (o) => {
-      const t = /* @__PURE__ */ new Date(), n = l?.getFullYear() || w, h = s?.getFullYear() || A;
-      let Y = n > o || o > h;
-      return c && (Y = Y || o > t.getFullYear()), r && (Y = Y || o < t.getFullYear()), Y;
-    },
-    [c, r, l, s]
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-toast";
+import { attr as C } from "@companix/utils-browser";
+import { useState as h, useRef as v, useEffect as N, useLayoutEffect as x } from "react";
+import { RemoveListener as R } from "./bundle.es40.js";
+const E = (i) => {
+  const [c, l] = h(!1), o = v(null), {
+    appearance: d = "neutral",
+    icon: r,
+    title: a,
+    description: s,
+    duration: m,
+    closeIcon: u,
+    onRemoving: p,
+    onRemoved: f,
+    onInitialized: L
+  } = i;
+  return N(() => {
+    l(!0);
+  }, []), x(() => {
+    o.current && L(o.current);
+  }, []), /* @__PURE__ */ n(
+    t.Root,
+    {
+      ref: o,
+      "data-expanded": !0,
+      "data-appearance": d,
+      "data-mounted": C(c),
+      className: "toaster",
+      duration: m,
+      children: [
+        /* @__PURE__ */ e(R, { callback: f }),
+        r && /* @__PURE__ */ e("div", { className: "toaster-icon", children: r }),
+        /* @__PURE__ */ n("div", { className: "toaster-content", children: [
+          a && /* @__PURE__ */ e(t.Title, { className: "toaster-title", children: a }),
+          s && /* @__PURE__ */ e(t.Description, { className: "toaster-description", children: s })
+        ] }),
+        /* @__PURE__ */ e(t.Close, { className: "toaster-close", onClick: p, children: u ?? /* @__PURE__ */ e("svg", { viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2.96967 2.96967C3.26256 2.67678 3.73744 2.67678 4.03033 2.96967L8 6.939L11.9697 2.96967C12.2626 2.67678 12.7374 2.67678 13.0303 2.96967C13.3232 3.26256 13.3232 3.73744 13.0303 4.03033L9.061 8L13.0303 11.9697C13.2966 12.2359 13.3208 12.6526 13.1029 12.9462L13.0303 13.0303C12.7374 13.3232 12.2626 13.3232 11.9697 13.0303L8 9.061L4.03033 13.0303C3.73744 13.3232 3.26256 13.3232 2.96967 13.0303C2.67678 12.7374 2.67678 12.2626 2.96967 11.9697L6.939 8L2.96967 4.03033C2.7034 3.76406 2.6792 3.3474 2.89705 3.05379L2.96967 2.96967Z" }) }) })
+      ]
+    }
   );
-  return {
-    viewDate: e,
-    setViewDate: u,
-    setPrevMonth: _,
-    setNextMonth: C,
-    isDayDisabled: D,
-    isMonthDisabled: k,
-    isYearDisabled: v
-  };
 };
 export {
-  X as useCalendar
+  E as Toast
 };

package/dist/bundle.es52.js

@@ -1,16 +1,77 @@
-import { useRef as l, useCallback as p } from "react";
-import { useEffectWithLayout as d } from "./bundle.es54.js";
-const g = (r, f) => {
-  const c = l(null), i = l(null), o = { Right: c, Left: i }, u = p((t) => {
-    if (r.current) {
-      const n = r.current.style, e = o[t];
-      e.current && e.current.clientWidth ? n[`padding${t}`] !== `${e.current.clientWidth}px` && (n[`padding${t}`] = `${e.current.clientWidth}px`) : n[`padding${t}`] && (n[`padding${t}`] = "");
-    }
-  }, []);
-  return d(() => {
-    u("Left"), u("Right");
-  }, f), { rightRef: c, leftRef: i };
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { useCallback as u, useMemo as h } from "react";
+import { Select as p } from "./bundle.es8.js";
+import { getMonths as k, getYears as z, DEFAULT_MAX_YEAR as f, DEFAULT_MIN_YEAR as g } from "./bundle.es45.js";
+import { Icon as C } from "./bundle.es39.js";
+import { faChevronLeft as E, faChevronRight as T } from "@fortawesome/free-solid-svg-icons";
+import { setMonth as _, setYear as F } from "./bundle.es44.js";
+const y = ({
+  viewDate: n,
+  onChange: c,
+  isMonthDisabled: a,
+  isYearDisabled: m,
+  onNextMonth: N,
+  onPrevMonth: v
+}) => {
+  const e = n.getFullYear(), r = n.getMonth(), s = "ru", M = u(
+    (t) => {
+      c(_(n, t));
+    },
+    [c, n]
+  ), x = u(
+    (t) => {
+      c(F(n, t));
+    },
+    [c, n]
+  ), A = h(() => k(s).map((t) => ({
+    ...t,
+    className: "capitalize",
+    disabled: a && a(t.value)
+  })), [s, a]), Y = h(() => z(e, 100).map((t) => ({
+    ...t,
+    disabled: m && m(t.value)
+  })), [e, m]);
+  let l = r === 11 && e === f;
+  a && !l && (l = a(
+    r === 11 ? 0 : r + 1,
+    r === 11 ? Math.min(e + 1, f) : e
+  ));
+  let i = r === 0 && e === g;
+  return a && !i && (i = a(
+    r === 0 ? 11 : r - 1,
+    r === 0 ? Math.max(e - 1, g) : e
+  )), /* @__PURE__ */ d("div", { className: "calendar-header", children: [
+    !i && /* @__PURE__ */ o("button", { className: "calendar-navigation", "data-side": "left", onClick: v, children: /* @__PURE__ */ o(C, { icon: E }) }),
+    /* @__PURE__ */ d("div", { className: "calendar-pickers", children: [
+      /* @__PURE__ */ o(
+        p,
+        {
+          fill: !0,
+          options: Y,
+          size: "sm",
+          value: e,
+          minimalOptions: !0,
+          matchTarget: "min-width",
+          onChange: (t) => x(t)
+        }
+      ),
+      /* @__PURE__ */ o(
+        p,
+        {
+          fill: !0,
+          options: A,
+          size: "sm",
+          className: "capitalize",
+          value: r,
+          minimalOptions: !0,
+          matchTarget: "min-width",
+          onChange: (t) => M(t)
+        }
+      )
+    ] }),
+    !l && /* @__PURE__ */ o("button", { className: "calendar-navigation", "data-side": "right", onClick: N, children: /* @__PURE__ */ o(C, { icon: T }) })
+  ] });
 };
 export {
-  g as useInputPadding
+  y as CalendarHeader
 };

package/dist/bundle.es53.js

@@ -1,45 +1,51 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-toast";
-import { attr as C } from "@companix/utils-browser";
-import { useState as h, useRef as v, useEffect as N, useLayoutEffect as x } from "react";
-import { RemoveListener as R } from "./bundle.es40.js";
-const E = (i) => {
-  const [c, l] = h(!1), o = v(null), {
-    appearance: d = "neutral",
-    icon: r,
-    title: a,
-    description: s,
-    duration: m,
-    closeIcon: u,
-    onRemoving: p,
-    onRemoved: f,
-    onInitialized: L
-  } = i;
-  return N(() => {
-    l(!0);
-  }, []), x(() => {
-    o.current && L(o.current);
-  }, []), /* @__PURE__ */ n(
-    t.Root,
-    {
-      ref: o,
-      "data-expanded": !0,
-      "data-appearance": d,
-      "data-mounted": C(c),
-      className: "toaster",
-      duration: m,
-      children: [
-        /* @__PURE__ */ e(R, { callback: f }),
-        r && /* @__PURE__ */ e("div", { className: "toaster-icon", children: r }),
-        /* @__PURE__ */ n("div", { className: "toaster-content", children: [
-          a && /* @__PURE__ */ e(t.Title, { className: "toaster-title", children: a }),
-          s && /* @__PURE__ */ e(t.Description, { className: "toaster-description", children: s })
-        ] }),
-        /* @__PURE__ */ e(t.Close, { className: "toaster-close", onClick: p, children: u ?? /* @__PURE__ */ e("svg", { viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2.96967 2.96967C3.26256 2.67678 3.73744 2.67678 4.03033 2.96967L8 6.939L11.9697 2.96967C12.2626 2.67678 12.7374 2.67678 13.0303 2.96967C13.3232 3.26256 13.3232 3.73744 13.0303 4.03033L9.061 8L13.0303 11.9697C13.2966 12.2359 13.3208 12.6526 13.1029 12.9462L13.0303 13.0303C12.7374 13.3232 12.2626 13.3232 11.9697 13.0303L8 9.061L4.03033 13.0303C3.73744 13.3232 3.26256 13.3232 2.96967 13.0303C2.67678 12.7374 2.67678 12.2626 2.96967 11.9697L6.939 8L2.96967 4.03033C2.7034 3.76406 2.6792 3.3474 2.89705 3.05379L2.96967 2.96967Z" }) }) })
-      ]
-    }
+import { subMonths as L, addMonths as N, useDayDisableCheker as R } from "./bundle.es44.js";
+import { DEFAULT_MIN_YEAR as w, DEFAULT_MAX_YEAR as A } from "./bundle.es45.js";
+import { useState as U, useCallback as M } from "react";
+const X = ({
+  value: p,
+  disablePast: r,
+  disableFuture: c,
+  shouldDisableDate: E,
+  minDateTime: l,
+  maxDateTime: s
+}) => {
+  const [e, u] = U(p || /* @__PURE__ */ new Date()), _ = M(() => {
+    u(L(e));
+  }, [e]), C = M(() => {
+    u(N(e, 1));
+  }, [e]), D = R({
+    disableFuture: c,
+    disablePast: r,
+    shouldDisableDate: E,
+    minDateTime: l,
+    maxDateTime: s
+  }), k = M(
+    (o, t) => {
+      const n = /* @__PURE__ */ new Date();
+      t = t || e.getFullYear();
+      const h = l ? l.getMonth() : 0, Y = s ? s.getMonth() : 11, F = l?.getFullYear() || w, f = s?.getFullYear() || A;
+      let g = t >= F && t <= f ? t === F && h > o || t === f && o > Y : !0;
+      return c && (g = g || (t === n.getFullYear() ? o > n.getMonth() : t > n.getFullYear())), r && (g = g || (t === n.getFullYear() ? o < n.getMonth() : t < n.getFullYear())), g;
+    },
+    [c, r, e, l, s]
+  ), v = M(
+    (o) => {
+      const t = /* @__PURE__ */ new Date(), n = l?.getFullYear() || w, h = s?.getFullYear() || A;
+      let Y = n > o || o > h;
+      return c && (Y = Y || o > t.getFullYear()), r && (Y = Y || o < t.getFullYear()), Y;
+    },
+    [c, r, l, s]
   );
+  return {
+    viewDate: e,
+    setViewDate: u,
+    setPrevMonth: _,
+    setNextMonth: C,
+    isDayDisabled: D,
+    isMonthDisabled: k,
+    isYearDisabled: v
+  };
 };
 export {
-  E as Toast
+  X as useCalendar
 };

package/dist/index.d.ts

@@ -26,8 +26,10 @@ export { DateInput } from './DateInput';
 export { FileOverlay } from './File';
 export { FormGroup } from './FormGroup';
 export { TimePicker } from './TimePicker';
-export * from './__hooks/use-local-storage';
+export { useLocalStorage } from './__hooks/use-local-storage';
 export { createAlertAgent } from './DialogAlert';
 export { createToaster } from './Toaster';
 export * from './types';
 export type { Appearance } from './Button';
+export type { RadioOption } from './Radio';
+export type { NumberInputProps, ReactNumberFormatParams } from './NumberInput';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companix/uikit",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",
   "type": "module",
@@ -37,7 +37,8 @@
     "@radix-ui/react-visually-hidden": "^1.2.4",
     "classnames": "^2.5.1",
     "react-input-mask": "^2.0.4",
-    "react-merge-refs": "^3.0.2"
+    "react-merge-refs": "^3.0.2",
+    "react-number-format": "^5.4.4"
   },
   "devDependencies": {
     "@blueprintjs/core": "^6.2.1",

package/dist/Stepper/StepperInput.scss

@@ -1,35 +0,0 @@
-.number-input-container {
-  display: flex;
-  gap: 4px;
-}
-
-.number-stepper {
-  display: flex;
-  flex-direction: column;
-  height: 30px;
-  min-height: 30px;
-  line-height: 30px;
-  border: 1px solid var(--border-color);
-  box-shadow: 0 1px 2px rgb(0 0 0 / 47%);
-  border-radius: 4px;
-
-  &-splitter {
-    height: 1px;
-    background-color: var(--border-color);
-  }
-
-  &-slot {
-    border-radius: 0px;
-    height: 13.5px;
-
-    &[data-slot='decrement'] {
-      border-bottom-left-radius: 3px;
-      border-bottom-right-radius: 3px;
-    }
-
-    &[data-slot='increment'] {
-      border-top-left-radius: 3px;
-      border-top-right-radius: 3px;
-    }
-  }
-}

package/dist/Stepper/index.d.ts

@@ -1,8 +0,0 @@
-import { StepperInputOptions } from '../__hooks/use-stepper-input';
-interface StepperInputProps extends StepperInputOptions {
-    buttons?: boolean;
-    placeholder?: string;
-    inputStyle?: React.CSSProperties;
-}
-export declare const StepperInput: ({ inputStyle, placeholder, buttons, ...options }: StepperInputProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/__hooks/use-stepper-input.d.ts

@@ -1,13 +0,0 @@
-export interface StepperInputOptions {
-    value: number;
-    onChange: (value: number) => void;
-    step: number;
-    minValue?: number;
-}
-export declare const useStepperInput: ({ minValue, value, onChange, step }: StepperInputOptions) => {
-    inputRef: import('react').RefObject<HTMLInputElement>;
-    value: string;
-    increment: () => void;
-    decrement: () => void;
-    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-};