@elliemae/ds-chat-message-delimeter 3.70.0-next.2 → 3.70.0-next.20

package/dist/cjs/MessageDelimiter.js

@@ -37,19 +37,37 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_styled = require("./styled.js");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
-var import_DSMessageDelimiterDefinitions = require("./DSMessageDelimiterDefinitions.js");
+var import_constants = require("./constants/index.js");
 const MessageDelimiter = (props) => {
   const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.messageDelimiterProps, import_DSMessageDelimiterDefinitions.DSMessageDelimiterName);
-  const globalAttrs = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.DSChatMessageDelimeterPropTypes, import_constants.DSChatMessageDelimeterName);
+  const { getOwnerProps, getOwnerPropsArguments } = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault);
   const { title, size, verticalMargin } = propsWithDefault;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...globalAttrs, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.Wrapper, { cols: ["1fr", "auto", "1fr"], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Line, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Text, { size, verticalMargin, "data-testid": "chat-message-delimiter-title", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Line, {})
-  ] }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Root, { getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styled.Wrapper,
+    {
+      cols: ["1fr", "auto", "1fr"],
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.LineStart, { getOwnerProps, getOwnerPropsArguments }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.Text,
+          {
+            size,
+            verticalMargin,
+            "data-testid": import_constants.CHAT_MESSAGE_DELIMETER_DATA_TESTID.TITLE,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: title
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.LineEnd, { getOwnerProps, getOwnerPropsArguments })
+      ]
+    }
+  ) });
 };
-MessageDelimiter.displayName = import_DSMessageDelimiterDefinitions.DSMessageDelimiterName;
+MessageDelimiter.displayName = import_constants.DSChatMessageDelimeterName;
 const MessageDelimiterWithSchema = (0, import_ds_props_helpers.describe)(MessageDelimiter);
-MessageDelimiterWithSchema.propTypes = import_react_desc_prop_types.messageDelimiterProps;
+MessageDelimiterWithSchema.propTypes = import_react_desc_prop_types.DSChatMessageDelimeterPropTypes;
 //# sourceMappingURL=MessageDelimiter.js.map

package/dist/cjs/MessageDelimiter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/MessageDelimiter.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport { Wrapper, Line, Text } from './styled.js';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\nimport { defaultProps, messageDelimiterProps } from './react-desc-prop-types.js';\nimport { DSMessageDelimiterName } from './DSMessageDelimiterDefinitions.js';\n\nconst MessageDelimiter: React.ComponentType<DSChatMessageDelimeterT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatMessageDelimeterT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps, DSMessageDelimiterName);\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const { title, size, verticalMargin } = propsWithDefault;\n  return (\n    <div {...globalAttrs}>\n      <Wrapper cols={['1fr', 'auto', '1fr']}>\n        <Line />\n        <Text size={size} verticalMargin={verticalMargin} data-testid=\"chat-message-delimiter-title\">\n          {title}\n        </Text>\n        <Line />\n      </Wrapper>\n    </div>\n  );\n};\n\nMessageDelimiter.displayName = DSMessageDelimiterName;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBjB;AAlBN,8BAKO;AACP,oBAAoC;AAEpC,mCAAoD;AACpD,2CAAuC;AAEvC,MAAM,mBAAuE,CAAC,UAAU;AACtF,QAAM,uBAAmB,sDAAoE,OAAO,yCAAY;AAChH,8DAA+B,kBAAkB,oDAAuB,2DAAsB;AAC9F,QAAM,kBAAc,gDAAuB,gBAAgB;AAC3D,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,4CAAC,SAAK,GAAG,aACP,uDAAC,yBAAQ,MAAM,CAAC,OAAO,QAAQ,KAAK,GAClC;AAAA,gDAAC,sBAAK;AAAA,IACN,4CAAC,sBAAK,MAAY,gBAAgC,eAAY,gCAC3D,iBACH;AAAA,IACA,4CAAC,sBAAK;AAAA,KACR,GACF;AAEJ;AAEA,iBAAiB,cAAc;AAC/B,MAAM,iCAA6B,kCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { Root, Wrapper, LineStart, LineEnd, Text } from './styled.js';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\nimport { defaultProps, DSChatMessageDelimeterPropTypes } from './react-desc-prop-types.js';\nimport { CHAT_MESSAGE_DELIMETER_DATA_TESTID, DSChatMessageDelimeterName } from './constants/index.js';\n\nconst MessageDelimiter: React.ComponentType<DSChatMessageDelimeterT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatMessageDelimeterT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSChatMessageDelimeterPropTypes, DSChatMessageDelimeterName);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps<DSChatMessageDelimeterT.Props>(propsWithDefault);\n\n  const { title, size, verticalMargin } = propsWithDefault;\n  return (\n    <Root getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n      <Wrapper\n        cols={['1fr', 'auto', '1fr']}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <LineStart getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n        <Text\n          size={size}\n          verticalMargin={verticalMargin}\n          // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n          data-testid={CHAT_MESSAGE_DELIMETER_DATA_TESTID.TITLE}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {title}\n        </Text>\n        <LineEnd getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n      </Wrapper>\n    </Root>\n  );\n};\n\nMessageDelimiter.displayName = DSChatMessageDelimeterName;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = DSChatMessageDelimeterPropTypes as ValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBjB;AApBN,8BAMO;AACP,oBAAwD;AAExD,mCAA8D;AAC9D,uBAA+E;AAE/E,MAAM,mBAAuE,CAAC,UAAU;AACtF,QAAM,uBAAmB,sDAAoE,OAAO,yCAAY;AAChH,8DAA+B,kBAAkB,8DAAiC,2CAA0B;AAC5G,QAAM,EAAE,eAAe,uBAAuB,QAAI,uCAA6C,gBAAgB;AAE/G,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,4CAAC,sBAAK,eAA8B,wBAClC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,MAC3B;AAAA,MACA;AAAA,MAEA;AAAA,oDAAC,2BAAU,eAA8B,wBAAgD;AAAA,QACzF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YAEA,eAAa,oDAAmC;AAAA,YAChD;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QACA,4CAAC,yBAAQ,eAA8B,wBAAgD;AAAA;AAAA;AAAA,EACzF,GACF;AAEJ;AAEA,iBAAiB,cAAc;AAC/B,MAAM,iCAA6B,kCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
   "names": []
 }

