welcome-ui 10.6.1 → 10.6.2

package/dist/Window.js

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

package/dist/types/components/Drawer/index.d.ts

@@ -20,7 +20,7 @@ export declare const Drawer: import('react').ForwardRefExoticComponent<Omit<Draw
     } & import('react').RefAttributes<HTMLDivElement>> & {
         Button: ({ "aria-label": ariaLabel, className, icon, isActive, onClick, ...rest }: import('../../utils').PropsWithAs<import('../../utils').As, import('../Window/types').ActionButtonProps>) => import("react/jsx-runtime").JSX.Element;
         CloseButton: ({ as, className, onClick, }: import('../../utils').PropsWithAs<import('../../utils').As, Omit<import('../Window/types').ActionButtonProps, "icon">>) => import("react/jsx-runtime").JSX.Element;
-        LeftActions: ({ isExpandable, onExpandChange }: import('../Window/types').HeaderLeftActionsProps) => import("react/jsx-runtime").JSX.Element;
+        LeftActions: ({ children, isExpandable, onExpandChange, }: import('../Window/types').HeaderLeftActionsProps) => import("react/jsx-runtime").JSX.Element;
         RightActions: ({ children, isClosable, onClose }: import('../Window/types').HeaderRightActionsProps) => import("react/jsx-runtime").JSX.Element;
         Tab: import('../../utils').FunctionComponentWithAs<"button", import('../Window/types').HeaderTabItem>;
         Tabs: ({ children, className, store, ...rest }: import('../Window/types').HeaderTabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Modal/index.d.ts

@@ -35,7 +35,7 @@ export declare const Modal: import('../../utils').FunctionComponentWithAs<"div",
     } & import('react').RefAttributes<HTMLDivElement>> & {
         Button: ({ "aria-label": ariaLabel, className, icon, isActive, onClick, ...rest }: import('../../utils').PropsWithAs<import('../../utils').As, import('../Window/types').ActionButtonProps>) => import("react/jsx-runtime").JSX.Element;
         CloseButton: ({ as, className, onClick, }: import('../../utils').PropsWithAs<import('../../utils').As, Omit<import('../Window/types').ActionButtonProps, "icon">>) => import("react/jsx-runtime").JSX.Element;
-        LeftActions: ({ isExpandable, onExpandChange }: import('../Window/types').HeaderLeftActionsProps) => import("react/jsx-runtime").JSX.Element;
+        LeftActions: ({ children, isExpandable, onExpandChange, }: import('../Window/types').HeaderLeftActionsProps) => import("react/jsx-runtime").JSX.Element;
         RightActions: ({ children, isClosable, onClose }: import('../Window/types').HeaderRightActionsProps) => import("react/jsx-runtime").JSX.Element;
         Tab: import('../../utils').FunctionComponentWithAs<"button", import('../Window/types').HeaderTabItem>;
         Tabs: ({ children, className, store, ...rest }: import('../Window/types').HeaderTabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Window/components/Header.d.ts

@@ -8,7 +8,7 @@ export declare const Header: import('react').ForwardRefExoticComponent<import('r
 } & import('react').RefAttributes<HTMLDivElement>> & {
     Button: ({ "aria-label": ariaLabel, className, icon, isActive, onClick, ...rest }: PropsWithAs<As, ActionButtonProps>) => import("react/jsx-runtime").JSX.Element;
     CloseButton: ({ as, className, onClick, }: PropsWithAs<As, Omit<ActionButtonProps, "icon">>) => import("react/jsx-runtime").JSX.Element;
-    LeftActions: ({ isExpandable, onExpandChange }: HeaderLeftActionsProps) => import("react/jsx-runtime").JSX.Element;
+    LeftActions: ({ children, isExpandable, onExpandChange, }: HeaderLeftActionsProps) => import("react/jsx-runtime").JSX.Element;
     RightActions: ({ children, isClosable, onClose }: HeaderRightActionsProps) => import("react/jsx-runtime").JSX.Element;
     Tab: import('../../../utils').FunctionComponentWithAs<"button", HeaderTabItem>;
     Tabs: ({ children, className, store, ...rest }: HeaderTabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Window/index.d.ts

@@ -13,7 +13,7 @@ export declare const Window: import('../../utils').FunctionComponentWithAs<"div"
     } & import('react').RefAttributes<HTMLDivElement>> & {
         Button: ({ "aria-label": ariaLabel, className, icon, isActive, onClick, ...rest }: import('../../utils').PropsWithAs<import('../../utils').As, import('./types').ActionButtonProps>) => import("react/jsx-runtime").JSX.Element;
         CloseButton: ({ as, className, onClick, }: import('../../utils').PropsWithAs<import('../../utils').As, Omit<import('./types').ActionButtonProps, "icon">>) => import("react/jsx-runtime").JSX.Element;
-        LeftActions: ({ isExpandable, onExpandChange }: import('./types').HeaderLeftActionsProps) => import("react/jsx-runtime").JSX.Element;
+        LeftActions: ({ children, isExpandable, onExpandChange, }: import('./types').HeaderLeftActionsProps) => import("react/jsx-runtime").JSX.Element;
         RightActions: ({ children, isClosable, onClose }: import('./types').HeaderRightActionsProps) => import("react/jsx-runtime").JSX.Element;
         Tab: import('../../utils').FunctionComponentWithAs<"button", import('./types').HeaderTabItem>;
         Tabs: ({ children, className, store, ...rest }: import('./types').HeaderTabsProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "10.6.1",
+  "version": "10.6.2",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"