@justanarthur/modo-ui 0.1.0 → 0.3.0

package/dist/shared/{components-6phwsry6.js → components-1z6tdadk.js}

@@ -1,21 +1,21 @@
 import {
-  ScrollColumn,
   defaultLocale,
+  fieldLabel,
   dividedColumns,
-  fieldLabel
-} from "./components-x2xyckd5.js";
+  ScrollColumn
+} from "./components-gz8zf3ec.js";
 import {
-  SizeProvider
-} from "./components-vb033rns.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  SizeProvider2
+} from "./components-jjw69c4c.js";
 
 // components/inputs/date-time/calendar/index.tsx
 import {
@@ -42,10 +42,10 @@ function useMonthWindow(start, end, anchor) {
   const total = differenceInCalendarMonths(end, start) + 1;
   const count = Math.min(WINDOW, total);
   const startTime = start.getTime();
-  const clamp = useCallback((first2) => {
+  const clamp = useCallback((first) => {
     const from = new Date(startTime);
     const last = addMonths(from, total - count);
-    return first2 < from ? from : first2 > last ? last : startOfMonth(first2);
+    return first < from ? from : first > last ? last : startOfMonth(first);
   }, [startTime, total, count]);
   const [first, setFirst] = useState(() => clamp(addMonths(startOfMonth(anchor), -Math.floor(WINDOW / 2))));
   const [visible, setVisible] = useState([]);
@@ -166,7 +166,7 @@ function Day({ day: _, modifiers, className, ...props }) {
   const end = modifiers.range_end && !modifiers.range_start;
   return /* @__PURE__ */ jsx("td", {
     ...props,
-    className: cn("relative p-0", !modifiers.hidden && modifiers.range_middle && "bg-active", !modifiers.hidden && modifiers.preview && !modifiers.selected && "bg-hover", (start || end) && "before:absolute before:inset-y-0 before:bg-active", start && "before:start-1/2 before:end-0", end && "before:start-0 before:end-1/2", className)
+    className: cn2("relative p-0", !modifiers.hidden && modifiers.range_middle && "bg-active", !modifiers.hidden && modifiers.preview && !modifiers.selected && "bg-hover", (start || end) && "before:absolute before:inset-y-0 before:bg-active", start && "before:start-1/2 before:end-0", end && "before:start-0 before:end-1/2", className)
   });
 }
 function DayButton({ day: _, modifiers, className, ...props }) {
@@ -176,15 +176,15 @@ function DayButton({ day: _, modifiers, className, ...props }) {
       ref.current?.focus();
   }, [modifiers.focused]);
   const shape = useShape();
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const pill = modifiers.selected && !modifiers.range_middle;
   return /* @__PURE__ */ jsx("button", {
     ref,
     ...props,
-    className: cn("relative flex items-center justify-center tabular-nums outline-none cursor-pointer", "transition-[color,background-color] duration-fast focus-visible:ring-1 focus-visible:ring-focus-ring", "disabled:opacity-50 disabled:cursor-default", sizeClasses.variant === "compact" ? "size-7" : "size-9", sizeClasses.text, shape.item, modifiers.weekend && "text-muted-foreground", modifiers.today && "after:absolute after:bottom-1 after:left-1/2 after:size-1 after:-translate-x-1/2 after:rounded-full after:bg-current", pill ? "bg-foreground text-background weight-semibold hover:bg-foreground/90" : "enabled:hover:bg-hover", className)
+    className: cn2("relative flex items-center justify-center tabular-nums outline-none cursor-pointer", "transition-[color,background-color] duration-fast focus-visible:ring-1 focus-visible:ring-focus-ring", "disabled:opacity-50 disabled:cursor-default", sizeClasses.variant === "compact" ? "size-7" : "size-9", sizeClasses.text, shape.item, modifiers.weekend && "text-muted-foreground", modifiers.today && "after:absolute after:bottom-1 after:left-1/2 after:size-1 after:-translate-x-1/2 after:rounded-full after:bg-current", pill ? "bg-foreground text-background weight-semibold hover:bg-foreground/90" : "enabled:hover:bg-hover", className)
   });
 }
-function Calendar({
+function Calendar2({
   locale = defaultLocale,
   size,
   columnsSide = "end",
@@ -193,7 +193,7 @@ function Calendar({
   className,
   ...props
 }) {
-  const sizeClasses = useSize(size);
+  const sizeClasses = useSize2(size);
   const picked = pickedDate(props);
   const today = useMemo(() => new Date, []);
   const start = startOfMonth2(props.startMonth ?? startOfYear(addYears(today, -100)));
@@ -283,15 +283,15 @@ function Calendar({
   const extras = extraColumns?.(orientation);
   const before = [extraColumnsSide === "start" && extras, columnsSide === "start" && [yearColumn, monthColumn]];
   const after = [columnsSide === "end" && [monthColumn, yearColumn], extraColumnsSide === "end" && extras];
-  const side = (place) => wide ? cn(dividedColumns, "h-full shrink-0 border-border", place === "start" ? "border-e" : "border-s") : "order-first flex w-full flex-col [&>*]:border-b [&>*]:border-border";
+  const side = (place) => wide ? cn2(dividedColumns, "h-full shrink-0 border-border", place === "start" ? "border-e" : "border-s") : "order-first flex w-full flex-col [&>*]:border-b [&>*]:border-border";
   const grid = /* @__PURE__ */ jsxs("div", {
-    className: cn("flex min-h-0 shrink-0 flex-col", wide ? "h-full" : "flex-1 self-center"),
+    className: cn2("flex min-h-0 shrink-0 flex-col", wide ? "h-full" : "flex-1 self-center"),
     children: [
       /* @__PURE__ */ jsx("div", {
         "aria-hidden": true,
         className: "flex border-b border-border px-1 pb-1",
         children: weekdays.map((day) => /* @__PURE__ */ jsx("span", {
-          className: cn("flex items-center justify-center text-caption", sizeClasses.variant === "compact" ? "w-7" : "w-9", "text-muted-foreground"),
+          className: cn2("flex items-center justify-center text-caption", sizeClasses.variant === "compact" ? "w-7" : "w-9", "text-muted-foreground"),
           children: format2(day, "EEEEEE", { locale })
         }, day.getDay()))
       }),
@@ -327,7 +327,7 @@ function Calendar({
           classNames: {
             months: "flex flex-col",
             month: "pb-2",
-            month_caption: cn("px-2 pt-2 pb-1 text-subtitle weight-semibold", sizeClasses.variant === "compact" && "text-subtitle-compact"),
+            month_caption: cn2("px-2 pt-2 pb-1 text-subtitle weight-semibold", sizeClasses.variant === "compact" && "text-subtitle-compact"),
             month_grid: "border-collapse",
             ...props.classNames
           }
@@ -338,7 +338,7 @@ function Calendar({
   const content = /* @__PURE__ */ jsxs("div", {
     ref: rootRef,
     dir: props.dir,
-    className: cn("flex w-max max-w-full overflow-hidden", wide ? "h-80 flex-row" : "h-[min(30rem,65dvh)] flex-col", className),
+    className: cn2("flex w-max max-w-full overflow-hidden", wide ? "h-80 flex-row" : "h-[min(30rem,65dvh)] flex-col", className),
     children: [
       before.some(Boolean) ? /* @__PURE__ */ jsx("div", {
         className: side("start"),
@@ -351,11 +351,11 @@ function Calendar({
       }) : null
     ]
   });
-  return size ? /* @__PURE__ */ jsx(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: content
   }) : content;
 }
-var calendar_default = Calendar;
+var calendar_default = Calendar2;
 
-export { Calendar, calendar_default };
+export { Calendar2, calendar_default };

package/dist/shared/{components-5zry9te1.js → components-27nnvrwe.js}

@@ -1,23 +1,23 @@
+import {
+  useReduceMotion
+} from "./components-men63rwj.js";
 import {
   GooFilter
-} from "./components-jxgznftn.js";
+} from "./components-0q0sqfh4.js";
 import {
   GOO_BLUR_RATIO
-} from "./components-7nww01w4.js";
-import {
-  useReduceMotion
-} from "./components-nnnd2xef.js";
+} from "./components-hqeq3w9q.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
-// components/thinking-indicator/index.tsx
+// components/AI/thinking-indicator/index.tsx
 import { AnimatePresence, motion } from "motion/react";
 import { forwardRef, useEffect, useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -33,10 +33,10 @@ var MERGED = Math.sqrt(3);
 function GooDots({ step, still }) {
   const gooId = `thinking-goo-${useId().replace(/:/g, "")}`;
   const { box, dot, radius, gap } = DOTS[step];
-  const loop = { duration: spring.slow.duration * 8, ease: "easeInOut", repeat: Infinity };
+  const loop = { duration: spring2.slow.duration * 8, ease: "easeInOut", repeat: Infinity };
   return /* @__PURE__ */ jsxs("span", {
     "aria-hidden": true,
-    className: cn("relative shrink-0", box),
+    className: cn2("relative shrink-0", box),
     children: [
       /* @__PURE__ */ jsx(GooFilter, {
         id: gooId,
@@ -46,7 +46,7 @@ function GooDots({ step, still }) {
         className: "absolute inset-0 flex items-center justify-center",
         style: { filter: `url(#${gooId})` },
         children: [-1, 0, 1].map((side) => /* @__PURE__ */ jsx(motion.span, {
-          className: cn("absolute rounded-full bg-muted-foreground", dot),
+          className: cn2("absolute rounded-full bg-muted-foreground", dot),
           animate: still ? { x: side * gap } : side ? { x: [side * gap, 0, side * gap] } : { scale: [1, MERGED, 1] },
           transition: still ? { duration: 0 } : loop
         }, side))
@@ -54,8 +54,8 @@ function GooDots({ step, still }) {
     ]
   });
 }
-var ThinkingIndicator = forwardRef(({ className, variant = "shimmer", showIcon = true, size, ...props }, ref) => {
-  const step = useSize(size).variant;
+var ThinkingIndicator2 = forwardRef(({ className, variant = "shimmer", showIcon = true, size, ...props }, ref) => {
+  const step = useSize2(size).variant;
   const compactStep = step === "compact";
   const [index, setIndex] = useState(0);
   const reduceMotion = useReduceMotion();
@@ -71,7 +71,7 @@ var ThinkingIndicator = forwardRef(({ className, variant = "shimmer", showIcon =
   return /* @__PURE__ */ jsxs("div", {
     ref,
     role: "status",
-    className: cn("flex items-center gap-2 px-3 py-2", className),
+    className: cn2("flex items-center gap-2 px-3 py-2", className),
     ...props,
     children: [
       /* @__PURE__ */ jsx("span", {
@@ -113,30 +113,30 @@ var ThinkingIndicator = forwardRef(({ className, variant = "shimmer", showIcon =
       }),
       /* @__PURE__ */ jsxs("span", {
         "aria-hidden": "true",
-        className: cn("inline-grid overflow-hidden", compactStep ? "text-body-compact" : "text-body", "weight-medium"),
+        className: cn2("inline-grid overflow-hidden", compactStep ? "text-body-compact" : "text-body", "weight-medium"),
         children: [
           /* @__PURE__ */ jsx("span", {
-            className: cn("col-start-1 row-start-1 invisible", label),
+            className: cn2("col-start-1 row-start-1 invisible", label),
             children: words.reduce((a, b) => a.length >= b.length ? a : b)
           }),
           reduceMotion ? /* @__PURE__ */ jsx("span", {
-            className: cn("col-start-1 row-start-1", label),
+            className: cn2("col-start-1 row-start-1", label),
             children: words[0]
           }) : /* @__PURE__ */ jsx(AnimatePresence, {
             mode: "popLayout",
             initial: false,
             children: /* @__PURE__ */ jsx(motion.span, {
-              className: cn("col-start-1 row-start-1", label),
+              className: cn2("col-start-1 row-start-1", label),
               initial: { y: "80%", opacity: 0 },
               animate: {
                 y: 0,
                 opacity: 1,
-                transition: { duration: spring.slow.duration, ease: [0.4, 0, 0.2, 1] }
+                transition: { duration: spring2.slow.duration, ease: [0.4, 0, 0.2, 1] }
               },
               exit: {
                 y: "-80%",
                 opacity: 0,
-                transition: { duration: spring.slow.exit.duration, ease: [0.4, 0, 0.2, 1] }
+                transition: { duration: spring2.slow.exit.duration, ease: [0.4, 0, 0.2, 1] }
               },
               children: words[index]
             }, words[index])
@@ -146,7 +146,7 @@ var ThinkingIndicator = forwardRef(({ className, variant = "shimmer", showIcon =
     ]
   });
 });
-ThinkingIndicator.displayName = "ThinkingIndicator";
-var thinking_indicator_default = ThinkingIndicator;
+ThinkingIndicator2.displayName = "ThinkingIndicator";
+var thinking_indicator_default = ThinkingIndicator2;
 
-export { ThinkingIndicator, thinking_indicator_default };
+export { ThinkingIndicator2, thinking_indicator_default };

package/dist/shared/{components-ess3ch6w.js → components-2dxkv6zm.js}

@@ -1,16 +1,16 @@
 import {
-  FluidHoverHighlight
-} from "./components-r22vtgqc.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  useFluidHover,
-  useRegisterFluidHoverItem
-} from "./components-e46kf6cp.js";
+  FluidHoverHighlight2
+} from "./components-kvr7f9hy.js";
 import {
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  useFluidHover2,
+  useRegisterFluidHoverItem2
+} from "./components-59efxjd9.js";
 
 // primitives/fluid-hover/index.tsx
 import {
@@ -39,11 +39,11 @@ var containerAxisClass = {
   x: "flex flex-row gap-1",
   xy: "grid gap-1"
 };
-var FluidHoverItem = forwardRef(({ index, disabled = false, className, children, ...props }, ref) => {
+var FluidHoverItem2 = forwardRef(({ index, disabled = false, className, children, ...props }, ref) => {
   const list = useContext(FluidHoverContext);
   const shape = useShape();
   const innerRef = useRef(null);
-  useRegisterFluidHoverItem(list?.registerItem, index, innerRef);
+  useRegisterFluidHoverItem2(list?.registerItem, index, innerRef);
   const axis = list?.axis ?? "y";
   return /* @__PURE__ */ jsx("button", {
     ref: (node) => {
@@ -58,12 +58,12 @@ var FluidHoverItem = forwardRef(({ index, disabled = false, className, children,
     "data-disabled": disabled || undefined,
     disabled,
     ...props,
-    className: cn(itemBaseClass, itemAxisClass[axis], shape.item, disabled && "cursor-default text-muted-foreground opacity-55", className),
+    className: cn2(itemBaseClass, itemAxisClass[axis], shape.item, disabled && "cursor-default text-muted-foreground opacity-55", className),
     children
   });
 });
-FluidHoverItem.displayName = "FluidHoverItem";
-var FluidHover = forwardRef(({
+FluidHoverItem2.displayName = "FluidHoverItem";
+var FluidHover2 = forwardRef(({
   axis,
   columns,
   items,
@@ -80,7 +80,7 @@ var FluidHover = forwardRef(({
   const shape = useShape();
   const resolvedAxis = axis ?? ((columns ?? 1) > 1 ? "xy" : "y");
   const resolvedColumns = resolvedAxis === "xy" ? Math.max(1, columns ?? 2) : 1;
-  const hover = useFluidHover(containerRef, {
+  const hover = useFluidHover2(containerRef, {
     axis: resolvedAxis,
     isItemDisabled,
     gapClick
@@ -88,12 +88,12 @@ var FluidHover = forwardRef(({
   const { handlers, registerItem } = hover;
   const contextValue = useMemo(() => ({ registerItem, axis: resolvedAxis }), [registerItem, resolvedAxis]);
   const disabled = new Set(disabledIndices);
-  const rows = items ? items.map((item, i) => /* @__PURE__ */ jsx(FluidHoverItem, {
+  const rows = items ? items.map((item, i) => /* @__PURE__ */ jsx(FluidHoverItem2, {
     index: i,
     disabled: disabled.has(i),
     children: renderItem ? renderItem(item, i) : item
   }, `${i}-${item}`)) : Children.toArray(children).map((child, i) => {
-    if (!isValidElement(child) || child.type !== FluidHoverItem)
+    if (!isValidElement(child) || child.type !== FluidHoverItem2)
       return child;
     const row = child;
     return cloneElement(row, {
@@ -115,23 +115,23 @@ var FluidHover = forwardRef(({
       ...handlers,
       "data-slot": "fluid-hover",
       "data-axis": resolvedAxis,
-      className: cn("relative", containerAxisClass[resolvedAxis], className),
+      className: cn2("relative", containerAxisClass[resolvedAxis], className),
       style: resolvedAxis === "xy" ? {
         gridTemplateColumns: `repeat(${resolvedColumns}, minmax(0, 1fr))`,
         ...style
       } : style,
       children: [
-        /* @__PURE__ */ jsx(FluidHoverHighlight, {
+        /* @__PURE__ */ jsx(FluidHoverHighlight2, {
           hover,
-          className: cn("z-0", shape.bg, highlightClassName)
+          className: cn2("z-0", shape.bg, highlightClassName)
         }),
         rows
       ]
     })
   });
 });
-FluidHover.displayName = "FluidHover";
-Object.assign(FluidHover, { Item: FluidHoverItem });
-var fluid_hover_default = FluidHover;
+FluidHover2.displayName = "FluidHover";
+Object.assign(FluidHover2, { Item: FluidHoverItem2 });
+var fluid_hover_default = FluidHover2;
 
-export { FluidHoverItem, FluidHover, fluid_hover_default };
+export { FluidHoverItem2, FluidHover2, fluid_hover_default };

package/dist/shared/{components-s5pkbjx1.js → components-2n3whx7z.js}

@@ -1,35 +1,35 @@
 import {
-  DropdownContent,
-  DropdownMenu,
-  DropdownTrigger,
-  MenuItem
-} from "./components-40j34hdb.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  SidebarInput,
-  SidebarMenu,
-  SidebarMenuButton,
-  SidebarMenuItem,
-  SidebarTrigger,
-  sidebar_default
-} from "./components-nn6xezy2.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  tooltip_default
-} from "./components-gndm6am4.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
   button_default
-} from "./components-5pkcfprd.js";
+} from "./components-b2wyq2cq.js";
 import {
   useIcon
-} from "./components-m5br529r.js";
+} from "./components-zrkzcayz.js";
 import {
-  useShape
-} from "./components-7zp99w5d.js";
+  tooltip_default
+} from "./components-ng72k97e.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  SidebarTrigger2,
+  SidebarInput2,
+  SidebarMenu2,
+  SidebarMenuItem2,
+  SidebarMenuButton2,
+  sidebar_default
+} from "./components-nb87fjy4.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  MenuItem2,
+  DropdownMenu2,
+  DropdownTrigger2,
+  DropdownContent2
+} from "./components-a86dytt0.js";
 
 // blocks/sidebar-app/index.tsx
 import { useState } from "react";
@@ -38,9 +38,9 @@ import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function SidebarInsetTopbar({ children, className }) {
   return /* @__PURE__ */ jsxs("header", {
-    className: cn("flex h-12 shrink-0 items-center gap-2 px-1.5", className),
+    className: cn2("flex h-12 shrink-0 items-center gap-2 px-1.5", className),
     children: [
-      /* @__PURE__ */ jsx(SidebarTrigger, {}),
+      /* @__PURE__ */ jsx(SidebarTrigger2, {}),
       children
     ]
   });
@@ -68,7 +68,7 @@ var NAV_SECTIONS = [
 // blocks/sidebar-app/search-field.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function SidebarSearchField({ placeholder = "Search…", shortcut = "⌘K", ...props }) {
-  const iconSize = useSize().icon;
+  const iconSize = useSize2().icon;
   const SearchIcon = useIcon("search");
   return /* @__PURE__ */ jsxs2("div", {
     className: "group/search relative",
@@ -78,7 +78,7 @@ function SidebarSearchField({ placeholder = "Search…", shortcut = "⌘K", ...p
         strokeWidth: 1.5,
         className: "pointer-events-none absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground"
       }),
-      /* @__PURE__ */ jsx2(SidebarInput, {
+      /* @__PURE__ */ jsx2(SidebarInput2, {
         placeholder,
         "aria-label": "Search",
         className: "pl-8 pr-12",
@@ -99,16 +99,16 @@ var SIDEBAR_MENU_POPUP = `min-w-[240px] w-[calc(var(--anchor-width)_+_10px)] ${S
 // blocks/sidebar-app/user-footer.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function SidebarUserFooter({ name, avatar, menu, className }) {
-  const iconSize = useSize().icon;
+  const iconSize = useSize2().icon;
   const ChevronsUpDown = useIcon("chevrons-up-down");
-  return /* @__PURE__ */ jsx3(SidebarMenu, {
+  return /* @__PURE__ */ jsx3(SidebarMenu2, {
     "aria-label": "User",
-    className: cn(className),
-    children: /* @__PURE__ */ jsx3(SidebarMenuItem, {
-      children: /* @__PURE__ */ jsxs3(DropdownMenu, {
+    className: cn2(className),
+    children: /* @__PURE__ */ jsx3(SidebarMenuItem2, {
+      children: /* @__PURE__ */ jsxs3(DropdownMenu2, {
         children: [
-          /* @__PURE__ */ jsx3(DropdownTrigger, {
-            render: /* @__PURE__ */ jsxs3(SidebarMenuButton, {
+          /* @__PURE__ */ jsx3(DropdownTrigger2, {
+            render: /* @__PURE__ */ jsxs3(SidebarMenuButton2, {
               "aria-label": "Open user menu",
               children: [
                 /* @__PURE__ */ jsx3("span", {
@@ -130,7 +130,7 @@ function SidebarUserFooter({ name, avatar, menu, className }) {
               ]
             })
           }),
-          /* @__PURE__ */ jsx3(DropdownContent, {
+          /* @__PURE__ */ jsx3(DropdownContent2, {
             className: SIDEBAR_MENU_POPUP,
             side: "top",
             align: "start",
@@ -152,7 +152,7 @@ function SidebarWorkspaceHeader({
   checkedIndex,
   defaultCheckedIndex
 }) {
-  const iconSize = useSize().icon;
+  const iconSize = useSize2().icon;
   const ChevronDown = useIcon("chevron-down");
   const tileSlot = /* @__PURE__ */ jsx4("span", {
     "aria-hidden": true,
@@ -172,14 +172,14 @@ function SidebarWorkspaceHeader({
       ]
     });
   }
-  return /* @__PURE__ */ jsx4(SidebarMenu, {
+  return /* @__PURE__ */ jsx4(SidebarMenu2, {
     "aria-label": "Workspace",
     className: "@container",
-    children: /* @__PURE__ */ jsx4(SidebarMenuItem, {
-      children: /* @__PURE__ */ jsxs4(DropdownMenu, {
+    children: /* @__PURE__ */ jsx4(SidebarMenuItem2, {
+      children: /* @__PURE__ */ jsxs4(DropdownMenu2, {
         children: [
-          /* @__PURE__ */ jsx4(DropdownTrigger, {
-            render: /* @__PURE__ */ jsxs4(SidebarMenuButton, {
+          /* @__PURE__ */ jsx4(DropdownTrigger2, {
+            render: /* @__PURE__ */ jsxs4(SidebarMenuButton2, {
               "aria-label": "Switch workspace",
               className: "pl-8",
               children: [
@@ -196,7 +196,7 @@ function SidebarWorkspaceHeader({
               ]
             })
           }),
-          /* @__PURE__ */ jsx4(DropdownContent, {
+          /* @__PURE__ */ jsx4(DropdownContent2, {
             className: SIDEBAR_MENU_POPUP,
             align: "start",
             sideOffset: 4,
@@ -212,7 +212,7 @@ function SidebarWorkspaceHeader({
 function WorkspaceTile({ children, className }) {
   const shape = useShape();
   return /* @__PURE__ */ jsx4("span", {
-    className: cn("flex size-5 shrink-0 items-center justify-center bg-foreground text-micro-compact weight-semibold text-background", shape.bgRadius >= 20 ? "rounded-full" : "rounded-md", className),
+    className: cn2("flex size-5 shrink-0 items-center justify-center bg-foreground text-micro-compact weight-semibold text-background", shape.bgRadius >= 20 ? "rounded-full" : "rounded-md", className),
     children
   });
 }
@@ -245,15 +245,15 @@ function AppSidebar({ variant, side, className, value, onValueChange }) {
             defaultCheckedIndex: 0,
             menu: /* @__PURE__ */ jsxs5(Fragment, {
               children: [
-                /* @__PURE__ */ jsx5(MenuItem, {
+                /* @__PURE__ */ jsx5(MenuItem2, {
                   index: 0,
                   label: "Acme Inc"
                 }),
-                /* @__PURE__ */ jsx5(MenuItem, {
+                /* @__PURE__ */ jsx5(MenuItem2, {
                   index: 1,
                   label: "Personal"
                 }),
-                /* @__PURE__ */ jsx5(MenuItem, {
+                /* @__PURE__ */ jsx5(MenuItem2, {
                   index: 2,
                   icon: PlusIcon,
                   label: "New workspace"
@@ -311,26 +311,26 @@ function AppSidebar({ variant, side, className, value, onValueChange }) {
                     value: item.label,
                     children: item.label
                   }),
-                  /* @__PURE__ */ jsxs5(DropdownMenu, {
+                  /* @__PURE__ */ jsxs5(DropdownMenu2, {
                     children: [
-                      /* @__PURE__ */ jsx5(DropdownTrigger, {
+                      /* @__PURE__ */ jsx5(DropdownTrigger2, {
                         render: /* @__PURE__ */ jsx5(sidebar_default.MenuAction, {
                           showOnHover: true,
                           "aria-label": "More options",
                           children: /* @__PURE__ */ jsx5(MoreVerticalIcon, {})
                         })
                       }),
-                      /* @__PURE__ */ jsxs5(DropdownContent, {
+                      /* @__PURE__ */ jsxs5(DropdownContent2, {
                         className: "min-w-0 w-[240px]",
                         align: "start",
                         sideOffset: 4,
                         children: [
-                          /* @__PURE__ */ jsx5(MenuItem, {
+                          /* @__PURE__ */ jsx5(MenuItem2, {
                             index: 0,
                             icon: PencilIcon,
                             label: "Rename"
                           }),
-                          /* @__PURE__ */ jsx5(MenuItem, {
+                          /* @__PURE__ */ jsx5(MenuItem2, {
                             index: 1,
                             icon: LinkIcon,
                             label: "Share"
@@ -358,17 +358,17 @@ function AppSidebar({ variant, side, className, value, onValueChange }) {
               className: "min-w-0 flex-1",
               menu: /* @__PURE__ */ jsxs5(Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx5(MenuItem, {
+                  /* @__PURE__ */ jsx5(MenuItem2, {
                     index: 0,
                     icon: UserIcon,
                     label: "Profile"
                   }),
-                  /* @__PURE__ */ jsx5(MenuItem, {
+                  /* @__PURE__ */ jsx5(MenuItem2, {
                     index: 1,
                     icon: SettingsIcon,
                     label: "Settings"
                   }),
-                  /* @__PURE__ */ jsx5(MenuItem, {
+                  /* @__PURE__ */ jsx5(MenuItem2, {
                     index: 2,
                     icon: ArrowLeftIcon,
                     label: "Log out"
@@ -404,7 +404,7 @@ function AppSidebar({ variant, side, className, value, onValueChange }) {
     ]
   });
 }
-function SidebarApp({
+function SidebarApp2({
   defaultOpen = false,
   variant = "inset",
   side = "left",
@@ -425,7 +425,7 @@ function SidebarApp({
         onValueChange: setThread
       }),
       /* @__PURE__ */ jsxs5(sidebar_default.Inset, {
-        className: cn(contained && "min-h-0", variant === "floating" && "pt-2"),
+        className: cn2(contained && "min-h-0", variant === "floating" && "pt-2"),
         children: [
           /* @__PURE__ */ jsx5(SidebarInsetTopbar, {
             children: /* @__PURE__ */ jsx5("span", {
@@ -442,4 +442,4 @@ function SidebarApp({
   });
 }
 
-export { SidebarApp };
+export { SidebarApp2 };