@konstructio/ui 0.1.2-alpha.73 → 0.1.2-alpha.74

package/dist/components/Alert/Alert.js

@@ -1,4 +1,4 @@
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
 import { useRef as h, useState as C, useCallback as I, useEffect as b } from "react";
 import { V as g } from "../../index-BKjcReYh.js";
 import { cn as t } from "../../utils/index.js";
@@ -14,10 +14,10 @@ const R = {
   warning: A,
   danger: w
 }, X = ({
-  theme: c,
+  theme: m,
   type: r,
-  title: m,
-  description: s,
+  title: l,
+  description: i,
   isVisible: a = !0,
   showCloseButton: d = !1
 }) => {
@@ -36,23 +36,23 @@ const R = {
     ), () => e.abort();
   }, []), !f)
     return null;
-  const i = r ? R[r] : null;
-  return /* @__PURE__ */ l(
+  const c = r ? R[r] : null;
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: o,
       className: t(k({ type: r, isVisible: a })),
       "data-state": a ? "visible" : "hidden",
-      "data-theme": c,
+      "data-theme": m,
       role: "alert",
       "aria-live": "polite",
       children: [
-        i && /* @__PURE__ */ n(i, { className: t(N({ type: r })) }),
-        /* @__PURE__ */ l("div", { className: "flex flex-col gap-1 flex-1", children: [
-          /* @__PURE__ */ n("p", { className: t(V({ type: r })), children: m }),
-          s && /* @__PURE__ */ n("div", { className: t(v({ type: r })), children: s })
+        c && /* @__PURE__ */ n(c, { className: t(N({ type: r })) }),
+        /* @__PURE__ */ s("div", { className: "flex flex-col gap-1 flex-1", children: [
+          l && /* @__PURE__ */ n("p", { className: t(V({ type: r })), children: l }),
+          i && /* @__PURE__ */ n("div", { className: t(v({ type: r })), children: i })
         ] }),
-        d && /* @__PURE__ */ l("button", { type: "button", onClick: p, children: [
+        d && /* @__PURE__ */ s("button", { type: "button", onClick: p, children: [
           /* @__PURE__ */ n(P, { className: t(x({ type: r })) }),
           /* @__PURE__ */ n(g, { children: "Dismiss alert" })
         ] })

package/dist/components/Alert/Alert.types.d.ts

@@ -12,15 +12,30 @@ import { alertVariants } from './Alert.variants';
  * <Alert type="warning" title="Warning" description={<span>Action <strong>required</strong></span>} />
  * ```
  */
-export interface AlertProps extends VariantProps<typeof alertVariants> {
-    /** Alert title (bold text) */
-    title: string;
-    /** Alert description */
-    description?: string | ReactNode;
+type AlertBaseProps = VariantProps<typeof alertVariants> & {
     /** Whether the alert is visible */
     isVisible?: boolean;
     /** Show close button to dismiss alert */
     showCloseButton?: boolean;
     /** Theme override for this component */
     theme?: Theme;
-}
+};
+/**
+ * Props for the Alert component.
+ * At least one of `title` or `description` must be provided.
+ *
+ * @example
+ * ```tsx
+ * <Alert type="success" title="Operation completed!" />
+ * <Alert type="danger" description="Something went wrong" />
+ * <Alert type="warning" title="Warning" description={<span>Action <strong>required</strong></span>} />
+ * ```
+ */
+export type AlertProps = AlertBaseProps & ({
+    title: string | ReactNode;
+    description?: string | ReactNode;
+} | {
+    title?: string | ReactNode;
+    description: string | ReactNode;
+});
+export {};

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.72",
+  "version": "0.1.2-alpha.73",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.73",
+  "version": "0.1.2-alpha.74",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",