@elliemae/ds-card-v3 3.26.0-next.12

package/dist/cjs/CardV3.js

@@ -0,0 +1,90 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CardV3_exports = {};
+__export(CardV3_exports, {
+  Card: () => Card,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(CardV3_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lodash = require("lodash");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_parts = require("./parts/index.js");
+var import_styled = require("./styled.js");
+var import_CardContext = require("./parts/CardContext.js");
+var import_CardV3Definitions = require("./CardV3Definitions.js");
+const defaultProps = {
+  hasError: false
+};
+const Card = (props) => {
+  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, defaultProps);
+  const { children, hasError, disabled, isOverlay, onClick, isSelected, isMultiSelect } = propsWithDefault;
+  const StyledCardContainer = (0, import_react.useMemo)(() => {
+    if (onClick && !disabled) {
+      return import_styled.StyledButtonCard;
+    }
+    if (disabled) {
+      return import_styled.StyledCardDisabled;
+    }
+    return import_styled.StyledCard;
+  }, [disabled, onClick]);
+  const globalsAttrs = (0, import_lodash.omit)((0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault), ["cols", "rows", "wrap"]);
+  const xstyledProps = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefault);
+  const getOwnerProps = (0, import_react.useCallback)(() => propsWithDefault, [propsWithDefault]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CardContext.CardContext.Provider, { value: { isMultiSelect, disabled, isSelected, onClick }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StyledCardContainer,
+    {
+      border: "solid 1px neutral-100",
+      boxShadow: "xs",
+      isOverlay,
+      ...globalsAttrs,
+      ...xstyledProps,
+      "data-disabled": disabled,
+      "data-selected": isSelected,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_parts.FocusRing, { target: `[data-testid=${import_CardV3Definitions.DSCardV3DataTestIds.ACTION_AREA}]`, hasError, children: [
+        onClick ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.CardActionArea,
+          {
+            disabled,
+            "data-testid": import_CardV3Definitions.DSCardV3DataTestIds.ACTION_AREA,
+            "aria-selected": isSelected,
+            "aria-multiselectable": isMultiSelect,
+            "aria-disabled": disabled,
+            "aria-invalid": hasError,
+            getOwnerProps
+          }
+        ) : null,
+        children
+      ] })
+    }
+  ) });
+};
+//# sourceMappingURL=CardV3.js.map

