@fileverse/ui 5.1.9 → 5.1.10

package/dist/index.es.d.ts

@@ -359,15 +359,9 @@ export declare const DrawerTrigger: React_2.ForwardRefExoticComponent<DialogPrim
  * forwards its `ref` and spreads props onto the underlying Radix primitive, so
  * any Radix prop works without extra wiring.
  *
- * Parts: {@link DropdownMenuTrigger}, {@link DropdownMenuContent},
- * {@link DropdownMenuItem}, {@link DropdownMenuCheckboxItem},
- * {@link DropdownMenuRadioGroup}/{@link DropdownMenuRadioItem},
- * {@link DropdownMenuLabel}, {@link DropdownMenuSeparator},
- * {@link DropdownMenuShortcut}, {@link DropdownMenuGroup},
- * {@link DropdownMenuSub}/{@link DropdownMenuSubTrigger}/{@link DropdownMenuSubContent},
- * {@link DropdownMenuPortal}, {@link DropdownMenuArrow}.
+ * @example
  *
- * @example Basic menu
+ * Basic menu
  * ```tsx
  * <DropdownMenu>
  *   <DropdownMenuTrigger asChild>
@@ -384,7 +378,9 @@ export declare const DrawerTrigger: React_2.ForwardRefExoticComponent<DialogPrim
  * </DropdownMenu>
  * ```
  *
