@universityofmaryland/web-elements-library 1.4.8 → 1.5.0-beta.0

package/dist/utilities/theme/animations.mjs

@@ -1,70 +0,0 @@
-const shrinkThenRemove = ({ container }) => {
-  const frames = 30;
-  const startingHeight = container.clientHeight;
-  const startingPadding = parseInt(
-    window.getComputedStyle(container).paddingBottom.split("px")[0]
-  );
-  const heightDiff = startingHeight / frames;
-  const paddingDiff = startingPadding / frames;
-  let currentFrame = 0;
-  let currentHeight = startingHeight;
-  let currentPadding = startingPadding;
-  container.style.overflow = "hidden";
-  const shrink = () => {
-    if (frames > currentFrame) {
-      currentHeight = currentHeight - heightDiff;
-      currentPadding = currentPadding - paddingDiff;
-      container.style.height = `${currentHeight}px`;
-      container.style.paddingBottom = `${currentPadding}px`;
-      currentFrame++;
-      window.requestAnimationFrame(shrink);
-    } else {
-      container.style.height = "0px";
-      container.style.paddingBottom = "0px";
-      setTimeout(() => {
-        container.style.display = "none";
-        container.setAttribute("closed", "true");
-      }, 100);
-    }
-  };
-  window.requestAnimationFrame(shrink);
-};
-const scrollTo = ({
-  element,
-  spread = 30,
-  frames = 60
-}) => {
-  if (!element) return;
-  const documentBody = document.documentElement.scrollTop || document.body.scrollTop;
-  const elm = document.body;
-  let from = 0;
-  const to = element.getBoundingClientRect();
-  const toPosition = documentBody == 0 ? to.top - from - spread : to.top - spread;
-  const currentPosition = window.pageYOffset;
-  const jump = (toPosition - from) / frames;
-  from = currentPosition;
-  function scroll() {
-    if (frames > 0) {
-      const position = from + jump;
-      from = position;
-      elm.scrollTop = from;
-      document.documentElement.scrollTop = from;
-      frames--;
-      window.requestAnimationFrame(scroll);
-    } else {
-      const elms = Array.from(
-        element.querySelectorAll("a, button")
-      );
-      element.focus({ preventScroll: true });
-      if (Array.isArray(elms) && elms.length > 0) {
-        elms[0].focus({ preventScroll: true });
-      }
-    }
-  }
-  window.requestAnimationFrame(scroll);
-};
-export {
-  scrollTo,
-  shrinkThenRemove
-};
-//# sourceMappingURL=animations.mjs.map

