@universityofmaryland/web-model-library 1.0.0 → 1.0.2-beta.0

package/dist/slots/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sources":["../../source/slots/create.ts"],"sourcesContent":["/**\n * Base properties required for slot creation\n */\nexport interface BaseProps {\n  /** The HTML element to extract slot content from */\n  element: HTMLElement;\n}\n\ninterface BaseConfig extends BaseProps {\n  type: string;\n}\n\n/**\n * Optional properties for slot configuration\n */\nexport interface OptionalProps {\n  /** Whether to apply default styling to the slot content */\n  isDefaultStyling: boolean;\n  /** Whether this slot is required */\n  isRequired: boolean;\n}\n\ninterface ValidatonErrors {\n  errors: string[];\n}\n\ninterface SlotValidation extends ValidatonErrors {\n  isValid: boolean;\n}\n\ntype SlotConfig = BaseConfig & Partial<OptionalProps>;\n\n/**\n * Result type for slot creation operations\n * Returns either the processed slot element or null if not found\n */\nexport type SlotResult = HTMLElement | null;\n\nconst createEmptySlot = (type: string): HTMLSlotElement => {\n  const slot = document.createElement('slot');\n  slot.setAttribute('name', type);\n  return slot;\n};\n\nconst validateSlotRequirements = (\n  element: HTMLElement,\n  type: string,\n  isRequired: boolean,\n): SlotValidation => {\n  const errors: string[] = [];\n  const slottedContent = element.querySelector(`[slot=\"${type}\"]`);\n\n  if (isRequired && !slottedContent) {\n    errors.push(`Required slot \"${type}\" is missing in ${element.tagName}`);\n  }\n\n  return {\n    isValid: errors.length === 0,\n    errors,\n  };\n};\n\nconst cloneWithoutSlotAttribute = (element: HTMLElement): HTMLElement => {\n  const clone = element.cloneNode(true) as HTMLElement;\n  clone.removeAttribute('slot');\n  return clone;\n};\n\nconst processDefaultStyling = (\n  element: HTMLElement,\n  slotRef: string,\n): SlotResult => {\n  const elementRef = element.querySelector(\n    `:scope > [slot=${slotRef}]`,\n  ) as HTMLElement;\n\n  if (!elementRef) {\n    return null;\n  }\n\n  return elementRef.hasAttribute('styled')\n    ? createEmptySlot(slotRef)\n    : cloneWithoutSlotAttribute(elementRef);\n};\n\nconst createSlot = ({\n  element,\n  type,\n  isDefaultStyling = true,\n  isRequired = false,\n}: SlotConfig): SlotResult => {\n  const validation = validateSlotRequirements(element, type, isRequired);\n  if (!validation.isValid) {\n    return null;\n  }\n\n  const slottedContent = element.querySelector(`[slot=\"${type}\"]`);\n  if (!slottedContent) {\n    return null;\n  }\n\n  return isDefaultStyling\n    ? processDefaultStyling(element, type)\n    : createEmptySlot(type);\n};\n\nexport { createSlot };\n"],"names":[],"mappings":";;AAsCA,MAAM,kBAAkB,CAAC,SAAkC;AACzD,QAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,OAAK,aAAa,QAAQ,IAAI;AAC9B,SAAO;AACT;AAEA,MAAM,2BAA2B,CAC/B,SACA,MACA,eACmB;AACnB,QAAM,SAAmB,CAAA;AACzB,QAAM,iBAAiB,QAAQ,cAAc,UAAU,IAAI,IAAI;AAE/D,MAAI,cAAc,CAAC,gBAAgB;AACjC,WAAO,KAAK,kBAAkB,IAAI,mBAAmB,QAAQ,OAAO,EAAE;AAAA,EACxE;AAEA,SAAO;AAAA,IACL,SAAS,OAAO,WAAW;AAAA,IAC3B;AAAA,EAAA;AAEJ;AAEA,MAAM,4BAA4B,CAAC,YAAsC;AACvE,QAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,QAAM,gBAAgB,MAAM;AAC5B,SAAO;AACT;AAEA,MAAM,wBAAwB,CAC5B,SACA,YACe;AACf,QAAM,aAAa,QAAQ;AAAA,IACzB,kBAAkB,OAAO;AAAA,EAAA;AAG3B,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,SAAO,WAAW,aAAa,QAAQ,IACnC,gBAAgB,OAAO,IACvB,0BAA0B,UAAU;AAC1C;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,aAAa;AACf,MAA8B;AAC5B,QAAM,aAAa,yBAAyB,SAAS,MAAM,UAAU;AACrE,MAAI,CAAC,WAAW,SAAS;AACvB,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,QAAQ,cAAc,UAAU,IAAI,IAAI;AAC/D,MAAI,CAAC,gBAAgB;AACnB,WAAO;AAAA,EACT;AAEA,SAAO,mBACH,sBAAsB,SAAS,IAAI,IACnC,gBAAgB,IAAI;AAC1B;;"}
+{"version":3,"file":"create.js","sources":["../../source/slots/create.ts"],"sourcesContent":["/**\n * Base properties required for slot creation\n */\nexport interface BaseProps {\n  /** The HTML element to extract slot content from */\n  element: HTMLElement;\n}\n\ninterface BaseConfig extends BaseProps {\n  type: string;\n}\n\n/**\n * Optional properties for slot configuration\n */\nexport interface OptionalProps {\n  /** Whether to apply default styling to the slot content */\n  isDefaultStyling: boolean;\n  /** Whether this slot is required */\n  isRequired: boolean;\n}\n\ninterface ValidatonErrors {\n  errors: string[];\n}\n\ninterface SlotValidation extends ValidatonErrors {\n  isValid: boolean;\n}\n\ntype SlotConfig = BaseConfig & Partial<OptionalProps>;\n\n/**\n * Result type for slot creation operations\n * Returns either the processed slot element or null if not found\n */\nexport type SlotResult = HTMLElement | null;\n\nconst createEmptySlot = (type: string): HTMLSlotElement => {\n  const slot = document.createElement('slot');\n  slot.setAttribute('name', type);\n  return slot;\n};\n\nconst validateSlotRequirements = (\n  element: HTMLElement,\n  type: string,\n  isRequired: boolean,\n): SlotValidation => {\n  const errors: string[] = [];\n  const slottedContent = element.querySelector(`[slot=\"${type}\"]`);\n\n  if (isRequired && !slottedContent) {\n    errors.push(`Required slot \"${type}\" is missing in ${element.tagName}`);\n  }\n\n  return {\n    isValid: errors.length === 0,\n    errors,\n  };\n};\n\nconst cloneWithoutSlotAttribute = (element: HTMLElement): HTMLElement => {\n  const clone = element.cloneNode(true) as HTMLElement;\n  clone.removeAttribute('slot');\n  return clone;\n};\n\nconst processDefaultStyling = (\n  element: HTMLElement,\n  slotRef: string,\n): SlotResult => {\n  const elementRef = element.querySelector(\n    `:scope > [slot=${slotRef}]`,\n  ) as HTMLElement;\n\n  if (!elementRef) {\n    return null;\n  }\n\n  return elementRef.hasAttribute('styled')\n    ? createEmptySlot(slotRef)\n    : cloneWithoutSlotAttribute(elementRef);\n};\n\nconst createSlot = ({\n  element,\n  type,\n  isDefaultStyling = true,\n  isRequired = false,\n}: SlotConfig): SlotResult => {\n  const validation = validateSlotRequirements(element, type, isRequired);\n  if (!validation.isValid) {\n    return null;\n  }\n\n  const slottedContent = element.querySelector(`[slot=\"${type}\"]`);\n  if (!slottedContent) {\n    return null;\n  }\n\n  return isDefaultStyling\n    ? processDefaultStyling(element, type)\n    : createEmptySlot(type);\n};\n\nexport { createSlot };\n"],"names":[],"mappings":"AAsCA,MAAM,kBAAkB,CAAC,SAAkC;AACzD,QAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,OAAK,aAAa,QAAQ,IAAI;AAC9B,SAAO;AACT;AAEA,MAAM,2BAA2B,CAC/B,SACA,MACA,eACmB;AACnB,QAAM,SAAmB,CAAA;AACzB,QAAM,iBAAiB,QAAQ,cAAc,UAAU,IAAI,IAAI;AAE/D,MAAI,cAAc,CAAC,gBAAgB;AACjC,WAAO,KAAK,kBAAkB,IAAI,mBAAmB,QAAQ,OAAO,EAAE;AAAA,EACxE;AAEA,SAAO;AAAA,IACL,SAAS,OAAO,WAAW;AAAA,IAC3B;AAAA,EAAA;AAEJ;AAEA,MAAM,4BAA4B,CAAC,YAAsC;AACvE,QAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,QAAM,gBAAgB,MAAM;AAC5B,SAAO;AACT;AAEA,MAAM,wBAAwB,CAC5B,SACA,YACe;AACf,QAAM,aAAa,QAAQ;AAAA,IACzB,kBAAkB,OAAO;AAAA,EAAA;AAG3B,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAEA,SAAO,WAAW,aAAa,QAAQ,IACnC,gBAAgB,OAAO,IACvB,0BAA0B,UAAU;AAC1C;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,aAAa;AACf,MAA8B;AAC5B,QAAM,aAAa,yBAAyB,SAAS,MAAM,UAAU;AACrE,MAAI,CAAC,WAAW,SAAS;AACvB,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,QAAQ,cAAc,UAAU,IAAI,IAAI;AAC/D,MAAI,CAAC,gBAAgB;AACnB,WAAO;AAAA,EACT;AAEA,SAAO,mBACH,sBAAsB,SAAS,IAAI,IACnC,gBAAgB,IAAI;AAC1B;"}

