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

package/dist/assets/icons/index.js

@@ -5,65 +5,69 @@ 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 { 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 { 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";
+import { CheckCircleFilledIcon as E } from "./components/CheckCircleFilled.js";
+import { CheckCircleOutlineIcon as D } from "./components/CheckCircleOutline.js";
+import { CheckIcon as y } from "./components/Check.js";
+import { CheckboxMarkedCircleOutlineIcon as G } from "./components/CheckboxMarkedCircleOutline.js";
+import { ClockAlertIcon as T } from "./components/ClockAlert.js";
+import { ClockOutlineIcon as N } from "./components/ClockOutline.js";
+import { CloseIcon as F } from "./components/Close.js";
+import { CloudIcon as U } from "./components/Cloud.js";
+import { CloudLockOutlineIcon as X } from "./components/CloudLockOutline.js";
+import { ClustersIcon as q } from "./components/Clusters.js";
+import { CogOutlineIcon as J } from "./components/CogOutline.js";
+import { CopyIcon as Y } from "./components/Copy.js";
+import { CpuIcon as _ } from "./components/Cpu.js";
+import { CubeIcon as oo } from "./components/Cube.js";
+import { DatacenterIcon as eo } from "./components/Datacenter.js";
+import { DeleteIcon as no } from "./components/Delete.js";
+import { DollarSignIcon as po } from "./components/DollarSign.js";
+import { DownloadIcon as fo } from "./components/Download.js";
+import { EditIcon as xo } 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 Ro } from "./components/HideOutline.js";
+import { HomeIcon as Bo } from "./components/Home.js";
+import { IdIcon as Ho } from "./components/Id.js";
+import { InfoCircleIcon as Mo } from "./components/InfoCircle.js";
+import { InformationOutlineIcon as Wo } from "./components/InformationOutline.js";
+import { InvoiceListIcon as Ko } from "./components/InvoiceList.js";
+import { KeyIcon as Vo } from "./components/Key.js";
+import { LightBulbIcon as jo } from "./components/LightBulb.js";
+import { LoaderIcon as zo } from "./components/Loader.js";
+import { NetworkIcon as Qo } from "./components/Network.js";
+import { PagesStackIcon as Zo } from "./components/PagesStack.js";
+import { PageviewIcon as $o } from "./components/Pageview.js";
+import { PeopleIcon as rr } from "./components/People.js";
+import { PhotoLibraryIcon as tr } from "./components/PhotoLibrary.js";
+import { PipelineIcon as cr } from "./components/Pipeline.js";
+import { PlusIcon as mr } from "./components/Plus.js";
+import { PowerSettingsIcon as Ir } from "./components/PowerSettings.js";
+import { PreviewIcon as ir } from "./components/Preview.js";
+import { ReceiptLongIcon as ar } from "./components/ReceiptLong.js";
+import { RefreshIcon as ur } from "./components/Refresh.js";
+import { ScatterPlotIcon as dr } from "./components/ScatterPlot.js";
+import { SearchIcon as gr } from "./components/Search.js";
+import { ServerIcon as kr } from "./components/Server.js";
+import { StartIcon as Or } from "./components/Start.js";
+import { TabNewIcon as Lr } from "./components/TabNew.js";
+import { TeamsIcon as vr } from "./components/Teams.js";
+import { WarningIcon as br } from "./components/Warning.js";
+import { WarningTriangleIcon as Rr } from "./components/WarningTriangle.js";
+import { XIcon as Br } from "./components/X.js";
 export {
   e as AccountsIcon,
   n as AddChartIcon,
@@ -72,63 +76,67 @@ export {
   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 ArrowLeftIcon,
+  h as ArrowRightIcon,
+  w as ArrowUpIcon,
+  A as BarChartIcon,
+  P 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
+  E as CheckCircleFilledIcon,
+  D as CheckCircleOutlineIcon,
+  y as CheckIcon,
+  G as CheckboxMarkedCircleOutlineIcon,
+  T as ClockAlertIcon,
+  N as ClockOutlineIcon,
+  F as CloseIcon,
+  U as CloudIcon,
+  X as CloudLockOutlineIcon,
+  q as ClustersIcon,
+  J as CogOutlineIcon,
+  Y as CopyIcon,
+  _ as CpuIcon,
+  oo as CubeIcon,
+  eo as DatacenterIcon,
+  no as DeleteIcon,
+  po as DollarSignIcon,
+  fo as DownloadIcon,
+  xo 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,
+  Ro as HideOutlineIcon,
+  Bo as HomeIcon,
+  Ho as IdIcon,
+  Mo as InfoCircleIcon,
+  Wo as InformationOutlineIcon,
+  Ko as InvoiceListIcon,
+  Vo as KeyIcon,
+  jo as LightBulbIcon,
+  zo as LoaderIcon,
+  Qo as NetworkIcon,
+  Zo as PagesStackIcon,
+  $o as PageviewIcon,
+  rr as PeopleIcon,
+  tr as PhotoLibraryIcon,
+  cr as PipelineIcon,
+  mr as PlusIcon,
+  Ir as PowerSettingsIcon,
+  ir as PreviewIcon,
+  ar as ReceiptLongIcon,
+  ur as RefreshIcon,
+  dr as ScatterPlotIcon,
+  gr as SearchIcon,
+  kr as ServerIcon,
+  Or as StartIcon,
+  Lr as TabNewIcon,
+  vr as TeamsIcon,
+  br as WarningIcon,
+  Rr as WarningTriangleIcon,
+  Br as XIcon
 };

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

@@ -2,29 +2,18 @@ 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.
+ * Supports success, info, warning, and danger variants with icon, title, and optional description.
  *
  * @example
  * ```tsx
- * // Success alert
- * <Alert type="success" content="Changes saved successfully!" />
+ * <Alert type="success" title="Changes saved successfully!" />
  *
- * // Error alert with close button
  * <Alert
- *   type="error"
- *   content="Failed to save changes. Please try again."
+ *   type="danger"
+ *   title="Error"
+ *   description="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}

package/dist/components/Alert/Alert.js

@@ -1,51 +1,65 @@
-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-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-Eoa9FJjA.js";
-const R = ({
-  theme: i,
-  type: o,
-  content: t,
-  isVisible: n = !0,
-  showCloseButton: m = !1
+import { jsxs as l, 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";
+import { iconVariants as N, titleVariants as V, descriptionVariants as v, closeButtonVariants as x, alertVariants as k } from "./Alert.variants.js";
+import { ErrorIcon as w } from "../../assets/icons/components/Error.js";
+import { WarningTriangleIcon as A } from "../../assets/icons/components/WarningTriangle.js";
+import { InfoCircleIcon as E } from "../../assets/icons/components/InfoCircle.js";
+import { CheckCircleFilledIcon as j } from "../../assets/icons/components/CheckCircleFilled.js";
+import { X as P } from "../../x-Eoa9FJjA.js";
+const R = {
+  success: j,
+  info: E,
+  warning: A,
+  danger: w
+}, X = ({
+  theme: c,
+  type: r,
+  title: m,
+  description: s,
+  isVisible: a = !0,
+  showCloseButton: d = !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;
+  const o = h(null), [f, u] = C(a), p = I(() => {
+    const e = o.current;
     e && e.setAttribute("data-state", "hidden");
   }, []);
-  return v(() => {
+  if (b(() => {
     const e = new AbortController();
-    return r.current?.addEventListener(
+    return o.current?.addEventListener(
       "animationend",
       () => {
-        r.current?.style.setProperty("display", "none"), d(!1);
+        o.current?.style.setProperty("display", "none"), u(!1);
       },
       { signal: e.signal }
     ), () => e.abort();
-  }, []), c ? /* @__PURE__ */ s(
+  }, []), !f)
+    return null;
+  const i = r ? R[r] : null;
+  return /* @__PURE__ */ l(
     "div",
     {
-      ref: r,
-      className: a(x({ type: o, isVisible: n })),
-      "data-state": n ? "visible" : "hidden",
-      "data-theme": i,
+      ref: o,
+      className: t(k({ type: r, isVisible: a })),
+      "data-state": a ? "visible" : "hidden",
+      "data-theme": c,
       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
+        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 })
+        ] }),
+        d && /* @__PURE__ */ l("button", { type: "button", onClick: p, children: [
+          /* @__PURE__ */ n(P, { className: t(x({ type: r })) }),
+          /* @__PURE__ */ n(g, { children: "Dismiss alert" })
+        ] })
       ]
     }
-  ) : null;
+  );
 };
 export {
-  R as Alert
+  X as Alert
 };

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

@@ -1,22 +1,22 @@
 import { VariantProps } from 'class-variance-authority';
 import { ReactNode } from 'react';
-import { alertVariants } from './Alert.variants';
 import { Theme } from '../../domain/theme';
+import { alertVariants } from './Alert.variants';
 /**
  * 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>} />
+ * <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>} />
  * ```
  */
 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;
+    /** Alert title (bold text) */
+    title: string;
+    /** Alert description */
+    description?: string | ReactNode;
     /** Whether the alert is visible */
     isVisible?: boolean;
     /** Show close button to dismiss alert */

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

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

package/dist/components/Alert/Alert.variants.js

@@ -1,21 +1,18 @@
-import { c as t } from "../../index-D29mdTf5.js";
-const a = t(
+import { c as e } from "../../index-D29mdTf5.js";
+const r = e(
   [
     "relative",
     "border",
-    "py-4",
-    "px-5",
-    "rounded",
+    "shadow-xs",
+    "dark:shadow-sm",
+    "p-4",
+    "rounded-lg",
     "flex",
-    "gap-2",
-    "items-center",
+    "gap-4",
+    "items-start",
     "justify-start",
-    "[&>*]:flex",
-    "[&>*]:gap-2",
-    "[&>*]:items-center",
-    "[&>*]:justify-start",
     "text-sm",
-    "shadow-sm",
+    "overflow-clip",
     "duration-300",
     "data-[state=hidden]:animate-out",
     "data-[state=hidden]:fade-out-0",
@@ -24,16 +21,30 @@ const a = t(
   {
     variants: {
       type: {
-        sucess: "",
+        success: [
+          "bg-green-50",
+          "border-green-200",
+          "dark:bg-green-500/10",
+          "dark:border-green-500/20"
+        ],
         info: [
-          "border-blue-100",
           "bg-blue-50",
-          "text-zinc-700",
-          "[&>*>svg]:text-blue-600",
-          "shadow-blue-50/40"
+          "border-blue-100",
+          "dark:bg-blue-500/10",
+          "dark:border-blue-500/20"
+        ],
+        warning: [
+          "bg-yellow-50",
+          "border-yellow-200",
+          "dark:bg-yellow-500/10",
+          "dark:border-yellow-500/20"
         ],
-        warning: "",
-        danger: ""
+        danger: [
+          "bg-red-50",
+          "border-red-200",
+          "dark:bg-red-500/10",
+          "dark:border-red-500/20"
+        ]
       },
       isVisible: {
         true: "",
@@ -44,28 +55,62 @@ const a = t(
       isVisible: !0
     }
   }
-), s = t(
+), a = e(["text-sm", "font-medium", "leading-5"], {
+  variants: {
+    type: {
+      success: ["text-green-800", "dark:text-green-300"],
+      info: ["text-blue-800", "dark:text-blue-300"],
+      warning: ["text-yellow-800", "dark:text-yellow-200"],
+      danger: ["text-red-800", "dark:text-rose-300"]
+    }
+  }
+}), d = e(
+  ["text-sm", "font-normal", "leading-5"],
+  {
+    variants: {
+      type: {
+        success: ["text-green-700", "dark:text-green-100"],
+        info: ["text-blue-700", "dark:text-blue-200"],
+        warning: ["text-yellow-700", "dark:text-yellow-100"],
+        danger: ["text-red-700", "dark:text-rose-200"]
+      }
+    }
+  }
+), n = e(["size-5", "shrink-0"], {
+  variants: {
+    type: {
+      success: ["text-green-600", "dark:text-green-400"],
+      info: ["text-blue-600", "dark:text-blue-400", "rotate-180"],
+      warning: ["text-yellow-600", "dark:text-yellow-400"],
+      danger: ["text-red-600", "dark:text-rose-400"]
+    }
+  }
+}), o = e(
   [
-    "w-4",
-    "h-4",
+    "size-4",
     "absolute",
-    "right-2",
-    "top-2",
-    "text-inherit",
-    "cursor-pointer"
+    "right-3",
+    "top-3",
+    "cursor-pointer",
+    "opacity-70",
+    "hover:opacity-100",
+    "transition-opacity"
   ],
   {
     variants: {
       type: {
-        sucess: "",
-        info: ["text-blue-600"],
-        warning: "",
-        danger: ""
+        success: ["text-green-600", "dark:text-green-400"],
+        info: ["text-blue-600", "dark:text-blue-400"],
+        warning: ["text-yellow-600", "dark:text-yellow-400"],
+        danger: ["text-red-600", "dark:text-rose-400"]
       }
     }
   }
 );
 export {
-  a as alertVariants,
-  s as closeButtonVariants
+  r as alertVariants,
+  o as closeButtonVariants,
+  d as descriptionVariants,
+  n as iconVariants,
+  a as titleVariants
 };

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

@@ -1,8 +1,8 @@
 export declare const badgeVariants: (props?: ({
-    variant?: "info" | "warning" | "danger" | "default" | "success" | "violet" | "orange" | null | undefined;
+    variant?: "success" | "info" | "warning" | "danger" | "default" | "violet" | "orange" | null | undefined;
     size?: "default" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const buttonDismissVariants: (props?: ({
-    variant?: "info" | "warning" | "danger" | "default" | "success" | "violet" | "orange" | null | undefined;
+    variant?: "success" | "info" | "warning" | "danger" | "default" | "violet" | "orange" | null | undefined;
     size?: "default" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,5 +1,5 @@
 export declare const buttonVariants: (props?: ({
-    variant?: "danger" | "link" | "primary" | "secondary" | "tertiary" | null | undefined;
+    variant?: "link" | "danger" | "primary" | "secondary" | "tertiary" | null | undefined;
     shape?: "circle" | null | undefined;
     version?: "default" | "alternate" | null | undefined;
     disabled?: boolean | null | undefined;

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -4,7 +4,7 @@ import { cn as n } from "../../utils/index.js";
 import { buttonGroupPillVariants as z, buttonGroupVariants as A, buttonGroupWrapperVariants as E } from "./ButtonGroup.variants.js";
 import { useButtonGroup as H } from "./hooks/useButtonGroup.js";
 import { ButtonGroupLabel as J } from "./components/ButtonGroupLabel/ButtonGroupLabel.js";
-import { m as Q } from "../../proxy-CngVm5qA.js";
+import { m as Q } from "../../proxy-0sbyKj-k.js";
 import { ButtonGroupItem as T } from "./components/ButtonGroupItem/ButtonGroupItem.js";
 import { ButtonGroupMessage as U } from "./components/ButtonGroupMessage/ButtonGroupMessage.js";
 const X = ({

package/dist/components/ButtonGroup/components/ButtonGroupItem/ButtonGroupItem.js

@@ -2,7 +2,7 @@ import { jsx as s, jsxs as a } from "react/jsx-runtime";
 import { memo as L } from "react";
 import { cn as t } from "../../../../utils/index.js";
 import { buttonGroupLabelVariants as u, buttonGroupDescriptionVariants as V, buttonGroupItemContentVariants as g, buttonGroupItemVariants as w } from "./ButtonGroupItem.variants.js";
-import { m as j } from "../../../../proxy-CngVm5qA.js";
+import { m as j } from "../../../../proxy-0sbyKj-k.js";
 const k = (r, n) => n === "none" ? r ? "inset(0 0 0 0)" : "inset(0 100% 0 0)" : r ? "inset(0 0 0 0)" : n === "right" ? "inset(0 0 0 100%)" : "inset(0 100% 0 0)", B = L(
   ({
     animationDirection: r,

package/dist/components/DateRangePicker/components/CalendarPanel/components/IndependentModeCalendar/IndependentModeCalendar.js

@@ -7,7 +7,7 @@ import { CalendarDivider as tt } from "../CalendarDivider/CalendarDivider.js";
 import { CalendarMonth as d } from "../CalendarMonth/CalendarMonth.js";
 import { NavigationButton as g } from "../NavigationButton/NavigationButton.js";
 import { useIndependentCarousel as nt } from "../../hooks/useIndependentCarousel.js";
-import { m as et } from "../../../../../../proxy-CngVm5qA.js";
+import { m as et } from "../../../../../../proxy-0sbyKj-k.js";
 const at = ({
   className: b,
   calendarWidth: x = 550,