@dev-dga/react 0.10.1 → 0.12.0

package/dist/chunk-GXF5IZEX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-GXF5IZEX.cjs","../src/components/Card/Card.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-GXF5IZEX.cjs","sourcesContent":[null,"'use client';\n\nimport { useState, useId, useContext, createContext } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, ChevronDown } from '../../internal/icons';\nimport { Button } from '../Button';\n\nconst cardVariants = cva('ddga-card', {\n  variants: {\n    variant: {\n      default: 'ddga-card--default',\n      outline: 'ddga-card--outline',\n      elevated: 'ddga-card--elevated',\n      plain: 'ddga-card--plain',\n      filled: 'ddga-card--filled',\n      gradient: 'ddga-card--gradient',\n      ghost: 'ddga-card--ghost',\n    },\n    padding: {\n      sm: 'ddga-card--padding-sm',\n      md: 'ddga-card--padding-md',\n      lg: 'ddga-card--padding-lg',\n    },\n    orientation: {\n      vertical: 'ddga-card--vertical',\n      horizontal: 'ddga-card--horizontal',\n    },\n    interactive: {\n      true: 'ddga-card--interactive',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    padding: 'md',\n    orientation: 'vertical',\n  },\n});\n\n// Shares expanded state + content id between the chevron toggle and CardExpandableContent.\nconst CardContext = createContext<{ expanded: boolean; contentId: string } | null>(null);\n\ninterface CardProps extends React.ComponentProps<'div'>, VariantProps<typeof cardVariants> {\n  /** Render as the single child element instead of a `<div>` (see Button). */\n  asChild?: boolean;\n  /**\n   * DGA Disabled state — mutes the surface (gray-200 bg / gray-400 text + icon)\n   * and marks the card `aria-disabled`. Suppresses Selectable toggling.\n   */\n  disabled?: boolean;\n  /**\n   * DGA Type=Selectable — the whole card becomes a checkbox (`role=\"checkbox\"`,\n   * Space toggles) with a checkbox indicator at the top inline-end. Controlled\n   * via `selected` or uncontrolled via `defaultSelected`. Ignores `asChild`.\n   */\n  selectable?: boolean;\n  /** Controlled selected state (Selectable). */\n  selected?: boolean;\n  /** Uncontrolled initial selected state (Selectable). */\n  defaultSelected?: boolean;\n  /** Fires with the next selected value when the user toggles a Selectable card. */\n  onSelectedChange?: (selected: boolean) => void;\n  /**\n   * DGA Type=Expandable — renders a chevron toggle (icon-only Subtle button) at\n   * the bottom inline-end that shows/hides a `<CardExpandableContent>` region.\n   * Controlled via `expanded` or uncontrolled via `defaultExpanded`.\n   */\n  expandable?: boolean;\n  /** Controlled expanded state (Expandable). */\n  expanded?: boolean;\n  /** Uncontrolled initial expanded state (Expandable). */\n  defaultExpanded?: boolean;\n  /** Fires with the next expanded value when the user toggles an Expandable card. */\n  onExpandedChange?: (expanded: boolean) => void;\n  /** Accessible label for the expand/collapse toggle. Default `'Toggle details'`. */\n  expandLabel?: string;\n}\n\ntype CardSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\ntype CardIconProps = CardSectionProps & {\n  /**\n   * Render the DGA Platforms Code \"Featured Icon\" treatment — a 48px brand-light\n   * circle around the glyph (vs the bare inline icon). Pair with the SDGA Card\n   * pattern (featured icon → title → content → footer).\n   */\n  featured?: boolean;\n};\n\ninterface CardTitleProps extends React.ComponentProps<'h3'> {\n  /** Override the heading element (e.g. render an `<h2>` or `<a>`). */\n  asChild?: boolean;\n}\n\ntype CardDescriptionProps = React.ComponentProps<'p'> & { asChild?: boolean };\n\ninterface CardImageProps extends React.ComponentProps<'img'> {\n  /**\n   * Aspect ratio of the image in vertical orientation (e.g. `'16/9'`, `'4/3'`,\n   * `'1/1'`). Default `'16/9'`. Ignored in horizontal orientation — the image\n   * fills the card's full height there.\n   */\n  aspectRatio?: string;\n}\n\nfunction Card({\n  variant,\n  padding,\n  orientation,\n  interactive,\n  asChild,\n  disabled,\n  selectable,\n  selected,\n  defaultSelected,\n  onSelectedChange,\n  expandable,\n  expanded,\n  defaultExpanded,\n  onExpandedChange,\n  expandLabel = 'Toggle details',\n  className,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: CardProps) {\n  // Dev-only: a selectable card is a `role=\"checkbox\"`, which takes its name\n  // from aria-label/aria-labelledby (not its text content).\n  if (process.env.NODE_ENV === 'development' && selectable) {\n    if (!props['aria-label'] && !props['aria-labelledby']) {\n      console.warn(\n        '[@dev-dga/react] A selectable Card renders as a checkbox and needs an ' +\n          'aria-label or aria-labelledby for screen-reader users.',\n      );\n    }\n  }\n\n  const [internalSelected, setInternalSelected] = useState(defaultSelected ?? false);\n  const isSelected = selected ?? internalSelected;\n  const toggleSelected = () => {\n    if (disabled) return;\n    const next = !isSelected;\n    if (selected === undefined) setInternalSelected(next);\n    onSelectedChange?.(next);\n  };\n\n  const [internalExpanded, setInternalExpanded] = useState(defaultExpanded ?? false);\n  const isExpanded = expanded ?? internalExpanded;\n  const contentId = useId();\n  const toggleExpanded = () => {\n    if (disabled) return;\n    const next = !isExpanded;\n    if (expanded === undefined) setInternalExpanded(next);\n    onExpandedChange?.(next);\n  };\n\n  // Selectable/Expandable add sibling elements, so the card can't be a Slot\n  // (Slot needs exactly one child). They are mutually exclusive DGA Types.\n  const hasExtras = selectable || expandable;\n  const Comp = asChild && !hasExtras ? SlotPrimitive.Slot : 'div';\n\n  const selectableProps = selectable\n    ? {\n        role: 'checkbox' as const,\n        'aria-checked': isSelected,\n        'aria-disabled': disabled || undefined,\n        tabIndex: disabled ? -1 : 0,\n        'data-state': isSelected ? ('checked' as const) : ('unchecked' as const),\n        onClick: (e: React.MouseEvent<HTMLDivElement>) => {\n          toggleSelected();\n          onClick?.(e);\n        },\n        onKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => {\n          if (e.key === ' ') {\n            e.preventDefault();\n            toggleSelected();\n          }\n          onKeyDown?.(e);\n        },\n      }\n    : // A bare `interactive` card (no asChild wrapper) is a whole-card click target →\n      // make it keyboard-operable and announced as a button, else it's mouse-only.\n      interactive && !expandable && !asChild\n      ? {\n          role: 'button' as const,\n          'aria-disabled': disabled || undefined,\n          tabIndex: disabled ? -1 : 0,\n          onClick,\n          onKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => {\n            if (!disabled && (e.key === 'Enter' || e.key === ' ')) {\n              e.preventDefault();\n              e.currentTarget.click();\n            }\n            onKeyDown?.(e);\n          },\n        }\n      : { onClick, onKeyDown };\n\n  const card = (\n    <Comp\n      data-slot=\"card\"\n      data-orientation={orientation ?? 'vertical'}\n      data-disabled={disabled || undefined}\n      data-expanded={expandable ? isExpanded : undefined}\n      aria-disabled={disabled && !selectable ? true : undefined}\n      className={cn(\n        cardVariants({ variant, padding, orientation, interactive }),\n        disabled && 'ddga-card--disabled',\n        selectable && 'ddga-card--selectable',\n        expandable && 'ddga-card--expandable',\n        className,\n      )}\n      {...selectableProps}\n      {...props}\n    >\n      {hasExtras ? (\n        <>\n          {selectable && (\n            <span className=\"ddga-card__select-indicator\" aria-hidden>\n              <span\n                className=\"ddga-card__checkbox\"\n                data-state={isSelected ? 'checked' : 'unchecked'}\n              >\n                {isSelected && <Check className=\"ddga-card__checkbox-check\" />}\n              </span>\n            </span>\n          )}\n          {children}\n          {expandable && (\n            <div className=\"ddga-card__expand-row\">\n              <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                aria-label={expandLabel}\n                aria-expanded={isExpanded}\n                aria-controls={contentId}\n                disabled={disabled}\n                onClick={toggleExpanded}\n              >\n                <ChevronDown\n                  className={cn('ddga-card__chevron', isExpanded && 'ddga-card__chevron--up')}\n                />\n              </Button>\n            </div>\n          )}\n        </>\n      ) : (\n        // Plain card: pass children straight through so `asChild` (Slot) still\n        // receives a single element.\n        children\n      )}\n    </Comp>\n  );\n\n  return expandable ? (\n    <CardContext.Provider value={{ expanded: isExpanded, contentId }}>{card}</CardContext.Provider>\n  ) : (\n    card\n  );\n}\n\nfunction CardImage({ aspectRatio = '16/9', className, style, ...props }: CardImageProps) {\n  return (\n    <img\n      data-slot=\"card-image\"\n      className={cn('ddga-card__image', className)}\n      style={\n        {\n          '--ddga-card-image-aspect': aspectRatio,\n          ...style,\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ asChild, className, ...props }: CardSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return <Comp data-slot=\"card-header\" className={cn('ddga-card__header', className)} {...props} />;\n}\n\n// Decorative (`aria-hidden`) by default; pass `aria-hidden={false}` when the icon is the sole label.\nfunction CardIcon({ asChild, featured, className, ...props }: CardIconProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"card-icon\"\n      aria-hidden\n      className={cn('ddga-card__icon', featured && 'ddga-card__icon--featured', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ asChild, className, ...props }: CardTitleProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'h3';\n  return <Comp data-slot=\"card-title\" className={cn('ddga-card__title', className)} {...props} />;\n}\n\nfunction CardDescription({ asChild, className, ...props }: CardDescriptionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'p';\n  return (\n    <Comp\n      data-slot=\"card-description\"\n      className={cn('ddga-card__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ asChild, className, ...props }: CardSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"card-content\" className={cn('ddga-card__content', className)} {...props} />\n  );\n}\n\nfunction CardFooter({ asChild, className, ...props }: CardSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return <Comp data-slot=\"card-footer\" className={cn('ddga-card__footer', className)} {...props} />;\n}\n\n// The collapsible region of an Expandable card — reads the Card's expanded state\n// via context; `hidden` removes it from layout + a11y tree when collapsed.\nfunction CardExpandableContent({ asChild, className, ...props }: CardSectionProps) {\n  const ctx = useContext(CardContext);\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"card-expandable-content\"\n      id={ctx?.contentId}\n      hidden={ctx ? !ctx.expanded : undefined}\n      className={cn('ddga-card__expandable-content', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Card,\n  CardImage,\n  CardIcon,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardFooter,\n  CardExpandableContent,\n  cardVariants,\n};\nexport type {\n  CardProps,\n  CardImageProps,\n  CardSectionProps,\n  CardIconProps,\n  CardTitleProps,\n  CardDescriptionProps,\n};\n"]}

package/dist/{chunk-TM3FOGLK.cjs → chunk-GYUQ5TEQ.cjs}

@@ -103,4 +103,4 @@ function TimelineTime({ className, ...props }) {
 
 
 exports.timelineVariants = timelineVariants; exports.timelineMarkerVariants = timelineMarkerVariants; exports.Timeline = Timeline; exports.TimelineItem = TimelineItem; exports.TimelineMarker = TimelineMarker; exports.TimelineContent = TimelineContent; exports.TimelineTitle = TimelineTitle; exports.TimelineDescription = TimelineDescription; exports.TimelineTime = TimelineTime;
-//# sourceMappingURL=chunk-TM3FOGLK.cjs.map
+//# sourceMappingURL=chunk-GYUQ5TEQ.cjs.map

package/dist/chunk-GYUQ5TEQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-GYUQ5TEQ.cjs","../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-GYUQ5TEQ.cjs","sourcesContent":[null,"'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Visual-only chronological compound. Semantic `<ol>`/`<li>` so the event\n// count + order are assistive-tech-readable. The connector line is CSS-drawn\n// via a pseudo-element between siblings (the `ProgressIndicator` technique) — no separator\n// component for consumers to misuse. Markers carry a `status` that tints the\n// node via the semantic `--ddga-color-*` palette; the status is PURELY VISUAL,\n// so the meaning (\"Failed\") must live in the content text — never rely on the\n// dot colour alone. \"Activity feed\" is a composition of this primitive\n// (Timeline + Avatar + text in the content slot), not a separate component.\n\nconst timelineVariants = cva('ddga-timeline', {\n  variants: {\n    size: {\n      sm: 'ddga-timeline--sm',\n      md: 'ddga-timeline--md',\n    },\n    orientation: {\n      vertical: 'ddga-timeline--vertical',\n      horizontal: 'ddga-timeline--horizontal',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    orientation: 'vertical',\n  },\n});\n\ntype TimelineStatus = 'default' | 'success' | 'error' | 'warning' | 'info';\n\nconst timelineMarkerVariants = cva('ddga-timeline__marker', {\n  variants: {\n    status: {\n      default: 'ddga-timeline__marker--default',\n      success: 'ddga-timeline__marker--success',\n      error: 'ddga-timeline__marker--error',\n      warning: 'ddga-timeline__marker--warning',\n      info: 'ddga-timeline__marker--info',\n    },\n  },\n  defaultVariants: {\n    status: 'default',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface TimelineProps extends React.ComponentProps<'ol'>, VariantProps<typeof timelineVariants> {}\n\ntype TimelineItemProps = React.ComponentProps<'li'>;\n\ninterface TimelineMarkerProps\n  extends React.ComponentProps<'span'>, VariantProps<typeof timelineMarkerVariants> {}\n\ntype TimelineContentProps = React.ComponentProps<'div'>;\ntype TimelineTitleProps = React.ComponentProps<'span'>;\ntype TimelineDescriptionProps = React.ComponentProps<'span'>;\ntype TimelineTimeProps = React.ComponentProps<'time'>;\n\n// ─── 3. Components ─── //\n\nfunction Timeline({ size, orientation, className, ...props }: TimelineProps) {\n  // `<ol>` is the right semantic for an ordered sequence of events; the\n  // implicit listitem role on children makes the count assistive-tech-readable.\n  return (\n    <ol\n      data-slot=\"timeline\"\n      data-orientation={orientation ?? 'vertical'}\n      className={cn(timelineVariants({ size, orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TimelineItem({ className, ...props }: TimelineItemProps) {\n  // Always an `<li>` — the parent `<ol>` may only contain `<li>` children, so\n  // consumers needing a clickable event put an `<a>` (or router primitive)\n  // INSIDE the content, never as the item element itself. This is why no part\n  // ships `asChild` (mirrors `ProgressIndicator`). The item owns the CSS connector segment\n  // to the next sibling.\n  return (\n    <li data-slot=\"timeline-item\" className={cn('ddga-timeline__item', className)} {...props} />\n  );\n}\n\nfunction TimelineMarker({ status, className, children, ...props }: TimelineMarkerProps) {\n  // Decorative — assistive tech reads the content, not the node. When children\n  // are provided they render as a custom icon; otherwise a plain dot is drawn.\n  // The `data-status` carries the visual intent for CSS keying.\n  const resolved = status ?? 'default';\n  // `data-reached` marks a non-default (completed/active) node. The connector\n  // line uses it as a CSS sibling gate so a segment fills with the PREVIOUS\n  // node's colour ONLY when the NEXT node is also reached — a completed→pending\n  // transition stays neutral (the ProgressIndicator progress-fill semantics).\n  const reached = resolved !== 'default';\n  return (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"timeline-marker\"\n      data-status={resolved}\n      data-reached={reached ? '' : undefined}\n      className={cn(timelineMarkerVariants({ status }), className)}\n      {...props}\n    >\n      {children ?? <span className=\"ddga-timeline__dot\" />}\n    </span>\n  );\n}\n\nfunction TimelineContent({ className, ...props }: TimelineContentProps) {\n  return (\n    <div\n      data-slot=\"timeline-content\"\n      className={cn('ddga-timeline__content', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TimelineTitle({ className, ...props }: TimelineTitleProps) {\n  return (\n    <span data-slot=\"timeline-title\" className={cn('ddga-timeline__title', className)} {...props} />\n  );\n}\n\nfunction TimelineDescription({ className, ...props }: TimelineDescriptionProps) {\n  return (\n    <span\n      data-slot=\"timeline-description\"\n      className={cn('ddga-timeline__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TimelineTime({ className, ...props }: TimelineTimeProps) {\n  // Renders a real `<time>`; consumers pass `dateTime` for the machine-readable\n  // timestamp while the children carry the human-readable label (\"2h ago\").\n  return (\n    <time data-slot=\"timeline-time\" className={cn('ddga-timeline__time', className)} {...props} />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Timeline,\n  TimelineItem,\n  TimelineMarker,\n  TimelineContent,\n  TimelineTitle,\n  TimelineDescription,\n  TimelineTime,\n  timelineVariants,\n  timelineMarkerVariants,\n};\nexport type {\n  TimelineProps,\n  TimelineItemProps,\n  TimelineMarkerProps,\n  TimelineContentProps,\n  TimelineTitleProps,\n  TimelineDescriptionProps,\n  TimelineTimeProps,\n  TimelineStatus,\n};\n"]}

package/dist/chunk-H2HKUDBZ.js

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

package/dist/chunk-H6AWWJHL.cjs

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

package/dist/chunk-H6AWWJHL.cjs.map

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

package/dist/{chunk-VSC3A6VB.cjs → chunk-H7QU5L7R.cjs}

@@ -14,7 +14,9 @@ var avatarVariants = _classvarianceauthority.cva.call(void 0, "ddga-avatar", {
       sm: "ddga-avatar--sm",
       md: "ddga-avatar--md",
       lg: "ddga-avatar--lg",
-      xl: "ddga-avatar--xl"
+      xl: "ddga-avatar--xl",
+      "2xl": "ddga-avatar--2xl",
+      "3xl": "ddga-avatar--3xl"
     },
     shape: {
       circle: "ddga-avatar--circle",
@@ -85,7 +87,15 @@ function AvatarFallback({ colorScheme, className, ...props }) {
     }
   );
 }
-function AvatarGroup({ max, size, shape, className, children, ...props }) {
+function AvatarGroup({
+  max,
+  size,
+  shape,
+  overflowLabel = (n) => `${n} more`,
+  className,
+  children,
+  ...props
+}) {
   const all = _react.Children.toArray(children).filter(_react.isValidElement);
   const visible = max !== void 0 && all.length > max ? all.slice(0, max) : all;
   const overflow = max !== void 0 ? Math.max(0, all.length - max) : 0;
@@ -98,7 +108,7 @@ function AvatarGroup({ max, size, shape, className, children, ...props }) {
   );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "avatar-group", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-avatar-group", className), ...props, children: [
     cascaded,
-    overflow > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Avatar, { size, shape, "aria-label": `${overflow} more`, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, AvatarFallback, { children: [
+    overflow > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Avatar, { size, shape, "aria-label": overflowLabel(overflow), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, AvatarFallback, { children: [
       "+",
       overflow
     ] }) }) : null
@@ -112,4 +122,4 @@ function AvatarGroup({ max, size, shape, className, children, ...props }) {
 
 
 exports.avatarVariants = avatarVariants; exports.Avatar = Avatar; exports.AvatarImage = AvatarImage; exports.AvatarFallback = AvatarFallback; exports.AvatarGroup = AvatarGroup;
-//# sourceMappingURL=chunk-VSC3A6VB.cjs.map
+//# sourceMappingURL=chunk-H7QU5L7R.cjs.map

package/dist/chunk-H7QU5L7R.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-H7QU5L7R.cjs","../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,8BAA0E;AAC1E,mCAA0C;AAC1C,kEAAuC;AAyFnC,+CAAA;AApFJ,IAAM,eAAA,EAAiB,yCAAA,aAAI,EAAe;AAAA,EACxC,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,KAAA,EAAO,kBAAA;AAAA,MACP,KAAA,EAAO;AAAA,IACT,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,MAAA,EAAQ,qBAAA;AAAA,MACR,MAAA,EAAQ;AAAA,IACV;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;AAED,IAAM,iBAAA,EAAmB,yCAAA,uBAAI,EAAyB;AAAA,EACpD,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,OAAA,EAAS,gCAAA;AAAA,MACT,OAAA,EAAS,gCAAA;AAAA,MACT,SAAA,EAAW,kCAAA;AAAA,MACX,OAAA,EAAS,gCAAA;AAAA,MACT,OAAA,EAAS,gCAAA;AAAA,MACT,WAAA,EAAa,oCAAA;AAAA,MACb,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;AA6CD,SAAS,MAAA,CAAO,EAAE,IAAA,EAAM,KAAA,EAAO,MAAA,EAAQ,WAAA,EAAa,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAAgB;AAChG,EAAA,uBACE,8BAAA;AAAA,IAAC,eAAA,CAAgB,IAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,aAAA,EAAa,MAAA;AAAA,MACb,SAAA,EAAW,kCAAA,cAAG,CAAe,EAAE,IAAA,EAAM,MAAM,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MACvD,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,OAAA,kBACC,6BAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,kCAAA,qBAAG,EAAuB,CAAA,qBAAA,EAAwB,MAAM,CAAA,CAAA;AAC9D,YAAA;AACsB,YAAA;AAAA,UAAA;AAE3B,QAAA;AAAA,MAAA;AAAA,IAAA;AACN,EAAA;AAEJ;AAEgE;AAE5D,EAAA;AAAiB,IAAA;AAAhB,IAAA;AACW,MAAA;AACmC,MAAA;AACzC,MAAA;AAAA,IAAA;AACN,EAAA;AAEJ;AAEmF;AAE/E,EAAA;AAAiB,IAAA;AAAhB,IAAA;AACW,MAAA;AACwB,MAAA;AACwB,MAAA;AACtD,MAAA;AAAA,IAAA;AACN,EAAA;AAEJ;AAEqB;AACnB,EAAA;AACA,EAAA;AACA,EAAA;AAC2B,EAAA;AAC3B,EAAA;AACA,EAAA;AACG,EAAA;AACgB;AACyC,EAAA;AACgB,EAAA;AACP,EAAA;AAI5C,EAAA;AACH,IAAA;AACA,MAAA;AACQ,MAAA;AACE,MAAA;AAC7B,IAAA;AACH,EAAA;AAG2C,EAAA;AACtC,IAAA;AAE+C,IAAA;AAC5B,MAAA;AAAE,MAAA;AAElB,IAAA;AACN,EAAA;AAEJ;ADjDgF;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-H7QU5L7R.cjs","sourcesContent":[null,"'use client';\n\nimport { Children, isValidElement, cloneElement, type ReactElement } from 'react';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n\nconst avatarVariants = cva('ddga-avatar', {\n  variants: {\n    size: {\n      xs: 'ddga-avatar--xs',\n      sm: 'ddga-avatar--sm',\n      md: 'ddga-avatar--md',\n      lg: 'ddga-avatar--lg',\n      xl: 'ddga-avatar--xl',\n      '2xl': 'ddga-avatar--2xl',\n      '3xl': 'ddga-avatar--3xl',\n    },\n    shape: {\n      circle: 'ddga-avatar--circle',\n      square: 'ddga-avatar--square',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    shape: 'circle',\n  },\n});\n\nconst fallbackVariants = cva('ddga-avatar__fallback', {\n  variants: {\n    colorScheme: {\n      default: 'ddga-avatar__fallback--default',\n      primary: 'ddga-avatar__fallback--primary',\n      secondary: 'ddga-avatar__fallback--secondary',\n      success: 'ddga-avatar__fallback--success',\n      warning: 'ddga-avatar__fallback--warning',\n      destructive: 'ddga-avatar__fallback--destructive',\n      info: 'ddga-avatar__fallback--info',\n    },\n  },\n  defaultVariants: {\n    colorScheme: 'default',\n  },\n});\n\ntype AvatarStatus = 'online' | 'offline' | 'busy' | 'away';\n\n// ─── 2. Types ─── //\n\ninterface AvatarProps\n  extends React.ComponentProps<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {\n  /**\n   * Presence indicator rendered in the bottom-{end} corner. The color tracks\n   * the status (online → success, busy → destructive, away → warning,\n   * offline → muted). Position flips in RTL automatically via logical props.\n   */\n  status?: AvatarStatus;\n  /**\n   * Accessible label for the status indicator. Defaults to the status value\n   * (e.g. \"online\"). Pass a localized string for non-English UIs.\n   */\n  statusLabel?: string;\n}\n\ntype AvatarImageProps = React.ComponentProps<typeof AvatarPrimitive.Image>;\n\ninterface AvatarFallbackProps\n  extends\n    React.ComponentProps<typeof AvatarPrimitive.Fallback>,\n    VariantProps<typeof fallbackVariants> {}\n\ninterface AvatarGroupProps extends React.ComponentProps<'div'> {\n  /**\n   * Cap the number of visible Avatars. Excess children are collapsed into a\n   * trailing \"+N\" chip. When unset, every child is rendered.\n   */\n  max?: number;\n  /** Size cascaded to each child Avatar that doesn't already set its own size. */\n  size?: VariantProps<typeof avatarVariants>['size'];\n  /** Shape cascaded to each child Avatar that doesn't already set its own shape. */\n  shape?: VariantProps<typeof avatarVariants>['shape'];\n  /** Accessible label for the \"+N\" overflow chip. Defaults to `\"N more\"` — pass a\n   *  localized builder for non-English UIs. */\n  overflowLabel?: (count: number) => string;\n}\n\n// ─── 3. Components ─── //\n\nfunction Avatar({ size, shape, status, statusLabel, className, children, ...props }: AvatarProps) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-status={status}\n      className={cn(avatarVariants({ size, shape }), className)}\n      {...props}\n    >\n      {children}\n      {status ? (\n        <span\n          className={cn('ddga-avatar__status', `ddga-avatar__status--${status}`)}\n          role=\"img\"\n          aria-label={statusLabel ?? status}\n        />\n      ) : null}\n    </AvatarPrimitive.Root>\n  );\n}\n\nfunction AvatarImage({ className, ...props }: AvatarImageProps) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn('ddga-avatar__image', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({ colorScheme, className, ...props }: AvatarFallbackProps) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      data-color-scheme={colorScheme ?? 'default'}\n      className={cn(fallbackVariants({ colorScheme }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({\n  max,\n  size,\n  shape,\n  overflowLabel = (n) => `${n} more`,\n  className,\n  children,\n  ...props\n}: AvatarGroupProps) {\n  const all = Children.toArray(children).filter(isValidElement) as ReactElement<AvatarProps>[];\n  const visible = max !== undefined && all.length > max ? all.slice(0, max) : all;\n  const overflow = max !== undefined ? Math.max(0, all.length - max) : 0;\n\n  // Cascade size/shape onto children that haven't set their own (parity with\n  // RadioGroup → Radio). Don't clobber explicit child overrides.\n  const cascaded = visible.map((child, i) =>\n    cloneElement(child, {\n      key: child.key ?? i,\n      size: child.props.size ?? size,\n      shape: child.props.shape ?? shape,\n    }),\n  );\n\n  return (\n    <div data-slot=\"avatar-group\" className={cn('ddga-avatar-group', className)} {...props}>\n      {cascaded}\n      {overflow > 0 ? (\n        <Avatar size={size} shape={shape} aria-label={overflowLabel(overflow)}>\n          <AvatarFallback>+{overflow}</AvatarFallback>\n        </Avatar>\n      ) : null}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Avatar, AvatarImage, AvatarFallback, AvatarGroup, avatarVariants };\nexport type { AvatarProps, AvatarImageProps, AvatarFallbackProps, AvatarGroupProps, AvatarStatus };\n"]}

package/dist/{chunk-WB5AEG5D.cjs → chunk-HC2H35U2.cjs}

@@ -1,7 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+
+
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
 
 
 var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
@@ -17,8 +19,9 @@ var tableVariants = _classvarianceauthority.cva.call(void 0, "ddga-table", {
       lg: "ddga-table--lg"
     },
     striped: { true: "ddga-table--striped" },
-    divided: { true: "ddga-table--divided" },
-    bordered: { true: "ddga-table--bordered" },
+    // SDGA: row dividers are the base look (always on). `contained` adds ONLY an
+    // outer frame — there is no full-grid/bordered variant.
+    contained: { true: "ddga-table--contained" },
     stickyHeader: { true: "ddga-table--sticky" }
   },
   defaultVariants: {
@@ -28,8 +31,7 @@ var tableVariants = _classvarianceauthority.cva.call(void 0, "ddga-table", {
 function Table({
   size,
   striped,
-  divided,
-  bordered,
+  contained,
   stickyHeader,
   className,
   maxHeight,
@@ -64,7 +66,7 @@ function Table({
         "table",
         {
           "data-slot": "table",
-          className: _chunkV6MXOJQ4cjs.cn.call(void 0, tableVariants({ size, striped, divided, bordered, stickyHeader }), className),
+          className: _chunkV6MXOJQ4cjs.cn.call(void 0, tableVariants({ size, striped, contained, stickyHeader }), className),
           ...props
         }
       )
@@ -97,37 +99,77 @@ function TableHead({
   sortable,
   sortDirection = false,
   sortLabel,
+  filterable,
+  filterActive = false,
+  filterLabel,
   onClick,
+  disabled,
   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) {
+  if (process.env.NODE_ENV !== "production" && filterable && !filterLabel) {
+    console.warn(
+      '[ddga] <TableHead filterable> has no `filterLabel`. The filter toggle is icon-only; pass a localized name (e.g. "Filter") so it has an accessible name.'
+    );
+  }
+  if (process.env.NODE_ENV !== "production" && !filterable && 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 (filterable) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { scope: "col", "data-slot": "table-head", className: headClass, ...props, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "button",
+      {
+        type: "button",
+        "data-slot": "table-filter-button",
+        className: "ddga-table__filter-button",
+        "aria-pressed": filterActive,
+        disabled,
+        onClick,
+        children: [
+          filterLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-sr-only", children: filterLabel }) : null,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              className: "ddga-table__icon-box",
+              "data-slot": "table-filter-icon",
+              "data-active": filterActive,
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.FilterSolid, {})
+            }
+          )
+        ]
+      }
+    ) });
+  }
   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";
+  const sorted = sortDirection === "asc" || sortDirection === "desc";
   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",
+      disabled,
       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, {})
-          ] })
-        ) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: "ddga-table__icon-box",
+            "data-slot": "table-sort-icon",
+            "data-active": sorted,
+            "aria-hidden": "true",
+            children: sortDirection === "asc" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.SortAscending, {}) : sortDirection === "desc" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.SortDescending, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.SortDefault, {})
+          }
+        )
       ]
     }
   ) });
