@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.80

package/dist/assets/icons/components/index.js

@@ -1,6 +1,146 @@
-import { SearchIcon as o } from "./Search.js";
-import { Warning as c } from "./Warning.js";
+import { AccountsIcon as r } from "./Accounts.js";
+import { AddChartIcon as t } from "./AddChart.js";
+import { AlertOutlineIcon as n } from "./AlertOutline.js";
+import { AppRepoIcon as p } from "./AppRepo.js";
+import { AppsIcon as I } from "./Apps.js";
+import { ArchivesIcon as l } from "./Archives.js";
+import { ArrowDownIcon as C } from "./ArrowDown.js";
+import { ArrowLeftIcon as s } from "./ArrowLeft.js";
+import { ArrowRightIcon as h } from "./ArrowRight.js";
+import { ArrowUpIcon as w } from "./ArrowUp.js";
+import { BarChartIcon as A } from "./BarChart.js";
+import { BookOpenIcon as P } from "./BookOpen.js";
+import { CalendarMonthIcon as S } from "./CalendarMonth.js";
+import { CheckboxMarkedCircleOutlineIcon as E } from "./CheckboxMarkedCircleOutline.js";
+import { CheckCircleFilledIcon as D } from "./CheckCircleFilled.js";
+import { CheckCircleOutlineIcon as R } from "./CheckCircleOutline.js";
+import { CheckIcon as y } from "./Check.js";
+import { ClockAlertIcon as G } from "./ClockAlert.js";
+import { ClockOutlineIcon as M } from "./ClockOutline.js";
+import { CloseIcon as U } from "./Close.js";
+import { CloudIcon as F } from "./Cloud.js";
+import { CloudLockOutlineIcon as V } from "./CloudLockOutline.js";
+import { ClustersIcon as j } from "./Clusters.js";
+import { CogOutlineIcon as z } from "./CogOutline.js";
+import { CopyIcon as Q } from "./Copy.js";
+import { CpuIcon as Z } from "./Cpu.js";
+import { CubeIcon as $ } from "./Cube.js";
+import { DatacenterIcon as ro } from "./Datacenter.js";
+import { DeleteIcon as to } from "./Delete.js";
+import { DollarSignIcon as no } from "./DollarSign.js";
+import { DownloadIcon as po } from "./Download.js";
+import { EditIcon as Io } from "./Edit.js";
+import { EllipsesIcon as lo } from "./Ellipses.js";
+import { EnvironmentsIcon as Co } from "./Environments.js";
+import { ErrorIcon as so } from "./Error.js";
+import { ErrorOutlineIcon as go } from "./ErrorOutline.js";
+import { ExclamationIcon as ko } from "./Exclamation.js";
+import { GitIcon as Oo } from "./Git.js";
+import { GitOpsCatalogIcon as Lo } from "./GitOpsCatalog.js";
+import { GridViewIcon as vo } from "./GridView.js";
+import { HelpIcon as bo } from "./Help.js";
+import { HideOutlineIcon as Ho } from "./HideOutline.js";
+import { Home2Icon as xo } from "./Home2.js";
+import { HomeIcon as Bo } from "./Home.js";
+import { IdIcon as To } from "./Id.js";
+import { InfoCircleIcon as No } from "./InfoCircle.js";
+import { InformationOutlineIcon as Wo } from "./InformationOutline.js";
+import { InvoiceListIcon as Ko } from "./InvoiceList.js";
+import { KeyIcon as Xo } from "./Key.js";
+import { LoaderIcon as qo } from "./Loader.js";
+import { LightBulbIcon as Jo } from "./LightBulb.js";
+import { NetworkIcon as Yo } from "./Network.js";
+import { PagesStackIcon as _o } from "./PagesStack.js";
+import { PageviewIcon as or } from "./Pageview.js";
+import { PeopleIcon as mr } from "./People.js";
+import { PhotoLibraryIcon as ir } from "./PhotoLibrary.js";
+import { PipelineIcon as cr } from "./Pipeline.js";
+import { PlusIcon as fr } from "./Plus.js";
+import { PowerSettingsIcon as er } from "./PowerSettings.js";
+import { PreviewIcon as ar } from "./Preview.js";
+import { ReceiptLongIcon as ur } from "./ReceiptLong.js";
+import { RefreshIcon as dr } from "./Refresh.js";
+import { ScatterPlotIcon as gr } from "./ScatterPlot.js";
+import { SearchIcon as kr } from "./Search.js";
+import { ServerIcon as Or } from "./Server.js";
+import { StartIcon as Lr } from "./Start.js";
+import { TabNewIcon as vr } from "./TabNew.js";
+import { TeamsIcon as br } from "./Teams.js";
+import { UploadIcon as Hr } from "./Upload.js";
+import { WarningIcon as xr } from "./Warning.js";
+import { WarningTriangleIcon as Br } from "./WarningTriangle.js";
+import { XIcon as Tr } from "./X.js";
 export {
-  o as SearchIcon,
-  c as WarningIcon
+  r as AccountsIcon,
+  t as AddChartIcon,
+  n as AlertOutlineIcon,
+  p as AppRepoIcon,
+  I as AppsIcon,
+  l as ArchivesIcon,
+  C as ArrowDownIcon,
+  s as ArrowLeftIcon,
+  h as ArrowRightIcon,
+  w as ArrowUpIcon,
+  A as BarChartIcon,
+  P as BookOpenIcon,
+  S as CalendarMonthIcon,
+  D as CheckCircleFilledIcon,
+  R as CheckCircleOutlineIcon,
+  y as CheckIcon,
+  E as CheckboxMarkedCircleOutlineIcon,
+  G as ClockAlertIcon,
+  M as ClockOutlineIcon,
+  U as CloseIcon,
+  F as CloudIcon,
+  V as CloudLockOutlineIcon,
+  j as ClustersIcon,
+  z as CogOutlineIcon,
+  Q as CopyIcon,
+  Z as CpuIcon,
+  $ as CubeIcon,
+  ro as DatacenterIcon,
+  to as DeleteIcon,
+  no as DollarSignIcon,
+  po as DownloadIcon,
+  Io as EditIcon,
+  lo as EllipsesIcon,
+  Co as EnvironmentsIcon,
+  so as ErrorIcon,
+  go as ErrorOutlineIcon,
+  ko as ExclamationIcon,
+  Oo as GitIcon,
+  Lo as GitOpsCatalogIcon,
+  vo as GridViewIcon,
+  bo as HelpIcon,
+  Ho as HideOutlineIcon,
+  xo as Home2Icon,
+  Bo as HomeIcon,
+  To as IdIcon,
+  No as InfoCircleIcon,
+  Wo as InformationOutlineIcon,
+  Ko as InvoiceListIcon,
+  Xo as KeyIcon,
+  Jo as LightBulbIcon,
+  qo as LoaderIcon,
+  Yo as NetworkIcon,
+  _o as PagesStackIcon,
+  or as PageviewIcon,
+  mr as PeopleIcon,
+  ir as PhotoLibraryIcon,
+  cr as PipelineIcon,
+  fr as PlusIcon,
+  er as PowerSettingsIcon,
+  ar as PreviewIcon,
+  ur as ReceiptLongIcon,
+  dr as RefreshIcon,
+  gr as ScatterPlotIcon,
+  kr as SearchIcon,
+  Or as ServerIcon,
+  Lr as StartIcon,
+  vr as TabNewIcon,
+  br as TeamsIcon,
+  Hr as UploadIcon,
+  xr as WarningIcon,
+  Br as WarningTriangleIcon,
+  Tr as XIcon
 };

