@dev-dga/react 0.8.0 → 0.8.2

package/dist/chunk-W6B7GJLN.cjs

@@ -0,0 +1,189 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Progress/Progress.tsx
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var progressVariants = _classvarianceauthority.cva.call(void 0, "ddga-progress", {
+  variants: {
+    size: {
+      sm: "ddga-progress--sm",
+      md: "ddga-progress--md",
+      lg: "ddga-progress--lg"
+    },
+    color: {
+      primary: "ddga-progress--primary",
+      success: "ddga-progress--success",
+      warning: "ddga-progress--warning",
+      destructive: "ddga-progress--destructive"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary"
+  }
+});
+var circularProgressVariants = _classvarianceauthority.cva.call(void 0, "ddga-circular-progress", {
+  variants: {
+    size: {
+      sm: "ddga-circular-progress--sm",
+      md: "ddga-circular-progress--md",
+      lg: "ddga-circular-progress--lg"
+    },
+    color: {
+      primary: "ddga-circular-progress--primary",
+      success: "ddga-circular-progress--success",
+      warning: "ddga-circular-progress--warning",
+      destructive: "ddga-circular-progress--destructive"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary"
+  }
+});
+function Progress({ value = null, max = 100, size, color, className, ...props }) {
+  const isIndeterminate = value === null;
+  const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, value / max * 100));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Progress.Root,
+    {
+      "data-slot": "progress",
+      value,
+      max,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, progressVariants({ size, color }), className),
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _radixui.Progress.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "ddga-progress__indicator",
+          style: isIndeterminate ? void 0 : { transform: `translateX(${pct - 100}%)` }
+        }
+      )
+    }
+  );
+}
+var CIRCULAR_SIZES = { sm: 32, md: 48, lg: 72 };
+var CIRCULAR_DEFAULT_THICKNESS = { sm: 4, md: 5, lg: 6 };
+var SEGMENT_GAP_FRACTION = 0.16;
+function CircularProgress({
+  value = null,
+  max = 100,
+  size,
+  color,
+  thickness,
+  segments,
+  showLabel = false,
+  className,
+  ...props
+}) {
+  if (process.env.NODE_ENV === "development" && !props["aria-label"] && !props["aria-labelledby"]) {
+    console.warn(
+      "[dga/Progress] <CircularProgress> has no accessible name. Pass `aria-label` or `aria-labelledby` so screen-reader users know what the progress represents."
+    );
+  }
+  const isIndeterminate = value === null;
+  const isSegmented = typeof segments === "number" && segments >= 2;
+  const sizeKey = _nullishCoalesce(size, () => ( "md"));
+  const diameter = CIRCULAR_SIZES[sizeKey];
+  const strokeWidth = _nullishCoalesce(thickness, () => ( CIRCULAR_DEFAULT_THICKNESS[sizeKey]));
+  const radius = (diameter - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const center = diameter / 2;
+  const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, value / max * 100));
+  const dashOffset = isIndeterminate ? circumference * 0.75 : circumference * (1 - pct / 100);
+  const state = isIndeterminate ? "indeterminate" : value >= max ? "complete" : "loading";
+  const segmentEls = isSegmented && segments ? (() => {
+    const filled = isIndeterminate ? 0 : Math.round(pct / 100 * segments);
+    const segAngle = 360 / segments;
+    const gapAngle = segAngle * SEGMENT_GAP_FRACTION;
+    const segLen = circumference * ((1 - SEGMENT_GAP_FRACTION) / segments);
+    return Array.from({ length: segments }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "circle",
+      {
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, 
+          "ddga-circular-progress__segment",
+          i < filled && "ddga-circular-progress__segment--filled"
+        ),
+        cx: center,
+        cy: center,
+        r: radius,
+        fill: "none",
+        strokeWidth,
+        strokeLinecap: "butt",
+        strokeDasharray: `${segLen} ${circumference}`,
+        transform: `rotate(${-90 + i * segAngle + gapAngle / 2} ${center} ${center})`
+      },
+      i
+    ));
+  })() : null;
+  const labelText = isSegmented ? `${segments ? Math.round(pct / 100 * segments) : 0}/${segments}` : `${Math.round(pct)}%`;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      "data-slot": "circular-progress",
+      "data-state": state,
+      "data-segmented": isSegmented ? "" : void 0,
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": max,
+      "aria-valuenow": isIndeterminate ? void 0 : value,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, circularProgressVariants({ size, color }), className),
+      style: { inlineSize: diameter, blockSize: diameter },
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "svg",
+          {
+            className: "ddga-circular-progress__svg",
+            viewBox: `0 0 ${diameter} ${diameter}`,
+            width: diameter,
+            height: diameter,
+            "aria-hidden": "true",
+            focusable: "false",
+            children: isSegmented ? segmentEls : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "circle",
+                {
+                  className: "ddga-circular-progress__track",
+                  cx: center,
+                  cy: center,
+                  r: radius,
+                  fill: "none",
+                  strokeWidth
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "circle",
+                {
+                  className: "ddga-circular-progress__indicator",
+                  cx: center,
+                  cy: center,
+                  r: radius,
+                  fill: "none",
+                  strokeWidth,
+                  strokeLinecap: "round",
+                  strokeDasharray: circumference,
+                  strokeDashoffset: dashOffset,
+                  transform: `rotate(-90 ${center} ${center})`
+                }
+              )
+            ] })
+          }
+        ),
+        showLabel && !isIndeterminate ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-circular-progress__label", "aria-hidden": "true", children: labelText }) : null
+      ]
+    }
+  );
+}
+
+
+
+
+
+
+exports.progressVariants = progressVariants; exports.circularProgressVariants = circularProgressVariants; exports.Progress = Progress; exports.CircularProgress = CircularProgress;
+//# sourceMappingURL=chunk-W6B7GJLN.cjs.map

