@konstructio/ui 0.1.2-alpha.7 → 0.1.2-alpha.71

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

@@ -0,0 +1,28 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+const e = n(
+  ({ size: o = 24, color: t = "currentColor", ...L }, l) => /* @__PURE__ */ r(
+    "svg",
+    {
+      ref: l,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: o,
+      height: o,
+      viewBox: "0 0 40 40",
+      fill: "none",
+      ...L,
+      children: /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M27 14.41L25.59 13L20 18.59L14.41 13L13 14.41L18.59 20L13 25.59L14.41 27L20 21.41L25.59 27L27 25.59L21.41 20L27 14.41Z",
+          fill: t
+        }
+      )
+    }
+  )
+);
+e.displayName = "KonstructXIcon";
+export {
+  e as XIcon,
+  e as default
+};

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

@@ -0,0 +1,67 @@
+export { AccountsIcon } from './Accounts';
+export { AddChartIcon } from './AddChart';
+export { AlertOutlineIcon } from './AlertOutline';
+export { AppRepoIcon } from './AppRepo';
+export { AppsIcon } from './Apps';
+export { ArchivesIcon } from './Archives';
+export { ArrowDownIcon } from './ArrowDown';
+export { ArrowLeftIcon } from './ArrowLeft';
+export { ArrowRightIcon } from './ArrowRight';
+export { ArrowUpIcon } from './ArrowUp';
+export { BarChartIcon } from './BarChart';
+export { BookOpenIcon } from './BookOpen';
+export { CalendarMonthIcon } from './CalendarMonth';
+export { CheckIcon } from './Check';
+export { CheckCircleIcon } from './CheckCircle';
+export { ClockAlertIcon } from './ClockAlert';
+export { ClockOutlineIcon } from './ClockOutline';
+export { CloseIcon } from './Close';
+export { CloudIcon } from './Cloud';
+export { CloudLockOutlineIcon } from './CloudLockOutline';
+export { ClustersIcon } from './Clusters';
+export { CogOutlineIcon } from './CogOutline';
+export { CopyIcon } from './Copy';
+export { CpuIcon } from './Cpu';
+export { CubeIcon } from './Cube';
+export { DatacenterIcon } from './Datacenter';
+export { DeleteIcon } from './Delete';
+export { DollarSignIcon } from './DollarSign';
+export { DownloadIcon } from './Download';
+export { EditIcon } from './Edit';
+export { EllipsesIcon } from './Ellipses';
+export { EnvironmentsIcon } from './Environments';
+export { ErrorIcon } from './Error';
+export { ErrorOutlineIcon } from './ErrorOutline';
+export { ExclamationIcon } from './Exclamation';
+export { GitIcon } from './Git';
+export { GitOpsCatalogIcon } from './GitOpsCatalog';
+export { GridViewIcon } from './GridView';
+export { HelpIcon } from './Help';
+export { HideOutlineIcon } from './HideOutline';
+export { HomeIcon } from './Home';
+export { IdIcon } from './Id';
+export { InformationOutlineIcon } from './InformationOutline';
+export { InvoiceListIcon } from './InvoiceList';
+export { KeyIcon } from './Key';
+export { LoaderIcon } from './Loader';
+export { LightBulbIcon } from './LightBulb';
+export { NetworkIcon } from './Network';
+export { PagesStackIcon } from './PagesStack';
+export { PageviewIcon } from './Pageview';
+export { PeopleIcon } from './People';
+export { PhotoLibraryIcon } from './PhotoLibrary';
+export { PipelineIcon } from './Pipeline';
+export { PlusIcon } from './Plus';
+export { PowerSettingsIcon } from './PowerSettings';
+export { PreviewIcon } from './Preview';
+export { ReceiptLongIcon } from './ReceiptLong';
+export { RefreshIcon } from './Refresh';
+export { ScatterPlotIcon } from './ScatterPlot';
+export { SearchIcon } from './Search';
+export { ServerIcon } from './Server';
+export { StartIcon } from './Start';
+export { TabNewIcon } from './TabNew';
+export { TeamsIcon } from './Teams';
+export { WarningIcon } from './Warning';
+export { XIcon } from './X';
+export type { IconProps, IconComponent } from './types';

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

