@dev-dga/react 0.10.1 → 0.12.0

package/dist/chunk-DXY5JEC4.js

@@ -1,137 +0,0 @@
-import {
-  ChevronRight,
-  MoreHorizontal
-} from "./chunk-CDS4SYEQ.js";
-import {
-  cn
-} from "./chunk-7NTT2UXP.js";
-
-// src/components/Pagination/Pagination.tsx
-import { Slot as SlotPrimitive } from "radix-ui";
-import { cva } from "class-variance-authority";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var paginationVariants = cva("ddga-pagination", {
-  variants: {
-    size: {
-      sm: "ddga-pagination--sm",
-      md: "ddga-pagination--md"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var paginationLinkVariants = cva("ddga-pagination__link", {
-  variants: {
-    isActive: {
-      true: "ddga-pagination__link--active"
-    }
-  }
-});
-function Pagination({ size, className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "nav",
-    {
-      "aria-label": "pagination",
-      "data-slot": "pagination",
-      className: cn(paginationVariants({ size }), className),
-      ...props
-    }
-  );
-}
-function PaginationContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "ul",
-    {
-      "data-slot": "pagination-content",
-      className: cn("ddga-pagination__content", className),
-      ...props
-    }
-  );
-}
-function PaginationItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx("li", { "data-slot": "pagination-item", className: cn("ddga-pagination__item", className), ...props });
-}
-function PaginationLink({ asChild, isActive, className, ...props }) {
-  const Comp = asChild ? SlotPrimitive.Slot : "a";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "aria-current": isActive ? "page" : void 0,
-      "data-slot": "pagination-link",
-      "data-active": isActive ? "" : void 0,
-      className: cn(paginationLinkVariants({ isActive }), className),
-      ...props
-    }
-  );
-}
-function PaginationPrevious({
-  label = "Previous",
-  className,
-  children,
-  asChild,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    PaginationLink,
-    {
-      asChild,
-      "aria-label": label,
-      "data-slot": "pagination-previous",
-      className: cn("ddga-pagination__nav", "ddga-pagination__nav--previous", className),
-      ...props,
-      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(ChevronRight, { className: "ddga-pagination__nav-icon ddga-pagination__nav-icon--previous" }),
-        /* @__PURE__ */ jsx("span", { children: label })
-      ] })
-    }
-  );
-}
-function PaginationNext({
-  label = "Next",
-  className,
-  children,
-  asChild,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    PaginationLink,
-    {
-      asChild,
-      "aria-label": label,
-      "data-slot": "pagination-next",
-      className: cn("ddga-pagination__nav", "ddga-pagination__nav--next", className),
-      ...props,
-      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { children: label }),
-        /* @__PURE__ */ jsx(ChevronRight, { className: "ddga-pagination__nav-icon ddga-pagination__nav-icon--next" })
-      ] })
-    }
-  );
-}
-function PaginationEllipsis({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      role: "presentation",
-      "aria-hidden": "true",
-      "data-slot": "pagination-ellipsis",
-      className: cn("ddga-pagination__ellipsis", className),
-      ...props,
-      children: /* @__PURE__ */ jsx(MoreHorizontal, {})
-    }
-  );
-}
-
-export {
-  paginationVariants,
-  paginationLinkVariants,
-  Pagination,
-  PaginationContent,
-  PaginationItem,
-  PaginationLink,
-  PaginationPrevious,
-  PaginationNext,
-  PaginationEllipsis
-};
-//# sourceMappingURL=chunk-DXY5JEC4.js.map

package/dist/chunk-DXY5JEC4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"sourcesContent":["'use client';\n\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { ChevronRight, MoreHorizontal } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Size lives on the root and cascades via descendants — same pattern as\n// Breadcrumb / Tabs. `PaginationLink` carries the active/inactive visual\n// state via `isActive` (which is also what stamps `aria-current=\"page\"`),\n// so the active style stays bound to the a11y mark and can't drift.\n\nconst paginationVariants = cva('ddga-pagination', {\n  variants: {\n    size: {\n      sm: 'ddga-pagination--sm',\n      md: 'ddga-pagination--md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst paginationLinkVariants = cva('ddga-pagination__link', {\n  variants: {\n    isActive: {\n      true: 'ddga-pagination__link--active',\n    },\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface PaginationProps\n  extends React.ComponentProps<'nav'>, VariantProps<typeof paginationVariants> {}\n\ntype PaginationContentProps = React.ComponentProps<'ul'>;\ntype PaginationItemProps = React.ComponentProps<'li'>;\n\ninterface PaginationLinkProps\n  extends\n    Omit<React.ComponentProps<'a'>, 'aria-current'>,\n    VariantProps<typeof paginationLinkVariants> {\n  /** Render as the consumer element (e.g., router Link) via Radix Slot. */\n  asChild?: boolean;\n}\n\ntype PaginationPreviousProps = Omit<PaginationLinkProps, 'isActive'> & {\n  /**\n   * Visible + accessible label for the previous-page link. Defaults to\n   * `\"Previous\"`. Pass a translated string for non-English UIs — the value is\n   * also used for `aria-label`, so a localized string is required for a11y.\n   * Ignored when `asChild` + consumer-provided `children` are used.\n   */\n  label?: string;\n};\n\ntype PaginationNextProps = Omit<PaginationLinkProps, 'isActive'> & {\n  /**\n   * Visible + accessible label for the next-page link. Defaults to `\"Next\"`.\n   * Pass a translated string for non-English UIs — the value is also used\n   * for `aria-label`, so a localized string is required for a11y. Ignored\n   * when `asChild` + consumer-provided `children` are used.\n   */\n  label?: string;\n};\n\ntype PaginationEllipsisProps = React.ComponentProps<'span'>;\n\n// ─── 3. Components ─── //\n\nfunction Pagination({ size, className, ...props }: PaginationProps) {\n  // Default the accessible name to \"pagination\" (lowercase per the\n  // ARIA Authoring Practices Guide). Spread `aria-label` last so consumers\n  // can override for non-English UIs.\n  return (\n    <nav\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(paginationVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationContent({ className, ...props }: PaginationContentProps) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn('ddga-pagination__content', className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationItem({ className, ...props }: PaginationItemProps) {\n  return (\n    <li data-slot=\"pagination-item\" className={cn('ddga-pagination__item', className)} {...props} />\n  );\n}\n\nfunction PaginationLink({ asChild, isActive, className, ...props }: PaginationLinkProps) {\n  // `isActive` is the single source of truth for both the visual state and\n  // the `aria-current=\"page\"` mark — they can't drift apart.\n  const Comp = asChild ? SlotPrimitive.Slot : 'a';\n  return (\n    <Comp\n      aria-current={isActive ? 'page' : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive ? '' : undefined}\n      className={cn(paginationLinkVariants({ isActive }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationPrevious({\n  label = 'Previous',\n  className,\n  children,\n  asChild,\n  ...props\n}: PaginationPreviousProps) {\n  // In asChild + children-provided mode the consumer owns the rendered\n  // content; we still wire the accessible label so screen reader users hear\n  // \"Previous\" even if the consumer's text is something custom.\n  return (\n    <PaginationLink\n      asChild={asChild}\n      aria-label={label}\n      data-slot=\"pagination-previous\"\n      className={cn('ddga-pagination__nav', 'ddga-pagination__nav--previous', className)}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <ChevronRight className=\"ddga-pagination__nav-icon ddga-pagination__nav-icon--previous\" />\n          <span>{label}</span>\n        </>\n      )}\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({\n  label = 'Next',\n  className,\n  children,\n  asChild,\n  ...props\n}: PaginationNextProps) {\n  return (\n    <PaginationLink\n      asChild={asChild}\n      aria-label={label}\n      data-slot=\"pagination-next\"\n      className={cn('ddga-pagination__nav', 'ddga-pagination__nav--next', className)}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <span>{label}</span>\n          <ChevronRight className=\"ddga-pagination__nav-icon ddga-pagination__nav-icon--next\" />\n        </>\n      )}\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({ className, ...props }: PaginationEllipsisProps) {\n  // Decorative — collapsed-range marker. Consumer is expected to make the\n  // surrounding links cover the real navigation surface (first/last/numbers).\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-slot=\"pagination-ellipsis\"\n      className={cn('ddga-pagination__ellipsis', className)}\n      {...props}\n    >\n      <MoreHorizontal />\n    </span>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n  paginationVariants,\n  paginationLinkVariants,\n};\nexport type {\n  PaginationProps,\n  PaginationContentProps,\n  PaginationItemProps,\n  PaginationLinkProps,\n  PaginationPreviousProps,\n  PaginationNextProps,\n  PaginationEllipsisProps,\n};\n"],"mappings":";;;;;;;;;AAEA,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AA4EnC,SA2DI,UA3DJ,KA2DI,YA3DJ;AAjEJ,IAAM,qBAAqB,IAAI,mBAAmB;AAAA,EAChD,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAED,IAAM,yBAAyB,IAAI,yBAAyB;AAAA,EAC1D,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AA0CD,SAAS,WAAW,EAAE,MAAM,WAAW,GAAG,MAAM,GAAoB;AAIlE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,aAAU;AAAA,MACV,WAAW,GAAG,mBAAmB,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MACpD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,kBAAkB,EAAE,WAAW,GAAG,MAAM,GAA2B;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,4BAA4B,SAAS;AAAA,MAClD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAAwB;AACpE,SACE,oBAAC,QAAG,aAAU,mBAAkB,WAAW,GAAG,yBAAyB,SAAS,GAAI,GAAG,OAAO;AAElG;AAEA,SAAS,eAAe,EAAE,SAAS,UAAU,WAAW,GAAG,MAAM,GAAwB;AAGvF,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc,WAAW,SAAS;AAAA,MAClC,aAAU;AAAA,MACV,eAAa,WAAW,KAAK;AAAA,MAC7B,WAAW,GAAG,uBAAuB,EAAE,SAAS,CAAC,GAAG,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4B;AAI1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW,GAAG,wBAAwB,kCAAkC,SAAS;AAAA,MAChF,GAAG;AAAA,MAEH,sBACC,iCACE;AAAA,4BAAC,gBAAa,WAAU,iEAAgE;AAAA,QACxF,oBAAC,UAAM,iBAAM;AAAA,SACf;AAAA;AAAA,EAEJ;AAEJ;AAEA,SAAS,eAAe;AAAA,EACtB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW,GAAG,wBAAwB,8BAA8B,SAAS;AAAA,MAC5E,GAAG;AAAA,MAEH,sBACC,iCACE;AAAA,4BAAC,UAAM,iBAAM;AAAA,QACb,oBAAC,gBAAa,WAAU,6DAA4D;AAAA,SACtF;AAAA;AAAA,EAEJ;AAEJ;AAEA,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAA4B;AAG5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW,GAAG,6BAA6B,SAAS;AAAA,MACnD,GAAG;AAAA,MAEJ,8BAAC,kBAAe;AAAA;AAAA,EAClB;AAEJ;","names":[]}

