@equal-experts/kuat-react 0.12.0 → 0.13.0

package/README.md

@@ -1,6 +1,8 @@
 # @equal-experts/kuat-react
 
-React components and blocks for the Kuat Design System: **localized primitives** (forms, actions, feedback) and **composed blocks** (header, carousel, logo lockup, etc.). Use **`@equal-experts/kuat-core`** for tokens and the **shadcn CLI** only for UI that Kuat does not ship (for example Dialog, DropdownMenu, Tabs).
+React components and blocks for the Kuat Design System: **localized primitives** (forms, actions, feedback, **IconButton**) and **composed blocks** (header, carousel, logo lockup, etc.). Use **`@equal-experts/kuat-core`** for tokens and the **shadcn CLI** only for UI that Kuat does not ship (for example Dialog, DropdownMenu, Tabs).
+
+**IconButton** is available from the package root (`import { IconButton } from "@equal-experts/kuat-react"`) and as a subpath entry: `@equal-experts/kuat-react/icon-button`.
 
 **When to import from here vs shadcn:** [Choosing components](https://github.com/equalexperts/kuat-mono/blob/master/kuat-docs/setup/choosing-components.md) · [Public API inventory](https://github.com/equalexperts/kuat-mono/blob/master/kuat-docs/setup/public-api-inventory.md)
 

package/dist/icon-button-B5hCoK1b.js

@@ -0,0 +1,63 @@
+import { jsx as I } from "react/jsx-runtime";
+import * as N from "react";
+import { Slot as v } from "@radix-ui/react-slot";
+import { c as s } from "./utils-DLUjLwnh.js";
+const B = "default", $ = ["mini", "small", "regular", "large"], C = "sm", U = "lg", y = ["default", "round"];
+function l(t) {
+  return t === "default" ? "primary" : t ?? "primary";
+}
+function i(t) {
+  return t === "sm" ? "small" : t === "lg" ? "large" : t ?? "regular";
+}
+const S = N.forwardRef(
+  ({
+    className: t,
+    variant: r = "primary",
+    size: e = "regular",
+    color: n = "ee-blue",
+    roundness: u = "default",
+    asChild: a = !1,
+    type: c = "button",
+    ...m
+  }, f) => {
+    const b = a ? v : "button", o = l(r), d = i(e), _ = o === "destructive" ? void 0 : `button--color-${n}`;
+    return /* @__PURE__ */ I(
+      b,
+      {
+        ref: f,
+        type: a ? void 0 : c,
+        className: s(
+          "button",
+          "icon-button",
+          `button--variant-${o}`,
+          _,
+          `icon-button--size-${d}`,
+          `icon-button--roundness-${u}`,
+          t
+        ),
+        ...m
+      }
+    );
+  }
+);
+S.displayName = "IconButton";
+function z(t) {
+  const r = l((t == null ? void 0 : t.variant) ?? "primary"), e = i((t == null ? void 0 : t.size) ?? "regular"), n = (t == null ? void 0 : t.color) ?? "ee-blue", u = (t == null ? void 0 : t.roundness) ?? "default", c = r === "destructive" ? void 0 : `button--color-${n}`;
+  return s(
+    "button",
+    "icon-button",
+    `button--variant-${r}`,
+    c,
+    `icon-button--size-${e}`,
+    `icon-button--roundness-${u}`
+  );
+}
+export {
+  S as I,
+  $ as a,
+  y as b,
+  B as c,
+  C as d,
+  U as e,
+  z as i
+};

package/dist/icon-button.js

@@ -0,0 +1,12 @@
+import { c as N } from "./utils-DLUjLwnh.js";
+import { b as a, a as O, e as S, d as s, c as A, I as o, i as t } from "./icon-button-B5hCoK1b.js";
+export {
+  a as ICON_BUTTON_ROUNDNESS,
+  O as ICON_BUTTON_SIZES,
+  S as ICON_BUTTON_SIZE_LG_ALIAS,
+  s as ICON_BUTTON_SIZE_SM_ALIAS,
+  A as ICON_BUTTON_VARIANT_DEFAULT_ALIAS,
+  o as IconButton,
+  N as cn,
+  t as iconButtonVariants
+};