package/dist/utilities/theme/animations.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"animations.mjs","sources":["../../../source/utilities/theme/animations.ts"],"sourcesContent":["/**\n * Animation utilities for theme and style transitions\n */\n\n/**\n * Animate element shrinking and removal\n * Used for collapsing UI elements smoothly\n */\nexport const shrinkThenRemove = ({ container }: { container: HTMLElement }) => {\n  const frames = 30;\n  const startingHeight = container.clientHeight;\n  const startingPadding = parseInt(\n    window.getComputedStyle(container).paddingBottom.split('px')[0],\n  );\n  const heightDiff = startingHeight / frames;\n  const paddingDiff = startingPadding / frames;\n  let currentFrame = 0;\n  let currentHeight = startingHeight;\n  let currentPadding = startingPadding;\n\n  container.style.overflow = 'hidden';\n\n  const shrink = () => {\n    if (frames > currentFrame) {\n      currentHeight = currentHeight - heightDiff;\n      currentPadding = currentPadding - paddingDiff;\n\n      container.style.height = `${currentHeight}px`;\n      container.style.paddingBottom = `${currentPadding}px`;\n\n      currentFrame++;\n      window.requestAnimationFrame(shrink);\n    } else {\n      container.style.height = '0px';\n      container.style.paddingBottom = '0px';\n\n      setTimeout(() => {\n        container.style.display = 'none';\n        container.setAttribute('closed', 'true');\n      }, 100);\n    }\n  };\n\n  window.requestAnimationFrame(shrink);\n};\n\n/**\n * Smooth scroll to element with optional offset\n */\nexport const scrollTo = ({\n  element,\n  spread = 30,\n  frames = 60,\n}: {\n  element: HTMLElement;\n  spread?: number;\n  frames?: number;\n}) => {\n  if (!element) return;\n\n  const documentBody =\n    document.documentElement.scrollTop || document.body.scrollTop;\n  const elm = document.body;\n  let from = 0;\n  const to = element.getBoundingClientRect();\n  const toPosition =\n    documentBody == 0 ? to.top - from - spread : to.top - spread;\n  const currentPosition = window.pageYOffset;\n  const jump = (toPosition - from) / frames;\n  from = currentPosition;\n\n  function scroll() {\n    if (frames > 0) {\n      const position = from + jump;\n\n      from = position;\n      elm.scrollTop = from;\n      document.documentElement.scrollTop = from;\n\n      frames--;\n      window.requestAnimationFrame(scroll);\n    } else {\n      const elms = Array.from(\n        element.querySelectorAll('a, button'),\n      ) as Array<HTMLElement>;\n      element.focus({ preventScroll: true });\n      if (Array.isArray(elms) && elms.length > 0) {\n        elms[0].focus({ preventScroll: true });\n      }\n    }\n  }\n\n  window.requestAnimationFrame(scroll);\n};"],"names":[],"mappings":"AAQO,MAAM,mBAAmB,CAAC,EAAE,gBAA4C;AAC7E,QAAM,SAAS;AACf,QAAM,iBAAiB,UAAU;AACjC,QAAM,kBAAkB;AAAA,IACtB,OAAO,iBAAiB,SAAS,EAAE,cAAc,MAAM,IAAI,EAAE,CAAC;AAAA,EAAA;AAEhE,QAAM,aAAa,iBAAiB;AACpC,QAAM,cAAc,kBAAkB;AACtC,MAAI,eAAe;AACnB,MAAI,gBAAgB;AACpB,MAAI,iBAAiB;AAErB,YAAU,MAAM,WAAW;AAE3B,QAAM,SAAS,MAAM;AACnB,QAAI,SAAS,cAAc;AACzB,sBAAgB,gBAAgB;AAChC,uBAAiB,iBAAiB;AAElC,gBAAU,MAAM,SAAS,GAAG,aAAa;AACzC,gBAAU,MAAM,gBAAgB,GAAG,cAAc;AAEjD;AACA,aAAO,sBAAsB,MAAM;AAAA,IACrC,OAAO;AACL,gBAAU,MAAM,SAAS;AACzB,gBAAU,MAAM,gBAAgB;AAEhC,iBAAW,MAAM;AACf,kBAAU,MAAM,UAAU;AAC1B,kBAAU,aAAa,UAAU,MAAM;AAAA,MACzC,GAAG,GAAG;AAAA,IACR;AAAA,EACF;AAEA,SAAO,sBAAsB,MAAM;AACrC;AAKO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,EACT,SAAS;AACX,MAIM;AACJ,MAAI,CAAC,QAAS;AAEd,QAAM,eACJ,SAAS,gBAAgB,aAAa,SAAS,KAAK;AACtD,QAAM,MAAM,SAAS;AACrB,MAAI,OAAO;AACX,QAAM,KAAK,QAAQ,sBAAA;AACnB,QAAM,aACJ,gBAAgB,IAAI,GAAG,MAAM,OAAO,SAAS,GAAG,MAAM;AACxD,QAAM,kBAAkB,OAAO;AAC/B,QAAM,QAAQ,aAAa,QAAQ;AACnC,SAAO;AAEP,WAAS,SAAS;AAChB,QAAI,SAAS,GAAG;AACd,YAAM,WAAW,OAAO;AAExB,aAAO;AACP,UAAI,YAAY;AAChB,eAAS,gBAAgB,YAAY;AAErC;AACA,aAAO,sBAAsB,MAAM;AAAA,IACrC,OAAO;AACL,YAAM,OAAO,MAAM;AAAA,QACjB,QAAQ,iBAAiB,WAAW;AAAA,MAAA;AAEtC,cAAQ,MAAM,EAAE,eAAe,KAAA,CAAM;AACrC,UAAI,MAAM,QAAQ,IAAI,KAAK,KAAK,SAAS,GAAG;AAC1C,aAAK,CAAC,EAAE,MAAM,EAAE,eAAe,MAAM;AAAA,MACvC;AAAA,IACF;AAAA,EACF;AAEA,SAAO,sBAAsB,MAAM;AACrC;"}

