welcome-ui 0.0.0-dev.1762114810912 → 0.0.0-dev.1763386521897

package/dist/Pagination.js

@@ -1,105 +1,184 @@
 "use client";
-import { jsx as n, jsxs as y } from "react/jsx-runtime";
-import { useMemo as z, forwardRef as B, useRef as _, useCallback as N } from "react";
-import { Icon as x } from "./Icon.js";
-import { c as D } from "./index-PAaZGbyz.js";
-const G = "_list_1sith_2", q = "_item_1sith_11", F = "_page_1sith_37", J = "_dots_1sith_44", K = {
-  list: G,
-  item: q,
-  "disabled-arrow": "_disabled-arrow_1sith_32",
-  page: F,
-  dots: J
-}, c = 5, L = 3;
-function O({ page: i, pageCount: t, rangeDisplay: a }) {
-  return z(() => {
-    if (t <= a || t <= c + 1)
-      return h(t, (s) => s + 1);
-    const r = Q(i, t), d = r === "before" ? h(c, (s) => s + 1) : [1], l = r === "center" ? h(L, (s) => s + i - 1) : [], o = r === "after" ? h(c, (s) => s + t - c + 1) : [t];
-    return S([d, l, o], "-");
-  }, [i, t, a]);
+import { jsx as s, jsxs as N } from "react/jsx-runtime";
+import { useMemo as Z, forwardRef as p, useRef as M, useCallback as R } from "react";
+import { Icon as A } from "./Icon.js";
+import { c as H } from "./index-PAaZGbyz.js";
+const I = "_list_uyk8e_3", C = "_item_uyk8e_13", n = "_page_uyk8e_52", a = {
+  list: I,
+  item: C,
+  "disabled-arrow": "_disabled-arrow_uyk8e_43",
+  page: n,
+  "with-text-left": "_with-text-left_uyk8e_72",
+  "with-text-right": "_with-text-right_uyk8e_72",
+  "size-lg": "_size-lg_uyk8e_75",
+  "size-md": "_size-md_uyk8e_90"
+}, h = 5, x = 3;
+function v({ page: c, pageCount: e, rangeDisplay: _ }) {
+  return Z(() => {
+    if (e <= _ || e <= h + 1)
+      return B(e, (b) => b + 1);
+    const u = g(c, e), o = u === "before" ? B(h, (b) => b + 1) : [1], r = u === "center" ? B(x, (b) => b + c - 1) : [], w = u === "after" ? B(h, (b) => b + e - h + 1) : [e];
+    return T([o, r, w], "-");
+  }, [c, e, _]);
 }
-function h(i, t) {
-  return Array.from({ length: i }, (a, r) => t(r));
+function B(c, e) {
+  return Array.from({ length: c }, (_, u) => e(u));
 }
-function Q(i, t) {
-  return i < c ? "before" : i >= c && i <= t - c + 1 ? "center" : i > t - c + 1 ? "after" : "center";
+function g(c, e) {
+  return c < h ? "before" : c >= h && c <= e - h + 1 ? "center" : c > e - h + 1 ? "after" : "center";
 }
-function S(i, t) {
-  return i.reduce((a, r, d) => {
-    const l = [];
-    return l.push(...a), l.push(...r), r.length && d < i.length - 1 && l.push(t), l;
+function T(c, e) {
+  return c.reduce((_, u, o) => {
+    const r = [];
+    return r.push(..._), r.push(...u), u.length && o < c.length - 1 && r.push(e), r;
   }, []);
 }
-const f = D(K), Y = B(
+const m = H(a), sl = p(
   ({
-    "aria-label": i,
-    buttonNextProps: t,
-    buttonPrevProps: a,
+    "aria-label": c,
+    buttonFirstProps: e,
+    buttonLastProps: _,
+    buttonNextProps: u,
+    buttonPrevProps: o,
     dataTestId: r,
-    getHref: d,
-    listProps: l,
-    onChange: o,
-    page: s,
-    pageCount: m,
-    rangeDisplay: v = 5,
-    ...w
-  }, P) => {
-    const R = O({ page: s, pageCount: m, rangeDisplay: v }), $ = _(null), k = _(null), u = s === 1, b = s === m, A = N(() => {
-      if (u) return;
-      const e = Math.max(s - 1, 1);
-      o(e);
-    }, [u, s, o]), E = N(() => {
-      if (b) return;
-      const e = Math.min(s + 1, m);
-      o(e);
-    }, [b, s, m, o]);
-    return /* @__PURE__ */ n("nav", { "aria-label": i ?? "Pagination", "data-testid": r, ref: P, ...w, children: /* @__PURE__ */ y("ol", { className: f("list"), ...l, children: [
-      /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+    getHref: w,
+    listProps: b,
+    navigationTexts: l,
+    onChange: d,
+    page: f,
+    pageCount: P,
+    rangeDisplay: G = 5,
+    showEdgeControls: D = !1,
+    size: i = "lg",
+    ...q
+  }, J) => {
+    const K = v({ page: f, pageCount: P, rangeDisplay: G }), O = M(null), Q = M(null), k = f === 1, y = f === P, $ = f === 1, z = f === P, j = (l == null ? void 0 : l.firstPage) || "First Page", E = (l == null ? void 0 : l.lastPage) || "Last Page", F = (l == null ? void 0 : l.nextPage) || "Next Page", L = (l == null ? void 0 : l.previousPage) || "Previous Page", S = R(() => {
+      $ || d(1);
+    }, [$, d]), U = R(() => {
+      z || d(P);
+    }, [z, P, d]), V = R(() => {
+      if (k) return;
+      const t = Math.max(f - 1, 1);
+      d(t);
+    }, [k, f, d]), W = R(() => {
+      if (y) return;
+      const t = Math.min(f + 1, P);
+      d(t);
+    }, [y, f, P, d]);
+    return /* @__PURE__ */ s("nav", { "aria-label": c ?? "Pagination", "data-testid": r, ref: J, ...q, children: /* @__PURE__ */ N("ol", { className: m("list"), ...b, children: [
+      D ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ N(
         "button",
         {
-          "aria-label": "Previous Page",
-          className: f("item", u && "disabled-arrow"),
+          "aria-label": j,
+          className: m(
+            "item",
+            `size-${i}`,
+            (l == null ? void 0 : l.firstPage) && "with-text-right",
+            $ && "disabled-arrow"
+          ),
+          "data-testid": r ? `${r}-arrow-first` : void 0,
+          disabled: $,
+          onClick: S,
+          type: "button",
+          ...e,
+          children: [
+            /* @__PURE__ */ s(A, { className: m("icon"), name: "angle-double-left", size: "lg" }),
+            l != null && l.firstPage ? j : null
+          ]
+        }
+      ) }) : null,
+      /* @__PURE__ */ s("li", { children: /* @__PURE__ */ N(
+        "button",
+        {
+          "aria-label": L,
+          className: m(
+            "item",
+            `size-${i}`,
+            (l == null ? void 0 : l.previousPage) && "with-text-right",
+            k && "disabled-arrow"
+          ),
           "data-testid": r ? `${r}-arrow-prev` : void 0,
-          disabled: u,
-          onClick: A,
-          ref: $,
+          disabled: k,
+          onClick: V,
+          ref: O,
           type: "button",
-          ...a,
-          children: /* @__PURE__ */ n(x, { name: "angle-left-b", size: "sm" })
+          ...o,
+          children: [
+            /* @__PURE__ */ s(A, { className: m("icon"), name: "angle-left", size: "lg" }),
+            l != null && l.previousPage ? L : null
+          ]
         }
       ) }),
-      R.map(
-        (e, j) => e === "-" ? /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: f("dots"), children: "..." }) }, `${j}-`) : /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+      K.map(
+        (t, X) => t === "-" ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
+          "button",
+          {
+            "aria-label": "Collapsed Pages",
+            className: m("item", `size-${i}`),
+            type: "button",
+            ...u,
+            children: "..."
+          }
+        ) }, `${X}-`) : /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
           "a",
           {
-            "aria-current": e === s,
-            className: f("item", "page"),
-            "data-testid": r ? `${r}-${e}` : void 0,
-            href: d == null ? void 0 : d(e),
-            onClick: (M) => {
-              o && (M.preventDefault(), o(e));
+            "aria-current": t === f,
+            className: m("item", "page", `size-${i}`),
+            "data-testid": r ? `${r}-${t}` : void 0,
+            href: w == null ? void 0 : w(t),
+            onClick: (Y) => {
+              d && (Y.preventDefault(), d(t));
             },
-            children: e
+            children: t
           }
-        ) }, e)
+        ) }, t)
       ),
-      /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+      /* @__PURE__ */ s("li", { children: /* @__PURE__ */ N(
         "button",
         {
-          "aria-label": "Next Page",
-          className: f("item", b && "disabled-arrow"),
+          "aria-label": F,
+          className: m(
+            "item",
+            `size-${i}`,
+            (l == null ? void 0 : l.nextPage) && "with-text-left",
+            y && "disabled-arrow"
+          ),
           "data-testid": r ? `${r}-arrow-next` : void 0,
-          disabled: b,
-          onClick: E,
-          ref: k,
+          disabled: y,
+          onClick: W,
+          ref: Q,
+          type: "button",
+          ...u,
+          children: [
+            l != null && l.nextPage ? F : null,
+            /* @__PURE__ */ s(A, { name: "angle-right", size: "lg" })
+          ]
+        }
+      ) }),
+      D ? /* @__PURE__ */ s("li", { children: /* @__PURE__ */ N(
+        "button",
+        {
+          "aria-label": E,
+          className: m(
+            "item",
+            `size-${i}`,
+            (l == null ? void 0 : l.lastPage) && "with-text-left",
+            z && "disabled-arrow"
+          ),
+          "data-testid": r ? `${r}-arrow-last` : void 0,
+          disabled: z,
+          onClick: U,
           type: "button",
-          ...t,
-          children: /* @__PURE__ */ n(x, { name: "angle-right-b", size: "sm" })
+          ..._,
+          children: [
+            l != null && l.lastPage ? E : null,
+            /* @__PURE__ */ s(A, { className: m("icon"), name: "angle-double-right", size: "lg" })
+          ]
         }
-      ) })
+      ) }) : null
     ] }) });
   }
 );
 export {
-  Y as Pagination
+  sl as Pagination
 };

