@dev-dga/react 0.10.1 → 0.12.0

package/dist/chunk-MVKIXWKJ.js

@@ -0,0 +1,114 @@
+import {
+  AlertTriangleSolid,
+  CheckSolid,
+  CloseSolid,
+  HelpCircleSolid
+} from "./chunk-FFGALWM2.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/InlineAlert/InlineAlert.tsx
+import { useState } from "react";
+import { Slot as SlotPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var inlineAlertVariants = cva("ddga-inline-alert", {
+  variants: {
+    type: {
+      neutral: "ddga-inline-alert--neutral",
+      info: "ddga-inline-alert--info",
+      destructive: "ddga-inline-alert--destructive",
+      warning: "ddga-inline-alert--warning",
+      success: "ddga-inline-alert--success"
+    },
+    appearance: {
+      white: "ddga-inline-alert--white",
+      color: "ddga-inline-alert--color"
+    }
+  },
+  defaultVariants: { type: "neutral", appearance: "white" }
+});
+var DEFAULT_ICONS = {
+  neutral: /* @__PURE__ */ jsx(HelpCircleSolid, { "aria-hidden": "true" }),
+  info: /* @__PURE__ */ jsx(HelpCircleSolid, { "aria-hidden": "true" }),
+  destructive: /* @__PURE__ */ jsx(HelpCircleSolid, { "aria-hidden": "true" }),
+  warning: /* @__PURE__ */ jsx(AlertTriangleSolid, { "aria-hidden": "true" }),
+  success: /* @__PURE__ */ jsx(CheckSolid, { "aria-hidden": "true" })
+};
+function InlineAlert({
+  type,
+  appearance,
+  title,
+  icon,
+  actions,
+  onClose,
+  open: controlledOpen,
+  closeLabel = "Dismiss",
+  live,
+  className,
+  children,
+  ...props
+}) {
+  const [internalOpen, setInternalOpen] = useState(true);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : internalOpen;
+  if (!open) return null;
+  const resolvedIcon = icon === false ? null : icon ?? DEFAULT_ICONS[type ?? "neutral"];
+  const liveProps = live === "assertive" ? { role: "alert", "aria-live": "assertive" } : live === "polite" ? { role: "status", "aria-live": "polite" } : {};
+  function handleClose() {
+    if (!isControlled) setInternalOpen(false);
+    onClose?.();
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "inline-alert",
+      "data-type": type ?? "neutral",
+      "data-appearance": appearance ?? "white",
+      className: cn(inlineAlertVariants({ type, appearance }), className),
+      ...liveProps,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "ddga-inline-alert__stripe", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs("div", { className: "ddga-inline-alert__header", children: [
+          resolvedIcon ? /* @__PURE__ */ jsx("span", { className: "ddga-inline-alert__icon", children: resolvedIcon }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "ddga-inline-alert__text", children: [
+            /* @__PURE__ */ jsx("p", { className: "ddga-inline-alert__title", "data-slot": "inline-alert-title", children: title }),
+            children ? /* @__PURE__ */ jsx("p", { className: "ddga-inline-alert__description", "data-slot": "inline-alert-description", children }) : null
+          ] }),
+          onClose ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "ddga-inline-alert__close",
+              "aria-label": closeLabel,
+              onClick: handleClose,
+              children: /* @__PURE__ */ jsx(CloseSolid, { "aria-hidden": "true" })
+            }
+          ) : null
+        ] }),
+        actions ? /* @__PURE__ */ jsx("div", { className: "ddga-inline-alert__actions", "data-slot": "inline-alert-actions", children: actions }) : null
+      ]
+    }
+  );
+}
+function InlineAlertAction({ asChild, className, type, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "inline-alert-action",
+      className: cn("ddga-inline-alert__action", className),
+      ...asChild ? {} : { type: type ?? "button" },
+      ...props
+    }
+  );
+}
+
+export {
+  inlineAlertVariants,
+  InlineAlert,
+  InlineAlertAction
+};
+//# sourceMappingURL=chunk-MVKIXWKJ.js.map

