impact-nova 2.0.9 → 2.1.0-alpha.2

package/dist/components/ui/statistics-card.js

@@ -1,260 +0,0 @@
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
-import * as n from "react";
-import { cn as c } from "../../lib/utils.js";
-import { Checkbox as T } from "./checkbox.js";
-import { Tooltip as R, TooltipTrigger as I, TooltipContent as D } from "./tooltip.js";
-import { Info as j } from "impact-nova-icons";
-import { Chart as B } from "./chart/chart.js";
-import { useStatisticsChartData as L, useStatisticsChartLabel as P, useStatisticsChartSeries as W, useStatisticsChartOptions as G } from "./statistics-card.hooks.js";
-const N = n.createContext(null), y = () => {
-  const a = n.useContext(N);
-  if (!a)
-    throw new Error("StatisticsCard.* components must be used within a StatisticsCardRoot");
-  return a;
-}, $ = n.forwardRef(
-  ({ className: a, items: e, onItemToggle: s, chartSize: t = 110, config: o, mapItem: l, children: m, ...d }, i) => {
-    const p = n.useMemo(
-      () => l ? e.map((v, k) => l(v, k)) : e,
-      [e, l]
-    ), f = "#f8f9fb", x = "px-5 py-4", g = "gap-4 md:gap-6 lg:gap-8", u = "w-full min-w-0 max-w-[439px]", C = o?.colors?.background || f, b = o?.spacing?.rootPadding || x, S = o?.spacing?.rootGap || g, w = o?.spacing?.rootWidth || u;
-    return /* @__PURE__ */ r(N.Provider, { value: { items: p, onItemToggle: s, chartSize: t, config: o }, children: /* @__PURE__ */ r(
-      "div",
-      {
-        ref: i,
-        role: "region",
-        "aria-roledescription": "statistics card",
-        "data-component": "statistics-card",
-        className: c(
-          "flex flex-row flex-wrap md:flex-nowrap items-center justify-between rounded-lg box-border min-w-0 overflow-hidden",
-          w,
-          b,
-          S,
-          a
-        ),
-        style: {
-          backgroundColor: C
-        },
-        ...d,
-        children: m
-      }
-    ) });
-  }
-);
-$.displayName = "StatisticsCardRoot";
-const E = n.forwardRef(({ className: a, children: e, ...s }, t) => /* @__PURE__ */ r(
-  "div",
-  {
-    ref: t,
-    className: c("flex flex-col items-start gap-4 flex-shrink-0 min-w-0", a),
-    ...s,
-    children: e
-  }
-));
-E.displayName = "StatisticsCardHeader";
-const O = n.forwardRef(
-  ({ className: a, children: e, ...s }, t) => /* @__PURE__ */ r(
-    "div",
-    {
-      ref: t,
-      className: c("flex flex-row items-center gap-1.5 min-w-0 max-w-[150px]", a),
-      ...s,
-      children: e
-    }
-  )
-);
-O.displayName = "StatisticsCardTitle";
-const F = n.forwardRef(
-  ({ icon: a, className: e, ...s }, t) => /* @__PURE__ */ r(
-    "div",
-    {
-      ref: t,
-      className: c("flex items-center justify-center w-6 h-6 p-1.5 bg-[#ECEEFD] rounded-full shrink-0", e),
-      ...s,
-      children: a
-    }
-  )
-);
-F.displayName = "StatisticsCardTitleIcon";
-const H = n.forwardRef(
-  ({ className: a, children: e, ...s }, t) => /* @__PURE__ */ r(
-    "span",
-    {
-      ref: t,
-      className: c("font-semibold text-base leading-[1.5em] text-[#777980] truncate line-clamp-1", a),
-      ...s,
-      children: e
-    }
-  )
-);
-H.displayName = "StatisticsCardTitleText";
-const M = n.forwardRef(
-  ({ content: a, icon: e, ...s }, t) => /* @__PURE__ */ r("div", { ref: t, ...s, children: /* @__PURE__ */ h(R, { children: [
-    /* @__PURE__ */ r(I, { asChild: !0, children: e || /* @__PURE__ */ r(j, { size: "sm", className: "text-[#60697D] cursor-pointer shrink-0" }) }),
-    /* @__PURE__ */ r(D, { variant: "tertiary", side: "top", children: a })
-  ] }) })
-);
-M.displayName = "StatisticsCardTitleTooltip";
-const q = n.forwardRef(
-  ({ className: a, centerLabel: e, chartConfig: s, chartSize: t = 104, ...o }, l) => {
-    const { items: m, onItemToggle: d } = y(), { total: i, checkedTotal: p, hasChecked: f } = L(m), x = P(e, f, p, i), g = W(m, f), u = G(m, d, s), C = {
-      ...u,
-      chart: {
-        ...u.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: g
-    };
-    return /* @__PURE__ */ h(
-      "div",
-      {
-        ref: l,
-        className: c("relative flex items-center justify-center flex-shrink-0", a),
-        style: { width: `${t}px`, height: `${t}px` },
-        ...o,
-        children: [
-          /* @__PURE__ */ r(
-            B,
-            {
-              options: C,
-              height: t,
-              width: t,
-              noWrapper: !0
-            }
-          ),
-          x && /* @__PURE__ */ r("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ r("span", { className: "font-black text-[12px] leading-[9.536px] text-[#1F2B4D]", children: x }) })
-        ]
-      }
-    );
-  }
-);
-q.displayName = "StatisticsCardChart";
-const A = n.forwardRef(({ className: a, children: e, ...s }, t) => {
-  const { config: o } = y(), l = "w-full md:w-auto md:min-w-[190px] md:max-w-[208px]", m = "gap-2", d = o?.spacing?.legendWidth || l, i = o?.spacing?.itemGap || m;
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      ref: t,
-      role: "list",
-      className: c(
-        "flex flex-col justify-center min-w-0 flex-1 md:flex-none",
-        d,
-        i,
-        a
-      ),
-      ...s,
-      children: e
-    }
-  );
-});
-A.displayName = "StatisticsCardLegend";
-const J = n.forwardRef(
-  ({ className: a, index: e, item: s, ...t }, o) => {
-    const { items: l, onItemToggle: m, config: d } = y();
-    let i = s, p = -1;
-    if (!i && e !== void 0 ? (i = l[e], p = e) : i && (p = l.findIndex((w) => w === i)), !i || p === -1) return null;
-    const f = "bg-white", x = "px-3 py-1.5", g = "#E7CDF9", u = "#0D152C", C = d?.colors?.background || f, b = d?.spacing?.itemPadding || x;
-    d?.colors?.outlineChecked;
-    const S = d?.colors?.text || u;
-    return /* @__PURE__ */ h(
-      "div",
-      {
-        ref: o,
-        role: "listitem",
-        "aria-label": `${i.label}: ${i.value}`,
-        className: c(
-          "flex flex-row items-center gap-2 rounded-md border-l-2 transition-all",
-          C,
-          b,
-          a
-        ),
-        style: {
-          borderLeftColor: i.borderColor,
-          boxShadow: i.checked ? `0 0 0 3px ${i.borderColor}` : "0px 0px 4px 0px rgba(0,0,0,0.12)",
-          "--item-color": i.borderColor
-        },
-        ...t,
-        children: [
-          /* @__PURE__ */ h("div", { className: "flex flex-row items-center gap-2 flex-1 min-w-0", children: [
-            /* @__PURE__ */ r(
-              T,
-              {
-                checked: i.checked ?? !1,
-                onCheckedChange: (w) => m?.(p, w === !0),
-                "aria-label": `Select ${i.label}`,
-                className: "shrink-0"
-              }
-            ),
-            /* @__PURE__ */ r("span", { className: "flex-1 font-medium text-xs leading-[1.25em] truncate", style: { color: S }, children: i.label })
-          ] }),
-          /* @__PURE__ */ r(
-            "span",
-            {
-              className: "shrink-0 font-semibold text-sm leading-[1.5em] text-right min-w-[27px] text-[#1F2B4D]",
-              children: i.value
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-J.displayName = "StatisticsCardLegendItem";
-const K = n.forwardRef(
-  ({ className: a, children: e, ...s }, t) => /* @__PURE__ */ r(
-    "div",
-    {
-      ref: t,
-      className: c("flex flex-wrap items-center gap-3 self-center text-[11px] font-medium text-[#60697D]", a),
-      ...s,
-      children: e
-    }
-  )
-);
-K.displayName = "StatisticsCardSummary";
-const Q = n.forwardRef(
-  ({ className: a, label: e, count: s, color: t = "#60697D", ...o }, l) => /* @__PURE__ */ h(
-    "div",
-    {
-      ref: l,
-      className: c("flex items-center gap-1", a),
-      style: { "--summary-color": t },
-      ...o,
-      children: [
-        /* @__PURE__ */ r(
-          "span",
-          {
-            className: "w-1.5 h-1.5 rounded-full shrink-0 bg-[var(--summary-color)]"
-          }
-        ),
-        /* @__PURE__ */ h("span", { children: [
-          e,
-          ": ",
-          s
-        ] })
-      ]
-    }
-  )
-);
-Q.displayName = "StatisticsCardSummaryItem";
-export {
-  q as StatisticsCardChart,
-  E as StatisticsCardHeader,
-  A as StatisticsCardLegend,
-  J as StatisticsCardLegendItem,
-  $ as StatisticsCardRoot,
-  K as StatisticsCardSummary,
-  Q as StatisticsCardSummaryItem,
-  O as StatisticsCardTitle,
-  F as StatisticsCardTitleIcon,
-  H as StatisticsCardTitleText,
-  M as StatisticsCardTitleTooltip
-};

package/dist/components/ui/stepper.d.ts

@@ -1,22 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const stepperVariants: (props?: {
-    orientation?: "horizontal" | "vertical";
-} & import('class-variance-authority/types').ClassProp) => string;
-declare const stepVariants: (props?: {
-    orientation?: "horizontal" | "vertical";
-    status?: "default" | "active" | "completed";
-} & import('class-variance-authority/types').ClassProp) => string;
-export interface StepItem {
-    label: string;
-    description?: string;
-    icon?: React.ReactNode;
-    disabled?: boolean;
-}
-export interface StepperProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stepperVariants> {
-    currentStep: number;
-    steps: (string | StepItem)[];
-    onStepClick?: (index: number) => void;
-}
-declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
-export { Stepper, stepperVariants, stepVariants };

package/dist/components/ui/stepper.js

@@ -1,153 +0,0 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import * as v from "react";
-import { cva as u } from "class-variance-authority";
-import { Checkmark as V } from "impact-nova-icons";
-import { cn as r } from "../../lib/utils.js";
-import { useImpactNovaI18n as k } from "../../i18n/ImpactNovaI18nContext.js";
-const j = u("flex w-full gap-0", {
-  variants: {
-    orientation: {
-      horizontal: "flex-row items-center",
-      vertical: "flex-col items-stretch"
-    }
-  },
-  defaultVariants: {
-    orientation: "horizontal"
-  }
-}), I = u(
-  "relative flex items-center transition-all duration-200",
-  {
-    variants: {
-      orientation: {
-        horizontal: "h-[44px] px-3 rounded-lg border-b-2 bg-canvas-elevated shadow-elevation-card flex-none",
-        vertical: "w-full py-4 px-3 mb-2 rounded-lg border-none"
-      },
-      status: {
-        default: "",
-        active: "",
-        completed: ""
-      }
-    },
-    compoundVariants: [
-      // Horizontal Orientation Status
-      {
-        orientation: "horizontal",
-        status: "active",
-        className: "border-brand after:absolute after:bottom-[-9.5px] after:left-[18px] after:h-0 after:w-0 after:border-l-[6.5px] after:border-r-[6.5px] after:border-t-[10px] after:border-l-transparent after:border-r-transparent after:border-t-brand after:content-['']"
-      },
-      {
-        orientation: "horizontal",
-        status: "completed",
-        className: "border-success"
-      },
-      {
-        orientation: "horizontal",
-        status: "default",
-        className: "border-stroke-hairline"
-      },
-      // Vertical Orientation Status
-      {
-        orientation: "vertical",
-        status: "active",
-        className: "bg-canvas-tint before:absolute before:left-[-8px] before:top-1/2 before:h-8 before:w-[4px] before:-translate-y-1/2 before:bg-brand before:rounded-full before:content-['']"
-      },
-      {
-        orientation: "vertical",
-        status: "completed",
-        className: "bg-feedback-success-surface"
-      },
-      {
-        orientation: "vertical",
-        status: "default",
-        className: "bg-secondary"
-      }
-    ],
-    defaultVariants: {
-      orientation: "horizontal",
-      status: "default"
-    }
-  }
-), D = u(
-  "flex h-6 w-6 shrink-0 items-center justify-center rounded-[8px] text-xs font-extrabold transition-all",
-  {
-    variants: {
-      status: {
-        default: "bg-muted text-navigation-muted",
-        active: "bg-brand text-brand-foreground",
-        completed: "bg-success text-success-foreground"
-      }
-    },
-    defaultVariants: {
-      status: "default"
-    }
-  }
-), A = v.forwardRef(
-  ({ className: h, currentStep: p, steps: c, orientation: e = "horizontal", onStepClick: o, ...g }, w) => {
-    const { t: N } = k(), y = c.length;
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        ref: w,
-        className: r(j({ orientation: e }), h),
-        "data-orientation": e,
-        role: "list",
-        ...g,
-        children: c.map((d, s) => {
-          const n = typeof d == "string" ? { label: d } : d, l = s + 1, b = l === p, x = l < p, i = n.disabled, a = x ? "completed" : b ? "active" : "default", z = N("stepper.stepOfTotal", { current: l, total: y });
-          return /* @__PURE__ */ m(v.Fragment, { children: [
-            /* @__PURE__ */ m(
-              "div",
-              {
-                role: "listitem",
-                onClick: () => !i && o?.(s),
-                "aria-label": z,
-                "aria-current": b ? "step" : void 0,
-                tabIndex: o && !i ? 0 : void 0,
-                onKeyDown: o && !i ? (f) => {
-                  (f.key === "Enter" || f.key === " ") && (f.preventDefault(), o(s));
-                } : void 0,
-                "data-step": l,
-                "data-status": a,
-                "data-disabled": i || void 0,
-                className: r(
-                  I({ orientation: e, status: a }),
-                  e === "horizontal" && "min-w-[140px]",
-                  i ? "opacity-80 cursor-not-allowed" : o ? "cursor-pointer" : "cursor-default"
-                ),
-                children: [
-                  /* @__PURE__ */ t("div", { className: r(D({ status: a }), "mr-2"), children: x ? /* @__PURE__ */ t(V, { className: "h-5 w-5 stroke-[3px]" }) : /* @__PURE__ */ t("span", { children: n.icon || l }) }),
-                  /* @__PURE__ */ m("div", { className: "flex flex-col justify-center overflow-hidden", children: [
-                    /* @__PURE__ */ t("div", { className: r(
-                      "text-[14px] leading-tight font-medium truncate max-w-[200px]",
-                      a === "completed" ? "text-success" : "text-content",
-                      a === "active" && e === "vertical" ? "text-brand" : ""
-                    ), children: n.label }),
-                    n.description && /* @__PURE__ */ t("div", { className: r(
-                      "text-[12px] leading-tight mt-0.5 truncate max-w-[200px]",
-                      a === "completed" ? "text-success" : "text-content-muted"
-                    ), children: n.description })
-                  ] })
-                ]
-              }
-            ),
-            s < c.length - 1 && /* @__PURE__ */ t(
-              "div",
-              {
-                className: r(
-                  "border-t border-dashed border-stroke-hairline transition-colors",
-                  e === "horizontal" ? "flex-1 min-w-[24px] mx-1 self-center" : "h-6 w-0 border-l ml-[12px] my-[-4px]"
-                )
-              }
-            )
-          ] }, s);
-        })
-      }
-    );
-  }
-);
-A.displayName = "Stepper";
-export {
-  A as Stepper,
-  I as stepVariants,
-  j as stepperVariants
-};

package/dist/components/ui/stories/ag-grid-cell-components.d.ts

@@ -1,65 +0,0 @@
-export declare const AG_GRID_CELL_COMPONENTS: {
-    readonly empty: {
-        (_props: import('ag-grid-community').ICellRendererParams): any;
-        displayName: string;
-    };
-    readonly badge: {
-        (props: import('../ag-grid-react/cell-renderers').BadgeCellRendererProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    readonly statusBadge: {
-        (props: import('../ag-grid-react/cell-renderers').StatusBadgeRendererProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    readonly actions: {
-        (props: import('../ag-grid-react/cell-renderers').ActionsCellRendererProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    readonly link: {
-        (props: import('../ag-grid-react/cell-renderers/link-with-batch-cell-renderer').LinkCellRendererProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    readonly split: {
-        (props: import('../ag-grid-react/cell-renderers').SplitCellRendererProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    readonly inputDisplay: {
-        (props: import('../ag-grid-react/cell-renderers').InputDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    readonly selectDisplay: {
-        (props: import('../ag-grid-react/cell-renderers').SelectDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    readonly checkboxDisplay: {
-        (props: import('../ag-grid-react/cell-renderers/checkbox-display-renderer').CheckboxDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    readonly switchDisplay: {
-        (props: import('../ag-grid-react/cell-renderers/switch-display-renderer').SwitchDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    readonly textareaDisplay: {
-        (props: import('../ag-grid-react/cell-renderers/textarea-display-renderer').TextAreaDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    readonly dateDisplay: {
-        (props: import('../ag-grid-react/cell-renderers/date-display-renderer').DateDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    readonly percentProgressDisplay: {
-        (props: import('../ag-grid-react/cell-renderers').PercentProgressDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    readonly inputEditor: import('react').NamedExoticComponent<import('../ag-grid-react/cell-renderers').InputCellEditorProps & import('react').RefAttributes<any>>;
-    readonly selectEditor: import('react').ForwardRefExoticComponent<import('../ag-grid-react/cell-renderers').SelectCellEditorProps & import('react').RefAttributes<unknown>>;
-    readonly textareaEditor: import('react').ForwardRefExoticComponent<import('../ag-grid-react/cell-renderers/editors/textarea-cell-editor').TextAreaCellEditorProps & import('react').RefAttributes<unknown>>;
-    readonly dateEditor: import('react').ForwardRefExoticComponent<import('../ag-grid-react/cell-renderers/editors/date-cell-editor').DateCellEditorProps & import('react').RefAttributes<unknown>>;
-    readonly splitEditor: import('react').ForwardRefExoticComponent<import('../ag-grid-react/cell-renderers').SplitCellEditorProps & import('react').RefAttributes<unknown>>;
-    readonly percentProgressEditor: import('react').NamedExoticComponent<import('../ag-grid-react/cell-renderers').PercentProgressCellEditorProps & import('react').RefAttributes<{
-        getValue: () => unknown;
-        isCancelBeforeStart: () => boolean;
-        isCancelAfterEnd: () => boolean;
-    }>>;
-};
-export type AgGridCellComponentKey = keyof typeof AG_GRID_CELL_COMPONENTS;

package/dist/components/ui/switch.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-import * as SwitchPrimitives from "@radix-ui/react-switch";
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { Switch };

package/dist/components/ui/switch.js

@@ -1,29 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
-import * as e from "@radix-ui/react-switch";
-import { cn as a } from "../../lib/utils.js";
-const r = n.forwardRef(({ className: o, ...s }, i) => /* @__PURE__ */ t(
-  e.Root,
-  {
-    className: a(
-      "peer inline-flex h-[16px] w-[24px] shrink-0 cursor-pointer items-center rounded-full border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-canvas disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-brand-tint data-[state=checked]:border-canvas-accordion data-[state=unchecked]:bg-canvas-elevated data-[state=unchecked]:border-canvas-tint",
-      o
-    ),
-    ...s,
-    ref: i,
-    "data-component": "switch-root",
-    children: /* @__PURE__ */ t(
-      e.Thumb,
-      {
-        className: a(
-          "pointer-events-none block h-[10px] w-[10px] rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-[10px] data-[state=unchecked]:translate-x-[2px] data-[state=checked]:bg-brand data-[state=unchecked]:bg-stroke-field"
-        ),
-        "data-component": "switch-thumb"
-      }
-    )
-  }
-));
-r.displayName = e.Root.displayName;
-export {
-  r as Switch
-};

package/dist/components/ui/tabs.d.ts

@@ -1,26 +0,0 @@
-import * as React from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    variant?: "line" | "pill" | "outline" | "box";
-    size?: "default" | "sm";
-    hideInactiveLabel?: boolean;
-    tooltipClassName?: string;
-    maxWords?: number;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export type ActiveColorConfig = {
-    text: string;
-    bg: string;
-    border: string;
-};
-declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
-    icon?: React.ReactNode;
-    maxWords?: number;
-    activeColor?: ActiveColorConfig;
-} & React.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const TabsImage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    activeImage: React.ReactNode;
-    inactiveImage: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-export { Tabs, TabsList, TabsTrigger, TabsContent };