welcome-ui 10.0.0-alpha.10 → 10.0.0-alpha.12

package/dist/Textarea.js

@@ -2,34 +2,35 @@
 import './Textarea.css';
 import { jsx as _ } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
-import { useField as v } from "./Field.js";
-import { c as p } from "./index-PAaZGbyz.js";
-const m = "_root_161f5_2", d = "_adaptative_161f5_45", l = {
-  root: m,
+import { useField as p } from "./Field.js";
+import { c as v } from "./index-PAaZGbyz.js";
+const d = "_root_161f5_2", m = "_adaptative_161f5_45", l = {
+  root: d,
   "variant-danger": "_variant-danger_161f5_36",
   "variant-warning": "_variant-warning_161f5_39",
   "variant-success": "_variant-success_161f5_42",
-  adaptative: d
-}, x = p(l), u = f(
-  ({ className: t, isAdaptative: r = !1, minRows: e = 5, variant: o, ...s }, n) => {
-    const { getInputProps: i, variant: c } = v(), a = c || o;
+  adaptative: m
+}, u = v(l), x = f(
+  ({ className: t, isAdaptative: r = !1, minRows: e = 5, variant: n, ...o }, s) => {
+    const { getInputProps: i, variant: c } = p(), a = c || n;
     return /* @__PURE__ */ _(
       "textarea",
       {
-        className: x(
+        className: u(
           "root",
           a && `variant-${a}`,
           r && "adaptative",
+          "field-input",
           t
         ),
-        ref: n,
+        ref: s,
         rows: e,
-        ...i(s)
+        ...i(o)
       }
     );
   }
 );
-u.displayName = "Textarea";
+x.displayName = "Textarea";
 export {
-  u as Textarea
+  x as Textarea
 };

package/dist/TimePicker.js

@@ -1,83 +1,84 @@
 "use client";
 import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as S, useState as w, useRef as j, useEffect as d } from "react";
-import { D as F, C as I } from "./CustomPopper-C1wIDHbM.js";
-import { b as L, D as M, s as O } from "./utils-BD597oo6.js";
-import { InputText as U } from "./InputText.js";
-import { c as _ } from "./index-PAaZGbyz.js";
-const q = _(O), z = S(
+import { forwardRef as S, useState as j, useRef as F, useEffect as d } from "react";
+import { D as I, C as L } from "./CustomPopper-C1wIDHbM.js";
+import { b as M, D as O, s as U } from "./utils-BD597oo6.js";
+import { InputText as _ } from "./InputText.js";
+import { c as q } from "./index-PAaZGbyz.js";
+const a = q(U), z = S(
   ({
     autoFocus: o,
     className: T,
     dateFormat: D = "HH:mm",
-    disabled: a,
-    icon: R,
-    iconPlacement: k = "left",
+    disabled: k,
+    icon: N,
+    iconPlacement: R = "left",
     onChange: t,
-    placeholder: x,
-    size: y = "md",
-    timeIntervals: i = 15,
-    transparent: A,
-    value: r = M,
-    ...m
+    placeholder: w,
+    size: x = "md",
+    timeIntervals: m = 15,
+    transparent: y,
+    value: r = O,
+    ...c
   }, p) => {
-    const l = (s) => L(s, i), [H, c] = w(l(r)), N = j(), P = p || N;
+    const i = (e) => M(e, m), [A, l] = j(i(r)), H = F(), P = p || H;
     d(() => {
-      t == null || t(l(r));
+      t == null || t(i(r));
     }, []), d(() => {
-      var e;
-      const s = l(r);
-      ((e = new Date(r)) == null ? void 0 : e.getTime()) - (s == null ? void 0 : s.getTime()) !== 0 && (t == null || t(s)), c(s);
+      var s;
+      const e = i(r);
+      ((s = new Date(r)) == null ? void 0 : s.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && (t == null || t(e)), l(e);
     }, [r]);
-    const b = (s) => {
-      var e;
-      s.preventDefault(), (e = P.current) == null || e.blur(), c(null), t == null || t(null);
-    }, E = (s) => {
-      if (!s) {
-        c(null), t == null || t(null);
+    const b = (e) => {
+      var s;
+      e.preventDefault(), (s = P.current) == null || s.blur(), l(null), t == null || t(null);
+    }, E = (e) => {
+      if (!e) {
+        l(null), t == null || t(null);
         return;
       }
-      const e = Array.isArray(s) ? s[0] : s;
-      if (!e) {
-        c(null), t == null || t(null);
+      const s = Array.isArray(e) ? e[0] : e;
+      if (!s) {
+        l(null), t == null || t(null);
         return;
       }
-      const u = l(e);
-      e.setHours(u.getHours(), u.getMinutes()), c(e), t == null || t(new Date(e));
+      const u = i(s);
+      s.setHours(u.getHours(), u.getMinutes()), l(s), t == null || t(new Date(s));
     };
     return (
       // type issue in react-datepicker (https://github.com/Hacker0x01/react-datepicker/issues/5391)
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-expect-error
       /* @__PURE__ */ f(
-        F,
+        I,
         {
           calendarClassName: "time-picker-popper",
           customInput: /* @__PURE__ */ f(
-            U,
+            _,
             {
               autoFocus: o,
-              className: q("time-picker", T),
-              "data-testid": m["data-testid"],
-              disabled: a,
-              icon: R,
-              iconPlacement: k,
+              className: a("time-picker", T),
+              "data-testid": c["data-testid"],
+              disabled: k,
+              icon: N,
+              iconPlacement: R,
               isClearable: !1,
               onReset: b,
               ref: p,
-              size: y,
-              transparent: A
+              size: x,
+              transparent: y
             }
           ),
           dateFormat: D,
           onChange: E,
-          placeholderText: x,
-          popperContainer: I,
-          selected: H,
+          placeholderText: w,
+          popperContainer: L,
+          selected: A,
           showTimeSelect: !0,
           showTimeSelectOnly: !0,
-          timeIntervals: i,
-          ...m
+          timeIntervals: m,
+          ...c,
+          wrapperClassName: a(c.wrapperClassName, "date-picker-wrapper", "field-input")
         }
       )
     );

package/dist/Toggle.js

@@ -2,24 +2,24 @@
 import './Toggle.css';
 import { jsxs as z, jsx as e } from "react/jsx-runtime";
 import { a as v } from "./KPUWHTQJ-Dv3cAqjP.js";
-import { forwardRef as g } from "react";
-import { useField as f } from "./Field.js";
+import { forwardRef as f } from "react";
+import { useField as g } from "./Field.js";
 import { Icon as n } from "./Icon.js";
 import { c as h } from "./index-PAaZGbyz.js";
-const w = "_root_1czvn_2", k = "_wrapper_1czvn_100", u = "_checked_1czvn_120", x = "_disabled_1czvn_124", N = {
+const w = "_root_1czvn_2", u = "_wrapper_1czvn_100", k = "_checked_1czvn_120", x = "_disabled_1czvn_124", N = {
   root: w,
   "size-sm": "_size-sm_1czvn_82",
   "size-md": "_size-md_1czvn_88",
   "size-lg": "_size-lg_1czvn_94",
-  wrapper: k,
+  wrapper: u,
   "icon-wrapper": "_icon-wrapper_1czvn_106",
-  checked: u,
+  checked: k,
   disabled: x
-}, c = h(N), b = g(
-  ({ checked: o, className: a, disabled: s, onClick: i, size: r = "md", withVisibilityIcon: t, ...l }, p) => {
-    const { getInputProps: m } = f(), _ = m(l), d = s ? null : i;
-    return /* @__PURE__ */ z("div", { className: c("wrapper"), onClick: d, children: [
-      t ? /* @__PURE__ */ e(
+}, c = h(N), b = f(
+  ({ checked: o, className: i, disabled: s, onClick: t, size: r = "md", withVisibilityIcon: a, ...l }, p) => {
+    const { getInputProps: m } = g(), _ = m(l), d = s ? null : t;
+    return /* @__PURE__ */ z("div", { className: c("wrapper", "field-input"), onClick: d, children: [
+      a ? /* @__PURE__ */ e(
         "div",
         {
           className: c(
@@ -35,7 +35,7 @@ const w = "_root_1czvn_2", k = "_wrapper_1czvn_100", u = "_checked_1czvn_120", x
         v,
         {
           checked: o,
-          className: c("root", `size-${r}`, a),
+          className: c("root", `size-${r}`, i),
           disabled: s,
           ref: p,
           ..._

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

@@ -3,10 +3,10 @@ export declare const actions: readonly ["asterisk", "info-circle", "chart-line",
 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"];
-export declare const wtf: readonly ["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 wtf: readonly ["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 foldersAndFiles: readonly ["folder", "folder-open", "folder-full", "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"];
 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", "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", "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/Modal/Assets/AssetContent.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, default as React } from 'react';
 export declare const AssetContent: {
-    ({ children, ...rest }: React.PropsWithChildren<HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, ...rest }: React.PropsWithChildren<HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -5,7 +5,7 @@ export declare const Assets: {
     AssetWithTitle: import('react').ForwardRefExoticComponent<Omit<import('./types').AssetWithTitleProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Backdrop: import('react').ForwardRefExoticComponent<import('../types').BackdropProps & import('react').RefAttributes<HTMLDivElement>>;
     Content: {
-        ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+        ({ children, className, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Iframe: {

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

@@ -1,7 +1,7 @@
 /**
  * @name Modal.Content
  */
-export declare const Content: import('react').ForwardRefExoticComponent<{
+export declare const Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
     withClosingButton?: boolean;
 } & {
     children?: import('react').ReactNode | undefined;

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

@@ -4,7 +4,7 @@ export declare const Modal: import('../../utils').FunctionComponentWithAs<"div",
     Body: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLElement> & {
         children?: import('react').ReactNode | undefined;
     } & import('react').RefAttributes<HTMLElement>>;
-    Content: import('react').ForwardRefExoticComponent<{
+    Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
         withClosingButton?: boolean;
     } & {
         children?: import('react').ReactNode | undefined;
@@ -20,7 +20,7 @@ export declare const AssetModal: {
     AssetWithTitle: import('react').ForwardRefExoticComponent<Omit<import('./Assets/types').AssetWithTitleProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Backdrop: import('react').ForwardRefExoticComponent<import('./types').BackdropProps & import('react').RefAttributes<HTMLDivElement>>;
     Content: {
-        ({ children, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+        ({ children, className, ...rest }: React.PropsWithChildren<import('react').HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Iframe: {

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

@@ -27,7 +27,7 @@ export interface HeaderOptions {
 }
 export type HeaderProps = MergeProps<HeaderOptions, HTMLAttributes<HTMLDivElement>>;
 export type BodyProps = PropsWithChildren<HTMLAttributes<HTMLElement>>;
-export type ContentProps = PropsWithChildren<{
+export type ContentProps = PropsWithChildren<HTMLAttributes<HTMLDivElement> & {
     /**
      * show or hide the closing button
      */

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

@@ -36,6 +36,7 @@ export interface SelectOptions {
     renderGroupHeader?: (option: SelectOptionGroup) => React.ReactNode;
     renderItem?: (item: SelectOption, isItemSelected?: boolean) => React.ReactElement | string;
     renderMultiple?: (values: SelectOption[], handleRemove: (value: string) => void) => React.ReactElement;
+    renderNoResults?: (inputValue: SelectValue) => React.ReactNode;
     size?: Size;
     transparent?: boolean;
     value?: SelectValue;

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

@@ -0,0 +1,2 @@
+import { TabProps } from './types';
+export declare const Tab: import('../../utils').FunctionComponentWithAs<"button", TabProps>;

package/dist/types/components/Tabs/{components/TabPanel/index.d.ts → TabPanel.d.ts}

@@ -1,2 +1,2 @@
-import { TabPanelProps } from '../../types';
+import { TabPanelProps } from './types';
 export declare const TabPanel: import('react').ForwardRefExoticComponent<TabPanelProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,9 @@
-import { TabProps } from './types';
-export declare const TabComponent: import('../../utils').FunctionComponentWithAs<"button", TabProps>;
-export declare const Tab: import('../../utils').FunctionComponentWithAs<"button", TabProps> & {
-    List: import('react').ForwardRefExoticComponent<import('./types').TabListProps & import('react').RefAttributes<HTMLDivElement>>;
-    Panel: import('react').ForwardRefExoticComponent<import('./types').TabPanelProps & import('react').RefAttributes<HTMLDivElement>>;
+import { default as React } from 'react';
+import { TabListProps } from './types';
+export declare const TabsComponent: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Tabs: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>> & {
+    Panel: React.ForwardRefExoticComponent<import('./types').TabPanelProps & React.RefAttributes<HTMLDivElement>>;
+    Tab: import('../../utils').FunctionComponentWithAs<"button", import('./types').TabProps>;
 };
 export { useTabStore as useTab } from '@ariakit/react';
 export type { TabStore as UseTab, TabStoreProps as UseTabProps, TabStoreState as UseTabState, } from '@ariakit/react';

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

@@ -1,16 +1,7 @@
 import { TabStore, TabStoreProps } from '@ariakit/react';
-import { UseTab, UseTabState } from '.';
-export interface ActiveBarProps {
-    activeTab: HTMLElement;
-    listRef: React.MutableRefObject<undefined>;
-    orientation: Omit<UseTabState['orientation'], 'both'>;
-}
-export interface ActiveBarReturn {
-    offset?: number;
-    orientation?: Omit<UseTabState['orientation'], 'both'>;
-    size?: number;
-}
-export type Size = 'md' | 'sm';
+import { IconName } from '../Icon/types';
+import { UseTab } from './index';
+export type Size = 'lg' | 'md';
 export type TabListProps = {
     children: React.ReactNode;
     className?: string;
@@ -18,8 +9,11 @@ export type TabListProps = {
     store: UseTab;
 };
 export interface TabOptions {
+    badge?: number | string;
     children: React.ReactNode;
     className?: string;
+    icon?: IconName | React.ReactNode;
+    iconColor?: 'blue' | 'green' | 'orange' | 'pink' | 'teal' | 'violet' | 'warm';
     id?: string;
     size?: Size;
     store: TabStore;

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

@@ -1,7 +1,4 @@
-import { default as React } from 'react';
-import { UseTabState } from '.';
-export declare const getParentScale: (element: HTMLElement | null) => number;
-export declare function useTrackActiveTabs(selectedId: UseTabState['selectedId'], children: React.ReactNode): {
-    activeTab: HTMLElement | null;
-    tabs: React.ReactNode;
-};
+import { TabProps } from './types';
+export declare function getIcon({ icon, iconColor, isActive, }: Pick<TabProps, 'icon' | 'iconColor'> & {
+    isActive: boolean;
+}): number | true | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element;

package/package.json

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

package/dist/types/components/Tabs/components/ActiveBar/index.d.ts

@@ -1,5 +0,0 @@
-import { ActiveBarProps } from '../../types';
-export declare const ActiveBar: {
-    ({ activeTab, listRef, orientation }: ActiveBarProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/types/components/Tabs/components/TabList/index.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { TabListProps } from '../../types';
-export declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;

package/dist/use-viewport-CgrficYB.js

@@ -1,17 +0,0 @@
-"use client";
-import { useEffect as n, useLayoutEffect as o, useState as d } from "react";
-const r = typeof window > "u" ? n : o;
-function w() {
-  const [t, e] = d({ height: void 0, width: void 0 });
-  return r(() => {
-    e({ height: window.innerHeight, width: window.innerWidth });
-    function i() {
-      e({ height: window.innerHeight, width: window.innerWidth });
-    }
-    return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
-  }, []), t;
-}
-export {
-  r as a,
-  w as u
-};

package/dist/useForkRef-D807AV7D.js

@@ -1,22 +0,0 @@
-"use client";
-import u, { useRef as o, useMemo as f } from "react";
-function i(e) {
-  return u.isValidElement(e) && Object.prototype.hasOwnProperty.call(e, "ref") ? e == null ? void 0 : e.ref : null;
-}
-function s(...e) {
-  return (t) => {
-    e.forEach((n) => a(n, t));
-  };
-}
-function a(e, t) {
-  e && (typeof e == "function" && t !== void 0 ? e(t) : e.current = t ?? null);
-}
-function R(e, t) {
-  const n = o(null), r = f(() => s(e, n, t), [e, n, t]);
-  return [n, r];
-}
-export {
-  i as g,
-  s as m,
-  R as u
-};