@rdlabo/ionic-theme-ios27 0.1.0 → 0.2.1-beta.pr185.sha0793981f6cf4

package/dist/css/md-ion-list-inset.css

@@ -1 +1 @@
-ion-list.md ion-item:has(ion-input.input-fill-outline),ion-list.md ion-item:has(ion-textarea.textarea-fill-outline),ion-list.md ion-item:has(ion-select:is([helpertext]:not([helpertext=""]),[errortext]:not([errortext=""]))),ion-list.md ion-item:has(ion-input .input-bottom>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty))),ion-list.md ion-item:has(ion-textarea .textarea-bottom>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty))){--inner-border-width: 0;--inner-padding-bottom: 4px}ion-list.md ion-item ion-input .input-bottom:not(:has(>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty)))),ion-list.md ion-item ion-textarea .textarea-bottom:not(:has(>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty)))){display:none}ion-list.md.list-inset{background:rgba(0,0,0,0)}ion-list.md.list-inset ion-list-header{display:flex;align-items:center}ion-list.md.list-inset ion-list-header ion-label{font-size:1rem;line-height:1.29rem;font-weight:600;margin:8px 4px 4px}ion-list.md.list-inset ion-list-header ion-label:not(.ion-color){color:var(--ion-color-medium-tint)}ion-list.md.list-inset ion-list-header ion-button{margin-top:8px}ion-list.md.list-inset ion-list-header ion-note{font-size:.76rem;line-height:1.06rem;font-weight:400;margin:8px 16px 4px 0}ion-list.md.list-inset ion-list-header ion-note:not(.ion-color){--color: var(--ion-color-medium-tint)}ion-list.md.list-inset ion-item-group.item-group-header{border-radius:16px}ion-list.md.list-inset ion-item-group.item-group-header>ion-item{--inner-padding-end: 0;--inner-border-width: 0}ion-list.md.list-inset ion-item-group.item-group-header>ion-item::part(native){padding-inline:0}ion-list.md.list-inset ion-item-group.item-group-header>ion-item>ion-label{width:100%;margin:0;text-align:start;white-space:normal;padding:16px 20px}ion-list.md.list-inset ion-item-group.item-group-header>ion-item>ion-label ion-header.header-collapse-condense>ion-toolbar{--min-height: 0;visibility:hidden}ion-list.md.list-inset ion-item-group.item-group-header>ion-item>ion-label ion-icon{font-size:2.82rem;border-radius:20%;padding:6px;vertical-align:top}ion-list.md.list-inset ion-item-group.item-group-header>ion-item>ion-label ion-icon:not(.ion-color){color:#fff}ion-list.md.list-inset ion-item-group.item-group-header>ion-item>ion-label h2{font-size:1.29rem;font-weight:700;line-height:1.53rem;margin:20px 0 8px}ion-list.md.list-inset ion-item-group.item-group-header>ion-item>ion-label ion-text{display:block;font-size:1rem;line-height:1.29rem}ion-list.md.list-inset ion-item-group.item-group-header>ion-item>ion-label ion-text:not(.ion-color){color:var(--ion-color-step-500, var(--ion-text-color-step-500, #808080))}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group){display:block;border-radius:16px;overflow:hidden}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top){display:flex;flex-direction:column;border-radius:0;overflow:visible}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>.radio-group-top{order:1;font-size:.9rem;padding-block-start:8px}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>ion-item:first-of-type{--border-radius: 16px 16px 0 0}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>ion-item:last-of-type{--border-radius: 0 0 16px 16px}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):not(:first-of-type){margin-top:16px}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))::part(container){flex-direction:column;justify-content:center;padding-top:14px;padding-bottom:14px;min-height:64px}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-label,ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-note{width:auto;align-self:flex-start}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-label{margin:0;font-weight:500;font-size:1rem;line-height:1.29rem}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-note{font-size:.88rem;line-height:1.18rem}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-text[slot=end]{padding-left:8px}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item.item-disabled{--detail-icon-opacity: 0.1;opacity:1}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item.item-disabled>*{opacity:.4}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-button[slot=end].ion-align-self-end{transform:translateY(-7px)}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-button[slot=end] ion-icon[slot=icon-only]{font-size:1.2rem;transform:translateY(4px)}ion-list.md.list-inset>ion-note{font-size:.76rem;line-height:1.06rem;font-weight:400;display:block;margin:8px calc(var(--ion-safe-area-right, 0) + 8px) 8px calc(var(--ion-safe-area-left, 0) + 8px)}ion-list.md.list-inset>ion-note:not(.ion-color){--color: var(--ion-color-medium-tint)}ion-list.md.list-inset :is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-input[labelplacement=floating]{transition:transform 200ms ease}ion-list.md.list-inset :is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-input[labelplacement=floating]:not(.label-floating){transform:translateY(-7px)}ion-list.md.list-inset :is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-input[labelplacement=floating].label-floating{transform:translateY(-4px)}
+ion-list.md ion-item:has(ion-input.input-fill-outline),ion-list.md ion-item:has(ion-textarea.textarea-fill-outline),ion-list.md ion-item:has(ion-select:is([helpertext]:not([helpertext=""]),[errortext]:not([errortext=""]))),ion-list.md ion-item:has(ion-input .input-bottom>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty))),ion-list.md ion-item:has(ion-textarea .textarea-bottom>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty))){--inner-border-width: 0;--inner-padding-bottom: 4px}ion-list.md ion-item ion-input .input-bottom:not(:has(>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty)))),ion-list.md ion-item ion-textarea .textarea-bottom:not(:has(>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty)))){display:none}ion-list.md.list-inset{background:rgba(0,0,0,0)}ion-list.md.list-inset ion-list-header{display:flex;align-items:center}ion-list.md.list-inset ion-list-header ion-label{font-size:1rem;line-height:1.29rem;font-weight:600;margin:8px 4px 4px}ion-list.md.list-inset ion-list-header ion-label:not(.ion-color){color:var(--ion-color-medium-tint)}ion-list.md.list-inset ion-list-header ion-button{margin-top:8px}ion-list.md.list-inset ion-list-header ion-note{font-size:.76rem;line-height:1.06rem;font-weight:400;margin-block:8px 4px;margin-inline:0 16px}ion-list.md.list-inset ion-list-header ion-note:not(.ion-color){--color: var(--ion-color-medium-tint)}ion-list.md.list-inset ion-item-group.item-group-header{border-radius:16px}ion-list.md.list-inset ion-item-group.item-group-header>ion-item{--inner-padding-end: 0;--inner-border-width: 0}ion-list.md.list-inset ion-item-group.item-group-header>ion-item::part(native){padding-inline:0}ion-list.md.list-inset ion-item-group.item-group-header>ion-item>ion-label{width:100%;margin:0;text-align:start;white-space:normal;padding:16px 20px}ion-list.md.list-inset ion-item-group.item-group-header>ion-item>ion-label ion-header.header-collapse-condense>ion-toolbar{--min-height: 0;visibility:hidden}ion-list.md.list-inset ion-item-group.item-group-header>ion-item>ion-label ion-icon{font-size:2.82rem;border-radius:20%;padding:6px;vertical-align:top}ion-list.md.list-inset ion-item-group.item-group-header>ion-item>ion-label ion-icon:not(.ion-color){color:#fff}ion-list.md.list-inset ion-item-group.item-group-header>ion-item>ion-label h2{font-size:1.29rem;font-weight:700;line-height:1.53rem;margin:20px 0 8px}ion-list.md.list-inset ion-item-group.item-group-header>ion-item>ion-label ion-text{display:block;font-size:1rem;line-height:1.29rem}ion-list.md.list-inset ion-item-group.item-group-header>ion-item>ion-label ion-text:not(.ion-color){color:var(--ion-color-step-500, var(--ion-text-color-step-500, #808080))}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group){display:block;border-radius:16px;overflow:hidden}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top){display:flex;flex-direction:column;border-radius:0;overflow:visible}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>.radio-group-top{order:1;font-size:.9rem;padding-block-start:8px}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>ion-item:first-of-type{--border-radius: 16px 16px 0 0}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>ion-item:last-of-type{--border-radius: 0 0 16px 16px}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):not(:first-of-type){margin-top:16px}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))::part(container){flex-direction:column;justify-content:center;padding-top:14px;padding-bottom:14px;min-height:64px}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-label,ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-note{width:auto;align-self:flex-start}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-label{margin:0;font-weight:500;font-size:1rem;line-height:1.29rem}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-note{font-size:.88rem;line-height:1.18rem}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-text[slot=end]{padding-inline-start:8px}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item.item-disabled{--detail-icon-opacity: 0.1;opacity:1}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item.item-disabled>*{opacity:.4}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-button[slot=end].ion-align-self-end{transform:translateY(-7px)}ion-list.md.list-inset>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-button[slot=end] ion-icon[slot=icon-only]{font-size:1.2rem;transform:translateY(4px)}ion-list.md.list-inset>ion-note{margin-block:8px;margin-inline:calc(var(--ion-safe-area-left, 0) + 8px) calc(var(--ion-safe-area-right, 0) + 8px)}ion-list.md.list-inset>ion-note:dir(rtl){margin-inline:calc(var(--ion-safe-area-right, 0) + 8px) calc(var(--ion-safe-area-left, 0) + 8px)}ion-list.md.list-inset>ion-note{font-size:.76rem;line-height:1.06rem;font-weight:400;display:block}ion-list.md.list-inset>ion-note:not(.ion-color){--color: var(--ion-color-medium-tint)}ion-list.md.list-inset :is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-input[labelplacement=floating]{transition:transform 200ms ease}ion-list.md.list-inset :is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-input[labelplacement=floating]:not(.label-floating){transform:translateY(-7px)}ion-list.md.list-inset :is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-input[labelplacement=floating].label-floating{transform:translateY(-4px)}

package/dist/css/utils/translucent.css

@@ -1 +1 @@
-ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent .header-background,ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent .footer-background,ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled).footer-translucent .header-background,ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled).footer-translucent .footer-background{backdrop-filter:none}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent ion-toolbar,ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled).footer-translucent ion-toolbar{--border-width: 0;--background: transparent;--opacity: 1}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent ion-toolbar::part(background),ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled).footer-translucent ion-toolbar::part(background){--opacity: 0}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent ion-toolbar ion-title,ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled).footer-translucent ion-toolbar ion-title{transform:translateY(0)}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent:not(.header-collapse-condense):has(>ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled)>*)::before{height:100%;background:rgba(var(--ion-color-base-rgb, var(--ios-theme-content-box-shadow-rgb, var(--ios26-content-box-shadow-rgb))), calc(0.2 * var(--opacity-scale, 1)));backdrop-filter:blur(8px)}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent:not(.header-collapse-condense):not(.ion-no-border)>ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>*):last-of-type{--border-width: 0 0 0.5px;--border-color: var(--ion-toolbar-border-color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08))}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent:not(.header-collapse-condense):not(.ion-no-border)>ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>*):last-of-type::part(background){--opacity: 1;background:rgba(0,0,0,0)}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-collapse-main ion-toolbar.in-toolbar ion-title{transition:opacity .5s ease-in-out,color .5s ease-in-out,text-shadow .5s ease-in-out,transform .5s ease-in-out}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title{color:rgba(0,0,0,0);text-shadow:0 0 1px var(--ion-color-base, var(--ion-toolbar-color, var(--ion-text-color, #000)));transform:translateY(8px)}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent::before,ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent::after,ion-content.ios:not(.ios-theme-disabled,.ios26-disabled).content-fullscreen::part(background)::before{content:"";position:absolute;width:100%;pointer-events:none;z-index:1}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent::before{z-index:2;top:0;height:var(--ion-safe-area-top)}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent::after{z-index:2;top:0;height:100%;backdrop-filter:blur(2px);mask-image:linear-gradient(rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);mask-composite:intersect}.ion-page:has(>ion-header.header-translucent)>ion-content.content-fullscreen::part(background)::before{z-index:2;top:0;height:var(--offset-top, 0px);background:linear-gradient(in oklab, rgba(var(--ios-theme-content-box-shadow-rgb, var(--ios26-content-box-shadow-rgb)), 0.5) 0%, rgba(var(--ios-theme-content-box-shadow-rgb, var(--ios26-content-box-shadow-rgb)), 0.2) 50%, rgba(var(--ios-theme-content-box-shadow-rgb, var(--ios26-content-box-shadow-rgb)), 0) 100%)}
+ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent .header-background,ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent .footer-background,ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled).footer-translucent .header-background,ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled).footer-translucent .footer-background{backdrop-filter:none}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent ion-toolbar,ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled).footer-translucent ion-toolbar{--border-width: 0;--background: transparent;--opacity: 1}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent ion-toolbar::part(background),ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled).footer-translucent ion-toolbar::part(background){--opacity: 0}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent ion-toolbar ion-title,ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled).footer-translucent ion-toolbar ion-title{transform:translateY(0)}.ion-page:has(>ion-content.ios.content-fullscreen)>ion-header.ios:not(.ios-theme-disabled,.ios26-disabled):not(.header-translucent) ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled),.ion-page:has(>ion-content.ios.content-fullscreen)>ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled):not(.footer-translucent) ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled){--background: transparent;--opacity: 1}.ion-page:has(>ion-content.ios.content-fullscreen)>ion-header.ios:not(.ios-theme-disabled,.ios26-disabled):not(.header-translucent) ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled)::part(background),.ion-page:has(>ion-content.ios.content-fullscreen)>ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled):not(.footer-translucent) ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled)::part(background){--opacity: 0}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent:not(.header-collapse-condense):has(>ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled)>*)::before{height:100%;background:rgba(var(--ion-color-base-rgb, var(--ios-theme-content-box-shadow-rgb, var(--ios26-content-box-shadow-rgb))), calc(0.2 * var(--opacity-scale, 1)));backdrop-filter:blur(8px)}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent:not(.header-collapse-condense):not(.ion-no-border)>ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>*):last-of-type{--border-width: 0 0 0.5px;--border-color: var(--ion-toolbar-border-color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08))}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent:not(.header-collapse-condense):not(.ion-no-border)>ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>*):last-of-type::part(background){--opacity: 1;background:rgba(0,0,0,0)}.ion-page:has(>ion-content.ios.content-fullscreen)>ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled).footer-translucent:has(>ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled)>*)::before{bottom:0;height:100%;background:rgba(var(--ion-color-base-rgb, var(--ios-theme-content-box-shadow-rgb, var(--ios26-content-box-shadow-rgb))), calc(0.2 * var(--opacity-scale, 1)));backdrop-filter:blur(8px)}.ion-page:has(>ion-content.ios.content-fullscreen)>ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled).footer-translucent:not(.ion-no-border)>ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>*):first-of-type{--border-width: 0.5px 0 0;--border-color: var(--ion-toolbar-border-color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08))}.ion-page:has(>ion-content.ios.content-fullscreen)>ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled).footer-translucent:not(.ion-no-border)>ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>*):first-of-type::part(background){--opacity: 1;background:rgba(0,0,0,0)}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-collapse-main ion-toolbar.in-toolbar ion-title{transition:opacity .5s ease-in-out,color .5s ease-in-out,text-shadow .5s ease-in-out,transform .5s ease-in-out}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title{color:rgba(0,0,0,0);text-shadow:0 0 1px var(--ion-color-base, var(--ion-toolbar-color, var(--ion-text-color, #000)));transform:translateY(8px)}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent::before,ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent::after,.ion-page:has(>ion-content.ios.content-fullscreen)>ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled).footer-translucent::before,.ion-page:has(>ion-content.ios.content-fullscreen)>ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled).footer-translucent::after,ion-content.ios:not(.ios-theme-disabled,.ios26-disabled).content-fullscreen::part(background)::before{content:"";position:absolute;width:100%;pointer-events:none;z-index:1}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent::before{z-index:2;top:0;height:var(--ion-safe-area-top)}ion-header.ios:not(.ios-theme-disabled,.ios26-disabled).header-translucent::after{z-index:2;top:0;height:100%;backdrop-filter:blur(2px);mask-image:linear-gradient(rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);mask-composite:intersect}.ion-page:has(>ion-content.ios.content-fullscreen)>ion-footer.ios:not(.ios-theme-disabled,.ios26-disabled).footer-translucent::after{z-index:2;bottom:0;height:100%;backdrop-filter:blur(2px);mask-image:linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 20%);mask-composite:intersect}.ion-page:has(>ion-header.header-translucent)>ion-content.content-fullscreen::part(background)::before{z-index:2;top:0;height:var(--offset-top, 0px);background:linear-gradient(in oklab, rgba(var(--ios-theme-content-box-shadow-rgb, var(--ios26-content-box-shadow-rgb)), 0.5) 0%, rgba(var(--ios-theme-content-box-shadow-rgb, var(--ios26-content-box-shadow-rgb)), 0.2) 50%, rgba(var(--ios-theme-content-box-shadow-rgb, var(--ios26-content-box-shadow-rgb)), 0) 100%)}

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 import { registeredEffect } from './sheets-of-glass/interfaces';
 export * from './sheets-of-glass/interfaces';
-export { iosEnterAnimation as popoverEnterAnimation } from './popover/animations/ios.enter';
-export { iosLeaveAnimation as popoverLeaveAnimation } from './popover/animations/ios.leave';
+export { iosPopoverEnterAnimation as popoverEnterAnimation, iosPopoverLeaveAnimation as popoverLeaveAnimation, } from '@rdlabo/ionic-theme-utils';
 export * from './tab-bar-searchable';
 export * from './searchbar';
 export * from './transition/ios.transition';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,cAAc,8BAA8B,CAAC;AAC7C,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5F,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5F,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAElD,eAAO,MAAM,oBAAoB,GAAI,eAAe,WAAW,KAAG,gBAAgB,GAAG,SAyBpF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,cAAc,8BAA8B,CAAC;AAC7C,OAAO,EACL,wBAAwB,IAAI,qBAAqB,EACjD,wBAAwB,IAAI,qBAAqB,GAClD,MAAM,2BAA2B,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAElD,eAAO,MAAM,oBAAoB,GAAI,eAAe,WAAW,KAAG,gBAAgB,GAAG,SAyBpF,CAAC"}

package/dist/index.js

@@ -1,7 +1,6 @@
 import { registerEffect } from './sheets-of-glass';
 export * from './sheets-of-glass/interfaces';
-export { iosEnterAnimation as popoverEnterAnimation } from './popover/animations/ios.enter';
-export { iosLeaveAnimation as popoverLeaveAnimation } from './popover/animations/ios.leave';
+export { iosPopoverEnterAnimation as popoverEnterAnimation, iosPopoverLeaveAnimation as popoverLeaveAnimation, } from '@rdlabo/ionic-theme-utils';
 export * from './tab-bar-searchable';
 export * from './searchbar';
 export * from './transition/ios.transition';

package/dist/native/components/searchable-tabs.d.ts

@@ -6,7 +6,9 @@ export declare const createSearchSupport: (doc: Document, id: (element: Element)
     keepSearchTabsVisible(): void;
     decorate(candidates: Candidate[], blocked: (element: HTMLElement) => boolean): Candidate[];
     projected: (binding: NativeSearchBinding) => boolean;
+    hasActive(): boolean;
     begin(binding: NativeSearchBinding, revision: number): void;
+    setStatus(binding: NativeSearchBinding, active: boolean, focused?: boolean): void;
     release(element: HTMLElement): void;
     reject(ids: string[]): void;
     event(event: ShellSearchEvent): void;

package/dist/native/components/searchable-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"searchable-tabs.d.ts","sourceRoot":"","sources":["../../../src/native/components/searchable-tabs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAGpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,EAA0B,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAmB/E,eAAO,MAAM,mBAAmB,GAAI,KAAK,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,EAAE,UAAU,MAAM,IAAI;sBA8FnF,OAAO;;yBAgBJ,SAAS,EAAE,WAAW,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,GAAG,SAAS,EAAE;yBA3GhE,mBAAmB;mBAuO9B,mBAAmB,YAAY,MAAM;qBAInC,WAAW;gBAGhB,MAAM,EAAE;iBAUP,gBAAgB;oBAqCb,mBAAmB;;CAkBtC,CAAC"}
+{"version":3,"file":"searchable-tabs.d.ts","sourceRoot":"","sources":["../../../src/native/components/searchable-tabs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAGpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,EAA0B,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAmB/E,eAAO,MAAM,mBAAmB,GAAI,KAAK,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,EAAE,UAAU,MAAM,IAAI;sBA8InF,OAAO;;yBAmBJ,SAAS,EAAE,WAAW,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,GAAG,SAAS,EAAE;yBAlJhE,mBAAmB;;mBAuU9B,mBAAmB,YAAY,MAAM;uBAKjC,mBAAmB,UAAU,OAAO;qBAUtC,WAAW;gBAGhB,MAAM,EAAE;iBASP,gBAAgB;oBAqCb,mBAAmB;;CAoBtC,CAAC"}

package/dist/native/components/searchable-tabs.js

@@ -4,7 +4,52 @@ import { iconSource } from '../shared/icons';
 export const createSearchSupport = (doc, id, schedule) => {
     const states = new Map();
     let keyboardVisible = false;
+    let heldKeyboardResize = null;
+    let keyboardResizeGeneration = 0;
+    const keyboardPlugin = () => doc.defaultView?.Capacitor?.Plugins?.Keyboard;
     const projected = (binding) => binding.footer.hasAttribute(marker);
+    const holdKeyboardResize = () => {
+        const keyboard = keyboardPlugin();
+        if (!keyboard?.setResizeMode || heldKeyboardResize !== null)
+            return;
+        const setResizeMode = keyboard.setResizeMode.bind(keyboard);
+        const generation = ++keyboardResizeGeneration;
+        heldKeyboardResize = 'native';
+        void (async () => {
+            let restoreMode = 'native';
+            try {
+                const current = await keyboard.getResizeMode?.();
+                if (typeof current?.mode === 'string')
+                    restoreMode = current.mode;
+            }
+            catch {
+            }
+            if (generation !== keyboardResizeGeneration)
+                return;
+            heldKeyboardResize = restoreMode;
+            try {
+                await setResizeMode({ mode: 'none' });
+            }
+            catch {
+                if (generation === keyboardResizeGeneration)
+                    heldKeyboardResize = null;
+                return;
+            }
+            if (generation !== keyboardResizeGeneration)
+                void setResizeMode({ mode: restoreMode }).catch(() => undefined);
+        })();
+    };
+    const hasActiveProjection = () => [...states.keys()].some((binding) => binding.active && projected(binding));
+    const releaseKeyboardResize = () => {
+        if (hasActiveProjection())
+            return;
+        keyboardResizeGeneration++;
+        const mode = heldKeyboardResize;
+        heldKeyboardResize = null;
+        if (!mode)
+            return;
+        void keyboardPlugin()?.setResizeMode?.({ mode });
+    };
     const isCurrent = (state) => state.bar.isConnected &&
         state.binding.footer.querySelector('ion-searchbar') === state.bar &&
         state.bar.querySelector('input.searchbar-input') === state.input;
@@ -105,8 +150,10 @@ export const createSearchSupport = (doc, id, schedule) => {
     return {
         keyboard(visible) {
             keyboardVisible = visible;
-            if (!visible)
+            if (!visible) {
                 states.forEach((state) => (state.keyboardHidden = false));
+                releaseKeyboardResize();
+            }
             schedule();
         },
         keepSearchTabsVisible() {
@@ -130,6 +177,11 @@ export const createSearchSupport = (doc, id, schedule) => {
                 }
             }
             const inactive = [];
+            const pageHidden = (element) => !!element.closest('.ion-page-hidden, .ion-page-invisible');
+            const retainInactive = (candidate, state, keepAvailable = false) => {
+                if (state?.last)
+                    inactive.push([candidate, { ...state.last, active: false, available: keepAvailable, focused: false }]);
+            };
             for (const binding of bindings) {
                 const candidate = candidates.find((c) => c.element === binding.tabBar);
                 if (!candidate || candidate.control.search || binding.tabBar.getAttribute('slot') !== 'bottom')
@@ -140,10 +192,36 @@ export const createSearchSupport = (doc, id, schedule) => {
                     continue;
                 if (isShellDisabled(fab) || isShellDisabled(binding.footer))
                     continue;
-                if (blocked(binding.footer) || !visible(binding.trigger) || binding.footer.closest(excluded)) {
-                    const state = states.get(binding);
-                    if (state?.last)
-                        inactive.push([candidate, { ...state.last, active: false, available: false, focused: false }]);
+                const pageUnavailable = blocked(binding.footer) || !!binding.footer.closest(excluded);
+                const existing = states.get(binding);
+                if (pageUnavailable) {
+                    retainInactive(candidate, existing, !!existing?.last?.available && !pageHidden(binding.footer));
+                    if (existing?.last)
+                        continue;
+                }
+                if (binding.active && existing && isCurrent(existing) && existing.last && !pageUnavailable) {
+                    const back = binding.footer.querySelector('ion-buttons[slot=start] ion-button');
+                    if (back && !back.disabled && !back.closest(excluded)) {
+                        candidate.control.search = {
+                            ...existing.last,
+                            active: true,
+                            available: true,
+                            focused: binding.focused,
+                            value: existing.bar.value ?? '',
+                            placeholder: existing.bar.placeholder ?? '',
+                            disabled: existing.bar.disabled,
+                            editSequence: existing.editSequence,
+                            valueVersion: existing.valueVersion,
+                        };
+                        existing.last = candidate.control.search;
+                        candidate.sources = [binding.tabBar, binding.trigger.closest('ion-fab') ?? binding.trigger, binding.footer];
+                        candidate.actions.set(existing.last.trigger.id, binding.trigger);
+                        candidate.actions.set(existing.last.closeId, back);
+                        continue;
+                    }
+                }
+                if (!visible(binding.trigger) && !pageUnavailable) {
+                    retainInactive(candidate, existing);
                     continue;
                 }
                 const bar = binding.footer.querySelector('ion-searchbar');
@@ -155,10 +233,12 @@ export const createSearchSupport = (doc, id, schedule) => {
                     !binding.footer.matches('ion-footer') ||
                     !inFixedToolbar(bar) ||
                     !inFixedToolbar(back) ||
-                    bar.closest(excluded) ||
+                    (!pageUnavailable && bar.closest(excluded)) ||
                     !bar.classList.contains('ios') ||
-                    bar.classList.contains('searchbar-classic'))
+                    bar.classList.contains('searchbar-classic')) {
+                    retainInactive(candidate, existing);
                     continue;
+                }
                 if (bar.color ||
                     back.fill !== 'default' ||
                     back.color ||
@@ -171,14 +251,18 @@ export const createSearchSupport = (doc, id, schedule) => {
                     ![false, 'off', undefined].includes(bar.autocorrect) ||
                     bar.spellcheck ||
                     bar.showClearButton !== 'always' ||
-                    bar.clearIcon)
+                    bar.clearIcon) {
+                    retainInactive(candidate, existing);
                     continue;
-                if (bar.showCancelButton !== 'never' || bar.type !== 'search' || !getComputedStyle(input).backdropFilter.includes('blur'))
+                }
+                if (bar.showCancelButton !== 'never' || bar.type !== 'search' || !getComputedStyle(input).backdropFilter.includes('blur')) {
+                    retainInactive(candidate, existing);
                     continue;
+                }
                 const fabButton = binding.trigger;
                 const nativeTrigger = fabButton.shadowRoot?.querySelector('[part=native]');
-                if (binding.trigger.closest(excluded) ||
-                    back.closest(excluded) ||
+                if ((!pageUnavailable && binding.trigger.closest(excluded)) ||
+                    (!pageUnavailable && back.closest(excluded)) ||
                     back.disabled ||
                     fabButton.disabled ||
                     fabButton.color ||
@@ -186,16 +270,20 @@ export const createSearchSupport = (doc, id, schedule) => {
                     fabButton.href ||
                     !nativeTrigger ||
                     getComputedStyle(fabButton).backgroundColor !== 'rgba(0, 0, 0, 0)' ||
-                    !getComputedStyle(nativeTrigger).backdropFilter.includes('blur'))
+                    !getComputedStyle(nativeTrigger).backdropFilter.includes('blur')) {
+                    retainInactive(candidate, existing);
                     continue;
+                }
+                const state = existing ?? install(binding, bar, input);
                 const trigger = readIcon(binding.trigger, binding.trigger, candidate);
                 const searchIcon = bar.querySelector('.searchbar-search-icon');
                 const field = searchIcon && readIcon(searchIcon, bar, candidate);
-                if (!trigger || !field)
+                if (!trigger || !field) {
+                    retainInactive(candidate, state);
                     continue;
+                }
                 field.label = '';
                 field.accessibilityLabel = bar.getAttribute('aria-label') ?? input.getAttribute('aria-label') ?? 'Search';
-                const state = states.get(binding) ?? install(binding, bar, input);
                 state.layout = JSON.stringify([
                     innerWidth,
                     innerHeight,
@@ -215,16 +303,19 @@ export const createSearchSupport = (doc, id, schedule) => {
                     bar.placeholder,
                     bar.disabled,
                 ]);
-                if (state.rejectedLayout === state.layout)
+                if (state.rejectedLayout === state.layout) {
+                    retainInactive(candidate, state);
                     continue;
+                }
+                const available = !pageUnavailable && visible(binding.trigger);
                 candidate.control.search = {
                     id: id(input),
                     field,
                     trigger,
                     closeId: id(back),
-                    active: binding.active,
-                    available: true,
-                    focused: binding.focused,
+                    active: available && binding.active,
+                    available,
+                    focused: available && binding.focused,
                     value: bar.value ?? '',
                     placeholder: bar.placeholder ?? '',
                     disabled: bar.disabled,
@@ -232,9 +323,11 @@ export const createSearchSupport = (doc, id, schedule) => {
                     valueVersion: state.valueVersion,
                 };
                 state.last = candidate.control.search;
-                candidate.sources = [binding.tabBar, binding.trigger.closest('ion-fab') ?? binding.trigger, binding.footer];
-                candidate.actions.set(id(binding.trigger), binding.trigger);
-                candidate.actions.set(id(back), back);
+                if (available) {
+                    candidate.sources = [binding.tabBar, binding.trigger.closest('ion-fab') ?? binding.trigger, binding.footer];
+                    candidate.actions.set(id(binding.trigger), binding.trigger);
+                    candidate.actions.set(id(back), back);
+                }
             }
             for (const [candidate, configuration] of inactive)
                 (_a = candidate.control).search ?? (_a.search = configuration);
@@ -242,11 +335,26 @@ export const createSearchSupport = (doc, id, schedule) => {
             return candidates.filter((c) => !groups.some((group) => group !== c && group.sources?.some((source) => source.contains(c.element))));
         },
         projected,
+        hasActive() {
+            for (const [binding] of states)
+                if (binding.active && projected(binding))
+                    return true;
+            return false;
+        },
         begin(binding, revision) {
             const state = states.get(binding);
             if (state)
                 state.minimumRevision = revision;
         },
+        setStatus(binding, active, focused = false) {
+            if (!active) {
+                this.retire(binding);
+                return;
+            }
+            binding.active = true;
+            binding.focused = focused;
+            holdKeyboardResize();
+        },
         release(element) {
             for (const binding of states.keys())
                 if (binding.footer === element)
@@ -309,6 +417,7 @@ export const createSearchSupport = (doc, id, schedule) => {
                 state.input.dispatchEvent(new FocusEvent('blur'));
             }
             binding.active = binding.focused = false;
+            releaseKeyboardResize();
         },
         destroy() {
             states.forEach((state) => {
@@ -316,6 +425,7 @@ export const createSearchSupport = (doc, id, schedule) => {
                 state.restore();
             });
             states.clear();
+            releaseKeyboardResize();
         },
     };
 };

package/dist/native/definitions.d.ts

@@ -7,10 +7,24 @@ export interface NativeUIShellStatus {
     updates: number;
     reason?: string;
 }
+export interface NativeUIShellOptions {
+    enabled?: boolean;
+    controls?: NativeUIShellControls;
+}
+export interface NativeUIShellControls {
+    tabs?: boolean;
+    toolbar?: boolean;
+    segment?: boolean;
+    fab?: boolean;
+}
 export interface NativeUIShellHandle {
     getStatus(): NativeUIShellStatus;
+    suspend(): Promise<NativeUIShellSuspension>;
     destroy(): Promise<void>;
 }
+export interface NativeUIShellSuspension {
+    resume(): Promise<void>;
+}
 export interface Frame {
     x: number;
     y: number;
@@ -89,10 +103,14 @@ export interface ShellActivation {
     id: string;
     sequence: number;
 }
+export interface WebViewMetrics {
+    radius: number;
+}
 export interface NativeUIShellPlugin {
     configure(): Promise<{
         supported: boolean;
     }>;
+    getWebViewMetrics(): Promise<WebViewMetrics>;
     update(snapshot: ShellSnapshot): Promise<{
         revision: number;
         rejectedSearches?: string[];
@@ -103,5 +121,6 @@ export interface NativeUIShellPlugin {
     }): Promise<void>;
     addListener(name: 'activate', listener: (event: ShellActivation) => void): Promise<PluginListenerHandle>;
     addListener(name: 'search', listener: (event: ShellSearchEvent) => void): Promise<PluginListenerHandle>;
+    addListener(name: 'webViewMetricsChange', listener: (event: WebViewMetrics) => void): Promise<PluginListenerHandle>;
 }
 //# sourceMappingURL=definitions.d.ts.map

package/dist/native/definitions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definitions.d.ts","sourceRoot":"","sources":["../../src/native/definitions.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"definitions.d.ts","sourceRoot":"","sources":["../../src/native/definitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IAEnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,MAAM,WAAW,qBAAqB;IAEpC,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAElC,SAAS,IAAI,mBAAmB,CAAC;IAEjC,OAAO,IAAI,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAE5C,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1B;AAED,MAAM,WAAW,uBAAuB;IAEtC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CACzB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,sBAAsB,CAAC;IAC7B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,OAAO,CAAC;IACb,YAAY,CAAC,EAAE;QAAE,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;QAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;IAC5C,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,YAAY,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAE7B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,IAAI,OAAO,CAAC;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC7C,iBAAiB,IAAI,OAAO,CAAC,cAAc,CAAC,CAAC;IAC7C,MAAM,CAAC,QAAQ,EAAE,aAAa,GAAG,OAAO,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAC;IACzH,KAAK,CAAC,OAAO,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,WAAW,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACzG,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACxG,WAAW,CAAC,IAAI,EAAE,sBAAsB,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;CACrH"}

package/dist/native/index.d.ts

@@ -1,4 +1,5 @@
-import type { NativeUIShellHandle } from './definitions';
-export type { NativeUIShellComponent, NativeUIShellHandle, NativeUIShellStatus } from './definitions';
-export declare const enableNativeUIShell: () => Promise<NativeUIShellHandle>;
+import type { NativeUIShellHandle, NativeUIShellOptions, WebViewMetrics } from './definitions';
+export type { NativeUIShellComponent, NativeUIShellControls, NativeUIShellHandle, NativeUIShellOptions, NativeUIShellStatus, NativeUIShellSuspension, WebViewMetrics, } from './definitions';
+export declare const configureNativeTransition: () => Promise<WebViewMetrics>;
+export declare const enableNativeUIShell: (options?: NativeUIShellOptions) => Promise<NativeUIShellHandle>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/native/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAuB,MAAM,eAAe,CAAC;AAE9E,YAAY,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAUtG,eAAO,MAAM,mBAAmB,QAAO,OAAO,CAAC,mBAAmB,CAqBjE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/native/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAuB,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpH,YAAY,EACV,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,GACf,MAAM,eAAe,CAAC;AAWvB,eAAO,MAAM,yBAAyB,QAAa,OAAO,CAAC,cAAc,CAIxE,CAAC;AAGF,eAAO,MAAM,mBAAmB,GAAI,UAAS,oBAAyB,KAAG,OAAO,CAAC,mBAAmB,CA8BnG,CAAC"}

package/dist/native/index.js

@@ -1,28 +1,41 @@
 import { Capacitor, registerPlugin } from '@capacitor/core';
+import { setConfig } from '../transition/ios.transition';
+import { bindMetricsLifecycle } from './lifecycle';
 import { createRuntime } from './runtime';
 const plugin = registerPlugin('IonicNativeUIShell');
 let active;
 const web = (reason) => ({
     getStatus: () => ({ state: 'web', projected: 0, updates: 0, reason }),
+    suspend: async () => ({ resume: async () => { } }),
     destroy: async () => { },
 });
-export const enableNativeUIShell = () => {
+export const configureNativeTransition = async () => {
+    const metrics = typeof document !== 'undefined' && Capacitor.getPlatform() === 'ios' ? await plugin.getWebViewMetrics() : { radius: 0 };
+    setConfig({ radius: metrics.radius });
+    return metrics;
+};
+export const enableNativeUIShell = (options = {}) => {
+    if (options.enabled === false) {
+        const current = active;
+        active = undefined;
+        return current
+            ? current.then(async (handle) => {
+                await handle.destroy();
+                return web('Disabled');
+            })
+            : Promise.resolve(web('Disabled'));
+    }
     if (typeof document === 'undefined' || Capacitor.getPlatform() !== 'ios')
         return Promise.resolve(web('Requires Capacitor iOS'));
     return (active ?? (active = (async () => {
         try {
+            await configureNativeTransition().catch(() => undefined);
             if (!(await plugin.configure()).supported) {
                 active = undefined;
                 return web('Requires iOS 26 or later');
             }
-            const runtime = await createRuntime(document, plugin);
-            return {
-                getStatus: runtime.getStatus,
-                async destroy() {
-                    await runtime.destroy();
-                    active = undefined;
-                },
-            };
+            const runtime = await createRuntime(document, plugin, options);
+            return await bindMetricsLifecycle(runtime, () => plugin.addListener('webViewMetricsChange', (metrics) => setConfig({ radius: metrics.radius })), () => (active = undefined));
         }
         catch (error) {
             active = undefined;

package/dist/native/lifecycle.d.ts

@@ -0,0 +1,4 @@
+import type { PluginListenerHandle } from '@capacitor/core';
+import type { NativeUIShellHandle } from './definitions';
+export declare const bindMetricsLifecycle: (runtime: NativeUIShellHandle, listen: () => Promise<PluginListenerHandle>, deactivate: () => void) => Promise<NativeUIShellHandle>;
+//# sourceMappingURL=lifecycle.d.ts.map

package/dist/native/lifecycle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../src/native/lifecycle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,eAAO,MAAM,oBAAoB,GAC/B,SAAS,mBAAmB,EAC5B,QAAQ,MAAM,OAAO,CAAC,oBAAoB,CAAC,EAC3C,YAAY,MAAM,IAAI,KACrB,OAAO,CAAC,mBAAmB,CA8B7B,CAAC"}

package/dist/native/lifecycle.js

@@ -0,0 +1,34 @@
+export const bindMetricsLifecycle = async (runtime, listen, deactivate) => {
+    let listener;
+    try {
+        listener = await listen();
+    }
+    catch (error) {
+        await runtime.destroy();
+        throw error;
+    }
+    let destroying;
+    return {
+        getStatus: runtime.getStatus,
+        suspend: runtime.suspend,
+        destroy() {
+            return (destroying ?? (destroying = (async () => {
+                let removalError;
+                try {
+                    await listener.remove();
+                }
+                catch (error) {
+                    removalError = error;
+                }
+                try {
+                    await runtime.destroy();
+                }
+                finally {
+                    deactivate();
+                }
+                if (removalError)
+                    throw removalError;
+            })()));
+        },
+    };
+};

package/dist/native/runtime.d.ts

@@ -1,3 +1,3 @@
-import type { NativeUIShellHandle, NativeUIShellPlugin } from './definitions';
-export declare const createRuntime: (doc: Document, plugin: NativeUIShellPlugin) => Promise<NativeUIShellHandle>;
+import type { NativeUIShellHandle, NativeUIShellOptions, NativeUIShellPlugin } from './definitions';
+export declare const createRuntime: (doc: Document, plugin: NativeUIShellPlugin, options?: NativeUIShellOptions) => Promise<NativeUIShellHandle>;
 //# sourceMappingURL=runtime.d.ts.map

package/dist/native/runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../src/native/runtime.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAkC,mBAAmB,EAAE,mBAAmB,EAAuB,MAAM,eAAe,CAAC;AAkBnI,eAAO,MAAM,aAAa,GAAU,KAAK,QAAQ,EAAE,QAAQ,mBAAmB,KAAG,OAAO,CAAC,mBAAmB,CA6c3G,CAAC"}
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../src/native/runtime.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAGV,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EAEpB,MAAM,eAAe,CAAC;AAkBvB,eAAO,MAAM,aAAa,GACxB,KAAK,QAAQ,EACb,QAAQ,mBAAmB,EAC3B,UAAS,oBAAyB,KACjC,OAAO,CAAC,mBAAmB,CAof7B,CAAC"}