@dev-dga/react 0.4.0 → 0.5.0

package/dist/index.js

@@ -1,7 +1,7 @@
 // src/components/Button/Button.tsx
 import "react";
 import { Slot as SlotPrimitive } from "radix-ui";
-import { cva } from "class-variance-authority";
+import { cva as cva2 } from "class-variance-authority";
 
 // src/utils/cn.ts
 import { clsx } from "clsx";
@@ -9,151 +9,20 @@ function cn(...inputs) {
   return clsx(inputs);
 }
 
-// src/internal/icons/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Spinner(props) {
-  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
-    }
-  );
-}
-function Check(props) {
-  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
-    }
-  );
-}
-function Minus(props) {
-  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M5 12h14" })
-    }
-  );
-}
-function Info(props) {
-  return /* @__PURE__ */ 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__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),
-        /* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
-      ]
-    }
-  );
-}
-function AlertTriangle(props) {
-  return /* @__PURE__ */ 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__ */ 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__ */ jsx("path", { d: "M12 9v4" }),
-        /* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
-      ]
-    }
-  );
-}
-function AlertCircle(props) {
-  return /* @__PURE__ */ 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__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
-        /* @__PURE__ */ jsx("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
-      ]
-    }
-  );
-}
-function Close(props) {
-  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M18 6 6 18" }),
-        /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
-      ]
+// src/components/Spinner/Spinner.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var spinnerVariants = 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__ */ jsx(
     "svg",
     {
@@ -166,22 +35,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__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+      children: /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
     }
   );
 }
 
 // src/components/Button/Button.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var buttonVariants = cva("ddga-button", {
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var buttonVariants = cva2("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",
@@ -192,6 +70,16 @@ var buttonVariants = 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: [],
@@ -204,6 +92,7 @@ function Button({
   variant,
   size,
   fullWidth,
+  inverted,
   loading,
   disabled,
   startIcon,
@@ -224,7 +113,7 @@ function Button({
   }
   const isDisabled = disabled || loading;
   const Comp = asChild ? SlotPrimitive.Slot : "button";
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs(
     Comp,
     {
       ...asChild ? {} : { type, disabled: isDisabled },
@@ -233,7 +122,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
       ),
@@ -254,7 +143,7 @@ function Button({
 }
 
 // src/components/Input/Input.tsx
-import { cva as cva2 } from "class-variance-authority";
+import { cva as cva3 } from "class-variance-authority";
 
 // src/field/use-field-a11y.ts
 import { useId } from "react";
@@ -307,8 +196,8 @@ function FieldMessage({ id, variant, children }) {
 }
 
 // src/components/Input/Input.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var inputVariants = cva2("ddga-input", {
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var inputVariants = cva3("ddga-input", {
   variants: {
     size: {
       sm: "ddga-input--sm",
@@ -346,12 +235,12 @@ function Input({
     "aria-label": props["aria-label"],
     "aria-labelledby": props["aria-labelledby"]
   });
-  return /* @__PURE__ */ jsxs3("div", { "data-slot": "input-field", className: "ddga-field", children: [
-    label && /* @__PURE__ */ jsxs3("label", { htmlFor: fieldId, className: "ddga-input__label", children: [
+  return /* @__PURE__ */ jsxs2("div", { "data-slot": "input-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ jsxs2("label", { htmlFor: fieldId, className: "ddga-input__label", children: [
       label,
       required && /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", className: "ddga-input__required", children: "*" })
     ] }),
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs2(
       "div",
       {
         "data-slot": "input-control",
@@ -392,9 +281,9 @@ function Input({
 }
 
 // src/components/Textarea/Textarea.tsx
-import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var textareaVariants = cva3("ddga-textarea", {
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var textareaVariants = cva4("ddga-textarea", {
   variants: {
     size: {
       sm: "ddga-textarea--sm",
@@ -439,8 +328,8 @@ function Textarea({
     "aria-label": props["aria-label"],
     "aria-labelledby": props["aria-labelledby"]
   });
-  return /* @__PURE__ */ jsxs4("div", { "data-slot": "textarea-field", className: "ddga-field", children: [
-    label && /* @__PURE__ */ jsxs4("label", { htmlFor: fieldId, className: "ddga-textarea__label", children: [
+  return /* @__PURE__ */ jsxs3("div", { "data-slot": "textarea-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ jsxs3("label", { htmlFor: fieldId, className: "ddga-textarea__label", children: [
       label,
       required && /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", className: "ddga-textarea__required", children: "*" })
     ] }),
@@ -462,104 +351,287 @@ function Textarea({
 
 // src/components/Checkbox/Checkbox.tsx
 import { Checkbox as CheckboxPrimitive } from "radix-ui";
-import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var checkboxVariants = cva4("ddga-checkbox", {
-  variants: {
-    size: {
-      sm: "ddga-checkbox--sm",
-      md: "ddga-checkbox--md"
-    },
-    error: {
-      true: "ddga-checkbox--error"
+import { cva as cva5 } from "class-variance-authority";
+
+// src/internal/icons/index.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function Check(props) {
+  return /* @__PURE__ */ jsx6(
+    "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__ */ jsx6("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__ */ jsxs5("div", { "data-slot": "checkbox-field", className: "ddga-field", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "ddga-checkbox-row", children: [
-      /* @__PURE__ */ jsx6(
-        CheckboxPrimitive.Root,
-        {
-          ...props,
-          ...controlProps,
-          "data-slot": "checkbox",
-          required,
-          className: cn(checkboxVariants({ size, error: hasError }), className),
-          children: /* @__PURE__ */ jsxs5(
-            CheckboxPrimitive.Indicator,
-            {
-              "data-slot": "checkbox-indicator",
-              className: "ddga-checkbox__indicator",
-              children: [
-                /* @__PURE__ */ jsx6(Check, { className: "ddga-checkbox__check", "aria-hidden": "true" }),
-                /* @__PURE__ */ jsx6(Minus, { className: "ddga-checkbox__minus", "aria-hidden": "true" })
-              ]
-            }
-          )
-        }
-      ),
-      label && /* @__PURE__ */ jsxs5("label", { htmlFor: fieldId, className: "ddga-checkbox__label", children: [
-        label,
-        required && /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", className: "ddga-checkbox__required", children: "*" })
-      ] })
-    ] }),
-    hasErrorMessage && /* @__PURE__ */ jsx6(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
-    hasHelper && /* @__PURE__ */ jsx6(FieldMessage, { id: helperId, variant: "helper", children: helperText })
-  ] });
+  );
 }
-
-// src/components/Radio/Radio.tsx
-import { useId as useId2 } from "react";
-import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
-import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-var radioGroupVariants = cva5("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__ */ jsx6(
+    "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__ */ jsx6("path", { d: "M5 12h14" })
     }
-  },
-  defaultVariants: {
-    size: "md",
-    orientation: "vertical"
-  }
-});
-var radioVariants = cva5("ddga-radio");
-function RadioGroup({
-  id: externalId,
-  label,
+  );
+}
+function Info(props) {
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx6("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx6("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ jsx6("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+function AlertTriangle(props) {
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx6("path", { d: "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__ */ jsx6("path", { d: "M12 9v4" }),
+        /* @__PURE__ */ jsx6("path", { d: "M12 17h.01" })
+      ]
+    }
+  );
+}
+function AlertCircle(props) {
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx6("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx6("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
+        /* @__PURE__ */ jsx6("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
+      ]
+    }
+  );
+}
+function Close(props) {
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx6("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ jsx6("path", { d: "m6 6 12 12" })
+      ]
+    }
+  );
+}
+function ChevronDown(props) {
+  return /* @__PURE__ */ jsx6(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ jsx6("path", { d: "m6 9 6 6 6-6" })
+    }
+  );
+}
+function ChevronRight(props) {
+  return /* @__PURE__ */ jsx6(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ jsx6("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+function MoreHorizontal(props) {
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      stroke: "none",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx6("circle", { cx: "5", cy: "12", r: "1.5" }),
+        /* @__PURE__ */ jsx6("circle", { cx: "12", cy: "12", r: "1.5" }),
+        /* @__PURE__ */ jsx6("circle", { cx: "19", cy: "12", r: "1.5" })
+      ]
+    }
+  );
+}
+
+// src/components/Checkbox/Checkbox.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var checkboxVariants = cva5("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__ */ jsxs5("div", { "data-slot": "checkbox-field", className: "ddga-field", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "ddga-checkbox-row", children: [
+      /* @__PURE__ */ jsx7(
+        CheckboxPrimitive.Root,
+        {
+          ...props,
+          ...controlProps,
+          "data-slot": "checkbox",
+          required,
+          className: cn(checkboxVariants({ size, error: hasError }), className),
+          children: /* @__PURE__ */ jsxs5(
+            CheckboxPrimitive.Indicator,
+            {
+              "data-slot": "checkbox-indicator",
+              className: "ddga-checkbox__indicator",
+              children: [
+                /* @__PURE__ */ jsx7(Check, { className: "ddga-checkbox__check", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx7(Minus, { className: "ddga-checkbox__minus", "aria-hidden": "true" })
+              ]
+            }
+          )
+        }
+      ),
+      label && /* @__PURE__ */ jsxs5("label", { htmlFor: fieldId, className: "ddga-checkbox__label", children: [
+        label,
+        required && /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", className: "ddga-checkbox__required", children: "*" })
+      ] })
+    ] }),
+    hasErrorMessage && /* @__PURE__ */ jsx7(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx7(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+// src/components/Radio/Radio.tsx
+import { useId as useId2 } from "react";
+import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
+import { cva as cva6 } from "class-variance-authority";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var radioGroupVariants = cva6("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 = cva6("ddga-radio");
+function RadioGroup({
+  id: externalId,
+  label,
   helperText,
   errorMessage,
   error,
@@ -584,9 +656,9 @@ function RadioGroup({
   return /* @__PURE__ */ jsxs6("div", { "data-slot": "radio-group-field", className: "ddga-field", children: [
     label && /* @__PURE__ */ jsxs6("span", { id: labelId, className: "ddga-radio-group__label", children: [
       label,
-      required && /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", className: "ddga-radio-group__required", children: "*" })
+      required && /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", className: "ddga-radio-group__required", children: "*" })
     ] }),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       RadioGroupPrimitive.Root,
       {
         ...props,
@@ -600,40 +672,40 @@ function RadioGroup({
         children
       }
     ),
-    hasErrorMessage && /* @__PURE__ */ jsx7(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
-    hasHelper && /* @__PURE__ */ jsx7(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+    hasErrorMessage && /* @__PURE__ */ jsx8(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx8(FieldMessage, { id: helperId, variant: "helper", children: helperText })
   ] });
 }
 function Radio({ id: externalId, label, className, ...props }) {
   const generatedId = useId2();
   const itemId = externalId ?? generatedId;
   return /* @__PURE__ */ jsxs6("div", { className: "ddga-radio-row", children: [
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       RadioGroupPrimitive.Item,
       {
         ...props,
         id: itemId,
         "data-slot": "radio",
         className: cn(radioVariants(), className),
-        children: /* @__PURE__ */ jsx7(
+        children: /* @__PURE__ */ jsx8(
           RadioGroupPrimitive.Indicator,
           {
             "data-slot": "radio-indicator",
             className: "ddga-radio__indicator",
-            children: /* @__PURE__ */ jsx7("span", { className: "ddga-radio__dot", "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx8("span", { className: "ddga-radio__dot", "aria-hidden": "true" })
           }
         )
       }
     ),
-    label && /* @__PURE__ */ jsx7("label", { htmlFor: itemId, className: "ddga-radio__label", children: label })
+    label && /* @__PURE__ */ jsx8("label", { htmlFor: itemId, className: "ddga-radio__label", children: label })
   ] });
 }
 
 // src/components/Switch/Switch.tsx
 import { Switch as SwitchPrimitive } from "radix-ui";
-import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-var switchVariants = cva6("ddga-switch", {
+import { cva as cva7 } from "class-variance-authority";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var switchVariants = cva7("ddga-switch", {
   variants: {
     size: {
       sm: "ddga-switch--sm",
@@ -670,7 +742,7 @@ function Switch({
   });
   return /* @__PURE__ */ jsxs7("div", { "data-slot": "switch-field", className: "ddga-field", children: [
     /* @__PURE__ */ jsxs7("div", { className: "ddga-switch-row", children: [
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         SwitchPrimitive.Root,
         {
           ...props,
@@ -678,23 +750,23 @@ function Switch({
           "data-slot": "switch",
           required,
           className: cn(switchVariants({ size, error: hasError }), className),
-          children: /* @__PURE__ */ jsx8(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: "ddga-switch__thumb" })
+          children: /* @__PURE__ */ jsx9(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: "ddga-switch__thumb" })
         }
       ),
       label && /* @__PURE__ */ jsxs7("label", { htmlFor: fieldId, className: "ddga-switch__label", children: [
         label,
-        required && /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", className: "ddga-switch__required", children: "*" })
+        required && /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", className: "ddga-switch__required", children: "*" })
       ] })
     ] }),
-    hasErrorMessage && /* @__PURE__ */ jsx8(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
-    hasHelper && /* @__PURE__ */ jsx8(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+    hasErrorMessage && /* @__PURE__ */ jsx9(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx9(FieldMessage, { id: helperId, variant: "helper", children: helperText })
   ] });
 }
 
 // src/components/Select/Select.tsx
 import { useContext as useContext2 } from "react";
 import { Select as SelectPrimitive } from "radix-ui";
-import { cva as cva7 } from "class-variance-authority";
+import { cva as cva8 } from "class-variance-authority";
 
 // src/providers/DgaContext.ts
 import { createContext, useContext } from "react";
@@ -708,8 +780,8 @@ function useDga() {
 }
 
 // src/components/Select/Select.tsx
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-var selectTriggerVariants = cva7("ddga-select-trigger", {
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var selectTriggerVariants = cva8("ddga-select-trigger", {
   variants: {
     size: {
       sm: "ddga-select-trigger--sm",
@@ -751,7 +823,7 @@ function Select({
   return /* @__PURE__ */ jsxs8("div", { "data-slot": "select-field", className: "ddga-field", children: [
     label && /* @__PURE__ */ jsxs8("label", { htmlFor: fieldId, className: "ddga-select__label", children: [
       label,
-      required && /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", className: "ddga-select__required", children: "*" })
+      required && /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", className: "ddga-select__required", children: "*" })
     ] }),
     /* @__PURE__ */ jsxs8(SelectPrimitive.Root, { required, ...rootProps, children: [
       /* @__PURE__ */ jsxs8(
@@ -761,24 +833,24 @@ function Select({
           "data-slot": "select-trigger",
           className: cn(selectTriggerVariants({ size, error: hasError }), className),
           children: [
-            /* @__PURE__ */ jsx9(SelectPrimitive.Value, { placeholder }),
-            /* @__PURE__ */ jsx9(SelectPrimitive.Icon, { asChild: true, className: "ddga-select__icon", children: /* @__PURE__ */ jsx9(ChevronDown, { "aria-hidden": "true" }) })
+            /* @__PURE__ */ jsx10(SelectPrimitive.Value, { placeholder }),
+            /* @__PURE__ */ jsx10(SelectPrimitive.Icon, { asChild: true, className: "ddga-select__icon", children: /* @__PURE__ */ jsx10(ChevronDown, { "aria-hidden": "true" }) })
           ]
         }
       ),
-      /* @__PURE__ */ jsx9(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx10(
         SelectPrimitive.Content,
         {
           "data-slot": "select-content",
           className: "ddga-select-content",
           position: "popper",
           sideOffset: 4,
-          children: /* @__PURE__ */ jsx9(SelectPrimitive.Viewport, { className: "ddga-select-viewport", children })
+          children: /* @__PURE__ */ jsx10(SelectPrimitive.Viewport, { className: "ddga-select-viewport", children })
         }
       ) })
     ] }),
-    hasErrorMessage && /* @__PURE__ */ jsx9(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
-    hasHelper && /* @__PURE__ */ jsx9(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+    hasErrorMessage && /* @__PURE__ */ jsx10(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx10(FieldMessage, { id: helperId, variant: "helper", children: helperText })
   ] });
 }
 function SelectItem({ className, children, ...props }) {
@@ -789,66 +861,405 @@ function SelectItem({ className, children, ...props }) {
       "data-slot": "select-item",
       className: cn("ddga-select-item", className),
       children: [
-        /* @__PURE__ */ jsx9(SelectPrimitive.ItemText, { children }),
-        /* @__PURE__ */ jsx9(SelectPrimitive.ItemIndicator, { className: "ddga-select-item__indicator", children: /* @__PURE__ */ jsx9(Check, { className: "ddga-select-item__check", "aria-hidden": "true" }) })
+        /* @__PURE__ */ jsx10(SelectPrimitive.ItemText, { children }),
+        /* @__PURE__ */ jsx10(SelectPrimitive.ItemIndicator, { className: "ddga-select-item__indicator", children: /* @__PURE__ */ jsx10(Check, { className: "ddga-select-item__check", "aria-hidden": "true" }) })
       ]
     }
   );
 }
 
-// src/components/Tooltip/Tooltip.tsx
-import { useContext as useContext3 } from "react";
-import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-var tooltipContentVariants = cva8("ddga-tooltip", {
+// src/components/Card/Card.tsx
+import { Slot as SlotPrimitive2 } from "radix-ui";
+import { cva as cva9 } from "class-variance-authority";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var cardVariants = cva9("ddga-card", {
   variants: {
-    size: {
-      sm: "ddga-tooltip--sm",
-      md: "ddga-tooltip--md"
+    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: {
-    size: "md"
+    variant: "default",
+    padding: "md",
+    orientation: "vertical"
   }
 });
-function Tooltip(props) {
-  return /* @__PURE__ */ jsx10(TooltipPrimitive.Root, { ...props });
-}
-function TooltipTrigger({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", className, ...props });
-}
-function TooltipContent({
-  size,
-  arrow = true,
-  sideOffset = 6,
+function Card({
+  variant,
+  padding,
+  orientation,
+  interactive,
+  asChild,
   className,
-  children,
   ...props
 }) {
-  const ctx = useContext3(DgaContext);
-  const portalContainer = ctx?.rootEl ?? void 0;
-  return /* @__PURE__ */ jsx10(TooltipPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs9(
-    TooltipPrimitive.Content,
+  const Comp = asChild ? SlotPrimitive2.Slot : "div";
+  return /* @__PURE__ */ jsx11(
+    Comp,
     {
-      "data-slot": "tooltip-content",
+      "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__ */ jsx11(
+    "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 ? SlotPrimitive2.Slot : "div";
+  return /* @__PURE__ */ jsx11(Comp, { "data-slot": "card-header", className: cn("ddga-card__header", className), ...props });
+}
+function CardTitle({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive2.Slot : "h3";
+  return /* @__PURE__ */ jsx11(Comp, { "data-slot": "card-title", className: cn("ddga-card__title", className), ...props });
+}
+function CardDescription({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive2.Slot : "p";
+  return /* @__PURE__ */ jsx11(
+    Comp,
+    {
+      "data-slot": "card-description",
+      className: cn("ddga-card__description", className),
+      ...props
+    }
+  );
+}
+function CardContent({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive2.Slot : "div";
+  return /* @__PURE__ */ jsx11(Comp, { "data-slot": "card-content", className: cn("ddga-card__content", className), ...props });
+}
+function CardFooter({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive2.Slot : "div";
+  return /* @__PURE__ */ jsx11(Comp, { "data-slot": "card-footer", className: cn("ddga-card__footer", className), ...props });
+}
+
+// src/components/Badge/Badge.tsx
+import { useState } from "react";
+import { Slot as SlotPrimitive3 } from "radix-ui";
+import { cva as cva10 } from "class-variance-authority";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+var badgeVariants = cva10("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] = 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 ? SlotPrimitive3.Slot : "span";
+  const showClose = dismissible && !asChild;
+  const handleDismiss = () => {
+    if (!isControlled) setUncontrolledOpen(false);
+    onDismiss?.();
+  };
+  return /* @__PURE__ */ jsxs9(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant, size }), className), ...props, children: [
+    dot ? /* @__PURE__ */ jsx12("span", { className: "ddga-badge__dot", "aria-hidden": "true" }) : null,
+    startIcon ? /* @__PURE__ */ jsx12("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__ */ jsx12(SlotPrimitive3.Slottable, { children })
+    ) : children,
+    endIcon ? /* @__PURE__ */ jsx12("span", { className: "ddga-badge__icon", "aria-hidden": "true", children: endIcon }) : null,
+    showClose ? /* @__PURE__ */ jsx12(
+      "button",
+      {
+        type: "button",
+        className: "ddga-badge__close",
+        "aria-label": closeLabel,
+        onClick: handleDismiss,
+        "data-slot": "badge-close",
+        children: /* @__PURE__ */ jsx12(Close, { "aria-hidden": "true" })
+      }
+    ) : null
+  ] });
+}
+
+// src/components/Divider/Divider.tsx
+import { cva as cva11 } from "class-variance-authority";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var dividerVariants = cva11("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__ */ jsx13(
+    "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__ */ jsx13("span", { className: "ddga-divider__label", children }) : null
+    }
+  );
+}
+
+// src/components/Avatar/Avatar.tsx
+import { Children, isValidElement, cloneElement } from "react";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+import { cva as cva12 } from "class-variance-authority";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+var avatarVariants = cva12("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 = cva12("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__ */ jsxs10(
+    AvatarPrimitive.Root,
+    {
+      "data-slot": "avatar",
+      "data-status": status,
+      className: cn(avatarVariants({ size, shape }), className),
+      ...props,
+      children: [
+        children,
+        status ? /* @__PURE__ */ jsx14(
+          "span",
+          {
+            className: cn("ddga-avatar__status", `ddga-avatar__status--${status}`),
+            role: "status",
+            "aria-label": statusLabel ?? status
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ jsx14(
+    AvatarPrimitive.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("ddga-avatar__image", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({ colorScheme, className, ...props }) {
+  return /* @__PURE__ */ jsx14(
+    AvatarPrimitive.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 = Children.toArray(children).filter(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) => cloneElement(child, {
+      key: child.key ?? i,
+      size: child.props.size ?? size,
+      shape: child.props.shape ?? shape
+    })
+  );
+  return /* @__PURE__ */ jsxs10("div", { "data-slot": "avatar-group", className: cn("ddga-avatar-group", className), ...props, children: [
+    cascaded,
+    overflow > 0 ? /* @__PURE__ */ jsx14(Avatar, { size, shape, "aria-label": `${overflow} more`, children: /* @__PURE__ */ jsxs10(AvatarFallback, { children: [
+      "+",
+      overflow
+    ] }) }) : null
+  ] });
+}
+
+// src/components/Tooltip/Tooltip.tsx
+import { useContext as useContext3 } from "react";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import { cva as cva13 } from "class-variance-authority";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+var tooltipContentVariants = cva13("ddga-tooltip", {
+  variants: {
+    size: {
+      sm: "ddga-tooltip--sm",
+      md: "ddga-tooltip--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Tooltip(props) {
+  return /* @__PURE__ */ jsx15(TooltipPrimitive.Root, { ...props });
+}
+function TooltipTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx15(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", className, ...props });
+}
+function TooltipContent({
+  size,
+  arrow = true,
+  sideOffset = 6,
+  className,
+  children,
+  ...props
+}) {
+  const ctx = useContext3(DgaContext);
+  const portalContainer = ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ jsx15(TooltipPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs11(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
       sideOffset,
       className: cn(tooltipContentVariants({ size }), className),
       ...props,
       children: [
         children,
-        arrow ? /* @__PURE__ */ jsx10(TooltipPrimitive.Arrow, { className: "ddga-tooltip__arrow" }) : null
+        arrow ? /* @__PURE__ */ jsx15(TooltipPrimitive.Arrow, { className: "ddga-tooltip__arrow" }) : null
       ]
     }
   ) });
 }
 
 // src/components/Alert/Alert.tsx
-import { useState } from "react";
-import { Slot as SlotPrimitive2 } from "radix-ui";
-import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-var alertVariants = cva9("ddga-alert", {
+import { useState as useState2 } from "react";
+import { Slot as SlotPrimitive4 } from "radix-ui";
+import { cva as cva14 } from "class-variance-authority";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+var alertVariants = cva14("ddga-alert", {
   variants: {
     variant: {
       info: "ddga-alert--info",
@@ -862,10 +1273,10 @@ var alertVariants = cva9("ddga-alert", {
   }
 });
 var DEFAULT_ICONS = {
-  info: /* @__PURE__ */ jsx11(Info, { "aria-hidden": "true" }),
-  success: /* @__PURE__ */ jsx11(Check, { "aria-hidden": "true" }),
-  warning: /* @__PURE__ */ jsx11(AlertTriangle, { "aria-hidden": "true" }),
-  destructive: /* @__PURE__ */ jsx11(AlertCircle, { "aria-hidden": "true" })
+  info: /* @__PURE__ */ jsx16(Info, { "aria-hidden": "true" }),
+  success: /* @__PURE__ */ jsx16(Check, { "aria-hidden": "true" }),
+  warning: /* @__PURE__ */ jsx16(AlertTriangle, { "aria-hidden": "true" }),
+  destructive: /* @__PURE__ */ jsx16(AlertCircle, { "aria-hidden": "true" })
 };
 function Alert({
   variant,
@@ -880,18 +1291,18 @@ function Alert({
   children,
   ...props
 }) {
-  const [internalOpen, setInternalOpen] = useState(true);
+  const [internalOpen, setInternalOpen] = useState2(true);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : internalOpen;
   if (!open) return null;
-  const Comp = asChild ? SlotPrimitive2.Slot : "div";
+  const Comp = asChild ? SlotPrimitive4.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__ */ jsxs10(
+  return /* @__PURE__ */ jsxs12(
     Comp,
     {
       "data-slot": "alert",
@@ -900,20 +1311,20 @@ function Alert({
       ...liveProps,
       ...props,
       children: [
-        resolvedIcon ? /* @__PURE__ */ jsx11("span", { className: "ddga-alert__icon", children: resolvedIcon }) : null,
+        resolvedIcon ? /* @__PURE__ */ jsx16("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__ */ jsx11(SlotPrimitive2.Slottable, { children })
-        ) : /* @__PURE__ */ jsx11("div", { className: "ddga-alert__body", children }),
-        dismissible ? /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx16(SlotPrimitive4.Slottable, { children })
+        ) : /* @__PURE__ */ jsx16("div", { className: "ddga-alert__body", children }),
+        dismissible ? /* @__PURE__ */ jsx16(
           "button",
           {
             type: "button",
             className: "ddga-alert__close",
             "aria-label": closeLabel,
             onClick: handleDismiss,
-            children: /* @__PURE__ */ jsx11(Close, { "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx16(Close, { "aria-hidden": "true" })
           }
         ) : null
       ]
@@ -921,12 +1332,12 @@ function Alert({
   );
 }
 function AlertTitle({ asChild, className, ...props }) {
-  const Comp = asChild ? SlotPrimitive2.Slot : "h5";
-  return /* @__PURE__ */ jsx11(Comp, { "data-slot": "alert-title", className: cn("ddga-alert__title", className), ...props });
+  const Comp = asChild ? SlotPrimitive4.Slot : "h5";
+  return /* @__PURE__ */ jsx16(Comp, { "data-slot": "alert-title", className: cn("ddga-alert__title", className), ...props });
 }
 function AlertDescription({ asChild, className, ...props }) {
-  const Comp = asChild ? SlotPrimitive2.Slot : "p";
-  return /* @__PURE__ */ jsx11(
+  const Comp = asChild ? SlotPrimitive4.Slot : "p";
+  return /* @__PURE__ */ jsx16(
     Comp,
     {
       "data-slot": "alert-description",
@@ -938,10 +1349,10 @@ function AlertDescription({ asChild, className, ...props }) {
 
 // src/components/Modal/Modal.tsx
 import { useContext as useContext4 } from "react";
-import { Dialog as DialogPrimitive, Slot as SlotPrimitive3 } from "radix-ui";
-import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-var modalContentVariants = cva10("ddga-modal", {
+import { Dialog as DialogPrimitive, Slot as SlotPrimitive5 } from "radix-ui";
+import { cva as cva15 } from "class-variance-authority";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+var modalContentVariants = cva15("ddga-modal", {
   variants: {
     size: {
       sm: "ddga-modal--sm",
@@ -956,10 +1367,10 @@ var modalContentVariants = cva10("ddga-modal", {
   }
 });
 function Modal(props) {
-  return /* @__PURE__ */ jsx12(DialogPrimitive.Root, { ...props });
+  return /* @__PURE__ */ jsx17(DialogPrimitive.Root, { ...props });
 }
 function ModalTrigger({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(DialogPrimitive.Trigger, { "data-slot": "modal-trigger", className, ...props });
+  return /* @__PURE__ */ jsx17(DialogPrimitive.Trigger, { "data-slot": "modal-trigger", className, ...props });
 }
 function ModalContent({
   size,
@@ -971,9 +1382,9 @@ function ModalContent({
 }) {
   const ctx = useContext4(DgaContext);
   const portalContainer = ctx?.rootEl ?? void 0;
-  return /* @__PURE__ */ jsxs11(DialogPrimitive.Portal, { container: portalContainer, children: [
-    /* @__PURE__ */ jsx12(DialogPrimitive.Overlay, { className: "ddga-modal__overlay", "data-slot": "modal-overlay" }),
-    /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs13(DialogPrimitive.Portal, { container: portalContainer, children: [
+    /* @__PURE__ */ jsx17(DialogPrimitive.Overlay, { className: "ddga-modal__overlay", "data-slot": "modal-overlay" }),
+    /* @__PURE__ */ jsxs13(
       DialogPrimitive.Content,
       {
         "data-slot": "modal-content",
@@ -981,13 +1392,13 @@ function ModalContent({
         ...props,
         children: [
           children,
-          showCloseButton ? /* @__PURE__ */ jsx12(
+          showCloseButton ? /* @__PURE__ */ jsx17(
             DialogPrimitive.Close,
             {
               className: "ddga-modal__close",
               "aria-label": closeLabel,
               "data-slot": "modal-close-x",
-              children: /* @__PURE__ */ jsx12(Close, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx17(Close, { "aria-hidden": "true" })
             }
           ) : null
         ]
@@ -996,11 +1407,11 @@ function ModalContent({
   ] });
 }
 function ModalHeader({ asChild, className, ...props }) {
-  const Comp = asChild ? SlotPrimitive3.Slot : "div";
-  return /* @__PURE__ */ jsx12(Comp, { "data-slot": "modal-header", className: cn("ddga-modal__header", className), ...props });
+  const Comp = asChild ? SlotPrimitive5.Slot : "div";
+  return /* @__PURE__ */ jsx17(Comp, { "data-slot": "modal-header", className: cn("ddga-modal__header", className), ...props });
 }
 function ModalTitle({ asChild, className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx17(
     DialogPrimitive.Title,
     {
       asChild,
@@ -1011,7 +1422,7 @@ function ModalTitle({ asChild, className, ...props }) {
   );
 }
 function ModalDescription({ asChild, className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx17(
     DialogPrimitive.Description,
     {
       asChild,
@@ -1022,17 +1433,17 @@ function ModalDescription({ asChild, className, ...props }) {
   );
 }
 function ModalFooter({ asChild, className, ...props }) {
-  const Comp = asChild ? SlotPrimitive3.Slot : "div";
-  return /* @__PURE__ */ jsx12(Comp, { "data-slot": "modal-footer", className: cn("ddga-modal__footer", className), ...props });
+  const Comp = asChild ? SlotPrimitive5.Slot : "div";
+  return /* @__PURE__ */ jsx17(Comp, { "data-slot": "modal-footer", className: cn("ddga-modal__footer", className), ...props });
 }
 function ModalClose({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(DialogPrimitive.Close, { "data-slot": "modal-close", className, ...props });
+  return /* @__PURE__ */ jsx17(DialogPrimitive.Close, { "data-slot": "modal-close", className, ...props });
 }
 
 // src/components/Toast/Toast.tsx
 import { useSyncExternalStore } from "react";
 import { Toast as ToastPrimitive } from "radix-ui";
-import { cva as cva11 } from "class-variance-authority";
+import { cva as cva16 } from "class-variance-authority";
 
 // src/components/Toast/toast-store.ts
 import "react";
@@ -1120,8 +1531,8 @@ function createToast(store) {
 var toast = createToast(toastStore);
 
 // src/components/Toast/Toast.tsx
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
-var toastVariants = cva11("ddga-toast", {
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+var toastVariants = cva16("ddga-toast", {
   variants: {
     variant: {
       default: "ddga-toast--default",
@@ -1135,7 +1546,7 @@ var toastVariants = cva11("ddga-toast", {
     variant: "default"
   }
 });
-var toastViewportVariants = cva11("ddga-toast-viewport", {
+var toastViewportVariants = cva16("ddga-toast-viewport", {
   variants: {
     position: {
       "top-start": "ddga-toast-viewport--top-start",
@@ -1155,10 +1566,10 @@ var toastViewportVariants = cva11("ddga-toast-viewport", {
 });
 var DEFAULT_ICONS2 = {
   default: null,
-  info: /* @__PURE__ */ jsx13(Info, { "aria-hidden": "true" }),
-  success: /* @__PURE__ */ jsx13(Check, { "aria-hidden": "true" }),
-  warning: /* @__PURE__ */ jsx13(AlertTriangle, { "aria-hidden": "true" }),
-  destructive: /* @__PURE__ */ jsx13(AlertCircle, { "aria-hidden": "true" })
+  info: /* @__PURE__ */ jsx18(Info, { "aria-hidden": "true" }),
+  success: /* @__PURE__ */ jsx18(Check, { "aria-hidden": "true" }),
+  warning: /* @__PURE__ */ jsx18(AlertTriangle, { "aria-hidden": "true" }),
+  destructive: /* @__PURE__ */ jsx18(AlertCircle, { "aria-hidden": "true" })
 };
 function Toaster({
   position = "bottom-end",
@@ -1173,8 +1584,8 @@ function Toaster({
 }) {
   const toasts = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
   const resolvedSwipe = swipeDirection ?? (position.startsWith("top") ? "up" : "down");
-  return /* @__PURE__ */ jsxs12(ToastPrimitive.Provider, { duration, swipeDirection: resolvedSwipe, children: [
-    toasts.map((t) => /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs14(ToastPrimitive.Provider, { duration, swipeDirection: resolvedSwipe, children: [
+    toasts.map((t) => /* @__PURE__ */ jsx18(
       ToastItem,
       {
         toast: t,
@@ -1185,7 +1596,7 @@ function Toaster({
       },
       t.id
     )),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx18(
       ToastPrimitive.Viewport,
       {
         "data-slot": "toast-viewport",
@@ -1198,7 +1609,7 @@ function Toaster({
 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__ */ jsxs12(
+  return /* @__PURE__ */ jsxs14(
     ToastPrimitive.Root,
     {
       "data-slot": "toast",
@@ -1213,11 +1624,11 @@ function ToastItem({ toast: t, store, closeButton, closeLabel, hideIcon }) {
         }
       },
       children: [
-        icon ? /* @__PURE__ */ jsx13("span", { className: "ddga-toast__icon", children: icon }) : null,
-        /* @__PURE__ */ jsxs12("div", { className: "ddga-toast__body", children: [
-          t.title ? /* @__PURE__ */ jsx13(ToastPrimitive.Title, { className: "ddga-toast__title", children: t.title }) : null,
-          t.description ? /* @__PURE__ */ jsx13(ToastPrimitive.Description, { className: "ddga-toast__description", children: t.description }) : null,
-          t.action ? /* @__PURE__ */ jsx13(
+        icon ? /* @__PURE__ */ jsx18("span", { className: "ddga-toast__icon", children: icon }) : null,
+        /* @__PURE__ */ jsxs14("div", { className: "ddga-toast__body", children: [
+          t.title ? /* @__PURE__ */ jsx18(ToastPrimitive.Title, { className: "ddga-toast__title", children: t.title }) : null,
+          t.description ? /* @__PURE__ */ jsx18(ToastPrimitive.Description, { className: "ddga-toast__description", children: t.description }) : null,
+          t.action ? /* @__PURE__ */ jsx18(
             ToastPrimitive.Action,
             {
               className: "ddga-toast__action",
@@ -1230,17 +1641,1131 @@ function ToastItem({ toast: t, store, closeButton, closeLabel, hideIcon }) {
             }
           ) : null
         ] }),
-        closeButton ? /* @__PURE__ */ jsx13(ToastPrimitive.Close, { className: "ddga-toast__close", "aria-label": closeLabel, children: /* @__PURE__ */ jsx13(Close, { "aria-hidden": "true" }) }) : null
+        closeButton ? /* @__PURE__ */ jsx18(ToastPrimitive.Close, { className: "ddga-toast__close", "aria-label": closeLabel, children: /* @__PURE__ */ jsx18(Close, { "aria-hidden": "true" }) }) : null
       ]
     }
   );
 }
 
+// src/components/Tabs/Tabs.tsx
+import { Tabs as TabsPrimitive } from "radix-ui";
+import { cva as cva17 } from "class-variance-authority";
+import { jsx as jsx19 } from "react/jsx-runtime";
+var tabsVariants = cva17("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 = cva17("ddga-tabs__list", {
+  variants: {
+    fullWidth: {
+      true: "ddga-tabs__list--full-width"
+    }
+  }
+});
+function Tabs({ variant, size, className, ...props }) {
+  return /* @__PURE__ */ jsx19(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      className: cn(tabsVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+function TabsList({ fullWidth, className, ...props }) {
+  return /* @__PURE__ */ jsx19(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(tabsListVariants({ fullWidth }), className),
+      ...props
+    }
+  );
+}
+function TabsTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx19(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn("ddga-tabs__trigger", className),
+      ...props
+    }
+  );
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx19(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("ddga-tabs__content", className),
+      ...props
+    }
+  );
+}
+
+// src/components/Breadcrumb/Breadcrumb.tsx
+import { Slot as SlotPrimitive6 } from "radix-ui";
+import { cva as cva18 } from "class-variance-authority";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var breadcrumbVariants = cva18("ddga-breadcrumb", {
+  variants: {
+    size: {
+      sm: "ddga-breadcrumb--sm",
+      md: "ddga-breadcrumb--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Breadcrumb({ size, className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "nav",
+    {
+      "aria-label": "Breadcrumb",
+      "data-slot": "breadcrumb",
+      className: cn(breadcrumbVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsx20("ol", { "data-slot": "breadcrumb-list", className: cn("ddga-breadcrumb__list", className), ...props });
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx20("li", { "data-slot": "breadcrumb-item", className: cn("ddga-breadcrumb__item", className), ...props });
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive6.Slot : "a";
+  return /* @__PURE__ */ jsx20(
+    Comp,
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn("ddga-breadcrumb__link", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbPage({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive6.Slot : "span";
+  return /* @__PURE__ */ jsx20(
+    Comp,
+    {
+      "aria-current": "page",
+      "data-slot": "breadcrumb-page",
+      className: cn("ddga-breadcrumb__page", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "li",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      "data-slot": "breadcrumb-separator",
+      className: cn("ddga-breadcrumb__separator", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx20(ChevronRight, {})
+    }
+  );
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "span",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      "data-slot": "breadcrumb-ellipsis",
+      className: cn("ddga-breadcrumb__ellipsis", className),
+      ...props,
+      children: /* @__PURE__ */ jsx20(MoreHorizontal, {})
+    }
+  );
+}
+
+// src/components/Pagination/Pagination.tsx
+import { Slot as SlotPrimitive7 } from "radix-ui";
+import { cva as cva19 } from "class-variance-authority";
+import { Fragment, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+var paginationVariants = cva19("ddga-pagination", {
+  variants: {
+    size: {
+      sm: "ddga-pagination--sm",
+      md: "ddga-pagination--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var paginationLinkVariants = cva19("ddga-pagination__link", {
+  variants: {
+    isActive: {
+      true: "ddga-pagination__link--active"
+    }
+  }
+});
+function Pagination({ size, className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    "nav",
+    {
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: cn(paginationVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function PaginationContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: cn("ddga-pagination__content", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx21("li", { "data-slot": "pagination-item", className: cn("ddga-pagination__item", className), ...props });
+}
+function PaginationLink({ asChild, isActive, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive7.Slot : "a";
+  return /* @__PURE__ */ jsx21(
+    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__ */ jsx21(
+    PaginationLink,
+    {
+      asChild,
+      "aria-label": label,
+      "data-slot": "pagination-previous",
+      className: cn("ddga-pagination__nav", "ddga-pagination__nav--previous", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxs15(Fragment, { children: [
+        /* @__PURE__ */ jsx21(ChevronRight, { className: "ddga-pagination__nav-icon ddga-pagination__nav-icon--previous" }),
+        /* @__PURE__ */ jsx21("span", { children: label })
+      ] })
+    }
+  );
+}
+function PaginationNext({
+  label = "Next",
+  className,
+  children,
+  asChild,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx21(
+    PaginationLink,
+    {
+      asChild,
+      "aria-label": label,
+      "data-slot": "pagination-next",
+      className: cn("ddga-pagination__nav", "ddga-pagination__nav--next", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxs15(Fragment, { children: [
+        /* @__PURE__ */ jsx21("span", { children: label }),
+        /* @__PURE__ */ jsx21(ChevronRight, { className: "ddga-pagination__nav-icon ddga-pagination__nav-icon--next" })
+      ] })
+    }
+  );
+}
+function PaginationEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    "span",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      "data-slot": "pagination-ellipsis",
+      className: cn("ddga-pagination__ellipsis", className),
+      ...props,
+      children: /* @__PURE__ */ jsx21(MoreHorizontal, {})
+    }
+  );
+}
+
+// src/components/Accordion/Accordion.tsx
+import { Accordion as AccordionPrimitive } from "radix-ui";
+import { cva as cva20 } from "class-variance-authority";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+var accordionVariants = cva20("ddga-accordion", {
+  variants: {
+    size: {
+      sm: "ddga-accordion--sm",
+      md: "ddga-accordion--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Accordion({ size, className, ...props }) {
+  return /* @__PURE__ */ jsx22(
+    AccordionPrimitive.Root,
+    {
+      "data-slot": "accordion",
+      className: cn(accordionVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function AccordionItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx22(
+    AccordionPrimitive.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("ddga-accordion__item", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx22(AccordionPrimitive.Header, { className: "ddga-accordion__header", children: /* @__PURE__ */ jsxs16(
+    AccordionPrimitive.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn("ddga-accordion__trigger", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx22(
+          ChevronDown,
+          {
+            "aria-hidden": "true",
+            className: "ddga-accordion__chevron",
+            "data-slot": "accordion-chevron"
+          }
+        )
+      ]
+    }
+  ) });
+}
+function AccordionContent({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx22(
+    AccordionPrimitive.Content,
+    {
+      "data-slot": "accordion-content",
+      className: cn("ddga-accordion__content", className),
+      ...props,
+      children: /* @__PURE__ */ jsx22("div", { className: "ddga-accordion__content-inner", children })
+    }
+  );
+}
+
+// src/components/Steps/Steps.tsx
+import { cva as cva21 } from "class-variance-authority";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+var stepsVariants = cva21("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 = cva21("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__ */ jsx23(
+    "ol",
+    {
+      "data-slot": "steps",
+      "data-orientation": orientation ?? "horizontal",
+      className: cn(stepsVariants({ size, orientation }), className),
+      ...props
+    }
+  );
+}
+function Step({ state, className, ...props }) {
+  return /* @__PURE__ */ jsx23(
+    "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__ */ jsxs17(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-slot": "step-indicator",
+      className: cn("ddga-steps__indicator", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx23(Check, { className: "ddga-steps__indicator-check" }),
+        /* @__PURE__ */ jsx23("span", { className: "ddga-steps__indicator-number", children: step })
+      ]
+    }
+  );
+}
+function StepTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx23("span", { "data-slot": "step-title", className: cn("ddga-steps__title", className), ...props });
+}
+function StepDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx23(
+    "span",
+    {
+      "data-slot": "step-description",
+      className: cn("ddga-steps__description", className),
+      ...props
+    }
+  );
+}
+
+// src/components/Skeleton/Skeleton.tsx
+import { cva as cva22 } from "class-variance-authority";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var skeletonVariants = cva22("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__ */ jsx24(
+    "div",
+    {
+      "data-slot": "skeleton",
+      "aria-hidden": "true",
+      className: cn(skeletonVariants({ shape, animation }), className),
+      style: sizeStyle,
+      ...props
+    }
+  );
+}
+
+// src/components/Progress/Progress.tsx
+import { Progress as ProgressPrimitive } from "radix-ui";
+import { cva as cva23 } from "class-variance-authority";
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+var progressVariants = cva23("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 = cva23("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__ */ jsx25(
+    ProgressPrimitive.Root,
+    {
+      "data-slot": "progress",
+      value,
+      max,
+      className: cn(progressVariants({ size, color }), className),
+      ...props,
+      children: /* @__PURE__ */ jsx25(
+        ProgressPrimitive.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__ */ jsxs18(
+    "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__ */ jsxs18(
+          "svg",
+          {
+            className: "ddga-circular-progress__svg",
+            viewBox: `0 0 ${diameter} ${diameter}`,
+            width: diameter,
+            height: diameter,
+            "aria-hidden": "true",
+            focusable: "false",
+            children: [
+              /* @__PURE__ */ jsx25(
+                "circle",
+                {
+                  className: "ddga-circular-progress__track",
+                  cx: diameter / 2,
+                  cy: diameter / 2,
+                  r: radius,
+                  fill: "none",
+                  strokeWidth
+                }
+              ),
+              /* @__PURE__ */ jsx25(
+                "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__ */ jsxs18("span", { className: "ddga-circular-progress__label", "aria-hidden": "true", children: [
+          Math.round(pct),
+          "%"
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/components/DropdownMenu/DropdownMenu.tsx
+import { useContext as useContext5 } from "react";
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import { cva as cva24 } from "class-variance-authority";
+import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
+var dropdownMenuVariants = cva24("ddga-dropdown-menu", {
+  variants: {
+    size: {
+      sm: "ddga-dropdown-menu--sm",
+      md: "ddga-dropdown-menu--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function DropdownMenu(props) {
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Root, { ...props });
+}
+function DropdownMenuTrigger(props) {
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuContent({
+  size,
+  className,
+  sideOffset = 6,
+  ...props
+}) {
+  const ctx = useContext5(DgaContext);
+  const portalContainer = ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx26(
+    DropdownMenuPrimitive.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(dropdownMenuVariants({ size }), className),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  destructive,
+  startIcon,
+  shortcut,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs19(
+    DropdownMenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-destructive": destructive ? "" : void 0,
+      className: cn("ddga-dropdown-menu__item", className),
+      ...props,
+      children: [
+        startIcon ? /* @__PURE__ */ jsx26("span", { className: "ddga-dropdown-menu__icon", "aria-hidden": "true", children: startIcon }) : null,
+        /* @__PURE__ */ jsx26("span", { className: "ddga-dropdown-menu__label", children }),
+        shortcut ? /* @__PURE__ */ jsx26("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__ */ jsxs19(
+    DropdownMenuPrimitive.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: cn("ddga-dropdown-menu__item", "ddga-dropdown-menu__item--checkable", className),
+      onSelect: handleSelect,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx26("span", { className: "ddga-dropdown-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx26(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(Check, { className: "ddga-dropdown-menu__indicator-icon" }) }) }),
+        /* @__PURE__ */ jsx26("span", { className: "ddga-dropdown-menu__label", children })
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup(props) {
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  onSelect,
+  ...props
+}) {
+  const handleSelect = onSelect ?? ((event) => {
+    event.preventDefault();
+  });
+  return /* @__PURE__ */ jsxs19(
+    DropdownMenuPrimitive.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      className: cn("ddga-dropdown-menu__item", "ddga-dropdown-menu__item--checkable", className),
+      onSelect: handleSelect,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx26("span", { className: "ddga-dropdown-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx26(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26("span", { className: "ddga-dropdown-menu__radio-dot" }) }) }),
+        /* @__PURE__ */ jsx26("span", { className: "ddga-dropdown-menu__label", children })
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    DropdownMenuPrimitive.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      className: cn("ddga-dropdown-menu__group-label", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    DropdownMenuPrimitive.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("ddga-dropdown-menu__separator", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuGroup(props) {
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuSub(props) {
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Sub, { ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  startIcon,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs19(
+    DropdownMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      className: cn("ddga-dropdown-menu__item", "ddga-dropdown-menu__item--sub", className),
+      ...props,
+      children: [
+        startIcon ? /* @__PURE__ */ jsx26("span", { className: "ddga-dropdown-menu__icon", "aria-hidden": "true", children: startIcon }) : null,
+        /* @__PURE__ */ jsx26("span", { className: "ddga-dropdown-menu__label", children }),
+        /* @__PURE__ */ jsx26(ChevronRight, { className: "ddga-dropdown-menu__sub-chevron", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({ size, className, ...props }) {
+  const ctx = useContext5(DgaContext);
+  const portalContainer = ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ jsx26(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx26(
+    DropdownMenuPrimitive.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(dropdownMenuVariants({ size }), className),
+      ...props
+    }
+  ) });
+}
+
+// src/components/Drawer/Drawer.tsx
+import { useContext as useContext6 } from "react";
+import { Dialog as DialogPrimitive2, Slot as SlotPrimitive8 } from "radix-ui";
+import { cva as cva25 } from "class-variance-authority";
+import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+var drawerVariants = cva25("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__ */ jsx27(DialogPrimitive2.Root, { ...props });
+}
+function DrawerTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx27(DialogPrimitive2.Trigger, { "data-slot": "drawer-trigger", className, ...props });
+}
+function DrawerContent({
+  side,
+  size,
+  showCloseButton = true,
+  closeLabel = "Close",
+  className,
+  children,
+  ...props
+}) {
+  const ctx = useContext6(DgaContext);
+  const portalContainer = ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ jsxs20(DialogPrimitive2.Portal, { container: portalContainer, children: [
+    /* @__PURE__ */ jsx27(DialogPrimitive2.Overlay, { className: "ddga-drawer__overlay", "data-slot": "drawer-overlay" }),
+    /* @__PURE__ */ jsxs20(
+      DialogPrimitive2.Content,
+      {
+        "data-slot": "drawer-content",
+        className: cn(drawerVariants({ side, size }), className),
+        ...props,
+        children: [
+          children,
+          showCloseButton ? /* @__PURE__ */ jsx27(
+            DialogPrimitive2.Close,
+            {
+              className: "ddga-drawer__close",
+              "aria-label": closeLabel,
+              "data-slot": "drawer-close-x",
+              children: /* @__PURE__ */ jsx27(Close, { "aria-hidden": "true" })
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+}
+function DrawerHeader({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive8.Slot : "div";
+  return /* @__PURE__ */ jsx27(Comp, { "data-slot": "drawer-header", className: cn("ddga-drawer__header", className), ...props });
+}
+function DrawerTitle({ asChild, className, ...props }) {
+  return /* @__PURE__ */ jsx27(
+    DialogPrimitive2.Title,
+    {
+      asChild,
+      "data-slot": "drawer-title",
+      className: cn("ddga-drawer__title", className),
+      ...props
+    }
+  );
+}
+function DrawerDescription({ asChild, className, ...props }) {
+  return /* @__PURE__ */ jsx27(
+    DialogPrimitive2.Description,
+    {
+      asChild,
+      "data-slot": "drawer-description",
+      className: cn("ddga-drawer__description", className),
+      ...props
+    }
+  );
+}
+function DrawerBody({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive8.Slot : "div";
+  return /* @__PURE__ */ jsx27(Comp, { "data-slot": "drawer-body", className: cn("ddga-drawer__body", className), ...props });
+}
+function DrawerFooter({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive8.Slot : "div";
+  return /* @__PURE__ */ jsx27(Comp, { "data-slot": "drawer-footer", className: cn("ddga-drawer__footer", className), ...props });
+}
+function DrawerClose({ className, ...props }) {
+  return /* @__PURE__ */ jsx27(DialogPrimitive2.Close, { "data-slot": "drawer-close", className, ...props });
+}
+
+// src/components/Combobox/Combobox.tsx
+import {
+  Children as Children2,
+  createContext as createContext2,
+  isValidElement as isValidElement2,
+  useCallback,
+  useContext as useContext7,
+  useId as useId3,
+  useMemo,
+  useState as useState3
+} from "react";
+import { Command } from "cmdk";
+import { Popover as PopoverPrimitive } from "radix-ui";
+import { cva as cva26 } from "class-variance-authority";
+import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+var comboboxTriggerVariants = cva26("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 = createContext2(null);
+function useComboboxContext(component) {
+  const ctx = useContext7(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] = useState3(defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : internalValue;
+  const [internalOpen, setInternalOpen] = useState3(defaultOpen ?? false);
+  const isOpenControlled = controlledOpen !== void 0;
+  const open = isOpenControlled ? controlledOpen : internalOpen;
+  const setOpen = useCallback(
+    (next) => {
+      if (!isOpenControlled) setInternalOpen(next);
+      onOpenChange?.(next);
+    },
+    [isOpenControlled, onOpenChange]
+  );
+  const select = useCallback(
+    (next) => {
+      if (!isControlled) setInternalValue(next);
+      onValueChange?.(next);
+      setOpen(false);
+    },
+    [isControlled, onValueChange, setOpen]
+  );
+  const ctx = useMemo(() => ({ value, select }), [value, select]);
+  const itemLabels = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    const visit = (nodes) => {
+      Children2.forEach(nodes, (child) => {
+        if (!isValidElement2(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": ariaLabel,
+    "aria-labelledby": ariaLabelledBy
+  });
+  const providerCtx = useContext7(DgaContext);
+  const portalContainer = providerCtx?.rootEl ?? void 0;
+  const triggerLabel = useMemo(() => {
+    if (value === void 0) return null;
+    if (getLabel) return getLabel(value);
+    return itemLabels.get(value) ?? null;
+  }, [value, getLabel, itemLabels]);
+  const searchId = useId3();
+  return /* @__PURE__ */ jsx28(ComboboxContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxs21("div", { "data-slot": "combobox-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ jsxs21("label", { htmlFor: fieldId, className: "ddga-combobox__label", children: [
+      label,
+      required && /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", className: "ddga-combobox__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs21(PopoverPrimitive.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx28(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs21(
+        "button",
+        {
+          type: "button",
+          ...controlProps,
+          "aria-required": required || void 0,
+          disabled,
+          "data-slot": "combobox-trigger",
+          className: cn(comboboxTriggerVariants({ size, error: hasError }), className),
+          children: [
+            /* @__PURE__ */ jsx28("span", { className: "ddga-combobox__value", children: triggerLabel ?? /* @__PURE__ */ jsx28("span", { className: "ddga-combobox__placeholder", children: placeholder }) }),
+            /* @__PURE__ */ jsx28(ChevronDown, { "aria-hidden": "true", className: "ddga-combobox__icon" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx28(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx28(
+        PopoverPrimitive.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__ */ jsxs21(
+            Command,
+            {
+              id: searchId,
+              "data-slot": "combobox-command",
+              className: "ddga-combobox-command",
+              children: [
+                /* @__PURE__ */ jsx28(
+                  Command.Input,
+                  {
+                    autoFocus: true,
+                    placeholder: searchPlaceholder,
+                    "data-slot": "combobox-input",
+                    className: "ddga-combobox-input"
+                  }
+                ),
+                /* @__PURE__ */ jsxs21(Command.List, { "data-slot": "combobox-list", className: "ddga-combobox-list", children: [
+                  /* @__PURE__ */ jsx28(Command.Empty, { "data-slot": "combobox-empty", className: "ddga-combobox-empty", children: emptyMessage }),
+                  children
+                ] })
+              ]
+            }
+          )
+        }
+      ) })
+    ] }),
+    hasErrorMessage && /* @__PURE__ */ jsx28(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx28(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__ */ jsxs21(
+    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__ */ jsx28("span", { className: "ddga-combobox-item__check", "aria-hidden": "true", children: isSelected ? /* @__PURE__ */ jsx28(Check, {}) : null }),
+        /* @__PURE__ */ jsx28("span", { className: "ddga-combobox-item__label", children })
+      ]
+    }
+  );
+}
+function ComboboxGroup({ className, heading, ...props }) {
+  return /* @__PURE__ */ jsx28(
+    Command.Group,
+    {
+      heading,
+      "data-slot": "combobox-group",
+      className: cn("ddga-combobox-group", className),
+      ...props
+    }
+  );
+}
+function ComboboxSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx28(
+    Command.Separator,
+    {
+      "data-slot": "combobox-separator",
+      className: cn("ddga-combobox-separator", className),
+      ...props
+    }
+  );
+}
+
 // src/providers/DgaProvider.tsx
-import { useState as useState2, useMemo, useContext as useContext5 } from "react";
+import { useState as useState4, useMemo as useMemo2, useContext as useContext8 } from "react";
 import { Direction as DirectionPrimitive, Tooltip as TooltipPrimitive2 } from "radix-ui";
 import { buildTheme } from "@dev-dga/tokens";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function DgaProvider({
   dir = "ltr",
   locale,
@@ -1251,17 +2776,17 @@ function DgaProvider({
   style: consumerStyle,
   children
 }) {
-  const parentCtx = useContext5(DgaContext);
+  const parentCtx = useContext8(DgaContext);
   const isNested = parentCtx !== null;
-  const [rootEl, setRootEl] = useState2(null);
+  const [rootEl, setRootEl] = useState4(null);
   const resolvedLocale = locale ?? (dir === "rtl" ? "ar" : "en");
-  const ctxValue = useMemo(
+  const ctxValue = useMemo2(
     () => ({ dir, locale: resolvedLocale, mode, rootEl }),
     [dir, resolvedLocale, mode, rootEl]
   );
-  const themeVars = useMemo(() => theme ? buildTheme(theme) : null, [theme]);
-  const inner = /* @__PURE__ */ jsx14(DirectionPrimitive.Provider, { dir, children });
-  return /* @__PURE__ */ jsx14(DgaContext.Provider, { value: ctxValue, children: /* @__PURE__ */ jsx14(
+  const themeVars = useMemo2(() => theme ? buildTheme(theme) : null, [theme]);
+  const inner = /* @__PURE__ */ jsx29(DirectionPrimitive.Provider, { dir, children });
+  return /* @__PURE__ */ jsx29(DgaContext.Provider, { value: ctxValue, children: /* @__PURE__ */ jsx29(
     Component,
     {
       ref: setRootEl,
@@ -1271,7 +2796,7 @@ function DgaProvider({
       "data-theme": mode,
       className,
       style: { colorScheme: mode, ...themeVars ?? {}, ...consumerStyle },
-      children: isNested ? inner : /* @__PURE__ */ jsx14(TooltipPrimitive2.Provider, { delayDuration: 300, skipDelayDuration: 100, children: inner })
+      children: isNested ? inner : /* @__PURE__ */ jsx29(TooltipPrimitive2.Provider, { delayDuration: 300, skipDelayDuration: 100, children: inner })
     }
   ) });
 }
@@ -1281,12 +2806,63 @@ function useDir() {
   return useDga().dir;
 }
 export {
+  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,
   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,
   Input,
   Modal,
@@ -1297,28 +2873,67 @@ export {
   ModalHeader,
   ModalTitle,
   ModalTrigger,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  Progress,
   Radio,
   RadioGroup,
   Select,
   SelectItem,
+  Skeleton,
+  Spinner,
+  Step,
+  StepDescription,
+  StepIndicator,
+  StepTitle,
+  Steps,
   Switch,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
   Textarea,
   Toaster,
   Tooltip,
   TooltipContent,
   TooltipTrigger,
+  accordionVariants,
   alertVariants,
+  avatarVariants,
+  badgeVariants,
+  breadcrumbVariants,
   buttonVariants,
+  cardVariants,
   checkboxVariants,
+  circularProgressVariants,
   cn,
+  comboboxTriggerVariants,
+  comboboxVariants,
   createToast,
   createToastStore,
+  dividerVariants,
+  drawerVariants,
+  dropdownMenuVariants,
   inputVariants,
   modalContentVariants,
+  paginationLinkVariants,
+  paginationVariants,
+  progressVariants,
   radioGroupVariants,
   radioVariants,
   selectTriggerVariants,
+  skeletonVariants,
+  spinnerVariants,
+  stepVariants,
+  stepsVariants,
   switchVariants,
+  tabsListVariants,
+  tabsVariants,
   textareaVariants,
   toast,
   toastStore,