package/dist/chunk-E7WQI7PE.js

@@ -1,19 +0,0 @@
-// src/field/FieldMessage.tsx
-import { jsx } from "react/jsx-runtime";
-function FieldMessage({ id, variant, children }) {
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      id,
-      "data-slot": `field-${variant}`,
-      className: `ddga-field__message ddga-field__message--${variant}`,
-      "aria-live": variant === "error" ? "polite" : void 0,
-      children
-    }
-  );
-}
-
-export {
-  FieldMessage
-};
-//# sourceMappingURL=chunk-E7WQI7PE.js.map

package/dist/chunk-E7WQI7PE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/field/FieldMessage.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\n// Public field-primitive component. The helper / error line below a form\n// control. Identical markup and styling across Input / Textarea / Checkbox,\n// and available to consumers composing custom fields on top of useFieldA11y.\n// No 'use client': pure markup, no hooks or client APIs.\n\nexport interface FieldMessageProps {\n  id: string;\n  /** `error` announces politely; `helper` is static. */\n  variant: 'error' | 'helper';\n  children: ReactNode;\n}\n\nexport function FieldMessage({ id, variant, children }: FieldMessageProps) {\n  return (\n    <p\n      id={id}\n      data-slot={`field-${variant}`}\n      className={`ddga-field__message ddga-field__message--${variant}`}\n      // Polite (not assertive): an assertive error interrupts the user\n      // mid-interaction, the wrong UX for field-level validation.\n      aria-live={variant === 'error' ? 'polite' : undefined}\n    >\n      {children}\n    </p>\n  );\n}\n"],"mappings":";AAgBI;AAFG,SAAS,aAAa,EAAE,IAAI,SAAS,SAAS,GAAsB;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAW,SAAS,OAAO;AAAA,MAC3B,WAAW,4CAA4C,OAAO;AAAA,MAG9D,aAAW,YAAY,UAAU,WAAW;AAAA,MAE3C;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-EJHBW4AK.js

@@ -1,100 +0,0 @@
-import {
-  Check
-} from "./chunk-CDS4SYEQ.js";
-import {
-  cn
-} from "./chunk-7NTT2UXP.js";
-
-// src/components/Steps/Steps.tsx
-import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-var stepsVariants = cva("ddga-steps", {
-  variants: {
-    size: {
-      sm: "ddga-steps--sm",
-      md: "ddga-steps--md"
-    },
-    orientation: {
-      horizontal: "ddga-steps--horizontal",
-      vertical: "ddga-steps--vertical"
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    orientation: "horizontal"
-  }
-});
-var stepVariants = cva("ddga-steps__step", {
-  variants: {
-    state: {
-      completed: "ddga-steps__step--completed",
-      current: "ddga-steps__step--current",
-      upcoming: "ddga-steps__step--upcoming"
-    }
-  },
-  defaultVariants: {
-    state: "upcoming"
-  }
-});
-function Steps({ size, orientation, className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "ol",
-    {
-      "data-slot": "steps",
-      "data-orientation": orientation ?? "horizontal",
-      className: cn(stepsVariants({ size, orientation }), className),
-      ...props
-    }
-  );
-}
-function Step({ state, className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "li",
-    {
-      "aria-current": state === "current" ? "step" : void 0,
-      "data-slot": "step",
-      "data-state": state ?? "upcoming",
-      className: cn(stepVariants({ state }), className),
-      ...props
-    }
-  );
-}
-function StepIndicator({ step, className, ...props }) {
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      "aria-hidden": "true",
-      "data-slot": "step-indicator",
-      className: cn("ddga-steps__indicator", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(Check, { className: "ddga-steps__indicator-check" }),
-        /* @__PURE__ */ jsx("span", { className: "ddga-steps__indicator-number", children: step })
-      ]
-    }
-  );
-}
-function StepTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx("span", { "data-slot": "step-title", className: cn("ddga-steps__title", className), ...props });
-}
-function StepDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "step-description",
-      className: cn("ddga-steps__description", className),
-      ...props
-    }
-  );
-}
-
-export {
-  stepsVariants,
-  stepVariants,
-  Steps,
-  Step,
-  StepIndicator,
-  StepTitle,
-  StepDescription
-};
-//# sourceMappingURL=chunk-EJHBW4AK.js.map

