@dev-dga/react 0.5.0 → 0.7.0

package/dist/index.cjs

@@ -53,6 +53,11 @@ __export(src_exports, {
   ComboboxGroup: () => ComboboxGroup,
   ComboboxItem: () => ComboboxItem,
   ComboboxSeparator: () => ComboboxSeparator,
+  DatePicker: () => DatePicker,
+  DescriptionDetails: () => DescriptionDetails,
+  DescriptionItem: () => DescriptionItem,
+  DescriptionList: () => DescriptionList,
+  DescriptionTerm: () => DescriptionTerm,
   DgaProvider: () => DgaProvider,
   Divider: () => Divider,
   Drawer: () => Drawer,
@@ -77,8 +82,28 @@ __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,
+  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,
@@ -87,6 +112,7 @@ __export(src_exports, {
   ModalHeader: () => ModalHeader,
   ModalTitle: () => ModalTitle,
   ModalTrigger: () => ModalTrigger,
+  NumberInput: () => NumberInput,
   Pagination: () => Pagination,
   PaginationContent: () => PaginationContent,
   PaginationEllipsis: () => PaginationEllipsis,
@@ -94,13 +120,48 @@ __export(src_exports, {
   PaginationLink: () => PaginationLink,
   PaginationNext: () => PaginationNext,
   PaginationPrevious: () => PaginationPrevious,
+  Popover: () => Popover,
+  PopoverAnchor: () => PopoverAnchor,
+  PopoverClose: () => PopoverClose,
+  PopoverContent: () => PopoverContent,
+  PopoverTrigger: () => PopoverTrigger,
   Progress: () => Progress,
   Radio: () => Radio,
   RadioGroup: () => RadioGroup,
+  Rating: () => Rating,
+  ScrollArea: () => ScrollArea,
   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,
+  StatGroup: () => StatGroup,
+  StatLabel: () => StatLabel,
+  StatValue: () => StatValue,
   Step: () => Step,
   StepDescription: () => StepDescription,
   StepIndicator: () => StepIndicator,
@@ -112,7 +173,17 @@ __export(src_exports, {
   TabsList: () => TabsList,
   TabsTrigger: () => TabsTrigger,
   Textarea: () => Textarea,
+  Timeline: () => Timeline,
+  TimelineContent: () => TimelineContent,
+  TimelineDescription: () => TimelineDescription,
+  TimelineItem: () => TimelineItem,
+  TimelineMarker: () => TimelineMarker,
+  TimelineTime: () => TimelineTime,
+  TimelineTitle: () => TimelineTitle,
   Toaster: () => Toaster,
+  Toggle: () => Toggle,
+  ToggleGroup: () => ToggleGroup,
+  ToggleGroupItem: () => ToggleGroupItem,
   Tooltip: () => Tooltip,
   TooltipContent: () => TooltipContent,
   TooltipTrigger: () => TooltipTrigger,
@@ -130,33 +201,53 @@ __export(src_exports, {
   comboboxVariants: () => comboboxVariants,
   createToast: () => createToast,
   createToastStore: () => createToastStore,
+  datePickerVariants: () => datePickerVariants,
+  descriptionListVariants: () => descriptionListVariants,
   dividerVariants: () => dividerVariants,
   drawerVariants: () => drawerVariants,
   dropdownMenuVariants: () => dropdownMenuVariants,
+  emptyStateVariants: () => emptyStateVariants,
   inputVariants: () => inputVariants,
+  menubarContentVariants: () => menubarContentVariants,
+  menubarTriggerVariants: () => menubarTriggerVariants,
   modalContentVariants: () => modalContentVariants,
+  numberInputVariants: () => numberInputVariants,
   paginationLinkVariants: () => paginationLinkVariants,
   paginationVariants: () => paginationVariants,
+  popoverContentVariants: () => popoverContentVariants,
   progressVariants: () => progressVariants,
   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,
   tabsListVariants: () => tabsListVariants,
   tabsVariants: () => tabsVariants,
   textareaVariants: () => textareaVariants,
+  timelineMarkerVariants: () => timelineMarkerVariants,
+  timelineVariants: () => timelineVariants,
   toast: () => toast,
   toastStore: () => toastStore,
   toastVariants: () => toastVariants,
   toastViewportVariants: () => toastViewportVariants,
+  toggleGroupVariants: () => toggleGroupVariants,
+  toggleVariants: () => toggleVariants,
   tooltipContentVariants: () => tooltipContentVariants,
   useDga: () => useDga,
   useDir: () => useDir,
-  useFieldA11y: () => useFieldA11y
+  useFieldA11y: () => useFieldA11y,
+  useIsMobile: () => useIsMobile,
+  useSidebar: () => useSidebar
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -676,6 +767,47 @@ function ChevronRight(props) {
     }
   );
 }
+function ChevronLeft(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: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m15 18-6-6 6-6" })
+    }
+  );
+}
+function CalendarIcon(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: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "16", x2: "16", y1: "2", y2: "6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "8", x2: "8", y1: "2", y2: "6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "3", x2: "21", y1: "10", y2: "10" })
+      ]
+    }
+  );
+}
 function MoreHorizontal(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "svg",
@@ -695,6 +827,157 @@ function MoreHorizontal(props) {
     }
   );
 }
+function Plus(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: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 5v14" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M5 12h14" })
+      ]
+    }
+  );
+}
+function Star(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 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })
+    }
+  );
+}
+function Upload(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: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M17 8l-5-5-5 5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 3v12" })
+      ]
+    }
+  );
+}
+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 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");
@@ -981,7 +1264,7 @@ function Select({
     "aria-labelledby": rootProps["aria-labelledby"]
   });
   const ctx = (0, import_react5.useContext)(DgaContext);
