@dev-dga/react 0.4.0 → 0.6.0

package/dist/index.cjs

@@ -20,13 +20,70 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger,
   Alert: () => Alert,
   AlertDescription: () => AlertDescription,
   AlertTitle: () => AlertTitle,
+  Avatar: () => Avatar,
+  AvatarFallback: () => AvatarFallback,
+  AvatarGroup: () => AvatarGroup,
+  AvatarImage: () => AvatarImage,
+  Badge: () => Badge,
+  Breadcrumb: () => Breadcrumb,
+  BreadcrumbEllipsis: () => BreadcrumbEllipsis,
+  BreadcrumbItem: () => BreadcrumbItem,
+  BreadcrumbLink: () => BreadcrumbLink,
+  BreadcrumbList: () => BreadcrumbList,
+  BreadcrumbPage: () => BreadcrumbPage,
+  BreadcrumbSeparator: () => BreadcrumbSeparator,
   Button: () => Button,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardImage: () => CardImage,
+  CardTitle: () => CardTitle,
   Checkbox: () => Checkbox,
+  CircularProgress: () => CircularProgress,
+  Combobox: () => Combobox,
+  ComboboxGroup: () => ComboboxGroup,
+  ComboboxItem: () => ComboboxItem,
+  ComboboxSeparator: () => ComboboxSeparator,
+  DatePicker: () => DatePicker,
+  DescriptionDetails: () => DescriptionDetails,
+  DescriptionItem: () => DescriptionItem,
+  DescriptionList: () => DescriptionList,
+  DescriptionTerm: () => DescriptionTerm,
   DgaProvider: () => DgaProvider,
+  Divider: () => Divider,
+  Drawer: () => Drawer,
+  DrawerBody: () => DrawerBody,
+  DrawerClose: () => DrawerClose,
+  DrawerContent: () => DrawerContent,
+  DrawerDescription: () => DrawerDescription,
+  DrawerFooter: () => DrawerFooter,
+  DrawerHeader: () => DrawerHeader,
+  DrawerTitle: () => DrawerTitle,
+  DrawerTrigger: () => DrawerTrigger,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuGroup: () => DropdownMenuGroup,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
+  DropdownMenuRadioItem: () => DropdownMenuRadioItem,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuSub: () => DropdownMenuSub,
+  DropdownMenuSubContent: () => DropdownMenuSubContent,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
   FieldMessage: () => FieldMessage,
+  FileUpload: () => FileUpload,
   Input: () => Input,
   Modal: () => Modal,
   ModalClose: () => ModalClose,
@@ -36,33 +93,85 @@ __export(src_exports, {
   ModalHeader: () => ModalHeader,
   ModalTitle: () => ModalTitle,
   ModalTrigger: () => ModalTrigger,
+  NumberInput: () => NumberInput,
+  Pagination: () => Pagination,
+  PaginationContent: () => PaginationContent,
+  PaginationEllipsis: () => PaginationEllipsis,
+  PaginationItem: () => PaginationItem,
+  PaginationLink: () => PaginationLink,
+  PaginationNext: () => PaginationNext,
+  PaginationPrevious: () => PaginationPrevious,
+  Progress: () => Progress,
   Radio: () => Radio,
   RadioGroup: () => RadioGroup,
+  Rating: () => Rating,
   Select: () => Select,
   SelectItem: () => SelectItem,
+  Skeleton: () => Skeleton,
+  Slider: () => Slider,
+  Spinner: () => Spinner,
+  Step: () => Step,
+  StepDescription: () => StepDescription,
+  StepIndicator: () => StepIndicator,
+  StepTitle: () => StepTitle,
+  Steps: () => Steps,
   Switch: () => Switch,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
   Textarea: () => Textarea,
   Toaster: () => Toaster,
+  Toggle: () => Toggle,
+  ToggleGroup: () => ToggleGroup,
+  ToggleGroupItem: () => ToggleGroupItem,
   Tooltip: () => Tooltip,
   TooltipContent: () => TooltipContent,
   TooltipTrigger: () => TooltipTrigger,
+  accordionVariants: () => accordionVariants,
   alertVariants: () => alertVariants,
+  avatarVariants: () => avatarVariants,
+  badgeVariants: () => badgeVariants,
+  breadcrumbVariants: () => breadcrumbVariants,
   buttonVariants: () => buttonVariants,
+  cardVariants: () => cardVariants,
   checkboxVariants: () => checkboxVariants,
+  circularProgressVariants: () => circularProgressVariants,
   cn: () => cn,
+  comboboxTriggerVariants: () => comboboxTriggerVariants,
+  comboboxVariants: () => comboboxVariants,
   createToast: () => createToast,
   createToastStore: () => createToastStore,
+  datePickerVariants: () => datePickerVariants,
+  descriptionListVariants: () => descriptionListVariants,
+  dividerVariants: () => dividerVariants,
+  drawerVariants: () => drawerVariants,
+  dropdownMenuVariants: () => dropdownMenuVariants,
   inputVariants: () => inputVariants,
   modalContentVariants: () => modalContentVariants,
+  numberInputVariants: () => numberInputVariants,
+  paginationLinkVariants: () => paginationLinkVariants,
+  paginationVariants: () => paginationVariants,
+  progressVariants: () => progressVariants,
   radioGroupVariants: () => radioGroupVariants,
   radioVariants: () => radioVariants,
+  ratingVariants: () => ratingVariants,
   selectTriggerVariants: () => selectTriggerVariants,
+  skeletonVariants: () => skeletonVariants,
+  sliderVariants: () => sliderVariants,
+  spinnerVariants: () => spinnerVariants,
+  stepVariants: () => stepVariants,
+  stepsVariants: () => stepsVariants,
   switchVariants: () => switchVariants,
+  tabsListVariants: () => tabsListVariants,
+  tabsVariants: () => tabsVariants,
   textareaVariants: () => textareaVariants,
   toast: () => toast,
   toastStore: () => toastStore,
   toastVariants: () => toastVariants,
   toastViewportVariants: () => toastViewportVariants,
+  toggleGroupVariants: () => toggleGroupVariants,
+  toggleVariants: () => toggleVariants,
   tooltipContentVariants: () => tooltipContentVariants,
   useDga: () => useDga,
   useDir: () => useDir,
@@ -73,7 +182,7 @@ module.exports = __toCommonJS(src_exports);
 // src/components/Button/Button.tsx
 var import_react = require("react");
 var import_radix_ui = require("radix-ui");
-var import_class_variance_authority = require("class-variance-authority");
+var import_class_variance_authority2 = require("class-variance-authority");
 
 // src/utils/cn.ts
 var import_clsx = require("clsx");
@@ -81,151 +190,20 @@ function cn(...inputs) {
   return (0, import_clsx.clsx)(inputs);
 }
 
-// src/internal/icons/index.tsx
+// src/components/Spinner/Spinner.tsx
+var import_class_variance_authority = require("class-variance-authority");
 var import_jsx_runtime = require("react/jsx-runtime");
-function Spinner(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.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",
-      className: "ddga-spinner",
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
-    }
-  );
-}
-function Check(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "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_runtime.jsx)("path", { d: "M20 6 9 17l-5-5" })
-    }
-  );
-}
-function Minus(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "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_runtime.jsx)("path", { d: "M5 12h14" })
-    }
-  );
-}
-function Info(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 16v-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 8h.01" })
-      ]
-    }
-  );
-}
-function AlertTriangle(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 9v4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 17h.01" })
-      ]
-    }
-  );
-}
-function AlertCircle(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
-      ]
-    }
-  );
-}
-function Close(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)("path", { d: "M18 6 6 18" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m6 6 12 12" })
-      ]
+var spinnerVariants = (0, import_class_variance_authority.cva)("ddga-spinner", {
+  variants: {
+    size: {
+      sm: "ddga-spinner--sm",
+      md: "ddga-spinner--md",
+      lg: "ddga-spinner--lg"
     }
-  );
-}
-function ChevronDown(props) {
+  }
+});
+function Spinner({ size, className, "aria-label": ariaLabel, ...props }) {
+  const hidden = props["aria-hidden"] === true || props["aria-hidden"] === "true";
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "svg",
     {
@@ -238,22 +216,31 @@ function ChevronDown(props) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
+      role: hidden ? void 0 : "status",
+      "aria-label": hidden ? void 0 : ariaLabel ?? "Loading",
+      "data-slot": "spinner",
+      className: cn(spinnerVariants({ size }), className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m6 9 6 6 6-6" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
     }
   );
 }
 
 // src/components/Button/Button.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var buttonVariants = (0, import_class_variance_authority.cva)("ddga-button", {
