@dev-dga/react 0.8.1 → 0.8.2

package/dist/chunk-EXAPMLPA.cjs

@@ -0,0 +1,105 @@
+"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 _chunkFQLVTLUIcjs = require('./chunk-FQLVTLUI.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Popover/Popover.tsx
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var popoverContentVariants = _classvarianceauthority.cva.call(void 0, "ddga-popover", {
+  variants: {
+    size: {
+      sm: "ddga-popover--sm",
+      md: "ddga-popover--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Popover(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Popover.Root, { ...props });
+}
+function PopoverTrigger({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Popover.Trigger, { "data-slot": "popover-trigger", className, ...props });
+}
+function PopoverAnchor(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Popover.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+function PopoverContent({
+  size,
+  arrow = false,
+  sideOffset = 6,
+  className,
+  children,
+  ...props
+}) {
+  if (process.env.NODE_ENV === "development" && !props["aria-label"] && !props["aria-labelledby"]) {
+    console.warn(
+      '[@dev-dga/react] PopoverContent renders role="dialog" and should have an `aria-label` or `aria-labelledby` so the panel has an accessible name.'
+    );
+  }
+  const ctx = _react.useContext.call(void 0, _chunkFQLVTLUIcjs.DgaContext);
+  const portalContainer = _nullishCoalesce(_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _ => _.portalEl]), () => ( _optionalChain([ctx, 'optionalAccess', _2 => _2.rootEl]))), () => ( void 0));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Popover.Portal, { container: portalContainer, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _radixui.Popover.Content,
+    {
+      "data-slot": "popover-content",
+      sideOffset,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, popoverContentVariants({ size }), className),
+      ...props,
+      children: [
+        children,
+        arrow ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Popover.Arrow, { className: "ddga-popover__arrow", width: 16, height: 8 }) : null
+      ]
+    }
+  ) });
+}
+function PopoverClose({
+  className,
+  children,
+  closeLabel = "Close",
+  asChild,
+  ...props
+}) {
+  const hasRenderableChildren = children != null && children !== false;
+  if (asChild || hasRenderableChildren) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _radixui.Popover.Close,
+      {
+        "data-slot": "popover-close",
+        asChild,
+        className,
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Popover.Close,
+    {
+      "data-slot": "popover-close",
+      "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" })
+    }
+  );
+}
+
+
+
+
+
+
+
+
+exports.popoverContentVariants = popoverContentVariants; exports.Popover = Popover; exports.PopoverTrigger = PopoverTrigger; exports.PopoverAnchor = PopoverAnchor; exports.PopoverContent = PopoverContent; exports.PopoverClose = PopoverClose;
+//# sourceMappingURL=chunk-EXAPMLPA.cjs.map

package/dist/chunk-EXAPMLPA.cjs.map

@@ -0,0 +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"]}

package/dist/chunk-F7NPGAKU.js

@@ -0,0 +1,16 @@
+// src/components/Sidebar/SidebarContext.ts
+import { createContext, useContext } from "react";
+var SidebarContext = createContext(null);
+function useSidebar() {
+  const ctx = useContext(SidebarContext);
+  if (!ctx) {
+    throw new Error("useSidebar must be used within a <SidebarProvider>");
+  }
+  return ctx;
+}
+
+export {
+  SidebarContext,
+  useSidebar
+};
+//# sourceMappingURL=chunk-F7NPGAKU.js.map

package/dist/chunk-F7NPGAKU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Sidebar/SidebarContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\nexport interface SidebarContextValue {\n  /** Desktop collapse state, derived from `open`. */\n  state: 'expanded' | 'collapsed';\n  /** Desktop expanded (true) / collapsed-to-rail (false). */\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  /** Mobile off-canvas drawer open state. */\n  openMobile: boolean;\n  setOpenMobile: (open: boolean) => void;\n  /** True below the provider's `mobileBreakpoint`. */\n  isMobile: boolean;\n  /** Toggles `openMobile` on mobile, else `open`. */\n  toggleSidebar: () => void;\n}\n\nexport const SidebarContext = createContext<SidebarContextValue | null>(null);\n\nexport function useSidebar(): SidebarContextValue {\n  const ctx = useContext(SidebarContext);\n  if (!ctx) {\n    throw new Error('useSidebar must be used within a <SidebarProvider>');\n  }\n  return ctx;\n}\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;AAiBnC,IAAM,iBAAiB,cAA0C,IAAI;AAErE,SAAS,aAAkC;AAChD,QAAM,MAAM,WAAW,cAAc;AACrC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AACA,SAAO;AACT;","names":[]}