package/dist/chunk-W6B7GJLN.cjs.map

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

package/dist/chunk-WAIVED2F.js

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

package/dist/chunk-WAIVED2F.js.map

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

package/dist/chunk-WB5AEG5D.cjs

@@ -0,0 +1,167 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Table/Table.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var tableVariants = _classvarianceauthority.cva.call(void 0, "ddga-table", {
+  variants: {
+    size: {
+      sm: "ddga-table--sm",
+      md: "ddga-table--md",
+      lg: "ddga-table--lg"
+    },
+    striped: { true: "ddga-table--striped" },
+    divided: { true: "ddga-table--divided" },
+    bordered: { true: "ddga-table--bordered" },
+    stickyHeader: { true: "ddga-table--sticky" }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Table({
+  size,
+  striped,
+  divided,
+  bordered,
+  stickyHeader,
+  className,
+  maxHeight,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  ...props
+}) {
+  const named = Boolean(ariaLabel || ariaLabelledby);
+  if (process.env.NODE_ENV !== "production" && !named) {
+    console.warn(
+      "[ddga] <Table> wraps its table in a horizontally scrollable container. Pass `aria-label` (or `aria-labelledby`) so keyboard and screen-reader users can identify and scroll it. Without a name it degrades to a plain scroll container with no landmark."
+    );
+  }
+  if (process.env.NODE_ENV !== "production" && ariaLabel && ariaLabelledby) {
+    console.warn(
+      "[ddga] <Table> received both `aria-label` and `aria-labelledby`. `aria-labelledby` takes precedence; `aria-label` will be ignored by assistive technology."
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "table-region",
+      className: "ddga-table__region",
+      style: maxHeight != null ? { maxBlockSize: maxHeight, overflowY: "auto" } : void 0,
+      ...named ? {
+        role: "region",
+        tabIndex: 0,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledby
+      } : {},
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "table",
+        {
+          "data-slot": "table",
+          className: _chunkV6MXOJQ4cjs.cn.call(void 0, tableVariants({ size, striped, divided, bordered, stickyHeader }), className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { "data-slot": "table-header", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-table__header", className), ...props });
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { "data-slot": "table-body", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-table__body", className), ...props });
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tfoot", { "data-slot": "table-footer", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-table__footer", className), ...props });
+}
+function TableRow({ className, selected, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "tr",
+    {
+      "data-slot": "table-row",
+      "data-state": selected ? "selected" : void 0,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-table__row", className),
+      ...props
+    }
+  );
+}
+function TableHead({
+  className,
+  align,
+  sortable,
+  sortDirection = false,
+  sortLabel,
+  onClick,
+  children,
+  ...props
+}) {
+  const headClass = _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-table__head", align && `ddga-table__head--align-${align}`, className);
+  if (process.env.NODE_ENV !== "production" && sortable && !sortLabel) {
+    console.warn(
+      '[ddga] <TableHead sortable> has no `sortLabel`. `aria-sort` conveys the sort state, but pass a localized cue (e.g. "activate to sort") so a focused sort button announces its action to screen-reader users.'
+    );
+  }
+  if (!sortable) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { scope: "col", "data-slot": "table-head", className: headClass, ...props, children });
+  }
+  const ariaSort = sortDirection === "asc" ? "ascending" : sortDirection === "desc" ? "descending" : "none";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { scope: "col", "data-slot": "table-head", "aria-sort": ariaSort, className: headClass, ...props, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "button",
+    {
+      type: "button",
+      "data-slot": "table-sort-button",
+      className: "ddga-table__sort-button",
+      onClick,
+      children: [
+        children,
+        sortLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-sr-only", children: sortLabel }) : null,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-table__sort-icon", "data-slot": "table-sort-icon", "aria-hidden": "true", children: sortDirection === "asc" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.CaretUp, {}) : sortDirection === "desc" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.CaretDown, {}) : (
+          // Neutral affordance: stacked carets, dimmed via CSS.
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.CaretUp, {}),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.CaretDown, {})
+          ] })
+        ) })
+      ]
+    }
+  ) });
+}
+function TableCell({ className, align, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-table__cell", align && `ddga-table__cell--align-${align}`, className),
+      ...props
+    }
+  );
+}
+function TableCaption({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-table__caption", className),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+exports.tableVariants = tableVariants; exports.Table = Table; exports.TableHeader = TableHeader; exports.TableBody = TableBody; exports.TableFooter = TableFooter; exports.TableRow = TableRow; exports.TableHead = TableHead; exports.TableCell = TableCell; exports.TableCaption = TableCaption;
+//# sourceMappingURL=chunk-WB5AEG5D.cjs.map

package/dist/chunk-WB5AEG5D.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-WB5AEG5D.cjs","../src/components/Table/Table.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-WB5AEG5D.cjs","sourcesContent":[null,"'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { CaretDown, CaretUp } from '../../internal/icons';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Semantic <table> compound. Layout/density cascade from the root to the leaf\n// parts via descendant selectors (DescriptionList/Accordion pattern), so the\n// row/head/cell parts carry no variant props beyond `align`/`selected`.\n\nconst tableVariants = cva('ddga-table', {\n  variants: {\n    size: {\n      sm: 'ddga-table--sm',\n      md: 'ddga-table--md',\n      lg: 'ddga-table--lg',\n    },\n    striped: { true: 'ddga-table--striped' },\n    divided: { true: 'ddga-table--divided' },\n    bordered: { true: 'ddga-table--bordered' },\n    stickyHeader: { true: 'ddga-table--sticky' },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\ntype Align = 'start' | 'center' | 'end';\n\n// ─── 2. Types ─── //\n\ninterface TableProps extends React.ComponentProps<'table'>, VariantProps<typeof tableVariants> {\n  /**\n   * Accessible name for the **scroll region** wrapping the table. Strongly\n   * recommended: a wide table scrolls horizontally, and a named, focusable\n   * region lets keyboard and screen-reader users find and scroll it. When\n   * provided, the wrapper becomes `role=\"region\"` `tabindex=\"0\"`; when omitted,\n   * it degrades to a plain scroll container and a dev warning fires.\n   * Note: this names the region, not the `<table>` — use `<TableCaption>` for\n   * the table's own name.\n   */\n  'aria-label'?: string;\n  /** Accessible name for the scroll region, by id reference. See `aria-label`. */\n  'aria-labelledby'?: string;\n  /**\n   * Caps the scroll region's block-size (number → px) so the body scrolls\n   * vertically within it. **Required for `stickyHeader` to engage** — sticky\n   * needs a height-constrained, scrollable ancestor; without it the region\n   * grows to content height and the header has nothing to stick to.\n   */\n  maxHeight?: number | string;\n}\n\ninterface TableRowProps extends React.ComponentProps<'tr'> {\n  /** Visually highlights the row and sets `data-state=\"selected\"`. Selection\n   *  semantics for assistive tech come from a checkbox in the cell (see the\n   *  DataTable recipe), not from the row. */\n  selected?: boolean;\n}\n\ninterface TableHeadProps extends Omit<React.ComponentProps<'th'>, 'align' | 'onClick'> {\n  align?: Align;\n  /** Renders the column as sortable: wraps content in a button and sets\n   *  `aria-sort`. Sort *logic* is the consumer's — wire `onClick`. */\n  sortable?: boolean;\n  /** Current sort direction, or `false` when unsorted. */\n  sortDirection?: 'asc' | 'desc' | false;\n  /** Click handler bound to the sort button (only rendered when `sortable`). */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * Visually-hidden, **caller-localized** cue appended to the sort button's\n   * accessible name (e.g. \"activate to sort ascending\"). `aria-sort` already\n   * conveys state, but a focused button otherwise announces only its column\n   * label; this adds the action cue. Kept as a prop (not hard-coded text) so\n   * the design system stays language-neutral — pass Arabic in RTL. Only used\n   * when `sortable`. Typed `string` (not `ReactNode`) so interactive content\n   * can't be hidden into a keyboard-reachable, invisible trap.\n   */\n  sortLabel?: string;\n}\n\ninterface TableCellProps extends Omit<React.ComponentProps<'td'>, 'align'> {\n  align?: Align;\n}\n\n// ─── 3. Components ─── //\n\nfunction Table({\n  size,\n  striped,\n  divided,\n  bordered,\n  stickyHeader,\n  className,\n  maxHeight,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  ...props\n}: TableProps) {\n  const named = Boolean(ariaLabel || ariaLabelledby);\n\n  if (process.env.NODE_ENV !== 'production' && !named) {\n    console.warn(\n      '[ddga] <Table> wraps its table in a horizontally scrollable container. ' +\n        'Pass `aria-label` (or `aria-labelledby`) so keyboard and screen-reader ' +\n        'users can identify and scroll it. Without a name it degrades to a plain ' +\n        'scroll container with no landmark.',\n    );\n  }\n\n  if (process.env.NODE_ENV !== 'production' && ariaLabel && ariaLabelledby) {\n    console.warn(\n      '[ddga] <Table> received both `aria-label` and `aria-labelledby`. ' +\n        '`aria-labelledby` takes precedence; `aria-label` will be ignored by assistive technology.',\n    );\n  }\n\n  return (\n    <div\n      data-slot=\"table-region\"\n      className=\"ddga-table__region\"\n      style={maxHeight != null ? { maxBlockSize: maxHeight, overflowY: 'auto' } : undefined}\n      {...(named\n        ? {\n            role: 'region',\n            tabIndex: 0,\n            'aria-label': ariaLabel,\n            'aria-labelledby': ariaLabelledby,\n          }\n        : {})}\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(tableVariants({ size, striped, divided, bordered, stickyHeader }), className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return (\n    <thead data-slot=\"table-header\" className={cn('ddga-table__header', className)} {...props} />\n  );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n  return <tbody data-slot=\"table-body\" className={cn('ddga-table__body', className)} {...props} />;\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n  return (\n    <tfoot data-slot=\"table-footer\" className={cn('ddga-table__footer', className)} {...props} />\n  );\n}\n\nfunction TableRow({ className, selected, ...props }: TableRowProps) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      data-state={selected ? 'selected' : undefined}\n      className={cn('ddga-table__row', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableHead({\n  className,\n  align,\n  sortable,\n  sortDirection = false,\n  sortLabel,\n  onClick,\n  children,\n  ...props\n}: TableHeadProps) {\n  const headClass = cn('ddga-table__head', align && `ddga-table__head--align-${align}`, className);\n\n  if (process.env.NODE_ENV !== 'production' && sortable && !sortLabel) {\n    console.warn(\n      '[ddga] <TableHead sortable> has no `sortLabel`. `aria-sort` conveys the ' +\n        'sort state, but pass a localized cue (e.g. \"activate to sort\") so a focused ' +\n        'sort button announces its action to screen-reader users.',\n    );\n  }\n\n  if (!sortable) {\n    return (\n      <th scope=\"col\" data-slot=\"table-head\" className={headClass} {...props}>\n        {children}\n      </th>\n    );\n  }\n\n  const ariaSort =\n    sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none';\n\n  return (\n    <th scope=\"col\" data-slot=\"table-head\" aria-sort={ariaSort} className={headClass} {...props}>\n      <button\n        type=\"button\"\n        data-slot=\"table-sort-button\"\n        className=\"ddga-table__sort-button\"\n        onClick={onClick}\n      >\n        {children}\n        {sortLabel ? <span className=\"ddga-sr-only\">{sortLabel}</span> : null}\n        <span className=\"ddga-table__sort-icon\" data-slot=\"table-sort-icon\" aria-hidden=\"true\">\n          {sortDirection === 'asc' ? (\n            <CaretUp />\n          ) : sortDirection === 'desc' ? (\n            <CaretDown />\n          ) : (\n            // Neutral affordance: stacked carets, dimmed via CSS.\n            <>\n              <CaretUp />\n              <CaretDown />\n            </>\n          )}\n        </span>\n      </button>\n    </th>\n  );\n}\n\nfunction TableCell({ className, align, ...props }: TableCellProps) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn('ddga-table__cell', align && `ddga-table__cell--align-${align}`, className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({ className, ...props }: React.ComponentProps<'caption'>) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn('ddga-table__caption', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableRow,\n  TableHead,\n  TableCell,\n  TableCaption,\n  tableVariants,\n};\nexport type { TableProps, TableRowProps, TableHeadProps, TableCellProps };\n"]}

package/dist/chunk-WI5UIBM5.js

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

package/dist/chunk-WI5UIBM5.js.map

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

package/dist/chunk-WY4KTEIL.js

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

package/dist/chunk-WY4KTEIL.js.map

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

package/dist/chunk-XBAAHOCP.js

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

package/dist/chunk-XBAAHOCP.js.map

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

package/dist/chunk-XCR3TPXT.js

@@ -0,0 +1,199 @@
+import {
+  Check,
+  ChevronRight
+} from "./chunk-CDS4SYEQ.js";
+import {
+  DgaContext
+} from "./chunk-TMXABSFE.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/DropdownMenu/DropdownMenu.tsx
+import { useContext } from "react";
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var dropdownMenuVariants = cva("ddga-dropdown-menu", {
+  variants: {
+    size: {
+      sm: "ddga-dropdown-menu--sm",
+      md: "ddga-dropdown-menu--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function DropdownMenu(props) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { ...props });
+}
+function DropdownMenuTrigger(props) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuContent({
+  size,
+  className,
+  sideOffset = 6,
+  ...props
+}) {
+  const ctx = useContext(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(dropdownMenuVariants({ size }), className),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  destructive,
+  startIcon,
+  shortcut,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-destructive": destructive ? "" : void 0,
+      className: cn("ddga-dropdown-menu__item", className),
+      ...props,
+      children: [
+        startIcon ? /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__icon", "aria-hidden": "true", children: startIcon }) : null,
+        /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__label", children }),
+        shortcut ? /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__shortcut", "aria-hidden": "true", children: shortcut }) : null
+      ]
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  onSelect,
+  ...props
+}) {
+  const handleSelect = onSelect ?? ((event) => {
+    event.preventDefault();
+  });
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: cn("ddga-dropdown-menu__item", "ddga-dropdown-menu__item--checkable", className),
+      onSelect: handleSelect,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "ddga-dropdown-menu__indicator-icon" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__label", children })
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup(props) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  onSelect,
+  ...props
+}) {
+  const handleSelect = onSelect ?? ((event) => {
+    event.preventDefault();
+  });
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      className: cn("ddga-dropdown-menu__item", "ddga-dropdown-menu__item--checkable", className),
+      onSelect: handleSelect,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__radio-dot" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__label", children })
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      className: cn("ddga-dropdown-menu__group-label", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("ddga-dropdown-menu__separator", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuGroup(props) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuSub(props) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  startIcon,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      className: cn("ddga-dropdown-menu__item", "ddga-dropdown-menu__item--sub", className),
+      ...props,
+      children: [
+        startIcon ? /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__icon", "aria-hidden": "true", children: startIcon }) : null,
+        /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__label", children }),
+        /* @__PURE__ */ jsx(ChevronRight, { className: "ddga-dropdown-menu__sub-chevron", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({ size, className, ...props }) {
+  const ctx = useContext(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(dropdownMenuVariants({ size }), className),
+      ...props
+    }
+  ) });
+}
+
+export {
+  dropdownMenuVariants,
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuGroup,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent
+};
+//# sourceMappingURL=chunk-XCR3TPXT.js.map