@dev-dga/react 0.11.0 → 0.12.1

package/dist/{chunk-4T6QBG46.cjs → chunk-AJXGXUBN.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
 
 
 var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
@@ -12,24 +12,33 @@ var _classvarianceauthority = require('class-variance-authority');
 var _jsxruntime = require('react/jsx-runtime');
 var linkVariants = _classvarianceauthority.cva.call(void 0, "ddga-link", {
   variants: {
-    variant: {
-      // Inline links in running prose. Underlined always — color alone fails
-      // WCAG 1.4.1 when a link sits inside a block of text.
-      default: "ddga-link--default",
-      // Links in UI chrome (footers, meta rows) where context makes them
-      // obviously links: no underline until hover.
-      subtle: "ddga-link--subtle",
-      // Block-level CTAs ("Learn more →"): inline-flex with gapped icons,
-      // no underline. Not for mid-sentence use.
-      standalone: "ddga-link--standalone"
+    tone: {
+      primary: "ddga-link--primary",
+      neutral: "ddga-link--neutral",
+      onColor: "ddga-link--on-color"
+    },
+    size: {
+      sm: "ddga-link--sm",
+      md: "ddga-link--md"
+    },
+    // SDGA Inline axis: true = always underlined (flows in prose); false = underline
+    // on hover/pressed only (standalone / chrome link, laid out as inline-flex).
+    inline: {
+      true: "ddga-link--inline",
+      false: "ddga-link--standalone"
     }
   },
   defaultVariants: {
-    variant: "default"
+    tone: "primary",
+    size: "md",
+    inline: false
   }
 });
 function Link({
-  variant,
+  tone,
+  size,
+  inline,
+  disabled,
   external,
   startIcon,
   endIcon,
@@ -38,9 +47,10 @@ function Link({
   className,
   children,
   rel,
+  tabIndex,
   ...props
 }) {
-  if (process.env.NODE_ENV === "development" && !asChild && props.href == null) {
+  if (process.env.NODE_ENV === "development" && !asChild && !disabled && props.href == null) {
     console.warn(
       '[@dev-dga/react] Link rendered without an `href`. A link needs an href to be focusable and exposed as a link to assistive tech. Provide `href`, use `asChild` to render your own element (e.g. a router Link), or use `Button variant="ghost"` for an action that is not navigation.'
     );
@@ -54,8 +64,10 @@ function Link({
     Comp,
     {
       "data-slot": "link",
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, linkVariants({ variant }), className),
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, linkVariants({ tone, size, inline }), className),
       rel: relValue,
+      "aria-disabled": disabled || void 0,
+      tabIndex: disabled ? -1 : tabIndex,
       ...props,
       children: [
         startIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -83,7 +95,7 @@ function Link({
             className: "ddga-link__icon ddga-link__icon--external",
             "data-slot": "link-external-icon",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.ExternalLink, {})
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.ExternalLink, {})
           }
         )
       ]
@@ -95,4 +107,4 @@ function Link({
 
 
 exports.linkVariants = linkVariants; exports.Link = Link;
-//# sourceMappingURL=chunk-4T6QBG46.cjs.map
+//# sourceMappingURL=chunk-AJXGXUBN.cjs.map

package/dist/chunk-AJXGXUBN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-AJXGXUBN.cjs","../src/components/Link/Link.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-AJXGXUBN.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 { ExternalLink } from '../../internal/icons';\n\nconst linkVariants = cva('ddga-link', {\n  variants: {\n    tone: {\n      primary: 'ddga-link--primary',\n      neutral: 'ddga-link--neutral',\n      onColor: 'ddga-link--on-color',\n    },\n    size: {\n      sm: 'ddga-link--sm',\n      md: 'ddga-link--md',\n    },\n    // SDGA Inline axis: true = always underlined (flows in prose); false = underline\n    // on hover/pressed only (standalone / chrome link, laid out as inline-flex).\n    inline: {\n      true: 'ddga-link--inline',\n      false: 'ddga-link--standalone',\n    },\n  },\n  defaultVariants: {\n    tone: 'primary',\n    size: 'md',\n    inline: false,\n  },\n});\n\ninterface LinkProps\n  extends Omit<React.ComponentProps<'a'>, 'color'>, VariantProps<typeof linkVariants> {\n  /**\n   * Color family (SDGA Style axis). `primary` (SA green), `neutral` (gray-700),\n   * `onColor` (white — for dark/colored surfaces).\n   * @default 'primary'\n   */\n  tone?: 'primary' | 'neutral' | 'onColor';\n  /**\n   * `md` = 16/24 + 20px icons, `sm` = 14/20 + 16px icons.\n   * @default 'md'\n   */\n  size?: 'sm' | 'md';\n  /**\n   * Underline always (for links inside running prose — WCAG 1.4.1). When `false`\n   * the link only underlines on hover/pressed. Set this for any in-text link.\n   * @default false\n   */\n  inline?: boolean;\n  /** Render the link in its disabled state (`aria-disabled`, not focusable, not clickable). */\n  disabled?: boolean;\n  /**\n   * External link: appends a decorative ↗ icon and sets\n   * `rel=\"noopener noreferrer\"` (merged with any consumer `rel`). `target` is\n   * left to the consumer — forcing `_blank` is an a11y opinion best owned by\n   * the caller.\n   */\n  external?: boolean;\n  /** Leading icon. Decorative — rendered `aria-hidden`. */\n  startIcon?: ReactNode;\n  /**\n   * Trailing icon. Decorative. When both `external` and `endIcon` are set, the\n   * consumer's `endIcon` wins (the auto ↗ is suppressed).\n   */\n  endIcon?: ReactNode;\n  /** Flip start/end icons horizontally in RTL (for directional arrows/chevrons). */\n  iconFlip?: boolean;\n  /**\n   * Render as the single child element instead of an `<a>`. Lets consumers\n   * compose with framework routers (`<Link asChild><RouterLink to=\"…\">…</RouterLink></Link>`).\n   */\n  asChild?: boolean;\n}\n\nfunction Link({\n  tone,\n  size,\n  inline,\n  disabled,\n  external,\n  startIcon,\n  endIcon,\n  iconFlip,\n  asChild,\n  className,\n  children,\n  rel,\n  tabIndex,\n  ...props\n}: LinkProps) {\n  if (process.env.NODE_ENV === 'development' && !asChild && !disabled && props.href == null) {\n    console.warn(\n      '[@dev-dga/react] Link rendered without an `href`. A link needs an href ' +\n        'to be focusable and exposed as a link to assistive tech. Provide `href`, ' +\n        'use `asChild` to render your own element (e.g. a router Link), or use ' +\n        '`Button variant=\"ghost\"` for an action that is not navigation.',\n    );\n  }\n\n  const Comp = asChild ? SlotPrimitive.Slot : 'a';\n\n  const relValue = external\n    ? Array.from(\n        new Set([...(rel ? rel.split(/\\s+/).filter(Boolean) : []), 'noopener', 'noreferrer']),\n      ).join(' ')\n    : rel;\n\n  const showExternalIcon = external && !endIcon;\n\n  return (\n    <Comp\n      data-slot=\"link\"\n      className={cn(linkVariants({ tone, size, inline }), className)}\n      rel={relValue}\n      aria-disabled={disabled || undefined}\n      tabIndex={disabled ? -1 : tabIndex}\n      {...props}\n    >\n      {startIcon && (\n        <span\n          className={cn('ddga-link__icon', iconFlip && 'ddga-icon-flip')}\n          data-slot=\"link-start-icon\"\n          aria-hidden=\"true\"\n        >\n          {startIcon}\n        </span>\n      )}\n      {asChild ? <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable> : children}\n      {endIcon && (\n        <span\n          className={cn('ddga-link__icon', iconFlip && 'ddga-icon-flip')}\n          data-slot=\"link-end-icon\"\n          aria-hidden=\"true\"\n        >\n          {endIcon}\n        </span>\n      )}\n      {showExternalIcon && (\n        <span\n          className=\"ddga-link__icon ddga-link__icon--external\"\n          data-slot=\"link-external-icon\"\n          aria-hidden=\"true\"\n        >\n          <ExternalLink />\n        </span>\n      )}\n    </Comp>\n  );\n}\n\nexport { Link, linkVariants };\nexport type { LinkProps };\n"]}

package/dist/{chunk-5EUEJU47.js → chunk-AMF37AOD.js}

@@ -1,7 +1,7 @@
 import {
   ChevronRight,
   MoreHorizontal
-} from "./chunk-CDS4SYEQ.js";
+} from "./chunk-FFGALWM2.js";
 import {
   cn
 } from "./chunk-7NTT2UXP.js";
@@ -87,6 +87,23 @@ function BreadcrumbEllipsis({ className, ...props }) {
     }
   );
 }
+function BreadcrumbEllipsisTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": "More breadcrumbs",
+      "data-slot": "breadcrumb-ellipsis-trigger",
+      className: cn("ddga-breadcrumb__ellipsis", "ddga-breadcrumb__ellipsis-trigger", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(MoreHorizontal, {})
+    }
+  );
+}
 
 export {
   breadcrumbVariants,
@@ -96,6 +113,7 @@ export {
   BreadcrumbLink,
   BreadcrumbPage,
   BreadcrumbSeparator,
-  BreadcrumbEllipsis
+  BreadcrumbEllipsis,
+  BreadcrumbEllipsisTrigger
 };
-//# sourceMappingURL=chunk-5EUEJU47.js.map
+//# sourceMappingURL=chunk-AMF37AOD.js.map

package/dist/chunk-AMF37AOD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Breadcrumb/Breadcrumb.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; per-part visuals cascade through descendant\n// selectors (`.ddga-breadcrumb--sm .ddga-breadcrumb__link`). Same pattern\n// as Tabs/RadioGroup — one source of truth on the nav element.\n\nconst breadcrumbVariants = cva('ddga-breadcrumb', {\n  variants: {\n    size: {\n      sm: 'ddga-breadcrumb--sm',\n      md: 'ddga-breadcrumb--md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface BreadcrumbProps\n  extends React.ComponentProps<'nav'>, VariantProps<typeof breadcrumbVariants> {}\n\ntype BreadcrumbListProps = React.ComponentProps<'ol'>;\ntype BreadcrumbItemProps = React.ComponentProps<'li'>;\n\ninterface BreadcrumbLinkProps extends React.ComponentProps<'a'> {\n  /** Render as the consumer element (e.g., a router Link) via Radix Slot. */\n  asChild?: boolean;\n}\n\ninterface BreadcrumbPageProps extends React.ComponentProps<'span'> {\n  /** Render as the consumer element (e.g., a heading) via Radix Slot. */\n  asChild?: boolean;\n}\n\ninterface BreadcrumbSeparatorProps extends React.ComponentProps<'li'> {\n  /**\n   * Override the default ChevronRight icon with custom content (e.g., `/`, `·`,\n   * or your own SVG). The wrapper itself stays `aria-hidden` since separators\n   * are decorative — the visited-state structure is conveyed via the `<ol>`\n   * + `aria-current` semantics, not the separator glyph.\n   */\n  children?: React.ReactNode;\n}\n\ntype BreadcrumbEllipsisProps = React.ComponentProps<'span'>;\ntype BreadcrumbEllipsisTriggerProps = React.ComponentProps<'button'>;\n\n// ─── 3. Components ─── //\n\nfunction Breadcrumb({ size, className, ...props }: BreadcrumbProps) {\n  // Default the accessible name to \"Breadcrumb\" so consumers don't have to\n  // wire it themselves; spread `aria-label` after so they can override it\n  // (e.g., for non-English UIs the consumer passes their own translation).\n  return (\n    <nav\n      aria-label=\"Breadcrumb\"\n      data-slot=\"breadcrumb\"\n      className={cn(breadcrumbVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbList({ className, ...props }: BreadcrumbListProps) {\n  return (\n    <ol data-slot=\"breadcrumb-list\" className={cn('ddga-breadcrumb__list', className)} {...props} />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: BreadcrumbItemProps) {\n  return (\n    <li data-slot=\"breadcrumb-item\" className={cn('ddga-breadcrumb__item', className)} {...props} />\n  );\n}\n\nfunction BreadcrumbLink({ asChild, className, ...props }: BreadcrumbLinkProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'a';\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn('ddga-breadcrumb__link', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({ asChild, className, ...props }: BreadcrumbPageProps) {\n  // `aria-current=\"page\"` marks the current location for assistive tech.\n  // The element is not focusable (consumers shouldn't link to the current\n  // page); spread props last so consumers can swap if a different\n  // aria-current value is needed (e.g., `step` in a wizard).\n  const Comp = asChild ? SlotPrimitive.Slot : 'span';\n  return (\n    <Comp\n      aria-current=\"page\"\n      data-slot=\"breadcrumb-page\"\n      className={cn('ddga-breadcrumb__page', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps) {\n  // Decorative — the `<ol>` + `aria-current` semantics already convey order\n  // and current page. `aria-hidden` keeps screen readers from announcing\n  // the glyph between every item.\n  return (\n    <li\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-slot=\"breadcrumb-separator\"\n      className={cn('ddga-breadcrumb__separator', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps) {\n  // Decorative truncation marker. For an interactive overflow menu, use\n  // BreadcrumbEllipsisTrigger in a DropdownMenuTrigger instead.\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-slot=\"breadcrumb-ellipsis\"\n      className={cn('ddga-breadcrumb__ellipsis', className)}\n      {...props}\n    >\n      <MoreHorizontal />\n    </span>\n  );\n}\n\nfunction BreadcrumbEllipsisTrigger({\n  className,\n  children,\n  ...props\n}: BreadcrumbEllipsisTriggerProps) {\n  // Chromeless, self-labeled icon button for the overflow menu — drop it into a\n  // `DropdownMenuTrigger asChild` so consumers never hand-roll button chrome.\n  return (\n    <button\n      type=\"button\"\n      aria-label=\"More breadcrumbs\"\n      data-slot=\"breadcrumb-ellipsis-trigger\"\n      className={cn('ddga-breadcrumb__ellipsis', 'ddga-breadcrumb__ellipsis-trigger', className)}\n      {...props}\n    >\n      {children ?? <MoreHorizontal />}\n    </button>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n  BreadcrumbEllipsisTrigger,\n  breadcrumbVariants,\n};\nexport type {\n  BreadcrumbProps,\n  BreadcrumbListProps,\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n  BreadcrumbPageProps,\n  BreadcrumbSeparatorProps,\n  BreadcrumbEllipsisProps,\n  BreadcrumbEllipsisTriggerProps,\n};\n"],"mappings":";;;;;;;;;AAEA,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AA4DnC;AAlDJ,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;AAmCD,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,eAAe,EAAE,WAAW,GAAG,MAAM,GAAwB;AACpE,SACE,oBAAC,QAAG,aAAU,mBAAkB,WAAW,GAAG,yBAAyB,SAAS,GAAI,GAAG,OAAO;AAElG;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,WAAW,GAAG,MAAM,GAAwB;AAC7E,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,yBAAyB,SAAS;AAAA,MAC/C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,SAAS,WAAW,GAAG,MAAM,GAAwB;AAK7E,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAa;AAAA,MACb,aAAU;AAAA,MACV,WAAW,GAAG,yBAAyB,SAAS;AAAA,MAC/C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,oBAAoB,EAAE,UAAU,WAAW,GAAG,MAAM,GAA6B;AAIxF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA,MAEH,sBAAY,oBAAC,gBAAa;AAAA;AAAA,EAC7B;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;AAEA,SAAS,0BAA0B;AAAA,EACjC;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmC;AAGjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,aAAU;AAAA,MACV,WAAW,GAAG,6BAA6B,qCAAqC,SAAS;AAAA,MACxF,GAAG;AAAA,MAEH,sBAAY,oBAAC,kBAAe;AAAA;AAAA,EAC/B;AAEJ;","names":[]}

package/dist/chunk-AMYFRY7K.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-AMYFRY7K.js.map

package/dist/chunk-ANHZT2X2.js

@@ -0,0 +1,256 @@
+import {
+  Check,
+  Close,
+  HelpCircle
+} from "./chunk-FFGALWM2.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Progress/Progress.tsx
+import { useId } from "react";
+import { Progress as ProgressPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var progressVariants = cva("ddga-progress", {
+  variants: {
+    size: {
+      sm: "ddga-progress--sm",
+      md: "ddga-progress--md",
+      lg: "ddga-progress--lg"
+    },
+    variant: {
+      primary: "ddga-progress--primary",
+      neutral: "ddga-progress--neutral"
+    },
+    state: {
+      normal: "",
+      success: "ddga-progress--success",
+      error: "ddga-progress--error"
+    }
+  },
+  defaultVariants: { size: "md", variant: "primary", state: "normal" }
+});
+var circularProgressVariants = cva("ddga-circular-progress", {
+  variants: {
+    size: {
+      sm: "ddga-circular-progress--sm",
+      md: "ddga-circular-progress--md",
+      lg: "ddga-circular-progress--lg",
+      xl: "ddga-circular-progress--xl",
+      "2xl": "ddga-circular-progress--2xl"
+    },
+    variant: {
+      primary: "ddga-circular-progress--primary",
+      neutral: "ddga-circular-progress--neutral"
+    },
+    state: {
+      normal: "",
+      success: "ddga-circular-progress--success",
+      error: "ddga-circular-progress--error"
+    }
+  },
+  defaultVariants: { size: "md", variant: "primary", state: "normal" }
+});
+function StatusBadge({ className, state }) {
+  return /* @__PURE__ */ jsx("span", { className: cn(className, `${className}--${state}`), "aria-hidden": "true", children: state === "success" ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Close, {}) });
+}
+function Progress({
+  value = null,
+  max = 100,
+  size = "md",
+  variant = "primary",
+  state = "normal",
+  label,
+  required = false,
+  helperText,
+  showValue,
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  ...props
+}) {
+  const labelId = useId();
+  const isIndeterminate = value === null;
+  const isStatus = state === "success" || state === "error";
+  const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, value / max * 100));
+  const fillPct = isStatus ? 100 : pct;
+  const showInBar = size === "lg" && !isIndeterminate && showValue !== false;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "progress-root",
+      className: cn(progressVariants({ size, variant, state }), className),
+      children: [
+        label != null && /* @__PURE__ */ jsxs("span", { id: labelId, "data-slot": "progress-label", className: "ddga-progress__label", children: [
+          required && /* @__PURE__ */ jsx("span", { className: "ddga-progress__required", "aria-hidden": "true", children: "*" }),
+          label
+        ] }),
+        /* @__PURE__ */ jsx(
+          ProgressPrimitive.Root,
+          {
+            "data-slot": "progress",
+            value: isIndeterminate ? null : value,
+            max,
+            "aria-label": label == null ? ariaLabel : void 0,
+            "aria-labelledby": label != null ? labelId : ariaLabelledby,
+            className: "ddga-progress__track",
+            ...props,
+            children: /* @__PURE__ */ jsx(
+              ProgressPrimitive.Indicator,
+              {
+                "data-slot": "progress-indicator",
+                className: "ddga-progress__indicator",
+                style: isIndeterminate ? void 0 : { inlineSize: `${fillPct}%` },
+                children: showInBar && /* @__PURE__ */ jsxs("span", { className: "ddga-progress__value", "data-slot": "progress-value", dir: "auto", children: [
+                  Math.round(pct),
+                  "%"
+                ] })
+              }
+            )
+          }
+        ),
+        helperText != null && /* @__PURE__ */ jsxs("span", { "data-slot": "progress-helper", className: "ddga-progress__helper", children: [
+          isStatus ? /* @__PURE__ */ jsx(StatusBadge, { className: "ddga-progress__badge", state }) : /* @__PURE__ */ jsx("span", { className: "ddga-progress__helper-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx(HelpCircle, {}) }),
+          /* @__PURE__ */ jsx("span", { className: "ddga-progress__helper-text", children: helperText })
+        ] })
+      ]
+    }
+  );
+}
+var CIRCULAR_SIZES = { sm: 64, md: 80, lg: 120, xl: 160, "2xl": 200 };
+var CIRCULAR_STROKE = { sm: 4, md: 8, lg: 10, xl: 14, "2xl": 20 };
+var SEGMENT_GAP_FRACTION = 0.16;
+function CircularProgress({
+  value = null,
+  max = 100,
+  size = "md",
+  variant = "primary",
+  state = "normal",
+  thickness,
+  segments,
+  showLabel = true,
+  description,
+  className,
+  ...props
+}) {
+  if (process.env.NODE_ENV === "development" && !props["aria-label"] && !props["aria-labelledby"]) {
+    console.warn(
+      "[dga/Progress] <CircularProgress> has no accessible name. Pass `aria-label` or `aria-labelledby` so screen-reader users know what the progress represents."
+    );
+  }
+  const isIndeterminate = value === null;
+  const isSegmented = typeof segments === "number" && segments >= 2;
+  const isStatus = state === "success" || state === "error";
+  const sizeKey = size ?? "md";
+  const diameter = CIRCULAR_SIZES[sizeKey];
+  const strokeWidth = thickness ?? CIRCULAR_STROKE[sizeKey];
+  const radius = (diameter - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const center = diameter / 2;
+  const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, value / max * 100));
+  const fillPct = isStatus ? 100 : pct;
+  const dashOffset = isIndeterminate ? circumference * 0.75 : circumference * (1 - fillPct / 100);
+  const dataState = isIndeterminate ? "indeterminate" : value >= max ? "complete" : "loading";
+  const filledSegments = isSegmented && segments ? isIndeterminate ? 0 : Math.round(pct / 100 * segments) : 0;
+  const segmentEls = isSegmented && segments ? Array.from({ length: segments }, (_, i) => {
+    const segAngle = 360 / segments;
+    const gapAngle = segAngle * SEGMENT_GAP_FRACTION;
+    const segLen = circumference * ((1 - SEGMENT_GAP_FRACTION) / segments);
+    return /* @__PURE__ */ jsx(
+      "circle",
+      {
+        className: cn(
+          "ddga-circular-progress__segment",
+          i < filledSegments && "ddga-circular-progress__segment--filled"
+        ),
+        cx: center,
+        cy: center,
+        r: radius,
+        fill: "none",
+        strokeWidth,
+        strokeLinecap: "butt",
+        strokeDasharray: `${segLen} ${circumference}`,
+        transform: `rotate(${-90 + i * segAngle + gapAngle / 2} ${center} ${center})`
+      },
+      i
+    );
+  }) : null;
+  const showValueLabel = !isIndeterminate && showLabel && !isStatus;
+  const valueText = isSegmented ? `${filledSegments}/${segments}` : `${Math.round(pct)}%`;
+  const showCentre = !isIndeterminate && (isStatus || showValueLabel || description != null);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "circular-progress",
+      "data-state": dataState,
+      "data-segmented": isSegmented ? "" : void 0,
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": max,
+      "aria-valuenow": isIndeterminate ? void 0 : value,
+      className: cn(circularProgressVariants({ size, variant, state }), className),
+      style: { inlineSize: diameter, blockSize: diameter },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "ddga-circular-progress__svg",
+            viewBox: `0 0 ${diameter} ${diameter}`,
+            width: diameter,
+            height: diameter,
+            "aria-hidden": "true",
+            focusable: "false",
+            children: isSegmented ? segmentEls : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  className: "ddga-circular-progress__track",
+                  cx: center,
+                  cy: center,
+                  r: radius,
+                  fill: "none",
+                  strokeWidth
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  className: "ddga-circular-progress__indicator",
+                  cx: center,
+                  cy: center,
+                  r: radius,
+                  fill: "none",
+                  strokeWidth,
+                  strokeLinecap: "round",
+                  strokeDasharray: circumference,
+                  strokeDashoffset: dashOffset,
+                  transform: `rotate(-90 ${center} ${center})`
+                }
+              )
+            ] })
+          }
+        ),
+        showCentre && /* @__PURE__ */ jsxs("span", { className: "ddga-circular-progress__label", "aria-hidden": "true", children: [
+          isStatus ? /* @__PURE__ */ jsx(
+            StatusBadge,
+            {
+              className: "ddga-circular-progress__badge",
+              state
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "ddga-circular-progress__value", children: valueText }),
+          description != null && /* @__PURE__ */ jsx("span", { className: "ddga-circular-progress__text", children: description })
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  progressVariants,
+  circularProgressVariants,
+  Progress,
+  CircularProgress
+};
+//# sourceMappingURL=chunk-ANHZT2X2.js.map

package/dist/chunk-ANHZT2X2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"sourcesContent":["'use client';\n\nimport { useId } from 'react';\nimport { Progress as ProgressPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, Close, HelpCircle } from '../../internal/icons';\n\nconst progressVariants = cva('ddga-progress', {\n  variants: {\n    size: {\n      sm: 'ddga-progress--sm',\n      md: 'ddga-progress--md',\n      lg: 'ddga-progress--lg',\n    },\n    variant: {\n      primary: 'ddga-progress--primary',\n      neutral: 'ddga-progress--neutral',\n    },\n    state: {\n      normal: '',\n      success: 'ddga-progress--success',\n      error: 'ddga-progress--error',\n    },\n  },\n  defaultVariants: { size: 'md', variant: 'primary', state: 'normal' },\n});\n\nconst circularProgressVariants = cva('ddga-circular-progress', {\n  variants: {\n    size: {\n      sm: 'ddga-circular-progress--sm',\n      md: 'ddga-circular-progress--md',\n      lg: 'ddga-circular-progress--lg',\n      xl: 'ddga-circular-progress--xl',\n      '2xl': 'ddga-circular-progress--2xl',\n    },\n    variant: {\n      primary: 'ddga-circular-progress--primary',\n      neutral: 'ddga-circular-progress--neutral',\n    },\n    state: {\n      normal: '',\n      success: 'ddga-circular-progress--success',\n      error: 'ddga-circular-progress--error',\n    },\n  },\n  defaultVariants: { size: 'md', variant: 'primary', state: 'normal' },\n});\n\ntype ProgressState = 'normal' | 'success' | 'error';\n\nfunction StatusBadge({ className, state }: { className: string; state: 'success' | 'error' }) {\n  return (\n    <span className={cn(className, `${className}--${state}`)} aria-hidden=\"true\">\n      {state === 'success' ? <Check /> : <Close />}\n    </span>\n  );\n}\n\ntype ProgressOwnProps = VariantProps<typeof progressVariants> & {\n  /** Current progress. `null`/omitted renders the indeterminate slide. Clamp to `[0, max]` yourself. */\n  value?: number | null;\n  /** Maximum value. Defaults to 100. */\n  max?: number;\n\n  state?: ProgressState;\n  label?: React.ReactNode;\n  required?: boolean;\n  helperText?: React.ReactNode;\n  showValue?: boolean;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n};\n\ntype ProgressProps = ProgressOwnProps &\n  Omit<React.ComponentProps<typeof ProgressPrimitive.Root>, keyof ProgressOwnProps | 'asChild'>;\n\nfunction Progress({\n  value = null,\n  max = 100,\n  size = 'md',\n  variant = 'primary',\n  state = 'normal',\n  label,\n  required = false,\n  helperText,\n  showValue,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  ...props\n}: ProgressProps) {\n  const labelId = useId();\n  const isIndeterminate = value === null;\n  const isStatus = state === 'success' || state === 'error';\n  const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, (value / max) * 100));\n  const fillPct = isStatus ? 100 : pct;\n  const showInBar = size === 'lg' && !isIndeterminate && showValue !== false;\n\n  return (\n    <div\n      data-slot=\"progress-root\"\n      className={cn(progressVariants({ size, variant, state }), className)}\n    >\n      {label != null && (\n        <span id={labelId} data-slot=\"progress-label\" className=\"ddga-progress__label\">\n          {required && (\n            <span className=\"ddga-progress__required\" aria-hidden=\"true\">\n              *\n            </span>\n          )}\n          {label}\n        </span>\n      )}\n      <ProgressPrimitive.Root\n        data-slot=\"progress\"\n        value={isIndeterminate ? null : value}\n        max={max}\n        aria-label={label == null ? ariaLabel : undefined}\n        aria-labelledby={label != null ? labelId : ariaLabelledby}\n        className=\"ddga-progress__track\"\n        {...props}\n      >\n        <ProgressPrimitive.Indicator\n          data-slot=\"progress-indicator\"\n          className=\"ddga-progress__indicator\"\n          style={isIndeterminate ? undefined : { inlineSize: `${fillPct}%` }}\n        >\n          {showInBar && (\n            <span className=\"ddga-progress__value\" data-slot=\"progress-value\" dir=\"auto\">\n              {Math.round(pct)}%\n            </span>\n          )}\n        </ProgressPrimitive.Indicator>\n      </ProgressPrimitive.Root>\n      {helperText != null && (\n        <span data-slot=\"progress-helper\" className=\"ddga-progress__helper\">\n          {isStatus ? (\n            <StatusBadge className=\"ddga-progress__badge\" state={state as 'success' | 'error'} />\n          ) : (\n            <span className=\"ddga-progress__helper-icon\" aria-hidden=\"true\">\n              <HelpCircle />\n            </span>\n          )}\n          <span className=\"ddga-progress__helper-text\">{helperText}</span>\n        </span>\n      )}\n    </div>\n  );\n}\n\ntype CircularProgressOwnProps = VariantProps<typeof circularProgressVariants> & {\n  value?: number | null;\n  max?: number;\n  state?: ProgressState;\n  thickness?: number;\n  segments?: number;\n  showLabel?: boolean;\n  description?: React.ReactNode;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n};\n\ntype CircularProgressProps = CircularProgressOwnProps &\n  Omit<React.ComponentProps<'div'>, keyof CircularProgressOwnProps>;\n\nconst CIRCULAR_SIZES = { sm: 64, md: 80, lg: 120, xl: 160, '2xl': 200 } as const;\nconst CIRCULAR_STROKE = { sm: 4, md: 8, lg: 10, xl: 14, '2xl': 20 } as const;\nconst SEGMENT_GAP_FRACTION = 0.16;\n\nfunction CircularProgress({\n  value = null,\n  max = 100,\n  size = 'md',\n  variant = 'primary',\n  state = 'normal',\n  thickness,\n  segments,\n  showLabel = true,\n  description,\n  className,\n  ...props\n}: CircularProgressProps) {\n  if (process.env.NODE_ENV === 'development' && !props['aria-label'] && !props['aria-labelledby']) {\n    console.warn(\n      '[dga/Progress] <CircularProgress> has no accessible name. Pass `aria-label` or ' +\n        '`aria-labelledby` so screen-reader users know what the progress represents.',\n    );\n  }\n\n  const isIndeterminate = value === null;\n  const isSegmented = typeof segments === 'number' && segments >= 2;\n  const isStatus = state === 'success' || state === 'error';\n  const sizeKey = size ?? 'md';\n  const diameter = CIRCULAR_SIZES[sizeKey];\n  const strokeWidth = thickness ?? CIRCULAR_STROKE[sizeKey];\n  const radius = (diameter - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const center = diameter / 2;\n\n  const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, (value / max) * 100));\n  const fillPct = isStatus ? 100 : pct;\n  const dashOffset = isIndeterminate ? circumference * 0.75 : circumference * (1 - fillPct / 100);\n\n  const dataState = isIndeterminate ? 'indeterminate' : value >= max ? 'complete' : 'loading';\n\n  const filledSegments =\n    isSegmented && segments ? (isIndeterminate ? 0 : Math.round((pct / 100) * segments)) : 0;\n  const segmentEls =\n    isSegmented && segments\n      ? Array.from({ length: segments }, (_, i) => {\n          const segAngle = 360 / segments;\n          const gapAngle = segAngle * SEGMENT_GAP_FRACTION;\n          const segLen = circumference * ((1 - SEGMENT_GAP_FRACTION) / segments);\n          return (\n            <circle\n              key={i}\n              className={cn(\n                'ddga-circular-progress__segment',\n                i < filledSegments && 'ddga-circular-progress__segment--filled',\n              )}\n              cx={center}\n              cy={center}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              // Butt caps: round caps overrun the gap at small sizes.\n              strokeLinecap=\"butt\"\n              strokeDasharray={`${segLen} ${circumference}`}\n              transform={`rotate(${-90 + i * segAngle + gapAngle / 2} ${center} ${center})`}\n            />\n          );\n        })\n      : null;\n\n  const showValueLabel = !isIndeterminate && showLabel && !isStatus;\n  const valueText = isSegmented ? `${filledSegments}/${segments}` : `${Math.round(pct)}%`;\n  const showCentre = !isIndeterminate && (isStatus || showValueLabel || description != null);\n\n  return (\n    <div\n      data-slot=\"circular-progress\"\n      data-state={dataState}\n      data-segmented={isSegmented ? '' : undefined}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={max}\n      aria-valuenow={isIndeterminate ? undefined : value}\n      className={cn(circularProgressVariants({ size, variant, state }), className)}\n      style={{ inlineSize: diameter, blockSize: diameter }}\n      {...props}\n    >\n      <svg\n        className=\"ddga-circular-progress__svg\"\n        viewBox={`0 0 ${diameter} ${diameter}`}\n        width={diameter}\n        height={diameter}\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        {isSegmented ? (\n          segmentEls\n        ) : (\n          <>\n            <circle\n              className=\"ddga-circular-progress__track\"\n              cx={center}\n              cy={center}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n            />\n            <circle\n              className=\"ddga-circular-progress__indicator\"\n              cx={center}\n              cy={center}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              strokeLinecap=\"round\"\n              strokeDasharray={circumference}\n              strokeDashoffset={dashOffset}\n              transform={`rotate(-90 ${center} ${center})`}\n            />\n          </>\n        )}\n      </svg>\n      {showCentre && (\n        <span className=\"ddga-circular-progress__label\" aria-hidden=\"true\">\n          {isStatus ? (\n            <StatusBadge\n              className=\"ddga-circular-progress__badge\"\n              state={state as 'success' | 'error'}\n            />\n          ) : (\n            <span className=\"ddga-circular-progress__value\">{valueText}</span>\n          )}\n          {description != null && (\n            <span className=\"ddga-circular-progress__text\">{description}</span>\n          )}\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport { Progress, CircularProgress, progressVariants, circularProgressVariants };\nexport type { ProgressProps, CircularProgressProps };\n"],"mappings":"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","names":[]}

package/dist/{chunk-PKJUCI7B.js → chunk-APD5WA65.js}

@@ -1,6 +1,6 @@
 import {
   Close
-} from "./chunk-CDS4SYEQ.js";
+} from "./chunk-FFGALWM2.js";
 import {
   DgaContext
 } from "./chunk-TMXABSFE.js";