package/dist/chunk-MVKIXWKJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/InlineAlert/InlineAlert.tsx"],"sourcesContent":["'use client';\n\nimport { useState, type ReactNode } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { HelpCircleSolid, AlertTriangleSolid, CheckSolid, CloseSolid } from '../../internal/icons';\n\nconst inlineAlertVariants = cva('ddga-inline-alert', {\n  variants: {\n    type: {\n      neutral: 'ddga-inline-alert--neutral',\n      info: 'ddga-inline-alert--info',\n      destructive: 'ddga-inline-alert--destructive',\n      warning: 'ddga-inline-alert--warning',\n      success: 'ddga-inline-alert--success',\n    },\n    appearance: {\n      white: 'ddga-inline-alert--white',\n      color: 'ddga-inline-alert--color',\n    },\n  },\n  defaultVariants: { type: 'neutral', appearance: 'white' },\n});\n\ntype InlineAlertType = NonNullable<VariantProps<typeof inlineAlertVariants>['type']>;\n\n// SDGA reuses the help-circle glyph for neutral/info/destructive (recolored only);\n// only warning + success get distinct glyphs. The `icon` prop overrides per-instance.\nconst DEFAULT_ICONS: Record<InlineAlertType, ReactNode> = {\n  neutral: <HelpCircleSolid aria-hidden=\"true\" />,\n  info: <HelpCircleSolid aria-hidden=\"true\" />,\n  destructive: <HelpCircleSolid aria-hidden=\"true\" />,\n  warning: <AlertTriangleSolid aria-hidden=\"true\" />,\n  success: <CheckSolid aria-hidden=\"true\" />,\n};\n\ninterface InlineAlertProps\n  extends Omit<React.ComponentProps<'div'>, 'title'>, VariantProps<typeof inlineAlertVariants> {\n  /** Lead text, shown semibold — the alert's headline. */\n  title: ReactNode;\n  /**\n   * Featured leading icon. Pass `false` to hide it. Defaults to the SDGA glyph\n   * for the type (help-circle for neutral/info/destructive, triangle for warning,\n   * check for success).\n   */\n  icon?: ReactNode | false;\n  /**\n   * Action buttons row — pass `InlineAlertAction`s. On narrow widths they stack\n   * full-width and the first one renders as the filled primary.\n   */\n  actions?: ReactNode;\n  /** Provide to render the trailing close button and make the alert dismissible. */\n  onClose?: () => void;\n  /** Controlled visibility. Pair with `onClose` to own the state yourself. */\n  open?: boolean;\n  /** Localized close-button label. Defaults to `\"Dismiss\"`. */\n  closeLabel?: string;\n  /**\n   * Wire the alert into the a11y tree as a live region. `polite` (role=status)\n   * announces gracefully; `assertive` (role=alert) interrupts. Omit for static banners.\n   */\n  live?: 'polite' | 'assertive';\n}\n\ninterface InlineAlertActionProps extends React.ComponentProps<'button'> {\n  /** Render as the single child (e.g. a router `<Link>`) instead of a `<button>`. */\n  asChild?: boolean;\n}\n\nfunction InlineAlert({\n  type,\n  appearance,\n  title,\n  icon,\n  actions,\n  onClose,\n  open: controlledOpen,\n  closeLabel = 'Dismiss',\n  live,\n  className,\n  children,\n  ...props\n}: InlineAlertProps) {\n  const [internalOpen, setInternalOpen] = useState(true);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n\n  if (!open) return null;\n\n  const resolvedIcon = icon === false ? null : (icon ?? DEFAULT_ICONS[type ?? 'neutral']);\n\n  const liveProps =\n    live === 'assertive'\n      ? { role: 'alert' as const, 'aria-live': 'assertive' as const }\n      : live === 'polite'\n        ? { role: 'status' as const, 'aria-live': 'polite' as const }\n        : {};\n\n  function handleClose() {\n    if (!isControlled) setInternalOpen(false);\n    onClose?.();\n  }\n\n  return (\n    <div\n      data-slot=\"inline-alert\"\n      data-type={type ?? 'neutral'}\n      data-appearance={appearance ?? 'white'}\n      className={cn(inlineAlertVariants({ type, appearance }), className)}\n      {...liveProps}\n      {...props}\n    >\n      <span className=\"ddga-inline-alert__stripe\" aria-hidden=\"true\" />\n      <div className=\"ddga-inline-alert__header\">\n        {resolvedIcon ? <span className=\"ddga-inline-alert__icon\">{resolvedIcon}</span> : null}\n        <div className=\"ddga-inline-alert__text\">\n          <p className=\"ddga-inline-alert__title\" data-slot=\"inline-alert-title\">\n            {title}\n          </p>\n          {children ? (\n            <p className=\"ddga-inline-alert__description\" data-slot=\"inline-alert-description\">\n              {children}\n            </p>\n          ) : null}\n        </div>\n        {onClose ? (\n          <button\n            type=\"button\"\n            className=\"ddga-inline-alert__close\"\n            aria-label={closeLabel}\n            onClick={handleClose}\n          >\n            <CloseSolid aria-hidden=\"true\" />\n          </button>\n        ) : null}\n      </div>\n      {actions ? (\n        <div className=\"ddga-inline-alert__actions\" data-slot=\"inline-alert-actions\">\n          {actions}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nfunction InlineAlertAction({ asChild, className, type, ...props }: InlineAlertActionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <Comp\n      data-slot=\"inline-alert-action\"\n      className={cn('ddga-inline-alert__action', className)}\n      {...(asChild ? {} : { type: type ?? 'button' })}\n      {...props}\n    />\n  );\n}\n\nexport { InlineAlert, InlineAlertAction, inlineAlertVariants };\nexport type { InlineAlertProps, InlineAlertActionProps };\n"],"mappings":"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","names":[]}