package/dist/utilities/theme/assets.d.ts

@@ -1,6 +0,0 @@
-export declare const getResponsiveImageSize: ({ image, parentNode, maxWindowHeight, }: {
-    image: HTMLImageElement;
-    parentNode: HTMLElement;
-    maxWindowHeight?: number;
-}) => number;
-//# sourceMappingURL=assets.d.ts.map

package/dist/utilities/theme/assets.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../../source/utilities/theme/assets.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,sBAAsB,GAAI,yCAIpC;IACD,KAAK,EAAE,gBAAgB,CAAC;IACxB,UAAU,EAAE,WAAW,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,WAWA,CAAC"}

package/dist/utilities/theme/assets.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const getResponsiveImageSize = ({
-  image,
-  parentNode,
-  maxWindowHeight = window.innerHeight - 48
-}) => {
-  if (!image) return maxWindowHeight;
-  const imgHeight = image.naturalHeight;
-  const aspectRatio = image.naturalWidth / imgHeight;
-  const maxElementHeight = parentNode.offsetWidth / aspectRatio;
-  const maxHeight = maxElementHeight > maxWindowHeight ? maxWindowHeight : maxElementHeight;
-  const defaultImageHeight = imgHeight > maxHeight ? maxHeight : imgHeight;
-  return defaultImageHeight;
-};
-exports.getResponsiveImageSize = getResponsiveImageSize;
-//# sourceMappingURL=assets.js.map

package/dist/utilities/theme/assets.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"assets.js","sources":["../../../source/utilities/theme/assets.ts"],"sourcesContent":["/**\n * Asset-related style utilities\n * Functions for calculating responsive sizes and dimensions\n */\n\n/**\n * Calculate responsive image size based on container and viewport constraints\n */\nexport const getResponsiveImageSize = ({\n  image,\n  parentNode,\n  maxWindowHeight = window.innerHeight - 48,\n}: {\n  image: HTMLImageElement;\n  parentNode: HTMLElement;\n  maxWindowHeight?: number;\n}) => {\n  if (!image) return maxWindowHeight;\n\n  const imgHeight = image.naturalHeight;\n  const aspectRatio = image.naturalWidth / imgHeight;\n  const maxElementHeight = parentNode.offsetWidth / aspectRatio;\n  const maxHeight =\n    maxElementHeight > maxWindowHeight ? maxWindowHeight : maxElementHeight;\n  const defaultImageHeight = imgHeight > maxHeight ? maxHeight : imgHeight;\n\n  return defaultImageHeight;\n};"],"names":[],"mappings":";;AAQO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA,kBAAkB,OAAO,cAAc;AACzC,MAIM;AACJ,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,YAAY,MAAM;AACxB,QAAM,cAAc,MAAM,eAAe;AACzC,QAAM,mBAAmB,WAAW,cAAc;AAClD,QAAM,YACJ,mBAAmB,kBAAkB,kBAAkB;AACzD,QAAM,qBAAqB,YAAY,YAAY,YAAY;AAE/D,SAAO;AACT;;"}

package/dist/utilities/theme/assets.mjs

