@pnx-mixtape/mxds 0.0.15 → 0.0.17

package/dist/build/utilities.css

@@ -1 +1,178 @@
-@layer design-system.utilities{.stack{display:grid;grid-template-areas:"stack"}.stack>*{grid-area:stack}.flex{display:flex}.place-center{align-content:center;justify-content:center;place-content:center}.align--center{margin-inline:auto}.align--left{margin-inline-end:auto}.align--right{margin-inline-start:auto}.align--bottom{margin-block-start:auto}.align--top{margin-block-end:auto}.order--start{order:-1}.order--1{order:1}.order--2{order:2}.order--3{order:3}.gap--s{gap:var(--gap-s)}.gap--m{gap:var(--gap)}.gap--l{gap:var(--gap-l)}.gap--xl{gap:var(--gap-xl)}.gap--section-l{gap:var(--section-l, var(--spacing-xl))}.gap--section-xl{gap:var(--section-xl, var(--spacing-uul))}}@layer design-system.utilities{.hidden,.visually-hidden,.sr-only{clip-path:polygon(0 0,0 0,0 0,0 0);box-sizing:border-box;position:absolute!important;margin:0;padding:0}.visually-hidden.visually-hidden--focussable:focus,.sr-only.sr-only--focussable:focus{clip-path:none;position:revert!important;margin:revert;padding:revert}[hidden]{display:none}}@layer design-system.utilities{@media (min-width: 946px){.mobile-only{display:none}}@media (max-width: 945.98px){.desktop-only{display:none}}.print-only{display:none!important}@media print{.print-only{display:block!important}}@media print{.screen-only{display:none!important}}}@layer design-system.utilities{.skeleton{--background: hsla(0, 0%, 0%, .1);--opacity-low: .5;--opacity-high: .75;--duration: 1.5s;animation:pulse 1.5s ease infinite;animation:pulse var(--duration) ease infinite}.skeleton--bg{background-color:var(--background);border-radius:var(--border-radius);z-index:-1}}@keyframes pulse{0%{opacity:var(--opacity-low)}75%{opacity:var(--opacity-high)}to{opacity:var(--opacity-low)}}
+@layer design-system.utilities {
+  .stack {
+    display: grid;
+    grid-template-areas: "stack";
+  }
+
+    .stack > * {
+      grid-area: stack;
+    }
+
+  .flex {
+    display: flex;
+  }
+
+  .place-center {
+    align-content: center;
+    justify-content: center;
+    place-content: center;
+  }
+
+  .align--center {
+    margin-inline: auto;
+  }
+
+  .align--left {
+    margin-inline-end: auto;
+  }
+
+  .align--right {
+    margin-inline-start: auto;
+  }
+
+  .align--bottom {
+    margin-block-start: auto;
+  }
+
+  .align--top {
+    margin-block-end: auto;
+  }
+
+  .order--start {
+    order: -1;
+  }
+
+  .order--1 {
+    order: 1;
+  }
+
+  .order--2 {
+    order: 2;
+  }
+
+  .order--3 {
+    order: 3;
+  }
+
+  .gap--s {
+    gap: var(--gap-s);
+  }
+
+  .gap--m {
+    gap: var(--gap);
+  }
+
+  .gap--l {
+    gap: var(--gap-l);
+  }
+
+  .gap--xl {
+    gap: var(--gap-xl);
+  }
+
+  .gap--section-l {
+    gap: var(--section-l, var(--spacing-xl));
+  }
+
+  .gap--section-xl {
+    gap: var(--section-xl, var(--spacing-uul));
+  }
+}
+
+@layer design-system.utilities {
+  .hidden,
+  .visually-hidden,
+  .sr-only {
+    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
+    box-sizing: border-box;
+    position: absolute !important;
+    margin: 0;
+    padding: 0;
+  }
+
+  .visually-hidden.visually-hidden--focussable:focus,
+  .sr-only.sr-only--focussable:focus {
+    clip-path: none;
+    position: revert !important;
+    margin: revert;
+    padding: revert;
+  }
+
+  [hidden] {
+    display: none;
+  }
+}
+
+/**
+ * Responsive utility class
+ */
+
+@layer design-system.utilities {
+    @media (min-width: 946px) {
+  .mobile-only {
+      display: none;
+  }
+    }
+    @media (max-width: 945.98px) {
+
+  .desktop-only {
+      display: none;
+  }
+    }
+
+  .print-only {
+    display: none !important;
+  }
+
+    @media print {
+
+  .print-only {
+      display: block !important;
+  }
+    }
+    @media print {
+
+  .screen-only {
+      display: none !important;
+  }
+    }
+}
+
+/**
+ * Skeleton and loading UI.
+ */
+
+@layer design-system.utilities {
+  .skeleton {
+    --background: hsla(0, 0%, 0%, 0.1);
+    --opacity-low: 0.5;
+    --opacity-high: 0.75;
+    --duration: 1500ms;
+
+    animation: pulse 1500ms ease infinite;
+
+    animation: pulse var(--duration) ease infinite;
+  }
+
+  .skeleton--bg {
+    background-color: var(--background);
+    border-radius: var(--border-radius);
+    z-index: -1;
+  }
+}
+
+@keyframes pulse {
+  0% {
+    opacity: var(--opacity-low);
+  }
+
+  75% {
+    opacity: var(--opacity-high);
+  }
+
+  100% {
+    opacity: var(--opacity-low);
+  }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIl9sYXlvdXQtdXRpbHMuY3NzIiwidXRpbGl0aWVzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0lBQ0UsYUFBYTtJQUNiLDRCQUE0QjtFQUs5Qjs7SUFIRTtNQUNFLGdCQUFnQjtJQUNsQjs7RUFHRjtJQUNFLGFBQWE7RUFDZjs7RUFFQTtJQUNFLHFCQUFxQjtJQUFyQix1QkFBcUI7SUFBckIscUJBQXFCO0VBQ3ZCOztFQUVBO0lBQ0UsbUJBQW1CO0VBQ3JCOztFQUVBO0lBQ0UsdUJBQXVCO0VBQ3pCOztFQUVBO0lBQ0UseUJBQXlCO0VBQzNCOztFQUVBO0lBQ0Usd0JBQXdCO0VBQzFCOztFQUVBO0lBQ0Usc0JBQXNCO0VBQ3hCOztFQUVBO0lBQ0UsU0FBUztFQUNYOztFQUVBO0lBQ0UsUUFBUTtFQUNWOztFQUVBO0lBQ0UsUUFBUTtFQUNWOztFQUVBO0lBQ0UsUUFBUTtFQUNWOztFQUVBO0lBQ0UsaUJBQWlCO0VBQ25COztFQUVBO0lBQ0UsZUFBZTtFQUNqQjs7RUFFQTtJQUNFLGlCQUFpQjtFQUNuQjs7RUFFQTtJQUNFLGtCQUFrQjtFQUNwQjs7RUFFQTtJQUNFLHdDQUF3QztFQUMxQzs7RUFFQTtJQUNFLDBDQUEwQztFQUM1QztBQUNGOztBQzNFQTtFQUNFOzs7SUFHRSxzQ0FBc0M7SUFDdEMsc0JBQXNCO0lBQ3RCLDZCQUE2QjtJQUM3QixTQUFTO0lBQ1QsVUFBVTtFQUNaOztFQUVBOztJQUVFLGVBQWU7SUFDZiwyQkFBMkI7SUFDM0IsY0FBYztJQUNkLGVBQWU7RUFDakI7O0VBRUE7SUFDRSxhQUFhO0VBQ2Y7QUFDRjs7QUFFQTs7RUFFRTs7QUFFRjtJQUVJO0VBREY7TUFFSSxhQUFhO0VBRWpCO0lBREU7SUFJQTs7RUFERjtNQUVJLGFBQWE7RUFFakI7SUFERTs7RUFHRjtJQUNFLHdCQUF3QjtFQUsxQjs7SUFIRTs7RUFIRjtNQUlJLHlCQUF5QjtFQUU3QjtJQURFO0lBSUE7O0VBREY7TUFFSSx3QkFBd0I7RUFFNUI7SUFERTtBQUVKOztBQUVBOztFQUVFOztBQUNGO0VBQ0U7SUFDRSxrQ0FBbUM7SUFDbkMsa0JBQWtCO0lBQ2xCLG9CQUFvQjtJQUNwQixrQkFBa0I7O0lBRWxCLHFDQUE4Qzs7SUFBOUMsOENBQThDO0VBQ2hEOztFQUVBO0lBQ0UsbUNBQW1DO0lBQ25DLG1DQUFtQztJQUNuQyxXQUFXO0VBQ2I7QUFDRjs7QUFFQTtFQUNFO0lBQ0UsMkJBQTJCO0VBQzdCOztFQUVBO0lBQ0UsNEJBQTRCO0VBQzlCOztFQUVBO0lBQ0UsMkJBQTJCO0VBQzdCO0FBQ0YiLCJmaWxlIjoidXRpbGl0aWVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIkBsYXllciBkZXNpZ24tc3lzdGVtLnV0aWxpdGllcyB7XG4gIC5zdGFjayB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWFyZWFzOiBcInN0YWNrXCI7XG5cbiAgICAmID4gKiB7XG4gICAgICBncmlkLWFyZWE6IHN0YWNrO1xuICAgIH1cbiAgfVxuXG4gIC5mbGV4IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICB9XG5cbiAgLnBsYWNlLWNlbnRlciB7XG4gICAgcGxhY2UtY29udGVudDogY2VudGVyO1xuICB9XG5cbiAgLmFsaWduLS1jZW50ZXIge1xuICAgIG1hcmdpbi1pbmxpbmU6IGF1dG87XG4gIH1cblxuICAuYWxpZ24tLWxlZnQge1xuICAgIG1hcmdpbi1pbmxpbmUtZW5kOiBhdXRvO1xuICB9XG5cbiAgLmFsaWduLS1yaWdodCB7XG4gICAgbWFyZ2luLWlubGluZS1zdGFydDogYXV0bztcbiAgfVxuXG4gIC5hbGlnbi0tYm90dG9tIHtcbiAgICBtYXJnaW4tYmxvY2stc3RhcnQ6IGF1dG87XG4gIH1cblxuICAuYWxpZ24tLXRvcCB7XG4gICAgbWFyZ2luLWJsb2NrLWVuZDogYXV0bztcbiAgfVxuXG4gIC5vcmRlci0tc3RhcnQge1xuICAgIG9yZGVyOiAtMTtcbiAgfVxuXG4gIC5vcmRlci0tMSB7XG4gICAgb3JkZXI6IDE7XG4gIH1cblxuICAub3JkZXItLTIge1xuICAgIG9yZGVyOiAyO1xuICB9XG5cbiAgLm9yZGVyLS0zIHtcbiAgICBvcmRlcjogMztcbiAgfVxuXG4gIC5nYXAtLXMge1xuICAgIGdhcDogdmFyKC0tZ2FwLXMpO1xuICB9XG5cbiAgLmdhcC0tbSB7XG4gICAgZ2FwOiB2YXIoLS1nYXApO1xuICB9XG5cbiAgLmdhcC0tbCB7XG4gICAgZ2FwOiB2YXIoLS1nYXAtbCk7XG4gIH1cblxuICAuZ2FwLS14bCB7XG4gICAgZ2FwOiB2YXIoLS1nYXAteGwpO1xuICB9XG5cbiAgLmdhcC0tc2VjdGlvbi1sIHtcbiAgICBnYXA6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuICB9XG5cbiAgLmdhcC0tc2VjdGlvbi14bCB7XG4gICAgZ2FwOiB2YXIoLS1zZWN0aW9uLXhsLCB2YXIoLS1zcGFjaW5nLXV1bCkpO1xuICB9XG59XG4iLCJAaW1wb3J0IFwiX2xheW91dC11dGlscy5jc3NcIjtcblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0udXRpbGl0aWVzIHtcbiAgLmhpZGRlbixcbiAgLnZpc3VhbGx5LWhpZGRlbixcbiAgLnNyLW9ubHkge1xuICAgIGNsaXAtcGF0aDogcG9seWdvbigwIDAsIDAgMCwgMCAwLCAwIDApO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cblxuICAudmlzdWFsbHktaGlkZGVuLnZpc3VhbGx5LWhpZGRlbi0tZm9jdXNzYWJsZTpmb2N1cyxcbiAgLnNyLW9ubHkuc3Itb25seS0tZm9jdXNzYWJsZTpmb2N1cyB7XG4gICAgY2xpcC1wYXRoOiBub25lO1xuICAgIHBvc2l0aW9uOiByZXZlcnQgIWltcG9ydGFudDtcbiAgICBtYXJnaW46IHJldmVydDtcbiAgICBwYWRkaW5nOiByZXZlcnQ7XG4gIH1cblxuICBbaGlkZGVuXSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4vKipcbiAqIFJlc3BvbnNpdmUgdXRpbGl0eSBjbGFzc1xuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLnV0aWxpdGllcyB7XG4gIC5tb2JpbGUtb25seSB7XG4gICAgQG1lZGlhICgtLWxhcmdlLXVwKSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuXG4gIC5kZXNrdG9wLW9ubHkge1xuICAgIEBtZWRpYSAoLS1sYXJnZS1kb3duKSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuXG4gIC5wcmludC1vbmx5IHtcbiAgICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG5cbiAgICBAbWVkaWEgcHJpbnQge1xuICAgICAgZGlzcGxheTogYmxvY2sgIWltcG9ydGFudDtcbiAgICB9XG4gIH1cblxuICAuc2NyZWVuLW9ubHkge1xuICAgIEBtZWRpYSBwcmludCB7XG4gICAgICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG4gICAgfVxuICB9XG59XG5cbi8qKlxuICogU2tlbGV0b24gYW5kIGxvYWRpbmcgVUkuXG4gKi9cbkBsYXllciBkZXNpZ24tc3lzdGVtLnV0aWxpdGllcyB7XG4gIC5za2VsZXRvbiB7XG4gICAgLS1iYWNrZ3JvdW5kOiBoc2woMGRlZyAwJSAwJSAvIDEwJSk7XG4gICAgLS1vcGFjaXR5LWxvdzogMC41O1xuICAgIC0tb3BhY2l0eS1oaWdoOiAwLjc1O1xuICAgIC0tZHVyYXRpb246IDE1MDBtcztcblxuICAgIGFuaW1hdGlvbjogcHVsc2UgdmFyKC0tZHVyYXRpb24pIGVhc2UgaW5maW5pdGU7XG4gIH1cblxuICAuc2tlbGV0b24tLWJnIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kKTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ib3JkZXItcmFkaXVzKTtcbiAgICB6LWluZGV4OiAtMTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHB1bHNlIHtcbiAgMCUge1xuICAgIG9wYWNpdHk6IHZhcigtLW9wYWNpdHktbG93KTtcbiAgfVxuXG4gIDc1JSB7XG4gICAgb3BhY2l0eTogdmFyKC0tb3BhY2l0eS1oaWdoKTtcbiAgfVxuXG4gIDEwMCUge1xuICAgIG9wYWNpdHk6IHZhcigtLW9wYWNpdHktbG93KTtcbiAgfVxufVxuIl19 */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnx-mixtape/mxds",
   "description": "The Mixtape Design System",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "scripts": {
     "dev": "concurrently -k -n \"VITE,STORYBOOK\" -c \"#636cff,#ff4785\" \"npm run dev-vite\" \"npm run dev-storybook\"",
     "build": "concurrently -n \"VITE,STORYBOOK\" -c \"#636cff,#ff4785\" \"npm run build-vite\" \"npm run build-storybook\"",
@@ -14,10 +14,13 @@
     "dev-vite": "vite build -w -m development",
     "build-vite": "vite build",
     "format": "prettier --write \"**/*.{css,ts,tsx,js,jsx,json,md,mdx}\" && npm run fix-css && npm run fix-js",
-    "lint": "prettier --check \"**/*.{css,ts,tsx,js,jsx,json,md,mdx}\" && npm run lint-css && npm run lint-ts && npm run lint-js",
+    "lint": "npm run lint-prettier && npm run lint-css && npm run lint-ts && npm run lint-js",
+    "lint-prettier": "prettier --check \"**/*.{css,ts,tsx,js,jsx,json,md,mdx}\"",
     "lint-css": "stylelint \"./**/*.css\"",
+    "lint-css-ci": "stylelint \"./**/*.css\" --custom-formatter @csstools/stylelint-formatter-github",
     "fix-css": "npm run lint-css -- --fix",
     "lint-js": "eslint \"./**/*.{ts,tsx}\"",
+    "lint-js-ci": "eslint \"./**/*.{ts,tsx}\" --format gha",
     "fix-js": "npm run lint-js -- --fix",
     "lint-ts": "tsc",
     "test": "npm run test-storybook",
@@ -27,12 +30,14 @@
     "test-storybook-react": "test-storybook --maxWorkers=2 --url http://127.0.0.1:6008 -c .storybook-react",
     "clean": "rm -rf ./dist",
     "commit": "git-cz",
-    "http-server": "http-server ./dist/storybook -i -p 3001 --silent"
+    "http-server": "http-server ./dist/storybook -i -p 3001 --silent",
+    "build-ci": "npm run build",
+    "lint-ci": "npm run lint-prettier && npm run lint-css-ci && npm run lint-ts && npm run lint-js-ci"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.3",
     "@oddbird/popover-polyfill": "^0.6.1",
-    "@pnx-mixtape/ids-shape": "^0.0.18",
+    "@pnx-mixtape/ids-shape": "^0.0.20",
     "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.7",
     "classnames": "^2.5.1",
@@ -45,6 +50,7 @@
   },
   "devDependencies": {
     "@csstools/postcss-global-data": "^3.0.0",
+    "@csstools/stylelint-formatter-github": "^1.0.0",
     "@eslint-react/eslint-plugin": "^1.52.4",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.33.0",
@@ -72,6 +78,7 @@
     "drupal-attribute": "^1.1.0",
     "eslint": "^9.33.0",
     "eslint-config-prettier": "^10.1.8",
+    "eslint-formatter-gha": "^1.6.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-storybook": "^9.1.2",
     "eslint-plugin-testing-library": "^7.6.6",

package/src/Component/Card/Card.stories.ts

@@ -86,7 +86,7 @@ export const WithTags: Story = {
   args: {
     tags: Tags({
       items: ["Music", "News"],
-      type: TagTypes.TEXT,
+      tagType: TagTypes.TEXT,
     }),
   },
 }

package/src/Component/Carousel/Carousel.stories.ts

@@ -3,7 +3,7 @@ import Component from "./carousel.twig"
 import "./carousel.css"
 import "./Elements/Carousel"
 import {
-  CardCarousel as CarouselType,
+  Carousel as CarouselType,
   HeadingTypes,
   ListItemModifiers,
 } from "@pnx-mixtape/ids-shape"

package/src/Component/DropMenu/drop-menu.css

@@ -1,4 +1,4 @@
-/* stylelint-disable selector-class-pattern, function-no-unknown, property-no-unknown, selector-pseudo-class-no-unknown */
+/* stylelint-disable property-no-unknown */
 
 /**
  * Drop menu

package/src/Component/ListItem/ListItem.stories.ts

@@ -72,7 +72,7 @@ export const WithTags: Story = {
     label: "Resource",
     tags: Tags({
       items: ["Music", "News"],
-      type: TagTypes.TEXT,
+      tagType: TagTypes.TEXT,
     }),
   },
 }

package/src/Component/Tag/Tag.stories.ts

@@ -8,7 +8,7 @@ const meta: Meta<TagType> = {
   component: Component,
   args: {
     items: ["Music", "News"],
-    type: TagTypes.TEXT,
+    tagType: TagTypes.TEXT,
   },
 }
 
@@ -19,7 +19,7 @@ export const Tag: Story = {}
 
 export const Link: Story = {
   args: {
-    type: TagTypes.LINK,
+    tagType: TagTypes.LINK,
     items: [
       {
         title: "Music",
@@ -35,7 +35,7 @@ export const Link: Story = {
 
 export const Checkbox: Story = {
   args: {
-    type: TagTypes.CHECKBOX,
+    tagType: TagTypes.CHECKBOX,
     items: [
       {
         label: "Music",

package/src/Component/Tag/tags.twig

@@ -4,9 +4,9 @@
 <ul class="mx-tags">
   {% for item in items %}
     <li>
-        {% if type == "link" %}
+        {% if tagType == "link" %}
             <a{{ attributes}} href="{{ item.href }}">{{ item.title }}</a>
-        {% elseif type == "checkbox" %}
+        {% elseif tagType == "checkbox" %}
           <div {{ attributes }}>
             <input type="checkbox"
                    id="{{ item.id }}"

package/src/Layout/Section/Section.stories.ts

@@ -23,8 +23,9 @@ const meta: Meta<SectionType> = {
       title: "Section name",
       as: HeadingTypes.TWO,
     }),
-    content:
+    content: [
       '<p class="mx-text--lede">A short description to help explain enough about the subject matter to encourage visitors to learn more.</p>',
+    ],
     link: Link({
       href: "#",
       title: "See more content",

package/src/Layout/Section/section.twig

@@ -17,7 +17,9 @@
       {{ link }}
       </div>
     {% endif %}
-    {{ content }}
+    {% for item in content %}
+      {{ item }}
+    {% endfor %}
   {% if container %}
     </div>
   {% endif %}

package/dist/build/chunks/Accordion-RtUfbsTy.js

@@ -1 +0,0 @@
-import{m as t}from"./utilities-CE6xwgqF.js";class e extends HTMLElement{constructor(){super(),this.handleOpen=()=>{this.details&&(this.details.open=!0)},this.handleClose=()=>{this.details&&(this.details.open=!1)},this.handleHash=()=>{const{hash:t}=window.location;t&&t===`#${this.details?.id}`&&this.handleOpen()},this.generatedId=()=>{const e=this.trigger?.textContent?.trim();return e?t(e):""},this.internals_=this.attachInternals(),this.controller=new AbortController}connectedCallback(){if(!this.details||!this.trigger)return;const{signal:t}=this.controller;document.addEventListener("beforeprint",this.handleOpen,{signal:t}),document.addEventListener("afterprint",this.handleClose,{signal:t}),this.handleHash(),document.addEventListener("hashchange",this.handleHash,{signal:t})}disconnectedCallback(){this.controller.abort()}get details(){const t=this.querySelector("details");if(!t)throw new Error(`${this.localName} must contain a <details> element.`);return t.id=t.id||this.generatedId(),t}get trigger(){const t=this.querySelector("summary");if(!t)throw new Error(`${this.localName} must contain a <summary> element.`);return t}}customElements.define("mx-accordion",e);export{e as A};

package/dist/build/chunks/disclosure-widget-CPdkUWkq.js

@@ -1 +0,0 @@
-import{m as t}from"./utilities-CE6xwgqF.js";class e{constructor(e,i,s,r=document){if(this.init=()=>{if(Object.prototype.hasOwnProperty.call(this.trigger,"disclosureWidget"))return;const{attribute:t,setInitialAttribute:e}=this.options;this.trigger.disclosureWidget=this,e&&this.element.setAttribute(t,""),this.attach()},this.handleToggle=()=>{const{attribute:t,setInitialAttribute:e}=this.options;this.element.toggleAttribute(t);const i=this.element.hasAttribute(t);this.isOpen=e?!i:i,this.trigger.setAttribute("aria-expanded",String(this.isOpen));const s=new CustomEvent("disclosure-toggle",{bubbles:!0,cancelable:!0,detail:{isOpen:this.isOpen,id:this.id,options:this.options,target:this.element}});this.trigger.dispatchEvent(s)},this.handleMouse=t=>{const{currentTarget:e,type:i,relatedTarget:s}=t;if("mouseover"===i||"mouseout"===i){const t=this.trigger.parentNode;if(t!==e||t.contains(s))return}else if(this.trigger!==e)return;const{shouldPreventDefault:r}=this.options;this.handleToggle(),r&&(t.preventDefault(),t.stopPropagation())},this.handleKeyboard=t=>{const{key:e,target:i}=t;if(this.trigger!==i)return;const{isOpen:s}=this,{shouldPreventDefault:r}=this.options;switch(e){case"ArrowDown":case"Enter":s||this.handleToggle(),r&&t.preventDefault();break;case"ArrowUp":case"Escape":s&&this.handleToggle(),r&&t.preventDefault()}},this.attach=()=>{if(this.attached)return;const{clickEvent:t}=this.options;if("mouseover"===t){const t=this.trigger.parentNode;t.addEventListener("mouseover",this.handleMouse),t.addEventListener("mouseout",this.handleMouse)}else this.trigger.addEventListener("click",this.handleMouse);this.trigger.addEventListener("keydown",this.handleKeyboard),this.trigger.setAttribute("aria-expanded","false"),this.trigger.hasAttribute("aria-controls")||this.trigger.setAttribute("aria-controls",this.id),this.attached=!0},this.detach=()=>{if(!this.attached)return;this.isOpen&&this.handleToggle();const{clickEvent:t}=this.options;if("mouseover"===t){const t=this.trigger.parentNode;t.removeEventListener("mouseover",this.handleMouse),t.removeEventListener("mouseout",this.handleMouse)}else this.trigger.removeEventListener("click",this.handleMouse);this.trigger.removeEventListener("keydown",this.handleKeyboard),this.trigger.removeAttribute("aria-expanded"),this.attached=!1},this.generatedId=()=>{const e=this.trigger?.textContent?.trim();return e?t(e):""},!e)throw new Error("toggle is required.");if(!i)throw new Error("element is required.");this.options={attribute:"inert",shouldPreventDefault:!0,setInitialAttribute:!0,clickEvent:"click",...s},this.context=r||document,this.trigger=e,this.element=i,this.id=this.element.id||this.generatedId()}}export{e as D};

package/dist/build/chunks/drop-menu.entry-BqBzLfVC.js

@@ -1 +0,0 @@
-import{m as t}from"./utilities-CE6xwgqF.js";import{K as e}from"./keyboard-Cs0cduxq.js";class n extends HTMLElement{constructor(){super(),this.keyboard=new e,this.handleSelect=t=>{const e=t.target;this.items.forEach((t=>{t instanceof HTMLButtonElement&&t.setAttribute("aria-checked",String(t===e))}));const n=new CustomEvent("drop-menu-select",{bubbles:!0,cancelable:!0,detail:{event:t,target:e}});this.menu.dispatchEvent(n),this.closeOnClick&&this.menu.togglePopover()},this.handleToggle=({newState:t})=>{"open"===t?this.keyboard.attachPopup(this.menu.id,(()=>this.menu.togglePopover())):this.keyboard.detachPopup(this.menu.id)},this.attachKeyboardMenu=()=>{this.keyboard.attachMenu(this.menu,this.items)},this.detachKeyboardMenu=()=>{this.keyboard.detachMenu()},this.generatedId=()=>{const e=this.trigger?.textContent?.trim();return e?t(e):""},this.internals_=this.attachInternals(),this.controller=new AbortController}async connectedCallback(){if(!this.menu||!this.trigger)return;if(!("anchorName"in document.documentElement.style)){const{default:t}=await import("./polyfills-5KNOJw2W.js");new t(this.menu)}Object.hasOwn(HTMLElement,"popover")||await import("./popover-CiVl-0jk.js"),this.closeOnClick=this.hasAttribute("closeonclick");const{signal:t}=this.controller;document.addEventListener("click",(t=>{const{target:e}=t;e!==this.menu&&![...this.items].includes(e)||(this.handleSelect(t),t.preventDefault())}),{signal:t}),document.addEventListener("keydown",(t=>{const{target:e,key:n}=t;e!==this.menu&&![...this.items].includes(e)||("Enter"===n&&this.handleSelect(t),t.preventDefault())}),{signal:t}),this.keyboard.attachEventListeners(t),this.menu.addEventListener("focusin",this.attachKeyboardMenu,{signal:t}),this.menu.addEventListener("focusout",this.detachKeyboardMenu,{signal:t}),this.menu.addEventListener("toggle",this.handleToggle,{signal:t})}disconnectedCallback(){this.controller.abort(),this.keyboard.detachMenu()}get menu(){const t=this.querySelector("[popover]");if(!t)throw new Error(`${this.localName} must contain a <div popover> element.`);return t.id=t.id||this.generatedId(),t}get items(){const t=this.menu.querySelectorAll(":scope > *");if(!t)throw new Error(`${this.localName} must contain some menu items.`);return t}get trigger(){const t=this.querySelector(`[popovertarget=${this.menu?.id}]`);if(!t)throw new Error(`${this.localName} must contain a <button popovertarget="${this.menu.id}">`);return t}}customElements.define("mx-dropmenu",n);export{n as D};

package/dist/build/chunks/keyboard-Cs0cduxq.js

@@ -1 +0,0 @@
-class e{constructor(){this.attachPopup=(e,t)=>{window.Mixtape.Popups.push({id:e,closefn:t})},this.detachPopup=e=>{window.Mixtape.Popups=window.Mixtape.Popups.filter((t=>t.id!==e))},this.attachMenu=(e,t)=>{window.Mixtape.Menu={context:e,items:t}},this.detachMenu=()=>{window.Mixtape.Menu=null},this.getNextFocusableMenuItem=(e,t=!1)=>t?0===e?window.Mixtape.Menu.items.length-1:e-1:window.Mixtape.Menu.items.length>e+1?e+1:0,this.moveFocus=(e,t=!1)=>{if(!window.Mixtape.Menu.items)return;let i=0;window.Mixtape.Menu.items.forEach(((t,n)=>{t===e&&(i=n)}));let n=this.getNextFocusableMenuItem(i,t),o=window.Mixtape.Menu.items[n].getAttribute("tabindex");if("-1"!==o)window.Mixtape.Menu.items[n].focus();else{for(;"-1"===o;)n=this.getNextFocusableMenuItem(n,t),o=window.Mixtape.Menu.items[n].getAttribute("tabindex");window.Mixtape.Menu.items[n].focus()}window.Mixtape.Menu.active=n},this.handleGlobalClick=({target:e})=>{const t=window.Mixtape.Popups?window.Mixtape.Popups[window.Mixtape.Popups.length-1]:null;if(t&&t.id){const i=document.querySelector(`#${t.id}`).parentElement;if(i&&(e===i||i?.contains(e)))return;t.closefn()}},this.handleGlobalKeydown=e=>{const t=window.Mixtape.Popups?window.Mixtape.Popups[window.Mixtape.Popups.length-1]:null,i=e.target;switch(e.key){case"Escape":t&&t.closefn();break;case"ArrowDown":case"ArrowRight":window.Mixtape.Menu?.items&&(e.preventDefault(),this.moveFocus(i));break;case"ArrowUp":case"ArrowLeft":window.Mixtape.Menu?.items&&(e.preventDefault(),this.moveFocus(i,!0))}},this.attachEventListeners=e=>{window.addEventListener("click",this.handleGlobalClick,{signal:e}),window.addEventListener("keydown",this.handleGlobalKeydown,{signal:e})},window.Mixtape=window.Mixtape||{},window.Mixtape.Popups=window.Mixtape.Popups||[],window.Mixtape.Menu=window.Mixtape.Menu||{}}}export{e as K};

package/dist/build/chunks/polyfills-5KNOJw2W.js

@@ -1 +0,0 @@
-const t=Math.min,e=Math.max,n=Math.round,o=t=>({x:t,y:t});function i(t){return t.split("-")[0]}const r=new Set(["top","bottom"]);function c(t){return r.has(i(t))?"y":"x"}function l(t){const{x:e,y:n,width:o,height:i}=t;return{width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function s(t,e,n){let{reference:o,floating:r}=t;const l=c(e),s=function(t){return function(t){return"x"===t?"y":"x"}(c(t))}(e),f=function(t){return"y"===t?"height":"width"}(s),u=i(e),a="y"===l,h=o.x+o.width/2-r.width/2,d=o.y+o.height/2-r.height/2,p=o[f]/2-r[f]/2;let g;switch(u){case"top":g={x:h,y:o.y-r.height};break;case"bottom":g={x:h,y:o.y+o.height};break;case"right":g={x:o.x+o.width,y:d};break;case"left":g={x:o.x-r.width,y:d};break;default:g={x:o.x,y:o.y}}switch(function(t){return t.split("-")[1]}(e)){case"start":g[s]-=p*(n&&a?-1:1);break;case"end":g[s]+=p*(n&&a?-1:1)}return g}function f(){return typeof window<"u"}function u(t){return d(t)?(t.nodeName||"").toLowerCase():"#document"}function a(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function h(t){var e;return null==(e=(d(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function d(t){return!!f()&&(t instanceof Node||t instanceof a(t).Node)}function p(t){return!!f()&&(t instanceof Element||t instanceof a(t).Element)}function g(t){return!!f()&&(t instanceof HTMLElement||t instanceof a(t).HTMLElement)}function y(t){return!(!f()||typeof ShadowRoot>"u")&&(t instanceof ShadowRoot||t instanceof a(t).ShadowRoot)}const w=new Set(["inline","contents"]);function m(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=k(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!w.has(i)}const x=new Set(["table","td","th"]);function v(t){return x.has(u(t))}const b=[":popover-open",":modal"];function L(t){return b.some((e=>{try{return t.matches(e)}catch{return!1}}))}const T=["transform","translate","scale","rotate","perspective"],S=["transform","translate","scale","rotate","perspective","filter"],R=["paint","layout","strict","content"];function C(t){const e=E(),n=p(t)?k(t):t;return T.some((t=>!!n[t]&&"none"!==n[t]))||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||S.some((t=>(n.willChange||"").includes(t)))||R.some((t=>(n.contain||"").includes(t)))}function E(){return!(typeof CSS>"u"||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const D=new Set(["html","body","#document"]);function P(t){return D.has(u(t))}function k(t){return a(t).getComputedStyle(t)}function H(t){return p(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function W(t){if("html"===u(t))return t;const e=t.assignedSlot||t.parentNode||y(t)&&t.host||h(t);return y(e)?e.host:e}function F(t){const e=W(t);return P(e)?t.ownerDocument?t.ownerDocument.body:t.body:g(e)&&m(e)?e:F(e)}function B(t,e,n){var o;void 0===e&&(e=[]),void 0===n&&(n=!0);const i=F(t),r=i===(null==(o=t.ownerDocument)?void 0:o.body),c=a(i);if(r){const t=V(c);return e.concat(c,c.visualViewport||[],m(i)?i:[],t&&n?B(t):[])}return e.concat(i,B(i,[],n))}function V(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function M(t){const e=k(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const r=g(t),c=r?t.offsetWidth:o,l=r?t.offsetHeight:i,s=n(o)!==c||n(i)!==l;return s&&(o=c,i=l),{width:o,height:i,$:s}}function N(t){return p(t)?t:t.contextElement}function O(t){const e=N(t);if(!g(e))return o(1);const i=e.getBoundingClientRect(),{width:r,height:c,$:l}=M(e);let s=(l?n(i.width):i.width)/r,f=(l?n(i.height):i.height)/c;return(!s||!Number.isFinite(s))&&(s=1),(!f||!Number.isFinite(f))&&(f=1),{x:s,y:f}}const $=o(0);function A(t){const e=a(t);return E()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:$}function j(t,e,n,i){void 0===e&&(e=!1),void 0===n&&(n=!1);const r=t.getBoundingClientRect(),c=N(t);let s=o(1);e&&(i?p(i)&&(s=O(i)):s=O(t));const f=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==a(t))&&e}(c,n,i)?A(c):o(0);let u=(r.left+f.x)/s.x,h=(r.top+f.y)/s.y,d=r.width/s.x,g=r.height/s.y;if(c){const t=a(c),e=i&&p(i)?a(i):i;let n=t,o=V(n);for(;o&&i&&e!==n;){const t=O(o),e=o.getBoundingClientRect(),i=k(o),r=e.left+(o.clientLeft+parseFloat(i.paddingLeft))*t.x,c=e.top+(o.clientTop+parseFloat(i.paddingTop))*t.y;u*=t.x,h*=t.y,d*=t.x,g*=t.y,u+=r,h+=c,n=a(o),o=V(n)}}return l({width:d,height:g,x:u,y:h})}function X(t,e){const n=H(t).scrollLeft;return e?e.left+n:j(h(t)).left+n}function Y(t,e,n){void 0===n&&(n=!1);const o=t.getBoundingClientRect();return{x:o.left+e.scrollLeft-(n?0:X(t,o)),y:o.top+e.scrollTop}}const _=new Set(["absolute","fixed"]);function q(t,n,i){let r;if("viewport"===n)r=function(t,e){const n=a(t),o=h(t),i=n.visualViewport;let r=o.clientWidth,c=o.clientHeight,l=0,s=0;if(i){r=i.width,c=i.height;const t=E();(!t||t&&"fixed"===e)&&(l=i.offsetLeft,s=i.offsetTop)}return{width:r,height:c,x:l,y:s}}(t,i);else if("document"===n)r=function(t){const n=h(t),o=H(t),i=t.ownerDocument.body,r=e(n.scrollWidth,n.clientWidth,i.scrollWidth,i.clientWidth),c=e(n.scrollHeight,n.clientHeight,i.scrollHeight,i.clientHeight);let l=-o.scrollLeft+X(t);const s=-o.scrollTop;return"rtl"===k(i).direction&&(l+=e(n.clientWidth,i.clientWidth)-r),{width:r,height:c,x:l,y:s}}(h(t));else if(p(n))r=function(t,e){const n=j(t,!0,"fixed"===e),i=n.top+t.clientTop,r=n.left+t.clientLeft,c=g(t)?O(t):o(1);return{width:t.clientWidth*c.x,height:t.clientHeight*c.y,x:r*c.x,y:i*c.y}}(n,i);else{const e=A(t);r={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return l(r)}function I(t,e){const n=W(t);return!(n===e||!p(n)||P(n))&&("fixed"===k(n).position||I(n,e))}function z(t,e){const n=e.get(t);if(n)return n;let o=B(t,[],!1).filter((t=>p(t)&&"body"!==u(t))),i=null;const r="fixed"===k(t).position;let c=r?W(t):t;for(;p(c)&&!P(c);){const e=k(c),n=C(c);!n&&"fixed"===e.position&&(i=null),(r?!n&&!i:!n&&"static"===e.position&&i&&_.has(i.position)||m(c)&&!n&&I(t,c))?o=o.filter((t=>t!==c)):i=e,c=W(c)}return e.set(t,o),o}function G(t,e,n){const i=g(e),r=h(e),c="fixed"===n,l=j(t,!0,c,e);let s={scrollLeft:0,scrollTop:0};const f=o(0);function a(){f.x=X(r)}if(i||!i&&!c)if(("body"!==u(e)||m(r))&&(s=H(e)),i){const t=j(e,!0,c,e);f.x=t.x+e.clientLeft,f.y=t.y+e.clientTop}else r&&a();c&&!i&&r&&a();const d=!r||i||c?o(0):Y(r,s);return{x:l.left+s.scrollLeft-f.x-d.x,y:l.top+s.scrollTop-f.y-d.y,width:l.width,height:l.height}}function J(t){return"static"===k(t).position}function K(t,e){if(!g(t)||"fixed"===k(t).position)return null;if(e)return e(t);let n=t.offsetParent;return h(t)===n&&(n=n.ownerDocument.body),n}function Q(t,e){const n=a(t);if(L(t))return n;if(!g(t)){let e=W(t);for(;e&&!P(e);){if(p(e)&&!J(e))return e;e=W(e)}return n}let o=K(t,e);for(;o&&v(o)&&J(o);)o=K(o,e);return o&&P(o)&&J(o)&&!C(o)?n:o||function(t){let e=W(t);for(;g(e)&&!P(e);){if(C(e))return e;if(L(e))return null;e=W(e)}return null}(t)||n}const U={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:i,strategy:r}=t;const c="fixed"===r,l=h(i),s=!!e&&L(e.floating);if(i===l||s&&c)return n;let f={scrollLeft:0,scrollTop:0},a=o(1);const d=o(0),p=g(i);if((p||!p&&!c)&&(("body"!==u(i)||m(l))&&(f=H(i)),g(i))){const t=j(i);a=O(i),d.x=t.x+i.clientLeft,d.y=t.y+i.clientTop}const y=!l||p||c?o(0):Y(l,f,!0);return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-f.scrollLeft*a.x+d.x+y.x,y:n.y*a.y-f.scrollTop*a.y+d.y+y.y}},getDocumentElement:h,getClippingRect:function(n){let{element:o,boundary:i,rootBoundary:r,strategy:c}=n;const l=[..."clippingAncestors"===i?L(o)?[]:z(o,this._c):[].concat(i),r],s=l[0],f=l.reduce(((n,i)=>{const r=q(o,i,c);return n.top=e(r.top,n.top),n.right=t(r.right,n.right),n.bottom=t(r.bottom,n.bottom),n.left=e(r.left,n.left),n}),q(o,s,c));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}},getOffsetParent:Q,getElementRects:async function(t){const e=this.getOffsetParent||Q,n=this.getDimensions,o=await n(t.floating);return{reference:G(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=M(t);return{width:e,height:n}},getScale:O,isElement:p,isRTL:function(t){return"rtl"===k(t).direction}},Z=(t,e,n)=>{const o=new Map,i={platform:U,...n},r={...i.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:c}=n,l=r.filter(Boolean),f=await(null==c.isRTL?void 0:c.isRTL(e));let u=await c.getElementRects({reference:t,floating:e,strategy:i}),{x:a,y:h}=s(u,o,f),d=o,p={},g=0;for(let n=0;n<l.length;n++){const{name:r,fn:y}=l[n],{x:w,y:m,data:x,reset:v}=await y({x:a,y:h,initialPlacement:o,placement:d,strategy:i,middlewareData:p,rects:u,platform:c,elements:{reference:t,floating:e}});a=w??a,h=m??h,p={...p,[r]:{...p[r],...x}},v&&g<=50&&(g++,"object"==typeof v&&(v.placement&&(d=v.placement),v.rects&&(u=!0===v.rects?await c.getElementRects({reference:t,floating:e,strategy:i}):v.rects),({x:a,y:h}=s(u,d,f))),n=-1)}return{x:a,y:h,placement:d,strategy:i,middlewareData:p}})(t,e,{...i,platform:r})};class tt{constructor(t){this.popover=t,this.trigger=document.querySelector(`[popovertarget="${t.getAttribute("id")}"`),this.positionPopover=this.positionPopover.bind(this),this.popover.addEventListener("toggle",this.positionPopover)}positionPopover=({newState:t})=>{"open"===t&&Z(this.trigger,this.popover,{placement:"bottom-start"}).then((({x:t,y:e})=>{this.popover.style.insetInlineStart=`${t}px`,this.popover.style.insetBlockStart=`${e}px`}))}}export{tt as default};

package/dist/build/chunks/popover-CiVl-0jk.js

@@ -1 +0,0 @@
-var e=class extends Event{oldState;newState;constructor(e,{oldState:t="",newState:n="",...o}={}){super(e,o),this.oldState=String(t||""),this.newState=String(n||"")}},t=new WeakMap;function n(n,o,r){t.set(n,setTimeout((()=>{t.has(n)&&n.dispatchEvent(new e("toggle",{cancelable:!1,oldState:o,newState:r}))}),0))}var o=globalThis.ShadowRoot||function(){},r=globalThis.HTMLDialogElement||function(){},i=new WeakMap,a=new WeakMap,l=new WeakMap,s=new WeakMap;function c(e){return s.get(e)||"hidden"}var u=new WeakMap;function p(e){return[...e].pop()}function f(e,t){return!("auto"!==e.popover&&"manual"!==e.popover&&"hint"!==e.popover||!e.isConnected||t&&"showing"!==c(e)||!t&&"hidden"!==c(e)||e instanceof r&&e.hasAttribute("open")||document.fullscreenElement===e)}function d(e){if(!e)return 0;const t=a.get(document)||new Set,n=l.get(document)||new Set;return n.has(e)?[...n].indexOf(e)+t.size+1:t.has(e)?[...t].indexOf(e)+1:0}function h(e){const t=w(e),n=function(e){for(;e;){const t=e.popoverTargetElement;if(t instanceof HTMLElement)return t;if((e=e.parentElement||v(e))instanceof o&&(e=e.host),e instanceof Document)return}}(e);return d(t)>d(n)?t:n}function g(e){let t;const n=l.get(e)||new Set,o=a.get(e)||new Set,r=n.size>0?n:o.size>0?o:null;return r?(t=p(r),t.isConnected?t:(r.delete(t),g(e))):null}function m(e){for(const t of e||[]){if(t.isConnected)return t;e.delete(t)}return null}function v(e){return"function"==typeof e.getRootNode?e.getRootNode():e.parentNode?v(e.parentNode):e}function w(e){for(;e;){if(e instanceof HTMLElement&&"auto"===e.popover&&"showing"===s.get(e))return e;if((e=e instanceof Element&&e.assignedSlot||e.parentElement||v(e))instanceof o&&(e=e.host),e instanceof Document)return}}function b(e,t){const n=new Map;let o=0;for(const e of t||[])n.set(e,o),o+=1;n.set(e,o),o+=1;let r=null;return function(t){if(!t)return;let o=!1,i=null,a=null;for(;!o;){if(i=w(t)||null,null===i||!n.has(i))return;("hint"===e.popover||"auto"===i.popover)&&(o=!0),o||(t=i.parentElement)}a=n.get(i),(null===r||n.get(r)<a)&&(r=i)}(e.parentElement||v(e)),r}function E(e){return!(e.hidden||e instanceof o||(e instanceof HTMLButtonElement||e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement||e instanceof HTMLOptGroupElement||e instanceof HTMLOptionElement||e instanceof HTMLFieldSetElement)&&e.disabled||e instanceof HTMLInputElement&&"hidden"===e.type||e instanceof HTMLAnchorElement&&""===e.href)&&("number"==typeof e.tabIndex&&-1!==e.tabIndex)}function y(e){var t;null==(t=function(e){if(e.shadowRoot&&!0!==e.shadowRoot.delegatesFocus)return null;let t=e;t.shadowRoot&&(t=t.shadowRoot);let n=t.querySelector("[autofocus]");if(n)return n;{const e=t.querySelectorAll("slot");for(const t of e){const e=t.assignedElements({flatten:!0});for(const t of e){if(t.hasAttribute("autofocus"))return t;if(n=t.querySelector("[autofocus]"),n)return n}}}const o=e.ownerDocument.createTreeWalker(t,NodeFilter.SHOW_ELEMENT);let r=o.currentNode;for(;r;){if(E(r))return r;r=o.nextNode()}}(e))||t.focus()}var S=new WeakMap;function T(t){if(!f(t,!1))return;const o=t.ownerDocument;if(!t.dispatchEvent(new e("beforetoggle",{cancelable:!0,oldState:"closed",newState:"open"}))||!f(t,!1))return;let r=!1;const c=t.popover;let p=null;const d=b(t,a.get(o)||new Set),h=b(t,l.get(o)||new Set);if("auto"===c&&(L(l.get(o)||new Set,r,!0),H(d||o,r,!0),p="auto"),"hint"===c&&(h?(H(h,r,!0),p="hint"):(L(l.get(o)||new Set,r,!0),d?(H(d,r,!0),p="auto"):p="hint")),"auto"===c||"hint"===c){if(c!==t.popover||!f(t,!1))return;g(o)||(r=!0),"auto"===p?(a.has(o)||a.set(o,new Set),a.get(o).add(t)):"hint"===p&&(l.has(o)||l.set(o,new Set),l.get(o).add(t))}S.delete(t);const m=o.activeElement;t.classList.add(":popover-open"),s.set(t,"showing"),i.has(o)||i.set(o,new Set),i.get(o).add(t),P(u.get(t),!0),y(t),r&&m&&"auto"===t.popover&&S.set(t,m),n(t,"closed","open")}function M(t,o=!1,r=!1){var c,d;if(!f(t,!0))return;const h=t.ownerDocument;if(["auto","hint"].includes(t.popover)&&(H(t,o,r),!f(t,!0)))return;const g=a.get(h)||new Set,m=g.has(t)&&p(g)===t;if(P(u.get(t),!1),u.delete(t),r&&(t.dispatchEvent(new e("beforetoggle",{oldState:"open",newState:"closed"})),m&&p(g)!==t&&H(t,o,r),!f(t,!0)))return;null==(c=i.get(h))||c.delete(t),g.delete(t),null==(d=l.get(h))||d.delete(t),t.classList.remove(":popover-open"),s.set(t,"hidden"),r&&n(t,"open","closed");const v=S.get(t);v&&(S.delete(t),o&&v.focus())}function L(e,t=!1,n=!1){let o=m(e);for(;o;)M(o,t,n),o=m(e)}function A(e,t,n,o){let r=!1,i=!1;for(;r||!i;){i=!0;let a=null,l=!1;for(const n of t)if(n===e)l=!0;else if(l){a=n;break}if(!a)return;for(;"showing"===c(a)&&t.size;)M(p(t),n,o);t.has(e)&&p(t)!==e&&(r=!0),r&&(o=!1)}}function H(e,t,n){var o,r;const i=e.ownerDocument||e;if(e instanceof Document)return function(e,t=!1,n=!1){let o=g(e);for(;o;)M(o,t,n),o=g(e)}(i,t,n);null!=(o=l.get(i))&&o.has(e)?A(e,l.get(i),t,n):(L(l.get(i)||new Set,t,n),null!=(r=a.get(i))&&r.has(e)&&A(e,a.get(i),t,n))}var k=new WeakMap;function D(e){if(!e.isTrusted)return;const t=e.composedPath()[0];if(!t)return;const n=t.ownerDocument;if(!g(n))return;const o=h(t);if(o&&"pointerdown"===e.type)k.set(n,o);else if("pointerup"===e.type){const e=k.get(n)===o;k.delete(n),e&&H(o||n,!1,!0)}}var x=new WeakMap;function P(e,t=!1){if(!e)return;x.has(e)||x.set(e,e.getAttribute("aria-expanded"));const n=e.popoverTargetElement;if(n instanceof HTMLElement&&"auto"===n.popover)e.setAttribute("aria-expanded",String(t));else{const t=x.get(e);t?e.setAttribute("aria-expanded",t):e.removeAttribute("aria-expanded")}}var R=globalThis.ShadowRoot||function(){};function W(e,t,n){const o=e[t];Object.defineProperty(e,t,{value(e){return o.call(this,n(e))}})}var N=/(^|[^\\]):popover-open\b/g;function C(){const e="function"==typeof globalThis.CSSLayerBlockRule;return`\n${e?"@layer popover-polyfill {":""}\n  :where([popover]) {\n    position: fixed;\n    z-index: 2147483647;\n    inset: 0;\n    padding: 0.25em;\n    width: fit-content;\n    height: fit-content;\n    border-width: initial;\n    border-color: initial;\n    border-image: initial;\n    border-style: solid;\n    background-color: canvas;\n    color: canvastext;\n    overflow: auto;\n    margin: auto;\n  }\n\n  :where([popover]:not(.\\:popover-open)) {\n    display: none;\n  }\n\n  :where(dialog[popover].\\:popover-open) {\n    display: block;\n  }\n\n  :where(dialog[popover][open]) {\n    display: revert;\n  }\n\n  :where([anchor].\\:popover-open) {\n    inset: auto;\n  }\n\n  :where([anchor]:popover-open) {\n    inset: auto;\n  }\n\n  @supports not (background-color: canvas) {\n    :where([popover]) {\n      background-color: white;\n      color: black;\n    }\n  }\n\n  @supports (width: -moz-fit-content) {\n    :where([popover]) {\n      width: -moz-fit-content;\n      height: -moz-fit-content;\n    }\n  }\n\n  @supports not (inset: 0) {\n    :where([popover]) {\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n    }\n  }\n${e?"}":""}\n`}var O=null;function q(e){const t=C();if(null===O)try{(O=new CSSStyleSheet).replaceSync(t)}catch{O=!1}if(!1===O){const n=document.createElement("style");n.textContent=t,e instanceof Document?e.head.prepend(n):e.prepend(n)}else e.adoptedStyleSheets=[O,...e.adoptedStyleSheets]}typeof HTMLElement<"u"&&"object"==typeof HTMLElement.prototype&&"popover"in HTMLElement.prototype||function(){if(typeof window>"u")return;function t(e){return e?.includes(":popover-open")&&(e=e.replace(N,"$1.\\:popover-open")),e}window.ToggleEvent=window.ToggleEvent||e,W(Document.prototype,"querySelector",t),W(Document.prototype,"querySelectorAll",t),W(Element.prototype,"querySelector",t),W(Element.prototype,"querySelectorAll",t),W(Element.prototype,"matches",t),W(Element.prototype,"closest",t),W(DocumentFragment.prototype,"querySelectorAll",t),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){if(!this.hasAttribute("popover"))return null;const e=(this.getAttribute("popover")||"").toLowerCase();return""===e||"auto"==e?"auto":"hint"==e?"hint":"manual"},set(e){null===e?this.removeAttribute("popover"):this.setAttribute("popover",e)}},showPopover:{enumerable:!0,configurable:!0,value(e={}){T(this)}},hidePopover:{enumerable:!0,configurable:!0,value(){M(this,!0,!0)}},togglePopover:{enumerable:!0,configurable:!0,value(e={}){return"boolean"==typeof e&&(e={force:e}),"showing"===s.get(this)&&void 0===e.force||!1===e.force?M(this,!0,!0):(void 0===e.force||!0===e.force)&&T(this),"showing"===s.get(this)}}});const n=Element.prototype.attachShadow;n&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(e){const t=n.call(this,e);return q(t),t}}});const o=HTMLElement.prototype.attachInternals;o&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){const e=o.call(this);return e.shadowRoot&&q(e.shadowRoot),e}}});const r=new WeakMap;function i(e){Object.defineProperties(e.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(e){if(null===e)this.removeAttribute("popovertarget"),r.delete(this);else{if(!(e instanceof Element))throw new TypeError("popoverTargetElement must be an element or null");this.setAttribute("popovertarget",""),r.set(this,e)}},get(){if("button"!==this.localName&&"input"!==this.localName||"input"===this.localName&&"reset"!==this.type&&"image"!==this.type&&"button"!==this.type||this.disabled||this.form&&"submit"===this.type)return null;const e=r.get(this);if(e&&e.isConnected)return e;if(e&&!e.isConnected)return r.delete(this),null;const t=v(this),n=this.getAttribute("popovertarget");return(t instanceof Document||t instanceof R)&&n&&t.getElementById(n)||null}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){const e=(this.getAttribute("popovertargetaction")||"").toLowerCase();return"show"===e||"hide"===e?e:"toggle"},set(e){this.setAttribute("popovertargetaction",e)}}})}i(HTMLButtonElement),i(HTMLInputElement);const a=e=>{if(e.defaultPrevented)return;const t=e.composedPath(),n=t[0];if(!(n instanceof Element)||n?.shadowRoot)return;const o=v(n);if(!(o instanceof R||o instanceof Document))return;const r=t.find((e=>{var t;return null==(t=e.matches)?void 0:t.call(e,"[popovertargetaction],[popovertarget]")}));return r?(function(e){const t=e.popoverTargetElement;if(!(t instanceof HTMLElement))return;const n=c(t);"show"===e.popoverTargetAction&&"showing"===n||"hide"===e.popoverTargetAction&&"hidden"===n||("showing"===n?M(t,!0,!0):f(t,!1)&&(u.set(t,e),T(t)))}(r),void e.preventDefault()):void 0},l=e=>{const t=e.key,n=e.target;!e.defaultPrevented&&n&&("Escape"===t||"Esc"===t)&&H(n.ownerDocument,!0,!0)};var p;(p=document).addEventListener("click",a),p.addEventListener("keydown",l),p.addEventListener("pointerdown",D),p.addEventListener("pointerup",D),q(document)}();

package/dist/build/chunks/utilities-CE6xwgqF.js

@@ -1,2 +0,0 @@
-/*! js-cookie v3.0.5 | MIT */
-function e(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)e[n]=r[n]}return e}!function t(r,n){function i(t,i,o){if(!(typeof document>"u")){"number"==typeof(o=e({},n,o)).expires&&(o.expires=new Date(Date.now()+864e5*o.expires)),o.expires&&(o.expires=o.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var s in o)o[s]&&(c+="; "+s,!0!==o[s]&&(c+="="+o[s].split(";")[0]));return document.cookie=t+"="+r.write(i,t)+c}}return Object.create({set:i,get:function(e){if(!(typeof document>"u"||arguments.length&&!e)){for(var t=document.cookie?document.cookie.split("; "):[],n={},i=0;i<t.length;i++){var o=t[i].split("="),c=o.slice(1).join("=");try{var s=decodeURIComponent(o[0]);if(n[s]=r.read(c,s),e===s)break}catch{}}return e?n[e]:n}},remove:function(t,r){i(t,"",e({},r,{expires:-1}))},withAttributes:function(r){return t(this.converter,e({},this.attributes,r))},withConverter:function(r){return t(e({},this.converter,r),this.attributes)}},{attributes:{value:Object.freeze(n)},converter:{value:Object.freeze(r)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});class t{constructor(e,t){this.init=()=>{this.observer=new IntersectionObserver((e=>{e.forEach((({isIntersecting:e})=>{e&&this.load().catch((e=>this.handleError(e)))}))})),this.observer.observe(this.el),this.fallbackBtn?.addEventListener("click",this.handleClick)},this.load=async()=>{try{await this.callback()}catch(e){this.handleError(e)}this.observer.unobserve(this.el)},this.handleClick=()=>{this.load().catch((e=>this.handleError(e)))},this.handleError=e=>{console.error(e),this.errorMsg?.removeAttribute("hidden")},this.el=e,this.callback=t,this.fallbackBtn=this.el.querySelector("[data-load-fallback]"),this.errorMsg=this.el.querySelector("[data-load-error]")}static{this.create=(e,r)=>{Object.hasOwn(window,"once")&&window.once("intersection-loader",e)?.forEach((e=>{new t(e,r).init()}))}}}const r=(e,t=20)=>{if("string"!=typeof e||!e)return"";let r=e.toLowerCase().trim().replace(/\s+/g,"-").replace(/[^-a-z0-9]/g,"").replace(/[\n\r]+|[\s]{2,}/g,"");return[...Array(6).keys()].forEach((()=>{r.charAt(0).match(/[a-z]/g)||(r=r.substring(1))})),t&&(r=r.substring(0,t+1)),r},n=e=>{try{const t=document.createElement("div");return t.innerHTML=e,t.firstElementChild}catch(e){return console.error(e),null}},i=(e,t,r,n=[])=>{const{target:i,clientY:o,clientX:c}=e,s=i instanceof HTMLOptionElement||i instanceof HTMLSelectElement;if((n?.filter((e=>e===i||e.contains(i)))).length||s)return;const a=new IntersectionObserver((([{boundingClientRect:e}])=>{const{top:t,height:n,width:i,left:s}=e;t<=o&&o<=t+n&&s<=c&&c<=s+i||r(),a.disconnect()}));a.observe(t)},o=(e,t)=>{const{key:r}=e;"Escape"===r&&t()};export{o as a,n as c,i as h,r as m};