@mesob/ui 0.5.4 → 0.5.5

package/dist/components.d.ts

@@ -1643,7 +1643,7 @@ declare function AccordionTrigger({ className, children, chevron, chevronPositio
 declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof Accordion$1.Panel>): react_jsx_runtime.JSX.Element;
 
 declare const actionIconVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "light" | null | undefined;
+    variant?: "light" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     radius?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -1696,7 +1696,7 @@ declare function AlertDialogCancel({ className, ...props }: React$1.ComponentPro
 
 declare const anchorVariants: (props?: ({
     variant?: "default" | "muted" | "gradient" | "subtle" | null | undefined;
-    underline?: "never" | "always" | "hover" | null | undefined;
+    underline?: "always" | "never" | "hover" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -1758,7 +1758,7 @@ type BackgroundImageProps = React$1.ComponentProps<'div'> & {
 declare function BackgroundImage({ className, src, radius, style, ...props }: BackgroundImageProps): react_jsx_runtime.JSX.Element;
 
 declare const badgeVariants: (props?: ({
-    variant?: "link" | "success" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "light" | "dot" | "warning" | null | undefined;
+    variant?: "link" | "light" | "default" | "dot" | "success" | "secondary" | "destructive" | "outline" | "ghost" | "warning" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     radius?: "none" | "sm" | "md" | "lg" | "full" | null | undefined;
     circle?: boolean | null | undefined;
@@ -1796,8 +1796,8 @@ type BurgerProps = Omit<React$1.ComponentProps<'button'>, 'children'> & VariantP
 declare function Burger({ className, size, opened, ariaLabel, ...props }: BurgerProps): react_jsx_runtime.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "light" | null | undefined;
-    size?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | "icon-xl" | null | undefined;
+    variant?: "link" | "light" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "xs" | "sm" | "md" | "lg" | "xl" | "icon-xs" | "icon-sm" | "icon-lg" | "icon-xl" | null | undefined;
     radius?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -2389,10 +2389,10 @@ declare const gridVariants: (props?: ({
     gutter?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const gridColVariants: (props?: ({
-    span?: 3 | 1 | 2 | 4 | 6 | 8 | "auto" | 7 | 5 | 10 | 9 | 12 | 11 | null | undefined;
-    sm?: 3 | 1 | 2 | 4 | 6 | 8 | 7 | 5 | 10 | 9 | 12 | 11 | null | undefined;
-    md?: 3 | 1 | 2 | 4 | 6 | 8 | 7 | 5 | 10 | 9 | 12 | 11 | null | undefined;
-    lg?: 3 | 1 | 2 | 4 | 6 | 8 | 7 | 5 | 10 | 9 | 12 | 11 | null | undefined;
+    span?: 1 | 4 | "auto" | 2 | 3 | 7 | 5 | 6 | 8 | 10 | 9 | 12 | 11 | null | undefined;
+    sm?: 1 | 4 | 2 | 3 | 7 | 5 | 6 | 8 | 10 | 9 | 12 | 11 | null | undefined;
+    md?: 1 | 4 | 2 | 3 | 7 | 5 | 6 | 8 | 10 | 9 | 12 | 11 | null | undefined;
+    lg?: 1 | 4 | 2 | 3 | 7 | 5 | 6 | 8 | 10 | 9 | 12 | 11 | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type GridProps = React$1.ComponentProps<'div'> & VariantProps<typeof gridVariants>;
 type GridColProps = React$1.ComponentProps<'div'> & VariantProps<typeof gridColVariants> & {
@@ -2832,7 +2832,13 @@ declare function SheetTitle({ className, ...props }: React$1.ComponentProps<type
 declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
 
 declare function TooltipProvider({ delay, ...props }: Tooltip$1.Provider.Props): react_jsx_runtime.JSX.Element;
-declare function Tooltip({ ...props }: Tooltip$1.Root.Props): react_jsx_runtime.JSX.Element;
+type TooltipProps = Omit<Tooltip$1.Root.Props, 'children'> & {
+    children: ReactNode;
+    label?: ReactNode;
+    contentProps?: Omit<Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>, 'children'>;
+    triggerProps?: Omit<Tooltip$1.Trigger.Props, 'children'>;
+};
+declare function Tooltip({ label, contentProps, triggerProps, children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
 declare function TooltipTrigger({ ...props }: Tooltip$1.Trigger.Props): react_jsx_runtime.JSX.Element;
 declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): react_jsx_runtime.JSX.Element;
 
@@ -2906,7 +2912,7 @@ declare function SidebarMenuSubButton({ render, size, isActive, className, ...pr
 }): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
 
 declare const simpleGridVariants: (props?: ({
-    cols?: 3 | 1 | 2 | 4 | 6 | "auto" | 5 | null | undefined;
+    cols?: 1 | 4 | "auto" | 2 | 3 | 5 | 6 | null | undefined;
     spacing?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type SimpleGridProps = React$1.ComponentProps<'div'> & VariantProps<typeof simpleGridVariants> & {
@@ -3062,11 +3068,11 @@ declare function TagsInput({ className, value, defaultValue, onChange, placehold
 
 declare const textVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
-    weight?: "bold" | "light" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "light" | "semibold" | "extrabold" | null | undefined;
     align?: "center" | "left" | "right" | "start" | "end" | "justify" | null | undefined;
     transform?: "none" | "capitalize" | "lowercase" | "uppercase" | null | undefined;
     decoration?: "none" | "line-through" | "underline" | null | undefined;
-    variant?: "success" | "default" | "primary" | "secondary" | "accent" | "destructive" | "muted" | "warning" | "dimmed" | null | undefined;
+    variant?: "default" | "success" | "primary" | "secondary" | "accent" | "destructive" | "muted" | "warning" | "dimmed" | null | undefined;
     truncate?: boolean | null | undefined;
     inherit?: boolean | null | undefined;
     italic?: boolean | null | undefined;
@@ -3093,7 +3099,7 @@ declare const TextInput: React$1.ForwardRefExoticComponent<Omit<TextInputProps,
 
 declare const themeIconVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
-    variant?: "default" | "outline" | "light" | "filled" | "gradient" | "subtle" | null | undefined;
+    variant?: "light" | "default" | "filled" | "outline" | "gradient" | "subtle" | null | undefined;
     color?: "success" | "primary" | "secondary" | "accent" | "destructive" | "warning" | null | undefined;
     radius?: "none" | "sm" | "md" | "lg" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -3111,9 +3117,9 @@ declare function TimelineDescription({ className, ...props }: React$1.ComponentP
 declare function TimelineTime({ className, ...props }: React$1.ComponentProps<'time'>): react_jsx_runtime.JSX.Element;
 
 declare const titleVariants: (props?: ({
-    order?: 3 | 1 | 2 | 4 | 6 | 5 | null | undefined;
+    order?: 1 | 4 | 2 | 3 | 5 | 6 | null | undefined;
     variant?: "default" | "primary" | "secondary" | "accent" | "muted" | "dimmed" | "gradient" | null | undefined;
-    weight?: "bold" | "light" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "light" | "semibold" | "extrabold" | null | undefined;
     align?: "center" | "left" | "right" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TitleProps = Omit<React$1.ComponentProps<'h1'>, 'ref'> & VariantProps<typeof titleVariants>;

package/dist/components.js

@@ -248,7 +248,7 @@ function AppBreadcrumbs({
   className
 }) {
   const mesob = useMesob();
-  const Link2 = linkProp ?? mesob?.linkComponent ?? mesob?.navigation?.Link;
+  const Link2 = linkProp ?? mesob?.navigation?.Link;
   const locale = mesob?.locale;
   const { items } = useBreadcrumbs2(void 0);
   if (items.length === 0) {
@@ -1749,12 +1749,12 @@ function AppHeaderActions({
   accountMenuFooter
 }) {
   const mesob = useMesob2();
-  const LinkComponent = mesob?.linkComponent ?? mesob?.navigation?.Link;
+  const LinkComponent = mesob?.navigation?.Link;
   const locale = mesob?.locale;
   const hasHrefItems = topMenuItems.some((i) => i.href) || menuItems.some((i) => i.href);
   if (hasHrefItems && !LinkComponent) {
     throw new Error(
-      "[AppHeaderActions] MesobProvider with routing is required for menu items with href"
+      "[AppHeaderActions] MesobProvider is required for menu items with href"
     );
   }
   const initials = user?.fullName?.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) || "U";
@@ -2076,8 +2076,27 @@ function TooltipProvider({
     }
   );
 }
-function Tooltip({ ...props }) {
-  return /* @__PURE__ */ jsx19(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+function Tooltip({
+  label,
+  contentProps,
+  triggerProps,
+  children,
+  ...props
+}) {
+  if (label !== void 0) {
+    return /* @__PURE__ */ jsxs12(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props, children: [
+      /* @__PURE__ */ jsx19(
+        TooltipTrigger,
+        {
+          render: /* @__PURE__ */ jsx19("span", { className: "inline-block" }),
+          ...triggerProps,
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx19(TooltipContent, { ...contentProps, children: label })
+    ] });
+  }
+  return /* @__PURE__ */ jsx19(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props, children });
 }
 function TooltipTrigger({ ...props }) {
   return /* @__PURE__ */ jsx19(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
@@ -2828,7 +2847,7 @@ function NavItemRow({
   onNavClick
 }) {
   const mesob = useMesob3();
-  const Link2 = mesob?.linkComponent ?? mesob?.navigation?.Link;
+  const Link2 = mesob?.navigation?.Link;
   const locale = mesob?.locale;
   const activeBranch = hasActiveDescendant(item, pathname);
   const { open, toggle } = useNavBranchOpen(activeBranch);
@@ -3510,7 +3529,7 @@ function NoDataAvailable({
   icon
 }) {
   const mesob = useMesob4();
-  const Link2 = mesob?.linkComponent ?? mesob?.navigation?.Link;
+  const Link2 = mesob?.navigation?.Link;
   const locale = mesob?.locale;
   const iconMap = {
     certificate: IconCertificateOff,
@@ -4309,11 +4328,10 @@ function EntityDetailHeader({
   className
 }) {
   const mesob = useMesob5();
-  const LinkComponent = mesob?.linkComponent ?? mesob?.navigation?.Link;
+  const LinkComponent = mesob?.navigation?.Link;
   const pathname = mesob?.pathname ?? "";
   const locale = mesob?.locale;
-  const goBack = mesob?.goBack ?? (() => window.history.back());
-  const resolvedBackButton = showBack ? /* @__PURE__ */ jsx37(PageGoBack, { onBack: goBack, label: "Go back" }) : void 0;
+  const resolvedBackButton = showBack && mesob?.goBack ? /* @__PURE__ */ jsx37(PageGoBack, { onBack: mesob.goBack, label: "Go back" }) : void 0;
   const hrefBasedActiveTab = useMemo3(() => {
     const hasPathname = Boolean(pathname);
     const allHaveHref = tabs.every((t) => t.href);
@@ -7982,7 +8000,6 @@ import { useState as useState22 } from "react";
 import { Controller as Controller2 } from "react-hook-form";
 
 // src/provider/mesob-provider.tsx
-import { createNavigation } from "next-intl/navigation";
 import { createContext as createContext3, useContext as useContext3, useMemo as useMemo10 } from "react";
 import { z as z2 } from "zod";
 
@@ -15413,7 +15430,7 @@ function Anchor({
   ...props
 }) {
   const mesob = useMesob7();
-  const Link2 = mesob?.linkComponent ?? mesob?.navigation?.Link;
+  const Link2 = mesob?.navigation?.Link;
   const locale = mesob?.locale;
   const useLink = href && !isExternal2(href) && Link2;
   const Comp = useLink ? Link2 : "a";
@@ -15615,7 +15632,7 @@ function AnimatedTabs({
   linkComponent: linkProp
 }) {
   const mesob = useMesob8();
-  const LinkComponent = linkProp ?? mesob?.linkComponent ?? mesob?.navigation?.Link;
+  const LinkComponent = linkProp ?? mesob?.navigation?.Link;
   const locale = mesob?.locale;
   const [internalActiveTab, setInternalActiveTab] = useState36(
     defaultTab ?? tabs[0]?.value ?? ""
@@ -21369,7 +21386,7 @@ function NavLink({
   ...props
 }) {
   const mesob = useMesob9();
-  const Link2 = mesob?.linkComponent ?? mesob?.navigation?.Link;
+  const Link2 = mesob?.navigation?.Link;
   const locale = mesob?.locale;
   const useLink = href && !isExternal3(href) && Link2;
   const Comp = useLink ? Link2 : "a";