@dev-dga/react 0.6.0 → 0.8.0

package/dist/index.cjs

@@ -49,10 +49,21 @@ __export(src_exports, {
   CardTitle: () => CardTitle,
   Checkbox: () => Checkbox,
   CircularProgress: () => CircularProgress,
+  Collapsible: () => Collapsible,
+  CollapsibleContent: () => CollapsibleContent,
+  CollapsibleTrigger: () => CollapsibleTrigger,
   Combobox: () => Combobox,
   ComboboxGroup: () => ComboboxGroup,
   ComboboxItem: () => ComboboxItem,
   ComboboxSeparator: () => ComboboxSeparator,
+  Command: () => Command2,
+  CommandDialog: () => CommandDialog,
+  CommandEmpty: () => CommandEmpty,
+  CommandGroup: () => CommandGroup,
+  CommandInput: () => CommandInput,
+  CommandItem: () => CommandItem,
+  CommandList: () => CommandList,
+  CommandSeparator: () => CommandSeparator,
   DatePicker: () => DatePicker,
   DescriptionDetails: () => DescriptionDetails,
   DescriptionItem: () => DescriptionItem,
@@ -82,9 +93,35 @@ __export(src_exports, {
   DropdownMenuSubContent: () => DropdownMenuSubContent,
   DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
   DropdownMenuTrigger: () => DropdownMenuTrigger,
+  EmptyState: () => EmptyState,
+  EmptyStateActions: () => EmptyStateActions,
+  EmptyStateDescription: () => EmptyStateDescription,
+  EmptyStateMedia: () => EmptyStateMedia,
+  EmptyStateTitle: () => EmptyStateTitle,
   FieldMessage: () => FieldMessage,
   FileUpload: () => FileUpload,
   Input: () => Input,
+  InputOTP: () => InputOTP,
+  Link: () => Link,
+  List: () => List,
+  ListItem: () => ListItem,
+  ListItemAction: () => ListItemAction,
+  ListItemContent: () => ListItemContent,
+  ListItemIcon: () => ListItemIcon,
+  Menubar: () => Menubar,
+  MenubarCheckboxItem: () => MenubarCheckboxItem,
+  MenubarContent: () => MenubarContent,
+  MenubarGroup: () => MenubarGroup,
+  MenubarItem: () => MenubarItem,
+  MenubarLabel: () => MenubarLabel,
+  MenubarMenu: () => MenubarMenu,
+  MenubarRadioGroup: () => MenubarRadioGroup,
+  MenubarRadioItem: () => MenubarRadioItem,
+  MenubarSeparator: () => MenubarSeparator,
+  MenubarSub: () => MenubarSub,
+  MenubarSubContent: () => MenubarSubContent,
+  MenubarSubTrigger: () => MenubarSubTrigger,
+  MenubarTrigger: () => MenubarTrigger,
   Modal: () => Modal,
   ModalClose: () => ModalClose,
   ModalContent: () => ModalContent,
@@ -101,26 +138,82 @@ __export(src_exports, {
   PaginationLink: () => PaginationLink,
   PaginationNext: () => PaginationNext,
   PaginationPrevious: () => PaginationPrevious,
+  Popover: () => Popover,
+  PopoverAnchor: () => PopoverAnchor,
+  PopoverClose: () => PopoverClose,
+  PopoverContent: () => PopoverContent,
+  PopoverTrigger: () => PopoverTrigger,
   Progress: () => Progress,
+  Quote: () => Quote,
+  QuoteAuthor: () => QuoteAuthor,
+  QuoteCaption: () => QuoteCaption,
+  QuoteContent: () => QuoteContent,
+  QuoteSource: () => QuoteSource,
   Radio: () => Radio,
   RadioGroup: () => RadioGroup,
   Rating: () => Rating,
+  ScrollArea: () => ScrollArea,
+  SearchBox: () => SearchBox,
   Select: () => Select,
   SelectItem: () => SelectItem,
+  Sidebar: () => Sidebar,
+  SidebarContent: () => SidebarContent,
+  SidebarFooter: () => SidebarFooter,
+  SidebarGroup: () => SidebarGroup,
+  SidebarGroupAction: () => SidebarGroupAction,
+  SidebarGroupContent: () => SidebarGroupContent,
+  SidebarGroupLabel: () => SidebarGroupLabel,
+  SidebarHeader: () => SidebarHeader,
+  SidebarInset: () => SidebarInset,
+  SidebarMenu: () => SidebarMenu,
+  SidebarMenuAction: () => SidebarMenuAction,
+  SidebarMenuBadge: () => SidebarMenuBadge,
+  SidebarMenuButton: () => SidebarMenuButton,
+  SidebarMenuItem: () => SidebarMenuItem,
+  SidebarMenuSkeleton: () => SidebarMenuSkeleton,
+  SidebarMenuSub: () => SidebarMenuSub,
+  SidebarMenuSubButton: () => SidebarMenuSubButton,
+  SidebarMenuSubItem: () => SidebarMenuSubItem,
+  SidebarProvider: () => SidebarProvider,
+  SidebarRail: () => SidebarRail,
+  SidebarSeparator: () => SidebarSeparator,
+  SidebarTrigger: () => SidebarTrigger,
   Skeleton: () => Skeleton,
   Slider: () => Slider,
   Spinner: () => Spinner,
+  Stat: () => Stat,
+  StatChange: () => StatChange,
+  StatChart: () => StatChart,
+  StatGroup: () => StatGroup,
+  StatLabel: () => StatLabel,
+  StatValue: () => StatValue,
   Step: () => Step,
   StepDescription: () => StepDescription,
   StepIndicator: () => StepIndicator,
   StepTitle: () => StepTitle,
   Steps: () => Steps,
   Switch: () => Switch,
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCaption: () => TableCaption,
+  TableCell: () => TableCell,
+  TableFooter: () => TableFooter,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow,
   Tabs: () => Tabs,
   TabsContent: () => TabsContent,
   TabsList: () => TabsList,
   TabsTrigger: () => TabsTrigger,
+  TagInput: () => TagInput,
   Textarea: () => Textarea,
+  Timeline: () => Timeline,
+  TimelineContent: () => TimelineContent,
+  TimelineDescription: () => TimelineDescription,
+  TimelineItem: () => TimelineItem,
+  TimelineMarker: () => TimelineMarker,
+  TimelineTime: () => TimelineTime,
+  TimelineTitle: () => TimelineTitle,
   Toaster: () => Toaster,
   Toggle: () => Toggle,
   ToggleGroup: () => ToggleGroup,
@@ -140,6 +233,7 @@ __export(src_exports, {
   cn: () => cn,
   comboboxTriggerVariants: () => comboboxTriggerVariants,
   comboboxVariants: () => comboboxVariants,
+  commandVariants: () => commandVariants,
   createToast: () => createToast,
   createToastStore: () => createToastStore,
   datePickerVariants: () => datePickerVariants,
@@ -147,25 +241,42 @@ __export(src_exports, {
   dividerVariants: () => dividerVariants,
   drawerVariants: () => drawerVariants,
   dropdownMenuVariants: () => dropdownMenuVariants,
+  emptyStateVariants: () => emptyStateVariants,
+  inputOTPVariants: () => inputOTPVariants,
   inputVariants: () => inputVariants,
+  linkVariants: () => linkVariants,
+  listVariants: () => listVariants,
+  menubarContentVariants: () => menubarContentVariants,
+  menubarTriggerVariants: () => menubarTriggerVariants,
   modalContentVariants: () => modalContentVariants,
   numberInputVariants: () => numberInputVariants,
   paginationLinkVariants: () => paginationLinkVariants,
   paginationVariants: () => paginationVariants,
+  popoverContentVariants: () => popoverContentVariants,
   progressVariants: () => progressVariants,
+  quoteVariants: () => quoteVariants,
   radioGroupVariants: () => radioGroupVariants,
   radioVariants: () => radioVariants,
   ratingVariants: () => ratingVariants,
+  scrollAreaVariants: () => scrollAreaVariants,
   selectTriggerVariants: () => selectTriggerVariants,
+  sidebarMenuButtonVariants: () => sidebarMenuButtonVariants,
+  sidebarMenuSubButtonVariants: () => sidebarMenuSubButtonVariants,
   skeletonVariants: () => skeletonVariants,
   sliderVariants: () => sliderVariants,
   spinnerVariants: () => spinnerVariants,
+  statGroupVariants: () => statGroupVariants,
+  statVariants: () => statVariants,
   stepVariants: () => stepVariants,
   stepsVariants: () => stepsVariants,
   switchVariants: () => switchVariants,
+  tableVariants: () => tableVariants,
   tabsListVariants: () => tabsListVariants,
   tabsVariants: () => tabsVariants,
+  tagInputVariants: () => tagInputVariants,
   textareaVariants: () => textareaVariants,
+  timelineMarkerVariants: () => timelineMarkerVariants,
+  timelineVariants: () => timelineVariants,
   toast: () => toast,
   toastStore: () => toastStore,
   toastVariants: () => toastVariants,
@@ -175,7 +286,9 @@ __export(src_exports, {
   tooltipContentVariants: () => tooltipContentVariants,
   useDga: () => useDga,
   useDir: () => useDir,
-  useFieldA11y: () => useFieldA11y
+  useFieldA11y: () => useFieldA11y,
+  useIsMobile: () => useIsMobile,
+  useSidebar: () => useSidebar
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -261,6 +374,16 @@ var buttonVariants = (0, import_class_variance_authority2.cva)("ddga-button", {
      */
     inverted: {
       true: "ddga-button--inverted"
+    },
+    /**
+     * Floating action button: fully-rounded + elevated. Orthogonal to `variant`
+     * (color) and `size` — pair with `size="icon"` for a circular FAB, or a text
+     * size for an extended pill FAB. Positioning (`position: fixed`, safe-area
+     * insets) is the consumer's responsibility — see the placement recipe in the
+     * stories. Keep it a modifier, not a `Fab` wrapper component.
+     */
+    fab: {
+      true: "ddga-button--fab"
     }
   },
   compoundVariants: [],
@@ -274,6 +397,7 @@ function Button({
   size,
   fullWidth,
   inverted,
+  fab,
   loading,
   disabled,
   startIcon,
@@ -303,7 +427,7 @@ function Button({
       "aria-busy": loading || void 0,
       "data-slot": "button",
       className: cn(
-        buttonVariants({ variant, size, fullWidth, inverted }),
+        buttonVariants({ variant, size, fullWidth, inverted, fab }),
         loading && "ddga-button--loading",
         className
       ),
@@ -813,6 +937,136 @@ function Upload(props) {
     }
   );
 }
+function Inbox(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "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__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M22 12h-6l-2 3h-4l-2-3H2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsxs)(
+    "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__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m21 21-4.3-4.3" })
+      ]
+    }
+  );
+}
+function CaretUp(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      stroke: "none",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m12 8-6 8h12z" })
+    }
+  );
+}
+function CaretDown(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      stroke: "none",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m12 16 6-8H6z" })
+    }
+  );
+}
+function ExternalLink(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "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__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M15 3h6v6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M10 14 21 3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+      ]
+    }
+  );
+}
+function QuoteMark(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      stroke: "none",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M7 7C4.8 7 3 8.8 3 11s1.8 4 4 4c.2 0 .4 0 .6-.1C7.2 16.4 6 17.5 4.2 17.7L4 17.7V20c3.6-.3 6-3.2 6-7v-1.2C10 8.7 8.4 7 7 7zM18 7c-2.2 0-4 1.8-4 4s1.8 4 4 4c.2 0 .4 0 .6-.1-.4 1.5-1.6 2.6-3.4 2.8l-.2 0V20c3.6-.3 6-3.2 6-7v-1.2C21 8.7 19.4 7 18 7z" })
+    }
+  );
+}
+function PanelLeft(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "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__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M9 3v18" })
+      ]
+    }
+  );
+}
 
 // src/components/Checkbox/Checkbox.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -1928,6 +2182,7 @@ function ToastItem({ toast: t, store, closeButton, closeLabel, hideIcon }) {
 }
 
 // src/components/Tabs/Tabs.tsx