+var buttonVariants = (0, import_class_variance_authority2.cva)("ddga-button", {
   variants: {
     variant: {
       primary: "ddga-button--primary",
       secondary: "ddga-button--secondary",
       outline: "ddga-button--outline",
       ghost: "ddga-button--ghost",
-      destructive: "ddga-button--destructive"
+      destructive: "ddga-button--destructive",
+      // Destructive sub-variants — match the DGA library's full destructive
+      // family (des-primary maps to plain `destructive` above).
+      "destructive-outline": "ddga-button--destructive-outline",
+      "destructive-subtle": "ddga-button--destructive-subtle",
+      "destructive-ghost": "ddga-button--destructive-ghost"
     },
     size: {
       sm: "ddga-button--sm",
@@ -264,6 +251,16 @@ var buttonVariants = (0, import_class_variance_authority.cva)("ddga-button", {
     },
     fullWidth: {
       true: "ddga-button--full-width"
+    },
+    /**
+     * Use on dark / branded colored backgrounds. Visually inverts non-filled
+     * variants (`outline`, `ghost`, destructive's outline/ghost forms) so
+     * text + border stay visible against the surface. Filled variants
+     * (`primary`, `secondary`, `destructive`, `destructive-subtle`) ignore
+     * it — they already carry their own background contrast.
+     */
+    inverted: {
+      true: "ddga-button--inverted"
     }
   },
   compoundVariants: [],
@@ -276,6 +273,7 @@ function Button({
   variant,
   size,
   fullWidth,
+  inverted,
   loading,
   disabled,
   startIcon,
@@ -305,7 +303,7 @@ function Button({
       "aria-busy": loading || void 0,
       "data-slot": "button",
       className: cn(
-        buttonVariants({ variant, size, fullWidth }),
+        buttonVariants({ variant, size, fullWidth, inverted }),
         loading && "ddga-button--loading",
         className
       ),
@@ -326,7 +324,7 @@ function Button({
 }
 
 // src/components/Input/Input.tsx
-var import_class_variance_authority2 = require("class-variance-authority");
+var import_class_variance_authority3 = require("class-variance-authority");
 
 // src/field/use-field-a11y.ts
 var import_react2 = require("react");
@@ -380,7 +378,7 @@ function FieldMessage({ id, variant, children }) {
 
 // src/components/Input/Input.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var inputVariants = (0, import_class_variance_authority2.cva)("ddga-input", {
+var inputVariants = (0, import_class_variance_authority3.cva)("ddga-input", {
   variants: {
     size: {
       sm: "ddga-input--sm",
@@ -464,9 +462,9 @@ function Input({
 }
 
 // src/components/Textarea/Textarea.tsx
-var import_class_variance_authority3 = require("class-variance-authority");
+var import_class_variance_authority4 = require("class-variance-authority");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var textareaVariants = (0, import_class_variance_authority3.cva)("ddga-textarea", {
+var textareaVariants = (0, import_class_variance_authority4.cva)("ddga-textarea", {
   variants: {
     size: {
       sm: "ddga-textarea--sm",
@@ -534,785 +532,3649 @@ function Textarea({
 
 // src/components/Checkbox/Checkbox.tsx
 var import_radix_ui2 = require("radix-ui");
-var import_class_variance_authority4 = require("class-variance-authority");
+var import_class_variance_authority5 = require("class-variance-authority");
+
+// src/internal/icons/index.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var checkboxVariants = (0, import_class_variance_authority4.cva)("ddga-checkbox", {
-  variants: {
-    size: {
-      sm: "ddga-checkbox--sm",
-      md: "ddga-checkbox--md"
-    },
-    error: {
-      true: "ddga-checkbox--error"
+function Check(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: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M20 6 9 17l-5-5" })
     }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-function Checkbox({
-  id: externalId,
-  label,
-  helperText,
-  errorMessage,
-  error,
-  size,
-  required,
-  className,
-  ...props
-}) {
-  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
-    name: "Checkbox",
-    id: externalId,
-    label,
-    error,
-    errorMessage,
-    helperText,
-    "aria-label": props["aria-label"],
-    "aria-labelledby": props["aria-labelledby"]
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { "data-slot": "checkbox-field", className: "ddga-field", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "ddga-checkbox-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        import_radix_ui2.Checkbox.Root,
-        {
-          ...props,
-          ...controlProps,
-          "data-slot": "checkbox",
-          required,
-          className: cn(checkboxVariants({ size, error: hasError }), className),
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-            import_radix_ui2.Checkbox.Indicator,
-            {
-              "data-slot": "checkbox-indicator",
-              className: "ddga-checkbox__indicator",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Check, { className: "ddga-checkbox__check", "aria-hidden": "true" }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Minus, { className: "ddga-checkbox__minus", "aria-hidden": "true" })
-              ]
-            }
-          )
-        }
-      ),
-      label && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { htmlFor: fieldId, className: "ddga-checkbox__label", children: [
-        label,
-        required && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": "true", className: "ddga-checkbox__required", children: "*" })
-      ] })
-    ] }),
-    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
-    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
-  ] });
+  );
 }
-
-// src/components/Radio/Radio.tsx
-var import_react3 = require("react");
-var import_radix_ui3 = require("radix-ui");
-var import_class_variance_authority5 = require("class-variance-authority");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var radioGroupVariants = (0, import_class_variance_authority5.cva)("ddga-radio-group", {
-  variants: {
-    size: {
-      sm: "ddga-radio-group--sm",
-      md: "ddga-radio-group--md"
-    },
-    orientation: {
-      vertical: "ddga-radio-group--vertical",
-      horizontal: "ddga-radio-group--horizontal"
-    },
-    error: {
-      true: "ddga-radio-group--error"
+function Minus(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: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M5 12h14" })
     }
-  },
-  defaultVariants: {
-    size: "md",
-    orientation: "vertical"
-  }
-});
-var radioVariants = (0, import_class_variance_authority5.cva)("ddga-radio");
-function RadioGroup({
-  id: externalId,
-  label,
-  helperText,
-  errorMessage,
-  error,
-  size,
-  orientation,
-  required,
-  className,
-  children,
+  );
+}
+function Info(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: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+function AlertTriangle(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.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 9v4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 17h.01" })
+      ]
+    }
+  );
+}
+function AlertCircle(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: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
+      ]
+    }
+  );
+}
+function Close(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: "M18 6 6 18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m6 6 12 12" })
+      ]
+    }
+  );
+}
+function ChevronDown(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: "m6 9 6 6 6-6" })
+    }
+  );
+}
+function ChevronRight(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: "m9 18 6-6-6-6" })
+    }
+  );
+}
+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",
+    {
+      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)("circle", { cx: "5", cy: "12", r: "1.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "1.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "19", cy: "12", r: "1.5" })
+      ]
+    }
+  );
+}
+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" })
+      ]
+    }
+  );
+}
+
+// src/components/Checkbox/Checkbox.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var checkboxVariants = (0, import_class_variance_authority5.cva)("ddga-checkbox", {
+  variants: {
+    size: {
+      sm: "ddga-checkbox--sm",
+      md: "ddga-checkbox--md"
+    },
+    error: {
+      true: "ddga-checkbox--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Checkbox({
+  id: externalId,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  size,
+  required,
+  className,
+  ...props
+}) {
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "Checkbox",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { "data-slot": "checkbox-field", className: "ddga-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "ddga-checkbox-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        import_radix_ui2.Checkbox.Root,
+        {
+          ...props,
+          ...controlProps,
+          "data-slot": "checkbox",
+          required,
+          className: cn(checkboxVariants({ size, error: hasError }), className),
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+            import_radix_ui2.Checkbox.Indicator,
+            {
+              "data-slot": "checkbox-indicator",
+              className: "ddga-checkbox__indicator",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Check, { className: "ddga-checkbox__check", "aria-hidden": "true" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Minus, { className: "ddga-checkbox__minus", "aria-hidden": "true" })
+              ]
+            }
+          )
+        }
+      ),
+      label && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { htmlFor: fieldId, className: "ddga-checkbox__label", children: [
+        label,
+        required && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", className: "ddga-checkbox__required", children: "*" })
+      ] })
+    ] }),
+    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+// src/components/Radio/Radio.tsx
+var import_react3 = require("react");
+var import_radix_ui3 = require("radix-ui");
+var import_class_variance_authority6 = require("class-variance-authority");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var radioGroupVariants = (0, import_class_variance_authority6.cva)("ddga-radio-group", {
+  variants: {
+    size: {
+      sm: "ddga-radio-group--sm",
+      md: "ddga-radio-group--md"
+    },
+    orientation: {
+      vertical: "ddga-radio-group--vertical",
+      horizontal: "ddga-radio-group--horizontal"
+    },
+    error: {
+      true: "ddga-radio-group--error"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    orientation: "vertical"
+  }
+});
+var radioVariants = (0, import_class_variance_authority6.cva)("ddga-radio");
+function RadioGroup({
+  id: externalId,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  size,
+  orientation,
+  required,
+  className,
+  children,
+  ...props
+}) {
+  const { errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps, fieldId } = useFieldA11y({
+    name: "RadioGroup",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  const labelId = `${fieldId}-label`;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { "data-slot": "radio-group-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { id: labelId, className: "ddga-radio-group__label", children: [
+      label,
+      required && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": "true", className: "ddga-radio-group__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_radix_ui3.RadioGroup.Root,
+      {
+        ...props,
+        "aria-invalid": controlProps["aria-invalid"],
+        "aria-describedby": controlProps["aria-describedby"],
+        "aria-labelledby": label ? labelId : props["aria-labelledby"],
+        orientation: orientation === "horizontal" ? "horizontal" : "vertical",
+        required,
+        "data-slot": "radio-group",
+        className: cn(radioGroupVariants({ size, orientation, error: hasError }), className),
+        children
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+function Radio({ id: externalId, label, className, ...props }) {
+  const generatedId = (0, import_react3.useId)();
+  const itemId = externalId ?? generatedId;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "ddga-radio-row", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_radix_ui3.RadioGroup.Item,
+      {
+        ...props,
+        id: itemId,
+        "data-slot": "radio",
+        className: cn(radioVariants(), className),
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_radix_ui3.RadioGroup.Indicator,
+          {
+            "data-slot": "radio-indicator",
+            className: "ddga-radio__indicator",
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ddga-radio__dot", "aria-hidden": "true" })
+          }
+        )
+      }
+    ),
+    label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { htmlFor: itemId, className: "ddga-radio__label", children: label })
+  ] });
+}
+
+// src/components/Switch/Switch.tsx
+var import_radix_ui4 = require("radix-ui");
+var import_class_variance_authority7 = require("class-variance-authority");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var switchVariants = (0, import_class_variance_authority7.cva)("ddga-switch", {
+  variants: {
+    size: {
+      sm: "ddga-switch--sm",
+      md: "ddga-switch--md"
+    },
+    error: {
+      true: "ddga-switch--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Switch({
+  id: externalId,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  size,
+  required,
+  className,
+  ...props
+}) {
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "Switch",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { "data-slot": "switch-field", className: "ddga-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "ddga-switch-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        import_radix_ui4.Switch.Root,
+        {
+          ...props,
+          ...controlProps,
+          "data-slot": "switch",
+          required,
+          className: cn(switchVariants({ size, error: hasError }), className),
+          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_radix_ui4.Switch.Thumb, { "data-slot": "switch-thumb", className: "ddga-switch__thumb" })
+        }
+      ),
+      label && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { htmlFor: fieldId, className: "ddga-switch__label", children: [
+        label,
+        required && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { "aria-hidden": "true", className: "ddga-switch__required", children: "*" })
+      ] })
+    ] }),
+    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+// src/components/Select/Select.tsx
+var import_react5 = require("react");
+var import_radix_ui5 = require("radix-ui");
+var import_class_variance_authority8 = require("class-variance-authority");
+
+// src/providers/DgaContext.ts
+var import_react4 = require("react");
+var DgaContext = (0, import_react4.createContext)(null);
+function useDga() {
+  const ctx = (0, import_react4.useContext)(DgaContext);
+  if (!ctx) {
+    throw new Error("useDga must be used within a <DgaProvider>");
+  }
+  return ctx;
+}
+
+// src/components/Select/Select.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var selectTriggerVariants = (0, import_class_variance_authority8.cva)("ddga-select-trigger", {
+  variants: {
+    size: {
+      sm: "ddga-select-trigger--sm",
+      md: "ddga-select-trigger--md"
+    },
+    error: {
+      true: "ddga-select-trigger--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Select({
+  id: externalId,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  size,
+  required,
+  placeholder,
+  className,
+  children,
+  ...rootProps
+}) {
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "Select",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": rootProps["aria-label"],
+    "aria-labelledby": rootProps["aria-labelledby"]
+  });
+  const ctx = (0, import_react5.useContext)(DgaContext);
+  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,
+      required && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", className: "ddga-select__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_radix_ui5.Select.Root, { required, ...rootProps, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        import_radix_ui5.Select.Trigger,
+        {
+          ...controlProps,
+          "data-slot": "select-trigger",
+          className: cn(selectTriggerVariants({ size, error: hasError }), className),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_radix_ui5.Select.Value, { placeholder }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_radix_ui5.Select.Icon, { asChild: true, className: "ddga-select__icon", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ChevronDown, { "aria-hidden": "true" }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_radix_ui5.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_radix_ui5.Select.Content,
+        {
+          "data-slot": "select-content",
+          className: "ddga-select-content",
+          position: "popper",
+          sideOffset: 4,
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_radix_ui5.Select.Viewport, { className: "ddga-select-viewport", children })
+        }
+      ) })
+    ] }),
+    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+function SelectItem({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    import_radix_ui5.Select.Item,
+    {
+      ...props,
+      "data-slot": "select-item",
+      className: cn("ddga-select-item", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_radix_ui5.Select.ItemText, { children }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_radix_ui5.Select.ItemIndicator, { className: "ddga-select-item__indicator", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Check, { className: "ddga-select-item__check", "aria-hidden": "true" }) })
+      ]
+    }
+  );
+}
+
+// src/components/Card/Card.tsx
+var import_radix_ui6 = require("radix-ui");
+var import_class_variance_authority9 = require("class-variance-authority");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var cardVariants = (0, import_class_variance_authority9.cva)("ddga-card", {
+  variants: {
+    variant: {
+      default: "ddga-card--default",
+      outline: "ddga-card--outline",
+      elevated: "ddga-card--elevated",
+      filled: "ddga-card--filled",
+      gradient: "ddga-card--gradient",
+      ghost: "ddga-card--ghost"
+    },
+    padding: {
+      sm: "ddga-card--padding-sm",
+      md: "ddga-card--padding-md",
+      lg: "ddga-card--padding-lg"
+    },
+    orientation: {
+      vertical: "ddga-card--vertical",
+      horizontal: "ddga-card--horizontal"
+    },
+    interactive: {
+      true: "ddga-card--interactive"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    padding: "md",
+    orientation: "vertical"
+  }
+});
+function Card({
+  variant,
+  padding,
+  orientation,
+  interactive,
+  asChild,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? import_radix_ui6.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    Comp,
+    {
+      "data-slot": "card",
+      "data-orientation": orientation ?? "vertical",
+      className: cn(cardVariants({ variant, padding, orientation, interactive }), className),
+      ...props
+    }
+  );
+}
+function CardImage({ aspectRatio = "16/9", className, style, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "img",
+    {
+      "data-slot": "card-image",
+      className: cn("ddga-card__image", className),
+      style: {
+        "--ddga-card-image-aspect": aspectRatio,
+        ...style
+      },
+      ...props
+    }
+  );
+}
+function CardHeader({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui6.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Comp, { "data-slot": "card-header", className: cn("ddga-card__header", className), ...props });
+}
+function CardTitle({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui6.Slot.Slot : "h3";
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Comp, { "data-slot": "card-title", className: cn("ddga-card__title", className), ...props });
+}
+function CardDescription({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui6.Slot.Slot : "p";
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    Comp,
+    {
+      "data-slot": "card-description",
+      className: cn("ddga-card__description", className),
+      ...props
+    }
+  );
+}
+function CardContent({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui6.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Comp, { "data-slot": "card-content", className: cn("ddga-card__content", className), ...props });
+}
+function CardFooter({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui6.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Comp, { "data-slot": "card-footer", className: cn("ddga-card__footer", className), ...props });
+}
+
+// src/components/Badge/Badge.tsx
+var import_react6 = require("react");
+var import_radix_ui7 = require("radix-ui");
+var import_class_variance_authority10 = require("class-variance-authority");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority10.cva)("ddga-badge", {
+  variants: {
+    variant: {
+      // Solid family
+      default: "ddga-badge--default",
+      primary: "ddga-badge--primary",
+      secondary: "ddga-badge--secondary",
+      destructive: "ddga-badge--destructive",
+      success: "ddga-badge--success",
+      warning: "ddga-badge--warning",
+      info: "ddga-badge--info",
+      // Subtle family (tonal)
+      "primary-subtle": "ddga-badge--primary-subtle",
+      "secondary-subtle": "ddga-badge--secondary-subtle",
+      "destructive-subtle": "ddga-badge--destructive-subtle",
+      "success-subtle": "ddga-badge--success-subtle",
+      "warning-subtle": "ddga-badge--warning-subtle",
+      "info-subtle": "ddga-badge--info-subtle",
+      // Outline
+      outline: "ddga-badge--outline"
+    },
+    size: {
+      sm: "ddga-badge--sm",
+      md: "ddga-badge--md"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+function Badge({
+  variant,
+  size,
+  asChild,
+  dot,
+  startIcon,
+  endIcon,
+  dismissible,
+  open,
+  onDismiss,
+  closeLabel = "Dismiss",
+  className,
+  children,
+  ...props
+}) {
+  const isControlled = open !== void 0;
+  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react6.useState)(true);
+  const isOpen = isControlled ? open : uncontrolledOpen;
+  if (process.env.NODE_ENV !== "production" && asChild && dismissible) {
+    console.warn(
+      "[Badge] `dismissible` is not supported with `asChild` because it would nest an interactive close button inside the consumer's element (invalid HTML). The close button will not render."
+    );
+  }
+  if (!isOpen) return null;
+  const Comp = asChild ? import_radix_ui7.Slot.Slot : "span";
+  const showClose = dismissible && !asChild;
+  const handleDismiss = () => {
+    if (!isControlled) setUncontrolledOpen(false);
+    onDismiss?.();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant, size }), className), ...props, children: [
+    dot ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ddga-badge__dot", "aria-hidden": "true" }) : null,
+    startIcon ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ddga-badge__icon", "aria-hidden": "true", children: startIcon }) : null,
+    asChild ? (
+      // children IS the consumer's single element (e.g. <a>). Slottable marks
+      // where THAT element's original children should land — without it the
+      // dot/icons would replace the link text.
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui7.Slot.Slottable, { children })
+    ) : children,
+    endIcon ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ddga-badge__icon", "aria-hidden": "true", children: endIcon }) : null,
+    showClose ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "ddga-badge__close",
+        "aria-label": closeLabel,
+        onClick: handleDismiss,
+        "data-slot": "badge-close",
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Close, { "aria-hidden": "true" })
+      }
+    ) : null
+  ] });
+}
+
+// src/components/Divider/Divider.tsx
+var import_class_variance_authority11 = require("class-variance-authority");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var dividerVariants = (0, import_class_variance_authority11.cva)("ddga-divider", {
+  variants: {
+    orientation: {
+      horizontal: "ddga-divider--horizontal",
+      vertical: "ddga-divider--vertical"
+    },
+    variant: {
+      solid: "ddga-divider--solid",
+      dashed: "ddga-divider--dashed"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+    variant: "solid"
+  }
+});
+function Divider({
+  orientation = "horizontal",
+  variant = "solid",
+  labelPosition = "center",
+  decorative = false,
+  className,
+  children,
+  ...props
+}) {
+  const isLabeled = orientation === "horizontal" && children !== void 0 && children !== null && children !== "";
+  const a11yProps = decorative ? { role: "none" } : {
+    role: "separator",
+    ...orientation === "vertical" ? { "aria-orientation": "vertical" } : {}
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "div",
+    {
+      "data-slot": "divider",
+      "data-orientation": orientation,
+      className: cn(
+        dividerVariants({ orientation, variant }),
+        isLabeled && "ddga-divider--labeled",
+        isLabeled && `ddga-divider--label-${labelPosition}`,
+        className
+      ),
+      ...a11yProps,
+      ...props,
+      children: isLabeled ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "ddga-divider__label", children }) : null
+    }
+  );
+}
+
+// src/components/Avatar/Avatar.tsx
+var import_react7 = require("react");
+var import_radix_ui8 = require("radix-ui");
+var import_class_variance_authority12 = require("class-variance-authority");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var avatarVariants = (0, import_class_variance_authority12.cva)("ddga-avatar", {
+  variants: {
+    size: {
+      xs: "ddga-avatar--xs",
+      sm: "ddga-avatar--sm",
+      md: "ddga-avatar--md",
+      lg: "ddga-avatar--lg",
+      xl: "ddga-avatar--xl"
+    },
+    shape: {
+      circle: "ddga-avatar--circle",
+      square: "ddga-avatar--square"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    shape: "circle"
+  }
+});
+var fallbackVariants = (0, import_class_variance_authority12.cva)("ddga-avatar__fallback", {
+  variants: {
+    colorScheme: {
+      default: "ddga-avatar__fallback--default",
+      primary: "ddga-avatar__fallback--primary",
+      secondary: "ddga-avatar__fallback--secondary",
+      success: "ddga-avatar__fallback--success",
+      warning: "ddga-avatar__fallback--warning",
+      destructive: "ddga-avatar__fallback--destructive",
+      info: "ddga-avatar__fallback--info"
+    }
+  },
+  defaultVariants: {
+    colorScheme: "default"
+  }
+});
+function Avatar({ size, shape, status, statusLabel, className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    import_radix_ui8.Avatar.Root,
+    {
+      "data-slot": "avatar",
+      "data-status": status,
+      className: cn(avatarVariants({ size, shape }), className),
+      ...props,
+      children: [
+        children,
+        status ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "span",
+          {
+            className: cn("ddga-avatar__status", `ddga-avatar__status--${status}`),
+            role: "status",
+            "aria-label": statusLabel ?? status
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_radix_ui8.Avatar.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("ddga-avatar__image", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({ colorScheme, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_radix_ui8.Avatar.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      "data-color-scheme": colorScheme ?? "default",
+      className: cn(fallbackVariants({ colorScheme }), className),
+      ...props
+    }
+  );
+}
+function AvatarGroup({ max, size, shape, className, children, ...props }) {
+  const all = import_react7.Children.toArray(children).filter(import_react7.isValidElement);
+  const visible = max !== void 0 && all.length > max ? all.slice(0, max) : all;
+  const overflow = max !== void 0 ? Math.max(0, all.length - max) : 0;
+  const cascaded = visible.map(
+    (child, i) => (0, import_react7.cloneElement)(child, {
+      key: child.key ?? i,
+      size: child.props.size ?? size,
+      shape: child.props.shape ?? shape
+    })
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { "data-slot": "avatar-group", className: cn("ddga-avatar-group", className), ...props, children: [
+    cascaded,
+    overflow > 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Avatar, { size, shape, "aria-label": `${overflow} more`, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(AvatarFallback, { children: [
+      "+",
+      overflow
+    ] }) }) : null
+  ] });
+}
+
+// src/components/Tooltip/Tooltip.tsx
+var import_react8 = require("react");
+var import_radix_ui9 = require("radix-ui");
+var import_class_variance_authority13 = require("class-variance-authority");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var tooltipContentVariants = (0, import_class_variance_authority13.cva)("ddga-tooltip", {
+  variants: {
+    size: {
+      sm: "ddga-tooltip--sm",
+      md: "ddga-tooltip--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Tooltip(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_radix_ui9.Tooltip.Root, { ...props });
+}
+function TooltipTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_radix_ui9.Tooltip.Trigger, { "data-slot": "tooltip-trigger", className, ...props });
+}
+function TooltipContent({
+  size,
+  arrow = true,
+  sideOffset = 6,
+  className,
+  children,
+  ...props
+}) {
+  const ctx = (0, import_react8.useContext)(DgaContext);
+  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,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(tooltipContentVariants({ size }), className),
+      ...props,
+      children: [
+        children,
+        arrow ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_radix_ui9.Tooltip.Arrow, { className: "ddga-tooltip__arrow" }) : null
+      ]
+    }
+  ) });
+}
+
+// src/components/Alert/Alert.tsx
+var import_react9 = require("react");
+var import_radix_ui10 = require("radix-ui");
+var import_class_variance_authority14 = require("class-variance-authority");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority14.cva)("ddga-alert", {
+  variants: {
+    variant: {
+      info: "ddga-alert--info",
+      success: "ddga-alert--success",
+      warning: "ddga-alert--warning",
+      destructive: "ddga-alert--destructive"
+    }
+  },
+  defaultVariants: {
+    variant: "info"
+  }
+});
+var DEFAULT_ICONS = {
+  info: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Info, { "aria-hidden": "true" }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Check, { "aria-hidden": "true" }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlertTriangle, { "aria-hidden": "true" }),
+  destructive: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlertCircle, { "aria-hidden": "true" })
+};
+function Alert({
+  variant,
+  asChild,
+  icon,
+  dismissible,
+  open: controlledOpen,
+  onDismiss,
+  live,
+  closeLabel = "Dismiss",
+  className,
+  children,
+  ...props
+}) {
+  const [internalOpen, setInternalOpen] = (0, import_react9.useState)(true);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : internalOpen;
+  if (!open) return null;
+  const Comp = asChild ? import_radix_ui10.Slot.Slot : "div";
+  const resolvedIcon = icon === false ? null : icon !== void 0 ? icon : DEFAULT_ICONS[variant ?? "info"];
+  const liveProps = live === "assertive" ? { role: "alert", "aria-live": "assertive" } : live === "polite" ? { role: "status", "aria-live": "polite" } : {};
+  function handleDismiss() {
+    if (!isControlled) setInternalOpen(false);
+    onDismiss?.();
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    Comp,
+    {
+      "data-slot": "alert",
+      "data-variant": variant ?? "info",
+      className: cn(alertVariants({ variant }), className),
+      ...liveProps,
+      ...props,
+      children: [
+        resolvedIcon ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ddga-alert__icon", children: resolvedIcon }) : null,
+        asChild ? (
+          // Slot mode: the consumer's element receives the children body.
+          // Title/description are nested by the consumer.
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_radix_ui10.Slot.Slottable, { children })
+        ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "ddga-alert__body", children }),
+        dismissible ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "ddga-alert__close",
+            "aria-label": closeLabel,
+            onClick: handleDismiss,
+            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Close, { "aria-hidden": "true" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function AlertTitle({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui10.Slot.Slot : "h5";
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Comp, { "data-slot": "alert-title", className: cn("ddga-alert__title", className), ...props });
+}
+function AlertDescription({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui10.Slot.Slot : "p";
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    Comp,
+    {
+      "data-slot": "alert-description",
+      className: cn("ddga-alert__description", className),
+      ...props
+    }
+  );
+}
+
+// src/components/Modal/Modal.tsx
+var import_react10 = require("react");
+var import_radix_ui11 = require("radix-ui");
+var import_class_variance_authority15 = require("class-variance-authority");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var modalContentVariants = (0, import_class_variance_authority15.cva)("ddga-modal", {
+  variants: {
+    size: {
+      sm: "ddga-modal--sm",
+      md: "ddga-modal--md",
+      lg: "ddga-modal--lg",
+      xl: "ddga-modal--xl",
+      full: "ddga-modal--full"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Modal(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_radix_ui11.Dialog.Root, { ...props });
+}
+function ModalTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_radix_ui11.Dialog.Trigger, { "data-slot": "modal-trigger", className, ...props });
+}
+function ModalContent({
+  size,
+  showCloseButton = true,
+  closeLabel = "Close",
+  className,
+  children,
+  ...props
+}) {
+  const ctx = (0, import_react10.useContext)(DgaContext);
+  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)(
+      import_radix_ui11.Dialog.Content,
+      {
+        "data-slot": "modal-content",
+        className: cn(modalContentVariants({ size }), className),
+        ...props,
+        children: [
+          children,
+          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            import_radix_ui11.Dialog.Close,
+            {
+              className: "ddga-modal__close",
+              "aria-label": closeLabel,
+              "data-slot": "modal-close-x",
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Close, { "aria-hidden": "true" })
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+}
+function ModalHeader({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui11.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Comp, { "data-slot": "modal-header", className: cn("ddga-modal__header", className), ...props });
+}
+function ModalTitle({ asChild, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_radix_ui11.Dialog.Title,
+    {
+      asChild,
+      "data-slot": "modal-title",
+      className: cn("ddga-modal__title", className),
+      ...props
+    }
+  );
+}
+function ModalDescription({ asChild, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_radix_ui11.Dialog.Description,
+    {
+      asChild,
+      "data-slot": "modal-description",
+      className: cn("ddga-modal__description", className),
+      ...props
+    }
+  );
+}
+function ModalFooter({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui11.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Comp, { "data-slot": "modal-footer", className: cn("ddga-modal__footer", className), ...props });
+}
+function ModalClose({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_radix_ui11.Dialog.Close, { "data-slot": "modal-close", className, ...props });
+}
+
+// src/components/Toast/Toast.tsx
+var import_react12 = require("react");
+var import_radix_ui12 = require("radix-ui");
+var import_class_variance_authority16 = require("class-variance-authority");
+
+// src/components/Toast/toast-store.ts
+var import_react11 = require("react");
+var EXIT_ANIM_MS = 200;
+function createToastStore() {
+  let toasts = [];
+  const listeners = /* @__PURE__ */ new Set();
+  let counter = 0;
+  function emit() {
+    for (const l of listeners) l();
+  }
+  function subscribe(listener) {
+    listeners.add(listener);
+    return () => {
+      listeners.delete(listener);
+    };
+  }
+  function getSnapshot() {
+    return toasts;
+  }
+  function nextId() {
+    counter += 1;
+    return `t${counter}`;
+  }
+  function add(variant, message, options = {}) {
+    const id = options.id ?? nextId();
+    const existing = toasts.findIndex((t) => t.id === id);
+    const data = {
+      id,
+      variant,
+      open: true,
+      title: message,
+      description: options.description,
+      duration: options.duration,
+      action: options.action,
+      onDismiss: options.onDismiss
+    };
+    if (existing >= 0) {
+      toasts = toasts.map((t, i) => i === existing ? data : t);
+    } else {
+      toasts = [...toasts, data];
+    }
+    emit();
+    return id;
+  }
+  function dismiss(id) {
+    if (id === void 0) {
+      const ids = toasts.map((t) => t.id);
+      toasts = toasts.map((t) => ({ ...t, open: false }));
+      emit();
+      setTimeout(() => {
+        ids.forEach((id2) => remove(id2));
+      }, EXIT_ANIM_MS);
+    } else {
+      toasts = toasts.map((t) => t.id === id ? { ...t, open: false } : t);
+      emit();
+      setTimeout(() => remove(id), EXIT_ANIM_MS);
+    }
+  }
+  function remove(id) {
+    const target = toasts.find((t) => t.id === id);
+    toasts = toasts.filter((t) => t.id !== id);
+    emit();
+    target?.onDismiss?.();
+  }
+  function __reset() {
+    toasts = [];
+    counter = 0;
+    emit();
+  }
+  return { subscribe, getSnapshot, add, dismiss, remove, __reset };
+}
+var toastStore = createToastStore();
+function createToast(store) {
+  const fn = ((message, options) => store.add("default", message, options));
+  fn.default = (message, options) => store.add("default", message, options);
+  fn.info = (message, options) => store.add("info", message, options);
+  fn.success = (message, options) => store.add("success", message, options);
+  fn.warning = (message, options) => store.add("warning", message, options);
+  fn.error = (message, options) => store.add("destructive", message, options);
+  fn.destructive = fn.error;
+  fn.dismiss = (id) => store.dismiss(id);
+  return fn;
+}
+var toast = createToast(toastStore);
+
+// src/components/Toast/Toast.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var toastVariants = (0, import_class_variance_authority16.cva)("ddga-toast", {
+  variants: {
+    variant: {
+      default: "ddga-toast--default",
+      info: "ddga-toast--info",
+      success: "ddga-toast--success",
+      warning: "ddga-toast--warning",
+      destructive: "ddga-toast--destructive"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var toastViewportVariants = (0, import_class_variance_authority16.cva)("ddga-toast-viewport", {
+  variants: {
+    position: {
+      "top-start": "ddga-toast-viewport--top-start",
+      "top-center": "ddga-toast-viewport--top-center",
+      "top-end": "ddga-toast-viewport--top-end",
+      "bottom-start": "ddga-toast-viewport--bottom-start",
+      "bottom-center": "ddga-toast-viewport--bottom-center",
+      "bottom-end": "ddga-toast-viewport--bottom-end"
+    },
+    containerized: {
+      true: "ddga-toast-viewport--containerized"
+    }
+  },
+  defaultVariants: {
+    position: "bottom-end"
+  }
+});
+var DEFAULT_ICONS2 = {
+  default: null,
+  info: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Info, { "aria-hidden": "true" }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Check, { "aria-hidden": "true" }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertTriangle, { "aria-hidden": "true" }),
+  destructive: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertCircle, { "aria-hidden": "true" })
+};
+function Toaster({
+  position = "bottom-end",
+  containerized = false,
+  duration = 4e3,
+  closeButton = true,
+  closeLabel = "Dismiss",
+  hideIcon = false,
+  className,
+  swipeDirection,
+  store = toastStore
+}) {
+  const toasts = (0, import_react12.useSyncExternalStore)(store.subscribe, store.getSnapshot, store.getSnapshot);
+  const resolvedSwipe = swipeDirection ?? (position.startsWith("top") ? "up" : "down");
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_radix_ui12.Toast.Provider, { duration, swipeDirection: resolvedSwipe, children: [
+    toasts.map((t) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      ToastItem,
+      {
+        toast: t,
+        store,
+        closeButton,
+        closeLabel,
+        hideIcon
+      },
+      t.id
+    )),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      import_radix_ui12.Toast.Viewport,
+      {
+        "data-slot": "toast-viewport",
+        "data-position": position,
+        className: cn(toastViewportVariants({ position, containerized }), className)
+      }
+    )
+  ] });
+}
+function ToastItem({ toast: t, store, closeButton, closeLabel, hideIcon }) {
+  const radixType = t.variant === "destructive" ? "foreground" : "background";
+  const icon = hideIcon ? null : DEFAULT_ICONS2[t.variant];
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    import_radix_ui12.Toast.Root,
+    {
+      "data-slot": "toast",
+      "data-variant": t.variant,
+      className: toastVariants({ variant: t.variant }),
+      open: t.open,
+      type: radixType,
+      duration: t.duration,
+      onOpenChange: (open) => {
+        if (!open) {
+          store.dismiss(t.id);
+        }
+      },
+      children: [
+        icon ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ddga-toast__icon", children: icon }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "ddga-toast__body", children: [
+          t.title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_radix_ui12.Toast.Title, { className: "ddga-toast__title", children: t.title }) : null,
+          t.description ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_radix_ui12.Toast.Description, { className: "ddga-toast__description", children: t.description }) : null,
+          t.action ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            import_radix_ui12.Toast.Action,
+            {
+              className: "ddga-toast__action",
+              altText: t.action.altText ?? (typeof t.action.label === "string" ? t.action.label : "Action"),
+              onClick: () => {
+                t.action?.onClick();
+                store.dismiss(t.id);
+              },
+              children: t.action.label
+            }
+          ) : null
+        ] }),
+        closeButton ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_radix_ui12.Toast.Close, { className: "ddga-toast__close", "aria-label": closeLabel, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Close, { "aria-hidden": "true" }) }) : null
+      ]
+    }
+  );
+}
+
+// src/components/Tabs/Tabs.tsx
+var import_radix_ui13 = require("radix-ui");
+var import_class_variance_authority17 = require("class-variance-authority");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var tabsVariants = (0, import_class_variance_authority17.cva)("ddga-tabs", {
+  variants: {
+    variant: {
+      line: "ddga-tabs--line",
+      pill: "ddga-tabs--pill"
+    },
+    size: {
+      sm: "ddga-tabs--sm",
+      md: "ddga-tabs--md"
+    }
+  },
+  defaultVariants: {
+    variant: "line",
+    size: "md"
+  }
+});
+var tabsListVariants = (0, import_class_variance_authority17.cva)("ddga-tabs__list", {
+  variants: {
+    fullWidth: {
+      true: "ddga-tabs__list--full-width"
+    }
+  }
+});
+function Tabs({ variant, size, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_radix_ui13.Tabs.Root,
+    {
+      "data-slot": "tabs",
+      className: cn(tabsVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+function TabsList({ fullWidth, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_radix_ui13.Tabs.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(tabsListVariants({ fullWidth }), className),
+      ...props
+    }
+  );
+}
+function TabsTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_radix_ui13.Tabs.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn("ddga-tabs__trigger", className),
+      ...props
+    }
+  );
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_radix_ui13.Tabs.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("ddga-tabs__content", className),
+      ...props
+    }
+  );
+}
+
+// src/components/Breadcrumb/Breadcrumb.tsx
+var import_radix_ui14 = require("radix-ui");
+var import_class_variance_authority18 = require("class-variance-authority");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var breadcrumbVariants = (0, import_class_variance_authority18.cva)("ddga-breadcrumb", {
+  variants: {
+    size: {
+      sm: "ddga-breadcrumb--sm",
+      md: "ddga-breadcrumb--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Breadcrumb({ size, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "nav",
+    {
+      "aria-label": "Breadcrumb",
+      "data-slot": "breadcrumb",
+      className: cn(breadcrumbVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("ol", { "data-slot": "breadcrumb-list", className: cn("ddga-breadcrumb__list", className), ...props });
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { "data-slot": "breadcrumb-item", className: cn("ddga-breadcrumb__item", className), ...props });
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui14.Slot.Slot : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    Comp,
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn("ddga-breadcrumb__link", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbPage({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui14.Slot.Slot : "span";
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    Comp,
+    {
+      "aria-current": "page",
+      "data-slot": "breadcrumb-page",
+      className: cn("ddga-breadcrumb__page", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "li",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      "data-slot": "breadcrumb-separator",
+      className: cn("ddga-breadcrumb__separator", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronRight, {})
+    }
+  );
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "span",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      "data-slot": "breadcrumb-ellipsis",
+      className: cn("ddga-breadcrumb__ellipsis", className),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MoreHorizontal, {})
+    }
+  );
+}
+
+// src/components/Pagination/Pagination.tsx
+var import_radix_ui15 = require("radix-ui");
+var import_class_variance_authority19 = require("class-variance-authority");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var paginationVariants = (0, import_class_variance_authority19.cva)("ddga-pagination", {
+  variants: {
+    size: {
+      sm: "ddga-pagination--sm",
+      md: "ddga-pagination--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var paginationLinkVariants = (0, import_class_variance_authority19.cva)("ddga-pagination__link", {
+  variants: {
+    isActive: {
+      true: "ddga-pagination__link--active"
+    }
+  }
+});
+function Pagination({ size, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "nav",
+    {
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: cn(paginationVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function PaginationContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: cn("ddga-pagination__content", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { "data-slot": "pagination-item", className: cn("ddga-pagination__item", className), ...props });
+}
+function PaginationLink({ asChild, isActive, className, ...props }) {
+  const Comp = asChild ? import_radix_ui15.Slot.Slot : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    Comp,
+    {
+      "aria-current": isActive ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive ? "" : void 0,
+      className: cn(paginationLinkVariants({ isActive }), className),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({
+  label = "Previous",
+  className,
+  children,
+  asChild,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    PaginationLink,
+    {
+      asChild,
+      "aria-label": label,
+      "data-slot": "pagination-previous",
+      className: cn("ddga-pagination__nav", "ddga-pagination__nav--previous", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChevronRight, { className: "ddga-pagination__nav-icon ddga-pagination__nav-icon--previous" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: label })
+      ] })
+    }
+  );
+}
+function PaginationNext({
+  label = "Next",
+  className,
+  children,
+  asChild,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    PaginationLink,
+    {
+      asChild,
+      "aria-label": label,
+      "data-slot": "pagination-next",
+      className: cn("ddga-pagination__nav", "ddga-pagination__nav--next", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChevronRight, { className: "ddga-pagination__nav-icon ddga-pagination__nav-icon--next" })
+      ] })
+    }
+  );
+}
+function PaginationEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "span",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      "data-slot": "pagination-ellipsis",
+      className: cn("ddga-pagination__ellipsis", className),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MoreHorizontal, {})
+    }
+  );
+}
+
+// src/components/Accordion/Accordion.tsx
+var import_radix_ui16 = require("radix-ui");
+var import_class_variance_authority20 = require("class-variance-authority");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var accordionVariants = (0, import_class_variance_authority20.cva)("ddga-accordion", {
+  variants: {
+    size: {
+      sm: "ddga-accordion--sm",
+      md: "ddga-accordion--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Accordion({ size, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_radix_ui16.Accordion.Root,
+    {
+      "data-slot": "accordion",
+      className: cn(accordionVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function AccordionItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_radix_ui16.Accordion.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("ddga-accordion__item", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui16.Accordion.Header, { className: "ddga-accordion__header", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    import_radix_ui16.Accordion.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn("ddga-accordion__trigger", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          ChevronDown,
+          {
+            "aria-hidden": "true",
+            className: "ddga-accordion__chevron",
+            "data-slot": "accordion-chevron"
+          }
+        )
+      ]
+    }
+  ) });
+}
+function AccordionContent({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_radix_ui16.Accordion.Content,
+    {
+      "data-slot": "accordion-content",
+      className: cn("ddga-accordion__content", className),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "ddga-accordion__content-inner", children })
+    }
+  );
+}
+
+// src/components/Steps/Steps.tsx
+var import_class_variance_authority21 = require("class-variance-authority");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var stepsVariants = (0, import_class_variance_authority21.cva)("ddga-steps", {
+  variants: {
+    size: {
+      sm: "ddga-steps--sm",
+      md: "ddga-steps--md"
+    },
+    orientation: {
+      horizontal: "ddga-steps--horizontal",
+      vertical: "ddga-steps--vertical"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    orientation: "horizontal"
+  }
+});
+var stepVariants = (0, import_class_variance_authority21.cva)("ddga-steps__step", {
+  variants: {
+    state: {
+      completed: "ddga-steps__step--completed",
+      current: "ddga-steps__step--current",
+      upcoming: "ddga-steps__step--upcoming"
+    }
+  },
+  defaultVariants: {
+    state: "upcoming"
+  }
+});
+function Steps({ size, orientation, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "ol",
+    {
+      "data-slot": "steps",
+      "data-orientation": orientation ?? "horizontal",
+      className: cn(stepsVariants({ size, orientation }), className),
+      ...props
+    }
+  );
+}
+function Step({ state, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "li",
+    {
+      "aria-current": state === "current" ? "step" : void 0,
+      "data-slot": "step",
+      "data-state": state ?? "upcoming",
+      className: cn(stepVariants({ state }), className),
+      ...props
+    }
+  );
+}
+function StepIndicator({ step, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-slot": "step-indicator",
+      className: cn("ddga-steps__indicator", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Check, { className: "ddga-steps__indicator-check" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "ddga-steps__indicator-number", children: step })
+      ]
+    }
+  );
+}
+function StepTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "data-slot": "step-title", className: cn("ddga-steps__title", className), ...props });
+}
+function StepDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "span",
+    {
+      "data-slot": "step-description",
+      className: cn("ddga-steps__description", className),
+      ...props
+    }
+  );
+}
+
+// src/components/Skeleton/Skeleton.tsx
+var import_class_variance_authority22 = require("class-variance-authority");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var skeletonVariants = (0, import_class_variance_authority22.cva)("ddga-skeleton", {
+  variants: {
+    shape: {
+      text: "ddga-skeleton--text",
+      circle: "ddga-skeleton--circle",
+      rectangle: "ddga-skeleton--rectangle"
+    },
+    animation: {
+      pulse: "ddga-skeleton--pulse",
+      wave: "ddga-skeleton--wave",
+      none: "ddga-skeleton--none"
+    }
+  },
+  defaultVariants: {
+    shape: "text",
+    animation: "pulse"
+  }
+});
+function Skeleton({ shape, animation, width, height, className, style, ...props }) {
+  const sizeStyle = {
+    ...width !== void 0 ? { width: typeof width === "number" ? `${width}px` : width } : null,
+    ...height !== void 0 ? { height: typeof height === "number" ? `${height}px` : height } : null,
+    ...style
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "div",
+    {
+      "data-slot": "skeleton",
+      "aria-hidden": "true",
+      className: cn(skeletonVariants({ shape, animation }), className),
+      style: sizeStyle,
+      ...props
+    }
+  );
+}
+
+// src/components/Progress/Progress.tsx
+var import_radix_ui17 = require("radix-ui");
+var import_class_variance_authority23 = require("class-variance-authority");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var progressVariants = (0, import_class_variance_authority23.cva)("ddga-progress", {
+  variants: {
+    size: {
+      sm: "ddga-progress--sm",
+      md: "ddga-progress--md",
+      lg: "ddga-progress--lg"
+    },
+    color: {
+      primary: "ddga-progress--primary",
+      success: "ddga-progress--success",
+      warning: "ddga-progress--warning",
+      destructive: "ddga-progress--destructive"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary"
+  }
+});
+var circularProgressVariants = (0, import_class_variance_authority23.cva)("ddga-circular-progress", {
+  variants: {
+    size: {
+      sm: "ddga-circular-progress--sm",
+      md: "ddga-circular-progress--md",
+      lg: "ddga-circular-progress--lg"
+    },
+    color: {
+      primary: "ddga-circular-progress--primary",
+      success: "ddga-circular-progress--success",
+      warning: "ddga-circular-progress--warning",
+      destructive: "ddga-circular-progress--destructive"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary"
+  }
+});
+function Progress({ value = null, max = 100, size, color, className, ...props }) {
+  const isIndeterminate = value === null;
+  const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, value / max * 100));
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    import_radix_ui17.Progress.Root,
+    {
+      "data-slot": "progress",
+      value,
+      max,
+      className: cn(progressVariants({ size, color }), className),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        import_radix_ui17.Progress.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "ddga-progress__indicator",
+          style: isIndeterminate ? void 0 : { transform: `translateX(${pct - 100}%)` }
+        }
+      )
+    }
+  );
+}
+var CIRCULAR_SIZES = { sm: 32, md: 48, lg: 72 };
+var CIRCULAR_DEFAULT_THICKNESS = { sm: 4, md: 5, lg: 6 };
+function CircularProgress({
+  value = null,
+  max = 100,
+  size,
+  color,
+  thickness,
+  showLabel = false,
+  className,
+  ...props
+}) {
+  const isIndeterminate = value === null;
+  const sizeKey = size ?? "md";
+  const diameter = CIRCULAR_SIZES[sizeKey];
+  const strokeWidth = thickness ?? CIRCULAR_DEFAULT_THICKNESS[sizeKey];
+  const radius = (diameter - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, value / max * 100));
+  const dashOffset = isIndeterminate ? circumference * 0.75 : circumference * (1 - pct / 100);
+  const state = isIndeterminate ? "indeterminate" : value >= max ? "complete" : "loading";
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    "div",
+    {
+      "data-slot": "circular-progress",
+      "data-state": state,
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": max,
+      "aria-valuenow": isIndeterminate ? void 0 : value,
+      className: cn(circularProgressVariants({ size, color }), className),
+      style: { inlineSize: diameter, blockSize: diameter },
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+          "svg",
+          {
+            className: "ddga-circular-progress__svg",
+            viewBox: `0 0 ${diameter} ${diameter}`,
+            width: diameter,
+            height: diameter,
+            "aria-hidden": "true",
+            focusable: "false",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                "circle",
+                {
+                  className: "ddga-circular-progress__track",
+                  cx: diameter / 2,
+                  cy: diameter / 2,
+                  r: radius,
+                  fill: "none",
+                  strokeWidth
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                "circle",
+                {
+                  className: "ddga-circular-progress__indicator",
+                  cx: diameter / 2,
+                  cy: diameter / 2,
+                  r: radius,
+                  fill: "none",
+                  strokeWidth,
+                  strokeLinecap: "round",
+                  strokeDasharray: circumference,
+                  strokeDashoffset: dashOffset,
+                  transform: `rotate(-90 ${diameter / 2} ${diameter / 2})`
+                }
+              )
+            ]
+          }
+        ),
+        showLabel && !isIndeterminate ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "ddga-circular-progress__label", "aria-hidden": "true", children: [
+          Math.round(pct),
+          "%"
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/components/DropdownMenu/DropdownMenu.tsx
+var import_react13 = require("react");
+var import_radix_ui18 = require("radix-ui");
+var import_class_variance_authority24 = require("class-variance-authority");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var dropdownMenuVariants = (0, import_class_variance_authority24.cva)("ddga-dropdown-menu", {
+  variants: {
+    size: {
+      sm: "ddga-dropdown-menu--sm",
+      md: "ddga-dropdown-menu--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function DropdownMenu(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui18.DropdownMenu.Root, { ...props });
+}
+function DropdownMenuTrigger(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui18.DropdownMenu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuContent({
+  size,
+  className,
+  sideOffset = 6,
+  ...props
+}) {
+  const ctx = (0, import_react13.useContext)(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui18.DropdownMenu.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_radix_ui18.DropdownMenu.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(dropdownMenuVariants({ size }), className),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  destructive,
+  startIcon,
+  shortcut,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    import_radix_ui18.DropdownMenu.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-destructive": destructive ? "" : void 0,
+      className: cn("ddga-dropdown-menu__item", className),
+      ...props,
+      children: [
+        startIcon ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "ddga-dropdown-menu__icon", "aria-hidden": "true", children: startIcon }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "ddga-dropdown-menu__label", children }),
+        shortcut ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "ddga-dropdown-menu__shortcut", "aria-hidden": "true", children: shortcut }) : null
+      ]
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  onSelect,
+  ...props
+}) {
+  const handleSelect = onSelect ?? ((event) => {
+    event.preventDefault();
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    import_radix_ui18.DropdownMenu.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: cn("ddga-dropdown-menu__item", "ddga-dropdown-menu__item--checkable", className),
+      onSelect: handleSelect,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "ddga-dropdown-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui18.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Check, { className: "ddga-dropdown-menu__indicator-icon" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "ddga-dropdown-menu__label", children })
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui18.DropdownMenu.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  onSelect,
+  ...props
+}) {
+  const handleSelect = onSelect ?? ((event) => {
+    event.preventDefault();
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    import_radix_ui18.DropdownMenu.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      className: cn("ddga-dropdown-menu__item", "ddga-dropdown-menu__item--checkable", className),
+      onSelect: handleSelect,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "ddga-dropdown-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui18.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "ddga-dropdown-menu__radio-dot" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "ddga-dropdown-menu__label", children })
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_radix_ui18.DropdownMenu.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      className: cn("ddga-dropdown-menu__group-label", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_radix_ui18.DropdownMenu.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("ddga-dropdown-menu__separator", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuGroup(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui18.DropdownMenu.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuSub(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui18.DropdownMenu.Sub, { ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  startIcon,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    import_radix_ui18.DropdownMenu.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      className: cn("ddga-dropdown-menu__item", "ddga-dropdown-menu__item--sub", className),
+      ...props,
+      children: [
+        startIcon ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "ddga-dropdown-menu__icon", "aria-hidden": "true", children: startIcon }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "ddga-dropdown-menu__label", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChevronRight, { className: "ddga-dropdown-menu__sub-chevron", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({ size, className, ...props }) {
+  const ctx = (0, import_react13.useContext)(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_radix_ui18.DropdownMenu.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_radix_ui18.DropdownMenu.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(dropdownMenuVariants({ size }), className),
+      ...props
+    }
+  ) });
+}
+
+// src/components/Drawer/Drawer.tsx
+var import_react14 = require("react");
+var import_radix_ui19 = require("radix-ui");
+var import_class_variance_authority25 = require("class-variance-authority");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var drawerVariants = (0, import_class_variance_authority25.cva)("ddga-drawer", {
+  variants: {
+    side: {
+      start: "ddga-drawer--start",
+      end: "ddga-drawer--end",
+      top: "ddga-drawer--top",
+      bottom: "ddga-drawer--bottom"
+    },
+    size: {
+      sm: "ddga-drawer--sm",
+      md: "ddga-drawer--md",
+      lg: "ddga-drawer--lg",
+      full: "ddga-drawer--full"
+    }
+  },
+  defaultVariants: {
+    side: "end",
+    size: "md"
+  }
+});
+function Drawer(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui19.Dialog.Root, { ...props });
+}
+function DrawerTrigger({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui19.Dialog.Trigger, { "data-slot": "drawer-trigger", className, ...props });
+}
+function DrawerContent({
+  side,
+  size,
+  showCloseButton = true,
+  closeLabel = "Close",
+  className,
+  children,
   ...props
 }) {
-  const { errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps, fieldId } = useFieldA11y({
-    name: "RadioGroup",
+  const ctx = (0, import_react14.useContext)(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_radix_ui19.Dialog.Portal, { container: portalContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui19.Dialog.Overlay, { className: "ddga-drawer__overlay", "data-slot": "drawer-overlay" }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      import_radix_ui19.Dialog.Content,
+      {
+        "data-slot": "drawer-content",
+        className: cn(drawerVariants({ side, size }), className),
+        ...props,
+        children: [
+          children,
+          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            import_radix_ui19.Dialog.Close,
+            {
+              className: "ddga-drawer__close",
+              "aria-label": closeLabel,
+              "data-slot": "drawer-close-x",
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Close, { "aria-hidden": "true" })
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+}
+function DrawerHeader({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui19.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Comp, { "data-slot": "drawer-header", className: cn("ddga-drawer__header", className), ...props });
+}
+function DrawerTitle({ asChild, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    import_radix_ui19.Dialog.Title,
+    {
+      asChild,
+      "data-slot": "drawer-title",
+      className: cn("ddga-drawer__title", className),
+      ...props
+    }
+  );
+}
+function DrawerDescription({ asChild, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    import_radix_ui19.Dialog.Description,
+    {
+      asChild,
+      "data-slot": "drawer-description",
+      className: cn("ddga-drawer__description", className),
+      ...props
+    }
+  );
+}
+function DrawerBody({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui19.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Comp, { "data-slot": "drawer-body", className: cn("ddga-drawer__body", className), ...props });
+}
+function DrawerFooter({ asChild, className, ...props }) {
+  const Comp = asChild ? import_radix_ui19.Slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Comp, { "data-slot": "drawer-footer", className: cn("ddga-drawer__footer", className), ...props });
+}
+function DrawerClose({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_radix_ui19.Dialog.Close, { "data-slot": "drawer-close", className, ...props });
+}
+
+// src/components/Combobox/Combobox.tsx
+var import_react15 = require("react");
+var import_cmdk = require("cmdk");
+var import_radix_ui20 = require("radix-ui");
+var import_class_variance_authority26 = require("class-variance-authority");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var comboboxTriggerVariants = (0, import_class_variance_authority26.cva)("ddga-combobox-trigger", {
+  variants: {
+    size: {
+      sm: "ddga-combobox-trigger--sm",
+      md: "ddga-combobox-trigger--md"
+    },
+    error: {
+      true: "ddga-combobox-trigger--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var comboboxVariants = comboboxTriggerVariants;
+var ComboboxContext = (0, import_react15.createContext)(null);
+function useComboboxContext(component) {
+  const ctx = (0, import_react15.useContext)(ComboboxContext);
+  if (!ctx) {
+    throw new Error(`<${component}> must be rendered inside <Combobox>.`);
+  }
+  return ctx;
+}
+function Combobox({
+  value: controlledValue,
+  defaultValue,
+  onValueChange,
+  open: controlledOpen,
+  defaultOpen,
+  onOpenChange,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  required,
+  disabled,
+  size,
+  placeholder,
+  searchPlaceholder = "Search\u2026",
+  emptyMessage = "No results.",
+  getLabel,
+  id: externalId,
+  className,
+  children,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy
+}) {
+  const [internalValue, setInternalValue] = (0, import_react15.useState)(defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : internalValue;
+  const [internalOpen, setInternalOpen] = (0, import_react15.useState)(defaultOpen ?? false);
+  const isOpenControlled = controlledOpen !== void 0;
+  const open = isOpenControlled ? controlledOpen : internalOpen;
+  const setOpen = (0, import_react15.useCallback)(
+    (next) => {
+      if (!isOpenControlled) setInternalOpen(next);
+      onOpenChange?.(next);
+    },
+    [isOpenControlled, onOpenChange]
+  );
+  const select = (0, import_react15.useCallback)(
+    (next) => {
+      if (!isControlled) setInternalValue(next);
+      onValueChange?.(next);
+      setOpen(false);
+    },
+    [isControlled, onValueChange, setOpen]
+  );
+  const ctx = (0, import_react15.useMemo)(() => ({ value, select }), [value, select]);
+  const itemLabels = (0, import_react15.useMemo)(() => {
+    const map = /* @__PURE__ */ new Map();
+    const visit = (nodes) => {
+      import_react15.Children.forEach(nodes, (child) => {
+        if (!(0, import_react15.isValidElement)(child)) return;
+        const childProps = child.props;
+        if (typeof childProps.value === "string") {
+          map.set(childProps.value, childProps.children);
+        } else if (childProps.children) {
+          visit(childProps.children);
+        }
+      });
+    };
+    visit(children);
+    return map;
+  }, [children]);
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "Combobox",
     id: externalId,
     label,
     error,
     errorMessage,
     helperText,
-    "aria-label": props["aria-label"],
-    "aria-labelledby": props["aria-labelledby"]
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy
   });
-  const labelId = `${fieldId}-label`;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { "data-slot": "radio-group-field", className: "ddga-field", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { id: labelId, className: "ddga-radio-group__label", children: [
+  const providerCtx = (0, import_react15.useContext)(DgaContext);
+  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);
+    return itemLabels.get(value) ?? null;
+  }, [value, getLabel, itemLabels]);
+  const searchId = (0, import_react15.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ComboboxContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { "data-slot": "combobox-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { htmlFor: fieldId, className: "ddga-combobox__label", children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", className: "ddga-radio-group__required", children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { "aria-hidden": "true", className: "ddga-combobox__required", children: "*" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      import_radix_ui3.RadioGroup.Root,
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_radix_ui20.Popover.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_radix_ui20.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+        "button",
+        {
+          type: "button",
+          ...controlProps,
+          "aria-required": required || void 0,
+          disabled,
+          "data-slot": "combobox-trigger",
+          className: cn(comboboxTriggerVariants({ size, error: hasError }), className),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ddga-combobox__value", children: triggerLabel ?? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ddga-combobox__placeholder", children: placeholder }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronDown, { "aria-hidden": "true", className: "ddga-combobox__icon" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_radix_ui20.Popover.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        import_radix_ui20.Popover.Content,
+        {
+          "data-slot": "combobox-content",
+          className: "ddga-combobox-content",
+          sideOffset: 4,
+          align: "start",
+          "aria-label": ariaLabel ?? (typeof label === "string" ? label : "Options"),
+          "aria-labelledby": ariaLabelledBy,
+          style: { inlineSize: "var(--radix-popover-trigger-width)" },
+          onOpenAutoFocus: (event) => {
+            event.preventDefault();
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+            import_cmdk.Command,
+            {
+              id: searchId,
+              "data-slot": "combobox-command",
+              className: "ddga-combobox-command",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  import_cmdk.Command.Input,
+                  {
+                    autoFocus: true,
+                    placeholder: searchPlaceholder,
+                    "data-slot": "combobox-input",
+                    className: "ddga-combobox-input"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_cmdk.Command.List, { "data-slot": "combobox-list", className: "ddga-combobox-list", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_cmdk.Command.Empty, { "data-slot": "combobox-empty", className: "ddga-combobox-empty", children: emptyMessage }),
+                  children
+                ] })
+              ]
+            }
+          )
+        }
+      ) })
+    ] }),
+    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] }) });
+}
+function ComboboxItem({
+  value,
+  keywords,
+  disabled,
+  onSelect,
+  className,
+  children,
+  ...props
+}) {
+  const { value: selectedValue, select } = useComboboxContext("ComboboxItem");
+  const isSelected = selectedValue === value;
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    import_cmdk.Command.Item,
+    {
+      value,
+      keywords,
+      disabled,
+      onSelect: (v) => {
+        onSelect?.(v);
+        select(v);
+      },
+      "data-slot": "combobox-item",
+      "data-active": isSelected ? "" : void 0,
+      className: cn("ddga-combobox-item", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ddga-combobox-item__check", "aria-hidden": "true", children: isSelected ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Check, {}) : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "ddga-combobox-item__label", children })
+      ]
+    }
+  );
+}
+function ComboboxGroup({ className, heading, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    import_cmdk.Command.Group,
+    {
+      heading,
+      "data-slot": "combobox-group",
+      className: cn("ddga-combobox-group", className),
+      ...props
+    }
+  );
+}
+function ComboboxSeparator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    import_cmdk.Command.Separator,
+    {
+      "data-slot": "combobox-separator",
+      className: cn("ddga-combobox-separator", className),
+      ...props
+    }
+  );
+}
+
+// src/components/DatePicker/DatePicker.tsx
+var import_react16 = require("react");
+var import_react_aria_components = require("react-aria-components");
+var import_date = require("@internationalized/date");
+var import_class_variance_authority27 = require("class-variance-authority");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+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",
       {
-        ...props,
-        "aria-invalid": controlProps["aria-invalid"],
-        "aria-describedby": controlProps["aria-describedby"],
-        "aria-labelledby": label ? labelId : props["aria-labelledby"],
-        orientation: orientation === "horizontal" ? "horizontal" : "vertical",
-        required,
-        "data-slot": "radio-group",
-        className: cn(radioGroupVariants({ size, orientation, error: hasError }), className),
-        children
+        "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))
       }
     ),
