prometeo-design-system 4.2.4 → 4.3.0

package/dist/Toast.es.js

@@ -1,59 +1,67 @@
-import { j as e } from "./jsx-runtime-GkKLlHH4.js";
-import w from "react";
-import { toast as p } from "sonner";
-import { c as s } from "./cn-B6yFEsav.js";
-import { Info as m } from "./Icons/Info.es.js";
-import { Error as u } from "./Icons/Error.es.js";
-import { Cancel as f } from "./Icons/Cancel.es.js";
-import { CheckCircle as b } from "./Icons/CheckCircle.es.js";
-import h from "./Button.es.js";
-import { Close as C } from "./Icons/Close.es.js";
-const x = {
+import { j as t } from "./jsx-runtime-GkKLlHH4.js";
+import { c as l } from "./cn-B6yFEsav.js";
+import P, { useRef as b, useEffect as I } from "react";
+import { toast as h } from "sonner";
+import { Info as w } from "./Icons/Info.es.js";
+import { Error as v } from "./Icons/Error.es.js";
+import { Cancel as y } from "./Icons/Cancel.es.js";
+import { CheckCircle as j } from "./Icons/CheckCircle.es.js";
+import C from "./Button.es.js";
+import { Close as E } from "./Icons/Close.es.js";
+const p = {
   dark: {
     success: {
       container: "border-b-[2px] border-success-default-default",
       iconClass: "text-success-medium-default",
-      icon: b
+      icon: j,
+      loading: "bg-success-default-default"
     },
     error: {
       container: "border-b-[2px] border-error-default-default",
       iconClass: "text-error-medium-default",
-      icon: f
+      icon: y,
+      loading: "bg-error-default-default"
     },
     warning: {
       container: "border-b-[2px] border-warning-default-default",
       iconClass: "text-warning-medium-default",
-      icon: u
+      icon: v,
+      loading: "bg-warning-default-default"
     },
     info: {
       container: " border-b-[2px] border-primary-default-default",
       iconClass: "text-primary-default-default",
-      icon: m
+      icon: w,
+      loading: "bg-primary-default-default"
     }
   },
   light: {
     success: {
       container: "",
       iconClass: "text-success-default-pressed",
-      icon: b
+      icon: j,
+      loading: "bg-success-default-pressed"
     },
     error: {
       container: "",
       iconClass: "text-error-medium-pressed",
-      icon: f
+      icon: y,
+      loading: "bg-error-medium-pressed"
     },
     warning: {
       container: "",
       iconClass: "text-warning-medium-pressed",
-      icon: u
+      icon: v,
+      loading: "bg-warning-medium-pressed"
     },
     info: {
       container: "",
       iconClass: "text-primary-default-pressed",
-      icon: m
+      icon: w,
+      loading: "bg-primary-default-pressed"
     }
   }
-}, l = {
+}, x = {
   dark: {
     container: "bg-neutral-default-default",
     title: "text-neutral-strong-default",
@@ -66,85 +74,121 @@ const x = {
     description: "text-neutral-medium-focused",
     shadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.35),8px 8px 20px 0px rgba(0, 0, 0, 0.3),0px 0px 15px 0px rgba(0, 0, 0, 0.2),0px 0px 20px 0px rgba(21, 21, 21, 0.3) inset,6px 0px 100px 0px rgba(0, 0, 0, 0.05) inset"
   }
-}, v = (c) => {
-  const { title: r, description: i, button: a, id: n, icon: d, variant: o = "info", colorMode: t = "dark", showClose: g = !1 } = c;
-  return /* @__PURE__ */ e.jsxs(
+}, T = (d) => {
+  const { title: r, description: n, button: a, id: i, icon: s, variant: o = "info", colorMode: e = "dark", showClose: m = !1, loading: c = !1, loadingTimeout: g = 2500, finishLoader: u = !1 } = d;
+  return /* @__PURE__ */ t.jsxs(
     "div",
     {
       style: {
-        boxShadow: l[t].shadow
+        boxShadow: x[e].shadow
       },
-      className: s(
+      className: l(
         "flex p-3 pb-4 md:w-[485px] md:max-w-[485px] md:min-w-[485px] md:h-[68px] md:max-h-[68px] rounded-lg gap-2",
-        "w-[345px] max-w-[345px] min-w-[345px] h-[68px] max-h-[68px]",
-        l[t].container,
-        x[t][o].container
+        "w-[345px] max-w-[345px] min-w-[345px] h-[68px] max-h-[68px] relative",
+        x[e].container,
+        p[e][o].container,
+        c && "border-b-0"
       ),
       children: [
-        /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ t.jsxs(
           "div",
           {
             className: "flex items-center justify-start gap-2 max-h-[38px] h-[38px] overflow-hidden flex-1 ",
             children: [
-              /* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: w.createElement(d || x[t][o].icon, { size: 24, className: x[t][o].iconClass }) }),
-              /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex flex-col gap-1", children: [
-                /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", l[t].title), children: r }),
-                i && /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", l[t].description), children: i })
+              /* @__PURE__ */ t.jsx("div", { className: "f", style: { color: "inherit" }, children: P.createElement(s || p[e][o].icon, { size: 24, className: p[e][o].iconClass }) }),
+              /* @__PURE__ */ t.jsxs("div", { className: "flex-1 flex flex-col gap-1", children: [
+                /* @__PURE__ */ t.jsx("p", { className: l("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", x[e].title), children: r }),
+                n && /* @__PURE__ */ t.jsx("p", { className: l("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", x[e].description), children: n })
               ] })
             ]
           }
         ),
-        a?.label && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
-          h,
+        c && /* @__PURE__ */ t.jsx(z, { color: o, timeOut: g, finished: u, colorMode: e }),
+        a?.label && /* @__PURE__ */ t.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ t.jsx(
+          C,
           {
             label: a?.label,
             onClick: () => {
-              a?.onClick(), p.dismiss(n);
+              a?.onClick(), h.dismiss(i);
             },
             size: "small",
             color: "secondary"
           }
         ) }),
-        g && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
-          h,
+        m && /* @__PURE__ */ t.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ t.jsx(
+          C,
           {
             onClick: () => {
-              p.dismiss(n);
+              h.dismiss(i);
             },
             label: "",
             size: "small",
             color: "secondary",
-            icon: /* @__PURE__ */ e.jsx(C, { className: s(t === "light" ? "text-neutral-medium-focused " : "") }),
+            icon: /* @__PURE__ */ t.jsx(E, { className: l(e === "light" ? "text-neutral-medium-focused " : "") }),
             variant: "text",
             animate: !1,
-            className: s(t === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
+            className: l(e === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
           }
         ) })
       ]
     }
   );
+}, z = ({ className: d, color: r, timeOut: n, finished: a, colorMode: i }) => {
+  const s = b(0), o = b(Date.now()), e = b(null);
+  I(() => {
+    if (a) {
+      s.current = 1, e.current && (e.current.style.width = "100%");
+      return;
+    }
+    o.current = Date.now(), s.current = 0;
+    const c = setInterval(() => {
+      const g = Date.now() - o.current, u = Math.min(g / n, 1), N = u * 0.95, k = Math.sin(u * Math.PI * 2) * 0.15 + 0.05, M = Math.random() < k;
+      let f;
+      if (M)
+        f = s.current;
+      else {
+        const R = (Math.random() - 0.5) * 0.25;
+        f = Math.max(s.current, Math.min(0.95, N + R));
+      }
+      s.current = f, e.current && (e.current.style.width = `${f * 100}%`), (u >= 1 || a) && clearInterval(c);
+    }, 50);
+    return () => clearInterval(c);
+  }, [n, a]);
+  const m = p[i][r].loading;
+  return /* @__PURE__ */ t.jsx("div", { className: l(
+    "absolute bottom-0 translate-y-0 left-0 w-full h-2 overflow-hidden rounded-b-xl",
+    'after:content-[""] after:w-[calc(100%-0px)] after:absolute after:bottom-0 after:left-1/2 after:bg-neutral-default-default after:h-2 after:-translate-x-1/2 after:-translate-y-[2px] after:rounded-b-full after:overflow-hidden',
+    d
+  ), children: /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      ref: e,
+      className: l("h-full transition-all duration-300 ease-out", m),
+      style: { width: "0%" }
+    }
+  ) });
 };
