welcome-ui 10.0.0-alpha.14 → 10.0.0-alpha.15

package/dist/Window.js

@@ -0,0 +1,106 @@
+"use client";
+import './Window.css';
+import { jsx as s, jsxs as _ } from "react/jsx-runtime";
+import { c as i } from "./index-PAaZGbyz.js";
+import { f } from "./forwardRefWithAs-8eP3ZN15.js";
+import { forwardRef as r, useState as y } from "react";
+import { b as z, T, a as W } from "./tab-panel-B8NigruF.js";
+import { Icon as l } from "./Icon.js";
+import { Text as b } from "./Text.js";
+const v = "_root_j3c87_2", $ = "_header_j3c87_10", B = "_media_j3c87_126", c = {
+  root: v,
+  header: $,
+  "header-title": "_header-title_j3c87_21",
+  "header-tabs": "_header-tabs_j3c87_26",
+  "header-tab-item": "_header-tab-item_j3c87_30",
+  "header-action-button": "_header-action-button_j3c87_62",
+  "header-close-button": "_header-close-button_j3c87_101",
+  "header-actions": "_header-actions_j3c87_119",
+  "tab-panel": "_tab-panel_j3c87_123",
+  media: B,
+  "box-text": "_box-text_j3c87_127",
+  "size-xl": "_size-xl_j3c87_142",
+  "size-lg": "_size-lg_j3c87_146",
+  "size-md": "_size-md_j3c87_150",
+  "size-sm": "_size-sm_j3c87_154",
+  "size-xs": "_size-xs_j3c87_158"
+}, g = i(c), h = r(
+  ({ children: t, size: a = "md", ...e }, o) => /* @__PURE__ */ s("div", { className: g("body", `size-${a}`), ref: o, ...e, children: t })
+);
+h.displayName = "Window.Body";
+const A = i(c), u = r(({ children: t, ...a }, e) => /* @__PURE__ */ s("div", { className: A("box-text"), ref: e, ...a, children: t }));
+u.displayName = "Window.BoxText";
+const n = i(c), p = ({ "aria-label": t, className: a, icon: e, onClick: o }) => /* @__PURE__ */ s(
+  "button",
+  {
+    "aria-label": t,
+    className: n("header-action-button", a),
+    onClick: o,
+    type: "button",
+    children: /* @__PURE__ */ s(l, { name: e })
+  }
+), H = ({ onClick: t }) => /* @__PURE__ */ s(
+  p,
+  {
+    "aria-label": "Close window",
+    className: n("header-close-button"),
+    icon: "times",
+    onClick: t
+  }
+), P = ({ items: t, store: a }) => /* @__PURE__ */ s(z, { className: n("header-tabs"), store: a, children: t.map((e) => /* @__PURE__ */ _(T, { className: n("header-tab-item"), id: e.id, store: a, children: [
+  /* @__PURE__ */ s(l, { name: e.icon }),
+  /* @__PURE__ */ s(b, { variant: "label-sm", children: e.title })
+] }, e.id)) }), R = ({ children: t, isClosable: a = !1, onClose: e }) => {
+  const o = () => {
+    e == null || e();
+  };
+  return /* @__PURE__ */ _("div", { className: n("header-actions"), children: [
+    t,
+    a ? /* @__PURE__ */ s(H, { onClick: o }) : null
+  ] });
+}, k = ({ isExpandable: t = !1, onExpandChange: a }) => {
+  const [e, o] = y(!1), d = () => {
+    const m = !e;
+    o(m), a == null || a(m);
+  };
+  return /* @__PURE__ */ s("div", { className: n("header-actions"), children: t ? /* @__PURE__ */ s(
+    "button",
+    {
+      "aria-expanded": e,
+      "aria-label": e ? "Collapse window" : "Expand window",
+      className: n("header-action-button"),
+      onClick: d,
+      type: "button",
+      children: /* @__PURE__ */ s(l, { name: e ? "compress-alt" : "arrow-resize-diagonal" })
+    }
+  ) : null });
+}, I = ({ as: t, className: a, title: e }) => /* @__PURE__ */ s(b, { as: t, className: n("header-title", a), variant: "body-md-strong", children: e }), x = r(
+  ({ children: t, ...a }, e) => /* @__PURE__ */ s("header", { className: n("header"), ref: e, ...a, children: t })
+);
+x.displayName = "Window.Header";
+const L = Object.assign(x, {
+  Button: p,
+  LeftActions: k,
+  RightActions: R,
+  Tabs: P,
+  Title: I
+}), M = i(c), w = r(({ children: t, ...a }, e) => /* @__PURE__ */ s("div", { className: M("media"), ref: e, ...a, children: t }));
+w.displayName = "Window.Media";
+const O = i(c), N = r(
+  ({ children: t, store: a, tabId: e, ...o }, d) => /* @__PURE__ */ s(W, { className: O("tab-panel"), ref: d, store: a, tabId: e, ...o, children: t })
+);
+N.displayName = "Window.TabPanel";
+const S = i(c), j = f(
+  ({ children: t, className: a, role: e = "region", ...o }) => /* @__PURE__ */ s("div", { className: S("root", a), role: e, ...o, children: t })
+);
+j.displayName = "Window";
+const K = Object.assign(j, {
+  Body: h,
+  BoxText: u,
+  Header: L,
+  Media: w,
+  TabPanel: N
+});
+export {
+  K as Window
+};

