xertica-ui 2.1.2 → 2.1.3

package/dist/input-2R4loU86.js

@@ -0,0 +1,127 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { e as cn } from "./tooltip-HDOoD2-0.js";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            tabIndex: 0,
+            role: "region",
+            "aria-label": "Região rolável",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ScrollAreaPrimitive.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground 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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+const Input = React.forwardRef(
+  ({ className, type, size = "md", ...props }, ref) => {
+    const sizeClasses = {
+      sm: "h-8 px-2 py-1 text-sm",
+      md: "h-10 px-3 py-2 text-base",
+      lg: "h-12 px-4 py-3 text-base"
+    };
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type,
+        "data-slot": "input",
+        className: cn(
+          "flex w-full min-w-0 bg-background rounded-[var(--radius)] border border-border transition-colors outline-none text-foreground",
+          "placeholder:text-muted-foreground",
+          "focus:ring-2 focus:ring-primary focus:border-transparent",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "file:border-0 file:bg-transparent file:text-sm file:font-medium",
+          sizeClasses[size],
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+export {
+  Input as I,
+  Popover as P,
+  ScrollArea as S,
+  PopoverContent as a,
+  PopoverTrigger as b,
+  ScrollBar as c
+};

package/dist/input-DWANSKGb.cjs

@@ -0,0 +1,145 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const ScrollAreaPrimitive = require("@radix-ui/react-scroll-area");
+const tooltip = require("./tooltip-Ded96neP.cjs");
+const PopoverPrimitive = require("@radix-ui/react-popover");
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const ScrollAreaPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ScrollAreaPrimitive);
+const PopoverPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(PopoverPrimitive);
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ScrollAreaPrimitive__namespace.Root,
+    {
+      "data-slot": "scroll-area",
+      className: tooltip.cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ScrollAreaPrimitive__namespace.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            tabIndex: 0,
+            role: "region",
+            "aria-label": "Região rolável",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: tooltip.cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ScrollAreaPrimitive__namespace.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    PopoverPrimitive__namespace.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: tooltip.cn(
+        "bg-popover text-popover-foreground 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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+const Input = React__namespace.forwardRef(
+  ({ className, type, size = "md", ...props }, ref) => {
+    const sizeClasses = {
+      sm: "h-8 px-2 py-1 text-sm",
+      md: "h-10 px-3 py-2 text-base",
+      lg: "h-12 px-4 py-3 text-base"
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type,
+        "data-slot": "input",
+        className: tooltip.cn(
+          "flex w-full min-w-0 bg-background rounded-[var(--radius)] border border-border transition-colors outline-none text-foreground",
+          "placeholder:text-muted-foreground",
+          "focus:ring-2 focus:ring-primary focus:border-transparent",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "file:border-0 file:bg-transparent file:text-sm file:font-medium",
+          sizeClasses[size],
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+exports.Input = Input;
+exports.Popover = Popover;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
+exports.ScrollArea = ScrollArea;
+exports.ScrollBar = ScrollBar;

package/dist/layout.cjs.js

@@ -1,5 +1,93 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const sidebar = require("./sidebar-BcJ6LxvX.cjs");
+const sidebar = require("./sidebar-CK_0ZQHj.cjs");
+const React = require("react");
+function useSidebar({
+  defaultExpanded = true,
+  expanded: controlledExpanded,
+  onExpandedChange,
+  navigationGroups = []
+} = {}) {
+  const [localExpanded, setLocalExpanded] = React.useState(defaultExpanded);
+  const isControlled = controlledExpanded !== void 0;
+  const expanded = isControlled ? controlledExpanded : localExpanded;
+  const [isMobileViewport, setIsMobileViewport] = React.useState(false);
+  const [hasOverflow, setHasOverflow] = React.useState(false);
+  const [visibleItems, setVisibleItems] = React.useState([]);
+  const [overflowItems, setOverflowItems] = React.useState([]);
+  const [openSubmenu, setOpenSubmenu] = React.useState(null);
+  const [isFilterOpen, setIsFilterOpen] = React.useState(false);
+  const navRef = React.useRef(null);
+  const setExpanded = React.useCallback(
+    (value) => {
+      const newValue = typeof value === "function" ? value(expanded) : value;
+      if (!isControlled) {
+        setLocalExpanded(newValue);
+      }
+      onExpandedChange == null ? void 0 : onExpandedChange(newValue);
+    },
+    [expanded, isControlled, onExpandedChange]
+  );
+  const toggleExpanded = React.useCallback(() => {
+    setExpanded((prev) => !prev);
+  }, [setExpanded]);
+  React.useEffect(() => {
+    const checkViewport = () => {
+      setIsMobileViewport(window.innerWidth < 768);
+    };
+    checkViewport();
+    window.addEventListener("resize", checkViewport);
+    return () => window.removeEventListener("resize", checkViewport);
+  }, []);
+  React.useEffect(() => {
+    const checkOverflow = () => {
+      if (!navRef.current || navigationGroups.length === 0) return;
+      const containerHeight = navRef.current.clientHeight;
+      let currentHeight = 0;
+      let visibleCount = 0;
+      const itemHeight = 40;
+      const groupHeaderHeight = 32;
+      const padding = 32;
+      currentHeight += padding;
+      for (let i = 0; i < navigationGroups.length; i++) {
+        const group = navigationGroups[i];
+        if (group.label) currentHeight += groupHeaderHeight;
+        currentHeight += group.items.length * itemHeight;
+        if (currentHeight > containerHeight) {
+          break;
+        }
+        visibleCount++;
+      }
+      if (visibleCount < navigationGroups.length) {
+        setHasOverflow(true);
+        setVisibleItems(navigationGroups.slice(0, visibleCount));
+        setOverflowItems(navigationGroups.slice(visibleCount));
+      } else {
+        setHasOverflow(false);
+        setVisibleItems(navigationGroups);
+        setOverflowItems([]);
+      }
+    };
+    checkOverflow();
+    window.addEventListener("resize", checkOverflow);
+    return () => window.removeEventListener("resize", checkOverflow);
+  }, [navigationGroups, expanded]);
+  return {
+    expanded,
+    setExpanded,
+    toggleExpanded,
+    isMobileViewport,
+    hasOverflow,
+    visibleItems,
+    overflowItems,
+    openSubmenu,
+    setOpenSubmenu,
+    isFilterOpen,
+    setIsFilterOpen,
+    navRef,
+    navigationGroups
+  };
+}
 exports.Header = sidebar.Header;
 exports.Sidebar = sidebar.Sidebar;
+exports.useSidebar = useSidebar;

package/dist/layout.es.js

@@ -1,5 +1,93 @@
-import { H, S } from "./sidebar-WoKvFWCN.js";
+import { H, S } from "./sidebar-CUuOvYhK.js";
+import { useState, useRef, useCallback, useEffect } from "react";
+function useSidebar({
+  defaultExpanded = true,
+  expanded: controlledExpanded,
+  onExpandedChange,
+  navigationGroups = []
+} = {}) {
+  const [localExpanded, setLocalExpanded] = useState(defaultExpanded);
+  const isControlled = controlledExpanded !== void 0;
+  const expanded = isControlled ? controlledExpanded : localExpanded;
+  const [isMobileViewport, setIsMobileViewport] = useState(false);
+  const [hasOverflow, setHasOverflow] = useState(false);
+  const [visibleItems, setVisibleItems] = useState([]);
+  const [overflowItems, setOverflowItems] = useState([]);
+  const [openSubmenu, setOpenSubmenu] = useState(null);
+  const [isFilterOpen, setIsFilterOpen] = useState(false);
+  const navRef = useRef(null);
+  const setExpanded = useCallback(
+    (value) => {
+      const newValue = typeof value === "function" ? value(expanded) : value;
+      if (!isControlled) {
+        setLocalExpanded(newValue);
+      }
+      onExpandedChange == null ? void 0 : onExpandedChange(newValue);
+    },
+    [expanded, isControlled, onExpandedChange]
+  );
+  const toggleExpanded = useCallback(() => {
+    setExpanded((prev) => !prev);
+  }, [setExpanded]);
+  useEffect(() => {
+    const checkViewport = () => {
+      setIsMobileViewport(window.innerWidth < 768);
+    };
+    checkViewport();
+    window.addEventListener("resize", checkViewport);
+    return () => window.removeEventListener("resize", checkViewport);
+  }, []);
+  useEffect(() => {
+    const checkOverflow = () => {
+      if (!navRef.current || navigationGroups.length === 0) return;
+      const containerHeight = navRef.current.clientHeight;
+      let currentHeight = 0;
+      let visibleCount = 0;
+      const itemHeight = 40;
+      const groupHeaderHeight = 32;
+      const padding = 32;
+      currentHeight += padding;
+      for (let i = 0; i < navigationGroups.length; i++) {
+        const group = navigationGroups[i];
+        if (group.label) currentHeight += groupHeaderHeight;
+        currentHeight += group.items.length * itemHeight;
+        if (currentHeight > containerHeight) {
+          break;
+        }
+        visibleCount++;
+      }
+      if (visibleCount < navigationGroups.length) {
+        setHasOverflow(true);
+        setVisibleItems(navigationGroups.slice(0, visibleCount));
+        setOverflowItems(navigationGroups.slice(visibleCount));
+      } else {
+        setHasOverflow(false);
+        setVisibleItems(navigationGroups);
+        setOverflowItems([]);
+      }
+    };
+    checkOverflow();
+    window.addEventListener("resize", checkOverflow);
+    return () => window.removeEventListener("resize", checkOverflow);
+  }, [navigationGroups, expanded]);
+  return {
+    expanded,
+    setExpanded,
+    toggleExpanded,
+    isMobileViewport,
+    hasOverflow,
+    visibleItems,
+    overflowItems,
+    openSubmenu,
+    setOpenSubmenu,
+    isFilterOpen,
+    setIsFilterOpen,
+    navRef,
+    navigationGroups
+  };
+}
 export {
   H as Header,
-  S as Sidebar
+  S as Sidebar,
+  useSidebar
 };

package/dist/pages.cjs.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const VerifyEmailPage = require("./VerifyEmailPage-CR7kb5df.cjs");
+const VerifyEmailPage = require("./VerifyEmailPage-Cwi3kbol.cjs");
 exports.ForgotPasswordPage = VerifyEmailPage.ForgotPasswordPage;
 exports.HomeContent = VerifyEmailPage.HomeContent;
 exports.HomePage = VerifyEmailPage.HomePage;

package/dist/pages.es.js

@@ -1,4 +1,4 @@
-import { F, H, a, L, R, T, b, V } from "./VerifyEmailPage-BE-L9mB7.js";
+import { F, H, a, L, R, T, b, V } from "./VerifyEmailPage-C0c2e5n0.js";
 export {
   F as ForgotPasswordPage,
   H as HomeContent,