@@ -164,4 +206,4 @@ function TableCaption({ 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
+//# sourceMappingURL=chunk-HC2H35U2.cjs.map

package/dist/chunk-HC2H35U2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-HC2H35U2.cjs","../src/components/Table/Table.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-HC2H35U2.cjs","sourcesContent":[null,"'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { FilterSolid, SortAscending, SortDefault, SortDescending } from '../../internal/icons';\nimport { cn } from '../../utils/cn';\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`.\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    // SDGA: row dividers are the base look (always on). `contained` adds ONLY an\n    // outer frame — there is no full-grid/bordered variant.\n    contained: { true: 'ddga-table--contained' },\n    stickyHeader: { true: 'ddga-table--sticky' },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\ntype Align = 'start' | 'center' | 'end';\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  /**\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  /** Renders the column's filter toggle: an icon-only funnel button sharing the\n   *  sort icon-box treatment, with `aria-pressed`. Filter *logic* is the\n   *  consumer's — wire `onClick`. Takes precedence over `sortable`. */\n  filterable?: boolean;\n  /** Whether the filter is currently applied — drives `aria-pressed` and the\n   *  active (filled) icon-box. */\n  filterActive?: boolean;\n  /** Visually-hidden, **caller-localized** name for the icon-only filter button\n   *  (e.g. \"Filter\"). Required with `filterable` so the toggle has an accessible\n   *  name; a dev warning fires when missing. */\n  filterLabel?: string;\n  /** Click handler bound to the sort/filter button (only rendered when\n   *  `sortable` or `filterable`). */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /** Disables the sort/filter button (renders the SDGA Disabled icon-box state). */\n  disabled?: boolean;\n}\n\ninterface TableCellProps extends Omit<React.ComponentProps<'td'>, 'align'> {\n  align?: Align;\n}\n\nfunction Table({\n  size,\n  striped,\n  contained,\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, contained, 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  filterable,\n  filterActive = false,\n  filterLabel,\n  onClick,\n  disabled,\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' && filterable && !filterLabel) {\n    console.warn(\n      '[ddga] <TableHead filterable> has no `filterLabel`. The filter toggle is ' +\n        'icon-only; pass a localized name (e.g. \"Filter\") so it has an accessible name.',\n    );\n  }\n\n  if (process.env.NODE_ENV !== 'production' && !filterable && 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 (filterable) {\n    return (\n      <th scope=\"col\" data-slot=\"table-head\" className={headClass} {...props}>\n        <button\n          type=\"button\"\n          data-slot=\"table-filter-button\"\n          className=\"ddga-table__filter-button\"\n          aria-pressed={filterActive}\n          disabled={disabled}\n          onClick={onClick}\n        >\n          {filterLabel ? <span className=\"ddga-sr-only\">{filterLabel}</span> : null}\n          <span\n            className=\"ddga-table__icon-box\"\n            data-slot=\"table-filter-icon\"\n            data-active={filterActive}\n            aria-hidden=\"true\"\n          >\n            <FilterSolid />\n          </span>\n        </button>\n      </th>\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  const sorted = sortDirection === 'asc' || sortDirection === 'desc';\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        disabled={disabled}\n        onClick={onClick}\n      >\n        {children}\n        {sortLabel ? <span className=\"ddga-sr-only\">{sortLabel}</span> : null}\n        <span\n          className=\"ddga-table__icon-box\"\n          data-slot=\"table-sort-icon\"\n          data-active={sorted}\n          aria-hidden=\"true\"\n        >\n          {sortDirection === 'asc' ? (\n            <SortAscending />\n          ) : sortDirection === 'desc' ? (\n            <SortDescending />\n          ) : (\n            <SortDefault />\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\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-ZKYBLXU7.js → chunk-HMXCWHVT.js}

@@ -1,4 +1,4 @@
-// src/components/Toast/toast-store.ts
+// src/components/NotificationToast/toast-store.ts
 import "react";
 var EXIT_ANIM_MS = 200;
 function createToastStore() {
@@ -32,6 +32,7 @@ function createToastStore() {
       description: options.description,
       duration: options.duration,
       action: options.action,
+      secondaryAction: options.secondaryAction,
       onDismiss: options.onDismiss
     };
     if (existing >= 0) {
@@ -43,18 +44,9 @@ function createToastStore() {
     return id;
   }
   function dismiss(id) {
-    if (id === void 0) {
-      const ids = toasts.map((t) => t.id);
-      toasts = toasts.map((t) => ({ ...t, open: false }));
-      emit();
-      setTimeout(() => {
-        ids.forEach((id2) => remove(id2));
-      }, EXIT_ANIM_MS);
-    } else {
-      toasts = toasts.map((t) => t.id === id ? { ...t, open: false } : t);
-      emit();
-      setTimeout(() => remove(id), EXIT_ANIM_MS);
-    }
+    toasts = toasts.map((t) => t.id === id ? { ...t, open: false } : t);
+    emit();
+    setTimeout(() => remove(id), EXIT_ANIM_MS);
   }
   function remove(id) {
     const target = toasts.find((t) => t.id === id);
@@ -89,4 +81,4 @@ export {
   createToast,
   toast
 };
-//# sourceMappingURL=chunk-ZKYBLXU7.js.map
+//# sourceMappingURL=chunk-HMXCWHVT.js.map

package/dist/chunk-HMXCWHVT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NotificationToast/toast-store.ts"],"sourcesContent":["'use client';\n\nimport { type ReactNode } from 'react';\n\n// ─── Types ─── //\n\nexport type ToastVariant = 'default' | 'info' | 'success' | 'warning' | 'destructive';\n\nexport interface ToastAction {\n  /** Visible label on the action button. */\n  label: ReactNode;\n  /** Required by Radix Toast for screen-reader announcement when the action\n   *  isn't a simple string label. Falls back to `label` when it's a string. */\n  altText?: string;\n  /** Fired when the action button is pressed. Toast auto-dismisses after. */\n  onClick: () => void;\n}\n\nexport interface ToastData {\n  /** Auto-generated unless caller provides one (useful for de-dup / updates). */\n  id: string;\n  title?: ReactNode;\n  description?: ReactNode;\n  variant: ToastVariant;\n  /** ms; `0` (or `Infinity`) means no auto-dismiss. Defaults handled by NotificationToast. */\n  duration?: number;\n  /** Primary action button. */\n  action?: ToastAction;\n  /** Optional second action button (SDGA renders up to two). */\n  secondaryAction?: ToastAction;\n  /** Controlled by Radix Toast (true while visible; false plays exit anim). */\n  open: boolean;\n  /** Fires when the toast leaves the DOM (after exit anim). */\n  onDismiss?: () => void;\n}\n\nexport interface ToastOptions {\n  id?: string;\n  title?: ReactNode;\n  description?: ReactNode;\n  duration?: number;\n  /** Primary action button. */\n  action?: ToastAction;\n  /** Optional second action button (SDGA renders up to two). */\n  secondaryAction?: ToastAction;\n  onDismiss?: () => void;\n}\n\ntype Listener = () => void;\n\n/** Public store shape. `<NotificationToast store={…} />` accepts this, and\n *  `createToast(store)` returns a scoped `toast()` bound to it. */\nexport interface ToastStore {\n  subscribe(listener: Listener): () => void;\n  getSnapshot(): ToastData[];\n  add(variant: ToastVariant, message: ReactNode, options?: ToastOptions): string;\n  dismiss(id: string): void;\n  remove(id: string): void;\n  /** Test-only / story-only: hard reset. */\n  __reset(): void;\n}\n\n/** Approximate Radix Toast exit-animation duration (ms). After this we hard-\n *  remove the entry from the store so the DOM unmounts cleanly. */\nconst EXIT_ANIM_MS = 200;\n\n// ─── Factory ─── //\n//\n// Each call returns an isolated store. The default module-level instance\n// powers the singleton `toast()` API (Sonner pattern: one NotificationToast at app\n// root). Advanced consumers — including the Storybook stories below this\n// component — call `createToastStore()` to get an independent store so\n// multiple NotificationToasts on one page don't share state.\n\nexport function createToastStore(): ToastStore {\n  let toasts: ToastData[] = [];\n  const listeners = new Set<Listener>();\n  let counter = 0;\n\n  function emit() {\n    for (const l of listeners) l();\n  }\n\n  function subscribe(listener: Listener): () => void {\n    listeners.add(listener);\n    return () => {\n      listeners.delete(listener);\n    };\n  }\n\n  function getSnapshot(): ToastData[] {\n    return toasts;\n  }\n\n  function nextId(): string {\n    counter += 1;\n    return `t${counter}`;\n  }\n\n  function add(variant: ToastVariant, message: ReactNode, options: ToastOptions = {}): string {\n    const id = options.id ?? nextId();\n    const existing = toasts.findIndex((t) => t.id === id);\n    const data: ToastData = {\n      id,\n      variant,\n      open: true,\n      title: message,\n      description: options.description,\n      duration: options.duration,\n      action: options.action,\n      secondaryAction: options.secondaryAction,\n      onDismiss: options.onDismiss,\n    };\n    if (existing >= 0) {\n      // Update in place (caller passed the same id — useful for \"loading → success\"\n      // patterns or de-duped error messages).\n      toasts = toasts.map((t, i) => (i === existing ? data : t));\n    } else {\n      toasts = [...toasts, data];\n    }\n    emit();\n    return id;\n  }\n\n  /** Flip `open` to false → Radix plays exit anim → `remove` after.\n   *  Routes both programmatic dismiss + UI dismiss through the same path. */\n  function dismiss(id: string): void {\n    toasts = toasts.map((t) => (t.id === id ? { ...t, open: false } : t));\n    emit();\n    setTimeout(() => remove(id), EXIT_ANIM_MS);\n  }\n\n  function remove(id: string): void {\n    const target = toasts.find((t) => t.id === id);\n    toasts = toasts.filter((t) => t.id !== id);\n    emit();\n    target?.onDismiss?.();\n  }\n\n  function __reset(): void {\n    toasts = [];\n    counter = 0;\n    emit();\n  }\n\n  return { subscribe, getSnapshot, add, dismiss, remove, __reset };\n}\n\n// ─── Default singleton ─── //\n// 90%-case API: one NotificationToast at app root, call `toast()` anywhere.\n\nexport const toastStore: ToastStore = createToastStore();\n\n// ─── createToast(store) ─── //\n\ninterface ToastFn {\n  (message: ReactNode, options?: ToastOptions): string;\n  default: (message: ReactNode, options?: ToastOptions) => string;\n  info: (message: ReactNode, options?: ToastOptions) => string;\n  success: (message: ReactNode, options?: ToastOptions) => string;\n  warning: (message: ReactNode, options?: ToastOptions) => string;\n  error: (message: ReactNode, options?: ToastOptions) => string;\n  /** Alias for `error` — matches the variant name used everywhere else in the library. */\n  destructive: (message: ReactNode, options?: ToastOptions) => string;\n  /** Dismiss a specific toast by id. */\n  dismiss: (id: string) => void;\n}\n\n/** Bind an imperative `toast()` callable to a specific store. */\nexport function createToast(store: ToastStore): ToastFn {\n  const fn: ToastFn = ((message, options) => store.add('default', message, options)) as ToastFn;\n  fn.default = (message, options) => store.add('default', message, options);\n  fn.info = (message, options) => store.add('info', message, options);\n  fn.success = (message, options) => store.add('success', message, options);\n  fn.warning = (message, options) => store.add('warning', message, options);\n  fn.error = (message, options) => store.add('destructive', message, options);\n  fn.destructive = fn.error;\n  fn.dismiss = (id) => store.dismiss(id);\n  return fn;\n}\n\n/** Default singleton `toast()` — bound to the module-level `toastStore`. */\nexport const toast: ToastFn = createToast(toastStore);\n"],"mappings":";AAEA,OAA+B;AA8D/B,IAAM,eAAe;AAUd,SAAS,mBAA+B;AAC7C,MAAI,SAAsB,CAAC;AAC3B,QAAM,YAAY,oBAAI,IAAc;AACpC,MAAI,UAAU;AAEd,WAAS,OAAO;AACd,eAAW,KAAK,UAAW,GAAE;AAAA,EAC/B;AAEA,WAAS,UAAU,UAAgC;AACjD,cAAU,IAAI,QAAQ;AACtB,WAAO,MAAM;AACX,gBAAU,OAAO,QAAQ;AAAA,IAC3B;AAAA,EACF;AAEA,WAAS,cAA2B;AAClC,WAAO;AAAA,EACT;AAEA,WAAS,SAAiB;AACxB,eAAW;AACX,WAAO,IAAI,OAAO;AAAA,EACpB;AAEA,WAAS,IAAI,SAAuB,SAAoB,UAAwB,CAAC,GAAW;AAC1F,UAAM,KAAK,QAAQ,MAAM,OAAO;AAChC,UAAM,WAAW,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE;AACpD,UAAM,OAAkB;AAAA,MACtB;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,QAAQ;AAAA,MACrB,UAAU,QAAQ;AAAA,MAClB,QAAQ,QAAQ;AAAA,MAChB,iBAAiB,QAAQ;AAAA,MACzB,WAAW,QAAQ;AAAA,IACrB;AACA,QAAI,YAAY,GAAG;AAGjB,eAAS,OAAO,IAAI,CAAC,GAAG,MAAO,MAAM,WAAW,OAAO,CAAE;AAAA,IAC3D,OAAO;AACL,eAAS,CAAC,GAAG,QAAQ,IAAI;AAAA,IAC3B;AACA,SAAK;AACL,WAAO;AAAA,EACT;AAIA,WAAS,QAAQ,IAAkB;AACjC,aAAS,OAAO,IAAI,CAAC,MAAO,EAAE,OAAO,KAAK,EAAE,GAAG,GAAG,MAAM,MAAM,IAAI,CAAE;AACpE,SAAK;AACL,eAAW,MAAM,OAAO,EAAE,GAAG,YAAY;AAAA,EAC3C;AAEA,WAAS,OAAO,IAAkB;AAChC,UAAM,SAAS,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE;AAC7C,aAAS,OAAO,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AACzC,SAAK;AACL,YAAQ,YAAY;AAAA,EACtB;AAEA,WAAS,UAAgB;AACvB,aAAS,CAAC;AACV,cAAU;AACV,SAAK;AAAA,EACP;AAEA,SAAO,EAAE,WAAW,aAAa,KAAK,SAAS,QAAQ,QAAQ;AACjE;AAKO,IAAM,aAAyB,iBAAiB;AAkBhD,SAAS,YAAY,OAA4B;AACtD,QAAM,MAAe,CAAC,SAAS,YAAY,MAAM,IAAI,WAAW,SAAS,OAAO;AAChF,KAAG,UAAU,CAAC,SAAS,YAAY,MAAM,IAAI,WAAW,SAAS,OAAO;AACxE,KAAG,OAAO,CAAC,SAAS,YAAY,MAAM,IAAI,QAAQ,SAAS,OAAO;AAClE,KAAG,UAAU,CAAC,SAAS,YAAY,MAAM,IAAI,WAAW,SAAS,OAAO;AACxE,KAAG,UAAU,CAAC,SAAS,YAAY,MAAM,IAAI,WAAW,SAAS,OAAO;AACxE,KAAG,QAAQ,CAAC,SAAS,YAAY,MAAM,IAAI,eAAe,SAAS,OAAO;AAC1E,KAAG,cAAc,GAAG;AACpB,KAAG,UAAU,CAAC,OAAO,MAAM,QAAQ,EAAE;AACrC,SAAO;AACT;AAGO,IAAM,QAAiB,YAAY,UAAU;","names":[]}

package/dist/{chunk-P2JM7CUD.cjs → chunk-HTKCQZIJ.cjs}

@@ -10,17 +10,17 @@ var skeletonVariants = _classvarianceauthority.cva.call(void 0, "ddga-skeleton",
     shape: {
       text: "ddga-skeleton--text",
       circle: "ddga-skeleton--circle",
-      rectangle: "ddga-skeleton--rectangle"
+      rectangle: "ddga-skeleton--rectangle",
+      square: "ddga-skeleton--square"
     },
     animation: {
-      pulse: "ddga-skeleton--pulse",
-      wave: "ddga-skeleton--wave",
+      shimmer: "ddga-skeleton--shimmer",
       none: "ddga-skeleton--none"
     }
   },
   defaultVariants: {
     shape: "text",
-    animation: "pulse"
+    animation: "shimmer"
   }
 });
 function Skeleton({ shape, animation, width, height, className, style, ...props }) {
@@ -45,4 +45,4 @@ function Skeleton({ shape, animation, width, height, className, style, ...props
 
 
 exports.skeletonVariants = skeletonVariants; exports.Skeleton = Skeleton;
-//# sourceMappingURL=chunk-P2JM7CUD.cjs.map
+//# sourceMappingURL=chunk-HTKCQZIJ.cjs.map

package/dist/chunk-HTKCQZIJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-HTKCQZIJ.cjs","../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,kEAAuC;AA6CnC,+CAAA;AA1CJ,IAAM,iBAAA,EAAmB,yCAAA,eAAI,EAAiB;AAAA,EAC5C,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,qBAAA;AAAA,MACN,MAAA,EAAQ,uBAAA;AAAA,MACR,SAAA,EAAW,0BAAA;AAAA,MACX,MAAA,EAAQ;AAAA,IACV,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,OAAA,EAAS,wBAAA;AAAA,MACT,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,MAAA;AAAA,IACP,SAAA,EAAW;AAAA,EACb;AACF,CAAC,CAAA;AAeD,SAAS,QAAA,CAAS,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,MAAA,EAAQ,SAAA,EAAW,KAAA,EAAO,GAAG,MAAM,CAAA,EAAkB;AAChG,EAAA,MAAM,UAAA,EAAiC;AAAA,IACrC,GAAI,MAAA,IAAU,KAAA,EAAA,EAAY,EAAE,KAAA,EAAO,OAAO,MAAA,IAAU,SAAA,EAAW,CAAA,EAAA;AAE/B,IAAA;AAE7B,IAAA;AACL,EAAA;AAGE,EAAA;AAAC,IAAA;AAAA,IAAA;AACW,MAAA;AACE,MAAA;AAC0C,MAAA;AAC/C,MAAA;AACH,MAAA;AAAA,IAAA;AACN,EAAA;AAEJ;ADbgE;AACA;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-HTKCQZIJ.cjs","sourcesContent":[null,"'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst skeletonVariants = cva('ddga-skeleton', {\n  variants: {\n    shape: {\n      text: 'ddga-skeleton--text',\n      circle: 'ddga-skeleton--circle',\n      rectangle: 'ddga-skeleton--rectangle',\n      square: 'ddga-skeleton--square',\n    },\n    animation: {\n      shimmer: 'ddga-skeleton--shimmer',\n      none: 'ddga-skeleton--none',\n    },\n  },\n  defaultVariants: {\n    shape: 'text',\n    animation: 'shimmer',\n  },\n});\n\ninterface SkeletonProps extends React.ComponentProps<'div'>, VariantProps<typeof skeletonVariants> {\n  /**\n   * Inline width override (any valid CSS length, e.g. `\"60%\"`, `200`, `\"4rem\"`).\n   * Defaults: `text` → `100%`; `rectangle` → `100%`; `circle`/`square` → `40px`.\n   */\n  width?: number | string;\n  /**\n   * Inline height override. Defaults: `text` → `1em` (tracks line-height, ≈ SDGA Line 22/14);\n   * `rectangle` → `40px` (= SDGA Large); `circle`/`square` → matches `width` (aspect-ratio 1).\n   */\n  height?: number | string;\n}\n\nfunction Skeleton({ shape, animation, width, height, className, style, ...props }: SkeletonProps) {\n  const sizeStyle: React.CSSProperties = {\n    ...(width !== undefined ? { width: typeof width === 'number' ? `${width}px` : width } : null),\n    ...(height !== undefined\n      ? { height: typeof height === 'number' ? `${height}px` : height }\n      : null),\n    ...style,\n  };\n\n  return (\n    <div\n      data-slot=\"skeleton\"\n      aria-hidden=\"true\"\n      className={cn(skeletonVariants({ shape, animation }), className)}\n      style={sizeStyle}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton, skeletonVariants };\nexport type { SkeletonProps };\n"]}

package/dist/{chunk-I6BOBHO6.cjs → chunk-IFZWOLDF.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
 
 
 var _chunkFQLVTLUIcjs = require('./chunk-FQLVTLUI.cjs');
@@ -16,15 +16,18 @@ var _jsxruntime = require('react/jsx-runtime');
 var modalContentVariants = _classvarianceauthority.cva.call(void 0, "ddga-modal", {
   variants: {
     size: {
-      sm: "ddga-modal--sm",
-      md: "ddga-modal--md",
-      lg: "ddga-modal--lg",
-      xl: "ddga-modal--xl",
+      default: "ddga-modal--default",
       full: "ddga-modal--full"
+    },
+    /** SDGA "Center Align" — centers the featured icon, title, body, and actions. */
+    centered: {
+      true: "ddga-modal--centered",
+      false: ""
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "default",
+    centered: false
   }
 });
 function Modal(props) {
@@ -35,6 +38,7 @@ function ModalTrigger({ className, ...props }) {
 }
 function ModalContent({
   size,
+  centered,
   showCloseButton = true,
   closeLabel = "Close",
   className,
@@ -49,7 +53,7 @@ function ModalContent({
       _radixui.Dialog.Content,
       {
         "data-slot": "modal-content",
-        className: _chunkV6MXOJQ4cjs.cn.call(void 0, modalContentVariants({ size }), className),
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, modalContentVariants({ size, centered }), className),
         ...props,
         children: [
           children,
@@ -59,7 +63,7 @@ function ModalContent({
               className: "ddga-modal__close",
               "aria-label": closeLabel,
               "data-slot": "modal-close-x",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Close, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Close, { "aria-hidden": "true" })
             }
           ) : null
         ]
@@ -67,9 +71,30 @@ function ModalContent({
     )
   ] });
 }
-function ModalHeader({ asChild, className, ...props }) {
-  const Comp = asChild ? _radixui.Slot.Slot : "div";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "modal-header", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-modal__header", className), ...props });
+function ModalHeader({ asChild, icon, className, children, ...props }) {
+  if (asChild) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _radixui.Slot.Slot,
+      {
+        "data-slot": "modal-header",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-modal__header", className),
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "modal-header", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-modal__header", className), ...props, children: [
+    icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        "data-slot": "modal-featured-icon",
+        className: "ddga-modal__featured-icon",
+        "aria-hidden": "true",
+        children: icon
+      }
+    ) : null,
+    children
+  ] });
 }
 function ModalTitle({ asChild, className, ...props }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -117,4 +142,4 @@ function ModalClose({ className, ...props }) {
 
 
 exports.modalContentVariants = modalContentVariants; exports.Modal = Modal; exports.ModalTrigger = ModalTrigger; exports.ModalContent = ModalContent; exports.ModalHeader = ModalHeader; exports.ModalTitle = ModalTitle; exports.ModalDescription = ModalDescription; exports.ModalBody = ModalBody; exports.ModalFooter = ModalFooter; exports.ModalClose = ModalClose;
-//# sourceMappingURL=chunk-I6BOBHO6.cjs.map
+//# sourceMappingURL=chunk-IFZWOLDF.cjs.map

package/dist/chunk-IFZWOLDF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-IFZWOLDF.cjs","../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-IFZWOLDF.cjs","sourcesContent":[null,"'use client';\n\nimport { useContext } 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\nconst modalContentVariants = cva('ddga-modal', {\n  variants: {\n    size: {\n      default: 'ddga-modal--default',\n      full: 'ddga-modal--full',\n    },\n    /** SDGA \"Center Align\" — centers the featured icon, title, body, and actions. */\n    centered: {\n      true: 'ddga-modal--centered',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    size: 'default',\n    centered: false,\n  },\n});\n\ntype ModalProps = React.ComponentProps<typeof DialogPrimitive.Root>;\ntype ModalTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;\ntype ModalCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;\n\ninterface ModalContentProps\n  extends\n    React.ComponentProps<typeof DialogPrimitive.Content>,\n    VariantProps<typeof modalContentVariants> {\n  /**\n   * Render the corner X close button. Defaults to `true`. Set `false` for\n   * action-forcing dialogs where the user must pick a footer action.\n   */\n  showCloseButton?: boolean;\n  /** Localized label for the close button. Defaults to `\"Close\"`. */\n  closeLabel?: string;\n}\n\ntype ModalSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\ninterface ModalHeaderProps extends ModalSectionProps {\n  /** Optional featured icon shown above the title in a 40px SDGA disc. */\n  icon?: React.ReactNode;\n}\n\ninterface ModalTitleProps extends React.ComponentProps<typeof DialogPrimitive.Title> {\n  /** Override the heading element (e.g. render an `<h3>` instead of the default `<h2>`). */\n  asChild?: boolean;\n}\n\ninterface ModalDescriptionProps extends React.ComponentProps<typeof DialogPrimitive.Description> {\n  /** Override the element (e.g. render a `<div>` for richer markup). */\n  asChild?: boolean;\n}\n\nfunction Modal(props: ModalProps) {\n  return <DialogPrimitive.Root {...props} />;\n}\n\nfunction ModalTrigger({ className, ...props }: ModalTriggerProps) {\n  return <DialogPrimitive.Trigger data-slot=\"modal-trigger\" className={className} {...props} />;\n}\n\nfunction ModalContent({\n  size,\n  centered,\n  showCloseButton = true,\n  closeLabel = 'Close',\n  className,\n  children,\n  ...props\n}: ModalContentProps) {\n  // Anchor the Portal to the provider's body-level container so data-theme +\n  // dir + CSS vars inherit, and the fixed overlay escapes any ancestor\n  // transform/overflow. Regression test in Modal.test.tsx mirrors Select.\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <DialogPrimitive.Portal container={portalContainer}>\n      <DialogPrimitive.Overlay className=\"ddga-modal__overlay\" data-slot=\"modal-overlay\" />\n      <DialogPrimitive.Content\n        data-slot=\"modal-content\"\n        className={cn(modalContentVariants({ size, centered }), className)}\n        {...props}\n      >\n        {children}\n        {showCloseButton ? (\n          <DialogPrimitive.Close\n            className=\"ddga-modal__close\"\n            aria-label={closeLabel}\n            data-slot=\"modal-close-x\"\n          >\n            <Close aria-hidden=\"true\" />\n          </DialogPrimitive.Close>\n        ) : null}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n}\n\nfunction ModalHeader({ asChild, icon, className, children, ...props }: ModalHeaderProps) {\n  // asChild needs a single child (Radix Slot), so it can't also inject the\n  // featured icon — the two paths are exclusive.\n  if (asChild) {\n    return (\n      <SlotPrimitive.Slot\n        data-slot=\"modal-header\"\n        className={cn('ddga-modal__header', className)}\n        {...props}\n      >\n        {children}\n      </SlotPrimitive.Slot>\n    );\n  }\n  return (\n    <div data-slot=\"modal-header\" className={cn('ddga-modal__header', className)} {...props}>\n      {icon ? (\n        <span\n          data-slot=\"modal-featured-icon\"\n          className=\"ddga-modal__featured-icon\"\n          aria-hidden=\"true\"\n        >\n          {icon}\n        </span>\n      ) : null}\n      {children}\n    </div>\n  );\n}\n\nfunction ModalTitle({ asChild, className, ...props }: ModalTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      asChild={asChild}\n      data-slot=\"modal-title\"\n      className={cn('ddga-modal__title', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ModalDescription({ asChild, className, ...props }: ModalDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      asChild={asChild}\n      data-slot=\"modal-description\"\n      className={cn('ddga-modal__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ModalBody({ asChild, className, ...props }: ModalSectionProps) {\n  // Body region: the SDGA supporting-text slot. Also the scroll region for\n  // long content — grows between header and footer and scrolls internally.\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return <Comp data-slot=\"modal-body\" className={cn('ddga-modal__body', className)} {...props} />;\n}\n\nfunction ModalFooter({ asChild, className, ...props }: ModalSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"modal-footer\" className={cn('ddga-modal__footer', className)} {...props} />\n  );\n}\n\nfunction ModalClose({ className, ...props }: ModalCloseProps) {\n  return <DialogPrimitive.Close data-slot=\"modal-close\" className={className} {...props} />;\n}\n\nexport {\n  Modal,\n  ModalTrigger,\n  ModalContent,\n  ModalHeader,\n  ModalTitle,\n  ModalDescription,\n  ModalBody,\n  ModalFooter,\n  ModalClose,\n  modalContentVariants,\n};\nexport type {\n  ModalProps,\n  ModalTriggerProps,\n  ModalContentProps,\n  ModalSectionProps,\n  ModalHeaderProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n};\n"]}

package/dist/chunk-IJ5F5RUW.cjs

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

package/dist/chunk-IJ5F5RUW.cjs.map

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

package/dist/{chunk-ATOT5N34.cjs → chunk-IM6TYL3P.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
 
 
 var _chunkFQLVTLUIcjs = require('./chunk-FQLVTLUI.cjs');
@@ -25,7 +25,7 @@ function CommandInput({
   ...props
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-command__input-wrapper", "data-slot": "command-input-wrapper", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Search, { className: "ddga-command__search-icon", "aria-hidden": "true" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Search, { className: "ddga-command__search-icon", "aria-hidden": "true" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _cmdk.Command.Input,
       {
@@ -189,4 +189,4 @@ function CommandDialog({
 
 
 exports.commandVariants = commandVariants; exports.Command = Command; exports.CommandInput = CommandInput; exports.CommandList = CommandList; exports.CommandEmpty = CommandEmpty; exports.CommandGroup = CommandGroup; exports.CommandSeparator = CommandSeparator; exports.CommandItem = CommandItem; exports.CommandDialog = CommandDialog;
-//# sourceMappingURL=chunk-ATOT5N34.cjs.map
+//# sourceMappingURL=chunk-IM6TYL3P.cjs.map