@mesob/ui 0.2.3 → 0.2.5

package/dist/components/animated-tabs.js

@@ -1,290 +0,0 @@
-"use client";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/animated-tabs.tsx
-import { IconChevronDown } from "@tabler/icons-react";
-import { motion } from "motion/react";
-import { useLayoutEffect, useMemo, useRef, useState } from "react";
-
-// src/components/dropdown-menu.tsx
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { IconCheck, IconChevronRight, IconCircle } from "@tabler/icons-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function DropdownMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...props
-    }
-  );
-}
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      className: cn(
-        "bg-popover text-popover-foreground border-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/animated-tabs.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function AnimatedTabs({
-  tabs,
-  activeTab: controlledActiveTab,
-  defaultTab,
-  onTabChange,
-  className,
-  linkComponent: LinkComponent
-}) {
-  const [internalActiveTab, setInternalActiveTab] = useState(
-    defaultTab ?? tabs[0]?.value ?? ""
-  );
-  const activeTab = controlledActiveTab ?? internalActiveTab;
-  const [visibleTabs, setVisibleTabs] = useState(tabs);
-  const [overflowTabs, setOverflowTabs] = useState([]);
-  const containerRef = useRef(null);
-  const tabsListRef = useRef(null);
-  const dropdownTriggerRef = useRef(null);
-  const tabRefs = useRef([]);
-  const [underlineStyle, setUnderlineStyle] = useState({ left: 0, width: 0 });
-  const handleTabChange = (newValue) => {
-    if (!controlledActiveTab) {
-      setInternalActiveTab(newValue);
-    }
-    onTabChange?.(newValue);
-  };
-  useLayoutEffect(() => {
-    const updateTabs = () => {
-      if (!containerRef.current) {
-        return;
-      }
-      if (!tabsListRef.current) {
-        return;
-      }
-      const containerWidth = containerRef.current.offsetWidth;
-      const dropdownWidth = 80;
-      const padding = 16;
-      const availableWidth = containerWidth - padding;
-      let totalWidth = 0;
-      const visible = [];
-      const overflow = [];
-      let hasOverflow = false;
-      for (const [i, tab] of tabs.entries()) {
-        const tabEl = tabRefs.current[i];
-        if (!tabEl || tabEl.offsetWidth === 0) {
-          if (hasOverflow) {
-            overflow.push(tab);
-          } else {
-            visible.push(tab);
-          }
-          continue;
-        }
-        const tabWidth = tabEl.scrollWidth || tabEl.offsetWidth;
-        const wouldFitWithoutDropdown = totalWidth + tabWidth <= availableWidth;
-        const wouldFitWithDropdown = totalWidth + tabWidth + dropdownWidth <= availableWidth;
-        if (!hasOverflow && wouldFitWithoutDropdown) {
-          visible.push(tab);
-          totalWidth += tabWidth;
-        } else if (!hasOverflow && wouldFitWithDropdown) {
-          visible.push(tab);
-          totalWidth += tabWidth;
-          hasOverflow = true;
-        } else {
-          hasOverflow = true;
-          overflow.push(tab);
-        }
-      }
-      setVisibleTabs(visible);
-      setOverflowTabs(overflow);
-    };
-    const timeoutId = setTimeout(updateTabs, 100);
-    const resizeObserver = new ResizeObserver(() => {
-      setTimeout(updateTabs, 0);
-    });
-    if (containerRef.current) {
-      resizeObserver.observe(containerRef.current);
-    }
-    if (tabsListRef.current) {
-      resizeObserver.observe(tabsListRef.current);
-    }
-    window.addEventListener("resize", updateTabs);
-    return () => {
-      clearTimeout(timeoutId);
-      resizeObserver.disconnect();
-      window.removeEventListener("resize", updateTabs);
-    };
-  }, [tabs]);
-  useLayoutEffect(() => {
-    const updateUnderline = () => {
-      const isInOverflow = overflowTabs.some((tab) => tab.value === activeTab);
-      if (isInOverflow && dropdownTriggerRef.current) {
-        const { offsetLeft, offsetWidth } = dropdownTriggerRef.current;
-        setUnderlineStyle({
-          left: offsetLeft,
-          width: offsetWidth
-        });
-        return;
-      }
-      const activeTabIndex = tabs.findIndex((tab) => tab.value === activeTab);
-      const activeTabElement = tabRefs.current[activeTabIndex];
-      if (activeTabElement && visibleTabs.some((tab) => tab.value === activeTab)) {
-        const { offsetLeft, offsetWidth } = activeTabElement;
-        setUnderlineStyle({
-          left: offsetLeft,
-          width: offsetWidth
-        });
-      }
-    };
-    updateUnderline();
-  }, [activeTab, visibleTabs, overflowTabs, tabs]);
-  const activeTabData = useMemo(
-    () => tabs.find((tab) => tab.value === activeTab),
-    [tabs, activeTab]
-  );
-  const renderTab = (tab, originalIndex) => {
-    const isActive = activeTab === tab.value;
-    const tabClassName = cn(
-      "relative z-10 px-4 py-3 text-sm font-medium transition-all duration-200",
-      "hover:bg-muted/60 rounded-t-md",
-      isActive ? "text-primary" : "text-muted-foreground hover:text-foreground"
-    );
-    const setRef = (el) => {
-      if (originalIndex >= 0) {
-        tabRefs.current[originalIndex] = el;
-      }
-    };
-    if (tab.href && LinkComponent) {
-      return /* @__PURE__ */ jsx2(
-        LinkComponent,
-        {
-          href: tab.href,
-          className: tabClassName,
-          ref: setRef,
-          children: tab.name
-        },
-        tab.value
-      );
-    }
-    return /* @__PURE__ */ jsx2(
-      "button",
-      {
-        type: "button",
-        ref: setRef,
-        onClick: () => handleTabChange(tab.value),
-        className: tabClassName,
-        children: tab.name
-      },
-      tab.value
-    );
-  };
-  const renderDropdownItem = (tab) => {
-    const isActive = activeTab === tab.value;
-    const itemClassName = cn(
-      "cursor-pointer",
-      isActive && "bg-accent font-medium"
-    );
-    if (tab.href && LinkComponent) {
-      return /* @__PURE__ */ jsx2(DropdownMenuItem, { asChild: true, className: itemClassName, children: /* @__PURE__ */ jsx2(LinkComponent, { href: tab.href, children: tab.name }) }, tab.value);
-    }
-    return /* @__PURE__ */ jsx2(
-      DropdownMenuItem,
-      {
-        onClick: () => handleTabChange(tab.value),
-        className: itemClassName,
-        children: tab.name
-      },
-      tab.value
-    );
-  };
-  return /* @__PURE__ */ jsxs2("div", { className: cn("flex flex-col", className), children: [
-    /* @__PURE__ */ jsx2("div", { ref: containerRef, className: "w-full", children: /* @__PURE__ */ jsxs2("div", { ref: tabsListRef, className: "relative flex items-center", children: [
-      visibleTabs.map((tab) => {
-        const originalIndex = tabs.findIndex((t) => t.value === tab.value);
-        return renderTab(tab, originalIndex);
-      }),
-      overflowTabs.length > 0 && /* @__PURE__ */ jsxs2(DropdownMenu, { children: [
-        /* @__PURE__ */ jsxs2(
-          DropdownMenuTrigger,
-          {
-            ref: dropdownTriggerRef,
-            className: cn(
-              "relative z-10 flex items-center gap-1 px-4 py-3 text-sm font-medium transition-all duration-200",
-              "hover:bg-muted/60 rounded-t-md",
-              overflowTabs.some((tab) => tab.value === activeTab) ? "text-primary" : "text-muted-foreground hover:text-foreground"
-            ),
-            children: [
-              "More",
-              /* @__PURE__ */ jsx2(IconChevronDown, { className: "h-4 w-4" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx2(DropdownMenuContent, { align: "start", className: "min-w-40", children: overflowTabs.map(renderDropdownItem) })
-      ] }),
-      /* @__PURE__ */ jsx2(
-        motion.div,
-        {
-          className: "absolute bottom-0 left-0 z-20 h-0.5 bg-primary",
-          animate: {
-            left: underlineStyle.left,
-            width: underlineStyle.width
-          },
-          transition: {
-            type: "spring",
-            stiffness: 400,
-            damping: 40
-          }
-        }
-      )
-    ] }) }),
-    activeTabData?.content && /* @__PURE__ */ jsx2("div", { className: "flex-1", children: activeTabData.content })
-  ] });
-}
-export {
-  AnimatedTabs
-};
-//# sourceMappingURL=animated-tabs.js.map

package/dist/components/animated-tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/lib/utils.ts","../../src/components/animated-tabs.tsx","../../src/components/dropdown-menu.tsx"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport { IconChevronDown } from '@tabler/icons-react';\nimport { motion } from 'motion/react';\nimport type { ComponentType, ReactNode } from 'react';\nimport { useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from './dropdown-menu';\n\nexport type AnimatedTabItem = {\n  name: string;\n  value: string;\n  href?: string;\n  content?: ReactNode;\n};\n\ntype LinkComponentProps = {\n  href: string;\n  className?: string;\n  children: ReactNode;\n  ref?: React.Ref<HTMLAnchorElement>;\n};\n\ntype AnimatedTabsProps = {\n  tabs: AnimatedTabItem[];\n  activeTab?: string;\n  defaultTab?: string;\n  onTabChange?: (value: string) => void;\n  className?: string;\n  linkComponent?: ComponentType<LinkComponentProps>;\n};\n\nexport function AnimatedTabs({\n  tabs,\n  activeTab: controlledActiveTab,\n  defaultTab,\n  onTabChange,\n  className,\n  linkComponent: LinkComponent,\n}: AnimatedTabsProps) {\n  const [internalActiveTab, setInternalActiveTab] = useState(\n    defaultTab ?? tabs[0]?.value ?? '',\n  );\n  const activeTab = controlledActiveTab ?? internalActiveTab;\n\n  const [visibleTabs, setVisibleTabs] = useState<AnimatedTabItem[]>(tabs);\n  const [overflowTabs, setOverflowTabs] = useState<AnimatedTabItem[]>([]);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const tabsListRef = useRef<HTMLDivElement>(null);\n  const dropdownTriggerRef = useRef<HTMLButtonElement>(null);\n  const tabRefs = useRef<(HTMLElement | null)[]>([]);\n  const [underlineStyle, setUnderlineStyle] = useState({ left: 0, width: 0 });\n\n  const handleTabChange = (newValue: string) => {\n    if (!controlledActiveTab) {\n      setInternalActiveTab(newValue);\n    }\n    onTabChange?.(newValue);\n  };\n\n  useLayoutEffect(() => {\n    const updateTabs = () => {\n      if (!containerRef.current) {\n        return;\n      }\n      if (!tabsListRef.current) {\n        return;\n      }\n\n      const containerWidth = containerRef.current.offsetWidth;\n      const dropdownWidth = 80;\n      const padding = 16;\n      const availableWidth = containerWidth - padding;\n\n      let totalWidth = 0;\n      const visible: AnimatedTabItem[] = [];\n      const overflow: AnimatedTabItem[] = [];\n      let hasOverflow = false;\n\n      for (const [i, tab] of tabs.entries()) {\n        const tabEl = tabRefs.current[i];\n\n        if (!tabEl || tabEl.offsetWidth === 0) {\n          if (hasOverflow) {\n            overflow.push(tab);\n          } else {\n            visible.push(tab);\n          }\n          continue;\n        }\n\n        const tabWidth = tabEl.scrollWidth || tabEl.offsetWidth;\n        const wouldFitWithoutDropdown = totalWidth + tabWidth <= availableWidth;\n        const wouldFitWithDropdown =\n          totalWidth + tabWidth + dropdownWidth <= availableWidth;\n\n        if (!hasOverflow && wouldFitWithoutDropdown) {\n          visible.push(tab);\n          totalWidth += tabWidth;\n        } else if (!hasOverflow && wouldFitWithDropdown) {\n          visible.push(tab);\n          totalWidth += tabWidth;\n          hasOverflow = true;\n        } else {\n          hasOverflow = true;\n          overflow.push(tab);\n        }\n      }\n\n      setVisibleTabs(visible);\n      setOverflowTabs(overflow);\n    };\n\n    const timeoutId = setTimeout(updateTabs, 100);\n\n    const resizeObserver = new ResizeObserver(() => {\n      setTimeout(updateTabs, 0);\n    });\n\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current);\n    }\n\n    if (tabsListRef.current) {\n      resizeObserver.observe(tabsListRef.current);\n    }\n\n    window.addEventListener('resize', updateTabs);\n\n    return () => {\n      clearTimeout(timeoutId);\n      resizeObserver.disconnect();\n      window.removeEventListener('resize', updateTabs);\n    };\n  }, [tabs]);\n\n  useLayoutEffect(() => {\n    const updateUnderline = () => {\n      const isInOverflow = overflowTabs.some((tab) => tab.value === activeTab);\n\n      if (isInOverflow && dropdownTriggerRef.current) {\n        const { offsetLeft, offsetWidth } = dropdownTriggerRef.current;\n        setUnderlineStyle({\n          left: offsetLeft,\n          width: offsetWidth,\n        });\n        return;\n      }\n\n      const activeTabIndex = tabs.findIndex((tab) => tab.value === activeTab);\n      const activeTabElement = tabRefs.current[activeTabIndex];\n\n      if (\n        activeTabElement &&\n        visibleTabs.some((tab) => tab.value === activeTab)\n      ) {\n        const { offsetLeft, offsetWidth } = activeTabElement;\n        setUnderlineStyle({\n          left: offsetLeft,\n          width: offsetWidth,\n        });\n      }\n    };\n\n    updateUnderline();\n  }, [activeTab, visibleTabs, overflowTabs, tabs]);\n\n  const activeTabData = useMemo(\n    () => tabs.find((tab) => tab.value === activeTab),\n    [tabs, activeTab],\n  );\n\n  const renderTab = (tab: AnimatedTabItem, originalIndex: number) => {\n    const isActive = activeTab === tab.value;\n\n    const tabClassName = cn(\n      'relative z-10 px-4 py-3 text-sm font-medium transition-all duration-200',\n      'hover:bg-muted/60 rounded-t-md',\n      isActive ? 'text-primary' : 'text-muted-foreground hover:text-foreground',\n    );\n\n    const setRef = (el: HTMLElement | null) => {\n      if (originalIndex >= 0) {\n        tabRefs.current[originalIndex] = el;\n      }\n    };\n\n    if (tab.href && LinkComponent) {\n      return (\n        <LinkComponent\n          key={tab.value}\n          href={tab.href}\n          className={tabClassName}\n          ref={setRef as React.Ref<HTMLAnchorElement>}\n        >\n          {tab.name}\n        </LinkComponent>\n      );\n    }\n\n    return (\n      <button\n        key={tab.value}\n        type=\"button\"\n        ref={setRef}\n        onClick={() => handleTabChange(tab.value)}\n        className={tabClassName}\n      >\n        {tab.name}\n      </button>\n    );\n  };\n\n  const renderDropdownItem = (tab: AnimatedTabItem) => {\n    const isActive = activeTab === tab.value;\n    const itemClassName = cn(\n      'cursor-pointer',\n      isActive && 'bg-accent font-medium',\n    );\n\n    if (tab.href && LinkComponent) {\n      return (\n        <DropdownMenuItem key={tab.value} asChild className={itemClassName}>\n          <LinkComponent href={tab.href}>{tab.name}</LinkComponent>\n        </DropdownMenuItem>\n      );\n    }\n\n    return (\n      <DropdownMenuItem\n        key={tab.value}\n        onClick={() => handleTabChange(tab.value)}\n        className={itemClassName}\n      >\n        {tab.name}\n      </DropdownMenuItem>\n    );\n  };\n\n  return (\n    <div className={cn('flex flex-col', className)}>\n      <div ref={containerRef} className=\"w-full\">\n        <div ref={tabsListRef} className=\"relative flex items-center\">\n          {visibleTabs.map((tab) => {\n            const originalIndex = tabs.findIndex((t) => t.value === tab.value);\n            return renderTab(tab, originalIndex);\n          })}\n\n          {overflowTabs.length > 0 && (\n            <DropdownMenu>\n              <DropdownMenuTrigger\n                ref={dropdownTriggerRef}\n                className={cn(\n                  'relative z-10 flex items-center gap-1 px-4 py-3 text-sm font-medium transition-all duration-200',\n                  'hover:bg-muted/60 rounded-t-md',\n                  overflowTabs.some((tab) => tab.value === activeTab)\n                    ? 'text-primary'\n                    : 'text-muted-foreground hover:text-foreground',\n                )}\n              >\n                More\n                <IconChevronDown className=\"h-4 w-4\" />\n              </DropdownMenuTrigger>\n              <DropdownMenuContent align=\"start\" className=\"min-w-40\">\n                {overflowTabs.map(renderDropdownItem)}\n              </DropdownMenuContent>\n            </DropdownMenu>\n          )}\n\n          <motion.div\n            className=\"absolute bottom-0 left-0 z-20 h-0.5 bg-primary\"\n            animate={{\n              left: underlineStyle.left,\n              width: underlineStyle.width,\n            }}\n            transition={{\n              type: 'spring',\n              stiffness: 400,\n              damping: 40,\n            }}\n          />\n        </div>\n      </div>\n\n      {activeTabData?.content && (\n        <div className=\"flex-1\">{activeTabData.content}</div>\n      )}\n    </div>\n  );\n}\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { IconCheck, IconChevronRight, IconCircle } from '@tabler/icons-react';\nimport type * as React from 'react';\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  );\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover text-popover-foreground border-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md',\n          className,\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  );\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <IconCheck className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <IconCircle className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        'px-2 py-1.5 text-sm font-medium data-[inset]:pl-8',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        'text-muted-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <IconChevronRight className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        'bg-popover text-popover-foreground border-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n"],"mappings":"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","names":["jsx","jsxs"]}

package/dist/components/app-breadcrumbs-context.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-
-type BreadcrumbItemData = {
-    label: string;
-    href?: string;
-};
-type BreadcrumbContextValue = {
-    items: BreadcrumbItemData[];
-    setItems: (items: BreadcrumbItemData[]) => void;
-    push: (item: BreadcrumbItemData) => void;
-    pop: () => void;
-    clear: () => void;
-};
-declare const BreadcrumbContext: React.Context<BreadcrumbContextValue | null>;
-declare function useBreadcrumbs(options?: {
-    items?: BreadcrumbItemData[];
-}): BreadcrumbContextValue;
-
-export { BreadcrumbContext, type BreadcrumbContextValue, type BreadcrumbItemData, useBreadcrumbs };

package/dist/components/app-breadcrumbs-context.js

@@ -1,19 +0,0 @@
-"use client";
-
-// src/components/app-breadcrumbs-context.tsx
-import { createContext, useContext } from "react";
-var BreadcrumbContext = createContext(
-  null
-);
-function useBreadcrumbs(options) {
-  const context = useContext(BreadcrumbContext);
-  if (!context) {
-    throw new Error("useBreadcrumbs must be used within BreadcrumbProvider");
-  }
-  return context;
-}
-export {
-  BreadcrumbContext,
-  useBreadcrumbs
-};
-//# sourceMappingURL=app-breadcrumbs-context.js.map

package/dist/components/app-breadcrumbs-context.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/app-breadcrumbs-context.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\nexport type BreadcrumbItemData = {\n  label: string;\n  href?: string;\n};\n\nexport type BreadcrumbContextValue = {\n  items: BreadcrumbItemData[];\n  setItems: (items: BreadcrumbItemData[]) => void;\n  push: (item: BreadcrumbItemData) => void;\n  pop: () => void;\n  clear: () => void;\n};\n\nexport const BreadcrumbContext = createContext<BreadcrumbContextValue | null>(\n  null,\n);\n\nexport function useBreadcrumbs(options?: { items?: BreadcrumbItemData[] }) {\n  const context = useContext(BreadcrumbContext);\n  if (!context) {\n    throw new Error('useBreadcrumbs must be used within BreadcrumbProvider');\n  }\n  return context;\n}\n"],"mappings":";;;AAEA,SAAS,eAAe,kBAAkB;AAenC,IAAM,oBAAoB;AAAA,EAC/B;AACF;AAEO,SAAS,eAAe,SAA4C;AACzE,QAAM,UAAU,WAAW,iBAAiB;AAC5C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AACA,SAAO;AACT;","names":[]}

package/dist/components/app-breadcrumbs.d.ts

@@ -1,25 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as __app_breadcrumbs_context from './app-breadcrumbs-context';
-import { BreadcrumbItemData } from './app-breadcrumbs-context';
-export { BreadcrumbItemData } from './app-breadcrumbs-context';
-import * as React from 'react';
-
-declare function useBreadcrumbs(options?: {
-    items?: BreadcrumbItemData[];
-}): __app_breadcrumbs_context.BreadcrumbContextValue;
-type BreadcrumbProviderProps = {
-    children: React.ReactNode;
-    defaultItems?: BreadcrumbItemData[];
-};
-declare function BreadcrumbProvider({ children, defaultItems, }: BreadcrumbProviderProps): react_jsx_runtime.JSX.Element;
-type AppBreadcrumbsProps = {
-    linkComponent?: React.ComponentType<{
-        href: string;
-        children: React.ReactNode;
-        className?: string;
-    }>;
-    className?: string;
-};
-declare function AppBreadcrumbs({ linkComponent: linkProp, className, }: AppBreadcrumbsProps): react_jsx_runtime.JSX.Element | null;
-
-export { AppBreadcrumbs, BreadcrumbProvider, useBreadcrumbs };

package/dist/components/app-breadcrumbs.js

@@ -1,175 +0,0 @@
-"use client";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/breadcrumb.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { IconChevronRight, IconDots } from "@tabler/icons-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Breadcrumb({ ...props }) {
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
-}
-function BreadcrumbList({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "ol",
-    {
-      "data-slot": "breadcrumb-list",
-      className: cn(
-        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function BreadcrumbItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "li",
-    {
-      "data-slot": "breadcrumb-item",
-      className: cn("inline-flex items-center gap-1.5", className),
-      ...props
-    }
-  );
-}
-function BreadcrumbPage({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "breadcrumb-page",
-      "aria-disabled": "true",
-      "aria-current": "page",
-      className: cn("text-foreground font-normal", className),
-      ...props
-    }
-  );
-}
-function BreadcrumbSeparator({
-  children,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "li",
-    {
-      "data-slot": "breadcrumb-separator",
-      role: "presentation",
-      "aria-hidden": "true",
-      className: cn("[&>svg]:size-3.5", className),
-      ...props,
-      children: children ?? /* @__PURE__ */ jsx(IconChevronRight, {})
-    }
-  );
-}
-
-// src/components/tooltip.tsx
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-
-// src/components/mesob-context.tsx
-import {
-  createContext,
-  useContext,
-  useMemo
-} from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var MesobContext = createContext(null);
-function useMesob() {
-  return useContext(MesobContext);
-}
-
-// src/components/app-breadcrumbs.tsx
-import {
-  Fragment,
-  useCallback,
-  useEffect,
-  useMemo as useMemo2,
-  useRef,
-  useState
-} from "react";
-import {
-  BreadcrumbContext,
-  useBreadcrumbs as useBreadcrumbsBase
-} from "./app-breadcrumbs-context";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function useBreadcrumbs(options) {
-  const context = useBreadcrumbsBase(options);
-  const { setItems } = context;
-  const prevItemsStrRef = useRef(void 0);
-  useEffect(() => {
-    const items = options?.items;
-    if (!items) {
-      return;
-    }
-    const itemsStr = JSON.stringify(items);
-    if (prevItemsStrRef.current !== itemsStr) {
-      prevItemsStrRef.current = itemsStr;
-      setItems(items);
-    }
-  }, [options?.items, setItems]);
-  return context;
-}
-function BreadcrumbProvider({
-  children,
-  defaultItems = []
-}) {
-  const [items, setItems] = useState(defaultItems);
-  const push = useCallback((item) => {
-    setItems((prev) => [...prev, item]);
-  }, []);
-  const pop = useCallback(() => {
-    setItems((prev) => prev.slice(0, -1));
-  }, []);
-  const clear = useCallback(() => {
-    setItems([]);
-  }, []);
-  const value = useMemo2(
-    () => ({
-      items,
-      setItems,
-      push,
-      pop,
-      clear
-    }),
-    [items, push, pop, clear]
-  );
-  return /* @__PURE__ */ jsx4(BreadcrumbContext.Provider, { value, children });
-}
-function AppBreadcrumbs({
-  linkComponent: linkProp,
-  className
-}) {
-  const mesob = useMesob();
-  const Link = linkProp ?? mesob?.linkComponent;
-  const { items } = useBreadcrumbs(void 0);
-  if (items.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx4(Breadcrumb, { className, children: /* @__PURE__ */ jsx4(BreadcrumbList, { children: items.map((crumb, index) => {
-    let content;
-    if (crumb.href) {
-      if (Link) {
-        content = /* @__PURE__ */ jsx4(Link, { href: crumb.href, className: "hover:underline", children: crumb.label });
-      } else {
-        content = /* @__PURE__ */ jsx4("a", { href: crumb.href, className: "hover:underline", children: crumb.label });
-      }
-    } else {
-      content = /* @__PURE__ */ jsx4(BreadcrumbPage, { children: crumb.label });
-    }
-    return /* @__PURE__ */ jsxs3(Fragment, { children: [
-      index > 0 && /* @__PURE__ */ jsx4(BreadcrumbSeparator, { className: "hidden md:block" }),
-      /* @__PURE__ */ jsx4(BreadcrumbItem, { className: index === 0 ? "hidden md:block" : "", children: content })
-    ] }, `${crumb.label}-${crumb.href ?? ""}-${index}`);
-  }) }) });
-}
-export {
-  AppBreadcrumbs,
-  BreadcrumbProvider,
-  useBreadcrumbs
-};
-//# sourceMappingURL=app-breadcrumbs.js.map

package/dist/components/app-breadcrumbs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/lib/utils.ts","../../src/components/breadcrumb.tsx","../../src/components/tooltip.tsx","../../src/components/mesob-context.tsx","../../src/components/app-breadcrumbs.tsx"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import { cn } from '@mesob/ui/lib/utils';\nimport { Slot } from '@radix-ui/react-slot';\nimport { IconChevronRight, IconDots } from '@tabler/icons-react';\nimport type * as React from 'react';\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn('inline-flex items-center gap-1.5', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'a';\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn('hover:text-foreground transition-colors', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn('text-foreground font-normal', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <IconChevronRight />}\n    </li>\n  );\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('flex size-9 items-center justify-center', className)}\n      {...props}\n    >\n      <IconDots className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n","'use client';\n\nimport { cn } from '@mesob/ui/lib/utils';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport type * as React from 'react';\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipPrimitive.Root data-slot=\"tooltip\" {...props}>\n      {children}\n    </TooltipPrimitive.Root>\n  );\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n","'use client';\n\nimport { TooltipProvider } from '@mesob/ui/components/tooltip';\nimport {\n  type ComponentType,\n  createContext,\n  type ReactNode,\n  useContext,\n  useMemo,\n} from 'react';\n\nexport type MesobLinkProps = {\n  href: string;\n  children: ReactNode;\n  className?: string;\n  onClick?: () => void;\n};\n\nexport type Router = {\n  push: (href: string) => void;\n  replace: (href: string) => void;\n  back: () => void;\n  forward: () => void;\n  refresh: () => void;\n  prefetch: (href: string) => void;\n};\n\nexport type MesobContextValue = {\n  linkComponent?: ComponentType<MesobLinkProps>;\n  t?: (key: string, params?: Record<string, string | number>) => string;\n  router?: Router;\n};\n\nconst MesobContext = createContext<MesobContextValue | null>(null);\n\nexport type MesobProviderProps = {\n  children: ReactNode;\n  linkComponent?: ComponentType<MesobLinkProps>;\n  /** Hook that returns the app's t function (e.g. from next-intl useTranslations()). */\n  useTranslation?: () => (\n    key: string,\n    params?: Record<string, string | number>,\n  ) => string;\n  /** Hook that returns the app's router (e.g. from next-intl useRouter()). */\n  useRouter?: () => Router;\n};\n\nexport function MesobProvider({\n  children,\n  linkComponent,\n  useTranslation,\n  useRouter,\n}: MesobProviderProps) {\n  const t = useTranslation?.();\n  const router = useRouter?.();\n  const value = useMemo<MesobContextValue>(\n    () => ({ linkComponent, t: t ?? undefined, router: router ?? undefined }),\n    [linkComponent, t, router],\n  );\n  return (\n    <MesobContext.Provider value={value}>\n      <TooltipProvider delayDuration={0}>{children}</TooltipProvider>\n    </MesobContext.Provider>\n  );\n}\n\nexport function useMesob(): MesobContextValue | null {\n  return useContext(MesobContext);\n}\n","'use client';\n\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@mesob/ui/components/breadcrumb';\nimport { useMesob } from '@mesob/ui/components/mesob-context';\nimport type * as React from 'react';\nimport {\n  Fragment,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { BreadcrumbItemData as BID } from './app-breadcrumbs-context';\nimport {\n  BreadcrumbContext,\n  useBreadcrumbs as useBreadcrumbsBase,\n} from './app-breadcrumbs-context';\n\nexport type { BreadcrumbItemData } from './app-breadcrumbs-context';\n\nexport function useBreadcrumbs(options?: { items?: BID[] }) {\n  const context = useBreadcrumbsBase(options);\n  const { setItems } = context;\n  const prevItemsStrRef = useRef<string | undefined>(undefined);\n\n  useEffect(() => {\n    const items = options?.items;\n    if (!items) {\n      return;\n    }\n    const itemsStr = JSON.stringify(items);\n    if (prevItemsStrRef.current !== itemsStr) {\n      prevItemsStrRef.current = itemsStr;\n      setItems(items);\n    }\n  }, [options?.items, setItems]);\n\n  return context;\n}\n\ntype BreadcrumbProviderProps = {\n  children: React.ReactNode;\n  defaultItems?: BID[];\n};\n\nexport function BreadcrumbProvider({\n  children,\n  defaultItems = [],\n}: BreadcrumbProviderProps) {\n  const [items, setItems] = useState<BID[]>(defaultItems);\n\n  const push = useCallback((item: BID) => {\n    setItems((prev) => [...prev, item]);\n  }, []);\n\n  const pop = useCallback(() => {\n    setItems((prev) => prev.slice(0, -1));\n  }, []);\n\n  const clear = useCallback(() => {\n    setItems([]);\n  }, []);\n\n  const value = useMemo(\n    () => ({\n      items,\n      setItems,\n      push,\n      pop,\n      clear,\n    }),\n    [items, push, pop, clear],\n  );\n\n  return (\n    <BreadcrumbContext.Provider value={value}>\n      {children}\n    </BreadcrumbContext.Provider>\n  );\n}\n\ntype AppBreadcrumbsProps = {\n  linkComponent?: React.ComponentType<{\n    href: string;\n    children: React.ReactNode;\n    className?: string;\n  }>;\n  className?: string;\n};\n\nexport function AppBreadcrumbs({\n  linkComponent: linkProp,\n  className,\n}: AppBreadcrumbsProps) {\n  const mesob = useMesob();\n  const Link = linkProp ?? mesob?.linkComponent;\n  const { items } = useBreadcrumbs(undefined);\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  return (\n    <Breadcrumb className={className}>\n      <BreadcrumbList>\n        {items.map((crumb, index) => {\n          let content: React.ReactNode;\n          if (crumb.href) {\n            if (Link) {\n              content = (\n                <Link href={crumb.href} className=\"hover:underline\">\n                  {crumb.label}\n                </Link>\n              );\n            } else {\n              content = (\n                <a href={crumb.href} className=\"hover:underline\">\n                  {crumb.label}\n                </a>\n              );\n            }\n          } else {\n            content = <BreadcrumbPage>{crumb.label}</BreadcrumbPage>;\n          }\n\n          return (\n            <Fragment key={`${crumb.label}-${crumb.href ?? ''}-${index}`}>\n              {index > 0 && <BreadcrumbSeparator className=\"hidden md:block\" />}\n              <BreadcrumbItem className={index === 0 ? 'hidden md:block' : ''}>\n                {content}\n              </BreadcrumbItem>\n            </Fragment>\n          );\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  );\n}\n"],"mappings":"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","names":["jsx","jsxs","jsx","useMemo","jsx","jsxs"]}

package/dist/components/app-header-actions.d.ts

@@ -1,39 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-type MenuItem = {
-    label: string;
-    icon?: React.ReactNode;
-    href?: string;
-    onClick?: () => void;
-    variant?: 'default' | 'destructive';
-};
-type SpotlightGroup = {
-    heading: string;
-    items: Array<{
-        id: string;
-        title: string;
-        icon?: React.ReactNode;
-        shortcut?: string;
-        onSelect?: () => void;
-    }>;
-};
-type AppHeaderActionsProps = {
-    user?: {
-        fullName?: string | null;
-        email?: string | null;
-        phone?: string | null;
-        handle?: string | null;
-        image?: string | null;
-    };
-    onLogout?: () => void | Promise<void>;
-    isLoggingOut?: boolean;
-    searchGroups?: SpotlightGroup[];
-    menuItems?: MenuItem[];
-    topMenuItems?: MenuItem[];
-    actions?: React.ReactNode;
-    accountMenuFooter?: React.ReactNode;
-};
-declare function AppHeaderActions({ user, onLogout, isLoggingOut, searchGroups, menuItems, topMenuItems, actions, accountMenuFooter, }: AppHeaderActionsProps): react_jsx_runtime.JSX.Element;
-
-export { AppHeaderActions };