@universityofmaryland/web-feeds-library 1.3.0-beta.0 → 1.3.0-beta.1

package/dist/helpers/grouping/events.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const MONTH_MAP = {
   Jan: "01",
   Feb: "02",
@@ -136,12 +134,14 @@ const groupEventsByDate = (events) => {
     return dateA.getTime() - dateB.getTime();
   });
 };
-exports.eventStartsOnDate = eventStartsOnDate;
-exports.getDateBanner = getDateBanner;
-exports.getEventPriority = getEventPriority;
-exports.getEventStartDate = getEventStartDate;
-exports.groupEventsByDate = groupEventsByDate;
-exports.isMultiDayEvent = isMultiDayEvent;
-exports.parseLocalDate = parseLocalDate;
-exports.sortEventsByPriority = sortEventsByPriority;
+export {
+  eventStartsOnDate,
+  getDateBanner,
+  getEventPriority,
+  getEventStartDate,
+  groupEventsByDate,
+  isMultiDayEvent,
+  parseLocalDate,
+  sortEventsByPriority
+};
 //# sourceMappingURL=events.js.map

package/dist/helpers/grouping/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","sources":["../../../source/helpers/grouping/events.ts"],"sourcesContent":["/**\n * Event Grouping Utilities\n *\n * Utilities for grouping and sorting events by date.\n * Used by the grouped events feed.\n *\n * @module utilities/grouping/events\n */\n\nimport { EventEntry } from 'types/data';\n\nexport interface GroupedEvent {\n  date: string;\n  events: EventEntry[];\n}\n\nconst MONTH_MAP: Record<string, string> = {\n  Jan: '01',\n  Feb: '02',\n  Mar: '03',\n  Apr: '04',\n  May: '05',\n  Jun: '06',\n  Jul: '07',\n  Aug: '08',\n  Sep: '09',\n  Oct: '10',\n  Nov: '11',\n  Dec: '12',\n};\n\n/**\n * Get a human-readable date banner\n *\n * Returns \"Today\", day name (within 7 days), or formatted date\n */\nexport const getDateBanner = (dateStamp: string): string => {\n  // Parse the date string more reliably\n  const dateParts = dateStamp.split('T')[0].split('-');\n  const year = parseInt(dateParts[0], 10);\n  const month = parseInt(dateParts[1], 10) - 1; // Month is 0-indexed\n  const day = parseInt(dateParts[2], 10);\n\n  // Create dates using local timezone\n  const eventDate = new Date(year, month, day);\n  const currentDate = new Date();\n  currentDate.setHours(0, 0, 0, 0);\n\n  const weekFromNow = new Date();\n  weekFromNow.setDate(currentDate.getDate() + 7);\n  weekFromNow.setHours(0, 0, 0, 0);\n\n  // Check if it's today\n  if (\n    eventDate.getFullYear() === currentDate.getFullYear() &&\n    eventDate.getMonth() === currentDate.getMonth() &&\n    eventDate.getDate() === currentDate.getDate()\n  ) {\n    return 'Today';\n  }\n\n  // Check if it's within the next 7 days\n  if (\n    eventDate.getTime() > currentDate.getTime() &&\n    eventDate.getTime() <= weekFromNow.getTime()\n  ) {\n    const days = [\n      'Sunday',\n      'Monday',\n      'Tuesday',\n      'Wednesday',\n      'Thursday',\n      'Friday',\n      'Saturday',\n    ];\n    return days[eventDate.getDay()];\n  }\n\n  // Otherwise return day of week, month and day\n  const days = [\n    'Sunday',\n    'Monday',\n    'Tuesday',\n    'Wednesday',\n    'Thursday',\n    'Friday',\n    'Saturday',\n  ];\n  const months = [\n    'Jan',\n    'Feb',\n    'Mar',\n    'Apr',\n    'May',\n    'Jun',\n    'Jul',\n    'Aug',\n    'Sep',\n    'Oct',\n    'Nov',\n    'Dec',\n  ];\n  return `${days[eventDate.getDay()]}, ${\n    months[eventDate.getMonth()]\n  } ${eventDate.getDate()}`;\n};\n\n/**\n * Parse a date string to local Date object\n */\nexport const parseLocalDate = (dateString: string): Date => {\n  const parts = dateString.split('-');\n  const date = new Date(\n    parseInt(parts[0], 10),\n    parseInt(parts[1], 10) - 1,\n    parseInt(parts[2], 10),\n  );\n  date.setHours(0, 0, 0, 0);\n  return date;\n};\n\n/**\n * Get the start date of an event\n */\nexport const getEventStartDate = (event: EventEntry): Date => {\n  return parseLocalDate(event.startStamp.split('T')[0]);\n};\n\n/**\n * Check if an event spans multiple days\n */\nexport const isMultiDayEvent = (event: EventEntry): boolean => {\n  const startParts = event.startStamp.split('T')[0].split('-');\n  const startMonth = startParts[1];\n  const startDay = startParts[2];\n  const endMonth = MONTH_MAP[event.endMonth || ''];\n  const endDay = (event.endDay || '').padStart(2, '0');\n\n  return !(startMonth === endMonth && startDay === endDay);\n};\n\n/**\n * Check if an event starts on a specific date\n */\nexport const eventStartsOnDate = (event: EventEntry, targetDate: Date): boolean => {\n  const eventStartDate = getEventStartDate(event);\n  return eventStartDate.getTime() === targetDate.getTime();\n};\n\n/**\n * Get event priority for sorting within a date group\n *\n * Priority:\n * 1. Multi-day events that start on this date\n * 2. Single-day events\n * 3. Multi-day events that don't start on this date\n */\nexport const getEventPriority = (event: EventEntry, groupDate: Date): number => {\n  const isMulti = isMultiDayEvent(event);\n  const startsOnDate = eventStartsOnDate(event, groupDate);\n\n  if (isMulti && startsOnDate) return 1;\n  if (!isMulti) return 2;\n  return 3;\n};\n\n/**\n * Sort events by priority within a date group\n */\nexport const sortEventsByPriority = (\n  events: EventEntry[],\n  groupDate: Date,\n): EventEntry[] => {\n  return [...events].sort((a, b) => {\n    const aPriority = getEventPriority(a, groupDate);\n    const bPriority = getEventPriority(b, groupDate);\n    return aPriority - bPriority;\n  });\n};\n\n/**\n * Group events by date\n *\n * Groups events by their start date, with past events grouped under today.\n * Each group is sorted by priority (multi-day events starting today first).\n */\nexport const groupEventsByDate = (events: EventEntry[]): GroupedEvent[] => {\n  const currentDate = new Date();\n  currentDate.setHours(0, 0, 0, 0);\n\n  const grouped = events.reduce((acc, event) => {\n    const eventDate = getEventStartDate(event);\n    const dateKey =\n      eventDate < currentDate\n        ? currentDate.toISOString().split('T')[0]\n        : event.startStamp;\n\n    if (!acc[dateKey]) {\n      acc[dateKey] = {\n        date: getDateBanner(dateKey),\n        events: [],\n      };\n    }\n    acc[dateKey].events.push(event);\n    return acc;\n  }, {} as Record<string, GroupedEvent>);\n\n  // Sort events within each group by priority\n  Object.keys(grouped).forEach((dateKey) => {\n    const groupDate = parseLocalDate(dateKey);\n    grouped[dateKey].events = sortEventsByPriority(\n      grouped[dateKey].events,\n      groupDate,\n    );\n  });\n\n  // Return groups sorted by date\n  return Object.values(grouped).sort((a, b) => {\n    const dateA = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === a) || '',\n    );\n    const dateB = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === b) || '',\n    );\n    return dateA.getTime() - dateB.getTime();\n  });\n};\n"],"names":["days"],"mappings":"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"}
+{"version":3,"file":"events.js","sources":["../../../source/helpers/grouping/events.ts"],"sourcesContent":["/**\n * Event Grouping Utilities\n *\n * Utilities for grouping and sorting events by date.\n * Used by the grouped events feed.\n *\n * @module utilities/grouping/events\n */\n\nimport { EventEntry } from 'types/data';\n\nexport interface GroupedEvent {\n  date: string;\n  events: EventEntry[];\n}\n\nconst MONTH_MAP: Record<string, string> = {\n  Jan: '01',\n  Feb: '02',\n  Mar: '03',\n  Apr: '04',\n  May: '05',\n  Jun: '06',\n  Jul: '07',\n  Aug: '08',\n  Sep: '09',\n  Oct: '10',\n  Nov: '11',\n  Dec: '12',\n};\n\n/**\n * Get a human-readable date banner\n *\n * Returns \"Today\", day name (within 7 days), or formatted date\n */\nexport const getDateBanner = (dateStamp: string): string => {\n  // Parse the date string more reliably\n  const dateParts = dateStamp.split('T')[0].split('-');\n  const year = parseInt(dateParts[0], 10);\n  const month = parseInt(dateParts[1], 10) - 1; // Month is 0-indexed\n  const day = parseInt(dateParts[2], 10);\n\n  // Create dates using local timezone\n  const eventDate = new Date(year, month, day);\n  const currentDate = new Date();\n  currentDate.setHours(0, 0, 0, 0);\n\n  const weekFromNow = new Date();\n  weekFromNow.setDate(currentDate.getDate() + 7);\n  weekFromNow.setHours(0, 0, 0, 0);\n\n  // Check if it's today\n  if (\n    eventDate.getFullYear() === currentDate.getFullYear() &&\n    eventDate.getMonth() === currentDate.getMonth() &&\n    eventDate.getDate() === currentDate.getDate()\n  ) {\n    return 'Today';\n  }\n\n  // Check if it's within the next 7 days\n  if (\n    eventDate.getTime() > currentDate.getTime() &&\n    eventDate.getTime() <= weekFromNow.getTime()\n  ) {\n    const days = [\n      'Sunday',\n      'Monday',\n      'Tuesday',\n      'Wednesday',\n      'Thursday',\n      'Friday',\n      'Saturday',\n    ];\n    return days[eventDate.getDay()];\n  }\n\n  // Otherwise return day of week, month and day\n  const days = [\n    'Sunday',\n    'Monday',\n    'Tuesday',\n    'Wednesday',\n    'Thursday',\n    'Friday',\n    'Saturday',\n  ];\n  const months = [\n    'Jan',\n    'Feb',\n    'Mar',\n    'Apr',\n    'May',\n    'Jun',\n    'Jul',\n    'Aug',\n    'Sep',\n    'Oct',\n    'Nov',\n    'Dec',\n  ];\n  return `${days[eventDate.getDay()]}, ${\n    months[eventDate.getMonth()]\n  } ${eventDate.getDate()}`;\n};\n\n/**\n * Parse a date string to local Date object\n */\nexport const parseLocalDate = (dateString: string): Date => {\n  const parts = dateString.split('-');\n  const date = new Date(\n    parseInt(parts[0], 10),\n    parseInt(parts[1], 10) - 1,\n    parseInt(parts[2], 10),\n  );\n  date.setHours(0, 0, 0, 0);\n  return date;\n};\n\n/**\n * Get the start date of an event\n */\nexport const getEventStartDate = (event: EventEntry): Date => {\n  return parseLocalDate(event.startStamp.split('T')[0]);\n};\n\n/**\n * Check if an event spans multiple days\n */\nexport const isMultiDayEvent = (event: EventEntry): boolean => {\n  const startParts = event.startStamp.split('T')[0].split('-');\n  const startMonth = startParts[1];\n  const startDay = startParts[2];\n  const endMonth = MONTH_MAP[event.endMonth || ''];\n  const endDay = (event.endDay || '').padStart(2, '0');\n\n  return !(startMonth === endMonth && startDay === endDay);\n};\n\n/**\n * Check if an event starts on a specific date\n */\nexport const eventStartsOnDate = (event: EventEntry, targetDate: Date): boolean => {\n  const eventStartDate = getEventStartDate(event);\n  return eventStartDate.getTime() === targetDate.getTime();\n};\n\n/**\n * Get event priority for sorting within a date group\n *\n * Priority:\n * 1. Multi-day events that start on this date\n * 2. Single-day events\n * 3. Multi-day events that don't start on this date\n */\nexport const getEventPriority = (event: EventEntry, groupDate: Date): number => {\n  const isMulti = isMultiDayEvent(event);\n  const startsOnDate = eventStartsOnDate(event, groupDate);\n\n  if (isMulti && startsOnDate) return 1;\n  if (!isMulti) return 2;\n  return 3;\n};\n\n/**\n * Sort events by priority within a date group\n */\nexport const sortEventsByPriority = (\n  events: EventEntry[],\n  groupDate: Date,\n): EventEntry[] => {\n  return [...events].sort((a, b) => {\n    const aPriority = getEventPriority(a, groupDate);\n    const bPriority = getEventPriority(b, groupDate);\n    return aPriority - bPriority;\n  });\n};\n\n/**\n * Group events by date\n *\n * Groups events by their start date, with past events grouped under today.\n * Each group is sorted by priority (multi-day events starting today first).\n */\nexport const groupEventsByDate = (events: EventEntry[]): GroupedEvent[] => {\n  const currentDate = new Date();\n  currentDate.setHours(0, 0, 0, 0);\n\n  const grouped = events.reduce((acc, event) => {\n    const eventDate = getEventStartDate(event);\n    const dateKey =\n      eventDate < currentDate\n        ? currentDate.toISOString().split('T')[0]\n        : event.startStamp;\n\n    if (!acc[dateKey]) {\n      acc[dateKey] = {\n        date: getDateBanner(dateKey),\n        events: [],\n      };\n    }\n    acc[dateKey].events.push(event);\n    return acc;\n  }, {} as Record<string, GroupedEvent>);\n\n  // Sort events within each group by priority\n  Object.keys(grouped).forEach((dateKey) => {\n    const groupDate = parseLocalDate(dateKey);\n    grouped[dateKey].events = sortEventsByPriority(\n      grouped[dateKey].events,\n      groupDate,\n    );\n  });\n\n  // Return groups sorted by date\n  return Object.values(grouped).sort((a, b) => {\n    const dateA = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === a) || '',\n    );\n    const dateB = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === b) || '',\n    );\n    return dateA.getTime() - dateB.getTime();\n  });\n};\n"],"names":["days"],"mappings":"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"}

package/dist/helpers/styles/shadow.js

@@ -1,33 +1,16 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Styles = require("@universityofmaryland/web-styles-library");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+import * as Styles from "@universityofmaryland/web-styles-library";
 const setShadowStyles = async ({
   shadowRoot,
   styles
 }) => {
   const styleElement = document.createElement("style");
-  const optimizedCss = await Styles__namespace.utilities.transform.css.removeDuplicates(
+  const optimizedCss = await Styles.utilities.transform.css.removeDuplicates(
     styles
   );
   styleElement.textContent = optimizedCss;
   shadowRoot.appendChild(styleElement);
 };
-exports.setShadowStyles = setShadowStyles;
+export {
+  setShadowStyles
+};
 //# sourceMappingURL=shadow.js.map

package/dist/helpers/styles/shadow.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadow.js","sources":["../../../source/helpers/styles/shadow.ts"],"sourcesContent":["/**\n * Shadow DOM Styles Utility\n *\n * Utilities for managing styles within Shadow DOM contexts.\n *\n * @module utilities/styles/shadow\n */\n\nimport * as Styles from '@universityofmaryland/web-styles-library';\n\n/**\n * Sets optimized styles on a shadow root\n *\n * This function takes a CSS string, removes duplicate rules for optimization,\n * and injects it into a shadow root via a style element.\n *\n * @param shadowRoot - The shadow root to inject styles into\n * @param styles - CSS string to optimize and inject\n *\n * @example\n * ```typescript\n * const shadowRoot = element.attachShadow({ mode: 'open' });\n * await setShadowStyles({\n *   shadowRoot,\n *   styles: '.my-class { color: red; }'\n * });\n * ```\n */\nexport const setShadowStyles = async ({\n  shadowRoot,\n  styles,\n}: {\n  shadowRoot: ShadowRoot;\n  styles: string;\n}): Promise<void> => {\n  const styleElement = document.createElement('style');\n  const optimizedCss = await Styles.utilities.transform.css.removeDuplicates(\n    styles,\n  );\n  styleElement.textContent = optimizedCss;\n  shadowRoot.appendChild(styleElement);\n};\n\n/**\n * Updates shadow root styles by replacing or appending\n *\n * This function can either replace all existing styles or append new styles\n * to an existing shadow root.\n *\n * @param shadowRoot - The shadow root to update\n * @param styles - CSS string to optimize and inject\n * @param replace - If true, removes all existing style elements first\n *\n * @example\n * ```typescript\n * // Append additional styles\n * await updateShadowStyles({\n *   shadowRoot,\n *   styles: '.new-class { color: blue; }',\n *   replace: false\n * });\n *\n * // Replace all styles\n * await updateShadowStyles({\n *   shadowRoot,\n *   styles: '.only-class { color: green; }',\n *   replace: true\n * });\n * ```\n */\nexport const updateShadowStyles = async ({\n  shadowRoot,\n  styles,\n  replace = false,\n}: {\n  shadowRoot: ShadowRoot;\n  styles: string;\n  replace?: boolean;\n}): Promise<void> => {\n  if (replace) {\n    // Remove all existing style elements\n    const existingStyles = shadowRoot.querySelectorAll('style');\n    existingStyles.forEach((style) => style.remove());\n  }\n\n  await setShadowStyles({ shadowRoot, styles });\n};\n"],"names":["Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,kBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AACF,MAGqB;AACnB,QAAM,eAAe,SAAS,cAAc,OAAO;AACnD,QAAM,eAAe,MAAMA,kBAAO,UAAU,UAAU,IAAI;AAAA,IACxD;AAAA,EAAA;AAEF,eAAa,cAAc;AAC3B,aAAW,YAAY,YAAY;AACrC;;"}
+{"version":3,"file":"shadow.js","sources":["../../../source/helpers/styles/shadow.ts"],"sourcesContent":["/**\n * Shadow DOM Styles Utility\n *\n * Utilities for managing styles within Shadow DOM contexts.\n *\n * @module utilities/styles/shadow\n */\n\nimport * as Styles from '@universityofmaryland/web-styles-library';\n\n/**\n * Sets optimized styles on a shadow root\n *\n * This function takes a CSS string, removes duplicate rules for optimization,\n * and injects it into a shadow root via a style element.\n *\n * @param shadowRoot - The shadow root to inject styles into\n * @param styles - CSS string to optimize and inject\n *\n * @example\n * ```typescript\n * const shadowRoot = element.attachShadow({ mode: 'open' });\n * await setShadowStyles({\n *   shadowRoot,\n *   styles: '.my-class { color: red; }'\n * });\n * ```\n */\nexport const setShadowStyles = async ({\n  shadowRoot,\n  styles,\n}: {\n  shadowRoot: ShadowRoot;\n  styles: string;\n}): Promise<void> => {\n  const styleElement = document.createElement('style');\n  const optimizedCss = await Styles.utilities.transform.css.removeDuplicates(\n    styles,\n  );\n  styleElement.textContent = optimizedCss;\n  shadowRoot.appendChild(styleElement);\n};\n\n/**\n * Updates shadow root styles by replacing or appending\n *\n * This function can either replace all existing styles or append new styles\n * to an existing shadow root.\n *\n * @param shadowRoot - The shadow root to update\n * @param styles - CSS string to optimize and inject\n * @param replace - If true, removes all existing style elements first\n *\n * @example\n * ```typescript\n * // Append additional styles\n * await updateShadowStyles({\n *   shadowRoot,\n *   styles: '.new-class { color: blue; }',\n *   replace: false\n * });\n *\n * // Replace all styles\n * await updateShadowStyles({\n *   shadowRoot,\n *   styles: '.only-class { color: green; }',\n *   replace: true\n * });\n * ```\n */\nexport const updateShadowStyles = async ({\n  shadowRoot,\n  styles,\n  replace = false,\n}: {\n  shadowRoot: ShadowRoot;\n  styles: string;\n  replace?: boolean;\n}): Promise<void> => {\n  if (replace) {\n    // Remove all existing style elements\n    const existingStyles = shadowRoot.querySelectorAll('style');\n    existingStyles.forEach((style) => style.remove());\n  }\n\n  await setShadowStyles({ shadowRoot, styles });\n};\n"],"names":[],"mappings":";AA4BO,MAAM,kBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AACF,MAGqB;AACnB,QAAM,eAAe,SAAS,cAAc,OAAO;AACnD,QAAM,eAAe,MAAM,OAAO,UAAU,UAAU,IAAI;AAAA,IACxD;AAAA,EAAA;AAEF,eAAa,cAAc;AAC3B,aAAW,YAAY,YAAY;AACrC;"}

package/dist/index.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const academic = require("./academic.js");
-const experts = require("./experts.js");
-const events = require("./events.js");
-const news = require("./news.js");
-exports.academic = academic;
-exports.experts = experts;
-exports.events = events;
-exports.news = news;
+import * as academic from "./academic.js";
+import * as experts from "./experts.js";
+import * as events from "./events.js";
+import * as news from "./news.js";
+export {
+  academic,
+  events,
+  experts,
+  news
+};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/news.js

@@ -1,9 +1,9 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const featured = require("./feeds/news/featured.js");
-const grid = require("./feeds/news/grid.js");
-const list = require("./feeds/news/list.js");
-exports.featured = featured;
-exports.grid = grid;
-exports.list = list;
+import { newsFeatured } from "./feeds/news/featured.js";
+import { newsGrid } from "./feeds/news/grid.js";
+import { newsList } from "./feeds/news/list.js";
+export {
+  newsFeatured as featured,
+  newsGrid as grid,
+  newsList as list
+};
 //# sourceMappingURL=news.js.map

package/dist/news.js.map

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

package/dist/states/_types.d.ts

@@ -1,4 +1,3 @@
-import { ElementModel } from '../_types';
 export interface LoadingStateConfig {
     isThemeDark?: boolean;
 }
@@ -34,27 +33,4 @@ export interface FeedState {
     hide?: () => void;
     destroy?: () => void;
 }
-export interface LoaderLegacyAPI {
-    create: (config: LoadingStateConfig) => ElementModel;
-    display: (props: {
-        container: HTMLElement;
-        isThemeDark?: boolean;
-    }) => void;
-    remove: (props: {
-        container: HTMLElement;
-    }) => void;
-}
-export interface AnnouncerLegacyAPI {
-    create: (config: AnnouncerConfig) => HTMLElement;
-    update: (props: {
-        container: HTMLElement;
-        message: string;
-    }) => void;
-}
-export interface PaginationLegacyAPI {
-    create: (config: PaginationStateConfig) => ElementModel | undefined;
-    remove: (props: {
-        container: HTMLElement;
-    }) => void;
-}
 //# sourceMappingURL=_types.d.ts.map

package/dist/states/_types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../source/states/_types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAK9C,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAKD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAKD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;CAChB;AAKD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CACrC;AAKD,oBAAY,cAAc;IACxB,aAAa,uBAAuB;IACpC,WAAW,qBAAqB;IAChC,WAAW,qBAAqB;IAChC,iBAAiB,2BAA2B;IAC5C,YAAY,sBAAsB;CACnC;AAKD,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAKD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,YAAY,CAAC;IACrD,OAAO,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,WAAW,CAAC;QAAC,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5E,MAAM,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;CACrD;AAKD,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,WAAW,CAAC;IACjD,MAAM,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,WAAW,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACtE;AAKD,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,YAAY,GAAG,SAAS,CAAC;IACpE,MAAM,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;CACrD"}
+{"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../source/states/_types.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAKD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAKD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;CAChB;AAKD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CACrC;AAKD,oBAAY,cAAc;IACxB,aAAa,uBAAuB;IACpC,WAAW,qBAAqB;IAChC,WAAW,qBAAqB;IAChC,iBAAiB,2BAA2B;IAC5C,YAAY,sBAAsB;CACnC;AAKD,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/dist/states/_types.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 var FeedStateEvent = /* @__PURE__ */ ((FeedStateEvent2) => {
   FeedStateEvent2["LOADING_START"] = "feed:loading:start";
   FeedStateEvent2["LOADING_END"] = "feed:loading:end";
@@ -8,5 +6,7 @@ var FeedStateEvent = /* @__PURE__ */ ((FeedStateEvent2) => {
   FeedStateEvent2["ANNOUNCEMENT"] = "feed:announcement";
   return FeedStateEvent2;
 })(FeedStateEvent || {});
-exports.FeedStateEvent = FeedStateEvent;
+export {
+  FeedStateEvent
+};
 //# sourceMappingURL=_types.js.map

package/dist/states/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../source/states/_types.ts"],"sourcesContent":["import { type ElementModel } from '../_types';\n\n/**\n * Configuration for loading state\n */\nexport interface LoadingStateConfig {\n  isThemeDark?: boolean;\n}\n\n/**\n * Configuration for empty/no results state\n */\nexport interface EmptyStateConfig {\n  message?: string;\n  linkUrl?: string;\n  linkText?: string;\n  isThemeDark?: boolean;\n  isAlignedCenter?: boolean;\n}\n\n/**\n * Configuration for pagination state\n */\nexport interface PaginationStateConfig {\n  callback: () => void;\n  isThemeDark?: boolean;\n  isLazyLoad: boolean;\n  totalEntries: number | null;\n  offset: number;\n}\n\n/**\n * Configuration for announcer (aria-live)\n */\nexport interface AnnouncerConfig {\n  message: string;\n  politeness?: 'polite' | 'assertive';\n}\n\n/**\n * Feed state events for custom event dispatching\n */\nexport enum FeedStateEvent {\n  LOADING_START = 'feed:loading:start',\n  LOADING_END = 'feed:loading:end',\n  EMPTY_SHOWN = 'feed:empty:shown',\n  PAGINATION_LOADED = 'feed:pagination:loaded',\n  ANNOUNCEMENT = 'feed:announcement',\n}\n\n/**\n * Standard feed state interface\n */\nexport interface FeedState {\n  element: HTMLElement;\n  styles: string;\n  show?: (container: HTMLElement) => void;\n  hide?: () => void;\n  destroy?: () => void;\n}\n\n/**\n * Legacy loader API (backwards compatible)\n */\nexport interface LoaderLegacyAPI {\n  create: (config: LoadingStateConfig) => ElementModel;\n  display: (props: { container: HTMLElement; isThemeDark?: boolean }) => void;\n  remove: (props: { container: HTMLElement }) => void;\n}\n\n/**\n * Legacy announcer API (backwards compatible)\n */\nexport interface AnnouncerLegacyAPI {\n  create: (config: AnnouncerConfig) => HTMLElement;\n  update: (props: { container: HTMLElement; message: string }) => void;\n}\n\n/**\n * Legacy pagination API (backwards compatible)\n */\nexport interface PaginationLegacyAPI {\n  create: (config: PaginationStateConfig) => ElementModel | undefined;\n  remove: (props: { container: HTMLElement }) => void;\n}\n"],"names":["FeedStateEvent"],"mappings":";;AA0CO,IAAK,mCAAAA,oBAAL;AACLA,kBAAA,eAAA,IAAgB;AAChBA,kBAAA,aAAA,IAAc;AACdA,kBAAA,aAAA,IAAc;AACdA,kBAAA,mBAAA,IAAoB;AACpBA,kBAAA,cAAA,IAAe;AALL,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;;"}
+{"version":3,"file":"_types.js","sources":["../../source/states/_types.ts"],"sourcesContent":["/**\n * Configuration for loading state\n */\nexport interface LoadingStateConfig {\n  isThemeDark?: boolean;\n}\n\n/**\n * Configuration for empty/no results state\n */\nexport interface EmptyStateConfig {\n  message?: string;\n  linkUrl?: string;\n  linkText?: string;\n  isThemeDark?: boolean;\n  isAlignedCenter?: boolean;\n}\n\n/**\n * Configuration for pagination state\n */\nexport interface PaginationStateConfig {\n  callback: () => void;\n  isThemeDark?: boolean;\n  isLazyLoad: boolean;\n  totalEntries: number | null;\n  offset: number;\n}\n\n/**\n * Configuration for announcer (aria-live)\n */\nexport interface AnnouncerConfig {\n  message: string;\n  politeness?: 'polite' | 'assertive';\n}\n\n/**\n * Feed state events for custom event dispatching\n */\nexport enum FeedStateEvent {\n  LOADING_START = 'feed:loading:start',\n  LOADING_END = 'feed:loading:end',\n  EMPTY_SHOWN = 'feed:empty:shown',\n  PAGINATION_LOADED = 'feed:pagination:loaded',\n  ANNOUNCEMENT = 'feed:announcement',\n}\n\n/**\n * Standard feed state interface\n */\nexport interface FeedState {\n  element: HTMLElement;\n  styles: string;\n  show?: (container: HTMLElement) => void;\n  hide?: () => void;\n  destroy?: () => void;\n}\n"],"names":["FeedStateEvent"],"mappings":"AAwCO,IAAK,mCAAAA,oBAAL;AACLA,kBAAA,eAAA,IAAgB;AAChBA,kBAAA,aAAA,IAAc;AACdA,kBAAA,aAAA,IAAc;AACdA,kBAAA,mBAAA,IAAoB;AACpBA,kBAAA,cAAA,IAAe;AALL,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;"}

package/dist/states/announcer.d.ts

@@ -1,4 +1,4 @@
-import { AnnouncerConfig, AnnouncerLegacyAPI } from './_types';
+import { AnnouncerConfig } from './_types';
 export declare function createAnnouncerElement(config: AnnouncerConfig): HTMLElement;
 export declare class Announcer {
     private element;
@@ -11,6 +11,4 @@ export declare class Announcer {
     destroy(): void;
     getElement(): HTMLElement;
 }
-declare const _default: AnnouncerLegacyAPI;
-export default _default;
 //# sourceMappingURL=announcer.d.ts.map

package/dist/states/announcer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"announcer.d.ts","sourceRoot":"","sources":["../../source/states/announcer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,kBAAkB,EAAkB,MAAM,UAAU,CAAC;AAiBzF,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,eAAe,GAAG,WAAW,CAgB3E;AAmBD,qBAAa,SAAS;IACpB,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,UAAU,CAAyB;gBAE/B,MAAM,GAAE,OAAO,CAAC,eAAe,CAAM;IAsBjD,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAoB/B,KAAK,IAAI,IAAI;IAOb,aAAa,CAAC,UAAU,EAAE,QAAQ,GAAG,WAAW,GAAG,IAAI;IAQvD,OAAO,IAAI,IAAI;IASf,UAAU,IAAI,WAAW;CAG1B;wBAsCI,kBAAkB;AAHvB,wBAGwB"}
+{"version":3,"file":"announcer.d.ts","sourceRoot":"","sources":["../../source/states/announcer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,UAAU,CAAC;AAiBhE,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,eAAe,GAAG,WAAW,CAgB3E;AAmBD,qBAAa,SAAS;IACpB,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,UAAU,CAAyB;gBAE/B,MAAM,GAAE,OAAO,CAAC,eAAe,CAAM;IAsBjD,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAoB/B,KAAK,IAAI,IAAI;IAOb,aAAa,CAAC,UAAU,EAAE,QAAQ,GAAG,WAAW,GAAG,IAAI;IAQvD,OAAO,IAAI,IAAI;IASf,UAAU,IAAI,WAAW;CAG1B"}

package/dist/states/announcer.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _types = require("./_types.js");
+import { FeedStateEvent } from "./_types.js";
 class Announcer {
   constructor(config = {}) {
     this.politeness = config.politeness || "polite";
@@ -20,7 +18,7 @@ class Announcer {
   announce(message) {
     this.textElement.textContent = message;
     this.element.dispatchEvent(
-      new CustomEvent(_types.FeedStateEvent.ANNOUNCEMENT, {
+      new CustomEvent(FeedStateEvent.ANNOUNCEMENT, {
         bubbles: true,
         detail: {
           message,
@@ -58,5 +56,7 @@ class Announcer {
     return this.element;
   }
 }
-exports.Announcer = Announcer;
+export {
+  Announcer
+};
 //# sourceMappingURL=announcer.js.map

package/dist/states/announcer.js.map

@@ -1 +1 @@
-{"version":3,"file":"announcer.js","sources":["../../source/states/announcer.ts"],"sourcesContent":["import { type AnnouncerConfig, type AnnouncerLegacyAPI, FeedStateEvent } from './_types';\n\n/**\n * Creates an ARIA live region for screen reader announcements\n *\n * @param config - Announcer configuration\n * @returns HTMLElement configured as an ARIA live region\n *\n * @example\n * ```typescript\n * const announcer = createAnnouncerElement({\n *   message: 'Loading complete, 10 items found',\n *   politeness: 'polite'\n * });\n * document.body.appendChild(announcer);\n * ```\n */\nexport function createAnnouncerElement(config: AnnouncerConfig): HTMLElement {\n  const { message, politeness = 'polite' } = config;\n\n  const container = document.createElement('div');\n  const textElement = document.createElement('p');\n\n  container.setAttribute('aria-live', politeness);\n  container.setAttribute('role', 'status');\n  container.classList.add('sr-only');\n\n  // Use textContent for security instead of innerHTML\n  textElement.textContent = message;\n\n  container.appendChild(textElement);\n\n  return container;\n}\n\n/**\n * Announcer class for managing ARIA live regions\n *\n * Provides a reusable way to announce dynamic content changes to screen readers.\n *\n * @example\n * ```typescript\n * const announcer = new Announcer({ politeness: 'polite' });\n * document.body.appendChild(announcer.element);\n *\n * // Later, announce something\n * announcer.announce('20 new items loaded');\n *\n * // Cleanup when done\n * announcer.destroy();\n * ```\n */\nexport class Announcer {\n  private element: HTMLElement;\n  private textElement: HTMLElement;\n  private politeness: 'polite' | 'assertive';\n\n  constructor(config: Partial<AnnouncerConfig> = {}) {\n    this.politeness = config.politeness || 'polite';\n\n    // Create the live region\n    this.element = document.createElement('div');\n    this.element.setAttribute('aria-live', this.politeness);\n    this.element.setAttribute('role', 'status');\n    this.element.classList.add('sr-only');\n\n    // Create text container\n    this.textElement = document.createElement('p');\n    this.element.appendChild(this.textElement);\n\n    // Set initial message if provided\n    if (config.message) {\n      this.announce(config.message);\n    }\n  }\n\n  /**\n   * Announce a message to screen readers\n   */\n  announce(message: string): void {\n    // Use textContent for security\n    this.textElement.textContent = message;\n\n    // Dispatch custom event for tracking\n    this.element.dispatchEvent(\n      new CustomEvent(FeedStateEvent.ANNOUNCEMENT, {\n        bubbles: true,\n        detail: {\n          message,\n          politeness: this.politeness,\n          timestamp: Date.now(),\n        },\n      })\n    );\n  }\n\n  /**\n   * Clear the announcement\n   */\n  clear(): void {\n    this.textElement.textContent = '';\n  }\n\n  /**\n   * Change the politeness level\n   */\n  setPoliteness(politeness: 'polite' | 'assertive'): void {\n    this.politeness = politeness;\n    this.element.setAttribute('aria-live', politeness);\n  }\n\n  /**\n   * Remove the announcer from DOM\n   */\n  destroy(): void {\n    if (this.element.parentNode) {\n      this.element.remove();\n    }\n  }\n\n  /**\n   * Get the announcer element\n   */\n  getElement(): HTMLElement {\n    return this.element;\n  }\n}\n\n// =============================================================================\n// Backwards Compatible Exports (Legacy API)\n// =============================================================================\n\n/**\n * @deprecated Use Announcer class or createAnnouncerElement instead\n */\nconst create = (config: AnnouncerConfig): HTMLElement => {\n  return createAnnouncerElement(config);\n};\n\n/**\n * @deprecated Use Announcer.announce() instead\n */\nconst update = ({\n  container,\n  message,\n}: {\n  container: HTMLElement;\n  message: string;\n}): void => {\n  const element = container.querySelector(`[aria-live]`) as HTMLDivElement;\n  const textElement = element?.querySelector('p');\n\n  if (textElement) {\n    textElement.textContent = message; // Use textContent for security\n  }\n};\n\n/**\n * Legacy API for backwards compatibility\n * @deprecated Use Announcer class instead\n */\nexport default {\n  create,\n  update,\n} as AnnouncerLegacyAPI;\n"],"names":["FeedStateEvent"],"mappings":";;;AAoDO,MAAM,UAAU;AAAA,EAKrB,YAAY,SAAmC,IAAI;AACjD,SAAK,aAAa,OAAO,cAAc;AAGvC,SAAK,UAAU,SAAS,cAAc,KAAK;AAC3C,SAAK,QAAQ,aAAa,aAAa,KAAK,UAAU;AACtD,SAAK,QAAQ,aAAa,QAAQ,QAAQ;AAC1C,SAAK,QAAQ,UAAU,IAAI,SAAS;AAGpC,SAAK,cAAc,SAAS,cAAc,GAAG;AAC7C,SAAK,QAAQ,YAAY,KAAK,WAAW;AAGzC,QAAI,OAAO,SAAS;AAClB,WAAK,SAAS,OAAO,OAAO;AAAA,IAC9B;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS,SAAuB;AAE9B,SAAK,YAAY,cAAc;AAG/B,SAAK,QAAQ;AAAA,MACX,IAAI,YAAYA,OAAAA,eAAe,cAAc;AAAA,QAC3C,SAAS;AAAA,QACT,QAAQ;AAAA,UACN;AAAA,UACA,YAAY,KAAK;AAAA,UACjB,WAAW,KAAK,IAAA;AAAA,QAAI;AAAA,MACtB,CACD;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA;AAAA;AAAA,EAKA,QAAc;AACZ,SAAK,YAAY,cAAc;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc,YAA0C;AACtD,SAAK,aAAa;AAClB,SAAK,QAAQ,aAAa,aAAa,UAAU;AAAA,EACnD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,QAAI,KAAK,QAAQ,YAAY;AAC3B,WAAK,QAAQ,OAAA;AAAA,IACf;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,aAA0B;AACxB,WAAO,KAAK;AAAA,EACd;AACF;;"}
+{"version":3,"file":"announcer.js","sources":["../../source/states/announcer.ts"],"sourcesContent":["import { type AnnouncerConfig, FeedStateEvent } from './_types';\n\n/**\n * Creates an ARIA live region for screen reader announcements\n *\n * @param config - Announcer configuration\n * @returns HTMLElement configured as an ARIA live region\n *\n * @example\n * ```typescript\n * const announcer = createAnnouncerElement({\n *   message: 'Loading complete, 10 items found',\n *   politeness: 'polite'\n * });\n * document.body.appendChild(announcer);\n * ```\n */\nexport function createAnnouncerElement(config: AnnouncerConfig): HTMLElement {\n  const { message, politeness = 'polite' } = config;\n\n  const container = document.createElement('div');\n  const textElement = document.createElement('p');\n\n  container.setAttribute('aria-live', politeness);\n  container.setAttribute('role', 'status');\n  container.classList.add('sr-only');\n\n  // Use textContent for security instead of innerHTML\n  textElement.textContent = message;\n\n  container.appendChild(textElement);\n\n  return container;\n}\n\n/**\n * Announcer class for managing ARIA live regions\n *\n * Provides a reusable way to announce dynamic content changes to screen readers.\n *\n * @example\n * ```typescript\n * const announcer = new Announcer({ politeness: 'polite' });\n * document.body.appendChild(announcer.element);\n *\n * // Later, announce something\n * announcer.announce('20 new items loaded');\n *\n * // Cleanup when done\n * announcer.destroy();\n * ```\n */\nexport class Announcer {\n  private element: HTMLElement;\n  private textElement: HTMLElement;\n  private politeness: 'polite' | 'assertive';\n\n  constructor(config: Partial<AnnouncerConfig> = {}) {\n    this.politeness = config.politeness || 'polite';\n\n    // Create the live region\n    this.element = document.createElement('div');\n    this.element.setAttribute('aria-live', this.politeness);\n    this.element.setAttribute('role', 'status');\n    this.element.classList.add('sr-only');\n\n    // Create text container\n    this.textElement = document.createElement('p');\n    this.element.appendChild(this.textElement);\n\n    // Set initial message if provided\n    if (config.message) {\n      this.announce(config.message);\n    }\n  }\n\n  /**\n   * Announce a message to screen readers\n   */\n  announce(message: string): void {\n    // Use textContent for security\n    this.textElement.textContent = message;\n\n    // Dispatch custom event for tracking\n    this.element.dispatchEvent(\n      new CustomEvent(FeedStateEvent.ANNOUNCEMENT, {\n        bubbles: true,\n        detail: {\n          message,\n          politeness: this.politeness,\n          timestamp: Date.now(),\n        },\n      })\n    );\n  }\n\n  /**\n   * Clear the announcement\n   */\n  clear(): void {\n    this.textElement.textContent = '';\n  }\n\n  /**\n   * Change the politeness level\n   */\n  setPoliteness(politeness: 'polite' | 'assertive'): void {\n    this.politeness = politeness;\n    this.element.setAttribute('aria-live', politeness);\n  }\n\n  /**\n   * Remove the announcer from DOM\n   */\n  destroy(): void {\n    if (this.element.parentNode) {\n      this.element.remove();\n    }\n  }\n\n  /**\n   * Get the announcer element\n   */\n  getElement(): HTMLElement {\n    return this.element;\n  }\n}\n\n"],"names":[],"mappings":";AAoDO,MAAM,UAAU;AAAA,EAKrB,YAAY,SAAmC,IAAI;AACjD,SAAK,aAAa,OAAO,cAAc;AAGvC,SAAK,UAAU,SAAS,cAAc,KAAK;AAC3C,SAAK,QAAQ,aAAa,aAAa,KAAK,UAAU;AACtD,SAAK,QAAQ,aAAa,QAAQ,QAAQ;AAC1C,SAAK,QAAQ,UAAU,IAAI,SAAS;AAGpC,SAAK,cAAc,SAAS,cAAc,GAAG;AAC7C,SAAK,QAAQ,YAAY,KAAK,WAAW;AAGzC,QAAI,OAAO,SAAS;AAClB,WAAK,SAAS,OAAO,OAAO;AAAA,IAC9B;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS,SAAuB;AAE9B,SAAK,YAAY,cAAc;AAG/B,SAAK,QAAQ;AAAA,MACX,IAAI,YAAY,eAAe,cAAc;AAAA,QAC3C,SAAS;AAAA,QACT,QAAQ;AAAA,UACN;AAAA,UACA,YAAY,KAAK;AAAA,UACjB,WAAW,KAAK,IAAA;AAAA,QAAI;AAAA,MACtB,CACD;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA;AAAA;AAAA,EAKA,QAAc;AACZ,SAAK,YAAY,cAAc;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc,YAA0C;AACtD,SAAK,aAAa;AAClB,SAAK,QAAQ,aAAa,aAAa,UAAU;AAAA,EACnD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,QAAI,KAAK,QAAQ,YAAY;AAC3B,WAAK,QAAQ,OAAA;AAAA,IACf;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,aAA0B;AACxB,WAAO,KAAK;AAAA,EACd;AACF;"}

package/dist/states/empty.d.ts

@@ -12,6 +12,4 @@ export declare class EmptyState {
     get element(): HTMLElement;
     get styles(): string;
 }
-declare const _default: (config?: EmptyStateConfig) => ElementModel;
-export default _default;
 //# sourceMappingURL=empty.d.ts.map

package/dist/states/empty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../source/states/empty.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,KAAK,gBAAgB,EAAkB,MAAM,UAAU,CAAC;AAkBjE,wBAAgB,kBAAkB,CAAC,MAAM,GAAE,gBAAqB,GAAG,YAAY,CAsD9E;AAiBD,qBAAa,UAAU;IACrB,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,MAAM,CAAmB;gBAErB,MAAM,GAAE,gBAAqB;IAQzC,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAkBpC,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAWpC,OAAO,IAAI,IAAI;IAUf,IAAI,OAAO,IAAI,WAAW,CAEzB;IAKD,IAAI,MAAM,IAAI,MAAM,CAEnB;CACF;yBAWe,SAAQ,gBAAqB,KAAG,YAAY;AAA5D,wBAEE"}
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../source/states/empty.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,KAAK,gBAAgB,EAAkB,MAAM,UAAU,CAAC;AAkBjE,wBAAgB,kBAAkB,CAAC,MAAM,GAAE,gBAAqB,GAAG,YAAY,CAsD9E;AAiBD,qBAAa,UAAU;IACrB,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,MAAM,CAAmB;gBAErB,MAAM,GAAE,gBAAqB;IAQzC,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAkBpC,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAWpC,OAAO,IAAI,IAAI;IAUf,IAAI,OAAO,IAAI,WAAW,CAEzB;IAKD,IAAI,MAAM,IAAI,MAAM,CAEnB;CACF"}

package/dist/states/empty.js

@@ -1,27 +1,8 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const webElementsLibrary = require("@universityofmaryland/web-elements-library");
-const Styles = require("@universityofmaryland/web-styles-library");
-const theme = require("@universityofmaryland/web-utilities-library/theme");
-const _types = require("./_types.js");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import { Atomic } from "@universityofmaryland/web-elements-library";
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { theme } from "@universityofmaryland/web-utilities-library/theme";
+import { FeedStateEvent } from "./_types.js";
 function createEmptyElement(config = {}) {
   const {
     message = "No results found",
@@ -30,20 +11,20 @@ function createEmptyElement(config = {}) {
     isThemeDark = false,
     isAlignedCenter = true
   } = config;
-  const headline = new webBuilderLibrary.ElementBuilder(document.createElement("p")).styled(Styles__namespace.typography.sans.compose("extralarge")).withStyles({
+  const headline = new ElementBuilder(document.createElement("p")).styled(Styles.typography.sans.compose("extralarge")).withStyles({
     element: {
       textTransform: "uppercase",
-      color: theme.theme.foreground(isThemeDark)
+      color: theme.foreground(isThemeDark)
     }
   }).build();
   headline.element.textContent = message;
-  const composite = new webBuilderLibrary.ElementBuilder().styled(Styles__namespace.layout.grid.stacked).withChild(headline).withStyles({
+  const composite = new ElementBuilder().styled(Styles.layout.grid.stacked).withChild(headline).withStyles({
     element: {
       [`& *`]: {
         textAlign: isAlignedCenter ? "center" : "left"
       },
       [`& *:not(:first-child)`]: {
-        marginTop: `${Styles__namespace.token.spacing.md}`
+        marginTop: `${Styles.token.spacing.md}`
       }
     }
   });
@@ -53,7 +34,7 @@ function createEmptyElement(config = {}) {
     link.setAttribute("href", linkUrl);
     link.setAttribute("target", "_blank");
     link.setAttribute("rel", "noopener noreferrer");
-    const ctaButton = webElementsLibrary.Atomic.actions.options({
+    const ctaButton = Atomic.actions.options({
       element: link,
       isTypeOutline: true,
       isThemeDark
@@ -75,7 +56,7 @@ class EmptyState {
     this.container = container;
     container.appendChild(this.model.element);
     container.dispatchEvent(
-      new CustomEvent(_types.FeedStateEvent.EMPTY_SHOWN, {
+      new CustomEvent(FeedStateEvent.EMPTY_SHOWN, {
         bubbles: true,
         detail: {
           message: this.config.message,
@@ -116,6 +97,8 @@ class EmptyState {
     return this.model.styles;
   }
 }
-exports.EmptyState = EmptyState;
-exports.createEmptyElement = createEmptyElement;
+export {
+  EmptyState,
+  createEmptyElement
+};
 //# sourceMappingURL=empty.js.map

package/dist/states/empty.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty.js","sources":["../../source/states/empty.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { Atomic } from '@universityofmaryland/web-elements-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\n\nimport { type ElementModel } from '../_types';\nimport { type EmptyStateConfig, FeedStateEvent } from './_types';\n\n/**\n * Creates an empty/no results state element\n *\n * @param config - Empty state configuration\n * @returns ElementModel with empty state UI\n *\n * @example\n * ```typescript\n * const empty = createEmptyElement({\n *   message: 'No events found',\n *   linkUrl: 'https://calendar.umd.edu',\n *   linkText: 'View all events'\n * });\n * container.appendChild(empty.element);\n * ```\n */\nexport function createEmptyElement(config: EmptyStateConfig = {}): ElementModel {\n  const {\n    message = 'No results found',\n    linkUrl,\n    linkText,\n    isThemeDark = false,\n    isAlignedCenter = true,\n  } = config;\n\n  const headline = new ElementBuilder(document.createElement('p'))\n    .styled(Styles.typography.sans.compose('extralarge'))\n    .withStyles({\n      element: {\n        textTransform: 'uppercase',\n        color: theme.foreground(isThemeDark),\n      },\n    })\n    .build();\n\n  // Use textContent for security instead of innerHTML\n  headline.element.textContent = message;\n\n  const composite = new ElementBuilder()\n    .styled(Styles.layout.grid.stacked)\n    .withChild(headline)\n    .withStyles({\n      element: {\n        [`& *`]: {\n          textAlign: isAlignedCenter ? 'center' : 'left',\n        },\n        [`& *:not(:first-child)`]: {\n          marginTop: `${Styles.token.spacing.md}`,\n        },\n      },\n    });\n\n  // Add optional CTA link\n  if (linkUrl && linkText) {\n    const link = document.createElement('a');\n    link.textContent = linkText; // Use textContent for security\n    link.setAttribute('href', linkUrl);\n    link.setAttribute('target', '_blank');\n    link.setAttribute('rel', 'noopener noreferrer');\n\n    const ctaButton = Atomic.actions.options({\n      element: link,\n      isTypeOutline: true,\n      isThemeDark,\n    });\n\n    composite.withChild(ctaButton);\n  }\n\n  return composite.build();\n}\n\n/**\n * Empty state manager class\n *\n * Manages the display of empty/no results state with optional CTA.\n *\n * @example\n * ```typescript\n * const empty = new EmptyState({\n *   message: 'No articles found',\n *   linkUrl: 'https://today.umd.edu',\n *   linkText: 'View all articles'\n * });\n * empty.render(container);\n * ```\n */\nexport class EmptyState {\n  private model: ElementModel;\n  private container: HTMLElement | null = null;\n  private config: EmptyStateConfig;\n\n  constructor(config: EmptyStateConfig = {}) {\n    this.config = config;\n    this.model = createEmptyElement(config);\n  }\n\n  /**\n   * Render the empty state in a container\n   */\n  render(container: HTMLElement): void {\n    this.container = container;\n    container.appendChild(this.model.element);\n\n    container.dispatchEvent(\n      new CustomEvent(FeedStateEvent.EMPTY_SHOWN, {\n        bubbles: true,\n        detail: {\n          message: this.config.message,\n          timestamp: Date.now(),\n        },\n      })\n    );\n  }\n\n  /**\n   * Update the empty state message\n   */\n  updateMessage(message: string): void {\n    const headline = this.model.element.querySelector('p');\n    if (headline) {\n      headline.textContent = message;\n      this.config.message = message;\n    }\n  }\n\n  /**\n   * Remove the empty state from DOM\n   */\n  destroy(): void {\n    if (this.model.element.parentNode) {\n      this.model.element.remove();\n    }\n    this.container = null;\n  }\n\n  /**\n   * Get the empty state element\n   */\n  get element(): HTMLElement {\n    return this.model.element;\n  }\n\n  /**\n   * Get the empty state styles\n   */\n  get styles(): string {\n    return this.model.styles;\n  }\n}\n\n// =============================================================================\n// Backwards Compatible Export (Legacy API)\n// =============================================================================\n\n/**\n * Create empty state element (legacy function API)\n *\n * @deprecated Use EmptyState class or createEmptyElement function instead\n */\nexport default (config: EmptyStateConfig = {}): ElementModel => {\n  return createEmptyElement(config);\n};\n"],"names":["ElementBuilder","Styles","theme","Atomic","FeedStateEvent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBO,SAAS,mBAAmB,SAA2B,IAAkB;AAC9E,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,kBAAkB;AAAA,EAAA,IAChB;AAEJ,QAAM,WAAW,IAAIA,kBAAAA,eAAe,SAAS,cAAc,GAAG,CAAC,EAC5D,OAAOC,kBAAO,WAAW,KAAK,QAAQ,YAAY,CAAC,EACnD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,MACf,OAAOC,MAAAA,MAAM,WAAW,WAAW;AAAA,IAAA;AAAA,EACrC,CACD,EACA,MAAA;AAGH,WAAS,QAAQ,cAAc;AAE/B,QAAM,YAAY,IAAIF,kBAAAA,iBACnB,OAAOC,kBAAO,OAAO,KAAK,OAAO,EACjC,UAAU,QAAQ,EAClB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,KAAK,GAAG;AAAA,QACP,WAAW,kBAAkB,WAAW;AAAA,MAAA;AAAA,MAE1C,CAAC,uBAAuB,GAAG;AAAA,QACzB,WAAW,GAAGA,kBAAO,MAAM,QAAQ,EAAE;AAAA,MAAA;AAAA,IACvC;AAAA,EACF,CACD;AAGH,MAAI,WAAW,UAAU;AACvB,UAAM,OAAO,SAAS,cAAc,GAAG;AACvC,SAAK,cAAc;AACnB,SAAK,aAAa,QAAQ,OAAO;AACjC,SAAK,aAAa,UAAU,QAAQ;AACpC,SAAK,aAAa,OAAO,qBAAqB;AAE9C,UAAM,YAAYE,mBAAAA,OAAO,QAAQ,QAAQ;AAAA,MACvC,SAAS;AAAA,MACT,eAAe;AAAA,MACf;AAAA,IAAA,CACD;AAED,cAAU,UAAU,SAAS;AAAA,EAC/B;AAEA,SAAO,UAAU,MAAA;AACnB;AAiBO,MAAM,WAAW;AAAA,EAKtB,YAAY,SAA2B,IAAI;AAH3C,SAAQ,YAAgC;AAItC,SAAK,SAAS;AACd,SAAK,QAAQ,mBAAmB,MAAM;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,WAA8B;AACnC,SAAK,YAAY;AACjB,cAAU,YAAY,KAAK,MAAM,OAAO;AAExC,cAAU;AAAA,MACR,IAAI,YAAYC,OAAAA,eAAe,aAAa;AAAA,QAC1C,SAAS;AAAA,QACT,QAAQ;AAAA,UACN,SAAS,KAAK,OAAO;AAAA,UACrB,WAAW,KAAK,IAAA;AAAA,QAAI;AAAA,MACtB,CACD;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc,SAAuB;AACnC,UAAM,WAAW,KAAK,MAAM,QAAQ,cAAc,GAAG;AACrD,QAAI,UAAU;AACZ,eAAS,cAAc;AACvB,WAAK,OAAO,UAAU;AAAA,IACxB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,QAAI,KAAK,MAAM,QAAQ,YAAY;AACjC,WAAK,MAAM,QAAQ,OAAA;AAAA,IACrB;AACA,SAAK,YAAY;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,UAAuB;AACzB,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,SAAiB;AACnB,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;;;"}
+{"version":3,"file":"empty.js","sources":["../../source/states/empty.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { Atomic } from '@universityofmaryland/web-elements-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\n\nimport { type ElementModel } from '../_types';\nimport { type EmptyStateConfig, FeedStateEvent } from './_types';\n\n/**\n * Creates an empty/no results state element\n *\n * @param config - Empty state configuration\n * @returns ElementModel with empty state UI\n *\n * @example\n * ```typescript\n * const empty = createEmptyElement({\n *   message: 'No events found',\n *   linkUrl: 'https://calendar.umd.edu',\n *   linkText: 'View all events'\n * });\n * container.appendChild(empty.element);\n * ```\n */\nexport function createEmptyElement(config: EmptyStateConfig = {}): ElementModel {\n  const {\n    message = 'No results found',\n    linkUrl,\n    linkText,\n    isThemeDark = false,\n    isAlignedCenter = true,\n  } = config;\n\n  const headline = new ElementBuilder(document.createElement('p'))\n    .styled(Styles.typography.sans.compose('extralarge'))\n    .withStyles({\n      element: {\n        textTransform: 'uppercase',\n        color: theme.foreground(isThemeDark),\n      },\n    })\n    .build();\n\n  // Use textContent for security instead of innerHTML\n  headline.element.textContent = message;\n\n  const composite = new ElementBuilder()\n    .styled(Styles.layout.grid.stacked)\n    .withChild(headline)\n    .withStyles({\n      element: {\n        [`& *`]: {\n          textAlign: isAlignedCenter ? 'center' : 'left',\n        },\n        [`& *:not(:first-child)`]: {\n          marginTop: `${Styles.token.spacing.md}`,\n        },\n      },\n    });\n\n  // Add optional CTA link\n  if (linkUrl && linkText) {\n    const link = document.createElement('a');\n    link.textContent = linkText; // Use textContent for security\n    link.setAttribute('href', linkUrl);\n    link.setAttribute('target', '_blank');\n    link.setAttribute('rel', 'noopener noreferrer');\n\n    const ctaButton = Atomic.actions.options({\n      element: link,\n      isTypeOutline: true,\n      isThemeDark,\n    });\n\n    composite.withChild(ctaButton);\n  }\n\n  return composite.build();\n}\n\n/**\n * Empty state manager class\n *\n * Manages the display of empty/no results state with optional CTA.\n *\n * @example\n * ```typescript\n * const empty = new EmptyState({\n *   message: 'No articles found',\n *   linkUrl: 'https://today.umd.edu',\n *   linkText: 'View all articles'\n * });\n * empty.render(container);\n * ```\n */\nexport class EmptyState {\n  private model: ElementModel;\n  private container: HTMLElement | null = null;\n  private config: EmptyStateConfig;\n\n  constructor(config: EmptyStateConfig = {}) {\n    this.config = config;\n    this.model = createEmptyElement(config);\n  }\n\n  /**\n   * Render the empty state in a container\n   */\n  render(container: HTMLElement): void {\n    this.container = container;\n    container.appendChild(this.model.element);\n\n    container.dispatchEvent(\n      new CustomEvent(FeedStateEvent.EMPTY_SHOWN, {\n        bubbles: true,\n        detail: {\n          message: this.config.message,\n          timestamp: Date.now(),\n        },\n      })\n    );\n  }\n\n  /**\n   * Update the empty state message\n   */\n  updateMessage(message: string): void {\n    const headline = this.model.element.querySelector('p');\n    if (headline) {\n      headline.textContent = message;\n      this.config.message = message;\n    }\n  }\n\n  /**\n   * Remove the empty state from DOM\n   */\n  destroy(): void {\n    if (this.model.element.parentNode) {\n      this.model.element.remove();\n    }\n    this.container = null;\n  }\n\n  /**\n   * Get the empty state element\n   */\n  get element(): HTMLElement {\n    return this.model.element;\n  }\n\n  /**\n   * Get the empty state styles\n   */\n  get styles(): string {\n    return this.model.styles;\n  }\n}\n\n"],"names":[],"mappings":";;;;;AAwBO,SAAS,mBAAmB,SAA2B,IAAkB;AAC9E,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,kBAAkB;AAAA,EAAA,IAChB;AAEJ,QAAM,WAAW,IAAI,eAAe,SAAS,cAAc,GAAG,CAAC,EAC5D,OAAO,OAAO,WAAW,KAAK,QAAQ,YAAY,CAAC,EACnD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,MACf,OAAO,MAAM,WAAW,WAAW;AAAA,IAAA;AAAA,EACrC,CACD,EACA,MAAA;AAGH,WAAS,QAAQ,cAAc;AAE/B,QAAM,YAAY,IAAI,iBACnB,OAAO,OAAO,OAAO,KAAK,OAAO,EACjC,UAAU,QAAQ,EAClB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,KAAK,GAAG;AAAA,QACP,WAAW,kBAAkB,WAAW;AAAA,MAAA;AAAA,MAE1C,CAAC,uBAAuB,GAAG;AAAA,QACzB,WAAW,GAAG,OAAO,MAAM,QAAQ,EAAE;AAAA,MAAA;AAAA,IACvC;AAAA,EACF,CACD;AAGH,MAAI,WAAW,UAAU;AACvB,UAAM,OAAO,SAAS,cAAc,GAAG;AACvC,SAAK,cAAc;AACnB,SAAK,aAAa,QAAQ,OAAO;AACjC,SAAK,aAAa,UAAU,QAAQ;AACpC,SAAK,aAAa,OAAO,qBAAqB;AAE9C,UAAM,YAAY,OAAO,QAAQ,QAAQ;AAAA,MACvC,SAAS;AAAA,MACT,eAAe;AAAA,MACf;AAAA,IAAA,CACD;AAED,cAAU,UAAU,SAAS;AAAA,EAC/B;AAEA,SAAO,UAAU,MAAA;AACnB;AAiBO,MAAM,WAAW;AAAA,EAKtB,YAAY,SAA2B,IAAI;AAH3C,SAAQ,YAAgC;AAItC,SAAK,SAAS;AACd,SAAK,QAAQ,mBAAmB,MAAM;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,WAA8B;AACnC,SAAK,YAAY;AACjB,cAAU,YAAY,KAAK,MAAM,OAAO;AAExC,cAAU;AAAA,MACR,IAAI,YAAY,eAAe,aAAa;AAAA,QAC1C,SAAS;AAAA,QACT,QAAQ;AAAA,UACN,SAAS,KAAK,OAAO;AAAA,UACrB,WAAW,KAAK,IAAA;AAAA,QAAI;AAAA,MACtB,CACD;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc,SAAuB;AACnC,UAAM,WAAW,KAAK,MAAM,QAAQ,cAAc,GAAG;AACrD,QAAI,UAAU;AACZ,eAAS,cAAc;AACvB,WAAK,OAAO,UAAU;AAAA,IACxB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,QAAI,KAAK,MAAM,QAAQ,YAAY;AACjC,WAAK,MAAM,QAAQ,OAAA;AAAA,IACrB;AACA,SAAK,YAAY;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,UAAuB;AACzB,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,SAAiB;AACnB,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;"}

package/dist/states/index.d.ts

@@ -1,10 +1,6 @@
-export { LoadingState, createLoadingElement, } from './loading';
-export { EmptyState, createEmptyElement, } from './empty';
-export { PaginationState, createPaginationElement, } from './pagination';
-export { Announcer, createAnnouncerElement, } from './announcer';
+export { LoadingState, createLoadingElement } from './loading';
+export { EmptyState, createEmptyElement } from './empty';
+export { PaginationState, createPaginationElement } from './pagination';
+export { Announcer, createAnnouncerElement } from './announcer';
 export type { LoadingStateConfig, EmptyStateConfig, PaginationStateConfig, AnnouncerConfig, FeedStateEvent, FeedState, } from './_types';
-export { default as loader } from './loading';
-export { default as noResults } from './empty';
-export { default as buttonLazyLoad } from './pagination';
-export { default as ariaLive } from './announcer';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/states/index.ts"],"names":[],"mappings":"AA0BA,OAAO,EACL,YAAY,EACZ,oBAAoB,GACrB,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,UAAU,EACV,kBAAkB,GACnB,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,eAAe,EACf,uBAAuB,GACxB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,SAAS,EACT,sBAAsB,GACvB,MAAM,aAAa,CAAC;AAGrB,YAAY,EACV,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,SAAS,GACV,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/states/index.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAEhE,YAAY,EACV,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,SAAS,GACV,MAAM,UAAU,CAAC"}

package/dist/states/loading.d.ts

@@ -1,5 +1,5 @@
 import { ElementModel } from '../_types';
-import { LoadingStateConfig, LoaderLegacyAPI } from './_types';
+import { LoadingStateConfig } from './_types';
 export declare function createLoadingElement(config?: LoadingStateConfig): ElementModel;
 export declare class LoadingState {
     private model;
@@ -12,6 +12,4 @@ export declare class LoadingState {
     get element(): HTMLElement;
     get styles(): string;
 }
-declare const _default: LoaderLegacyAPI;
-export default _default;
 //# sourceMappingURL=loading.d.ts.map

package/dist/states/loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../source/states/loading.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,eAAe,EAErB,MAAM,UAAU,CAAC;AA6ClB,wBAAgB,oBAAoB,CAAC,MAAM,GAAE,kBAAuB,GAAG,YAAY,CA0FlF;AAeD,qBAAa,YAAY;IACvB,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,SAAS,CAAkB;gBAEvB,MAAM,GAAE,kBAAuB;IAO3C,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAkBlC,IAAI,IAAI,IAAI;IAmBZ,OAAO,IAAI,IAAI;IAQf,IAAI,OAAO,IAAI,WAAW,CAEzB;IAKD,IAAI,MAAM,IAAI,MAAM,CAEnB;CACF;wBA2CI,eAAe;AAJpB,wBAIqB"}
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../source/states/loading.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,KAAK,kBAAkB,EAAkB,MAAM,UAAU,CAAC;AA6CnE,wBAAgB,oBAAoB,CAAC,MAAM,GAAE,kBAAuB,GAAG,YAAY,CA0FlF;AAeD,qBAAa,YAAY;IACvB,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,SAAS,CAAkB;gBAEvB,MAAM,GAAE,kBAAuB;IAO3C,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAkBlC,IAAI,IAAI,IAAI;IAmBZ,OAAO,IAAI,IAAI;IAQf,IAAI,OAAO,IAAI,WAAW,CAEzB;IAKD,IAAI,MAAM,IAAI,MAAM,CAEnB;CACF"}

package/dist/states/loading.js

@@ -1,8 +1,6 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const Styles = require("@universityofmaryland/web-styles-library");
-const _types = require("./_types.js");
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import { token } from "@universityofmaryland/web-styles-library";
+import { FeedStateEvent } from "./_types.js";
 const ID_UMD_LOADER = "umd-loader-container";
 const keyframes = `
   @keyframes loader-first-animation {
@@ -41,43 +39,43 @@ function createLoadingElement(config = {}) {
     width: "8px",
     height: "8px",
     borderRadius: "50%",
-    background: isThemeDark ? Styles.token.color.gray.light : Styles.token.color.gray.dark,
+    background: isThemeDark ? token.color.gray.light : token.color.gray.dark,
     animationTimingFunction: "cubic-bezier(0, 1, 1, 0)"
   };
-  const innerElmOne = new webBuilderLibrary.ElementBuilder().withClassName(`${ID_UMD_LOADER}-one`).withStyles({
+  const innerElmOne = new ElementBuilder().withClassName(`${ID_UMD_LOADER}-one`).withStyles({
     element: {
       ...defaultDotStyles,
       left: "5px",
       animation: "loader-first-animation 0.6s infinite"
     }
   }).build();
-  const innerElmTwo = new webBuilderLibrary.ElementBuilder().withClassName(`${ID_UMD_LOADER}-two`).withStyles({
+  const innerElmTwo = new ElementBuilder().withClassName(`${ID_UMD_LOADER}-two`).withStyles({
     element: {
       ...defaultDotStyles,
       left: "5px",
       animation: "loader-middle-animation 0.6s infinite"
     }
   }).build();
-  const innerElmThree = new webBuilderLibrary.ElementBuilder().withClassName(`${ID_UMD_LOADER}-three`).withStyles({
+  const innerElmThree = new ElementBuilder().withClassName(`${ID_UMD_LOADER}-three`).withStyles({
     element: {
       ...defaultDotStyles,
       left: "24px",
       animation: "loader-middle-animation 0.6s infinite"
     }
   }).build();
-  const innerElmFour = new webBuilderLibrary.ElementBuilder().withClassName(`${ID_UMD_LOADER}-four`).withStyles({
+  const innerElmFour = new ElementBuilder().withClassName(`${ID_UMD_LOADER}-four`).withStyles({
     element: {
       ...defaultDotStyles,
       left: "45px",
       animation: "loader-last-animation 0.6s infinite"
     }
   }).build();
-  const wrapper = new webBuilderLibrary.ElementBuilder().withClassName(`${ID_UMD_LOADER}-wrapper`).withChild(innerElmOne).withChild(innerElmTwo).withChild(innerElmThree).withChild(innerElmFour).withStyles({
+  const wrapper = new ElementBuilder().withClassName(`${ID_UMD_LOADER}-wrapper`).withChild(innerElmOne).withChild(innerElmTwo).withChild(innerElmThree).withChild(innerElmFour).withStyles({
     element: {
       position: "relative"
     }
   }).build();
-  const composite = new webBuilderLibrary.ElementBuilder().withClassName(ID_UMD_LOADER).withChild(wrapper).withStyles({
+  const composite = new ElementBuilder().withClassName(ID_UMD_LOADER).withChild(wrapper).withStyles({
     element: {
       display: "flex",
       justifyContent: "center",
@@ -106,7 +104,7 @@ class LoadingState {
       container.appendChild(this.model.element);
       this.isVisible = true;
       container.dispatchEvent(
-        new CustomEvent(_types.FeedStateEvent.LOADING_START, {
+        new CustomEvent(FeedStateEvent.LOADING_START, {
           bubbles: true,
           detail: { timestamp: Date.now() }
         })
@@ -122,7 +120,7 @@ class LoadingState {
       this.isVisible = false;
       if (this.container) {
         this.container.dispatchEvent(
-          new CustomEvent(_types.FeedStateEvent.LOADING_END, {
+          new CustomEvent(FeedStateEvent.LOADING_END, {
             bubbles: true,
             detail: { timestamp: Date.now() }
           })
@@ -150,6 +148,8 @@ class LoadingState {
     return this.model.styles;
   }
 }
-exports.LoadingState = LoadingState;
-exports.createLoadingElement = createLoadingElement;
+export {
+  LoadingState,
+  createLoadingElement
+};
 //# sourceMappingURL=loading.js.map