@@ -1,6 +1,134 @@
-import { SearchIcon as o } from "./Search.js";
-import { Warning as c } from "./Warning.js";
+import { AccountsIcon as e } from "./Accounts.js";
+import { AddChartIcon as n } from "./AddChart.js";
+import { AlertOutlineIcon as p } from "./AlertOutline.js";
+import { AppRepoIcon as f } from "./AppRepo.js";
+import { AppsIcon as x } from "./Apps.js";
+import { ArchivesIcon as l } from "./Archives.js";
+import { ArrowDownIcon as C } from "./ArrowDown.js";
+import { ArrowLeftIcon as u } from "./ArrowLeft.js";
+import { ArrowRightIcon as d } from "./ArrowRight.js";
+import { ArrowUpIcon as A } from "./ArrowUp.js";
+import { BarChartIcon as O } from "./BarChart.js";
+import { BookOpenIcon as k } from "./BookOpen.js";
+import { CalendarMonthIcon as S } from "./CalendarMonth.js";
+import { CheckIcon as E } from "./Check.js";
+import { CheckCircleIcon as b } from "./CheckCircle.js";
+import { ClockAlertIcon as y } from "./ClockAlert.js";
+import { ClockOutlineIcon as G } from "./ClockOutline.js";
+import { CloseIcon as N } from "./Close.js";
+import { CloudIcon as K } from "./Cloud.js";
+import { CloudLockOutlineIcon as U } from "./CloudLockOutline.js";
+import { ClustersIcon as W } from "./Clusters.js";
+import { CogOutlineIcon as j } from "./CogOutline.js";
+import { CopyIcon as z } from "./Copy.js";
+import { CpuIcon as J } from "./Cpu.js";
+import { CubeIcon as Y } from "./Cube.js";
+import { DatacenterIcon as _ } from "./Datacenter.js";
+import { DeleteIcon as oo } from "./Delete.js";
+import { DollarSignIcon as eo } from "./DollarSign.js";
+import { DownloadIcon as no } from "./Download.js";
+import { EditIcon as po } from "./Edit.js";
+import { EllipsesIcon as fo } from "./Ellipses.js";
+import { EnvironmentsIcon as xo } from "./Environments.js";
+import { ErrorIcon as lo } from "./Error.js";
+import { ErrorOutlineIcon as Co } from "./ErrorOutline.js";
+import { ExclamationIcon as uo } from "./Exclamation.js";
+import { GitIcon as ho } from "./Git.js";
+import { GitOpsCatalogIcon as go } from "./GitOpsCatalog.js";
+import { GridViewIcon as Po } from "./GridView.js";
+import { HelpIcon as Lo } from "./Help.js";
+import { HideOutlineIcon as vo } from "./HideOutline.js";
+import { HomeIcon as Do } from "./Home.js";
+import { IdIcon as Ro } from "./Id.js";
+import { InformationOutlineIcon as Bo } from "./InformationOutline.js";
+import { InvoiceListIcon as Ho } from "./InvoiceList.js";
+import { KeyIcon as To } from "./Key.js";
+import { LoaderIcon as Mo } from "./Loader.js";
+import { LightBulbIcon as Vo } from "./LightBulb.js";
+import { NetworkIcon as Xo } from "./Network.js";
+import { PagesStackIcon as qo } from "./PagesStack.js";
+import { PageviewIcon as Fo } from "./Pageview.js";
+import { PeopleIcon as Qo } from "./People.js";
+import { PhotoLibraryIcon as Zo } from "./PhotoLibrary.js";
+import { PipelineIcon as $o } from "./Pipeline.js";
+import { PlusIcon as rr } from "./Plus.js";
+import { PowerSettingsIcon as tr } from "./PowerSettings.js";
+import { PreviewIcon as cr } from "./Preview.js";
+import { ReceiptLongIcon as mr } from "./ReceiptLong.js";
+import { RefreshIcon as Ir } from "./Refresh.js";
+import { ScatterPlotIcon as ir } from "./ScatterPlot.js";
+import { SearchIcon as ar } from "./Search.js";
+import { ServerIcon as sr } from "./Server.js";
+import { StartIcon as wr } from "./Start.js";
+import { TabNewIcon as hr } from "./TabNew.js";
+import { TeamsIcon as gr } from "./Teams.js";
+import { WarningIcon as Pr } from "./Warning.js";
+import { XIcon as Lr } from "./X.js";
 export {
-  o as SearchIcon,
-  c as WarningIcon
+  e as AccountsIcon,
+  n as AddChartIcon,
+  p as AlertOutlineIcon,
+  f as AppRepoIcon,
+  x as AppsIcon,
+  l as ArchivesIcon,
+  C as ArrowDownIcon,
+  u as ArrowLeftIcon,
+  d as ArrowRightIcon,
+  A as ArrowUpIcon,
+  O as BarChartIcon,
+  k as BookOpenIcon,
+  S as CalendarMonthIcon,
+  b as CheckCircleIcon,
+  E as CheckIcon,
+  y as ClockAlertIcon,
+  G as ClockOutlineIcon,
+  N as CloseIcon,
+  K as CloudIcon,
+  U as CloudLockOutlineIcon,
+  W as ClustersIcon,
+  j as CogOutlineIcon,
+  z as CopyIcon,
+  J as CpuIcon,
+  Y as CubeIcon,
+  _ as DatacenterIcon,
+  oo as DeleteIcon,
+  eo as DollarSignIcon,
+  no as DownloadIcon,
+  po as EditIcon,
+  fo as EllipsesIcon,
+  xo as EnvironmentsIcon,
+  lo as ErrorIcon,
+  Co as ErrorOutlineIcon,
+  uo as ExclamationIcon,
+  ho as GitIcon,
+  go as GitOpsCatalogIcon,
+  Po as GridViewIcon,
+  Lo as HelpIcon,
+  vo as HideOutlineIcon,
+  Do as HomeIcon,
+  Ro as IdIcon,
+  Bo as InformationOutlineIcon,
+  Ho as InvoiceListIcon,
+  To as KeyIcon,
+  Vo as LightBulbIcon,
+  Mo as LoaderIcon,
+  Xo as NetworkIcon,
+  qo as PagesStackIcon,
+  Fo as PageviewIcon,
+  Qo as PeopleIcon,
+  Zo as PhotoLibraryIcon,
+  $o as PipelineIcon,
+  rr as PlusIcon,
+  tr as PowerSettingsIcon,
+  cr as PreviewIcon,
+  mr as ReceiptLongIcon,
+  Ir as RefreshIcon,
+  ir as ScatterPlotIcon,
+  ar as SearchIcon,
+  sr as ServerIcon,
+  wr as StartIcon,
+  hr as TabNewIcon,
+  gr as TeamsIcon,
+  Pr as WarningIcon,
+  Lr 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,134 @@
+import { AccountsIcon as e } from "./components/Accounts.js";
+import { AddChartIcon as n } from "./components/AddChart.js";
+import { AlertOutlineIcon as p } from "./components/AlertOutline.js";
+import { AppRepoIcon as f } from "./components/AppRepo.js";
+import { AppsIcon as x } from "./components/Apps.js";
+import { ArchivesIcon as l } from "./components/Archives.js";
+import { ArrowDownIcon as C } from "./components/ArrowDown.js";
+import { ArrowLeftIcon as u } from "./components/ArrowLeft.js";
+import { ArrowRightIcon as d } from "./components/ArrowRight.js";
+import { ArrowUpIcon as A } from "./components/ArrowUp.js";
+import { BarChartIcon as O } from "./components/BarChart.js";
+import { BookOpenIcon as k } from "./components/BookOpen.js";
+import { CalendarMonthIcon as S } from "./components/CalendarMonth.js";
+import { CheckCircleIcon as E } from "./components/CheckCircle.js";
+import { CheckIcon as b } from "./components/Check.js";
+import { ClockAlertIcon as y } from "./components/ClockAlert.js";
+import { ClockOutlineIcon as G } from "./components/ClockOutline.js";
+import { CloseIcon as N } from "./components/Close.js";
+import { CloudIcon as K } from "./components/Cloud.js";
+import { CloudLockOutlineIcon as U } from "./components/CloudLockOutline.js";
+import { ClustersIcon as W } from "./components/Clusters.js";
+import { CogOutlineIcon as j } from "./components/CogOutline.js";
+import { CopyIcon as z } from "./components/Copy.js";
+import { CpuIcon as J } from "./components/Cpu.js";
+import { CubeIcon as Y } from "./components/Cube.js";
+import { DatacenterIcon as _ } from "./components/Datacenter.js";
+import { DeleteIcon as oo } from "./components/Delete.js";
+import { DollarSignIcon as eo } from "./components/DollarSign.js";
+import { DownloadIcon as no } from "./components/Download.js";
+import { EditIcon as po } from "./components/Edit.js";
+import { EllipsesIcon as fo } from "./components/Ellipses.js";
+import { EnvironmentsIcon as xo } from "./components/Environments.js";
+import { ErrorIcon as lo } from "./components/Error.js";
+import { ErrorOutlineIcon as Co } from "./components/ErrorOutline.js";
+import { ExclamationIcon as uo } from "./components/Exclamation.js";
+import { GitIcon as ho } from "./components/Git.js";
+import { GitOpsCatalogIcon as go } from "./components/GitOpsCatalog.js";
+import { GridViewIcon as Po } from "./components/GridView.js";
+import { HelpIcon as Lo } from "./components/Help.js";
+import { HideOutlineIcon as vo } from "./components/HideOutline.js";
+import { HomeIcon as Do } from "./components/Home.js";
+import { IdIcon as Ro } from "./components/Id.js";
+import { InformationOutlineIcon as Bo } from "./components/InformationOutline.js";
+import { InvoiceListIcon as Ho } from "./components/InvoiceList.js";
+import { KeyIcon as To } from "./components/Key.js";
+import { LightBulbIcon as Mo } from "./components/LightBulb.js";
+import { LoaderIcon as Vo } from "./components/Loader.js";
+import { NetworkIcon as Xo } from "./components/Network.js";
+import { PagesStackIcon as qo } from "./components/PagesStack.js";
+import { PageviewIcon as Fo } from "./components/Pageview.js";
+import { PeopleIcon as Qo } from "./components/People.js";
+import { PhotoLibraryIcon as Zo } from "./components/PhotoLibrary.js";
+import { PipelineIcon as $o } from "./components/Pipeline.js";
+import { PlusIcon as rr } from "./components/Plus.js";
+import { PowerSettingsIcon as tr } from "./components/PowerSettings.js";
+import { PreviewIcon as cr } from "./components/Preview.js";
+import { ReceiptLongIcon as mr } from "./components/ReceiptLong.js";
+import { RefreshIcon as Ir } from "./components/Refresh.js";
+import { ScatterPlotIcon as ir } from "./components/ScatterPlot.js";
+import { SearchIcon as ar } from "./components/Search.js";
+import { ServerIcon as sr } from "./components/Server.js";
+import { StartIcon as wr } from "./components/Start.js";
+import { TabNewIcon as hr } from "./components/TabNew.js";
+import { TeamsIcon as gr } from "./components/Teams.js";
+import { WarningIcon as Pr } from "./components/Warning.js";
+import { XIcon as Lr } from "./components/X.js";
+export {
+  e as AccountsIcon,
+  n as AddChartIcon,
+  p as AlertOutlineIcon,
+  f as AppRepoIcon,
+  x as AppsIcon,
+  l as ArchivesIcon,
+  C as ArrowDownIcon,
+  u as ArrowLeftIcon,
+  d as ArrowRightIcon,
+  A as ArrowUpIcon,
+  O as BarChartIcon,
+  k as BookOpenIcon,
+  S as CalendarMonthIcon,
+  E as CheckCircleIcon,
+  b as CheckIcon,
+  y as ClockAlertIcon,
+  G as ClockOutlineIcon,
+  N as CloseIcon,
+  K as CloudIcon,
+  U as CloudLockOutlineIcon,
+  W as ClustersIcon,
+  j as CogOutlineIcon,
+  z as CopyIcon,
+  J as CpuIcon,
+  Y as CubeIcon,
+  _ as DatacenterIcon,
+  oo as DeleteIcon,
+  eo as DollarSignIcon,
+  no as DownloadIcon,
+  po as EditIcon,
+  fo as EllipsesIcon,
+  xo as EnvironmentsIcon,
+  lo as ErrorIcon,
+  Co as ErrorOutlineIcon,
+  uo as ExclamationIcon,
+  ho as GitIcon,
+  go as GitOpsCatalogIcon,
+  Po as GridViewIcon,
+  Lo as HelpIcon,
+  vo as HideOutlineIcon,
+  Do as HomeIcon,
+  Ro as IdIcon,
+  Bo as InformationOutlineIcon,
+  Ho as InvoiceListIcon,
+  To as KeyIcon,
+  Mo as LightBulbIcon,
+  Vo as LoaderIcon,
+  Xo as NetworkIcon,
+  qo as PagesStackIcon,
+  Fo as PageviewIcon,
+  Qo as PeopleIcon,
+  Zo as PhotoLibraryIcon,
+  $o as PipelineIcon,
+  rr as PlusIcon,
+  tr as PowerSettingsIcon,
+  cr as PreviewIcon,
+  mr as ReceiptLongIcon,
+  Ir as RefreshIcon,
+  ir as ScatterPlotIcon,
+  ar as SearchIcon,
+  sr as ServerIcon,
+  wr as StartIcon,
+  hr as TabNewIcon,
+  gr as TeamsIcon,
+  Pr as WarningIcon,
+  Lr as XIcon
+};

package/dist/chevron-down-BBFYYzZq.js

@@ -0,0 +1,5 @@
+import { c as o } from "./createLucideIcon-CP-mMPfa.js";
+const n = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], e = o("chevron-down", n);
+export {
+  e as C
+};

