@govtechsg/sgds-web-component 2.1.0 → 2.1.2

package/react/radio-group/index.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import { SgdsRadioGroup } from '../../components/Radio/sgds-radio-group.js';
+import { SgdsRadioGroup } from '../components/Radio/sgds-radio-group.js';
 
 customElements.define("sgds-radio-group", SgdsRadioGroup);
 var index = createComponent({

package/react/sidenav/index.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var react = require('@lit-labs/react');
-var sgdsSidenav = require('../../components/Sidenav/sgds-sidenav.cjs.js');
+var sgdsSidenav = require('../components/Sidenav/sgds-sidenav.cjs.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/react/sidenav/index.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import { SgdsSidenav } from '../../components/Sidenav/sgds-sidenav.js';
+import { SgdsSidenav } from '../components/Sidenav/sgds-sidenav.js';
 
 customElements.define("sgds-sidenav", SgdsSidenav);
 var index = createComponent({

package/react/sidenav-item/index.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var react = require('@lit-labs/react');
-var sgdsSidenavItem = require('../../components/Sidenav/sgds-sidenav-item.cjs.js');
+var sgdsSidenavItem = require('../components/Sidenav/sgds-sidenav-item.cjs.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/react/sidenav-item/index.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import { SgdsSidenavItem } from '../../components/Sidenav/sgds-sidenav-item.js';
+import { SgdsSidenavItem } from '../components/Sidenav/sgds-sidenav-item.js';
 
 customElements.define("sgds-sidenav-item", SgdsSidenavItem);
 var index = createComponent({

package/react/sidenav-link/index.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var react = require('@lit-labs/react');
-var sgdsSidenavLink = require('../../components/Sidenav/sgds-sidenav-link.cjs.js');
+var sgdsSidenavLink = require('../components/Sidenav/sgds-sidenav-link.cjs.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/react/sidenav-link/index.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import { SgdsSidenavLink } from '../../components/Sidenav/sgds-sidenav-link.js';
+import { SgdsSidenavLink } from '../components/Sidenav/sgds-sidenav-link.js';
 
 customElements.define("sgds-sidenav-link", SgdsSidenavLink);
 var index = createComponent({

package/react/spinner/index.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var react = require('@lit-labs/react');
-var sgdsSpinner = require('../../components/Spinner/sgds-spinner.cjs.js');
+var sgdsSpinner = require('../components/Spinner/sgds-spinner.cjs.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/react/spinner/index.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import { SgdsSpinner } from '../../components/Spinner/sgds-spinner.js';
+import { SgdsSpinner } from '../components/Spinner/sgds-spinner.js';
 
 customElements.define("sgds-spinner", SgdsSpinner);
 var index = createComponent({

package/react/stepper/index.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var react = require('@lit-labs/react');
-var sgdsStepper = require('../../components/Stepper/sgds-stepper.cjs.js');
+var sgdsStepper = require('../components/Stepper/sgds-stepper.cjs.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/react/stepper/index.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import { SgdsStepper } from '../../components/Stepper/sgds-stepper.js';
+import { SgdsStepper } from '../components/Stepper/sgds-stepper.js';
 
 customElements.define("sgds-stepper", SgdsStepper);
 var index = createComponent({

package/react/styles/anchor.js

@@ -0,0 +1,7 @@
+'use client';
+import { css } from 'lit';
+
+var css_248z = css`a{text-decoration:underline;text-underline-offset:.25rem}a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;margin:0 .125rem;-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right"><path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/><path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right"><path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/><path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/></svg>');-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-size:73%;-webkit-mask-size:73%;padding:0 .45em}a{color:var(--sgds-link);text-decoration:var(--sgds-link-decoration)}a:hover{color:var(--sgds-link-hover-color)}`;
+
+export { css_248z as default };
+//# sourceMappingURL=anchor.js.map

package/react/styles/anchor.js.map

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

package/react/styles/bg-variants.js

@@ -0,0 +1,7 @@
+'use client';
+import { css } from 'lit';
+
+var css_248z = css`.bg-primary{background-color:var(--sgds-primary)!important}.bg-secondary{background-color:var(--sgds-secondary)!important}.bg-success{background-color:var(--sgds-success)!important}.bg-info{background-color:var(--sgds-info)!important}.bg-warning{background-color:var(--sgds-warning)!important}.bg-danger{background-color:var(--sgds-danger)!important}.bg-light{background-color:var(--sgds-light)!important}.bg-dark{background-color:var(--sgds-dark)!important}`;
+
+export { css_248z as default };
+//# sourceMappingURL=bg-variants.js.map

package/react/styles/bg-variants.js.map

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

package/react/styles/border-variants.js

@@ -0,0 +1,7 @@
+'use client';
+import { css } from 'lit';
+
+var css_248z = css`.border-primary{border-color:var(--sgds-primary)!important}.border-secondary{border-color:var(--sgds-secondary)!important}.border-success{border-color:var(--sgds-success)!important}.border-info{border-color:var(--sgds-info)!important}.border-warning{border-color:var(--sgds-warning)!important}.border-danger{border-color:var(--sgds-danger)!important}.border-light{border-color:var(--sgds-light)!important}.border-dark{border-color:var(--sgds-dark)!important}`;
+
+export { css_248z as default };
+//# sourceMappingURL=border-variants.js.map

package/react/styles/border-variants.js.map

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

package/{styles → react/styles}/feedback.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var lit = require('lit');
 
-var css_248z = lit.css`.invalid-feedback{color:var(--sgds-form-invalid-color);display:none;font-size:var(--sgds-form-feedback-font-size);width:100%}.is-invalid~.invalid-feedback,.was-validated :invalid~.invalid-feedback{display:block}`;
+var css_248z = lit.css`.invalid-feedback{color:var(--sgds-form-invalid-color);font-size:var(--sgds-form-feedback-font-size);width:100%}`;
 
 exports["default"] = css_248z;
 //# sourceMappingURL=feedback.cjs.js.map

package/react/styles/feedback.js

@@ -0,0 +1,7 @@
+'use client';
+import { css } from 'lit';
+
+var css_248z = css`.invalid-feedback{color:var(--sgds-form-invalid-color);font-size:var(--sgds-form-feedback-font-size);width:100%}`;
+
+export { css_248z as default };
+//# sourceMappingURL=feedback.js.map

package/react/styles/feedback.js.map

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

package/react/styles/form-hint.js

@@ -0,0 +1,7 @@
+'use client';
+import { css } from 'lit';
+
+var css_248z = css`.form-text{color:var(--sgds-form-hint-text-color);display:block;font-size:var(--sgds-body-font-size);font-weight:var(--sgds-form-hint-text-font-weight)}`;
+
+export { css_248z as default };
+//# sourceMappingURL=form-hint.js.map

package/react/styles/form-hint.js.map

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

package/react/styles/form-label.js

@@ -0,0 +1,7 @@
+'use client';
+import { css } from 'lit';
+
+var css_248z = css`.form-label{color:var(--sgds-form-label-color);font-weight:var(--sgds-form-label-font-weight);margin-bottom:0}.form-label.required:after{color:var(--sgds-danger);content:"*"}.form-check-label{color:var(--sgds-form-label-color)}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:not-allowed;opacity:var(--sgds-disabled-opacity)}`;
+
+export { css_248z as default };
+//# sourceMappingURL=form-label.js.map

package/react/styles/form-label.js.map

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

package/react/styles/header-class.js

@@ -0,0 +1,7 @@
+'use client';
+import { css } from 'lit';
+
+var css_248z = css`.h1,.h2,.h3,.h4,.h5,.h6 ::slotted(h6),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),h1,h2,h3,h4,h5,h6{color:var(--sgds-heading-color);font-weight:700;line-height:1.2;margin-bottom:.5rem;margin-top:0}.h1,::slotted(h1),h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,::slotted(h1),h1{font-size:2.5rem}}.h2,::slotted(h2),h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,::slotted(h2),h2{font-size:2rem}}.h3,::slotted(h3),h3{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h3,::slotted(h3),h3{font-size:1.5rem}}.h4,::slotted(h4),h4{font-size:1.125rem}.h5,.h6 ::slotted(h6),::slotted(h5),h5,h6{font-size:1rem}.h1,::slotted(h1),h1{line-height:1.2}.h2,::slotted(h2),h2{line-height:1.25}.h3,::slotted(h3),h3{line-height:1.33}.h4,::slotted(h4),h4{line-height:1.78}.h5,.h6 ::slotted(h6),::slotted(h5),h5,h6{line-height:1.2}`;
+
+export { css_248z as default };
+//# sourceMappingURL=header-class.js.map

package/react/styles/header-class.js.map

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

package/react/styles/paragraph.js

@@ -0,0 +1,7 @@
+'use client';
+import { css } from 'lit';
+
+var css_248z = css`p{margin-bottom:1.5rem;margin-top:0}`;
+
+export { css_248z as default };
+//# sourceMappingURL=paragraph.js.map

package/react/styles/paragraph.js.map

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

package/react/styles/svg.js

@@ -0,0 +1,7 @@
+'use client';
+import { css } from 'lit';
+
+var css_248z = css`svg{vertical-align:middle}`;
+
+export { css_248z as default };
+//# sourceMappingURL=svg.js.map

package/react/styles/svg.js.map

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

package/react/styles/text-variants.js

@@ -0,0 +1,7 @@
+'use client';
+import { css } from 'lit';
+
+var css_248z = css`.text-primary{color:var(--sgds-primary-rgb)!important}.text-secondary{color:var(--sgds-secondary-rgb)!important}.text-success{color:var(--sgds-success-rgb)!important}.text-info{color:var(--sgds-info-rgb)!important}.text-warning{color:var(--sgds-warning-rgb)!important}.text-danger{color:var(--sgds-danger-rgb)!important}.text-light{color:var(--sgds-light-rgb)!important}.text-dark{color:var(--sgds-dark-rgb)!important}.text-muted{color:var(--sgds-secondary-color)!important}`;
+
+export { css_248z as default };
+//# sourceMappingURL=text-variants.js.map

package/react/styles/text-variants.js.map

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

package/react/tab/index.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var react = require('@lit-labs/react');
-var sgdsTab = require('../../components/Tab/sgds-tab.cjs.js');
+var sgdsTab = require('../components/Tab/sgds-tab.cjs.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/react/tab/index.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import { SgdsTab } from '../../components/Tab/sgds-tab.js';
+import { SgdsTab } from '../components/Tab/sgds-tab.js';
 
 customElements.define("sgds-tab", SgdsTab);
 var index = createComponent({

package/react/tab-group/index.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var react = require('@lit-labs/react');
-var sgdsTabGroup = require('../../components/Tab/sgds-tab-group.cjs.js');
+var sgdsTabGroup = require('../components/Tab/sgds-tab-group.cjs.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/react/tab-group/index.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import { SgdsTabGroup } from '../../components/Tab/sgds-tab-group.js';
+import { SgdsTabGroup } from '../components/Tab/sgds-tab-group.js';
 
 customElements.define("sgds-tab-group", SgdsTabGroup);
 var index = createComponent({

package/react/tab-panel/index.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var react = require('@lit-labs/react');
-var sgdsTabPanel = require('../../components/Tab/sgds-tab-panel.cjs.js');
+var sgdsTabPanel = require('../components/Tab/sgds-tab-panel.cjs.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/react/tab-panel/index.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import { SgdsTabPanel } from '../../components/Tab/sgds-tab-panel.js';
+import { SgdsTabPanel } from '../components/Tab/sgds-tab-panel.js';
 
 customElements.define("sgds-tab-panel", SgdsTabPanel);
 var index = createComponent({

package/react/table/index.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var react = require('@lit-labs/react');
-var sgdsTable = require('../../components/Table/sgds-table.cjs.js');
+var sgdsTable = require('../components/Table/sgds-table.cjs.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/react/table/index.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import { SgdsTable } from '../../components/Table/sgds-table.js';
+import { SgdsTable } from '../components/Table/sgds-table.js';
 
 customElements.define("sgds-table", SgdsTable);
 var index = createComponent({

package/react/textarea/index.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var react = require('@lit-labs/react');
-var sgdsTextarea = require('../../components/Textarea/sgds-textarea.cjs.js');
+var sgdsTextarea = require('../components/Textarea/sgds-textarea.cjs.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/react/textarea/index.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import { SgdsTextarea } from '../../components/Textarea/sgds-textarea.js';
+import { SgdsTextarea } from '../components/Textarea/sgds-textarea.js';
 
 customElements.define("sgds-textarea", SgdsTextarea);
 var index = createComponent({

package/react/toast/index.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var react = require('@lit-labs/react');
-var sgdsToast = require('../../components/Toast/sgds-toast.cjs.js');
+var sgdsToast = require('../components/Toast/sgds-toast.cjs.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/react/toast/index.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import { SgdsToast } from '../../components/Toast/sgds-toast.js';
+import { SgdsToast } from '../components/Toast/sgds-toast.js';
 
 customElements.define("sgds-toast", SgdsToast);
 var index = createComponent({

package/react/toast-container/index.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var react = require('@lit-labs/react');
-var sgdsToastContainer = require('../../components/Toast/sgds-toast-container.cjs.js');
+var sgdsToastContainer = require('../components/Toast/sgds-toast-container.cjs.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/react/toast-container/index.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import { SgdsToastContainer } from '../../components/Toast/sgds-toast-container.js';
+import { SgdsToastContainer } from '../components/Toast/sgds-toast-container.js';
 
 customElements.define("sgds-toast-container", SgdsToastContainer);
 var index = createComponent({

package/react/tooltip/index.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var react = require('@lit-labs/react');
-var sgdsTooltip = require('../../components/Tooltip/sgds-tooltip.cjs.js');
+var sgdsTooltip = require('../components/Tooltip/sgds-tooltip.cjs.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/react/tooltip/index.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import { SgdsTooltip } from '../../components/Tooltip/sgds-tooltip.js';
+import { SgdsTooltip } from '../components/Tooltip/sgds-tooltip.js';
 
 customElements.define("sgds-tooltip", SgdsTooltip);
 var index = createComponent({

package/react/utils/animate.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animate.cjs.js","sources":["../../../src/utils/animate.ts"],"sourcesContent":["//\n// Animates an element using keyframes. Returns a promise that resolves after the animation completes or gets canceled.\n//\nexport function animateTo(el: HTMLElement, keyframes: Keyframe[], options?: KeyframeAnimationOptions) {\n  return new Promise(resolve => {\n    if (options?.duration === Infinity) {\n      throw new Error(\"Promise-based animations must be finite.\");\n    }\n\n    const animation = el.animate(keyframes, {\n      ...options,\n      duration: prefersReducedMotion() ? 0 : options?.duration\n    });\n\n    animation.addEventListener(\"cancel\", resolve, { once: true });\n    animation.addEventListener(\"finish\", resolve, { once: true });\n  });\n}\n\n//\n// Parses a CSS duration and returns the number of milliseconds.\n//\nexport function parseDuration(delay: number | string) {\n  delay = delay.toString().toLowerCase();\n\n  if (delay.indexOf(\"ms\") > -1) {\n    return parseFloat(delay);\n  }\n\n  if (delay.indexOf(\"s\") > -1) {\n    return parseFloat(delay) * 1000;\n  }\n\n  return parseFloat(delay);\n}\n\n//\n// Tells if the user has enabled the \"reduced motion\" setting in their browser or OS.\n//\nexport function prefersReducedMotion() {\n  const query = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n  return query.matches;\n}\n\n// We can't animate `height: auto`, but we can calculate the height and shim keyframes by replacing it with the\n// element's scrollHeight before the animation.\nexport function shimKeyframesHeightAuto(keyframes: Keyframe[], calculatedHeight: number) {\n  return keyframes.map(keyframe => ({\n    ...keyframe,\n    height: keyframe.height === \"auto\" ? `${calculatedHeight}px` : keyframe.height\n  }));\n}\n\n//\n// Stops all active animations on the target element. Returns a promise that resolves after all animations are canceled.\n//\nexport function stopAnimations(el: HTMLElement) {\n  return Promise.all(\n    el.getAnimations().map(animation => {\n      return new Promise(resolve => {\n        const handleAnimationEvent = requestAnimationFrame(resolve);\n\n        animation.addEventListener(\"cancel\", () => handleAnimationEvent, { once: true });\n        animation.addEventListener(\"finish\", () => handleAnimationEvent, { once: true });\n        animation.cancel();\n      });\n    })\n  );\n}\n"],"names":[],"mappings":";;;;;AAAA;AACA;AACA;SACgB,SAAS,CAAC,EAAe,EAAE,SAAqB,EAAE,OAAkC,EAAA;AAClG,IAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAG;QAC3B,IAAI,CAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAP,OAAO,CAAE,QAAQ,MAAK,QAAQ,EAAE;AAClC,YAAA,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;SAC7D;AAED,QAAA,MAAM,SAAS,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACjC,OAAO,CAAA,EAAA,EACV,QAAQ,EAAE,oBAAoB,EAAE,GAAG,CAAC,GAAG,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAE,QAAQ,IACxD,CAAC;AAEH,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AAC9D,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AAChE,KAAC,CAAC,CAAC;AACL,CAAC;AAmBD;AACA;AACA;SACgB,oBAAoB,GAAA;IAClC,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC;IACpE,OAAO,KAAK,CAAC,OAAO,CAAC;AACvB,CAAC;AAED;AACA;AACgB,SAAA,uBAAuB,CAAC,SAAqB,EAAE,gBAAwB,EAAA;AACrF,IAAA,OAAO,SAAS,CAAC,GAAG,CAAC,QAAQ,KAAI,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAC5B,QAAQ,CAAA,EAAA,EACX,MAAM,EAAE,QAAQ,CAAC,MAAM,KAAK,MAAM,GAAG,CAAA,EAAG,gBAAgB,CAAI,EAAA,CAAA,GAAG,QAAQ,CAAC,MAAM,EAAA,CAAA,CAC9E,CAAC,CAAC;AACN,CAAC;AAED;AACA;AACA;AACM,SAAU,cAAc,CAAC,EAAe,EAAA;AAC5C,IAAA,OAAO,OAAO,CAAC,GAAG,CAChB,EAAE,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,SAAS,IAAG;AACjC,QAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAG;AAC3B,YAAA,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAE5D,YAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,oBAAoB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AACjF,YAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,oBAAoB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YACjF,SAAS,CAAC,MAAM,EAAE,CAAC;AACrB,SAAC,CAAC,CAAC;KACJ,CAAC,CACH,CAAC;AACJ;;;;;;;"}

package/react/utils/animate.js

@@ -0,0 +1,42 @@
+'use client';
+//
+// Animates an element using keyframes. Returns a promise that resolves after the animation completes or gets canceled.
+//
+function animateTo(el, keyframes, options) {
+    return new Promise(resolve => {
+        if ((options === null || options === void 0 ? void 0 : options.duration) === Infinity) {
+            throw new Error("Promise-based animations must be finite.");
+        }
+        const animation = el.animate(keyframes, Object.assign(Object.assign({}, options), { duration: prefersReducedMotion() ? 0 : options === null || options === void 0 ? void 0 : options.duration }));
+        animation.addEventListener("cancel", resolve, { once: true });
+        animation.addEventListener("finish", resolve, { once: true });
+    });
+}
+//
+// Tells if the user has enabled the "reduced motion" setting in their browser or OS.
+//
+function prefersReducedMotion() {
+    const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+    return query.matches;
+}
+// We can't animate `height: auto`, but we can calculate the height and shim keyframes by replacing it with the
+// element's scrollHeight before the animation.
+function shimKeyframesHeightAuto(keyframes, calculatedHeight) {
+    return keyframes.map(keyframe => (Object.assign(Object.assign({}, keyframe), { height: keyframe.height === "auto" ? `${calculatedHeight}px` : keyframe.height })));
+}
+//
+// Stops all active animations on the target element. Returns a promise that resolves after all animations are canceled.
+//
+function stopAnimations(el) {
+    return Promise.all(el.getAnimations().map(animation => {
+        return new Promise(resolve => {
+            const handleAnimationEvent = requestAnimationFrame(resolve);
+            animation.addEventListener("cancel", () => handleAnimationEvent, { once: true });
+            animation.addEventListener("finish", () => handleAnimationEvent, { once: true });
+            animation.cancel();
+        });
+    }));
+}
+
+export { animateTo, prefersReducedMotion, shimKeyframesHeightAuto, stopAnimations };
+//# sourceMappingURL=animate.js.map

package/react/utils/animate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animate.js","sources":["../../../src/utils/animate.ts"],"sourcesContent":["//\n// Animates an element using keyframes. Returns a promise that resolves after the animation completes or gets canceled.\n//\nexport function animateTo(el: HTMLElement, keyframes: Keyframe[], options?: KeyframeAnimationOptions) {\n  return new Promise(resolve => {\n    if (options?.duration === Infinity) {\n      throw new Error(\"Promise-based animations must be finite.\");\n    }\n\n    const animation = el.animate(keyframes, {\n      ...options,\n      duration: prefersReducedMotion() ? 0 : options?.duration\n    });\n\n    animation.addEventListener(\"cancel\", resolve, { once: true });\n    animation.addEventListener(\"finish\", resolve, { once: true });\n  });\n}\n\n//\n// Parses a CSS duration and returns the number of milliseconds.\n//\nexport function parseDuration(delay: number | string) {\n  delay = delay.toString().toLowerCase();\n\n  if (delay.indexOf(\"ms\") > -1) {\n    return parseFloat(delay);\n  }\n\n  if (delay.indexOf(\"s\") > -1) {\n    return parseFloat(delay) * 1000;\n  }\n\n  return parseFloat(delay);\n}\n\n//\n// Tells if the user has enabled the \"reduced motion\" setting in their browser or OS.\n//\nexport function prefersReducedMotion() {\n  const query = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n  return query.matches;\n}\n\n// We can't animate `height: auto`, but we can calculate the height and shim keyframes by replacing it with the\n// element's scrollHeight before the animation.\nexport function shimKeyframesHeightAuto(keyframes: Keyframe[], calculatedHeight: number) {\n  return keyframes.map(keyframe => ({\n    ...keyframe,\n    height: keyframe.height === \"auto\" ? `${calculatedHeight}px` : keyframe.height\n  }));\n}\n\n//\n// Stops all active animations on the target element. Returns a promise that resolves after all animations are canceled.\n//\nexport function stopAnimations(el: HTMLElement) {\n  return Promise.all(\n    el.getAnimations().map(animation => {\n      return new Promise(resolve => {\n        const handleAnimationEvent = requestAnimationFrame(resolve);\n\n        animation.addEventListener(\"cancel\", () => handleAnimationEvent, { once: true });\n        animation.addEventListener(\"finish\", () => handleAnimationEvent, { once: true });\n        animation.cancel();\n      });\n    })\n  );\n}\n"],"names":[],"mappings":";AAAA;AACA;AACA;SACgB,SAAS,CAAC,EAAe,EAAE,SAAqB,EAAE,OAAkC,EAAA;AAClG,IAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAG;QAC3B,IAAI,CAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAP,OAAO,CAAE,QAAQ,MAAK,QAAQ,EAAE;AAClC,YAAA,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;SAC7D;AAED,QAAA,MAAM,SAAS,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACjC,OAAO,CAAA,EAAA,EACV,QAAQ,EAAE,oBAAoB,EAAE,GAAG,CAAC,GAAG,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAE,QAAQ,IACxD,CAAC;AAEH,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AAC9D,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AAChE,KAAC,CAAC,CAAC;AACL,CAAC;AAmBD;AACA;AACA;SACgB,oBAAoB,GAAA;IAClC,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC;IACpE,OAAO,KAAK,CAAC,OAAO,CAAC;AACvB,CAAC;AAED;AACA;AACgB,SAAA,uBAAuB,CAAC,SAAqB,EAAE,gBAAwB,EAAA;AACrF,IAAA,OAAO,SAAS,CAAC,GAAG,CAAC,QAAQ,KAAI,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAC5B,QAAQ,CAAA,EAAA,EACX,MAAM,EAAE,QAAQ,CAAC,MAAM,KAAK,MAAM,GAAG,CAAA,EAAG,gBAAgB,CAAI,EAAA,CAAA,GAAG,QAAQ,CAAC,MAAM,EAAA,CAAA,CAC9E,CAAC,CAAC;AACN,CAAC;AAED;AACA;AACA;AACM,SAAU,cAAc,CAAC,EAAe,EAAA;AAC5C,IAAA,OAAO,OAAO,CAAC,GAAG,CAChB,EAAE,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,SAAS,IAAG;AACjC,QAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAG;AAC3B,YAAA,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAE5D,YAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,oBAAoB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AACjF,YAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,oBAAoB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YACjF,SAAS,CAAC,MAAM,EAAE,CAAC;AACrB,SAAC,CAAC,CAAC;KACJ,CAAC,CACH,CAAC;AACJ;;;;"}

package/react/utils/animation-registry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation-registry.cjs.js","sources":["../../../src/utils/animation-registry.ts"],"sourcesContent":["export interface ElementAnimation {\n  keyframes: Keyframe[];\n  rtlKeyframes?: Keyframe[];\n  options?: KeyframeAnimationOptions;\n}\n\nexport interface ElementAnimationMap {\n  [animationName: string]: ElementAnimation;\n}\n\nexport interface GetAnimationOptions {\n  /**\n   * The component's directionality. When set to \"rtl\", `rtlKeyframes` will be preferred over `keyframes` where\n   * available using getAnimation().\n   */\n  dir: string;\n}\n\nconst defaultAnimationRegistry = new Map<string, ElementAnimation>();\nconst customAnimationRegistry = new WeakMap<Element, ElementAnimationMap>();\n\nfunction ensureAnimation(animation: ElementAnimation | null) {\n  return animation ?? { keyframes: [], options: { duration: 0 } };\n}\n\n//\n// Given an ElementAnimation, this function returns a new ElementAnimation where the keyframes property reflects either\n// keyframes or rtlKeyframes depending on the specified directionality.\n//\nfunction getLogicalAnimation(animation: ElementAnimation) {\n  return animation;\n}\n\n//\n// Gets an element's animation. Falls back to the default if no animation is found.\n//\nexport function getAnimation(el: Element, animationName: string) {\n  const customAnimation = customAnimationRegistry.get(el);\n\n  // Check for a custom animation\n  if (customAnimation?.[animationName]) {\n    return getLogicalAnimation(customAnimation[animationName]);\n  }\n\n  // Check for a default animation\n  const defaultAnimation = defaultAnimationRegistry.get(animationName);\n  if (defaultAnimation) {\n    return getLogicalAnimation(defaultAnimation);\n  }\n\n  // Fall back to an empty animation\n  return {\n    keyframes: [],\n    options: { duration: 0 }\n  };\n}\n\n//\n// Sets a custom animation for the specified element.\n//\nexport function setAnimation(el: Element, animationName: string, animation: ElementAnimation | null) {\n  customAnimationRegistry.set(el, { ...customAnimationRegistry.get(el), [animationName]: ensureAnimation(animation) });\n}\n\n//\n// Sets a default animation. Components should use the `name.animation` for primary animations and `name.part.animation`\n// for secondary animations, e.g. `dialog.show` and `dialog.overlay.show`. For modifiers, use `drawer.showTop`.\n//\nexport function setDefaultAnimation(animationName: string, animation: ElementAnimation | null) {\n  defaultAnimationRegistry.set(animationName, ensureAnimation(animation));\n}\n"],"names":[],"mappings":";;;;;AAkBA,MAAM,wBAAwB,GAAG,IAAI,GAAG,EAA4B,CAAC;AACrE,MAAM,uBAAuB,GAAG,IAAI,OAAO,EAAgC,CAAC;AAE5E,SAAS,eAAe,CAAC,SAAkC,EAAA;AACzD,IAAA,OAAO,SAAS,KAAT,IAAA,IAAA,SAAS,cAAT,SAAS,GAAI,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;AAClE,CAAC;AAED;AACA;AACA;AACA;AACA,SAAS,mBAAmB,CAAC,SAA2B,EAAA;AACtD,IAAA,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;AACA;AACA;AACgB,SAAA,YAAY,CAAC,EAAW,EAAE,aAAqB,EAAA;IAC7D,MAAM,eAAe,GAAG,uBAAuB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;;IAGxD,IAAI,eAAe,aAAf,eAAe,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAf,eAAe,CAAG,aAAa,CAAC,EAAE;AACpC,QAAA,OAAO,mBAAmB,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC;KAC5D;;IAGD,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IACrE,IAAI,gBAAgB,EAAE;AACpB,QAAA,OAAO,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;KAC9C;;IAGD,OAAO;AACL,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;KACzB,CAAC;AACJ,CAAC;AASD;AACA;AACA;AACA;AACgB,SAAA,mBAAmB,CAAC,aAAqB,EAAE,SAAkC,EAAA;IAC3F,wBAAwB,CAAC,GAAG,CAAC,aAAa,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;AAC1E;;;;;"}

package/react/utils/animation-registry.js

@@ -0,0 +1,43 @@
+'use client';
+const defaultAnimationRegistry = new Map();
+const customAnimationRegistry = new WeakMap();
+function ensureAnimation(animation) {
+    return animation !== null && animation !== void 0 ? animation : { keyframes: [], options: { duration: 0 } };
+}
+//
+// Given an ElementAnimation, this function returns a new ElementAnimation where the keyframes property reflects either
+// keyframes or rtlKeyframes depending on the specified directionality.
+//
+function getLogicalAnimation(animation) {
+    return animation;
+}
+//
+// Gets an element's animation. Falls back to the default if no animation is found.
+//
+function getAnimation(el, animationName) {
+    const customAnimation = customAnimationRegistry.get(el);
+    // Check for a custom animation
+    if (customAnimation === null || customAnimation === void 0 ? void 0 : customAnimation[animationName]) {
+        return getLogicalAnimation(customAnimation[animationName]);
+    }
+    // Check for a default animation
+    const defaultAnimation = defaultAnimationRegistry.get(animationName);
+    if (defaultAnimation) {
+        return getLogicalAnimation(defaultAnimation);
+    }
+    // Fall back to an empty animation
+    return {
+        keyframes: [],
+        options: { duration: 0 }
+    };
+}
+//
+// Sets a default animation. Components should use the `name.animation` for primary animations and `name.part.animation`
+// for secondary animations, e.g. `dialog.show` and `dialog.overlay.show`. For modifiers, use `drawer.showTop`.
+//
+function setDefaultAnimation(animationName, animation) {
+    defaultAnimationRegistry.set(animationName, ensureAnimation(animation));
+}
+
+export { getAnimation, setDefaultAnimation };
+//# sourceMappingURL=animation-registry.js.map

package/react/utils/animation-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation-registry.js","sources":["../../../src/utils/animation-registry.ts"],"sourcesContent":["export interface ElementAnimation {\n  keyframes: Keyframe[];\n  rtlKeyframes?: Keyframe[];\n  options?: KeyframeAnimationOptions;\n}\n\nexport interface ElementAnimationMap {\n  [animationName: string]: ElementAnimation;\n}\n\nexport interface GetAnimationOptions {\n  /**\n   * The component's directionality. When set to \"rtl\", `rtlKeyframes` will be preferred over `keyframes` where\n   * available using getAnimation().\n   */\n  dir: string;\n}\n\nconst defaultAnimationRegistry = new Map<string, ElementAnimation>();\nconst customAnimationRegistry = new WeakMap<Element, ElementAnimationMap>();\n\nfunction ensureAnimation(animation: ElementAnimation | null) {\n  return animation ?? { keyframes: [], options: { duration: 0 } };\n}\n\n//\n// Given an ElementAnimation, this function returns a new ElementAnimation where the keyframes property reflects either\n// keyframes or rtlKeyframes depending on the specified directionality.\n//\nfunction getLogicalAnimation(animation: ElementAnimation) {\n  return animation;\n}\n\n//\n// Gets an element's animation. Falls back to the default if no animation is found.\n//\nexport function getAnimation(el: Element, animationName: string) {\n  const customAnimation = customAnimationRegistry.get(el);\n\n  // Check for a custom animation\n  if (customAnimation?.[animationName]) {\n    return getLogicalAnimation(customAnimation[animationName]);\n  }\n\n  // Check for a default animation\n  const defaultAnimation = defaultAnimationRegistry.get(animationName);\n  if (defaultAnimation) {\n    return getLogicalAnimation(defaultAnimation);\n  }\n\n  // Fall back to an empty animation\n  return {\n    keyframes: [],\n    options: { duration: 0 }\n  };\n}\n\n//\n// Sets a custom animation for the specified element.\n//\nexport function setAnimation(el: Element, animationName: string, animation: ElementAnimation | null) {\n  customAnimationRegistry.set(el, { ...customAnimationRegistry.get(el), [animationName]: ensureAnimation(animation) });\n}\n\n//\n// Sets a default animation. Components should use the `name.animation` for primary animations and `name.part.animation`\n// for secondary animations, e.g. `dialog.show` and `dialog.overlay.show`. For modifiers, use `drawer.showTop`.\n//\nexport function setDefaultAnimation(animationName: string, animation: ElementAnimation | null) {\n  defaultAnimationRegistry.set(animationName, ensureAnimation(animation));\n}\n"],"names":[],"mappings":";AAkBA,MAAM,wBAAwB,GAAG,IAAI,GAAG,EAA4B,CAAC;AACrE,MAAM,uBAAuB,GAAG,IAAI,OAAO,EAAgC,CAAC;AAE5E,SAAS,eAAe,CAAC,SAAkC,EAAA;AACzD,IAAA,OAAO,SAAS,KAAT,IAAA,IAAA,SAAS,cAAT,SAAS,GAAI,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;AAClE,CAAC;AAED;AACA;AACA;AACA;AACA,SAAS,mBAAmB,CAAC,SAA2B,EAAA;AACtD,IAAA,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;AACA;AACA;AACgB,SAAA,YAAY,CAAC,EAAW,EAAE,aAAqB,EAAA;IAC7D,MAAM,eAAe,GAAG,uBAAuB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;;IAGxD,IAAI,eAAe,aAAf,eAAe,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAf,eAAe,CAAG,aAAa,CAAC,EAAE;AACpC,QAAA,OAAO,mBAAmB,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC;KAC5D;;IAGD,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IACrE,IAAI,gBAAgB,EAAE;AACpB,QAAA,OAAO,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;KAC9C;;IAGD,OAAO;AACL,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;KACzB,CAAC;AACJ,CAAC;AASD;AACA;AACA;AACA;AACgB,SAAA,mBAAmB,CAAC,aAAqB,EAAE,SAAkC,EAAA;IAC3F,wBAAwB,CAAC,GAAG,CAAC,aAAa,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;AAC1E;;;;"}

package/react/utils/breakpoints.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.cjs.js","sources":["../../../src/utils/breakpoints.ts"],"sourcesContent":["export const LG_BREAKPOINT = 992;\nexport const MD_BREAKPOINT = 768;\nexport const SM_BREAKPOINT = 576;\nexport const XL_BREAKPOINT = 1200;\nexport const XXL_BREAKPOINT = 1400;\n"],"names":[],"mappings":";;;;;AAAO,MAAM,aAAa,GAAG,IAAI;AAC1B,MAAM,aAAa,GAAG,IAAI;AAC1B,MAAM,aAAa,GAAG,IAAI;AAC1B,MAAM,aAAa,GAAG,KAAK;AAC3B,MAAM,cAAc,GAAG;;;;;;;;"}

package/react/utils/breakpoints.js

@@ -0,0 +1,9 @@
+'use client';
+const LG_BREAKPOINT = 992;
+const MD_BREAKPOINT = 768;
+const SM_BREAKPOINT = 576;
+const XL_BREAKPOINT = 1200;
+const XXL_BREAKPOINT = 1400;
+
+export { LG_BREAKPOINT, MD_BREAKPOINT, SM_BREAKPOINT, XL_BREAKPOINT, XXL_BREAKPOINT };
+//# sourceMappingURL=breakpoints.js.map

package/react/utils/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.js","sources":["../../../src/utils/breakpoints.ts"],"sourcesContent":["export const LG_BREAKPOINT = 992;\nexport const MD_BREAKPOINT = 768;\nexport const SM_BREAKPOINT = 576;\nexport const XL_BREAKPOINT = 1200;\nexport const XXL_BREAKPOINT = 1400;\n"],"names":[],"mappings":";AAAO,MAAM,aAAa,GAAG,IAAI;AAC1B,MAAM,aAAa,GAAG,IAAI;AAC1B,MAAM,aAAa,GAAG,IAAI;AAC1B,MAAM,aAAa,GAAG,KAAK;AAC3B,MAAM,cAAc,GAAG;;;;"}

package/react/utils/defaultvalue.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultvalue.cjs.js","sources":["../../../src/utils/defaultvalue.ts"],"sourcesContent":["// @defaultValue decorator\n//\n// Runs when the corresponding attribute of the observed property changes, e.g. after calling Element.setAttribute or after updating\n// the observed property.\n//\n// The decorator checks whether the value of the attribute is different from the value of the property and in that case\n// it saves the new value.\n//\n//\n// Usage:\n//\n//  @property({ type: Boolean, reflect: true })\n//  checked = false;\n//\n//  @defaultValue('checked')\n//  defaultChecked = false;\n//\n\nimport { defaultConverter } from \"lit\";\nimport type { ReactiveElement } from \"lit\";\n\nexport const defaultValue =\n  (propertyName = \"value\") =>\n  (proto: ReactiveElement, key: string) => {\n    const ctor = proto.constructor as typeof ReactiveElement;\n\n    const attributeChangedCallback = ctor.prototype.attributeChangedCallback;\n    ctor.prototype.attributeChangedCallback = function (\n      this: ReactiveElement & { [name: string]: unknown },\n      name,\n      old,\n      value\n    ) {\n      const options = ctor.getPropertyOptions(propertyName);\n      const attributeName = (typeof options.attribute === \"string\" ? options.attribute : propertyName).toLowerCase();\n      if (name === attributeName) {\n        const converter = options.converter || defaultConverter;\n        const fromAttribute =\n          typeof converter === \"function\" ? converter : converter?.fromAttribute ?? defaultConverter.fromAttribute;\n\n        const newValue: unknown = fromAttribute(value, options.type);\n        if (this[propertyName] !== newValue) {\n          this[key] = newValue;\n        }\n      }\n      attributeChangedCallback.call(this, name, old, value);\n    };\n  };\n"],"names":["defaultConverter"],"mappings":";;;;;;;AAAA;AAqBa,MAAA,YAAY,GACvB,CAAC,YAAY,GAAG,OAAO,KACvB,CAAC,KAAsB,EAAE,GAAW,KAAI;AACtC,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,WAAqC,CAAC;AAEzD,IAAA,MAAM,wBAAwB,GAAG,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAAC;IACzE,IAAI,CAAC,SAAS,CAAC,wBAAwB,GAAG,UAExC,IAAI,EACJ,GAAG,EACH,KAAK,EAAA;;QAEL,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;QACtD,MAAM,aAAa,GAAG,CAAC,OAAO,OAAO,CAAC,SAAS,KAAK,QAAQ,GAAG,OAAO,CAAC,SAAS,GAAG,YAAY,EAAE,WAAW,EAAE,CAAC;AAC/G,QAAA,IAAI,IAAI,KAAK,aAAa,EAAE;AAC1B,YAAA,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAIA,oBAAgB,CAAC;YACxD,MAAM,aAAa,GACjB,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,GAAG,CAAA,EAAA,GAAA,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,aAAa,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAAA,oBAAgB,CAAC,aAAa,CAAC;YAE3G,MAAM,QAAQ,GAAY,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;AAC7D,YAAA,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,QAAQ,EAAE;AACnC,gBAAA,IAAI,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;aACtB;SACF;QACD,wBAAwB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AACxD,KAAC,CAAC;AACJ;;;;"}

package/react/utils/defaultvalue.js

@@ -0,0 +1,25 @@
+'use client';
+import { defaultConverter } from 'lit';
+
+// @defaultValue decorator
+const defaultValue = (propertyName = "value") => (proto, key) => {
+    const ctor = proto.constructor;
+    const attributeChangedCallback = ctor.prototype.attributeChangedCallback;
+    ctor.prototype.attributeChangedCallback = function (name, old, value) {
+        var _a;
+        const options = ctor.getPropertyOptions(propertyName);
+        const attributeName = (typeof options.attribute === "string" ? options.attribute : propertyName).toLowerCase();
+        if (name === attributeName) {
+            const converter = options.converter || defaultConverter;
+            const fromAttribute = typeof converter === "function" ? converter : (_a = converter === null || converter === void 0 ? void 0 : converter.fromAttribute) !== null && _a !== void 0 ? _a : defaultConverter.fromAttribute;
+            const newValue = fromAttribute(value, options.type);
+            if (this[propertyName] !== newValue) {
+                this[key] = newValue;
+            }
+        }
+        attributeChangedCallback.call(this, name, old, value);
+    };
+};
+
+export { defaultValue };
+//# sourceMappingURL=defaultvalue.js.map