package/dist/cjs/CardV3.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/CardV3.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable react/display-name */\nimport React, { useMemo, useCallback } from 'react';\nimport { omit } from 'lodash';\nimport { useMemoMergePropsWithDefault, useGetXstyledProps, useGetGlobalAttributes } from '@elliemae/ds-utilities';\nimport type { CardT } from './react-desc-prop-types.js';\nimport { FocusRing } from './parts/index.js';\nimport { CardActionArea, StyledButtonCard, StyledCard, StyledCardDisabled } from './styled.js';\nimport { CardContext } from './parts/CardContext.js';\nimport { DSCardV3DataTestIds } from './CardV3Definitions.js';\n\nexport const defaultProps: CardT.DefaultProps = {\n  hasError: false,\n};\n\n// create acontext\n\nexport const Card: React.ComponentType<CardT.InternalProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<CardT.Props>(props, defaultProps);\n  const { children, hasError, disabled, isOverlay, onClick, isSelected, isMultiSelect } = propsWithDefault;\n\n  const StyledCardContainer = useMemo(() => {\n    if (onClick && !disabled) {\n      return StyledButtonCard;\n    }\n    if (disabled) {\n      return StyledCardDisabled;\n    }\n    return StyledCard;\n  }, [disabled, onClick]);\n\n  const globalsAttrs = omit(useGetGlobalAttributes(propsWithDefault), ['cols', 'rows', 'wrap']);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  const getOwnerProps = useCallback(() => propsWithDefault, [propsWithDefault]);\n\n  return (\n    <CardContext.Provider value={{ isMultiSelect, disabled, isSelected, onClick }}>\n      <StyledCardContainer\n        border=\"solid 1px neutral-100\"\n        boxShadow=\"xs\"\n        isOverlay={isOverlay}\n        {...globalsAttrs}\n        {...xstyledProps}\n        data-disabled={disabled}\n        data-selected={isSelected}\n      >\n        <FocusRing target={`[data-testid=${DSCardV3DataTestIds.ACTION_AREA}]`} hasError={hasError}>\n          {onClick ? (\n            <CardActionArea\n              disabled={disabled}\n              data-testid={DSCardV3DataTestIds.ACTION_AREA}\n              aria-selected={isSelected}\n              aria-multiselectable={isMultiSelect}\n              aria-disabled={disabled}\n              aria-invalid={hasError}\n              getOwnerProps={getOwnerProps}\n            />\n          ) : null}\n          {children}\n        </FocusRing>\n      </StyledCardContainer>\n    </CardContext.Provider>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+Cf;AA5CR,mBAA4C;AAC5C,oBAAqB;AACrB,0BAAyF;AAEzF,mBAA0B;AAC1B,oBAAiF;AACjF,yBAA4B;AAC5B,+BAAoC;AAE7B,MAAM,eAAmC;AAAA,EAC9C,UAAU;AACZ;AAIO,MAAM,OAAiD,CAAC,UAAU;AACvE,QAAM,uBAAmB,kDAA0C,OAAO,YAAY;AACtF,QAAM,EAAE,UAAU,UAAU,UAAU,WAAW,SAAS,YAAY,cAAc,IAAI;AAExF,QAAM,0BAAsB,sBAAQ,MAAM;AACxC,QAAI,WAAW,CAAC,UAAU;AACxB,aAAO;AAAA,IACT;AACA,QAAI,UAAU;AACZ,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,OAAO,CAAC;AAEtB,QAAM,mBAAe,wBAAK,4CAAuB,gBAAgB,GAAG,CAAC,QAAQ,QAAQ,MAAM,CAAC;AAC5F,QAAM,mBAAe,wCAAmB,gBAAgB;AACxD,QAAM,oBAAgB,0BAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAE5E,SACE,4CAAC,+BAAY,UAAZ,EAAqB,OAAO,EAAE,eAAe,UAAU,YAAY,QAAQ,GAC1E;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,WAAU;AAAA,MACV;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,iBAAe;AAAA,MACf,iBAAe;AAAA,MAEf,uDAAC,0BAAU,QAAQ,gBAAgB,6CAAoB,gBAAgB,UACpE;AAAA,kBACC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,eAAa,6CAAoB;AAAA,YACjC,iBAAe;AAAA,YACf,wBAAsB;AAAA,YACtB,iBAAe;AAAA,YACf,gBAAc;AAAA,YACd;AAAA;AAAA,QACF,IACE;AAAA,QACH;AAAA,SACH;AAAA;AAAA,EACF,GACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/CardV3Definitions.js