@@ -1,17 +0,0 @@
-const getResponsiveImageSize = ({
-  image,
-  parentNode,
-  maxWindowHeight = window.innerHeight - 48
-}) => {
-  if (!image) return maxWindowHeight;
-  const imgHeight = image.naturalHeight;
-  const aspectRatio = image.naturalWidth / imgHeight;
-  const maxElementHeight = parentNode.offsetWidth / aspectRatio;
-  const maxHeight = maxElementHeight > maxWindowHeight ? maxWindowHeight : maxElementHeight;
-  const defaultImageHeight = imgHeight > maxHeight ? maxHeight : imgHeight;
-  return defaultImageHeight;
-};
-export {
-  getResponsiveImageSize
-};
-//# sourceMappingURL=assets.mjs.map

package/dist/utilities/theme/assets.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"assets.mjs","sources":["../../../source/utilities/theme/assets.ts"],"sourcesContent":["/**\n * Asset-related style utilities\n * Functions for calculating responsive sizes and dimensions\n */\n\n/**\n * Calculate responsive image size based on container and viewport constraints\n */\nexport const getResponsiveImageSize = ({\n  image,\n  parentNode,\n  maxWindowHeight = window.innerHeight - 48,\n}: {\n  image: HTMLImageElement;\n  parentNode: HTMLElement;\n  maxWindowHeight?: number;\n}) => {\n  if (!image) return maxWindowHeight;\n\n  const imgHeight = image.naturalHeight;\n  const aspectRatio = image.naturalWidth / imgHeight;\n  const maxElementHeight = parentNode.offsetWidth / aspectRatio;\n  const maxHeight =\n    maxElementHeight > maxWindowHeight ? maxWindowHeight : maxElementHeight;\n  const defaultImageHeight = imgHeight > maxHeight ? maxHeight : imgHeight;\n\n  return defaultImageHeight;\n};"],"names":[],"mappings":"AAQO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA,kBAAkB,OAAO,cAAc;AACzC,MAIM;AACJ,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,YAAY,MAAM;AACxB,QAAM,cAAc,MAAM,eAAe;AACzC,QAAM,mBAAmB,WAAW,cAAc;AAClD,QAAM,YACJ,mBAAmB,kBAAkB,kBAAkB;AACzD,QAAM,qBAAqB,YAAY,YAAY,YAAY;AAE/D,SAAO;AACT;"}

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

@@ -1,11 +0,0 @@
-import * as Styles from '@universityofmaryland/web-styles-library';
-export * as animations from './animations';
-export * as assets from './assets';
-export * as media from './media';
-export declare const combineStyles: (...styles: (string | null | undefined)[]) => string;
-export declare const convertJSSObjectToStyles: ({ styleObj }: {
-    styleObj: any;
-}) => string;
-export declare const convertPixelStringToNumber: (styleStr: string) => number;
-export declare const getStyleStringFromJssObject: (styleObj: Styles.JssEntry) => string;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/utilities/theme/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,MAAM,0CAA0C,CAAC;AAKnE,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAKjC,eAAO,MAAM,aAAa,GAAI,GAAG,QAAQ,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,WACrC,CAAC;AAKlC,eAAO,MAAM,wBAAwB,GAAI,cAAc;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,WAGhE,CAAC;AAKT,eAAO,MAAM,0BAA0B,GAAI,UAAU,MAAM,WACrB,CAAC;AAKvC,eAAO,MAAM,2BAA2B,GAAI,UAAU,MAAM,CAAC,QAAQ,WAKjE,CAAC"}

package/dist/utilities/theme/index.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../node_modules/postcss/lib/postcss.js");
-const index = require("../../node_modules/postcss-nesting/dist/index.js");
-require("../../node_modules/postcss-js/index.js");
-const animations = require("./animations.js");
-const assets = require("./assets.js");
-const media = require("./media.js");
-const postcss = require("../../_virtual/postcss.js");
-const index$1 = require("../../_virtual/index.js");
-const combineStyles = (...styles) => styles.filter(Boolean).join("");
-const convertJSSObjectToStyles = ({ styleObj }) => postcss([index]).process(styleObj, {
-  parser: index$1
-}).css;
-const convertPixelStringToNumber = (styleStr) => parseInt(styleStr.replace("px", ""));
-const getStyleStringFromJssObject = (styleObj) => convertJSSObjectToStyles({
-  styleObj: {
-    [`.${styleObj.className}`]: styleObj
-  }
-});
-exports.animations = animations;
-exports.assets = assets;
-exports.media = media;
-exports.combineStyles = combineStyles;
-exports.convertJSSObjectToStyles = convertJSSObjectToStyles;
-exports.convertPixelStringToNumber = convertPixelStringToNumber;
-exports.getStyleStringFromJssObject = getStyleStringFromJssObject;
-//# sourceMappingURL=index.js.map