package/dist/chunk-FAHKOTCS.js

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

package/dist/chunk-FAHKOTCS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-FEUMA5IS.cjs

@@ -0,0 +1,102 @@
+"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

@@ -0,0 +1 @@
+{"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-FHORBVCQ.js

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

package/dist/chunk-FHORBVCQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-FI65HI2H.js

@@ -0,0 +1,103 @@
+import {
+  Input
+} from "./chunk-TLD67NXQ.js";
+import {
+  Button
+} from "./chunk-4RU33BRQ.js";
+import {
+  Close,
+  Search
+} from "./chunk-CDS4SYEQ.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/SearchBox/SearchBox.tsx
+import { useCallback, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function setNativeInputValue(el, value) {
+  const setter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
+  setter?.call(el, value);
+  el.dispatchEvent(new Event("input", { bubbles: true }));
+}
+function SearchBox({
+  value,
+  defaultValue,
+  onChange,
+  onKeyDown,
+  onSearch,
+  onClear,
+  clearable = true,
+  clearLabel = "Clear search",
+  className,
+  ref,
+  ...rest
+}) {
+  const inputRef = useRef(null);
+  const setRefs = useCallback(
+    (node) => {
+      inputRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref]
+  );
+  const isControlled = value !== void 0;
+  const [internal, setInternal] = useState(
+    defaultValue != null ? String(defaultValue) : ""
+  );
+  const currentValue = isControlled ? String(value ?? "") : internal;
+  const handleChange = (event) => {
+    if (!isControlled) setInternal(event.target.value);
+    onChange?.(event);
+  };
+  const clear = () => {
+    const el = inputRef.current;
+    if (!el) return;
+    setNativeInputValue(el, "");
+    el.focus();
+    onClear?.();
+  };
+  const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented) return;
+    if (event.key === "Enter") {
+      onSearch?.(currentValue);
+    } else if (event.key === "Escape" && currentValue.length > 0) {
+      event.preventDefault();
+      event.stopPropagation();
+      clear();
+    }
+  };
+  const showClear = clearable && currentValue.length > 0;
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      ...rest,
+      ref: setRefs,
+      type: "search",
+      value: currentValue,
+      onChange: handleChange,
+      onKeyDown: handleKeyDown,
+      className: cn("ddga-search-box", className),
+      startAdornment: /* @__PURE__ */ jsx(Search, { "data-slot": "search-box-icon", "aria-hidden": "true" }),
+      endAdornment: showClear ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-sm",
+          "aria-label": clearLabel,
+          "data-slot": "search-box-clear",
+          onClick: clear,
+          children: /* @__PURE__ */ jsx(Close, { "aria-hidden": "true" })
+        }
+      ) : void 0
+    }
+  );
+}
+
+export {
+  SearchBox
+};
+//# sourceMappingURL=chunk-FI65HI2H.js.map

package/dist/chunk-FI65HI2H.js.map

