@kolking/react-ui 1.0.0 → 1.2.0

package/dist/{Input-Lz3ft8Tp.js → Input-DE1QkW7S.js}

@@ -1,5 +1,5 @@
 import { jsxs as f, jsx as s } from "react/jsx-runtime";
-import { c as u } from "./index-DyIdU--j.js";
+import u from "classnames";
 import _ from "react";
 import { cssProps as m } from "./utils/helpers.js";
 import { s as t, V as h } from "./ValidationTooltip-BgSwl0hJ.js";

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export type BadgeProps = React.HTMLAttributes<HTMLDivElement> & {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    value?: number | string | boolean;
+    maxValue?: number;
+    placement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | null;
+    scheme?: 'gray' | 'red' | 'yellow' | 'orange' | 'green' | 'teal' | 'cyan' | 'blue' | 'indigo' | 'purple' | 'brown' | 'accent';
+};
+export declare const Badge: ({ size, value, maxValue, placement, scheme, className, style, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Badge/Badge.js

@@ -0,0 +1,56 @@
+import { jsx as B } from "react/jsx-runtime";
+import b from "classnames";
+import { useRef as m, useEffect as h } from "react";
+import { cssProps as w } from "../../utils/helpers.js";
+const E = "Badge_badge_-mEE7", M = "Badge_gray_7jA-J", P = "Badge_red_zPgCR", x = "Badge_orange_EoLmF", H = "Badge_yellow_qvbb6", I = "Badge_green_XX-1c", R = "Badge_teal_VHoFK", X = "Badge_cyan_1ksBn", j = "Badge_blue_YulfT", C = "Badge_indigo_2KXUy", F = "Badge_purple_o55fQ", K = "Badge_brown_x1GS7", O = "Badge_accent_BIYve", d = {
+  badge: E,
+  gray: M,
+  red: P,
+  orange: x,
+  yellow: H,
+  green: I,
+  teal: R,
+  cyan: X,
+  blue: j,
+  indigo: C,
+  purple: F,
+  brown: K,
+  accent: O
+}, q = ({
+  size: i,
+  value: t,
+  maxValue: n = 99,
+  placement: o = "top-right",
+  scheme: s = "red",
+  className: l,
+  style: _,
+  ...p
+}) => {
+  const r = !t, e = m(null);
+  if (h(() => {
+    if (!r && o && e.current) {
+      const c = e.current.clientHeight, a = e.current.parentElement, g = a ? Math.min(
+        parseInt(getComputedStyle(a).getPropertyValue("border-radius")),
+        a.clientHeight / 2
+      ) : 0, u = g * (1 - Math.sin(45 * Math.PI / 180)), y = (1 + Math.min(g / c, 1)) * (c / 4);
+      e.current.style.setProperty("--offset", `${u - y}px`);
+    }
+  }, [r, o]), r)
+    return null;
+  const f = typeof t == "number" && n > 0 && t > n;
+  return /* @__PURE__ */ B(
+    "div",
+    {
+      ...p,
+      ref: e,
+      "data-badge": s,
+      "data-placement": o,
+      className: b(d.badge, d[s], l),
+      style: { ..._, ...w({ size: i }) },
+      children: f ? `${n}+` : t
+    }
+  );
+};
+export {
+  q as Badge
+};

package/dist/components/Badge/index.d.ts

@@ -0,0 +1 @@
+export * from './Badge';

package/dist/components/Badge/index.js

@@ -0,0 +1,4 @@
+import { Badge as r } from "./Badge.js";
+export {
+  r as Badge
+};

package/dist/components/Button/Button.d.ts

@@ -23,4 +23,4 @@ export declare const Button: <T extends React.ElementType = "button">(props: {
     title?: React.ReactNode;
     icon?: React.ReactElement;
     iconPosition?: "start" | "end";
-} & Omit<React.PropsWithoutRef<React.ComponentProps<T>>, "title" | "size" | "as" | "icon" | "minWidth" | "maxWidth" | "variant" | "scheme" | "busy" | "iconPosition"> & React.RefAttributes<unknown>) => React.ReactElement | null;
+} & Omit<React.PropsWithoutRef<React.ComponentProps<T>>, "title" | "size" | "as" | "scheme" | "icon" | "minWidth" | "maxWidth" | "variant" | "busy" | "iconPosition"> & React.RefAttributes<unknown>) => React.ReactElement | null;

package/dist/components/Button/Button.js

@@ -1,5 +1,5 @@
 import { jsxs as u, jsx as v, Fragment as B } from "react/jsx-runtime";
-import { c as b } from "../../index-DyIdU--j.js";
+import b from "classnames";
 import { fixedForwardRef as w, wrapNode as d, cssProps as x } from "../../utils/helpers.js";
 import { Spinner as N } from "../Spinner/Spinner.js";
 const h = "Button_button_WuG2z", y = {
@@ -29,8 +29,8 @@ function A({
   icon: n,
   iconPosition: i = "start",
   children: o,
-  className: c,
-  style: g,
+  className: g,
+  style: c,
   ...s
 }, f) {
   return /* @__PURE__ */ u(
@@ -43,8 +43,8 @@ function A({
       "data-scheme": a,
       "aria-disabled": s.disabled,
       "aria-live": t ? "polite" : void 0,
-      className: b(y.button, y[`${r}-${a}`], c),
-      style: { ...g, ...x({ size: p, minWidth: m, maxWidth: l }) },
+      className: b(y.button, y[`${r}-${a}`], g),
+      style: { ...c, ...x({ size: p, minWidth: m, maxWidth: l }) },
       children: [
         o ? d(o, "span") : /* @__PURE__ */ u(B, { children: [
           i === "start" && n,

package/dist/components/Dialog/Dialog.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import d from "react";
-import { c as l } from "../../index-DyIdU--j.js";
+import l from "classnames";
 import { Icon as g } from "../Icon/Icon.js";
 import { Button as m } from "../Button/Button.js";
 import { DialogFocusTrap as f } from "./DialogFocusTrap.js";