- * @example Checkbox items, a radio group, and a nested sub-menu
+ * @example
+ *
+ * Checkbox items, a radio group, and a nested sub-menu
  * ```tsx
  * <DropdownMenuContent>
  *   <DropdownMenuCheckboxItem checked={show} onCheckedChange={setShow}>
@@ -1088,7 +1084,12 @@ declare type ThemeProviderProps = {
     defaultTheme?: Theme;
 };
 
-export declare const ThemeToggle: () => JSX_2.Element;
+export declare const ThemeToggle: ({ defaultOpen }?: ThemeToggleProps) => JSX_2.Element;
+
+declare interface ThemeToggleProps {
+    /** Opens the "More themes" dropdown on first mount (uncontrolled). */
+    defaultOpen?: boolean;
+}
 
 export declare const TimePeriodSelect: React_2.ForwardRefExoticComponent<PeriodSelectorProps & React_2.RefAttributes<HTMLButtonElement>>;
 

package/dist/index.es.js

@@ -67165,21 +67165,21 @@ const vIe = ({
     disabled: !0,
     comingSoon: !0
   }
-], kIe = () => {
-  const { theme: e, setTheme: t } = jLe(), [n, a] = le(!1);
+], kIe = ({ defaultOpen: e = !1 } = {}) => {
+  const { theme: t, setTheme: n } = jLe(), [a, o] = le(e);
   return /* @__PURE__ */ d.jsxs("div", { className: "h-9 px-[3px] rounded outline outline-1 outline-offset-[-1px] outline-[hsl(var(--color-border-default))] inline-flex justify-start items-center", children: [
     /* @__PURE__ */ d.jsx(
       "button",
       {
-        onClick: () => t("light"),
-        className: `w-7 h-7 max-h-7 min-h-7 p-1.5 rounded flex justify-center items-center transition-all ${e === "light" ? "bg-black/5" : ""}`,
+        onClick: () => n("light"),
+        className: `w-7 h-7 max-h-7 min-h-7 p-1.5 rounded flex justify-center items-center transition-all ${t === "light" ? "bg-black/5" : ""}`,
         "aria-label": "Light mode",
         children: /* @__PURE__ */ d.jsx(
           ye,
           {
             name: "Sun",
             size: "sm",
-            className: e === "light" ? "color-text-default" : "color-icon-secondary"
+            className: t === "light" ? "color-text-default" : "color-icon-secondary"
           }
         )
       }
@@ -67187,20 +67187,20 @@ const vIe = ({
     /* @__PURE__ */ d.jsx(
       "button",
       {
-        onClick: () => t("dark"),
-        className: `w-7 h-7 max-h-7 min-h-7 p-1.5 rounded flex justify-center items-center transition-all ${e === "dark" ? "bg-black/5" : ""}`,
+        onClick: () => n("dark"),
+        className: `w-7 h-7 max-h-7 min-h-7 p-1.5 rounded flex justify-center items-center transition-all ${t === "dark" ? "bg-black/5" : ""}`,
         "aria-label": "Dark mode",
         children: /* @__PURE__ */ d.jsx(
           ye,
           {
             name: "Moon",
             size: "sm",
-            className: e === "dark" ? "color-text-default" : "color-icon-secondary"
+            className: t === "dark" ? "color-text-default" : "color-icon-secondary"
           }
         )
       }
     ),
-    /* @__PURE__ */ d.jsxs(F2, { open: n, onOpenChange: a, children: [
+    /* @__PURE__ */ d.jsxs(F2, { open: a, onOpenChange: o, children: [
       /* @__PURE__ */ d.jsx($2, { asChild: !0, children: /* @__PURE__ */ d.jsx(
         "button",
         {
@@ -67227,22 +67227,22 @@ const vIe = ({
               /* @__PURE__ */ d.jsx("span", { className: "text-heading-xsm color-text-default", children: "Themes" }),
               /* @__PURE__ */ d.jsx(fxe, { asChild: !0, children: /* @__PURE__ */ d.jsx("button", { className: "p-1 rounded hover:color-bg-default-hover transition-colors", children: /* @__PURE__ */ d.jsx(ye, { name: "X", size: "sm" }) }) })
             ] }),
-            /* @__PURE__ */ d.jsx("div", { className: "grid grid-cols-2 gap-2", children: LLe.map((o, r) => {
-              const i = e === o.value && !o.disabled;
+            /* @__PURE__ */ d.jsx("div", { className: "grid grid-cols-2 gap-2", children: LLe.map((r, i) => {
+              const c = t === r.value && !r.disabled;
               return /* @__PURE__ */ d.jsxs(
                 "button",
                 {
-                  onClick: o.disabled ? void 0 : () => t(o.value),
-                  disabled: o.disabled,
-                  className: `flex flex-col items-center gap-1 p-1.5 rounded-lg transition-all ${o.disabled ? "cursor-not-allowed" : "cursor-pointer hover:color-bg-default-hover"}`,
+                  onClick: r.disabled ? void 0 : () => n(r.value),
+                  disabled: r.disabled,
+                  className: `flex flex-col items-center gap-1 p-1.5 rounded-lg transition-all ${r.disabled ? "cursor-not-allowed" : "cursor-pointer hover:color-bg-default-hover"}`,
                   children: [
                     /* @__PURE__ */ d.jsxs(
                       "div",
                       {
                         className: "relative w-full h-14 rounded-xl transition-all flex items-center justify-center border border-black/10 shadow-sm",
-                        style: { backgroundColor: o.color },
+                        style: { backgroundColor: r.color },
                         children: [
-                          i && /* @__PURE__ */ d.jsx("div", { className: "w-5 h-5 rounded-full color-bg-default-inverse flex items-center justify-center", children: /* @__PURE__ */ d.jsx(
+                          c && /* @__PURE__ */ d.jsx("div", { className: "w-5 h-5 rounded-full color-bg-default-inverse flex items-center justify-center", children: /* @__PURE__ */ d.jsx(
                             ye,
                             {
                               name: "Check",
@@ -67250,14 +67250,14 @@ const vIe = ({
                               className: "text-[hsl(var(--color-bg-default))] w-3 h-3"
                             }
                           ) }),
-                          o.comingSoon && /* @__PURE__ */ d.jsx("span", { className: "absolute bottom-1 text-[9px] font-medium text-white/60 tracking-wide", children: "Coming soon" })
+                          r.comingSoon && /* @__PURE__ */ d.jsx("span", { className: "absolute bottom-1 text-[9px] font-medium text-white/60 tracking-wide", children: "Coming soon" })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ d.jsx("span", { className: "text-helper-text-sm color-text-default whitespace-nowrap", children: o.label })
+                    /* @__PURE__ */ d.jsx("span", { className: "text-helper-text-sm color-text-default whitespace-nowrap", children: r.label })
                   ]
                 },
-                `${o.value}-${r}`
+                `${r.value}-${i}`
               );
             }) })
           ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse/ui",
-  "version": "5.1.9",
+  "version": "5.1.10",
   "files": [
     "/dist"
   ],