@@ -0,0 +1,43 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CardV3Definitions_exports = {};
+__export(CardV3Definitions_exports, {
+  DSCardV3DataTestIds: () => DSCardV3DataTestIds,
+  DSCardV3Name: () => DSCardV3Name,
+  DSCardV3Slots: () => DSCardV3Slots
+});
+module.exports = __toCommonJS(CardV3Definitions_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const DSCardV3Name = "DSCardV3";
+const DSCardV3Slots = {
+  ACTION_AREA: "action-area"
+};
+const DSCardV3DataTestIds = (0, import_ds_system.slotObjectToDataTestIds)(DSCardV3Name, DSCardV3Slots);
+//# sourceMappingURL=CardV3Definitions.js.map

package/dist/cjs/CardV3Definitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/CardV3Definitions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSCardV3Name = 'DSCardV3';\nexport const DSCardV3Slots = {\n  ACTION_AREA: 'action-area',\n};\n\nexport const DSCardV3DataTestIds = slotObjectToDataTestIds(DSCardV3Name, DSCardV3Slots);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,eAAe;AACrB,MAAM,gBAAgB;AAAA,EAC3B,aAAa;AACf;AAEO,MAAM,0BAAsB,0CAAwB,cAAc,aAAa;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,33 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./CardV3.js"), module.exports);
+__reExport(src_exports, require("./CardV3Definitions.js"), module.exports);
+__reExport(src_exports, require("./react-desc-prop-types.js"), module.exports);
+__reExport(src_exports, require("./parts/index.js"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './CardV3.js';\nexport * from './CardV3Definitions.js';\nexport * from './react-desc-prop-types.js';\nexport * from './parts/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,wBAAd;AACA,wBAAc,mCADd;AAEA,wBAAc,uCAFd;AAGA,wBAAc,6BAHd;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/parts/CardContent.js

@@ -0,0 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CardContent_exports = {};
+__export(CardContent_exports, {
+  CardContent: () => CardContent
+});
+module.exports = __toCommonJS(CardContent_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_grid = require("@elliemae/ds-grid");
+const CardContent = (props) => {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ds_grid.Grid,
+    {
+      "data-type": "card-content",
+      gutter: "xxs",
+      px: "xs",
+      py: "xxs",
+      paddingTop: "0px",
+      minHeight: "64px",
+      alignItems: "center",
+      ...rest,
+      children
+    }
+  );
+};
+//# sourceMappingURL=CardContent.js.map

package/dist/cjs/parts/CardContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/CardContent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport type { CardT } from '../react-desc-prop-types.js';\n\nexport const CardContent = (props: CardT.CardElementsProps) => {\n  const { children, ...rest } = props;\n  return (\n    <Grid\n      data-type=\"card-content\"\n      gutter=\"xxs\"\n      px=\"xs\"\n      py=\"xxs\"\n      paddingTop=\"0px\"\n      minHeight=\"64px\"\n      alignItems=\"center\"\n      {...rest}\n    >\n      {children}\n    </Grid>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOnB;AANJ,qBAAqB;AAGd,MAAM,cAAc,CAAC,UAAmC;AAC7D,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,QAAO;AAAA,MACP,IAAG;AAAA,MACH,IAAG;AAAA,MACH,YAAW;AAAA,MACX,WAAU;AAAA,MACV,YAAW;AAAA,MACV,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;",
+  "names": []
+}

package/dist/cjs/parts/CardContext.js

@@ -0,0 +1,42 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CardContext_exports = {};
+__export(CardContext_exports, {
+  CardContext: () => CardContext
+});
+module.exports = __toCommonJS(CardContext_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+const defaultContext = {
+  isSelected: false,
+  isMultiSelect: false,
+  disabled: false
+};
+const CardContext = import_react.default.createContext(defaultContext);
+//# sourceMappingURL=CardContext.js.map

package/dist/cjs/parts/CardContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/CardContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport type { CardContextProps } from '../react-desc-prop-types.js';\n\nconst defaultContext: CardContextProps = {\n  isSelected: false,\n  isMultiSelect: false,\n  disabled: false,\n};\n\nexport const CardContext = React.createContext<CardContextProps>(defaultContext);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAGlB,MAAM,iBAAmC;AAAA,EACvC,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,UAAU;AACZ;AAEO,MAAM,cAAc,aAAAA,QAAM,cAAgC,cAAc;",
+  "names": ["React"]
+}

package/dist/cjs/parts/CardFocusRing.js

@@ -0,0 +1,68 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CardFocusRing_exports = {};
+__export(CardFocusRing_exports, {
+  FocusRing: () => FocusRing
+});
+module.exports = __toCommonJS(CardFocusRing_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled = require("../styled.js");
+const FocusRing = (props) => {
+  const { target, children, hasError } = props;
+  const [showFocusRing, setShowFocusingRing] = import_react.default.useState(false);
+  const handleOnFocus = import_react.default.useCallback(
+    (e) => {
+      if (e.target.matches(target)) {
+        setShowFocusingRing(true);
+      }
+    },
+    [target]
+  );
+  const handleOnBlur = import_react.default.useCallback(
+    (e) => {
+      if (e.target.matches(target)) {
+        setShowFocusingRing(false);
+      }
+    },
+    [target]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.StyledFocusRing,
+    {
+      hasError,
+      onFocusCapture: handleOnFocus,
+      onBlurCapture: handleOnBlur,
+      showFocusRing,
+      children
+    }
+  );
+};
+//# sourceMappingURL=CardFocusRing.js.map

package/dist/cjs/parts/CardFocusRing.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/CardFocusRing.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { StyledFocusRing } from '../styled.js';\nimport { type CardT } from '../react-desc-prop-types.js';\n\nexport const FocusRing = (props: CardT.FocusRingProps) => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const { target, children, hasError } = props;\n  const [showFocusRing, setShowFocusingRing] = React.useState(false);\n  const handleOnFocus: React.FocusEventHandler<HTMLDivElement> = React.useCallback(\n    (e) => {\n      if (e.target.matches(target)) {\n        setShowFocusingRing(true);\n      }\n    },\n    [target],\n  );\n\n  const handleOnBlur: React.FocusEventHandler<HTMLDivElement> = React.useCallback(\n    (e) => {\n      if (e.target.matches(target)) {\n        setShowFocusingRing(false);\n      }\n    },\n    [target],\n  );\n  return (\n    <StyledFocusRing\n      hasError={hasError}\n      onFocusCapture={handleOnFocus}\n      onBlurCapture={handleOnBlur}\n      showFocusRing={showFocusRing}\n    >\n      {children}\n    </StyledFocusRing>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BnB;AA1BJ,mBAAkB;AAClB,oBAAgC;AAGzB,MAAM,YAAY,CAAC,UAAgC;AAExD,QAAM,EAAE,QAAQ,UAAU,SAAS,IAAI;AACvC,QAAM,CAAC,eAAe,mBAAmB,IAAI,aAAAA,QAAM,SAAS,KAAK;AACjE,QAAM,gBAAyD,aAAAA,QAAM;AAAA,IACnE,CAAC,MAAM;AACL,UAAI,EAAE,OAAO,QAAQ,MAAM,GAAG;AAC5B,4BAAoB,IAAI;AAAA,MAC1B;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,eAAwD,aAAAA,QAAM;AAAA,IAClE,CAAC,MAAM;AACL,UAAI,EAAE,OAAO,QAAQ,MAAM,GAAG;AAC5B,4BAAoB,KAAK;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;",
+  "names": ["React"]
+}

package/dist/cjs/parts/CardFooter.js

@@ -0,0 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CardFooter_exports = {};
+__export(CardFooter_exports, {
+  CardFooter: () => CardFooter
+});
+module.exports = __toCommonJS(CardFooter_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_grid = require("@elliemae/ds-grid");
+const CardFooter = (props) => {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ds_grid.Grid,
+    {
+      "data-type": "card-footer",
+      px: "xs",
+      py: "xxs",
+      gutter: "xxs",
+      borderTop: "1px solid #CBCFD7",
+      minHeight: "40px",
+      alignItems: "center",
+      ...rest,
+      children
+    }
+  );
+};
+//# sourceMappingURL=CardFooter.js.map

package/dist/cjs/parts/CardFooter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/CardFooter.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport type { CardT } from '../react-desc-prop-types.js';\n\nexport const CardFooter = (props: CardT.CardElementsProps) => {\n  const { children, ...rest } = props;\n  return (\n    <Grid\n      data-type=\"card-footer\"\n      px=\"xs\"\n      py=\"xxs\"\n      gutter=\"xxs\"\n      borderTop=\"1px solid #CBCFD7\"\n      minHeight=\"40px\"\n      alignItems=\"center\"\n      {...rest}\n    >\n      {children}\n    </Grid>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOnB;AANJ,qBAAqB;AAGd,MAAM,aAAa,CAAC,UAAmC;AAC5D,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,IAAG;AAAA,MACH,IAAG;AAAA,MACH,QAAO;AAAA,MACP,WAAU;AAAA,MACV,WAAU;AAAA,MACV,YAAW;AAAA,MACV,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;",
+  "names": []
+}

package/dist/cjs/parts/CardHeader.js

@@ -0,0 +1,81 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CardHeader_exports = {};
+__export(CardHeader_exports, {
+  CardHeader: () => CardHeader
+});
+module.exports = __toCommonJS(CardHeader_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_CardSelectIndicator = require("./CardSelectIndicator.js");
+var import_CardContext = require("./CardContext.js");
+const CardHeader = (props) => {
+  const { isSelected, isMultiSelect, onClick } = import_react.default.useContext(import_CardContext.CardContext);
+  const { children, ...rest } = props;
+  if (isSelected !== void 0 && isMultiSelect && onClick) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_ds_grid.Grid,
+      {
+        cols: ["12px", "auto"],
+        "data-type": "card-header",
+        padding: "xxxs",
+        alignItems: "center",
+        minHeight: "56px",
+        ...rest,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CardSelectIndicator.CardSelectIndicator, { isSelected, isMultiSelect }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { py: "xxxs", paddingRight: "xxs2", children })
+        ]
+      }
+    );
+  }
+  if (isSelected !== void 0 && !isMultiSelect && onClick) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_ds_grid.Grid,
+      {
+        cols: ["16px", "auto"],
+        "data-type": "card-header",
+        gutter: "xxs",
+        px: "xs",
+        py: "xxs",
+        alignItems: "center",
+        minHeight: "56px",
+        ...rest,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CardSelectIndicator.CardSelectIndicator, { isSelected, isMultiSelect }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { py: "xxxs", paddingRight: "xxs2", children })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { "data-type": "card-header", px: "xs", py: "xxs", gutter: "xxs", alignItems: "center", minHeight: "56px", ...rest, children });
+};
+//# sourceMappingURL=CardHeader.js.map

package/dist/cjs/parts/CardHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/CardHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { CardSelectIndicator } from './CardSelectIndicator.js';\nimport { CardContext } from './CardContext.js';\nimport type { CardT } from '../react-desc-prop-types.js';\n\nexport const CardHeader = (props: CardT.CardElementsProps) => {\n  const { isSelected, isMultiSelect, onClick } = React.useContext(CardContext);\n  const { children, ...rest } = props;\n  if (isSelected !== undefined && isMultiSelect && onClick) {\n    return (\n      <Grid\n        cols={['12px', 'auto']}\n        data-type=\"card-header\"\n        padding=\"xxxs\"\n        alignItems=\"center\"\n        minHeight=\"56px\"\n        {...rest}\n      >\n        <CardSelectIndicator isSelected={isSelected} isMultiSelect={isMultiSelect} />\n        <Grid py=\"xxxs\" paddingRight=\"xxs2\">\n          {children}\n        </Grid>\n      </Grid>\n    );\n  }\n  if (isSelected !== undefined && !isMultiSelect && onClick) {\n    return (\n      <Grid\n        cols={['16px', 'auto']}\n        data-type=\"card-header\"\n        gutter=\"xxs\"\n        px=\"xs\"\n        py=\"xxs\"\n        alignItems=\"center\"\n        minHeight=\"56px\"\n        {...rest}\n      >\n        <CardSelectIndicator isSelected={isSelected} isMultiSelect={isMultiSelect} />\n        <Grid py=\"xxxs\" paddingRight=\"xxs2\">\n          {children}\n        </Grid>\n      </Grid>\n    );\n  }\n  return (\n    <Grid data-type=\"card-header\" px=\"xs\" py=\"xxs\" gutter=\"xxs\" alignItems=\"center\" minHeight=\"56px\" {...rest}>\n      {children}\n    </Grid>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWjB;AAXN,mBAAkB;AAClB,qBAAqB;AACrB,iCAAoC;AACpC,yBAA4B;AAGrB,MAAM,aAAa,CAAC,UAAmC;AAC5D,QAAM,EAAE,YAAY,eAAe,QAAQ,IAAI,aAAAA,QAAM,WAAW,8BAAW;AAC3E,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,MAAI,eAAe,UAAa,iBAAiB,SAAS;AACxD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,CAAC,QAAQ,MAAM;AAAA,QACrB,aAAU;AAAA,QACV,SAAQ;AAAA,QACR,YAAW;AAAA,QACX,WAAU;AAAA,QACT,GAAG;AAAA,QAEJ;AAAA,sDAAC,kDAAoB,YAAwB,eAA8B;AAAA,UAC3E,4CAAC,uBAAK,IAAG,QAAO,cAAa,QAC1B,UACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,MAAI,eAAe,UAAa,CAAC,iBAAiB,SAAS;AACzD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,CAAC,QAAQ,MAAM;AAAA,QACrB,aAAU;AAAA,QACV,QAAO;AAAA,QACP,IAAG;AAAA,QACH,IAAG;AAAA,QACH,YAAW;AAAA,QACX,WAAU;AAAA,QACT,GAAG;AAAA,QAEJ;AAAA,sDAAC,kDAAoB,YAAwB,eAA8B;AAAA,UAC3E,4CAAC,uBAAK,IAAG,QAAO,cAAa,QAC1B,UACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,SACE,4CAAC,uBAAK,aAAU,eAAc,IAAG,MAAK,IAAG,OAAM,QAAO,OAAM,YAAW,UAAS,WAAU,QAAQ,GAAG,MAClG,UACH;AAEJ;",
+  "names": ["React"]
+}

package/dist/cjs/parts/CardSelectIndicator.js

@@ -0,0 +1,46 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CardSelectIndicator_exports = {};
+__export(CardSelectIndicator_exports, {
+  CardSelectIndicator: () => CardSelectIndicator
+});
+module.exports = __toCommonJS(CardSelectIndicator_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_form_radio = require("@elliemae/ds-form-radio");
+var import_styled = require("../styled.js");
+const CardSelectIndicator = (props) => {
+  const { isSelected, isMultiSelect } = props;
+  if (!isMultiSelect) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_radio.PresentationalRadio, { checked: isSelected, "aria-label": "@todo", device: "desktop" }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledCardSingleIndicator, { isSelected });
+};
+//# sourceMappingURL=CardSelectIndicator.js.map

package/dist/cjs/parts/CardSelectIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/CardSelectIndicator.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { PresentationalRadio } from '@elliemae/ds-form-radio';\nimport { StyledCardSingleIndicator } from '../styled.js';\nimport { type CardT } from '../react-desc-prop-types.js';\n\nexport const CardSelectIndicator = (props: CardT.CardSelectIndicatorProps) => {\n  const { isSelected, isMultiSelect } = props;\n  if (!isMultiSelect) {\n    return (\n      <Grid alignItems=\"center\">\n        <PresentationalRadio checked={isSelected} aria-label=\"@todo\" device=\"desktop\" />\n      </Grid>\n    );\n  }\n  return <StyledCardSingleIndicator isSelected={isSelected} />;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWf;AAVR,qBAAqB;AACrB,2BAAoC;AACpC,oBAA0C;AAGnC,MAAM,sBAAsB,CAAC,UAA0C;AAC5E,QAAM,EAAE,YAAY,cAAc,IAAI;AACtC,MAAI,CAAC,eAAe;AAClB,WACE,4CAAC,uBAAK,YAAW,UACf,sDAAC,4CAAoB,SAAS,YAAY,cAAW,SAAQ,QAAO,WAAU,GAChF;AAAA,EAEJ;AACA,SAAO,4CAAC,2CAA0B,YAAwB;AAC5D;",
+  "names": []
+}