package/dist/tab-panel-B8NigruF.js

@@ -0,0 +1,216 @@
+"use client";
+import { C as G, a as J, h as M, b as Q, j as U } from "./SBSPVDDI-CmtnvvUX.js";
+import { b as R } from "./RTNCFSKZ-BywELldk.js";
+import { e as X, y as Y, f as N, c as F, b as V, _ as A, i as H, l as $, F as ee, d, a, u as k, k as Z, af as te, v as oe, Z as re } from "./OE2EFRVA-Dg1R6gaC.js";
+import { useCallback as q, useRef as j, useEffect as K, useState as se } from "react";
+import { jsx as y } from "react/jsx-runtime";
+import { u as ne } from "./NSTBQJLB-C_1-awKs.js";
+import { u as ae, d as ie } from "./T22PY7TE-gLuJpoOm.js";
+var O = X(
+  [J],
+  [G]
+), ce = O.useScopedContext, z = O.useProviderContext, B = O.ScopedContextProvider, le = "button", ue = F(function(c) {
+  var i = c, {
+    store: e,
+    getItem: n
+  } = i, r = A(i, [
+    "store",
+    "getItem"
+  ]), b;
+  const l = ce();
+  e = e || l, H(
+    e,
+    process.env.NODE_ENV !== "production" && "Tab must be wrapped in a TabList component."
+  );
+  const m = $(), o = r.id || m, _ = ee(r), C = q(
+    (s) => {
+      const I = d(a({}, s), { dimmed: _ });
+      return n ? n(I) : I;
+    },
+    [_, n]
+  ), f = r.onClick, p = k((s) => {
+    f == null || f(s), !s.defaultPrevented && (e == null || e.setSelectedId(o));
+  }), D = e.panels.useState(
+    (s) => {
+      var I;
+      return (I = s.items.find((t) => t.tabId === o)) == null ? void 0 : I.id;
+    }
+  ), g = m ? r.shouldRegisterItem : !1, h = e.useState((s) => !!o && s.activeId === o), T = e.useState((s) => !!o && s.selectedId === o), E = e.useState((s) => !!e.item(s.activeId)), L = h || T && !E, w = T || ((b = r.accessibleWhenDisabled) != null ? b : !0);
+  if (R(
+    e.combobox || e.composite,
+    "virtualFocus"
+  ) && (r = d(a({}, r), {
+    tabIndex: -1
+  })), r = d(a({
+    id: o,
+    role: "tab",
+    "aria-selected": T,
+    "aria-controls": D || void 0
+  }, r), {
+    onClick: p
+  }), e.composite) {
+    const s = {
+      id: o,
+      accessibleWhenDisabled: w,
+      store: e.composite,
+      shouldRegisterItem: L && g,
+      rowId: r.rowId,
+      render: r.render
+    };
+    r = d(a({}, r), {
+      render: /* @__PURE__ */ y(
+        M,
+        d(a({}, s), {
+          render: e.combobox && e.composite !== e.combobox ? /* @__PURE__ */ y(M, d(a({}, s), { store: e.combobox })) : s.render
+        })
+      )
+    });
+  }
+  return r = Q(d(a({
+    store: e
+  }, r), {
+    accessibleWhenDisabled: w,
+    getItem: C,
+    shouldRegisterItem: g
+  })), r;
+}), ge = Y(
+  N(function(c) {
+    const i = ue(c);
+    return V(le, i);
+  })
+), de = "div", me = F(
+  function(c) {
+    var i = c, { store: e } = i, n = A(i, ["store"]);
+    const r = z();
+    e = e || r, H(
+      e,
+      process.env.NODE_ENV !== "production" && "TabList must receive a `store` prop or be wrapped in a TabProvider component."
+    );
+    const b = e.useState(
+      (l) => l.orientation === "both" ? void 0 : l.orientation
+    );
+    return n = Z(
+      n,
+      (l) => /* @__PURE__ */ y(B, { value: e, children: l }),
+      [e]
+    ), e.composite && (n = a({
+      focusable: !1
+    }, n)), n = a({
+      role: "tablist",
+      "aria-orientation": b
+    }, n), n = ne(a({ store: e }, n)), n;
+  }
+), he = N(function(c) {
+  const i = me(c);
+  return V(de, i);
+}), pe = "div", be = F(
+  function(c) {
+    var i = c, {
+      store: e,
+      unmountOnHide: n,
+      tabId: r,
+      getItem: b,
+      scrollRestoration: l,
+      scrollElement: m
+    } = i, o = A(i, [
+      "store",
+      "unmountOnHide",
+      "tabId",
+      "getItem",
+      "scrollRestoration",
+      "scrollElement"
+    ]);
+    const _ = z();
+    e = e || _, H(
+      e,
+      process.env.NODE_ENV !== "production" && "TabPanel must receive a `store` prop or be wrapped in a TabProvider component."
+    );
+    const C = j(null), f = $(o.id), p = R(
+      e.panels,
+      () => {
+        var t;
+        return r || ((t = e == null ? void 0 : e.panels.item(f)) == null ? void 0 : t.tabId);
+      }
+    ), D = R(
+      e,
+      (t) => !!p && t.selectedId === p
+    ), g = ae({ open: D }), h = R(g, "mounted"), T = j(
+      /* @__PURE__ */ new Map()
+    ), E = k(() => {
+      const t = C.current;
+      return t ? m ? typeof m == "function" ? m(t) : "current" in m ? m.current : m : t : null;
+    });
+    K(() => {
+      var t, v;
+      if (!l || !h) return;
+      const u = E();
+      if (!u) return;
+      if (l === "reset") {
+        u.scroll(0, 0);
+        return;
+      }
+      if (!p) return;
+      const P = T.current.get(p);
+      u.scroll((t = P == null ? void 0 : P.x) != null ? t : 0, (v = P == null ? void 0 : P.y) != null ? v : 0);
+      const S = () => {
+        T.current.set(p, {
+          x: u.scrollLeft,
+          y: u.scrollTop
+        });
+      };
+      return u.addEventListener("scroll", S), () => {
+        u.removeEventListener("scroll", S);
+      };
+    }, [l, h, p, E, e]);
+    const [L, w] = se(!1);
+    K(() => {
+      const t = C.current;
+      if (!t) return;
+      const v = te(t);
+      w(!!v.length);
+    }, []);
+    const W = q(
+      (t) => {
+        const v = d(a({}, t), { id: f || t.id, tabId: r });
+        return b ? b(v) : v;
+      },
+      [f, r, b]
+    ), s = o.onKeyDown, I = k((t) => {
+      if (s == null || s(t), t.defaultPrevented || !(e != null && e.composite)) return;
+      const u = {
+        ArrowLeft: e.previous,
+        ArrowRight: e.next,
+        Home: e.first,
+        End: e.last
+      }[t.key];
+      if (!u) return;
+      const { selectedId: P } = e.getState(), S = u({ activeId: P });
+      S && (t.preventDefault(), e.move(S));
+    });
+    return o = Z(
+      o,
+      (t) => /* @__PURE__ */ y(B, { value: e, children: t }),
+      [e]
+    ), o = d(a({
+      id: f,
+      role: "tabpanel",
+      "aria-labelledby": p || void 0
+    }, o), {
+      children: n && !h ? null : o.children,
+      ref: oe(C, o.ref),
+      onKeyDown: I
+    }), o = re(a({
+      // If the tab panel is rendered as part of another composite widget such
+      // as combobox, it should not be focusable.
+      focusable: !e.composite && !L
+    }, o)), o = ie(a({ store: g }, o)), o = U(d(a({ store: e.panels }, o), { getItem: W })), o;
+  }
+), Se = N(function(c) {
+  const i = be(c);
+  return V(pe, i);
+});
+export {
+  ge as T,
+  Se as a,
+  he as b
+};