package/dist/StickyNote.css

@@ -0,0 +1 @@
+@layer components{._root_1m1jb_2{transform:rotate3d(0,0,1,.3deg);border-color:var(--components-colors-sticky-note-color-border-default);border-style:solid;border-width:var(--border-width-xs);border-radius:var(--components-dimensions-sticky-note-border-radius);padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);box-shadow:var(--elevation-30);width:var(--StickyNoteWidth);height:var(--StickyNoteHeight);background-color:var(--StickyNoteBackgroundColor);color:var(--StickyNoteColor)}._root_1m1jb_2:before{content:"";position:absolute;top:0;left:0;width:100%;height:var(--spacing-xxl);background-color:#00000005}._shape-rectangle_1m1jb_26{--StickyNoteWidth: var(--components-dimensions-sticky-note-size-width-rectangle);--StickyNoteHeight: var(--components-dimensions-sticky-note-size-height-rectangle)}._shape-square_1m1jb_30{--StickyNoteWidth: var(--components-dimensions-sticky-note-size-width-square);--StickyNoteHeight: var(--components-dimensions-sticky-note-size-height-square)}._variant-brand_1m1jb_34{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-brand);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-brand)}._variant-brand_1m1jb_34 ._title-icon_1m1jb_38{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-brand);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-brand )}._variant-blue_1m1jb_44{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-blue);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-blue)}._variant-blue_1m1jb_44 ._title-icon_1m1jb_38{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-blue);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-blue )}._variant-green_1m1jb_54{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-green);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-green)}._variant-green_1m1jb_54 ._title-icon_1m1jb_38{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-green);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-green )}._variant-violet_1m1jb_64{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-violet);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-violet)}._variant-violet_1m1jb_64 ._title-icon_1m1jb_38{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-violet);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-violet )}._variant-pink_1m1jb_74{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-pink);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-pink)}._variant-pink_1m1jb_74 ._title-icon_1m1jb_38{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-pink);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-pink )}._variant-orange_1m1jb_84{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-orange);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-orange)}._variant-orange_1m1jb_84 ._title-icon_1m1jb_38{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-orange);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-orange )}._variant-teal_1m1jb_94{--StickyNoteBackgroundColor: var(--components-colors-sticky-note-color-background-teal);--StickyNoteColor: var(--components-colors-sticky-note-color-text-body-teal)}._variant-teal_1m1jb_94 ._title-icon_1m1jb_38{--StickyNoteTitleIconColor: var(--components-colors-sticky-note-icon-color-icon-teal);--StickyNoteTitleIconBackgroundColor: var( --components-colors-sticky-note-icon-color-background-teal )}._close-button_1m1jb_104{position:absolute;transform:rotate3d(0,0,1,-.3deg);right:var(--spacing-xs);top:var(--spacing-xs)}._content_1m1jb_110{position:relative;display:flex;flex-direction:column;height:100%;gap:var(--components-dimensions-sticky-note-gap-content);transform:rotate3d(0,0,1,-.3deg);font-size:var(--font-size-md);line-height:var(--font-line-height-md)}._title_1m1jb_38{display:flex;gap:var(--spacing-sm);align-items:center}._title-icon_1m1jb_38{flex-shrink:0;padding:var(--components-dimensions-sticky-note-icon-padding-block);border-radius:var(--components-dimensions-sticky-note-icon-border-radius);color:var(--StickyNoteTitleIconColor);background-color:var(--StickyNoteTitleIconBackgroundColor)}._action_1m1jb_132{margin-top:auto;width:fit-content}}

package/dist/StickyNote.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { CloseButton as u } from "./CloseButton.js";
+import { c as r } from "./index-PAaZGbyz.js";
+import { Button as j } from "./Button.js";
+import { Icon as p } from "./Icon.js";
+import { Text as d } from "./Text.js";
+const f = "_root_1m1jb_2", g = "_content_1m1jb_110", h = "_title_1m1jb_38", N = "_action_1m1jb_132", i = {
+  root: f,
+  "shape-rectangle": "_shape-rectangle_1m1jb_26",
+  "shape-square": "_shape-square_1m1jb_30",
+  "variant-brand": "_variant-brand_1m1jb_34",
+  "title-icon": "_title-icon_1m1jb_38",
+  "variant-blue": "_variant-blue_1m1jb_44",
+  "variant-green": "_variant-green_1m1jb_54",
+  "variant-violet": "_variant-violet_1m1jb_64",
+  "variant-pink": "_variant-pink_1m1jb_74",
+  "variant-orange": "_variant-orange_1m1jb_84",
+  "variant-teal": "_variant-teal_1m1jb_94",
+  "close-button": "_close-button_1m1jb_104",
+  content: g,
+  title: h,
+  action: N
+}, x = r(i), B = ({ children: n, className: a, ...o }) => /* @__PURE__ */ t(j, { className: x("action", a), ...o, size: "sm", variant: "primary-neutral", children: n }), s = r(i), k = ({ children: n, icon: a = "lightbulb-alt" }) => /* @__PURE__ */ c(d, { as: "div", className: s("title"), variant: "body-md-strong", children: [
+  /* @__PURE__ */ t("div", { className: s("title-icon"), children: /* @__PURE__ */ t(p, { name: a }) }),
+  /* @__PURE__ */ t("span", { children: n })
+] }), e = r(i), y = v(
+  ({ children: n, className: a, handleClose: o, shape: _ = "square", variant: m = "brand" }, l) => {
+    const b = !!o;
+    return /* @__PURE__ */ c("div", { className: e("root", `variant-${m}`, `shape-${_}`, a), ref: l, children: [
+      b ? /* @__PURE__ */ t(u, { className: e("close-button"), onClick: o, size: "sm" }) : null,
+      /* @__PURE__ */ t("div", { className: e("content"), children: n })
+    ] });
+  }
+), I = Object.assign(y, {
+  Button: B,
+  Title: k
+});
+export {
+  I as StickyNote
+};

package/dist/Tag.css

@@ -1 +1 @@
-@layer components{._root_40vfm_2{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--duration-medium) var(--timing-primary);font-weight:var(--font-weight-medium);border:var(--components-dimensions-tag-border-width) solid var(--components-colors-tag-color-background-dash-default);line-height:initial;background-color:var(--backgroundColor, var(--components-colors-tag-color-background-warm-light-disabled));color:var(--color, var(--components-colors-tag-color-icon-warm-dark-default));border-color:var(--borderColor, transparent);height:var(--height);padding:var(--paddingVertical) var(--paddingHorizontal);gap:var(--gap);font-size:var(--fontSize);border-radius:var(--borderRadius, var(--components-dimensions-tag-padding-block-md))}._root_40vfm_2>span,._root_40vfm_2>p{overflow:hidden;text-overflow:ellipsis}._root_40vfm_2>svg{flex-shrink:0;width:var(--iconWidth);height:var(--iconHeight)}button._root_40vfm_2,a._root_40vfm_2{cursor:pointer;text-decoration:none}@media (hover: hover) and (pointer: fine){button._root_40vfm_2:hover,a._root_40vfm_2:hover{--backgroundColor: var( --backgroundColorHover, var(--components-colors-tag-color-background-warm-dark-default) )}}button._root_40vfm_2[data-focus-visible],button._root_40vfm_2:focus-visible,a._root_40vfm_2[data-focus-visible],a._root_40vfm_2:focus-visible{outline-color:var(--outlineColorFocus);--backgroundColor: var( --backgroundColorFocus, var(--components-colors-tag-color-background-warm-dark-default) )}button._root_40vfm_2:active,a._root_40vfm_2:active{--backgroundColor: var( --backgroundColorActive, var(--components-colors-tag-color-background-warm-dark-default) )}._variant-primary_40vfm_68{--backgroundColor: var(--components-colors-tag-color-background-brand-dark-hover);--backgroundColorHover: var(--color-background-brand-strong);--backgroundColorActive: var(--color-background-brand-strong);--backgroundColorFocus: var(--color-background-brand-strong);--outlineColorFocus: var(--color-background-brand-stronger);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-info_40vfm_76{--backgroundColor: var(--components-colors-tag-color-background-blue-light-disabled);--backgroundColorHover: var(--components-colors-tag-color-background-blue-light-hover);--backgroundColorActive: var(--components-colors-tag-color-background-blue-light-hover);--backgroundColorFocus: var(--components-colors-tag-color-background-blue-light-hover);--outlineColorFocus: var(--components-colors-tag-color-background-blue-dark-default);--color: var(--components-colors-tag-color-icon-blue-dark-default)}._variant-success_40vfm_84{--backgroundColor: var(--color-green-10);--backgroundColorHover: var(--color-green-20);--backgroundColorActive: var(--color-green-20);--backgroundColorFocus: var(--color-green-20);--outlineColorFocus: var(--components-colors-tag-color-background-green-dark-hover);--color: var(--components-colors-tag-color-icon-green-dark-default)}._variant-danger_40vfm_92{--backgroundColor: var(--components-colors-tag-color-background-red-light-disabled);--backgroundColorHover: var(--components-colors-tag-color-background-red-light-hover);--backgroundColorActive: var(--components-colors-tag-color-background-red-light-hover);--backgroundColorFocus: var(--components-colors-tag-color-background-red-light-hover);--outlineColorFocus: var(--components-colors-tag-color-background-red-dark-default);--color: var(--components-colors-tag-color-icon-red-dark-default)}._variant-warning_40vfm_100{--backgroundColor: var(--color-background-warning-minimal);--backgroundColorHover: var(--color-background-warning-subtle);--backgroundColorActive: var(--color-background-warning-subtle);--backgroundColorFocus: var(--color-background-warning-subtle);--outlineColorFocus: var(--color-background-warning-secondary);--color: var(--color-icon-warning-primary)}._variant-ai_40vfm_108{--backgroundColor: var(--components-colors-tag-color-background-violet-light-hover);--backgroundColorHover: var(--components-colors-tag-color-background-violet-dark-default);--backgroundColorActive: var(--components-colors-tag-color-background-violet-dark-default);--backgroundColorFocus: var(--components-colors-tag-color-background-violet-dark-default);--outlineColorFocus: var(--components-colors-tag-color-background-violet-dark-hover);--color: var(--color-violet-90)}._variant-blue_40vfm_116{--backgroundColor: var(--components-colors-tag-color-background-blue-dark-hover);--backgroundColorHover: var(--color-background-accent-blue-strong);--backgroundColorActive: var(--color-background-accent-blue-strong);--backgroundColorFocus: var(--color-background-accent-blue-strong);--outlineColorFocus: var(--components-colors-tag-color-icon-blue-light-disabled);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-green_40vfm_124{--backgroundColor: var(--components-colors-tag-color-background-green-dark-hover);--backgroundColorHover: var(--color-background-accent-green-strong);--backgroundColorActive: var(--color-background-accent-green-strong);--backgroundColorFocus: var(--color-background-accent-green-strong);--outlineColorFocus: var(--color-background-accent-green-stronger);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-orange_40vfm_132{--backgroundColor: var(--color-background-warning-primary);--backgroundColorHover: var(--color-background-warning-strong);--backgroundColorActive: var(--color-background-warning-strong);--backgroundColorFocus: var(--color-background-warning-strong);--outlineColorFocus: var(--color-background-warning-stronger);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-pink_40vfm_140{--backgroundColor: var(--components-colors-tag-color-background-pink-dark-hover);--backgroundColorHover: var(--color-pink-50);--backgroundColorActive: var(--color-pink-50);--backgroundColorFocus: var(--color-pink-50);--outlineColorFocus: var(--color-pink-60);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-teal_40vfm_148{--backgroundColor: var(--color-background-accent-teal-primary);--backgroundColorHover: var(--color-teal-50);--backgroundColorActive: var(--color-teal-50);--backgroundColorFocus: var(--color-teal-50);--outlineColorFocus: var(--color-teal-60);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-violet_40vfm_156{--backgroundColor: var(--components-colors-tag-color-background-violet-dark-hover);--backgroundColorHover: var(--color-violet-50);--backgroundColorActive: var(--color-violet-50);--backgroundColorFocus: var(--color-violet-50);--outlineColorFocus: var(--color-violet-60);--color: var(--components-colors-tag-color-icon-dash-default)}._size-xs_40vfm_164{--height: var(--font-size-xl);--paddingVertical: var(--border-radius-xs);--paddingHorizontal: var(--components-dimensions-tag-padding-block-md);--gap: var(--components-dimensions-tag-padding-block-md);--fontSize: var(--components-dimensions-tag-padding-inline-lg);--borderRadius: var(--border-radius-xs);--iconWidth: .75rem;--iconHeight: var(--components-dimensions-tag-padding-inline-lg);--removeWidth: .5rem}._size-sm_40vfm_175{--height: var(--size-icon-lg);--paddingVertical: var(--components-dimensions-tag-padding-block-md);--paddingHorizontal: var(--components-dimensions-tag-padding-inline-md);--gap: var(--components-dimensions-tag-padding-block-md);--fontSize: var(--components-dimensions-tag-padding-inline-lg);--iconWidth: .75rem;--iconHeight: var(--components-dimensions-tag-padding-inline-lg);--borderRadius: var(--components-dimensions-tag-padding-block-md);--removeWidth: .75rem}._size-md_40vfm_186{--height: var(--size-icon-xl);--paddingVertical: var(--components-dimensions-tag-padding-block-md);--paddingHorizontal: var(--components-dimensions-tag-padding-inline-md);--gap: var(--components-dimensions-tag-padding-inline-md);--fontSize: var(--font-size-14);--iconWidth: 1rem;--iconHeight: var(--components-dimensions-tag-size-icon);--borderRadius: var(--components-dimensions-tag-padding-block-md);--removeWidth: 1rem}._hasRemoveAction_40vfm_197{display:inline-flex;gap:var(--components-dimensions-tag-padding-block-md);align-items:center;flex-direction:row}._isSquare_40vfm_203{padding:0;justify-content:center;flex-basis:var(--height)}._removeButton_40vfm_208{--paddingInlineHasIcon: 0;flex-shrink:0}}
+@layer components{._root_etflv_4{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--duration-medium) var(--timing-primary);font-weight:var(--font-weight-medium);border:var(--components-dimensions-tag-border-width) solid var(--components-colors-tag-color-background-dash-default);line-height:initial;background-color:var(--backgroundColor, var(--components-colors-tag-color-background-warm-light-disabled));color:var(--color, var(--components-colors-tag-color-icon-warm-dark-default));border-color:var(--borderColor, transparent);height:var(--height);padding:var(--paddingVertical) var(--paddingHorizontal);gap:var(--gap);font-size:var(--fontSize);border-radius:var(--borderRadius, var(--components-dimensions-tag-padding-block-md))}._root_etflv_4>span,._root_etflv_4>p{overflow:hidden;text-overflow:ellipsis}._root_etflv_4>svg{flex-shrink:0;width:var(--iconWidth);height:var(--iconHeight)}button._root_etflv_4,a._root_etflv_4{cursor:pointer;text-decoration:none}@media (hover: hover) and (pointer: fine){button._root_etflv_4:hover,a._root_etflv_4:hover{--backgroundColor: var( --backgroundColorHover, var(--components-colors-tag-color-background-warm-dark-default) )}}button._root_etflv_4[data-focus-visible],button._root_etflv_4:focus-visible,a._root_etflv_4[data-focus-visible],a._root_etflv_4:focus-visible{outline-color:var(--outlineColorFocus);--backgroundColor: var( --backgroundColorFocus, var(--components-colors-tag-color-background-warm-dark-default) )}button._root_etflv_4:active,a._root_etflv_4:active{--backgroundColor: var( --backgroundColorActive, var(--components-colors-tag-color-background-warm-dark-default) )}._variant-primary_etflv_70{--backgroundColor: var(--components-colors-tag-color-background-brand-dark-hover);--backgroundColorHover: var(--color-background-brand-strong);--backgroundColorActive: var(--color-background-brand-strong);--backgroundColorFocus: var(--color-background-brand-strong);--outlineColorFocus: var(--color-background-brand-stronger);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-info_etflv_78{--backgroundColor: var(--components-colors-tag-color-background-blue-light-disabled);--backgroundColorHover: var(--components-colors-tag-color-background-blue-light-hover);--backgroundColorActive: var(--components-colors-tag-color-background-blue-light-hover);--backgroundColorFocus: var(--components-colors-tag-color-background-blue-light-hover);--outlineColorFocus: var(--components-colors-tag-color-background-blue-dark-default);--color: var(--components-colors-tag-color-icon-blue-dark-default)}._variant-success_etflv_86{--backgroundColor: var(--color-green-10);--backgroundColorHover: var(--color-green-20);--backgroundColorActive: var(--color-green-20);--backgroundColorFocus: var(--color-green-20);--outlineColorFocus: var(--components-colors-tag-color-background-green-dark-hover);--color: var(--components-colors-tag-color-icon-green-dark-default)}._variant-danger_etflv_94{--backgroundColor: var(--components-colors-tag-color-background-red-light-disabled);--backgroundColorHover: var(--components-colors-tag-color-background-red-light-hover);--backgroundColorActive: var(--components-colors-tag-color-background-red-light-hover);--backgroundColorFocus: var(--components-colors-tag-color-background-red-light-hover);--outlineColorFocus: var(--components-colors-tag-color-background-red-dark-default);--color: var(--components-colors-tag-color-icon-red-dark-default)}._variant-warning_etflv_102{--backgroundColor: var(--color-background-warning-minimal);--backgroundColorHover: var(--color-background-warning-subtle);--backgroundColorActive: var(--color-background-warning-subtle);--backgroundColorFocus: var(--color-background-warning-subtle);--outlineColorFocus: var(--color-background-warning-secondary);--color: var(--color-icon-warning-primary)}._variant-ai_etflv_110{--backgroundColor: var(--components-colors-tag-color-background-violet-light-hover);--backgroundColorHover: var(--components-colors-tag-color-background-violet-dark-default);--backgroundColorActive: var(--components-colors-tag-color-background-violet-dark-default);--backgroundColorFocus: var(--components-colors-tag-color-background-violet-dark-default);--outlineColorFocus: var(--components-colors-tag-color-background-violet-dark-hover);--color: var(--color-violet-90)}._variant-blue_etflv_118{--backgroundColor: var(--components-colors-tag-color-background-blue-dark-hover);--backgroundColorHover: var(--color-background-accent-blue-strong);--backgroundColorActive: var(--color-background-accent-blue-strong);--backgroundColorFocus: var(--color-background-accent-blue-strong);--outlineColorFocus: var(--components-colors-tag-color-icon-blue-light-disabled);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-green_etflv_126{--backgroundColor: var(--components-colors-tag-color-background-green-dark-hover);--backgroundColorHover: var(--color-background-accent-green-strong);--backgroundColorActive: var(--color-background-accent-green-strong);--backgroundColorFocus: var(--color-background-accent-green-strong);--outlineColorFocus: var(--color-background-accent-green-stronger);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-orange_etflv_134{--backgroundColor: var(--color-background-warning-primary);--backgroundColorHover: var(--color-background-warning-strong);--backgroundColorActive: var(--color-background-warning-strong);--backgroundColorFocus: var(--color-background-warning-strong);--outlineColorFocus: var(--color-background-warning-stronger);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-pink_etflv_142{--backgroundColor: var(--components-colors-tag-color-background-pink-dark-hover);--backgroundColorHover: var(--color-pink-50);--backgroundColorActive: var(--color-pink-50);--backgroundColorFocus: var(--color-pink-50);--outlineColorFocus: var(--color-pink-60);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-teal_etflv_150{--backgroundColor: var(--color-background-accent-teal-primary);--backgroundColorHover: var(--color-teal-50);--backgroundColorActive: var(--color-teal-50);--backgroundColorFocus: var(--color-teal-50);--outlineColorFocus: var(--color-teal-60);--color: var(--components-colors-tag-color-icon-dash-default)}._variant-violet_etflv_158{--backgroundColor: var(--components-colors-tag-color-background-violet-dark-hover);--backgroundColorHover: var(--color-violet-50);--backgroundColorActive: var(--color-violet-50);--backgroundColorFocus: var(--color-violet-50);--outlineColorFocus: var(--color-violet-60);--color: var(--components-colors-tag-color-icon-dash-default)}._size-xs_etflv_166{--height: var(--font-size-xl);--paddingVertical: var(--border-radius-xs);--paddingHorizontal: var(--components-dimensions-tag-padding-block-md);--gap: var(--components-dimensions-tag-padding-block-md);--fontSize: var(--components-dimensions-tag-padding-inline-lg);--borderRadius: var(--border-radius-xs);--iconWidth: .75rem;--iconHeight: var(--components-dimensions-tag-padding-inline-lg);--removeWidth: .5rem}._size-sm_etflv_177{--height: var(--size-icon-lg);--paddingVertical: var(--components-dimensions-tag-padding-block-md);--paddingHorizontal: var(--components-dimensions-tag-padding-inline-md);--gap: var(--components-dimensions-tag-padding-block-md);--fontSize: var(--components-dimensions-tag-padding-inline-lg);--iconWidth: .75rem;--iconHeight: var(--components-dimensions-tag-padding-inline-lg);--borderRadius: var(--components-dimensions-tag-padding-block-md);--removeWidth: .75rem}._size-md_etflv_188{--height: var(--size-icon-xl);--paddingVertical: var(--components-dimensions-tag-padding-block-md);--paddingHorizontal: var(--components-dimensions-tag-padding-inline-md);--gap: var(--components-dimensions-tag-padding-inline-md);--fontSize: var(--font-size-14);--iconWidth: 1rem;--iconHeight: var(--components-dimensions-tag-size-icon);--borderRadius: var(--components-dimensions-tag-padding-block-md);--removeWidth: 1rem}._hasRemoveAction_etflv_199{display:inline-flex;gap:var(--components-dimensions-tag-padding-block-md);align-items:center;flex-direction:row}._isSquare_etflv_205{padding:0;justify-content:center;flex-basis:var(--height)}._removeButton_etflv_210{--paddingInlineHasIcon: 0;flex-shrink:0}}

package/dist/Tag.js

@@ -5,71 +5,71 @@ import { Button as h } from "./Button.js";
 import { Icon as x } from "./Icon.js";
 import { c as R } from "./index-PAaZGbyz.js";
 import { f as y } from "./forwardRefWithAs-8eP3ZN15.js";
-const S = "_root_40vfm_2", k = "_hasRemoveAction_40vfm_197", q = "_isSquare_40vfm_203", A = "_removeButton_40vfm_208", N = {
+const S = "_root_etflv_4", k = "_hasRemoveAction_etflv_199", q = "_isSquare_etflv_205", A = "_removeButton_etflv_210", N = {
   root: S,
-  "variant-primary": "_variant-primary_40vfm_68",
-  "variant-info": "_variant-info_40vfm_76",
-  "variant-success": "_variant-success_40vfm_84",
-  "variant-danger": "_variant-danger_40vfm_92",
-  "variant-warning": "_variant-warning_40vfm_100",
-  "variant-ai": "_variant-ai_40vfm_108",
-  "variant-blue": "_variant-blue_40vfm_116",
-  "variant-green": "_variant-green_40vfm_124",
-  "variant-orange": "_variant-orange_40vfm_132",
-  "variant-pink": "_variant-pink_40vfm_140",
-  "variant-teal": "_variant-teal_40vfm_148",
-  "variant-violet": "_variant-violet_40vfm_156",
-  "size-xs": "_size-xs_40vfm_164",
-  "size-sm": "_size-sm_40vfm_175",
-  "size-md": "_size-md_40vfm_186",
+  "variant-primary": "_variant-primary_etflv_70",
+  "variant-info": "_variant-info_etflv_78",
+  "variant-success": "_variant-success_etflv_86",
+  "variant-danger": "_variant-danger_etflv_94",
+  "variant-warning": "_variant-warning_etflv_102",
+  "variant-ai": "_variant-ai_etflv_110",
+  "variant-blue": "_variant-blue_etflv_118",
+  "variant-green": "_variant-green_etflv_126",
+  "variant-orange": "_variant-orange_etflv_134",
+  "variant-pink": "_variant-pink_etflv_142",
+  "variant-teal": "_variant-teal_etflv_150",
+  "variant-violet": "_variant-violet_etflv_158",
+  "size-xs": "_size-xs_etflv_166",
+  "size-sm": "_size-sm_etflv_177",
+  "size-md": "_size-md_etflv_188",
   hasRemoveAction: k,
   isSquare: q,
   removeButton: A
 }, s = R(N);
-function b(a) {
-  if (typeof a == "string" || typeof a == "number")
-    return a.toString().length;
-  if (z.isValidElement(a) && typeof a.props.children == "string")
-    return a.props.children.length;
+function b(t) {
+  if (typeof t == "string" || typeof t == "number")
+    return t.toString().length;
+  if (z.isValidElement(t) && typeof t.props.children == "string")
+    return t.props.children.length;
 }
-const $ = y((a, o) => {
+const $ = y((t, o) => {
   const {
     as: _ = "div",
-    children: n,
+    children: i,
     className: v,
-    icon: m,
+    icon: l,
     onClick: f,
-    onRemove: i,
-    removeButtonProps: t,
-    size: c = "md",
-    variant: e,
-    ...l
-  } = a, u = b(n) === 1 && !i, g = (p) => {
-    t != null && t.onClick && t.onClick(p), i && i();
+    onRemove: e,
+    removeButtonProps: a,
+    size: m = "md",
+    variant: n,
+    ...c
+  } = t, u = b(i) === 1 && !e, g = (p) => {
+    a != null && a.onClick && a.onClick(p), e && e();
   };
   return /* @__PURE__ */ d(
     _,
     {
       className: s(
         "root",
-        e && `variant-${e}`,
-        `size-${c}`,
-        !!i && "hasRemoveAction",
+        n && `variant-${n}`,
+        `size-${m}`,
+        !!e && "hasRemoveAction",
         u && "isSquare",
         v
       ),
       onClick: f,
       ref: o,
-      ...l,
+      ...c,
       children: [
-        m,
-        n,
-        i ? /* @__PURE__ */ r(
+        l,
+        i,
+        e ? /* @__PURE__ */ r(
           h,
           {
             "aria-label": "remove tag",
-            ...t,
-            className: s("removeButton", t == null ? void 0 : t.className),
+            ...a,
+            className: s("removeButton", a == null ? void 0 : a.className),
             onClick: g,
             size: "sm",
             variant: "tertiary",

package/dist/Toast.css

@@ -1 +1 @@
-@layer components{._title_1trg0_2{display:flex;align-items:center;padding-bottom:var(--border-radius-sm);color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._title_1trg0_2>*:first-child{flex-shrink:0}._growl_1trg0_12{position:relative;padding:var(--border-radius-xl);border-radius:var(--border-radius-md);border-style:solid;border-width:var(--border-width-xs);max-width:340px}._growl_1trg0_12 div:first-of-type{align-self:baseline;font-size:var(--font-size-14)}._growl_1trg0_12 button{flex-shrink:0}._snackbar_1trg0_27{display:flex;align-items:center;padding:var(--border-radius-md) var(--border-radius-lg);border-radius:var(--border-radius-md);width:max-content;gap:var(--border-radius-md)}._snackbar_1trg0_27 div:first-of-type{align-self:center;font-size:var(--font-size-14)}._snackbar_1trg0_27 div:last-of-type{flex-direction:row;margin-left:var(--border-radius-sm)!important}._snackbar-separator_1trg0_43{padding-left:var(--border-radius-md);border-left:1px solid;border-left-color:var(--borderLeftColor, --color-neutral-90)}._snackbar-separator_1trg0_43._info_1trg0_48{--borderLeftColor: var(--color-background-accent-blue-secondary)}._snackbar-separator_1trg0_43._success_1trg0_51{--borderLeftColor: var(--color-background-accent-green-primary)}._snackbar-separator_1trg0_43._warning_1trg0_54{--borderLeftColor: var(--color-background-warning-subtle)}._snackbar-separator_1trg0_43._danger_1trg0_57{--borderLeftColor: var(--color-background-danger-subtle)}}
+@layer components{._root_q0jyz_2{display:flex;flex-direction:column;overflow:hidden;border-width:var(--components-dimensions-toast-border-width);border-radius:var(--components-dimensions-toast-border-radius);border-color:var(--components-colors-toast-color-border-default);box-shadow:var(--elevation-20);background-color:var(--components-colors-toast-color-background-default);transition:all var(--duration-medium)}._root_q0jyz_2:hover{border-color:var(--components-colors-toast-color-border-hover);box-shadow:var(--elevation-30)}._icon_q0jyz_17{flex-shrink:0;border-radius:var(--components-dimensions-toast-icon-border-radius);padding:var(--components-dimensions-toast-icon-padding-inline);background-color:var(--iconBackgroundColor);color:var(--iconColor)}._variant-error_q0jyz_24{--iconBackgroundColor: var(--components-colors-toast-icon-color-background-error);--iconColor: var(--components-colors-toast-icon-color-icon-error)}._variant-warning_q0jyz_28{--iconBackgroundColor: var(--components-colors-toast-icon-color-background-warning);--iconColor: var(--components-colors-toast-icon-color-icon-warning)}._variant-success_q0jyz_32{--iconBackgroundColor: var(--components-colors-toast-icon-color-background-success);--iconColor: var(--components-colors-toast-icon-color-icon-success)}._variant-info_q0jyz_36{--iconBackgroundColor: var(--components-colors-toast-icon-color-background-information);--iconColor: var(--components-colors-toast-icon-color-icon-information)}._progress_q0jyz_40{width:100%;height:4px;background:var(--components-colors-latency-color-background-bar)}._progress-bar_q0jyz_45{width:100%;height:100%;background:var(--components-colors-latency-color-background-progress);transform-origin:left center;animation:_toast-progress_q0jyz_1 var(--duration) linear forwards}._hide-progress-bar_q0jyz_52{display:none}@keyframes _toast-progress_q0jyz_1{0%{transform:scaleX(0)}to{transform:scaleX(1)}}._snackbar_q0jyz_63{display:flex;flex-direction:row;align-items:center;padding:var(--components-dimensions-toast-padding-inline);gap:var(--components-dimensions-toast-gap-content);max-width:660px}._growl_q0jyz_71{display:flex;flex-direction:row;align-items:center;padding:var(--components-dimensions-toast-padding-inline);gap:var(--components-dimensions-growl-gap-content);max-width:450px}._growl_q0jyz_71 ._content_q0jyz_79{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}._growl_q0jyz_71 ._close-button_q0jyz_85{align-self:start}._growl_q0jyz_71 ._icon_q0jyz_17{align-self:flex-start}._title_q0jyz_91{display:flex;align-items:center;padding-bottom:var(--border-radius-sm);color:var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._title_q0jyz_91>*:first-child{flex-shrink:0}}