package/dist/chunk-EJHBW4AK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Steps/Steps.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Visual-only stepper. Each `Step` carries a `state` (completed / current /\n// upcoming) which drives the indicator color + ARIA marks. Separators are\n// CSS-drawn via pseudo-elements between siblings — no `StepSeparator`\n// component needed (and one fewer thing for consumers to get wrong).\n\nconst stepsVariants = cva('ddga-steps', {\n  variants: {\n    size: {\n      sm: 'ddga-steps--sm',\n      md: 'ddga-steps--md',\n    },\n    orientation: {\n      horizontal: 'ddga-steps--horizontal',\n      vertical: 'ddga-steps--vertical',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    orientation: 'horizontal',\n  },\n});\n\ntype StepState = 'completed' | 'current' | 'upcoming';\n\nconst stepVariants = cva('ddga-steps__step', {\n  variants: {\n    state: {\n      completed: 'ddga-steps__step--completed',\n      current: 'ddga-steps__step--current',\n      upcoming: 'ddga-steps__step--upcoming',\n    },\n  },\n  defaultVariants: {\n    state: 'upcoming',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface StepsProps extends React.ComponentProps<'ol'>, VariantProps<typeof stepsVariants> {}\n\ninterface StepProps\n  extends Omit<React.ComponentProps<'li'>, 'aria-current'>, VariantProps<typeof stepVariants> {}\n\ninterface StepIndicatorProps extends React.ComponentProps<'span'> {\n  /**\n   * The 1-based step number to render when the step is `current` or\n   * `upcoming`. Ignored when the step is `completed` — the indicator shows\n   * a check icon instead.\n   */\n  step?: number | string;\n}\n\ntype StepTitleProps = React.ComponentProps<'span'>;\ntype StepDescriptionProps = React.ComponentProps<'span'>;\n\n// ─── 3. Components ─── //\n\nfunction Steps({ size, orientation, className, ...props }: StepsProps) {\n  // `<ol>` is the right semantic for an ordered list of steps; the implicit\n  // listitem role on children makes the count assistive-tech-readable.\n  return (\n    <ol\n      data-slot=\"steps\"\n      data-orientation={orientation ?? 'horizontal'}\n      className={cn(stepsVariants({ size, orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction Step({ state, className, ...props }: StepProps) {\n  // `aria-current=\"step\"` on the current step. State drives both the ARIA\n  // mark and the visual class so they can't drift apart. Step always\n  // renders an `<li>` because the parent `<ol>` is only allowed to contain\n  // `<li>` children — consumers who need clickable steps put an `<a>` (or\n  // a router primitive) inside Step's children, not as the step element\n  // itself.\n  return (\n    <li\n      aria-current={state === 'current' ? 'step' : undefined}\n      data-slot=\"step\"\n      data-state={state ?? 'upcoming'}\n      className={cn(stepVariants({ state }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction StepIndicator({ step, className, ...props }: StepIndicatorProps) {\n  // Decorative — assistive tech reads the step title/description, not the\n  // number-in-a-circle. The check icon for completed steps is purely\n  // visual; the parent's `data-state=\"completed\"` is what conveys meaning.\n  return (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"step-indicator\"\n      className={cn('ddga-steps__indicator', className)}\n      {...props}\n    >\n      <Check className=\"ddga-steps__indicator-check\" />\n      <span className=\"ddga-steps__indicator-number\">{step}</span>\n    </span>\n  );\n}\n\nfunction StepTitle({ className, ...props }: StepTitleProps) {\n  return <span data-slot=\"step-title\" className={cn('ddga-steps__title', className)} {...props} />;\n}\n\nfunction StepDescription({ className, ...props }: StepDescriptionProps) {\n  return (\n    <span\n      data-slot=\"step-description\"\n      className={cn('ddga-steps__description', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Steps, Step, StepIndicator, StepTitle, StepDescription, stepsVariants, stepVariants };\nexport type {\n  StepsProps,\n  StepProps,\n  StepIndicatorProps,\n  StepTitleProps,\n  StepDescriptionProps,\n  StepState,\n};\n"],"mappings":";;;;;;;;AAEA,SAAS,WAA8B;AAoEnC,cAgCA,YAhCA;AAzDJ,IAAM,gBAAgB,IAAI,cAAc;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,aAAa;AAAA,EACf;AACF,CAAC;AAID,IAAM,eAAe,IAAI,oBAAoB;AAAA,EAC3C,UAAU;AAAA,IACR,OAAO;AAAA,MACL,WAAW;AAAA,MACX,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,EACT;AACF,CAAC;AAuBD,SAAS,MAAM,EAAE,MAAM,aAAa,WAAW,GAAG,MAAM,GAAe;AAGrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,oBAAkB,eAAe;AAAA,MACjC,WAAW,GAAG,cAAc,EAAE,MAAM,YAAY,CAAC,GAAG,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,KAAK,EAAE,OAAO,WAAW,GAAG,MAAM,GAAc;AAOvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc,UAAU,YAAY,SAAS;AAAA,MAC7C,aAAU;AAAA,MACV,cAAY,SAAS;AAAA,MACrB,WAAW,GAAG,aAAa,EAAE,MAAM,CAAC,GAAG,SAAS;AAAA,MAC/C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc,EAAE,MAAM,WAAW,GAAG,MAAM,GAAuB;AAIxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW,GAAG,yBAAyB,SAAS;AAAA,MAC/C,GAAG;AAAA,MAEJ;AAAA,4BAAC,SAAM,WAAU,+BAA8B;AAAA,QAC/C,oBAAC,UAAK,WAAU,gCAAgC,gBAAK;AAAA;AAAA;AAAA,EACvD;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAmB;AAC1D,SAAO,oBAAC,UAAK,aAAU,cAAa,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAAO;AAChG;AAEA,SAAS,gBAAgB,EAAE,WAAW,GAAG,MAAM,GAAyB;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2BAA2B,SAAS;AAAA,MACjD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-EM55NWUF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useContext, useMemo, useState, type ReactNode } from 'react';\nimport {\n  Button as AriaButton,\n  Calendar as AriaCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarGridBody as AriaCalendarGridBody,\n  CalendarGridHeader as AriaCalendarGridHeader,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarStateContext as AriaCalendarStateContext,\n  DateInput as AriaDateInput,\n  DatePicker as AriaDatePicker,\n  DateSegment as AriaDateSegment,\n  Dialog as AriaDialog,\n  FieldError as AriaFieldError,\n  Group as AriaGroup,\n  I18nProvider,\n  Label as AriaLabel,\n  Popover as AriaPopover,\n  Text as AriaText,\n} from 'react-aria-components';\nimport { CalendarDate, type DateValue } from '@internationalized/date';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { CalendarIcon } from '../../internal/icons';\nimport {\n  CalendarNavHeader,\n  CalendarSystemToggle,\n  calendarDateToDate,\n  dateToCalendarDate,\n  renderDayContent,\n  useCalendarChrome,\n  type CalendarLabels,\n  type CalendarSystem,\n} from '../../internal/calendar';\n\n// ─── 1. Variants ─── //\n\n// Applied to the Group (the trigger row). Heights match Input/Select sm/md so\n// a DatePicker lines up with other fields in a form row.\nconst datePickerTriggerVariants = cva('ddga-date-picker-trigger', {\n  variants: {\n    size: {\n      sm: 'ddga-date-picker-trigger--sm',\n      md: 'ddga-date-picker-trigger--md',\n    },\n    error: {\n      true: 'ddga-date-picker-trigger--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// Passthrough alias so the barrel `*Variants` convention holds across\n// components. Same value, different name.\nconst datePickerVariants = datePickerTriggerVariants;\n\n// ─── 2. Types ─── //\n\ninterface DatePickerProps extends VariantProps<typeof datePickerTriggerVariants> {\n  /** Currently selected date (controlled). Local Y/M/D. */\n  value?: Date | null;\n  /** Initial value when uncontrolled. */\n  defaultValue?: Date | null;\n  /** Fires whenever the user picks a day. `null` when cleared. */\n  onChange?: (value: Date | null) => void;\n  /** Earliest pickable date (inclusive). */\n  minValue?: Date;\n  /** Latest pickable date (inclusive). */\n  maxValue?: Date;\n  /** Visible label above the trigger. */\n  label?: ReactNode;\n  /** Hint shown below the trigger. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the trigger when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid — sets `aria-invalid` and error styling. */\n  error?: boolean;\n  /** Marks the field required — adds the asterisk + `aria-required`. */\n  required?: boolean;\n  /** Disables the trigger entirely. */\n  disabled?: boolean;\n  /** Caller-supplied id for the field. */\n  id?: string;\n  /** Forwarded to the Group (the trigger row), matching Input/Select. */\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  /**\n   * Calendar system (controlled). Omit to let the user toggle freely with\n   * the in-popover switch.\n   */\n  calendar?: CalendarSystem;\n  /** Initial calendar system when uncontrolled. Defaults to `'gregorian'`. */\n  defaultCalendar?: CalendarSystem;\n  /** Fires whenever the calendar system toggles. */\n  onCalendarChange?: (calendar: CalendarSystem) => void;\n  /**\n   * Show the Gregorian↔Hijri toggle inside the popover. Defaults to `true`,\n   * but is forced off when `calendar` is controlled — a toggle that ignores\n   * its click is a worse footgun than no toggle.\n   */\n  showCalendarToggle?: boolean;\n  /** Override the toggle labels. Defaults are locale-aware (English / Arabic). */\n  calendarLabels?: CalendarLabels;\n  /**\n   * When `true`, each day cell also shows the *other* calendar's day number\n   * as small secondary text (e.g., Hijri active → Gregorian day shown small\n   * underneath). Helps users cross-reference dates between calendar systems\n   * without round-tripping the toggle. Defaults to `false`.\n   */\n  showSecondaryCalendar?: boolean;\n}\n\n// ─── 3. Outside-month cell wrapper (single-date only) ─── //\n\n// react-aria marks outside-month cells as disabled by design — the standard\n// Calendar UX uses arrows / dropdowns / keyboard for cross-month navigation.\n// But many DGA flows want one-click selection of an adjacent month's day, so\n// we render a parallel <button> for those cells that bypasses the disabled\n// state, drives `setFocusedDate` + `selectDate` manually, and preserves the\n// rest of react-aria's a11y wiring for inside-month cells.\n//\n// This lives in DatePicker (not the shared core) because its `isSelected` check\n// reads `state.value` as a single CalendarDate — that doesn't generalize to a\n// range, where `state.value` is `{ start, end }`. DateRangePicker uses\n// react-aria's default outside-month behavior instead.\nfunction CalendarDayCell({ date, showSecondary, calendarSystem }: CalendarDayCellProps) {\n  const state = useContext(AriaCalendarStateContext);\n\n  // Visible range start tells us the \"current\" month being shown. Anything\n  // with a different (year, month) pair is outside-month.\n  const start = state?.visibleRange.start;\n  const isOutside = !!start && (date.year !== start.year || date.month !== start.month);\n\n  // For outside-month cells, also confirm they're inside min/max bounds —\n  // otherwise they should genuinely render disabled. `state.isInvalid` is\n  // bounds-only (min/max); `isCellDisabled` also marks outside-month as\n  // disabled internally, which would block our wrapper from activating.\n  const isOutOfBounds = state ? state.isInvalid(date) : false;\n\n  if (state && isOutside && !isOutOfBounds) {\n    const selected = state.value;\n    const isSelected =\n      !!selected &&\n      selected.year === date.year &&\n      selected.month === date.month &&\n      selected.day === date.day;\n\n    const handleSelect = () => {\n      // Update focused-month first so the visible page jumps, then commit the\n      // selection. React batches these into one re-render.\n      state.setFocusedDate(date);\n      state.selectDate(date);\n    };\n\n    return (\n      <td role=\"gridcell\">\n        <button\n          type=\"button\"\n          // Outside the keyboard nav chain (react-aria's inside-month cells own\n          // that). Mouse users get the shortcut; keyboard users navigate via\n          // arrows or the month/year dropdowns.\n          tabIndex={-1}\n          className=\"ddga-calendar__cell\"\n          data-outside-month=\"\"\n          data-selected={isSelected ? '' : undefined}\n          data-slot=\"date-picker-day-cell\"\n          onClick={handleSelect}\n        >\n          {renderDayContent(date.day, { showSecondary, date, calendarSystem })}\n        </button>\n      </td>\n    );\n  }\n\n  return (\n    <AriaCalendarCell date={date} className=\"ddga-calendar__cell\">\n      {({ formattedDate }) =>\n        renderDayContent(formattedDate, { showSecondary, date, calendarSystem })\n      }\n    </AriaCalendarCell>\n  );\n}\n\ninterface CalendarDayCellProps {\n  date: CalendarDate;\n  showSecondary: boolean;\n  calendarSystem: CalendarSystem;\n}\n\n// ─── 4. Component ─── //\n\nfunction DatePicker({\n  value: controlledValue,\n  defaultValue,\n  onChange,\n  minValue,\n  maxValue,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  required,\n  disabled,\n  size,\n  id,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  calendar: controlledCalendar,\n  defaultCalendar = 'gregorian',\n  onCalendarChange,\n  showCalendarToggle = true,\n  calendarLabels,\n  showSecondaryCalendar = false,\n}: DatePickerProps) {\n  // ─ value: controlled or uncontrolled, always Gregorian internally ─\n  const isValueControlled = controlledValue !== undefined;\n  const [internalValue, setInternalValue] = useState<CalendarDate | null>(() =>\n    dateToCalendarDate(defaultValue),\n  );\n  const value = isValueControlled ? dateToCalendarDate(controlledValue) : internalValue;\n\n  const handleAriaChange = useCallback(\n    (next: DateValue | null) => {\n      const nextCD = next ? new CalendarDate(next.year, next.month, next.day) : null;\n      if (!isValueControlled) setInternalValue(nextCD);\n      onChange?.(calendarDateToDate(nextCD));\n    },\n    [isValueControlled, onChange],\n  );\n\n  // ─ calendar system: controlled or uncontrolled ─\n  const isCalendarControlled = controlledCalendar !== undefined;\n  const [internalCalendar, setInternalCalendar] = useState<CalendarSystem>(defaultCalendar);\n  const calendarSystem = isCalendarControlled ? controlledCalendar : internalCalendar;\n\n  const setCalendar = useCallback(\n    (next: CalendarSystem) => {\n      if (!isCalendarControlled) setInternalCalendar(next);\n      onCalendarChange?.(next);\n    },\n    [isCalendarControlled, onCalendarChange],\n  );\n\n  // ─ Shared chrome (locale, portal, chevrons, labels) ─\n  const {\n    dgaLocale,\n    locale: ariaLocale,\n    portalContainer,\n    PrevChevron,\n    NextChevron,\n    resolvedLabels,\n    navLabels,\n    a11yLabels,\n  } = useCalendarChrome(calendarSystem, calendarLabels);\n\n  // ─ Bounds ─\n  const ariaMinValue = useMemo(() => dateToCalendarDate(minValue) ?? undefined, [minValue]);\n  const ariaMaxValue = useMemo(() => dateToCalendarDate(maxValue) ?? undefined, [maxValue]);\n\n  // ─ Popover aria-label fallback ─\n  // Dialog requires an accessible name; derive from the field label when\n  // possible (string-only), else fall back to a generic so a11y stays valid\n  // even when consumers compose a rich label node.\n  const dialogAriaLabel =\n    ariaLabel ??\n    (typeof label === 'string'\n      ? label\n      : ariaLabelledBy\n        ? undefined\n        : dgaLocale.startsWith('ar')\n          ? 'التاريخ'\n          : 'Date');\n\n  // ─ Toggle visibility ─\n  const showToggle = showCalendarToggle && !isCalendarControlled;\n\n  // ─ Derived field-message visibility (mirrors useFieldA11y rules) ─\n  const hasError = !!error;\n  const hasErrorMessage = hasError && errorMessage != null && errorMessage !== '';\n  const hasHelper = !hasErrorMessage && helperText != null && helperText !== '';\n\n  return (\n    <I18nProvider locale={ariaLocale}>\n      <AriaDatePicker\n        value={value}\n        onChange={handleAriaChange}\n        minValue={ariaMinValue}\n        maxValue={ariaMaxValue}\n        isRequired={required}\n        isDisabled={disabled}\n        isInvalid={hasError}\n        shouldCloseOnSelect\n        id={id}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className=\"ddga-field\"\n        data-slot=\"date-picker-field\"\n      >\n        {label && (\n          <AriaLabel className=\"ddga-date-picker__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-date-picker__required\">\n                *\n              </span>\n            )}\n          </AriaLabel>\n        )}\n        <AriaGroup\n          data-slot=\"date-picker-trigger\"\n          className={cn(datePickerTriggerVariants({ size, error: hasError }), className)}\n        >\n          <AriaDateInput className=\"ddga-date-picker__input\" data-slot=\"date-picker-input\">\n            {(segment) => (\n              <AriaDateSegment\n                segment={segment}\n                className=\"ddga-date-picker__segment\"\n                data-slot=\"date-picker-segment\"\n              />\n            )}\n          </AriaDateInput>\n          <AriaButton\n            className=\"ddga-date-picker__icon-button\"\n            aria-label={a11yLabels.openCalendar}\n            data-slot=\"date-picker-trigger-button\"\n          >\n            <CalendarIcon aria-hidden=\"true\" className=\"ddga-date-picker__icon\" />\n          </AriaButton>\n        </AriaGroup>\n        {hasHelper && (\n          <AriaText\n            slot=\"description\"\n            className=\"ddga-field__message ddga-field__message--helper\"\n            data-slot=\"field-helper\"\n          >\n            {helperText}\n          </AriaText>\n        )}\n        {hasErrorMessage && (\n          <AriaFieldError\n            className=\"ddga-field__message ddga-field__message--error\"\n            data-slot=\"field-error\"\n          >\n            {errorMessage}\n          </AriaFieldError>\n        )}\n        <AriaPopover\n          UNSTABLE_portalContainer={portalContainer}\n          className=\"ddga-calendar-popover\"\n          data-slot=\"date-picker-popover\"\n          offset={6}\n          // Keep some breathing room from the viewport edge so the popover\n          // doesn't butt up against the bottom of the iframe in short\n          // containers (the Storybook canvas case). Combined with the inner\n          // Dialog's overflow:auto, the calendar will scroll if it can't fit.\n          containerPadding={12}\n        >\n          <AriaDialog\n            className=\"ddga-calendar-dialog\"\n            data-slot=\"date-picker-dialog\"\n            aria-label={dialogAriaLabel}\n            aria-labelledby={ariaLabelledBy}\n          >\n            {showToggle && (\n              <CalendarSystemToggle\n                value={calendarSystem}\n                onChange={setCalendar}\n                labels={resolvedLabels}\n                groupLabel={a11yLabels.calendarSystem}\n              />\n            )}\n            <AriaCalendar className=\"ddga-calendar\" data-slot=\"date-picker-calendar\">\n              <header className=\"ddga-calendar__header\">\n                <AriaButton\n                  slot=\"previous\"\n                  className=\"ddga-calendar__nav\"\n                  data-slot=\"date-picker-calendar-prev\"\n                >\n                  <PrevChevron aria-hidden=\"true\" />\n                </AriaButton>\n                <CalendarNavHeader\n                  locale={ariaLocale}\n                  monthLabel={navLabels.month}\n                  yearLabel={navLabels.year}\n                />\n                <AriaButton\n                  slot=\"next\"\n                  className=\"ddga-calendar__nav\"\n                  data-slot=\"date-picker-calendar-next\"\n                >\n                  <NextChevron aria-hidden=\"true\" />\n                </AriaButton>\n              </header>\n              <AriaCalendarGrid className=\"ddga-calendar__grid\">\n                <AriaCalendarGridHeader>\n                  {(day) => (\n                    <AriaCalendarHeaderCell className=\"ddga-calendar__weekday\">\n                      {day}\n                    </AriaCalendarHeaderCell>\n                  )}\n                </AriaCalendarGridHeader>\n                <AriaCalendarGridBody>\n                  {(date) => (\n                    <CalendarDayCell\n                      date={date}\n                      showSecondary={showSecondaryCalendar}\n                      calendarSystem={calendarSystem}\n                    />\n                  )}\n                </AriaCalendarGridBody>\n              </AriaCalendarGrid>\n            </AriaCalendar>\n          </AriaDialog>\n        </AriaPopover>\n      </AriaDatePicker>\n    </I18nProvider>\n  );\n}\n\n// ─── 5. Exports ─── //\n\nexport { DatePicker, datePickerTriggerVariants, datePickerVariants };\nexport type { DatePickerProps, CalendarSystem, CalendarLabels };\n"],"mappings":"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","names":[]}

package/dist/chunk-FEUMA5IS.cjs

@@ -1,102 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
-
-
-var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
-
-// src/components/Badge/Badge.tsx
-var _react = require('react');
-var _radixui = require('radix-ui');
-var _classvarianceauthority = require('class-variance-authority');
-var _jsxruntime = require('react/jsx-runtime');
-var badgeVariants = _classvarianceauthority.cva.call(void 0, "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] = _react.useState.call(void 0, 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 ? _radixui.Slot.Slot : "span";
-  const showClose = dismissible && !asChild;
-  const handleDismiss = () => {
-    if (!isControlled) setUncontrolledOpen(false);
-    _optionalChain([onDismiss, 'optionalCall', _ => _()]);
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Comp, { "data-slot": "badge", className: _chunkV6MXOJQ4cjs.cn.call(void 0, badgeVariants({ variant, size }), className), ...props, children: [
-    dot ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-badge__dot", "aria-hidden": "true" }) : null,
-    startIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, _radixui.Slot.Slottable, { children })
-    ) : children,
-    endIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-badge__icon", "aria-hidden": "true", children: endIcon }) : null,
-    showClose ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        type: "button",
-        className: "ddga-badge__close",
-        "aria-label": closeLabel,
-        onClick: handleDismiss,
-        "data-slot": "badge-close",
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Close, { "aria-hidden": "true" })
-      }
-    ) : null
-  ] });
-}
-
-
-
-
-exports.badgeVariants = badgeVariants; exports.Badge = Badge;
-//# sourceMappingURL=chunk-FEUMA5IS.cjs.map

