@ogcio/design-system-react 1.22.1 → 1.24.0

package/dist/summary-list/summary-list-action.js

@@ -1,18 +1,17 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as r } from "react/jsx-runtime";
 import { Link as i } from "../link/link.js";
 import { useSummaryListContext as o } from "./summary-list-context.js";
-const t = ({
-  children: e,
+const e = ({
+  children: t,
   ...m
-}) => (o(), /* @__PURE__ */ r(i, { ...m, children: e }));
-t.displayName = "SummaryListAction";
-Object.defineProperty(t, "componentType", {
+}) => (o(), /* @__PURE__ */ r(i, { ...m, children: t }));
+e.displayName = "SummaryListAction";
+Object.defineProperty(e, "componentType", {
   value: "SummaryListAction",
   writable: !1,
   enumerable: !1
 });
 export {
-  t as SummaryListAction
+  e as SummaryListAction
 };

package/dist/summary-list/summary-list-context.js

@@ -1,12 +1,11 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as e } from "react/jsx-runtime";
 import { createContext as o, useContext as n } from "react";
 const r = o(null);
-function s({ children: t }) {
+function m({ children: t }) {
   return /* @__PURE__ */ e(r.Provider, { value: !0, children: t });
 }
-function x() {
+function s() {
   const t = n(r);
   if (!t)
     throw new Error(
@@ -15,6 +14,6 @@ function x() {
   return t;
 }
 export {
-  s as SummaryListProvider,
-  x as useSummaryListContext
+  m as SummaryListProvider,
+  s as useSummaryListContext
 };

package/dist/summary-list/summary-list-header.js

@@ -1,8 +1,7 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { Children as S } from "react";
-import { cn as r } from "../cn.js";
+import { cn as s } from "../cn.js";
 import { useBreakpoint as A } from "../hooks/use-breakpoint.js";
 import { useDomId as C } from "../hooks/use-dom-id.js";
 import { translate as h } from "../i18n/utility.js";
@@ -20,23 +19,23 @@ const y = ({
 }) => {
   j();
   const { width: m } = A(), p = C(), t = S.toArray(g).filter(
-    (s) => b(s) === "SummaryListAction"
+    (r) => b(r) === "SummaryListAction"
   ), i = m != null && m <= 765, d = c ? { maxWidth: c } : void 0, u = {
     "gi-truncate gi-block": w === "truncate"
   };
-  return /* @__PURE__ */ l("tr", { ...L, className: r("gi-h-14", N), children: [
+  return /* @__PURE__ */ l("tr", { ...L, className: s("gi-h-14", N), children: [
     /* @__PURE__ */ l("th", { scope: "col", className: "gi-text-center gi-align-middle", children: [
-      !i && /* @__PURE__ */ e("span", { className: r(u), style: d, children: n }),
-      i ? /* @__PURE__ */ l("div", { className: r("gi-flex gi-justify-between"), children: [
-        /* @__PURE__ */ e("span", { className: r(u), style: d, children: n }),
+      !i && /* @__PURE__ */ e("span", { className: s(u), style: d, children: n }),
+      i ? /* @__PURE__ */ l("div", { className: s("gi-flex gi-justify-between"), children: [
+        /* @__PURE__ */ e("span", { className: s(u), style: d, children: n }),
         /* @__PURE__ */ e("span", { className: "gi-sr-only", children: h("header.actions", {
           defaultValue: "Actions"
         }) }),
-        /* @__PURE__ */ e(f, { id: o, children: t.map((s, a) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(f, { id: o, children: t.map((r, a) => /* @__PURE__ */ e(
           "span",
           {
-            className: r({ "gi-ml-4": a > 0 }),
-            children: s
+            className: s({ "gi-ml-4": a > 0 }),
+            children: r
           },
           `${p}-a${a}`
         )) })
@@ -46,11 +45,11 @@ const y = ({
       /* @__PURE__ */ e("span", { className: "gi-sr-only", children: h("header.actions", {
         defaultValue: "Actions"
       }) }),
-      /* @__PURE__ */ e(f, { id: o, children: t.map((s, a) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e(f, { id: o, children: t.map((r, a) => /* @__PURE__ */ e(
         "span",
         {
-          className: r({ "gi-ml-4": a > 0 }),
-          children: s
+          className: s({ "gi-ml-4": a > 0 }),
+          children: r
         },
         `${p}-a${a}`
       )) })

package/dist/summary-list/summary-list-row.js

@@ -1,55 +1,54 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { Children as g } from "react";
-import { cn as s } from "../cn.js";
+import { cn as i } from "../cn.js";
 import { useDomId as L } from "../hooks/use-dom-id.js";
 import { translate as y } from "../i18n/utility.js";
 import { getSpecialComponentType as p } from "../utilities.js";
 import { useSummaryListContext as $ } from "./summary-list-context.js";
 const f = ({
-  children: a,
-  label: l,
+  children: l,
+  label: t,
   withBorder: h,
   className: b,
   ...S
 }) => {
   $();
-  const n = g.toArray(a), m = n.filter(
-    (t) => p(t) === "SummaryListAction"
+  const n = g.toArray(l), m = n.filter(
+    (a) => p(a) === "SummaryListAction"
   ), o = n.find(
-    (t) => p(t) === "SummaryListValue"
+    (a) => p(a) === "SummaryListValue"
   ), r = L(), c = `${r}-value`, d = `${r}-actions`;
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ s(
     "tr",
     {
       ...S,
-      className: s(
+      className: i(
         {
           "gi-border-b gi-border-color-border-system-neutral-muted": h
         },
         b
       ),
       children: [
-        /* @__PURE__ */ e("th", { id: r, scope: "row", children: l }),
-        o ? /* @__PURE__ */ i("td", { ...o.props, "aria-labelledby": `${r} ${c}`, children: [
+        /* @__PURE__ */ e("th", { id: r, scope: "row", children: t }),
+        o ? /* @__PURE__ */ s("td", { ...o.props, "aria-labelledby": `${r} ${c}`, children: [
           /* @__PURE__ */ e("span", { id: c, className: "gi-sr-only", children: y("summaryList.col.value", { defaultValue: "Value" }) }),
           o.props.children
         ] }) : null,
-        m.length > 0 ? /* @__PURE__ */ e("td", { "aria-labelledby": `${r} ${d}`, children: /* @__PURE__ */ e(v, { id: d, children: m.map((t, u) => /* @__PURE__ */ e(
+        m.length > 0 ? /* @__PURE__ */ e("td", { "aria-labelledby": `${r} ${d}`, children: /* @__PURE__ */ e(v, { id: d, children: m.map((a, u) => /* @__PURE__ */ e(
           "span",
           {
-            className: s({ "gi-ml-4": u > 0 }),
-            children: t
+            className: i({ "gi-ml-4": u > 0 }),
+            children: a
           },
           `${r}-a${u}`
         )) }) }) : null
       ]
     }
   );
-}, v = ({ id: a, children: l }) => /* @__PURE__ */ i("div", { className: s("gi-summary-list-action"), children: [
-  /* @__PURE__ */ e("span", { id: a, className: "gi-sr-only", children: y("summaryList.col.actions", { defaultValue: "Actions" }) }),
-  l
+}, v = ({ id: l, children: t }) => /* @__PURE__ */ s("div", { className: i("gi-summary-list-action"), children: [
+  /* @__PURE__ */ e("span", { id: l, className: "gi-sr-only", children: y("summaryList.col.actions", { defaultValue: "Actions" }) }),
+  t
 ] });
 f.displayName = "SummaryRow";
 Object.defineProperty(f, "componentType", {

package/dist/summary-list/summary-list-value.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as r } from "react/jsx-runtime";
 import { useSummaryListContext as a } from "./summary-list-context.js";
 const e = ({

package/dist/summary-list/summary-list.js

@@ -1,10 +1,9 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import { Children as u } from "react";
-import { cn as p } from "../cn.js";
+import { cn as y } from "../cn.js";
 import { getSpecialComponentType as o } from "../utilities.js";
-import { SummaryListProvider as y } from "./summary-list-context.js";
+import { SummaryListProvider as p } from "./summary-list-context.js";
 const l = ({
   children: a,
   className: s,
@@ -16,10 +15,10 @@ const l = ({
   ), m = t.filter(
     (e) => o(e) === "SummaryListRow"
   );
-  return /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(
     "div",
     {
-      className: p("gi-summary-list", {
+      className: y("gi-summary-list", {
         "gi-border gi-border-color-border-system-neutral-muted": n
       }),
       children: /* @__PURE__ */ c("table", { className: s, role: "table", ...d, children: [

package/dist/table/table-data.js

@@ -1,10 +1,9 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as n } from "react/jsx-runtime";
-import { useRef as g, useState as u, useEffect as p } from "react";
+import { useRef as g, useState as u, useEffect as f } from "react";
 import { cn as m } from "../cn.js";
 import { IconButton as v } from "../icon-button/icon-button.js";
-function k({
+function S({
   align: t = "left",
   valign: e = "middle",
   size: l,
@@ -21,8 +20,8 @@ function k({
     top: "gi-align-top",
     middle: "gi-align-middle",
     bottom: "gi-align-bottom"
-  }[e], f = l ? `gi-table-td-${l}` : void 0, c = g(null), [b, w] = u(!1);
-  return p(() => {
+  }[e], p = l ? `gi-table-td-${l}` : void 0, c = g(null), [b, w] = u(!1);
+  return f(() => {
     if (!c.current)
       return;
     const x = c.current.querySelectorAll("input, select, button");
@@ -33,7 +32,7 @@ function k({
       ref: c,
       className: m(
         "gi-table-td",
-        f,
+        p,
         r,
         i,
         s
@@ -43,12 +42,12 @@ function k({
     }
   );
 }
-const z = ({ children: t, className: e }) => /* @__PURE__ */ n("div", { className: m("gi-table-data-cell", e), children: t }), T = ({
+const z = ({ children: t, className: e }) => /* @__PURE__ */ n("div", { className: m("gi-table-data-cell", e), children: t }), k = ({
   expanded: t,
   onClick: e
 }) => {
   const [l, s] = u("md"), o = g(null);
-  return p(() => {
+  return f(() => {
     var i;
     const a = (i = o.current) == null ? void 0 : i.closest(".gi-table"), r = a == null ? void 0 : a.getAttribute("data-row-size");
     r && s(r);
@@ -72,14 +71,14 @@ const z = ({ children: t, className: e }) => /* @__PURE__ */ n("div", { classNam
       }
     }
   ) });
-}, _ = ({
+}, T = ({
   children: t,
   className: e,
   ...l
 }) => /* @__PURE__ */ n("td", { className: "gi-table-td", ...l, children: /* @__PURE__ */ n("div", { className: m("gi-table-data-slot-container", e), children: t }) });
 export {
   z as TableCell,
-  k as TableData,
-  _ as TableDataSlot,
-  T as TableExpandIcon
+  S as TableData,
+  T as TableDataSlot,
+  k as TableExpandIcon
 };

package/dist/table/table-header.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as o, jsxs as b } from "react/jsx-runtime";
 import { Children as C } from "react";
 import { cn as m } from "../cn.js";
@@ -12,7 +11,7 @@ const j = (e, r) => e ? r ? /* @__PURE__ */ o(
     size: "sm"
   }
 ) : /* @__PURE__ */ o(u, { inline: !0, icon: "swap_vert", size: "sm" }) : null;
-function k({
+function _({
   align: e = "left",
   valign: r = "middle",
   className: h,
@@ -74,5 +73,5 @@ function k({
   );
 }
 export {
-  k as TableHeader
+  _ as TableHeader
 };

package/dist/tabs/tab-item.d.ts

@@ -9,4 +9,4 @@ export declare const InternalTabItem: import('react').ForwardRefExoticComponent<
     stretch?: boolean;
     labelAlignment?: "center" | "end" | "start";
     className?: string;
-} & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+} & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;

package/dist/tabs/tab-item.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsxs as j, Fragment as v, jsx as a } from "react/jsx-runtime";
 import { forwardRef as k } from "react";
 import { c as z } from "../index-CB-zPpNk.js";

package/dist/tabs/tab-list.js

@@ -1,10 +1,9 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as A } from "react/jsx-runtime";
 import { useState as $, Children as b, useEffect as g, isValidElement as m } from "react";
 import { cn as D } from "../cn.js";
 import { InternalTabItem as K } from "./tab-item.js";
-const z = ({
+const v = ({
   children: l,
   tabName: p,
   appearance: C,
@@ -16,23 +15,23 @@ const z = ({
 }) => {
   const [u, f] = $(null), h = b.count(l);
   g(() => {
-    let t = !1, r = 0;
-    b.forEach(l, (e, n) => {
-      m(e) && "checked" in e.props && e.props.checked === !0 && (r = n, t = !0);
-    }), f(t ? r : 0);
+    let t = !1, e = 0;
+    b.forEach(l, (r, n) => {
+      m(r) && "checked" in r.props && r.props.checked === !0 && (e = n, t = !0);
+    }), f(t ? e : 0);
   }, []);
   const w = () => {
     const t = document.querySelector(`#${p}`);
     return t || null;
   }, E = (t) => {
-    const r = w();
-    if (!r)
+    const e = w();
+    if (!e)
       return;
-    const e = r.querySelectorAll('[role="tabpanel"]');
-    for (const i of e)
+    const r = e.querySelectorAll('[role="tabpanel"]');
+    for (const i of r)
       i.style.display = "none", i.setAttribute("aria-hidden", "true");
     const d = [
-      ...r.querySelectorAll('[role="tab"]')
+      ...e.querySelectorAll('[role="tab"]')
     ].find((i) => {
       const o = i.dataset.index ?? i.getAttribute("index");
       if (o !== null)
@@ -43,19 +42,19 @@ const z = ({
     const a = d.getAttribute("aria-controls");
     if (!a)
       return;
-    const s = r.querySelector(`#${a}`);
+    const s = e.querySelector(`#${a}`);
     s && (s.style.display = "block", s.setAttribute("aria-hidden", "false"));
   };
   g(() => {
     E(u ?? 0);
   }, [u]);
-  const k = (t, r) => (e) => {
-    f(t), r && r(e);
+  const k = (t, e) => (r) => {
+    f(t), e && e(r);
   }, P = (t) => {
-    let r = 0;
-    if (t.key === "ArrowLeft" ? r = -1 : t.key === "ArrowRight" && (r = 1), r === 0)
+    let e = 0;
+    if (t.key === "ArrowLeft" ? e = -1 : t.key === "ArrowRight" && (e = 1), e === 0)
       return;
-    let n = (u ?? 0) + r;
+    let n = (u ?? 0) + e;
     n < 0 && (n = 0), n >= h && (n = h - 1);
     const a = b.toArray(l)[n];
     if (!a)
@@ -73,10 +72,10 @@ const z = ({
     };
     k(n, () => {
       var o, c;
-      return r === -1 ? (c = (o = a.props) == null ? void 0 : o.onTabClick) == null ? void 0 : c.call(o, t) : t;
+      return e === -1 ? (c = (o = a.props) == null ? void 0 : o.onTabClick) == null ? void 0 : c.call(o, t) : t;
     })(s), t.stopPropagation(), t.preventDefault();
-  }, q = b.map(l, (t, r) => {
-    var e;
+  }, q = b.map(l, (t, e) => {
+    var r;
     return m(t) ? /* @__PURE__ */ A(
       K,
       {
@@ -85,10 +84,10 @@ const z = ({
         stretch: y,
         labelAlignment: S,
         size: x,
-        index: r,
-        checked: u === r,
+        index: e,
+        checked: u === e,
         onTabKeyDown: P,
-        onTabClick: k(r, (e = t == null ? void 0 : t.props) == null ? void 0 : e.onTabClick)
+        onTabClick: k(e, (r = t == null ? void 0 : t.props) == null ? void 0 : r.onTabClick)
       }
     ) : null;
   });
@@ -109,5 +108,5 @@ const z = ({
   );
 };
 export {
-  z as TabList
+  v as TabList
 };

package/dist/tag/tag.d.ts

@@ -1,3 +1,4 @@
+import { ComponentPropsWithoutRef } from 'react';
 export declare const TagTypeEnum: {
     readonly Default: "default";
     readonly Info: "info";
@@ -7,13 +8,18 @@ export declare const TagTypeEnum: {
     readonly Counter: "counter";
     readonly CounterWarning: "counterWarning";
 };
+export declare const TagSizeEnum: {
+    readonly Default: "default";
+    readonly Small: "small";
+};
 export type TagType = (typeof TagTypeEnum)[keyof typeof TagTypeEnum];
+export type TagSize = (typeof TagSizeEnum)[keyof typeof TagSizeEnum];
 export type TagProps = {
     text: string;
     type?: TagType;
-    dataTestid?: string;
-};
+    size?: TagSize;
+} & Omit<ComponentPropsWithoutRef<'strong'>, 'children'>;
 export declare const Tag: {
-    ({ text, type, dataTestid, }: TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ text, type, size, className, ...props }: TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/tag/tag.js

@@ -1,5 +1,6 @@
-import { jsx as g } from "react/jsx-runtime";
-const n = {
+import { jsx as i } from "react/jsx-runtime";
+import { c as o } from "../clsx-OuTLNxxd.js";
+const a = {
   Default: "default",
   Info: "info",
   Success: "success",
@@ -7,21 +8,37 @@ const n = {
   Error: "error",
   Counter: "counter",
   CounterWarning: "counterWarning"
-}, e = {
-  [n.Default]: "gi-tag-default",
-  [n.Info]: "gi-tag-info",
-  [n.Success]: "gi-tag-success",
-  [n.Warning]: "gi-tag-warning",
-  [n.Error]: "gi-tag-error",
-  [n.Counter]: "gi-tag-counter",
-  [n.CounterWarning]: "gi-tag-counter-warning"
-}, o = ({
-  text: r,
-  type: a = n.Default,
-  dataTestid: t
-}) => /* @__PURE__ */ g("strong", { className: `gi-tag ${e[a]}`, "data-testid": t, children: r });
-o.displayName = "Tag";
+}, t = {
+  Default: "default",
+  Small: "small"
+}, l = {
+  [a.Default]: "gi-tag-default",
+  [a.Info]: "gi-tag-info",
+  [a.Success]: "gi-tag-success",
+  [a.Warning]: "gi-tag-warning",
+  [a.Error]: "gi-tag-error",
+  [a.Counter]: "gi-tag-counter",
+  [a.CounterWarning]: "gi-tag-counter-warning"
+}, u = {
+  [t.Default]: "gi-tag-size-default",
+  [t.Small]: "gi-tag-size-small"
+}, c = ({
+  text: n,
+  type: g = a.Default,
+  size: r = t.Default,
+  className: e,
+  ...s
+}) => /* @__PURE__ */ i(
+  "strong",
+  {
+    ...s,
+    className: o("gi-tag", l[g], u[r], e),
+    children: n
+  }
+);
+c.displayName = "Tag";
 export {
-  o as Tag,
-  n as TagTypeEnum
+  c as Tag,
+  t as TagSizeEnum,
+  a as TagTypeEnum
 };

package/dist/text-input/text-input.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { InputText as t } from "../input-text/input-text.js";
 const e = t;
 e.displayName = "TextInput";

package/dist/textarea/textarea.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsxs as g, Fragment as j, jsx as e } from "react/jsx-runtime";
 import { forwardRef as z, useRef as A, useState as v, useImperativeHandle as H, useEffect as O } from "react";
 import { cn as h } from "../cn.js";
@@ -15,31 +14,31 @@ const q = z(
     autoComplete: b = "on",
     maxChars: t,
     halfFluid: N = !1,
-    iconStart: n,
+    iconStart: i,
     className: R,
     clearButtonEnabled: u,
     onChange: a,
     name: r,
     ...l
   }, V) => {
-    const i = A(null), [m, I] = v(
+    const n = A(null), [f, I] = v(
       t
     );
-    H(V, () => i.current);
-    const [T, f] = v(""), s = d !== void 0, c = s ? String(d) : T;
+    H(V, () => n.current);
+    const [T, m] = v(""), s = d !== void 0, c = s ? String(d) : T;
     O(() => {
       t !== void 0 && I(t - c.length);
     }, [c, t]);
     const k = (o) => {
       const y = o.target.value;
-      s || f(y), a && a(o);
+      s || m(y), a && a(o);
     }, w = () => {
-      i.current && (s || f(""), a && a({
+      n.current && (s || m(""), a && a({
         target: { name: r, value: "" },
         currentTarget: { name: r, value: "" },
         type: "change",
         bubbles: !0
-      }), i.current.focus());
+      }), n.current.focus());
     };
     return /* @__PURE__ */ g(j, { children: [
       /* @__PURE__ */ e("div", { className: "gi-textarea-container", children: /* @__PURE__ */ g(
@@ -49,7 +48,7 @@ const q = z(
             "gi-input-half-width": N
           }),
           children: [
-            n && /* @__PURE__ */ e("div", { className: "gi-text-area-icon-start", children: /* @__PURE__ */ e(Y, { icon: n, size: "md", disabled: l.disabled }) }),
+            i && /* @__PURE__ */ e("div", { className: "gi-text-area-icon-start", children: /* @__PURE__ */ e(Y, { icon: i, size: "md", disabled: l.disabled }) }),
             /* @__PURE__ */ e(
               "textarea",
               {
@@ -58,8 +57,8 @@ const q = z(
                 cols: x,
                 autoComplete: b,
                 className: h(R, "gi-textarea"),
-                ref: i,
-                "data-icon-start": !!n,
+                ref: n,
+                "data-icon-start": !!i,
                 "data-clear-enabled": u,
                 maxLength: t,
                 value: c,
@@ -88,8 +87,8 @@ const q = z(
         F,
         {
           text: L("textarea.remainingChars", {
-            remainingChars: m,
-            defaultValue: `You have ${m} characters remaining`
+            remainingChars: f,
+            defaultValue: `You have ${f} characters remaining`
           })
         }
       ) })

package/dist/toast/ds-toast.js

@@ -1,6 +1,5 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
-import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
 import { c as u } from "../index-CB-zPpNk.js";
 import { Icon as p } from "../icon/icon.js";
 import { IconButton as v } from "../icon-button/icon-button.js";
@@ -58,7 +57,7 @@ const N = u({
   }
   return s;
 };
-function B({
+function y({
   title: e,
   description: s,
   action: a,
@@ -66,12 +65,12 @@ function B({
   showIcon: l = !0,
   dismissible: o,
   onClose: c,
-  slotAction: t
+  slotAction: n
 }) {
-  const { base: m, heading: g, container: b, innerContainer: d, dismiss: f, baseDismissible: h } = N({
+  const { base: g, heading: m, container: b, innerContainer: d, dismiss: f, baseDismissible: h } = N({
     variant: r
   });
-  return /* @__PURE__ */ n("div", { className: (o ? h : m)(), children: [
+  return /* @__PURE__ */ t("div", { className: (o ? h : g)(), children: [
     l ? /* @__PURE__ */ i(
       p,
       {
@@ -80,9 +79,9 @@ function B({
         "data-variant": r
       }
     ) : null,
-    /* @__PURE__ */ n("div", { className: b(), children: [
-      /* @__PURE__ */ n("div", { className: d(), children: [
-        /* @__PURE__ */ i("p", { className: g(), children: e }),
+    /* @__PURE__ */ t("div", { className: b(), children: [
+      /* @__PURE__ */ t("div", { className: d(), children: [
+        /* @__PURE__ */ i("p", { className: m(), children: e }),
         o && /* @__PURE__ */ i("div", { className: f(), children: /* @__PURE__ */ i(
           v,
           {
@@ -96,11 +95,11 @@ function B({
         ) })
       ] }),
       /* @__PURE__ */ i(k, { ariaLabel: s, children: s }),
-      (a || t) && /* @__PURE__ */ i("div", { className: "gi-toast-action", children: /* @__PURE__ */ i(w, { href: a == null ? void 0 : a.href, noColor: !0, size: "md", asChild: !!t, children: t || (a == null ? void 0 : a.label) }) })
+      (a || n) && /* @__PURE__ */ i("div", { className: "gi-toast-action", children: /* @__PURE__ */ i(w, { href: a == null ? void 0 : a.href, noColor: !0, size: "md", asChild: !!n, children: n || (a == null ? void 0 : a.label) }) })
     ] })
   ] });
 }
 export {
-  B as Toast,
+  y as Toast,
   N as toastVariants
 };