-  const portalContainer = ctx?.rootEl ?? void 0;
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { "data-slot": "select-field", className: "ddga-field", children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { htmlFor: fieldId, className: "ddga-select__label", children: [
       label,
@@ -1400,7 +1683,7 @@ function TooltipContent({
   ...props
 }) {
   const ctx = (0, import_react8.useContext)(DgaContext);
-  const portalContainer = ctx?.rootEl ?? void 0;
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_radix_ui9.Tooltip.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     import_radix_ui9.Tooltip.Content,
     {
@@ -1543,7 +1826,7 @@ function ModalContent({
   ...props
 }) {
   const ctx = (0, import_react10.useContext)(DgaContext);
-  const portalContainer = ctx?.rootEl ?? void 0;
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_radix_ui11.Dialog.Portal, { container: portalContainer, children: [
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_radix_ui11.Dialog.Overlay, { className: "ddga-modal__overlay", "data-slot": "modal-overlay" }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
@@ -2441,7 +2724,7 @@ function DropdownMenuContent({
   ...props
 }) {
   const ctx = (0, import_react13.useContext)(DgaContext);
-  const portalContainer = ctx?.rootEl ?? void 0;
+  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,
     {
@@ -2572,7 +2855,7 @@ function DropdownMenuSubTrigger({
 }
 function DropdownMenuSubContent({ size, className, ...props }) {
   const ctx = (0, import_react13.useContext)(DgaContext);
-  const portalContainer = ctx?.rootEl ?? void 0;
+  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,
     {
@@ -2624,7 +2907,7 @@ function DrawerContent({
   ...props
 }) {
   const ctx = (0, import_react14.useContext)(DgaContext);
-  const portalContainer = ctx?.rootEl ?? void 0;
+  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" }),
     /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
@@ -2789,7 +3072,7 @@ function Combobox({
     "aria-labelledby": ariaLabelledBy
   });
   const providerCtx = (0, import_react15.useContext)(DgaContext);
-  const portalContainer = providerCtx?.rootEl ?? void 0;
+  const portalContainer = providerCtx?.portalEl ?? providerCtx?.rootEl ?? void 0;
   const triggerLabel = (0, import_react15.useMemo)(() => {
     if (value === void 0) return null;
     if (getLabel) return getLabel(value);
@@ -2914,50 +3197,2324 @@ function ComboboxSeparator({ className, ...props }) {
   );
 }
 
-// src/providers/DgaProvider.tsx
+// src/components/DatePicker/DatePicker.tsx
 var import_react16 = require("react");
-var import_radix_ui21 = require("radix-ui");
-var import_tokens = require("@dev-dga/tokens");
+var import_react_aria_components = require("react-aria-components");
+var import_date = require("@internationalized/date");
+var import_class_variance_authority27 = require("class-variance-authority");
 var import_jsx_runtime29 = require("react/jsx-runtime");
-function DgaProvider({
-  dir = "ltr",
-  locale,
-  mode = "light",
-  theme,
-  as: Component = "div",
+var datePickerTriggerVariants = (0, import_class_variance_authority27.cva)("ddga-date-picker-trigger", {
+  variants: {
+    size: {
+      sm: "ddga-date-picker-trigger--sm",
+      md: "ddga-date-picker-trigger--md"
+    },
+    error: {
+      true: "ddga-date-picker-trigger--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var datePickerVariants = datePickerTriggerVariants;
+function dateToCalendarDate(date) {
+  if (!date) return null;
+  return new import_date.CalendarDate(date.getFullYear(), date.getMonth() + 1, date.getDate());
+}
+function calendarDateToDate(value) {
+  if (!value) return null;
+  const greg = value.calendar.identifier === "gregory" ? value : (0, import_date.toCalendar)(value, new import_date.GregorianCalendar());
+  return new Date(greg.year, greg.month - 1, greg.day);
+}
+function composeLocale(dgaLocale, calendar) {
+  const base = dgaLocale === "ar" ? "ar-SA" : dgaLocale === "en" ? "en-US" : dgaLocale;
+  const isArabic = base.startsWith("ar");
+  if (calendar === "hijri") {
+    return isArabic ? `${base}-u-ca-islamic-umalqura-nu-latn` : `${base}-u-ca-islamic-umalqura`;
+  }
+  return isArabic ? `${base}-u-nu-latn` : base;
+}
+var GREGORIAN = new import_date.GregorianCalendar();
+var ISLAMIC_UMALQURA = new import_date.IslamicUmalquraCalendar();
+function secondaryDayNumber(date, mainCalendar) {
+  const other = mainCalendar === "hijri" ? GREGORIAN : ISLAMIC_UMALQURA;
+  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 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)(() => {
+    if (!focusedDate) return [];
+    const fmt = new Intl.DateTimeFormat(locale, { month: "long" });
+    return Array.from({ length: 12 }, (_, i) => {
+      const cd = new import_date.CalendarDate(focusedCalendar, focusedYear, i + 1, 1);
+      const greg = (0, import_date.toCalendar)(cd, GREGORIAN);
+      const js = new Date(greg.year, greg.month - 1, greg.day);
+      return fmt.format(js);
+    });
+  }, [locale, focusedDate, focusedCalendar, focusedYear]);
+  const yearOptions = (0, import_react16.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;
+    const start = Math.min(minY, focusedYear);
+    const end = Math.max(maxY, focusedYear);
+    return Array.from({ length: end - start + 1 }, (_, i) => start + i);
+  }, [focusedDate, focusedCalendar, focusedYear, minValue, maxValue]);
+  if (!state || !focusedDate) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "ddga-date-picker-calendar__nav-selects", "data-slot": "date-picker-calendar-nav", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      "select",
+      {
+        "aria-label": monthLabel,
+        className: "ddga-date-picker-calendar__select ddga-date-picker-calendar__month-select",
+        "data-slot": "date-picker-month-select",
+        value: focusedDate.month,
+        onChange: (e) => state.setFocusedDate(focusedDate.set({ month: Number(e.target.value) })),
+        children: monthNames.map((name, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: i + 1, children: name }, i + 1))
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      "select",
+      {
+        "aria-label": yearLabel,
+        className: "ddga-date-picker-calendar__select ddga-date-picker-calendar__year-select",
+        "data-slot": "date-picker-year-select",
+        value: focusedDate.year,
+        onChange: (e) => state.setFocusedDate(focusedDate.set({ year: Number(e.target.value) })),
+        children: yearOptions.map((y) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: y, children: y }, y))
+      }
+    )
+  ] });
+}
+function CalendarDayCell({ date, showSecondary, calendarSystem }) {
+  const state = (0, import_react16.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;
+  if (state && isOutside && !isOutOfBounds) {
+    const selected = state.value;
+    const isSelected = !!selected && selected.year === date.year && selected.month === date.month && selected.day === date.day;
+    const handleSelect = () => {
+      state.setFocusedDate(date);
+      state.selectDate(date);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { role: "gridcell", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      "button",
+      {
+        type: "button",
+        tabIndex: -1,
+        className: "ddga-date-picker-calendar__cell",
+        "data-outside-month": "",
+        "data-selected": isSelected ? "" : void 0,
+        "data-slot": "date-picker-day-cell",
+        onClick: handleSelect,
+        children: showSecondary ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "ddga-date-picker-calendar__cell-primary", children: date.day }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { "aria-hidden": "true", className: "ddga-date-picker-calendar__cell-secondary", children: secondaryDayNumber(date, calendarSystem) })
+        ] }) : String(date.day)
+      }
+    ) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components.CalendarCell, { date, className: "ddga-date-picker-calendar__cell", children: ({ formattedDate }) => showSecondary ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "ddga-date-picker-calendar__cell-primary", children: formattedDate }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { "aria-hidden": "true", className: "ddga-date-picker-calendar__cell-secondary", children: secondaryDayNumber(date, calendarSystem) })
+  ] }) : formattedDate });
+}
+function DatePicker({
+  value: controlledValue,
+  defaultValue,
+  onChange,
+  minValue,
+  maxValue,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  required,
+  disabled,
+  size,
+  id,
   className,
-  style: consumerStyle,
-  children
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  calendar: controlledCalendar,
+  defaultCalendar = "gregorian",
+  onCalendarChange,
+  showCalendarToggle = true,
+  calendarLabels,
+  showSecondaryCalendar = false
 }) {
-  const parentCtx = (0, import_react16.useContext)(DgaContext);
-  const isNested = parentCtx !== null;
-  const [rootEl, setRootEl] = (0, import_react16.useState)(null);
-  const resolvedLocale = locale ?? (dir === "rtl" ? "ar" : "en");
-  const ctxValue = (0, import_react16.useMemo)(
-    () => ({ dir, locale: resolvedLocale, mode, rootEl }),
-    [dir, resolvedLocale, mode, rootEl]
+  const isValueControlled = controlledValue !== void 0;
+  const [internalValue, setInternalValue] = (0, import_react16.useState)(
+    () => dateToCalendarDate(defaultValue)
   );
-  const themeVars = (0, import_react16.useMemo)(() => theme ? (0, import_tokens.buildTheme)(theme) : null, [theme]);
-  const inner = /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_radix_ui21.Direction.Provider, { dir, children });
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DgaContext.Provider, { value: ctxValue, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    Component,
+  const value = isValueControlled ? dateToCalendarDate(controlledValue) : internalValue;
+  const handleAriaChange = (0, import_react16.useCallback)(
+    (next) => {
+      const nextCD = next ? new import_date.CalendarDate(next.year, next.month, next.day) : null;
+      if (!isValueControlled) setInternalValue(nextCD);
+      onChange?.(calendarDateToDate(nextCD));
+    },
+    [isValueControlled, onChange]
+  );
+  const isCalendarControlled = controlledCalendar !== void 0;
+  const [internalCalendar, setInternalCalendar] = (0, import_react16.useState)(defaultCalendar);
+  const calendarSystem = isCalendarControlled ? controlledCalendar : internalCalendar;
+  const setCalendar = (0, import_react16.useCallback)(
+    (next) => {
+      if (!isCalendarControlled) setInternalCalendar(next);
+      onCalendarChange?.(next);
+    },
+    [isCalendarControlled, onCalendarChange]
+  );
+  const dgaCtx = (0, import_react16.useContext)(DgaContext);
+  const dgaLocale = dgaCtx?.locale ?? "en";
+  const ariaLocale = (0, import_react16.useMemo)(
+    () => composeLocale(dgaLocale, calendarSystem),
+    [dgaLocale, calendarSystem]
+  );
+  const portalContainer = dgaCtx?.portalEl ?? dgaCtx?.rootEl ?? void 0;
+  const dgaDir = dgaCtx?.dir ?? "ltr";
+  const PrevChevron = dgaDir === "rtl" ? ChevronRight : ChevronLeft;
+  const NextChevron = dgaDir === "rtl" ? ChevronLeft : ChevronRight;
+  const resolvedLabels = (0, import_react16.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)(
+    () => 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 dialogAriaLabel = ariaLabel ?? (typeof label === "string" ? label : ariaLabelledBy ? void 0 : "Date");
+  const showToggle = showCalendarToggle && !isCalendarControlled;
+  const hasError = !!error;
+  const hasErrorMessage = hasError && errorMessage != null && errorMessage !== "";
+  const hasHelper = !hasErrorMessage && helperText != null && helperText !== "";
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components.I18nProvider, { locale: ariaLocale, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    import_react_aria_components.DatePicker,
     {
-      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_runtime29.jsx)(import_radix_ui21.Tooltip.Provider, { delayDuration: 300, skipDelayDuration: 100, children: inner })
+      value,
+      onChange: handleAriaChange,
+      minValue: ariaMinValue,
+      maxValue: ariaMaxValue,
+      isRequired: required,
+      isDisabled: disabled,
+      isInvalid: hasError,
+      shouldCloseOnSelect: true,
+      id,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      className: "ddga-field",
+      "data-slot": "date-picker-field",
+      children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_aria_components.Label, { className: "ddga-date-picker__label", children: [
+          label,
+          required && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { "aria-hidden": "true", className: "ddga-date-picker__required", children: "*" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+          import_react_aria_components.Group,
+          {
+            "data-slot": "date-picker-trigger",
+            className: cn(datePickerTriggerVariants({ size, error: hasError }), className),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components.DateInput, { className: "ddga-date-picker__input", "data-slot": "date-picker-input", children: (segment) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                import_react_aria_components.DateSegment,
+                {
+                  segment,
+                  className: "ddga-date-picker__segment",
+                  "data-slot": "date-picker-segment"
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                import_react_aria_components.Button,
+                {
+                  className: "ddga-date-picker__icon-button",
+                  "aria-label": "Open calendar",
+                  "data-slot": "date-picker-trigger-button",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CalendarIcon, { "aria-hidden": "true", className: "ddga-date-picker__icon" })
+                }
+              )
+            ]
+          }
+        ),
+        hasHelper && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          import_react_aria_components.Text,
+          {
+            slot: "description",
+            className: "ddga-field__message ddga-field__message--helper",
+            "data-slot": "field-helper",
+            children: helperText
+          }
+        ),
+        hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          import_react_aria_components.FieldError,
+          {
+            className: "ddga-field__message ddga-field__message--error",
+            "data-slot": "field-error",
+            children: errorMessage
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          import_react_aria_components.Popover,
+          {
+            UNSTABLE_portalContainer: portalContainer,
+            className: "ddga-date-picker-popover",
+            "data-slot": "date-picker-popover",
+            offset: 6,
+            containerPadding: 12,
+            children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+              import_react_aria_components.Dialog,
+              {
+                className: "ddga-date-picker-dialog",
+                "data-slot": "date-picker-dialog",
+                "aria-label": dialogAriaLabel,
+                "aria-labelledby": ariaLabelledBy,
+                children: [
+                  showToggle && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+                    "div",
+                    {
+                      role: "tablist",
+                      "aria-label": "Calendar system",
+                      className: "ddga-date-picker-toggle",
+                      "data-slot": "date-picker-toggle",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                          "button",
+                          {
+                            type: "button",
+                            role: "tab",
+                            "aria-selected": calendarSystem === "gregorian",
+                            className: "ddga-date-picker-toggle__button",
+                            "data-active": calendarSystem === "gregorian" ? "" : void 0,
+                            onClick: () => setCalendar("gregorian"),
+                            children: resolvedLabels.gregorian
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                          "button",
+                          {
+                            type: "button",
+                            role: "tab",
+                            "aria-selected": calendarSystem === "hijri",
+                            className: "ddga-date-picker-toggle__button",
+                            "data-active": calendarSystem === "hijri" ? "" : void 0,
+                            onClick: () => setCalendar("hijri"),
+                            children: resolvedLabels.hijri
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_aria_components.Calendar, { className: "ddga-date-picker-calendar", "data-slot": "date-picker-calendar", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("header", { className: "ddga-date-picker-calendar__header", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                        import_react_aria_components.Button,
+                        {
+                          slot: "previous",
+                          className: "ddga-date-picker-calendar__nav",
+                          "data-slot": "date-picker-calendar-prev",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PrevChevron, { "aria-hidden": "true" })
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                        CalendarNavHeader,
+                        {
+                          locale: ariaLocale,
+                          monthLabel: navLabels.month,
+                          yearLabel: navLabels.year
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                        import_react_aria_components.Button,
+                        {
+                          slot: "next",
+                          className: "ddga-date-picker-calendar__nav",
+                          "data-slot": "date-picker-calendar-next",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(NextChevron, { "aria-hidden": "true" })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_aria_components.CalendarGrid, { className: "ddga-date-picker-calendar__grid", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components.CalendarGridHeader, { children: (day) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components.CalendarHeaderCell, { className: "ddga-date-picker-calendar__weekday", children: day }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components.CalendarGridBody, { children: (date) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                        CalendarDayCell,
+                        {
+                          date,
+                          showSecondary: showSecondaryCalendar,
+                          calendarSystem
+                        }
+                      ) })
+                    ] })
+                  ] })
+                ]
+              }
+            )
+          }
+        )
+      ]
     }
   ) });
 }
 
+// src/components/FileUpload/FileUpload.tsx
+var import_react17 = require("react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function matchesAccept(file, accept) {
+  if (!accept) return true;
+  const tokens = accept.split(",").map((t) => t.trim().toLowerCase()).filter(Boolean);
+  if (tokens.length === 0) return true;
+  const name = file.name.toLowerCase();
+  const type = file.type.toLowerCase();
+  return tokens.some((token) => {
+    if (token.startsWith(".")) return name.endsWith(token);
+    if (token.endsWith("/*")) return type.startsWith(token.slice(0, token.indexOf("/") + 1));
+    return type === token;
+  });
+}
+function splitFiles(incoming, config) {
+  const { accept, maxSize, maxFiles, currentCount } = config;
+  const accepted = [];
+  const rejections = [];
+  for (const file of incoming) {
+    const errors = [];
+    if (!matchesAccept(file, accept)) errors.push("file-invalid-type");
+    if (maxSize != null && file.size > maxSize) errors.push("file-too-large");
+    if (errors.length > 0) {
+      rejections.push({ file, errors });
+      continue;
+    }
+    if (maxFiles != null && currentCount + accepted.length >= maxFiles) {
+      rejections.push({ file, errors: ["too-many-files"] });
+      continue;
+    }
+    accepted.push(file);
+  }
+  return { accepted, rejections };
+}
+var UNITS = ["B", "KB", "MB", "GB", "TB"];
+function formatBytes(bytes) {
+  if (bytes === 0) return "0 B";
+  const exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), UNITS.length - 1);
+  const value = bytes / 1024 ** exponent;
+  return `${exponent === 0 ? value : value.toFixed(1)} ${UNITS[exponent]}`;
+}
+function FileUpload({
+  files,
+  onFilesAdded,
+  onFilesRejected,
+  onRemove,
+  accept,
+  maxSize,
+  maxFiles,
+  multiple = true,
+  disabled = false,
+  required,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  hint = "Drag files here, or click to browse",
+  removeLabel = "Remove",
+  id: externalId,
+  className,
+  ...props
+}) {
+  const inputRef = (0, import_react17.useRef)(null);
+  const [isDragging, setIsDragging] = (0, import_react17.useState)(false);
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "FileUpload",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  const effectiveMaxFiles = multiple ? maxFiles : 1;
+  function process2(incoming) {
+    if (disabled || incoming.length === 0) return;
+    const { accepted, rejections } = splitFiles(incoming, {
+      accept,
+      maxSize,
+      maxFiles: effectiveMaxFiles,
+      currentCount: files.length
+    });
+    if (accepted.length > 0) onFilesAdded(accepted);
+    if (rejections.length > 0) onFilesRejected?.(rejections);
+  }
+  function handleInputChange(event) {
+    process2(Array.from(event.target.files ?? []));
+    event.target.value = "";
+  }
+  function handleDrop(event) {
+    event.preventDefault();
+    setIsDragging(false);
+    if (disabled) return;
+    process2(Array.from(event.dataTransfer.files));
+  }
+  function handleDragOver(event) {
+    event.preventDefault();
+    if (!disabled) setIsDragging(true);
+  }
+  function handleDragLeave(event) {
+    if (!event.currentTarget.contains(event.relatedTarget)) {
+      setIsDragging(false);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { "data-slot": "file-upload-field", className: cn("ddga-field", "ddga-file-upload", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { htmlFor: fieldId, className: "ddga-file-upload__label", children: [
+      label,
+      required && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { "aria-hidden": "true", className: "ddga-file-upload__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+      "div",
+      {
+        "data-slot": "file-upload-dropzone",
+        className: cn(
+          "ddga-file-upload__dropzone",
+          hasError && "ddga-file-upload__dropzone--error"
+        ),
+        "data-dragging": isDragging || void 0,
+        "data-disabled": disabled || void 0,
+        "aria-disabled": disabled || void 0,
+        onClick: () => {
+          if (!disabled) inputRef.current?.click();
+        },
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Upload, { className: "ddga-file-upload__icon", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "ddga-file-upload__hint", children: hint }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            "input",
+            {
+              ...controlProps,
+              ref: inputRef,
+              type: "file",
+              className: "ddga-file-upload__input",
+              accept,
+              multiple,
+              disabled,
+              required,
+              onChange: handleInputChange,
+              onClick: (event) => event.stopPropagation(),
+              "data-slot": "file-upload-input"
+            }
+          )
+        ]
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText }),
+    files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", { "data-slot": "file-upload-list", className: "ddga-file-upload__list", children: files.map((item) => {
+      const status = item.status ?? "pending";
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        "li",
+        {
+          "data-slot": "file-upload-item",
+          "data-status": status,
+          className: "ddga-file-upload__item",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "ddga-file-upload__item-icon", "aria-hidden": "true", children: status === "success" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Check, {}) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AlertCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Upload, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "ddga-file-upload__item-main", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "ddga-file-upload__item-head", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "ddga-file-upload__item-name", title: item.file.name, children: item.file.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "ddga-file-upload__item-meta", children: formatBytes(item.file.size) })
+              ] }),
+              status === "uploading" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                Progress,
+                {
+                  size: "sm",
+                  value: item.progress ?? 0,
+                  "aria-label": `Uploading ${item.file.name}`,
+                  className: "ddga-file-upload__item-progress"
+                }
+              ),
+              status === "error" && item.error && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { role: "alert", className: "ddga-file-upload__item-error", children: item.error })
+            ] }),
+            onRemove && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon-sm",
+                "aria-label": `${removeLabel}: ${item.file.name}`,
+                onClick: () => onRemove(item.id),
+                className: "ddga-file-upload__item-remove",
+                children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Close, { "aria-hidden": "true" })
+              }
+            )
+          ]
+        },
+        item.id
+      );
+    }) })
+  ] });
+}
+
+// src/components/Slider/Slider.tsx
+var import_react18 = 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");
+var sliderVariants = (0, import_class_variance_authority28.cva)("ddga-slider", {
+  variants: {
+    size: {
+      sm: "ddga-slider--sm",
+      md: "ddga-slider--md"
+    },
+    error: {
+      true: "ddga-slider--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var DEFAULT_THUMB_LABELS = ["Minimum", "Maximum"];
+function toArray(value) {
+  if (value === void 0) return void 0;
+  return Array.isArray(value) ? value : [value];
+}
+function Slider({
+  id: externalId,
+  value,
+  defaultValue,
+  onValueChange,
+  onValueCommit,
+  min = 0,
+  max = 100,
+  size,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  showValue = false,
+  formatValue,
+  thumbLabels = DEFAULT_THUMB_LABELS,
+  className,
+  ...props
+}) {
+  const labelId = (0, import_react18.useId)();
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "Slider",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"] ?? (label ? labelId : void 0)
+  });
+  const isRange = Array.isArray(value ?? defaultValue);
+  const valueArray = toArray(value);
+  const defaultArray = toArray(defaultValue) ?? [min];
+  const wrap = (next) => isRange ? next : next[0];
+  const currentForRender = valueArray ?? defaultArray;
+  const fmt = (n) => formatValue ? formatValue(n) : String(n);
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { "data-slot": "slider-field", className: "ddga-field", children: [
+    (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "ddga-slider__header", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { id: labelId, className: "ddga-slider__label", children: label }),
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "ddga-slider__value", "aria-hidden": "true", children: currentForRender.map(fmt).join(" \u2013 ") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+      import_radix_ui21.Slider.Root,
+      {
+        ...props,
+        id: fieldId,
+        min,
+        max,
+        value: valueArray,
+        defaultValue: value === void 0 ? defaultArray : void 0,
+        onValueChange: onValueChange ? (next) => onValueChange(wrap(next)) : void 0,
+        onValueCommit: onValueCommit ? (next) => onValueCommit(wrap(next)) : void 0,
+        "aria-invalid": controlProps["aria-invalid"],
+        "data-slot": "slider",
+        className: cn(sliderVariants({ size, error: hasError }), className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_radix_ui21.Slider.Track, { "data-slot": "slider-track", className: "ddga-slider__track", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_radix_ui21.Slider.Range, { "data-slot": "slider-range", className: "ddga-slider__range" }) }),
+          currentForRender.map((thumbValue, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            import_radix_ui21.Slider.Thumb,
+            {
+              "data-slot": "slider-thumb",
+              className: "ddga-slider__thumb",
+              "aria-label": isRange ? thumbLabels[index] : void 0,
+              "aria-labelledby": !isRange && label ? labelId : void 0,
+              "aria-valuetext": formatValue ? fmt(thumbValue) : void 0,
+              "aria-describedby": controlProps["aria-describedby"]
+            },
+            index
+          ))
+        ]
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+// src/components/NumberInput/NumberInput.tsx
+var import_react19 = 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", {
+  variants: {
+    size: {
+      sm: "ddga-number-input--sm",
+      md: "ddga-number-input--md",
+      lg: "ddga-number-input--lg"
+    },
+    error: {
+      true: "ddga-number-input--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function clamp(value, min, max) {
+  let next = value;
+  if (min != null) next = Math.max(min, next);
+  if (max != null) next = Math.min(max, next);
+  return next;
+}
+function formatNumber(value) {
+  if (!Number.isFinite(value)) return "";
+  return value.toLocaleString("en-US", { useGrouping: false, maximumFractionDigits: 20 });
+}
+function NumberInput({
+  id: externalId,
+  value,
+  defaultValue,
+  onValueChange,
+  min,
+  max,
+  step = 1,
+  size,
+  hideControls = false,
+  decrementLabel = "Decrease",
+  incrementLabel = "Increase",
+  label,
+  helperText,
+  errorMessage,
+  error,
+  required,
+  disabled,
+  className,
+  onBlur,
+  onKeyDown,
+  ...props
+}) {
+  const isControlled = value !== void 0;
+  const [internal, setInternal] = (0, import_react19.useState)(defaultValue ?? null);
+  const numericValue = isControlled ? value : internal;
+  const [draft, setDraft] = (0, import_react19.useState)(null);
+  const allowDecimal = !Number.isInteger(step);
+  const allowNegative = min == null || min < 0;
+  const displayValue = draft ?? (numericValue == null ? "" : formatNumber(numericValue));
+  const allowedPattern = new RegExp(
+    `^${allowNegative ? "-?" : ""}\\d*${allowDecimal ? "(\\.\\d*)?" : ""}$`
+  );
+  function commit(next) {
+    if (!isControlled) setInternal(next);
+    onValueChange?.(next);
+  }
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "NumberInput",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  function handleChange(event) {
+    const raw = event.target.value;
+    if (!allowedPattern.test(raw)) return;
+    setDraft(raw);
+    if (raw.trim() === "") {
+      commit(null);
+      return;
+    }
+    const parsed = Number(raw);
+    if (Number.isFinite(parsed)) commit(parsed);
+  }
+  function handleBlur(event) {
+    if (numericValue != null) commit(clamp(numericValue, min, max));
+    setDraft(null);
+    onBlur?.(event);
+  }
+  function stepBy(direction) {
+    const base = numericValue ?? (direction > 0 ? min ?? 0 : max ?? 0);
+    const next = clamp(base + direction * step, min, max);
+    const rounded = allowDecimal ? Number(next.toFixed(10)) : next;
+    commit(rounded);
+    setDraft(null);
+  }
+  function handleKeyDown(event) {
+    if (!disabled) {
+      if (event.key === "ArrowUp") {
+        event.preventDefault();
+        stepBy(1);
+      } else if (event.key === "ArrowDown") {
+        event.preventDefault();
+        stepBy(-1);
+      }
+    }
+    onKeyDown?.(event);
+  }
+  const atMin = min != null && numericValue != null && numericValue <= min;
+  const atMax = max != null && numericValue != null && numericValue >= max;
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { "data-slot": "number-input-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { htmlFor: fieldId, className: "ddga-number-input__label", children: [
+      label,
+      required && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { "aria-hidden": "true", className: "ddga-number-input__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+      "div",
+      {
+        "data-slot": "number-input-control",
+        className: cn(numberInputVariants({ size, error: hasError }), className),
+        children: [
+          !hideControls && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "button",
+            {
+              type: "button",
+              "data-slot": "number-input-decrement",
+              className: "ddga-number-input__step ddga-number-input__step--decrement",
+              "aria-label": decrementLabel,
+              onClick: () => stepBy(-1),
+              disabled: disabled || atMin,
+              tabIndex: -1,
+              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Minus, { "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "input",
+            {
+              ...props,
+              ...controlProps,
+              type: "text",
+              inputMode: allowDecimal ? "decimal" : "numeric",
+              value: displayValue,
+              required,
+              disabled,
+              onChange: handleChange,
+              onBlur: handleBlur,
+              onKeyDown: handleKeyDown,
+              "data-slot": "number-input",
+              className: "ddga-number-input__field"
+            }
+          ),
+          !hideControls && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "button",
+            {
+              type: "button",
+              "data-slot": "number-input-increment",
+              className: "ddga-number-input__step ddga-number-input__step--increment",
+              "aria-label": incrementLabel,
+              onClick: () => stepBy(1),
+              disabled: disabled || atMax,
+              tabIndex: -1,
+              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Plus, { "aria-hidden": "true" })
+            }
+          )
+        ]
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+// src/components/Rating/Rating.tsx
+var import_react20 = 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", {
+  variants: {
+    size: {
+      sm: "ddga-rating--sm",
+      md: "ddga-rating--md",
+      lg: "ddga-rating--lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function clamp2(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+function defaultValueText(value, max) {
+  return `${value} out of ${max} stars`;
+}
+function fillFor(index, value, allowHalf) {
+  if (value >= index + 1) return "full";
+  if (allowHalf && value >= index + 0.5) return "half";
+  return "empty";
+}
+function Rating({
+  id: externalId,
+  value,
+  defaultValue,
+  onValueChange,
+  max = 5,
+  allowHalf = false,
+  readOnly = false,
+  disabled = false,
+  size,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  formatValueText = defaultValueText,
+  className,
+  ...props
+}) {
+  const rootRef = (0, import_react20.useRef)(null);
+  const isControlled = value !== void 0;
+  const [internal, setInternal] = (0, import_react20.useState)(defaultValue ?? 0);
+  const currentValue = isControlled ? value : internal;
+  const [hover, setHover] = (0, import_react20.useState)(null);
+  const interactive = !readOnly && !disabled;
+  const stepSize = allowHalf ? 0.5 : 1;
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "Rating",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    // role=slider / role=img always have an accessible name (label or the
+    // value text), so suppress the no-label dev warning.
+    "aria-label": props["aria-label"] ?? formatValueText(currentValue, max),
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  const displayValue = hover ?? currentValue;
+  function commit(next) {
+    if (!isControlled) setInternal(next);
+    onValueChange?.(next);
+  }
+  function readDir() {
+    const el = rootRef.current;
+    if (!el || typeof getComputedStyle !== "function") return "ltr";
+    return getComputedStyle(el).direction === "rtl" ? "rtl" : "ltr";
+  }
+  function pointerValue(event, index) {
+    const rect = event.currentTarget.getBoundingClientRect();
+    let fraction = rect.width ? (event.clientX - rect.left) / rect.width : 1;
+    if (readDir() === "rtl") fraction = 1 - fraction;
+    if (allowHalf) return index + (fraction <= 0.5 ? 0.5 : 1);
+    return index + 1;
+  }
+  function handleKeyDown(event) {
+    if (!interactive) return;
+    const rtl = readDir() === "rtl";
+    let next = null;
+    switch (event.key) {
+      case "ArrowUp":
+        next = currentValue + stepSize;
+        break;
+      case "ArrowDown":
+        next = currentValue - stepSize;
+        break;
+      case "ArrowRight":
+        next = currentValue + (rtl ? -stepSize : stepSize);
+        break;
+      case "ArrowLeft":
+        next = currentValue + (rtl ? stepSize : -stepSize);
+        break;
+      case "Home":
+        next = 0;
+        break;
+      case "End":
+        next = max;
+        break;
+      default:
+        return;
+    }
+    event.preventDefault();
+    commit(clamp2(next, 0, max));
+  }
+  const stars = Array.from({ length: max }, (_, index) => {
+    const level = fillFor(index, displayValue, allowHalf);
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      "span",
+      {
+        "data-slot": "rating-star",
+        "data-fill": level,
+        className: "ddga-rating__star",
+        onPointerMove: interactive ? (event) => setHover(pointerValue(event, index)) : void 0,
+        onClick: interactive ? (event) => commit(pointerValue(event, index)) : void 0,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Star, { className: "ddga-rating__star-bg", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "ddga-rating__star-fill", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Star, { className: "ddga-rating__star-fg", "aria-hidden": "true" }) })
+        ]
+      },
+      index
+    );
+  });
+  const sharedProps = {
+    ref: rootRef,
+    "data-slot": "rating",
+    "data-disabled": disabled || void 0,
+    className: cn(ratingVariants({ size }), hasError && "ddga-rating--error", className),
+    onPointerLeave: interactive ? () => setHover(null) : void 0
+  };
+  const labelledBy = label ? `${fieldId}-label` : props["aria-labelledby"];
+  const ariaLabel = labelledBy ? void 0 : props["aria-label"] ?? "Rating";
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { "data-slot": "rating-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { id: `${fieldId}-label`, className: "ddga-rating__label", children: label }),
+    readOnly ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { ...sharedProps, role: "img", "aria-label": formatValueText(currentValue, max), children: stars }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      "div",
+      {
+        ...sharedProps,
+        role: "slider",
+        id: fieldId,
+        tabIndex: disabled ? -1 : 0,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-valuenow": currentValue,
+        "aria-valuetext": formatValueText(currentValue, max),
+        "aria-labelledby": labelledBy,
+        "aria-label": ariaLabel,
+        "aria-invalid": controlProps["aria-invalid"],
+        "aria-describedby": controlProps["aria-describedby"],
+        "aria-disabled": disabled || void 0,
+        onKeyDown: handleKeyDown,
+        children: stars
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+// src/components/Toggle/Toggle.tsx
+var import_radix_ui22 = require("radix-ui");
+var import_class_variance_authority31 = require("class-variance-authority");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var toggleVariants = (0, import_class_variance_authority31.cva)("ddga-toggle", {
+  variants: {
+    variant: {
+      default: "ddga-toggle--default",
+      outline: "ddga-toggle--outline"
+    },
+    size: {
+      sm: "ddga-toggle--sm",
+      md: "ddga-toggle--md",
+      lg: "ddga-toggle--lg"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+var toggleGroupVariants = (0, import_class_variance_authority31.cva)("ddga-toggle-group", {
+  variants: {
+    variant: {
+      default: "ddga-toggle-group--default",
+      outline: "ddga-toggle-group--outline"
+    },
+    size: {
+      sm: "ddga-toggle-group--sm",
+      md: "ddga-toggle-group--md",
+      lg: "ddga-toggle-group--lg"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+function Toggle({ variant, size, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    import_radix_ui22.Toggle.Root,
+    {
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+function ToggleGroup({ variant, size, className, ...props }) {
+  if (process.env.NODE_ENV === "development" && !props["aria-label"] && !props["aria-labelledby"]) {
+    console.warn(
+      "[@dev-dga/react] ToggleGroup should have an `aria-label` or `aria-labelledby` so the button group has an accessible name."
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    import_radix_ui22.ToggleGroup.Root,
+    {
+      "data-slot": "toggle-group",
+      className: cn(toggleGroupVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+function ToggleGroupItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    import_radix_ui22.ToggleGroup.Item,
+    {
+      "data-slot": "toggle-group-item",
+      className: cn("ddga-toggle-group__item", className),
+      ...props
+    }
+  );
+}
+
+// src/components/DescriptionList/DescriptionList.tsx
+var import_class_variance_authority32 = require("class-variance-authority");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var descriptionListVariants = (0, import_class_variance_authority32.cva)("ddga-description-list", {
+  variants: {
+    orientation: {
+      horizontal: "ddga-description-list--horizontal",
+      vertical: "ddga-description-list--vertical"
+    },
+    divided: {
+      true: "ddga-description-list--divided"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+function DescriptionList({ orientation, divided, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    "dl",
+    {
+      "data-slot": "description-list",
+      className: cn(descriptionListVariants({ orientation, divided }), className),
+      ...props
+    }
+  );
+}
+function DescriptionItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    "div",
+    {
+      "data-slot": "description-item",
+      className: cn("ddga-description-list__item", className),
+      ...props
+    }
+  );
+}
+function DescriptionTerm({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    "dt",
+    {
+      "data-slot": "description-term",
+      className: cn("ddga-description-list__term", className),
+      ...props
+    }
+  );
+}
+function DescriptionDetails({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    "dd",
+    {
+      "data-slot": "description-details",
+      className: cn("ddga-description-list__details", className),
+      ...props
+    }
+  );
+}
+
+// src/components/EmptyState/EmptyState.tsx
+var import_react21 = require("react");
+var import_radix_ui23 = require("radix-ui");
+var import_class_variance_authority33 = require("class-variance-authority");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+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,
+  children,
+  ...props
+}) {
+  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
+      ] })
+    }
+  );
+}
+function EmptyStateMedia({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    "div",
+    {
+      "data-slot": "empty-state-media",
+      "aria-hidden": "true",
+      className: cn("ddga-empty-state__media", className),
+      ...props
+    }
+  );
+}
+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_react22 = 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"
+    },
+    size: {
+      sm: "ddga-stat--sm",
+      md: "ddga-stat--md",
+      lg: "ddga-stat--lg"
+    }
+  },
+  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,
+  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, 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 StatChange({ trend, sentiment, 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,
+        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_react23 = 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_react23.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_react26 = require("react");
+var import_radix_ui25 = require("radix-ui");
+
+// src/components/Sidebar/SidebarContext.ts
+var import_react24 = require("react");
+var SidebarContext = (0, import_react24.createContext)(null);
+function useSidebar() {
+  const ctx = (0, import_react24.useContext)(SidebarContext);
+  if (!ctx) {
+    throw new Error("useSidebar must be used within a <SidebarProvider>");
+  }
+  return ctx;
+}
+
+// src/components/Sidebar/useIsMobile.ts
+var import_react25 = require("react");
+function useIsMobile(breakpoint = 768) {
+  const [isMobile, setIsMobile] = (0, import_react25.useState)(false);
+  (0, import_react25.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_react26.useState)(false);
+  const isControlled = openProp !== void 0;
+  const [openInternal, setOpenInternal] = (0, import_react26.useState)(defaultOpen);
+  const open = isControlled ? openProp : openInternal;
+  const setOpen = (0, import_react26.useCallback)(
+    (value2) => {
+      if (!isControlled) setOpenInternal(value2);
+      onOpenChange?.(value2);
+    },
+    [isControlled, onOpenChange]
+  );
+  const toggleSidebar = (0, import_react26.useCallback)(() => {
+    if (isMobile) {
+      setOpenMobile((v) => !v);
+      return;
+    }
+    if (isControlled) {
+      onOpenChange?.(!open);
+    } else {
+      setOpenInternal((v) => !v);
+    }
+  }, [isMobile, isControlled, onOpenChange, open]);
+  (0, import_react26.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_react26.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_react27 = 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_react27.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_react27.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/providers/DgaProvider.tsx
+var import_react28 = require("react");
+var import_radix_ui30 = require("radix-ui");
+var import_tokens = require("@dev-dga/tokens");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+function DgaProvider({
+  dir = "ltr",
+  locale,
+  mode = "light",
+  theme,
+  as: Component = "div",
+  className,
+  style: consumerStyle,
+  children
+}) {
+  const parentCtx = (0, import_react28.useContext)(DgaContext);
+  const isNested = parentCtx !== null;
+  const [rootEl, setRootEl] = (0, import_react28.useState)(null);
+  const portalRef = (0, import_react28.useRef)(null);
+  const [portalEl, setPortalEl] = (0, import_react28.useState)(null);
+  const resolvedLocale = locale ?? (dir === "rtl" ? "ar" : "en");
+  const themeVars = (0, import_react28.useMemo)(() => theme ? (0, import_tokens.buildTheme)(theme) : null, [theme]);
+  (0, import_react28.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_react28.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_react28.useMemo)(
+    () => ({ dir, locale: resolvedLocale, mode, rootEl, portalEl }),
+    [dir, resolvedLocale, mode, rootEl, portalEl]
+  );
+  const inner = /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_radix_ui30.Direction.Provider, { dir, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DgaContext.Provider, { value: ctxValue, children: /* @__PURE__ */ (0, import_jsx_runtime46.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_runtime46.jsx)(import_radix_ui30.Tooltip.Provider, { delayDuration: 300, skipDelayDuration: 100, children: inner })
+    }
+  ) });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -2993,6 +5550,11 @@ function useDir() {
   ComboboxGroup,
   ComboboxItem,
   ComboboxSeparator,
+  DatePicker,
+  DescriptionDetails,
+  DescriptionItem,
+  DescriptionList,
+  DescriptionTerm,
   DgaProvider,
   Divider,
   Drawer,
@@ -3017,8 +5579,28 @@ function useDir() {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  EmptyState,
+  EmptyStateActions,
+  EmptyStateDescription,
+  EmptyStateMedia,
+  EmptyStateTitle,
   FieldMessage,
+  FileUpload,
   Input,
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
   Modal,
   ModalClose,
   ModalContent,
@@ -3027,6 +5609,7 @@ function useDir() {
   ModalHeader,
   ModalTitle,
   ModalTrigger,
+  NumberInput,
   Pagination,
   PaginationContent,
   PaginationEllipsis,
@@ -3034,13 +5617,48 @@ function useDir() {
   PaginationLink,
   PaginationNext,
   PaginationPrevious,
+  Popover,
+  PopoverAnchor,
+  PopoverClose,
+  PopoverContent,
+  PopoverTrigger,
   Progress,
   Radio,
   RadioGroup,
+  Rating,
+  ScrollArea,
   Select,
   SelectItem,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
   Skeleton,
+  Slider,
   Spinner,
+  Stat,
+  StatChange,
+  StatGroup,
+  StatLabel,
+  StatValue,
   Step,
   StepDescription,
   StepIndicator,
@@ -3052,7 +5670,17 @@ function useDir() {
   TabsList,
   TabsTrigger,
   Textarea,
+  Timeline,
+  TimelineContent,
+  TimelineDescription,
+  TimelineItem,
+  TimelineMarker,
+  TimelineTime,
+  TimelineTitle,
   Toaster,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
   Tooltip,
   TooltipContent,
   TooltipTrigger,
@@ -3070,32 +5698,52 @@ function useDir() {
   comboboxVariants,
   createToast,
   createToastStore,
+  datePickerVariants,
+  descriptionListVariants,
   dividerVariants,
   drawerVariants,
   dropdownMenuVariants,
+  emptyStateVariants,
   inputVariants,
+  menubarContentVariants,
+  menubarTriggerVariants,
   modalContentVariants,
+  numberInputVariants,
   paginationLinkVariants,
   paginationVariants,
+  popoverContentVariants,
   progressVariants,
   radioGroupVariants,
   radioVariants,
+  ratingVariants,
+  scrollAreaVariants,
   selectTriggerVariants,
+  sidebarMenuButtonVariants,
+  sidebarMenuSubButtonVariants,
   skeletonVariants,
+  sliderVariants,
   spinnerVariants,
+  statGroupVariants,
+  statVariants,
   stepVariants,
   stepsVariants,
   switchVariants,
   tabsListVariants,
   tabsVariants,
   textareaVariants,
+  timelineMarkerVariants,
+  timelineVariants,
   toast,
   toastStore,
   toastVariants,
   toastViewportVariants,
+  toggleGroupVariants,
+  toggleVariants,
   tooltipContentVariants,
   useDga,
   useDir,
-  useFieldA11y
+  useFieldA11y,
+  useIsMobile,
+  useSidebar
 });
 //# sourceMappingURL=index.cjs.map