@@ -102,4 +102,4 @@ export {
   PopoverContent,
   PopoverClose
 };
-//# sourceMappingURL=chunk-PKJUCI7B.js.map
+//# sourceMappingURL=chunk-APD5WA65.js.map

package/dist/chunk-AVHWS36I.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-AVHWS36I.js.map

package/dist/chunk-AZXCLCIV.cjs

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

package/dist/chunk-AZXCLCIV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-AZXCLCIV.cjs"],"names":[],"mappings":"AAAA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-AZXCLCIV.cjs"}

package/dist/{chunk-EXAPMLPA.cjs → chunk-BNCUXVZF.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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 _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
 
 
 var _chunkFQLVTLUIcjs = require('./chunk-FQLVTLUI.cjs');
@@ -89,7 +89,7 @@ function PopoverClose({
       "aria-label": closeLabel,
       className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-popover__close", className),
       ...props,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Close, { "aria-hidden": "true" })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Close, { "aria-hidden": "true" })
     }
   );
 }
@@ -102,4 +102,4 @@ function PopoverClose({
 
 
 exports.popoverContentVariants = popoverContentVariants; exports.Popover = Popover; exports.PopoverTrigger = PopoverTrigger; exports.PopoverAnchor = PopoverAnchor; exports.PopoverContent = PopoverContent; exports.PopoverClose = PopoverClose;
-//# sourceMappingURL=chunk-EXAPMLPA.cjs.map
+//# sourceMappingURL=chunk-BNCUXVZF.cjs.map

package/dist/{chunk-EXAPMLPA.cjs.map → chunk-BNCUXVZF.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-EXAPMLPA.cjs","../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-EXAPMLPA.cjs","sourcesContent":[null,"'use client';\n\nimport { useContext, type ReactNode } from 'react';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Close } from '../../internal/icons';\nimport { DgaContext } from '../../providers/DgaContext';\n\n// ─── 1. Variants (cva) ─── //\n\nconst popoverContentVariants = cva('ddga-popover', {\n  variants: {\n    size: {\n      sm: 'ddga-popover--sm',\n      md: 'ddga-popover--md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n//\n// Closed compound shape that hides Radix's Portal/Arrow plumbing — mirrors\n// Tooltip/DropdownMenu. `Popover` (Root) passes through `open`/`onOpenChange`/\n// `defaultOpen`/`modal`. The Portal container is wired from `DgaContext` so the\n// panel inherits `data-theme` + theme vars and escapes clipping/transform\n// ancestors; falls back to <body> outside a provider.\n\ntype PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>;\n\ntype PopoverTriggerProps = React.ComponentProps<typeof PopoverPrimitive.Trigger>;\n\ntype PopoverAnchorProps = React.ComponentProps<typeof PopoverPrimitive.Anchor>;\n\ninterface PopoverContentProps\n  extends\n    Omit<React.ComponentProps<typeof PopoverPrimitive.Content>, 'asChild'>,\n    VariantProps<typeof popoverContentVariants> {\n  /** Show a small arrow pointing at the trigger. Defaults to false. */\n  arrow?: boolean;\n}\n\ninterface PopoverCloseProps extends React.ComponentProps<typeof PopoverPrimitive.Close> {\n  /**\n   * Localized label for the default corner-X button. Only used when no\n   * `children` (and no `asChild`) are provided. Defaults to `\"Close\"`.\n   */\n  closeLabel?: string;\n}\n\n// ─── 3. Components ─── //\n\nfunction Popover(props: PopoverProps) {\n  return <PopoverPrimitive.Root {...props} />;\n}\n\nfunction PopoverTrigger({ className, ...props }: PopoverTriggerProps) {\n  // Radix Trigger supports asChild natively — pass through.\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" className={className} {...props} />;\n}\n\nfunction PopoverAnchor(props: PopoverAnchorProps) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nfunction PopoverContent({\n  size,\n  arrow = false,\n  sideOffset = 6,\n  className,\n  children,\n  ...props\n}: PopoverContentProps) {\n  // Radix Popover.Content renders role=\"dialog\", which needs an accessible\n  // name. Unlike Modal there's no built-in Title primitive wiring\n  // aria-labelledby, so warn (dev only) when the consumer gives neither.\n  if (process.env.NODE_ENV === 'development' && !props['aria-label'] && !props['aria-labelledby']) {\n    console.warn(\n      '[@dev-dga/react] PopoverContent renders role=\"dialog\" and should have an ' +\n        '`aria-label` or `aria-labelledby` so the panel has an accessible name.',\n    );\n  }\n\n  // Anchor the Portal to the DgaProvider's body-level portal container so the\n  // panel inherits theme + dark mode and isn't clipped by an ancestor's\n  // overflow/transform. Falls back to <body> outside a provider.\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <PopoverPrimitive.Portal container={portalContainer}>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        sideOffset={sideOffset}\n        className={cn(popoverContentVariants({ size }), className)}\n        {...props}\n      >\n        {children}\n        {arrow ? (\n          <PopoverPrimitive.Arrow className=\"ddga-popover__arrow\" width={16} height={8} />\n        ) : null}\n      </PopoverPrimitive.Content>\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverClose({\n  className,\n  children,\n  closeLabel = 'Close',\n  asChild,\n  ...props\n}: PopoverCloseProps) {\n  // With renderable children (or asChild), behave as a transparent close\n  // wrapper so consumers fully own the element. With neither, render the styled\n  // corner-X (mirrors Modal's close button) — the common dismiss affordance.\n  // Guard against `null`/`false` so a conditional child (`flag && <X/>`) that\n  // evaluates falsy still falls through to the default X instead of rendering\n  // an empty, unlabelled button.\n  const hasRenderableChildren = children != null && children !== false;\n  if (asChild || hasRenderableChildren) {\n    return (\n      <PopoverPrimitive.Close\n        data-slot=\"popover-close\"\n        asChild={asChild}\n        className={className}\n        {...props}\n      >\n        {children as ReactNode}\n      </PopoverPrimitive.Close>\n    );\n  }\n\n  return (\n    <PopoverPrimitive.Close\n      data-slot=\"popover-close\"\n      aria-label={closeLabel}\n      className={cn('ddga-popover__close', className)}\n      {...props}\n    >\n      <Close aria-hidden=\"true\" />\n    </PopoverPrimitive.Close>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverAnchor,\n  PopoverContent,\n  PopoverClose,\n  popoverContentVariants,\n};\nexport type {\n  PopoverProps,\n  PopoverTriggerProps,\n  PopoverAnchorProps,\n  PopoverContentProps,\n  PopoverCloseProps,\n};\n"]}
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BNCUXVZF.cjs","../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,8BAA2C;AAC3C,mCAA4C;AAC5C,kEAAuC;AAoD9B,+CAAA;AA7CT,IAAM,uBAAA,EAAyB,yCAAA,cAAI,EAAgB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAkCD,SAAS,OAAA,CAAQ,KAAA,EAAqB;AACpC,EAAA,uBAAO,6BAAA,gBAAC,CAAiB,IAAA,EAAjB,EAAuB,GAAG,MAAA,CAAO,CAAA;AAC3C;AAEA,SAAS,cAAA,CAAe,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAwB;AAEpE,EAAA,uBAAO,6BAAA,gBAAC,CAAiB,OAAA,EAAjB,EAAyB,WAAA,EAAU,iBAAA,EAAkB,SAAA,EAAuB,GAAG,MAAA,CAAO,CAAA;AAChG;AAEA,SAAS,aAAA,CAAc,KAAA,EAA2B;AAChD,EAAA,uBAAO,6BAAA,gBAAC,CAAiB,MAAA,EAAjB,EAAwB,WAAA,EAAU,gBAAA,EAAkB,GAAG,MAAA,CAAO,CAAA;AACxE;AAEA,SAAS,cAAA,CAAe;AAAA,EACtB,IAAA;AAAA,EACA,MAAA,EAAQ,KAAA;AAAA,EACR,WAAA,EAAa,CAAA;AAAA,EACb,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AAItB,EAAA,GAAA,CAAI,OAAA,CAAQ,GAAA,CAAI,SAAA,IAAa,cAAA,GAAiB,CAAC,KAAA,CAAM,YAAY,EAAA,GAAK,CAAC,KAAA,CAAM,iBAAiB,CAAA,EAAG;AAC/F,IAAA,OAAA,CAAQ,IAAA;AAAA,MACN;AAAA,IAEF,CAAA;AAAA,EACF;AAKA,EAAA,MAAM,IAAA,EAAM,+BAAA,4BAAqB,CAAA;AACjC,EAAA,MAAM,gBAAA,oDAAkB,GAAA,2BAAK,UAAA,0BAAY,GAAA,6BAAK,UAAA,UAAU,KAAA,GAAA;AAExD,EAAA,uBACE,6BAAA,gBAAC,CAAiB,MAAA,EAAjB,EAAwB,SAAA,EAAW,eAAA,EAClC,QAAA,kBAAA,8BAAA;AAAA,IAAC,gBAAA,CAAiB,OAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,UAAA;AAAA,MACA,SAAA,EAAW,kCAAA,sBAAG,CAAuB,EAAE,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MACxD,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,MAAA,kBACC,6BAAA,gBAAC,CAAiB,KAAA,EAAjB,EAAuB,SAAA,EAAU,qBAAA,EAAsB,KAAA,EAAO,EAAA,EAAI,MAAA,EAAQ,EAAA,CAAG,EAAA,EAC5E;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,EAAA,CACF,CAAA;AAEJ;AAEA,SAAS,YAAA,CAAa;AAAA,EACpB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,EAAa,OAAA;AAAA,EACb,OAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAsB;AAOpB,EAAA,MAAM,sBAAA,EAAwB,SAAA,GAAY,KAAA,GAAQ,SAAA,IAAa,KAAA;AAC/D,EAAA,GAAA,CAAI,QAAA,GAAW,qBAAA,EAAuB;AACpC,IAAA,uBACE,6BAAA;AAAA,MAAC,gBAAA,CAAiB,KAAA;AAAA,MAAjB;AAAA,QACC,WAAA,EAAU,eAAA;AAAA,QACV,OAAA;AAAA,QACA,SAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA,MAAA;AAAA,IACH,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,6BAAA;AAAA,IAAC,gBAAA,CAAiB,KAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,YAAA,EAAY,UAAA;AAAA,MACZ,SAAA,EAAW,kCAAA,qBAAG,EAAuB,SAAS,CAAA;AAAA,MAC7C,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,6BAAA,uBAAC,EAAA,EAAM,aAAA,EAAY,OAAA,CAAO;AAAA,IAAA;AAAA,EAC5B,CAAA;AAEJ;ADnDA;AACA;AACE;AACA;AACA;AACA;AACA;AACA;AACF,iPAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BNCUXVZF.cjs","sourcesContent":[null,"'use client';\n\nimport { useContext, type ReactNode } from 'react';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Close } from '../../internal/icons';\nimport { DgaContext } from '../../providers/DgaContext';\n\n// ─── 1. Variants (cva) ─── //\n\nconst popoverContentVariants = cva('ddga-popover', {\n  variants: {\n    size: {\n      sm: 'ddga-popover--sm',\n      md: 'ddga-popover--md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n//\n// Closed compound shape that hides Radix's Portal/Arrow plumbing — mirrors\n// Tooltip/DropdownMenu. `Popover` (Root) passes through `open`/`onOpenChange`/\n// `defaultOpen`/`modal`. The Portal container is wired from `DgaContext` so the\n// panel inherits `data-theme` + theme vars and escapes clipping/transform\n// ancestors; falls back to <body> outside a provider.\n\ntype PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>;\n\ntype PopoverTriggerProps = React.ComponentProps<typeof PopoverPrimitive.Trigger>;\n\ntype PopoverAnchorProps = React.ComponentProps<typeof PopoverPrimitive.Anchor>;\n\ninterface PopoverContentProps\n  extends\n    Omit<React.ComponentProps<typeof PopoverPrimitive.Content>, 'asChild'>,\n    VariantProps<typeof popoverContentVariants> {\n  /** Show a small arrow pointing at the trigger. Defaults to false. */\n  arrow?: boolean;\n}\n\ninterface PopoverCloseProps extends React.ComponentProps<typeof PopoverPrimitive.Close> {\n  /**\n   * Localized label for the default corner-X button. Only used when no\n   * `children` (and no `asChild`) are provided. Defaults to `\"Close\"`.\n   */\n  closeLabel?: string;\n}\n\n// ─── 3. Components ─── //\n\nfunction Popover(props: PopoverProps) {\n  return <PopoverPrimitive.Root {...props} />;\n}\n\nfunction PopoverTrigger({ className, ...props }: PopoverTriggerProps) {\n  // Radix Trigger supports asChild natively — pass through.\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" className={className} {...props} />;\n}\n\nfunction PopoverAnchor(props: PopoverAnchorProps) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nfunction PopoverContent({\n  size,\n  arrow = false,\n  sideOffset = 6,\n  className,\n  children,\n  ...props\n}: PopoverContentProps) {\n  // Radix Popover.Content renders role=\"dialog\", which needs an accessible\n  // name. Unlike Modal there's no built-in Title primitive wiring\n  // aria-labelledby, so warn (dev only) when the consumer gives neither.\n  if (process.env.NODE_ENV === 'development' && !props['aria-label'] && !props['aria-labelledby']) {\n    console.warn(\n      '[@dev-dga/react] PopoverContent renders role=\"dialog\" and should have an ' +\n        '`aria-label` or `aria-labelledby` so the panel has an accessible name.',\n    );\n  }\n\n  // Anchor the Portal to the DgaProvider's body-level portal container so the\n  // panel inherits theme + dark mode and isn't clipped by an ancestor's\n  // overflow/transform. Falls back to <body> outside a provider.\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <PopoverPrimitive.Portal container={portalContainer}>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        sideOffset={sideOffset}\n        className={cn(popoverContentVariants({ size }), className)}\n        {...props}\n      >\n        {children}\n        {arrow ? (\n          <PopoverPrimitive.Arrow className=\"ddga-popover__arrow\" width={16} height={8} />\n        ) : null}\n      </PopoverPrimitive.Content>\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverClose({\n  className,\n  children,\n  closeLabel = 'Close',\n  asChild,\n  ...props\n}: PopoverCloseProps) {\n  // With renderable children (or asChild), behave as a transparent close\n  // wrapper so consumers fully own the element. With neither, render the styled\n  // corner-X (mirrors Modal's close button) — the common dismiss affordance.\n  // Guard against `null`/`false` so a conditional child (`flag && <X/>`) that\n  // evaluates falsy still falls through to the default X instead of rendering\n  // an empty, unlabelled button.\n  const hasRenderableChildren = children != null && children !== false;\n  if (asChild || hasRenderableChildren) {\n    return (\n      <PopoverPrimitive.Close\n        data-slot=\"popover-close\"\n        asChild={asChild}\n        className={className}\n        {...props}\n      >\n        {children as ReactNode}\n      </PopoverPrimitive.Close>\n    );\n  }\n\n  return (\n    <PopoverPrimitive.Close\n      data-slot=\"popover-close\"\n      aria-label={closeLabel}\n      className={cn('ddga-popover__close', className)}\n      {...props}\n    >\n      <Close aria-hidden=\"true\" />\n    </PopoverPrimitive.Close>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverAnchor,\n  PopoverContent,\n  PopoverClose,\n  popoverContentVariants,\n};\nexport type {\n  PopoverProps,\n  PopoverTriggerProps,\n  PopoverAnchorProps,\n  PopoverContentProps,\n  PopoverCloseProps,\n};\n"]}

package/dist/{chunk-SNLIKIJP.js → chunk-BP6BOEVE.js}

@@ -1,6 +1,6 @@
 import {
   FieldMessage
-} from "./chunk-E7WQI7PE.js";
+} from "./chunk-E5ZIKIGB.js";
 import {
   useFieldA11y
 } from "./chunk-HN5AFDQA.js";
@@ -213,4 +213,4 @@ export {
   inputOTPVariants,
   InputOTP
 };
-//# sourceMappingURL=chunk-SNLIKIJP.js.map
+//# sourceMappingURL=chunk-BP6BOEVE.js.map