package/dist/cjs/{DSMessageDelimiterDefinitions.js → constants/index.js}

@@ -26,11 +26,27 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DSMessageDelimiterDefinitions_exports = {};
-__export(DSMessageDelimiterDefinitions_exports, {
-  DSMessageDelimiterName: () => DSMessageDelimiterName
+var constants_exports = {};
+__export(constants_exports, {
+  CHAT_MESSAGE_DELIMETER_DATA_TESTID: () => CHAT_MESSAGE_DELIMETER_DATA_TESTID,
+  CHAT_MESSAGE_DELIMETER_SLOTS: () => CHAT_MESSAGE_DELIMETER_SLOTS,
+  DSChatMessageDelimeterName: () => DSChatMessageDelimeterName
 });
-module.exports = __toCommonJS(DSMessageDelimiterDefinitions_exports);
+module.exports = __toCommonJS(constants_exports);
 var React = __toESM(require("react"));
-const DSMessageDelimiterName = "DSMessagedelimiter";
-//# sourceMappingURL=DSMessageDelimiterDefinitions.js.map
+var import_ds_system = require("@elliemae/ds-system");
+const DSChatMessageDelimeterName = "DSChatmessagedelimeter";
+const CHAT_MESSAGE_DELIMETER_SLOTS = {
+  ROOT: "root",
+  WRAPPER: "wrapper",
+  LINE_START: "line-start",
+  LINE_END: "line-end",
+  TITLE: "title"
+  // legacy ones...
+};
+const CHAT_MESSAGE_DELIMETER_DATA_TESTID = {
+  ...(0, import_ds_system.slotObjectToDataTestIds)(DSChatMessageDelimeterName, CHAT_MESSAGE_DELIMETER_SLOTS),
+  TITLE: "chat-message-delimiter-title"
+  // legacy value — breaking change if removed
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSChatMessageDelimeterName = 'DSChatmessagedelimeter';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\n// legacy data-testid values predate the slot naming convention; preserved at three layers (slot comment here, manual re-declaration in CHAT_MESSAGE_DELIMETER_DATA_TESTID, inline JSX `data-testid` prop on the slot consumer) \u2014 breaking change if removed.\nexport const CHAT_MESSAGE_DELIMETER_SLOTS = {\n  ROOT: 'root',\n  WRAPPER: 'wrapper',\n  LINE_START: 'line-start',\n  LINE_END: 'line-end',\n  TITLE: 'title', // legacy ones...\n} as const;\n\nexport const CHAT_MESSAGE_DELIMETER_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSChatMessageDelimeterName, CHAT_MESSAGE_DELIMETER_SLOTS),\n  TITLE: 'chat-message-delimiter-title', // legacy value \u2014 breaking change if removed\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,6BAA6B;AAInC,MAAM,+BAA+B;AAAA,EAC1C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,OAAO;AAAA;AACT;AAEO,MAAM,qCAAqC;AAAA,EAChD,OAAG,0CAAwB,4BAA4B,4BAA4B;AAAA,EACnF,OAAO;AAAA;AACT;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -28,10 +28,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 __export(index_exports, {
+  CHAT_MESSAGE_DELIMETER_DATA_TESTID: () => import_constants.CHAT_MESSAGE_DELIMETER_DATA_TESTID,
+  CHAT_MESSAGE_DELIMETER_SLOTS: () => import_constants.CHAT_MESSAGE_DELIMETER_SLOTS,
+  DSChatMessageDelimeterName: () => import_constants.DSChatMessageDelimeterName,
+  DSChatMessageDelimeterPropTypes: () => import_react_desc_prop_types.DSChatMessageDelimeterPropTypes,
+  DSChatMessageDelimeterPropTypesSchema: () => import_react_desc_prop_types.DSChatMessageDelimeterPropTypesSchema,
   MessageDelimiter: () => import_MessageDelimiter.MessageDelimiter,
   MessageDelimiterWithSchema: () => import_MessageDelimiter.MessageDelimiterWithSchema
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
 var import_MessageDelimiter = require("./MessageDelimiter.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_constants = require("./constants/index.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type {} from '@elliemae/ds-props-helpers';\nexport { MessageDelimiter, MessageDelimiterWithSchema } from './MessageDelimiter.js';\nexport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA6D;",
+  "sourcesContent": ["import type {} from '@elliemae/ds-props-helpers';\n\nexport { MessageDelimiter, MessageDelimiterWithSchema } from './MessageDelimiter.js';\nexport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\nexport { DSChatMessageDelimeterPropTypes, DSChatMessageDelimeterPropTypesSchema } from './react-desc-prop-types.js';\nexport {\n  DSChatMessageDelimeterName,\n  CHAT_MESSAGE_DELIMETER_SLOTS,\n  CHAT_MESSAGE_DELIMETER_DATA_TESTID,\n} from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAA6D;AAE7D,mCAAuF;AACvF,uBAIO;",
   "names": []
 }

package/dist/cjs/react-desc-prop-types.js

@@ -28,22 +28,25 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
-  defaultProps: () => defaultProps,
-  messageDelimiterProps: () => messageDelimiterProps
+  DSChatMessageDelimeterPropTypes: () => DSChatMessageDelimeterPropTypes,
+  DSChatMessageDelimeterPropTypesSchema: () => DSChatMessageDelimeterPropTypesSchema,
+  defaultProps: () => defaultProps
 });
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("./constants/index.js");
 const defaultProps = {
   size: "s",
   verticalMargin: 0
 };
-const messageDelimiterProps = {
+const DSChatMessageDelimeterPropTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSChatMessageDelimeterName, import_constants.CHAT_MESSAGE_DELIMETER_SLOTS),
   ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
   title: import_ds_props_helpers.PropTypes.string.isRequired.description("Text to display in the delimiter"),
   size: import_ds_props_helpers.PropTypes.oneOf(["s", "l"]).description("size of the delimiter").defaultValue("s"),
-  verticalMargin: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description(
-    "Configurable css vertical margin property for flexibilty"
-  )
+  verticalMargin: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description("Configurable css vertical margin property for flexibilty").defaultValue(0)
 };
+const DSChatMessageDelimeterPropTypesSchema = DSChatMessageDelimeterPropTypes;
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatMessageDelimeterT {\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps extends Record<string, unknown> {\n    size?: 's' | 'l';\n    verticalMargin?: number | string | undefined;\n  }\n\n  export interface Props extends Partial<DefaultProps>, RequiredProps, Record<string, unknown> {}\n\n  export interface InternalProps extends DefaultProps, RequiredProps, Record<string, unknown> {}\n}\n\nexport const defaultProps: DSChatMessageDelimeterT.DefaultProps = {\n  size: 's',\n  verticalMargin: 0,\n};\n\nexport const messageDelimiterProps = {\n  ...globalAttributesPropTypes,\n  title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n  size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n  verticalMargin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Configurable css vertical margin property for flexibilty',\n  ),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAqD;AAiB9C,MAAM,eAAqD;AAAA,EAChE,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEO,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,WAAW,YAAY,kCAAkC;AAAA,EACjF,MAAM,kCAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EACvF,gBAAgB,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE;AAAA,IACxE;AAAA,EACF;AACF;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { CHAT_MESSAGE_DELIMETER_SLOTS, DSChatMessageDelimeterName } from './constants/index.js';\n\nexport declare namespace DSChatMessageDelimeterT {\n  export type SlotFunctionArguments = {\n    dsChatmessagedelimeterRoot: () => object;\n    dsChatmessagedelimeterWrapper: () => object;\n    dsChatmessagedelimeterLineStart: () => object;\n    dsChatmessagedelimeterLineEnd: () => object;\n    dsChatmessagedelimeterTitle: () => object;\n  };\n\n  export interface DefaultProps {\n    size: 's' | 'l';\n    verticalMargin: number | string;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSChatMessageDelimeterName,\n      typeof CHAT_MESSAGE_DELIMETER_SLOTS\n    > {}\n\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSChatMessageDelimeterT.DefaultProps = {\n  size: 's',\n  verticalMargin: 0,\n};\n\nexport const DSChatMessageDelimeterPropTypes: DSPropTypesSchema<DSChatMessageDelimeterT.Props> = {\n  ...getPropsPerSlotPropTypes(DSChatMessageDelimeterName, CHAT_MESSAGE_DELIMETER_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n  size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n  verticalMargin: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    .description('Configurable css vertical margin property for flexibilty')\n    .defaultValue(0),\n};\n\nexport const DSChatMessageDelimeterPropTypesSchema =\n  DSChatMessageDelimeterPropTypes as unknown as ValidationMap<DSChatMessageDelimeterT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAKO;AAEP,uBAAyE;AAyClE,MAAM,eAAqD;AAAA,EAChE,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEO,MAAM,kCAAoF;AAAA,EAC/F,OAAG,kDAAyB,6CAA4B,6CAA4B;AAAA,EACpF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,WAAW,YAAY,kCAAkC;AAAA,EACjF,MAAM,kCAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EACvF,gBAAgB,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EACrE,YAAY,0DAA0D,EACtE,aAAa,CAAC;AACnB;AAEO,MAAM,wCACX;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -28,7 +28,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styled_exports = {};
 __export(styled_exports, {
-  Line: () => Line,
+  LineEnd: () => LineEnd,
+  LineStart: () => LineStart,
+  Root: () => Root,
   Text: () => Text,
   Wrapper: () => Wrapper
 });
@@ -36,16 +38,36 @@ module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_system = require("@elliemae/ds-system");
-const Wrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+var import_constants = require("./constants/index.js");
+const Root = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSChatMessageDelimeterName,
+  slot: import_constants.CHAT_MESSAGE_DELIMETER_SLOTS.ROOT
+})``;
+const Wrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, {
+  name: import_constants.DSChatMessageDelimeterName,
+  slot: import_constants.CHAT_MESSAGE_DELIMETER_SLOTS.WRAPPER
+})`
   align-items: center;
   justify-content: center;
   width: 100%;
   min-height: 8px;
 `;