package/dist/chevron-left-BHBf-gQY.js

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

package/dist/chevron-right-DvXGOiS_.js

@@ -0,0 +1,5 @@
+import { c as o } from "./createLucideIcon-CP-mMPfa.js";
+const t = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], e = o("chevron-right", t);
+export {
+  e as C
+};

package/dist/chevron-up-DEfvgPCw.js

@@ -0,0 +1,54 @@
+import l, { forwardRef as c } from "react";
+import { P as a } from "./index-BOE_3f_Z.js";
+function p() {
+  return p = Object.assign || function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var t = arguments[o];
+      for (var r in t)
+        Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
+    }
+    return e;
+  }, p.apply(this, arguments);
+}
+function u(e, o) {
+  if (e == null) return {};
+  var t = v(e, o), r, n;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++)
+      r = i[n], !(o.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
+  }
+  return t;
+}
+function v(e, o) {
+  if (e == null) return {};
+  var t = {}, r = Object.keys(e), n, i;
+  for (i = 0; i < r.length; i++)
+    n = r[i], !(o.indexOf(n) >= 0) && (t[n] = e[n]);
+  return t;
+}
+var s = c(function(e, o) {
+  var t = e.color, r = t === void 0 ? "currentColor" : t, n = e.size, i = n === void 0 ? 24 : n, f = u(e, ["color", "size"]);
+  return /* @__PURE__ */ l.createElement("svg", p({
+    ref: o,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: i,
+    height: i,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: r,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, f), /* @__PURE__ */ l.createElement("polyline", {
+    points: "18 15 12 9 6 15"
+  }));
+});
+s.propTypes = {
+  color: a.string,
+  size: a.oneOfType([a.string, a.number])
+};
+s.displayName = "ChevronUp";
+export {
+  s as C
+};

package/dist/chevron-up-IlDPxR7j.js

@@ -0,0 +1,5 @@
+import { c as o } from "./createLucideIcon-CP-mMPfa.js";
+const c = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], n = o("chevron-up", c);
+export {
+  n as C
+};

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

