xertica-ui 2.1.2 → 2.1.4

package/dist/components/ui/stepper/use-stepper.d.ts

@@ -0,0 +1,60 @@
+export interface UseStepperProps {
+    /** Total number of steps. */
+    totalSteps: number;
+    /** Initial active step (1-indexed). @default 1 */
+    initialStep?: number;
+    /**
+     * Controlled current step (1-indexed).
+     * When provided, step state is managed externally via `onStepChange`.
+     */
+    step?: number;
+    /** Called whenever the active step changes. */
+    onStepChange?: (step: number) => void;
+    /**
+     * Optional async guard called before advancing to the next step.
+     * Return `true` to allow the transition, `false` to block it.
+     * Useful for running form validation before moving forward.
+     */
+    onBeforeNext?: (currentStep: number) => boolean | Promise<boolean>;
+}
+export interface UseStepperReturn {
+    /** The currently active step (1-indexed). */
+    currentStep: number;
+    /** Total number of steps. */
+    totalSteps: number;
+    /** Whether the current step is the first step. */
+    isFirstStep: boolean;
+    /** Whether the current step is the last step. */
+    isLastStep: boolean;
+    /** Whether navigation to the previous step is possible. */
+    canGoPrev: boolean;
+    /** Whether navigation to the next step is possible. */
+    canGoNext: boolean;
+    /**
+     * Advance to the next step.
+     * If `onBeforeNext` is provided, it is awaited first; the step only
+     * advances when the guard returns `true`.
+     */
+    next: () => Promise<void>;
+    /** Go back to the previous step (no-op if already on step 1). */
+    prev: () => void;
+    /** Jump directly to a specific step (1-indexed, clamped to valid range). */
+    goTo: (step: number) => void;
+    /** Jump to the first step. */
+    reset: () => void;
+}
+/**
+ * Headless hook for multi-step wizard / stepper logic.
+ *
+ * @description
+ * Manages the active step state, navigation guards, and derived flags for
+ * multi-step flows. Supports both controlled and uncontrolled modes.
+ * Pair with the `<Stepper>` / `<Step>` visual components or any custom UI.
+ *
+ * @example
+ * ```tsx
+ * const { currentStep, totalSteps, next, prev, isFirstStep, isLastStep } =
+ *   useStepper({ totalSteps: 3, onBeforeNext: () => form.trigger() });
+ * ```
+ */
+export declare function useStepper({ totalSteps, initialStep, step: controlledStep, onStepChange, onBeforeNext, }: UseStepperProps): UseStepperReturn;

package/dist/components/ui/tree-view/index.d.ts

@@ -1 +1,4 @@
-export * from './tree-view';
+export { TreeView } from './tree-view';
+export type { TreeViewProps } from './tree-view';
+export { useTreeView } from './use-tree-view';
+export type { TreeNode, UseTreeViewProps, UseTreeViewReturn } from './use-tree-view';

package/dist/components/ui/tree-view/tree-view.d.ts

@@ -1,10 +1,5 @@
 import * as React from "react";