-const Line = import_ds_system.styled.span`
+const LineStart = (0, import_ds_system.styled)("span", {
+  name: import_constants.DSChatMessageDelimeterName,
+  slot: import_constants.CHAT_MESSAGE_DELIMETER_SLOTS.LINE_START
+})`
   border-top: 1px solid ${(props) => props.theme.colors.neutral["400"]};
 `;
-const Text = import_ds_system.styled.p`
+const LineEnd = (0, import_ds_system.styled)("span", {
+  name: import_constants.DSChatMessageDelimeterName,
+  slot: import_constants.CHAT_MESSAGE_DELIMETER_SLOTS.LINE_END
+})`
+  border-top: 1px solid ${(props) => props.theme.colors.neutral["400"]};
+`;
+const Text = (0, import_ds_system.styled)("p", {
+  name: import_constants.DSChatMessageDelimeterName,
+  slot: import_constants.CHAT_MESSAGE_DELIMETER_SLOTS.TITLE
+})`
   color: ${(props) => props.theme.colors.neutral["600"]};
   font-size: ${(props) => props.size === "s" ? "12px" : "14px"};
   font-weight: ${(props) => props.theme.fontWeights.semibold};

package/dist/cjs/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\n\nexport const Wrapper = styled(Grid)`\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 8px;\n`;\n\nexport const Line = styled.span`\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nexport const Text = styled.p<DSChatMessageDelimeterT.DefaultProps>`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  ${({ verticalMargin }) => `margin: ${verticalMargin}px 8px`};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,uBAAuB;AAGhB,MAAM,cAAU,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,OAAO,wBAAO;AAAA,0BACD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAG/D,MAAM,OAAO,wBAAO;AAAA,WAChB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,eACxC,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS,MAAO;AAAA,iBAC/C,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,IACxD,CAAC,EAAE,eAAe,MAAM,WAAW,cAAc,QAAQ;AAAA;",
+  "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\nimport { CHAT_MESSAGE_DELIMETER_SLOTS, DSChatMessageDelimeterName } from './constants/index.js';\n\nexport const Root = styled('div', {\n  name: DSChatMessageDelimeterName,\n  slot: CHAT_MESSAGE_DELIMETER_SLOTS.ROOT,\n})``;\n\nexport const Wrapper = styled(Grid, {\n  name: DSChatMessageDelimeterName,\n  slot: CHAT_MESSAGE_DELIMETER_SLOTS.WRAPPER,\n})`\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 8px;\n`;\n\nexport const LineStart = styled('span', {\n  name: DSChatMessageDelimeterName,\n  slot: CHAT_MESSAGE_DELIMETER_SLOTS.LINE_START,\n})`\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nexport const LineEnd = styled('span', {\n  name: DSChatMessageDelimeterName,\n  slot: CHAT_MESSAGE_DELIMETER_SLOTS.LINE_END,\n})`\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nexport const Text = styled('p', {\n  name: DSChatMessageDelimeterName,\n  slot: CHAT_MESSAGE_DELIMETER_SLOTS.TITLE,\n})<DSChatMessageDelimeterT.DefaultProps>`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  ${({ verticalMargin }) => `margin: ${verticalMargin}px 8px`};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,uBAAuB;AAEvB,uBAAyE;AAElE,MAAM,WAAO,yBAAO,OAAO;AAAA,EAChC,MAAM;AAAA,EACN,MAAM,8CAA6B;AACrC,CAAC;AAEM,MAAM,cAAU,yBAAO,qBAAM;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,8CAA6B;AACrC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOM,MAAM,gBAAY,yBAAO,QAAQ;AAAA,EACtC,MAAM;AAAA,EACN,MAAM,8CAA6B;AACrC,CAAC;AAAA,0BACyB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAG/D,MAAM,cAAU,yBAAO,QAAQ;AAAA,EACpC,MAAM;AAAA,EACN,MAAM,8CAA6B;AACrC,CAAC;AAAA,0BACyB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAG/D,MAAM,WAAO,yBAAO,KAAK;AAAA,EAC9B,MAAM;AAAA,EACN,MAAM,8CAA6B;AACrC,CAAC;AAAA,WACU,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,eACxC,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS,MAAO;AAAA,iBAC/C,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,IACxD,CAAC,EAAE,eAAe,MAAM,WAAW,cAAc,QAAQ;AAAA;",
   "names": []
 }

