prometeo-design-system 4.3.1 → 4.3.2

package/dist/badge-CbqYNrl4.js

@@ -1,87 +0,0 @@
-import { j as n } from "./jsx-runtime-GkKLlHH4.js";
-import { c as i } from "./cn-B6yFEsav.js";
-import { forwardRef as b, useState as p, useRef as h, useEffect as v } from "react";
-const N = b((t, s) => {
-  const [c, d] = p(t?.currentTabName || t.tabs[0].name), r = h(null), { tabs: l = [], className: u, activeColor: a = "var(--neutral-900)", currentSystemId: m } = t;
-  v(() => {
-    r.current?.style.setProperty("--tab-bg", a);
-  }, [a]);
-  const o = l.find((e) => e.id === m || e.name === (t?.currentTabName || c));
-  return /* @__PURE__ */ n.jsx(
-    "div",
-    {
-      ref: s,
-      className: i(
-        "select-none",
-        "flex flex-col gap-2",
-        "bg-neutral-strong-default",
-        "h-full w-14 max-w-14 pl-[6px] py-6",
-        "border-r border-neutral-default-default",
-        u
-      ),
-      children: l.map(
-        (e) => {
-          const f = e.name === o?.name, x = typeof e.thumbnail == "string" ? /* @__PURE__ */ n.jsx("img", { src: e.thumbnail, alt: e.description, className: "aspect-square object-contain rounded", draggable: !1 }) : e.thumbnail, g = () => {
-            e.disabled || (d(e.name), e.onClick && e.onClick(e.name));
-          };
-          return /* @__PURE__ */ n.jsx(
-            "div",
-            {
-              className: i(
-                "bg-[(--tab-bg)]",
-                "h-12 w-[50px] z-20",
-                "flex items-center pl-[6px] ",
-                "rounded-l-[8px]",
-                "tabswitch-element relative",
-                f && "active"
-              ),
-              onClick: g,
-              ref: r,
-              children: /* @__PURE__ */ n.jsx("div", { className: i(
-                "size-8 rounded-[4px]",
-                "grid place-items-center",
-                "tab-thumbnail-icon",
-                "bg-transparent text-neutral-default-default",
-                e?.className
-              ), children: x })
-            },
-            e.name
-          );
-        }
-      )
-    }
-  );
-}), C = ({
-  count: t,
-  maxCount: s = 9,
-  className: c = "",
-  size: d = "medium",
-  variant: r = "primary",
-  showZero: l = !1,
-  disabled: u = !1
-}) => {
-  const a = t, m = a > s ? `+${s}` : a;
-  if (a === 0 && !l) return null;
-  const o = {
-    small: "w-4.5 h-4.5 text-xs ",
-    medium: "w-5 h-5 text-xs",
-    large: "w-6 h-6 text-sm"
-  }, e = {
-    primary: "bg-primary-default-default text-neutral-strong-default",
-    secondary: "bg-neutral-medium-default text-neutral-strong-default",
-    success: "bg-green-500 text-white",
-    warning: "bg-yellow-500 text-black",
-    danger: "bg-red-500 text-white"
-  };
-  return /* @__PURE__ */ n.jsx("div", { className: i(
-    "rounded-full flex items-center justify-center font-medium select-none",
-    o[d],
-    e[r],
-    c,
-    u && "text-neutral-strong-disabled bg-primary-medium-disabled"
-  ), children: /* @__PURE__ */ n.jsx("span", { children: m }) });
-};
-export {
-  C as B,
-  N as T
-};

package/dist/components/Layout/LayoutGeneric.d.ts

@@ -1,6 +0,0 @@
-export interface LayoutGenericProps {
-    children: React.ReactNode;
-    sidebar?: React.ReactNode;
-}
-declare const _default: import('react').MemoExoticComponent<({ children, sidebar }: LayoutGenericProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/dist/components/Sidebar/SecondaryBar/SecondaryBar.d.ts

@@ -1,32 +0,0 @@
-import { ReactNode } from 'react';
-export interface SecondaryBarRootProps {
-    children: ReactNode;
-    isOpen?: boolean;
-    className?: string;
-    width?: string;
-    action?: string;
-    primarySidebarCollapsed?: boolean;
-    onClose?: () => void;
-}
-export interface HeaderProps {
-    children: ReactNode;
-    className?: string;
-}
-export interface ContentProps {
-    children: ReactNode;
-    className?: string;
-}
-export interface FooterProps {
-    children: ReactNode;
-    className?: string;
-}
-export interface SpacerProps {
-    className?: string;
-}
-export declare const SecondaryBar: (({ children, isOpen, className, width, action, primarySidebarCollapsed, onClose, }: SecondaryBarRootProps) => import("react/jsx-runtime").JSX.Element) & {
-    Root: ({ children, isOpen, className, width, action, primarySidebarCollapsed, onClose, }: SecondaryBarRootProps) => import("react/jsx-runtime").JSX.Element;
-    Header: ({ children, className }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ children, className }: ContentProps) => import("react/jsx-runtime").JSX.Element;
-    Footer: ({ children, className }: FooterProps) => import("react/jsx-runtime").JSX.Element;
-    Spacer: ({ className }: SpacerProps) => import("react/jsx-runtime").JSX.Element;
-};

