@ionic/core 8.8.9-dev.11780493937.17fe092d → 8.8.9-dev.11780604658.184bb991

package/dist/collection/components/toolbar/toolbar.ionic.css

@@ -1,249 +0,0 @@
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-:host {
-  /**
-   * @prop --background: Background of the toolbar
-   *
-   * @prop --border-color: Color of the toolbar border
-   * @prop --border-style: Style of the toolbar border
-   * @prop --border-width: Width of the toolbar border
-   *
-   * @prop --color: Color of the toolbar text
-   *
-   * @prop --min-height: Minimum height of the toolbar
-   *
-   * @prop --opacity: Opacity of the toolbar background
-   *
-   * @prop --padding-top: Top padding of the toolbar
-   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the toolbar
-   * @prop --padding-bottom: Bottom padding of the toolbar
-   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the toolbar
-   */
-  --border-width: 0;
-  --border-style: solid;
-  --opacity: 1;
-  --opacity-scale: 1;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  display: block;
-  position: relative;
-  width: 100%;
-  padding-right: var(--ion-safe-area-right);
-  padding-left: var(--ion-safe-area-left);
-  color: var(--color);
-  contain: content;
-  box-sizing: border-box;
-}
-
-.toolbar-container {
-  -webkit-padding-start: var(--padding-start);
-  padding-inline-start: var(--padding-start);
-  -webkit-padding-end: var(--padding-end);
-  padding-inline-end: var(--padding-end);
-  padding-top: var(--padding-top);
-  padding-bottom: var(--padding-bottom);
-  display: flex;
-  position: relative;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  min-height: var(--min-height);
-  contain: content;
-  overflow: hidden;
-  box-sizing: border-box;
-}
-
-.toolbar-background {
-  right: 0;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  position: absolute;
-  transform: translateZ(0);
-  border-width: var(--border-width);
-  border-style: var(--border-style);
-  border-color: var(--border-color);
-  background: var(--background);
-  contain: strict;
-  opacity: calc(var(--opacity) * var(--opacity-scale));
-  pointer-events: none;
-}
-
-::slotted(ion-progress-bar) {
-  right: 0;
-  left: 0;
-  bottom: 0;
-  position: absolute;
-}
-
-/**
- * A heuristic that applies CSS to tablet
- * viewports.
- *
- * Usage:
- * @include tablet-viewport() {
- *   :host {
- *     background-color: green;
- *   }
- * }
- */
-/**
- * A heuristic that applies CSS to mobile
- * viewports (i.e. phones, not tablets).
- *
- * Usage:
- * @include mobile-viewport() {
- *   :host {
- *     background-color: blue;
- *   }
- * }
- */
-/**
- * Convert a pixels given value into rem
- * 
- * @param pixels - Value in pixels to be converted (i.e. px)
- * @param context (optional) - Baseline value
- */
-/**
- * Convert a font size to a dynamic font size.
- * Fonts that participate in Dynamic Type should use
- * dynamic font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param unit (optional) - The unit to convert to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a maximum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * a minimum font size.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-/**
- * Convert a font size to a dynamic font size but impose
- * maximum and minimum font sizes.
- * @param size - The initial font size including the unit (i.e. px or pt)
- * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
- * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
- * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
- * convert to a unit other than $baselineUnit.
- */
-:host {
-  --background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
-  --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
-  --border-color: currentColor;
-  --padding-top: var(--token-space-200, var(--token-scale-200, 8px));
-  --padding-bottom: var(--token-space-200, var(--token-scale-200, 8px));
-  --padding-start: var(--token-space-200, var(--token-scale-200, 8px));
-  --padding-end: var(--token-space-200, var(--token-scale-200, 8px));
-  --min-height: var(--token-scale-1400, 56px);
-}
-
-.toolbar-container {
-  gap: var(--token-space-400, var(--token-scale-400, 16px));
-  z-index: 10;
-}
-
-.toolbar-background {
-  z-index: -1;
-}
-
-.toolbar-content {
-  flex: 1 1 auto;
-  min-width: 0;
-}
-
-:host(.toolbar-searchbar) ::slotted(ion-searchbar) {
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-::slotted(ion-buttons) {
-  gap: var(--token-space-200, var(--token-scale-200, 8px));
-}
-
-::slotted(ion-title) {
-  -webkit-padding-start: var(--token-space-200, var(--token-scale-200, 8px));
-  padding-inline-start: var(--token-space-200, var(--token-scale-200, 8px));
-  -webkit-padding-end: var(--token-space-200, var(--token-scale-200, 8px));
-  padding-inline-end: var(--token-space-200, var(--token-scale-200, 8px));
-}
-
-:host(.toolbar-title-large) ::slotted(ion-title) {
-  -webkit-padding-start: var(--token-space-400, var(--token-scale-400, 16px));
-  padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
-  -webkit-padding-end: var(--token-space-400, var(--token-scale-400, 16px));
-  padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
-}
-
-:host(.has-end-content) slot[name=end],
-:host(.show-end) slot[name=end] {
-  display: flex;
-  flex: 0 0 var(--start-end-size, 0);
-  justify-content: flex-end;
-  text-align: end;
-}
-
-:host(.has-start-content) slot[name=start],
-:host(.show-start) slot[name=start] {
-  display: flex;
-  flex: 0 0 var(--start-end-size, 0);
-}
-
-:host(.has-primary-content) slot[name=primary],
-:host(.show-primary) slot[name=primary] {
-  display: flex;
-  flex: 0 0 var(--primary-secondary-size, 0);
-  justify-content: flex-end;
-  text-align: end;
-}
-
-:host(.has-secondary-content) slot[name=secondary],
-:host(.show-secondary) slot[name=secondary] {
-  display: flex;
-  flex: 0 0 var(--primary-secondary-size, 0);
-}
-
-:host(.toolbar-title-placement-start) ::slotted(ion-title) {
-  text-align: start;
-}
-
-:host(.toolbar-title-placement-center) ::slotted(ion-title) {
-  text-align: center;
-}
-
-:host(.toolbar-title-placement-end) ::slotted(ion-title) {
-  text-align: end;
-}

package/dist/collection/utils/css-value-validation.js

@@ -1,25 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-/**
- * Helpers for validating user-supplied CSS values using regular expressions, without
- * relying on browser CSS APIs.
- */
-// Matches `<length>` (`<number>` + unit identifier) or `<percentage>` (`<number>%`).
-const LENGTH_PERCENTAGE_PATTERN = /^[-+]?(?:\d+\.?\d*|\.\d+)(?:%|[a-z]+)$/i;
-// Matches simple `calc` / `min` / `max` / `clamp(...)` functions.
-const MATH_FUNCTION_PATTERN = /^(calc|min|max|clamp)\s*\(.+\)$/i;
-/**
- * Returns whether `value` matches the [length-percentage](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/length-percentage)
- * syntax. Accepts `<length>` (`<number>` + unit identifier) or `<percentage>` (`<number>%`).
- * Also supports simple `calc` / `min` / `max` / `clamp(...)` functions.
- *
- * @param value String value to validate.
- */
-export function isValidLengthPercentage(value) {
-    const v = value.trim();
-    if (!v) {
-        return false;
-    }
-    return MATH_FUNCTION_PATTERN.test(v) || LENGTH_PERCENTAGE_PATTERN.test(v);
-}

package/dist/collection/utils/on-scroll/collapse-hide.utils.js

@@ -1,168 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { readTask, writeTask } from "@stencil/core";
-/** Cumulative downward delta before hiding (header or footer `collapse="hide"`). */
-export const COLLAPSE_HIDE_THRESHOLD_PX = 24;
-/**
- * Cumulative upward delta before showing again after hide. Small bias
- * (instead of "any upward delta") guards against inertial-scroll
- * oscillation flicking the region back open during a downward gesture.
- */
-export const COLLAPSE_SHOW_THRESHOLD_PX = 5;
-const WHEEL_SCROLL_SUPPRESS_MS = 80;
-const getContentHostFromScrollEl = (scrollEl) => {
-    const root = scrollEl.getRootNode();
-    if (root instanceof ShadowRoot && root.host instanceof HTMLElement) {
-        return root.host;
-    }
-    // Light-DOM fallback: the scroll element may live inside a non-shadow
-    // ion-content (e.g. custom scroll host). Walk up to the nearest ion-content.
-    return scrollEl.closest('ion-content');
-};
-const applySlideDistance = (regionEl, contentHost, slideCssVar, heightPx) => {
-    const value = `${Math.max(0, Math.ceil(heightPx))}px`;
-    regionEl.style.setProperty(slideCssVar, value);
-    contentHost === null || contentHost === void 0 ? void 0 : contentHost.style.setProperty(slideCssVar, value);
-};
-const clearSlideDistance = (regionEl, contentHost, slideCssVar) => {
-    regionEl.style.removeProperty(slideCssVar);
-    contentHost === null || contentHost === void 0 ? void 0 : contentHost.style.removeProperty(slideCssVar);
-};
-/**
- * Scroll/wheel-driven hide/show for `collapse="hide"` on `ion-header` or `ion-footer`.
- * Hide after {@link COLLAPSE_HIDE_THRESHOLD_PX}px cumulative downward delta; show after
- * {@link COLLAPSE_SHOW_THRESHOLD_PX}px cumulative upward delta. Each direction drains
- * (not resets) the opposing accumulator so inertial-scroll jitter doesn't stall either
- * transition. Motion is defined in component SCSS and `content.scss`; this toggles
- * classes and syncs the slide distance CSS var.
- */
-export const createCollapseHideInteraction = ({ regionEl, scrollEl, slideCssVar, contentPartnerClass, contentHiddenClass, regionHiddenClass, }) => {
-    const contentHost = getContentHostFromScrollEl(scrollEl);
-    if (contentHost !== null) {
-        contentHost.classList.add(contentPartnerClass);
-    }
-    let resizeObserver;
-    let destroyed = false;
-    const syncSlideDistance = () => {
-        readTask(() => {
-            if (destroyed) {
-                return;
-            }
-            const heightPx = regionEl.offsetHeight;
-            writeTask(() => {
-                if (destroyed) {
-                    return;
-                }
-                applySlideDistance(regionEl, contentHost, slideCssVar, heightPx);
-            });
-        });
-    };
-    if (typeof ResizeObserver !== 'undefined') {
-        resizeObserver = new ResizeObserver(() => {
-            syncSlideDistance();
-        });
-        resizeObserver.observe(regionEl);
-    }
-    syncSlideDistance();
-    requestAnimationFrame(() => {
-        if (!destroyed) {
-            syncSlideDistance();
-        }
-    });
-    let hidden = false;
-    let accDown = 0;
-    let accUp = 0;
-    let lastScrollTop = scrollEl.scrollTop;
-    let lastWheelTime = 0;
-    const setHidden = (next) => {
-        if (hidden === next || destroyed) {
-            return;
-        }
-        hidden = next;
-        // When transitioning to hidden, re-measure synchronously in case the
-        // initial layout reported offsetHeight === 0 (e.g. mid page transition).
-        // Without this the slide animates by 0px and only opacity fades.
-        if (hidden) {
-            const heightPx = regionEl.offsetHeight;
-            if (heightPx > 0) {
-                applySlideDistance(regionEl, contentHost, slideCssVar, heightPx);
-            }
-        }
-        writeTask(() => {
-            if (destroyed) {
-                return;
-            }
-            regionEl.classList.toggle(regionHiddenClass, hidden);
-            contentHost === null || contentHost === void 0 ? void 0 : contentHost.classList.toggle(contentHiddenClass, hidden);
-            if (hidden) {
-                // `inert` removes the subtree from the tab order and AT, AND moves
-                // focus out automatically in supporting browsers. `aria-hidden` is
-                // kept as a fallback for older engines without `inert` support.
-                regionEl.setAttribute('inert', '');
-                regionEl.setAttribute('aria-hidden', 'true');
-            }
-            else {
-                regionEl.removeAttribute('inert');
-                regionEl.removeAttribute('aria-hidden');
-            }
-        });
-    };
-    // Accumulate cumulative movement in each direction. The OPPOSITE accumulator
-    // is drained (not reset) by each event, so brief inertial jitter does not
-    // wipe a sustained gesture's accumulation. Crossing a threshold resets both.
-    const processDelta = (delta) => {
-        if (delta > 0) {
-            accUp = Math.max(0, accUp - delta);
-            accDown += delta;
-            if (accDown >= COLLAPSE_HIDE_THRESHOLD_PX) {
-                setHidden(true);
-                accDown = 0;
-                accUp = 0;
-            }
-        }
-        else if (delta < 0) {
-            const mag = -delta;
-            accDown = Math.max(0, accDown - mag);
-            accUp += mag;
-            if (accUp >= COLLAPSE_SHOW_THRESHOLD_PX) {
-                setHidden(false);
-                accUp = 0;
-                accDown = 0;
-            }
-        }
-    };
-    const onWheel = (ev) => {
-        if (destroyed) {
-            return;
-        }
-        lastWheelTime = performance.now();
-        processDelta(ev.deltaY);
-    };
-    const onScroll = () => {
-        if (destroyed) {
-            return;
-        }
-        const st = scrollEl.scrollTop;
-        if (performance.now() - lastWheelTime < WHEEL_SCROLL_SUPPRESS_MS) {
-            lastScrollTop = st;
-            return;
-        }
-        const delta = st - lastScrollTop;
-        lastScrollTop = st;
-        processDelta(delta);
-    };
-    scrollEl.addEventListener('wheel', onWheel, { passive: true });
-    scrollEl.addEventListener('scroll', onScroll, { passive: true });
-    return () => {
-        destroyed = true;
-        resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
-        scrollEl.removeEventListener('wheel', onWheel);
-        scrollEl.removeEventListener('scroll', onScroll);
-        regionEl.classList.remove(regionHiddenClass);
-        regionEl.removeAttribute('inert');
-        regionEl.removeAttribute('aria-hidden');
-        contentHost === null || contentHost === void 0 ? void 0 : contentHost.classList.remove(contentPartnerClass, contentHiddenClass);
-        clearSlideDistance(regionEl, contentHost, slideCssVar);
-    };
-};

package/dist/collection/utils/select-option-render.js

@@ -1,76 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { h } from "@stencil/core";
-import { sanitizeDOMString } from "./sanitization";
-/**
- * Cache that maps rendered span elements to the source HTMLElement
- * they were cloned from. This prevents flickering when a user
- * selects an option that has rich content, as the content will only be
- * re-rendered if the source HTMLElement changes.
- */
-const contentCache = new WeakMap();
-/**
- * Renders cloned DOM content into an element via a ref callback.
- * The content is only cloned when the source element changes,
- * preventing flicker caused by destroying and recreating web
- * components (e.g., ion-avatar) on every re-render cycle.
- *
- * Span elements should be used when this content renders within buttons,
- * depending on the select interface. Buttons can only have phrasing
- * content to prevent accessibility issues.
- *
- * @param id - Unique identifier for generating stable virtual DOM keys.
- * @param content - The HTMLElement container whose child nodes will be cloned.
- * @param className - CSS class applied to the wrapper span.
- * @param useSpan - Whether to use a span element instead of a div for the wrapper.
- */
-const renderClonedContent = (id, content, className, useSpan = false) => {
-    const Tag = useSpan ? 'span' : 'div';
-    return (h(Tag, { class: className, key: `${className}-${id}`, ref: (el) => {
-            if (el) {
-                const cached = contentCache.get(el);
-                // Skip if this element already has clones from the same source
-                if (cached === content) {
-                    return;
-                }
-                const sanitized = sanitizeDOMString(content.innerHTML);
-                el.innerHTML = sanitized !== null && sanitized !== void 0 ? sanitized : '';
-                contentCache.set(el, content);
-            }
-        } }));
-};
-/**
- * Renders the label content for a select option within an overlay
- * interface based on the presence of rich content.
- *
- * Span elements should be used when this content renders within buttons,
- * depending on the select interface. Buttons can only have phrasing
- * content to prevent accessibility issues.
- *
- * @param option - The content option data containing label, slots,
- * and description.
- * @param className - The base CSS class for the label element.
- * @param useSpan - Whether to use a span element instead of a div for the label.
- */
-export const renderOptionLabel = (option, className, useSpan = false) => {
-    const { id, label, startContent, endContent, description } = option;
-    const hasRichContent = !!startContent || !!endContent || !!description;
-    const Tag = useSpan ? 'span' : 'div';
-    // Render simple string label if there is no rich content to display
-    if (!hasRichContent && (typeof label === 'string' || !label)) {
-        return (h(Tag, { class: className, key: `${className}-${id}` }, label));
-    }
-    // Render the main label
-    const labelEl = typeof label === 'string' || !label ? (
-    // Label is a simple string or undefined
-    h(Tag, { key: `${className}-label-${id}` }, label)) : (
-    // Label is an HTMLElement with potential rich content
-    renderClonedContent(id, label, `${className}-text`, useSpan));
-    // No rich content, render just the label
-    if (!hasRichContent) {
-        return (h(Tag, { class: className, key: `${className}-${id}` }, labelEl));
-    }
-    // Render label with rich content (start, end, description)
-    return (h(Tag, { class: className, key: `${className}-${id}` }, startContent && renderClonedContent(id, startContent, 'select-option-start', useSpan), h(Tag, { class: "select-option-content", key: `${className}-content-${id}` }, labelEl, description && (h(Tag, { class: "select-option-description", key: `${className}-desc-${id}` }, description))), endContent && renderClonedContent(id, endContent, 'select-option-end', useSpan)));
-};

package/dist/esm/caret-down-D1t981Ih.js

@@ -1,6 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const caretDownSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMTMuNjYsMTAxLjY2bC04MCw4MGE4LDgsMCwwLDEtMTEuMzIsMGwtODAtODBBOCw4LDAsMCwxLDUzLjY2LDkwLjM0TDEyOCwxNjQuNjlsNzQuMzQtNzQuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiIvPjwvc3ZnPg==';
-
-export { caretDownSvg as c };

package/dist/esm/caret-left-fIOYmaqA.js

@@ -1,6 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const caretLeftSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xNjUuNjYsMjAyLjM0YTgsOCwwLDAsMS0xMS4zMiwxMS4zMmwtODAtODBhOCw4LDAsMCwxLDAtMTEuMzJsODAtODBhOCw4LDAsMCwxLDExLjMyLDExLjMyTDkxLjMxLDEyOFoiLz48L3N2Zz4=';
-
-export { caretLeftSvg as c };

package/dist/esm/caret-right-BYSs-jZz.js

@@ -1,6 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const caretRightSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xODEuNjYsMTMzLjY2bC04MCw4MGE4LDgsMCwwLDEtMTEuMzItMTEuMzJMMTY0LjY5LDEyOCw5MC4zNCw1My42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzJsODAsODBBOCw4LDAsMCwxLDE4MS42NiwxMzMuNjZaIi8+PC9zdmc+';
-
-export { caretRightSvg as c };

package/dist/esm/config-BwKpO3Is.js

@@ -1,31 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const setupConfig = (config) => {
-    const win = window;
-    const Ionic = win.Ionic;
-    // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
-    if (Ionic && Ionic.config && Ionic.config.constructor.name !== 'Object') {
-        return;
-    }
-    win.Ionic = win.Ionic || {};
-    win.Ionic.config = Object.assign(Object.assign({}, win.Ionic.config), config);
-    return win.Ionic.config;
-};
-const getMode = () => {
-    var _a;
-    const win = window;
-    const config = (_a = win === null || win === void 0 ? void 0 : win.Ionic) === null || _a === void 0 ? void 0 : _a.config;
-    if (config) {
-        if (config.mode) {
-            return config.mode;
-        }
-        else {
-            return config.get('mode');
-        }
-    }
-    return 'md';
-};
-const ENABLE_HTML_CONTENT_DEFAULT = false;
-
-export { ENABLE_HTML_CONTENT_DEFAULT as E, getMode as g, setupConfig as s };

package/dist/esm/ion-divider.entry.js

@@ -1,49 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import { r as registerInstance, h, d as Host } from './index-Omi_TcwW.js';
-import { c as getIonTheme } from './ionic-global--9mOmThr.js';
-
-const dividerIonicCss = () => `:host{--margin-top:0px;--margin-bottom:0px;--padding-start:0px;--padding-end:0px;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);display:block;width:100%}:host hr{display:block;width:100%;margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);border:none}:host hr{border-top:var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5))}:host(.divider-inset){--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.divider-spacing-xsmall){--margin-top:var(--token-space-200, var(--token-scale-200, 8px));--margin-bottom:var(--token-space-200, var(--token-scale-200, 8px))}:host(.divider-spacing-small){--margin-top:var(--token-space-300, var(--token-scale-300, 12px));--margin-bottom:var(--token-space-300, var(--token-scale-300, 12px))}:host(.divider-spacing-medium){--margin-top:var(--token-space-400, var(--token-scale-400, 16px));--margin-bottom:var(--token-space-400, var(--token-scale-400, 16px))}:host(.divider-spacing-large){--margin-top:var(--token-space-600, var(--token-scale-600, 24px));--margin-bottom:var(--token-space-600, var(--token-scale-600, 24px))}:host(.divider-spacing-xlarge){--margin-top:var(--token-space-800, var(--token-scale-800, 32px));--margin-bottom:var(--token-space-800, var(--token-scale-800, 32px))}:host(.divider-spacing-xxlarge){--margin-top:var(--token-space-1000, var(--token-scale-1000, 40px));--margin-bottom:var(--token-space-1000, var(--token-scale-1000, 40px))}`;
-
-const dividerIosCss = () => `:host{--margin-top:0px;--margin-bottom:0px;--padding-start:0px;--padding-end:0px;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);display:block;width:100%}:host hr{display:block;width:100%;margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);border:none}:host hr{border-top:1px solid #e0e0e0}:host(.divider-inset){--padding-start:16px;--padding-end:16px}:host(.divider-spacing-xsmall){--margin-top:8px;--margin-bottom:8px}:host(.divider-spacing-small){--margin-top:12px;--margin-bottom:12px}:host(.divider-spacing-medium){--margin-top:16px;--margin-bottom:16px}:host(.divider-spacing-large){--margin-top:24px;--margin-bottom:24px}:host(.divider-spacing-xlarge){--margin-top:32px;--margin-bottom:32px}:host(.divider-spacing-xxlarge){--margin-top:40px;--margin-bottom:40px}`;
-
-const dividerMdCss = () => `:host{--margin-top:0px;--margin-bottom:0px;--padding-start:0px;--padding-end:0px;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);display:block;width:100%}:host hr{display:block;width:100%;margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);border:none}:host hr{border-top:1px solid #e0e0e0}:host(.divider-inset){--padding-start:16px;--padding-end:16px}:host(.divider-spacing-xsmall){--margin-top:8px;--margin-bottom:8px}:host(.divider-spacing-small){--margin-top:12px;--margin-bottom:12px}:host(.divider-spacing-medium){--margin-top:16px;--margin-bottom:16px}:host(.divider-spacing-large){--margin-top:24px;--margin-bottom:24px}:host(.divider-spacing-xlarge){--margin-top:32px;--margin-bottom:32px}:host(.divider-spacing-xxlarge){--margin-top:40px;--margin-bottom:40px}`;
-
-const Divider = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Set to `"xxsmall"` for the smallest spacing.
-         * Set to "xsmall" for very small spacing.
-         * Set to `"small"` for small spacing.
-         * Set to "medium" for medium spacing.
-         * Set to "large" for large spacing.
-         * Set to `"xlarge"` for the largest spacing.
-         *
-         * Defaults to `"medium"`.
-         */
-        this.spacing = 'medium';
-        /**
-         * If `true`, the divider will have horizontal margins
-         * By default, it's `false`
-         */
-        this.inset = false;
-    }
-    render() {
-        const { inset, spacing } = this;
-        const theme = getIonTheme(this);
-        return (h(Host, { key: '6cc1572a93abaf49be7e27348bf513cb7ee24bff', class: {
-                [theme]: true,
-                [`divider-spacing-${spacing}`]: spacing !== undefined,
-                [`divider-inset`]: inset,
-            } }, h("hr", { key: '19e4cef3f90d92b56ae0bece15dbdcfbf18d72d9' })));
-    }
-};
-Divider.style = {
-    ionic: dividerIonicCss(),
-    ios: dividerIosCss(),
-    md: dividerMdCss()
-};
-
-export { Divider as ion_divider };