welcome-ui 10.2.0 → 10.3.1

package/dist/Text.js

@@ -1,8 +1,9 @@
 "use client";
 import './Text.css';
-import { createElement as p } from "react";
+import { jsx as p } from "react/jsx-runtime";
 import { c as m } from "./index-PAaZGbyz.js";
 import { f as v } from "./forwardRefWithAs-8eP3ZN15.js";
+import "react";
 const b = "_root_17p74_2", h = {
   root: b,
   "variant-display-xl": "_variant-display-xl_17p74_15",
@@ -36,25 +37,25 @@ const b = "_root_17p74_2", h = {
   "multi-line": "_multi-line_17p74_133",
   "with-dash": "_with-dash_17p74_136"
 }, y = m(h), x = v(
-  ({ as: _ = "p", children: s, className: r, lines: t, variant: a = "md", withDash: l, ...e }, d) => {
-    const o = (a == null ? void 0 : a.startsWith("heading")) || (a == null ? void 0 : a.startsWith("display")), i = t && t > 1 && t !== Number.POSITIVE_INFINITY, n = t === 1, g = y(
+  ({ as: _ = "p", children: s, className: r, lines: t, variant: a = "md", withDash: l, ...o }, d) => {
+    const e = (a == null ? void 0 : a.startsWith("heading")) || (a == null ? void 0 : a.startsWith("display")), i = t && t > 1 && t !== Number.POSITIVE_INFINITY, n = t === 1, g = y(
       "root",
       `variant-${a}`,
-      t && "with-lines",
-      i && "multi-line",
+      !!t && "with-lines",
+      !!i && "multi-line",
       n && "single-line",
-      l && o && "with-dash",
+      l && e && "with-dash",
       r
     );
-    return p(
+    return /* @__PURE__ */ p(
       _,
       {
         className: g,
         ref: d,
         style: { ...i || n ? { "--lineClamp": t } : {} },
-        ...e
-      },
-      s
+        ...o,
+        children: s
+      }
     );
   }
 );

package/dist/Window.js

@@ -1,16 +1,16 @@
 "use client";
 import './Window.css';
-import { jsx as r, jsxs as _ } from "react/jsx-runtime";
+import { jsx as r, jsxs as b } from "react/jsx-runtime";
 import { c as d } from "./index-PAaZGbyz.js";
-import { f as b } from "./forwardRefWithAs-8eP3ZN15.js";
+import { f as u } from "./forwardRefWithAs-8eP3ZN15.js";
 import { forwardRef as l, useState as B } from "react";
-import { T as g, a as j, b as A } from "./tab-panel-BFzjhpJq.js";
-import { b as S } from "./Q5W46E73-ClIlNE6g.js";
-import { Badge as H } from "./Badge.js";
+import { T as I, a as g, b as j } from "./tab-panel-BFzjhpJq.js";
+import { b as A } from "./Q5W46E73-ClIlNE6g.js";
+import { Badge as S } from "./Badge.js";
 import { Icon as m } from "./Icon.js";
-import { Text as u } from "./Text.js";
-const I = "_root_1r7a4_2", P = "_header_1r7a4_11", R = "_media_1r7a4_125", c = {
-  root: I,
+import { Text as h } from "./Text.js";
+const H = "_root_1r7a4_2", P = "_header_1r7a4_11", R = "_media_1r7a4_125", c = {
+  root: H,
   header: P,
   "header-title": "_header-title_1r7a4_25",
   "header-tabs": "_header-tabs_1r7a4_31",
@@ -26,120 +26,120 @@ const I = "_root_1r7a4_2", P = "_header_1r7a4_11", R = "_media_1r7a4_125", c = {
   "size-md": "_size-md_1r7a4_149",
   "size-sm": "_size-sm_1r7a4_153",
   "size-xs": "_size-xs_1r7a4_157"
-}, k = d(c), h = l(
-  ({ children: t, className: e, size: a = "md", ...s }, o) => /* @__PURE__ */ r("div", { className: k("body", `size-${a}`, e), ref: o, ...s, children: t })
+}, k = d(c), p = l(
+  ({ children: t, className: a, size: e = "md", ...s }, o) => /* @__PURE__ */ r("div", { className: k("body", `size-${e}`, a), ref: o, ...s, children: t })
 );
-h.displayName = "Window.Body";
-const L = d(c), p = l(
-  ({ children: t, className: e, ...a }, s) => /* @__PURE__ */ r("div", { className: L("box-text", e), ref: s, ...a, children: t })
+p.displayName = "Window.Body";
+const L = d(c), x = l(
+  ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r("div", { className: L("box-text", a), ref: s, ...e, children: t })
 );
-p.displayName = "Window.BoxText";
-const n = d(c), x = ({
+x.displayName = "Window.BoxText";
+const n = d(c), w = ({
   "aria-label": t,
-  className: e,
-  icon: a,
+  className: a,
+  icon: e,
   onClick: s,
   ...o
 }) => /* @__PURE__ */ r(
   "button",
   {
     "aria-label": t,
-    className: n("header-action-button", e),
+    className: n("header-action-button", a),
     onClick: s,
     type: "button",
     ...o,
-    children: /* @__PURE__ */ r(m, { name: a })
+    children: /* @__PURE__ */ r(m, { name: e })
   }
-), w = ({
+), N = ({
   as: t,
-  className: e,
-  onClick: a
+  className: a,
+  onClick: e
 }) => /* @__PURE__ */ r(
-  x,
+  w,
   {
     "aria-label": "Close window",
     as: t,
-    className: n("header-close-button", e),
+    className: n("header-close-button", a),
     icon: "times",
-    onClick: a
+    onClick: e
   }
-), M = ({ children: t, store: e }) => /* @__PURE__ */ r(j, { className: n("header-tabs"), store: e, children: t }), O = b(
-  ({ as: t, badge: e, children: a, icon: s, id: o, store: i, ...T }, v) => {
-    const { selectedId: W } = S(i), $ = W === o;
-    return /* @__PURE__ */ _(
-      g,
+), M = ({ children: t, className: a, store: e, ...s }) => /* @__PURE__ */ r(g, { className: n("header-tabs", a), store: e, ...s, children: t }), O = u(
+  ({ as: t, badge: a, children: e, className: s, icon: o, id: i, store: _, ...v }, W) => {
+    const $ = A(_, "selectedId") === i;
+    return /* @__PURE__ */ b(
+      I,
       {
-        className: n("header-tab-item"),
-        id: o,
-        ref: v,
+        className: n("header-tab-item", s),
+        id: i,
+        ref: W,
         render: t ? /* @__PURE__ */ r(t, {}) : void 0,
-        store: i,
-        ...T,
+        store: _,
+        ...v,
         children: [
-          s ? /* @__PURE__ */ r(m, { name: s }) : null,
-          /* @__PURE__ */ r(u, { variant: "label-sm", children: a }),
-          e ? /* @__PURE__ */ r(H, { variant: $ ? "neutral" : "warm", children: e }) : null
+          o ? /* @__PURE__ */ r(m, { name: o }) : null,
+          /* @__PURE__ */ r(h, { variant: "label-sm", children: e }),
+          a ? /* @__PURE__ */ r(S, { variant: $ ? "neutral" : "warm", children: a }) : null
         ]
       },
-      o
+      i
     );
   }
-), E = ({ children: t, isClosable: e = !1, onClose: a }) => {
+), E = ({ children: t, isClosable: a = !1, onClose: e }) => {
   const s = () => {
-    a == null || a();
+    e == null || e();
   };
-  return /* @__PURE__ */ _("div", { className: n("header-actions"), children: [
+  return /* @__PURE__ */ b("div", { className: n("header-actions"), children: [
     t,
-    e ? /* @__PURE__ */ r(w, { onClick: s }) : null
+    a ? /* @__PURE__ */ r(N, { onClick: s }) : null
   ] });
-}, q = ({ isExpandable: t = !1, onExpandChange: e }) => {
-  const [a, s] = B(!1), o = () => {
-    const i = !a;
-    s(i), e == null || e(i);
+}, q = ({ isExpandable: t = !1, onExpandChange: a }) => {
+  const [e, s] = B(!1), o = () => {
+    const i = !e;
+    s(i), a == null || a(i);
   };
   return /* @__PURE__ */ r("div", { className: n("header-actions"), children: t ? /* @__PURE__ */ r(
     "button",
     {
-      "aria-expanded": a,
-      "aria-label": a ? "Collapse window" : "Expand window",
+      "aria-expanded": e,
+      "aria-label": e ? "Collapse window" : "Expand window",
       className: n("header-action-button"),
       onClick: o,
       type: "button",
-      children: /* @__PURE__ */ r(m, { name: a ? "compress-alt" : "arrow-resize-diagonal" })
+      children: /* @__PURE__ */ r(m, { name: e ? "compress-alt" : "arrow-resize-diagonal" })
     }
   ) : null });
-}, C = ({ as: t, className: e, title: a }) => /* @__PURE__ */ r(u, { as: t, className: n("header-title", e), variant: "body-md-strong", children: a }), N = l(
-  ({ children: t, className: e, ...a }, s) => /* @__PURE__ */ r("header", { className: n("header", e), ref: s, ...a, children: t })
+}, C = ({ as: t, className: a, title: e }) => /* @__PURE__ */ r(h, { as: t, className: n("header-title", a), variant: "body-md-strong", children: e }), f = l(
+  ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r("header", { className: n("header", a), ref: s, ...e, children: t })
 );
-N.displayName = "Window.Header";
-const D = Object.assign(N, {
-  Button: x,
-  CloseButton: w,
+f.displayName = "Window.Header";
+const D = Object.assign(f, {
+  Button: w,
+  CloseButton: N,
   LeftActions: q,
   RightActions: E,
   Tab: O,
   Tabs: M,
   Title: C
-}), F = d(c), f = l(
-  ({ children: t, className: e, ...a }, s) => /* @__PURE__ */ r("div", { className: F("media", e), ref: s, ...a, children: t })
+}), F = d(c), y = l(
+  ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r("div", { className: F("media", a), ref: s, ...e, children: t })
 );
-f.displayName = "Window.Media";
-const G = d(c), y = l(
-  ({ children: t, store: e, tabId: a, ...s }, o) => /* @__PURE__ */ r(A, { className: G("tab-panel"), ref: o, store: e, tabId: a, ...s, children: t })
+y.displayName = "Window.Media";
+const G = d(c), z = l(
+  ({ children: t, store: a, tabId: e, ...s }, o) => /* @__PURE__ */ r(j, { className: G("tab-panel"), ref: o, store: a, tabId: e, ...s, children: t })
 );
-y.displayName = "Window.TabPanel";
-const J = d(c), z = b(
-  ({ as: t = "div", children: e, className: a, role: s = "region", ...o }, i) => /* @__PURE__ */ r(t, { className: J("root", a), ref: i, role: s, ...o, children: e })
+z.displayName = "Window.TabPanel";
+const J = d(c), T = u(
+  ({ as: t = "div", children: a, className: e, role: s = "region", ...o }, i) => /* @__PURE__ */ r(t, { className: J("root", e), ref: i, role: s, ...o, children: a })
 );
-z.displayName = "Window";
-const te = Object.assign(z, {
-  Body: h,
-  BoxText: p,
+T.displayName = "Window";
+const se = Object.assign(T, {
+  Body: p,
+  BoxText: x,
   Header: D,
-  Media: f,
-  TabPanel: y
+  Media: y,
+  TabPanel: z
 });
 export {
-  te as Window,
+  se as Window,
   c as windowClasses
 };