package/dist/utilities/theme/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../source/utilities/theme/index.ts"],"sourcesContent":["/**\n * Theme utilities for the University of Maryland Web Elements Library\n * Consolidates theme configuration, style transformation, and animation utilities\n */\n\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport postcss from 'postcss';\nimport postcssNesting from 'postcss-nesting';\nimport postcssJs from 'postcss-js';\n\nexport * as animations from './animations';\nexport * as assets from './assets';\nexport * as media from './media';\n\n/**\n * Combine multiple style strings, filtering out null/undefined values\n */\nexport const combineStyles = (...styles: (string | null | undefined)[]) =>\n  styles.filter(Boolean).join('');\n\n/**\n * Convert a JSS object to CSS string using PostCSS\n */\nexport const convertJSSObjectToStyles = ({ styleObj }: { styleObj: any }) =>\n  postcss([postcssNesting]).process(styleObj, {\n    parser: postcssJs as any,\n  }).css;\n\n/**\n * Convert pixel string to number (e.g., '16px' -> 16)\n */\nexport const convertPixelStringToNumber = (styleStr: string) =>\n  parseInt(styleStr.replace('px', ''));\n\n/**\n * Get CSS string from a JSS object with class name\n */\nexport const getStyleStringFromJssObject = (styleObj: Styles.JssEntry) =>\n  convertJSSObjectToStyles({\n    styleObj: {\n      [`.${styleObj.className}`]: styleObj,\n    },\n  });\n"],"names":["postcssNesting","postcssJs"],"mappings":";;;;;;;;;;AAiBO,MAAM,gBAAgB,IAAI,WAC/B,OAAO,OAAO,OAAO,EAAE,KAAK,EAAE;AAKzB,MAAM,2BAA2B,CAAC,EAAE,eACzC,QAAQ,CAACA,KAAc,CAAC,EAAE,QAAQ,UAAU;AAAA,EAC1C,QAAQC;AACV,CAAC,EAAE;AAKE,MAAM,6BAA6B,CAAC,aACzC,SAAS,SAAS,QAAQ,MAAM,EAAE,CAAC;AAK9B,MAAM,8BAA8B,CAAC,aAC1C,yBAAyB;AAAA,EACvB,UAAU;AAAA,IACR,CAAC,IAAI,SAAS,SAAS,EAAE,GAAG;AAAA,EAAA;AAEhC,CAAC;;;;;;;;"}

package/dist/utilities/theme/index.mjs

@@ -1,28 +0,0 @@
-import "../../node_modules/postcss/lib/postcss.mjs";
-import creator from "../../node_modules/postcss-nesting/dist/index.mjs";
-import "../../node_modules/postcss-js/index.mjs";
-import * as animations from "./animations.mjs";
-import * as assets from "./assets.mjs";
-import * as media from "./media.mjs";
-import postcss from "../../_virtual/postcss.mjs";
-import index from "../../_virtual/index.mjs";
-const combineStyles = (...styles) => styles.filter(Boolean).join("");
-const convertJSSObjectToStyles = ({ styleObj }) => postcss([creator]).process(styleObj, {
-  parser: index
-}).css;
-const convertPixelStringToNumber = (styleStr) => parseInt(styleStr.replace("px", ""));
-const getStyleStringFromJssObject = (styleObj) => convertJSSObjectToStyles({
-  styleObj: {
-    [`.${styleObj.className}`]: styleObj
-  }
-});
-export {
-  animations,
-  assets,
-  combineStyles,
-  convertJSSObjectToStyles,
-  convertPixelStringToNumber,
-  getStyleStringFromJssObject,
-  media
-};
-//# sourceMappingURL=index.mjs.map

