@topjoao/top-design-system 0.1.0-beta.8 → 0.1.0

package/dist/components/TopButton.vue.d.ts

@@ -1,3 +1,4 @@
+export type TopButtonSeverity = 'primary' | 'secondary' | 'success' | 'warn' | 'danger';
 type __VLS_Props = {
     tooltip?: string;
     tooltipClass?: string;
@@ -6,6 +7,7 @@ type __VLS_Props = {
     loading?: boolean;
     class?: string;
     outlined?: boolean;
+    severity?: TopButtonSeverity;
     secondary?: boolean;
     disabled?: boolean;
     unstyled?: boolean;
@@ -20,6 +22,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: (() => any) | undefined;
 }>, {
+    secondary: boolean;
     icon: string;
     tooltip: string;
     tooltipClass: string;
@@ -27,7 +30,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     loading: boolean;
     class: string;
     outlined: boolean;
-    secondary: boolean;
+    severity: TopButtonSeverity;
     disabled: boolean;
     unstyled: boolean;
     type: "button" | "submit" | "reset";

package/dist/components/TopConfirmDialog.vue.d.ts

@@ -29,8 +29,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
 }>, {
     icon: string;
     loading: boolean;
-    title: string;
     severity: ConfirmDialogSeverity;
+    title: string;
     modelValue: boolean;
     message: string;
     confirmText: string;

package/dist/components/TopDatePicker.vue.d.ts

@@ -0,0 +1,81 @@
+import { DatePickerBlurEvent, DatePickerMonthChangeEvent, DatePickerYearChangeEvent } from 'primevue/datepicker';
+export type TopDatePickerSelectionMode = 'single' | 'multiple' | 'range';
+export type TopDatePickerValue = Date | Date[] | Array<Date | null> | null;
+type __VLS_Props = {
+    modelValue?: TopDatePickerValue;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    error?: string;
+    invalid?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    selectionMode?: TopDatePickerSelectionMode;
+    dateFormat?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    showIcon?: boolean;
+    iconDisplay?: 'button' | 'input';
+    manualInput?: boolean;
+    showButtonBar?: boolean;
+    appendTo?: 'body' | 'self' | HTMLElement;
+};
+declare var __VLS_22: string, __VLS_23: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_22>]?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (event: Event) => any;
+    "update:modelValue": (value: TopDatePickerValue) => any;
+    hide: () => any;
+    show: () => any;
+    change: (event: Event) => any;
+    "date-select": (value: Date) => any;
+    "today-click": (date: Date) => any;
+    "clear-click": (event: Event) => any;
+    "month-change": (event: DatePickerMonthChangeEvent) => any;
+    "year-change": (event: DatePickerYearChangeEvent) => any;
+    focus: (event: Event) => any;
+    blur: (event: DatePickerBlurEvent) => any;
+    keydown: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onInput?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: TopDatePickerValue) => any) | undefined;
+    onHide?: (() => any) | undefined;
+    onShow?: (() => any) | undefined;
+    onChange?: ((event: Event) => any) | undefined;
+    "onDate-select"?: ((value: Date) => any) | undefined;
+    "onToday-click"?: ((date: Date) => any) | undefined;
+    "onClear-click"?: ((event: Event) => any) | undefined;
+    "onMonth-change"?: ((event: DatePickerMonthChangeEvent) => any) | undefined;
+    "onYear-change"?: ((event: DatePickerYearChangeEvent) => any) | undefined;
+    onFocus?: ((event: Event) => any) | undefined;
+    onBlur?: ((event: DatePickerBlurEvent) => any) | undefined;
+    onKeydown?: ((event: Event) => any) | undefined;
+}>, {
+    label: string;
+    disabled: boolean;
+    placeholder: string;
+    modelValue: TopDatePickerValue;
+    appendTo: "body" | "self" | HTMLElement;
+    required: boolean;
+    error: string;
+    invalid: boolean;
+    readonly: boolean;
+    selectionMode: TopDatePickerSelectionMode;
+    dateFormat: string;
+    minDate: Date;
+    maxDate: Date;
+    showIcon: boolean;
+    iconDisplay: "button" | "input";
+    manualInput: boolean;
+    showButtonBar: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/TopFileUpload.vue.d.ts

@@ -0,0 +1,88 @@
+export type TopFileUploadValue = File | File[] | null;
+export type TopFileUploadErrorCode = "file-type" | "file-size" | "file-limit";
+export type TopFileUploadError = {
+    code: TopFileUploadErrorCode;
+    message: string;
+    file?: File;
+};
+type __VLS_Props = {
+    modelValue?: TopFileUploadValue;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    accept?: string;
+    multiple?: boolean;
+    maxFileSize?: number | null;
+    maxFiles?: number | null;
+    error?: string;
+    selectLabel?: string;
+    removeLabel?: string;
+    loading?: boolean;
+};
+declare function choose(): void;
+declare function clear(): void;
+declare var __VLS_12: {
+    choose: typeof choose;
+    disabled: boolean;
+}, __VLS_26: {
+    file: {
+        readonly lastModified: number;
+        readonly name: string;
+        readonly webkitRelativePath: string;
+        readonly size: number;
+        readonly type: string;
+        arrayBuffer: () => Promise<ArrayBuffer>;
+        bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+        slice: (start?: number, end?: number, contentType?: string) => Blob;
+        stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+        text: () => Promise<string>;
+    };
+    index: number;
+    url: string;
+};
+type __VLS_Slots = {} & {
+    empty?: (props: typeof __VLS_12) => any;
+} & {
+    preview?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    choose: typeof choose;
+    clear: typeof clear;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (files: File[]) => any;
+    "update:modelValue": (value: TopFileUploadValue) => any;
+    error: (errors: TopFileUploadError[]) => any;
+    change: (value: TopFileUploadValue) => any;
+    remove: (file: File, index: number) => any;
+    clear: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((files: File[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: TopFileUploadValue) => any) | undefined;
+    onError?: ((errors: TopFileUploadError[]) => any) | undefined;
+    onChange?: ((value: TopFileUploadValue) => any) | undefined;
+    onRemove?: ((file: File, index: number) => any) | undefined;
+    onClear?: (() => any) | undefined;
+}>, {
+    label: string;
+    loading: boolean;
+    disabled: boolean;
+    placeholder: string;
+    modelValue: TopFileUploadValue;
+    multiple: boolean;
+    required: boolean;
+    error: string;
+    accept: string;
+    maxFileSize: number | null;
+    maxFiles: number | null;
+    selectLabel: string;
+    removeLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/TopNavBar.vue.d.ts

@@ -0,0 +1,287 @@
+export type TopNavItem = {
+    id: string;
+    label: string;
+    to?: string;
+    icon?: string;
+    disabled?: boolean;
+    children?: TopNavItem[];
+    data?: unknown;
+};
+export type TopNavSection = TopNavItem & {
+    children: TopNavItem[];
+};
+export type TopNavBreadcrumb = {
+    id: string;
+    label: string;
+    to?: string;
+    sectionId?: string;
+    menuId?: string;
+};
+export type TopNavAction = {
+    id: string;
+    label: string;
+    icon?: string;
+    disabled?: boolean;
+    data?: unknown;
+};
+export type TopNavBarColors = {
+    navigation?: string;
+    text?: string;
+    mutedText?: string;
+    accent?: string;
+    border?: string;
+    menuText?: string;
+    mobileActiveText?: string;
+    favoritesText?: string;
+};
+export type TopNavBarSurfaces = {
+    breadcrumb?: string;
+    drawer?: string;
+    drawerFooter?: string;
+    menu?: string;
+    menuHover?: string;
+    menuExplored?: string;
+    mobileActive?: string;
+    favorites?: string;
+    currentPage?: string;
+};
+export type TopNavBarBorders = {
+    menu?: string;
+    menuOutline?: string;
+    mobileDivider?: string;
+    favorites?: string;
+    currentPage?: string;
+};
+export type TopNavBarShape = {
+    radius?: string;
+    drawerRadius?: string;
+    shadow?: string;
+    favoritesShadow?: string;
+};
+export type TopNavBarFocus = {
+    onDark?: string;
+    onLight?: string;
+};
+export type TopNavBarAppearance = {
+    colors?: TopNavBarColors;
+    surfaces?: TopNavBarSurfaces;
+    borders?: TopNavBarBorders;
+    shape?: TopNavBarShape;
+    focus?: TopNavBarFocus;
+};
+export type TopNavUser = {
+    name: string;
+    subtitle?: string;
+    avatarUrl?: string;
+    initials?: string;
+    data?: unknown;
+};
+/** Contexto visual da organização, cliente ou escopo ativo. Não possui ação própria. */
+export type TopNavClient = {
+    name: string;
+    subtitle?: string;
+    logoUrl?: string;
+    initials?: string;
+    data?: unknown;
+};
+export type TopNavUserMenuItem = {
+    id: string;
+    label: string;
+    icon?: string;
+    disabled?: boolean;
+    separator?: boolean;
+    data?: unknown;
+};
+type RenderAction = TopNavAction & {
+    kind: 'aia' | 'support' | 'action';
+};
+type __VLS_Props = {
+    sections?: TopNavSection[];
+    breadcrumbs?: TopNavBreadcrumb[];
+    homeItem?: TopNavItem;
+    navigationLabel?: string;
+    activeItemId?: string;
+    searchable?: boolean;
+    searchValue?: string;
+    searchPlaceholder?: string;
+    searchResults?: TopNavItem[];
+    showAia?: boolean;
+    aiaActive?: boolean;
+    aiaLabel?: string;
+    showSupport?: boolean;
+    supportLabel?: string;
+    actions?: TopNavAction[];
+    client?: TopNavClient;
+    user?: TopNavUser;
+    userMenuItems?: TopNavUserMenuItem[];
+    favoriteItems?: TopNavItem[];
+    showFavoriteToggle?: boolean;
+    favoriteActive?: boolean;
+    favoriteLabel?: string;
+    mobileOpen?: boolean;
+    appearance?: TopNavBarAppearance;
+};
+declare function selectItem(item: TopNavItem): void;
+declare function selectUserAction(item: TopNavUserMenuItem, closeDrawer?: boolean): void;
+declare function updateSearch(query: string): void;
+declare function clearSearch(): void;
+declare function closeDesktopPopovers(): void;
+declare function openSearch(): Promise<void>;
+declare var __VLS_1: {
+    compact: boolean;
+}, __VLS_3: {
+    client: TopNavClient | undefined;
+    compact: boolean;
+}, __VLS_5: {
+    client: TopNavClient | undefined;
+    compact: boolean;
+}, __VLS_7: {
+    client: TopNavClient | undefined;
+    compact: boolean;
+}, __VLS_9: {
+    client: TopNavClient | undefined;
+    compact: boolean;
+}, __VLS_11: {
+    items: TopNavItem[];
+    select: typeof selectItem;
+}, __VLS_13: {}, __VLS_15: {}, __VLS_17: {
+    compact: boolean;
+    close: typeof closeDesktopPopovers;
+}, __VLS_19: {
+    user: TopNavUser | undefined;
+    compact: boolean;
+}, __VLS_21: {
+    items: TopNavUserMenuItem[];
+    select: typeof selectUserAction;
+}, __VLS_34: {}, __VLS_49: {
+    close: () => void;
+}, __VLS_51: {}, __VLS_53: {
+    compact: boolean;
+}, __VLS_55: {
+    query: string;
+    update: typeof updateSearch;
+    clear: typeof clearSearch;
+}, __VLS_57: {
+    actions: RenderAction[];
+    select: (actionItem: RenderAction) => void;
+    close: () => void;
+}, __VLS_59: {
+    close: () => void;
+}, __VLS_74: {
+    sections: TopNavItem[];
+    select: typeof selectItem;
+    close: () => void;
+}, __VLS_83: {
+    close: () => void;
+}, __VLS_85: {
+    user: TopNavUser | undefined;
+    open: boolean;
+    toggle: () => boolean;
+}, __VLS_87: {
+    close: () => void;
+};
+type __VLS_Slots = {} & {
+    brand?: (props: typeof __VLS_1) => any;
+} & {
+    'context-compact'?: (props: typeof __VLS_3) => any;
+} & {
+    context?: (props: typeof __VLS_5) => any;
+} & {
+    scope?: (props: typeof __VLS_7) => any;
+} & {
+    client?: (props: typeof __VLS_9) => any;
+} & {
+    'search-results'?: (props: typeof __VLS_11) => any;
+} & {
+    'aia-icon'?: (props: typeof __VLS_13) => any;
+} & {
+    'support-icon'?: (props: typeof __VLS_15) => any;
+} & {
+    actions?: (props: typeof __VLS_17) => any;
+} & {
+    user?: (props: typeof __VLS_19) => any;
+} & {
+    'user-menu'?: (props: typeof __VLS_21) => any;
+} & {
+    'breadcrumb-actions'?: (props: typeof __VLS_34) => any;
+} & {
+    'drawer-header'?: (props: typeof __VLS_49) => any;
+} & {
+    'drawer-brand'?: (props: typeof __VLS_51) => any;
+} & {
+    brand?: (props: typeof __VLS_53) => any;
+} & {
+    'drawer-search'?: (props: typeof __VLS_55) => any;
+} & {
+    'drawer-actions'?: (props: typeof __VLS_57) => any;
+} & {
+    'drawer-before-menu'?: (props: typeof __VLS_59) => any;
+} & {
+    'drawer-menu'?: (props: typeof __VLS_74) => any;
+} & {
+    'drawer-after-menu'?: (props: typeof __VLS_83) => any;
+} & {
+    'drawer-user'?: (props: typeof __VLS_85) => any;
+} & {
+    'drawer-footer'?: (props: typeof __VLS_87) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    close: typeof closeDesktopPopovers;
+    closeDrawer: () => void;
+    focusSearch: typeof openSearch;
+    openDrawer: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    search: (query: string) => any;
+    action: (action: TopNavAction) => any;
+    navigate: (item: TopNavItem) => any;
+    "update:searchValue": (query: string) => any;
+    "update:mobileOpen": (open: boolean) => any;
+    "toggle-aia": () => any;
+    "open-support": () => any;
+    "toggle-favorite": () => any;
+    "user-action": (item: TopNavUserMenuItem) => any;
+    "user-click": (user: TopNavUser | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSearch?: ((query: string) => any) | undefined;
+    onAction?: ((action: TopNavAction) => any) | undefined;
+    onNavigate?: ((item: TopNavItem) => any) | undefined;
+    "onUpdate:searchValue"?: ((query: string) => any) | undefined;
+    "onUpdate:mobileOpen"?: ((open: boolean) => any) | undefined;
+    "onToggle-aia"?: (() => any) | undefined;
+    "onOpen-support"?: (() => any) | undefined;
+    "onToggle-favorite"?: (() => any) | undefined;
+    "onUser-action"?: ((item: TopNavUserMenuItem) => any) | undefined;
+    "onUser-click"?: ((user: TopNavUser | undefined) => any) | undefined;
+}>, {
+    activeItemId: string;
+    sections: TopNavSection[];
+    breadcrumbs: TopNavBreadcrumb[];
+    homeItem: TopNavItem;
+    navigationLabel: string;
+    searchable: boolean;
+    searchValue: string;
+    searchPlaceholder: string;
+    searchResults: TopNavItem[];
+    showAia: boolean;
+    aiaActive: boolean;
+    aiaLabel: string;
+    showSupport: boolean;
+    supportLabel: string;
+    actions: TopNavAction[];
+    user: TopNavUser;
+    userMenuItems: TopNavUserMenuItem[];
+    favoriteItems: TopNavItem[];
+    showFavoriteToggle: boolean;
+    favoriteActive: boolean;
+    favoriteLabel: string;
+    mobileOpen: boolean;
+    appearance: TopNavBarAppearance;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/TopSelect.vue.d.ts

@@ -52,9 +52,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     }) => any;
     select: (event: unknown) => any;
     "update:modelValue": (value: SelectOption | SelectOption[] | null) => any;
-    loadMore: (event: unknown) => any;
-    clear: () => any;
     change: (event: unknown) => any;
+    clear: () => any;
+    loadMore: (event: unknown) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSearch?: ((event: {
         originalEvent: Event;
@@ -62,9 +62,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     }) => any) | undefined;
     onSelect?: ((event: unknown) => any) | undefined;
     "onUpdate:modelValue"?: ((value: SelectOption | SelectOption[] | null) => any) | undefined;
-    onLoadMore?: ((event: unknown) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onChange?: ((event: unknown) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onLoadMore?: ((event: unknown) => any) | undefined;
 }>, {
     loading: boolean;
     disabled: boolean;

package/dist/components/TopTabs.vue.d.ts

@@ -0,0 +1,34 @@
+export type TopTabValue = string | number;
+export interface TopTabItem {
+    value: TopTabValue;
+    label: string;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    modelValue: TopTabValue;
+    tabs: TopTabItem[];
+    lazy?: boolean;
+    scrollable?: boolean;
+};
+type __VLS_Slots = {
+    [name: string]: (props: {
+        tab: TopTabItem;
+        active: boolean;
+    }) => unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: TopTabValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: TopTabValue) => any) | undefined;
+}>, {
+    lazy: boolean;
+    scrollable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/TopToast.vue.d.ts

@@ -1,13 +1,5 @@
-export type TopToastFooter = string | number;
-export type TopToastAction = {
-    label: string;
-    icon?: string;
-    onClick?: () => void;
-};
-export type TopToastData = {
-    footer?: TopToastFooter;
-    action?: TopToastAction;
-};
+import { TopToastAction, TopToastData, TopToastFooter } from '../types/toast';
+export type { TopToastAction, TopToastData, TopToastFooter };
 type __VLS_Props = {
     baseZIndex?: number;
 };

package/dist/components/internal/TopNavMobileTree.vue.d.ts

@@ -0,0 +1,20 @@
+import { TopNavItem } from '../TopNavBar.vue';
+type __VLS_Props = {
+    items: TopNavItem[];
+    activeItemId?: string;
+    level?: number;
+    forceOpen?: boolean;
+    showSectionDividers?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (item: TopNavItem) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((item: TopNavItem) => any) | undefined;
+}>, {
+    activeItemId: string;
+    level: number;
+    forceOpen: boolean;
+    showSectionDividers: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./TopToast-CMAykvmB.cjs");let t=require("@primeuix/themes"),n=require("@primeuix/themes/aura");n=e.s(n,1);var r=(0,t.definePreset)(n.default,{semantic:{primary:e.a.primary,secondary:e.a.secondary,success:e.a.success,warn:e.a.warn,danger:e.a.danger}});exports.TopButton=e.o,exports.TopConfirmDialog=e.i,exports.TopInputText=e.r,exports.TopSelect=e.n,exports.TopSolutionsPreset=r,exports.TopToast=e.t,exports.colors=e.a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./TopToast-CC6iBs5S.cjs");let t=require("@primeuix/themes"),n=require("@primeuix/themes/aura");n=e.d(n,1);var r=(0,t.definePreset)(n.default,{semantic:{primary:e.l.primary,secondary:e.l.secondary,success:e.l.success,warn:e.l.warn,danger:e.l.danger}});exports.TopButton=e.u,exports.TopConfirmDialog=e.c,exports.TopDatePicker=e.s,exports.TopFileUpload=e.o,exports.TopInputText=e.a,exports.TopNavBar=e.i,exports.TopSelect=e.r,exports.TopSolutionsPreset=r,exports.TopTabs=e.n,exports.TopToast=e.t,exports.colors=e.l;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -1,8 +1,17 @@
 export { default as TopButton } from './components/TopButton.vue';
+export type { TopButtonSeverity } from './components/TopButton.vue';
 export { default as TopConfirmDialog } from './components/TopConfirmDialog.vue';
+export { default as TopDatePicker } from './components/TopDatePicker.vue';
+export type { TopDatePickerSelectionMode, TopDatePickerValue } from './components/TopDatePicker.vue';
+export { default as TopFileUpload } from './components/TopFileUpload.vue';
+export type { TopFileUploadError, TopFileUploadErrorCode, TopFileUploadValue } from './components/TopFileUpload.vue';
 export { default as TopInputText } from './components/TopInputText.vue';
+export { default as TopNavBar } from './components/TopNavBar.vue';
+export type { TopNavAction, TopNavBarAppearance, TopNavBarBorders, TopNavBarColors, TopNavBarFocus, TopNavBreadcrumb, TopNavItem, TopNavSection, TopNavBarShape, TopNavBarSurfaces, TopNavClient, TopNavUser, TopNavUserMenuItem, } from './components/TopNavBar.vue';
 export { default as TopSelect } from './components/TopSelect.vue';
+export { default as TopTabs } from './components/TopTabs.vue';
+export type { TopTabItem, TopTabValue } from './components/TopTabs.vue';
 export { default as TopToast } from './components/TopToast.vue';
-export type { TopToastAction, TopToastData, TopToastFooter } from './components/TopToast.vue';
+export type { TopToastAction, TopToastData, TopToastFooter, TopToastMessageOptions, } from './types/toast';
 export { TopSolutionsPreset } from './theme/topSolutions';
 export { colors } from './tokens/colors';

package/dist/index.js

@@ -1,15 +1,15 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./TopToast-BoaGrI3X.js";
-import { definePreset as o } from "@primeuix/themes";
-import s from "@primeuix/themes/aura";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "./TopToast-BFY94BWZ.js";
+import { definePreset as u } from "@primeuix/themes";
+import d from "@primeuix/themes/aura";
 //#region src/theme/topSolutions.ts
-var c = o(s, { semantic: {
-	primary: e.primary,
-	secondary: e.secondary,
-	success: e.success,
-	warn: e.warn,
-	danger: e.danger
+var f = u(d, { semantic: {
+	primary: r.primary,
+	secondary: r.secondary,
+	success: r.success,
+	warn: r.warn,
+	danger: r.danger
 } });
 //#endregion
-export { r as TopButton, t as TopConfirmDialog, i as TopInputText, n as TopSelect, c as TopSolutionsPreset, a as TopToast, e as colors };
+export { l as TopButton, t as TopConfirmDialog, s as TopDatePicker, a as TopFileUpload, e as TopInputText, n as TopNavBar, o as TopSelect, f as TopSolutionsPreset, i as TopTabs, c as TopToast, r as colors };
 
 //# sourceMappingURL=index.js.map

package/dist/nuxt.cjs

@@ -1,2 +1,2 @@
-let e=require("@nuxt/kit");var t=`@topjoao/top-design-system`,n=`${t}/style.css`,r=(0,e.defineNuxtModule)({meta:{name:t,configKey:`topDesignSystem`,compatibility:{nuxt:`^3.0.0 || ^4.0.0`}},setup(r,i){i.options.css.some(e=>e===n)||i.options.css.push(n),(0,e.addComponent)({name:`TopButton`,export:`TopButton`,filePath:t}),(0,e.addComponent)({name:`TopConfirmDialog`,export:`TopConfirmDialog`,filePath:t}),(0,e.addComponent)({name:`TopInputText`,export:`TopInputText`,filePath:t}),(0,e.addComponent)({name:`TopSelect`,export:`TopSelect`,filePath:t})}});module.exports=r;
+let e=require("@nuxt/kit");var t=`@topjoao/top-design-system`,n=`${t}/style.css`,r=(0,e.defineNuxtModule)({meta:{name:t,configKey:`topDesignSystem`,compatibility:{nuxt:`^3.0.0 || ^4.0.0`}},setup(r,i){i.options.css.some(e=>e===n)||i.options.css.push(n),(0,e.addComponent)({name:`TopButton`,export:`TopButton`,filePath:t}),(0,e.addComponent)({name:`TopConfirmDialog`,export:`TopConfirmDialog`,filePath:t}),(0,e.addComponent)({name:`TopDatePicker`,export:`TopDatePicker`,filePath:t}),(0,e.addComponent)({name:`TopFileUpload`,export:`TopFileUpload`,filePath:t}),(0,e.addComponent)({name:`TopInputText`,export:`TopInputText`,filePath:t}),(0,e.addComponent)({name:`TopNavBar`,export:`TopNavBar`,filePath:t}),(0,e.addComponent)({name:`TopSelect`,export:`TopSelect`,filePath:t}),(0,e.addComponent)({name:`TopTabs`,export:`TopTabs`,filePath:t}),(0,e.addComponent)({name:`TopToast`,export:`TopToast`,filePath:t})}});module.exports=r;
 //# sourceMappingURL=nuxt.cjs.map

package/dist/nuxt.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"nuxt.cjs","names":[],"sources":["../src/nuxt.ts"],"sourcesContent":["import { addComponent, defineNuxtModule } from '@nuxt/kit'\r\n\r\nconst packageName = '@topjoao/top-design-system'\r\nconst stylePath = `${packageName}/style.css`\r\n\r\nexport default defineNuxtModule({\r\n  meta: {\r\n    name: packageName,\r\n    configKey: 'topDesignSystem',\r\n    compatibility: {\r\n      nuxt: '^3.0.0 || ^4.0.0',\r\n    },\r\n  },\r\n  setup(_options, nuxt) {\r\n    if (!nuxt.options.css.some((style) => style === stylePath)) {\r\n      nuxt.options.css.push(stylePath)\r\n    }\r\n\r\n    addComponent({\r\n      name: 'TopButton',\r\n      export: 'TopButton',\r\n      filePath: packageName,\r\n    })\n    addComponent({\n      name: 'TopConfirmDialog',\n      export: 'TopConfirmDialog',\n      filePath: packageName,\n    })\n    addComponent({\n      name: 'TopInputText',\n      export: 'TopInputText',\n      filePath: packageName,\n    })\r\n    addComponent({\r\n      name: 'TopSelect',\r\n      export: 'TopSelect',\r\n      filePath: packageName,\r\n    })\r\n  },\r\n})\r\n"],"mappings":"2BAEA,IAAM,EAAc,6BACd,EAAY,GAAG,EAAY,YAEjC,GAAA,EAAe,EAAA,iBAAA,CAAiB,CAC9B,KAAM,CACJ,KAAM,EACN,UAAW,kBACX,cAAe,CACb,KAAM,kBACR,CACF,EACA,MAAM,EAAU,EAAM,CACf,EAAK,QAAQ,IAAI,KAAM,GAAU,IAAU,CAAS,GACvD,EAAK,QAAQ,IAAI,KAAK,CAAS,GAGjC,EAAA,EAAA,aAAA,CAAa,CACX,KAAM,YACN,OAAQ,YACR,SAAU,CACZ,CAAC,GACD,EAAA,EAAA,aAAA,CAAa,CACX,KAAM,mBACN,OAAQ,mBACR,SAAU,CACZ,CAAC,GACD,EAAA,EAAA,aAAA,CAAa,CACX,KAAM,eACN,OAAQ,eACR,SAAU,CACZ,CAAC,GACD,EAAA,EAAA,aAAA,CAAa,CACX,KAAM,YACN,OAAQ,YACR,SAAU,CACZ,CAAC,CACH,CACF,CAAC"}
+{"version":3,"file":"nuxt.cjs","names":[],"sources":["../src/nuxt.ts"],"sourcesContent":["import { addComponent, defineNuxtModule } from '@nuxt/kit'\r\n\r\nconst packageName = '@topjoao/top-design-system'\r\nconst stylePath = `${packageName}/style.css`\r\n\r\nexport default defineNuxtModule({\r\n  meta: {\r\n    name: packageName,\r\n    configKey: 'topDesignSystem',\r\n    compatibility: {\r\n      nuxt: '^3.0.0 || ^4.0.0',\r\n    },\r\n  },\r\n  setup(_options, nuxt) {\r\n    if (!nuxt.options.css.some((style) => style === stylePath)) {\r\n      nuxt.options.css.push(stylePath)\r\n    }\r\n\r\n    addComponent({\r\n      name: 'TopButton',\r\n      export: 'TopButton',\r\n      filePath: packageName,\r\n    })\r\n    addComponent({\r\n      name: 'TopConfirmDialog',\r\n      export: 'TopConfirmDialog',\r\n      filePath: packageName,\r\n    })\r\n    addComponent({\r\n      name: 'TopDatePicker',\r\n      export: 'TopDatePicker',\r\n      filePath: packageName,\r\n    })\r\n    addComponent({\r\n      name: 'TopFileUpload',\r\n      export: 'TopFileUpload',\r\n      filePath: packageName,\r\n    })\r\n    addComponent({\r\n      name: 'TopInputText',\r\n      export: 'TopInputText',\r\n      filePath: packageName,\r\n    })\r\n    addComponent({\r\n      name: 'TopNavBar',\r\n      export: 'TopNavBar',\r\n      filePath: packageName,\r\n    })\r\n    addComponent({\r\n      name: 'TopSelect',\r\n      export: 'TopSelect',\r\n      filePath: packageName,\r\n    })\r\n    addComponent({\n      name: 'TopTabs',\n      export: 'TopTabs',\n      filePath: packageName,\n    })\n    addComponent({\n      name: 'TopToast',\n      export: 'TopToast',\n      filePath: packageName,\n    })\n  },\n})\n"],"mappings":"2BAEA,IAAM,EAAc,6BACd,EAAY,GAAG,EAAY,YAEjC,GAAA,EAAe,EAAA,iBAAA,CAAiB,CAC9B,KAAM,CACJ,KAAM,EACN,UAAW,kBACX,cAAe,CACb,KAAM,kBACR,CACF,EACA,MAAM,EAAU,EAAM,CACf,EAAK,QAAQ,IAAI,KAAM,GAAU,IAAU,CAAS,GACvD,EAAK,QAAQ,IAAI,KAAK,CAAS,GAGjC,EAAA,EAAA,aAAA,CAAa,CACX,KAAM,YACN,OAAQ,YACR,SAAU,CACZ,CAAC,GACD,EAAA,EAAA,aAAA,CAAa,CACX,KAAM,mBACN,OAAQ,mBACR,SAAU,CACZ,CAAC,GACD,EAAA,EAAA,aAAA,CAAa,CACX,KAAM,gBACN,OAAQ,gBACR,SAAU,CACZ,CAAC,GACD,EAAA,EAAA,aAAA,CAAa,CACX,KAAM,gBACN,OAAQ,gBACR,SAAU,CACZ,CAAC,GACD,EAAA,EAAA,aAAA,CAAa,CACX,KAAM,eACN,OAAQ,eACR,SAAU,CACZ,CAAC,GACD,EAAA,EAAA,aAAA,CAAa,CACX,KAAM,YACN,OAAQ,YACR,SAAU,CACZ,CAAC,GACD,EAAA,EAAA,aAAA,CAAa,CACX,KAAM,YACN,OAAQ,YACR,SAAU,CACZ,CAAC,GACD,EAAA,EAAA,aAAA,CAAa,CACX,KAAM,UACN,OAAQ,UACR,SAAU,CACZ,CAAC,GACD,EAAA,EAAA,aAAA,CAAa,CACX,KAAM,WACN,OAAQ,WACR,SAAU,CACZ,CAAC,CACH,CACF,CAAC"}