package/dist/components/Sidebar/SecondaryBar/hooks/useSecondaryBarAnimation.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from 'react';
-export declare const useSecondaryBarAnimation: (secondaryBarRef: RefObject<HTMLDivElement | null>, isOpen: boolean) => void;

package/dist/components/Sidebar/SecondaryBar/index.d.ts

@@ -1 +0,0 @@
-export { SecondaryBar } from './SecondaryBar';

package/dist/components/Sidebar/SidebarComposable.d.ts

@@ -1,43 +0,0 @@
-import { ReactNode } from 'react';
-import { TabSwitchElement } from '../TabSwitch/TabSwitch';
-interface SidebarRootProps {
-    children: ReactNode;
-    isCollapsed?: boolean;
-    className?: string;
-    tabs?: TabSwitchElement[];
-    currentTabName?: string;
-}
-interface CollapseButtonProps {
-    isCollapsed: boolean;
-    onToggleCollapse: () => void;
-}
-export declare const CollapseButton: ({ isCollapsed, onToggleCollapse }: CollapseButtonProps) => import("react/jsx-runtime").JSX.Element;
-interface HeaderProps {
-    children: ReactNode;
-    className: string;
-}
-interface DividerProps {
-    className?: string;
-}
-interface ContentProps {
-    children: ReactNode;
-    className: string;
-}
-interface SpacerProps {
-    size?: 'auto' | 'small' | 'medium' | 'large' | string;
-    className?: string;
-}
-interface FooterProps {
-    children: ReactNode;
-    className?: string;
-}
-export declare const Sidebar: import('react').ForwardRefExoticComponent<SidebarRootProps & import('react').RefAttributes<HTMLDivElement>> & {
-    Root: import('react').ForwardRefExoticComponent<SidebarRootProps & import('react').RefAttributes<HTMLDivElement>>;
-    CollapseButton: ({ isCollapsed, onToggleCollapse }: CollapseButtonProps) => import("react/jsx-runtime").JSX.Element;
-    Header: ({ children, className }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-    Divider: ({ className }: DividerProps) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ children, className }: ContentProps) => import("react/jsx-runtime").JSX.Element;
-    Spacer: ({ className, size }: SpacerProps) => import("react/jsx-runtime").JSX.Element;
-    Footer: ({ children, className }: FooterProps) => import("react/jsx-runtime").JSX.Element;
-};
-export {};

package/dist/components/Sidebar/components/NavigationLink.d.ts

@@ -1,11 +0,0 @@
-interface NavigationLinkProps {
-    children: React.ReactNode;
-    icon?: React.ReactNode;
-    label?: string;
-    href?: string;
-    onClick?: () => void;
-    isActive?: boolean;
-    className?: string;
-}
-export declare const NavigationLink: ({ children, icon, label, href, onClick, isActive, className }: NavigationLinkProps) => import("react/jsx-runtime").JSX.Element;
-export default NavigationLink;

package/dist/components/Sidebar/components/company-logo.d.ts