-function _(c, r) {
-  const { duration: i = 2500, showClose: a = !1, colorMode: n = "dark", position: d } = r || {};
-  return p.custom((o) => /* @__PURE__ */ e.jsx(
-    v,
+function G(d, r) {
+  const { duration: n = 2500, showClose: a = !1, colorMode: i = "dark", position: s } = r || {};
+  return h.custom((o) => /* @__PURE__ */ t.jsx(
+    T,
     {
       id: o,
       variant: r?.variant || "success",
-      title: c,
+      title: d,
       description: r?.description,
       icon: r?.icon,
       button: r?.button,
       showClose: a,
-      colorMode: n
+      colorMode: i
     }
   ), {
-    duration: i,
-    position: d,
+    duration: n,
+    position: s,
     unstyled: !0
   });
 }
 export {
-  v as default,
-  _ as toastpyrion
+  T as default,
+  G as toastpyrion
 };

package/dist/components/NotificationCard/NotificationCard.d.ts

@@ -17,10 +17,11 @@ export interface NotificationCardProps<NotificationMetadata = any> {
     body: string | React.ReactNode | ((metadata?: NotificationMetadata) => React.ReactNode);
     date: string | Date;
     actions?: [NotificationAction<NotificationMetadata>, NotificationAction<NotificationMetadata>] | [NotificationAction<NotificationMetadata>];
-    isNew?: boolean;
+    read?: boolean;
     className?: string;
     metadata?: NotificationMetadata;
+    onClick?: (metadata?: NotificationMetadata) => void;
 }
-declare const NotificationCard: <NotificationMetadata = unknown>({ user, body, date, actions, isNew, className, metadata }: NotificationCardProps<NotificationMetadata>) => import("react/jsx-runtime").JSX.Element;
+declare const NotificationCard: <NotificationMetadata = unknown>({ user, body, date, actions, read, className, metadata, onClick }: NotificationCardProps<NotificationMetadata>) => import("react/jsx-runtime").JSX.Element;
 export default NotificationCard;
 export type NotificationCardComponent = typeof NotificationCard;

package/dist/components/PyrionNavigationDrawer/PLNotificationsList.d.ts

@@ -1,15 +1,18 @@
 import { NotificationCardProps } from '../NotificationCard/NotificationCard';
+import { ScrollableControlsHandler } from '../Scrollable/Scrollable';
 interface PLNotificationsDrawerProps<NotificationMetadata> {
     onCloseClick?: VoidFunction;
     onMarkAllAsRead?: () => void;
     notificationsListControls?: React.RefObject<NotificationsListControlsHandler<NotificationMetadata> | null>;
+    scrollableControls?: React.RefObject<ScrollableControlsHandler | null>;
 }
 export interface NotificationsListControlsHandler<NotificationMetadata> {
-    addNewNotification: (notification: NotificationCardProps<NotificationMetadata> | NotificationCardProps<NotificationMetadata>[]) => void;
+    addNewNotification: (notification: NotificationCardProps<NotificationMetadata> | NotificationCardProps<NotificationMetadata>[], position?: 'top' | 'bottom') => void;
     subscribeToUpdates: (callback: (notifications: NotificationCardProps<NotificationMetadata>[], count: number) => void) => () => void;
     removeNotification: (id: string | string[]) => void;
     removeAllNotifications: () => void;
     setNotifications: (notifications: NotificationCardProps<NotificationMetadata>[]) => void;
+    setLoading: (loading: boolean) => void;
 }
-declare const PLNotificationsList: <NotificationMetadata = unknown>({ onCloseClick, onMarkAllAsRead, notificationsListControls }: PLNotificationsDrawerProps<NotificationMetadata>) => import("react/jsx-runtime").JSX.Element;
+declare const PLNotificationsList: <NotificationMetadata = unknown>({ onCloseClick, onMarkAllAsRead, notificationsListControls, scrollableControls }: PLNotificationsDrawerProps<NotificationMetadata>) => import("react/jsx-runtime").JSX.Element;
 export default PLNotificationsList;

package/dist/components/PyrionNavigationDrawer/PLSidebar.d.ts

@@ -1,12 +1,14 @@
 import { ReactNode } from 'react';
 import { PLSidebarContentHandle } from './PLSidebarContent';
 import { NotificationsListControlsHandler } from './PLNotificationsList';
-declare const _DrawerSidebarWrapper: <TNotificationMetadata = unknown>({ options, helpSection, sidebarContentRef, initialSectionRef, notificationsListControls, }: {
+import { ScrollableControlsHandler } from '../Scrollable/Scrollable';
+declare const _DrawerSidebarWrapper: <TNotificationMetadata = unknown>({ options, helpSection, sidebarContentRef, initialSectionRef, notificationsListControls, scrollableControls, }: {
     options?: any;
     helpSection?: ReactNode | (() => ReactNode);
     sidebarContentRef: React.RefObject<PLSidebarContentHandle | null>;
     initialSectionRef: React.RefObject<"notifications" | "help">;
     notificationsListControls?: React.RefObject<NotificationsListControlsHandler<TNotificationMetadata> | null>;
+    scrollableControls?: React.RefObject<ScrollableControlsHandler | null>;
 }) => import("react/jsx-runtime").JSX.Element;
 declare const DrawerSidebarWrapper: typeof _DrawerSidebarWrapper;
 export default DrawerSidebarWrapper;

package/dist/components/PyrionNavigationDrawer/PLSidebarContent.d.ts

@@ -1,6 +1,7 @@
 import { ReactElement, ReactNode, ForwardedRef } from 'react';
 import { PyrionLayoutOptions } from './PyrionLayout';
 import { NotificationsListControlsHandler } from './PLNotificationsList';
+import { ScrollableControlsHandler } from '../Scrollable/Scrollable';
 export type PLSidebarContentHandle = {
     setActiveSection: (section: 'notifications' | 'help') => void;
 };
@@ -10,6 +11,7 @@ export type PLSidebarContentProps<TNotificationMetadata = unknown> = {
     helpSection?: ReactNode | (() => ReactNode);
     initialSection?: 'notifications' | 'help';
     notificationsListControls?: React.RefObject<NotificationsListControlsHandler<TNotificationMetadata> | null>;
+    scrollableControls?: React.RefObject<ScrollableControlsHandler | null>;
 };
 declare const PLSidebarContent: <TNotificationMetadata = unknown>(props: PLSidebarContentProps<TNotificationMetadata> & {
     ref?: ForwardedRef<PLSidebarContentHandle>;

package/dist/components/PyrionNavigationDrawer/PLayoutBase.d.ts

@@ -6,6 +6,7 @@ import { TicketCardHandlerProps } from '../TicketCard';
 import { NotificationsListControlsHandler } from './PLNotificationsList';
 import { PLSidebarContentHandle } from './PLSidebarContent';
 import { AuthSession, PyrionNavigationControls, PyrionLayoutOptions, PyrionLayoutProps } from './PyrionLayout';
+import { ScrollableControlsHandler } from '../Scrollable/Scrollable';
 export type TLayoutBaseProps<TAppMetadata = unknown, TNotificationMetadata = unknown> = {
     links?: PyrionLayoutLinkItemProps[];
     handleNavigation: (path: string) => void;
@@ -29,6 +30,7 @@ export type TLayoutBaseProps<TAppMetadata = unknown, TNotificationMetadata = unk
     initialSectionRef: React.RefObject<'notifications' | 'help'>;
     navigationControlsRef: React.RefObject<PyrionNavigationControls<TNotificationMetadata>>;
     notificationsListControls?: React.RefObject<NotificationsListControlsHandler<TNotificationMetadata> | null>;
+    scrollableControls?: React.RefObject<ScrollableControlsHandler | null>;
     outletRef: React.RefObject<HTMLDivElement | null>;
     onProfileClick?: (collapsed: boolean) => void;
 };

package/dist/components/PyrionNavigationDrawer/PyrionLayout.d.ts

@@ -3,6 +3,7 @@ import { PyrionLayoutActionItemProps } from '../NavigationDrawer/NavigationDrawe
 import { PyrionLayoutLinkItemProps } from '../NavigationDrawer/NavigationDrawerLinkItem';
 import { NavigationDrawerSidebarProps } from '../NavigationDrawer/NavigationDrawerSidebar';
 import { NotificationCardProps } from '../NotificationCard/NotificationCard';
+import { ScrollTargetData, ScrollTargetConfig } from '../Scrollable/Scrollable';
 import { AllOptionAccessor } from '../Shared/types';
 import { TabSwitchElement } from '../TabSwitch/TabSwitch';
 import { subImageUrlAccessor } from './PLSystemSessions';
@@ -135,11 +136,13 @@ export type PyrionNavigationControls<TNotificationMetadata = unknown> = {
     openNotifications?: () => void;
     showErrorModal?: (node: (ReactNode | (() => ReactNode)), disableDrawer: boolean, hideCloseButton?: boolean) => void;
     closeErrorModal?: () => void;
-    addNewNotification?: (notification: NotificationCardProps<TNotificationMetadata> | NotificationCardProps<TNotificationMetadata>[]) => void;
+    addNewNotification?: (notification: NotificationCardProps<TNotificationMetadata> | NotificationCardProps<TNotificationMetadata>[], position?: 'top' | 'bottom') => void;
     subscribeToNotificationsUpdates?: (callback: (notifications: NotificationCardProps<TNotificationMetadata>[], count: number) => void) => () => void;
     setNotifications?: (notifications: NotificationCardProps<TNotificationMetadata>[]) => void;
     removeAllNotifications?: () => void;
     removeNotification?: (id: string | string[]) => void;
+    setNotificationsLoading?: (loading: boolean) => void;
+    subscribeToNotificationsScroll?: (callback: (data: ScrollTargetData) => void, config?: ScrollTargetConfig) => () => void;
 };
 export declare const usePyrionLayout: <TNotificationMetadata = unknown>() => PyrionNavigationControls<TNotificationMetadata>;
 declare const PyrionLayout: <TAppMetadata = unknown, TNotificationMetadata = unknown>({ children, helpSection, state, links: navlinks, onLinkClick, onNavigate, onLogoutClick, actions, activeActionId, onActionClick, tabsProps, currentSystemId, onSessionClick, onSystemLogoClick, onProfileClick, ...props }: PyrionLayoutProps<TAppMetadata, TNotificationMetadata>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Scrollable/Scrollable.d.ts

@@ -17,6 +17,33 @@ type ScrollbarProps = {
     hide?: boolean;
     size?: "small" | 'medium';
 };
+export interface ScrollTargetData {
+    percentage: number;
+    direction: 'up' | 'down' | 'left' | 'right';
+    scrollTop: number;
+    scrollLeft: number;
+    scrollHeight: number;
+    scrollWidth: number;
+    clientHeight: number;
+    clientWidth: number;
+}
+export interface ScrollTargetConfig {
+    target: number;
+    direction?: 'x' | 'y' | 'both';
+    trip?: 'forth' | 'back' | 'round-trip';
+}
+export interface ScrollableControlsHandler {
+    subscribeToScrollTarget: (callback: (data: ScrollTargetData) => void, config?: ScrollTargetConfig) => () => void;
+}
+type ScrollTopButtonTarget = string;
+type ScrollTopButtonProps = {
+    target?: ScrollTopButtonTarget;
+    icon?: React.ComponentType<{
+        size?: number;
+        className?: string;
+    }>;
+    className?: string;
+};
 export interface ScrollableProps {
     debugMode?: boolean;
     className?: string;
@@ -27,6 +54,8 @@ export interface ScrollableProps {
     disableMouseScroll?: boolean;
     defaultBehavior?: 'scroll-on-click' | 'scroll-on-hover' | 'none';
     persistScroll?: boolean | string;
+    controls?: React.RefObject<ScrollableControlsHandler | null>;
+    scrollTopButton?: ScrollTopButtonProps;
 }
 declare const Scrollable: (props: ScrollableProps) => import("react/jsx-runtime").JSX.Element;
 export default Scrollable;

package/dist/components/TabLinks/TabLinks.d.ts

@@ -30,3 +30,22 @@ declare namespace TabLinks {
 }
 declare const _default: import('react').MemoExoticComponent<typeof TabLinks>;
 export default _default;
+interface TabLinkItemProps {
+    id: string | number;
+    title: string;
+    iconPosition?: "left" | "right" | "top" | "bottom";
+    onClick: () => void;
+    disabled?: boolean;
+    className?: string;
+    isActive?: boolean;
+    activeClassName?: string;
+    icon?: IconComponent | React.ReactNode | (() => React.ReactNode);
+    animated?: boolean;
+    indicatorClassName?: string;
+    onIconHover?: () => void;
+    onIconClick?: () => void;
+    iconTooltipTitle?: string;
+    iconTooltipProps?: PlainTooltipProps;
+    iconSize?: number;
+}
+export declare const TabLinkItem: ({ id, title, icon, iconPosition, onClick, disabled, className, isActive, activeClassName, animated, onIconHover, onIconClick, iconTooltipTitle, iconTooltipProps, iconSize, indicatorClassName }: TabLinkItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toaster/Toaster.d.ts

@@ -1,9 +1,10 @@
-import { ColorMode } from '../Shared/types';
 import { IconComponent } from '../../Icons/types';
+import { ColorMode } from '../Shared/types';
 type ToastElementsProps = {
     container: string;
     iconClass: string;
     icon: IconComponent;
+    loading: string;
 };
 type ToastVarians = 'success' | 'error' | 'warning' | 'info';
 type ToastVariantClassnames = {
@@ -30,7 +31,18 @@ export interface PyrionToastProps {
     colorMode?: ColorMode;
     showClose?: boolean;
     position?: ToastPosition;
+    loading?: boolean;
+    loadingTimeout?: number;
+    finishLoader?: boolean;
 }
 declare const PyrionToast: (props: PyrionToastProps) => import("react/jsx-runtime").JSX.Element;
 export default PyrionToast;
 export declare function toastpyrion(title: string, options?: Omit<PyrionToastProps, 'id'>): string | number;
+export declare const toastPyrionPromise: (promise: Promise<any>, options?: {
+    loading?: Omit<PyrionToastProps, "id">;
+    success?: Omit<PyrionToastProps, "id">;
+    error?: Omit<PyrionToastProps, "id">;
+    colorMode?: ColorMode;
+    position?: ToastPosition;
+    timeOut?: number;
+}) => Promise<any>;

package/dist/hooks/useLabelBackground.d.ts

@@ -2,5 +2,6 @@ interface UseLabelBackgroundResult<T extends HTMLElement> {
     ref: React.RefObject<T | null>;
 }
 export declare const getActualBackgroundColor: (element: HTMLElement) => string;
+export declare const rgbHueAlterate: (rgb: string, variation: number, opacity?: number) => string;
 export declare function useLabelBackground<T extends HTMLElement = HTMLElement>(): UseLabelBackgroundResult<T>;
 export {};

package/dist/prometeo-design-system.es.js

@@ -20,8 +20,8 @@ import { default as fe } from "./Switch.es.js";
 import { D as ne } from "./DatePicker-QuBgR5DQ.js";
 import { RecurrentDatePicker as me } from "./RecurrentDatePicker.es.js";
 import { RecurrentDatePickerRRule as ie } from "./RecurrentDatePickerRRule.es.js";
-import { Table as ce, TableBody as be, TableCaption as De, TableCell as ve, TableFooter as ge, TableHead as ke, TableHeader as Te, TableRow as he } from "./Table.es.js";
-import { default as Ce } from "./TabLinks.es.js";
+import { Table as ce, TableBody as be, TableCaption as De, TableCell as ve, TableFooter as Te, TableHead as ge, TableHeader as ke, TableRow as he } from "./Table.es.js";
+import { T as Ce } from "./TabLinks-DxqprStp.js";
 import { default as Ee } from "./TextArea.es.js";
 import { default as Re } from "./Tooltip.es.js";
 import { default as Se } from "./Skeleton.es.js";
@@ -73,7 +73,7 @@ function v({
     hasErrors: a.fileRejections.length > 0
   };
 }
-const g = (e, t = !0) => {
+const T = (e, t = !0) => {
   const o = p(null);
   return m(() => {
     if (!t) return;
@@ -132,16 +132,16 @@ export {
   be as TableBody,
   De as TableCaption,
   ve as TableCell,
-  ge as TableFooter,
-  ke as TableHead,
-  Te as TableHeader,
+  Te as TableFooter,
+  ge as TableHead,
+  ke as TableHeader,
   he as TableRow,
   Ee as TextArea,
   Oe as Toast,
   Ge as ToastProvider,
   Re as Tooltip,
   Ae as toastpyrion,
-  g as useClickOutside,
+  T as useClickOutside,
   I as useDialogControl,
   j as useDrawerDesktop,
   H as useDrawerMobile,