package/dist/utilities/theme/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../source/utilities/theme/index.ts"],"sourcesContent":["/**\n * Theme utilities for the University of Maryland Web Elements Library\n * Consolidates theme configuration, style transformation, and animation utilities\n */\n\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport postcss from 'postcss';\nimport postcssNesting from 'postcss-nesting';\nimport postcssJs from 'postcss-js';\n\nexport * as animations from './animations';\nexport * as assets from './assets';\nexport * as media from './media';\n\n/**\n * Combine multiple style strings, filtering out null/undefined values\n */\nexport const combineStyles = (...styles: (string | null | undefined)[]) =>\n  styles.filter(Boolean).join('');\n\n/**\n * Convert a JSS object to CSS string using PostCSS\n */\nexport const convertJSSObjectToStyles = ({ styleObj }: { styleObj: any }) =>\n  postcss([postcssNesting]).process(styleObj, {\n    parser: postcssJs as any,\n  }).css;\n\n/**\n * Convert pixel string to number (e.g., '16px' -> 16)\n */\nexport const convertPixelStringToNumber = (styleStr: string) =>\n  parseInt(styleStr.replace('px', ''));\n\n/**\n * Get CSS string from a JSS object with class name\n */\nexport const getStyleStringFromJssObject = (styleObj: Styles.JssEntry) =>\n  convertJSSObjectToStyles({\n    styleObj: {\n      [`.${styleObj.className}`]: styleObj,\n    },\n  });\n"],"names":["postcssNesting","postcssJs"],"mappings":";;;;;;;;AAiBO,MAAM,gBAAgB,IAAI,WAC/B,OAAO,OAAO,OAAO,EAAE,KAAK,EAAE;AAKzB,MAAM,2BAA2B,CAAC,EAAE,eACzC,QAAQ,CAACA,OAAc,CAAC,EAAE,QAAQ,UAAU;AAAA,EAC1C,QAAQC;AACV,CAAC,EAAE;AAKE,MAAM,6BAA6B,CAAC,aACzC,SAAS,SAAS,QAAQ,MAAM,EAAE,CAAC;AAK9B,MAAM,8BAA8B,CAAC,aAC1C,yBAAyB;AAAA,EACvB,UAAU;AAAA,IACR,CAAC,IAAI,SAAS,SAAS,EAAE,GAAG;AAAA,EAAA;AAEhC,CAAC;"}

package/dist/utilities/theme/media.d.ts

@@ -1,12 +0,0 @@
-export declare const withViewTimelineAnimation: (styles: Record<string, any>) => {
-    '@media (prefers-reduced-motion: no-preference)': {
-        '@supports (animation-timeline: scroll())': Record<string, any>;
-    };
-};
-export declare const createContainerQuery: (comparison: string | undefined, breakpoint: number, styles?: {}) => {
-    [x: string]: {};
-};
-export declare const createRangeContainerQuery: (min: number, max: number, styles?: {}) => {
-    [x: string]: {};
-};
-//# sourceMappingURL=media.d.ts.map

package/dist/utilities/theme/media.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../../source/utilities/theme/media.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,yBAAyB,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;CAInE,CAAC;AASH,eAAO,MAAM,oBAAoB,GAC/B,8BAAwB,EACxB,YAAY,MAAM,EAClB,WAAW;;CAKZ,CAAC;AASF,eAAO,MAAM,yBAAyB,GACpC,KAAK,MAAM,EACX,KAAK,MAAM,EACX,WAAW;;CAKZ,CAAC"}