package/dist/cjs/typescript-testing/slot-props.js

@@ -0,0 +1,40 @@
+"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 __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 React = __toESM(require("react"));
+const SlotPropsAsObj = {
+  dsChatmessagedelimeterRoot: { "aria-label": "just a typescript test" },
+  dsChatmessagedelimeterWrapper: { "aria-label": "just a typescript test" },
+  dsChatmessagedelimeterLineStart: { "aria-hidden": true },
+  dsChatmessagedelimeterLineEnd: { "aria-hidden": true },
+  dsChatmessagedelimeterTitle: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsChatmessagedelimeterRoot: () => ({ "aria-label": "just a typescript test" }),
+  dsChatmessagedelimeterWrapper: () => ({ "aria-label": "just a typescript test" }),
+  dsChatmessagedelimeterLineStart: () => ({ "aria-hidden": true }),
+  dsChatmessagedelimeterLineEnd: () => ({ "aria-hidden": true }),
+  dsChatmessagedelimeterTitle: () => ({ "aria-label": "just a typescript test" })
+};
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/cjs/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { CHAT_MESSAGE_DELIMETER_SLOTS, DSChatMessageDelimeterName } from '../constants/index.js';\nimport type { DSChatMessageDelimeterT } from '../react-desc-prop-types.js';\n\nconst SlotPropsAsObj: Partial<DSChatMessageDelimeterT.Props> = {\n  dsChatmessagedelimeterRoot: { 'aria-label': 'just a typescript test' },\n  dsChatmessagedelimeterWrapper: { 'aria-label': 'just a typescript test' },\n  dsChatmessagedelimeterLineStart: { 'aria-hidden': true },\n  dsChatmessagedelimeterLineEnd: { 'aria-hidden': true },\n  dsChatmessagedelimeterTitle: { 'aria-label': 'just a typescript test' },\n};\n\nconst SlotPropsAsFunctions: DSChatMessageDelimeterT.SlotFunctionArguments = {\n  dsChatmessagedelimeterRoot: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatmessagedelimeterWrapper: () => ({ 'aria-label': 'just a typescript test' }),\n  dsChatmessagedelimeterLineStart: () => ({ 'aria-hidden': true }),\n  dsChatmessagedelimeterLineEnd: () => ({ 'aria-hidden': true }),\n  dsChatmessagedelimeterTitle: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\n// Exhaustiveness check \u2014 fails compilation if a slot is missing from SlotFunctionArguments\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSChatMessageDelimeterName, typeof CHAT_MESSAGE_DELIMETER_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACMvB,MAAM,iBAAyD;AAAA,EAC7D,4BAA4B,EAAE,cAAc,yBAAyB;AAAA,EACrE,+BAA+B,EAAE,cAAc,yBAAyB;AAAA,EACxE,iCAAiC,EAAE,eAAe,KAAK;AAAA,EACvD,+BAA+B,EAAE,eAAe,KAAK;AAAA,EACrD,6BAA6B,EAAE,cAAc,yBAAyB;AACxE;AAEA,MAAM,uBAAsE;AAAA,EAC1E,4BAA4B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC5E,+BAA+B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC/E,iCAAiC,OAAO,EAAE,eAAe,KAAK;AAAA,EAC9D,+BAA+B,OAAO,EAAE,eAAe,KAAK;AAAA,EAC5D,6BAA6B,OAAO,EAAE,cAAc,yBAAyB;AAC/E;AAGA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/esm/MessageDelimiter.js

@@ -2,27 +2,45 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import {
   describe,
-  useGetGlobalAttributes,
   useValidateTypescriptPropTypes,
-  useMemoMergePropsWithDefault
+  useMemoMergePropsWithDefault,
+  useOwnerProps
 } from "@elliemae/ds-props-helpers";
-import { Wrapper, Line, Text } from "./styled.js";
-import { defaultProps, messageDelimiterProps } from "./react-desc-prop-types.js";
-import { DSMessageDelimiterName } from "./DSMessageDelimiterDefinitions.js";
+import { Root, Wrapper, LineStart, LineEnd, Text } from "./styled.js";
+import { defaultProps, DSChatMessageDelimeterPropTypes } from "./react-desc-prop-types.js";
+import { CHAT_MESSAGE_DELIMETER_DATA_TESTID, DSChatMessageDelimeterName } from "./constants/index.js";
 const MessageDelimiter = (props) => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps, DSMessageDelimiterName);
