@underverse-ui/underverse 1.0.11 → 1.0.13

package/dist/index.cjs

@@ -10948,13 +10948,28 @@ function CalendarTimeline({
   const colMax = maxResourceColumnWidth ?? 520;
   const rowMin = minRowHeight ?? 36;
   const rowMax = maxRowHeight ?? 120;
-  const availableViews = React33.useMemo(
-    () => onlyView ? [onlyView] : ["month", "week", "day", "sprint"],
-    [onlyView]
-  );
-  const isControlledView = view !== void 0;
-  const [internalView, setInternalView] = React33.useState(() => onlyView ?? defaultView);
+  const viewList = React33.useMemo(() => Array.isArray(view) ? view : void 0, [view]);
+  const availableViews = React33.useMemo(() => {
+    if (onlyView) return [onlyView];
+    if (viewList?.length) return viewList;
+    return ["month", "week", "day", "sprint"];
+  }, [onlyView, viewList]);
+  const isControlledView = view !== void 0 && !Array.isArray(view);
+  const [internalView, setInternalView] = React33.useState(() => {
+    if (onlyView) return onlyView;
+    if (viewList?.length) {
+      if (defaultView && viewList.includes(defaultView)) return defaultView;
+      return viewList[0] ?? defaultView ?? "month";
+    }
+    return defaultView ?? "month";
+  });
   const activeView = onlyView ? onlyView : isControlledView ? view : internalView;
+  React33.useEffect(() => {
+    if (onlyView || isControlledView) return;
+    if (!availableViews.includes(internalView)) {
+      setInternalView(availableViews[0] ?? "month");
+    }
+  }, [availableViews, internalView, isControlledView, onlyView]);
   const effectiveSlotMinWidth = React33.useMemo(() => {
     if (slotMinWidth == null) {
       if (activeView === "month" && monthEventStyle === "compact") {
@@ -10996,10 +11011,11 @@ function CalendarTimeline({
   const setView = React33.useCallback(
     (next) => {
       if (onlyView) return;
+      if (!availableViews.includes(next)) return;
       if (!isControlledView) setInternalView(next);
       onViewChange?.(next);
     },
-    [isControlledView, onViewChange, onlyView]
+    [availableViews, isControlledView, onViewChange, onlyView]
   );
   const setDate = React33.useCallback(
     (next) => {
@@ -13944,8 +13960,8 @@ function CategoryTreeSelect(props) {
   };
   const renderSearch = () => {
     if (!isSearchEnabled) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "sticky top-0 z-10 border-b border-border/30 bg-popover/85 backdrop-blur-xl px-2.5 py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react25.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground/60 transition-colors peer-focus:text-primary" }),
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "sticky top-0 z-10 bg-popover/85 backdrop-blur-xl pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react25.Search, { className: "absolute left-3.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground/60 transition-colors peer-focus:text-primary" }),
       /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         "input",
         {
@@ -13954,8 +13970,8 @@ function CategoryTreeSelect(props) {
           onChange: (e) => setQuery(e.target.value),
           placeholder: mergedLabels.searchPlaceholder,
           className: cn(
-            "peer w-full rounded-full bg-muted/40 py-2.5 pl-9 pr-9 text-sm",
-            "border border-transparent",
+            "peer w-full rounded-full bg-muted/40 py-2.5 pl-10 pr-10 text-sm",
+            "border border-border/30",
             "focus:outline-none focus:bg-background focus:border-primary/30 focus:ring-2 focus:ring-primary/10",
             "transition-all duration-200",
             "placeholder:text-muted-foreground/50"