package/dist/utilities/theme/media.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const withViewTimelineAnimation = (styles) => ({
-  "@media (prefers-reduced-motion: no-preference)": {
-    "@supports (animation-timeline: scroll())": styles
-  }
-});
-const createContainerQuery = (comparison = "max-width", breakpoint, styles = {}) => {
-  return {
-    [`@media (${comparison}: ${breakpoint}px)`]: styles
-  };
-};
-const createRangeContainerQuery = (min, max, styles = {}) => {
-  return {
-    [`@media (min-width: ${min}px) and (max-width: ${max})`]: styles
-  };
-};
-exports.createContainerQuery = createContainerQuery;
-exports.createRangeContainerQuery = createRangeContainerQuery;
-exports.withViewTimelineAnimation = withViewTimelineAnimation;
-//# sourceMappingURL=media.js.map

package/dist/utilities/theme/media.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media.js","sources":["../../../source/utilities/theme/media.ts"],"sourcesContent":["/**\n * Media query and responsive utilities\n */\n\n/**\n * Wrap styles with view timeline animation support\n * Checks for reduced motion preference and animation-timeline support\n */\nexport const withViewTimelineAnimation = (styles: Record<string, any>) => ({\n  '@media (prefers-reduced-motion: no-preference)': {\n    '@supports (animation-timeline: scroll())': styles,\n  },\n});\n\n/**\n * Creates container query-style media query for responsive layouts.\n * @param {number} breakpoint - The breakpoint value in pixels\n * @param {string} comparison - The comparison operator ('min-width' or 'max-width')\n * @param {object} styles - The styles to apply at this breakpoint\n * @returns {object} Media query object with styles\n */\nexport const createContainerQuery = (\n  comparison = 'max-width',\n  breakpoint: number,\n  styles = {},\n) => {\n  return {\n    [`@media (${comparison}: ${breakpoint}px)`]: styles,\n  };\n};\n\n/**\n * Creates a container query for a range of viewport sizes.\n * @param {number} min - The minimum breakpoint in pixels\n * @param {number} max - The maximum breakpoint in pixels\n * @param {object} styles - The styles to apply within this range\n * @returns {object} Media query object\n */\nexport const createRangeContainerQuery = (\n  min: number,\n  max: number,\n  styles = {},\n) => {\n  return {\n    [`@media (min-width: ${min}px) and (max-width: ${max})`]: styles,\n  };\n};\n"],"names":[],"mappings":";;AAQO,MAAM,4BAA4B,CAAC,YAAiC;AAAA,EACzE,kDAAkD;AAAA,IAChD,4CAA4C;AAAA,EAAA;AAEhD;AASO,MAAM,uBAAuB,CAClC,aAAa,aACb,YACA,SAAS,CAAA,MACN;AACH,SAAO;AAAA,IACL,CAAC,WAAW,UAAU,KAAK,UAAU,KAAK,GAAG;AAAA,EAAA;AAEjD;AASO,MAAM,4BAA4B,CACvC,KACA,KACA,SAAS,CAAA,MACN;AACH,SAAO;AAAA,IACL,CAAC,sBAAsB,GAAG,uBAAuB,GAAG,GAAG,GAAG;AAAA,EAAA;AAE9D;;;;"}

package/dist/utilities/theme/media.mjs

@@ -1,21 +0,0 @@
-const withViewTimelineAnimation = (styles) => ({
-  "@media (prefers-reduced-motion: no-preference)": {
-    "@supports (animation-timeline: scroll())": styles
-  }
-});
-const createContainerQuery = (comparison = "max-width", breakpoint, styles = {}) => {
-  return {
-    [`@media (${comparison}: ${breakpoint}px)`]: styles
-  };
-};
-const createRangeContainerQuery = (min, max, styles = {}) => {
-  return {
-    [`@media (min-width: ${min}px) and (max-width: ${max})`]: styles
-  };
-};
-export {
-  createContainerQuery,
-  createRangeContainerQuery,
-  withViewTimelineAnimation
-};
-//# sourceMappingURL=media.mjs.map

