impact-nova 2.0.9 → 2.1.0-alpha.10

package/dist/components/data-display/statistics-card/statistics-card.hooks.js

@@ -0,0 +1,96 @@
+import * as a from "react";
+import { fadeSliceColor as u } from "./statistics-card.color.js";
+import { resolveDesignTokenColor as d } from "../../../lib/resolve-design-token-color.js";
+import { statisticsTooltipFormatter as b, createStatisticsSliceClickHandler as p } from "./statistics-card.highcharts.js";
+const k = (o) => {
+  const s = a.useMemo(
+    () => o.reduce((t, n) => t + n.value, 0),
+    [o]
+  ), e = a.useMemo(
+    () => o.reduce((t, n) => t + (n.checked ? n.value : 0), 0),
+    [o]
+  ), r = o.some((t) => t.checked);
+  return { total: s, checkedTotal: e, hasChecked: r };
+}, v = (o, s) => a.useMemo(
+  () => [
+    {
+      type: "pie",
+      name: "Statistics",
+      innerSize: "72%",
+      data: o.map((e) => {
+        const r = s ? e.checked ? e.borderColor : u(e.borderColor, 0.4) : e.borderColor, t = typeof document < "u" ? d(r) : r;
+        return {
+          name: e.label,
+          y: e.value,
+          color: t
+        };
+      })
+    }
+  ],
+  [o, s]
+), M = (o, s, e, r) => a.useMemo(
+  () => o ?? String(s ? e : r),
+  [o, s, e, r]
+), S = () => a.useMemo(
+  () => ({
+    enabled: !0,
+    useHTML: !0,
+    outside: !0,
+    backgroundColor: "var(--color-background)",
+    borderWidth: 0,
+    borderRadius: 8,
+    shadow: !0,
+    style: {
+      fontFamily: "Manrope, sans-serif",
+      fontSize: "12px"
+    },
+    formatter: b
+  }),
+  []
+), C = (o, s, e) => {
+  const r = e?.borderWidth ?? 2, t = e?.borderColor ?? "var(--color-disabled-surface)", n = e?.borderRadius ?? 4, c = e?.enableHover ?? !0, l = e?.enableClick ?? !0, i = a.useMemo(
+    () => p(o, s, l),
+    [o, s, l]
+  );
+  return a.useMemo(
+    () => ({
+      pie: {
+        borderWidth: r,
+        borderColor: t,
+        borderRadius: n,
+        dataLabels: { enabled: !1 },
+        showInLegend: !1,
+        allowPointSelect: !1,
+        // Disable pull-out effect on click
+        states: { hover: { enabled: c, brightness: 0.05 } },
+        point: {
+          events: {
+            click: i
+          }
+        }
+      }
+    }),
+    [i, r, t, n, c]
+  );
+}, y = (o, s, e) => {
+  const r = S(), t = C(o, s, e);
+  return a.useMemo(
+    () => ({
+      chart: {
+        margin: [0, 0, 0, 0],
+        spacing: [0, 0, 0, 0]
+      },
+      tooltip: r,
+      plotOptions: t
+    }),
+    [r, t]
+  );
+};
+export {
+  k as useStatisticsChartData,
+  M as useStatisticsChartLabel,
+  y as useStatisticsChartOptions,
+  C as useStatisticsChartPlotOptions,
+  v as useStatisticsChartSeries,
+  S as useStatisticsChartTooltip
+};

package/dist/components/data-display/statistics-card/statistics-card.js

