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

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/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.11",
+  "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
-};