+var import_react13 = require("react");
 var import_radix_ui13 = require("radix-ui");
 var import_class_variance_authority17 = require("class-variance-authority");
 var import_jsx_runtime19 = require("react/jsx-runtime");
@@ -1974,13 +2229,49 @@ function TabsList({ fullWidth, className, ...props }) {
     }
   );
 }
-function TabsTrigger({ className, ...props }) {
+function TabsTrigger({
+  className,
+  startIcon,
+  endIcon,
+  children,
+  asChild,
+  ...props
+}) {
+  const hasIcon = startIcon != null || endIcon != null;
+  const hasText = children != null && children !== "" && typeof children !== "boolean";
+  const isIconOnly = !asChild && hasIcon && !hasText;
+  if (process.env.NODE_ENV === "development") {
+    if (isIconOnly && !props["aria-label"] && !props["aria-labelledby"]) {
+      console.warn(
+        "[@dev-dga/react] An icon-only TabsTrigger (icon with no text label) requires an aria-label or aria-labelledby for screen reader accessibility."
+      );
+    }
+    if (asChild && hasIcon) {
+      console.warn(
+        "[@dev-dga/react] TabsTrigger `startIcon`/`endIcon` are ignored when `asChild` is set \u2014 render the icons inside your child element instead."
+      );
+    }
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     import_radix_ui13.Tabs.Trigger,
     {
       "data-slot": "tabs-trigger",
-      className: cn("ddga-tabs__trigger", className),
-      ...props
+      asChild,
+      className: cn("ddga-tabs__trigger", isIconOnly && "ddga-tabs__trigger--icon-only", className),
+      ...props,
+      children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+        startIcon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          "span",
+          {
+            className: "ddga-tabs__icon",
+            "data-slot": "tabs-trigger-start-icon",
+            "aria-hidden": "true",
+            children: startIcon
+          }
+        ),
+        children,
+        endIcon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ddga-tabs__icon", "data-slot": "tabs-trigger-end-icon", "aria-hidden": "true", children: endIcon })
+      ] })
     }
   );
 }
@@ -2450,30 +2741,60 @@ function Progress({ value = null, max = 100, size, color, className, ...props })
 }
 var CIRCULAR_SIZES = { sm: 32, md: 48, lg: 72 };
 var CIRCULAR_DEFAULT_THICKNESS = { sm: 4, md: 5, lg: 6 };
+var SEGMENT_GAP_FRACTION = 0.16;
 function CircularProgress({
   value = null,
   max = 100,
   size,
   color,
   thickness,
+  segments,
   showLabel = false,
   className,
   ...props
 }) {
   const isIndeterminate = value === null;
+  const isSegmented = typeof segments === "number" && segments >= 2;
   const sizeKey = size ?? "md";
   const diameter = CIRCULAR_SIZES[sizeKey];
   const strokeWidth = thickness ?? CIRCULAR_DEFAULT_THICKNESS[sizeKey];
   const radius = (diameter - strokeWidth) / 2;
   const circumference = 2 * Math.PI * radius;
+  const center = diameter / 2;
   const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, value / max * 100));
   const dashOffset = isIndeterminate ? circumference * 0.75 : circumference * (1 - pct / 100);
   const state = isIndeterminate ? "indeterminate" : value >= max ? "complete" : "loading";
+  const segmentEls = isSegmented && segments ? (() => {
+    const filled = isIndeterminate ? 0 : Math.round(pct / 100 * segments);
+    const segAngle = 360 / segments;
+    const gapAngle = segAngle * SEGMENT_GAP_FRACTION;
+    const segLen = circumference * ((1 - SEGMENT_GAP_FRACTION) / segments);
+    return Array.from({ length: segments }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "circle",
+      {
+        className: cn(
+          "ddga-circular-progress__segment",
+          i < filled && "ddga-circular-progress__segment--filled"
+        ),
+        cx: center,
+        cy: center,
+        r: radius,
+        fill: "none",
+        strokeWidth,
+        strokeLinecap: "butt",
+        strokeDasharray: `${segLen} ${circumference}`,
+        transform: `rotate(${-90 + i * segAngle + gapAngle / 2} ${center} ${center})`
+      },
+      i
+    ));
+  })() : null;
+  const labelText = isSegmented ? `${segments ? Math.round(pct / 100 * segments) : 0}/${segments}` : `${Math.round(pct)}%`;
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "div",
     {
       "data-slot": "circular-progress",
       "data-state": state,
+      "data-segmented": isSegmented ? "" : void 0,
       role: "progressbar",
       "aria-valuemin": 0,
       "aria-valuemax": max,
@@ -2482,7 +2803,7 @@ function CircularProgress({
       style: { inlineSize: diameter, blockSize: diameter },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "svg",
           {
             className: "ddga-circular-progress__svg",
@@ -2491,13 +2812,13 @@ function CircularProgress({
             height: diameter,
             "aria-hidden": "true",
             focusable: "false",
-            children: [
+            children: isSegmented ? segmentEls : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                 "circle",
                 {
                   className: "ddga-circular-progress__track",
-                  cx: diameter / 2,
-                  cy: diameter / 2,
+                  cx: center,
+                  cy: center,
                   r: radius,
                   fill: "none",
                   strokeWidth
@@ -2507,31 +2828,28 @@ function CircularProgress({
                 "circle",
                 {
                   className: "ddga-circular-progress__indicator",
-                  cx: diameter / 2,
-                  cy: diameter / 2,
+                  cx: center,
+                  cy: center,
                   r: radius,
                   fill: "none",
                   strokeWidth,
                   strokeLinecap: "round",
                   strokeDasharray: circumference,
                   strokeDashoffset: dashOffset,
-                  transform: `rotate(-90 ${diameter / 2} ${diameter / 2})`
+                  transform: `rotate(-90 ${center} ${center})`
                 }
               )
-            ]
+            ] })
           }
         ),
-        showLabel && !isIndeterminate ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "ddga-circular-progress__label", "aria-hidden": "true", children: [
-          Math.round(pct),
-          "%"
-        ] }) : null
+        showLabel && !isIndeterminate ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "ddga-circular-progress__label", "aria-hidden": "true", children: labelText }) : null
       ]
     }
   );
 }
 
 // src/components/DropdownMenu/DropdownMenu.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_radix_ui18 = require("radix-ui");
 var import_class_variance_authority24 = require("class-variance-authority");
 var import_jsx_runtime26 = require("react/jsx-runtime");
