@dev-dga/react 0.6.0 → 0.7.0

package/dist/index.js

@@ -632,6 +632,99 @@ function Upload(props) {
     }
   );
 }
+function Inbox(props) {
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx6("path", { d: "M22 12h-6l-2 3h-4l-2-3H2" }),
+        /* @__PURE__ */ jsx6("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })
+      ]
+    }
+  );
+}
+function Search(props) {
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx6("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ jsx6("path", { d: "m21 21-4.3-4.3" })
+      ]
+    }
+  );
+}
+function CaretUp(props) {
+  return /* @__PURE__ */ jsx6(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      stroke: "none",
+      ...props,
+      children: /* @__PURE__ */ jsx6("path", { d: "m12 8-6 8h12z" })
+    }
+  );
+}
+function CaretDown(props) {
+  return /* @__PURE__ */ jsx6(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      stroke: "none",
+      ...props,
+      children: /* @__PURE__ */ jsx6("path", { d: "m12 16 6-8H6z" })
+    }
+  );
+}
+function PanelLeft(props) {
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx6("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+        /* @__PURE__ */ jsx6("path", { d: "M9 3v18" })
+      ]
+    }
+  );
+}
 
 // src/components/Checkbox/Checkbox.tsx
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
@@ -4022,78 +4115,1185 @@ function DescriptionDetails({ className, ...props }) {
   );
 }
 