package/dist/chunk-FEUMA5IS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-FEUMA5IS.cjs","../src/components/Badge/Badge.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-FEUMA5IS.cjs","sourcesContent":[null,"'use client';\n\nimport { useState, type ReactNode } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Close } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\n// Three visual families:\n//   - solid:   filled background, white-on-color (high contrast, draws the eye)\n//   - subtle:  tinted background (color-100) + dark-color text (color-700/800)\n//   - outline: bordered, transparent\n// Subtle is the right default for table cells / dense UI where solid would be\n// visually loud. Solid is the right default for hero badges / single status pills.\nconst badgeVariants = cva('ddga-badge', {\n  variants: {\n    variant: {\n      // Solid family\n      default: 'ddga-badge--default',\n      primary: 'ddga-badge--primary',\n      secondary: 'ddga-badge--secondary',\n      destructive: 'ddga-badge--destructive',\n      success: 'ddga-badge--success',\n      warning: 'ddga-badge--warning',\n      info: 'ddga-badge--info',\n      // Subtle family (tonal)\n      'primary-subtle': 'ddga-badge--primary-subtle',\n      'secondary-subtle': 'ddga-badge--secondary-subtle',\n      'destructive-subtle': 'ddga-badge--destructive-subtle',\n      'success-subtle': 'ddga-badge--success-subtle',\n      'warning-subtle': 'ddga-badge--warning-subtle',\n      'info-subtle': 'ddga-badge--info-subtle',\n      // Outline\n      outline: 'ddga-badge--outline',\n    },\n    size: {\n      sm: 'ddga-badge--sm',\n      md: 'ddga-badge--md',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface BadgeProps extends React.ComponentProps<'span'>, VariantProps<typeof badgeVariants> {\n  /** Render as the single child element instead of a `<span>` (see Button). */\n  asChild?: boolean;\n  /**\n   * Render a leading status dot. The dot inherits its color from `currentColor`\n   * so it tracks the badge's tone (subtle variants get a dark dot, solid get a\n   * white dot). Pair with `*-subtle` variants for the classic status pill.\n   * Coexists with `startIcon` — the dot lands first.\n   */\n  dot?: boolean;\n  /** Icon rendered before the badge text. Sized to the badge font (0.875em). */\n  startIcon?: ReactNode;\n  /** Icon rendered after the badge text. Sized to the badge font (0.875em). */\n  endIcon?: ReactNode;\n  /**\n   * Render a trailing close button — turns the badge into the DGA \"tag/chip\"\n   * pattern. Uncontrolled by default: the badge hides itself when the close\n   * button is clicked. Pass `open` to control visibility yourself.\n   *\n   * Not combinable with `asChild` — the consumer's slotted element (usually an\n   * `<a>`) would end up with an interactive `<button>` inside it, which is\n   * invalid HTML. In that combo the close button is suppressed and a dev\n   * warning is logged.\n   */\n  dismissible?: boolean;\n  /** Controlled visibility. When provided, `onDismiss` becomes the only signal. */\n  open?: boolean;\n  /** Fires when the close button is clicked, in both controlled and uncontrolled mode. */\n  onDismiss?: () => void;\n  /** Accessible label on the close button. Defaults to `\"Dismiss\"`. Override for i18n. */\n  closeLabel?: string;\n}\n\n// ─── 3. Component ─── //\n\nfunction Badge({\n  variant,\n  size,\n  asChild,\n  dot,\n  startIcon,\n  endIcon,\n  dismissible,\n  open,\n  onDismiss,\n  closeLabel = 'Dismiss',\n  className,\n  children,\n  ...props\n}: BadgeProps) {\n  const isControlled = open !== undefined;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(true);\n  const isOpen = isControlled ? open : uncontrolledOpen;\n\n  if (process.env.NODE_ENV !== 'production' && asChild && dismissible) {\n    console.warn(\n      \"[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.\",\n    );\n  }\n\n  if (!isOpen) return null;\n\n  const Comp = asChild ? SlotPrimitive.Slot : 'span';\n  const showClose = dismissible && !asChild;\n\n  const handleDismiss = () => {\n    if (!isControlled) setUncontrolledOpen(false);\n    onDismiss?.();\n  };\n\n  return (\n    <Comp data-slot=\"badge\" className={cn(badgeVariants({ variant, size }), className)} {...props}>\n      {dot ? <span className=\"ddga-badge__dot\" aria-hidden=\"true\" /> : null}\n      {startIcon ? (\n        <span className=\"ddga-badge__icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      ) : null}\n      {asChild ? (\n        // children IS the consumer's single element (e.g. <a>). Slottable marks\n        // where THAT element's original children should land — without it the\n        // dot/icons would replace the link text.\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        children\n      )}\n      {endIcon ? (\n        <span className=\"ddga-badge__icon\" aria-hidden=\"true\">\n          {endIcon}\n        </span>\n      ) : null}\n      {showClose ? (\n        <button\n          type=\"button\"\n          className=\"ddga-badge__close\"\n          aria-label={closeLabel}\n          onClick={handleDismiss}\n          data-slot=\"badge-close\"\n        >\n          <Close aria-hidden=\"true\" />\n        </button>\n      ) : null}\n    </Comp>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Badge, badgeVariants };\nexport type { BadgeProps };\n"]}