@@ -1,5 +0,0 @@
-export interface CompanyLogoProps {
-    logoUrl: string;
-    companyName?: string;
-}
-export declare const CompanyLogo: ({ logoUrl, companyName }: CompanyLogoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Sidebar/components/nav-actions.d.ts

@@ -1,7 +0,0 @@
-import { INavAction } from '../hooks/useNavLinks';
-export interface INavbarActionsProps {
-    linkActions: INavAction[];
-    onClick?: (actionName: string) => void;
-    activeAction?: string;
-}
-export declare const NavBarActions: ({ linkActions, onClick, activeAction, }: INavbarActionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Sidebar/components/nav-links.d.ts

@@ -1,7 +0,0 @@
-import { INavLink } from '../hooks/useNavLinks';
-export interface NavbarLinksProps {
-    links: INavLink[];
-    isLinkActive: (path: string) => boolean;
-    onLinkClick?: (path: string) => void;
-}
-export declare const NavbarLinks: ({ links, isLinkActive, onLinkClick, }: NavbarLinksProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Sidebar/context/SidebarContext.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode, RefObject } from 'react';
-interface SidebarContextType {
-    primarySidebarRef: RefObject<HTMLDivElement | null>;
-    registerPrimarySidebar: (ref: RefObject<HTMLDivElement | null>) => void;
-    tabBarRef: RefObject<HTMLDivElement | null>;
-    registerTabBar: (ref: RefObject<HTMLDivElement | null>) => void;
-}
-interface SidebarProviderProps {
-    children: ReactNode;
-}
-export declare const SidebarProvider: ({ children }: SidebarProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useSidebarContext: () => SidebarContextType;
-export {};

package/dist/components/Sidebar/hooks/SidebarProvider.d.ts

@@ -1,3 +0,0 @@
-export declare const SidebarProvider: ({ children, }: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Sidebar/hooks/useNavBarActions.d.ts

@@ -1,9 +0,0 @@
-interface IRootState {
-    isActiveModalNotification: boolean;
-    setIsActiveModalNotification: (isActiveModalNotification: boolean) => void;
-}
-export declare const useActionsNavbar: ({ isActiveModalNotification, setIsActiveModalNotification, }: IRootState) => {
-    handleNotificationClick: () => void;
-    isActiveModalNotification: boolean;
-};
-export {};

package/dist/components/Sidebar/hooks/useNavBarCollapse.d.ts

@@ -1,4 +0,0 @@
-export declare const useNavbarCollapse: (isCollapsed: boolean) => {
-    isCollapsed: boolean;
-    navbarRef: import('react').RefObject<HTMLDivElement | null>;
-};

package/dist/components/Sidebar/hooks/useNavLinks.d.ts

@@ -1,32 +0,0 @@
-export type Role = "Developer" | "SuperAdmin" | "Admin" | "Regular";
-export declare const Roles: {
-    levelOne: readonly ["Developer"];
-    levelTwo: Role[];
-    levelThree: Role[];
-    levelFour: Role[];
-};
-export type RoleLevels = typeof Roles;
-export interface INavLink {
-    path: string;
-    title: string;
-    icon?: (props: {
-        size: number;
-        className: string;
-    }) => React.ReactNode;
-    viewAccess?: () => boolean;
-    discover?: "render" | "none";
-    isView?: boolean | (() => boolean);
-    relatedPaths?: string[];
-    count?: number;
-}
-export interface INavAction {
-    actionName: string;
-    title: string;
-    icon: (props: {
-        size: number;
-        className: string;
-    }) => React.ReactNode;
-    viewAccess: () => boolean;
-    isView?: boolean | (() => boolean);
-    count?: number;
-}

package/dist/components/Sidebar/hooks/useSidebarHook.d.ts

@@ -1,13 +0,0 @@
-import { RefObject } from 'react';
-export interface SidebarContextValue {
-    isCollapsed: boolean;
-    setIsCollapsed: (collapsed: boolean) => void;
-    navbarRef: RefObject<HTMLDivElement | null>;
-    toggleCollapse: () => void;
-    activeSecondaryBar: string | null;
-    openSecondaryBar: (action: string) => void;
-    closeSecondaryBar: () => void;
-    toggleSecondaryBar: (action: string) => void;
-}
-export declare const SidebarContext: import('react').Context<SidebarContextValue | undefined>;
-export declare const useSidebar: () => SidebarContextValue;

package/dist/components/Sidebar/index.d.ts

@@ -1,12 +0,0 @@
-export { SecondaryBar } from './SecondaryBar/SecondaryBar';
-export { Sidebar } from './SidebarComposable';
-export { SidebarProvider } from './hooks/SidebarProvider';
-export { useSidebar } from './hooks/useSidebarHook';
-export { NavigationLink } from './components/NavigationLink';
-export { Badge } from './components/badge';
-export { NavBarActions } from './components/nav-actions';
-export { NavbarLinks } from './components/nav-links';
-export { useActionsNavbar } from './hooks/useNavBarActions';
-export { useNavbarCollapse } from './hooks/useNavBarCollapse';
-export type { BadgeProps } from './components/badge';
-export type { NavbarLinksProps } from './components/nav-links';

package/dist/components/Sidebar/ui/useNavbarAnimation.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from 'react';
-export declare const useNavbarAnimations: (navbarRef: RefObject<HTMLDivElement | null>, isCollapsed: boolean, isSecondaryBarOpen?: boolean) => void;

package/dist/useLabelBackground-BDIHUdND.js

@@ -1,26 +0,0 @@
-import { useRef as o, useLayoutEffect as u } from "react";
-const c = (e) => {
-  let t = e;
-  for (; t && t !== document.body; ) {
-    const n = window.getComputedStyle(t).backgroundColor;
-    if (n && n !== "transparent" && n !== "rgba(0, 0, 0, 0)")
-      return n;
-    t = t.parentElement;
-  }
-  const r = window.getComputedStyle(document.body).backgroundColor;
-  return r && r !== "transparent" && r !== "rgba(0, 0, 0, 0)" ? r : "rgb(255, 255, 255)";
-};
-function d() {
-  const e = o(null);
-  return u(() => {
-    if (!e.current || !e.current.parentElement) return;
-    const t = c(e.current.parentElement);
-    e.current.style.backgroundColor = t;
-  }, []), {
-    ref: e
-  };
-}
-export {
-  c as g,
-  d as u
-};