package/dist/{chunk-BGS3MCQZ.cjs → chunk-NH7XLE7E.cjs}

@@ -1,4 +1,4 @@
-"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; }// src/components/Toast/toast-store.ts
+"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; }// src/components/NotificationToast/toast-store.ts
 require('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 @@ var toast = createToast(toastStore);
 
 
 exports.createToastStore = createToastStore; exports.toastStore = toastStore; exports.createToast = createToast; exports.toast = toast;
-//# sourceMappingURL=chunk-BGS3MCQZ.cjs.map
+//# sourceMappingURL=chunk-NH7XLE7E.cjs.map

package/dist/chunk-NH7XLE7E.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-NH7XLE7E.cjs","../src/components/NotificationToast/toast-store.ts"],"names":[],"mappings":"AAAA;ACEA,iBAA+B;AA8D/B,IAAM,aAAA,EAAe,GAAA;AAUd,SAAS,gBAAA,CAAA,EAA+B;AAC7C,EAAA,IAAI,OAAA,EAAsB,CAAC,CAAA;AAC3B,EAAA,MAAM,UAAA,kBAAY,IAAI,GAAA,CAAc,CAAA;AACpC,EAAA,IAAI,QAAA,EAAU,CAAA;AAEd,EAAA,SAAS,IAAA,CAAA,EAAO;AACd,IAAA,IAAA,CAAA,MAAW,EAAA,GAAK,SAAA,EAAW,CAAA,CAAE,CAAA;AAAA,EAC/B;AAEA,EAAA,SAAS,SAAA,CAAU,QAAA,EAAgC;AACjD,IAAA,SAAA,CAAU,GAAA,CAAI,QAAQ,CAAA;AACtB,IAAA,OAAO,CAAA,EAAA,GAAM;AACX,MAAA,SAAA,CAAU,MAAA,CAAO,QAAQ,CAAA;AAAA,IAC3B,CAAA;AAAA,EACF;AAEA,EAAA,SAAS,WAAA,CAAA,EAA2B;AAClC,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,SAAS,MAAA,CAAA,EAAiB;AACxB,IAAA,QAAA,GAAW,CAAA;AACX,IAAA,OAAO,CAAA,CAAA,EAAI,OAAO,CAAA,CAAA;AACpB,EAAA;AAEa,EAAA;AACQ,IAAA;AACF,IAAA;AACO,IAAA;AACtB,MAAA;AACA,MAAA;AACM,MAAA;AACC,MAAA;AACM,MAAA;AACH,MAAA;AACM,MAAA;AACC,MAAA;AACN,MAAA;AACb,IAAA;AACmB,IAAA;AAGD,MAAA;AACX,IAAA;AACQ,MAAA;AACf,IAAA;AACK,IAAA;AACE,IAAA;AACT,EAAA;AAImC,EAAA;AACjB,IAAA;AACX,IAAA;AACY,IAAA;AACnB,EAAA;AAEkC,EAAA;AACjB,IAAA;AACC,IAAA;AACX,IAAA;AACG,oBAAA;AACV,EAAA;AAEyB,EAAA;AACb,IAAA;AACA,IAAA;AACL,IAAA;AACP,EAAA;AAEoB,EAAA;AACtB;AAKsC;AAkBV;AACJ,EAAA;AACR,EAAA;AACM,EAAA;AACN,EAAA;AACA,EAAA;AACO,EAAA;AACD,EAAA;AACC,EAAA;AACd,EAAA;AACT;AAG8B;AD1GP;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-NH7XLE7E.cjs","sourcesContent":[null,"'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"]}

package/dist/chunk-NJIQJHJS.js

@@ -0,0 +1,264 @@
+import {
+  Button
+} from "./chunk-GQAX2CH6.js";
+import {
+  Check,
+  ChevronDown
+} from "./chunk-FFGALWM2.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Card/Card.tsx
+import { useState, useId, useContext, createContext } from "react";
+import { Slot as SlotPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var cardVariants = cva("ddga-card", {
+  variants: {
+    variant: {
+      default: "ddga-card--default",
+      outline: "ddga-card--outline",
+      elevated: "ddga-card--elevated",
+      plain: "ddga-card--plain",
+      filled: "ddga-card--filled",
+      gradient: "ddga-card--gradient",
+      ghost: "ddga-card--ghost"
+    },
+    padding: {
+      sm: "ddga-card--padding-sm",
+      md: "ddga-card--padding-md",
+      lg: "ddga-card--padding-lg"
+    },
+    orientation: {
+      vertical: "ddga-card--vertical",
+      horizontal: "ddga-card--horizontal"
+    },
+    interactive: {
+      true: "ddga-card--interactive"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    padding: "md",
+    orientation: "vertical"
+  }
+});
+var CardContext = createContext(null);
+function Card({
+  variant,
+  padding,
+  orientation,
+  interactive,
+  asChild,
+  disabled,
+  selectable,
+  selected,
+  defaultSelected,
+  onSelectedChange,
+  expandable,
+  expanded,
+  defaultExpanded,
+  onExpandedChange,
+  expandLabel = "Toggle details",
+  className,
+  children,
+  onClick,
+  onKeyDown,
+  ...props
+}) {
+  if (process.env.NODE_ENV === "development" && selectable) {
+    if (!props["aria-label"] && !props["aria-labelledby"]) {
+      console.warn(
+        "[@dev-dga/react] A selectable Card renders as a checkbox and needs an aria-label or aria-labelledby for screen-reader users."
+      );
+    }
+  }
+  const [internalSelected, setInternalSelected] = useState(defaultSelected ?? false);
+  const isSelected = selected ?? internalSelected;
+  const toggleSelected = () => {
+    if (disabled) return;
+    const next = !isSelected;
+    if (selected === void 0) setInternalSelected(next);
+    onSelectedChange?.(next);
+  };
+  const [internalExpanded, setInternalExpanded] = useState(defaultExpanded ?? false);
+  const isExpanded = expanded ?? internalExpanded;
+  const contentId = useId();
+  const toggleExpanded = () => {
+    if (disabled) return;
+    const next = !isExpanded;
+    if (expanded === void 0) setInternalExpanded(next);
+    onExpandedChange?.(next);
+  };
+  const hasExtras = selectable || expandable;
+  const Comp = asChild && !hasExtras ? SlotPrimitive.Slot : "div";
+  const selectableProps = selectable ? {
+    role: "checkbox",
+    "aria-checked": isSelected,
+    "aria-disabled": disabled || void 0,
+    tabIndex: disabled ? -1 : 0,
+    "data-state": isSelected ? "checked" : "unchecked",
+    onClick: (e) => {
+      toggleSelected();
+      onClick?.(e);
+    },
+    onKeyDown: (e) => {
+      if (e.key === " ") {
+        e.preventDefault();
+        toggleSelected();
+      }
+      onKeyDown?.(e);
+    }
+  } : (
+    // A bare `interactive` card (no asChild wrapper) is a whole-card click target →
+    // make it keyboard-operable and announced as a button, else it's mouse-only.
+    interactive && !expandable && !asChild ? {
+      role: "button",
+      "aria-disabled": disabled || void 0,
+      tabIndex: disabled ? -1 : 0,
+      onClick,
+      onKeyDown: (e) => {
+        if (!disabled && (e.key === "Enter" || e.key === " ")) {
+          e.preventDefault();
+          e.currentTarget.click();
+        }
+        onKeyDown?.(e);
+      }
+    } : { onClick, onKeyDown }
+  );
+  const card = /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "card",
+      "data-orientation": orientation ?? "vertical",
+      "data-disabled": disabled || void 0,
+      "data-expanded": expandable ? isExpanded : void 0,
+      "aria-disabled": disabled && !selectable ? true : void 0,
+      className: cn(
+        cardVariants({ variant, padding, orientation, interactive }),
+        disabled && "ddga-card--disabled",
+        selectable && "ddga-card--selectable",
+        expandable && "ddga-card--expandable",
+        className
+      ),
+      ...selectableProps,
+      ...props,
+      children: hasExtras ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        selectable && /* @__PURE__ */ jsx("span", { className: "ddga-card__select-indicator", "aria-hidden": true, children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "ddga-card__checkbox",
+            "data-state": isSelected ? "checked" : "unchecked",
+            children: isSelected && /* @__PURE__ */ jsx(Check, { className: "ddga-card__checkbox-check" })
+          }
+        ) }),
+        children,
+        expandable && /* @__PURE__ */ jsx("div", { className: "ddga-card__expand-row", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            "aria-label": expandLabel,
+            "aria-expanded": isExpanded,
+            "aria-controls": contentId,
+            disabled,
+            onClick: toggleExpanded,
+            children: /* @__PURE__ */ jsx(
+              ChevronDown,
+              {
+                className: cn("ddga-card__chevron", isExpanded && "ddga-card__chevron--up")
+              }
+            )
+          }
+        ) })
+      ] }) : (
+        // Plain card: pass children straight through so `asChild` (Slot) still
+        // receives a single element.
+        children
+      )
+    }
+  );
+  return expandable ? /* @__PURE__ */ jsx(CardContext.Provider, { value: { expanded: isExpanded, contentId }, children: card }) : card;
+}
+function CardImage({ aspectRatio = "16/9", className, style, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      "data-slot": "card-image",
+      className: cn("ddga-card__image", className),
+      style: {
+        "--ddga-card-image-aspect": aspectRatio,
+        ...style
+      },
+      ...props
+    }
+  );
+}
+function CardHeader({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "card-header", className: cn("ddga-card__header", className), ...props });
+}
+function CardIcon({ asChild, featured, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "card-icon",
+      "aria-hidden": true,
+      className: cn("ddga-card__icon", featured && "ddga-card__icon--featured", className),
+      ...props
+    }
+  );
+}
+function CardTitle({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "h3";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "card-title", className: cn("ddga-card__title", className), ...props });
+}
+function CardDescription({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "p";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "card-description",
+      className: cn("ddga-card__description", className),
+      ...props
+    }
+  );
+}
+function CardContent({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "card-content", className: cn("ddga-card__content", className), ...props });
+}
+function CardFooter({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "card-footer", className: cn("ddga-card__footer", className), ...props });
+}
+function CardExpandableContent({ asChild, className, ...props }) {
+  const ctx = useContext(CardContext);
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "card-expandable-content",
+      id: ctx?.contentId,
+      hidden: ctx ? !ctx.expanded : void 0,
+      className: cn("ddga-card__expandable-content", className),
+      ...props
+    }
+  );
+}
+
+export {
+  cardVariants,
+  Card,
+  CardImage,
+  CardHeader,
+  CardIcon,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  CardFooter,
+  CardExpandableContent
+};
+//# sourceMappingURL=chunk-NJIQJHJS.js.map

package/dist/chunk-NJIQJHJS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.tsx"],"sourcesContent":["'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"],"mappings":"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","names":[]}

package/dist/{chunk-HBAHWCBK.js → chunk-NKCBDSI2.js}

@@ -8,10 +8,10 @@ import {
 import {
   Drawer,
   DrawerContent
-} from "./chunk-VAF6PKVY.js";
+} from "./chunk-TG2IDU3W.js";
 import {
   PanelLeft
-} from "./chunk-CDS4SYEQ.js";
+} from "./chunk-FFGALWM2.js";
 import {
   cn
 } from "./chunk-7NTT2UXP.js";
@@ -227,4 +227,4 @@ export {
   SidebarFooter,
   SidebarSeparator
 };
-//# sourceMappingURL=chunk-HBAHWCBK.js.map
+//# sourceMappingURL=chunk-NKCBDSI2.js.map