package/dist/chunk-FI65HI2H.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/SearchBox/SearchBox.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useRef, useState } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Input, type InputProps } from '../Input';\nimport { Button } from '../Button';\nimport { Search, Close } from '../../internal/icons';\n\n// ─── 1. Types ─── //\n\n// SearchBox composes Input — it reuses Input's field a11y (label / helper /\n// error), sizing and adornment slots — and adds search behavior on top:\n// a leading magnifier, a clear (×) button, Escape-to-clear and `onSearch`.\n// It is a form control, so (like Input) it does NOT take `asChild`.\ninterface SearchBoxProps extends Omit<InputProps, 'startAdornment' | 'endAdornment' | 'type'> {\n  /** Fires on Enter with the current query string. */\n  onSearch?: (value: string) => void;\n  /** Fires when the field is cleared (clear button or Escape). */\n  onClear?: () => void;\n  /** Show the clear (×) button while the field has a value. Default `true`. */\n  clearable?: boolean;\n  /** Accessible label for the clear button. Default `'Clear search'`. */\n  clearLabel?: string;\n}\n\n// ─── 2. Helper ─── //\n\n// Set a React-controlled input's value imperatively and notify React, so the\n// clear action works identically in controlled and uncontrolled mode: the\n// native setter bypasses React's value tracker and the dispatched `input`\n// event drives the same `onChange` path a keystroke would. (Canonical\n// controlled-input clearing technique.)\nfunction setNativeInputValue(el: HTMLInputElement, value: string) {\n  const setter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')?.set;\n  setter?.call(el, value);\n  el.dispatchEvent(new Event('input', { bubbles: true }));\n}\n\n// ─── 3. Component ─── //\n\nfunction SearchBox({\n  value,\n  defaultValue,\n  onChange,\n  onKeyDown,\n  onSearch,\n  onClear,\n  clearable = true,\n  clearLabel = 'Clear search',\n  className,\n  ref,\n  ...rest\n}: SearchBoxProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // We need the input node internally (clear() refocuses it), but consumers can\n  // also pass a `ref` (InputProps advertises it). Merge both onto one callback\n  // so neither clobbers the other.\n  const setRefs = useCallback(\n    (node: HTMLInputElement | null) => {\n      inputRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref],\n  );\n\n  // Internally controlled: we always feed `value` to the inner input so the\n  // clear button's visibility tracks the current text in both modes.\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<string>(\n    defaultValue != null ? String(defaultValue) : '',\n  );\n  const currentValue = isControlled ? String(value ?? '') : internal;\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (!isControlled) setInternal(event.target.value);\n    onChange?.(event);\n  };\n\n  const clear = () => {\n    const el = inputRef.current;\n    if (!el) return;\n    setNativeInputValue(el, '');\n    el.focus();\n    onClear?.();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n\n    if (event.key === 'Enter') {\n      onSearch?.(currentValue);\n    } else if (event.key === 'Escape' && currentValue.length > 0) {\n      // First Escape clears the query; stop it here so a parent overlay\n      // (Modal/Popover) only closes on a second, now-empty Escape.\n      event.preventDefault();\n      event.stopPropagation();\n      clear();\n    }\n  };\n\n  const showClear = clearable && currentValue.length > 0;\n\n  return (\n    <Input\n      {...rest}\n      ref={setRefs}\n      type=\"search\"\n      value={currentValue}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      className={cn('ddga-search-box', className)}\n      startAdornment={<Search data-slot=\"search-box-icon\" aria-hidden=\"true\" />}\n      endAdornment={\n        showClear ? (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            aria-label={clearLabel}\n            data-slot=\"search-box-clear\"\n            onClick={clear}\n          >\n            <Close aria-hidden=\"true\" />\n          </Button>\n        ) : undefined\n      }\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { SearchBox };\nexport type { SearchBoxProps };\n"],"mappings":";;;;;;;;;;;;;;;AAEA,SAAS,aAAa,QAAQ,gBAAgB;AAgHxB;AAlFtB,SAAS,oBAAoB,IAAsB,OAAe;AAChE,QAAM,SAAS,OAAO,yBAAyB,OAAO,iBAAiB,WAAW,OAAO,GAAG;AAC5F,UAAQ,KAAK,IAAI,KAAK;AACtB,KAAG,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,KAAK,CAAC,CAAC;AACxD;AAIA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,WAAW,OAAyB,IAAI;AAK9C,QAAM,UAAU;AAAA,IACd,CAAC,SAAkC;AACjC,eAAS,UAAU;AACnB,UAAI,OAAO,QAAQ,WAAY,KAAI,IAAI;AAAA,eAC9B,IAAK,KAAI,UAAU;AAAA,IAC9B;AAAA,IACA,CAAC,GAAG;AAAA,EACN;AAIA,QAAM,eAAe,UAAU;AAC/B,QAAM,CAAC,UAAU,WAAW,IAAI;AAAA,IAC9B,gBAAgB,OAAO,OAAO,YAAY,IAAI;AAAA,EAChD;AACA,QAAM,eAAe,eAAe,OAAO,SAAS,EAAE,IAAI;AAE1D,QAAM,eAAe,CAAC,UAA+C;AACnE,QAAI,CAAC,aAAc,aAAY,MAAM,OAAO,KAAK;AACjD,eAAW,KAAK;AAAA,EAClB;AAEA,QAAM,QAAQ,MAAM;AAClB,UAAM,KAAK,SAAS;AACpB,QAAI,CAAC,GAAI;AACT,wBAAoB,IAAI,EAAE;AAC1B,OAAG,MAAM;AACT,cAAU;AAAA,EACZ;AAEA,QAAM,gBAAgB,CAAC,UAAiD;AACtE,gBAAY,KAAK;AACjB,QAAI,MAAM,iBAAkB;AAE5B,QAAI,MAAM,QAAQ,SAAS;AACzB,iBAAW,YAAY;AAAA,IACzB,WAAW,MAAM,QAAQ,YAAY,aAAa,SAAS,GAAG;AAG5D,YAAM,eAAe;AACrB,YAAM,gBAAgB;AACtB,YAAM;AAAA,IACR;AAAA,EACF;AAEA,QAAM,YAAY,aAAa,aAAa,SAAS;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,MAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,WAAW;AAAA,MACX,WAAW,GAAG,mBAAmB,SAAS;AAAA,MAC1C,gBAAgB,oBAAC,UAAO,aAAU,mBAAkB,eAAY,QAAO;AAAA,MACvE,cACE,YACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,aAAU;AAAA,UACV,SAAS;AAAA,UAET,8BAAC,SAAM,eAAY,QAAO;AAAA;AAAA,MAC5B,IACE;AAAA;AAAA,EAER;AAEJ;","names":[]}