-  const globalAttrs = useGetGlobalAttributes(propsWithDefault);
+  useValidateTypescriptPropTypes(propsWithDefault, DSChatMessageDelimeterPropTypes, DSChatMessageDelimeterName);
+  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(propsWithDefault);
   const { title, size, verticalMargin } = propsWithDefault;
-  return /* @__PURE__ */ jsx("div", { ...globalAttrs, children: /* @__PURE__ */ jsxs(Wrapper, { cols: ["1fr", "auto", "1fr"], children: [
-    /* @__PURE__ */ jsx(Line, {}),
-    /* @__PURE__ */ jsx(Text, { size, verticalMargin, "data-testid": "chat-message-delimiter-title", children: title }),
-    /* @__PURE__ */ jsx(Line, {})
-  ] }) });
+  return /* @__PURE__ */ jsx(Root, { getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ jsxs(
+    Wrapper,
+    {
+      cols: ["1fr", "auto", "1fr"],
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: [
+        /* @__PURE__ */ jsx(LineStart, { getOwnerProps, getOwnerPropsArguments }),
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            size,
+            verticalMargin,
+            "data-testid": CHAT_MESSAGE_DELIMETER_DATA_TESTID.TITLE,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsx(LineEnd, { getOwnerProps, getOwnerPropsArguments })
+      ]
+    }
+  ) });
 };
-MessageDelimiter.displayName = DSMessageDelimiterName;
+MessageDelimiter.displayName = DSChatMessageDelimeterName;
 const MessageDelimiterWithSchema = describe(MessageDelimiter);