@@ -0,0 +1,243 @@
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import * as S from "react";
+import { createComponent as m } from "../../../lib/primitives/create-component.js";
+import { createCompoundPart as v } from "../../../lib/primitives/create-compound.js";
+import { cn as p } from "../../../lib/utils.js";
+import { Checkbox as P } from "../../forms/checkbox/checkbox.js";
+import { Tooltip as j, TooltipTrigger as L, TooltipContent as W } from "../../feedback/tooltip/tooltip.js";
+import { Info as G } from "impact-nova-icons";
+import { Chart as B } from "../chart/chart.js";
+import { useStatisticsChartData as $, useStatisticsChartLabel as O, useStatisticsChartSeries as R, useStatisticsChartOptions as H } from "./statistics-card.hooks.js";
+import { useStatisticsCardContext as y, StatisticsCardContext as M } from "./statistics-card-context.js";
+const X = m(
+  "StatisticsCardRoot",
+  ({ className: r, items: a, onItemToggle: s, chartSize: t = 110, config: o, mapItem: n, children: c, ...l }, e) => {
+    const d = S.useMemo(
+      () => n ? a.map((k, I) => n(k, I)) : a,
+      [a, n]
+    ), f = "var(--color-surface-subtle)", x = "px-5 py-4", h = "gap-4 md:gap-6 lg:gap-8", g = "w-full min-w-0 max-w-[439px]", C = o?.colors?.background || f, w = o?.spacing?.rootPadding || x, b = o?.spacing?.rootGap || h, N = o?.spacing?.rootWidth || g, T = S.useMemo(
+      () => ({ items: d, onItemToggle: s, chartSize: t, config: o }),
+      [d, s, t, o]
+    );
+    return /* @__PURE__ */ i(M.Provider, { value: T, children: /* @__PURE__ */ i(
+      "div",
+      {
+        ref: e,
+        role: "region",
+        "aria-roledescription": "statistics card",
+        "data-component": "statistics-card",
+        className: p(
+          "flex flex-row flex-wrap md:flex-nowrap items-center justify-between rounded-lg box-border min-w-0 overflow-hidden bg-[var(--statistics-card-bg)]",
+          N,
+          w,
+          b,
+          r
+        ),
+        style: { "--statistics-card-bg": C },
+        ...l,
+        children: c
+      }
+    ) });
+  }
+), Y = v("statistics-card", {
+  part: "header",
+  displayName: "StatisticsCardHeader",
+  className: "flex flex-col items-start gap-4 flex-shrink-0 min-w-0"
+}), Z = v("statistics-card", {
+  part: "title",
+  displayName: "StatisticsCardTitle",
+  className: "flex flex-row items-center gap-1.5 min-w-0 max-w-[150px]"
+}), _ = m(
+  "StatisticsCardTitleIcon",
+  ({ icon: r, className: a, ...s }, t) => /* @__PURE__ */ i(
+    "div",
+    {
+      ref: t,
+      "data-component": "statistics-card-title-icon",
+      className: p("flex items-center justify-center w-6 h-6 p-1.5 bg-accent rounded-full shrink-0", a),
+      ...s,
+      children: r
+    }
+  )
+), z = m(
+  "StatisticsCardTitleText",
+  ({ className: r, children: a, ...s }, t) => /* @__PURE__ */ i(
+    "span",
+    {
+      ref: t,
+      "data-component": "statistics-card-title-text",
+      className: p("font-semibold text-base leading-[1.5em] text-secondary-foreground truncate line-clamp-1", r),
+      ...s,
+      children: a
+    }
+  )
+), tt = m(
+  "StatisticsCardTitleTooltip",
+  ({ content: r, icon: a, ...s }, t) => /* @__PURE__ */ i("div", { ref: t, "data-component": "statistics-card-title-tooltip", ...s, children: /* @__PURE__ */ u(j, { children: [
+    /* @__PURE__ */ i(L, { asChild: !0, children: a || /* @__PURE__ */ i(G, { size: "sm", className: "text-secondary-foreground cursor-pointer shrink-0" }) }),
+    /* @__PURE__ */ i(W, { variant: "tertiary", side: "top", children: r })
+  ] }) })
+), et = m(
+  "StatisticsCardChart",
+  ({ className: r, centerLabel: a, chartConfig: s, chartSize: t = 104, ...o }, n) => {
+    const { items: c, onItemToggle: l } = y(), { total: e, checkedTotal: d, hasChecked: f } = $(c), x = O(a, f, d, e), h = R(c, f), g = H(c, l, s), C = {
+      ...g,
+      chart: {
+        ...g.chart,
+        type: "pie",
+        height: t,
+        width: t,
+        margin: [0, 0, 0, 0],
+        spacing: [0, 0, 0, 0],
+        backgroundColor: "transparent"
+      },
+      title: { text: "" },
+      credits: { enabled: !1 },
+      exporting: { enabled: !1 },
+      navigation: { buttonOptions: { enabled: !1 } },
+      series: h
+    };
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        ref: n,
+        "data-component": "statistics-card-chart",
+        className: p("relative flex items-center justify-center flex-shrink-0", r),
+        style: { width: `${t}px`, height: `${t}px` },
+        ...o,
+        children: [
+          /* @__PURE__ */ i(
+            B,
+            {
+              options: C,
+              height: t,
+              width: t,
+              noWrapper: !0
+            }
+          ),
+          x && /* @__PURE__ */ i("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ i("span", { className: "font-black text-[12px] leading-[9.536px] text-foreground", children: x }) })
+        ]
+      }
+    );
+  }
+), at = m(
+  "StatisticsCardLegend",
+  ({ className: r, children: a, ...s }, t) => {
+    const { config: o } = y(), n = "w-full md:w-auto md:min-w-[190px] md:max-w-[208px]", c = "gap-2", l = o?.spacing?.legendWidth || n, e = o?.spacing?.itemGap || c;
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: t,
+        role: "list",
+        "data-component": "statistics-card-legend",
+        className: p(
+          "flex flex-col justify-center min-w-0 flex-1 md:flex-none",
+          l,
+          e,
+          r
+        ),
+        ...s,
+        children: a
+      }
+    );
+  }
+), st = m(
+  "StatisticsCardLegendItem",
+  ({ className: r, index: a, item: s, ...t }, o) => {
+    const { items: n, onItemToggle: c, config: l } = y();
+    let e = s, d = -1;
+    if (!e && a !== void 0 ? (e = n[a], d = a) : e && (d = n.findIndex((b) => b === e)), !e || d === -1) return null;
+    const f = "bg-canvas-elevated", x = "px-3 py-1.5", h = "var(--color-foreground)", g = l?.colors?.background || f, C = l?.spacing?.itemPadding || x, w = l?.colors?.text || h;
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        ref: o,
+        role: "listitem",
+        "aria-label": `${e.label}: ${e.value}`,
+        "data-component": "statistics-card-legend-item",
+        className: p(
+          "flex flex-row items-center gap-2 rounded-md border-l-2 transition-all shadow-elevation-floating",
+          e.checked && "shadow-none ring-[3px] ring-[var(--item-color)]",
+          g,
+          C,
+          r
+        ),
+        style: {
+          borderLeftColor: e.borderColor,
+          "--item-color": e.borderColor
+        },
+        ...t,
+        children: [
+          /* @__PURE__ */ u("div", { className: "flex flex-row items-center gap-2 flex-1 min-w-0", children: [
+            /* @__PURE__ */ i(
+              P,
+              {
+                checked: e.checked ?? !1,
+                onCheckedChange: (b) => c?.(d, b === !0),
+                "aria-label": `Select ${e.label}`,
+                className: "shrink-0"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "span",
+              {
+                className: "flex-1 font-medium text-xs leading-[1.25em] truncate text-[var(--item-text)]",
+                style: { "--item-text": w },
+                children: e.label
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i(
+            "span",
+            {
+              className: "shrink-0 font-semibold text-sm leading-[1.5em] text-right min-w-[27px] text-foreground",
+              children: e.value
+            }
+          )
+        ]
+      }
+    );
+  }
+), it = v("statistics-card", {
+  part: "summary",
+  displayName: "StatisticsCardSummary",
+  className: "flex flex-wrap items-center gap-3 self-center text-[11px] font-medium text-secondary-foreground"
+}), rt = m(
+  "StatisticsCardSummaryItem",
+  ({ className: r, label: a, count: s, color: t = "var(--color-secondary-foreground)", ...o }, n) => /* @__PURE__ */ u(
+    "div",
+    {
+      ref: n,
+      "data-component": "statistics-card-summary-item",
+      className: p("flex items-center gap-1", r),
+      style: { "--summary-color": t },
+      ...o,
+      children: [
+        /* @__PURE__ */ i(
+          "span",
+          {
+            className: "w-1.5 h-1.5 rounded-full shrink-0 bg-[var(--summary-color)]"
+          }
+        ),
+        /* @__PURE__ */ u("span", { children: [
+          a,
+          ": ",
+          s
+        ] })
+      ]
+    }
+  )
+);
+export {
+  et as StatisticsCardChart,
+  Y as StatisticsCardHeader,
+  at as StatisticsCardLegend,
+  st as StatisticsCardLegendItem,
+  X as StatisticsCardRoot,
+  it as StatisticsCardSummary,
+  rt as StatisticsCardSummaryItem,
+  Z as StatisticsCardTitle,
+  _ as StatisticsCardTitleIcon,
+  z as StatisticsCardTitleText,
+  tt as StatisticsCardTitleTooltip
+};

package/dist/components/data-display/statistics-card/statistics-card.types.d.ts

@@ -0,0 +1,67 @@
+import type * as React from "react";
+export interface StatisticsCardItem {
+    label: string;
+    value: number;
+    borderColor: string;
+    checked?: boolean;
+}
+export interface StatisticsCardConfig {
+    colors?: {
+        background?: string;
+        text?: string;
+        border?: string;
+        outlineChecked?: string;
+        unchecked?: string;
+        tooltipBg?: string;
+        tooltipBorder?: string;
+    };
+    spacing?: {
+        rootWidth?: string;
+        rootPadding?: string;
+        rootGap?: string;
+        legendWidth?: string;
+        itemPadding?: string;
+        itemGap?: string;
+    };
+}
+export interface StatisticsCardChartConfig {
+    type?: "pie" | "donut";
+    name?: string;
+    innerSize?: string | number;
+    uncheckedColor?: string;
+    borderColor?: string;
+    borderWidth?: number;
+    borderRadius?: number;
+    enableHover?: boolean;
+    enableClick?: boolean;
+}
+export interface StatisticsCardRootProps<T = StatisticsCardItem> extends React.HTMLAttributes<HTMLDivElement> {
+    items: T[];
+    onItemToggle?: (index: number, checked: boolean) => void;
+    chartSize?: number;
+    config?: StatisticsCardConfig;
+    mapItem?: (item: T, index: number) => StatisticsCardItem;
+}
+export interface StatisticsCardTitleIconProps extends React.HTMLAttributes<HTMLDivElement> {
+    icon: React.ReactNode;
+    className?: string;
+}
+export interface StatisticsCardTitleTooltipProps extends React.HTMLAttributes<HTMLDivElement> {
+    content: string;
+    icon?: React.ReactNode;
+}
+export interface StatisticsCardChartProps extends React.HTMLAttributes<HTMLDivElement> {
+    centerLabel?: string;
+    chartConfig?: StatisticsCardChartConfig;
+    chartSize?: number;
+    className?: string;
+}
+export interface StatisticsCardLegendItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    index?: number;
+    item?: StatisticsCardItem;
+}
+export interface StatisticsCardSummaryItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: string;
+    count: number | string | React.ReactNode;
+    color?: string;
+}

package/dist/components/feedback/alert/alert.d.ts

@@ -0,0 +1,10 @@
+import { AlertIconProps, AlertProps } from './alert.types';
+import * as React from "react";
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertIcon: {
+    ({ variant, className, }: AlertIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Alert, AlertTitle, AlertDescription, AlertIcon };

package/dist/components/feedback/alert/alert.js

@@ -0,0 +1,169 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import "react";
+import { Slot as x } from "@radix-ui/react-slot";
+import { createComponent as i } from "../../../lib/primitives/create-component.js";
+import { cn as a } from "../../../lib/utils.js";
+import { Button as u } from "../../primitives/button/button.js";
+import { Cross as v } from "impact-nova-icons";
+import { useImpactNovaI18n as g } from "../../../i18n/use-impact-nova-i18n.js";
+import { alertVariants as w } from "./alert.variants.js";
+const l = ({ className: t }) => /* @__PURE__ */ n(
+  "svg",
+  {
+    className: a("h-[18px] w-[18px] shrink-0", t),
+    focusable: "false",
+    "aria-hidden": "true",
+    viewBox: "2 2 20 20",
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ e("path", { d: "M13 17h-2v-6h2v6zm0-8h-2V7h2v2z", fill: "white" })
+    ]
+  }
+), C = ({ className: t }) => /* @__PURE__ */ n(
+  "svg",
+  {
+    className: a("h-[18px] w-[18px] shrink-0", t),
+    focusable: "false",
+    "aria-hidden": "true",
+    viewBox: "2 2 20 20",
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M10 14.17l-3.59-3.59L5 12l5 5 9-9-1.41-1.41L10 14.17z",
+          fill: "white"
+        }
+      )
+    ]
+  }
+), z = ({ className: t }) => /* @__PURE__ */ n(
+  "svg",
+  {
+    className: a("h-[18px] w-[18px] shrink-0", t),
+    focusable: "false",
+    "aria-hidden": "true",
+    viewBox: "1 2 22 19",
+    children: [
+      /* @__PURE__ */ e("path", { d: "M1 21h22L12 2 1 21z", fill: "currentColor" }),
+      /* @__PURE__ */ e("path", { d: "M13 18h-2v-2h2v2zm0-4h-2v-4h2v4z", fill: "white" })
+    ]
+  }
+), I = ({ className: t }) => /* @__PURE__ */ n(
+  "svg",
+  {
+    className: a("h-[18px] w-[18px] shrink-0", t),
+    focusable: "false",
+    "aria-hidden": "true",
+    viewBox: "2 2 20 20",
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M17 15.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z",
+          fill: "white"
+        }
+      )
+    ]
+  }
+), N = {
+  default: l,
+  info: l,
+  success: C,
+  warning: z,
+  error: I
+}, V = i(
+  "Alert",
+  ({
+    className: t,
+    variant: r,
+    emphasis: o,
+    asChild: s = !1,
+    removable: c,
+    onClose: h,
+    children: p,
+    ...d
+  }, m) => {
+    const { t: f } = g();
+    return /* @__PURE__ */ n(
+      s ? x : "div",
+      {
+        ref: m,
+        role: "alert",
+        "data-component": "alert",
+        "data-variant": r ?? "default",
+        "data-emphasis": o ?? "elevated",
+        className: a(w({ variant: r, emphasis: o }), t),
+        ...d,
+        children: [
+          p,
+          c && /* @__PURE__ */ e(
+            u,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "absolute right-4 top-2 h-4 w-4 p-0 text-secondary-foreground hover:text-content hover:bg-transparent",
+              onClick: h,
+              "aria-label": f("aria.close"),
+              children: /* @__PURE__ */ e(v, { className: "!h-3 !w-3" })
+            }
+          )
+        ]
+      }
+    );
+  }
+), E = i("AlertTitle", ({ className: t, ...r }, o) => /* @__PURE__ */ e(
+  "h5",
+  {
+    ref: o,
+    "data-component": "alert-title",
+    className: a(
+      "font-semibold leading-[21px] tracking-tight text-content",
+      t
+    ),
+    ...r
+  }
+)), W = i("AlertDescription", ({ className: t, ...r }, o) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: o,
+    "data-component": "alert-description",
+    className: a(
+      "text-[12px] leading-[18px] text-secondary-foreground",
+      t
+    ),
+    ...r
+  }
+)), M = ({
+  variant: t = "info",
+  className: r = "mt-[2px]"
+}) => {
+  const o = N[t] || l;
+  return /* @__PURE__ */ e(o, { className: r });
+};
+M.displayName = "AlertIcon";
+export {
+  V as Alert,
+  W as AlertDescription,
+  M as AlertIcon,
+  E as AlertTitle
+};

