@dev-dga/react 0.12.2 → 1.0.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @dev-dga/react
 
+## 1.0.0
+
+### Major Changes
+
+- **1.0 — the public API is now stable and follows [semantic versioning](../../SUPPORT.md).** The package exports (components, hooks, `DgaProvider`, `cn`, `FieldMessage`, and the exported prop/theming types) are the semver contract from here on. No new features and no visual changes in this release; see `MIGRATING.md` for the two prop renames below.
+- **BREAKING — `SlideoutMenuHeader`: prop `showClose` renamed to `showCloseButton`.** Aligns with the identical prop on `ModalContent` and `DrawerContent`. Same behavior, same default (`true`).
+- **BREAKING — `CircularProgress`: prop `showLabel` renamed to `showValue`.** Aligns with the linear `Progress` component in the same module. Same behavior, same default (`true`).
+
+## 0.13.0
+
+### Minor Changes
+
+- **Chip: new `onColor` prop.** For chips on a colored or dark surface — a white-ramp pill with ink text (SDGA On-color). Style-agnostic: primary and neutral render identically. Additive; existing chips are unchanged.
+
+### Patch Changes
+
+- **Slider: SDGA thumb ring.** The thumb now carries the official 1px `border-success` (#067647) ring around its brand-green fill (matching the Platforms Code "Control"), replacing the plain solid circle. Visual only, no API change. (Ships in `@dev-dga/css`.)
+- **Field underline: smoother focus/pressed transition** across all six field controls (text-input, textarea, number-input, dropdown, date-picker, date-range-picker) — now `400ms ease-out` (was 150ms). Visual only. (Ships in `@dev-dga/css`.)
+
 ## 0.12.2
 
 ### Patch Changes

package/dist/{chunk-JAMYRBHS.js → chunk-AHUL5WRD.js}

@@ -6,12 +6,12 @@ import {
   PopoverContent,
   PopoverTrigger
 } from "./chunk-APD5WA65.js";
-import {
-  Checkbox
-} from "./chunk-TNIRKGXY.js";
 import {
   Button
 } from "./chunk-GQAX2CH6.js";
+import {
+  Checkbox
+} from "./chunk-TNIRKGXY.js";
 import {
   Check,
   ChevronDown,
@@ -372,4 +372,4 @@ export {
   FiltrationOption,
   FiltrationFooter
 };
-//# sourceMappingURL=chunk-JAMYRBHS.js.map
+//# sourceMappingURL=chunk-AHUL5WRD.js.map

package/dist/{chunk-5N6CFYT6.cjs → chunk-B3MX4XNP.cjs}

@@ -129,7 +129,7 @@ function CircularProgress({
   state = "normal",
   thickness,
   segments,
-  showLabel = true,
+  showValue = true,
   description,
   className,
   ...props
@@ -176,7 +176,7 @@ function CircularProgress({
       i
     );
   }) : null;
-  const showValueLabel = !isIndeterminate && showLabel && !isStatus;
+  const showValueLabel = !isIndeterminate && showValue && !isStatus;
   const valueText = isSegmented ? `${filledSegments}/${segments}` : `${Math.round(pct)}%`;
   const showCentre = !isIndeterminate && (isStatus || showValueLabel || description != null);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -253,4 +253,4 @@ function CircularProgress({
 
 
 exports.progressVariants = progressVariants; exports.circularProgressVariants = circularProgressVariants; exports.Progress = Progress; exports.CircularProgress = CircularProgress;
-//# sourceMappingURL=chunk-5N6CFYT6.cjs.map
+//# sourceMappingURL=chunk-B3MX4XNP.cjs.map

package/dist/{chunk-5N6CFYT6.cjs.map → chunk-B3MX4XNP.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-5N6CFYT6.cjs","../src/components/Progress/Progress.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-5N6CFYT6.cjs","sourcesContent":[null,"'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"]}
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-B3MX4XNP.cjs","../src/components/Progress/Progress.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-B3MX4XNP.cjs","sourcesContent":[null,"'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  showValue?: 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  showValue = 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 && showValue && !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"]}

package/dist/{chunk-KSEN4ESR.js → chunk-BJIB6S5L.js}

@@ -66,7 +66,7 @@ function SlideoutMenuContent({
 }
 function SlideoutMenuHeader({
   icon,
-  showClose = true,
+  showCloseButton = true,
   closeLabel = "Close",
   className,
   children,
@@ -91,7 +91,7 @@ function SlideoutMenuHeader({
           ) : null,
           /* @__PURE__ */ jsx("div", { className: "ddga-slideout-menu__header-text", children })
         ] }),
-        showClose ? /* @__PURE__ */ jsx(
+        showCloseButton ? /* @__PURE__ */ jsx(
           DialogPrimitive.Close,
           {
             className: "ddga-slideout-menu__close",
@@ -227,4 +227,4 @@ export {
   SlideoutMenuFooter,
   SlideoutMenuClose
 };
-//# sourceMappingURL=chunk-KSEN4ESR.js.map
+//# sourceMappingURL=chunk-BJIB6S5L.js.map

package/dist/chunk-BJIB6S5L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SlideoutMenu/SlideoutMenu.tsx"],"sourcesContent":["'use client';\n\nimport { useContext, useId } from 'react';\nimport { Dialog as DialogPrimitive, Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { DgaContext } from '../../providers/DgaContext';\nimport { Close } from '../../internal/icons';\n\n// Nav panel on Radix Dialog. Uses <ul>/<li>/link semantics, NOT role=\"menu\" (which breaks SR browse mode for site nav).\n\nconst slideoutMenuContentVariants = cva('ddga-slideout-menu', {\n  variants: {\n    side: {\n      start: 'ddga-slideout-menu--start',\n      end: 'ddga-slideout-menu--end',\n    },\n    /** Panel surface — SDGA \"Background Color\". Gray (`gray-100`) or White. */\n    background: {\n      gray: 'ddga-slideout-menu--gray',\n      white: 'ddga-slideout-menu--white',\n    },\n  },\n  defaultVariants: {\n    side: 'start',\n    background: 'gray',\n  },\n});\n\ntype SlideoutMenuProps = React.ComponentProps<typeof DialogPrimitive.Root>;\ntype SlideoutMenuTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;\ntype SlideoutMenuCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;\n\ninterface SlideoutMenuContentProps\n  extends\n    React.ComponentProps<typeof DialogPrimitive.Content>,\n    VariantProps<typeof slideoutMenuContentVariants> {}\n\ninterface SlideoutMenuHeaderProps extends React.ComponentProps<'div'> {\n  /** Optional featured icon, shown in a 32px brand-tinted disc before the title. */\n  icon?: React.ReactNode;\n  /** Render the close (X) button. Defaults to `true`. */\n  showCloseButton?: boolean;\n  /** Localized aria-label for the close button. Defaults to `\"Close\"`. */\n  closeLabel?: string;\n}\n\ninterface SlideoutMenuTitleProps extends React.ComponentProps<typeof DialogPrimitive.Title> {\n  asChild?: boolean;\n}\n\ninterface SlideoutMenuDescriptionProps extends React.ComponentProps<\n  typeof DialogPrimitive.Description\n> {\n  asChild?: boolean;\n}\n\ntype SlideoutMenuSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\ninterface SlideoutMenuGroupProps extends React.ComponentProps<'div'> {\n  /** Section heading rendered above the list (SDGA \"Group Label\"). */\n  label?: React.ReactNode;\n}\n\ninterface SlideoutMenuItemProps extends React.ComponentProps<'button'> {\n  /** Render as the child element (e.g. an `<a>` or router `<Link>`). */\n  asChild?: boolean;\n  /** Leading 24px icon. */\n  icon?: React.ReactNode;\n  /** Trailing slot — counter text, an icon button, a check, a `Tag`, etc. */\n  trailing?: React.ReactNode;\n  /** Marks the current page — sets `aria-current=\"page\"` and the active style. */\n  active?: boolean;\n}\n\nfunction SlideoutMenu(props: SlideoutMenuProps) {\n  return <DialogPrimitive.Root {...props} />;\n}\n\nfunction SlideoutMenuTrigger({ className, ...props }: SlideoutMenuTriggerProps) {\n  return (\n    <DialogPrimitive.Trigger data-slot=\"slideout-menu-trigger\" className={className} {...props} />\n  );\n}\n\nfunction SlideoutMenuContent({\n  side,\n  background,\n  className,\n  children,\n  ...props\n}: SlideoutMenuContentProps) {\n  // Portal anchored to the provider root so theme/dark-mode inherit and the fixed panel escapes ancestor transforms.\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <DialogPrimitive.Portal container={portalContainer}>\n      <DialogPrimitive.Overlay\n        className=\"ddga-slideout-menu__overlay\"\n        data-slot=\"slideout-menu-overlay\"\n      />\n      <DialogPrimitive.Content\n        data-slot=\"slideout-menu-content\"\n        className={cn(slideoutMenuContentVariants({ side, background }), className)}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n}\n\nfunction SlideoutMenuHeader({\n  icon,\n  showCloseButton = true,\n  closeLabel = 'Close',\n  className,\n  children,\n  ...props\n}: SlideoutMenuHeaderProps) {\n  return (\n    <div\n      data-slot=\"slideout-menu-header\"\n      className={cn('ddga-slideout-menu__header', className)}\n      {...props}\n    >\n      <div className=\"ddga-slideout-menu__header-content\">\n        {icon ? (\n          <span\n            data-slot=\"slideout-menu-featured-icon\"\n            className=\"ddga-slideout-menu__featured-icon\"\n            aria-hidden=\"true\"\n          >\n            {icon}\n          </span>\n        ) : null}\n        <div className=\"ddga-slideout-menu__header-text\">{children}</div>\n      </div>\n      {showCloseButton ? (\n        <DialogPrimitive.Close\n          className=\"ddga-slideout-menu__close\"\n          aria-label={closeLabel}\n          data-slot=\"slideout-menu-close-x\"\n        >\n          <Close aria-hidden=\"true\" />\n        </DialogPrimitive.Close>\n      ) : null}\n    </div>\n  );\n}\n\nfunction SlideoutMenuTitle({ asChild, className, ...props }: SlideoutMenuTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      asChild={asChild}\n      data-slot=\"slideout-menu-title\"\n      className={cn('ddga-slideout-menu__title', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuDescription({ asChild, className, ...props }: SlideoutMenuDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      asChild={asChild}\n      data-slot=\"slideout-menu-description\"\n      className={cn('ddga-slideout-menu__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuBody({ asChild, className, ...props }: SlideoutMenuSectionProps) {\n  // asChild lets consumers make the scroll region a `<nav aria-label>` landmark.\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"slideout-menu-body\"\n      className={cn('ddga-slideout-menu__body', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuGroup({ label, className, children, ...props }: SlideoutMenuGroupProps) {\n  const labelId = useId();\n  return (\n    <div\n      data-slot=\"slideout-menu-group\"\n      className={cn('ddga-slideout-menu__group', className)}\n      {...props}\n    >\n      {label != null ? (\n        <div id={labelId} className=\"ddga-slideout-menu__group-label\">\n          {label}\n        </div>\n      ) : null}\n      <ul\n        className=\"ddga-slideout-menu__list\"\n        {...(label != null ? { 'aria-labelledby': labelId } : {})}\n      >\n        {children}\n      </ul>\n    </div>\n  );\n}\n\nfunction SlideoutMenuItem({\n  asChild,\n  icon,\n  trailing,\n  active,\n  className,\n  children,\n  ...props\n}: SlideoutMenuItemProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <li data-slot=\"slideout-menu-item-wrapper\" className=\"ddga-slideout-menu__item-wrapper\">\n      <Comp\n        data-slot=\"slideout-menu-item\"\n        className={cn('ddga-slideout-menu__item', className)}\n        data-active={active ? '' : undefined}\n        aria-current={active ? 'page' : undefined}\n        {...(asChild ? {} : { type: 'button' as const })}\n        {...props}\n      >\n        {icon ? (\n          <span className=\"ddga-slideout-menu__item-icon\" aria-hidden=\"true\">\n            {icon}\n          </span>\n        ) : null}\n        {asChild ? (\n          <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n        ) : (\n          <span className=\"ddga-slideout-menu__item-label\">{children}</span>\n        )}\n        {trailing ? <span className=\"ddga-slideout-menu__item-trailing\">{trailing}</span> : null}\n      </Comp>\n    </li>\n  );\n}\n\nfunction SlideoutMenuSeparator({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"slideout-menu-separator\"\n      role=\"separator\"\n      className={cn('ddga-slideout-menu__separator', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuFooter({ asChild, className, ...props }: SlideoutMenuSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"slideout-menu-footer\"\n      className={cn('ddga-slideout-menu__footer', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuClose({ className, ...props }: SlideoutMenuCloseProps) {\n  return <DialogPrimitive.Close data-slot=\"slideout-menu-close\" className={className} {...props} />;\n}\n\nexport {\n  SlideoutMenu,\n  SlideoutMenuTrigger,\n  SlideoutMenuContent,\n  SlideoutMenuHeader,\n  SlideoutMenuTitle,\n  SlideoutMenuDescription,\n  SlideoutMenuBody,\n  SlideoutMenuGroup,\n  SlideoutMenuItem,\n  SlideoutMenuSeparator,\n  SlideoutMenuFooter,\n  SlideoutMenuClose,\n  slideoutMenuContentVariants,\n};\nexport type {\n  SlideoutMenuProps,\n  SlideoutMenuTriggerProps,\n  SlideoutMenuContentProps,\n  SlideoutMenuHeaderProps,\n  SlideoutMenuTitleProps,\n  SlideoutMenuDescriptionProps,\n  SlideoutMenuSectionProps,\n  SlideoutMenuGroupProps,\n  SlideoutMenuItemProps,\n  SlideoutMenuCloseProps,\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-DWCTUNFU.cjs → chunk-H7DMDBAG.cjs}

@@ -20,6 +20,10 @@ var chipVariants = _classvarianceauthority.cva.call(void 0, "ddga-chip", {
     },
     rounded: {
       true: "ddga-chip--rounded"
+    },
+    /** For chips on a colored/dark surface: a white-ramp pill with ink text (SDGA On-color). */
+    onColor: {
+      true: "ddga-chip--on-color"
     }
   },
   defaultVariants: {
@@ -31,6 +35,7 @@ function Chip({
   variant,
   size,
   rounded,
+  onColor,
   selected,
   defaultSelected = false,
   onSelectedChange,
@@ -56,7 +61,7 @@ function Chip({
       "aria-disabled": disabled || void 0,
       "data-slot": "chip",
       "aria-pressed": isSelected,
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, chipVariants({ variant, size, rounded }), className),
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, chipVariants({ variant, size, rounded, onColor }), className),
       onClick: (e) => {
         if (disabled) {
           e.preventDefault();
@@ -82,4 +87,4 @@ function Chip({
 
 
 exports.chipVariants = chipVariants; exports.Chip = Chip;
-//# sourceMappingURL=chunk-DWCTUNFU.cjs.map
+//# sourceMappingURL=chunk-H7DMDBAG.cjs.map

package/dist/chunk-H7DMDBAG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-H7DMDBAG.cjs","../src/components/Chip/Chip.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-H7DMDBAG.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';\n\nconst chipVariants = cva('ddga-chip', {\n  variants: {\n    variant: {\n      primary: 'ddga-chip--primary',\n      neutral: 'ddga-chip--neutral',\n    },\n    size: {\n      sm: 'ddga-chip--sm',\n      md: 'ddga-chip--md',\n      lg: 'ddga-chip--lg',\n    },\n    rounded: {\n      true: 'ddga-chip--rounded',\n    },\n    /** For chips on a colored/dark surface: a white-ramp pill with ink text (SDGA On-color). */\n    onColor: {\n      true: 'ddga-chip--on-color',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n});\n\ninterface ChipProps\n  extends Omit<React.ComponentProps<'button'>, 'onChange'>, VariantProps<typeof chipVariants> {\n  /** Controlled selected state — drives `aria-pressed` and the filled treatment. */\n  selected?: boolean;\n  /** Uncontrolled initial selected state. */\n  defaultSelected?: boolean;\n  /** Called with the next selected value when the chip toggles. */\n  onSelectedChange?: (selected: boolean) => void;\n  /** Leading icon (inherits the chip text colour; 14px, 16px at `lg`). */\n  leadingIcon?: ReactNode;\n  /** Trailing icon. */\n  trailingIcon?: ReactNode;\n  /** Render as the child element (Radix `Slot`) — e.g. wrap a router link. */\n  asChild?: boolean;\n}\n\n/**\n * Interactive selectable chip (SDGA \"Chip\") — a toggle button, distinct from the\n * static `Tag` (SDGA \"Tags\"). Selecting fills the chip (`#1B8354` primary / gray-700 neutral).\n */\nfunction Chip({\n  variant,\n  size,\n  rounded,\n  onColor,\n  selected,\n  defaultSelected = false,\n  onSelectedChange,\n  leadingIcon,\n  trailingIcon,\n  asChild,\n  className,\n  children,\n  disabled,\n  onClick,\n  type = 'button',\n  ...props\n}: ChipProps) {\n  const isControlled = selected !== undefined;\n  const [internal, setInternal] = useState(defaultSelected);\n  const isSelected = isControlled ? selected : internal;\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n\n  return (\n    <Comp\n      // type/native disabled only apply to <button>; in asChild mode lean on\n      // aria-disabled + tabIndex (CSS matches [aria-disabled='true'] too).\n      {...(asChild ? {} : { type, disabled })}\n      {...(asChild && disabled ? { tabIndex: -1 } : {})}\n      aria-disabled={disabled || undefined}\n      data-slot=\"chip\"\n      aria-pressed={isSelected}\n      className={cn(chipVariants({ variant, size, rounded, onColor }), className)}\n      onClick={(e) => {\n        if (disabled) {\n          e.preventDefault();\n          return;\n        }\n        onClick?.(e);\n        if (e.defaultPrevented) return;\n        const next = !isSelected;\n        if (!isControlled) setInternal(next);\n        onSelectedChange?.(next);\n      }}\n      {...props}\n    >\n      {leadingIcon != null && (\n        <span className=\"ddga-chip__icon\" aria-hidden=\"true\">\n          {leadingIcon}\n        </span>\n      )}\n      {asChild ? (\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        children != null && <span className=\"ddga-chip__label\">{children}</span>\n      )}\n      {trailingIcon != null && (\n        <span className=\"ddga-chip__icon\" aria-hidden=\"true\">\n          {trailingIcon}\n        </span>\n      )}\n    </Comp>\n  );\n}\n\nexport { Chip, chipVariants };\nexport type { ChipProps };\n"]}

package/dist/{chunk-ANHZT2X2.js → chunk-JADNUODB.js}

@@ -129,7 +129,7 @@ function CircularProgress({
   state = "normal",
   thickness,
   segments,
-  showLabel = true,
+  showValue = true,
   description,
   className,
   ...props
@@ -176,7 +176,7 @@ function CircularProgress({
       i
     );
   }) : null;
-  const showValueLabel = !isIndeterminate && showLabel && !isStatus;
+  const showValueLabel = !isIndeterminate && showValue && !isStatus;
   const valueText = isSegmented ? `${filledSegments}/${segments}` : `${Math.round(pct)}%`;
   const showCentre = !isIndeterminate && (isStatus || showValueLabel || description != null);
   return /* @__PURE__ */ jsxs(
@@ -253,4 +253,4 @@ export {
   Progress,
   CircularProgress
 };
-//# sourceMappingURL=chunk-ANHZT2X2.js.map
+//# sourceMappingURL=chunk-JADNUODB.js.map

package/dist/{chunk-ANHZT2X2.js.map → chunk-JADNUODB.js.map}

@@ -1 +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":[]}
+{"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  showValue?: 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  showValue = 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 && showValue && !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":";;;;;;;;;;AAEA,SAAS,aAAa;AACtB,SAAS,YAAY,yBAAyB;AAC9C,SAAS,WAA8B;AAmDV,SAiNnB,UAjNmB,KAmDrB,YAnDqB;AA/C7B,IAAM,mBAAmB,IAAI,iBAAiB;AAAA,EAC5C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,MAAM,MAAM,SAAS,WAAW,OAAO,SAAS;AACrE,CAAC;AAED,IAAM,2BAA2B,IAAI,0BAA0B;AAAA,EAC7D,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,MAAM,MAAM,SAAS,WAAW,OAAO,SAAS;AACrE,CAAC;AAID,SAAS,YAAY,EAAE,WAAW,MAAM,GAAsD;AAC5F,SACE,oBAAC,UAAK,WAAW,GAAG,WAAW,GAAG,SAAS,KAAK,KAAK,EAAE,GAAG,eAAY,QACnE,oBAAU,YAAY,oBAAC,SAAM,IAAK,oBAAC,SAAM,GAC5C;AAEJ;AAoBA,SAAS,SAAS;AAAA,EAChB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,GAAG;AACL,GAAkB;AAChB,QAAM,UAAU,MAAM;AACtB,QAAM,kBAAkB,UAAU;AAClC,QAAM,WAAW,UAAU,aAAa,UAAU;AAClD,QAAM,MAAM,kBAAkB,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,GAAI,QAAQ,MAAO,GAAG,CAAC;AAChF,QAAM,UAAU,WAAW,MAAM;AACjC,QAAM,YAAY,SAAS,QAAQ,CAAC,mBAAmB,cAAc;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iBAAiB,EAAE,MAAM,SAAS,MAAM,CAAC,GAAG,SAAS;AAAA,MAElE;AAAA,iBAAS,QACR,qBAAC,UAAK,IAAI,SAAS,aAAU,kBAAiB,WAAU,wBACrD;AAAA,sBACC,oBAAC,UAAK,WAAU,2BAA0B,eAAY,QAAO,eAE7D;AAAA,UAED;AAAA,WACH;AAAA,QAEF;AAAA,UAAC,kBAAkB;AAAA,UAAlB;AAAA,YACC,aAAU;AAAA,YACV,OAAO,kBAAkB,OAAO;AAAA,YAChC;AAAA,YACA,cAAY,SAAS,OAAO,YAAY;AAAA,YACxC,mBAAiB,SAAS,OAAO,UAAU;AAAA,YAC3C,WAAU;AAAA,YACT,GAAG;AAAA,YAEJ;AAAA,cAAC,kBAAkB;AAAA,cAAlB;AAAA,gBACC,aAAU;AAAA,gBACV,WAAU;AAAA,gBACV,OAAO,kBAAkB,SAAY,EAAE,YAAY,GAAG,OAAO,IAAI;AAAA,gBAEhE,uBACC,qBAAC,UAAK,WAAU,wBAAuB,aAAU,kBAAiB,KAAI,QACnE;AAAA,uBAAK,MAAM,GAAG;AAAA,kBAAE;AAAA,mBACnB;AAAA;AAAA,YAEJ;AAAA;AAAA,QACF;AAAA,QACC,cAAc,QACb,qBAAC,UAAK,aAAU,mBAAkB,WAAU,yBACzC;AAAA,qBACC,oBAAC,eAAY,WAAU,wBAAuB,OAAqC,IAEnF,oBAAC,UAAK,WAAU,8BAA6B,eAAY,QACvD,8BAAC,cAAW,GACd;AAAA,UAEF,oBAAC,UAAK,WAAU,8BAA8B,sBAAW;AAAA,WAC3D;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAiBA,IAAM,iBAAiB,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,KAAK,OAAO,IAAI;AACtE,IAAM,kBAAkB,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,IAAI,IAAI,IAAI,OAAO,GAAG;AAClE,IAAM,uBAAuB;AAE7B,SAAS,iBAAiB;AAAA,EACxB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,MAAI,QAAQ,IAAI,aAAa,iBAAiB,CAAC,MAAM,YAAY,KAAK,CAAC,MAAM,iBAAiB,GAAG;AAC/F,YAAQ;AAAA,MACN;AAAA,IAEF;AAAA,EACF;AAEA,QAAM,kBAAkB,UAAU;AAClC,QAAM,cAAc,OAAO,aAAa,YAAY,YAAY;AAChE,QAAM,WAAW,UAAU,aAAa,UAAU;AAClD,QAAM,UAAU,QAAQ;AACxB,QAAM,WAAW,eAAe,OAAO;AACvC,QAAM,cAAc,aAAa,gBAAgB,OAAO;AACxD,QAAM,UAAU,WAAW,eAAe;AAC1C,QAAM,gBAAgB,IAAI,KAAK,KAAK;AACpC,QAAM,SAAS,WAAW;AAE1B,QAAM,MAAM,kBAAkB,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,GAAI,QAAQ,MAAO,GAAG,CAAC;AAChF,QAAM,UAAU,WAAW,MAAM;AACjC,QAAM,aAAa,kBAAkB,gBAAgB,OAAO,iBAAiB,IAAI,UAAU;AAE3F,QAAM,YAAY,kBAAkB,kBAAkB,SAAS,MAAM,aAAa;AAElF,QAAM,iBACJ,eAAe,WAAY,kBAAkB,IAAI,KAAK,MAAO,MAAM,MAAO,QAAQ,IAAK;AACzF,QAAM,aACJ,eAAe,WACX,MAAM,KAAK,EAAE,QAAQ,SAAS,GAAG,CAAC,GAAG,MAAM;AACzC,UAAM,WAAW,MAAM;AACvB,UAAM,WAAW,WAAW;AAC5B,UAAM,SAAS,kBAAkB,IAAI,wBAAwB;AAC7D,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW;AAAA,UACT;AAAA,UACA,IAAI,kBAAkB;AAAA,QACxB;AAAA,QACA,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,GAAG;AAAA,QACH,MAAK;AAAA,QACL;AAAA,QAEA,eAAc;AAAA,QACd,iBAAiB,GAAG,MAAM,IAAI,aAAa;AAAA,QAC3C,WAAW,UAAU,MAAM,IAAI,WAAW,WAAW,CAAC,IAAI,MAAM,IAAI,MAAM;AAAA;AAAA,MAbrE;AAAA,IAcP;AAAA,EAEJ,CAAC,IACD;AAEN,QAAM,iBAAiB,CAAC,mBAAmB,aAAa,CAAC;AACzD,QAAM,YAAY,cAAc,GAAG,cAAc,IAAI,QAAQ,KAAK,GAAG,KAAK,MAAM,GAAG,CAAC;AACpF,QAAM,aAAa,CAAC,oBAAoB,YAAY,kBAAkB,eAAe;AAErF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY;AAAA,MACZ,kBAAgB,cAAc,KAAK;AAAA,MACnC,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,kBAAkB,SAAY;AAAA,MAC7C,WAAW,GAAG,yBAAyB,EAAE,MAAM,SAAS,MAAM,CAAC,GAAG,SAAS;AAAA,MAC3E,OAAO,EAAE,YAAY,UAAU,WAAW,SAAS;AAAA,MAClD,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,OAAO,QAAQ,IAAI,QAAQ;AAAA,YACpC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,eAAY;AAAA,YACZ,WAAU;AAAA,YAET,wBACC,aAEA,iCACE;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,IAAI;AAAA,kBACJ,IAAI;AAAA,kBACJ,GAAG;AAAA,kBACH,MAAK;AAAA,kBACL;AAAA;AAAA,cACF;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,IAAI;AAAA,kBACJ,IAAI;AAAA,kBACJ,GAAG;AAAA,kBACH,MAAK;AAAA,kBACL;AAAA,kBACA,eAAc;AAAA,kBACd,iBAAiB;AAAA,kBACjB,kBAAkB;AAAA,kBAClB,WAAW,cAAc,MAAM,IAAI,MAAM;AAAA;AAAA,cAC3C;AAAA,eACF;AAAA;AAAA,QAEJ;AAAA,QACC,cACC,qBAAC,UAAK,WAAU,iCAAgC,eAAY,QACzD;AAAA,qBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV;AAAA;AAAA,UACF,IAEA,oBAAC,UAAK,WAAU,iCAAiC,qBAAU;AAAA,UAE5D,eAAe,QACd,oBAAC,UAAK,WAAU,gCAAgC,uBAAY;AAAA,WAEhE;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/{chunk-4WXBRKGZ.cjs → chunk-K7GLIST7.cjs}

@@ -8,10 +8,10 @@ var _chunk7GAELGEBcjs = require('./chunk-7GAELGEB.cjs');
 var _chunkBNCUXVZFcjs = require('./chunk-BNCUXVZF.cjs');
 
 
-var _chunkFV6E33FYcjs = require('./chunk-FV6E33FY.cjs');
+var _chunk5NENDJOMcjs = require('./chunk-5NENDJOM.cjs');
 
 
-var _chunk5NENDJOMcjs = require('./chunk-5NENDJOM.cjs');
+var _chunkFV6E33FYcjs = require('./chunk-FV6E33FY.cjs');
 
 
 
@@ -372,4 +372,4 @@ function FiltrationFooter({
 
 
 exports.filtrationPanelVariants = filtrationPanelVariants; exports.Filtration = Filtration; exports.FiltrationTrigger = FiltrationTrigger; exports.FiltrationResults = FiltrationResults; exports.FiltrationPanel = FiltrationPanel; exports.FiltrationSection = FiltrationSection; exports.FiltrationCheckboxFilter = FiltrationCheckboxFilter; exports.FiltrationOptionList = FiltrationOptionList; exports.FiltrationOption = FiltrationOption; exports.FiltrationFooter = FiltrationFooter;
-//# sourceMappingURL=chunk-4WXBRKGZ.cjs.map
+//# sourceMappingURL=chunk-K7GLIST7.cjs.map

package/dist/{chunk-4WXBRKGZ.cjs.map → chunk-K7GLIST7.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-4WXBRKGZ.cjs","../src/components/Filtration/Filtration.tsx"],"names":["Fragment"],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-4WXBRKGZ.cjs","sourcesContent":[null,"'use client';\n\nimport {\n  Children,\n  Fragment,\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Button, type ButtonProps } from '../Button';\nimport { Popover, PopoverTrigger, PopoverContent } from '../Popover';\nimport { Checkbox } from '../Checkbox';\nimport { SearchBox } from '../SearchBox';\nimport { Check, Filter, ChevronDown } from '../../internal/icons';\n\nconst filtrationPanelVariants = cva('ddga-filtration-panel', {\n  variants: {\n    inline: {\n      true: 'ddga-filtration-panel--inline',\n    },\n  },\n});\n\ninterface FiltrationContextValue {\n  /** `true` = floating overlay (Popover); `false` = embedded inline panel. */\n  overlay: boolean;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nconst FiltrationContext = createContext<FiltrationContextValue | null>(null);\n\ninterface FiltrationProps {\n  /** Floating overlay anchored to the trigger (default) vs an embedded inline panel. */\n  overlay?: boolean;\n  /** Controlled open state (overlay only). */\n  open?: boolean;\n  /** Uncontrolled initial open state (overlay only). */\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: ReactNode;\n}\n\ntype FiltrationTriggerProps = Omit<ButtonProps, 'variant' | 'asChild'>;\n\ninterface FiltrationResultsProps extends React.ComponentProps<'div'> {\n  /** Names the applied-filters chip group for assistive tech, e.g. \"Applied filters\". */\n  'aria-label'?: string;\n}\n\ntype FiltrationPanelProps = Omit<React.ComponentProps<typeof PopoverContent>, 'size' | 'arrow'>;\n\ninterface FiltrationSectionProps extends React.ComponentProps<'div'> {\n  /** Section heading (Text sm/Semibold). */\n  label: ReactNode;\n  /** Selected-count badge; rendered via `formatCount`. */\n  count?: number;\n  /** Maps `count` → the suffix text. Defaults to `(n selections)`. Override for i18n. */\n  formatCount?: (count: number) => ReactNode;\n}\n\ninterface FiltrationCheckboxOption {\n  value: string;\n  label: ReactNode;\n  /** Optional trailing count, e.g. number of matching results. */\n  count?: number;\n  disabled?: boolean;\n}\n\ninterface FiltrationCheckboxFilterProps extends Omit<React.ComponentProps<'div'>, 'defaultValue'> {\n  options: FiltrationCheckboxOption[];\n  /** Controlled selected values. */\n  value?: string[];\n  /** Uncontrolled initial selected values. */\n  defaultValue?: string[];\n  onValueChange?: (next: string[]) => void;\n  /** Show a search field that filters options by label. */\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  /** Accessible label for the search field (it has no visible label). */\n  searchLabel?: string;\n  /** Collapse to the first N options behind a \"Show more\" toggle. */\n  collapseAfter?: number;\n  /** Maps the hidden-count → the expand button label. Default `Show {n} more`. */\n  showMoreLabel?: (remaining: number) => ReactNode;\n  showLessLabel?: ReactNode;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  className?: string;\n}\n\ntype FiltrationOptionListProps = Omit<\n  React.ComponentProps<typeof RadioGroupPrimitive.Root>,\n  'asChild'\n>;\n\ninterface FiltrationOptionProps extends Omit<\n  React.ComponentProps<typeof RadioGroupPrimitive.Item>,\n  'children'\n> {\n  children: ReactNode;\n}\n\ninterface FiltrationFooterProps extends React.ComponentProps<'div'> {\n  applyLabel?: ReactNode;\n  clearLabel?: ReactNode;\n  /** Appended to the apply label as `(n)`. */\n  appliedCount?: number;\n  onApply?: () => void;\n  onClear?: () => void;\n  /** Close the overlay when Apply is pressed (overlay only). Default `true`. */\n  closeOnApply?: boolean;\n}\n\nfunction Filtration({\n  overlay = true,\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n}: FiltrationProps) {\n  const isControlled = open !== undefined;\n  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n  const actualOpen = isControlled ? open : internalOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const ctx = useMemo<FiltrationContextValue>(\n    () => ({ overlay, open: actualOpen, setOpen }),\n    [overlay, actualOpen, setOpen],\n  );\n\n  return (\n    <FiltrationContext.Provider value={ctx}>\n      {overlay ? (\n        <Popover open={actualOpen} onOpenChange={setOpen}>\n          {children}\n        </Popover>\n      ) : (\n        children\n      )}\n    </FiltrationContext.Provider>\n  );\n}\n\nfunction FiltrationTrigger({\n  size = 'lg',\n  startIcon,\n  endIcon,\n  className,\n  children,\n  ...props\n}: FiltrationTriggerProps) {\n  const ctx = useContext(FiltrationContext);\n  const overlay = ctx?.overlay ?? true;\n\n  const warned = useRef(false);\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && !overlay && !warned.current) {\n      warned.current = true;\n      console.warn(\n        '[@dev-dga/react] <FiltrationTrigger> only renders in overlay mode. In an inline ' +\n          '<Filtration overlay={false}> the panel is always visible, so the trigger is omitted.',\n      );\n    }\n  }, [overlay]);\n\n  if (!overlay) return null;\n\n  const button = (\n    <Button\n      variant=\"black\"\n      size={size}\n      startIcon={startIcon ?? <Filter aria-hidden=\"true\" />}\n      endIcon={endIcon ?? <ChevronDown aria-hidden=\"true\" />}\n      data-slot=\"filtration-trigger\"\n      className={cn('ddga-filtration__trigger', className)}\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n\n  return <PopoverTrigger asChild>{button}</PopoverTrigger>;\n}\n\nfunction FiltrationResults({\n  className,\n  children,\n  'aria-label': ariaLabel,\n  ...props\n}: FiltrationResultsProps) {\n  if (process.env.NODE_ENV !== 'production' && !ariaLabel && !props['aria-labelledby']) {\n    console.warn(\n      '[@dev-dga/react] <FiltrationResults> should have an `aria-label` (e.g. \"Applied filters\") so the chip group has an accessible name.',\n    );\n  }\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      data-slot=\"filtration-results\"\n      className={cn('ddga-filtration-results', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n// SDGA draws an explicit hairline between every panel child (sections + footer),\n// inset 8px each side and floating in the 8px inter-child gap — not an edge border.\nfunction interleaveDividers(children: ReactNode): ReactNode {\n  const items = Children.toArray(children).filter(Boolean);\n  return items.map((child, i) => (\n    <Fragment key={i}>\n      {i > 0 ? <div className=\"ddga-filtration__divider\" aria-hidden=\"true\" /> : null}\n      {child}\n    </Fragment>\n  ));\n}\n\nfunction FiltrationPanel({ className, children, ...props }: FiltrationPanelProps) {\n  const ctx = useContext(FiltrationContext);\n  const overlay = ctx?.overlay ?? true;\n\n  if (overlay) {\n    return (\n      <PopoverContent\n        data-slot=\"filtration-panel\"\n        align=\"start\"\n        className={cn(filtrationPanelVariants(), className)}\n        {...props}\n      >\n        {interleaveDividers(children)}\n      </PopoverContent>\n    );\n  }\n\n  if (process.env.NODE_ENV !== 'production' && !props['aria-label'] && !props['aria-labelledby']) {\n    console.warn(\n      '[@dev-dga/react] An inline <FiltrationPanel> should have an `aria-label` or `aria-labelledby` so the region has an accessible name.',\n    );\n  }\n\n  return (\n    <section\n      data-slot=\"filtration-panel\"\n      className={cn(filtrationPanelVariants({ inline: true }), className)}\n      {...props}\n    >\n      {interleaveDividers(children)}\n    </section>\n  );\n}\n\nfunction FiltrationSection({\n  label,\n  count,\n  formatCount = (n) => `(${n} selections)`,\n  className,\n  children,\n  ...props\n}: FiltrationSectionProps) {\n  const labelId = useId();\n  return (\n    <div\n      role=\"group\"\n      aria-labelledby={labelId}\n      data-slot=\"filtration-section\"\n      className={cn('ddga-filtration-section', className)}\n      {...props}\n    >\n      <p id={labelId} className=\"ddga-filtration-section__label\">\n        {label}\n        {count != null ? (\n          <span className=\"ddga-filtration-section__count\"> {formatCount(count)}</span>\n        ) : null}\n      </p>\n      <div className=\"ddga-filtration-section__body\">{children}</div>\n    </div>\n  );\n}\n\nfunction optionText(label: ReactNode, value: string): string {\n  return typeof label === 'string' ? label : value;\n}\n\nfunction FiltrationCheckboxFilter({\n  options,\n  value,\n  defaultValue,\n  onValueChange,\n  searchable = false,\n  searchPlaceholder,\n  searchLabel = 'Search options',\n  collapseAfter,\n  showMoreLabel = (remaining) => `Show ${remaining} more`,\n  showLessLabel = 'Show less',\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  ...rest\n}: FiltrationCheckboxFilterProps) {\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<string[]>(defaultValue ?? []);\n  const selected = isControlled ? value : internal;\n\n  const [query, setQuery] = useState('');\n  const [expanded, setExpanded] = useState(false);\n  const listId = useId();\n\n  const toggle = (optValue: string) => {\n    const next = selected.includes(optValue)\n      ? selected.filter((v) => v !== optValue)\n      : [...selected, optValue];\n    if (!isControlled) setInternal(next);\n    onValueChange?.(next);\n  };\n\n  const filtered = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    if (!searchable || !q) return options;\n    return options.filter((o) => optionText(o.label, o.value).toLowerCase().includes(q));\n  }, [options, query, searchable]);\n\n  const collapsible = collapseAfter != null && filtered.length > collapseAfter;\n  const visible = collapsible && !expanded ? filtered.slice(0, collapseAfter) : filtered;\n  const remaining = collapsible ? filtered.length - (collapseAfter ?? 0) : 0;\n\n  return (\n    <div\n      {...rest}\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      data-slot=\"filtration-checkbox-filter\"\n      className={cn('ddga-filtration-checkbox-filter', className)}\n    >\n      {searchable ? (\n        <SearchBox\n          aria-label={searchLabel}\n          placeholder={searchPlaceholder}\n          voiceSearch={false}\n          value={query}\n          onChange={(event) => setQuery(event.target.value)}\n        />\n      ) : null}\n      <div id={listId} className=\"ddga-filtration-checkbox-filter__list\">\n        {visible.map((opt) => (\n          <Checkbox\n            key={opt.value}\n            size=\"sm\"\n            value={opt.value}\n            checked={selected.includes(opt.value)}\n            onCheckedChange={() => toggle(opt.value)}\n            disabled={opt.disabled}\n            label={\n              <>\n                {opt.label}\n                {opt.count != null ? (\n                  <span className=\"ddga-filtration-checkbox-filter__count\" aria-hidden=\"true\">\n                    {' '}\n                    ({opt.count})\n                  </span>\n                ) : null}\n              </>\n            }\n          />\n        ))}\n      </div>\n      {collapsible ? (\n        <button\n          type=\"button\"\n          className=\"ddga-filtration-checkbox-filter__more\"\n          aria-expanded={expanded}\n          aria-controls={listId}\n          onClick={() => setExpanded((prev) => !prev)}\n        >\n          {expanded ? showLessLabel : showMoreLabel(remaining)}\n          <ChevronDown\n            className={cn('ddga-filtration-checkbox-filter__more-icon', expanded && 'is-open')}\n            aria-hidden=\"true\"\n          />\n        </button>\n      ) : null}\n    </div>\n  );\n}\n\nfunction FiltrationOptionList({ className, ...props }: FiltrationOptionListProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"filtration-option-list\"\n      className={cn('ddga-filtration-option-list', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FiltrationOption({ className, children, ...props }: FiltrationOptionProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"filtration-option\"\n      className={cn('ddga-filtration-option', className)}\n      {...props}\n    >\n      <span className=\"ddga-filtration-option__label\">{children}</span>\n      <RadioGroupPrimitive.Indicator className=\"ddga-filtration-option__indicator\">\n        <Check className=\"ddga-filtration-option__check\" aria-hidden=\"true\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nfunction FiltrationFooter({\n  applyLabel = 'Apply Filters',\n  clearLabel = 'Clear Filter',\n  appliedCount,\n  onApply,\n  onClear,\n  closeOnApply = true,\n  className,\n  ...props\n}: FiltrationFooterProps) {\n  const ctx = useContext(FiltrationContext);\n\n  const handleApply = () => {\n    onApply?.();\n    if (closeOnApply && ctx?.overlay) ctx.setOpen(false);\n  };\n\n  return (\n    <div\n      data-slot=\"filtration-footer\"\n      className={cn('ddga-filtration-footer', className)}\n      {...props}\n    >\n      <Button\n        variant=\"primary\"\n        size=\"lg\"\n        className=\"ddga-filtration-footer__apply\"\n        onClick={handleApply}\n      >\n        {applyLabel}\n        {appliedCount != null ? ` (${appliedCount})` : ''}\n      </Button>\n      <Button variant=\"ghost\" size=\"lg\" onClick={onClear}>\n        {clearLabel}\n      </Button>\n    </div>\n  );\n}\n\nexport {\n  Filtration,\n  FiltrationTrigger,\n  FiltrationResults,\n  FiltrationPanel,\n  FiltrationSection,\n  FiltrationCheckboxFilter,\n  FiltrationOptionList,\n  FiltrationOption,\n  FiltrationFooter,\n  filtrationPanelVariants,\n};\nexport type {\n  FiltrationProps,\n  FiltrationTriggerProps,\n  FiltrationResultsProps,\n  FiltrationPanelProps,\n  FiltrationSectionProps,\n  FiltrationCheckboxFilterProps,\n  FiltrationCheckboxOption,\n  FiltrationOptionListProps,\n  FiltrationOptionProps,\n  FiltrationFooterProps,\n};\n"]}
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-K7GLIST7.cjs","../src/components/Filtration/Filtration.tsx"],"names":["Fragment"],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-K7GLIST7.cjs","sourcesContent":[null,"'use client';\n\nimport {\n  Children,\n  Fragment,\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Button, type ButtonProps } from '../Button';\nimport { Popover, PopoverTrigger, PopoverContent } from '../Popover';\nimport { Checkbox } from '../Checkbox';\nimport { SearchBox } from '../SearchBox';\nimport { Check, Filter, ChevronDown } from '../../internal/icons';\n\nconst filtrationPanelVariants = cva('ddga-filtration-panel', {\n  variants: {\n    inline: {\n      true: 'ddga-filtration-panel--inline',\n    },\n  },\n});\n\ninterface FiltrationContextValue {\n  /** `true` = floating overlay (Popover); `false` = embedded inline panel. */\n  overlay: boolean;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nconst FiltrationContext = createContext<FiltrationContextValue | null>(null);\n\ninterface FiltrationProps {\n  /** Floating overlay anchored to the trigger (default) vs an embedded inline panel. */\n  overlay?: boolean;\n  /** Controlled open state (overlay only). */\n  open?: boolean;\n  /** Uncontrolled initial open state (overlay only). */\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: ReactNode;\n}\n\ntype FiltrationTriggerProps = Omit<ButtonProps, 'variant' | 'asChild'>;\n\ninterface FiltrationResultsProps extends React.ComponentProps<'div'> {\n  /** Names the applied-filters chip group for assistive tech, e.g. \"Applied filters\". */\n  'aria-label'?: string;\n}\n\ntype FiltrationPanelProps = Omit<React.ComponentProps<typeof PopoverContent>, 'size' | 'arrow'>;\n\ninterface FiltrationSectionProps extends React.ComponentProps<'div'> {\n  /** Section heading (Text sm/Semibold). */\n  label: ReactNode;\n  /** Selected-count badge; rendered via `formatCount`. */\n  count?: number;\n  /** Maps `count` → the suffix text. Defaults to `(n selections)`. Override for i18n. */\n  formatCount?: (count: number) => ReactNode;\n}\n\ninterface FiltrationCheckboxOption {\n  value: string;\n  label: ReactNode;\n  /** Optional trailing count, e.g. number of matching results. */\n  count?: number;\n  disabled?: boolean;\n}\n\ninterface FiltrationCheckboxFilterProps extends Omit<React.ComponentProps<'div'>, 'defaultValue'> {\n  options: FiltrationCheckboxOption[];\n  /** Controlled selected values. */\n  value?: string[];\n  /** Uncontrolled initial selected values. */\n  defaultValue?: string[];\n  onValueChange?: (next: string[]) => void;\n  /** Show a search field that filters options by label. */\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  /** Accessible label for the search field (it has no visible label). */\n  searchLabel?: string;\n  /** Collapse to the first N options behind a \"Show more\" toggle. */\n  collapseAfter?: number;\n  /** Maps the hidden-count → the expand button label. Default `Show {n} more`. */\n  showMoreLabel?: (remaining: number) => ReactNode;\n  showLessLabel?: ReactNode;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  className?: string;\n}\n\ntype FiltrationOptionListProps = Omit<\n  React.ComponentProps<typeof RadioGroupPrimitive.Root>,\n  'asChild'\n>;\n\ninterface FiltrationOptionProps extends Omit<\n  React.ComponentProps<typeof RadioGroupPrimitive.Item>,\n  'children'\n> {\n  children: ReactNode;\n}\n\ninterface FiltrationFooterProps extends React.ComponentProps<'div'> {\n  applyLabel?: ReactNode;\n  clearLabel?: ReactNode;\n  /** Appended to the apply label as `(n)`. */\n  appliedCount?: number;\n  onApply?: () => void;\n  onClear?: () => void;\n  /** Close the overlay when Apply is pressed (overlay only). Default `true`. */\n  closeOnApply?: boolean;\n}\n\nfunction Filtration({\n  overlay = true,\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n}: FiltrationProps) {\n  const isControlled = open !== undefined;\n  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n  const actualOpen = isControlled ? open : internalOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const ctx = useMemo<FiltrationContextValue>(\n    () => ({ overlay, open: actualOpen, setOpen }),\n    [overlay, actualOpen, setOpen],\n  );\n\n  return (\n    <FiltrationContext.Provider value={ctx}>\n      {overlay ? (\n        <Popover open={actualOpen} onOpenChange={setOpen}>\n          {children}\n        </Popover>\n      ) : (\n        children\n      )}\n    </FiltrationContext.Provider>\n  );\n}\n\nfunction FiltrationTrigger({\n  size = 'lg',\n  startIcon,\n  endIcon,\n  className,\n  children,\n  ...props\n}: FiltrationTriggerProps) {\n  const ctx = useContext(FiltrationContext);\n  const overlay = ctx?.overlay ?? true;\n\n  const warned = useRef(false);\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && !overlay && !warned.current) {\n      warned.current = true;\n      console.warn(\n        '[@dev-dga/react] <FiltrationTrigger> only renders in overlay mode. In an inline ' +\n          '<Filtration overlay={false}> the panel is always visible, so the trigger is omitted.',\n      );\n    }\n  }, [overlay]);\n\n  if (!overlay) return null;\n\n  const button = (\n    <Button\n      variant=\"black\"\n      size={size}\n      startIcon={startIcon ?? <Filter aria-hidden=\"true\" />}\n      endIcon={endIcon ?? <ChevronDown aria-hidden=\"true\" />}\n      data-slot=\"filtration-trigger\"\n      className={cn('ddga-filtration__trigger', className)}\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n\n  return <PopoverTrigger asChild>{button}</PopoverTrigger>;\n}\n\nfunction FiltrationResults({\n  className,\n  children,\n  'aria-label': ariaLabel,\n  ...props\n}: FiltrationResultsProps) {\n  if (process.env.NODE_ENV !== 'production' && !ariaLabel && !props['aria-labelledby']) {\n    console.warn(\n      '[@dev-dga/react] <FiltrationResults> should have an `aria-label` (e.g. \"Applied filters\") so the chip group has an accessible name.',\n    );\n  }\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      data-slot=\"filtration-results\"\n      className={cn('ddga-filtration-results', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n// SDGA draws an explicit hairline between every panel child (sections + footer),\n// inset 8px each side and floating in the 8px inter-child gap — not an edge border.\nfunction interleaveDividers(children: ReactNode): ReactNode {\n  const items = Children.toArray(children).filter(Boolean);\n  return items.map((child, i) => (\n    <Fragment key={i}>\n      {i > 0 ? <div className=\"ddga-filtration__divider\" aria-hidden=\"true\" /> : null}\n      {child}\n    </Fragment>\n  ));\n}\n\nfunction FiltrationPanel({ className, children, ...props }: FiltrationPanelProps) {\n  const ctx = useContext(FiltrationContext);\n  const overlay = ctx?.overlay ?? true;\n\n  if (overlay) {\n    return (\n      <PopoverContent\n        data-slot=\"filtration-panel\"\n        align=\"start\"\n        className={cn(filtrationPanelVariants(), className)}\n        {...props}\n      >\n        {interleaveDividers(children)}\n      </PopoverContent>\n    );\n  }\n\n  if (process.env.NODE_ENV !== 'production' && !props['aria-label'] && !props['aria-labelledby']) {\n    console.warn(\n      '[@dev-dga/react] An inline <FiltrationPanel> should have an `aria-label` or `aria-labelledby` so the region has an accessible name.',\n    );\n  }\n\n  return (\n    <section\n      data-slot=\"filtration-panel\"\n      className={cn(filtrationPanelVariants({ inline: true }), className)}\n      {...props}\n    >\n      {interleaveDividers(children)}\n    </section>\n  );\n}\n\nfunction FiltrationSection({\n  label,\n  count,\n  formatCount = (n) => `(${n} selections)`,\n  className,\n  children,\n  ...props\n}: FiltrationSectionProps) {\n  const labelId = useId();\n  return (\n    <div\n      role=\"group\"\n      aria-labelledby={labelId}\n      data-slot=\"filtration-section\"\n      className={cn('ddga-filtration-section', className)}\n      {...props}\n    >\n      <p id={labelId} className=\"ddga-filtration-section__label\">\n        {label}\n        {count != null ? (\n          <span className=\"ddga-filtration-section__count\"> {formatCount(count)}</span>\n        ) : null}\n      </p>\n      <div className=\"ddga-filtration-section__body\">{children}</div>\n    </div>\n  );\n}\n\nfunction optionText(label: ReactNode, value: string): string {\n  return typeof label === 'string' ? label : value;\n}\n\nfunction FiltrationCheckboxFilter({\n  options,\n  value,\n  defaultValue,\n  onValueChange,\n  searchable = false,\n  searchPlaceholder,\n  searchLabel = 'Search options',\n  collapseAfter,\n  showMoreLabel = (remaining) => `Show ${remaining} more`,\n  showLessLabel = 'Show less',\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  ...rest\n}: FiltrationCheckboxFilterProps) {\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<string[]>(defaultValue ?? []);\n  const selected = isControlled ? value : internal;\n\n  const [query, setQuery] = useState('');\n  const [expanded, setExpanded] = useState(false);\n  const listId = useId();\n\n  const toggle = (optValue: string) => {\n    const next = selected.includes(optValue)\n      ? selected.filter((v) => v !== optValue)\n      : [...selected, optValue];\n    if (!isControlled) setInternal(next);\n    onValueChange?.(next);\n  };\n\n  const filtered = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    if (!searchable || !q) return options;\n    return options.filter((o) => optionText(o.label, o.value).toLowerCase().includes(q));\n  }, [options, query, searchable]);\n\n  const collapsible = collapseAfter != null && filtered.length > collapseAfter;\n  const visible = collapsible && !expanded ? filtered.slice(0, collapseAfter) : filtered;\n  const remaining = collapsible ? filtered.length - (collapseAfter ?? 0) : 0;\n\n  return (\n    <div\n      {...rest}\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      data-slot=\"filtration-checkbox-filter\"\n      className={cn('ddga-filtration-checkbox-filter', className)}\n    >\n      {searchable ? (\n        <SearchBox\n          aria-label={searchLabel}\n          placeholder={searchPlaceholder}\n          voiceSearch={false}\n          value={query}\n          onChange={(event) => setQuery(event.target.value)}\n        />\n      ) : null}\n      <div id={listId} className=\"ddga-filtration-checkbox-filter__list\">\n        {visible.map((opt) => (\n          <Checkbox\n            key={opt.value}\n            size=\"sm\"\n            value={opt.value}\n            checked={selected.includes(opt.value)}\n            onCheckedChange={() => toggle(opt.value)}\n            disabled={opt.disabled}\n            label={\n              <>\n                {opt.label}\n                {opt.count != null ? (\n                  <span className=\"ddga-filtration-checkbox-filter__count\" aria-hidden=\"true\">\n                    {' '}\n                    ({opt.count})\n                  </span>\n                ) : null}\n              </>\n            }\n          />\n        ))}\n      </div>\n      {collapsible ? (\n        <button\n          type=\"button\"\n          className=\"ddga-filtration-checkbox-filter__more\"\n          aria-expanded={expanded}\n          aria-controls={listId}\n          onClick={() => setExpanded((prev) => !prev)}\n        >\n          {expanded ? showLessLabel : showMoreLabel(remaining)}\n          <ChevronDown\n            className={cn('ddga-filtration-checkbox-filter__more-icon', expanded && 'is-open')}\n            aria-hidden=\"true\"\n          />\n        </button>\n      ) : null}\n    </div>\n  );\n}\n\nfunction FiltrationOptionList({ className, ...props }: FiltrationOptionListProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"filtration-option-list\"\n      className={cn('ddga-filtration-option-list', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FiltrationOption({ className, children, ...props }: FiltrationOptionProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"filtration-option\"\n      className={cn('ddga-filtration-option', className)}\n      {...props}\n    >\n      <span className=\"ddga-filtration-option__label\">{children}</span>\n      <RadioGroupPrimitive.Indicator className=\"ddga-filtration-option__indicator\">\n        <Check className=\"ddga-filtration-option__check\" aria-hidden=\"true\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nfunction FiltrationFooter({\n  applyLabel = 'Apply Filters',\n  clearLabel = 'Clear Filter',\n  appliedCount,\n  onApply,\n  onClear,\n  closeOnApply = true,\n  className,\n  ...props\n}: FiltrationFooterProps) {\n  const ctx = useContext(FiltrationContext);\n\n  const handleApply = () => {\n    onApply?.();\n    if (closeOnApply && ctx?.overlay) ctx.setOpen(false);\n  };\n\n  return (\n    <div\n      data-slot=\"filtration-footer\"\n      className={cn('ddga-filtration-footer', className)}\n      {...props}\n    >\n      <Button\n        variant=\"primary\"\n        size=\"lg\"\n        className=\"ddga-filtration-footer__apply\"\n        onClick={handleApply}\n      >\n        {applyLabel}\n        {appliedCount != null ? ` (${appliedCount})` : ''}\n      </Button>\n      <Button variant=\"ghost\" size=\"lg\" onClick={onClear}>\n        {clearLabel}\n      </Button>\n    </div>\n  );\n}\n\nexport {\n  Filtration,\n  FiltrationTrigger,\n  FiltrationResults,\n  FiltrationPanel,\n  FiltrationSection,\n  FiltrationCheckboxFilter,\n  FiltrationOptionList,\n  FiltrationOption,\n  FiltrationFooter,\n  filtrationPanelVariants,\n};\nexport type {\n  FiltrationProps,\n  FiltrationTriggerProps,\n  FiltrationResultsProps,\n  FiltrationPanelProps,\n  FiltrationSectionProps,\n  FiltrationCheckboxFilterProps,\n  FiltrationCheckboxOption,\n  FiltrationOptionListProps,\n  FiltrationOptionProps,\n  FiltrationFooterProps,\n};\n"]}

package/dist/{chunk-6CDZ7ZBG.js → chunk-SQ7NQVEK.js}

@@ -20,6 +20,10 @@ var chipVariants = cva("ddga-chip", {
     },
     rounded: {
       true: "ddga-chip--rounded"
+    },
+    /** For chips on a colored/dark surface: a white-ramp pill with ink text (SDGA On-color). */
+    onColor: {
+      true: "ddga-chip--on-color"
     }
   },
   defaultVariants: {
@@ -31,6 +35,7 @@ function Chip({
   variant,
   size,
   rounded,
+  onColor,
   selected,
   defaultSelected = false,
   onSelectedChange,
@@ -56,7 +61,7 @@ function Chip({
       "aria-disabled": disabled || void 0,
       "data-slot": "chip",
       "aria-pressed": isSelected,
-      className: cn(chipVariants({ variant, size, rounded }), className),
+      className: cn(chipVariants({ variant, size, rounded, onColor }), className),
       onClick: (e) => {
         if (disabled) {
           e.preventDefault();
@@ -82,4 +87,4 @@ export {
   chipVariants,
   Chip
 };
-//# sourceMappingURL=chunk-6CDZ7ZBG.js.map
+//# sourceMappingURL=chunk-SQ7NQVEK.js.map

package/dist/chunk-SQ7NQVEK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Chip/Chip.tsx"],"sourcesContent":["'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';\n\nconst chipVariants = cva('ddga-chip', {\n  variants: {\n    variant: {\n      primary: 'ddga-chip--primary',\n      neutral: 'ddga-chip--neutral',\n    },\n    size: {\n      sm: 'ddga-chip--sm',\n      md: 'ddga-chip--md',\n      lg: 'ddga-chip--lg',\n    },\n    rounded: {\n      true: 'ddga-chip--rounded',\n    },\n    /** For chips on a colored/dark surface: a white-ramp pill with ink text (SDGA On-color). */\n    onColor: {\n      true: 'ddga-chip--on-color',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n});\n\ninterface ChipProps\n  extends Omit<React.ComponentProps<'button'>, 'onChange'>, VariantProps<typeof chipVariants> {\n  /** Controlled selected state — drives `aria-pressed` and the filled treatment. */\n  selected?: boolean;\n  /** Uncontrolled initial selected state. */\n  defaultSelected?: boolean;\n  /** Called with the next selected value when the chip toggles. */\n  onSelectedChange?: (selected: boolean) => void;\n  /** Leading icon (inherits the chip text colour; 14px, 16px at `lg`). */\n  leadingIcon?: ReactNode;\n  /** Trailing icon. */\n  trailingIcon?: ReactNode;\n  /** Render as the child element (Radix `Slot`) — e.g. wrap a router link. */\n  asChild?: boolean;\n}\n\n/**\n * Interactive selectable chip (SDGA \"Chip\") — a toggle button, distinct from the\n * static `Tag` (SDGA \"Tags\"). Selecting fills the chip (`#1B8354` primary / gray-700 neutral).\n */\nfunction Chip({\n  variant,\n  size,\n  rounded,\n  onColor,\n  selected,\n  defaultSelected = false,\n  onSelectedChange,\n  leadingIcon,\n  trailingIcon,\n  asChild,\n  className,\n  children,\n  disabled,\n  onClick,\n  type = 'button',\n  ...props\n}: ChipProps) {\n  const isControlled = selected !== undefined;\n  const [internal, setInternal] = useState(defaultSelected);\n  const isSelected = isControlled ? selected : internal;\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n\n  return (\n    <Comp\n      // type/native disabled only apply to <button>; in asChild mode lean on\n      // aria-disabled + tabIndex (CSS matches [aria-disabled='true'] too).\n      {...(asChild ? {} : { type, disabled })}\n      {...(asChild && disabled ? { tabIndex: -1 } : {})}\n      aria-disabled={disabled || undefined}\n      data-slot=\"chip\"\n      aria-pressed={isSelected}\n      className={cn(chipVariants({ variant, size, rounded, onColor }), className)}\n      onClick={(e) => {\n        if (disabled) {\n          e.preventDefault();\n          return;\n        }\n        onClick?.(e);\n        if (e.defaultPrevented) return;\n        const next = !isSelected;\n        if (!isControlled) setInternal(next);\n        onSelectedChange?.(next);\n      }}\n      {...props}\n    >\n      {leadingIcon != null && (\n        <span className=\"ddga-chip__icon\" aria-hidden=\"true\">\n          {leadingIcon}\n        </span>\n      )}\n      {asChild ? (\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        children != null && <span className=\"ddga-chip__label\">{children}</span>\n      )}\n      {trailingIcon != null && (\n        <span className=\"ddga-chip__icon\" aria-hidden=\"true\">\n          {trailingIcon}\n        </span>\n      )}\n    </Comp>\n  );\n}\n\nexport { Chip, chipVariants };\nexport type { ChipProps };\n"],"mappings":";;;;;AAEA,SAAS,gBAAgC;AACzC,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AAwEnC,SAuBI,KAvBJ;AArEJ,IAAM,eAAe,IAAI,aAAa;AAAA,EACpC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAsBD,SAAS,KAAK;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAc;AACZ,QAAM,eAAe,aAAa;AAClC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,eAAe;AACxD,QAAM,aAAa,eAAe,WAAW;AAC7C,QAAM,OAAO,UAAU,cAAc,OAAO;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MAGE,GAAI,UAAU,CAAC,IAAI,EAAE,MAAM,SAAS;AAAA,MACpC,GAAI,WAAW,WAAW,EAAE,UAAU,GAAG,IAAI,CAAC;AAAA,MAC/C,iBAAe,YAAY;AAAA,MAC3B,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,WAAW,GAAG,aAAa,EAAE,SAAS,MAAM,SAAS,QAAQ,CAAC,GAAG,SAAS;AAAA,MAC1E,SAAS,CAAC,MAAM;AACd,YAAI,UAAU;AACZ,YAAE,eAAe;AACjB;AAAA,QACF;AACA,kBAAU,CAAC;AACX,YAAI,EAAE,iBAAkB;AACxB,cAAM,OAAO,CAAC;AACd,YAAI,CAAC,aAAc,aAAY,IAAI;AACnC,2BAAmB,IAAI;AAAA,MACzB;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,uBAAe,QACd,oBAAC,UAAK,WAAU,mBAAkB,eAAY,QAC3C,uBACH;AAAA,QAED,UACC,oBAAC,cAAc,WAAd,EAAyB,UAAS,IAEnC,YAAY,QAAQ,oBAAC,UAAK,WAAU,oBAAoB,UAAS;AAAA,QAElE,gBAAgB,QACf,oBAAC,UAAK,WAAU,mBAAkB,eAAY,QAC3C,wBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/{chunk-QLV4RQVQ.cjs → chunk-V7U2CXYL.cjs}

@@ -66,7 +66,7 @@ function SlideoutMenuContent({
 }
 function SlideoutMenuHeader({
   icon,
-  showClose = true,
+  showCloseButton = true,
   closeLabel = "Close",
   className,
   children,
@@ -91,7 +91,7 @@ function SlideoutMenuHeader({
           ) : null,
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ddga-slideout-menu__header-text", children })
         ] }),
-        showClose ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        showCloseButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _radixui.Dialog.Close,
           {
             className: "ddga-slideout-menu__close",
@@ -227,4 +227,4 @@ function SlideoutMenuClose({ className, ...props }) {
 
 
 exports.slideoutMenuContentVariants = slideoutMenuContentVariants; exports.SlideoutMenu = SlideoutMenu; exports.SlideoutMenuTrigger = SlideoutMenuTrigger; exports.SlideoutMenuContent = SlideoutMenuContent; exports.SlideoutMenuHeader = SlideoutMenuHeader; exports.SlideoutMenuTitle = SlideoutMenuTitle; exports.SlideoutMenuDescription = SlideoutMenuDescription; exports.SlideoutMenuBody = SlideoutMenuBody; exports.SlideoutMenuGroup = SlideoutMenuGroup; exports.SlideoutMenuItem = SlideoutMenuItem; exports.SlideoutMenuSeparator = SlideoutMenuSeparator; exports.SlideoutMenuFooter = SlideoutMenuFooter; exports.SlideoutMenuClose = SlideoutMenuClose;
-//# sourceMappingURL=chunk-QLV4RQVQ.cjs.map
+//# sourceMappingURL=chunk-V7U2CXYL.cjs.map