-MessageDelimiterWithSchema.propTypes = messageDelimiterProps;
+MessageDelimiterWithSchema.propTypes = DSChatMessageDelimeterPropTypes;
 export {
   MessageDelimiter,
   MessageDelimiterWithSchema

package/dist/esm/MessageDelimiter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/MessageDelimiter.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport { Wrapper, Line, Text } from './styled.js';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\nimport { defaultProps, messageDelimiterProps } from './react-desc-prop-types.js';\nimport { DSMessageDelimiterName } from './DSMessageDelimiterDefinitions.js';\n\nconst MessageDelimiter: React.ComponentType<DSChatMessageDelimeterT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatMessageDelimeterT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps, DSMessageDelimiterName);\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const { title, size, verticalMargin } = propsWithDefault;\n  return (\n    <div {...globalAttrs}>\n      <Wrapper cols={['1fr', 'auto', '1fr']}>\n        <Line />\n        <Text size={size} verticalMargin={verticalMargin} data-testid=\"chat-message-delimiter-title\">\n          {title}\n        </Text>\n        <Line />\n      </Wrapper>\n    </div>\n  );\n};\n\nMessageDelimiter.displayName = DSMessageDelimiterName;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACoBjB,SACE,KADF;AAlBN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,SAAS,MAAM,YAAY;AAEpC,SAAS,cAAc,6BAA6B;AACpD,SAAS,8BAA8B;AAEvC,MAAM,mBAAuE,CAAC,UAAU;AACtF,QAAM,mBAAmB,6BAAoE,OAAO,YAAY;AAChH,iCAA+B,kBAAkB,uBAAuB,sBAAsB;AAC9F,QAAM,cAAc,uBAAuB,gBAAgB;AAC3D,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,oBAAC,SAAK,GAAG,aACP,+BAAC,WAAQ,MAAM,CAAC,OAAO,QAAQ,KAAK,GAClC;AAAA,wBAAC,QAAK;AAAA,IACN,oBAAC,QAAK,MAAY,gBAAgC,eAAY,gCAC3D,iBACH;AAAA,IACA,oBAAC,QAAK;AAAA,KACR,GACF;AAEJ;AAEA,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { Root, Wrapper, LineStart, LineEnd, Text } from './styled.js';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\nimport { defaultProps, DSChatMessageDelimeterPropTypes } from './react-desc-prop-types.js';\nimport { CHAT_MESSAGE_DELIMETER_DATA_TESTID, DSChatMessageDelimeterName } from './constants/index.js';\n\nconst MessageDelimiter: React.ComponentType<DSChatMessageDelimeterT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatMessageDelimeterT.InternalProps>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSChatMessageDelimeterPropTypes, DSChatMessageDelimeterName);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps<DSChatMessageDelimeterT.Props>(propsWithDefault);\n\n  const { title, size, verticalMargin } = propsWithDefault;\n  return (\n    <Root getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n      <Wrapper\n        cols={['1fr', 'auto', '1fr']}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <LineStart getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n        <Text\n          size={size}\n          verticalMargin={verticalMargin}\n          // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n          data-testid={CHAT_MESSAGE_DELIMETER_DATA_TESTID.TITLE}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {title}\n        </Text>\n        <LineEnd getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n      </Wrapper>\n    </Root>\n  );\n};\n\nMessageDelimiter.displayName = DSChatMessageDelimeterName;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = DSChatMessageDelimeterPropTypes as ValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACqBjB,SAKE,KALF;AApBN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,MAAM,SAAS,WAAW,SAAS,YAAY;AAExD,SAAS,cAAc,uCAAuC;AAC9D,SAAS,oCAAoC,kCAAkC;AAE/E,MAAM,mBAAuE,CAAC,UAAU;AACtF,QAAM,mBAAmB,6BAAoE,OAAO,YAAY;AAChH,iCAA+B,kBAAkB,iCAAiC,0BAA0B;AAC5G,QAAM,EAAE,eAAe,uBAAuB,IAAI,cAA6C,gBAAgB;AAE/G,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,oBAAC,QAAK,eAA8B,wBAClC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,OAAO,QAAQ,KAAK;AAAA,MAC3B;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,aAAU,eAA8B,wBAAgD;AAAA,QACzF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YAEA,eAAa,mCAAmC;AAAA,YAChD;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QACA,oBAAC,WAAQ,eAA8B,wBAAgD;AAAA;AAAA;AAAA,EACzF,GACF;AAEJ;AAEA,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
   "names": []
 }

package/dist/esm/constants/index.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSChatMessageDelimeterName = "DSChatmessagedelimeter";
+const CHAT_MESSAGE_DELIMETER_SLOTS = {
+  ROOT: "root",
+  WRAPPER: "wrapper",
+  LINE_START: "line-start",
+  LINE_END: "line-end",
+  TITLE: "title"
+  // legacy ones...
+};
+const CHAT_MESSAGE_DELIMETER_DATA_TESTID = {
+  ...slotObjectToDataTestIds(DSChatMessageDelimeterName, CHAT_MESSAGE_DELIMETER_SLOTS),
+  TITLE: "chat-message-delimiter-title"
+  // legacy value — breaking change if removed
+};
+export {
+  CHAT_MESSAGE_DELIMETER_DATA_TESTID,
+  CHAT_MESSAGE_DELIMETER_SLOTS,
+  DSChatMessageDelimeterName
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSChatMessageDelimeterName = 'DSChatmessagedelimeter';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\n// legacy data-testid values predate the slot naming convention; preserved at three layers (slot comment here, manual re-declaration in CHAT_MESSAGE_DELIMETER_DATA_TESTID, inline JSX `data-testid` prop on the slot consumer) \u2014 breaking change if removed.\nexport const CHAT_MESSAGE_DELIMETER_SLOTS = {\n  ROOT: 'root',\n  WRAPPER: 'wrapper',\n  LINE_START: 'line-start',\n  LINE_END: 'line-end',\n  TITLE: 'title', // legacy ones...\n} as const;\n\nexport const CHAT_MESSAGE_DELIMETER_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSChatMessageDelimeterName, CHAT_MESSAGE_DELIMETER_SLOTS),\n  TITLE: 'chat-message-delimiter-title', // legacy value \u2014 breaking change if removed\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,6BAA6B;AAInC,MAAM,+BAA+B;AAAA,EAC1C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,OAAO;AAAA;AACT;AAEO,MAAM,qCAAqC;AAAA,EAChD,GAAG,wBAAwB,4BAA4B,4BAA4B;AAAA,EACnF,OAAO;AAAA;AACT;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,6 +1,17 @@
 import * as React from "react";
 import { MessageDelimiter, MessageDelimiterWithSchema } from "./MessageDelimiter.js";
+import { DSChatMessageDelimeterPropTypes, DSChatMessageDelimeterPropTypesSchema } from "./react-desc-prop-types.js";
+import {
+  DSChatMessageDelimeterName,
+  CHAT_MESSAGE_DELIMETER_SLOTS,
+  CHAT_MESSAGE_DELIMETER_DATA_TESTID
+} from "./constants/index.js";
 export {
+  CHAT_MESSAGE_DELIMETER_DATA_TESTID,
+  CHAT_MESSAGE_DELIMETER_SLOTS,
+  DSChatMessageDelimeterName,
+  DSChatMessageDelimeterPropTypes,
+  DSChatMessageDelimeterPropTypesSchema,
   MessageDelimiter,
   MessageDelimiterWithSchema
 };

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@elliemae/ds-props-helpers';\nexport { MessageDelimiter, MessageDelimiterWithSchema } from './MessageDelimiter.js';\nexport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,kBAAkB,kCAAkC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@elliemae/ds-props-helpers';\n\nexport { MessageDelimiter, MessageDelimiterWithSchema } from './MessageDelimiter.js';\nexport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\nexport { DSChatMessageDelimeterPropTypes, DSChatMessageDelimeterPropTypesSchema } from './react-desc-prop-types.js';\nexport {\n  DSChatMessageDelimeterName,\n  CHAT_MESSAGE_DELIMETER_SLOTS,\n  CHAT_MESSAGE_DELIMETER_DATA_TESTID,\n} from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,kBAAkB,kCAAkC;AAE7D,SAAS,iCAAiC,6CAA6C;AACvF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
   "names": []
 }