@@ -2558,7 +2876,7 @@ function DropdownMenuContent({
   sideOffset = 6,
   ...props
 }) {
-  const ctx = (0, import_react13.useContext)(DgaContext);
+  const ctx = (0, import_react14.useContext)(DgaContext);
   const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui18.DropdownMenu.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_radix_ui18.DropdownMenu.Content,
@@ -2689,7 +3007,7 @@ function DropdownMenuSubTrigger({
   );
 }
 function DropdownMenuSubContent({ size, className, ...props }) {
-  const ctx = (0, import_react13.useContext)(DgaContext);
+  const ctx = (0, import_react14.useContext)(DgaContext);
   const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui18.DropdownMenu.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_radix_ui18.DropdownMenu.SubContent,
@@ -2702,7 +3020,7 @@ function DropdownMenuSubContent({ size, className, ...props }) {
 }
 
 // src/components/Drawer/Drawer.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_radix_ui19 = require("radix-ui");
 var import_class_variance_authority25 = require("class-variance-authority");
 var import_jsx_runtime27 = require("react/jsx-runtime");
@@ -2741,7 +3059,7 @@ function DrawerContent({
   children,
   ...props
 }) {
-  const ctx = (0, import_react14.useContext)(DgaContext);
+  const ctx = (0, import_react15.useContext)(DgaContext);
   const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_radix_ui19.Dialog.Portal, { container: portalContainer, children: [
     /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui19.Dialog.Overlay, { className: "ddga-drawer__overlay", "data-slot": "drawer-overlay" }),
@@ -2806,7 +3124,7 @@ function DrawerClose({ className, ...props }) {
 }
 
 // src/components/Combobox/Combobox.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_cmdk = require("cmdk");
 var import_radix_ui20 = require("radix-ui");
 var import_class_variance_authority26 = require("class-variance-authority");
@@ -2826,9 +3144,9 @@ var comboboxTriggerVariants = (0, import_class_variance_authority26.cva)("ddga-c
   }
 });
 var comboboxVariants = comboboxTriggerVariants;
-var ComboboxContext = (0, import_react15.createContext)(null);
+var ComboboxContext = (0, import_react16.createContext)(null);
 function useComboboxContext(component) {
-  const ctx = (0, import_react15.useContext)(ComboboxContext);
+  const ctx = (0, import_react16.useContext)(ComboboxContext);
   if (!ctx) {
     throw new Error(`<${component}> must be rendered inside <Combobox>.`);
   }
@@ -2858,20 +3176,20 @@ function Combobox({
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy
 }) {
-  const [internalValue, setInternalValue] = (0, import_react15.useState)(defaultValue);
+  const [internalValue, setInternalValue] = (0, import_react16.useState)(defaultValue);
   const isControlled = controlledValue !== void 0;
   const value = isControlled ? controlledValue : internalValue;
-  const [internalOpen, setInternalOpen] = (0, import_react15.useState)(defaultOpen ?? false);
+  const [internalOpen, setInternalOpen] = (0, import_react16.useState)(defaultOpen ?? false);
   const isOpenControlled = controlledOpen !== void 0;
   const open = isOpenControlled ? controlledOpen : internalOpen;
-  const setOpen = (0, import_react15.useCallback)(
+  const setOpen = (0, import_react16.useCallback)(
     (next) => {
       if (!isOpenControlled) setInternalOpen(next);
       onOpenChange?.(next);
     },
     [isOpenControlled, onOpenChange]
   );
-  const select = (0, import_react15.useCallback)(
+  const select = (0, import_react16.useCallback)(
     (next) => {
       if (!isControlled) setInternalValue(next);
       onValueChange?.(next);
@@ -2879,12 +3197,12 @@ function Combobox({
     },
     [isControlled, onValueChange, setOpen]
   );
-  const ctx = (0, import_react15.useMemo)(() => ({ value, select }), [value, select]);
-  const itemLabels = (0, import_react15.useMemo)(() => {
+  const ctx = (0, import_react16.useMemo)(() => ({ value, select }), [value, select]);
+  const itemLabels = (0, import_react16.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     const visit = (nodes) => {
-      import_react15.Children.forEach(nodes, (child) => {
-        if (!(0, import_react15.isValidElement)(child)) return;
+      import_react16.Children.forEach(nodes, (child) => {
+        if (!(0, import_react16.isValidElement)(child)) return;
         const childProps = child.props;
         if (typeof childProps.value === "string") {
           map.set(childProps.value, childProps.children);
@@ -2906,14 +3224,14 @@ function Combobox({
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy
   });
-  const providerCtx = (0, import_react15.useContext)(DgaContext);
+  const providerCtx = (0, import_react16.useContext)(DgaContext);
   const portalContainer = providerCtx?.portalEl ?? providerCtx?.rootEl ?? void 0;
-  const triggerLabel = (0, import_react15.useMemo)(() => {
+  const triggerLabel = (0, import_react16.useMemo)(() => {
     if (value === void 0) return null;
     if (getLabel) return getLabel(value);
     return itemLabels.get(value) ?? null;
   }, [value, getLabel, itemLabels]);
-  const searchId = (0, import_react15.useId)();
+  const searchId = (0, import_react16.useId)();
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ComboboxContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { "data-slot": "combobox-field", className: "ddga-field", children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { htmlFor: fieldId, className: "ddga-combobox__label", children: [
       label,
@@ -3033,7 +3351,7 @@ function ComboboxSeparator({ className, ...props }) {
 }
 
 // src/components/DatePicker/DatePicker.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_react_aria_components = require("react-aria-components");
 var import_date = require("@internationalized/date");
 var import_class_variance_authority27 = require("class-variance-authority");
@@ -3077,13 +3395,13 @@ function secondaryDayNumber(date, mainCalendar) {
   return (0, import_date.toCalendar)(date, other).day;
 }
 function CalendarNavHeader({ locale, monthLabel, yearLabel }) {
-  const state = (0, import_react16.useContext)(import_react_aria_components.CalendarStateContext);
+  const state = (0, import_react17.useContext)(import_react_aria_components.CalendarStateContext);
   const focusedDate = state?.focusedDate ?? null;
   const focusedYear = focusedDate?.year ?? 0;
   const focusedCalendar = focusedDate?.calendar ?? GREGORIAN;
   const minValue = state?.minValue ?? null;
   const maxValue = state?.maxValue ?? null;
-  const monthNames = (0, import_react16.useMemo)(() => {
+  const monthNames = (0, import_react17.useMemo)(() => {
     if (!focusedDate) return [];
     const fmt = new Intl.DateTimeFormat(locale, { month: "long" });
     return Array.from({ length: 12 }, (_, i) => {
@@ -3093,7 +3411,7 @@ function CalendarNavHeader({ locale, monthLabel, yearLabel }) {
       return fmt.format(js);
     });
   }, [locale, focusedDate, focusedCalendar, focusedYear]);
-  const yearOptions = (0, import_react16.useMemo)(() => {
+  const yearOptions = (0, import_react17.useMemo)(() => {
     if (!focusedDate) return [];
     const minY = minValue ? (0, import_date.toCalendar)(minValue, focusedCalendar).year : focusedYear - 100;
     const maxY = maxValue ? (0, import_date.toCalendar)(maxValue, focusedCalendar).year : focusedYear + 30;
@@ -3128,7 +3446,7 @@ function CalendarNavHeader({ locale, monthLabel, yearLabel }) {
   ] });
 }
 function CalendarDayCell({ date, showSecondary, calendarSystem }) {
-  const state = (0, import_react16.useContext)(import_react_aria_components.CalendarStateContext);
+  const state = (0, import_react17.useContext)(import_react_aria_components.CalendarStateContext);
   const start = state?.visibleRange.start;
   const isOutside = !!start && (date.year !== start.year || date.month !== start.month);
   const isOutOfBounds = state ? state.isInvalid(date) : false;
@@ -3186,11 +3504,11 @@ function DatePicker({
   showSecondaryCalendar = false
 }) {
   const isValueControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react16.useState)(
+  const [internalValue, setInternalValue] = (0, import_react17.useState)(
     () => dateToCalendarDate(defaultValue)
   );
   const value = isValueControlled ? dateToCalendarDate(controlledValue) : internalValue;
-  const handleAriaChange = (0, import_react16.useCallback)(
+  const handleAriaChange = (0, import_react17.useCallback)(
     (next) => {
       const nextCD = next ? new import_date.CalendarDate(next.year, next.month, next.day) : null;
       if (!isValueControlled) setInternalValue(nextCD);
@@ -3199,18 +3517,18 @@ function DatePicker({
     [isValueControlled, onChange]
   );
   const isCalendarControlled = controlledCalendar !== void 0;
-  const [internalCalendar, setInternalCalendar] = (0, import_react16.useState)(defaultCalendar);
+  const [internalCalendar, setInternalCalendar] = (0, import_react17.useState)(defaultCalendar);
   const calendarSystem = isCalendarControlled ? controlledCalendar : internalCalendar;
-  const setCalendar = (0, import_react16.useCallback)(
+  const setCalendar = (0, import_react17.useCallback)(
     (next) => {
       if (!isCalendarControlled) setInternalCalendar(next);
       onCalendarChange?.(next);
     },
     [isCalendarControlled, onCalendarChange]
   );
-  const dgaCtx = (0, import_react16.useContext)(DgaContext);
+  const dgaCtx = (0, import_react17.useContext)(DgaContext);
   const dgaLocale = dgaCtx?.locale ?? "en";
-  const ariaLocale = (0, import_react16.useMemo)(
+  const ariaLocale = (0, import_react17.useMemo)(
     () => composeLocale(dgaLocale, calendarSystem),
     [dgaLocale, calendarSystem]
   );
@@ -3218,17 +3536,17 @@ function DatePicker({
   const dgaDir = dgaCtx?.dir ?? "ltr";
   const PrevChevron = dgaDir === "rtl" ? ChevronRight : ChevronLeft;
   const NextChevron = dgaDir === "rtl" ? ChevronLeft : ChevronRight;
-  const resolvedLabels = (0, import_react16.useMemo)(() => {
+  const resolvedLabels = (0, import_react17.useMemo)(() => {
     if (calendarLabels) return calendarLabels;
     const isArabic = dgaLocale.startsWith("ar");
     return isArabic ? { gregorian: "\u0645\u064A\u0644\u0627\u062F\u064A", hijri: "\u0647\u062C\u0631\u064A" } : { gregorian: "Gregorian", hijri: "Hijri" };
   }, [calendarLabels, dgaLocale]);
-  const navLabels = (0, import_react16.useMemo)(
+  const navLabels = (0, import_react17.useMemo)(
     () => dgaLocale.startsWith("ar") ? { month: "\u0627\u0644\u0634\u0647\u0631", year: "\u0627\u0644\u0633\u0646\u0629" } : { month: "Month", year: "Year" },
     [dgaLocale]
   );
-  const ariaMinValue = (0, import_react16.useMemo)(() => dateToCalendarDate(minValue) ?? void 0, [minValue]);
-  const ariaMaxValue = (0, import_react16.useMemo)(() => dateToCalendarDate(maxValue) ?? void 0, [maxValue]);
+  const ariaMinValue = (0, import_react17.useMemo)(() => dateToCalendarDate(minValue) ?? void 0, [minValue]);
+  const ariaMaxValue = (0, import_react17.useMemo)(() => dateToCalendarDate(maxValue) ?? void 0, [maxValue]);
   const dialogAriaLabel = ariaLabel ?? (typeof label === "string" ? label : ariaLabelledBy ? void 0 : "Date");
   const showToggle = showCalendarToggle && !isCalendarControlled;
   const hasError = !!error;
@@ -3401,7 +3719,7 @@ function DatePicker({
 }
 
 // src/components/FileUpload/FileUpload.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function matchesAccept(file, accept) {
   if (!accept) return true;
@@ -3463,8 +3781,8 @@ function FileUpload({
   className,
   ...props
 }) {
-  const inputRef = (0, import_react17.useRef)(null);
-  const [isDragging, setIsDragging] = (0, import_react17.useState)(false);
+  const inputRef = (0, import_react18.useRef)(null);
+  const [isDragging, setIsDragging] = (0, import_react18.useState)(false);
   const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
     name: "FileUpload",
     id: externalId,
@@ -3599,7 +3917,7 @@ function FileUpload({
 }
 
 // src/components/Slider/Slider.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_radix_ui21 = require("radix-ui");
 var import_class_variance_authority28 = require("class-variance-authority");
 var import_jsx_runtime31 = require("react/jsx-runtime");
@@ -3641,7 +3959,7 @@ function Slider({
   className,
   ...props
 }) {
-  const labelId = (0, import_react18.useId)();
+  const labelId = (0, import_react19.useId)();
   const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
     name: "Slider",
     id: externalId,
@@ -3700,7 +4018,7 @@ function Slider({
 }
 
 // src/components/NumberInput/NumberInput.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_class_variance_authority29 = require("class-variance-authority");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var numberInputVariants = (0, import_class_variance_authority29.cva)("ddga-number-input", {
@@ -3752,9 +4070,9 @@ function NumberInput({
   ...props
 }) {
   const isControlled = value !== void 0;
-  const [internal, setInternal] = (0, import_react19.useState)(defaultValue ?? null);
+  const [internal, setInternal] = (0, import_react20.useState)(defaultValue ?? null);
   const numericValue = isControlled ? value : internal;
-  const [draft, setDraft] = (0, import_react19.useState)(null);
+  const [draft, setDraft] = (0, import_react20.useState)(null);
   const allowDecimal = !Number.isInteger(step);
   const allowNegative = min == null || min < 0;
   const displayValue = draft ?? (numericValue == null ? "" : formatNumber(numericValue));
@@ -3875,7 +4193,7 @@ function NumberInput({
 }
 
 // src/components/Rating/Rating.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_class_variance_authority30 = require("class-variance-authority");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var ratingVariants = (0, import_class_variance_authority30.cva)("ddga-rating", {
@@ -3919,11 +4237,11 @@ function Rating({
   className,
   ...props
 }) {
-  const rootRef = (0, import_react20.useRef)(null);
+  const rootRef = (0, import_react21.useRef)(null);
   const isControlled = value !== void 0;
-  const [internal, setInternal] = (0, import_react20.useState)(defaultValue ?? 0);
+  const [internal, setInternal] = (0, import_react21.useState)(defaultValue ?? 0);
   const currentValue = isControlled ? value : internal;
-  const [hover, setHover] = (0, import_react20.useState)(null);
+  const [hover, setHover] = (0, import_react21.useState)(null);
   const interactive = !readOnly && !disabled;
   const stepSize = allowHalf ? 0.5 : 1;
   const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
@@ -4170,78 +4488,2255 @@ function DescriptionDetails({ className, ...props }) {
   );
 }
 
-// src/providers/DgaProvider.tsx
-var import_react21 = require("react");
+// src/components/EmptyState/EmptyState.tsx
+var import_react22 = require("react");
 var import_radix_ui23 = require("radix-ui");
-var import_tokens = require("@dev-dga/tokens");
+var import_class_variance_authority33 = require("class-variance-authority");
 var import_jsx_runtime36 = require("react/jsx-runtime");
-function DgaProvider({
-  dir = "ltr",
-  locale,
-  mode = "light",
-  theme,
-  as: Component = "div",
+var emptyStateVariants = (0, import_class_variance_authority33.cva)("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__ */ (0, import_jsx_runtime36.jsx)(Inbox, { "aria-hidden": "true" }),
+  search: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Search, { "aria-hidden": "true" }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AlertCircle, { "aria-hidden": "true" }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Check, { "aria-hidden": "true" })
+};
+function EmptyState({
+  variant,
+  size,
+  icon,
+  title,
+  description,
+  action,
+  secondaryAction,
   className,
-  style: consumerStyle,
-  children
+  children,
+  ...props
 }) {
-  const parentCtx = (0, import_react21.useContext)(DgaContext);
-  const isNested = parentCtx !== null;
-  const [rootEl, setRootEl] = (0, import_react21.useState)(null);
-  const portalRef = (0, import_react21.useRef)(null);
-  const [portalEl, setPortalEl] = (0, import_react21.useState)(null);
-  const resolvedLocale = locale ?? (dir === "rtl" ? "ar" : "en");
-  const themeVars = (0, import_react21.useMemo)(() => theme ? (0, import_tokens.buildTheme)(theme) : null, [theme]);
-  (0, import_react21.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);
-    };
-  }, []);
-  (0, import_react21.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__ */ (0, import_jsx_runtime36.jsx)(
+    "div",
+    {
+      "data-slot": "empty-state",
+      "data-variant": variant ?? "default",
+      "data-size": size ?? "md",
+      className: cn(emptyStateVariants({ variant, size }), className),
+      ...props,
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+        resolvedIcon ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(EmptyStateMedia, { children: resolvedIcon }) : null,
+        title ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(EmptyStateTitle, { children: title }) : null,
+        description ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(EmptyStateDescription, { children: description }) : null,
+        action || secondaryAction ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(EmptyStateActions, { children: [
+          action,
+          secondaryAction
+        ] }) : null
+      ] })
     }
-  }, [mode, dir, themeVars, portalEl]);
-  const ctxValue = (0, import_react21.useMemo)(
-    () => ({ dir, locale: resolvedLocale, mode, rootEl, portalEl }),
-    [dir, resolvedLocale, mode, rootEl, portalEl]
   );
-  const inner = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui23.Direction.Provider, { dir, children });
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DgaContext.Provider, { value: ctxValue, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-    Component,
+}
+function EmptyStateMedia({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    "div",
     {
-      ref: setRootEl,
-      dir,
-      lang: resolvedLocale,
-      "data-slot": "dga-root",
-      "data-theme": mode,
-      className,
-      style: { colorScheme: mode, ...themeVars ?? {}, ...consumerStyle },
-      children: isNested ? inner : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui23.Tooltip.Provider, { delayDuration: 300, skipDelayDuration: 100, children: inner })
+      "data-slot": "empty-state-media",
+      "aria-hidden": "true",
+      className: cn("ddga-empty-state__media", className),
+      ...props
     }
-  ) });
+  );
 }
-
-// src/hooks/useDir.ts
-function useDir() {
-  return useDga().dir;
+function EmptyStateTitle({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui23.Slot.Slot : "h3";
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    Comp,
+    {
+      "data-slot": "empty-state-title",
+      className: cn("ddga-empty-state__title", className),
+      ...props
+    }
+  );
+}
+function EmptyStateDescription({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui23.Slot.Slot : "p";
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    Comp,
+    {
+      "data-slot": "empty-state-description",
+      className: cn("ddga-empty-state__description", className),
+      ...props
+    }
+  );
+}
+function EmptyStateActions({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui23.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    Comp,
+    {
+      "data-slot": "empty-state-actions",
+      className: cn("ddga-empty-state__actions", className),
+      ...props
+    }
+  );
+}
+
+// src/components/Stat/Stat.tsx
+var import_react23 = require("react");
+var import_class_variance_authority34 = require("class-variance-authority");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var statVariants = (0, import_class_variance_authority34.cva)("ddga-stat", {
+  variants: {
+    variant: {
+      flat: "ddga-stat--flat",
+      elevated: "ddga-stat--elevated",
+      accent: "ddga-stat--accent",
+      // Soft sentiment-tinted gradient surface (reuses the accent tint vars).
+      gradient: "ddga-stat--gradient"
+    },
+    size: {
+      sm: "ddga-stat--sm",
+      md: "ddga-stat--md",
+      lg: "ddga-stat--lg",
+      // Hero/display size for headline KPIs (display-scale value).
+      xl: "ddga-stat--xl"
+    }
+  },
+  defaultVariants: {
+    variant: "flat",
+    size: "md"
+  }
+});
+var TREND_ICONS = {
+  up: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CaretUp, { "aria-hidden": "true" }),
+  down: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CaretDown, { "aria-hidden": "true" }),
+  flat: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(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,
+  changeVariant,
+  icon,
+  className,
+  children,
+  ...props
+}) {
+  const resolvedSentiment = resolveSentiment(trend, sentiment);
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    "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__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "ddga-stat__label-row", children: [
+          label ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(StatLabel, { children: label }) : null,
+          icon ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ddga-stat__icon", "aria-hidden": "true", children: icon }) : null
+        ] }) : null,
+        value ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(StatValue, { children: value }) : null,
+        change || changeLabel ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "ddga-stat__change-row", children: [
+          change ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(StatChange, { trend, sentiment, variant: changeVariant, children: change }) : null,
+          changeLabel ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ddga-stat__change-label", children: changeLabel }) : null
+        ] }) : null,
+        children
+      ]
+    }
+  );
+}
+function StatLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { "data-slot": "stat-label", className: cn("ddga-stat__label", className), ...props });
+}
+function StatValue({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { "data-slot": "stat-value", className: cn("ddga-stat__value", className), ...props });
+}
+function StatChart({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { "data-slot": "stat-chart", className: cn("ddga-stat__chart", className), ...props });
+}
+function StatChange({ trend, sentiment, variant, className, children, ...props }) {
+  const resolvedSentiment = resolveSentiment(trend, sentiment);
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    "div",
+    {
+      "data-slot": "stat-change",
+      "data-trend": trend,
+      "data-sentiment": resolvedSentiment,
+      className: cn(
+        "ddga-stat__change",
+        resolvedSentiment ? `ddga-stat__change--${resolvedSentiment}` : null,
+        variant === "chip" && "ddga-stat__change--chip",
+        className
+      ),
+      ...props,
+      children: [
+        trend ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ddga-stat__change-icon", children: TREND_ICONS[trend] }) : null,
+        children
+      ]
+    }
+  );
+}
+
+// src/components/Stat/StatGroup.tsx
+var import_class_variance_authority35 = require("class-variance-authority");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var statGroupVariants = (0, import_class_variance_authority35.cva)("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__ */ (0, import_jsx_runtime38.jsx)(
+    "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
+var import_react24 = require("react");
+var import_radix_ui24 = require("radix-ui");
+var import_class_variance_authority36 = require("class-variance-authority");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var popoverContentVariants = (0, import_class_variance_authority36.cva)("ddga-popover", {
+  variants: {
+    size: {
+      sm: "ddga-popover--sm",
+      md: "ddga-popover--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Popover(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_radix_ui24.Popover.Root, { ...props });
+}
+function PopoverTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_radix_ui24.Popover.Trigger, { "data-slot": "popover-trigger", className, ...props });
+}
+function PopoverAnchor(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_radix_ui24.Popover.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 = (0, import_react24.useContext)(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_radix_ui24.Popover.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    import_radix_ui24.Popover.Content,
+    {
+      "data-slot": "popover-content",
+      sideOffset,
+      className: cn(popoverContentVariants({ size }), className),
+      ...props,
+      children: [
+        children,
+        arrow ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_radix_ui24.Popover.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__ */ (0, import_jsx_runtime39.jsx)(
+      import_radix_ui24.Popover.Close,
+      {
+        "data-slot": "popover-close",
+        asChild,
+        className,
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_radix_ui24.Popover.Close,
+    {
+      "data-slot": "popover-close",
+      "aria-label": closeLabel,
+      className: cn("ddga-popover__close", className),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Close, { "aria-hidden": "true" })
+    }
+  );
+}
+
+// src/components/Sidebar/Sidebar.tsx
+var import_react27 = require("react");
+var import_radix_ui25 = require("radix-ui");
+
+// src/components/Sidebar/SidebarContext.ts
+var import_react25 = require("react");
+var SidebarContext = (0, import_react25.createContext)(null);
+function useSidebar() {
+  const ctx = (0, import_react25.useContext)(SidebarContext);
+  if (!ctx) {
+    throw new Error("useSidebar must be used within a <SidebarProvider>");
+  }
+  return ctx;
+}
+
+// src/components/Sidebar/useIsMobile.ts
+var import_react26 = require("react");
+function useIsMobile(breakpoint = 768) {
+  const [isMobile, setIsMobile] = (0, import_react26.useState)(false);
+  (0, import_react26.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
+var import_jsx_runtime40 = require("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] = (0, import_react27.useState)(false);
+  const isControlled = openProp !== void 0;
+  const [openInternal, setOpenInternal] = (0, import_react27.useState)(defaultOpen);
+  const open = isControlled ? openProp : openInternal;
+  const setOpen = (0, import_react27.useCallback)(
+    (value2) => {
+      if (!isControlled) setOpenInternal(value2);
+      onOpenChange?.(value2);
+    },
+    [isControlled, onOpenChange]
+  );
+  const toggleSidebar = (0, import_react27.useCallback)(() => {
+    if (isMobile) {
+      setOpenMobile((v) => !v);
+      return;
+    }
+    if (isControlled) {
+      onOpenChange?.(!open);
+    } else {
+      setOpenInternal((v) => !v);
+    }
+  }, [isMobile, isControlled, onOpenChange, open]);
+  (0, import_react27.useEffect)(() => {
+    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 = (0, import_react27.useMemo)(
+    () => ({ state, open, setOpen, openMobile, setOpenMobile, isMobile, toggleSidebar }),
+    [state, open, setOpen, openMobile, isMobile, toggleSidebar]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SidebarContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    "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__ */ (0, import_jsx_runtime40.jsx)(Drawer, { open: openMobile, onOpenChange: setOpenMobile, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      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__ */ (0, import_jsx_runtime40.jsx)(
+    "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 ? import_radix_ui25.Slot.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    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__ */ (0, import_jsx_runtime40.jsx)(PanelLeft, { "aria-hidden": "true" })
+    }
+  );
+}
+function SidebarRail({
+  className,
+  "aria-label": ariaLabel = "Toggle sidebar",
+  ...props
+}) {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    "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 ? import_radix_ui25.Slot.Slot : "main";
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { "data-slot": "sidebar-inset", className: cn("ddga-sidebar-inset", className), ...props });
+}
+function SidebarHeader({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui25.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { "data-slot": "sidebar-header", className: cn("ddga-sidebar__header", className), ...props });
+}
+function SidebarContent({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui25.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    Comp,
+    {
+      "data-slot": "sidebar-content",
+      className: cn("ddga-sidebar__content", className),
+      ...props
+    }
+  );
+}
+function SidebarFooter({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui25.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { "data-slot": "sidebar-footer", className: cn("ddga-sidebar__footer", className), ...props });
+}
+function SidebarSeparator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    "hr",
+    {
+      "data-slot": "sidebar-separator",
+      className: cn("ddga-sidebar__separator", className),
+      ...props
+    }
+  );
+}
+
+// src/components/Sidebar/SidebarGroup.tsx
+var import_radix_ui26 = require("radix-ui");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+function SidebarGroup({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui26.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    Comp,
+    {
+      "data-slot": "sidebar-group",
+      role: "group",
+      className: cn("ddga-sidebar__group", className),
+      ...props
+    }
+  );
+}
+function SidebarGroupLabel({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui26.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    Comp,
+    {
+      "data-slot": "sidebar-group-label",
+      className: cn("ddga-sidebar__group-label", className),
+      ...props
+    }
+  );
+}
+function SidebarGroupAction({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui26.Slot.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    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 ? import_radix_ui26.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    Comp,
+    {
+      "data-slot": "sidebar-group-content",
+      className: cn("ddga-sidebar__group-content", className),
+      ...props
+    }
+  );
+}
+
+// src/components/Sidebar/SidebarMenu.tsx
+var import_radix_ui27 = require("radix-ui");
+var import_class_variance_authority37 = require("class-variance-authority");
+
+// src/hooks/useDir.ts
+function useDir() {
+  return useDga().dir;
+}
+
+// src/components/Sidebar/SidebarMenu.tsx
+var import_jsx_runtime42 = require("react/jsx-runtime");
+function SidebarMenu({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("ul", { "data-slot": "sidebar-menu", className: cn("ddga-sidebar__menu", className), ...props });
+}
+function SidebarMenuItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    "li",
+    {
+      "data-slot": "sidebar-menu-item",
+      className: cn("ddga-sidebar__menu-item", className),
+      ...props
+    }
+  );
+}
+var sidebarMenuButtonVariants = (0, import_class_variance_authority37.cva)("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 ? import_radix_ui27.Slot.Slot : "button";
+  const button = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    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__ */ (0, import_jsx_runtime42.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { "data-slot": "tooltip-trigger", style: { display: "contents" }, children: button }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipContent, { side: dir === "rtl" ? "left" : "right", children: tooltip })
+  ] });
+}
+function SidebarMenuAction({ asChild, showOnHover, className, ...props }) {
+  const Comp = asChild ? import_radix_ui27.Slot.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    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__ */ (0, import_jsx_runtime42.jsx)(
+    "span",
+    {
+      "data-slot": "sidebar-menu-badge",
+      className: cn("ddga-sidebar__menu-badge", className),
+      ...props
+    }
+  );
+}
+function SidebarMenuSkeleton({ showIcon, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    "div",
+    {
+      "data-slot": "sidebar-menu-skeleton",
+      className: cn("ddga-sidebar__menu-skeleton", className),
+      ...props,
+      children: [
+        showIcon ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Skeleton, { shape: "circle", width: "1rem", height: "1rem" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Skeleton, { shape: "text", className: "ddga-sidebar__menu-skeleton-text" })
+      ]
+    }
+  );
+}
+function SidebarMenuSub({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    "ul",
+    {
+      "data-slot": "sidebar-menu-sub",
+      className: cn("ddga-sidebar__menu-sub", className),
+      ...props
+    }
+  );
+}
+function SidebarMenuSubItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    "li",
+    {
+      "data-slot": "sidebar-menu-sub-item",
+      className: cn("ddga-sidebar__menu-sub-item", className),
+      ...props
+    }
+  );
+}
+var sidebarMenuSubButtonVariants = (0, import_class_variance_authority37.cva)("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 ? import_radix_ui27.Slot.Slot : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    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
+var import_radix_ui28 = require("radix-ui");
+var import_class_variance_authority38 = require("class-variance-authority");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var scrollAreaVariants = (0, import_class_variance_authority38.cva)("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__ */ (0, import_jsx_runtime43.jsxs)(
+    import_radix_ui28.ScrollArea.Root,
+    {
+      "data-slot": "scroll-area",
+      type,
+      scrollHideDelay,
+      className: cn(scrollAreaVariants({ orientation }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          import_radix_ui28.ScrollArea.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__ */ (0, import_jsx_runtime43.jsx)(
+          import_radix_ui28.ScrollArea.Scrollbar,
+          {
+            "data-slot": "scroll-area-scrollbar",
+            orientation: "vertical",
+            className: "ddga-scroll-area__scrollbar",
+            children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_radix_ui28.ScrollArea.Thumb, { className: "ddga-scroll-area__thumb" })
+          }
+        ) : null,
+        showHorizontal ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          import_radix_ui28.ScrollArea.Scrollbar,
+          {
+            "data-slot": "scroll-area-scrollbar",
+            orientation: "horizontal",
+            className: "ddga-scroll-area__scrollbar",
+            children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_radix_ui28.ScrollArea.Thumb, { className: "ddga-scroll-area__thumb" })
+          }
+        ) : null,
+        orientation === "both" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_radix_ui28.ScrollArea.Corner, { className: "ddga-scroll-area__corner" }) : null
+      ]
+    }
+  );
+}
+
+// src/components/Menubar/Menubar.tsx
+var import_react28 = require("react");
+var import_radix_ui29 = require("radix-ui");
+var import_class_variance_authority39 = require("class-variance-authority");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var menubarContentVariants = (0, import_class_variance_authority39.cva)("ddga-menubar-menu", {
+  variants: {
+    size: {
+      sm: "ddga-menubar-menu--sm",
+      md: "ddga-menubar-menu--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var menubarTriggerVariants = (0, import_class_variance_authority39.cva)("ddga-menubar__trigger", {
+  variants: {
+    variant: {
+      default: "ddga-menubar__trigger--default",
+      outline: "ddga-menubar__trigger--outline"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Menubar({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    import_radix_ui29.Menubar.Root,
+    {
+      "data-slot": "menubar",
+      className: cn("ddga-menubar", className),
+      ...props
+    }
+  );
+}
+function MenubarMenu(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_radix_ui29.Menubar.Menu, { ...props });
+}
+function MenubarTrigger({ variant, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    import_radix_ui29.Menubar.Trigger,
+    {
+      "data-slot": "menubar-trigger",
+      "data-variant": variant ?? "default",
+      className: cn(menubarTriggerVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function MenubarContent({ size, className, sideOffset = 6, ...props }) {
+  const ctx = (0, import_react28.useContext)(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_radix_ui29.Menubar.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    import_radix_ui29.Menubar.Content,
+    {
+      "data-slot": "menubar-content",
+      sideOffset,
+      className: cn(menubarContentVariants({ size }), className),
+      ...props
+    }
+  ) });
+}
+function MenubarItem({
+  className,
+  destructive,
+  startIcon,
+  shortcut,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+    import_radix_ui29.Menubar.Item,
+    {
+      "data-slot": "menubar-item",
+      "data-destructive": destructive ? "" : void 0,
+      className: cn("ddga-menubar-menu__item", className),
+      ...props,
+      children: [
+        startIcon ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "ddga-menubar-menu__icon", "aria-hidden": "true", children: startIcon }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "ddga-menubar-menu__label", children }),
+        shortcut ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("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__ */ (0, import_jsx_runtime44.jsxs)(
+    import_radix_ui29.Menubar.CheckboxItem,
+    {
+      "data-slot": "menubar-checkbox-item",
+      className: cn("ddga-menubar-menu__item", "ddga-menubar-menu__item--checkable", className),
+      onSelect: handleSelect,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "ddga-menubar-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_radix_ui29.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Check, { className: "ddga-menubar-menu__indicator-icon" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "ddga-menubar-menu__label", children })
+      ]
+    }
+  );
+}
+function MenubarRadioGroup(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_radix_ui29.Menubar.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+}
+function MenubarRadioItem({ className, children, onSelect, ...props }) {
+  const handleSelect = onSelect ?? ((event) => {
+    event.preventDefault();
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+    import_radix_ui29.Menubar.RadioItem,
+    {
+      "data-slot": "menubar-radio-item",
+      className: cn("ddga-menubar-menu__item", "ddga-menubar-menu__item--checkable", className),
+      onSelect: handleSelect,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "ddga-menubar-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_radix_ui29.Menubar.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "ddga-menubar-menu__radio-dot" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "ddga-menubar-menu__label", children })
+      ]
+    }
+  );
+}
+function MenubarLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    import_radix_ui29.Menubar.Label,
+    {
+      "data-slot": "menubar-label",
+      className: cn("ddga-menubar-menu__group-label", className),
+      ...props
+    }
+  );
+}
+function MenubarSeparator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    import_radix_ui29.Menubar.Separator,
+    {
+      "data-slot": "menubar-separator",
+      className: cn("ddga-menubar-menu__separator", className),
+      ...props
+    }
+  );
+}
+function MenubarGroup(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_radix_ui29.Menubar.Group, { "data-slot": "menubar-group", ...props });
+}
+function MenubarSub(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_radix_ui29.Menubar.Sub, { ...props });
+}
+function MenubarSubTrigger({ className, startIcon, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+    import_radix_ui29.Menubar.SubTrigger,
+    {
+      "data-slot": "menubar-sub-trigger",
+      className: cn("ddga-menubar-menu__item", "ddga-menubar-menu__item--sub", className),
+      ...props,
+      children: [
+        startIcon ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "ddga-menubar-menu__icon", "aria-hidden": "true", children: startIcon }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "ddga-menubar-menu__label", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ChevronRight, { className: "ddga-menubar-menu__sub-chevron", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+function MenubarSubContent({ size, className, ...props }) {
+  const ctx = (0, import_react28.useContext)(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_radix_ui29.Menubar.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    import_radix_ui29.Menubar.SubContent,
+    {
+      "data-slot": "menubar-sub-content",
+      className: cn(menubarContentVariants({ size }), className),
+      ...props
+    }
+  ) });
+}
+
+// src/components/Timeline/Timeline.tsx
+var import_class_variance_authority40 = require("class-variance-authority");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var timelineVariants = (0, import_class_variance_authority40.cva)("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 = (0, import_class_variance_authority40.cva)("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__ */ (0, import_jsx_runtime45.jsx)(
+    "ol",
+    {
+      "data-slot": "timeline",
+      "data-orientation": orientation ?? "vertical",
+      className: cn(timelineVariants({ size, orientation }), className),
+      ...props
+    }
+  );
+}
+function TimelineItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime45.jsx)(
+    "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__ */ (0, import_jsx_runtime45.jsx)("span", { className: "ddga-timeline__dot" })
+    }
+  );
+}
+function TimelineContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    "div",
+    {
+      "data-slot": "timeline-content",
+      className: cn("ddga-timeline__content", className),
+      ...props
+    }
+  );
+}
+function TimelineTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { "data-slot": "timeline-title", className: cn("ddga-timeline__title", className), ...props });
+}
+function TimelineDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    "span",
+    {
+      "data-slot": "timeline-description",
+      className: cn("ddga-timeline__description", className),
+      ...props
+    }
+  );
+}
+function TimelineTime({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("time", { "data-slot": "timeline-time", className: cn("ddga-timeline__time", className), ...props });
+}
+
+// src/components/Command/Command.tsx
+var import_react29 = require("react");
+var import_cmdk2 = require("cmdk");
+var import_radix_ui30 = require("radix-ui");
+var import_class_variance_authority41 = require("class-variance-authority");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var commandVariants = (0, import_class_variance_authority41.cva)("ddga-command");
+function Command2({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_cmdk2.Command, { "data-slot": "command", className: cn(commandVariants(), className), ...props });
+}
+function CommandInput({
+  className,
+  placeholder,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "ddga-command__input-wrapper", "data-slot": "command-input-wrapper", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Search, { className: "ddga-command__search-icon", "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      import_cmdk2.Command.Input,
+      {
+        "data-slot": "command-input",
+        className: cn("ddga-command__input", className),
+        placeholder,
+        "aria-label": ariaLabel ?? (typeof placeholder === "string" ? placeholder : void 0),
+        ...props
+      }
+    )
+  ] });
+}
+function CommandList({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_cmdk2.Command.List,
+    {
+      "data-slot": "command-list",
+      className: cn("ddga-command__list", className),
+      ...props
+    }
+  );
+}
+function CommandEmpty({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_cmdk2.Command.Empty,
+    {
+      "data-slot": "command-empty",
+      className: cn("ddga-command__empty", className),
+      ...props
+    }
+  );
+}
+function CommandGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_cmdk2.Command.Group,
+    {
+      "data-slot": "command-group",
+      className: cn("ddga-command__group", className),
+      ...props
+    }
+  );
+}
+function CommandSeparator({
+  className,
+  "aria-hidden": ariaHidden = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_cmdk2.Command.Separator,
+    {
+      "aria-hidden": ariaHidden,
+      "data-slot": "command-separator",
+      className: cn("ddga-command__separator", className),
+      ...props
+    }
+  );
+}
+function CommandItem({
+  startIcon,
+  shortcut,
+  className,
+  children,
+  keywords,
+  ...props
+}) {
+  const labelText = typeof children === "string" ? children : void 0;
+  const mergedKeywords = labelText && !keywords?.includes(labelText) ? [...keywords ?? [], labelText] : keywords;
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+    import_cmdk2.Command.Item,
+    {
+      "data-slot": "command-item",
+      className: cn("ddga-command__item", className),
+      keywords: mergedKeywords,
+      ...props,
+      children: [
+        startIcon != null && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ddga-command__item-icon", "aria-hidden": "true", children: startIcon }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ddga-command__item-label", children }),
+        shortcut != null && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ddga-command__item-shortcut", children: shortcut })
+      ]
+    }
+  );
+}
+function CommandDialog({
+  open: controlledOpen,
+  defaultOpen,
+  onOpenChange,
+  shortcut = "k",
+  label = "Command palette",
+  description,
+  className,
+  filter,
+  shouldFilter,
+  loop,
+  children
+}) {
+  const [internalOpen, setInternalOpen] = (0, import_react29.useState)(defaultOpen ?? false);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : internalOpen;
+  const setOpen = (0, import_react29.useCallback)(
+    (next) => {
+      if (!isControlled) setInternalOpen(next);
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  const openRef = (0, import_react29.useRef)(open);
+  (0, import_react29.useEffect)(() => {
+    openRef.current = open;
+  });
+  (0, import_react29.useEffect)(() => {
+    if (typeof shortcut !== "string") return;
+    const key = shortcut.toLowerCase();
+    const onKeyDown = (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === key) {
+        event.preventDefault();
+        setOpen(!openRef.current);
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [shortcut, setOpen]);
+  const ctx = (0, import_react29.useContext)(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui30.Dialog.Root, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_radix_ui30.Dialog.Portal, { container: portalContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui30.Dialog.Overlay, { className: "ddga-command__overlay", "data-slot": "command-overlay" }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+      import_radix_ui30.Dialog.Content,
+      {
+        "data-slot": "command-dialog",
+        className: cn("ddga-command-dialog", className),
+        ...description == null ? { "aria-describedby": void 0 } : {},
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui30.Dialog.Title, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui30.VisuallyHidden.Root, { children: label }) }),
+          description != null && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui30.Dialog.Description, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui30.VisuallyHidden.Root, { children: description }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            Command2,
+            {
+              "data-slot": "command-dialog-command",
+              className: "ddga-command--dialog",
+              label: typeof label === "string" ? label : "Command palette",
+              filter,
+              shouldFilter,
+              loop,
+              children
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+
+// src/components/Table/Table.tsx
+var import_class_variance_authority42 = require("class-variance-authority");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var tableVariants = (0, import_class_variance_authority42.cva)("ddga-table", {
+  variants: {
+    size: {
+      sm: "ddga-table--sm",
+      md: "ddga-table--md",
+      lg: "ddga-table--lg"
+    },
+    striped: { true: "ddga-table--striped" },
+    divided: { true: "ddga-table--divided" },
+    bordered: { true: "ddga-table--bordered" },
+    stickyHeader: { true: "ddga-table--sticky" }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Table({
+  size,
+  striped,
+  divided,
+  bordered,
+  stickyHeader,
+  className,
+  maxHeight,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  ...props
+}) {
+  const named = Boolean(ariaLabel || ariaLabelledby);
+  if (process.env.NODE_ENV !== "production" && !named) {
+    console.warn(
+      "[ddga] <Table> wraps its table in a horizontally scrollable container. Pass `aria-label` (or `aria-labelledby`) so keyboard and screen-reader users can identify and scroll it. Without a name it degrades to a plain scroll container with no landmark."
+    );
+  }
+  if (process.env.NODE_ENV !== "production" && ariaLabel && ariaLabelledby) {
+    console.warn(
+      "[ddga] <Table> received both `aria-label` and `aria-labelledby`. `aria-labelledby` takes precedence; `aria-label` will be ignored by assistive technology."
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    "div",
+    {
+      "data-slot": "table-region",
+      className: "ddga-table__region",
+      style: maxHeight != null ? { maxBlockSize: maxHeight, overflowY: "auto" } : void 0,
+      ...named ? {
+        role: "region",
+        tabIndex: 0,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledby
+      } : {},
+      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn(tableVariants({ size, striped, divided, bordered, stickyHeader }), className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("thead", { "data-slot": "table-header", className: cn("ddga-table__header", className), ...props });
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("tbody", { "data-slot": "table-body", className: cn("ddga-table__body", className), ...props });
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("tfoot", { "data-slot": "table-footer", className: cn("ddga-table__footer", className), ...props });
+}
+function TableRow({ className, selected, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    "tr",
+    {
+      "data-slot": "table-row",
+      "data-state": selected ? "selected" : void 0,
+      className: cn("ddga-table__row", className),
+      ...props
+    }
+  );
+}
+function TableHead({
+  className,
+  align,
+  sortable,
+  sortDirection = false,
+  sortLabel,
+  onClick,
+  children,
+  ...props
+}) {
+  const headClass = cn("ddga-table__head", align && `ddga-table__head--align-${align}`, className);
+  if (process.env.NODE_ENV !== "production" && sortable && !sortLabel) {
+    console.warn(
+      '[ddga] <TableHead sortable> has no `sortLabel`. `aria-sort` conveys the sort state, but pass a localized cue (e.g. "activate to sort") so a focused sort button announces its action to screen-reader users.'
+    );
+  }
+  if (!sortable) {
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("th", { scope: "col", "data-slot": "table-head", className: headClass, ...props, children });
+  }
+  const ariaSort = sortDirection === "asc" ? "ascending" : sortDirection === "desc" ? "descending" : "none";
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("th", { scope: "col", "data-slot": "table-head", "aria-sort": ariaSort, className: headClass, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    "button",
+    {
+      type: "button",
+      "data-slot": "table-sort-button",
+      className: "ddga-table__sort-button",
+      onClick,
+      children: [
+        children,
+        sortLabel ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ddga-sr-only", children: sortLabel }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ddga-table__sort-icon", "data-slot": "table-sort-icon", "aria-hidden": "true", children: sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(CaretUp, {}) : sortDirection === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(CaretDown, {}) : (
+          // Neutral affordance: stacked carets, dimmed via CSS.
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(CaretUp, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(CaretDown, {})
+          ] })
+        ) })
+      ]
+    }
+  ) });
+}
+function TableCell({ className, align, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn("ddga-table__cell", align && `ddga-table__cell--align-${align}`, className),
+      ...props
+    }
+  );
+}
+function TableCaption({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("ddga-table__caption", className),
+      ...props
+    }
+  );
+}
+
+// src/components/InputOTP/InputOTP.tsx
+var import_react30 = require("react");
+var import_class_variance_authority43 = require("class-variance-authority");
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var DEFAULT_PATTERN = "^[0-9]*$";
+var inputOTPVariants = (0, import_class_variance_authority43.cva)("ddga-input-otp", {
+  variants: {
+    size: {
+      sm: "ddga-input-otp--sm",
+      md: "ddga-input-otp--md",
+      lg: "ddga-input-otp--lg"
+    },
+    error: {
+      true: "ddga-input-otp--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function resolveGroups(length, groupSizes) {
+  if (!groupSizes || groupSizes.length === 0) return [length];
+  const sum = groupSizes.reduce((total, n) => total + n, 0);
+  if (sum !== length) {
+    if (process.env.NODE_ENV === "development") {
+      console.warn(
+        `[@dev-dga/react] InputOTP: groupSizes must sum to length (${length}); got ${sum}. Falling back to a single group.`
+      );
+    }
+    return [length];
+  }
+  return groupSizes;
+}
+function Slot({
+  char,
+  active,
+  caret,
+  mask
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+    "div",
+    {
+      "data-slot": "input-otp-slot",
+      "data-active": active || void 0,
+      "data-filled": char != null || void 0,
+      className: "ddga-input-otp__slot",
+      children: [
+        char != null ? mask ? "\u2022" : char : null,
+        caret && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { "aria-hidden": "true", "data-slot": "input-otp-caret", className: "ddga-input-otp__caret" })
+      ]
+    }
+  );
+}
+function InputOTP({
+  id: externalId,
+  length = 6,
+  groupSizes,
+  value,
+  defaultValue,
+  onChange,
+  onComplete,
+  pattern = DEFAULT_PATTERN,
+  mask = false,
+  separator,
+  size,
+  disabled,
+  autoFocus,
+  name,
+  required,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  ...props
+}) {
+  const inputRef = (0, import_react30.useRef)(null);
+  const [focused, setFocused] = (0, import_react30.useState)(false);
+  const isControlled = value !== void 0;
+  const [internal, setInternal] = (0, import_react30.useState)(defaultValue ?? "");
+  const current = isControlled ? value : internal;
+  const compiledPattern = (0, import_react30.useMemo)(() => {
+    try {
+      return new RegExp(pattern);
+    } catch {
+      if (process.env.NODE_ENV === "development") {
+        console.warn(
+          `[@dev-dga/react] InputOTP: invalid \`pattern\` regex "${pattern}". Falling back to digits-only.`
+        );
+      }
+      return new RegExp(DEFAULT_PATTERN);
+    }
+  }, [pattern]);
+  const completedRef = (0, import_react30.useRef)(null);
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "InputOTP",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby
+  });
+  function handleChange(event) {
+    const next = event.target.value.replace(/[\s-]/g, "").slice(0, length);
+    if (!compiledPattern.test(next)) return;
+    if (!isControlled) setInternal(next);
+    onChange?.(next);
+    if (next.length === length) {
+      if (completedRef.current !== next) {
+        completedRef.current = next;
+        onComplete?.(next);
+      }
+    } else {
+      completedRef.current = null;
+    }
+  }
+  function moveCaretToEnd() {
+    const el = inputRef.current;
+    if (el) el.setSelectionRange(el.value.length, el.value.length);
+  }
+  const groups = resolveGroups(length, groupSizes);
+  const lastGroup = groups.length - 1;
+  const activeIndex = focused ? Math.min(current.length, length - 1) : -1;
+  const inputMode = pattern === DEFAULT_PATTERN ? "numeric" : "text";
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { "data-slot": "input-otp-field", className: "ddga-field", ...props, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("label", { htmlFor: fieldId, className: "ddga-input-otp__label", children: [
+      label,
+      required && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { "aria-hidden": "true", className: "ddga-input-otp__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+      "div",
+      {
+        className: cn(inputOTPVariants({ size, error: hasError }), className),
+        "data-slot": "input-otp",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            "input",
+            {
+              ...controlProps,
+              ref: inputRef,
+              type: "text",
+              inputMode,
+              autoComplete: "one-time-code",
+              value: current,
+              maxLength: length,
+              disabled,
+              autoFocus,
+              name,
+              required,
+              "aria-label": ariaLabel,
+              "aria-labelledby": ariaLabelledby,
+              onChange: handleChange,
+              onFocus: () => {
+                setFocused(true);
+                moveCaretToEnd();
+              },
+              onBlur: () => setFocused(false),
+              onPointerUp: moveCaretToEnd,
+              className: "ddga-input-otp__input",
+              "data-slot": "input-otp-input"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { dir: "ltr", "aria-hidden": "true", "data-slot": "input-otp-row", className: "ddga-input-otp__row", children: groups.map((count, groupIndex) => {
+            const start = groups.slice(0, groupIndex).reduce((total, n) => total + n, 0);
+            return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_react30.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { "data-slot": "input-otp-group", className: "ddga-input-otp__group", children: Array.from({ length: count }, (_, offset) => {
+                const index = start + offset;
+                return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                  Slot,
+                  {
+                    char: current[index],
+                    active: index === activeIndex,
+                    caret: index === activeIndex && current.length < length,
+                    mask
+                  },
+                  index
+                );
+              }) }),
+              groupIndex < lastGroup && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  "data-slot": "input-otp-separator",
+                  className: "ddga-input-otp__separator",
+                  children: separator ?? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "ddga-input-otp__separator-dash" })
+                }
+              )
+            ] }, groupIndex);
+          }) })
+        ]
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+// src/components/Link/Link.tsx
+var import_react31 = require("react");
+var import_radix_ui31 = require("radix-ui");
+var import_class_variance_authority44 = require("class-variance-authority");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var linkVariants = (0, import_class_variance_authority44.cva)("ddga-link", {
+  variants: {
+    variant: {
+      // Inline links in running prose. Underlined always — color alone fails
+      // WCAG 1.4.1 when a link sits inside a block of text.
+      default: "ddga-link--default",
+      // Links in UI chrome (footers, meta rows) where context makes them
+      // obviously links: no underline until hover.
+      subtle: "ddga-link--subtle",
+      // Block-level CTAs ("Learn more →"): inline-flex with gapped icons,
+      // no underline. Not for mid-sentence use.
+      standalone: "ddga-link--standalone"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Link({
+  variant,
+  external,
+  startIcon,
+  endIcon,
+  iconFlip,
+  asChild,
+  className,
+  children,
+  rel,
+  ...props
+}) {
+  if (process.env.NODE_ENV === "development" && !asChild && props.href == null) {
+    console.warn(
+      '[@dev-dga/react] Link rendered without an `href`. A link needs an href to be focusable and exposed as a link to assistive tech. Provide `href`, use `asChild` to render your own element (e.g. a router Link), or use `Button variant="ghost"` for an action that is not navigation.'
+    );
+  }
+  const Comp = asChild ? import_radix_ui31.Slot.Slot : "a";
+  const relValue = external ? Array.from(
+    /* @__PURE__ */ new Set([...rel ? rel.split(/\s+/).filter(Boolean) : [], "noopener", "noreferrer"])
+  ).join(" ") : rel;
+  const showExternalIcon = external && !endIcon;
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+    Comp,
+    {
+      "data-slot": "link",
+      className: cn(linkVariants({ variant }), className),
+      rel: relValue,
+      ...props,
+      children: [
+        startIcon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          "span",
+          {
+            className: cn("ddga-link__icon", iconFlip && "ddga-icon-flip"),
+            "data-slot": "link-start-icon",
+            "aria-hidden": "true",
+            children: startIcon
+          }
+        ),
+        asChild ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_radix_ui31.Slot.Slottable, { children }) : children,
+        endIcon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          "span",
+          {
+            className: cn("ddga-link__icon", iconFlip && "ddga-icon-flip"),
+            "data-slot": "link-end-icon",
+            "aria-hidden": "true",
+            children: endIcon
+          }
+        ),
+        showExternalIcon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          "span",
+          {
+            className: "ddga-link__icon ddga-link__icon--external",
+            "data-slot": "link-external-icon",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ExternalLink, {})
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/SearchBox/SearchBox.tsx
+var import_react32 = require("react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+function setNativeInputValue(el, value) {
+  const setter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
+  setter?.call(el, value);
+  el.dispatchEvent(new Event("input", { bubbles: true }));
+}
+function SearchBox({
+  value,
+  defaultValue,
+  onChange,
+  onKeyDown,
+  onSearch,
+  onClear,
+  clearable = true,
+  clearLabel = "Clear search",
+  className,
+  ...rest
+}) {
+  const inputRef = (0, import_react32.useRef)(null);
+  const isControlled = value !== void 0;
+  const [internal, setInternal] = (0, import_react32.useState)(
+    defaultValue != null ? String(defaultValue) : ""
+  );
+  const currentValue = isControlled ? String(value ?? "") : internal;
+  const handleChange = (event) => {
+    if (!isControlled) setInternal(event.target.value);
+    onChange?.(event);
+  };
+  const clear = () => {
+    const el = inputRef.current;
+    if (!el) return;
+    setNativeInputValue(el, "");
+    el.focus();
+    onClear?.();
+  };
+  const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented) return;
+    if (event.key === "Enter") {
+      onSearch?.(currentValue);
+    } else if (event.key === "Escape" && currentValue.length > 0) {
+      event.preventDefault();
+      event.stopPropagation();
+      clear();
+    }
+  };
+  const showClear = clearable && currentValue.length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    Input,
+    {
+      ...rest,
+      ref: inputRef,
+      type: "search",
+      value: currentValue,
+      onChange: handleChange,
+      onKeyDown: handleKeyDown,
+      className: cn("ddga-search-box", className),
+      startAdornment: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Search, { "data-slot": "search-box-icon", "aria-hidden": "true" }),
+      endAdornment: showClear ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-sm",
+          "aria-label": clearLabel,
+          "data-slot": "search-box-clear",
+          onClick: clear,
+          children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Close, { "aria-hidden": "true" })
+        }
+      ) : void 0
+    }
+  );
+}
+
+// src/components/List/List.tsx
+var import_class_variance_authority45 = require("class-variance-authority");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var listVariants = (0, import_class_variance_authority45.cva)("ddga-list", {
+  variants: {
+    variant: {
+      plain: "ddga-list--plain",
+      bulleted: "ddga-list--bulleted",
+      numbered: "ddga-list--numbered",
+      lettered: "ddga-list--lettered"
+    },
+    divided: {
+      true: "ddga-list--divided"
+    }
+  },
+  defaultVariants: {
+    variant: "plain"
+  }
+});
+function List({ variant, divided, className, start, reversed, ...props }) {
+  const classes = cn(listVariants({ variant, divided }), className);
+  const ordered = variant === "numbered" || variant === "lettered";
+  if (ordered) {
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      "ol",
+      {
+        "data-slot": "list",
+        "data-variant": variant,
+        className: classes,
+        start,
+        reversed,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("ul", { "data-slot": "list", "data-variant": variant ?? "plain", className: classes, ...props });
+}
+function ListItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("li", { "data-slot": "list-item", className: cn("ddga-list__item", className), ...props });
+}
+function ListItemIcon({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { "data-slot": "list-item-icon", className: cn("ddga-list__icon", className), ...props });
+}
+function ListItemContent({
+  primary,
+  secondary,
+  className,
+  children,
+  ...props
+}) {
+  if (process.env.NODE_ENV === "development" && children != null && (primary != null || secondary != null)) {
+    console.warn(
+      "[@dev-dga/react] ListItemContent: `children` overrides `primary`/`secondary`. Pass one or the other, not both."
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { "data-slot": "list-item-content", className: cn("ddga-list__content", className), ...props, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+    primary != null && primary !== "" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { "data-slot": "list-item-primary", className: "ddga-list__primary", children: primary }),
+    secondary != null && secondary !== "" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { "data-slot": "list-item-secondary", className: "ddga-list__secondary", children: secondary })
+  ] }) });
+}
+function ListItemAction({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { "data-slot": "list-item-action", className: cn("ddga-list__action", className), ...props });
+}
+
+// src/components/Quote/Quote.tsx
+var import_react33 = require("react");
+var import_radix_ui32 = require("radix-ui");
+var import_class_variance_authority46 = require("class-variance-authority");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var quoteVariants = (0, import_class_variance_authority46.cva)("ddga-quote", {
+  variants: {
+    variant: {
+      /** Inline-start accent border (SA Green). The everyday blockquote. */
+      default: "ddga-quote--default",
+      /** Large editorial quote, centered, prominent mark — breaks up prose. */
+      pullquote: "ddga-quote--pullquote",
+      /** Card surface (border + bg + shadow), sized for an avatar + attribution. */
+      testimonial: "ddga-quote--testimonial",
+      /** Bare — no border, no surface. For inline / tightly-composed use. */
+      plain: "ddga-quote--plain"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Quote({
+  variant,
+  quoteMark = false,
+  avatar,
+  author,
+  byline,
+  source,
+  cite,
+  className,
+  children,
+  ...props
+}) {
+  const hasAttribution = author != null || byline != null || source != null;
+  const mark = quoteMark ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(QuoteMark, { "aria-hidden": "true", className: "ddga-quote__mark" }) : null;
+  if (!hasAttribution) {
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+      "blockquote",
+      {
+        "data-slot": "quote",
+        "data-variant": variant ?? "default",
+        className: cn(quoteVariants({ variant }), className),
+        cite,
+        ...props,
+        children: [
+          mark,
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(QuoteContent, { children })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    "figure",
+    {
+      "data-slot": "quote",
+      "data-variant": variant ?? "default",
+      className: cn(quoteVariants({ variant }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("blockquote", { "data-slot": "quote-blockquote", className: "ddga-quote__blockquote", cite, children: [
+          mark,
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(QuoteContent, { children })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(QuoteCaption, { children: [
+          avatar != null ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { "data-slot": "quote-avatar", "aria-hidden": "true", className: "ddga-quote__avatar", children: avatar }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "ddga-quote__attribution", children: [
+            author != null ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(QuoteAuthor, { children: author }) : null,
+            byline != null ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "ddga-quote__byline", children: byline }) : null,
+            source != null ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(QuoteSource, { children: source }) : null
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function QuoteContent({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui32.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Comp, { "data-slot": "quote-content", className: cn("ddga-quote__content", className), ...props });
+}
+function QuoteCaption({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui32.Slot.Slot : "figcaption";
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Comp, { "data-slot": "quote-caption", className: cn("ddga-quote__caption", className), ...props });
+}
+function QuoteAuthor({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui32.Slot.Slot : "span";
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Comp, { "data-slot": "quote-author", className: cn("ddga-quote__author", className), ...props });
+}
+function QuoteSource({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui32.Slot.Slot : "cite";
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Comp, { "data-slot": "quote-source", className: cn("ddga-quote__source", className), ...props });
+}
+
+// src/components/Collapsible/Collapsible.tsx
+var import_radix_ui33 = require("radix-ui");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+function Collapsible({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    import_radix_ui33.Collapsible.Root,
+    {
+      "data-slot": "collapsible",
+      className: cn("ddga-collapsible", className),
+      ...props
+    }
+  );
+}
+function CollapsibleTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    import_radix_ui33.Collapsible.Trigger,
+    {
+      "data-slot": "collapsible-trigger",
+      className: cn("ddga-collapsible__trigger", className),
+      ...props
+    }
+  );
+}
+function CollapsibleContent({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    import_radix_ui33.Collapsible.Content,
+    {
+      "data-slot": "collapsible-content",
+      className: cn("ddga-collapsible__content", className),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "ddga-collapsible__content-inner", children })
+    }
+  );
+}
+
+// src/components/TagInput/TagInput.tsx
+var import_react34 = require("react");
+var import_class_variance_authority47 = require("class-variance-authority");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var tagInputVariants = (0, import_class_variance_authority47.cva)("ddga-tag-input", {
+  variants: {
+    size: {
+      sm: "ddga-tag-input--sm",
+      md: "ddga-tag-input--md",
+      lg: "ddga-tag-input--lg"
+    },
+    error: {
+      true: "ddga-tag-input--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function TagInput({
+  id: externalId,
+  value,
+  defaultValue,
+  onChange,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  size,
+  disabled,
+  placeholder,
+  max,
+  allowDuplicates = false,
+  caseSensitive = false,
+  validate,
+  delimiters = [","],
+  chipVariant = "secondary",
+  removeLabel = (tag) => `Remove ${tag}`,
+  formatAnnouncement = (tag, action) => `${tag} ${action === "add" ? "added" : "removed"}`,
+  className,
+  ...props
+}) {
+  const isControlled = value !== void 0;
+  const [uncontrolledTags, setUncontrolledTags] = (0, import_react34.useState)(defaultValue ?? []);
+  const tags = isControlled ? value : uncontrolledTags;
+  const [draft, setDraft] = (0, import_react34.useState)("");
+  const [announcement, setAnnouncement] = (0, import_react34.useState)("");
+  const inputRef = (0, import_react34.useRef)(null);
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "TagInput",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  const commit = (next) => {
+    if (!isControlled) setUncontrolledTags(next);
+    onChange?.(next);
+  };
+  const norm = (t) => caseSensitive ? t : t.toLowerCase();
+  const accept = (raw, current) => {
+    let next = current;
+    for (const fragment of raw) {
+      const trimmed = fragment.trim();
+      if (!trimmed) continue;
+      if (max !== void 0 && next.length >= max) break;
+      if (!allowDuplicates && next.some((t) => norm(t) === norm(trimmed))) continue;
+      if (validate && !validate(trimmed, next)) continue;
+      next = [...next, trimmed];
+    }
+    return next;
+  };
+  const announceAdded = (added) => {
+    if (added.length > 0) {
+      setAnnouncement(added.map((t) => formatAnnouncement(t, "add")).join(", "));
+    }
+  };
+  const commitDraft = () => {
+    const next = accept([draft], tags);
+    if (next.length > tags.length) {
+      commit(next);
+      announceAdded(next.slice(tags.length));
+      setDraft("");
+    }
+  };
+  const splitPaste = (text) => {
+    const escaped = delimiters.map((d) => d.replace(/[.*+?^${}()|[\]\\-]/g, "\\$&"));
+    const pattern = new RegExp(`[${escaped.join("")}\\n\\r]`);
+    return text.split(pattern);
+  };
+  const removeTag = (index) => {
+    const removed = tags[index];
+    commit(tags.filter((_, i) => i !== index));
+    setAnnouncement(formatAnnouncement(removed, "remove"));
+    inputRef.current?.focus();
+  };
+  const handleKeyDown = (event) => {
+    if (disabled) return;
+    if (event.key === "Enter") {
+      event.preventDefault();
+      if (draft.trim()) commitDraft();
+    } else if (delimiters.includes(event.key)) {
+      event.preventDefault();
+      if (draft.trim()) commitDraft();
+    } else if (event.key === "Backspace" && draft === "" && tags.length > 0) {
+      event.preventDefault();
+      removeTag(tags.length - 1);
+    }
+  };
+  const handlePaste = (event) => {
+    if (disabled) return;
+    const text = event.clipboardData.getData("text");
+    const fragments = splitPaste(text);
+    if (fragments.length <= 1) return;
+    event.preventDefault();
+    const next = accept(fragments, tags);
+    if (next.length > tags.length) {
+      commit(next);
+      announceAdded(next.slice(tags.length));
+      setDraft("");
+    }
+  };
+  const handleBoxMouseDown = (event) => {
+    const target = event.target;
+    if (target === inputRef.current || target.closest("button")) return;
+    event.preventDefault();
+    inputRef.current?.focus();
+  };
+  const chipSize = size === "lg" ? "md" : "sm";
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { "data-slot": "tag-input-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { htmlFor: fieldId, className: "ddga-tag-input__label", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+      "div",
+      {
+        "data-slot": "tag-input-control",
+        className: cn(tagInputVariants({ size, error: hasError }), className),
+        "data-disabled": disabled || void 0,
+        onMouseDown: disabled ? void 0 : handleBoxMouseDown,
+        children: [
+          tags.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("ul", { "data-slot": "tag-input-list", className: "ddga-tag-input__list", role: "list", children: tags.map((tag, index) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+            "li",
+            {
+              "data-slot": "tag-input-item",
+              className: "ddga-tag-input__item",
+              role: "listitem",
+              children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                Badge,
+                {
+                  variant: chipVariant,
+                  size: chipSize,
+                  open: true,
+                  dismissible: !disabled,
+                  onDismiss: () => removeTag(index),
+                  closeLabel: removeLabel(tag),
+                  children: tag
+                }
+              )
+            },
+            `${tag}-${index}`
+          )) }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+            "input",
+            {
+              ...props,
+              ...controlProps,
+              ref: inputRef,
+              "data-slot": "tag-input",
+              className: "ddga-tag-input__field",
+              type: "text",
+              value: draft,
+              disabled,
+              placeholder: tags.length === 0 ? placeholder : void 0,
+              onChange: (event) => setDraft(event.target.value),
+              onKeyDown: handleKeyDown,
+              onPaste: handlePaste
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { "data-slot": "tag-input-live", className: "ddga-sr-only", role: "status", "aria-live": "polite", children: announcement }),
+    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+// src/providers/DgaProvider.tsx
+var import_react35 = require("react");
+var import_radix_ui34 = require("radix-ui");
+var import_tokens = require("@dev-dga/tokens");
+var import_jsx_runtime55 = require("react/jsx-runtime");
+function DgaProvider({
+  dir = "ltr",
+  locale,
+  mode = "light",
+  theme,
+  as: Component = "div",
+  className,
+  style: consumerStyle,
+  children
+}) {
+  const parentCtx = (0, import_react35.useContext)(DgaContext);
+  const isNested = parentCtx !== null;
+  const [rootEl, setRootEl] = (0, import_react35.useState)(null);
+  const portalRef = (0, import_react35.useRef)(null);
+  const [portalEl, setPortalEl] = (0, import_react35.useState)(null);
+  const resolvedLocale = locale ?? (dir === "rtl" ? "ar" : "en");
+  const themeVars = (0, import_react35.useMemo)(() => theme ? (0, import_tokens.buildTheme)(theme) : null, [theme]);
+  (0, import_react35.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);
+    };
+  }, []);
+  (0, import_react35.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));
+      }
+    }
+  }, [mode, dir, themeVars, portalEl]);
+  const ctxValue = (0, import_react35.useMemo)(
+    () => ({ dir, locale: resolvedLocale, mode, rootEl, portalEl }),
+    [dir, resolvedLocale, mode, rootEl, portalEl]
+  );
+  const inner = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_radix_ui34.Direction.Provider, { dir, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DgaContext.Provider, { value: ctxValue, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    Component,
+    {
+      ref: setRootEl,
+      dir,
+      lang: resolvedLocale,
+      "data-slot": "dga-root",
+      "data-theme": mode,
+      className,
+      style: { colorScheme: mode, ...themeVars ?? {}, ...consumerStyle },
+      children: isNested ? inner : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_radix_ui34.Tooltip.Provider, { delayDuration: 300, skipDelayDuration: 100, children: inner })
+    }
+  ) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -4274,10 +6769,21 @@ function useDir() {
   CardTitle,
   Checkbox,
   CircularProgress,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
   Combobox,
   ComboboxGroup,
   ComboboxItem,
   ComboboxSeparator,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
   DatePicker,
   DescriptionDetails,
   DescriptionItem,
@@ -4307,9 +6813,35 @@ function useDir() {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  EmptyState,
+  EmptyStateActions,
+  EmptyStateDescription,
+  EmptyStateMedia,
+  EmptyStateTitle,
   FieldMessage,
   FileUpload,
   Input,
+  InputOTP,
+  Link,
+  List,
+  ListItem,
+  ListItemAction,
+  ListItemContent,
+  ListItemIcon,
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
   Modal,
   ModalClose,
   ModalContent,
@@ -4326,26 +6858,82 @@ function useDir() {
   PaginationLink,
   PaginationNext,
   PaginationPrevious,
+  Popover,
+  PopoverAnchor,
+  PopoverClose,
+  PopoverContent,
+  PopoverTrigger,
   Progress,
+  Quote,
+  QuoteAuthor,
+  QuoteCaption,
+  QuoteContent,
+  QuoteSource,
   Radio,
   RadioGroup,
   Rating,
+  ScrollArea,
+  SearchBox,
   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,
+  StatChart,
+  StatGroup,
+  StatLabel,
+  StatValue,
   Step,
   StepDescription,
   StepIndicator,
   StepTitle,
   Steps,
   Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
   Tabs,
   TabsContent,
   TabsList,
   TabsTrigger,
+  TagInput,
   Textarea,
+  Timeline,
+  TimelineContent,
+  TimelineDescription,
+  TimelineItem,
+  TimelineMarker,
+  TimelineTime,
+  TimelineTitle,
   Toaster,
   Toggle,
   ToggleGroup,
@@ -4365,6 +6953,7 @@ function useDir() {
   cn,
   comboboxTriggerVariants,
   comboboxVariants,
+  commandVariants,
   createToast,
   createToastStore,
   datePickerVariants,
@@ -4372,25 +6961,42 @@ function useDir() {
   dividerVariants,
   drawerVariants,
   dropdownMenuVariants,
+  emptyStateVariants,
+  inputOTPVariants,
   inputVariants,
+  linkVariants,
+  listVariants,
+  menubarContentVariants,
+  menubarTriggerVariants,
   modalContentVariants,
   numberInputVariants,
   paginationLinkVariants,
   paginationVariants,
+  popoverContentVariants,
   progressVariants,
+  quoteVariants,
   radioGroupVariants,
   radioVariants,
   ratingVariants,
+  scrollAreaVariants,
   selectTriggerVariants,
+  sidebarMenuButtonVariants,
+  sidebarMenuSubButtonVariants,
   skeletonVariants,
   sliderVariants,
   spinnerVariants,
+  statGroupVariants,
+  statVariants,
   stepVariants,
   stepsVariants,
   switchVariants,
+  tableVariants,
   tabsListVariants,
   tabsVariants,
+  tagInputVariants,
   textareaVariants,
+  timelineMarkerVariants,
+  timelineVariants,
   toast,
   toastStore,
   toastVariants,
@@ -4400,6 +7006,8 @@ function useDir() {
   tooltipContentVariants,
   useDga,
   useDir,
-  useFieldA11y
+  useFieldA11y,
+  useIsMobile,
+  useSidebar
 });
 //# sourceMappingURL=index.cjs.map