package/dist/components/feedback/alert/alert.types.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import { alertVariants } from './alert.variants';
+import type * as React from "react";
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    asChild?: boolean;
+    removable?: boolean;
+    onClose?: () => void;
+}
+export interface AlertIconProps {
+    variant?: "default" | "info" | "success" | "warning" | "error";
+    className?: string;
+}

package/dist/components/feedback/alert/alert.variants.d.ts

@@ -0,0 +1,4 @@
+export declare const alertVariants: (props?: ({
+    variant?: "default" | "error" | "info" | "warning" | "success" | null | undefined;
+    emphasis?: "flat" | "elevated" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/feedback/alert/alert.variants.js

@@ -0,0 +1,53 @@
+import { cva as e } from "class-variance-authority";
+const r = e(
+  "relative w-full rounded-lg px-4 py-2 text-sm flex gap-3 items-start",
+  {
+    variants: {
+      variant: {
+        default: "bg-canvas text-content",
+        info: "bg-feedback-info-surface [&>svg]:text-brand",
+        warning: "bg-feedback-warning-surface [&>svg]:text-warning",
+        error: "bg-feedback-error-surface [&>svg]:text-destructive",
+        success: "bg-feedback-success-surface [&>svg]:text-success"
+      },
+      emphasis: {
+        elevated: "",
+        flat: "border-0 shadow-none"
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "default",
+        emphasis: "elevated",
+        class: "border border-stroke shadow-alert-elevated"
+      },
+      {
+        variant: "info",
+        emphasis: "elevated",
+        class: "border border-feedback-info-border shadow-alert-elevated"
+      },
+      {
+        variant: "warning",
+        emphasis: "elevated",
+        class: "border border-feedback-warning-border shadow-alert-elevated"
+      },
+      {
+        variant: "error",
+        emphasis: "elevated",
+        class: "border border-feedback-error-border shadow-alert-elevated"
+      },
+      {
+        variant: "success",
+        emphasis: "elevated",
+        class: "border border-feedback-success-border shadow-alert-elevated"
+      }
+    ],
+    defaultVariants: {
+      variant: "default",
+      emphasis: "elevated"
+    }
+  }
+);
+export {
+  r as alertVariants
+};

package/dist/components/feedback/alert/index.d.ts

@@ -0,0 +1,3 @@
+export { Alert, AlertTitle, AlertDescription, AlertIcon } from './alert';
+export type { AlertIconProps, AlertProps } from './alert.types';
+export { alertVariants } from './alert.variants';

package/dist/components/feedback/alert/index.js

@@ -0,0 +1,9 @@
+import { Alert as e, AlertDescription as l, AlertIcon as o, AlertTitle as i } from "./alert.js";
+import { alertVariants as a } from "./alert.variants.js";
+export {
+  e as Alert,
+  l as AlertDescription,
+  o as AlertIcon,
+  i as AlertTitle,
+  a as alertVariants
+};

package/dist/components/feedback/alert-dialog/alert-dialog.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+declare const AlertDialog: (props: React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };