@dev-dga/react 0.11.0 → 0.12.0

package/dist/chunk-U7SCEB34.js

@@ -0,0 +1,181 @@
+import {
+  Checkbox
+} from "./chunk-TNIRKGXY.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/StructuredList/StructuredList.tsx
+import {
+  Children,
+  cloneElement,
+  createContext,
+  isValidElement,
+  useContext
+} from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var structuredListVariants = cva("ddga-structured-list", {
+  variants: {
+    compact: { true: "ddga-structured-list--compact" },
+    contained: { true: "ddga-structured-list--contained" },
+    rowDivider: { true: "ddga-structured-list--row-divider" },
+    colDivider: { true: "ddga-structured-list--col-divider" },
+    selectable: { true: "ddga-structured-list--selectable" }
+  },
+  defaultVariants: {
+    rowDivider: true,
+    colDivider: true
+  }
+});
+var SelectableContext = createContext(false);
+var SectionContext = createContext("none");
+function StructuredList({
+  compact,
+  contained,
+  rowDivider,
+  colDivider,
+  selectable,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectableContext.Provider, { value: Boolean(selectable), children: /* @__PURE__ */ jsx(
+    "table",
+    {
+      "data-slot": "structured-list",
+      className: cn(
+        structuredListVariants({ compact, contained, rowDivider, colDivider, selectable }),
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function StructuredListHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(SectionContext.Provider, { value: "header", children: /* @__PURE__ */ jsx(
+    "thead",
+    {
+      "data-slot": "structured-list-header",
+      className: cn("ddga-structured-list__header", className),
+      ...props
+    }
+  ) });
+}
+function StructuredListBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(SectionContext.Provider, { value: "body", children: /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      "data-slot": "structured-list-body",
+      className: cn("ddga-structured-list__body", className),
+      ...props
+    }
+  ) });
+}
+function StructuredListRow({
+  className,
+  selected,
+  onSelectedChange,
+  disabled,
+  selectionLabel,
+  onClick,
+  children,
+  ...props
+}) {
+  const selectable = useContext(SelectableContext);
+  const section = useContext(SectionContext);
+  const interactive = selectable && section === "body";
+  if (process.env.NODE_ENV !== "production" && interactive && !selectionLabel) {
+    console.warn(
+      "[ddga] A selectable <StructuredListRow> needs `selectionLabel` so its checkbox has an accessible name (e.g. selectionLabel={`Select ${name}`})."
+    );
+  }
+  let content = children;
+  if (interactive) {
+    const control = /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        size: "sm",
+        checked: Boolean(selected),
+        disabled,
+        "aria-label": selectionLabel,
+        onCheckedChange: (v) => onSelectedChange?.(v === true)
+      }
+    );
+    let injected = false;
+    content = Children.map(children, (child) => {
+      if (!injected && isValidElement(child) && child.type === StructuredListCell) {
+        injected = true;
+        return cloneElement(child, { __control: control });
+      }
+      return child;
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      "data-slot": "structured-list-row",
+      "data-state": selected ? "selected" : void 0,
+      "data-disabled": disabled ? "" : void 0,
+      className: cn("ddga-structured-list__row", className),
+      onClick: interactive ? (e) => {
+        onClick?.(e);
+        if (!disabled && !e.target.closest('button, a, input, label, [role="checkbox"]')) {
+          onSelectedChange?.(!selected);
+        }
+      } : onClick,
+      ...props,
+      children: content
+    }
+  );
+}
+function StructuredListHead({ className, align, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      scope: "col",
+      "data-slot": "structured-list-head",
+      className: cn(
+        "ddga-structured-list__head",
+        align && `ddga-structured-list__head--align-${align}`,
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "ddga-structured-list__cell-content", children })
+    }
+  );
+}
+function StructuredListCell({
+  className,
+  align,
+  children,
+  __control,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      "data-slot": "structured-list-cell",
+      className: cn(
+        "ddga-structured-list__cell",
+        align && `ddga-structured-list__cell--align-${align}`,
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxs("div", { className: "ddga-structured-list__cell-content", children: [
+        __control,
+        children
+      ] })
+    }
+  );
+}
+
+export {
+  structuredListVariants,
+  StructuredList,
+  StructuredListHeader,
+  StructuredListBody,
+  StructuredListRow,
+  StructuredListHead,
+  StructuredListCell
+};
+//# sourceMappingURL=chunk-U7SCEB34.js.map

package/dist/chunk-U7SCEB34.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/StructuredList/StructuredList.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Children,\n  cloneElement,\n  createContext,\n  isValidElement,\n  useContext,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Checkbox } from '../Checkbox';\n\nconst structuredListVariants = cva('ddga-structured-list', {\n  variants: {\n    compact: { true: 'ddga-structured-list--compact' },\n    contained: { true: 'ddga-structured-list--contained' },\n    rowDivider: { true: 'ddga-structured-list--row-divider' },\n    colDivider: { true: 'ddga-structured-list--col-divider' },\n    selectable: { true: 'ddga-structured-list--selectable' },\n  },\n  defaultVariants: {\n    rowDivider: true,\n    colDivider: true,\n  },\n});\n\nconst SelectableContext = createContext(false);\nconst SectionContext = createContext<'header' | 'body' | 'none'>('none');\n\ntype Align = 'start' | 'center' | 'end';\n\ninterface StructuredListProps\n  extends React.ComponentProps<'table'>, VariantProps<typeof structuredListVariants> {}\n\ninterface StructuredListRowProps extends React.ComponentProps<'tr'> {\n  /** Selected state of a `selectable` row (controlled). Drives the row's\n   *  auto-rendered checkbox + `data-state=\"selected\"`. */\n  selected?: boolean;\n  /** Fired when a `selectable` row toggles — by its checkbox, a click anywhere\n   *  on the row, or keyboard on the checkbox. */\n  onSelectedChange?: (selected: boolean) => void;\n  /** Visually + interactively mutes the row and its checkbox. */\n  disabled?: boolean;\n  /** Accessible name for a `selectable` row's auto-rendered checkbox. */\n  selectionLabel?: string;\n}\n\ninterface StructuredListHeadProps extends Omit<React.ComponentProps<'th'>, 'align'> {\n  align?: Align;\n}\n\ninterface StructuredListCellProps extends Omit<React.ComponentProps<'td'>, 'align'> {\n  align?: Align;\n  /** @internal Selection control injected into the first cell of a selectable row. */\n  __control?: ReactNode;\n}\n\nfunction StructuredList({\n  compact,\n  contained,\n  rowDivider,\n  colDivider,\n  selectable,\n  className,\n  ...props\n}: StructuredListProps) {\n  return (\n    <SelectableContext.Provider value={Boolean(selectable)}>\n      <table\n        data-slot=\"structured-list\"\n        className={cn(\n          structuredListVariants({ compact, contained, rowDivider, colDivider, selectable }),\n          className,\n        )}\n        {...props}\n      />\n    </SelectableContext.Provider>\n  );\n}\n\nfunction StructuredListHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return (\n    <SectionContext.Provider value=\"header\">\n      <thead\n        data-slot=\"structured-list-header\"\n        className={cn('ddga-structured-list__header', className)}\n        {...props}\n      />\n    </SectionContext.Provider>\n  );\n}\n\nfunction StructuredListBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n  return (\n    <SectionContext.Provider value=\"body\">\n      <tbody\n        data-slot=\"structured-list-body\"\n        className={cn('ddga-structured-list__body', className)}\n        {...props}\n      />\n    </SectionContext.Provider>\n  );\n}\n\nfunction StructuredListRow({\n  className,\n  selected,\n  onSelectedChange,\n  disabled,\n  selectionLabel,\n  onClick,\n  children,\n  ...props\n}: StructuredListRowProps) {\n  const selectable = useContext(SelectableContext);\n  const section = useContext(SectionContext);\n  const interactive = selectable && section === 'body';\n\n  if (process.env.NODE_ENV !== 'production' && interactive && !selectionLabel) {\n    console.warn(\n      '[ddga] A selectable <StructuredListRow> needs `selectionLabel` so its ' +\n        'checkbox has an accessible name (e.g. selectionLabel={`Select ${name}`}).',\n    );\n  }\n\n  let content: ReactNode = children;\n  if (interactive) {\n    const control = (\n      <Checkbox\n        size=\"sm\"\n        checked={Boolean(selected)}\n        disabled={disabled}\n        aria-label={selectionLabel}\n        onCheckedChange={(v) => onSelectedChange?.(v === true)}\n      />\n    );\n    let injected = false;\n    content = Children.map(children, (child) => {\n      if (!injected && isValidElement(child) && child.type === StructuredListCell) {\n        injected = true;\n        return cloneElement(child as ReactElement<StructuredListCellProps>, { __control: control });\n      }\n      return child;\n    });\n  }\n\n  return (\n    <tr\n      data-slot=\"structured-list-row\"\n      data-state={selected ? 'selected' : undefined}\n      data-disabled={disabled ? '' : undefined}\n      className={cn('ddga-structured-list__row', className)}\n      onClick={\n        interactive\n          ? (e) => {\n              onClick?.(e);\n              // The checkbox handles its own clicks; a click anywhere else on\n              // the row toggles too (don't double-fire from the control).\n              if (\n                !disabled &&\n                !(e.target as HTMLElement).closest('button, a, input, label, [role=\"checkbox\"]')\n              ) {\n                onSelectedChange?.(!selected);\n              }\n            }\n          : onClick\n      }\n      {...props}\n    >\n      {content}\n    </tr>\n  );\n}\n\nfunction StructuredListHead({ className, align, children, ...props }: StructuredListHeadProps) {\n  return (\n    <th\n      scope=\"col\"\n      data-slot=\"structured-list-head\"\n      className={cn(\n        'ddga-structured-list__head',\n        align && `ddga-structured-list__head--align-${align}`,\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"ddga-structured-list__cell-content\">{children}</div>\n    </th>\n  );\n}\n\nfunction StructuredListCell({\n  className,\n  align,\n  children,\n  __control,\n  ...props\n}: StructuredListCellProps) {\n  return (\n    <td\n      data-slot=\"structured-list-cell\"\n      className={cn(\n        'ddga-structured-list__cell',\n        align && `ddga-structured-list__cell--align-${align}`,\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"ddga-structured-list__cell-content\">\n        {__control}\n        {children}\n      </div>\n    </td>\n  );\n}\n\nexport {\n  StructuredList,\n  StructuredListHeader,\n  StructuredListBody,\n  StructuredListRow,\n  StructuredListHead,\n  StructuredListCell,\n  structuredListVariants,\n};\nexport type {\n  StructuredListProps,\n  StructuredListRowProps,\n  StructuredListHeadProps,\n  StructuredListCellProps,\n};\n"],"mappings":";;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP,SAAS,WAA8B;AA4DjC,cA4IA,YA5IA;AAxDN,IAAM,yBAAyB,IAAI,wBAAwB;AAAA,EACzD,UAAU;AAAA,IACR,SAAS,EAAE,MAAM,gCAAgC;AAAA,IACjD,WAAW,EAAE,MAAM,kCAAkC;AAAA,IACrD,YAAY,EAAE,MAAM,oCAAoC;AAAA,IACxD,YAAY,EAAE,MAAM,oCAAoC;AAAA,IACxD,YAAY,EAAE,MAAM,mCAAmC;AAAA,EACzD;AAAA,EACA,iBAAiB;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AACF,CAAC;AAED,IAAM,oBAAoB,cAAc,KAAK;AAC7C,IAAM,iBAAiB,cAA0C,MAAM;AA8BvE,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,QAAQ,UAAU,GACnD;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT,uBAAuB,EAAE,SAAS,WAAW,YAAY,YAAY,WAAW,CAAC;AAAA,QACjF;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,SAAS,qBAAqB,EAAE,WAAW,GAAG,MAAM,GAAkC;AACpF,SACE,oBAAC,eAAe,UAAf,EAAwB,OAAM,UAC7B;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,gCAAgC,SAAS;AAAA,MACtD,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAAkC;AAClF,SACE,oBAAC,eAAe,UAAf,EAAwB,OAAM,QAC7B;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,QAAM,aAAa,WAAW,iBAAiB;AAC/C,QAAM,UAAU,WAAW,cAAc;AACzC,QAAM,cAAc,cAAc,YAAY;AAE9C,MAAI,QAAQ,IAAI,aAAa,gBAAgB,eAAe,CAAC,gBAAgB;AAC3E,YAAQ;AAAA,MACN;AAAA,IAEF;AAAA,EACF;AAEA,MAAI,UAAqB;AACzB,MAAI,aAAa;AACf,UAAM,UACJ;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,QAAQ,QAAQ;AAAA,QACzB;AAAA,QACA,cAAY;AAAA,QACZ,iBAAiB,CAAC,MAAM,mBAAmB,MAAM,IAAI;AAAA;AAAA,IACvD;AAEF,QAAI,WAAW;AACf,cAAU,SAAS,IAAI,UAAU,CAAC,UAAU;AAC1C,UAAI,CAAC,YAAY,eAAe,KAAK,KAAK,MAAM,SAAS,oBAAoB;AAC3E,mBAAW;AACX,eAAO,aAAa,OAAgD,EAAE,WAAW,QAAQ,CAAC;AAAA,MAC5F;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY,WAAW,aAAa;AAAA,MACpC,iBAAe,WAAW,KAAK;AAAA,MAC/B,WAAW,GAAG,6BAA6B,SAAS;AAAA,MACpD,SACE,cACI,CAAC,MAAM;AACL,kBAAU,CAAC;AAGX,YACE,CAAC,YACD,CAAE,EAAE,OAAuB,QAAQ,4CAA4C,GAC/E;AACA,6BAAmB,CAAC,QAAQ;AAAA,QAC9B;AAAA,MACF,IACA;AAAA,MAEL,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,mBAAmB,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GAA4B;AAC7F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA,SAAS,qCAAqC,KAAK;AAAA,QACnD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAU,sCAAsC,UAAS;AAAA;AAAA,EAChE;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4B;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA,SAAS,qCAAqC,KAAK;AAAA,QACnD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,+BAAC,SAAI,WAAU,sCACZ;AAAA;AAAA,QACA;AAAA,SACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/{chunk-BGKYCKNM.cjs → chunk-UGQBOWHR.cjs}

@@ -3,7 +3,7 @@
 
 
 
-var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
 
 
 var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
@@ -33,10 +33,10 @@ var emptyStateVariants = _classvarianceauthority.cva.call(void 0, "ddga-empty-st
   }
 });
 var DEFAULT_ICONS = {
-  default: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Inbox, { "aria-hidden": "true" }),
-  search: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Search, { "aria-hidden": "true" }),
-  error: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.AlertCircle, { "aria-hidden": "true" }),
-  success: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Check, { "aria-hidden": "true" })
+  default: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Inbox, { "aria-hidden": "true" }),
+  search: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Search, { "aria-hidden": "true" }),
+  error: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.AlertCircle, { "aria-hidden": "true" }),
+  success: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Check, { "aria-hidden": "true" })
 };
 function EmptyState({
   variant,
@@ -126,4 +126,4 @@ function EmptyStateActions({ asChild, className, ...props }) {
 
 
 exports.emptyStateVariants = emptyStateVariants; exports.EmptyState = EmptyState; exports.EmptyStateMedia = EmptyStateMedia; exports.EmptyStateTitle = EmptyStateTitle; exports.EmptyStateDescription = EmptyStateDescription; exports.EmptyStateActions = EmptyStateActions;
-//# sourceMappingURL=chunk-BGKYCKNM.cjs.map
+//# sourceMappingURL=chunk-UGQBOWHR.cjs.map

package/dist/{chunk-BGKYCKNM.cjs.map → chunk-UGQBOWHR.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BGKYCKNM.cjs","../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,iBAA+B;AAC/B,mCAAsC;AACtC,kEAAuC;AA+B5B,+CAAA;AAzBX,IAAM,mBAAA,EAAqB,yCAAA,kBAAI,EAAoB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,2BAAA;AAAA,MACT,MAAA,EAAQ,0BAAA;AAAA,MACR,KAAA,EAAO,yBAAA;AAAA,MACP,OAAA,EAAS;AAAA,IACX,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,sBAAA;AAAA,MACJ,EAAA,EAAI,sBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAGD,IAAM,cAAA,EAGF;AAAA,EACF,OAAA,kBAAS,6BAAA,uBAAC,EAAA,EAAM,aAAA,EAAY,OAAA,CAAO,CAAA;AAAA,EACnC,MAAA,kBAAQ,6BAAA,wBAAC,EAAA,EAAO,aAAA,EAAY,OAAA,CAAO,CAAA;AAAA,EACnC,KAAA,kBAAO,6BAAA,6BAAC,EAAA,EAAY,aAAA,EAAY,OAAA,CAAO,CAAA;AAAA,EACvC,OAAA,kBAAS,6BAAA,uBAAC,EAAA,EAAM,aAAA,EAAY,OAAA,CAAO;AACrC,CAAA;AAuCA,SAAS,UAAA,CAAW;AAAA,EAClB,OAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,eAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAElB,EAAA,MAAM,aAAA,EACJ,KAAA,IAAS,MAAA,EAAQ,KAAA,EAAO,KAAA,IAAS,KAAA,EAAA,EAAY,KAAA,EAAO,aAAA,kBAAc,OAAA,UAAW,WAAS,CAAA;AAExF,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,KAAA;AAE5C,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,cAAA,mBAAc,OAAA,UAAW,WAAA;AAAA,MACzB,WAAA,mBAAW,IAAA,UAAQ,MAAA;AAAA,MACnB,SAAA,EAAW,kCAAA,kBAAG,CAAmB,EAAE,OAAA,EAAS,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MAC7D,GAAG,KAAA;AAAA,MAEH,QAAA,mBAAA,QAAA,0BACC,8BAAA,oBAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,aAAA,kBAAe,6BAAA,eAAC,EAAA,EAAiB,QAAA,EAAA,aAAA,CAAa,EAAA,EAAqB,IAAA;AAAA,QACnE,MAAA,kBAAQ,6BAAA,eAAC,EAAA,EAAiB,QAAA,EAAA,MAAA,CAAM,EAAA,EAAqB,IAAA;AAAA,QACrD,YAAA,kBAAc,6BAAA,qBAAC,EAAA,EAAuB,QAAA,EAAA,YAAA,CAAY,EAAA,EAA2B,IAAA;AAAA,QAC7E,OAAA,GAAU,gBAAA,kBACT,8BAAA,iBAAC,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,MAAA;AAAA,UACA;AAAA,QAAA,EAAA,CACH,EAAA,EACE;AAAA,MAAA,EAAA,CACN;AAAA,IAAA;AAAA,EAEJ,CAAA;AAEJ;AAIA,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAyB;AACtE,EAAA,uBACE,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,aAAA,EAAY,MAAA;AAAA,MACZ,SAAA,EAAW,kCAAA,yBAAG,EAA2B,SAAS,CAAA;AAAA,MACjD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,eAAA,CAAgB,EAAE,OAAA,EAAS,SAAA,EAAW,GAAG,MAAM,CAAA,EAAyB;AAC/E,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,IAAA;AAC5C,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,yBAAG,EAA2B,SAAS,CAAA;AAAA,MACjD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,qBAAA,CAAsB,EAAE,OAAA,EAAS,SAAA,EAAW,GAAG,MAAM,CAAA,EAA+B;AAC3F,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,GAAA;AAC5C,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,yBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,+BAAG,EAAiC,SAAS,CAAA;AAAA,MACvD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,iBAAA,CAAkB,EAAE,OAAA,EAAS,SAAA,EAAW,GAAG,MAAM,CAAA,EAA2B;AACnF,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,KAAA;AAC5C,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,2BAAG,EAA6B,SAAS,CAAA;AAAA,MACnD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AD/CA;AACA;AACE;AACA;AACA;AACA;AACA;AACA;AACF,6QAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BGKYCKNM.cjs","sourcesContent":[null,"'use client';\n\nimport { 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 { Inbox, Search, AlertCircle, Check } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst emptyStateVariants = cva('ddga-empty-state', {\n  variants: {\n    variant: {\n      default: 'ddga-empty-state--default',\n      search: 'ddga-empty-state--search',\n      error: 'ddga-empty-state--error',\n      success: 'ddga-empty-state--success',\n    },\n    size: {\n      sm: 'ddga-empty-state--sm',\n      md: 'ddga-empty-state--md',\n      lg: 'ddga-empty-state--lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n  },\n});\n\n// Variant → default media icon. Mirrors the Alert.tsx DEFAULT_ICONS pattern.\nconst DEFAULT_ICONS: Record<\n  NonNullable<VariantProps<typeof emptyStateVariants>['variant']>,\n  ReactNode\n> = {\n  default: <Inbox aria-hidden=\"true\" />,\n  search: <Search aria-hidden=\"true\" />,\n  error: <AlertCircle aria-hidden=\"true\" />,\n  success: <Check aria-hidden=\"true\" />,\n};\n\n// ─── 2. Types ─── //\n\ninterface EmptyStateProps\n  extends Omit<React.ComponentProps<'div'>, 'title'>, VariantProps<typeof emptyStateVariants> {\n  /**\n   * Leading media (icon or illustration). Pass `false` to hide the media.\n   * Defaults to a variant-appropriate icon. Ignored when `children` is set.\n   */\n  icon?: ReactNode | false;\n  /** Title. Ignored when `children` is set. */\n  title?: ReactNode;\n  /** Supporting description below the title. Ignored when `children` is set. */\n  description?: ReactNode;\n  /** Primary action, e.g. a `<Button>`. Ignored when `children` is set. */\n  action?: ReactNode;\n  /** Secondary action beside the primary one. Ignored when `children` is set. */\n  secondaryAction?: ReactNode;\n  /**\n   * Render the consumer's own element as the root (Radix `Slot`) instead of a\n   * `<div>`, so the empty-state surface can compose with a custom container.\n   * As with the other composable parts, supply a single child element.\n   */\n  asChild?: boolean;\n}\n\ntype EmptyStateMediaProps = React.ComponentProps<'div'>;\n\ninterface EmptyStateTitleProps extends React.ComponentProps<'h3'> {\n  /** Override the heading element (e.g. render an `<h2>` on full-page states). */\n  asChild?: boolean;\n}\n\ntype EmptyStateDescriptionProps = React.ComponentProps<'p'> & { asChild?: boolean };\ntype EmptyStateActionsProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\n// ─── 3. Components ─── //\n\nfunction EmptyState({\n  variant,\n  size,\n  icon,\n  title,\n  description,\n  action,\n  secondaryAction,\n  asChild,\n  className,\n  children,\n  ...props\n}: EmptyStateProps) {\n  // `children`, when present, fully replaces the props-driven body.\n  const resolvedIcon =\n    icon === false ? null : icon !== undefined ? icon : DEFAULT_ICONS[variant ?? 'default'];\n\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n\n  return (\n    <Comp\n      data-slot=\"empty-state\"\n      data-variant={variant ?? 'default'}\n      data-size={size ?? 'md'}\n      className={cn(emptyStateVariants({ variant, size }), className)}\n      {...props}\n    >\n      {children ?? (\n        <>\n          {resolvedIcon ? <EmptyStateMedia>{resolvedIcon}</EmptyStateMedia> : null}\n          {title ? <EmptyStateTitle>{title}</EmptyStateTitle> : null}\n          {description ? <EmptyStateDescription>{description}</EmptyStateDescription> : null}\n          {action || secondaryAction ? (\n            <EmptyStateActions>\n              {action}\n              {secondaryAction}\n            </EmptyStateActions>\n          ) : null}\n        </>\n      )}\n    </Comp>\n  );\n}\n\n// Decorative circular badge wrapping the icon. aria-hidden so the icon is never\n// announced; consumers can override via props if they pass meaningful media.\nfunction EmptyStateMedia({ className, ...props }: EmptyStateMediaProps) {\n  return (\n    <div\n      data-slot=\"empty-state-media\"\n      aria-hidden=\"true\"\n      className={cn('ddga-empty-state__media', className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyStateTitle({ asChild, className, ...props }: EmptyStateTitleProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'h3';\n  return (\n    <Comp\n      data-slot=\"empty-state-title\"\n      className={cn('ddga-empty-state__title', className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyStateDescription({ asChild, className, ...props }: EmptyStateDescriptionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'p';\n  return (\n    <Comp\n      data-slot=\"empty-state-description\"\n      className={cn('ddga-empty-state__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyStateActions({ asChild, className, ...props }: EmptyStateActionsProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"empty-state-actions\"\n      className={cn('ddga-empty-state__actions', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  EmptyState,\n  EmptyStateMedia,\n  EmptyStateTitle,\n  EmptyStateDescription,\n  EmptyStateActions,\n  emptyStateVariants,\n};\nexport type {\n  EmptyStateProps,\n  EmptyStateMediaProps,\n  EmptyStateTitleProps,\n  EmptyStateDescriptionProps,\n  EmptyStateActionsProps,\n};\n"]}
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-UGQBOWHR.cjs","../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-UGQBOWHR.cjs","sourcesContent":[null,"'use client';\n\nimport { 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 { Inbox, Search, AlertCircle, Check } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst emptyStateVariants = cva('ddga-empty-state', {\n  variants: {\n    variant: {\n      default: 'ddga-empty-state--default',\n      search: 'ddga-empty-state--search',\n      error: 'ddga-empty-state--error',\n      success: 'ddga-empty-state--success',\n    },\n    size: {\n      sm: 'ddga-empty-state--sm',\n      md: 'ddga-empty-state--md',\n      lg: 'ddga-empty-state--lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n  },\n});\n\n// Variant → default media icon. Mirrors the Alert.tsx DEFAULT_ICONS pattern.\nconst DEFAULT_ICONS: Record<\n  NonNullable<VariantProps<typeof emptyStateVariants>['variant']>,\n  ReactNode\n> = {\n  default: <Inbox aria-hidden=\"true\" />,\n  search: <Search aria-hidden=\"true\" />,\n  error: <AlertCircle aria-hidden=\"true\" />,\n  success: <Check aria-hidden=\"true\" />,\n};\n\n// ─── 2. Types ─── //\n\ninterface EmptyStateProps\n  extends Omit<React.ComponentProps<'div'>, 'title'>, VariantProps<typeof emptyStateVariants> {\n  /**\n   * Leading media (icon or illustration). Pass `false` to hide the media.\n   * Defaults to a variant-appropriate icon. Ignored when `children` is set.\n   */\n  icon?: ReactNode | false;\n  /** Title. Ignored when `children` is set. */\n  title?: ReactNode;\n  /** Supporting description below the title. Ignored when `children` is set. */\n  description?: ReactNode;\n  /** Primary action, e.g. a `<Button>`. Ignored when `children` is set. */\n  action?: ReactNode;\n  /** Secondary action beside the primary one. Ignored when `children` is set. */\n  secondaryAction?: ReactNode;\n  /**\n   * Render the consumer's own element as the root (Radix `Slot`) instead of a\n   * `<div>`, so the empty-state surface can compose with a custom container.\n   * As with the other composable parts, supply a single child element.\n   */\n  asChild?: boolean;\n}\n\ntype EmptyStateMediaProps = React.ComponentProps<'div'>;\n\ninterface EmptyStateTitleProps extends React.ComponentProps<'h3'> {\n  /** Override the heading element (e.g. render an `<h2>` on full-page states). */\n  asChild?: boolean;\n}\n\ntype EmptyStateDescriptionProps = React.ComponentProps<'p'> & { asChild?: boolean };\ntype EmptyStateActionsProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\n// ─── 3. Components ─── //\n\nfunction EmptyState({\n  variant,\n  size,\n  icon,\n  title,\n  description,\n  action,\n  secondaryAction,\n  asChild,\n  className,\n  children,\n  ...props\n}: EmptyStateProps) {\n  // `children`, when present, fully replaces the props-driven body.\n  const resolvedIcon =\n    icon === false ? null : icon !== undefined ? icon : DEFAULT_ICONS[variant ?? 'default'];\n\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n\n  return (\n    <Comp\n      data-slot=\"empty-state\"\n      data-variant={variant ?? 'default'}\n      data-size={size ?? 'md'}\n      className={cn(emptyStateVariants({ variant, size }), className)}\n      {...props}\n    >\n      {children ?? (\n        <>\n          {resolvedIcon ? <EmptyStateMedia>{resolvedIcon}</EmptyStateMedia> : null}\n          {title ? <EmptyStateTitle>{title}</EmptyStateTitle> : null}\n          {description ? <EmptyStateDescription>{description}</EmptyStateDescription> : null}\n          {action || secondaryAction ? (\n            <EmptyStateActions>\n              {action}\n              {secondaryAction}\n            </EmptyStateActions>\n          ) : null}\n        </>\n      )}\n    </Comp>\n  );\n}\n\n// Decorative circular badge wrapping the icon. aria-hidden so the icon is never\n// announced; consumers can override via props if they pass meaningful media.\nfunction EmptyStateMedia({ className, ...props }: EmptyStateMediaProps) {\n  return (\n    <div\n      data-slot=\"empty-state-media\"\n      aria-hidden=\"true\"\n      className={cn('ddga-empty-state__media', className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyStateTitle({ asChild, className, ...props }: EmptyStateTitleProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'h3';\n  return (\n    <Comp\n      data-slot=\"empty-state-title\"\n      className={cn('ddga-empty-state__title', className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyStateDescription({ asChild, className, ...props }: EmptyStateDescriptionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'p';\n  return (\n    <Comp\n      data-slot=\"empty-state-description\"\n      className={cn('ddga-empty-state__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyStateActions({ asChild, className, ...props }: EmptyStateActionsProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"empty-state-actions\"\n      className={cn('ddga-empty-state__actions', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  EmptyState,\n  EmptyStateMedia,\n  EmptyStateTitle,\n  EmptyStateDescription,\n  EmptyStateActions,\n  emptyStateVariants,\n};\nexport type {\n  EmptyStateProps,\n  EmptyStateMediaProps,\n  EmptyStateTitleProps,\n  EmptyStateDescriptionProps,\n  EmptyStateActionsProps,\n};\n"]}

package/dist/{chunk-BS3UEJ5G.js → chunk-UV4Q3LRC.js}

@@ -1,6 +1,6 @@
 import {
   ExternalLink
-} from "./chunk-CDS4SYEQ.js";
+} from "./chunk-FFGALWM2.js";
 import {
   cn
 } from "./chunk-7NTT2UXP.js";
@@ -12,24 +12,33 @@ import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 var linkVariants = cva("ddga-link", {
   variants: {
-    variant: {
-      // Inline links in running prose. Underlined always — color alone fails
-      // WCAG 1.4.1 when a link sits inside a block of text.
-      default: "ddga-link--default",
-      // Links in UI chrome (footers, meta rows) where context makes them
-      // obviously links: no underline until hover.
-      subtle: "ddga-link--subtle",
-      // Block-level CTAs ("Learn more →"): inline-flex with gapped icons,
-      // no underline. Not for mid-sentence use.
-      standalone: "ddga-link--standalone"
+    tone: {
+      primary: "ddga-link--primary",
+      neutral: "ddga-link--neutral",
+      onColor: "ddga-link--on-color"
+    },
+    size: {
+      sm: "ddga-link--sm",
+      md: "ddga-link--md"
+    },
+    // SDGA Inline axis: true = always underlined (flows in prose); false = underline
+    // on hover/pressed only (standalone / chrome link, laid out as inline-flex).
+    inline: {
+      true: "ddga-link--inline",
+      false: "ddga-link--standalone"
     }
   },
   defaultVariants: {
-    variant: "default"
+    tone: "primary",
+    size: "md",
+    inline: false
   }
 });
 function Link({
-  variant,
+  tone,
+  size,
+  inline,
+  disabled,
   external,
   startIcon,
   endIcon,
@@ -38,9 +47,10 @@ function Link({
   className,
   children,
   rel,
+  tabIndex,
   ...props
 }) {
-  if (process.env.NODE_ENV === "development" && !asChild && props.href == null) {
+  if (process.env.NODE_ENV === "development" && !asChild && !disabled && props.href == null) {
     console.warn(
       '[@dev-dga/react] Link rendered without an `href`. A link needs an href to be focusable and exposed as a link to assistive tech. Provide `href`, use `asChild` to render your own element (e.g. a router Link), or use `Button variant="ghost"` for an action that is not navigation.'
     );
@@ -54,8 +64,10 @@ function Link({
     Comp,
     {
       "data-slot": "link",
-      className: cn(linkVariants({ variant }), className),
+      className: cn(linkVariants({ tone, size, inline }), className),
       rel: relValue,
+      "aria-disabled": disabled || void 0,
+      tabIndex: disabled ? -1 : tabIndex,
       ...props,
       children: [
         startIcon && /* @__PURE__ */ jsx(
@@ -95,4 +107,4 @@ export {
   linkVariants,
   Link
 };
-//# sourceMappingURL=chunk-BS3UEJ5G.js.map
+//# sourceMappingURL=chunk-UV4Q3LRC.js.map

package/dist/chunk-UV4Q3LRC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Link/Link.tsx"],"sourcesContent":["'use client';\n\nimport { 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 { ExternalLink } from '../../internal/icons';\n\nconst linkVariants = cva('ddga-link', {\n  variants: {\n    tone: {\n      primary: 'ddga-link--primary',\n      neutral: 'ddga-link--neutral',\n      onColor: 'ddga-link--on-color',\n    },\n    size: {\n      sm: 'ddga-link--sm',\n      md: 'ddga-link--md',\n    },\n    // SDGA Inline axis: true = always underlined (flows in prose); false = underline\n    // on hover/pressed only (standalone / chrome link, laid out as inline-flex).\n    inline: {\n      true: 'ddga-link--inline',\n      false: 'ddga-link--standalone',\n    },\n  },\n  defaultVariants: {\n    tone: 'primary',\n    size: 'md',\n    inline: false,\n  },\n});\n\ninterface LinkProps\n  extends Omit<React.ComponentProps<'a'>, 'color'>, VariantProps<typeof linkVariants> {\n  /**\n   * Color family (SDGA Style axis). `primary` (SA green), `neutral` (gray-700),\n   * `onColor` (white — for dark/colored surfaces).\n   * @default 'primary'\n   */\n  tone?: 'primary' | 'neutral' | 'onColor';\n  /**\n   * `md` = 16/24 + 20px icons, `sm` = 14/20 + 16px icons.\n   * @default 'md'\n   */\n  size?: 'sm' | 'md';\n  /**\n   * Underline always (for links inside running prose — WCAG 1.4.1). When `false`\n   * the link only underlines on hover/pressed. Set this for any in-text link.\n   * @default false\n   */\n  inline?: boolean;\n  /** Render the link in its disabled state (`aria-disabled`, not focusable, not clickable). */\n  disabled?: boolean;\n  /**\n   * External link: appends a decorative ↗ icon and sets\n   * `rel=\"noopener noreferrer\"` (merged with any consumer `rel`). `target` is\n   * left to the consumer — forcing `_blank` is an a11y opinion best owned by\n   * the caller.\n   */\n  external?: boolean;\n  /** Leading icon. Decorative — rendered `aria-hidden`. */\n  startIcon?: ReactNode;\n  /**\n   * Trailing icon. Decorative. When both `external` and `endIcon` are set, the\n   * consumer's `endIcon` wins (the auto ↗ is suppressed).\n   */\n  endIcon?: ReactNode;\n  /** Flip start/end icons horizontally in RTL (for directional arrows/chevrons). */\n  iconFlip?: boolean;\n  /**\n   * Render as the single child element instead of an `<a>`. Lets consumers\n   * compose with framework routers (`<Link asChild><RouterLink to=\"…\">…</RouterLink></Link>`).\n   */\n  asChild?: boolean;\n}\n\nfunction Link({\n  tone,\n  size,\n  inline,\n  disabled,\n  external,\n  startIcon,\n  endIcon,\n  iconFlip,\n  asChild,\n  className,\n  children,\n  rel,\n  tabIndex,\n  ...props\n}: LinkProps) {\n  if (process.env.NODE_ENV === 'development' && !asChild && !disabled && props.href == null) {\n    console.warn(\n      '[@dev-dga/react] Link rendered without an `href`. A link needs an href ' +\n        'to be focusable and exposed as a link to assistive tech. Provide `href`, ' +\n        'use `asChild` to render your own element (e.g. a router Link), or use ' +\n        '`Button variant=\"ghost\"` for an action that is not navigation.',\n    );\n  }\n\n  const Comp = asChild ? SlotPrimitive.Slot : 'a';\n\n  const relValue = external\n    ? Array.from(\n        new Set([...(rel ? rel.split(/\\s+/).filter(Boolean) : []), 'noopener', 'noreferrer']),\n      ).join(' ')\n    : rel;\n\n  const showExternalIcon = external && !endIcon;\n\n  return (\n    <Comp\n      data-slot=\"link\"\n      className={cn(linkVariants({ tone, size, inline }), className)}\n      rel={relValue}\n      aria-disabled={disabled || undefined}\n      tabIndex={disabled ? -1 : tabIndex}\n      {...props}\n    >\n      {startIcon && (\n        <span\n          className={cn('ddga-link__icon', iconFlip && 'ddga-icon-flip')}\n          data-slot=\"link-start-icon\"\n          aria-hidden=\"true\"\n        >\n          {startIcon}\n        </span>\n      )}\n      {asChild ? <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable> : children}\n      {endIcon && (\n        <span\n          className={cn('ddga-link__icon', iconFlip && 'ddga-icon-flip')}\n          data-slot=\"link-end-icon\"\n          aria-hidden=\"true\"\n        >\n          {endIcon}\n        </span>\n      )}\n      {showExternalIcon && (\n        <span\n          className=\"ddga-link__icon ddga-link__icon--external\"\n          data-slot=\"link-external-icon\"\n          aria-hidden=\"true\"\n        >\n          <ExternalLink />\n        </span>\n      )}\n    </Comp>\n  );\n}\n\nexport { Link, linkVariants };\nexport type { LinkProps };\n"],"mappings":";;;;;;;;AAEA,OAA+B;AAC/B,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AA6GnC,SASI,KATJ;AAzGJ,IAAM,eAAe,IAAI,aAAa;AAAA,EACpC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA;AAAA;AAAA,IAGA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AACF,CAAC;AA8CD,SAAS,KAAK;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAc;AACZ,MAAI,QAAQ,IAAI,aAAa,iBAAiB,CAAC,WAAW,CAAC,YAAY,MAAM,QAAQ,MAAM;AACzF,YAAQ;AAAA,MACN;AAAA,IAIF;AAAA,EACF;AAEA,QAAM,OAAO,UAAU,cAAc,OAAO;AAE5C,QAAM,WAAW,WACb,MAAM;AAAA,IACJ,oBAAI,IAAI,CAAC,GAAI,MAAM,IAAI,MAAM,KAAK,EAAE,OAAO,OAAO,IAAI,CAAC,GAAI,YAAY,YAAY,CAAC;AAAA,EACtF,EAAE,KAAK,GAAG,IACV;AAEJ,QAAM,mBAAmB,YAAY,CAAC;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,aAAa,EAAE,MAAM,MAAM,OAAO,CAAC,GAAG,SAAS;AAAA,MAC7D,KAAK;AAAA,MACL,iBAAe,YAAY;AAAA,MAC3B,UAAU,WAAW,KAAK;AAAA,MACzB,GAAG;AAAA,MAEH;AAAA,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,mBAAmB,YAAY,gBAAgB;AAAA,YAC7D,aAAU;AAAA,YACV,eAAY;AAAA,YAEX;AAAA;AAAA,QACH;AAAA,QAED,UAAU,oBAAC,cAAc,WAAd,EAAyB,UAAS,IAA6B;AAAA,QAC1E,WACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,mBAAmB,YAAY,gBAAgB;AAAA,YAC7D,aAAU;AAAA,YACV,eAAY;AAAA,YAEX;AAAA;AAAA,QACH;AAAA,QAED,oBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,aAAU;AAAA,YACV,eAAY;AAAA,YAEZ,8BAAC,gBAAa;AAAA;AAAA,QAChB;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-VB5VOUED.js

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

package/dist/{chunk-M5ZXQ2QS.js → chunk-VEFRVKSA.js}

@@ -1,14 +1,16 @@
 import {
-  CaretDown,
-  CaretUp
-} from "./chunk-CDS4SYEQ.js";
+  FilterSolid,
+  SortAscending,
+  SortDefault,
+  SortDescending
+} from "./chunk-FFGALWM2.js";
 import {
   cn
 } from "./chunk-7NTT2UXP.js";
 
 // src/components/Table/Table.tsx
 import { cva } from "class-variance-authority";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var tableVariants = cva("ddga-table", {
   variants: {
     size: {
@@ -17,8 +19,9 @@ var tableVariants = cva("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 = cva("ddga-table", {
 function Table({
   size,
   striped,
-  divided,
-  bordered,
+  contained,
   stickyHeader,
   className,
   maxHeight,
@@ -64,7 +66,7 @@ function Table({
         "table",
         {
           "data-slot": "table",
-          className: cn(tableVariants({ size, striped, divided, bordered, stickyHeader }), className),
+          className: cn(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 = cn("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__ */ jsx("th", { scope: "col", "data-slot": "table-head", className: headClass, ...props, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "data-slot": "table-filter-button",
+        className: "ddga-table__filter-button",
+        "aria-pressed": filterActive,
+        disabled,
+        onClick,
+        children: [
+          filterLabel ? /* @__PURE__ */ jsx("span", { className: "ddga-sr-only", children: filterLabel }) : null,
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "ddga-table__icon-box",
+              "data-slot": "table-filter-icon",
+              "data-active": filterActive,
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx(FilterSolid, {})
+            }
+          )
+        ]
+      }
+    ) });
+  }
   if (!sortable) {
     return /* @__PURE__ */ jsx("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__ */ jsx("th", { scope: "col", "data-slot": "table-head", "aria-sort": ariaSort, className: headClass, ...props, children: /* @__PURE__ */ jsxs(
     "button",
     {
       type: "button",
       "data-slot": "table-sort-button",
       className: "ddga-table__sort-button",
+      disabled,
       onClick,
       children: [
         children,
         sortLabel ? /* @__PURE__ */ jsx("span", { className: "ddga-sr-only", children: sortLabel }) : null,
-        /* @__PURE__ */ jsx("span", { className: "ddga-table__sort-icon", "data-slot": "table-sort-icon", "aria-hidden": "true", children: sortDirection === "asc" ? /* @__PURE__ */ jsx(CaretUp, {}) : sortDirection === "desc" ? /* @__PURE__ */ jsx(CaretDown, {}) : (
-          // Neutral affordance: stacked carets, dimmed via CSS.
-          /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(CaretUp, {}),
-            /* @__PURE__ */ jsx(CaretDown, {})
-          ] })
-        ) })
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "ddga-table__icon-box",
+            "data-slot": "table-sort-icon",
+            "data-active": sorted,
+            "aria-hidden": "true",
+            children: sortDirection === "asc" ? /* @__PURE__ */ jsx(SortAscending, {}) : sortDirection === "desc" ? /* @__PURE__ */ jsx(SortDescending, {}) : /* @__PURE__ */ jsx(SortDefault, {})
+          }
+        )
       ]
     }
   ) });
@@ -164,4 +206,4 @@ export {
   TableCell,
   TableCaption
 };
-//# sourceMappingURL=chunk-M5ZXQ2QS.js.map
+//# sourceMappingURL=chunk-VEFRVKSA.js.map

package/dist/chunk-VEFRVKSA.js.map

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

package/dist/chunk-VISVU5LS.js

@@ -0,0 +1,41 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Toggle/Toggle.tsx
+import { Toggle as TogglePrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var toggleVariants = cva("ddga-toggle", {
+  variants: {
+    variant: {
+      default: "ddga-toggle--default",
+      outline: "ddga-toggle--outline"
+    },
+    size: {
+      sm: "ddga-toggle--sm",
+      md: "ddga-toggle--md",
+      lg: "ddga-toggle--lg"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+function Toggle({ variant, size, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TogglePrimitive.Root,
+    {
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+
+export {
+  toggleVariants,
+  Toggle
+};
+//# sourceMappingURL=chunk-VISVU5LS.js.map

package/dist/chunk-VISVU5LS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toggle/Toggle.tsx"],"sourcesContent":["'use client';\n\nimport { Toggle as TogglePrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst toggleVariants = cva('ddga-toggle', {\n  variants: {\n    variant: {\n      default: 'ddga-toggle--default',\n      outline: 'ddga-toggle--outline',\n    },\n    size: {\n      sm: 'ddga-toggle--sm',\n      md: 'ddga-toggle--md',\n      lg: 'ddga-toggle--lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n  },\n});\n\ntype ToggleProps = React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>;\n\n// A standalone two-state button (role=button + aria-pressed, via Radix). For\n// icon-only toggles, pass an `aria-label`. For a single-select segmented\n// control, use `ContentSwitcher` instead.\nfunction Toggle({ variant, size, className, ...props }: ToggleProps) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Toggle, toggleVariants };\nexport type { ToggleProps };\n"],"mappings":";;;;;AAEA,SAAS,UAAU,uBAAuB;AAC1C,SAAS,WAA8B;AA6BnC;AA1BJ,IAAM,iBAAiB,IAAI,eAAe;AAAA,EACxC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAQD,SAAS,OAAO,EAAE,SAAS,MAAM,WAAW,GAAG,MAAM,GAAgB;AACnE,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}