-    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
-    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+    /* @__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 Radio({ id: externalId, label, className, ...props }) {
-  const generatedId = (0, import_react3.useId)();
-  const itemId = externalId ?? generatedId;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "ddga-radio-row", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      import_radix_ui3.RadioGroup.Item,
+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",
       {
-        ...props,
-        id: itemId,
-        "data-slot": "radio",
-        className: cn(radioVariants(), className),
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_radix_ui3.RadioGroup.Indicator,
+        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,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  calendar: controlledCalendar,
+  defaultCalendar = "gregorian",
+  onCalendarChange,
+  showCalendarToggle = true,
+  calendarLabels,
+  showSecondaryCalendar = false
+}) {
+  const isValueControlled = controlledValue !== void 0;
+  const [internalValue, setInternalValue] = (0, import_react16.useState)(
+    () => dateToCalendarDate(defaultValue)
+  );
+  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,
+    {
+      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": "radio-indicator",
-            className: "ddga-radio__indicator",
-            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "ddga-radio__dot", "aria-hidden": "true" })
+            "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"
+            }
+          )
+        ]
       }
     ),
-    label && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("label", { htmlFor: itemId, className: "ddga-radio__label", children: label })
+    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/Switch/Switch.tsx
-var import_radix_ui4 = require("radix-ui");
-var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var switchVariants = (0, import_class_variance_authority6.cva)("ddga-switch", {
+// 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-switch--sm",
-      md: "ddga-switch--md"
+      sm: "ddga-slider--sm",
+      md: "ddga-slider--md"
     },
     error: {
-      true: "ddga-switch--error"
+      true: "ddga-slider--error"
     }
   },
   defaultVariants: {
     size: "md"
   }
 });
-function Switch({
+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,
-  size,
-  required,
+  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: "Switch",
+    name: "Slider",
     id: externalId,
     label,
     error,
     errorMessage,
     helperText,
     "aria-label": props["aria-label"],
-    "aria-labelledby": props["aria-labelledby"]
+    "aria-labelledby": props["aria-labelledby"] ?? (label ? labelId : void 0)
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { "data-slot": "switch-field", className: "ddga-field", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "ddga-switch-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        import_radix_ui4.Switch.Root,
-        {
-          ...props,
-          ...controlProps,
-          "data-slot": "switch",
-          required,
-          className: cn(switchVariants({ size, error: hasError }), className),
-          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_radix_ui4.Switch.Thumb, { "data-slot": "switch-thumb", className: "ddga-switch__thumb" })
-        }
-      ),
-      label && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { htmlFor: fieldId, className: "ddga-switch__label", children: [
-        label,
-        required && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": "true", className: "ddga-switch__required", children: "*" })
-      ] })
+  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 ") })
     ] }),
-    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
-    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+    /* @__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/Select/Select.tsx
-var import_react5 = require("react");
-var import_radix_ui5 = require("radix-ui");
-var import_class_variance_authority7 = require("class-variance-authority");
-
-// src/providers/DgaContext.ts
-var import_react4 = require("react");
-var DgaContext = (0, import_react4.createContext)(null);
-function useDga() {
-  const ctx = (0, import_react4.useContext)(DgaContext);
-  if (!ctx) {
-    throw new Error("useDga must be used within a <DgaProvider>");
-  }
-  return ctx;
-}
-
-// src/components/Select/Select.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var selectTriggerVariants = (0, import_class_variance_authority7.cva)("ddga-select-trigger", {
+// 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-select-trigger--sm",
-      md: "ddga-select-trigger--md"
+      sm: "ddga-number-input--sm",
+      md: "ddga-number-input--md",
+      lg: "ddga-number-input--lg"
     },
     error: {
-      true: "ddga-select-trigger--error"
+      true: "ddga-number-input--error"
     }
   },
   defaultVariants: {
     size: "md"
   }
 });
-function Select({
+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,
-  size,
   required,
-  placeholder,
+  disabled,
   className,
-  children,
-  ...rootProps
+  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: "Select",
+    name: "NumberInput",
     id: externalId,
     label,
     error,
     errorMessage,
     helperText,
-    "aria-label": rootProps["aria-label"],
-    "aria-labelledby": rootProps["aria-labelledby"]
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
   });
-  const ctx = (0, import_react5.useContext)(DgaContext);
-  const portalContainer = ctx?.rootEl ?? void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { "data-slot": "select-field", className: "ddga-field", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { htmlFor: fieldId, className: "ddga-select__label", children: [
+  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_runtime9.jsx)("span", { "aria-hidden": "true", className: "ddga-select__required", children: "*" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_radix_ui5.Select.Root, { required, ...rootProps, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-        import_radix_ui5.Select.Trigger,
-        {
-          ...controlProps,
-          "data-slot": "select-trigger",
-          className: cn(selectTriggerVariants({ size, error: hasError }), className),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_radix_ui5.Select.Value, { placeholder }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_radix_ui5.Select.Icon, { asChild: true, className: "ddga-select__icon", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChevronDown, { "aria-hidden": "true" }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_radix_ui5.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        import_radix_ui5.Select.Content,
-        {
-          "data-slot": "select-content",
-          className: "ddga-select-content",
-          position: "popper",
-          sideOffset: 4,
-          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_radix_ui5.Select.Viewport, { className: "ddga-select-viewport", children })
-        }
-      ) })
+      required && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { "aria-hidden": "true", className: "ddga-number-input__required", children: "*" })
     ] }),
-    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
-    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+    /* @__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 })
   ] });
 }
-function SelectItem({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    import_radix_ui5.Select.Item,
-    {
-      ...props,
-      "data-slot": "select-item",
-      className: cn("ddga-select-item", className),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_radix_ui5.Select.ItemText, { children }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_radix_ui5.Select.ItemIndicator, { className: "ddga-select-item__indicator", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Check, { className: "ddga-select-item__check", "aria-hidden": "true" }) })
-      ]
-    }
-  );
-}
 
-// src/components/Tooltip/Tooltip.tsx
-var import_react6 = require("react");
-var import_radix_ui6 = require("radix-ui");
-var import_class_variance_authority8 = require("class-variance-authority");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var tooltipContentVariants = (0, import_class_variance_authority8.cva)("ddga-tooltip", {
+// 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-tooltip--sm",
-      md: "ddga-tooltip--md"
+      sm: "ddga-rating--sm",
+      md: "ddga-rating--md",
+      lg: "ddga-rating--lg"
     }
   },
   defaultVariants: {
     size: "md"
   }
 });
-function Tooltip(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_radix_ui6.Tooltip.Root, { ...props });
+function clamp2(value, min, max) {
+  return Math.min(max, Math.max(min, value));
 }
-function TooltipTrigger({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_radix_ui6.Tooltip.Trigger, { "data-slot": "tooltip-trigger", className, ...props });
+function defaultValueText(value, max) {
+  return `${value} out of ${max} stars`;
 }
-function TooltipContent({
+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,
-  arrow = true,
-  sideOffset = 6,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  formatValueText = defaultValueText,
   className,
-  children,
   ...props
 }) {
-  const ctx = (0, import_react6.useContext)(DgaContext);
-  const portalContainer = ctx?.rootEl ?? void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_radix_ui6.Tooltip.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-    import_radix_ui6.Tooltip.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: cn(tooltipContentVariants({ size }), className),
-      ...props,
-      children: [
-        children,
-        arrow ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_radix_ui6.Tooltip.Arrow, { className: "ddga-tooltip__arrow" }) : null
-      ]
-    }
-  ) });
-}
-
-// src/components/Alert/Alert.tsx
-var import_react7 = require("react");
-var import_radix_ui7 = require("radix-ui");
-var import_class_variance_authority9 = require("class-variance-authority");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var alertVariants = (0, import_class_variance_authority9.cva)("ddga-alert", {
-  variants: {
-    variant: {
-      info: "ddga-alert--info",
-      success: "ddga-alert--success",
-      warning: "ddga-alert--warning",
-      destructive: "ddga-alert--destructive"
-    }
-  },
-  defaultVariants: {
-    variant: "info"
+  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);
   }
-});
-var DEFAULT_ICONS = {
-  info: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Info, { "aria-hidden": "true" }),
-  success: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Check, { "aria-hidden": "true" }),
-  warning: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AlertTriangle, { "aria-hidden": "true" }),
-  destructive: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AlertCircle, { "aria-hidden": "true" })
-};
-function Alert({
-  variant,
-  asChild,
-  icon,
-  dismissible,
-  open: controlledOpen,
-  onDismiss,
-  live,
-  closeLabel = "Dismiss",
-  className,
-  children,
-  ...props
-}) {
-  const [internalOpen, setInternalOpen] = (0, import_react7.useState)(true);
-  const isControlled = controlledOpen !== void 0;
-  const open = isControlled ? controlledOpen : internalOpen;
-  if (!open) return null;
-  const Comp = asChild ? import_radix_ui7.Slot.Slot : "div";
-  const resolvedIcon = icon === false ? null : icon !== void 0 ? icon : DEFAULT_ICONS[variant ?? "info"];
-  const liveProps = live === "assertive" ? { role: "alert", "aria-live": "assertive" } : live === "polite" ? { role: "status", "aria-live": "polite" } : {};
-  function handleDismiss() {
-    if (!isControlled) setInternalOpen(false);
-    onDismiss?.();
+  function readDir() {
+    const el = rootRef.current;
+    if (!el || typeof getComputedStyle !== "function") return "ltr";
+    return getComputedStyle(el).direction === "rtl" ? "rtl" : "ltr";
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    Comp,
-    {
-      "data-slot": "alert",
-      "data-variant": variant ?? "info",
-      className: cn(alertVariants({ variant }), className),
-      ...liveProps,
-      ...props,
-      children: [
-        resolvedIcon ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "ddga-alert__icon", children: resolvedIcon }) : null,
-        asChild ? (
-          // Slot mode: the consumer's element receives the children body.
-          // Title/description are nested by the consumer.
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_radix_ui7.Slot.Slottable, { children })
-        ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "ddga-alert__body", children }),
-        dismissible ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-          "button",
-          {
-            type: "button",
-            className: "ddga-alert__close",
-            "aria-label": closeLabel,
-            onClick: handleDismiss,
-            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Close, { "aria-hidden": "true" })
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function AlertTitle({ asChild, className, ...props }) {
-  const Comp = asChild ? import_radix_ui7.Slot.Slot : "h5";
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Comp, { "data-slot": "alert-title", className: cn("ddga-alert__title", className), ...props });
-}
-function AlertDescription({ asChild, className, ...props }) {
-  const Comp = asChild ? import_radix_ui7.Slot.Slot : "p";
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    Comp,
-    {
-      "data-slot": "alert-description",
-      className: cn("ddga-alert__description", className),
-      ...props
+  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/Modal/Modal.tsx
-var import_react8 = require("react");
-var import_radix_ui8 = require("radix-ui");
-var import_class_variance_authority10 = require("class-variance-authority");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var modalContentVariants = (0, import_class_variance_authority10.cva)("ddga-modal", {
+// 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-modal--sm",
-      md: "ddga-modal--md",
-      lg: "ddga-modal--lg",
-      xl: "ddga-modal--xl",
-      full: "ddga-modal--full"
+      sm: "ddga-toggle-group--sm",
+      md: "ddga-toggle-group--md",
+      lg: "ddga-toggle-group--lg"
     }
   },
   defaultVariants: {
+    variant: "default",
     size: "md"
   }
 });
-function Modal(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui8.Dialog.Root, { ...props });
-}
-function ModalTrigger({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui8.Dialog.Trigger, { "data-slot": "modal-trigger", className, ...props });
-}
-function ModalContent({
-  size,
-  showCloseButton = true,
-  closeLabel = "Close",
-  className,
-  children,
-  ...props
-}) {
-  const ctx = (0, import_react8.useContext)(DgaContext);
-  const portalContainer = ctx?.rootEl ?? void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_radix_ui8.Dialog.Portal, { container: portalContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui8.Dialog.Overlay, { className: "ddga-modal__overlay", "data-slot": "modal-overlay" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-      import_radix_ui8.Dialog.Content,
-      {
-        "data-slot": "modal-content",
-        className: cn(modalContentVariants({ size }), className),
-        ...props,
-        children: [
-          children,
-          showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            import_radix_ui8.Dialog.Close,
-            {
-              className: "ddga-modal__close",
-              "aria-label": closeLabel,
-              "data-slot": "modal-close-x",
-              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Close, { "aria-hidden": "true" })
-            }
-          ) : null
-        ]
-      }
-    )
-  ] });
-}
-function ModalHeader({ asChild, className, ...props }) {
-  const Comp = asChild ? import_radix_ui8.Slot.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Comp, { "data-slot": "modal-header", className: cn("ddga-modal__header", className), ...props });
-}
-function ModalTitle({ asChild, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_radix_ui8.Dialog.Title,
+function Toggle({ variant, size, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    import_radix_ui22.Toggle.Root,
     {
-      asChild,
-      "data-slot": "modal-title",
-      className: cn("ddga-modal__title", className),
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size }), className),
       ...props
     }
   );
 }
-function ModalDescription({ asChild, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_radix_ui8.Dialog.Description,
+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,
     {
-      asChild,
-      "data-slot": "modal-description",
-      className: cn("ddga-modal__description", className),
+      "data-slot": "toggle-group",
+      className: cn(toggleGroupVariants({ variant, size }), className),
       ...props
     }
   );
 }
-function ModalFooter({ asChild, className, ...props }) {
-  const Comp = asChild ? import_radix_ui8.Slot.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Comp, { "data-slot": "modal-footer", className: cn("ddga-modal__footer", className), ...props });
-}
-function ModalClose({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui8.Dialog.Close, { "data-slot": "modal-close", className, ...props });
-}
-
-// src/components/Toast/Toast.tsx
-var import_react10 = require("react");
-var import_radix_ui9 = require("radix-ui");
-var import_class_variance_authority11 = require("class-variance-authority");
-
-// src/components/Toast/toast-store.ts
-var import_react9 = require("react");
-var EXIT_ANIM_MS = 200;
-function createToastStore() {
-  let toasts = [];
-  const listeners = /* @__PURE__ */ new Set();
-  let counter = 0;
-  function emit() {
-    for (const l of listeners) l();
-  }
-  function subscribe(listener) {
-    listeners.add(listener);
-    return () => {
-      listeners.delete(listener);
-    };
-  }
-  function getSnapshot() {
-    return toasts;
-  }
-  function nextId() {
-    counter += 1;
-    return `t${counter}`;
-  }
-  function add(variant, message, options = {}) {
-    const id = options.id ?? nextId();
-    const existing = toasts.findIndex((t) => t.id === id);
-    const data = {
-      id,
-      variant,
-      open: true,
-      title: message,
-      description: options.description,
-      duration: options.duration,
-      action: options.action,
-      onDismiss: options.onDismiss
-    };
-    if (existing >= 0) {
-      toasts = toasts.map((t, i) => i === existing ? data : t);
-    } else {
-      toasts = [...toasts, data];
-    }
-    emit();
-    return id;
-  }
-  function dismiss(id) {
-    if (id === void 0) {
-      const ids = toasts.map((t) => t.id);
-      toasts = toasts.map((t) => ({ ...t, open: false }));
-      emit();
-      setTimeout(() => {
-        ids.forEach((id2) => remove(id2));
-      }, EXIT_ANIM_MS);
-    } else {
-      toasts = toasts.map((t) => t.id === id ? { ...t, open: false } : t);
-      emit();
-      setTimeout(() => remove(id), EXIT_ANIM_MS);
+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
     }
-  }
-  function remove(id) {
-    const target = toasts.find((t) => t.id === id);
-    toasts = toasts.filter((t) => t.id !== id);
-    emit();
-    target?.onDismiss?.();
-  }
-  function __reset() {
-    toasts = [];
-    counter = 0;
-    emit();
-  }
-  return { subscribe, getSnapshot, add, dismiss, remove, __reset };
-}
-var toastStore = createToastStore();
-function createToast(store) {
-  const fn = ((message, options) => store.add("default", message, options));
-  fn.default = (message, options) => store.add("default", message, options);
-  fn.info = (message, options) => store.add("info", message, options);
-  fn.success = (message, options) => store.add("success", message, options);
-  fn.warning = (message, options) => store.add("warning", message, options);
-  fn.error = (message, options) => store.add("destructive", message, options);
-  fn.destructive = fn.error;
-  fn.dismiss = (id) => store.dismiss(id);
-  return fn;
+  );
 }
