@herca/r-kit 0.0.69 → 0.0.71

package/dist/clients.js

@@ -11124,7 +11124,7 @@ var Icon = ({
 var Icon_default = Icon;
 
 // src/components/sheet/sheet.tsx
-import "react";
+import * as React395 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { jsx as jsx403, jsxs as jsxs70 } from "react/jsx-runtime";
 var sheetSizeClasses = {
@@ -11134,8 +11134,74 @@ var sheetSizeClasses = {
   xl: "w-2/3 sm:max-w-xl",
   full: "w-full"
 };
-function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx403(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+var SHEET_URL_EVENT = "__sheet_url_change__";
+function readParams() {
+  if (typeof window === "undefined") return new URLSearchParams();
+  return new URLSearchParams(window.location.search);
+}
+function useUrlSearchParams() {
+  const [params, setParams] = React395.useState(readParams);
+  React395.useEffect(() => {
+    const sync = () => setParams(readParams());
+    sync();
+    window.addEventListener("popstate", sync);
+    window.addEventListener(SHEET_URL_EVENT, sync);
+    return () => {
+      window.removeEventListener("popstate", sync);
+      window.removeEventListener(SHEET_URL_EVENT, sync);
+    };
+  }, []);
+  const setSearchParams = React395.useCallback(
+    (updater, options) => {
+      const next = updater(readParams());
+      const query = next.toString();
+      const url = `${window.location.pathname}${query ? `?${query}` : ""}${window.location.hash}`;
+      if (options?.replace) {
+        window.history.replaceState(window.history.state, "", url);
+      } else {
+        window.history.pushState(window.history.state, "", url);
+      }
+      window.dispatchEvent(new Event(SHEET_URL_EVENT));
+    },
+    []
+  );
+  return [params, setSearchParams];
+}
+function Sheet({
+  id,
+  urlReplace = false,
+  open: openProp,
+  defaultOpen,
+  onOpenChange,
+  ...props
+}) {
+  const [searchParams, setSearchParams] = useUrlSearchParams();
+  const isControlled = openProp !== void 0;
+  const isUrlSynced = id !== void 0 && !isControlled;
+  const urlParam = id !== void 0 ? `sheet-${id}` : void 0;
+  const open = isControlled ? openProp : isUrlSynced && urlParam !== void 0 ? searchParams.has(urlParam) : void 0;
+  const handleOpenChange = (next) => {
+    if (isUrlSynced && urlParam !== void 0) {
+      setSearchParams(
+        (prev) => {
+          const p = new URLSearchParams(prev);
+          if (next) p.set(urlParam, "1");
+          else p.delete(urlParam);
+          return p;
+        },
+        { replace: urlReplace }
+      );
+    }
+    onOpenChange?.(next);
+  };
+  const stateProps = isControlled || isUrlSynced ? { open, onOpenChange: handleOpenChange } : { defaultOpen, onOpenChange: handleOpenChange };
+  return /* @__PURE__ */ jsx403(SheetPrimitive.Root, { "data-slot": "sheet", ...stateProps, ...props });
+}
+function useSheetHref(id) {
+  const [searchParams] = useUrlSearchParams();
+  const params = new URLSearchParams(searchParams);
+  params.set(`sheet-${id}`, "1");
+  return `?${params.toString()}`;
 }
 function SheetTrigger({
   ...props
@@ -11286,6 +11352,18 @@ var SIDEBAR_WIDTH = "13.75rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "4.125rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var HOVER_OPEN_DELAY = 150;
+var HOVER_CLOSE_DELAY = 200;
+function readSidebarCookie() {
+  if (typeof document === "undefined") return void 0;
+  const match = document.cookie.match(
+    new RegExp("(?:^|; )" + SIDEBAR_COOKIE_NAME + "=([^;]+)")
+  );
+  if (match === null) return void 0;
+  if (match[1] === "true") return true;
+  if (match[1] === "false") return false;
+  return void 0;
+}
 function SidebarProvider({
   defaultOpen = true,
   open: openProp,
@@ -11295,26 +11373,33 @@ function SidebarProvider({
   children,
   ...props
 }) {
-  const isMobile = useIsMobile();
+  const isMobile = Boolean(useIsMobile());
   const [openMobile, setOpenMobile] = React397.useState(false);
-  const [_open, _setOpen] = React397.useState(defaultOpen);
-  const open = openProp ?? _open;
+  const [isHovered, setIsHovered] = React397.useState(false);
+  const [internalOpen, setInternalOpen] = React397.useState(() => {
+    const stored = readSidebarCookie();
+    return stored ?? defaultOpen;
+  });
+  const open = Boolean(openProp ?? internalOpen);
   const setOpen = React397.useCallback(
     (value) => {
-      const openState = typeof value === "function" ? value(open) : value;
+      const next = typeof value === "function" ? value(open) : value;
       if (setOpenProp !== void 0) {
-        setOpenProp(openState);
+        setOpenProp(next);
       } else {
-        _setOpen(openState);
+        setInternalOpen(next);
       }
-      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${next}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
     },
     [setOpenProp, open]
   );
-  const [isHovered, setIsHovered] = React397.useState(false);
   const toggleSidebar = React397.useCallback(() => {
-    return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
-  }, [isMobile, setOpen, setOpenMobile]);
+    if (isMobile) {
+      setOpenMobile((v3) => !v3);
+    } else {
+      setOpen((v3) => !v3);
+    }
+  }, [isMobile, setOpen]);
   React397.useEffect(() => {
     const handleKeyDown2 = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
@@ -11325,7 +11410,7 @@ function SidebarProvider({
     window.addEventListener("keydown", handleKeyDown2);
     return () => window.removeEventListener("keydown", handleKeyDown2);
   }, [toggleSidebar]);
-  const state = open === true ? "expanded" : "collapsed";
+  const state = open ? "expanded" : "collapsed";
   const contextValue = React397.useMemo(
     () => ({
       state,
@@ -11338,20 +11423,12 @@ function SidebarProvider({
       isHovered,
       setIsHovered
     }),
-    [
-      state,
-      open,
-      setOpen,
-      isMobile,
-      openMobile,
-      setOpenMobile,
-      toggleSidebar,
-      isHovered
-    ]
+    [state, open, setOpen, isMobile, openMobile, toggleSidebar, isHovered]
   );
   return /* @__PURE__ */ jsx404(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx404(
     "div",
     {
+      "data-slot": "sidebar-wrapper",
       style: {
         "--sidebar-width": SIDEBAR_WIDTH,
         "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
@@ -11382,19 +11459,32 @@ function Sidebar({
     isHovered,
     setIsHovered
   } = useSidebar();
+  const openTimer = React397.useRef(null);
+  const closeTimer = React397.useRef(null);
+  const clearTimers = React397.useCallback(() => {
+    if (openTimer.current) clearTimeout(openTimer.current);
+    if (closeTimer.current) clearTimeout(closeTimer.current);
+    openTimer.current = null;
+    closeTimer.current = null;
+  }, []);
+  React397.useEffect(() => clearTimers, [clearTimers]);
   const handleMouseEnter = React397.useCallback(() => {
-    if (Boolean(isMobile) || state === "expanded") {
-      return;
-    }
-    setIsHovered(true);
-  }, [isMobile, state, setIsHovered]);
+    if (isMobile == true || state === "expanded" || collapsible !== "icon") return;
+    clearTimers();
+    openTimer.current = setTimeout(() => setIsHovered(true), HOVER_OPEN_DELAY);
+  }, [isMobile, state, collapsible, clearTimers, setIsHovered]);
   const handleMouseLeave = React397.useCallback(() => {
-    setIsHovered(false);
-  }, [setIsHovered]);
+    clearTimers();
+    closeTimer.current = setTimeout(
+      () => setIsHovered(false),
+      HOVER_CLOSE_DELAY
+    );
+  }, [clearTimers, setIsHovered]);
   if (collapsible === "none") {
     return /* @__PURE__ */ jsx404(
       "div",
       {
+        "data-slot": "sidebar",
         className: cn(
           "flex h-full w-(--sidebar-width) flex-col bg-white text-gray-900",
           className
@@ -11404,7 +11494,7 @@ function Sidebar({
       }
     );
   }
-  if (isMobile === true) {
+  if (isMobile == true) {
     return /* @__PURE__ */ jsx404(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs71(
       SheetContent,
       {
@@ -11412,14 +11502,12 @@ function Sidebar({
         "data-slot": "sidebar",
         "data-mobile": "true",
         className: "w-(--sidebar-width) bg-white p-0 text-gray-900 [&>button]:hidden",
-        style: {
-          "--sidebar-width": SIDEBAR_WIDTH_MOBILE
-        },
+        style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
         side,
         children: [
           /* @__PURE__ */ jsxs71(SheetHeader, { className: "sr-only", children: [
             /* @__PURE__ */ jsx404(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx404(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ jsx404(SheetDescription, { children: "Menampilkan sidebar mobile." })
           ] }),
           /* @__PURE__ */ jsx404("div", { className: "flex h-full w-full flex-col", children })
         ]
@@ -11435,6 +11523,7 @@ function Sidebar({
       "data-variant": variant,
       "data-side": side,
       "data-hovered": isHovered,
+      "data-slot": "sidebar",
       children: [
         /* @__PURE__ */ jsx404(
           "div",
@@ -11451,11 +11540,11 @@ function Sidebar({
           "div",
           {
             className: cn(
-              "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
+              "fixed inset-y-0 z-21 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
               side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
-              // Adjust the padding for floating and inset variants.
               variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=left]:border-gray-200 group-data-[side=right]:border-l group-data-[side=right]:border-gray-200",
               "group-data-[collapsible=icon]:group-data-[hovered=true]:w-(--sidebar-width)",
+              "group-data-[collapsible=icon]:group-data-[hovered=true]:shadow-lg",
               className
             ),
             onMouseEnter: handleMouseEnter,
@@ -11480,12 +11569,19 @@ function SidebarTrigger({
   onClick,
   ...props
 }) {
-  const { toggleSidebar } = useSidebar();
+  const { toggleSidebar, state } = useSidebar();
   return /* @__PURE__ */ jsxs71(
     "button",
     {
+      type: "button",
       "data-sidebar": "trigger",
-      className: cn("size-7", className),
+      "aria-label": "Toggle Sidebar",
+      "aria-expanded": state === "expanded",
+      className: cn(
+        "inline-flex size-7 cursor-pointer items-center justify-center rounded-md text-gray-700",
+        "focus-visible:ring-primary-500 hover:bg-gray-100 focus-visible:ring-2 focus-visible:outline-none",
+        className
+      ),
       onClick: (event) => {
         onClick?.(event);
         toggleSidebar();
@@ -11543,7 +11639,8 @@ function SidebarContent({ className, ...props }) {
     {
       "data-sidebar": "content",
       className: cn(
-        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto p-3",
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-x-hidden overflow-y-auto p-3",
+        "scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-transparent",
         className
       ),
       ...props
@@ -11560,64 +11657,66 @@ function SidebarMenu({ className, ...props }) {
     }
   );
 }
+function MenuItemInner({
+  icon,
+  expanded,
+  children
+}) {
+  return /* @__PURE__ */ jsxs71(Fragment2, { children: [
+    /* @__PURE__ */ jsx404("span", { className: "shrink-0", children: icon ?? /* @__PURE__ */ jsx404(Icon_default, { name: "ellipse", size: 18 }) }),
+    /* @__PURE__ */ jsx404(
+      "span",
+      {
+        className: cn(
+          "flex-1 truncate transition-opacity duration-150",
+          expanded ? "opacity-100" : "pointer-events-none w-0 opacity-0"
+        ),
+        children
+      }
+    )
+  ] });
+}
 function SidebarMenuItem({
   children,
   className,
   icon,
-  active,
+  active = false,
   asChild = true,
   ...props
 }) {
   const { state, isHovered } = useSidebar();
+  const expanded = state === "expanded" || isHovered;
   const itemClassName = cn(
     "flex w-full items-center gap-2 rounded-sm bg-white px-3 py-2.5 text-sm text-gray-800 transition-colors",
     "hover:bg-primary-100",
-    Boolean(active) && "bg-primary-100 text-primary-1000 before:bg-primary-1000 before:absolute before:top-1/2 before:left-0 before:h-5 before:w-1 before:-translate-y-1/2 before:rounded-r-md"
+    "focus-visible:ring-primary-500 focus-visible:ring-2 focus-visible:outline-none",
+    active == true && "bg-primary-100 text-primary-1000 before:bg-primary-1000 before:absolute before:top-1/2 before:left-0 before:h-5 before:w-1 before:-translate-y-1/2 before:rounded-r-md"
   );
-  const iconElement = icon !== void 0 ? /* @__PURE__ */ jsx404("span", { className: "shrink-0", children: icon }) : /* @__PURE__ */ jsx404("span", { className: "shrink-0", children: /* @__PURE__ */ jsx404(Icon_default, { name: "ellipse", size: 18 }) });
+  let body;
+  if (asChild) {
+    const child = React397.Children.only(children);
+    if (!React397.isValidElement(child)) {
+      throw new Error(
+        "SidebarMenuItem with asChild requires a single valid React element as child"
+      );
+    }
+    const childEl = child;
+    body = React397.cloneElement(childEl, {
+      className: cn(itemClassName, childEl.props.className),
+      children: /* @__PURE__ */ jsx404(MenuItemInner, { icon, expanded, children: childEl.props.children })
+    });
+  } else {
+    body = /* @__PURE__ */ jsx404("div", { className: itemClassName, children: /* @__PURE__ */ jsx404(MenuItemInner, { icon, expanded, children }) });
+  }
   return /* @__PURE__ */ jsx404(
     "li",
     {
       "data-sidebar": "menu-item",
+      "data-active": active,
+      "aria-current": active ? "page" : void 0,
       className: cn("group/menu-item relative", className),
       ...props,
-      children: asChild === true ? (() => {
-        const child = React397.Children.only(children);
-        if (React397.isValidElement(child) === false) {
-          throw new Error(
-            "SidebarMenuItem with asChild requires a single valid React element as child"
-          );
-        }
-        const childElement = child;
-        return React397.cloneElement(childElement, {
-          className: cn(itemClassName, childElement.props.className),
-          children: /* @__PURE__ */ jsxs71(Fragment2, { children: [
-            iconElement,
-            /* @__PURE__ */ jsx404(
-              "span",
-              {
-                className: cn(
-                  "flex-1",
-                  state === "collapsed" && isHovered === false && "hidden"
-                ),
-                children: childElement.props.children
-              }
-            )
-          ] })
-        });
-      })() : /* @__PURE__ */ jsxs71("div", { className: itemClassName, children: [
-        iconElement,
-        /* @__PURE__ */ jsx404(
-          "span",
-          {
-            className: cn(
-              "flex-1",
-              state === "collapsed" && isHovered === false && "hidden"
-            ),
-            children
-          }
-        )
-      ] })
+      children: body
     }
   );
 }
@@ -11630,29 +11729,30 @@ function SidebarMenuGroup({
   ...props
 }) {
   const { state, isHovered } = useSidebar();
+  const expanded = state === "expanded" || isHovered;
   const [isOpen, setIsOpen] = React397.useState(active);
   const triggerClassName = cn(
-    "hover:bg-primary-100 relative flex w-full items-center gap-2 rounded-sm bg-white px-3 py-2.5 text-sm text-gray-800 transition-colors",
-    "cursor-pointer",
-    Boolean(active) && "bg-primary-100 text-primary-1000 before:bg-primary-1000 before:absolute before:top-1/2 before:left-0 before:h-5 before:w-1 before:-translate-y-1/2 before:rounded-r-md"
+    "relative flex w-full cursor-pointer items-center gap-2 rounded-sm bg-white px-3 py-2.5 text-sm text-gray-800 transition-colors",
+    "hover:bg-primary-100",
+    "focus-visible:ring-primary-500 focus-visible:ring-2 focus-visible:outline-none",
+    active && "bg-primary-100 text-primary-1000 before:bg-primary-1000 before:absolute before:top-1/2 before:left-0 before:h-5 before:w-1 before:-translate-y-1/2 before:rounded-r-md"
   );
-  const iconElement = icon !== void 0 ? /* @__PURE__ */ jsx404("span", { className: "shrink-0", children: icon }) : /* @__PURE__ */ jsx404("span", { className: "shrink-0", children: /* @__PURE__ */ jsx404(Icon_default, { name: "ellipse", size: 18 }) });
   return /* @__PURE__ */ jsxs71(
     Collapsible,
     {
-      open: Boolean(isOpen) && (state === "expanded" || isHovered),
+      open: isOpen && expanded,
       onOpenChange: setIsOpen,
       className: cn("group/menu-group flex flex-col gap-y-1", className),
       ...props,
       children: [
         /* @__PURE__ */ jsxs71(CollapsibleTrigger2, { className: triggerClassName, children: [
-          iconElement,
+          /* @__PURE__ */ jsx404("span", { className: "shrink-0", children: icon ?? /* @__PURE__ */ jsx404(Icon_default, { name: "ellipse", size: 18 }) }),
           /* @__PURE__ */ jsx404(
             "span",
             {
               className: cn(
-                "flex-1 text-left",
-                state === "collapsed" && isHovered === false && "hidden"
+                "flex-1 truncate text-left transition-opacity duration-150",
+                expanded ? "opacity-100" : "pointer-events-none w-0 opacity-0"
               ),
               children: label
             }
@@ -11664,8 +11764,8 @@ function SidebarMenuGroup({
               size: 18,
               className: cn(
                 "shrink-0 transition-transform duration-200",
-                state === "collapsed" && "hidden",
-                Boolean(isOpen) && "rotate-180"
+                !expanded && "hidden",
+                isOpen && "rotate-180"
               )
             }
           )
@@ -11735,7 +11835,7 @@ function TooltipContent({
 }
 
 // src/components/modal/modal.tsx
-import React399, { useEffect as useEffect4, useRef as useRef2 } from "react";
+import React399, { useEffect as useEffect5, useRef as useRef2 } from "react";
 
 // src/components/modal/modal-variants.ts
 import { cva as cva4 } from "class-variance-authority";
@@ -11796,7 +11896,7 @@ var Modal = ({
   const modalRef = useRef2(null);
   const lastFocusedElement = useRef2(null);
   const hasHeader = Boolean(title ?? description);
-  useEffect4(() => {
+  useEffect5(() => {
     if (isOpen === true) {
       setIsVisible(true);
       setAnimationState("open");
@@ -11811,12 +11911,12 @@ var Modal = ({
       return () => clearTimeout(timer);
     }
   }, [isOpen]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (isVisible === false && lastFocusedElement.current) {
       lastFocusedElement.current.focus();
     }
   }, [isVisible]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (isVisible === false || !modalRef.current) return;
     const focusableSelector = 'a[href], button:not([disabled]), textarea, input, select, [tabindex]:not([tabindex="-1"])';
     const getFocusable = () => Array.from(
@@ -11969,10 +12069,10 @@ var ModalFooter = ({
 // src/components/input-file/input-file.tsx
 import {
   forwardRef as forwardRef2,
-  useEffect as useEffect6,
+  useEffect as useEffect7,
   useImperativeHandle,
   useRef as useRef3,
-  useState as useState5
+  useState as useState6
 } from "react";
 
 // src/components/button/button.tsx
@@ -12295,10 +12395,10 @@ var inputFileVariants = cva7("", {
 });
 
 // src/components/input-file/preview-item.tsx
-import { useState as useState4 } from "react";
+import { useState as useState5 } from "react";
 
 // src/components/modal/modal-preview-attachment.tsx
-import { useEffect as useEffect5, useState as useState3 } from "react";
+import { useEffect as useEffect6, useState as useState4 } from "react";
 
 // src/components/input-file/helpers.ts
 var getIconName = ({
@@ -12341,10 +12441,10 @@ var ModalPreviewAttachment = ({
   videoProps,
   onDownload
 }) => {
-  const [zoom, setZoom] = useState3(1);
-  const [isDragging, setIsDragging] = useState3(false);
-  const [position, setPosition] = useState3({ x: 0, y: 0 });
-  const [dragStart, setDragStart] = useState3({ x: 0, y: 0 });
+  const [zoom, setZoom] = useState4(1);
+  const [isDragging, setIsDragging] = useState4(false);
+  const [position, setPosition] = useState4({ x: 0, y: 0 });
+  const [dragStart, setDragStart] = useState4({ x: 0, y: 0 });
   const isImage = type.startsWith("image/");
   const isMp3 = type.startsWith("audio/");
   const isVideo = type.startsWith("video/");
@@ -12402,14 +12502,14 @@ var ModalPreviewAttachment = ({
       window.open(src, "_blank");
     }
   };
-  useEffect5(() => {
+  useEffect6(() => {
     if (!open.isOpen) {
       setZoom(1);
       setPosition({ x: 0, y: 0 });
       setIsDragging(false);
     }
   }, [open.isOpen]);
-  useEffect5(() => {
+  useEffect6(() => {
     document.body.style.overflow = open.isOpen ? "hidden" : "unset";
   }, [open.isOpen]);
   if (!open.isOpen) return null;
@@ -12701,7 +12801,7 @@ var PreviewItem = ({
   onDownload,
   progress
 }) => {
-  const [previewShow, setPreviewShow] = useState4({
+  const [previewShow, setPreviewShow] = useState5({
     isOpen: false,
     isVisible: false
   });
@@ -12910,12 +13010,12 @@ var InputFile = forwardRef2(
     const inputRef = useRef3(null);
     const replaceInputRef = useRef3(null);
     const uploadedFilesRef = useRef3([]);
-    const [internalFiles, setInternalFiles] = useState5([]);
-    const [replaceIndex, setReplaceIndex] = useState5(null);
-    const [customNames, setCustomNames] = useState5({});
-    const [isDragging, setIsDragging] = useState5(false);
-    const [internalErrorMessage, setInternalErrorMessage] = useState5(void 0);
-    const [uploadProgress, setUploadProgress] = useState5({});
+    const [internalFiles, setInternalFiles] = useState6([]);
+    const [replaceIndex, setReplaceIndex] = useState6(null);
+    const [customNames, setCustomNames] = useState6({});
+    const [isDragging, setIsDragging] = useState6(false);
+    const [internalErrorMessage, setInternalErrorMessage] = useState6(void 0);
+    const [uploadProgress, setUploadProgress] = useState6({});
     const files = value ?? internalFiles;
     const filesRef = useRef3(files);
     filesRef.current = files;
@@ -13197,12 +13297,12 @@ var InputFile = forwardRef2(
         return base2;
       })
     }));
-    useEffect6(() => {
+    useEffect7(() => {
       return () => {
         files.forEach((f2) => URL.revokeObjectURL(f2.preview));
       };
     }, []);
-    useEffect6(() => {
+    useEffect7(() => {
       if (errorMessage !== void 0) {
         setInternalErrorMessage(errorMessage);
       }
@@ -13364,7 +13464,7 @@ var InputFile = forwardRef2(
 InputFile.displayName = "InputFile";
 
 // src/components/counter/counter.tsx
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 
 // src/components/counter/counter-variants.ts
 import { cva as cva8 } from "class-variance-authority";
@@ -13480,7 +13580,7 @@ var Counter = ({
   defaultValue = "0",
   onChange
 }) => {
-  const [internalValue, setInternalValue] = useState6(defaultValue);
+  const [internalValue, setInternalValue] = useState7(defaultValue);
   const isControlled = externalValue !== void 0;
   const value = isControlled ? externalValue : internalValue;
   const updateValue = (newValue) => {
@@ -13874,9 +13974,9 @@ function DropdownItem({
 }
 
 // src/hooks/use-copy.ts
-import { useState as useState7 } from "react";
+import { useState as useState8 } from "react";
 function useCopy() {
-  const [copied, setCopied] = useState7(false);
+  const [copied, setCopied] = useState8(false);
   const copy2 = async (text) => {
     await navigator.clipboard.writeText(text);
     setCopied(true);
@@ -13887,7 +13987,7 @@ function useCopy() {
 
 // src/components/table/table.tsx
 import clsx5 from "clsx";
-import { createContext as createContext3, useContext as useContext3, useState as useState8 } from "react";
+import { createContext as createContext3, useContext as useContext3, useState as useState9 } from "react";
 
 // src/components/table/table-variants.ts
 import { cva as cva9 } from "class-variance-authority";
@@ -14083,7 +14183,7 @@ function TablePagination({
   dropdownItemClassName
 }) {
   const isControlled = selectedPerpage !== void 0;
-  const [internalPerpage, setInternalPerpage] = useState8(defaultPerpage);
+  const [internalPerpage, setInternalPerpage] = useState9(defaultPerpage);
   const value = isControlled ? selectedPerpage : internalPerpage;
   const handleChange = (val) => {
     if (!isControlled) {
@@ -14233,10 +14333,10 @@ function TablePagination({
 }
 
 // src/components/date-picker/date-picker.tsx
-import { useEffect as useEffect9, useRef as useRef5, useState as useState11 } from "react";
+import { useEffect as useEffect10, useRef as useRef5, useState as useState12 } from "react";
 
 // src/components/calendar/calendar.tsx
-import { useEffect as useEffect8, useState as useState10 } from "react";
+import { useEffect as useEffect9, useState as useState11 } from "react";
 
 // src/components/calendar/helpers/create-calendar-helpers.ts
 var createCalendarHelpers = ({
@@ -14621,7 +14721,7 @@ function CalendarDayItem({
 }
 
 // src/components/calendar/partials/event-bar.tsx
-import { useState as useState9 } from "react";
+import { useState as useState10 } from "react";
 import clsx7 from "clsx";
 import { Fragment as Fragment7, jsx as jsx421, jsxs as jsxs83 } from "react/jsx-runtime";
 function EventBar({
@@ -14631,8 +14731,8 @@ function EventBar({
   isMouseEventOnChildren = false,
   level = 0
 }) {
-  const [hovered, setHovered] = useState9(false);
-  const [pos, setPos] = useState9({ x: 0, y: 0 });
+  const [hovered, setHovered] = useState10(false);
+  const [pos, setPos] = useState10({ x: 0, y: 0 });
   const handleMouseMove = (e, useParentWrap) => {
     const rect = useParentWrap !== void 0 && useParentWrap === true ? e.currentTarget.getBoundingClientRect() : {
       left: 0,
@@ -15270,15 +15370,15 @@ var Calendar2 = ({
   disabledDateClassName
 }) => {
   const currentDate = /* @__PURE__ */ new Date();
-  const [currentMonth, setCurrentMonth] = useState10(defaultMonth ?? currentDate.getMonth());
-  const [currentYear, setCurrentYear] = useState10(defaultYear ?? currentDate.getFullYear());
-  const [isDropdownYearShow, setIsDropdownYearShow] = useState10(false);
-  const [isDropdownMonthShow, setIsDropdownMonthShow] = useState10(false);
-  const [selectedType, setSelectedType] = useState10(type);
-  const [selectedTypeIndex, setSelectedTypeIndex] = useState10(
+  const [currentMonth, setCurrentMonth] = useState11(defaultMonth ?? currentDate.getMonth());
+  const [currentYear, setCurrentYear] = useState11(defaultYear ?? currentDate.getFullYear());
+  const [isDropdownYearShow, setIsDropdownYearShow] = useState11(false);
+  const [isDropdownMonthShow, setIsDropdownMonthShow] = useState11(false);
+  const [selectedType, setSelectedType] = useState11(type);
+  const [selectedTypeIndex, setSelectedTypeIndex] = useState11(
     null
   );
-  const [currentWeekStart, setCurrentWeekStart] = useState10(() => {
+  const [currentWeekStart, setCurrentWeekStart] = useState11(() => {
     const today = /* @__PURE__ */ new Date();
     const day = today.getDay();
     const start = new Date(today);
@@ -15364,7 +15464,7 @@ var Calendar2 = ({
       }
     }
   };
-  useEffect8(() => {
+  useEffect9(() => {
     if (value !== void 0) {
       setCurrentMonth(
         value?.getMonth() ?? defaultMonth ?? currentDate?.getMonth()
@@ -15374,7 +15474,7 @@ var Calendar2 = ({
       );
     }
   }, [value]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (type !== void 0) {
       setSelectedType(type);
     }
@@ -15680,16 +15780,16 @@ var DatePicker = ({
   align = "start",
   containerClassName
 }) => {
-  const [selectedDate, setSelectedDate] = useState11(
+  const [selectedDate, setSelectedDate] = useState12(
     controlledValue || null
   );
-  const [dateRange, setDateRange] = useState11(
+  const [dateRange, setDateRange] = useState12(
     controlledRangeValue || { start: null, end: null }
   );
-  const [inputValue, setInputValue] = useState11("");
-  const [isMobile, setIsMobile] = useState11(false);
-  const [isCalendarShow, setIsCalendarShow] = useState11(false);
-  const [selectedFilter, setSelectedFilter] = useState11([]);
+  const [inputValue, setInputValue] = useState12("");
+  const [isMobile, setIsMobile] = useState12(false);
+  const [isCalendarShow, setIsCalendarShow] = useState12(false);
+  const [selectedFilter, setSelectedFilter] = useState12([]);
   const containerRef = useRef5(null);
   const filterCalendar = [
     {
@@ -15879,19 +15979,19 @@ var DatePicker = ({
     };
   };
   const nextMonthData = getNextMonth();
-  useEffect9(() => {
+  useEffect10(() => {
     if (mode === "single" && controlledValue) {
       setSelectedDate(controlledValue);
       setInputValue(formatDateToString(controlledValue, format));
     }
   }, [controlledValue, mode]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (mode === "range" && controlledRangeValue) {
       setDateRange(controlledRangeValue);
       setInputValue(formatRangeToString(controlledRangeValue));
     }
   }, [controlledRangeValue, mode, open]);
-  useEffect9(() => {
+  useEffect10(() => {
     const checkMobile = () => {
       setIsMobile(window.innerWidth < 768);
     };
@@ -15899,7 +15999,7 @@ var DatePicker = ({
     window.addEventListener("resize", checkMobile);
     return () => window.removeEventListener("resize", checkMobile);
   }, []);
-  useEffect9(() => {
+  useEffect10(() => {
     if (open !== void 0) {
       setIsCalendarShow(open);
     }
@@ -16487,7 +16587,7 @@ function ToastCard({
 }
 
 // src/components/toast/toast-provider.tsx
-import { useState as useState13, useCallback } from "react";
+import { useState as useState14, useCallback as useCallback2 } from "react";
 import clsx13 from "clsx";
 
 // src/components/toast/toast-context.ts
@@ -16495,15 +16595,15 @@ import { createContext as createContext4 } from "react";
 var ToastContext = createContext4(null);
 
 // src/components/toast/toast-item.tsx
-import { useEffect as useEffect10, useState as useState12 } from "react";
+import { useEffect as useEffect11, useState as useState13 } from "react";
 import { jsx as jsx431 } from "react/jsx-runtime";
 function ToastItem({
   onRemove,
   duration = 4e3,
   ...props
 }) {
-  const [open, setOpen] = useState12(false);
-  useEffect10(() => {
+  const [open, setOpen] = useState13(false);
+  useEffect11(() => {
     requestAnimationFrame(() => setOpen(true));
     const timer = setTimeout(() => close2(), duration);
     return () => clearTimeout(timer);
@@ -16527,11 +16627,11 @@ function ToastProvider({
   children,
   position = "top-right"
 }) {
-  const [toasts, setToasts] = useState13([]);
+  const [toasts, setToasts] = useState14([]);
   const remove = (id) => {
     setToasts((t) => t.filter((x3) => x3.id !== id));
   };
-  const show = useCallback((props) => {
+  const show = useCallback2((props) => {
     const id = crypto.randomUUID();
     setToasts((t) => [...t, { ...props, id }]);
   }, []);
@@ -16574,9 +16674,9 @@ function useToast() {
 
 // src/components/select/select.tsx
 import React403, {
-  useState as useState14,
+  useState as useState15,
   useRef as useRef6,
-  useEffect as useEffect11
+  useEffect as useEffect12
 } from "react";
 
 // src/components/loading/rounded-spinner.tsx
@@ -16685,9 +16785,9 @@ function Select({
   searchOptions,
   searchPlaceholder = "Search..."
 }) {
-  const [isOpen, setIsOpen] = useState14(false);
-  const [searchTerm, setSearchTerm] = useState14("");
-  const [highlightedIndex, setHighlightedIndex] = useState14(0);
+  const [isOpen, setIsOpen] = useState15(false);
+  const [searchTerm, setSearchTerm] = useState15("");
+  const [highlightedIndex, setHighlightedIndex] = useState15(0);
   const containerRef = useRef6(null);
   const searchInputRef = useRef6(null);
   const optionRefs = useRef6([]);
@@ -16778,10 +16878,10 @@ function Select({
         break;
     }
   };
-  useEffect11(() => {
+  useEffect12(() => {
     setHighlightedIndex(0);
   }, [searchTerm]);
-  useEffect11(() => {
+  useEffect12(() => {
     const el = optionRefs.current[highlightedIndex];
     if (el) {
       el.scrollIntoView({
@@ -16790,7 +16890,7 @@ function Select({
       });
     }
   }, [highlightedIndex]);
-  useEffect11(() => {
+  useEffect12(() => {
     const handleClickOutside = (e) => {
       const target = e.target;
       if (target && containerRef.current && !containerRef.current.contains(target)) {
@@ -16801,23 +16901,23 @@ function Select({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  useEffect11(() => {
+  useEffect12(() => {
     if (isOpen && isSearchable) {
       searchInputRef.current?.focus();
     }
   }, [isOpen, isSearchable]);
-  useEffect11(() => {
+  useEffect12(() => {
     onOptionsChange?.(filteredOptions);
   }, [filteredOptions]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (isSelectOpen !== void 0) {
       setIsOpen(isSelectOpen);
     }
   }, [isSelectOpen]);
-  useEffect11(() => {
+  useEffect12(() => {
     onOpenChange?.(isOpen);
   }, [isOpen]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (searchOptions !== void 0) {
       setSearchTerm(searchOptions);
     }
@@ -16996,39 +17096,105 @@ function Select({
 }
 
 // src/components/tabs/tabs.tsx
-import {
+import React404, {
   createContext as createContext5,
   useContext as useContext5,
-  useState as useState15,
+  useState as useState16,
   useRef as useRef7,
-  useEffect as useEffect12
+  useEffect as useEffect13
 } from "react";
 import { jsx as jsx435, jsxs as jsxs94 } from "react/jsx-runtime";
 var TabsContext = createContext5(void 0);
+var TAB_URL_EVENT = "__tab_url_change__";
+function readParams2() {
+  if (typeof window === "undefined") {
+    return new URLSearchParams();
+  }
+  return new URLSearchParams(window.location.search);
+}
+function useUrlSearchParams2() {
+  const [params, setParams] = useState16(readParams2);
+  useEffect13(() => {
+    const sync = () => setParams(readParams2());
+    sync();
+    window.addEventListener("popstate", sync);
+    window.addEventListener(TAB_URL_EVENT, sync);
+    return () => {
+      window.removeEventListener("popstate", sync);
+      window.removeEventListener(TAB_URL_EVENT, sync);
+    };
+  }, []);
+  const setSearchParams = React404.useCallback(
+    (updater, options) => {
+      const next = updater(readParams2());
+      const query = next.toString();
+      const url = `${window.location.pathname}${query ? `?${query}` : ""}${window.location.hash}`;
+      if (options?.replace) {
+        window.history.replaceState(window.history.state, "", url);
+      } else {
+        window.history.pushState(window.history.state, "", url);
+      }
+      window.dispatchEvent(new Event(TAB_URL_EVENT));
+    },
+    []
+  );
+  return [params, setSearchParams];
+}
 var useTabsContext = () => {
   const context = useContext5(TabsContext);
-  if (!context) {
+  if (context === void 0) {
     throw new Error("Tabs components must be used within Tabs");
   }
   return context;
 };
+var useTabHref = (value) => {
+  const { buildHref } = useTabsContext();
+  return buildHref?.(value);
+};
 var Tabs = ({
   defaultValue,
   value: controlledValue,
   onValueChange,
+  id,
+  urlReplace = true,
   orientation = "horizontal",
   unmountOnHide = true,
   className,
   children
 }) => {
-  const [uncontrolledValue, setUncontrolledValue] = useState15(
+  const [searchParams, setSearchParams] = useUrlSearchParams2();
+  const [uncontrolledValue, setUncontrolledValue] = useState16(
     defaultValue ?? ""
   );
   const triggersRef = useRef7(/* @__PURE__ */ new Map());
   const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : uncontrolledValue;
+  const urlParam = id !== void 0 ? `tab-${id}` : void 0;
+  const isUrlSynced = urlParam !== void 0 && !isControlled;
+  let value;
+  if (isControlled) {
+    value = controlledValue;
+  } else if (isUrlSynced) {
+    value = searchParams.get(urlParam) ?? defaultValue ?? "";
+  } else {
+    value = uncontrolledValue;
+  }
+  const buildHref = isUrlSynced ? (newValue) => {
+    const next = new URLSearchParams(searchParams);
+    next.set(urlParam, newValue);
+    return `?${next.toString()}`;
+  } : void 0;
   const handleValueChange = (newValue) => {
-    if (!isControlled) {
+    if (isUrlSynced && urlParam !== void 0) {
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          next.set(urlParam, newValue);
+          return next;
+        },
+        { replace: urlReplace }
+      );
+    }
+    if (!isUrlSynced && !isControlled) {
       setUncontrolledValue(newValue);
     }
     onValueChange?.(newValue);
@@ -17048,7 +17214,9 @@ var Tabs = ({
         orientation,
         unmountOnHide,
         registerTrigger,
-        unregisterTrigger
+        unregisterTrigger,
+        buildHref,
+        urlReplace
       },
       children: /* @__PURE__ */ jsx435("div", { className: cn(className), "data-orientation": orientation, children })
     }
@@ -17057,15 +17225,15 @@ var Tabs = ({
 var TabsList = ({ className, children }) => {
   const { orientation, value } = useTabsContext();
   const listRef = useRef7(null);
-  const [indicatorStyle, setIndicatorStyle] = useState15({});
-  const [isInitialized, setIsInitialized] = useState15(false);
-  useEffect12(() => {
+  const [indicatorStyle, setIndicatorStyle] = useState16({});
+  const [isInitialized, setIsInitialized] = useState16(false);
+  useEffect13(() => {
     const updateIndicator = () => {
-      if (!listRef.current) return;
+      if (listRef.current === null) return;
       const activeButton = listRef.current.querySelector(
-        `[aria-selected="true"]`
+        '[aria-selected="true"]'
       );
-      if (activeButton === null || activeButton === void 0) return;
+      if (activeButton === null) return;
       const listRect = listRef.current.getBoundingClientRect();
       const buttonRect = activeButton.getBoundingClientRect();
       if (orientation === "horizontal") {
@@ -17138,36 +17306,63 @@ var TabsTrigger = ({
   className,
   children
 }) => {
-  const { value, onValueChange, registerTrigger, unregisterTrigger } = useTabsContext();
+  const {
+    value,
+    onValueChange,
+    buildHref,
+    registerTrigger,
+    unregisterTrigger
+  } = useTabsContext();
   const isSelected = value === triggerValue;
   const triggerRef = useRef7(null);
-  useEffect12(() => {
-    if (triggerRef.current) {
+  const href = buildHref?.(triggerValue);
+  useEffect13(() => {
+    if (triggerRef.current !== null) {
       registerTrigger(triggerValue, triggerRef.current);
     }
     return () => {
       unregisterTrigger(triggerValue);
     };
   }, [triggerValue, registerTrigger, unregisterTrigger]);
+  const sharedClass = cn(
+    "inline-flex cursor-pointer items-center justify-center rounded-md px-4 py-2 whitespace-nowrap",
+    "text-sm font-semibold transition-colors duration-200",
+    "focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-1 focus-visible:outline-none",
+    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+    isSelected ? "text-white" : "text-gray-700 hover:text-gray-900",
+    className
+  );
+  const sharedA11y = {
+    "role": "tab",
+    "aria-selected": isSelected,
+    "aria-controls": `panel-${triggerValue}`,
+    "id": `tab-${triggerValue}`
+  };
+  if (href !== void 0 && !disabled) {
+    return /* @__PURE__ */ jsx435(
+      "a",
+      {
+        ref: triggerRef,
+        href,
+        onClick: (e) => {
+          e.preventDefault();
+          onValueChange(triggerValue);
+        },
+        className: sharedClass,
+        ...sharedA11y,
+        children
+      }
+    );
+  }
   return /* @__PURE__ */ jsx435(
     "button",
     {
       ref: triggerRef,
-      role: "tab",
       type: "button",
-      "aria-selected": isSelected,
-      "aria-controls": `panel-${triggerValue}`,
-      id: `tab-${triggerValue}`,
       disabled,
       onClick: () => onValueChange(triggerValue),
-      className: cn(
-        "inline-flex cursor-pointer items-center justify-center rounded-md px-4 py-2 whitespace-nowrap",
-        "text-sm font-semibold transition-colors duration-200",
-        "focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-1 focus-visible:outline-none",
-        "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-        isSelected ? "text-white" : "text-gray-700 hover:text-gray-900",
-        className
-      ),
+      className: sharedClass,
+      ...sharedA11y,
       children
     }
   );
@@ -17294,7 +17489,7 @@ import StarterKit from "@tiptap/starter-kit";
 import { dracula } from "@uiw/codemirror-theme-dracula";
 import CodeMirror from "@uiw/react-codemirror";
 import clsx21 from "clsx";
-import { useEffect as useEffect18, useState as useState22 } from "react";
+import { useEffect as useEffect19, useState as useState23 } from "react";
 
 // node_modules/orderedmap/dist/index.js
 function OrderedMap(content) {
@@ -34238,13 +34433,13 @@ function ToolbarGroup({ children }) {
 }
 
 // src/components/text-editor/partials/advance-group.tsx
-import { useEffect as useEffect13, useState as useState16 } from "react";
+import { useEffect as useEffect14, useState as useState17 } from "react";
 import { jsx as jsx439 } from "react/jsx-runtime";
 function AdvanceGroup({
   onModeChange
 }) {
-  const [isHtmlMode, setIsHtmlMode] = useState16(false);
-  useEffect13(() => {
+  const [isHtmlMode, setIsHtmlMode] = useState17(false);
+  useEffect14(() => {
     onModeChange(isHtmlMode);
   }, [isHtmlMode]);
   return /* @__PURE__ */ jsx439(ToolbarGroup, { children: /* @__PURE__ */ jsx439(
@@ -34360,7 +34555,7 @@ function AlignmentGroup({
 // src/components/text-editor/partials/formatting-group.tsx
 import { useEditorState as useEditorState2 } from "@tiptap/react";
 import clsx18 from "clsx";
-import { useEffect as useEffect14, useState as useState17 } from "react";
+import { useEffect as useEffect15, useState as useState18 } from "react";
 
 // src/components/text-editor/partials/color-picker-button.tsx
 import clsx17 from "clsx";
@@ -34422,8 +34617,8 @@ function FormattingGroup({
   editor,
   disabled = false
 }) {
-  const [customFontSize, setCustomFontSize] = useState17(16);
-  const [customLineHeight, setCustomLineHeight] = useState17(1.5);
+  const [customFontSize, setCustomFontSize] = useState18(16);
+  const [customLineHeight, setCustomLineHeight] = useState18(1.5);
   const activeState = useEditorState2({
     editor,
     selector: ({ editor: editor2 }) => ({
@@ -34447,10 +34642,10 @@ function FormattingGroup({
   });
   const displayFontSize = activeState?.activeFontSize ? parseInt(activeState.activeFontSize) : 16;
   const displayLineHeight = activeState?.activeLineHeight ? parseFloat(activeState.activeLineHeight) : 1.5;
-  useEffect14(() => {
+  useEffect15(() => {
     setCustomFontSize(displayFontSize);
   }, [displayFontSize]);
-  useEffect14(() => {
+  useEffect15(() => {
     setCustomLineHeight(displayLineHeight);
   }, [displayLineHeight]);
   return /* @__PURE__ */ jsxs97(Fragment13, { children: [
@@ -34843,7 +35038,7 @@ function IndentGroup({ disabled = false, editor }) {
 
 // src/components/text-editor/partials/insert-group.tsx
 import { useEditorState as useEditorState4 } from "@tiptap/react";
-import { useState as useState21 } from "react";
+import { useState as useState22 } from "react";
 
 // src/components/kbd/kbd.tsx
 import "react";
@@ -35000,11 +35195,11 @@ function toEmbedUrl(url) {
 var yt_url_to_embed_default = toEmbedUrl;
 
 // src/components/text-editor/hooks/use-link-handler.ts
-import { useRef as useRef8, useState as useState18 } from "react";
+import { useRef as useRef8, useState as useState19 } from "react";
 import "@tiptap/react";
 function useLinkHandler({ editor }) {
-  const [isLinkOpen, setIsLinkOpen] = useState18(false);
-  const [url, setUrl] = useState18("");
+  const [isLinkOpen, setIsLinkOpen] = useState19(false);
+  const [url, setUrl] = useState19("");
   const savedSelection = useRef8(null);
   const handleOpen = (open) => {
     setIsLinkOpen(open);
@@ -35046,7 +35241,7 @@ function useLinkHandler({ editor }) {
 }
 
 // src/components/text-editor/partials/modal-insert-image.tsx
-import { useEffect as useEffect15, useState as useState19 } from "react";
+import { useEffect as useEffect16, useState as useState20 } from "react";
 
 // src/components/text-editor/constants/object-fit-options.ts
 var objectfitOptions = [
@@ -35111,13 +35306,13 @@ function ModalInsertImage({
   },
   onDownload
 }) {
-  const [currentTabImage, setCurrentTabImage] = useState19("0");
-  const [uploadInputKey, setUploadInputKey] = useState19(0);
-  const [uploadFiles, setUploadFiles] = useState19([]);
-  const [errors, setErrors] = useState19(
+  const [currentTabImage, setCurrentTabImage] = useState20("0");
+  const [uploadInputKey, setUploadInputKey] = useState20(0);
+  const [uploadFiles, setUploadFiles] = useState20([]);
+  const [errors, setErrors] = useState20(
     {}
   );
-  const [imageForm, setImageForm] = useState19(
+  const [imageForm, setImageForm] = useState20(
     createDefaultImageForm()
   );
   const resetFormState = () => {
@@ -35144,7 +35339,7 @@ function ModalInsertImage({
     setErrors(newErrors);
     return Object.keys(newErrors).length === 0;
   };
-  useEffect15(() => {
+  useEffect16(() => {
     if (!isOpen) return;
     setErrors({});
     setCurrentTabImage("0");
@@ -35410,7 +35605,7 @@ function ModalInsertImage({
 }
 
 // src/components/text-editor/partials/modal-insert-youtube.tsx
-import { useEffect as useEffect17, useState as useState20 } from "react";
+import { useEffect as useEffect18, useState as useState21 } from "react";
 
 // src/components/text-editor/helpers/is-valid-youtube-url.ts
 var isValidYoutubeUrl = (url) => {
@@ -35429,7 +35624,7 @@ var isValidYoutubeUrl = (url) => {
 var is_valid_youtube_url_default = isValidYoutubeUrl;
 
 // src/components/text-editor/hooks/use-keyboard-shortcut.ts
-import { useEffect as useEffect16 } from "react";
+import { useEffect as useEffect17 } from "react";
 function isMac() {
   if (typeof navigator === "undefined") return false;
   return /Mac|iPod|iPhone|iPad/.test(navigator.platform);
@@ -35448,7 +35643,7 @@ function useKeyboardShortcut({
   disabled = false,
   callback
 }) {
-  useEffect16(() => {
+  useEffect17(() => {
     if (disabled) return;
     const handler = (e) => {
       if (isTypingElement(e.target)) return;
@@ -35486,9 +35681,9 @@ function ModalInsertYoutube({
     },
     url: ""
   };
-  const [youtubeForm, setYoutubeForm] = useState20(defaultValue);
-  const [isValid, setIsValid] = useState20(true);
-  useEffect17(() => {
+  const [youtubeForm, setYoutubeForm] = useState21(defaultValue);
+  const [isValid, setIsValid] = useState21(true);
+  useEffect18(() => {
     if (isOpen) {
       setYoutubeForm(initialValues || defaultValue);
     }
@@ -35615,8 +35810,8 @@ function InsertGroup({
   attachmentField,
   onDownload
 }) {
-  const [isModalImageOpen, setIsModalImageOpen] = useState21(false);
-  const [isModalYoutubeOpen, setIsModalYoutubeOpen] = useState21(false);
+  const [isModalImageOpen, setIsModalImageOpen] = useState22(false);
+  const [isModalYoutubeOpen, setIsModalYoutubeOpen] = useState22(false);
   const { isLink, isInYoutube, isInImage } = useEditorState4({
     editor,
     selector: ({ editor: editor2 }) => ({
@@ -36006,8 +36201,8 @@ function TextEditor({
     indent = true,
     advance = true
   } = toolbar ?? {};
-  const [isHtmlMode, setIsHtmlMode] = useState22(false);
-  const [htmlValue, setHtmlValue] = useState22("");
+  const [isHtmlMode, setIsHtmlMode] = useState23(false);
+  const [htmlValue, setHtmlValue] = useState23("");
   const editor = useEditor({
     content: void 0,
     editable: !disabled,
@@ -36075,7 +36270,7 @@ function TextEditor({
     });
     setIsHtmlMode(false);
   };
-  useEffect18(() => {
+  useEffect19(() => {
     if (editor === null) return;
     if (value === void 0) return;
     if (editor.getHTML() === value) return;
@@ -36515,7 +36710,9 @@ export {
   toDateOnly,
   useCopy,
   useIsMobile,
+  useSheetHref,
   useSidebar,
+  useTabHref,
   useToast
 };
 //# sourceMappingURL=clients.js.map