package/dist/types/components/Icon/icons.d.ts

@@ -1,5 +1,5 @@
 export declare const arrows: readonly ["angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right"];
-export declare const actions: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share"];
+export declare const actions: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share"];
 export declare const chat: string[];
 export declare const miscellaneous: readonly ["music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug"];
 export declare const player: readonly ["play", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning"];
@@ -9,4 +9,4 @@ export declare const markdown: readonly ["bold", "arrow", "brackets-curly", "ita
 export declare const brands: readonly ["behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier"];
 export declare const welcome: readonly ["symbol", "wttj"];
 export declare const flags: readonly ["flag-fr", "flag-en", "flag-us"];
-export declare const icons: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right", "behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", ...string[], "folder", "folder-open", "folder-full", "file", "image", "flag-fr", "flag-en", "flag-us", "bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline", "music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "play", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning", "symbol", "wttj", "icons", "package", "basketball", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
+export declare const icons: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right", "behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", ...string[], "folder", "folder-open", "folder-full", "file", "image", "flag-fr", "flag-en", "flag-us", "bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline", "music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "play", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning", "symbol", "wttj", "icons", "package", "basketball", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];

package/dist/types/components/Tabs/utils.d.ts

@@ -1,4 +1,4 @@
 import { TabProps } from './types';
-export declare function getIcon({ icon, iconColor, isActive, }: Pick<TabProps, 'icon' | 'iconColor'> & {
+export declare function getIcon({ icon, iconColor, isActive, size, }: Pick<TabProps, 'icon' | 'iconColor' | 'size'> & {
     isActive: boolean;
 }): number | true | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export declare const Body: import('react').ForwardRefExoticComponent<Omit<import('../types').BodyOptions, keyof import('react').HTMLAttributes<HTMLDivElement>> & import('react').HTMLAttributes<HTMLDivElement> & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+export declare const BoxText: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,13 @@
+import { ActionButtonProps, HeaderLeftActionsProps, HeaderRightActionsProps, HeaderTabsProps, HeaderTitleProps } from '../types';
+export declare const HeaderComponent: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>> & {
+    Button: ({ "aria-label": ariaLabel, className, icon, onClick }: ActionButtonProps) => import("react/jsx-runtime").JSX.Element;
+    LeftActions: ({ isExpandable, onExpandChange }: HeaderLeftActionsProps) => import("react/jsx-runtime").JSX.Element;
+    RightActions: ({ children, isClosable, onClose }: HeaderRightActionsProps) => import("react/jsx-runtime").JSX.Element;
+    Tabs: ({ items, store }: HeaderTabsProps) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ as, className, title }: HeaderTitleProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,3 @@
+export declare const Media: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1 @@
+export declare const TabPanel: import('react').ForwardRefExoticComponent<Omit<import('react').PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>, keyof import('../types').TabPanelOptions> & import('../types').TabPanelOptions & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,22 @@
+import { WindowProps } from './types';
+export declare const Window: import('../../utils').FunctionComponentWithAs<"div", WindowProps> & {
+    Body: import('react').ForwardRefExoticComponent<Omit<import('./types').BodyOptions, keyof import('react').HTMLAttributes<HTMLDivElement>> & import('react').HTMLAttributes<HTMLDivElement> & {
+        children?: import('react').ReactNode | undefined;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    BoxText: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+        children?: import('react').ReactNode | undefined;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+        children?: import('react').ReactNode | undefined;
+    } & import('react').RefAttributes<HTMLDivElement>> & {
+        Button: ({ "aria-label": ariaLabel, className, icon, onClick }: import('./types').ActionButtonProps) => import("react/jsx-runtime").JSX.Element;
+        LeftActions: ({ isExpandable, onExpandChange }: import('./types').HeaderLeftActionsProps) => import("react/jsx-runtime").JSX.Element;
+        RightActions: ({ children, isClosable, onClose }: import('./types').HeaderRightActionsProps) => import("react/jsx-runtime").JSX.Element;
+        Tabs: ({ items, store }: import('./types').HeaderTabsProps) => import("react/jsx-runtime").JSX.Element;
+        Title: ({ as, className, title }: import('./types').HeaderTitleProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    Media: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+        children?: import('react').ReactNode | undefined;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    TabPanel: import('react').ForwardRefExoticComponent<Omit<import('react').PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>, keyof import('./types').TabPanelOptions> & import('./types').TabPanelOptions & import('react').RefAttributes<HTMLDivElement>>;
+};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,48 @@
+import { TabListProps } from '@ariakit/react';
+import { HTMLAttributes, PropsWithChildren } from 'react';
+import { UseTab } from '../Tabs';
+import { MergeProps, PropsWithAs } from '../../utils';
+import { IconName } from '../Icon/types';
+export interface ActionButtonOptions {
+    icon: IconName;
+}
+export type ActionButtonProps = MergeProps<HTMLAttributes<HTMLButtonElement>, ActionButtonOptions>;
+export interface BodyOptions {
+    size?: 'lg' | 'md' | 'sm' | 'xl' | 'xs';
+}
+export type BodyProps = MergeProps<PropsWithChildren<HTMLAttributes<HTMLDivElement>>, BodyOptions>;
+export type BoxTextProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+export interface HeaderLeftActionsOptions {
+    isExpandable?: boolean;
+    onExpandChange?: (expanded: boolean) => void;
+}
+export type HeaderLeftActionsProps = MergeProps<PropsWithChildren<HTMLAttributes<HTMLDivElement>>, HeaderLeftActionsOptions>;
+export type HeaderProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+export interface HeaderRightActionsOptions {
+    isClosable?: boolean;
+    onClose?: VoidFunction;
+}
+export type HeaderRightActionsProps = MergeProps<PropsWithChildren<HTMLAttributes<HTMLDivElement>>, HeaderRightActionsOptions>;
+export type HeaderTabItem = {
+    icon: IconName;
+    id: string;
+    title: string;
+};
+export interface HeaderTabsOptions {
+    items: HeaderTabItem[];
+}
+export type HeaderTabsProps = MergeProps<TabListProps<'div'>, HeaderTabsOptions>;
+export interface HeaderTitleOptions {
+    title: JSX.Element | string;
+}
+export type HeaderTitleProps = PropsWithAs<'p', HeaderTitleOptions>;
+export type MediaProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+export interface TabPanelOptions {
+    store: UseTab;
+    tabId?: string;
+}
+export type TabPanelProps = MergeProps<TabPanelOptions, PropsWithChildren<HTMLAttributes<HTMLDivElement>>>;
+export interface WindowOptions {
+    role?: 'alertdialog' | 'dialog' | 'region';
+}
+export type WindowProps = MergeProps<WindowOptions, PropsWithChildren<HTMLAttributes<HTMLDivElement>>>;

package/package.json

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