package/dist/assets/icons/components/types.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps, RefAttributes, ForwardRefExoticComponent } from 'react';
+export interface IconProps extends SVGProps<SVGSVGElement> {
+    size?: string | number;
+}
+export type IconComponent = ForwardRefExoticComponent<Omit<IconProps, 'ref'> & RefAttributes<SVGSVGElement>>;

package/dist/assets/icons/index.d.ts

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

package/dist/assets/icons/index.js

@@ -0,0 +1,146 @@
+import { AccountsIcon as r } from "./components/Accounts.js";
+import { AddChartIcon as t } from "./components/AddChart.js";
+import { AlertOutlineIcon as n } from "./components/AlertOutline.js";
+import { AppRepoIcon as p } from "./components/AppRepo.js";
+import { AppsIcon as I } from "./components/Apps.js";
+import { ArchivesIcon as l } from "./components/Archives.js";
+import { ArrowDownIcon as C } from "./components/ArrowDown.js";
+import { ArrowLeftIcon as s } from "./components/ArrowLeft.js";
+import { ArrowRightIcon as h } from "./components/ArrowRight.js";
+import { ArrowUpIcon as w } from "./components/ArrowUp.js";
+import { BarChartIcon as A } from "./components/BarChart.js";
+import { BookOpenIcon as P } from "./components/BookOpen.js";
+import { CalendarMonthIcon as S } from "./components/CalendarMonth.js";
+import { CheckboxMarkedCircleOutlineIcon as E } from "./components/CheckboxMarkedCircleOutline.js";
+import { CheckCircleFilledIcon as D } from "./components/CheckCircleFilled.js";
+import { CheckCircleOutlineIcon as R } from "./components/CheckCircleOutline.js";
+import { CheckIcon as y } from "./components/Check.js";
+import { ClockAlertIcon as G } from "./components/ClockAlert.js";
+import { ClockOutlineIcon as M } from "./components/ClockOutline.js";
+import { CloseIcon as U } from "./components/Close.js";
+import { CloudIcon as F } from "./components/Cloud.js";
+import { CloudLockOutlineIcon as V } from "./components/CloudLockOutline.js";
+import { ClustersIcon as j } from "./components/Clusters.js";
+import { CogOutlineIcon as z } from "./components/CogOutline.js";
+import { CopyIcon as Q } from "./components/Copy.js";
+import { CpuIcon as Z } from "./components/Cpu.js";
+import { CubeIcon as $ } from "./components/Cube.js";
+import { DatacenterIcon as ro } from "./components/Datacenter.js";
+import { DeleteIcon as to } from "./components/Delete.js";
+import { DollarSignIcon as no } from "./components/DollarSign.js";
+import { DownloadIcon as po } from "./components/Download.js";
+import { EditIcon as Io } from "./components/Edit.js";
+import { EllipsesIcon as lo } from "./components/Ellipses.js";
+import { EnvironmentsIcon as Co } from "./components/Environments.js";
+import { ErrorIcon as so } from "./components/Error.js";
+import { ErrorOutlineIcon as go } from "./components/ErrorOutline.js";
+import { ExclamationIcon as ko } from "./components/Exclamation.js";
+import { GitIcon as Oo } from "./components/Git.js";
+import { GitOpsCatalogIcon as Lo } from "./components/GitOpsCatalog.js";
+import { GridViewIcon as vo } from "./components/GridView.js";
+import { HelpIcon as bo } from "./components/Help.js";
+import { HideOutlineIcon as Ho } from "./components/HideOutline.js";
+import { Home2Icon as xo } from "./components/Home2.js";
+import { HomeIcon as Bo } from "./components/Home.js";
+import { IdIcon as To } from "./components/Id.js";
+import { InfoCircleIcon as No } from "./components/InfoCircle.js";
+import { InformationOutlineIcon as Wo } from "./components/InformationOutline.js";
+import { InvoiceListIcon as Ko } from "./components/InvoiceList.js";
+import { KeyIcon as Xo } from "./components/Key.js";
+import { LoaderIcon as qo } from "./components/Loader.js";
+import { LightBulbIcon as Jo } from "./components/LightBulb.js";
+import { NetworkIcon as Yo } from "./components/Network.js";
+import { PagesStackIcon as _o } from "./components/PagesStack.js";
+import { PageviewIcon as or } from "./components/Pageview.js";
+import { PeopleIcon as mr } from "./components/People.js";
+import { PhotoLibraryIcon as ir } from "./components/PhotoLibrary.js";
+import { PipelineIcon as cr } from "./components/Pipeline.js";
+import { PlusIcon as fr } from "./components/Plus.js";
+import { PowerSettingsIcon as er } from "./components/PowerSettings.js";
+import { PreviewIcon as ar } from "./components/Preview.js";
+import { ReceiptLongIcon as ur } from "./components/ReceiptLong.js";
+import { RefreshIcon as dr } from "./components/Refresh.js";
+import { ScatterPlotIcon as gr } from "./components/ScatterPlot.js";
+import { SearchIcon as kr } from "./components/Search.js";
+import { ServerIcon as Or } from "./components/Server.js";
+import { StartIcon as Lr } from "./components/Start.js";
+import { TabNewIcon as vr } from "./components/TabNew.js";
+import { TeamsIcon as br } from "./components/Teams.js";
+import { UploadIcon as Hr } from "./components/Upload.js";
+import { WarningIcon as xr } from "./components/Warning.js";
+import { WarningTriangleIcon as Br } from "./components/WarningTriangle.js";
+import { XIcon as Tr } from "./components/X.js";
+export {
+  r as AccountsIcon,
+  t as AddChartIcon,
+  n as AlertOutlineIcon,
+  p as AppRepoIcon,
+  I as AppsIcon,
+  l as ArchivesIcon,
+  C as ArrowDownIcon,
+  s as ArrowLeftIcon,
+  h as ArrowRightIcon,
+  w as ArrowUpIcon,
+  A as BarChartIcon,
+  P as BookOpenIcon,
+  S as CalendarMonthIcon,
+  D as CheckCircleFilledIcon,
+  R as CheckCircleOutlineIcon,
+  y as CheckIcon,
+  E as CheckboxMarkedCircleOutlineIcon,
+  G as ClockAlertIcon,
+  M as ClockOutlineIcon,
+  U as CloseIcon,
+  F as CloudIcon,
+  V as CloudLockOutlineIcon,
+  j as ClustersIcon,
+  z as CogOutlineIcon,
+  Q as CopyIcon,
+  Z as CpuIcon,
+  $ as CubeIcon,
+  ro as DatacenterIcon,
+  to as DeleteIcon,
+  no as DollarSignIcon,
+  po as DownloadIcon,
+  Io as EditIcon,
+  lo as EllipsesIcon,
+  Co as EnvironmentsIcon,
+  so as ErrorIcon,
+  go as ErrorOutlineIcon,
+  ko as ExclamationIcon,
+  Oo as GitIcon,
+  Lo as GitOpsCatalogIcon,
+  vo as GridViewIcon,
+  bo as HelpIcon,
+  Ho as HideOutlineIcon,
+  xo as Home2Icon,
+  Bo as HomeIcon,
+  To as IdIcon,
+  No as InfoCircleIcon,
+  Wo as InformationOutlineIcon,
+  Ko as InvoiceListIcon,
+  Xo as KeyIcon,
+  Jo as LightBulbIcon,
+  qo as LoaderIcon,
+  Yo as NetworkIcon,
+  _o as PagesStackIcon,
+  or as PageviewIcon,
+  mr as PeopleIcon,
+  ir as PhotoLibraryIcon,
+  cr as PipelineIcon,
+  fr as PlusIcon,
+  er as PowerSettingsIcon,
+  ar as PreviewIcon,
+  ur as ReceiptLongIcon,
+  dr as RefreshIcon,
+  gr as ScatterPlotIcon,
+  kr as SearchIcon,
+  Or as ServerIcon,
+  Lr as StartIcon,
+  vr as TabNewIcon,
+  br as TeamsIcon,
+  Hr as UploadIcon,
+  xr as WarningIcon,
+  Br as WarningTriangleIcon,
+  Tr as XIcon
+};