@@ -0,0 +1 @@
+{"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-FQLVTLUI.cjs

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/providers/DgaContext.ts
+var _react = require('react');
+var DgaContext = _react.createContext.call(void 0, null);
+function useDga() {
+  const ctx = _react.useContext.call(void 0, DgaContext);
+  if (!ctx) {
+    throw new Error("useDga must be used within a <DgaProvider>");
+  }
+  return ctx;
+}
+
+
+
+
+exports.DgaContext = DgaContext; exports.useDga = useDga;
+//# sourceMappingURL=chunk-FQLVTLUI.cjs.map

package/dist/chunk-FQLVTLUI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-FQLVTLUI.cjs","../src/providers/DgaContext.ts"],"names":[],"mappings":"AAAA;ACEA,8BAA0C;AA2CnC,IAAM,WAAA,EAAa,kCAAA,IAA0C,CAAA;AAE7D,SAAS,MAAA,CAAA,EAA0B;AACxC,EAAA,MAAM,IAAA,EAAM,+BAAA,UAAqB,CAAA;AACjC,EAAA,GAAA,CAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,KAAA,CAAM,4CAA4C,CAAA;AAAA,EAC9D;AACA,EAAA,OAAO,GAAA;AACT;AD3CA;AACA;AACE;AACA;AACF,yDAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-FQLVTLUI.cjs","sourcesContent":[null,"'use client';\n\nimport { createContext, useContext } from 'react';\n\nexport interface DgaContextValue {\n  dir: 'ltr' | 'rtl';\n  locale: string;\n  mode: 'light' | 'dark';\n  /**\n   * The DgaProvider's rendered root element. Exposed for non-portaled\n   * descendants that need to read theme attributes (e.g., layout decorators).\n   *\n   * **For overlay portals, prefer `portalEl`** — `rootEl` lives inside the\n   * consumer's normal DOM tree and inherits any `overflow: hidden` /\n   * `transform` ancestors. Inside Storybook's autodocs preview block (or any\n   * scoped wrapper a consumer might wrap us in), portaling into `rootEl`\n   * makes the overlay get clipped by the wrapper and breaks `position: fixed`\n   * positioning (a `transform` ancestor establishes a new containing block).\n   *\n   * State (not ref) so subscribers re-render when the element mounts; a\n   * useRef update wouldn't fire a render and `defaultOpen` portals would\n   * race to the wrong target on first commit.\n   */\n  rootEl: HTMLElement | null;\n  /**\n   * Body-mounted portal container that mirrors this provider's theme\n   * attributes (`data-theme`, `dir`) and CSS custom properties. Overlay\n   * components (Modal / Drawer / DropdownMenu / Combobox / Select / Tooltip\n   * / DatePicker) should portal into this so:\n   *\n   *  1. They escape any clipping (`overflow: hidden`) or transform ancestor\n   *     the consumer wraps the provider in.\n   *  2. `position: fixed` semantics survive (no `transform` ancestor breaks\n   *     the viewport containing block).\n   *  3. Theme inheritance still works — the container carries `data-theme`,\n   *     `dir`, and the same CSS variables as the provider's root, so\n   *     `var(--ddga-color-*)` lookups inside the portal resolve correctly.\n   *\n   * `null` until the DOM mount effect runs (e.g., during SSR or the very\n   * first commit on the client). Components should fall back to `rootEl`\n   * (and finally `document.body`) when this is null.\n   */\n  portalEl: HTMLElement | null;\n}\n\nexport const DgaContext = createContext<DgaContextValue | null>(null);\n\nexport function useDga(): DgaContextValue {\n  const ctx = useContext(DgaContext);\n  if (!ctx) {\n    throw new Error('useDga must be used within a <DgaProvider>');\n  }\n  return ctx;\n}\n"]}

package/dist/chunk-FWGFOC2T.js

@@ -0,0 +1,189 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Progress/Progress.tsx
+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"
+    },
+    color: {
+      primary: "ddga-progress--primary",
+      success: "ddga-progress--success",
+      warning: "ddga-progress--warning",
+      destructive: "ddga-progress--destructive"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary"
+  }
+});
+var circularProgressVariants = cva("ddga-circular-progress", {
+  variants: {
+    size: {
+      sm: "ddga-circular-progress--sm",
+      md: "ddga-circular-progress--md",
+      lg: "ddga-circular-progress--lg"
+    },
+    color: {
+      primary: "ddga-circular-progress--primary",
+      success: "ddga-circular-progress--success",
+      warning: "ddga-circular-progress--warning",
+      destructive: "ddga-circular-progress--destructive"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary"
+  }
+});
+function Progress({ value = null, max = 100, size, color, className, ...props }) {
+  const isIndeterminate = value === null;
+  const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, value / max * 100));
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Root,
+    {
+      "data-slot": "progress",
+      value,
+      max,
+      className: cn(progressVariants({ size, color }), className),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ProgressPrimitive.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "ddga-progress__indicator",
+          style: isIndeterminate ? void 0 : { transform: `translateX(${pct - 100}%)` }
+        }
+      )
+    }
+  );
+}
+var CIRCULAR_SIZES = { sm: 32, md: 48, lg: 72 };
+var CIRCULAR_DEFAULT_THICKNESS = { sm: 4, md: 5, lg: 6 };
+var SEGMENT_GAP_FRACTION = 0.16;
+function CircularProgress({
+  value = null,
+  max = 100,
+  size,
+  color,
+  thickness,
+  segments,
+  showLabel = false,
+  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 sizeKey = size ?? "md";
+  const diameter = CIRCULAR_SIZES[sizeKey];
+  const strokeWidth = thickness ?? CIRCULAR_DEFAULT_THICKNESS[sizeKey];
+  const radius = (diameter - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const center = diameter / 2;
+  const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, value / max * 100));
+  const dashOffset = isIndeterminate ? circumference * 0.75 : circumference * (1 - pct / 100);
+  const state = isIndeterminate ? "indeterminate" : value >= max ? "complete" : "loading";
+  const segmentEls = isSegmented && segments ? (() => {
+    const filled = isIndeterminate ? 0 : Math.round(pct / 100 * segments);
+    const segAngle = 360 / segments;
+    const gapAngle = segAngle * SEGMENT_GAP_FRACTION;
+    const segLen = circumference * ((1 - SEGMENT_GAP_FRACTION) / segments);
+    return Array.from({ length: segments }, (_, i) => /* @__PURE__ */ jsx(
+      "circle",
+      {
+        className: cn(
+          "ddga-circular-progress__segment",
+          i < filled && "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 labelText = isSegmented ? `${segments ? Math.round(pct / 100 * segments) : 0}/${segments}` : `${Math.round(pct)}%`;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "circular-progress",
+      "data-state": state,
+      "data-segmented": isSegmented ? "" : void 0,
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": max,
+      "aria-valuenow": isIndeterminate ? void 0 : value,
+      className: cn(circularProgressVariants({ size, color }), className),
+      style: { inlineSize: diameter, blockSize: diameter },
+      ...props,
+      children: [
+        /* @__PURE__ */ 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})`
+                }
+              )
+            ] })
+          }
+        ),
+        showLabel && !isIndeterminate ? /* @__PURE__ */ jsx("span", { className: "ddga-circular-progress__label", "aria-hidden": "true", children: labelText }) : null
+      ]
+    }
+  );
+}
+
+export {
+  progressVariants,
+  circularProgressVariants,
+  Progress,
+  CircularProgress
+};
+//# sourceMappingURL=chunk-FWGFOC2T.js.map

package/dist/chunk-FWGFOC2T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"sourcesContent":["'use client';\n\nimport { Progress as ProgressPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants ─── //\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    color: {\n      primary: 'ddga-progress--primary',\n      success: 'ddga-progress--success',\n      warning: 'ddga-progress--warning',\n      destructive: 'ddga-progress--destructive',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'primary',\n  },\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    },\n    color: {\n      primary: 'ddga-circular-progress--primary',\n      success: 'ddga-circular-progress--success',\n      warning: 'ddga-circular-progress--warning',\n      destructive: 'ddga-circular-progress--destructive',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'primary',\n  },\n});\n\n// ─── 2. Linear Progress (Radix) ─── //\n\ntype ProgressOwnProps = VariantProps<typeof progressVariants> & {\n  /**\n   * Current progress. `null` (or omitted) renders the indeterminate animation.\n   * Otherwise clamp yourself to `[0, max]` — Radix Progress assumes the value\n   * is in range.\n   */\n  value?: number | null;\n  /** Maximum value. Defaults to 100. */\n  max?: number;\n  /**\n   * Accessible label for the progressbar. Required for assistive tech —\n   * Radix logs a warning if neither `aria-label` nor `aria-labelledby` is set.\n   */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n};\n\ntype ProgressProps = ProgressOwnProps &\n  Omit<React.ComponentProps<typeof ProgressPrimitive.Root>, keyof ProgressOwnProps>;\n\nfunction Progress({ value = null, max = 100, size, color, className, ...props }: ProgressProps) {\n  const isIndeterminate = value === null;\n  const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, (value / max) * 100));\n\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      value={value}\n      max={max}\n      className={cn(progressVariants({ size, color }), className)}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"ddga-progress__indicator\"\n        style={isIndeterminate ? undefined : { transform: `translateX(${pct - 100}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\n// ─── 3. Circular Progress (custom SVG) ─── //\n\ntype CircularProgressOwnProps = VariantProps<typeof circularProgressVariants> & {\n  value?: number | null;\n  max?: number;\n  /** Stroke width in px. Defaults to 4 (sm) / 5 (md) / 6 (lg). */\n  thickness?: number;\n  /**\n   * Render the ring as `segments` discrete arcs (a radial stepper) instead of a\n   * continuous arc. Pass an integer `>= 2`; values below that fall back to the\n   * continuous ring. The number of filled segments is `round(pct × segments)`,\n   * so `value={3} max={5} segments={5}` fills 3. Segmented mode is determinate —\n   * a `null` value renders 0 filled (no spinner).\n   */\n  segments?: number;\n  /** Render the label inside the ring (`%`, or `filled/segments` when segmented). */\n  showLabel?: boolean;\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: 32, md: 48, lg: 72 } as const;\nconst CIRCULAR_DEFAULT_THICKNESS = { sm: 4, md: 5, lg: 6 } as const;\n// Fraction of each segment's angular slot left as the gap between segments.\nconst SEGMENT_GAP_FRACTION = 0.16;\n\nfunction CircularProgress({\n  value = null,\n  max = 100,\n  size,\n  color,\n  thickness,\n  segments,\n  showLabel = false,\n  className,\n  ...props\n}: CircularProgressProps) {\n  if (process.env.NODE_ENV === 'development' && !props['aria-label'] && !props['aria-labelledby']) {\n    // Linear Progress inherits Radix's no-label warning; CircularProgress is a\n    // hand-built `role=\"progressbar\"`, so it needs its own. The ring `showLabel`\n    // is aria-hidden decoration, not an accessible name.\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 sizeKey = size ?? 'md';\n  const diameter = CIRCULAR_SIZES[sizeKey];\n  const strokeWidth = thickness ?? CIRCULAR_DEFAULT_THICKNESS[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 dashOffset = isIndeterminate ? circumference * 0.75 : circumference * (1 - pct / 100);\n\n  // Mirror Radix Progress's data-state vocabulary so CSS can use a single\n  // selector across linear + circular.\n  const state = isIndeterminate ? 'indeterminate' : value >= max ? 'complete' : 'loading';\n\n  // Segmented (radial-stepper) geometry: split the ring into `segments` arcs\n  // with gaps. Each segment is a single dash of `segLen`, rotated into its slot;\n  // the gap is centered so segments stay evenly spaced. Determinate-only.\n  const segmentEls =\n    isSegmented && segments\n      ? (() => {\n          const filled = isIndeterminate ? 0 : Math.round((pct / 100) * segments);\n          const segAngle = 360 / segments;\n          const gapAngle = segAngle * SEGMENT_GAP_FRACTION;\n          const segLen = circumference * ((1 - SEGMENT_GAP_FRACTION) / segments);\n          return Array.from({ length: segments }, (_, i) => (\n            <circle\n              key={i}\n              className={cn(\n                'ddga-circular-progress__segment',\n                i < filled && 'ddga-circular-progress__segment--filled',\n              )}\n              cx={center}\n              cy={center}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              // Butt caps, not round: round caps extend strokeWidth/2 past each\n              // arc end and would swallow the gap (overlapping 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 labelText = isSegmented\n    ? `${segments ? Math.round((pct / 100) * segments) : 0}/${segments}`\n    : `${Math.round(pct)}%`;\n\n  return (\n    <div\n      data-slot=\"circular-progress\"\n      data-state={state}\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, color }), 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      {showLabel && !isIndeterminate ? (\n        <span className=\"ddga-circular-progress__label\" aria-hidden=\"true\">\n          {labelText}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Progress, CircularProgress, progressVariants, circularProgressVariants };\nexport type { ProgressProps, CircularProgressProps };\n"],"mappings":"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","names":[]}