-// src/providers/DgaProvider.tsx
-import { useState as useState8, useMemo as useMemo3, useContext as useContext9, useEffect, useRef as useRef3 } from "react";
-import { Direction as DirectionPrimitive, Tooltip as TooltipPrimitive2 } from "radix-ui";
-import { buildTheme } from "@dev-dga/tokens";
-import { jsx as jsx36 } from "react/jsx-runtime";
-function DgaProvider({
-  dir = "ltr",
-  locale,
-  mode = "light",
-  theme,
-  as: Component = "div",
+// src/components/EmptyState/EmptyState.tsx
+import "react";
+import { Slot as SlotPrimitive9 } from "radix-ui";
+import { cva as cva33 } from "class-variance-authority";
+import { Fragment as Fragment3, jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
+var emptyStateVariants = cva33("ddga-empty-state", {
+  variants: {
+    variant: {
+      default: "ddga-empty-state--default",
+      search: "ddga-empty-state--search",
+      error: "ddga-empty-state--error",
+      success: "ddga-empty-state--success"
+    },
+    size: {
+      sm: "ddga-empty-state--sm",
+      md: "ddga-empty-state--md",
+      lg: "ddga-empty-state--lg"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+var DEFAULT_ICONS3 = {
+  default: /* @__PURE__ */ jsx36(Inbox, { "aria-hidden": "true" }),
+  search: /* @__PURE__ */ jsx36(Search, { "aria-hidden": "true" }),
+  error: /* @__PURE__ */ jsx36(AlertCircle, { "aria-hidden": "true" }),
+  success: /* @__PURE__ */ jsx36(Check, { "aria-hidden": "true" })
+};
+function EmptyState({
+  variant,
+  size,
+  icon,
+  title,
+  description,
+  action,
+  secondaryAction,
   className,
-  style: consumerStyle,
-  children
+  children,
+  ...props
 }) {
-  const parentCtx = useContext9(DgaContext);
-  const isNested = parentCtx !== null;
-  const [rootEl, setRootEl] = useState8(null);
-  const portalRef = useRef3(null);
-  const [portalEl, setPortalEl] = useState8(null);
-  const resolvedLocale = locale ?? (dir === "rtl" ? "ar" : "en");
-  const themeVars = useMemo3(() => theme ? buildTheme(theme) : null, [theme]);
-  useEffect(() => {
-    if (typeof document === "undefined") return;
-    const el = document.createElement("div");
-    el.setAttribute("data-slot", "dga-portal");
-    el.style.position = "relative";
-    el.style.zIndex = "50";
-    document.body.appendChild(el);
-    portalRef.current = el;
-    setPortalEl(el);
-    return () => {
-      el.remove();
-      portalRef.current = null;
-      setPortalEl(null);
-    };
-  }, []);
-  useEffect(() => {
-    const el = portalRef.current;
-    if (!el) return;
-    el.setAttribute("data-theme", mode);
-    el.setAttribute("dir", dir);
-    el.style.colorScheme = mode;
-    if (themeVars) {
-      for (const [k, v] of Object.entries(themeVars)) {
-        el.style.setProperty(k, String(v));
-      }
+  const resolvedIcon = icon === false ? null : icon !== void 0 ? icon : DEFAULT_ICONS3[variant ?? "default"];
+  return /* @__PURE__ */ jsx36(
+    "div",
+    {
+      "data-slot": "empty-state",
+      "data-variant": variant ?? "default",
+      "data-size": size ?? "md",
+      className: cn(emptyStateVariants({ variant, size }), className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxs27(Fragment3, { children: [
+        resolvedIcon ? /* @__PURE__ */ jsx36(EmptyStateMedia, { children: resolvedIcon }) : null,
+        title ? /* @__PURE__ */ jsx36(EmptyStateTitle, { children: title }) : null,
+        description ? /* @__PURE__ */ jsx36(EmptyStateDescription, { children: description }) : null,
+        action || secondaryAction ? /* @__PURE__ */ jsxs27(EmptyStateActions, { children: [
+          action,
+          secondaryAction
+        ] }) : null
+      ] })
     }
-  }, [mode, dir, themeVars, portalEl]);
-  const ctxValue = useMemo3(
-    () => ({ dir, locale: resolvedLocale, mode, rootEl, portalEl }),
-    [dir, resolvedLocale, mode, rootEl, portalEl]
   );
-  const inner = /* @__PURE__ */ jsx36(DirectionPrimitive.Provider, { dir, children });
-  return /* @__PURE__ */ jsx36(DgaContext.Provider, { value: ctxValue, children: /* @__PURE__ */ jsx36(
-    Component,
+}
+function EmptyStateMedia({ className, ...props }) {
+  return /* @__PURE__ */ jsx36(
+    "div",
     {
-      ref: setRootEl,
-      dir,
-      lang: resolvedLocale,
-      "data-slot": "dga-root",
-      "data-theme": mode,
-      className,
-      style: { colorScheme: mode, ...themeVars ?? {}, ...consumerStyle },
-      children: isNested ? inner : /* @__PURE__ */ jsx36(TooltipPrimitive2.Provider, { delayDuration: 300, skipDelayDuration: 100, children: inner })
+      "data-slot": "empty-state-media",
+      "aria-hidden": "true",
+      className: cn("ddga-empty-state__media", className),
+      ...props
     }
-  ) });
+  );
+}
+function EmptyStateTitle({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive9.Slot : "h3";
+  return /* @__PURE__ */ jsx36(
+    Comp,
+    {
+      "data-slot": "empty-state-title",
+      className: cn("ddga-empty-state__title", className),
+      ...props
+    }
+  );
+}
+function EmptyStateDescription({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive9.Slot : "p";
+  return /* @__PURE__ */ jsx36(
+    Comp,
+    {
+      "data-slot": "empty-state-description",
+      className: cn("ddga-empty-state__description", className),
+      ...props
+    }
+  );
+}
+function EmptyStateActions({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive9.Slot : "div";
+  return /* @__PURE__ */ jsx36(
+    Comp,
+    {
+      "data-slot": "empty-state-actions",
+      className: cn("ddga-empty-state__actions", className),
+      ...props
+    }
+  );
 }
 
-// src/hooks/useDir.ts
-function useDir() {
-  return useDga().dir;
+// src/components/Stat/Stat.tsx
+import "react";
+import { cva as cva34 } from "class-variance-authority";
+import { jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
+var statVariants = cva34("ddga-stat", {
+  variants: {
+    variant: {
+      flat: "ddga-stat--flat",
+      elevated: "ddga-stat--elevated",
+      accent: "ddga-stat--accent"
+    },
+    size: {
+      sm: "ddga-stat--sm",
+      md: "ddga-stat--md",
+      lg: "ddga-stat--lg"
+    }
+  },
+  defaultVariants: {
+    variant: "flat",
+    size: "md"
+  }
+});
+var TREND_ICONS = {
+  up: /* @__PURE__ */ jsx37(CaretUp, { "aria-hidden": "true" }),
+  down: /* @__PURE__ */ jsx37(CaretDown, { "aria-hidden": "true" }),
+  flat: /* @__PURE__ */ jsx37(Minus, { "aria-hidden": "true" })
+};
+var TREND_SENTIMENT = {
+  up: "positive",
+  down: "negative",
+  flat: "neutral"
+};
+function resolveSentiment(trend, sentiment) {
+  if (sentiment) return sentiment;
+  if (trend) return TREND_SENTIMENT[trend];
+  return void 0;
+}
+function Stat({
+  variant,
+  size,
+  label,
+  value,
+  change,
+  changeLabel,
+  trend,
+  sentiment,
+  icon,
+  className,
+  children,
+  ...props
+}) {
+  const resolvedSentiment = resolveSentiment(trend, sentiment);
+  return /* @__PURE__ */ jsxs28(
+    "div",
+    {
+      "data-slot": "stat",
+      "data-variant": variant ?? "flat",
+      "data-trend": trend,
+      "data-sentiment": resolvedSentiment,
+      className: cn(statVariants({ variant, size }), className),
+      ...props,
+      children: [
+        label || icon ? /* @__PURE__ */ jsxs28("div", { className: "ddga-stat__label-row", children: [
+          label ? /* @__PURE__ */ jsx37(StatLabel, { children: label }) : null,
+          icon ? /* @__PURE__ */ jsx37("span", { className: "ddga-stat__icon", "aria-hidden": "true", children: icon }) : null
+        ] }) : null,
+        value ? /* @__PURE__ */ jsx37(StatValue, { children: value }) : null,
+        change || changeLabel ? /* @__PURE__ */ jsxs28("div", { className: "ddga-stat__change-row", children: [
+          change ? /* @__PURE__ */ jsx37(StatChange, { trend, sentiment, children: change }) : null,
+          changeLabel ? /* @__PURE__ */ jsx37("span", { className: "ddga-stat__change-label", children: changeLabel }) : null
+        ] }) : null,
+        children
+      ]
+    }
+  );
+}
+function StatLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx37("div", { "data-slot": "stat-label", className: cn("ddga-stat__label", className), ...props });
+}
+function StatValue({ className, ...props }) {
+  return /* @__PURE__ */ jsx37("div", { "data-slot": "stat-value", className: cn("ddga-stat__value", className), ...props });
+}
+function StatChange({ trend, sentiment, className, children, ...props }) {
+  const resolvedSentiment = resolveSentiment(trend, sentiment);
+  return /* @__PURE__ */ jsxs28(
+    "div",
+    {
+      "data-slot": "stat-change",
+      "data-trend": trend,
+      "data-sentiment": resolvedSentiment,
+      className: cn(
+        "ddga-stat__change",
+        resolvedSentiment ? `ddga-stat__change--${resolvedSentiment}` : null,
+        className
+      ),
+      ...props,
+      children: [
+        trend ? /* @__PURE__ */ jsx37("span", { className: "ddga-stat__change-icon", children: TREND_ICONS[trend] }) : null,
+        children
+      ]
+    }
+  );
+}
+
+// src/components/Stat/StatGroup.tsx
+import { cva as cva35 } from "class-variance-authority";
+import { jsx as jsx38 } from "react/jsx-runtime";
+var statGroupVariants = cva35("ddga-stat-group", {
+  variants: {
+    orientation: {
+      horizontal: "ddga-stat-group--horizontal",
+      vertical: "ddga-stat-group--vertical"
+    },
+    gap: {
+      sm: "ddga-stat-group--gap-sm",
+      md: "ddga-stat-group--gap-md",
+      lg: "ddga-stat-group--gap-lg"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+    gap: "md"
+  }
+});
+function StatGroup({ orientation, gap, columns, className, style, ...props }) {
+  return /* @__PURE__ */ jsx38(
+    "div",
+    {
+      "data-slot": "stat-group",
+      className: cn(
+        statGroupVariants({ orientation, gap }),
+        columns != null && "ddga-stat-group--cols",
+        className
+      ),
+      style: columns != null ? { "--ddga-stat-group-columns": columns, ...style } : style,
+      ...props
+    }
+  );
+}
+
+// src/components/Popover/Popover.tsx
+import { useContext as useContext9 } from "react";
+import { Popover as PopoverPrimitive2 } from "radix-ui";
+import { cva as cva36 } from "class-variance-authority";
+import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
+var popoverContentVariants = cva36("ddga-popover", {
+  variants: {
+    size: {
+      sm: "ddga-popover--sm",
+      md: "ddga-popover--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Popover(props) {
+  return /* @__PURE__ */ jsx39(PopoverPrimitive2.Root, { ...props });
+}
+function PopoverTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx39(PopoverPrimitive2.Trigger, { "data-slot": "popover-trigger", className, ...props });
+}
+function PopoverAnchor(props) {
+  return /* @__PURE__ */ jsx39(PopoverPrimitive2.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+function PopoverContent({
+  size,
+  arrow = false,
+  sideOffset = 6,
+  className,
+  children,
+  ...props
+}) {
+  if (process.env.NODE_ENV === "development" && !props["aria-label"] && !props["aria-labelledby"]) {
+    console.warn(
+      '[@dev-dga/react] PopoverContent renders role="dialog" and should have an `aria-label` or `aria-labelledby` so the panel has an accessible name.'
+    );
+  }
+  const ctx = useContext9(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ jsx39(PopoverPrimitive2.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs29(
+    PopoverPrimitive2.Content,
+    {
+      "data-slot": "popover-content",
+      sideOffset,
+      className: cn(popoverContentVariants({ size }), className),
+      ...props,
+      children: [
+        children,
+        arrow ? /* @__PURE__ */ jsx39(PopoverPrimitive2.Arrow, { className: "ddga-popover__arrow", width: 16, height: 8 }) : null
+      ]
+    }
+  ) });
+}
+function PopoverClose({
+  className,
+  children,
+  closeLabel = "Close",
+  asChild,
+  ...props
+}) {
+  const hasRenderableChildren = children != null && children !== false;
+  if (asChild || hasRenderableChildren) {
+    return /* @__PURE__ */ jsx39(
+      PopoverPrimitive2.Close,
+      {
+        "data-slot": "popover-close",
+        asChild,
+        className,
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx39(
+    PopoverPrimitive2.Close,
+    {
+      "data-slot": "popover-close",
+      "aria-label": closeLabel,
+      className: cn("ddga-popover__close", className),
+      ...props,
+      children: /* @__PURE__ */ jsx39(Close, { "aria-hidden": "true" })
+    }
+  );
+}
+
+// src/components/Sidebar/Sidebar.tsx
+import { useCallback as useCallback3, useEffect as useEffect2, useMemo as useMemo3, useState as useState9 } from "react";
+import { Slot as SlotPrimitive10 } from "radix-ui";
+
+// src/components/Sidebar/SidebarContext.ts
+import { createContext as createContext3, useContext as useContext10 } from "react";
+var SidebarContext = createContext3(null);
+function useSidebar() {
+  const ctx = useContext10(SidebarContext);
+  if (!ctx) {
+    throw new Error("useSidebar must be used within a <SidebarProvider>");
+  }
+  return ctx;
+}
+
+// src/components/Sidebar/useIsMobile.ts
+import { useEffect, useState as useState8 } from "react";
+function useIsMobile(breakpoint = 768) {
+  const [isMobile, setIsMobile] = useState8(false);
+  useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
+    const onChange = () => setIsMobile(mql.matches);
+    onChange();
+    mql.addEventListener("change", onChange);
+    return () => mql.removeEventListener("change", onChange);
+  }, [breakpoint]);
+  return isMobile;
+}
+
+// src/components/Sidebar/Sidebar.tsx
+import { jsx as jsx40 } from "react/jsx-runtime";
+function SidebarProvider({
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange,
+  mobileBreakpoint = 768,
+  keyboardShortcut = true,
+  className,
+  style,
+  children,
+  ...props
+}) {
+  const isMobile = useIsMobile(mobileBreakpoint);
+  const [openMobile, setOpenMobile] = useState9(false);
+  const isControlled = openProp !== void 0;
+  const [openInternal, setOpenInternal] = useState9(defaultOpen);
+  const open = isControlled ? openProp : openInternal;
+  const setOpen = useCallback3(
+    (value2) => {
+      if (!isControlled) setOpenInternal(value2);
+      onOpenChange?.(value2);
+    },
+    [isControlled, onOpenChange]
+  );
+  const toggleSidebar = useCallback3(() => {
+    if (isMobile) {
+      setOpenMobile((v) => !v);
+      return;
+    }
+    if (isControlled) {
+      onOpenChange?.(!open);
+    } else {
+      setOpenInternal((v) => !v);
+    }
+  }, [isMobile, isControlled, onOpenChange, open]);
+  useEffect2(() => {
+    if (!keyboardShortcut) return;
+    const onKeyDown = (e) => {
+      if (e.key.toLowerCase() === "b" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        toggleSidebar();
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [keyboardShortcut, toggleSidebar]);
+  const state = open ? "expanded" : "collapsed";
+  const value = useMemo3(
+    () => ({ state, open, setOpen, openMobile, setOpenMobile, isMobile, toggleSidebar }),
+    [state, open, setOpen, openMobile, isMobile, toggleSidebar]
+  );
+  return /* @__PURE__ */ jsx40(SidebarContext.Provider, { value, children: /* @__PURE__ */ jsx40(
+    "div",
+    {
+      "data-slot": "sidebar-wrapper",
+      className: cn("ddga-sidebar-wrapper", className),
+      style,
+      ...props,
+      children
+    }
+  ) });
+}
+function Sidebar({
+  variant = "sidebar",
+  collapsible = "icon",
+  side = "start",
+  className,
+  children,
+  "aria-label": ariaLabel = "Sidebar",
+  ...props
+}) {
+  const { isMobile, openMobile, setOpenMobile, state } = useSidebar();
+  if (isMobile) {
+    return /* @__PURE__ */ jsx40(Drawer, { open: openMobile, onOpenChange: setOpenMobile, children: /* @__PURE__ */ jsx40(
+      DrawerContent,
+      {
+        side,
+        size: "sm",
+        "aria-label": ariaLabel,
+        "data-mobile": "true",
+        "data-variant": variant,
+        "data-side": side,
+        className: cn("ddga-sidebar", "ddga-sidebar--mobile", className),
+        children
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx40(
+    "aside",
+    {
+      "data-slot": "sidebar",
+      "aria-label": ariaLabel,
+      "data-state": state,
+      "data-collapsible": collapsible,
+      "data-variant": variant,
+      "data-side": side,
+      className: cn("ddga-sidebar", className),
+      ...props,
+      children
+    }
+  );
+}
+function SidebarTrigger({
+  asChild,
+  className,
+  onClick,
+  children,
+  "aria-label": ariaLabel = "Toggle sidebar",
+  ...props
+}) {
+  const { toggleSidebar, open, openMobile, isMobile } = useSidebar();
+  const Comp = asChild ? SlotPrimitive10.Slot : "button";
+  return /* @__PURE__ */ jsx40(
+    Comp,
+    {
+      type: asChild ? void 0 : "button",
+      "data-slot": "sidebar-trigger",
+      "aria-label": asChild ? void 0 : ariaLabel,
+      "aria-haspopup": isMobile ? "dialog" : void 0,
+      "aria-expanded": isMobile ? openMobile : open,
+      className: cn("ddga-sidebar__trigger", className),
+      onClick: (e) => {
+        onClick?.(e);
+        toggleSidebar();
+      },
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx40(PanelLeft, { "aria-hidden": "true" })
+    }
+  );
+}
+function SidebarRail({
+  className,
+  "aria-label": ariaLabel = "Toggle sidebar",
+  ...props
+}) {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ jsx40(
+    "button",
+    {
+      type: "button",
+      "data-slot": "sidebar-rail",
+      "aria-label": ariaLabel,
+      title: ariaLabel,
+      tabIndex: -1,
+      className: cn("ddga-sidebar__rail", className),
+      onClick: toggleSidebar,
+      ...props
+    }
+  );
+}
+function SidebarInset({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive10.Slot : "main";
+  return /* @__PURE__ */ jsx40(Comp, { "data-slot": "sidebar-inset", className: cn("ddga-sidebar-inset", className), ...props });
+}
+function SidebarHeader({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive10.Slot : "div";
+  return /* @__PURE__ */ jsx40(Comp, { "data-slot": "sidebar-header", className: cn("ddga-sidebar__header", className), ...props });
+}
+function SidebarContent({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive10.Slot : "div";
+  return /* @__PURE__ */ jsx40(
+    Comp,
+    {
+      "data-slot": "sidebar-content",
+      className: cn("ddga-sidebar__content", className),
+      ...props
+    }
+  );
+}
+function SidebarFooter({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive10.Slot : "div";
+  return /* @__PURE__ */ jsx40(Comp, { "data-slot": "sidebar-footer", className: cn("ddga-sidebar__footer", className), ...props });
+}
+function SidebarSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx40(
+    "hr",
+    {
+      "data-slot": "sidebar-separator",
+      className: cn("ddga-sidebar__separator", className),
+      ...props
+    }
+  );
+}
+
+// src/components/Sidebar/SidebarGroup.tsx
+import { Slot as SlotPrimitive11 } from "radix-ui";
+import { jsx as jsx41 } from "react/jsx-runtime";
+function SidebarGroup({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive11.Slot : "div";
+  return /* @__PURE__ */ jsx41(
+    Comp,
+    {
+      "data-slot": "sidebar-group",
+      role: "group",
+      className: cn("ddga-sidebar__group", className),
+      ...props
+    }
+  );
+}
+function SidebarGroupLabel({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive11.Slot : "div";
+  return /* @__PURE__ */ jsx41(
+    Comp,
+    {
+      "data-slot": "sidebar-group-label",
+      className: cn("ddga-sidebar__group-label", className),
+      ...props
+    }
+  );
+}
+function SidebarGroupAction({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive11.Slot : "button";
+  return /* @__PURE__ */ jsx41(
+    Comp,
+    {
+      type: asChild ? void 0 : "button",
+      "data-slot": "sidebar-group-action",
+      className: cn("ddga-sidebar__group-action", className),
+      ...props
+    }
+  );
+}
+function SidebarGroupContent({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive11.Slot : "div";
+  return /* @__PURE__ */ jsx41(
+    Comp,
+    {
+      "data-slot": "sidebar-group-content",
+      className: cn("ddga-sidebar__group-content", className),
+      ...props
+    }
+  );
+}
+
+// src/components/Sidebar/SidebarMenu.tsx
+import { Slot as SlotPrimitive12 } from "radix-ui";
+import { cva as cva37 } from "class-variance-authority";
+
+// src/hooks/useDir.ts
+function useDir() {
+  return useDga().dir;
+}
+
+// src/components/Sidebar/SidebarMenu.tsx
+import { jsx as jsx42, jsxs as jsxs30 } from "react/jsx-runtime";
+function SidebarMenu({ className, ...props }) {
+  return /* @__PURE__ */ jsx42("ul", { "data-slot": "sidebar-menu", className: cn("ddga-sidebar__menu", className), ...props });
+}
+function SidebarMenuItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx42(
+    "li",
+    {
+      "data-slot": "sidebar-menu-item",
+      className: cn("ddga-sidebar__menu-item", className),
+      ...props
+    }
+  );
+}
+var sidebarMenuButtonVariants = cva37("ddga-sidebar__menu-button", {
+  variants: {
+    size: {
+      sm: "ddga-sidebar__menu-button--sm",
+      md: "ddga-sidebar__menu-button--md",
+      lg: "ddga-sidebar__menu-button--lg"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+function SidebarMenuButton({
+  asChild,
+  isActive,
+  size,
+  tooltip,
+  className,
+  ...props
+}) {
+  const { state, isMobile } = useSidebar();
+  const dir = useDir();
+  const Comp = asChild ? SlotPrimitive12.Slot : "button";
+  const button = /* @__PURE__ */ jsx42(
+    Comp,
+    {
+      type: asChild ? void 0 : "button",
+      "data-slot": "sidebar-menu-button",
+      "data-active": isActive || void 0,
+      "data-size": size ?? "md",
+      "aria-current": isActive ? "page" : void 0,
+      className: cn(sidebarMenuButtonVariants({ size }), className),
+      ...props
+    }
+  );
+  if (!tooltip || state !== "collapsed" || isMobile) {
+    return button;
+  }
+  return /* @__PURE__ */ jsxs30(Tooltip, { children: [
+    /* @__PURE__ */ jsx42(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx42("span", { "data-slot": "tooltip-trigger", style: { display: "contents" }, children: button }) }),
+    /* @__PURE__ */ jsx42(TooltipContent, { side: dir === "rtl" ? "left" : "right", children: tooltip })
+  ] });
+}
+function SidebarMenuAction({ asChild, showOnHover, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive12.Slot : "button";
+  return /* @__PURE__ */ jsx42(
+    Comp,
+    {
+      type: asChild ? void 0 : "button",
+      "data-slot": "sidebar-menu-action",
+      "data-show-on-hover": showOnHover || void 0,
+      className: cn("ddga-sidebar__menu-action", className),
+      ...props
+    }
+  );
+}
+function SidebarMenuBadge({ className, ...props }) {
+  return /* @__PURE__ */ jsx42(
+    "span",
+    {
+      "data-slot": "sidebar-menu-badge",
+      className: cn("ddga-sidebar__menu-badge", className),
+      ...props
+    }
+  );
+}
+function SidebarMenuSkeleton({ showIcon, className, ...props }) {
+  return /* @__PURE__ */ jsxs30(
+    "div",
+    {
+      "data-slot": "sidebar-menu-skeleton",
+      className: cn("ddga-sidebar__menu-skeleton", className),
+      ...props,
+      children: [
+        showIcon ? /* @__PURE__ */ jsx42(Skeleton, { shape: "circle", width: "1rem", height: "1rem" }) : null,
+        /* @__PURE__ */ jsx42(Skeleton, { shape: "text", className: "ddga-sidebar__menu-skeleton-text" })
+      ]
+    }
+  );
+}
+function SidebarMenuSub({ className, ...props }) {
+  return /* @__PURE__ */ jsx42(
+    "ul",
+    {
+      "data-slot": "sidebar-menu-sub",
+      className: cn("ddga-sidebar__menu-sub", className),
+      ...props
+    }
+  );
+}
+function SidebarMenuSubItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx42(
+    "li",
+    {
+      "data-slot": "sidebar-menu-sub-item",
+      className: cn("ddga-sidebar__menu-sub-item", className),
+      ...props
+    }
+  );
+}
+var sidebarMenuSubButtonVariants = cva37("ddga-sidebar__menu-sub-button", {
+  variants: {
+    size: {
+      sm: "ddga-sidebar__menu-sub-button--sm",
+      md: "ddga-sidebar__menu-sub-button--md"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+function SidebarMenuSubButton({
+  asChild,
+  isActive,
+  size,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? SlotPrimitive12.Slot : "a";
+  return /* @__PURE__ */ jsx42(
+    Comp,
+    {
+      "data-slot": "sidebar-menu-sub-button",
+      "data-active": isActive || void 0,
+      "data-size": size ?? "md",
+      "aria-current": isActive ? "page" : void 0,
+      className: cn(sidebarMenuSubButtonVariants({ size }), className),
+      ...props
+    }
+  );
+}
+
+// src/components/ScrollArea/ScrollArea.tsx
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+import { cva as cva38 } from "class-variance-authority";
+import { jsx as jsx43, jsxs as jsxs31 } from "react/jsx-runtime";
+var scrollAreaVariants = cva38("ddga-scroll-area", {
+  variants: {
+    orientation: {
+      vertical: "ddga-scroll-area--vertical",
+      horizontal: "ddga-scroll-area--horizontal",
+      both: "ddga-scroll-area--both"
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+function warnMissingLabel(ariaLabel, ariaLabelledby) {
+  if (process.env.NODE_ENV === "production") return;
+  if (ariaLabel || ariaLabelledby) return;
+  console.warn(
+    "[dga/ScrollArea] <ScrollArea> has no accessible name. The scroll viewport is keyboard-focusable; pass `aria-label` or `aria-labelledby` so screen-reader users know what region they are scrolling. If the content is itself focusable (e.g. a list of links) and you do not want a labelled region, pass `viewportProps={{ tabIndex: -1 }}`."
+  );
+}
+function ScrollArea({
+  className,
+  orientation = "vertical",
+  type = "hover",
+  scrollHideDelay = 600,
+  viewportRef,
+  viewportProps,
+  children,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  ...props
+}) {
+  warnMissingLabel(ariaLabel, ariaLabelledby);
+  const hasLabel = Boolean(ariaLabel || ariaLabelledby);
+  const showVertical = orientation === "vertical" || orientation === "both";
+  const showHorizontal = orientation === "horizontal" || orientation === "both";
+  const { className: viewportClassName, ...restViewportProps } = viewportProps ?? {};
+  return /* @__PURE__ */ jsxs31(
+    ScrollAreaPrimitive.Root,
+    {
+      "data-slot": "scroll-area",
+      type,
+      scrollHideDelay,
+      className: cn(scrollAreaVariants({ orientation }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx43(
+          ScrollAreaPrimitive.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: cn("ddga-scroll-area__viewport", viewportClassName),
+            ref: viewportRef,
+            tabIndex: 0,
+            role: hasLabel ? "region" : void 0,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledby,
+            ...restViewportProps,
+            children
+          }
+        ),
+        showVertical ? /* @__PURE__ */ jsx43(
+          ScrollAreaPrimitive.Scrollbar,
+          {
+            "data-slot": "scroll-area-scrollbar",
+            orientation: "vertical",
+            className: "ddga-scroll-area__scrollbar",
+            children: /* @__PURE__ */ jsx43(ScrollAreaPrimitive.Thumb, { className: "ddga-scroll-area__thumb" })
+          }
+        ) : null,
+        showHorizontal ? /* @__PURE__ */ jsx43(
+          ScrollAreaPrimitive.Scrollbar,
+          {
+            "data-slot": "scroll-area-scrollbar",
+            orientation: "horizontal",
+            className: "ddga-scroll-area__scrollbar",
+            children: /* @__PURE__ */ jsx43(ScrollAreaPrimitive.Thumb, { className: "ddga-scroll-area__thumb" })
+          }
+        ) : null,
+        orientation === "both" ? /* @__PURE__ */ jsx43(ScrollAreaPrimitive.Corner, { className: "ddga-scroll-area__corner" }) : null
+      ]
+    }
+  );
+}
+
+// src/components/Menubar/Menubar.tsx
+import { useContext as useContext11 } from "react";
+import { Menubar as MenubarPrimitive } from "radix-ui";
+import { cva as cva39 } from "class-variance-authority";
+import { jsx as jsx44, jsxs as jsxs32 } from "react/jsx-runtime";
+var menubarContentVariants = cva39("ddga-menubar-menu", {
+  variants: {
+    size: {
+      sm: "ddga-menubar-menu--sm",
+      md: "ddga-menubar-menu--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var menubarTriggerVariants = cva39("ddga-menubar__trigger", {
+  variants: {
+    variant: {
+      default: "ddga-menubar__trigger--default",
+      outline: "ddga-menubar__trigger--outline"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Menubar({ className, ...props }) {
+  return /* @__PURE__ */ jsx44(
+    MenubarPrimitive.Root,
+    {
+      "data-slot": "menubar",
+      className: cn("ddga-menubar", className),
+      ...props
+    }
+  );
+}
+function MenubarMenu(props) {
+  return /* @__PURE__ */ jsx44(MenubarPrimitive.Menu, { ...props });
+}
+function MenubarTrigger({ variant, className, ...props }) {
+  return /* @__PURE__ */ jsx44(
+    MenubarPrimitive.Trigger,
+    {
+      "data-slot": "menubar-trigger",
+      "data-variant": variant ?? "default",
+      className: cn(menubarTriggerVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function MenubarContent({ size, className, sideOffset = 6, ...props }) {
+  const ctx = useContext11(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ jsx44(MenubarPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx44(
+    MenubarPrimitive.Content,
+    {
+      "data-slot": "menubar-content",
+      sideOffset,
+      className: cn(menubarContentVariants({ size }), className),
+      ...props
+    }
+  ) });
+}
+function MenubarItem({
+  className,
+  destructive,
+  startIcon,
+  shortcut,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs32(
+    MenubarPrimitive.Item,
+    {
+      "data-slot": "menubar-item",
+      "data-destructive": destructive ? "" : void 0,
+      className: cn("ddga-menubar-menu__item", className),
+      ...props,
+      children: [
+        startIcon ? /* @__PURE__ */ jsx44("span", { className: "ddga-menubar-menu__icon", "aria-hidden": "true", children: startIcon }) : null,
+        /* @__PURE__ */ jsx44("span", { className: "ddga-menubar-menu__label", children }),
+        shortcut ? /* @__PURE__ */ jsx44("span", { className: "ddga-menubar-menu__shortcut", "aria-hidden": "true", children: shortcut }) : null
+      ]
+    }
+  );
+}
+function MenubarCheckboxItem({
+  className,
+  children,
+  onSelect,
+  ...props
+}) {
+  const handleSelect = onSelect ?? ((event) => {
+    event.preventDefault();
+  });
+  return /* @__PURE__ */ jsxs32(
+    MenubarPrimitive.CheckboxItem,
+    {
+      "data-slot": "menubar-checkbox-item",
+      className: cn("ddga-menubar-menu__item", "ddga-menubar-menu__item--checkable", className),
+      onSelect: handleSelect,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx44("span", { className: "ddga-menubar-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx44(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx44(Check, { className: "ddga-menubar-menu__indicator-icon" }) }) }),
+        /* @__PURE__ */ jsx44("span", { className: "ddga-menubar-menu__label", children })
+      ]
+    }
+  );
+}
+function MenubarRadioGroup(props) {
+  return /* @__PURE__ */ jsx44(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+}
+function MenubarRadioItem({ className, children, onSelect, ...props }) {
+  const handleSelect = onSelect ?? ((event) => {
+    event.preventDefault();
+  });
+  return /* @__PURE__ */ jsxs32(
+    MenubarPrimitive.RadioItem,
+    {
+      "data-slot": "menubar-radio-item",
+      className: cn("ddga-menubar-menu__item", "ddga-menubar-menu__item--checkable", className),
+      onSelect: handleSelect,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx44("span", { className: "ddga-menubar-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx44(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx44("span", { className: "ddga-menubar-menu__radio-dot" }) }) }),
+        /* @__PURE__ */ jsx44("span", { className: "ddga-menubar-menu__label", children })
+      ]
+    }
+  );
+}
+function MenubarLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx44(
+    MenubarPrimitive.Label,
+    {
+      "data-slot": "menubar-label",
+      className: cn("ddga-menubar-menu__group-label", className),
+      ...props
+    }
+  );
+}
+function MenubarSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx44(
+    MenubarPrimitive.Separator,
+    {
+      "data-slot": "menubar-separator",
+      className: cn("ddga-menubar-menu__separator", className),
+      ...props
+    }
+  );
+}
+function MenubarGroup(props) {
+  return /* @__PURE__ */ jsx44(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
+}
+function MenubarSub(props) {
+  return /* @__PURE__ */ jsx44(MenubarPrimitive.Sub, { ...props });
+}
+function MenubarSubTrigger({ className, startIcon, children, ...props }) {
+  return /* @__PURE__ */ jsxs32(
+    MenubarPrimitive.SubTrigger,
+    {
+      "data-slot": "menubar-sub-trigger",
+      className: cn("ddga-menubar-menu__item", "ddga-menubar-menu__item--sub", className),
+      ...props,
+      children: [
+        startIcon ? /* @__PURE__ */ jsx44("span", { className: "ddga-menubar-menu__icon", "aria-hidden": "true", children: startIcon }) : null,
+        /* @__PURE__ */ jsx44("span", { className: "ddga-menubar-menu__label", children }),
+        /* @__PURE__ */ jsx44(ChevronRight, { className: "ddga-menubar-menu__sub-chevron", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+function MenubarSubContent({ size, className, ...props }) {
+  const ctx = useContext11(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ jsx44(MenubarPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx44(
+    MenubarPrimitive.SubContent,
+    {
+      "data-slot": "menubar-sub-content",
+      className: cn(menubarContentVariants({ size }), className),
+      ...props
+    }
+  ) });
+}
+
+// src/components/Timeline/Timeline.tsx
+import { cva as cva40 } from "class-variance-authority";
+import { jsx as jsx45 } from "react/jsx-runtime";
+var timelineVariants = cva40("ddga-timeline", {
+  variants: {
+    size: {
+      sm: "ddga-timeline--sm",
+      md: "ddga-timeline--md"
+    },
+    orientation: {
+      vertical: "ddga-timeline--vertical",
+      horizontal: "ddga-timeline--horizontal"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    orientation: "vertical"
+  }
+});
+var timelineMarkerVariants = cva40("ddga-timeline__marker", {
+  variants: {
+    status: {
+      default: "ddga-timeline__marker--default",
+      success: "ddga-timeline__marker--success",
+      error: "ddga-timeline__marker--error",
+      warning: "ddga-timeline__marker--warning",
+      info: "ddga-timeline__marker--info"
+    }
+  },
+  defaultVariants: {
+    status: "default"
+  }
+});
+function Timeline({ size, orientation, className, ...props }) {
+  return /* @__PURE__ */ jsx45(
+    "ol",
+    {
+      "data-slot": "timeline",
+      "data-orientation": orientation ?? "vertical",
+      className: cn(timelineVariants({ size, orientation }), className),
+      ...props
+    }
+  );
+}
+function TimelineItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx45("li", { "data-slot": "timeline-item", className: cn("ddga-timeline__item", className), ...props });
+}
+function TimelineMarker({ status, className, children, ...props }) {
+  const resolved = status ?? "default";
+  const reached = resolved !== "default";
+  return /* @__PURE__ */ jsx45(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-slot": "timeline-marker",
+      "data-status": resolved,
+      "data-reached": reached ? "" : void 0,
+      className: cn(timelineMarkerVariants({ status }), className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx45("span", { className: "ddga-timeline__dot" })
+    }
+  );
+}
+function TimelineContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx45(
+    "div",
+    {
+      "data-slot": "timeline-content",
+      className: cn("ddga-timeline__content", className),
+      ...props
+    }
+  );
+}
+function TimelineTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx45("span", { "data-slot": "timeline-title", className: cn("ddga-timeline__title", className), ...props });
+}
+function TimelineDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx45(
+    "span",
+    {
+      "data-slot": "timeline-description",
+      className: cn("ddga-timeline__description", className),
+      ...props
+    }
+  );
+}
+function TimelineTime({ className, ...props }) {
+  return /* @__PURE__ */ jsx45("time", { "data-slot": "timeline-time", className: cn("ddga-timeline__time", className), ...props });
+}
+
+// src/providers/DgaProvider.tsx
+import { useState as useState10, useMemo as useMemo4, useContext as useContext12, useEffect as useEffect3, useRef as useRef3 } from "react";
+import { Direction as DirectionPrimitive, Tooltip as TooltipPrimitive2 } from "radix-ui";
+import { buildTheme } from "@dev-dga/tokens";
+import { jsx as jsx46 } from "react/jsx-runtime";
+function DgaProvider({
+  dir = "ltr",
+  locale,
+  mode = "light",
+  theme,
+  as: Component = "div",
+  className,
+  style: consumerStyle,
+  children
+}) {
+  const parentCtx = useContext12(DgaContext);
+  const isNested = parentCtx !== null;
+  const [rootEl, setRootEl] = useState10(null);
+  const portalRef = useRef3(null);
+  const [portalEl, setPortalEl] = useState10(null);
+  const resolvedLocale = locale ?? (dir === "rtl" ? "ar" : "en");
+  const themeVars = useMemo4(() => theme ? buildTheme(theme) : null, [theme]);
+  useEffect3(() => {
+    if (typeof document === "undefined") return;
+    const el = document.createElement("div");
+    el.setAttribute("data-slot", "dga-portal");
+    el.style.position = "relative";
+    el.style.zIndex = "50";
+    document.body.appendChild(el);
+    portalRef.current = el;
+    setPortalEl(el);
+    return () => {
+      el.remove();
+      portalRef.current = null;
+      setPortalEl(null);
+    };
+  }, []);
+  useEffect3(() => {
+    const el = portalRef.current;
+    if (!el) return;
+    el.setAttribute("data-theme", mode);
+    el.setAttribute("dir", dir);
+    el.style.colorScheme = mode;
+    if (themeVars) {
+      for (const [k, v] of Object.entries(themeVars)) {
+        el.style.setProperty(k, String(v));
+      }
+    }
+  }, [mode, dir, themeVars, portalEl]);
+  const ctxValue = useMemo4(
+    () => ({ dir, locale: resolvedLocale, mode, rootEl, portalEl }),
+    [dir, resolvedLocale, mode, rootEl, portalEl]
+  );
+  const inner = /* @__PURE__ */ jsx46(DirectionPrimitive.Provider, { dir, children });
+  return /* @__PURE__ */ jsx46(DgaContext.Provider, { value: ctxValue, children: /* @__PURE__ */ jsx46(
+    Component,
+    {
+      ref: setRootEl,
+      dir,
+      lang: resolvedLocale,
+      "data-slot": "dga-root",
+      "data-theme": mode,
+      className,
+      style: { colorScheme: mode, ...themeVars ?? {}, ...consumerStyle },
+      children: isNested ? inner : /* @__PURE__ */ jsx46(TooltipPrimitive2.Provider, { delayDuration: 300, skipDelayDuration: 100, children: inner })
+    }
+  ) });
 }
 export {
   Accordion,
@@ -4158,9 +5358,28 @@ export {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  EmptyState,
+  EmptyStateActions,
+  EmptyStateDescription,
+  EmptyStateMedia,
+  EmptyStateTitle,
   FieldMessage,
   FileUpload,
   Input,
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
   Modal,
   ModalClose,
   ModalContent,
@@ -4177,15 +5396,48 @@ export {
   PaginationLink,
   PaginationNext,
   PaginationPrevious,
+  Popover,
+  PopoverAnchor,
+  PopoverClose,
+  PopoverContent,
+  PopoverTrigger,
   Progress,
   Radio,
   RadioGroup,
   Rating,
+  ScrollArea,
   Select,
   SelectItem,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
   Skeleton,
   Slider,
   Spinner,
+  Stat,
+  StatChange,
+  StatGroup,
+  StatLabel,
+  StatValue,
   Step,
   StepDescription,
   StepIndicator,
@@ -4197,6 +5449,13 @@ export {
   TabsList,
   TabsTrigger,
   Textarea,
+  Timeline,
+  TimelineContent,
+  TimelineDescription,
+  TimelineItem,
+  TimelineMarker,
+  TimelineTime,
+  TimelineTitle,
   Toaster,
   Toggle,
   ToggleGroup,
@@ -4223,25 +5482,36 @@ export {
   dividerVariants,
   drawerVariants,
   dropdownMenuVariants,
+  emptyStateVariants,
   inputVariants,
+  menubarContentVariants,
+  menubarTriggerVariants,
   modalContentVariants,
   numberInputVariants,
   paginationLinkVariants,
   paginationVariants,
+  popoverContentVariants,
   progressVariants,
   radioGroupVariants,
   radioVariants,
   ratingVariants,
+  scrollAreaVariants,
   selectTriggerVariants,
+  sidebarMenuButtonVariants,
+  sidebarMenuSubButtonVariants,
   skeletonVariants,
   sliderVariants,
   spinnerVariants,
+  statGroupVariants,
+  statVariants,
   stepVariants,
   stepsVariants,
   switchVariants,
   tabsListVariants,
   tabsVariants,
   textareaVariants,
+  timelineMarkerVariants,
+  timelineVariants,
   toast,
   toastStore,
   toastVariants,
@@ -4251,6 +5521,8 @@ export {
   tooltipContentVariants,
   useDga,
   useDir,
-  useFieldA11y
+  useFieldA11y,
+  useIsMobile,
+  useSidebar
 };
 //# sourceMappingURL=index.js.map