-var toast = createToast(toastStore);
 
-// src/components/Toast/Toast.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var toastVariants = (0, import_class_variance_authority11.cva)("ddga-toast", {
-  variants: {
-    variant: {
-      default: "ddga-toast--default",
-      info: "ddga-toast--info",
-      success: "ddga-toast--success",
-      warning: "ddga-toast--warning",
-      destructive: "ddga-toast--destructive"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-var toastViewportVariants = (0, import_class_variance_authority11.cva)("ddga-toast-viewport", {
+// 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: {
-    position: {
-      "top-start": "ddga-toast-viewport--top-start",
-      "top-center": "ddga-toast-viewport--top-center",
-      "top-end": "ddga-toast-viewport--top-end",
-      "bottom-start": "ddga-toast-viewport--bottom-start",
-      "bottom-center": "ddga-toast-viewport--bottom-center",
-      "bottom-end": "ddga-toast-viewport--bottom-end"
+    orientation: {
+      horizontal: "ddga-description-list--horizontal",
+      vertical: "ddga-description-list--vertical"
     },
-    containerized: {
-      true: "ddga-toast-viewport--containerized"
+    divided: {
+      true: "ddga-description-list--divided"
     }
   },
   defaultVariants: {
-    position: "bottom-end"
+    orientation: "horizontal"
   }
 });
-var DEFAULT_ICONS2 = {
-  default: null,
-  info: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Info, { "aria-hidden": "true" }),
-  success: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Check, { "aria-hidden": "true" }),
-  warning: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AlertTriangle, { "aria-hidden": "true" }),
-  destructive: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AlertCircle, { "aria-hidden": "true" })
-};
-function Toaster({
-  position = "bottom-end",
-  containerized = false,
-  duration = 4e3,
-  closeButton = true,
-  closeLabel = "Dismiss",
-  hideIcon = false,
-  className,
-  swipeDirection,
-  store = toastStore
-}) {
-  const toasts = (0, import_react10.useSyncExternalStore)(store.subscribe, store.getSnapshot, store.getSnapshot);
-  const resolvedSwipe = swipeDirection ?? (position.startsWith("top") ? "up" : "down");
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_radix_ui9.Toast.Provider, { duration, swipeDirection: resolvedSwipe, children: [
-    toasts.map((t) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      ToastItem,
-      {
-        toast: t,
-        store,
-        closeButton,
-        closeLabel,
-        hideIcon
-      },
-      t.id
-    )),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      import_radix_ui9.Toast.Viewport,
-      {
-        "data-slot": "toast-viewport",
-        "data-position": position,
-        className: cn(toastViewportVariants({ position, containerized }), className)
-      }
-    )
-  ] });
+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 ToastItem({ toast: t, store, closeButton, closeLabel, hideIcon }) {
-  const radixType = t.variant === "destructive" ? "foreground" : "background";
-  const icon = hideIcon ? null : DEFAULT_ICONS2[t.variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-    import_radix_ui9.Toast.Root,
+function DescriptionItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    "div",
     {
-      "data-slot": "toast",
-      "data-variant": t.variant,
-      className: toastVariants({ variant: t.variant }),
-      open: t.open,
-      type: radixType,
-      duration: t.duration,
-      onOpenChange: (open) => {
-        if (!open) {
-          store.dismiss(t.id);
-        }
-      },
-      children: [
-        icon ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "ddga-toast__icon", children: icon }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "ddga-toast__body", children: [
-          t.title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui9.Toast.Title, { className: "ddga-toast__title", children: t.title }) : null,
-          t.description ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui9.Toast.Description, { className: "ddga-toast__description", children: t.description }) : null,
-          t.action ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            import_radix_ui9.Toast.Action,
-            {
-              className: "ddga-toast__action",
-              altText: t.action.altText ?? (typeof t.action.label === "string" ? t.action.label : "Action"),
-              onClick: () => {
-                t.action?.onClick();
-                store.dismiss(t.id);
-              },
-              children: t.action.label
-            }
-          ) : null
-        ] }),
-        closeButton ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui9.Toast.Close, { className: "ddga-toast__close", "aria-label": closeLabel, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Close, { "aria-hidden": "true" }) }) : null
-      ]
+      "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/providers/DgaProvider.tsx
-var import_react11 = require("react");
-var import_radix_ui10 = require("radix-ui");
+var import_react21 = require("react");
+var import_radix_ui23 = require("radix-ui");
 var import_tokens = require("@dev-dga/tokens");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function DgaProvider({
   dir = "ltr",
   locale,
@@ -1323,17 +4185,46 @@ function DgaProvider({
   style: consumerStyle,
   children
 }) {
-  const parentCtx = (0, import_react11.useContext)(DgaContext);
+  const parentCtx = (0, import_react21.useContext)(DgaContext);
   const isNested = parentCtx !== null;
-  const [rootEl, setRootEl] = (0, import_react11.useState)(null);
+  const [rootEl, setRootEl] = (0, import_react21.useState)(null);
+  const portalRef = (0, import_react21.useRef)(null);
+  const [portalEl, setPortalEl] = (0, import_react21.useState)(null);
   const resolvedLocale = locale ?? (dir === "rtl" ? "ar" : "en");
-  const ctxValue = (0, import_react11.useMemo)(
-    () => ({ dir, locale: resolvedLocale, mode, rootEl }),
-    [dir, resolvedLocale, mode, rootEl]
+  const themeVars = (0, import_react21.useMemo)(() => theme ? (0, import_tokens.buildTheme)(theme) : null, [theme]);
+  (0, import_react21.useEffect)(() => {
+    if (typeof document === "undefined") return;
+    const el = document.createElement("div");
+    el.setAttribute("data-slot", "dga-portal");
+    el.style.position = "relative";
+    el.style.zIndex = "50";
+    document.body.appendChild(el);
+    portalRef.current = el;
+    setPortalEl(el);
+    return () => {
+      el.remove();
+      portalRef.current = null;
+      setPortalEl(null);
+    };
+  }, []);
+  (0, import_react21.useEffect)(() => {
+    const el = portalRef.current;
+    if (!el) return;
+    el.setAttribute("data-theme", mode);
+    el.setAttribute("dir", dir);
+    el.style.colorScheme = mode;
+    if (themeVars) {
+      for (const [k, v] of Object.entries(themeVars)) {
+        el.style.setProperty(k, String(v));
+      }
+    }
+  }, [mode, dir, themeVars, portalEl]);
+  const ctxValue = (0, import_react21.useMemo)(
+    () => ({ dir, locale: resolvedLocale, mode, rootEl, portalEl }),
+    [dir, resolvedLocale, mode, rootEl, portalEl]
   );
-  const themeVars = (0, import_react11.useMemo)(() => theme ? (0, import_tokens.buildTheme)(theme) : null, [theme]);
-  const inner = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_radix_ui10.Direction.Provider, { dir, children });
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DgaContext.Provider, { value: ctxValue, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  const inner = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui23.Direction.Provider, { dir, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DgaContext.Provider, { value: ctxValue, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     Component,
     {
       ref: setRootEl,
@@ -1343,7 +4234,7 @@ function DgaProvider({
       "data-theme": mode,
       className,
       style: { colorScheme: mode, ...themeVars ?? {}, ...consumerStyle },
-      children: isNested ? inner : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_radix_ui10.Tooltip.Provider, { delayDuration: 300, skipDelayDuration: 100, children: inner })
+      children: isNested ? inner : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_radix_ui23.Tooltip.Provider, { delayDuration: 300, skipDelayDuration: 100, children: inner })
     }
   ) });
 }
@@ -1354,13 +4245,70 @@ function useDir() {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
   Alert,
   AlertDescription,
   AlertTitle,
+  Avatar,
+  AvatarFallback,
+  AvatarGroup,
+  AvatarImage,
+  Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
   Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardImage,
+  CardTitle,
   Checkbox,
+  CircularProgress,
+  Combobox,
+  ComboboxGroup,
+  ComboboxItem,
+  ComboboxSeparator,
+  DatePicker,
+  DescriptionDetails,
+  DescriptionItem,
+  DescriptionList,
+  DescriptionTerm,
   DgaProvider,
+  Divider,
+  Drawer,
+  DrawerBody,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
   FieldMessage,
+  FileUpload,
   Input,
   Modal,
   ModalClose,
@@ -1370,33 +4318,85 @@ function useDir() {
   ModalHeader,
   ModalTitle,
   ModalTrigger,
+  NumberInput,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  Progress,
   Radio,
   RadioGroup,
+  Rating,
   Select,
   SelectItem,
+  Skeleton,
+  Slider,
+  Spinner,
+  Step,
+  StepDescription,
+  StepIndicator,
+  StepTitle,
+  Steps,
   Switch,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
   Textarea,
   Toaster,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
   Tooltip,
   TooltipContent,
   TooltipTrigger,
+  accordionVariants,
   alertVariants,
+  avatarVariants,
+  badgeVariants,
+  breadcrumbVariants,
   buttonVariants,
+  cardVariants,
   checkboxVariants,
+  circularProgressVariants,
   cn,
+  comboboxTriggerVariants,
+  comboboxVariants,
   createToast,
   createToastStore,
+  datePickerVariants,
+  descriptionListVariants,
+  dividerVariants,
+  drawerVariants,
+  dropdownMenuVariants,
   inputVariants,
   modalContentVariants,
+  numberInputVariants,
+  paginationLinkVariants,
+  paginationVariants,
+  progressVariants,
   radioGroupVariants,
   radioVariants,
+  ratingVariants,
   selectTriggerVariants,
+  skeletonVariants,
+  sliderVariants,
+  spinnerVariants,
+  stepVariants,
+  stepsVariants,
   switchVariants,
+  tabsListVariants,
+  tabsVariants,
   textareaVariants,
   toast,
   toastStore,
   toastVariants,
   toastViewportVariants,
+  toggleGroupVariants,
+  toggleVariants,
   tooltipContentVariants,
   useDga,
   useDir,