@@ -0,0 +1,32 @@
+import { FC } from 'react';
+import { AlertProps } from './Alert.types';
+/**
+ * An alert component for displaying feedback messages.
+ * Supports success, error, warning, and info variants with optional dismiss button.
+ *
+ * @example
+ * ```tsx
+ * // Success alert
+ * <Alert type="success" content="Changes saved successfully!" />
+ *
+ * // Error alert with close button
+ * <Alert
+ *   type="error"
+ *   content="Failed to save changes. Please try again."
+ *   showCloseButton
+ * />
+ *
+ * // Warning alert with custom content
+ * <Alert
+ *   type="warning"
+ *   content={
+ *     <div>
+ *       <strong>Warning:</strong> This action cannot be undone.
+ *     </div>
+ *   }
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-alert--docs Storybook}
+ */
+export declare const Alert: FC<AlertProps>;

package/dist/components/Alert/Alert.js

@@ -1,9 +1,9 @@
 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 { V as k } from "../../index-BKjcReYh.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";
+import { X as y } from "../../x-Eoa9FJjA.js";
 const R = ({
   theme: i,
   type: o,

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

@@ -0,0 +1,26 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode } from 'react';
+import { alertVariants } from './Alert.variants';
+import { Theme } from '../../domain/theme';
+/**
+ * Props for the Alert component.
+ *
+ * @example
+ * ```tsx
+ * <Alert type="success" content="Operation completed successfully!" />
+ * <Alert type="error" content="Something went wrong" showCloseButton />
+ * <Alert type="warning" content={<span>Warning: <strong>Action required</strong></span>} />
+ * ```
+ */
+export interface AlertProps extends VariantProps<typeof alertVariants> {
+    /** Whether the alert can be dismissed (deprecated, use showCloseButton) */
+    dismissible?: boolean;
+    /** Alert message content (string or ReactNode) */
+    content: string | ReactNode;
+    /** Whether the alert is visible */
+    isVisible?: boolean;
+    /** Show close button to dismiss alert */
+    showCloseButton?: boolean;
+    /** Theme override for this component */
+    theme?: Theme;
+}

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

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

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,32 @@
+import { FC } from 'react';
+import { AlertDialogProps } from './AlertDialog.types';
+/**
+ * A confirmation dialog component built on Radix UI AlertDialog.
+ * Includes a trigger button that opens a modal with title, description, and action buttons.
+ *
+ * @example
+ * ```tsx
+ * // Basic confirmation dialog
+ * <AlertDialog
+ *   buttonTriggerText="Delete Item"
+ *   title="Confirm Deletion"
+ *   description="This action cannot be undone."
+ *   onConfirm={() => deleteItem()}
+ * />
+ *
+ * // Danger variant with custom button text
+ * <AlertDialog
+ *   buttonTriggerText="Remove"
+ *   buttonTriggerVariant="danger"
+ *   title="Remove User"
+ *   description="Are you sure you want to remove this user?"
+ *   buttonConfirm={{ text: "Yes, Remove" }}
+ *   buttonCancel={{ text: "No, Keep" }}
+ *   onConfirm={() => removeUser()}
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-alertdialog--docs Storybook}
+ */
+declare const AlertDialog: FC<AlertDialogProps>;
+export { AlertDialog };