welcome-ui 10.6.2 → 10.6.4

package/dist/Window.js

@@ -1,15 +1,15 @@
 "use client";
 import './Window.css';
 import { jsx as o, jsxs as _ } from "react/jsx-runtime";
-import { c as d } from "./index-B6iGEm-i.js";
+import { c as l } from "./index-B6iGEm-i.js";
 import { f as b } from "./forwardRefWithAs-8eP3ZN15.js";
-import { forwardRef as m, useState as B } from "react";
+import { forwardRef as c, 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 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 = {
+const H = "_root_17x8z_2", P = "_header_17x8z_11", R = "_media_17x8z_125", m = {
   root: H,
   header: P,
   "header-title": "_header-title_17x8z_25",
@@ -26,48 +26,42 @@ 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 = m(
+}, k = l(m), h = c(
   ({ 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 = m(
+const L = l(m), z = c(
   ({ 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": a,
-  className: t,
-  icon: e,
-  isActive: s,
-  onClick: n,
-  ...r
-}) => /* @__PURE__ */ o(
-  "button",
-  {
-    "aria-label": a,
-    "aria-pressed": s,
-    className: i("header-action-button", t),
-    onClick: n,
-    type: "button",
-    ...r,
-    children: /* @__PURE__ */ o(x, { name: e })
-  }
-), w = ({
-  as: a,
-  className: t,
-  onClick: e
-}) => /* @__PURE__ */ o(
-  p,
-  {
-    "aria-label": "Close window",
-    as: a,
-    className: i("header-close-button", t),
-    icon: "times",
-    onClick: e
-  }
+const i = l(m), p = c(
+  ({ "aria-label": a, className: t, icon: e, isActive: s, onClick: n, ...r }, d) => /* @__PURE__ */ o(
+    "button",
+    {
+      "aria-label": a,
+      "aria-pressed": s,
+      className: i("header-action-button", t),
+      onClick: n,
+      ref: d,
+      type: "button",
+      ...r,
+      children: /* @__PURE__ */ o(x, { name: e })
+    }
+  )
+), w = c(
+  ({ className: a, onClick: t }, e) => /* @__PURE__ */ o(
+    p,
+    {
+      "aria-label": "Close window",
+      className: i("header-close-button", a),
+      icon: "times",
+      onClick: t,
+      ref: e
+    }
+  )
 ), 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;
+  ({ as: a, badge: t, children: e, className: s, icon: n, id: r, store: d, ...v }, W) => {
+    const $ = A(d, "selectedId") === r;
     return /* @__PURE__ */ _(
       I,
       {
@@ -75,7 +69,7 @@ const i = d(c), p = ({
         id: r,
         ref: W,
         render: a ? /* @__PURE__ */ o(a, {}) : void 0,
-        store: l,
+        store: d,
         ...v,
         children: [
           n ? /* @__PURE__ */ o(x, { name: n }) : null,
@@ -100,8 +94,8 @@ const i = d(c), p = ({
   onExpandChange: e
 }) => {
   const [s, n] = B(!1), r = () => {
-    const l = !s;
-    n(l), e == null || e(l);
+    const d = !s;
+    n(d), e == null || e(d);
   };
   return /* @__PURE__ */ _("div", { className: i("header-actions"), children: [
     t ? /* @__PURE__ */ o(
@@ -117,7 +111,7 @@ const i = d(c), p = ({
     ) : 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(
+}, C = ({ as: a, className: t, title: e }) => /* @__PURE__ */ o(u, { as: a, className: i("header-title", t), variant: "body-md-strong", children: e }), N = c(
   ({ children: a, className: t, ...e }, s) => /* @__PURE__ */ o("header", { className: i("header", t), ref: s, ...e, children: a })
 );
 N.displayName = "Window.Header";
@@ -129,15 +123,15 @@ const D = Object.assign(N, {
   Tab: O,
   Tabs: M,
   Title: C
-}), F = d(c), f = m(
+}), F = l(m), f = c(
   ({ 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 = m(
+const G = l(m), y = c(
   ({ 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(
+const J = l(m), T = b(
   ({ 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";
@@ -150,5 +144,5 @@ const se = Object.assign(T, {
 });
 export {
   se as Window,
-  c as windowClasses
+  m as windowClasses
 };

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

@@ -18,8 +18,8 @@ export declare const Drawer: import('react').ForwardRefExoticComponent<Omit<Draw
     Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
         children?: import('react').ReactNode | undefined;
     } & 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;
+        Button: import('react').ForwardRefExoticComponent<Omit<import('../Window/types').ActionButtonOptions, keyof import('react').HTMLAttributes<HTMLButtonElement>> & import('react').HTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement>>;
+        CloseButton: import('react').ForwardRefExoticComponent<Omit<import('../Window/types').ActionButtonProps, "icon"> & import('react').RefAttributes<HTMLButtonElement>>;
         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>;

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

@@ -1,13 +1,13 @@
 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", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "sliders-v-alt", "link", "sign-out-alt", "bars", "sort-amount-down", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "bulk", "bulk-active"];
-export declare const chat: readonly ["chat", "chat-bubble-user", "comment", "comment-alt-lines"];
-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", "map-pin", "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", "swatchbook", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug"];
+export declare const chat: readonly ["chat", "chat-bubble-user", "comment", "comment-alt-lines", "comment-chart-line"];
+export declare const miscellaneous: readonly ["music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "file-slash", "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", "envelope-star", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "map-pin", "lock-alt", "unlock", "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", "swatchbook", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug"];
 export declare const player: readonly ["play", "play-solid", "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"];
 export declare const wtf: readonly ["icons", "package", "basketball", "bill", "invoice", "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 foldersAndFiles: readonly ["folder", "folder-open", "folder-full", "file", "image"];
+export declare const foldersAndFiles: readonly ["folder", "folder-open", "folder-full", "folder-plus", "file", "image"];
 export declare const markdown: readonly ["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"];
 export declare const brands: readonly ["behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", "medium"];
 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", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "sliders-v-alt", "link", "sign-out-alt", "bars", "sort-amount-down", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "bulk", "bulk-active", "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", "medium", "chat", "chat-bubble-user", "comment", "comment-alt-lines", "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", "map-pin", "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", "swatchbook", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "play", "play-solid", "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", "bill", "invoice", "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", "sliders-v-alt", "link", "sign-out-alt", "bars", "sort-amount-down", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "bulk", "bulk-active", "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", "medium", "chat", "chat-bubble-user", "comment", "comment-alt-lines", "comment-chart-line", "folder", "folder-open", "folder-full", "folder-plus", "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", "file-slash", "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", "envelope-star", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "map-pin", "lock-alt", "unlock", "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", "swatchbook", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "play", "play-solid", "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", "bill", "invoice", "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 isValidIconName: (iconName: string) => iconName is (typeof icons)[number];

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

@@ -33,8 +33,8 @@ export declare const Modal: import('../../utils').FunctionComponentWithAs<"div",
     WindowHeader: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
         children?: import('react').ReactNode | undefined;
     } & 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;
+        Button: import('react').ForwardRefExoticComponent<Omit<import('../Window/types').ActionButtonOptions, keyof import('react').HTMLAttributes<HTMLButtonElement>> & import('react').HTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement>>;
+        CloseButton: import('react').ForwardRefExoticComponent<Omit<import('../Window/types').ActionButtonProps, "icon"> & import('react').RefAttributes<HTMLButtonElement>>;
         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>;

package/dist/types/components/Swiper/constants.d.ts

@@ -0,0 +1,49 @@
+export declare const defaultOptions: {
+    autoplay: {
+        duration: number;
+        enabled: false;
+        loop: false;
+    };
+    navigation: {
+        desktop: true;
+        mobile: true;
+    };
+    slides: {
+        alignment: "default";
+        expandOnLargeScreens: false;
+        gap: number;
+        id: string;
+        initialIndex: number;
+        perView: {
+            desktop: number;
+            mobile: number;
+            tablet: number;
+        };
+    };
+};
+export declare const defaultStore: {
+    autoplay: {
+        duration: number;
+        enabled: false;
+        loop: false;
+    };
+    navigation: {
+        desktop: true;
+        mobile: true;
+    };
+    slides: {
+        alignment: "default";
+        currentPage: number;
+        currentSlidesPerView: number;
+        expandOnLargeScreens: false;
+        gap: number;
+        id: string;
+        initialIndex: number;
+        perView: {
+            desktop: number;
+            mobile: number;
+            tablet: number;
+        };
+        setCurrentPage: () => void;
+    };
+};

package/dist/types/components/Swiper/context.d.ts

@@ -0,0 +1,3 @@
+import { SwiperContextValue } from './types';
+export declare const SwiperContext: import('react').Context<SwiperContextValue>;
+export declare const useSwiperContext: () => SwiperContextValue;

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

@@ -1,60 +1,13 @@
 import { default as swiperStyles } from './swiper.module.scss';
-import { SwiperComponent, UseSwiperOptions } from './types';
+import { SwiperProps } from './types';
 export { swiperStyles as swiperClasses };
-type SwiperContextValue = {
-    navigation: {
-        desktop: boolean;
-        goNext: () => void;
-        goPrev: () => void;
-        isNextDisabled: boolean;
-        isPrevDisabled: boolean;
-        mobile: boolean;
-    };
-    slides: {
-        alignment: 'center' | 'default';
-        currentPage: number;
-        currentSlidesPerView: number;
-        expandOnLargeScreens: boolean;
-        gap: number;
-        handleScroll: () => void;
-        id: string;
-        initialIndex: number;
-        isLastPage: boolean;
-        length: number;
-        perView: {
-            desktop: number;
-            mobile: number;
-            tablet: number;
-        };
-        ref: React.RefObject<HTMLUListElement>;
-        setLength: (length: number) => void;
-    };
+export { useSwiperContext } from './context';
+export type { SwiperContextValue } from './types';
+export { useSwiper } from './useSwiper';
+export declare const Swiper: {
+    ({ children, className, store, ...rest }: SwiperProps): import("react/jsx-runtime").JSX.Element;
+    PrevButton: ({ children, className, placement, size, variant, ...rest }: import('./types').SwiperPrevButtonProps) => import("react/jsx-runtime").JSX.Element;
+    NextButton: ({ children, className, placement, size, variant, ...rest }: import('./types').SwiperNextButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Slides: ({ children, className }: import('./types').SwiperSlidesProps) => import("react/jsx-runtime").JSX.Element;
+    displayName: string;
 };
-export declare const useSwiperContext: () => SwiperContextValue;
-export declare const useSwiper: (options?: UseSwiperOptions) => {
-    autoplay: {
-        duration: number;
-        enabled: boolean;
-        loop: boolean;
-    };
-    navigation: {
-        desktop: boolean;
-        mobile: boolean;
-    };
-    slides: {
-        alignment: "center" | "default";
-        currentPage: number;
-        currentSlidesPerView: number;
-        expandOnLargeScreens: boolean;
-        gap: number;
-        id: string;
-        initialIndex: number;
-        perView: {
-            desktop: number;
-            mobile: number;
-            tablet: number;
-        };
-        setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
-    };
-};
-export declare const Swiper: SwiperComponent;

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

@@ -1,11 +1,35 @@
-import { ComponentProps, FC, ReactNode } from 'react';
+import { ComponentProps, ReactNode, RefObject } from 'react';
 import { ButtonProps } from '../Button/types';
-import { useSwiper } from '.';
-export interface SwiperComponent extends FC<SwiperProps> {
-    NextButton: FC<SwiperNextButtonProps>;
-    PrevButton: FC<SwiperPrevButtonProps>;
-    Slides: FC<SwiperSlidesProps>;
-}
+import { useSwiper } from './useSwiper';
+export type SwiperContextValue = {
+    navigation: {
+        desktop: boolean;
+        goNext: () => void;
+        goPrev: () => void;
+        isNextDisabled: boolean;
+        isPrevDisabled: boolean;
+        mobile: boolean;
+    };
+    slides: {
+        alignment: 'center' | 'default';
+        currentPage: number;
+        currentSlidesPerView: number;
+        expandOnLargeScreens: boolean;
+        gap: number;
+        handleScroll: () => void;
+        id: string;
+        initialIndex: number;
+        isLastPage: boolean;
+        length: number;
+        perView: {
+            desktop: number;
+            mobile: number;
+            tablet: number;
+        };
+        ref: RefObject<HTMLUListElement | null>;
+        setLength: (length: number) => void;
+    };
+};
 export type SwiperNextButtonProps = Omit<ButtonProps, 'aria-label' | 'disabled' | 'onClick'> & {
     placement?: 'inline' | 'side';
 };

package/dist/types/components/Swiper/useInitialScroll.d.ts

@@ -0,0 +1,18 @@
+type UseInitialScrollOptions = {
+    alignment: 'center' | 'default';
+    currentPage: number;
+    currentSlidesPerView: number;
+    goTo: (page: number, isFirstInit?: boolean) => void;
+    initialIndex: number;
+    numberOfPage: number;
+    setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
+    slidesLength: number;
+};
+/**
+ * Owns the deferred, one-shot scroll to the initial page and the state flags
+ * that keep it from fighting the scroll handler. Returns `consumeSnapBackSkip`,
+ * which the scroll handler calls once to swallow the scroll-snap correction
+ * that follows our own initial scroll.
+ */
+export declare const useInitialScroll: ({ alignment, currentPage, currentSlidesPerView, goTo, initialIndex, numberOfPage, setCurrentPage, slidesLength, }: UseInitialScrollOptions) => (() => boolean);
+export {};

package/dist/types/components/Swiper/useSwiper.d.ts

@@ -0,0 +1,27 @@
+import { UseSwiperOptions } from './types';
+export declare const useSwiper: (options?: UseSwiperOptions) => {
+    autoplay: {
+        duration: number;
+        enabled: boolean;
+        loop: boolean;
+    };
+    navigation: {
+        desktop: boolean;
+        mobile: boolean;
+    };
+    slides: {
+        alignment: "center" | "default";
+        currentPage: number;
+        currentSlidesPerView: number;
+        expandOnLargeScreens: boolean;
+        gap: number;
+        id: string;
+        initialIndex: number;
+        perView: {
+            desktop: number;
+            mobile: number;
+            tablet: number;
+        };
+        setCurrentPage: import('react').Dispatch<import('react').SetStateAction<number>>;
+    };
+};

package/dist/types/components/Swiper/useSwiperViewModel.d.ts

@@ -0,0 +1,2 @@
+import { SwiperContextValue, SwiperProps } from './types';
+export declare const useSwiperViewModel: ({ children, store }: SwiperProps) => SwiperContextValue;

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

@@ -1,2 +1,2 @@
-export declare const useInterval: (callback: () => void, delay: number) => void;
+export declare const useInterval: (callback: () => void, delay: null | number) => void;
 export declare const getSlideWidth: (slidesPerView: number, spaceBetween: number) => string;

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

@@ -1,4 +1,3 @@
-import { As, PropsWithAs } from '../../../utils';
 import { ActionButtonProps, HeaderLeftActionsProps, HeaderRightActionsProps, HeaderTabItem, HeaderTabsProps, HeaderTitleProps } from '../types';
 export declare const HeaderComponent: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
     children?: import('react').ReactNode | undefined;
@@ -6,8 +5,8 @@ export declare const HeaderComponent: import('react').ForwardRefExoticComponent<
 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, 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;
+    Button: import('react').ForwardRefExoticComponent<Omit<import('../types').ActionButtonOptions, keyof import('react').HTMLAttributes<HTMLButtonElement>> & import('react').HTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement>>;
+    CloseButton: import('react').ForwardRefExoticComponent<Omit<ActionButtonProps, "icon"> & import('react').RefAttributes<HTMLButtonElement>>;
     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>;

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

@@ -11,8 +11,8 @@ export declare const Window: import('../../utils').FunctionComponentWithAs<"div"
     Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
         children?: import('react').ReactNode | undefined;
     } & 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;
+        Button: import('react').ForwardRefExoticComponent<Omit<import('./types').ActionButtonOptions, keyof import('react').HTMLAttributes<HTMLButtonElement>> & import('react').HTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement>>;
+        CloseButton: import('react').ForwardRefExoticComponent<Omit<import('./types').ActionButtonProps, "icon"> & import('react').RefAttributes<HTMLButtonElement>>;
         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>;

package/package.json

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