package/dist/esm/react-desc-prop-types.js

@@ -1,19 +1,27 @@
 import * as React from "react";
-import { PropTypes, globalAttributesPropTypes } from "@elliemae/ds-props-helpers";
+import {
+  PropTypes,
+  getPropsPerSlotPropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+import { CHAT_MESSAGE_DELIMETER_SLOTS, DSChatMessageDelimeterName } from "./constants/index.js";
 const defaultProps = {
   size: "s",
   verticalMargin: 0
 };
-const messageDelimiterProps = {
+const DSChatMessageDelimeterPropTypes = {
+  ...getPropsPerSlotPropTypes(DSChatMessageDelimeterName, CHAT_MESSAGE_DELIMETER_SLOTS),
   ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
   title: PropTypes.string.isRequired.description("Text to display in the delimiter"),
   size: PropTypes.oneOf(["s", "l"]).description("size of the delimiter").defaultValue("s"),
-  verticalMargin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(
-    "Configurable css vertical margin property for flexibilty"
-  )
+  verticalMargin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("Configurable css vertical margin property for flexibilty").defaultValue(0)
 };
+const DSChatMessageDelimeterPropTypesSchema = DSChatMessageDelimeterPropTypes;
 export {
-  defaultProps,
-  messageDelimiterProps
+  DSChatMessageDelimeterPropTypes,
+  DSChatMessageDelimeterPropTypesSchema,
+  defaultProps
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatMessageDelimeterT {\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps extends Record<string, unknown> {\n    size?: 's' | 'l';\n    verticalMargin?: number | string | undefined;\n  }\n\n  export interface Props extends Partial<DefaultProps>, RequiredProps, Record<string, unknown> {}\n\n  export interface InternalProps extends DefaultProps, RequiredProps, Record<string, unknown> {}\n}\n\nexport const defaultProps: DSChatMessageDelimeterT.DefaultProps = {\n  size: 's',\n  verticalMargin: 0,\n};\n\nexport const messageDelimiterProps = {\n  ...globalAttributesPropTypes,\n  title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n  size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n  verticalMargin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Configurable css vertical margin property for flexibilty',\n  ),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,iCAAiC;AAiB9C,MAAM,eAAqD;AAAA,EAChE,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEO,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,WAAW,YAAY,kCAAkC;AAAA,EACjF,MAAM,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EACvF,gBAAgB,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IACxE;AAAA,EACF;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { CHAT_MESSAGE_DELIMETER_SLOTS, DSChatMessageDelimeterName } from './constants/index.js';\n\nexport declare namespace DSChatMessageDelimeterT {\n  export type SlotFunctionArguments = {\n    dsChatmessagedelimeterRoot: () => object;\n    dsChatmessagedelimeterWrapper: () => object;\n    dsChatmessagedelimeterLineStart: () => object;\n    dsChatmessagedelimeterLineEnd: () => object;\n    dsChatmessagedelimeterTitle: () => object;\n  };\n\n  export interface DefaultProps {\n    size: 's' | 'l';\n    verticalMargin: number | string;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSChatMessageDelimeterName,\n      typeof CHAT_MESSAGE_DELIMETER_SLOTS\n    > {}\n\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSChatMessageDelimeterT.DefaultProps = {\n  size: 's',\n  verticalMargin: 0,\n};\n\nexport const DSChatMessageDelimeterPropTypes: DSPropTypesSchema<DSChatMessageDelimeterT.Props> = {\n  ...getPropsPerSlotPropTypes(DSChatMessageDelimeterName, CHAT_MESSAGE_DELIMETER_SLOTS),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n  size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n  verticalMargin: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    .description('Configurable css vertical margin property for flexibilty')\n    .defaultValue(0),\n};\n\nexport const DSChatMessageDelimeterPropTypesSchema =\n  DSChatMessageDelimeterPropTypes as unknown as ValidationMap<DSChatMessageDelimeterT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,8BAA8B,kCAAkC;AAyClE,MAAM,eAAqD;AAAA,EAChE,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEO,MAAM,kCAAoF;AAAA,EAC/F,GAAG,yBAAyB,4BAA4B,4BAA4B;AAAA,EACpF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,WAAW,YAAY,kCAAkC;AAAA,EACjF,MAAM,UAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EACvF,gBAAgB,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EACrE,YAAY,0DAA0D,EACtE,aAAa,CAAC;AACnB;AAEO,MAAM,wCACX;",
   "names": []
 }

package/dist/esm/styled.js

@@ -1,23 +1,45 @@
 import * as React from "react";
 import { Grid } from "@elliemae/ds-grid";
 import { styled } from "@elliemae/ds-system";
-const Wrapper = styled(Grid)`
+import { CHAT_MESSAGE_DELIMETER_SLOTS, DSChatMessageDelimeterName } from "./constants/index.js";
+const Root = styled("div", {
+  name: DSChatMessageDelimeterName,
+  slot: CHAT_MESSAGE_DELIMETER_SLOTS.ROOT
+})``;
+const Wrapper = styled(Grid, {
+  name: DSChatMessageDelimeterName,
+  slot: CHAT_MESSAGE_DELIMETER_SLOTS.WRAPPER
+})`
   align-items: center;
   justify-content: center;
   width: 100%;
   min-height: 8px;
 `;
-const Line = styled.span`
+const LineStart = styled("span", {
+  name: DSChatMessageDelimeterName,
+  slot: CHAT_MESSAGE_DELIMETER_SLOTS.LINE_START
+})`
   border-top: 1px solid ${(props) => props.theme.colors.neutral["400"]};
 `;
-const Text = styled.p`
+const LineEnd = styled("span", {
+  name: DSChatMessageDelimeterName,
+  slot: CHAT_MESSAGE_DELIMETER_SLOTS.LINE_END
+})`
+  border-top: 1px solid ${(props) => props.theme.colors.neutral["400"]};
+`;
+const Text = styled("p", {
+  name: DSChatMessageDelimeterName,
+  slot: CHAT_MESSAGE_DELIMETER_SLOTS.TITLE
+})`
   color: ${(props) => props.theme.colors.neutral["600"]};
   font-size: ${(props) => props.size === "s" ? "12px" : "14px"};
   font-weight: ${(props) => props.theme.fontWeights.semibold};
   ${({ verticalMargin }) => `margin: ${verticalMargin}px 8px`};
 `;
 export {
-  Line,
+  LineEnd,
+  LineStart,
+  Root,
   Text,
   Wrapper
 };

package/dist/esm/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\n\nexport const Wrapper = styled(Grid)`\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 8px;\n`;\n\nexport const Line = styled.span`\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nexport const Text = styled.p<DSChatMessageDelimeterT.DefaultProps>`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  ${({ verticalMargin }) => `margin: ${verticalMargin}px 8px`};\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY;AACrB,SAAS,cAAc;AAGhB,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,OAAO,OAAO;AAAA,0BACD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAG/D,MAAM,OAAO,OAAO;AAAA,WAChB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,eACxC,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS,MAAO;AAAA,iBAC/C,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,IACxD,CAAC,EAAE,eAAe,MAAM,WAAW,cAAc,QAAQ;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\nimport { CHAT_MESSAGE_DELIMETER_SLOTS, DSChatMessageDelimeterName } from './constants/index.js';\n\nexport const Root = styled('div', {\n  name: DSChatMessageDelimeterName,\n  slot: CHAT_MESSAGE_DELIMETER_SLOTS.ROOT,\n})``;\n\nexport const Wrapper = styled(Grid, {\n  name: DSChatMessageDelimeterName,\n  slot: CHAT_MESSAGE_DELIMETER_SLOTS.WRAPPER,\n})`\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 8px;\n`;\n\nexport const LineStart = styled('span', {\n  name: DSChatMessageDelimeterName,\n  slot: CHAT_MESSAGE_DELIMETER_SLOTS.LINE_START,\n})`\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nexport const LineEnd = styled('span', {\n  name: DSChatMessageDelimeterName,\n  slot: CHAT_MESSAGE_DELIMETER_SLOTS.LINE_END,\n})`\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nexport const Text = styled('p', {\n  name: DSChatMessageDelimeterName,\n  slot: CHAT_MESSAGE_DELIMETER_SLOTS.TITLE,\n})<DSChatMessageDelimeterT.DefaultProps>`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  ${({ verticalMargin }) => `margin: ${verticalMargin}px 8px`};\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY;AACrB,SAAS,cAAc;AAEvB,SAAS,8BAA8B,kCAAkC;AAElE,MAAM,OAAO,OAAO,OAAO;AAAA,EAChC,MAAM;AAAA,EACN,MAAM,6BAA6B;AACrC,CAAC;AAEM,MAAM,UAAU,OAAO,MAAM;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,6BAA6B;AACrC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOM,MAAM,YAAY,OAAO,QAAQ;AAAA,EACtC,MAAM;AAAA,EACN,MAAM,6BAA6B;AACrC,CAAC;AAAA,0BACyB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAG/D,MAAM,UAAU,OAAO,QAAQ;AAAA,EACpC,MAAM;AAAA,EACN,MAAM,6BAA6B;AACrC,CAAC;AAAA,0BACyB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAG/D,MAAM,OAAO,OAAO,KAAK;AAAA,EAC9B,MAAM;AAAA,EACN,MAAM,6BAA6B;AACrC,CAAC;AAAA,WACU,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,eACxC,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS,MAAO;AAAA,iBAC/C,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,IACxD,CAAC,EAAE,eAAe,MAAM,WAAW,cAAc,QAAQ;AAAA;",
   "names": []
 }