package/dist/slots/element.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const subHeadlineElements = ["h2", "h3", "h4", "h5", "h6", "p", "a", "span"];
 const textElements = ["div", "p", "span", "strong"];
 const allowed = {
@@ -38,5 +36,7 @@ const allowed = {
     allowedElements: ["time"]
   }
 };
-exports.allowed = allowed;
+export {
+  allowed
+};
 //# sourceMappingURL=element.js.map

package/dist/slots/element.js.map

@@ -1 +1 @@
-{"version":3,"file":"element.js","sources":["../../source/slots/element.ts"],"sourcesContent":["/**\n * Common Slot Configurations\n *\n * This module provides pre-defined slot configurations that are commonly used\n * across multiple components. These configurations ensure consistency in how\n * components accept and validate slotted content.\n */\n\nimport type { SlotConfig } from '../_types';\n\nconst subHeadlineElements = ['h2', 'h3', 'h4', 'h5', 'h6', 'p', 'a', 'span'];\nconst textElements = ['div', 'p', 'span', 'strong'];\n\n/**\n * Common slot configurations used across multiple components\n *\n * These pre-defined configurations promote consistency and reduce duplication\n * when defining component slots.\n */\nexport const allowed: Record<string, SlotConfig> = {\n  actions: {\n    allowedElements: ['div', 'a', 'button', 'umd-element-call-to-action'],\n  },\n  body: {\n    deprecated:\n      'Use \"text\" instead. This attribute will be removed in version 2.0.',\n    allowedElements: [...textElements],\n  },\n  content: {\n    allowedElements: ['div'],\n  },\n  eyebrow: {\n    allowedElements: ['span', 'p'],\n  },\n  headline: {\n    allowedElements: ['h1', ...subHeadlineElements],\n  },\n  image: {\n    allowedElements: ['img'],\n  },\n  images: {\n    allowedElements: ['div'],\n  },\n  imageLink: {\n    allowedElements: ['img', 'a'],\n  },\n  subHeadline: {\n    allowedElements: subHeadlineElements,\n  },\n  text: {\n    allowedElements: [...textElements],\n  },\n  time: {\n    allowedElements: ['time'],\n  },\n};\n"],"names":[],"mappings":";;AAUA,MAAM,sBAAsB,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK,KAAK,MAAM;AAC3E,MAAM,eAAe,CAAC,OAAO,KAAK,QAAQ,QAAQ;AAQ3C,MAAM,UAAsC;AAAA,EACjD,SAAS;AAAA,IACP,iBAAiB,CAAC,OAAO,KAAK,UAAU,4BAA4B;AAAA,EAAA;AAAA,EAEtE,MAAM;AAAA,IACJ,YACE;AAAA,IACF,iBAAiB,CAAC,GAAG,YAAY;AAAA,EAAA;AAAA,EAEnC,SAAS;AAAA,IACP,iBAAiB,CAAC,KAAK;AAAA,EAAA;AAAA,EAEzB,SAAS;AAAA,IACP,iBAAiB,CAAC,QAAQ,GAAG;AAAA,EAAA;AAAA,EAE/B,UAAU;AAAA,IACR,iBAAiB,CAAC,MAAM,GAAG,mBAAmB;AAAA,EAAA;AAAA,EAEhD,OAAO;AAAA,IACL,iBAAiB,CAAC,KAAK;AAAA,EAAA;AAAA,EAEzB,QAAQ;AAAA,IACN,iBAAiB,CAAC,KAAK;AAAA,EAAA;AAAA,EAEzB,WAAW;AAAA,IACT,iBAAiB,CAAC,OAAO,GAAG;AAAA,EAAA;AAAA,EAE9B,aAAa;AAAA,IACX,iBAAiB;AAAA,EAAA;AAAA,EAEnB,MAAM;AAAA,IACJ,iBAAiB,CAAC,GAAG,YAAY;AAAA,EAAA;AAAA,EAEnC,MAAM;AAAA,IACJ,iBAAiB,CAAC,MAAM;AAAA,EAAA;AAE5B;;"}
+{"version":3,"file":"element.js","sources":["../../source/slots/element.ts"],"sourcesContent":["/**\n * Common Slot Configurations\n *\n * This module provides pre-defined slot configurations that are commonly used\n * across multiple components. These configurations ensure consistency in how\n * components accept and validate slotted content.\n */\n\nimport type { SlotConfig } from '../_types';\n\nconst subHeadlineElements = ['h2', 'h3', 'h4', 'h5', 'h6', 'p', 'a', 'span'];\nconst textElements = ['div', 'p', 'span', 'strong'];\n\n/**\n * Common slot configurations used across multiple components\n *\n * These pre-defined configurations promote consistency and reduce duplication\n * when defining component slots.\n */\nexport const allowed: Record<string, SlotConfig> = {\n  actions: {\n    allowedElements: ['div', 'a', 'button', 'umd-element-call-to-action'],\n  },\n  body: {\n    deprecated:\n      'Use \"text\" instead. This attribute will be removed in version 2.0.',\n    allowedElements: [...textElements],\n  },\n  content: {\n    allowedElements: ['div'],\n  },\n  eyebrow: {\n    allowedElements: ['span', 'p'],\n  },\n  headline: {\n    allowedElements: ['h1', ...subHeadlineElements],\n  },\n  image: {\n    allowedElements: ['img'],\n  },\n  images: {\n    allowedElements: ['div'],\n  },\n  imageLink: {\n    allowedElements: ['img', 'a'],\n  },\n  subHeadline: {\n    allowedElements: subHeadlineElements,\n  },\n  text: {\n    allowedElements: [...textElements],\n  },\n  time: {\n    allowedElements: ['time'],\n  },\n};\n"],"names":[],"mappings":"AAUA,MAAM,sBAAsB,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK,KAAK,MAAM;AAC3E,MAAM,eAAe,CAAC,OAAO,KAAK,QAAQ,QAAQ;AAQ3C,MAAM,UAAsC;AAAA,EACjD,SAAS;AAAA,IACP,iBAAiB,CAAC,OAAO,KAAK,UAAU,4BAA4B;AAAA,EAAA;AAAA,EAEtE,MAAM;AAAA,IACJ,YACE;AAAA,IACF,iBAAiB,CAAC,GAAG,YAAY;AAAA,EAAA;AAAA,EAEnC,SAAS;AAAA,IACP,iBAAiB,CAAC,KAAK;AAAA,EAAA;AAAA,EAEzB,SAAS;AAAA,IACP,iBAAiB,CAAC,QAAQ,GAAG;AAAA,EAAA;AAAA,EAE/B,UAAU;AAAA,IACR,iBAAiB,CAAC,MAAM,GAAG,mBAAmB;AAAA,EAAA;AAAA,EAEhD,OAAO;AAAA,IACL,iBAAiB,CAAC,KAAK;AAAA,EAAA;AAAA,EAEzB,QAAQ;AAAA,IACN,iBAAiB,CAAC,KAAK;AAAA,EAAA;AAAA,EAEzB,WAAW;AAAA,IACT,iBAAiB,CAAC,OAAO,GAAG;AAAA,EAAA;AAAA,EAE9B,aAAa;AAAA,IACX,iBAAiB;AAAA,EAAA;AAAA,EAEnB,MAAM;AAAA,IACJ,iBAAiB,CAAC,GAAG,YAAY;AAAA,EAAA;AAAA,EAEnC,MAAM;AAAA,IACJ,iBAAiB,CAAC,MAAM;AAAA,EAAA;AAE5B;"}

package/dist/slots/index.d.ts

@@ -2,47 +2,51 @@ import { SlotName } from './mapping';
 import { BaseProps, OptionalProps } from './create';
 import * as element from './element';
 export type SlotProps = BaseProps & Partial<OptionalProps>;