package/dist/chevron-down-DgssmYWu.js

@@ -0,0 +1,8 @@
+import { t as o } from "./createLucideIcon-BVGkzDZC.js";
+var r = [["path", {
+  d: "m6 9 6 6 6-6",
+  key: "qrunsl"
+}]], n = o("chevron-down", r);
+export {
+  n as t
+};

package/dist/chevron-left-DRJXef9g.js

@@ -0,0 +1,8 @@
+import { t as e } from "./createLucideIcon-BVGkzDZC.js";
+var o = [["path", {
+  d: "m15 18-6-6 6-6",
+  key: "1wnfg3"
+}]], t = e("chevron-left", o);
+export {
+  t
+};

package/dist/chevron-right-BooB_b7g.js

@@ -0,0 +1,8 @@
+import { t as r } from "./createLucideIcon-BVGkzDZC.js";
+var t = [["path", {
+  d: "m9 18 6-6-6-6",
+  key: "mthhwq"
+}]], o = r("chevron-right", t);
+export {
+  o as t
+};

package/dist/chevron-up-DuS9MUNr.js

@@ -0,0 +1,8 @@
+import { t as e } from "./createLucideIcon-BVGkzDZC.js";
+var o = [["path", {
+  d: "m18 15-6-6-6 6",
+  key: "153udz"
+}]], a = e("chevron-up", o);
+export {
+  a as t
+};