package/dist/chunk-G3M3XYMI.cjs

@@ -1 +0,0 @@
-"use strict";//# sourceMappingURL=chunk-G3M3XYMI.cjs.map

package/dist/chunk-GLWMKKLR.cjs

@@ -1,109 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
-
-var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
-
-
-var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
-
-// src/components/Quote/Quote.tsx
-require('react');
-var _radixui = require('radix-ui');
-var _classvarianceauthority = require('class-variance-authority');
-var _jsxruntime = require('react/jsx-runtime');
-var quoteVariants = _classvarianceauthority.cva.call(void 0, "ddga-quote", {
-  variants: {
-    variant: {
-      /** Inline-start accent border (SA Green). The everyday blockquote. */
-      default: "ddga-quote--default",
-      /** Large editorial quote, centered, prominent mark — breaks up prose. */
-      pullquote: "ddga-quote--pullquote",
-      /** Card surface (border + bg + shadow), sized for an avatar + attribution. */
-      testimonial: "ddga-quote--testimonial",
-      /** Bare — no border, no surface. For inline / tightly-composed use. */
-      plain: "ddga-quote--plain"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-function Quote({
-  variant,
-  quoteMark = false,
-  avatar,
-  author,
-  byline,
-  source,
-  cite,
-  className,
-  children,
-  ...props
-}) {
-  const hasAttribution = author != null || byline != null || source != null;
-  const mark = quoteMark ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.QuoteMark, { "aria-hidden": "true", className: "ddga-quote__mark" }) : null;
-  if (!hasAttribution) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "blockquote",
-      {
-        "data-slot": "quote",
-        "data-variant": _nullishCoalesce(variant, () => ( "default")),
-        className: _chunkV6MXOJQ4cjs.cn.call(void 0, quoteVariants({ variant }), className),
-        cite,
-        ...props,
-        children: [
-          mark,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QuoteContent, { children })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "figure",
-    {
-      "data-slot": "quote",
-      "data-variant": _nullishCoalesce(variant, () => ( "default")),
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, quoteVariants({ variant }), className),
-      ...props,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "blockquote", { "data-slot": "quote-blockquote", className: "ddga-quote__blockquote", cite, children: [
-          mark,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QuoteContent, { children })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, QuoteCaption, { children: [
-          avatar != null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "quote-avatar", "aria-hidden": "true", className: "ddga-quote__avatar", children: avatar }) : null,
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "ddga-quote__attribution", children: [
-            author != null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QuoteAuthor, { children: author }) : null,
-            byline != null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "quote-byline", className: "ddga-quote__byline", children: byline }) : null,
-            source != null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QuoteSource, { children: source }) : null
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function QuoteContent({ asChild, className, ...props }) {
-  const Comp = asChild ? _radixui.Slot.Slot : "div";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "quote-content", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-quote__content", className), ...props });
-}
-function QuoteCaption({ asChild, className, ...props }) {
-  const Comp = asChild ? _radixui.Slot.Slot : "figcaption";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "quote-caption", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-quote__caption", className), ...props });
-}
-function QuoteAuthor({ asChild, className, ...props }) {
-  const Comp = asChild ? _radixui.Slot.Slot : "span";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "quote-author", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-quote__author", className), ...props });
-}
-function QuoteSource({ asChild, className, ...props }) {
-  const Comp = asChild ? _radixui.Slot.Slot : "cite";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "quote-source", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-quote__source", className), ...props });
-}
-
-
-
-
-
-
-
-
-exports.quoteVariants = quoteVariants; exports.Quote = Quote; exports.QuoteContent = QuoteContent; exports.QuoteCaption = QuoteCaption; exports.QuoteAuthor = QuoteAuthor; exports.QuoteSource = QuoteSource;
-//# sourceMappingURL=chunk-GLWMKKLR.cjs.map

package/dist/chunk-GLWMKKLR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-GLWMKKLR.cjs","../src/components/Quote/Quote.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-GLWMKKLR.cjs","sourcesContent":[null,"'use client';\n\nimport { type ReactNode } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { QuoteMark } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst quoteVariants = cva('ddga-quote', {\n  variants: {\n    variant: {\n      /** Inline-start accent border (SA Green). The everyday blockquote. */\n      default: 'ddga-quote--default',\n      /** Large editorial quote, centered, prominent mark — breaks up prose. */\n      pullquote: 'ddga-quote--pullquote',\n      /** Card surface (border + bg + shadow), sized for an avatar + attribution. */\n      testimonial: 'ddga-quote--testimonial',\n      /** Bare — no border, no surface. For inline / tightly-composed use. */\n      plain: 'ddga-quote--plain',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface QuoteProps\n  // Base on the generic HTML attribute set: the root element varies (a <figure>\n  // when captioned, else a bare <blockquote>), so element-specific props (and a\n  // single ref type) don't apply. The native `role`/`cite` attributes are\n  // forwarded via `...props` like any other HTML attribute.\n  extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof quoteVariants> {\n  /** The quote text. Rendered inside the `<blockquote>`. */\n  children?: ReactNode;\n  /** Show a decorative opening quotation mark (RTL-flipped). Defaults to `false`. */\n  quoteMark?: boolean;\n  /**\n   * Attribution media (e.g. an `<Avatar />`), rendered at the inline-start of the\n   * caption. Only shown alongside textual attribution (`author`/`byline`/`source`)\n   * — an avatar with no name is decorative-only and would leave the\n   * `<figcaption>` empty to assistive tech, so it is dropped on its own. Most\n   * natural on `testimonial`. Quote renders whatever node you pass — it takes no\n   * Avatar dependency.\n   */\n  avatar?: ReactNode;\n  /** Attribution name (e.g. the person quoted). Rendered as plain text. */\n  author?: ReactNode;\n  /**\n   * Secondary attribution line below the author — typically a job title or\n   * affiliation (e.g. \"Product Manager, DGA\"). Named `byline` rather than `role`\n   * so the native ARIA `role` attribute stays available on the root element.\n   */\n  byline?: ReactNode;\n  /** Title of the work, rendered in a real `<cite>` element. */\n  source?: ReactNode;\n  /**\n   * URL of the source document — set as the `cite=` **attribute** on the\n   * `<blockquote>` (machine-readable, not visible). For a visible work title use\n   * `source`.\n   */\n  cite?: string;\n}\n\ntype QuoteContentProps = React.ComponentProps<'div'> & { asChild?: boolean };\ntype QuoteCaptionProps = React.ComponentProps<'figcaption'> & { asChild?: boolean };\ntype QuoteAuthorProps = React.ComponentProps<'span'> & { asChild?: boolean };\ntype QuoteSourceProps = React.ComponentProps<'cite'> & { asChild?: boolean };\n\n// ─── 3. Components ─── //\n\n/**\n * Visual-only quote. Renders a `<blockquote>`; when textual attribution\n * (`author`/`byline`/`source`) is present it is wrapped in a `<figure>` with a\n * `<figcaption>` (a `<figcaption>` must not be empty, so a bare quote stays a\n * lone `<blockquote>`).\n *\n * No `asChild` on the root: the `figure`/`blockquote`/`figcaption` composite has\n * fixed semantics (documented carve-out, mirrors `EmptyState`/`Timeline`/`List`).\n * The exported sub-parts carry `asChild` for hand-assembled compositions.\n */\nfunction Quote({\n  variant,\n  quoteMark = false,\n  avatar,\n  author,\n  byline,\n  source,\n  cite,\n  className,\n  children,\n  ...props\n}: QuoteProps) {\n  // Avatar alone is NOT attribution: it would leave the <figcaption> empty to\n  // assistive tech (the avatar wrapper is aria-hidden). The figure path requires\n  // at least one textual attribution field.\n  const hasAttribution = author != null || byline != null || source != null;\n\n  const mark = quoteMark ? <QuoteMark aria-hidden=\"true\" className=\"ddga-quote__mark\" /> : null;\n\n  // No attribution → a bare <blockquote> is the root (an empty <figcaption>\n  // would be invalid HTML). The figure-typed `...props` (global HTML attrs:\n  // id/style/aria-*/data-*) are still forwarded — they apply to a <blockquote>\n  // just the same.\n  if (!hasAttribution) {\n    return (\n      <blockquote\n        data-slot=\"quote\"\n        data-variant={variant ?? 'default'}\n        className={cn(quoteVariants({ variant }), className)}\n        cite={cite}\n        {...props}\n      >\n        {mark}\n        <QuoteContent>{children}</QuoteContent>\n      </blockquote>\n    );\n  }\n\n  return (\n    <figure\n      data-slot=\"quote\"\n      data-variant={variant ?? 'default'}\n      className={cn(quoteVariants({ variant }), className)}\n      {...props}\n    >\n      <blockquote data-slot=\"quote-blockquote\" className=\"ddga-quote__blockquote\" cite={cite}>\n        {mark}\n        <QuoteContent>{children}</QuoteContent>\n      </blockquote>\n      <QuoteCaption>\n        {avatar != null ? (\n          <span data-slot=\"quote-avatar\" aria-hidden=\"true\" className=\"ddga-quote__avatar\">\n            {avatar}\n          </span>\n        ) : null}\n        {/* At least one of these is non-null here (it's what gates the figure). */}\n        <span className=\"ddga-quote__attribution\">\n          {author != null ? <QuoteAuthor>{author}</QuoteAuthor> : null}\n          {byline != null ? (\n            <span data-slot=\"quote-byline\" className=\"ddga-quote__byline\">\n              {byline}\n            </span>\n          ) : null}\n          {source != null ? <QuoteSource>{source}</QuoteSource> : null}\n        </span>\n      </QuoteCaption>\n    </figure>\n  );\n}\n\n/** Body wrapper inside the `<blockquote>`. */\nfunction QuoteContent({ asChild, className, ...props }: QuoteContentProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"quote-content\" className={cn('ddga-quote__content', className)} {...props} />\n  );\n}\n\n/** Caption (attribution) below the quote. Pair with a `<figure>` root. */\nfunction QuoteCaption({ asChild, className, ...props }: QuoteCaptionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'figcaption';\n  return (\n    <Comp data-slot=\"quote-caption\" className={cn('ddga-quote__caption', className)} {...props} />\n  );\n}\n\n/** Attribution name. */\nfunction QuoteAuthor({ asChild, className, ...props }: QuoteAuthorProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'span';\n  return (\n    <Comp data-slot=\"quote-author\" className={cn('ddga-quote__author', className)} {...props} />\n  );\n}\n\n/** Title of the cited work — a real `<cite>` element. */\nfunction QuoteSource({ asChild, className, ...props }: QuoteSourceProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'cite';\n  return (\n    <Comp data-slot=\"quote-source\" className={cn('ddga-quote__source', className)} {...props} />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Quote, QuoteContent, QuoteCaption, QuoteAuthor, QuoteSource, quoteVariants };\nexport type {\n  QuoteProps,\n  QuoteContentProps,\n  QuoteCaptionProps,\n  QuoteAuthorProps,\n  QuoteSourceProps,\n};\n"]}