package/dist/utilities/theme/media.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"media.mjs","sources":["../../../source/utilities/theme/media.ts"],"sourcesContent":["/**\n * Media query and responsive utilities\n */\n\n/**\n * Wrap styles with view timeline animation support\n * Checks for reduced motion preference and animation-timeline support\n */\nexport const withViewTimelineAnimation = (styles: Record<string, any>) => ({\n  '@media (prefers-reduced-motion: no-preference)': {\n    '@supports (animation-timeline: scroll())': styles,\n  },\n});\n\n/**\n * Creates container query-style media query for responsive layouts.\n * @param {number} breakpoint - The breakpoint value in pixels\n * @param {string} comparison - The comparison operator ('min-width' or 'max-width')\n * @param {object} styles - The styles to apply at this breakpoint\n * @returns {object} Media query object with styles\n */\nexport const createContainerQuery = (\n  comparison = 'max-width',\n  breakpoint: number,\n  styles = {},\n) => {\n  return {\n    [`@media (${comparison}: ${breakpoint}px)`]: styles,\n  };\n};\n\n/**\n * Creates a container query for a range of viewport sizes.\n * @param {number} min - The minimum breakpoint in pixels\n * @param {number} max - The maximum breakpoint in pixels\n * @param {object} styles - The styles to apply within this range\n * @returns {object} Media query object\n */\nexport const createRangeContainerQuery = (\n  min: number,\n  max: number,\n  styles = {},\n) => {\n  return {\n    [`@media (min-width: ${min}px) and (max-width: ${max})`]: styles,\n  };\n};\n"],"names":[],"mappings":"AAQO,MAAM,4BAA4B,CAAC,YAAiC;AAAA,EACzE,kDAAkD;AAAA,IAChD,4CAA4C;AAAA,EAAA;AAEhD;AASO,MAAM,uBAAuB,CAClC,aAAa,aACb,YACA,SAAS,CAAA,MACN;AACH,SAAO;AAAA,IACL,CAAC,WAAW,UAAU,KAAK,UAAU,KAAK,GAAG;AAAA,EAAA;AAEjD;AASO,MAAM,4BAA4B,CACvC,KACA,KACA,SAAS,CAAA,MACN;AACH,SAAO;AAAA,IACL,CAAC,sBAAsB,GAAG,uBAAuB,GAAG,GAAG,GAAG;AAAA,EAAA;AAE9D;"}

package/dist/utilities.d.ts

@@ -1,2 +0,0 @@
-export * from './utilities/index'
-export {}

package/dist/utilities.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./utilities/accessibility/index.js");
-const index$1 = require("./utilities/assets/index.js");
-const date = require("./utilities/date.js");
-const index$2 = require("./utilities/js-events/index.js");
-const index$3 = require("./utilities/markup/index.js");
-const index$4 = require("./utilities/network/index.js");
-const index$5 = require("./utilities/performance/index.js");
-const index$6 = require("./utilities/storage/index.js");
-const index$7 = require("./utilities/theme/index.js");
-exports.accessibility = index;
-exports.asset = index$1;
-exports.date = date;
-exports.javascriptEvents = index$2;
-exports.markup = index$3;
-exports.network = index$4;
-exports.performance = index$5;
-exports.storage = index$6;
-exports.theme = index$7;
-//# sourceMappingURL=utilities.js.map

package/dist/utilities.js.map

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

package/dist/utilities.mjs

@@ -1,21 +0,0 @@
-import * as index from "./utilities/accessibility/index.mjs";
-import * as index$1 from "./utilities/assets/index.mjs";
-import * as date from "./utilities/date.mjs";
-import * as index$2 from "./utilities/js-events/index.mjs";
-import * as index$3 from "./utilities/markup/index.mjs";
-import * as index$4 from "./utilities/network/index.mjs";
-import * as index$5 from "./utilities/performance/index.mjs";
-import * as index$6 from "./utilities/storage/index.mjs";
-import * as index$7 from "./utilities/theme/index.mjs";
-export {
-  index as accessibility,
-  index$1 as asset,
-  date,
-  index$2 as javascriptEvents,
-  index$3 as markup,
-  index$4 as network,
-  index$5 as performance,
-  index$6 as storage,
-  index$7 as theme
-};
-//# sourceMappingURL=utilities.mjs.map

package/dist/utilities.mjs.map

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