-export interface TreeNode {
-    id: string;
-    label: string;
-    icon?: React.ReactNode;
-    children?: TreeNode[];
-}
+import { type TreeNode } from "./use-tree-view";
 interface TreeViewProps extends React.HTMLAttributes<HTMLDivElement> {
     data: TreeNode[];
     /** Called when a node is clicked or activated via keyboard. */
@@ -24,6 +19,8 @@ interface TreeViewProps extends React.HTMLAttributes<HTMLDivElement> {
  * and collapsed independently. Supports custom icons per node, controlled
  * selection, and full WAI-ARIA keyboard navigation.
  *
+ * Headless logic is available via `useTreeView` for custom tree UIs.
+ *
  * @ai-rules
  * 1. Each `TreeNode` must have a unique `id`.
  * 2. Leaf nodes (no `children`) do not render expand arrows.
@@ -34,3 +31,4 @@ interface TreeViewProps extends React.HTMLAttributes<HTMLDivElement> {
 declare const TreeView: React.ForwardRefExoticComponent<TreeViewProps & React.RefAttributes<HTMLDivElement>>;
 export { TreeView };
 export type { TreeViewProps };
+export type { TreeNode } from './use-tree-view';

package/dist/components/ui/tree-view/use-tree-view.d.ts

@@ -0,0 +1,60 @@
+export interface TreeNode {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    children?: TreeNode[];
+}
+export interface UseTreeViewProps {
+    /** The tree data to manage. */
+    data: TreeNode[];
+    /** Node IDs that are expanded by default (uncontrolled). */
+    defaultExpanded?: string[];
+    /**
+     * Controlled selected node ID.
+     * When provided, selection state is managed externally.
+     */
+    selectedNodeId?: string;
+    /** Called when a node is clicked or activated via keyboard. */
+    onNodeClick?: (node: TreeNode) => void;
+    /** Called when a node becomes the selected item. */
+    onNodeSelect?: (node: TreeNode) => void;
+}
+export interface UseTreeViewReturn {
+    /** Set of currently expanded node IDs. */
+    expanded: Set<string>;
+    /** The currently selected node ID (controlled or internal). */
+    effectiveSelectedId: string | undefined;
+    /**
+     * Map of node ID → button element.
+     * Attach via the `setRef` helper returned by `getNodeRef`.
+     */
+    nodeRefs: React.MutableRefObject<Map<string, HTMLButtonElement>>;
+    /** Returns a ref-setter callback for a given node ID. */
+    getNodeRef: (nodeId: string) => (el: HTMLButtonElement | null) => void;
+    /** Toggle the expanded state of a node. */
+    toggleExpand: (nodeId: string) => void;
+    /** Select a node (updates internal state if uncontrolled, fires callbacks). */
+    handleSelect: (node: TreeNode) => void;
+    /**
+     * Full WAI-ARIA keyboard handler.
+     * Attach to `onKeyDown` of each tree-item button.
+     */
+    handleKeyDown: (e: React.KeyboardEvent, node: TreeNode) => void;
+    /** Returns the ordered list of all currently visible nodes (respects expand state). */
+    getVisibleNodes: () => TreeNode[];
+}
+/**
+ * Headless hook for hierarchical tree-view logic.
+ *
+ * @description
+ * Manages expand/collapse state, selection (controlled or uncontrolled),
+ * WAI-ARIA keyboard navigation (Arrow keys, Home, End, Enter/Space),
+ * and focus management via node refs. Pair with any custom tree UI.
+ *
+ * @example
+ * ```tsx
+ * const { expanded, effectiveSelectedId, toggleExpand, handleSelect, handleKeyDown, getNodeRef } =
+ *   useTreeView({ data, onNodeSelect });
+ * ```
+ */
+export declare function useTreeView({ data, defaultExpanded, selectedNodeId, onNodeClick, onNodeSelect, }: UseTreeViewProps): UseTreeViewReturn;

package/dist/contexts/AssistenteContext.d.ts

@@ -1,38 +1,19 @@
 import React, { ReactNode } from 'react';
+import type { Message, SearchResult, SearchSource, SearchCommand, MockResponse } from '../components/assistant/xertica-assistant/types';
+export type { Message, SearchResult, SearchSource, SearchCommand, MockResponse };
+/**
+ * @deprecated Use `Suggestion` from `xertica-assistant/types` instead.
+ * Kept for backward compatibility with existing consumers.
+ */
 export interface Sugestao {
     id: string;
     texto: string;
     icon?: ReactNode;
 }
-export interface Message {
-    id: string;
-    type: 'user' | 'assistant' | 'system';
-    content: string;
-    timestamp: Date;
-    isFavorite?: boolean;
-    chartData?: any[];
-    chartConfig?: any;
-    attachmentType?: 'image' | 'video' | 'audio' | 'file' | 'document' | 'podcast' | 'search';
-    attachmentName?: string;
-    documentContent?: string;
-    documentTitle?: string;
-    tableData?: {
-        caption?: string;
-        headers: string[];
-        rows: (string | ReactNode)[][];
-    };
-    audioUrl?: string;
-    searchResults?: SearchResult[];
-    searchSources?: SearchSource[];
-    searchCommands?: SearchCommand[];
-    evaluation?: 'like' | 'dislike';
-    evaluationReason?: string;
-}
-export interface MockResponse {
-    trigger: string | RegExp;
-    response: string | Partial<Message>;
-    delay?: number;
-}
+/**
+ * A saved conversation in the AssistenteContext (Portuguese naming convention).
+ * Note: `Conversation` in `xertica-assistant/types` uses English naming.
+ */
 export interface Conversa {
     id: string;
     titulo: string;
@@ -41,25 +22,6 @@ export interface Conversa {
     timestamp: string;
     favorita?: boolean;
 }
-export interface SearchResult {
-    id: string;
-    title: string;
-    description: string;
-    type: 'document' | 'file' | 'project' | 'conversation' | 'contact';
-    path: string;
-    relevance: number;
-    lastModified?: string;
-}
-export interface SearchSource {
-    name: string;
-    count: number;
-}
-export interface SearchCommand {
-    id: string;
-    icon: string;
-    label: string;
-    description: string;
-}
 interface AssistenteContextType {
     historico: Message[];
     conversaAtual: string;
@@ -87,4 +49,3 @@ export declare function AssistenteProvider({ children }: {
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function useAssistente(): AssistenteContextType;
-export {};

package/dist/hooks.cjs.js

@@ -1,20 +1,40 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const LayoutContext = require("./LayoutContext-CwT5KLiW.cjs");
-const ThemeContext = require("./ThemeContext-Cmr8Ex8H.cjs");
+const LayoutContext = require("./LayoutContext-BDmcZfMH.cjs");
+const ThemeContext = require("./ThemeContext-bSzuOit2.cjs");
+const LanguageContext = require("./LanguageContext-DvUt5jBg.cjs");
 const useMobile = require("./use-mobile-Dlf74ufz.cjs");
+const React = require("react");
+const useAudioPlayer = require("./use-audio-player-Dn1NR9xN.cjs");
+const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+function useLayoutShortcuts() {
+  const { toggleSidebar } = LayoutContext.useLayout();
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const handleKeyDown = (event) => {
+      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        toggleSidebar();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [toggleSidebar]);
+}
 exports.LayoutProvider = LayoutContext.LayoutProvider;
 exports.useLayout = LayoutContext.useLayout;
 exports.useOptionalLayout = LayoutContext.useOptionalLayout;
-exports.ApiKeyProvider = ThemeContext.ApiKeyProvider;
-exports.AssistenteProvider = ThemeContext.AssistenteProvider;
-exports.BrandColorsProvider = ThemeContext.BrandColorsProvider;
-exports.LanguageProvider = ThemeContext.LanguageProvider;
 exports.ThemeProvider = ThemeContext.ThemeProvider;
-exports.useApiKey = ThemeContext.useApiKey;
-exports.useAssistente = ThemeContext.useAssistente;
-exports.useBrandColors = ThemeContext.useBrandColors;
-exports.useLanguage = ThemeContext.useLanguage;
 exports.useTheme = ThemeContext.useTheme;
+exports.ApiKeyProvider = LanguageContext.ApiKeyProvider;
+exports.AssistenteProvider = LanguageContext.AssistenteProvider;
+exports.BrandColorsProvider = LanguageContext.BrandColorsProvider;
+exports.LanguageProvider = LanguageContext.LanguageProvider;
+exports.useApiKey = LanguageContext.useApiKey;
+exports.useAssistente = LanguageContext.useAssistente;
+exports.useBrandColors = LanguageContext.useBrandColors;
+exports.useLanguage = LanguageContext.useLanguage;
 exports.useIsMobile = useMobile.useIsMobile;
 exports.useMobile = useMobile.useMobile;
+exports.useAudioPlayer = useAudioPlayer.useAudioPlayer;
+exports.useLayoutShortcuts = useLayoutShortcuts;

package/dist/hooks.es.js

@@ -1,6 +1,25 @@
-import { L, u, a } from "./LayoutContext-DVLCsoQn.js";
-import { A, a as a2, B, L as L2, T, u as u2, b, c, d, e } from "./ThemeContext-BbBNoFTG.js";
+import { u as useLayout } from "./LayoutContext-dbQvdC4O.js";
+import { L, a } from "./LayoutContext-dbQvdC4O.js";
+import { T, u } from "./ThemeContext-RTy1m2Uq.js";
+import { A, a as a2, B, L as L2, u as u2, b, c, d } from "./LanguageContext-BwhwC3G2.js";
 import { u as u3, a as a3 } from "./use-mobile-CNwiBNxu.js";
+import { useEffect } from "react";
+import { u as u4 } from "./use-audio-player-Bkh23vQ3.js";
+const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+function useLayoutShortcuts() {
+  const { toggleSidebar } = useLayout();
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const handleKeyDown = (event) => {
+      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        toggleSidebar();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [toggleSidebar]);
+}
 export {
   A as ApiKeyProvider,
   a2 as AssistenteProvider,
@@ -10,11 +29,13 @@ export {
   T as ThemeProvider,
   u2 as useApiKey,
   b as useAssistente,
+  u4 as useAudioPlayer,
   c as useBrandColors,
   u3 as useIsMobile,
   d as useLanguage,
-  u as useLayout,
+  useLayout,
+  useLayoutShortcuts,
   a3 as useMobile,
   a as useOptionalLayout,
-  e as useTheme
+  u as useTheme
 };

package/dist/index.cjs.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const xerticaAssistant = require("./xertica-assistant-B1IaHXnB.cjs");
-const XerticaProvider = require("./XerticaProvider-By8q3Roe.cjs");
-const VerifyEmailPage = require("./VerifyEmailPage-CR7kb5df.cjs");
+const xerticaAssistant = require("./xertica-assistant-Bj3vBCq_.cjs");
+const XerticaProvider = require("./XerticaProvider-CW9hpCdF.cjs");
+const VerifyEmailPage = require("./VerifyEmailPage-Dt7zgA4w.cjs");
 const button = require("./button-0CXwCRTm.cjs");
 const card = require("./card-DJTsYhLL.cjs");
 const alertDialog = require("./alert-dialog-yckpaOpy.cjs");
-const AssistantChart = require("./AssistantChart-BAx9VQvb.cjs");
+const AssistantChart = require("./AssistantChart-BAudAfne.cjs");
 const breadcrumb = require("./breadcrumb-DnDlQFg2.cjs");
 const input = require("./input-CPl84zAx.cjs");
-const richTextEditor = require("./rich-text-editor-DbV-S7Fi.cjs");
+const richTextEditor = require("./rich-text-editor-GS2kpTAK.cjs");
 const slider = require("./slider-CPmwzm_3.cjs");
 const select = require("./select-DT7Zjn42.cjs");
 const tooltip = require("./tooltip-CNtsL5cB.cjs");
@@ -21,11 +21,12 @@ const googleMapsLoader = require("./google-maps-loader-BqsYL48U.cjs");
 const useMobile = require("./use-mobile-Dlf74ufz.cjs");
 const FeatureCard = require("./FeatureCard-CkPd2psQ.cjs");
 const CodeBlock = require("./CodeBlock-POVYONvC.cjs");
-const XerticaXLogo = require("./XerticaXLogo-xWbElCZj.cjs");
+const XerticaXLogo = require("./XerticaXLogo-D8jf0SNv.cjs");
 const XerticaOrbe = require("./XerticaOrbe-FWGjBj0U.cjs");
-const sidebar = require("./sidebar-BcJ6LxvX.cjs");
-const LayoutContext = require("./LayoutContext-CwT5KLiW.cjs");
-const AudioPlayer = require("./AudioPlayer-CbZId7cj.cjs");
+const sidebar = require("./sidebar-CVUGHOS_.cjs");
+require("react");
+const LayoutContext = require("./LayoutContext-BDmcZfMH.cjs");
+const AudioPlayer = require("./AudioPlayer-1ypwE2Wh.cjs");
 exports.FormattedDocument = xerticaAssistant.FormattedDocument;
 exports.MarkdownMessage = xerticaAssistant.MarkdownMessage;
 exports.ModernChatInput = xerticaAssistant.ModernChatInput;
@@ -209,8 +210,12 @@ exports.ToggleGroupItem = AssistantChart.ToggleGroupItem;
 exports.TreeView = AssistantChart.TreeView;
 exports.navigationMenuTriggerStyle = AssistantChart.navigationMenuTriggerStyle;
 exports.toggleVariants = AssistantChart.toggleVariants;
+exports.useFileUpload = AssistantChart.useFileUpload;
 exports.useFormField = AssistantChart.useFormField;
+exports.usePagination = AssistantChart.usePagination;
 exports.useStepper = AssistantChart.useStepper;
+exports.useStepperContext = AssistantChart.useStepperContext;
+exports.useTreeView = AssistantChart.useTreeView;
 exports.Breadcrumb = breadcrumb.Breadcrumb;
 exports.BreadcrumbEllipsis = breadcrumb.BreadcrumbEllipsis;
 exports.BreadcrumbItem = breadcrumb.BreadcrumbItem;
@@ -256,10 +261,15 @@ exports.EmptyDescription = richTextEditor.EmptyDescription;
 exports.EmptyIcon = richTextEditor.EmptyIcon;
 exports.EmptyImage = richTextEditor.EmptyImage;
 exports.EmptyTitle = richTextEditor.EmptyTitle;
+exports.GaugeChart = richTextEditor.GaugeChart;
 exports.HorizontalBarChart = richTextEditor.HorizontalBarChart;
 exports.InteractiveTimeSeriesChart = richTextEditor.InteractiveTimeSeriesChart;
+exports.PieMetricChart = richTextEditor.PieMetricChart;
+exports.RadarMetricChart = richTextEditor.RadarMetricChart;
+exports.RadialBarMetricChart = richTextEditor.RadialBarMetricChart;
 exports.RichTextEditor = richTextEditor.RichTextEditor;
 exports.Skeleton = richTextEditor.Skeleton;
+exports.SparklineChart = richTextEditor.SparklineChart;
 exports.Table = richTextEditor.Table;
 exports.TableBody = richTextEditor.TableBody;
 exports.TableCaption = richTextEditor.TableCaption;
@@ -270,6 +280,7 @@ exports.TableHeader = richTextEditor.TableHeader;
 exports.TableRow = richTextEditor.TableRow;
 exports.Textarea = richTextEditor.Textarea;
 exports.useChart = richTextEditor.useChart;
+exports.useRichTextEditor = richTextEditor.useRichTextEditor;
 exports.Slider = slider.Slider;
 exports.Select = select.Select;
 exports.SelectContent = select.SelectContent;

package/dist/index.es.js

@@ -1,13 +1,13 @@
-import { F, M, a, X, g, g as g2 } from "./xertica-assistant-DPsESB6t.js";
-import { X as X2 } from "./XerticaProvider-BITjgC5p.js";
-import { F as F2, H, a as a2, L, R, T, b, V } from "./VerifyEmailPage-BE-L9mB7.js";
+import { F, M, a, X, g, g as g2 } from "./xertica-assistant-BMqdyRVi.js";
+import { X as X2 } from "./XerticaProvider-siSt9uG2.js";
+import { F as F2, H, a as a2, L, R, T, b, V } from "./VerifyEmailPage-C_ihbcth.js";
 import { B, b as b2, c } from "./button-qkz7Icqf.js";
 import { C, a as a3, b as b3, c as c2, d, e, f } from "./card-fi8zAN-I.js";
 import { A, a as a4, b as b4, c as c3, d as d2, e as e2, f as f2, g as g3, h, i, j, C as C2, I, L as L2, M as M2, P, k, l, R as R2, m, S, n, T as T2, o, p, q, u } from "./alert-dialog-iDe5VE5o.js";
-import { A as A2, a as a5, b as b5, c as c4, d as d3, e as e3, C as C3, f as f3, g as g4, h as h2, i as i2, j as j2, k as k2, l as l2, m as m2, n as n2, o as o2, p as p2, q as q2, r, s, t, u as u2, v, w, x, y, z, B as B2, D, E, F as F3, G, H as H2, I as I2, J, K, L as L3, M as M3, N, O, P as P2, Q, R as R3, S as S2, T as T3, U, V as V2, W, X as X3, Y, Z, _, $, a0, a1, a2 as a22, a3 as a32, a4 as a42, a5 as a52, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, aT, aU, aV, aW, aX, aY, aZ, a_, a$, b0, b1, b2 as b22, b3 as b32, b4 as b42, b5 as b52, b6, b7, b8, b9, ba, bb, bc, bd, be } from "./AssistantChart-CVko2A1W.js";
+import { A as A2, a as a5, b as b5, c as c4, d as d3, e as e3, C as C3, f as f3, g as g4, h as h2, i as i2, j as j2, k as k2, l as l2, m as m2, n as n2, o as o2, p as p2, q as q2, r, s, t, u as u2, v, w, x, y, z, B as B2, D, E, F as F3, G, H as H2, I as I2, J, K, L as L3, M as M3, N, O, P as P2, Q, R as R3, S as S2, T as T3, U, V as V2, W, X as X3, Y, Z, _, $, a0, a1, a2 as a22, a3 as a32, a4 as a42, a5 as a52, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN, aO, aP, aQ, aR, aS, aT, aU, aV, aW, aX, aY, aZ, a_, a$, b0, b1, b2 as b22, b3 as b32, b4 as b42, b5 as b52, b6, b7, b8, b9, ba, bb, bc, bd, be, bf, bg, bh, bi } from "./AssistantChart-BP8upjMk.js";
 import { B as B3, a as a10, b as b10, c as c5, d as d4, e as e4, f as f4 } from "./breadcrumb-CVzzzqfo.js";
 import { I as I3, P as P3, a as a11, b as b11, c as c6, S as S3, d as d5 } from "./input-D-6IsAca.js";
-import { A as A3, a as a12, b as b12, C as C4, c as c7, d as d6, e as e5, f as f5, g as g5, h as h3, i as i3, D as D2, j as j3, k as k3, l as l3, m as m3, n as n3, o as o3, p as p3, q as q3, r as r2, s as s2, t as t2, u as u3, v as v2, E as E2, w as w2, x as x2, y as y2, z as z2, B as B4, H as H3, I as I4, R as R4, S as S4, T as T4, F as F4, G as G2, J as J2, K as K2, L as L4, M as M4, N as N2, O as O2, P as P4 } from "./rich-text-editor-BrdC5evx.js";
+import { A as A3, a as a12, b as b12, C as C4, c as c7, d as d6, e as e5, f as f5, g as g5, h as h3, i as i3, D as D2, j as j3, k as k3, l as l3, m as m3, n as n3, o as o3, p as p3, q as q3, r as r2, s as s2, t as t2, u as u3, v as v2, E as E2, w as w2, x as x2, y as y2, z as z2, B as B4, G as G2, H as H3, I as I4, P as P4, R as R4, F as F4, J as J2, S as S4, K as K2, T as T4, L as L4, M as M4, N as N2, O as O2, Q as Q2, U as U2, V as V3, W as W2, X as X4, Y as Y2 } from "./rich-text-editor-BmsjY03B.js";
 import { S as S5 } from "./slider-C0JKA9k3.js";
 import { S as S6, a as a13, b as b13, c as c8, d as d7, e as e6, f as f6, g as g6, h as h4, i as i4 } from "./select-En8DkoaQ.js";
 import { T as T5, a as a14, b as b14, c as c9 } from "./tooltip-CTyZCD8h.js";
@@ -17,13 +17,14 @@ import { T as T6 } from "./sonner-g9RIfi35.js";
 import { A as A4, a as a16, b as b17 } from "./avatar-DSBfJMRJ.js";
 import { G as G3, a as a17, b as b18, c as c11, r as r3, u as u4 } from "./google-maps-loader-t2IlYBzw.js";
 import { u as u5, a as a18 } from "./use-mobile-CNwiBNxu.js";
-import { A as A5, F as F5, N as N3, P as P6, a as a19, Q as Q2 } from "./FeatureCard-Bcb3Zi54.js";
+import { A as A5, F as F5, N as N3, P as P6, a as a19, Q as Q3 } from "./FeatureCard-Bcb3Zi54.js";
 import { C as C5 } from "./CodeBlock-DuxdtN-l.js";
-import { L as L5, T as T7, X as X4, a as a20 } from "./XerticaXLogo-DzXKZBtG.js";
-import { X as X5 } from "./XerticaOrbe-BGIB1CTK.js";
-import { H as H4, S as S7 } from "./sidebar-WoKvFWCN.js";
-import { L as L6, u as u6, a as a21 } from "./LayoutContext-DVLCsoQn.js";
-import { A as A6, F as F6, V as V3 } from "./AudioPlayer-DU8zt8-z.js";
+import { L as L5, T as T7, X as X5, a as a20 } from "./XerticaXLogo-fAJMy3H4.js";
+import { X as X6 } from "./XerticaOrbe-BGIB1CTK.js";
+import { H as H4, S as S7 } from "./sidebar-CmvwjnVb.js";
+import "react";
+import { L as L6, u as u6, a as a21 } from "./LayoutContext-dbQvdC4O.js";
+import { A as A6, F as F6, V as V4 } from "./AudioPlayer-DuKXrCfy.js";
 export {
   A2 as Accordion,
   a5 as AccordionContent,
@@ -170,6 +171,7 @@ export {
   F as FormattedDocument,
   G3 as GOOGLE_MAPS_ID,
   a17 as GOOGLE_MAPS_LIBRARIES,
+  G2 as GaugeChart,
   b18 as GoogleMapsLoaderProvider,
   c11 as GoogleMapsProvider,
   H4 as Header,
@@ -229,6 +231,7 @@ export {
   aF as PaginationLink,
   aG as PaginationNext,
   aH as PaginationPrevious,
+  P4 as PieMetricChart,
   P3 as Popover,
   a11 as PopoverAnchor,
   b11 as PopoverContent,
@@ -236,7 +239,9 @@ export {
   P6 as ProfileCard,
   P5 as Progress,
   a19 as ProjectCard,
-  Q2 as QuickActionCard,
+  Q3 as QuickActionCard,
+  R4 as RadarMetricChart,
+  F4 as RadialBarMetricChart,
   R2 as RadioGroup,
   m as RadioGroupItem,
   aI as Rating,
@@ -244,7 +249,7 @@ export {
   aJ as ResizableHandle,
   aK as ResizablePanel,
   aL as ResizablePanelGroup,
-  R4 as RichTextEditor,
+  J2 as RichTextEditor,
   aM as RouteMap,
   S3 as ScrollArea,
   d5 as ScrollBar,
@@ -274,25 +279,26 @@ export {
   aY as SimpleMap,
   S4 as Skeleton,
   S5 as Slider,
+  K2 as SparklineChart,
   aZ as StatsCard,
   a_ as Step,
   a$ as Stepper,
   n as Switch,
   T4 as Table,
-  F4 as TableBody,
-  G2 as TableCaption,
-  J2 as TableCell,
-  K2 as TableFooter,
-  L4 as TableHead,
-  M4 as TableHeader,
-  N2 as TableRow,
+  L4 as TableBody,
+  M4 as TableCaption,
+  N2 as TableCell,
+  O2 as TableFooter,
+  Q2 as TableHead,
+  U2 as TableHeader,
+  V3 as TableRow,
   T2 as Tabs,
   o as TabsContent,
   p as TabsList,
   q as TabsTrigger,
   T as TemplateContent,
   b as TemplatePage,
-  O2 as Textarea,
+  W2 as Textarea,
   T7 as ThemeToggle,
   b0 as Timeline,
   b1 as TimelineContent,
@@ -311,10 +317,10 @@ export {
   c9 as TooltipTrigger,
   ba as TreeView,
   V as VerifyEmailPage,
-  V3 as VideoPlayer,
+  V4 as VideoPlayer,
   X as XerticaAssistant,
-  X4 as XerticaLogo,
-  X5 as XerticaOrbe,
+  X5 as XerticaLogo,
+  X6 as XerticaOrbe,
   X2 as XerticaProvider,
   a20 as XerticaXLogo,
   b16 as badgeVariants,
@@ -325,13 +331,18 @@ export {
   bb as navigationMenuTriggerStyle,
   r3 as reloadGoogleMaps,
   bc as toggleVariants,
-  P4 as useChart,
-  bd as useFormField,
+  X4 as useChart,
+  bd as useFileUpload,
+  be as useFormField,
   u4 as useGoogleMapsLoader,
   u5 as useIsMobile,
   u6 as useLayout,
   u as useMapLayers,
   a18 as useMobile,
   a21 as useOptionalLayout,
-  be as useStepper
+  bf as usePagination,
+  Y2 as useRichTextEditor,
+  bg as useStepper,
+  bh as useStepperContext,
+  bi as useTreeView
 };

package/dist/layout.cjs.js

@@ -1,5 +1,86 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const sidebar = require("./sidebar-BcJ6LxvX.cjs");
+const sidebar = require("./sidebar-CVUGHOS_.cjs");
+const React = require("react");
+const useMobile = require("./use-mobile-Dlf74ufz.cjs");
+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 = useMobile.useIsMobile();
+  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 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;