package/dist/chunk-D1xtDmiO.js

@@ -0,0 +1,31 @@
+var f = Object.create, a = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = Object.getOwnPropertyNames, b = Object.getPrototypeOf, l = Object.prototype.hasOwnProperty, g = (e, r) => () => (e && (r = e(e = 0)), r), O = (e, r) => () => (r || e((r = { exports: {} }).exports, r), r.exports), P = (e, r) => {
+  let t = {};
+  for (var o in e)
+    a(t, o, {
+      get: e[o],
+      enumerable: !0
+    });
+  return r || a(t, Symbol.toStringTag, { value: "Module" }), t;
+}, p = (e, r, t, o) => {
+  if (r && typeof r == "object" || typeof r == "function")
+    for (var i = c(r), u = 0, _ = i.length, n; u < _; u++)
+      n = i[u], !l.call(e, n) && n !== t && a(e, n, {
+        get: ((s) => r[s]).bind(null, n),
+        enumerable: !(o = v(r, n)) || o.enumerable
+      });
+  return e;
+}, d = (e, r, t) => (t = e != null ? f(b(e)) : {}, p(r || !e || !e.__esModule ? a(t, "default", {
+  value: e,
+  enumerable: !0
+}) : t, e)), y = (e) => l.call(e, "module.exports") ? e["module.exports"] : p(a({}, "__esModule", { value: !0 }), e), q = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (r, t) => (typeof require < "u" ? require : r)[t] }) : e)(function(e) {
+  if (typeof require < "u") return require.apply(this, arguments);
+  throw Error('Calling `require` for "' + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+export {
+  y as a,
+  q as i,
+  g as n,
+  d as o,
+  P as r,
+  O as t
+};

package/dist/{clsx-OuTLNxxd.js → clsx-kDhLfUq2.js}

@@ -12,5 +12,5 @@ function i() {
   return t;
 }
 export {
-  i as c
+  i as t
 };

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

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { Props } from './Alert.types';
+/**
+ * An alert component for displaying feedback messages.
+ * Supports success, info, warning, and danger variants with icon, title, and optional description.
+ *
+ * @example
+ * ```tsx
+ * <Alert type="success" title="Changes saved successfully!" />
+ *
+ * <Alert
+ *   type="danger"
+ *   title="Error"
+ *   description="Failed to save changes. Please try again."
+ *   showCloseButton
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-alert--docs Storybook}
+ */
+export declare const Alert: FC<Props>;

package/dist/components/Alert/Alert.js

@@ -1,51 +1,61 @@
-import { jsx as l, jsxs as s } from "react/jsx-runtime";
-import { useRef as f, useState as h, useMemo as b, isValidElement as C, useCallback as V, useEffect as v } from "react";
-import { V as k } from "../../index-sp5ZfG6g.js";
-import { cn as a } from "../../utils/index.js";
-import { closeButtonVariants as w, alertVariants as x } from "./Alert.variants.js";
-import { X as y } from "../../x-4F_5p77m.js";
-const R = ({
-  theme: i,
-  type: o,
-  content: t,
-  isVisible: n = !0,
-  showCloseButton: m = !1
-}) => {
-  const r = f(null), [c, d] = h(n), u = b(
-    () => C(t) ? t : /* @__PURE__ */ l("p", { children: t }),
-    [t]
-  ), p = V(() => {
-    const e = r.current;
+"use client";
+import { t as h } from "../../x-BwIi6Wii.js";
+import { n as C } from "../../dist-CBnErrr1.js";
+import { t as n } from "../../utils-DHuiYnx1.js";
+import { CheckCircleFilledIcon as v } from "../../assets/icons/components/CheckCircleFilled.js";
+import { ErrorIcon as I } from "../../assets/icons/components/Error.js";
+import { InfoCircleIcon as b } from "../../assets/icons/components/InfoCircle.js";
+import { WarningTriangleIcon as g } from "../../assets/icons/components/WarningTriangle.js";
+import { alertVariants as N, closeButtonVariants as x, descriptionVariants as V, iconVariants as k, titleVariants as w } from "./Alert.variants.js";
+import { useCallback as A, useEffect as E, useRef as j, useState as P } from "react";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+var R = {
+  success: v,
+  info: b,
+  warning: g,
+  danger: I
+}, X = ({ theme: m, type: r, title: l, description: i, isVisible: o = !0, showCloseButton: d = !1 }) => {
+  const a = j(null), [f, u] = P(o), p = A(() => {
+    const e = a.current;
     e && e.setAttribute("data-state", "hidden");
   }, []);
-  return v(() => {
+  if (E(() => {
     const e = new AbortController();
-    return r.current?.addEventListener(
-      "animationend",
-      () => {
-        r.current?.style.setProperty("display", "none"), d(!1);
-      },
-      { signal: e.signal }
-    ), () => e.abort();
-  }, []), c ? /* @__PURE__ */ s(
-    "div",
-    {
-      ref: r,
-      className: a(x({ type: o, isVisible: n })),
-      "data-state": n ? "visible" : "hidden",
-      "data-theme": i,
-      role: "alert",
-      "aria-live": "polite",
-      children: [
-        u,
-        m ? /* @__PURE__ */ s("button", { role: "button", onClick: p, children: [
-          /* @__PURE__ */ l(y, { className: a(w({ type: o })) }),
-          /* @__PURE__ */ l(k, { children: "Dismiss alert" })
-        ] }) : null
-      ]
-    }
-  ) : null;
+    return a.current?.addEventListener("animationend", () => {
+      a.current?.style.setProperty("display", "none"), u(!1);
+    }, { signal: e.signal }), () => e.abort();
+  }, []), !f) return null;
+  const c = r ? R[r] : null;
+  return /* @__PURE__ */ s("div", {
+    ref: a,
+    className: n(N({
+      type: r,
+      isVisible: o
+    })),
+    "data-state": o ? "visible" : "hidden",
+    "data-theme": m,
+    role: "alert",
+    "aria-live": "polite",
+    children: [
+      c && /* @__PURE__ */ t(c, { className: n(k({ type: r })) }),
+      /* @__PURE__ */ s("div", {
+        className: "flex flex-col gap-1 flex-1",
+        children: [l && /* @__PURE__ */ t("p", {
+          className: n(w({ type: r })),
+          children: l
+        }), i && /* @__PURE__ */ t("div", {
+          className: n(V({ type: r })),
+          children: i
+        })]
+      }),
+      d && /* @__PURE__ */ s("button", {
+        type: "button",
+        onClick: p,
+        children: [/* @__PURE__ */ t(h, { className: n(x({ type: r })) }), /* @__PURE__ */ t(C, { children: "Dismiss alert" })]
+      })
+    ]
+  });
 };
 export {
-  R as Alert
+  X as Alert
 };

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

@@ -0,0 +1,43 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode } from 'react';
+import { Theme } from '../../domain/theme';
+import { alertVariants } from './Alert.variants';
+/**
+ * Props for the Alert component.
+ *
+ * @example
+ * ```tsx
+ * <Alert type="success" title="Operation completed!" />
+ * <Alert type="danger" title="Error" description="Something went wrong" showCloseButton />
+ * <Alert type="warning" title="Warning" description={<span>Action <strong>required</strong></span>} />
+ * ```
+ */
+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 Props = AlertBaseProps & ({
+    title: string | ReactNode;
+    description?: string | ReactNode;
+} | {
+    title?: string | ReactNode;
+    description: string | ReactNode;
+});
+/** @deprecated Use Props instead */
+export type AlertProps = Props;
+export {};

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

@@ -0,0 +1,16 @@
+export declare const alertVariants: (props?: ({
+    type?: "success" | "info" | "warning" | "danger" | null | undefined;
+    isVisible?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const titleVariants: (props?: ({
+    type?: "success" | "info" | "warning" | "danger" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const descriptionVariants: (props?: ({
+    type?: "success" | "info" | "warning" | "danger" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const iconVariants: (props?: ({
+    type?: "success" | "info" | "warning" | "danger" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const closeButtonVariants: (props?: ({
+    type?: "success" | "info" | "warning" | "danger" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;