@kolking/react-ui 1.4.0 → 1.5.0

package/dist/utils/helpers.js

@@ -1,34 +1,32 @@
 import { jsx as o } from "react/jsx-runtime";
 import f from "react";
-function u(t, r, e) {
-  return Math.max(r, Math.min(t, e));
+function p(r, t, e) {
+  return Math.max(t, Math.min(r, e));
 }
-const m = (t, r, e, n = !0) => n ? `${t} ${t === 1 ? r : e}` : `${t === 1 ? r : e}`;
-function c(t) {
-  return t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+function c(r) {
+  return r.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function i(t, r) {
-  return typeof r == "number" ? `${r}px` : typeof r == "string" ? r.replace(new RegExp("(?<=^|\\s)([1-4]?xs|sm|md|lg|[1-4]?xl)", "g"), `var(--${t}-$1)`) : r;
+function i(r, t) {
+  return typeof t == "number" ? `${t}px` : typeof t == "string" ? t.replace(new RegExp("(?<=^|\\s)([1-4]?xs|sm|md|lg|[1-4]?xl)", "g"), `var(--${r}-$1)`) : t;
 }
-function g(t) {
-  const r = {};
-  return Object.keys(t).map((e) => {
-    const n = c(e), s = i(n, t[e]);
-    s && (r[`--${n}`] = s);
-  }), r;
+function m(r) {
+  const t = {};
+  return Object.keys(r).map((e) => {
+    const n = c(e), s = i(n, r[e]);
+    s && (t[`--${n}`] = s);
+  }), t;
 }
-function $(t, r) {
-  return typeof t == "string" ? /* @__PURE__ */ o(r, { children: t }) : t;
+function g(r, t) {
+  return typeof r == "string" ? /* @__PURE__ */ o(t, { children: r }) : r;
 }
-const l = f.forwardRef;
-function x(t) {
-  return t instanceof Error && t.message ? t.message : typeof t == "string" ? t : "An error occurred";
+function x(r) {
+  return r instanceof Error && r.message ? r.message : typeof r == "string" ? r : "An error occurred";
 }
+const d = f.forwardRef;
 export {
-  u as clamp,
-  g as cssProps,
-  l as fixedForwardRef,
+  p as clamp,
+  m as cssProps,
+  d as fixedForwardRef,
   x as getErrorMessage,
-  m as pluralize,
-  $ as wrapNode
+  g as wrapNode
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolking/react-ui",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "React component library for building user interfaces",
   "author": "Nick Seryakov (https://github.com/kolking)",
   "license": "MIT",

package/dist/components/Fields/Quantity.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { BaseInputProps } from './Input';
-export type QuantityProps = BaseInputProps;
-export declare const Quantity: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-    error?: string;
-} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Fields/Quantity.js

@@ -1,61 +0,0 @@
-import { jsx as n, jsxs as h } from "react/jsx-runtime";
-import v from "classnames";
-import * as l from "react";
-import w, { forwardRef as d, useRef as y, useImperativeHandle as R, useCallback as o } from "react";
-import { cssProps as g } from "../../utils/helpers.js";
-import { V as E } from "../../ValidationTooltip-BgSwl0hJ.js";
-const _ = (a, e) => /* @__PURE__ */ l.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 6 5", ref: e, ...a }, /* @__PURE__ */ l.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M0 0h6L3 5z" })), x = d(_), q = (a, e) => /* @__PURE__ */ l.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 6 5", ref: e, ...a }, /* @__PURE__ */ l.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M0 5h6L3 0z" })), C = d(q), D = "styles_quantity_JqkoZ", k = "styles_increase_MKRaz", S = "styles_decrease_oD7r3", c = {
-  quantity: D,
-  increase: k,
-  decrease: S
-}, j = w.forwardRef(
-  ({ size: a, error: e, className: u, style: m, ...i }, p) => {
-    const t = y(null);
-    R(p, () => t.current);
-    const b = o(() => {
-      var r, s;
-      (r = t.current) == null || r.stepUp(), (s = t.current) == null || s.dispatchEvent(new Event("change", { bubbles: !0 }));
-    }, []), f = o(() => {
-      var r, s;
-      (r = t.current) == null || r.stepDown(), (s = t.current) == null || s.dispatchEvent(new Event("change", { bubbles: !0 }));
-    }, []);
-    return /* @__PURE__ */ n(E, { content: e, children: /* @__PURE__ */ h(
-      "div",
-      {
-        "data-input": "quantity",
-        "data-disabled": i.disabled,
-        "data-invalid": e ? !0 : void 0,
-        className: v(c.quantity, u),
-        style: { ...m, ...g({ size: a }) },
-        children: [
-          /* @__PURE__ */ n("input", { ...i, ref: t, type: "number" }),
-          /* @__PURE__ */ n(
-            "button",
-            {
-              type: "button",
-              "aria-label": "Increase",
-              disabled: i.disabled,
-              className: c.increase,
-              onClick: b,
-              children: /* @__PURE__ */ n(C, { "aria-hidden": !0 })
-            }
-          ),
-          /* @__PURE__ */ n(
-            "button",
-            {
-              type: "button",
-              "aria-label": "Decrease",
-              disabled: i.disabled,
-              className: c.decrease,
-              onClick: f,
-              children: /* @__PURE__ */ n(x, { "aria-hidden": !0 })
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-export {
-  j as Quantity
-};