-declare const _default: {
-    allowed: Record<string, import('..').SlotConfig>;
-    actions: {
+export declare const Slots: {
+    readonly allowed: Record<string, import('..').SlotConfig>;
+    readonly actions: {
         readonly default: (props: SlotProps) => import('./create').SlotResult;
     };
-    assets: {
+    readonly assets: {
         readonly image: (props: SlotProps) => import('./create').SlotResult;
         readonly images: (props: SlotProps) => import('./create').SlotResult;
         readonly video: (props: SlotProps) => import('./create').SlotResult;
     };
-    contact: {
+    readonly contact: {
         readonly additional: (props: SlotProps) => import('./create').SlotResult;
         readonly address: (props: SlotProps) => import('./create').SlotResult;
         readonly email: (props: SlotProps) => import('./create').SlotResult;
         readonly location: (props: SlotProps) => import('./create').SlotResult;
         readonly phone: (props: SlotProps) => import('./create').SlotResult;
     };
-    content: {
+    readonly content: {
         readonly default: (props: SlotProps) => import('./create').SlotResult;
     };
-    date: {
+    readonly date: {
         readonly default: (props: SlotProps) => import('./create').SlotResult;
     };
-    deprecated: {
+    readonly deprecated: {
         readonly ADDITIONAL: (props: SlotProps) => import('./create').SlotResult;
         readonly body: (props: SlotProps) => import('./create').SlotResult;
         readonly wrappingText: (props: SlotProps) => import('./create').SlotResult;
         readonly plainText: (props: SlotProps) => import('./create').SlotResult;
         readonly stat: (props: SlotProps) => import('./create').SlotResult;
+        readonly backgroundImage: (props: SlotProps) => import('./create').SlotResult;
+        readonly contactHeadline: (props: SlotProps) => import('./create').SlotResult;
+        readonly contactAddress: (props: SlotProps) => import('./create').SlotResult;
+        readonly callToAction: (props: SlotProps) => import('./create').SlotResult;
     };
-    element: typeof element;
-    eyebrow: {
+    readonly element: typeof element;
+    readonly eyebrow: {
         readonly default: (props: SlotProps) => import('./create').SlotResult;
     };
-    person: {
+    readonly person: {
         readonly association: (props: SlotProps) => import('./create').SlotResult;
         readonly name: (props: SlotProps) => import('./create').SlotResult;
         readonly jobTitle: (props: SlotProps) => import('./create').SlotResult;
         readonly pronouns: (props: SlotProps) => import('./create').SlotResult;
     };
-    name: {
+    readonly name: {
         readonly ADDITIONAL: string;
         readonly ATTRIBUTION_SUB_TEXT: string;
         readonly ATTRIBUTION: string;
@@ -100,6 +104,10 @@ declare const _default: {
             plainText: string;
             stat: string;
             wrappingText: string;
+            backgroundImage: string;
+            contactHeadline: string;
+            contactAddress: string;
+            callToAction: string;
         };
         readonly headline: {
             default: string;
@@ -121,13 +129,13 @@ declare const _default: {
             pronouns: string;
         };
     };
-    headline: {
+    readonly headline: {
         readonly default: (props: SlotProps) => import('./create').SlotResult;
     };
-    social: {
+    readonly social: {
         readonly linkedin: (props: SlotProps) => import('./create').SlotResult;
     };
-    text: {
+    readonly text: {
         readonly caption: (props: SlotProps) => import('./create').SlotResult;
         readonly default: (props: SlotProps) => import('./create').SlotResult;
         readonly stat: (props: SlotProps) => import('./create').SlotResult;
@@ -135,6 +143,5 @@ declare const _default: {
         readonly subText: (props: SlotProps) => import('./create').SlotResult;
     };
 };
-export default _default;
 export type { SlotName };
 //# sourceMappingURL=index.d.ts.map

package/dist/slots/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/slots/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAC1E,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AAMrC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;;;;kCAIjD,SAAS;;;gCAAT,SAAS;iCAAT,SAAS;gCAAT,SAAS;;;qCAAT,SAAS;kCAAT,SAAS;gCAAT,SAAS;mCAAT,SAAS;gCAAT,SAAS;;;kCAAT,SAAS;;;kCAAT,SAAS;;;qCAAT,SAAS;+BAAT,SAAS;uCAAT,SAAS;oCAAT,SAAS;+BAAT,SAAS;;;;kCAAT,SAAS;;;sCAAT,SAAS;+BAAT,SAAS;mCAAT,SAAS;mCAAT,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAAT,SAAS;;;mCAAT,SAAS;;;kCAAT,SAAS;kCAAT,SAAS;+BAAT,SAAS;gCAAT,SAAS;kCAAT,SAAS;;;AAoEnB,wBAeE;AACF,YAAY,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/slots/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAC1E,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AAMrC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AA4E3D,eAAO,MAAM,KAAK;;;kCAxER,SAAS;;;gCAAT,SAAS;iCAAT,SAAS;gCAAT,SAAS;;;qCAAT,SAAS;kCAAT,SAAS;gCAAT,SAAS;mCAAT,SAAS;gCAAT,SAAS;;;kCAAT,SAAS;;;kCAAT,SAAS;;;qCAAT,SAAS;+BAAT,SAAS;uCAAT,SAAS;oCAAT,SAAS;+BAAT,SAAS;0CAAT,SAAS;0CAAT,SAAS;yCAAT,SAAS;uCAAT,SAAS;;;;kCAAT,SAAS;;;sCAAT,SAAS;+BAAT,SAAS;mCAAT,SAAS;mCAAT,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAAT,SAAS;;;mCAAT,SAAS;;;kCAAT,SAAS;kCAAT,SAAS;+BAAT,SAAS;gCAAT,SAAS;kCAAT,SAAS;;CAuFT,CAAC;AAEX,YAAY,EAAE,QAAQ,EAAE,CAAC"}

package/dist/slots/mapping.d.ts

@@ -57,6 +57,10 @@ declare const SlotNames: {
         plainText: string;
         stat: string;
         wrappingText: string;
+        backgroundImage: string;
+        contactHeadline: string;
+        contactAddress: string;
+        callToAction: string;
     };
     readonly headline: {
         default: string;

package/dist/slots/mapping.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mapping.d.ts","sourceRoot":"","sources":["../../source/slots/mapping.ts"],"names":[],"mappings":"AAAA,KAAK,QAAQ,GAAG,MAAM,CAAC;AAkGvB,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAaL,CAAC;AAEX,OAAO,EAAE,SAAS,EAAE,KAAK,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"mapping.d.ts","sourceRoot":"","sources":["../../source/slots/mapping.ts"],"names":[],"mappings":"AAAA,KAAK,QAAQ,GAAG,MAAM,CAAC;AAsGvB,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAaL,CAAC;AAEX,OAAO,EAAE,SAAS,EAAE,KAAK,QAAQ,EAAE,CAAC"}

package/dist/slots/mapping.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const actions = {
   default: "actions"
 };
@@ -26,7 +24,11 @@ const deprecated = {
   body: "body",
   plainText: "plain-text",
   stat: "stat",
-  wrappingText: "wrapping-text"
+  wrappingText: "wrapping-text",
+  backgroundImage: "background-image",
+  contactHeadline: "contact-headline",
+  contactAddress: "contact-address",
+  callToAction: "call-to-action"
 };
 const eyebrows = {
   default: "eyebrow"
@@ -93,5 +95,7 @@ const SlotNames = {
   person,
   ...NEEDS_CLEANUP
 };
-exports.SlotNames = SlotNames;
+export {
+  SlotNames
+};
 //# sourceMappingURL=mapping.js.map

package/dist/slots/mapping.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapping.js","sources":["../../source/slots/mapping.ts"],"sourcesContent":["type SlotName = string;\n\n// Slot Names\n\nconst actions = {\n  default: 'actions',\n};\n\nconst assets = {\n  image: 'image',\n  images: 'images',\n  video: 'video',\n  featured: 'featured',\n};\n\nconst date = {\n  default: 'date',\n};\n\nconst contact = {\n  additional: 'additional-contact',\n  address: 'address',\n  email: 'email',\n  location: 'location',\n  phone: 'phone',\n};\n\nconst content = {\n  default: 'content',\n};\n\nconst deprecated = {\n  body: 'body',\n  plainText: 'plain-text',\n  stat: 'stat',\n  wrappingText: 'wrapping-text',\n};\n\nconst eyebrows = {\n  default: 'eyebrow',\n};\n\nconst headline = {\n  default: 'headline',\n};\n\nconst person = {\n  association: 'association',\n  jobTitle: 'job-title',\n  name: 'name',\n  pronouns: 'pronouns',\n};\n\nconst text = {\n  caption: 'caption',\n  default: 'text',\n  stat: 'stat',\n  stats: 'stats',\n  sub: 'sub-text',\n};\n\nconst social = {\n  linkedin: 'linkedin',\n};\n\nconst NEEDS_CLEANUP = {\n  ADDITIONAL: 'additional',\n  ATTRIBUTION_SUB_TEXT: 'attribution-sub-text',\n  ATTRIBUTION: 'attribution',\n  BLOCKS: 'blocks',\n  BREADCRUMB_COPY: 'breadcrumb-copy',\n  BREADCRUMB: 'breadcrumb',\n  CARDS: 'cards',\n  CHILDREN_SLIDES: 'children-slides',\n\n  CTA_ICON: 'cta-icon',\n  DATE_END_ISO: 'end-date-iso',\n  DATE_START_ISO: 'start-date-iso',\n  DESCRIPTION: 'description',\n  EVENT_LIST: 'event-list',\n  HEADLINES: 'headlines',\n  HIGHLIGHT_ATTRIBUTION: 'highlight-attribution',\n  HIGHLIGHT: 'highlight',\n  IMAGES: 'images',\n  PATHS: 'paths',\n\n  PRIMARY_SLIDE_CONTENT: 'primary-slide-content',\n  PRIMARY_SLIDE_LINKS: 'primary-slide-links',\n  PRIMARY_SLIDE_SECONDARY_LINKS: 'primary-slide-secondary-links',\n  QUOTE: 'quote',\n\n  STATIC_COLUMN: 'static-column',\n  STATS: 'stats',\n  STICKY_COLUMN: 'sticky-column',\n  TABS: 'tabs',\n  TEXTS: 'texts',\n};\n\nconst SlotNames = {\n  actions,\n  assets,\n  content,\n  contact,\n  eyebrows,\n  date,\n  deprecated,\n  headline,\n  text,\n  social,\n  person,\n  ...NEEDS_CLEANUP,\n} as const;\n\nexport { SlotNames, type SlotName };\n"],"names":[],"mappings":";;AAIA,MAAM,UAAU;AAAA,EACd,SAAS;AACX;AAEA,MAAM,SAAS;AAAA,EACb,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AACZ;AAEA,MAAM,OAAO;AAAA,EACX,SAAS;AACX;AAEA,MAAM,UAAU;AAAA,EACd,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,OAAO;AACT;AAEA,MAAM,UAAU;AAAA,EACd,SAAS;AACX;AAEA,MAAM,aAAa;AAAA,EACjB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,cAAc;AAChB;AAEA,MAAM,WAAW;AAAA,EACf,SAAS;AACX;AAEA,MAAM,WAAW;AAAA,EACf,SAAS;AACX;AAEA,MAAM,SAAS;AAAA,EACb,aAAa;AAAA,EACb,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AACZ;AAEA,MAAM,OAAO;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AACP;AAEA,MAAM,SAAS;AAAA,EACb,UAAU;AACZ;AAEA,MAAM,gBAAgB;AAAA,EACpB,YAAY;AAAA,EACZ,sBAAsB;AAAA,EACtB,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,iBAAiB;AAAA,EAEjB,UAAU;AAAA,EACV,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,uBAAuB;AAAA,EACvB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,+BAA+B;AAAA,EAC/B,OAAO;AAAA,EAEP,eAAe;AAAA,EACf,OAAO;AAAA,EACP,eAAe;AAAA,EACf,MAAM;AAAA,EACN,OAAO;AACT;AAEA,MAAM,YAAY;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL;;"}
+{"version":3,"file":"mapping.js","sources":["../../source/slots/mapping.ts"],"sourcesContent":["type SlotName = string;\n\n// Slot Names\n\nconst actions = {\n  default: 'actions',\n};\n\nconst assets = {\n  image: 'image',\n  images: 'images',\n  video: 'video',\n  featured: 'featured',\n};\n\nconst date = {\n  default: 'date',\n};\n\nconst contact = {\n  additional: 'additional-contact',\n  address: 'address',\n  email: 'email',\n  location: 'location',\n  phone: 'phone',\n};\n\nconst content = {\n  default: 'content',\n};\n\nconst deprecated = {\n  body: 'body',\n  plainText: 'plain-text',\n  stat: 'stat',\n  wrappingText: 'wrapping-text',\n  backgroundImage: 'background-image',\n  contactHeadline: 'contact-headline',\n  contactAddress: 'contact-address',\n  callToAction: 'call-to-action',\n};\n\nconst eyebrows = {\n  default: 'eyebrow',\n};\n\nconst headline = {\n  default: 'headline',\n};\n\nconst person = {\n  association: 'association',\n  jobTitle: 'job-title',\n  name: 'name',\n  pronouns: 'pronouns',\n};\n\nconst text = {\n  caption: 'caption',\n  default: 'text',\n  stat: 'stat',\n  stats: 'stats',\n  sub: 'sub-text',\n};\n\nconst social = {\n  linkedin: 'linkedin',\n};\n\nconst NEEDS_CLEANUP = {\n  ADDITIONAL: 'additional',\n  ATTRIBUTION_SUB_TEXT: 'attribution-sub-text',\n  ATTRIBUTION: 'attribution',\n  BLOCKS: 'blocks',\n  BREADCRUMB_COPY: 'breadcrumb-copy',\n  BREADCRUMB: 'breadcrumb',\n  CARDS: 'cards',\n  CHILDREN_SLIDES: 'children-slides',\n\n  CTA_ICON: 'cta-icon',\n  DATE_END_ISO: 'end-date-iso',\n  DATE_START_ISO: 'start-date-iso',\n  DESCRIPTION: 'description',\n  EVENT_LIST: 'event-list',\n  HEADLINES: 'headlines',\n  HIGHLIGHT_ATTRIBUTION: 'highlight-attribution',\n  HIGHLIGHT: 'highlight',\n  IMAGES: 'images',\n  PATHS: 'paths',\n\n  PRIMARY_SLIDE_CONTENT: 'primary-slide-content',\n  PRIMARY_SLIDE_LINKS: 'primary-slide-links',\n  PRIMARY_SLIDE_SECONDARY_LINKS: 'primary-slide-secondary-links',\n  QUOTE: 'quote',\n\n  STATIC_COLUMN: 'static-column',\n  STATS: 'stats',\n  STICKY_COLUMN: 'sticky-column',\n  TABS: 'tabs',\n  TEXTS: 'texts',\n};\n\nconst SlotNames = {\n  actions,\n  assets,\n  content,\n  contact,\n  eyebrows,\n  date,\n  deprecated,\n  headline,\n  text,\n  social,\n  person,\n  ...NEEDS_CLEANUP,\n} as const;\n\nexport { SlotNames, type SlotName };\n"],"names":[],"mappings":"AAIA,MAAM,UAAU;AAAA,EACd,SAAS;AACX;AAEA,MAAM,SAAS;AAAA,EACb,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AACZ;AAEA,MAAM,OAAO;AAAA,EACX,SAAS;AACX;AAEA,MAAM,UAAU;AAAA,EACd,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,OAAO;AACT;AAEA,MAAM,UAAU;AAAA,EACd,SAAS;AACX;AAEA,MAAM,aAAa;AAAA,EACjB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,cAAc;AAChB;AAEA,MAAM,WAAW;AAAA,EACf,SAAS;AACX;AAEA,MAAM,WAAW;AAAA,EACf,SAAS;AACX;AAEA,MAAM,SAAS;AAAA,EACb,aAAa;AAAA,EACb,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AACZ;AAEA,MAAM,OAAO;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AACP;AAEA,MAAM,SAAS;AAAA,EACb,UAAU;AACZ;AAEA,MAAM,gBAAgB;AAAA,EACpB,YAAY;AAAA,EACZ,sBAAsB;AAAA,EACtB,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,iBAAiB;AAAA,EAEjB,UAAU;AAAA,EACV,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,uBAAuB;AAAA,EACvB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EAEP,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,+BAA+B;AAAA,EAC/B,OAAO;AAAA,EAEP,eAAe;AAAA,EACf,OAAO;AAAA,EACP,eAAe;AAAA,EACf,MAAM;AAAA,EACN,OAAO;AACT;AAEA,MAAM,YAAY;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL;"}

package/dist/slots.d.ts

@@ -1,6 +1,2 @@
 export * from './slots/index'
 export {}
-import UniversityOfMarylandWebModelLibrary from './slots/index'
-export default UniversityOfMarylandWebModelLibrary
-export * from './slots/index'
-export {}

package/dist/slots.js

@@ -1,59 +1,62 @@
-"use strict";
-const mapping = require("./slots/mapping.js");
-const create = require("./slots/create.js");
-const element = require("./slots/element.js");
-const createSlotFactory = (type, config = {}) => (props) => create.createSlot({ ...props, type, ...config });
+import { SlotNames } from "./slots/mapping.js";
+import { createSlot } from "./slots/create.js";
+import * as element from "./slots/element.js";
+const createSlotFactory = (type, config = {}) => (props) => createSlot({ ...props, type, ...config });
 const actions = {
-  default: createSlotFactory(mapping.SlotNames.actions.default)
+  default: createSlotFactory(SlotNames.actions.default)
 };
 const assets = {
-  image: createSlotFactory(mapping.SlotNames.assets.image),
-  images: createSlotFactory(mapping.SlotNames.assets.images),
-  video: createSlotFactory(mapping.SlotNames.assets.video)
+  image: createSlotFactory(SlotNames.assets.image),
+  images: createSlotFactory(SlotNames.assets.images),
+  video: createSlotFactory(SlotNames.assets.video)
 };
 const contact = {
-  additional: createSlotFactory(mapping.SlotNames.contact.additional),
-  address: createSlotFactory(mapping.SlotNames.contact.address),
-  email: createSlotFactory(mapping.SlotNames.contact.email),
-  location: createSlotFactory(mapping.SlotNames.contact.location),
-  phone: createSlotFactory(mapping.SlotNames.contact.phone)
+  additional: createSlotFactory(SlotNames.contact.additional),
+  address: createSlotFactory(SlotNames.contact.address),
+  email: createSlotFactory(SlotNames.contact.email),
+  location: createSlotFactory(SlotNames.contact.location),
+  phone: createSlotFactory(SlotNames.contact.phone)
 };
 const content = {
-  default: createSlotFactory(mapping.SlotNames.content.default)
+  default: createSlotFactory(SlotNames.content.default)
 };
 const date = {
-  default: createSlotFactory(mapping.SlotNames.date.default)
+  default: createSlotFactory(SlotNames.date.default)
 };
 const eyebrow = {
-  default: createSlotFactory(mapping.SlotNames.eyebrows.default)
+  default: createSlotFactory(SlotNames.eyebrows.default)
 };
 const headline = {
-  default: createSlotFactory(mapping.SlotNames.headline.default)
+  default: createSlotFactory(SlotNames.headline.default)
 };
 const person = {
-  association: createSlotFactory(mapping.SlotNames.person.association),
-  name: createSlotFactory(mapping.SlotNames.person.name),
-  jobTitle: createSlotFactory(mapping.SlotNames.person.jobTitle),
-  pronouns: createSlotFactory(mapping.SlotNames.person.pronouns)
+  association: createSlotFactory(SlotNames.person.association),
+  name: createSlotFactory(SlotNames.person.name),
+  jobTitle: createSlotFactory(SlotNames.person.jobTitle),
+  pronouns: createSlotFactory(SlotNames.person.pronouns)
 };
 const social = {
-  linkedin: createSlotFactory(mapping.SlotNames.social.linkedin)
+  linkedin: createSlotFactory(SlotNames.social.linkedin)
 };
 const text = {
-  caption: createSlotFactory(mapping.SlotNames.text.caption),
-  default: createSlotFactory(mapping.SlotNames.text.default),
-  stat: createSlotFactory(mapping.SlotNames.text.stat),
-  stats: createSlotFactory(mapping.SlotNames.text.stats),
-  subText: createSlotFactory(mapping.SlotNames.text.sub)
+  caption: createSlotFactory(SlotNames.text.caption),
+  default: createSlotFactory(SlotNames.text.default),
+  stat: createSlotFactory(SlotNames.text.stat),
+  stats: createSlotFactory(SlotNames.text.stats),
+  subText: createSlotFactory(SlotNames.text.sub)
 };
 const deprecated = {
-  ADDITIONAL: createSlotFactory(mapping.SlotNames.ADDITIONAL),
-  body: createSlotFactory(mapping.SlotNames.deprecated.body),
-  wrappingText: createSlotFactory(mapping.SlotNames.deprecated.wrappingText),
-  plainText: createSlotFactory(mapping.SlotNames.deprecated.plainText),
-  stat: createSlotFactory(mapping.SlotNames.deprecated.stat)
+  ADDITIONAL: createSlotFactory(SlotNames.ADDITIONAL),
+  body: createSlotFactory(SlotNames.deprecated.body),
+  wrappingText: createSlotFactory(SlotNames.deprecated.wrappingText),
+  plainText: createSlotFactory(SlotNames.deprecated.plainText),
+  stat: createSlotFactory(SlotNames.deprecated.stat),
+  backgroundImage: createSlotFactory(SlotNames.deprecated.backgroundImage),
+  contactHeadline: createSlotFactory(SlotNames.deprecated.contactHeadline),
+  contactAddress: createSlotFactory(SlotNames.deprecated.contactAddress),
+  callToAction: createSlotFactory(SlotNames.deprecated.callToAction)
 };
-const index = {
+const Slots = {
   actions,
   assets,
   contact,
@@ -63,11 +66,13 @@ const index = {
   element,
   eyebrow,
   person,
-  name: mapping.SlotNames,
+  name: SlotNames,
   headline,
   social,
   text,
   ...element
 };
-module.exports = index;
+export {
+  Slots
+};
 //# sourceMappingURL=slots.js.map

package/dist/slots.js.map

@@ -1 +1 @@
-{"version":3,"file":"slots.js","sources":["../source/slots/index.ts"],"sourcesContent":["import { SlotNames, type SlotName } from './mapping';\nimport { createSlot, type BaseProps, type OptionalProps } from './create';\nimport * as element from './element';\n\n/**\n * Properties for creating slot content\n * Combines base properties with optional configuration\n */\nexport type SlotProps = BaseProps & Partial<OptionalProps>;\n\nconst createSlotFactory =\n  (type: SlotName, config: Partial<SlotProps> = {}) =>\n  (props: SlotProps) =>\n    createSlot({ ...props, type, ...config });\n\n// Defined common usage\n\nconst actions = {\n  default: createSlotFactory(SlotNames.actions.default),\n} as const;\n\nconst assets = {\n  image: createSlotFactory(SlotNames.assets.image),\n  images: createSlotFactory(SlotNames.assets.images),\n  video: createSlotFactory(SlotNames.assets.video),\n} as const;\n\nconst contact = {\n  additional: createSlotFactory(SlotNames.contact.additional),\n  address: createSlotFactory(SlotNames.contact.address),\n  email: createSlotFactory(SlotNames.contact.email),\n  location: createSlotFactory(SlotNames.contact.location),\n  phone: createSlotFactory(SlotNames.contact.phone),\n} as const;\n\nconst content = {\n  default: createSlotFactory(SlotNames.content.default),\n} as const;\n\nconst date = {\n  default: createSlotFactory(SlotNames.date.default),\n} as const;\n\nconst eyebrow = {\n  default: createSlotFactory(SlotNames.eyebrows.default),\n} as const;\n\nconst headline = {\n  default: createSlotFactory(SlotNames.headline.default),\n} as const;\n\nconst person = {\n  association: createSlotFactory(SlotNames.person.association),\n  name: createSlotFactory(SlotNames.person.name),\n  jobTitle: createSlotFactory(SlotNames.person.jobTitle),\n  pronouns: createSlotFactory(SlotNames.person.pronouns),\n} as const;\n\nconst social = {\n  linkedin: createSlotFactory(SlotNames.social.linkedin),\n} as const;\n\nconst text = {\n  caption: createSlotFactory(SlotNames.text.caption),\n  default: createSlotFactory(SlotNames.text.default),\n  stat: createSlotFactory(SlotNames.text.stat),\n  stats: createSlotFactory(SlotNames.text.stats),\n  subText: createSlotFactory(SlotNames.text.sub),\n} as const;\n\n// Deprecated slots (marked for removal)\n/** @deprecated Use CommonSlots instead */\nconst deprecated = {\n  ADDITIONAL: createSlotFactory(SlotNames.ADDITIONAL),\n  body: createSlotFactory(SlotNames.deprecated.body),\n  wrappingText: createSlotFactory(SlotNames.deprecated.wrappingText),\n  plainText: createSlotFactory(SlotNames.deprecated.plainText),\n  stat: createSlotFactory(SlotNames.deprecated.stat),\n} as const;\n\nexport default {\n  actions,\n  assets,\n  contact,\n  content,\n  date,\n  deprecated,\n  element,\n  eyebrow,\n  person,\n  name: SlotNames,\n  headline,\n  social,\n  text,\n  ...element,\n};\nexport type { SlotName };\n"],"names":["createSlot","SlotNames"],"mappings":";;;;AAUA,MAAM,oBACJ,CAAC,MAAgB,SAA6B,CAAA,MAC9C,CAAC,UACCA,OAAAA,WAAW,EAAE,GAAG,OAAO,MAAM,GAAG,QAAQ;AAI5C,MAAM,UAAU;AAAA,EACd,SAAS,kBAAkBC,kBAAU,QAAQ,OAAO;AACtD;AAEA,MAAM,SAAS;AAAA,EACb,OAAO,kBAAkBA,kBAAU,OAAO,KAAK;AAAA,EAC/C,QAAQ,kBAAkBA,kBAAU,OAAO,MAAM;AAAA,EACjD,OAAO,kBAAkBA,kBAAU,OAAO,KAAK;AACjD;AAEA,MAAM,UAAU;AAAA,EACd,YAAY,kBAAkBA,kBAAU,QAAQ,UAAU;AAAA,EAC1D,SAAS,kBAAkBA,kBAAU,QAAQ,OAAO;AAAA,EACpD,OAAO,kBAAkBA,kBAAU,QAAQ,KAAK;AAAA,EAChD,UAAU,kBAAkBA,kBAAU,QAAQ,QAAQ;AAAA,EACtD,OAAO,kBAAkBA,kBAAU,QAAQ,KAAK;AAClD;AAEA,MAAM,UAAU;AAAA,EACd,SAAS,kBAAkBA,kBAAU,QAAQ,OAAO;AACtD;AAEA,MAAM,OAAO;AAAA,EACX,SAAS,kBAAkBA,kBAAU,KAAK,OAAO;AACnD;AAEA,MAAM,UAAU;AAAA,EACd,SAAS,kBAAkBA,kBAAU,SAAS,OAAO;AACvD;AAEA,MAAM,WAAW;AAAA,EACf,SAAS,kBAAkBA,kBAAU,SAAS,OAAO;AACvD;AAEA,MAAM,SAAS;AAAA,EACb,aAAa,kBAAkBA,kBAAU,OAAO,WAAW;AAAA,EAC3D,MAAM,kBAAkBA,kBAAU,OAAO,IAAI;AAAA,EAC7C,UAAU,kBAAkBA,kBAAU,OAAO,QAAQ;AAAA,EACrD,UAAU,kBAAkBA,kBAAU,OAAO,QAAQ;AACvD;AAEA,MAAM,SAAS;AAAA,EACb,UAAU,kBAAkBA,kBAAU,OAAO,QAAQ;AACvD;AAEA,MAAM,OAAO;AAAA,EACX,SAAS,kBAAkBA,kBAAU,KAAK,OAAO;AAAA,EACjD,SAAS,kBAAkBA,kBAAU,KAAK,OAAO;AAAA,EACjD,MAAM,kBAAkBA,kBAAU,KAAK,IAAI;AAAA,EAC3C,OAAO,kBAAkBA,kBAAU,KAAK,KAAK;AAAA,EAC7C,SAAS,kBAAkBA,kBAAU,KAAK,GAAG;AAC/C;AAIA,MAAM,aAAa;AAAA,EACjB,YAAY,kBAAkBA,QAAAA,UAAU,UAAU;AAAA,EAClD,MAAM,kBAAkBA,kBAAU,WAAW,IAAI;AAAA,EACjD,cAAc,kBAAkBA,kBAAU,WAAW,YAAY;AAAA,EACjE,WAAW,kBAAkBA,kBAAU,WAAW,SAAS;AAAA,EAC3D,MAAM,kBAAkBA,kBAAU,WAAW,IAAI;AACnD;AAEA,MAAA,QAAe;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAMA,QAAAA;AAAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL;;"}
+{"version":3,"file":"slots.js","sources":["../source/slots/index.ts"],"sourcesContent":["import { SlotNames, type SlotName } from './mapping';\nimport { createSlot, type BaseProps, type OptionalProps } from './create';\nimport * as element from './element';\n\n/**\n * Properties for creating slot content\n * Combines base properties with optional configuration\n */\nexport type SlotProps = BaseProps & Partial<OptionalProps>;\n\nconst createSlotFactory =\n  (type: SlotName, config: Partial<SlotProps> = {}) =>\n  (props: SlotProps) =>\n    createSlot({ ...props, type, ...config });\n\n// Defined common usage\n\nconst actions = {\n  default: createSlotFactory(SlotNames.actions.default),\n} as const;\n\nconst assets = {\n  image: createSlotFactory(SlotNames.assets.image),\n  images: createSlotFactory(SlotNames.assets.images),\n  video: createSlotFactory(SlotNames.assets.video),\n} as const;\n\nconst contact = {\n  additional: createSlotFactory(SlotNames.contact.additional),\n  address: createSlotFactory(SlotNames.contact.address),\n  email: createSlotFactory(SlotNames.contact.email),\n  location: createSlotFactory(SlotNames.contact.location),\n  phone: createSlotFactory(SlotNames.contact.phone),\n} as const;\n\nconst content = {\n  default: createSlotFactory(SlotNames.content.default),\n} as const;\n\nconst date = {\n  default: createSlotFactory(SlotNames.date.default),\n} as const;\n\nconst eyebrow = {\n  default: createSlotFactory(SlotNames.eyebrows.default),\n} as const;\n\nconst headline = {\n  default: createSlotFactory(SlotNames.headline.default),\n} as const;\n\nconst person = {\n  association: createSlotFactory(SlotNames.person.association),\n  name: createSlotFactory(SlotNames.person.name),\n  jobTitle: createSlotFactory(SlotNames.person.jobTitle),\n  pronouns: createSlotFactory(SlotNames.person.pronouns),\n} as const;\n\nconst social = {\n  linkedin: createSlotFactory(SlotNames.social.linkedin),\n} as const;\n\nconst text = {\n  caption: createSlotFactory(SlotNames.text.caption),\n  default: createSlotFactory(SlotNames.text.default),\n  stat: createSlotFactory(SlotNames.text.stat),\n  stats: createSlotFactory(SlotNames.text.stats),\n  subText: createSlotFactory(SlotNames.text.sub),\n} as const;\n\n// Deprecated slots (marked for removal)\n/** @deprecated Use CommonSlots instead */\nconst deprecated = {\n  ADDITIONAL: createSlotFactory(SlotNames.ADDITIONAL),\n  body: createSlotFactory(SlotNames.deprecated.body),\n  wrappingText: createSlotFactory(SlotNames.deprecated.wrappingText),\n  plainText: createSlotFactory(SlotNames.deprecated.plainText),\n  stat: createSlotFactory(SlotNames.deprecated.stat),\n  backgroundImage: createSlotFactory(SlotNames.deprecated.backgroundImage),\n  contactHeadline: createSlotFactory(SlotNames.deprecated.contactHeadline),\n  contactAddress: createSlotFactory(SlotNames.deprecated.contactAddress),\n  callToAction: createSlotFactory(SlotNames.deprecated.callToAction),\n} as const;\n\nexport const Slots = {\n  actions,\n  assets,\n  contact,\n  content,\n  date,\n  deprecated,\n  element,\n  eyebrow,\n  person,\n  name: SlotNames,\n  headline,\n  social,\n  text,\n  ...element,\n} as const;\n\nexport type { SlotName };\n"],"names":[],"mappings":";;;AAUA,MAAM,oBACJ,CAAC,MAAgB,SAA6B,CAAA,MAC9C,CAAC,UACC,WAAW,EAAE,GAAG,OAAO,MAAM,GAAG,QAAQ;AAI5C,MAAM,UAAU;AAAA,EACd,SAAS,kBAAkB,UAAU,QAAQ,OAAO;AACtD;AAEA,MAAM,SAAS;AAAA,EACb,OAAO,kBAAkB,UAAU,OAAO,KAAK;AAAA,EAC/C,QAAQ,kBAAkB,UAAU,OAAO,MAAM;AAAA,EACjD,OAAO,kBAAkB,UAAU,OAAO,KAAK;AACjD;AAEA,MAAM,UAAU;AAAA,EACd,YAAY,kBAAkB,UAAU,QAAQ,UAAU;AAAA,EAC1D,SAAS,kBAAkB,UAAU,QAAQ,OAAO;AAAA,EACpD,OAAO,kBAAkB,UAAU,QAAQ,KAAK;AAAA,EAChD,UAAU,kBAAkB,UAAU,QAAQ,QAAQ;AAAA,EACtD,OAAO,kBAAkB,UAAU,QAAQ,KAAK;AAClD;AAEA,MAAM,UAAU;AAAA,EACd,SAAS,kBAAkB,UAAU,QAAQ,OAAO;AACtD;AAEA,MAAM,OAAO;AAAA,EACX,SAAS,kBAAkB,UAAU,KAAK,OAAO;AACnD;AAEA,MAAM,UAAU;AAAA,EACd,SAAS,kBAAkB,UAAU,SAAS,OAAO;AACvD;AAEA,MAAM,WAAW;AAAA,EACf,SAAS,kBAAkB,UAAU,SAAS,OAAO;AACvD;AAEA,MAAM,SAAS;AAAA,EACb,aAAa,kBAAkB,UAAU,OAAO,WAAW;AAAA,EAC3D,MAAM,kBAAkB,UAAU,OAAO,IAAI;AAAA,EAC7C,UAAU,kBAAkB,UAAU,OAAO,QAAQ;AAAA,EACrD,UAAU,kBAAkB,UAAU,OAAO,QAAQ;AACvD;AAEA,MAAM,SAAS;AAAA,EACb,UAAU,kBAAkB,UAAU,OAAO,QAAQ;AACvD;AAEA,MAAM,OAAO;AAAA,EACX,SAAS,kBAAkB,UAAU,KAAK,OAAO;AAAA,EACjD,SAAS,kBAAkB,UAAU,KAAK,OAAO;AAAA,EACjD,MAAM,kBAAkB,UAAU,KAAK,IAAI;AAAA,EAC3C,OAAO,kBAAkB,UAAU,KAAK,KAAK;AAAA,EAC7C,SAAS,kBAAkB,UAAU,KAAK,GAAG;AAC/C;AAIA,MAAM,aAAa;AAAA,EACjB,YAAY,kBAAkB,UAAU,UAAU;AAAA,EAClD,MAAM,kBAAkB,UAAU,WAAW,IAAI;AAAA,EACjD,cAAc,kBAAkB,UAAU,WAAW,YAAY;AAAA,EACjE,WAAW,kBAAkB,UAAU,WAAW,SAAS;AAAA,EAC3D,MAAM,kBAAkB,UAAU,WAAW,IAAI;AAAA,EACjD,iBAAiB,kBAAkB,UAAU,WAAW,eAAe;AAAA,EACvE,iBAAiB,kBAAkB,UAAU,WAAW,eAAe;AAAA,EACvE,gBAAgB,kBAAkB,UAAU,WAAW,cAAc;AAAA,EACrE,cAAc,kBAAkB,UAAU,WAAW,YAAY;AACnE;AAEO,MAAM,QAAQ;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL;"}

package/dist/utilities/index.d.ts

@@ -1,4 +1,4 @@
 export { registerWebComponent, webComponent, type WebComponentConfig } from './register';
 export { hooks, CommonLifecycleHooks } from './lifecycle';
-export { default as StylesTemplate } from './styles';
+export { stylesTemplate as StylesTemplate } from './styles';
 //# sourceMappingURL=index.d.ts.map

package/dist/utilities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/utilities/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACzF,OAAO,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/utilities/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACzF,OAAO,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,MAAM,UAAU,CAAC"}

package/dist/utilities/lifecycle.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const hooks = {
   /**
    * Standard afterConnect that calls the component's load event
@@ -16,6 +14,8 @@ const hooks = {
   resizeOnConnect: (ref) => ref?.events?.resize?.()
 };
 const CommonLifecycleHooks = hooks;
-exports.CommonLifecycleHooks = CommonLifecycleHooks;
-exports.hooks = hooks;
+export {
+  CommonLifecycleHooks,
+  hooks
+};
 //# sourceMappingURL=lifecycle.js.map

package/dist/utilities/lifecycle.js.map

@@ -1 +1 @@
-{"version":3,"file":"lifecycle.js","sources":["../../source/utilities/lifecycle.ts"],"sourcesContent":["/**\n * Common Lifecycle Hooks for Components\n *\n * This module provides standard lifecycle implementations that can be\n * reused across multiple components.\n */\n\nimport type { ComponentRef } from '../_types';\n\n/**\n * Common lifecycle hooks for component initialization and state management\n */\nexport const hooks = {\n  /**\n   * Standard afterConnect that calls the component's load event\n   */\n  loadOnConnect: (ref: ComponentRef) => ref?.events?.load?.(),\n\n  /**\n   * AfterConnect hook that sets up component animations\n   * Delays animation initialization to ensure proper positioning\n   */\n  loadAnimation: (ref: ComponentRef) => ref?.events?.loadAnimation?.(),\n\n  /**\n   * Standard resize handler for afterConnect\n   */\n  resizeOnConnect: (ref: ComponentRef) => ref?.events?.resize?.(),\n};\n\n/**\n * @deprecated Use hooks instead\n */\nexport const CommonLifecycleHooks = hooks;\n"],"names":[],"mappings":";;AAYO,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAInB,eAAe,CAAC,QAAsB,KAAK,QAAQ,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMnD,eAAe,CAAC,QAAsB,KAAK,QAAQ,gBAAA;AAAA;AAAA;AAAA;AAAA,EAKnD,iBAAiB,CAAC,QAAsB,KAAK,QAAQ,SAAA;AACvD;AAKO,MAAM,uBAAuB;;;"}
+{"version":3,"file":"lifecycle.js","sources":["../../source/utilities/lifecycle.ts"],"sourcesContent":["/**\n * Common Lifecycle Hooks for Components\n *\n * This module provides standard lifecycle implementations that can be\n * reused across multiple components.\n */\n\nimport type { ComponentRef } from '../_types';\n\n/**\n * Common lifecycle hooks for component initialization and state management\n */\nexport const hooks = {\n  /**\n   * Standard afterConnect that calls the component's load event\n   */\n  loadOnConnect: (ref: ComponentRef) => ref?.events?.load?.(),\n\n  /**\n   * AfterConnect hook that sets up component animations\n   * Delays animation initialization to ensure proper positioning\n   */\n  loadAnimation: (ref: ComponentRef) => ref?.events?.loadAnimation?.(),\n\n  /**\n   * Standard resize handler for afterConnect\n   */\n  resizeOnConnect: (ref: ComponentRef) => ref?.events?.resize?.(),\n};\n\n/**\n * @deprecated Use hooks instead\n */\nexport const CommonLifecycleHooks = hooks;\n"],"names":[],"mappings":"AAYO,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAInB,eAAe,CAAC,QAAsB,KAAK,QAAQ,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMnD,eAAe,CAAC,QAAsB,KAAK,QAAQ,gBAAA;AAAA;AAAA;AAAA;AAAA,EAKnD,iBAAiB,CAAC,QAAsB,KAAK,QAAQ,SAAA;AACvD;AAKO,MAAM,uBAAuB;"}

package/dist/utilities/register.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const model = require("../model.js");
+import { createCustomElement } from "../model.js";
 if (!window.WebComponents) {
   window.WebComponents = {};
 }
@@ -23,10 +21,12 @@ function webComponent(config) {
     };
     registerWebComponent({
       name: config.tagName,
-      element: model.createCustomElement(normalizedConfig)
+      element: createCustomElement(normalizedConfig)
     });
   };
 }
-exports.registerWebComponent = registerWebComponent;
-exports.webComponent = webComponent;
+export {
+  registerWebComponent,
+  webComponent
+};
 //# sourceMappingURL=register.js.map

package/dist/utilities/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../source/utilities/register.ts"],"sourcesContent":["interface WebComponentConfig {\n  name: string;\n  element: CustomElementConstructor;\n}\n\ninterface WebComponentRegistry {\n  [key: string]: CustomElementConstructor;\n}\n\ndeclare global {\n  interface Window {\n    WebComponents: WebComponentRegistry;\n  }\n}\n\nif (!window.WebComponents) {\n  window.WebComponents = {};\n}\n\nconst registerWebComponent = ({ name, element }: WebComponentConfig): void => {\n  if (window.customElements.get(name)) {\n    return;\n  }\n\n  const hasElement = document.getElementsByTagName(name).length > 0;\n  if (!hasElement) {\n    return;\n  }\n\n  window.WebComponents[name] = element;\n  window.customElements.define(name, element);\n};\n\nimport type { ComponentConfiguration, ComponentRegistration } from '../_types';\nimport { createCustomElement } from '../model';\n\n/**\n * Helper to create a standard component registration function.\n * This simplifies the component export pattern and ensures consistency.\n *\n * @param config - Component configuration\n * @returns Registration function that can be called to register the component\n *\n * @example\n * ```typescript\n * export default createComponentRegistration({\n *   tagName: 'umd-element-name',\n *   slots,\n *   createComponent,\n *   attributes: Attributes.handler.common.resize((element) => element.events?.recalculate()),\n * });\n * ```\n */\nexport function webComponent(\n  config: ComponentConfiguration,\n): ComponentRegistration {\n  return () => {\n    // Normalize attributes to always be an array\n    const normalizedConfig = {\n      ...config,\n      attributes: config.attributes\n        ? Array.isArray(config.attributes)\n          ? config.attributes\n          : [config.attributes]\n        : undefined,\n    };\n    \n    registerWebComponent({\n      name: config.tagName,\n      element: createCustomElement(normalizedConfig),\n    });\n  };\n}\n\nexport { registerWebComponent, type WebComponentConfig };\n"],"names":["createCustomElement"],"mappings":";;;AAeA,IAAI,CAAC,OAAO,eAAe;AACzB,SAAO,gBAAgB,CAAA;AACzB;AAEA,MAAM,uBAAuB,CAAC,EAAE,MAAM,cAAwC;AAC5E,MAAI,OAAO,eAAe,IAAI,IAAI,GAAG;AACnC;AAAA,EACF;AAEA,QAAM,aAAa,SAAS,qBAAqB,IAAI,EAAE,SAAS;AAChE,MAAI,CAAC,YAAY;AACf;AAAA,EACF;AAEA,SAAO,cAAc,IAAI,IAAI;AAC7B,SAAO,eAAe,OAAO,MAAM,OAAO;AAC5C;AAsBO,SAAS,aACd,QACuB;AACvB,SAAO,MAAM;AAEX,UAAM,mBAAmB;AAAA,MACvB,GAAG;AAAA,MACH,YAAY,OAAO,aACf,MAAM,QAAQ,OAAO,UAAU,IAC7B,OAAO,aACP,CAAC,OAAO,UAAU,IACpB;AAAA,IAAA;AAGN,yBAAqB;AAAA,MACnB,MAAM,OAAO;AAAA,MACb,SAASA,MAAAA,oBAAoB,gBAAgB;AAAA,IAAA,CAC9C;AAAA,EACH;AACF;;;"}
+{"version":3,"file":"register.js","sources":["../../source/utilities/register.ts"],"sourcesContent":["interface WebComponentConfig {\n  name: string;\n  element: CustomElementConstructor;\n}\n\ninterface WebComponentRegistry {\n  [key: string]: CustomElementConstructor;\n}\n\ndeclare global {\n  interface Window {\n    WebComponents: WebComponentRegistry;\n  }\n}\n\nif (!window.WebComponents) {\n  window.WebComponents = {};\n}\n\nconst registerWebComponent = ({ name, element }: WebComponentConfig): void => {\n  if (window.customElements.get(name)) {\n    return;\n  }\n\n  const hasElement = document.getElementsByTagName(name).length > 0;\n  if (!hasElement) {\n    return;\n  }\n\n  window.WebComponents[name] = element;\n  window.customElements.define(name, element);\n};\n\nimport type { ComponentConfiguration, ComponentRegistration } from '../_types';\nimport { createCustomElement } from '../model';\n\n/**\n * Helper to create a standard component registration function.\n * This simplifies the component export pattern and ensures consistency.\n *\n * @param config - Component configuration\n * @returns Registration function that can be called to register the component\n *\n * @example\n * ```typescript\n * export default createComponentRegistration({\n *   tagName: 'umd-element-name',\n *   slots,\n *   createComponent,\n *   attributes: Attributes.handler.common.resize((element) => element.events?.recalculate()),\n * });\n * ```\n */\nexport function webComponent(\n  config: ComponentConfiguration,\n): ComponentRegistration {\n  return () => {\n    // Normalize attributes to always be an array\n    const normalizedConfig = {\n      ...config,\n      attributes: config.attributes\n        ? Array.isArray(config.attributes)\n          ? config.attributes\n          : [config.attributes]\n        : undefined,\n    };\n    \n    registerWebComponent({\n      name: config.tagName,\n      element: createCustomElement(normalizedConfig),\n    });\n  };\n}\n\nexport { registerWebComponent, type WebComponentConfig };\n"],"names":[],"mappings":";AAeA,IAAI,CAAC,OAAO,eAAe;AACzB,SAAO,gBAAgB,CAAA;AACzB;AAEA,MAAM,uBAAuB,CAAC,EAAE,MAAM,cAAwC;AAC5E,MAAI,OAAO,eAAe,IAAI,IAAI,GAAG;AACnC;AAAA,EACF;AAEA,QAAM,aAAa,SAAS,qBAAqB,IAAI,EAAE,SAAS;AAChE,MAAI,CAAC,YAAY;AACf;AAAA,EACF;AAEA,SAAO,cAAc,IAAI,IAAI;AAC7B,SAAO,eAAe,OAAO,MAAM,OAAO;AAC5C;AAsBO,SAAS,aACd,QACuB;AACvB,SAAO,MAAM;AAEX,UAAM,mBAAmB;AAAA,MACvB,GAAG;AAAA,MACH,YAAY,OAAO,aACf,MAAM,QAAQ,OAAO,UAAU,IAC7B,OAAO,aACP,CAAC,OAAO,UAAU,IACpB;AAAA,IAAA;AAGN,yBAAqB;AAAA,MACnB,MAAM,OAAO;AAAA,MACb,SAAS,oBAAoB,gBAAgB;AAAA,IAAA,CAC9C;AAAA,EACH;AACF;"}

package/dist/utilities/styles.d.ts

@@ -1,5 +1,4 @@
-declare const stylesTemplate: ({ styles }: {
+export declare const stylesTemplate: ({ styles }: {
     styles: string;
 }) => HTMLTemplateElement;
-export default stylesTemplate;
 //# sourceMappingURL=styles.d.ts.map

package/dist/utilities/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../source/utilities/styles.ts"],"names":[],"mappings":"AAyEA,QAAA,MAAM,cAAc,GAAI,YAAY;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,wBAKrD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../source/utilities/styles.ts"],"names":[],"mappings":"AA8EA,eAAO,MAAM,cAAc,GAAI,YAAY;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,wBAK5D,CAAC"}

package/dist/utilities/styles.js

@@ -1,12 +1,15 @@
-"use strict";
-require("../node_modules/postcss/lib/postcss.js");
-const Styles = require("@universityofmaryland/web-styles-library");
-const index = require("../_virtual/index.js");
-const postcss = require("../_virtual/postcss.js");
-const CreateStyleString = (styles) => postcss([index]).process(styles, {}).css;
+import "../node_modules/postcss/lib/postcss.js";
+import { token } from "@universityofmaryland/web-styles-library";
+import postcssDuplicates from "../_virtual/index.js";
+import postcss from "../_virtual/postcss.js";
+const CreateStyleString = (styles) => {
+  const processor = postcss([postcssDuplicates]);
+  const result = processor.process(styles, { from: void 0 });
+  return result.css;
+};
 const reset = `
   :host {
-    color: ${Styles.token.color.black};
+    color: ${token.color.black};
   }
   
   :host * {
@@ -23,11 +26,11 @@ const reset = `
     font-size: inherit;
     font-weight: inherit;
     line-height: inherit;
-    color: ${Styles.token.color.black};
+    color: ${token.color.black};
   }
 
   p {
-    color: ${Styles.token.color.gray.dark};
+    color: ${token.color.gray.dark};
   }
 
   a {
@@ -75,5 +78,7 @@ const stylesTemplate = ({ styles }) => {
   template.innerHTML = `<style>${reset}${CreateStyleString(styles)}</style>`;
   return template;
 };
-module.exports = stylesTemplate;
+export {
+  stylesTemplate
+};
 //# sourceMappingURL=styles.js.map

package/dist/utilities/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../source/utilities/styles.ts"],"sourcesContent":["import postcss from 'postcss';\nimport { token } from '@universityofmaryland/web-styles-library';\nimport postcssDuplicates from 'postcss-discard-duplicates';\nconst CreateStyleString = (styles: string) =>\n  postcss([postcssDuplicates]).process(styles, {}).css;\n\nconst reset = `\n  :host {\n    color: ${token.color.black};\n  }\n  \n  :host * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  div {\n    line-height: 1;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    color: ${token.color.black};\n  }\n\n  p {\n    color: ${token.color.gray.dark};\n  }\n\n  a {\n    text-decoration: inherit;\n    color: inherit;\n  }\n\n  address {\n    font-style: normal;\n  }\n\n  strong, b {\n    font-weight: 700;\n  }\n\n  em, i {\n    font-style: italic;\n  }\n\n  button {\n    border: none;\n    background: none;\n    cursor: pointer;\n  }\n\n  img {\n    max-width: 100%;\n    display: block;\n  }\n\n  .sr-only {\n    clip: rect(0,0,0,0);\n    border-width: 0;\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n`;\n\nconst stylesTemplate = ({ styles }: { styles: string }) => {\n  const template = document.createElement('template');\n  template.innerHTML = `<style>${reset}${CreateStyleString(styles)}</style>`;\n\n  return template;\n};\n\nexport default stylesTemplate;\n"],"names":["postcssDuplicates","token"],"mappings":";;;;;AAGA,MAAM,oBAAoB,CAAC,WACzB,QAAQ,CAACA,KAAiB,CAAC,EAAE,QAAQ,QAAQ,CAAA,CAAE,EAAE;AAEnD,MAAM,QAAQ;AAAA;AAAA,aAEDC,OAAAA,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAiBjBA,OAAAA,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,aAIjBA,aAAM,MAAM,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4ClC,MAAM,iBAAiB,CAAC,EAAE,aAAiC;AACzD,QAAM,WAAW,SAAS,cAAc,UAAU;AAClD,WAAS,YAAY,UAAU,KAAK,GAAG,kBAAkB,MAAM,CAAC;AAEhE,SAAO;AACT;;"}
+{"version":3,"file":"styles.js","sources":["../../source/utilities/styles.ts"],"sourcesContent":["import postcss from 'postcss';\nimport { token } from '@universityofmaryland/web-styles-library';\nimport postcssDuplicates from 'postcss-discard-duplicates';\n\nconst CreateStyleString = (styles: string): string => {\n  const processor = postcss([postcssDuplicates]);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const result = (processor.process as any)(styles, { from: undefined });\n  return result.css;\n};\n\nconst reset = `\n  :host {\n    color: ${token.color.black};\n  }\n  \n  :host * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  div {\n    line-height: 1;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    color: ${token.color.black};\n  }\n\n  p {\n    color: ${token.color.gray.dark};\n  }\n\n  a {\n    text-decoration: inherit;\n    color: inherit;\n  }\n\n  address {\n    font-style: normal;\n  }\n\n  strong, b {\n    font-weight: 700;\n  }\n\n  em, i {\n    font-style: italic;\n  }\n\n  button {\n    border: none;\n    background: none;\n    cursor: pointer;\n  }\n\n  img {\n    max-width: 100%;\n    display: block;\n  }\n\n  .sr-only {\n    clip: rect(0,0,0,0);\n    border-width: 0;\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n`;\n\nexport const stylesTemplate = ({ styles }: { styles: string }) => {\n  const template = document.createElement('template');\n  template.innerHTML = `<style>${reset}${CreateStyleString(styles)}</style>`;\n\n  return template;\n};\n"],"names":[],"mappings":";;;;AAIA,MAAM,oBAAoB,CAAC,WAA2B;AACpD,QAAM,YAAY,QAAQ,CAAC,iBAAiB,CAAC;AAE7C,QAAM,SAAU,UAAU,QAAgB,QAAQ,EAAE,MAAM,QAAW;AACrE,SAAO,OAAO;AAChB;AAEA,MAAM,QAAQ;AAAA;AAAA,aAED,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAiBjB,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,aAIjB,MAAM,MAAM,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4C3B,MAAM,iBAAiB,CAAC,EAAE,aAAiC;AAChE,QAAM,WAAW,SAAS,cAAc,UAAU;AAClD,WAAS,YAAY,UAAU,KAAK,GAAG,kBAAkB,MAAM,CAAC;AAEhE,SAAO;AACT;"}

package/dist/utilities.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const register = require("./utilities/register.js");
-const lifecycle = require("./utilities/lifecycle.js");
-const styles = require("./utilities/styles.js");
-exports.registerWebComponent = register.registerWebComponent;
-exports.webComponent = register.webComponent;
-exports.CommonLifecycleHooks = lifecycle.CommonLifecycleHooks;
-exports.hooks = lifecycle.hooks;
-exports.StylesTemplate = styles;
+import { registerWebComponent, webComponent } from "./utilities/register.js";
+import { CommonLifecycleHooks, hooks } from "./utilities/lifecycle.js";
+import { stylesTemplate } from "./utilities/styles.js";
+export {
+  CommonLifecycleHooks,
+  stylesTemplate as StylesTemplate,
+  hooks,
+  registerWebComponent,
+  webComponent
+};
 //# sourceMappingURL=utilities.js.map

package/dist/utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"utilities.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/package.json

@@ -1,35 +1,36 @@
 {
   "name": "@universityofmaryland/web-model-library",
-  "version": "1.0.0",
+  "version": "1.0.2-beta.0",
   "description": "UMD Web Component Model - Base utilities for building web components",
+  "type": "module",
   "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     },
     "./attributes": {
       "types": "./dist/attributes.d.ts",
-      "import": "./dist/attributes.mjs",
-      "require": "./dist/attributes.js"
+      "import": "./dist/attributes.js",
+      "default": "./dist/attributes.js"
     },
     "./model": {
       "types": "./dist/model.d.ts",
-      "import": "./dist/model.mjs",
-      "require": "./dist/model.js"
+      "import": "./dist/model.js",
+      "default": "./dist/model.js"
     },
     "./slots": {
       "types": "./dist/slots.d.ts",
-      "import": "./dist/slots.mjs",
-      "require": "./dist/slots.js"
+      "import": "./dist/slots.js",
+      "default": "./dist/slots.js"
     },
     "./utilities": {
       "types": "./dist/utilities.d.ts",
-      "import": "./dist/utilities.mjs",
-      "require": "./dist/utilities.js"
+      "import": "./dist/utilities.js",
+      "default": "./dist/utilities.js"
     }
   },
   "license": "MIT",

package/dist/_virtual/___vite-browser-external.mjs

@@ -1,7 +0,0 @@
-import * as __viteBrowserExternal from "./__vite-browser-external.mjs";
-import { getAugmentedNamespace } from "./_commonjsHelpers.mjs";
-const require$$2 = /* @__PURE__ */ getAugmentedNamespace(__viteBrowserExternal);
-export {
-  require$$2 as default
-};
-//# sourceMappingURL=___vite-browser-external.mjs.map

package/dist/_virtual/___vite-browser-external.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"___vite-browser-external.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}