@novu/js 3.9.2 → 3.10.0

package/dist/esm/ui/index.mjs

@@ -1,8 +1,8 @@
-import { Novu, checkNotificationTagFilter, checkNotificationDataFilter, isBrowser, DEFAULT_API_VERSION, isSameFilter } from '../chunk-3CKXF2I4.mjs';
+import { Novu, checkNotificationTagFilter, checkNotificationDataFilter, isBrowser, DEFAULT_API_VERSION, isSameFilter } from '../chunk-OMH4MVCZ.mjs';
 import { parseMarkdownIntoTokens } from '../chunk-QOD7NZ77.mjs';
 import { __privateAdd, __privateMethod, __privateSet, __privateGet, __spreadProps, __spreadValues, __objRest, __async } from '../chunk-STZMOEWR.mjs';
 import { createComponent, mergeProps, delegateEvents, render, Portal, spread, template, insert, memo, effect, className, use, setAttribute, Dynamic } from 'solid-js/web';
-import { createSignal, createContext, useContext, onMount, onCleanup, For, createMemo, createEffect, splitProps, Show, Switch as Switch$1, Match, createResource, Index, batch } from 'solid-js';
+import { createSignal, createContext, useContext, onMount, onCleanup, For, createMemo, createEffect, splitProps, Show, Switch, Match, createResource, Index, batch, createUniqueId } from 'solid-js';
 import { createStore } from 'solid-js/store';
 import clsx from 'clsx';
 import { extendTailwindMerge } from 'tailwind-merge';
@@ -10,9 +10,10 @@ import { Motion as Motion$1 } from 'solid-motionone';
 import { autoUpdate, offset, flip, shift } from '@floating-ui/dom';
 import { useFloating } from 'solid-floating-ui';
 import { cva } from 'class-variance-authority';
+import * as CheckboxPrimitive from '@kobalte/core/checkbox';
 
-// _vxjvi57ta:/home/runner/work/novu/novu/packages/js/src/ui/index.directcss
-var ui_default = `.novu{scrollbar-color:var(--nv-color-secondary-foreground-alpha-300) #0000;:where(*),:where(*) :after,:where(*) :before,:where(*):after,:where(*):before{border:0 solid #e5e7eb;box-sizing:border-box}:where(html,:host){line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;tab-size:4;-webkit-tap-highlight-color:transparent}:where(body){line-height:inherit;margin:0}:where(hr){border-top-width:1px;color:inherit;height:0}:where(abbr:where([title])){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(a){color:inherit;text-decoration:inherit}:where(b,strong){font-weight:bolder}:where(code,kbd,samp,pre){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}:where(small){font-size:80%}:where(sub,sup){font-size:75%;line-height:0;position:relative;vertical-align:initial}:where(sub){bottom:-.25em}:where(sup){top:-.5em}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,optgroup,select,textarea){color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}:where(button,select){text-transform:none}:where(button,input:where([type=button]),input:where([type=reset]),input:where([type=submit])){-webkit-appearance:button;background-color:initial;background-image:none}:where(:-moz-focusring){outline:auto}:where(:-moz-ui-invalid){box-shadow:none}:where(progress){vertical-align:initial}:where(*)::-webkit-inner-spin-button,:where(*)::-webkit-outer-spin-button{height:auto}:where([type=search]){-webkit-appearance:textfield;outline-offset:-2px}:where(*)::-webkit-search-decoration{-webkit-appearance:none}:where(*)::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(summary){display:list-item}:where(blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre){margin:0}:where(fieldset){margin:0;padding:0}:where(legend){padding:0}:where(ol,ul,menu){list-style:none;margin:0;padding:0}:where(dialog){padding:0}:where(textarea){resize:vertical}:where(input)::placeholder,:where(textarea)::placeholder{color:#9ca3af;opacity:1}:where(button,[role=button]){cursor:pointer}:where(:disabled){cursor:default}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block;vertical-align:middle}:where(img,video){height:auto;max-width:100%}:where([hidden]){display:none}:where(*),:where(*) :after,:where(*) :before,:where(*):after,:where(*):before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(*) ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-thumb{background-clip:"padding-box";background-color:var(--nv-color-secondary-foreground-alpha-300);border-radius:.25rem}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:initial}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}}.nt-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.\\!nt-pointer-events-auto{pointer-events:auto!important}.nt-invisible{visibility:hidden}.nt-absolute{position:absolute}.nt-relative{position:relative}.nt-inset-0{inset:0}.nt-inset-2{inset:.5rem}.nt-bottom-0{bottom:0}.nt-left-0{left:0}.nt-left-0\\.5{left:.125rem}.nt-right-0{right:0}.nt-right-3{right:.75rem}.nt-top-0{top:0}.nt-top-0\\.5{top:.125rem}.nt-top-3{top:.75rem}.nt-z-10{z-index:10}.nt-z-\\[-1\\]{z-index:-1}.-nt-m-1{margin:-.25rem}.nt-mx-auto{margin-left:auto;margin-right:auto}.nt--mt-\\[50px\\]{margin-top:-50px}.nt-mb-1{margin-bottom:.25rem}.nt-mb-2{margin-bottom:.5rem}.nt-mb-4{margin-bottom:1rem}.nt-mb-\\[0\\.625rem\\]{margin-bottom:.625rem}.nt-ml-1{margin-left:.25rem}.nt-ml-2{margin-left:.5rem}.nt-ml-auto{margin-left:auto}.nt-mr-2{margin-right:.5rem}.nt-mr-auto{margin-right:auto}.nt-mt-1{margin-top:.25rem}.nt-mt-auto{margin-top:auto}.nt-block{display:block}.nt-flex{display:flex}.nt-inline-flex{display:inline-flex}.nt-grid{display:grid}.nt-hidden{display:none}.nt-aspect-square{aspect-ratio:1/1}.nt-size-1\\.5{height:.375rem;width:.375rem}.nt-size-2{height:.5rem;width:.5rem}.nt-size-2\\.5{height:.625rem;width:.625rem}.nt-size-3{height:.75rem;width:.75rem}.nt-size-3\\.5{height:.875rem;width:.875rem}.nt-size-4{height:1rem;width:1rem}.nt-size-5{height:1.25rem;width:1.25rem}.nt-size-8{height:2rem;width:2rem}.nt-size-fit{height:fit-content;width:fit-content}.nt-size-full{height:100%;width:100%}.nt-h-2{height:.5rem}.nt-h-3{height:.75rem}.nt-h-4{height:1rem}.nt-h-5{height:1.25rem}.nt-h-7{height:1.75rem}.nt-h-8{height:2rem}.nt-h-9{height:2.25rem}.nt-h-\\[600px\\]{height:600px}.nt-h-fit{height:fit-content}.nt-h-full{height:100%}.nt-min-h-0{min-height:0}.nt-w-1\\.5{width:.375rem}.nt-w-1\\/3{width:33.333333%}.nt-w-2\\/3{width:66.666667%}.nt-w-5{width:1.25rem}.nt-w-7{width:1.75rem}.nt-w-8{width:2rem}.nt-w-\\[260px\\]{width:260px}.nt-w-\\[3px\\]{width:3px}.nt-w-\\[400px\\]{width:400px}.nt-w-\\[60px\\]{width:60px}.nt-w-\\[calc\\(2ch\\+2rem\\)\\]{width:calc(2ch + 2rem)}.nt-w-fit{width:fit-content}.nt-w-full{width:100%}.nt-w-max{width:max-content}.nt-min-w-52{min-width:13rem}.nt-flex-1{flex:1 1 0%}.nt-shrink-0{flex-shrink:0}.nt-translate-x-1\\/2{--tw-translate-x:50%}.nt-transform,.nt-translate-x-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nt-cursor-default{cursor:default}.nt-cursor-not-allowed{cursor:not-allowed}.nt-cursor-pointer{cursor:pointer}.nt-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.nt-flex-row{flex-direction:row}.nt-flex-col{flex-direction:column}.nt-flex-wrap{flex-wrap:wrap}.nt-flex-nowrap{flex-wrap:nowrap}.nt-items-start{align-items:flex-start}.nt-items-center{align-items:center}.nt-justify-end{justify-content:flex-end}.nt-justify-center{justify-content:center}.nt-justify-between{justify-content:space-between}.nt-gap-0\\.5{gap:.125rem}.nt-gap-1{gap:.25rem}.nt-gap-1\\.5{gap:.375rem}.nt-gap-2{gap:.5rem}.nt-gap-3{gap:.75rem}.nt-gap-4{gap:1rem}.nt-gap-6{gap:1.5rem}.nt-gap-8{gap:2rem}.nt-self-stretch{align-self:stretch}.nt-overflow-auto{overflow:auto}.nt-overflow-hidden{overflow:hidden}.nt-overflow-y-auto{overflow-y:auto}.nt-truncate{overflow:hidden;text-overflow:ellipsis}.nt-truncate,.nt-whitespace-nowrap{white-space:nowrap}.nt-whitespace-pre-wrap{white-space:pre-wrap}.nt-rounded{border-radius:var(--nv-radius-base)}.nt-rounded-full{border-radius:var(--nv-radius-full)}.nt-rounded-lg{border-radius:var(--nv-radius-lg)}.nt-rounded-md{border-radius:var(--nv-radius-md)}.nt-rounded-sm{border-radius:var(--nv-radius-sm)}.nt-rounded-xl{border-radius:var(--nv-radius-xl)}.nt-border{border-width:1px}.nt-border-b{border-bottom-width:1px}.nt-border-t{border-top-width:1px}.nt-border-background{border-color:var(--nv-color-background)}.nt-border-border{border-color:var(--nv-color-neutral-alpha-100)}.nt-border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.nt-border-neutral-alpha-100{border-color:var(--nv-color-neutral-alpha-100)}.nt-border-neutral-alpha-200{border-color:var(--nv-color-neutral-alpha-200)}.nt-border-neutral-alpha-400{border-color:var(--nv-color-neutral-alpha-400)}.nt-border-neutral-alpha-50{border-color:var(--nv-color-neutral-alpha-50)}.nt-border-t-neutral-alpha-200{border-top-color:var(--nv-color-neutral-alpha-200)}.nt-bg-\\[oklch\\(from_var\\(--nv-color-stripes\\)_l_c_h_\\/_0\\.1\\)\\]{background-color:oklch(from var(--nv-color-stripes) l c h/.1)}.nt-bg-background{background-color:var(--nv-color-background)}.nt-bg-counter{background-color:var(--nv-color-counter)}.nt-bg-foreground{background-color:var(--nv-color-foreground)}.nt-bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.nt-bg-neutral-alpha-100{background-color:var(--nv-color-neutral-alpha-100)}.nt-bg-neutral-alpha-25{background-color:var(--nv-color-neutral-alpha-25)}.nt-bg-neutral-alpha-300{background-color:var(--nv-color-neutral-alpha-300)}.nt-bg-neutral-alpha-50{background-color:var(--nv-color-neutral-alpha-50)}.nt-bg-primary{background-color:var(--nv-color-primary)}.nt-bg-primary-alpha-300{background-color:var(--nv-color-primary-alpha-300)}.nt-bg-primary-alpha-400{background-color:var(--nv-color-primary-alpha-400)}.nt-bg-secondary{background-color:var(--nv-color-secondary)}.nt-bg-severity-high{background-color:var(--nv-color-severity-high)}.nt-bg-severity-high-alpha-100{background-color:var(--nv-color-severity-high-alpha-100)}.nt-bg-severity-high-alpha-200{background-color:var(--nv-color-severity-high-alpha-200)}.nt-bg-severity-high-alpha-300{background-color:var(--nv-color-severity-high-alpha-300)}.nt-bg-severity-high-alpha-50{background-color:var(--nv-color-severity-high-alpha-50)}.nt-bg-severity-low{background-color:var(--nv-color-severity-low)}.nt-bg-severity-low-alpha-100{background-color:var(--nv-color-severity-low-alpha-100)}.nt-bg-severity-low-alpha-200{background-color:var(--nv-color-severity-low-alpha-200)}.nt-bg-severity-low-alpha-300{background-color:var(--nv-color-severity-low-alpha-300)}.nt-bg-severity-low-alpha-50{background-color:var(--nv-color-severity-low-alpha-50)}.nt-bg-severity-medium{background-color:var(--nv-color-severity-medium)}.nt-bg-severity-medium-alpha-100{background-color:var(--nv-color-severity-medium-alpha-100)}.nt-bg-severity-medium-alpha-200{background-color:var(--nv-color-severity-medium-alpha-200)}.nt-bg-severity-medium-alpha-300{background-color:var(--nv-color-severity-medium-alpha-300)}.nt-bg-severity-medium-alpha-50{background-color:var(--nv-color-severity-medium-alpha-50)}.nt-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.nt-bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.nt-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.nt-from-foreground-alpha-50{--tw-gradient-from:var(--nv-color-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-primary-foreground-alpha-200{--tw-gradient-from:var(--nv-color-primary-foreground-alpha-200) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-transparent{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-20\\%{--tw-gradient-from-position:20%}.nt-to-background{--tw-gradient-to:var(--nv-color-background) var(--tw-gradient-to-position)}.nt-to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.nt-object-cover{object-fit:cover}.nt-p-0{padding:0}.nt-p-0\\.5{padding:.125rem}.nt-p-1{padding:.25rem}.nt-p-2{padding:.5rem}.nt-p-2\\.5{padding:.625rem}.nt-p-3{padding:.75rem}.nt-p-4{padding:1rem}.nt-px-1{padding-left:.25rem;padding-right:.25rem}.nt-px-2{padding-left:.5rem;padding-right:.5rem}.nt-px-3{padding-left:.75rem;padding-right:.75rem}.nt-px-4{padding-left:1rem;padding-right:1rem}.nt-px-8{padding-left:2rem;padding-right:2rem}.nt-px-\\[6px\\]{padding-left:6px;padding-right:6px}.nt-py-1{padding-bottom:.25rem;padding-top:.25rem}.nt-py-2{padding-bottom:.5rem;padding-top:.5rem}.nt-py-3{padding-bottom:.75rem;padding-top:.75rem}.nt-py-3\\.5{padding-bottom:.875rem;padding-top:.875rem}.nt-py-4{padding-bottom:1rem;padding-top:1rem}.nt-py-px{padding-bottom:1px;padding-top:1px}.nt-pb-2{padding-bottom:.5rem}.nt-pb-\\[0\\.625rem\\]{padding-bottom:.625rem}.nt-pr-0{padding-right:0}.nt-pt-2\\.5{padding-top:.625rem}.nt-text-center{text-align:center}.nt-text-start{text-align:start}.nt-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.nt-text-\\[0\\.8rem\\]{font-size:.8rem}.nt-text-\\[12px\\]{font-size:12px}.nt-text-base{font-size:var(--nv-font-size-base);line-height:var(--nv-line-height-base)}.nt-text-sm{font-size:var(--nv-font-size-sm);line-height:var(--nv-line-height-sm)}.nt-text-xl{font-size:var(--nv-font-size-xl);line-height:var(--nv-line-height-xl)}.nt-text-xs{font-size:var(--nv-font-size-xs);line-height:var(--nv-line-height-xs)}.nt-font-medium{font-weight:500}.nt-font-normal{font-weight:400}.nt-font-semibold{font-weight:600}.nt-leading-none{line-height:1}.nt-text-\\[\\#000000\\]{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.nt-text-background{color:var(--nv-color-background)}.nt-text-counter-foreground{color:var(--nv-color-counter-foreground)}.nt-text-foreground{color:var(--nv-color-foreground)}.nt-text-foreground-alpha-300{color:var(--nv-color-foreground-alpha-300)}.nt-text-foreground-alpha-400{color:var(--nv-color-foreground-alpha-400)}.nt-text-foreground-alpha-600{color:var(--nv-color-foreground-alpha-600)}.nt-text-foreground-alpha-700{color:var(--nv-color-foreground-alpha-700)}.nt-text-primary-foreground{color:var(--nv-color-primary-foreground)}.nt-text-secondary-foreground{color:var(--nv-color-secondary-foreground)}.nt-text-stripes{color:var(--nv-color-stripes)}.nt-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.nt-underline{text-decoration-line:underline}.nt-opacity-0{opacity:0}.nt-opacity-20{opacity:.2}.nt-opacity-50{opacity:.5}.nt-shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0_0_0_0\\.5px_var\\(--nv-color-primary-600\\)\\]{--tw-shadow:0 0 0 0.5px var(--nv-color-primary-600);--tw-shadow-colored:0 0 0 0.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0_0_0_0\\.5px_var\\(--nv-color-secondary-600\\)\\]{--tw-shadow:0 0 0 0.5px var(--nv-color-secondary-600);--tw-shadow-colored:0 0 0 0.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0px_1px_2px_0px_rgba\\(10\\,13\\,20\\,0\\.03\\)\\]{--tw-shadow:0px 1px 2px 0px #0a0d1408;--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color)}.nt-shadow-\\[0px_1px_2px_0px_rgba\\(10\\,13\\,20\\,0\\.03\\)\\],.nt-shadow-dropdown{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-dropdown{--tw-shadow:0px 12px 16px -4px oklch(from var(--nv-color-shadow) l c h/0.08),0px 4px 6px -2px oklch(from var(--nv-color-shadow) l c h/0.03);--tw-shadow-colored:0px 12px 16px -4px var(--tw-shadow-color),0px 4px 6px -2px var(--tw-shadow-color)}.nt-shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.nt-shadow-lg,.nt-shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.nt-shadow-popover{--tw-shadow:0px 8px 26px 0px oklch(from var(--nv-color-shadow) l c h/0.08),0px 2px 6px 0px oklch(from var(--nv-color-shadow) l c h/0.12);--tw-shadow-colored:0px 8px 26px 0px var(--tw-shadow-color),0px 2px 6px 0px var(--tw-shadow-color)}.nt-shadow-popover,.nt-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.nt-shadow-tooltip{--tw-shadow:0 5px 20px 0 oklch(from var(--nv-color-shadow) l c h/0.08);--tw-shadow-colored:0 5px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-outline-none{outline:2px solid #0000;outline-offset:2px}.nt-backdrop-blur-lg{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.nt-transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-duration-100{transition-duration:.1s}.nt-duration-200{transition-duration:.2s}.nt-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.nt-animate-in{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.nt-fade-in{--tw-enter-opacity:0}.nt-slide-in-from-top-2{--tw-enter-translate-y:-0.5rem}.nt-duration-100{animation-duration:.1s}.nt-duration-200{animation-duration:.2s}.nt-ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-foreground\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-foreground) 80% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-high\\)_45\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-high) 45% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-high\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-high) 80% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-low\\)_45\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-low) 45% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-low\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-low) 80% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-medium\\)_45\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-medium) 45% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-medium\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-medium) 80% c h)}.\\[--bell-gradient-start\\:var\\(--nv-color-foreground\\)\\]{--bell-gradient-start:var(--nv-color-foreground)}.\\[--bell-gradient-start\\:var\\(--nv-color-severity-high\\)\\]{--bell-gradient-start:var(--nv-color-severity-high)}.\\[--bell-gradient-start\\:var\\(--nv-color-severity-low\\)\\]{--bell-gradient-start:var(--nv-color-severity-low)}.\\[--bell-gradient-start\\:var\\(--nv-color-severity-medium\\)\\]{--bell-gradient-start:var(--nv-color-severity-medium)}.\\[interpolate-size\\:allow-keywords\\]{interpolate-size:allow-keywords}.\\[scrollbar-gutter\\:stable\\]{scrollbar-gutter:stable}.\\[word-break\\:break-word\\]{word-break:break-word}.before\\:nt-absolute:before{content:var(--tw-content);position:absolute}.before\\:nt-inset-0:before{content:var(--tw-content);inset:0}.before\\:-nt-right-\\[calc\\(0\\+var\\(--stripes-size\\)\\)\\]:before{content:var(--tw-content);right:calc(var(--stripes-size)*-1)}.before\\:nt-m-1:before{content:var(--tw-content);margin:.25rem}@keyframes nt-stripes{0%{content:var(--tw-content);transform:translateX(0)}to{content:var(--tw-content);transform:translateX(calc(var(--stripes-size)*-1))}}.before\\:nt-animate-stripes:before{animation:nt-stripes 1s linear infinite paused;content:var(--tw-content)}.before\\:nt-rounded-full:before{border-radius:var(--nv-radius-full);content:var(--tw-content)}.before\\:nt-rounded-lg:before{border-radius:var(--nv-radius-lg);content:var(--tw-content)}.before\\:nt-rounded-md:before{border-radius:var(--nv-radius-md);content:var(--tw-content)}.before\\:nt-rounded-xl:before{border-radius:var(--nv-radius-xl);content:var(--tw-content)}.before\\:nt-border:before{border-width:1px;content:var(--tw-content)}.before\\:nt-border-primary-foreground-alpha-100:before{border-color:var(--nv-color-primary-foreground-alpha-100);content:var(--tw-content)}.before\\:nt-border-secondary-foreground-alpha-100:before{border-color:var(--nv-color-secondary-foreground-alpha-100);content:var(--tw-content)}.before\\:nt-bg-severity-high-alpha-200:before{background-color:var(--nv-color-severity-high-alpha-200);content:var(--tw-content)}.before\\:nt-bg-severity-high-alpha-300:before{background-color:var(--nv-color-severity-high-alpha-300);content:var(--tw-content)}.before\\:nt-bg-severity-low-alpha-200:before{background-color:var(--nv-color-severity-low-alpha-200);content:var(--tw-content)}.before\\:nt-bg-severity-low-alpha-300:before{background-color:var(--nv-color-severity-low-alpha-300);content:var(--tw-content)}.before\\:nt-bg-severity-medium-alpha-200:before{background-color:var(--nv-color-severity-medium-alpha-200);content:var(--tw-content)}.before\\:nt-bg-severity-medium-alpha-300:before{background-color:var(--nv-color-severity-medium-alpha-300);content:var(--tw-content)}.before\\:nt-bg-dev-stripes-gradient:before{background-image:repeating-linear-gradient(135deg,oklch(from var(--nv-color-stripes) l c h/.1) 25%,oklch(from var(--nv-color-stripes) l c h/.1) 50%,oklch(from var(--nv-color-stripes) l c h/.2) 50%,oklch(from var(--nv-color-stripes) l c h/.2) 75%);content:var(--tw-content)}.before\\:nt-bg-\\[length\\:var\\(--stripes-size\\)_var\\(--stripes-size\\)\\]:before{background-size:var(--stripes-size) var(--stripes-size);content:var(--tw-content)}.before\\:nt-content-\\[\\"\\"\\]:before{--tw-content:"";content:var(--tw-content)}.before\\:\\[mask-image\\:linear-gradient\\(transparent_0\\%\\2c black\\)\\]:before{content:var(--tw-content);-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.after\\:nt-absolute:after{content:var(--tw-content);position:absolute}.after\\:nt-inset-0:after{content:var(--tw-content);inset:0}.after\\:-nt-top-12:after{content:var(--tw-content);top:-3rem}.after\\:nt-bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:nt-left-0:after{content:var(--tw-content);left:0}.after\\:nt-left-0\\.5:after{content:var(--tw-content);left:.125rem}.after\\:nt-top-0\\.5:after{content:var(--tw-content);top:.125rem}.after\\:nt-size-3:after{content:var(--tw-content);height:.75rem;width:.75rem}.after\\:nt-h-\\[2px\\]:after{content:var(--tw-content);height:2px}.after\\:nt-w-full:after{content:var(--tw-content);width:100%}.after\\:nt-translate-x-1\\/2:after{--tw-translate-x:50%}.after\\:nt-translate-x-1\\/2:after,.after\\:nt-translate-x-full:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\\:nt-translate-x-full:after{--tw-translate-x:100%}.after\\:nt-rounded-full:after{border-radius:var(--nv-radius-full);content:var(--tw-content)}.after\\:nt-rounded-lg:after{border-radius:var(--nv-radius-lg);content:var(--tw-content)}.after\\:nt-rounded-md:after{border-radius:var(--nv-radius-md);content:var(--tw-content)}.after\\:nt-rounded-xl:after{border-radius:var(--nv-radius-xl);content:var(--tw-content)}.after\\:nt-border-b-2:after{border-bottom-width:2px;content:var(--tw-content)}.after\\:nt-border-background:after{border-color:var(--nv-color-background);content:var(--tw-content)}.after\\:nt-border-b-primary:after{border-bottom-color:var(--nv-color-primary);content:var(--tw-content)}.after\\:nt-border-b-transparent:after{border-bottom-color:#0000;content:var(--tw-content)}.after\\:nt-bg-background:after{background-color:var(--nv-color-background);content:var(--tw-content)}.after\\:nt-bg-\\[linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-background\\)_l_c_h_\\/_0\\.9\\)_55\\%\\2c transparent\\)\\]:after{background-image:linear-gradient(180deg,#0000,oklch(from var(--nv-color-background) l c h/.9) 55%,#0000);content:var(--tw-content)}.after\\:nt-bg-\\[linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-stripes\\)_l_c_h_\\/_0\\.07\\)_55\\%\\2c transparent\\)\\2c linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-background\\)_l_c_h_\\/_0\\.9\\)_55\\%\\2c transparent\\)\\]:after{background-image:linear-gradient(180deg,#0000,oklch(from var(--nv-color-stripes) l c h/.07) 55%,#0000),linear-gradient(180deg,#0000,oklch(from var(--nv-color-background) l c h/.9) 55%,#0000);content:var(--tw-content)}.after\\:nt-bg-gradient-to-b:after{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));content:var(--tw-content)}.after\\:nt-from-primary-foreground-alpha-50:after{content:var(--tw-content);--tw-gradient-from:var(--nv-color-primary-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.after\\:nt-from-secondary-foreground-alpha-50:after{content:var(--tw-content);--tw-gradient-from:var(--nv-color-secondary-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.after\\:nt-to-transparent:after{content:var(--tw-content);--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.after\\:nt-opacity-0:after{content:var(--tw-content);opacity:0}.after\\:nt-transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:nt-transition-opacity:after{content:var(--tw-content);transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:nt-duration-200:after{transition-duration:.2s}.after\\:nt-content-\\[\\"\\"\\]:after,.after\\:nt-content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}.after\\:nt-duration-200:after{animation-duration:.2s;content:var(--tw-content)}.hover\\:nt-bg-neutral-alpha-100:hover{background-color:var(--nv-color-neutral-alpha-100)}.hover\\:nt-bg-neutral-alpha-50:hover{background-color:var(--nv-color-neutral-alpha-50)}.hover\\:nt-bg-primary-600:hover{background-color:var(--nv-color-primary-600)}.hover\\:nt-bg-primary-alpha-25:hover{background-color:var(--nv-color-primary-alpha-25)}.hover\\:nt-bg-primary-alpha-400:hover{background-color:var(--nv-color-primary-alpha-400)}.hover\\:nt-bg-severity-high-alpha-50:hover{background-color:var(--nv-color-severity-high-alpha-50)}.hover\\:nt-bg-severity-low-alpha-50:hover{background-color:var(--nv-color-severity-low-alpha-50)}.hover\\:nt-bg-severity-medium-alpha-50:hover{background-color:var(--nv-color-severity-medium-alpha-50)}.hover\\:nt-text-foreground-alpha-800:hover{color:var(--nv-color-foreground-alpha-800)}.before\\:hover\\:\\[animation-play-state\\:running\\]:hover:before{animation-play-state:running;content:var(--tw-content)}.hover\\:after\\:nt-opacity-100:hover:after{content:var(--tw-content);opacity:1}.focus\\:nt-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus-visible\\:nt-rounded-lg:focus-visible{border-radius:var(--nv-radius-lg)}.focus-visible\\:nt-rounded-md:focus-visible{border-radius:var(--nv-radius-md)}.focus-visible\\:nt-rounded-xl:focus-visible{border-radius:var(--nv-radius-xl)}.focus-visible\\:nt-bg-neutral-alpha-50:focus-visible{background-color:var(--nv-color-neutral-alpha-50)}.focus-visible\\:nt-outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\\:nt-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:nt-ring-primary:focus-visible{--tw-ring-color:var(--nv-color-primary)}.focus-visible\\:nt-ring-ring:focus-visible{--tw-ring-color:var(--nv-color-ring)}.focus-visible\\:nt-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\\:nt-pointer-events-none:disabled{pointer-events:none}.disabled\\:nt-opacity-20:disabled{opacity:.2}.disabled\\:nt-opacity-50:disabled{opacity:.5}.nt-group:focus-within .group-focus-within\\:nt-opacity-100{opacity:1}.nt-group:hover .group-hover\\:nt-bg-severity-high-alpha-500{background-color:var(--nv-color-severity-high-alpha-500)}.nt-group:hover .group-hover\\:nt-bg-severity-low-alpha-500{background-color:var(--nv-color-severity-low-alpha-500)}.nt-group:hover .group-hover\\:nt-bg-severity-medium-alpha-500{background-color:var(--nv-color-severity-medium-alpha-500)}.nt-group:hover .group-hover\\:nt-opacity-100{opacity:1}.data-\\[open\\=true\\]\\:nt-rotate-180[data-open=true]{--tw-rotate:180deg}.data-\\[open\\=true\\]\\:nt-rotate-180[data-open=true],.data-\\[open\\=true\\]\\:nt-transform[data-open=true]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\=true\\]\\:nt-text-foreground-alpha-400[data-disabled=true]{color:var(--nv-color-foreground-alpha-400)}.data-\\[disabled\\=true\\]\\:nt-text-foreground-alpha-600[data-disabled=true]{color:var(--nv-color-foreground-alpha-600)}.data-\\[state\\=active\\]\\:nt-text-foreground[data-state=active]{color:var(--nv-color-foreground)}.data-\\[state\\=active\\]\\:after\\:nt-border-b-2[data-state=active]:after{border-bottom-width:2px;content:var(--tw-content)}.data-\\[state\\=active\\]\\:after\\:nt-border-primary[data-state=active]:after{border-color:var(--nv-color-primary);content:var(--tw-content)}.data-\\[state\\=active\\]\\:after\\:nt-opacity-100[data-state=active]:after{content:var(--tw-content);opacity:1}.\\[\\&\\:not\\(\\:first-child\\)\\]\\:nt-border-t:not(:first-child){border-top-width:1px}.\\[\\&_\\.nv-notificationList\\]\\:nt-pb-12 .nv-notificationList{padding-bottom:3rem}.\\[\\&_\\.nv-notificationList\\]\\:nt-pb-8 .nv-notificationList{padding-bottom:2rem}.\\[\\&_\\.nv-preferencesContainer\\]\\:nt-pb-12 .nv-preferencesContainer{padding-bottom:3rem}.\\[\\&_\\.nv-preferencesContainer\\]\\:nt-pb-8 .nv-preferencesContainer{padding-bottom:2rem}.\\[\\&_stop\\]\\:nt-transition-\\[stop-color\\] stop{transition-duration:.15s;transition-property:stop-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&_svg\\]\\:nt-pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:nt-shrink-0 svg{flex-shrink:0}`;
+// _y1knoy0lu:/home/runner/work/novu/novu/packages/js/src/ui/index.directcss
+var ui_default = `.novu{scrollbar-color:var(--nv-color-secondary-foreground-alpha-300) #0000;:where(*),:where(*) :after,:where(*) :before,:where(*):after,:where(*):before{border:0 solid #e5e7eb;box-sizing:border-box}:where(html,:host){line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;tab-size:4;-webkit-tap-highlight-color:transparent}:where(body){line-height:inherit;margin:0}:where(hr){border-top-width:1px;color:inherit;height:0}:where(abbr:where([title])){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(a){color:inherit;text-decoration:inherit}:where(b,strong){font-weight:bolder}:where(code,kbd,samp,pre){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}:where(small){font-size:80%}:where(sub,sup){font-size:75%;line-height:0;position:relative;vertical-align:initial}:where(sub){bottom:-.25em}:where(sup){top:-.5em}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,optgroup,select,textarea){color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}:where(button,select){text-transform:none}:where(button,input:where([type=button]),input:where([type=reset]),input:where([type=submit])){-webkit-appearance:button;background-color:initial;background-image:none}:where(:-moz-focusring){outline:auto}:where(:-moz-ui-invalid){box-shadow:none}:where(progress){vertical-align:initial}:where(*)::-webkit-inner-spin-button,:where(*)::-webkit-outer-spin-button{height:auto}:where([type=search]){-webkit-appearance:textfield;outline-offset:-2px}:where(*)::-webkit-search-decoration{-webkit-appearance:none}:where(*)::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(summary){display:list-item}:where(blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre){margin:0}:where(fieldset){margin:0;padding:0}:where(legend){padding:0}:where(ol,ul,menu){list-style:none;margin:0;padding:0}:where(dialog){padding:0}:where(textarea){resize:vertical}:where(input)::placeholder,:where(textarea)::placeholder{color:#9ca3af;opacity:1}:where(button,[role=button]){cursor:pointer}:where(:disabled){cursor:default}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block;vertical-align:middle}:where(img,video){height:auto;max-width:100%}:where([hidden]){display:none}:where(*),:where(*) :after,:where(*) :before,:where(*):after,:where(*):before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(*) ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-thumb{background-clip:"padding-box";background-color:var(--nv-color-secondary-foreground-alpha-300);border-radius:.25rem}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:initial}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}}.nt-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.\\!nt-pointer-events-auto{pointer-events:auto!important}.nt-invisible{visibility:hidden}.nt-absolute{position:absolute}.nt-relative{position:relative}.nt-inset-0{inset:0}.nt-inset-2{inset:.5rem}.nt-bottom-0{bottom:0}.nt-left-0{left:0}.nt-left-0\\.5{left:.125rem}.nt-right-0{right:0}.nt-right-3{right:.75rem}.nt-top-0{top:0}.nt-top-0\\.5{top:.125rem}.nt-top-3{top:.75rem}.nt-z-10{z-index:10}.nt-z-\\[-1\\]{z-index:-1}.-nt-m-1{margin:-.25rem}.nt-mx-auto{margin-left:auto;margin-right:auto}.-nt-mt-2{margin-top:-.5rem}.-nt-mt-\\[2px\\]{margin-top:-2px}.nt--mt-\\[50px\\]{margin-top:-50px}.nt-mb-1{margin-bottom:.25rem}.nt-mb-2{margin-bottom:.5rem}.nt-mb-3{margin-bottom:.75rem}.nt-mb-4{margin-bottom:1rem}.nt-mb-\\[0\\.625rem\\]{margin-bottom:.625rem}.nt-ml-1{margin-left:.25rem}.nt-ml-2{margin-left:.5rem}.nt-ml-auto{margin-left:auto}.nt-mr-2{margin-right:.5rem}.nt-mr-auto{margin-right:auto}.nt-mt-1{margin-top:.25rem}.nt-mt-1\\.5{margin-top:.375rem}.nt-mt-auto{margin-top:auto}.nt-block{display:block}.nt-flex{display:flex}.nt-inline-flex{display:inline-flex}.nt-grid{display:grid}.nt-hidden{display:none}.nt-aspect-square{aspect-ratio:1/1}.nt-size-1\\.5{height:.375rem;width:.375rem}.nt-size-2{height:.5rem;width:.5rem}.nt-size-2\\.5{height:.625rem;width:.625rem}.nt-size-3{height:.75rem;width:.75rem}.nt-size-3\\.5{height:.875rem;width:.875rem}.nt-size-4{height:1rem;width:1rem}.nt-size-5{height:1.25rem;width:1.25rem}.nt-size-8{height:2rem;width:2rem}.nt-size-fit{height:fit-content;width:fit-content}.nt-size-full{height:100%;width:100%}.nt-h-2{height:.5rem}.nt-h-3{height:.75rem}.nt-h-3\\.5{height:.875rem}.nt-h-4{height:1rem}.nt-h-5{height:1.25rem}.nt-h-7{height:1.75rem}.nt-h-8{height:2rem}.nt-h-9{height:2.25rem}.nt-h-\\[600px\\]{height:600px}.nt-h-fit{height:fit-content}.nt-h-full{height:100%}.nt-max-h-\\[160px\\]{max-height:160px}.nt-min-h-0{min-height:0}.nt-w-1\\.5{width:.375rem}.nt-w-1\\/3{width:33.333333%}.nt-w-2\\/3{width:66.666667%}.nt-w-5{width:1.25rem}.nt-w-7{width:1.75rem}.nt-w-8{width:2rem}.nt-w-\\[260px\\]{width:260px}.nt-w-\\[3px\\]{width:3px}.nt-w-\\[400px\\]{width:400px}.nt-w-\\[60px\\]{width:60px}.nt-w-\\[calc\\(2ch\\+2rem\\)\\]{width:calc(2ch + 2rem)}.nt-w-fit{width:fit-content}.nt-w-full{width:100%}.nt-w-max{width:max-content}.nt-min-w-52{min-width:13rem}.nt-min-w-\\[120px\\]{min-width:120px}.nt-min-w-\\[220px\\]{min-width:220px}.nt-min-w-\\[74px\\]{min-width:74px}.nt-max-w-56{max-width:14rem}.nt-max-w-\\[120px\\]{max-width:120px}.nt-max-w-\\[220px\\]{max-width:220px}.nt-flex-1{flex:1 1 0%}.nt-shrink-0{flex-shrink:0}.nt-translate-x-1\\/2{--tw-translate-x:50%}.nt-transform,.nt-translate-x-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nt-cursor-default{cursor:default}.nt-cursor-not-allowed{cursor:not-allowed}.nt-cursor-pointer{cursor:pointer}.nt-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.nt-flex-row{flex-direction:row}.nt-flex-col{flex-direction:column}.nt-flex-wrap{flex-wrap:wrap}.nt-flex-nowrap{flex-wrap:nowrap}.nt-items-start{align-items:flex-start}.nt-items-center{align-items:center}.nt-justify-end{justify-content:flex-end}.nt-justify-center{justify-content:center}.nt-justify-between{justify-content:space-between}.nt-gap-0\\.5{gap:.125rem}.nt-gap-1{gap:.25rem}.nt-gap-1\\.5{gap:.375rem}.nt-gap-2{gap:.5rem}.nt-gap-3{gap:.75rem}.nt-gap-4{gap:1rem}.nt-gap-6{gap:1.5rem}.nt-gap-8{gap:2rem}.nt-self-stretch{align-self:stretch}.nt-overflow-auto{overflow:auto}.nt-overflow-hidden{overflow:hidden}.nt-overflow-y-auto{overflow-y:auto}.nt-truncate{overflow:hidden;text-overflow:ellipsis}.nt-truncate,.nt-whitespace-nowrap{white-space:nowrap}.nt-whitespace-pre-wrap{white-space:pre-wrap}.nt-rounded{border-radius:var(--nv-radius-base)}.nt-rounded-full{border-radius:var(--nv-radius-full)}.nt-rounded-lg{border-radius:var(--nv-radius-lg)}.nt-rounded-md{border-radius:var(--nv-radius-md)}.nt-rounded-sm{border-radius:var(--nv-radius-sm)}.nt-rounded-xl{border-radius:var(--nv-radius-xl)}.nt-border{border-width:1px}.nt-border-b{border-bottom-width:1px}.nt-border-t{border-top-width:1px}.nt-border-background{border-color:var(--nv-color-background)}.nt-border-border{border-color:var(--nv-color-neutral-alpha-100)}.nt-border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.nt-border-neutral-alpha-100{border-color:var(--nv-color-neutral-alpha-100)}.nt-border-neutral-alpha-200{border-color:var(--nv-color-neutral-alpha-200)}.nt-border-neutral-alpha-400{border-color:var(--nv-color-neutral-alpha-400)}.nt-border-neutral-alpha-50{border-color:var(--nv-color-neutral-alpha-50)}.nt-border-primary{border-color:var(--nv-color-primary)}.nt-border-t-neutral-alpha-200{border-top-color:var(--nv-color-neutral-alpha-200)}.nt-bg-\\[oklch\\(from_var\\(--nv-color-stripes\\)_l_c_h_\\/_0\\.1\\)\\]{background-color:oklch(from var(--nv-color-stripes) l c h/.1)}.nt-bg-background{background-color:var(--nv-color-background)}.nt-bg-counter{background-color:var(--nv-color-counter)}.nt-bg-foreground{background-color:var(--nv-color-foreground)}.nt-bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.nt-bg-neutral-alpha-100{background-color:var(--nv-color-neutral-alpha-100)}.nt-bg-neutral-alpha-25{background-color:var(--nv-color-neutral-alpha-25)}.nt-bg-neutral-alpha-300{background-color:var(--nv-color-neutral-alpha-300)}.nt-bg-neutral-alpha-50{background-color:var(--nv-color-neutral-alpha-50)}.nt-bg-primary{background-color:var(--nv-color-primary)}.nt-bg-primary-alpha-300{background-color:var(--nv-color-primary-alpha-300)}.nt-bg-primary-alpha-400{background-color:var(--nv-color-primary-alpha-400)}.nt-bg-secondary{background-color:var(--nv-color-secondary)}.nt-bg-severity-high{background-color:var(--nv-color-severity-high)}.nt-bg-severity-high-alpha-100{background-color:var(--nv-color-severity-high-alpha-100)}.nt-bg-severity-high-alpha-200{background-color:var(--nv-color-severity-high-alpha-200)}.nt-bg-severity-high-alpha-300{background-color:var(--nv-color-severity-high-alpha-300)}.nt-bg-severity-high-alpha-50{background-color:var(--nv-color-severity-high-alpha-50)}.nt-bg-severity-low{background-color:var(--nv-color-severity-low)}.nt-bg-severity-low-alpha-100{background-color:var(--nv-color-severity-low-alpha-100)}.nt-bg-severity-low-alpha-200{background-color:var(--nv-color-severity-low-alpha-200)}.nt-bg-severity-low-alpha-300{background-color:var(--nv-color-severity-low-alpha-300)}.nt-bg-severity-low-alpha-50{background-color:var(--nv-color-severity-low-alpha-50)}.nt-bg-severity-medium{background-color:var(--nv-color-severity-medium)}.nt-bg-severity-medium-alpha-100{background-color:var(--nv-color-severity-medium-alpha-100)}.nt-bg-severity-medium-alpha-200{background-color:var(--nv-color-severity-medium-alpha-200)}.nt-bg-severity-medium-alpha-300{background-color:var(--nv-color-severity-medium-alpha-300)}.nt-bg-severity-medium-alpha-50{background-color:var(--nv-color-severity-medium-alpha-50)}.nt-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.nt-bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.nt-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.nt-from-foreground-alpha-50{--tw-gradient-from:var(--nv-color-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-primary-foreground-alpha-200{--tw-gradient-from:var(--nv-color-primary-foreground-alpha-200) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-transparent{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nt-from-20\\%{--tw-gradient-from-position:20%}.nt-to-background{--tw-gradient-to:var(--nv-color-background) var(--tw-gradient-to-position)}.nt-to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.nt-object-cover{object-fit:cover}.nt-p-0{padding:0}.nt-p-0\\.5{padding:.125rem}.nt-p-1{padding:.25rem}.nt-p-2{padding:.5rem}.nt-p-2\\.5{padding:.625rem}.nt-p-3{padding:.75rem}.nt-p-4{padding:1rem}.nt-px-1{padding-left:.25rem;padding-right:.25rem}.nt-px-2{padding-left:.5rem;padding-right:.5rem}.nt-px-3{padding-left:.75rem;padding-right:.75rem}.nt-px-4{padding-left:1rem;padding-right:1rem}.nt-px-8{padding-left:2rem;padding-right:2rem}.nt-px-\\[6px\\]{padding-left:6px;padding-right:6px}.nt-py-1{padding-bottom:.25rem;padding-top:.25rem}.nt-py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.nt-py-2{padding-bottom:.5rem;padding-top:.5rem}.nt-py-3{padding-bottom:.75rem;padding-top:.75rem}.nt-py-3\\.5{padding-bottom:.875rem;padding-top:.875rem}.nt-py-4{padding-bottom:1rem;padding-top:1rem}.nt-py-px{padding-bottom:1px;padding-top:1px}.nt-pb-2{padding-bottom:.5rem}.nt-pb-\\[0\\.625rem\\]{padding-bottom:.625rem}.nt-pr-0{padding-right:0}.nt-pt-2{padding-top:.5rem}.nt-pt-2\\.5{padding-top:.625rem}.nt-text-left{text-align:left}.nt-text-center{text-align:center}.nt-text-start{text-align:start}.nt-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.nt-text-\\[0\\.8rem\\]{font-size:.8rem}.nt-text-\\[12px\\]{font-size:12px}.nt-text-base{font-size:var(--nv-font-size-base);line-height:var(--nv-line-height-base)}.nt-text-sm{font-size:var(--nv-font-size-sm);line-height:var(--nv-line-height-sm)}.nt-text-xl{font-size:var(--nv-font-size-xl);line-height:var(--nv-line-height-xl)}.nt-text-xs{font-size:var(--nv-font-size-xs);line-height:var(--nv-line-height-xs)}.nt-font-medium{font-weight:500}.nt-font-normal{font-weight:400}.nt-font-semibold{font-weight:600}.nt-leading-none{line-height:1}.nt-text-\\[\\#000000\\]{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.nt-text-background{color:var(--nv-color-background)}.nt-text-counter-foreground{color:var(--nv-color-counter-foreground)}.nt-text-foreground{color:var(--nv-color-foreground)}.nt-text-foreground-alpha-300{color:var(--nv-color-foreground-alpha-300)}.nt-text-foreground-alpha-400{color:var(--nv-color-foreground-alpha-400)}.nt-text-foreground-alpha-600{color:var(--nv-color-foreground-alpha-600)}.nt-text-foreground-alpha-700{color:var(--nv-color-foreground-alpha-700)}.nt-text-neutral-600{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity,1))}.nt-text-neutral-alpha-500{color:var(--nv-color-neutral-alpha-500)}.nt-text-primary-foreground{color:var(--nv-color-primary-foreground)}.nt-text-secondary-foreground{color:var(--nv-color-secondary-foreground)}.nt-text-stripes{color:var(--nv-color-stripes)}.nt-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.nt-underline{text-decoration-line:underline}.nt-opacity-0{opacity:0}.nt-opacity-20{opacity:.2}.nt-opacity-50{opacity:.5}.nt-shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0_0_0_0\\.5px_var\\(--nv-color-primary-600\\)\\]{--tw-shadow:0 0 0 0.5px var(--nv-color-primary-600);--tw-shadow-colored:0 0 0 0.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0_0_0_0\\.5px_var\\(--nv-color-secondary-600\\)\\]{--tw-shadow:0 0 0 0.5px var(--nv-color-secondary-600);--tw-shadow-colored:0 0 0 0.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-\\[0px_1px_2px_0px_rgba\\(10\\,13\\,20\\,0\\.03\\)\\]{--tw-shadow:0px 1px 2px 0px #0a0d1408;--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color)}.nt-shadow-\\[0px_1px_2px_0px_rgba\\(10\\,13\\,20\\,0\\.03\\)\\],.nt-shadow-dropdown{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-dropdown{--tw-shadow:0px 12px 16px -4px oklch(from var(--nv-color-shadow) l c h/0.08),0px 4px 6px -2px oklch(from var(--nv-color-shadow) l c h/0.03);--tw-shadow-colored:0px 12px 16px -4px var(--tw-shadow-color),0px 4px 6px -2px var(--tw-shadow-color)}.nt-shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.nt-shadow-lg,.nt-shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.nt-shadow-popover{--tw-shadow:0px 8px 26px 0px oklch(from var(--nv-color-shadow) l c h/0.08),0px 2px 6px 0px oklch(from var(--nv-color-shadow) l c h/0.12);--tw-shadow-colored:0px 8px 26px 0px var(--tw-shadow-color),0px 2px 6px 0px var(--tw-shadow-color)}.nt-shadow-popover,.nt-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.nt-shadow-tooltip{--tw-shadow:0 5px 20px 0 oklch(from var(--nv-color-shadow) l c h/0.08);--tw-shadow-colored:0 5px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-outline-none{outline:2px solid #0000;outline-offset:2px}.nt-ring-offset-background{--tw-ring-offset-color:var(--nv-color-background)}.nt-backdrop-blur-lg{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.nt-transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-duration-100{transition-duration:.1s}.nt-duration-200{transition-duration:.2s}.nt-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.nt-animate-in{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.nt-fade-in{--tw-enter-opacity:0}.nt-slide-in-from-top-2{--tw-enter-translate-y:-0.5rem}.nt-duration-100{animation-duration:.1s}.nt-duration-200{animation-duration:.2s}.nt-ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-foreground\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-foreground) 80% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-high\\)_45\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-high) 45% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-high\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-high) 80% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-low\\)_45\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-low) 45% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-low\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-low) 80% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-medium\\)_45\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-medium) 45% c h)}.\\[--bell-gradient-end\\:oklch\\(from_var\\(--nv-color-severity-medium\\)_80\\%_c_h\\)\\]{--bell-gradient-end:oklch(from var(--nv-color-severity-medium) 80% c h)}.\\[--bell-gradient-start\\:var\\(--nv-color-foreground\\)\\]{--bell-gradient-start:var(--nv-color-foreground)}.\\[--bell-gradient-start\\:var\\(--nv-color-severity-high\\)\\]{--bell-gradient-start:var(--nv-color-severity-high)}.\\[--bell-gradient-start\\:var\\(--nv-color-severity-low\\)\\]{--bell-gradient-start:var(--nv-color-severity-low)}.\\[--bell-gradient-start\\:var\\(--nv-color-severity-medium\\)\\]{--bell-gradient-start:var(--nv-color-severity-medium)}.\\[interpolate-size\\:allow-keywords\\]{interpolate-size:allow-keywords}.\\[scrollbar-gutter\\:stable\\]{scrollbar-gutter:stable}.\\[word-break\\:break-word\\]{word-break:break-word}.before\\:nt-absolute:before{content:var(--tw-content);position:absolute}.before\\:nt-inset-0:before{content:var(--tw-content);inset:0}.before\\:-nt-right-\\[calc\\(0\\+var\\(--stripes-size\\)\\)\\]:before{content:var(--tw-content);right:calc(var(--stripes-size)*-1)}.before\\:nt-m-1:before{content:var(--tw-content);margin:.25rem}@keyframes nt-stripes{0%{content:var(--tw-content);transform:translateX(0)}to{content:var(--tw-content);transform:translateX(calc(var(--stripes-size)*-1))}}.before\\:nt-animate-stripes:before{animation:nt-stripes 1s linear infinite paused;content:var(--tw-content)}.before\\:nt-rounded-full:before{border-radius:var(--nv-radius-full);content:var(--tw-content)}.before\\:nt-rounded-lg:before{border-radius:var(--nv-radius-lg);content:var(--tw-content)}.before\\:nt-rounded-md:before{border-radius:var(--nv-radius-md);content:var(--tw-content)}.before\\:nt-rounded-xl:before{border-radius:var(--nv-radius-xl);content:var(--tw-content)}.before\\:nt-border:before{border-width:1px;content:var(--tw-content)}.before\\:nt-border-primary-foreground-alpha-100:before{border-color:var(--nv-color-primary-foreground-alpha-100);content:var(--tw-content)}.before\\:nt-border-secondary-foreground-alpha-100:before{border-color:var(--nv-color-secondary-foreground-alpha-100);content:var(--tw-content)}.before\\:nt-bg-severity-high-alpha-200:before{background-color:var(--nv-color-severity-high-alpha-200);content:var(--tw-content)}.before\\:nt-bg-severity-high-alpha-300:before{background-color:var(--nv-color-severity-high-alpha-300);content:var(--tw-content)}.before\\:nt-bg-severity-low-alpha-200:before{background-color:var(--nv-color-severity-low-alpha-200);content:var(--tw-content)}.before\\:nt-bg-severity-low-alpha-300:before{background-color:var(--nv-color-severity-low-alpha-300);content:var(--tw-content)}.before\\:nt-bg-severity-medium-alpha-200:before{background-color:var(--nv-color-severity-medium-alpha-200);content:var(--tw-content)}.before\\:nt-bg-severity-medium-alpha-300:before{background-color:var(--nv-color-severity-medium-alpha-300);content:var(--tw-content)}.before\\:nt-bg-dev-stripes-gradient:before{background-image:repeating-linear-gradient(135deg,oklch(from var(--nv-color-stripes) l c h/.1) 25%,oklch(from var(--nv-color-stripes) l c h/.1) 50%,oklch(from var(--nv-color-stripes) l c h/.2) 50%,oklch(from var(--nv-color-stripes) l c h/.2) 75%);content:var(--tw-content)}.before\\:nt-bg-\\[length\\:var\\(--stripes-size\\)_var\\(--stripes-size\\)\\]:before{background-size:var(--stripes-size) var(--stripes-size);content:var(--tw-content)}.before\\:nt-content-\\[\\"\\"\\]:before{--tw-content:"";content:var(--tw-content)}.before\\:\\[mask-image\\:linear-gradient\\(transparent_0\\%\\2c black\\)\\]:before{content:var(--tw-content);-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.after\\:nt-absolute:after{content:var(--tw-content);position:absolute}.after\\:nt-inset-0:after{content:var(--tw-content);inset:0}.after\\:-nt-top-12:after{content:var(--tw-content);top:-3rem}.after\\:nt-bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:nt-left-0:after{content:var(--tw-content);left:0}.after\\:nt-left-0\\.5:after{content:var(--tw-content);left:.125rem}.after\\:nt-top-0\\.5:after{content:var(--tw-content);top:.125rem}.after\\:nt-size-3:after{content:var(--tw-content);height:.75rem;width:.75rem}.after\\:nt-h-\\[2px\\]:after{content:var(--tw-content);height:2px}.after\\:nt-w-full:after{content:var(--tw-content);width:100%}.after\\:nt-translate-x-1\\/2:after{--tw-translate-x:50%}.after\\:nt-translate-x-1\\/2:after,.after\\:nt-translate-x-full:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\\:nt-translate-x-full:after{--tw-translate-x:100%}.after\\:nt-rounded-full:after{border-radius:var(--nv-radius-full);content:var(--tw-content)}.after\\:nt-rounded-lg:after{border-radius:var(--nv-radius-lg);content:var(--tw-content)}.after\\:nt-rounded-md:after{border-radius:var(--nv-radius-md);content:var(--tw-content)}.after\\:nt-rounded-xl:after{border-radius:var(--nv-radius-xl);content:var(--tw-content)}.after\\:nt-border-b-2:after{border-bottom-width:2px;content:var(--tw-content)}.after\\:nt-border-background:after{border-color:var(--nv-color-background);content:var(--tw-content)}.after\\:nt-border-b-primary:after{border-bottom-color:var(--nv-color-primary);content:var(--tw-content)}.after\\:nt-border-b-transparent:after{border-bottom-color:#0000;content:var(--tw-content)}.after\\:nt-bg-background:after{background-color:var(--nv-color-background);content:var(--tw-content)}.after\\:nt-bg-\\[linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-background\\)_l_c_h_\\/_0\\.9\\)_55\\%\\2c transparent\\)\\]:after{background-image:linear-gradient(180deg,#0000,oklch(from var(--nv-color-background) l c h/.9) 55%,#0000);content:var(--tw-content)}.after\\:nt-bg-\\[linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-stripes\\)_l_c_h_\\/_0\\.07\\)_55\\%\\2c transparent\\)\\2c linear-gradient\\(180deg\\2c transparent\\2c oklch\\(from_var\\(--nv-color-background\\)_l_c_h_\\/_0\\.9\\)_55\\%\\2c transparent\\)\\]:after{background-image:linear-gradient(180deg,#0000,oklch(from var(--nv-color-stripes) l c h/.07) 55%,#0000),linear-gradient(180deg,#0000,oklch(from var(--nv-color-background) l c h/.9) 55%,#0000);content:var(--tw-content)}.after\\:nt-bg-gradient-to-b:after{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));content:var(--tw-content)}.after\\:nt-from-primary-foreground-alpha-50:after{content:var(--tw-content);--tw-gradient-from:var(--nv-color-primary-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.after\\:nt-from-secondary-foreground-alpha-50:after{content:var(--tw-content);--tw-gradient-from:var(--nv-color-secondary-foreground-alpha-50) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.after\\:nt-to-transparent:after{content:var(--tw-content);--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.after\\:nt-opacity-0:after{content:var(--tw-content);opacity:0}.after\\:nt-transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:nt-transition-opacity:after{content:var(--tw-content);transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:nt-duration-200:after{transition-duration:.2s}.after\\:nt-content-\\[\\"\\"\\]:after,.after\\:nt-content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}.after\\:nt-duration-200:after{animation-duration:.2s;content:var(--tw-content)}.hover\\:nt-bg-neutral-alpha-100:hover{background-color:var(--nv-color-neutral-alpha-100)}.hover\\:nt-bg-neutral-alpha-50:hover{background-color:var(--nv-color-neutral-alpha-50)}.hover\\:nt-bg-primary-600:hover{background-color:var(--nv-color-primary-600)}.hover\\:nt-bg-primary-alpha-25:hover{background-color:var(--nv-color-primary-alpha-25)}.hover\\:nt-bg-primary-alpha-400:hover{background-color:var(--nv-color-primary-alpha-400)}.hover\\:nt-bg-severity-high-alpha-50:hover{background-color:var(--nv-color-severity-high-alpha-50)}.hover\\:nt-bg-severity-low-alpha-50:hover{background-color:var(--nv-color-severity-low-alpha-50)}.hover\\:nt-bg-severity-medium-alpha-50:hover{background-color:var(--nv-color-severity-medium-alpha-50)}.hover\\:nt-text-foreground-alpha-800:hover{color:var(--nv-color-foreground-alpha-800)}.before\\:hover\\:\\[animation-play-state\\:running\\]:hover:before{animation-play-state:running;content:var(--tw-content)}.hover\\:after\\:nt-opacity-100:hover:after{content:var(--tw-content);opacity:1}.focus\\:nt-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus-visible\\:nt-rounded-lg:focus-visible{border-radius:var(--nv-radius-lg)}.focus-visible\\:nt-rounded-md:focus-visible{border-radius:var(--nv-radius-md)}.focus-visible\\:nt-rounded-xl:focus-visible{border-radius:var(--nv-radius-xl)}.focus-visible\\:nt-bg-neutral-alpha-50:focus-visible{background-color:var(--nv-color-neutral-alpha-50)}.focus-visible\\:nt-outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\\:nt-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:nt-ring-primary:focus-visible{--tw-ring-color:var(--nv-color-primary)}.focus-visible\\:nt-ring-ring:focus-visible{--tw-ring-color:var(--nv-color-ring)}.focus-visible\\:nt-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\\:nt-pointer-events-none:disabled{pointer-events:none}.disabled\\:nt-opacity-20:disabled{opacity:.2}.disabled\\:nt-opacity-50:disabled{opacity:.5}.nt-group:focus-within .group-focus-within\\:nt-opacity-100{opacity:1}.nt-group:hover .group-hover\\:nt-bg-severity-high-alpha-500{background-color:var(--nv-color-severity-high-alpha-500)}.nt-group:hover .group-hover\\:nt-bg-severity-low-alpha-500{background-color:var(--nv-color-severity-low-alpha-500)}.nt-group:hover .group-hover\\:nt-bg-severity-medium-alpha-500{background-color:var(--nv-color-severity-medium-alpha-500)}.nt-group:hover .group-hover\\:nt-opacity-0{opacity:0}.nt-group:hover .group-hover\\:nt-opacity-100{opacity:1}.nt-peer:focus-visible~.peer-focus-visible\\:nt-outline-none{outline:2px solid #0000;outline-offset:2px}.nt-peer:focus-visible~.peer-focus-visible\\:nt-ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.nt-peer:focus-visible~.peer-focus-visible\\:nt-ring-offset-2{--tw-ring-offset-width:2px}.data-\\[open\\=true\\]\\:nt-rotate-180[data-open=true]{--tw-rotate:180deg}.data-\\[open\\=true\\]\\:nt-rotate-180[data-open=true],.data-\\[open\\=true\\]\\:nt-transform[data-open=true]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:nt-cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\\[checked\\]\\:nt-border-none[data-checked],.data-\\[indeterminate\\]\\:nt-border-none[data-indeterminate]{border-style:none}.data-\\[checked\\]\\:nt-bg-primary[data-checked],.data-\\[indeterminate\\]\\:nt-bg-primary[data-indeterminate]{background-color:var(--nv-color-primary)}.data-\\[checked\\]\\:nt-text-primary-foreground[data-checked]{color:var(--nv-color-primary-foreground)}.data-\\[disabled\\=true\\]\\:nt-text-foreground-alpha-400[data-disabled=true]{color:var(--nv-color-foreground-alpha-400)}.data-\\[disabled\\=true\\]\\:nt-text-foreground-alpha-600[data-disabled=true]{color:var(--nv-color-foreground-alpha-600)}.data-\\[indeterminate\\]\\:nt-text-primary-foreground[data-indeterminate]{color:var(--nv-color-primary-foreground)}.data-\\[state\\=active\\]\\:nt-text-foreground[data-state=active]{color:var(--nv-color-foreground)}.data-\\[disabled\\]\\:nt-opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=active\\]\\:after\\:nt-border-b-2[data-state=active]:after{border-bottom-width:2px;content:var(--tw-content)}.data-\\[state\\=active\\]\\:after\\:nt-border-primary[data-state=active]:after{border-color:var(--nv-color-primary);content:var(--tw-content)}.data-\\[state\\=active\\]\\:after\\:nt-opacity-100[data-state=active]:after{content:var(--tw-content);opacity:1}.\\[\\&\\:not\\(\\:first-child\\)\\]\\:nt-border-t:not(:first-child){border-top-width:1px}.\\[\\&_\\.nv-notificationList\\]\\:nt-pb-12 .nv-notificationList{padding-bottom:3rem}.\\[\\&_\\.nv-notificationList\\]\\:nt-pb-8 .nv-notificationList{padding-bottom:2rem}.\\[\\&_\\.nv-preferencesContainer\\]\\:nt-pb-12 .nv-preferencesContainer{padding-bottom:3rem}.\\[\\&_\\.nv-preferencesContainer\\]\\:nt-pb-8 .nv-preferencesContainer{padding-bottom:2rem}.\\[\\&_stop\\]\\:nt-transition-\\[stop-color\\] stop{transition-duration:.15s;transition-property:stop-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&_svg\\]\\:nt-pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:nt-shrink-0 svg{flex-shrink:0}`;
 
 // src/ui/config/appearanceKeys.ts
 var appearanceKeys = [
@@ -230,6 +231,42 @@ var appearanceKeys = [
   "preferencesList__skeletonSwitch",
   "preferencesList__skeletonSwitchThumb",
   "preferencesList__skeletonText",
+  // Schedule
+  "scheduleContainer",
+  "scheduleHeader",
+  "scheduleLabelContainer",
+  "scheduleLabelScheduleIcon",
+  "scheduleLabelInfoIcon",
+  "scheduleLabel",
+  "scheduleActionsContainer",
+  "scheduleActionsContainerRight",
+  "scheduleBody",
+  "scheduleDescription",
+  "scheduleTable",
+  "scheduleTableHeader",
+  "scheduleHeaderColumn",
+  "scheduleTableBody",
+  "scheduleBodyRow",
+  "scheduleBodyColumn",
+  "scheduleInfoContainer",
+  "scheduleInfoIcon",
+  "scheduleInfo",
+  // Day Schedule Copy
+  "dayScheduleCopyTitle",
+  "dayScheduleCopyIcon",
+  "dayScheduleCopySelectAll",
+  "dayScheduleCopyDay",
+  "dayScheduleCopyFooterContainer",
+  "dayScheduleCopy__dropdownTrigger",
+  "dayScheduleCopy__dropdownContent",
+  // Time Select
+  "timeSelect__dropdownTrigger",
+  "timeSelect__time",
+  "timeSelect__dropdownContent",
+  "timeSelect__dropdownItem",
+  "timeSelect__dropdownItemLabel",
+  "timeSelect__dropdownItemLabelContainer",
+  "timeSelect__dropdownItemCheck__icon",
   // Notification Snooze
   "notificationSnooze__dropdownContent",
   "notificationSnooze__dropdownItem",
@@ -267,6 +304,24 @@ var defaultLocalization = {
   "preferences.title": "Preferences",
   "preferences.emptyNotice": "No notification specific preferences yet.",
   "preferences.global": "Global Preferences",
+  "preferences.schedule.title": "Schedule",
+  "preferences.schedule.description": "Allow notifications between:",
+  "preferences.schedule.headerInfo": "Set your schedule. Notifications to external channels will pause outside the schedule. In-app and critical notifications are always delivered.",
+  "preferences.schedule.info": "Critical and In-app notifications still reach you outside your schedule.",
+  "preferences.schedule.days": "Days",
+  "preferences.schedule.from": "From",
+  "preferences.schedule.to": "To",
+  "preferences.schedule.copyTimesTo": "Copy times to",
+  "preferences.schedule.sunday": "Sunday",
+  "preferences.schedule.monday": "Monday",
+  "preferences.schedule.tuesday": "Tuesday",
+  "preferences.schedule.wednesday": "Wednesday",
+  "preferences.schedule.thursday": "Thursday",
+  "preferences.schedule.friday": "Friday",
+  "preferences.schedule.saturday": "Saturday",
+  "preferences.schedule.dayScheduleCopy.title": "Copy times to:",
+  "preferences.schedule.dayScheduleCopy.selectAll": "Select all",
+  "preferences.schedule.dayScheduleCopy.apply": "Apply",
   "preferences.workflow.disabled.notice": "Contact admin to enable subscription management for this critical notification.",
   "preferences.workflow.disabled.tooltip": "Contact admin to edit",
   "preferences.group.info": "Applies to all notifications under this group.",
@@ -455,8 +510,8 @@ function formatSnoozedUntil({ untilDate, locale = DEFAULT_LOCALE }) {
     const minutes = Math.floor(diffInSeconds / SECONDS.inMinute);
     return `${minutes} ${minutes === 1 ? "minute" : "minutes"}`;
   } else if (diffInSeconds < SECONDS.inDay) {
-    const hours = Math.floor(diffInSeconds / SECONDS.inHour);
-    return `${hours} ${hours === 1 ? "hour" : "hours"}`;
+    const hours2 = Math.floor(diffInSeconds / SECONDS.inHour);
+    return `${hours2} ${hours2 === 1 ? "hour" : "hours"}`;
   } else if (diffInSeconds < SECONDS.inWeek) {
     const days = Math.floor(diffInSeconds / SECONDS.inDay);
     return `${days} ${days === 1 ? "day" : "days"}`;
@@ -1236,16 +1291,16 @@ var STATUS_TO_FILTER = {
 };
 var DEFAULT_LIMIT = 10;
 var InboxProvider = (props) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const [isOpened, setIsOpened] = createSignal(false);
   const [tabs, setTabs] = createSignal(props.tabs);
-  const [activeTab, setActiveTab] = createSignal((_a = props.tabs[0] && props.tabs[0].label) != null ? _a : "");
+  const [activeTab, setActiveTab] = createSignal((_b = (_a = props.tabs[0]) == null ? void 0 : _a.label) != null ? _b : "");
   const [status, setStatus] = createSignal("unreadRead" /* UNREAD_READ */);
   const [limit, setLimit] = createSignal(DEFAULT_LIMIT);
   const [filter, setFilter] = createSignal(__spreadProps(__spreadValues({}, STATUS_TO_FILTER["unreadRead" /* UNREAD_READ */]), {
     tags: props.tabs.length > 0 ? getTagsFromTab(props.tabs[0]) : [],
-    data: props.tabs.length > 0 ? (_b = props.tabs[0].filter) == null ? void 0 : _b.data : {},
-    severity: props.tabs.length > 0 ? (_c = props.tabs[0].filter) == null ? void 0 : _c.severity : void 0
+    data: props.tabs.length > 0 ? (_c = props.tabs[0].filter) == null ? void 0 : _c.data : {},
+    severity: props.tabs.length > 0 ? (_d = props.tabs[0].filter) == null ? void 0 : _d.severity : void 0
   }));
   const [hideBranding, setHideBranding] = createSignal(false);
   const [isDevelopmentMode, setIsDevelopmentMode] = createSignal(false);
@@ -1255,6 +1310,7 @@ var InboxProvider = (props) => {
   const [isKeyless, setIsKeyless] = createSignal(false);
   const [applicationIdentifier, setApplicationIdentifier] = createSignal(null);
   const [preferenceGroups, setPreferenceGroups] = createSignal(props.preferenceGroups);
+  const [preferencesSort, setPreferencesSort] = createSignal(props.preferencesSort);
   const setNewStatus = (newStatus) => {
     setStatus(newStatus);
     setFilter((old) => __spreadProps(__spreadValues({}, STATUS_TO_FILTER[newStatus]), {
@@ -1350,6 +1406,7 @@ var InboxProvider = (props) => {
       hideBranding,
       preferencesFilter,
       preferenceGroups,
+      preferencesSort,
       isDevelopmentMode,
       maxSnoozeDurationHours,
       isSnoozeEnabled,
@@ -1748,142 +1805,158 @@ function Bell(props) {
     return _el$;
   })();
 }
-var _tmpl$7 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M0.625 9.375L2.93989 8.86059C3.5538 9.18889 4.25516 9.375 5 9.375C7.41622 9.375 9.375 7.41622 9.375 5C9.375 2.58375 7.41622 0.625 5 0.625C2.58375 0.625 0.625 2.58375 0.625 5C0.625 5.74484 0.81113 6.4462 1.13942 7.0601L0.625 9.375ZM6.50881 2.8125L6.43224 3.68761H7.1875V4.56259H6.35568L6.27912 5.43759H7.1875V6.31259H6.2026L6.12604 7.1875H5.24771L5.32423 6.31259H4.44591L4.36934 7.1875H3.49101L3.56755 6.31259H2.8125V5.43759H3.64411L3.72066 4.56259H2.8125V3.68761H3.79721L3.87377 2.8125H4.75211L4.67555 3.68761H5.55392L5.63048 2.8125H6.50881ZM4.59899 4.56259L4.52247 5.43759H5.40079L5.47736 4.56259H4.59899Z"fill=currentColor>`);
-var Chat = (props) => {
+var _tmpl$7 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=14 height=14 fill=none viewBox="0 0 14 14"><path fill=currentColor d="M4.381 2.952V2h.952v.952H8.19V2h.953v.952h1.905c.263 0 .476.214.476.477v2.38h-.953V3.906H9.143v.952H8.19v-.952H5.333v.952h-.952v-.952H2.952v6.666H5.81v.953H2.476A.476.476 0 0 1 2 11.048v-7.62c0-.262.213-.476.476-.476h1.905Zm4.762 4.286a1.905 1.905 0 1 0 0 3.81 1.905 1.905 0 0 0 0-3.81ZM6.286 9.143a2.857 2.857 0 1 1 5.714 0 2.857 2.857 0 0 1-5.714 0Zm2.38-1.429V9.34l1.093 1.092.673-.673-.813-.813V7.714h-.952Z">`);
+var CalendarSchedule = (props) => {
   return (() => {
     var _el$ = _tmpl$7();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$8 = /* @__PURE__ */ template(`<svg viewBox="0 0 8 6"fill=none xmlns=http://www.w3.org/2000/svg><path d="M2.99994 4.58847L7.33298 0L8 0.705765L2.99994 6L0 2.82356L0.666549 2.11779L2.99994 4.58847Z"fill=currentColor>`);
-var Check = (props) => {
+var _tmpl$8 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M0.625 9.375L2.93989 8.86059C3.5538 9.18889 4.25516 9.375 5 9.375C7.41622 9.375 9.375 7.41622 9.375 5C9.375 2.58375 7.41622 0.625 5 0.625C2.58375 0.625 0.625 2.58375 0.625 5C0.625 5.74484 0.81113 6.4462 1.13942 7.0601L0.625 9.375ZM6.50881 2.8125L6.43224 3.68761H7.1875V4.56259H6.35568L6.27912 5.43759H7.1875V6.31259H6.2026L6.12604 7.1875H5.24771L5.32423 6.31259H4.44591L4.36934 7.1875H3.49101L3.56755 6.31259H2.8125V5.43759H3.64411L3.72066 4.56259H2.8125V3.68761H3.79721L3.87377 2.8125H4.75211L4.67555 3.68761H5.55392L5.63048 2.8125H6.50881ZM4.59899 4.56259L4.52247 5.43759H5.40079L5.47736 4.56259H4.59899Z"fill=currentColor>`);
+var Chat = (props) => {
   return (() => {
     var _el$ = _tmpl$8();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$9 = /* @__PURE__ */ template(`<svg viewBox="0 0 12 12"fill=none xmlns=http://www.w3.org/2000/svg><g clip-path=url(#clip0_3188_15050)><path d="M6 3V6L8 7M11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6Z"stroke=currentColor stroke-linecap=round stroke-linejoin=round>`);
-var Clock = (props) => {
+var _tmpl$9 = /* @__PURE__ */ template(`<svg viewBox="0 0 8 6"fill=none xmlns=http://www.w3.org/2000/svg><path d="M2.99994 4.58847L7.33298 0L8 0.705765L2.99994 6L0 2.82356L0.666549 2.11779L2.99994 4.58847Z"fill=currentColor>`);
+var Check = (props) => {
   return (() => {
     var _el$ = _tmpl$9();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$10 = /* @__PURE__ */ template(`<svg viewBox="0 0 20 20"fill=none xmlns=http://www.w3.org/2000/svg><path d="M10 1.75L17.125 5.875V14.125L10 18.25L2.875 14.125V5.875L10 1.75ZM10 3.48325L4.375 6.73975V13.2603L10 16.5167L15.625 13.2603V6.73975L10 3.48325ZM10 13C9.20435 13 8.44129 12.6839 7.87868 12.1213C7.31607 11.5587 7 10.7956 7 10C7 9.20435 7.31607 8.44129 7.87868 7.87868C8.44129 7.31607 9.20435 7 10 7C10.7956 7 11.5587 7.31607 12.1213 7.87868C12.6839 8.44129 13 9.20435 13 10C13 10.7956 12.6839 11.5587 12.1213 12.1213C11.5587 12.6839 10.7956 13 10 13ZM10 11.5C10.3978 11.5 10.7794 11.342 11.0607 11.0607C11.342 10.7794 11.5 10.3978 11.5 10C11.5 9.60218 11.342 9.22064 11.0607 8.93934C10.7794 8.65804 10.3978 8.5 10 8.5C9.60218 8.5 9.22064 8.65804 8.93934 8.93934C8.65804 9.22064 8.5 9.60218 8.5 10C8.5 10.3978 8.65804 10.7794 8.93934 11.0607C9.22064 11.342 9.60218 11.5 10 11.5Z"fill=currentColor>`);
-var Cogs = (props) => {
+var _tmpl$10 = /* @__PURE__ */ template(`<svg viewBox="0 0 12 12"fill=none xmlns=http://www.w3.org/2000/svg><g clip-path=url(#clip0_3188_15050)><path d="M6 3V6L8 7M11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6Z"stroke=currentColor stroke-linecap=round stroke-linejoin=round>`);
+var Clock = (props) => {
   return (() => {
     var _el$ = _tmpl$10();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$11 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><path fill=currentColor d="M5 8.333c-.917 0-1.667.75-1.667 1.667s.75 1.667 1.667 1.667c.916 0 1.666-.75 1.666-1.667S5.916 8.333 5 8.333zm10 0c-.917 0-1.667.75-1.667 1.667s.75 1.667 1.667 1.667c.916 0 1.666-.75 1.666-1.667S15.916 8.333 15 8.333zm-5 0c-.917 0-1.667.75-1.667 1.667s.75 1.667 1.667 1.667c.916 0 1.666-.75 1.666-1.667S10.916 8.333 10 8.333z">`);
-var Dots = (props) => {
+var _tmpl$11 = /* @__PURE__ */ template(`<svg viewBox="0 0 20 20"fill=none xmlns=http://www.w3.org/2000/svg><path d="M10 1.75L17.125 5.875V14.125L10 18.25L2.875 14.125V5.875L10 1.75ZM10 3.48325L4.375 6.73975V13.2603L10 16.5167L15.625 13.2603V6.73975L10 3.48325ZM10 13C9.20435 13 8.44129 12.6839 7.87868 12.1213C7.31607 11.5587 7 10.7956 7 10C7 9.20435 7.31607 8.44129 7.87868 7.87868C8.44129 7.31607 9.20435 7 10 7C10.7956 7 11.5587 7.31607 12.1213 7.87868C12.6839 8.44129 13 9.20435 13 10C13 10.7956 12.6839 11.5587 12.1213 12.1213C11.5587 12.6839 10.7956 13 10 13ZM10 11.5C10.3978 11.5 10.7794 11.342 11.0607 11.0607C11.342 10.7794 11.5 10.3978 11.5 10C11.5 9.60218 11.342 9.22064 11.0607 8.93934C10.7794 8.65804 10.3978 8.5 10 8.5C9.60218 8.5 9.22064 8.65804 8.93934 8.93934C8.65804 9.22064 8.5 9.60218 8.5 10C8.5 10.3978 8.65804 10.7794 8.93934 11.0607C9.22064 11.342 9.60218 11.5 10 11.5Z"fill=currentColor>`);
+var Cogs = (props) => {
   return (() => {
     var _el$ = _tmpl$11();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$12 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.20703 1.875H2.8125H2.10547H1.875V2.04688V2.8125V3.60156V5.33984L0.00390625 3.95508C0.0351562 3.60156 0.216797 3.27344 0.505859 3.06055L0.9375 2.74023V1.875C0.9375 1.35742 1.35742 0.9375 1.875 0.9375H3.37109L4.3457 0.216797C4.53516 0.0761719 4.76367 0 5 0C5.23633 0 5.46484 0.0761719 5.6543 0.214844L6.62891 0.9375H8.125C8.64258 0.9375 9.0625 1.35742 9.0625 1.875V2.74023L9.49414 3.06055C9.7832 3.27344 9.96484 3.60156 9.99609 3.95508L8.125 5.33984V3.60156V2.8125V2.04688V1.875H7.89453H7.1875H5.79297H4.20508H4.20703ZM0 8.75V4.72852L4.25 7.87695C4.4668 8.03711 4.73047 8.125 5 8.125C5.26953 8.125 5.5332 8.03906 5.75 7.87695L10 4.72852V8.75C10 9.43945 9.43945 10 8.75 10H1.25C0.560547 10 0 9.43945 0 8.75ZM3.4375 3.125H6.5625C6.73438 3.125 6.875 3.26562 6.875 3.4375C6.875 3.60938 6.73438 3.75 6.5625 3.75H3.4375C3.26562 3.75 3.125 3.60938 3.125 3.4375C3.125 3.26562 3.26562 3.125 3.4375 3.125ZM3.4375 4.375H6.5625C6.73438 4.375 6.875 4.51562 6.875 4.6875C6.875 4.85938 6.73438 5 6.5625 5H3.4375C3.26562 5 3.125 4.85938 3.125 4.6875C3.125 4.51562 3.26562 4.375 3.4375 4.375Z"fill=currentColor>`);
-var Email = (props) => {
+var _tmpl$12 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=12 height=12 fill=none viewBox="0 0 12 12"><path fill=currentColor d="M3.75 3.3V1.95a.45.45 0 0 1 .45-.45h5.4a.45.45 0 0 1 .45.45v6.3a.45.45 0 0 1-.45.45H8.25v1.35c0 .248-.203.45-.453.45H2.403a.449.449 0 0 1-.453-.45l.001-6.3c0-.248.203-.45.453-.45H3.75Zm-.899.9L2.85 9.6h4.5V4.2H2.851Zm1.799-.9h3.6v4.5h.9V2.4h-4.5v.9Z">`);
+var Copy = (props) => {
   return (() => {
     var _el$ = _tmpl$12();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$13 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 12"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.99962 0.856934C4.64404 0.856934 4.35676 1.14421 4.35676 1.49979V1.88551C2.89024 2.18283 1.78533 3.48059 1.78533 5.03551V5.41318C1.78533 6.35738 1.43779 7.26943 0.810999 7.97658L0.662339 8.14332C0.493589 8.33216 0.45341 8.60336 0.555865 8.83439C0.658321 9.06542 0.889348 9.21408 1.14247 9.21408H8.85676C9.10988 9.21408 9.3389 9.06542 9.44337 8.83439C9.54783 8.60336 9.50564 8.33216 9.33689 8.14332L9.18823 7.97658C8.56145 7.26943 8.2139 6.35939 8.2139 5.41318V5.03551C8.2139 3.48059 7.10899 2.18283 5.64247 1.88551V1.49979C5.64247 1.14421 5.3552 0.856934 4.99962 0.856934ZM5.90966 10.767C6.15073 10.5259 6.28533 10.1985 6.28533 9.85693H4.99962H3.7139C3.7139 10.1985 3.8485 10.5259 4.08957 10.767C4.33064 11.008 4.6581 11.1426 4.99962 11.1426C5.34113 11.1426 5.66859 11.008 5.90966 10.767Z"fill=currentColor>`);
-var InApp = (props) => {
+var _tmpl$13 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><path fill=currentColor d="M5 8.333c-.917 0-1.667.75-1.667 1.667s.75 1.667 1.667 1.667c.916 0 1.666-.75 1.666-1.667S5.916 8.333 5 8.333zm10 0c-.917 0-1.667.75-1.667 1.667s.75 1.667 1.667 1.667c.916 0 1.666-.75 1.666-1.667S15.916 8.333 15 8.333zm-5 0c-.917 0-1.667.75-1.667 1.667s.75 1.667 1.667 1.667c.916 0 1.666-.75 1.666-1.667S10.916 8.333 10 8.333z">`);
+var Dots = (props) => {
   return (() => {
     var _el$ = _tmpl$13();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$14 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M2.29671 10C1.78742 10 1.39807 9.85716 1.12864 9.57149C0.862497 9.28581 0.729426 8.86623 0.729426 8.31274V2.64594H1.69543V8.29668C1.69543 8.52163 1.74964 8.69487 1.85806 8.81624C1.96978 8.93408 2.12914 8.99301 2.33614 8.99301H7.66389C7.86764 8.99301 8.02366 8.93408 8.13209 8.81624C8.24385 8.69487 8.29965 8.52163 8.29965 8.29668V2.64594H9.27059V8.31274C9.27059 8.8627 9.13591 9.28048 8.86648 9.56608C8.59705 9.85536 8.20931 10 7.70333 10H2.29671ZM3.41056 5.34543C3.29556 5.34543 3.20028 5.30438 3.1247 5.22226C3.04913 5.14015 3.01134 5.03304 3.01134 4.90089V4.72949C3.01134 4.59737 3.04749 4.49204 3.11977 4.41348C3.19535 4.33492 3.29227 4.29564 3.41056 4.29564H6.5944C6.71271 4.29564 6.80795 4.33492 6.88026 4.41348C6.95582 4.49204 6.9936 4.59737 6.9936 4.72949V4.90089C6.9936 5.03304 6.95582 5.14015 6.88026 5.22226C6.8047 5.30438 6.70939 5.34543 6.5944 5.34543H3.41056ZM1.05964 3.16014C0.724502 3.16014 0.463285 3.05301 0.276004 2.83877C0.0920037 2.62095 0 2.33172 0 1.97107V1.18907C0 0.824846 0.0952841 0.535614 0.28586 0.321373C0.476428 0.107124 0.734358 0 1.05964 0H8.94536C9.27715 0 9.53511 0.107124 9.71911 0.321373C9.90642 0.535614 10 0.824846 10 1.18907V1.97107C10 2.33172 9.90642 2.62095 9.71911 2.83877C9.53511 3.05301 9.27715 3.16014 8.94536 3.16014H1.05964ZM1.24693 2.19067H8.75805C8.87304 2.19067 8.95516 2.16211 9.00448 2.10497C9.05372 2.04427 9.07838 1.95322 9.07838 1.83181V1.32833C9.07838 1.20335 9.05372 1.1123 9.00448 1.05517C8.95516 0.99803 8.87304 0.969462 8.75805 0.969462H1.24693C1.13193 0.969462 1.04814 0.99803 0.995567 1.05517C0.946281 1.1123 0.921638 1.20335 0.921638 1.32833V1.83181C0.921638 1.95322 0.946281 2.04427 0.995567 2.10497C1.04814 2.16211 1.13193 2.19067 1.24693 2.19067Z"fill=currentColor>`);
-var MarkAsArchived = (props) => {
+var _tmpl$14 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.20703 1.875H2.8125H2.10547H1.875V2.04688V2.8125V3.60156V5.33984L0.00390625 3.95508C0.0351562 3.60156 0.216797 3.27344 0.505859 3.06055L0.9375 2.74023V1.875C0.9375 1.35742 1.35742 0.9375 1.875 0.9375H3.37109L4.3457 0.216797C4.53516 0.0761719 4.76367 0 5 0C5.23633 0 5.46484 0.0761719 5.6543 0.214844L6.62891 0.9375H8.125C8.64258 0.9375 9.0625 1.35742 9.0625 1.875V2.74023L9.49414 3.06055C9.7832 3.27344 9.96484 3.60156 9.99609 3.95508L8.125 5.33984V3.60156V2.8125V2.04688V1.875H7.89453H7.1875H5.79297H4.20508H4.20703ZM0 8.75V4.72852L4.25 7.87695C4.4668 8.03711 4.73047 8.125 5 8.125C5.26953 8.125 5.5332 8.03906 5.75 7.87695L10 4.72852V8.75C10 9.43945 9.43945 10 8.75 10H1.25C0.560547 10 0 9.43945 0 8.75ZM3.4375 3.125H6.5625C6.73438 3.125 6.875 3.26562 6.875 3.4375C6.875 3.60938 6.73438 3.75 6.5625 3.75H3.4375C3.26562 3.75 3.125 3.60938 3.125 3.4375C3.125 3.26562 3.26562 3.125 3.4375 3.125ZM3.4375 4.375H6.5625C6.73438 4.375 6.875 4.51562 6.875 4.6875C6.875 4.85938 6.73438 5 6.5625 5H3.4375C3.26562 5 3.125 4.85938 3.125 4.6875C3.125 4.51562 3.26562 4.375 3.4375 4.375Z"fill=currentColor>`);
+var Email = (props) => {
   return (() => {
     var _el$ = _tmpl$14();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$15 = /* @__PURE__ */ template(`<svg viewBox="0 0 11 11"fill=none xmlns=http://www.w3.org/2000/svg><path d="M2.17256 10.999C1.69081 10.999 1.3225 10.8562 1.06763 10.5705C0.815875 10.2848 0.689997 9.86525 0.689997 9.31177V3.64497H1.60378V9.2957C1.60378 9.52066 1.65506 9.6939 1.75763 9.81526C1.8633 9.93311 2.01405 9.99203 2.20986 9.99203H7.24963C7.44236 9.99203 7.58995 9.93311 7.69252 9.81526C7.79823 9.6939 7.85102 9.52066 7.85102 9.2957V3.64497H8.76947V9.31177C8.76947 9.86173 8.64208 10.2795 8.38721 10.5651C8.13235 10.8544 7.76556 10.999 7.28693 10.999H2.17256ZM1.00236 4.15916C0.68534 4.15916 0.438242 4.05204 0.261085 3.83779C0.0870305 3.61997 0 3.33074 0 2.97009V2.18809C0 1.82387 0.0901336 1.53464 0.270408 1.3204C0.450675 1.10615 0.694663 0.999023 1.00236 0.999023H8.46182C8.77568 0.999023 9.0197 1.10615 9.19375 1.3204C9.37094 1.53464 9.45946 1.82387 9.45946 2.18809V2.97009C9.45946 3.33074 9.37094 3.61997 9.19375 3.83779C9.0197 4.05204 8.77568 4.15916 8.46182 4.15916H1.00236ZM1.17953 3.1897H8.28464C8.39342 3.1897 8.4711 3.16113 8.51775 3.10399C8.56433 3.04329 8.58765 2.95224 8.58765 2.83083V2.32735C8.58765 2.20238 8.56433 2.11132 8.51775 2.05419C8.4711 1.99705 7.51461 1.96849 7.40583 1.96849H1.17953C1.07074 1.96849 0.991485 1.99705 0.941753 2.05419C0.895131 2.11132 0.87182 2.20238 0.87182 2.32735V2.83083C0.87182 2.95224 0.895131 3.04329 0.941753 3.10399C0.991485 3.16113 1.07074 3.1897 1.17953 3.1897Z"fill=currentColor></path><path d="M9.67298 0.553711C9.84703 0.556646 10.0146 0.614475 10.1535 0.716797L10.2208 0.771484L10.2814 0.833008C10.3958 0.960612 10.4679 1.11928 10.4913 1.28711L10.4992 1.37109L10.4982 1.45605C10.4872 1.64689 10.4124 1.8301 10.2833 1.97559L10.2843 1.97656L7.55482 5.15039L7.55384 5.14941C7.40234 5.3265 7.18382 5.43557 6.94642 5.44336L6.93861 5.44434H6.92005V5.44336C6.69203 5.44397 6.47619 5.35201 6.31947 5.19141L6.31849 5.18945L5.29505 4.13184C5.08531 3.91498 5.00658 3.60427 5.08118 3.31641L5.11634 3.21094C5.2129 2.97124 5.41476 2.78187 5.67396 2.70996L5.78626 2.68652C6.01138 2.65637 6.23763 2.72008 6.41419 2.85938L6.49818 2.93555L6.8849 3.33496L9.0138 0.859375V0.860352C9.15512 0.688807 9.35911 0.576792 9.58509 0.556641L9.67298 0.553711Z"fill=currentColor stroke=white>`);
-var MarkAsArchivedRead = (props) => {
+var _tmpl$15 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 12"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.99962 0.856934C4.64404 0.856934 4.35676 1.14421 4.35676 1.49979V1.88551C2.89024 2.18283 1.78533 3.48059 1.78533 5.03551V5.41318C1.78533 6.35738 1.43779 7.26943 0.810999 7.97658L0.662339 8.14332C0.493589 8.33216 0.45341 8.60336 0.555865 8.83439C0.658321 9.06542 0.889348 9.21408 1.14247 9.21408H8.85676C9.10988 9.21408 9.3389 9.06542 9.44337 8.83439C9.54783 8.60336 9.50564 8.33216 9.33689 8.14332L9.18823 7.97658C8.56145 7.26943 8.2139 6.35939 8.2139 5.41318V5.03551C8.2139 3.48059 7.10899 2.18283 5.64247 1.88551V1.49979C5.64247 1.14421 5.3552 0.856934 4.99962 0.856934ZM5.90966 10.767C6.15073 10.5259 6.28533 10.1985 6.28533 9.85693H4.99962H3.7139C3.7139 10.1985 3.8485 10.5259 4.08957 10.767C4.33064 11.008 4.6581 11.1426 4.99962 11.1426C5.34113 11.1426 5.66859 11.008 5.90966 10.767Z"fill=currentColor>`);
+var InApp = (props) => {
   return (() => {
     var _el$ = _tmpl$15();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$16 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><g clip-path=url(#clip0_3445_1172)><path d="M9 9.99902H1C0.867383 9.99902 0.7402 9.94635 0.64645 9.85257C0.552667 9.75882 0.5 9.63164 0.5 9.49902V0.499023C0.5 0.366407 0.552669 0.239223 0.64645 0.145473C0.7402 0.0516901 0.867383 -0.000976562 1 -0.000976562H6.25C6.42865 -0.000976562 6.59368 0.0943401 6.68301 0.249023C6.77233 0.403707 6.77233 0.59434 6.68301 0.749023C6.59368 0.903707 6.42865 0.999023 6.25 0.999023H1.5V8.99902H8.5V4.49902C8.5 4.32037 8.59532 4.15534 8.75 4.06602C8.90468 3.97669 9.09532 3.97669 9.25 4.06602C9.40468 4.15534 9.5 4.32037 9.5 4.49902V9.49902C9.5 9.63164 9.44733 9.75882 9.35355 9.85257C9.2598 9.94636 9.13262 9.99902 9 9.99902Z"fill=currentColor></path><path d="M7.5 8.24902H2.5C2.32135 8.24902 2.15632 8.15371 2.06699 7.99902C1.97767 7.84434 1.97767 7.65371 2.06699 7.49902C2.15632 7.34434 2.32135 7.24902 2.5 7.24902H7.5C7.67865 7.24902 7.84368 7.34434 7.93301 7.49902C8.02233 7.65371 8.02233 7.84434 7.93301 7.99902C7.84368 8.15371 7.67865 8.24902 7.5 8.24902Z"fill=currentColor></path><path d="M4.75 6.49901C4.61709 6.49979 4.48936 6.44761 4.39498 6.35403L2.89498 4.85403C2.76816 4.72717 2.71865 4.54235 2.76507 4.36907C2.81149 4.19583 2.94681 4.06051 3.12005 4.01409C3.29332 3.96767 3.47816 4.01718 3.60501 4.14401L4.73001 5.269L8.37501 1.16901C8.46056 1.06279 8.58578 0.996155 8.72169 0.984497C8.8576 0.972843 8.99233 1.01718 9.09474 1.10728C9.19712 1.19738 9.25825 1.32541 9.26398 1.46167C9.26968 1.59796 9.21948 1.73065 9.12502 1.82902L5.12502 6.32902C5.03371 6.43306 4.90337 6.49461 4.76502 6.49901L4.75 6.49901Z"fill=currentColor></path></g><defs><clipPath id=clip0_3445_1172><rect width=10 height=10 fill=white transform="translate(0 -0.000976562)">`);
-var MarkAsRead = (props) => {
+var _tmpl$16 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M2.29671 10C1.78742 10 1.39807 9.85716 1.12864 9.57149C0.862497 9.28581 0.729426 8.86623 0.729426 8.31274V2.64594H1.69543V8.29668C1.69543 8.52163 1.74964 8.69487 1.85806 8.81624C1.96978 8.93408 2.12914 8.99301 2.33614 8.99301H7.66389C7.86764 8.99301 8.02366 8.93408 8.13209 8.81624C8.24385 8.69487 8.29965 8.52163 8.29965 8.29668V2.64594H9.27059V8.31274C9.27059 8.8627 9.13591 9.28048 8.86648 9.56608C8.59705 9.85536 8.20931 10 7.70333 10H2.29671ZM3.41056 5.34543C3.29556 5.34543 3.20028 5.30438 3.1247 5.22226C3.04913 5.14015 3.01134 5.03304 3.01134 4.90089V4.72949C3.01134 4.59737 3.04749 4.49204 3.11977 4.41348C3.19535 4.33492 3.29227 4.29564 3.41056 4.29564H6.5944C6.71271 4.29564 6.80795 4.33492 6.88026 4.41348C6.95582 4.49204 6.9936 4.59737 6.9936 4.72949V4.90089C6.9936 5.03304 6.95582 5.14015 6.88026 5.22226C6.8047 5.30438 6.70939 5.34543 6.5944 5.34543H3.41056ZM1.05964 3.16014C0.724502 3.16014 0.463285 3.05301 0.276004 2.83877C0.0920037 2.62095 0 2.33172 0 1.97107V1.18907C0 0.824846 0.0952841 0.535614 0.28586 0.321373C0.476428 0.107124 0.734358 0 1.05964 0H8.94536C9.27715 0 9.53511 0.107124 9.71911 0.321373C9.90642 0.535614 10 0.824846 10 1.18907V1.97107C10 2.33172 9.90642 2.62095 9.71911 2.83877C9.53511 3.05301 9.27715 3.16014 8.94536 3.16014H1.05964ZM1.24693 2.19067H8.75805C8.87304 2.19067 8.95516 2.16211 9.00448 2.10497C9.05372 2.04427 9.07838 1.95322 9.07838 1.83181V1.32833C9.07838 1.20335 9.05372 1.1123 9.00448 1.05517C8.95516 0.99803 8.87304 0.969462 8.75805 0.969462H1.24693C1.13193 0.969462 1.04814 0.99803 0.995567 1.05517C0.946281 1.1123 0.921638 1.20335 0.921638 1.32833V1.83181C0.921638 1.95322 0.946281 2.04427 0.995567 2.10497C1.04814 2.16211 1.13193 2.19067 1.24693 2.19067Z"fill=currentColor>`);
+var MarkAsArchived = (props) => {
   return (() => {
     var _el$ = _tmpl$16();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$17 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M3.15789 2.99902V4.99902L0 2.49902L3.15789 -0.000976562V1.99902H5.78947C6.90618 1.99902 7.97714 2.42045 8.76677 3.1706C9.55639 3.92074 10 4.93816 10 5.99902C10 7.05989 9.55639 8.0773 8.76677 8.82745C7.97714 9.5776 6.90618 9.99902 5.78947 9.99902H1.05263V8.99902H5.78947C6.627 8.99902 7.43022 8.68295 8.02244 8.12034C8.61466 7.55773 8.94737 6.79467 8.94737 5.99902C8.94737 5.20337 8.61466 4.44031 8.02244 3.8777C7.43022 3.31509 6.627 2.99902 5.78947 2.99902H3.15789Z"fill=currentColor>`);
-var MarkAsUnarchived = (props) => {
+var _tmpl$17 = /* @__PURE__ */ template(`<svg viewBox="0 0 11 11"fill=none xmlns=http://www.w3.org/2000/svg><path d="M2.17256 10.999C1.69081 10.999 1.3225 10.8562 1.06763 10.5705C0.815875 10.2848 0.689997 9.86525 0.689997 9.31177V3.64497H1.60378V9.2957C1.60378 9.52066 1.65506 9.6939 1.75763 9.81526C1.8633 9.93311 2.01405 9.99203 2.20986 9.99203H7.24963C7.44236 9.99203 7.58995 9.93311 7.69252 9.81526C7.79823 9.6939 7.85102 9.52066 7.85102 9.2957V3.64497H8.76947V9.31177C8.76947 9.86173 8.64208 10.2795 8.38721 10.5651C8.13235 10.8544 7.76556 10.999 7.28693 10.999H2.17256ZM1.00236 4.15916C0.68534 4.15916 0.438242 4.05204 0.261085 3.83779C0.0870305 3.61997 0 3.33074 0 2.97009V2.18809C0 1.82387 0.0901336 1.53464 0.270408 1.3204C0.450675 1.10615 0.694663 0.999023 1.00236 0.999023H8.46182C8.77568 0.999023 9.0197 1.10615 9.19375 1.3204C9.37094 1.53464 9.45946 1.82387 9.45946 2.18809V2.97009C9.45946 3.33074 9.37094 3.61997 9.19375 3.83779C9.0197 4.05204 8.77568 4.15916 8.46182 4.15916H1.00236ZM1.17953 3.1897H8.28464C8.39342 3.1897 8.4711 3.16113 8.51775 3.10399C8.56433 3.04329 8.58765 2.95224 8.58765 2.83083V2.32735C8.58765 2.20238 8.56433 2.11132 8.51775 2.05419C8.4711 1.99705 7.51461 1.96849 7.40583 1.96849H1.17953C1.07074 1.96849 0.991485 1.99705 0.941753 2.05419C0.895131 2.11132 0.87182 2.20238 0.87182 2.32735V2.83083C0.87182 2.95224 0.895131 3.04329 0.941753 3.10399C0.991485 3.16113 1.07074 3.1897 1.17953 3.1897Z"fill=currentColor></path><path d="M9.67298 0.553711C9.84703 0.556646 10.0146 0.614475 10.1535 0.716797L10.2208 0.771484L10.2814 0.833008C10.3958 0.960612 10.4679 1.11928 10.4913 1.28711L10.4992 1.37109L10.4982 1.45605C10.4872 1.64689 10.4124 1.8301 10.2833 1.97559L10.2843 1.97656L7.55482 5.15039L7.55384 5.14941C7.40234 5.3265 7.18382 5.43557 6.94642 5.44336L6.93861 5.44434H6.92005V5.44336C6.69203 5.44397 6.47619 5.35201 6.31947 5.19141L6.31849 5.18945L5.29505 4.13184C5.08531 3.91498 5.00658 3.60427 5.08118 3.31641L5.11634 3.21094C5.2129 2.97124 5.41476 2.78187 5.67396 2.70996L5.78626 2.68652C6.01138 2.65637 6.23763 2.72008 6.41419 2.85938L6.49818 2.93555L6.8849 3.33496L9.0138 0.859375V0.860352C9.15512 0.688807 9.35911 0.576792 9.58509 0.556641L9.67298 0.553711Z"fill=currentColor stroke=white>`);
+var MarkAsArchivedRead = (props) => {
   return (() => {
     var _el$ = _tmpl$17();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$18 = /* @__PURE__ */ template(`<svg viewBox="0 0 11 11"fill=none xmlns=http://www.w3.org/2000/svg><path d="M6.8 1.49902H1.5C0.947715 1.49902 0.5 1.94674 0.5 2.49902V9.49902C0.5 10.0513 0.947715 10.499 1.5 10.499H8.5C9.05228 10.499 9.5 10.0513 9.5 9.49902V4.19902"stroke=currentColor stroke-miterlimit=1 stroke-linecap=round></path><circle cx=9.25 cy=1.74902 r=1.25 fill=currentColor>`);
-var MarkAsUnread = (props) => {
+var _tmpl$18 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><g clip-path=url(#clip0_3445_1172)><path d="M9 9.99902H1C0.867383 9.99902 0.7402 9.94635 0.64645 9.85257C0.552667 9.75882 0.5 9.63164 0.5 9.49902V0.499023C0.5 0.366407 0.552669 0.239223 0.64645 0.145473C0.7402 0.0516901 0.867383 -0.000976562 1 -0.000976562H6.25C6.42865 -0.000976562 6.59368 0.0943401 6.68301 0.249023C6.77233 0.403707 6.77233 0.59434 6.68301 0.749023C6.59368 0.903707 6.42865 0.999023 6.25 0.999023H1.5V8.99902H8.5V4.49902C8.5 4.32037 8.59532 4.15534 8.75 4.06602C8.90468 3.97669 9.09532 3.97669 9.25 4.06602C9.40468 4.15534 9.5 4.32037 9.5 4.49902V9.49902C9.5 9.63164 9.44733 9.75882 9.35355 9.85257C9.2598 9.94636 9.13262 9.99902 9 9.99902Z"fill=currentColor></path><path d="M7.5 8.24902H2.5C2.32135 8.24902 2.15632 8.15371 2.06699 7.99902C1.97767 7.84434 1.97767 7.65371 2.06699 7.49902C2.15632 7.34434 2.32135 7.24902 2.5 7.24902H7.5C7.67865 7.24902 7.84368 7.34434 7.93301 7.49902C8.02233 7.65371 8.02233 7.84434 7.93301 7.99902C7.84368 8.15371 7.67865 8.24902 7.5 8.24902Z"fill=currentColor></path><path d="M4.75 6.49901C4.61709 6.49979 4.48936 6.44761 4.39498 6.35403L2.89498 4.85403C2.76816 4.72717 2.71865 4.54235 2.76507 4.36907C2.81149 4.19583 2.94681 4.06051 3.12005 4.01409C3.29332 3.96767 3.47816 4.01718 3.60501 4.14401L4.73001 5.269L8.37501 1.16901C8.46056 1.06279 8.58578 0.996155 8.72169 0.984497C8.8576 0.972843 8.99233 1.01718 9.09474 1.10728C9.19712 1.19738 9.25825 1.32541 9.26398 1.46167C9.26968 1.59796 9.21948 1.73065 9.12502 1.82902L5.12502 6.32902C5.03371 6.43306 4.90337 6.49461 4.76502 6.49901L4.75 6.49901Z"fill=currentColor></path></g><defs><clipPath id=clip0_3445_1172><rect width=10 height=10 fill=white transform="translate(0 -0.000976562)">`);
+var MarkAsRead = (props) => {
   return (() => {
     var _el$ = _tmpl$18();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$19 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 13 12"><path fill=currentColor d="M9.787.98A5.972 5.972 0 006.5 0c-.668 0-1.31.11-1.911.31L9.187 4.94c.221.222.6.065.6-.248V.98z"></path><path fill=currentColor d="M2.879 1.216A5.99 5.99 0 00.5 6c0 1.134.315 2.195.862 3.1V7.309c0-1.966 2.379-2.946 3.764-1.552l4.995 5.027A5.99 5.99 0 0012.5 6a5.972 5.972 0 00-.862-3.1v1.791c0 1.966-2.379 2.946-3.764 1.552L2.879 1.216z"></path><path fill=currentColor d="M8.411 11.69L3.813 7.06a.351.351 0 00-.6.248v3.711c.944.62 2.073.98 3.287.98.668 0 1.31-.11 1.911-.31z">`);
-var Novu2 = (props) => {
+var _tmpl$19 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M3.15789 2.99902V4.99902L0 2.49902L3.15789 -0.000976562V1.99902H5.78947C6.90618 1.99902 7.97714 2.42045 8.76677 3.1706C9.55639 3.92074 10 4.93816 10 5.99902C10 7.05989 9.55639 8.0773 8.76677 8.82745C7.97714 9.5776 6.90618 9.99902 5.78947 9.99902H1.05263V8.99902H5.78947C6.627 8.99902 7.43022 8.68295 8.02244 8.12034C8.61466 7.55773 8.94737 6.79467 8.94737 5.99902C8.94737 5.20337 8.61466 4.44031 8.02244 3.8777C7.43022 3.31509 6.627 2.99902 5.78947 2.99902H3.15789Z"fill=currentColor>`);
+var MarkAsUnarchived = (props) => {
   return (() => {
     var _el$ = _tmpl$19();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$20 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 16"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.12531 1.8999C3.94958 1.8999 3.80713 2.04235 3.80713 2.21808C3.80713 2.39382 3.94958 2.53627 4.12531 2.53627H6.0344C6.21013 2.53627 6.35258 2.39382 6.35258 2.21808C6.35258 2.04235 6.21013 1.8999 6.0344 1.8999H4.12531Z"fill=currentColor></path><path d="M4.12531 1.8999C3.94958 1.8999 3.80713 2.04235 3.80713 2.21808C3.80713 2.39382 3.94958 2.53627 4.12531 2.53627H6.0344C6.21013 2.53627 6.35258 2.39382 6.35258 2.21808C6.35258 2.04235 6.21013 1.8999 6.0344 1.8999H4.12531Z"stroke=currentColor></path><path d="M2.69329 1.46818H7.30693C7.75127 1.46818 8.11147 1.82839 8.11147 2.27273V13.7273C8.11147 14.1716 7.75127 14.5318 7.30693 14.5318H2.69329C2.24896 14.5318 1.88875 14.1716 1.88875 13.7273V2.27273C1.88875 1.82839 2.24896 1.46818 2.69329 1.46818ZM2.69329 0.85C1.90754 0.85 1.27057 1.48698 1.27057 2.27273V2.95695C1.17568 3.00972 1.11147 3.111 1.11147 3.22727V3.54545C1.11147 3.64155 1.15532 3.7274 1.22411 3.78409C1.15532 3.84078 1.11147 3.92663 1.11147 4.02273V4.65909C1.11147 4.75519 1.15532 4.84104 1.22411 4.89773C1.15532 4.95442 1.11147 5.04027 1.11147 5.13636V6.09091C1.11147 6.20718 1.17568 6.30846 1.27057 6.36123V13.7273C1.27057 14.513 1.90754 15.15 2.69329 15.15H7.30693C8.09268 15.15 8.72966 14.513 8.72966 13.7273V6.36123C8.82454 6.30846 8.88875 6.20718 8.88875 6.09091V4.81818C8.88875 4.70191 8.82454 4.60063 8.72966 4.54786V2.27273C8.72966 1.48698 8.09268 0.85 7.30693 0.85H2.69329Z"fill=currentColor stroke=currentColor stroke-width=0.3>`);
-var Push = (props) => {
+var _tmpl$20 = /* @__PURE__ */ template(`<svg viewBox="0 0 11 11"fill=none xmlns=http://www.w3.org/2000/svg><path d="M6.8 1.49902H1.5C0.947715 1.49902 0.5 1.94674 0.5 2.49902V9.49902C0.5 10.0513 0.947715 10.499 1.5 10.499H8.5C9.05228 10.499 9.5 10.0513 9.5 9.49902V4.19902"stroke=currentColor stroke-miterlimit=1 stroke-linecap=round></path><circle cx=9.25 cy=1.74902 r=1.25 fill=currentColor>`);
+var MarkAsUnread = (props) => {
   return (() => {
     var _el$ = _tmpl$20();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$21 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M5.00051 9.28364C7.76195 9.28364 10 7.20598 10 4.64182C10 2.07766 7.76195 0 5.00051 0C2.23907 0 0.00101462 2.07766 0.00101462 4.64182C0.00101462 5.64829 0.346683 6.57889 0.932561 7.33988C0.895455 7.88663 0.709927 8.37313 0.514634 8.74358C0.407223 8.94889 0.297859 9.11404 0.21779 9.22562C0.176778 9.28141 0.145531 9.32381 0.122096 9.35282C0.110379 9.36621 0.102567 9.37737 0.096708 9.38407L0.0908493 9.39076C0.00101462 9.49342 -0.0243734 9.64517 0.0244497 9.77907C0.0732729 9.91297 0.186543 10 0.313483 10C0.873973 10 1.43837 9.80138 1.90707 9.56929C2.35429 9.34613 2.73511 9.08056 2.96751 8.88641C3.58854 9.14305 4.27597 9.28587 5.00051 9.28587V9.28364ZM1.87582 4.03481C1.87582 3.58179 2.19806 3.21357 2.5945 3.21357H2.96946C3.14132 3.21357 3.28193 3.37425 3.28193 3.57063C3.28193 3.76702 3.14132 3.92769 2.96946 3.92769H2.5945C2.54177 3.92769 2.50076 3.97679 2.50076 4.03481C2.50076 4.07052 2.51638 4.10399 2.54373 4.12408L3.11789 4.56148C3.31904 4.71323 3.43817 4.96987 3.43817 5.2466C3.43817 5.69962 3.11593 6.06784 2.71949 6.06784L2.18829 6.07007C2.01644 6.07007 1.87582 5.9094 1.87582 5.71301C1.87582 5.51663 2.01644 5.35595 2.18829 5.35595H2.71949C2.77222 5.35595 2.81323 5.30685 2.81323 5.24883C2.81323 5.21312 2.79761 5.17965 2.77026 5.15956L2.1961 4.72216C1.99691 4.56818 1.87582 4.31154 1.87582 4.03481ZM7.28153 3.21357H7.65649C7.82834 3.21357 7.96896 3.37425 7.96896 3.57063C7.96896 3.76702 7.82834 3.92769 7.65649 3.92769H7.28153C7.2288 3.92769 7.18779 3.97679 7.18779 4.03481C7.18779 4.07052 7.20341 4.10399 7.23075 4.12408L7.80491 4.56148C8.00411 4.71323 8.12519 4.96987 8.12519 5.2466C8.12519 5.69962 7.80296 6.06784 7.40651 6.06784L6.87532 6.07007C6.70346 6.07007 6.56285 5.9094 6.56285 5.71301C6.56285 5.51663 6.70346 5.35595 6.87532 5.35595H7.40651C7.45924 5.35595 7.50025 5.30685 7.50025 5.24883C7.50025 5.21312 7.48463 5.17965 7.45729 5.15956L6.88313 4.72216C6.68393 4.57041 6.56285 4.31377 6.56285 4.03705C6.56285 3.58402 6.88508 3.2158 7.28153 3.2158V3.21357ZM4.31308 3.35639L5.00051 4.40304L5.68794 3.35639C5.76801 3.23365 5.90862 3.18233 6.03751 3.23142C6.1664 3.28052 6.25038 3.41665 6.25038 3.57063V5.71301C6.25038 5.9094 6.10977 6.07007 5.93791 6.07007C5.76605 6.07007 5.62544 5.9094 5.62544 5.71301V4.64182L5.25048 5.21312C5.19189 5.30239 5.09815 5.35595 5.00051 5.35595C4.90286 5.35595 4.80912 5.30239 4.75053 5.21312L4.37557 4.64182V5.71301C4.37557 5.9094 4.23496 6.07007 4.0631 6.07007C3.89124 6.07007 3.75063 5.9094 3.75063 5.71301V3.57063C3.75063 3.41665 3.83656 3.28052 3.9635 3.23142C4.09044 3.18233 4.23105 3.23365 4.31308 3.35639Z"fill=currentColor>`);
-var Sms = (props) => {
+var _tmpl$21 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 13 12"><path fill=currentColor d="M9.787.98A5.972 5.972 0 006.5 0c-.668 0-1.31.11-1.911.31L9.187 4.94c.221.222.6.065.6-.248V.98z"></path><path fill=currentColor d="M2.879 1.216A5.99 5.99 0 00.5 6c0 1.134.315 2.195.862 3.1V7.309c0-1.966 2.379-2.946 3.764-1.552l4.995 5.027A5.99 5.99 0 0012.5 6a5.972 5.972 0 00-.862-3.1v1.791c0 1.966-2.379 2.946-3.764 1.552L2.879 1.216z"></path><path fill=currentColor d="M8.411 11.69L3.813 7.06a.351.351 0 00-.6.248v3.711c.944.62 2.073.98 3.287.98.668 0 1.31-.11 1.911-.31z">`);
+var Novu2 = (props) => {
   return (() => {
     var _el$ = _tmpl$21();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$22 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 8"fill=none xmlns=http://www.w3.org/2000/svg><path d="M1.0119 0.347055C1.06274 0.143703 1.26565 -0.000976562 1.5 -0.000976562H8.5C8.73435 -0.000976562 8.93725 0.143703 8.9881 0.347055L9.9881 4.34707C9.996 4.37871 10 4.41102 10 4.44347V7.55458C10 7.80005 9.77615 7.99902 9.5 7.99902H0.5C0.22386 7.99902 0 7.80005 0 7.55458V4.44347C0 4.41102 0.00399495 4.37871 0.011905 4.34707L1.0119 0.347055ZM1.90108 0.887912L1.12331 3.99902H3.5C3.5 4.73542 4.17155 5.33236 5 5.33236C5.82845 5.33236 6.5 4.73542 6.5 3.99902H8.8767L8.0989 0.887912H1.90108ZM7.292 4.88791C6.9062 5.67276 6.02515 6.22125 5 6.22125C3.97484 6.22125 3.0938 5.67276 2.70802 4.88791H1V7.11013H9V4.88791H7.292Z"fill=currentColor>`);
-var Unread = (props) => {
+var _tmpl$22 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 16"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.12531 1.8999C3.94958 1.8999 3.80713 2.04235 3.80713 2.21808C3.80713 2.39382 3.94958 2.53627 4.12531 2.53627H6.0344C6.21013 2.53627 6.35258 2.39382 6.35258 2.21808C6.35258 2.04235 6.21013 1.8999 6.0344 1.8999H4.12531Z"fill=currentColor></path><path d="M4.12531 1.8999C3.94958 1.8999 3.80713 2.04235 3.80713 2.21808C3.80713 2.39382 3.94958 2.53627 4.12531 2.53627H6.0344C6.21013 2.53627 6.35258 2.39382 6.35258 2.21808C6.35258 2.04235 6.21013 1.8999 6.0344 1.8999H4.12531Z"stroke=currentColor></path><path d="M2.69329 1.46818H7.30693C7.75127 1.46818 8.11147 1.82839 8.11147 2.27273V13.7273C8.11147 14.1716 7.75127 14.5318 7.30693 14.5318H2.69329C2.24896 14.5318 1.88875 14.1716 1.88875 13.7273V2.27273C1.88875 1.82839 2.24896 1.46818 2.69329 1.46818ZM2.69329 0.85C1.90754 0.85 1.27057 1.48698 1.27057 2.27273V2.95695C1.17568 3.00972 1.11147 3.111 1.11147 3.22727V3.54545C1.11147 3.64155 1.15532 3.7274 1.22411 3.78409C1.15532 3.84078 1.11147 3.92663 1.11147 4.02273V4.65909C1.11147 4.75519 1.15532 4.84104 1.22411 4.89773C1.15532 4.95442 1.11147 5.04027 1.11147 5.13636V6.09091C1.11147 6.20718 1.17568 6.30846 1.27057 6.36123V13.7273C1.27057 14.513 1.90754 15.15 2.69329 15.15H7.30693C8.09268 15.15 8.72966 14.513 8.72966 13.7273V6.36123C8.82454 6.30846 8.88875 6.20718 8.88875 6.09091V4.81818C8.88875 4.70191 8.82454 4.60063 8.72966 4.54786V2.27273C8.72966 1.48698 8.09268 0.85 7.30693 0.85H2.69329Z"fill=currentColor stroke=currentColor stroke-width=0.3>`);
+var Push = (props) => {
   return (() => {
     var _el$ = _tmpl$22();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$23 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.99992 2.91634V4.99967M4.79992 5.39616L3.27392 6.46553M1.66659 1.66634L8.33325 8.33301M9.16658 4.99967C9.16658 7.30086 7.30111 9.16634 4.99992 9.16634C2.69873 9.16634 0.833252 7.30086 0.833252 4.99967C0.833252 2.69849 2.69873 0.833008 4.99992 0.833008C7.30111 0.833008 9.16658 2.69849 9.16658 4.99967Z"stroke=currentColor stroke-linecap=round stroke-linejoin=round>`);
-var Unsnooze = (props) => {
+var _tmpl$23 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M5.00051 9.28364C7.76195 9.28364 10 7.20598 10 4.64182C10 2.07766 7.76195 0 5.00051 0C2.23907 0 0.00101462 2.07766 0.00101462 4.64182C0.00101462 5.64829 0.346683 6.57889 0.932561 7.33988C0.895455 7.88663 0.709927 8.37313 0.514634 8.74358C0.407223 8.94889 0.297859 9.11404 0.21779 9.22562C0.176778 9.28141 0.145531 9.32381 0.122096 9.35282C0.110379 9.36621 0.102567 9.37737 0.096708 9.38407L0.0908493 9.39076C0.00101462 9.49342 -0.0243734 9.64517 0.0244497 9.77907C0.0732729 9.91297 0.186543 10 0.313483 10C0.873973 10 1.43837 9.80138 1.90707 9.56929C2.35429 9.34613 2.73511 9.08056 2.96751 8.88641C3.58854 9.14305 4.27597 9.28587 5.00051 9.28587V9.28364ZM1.87582 4.03481C1.87582 3.58179 2.19806 3.21357 2.5945 3.21357H2.96946C3.14132 3.21357 3.28193 3.37425 3.28193 3.57063C3.28193 3.76702 3.14132 3.92769 2.96946 3.92769H2.5945C2.54177 3.92769 2.50076 3.97679 2.50076 4.03481C2.50076 4.07052 2.51638 4.10399 2.54373 4.12408L3.11789 4.56148C3.31904 4.71323 3.43817 4.96987 3.43817 5.2466C3.43817 5.69962 3.11593 6.06784 2.71949 6.06784L2.18829 6.07007C2.01644 6.07007 1.87582 5.9094 1.87582 5.71301C1.87582 5.51663 2.01644 5.35595 2.18829 5.35595H2.71949C2.77222 5.35595 2.81323 5.30685 2.81323 5.24883C2.81323 5.21312 2.79761 5.17965 2.77026 5.15956L2.1961 4.72216C1.99691 4.56818 1.87582 4.31154 1.87582 4.03481ZM7.28153 3.21357H7.65649C7.82834 3.21357 7.96896 3.37425 7.96896 3.57063C7.96896 3.76702 7.82834 3.92769 7.65649 3.92769H7.28153C7.2288 3.92769 7.18779 3.97679 7.18779 4.03481C7.18779 4.07052 7.20341 4.10399 7.23075 4.12408L7.80491 4.56148C8.00411 4.71323 8.12519 4.96987 8.12519 5.2466C8.12519 5.69962 7.80296 6.06784 7.40651 6.06784L6.87532 6.07007C6.70346 6.07007 6.56285 5.9094 6.56285 5.71301C6.56285 5.51663 6.70346 5.35595 6.87532 5.35595H7.40651C7.45924 5.35595 7.50025 5.30685 7.50025 5.24883C7.50025 5.21312 7.48463 5.17965 7.45729 5.15956L6.88313 4.72216C6.68393 4.57041 6.56285 4.31377 6.56285 4.03705C6.56285 3.58402 6.88508 3.2158 7.28153 3.2158V3.21357ZM4.31308 3.35639L5.00051 4.40304L5.68794 3.35639C5.76801 3.23365 5.90862 3.18233 6.03751 3.23142C6.1664 3.28052 6.25038 3.41665 6.25038 3.57063V5.71301C6.25038 5.9094 6.10977 6.07007 5.93791 6.07007C5.76605 6.07007 5.62544 5.9094 5.62544 5.71301V4.64182L5.25048 5.21312C5.19189 5.30239 5.09815 5.35595 5.00051 5.35595C4.90286 5.35595 4.80912 5.30239 4.75053 5.21312L4.37557 4.64182V5.71301C4.37557 5.9094 4.23496 6.07007 4.0631 6.07007C3.89124 6.07007 3.75063 5.9094 3.75063 5.71301V3.57063C3.75063 3.41665 3.83656 3.28052 3.9635 3.23142C4.09044 3.18233 4.23105 3.23365 4.31308 3.35639Z"fill=currentColor>`);
+var Sms = (props) => {
   return (() => {
     var _el$ = _tmpl$23();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
+var _tmpl$24 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 8"fill=none xmlns=http://www.w3.org/2000/svg><path d="M1.0119 0.347055C1.06274 0.143703 1.26565 -0.000976562 1.5 -0.000976562H8.5C8.73435 -0.000976562 8.93725 0.143703 8.9881 0.347055L9.9881 4.34707C9.996 4.37871 10 4.41102 10 4.44347V7.55458C10 7.80005 9.77615 7.99902 9.5 7.99902H0.5C0.22386 7.99902 0 7.80005 0 7.55458V4.44347C0 4.41102 0.00399495 4.37871 0.011905 4.34707L1.0119 0.347055ZM1.90108 0.887912L1.12331 3.99902H3.5C3.5 4.73542 4.17155 5.33236 5 5.33236C5.82845 5.33236 6.5 4.73542 6.5 3.99902H8.8767L8.0989 0.887912H1.90108ZM7.292 4.88791C6.9062 5.67276 6.02515 6.22125 5 6.22125C3.97484 6.22125 3.0938 5.67276 2.70802 4.88791H1V7.11013H9V4.88791H7.292Z"fill=currentColor>`);
+var Unread = (props) => {
+  return (() => {
+    var _el$ = _tmpl$24();
+    spread(_el$, props, true, true);
+    return _el$;
+  })();
+};
+var _tmpl$25 = /* @__PURE__ */ template(`<svg viewBox="0 0 10 10"fill=none xmlns=http://www.w3.org/2000/svg><path d="M4.99992 2.91634V4.99967M4.79992 5.39616L3.27392 6.46553M1.66659 1.66634L8.33325 8.33301M9.16658 4.99967C9.16658 7.30086 7.30111 9.16634 4.99992 9.16634C2.69873 9.16634 0.833252 7.30086 0.833252 4.99967C0.833252 2.69849 2.69873 0.833008 4.99992 0.833008C7.30111 0.833008 9.16658 2.69849 9.16658 4.99967Z"stroke=currentColor stroke-linecap=round stroke-linejoin=round>`);
+var Unsnooze = (props) => {
+  return (() => {
+    var _el$ = _tmpl$25();
+    spread(_el$, props, true, true);
+    return _el$;
+  })();
+};
 var IconRendererWrapper = (props) => {
   const appearance = useAppearance();
   const customRenderer = () => {
@@ -1906,10 +1979,27 @@ var IconRendererWrapper = (props) => {
     }
   });
 };
+var IconRenderer = (props) => {
+  return createComponent(IconRendererWrapper, {
+    get iconKey() {
+      return props.iconKey;
+    },
+    get ["class"]() {
+      return props.class;
+    },
+    get fallback() {
+      return createComponent(props.fallback, {
+        get ["class"]() {
+          return props.class;
+        }
+      });
+    }
+  });
+};
 
 // src/ui/components/elements/Bell/DefaultBellContainer.tsx
-var _tmpl$24 = /* @__PURE__ */ template(`<span>`);
-var _tmpl$25 = /* @__PURE__ */ template(`<span><div>`);
+var _tmpl$26 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$27 = /* @__PURE__ */ template(`<span><div>`);
 var SEVERITY_GLOW_KEYS = {
   ["none" /* NONE */]: "bellSeverityGlow",
   ["high" /* HIGH */]: "severityGlowHigh__bellSeverityGlow",
@@ -1936,7 +2026,7 @@ var BellContainer = (props) => {
   });
   const unreadCount = createMemo(() => props.unreadCount);
   return (() => {
-    var _el$ = _tmpl$25(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$27(), _el$2 = _el$.firstChild;
     insert(_el$, createComponent(IconRendererWrapper, {
       iconKey: "bell",
       get ["class"]() {
@@ -1967,7 +2057,7 @@ var BellContainer = (props) => {
         return props.unreadCount.total > 0;
       },
       get children() {
-        var _el$3 = _tmpl$24();
+        var _el$3 = _tmpl$26();
         effect(() => className(_el$3, style({
           key: "bellDot",
           className: "nt-absolute nt-top-0 nt-right-0 nt-block nt-size-2 nt-transform nt-bg-counter nt-rounded-full nt-border nt-border-background",
@@ -2035,10 +2125,10 @@ var Bell2 = (props) => {
     }
   });
 };
-var _tmpl$26 = /* @__PURE__ */ template(`<svg width=6 height=6 viewBox="0 0 6 6"fill=none xmlns=http://www.w3.org/2000/svg><path d="M5.00175 1.70402L0.705765 6L0 5.29424L4.29548 0.998253H0.509608V0H6V5.49039H5.00175V1.70402Z"fill=currentColor>`);
+var _tmpl$28 = /* @__PURE__ */ template(`<svg width=6 height=6 viewBox="0 0 6 6"fill=none xmlns=http://www.w3.org/2000/svg><path d="M5.00175 1.70402L0.705765 6L0 5.29424L4.29548 0.998253H0.509608V0H6V5.49039H5.00175V1.70402Z"fill=currentColor>`);
 var ArrowUpRight = (props) => {
   return (() => {
-    var _el$ = _tmpl$26();
+    var _el$ = _tmpl$28();
     spread(_el$, props, true, true);
     return _el$;
   })();
@@ -2076,9 +2166,20 @@ function TooltipRoot(props) {
     placement: props.placement || "top",
     strategy: "fixed",
     whileElementsMounted: autoUpdate,
-    middleware: [offset(10), flip({
-      fallbackPlacements: props.fallbackPlacements || ["bottom"]
-    }), shift()]
+    middleware: [
+      offset(10),
+      flip({
+        fallbackPlacements: props.fallbackPlacements || ["bottom"]
+      }),
+      // Configure shift to prevent layout overflow and UI shifts
+      shift({
+        padding: 8,
+        crossAxis: false,
+        // Prevent horizontal shifting that causes layout gaps
+        mainAxis: true
+        // Allow vertical shifting only
+      })
+    ]
   });
   const [uncontrolledOpen, setUncontrolledOpen] = createSignal((_a = props.open) != null ? _a : false);
   const openAccessor = createMemo(() => {
@@ -2248,7 +2349,7 @@ function mergeRefs(...refs) {
 }
 
 // src/ui/components/primitives/Tooltip/TooltipTrigger.tsx
-var _tmpl$27 = /* @__PURE__ */ template(`<button>`);
+var _tmpl$29 = /* @__PURE__ */ template(`<button>`);
 var TooltipTrigger = (props) => {
   const {
     setReference,
@@ -2283,7 +2384,7 @@ var TooltipTrigger = (props) => {
     }, rest));
   }
   return (() => {
-    var _el$ = _tmpl$27();
+    var _el$ = _tmpl$29();
     _el$.addEventListener("mouseleave", () => {
       setOpen(false);
     });
@@ -2318,7 +2419,7 @@ var Tooltip = {
 };
 
 // src/ui/components/primitives/CopyToClipboard.tsx
-var _tmpl$28 = /* @__PURE__ */ template(`<button type=button>`);
+var _tmpl$30 = /* @__PURE__ */ template(`<button type=button>`);
 function CopyToClipboard(props) {
   const [isCopied, setIsCopied] = createSignal(false);
   const style = useStyle();
@@ -2352,7 +2453,7 @@ function CopyToClipboard(props) {
     get children() {
       return [createComponent(Tooltip.Trigger, {
         asChild: (triggerProps) => (() => {
-          var _el$ = _tmpl$28();
+          var _el$ = _tmpl$30();
           spread(_el$, mergeProps(triggerProps, {
             "onClick": handleCopy,
             get ["class"]() {
@@ -2376,7 +2477,7 @@ function CopyToClipboard(props) {
 }
 
 // src/ui/components/elements/Footer.tsx
-var _tmpl$29 = /* @__PURE__ */ template(`<span class="nt-z-10 nt-text-xs nt-text-stripes">`);
+var _tmpl$31 = /* @__PURE__ */ template(`<span class="nt-z-10 nt-text-xs nt-text-stripes">`);
 var _tmpl$210 = /* @__PURE__ */ template(`<span class="nt-z-10 nt-text-xs">\u2022`);
 var _tmpl$32 = /* @__PURE__ */ template(`<a target=_blank class="nt-z-10 nt-flex nt-items-center nt-gap-1 nt-justify-center"><span class=nt-text-xs>Inbox by</span><span class=nt-text-xs>Novu`);
 var _tmpl$42 = /* @__PURE__ */ template(`<span class=nt-underline>Copy cURL`);
@@ -2416,7 +2517,7 @@ var Footer = () => {
           return isDevelopmentMode();
         },
         get children() {
-          var _el$3 = _tmpl$29();
+          var _el$3 = _tmpl$31();
           insert(_el$3, (() => {
             var _c$ = memo(() => !!isKeyless());
             return () => _c$() ? createComponent(Tooltip.Root, {
@@ -2463,7 +2564,7 @@ var Footer = () => {
           return isKeyless();
         },
         get children() {
-          var _el$8 = _tmpl$52(), _el$9 = _el$8.firstChild; _el$9.firstChild; var _el$11 = _el$9.nextSibling, _el$13 = _el$11.nextSibling, _el$14 = _el$13.nextSibling;
+          var _el$8 = _tmpl$52(), _el$9 = _el$8.firstChild; _el$9.firstChild; var _el$1 = _el$9.nextSibling, _el$11 = _el$1.nextSibling, _el$12 = _el$11.nextSibling;
           insert(_el$9, createComponent(ArrowUpRight, {
             "class": "nt-ml-1"
           }), null);
@@ -2474,8 +2575,8 @@ var Footer = () => {
             get children() {
               return _tmpl$42();
             }
-          }), _el$13);
-          _el$14.$$click = (e) => {
+          }), _el$11);
+          _el$12.$$click = (e) => {
             e.preventDefault();
             handleTriggerHelloWorld();
           };
@@ -2517,7 +2618,7 @@ function getCurlCommand() {
   }'`;
 }
 delegateEvents(["click"]);
-var _tmpl$30 = /* @__PURE__ */ template(`<button>`);
+var _tmpl$33 = /* @__PURE__ */ template(`<button>`);
 var buttonVariants = cva(cn('nt-inline-flex nt-gap-4 nt-items-center nt-justify-center nt-whitespace-nowrap nt-text-sm nt-font-medium nt-transition-colors disabled:nt-pointer-events-none disabled:nt-opacity-50 after:nt-absolute after:nt-content-[""] before:nt-content-[""] before:nt-absolute [&_svg]:nt-pointer-events-none [&_svg]:nt-shrink-0', `focus-visible:nt-outline-none focus-visible:nt-ring-2 focus-visible:nt-rounded-md focus-visible:nt-ring-ring focus-visible:nt-ring-offset-2`), {
   variants: {
     variant: {
@@ -2544,7 +2645,7 @@ var Button = (props) => {
   const [local, rest] = splitProps(props, ["class", "appearanceKey", "context"]);
   const style = useStyle();
   return (() => {
-    var _el$ = _tmpl$30();
+    var _el$ = _tmpl$33();
     spread(_el$, mergeProps({
       get ["data-variant"]() {
         return props.variant;
@@ -2566,8 +2667,51 @@ var Button = (props) => {
     return _el$;
   })();
 };
-var _tmpl$31 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$211 = /* @__PURE__ */ template(`<div><span>`);
+var _tmpl$34 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class=size-4><path d="M5 12l5 5l10 -10">`);
+var _tmpl$211 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class=size-4><path d="M5 12l14 0">`);
+var Checkbox = (props) => {
+  const [local, others] = splitProps(props, ["class"]);
+  return createComponent(CheckboxPrimitive.Root, mergeProps({
+    get ["class"]() {
+      return cn("nt-items-top nt-group nt-relative nt-flex", local.class);
+    }
+  }, others, {
+    get children() {
+      return [createComponent(CheckboxPrimitive.Input, {
+        "class": "nt-peer"
+      }), createComponent(CheckboxPrimitive.Control, {
+        "class": "nt-size-4 nt-shrink-0 nt-rounded-sm nt-border nt-border-primary nt-ring-offset-background data-[disabled]:nt-cursor-not-allowed data-[disabled]:nt-opacity-50 peer-focus-visible:nt-outline-none peer-focus-visible:nt-ring-2 peer-focus-visible:ntring-ring peer-focus-visible:nt-ring-offset-2 data-[checked]:nt-border-none data-[indeterminate]:nt-border-none data-[checked]:nt-bg-primary data-[indeterminate]:nt-bg-primary data-[checked]:nt-text-primary-foreground data-[indeterminate]:nt-text-primary-foreground",
+        get children() {
+          return createComponent(CheckboxPrimitive.Indicator, {
+            get children() {
+              return createComponent(Switch, {
+                get children() {
+                  return [createComponent(Match, {
+                    get when() {
+                      return !others.indeterminate;
+                    },
+                    get children() {
+                      return _tmpl$34();
+                    }
+                  }), createComponent(Match, {
+                    get when() {
+                      return others.indeterminate;
+                    },
+                    get children() {
+                      return _tmpl$211();
+                    }
+                  })];
+                }
+              });
+            }
+          });
+        }
+      })];
+    }
+  }));
+};
+var _tmpl$35 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$212 = /* @__PURE__ */ template(`<div><span>`);
 var DatePickerContext = createContext({
   currentDate: () => /* @__PURE__ */ new Date(),
   setCurrentDate: () => {
@@ -2606,7 +2750,7 @@ var DatePicker = (props) => {
       maxDays: () => props.maxDays
     },
     get children() {
-      var _el$ = _tmpl$31();
+      var _el$ = _tmpl$35();
       spread(_el$, mergeProps({
         get ["class"]() {
           return style({
@@ -2675,7 +2819,7 @@ var DatePickerHeader = (props) => {
     return view.getFullYear() === maxDate.getFullYear() && view.getMonth() === maxDate.getMonth();
   };
   return (() => {
-    var _el$2 = _tmpl$211(), _el$3 = _el$2.firstChild;
+    var _el$2 = _tmpl$212(), _el$3 = _el$2.firstChild;
     spread(_el$2, mergeProps({
       get ["class"]() {
         return style({
@@ -2837,7 +2981,7 @@ var DatePickerCalendar = (props) => {
     return days;
   };
   return (() => {
-    var _el$8 = _tmpl$31();
+    var _el$8 = _tmpl$35();
     _el$8.$$click = (e) => e.stopPropagation();
     spread(_el$8, mergeProps({
       get ["class"]() {
@@ -2856,7 +3000,7 @@ var DatePickerCalendar = (props) => {
   })();
 };
 delegateEvents(["click"]);
-var _tmpl$33 = /* @__PURE__ */ template(`<button>`);
+var _tmpl$36 = /* @__PURE__ */ template(`<button>`);
 var PopoverClose = (props) => {
   const {
     onClose
@@ -2878,7 +3022,7 @@ var PopoverClose = (props) => {
     }, rest));
   }
   return (() => {
-    var _el$ = _tmpl$33();
+    var _el$ = _tmpl$36();
     _el$.$$click = handleClick;
     spread(_el$, mergeProps({
       get ["class"]() {
@@ -2892,12 +3036,12 @@ var PopoverClose = (props) => {
   })();
 };
 delegateEvents(["click"]);
-var _tmpl$34 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$37 = /* @__PURE__ */ template(`<div>`);
 var Portal2 = (props) => {
   const appearance = useAppearance();
   let currentElement;
   return [(() => {
-    var _el$ = _tmpl$34();
+    var _el$ = _tmpl$37();
     use((el) => {
       currentElement = el;
     }, _el$);
@@ -2923,10 +3067,6 @@ var PopoverContext = createContext(void 0);
 function PopoverRoot(props) {
   var _a;
   const [uncontrolledIsOpen, setUncontrolledIsOpen] = createSignal((_a = props.open) != null ? _a : false);
-  const onOpenChange = () => {
-    var _a2;
-    return (_a2 = props.onOpenChange) != null ? _a2 : setUncontrolledIsOpen;
-  };
   const open = () => {
     var _a2;
     return (_a2 = props.open) != null ? _a2 : uncontrolledIsOpen();
@@ -2937,9 +3077,20 @@ function PopoverRoot(props) {
     strategy: "absolute",
     placement: props.placement,
     whileElementsMounted: autoUpdate,
-    middleware: [offset(10), flip({
-      fallbackPlacements: props.fallbackPlacements
-    }), shift()]
+    middleware: [
+      offset(10),
+      flip({
+        fallbackPlacements: props.fallbackPlacements
+      }),
+      // Configure shift to prevent layout overflow and UI shifts
+      shift({
+        padding: 8,
+        crossAxis: false,
+        // Prevent horizontal shifting that causes layout gaps
+        mainAxis: true
+        // Allow vertical shifting only
+      })
+    ]
   });
   const floatingStyles = createMemo(() => {
     var _a2, _b;
@@ -2950,10 +3101,18 @@ function PopoverRoot(props) {
     };
   });
   const onClose = () => {
-    onOpenChange()(false);
+    if (props.onOpenChange) {
+      props.onOpenChange(false);
+      return;
+    }
+    setUncontrolledIsOpen(false);
   };
   const onToggle = () => {
-    onOpenChange()((prev) => !prev);
+    if (props.onOpenChange) {
+      props.onOpenChange(!props.open);
+      return;
+    }
+    setUncontrolledIsOpen((prev) => !prev);
   };
   return createComponent(PopoverContext.Provider, {
     value: {
@@ -2980,7 +3139,7 @@ function usePopover() {
 }
 
 // src/ui/components/primitives/Popover/PopoverContent.tsx
-var _tmpl$35 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$38 = /* @__PURE__ */ template(`<div>`);
 var popoverContentVariants = () => cn("nt-w-[400px] nt-h-[600px] nt-rounded-xl nt-bg-background", "nt-shadow-popover nt-animate-in nt-slide-in-from-top-2 nt-fade-in nt-cursor-default nt-flex nt-flex-col nt-overflow-hidden nt-border nt-border-border nt-z-10");
 var PopoverContentBody = (props) => {
   const {
@@ -3003,7 +3162,7 @@ var PopoverContentBody = (props) => {
     });
   });
   return (() => {
-    var _el$ = _tmpl$35();
+    var _el$ = _tmpl$38();
     use(setFloating, _el$);
     spread(_el$, mergeProps({
       get ["class"]() {
@@ -3079,7 +3238,7 @@ var PopoverContent = (props) => {
     }
   });
 };
-var _tmpl$36 = /* @__PURE__ */ template(`<button>`);
+var _tmpl$39 = /* @__PURE__ */ template(`<button>`);
 var PopoverTrigger = (props) => {
   const {
     setReference,
@@ -3107,7 +3266,7 @@ var PopoverTrigger = (props) => {
     }, rest));
   }
   return (() => {
-    var _el$ = _tmpl$36();
+    var _el$ = _tmpl$39();
     _el$.$$click = handleClick;
     var _ref$2 = ref();
     typeof _ref$2 === "function" && use(_ref$2, _el$);
@@ -3287,7 +3446,7 @@ var useKeyboardNavigation = ({
 };
 
 // src/ui/components/primitives/Tabs/TabsRoot.tsx
-var _tmpl$37 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$40 = /* @__PURE__ */ template(`<div>`);
 var TabsContext = createContext(void 0);
 var useTabsContext = () => {
   const context = useContext(TabsContext);
@@ -3326,7 +3485,7 @@ var TabsRoot = (props) => {
       setVisibleTabs
     },
     get children() {
-      var _el$ = _tmpl$37();
+      var _el$ = _tmpl$40();
       use(setTabsContainer, _el$);
       spread(_el$, mergeProps({
         get ["class"]() {
@@ -3343,7 +3502,7 @@ var TabsRoot = (props) => {
 };
 
 // src/ui/components/primitives/Tabs/TabsContent.tsx
-var _tmpl$38 = /* @__PURE__ */ template(`<div role=tabpanel>`);
+var _tmpl$41 = /* @__PURE__ */ template(`<div role=tabpanel>`);
 var TabsContent = (props) => {
   const [local, rest] = splitProps(props, ["value", "class", "appearanceKey", "children"]);
   const style = useStyle();
@@ -3355,7 +3514,7 @@ var TabsContent = (props) => {
       return activeTab() === local.value;
     },
     get children() {
-      var _el$ = _tmpl$38();
+      var _el$ = _tmpl$41();
       spread(_el$, mergeProps({
         get ["class"]() {
           return style({
@@ -3378,14 +3537,14 @@ var TabsContent = (props) => {
     }
   });
 };
-var _tmpl$39 = /* @__PURE__ */ template(`<div role=tablist>`);
-var _tmpl$212 = /* @__PURE__ */ template(`<div class="nt-relative nt-z-[-1]">`);
+var _tmpl$43 = /* @__PURE__ */ template(`<div role=tablist>`);
+var _tmpl$213 = /* @__PURE__ */ template(`<div class="nt-relative nt-z-[-1]">`);
 var tabsListVariants = () => "nt-flex nt-gap-6";
 var TabsList = (props) => {
   const [local, rest] = splitProps(props, ["class", "appearanceKey", "ref", "children"]);
   const style = useStyle();
   return [(() => {
-    var _el$ = _tmpl$39();
+    var _el$ = _tmpl$43();
     var _ref$ = local.ref;
     typeof _ref$ === "function" ? use(_ref$, _el$) : local.ref = _el$;
     spread(_el$, mergeProps({
@@ -3398,7 +3557,7 @@ var TabsList = (props) => {
     }, rest), false, true);
     insert(_el$, () => local.children);
     return _el$;
-  })(), _tmpl$212()];
+  })(), _tmpl$213()];
 };
 var tabsTriggerVariants = () => cn("nt-relative nt-transition nt-outline-none nt-text-foreground-alpha-600 nt-pb-[0.625rem]", `after:nt-absolute after:nt-content-[''] after:nt-bottom-0 after:nt-left-0 after:nt-w-full after:nt-h-[2px]`, "after:nt-transition-opacity after:nt-duration-200", "data-[state=active]:after:nt-border-b-2 data-[state=active]:after:nt-border-primary data-[state=active]:after:nt-opacity-100", "data-[state=active]:nt-text-foreground after:nt-border-b-transparent after:nt-opacity-0", "focus-visible:nt-outline-none focus-visible:nt-rounded-lg focus-visible:nt-ring-2 focus-visible:nt-ring-ring focus-visible:nt-ring-offset-2");
 var TabsTrigger = (props) => {
@@ -3458,6 +3617,172 @@ var Tabs = {
   Trigger: TabsTrigger,
   Content: TabsContent
 };
+var _tmpl$44 = /* @__PURE__ */ template(`<input>`);
+var inputVariants = cva(cn(`focus-visible:nt-outline-none focus-visible:nt-ring-2 focus-visible:nt-rounded-md focus-visible:nt-ring-ring focus-visible:nt-ring-offset-2`), {
+  variants: {
+    variant: {
+      default: "nt-border nt-border-neutral-200 nt-rounded-md nt-p-1 nt-bg-background"
+    },
+    size: {
+      default: "nt-h-9",
+      sm: "nt-h-8 nt-text-sm",
+      xs: "nt-h-7 nt-text-xs"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var Input2 = (props) => {
+  const [local, rest] = splitProps(props, ["class", "appearanceKey"]);
+  const style = useStyle();
+  return (() => {
+    var _el$ = _tmpl$44();
+    spread(_el$, mergeProps({
+      get ["data-variant"]() {
+        return props.variant;
+      },
+      get ["data-size"]() {
+        return props.size;
+      },
+      get ["class"]() {
+        return style({
+          key: local.appearanceKey || "input",
+          className: cn(inputVariants({
+            variant: props.variant,
+            size: props.size
+          }), local.class)
+        });
+      }
+    }, rest), false, false);
+    return _el$;
+  })();
+};
+
+// src/ui/components/primitives/TimeSelect.tsx
+var _tmpl$45 = /* @__PURE__ */ template(`<span class=nt-text-sm>`);
+var _tmpl$214 = /* @__PURE__ */ template(`<span><span>`);
+var _tmpl$310 = /* @__PURE__ */ template(`<span>`);
+var hours = Array.from({
+  length: 48
+}, (_, i) => {
+  const hour = Math.floor(i / 2);
+  const minute = i % 2 === 0 ? "00" : "30";
+  const period = hour < 12 ? "AM" : "PM";
+  const displayHour = hour === 0 ? 12 : hour > 12 ? hour - 12 : hour;
+  const formattedHour = displayHour.toString().padStart(2, "0");
+  return `${formattedHour}:${minute} ${period}`;
+});
+var TimeSelectItem = (props) => {
+  const style = useStyle();
+  return createComponent(Dropdown.Item, {
+    get ["class"]() {
+      return style({
+        key: "timeSelect__dropdownItem",
+        className: cn(dropdownItemVariants(), "nt-flex nt-gap-2 nt-justify-between")
+      });
+    },
+    get onClick() {
+      return props.onClick;
+    },
+    get children() {
+      return [(() => {
+        var _el$ = _tmpl$45();
+        insert(_el$, () => props.hour);
+        return _el$;
+      })(), createComponent(Show, {
+        get when() {
+          return props.isSelected;
+        },
+        get children() {
+          return createComponent(IconRenderer, {
+            iconKey: "check",
+            get ["class"]() {
+              return style({
+                key: "timeSelect__dropdownItemCheck__icon",
+                className: "nt-size-2.5 -nt-mt-[2px]",
+                iconKey: "check"
+              });
+            },
+            fallback: Check
+          });
+        }
+      })];
+    }
+  });
+};
+var TimeSelect = (props) => {
+  const style = useStyle();
+  const time = createMemo(() => {
+    var _a;
+    return (_a = props.value) == null ? void 0 : _a.split(" ")[0];
+  });
+  const amPm = createMemo(() => {
+    var _a;
+    if (!time()) return "";
+    return ((_a = props.value) == null ? void 0 : _a.split(" ")[1]) === "PM" ? "PM" : "AM";
+  });
+  return createComponent(Dropdown.Root, {
+    get children() {
+      return [createComponent(Dropdown.Trigger, {
+        get disabled() {
+          return props.disabled;
+        },
+        get ["class"]() {
+          return style({
+            key: "timeSelect__dropdownTrigger",
+            className: "nt-w-full"
+          });
+        },
+        get children() {
+          var _el$2 = _tmpl$214(), _el$3 = _el$2.firstChild;
+          insert(_el$3, () => {
+            var _a;
+            return (_a = time()) != null ? _a : "-";
+          });
+          insert(_el$2, (() => {
+            var _c$ = memo(() => !!amPm());
+            return () => _c$() && (() => {
+              var _el$4 = _tmpl$310();
+              insert(_el$4, amPm);
+              return _el$4;
+            })();
+          })(), null);
+          effect(() => className(_el$2, style({
+            key: "timeSelect__time",
+            className: cn(inputVariants({
+              size: "xs",
+              variant: "default"
+            }), "nt-min-w-[74px] nt-flex nt-px-2 nt-py-1.5 nt-items-center nt-justify-between nt-w-full nt-text-sm", {
+              "nt-justify-center nt-text-neutral-alpha-500": props.disabled || !time()
+            })
+          })));
+          return _el$2;
+        }
+      }), createComponent(Dropdown.Content, {
+        portal: true,
+        appearanceKey: "timeSelect__dropdownContent",
+        "class": "-nt-mt-2 nt-rounded-md nt-min-w-[120px] nt-max-w-[120px] nt-max-h-[160px] nt-overflow-y-auto",
+        get children() {
+          return createComponent(For, {
+            each: hours,
+            children: (hour) => createComponent(TimeSelectItem, {
+              hour,
+              get isSelected() {
+                return props.value === hour;
+              },
+              onClick: () => {
+                var _a;
+                return (_a = props.onChange) == null ? void 0 : _a.call(props, hour);
+              }
+            })
+          });
+        }
+      })];
+    }
+  });
+};
 
 // src/ui/components/elements/InboxStatus/constants.ts
 var notificationStatusOptionsLocalizationKeys = {
@@ -3472,8 +3797,8 @@ var inboxFilterLocalizationKeys = {
   archived: "inbox.filters.labels.archived",
   snoozed: "inbox.filters.labels.snoozed"
 };
-var _tmpl$40 = /* @__PURE__ */ template(`<span><span>`);
-var _tmpl$213 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$46 = /* @__PURE__ */ template(`<span><span>`);
+var _tmpl$215 = /* @__PURE__ */ template(`<span>`);
 var cases = [{
   status: "unreadRead" /* UNREAD_READ */,
   iconKey: "unread",
@@ -3548,7 +3873,7 @@ var StatusItem = (props) => {
     },
     get children() {
       return [(() => {
-        var _el$ = _tmpl$40(), _el$2 = _el$.firstChild;
+        var _el$ = _tmpl$46(), _el$2 = _el$.firstChild;
         insert(_el$, createComponent(IconRendererWrapper, {
           get iconKey() {
             return props.iconKey;
@@ -3556,7 +3881,7 @@ var StatusItem = (props) => {
           "class": itemIconClass,
           get fallback() {
             return (() => {
-              var _el$3 = _tmpl$213();
+              var _el$3 = _tmpl$215();
               className(_el$3, itemIconClass);
               insert(_el$3, () => props.icon());
               return _el$3;
@@ -3603,7 +3928,7 @@ var StatusItem = (props) => {
 };
 
 // src/ui/components/elements/InboxStatus/InboxStatusDropdown.tsx
-var _tmpl$41 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$47 = /* @__PURE__ */ template(`<span>`);
 var StatusDropdown = () => {
   const style = useStyle();
   const {
@@ -3636,7 +3961,7 @@ var StatusDropdown = () => {
         }, triggerProps, {
           get children() {
             return [(() => {
-              var _el$ = _tmpl$41();
+              var _el$ = _tmpl$47();
               insert(_el$, () => t(inboxFilterLocalizationKeys[status()]));
               effect((_p$) => {
                 var _v$ = inboxFilterLocalizationKeys[status()], _v$2 = style({
@@ -3797,7 +4122,7 @@ var useReadAll = (props) => {
 };
 
 // src/ui/components/elements/Header/MoreActionsOptions.tsx
-var _tmpl$43 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$48 = /* @__PURE__ */ template(`<span>`);
 var iconKeyToComponentMap = {
   markAsRead: MarkAsRead,
   markAsArchived: MarkAsArchived,
@@ -3872,7 +4197,7 @@ var ActionsItem = (props) => {
           });
         }
       }), (() => {
-        var _el$ = _tmpl$43();
+        var _el$ = _tmpl$48();
         insert(_el$, () => t(props.localizationKey));
         effect((_p$) => {
           var _v$ = props.localizationKey, _v$2 = style({
@@ -3945,7 +4270,7 @@ var MoreActionsDropdown = () => {
 };
 
 // src/ui/components/elements/Header/ActionsContainer.tsx
-var _tmpl$44 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$49 = /* @__PURE__ */ template(`<div>`);
 var ActionsContainer = (props) => {
   const style = useStyle();
   const cogsIconClass = style({
@@ -3954,7 +4279,7 @@ var ActionsContainer = (props) => {
     iconKey: "cogs"
   });
   return (() => {
-    var _el$ = _tmpl$44();
+    var _el$ = _tmpl$49();
     insert(_el$, createComponent(MoreActionsDropdown, {}), null);
     insert(_el$, createComponent(Show, {
       get when() {
@@ -3989,11 +4314,11 @@ var ActionsContainer = (props) => {
 };
 
 // src/ui/components/elements/Header/Header.tsx
-var _tmpl$45 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$50 = /* @__PURE__ */ template(`<div>`);
 var Header = (props) => {
   const style = useStyle();
   return (() => {
-    var _el$ = _tmpl$45();
+    var _el$ = _tmpl$50();
     insert(_el$, createComponent(StatusDropdown, {}), null);
     insert(_el$, createComponent(ActionsContainer, {
       get showPreferences() {
@@ -4007,12 +4332,12 @@ var Header = (props) => {
     return _el$;
   })();
 };
-var _tmpl$46 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$214 = /* @__PURE__ */ template(`<div><div></div><div>`);
+var _tmpl$51 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$216 = /* @__PURE__ */ template(`<div><div></div><div>`);
 var SkeletonText = (props) => {
   const style = useStyle();
   return (() => {
-    var _el$ = _tmpl$46();
+    var _el$ = _tmpl$51();
     effect(() => className(_el$, style({
       key: props.appearanceKey,
       className: cn("nt-w-full nt-h-3 nt-rounded nt-bg-gradient-to-r nt-from-foreground-alpha-50 nt-to-transparent", props.class)
@@ -4023,7 +4348,7 @@ var SkeletonText = (props) => {
 var SkeletonAvatar = (props) => {
   const style = useStyle();
   return (() => {
-    var _el$2 = _tmpl$46();
+    var _el$2 = _tmpl$51();
     effect(() => className(_el$2, style({
       key: props.appearanceKey,
       className: cn("nt-size-8 nt-rounded-lg nt-bg-gradient-to-r nt-from-foreground-alpha-50 nt-to-transparent", props.class)
@@ -4034,7 +4359,7 @@ var SkeletonAvatar = (props) => {
 var SkeletonSwitch = (props) => {
   const style = useStyle();
   return (() => {
-    var _el$3 = _tmpl$214(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+    var _el$3 = _tmpl$216(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
     effect((_p$) => {
       var _v$ = style({
         key: props.appearanceKey,
@@ -4060,7 +4385,7 @@ var SkeletonSwitch = (props) => {
 };
 
 // src/ui/components/elements/Preferences/PreferencesListSkeleton.tsx
-var _tmpl$47 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$53 = /* @__PURE__ */ template(`<div>`);
 var channelIcons = [InApp, Email, Sms, Push, Chat];
 var PreferencesListSkeleton = (props) => {
   const style = useStyle();
@@ -4068,7 +4393,7 @@ var PreferencesListSkeleton = (props) => {
     t
   } = useLocalization();
   return (() => {
-    var _el$ = _tmpl$47();
+    var _el$ = _tmpl$53();
     insert(_el$, createComponent(Motion.div, {
       get animate() {
         return {
@@ -4119,7 +4444,7 @@ var PreferencesListSkeleton = (props) => {
                   });
                 }
               }), (() => {
-                var _el$3 = _tmpl$47();
+                var _el$3 = _tmpl$53();
                 insert(_el$3, createComponent(SkeletonText, {
                   appearanceKey: "notificationList__skeletonText",
                   "class": "nt-h-2 nt-w-1/3 nt-bg-neutral-alpha-50 nt-rounded"
@@ -4140,7 +4465,7 @@ var PreferencesListSkeleton = (props) => {
             }
           });
         })), (() => {
-          var _el$2 = _tmpl$47();
+          var _el$2 = _tmpl$53();
           effect(() => className(_el$2, style({
             key: "notificationListEmptyNoticeOverlay",
             className: "nt-absolute nt-size-full nt-z-10 nt-inset-0 nt-bg-gradient-to-b nt-from-transparent nt-to-background"
@@ -4192,15 +4517,15 @@ var PreferencesListSkeleton = (props) => {
     return _el$;
   })();
 };
-var _tmpl$48 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 14 14"><path fill=currentColor d="M2.8 8.575V5.162a2.362 2.362 0 1 1 4.725 0v3.675a1.313 1.313 0 1 0 2.625 0V5.335a1.575 1.575 0 1 1 1.05 0v3.502a2.362 2.362 0 1 1-4.725 0V5.162a1.312 1.312 0 1 0-2.625 0v3.413h1.575l-2.1 2.625-2.1-2.625H2.8Z"></path><path fill=url(#a) d="M2.8 8.575V5.162a2.362 2.362 0 1 1 4.725 0v3.675a1.313 1.313 0 1 0 2.625 0V5.335a1.575 1.575 0 1 1 1.05 0v3.502a2.362 2.362 0 1 1-4.725 0V5.162a1.312 1.312 0 1 0-2.625 0v3.413h1.575l-2.1 2.625-2.1-2.625H2.8Z"></path><defs><linearGradient id=a x1=1.225 x2=12.251 y1=6.722 y2=6.779 gradientUnits=userSpaceOnUse><stop stop-color=currentColor></stop><stop offset=1 stop-color=currentColor>`);
+var _tmpl$54 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 14 14"><path fill=currentColor d="M2.8 8.575V5.162a2.362 2.362 0 1 1 4.725 0v3.675a1.313 1.313 0 1 0 2.625 0V5.335a1.575 1.575 0 1 1 1.05 0v3.502a2.362 2.362 0 1 1-4.725 0V5.162a1.312 1.312 0 1 0-2.625 0v3.413h1.575l-2.1 2.625-2.1-2.625H2.8Z"></path><path fill=url(#a) d="M2.8 8.575V5.162a2.362 2.362 0 1 1 4.725 0v3.675a1.313 1.313 0 1 0 2.625 0V5.335a1.575 1.575 0 1 1 1.05 0v3.502a2.362 2.362 0 1 1-4.725 0V5.162a1.312 1.312 0 1 0-2.625 0v3.413h1.575l-2.1 2.625-2.1-2.625H2.8Z"></path><defs><linearGradient id=a x1=1.225 x2=12.251 y1=6.722 y2=6.779 gradientUnits=userSpaceOnUse><stop stop-color=currentColor></stop><stop offset=1 stop-color=currentColor>`);
 var RouteFill = (props) => {
   return (() => {
-    var _el$ = _tmpl$48();
+    var _el$ = _tmpl$54();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$49 = /* @__PURE__ */ template(`<div><div>`);
+var _tmpl$55 = /* @__PURE__ */ template(`<div><div>`);
 var isInterpolateSizeSupported = () => {
   return CSS.supports("interpolate-size", "allow-keywords");
 };
@@ -4233,7 +4558,7 @@ var Collapsible = (props) => {
     return props.open ? `${scrollHeight()}px` : "0px";
   };
   return (() => {
-    var _el$ = _tmpl$49(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$55(), _el$2 = _el$.firstChild;
     spread(_el$, mergeProps({
       get ["class"]() {
         return style({
@@ -4256,8 +4581,8 @@ var Collapsible = (props) => {
     return _el$;
   })();
 };
-var _tmpl$50 = /* @__PURE__ */ template(`<label><input type=checkbox class=nt-sr-only><div>`);
-var Switch = (props) => {
+var _tmpl$56 = /* @__PURE__ */ template(`<label><input type=checkbox class=nt-sr-only><div>`);
+var Switch2 = (props) => {
   const style = useStyle();
   const handleChange = () => {
     var _a;
@@ -4282,7 +4607,7 @@ var Switch = (props) => {
   const state = () => props.state;
   const disabled = () => props.disabled;
   return (() => {
-    var _el$ = _tmpl$50(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    var _el$ = _tmpl$56(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
     _el$2.addEventListener("change", handleChange);
     effect((_p$) => {
       var _v$ = style({
@@ -4314,7 +4639,7 @@ var Switch = (props) => {
 };
 
 // src/ui/components/elements/Preferences/ChannelRow.tsx
-var _tmpl$51 = /* @__PURE__ */ template(`<div><div><div></div><span></span></div><div>`);
+var _tmpl$57 = /* @__PURE__ */ template(`<div><div><div></div><span></span></div><div>`);
 var ChannelRow = (props) => {
   const style = useStyle();
   const updatePreference = (enabled) => __async(void 0, null, function* () {
@@ -4328,7 +4653,7 @@ var ChannelRow = (props) => {
   const state = () => props.channel.state;
   const channel = () => props.channel.channel;
   return (() => {
-    var _el$ = _tmpl$51(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling;
+    var _el$ = _tmpl$57(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling;
     insert(_el$3, createComponent(ChannelIcon, {
       appearanceKey: "channel__icon",
       get channel() {
@@ -4343,7 +4668,7 @@ var ChannelRow = (props) => {
       }
     }));
     insert(_el$4, () => getLabel(channel()));
-    insert(_el$5, createComponent(Switch, {
+    insert(_el$5, createComponent(Switch2, {
       get state() {
         return state();
       },
@@ -4531,9 +4856,9 @@ var getLabel = (channel) => {
 };
 
 // src/ui/components/elements/Preferences/PreferencesRow.tsx
-var _tmpl$53 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$215 = /* @__PURE__ */ template(`<div><div><div><div><span></span></div></div><span>`);
-var _tmpl$310 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$58 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$217 = /* @__PURE__ */ template(`<div><div><div><div><span></span></div></div><span>`);
+var _tmpl$311 = /* @__PURE__ */ template(`<span>`);
 var iconKeyToComponentMap2 = {
   cogs: Cogs,
   routeFill: RouteFill
@@ -4560,7 +4885,7 @@ var PreferencesRow = (props) => {
       return channels().length > 0;
     },
     get children() {
-      var _el$ = _tmpl$215(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$3.nextSibling;
+      var _el$ = _tmpl$217(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$3.nextSibling;
       _el$2.$$click = () => {
         setIsOpenChannels((prev) => !prev);
       };
@@ -4645,7 +4970,7 @@ var PreferencesRow = (props) => {
           return isOpenChannels();
         },
         get children() {
-          var _el$7 = _tmpl$53();
+          var _el$7 = _tmpl$58();
           insert(_el$7, createComponent(Index, {
             get each() {
               return channels();
@@ -4715,7 +5040,7 @@ var PreferencesRow = (props) => {
           context: {
             preference: props.preference
           }
-        }), _v$10 = isOpenChannels();
+        }), _v$0 = isOpenChannels();
         _v$ !== _p$.e && className(_el$, _p$.e = _v$);
         _v$2 !== _p$.t && setAttribute(_el$, "data-open", _p$.t = _v$2);
         _v$3 !== _p$.a && className(_el$2, _p$.a = _v$3);
@@ -4725,7 +5050,7 @@ var PreferencesRow = (props) => {
         _v$7 !== _p$.s && setAttribute(_el$5, "data-localization", _p$.s = _v$7);
         _v$8 !== _p$.h && setAttribute(_el$5, "data-open", _p$.h = _v$8);
         _v$9 !== _p$.r && className(_el$6, _p$.r = _v$9);
-        _v$10 !== _p$.d && setAttribute(_el$6, "data-open", _p$.d = _v$10);
+        _v$0 !== _p$.d && setAttribute(_el$6, "data-open", _p$.d = _v$0);
         return _p$;
       }, {
         e: void 0,
@@ -4751,7 +5076,7 @@ var WorkflowDescription = (props) => {
       if (props.channels[key] !== void 0) {
         const isDisabled = !props.channels[key];
         const element = (() => {
-          var _el$8 = _tmpl$310();
+          var _el$8 = _tmpl$311();
           setAttribute(_el$8, "data-disabled", isDisabled);
           insert(_el$8, () => getLabel(key));
           effect(() => className(_el$8, style({
@@ -4769,7 +5094,7 @@ var WorkflowDescription = (props) => {
     return channels.map((c, index) => [c, memo(() => index < channels.length - 1 && ", ")]);
   };
   return (() => {
-    var _el$9 = _tmpl$53();
+    var _el$9 = _tmpl$58();
     insert(_el$9, channelNames);
     effect(() => className(_el$9, style({
       key: props.appearanceKey,
@@ -4822,26 +5147,26 @@ var DefaultPreferences = (props) => {
     }
   });
 };
-var _tmpl$54 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 16 16"><path fill=currentColor d="M8 13A5 5 0 1 1 8 3a5 5 0 0 1 0 10Zm0-1a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm.5-4.75V9.5H9v1H7v-1h.5V8.25H7v-1h1.5ZM8.75 6a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z">`);
+var _tmpl$59 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 16 16"><path fill=currentColor d="M8 13A5 5 0 1 1 8 3a5 5 0 0 1 0 10Zm0-1a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm.5-4.75V9.5H9v1H7v-1h.5V8.25H7v-1h1.5ZM8.75 6a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z">`);
 var Info = (props) => {
   return (() => {
-    var _el$ = _tmpl$54();
+    var _el$ = _tmpl$59();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
-var _tmpl$55 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 14 14"><path fill=currentColor d="M5.95 1.75c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H4.9v1.05h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V7H4.9v3.15h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V11.2h-3.15a.525.525 0 0 1-.525-.525V4.9H2.8a.525.525 0 0 1-.525-.525v-2.1c0-.29.235-.525.525-.525h3.15Zm4.725 8.4h-2.1v1.05h2.1v-1.05Zm0-4.2h-2.1V7h2.1V5.95ZM5.425 2.8h-2.1v1.05h2.1V2.8Z"></path><path fill=url(#a) d="M5.95 1.75c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H4.9v1.05h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V7H4.9v3.15h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V11.2h-3.15a.525.525 0 0 1-.525-.525V4.9H2.8a.525.525 0 0 1-.525-.525v-2.1c0-.29.235-.525.525-.525h3.15Zm4.725 8.4h-2.1v1.05h2.1v-1.05Zm0-4.2h-2.1V7h2.1V5.95ZM5.425 2.8h-2.1v1.05h2.1V2.8Z"></path><defs><linearGradient id=a x1=2.275 x2=11.725 y1=6.982 y2=7.018 gradientUnits=userSpaceOnUse><stop stop-color=currentColor></stop><stop offset=1 stop-color=currentColor>`);
+var _tmpl$60 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 14 14"><path fill=currentColor d="M5.95 1.75c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H4.9v1.05h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V7H4.9v3.15h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V11.2h-3.15a.525.525 0 0 1-.525-.525V4.9H2.8a.525.525 0 0 1-.525-.525v-2.1c0-.29.235-.525.525-.525h3.15Zm4.725 8.4h-2.1v1.05h2.1v-1.05Zm0-4.2h-2.1V7h2.1V5.95ZM5.425 2.8h-2.1v1.05h2.1V2.8Z"></path><path fill=url(#a) d="M5.95 1.75c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H4.9v1.05h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V7H4.9v3.15h2.625v-.525c0-.29.235-.525.525-.525h3.15c.29 0 .525.235.525.525v2.1c0 .29-.235.525-.525.525H8.05a.525.525 0 0 1-.525-.525V11.2h-3.15a.525.525 0 0 1-.525-.525V4.9H2.8a.525.525 0 0 1-.525-.525v-2.1c0-.29.235-.525.525-.525h3.15Zm4.725 8.4h-2.1v1.05h2.1v-1.05Zm0-4.2h-2.1V7h2.1V5.95ZM5.425 2.8h-2.1v1.05h2.1V2.8Z"></path><defs><linearGradient id=a x1=2.275 x2=11.725 y1=6.982 y2=7.018 gradientUnits=userSpaceOnUse><stop stop-color=currentColor></stop><stop offset=1 stop-color=currentColor>`);
 var NodeTree = (props) => {
   return (() => {
-    var _el$ = _tmpl$55();
+    var _el$ = _tmpl$60();
     spread(_el$, props, true, true);
     return _el$;
   })();
 };
 
 // src/ui/components/elements/Preferences/GroupedPreferencesRow.tsx
-var _tmpl$56 = /* @__PURE__ */ template(`<div><div><span data-localization=preferences.group.info></span></div><div>`);
-var _tmpl$216 = /* @__PURE__ */ template(`<div><div><div><span></span></div><div><span>`);
+var _tmpl$61 = /* @__PURE__ */ template(`<div><div><span data-localization=preferences.group.info></span></div><div>`);
+var _tmpl$218 = /* @__PURE__ */ template(`<div><div><div><span></span></div><div><span>`);
 var GroupedPreferencesRow = (props) => {
   const style = useStyle();
   const {
@@ -4903,7 +5228,7 @@ var GroupedPreferencesRow = (props) => {
       return Object.keys(uniqueChannels()).length > 0;
     },
     get children() {
-      var _el$ = _tmpl$216(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild;
+      var _el$ = _tmpl$218(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild;
       _el$2.$$click = () => {
         setIsOpened((prev) => !prev);
       };
@@ -4933,7 +5258,7 @@ var GroupedPreferencesRow = (props) => {
         }
       }), _el$4);
       insert(_el$4, () => props.group.name);
-      insert(_el$5, createComponent(Switch, {
+      insert(_el$5, createComponent(Switch2, {
         get state() {
           return groupState();
         },
@@ -4963,7 +5288,7 @@ var GroupedPreferencesRow = (props) => {
           return isOpened();
         },
         get children() {
-          var _el$7 = _tmpl$56(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$10 = _el$8.nextSibling;
+          var _el$7 = _tmpl$61(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$0 = _el$8.nextSibling;
           insert(_el$8, createComponent(Index, {
             get each() {
               return Object.keys(uniqueChannels());
@@ -5011,7 +5336,7 @@ var GroupedPreferencesRow = (props) => {
             }
           }), null);
           insert(_el$9, () => t("preferences.group.info"), null);
-          insert(_el$10, createComponent(Index, {
+          insert(_el$0, createComponent(Index, {
             get each() {
               return preferences();
             },
@@ -5052,7 +5377,7 @@ var GroupedPreferencesRow = (props) => {
             _v$ !== _p$.e && className(_el$7, _p$.e = _v$);
             _v$2 !== _p$.t && className(_el$8, _p$.t = _v$2);
             _v$3 !== _p$.a && className(_el$9, _p$.a = _v$3);
-            _v$4 !== _p$.o && className(_el$10, _p$.o = _v$4);
+            _v$4 !== _p$.o && className(_el$0, _p$.o = _v$4);
             return _p$;
           }, {
             e: void 0,
@@ -5088,28 +5413,28 @@ var GroupedPreferencesRow = (props) => {
           context: {
             preferenceGroup: props.group
           }
-        }), _v$10 = isOpened(), _v$11 = style({
+        }), _v$0 = isOpened(), _v$1 = style({
           key: "preferencesGroupActionsContainer",
           className: "nt-flex nt-items-center nt-gap-1",
           context: {
             preferenceGroup: props.group
           }
-        }), _v$12 = style({
+        }), _v$10 = style({
           key: "preferencesGroupActionsContainerRight__icon",
           className: "nt-text-foreground-alpha-600 nt-transition-all nt-duration-200 data-[open=true]:nt-transform data-[open=true]:nt-rotate-180",
           context: {
             preferenceGroup: props.group
           }
-        }), _v$13 = isOpened();
+        }), _v$11 = isOpened();
         _v$5 !== _p$.e && className(_el$, _p$.e = _v$5);
         _v$6 !== _p$.t && setAttribute(_el$, "data-open", _p$.t = _v$6);
         _v$7 !== _p$.a && className(_el$2, _p$.a = _v$7);
         _v$8 !== _p$.o && className(_el$3, _p$.o = _v$8);
         _v$9 !== _p$.i && className(_el$4, _p$.i = _v$9);
-        _v$10 !== _p$.n && setAttribute(_el$4, "data-open", _p$.n = _v$10);
-        _v$11 !== _p$.s && className(_el$5, _p$.s = _v$11);
-        _v$12 !== _p$.h && className(_el$6, _p$.h = _v$12);
-        _v$13 !== _p$.r && setAttribute(_el$6, "data-open", _p$.r = _v$13);
+        _v$0 !== _p$.n && setAttribute(_el$4, "data-open", _p$.n = _v$0);
+        _v$1 !== _p$.s && className(_el$5, _p$.s = _v$1);
+        _v$10 !== _p$.h && className(_el$6, _p$.h = _v$10);
+        _v$11 !== _p$.r && setAttribute(_el$6, "data-open", _p$.r = _v$11);
         return _p$;
       }, {
         e: void 0,
@@ -5165,43 +5490,858 @@ var GroupedPreferences = (props) => {
   });
 };
 
-// src/ui/components/elements/Preferences/Preferences.tsx
-var _tmpl$57 = /* @__PURE__ */ template(`<div>`);
-var Preferences = () => {
-  var _a, _b, _c;
-  const novu = useNovu();
+// src/ui/components/elements/Preferences/utils.ts
+var weekDays = [
+  "monday",
+  "tuesday",
+  "wednesday",
+  "thursday",
+  "friday",
+  "saturday",
+  "sunday"
+];
+
+// src/ui/components/elements/Preferences/DayScheduleCopy.tsx
+var _tmpl$63 = /* @__PURE__ */ template(`<span data-localization=preferences.schedule.dayScheduleCopy.title>`);
+var _tmpl$219 = /* @__PURE__ */ template(`<span data-localization=preferences.schedule.dayScheduleCopy.selectAll>`);
+var _tmpl$312 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$410 = /* @__PURE__ */ template(`<span>`);
+var NOVU_EVENT_CLOSE_DAY_SCHEDULE_COPY_COMPONENT = "novu.close-day-schedule-copy-component";
+var DayScheduleCopy = (props) => {
+  const id = createUniqueId();
   const style = useStyle();
   const {
-    preferencesFilter,
-    preferenceGroups
-  } = useInboxContext();
-  const {
-    preferences,
-    loading
-  } = usePreferences({
-    tags: (_a = preferencesFilter()) == null ? void 0 : _a.tags,
-    severity: (_b = preferencesFilter()) == null ? void 0 : _b.severity,
-    criticality: (_c = preferencesFilter()) == null ? void 0 : _c.criticality
-  });
-  const allPreferences = createMemo(() => {
-    var _a2, _b2;
-    const globalPreference = (_a2 = preferences()) == null ? void 0 : _a2.find((preference) => preference.level === "global" /* GLOBAL */);
-    const workflowPreferences = (_b2 = preferences()) == null ? void 0 : _b2.filter((preference) => preference.level === "template" /* TEMPLATE */);
-    return {
-      globalPreference,
-      workflowPreferences
-    };
+    t
+  } = useLocalization();
+  const [isOpen, setIsOpen] = createSignal(false);
+  const [selectedDays, setSelectedDays] = createSignal([props.day()]);
+  const [isAllSelected, setIsAllSelected] = createSignal(false);
+  const allWeekDaysSelected = createMemo(() => selectedDays().length === weekDays.length);
+  const reset = () => {
+    setSelectedDays([props.day()]);
+    setIsAllSelected(false);
+    setIsOpen(false);
+  };
+  const onOpenChange = createMemo(() => (isOpen2) => {
+    if (isOpen2) {
+      document.dispatchEvent(new CustomEvent(NOVU_EVENT_CLOSE_DAY_SCHEDULE_COPY_COMPONENT, {
+        detail: {
+          id
+        }
+      }));
+    }
+    setTimeout(() => {
+      if (!isOpen2) {
+        reset();
+      } else {
+        setIsOpen(isOpen2);
+      }
+    }, 50);
   });
   createEffect(() => {
-    setDynamicLocalization((prev) => {
-      var _a2;
-      return __spreadValues(__spreadValues({}, prev), (_a2 = allPreferences().workflowPreferences) == null ? void 0 : _a2.reduce((acc, preference) => {
-        acc[preference.workflow.identifier] = preference.workflow.name;
-        return acc;
-      }, {}));
-    });
+    const listener = (event) => {
+      const data = event.detail;
+      if (data.id !== id) {
+        reset();
+      }
+    };
+    document.addEventListener(NOVU_EVENT_CLOSE_DAY_SCHEDULE_COPY_COMPONENT, listener);
+    return () => {
+      document.removeEventListener(NOVU_EVENT_CLOSE_DAY_SCHEDULE_COPY_COMPONENT, listener);
+    };
   });
-  const updatePreference = (preference) => (channels) => __async(void 0, null, function* () {
+  return createComponent(Tooltip.Root, {
+    get children() {
+      return [createComponent(Tooltip.Trigger, {
+        get disabled() {
+          return props.disabled;
+        },
+        asChild: (childProps) => createComponent(Dropdown.Root, {
+          placement: "right",
+          offset: 0,
+          get open() {
+            return isOpen();
+          },
+          get onOpenChange() {
+            return onOpenChange();
+          },
+          get children() {
+            return [createComponent(Dropdown.Trigger, {
+              get disabled() {
+                return props.disabled;
+              },
+              get ["class"]() {
+                return style({
+                  key: "dayScheduleCopy__dropdownTrigger",
+                  className: "nt-w-full"
+                });
+              },
+              get children() {
+                return createComponent(Button, mergeProps({
+                  size: "iconSm",
+                  variant: "ghost"
+                }, childProps, {
+                  get children() {
+                    return createComponent(IconRenderer, {
+                      iconKey: "copy",
+                      get ["class"]() {
+                        return style({
+                          key: "dayScheduleCopyIcon",
+                          className: cn("nt-text-foreground-alpha-600 nt-size-3.5 group-hover:nt-opacity-100 nt-opacity-0 nt-transition-opacity nt-duration-200", {
+                            "group-hover:nt-opacity-0": props.disabled
+                          }),
+                          context: {
+                            schedule: props.schedule()
+                          }
+                        });
+                      },
+                      fallback: Copy
+                    });
+                  }
+                }));
+              }
+            }), createComponent(Dropdown.Content, {
+              portal: true,
+              appearanceKey: "dayScheduleCopy__dropdownContent",
+              "class": "nt-rounded-md nt-min-w-[220px] nt-max-w-[220px] nt-p-1",
+              get children() {
+                return [(() => {
+                  var _el$ = _tmpl$63();
+                  insert(_el$, () => t("preferences.schedule.dayScheduleCopy.title"));
+                  effect(() => className(_el$, style({
+                    key: "dayScheduleCopyTitle",
+                    className: "nt-text-sm nt-text-neutral-600  nt-mb-3 nt-text-left",
+                    context: {
+                      schedule: props.schedule()
+                    }
+                  })));
+                  return _el$;
+                })(), (() => {
+                  var _el$2 = _tmpl$219();
+                  insert(_el$2, createComponent(Checkbox, {
+                    get checked() {
+                      return isAllSelected() || allWeekDaysSelected();
+                    },
+                    onChange: (checked) => {
+                      setIsAllSelected(checked);
+                      setSelectedDays(checked ? weekDays : [props.day()]);
+                    }
+                  }), null);
+                  insert(_el$2, () => t("preferences.schedule.dayScheduleCopy.selectAll"), null);
+                  effect(() => className(_el$2, style({
+                    key: "dayScheduleCopySelectAll",
+                    className: "nt-flex nt-items-center nt-gap-2 nt-text-sm nt-text-neutral-600 nt-mb-2",
+                    context: {
+                      schedule: props.schedule()
+                    }
+                  })));
+                  return _el$2;
+                })(), createComponent(For, {
+                  each: weekDays,
+                  children: (day) => (() => {
+                    var _el$4 = _tmpl$410();
+                    setAttribute(_el$4, "data-localization", `preferences.schedule.${day}`);
+                    insert(_el$4, createComponent(Checkbox, {
+                      value: "checked",
+                      onChange: (value) => setSelectedDays(value ? [...selectedDays(), day] : selectedDays().filter((d) => d !== day)),
+                      get checked() {
+                        return selectedDays().includes(day) || day === props.day();
+                      },
+                      get disabled() {
+                        return day === props.day();
+                      }
+                    }), null);
+                    insert(_el$4, () => t(`preferences.schedule.${day}`), null);
+                    effect(() => className(_el$4, style({
+                      key: "dayScheduleCopyDay",
+                      className: "nt-flex nt-items-center nt-gap-2 nt-text-sm nt-text-neutral-600 nt-mb-2",
+                      context: {
+                        schedule: props.schedule()
+                      }
+                    })));
+                    return _el$4;
+                  })()
+                }), (() => {
+                  var _el$3 = _tmpl$312();
+                  insert(_el$3, createComponent(Button, {
+                    onClick: () => {
+                      var _a, _b, _c, _d;
+                      const currentDay = props.day();
+                      const daysToCopy = selectedDays().filter((day) => day !== currentDay);
+                      const dayToCopy = (_b = (_a = props.schedule()) == null ? void 0 : _a.weeklySchedule) == null ? void 0 : _b[currentDay];
+                      if (dayToCopy) {
+                        (_d = props.schedule()) == null ? void 0 : _d.update({
+                          weeklySchedule: __spreadValues(__spreadValues({}, (_c = props.schedule()) == null ? void 0 : _c.weeklySchedule), daysToCopy.reduce((acc, day) => {
+                            acc[day] = dayToCopy;
+                            return acc;
+                          }, {}))
+                        });
+                      }
+                      reset();
+                    },
+                    "data-localization": "preferences.schedule.dayScheduleCopy.apply",
+                    get children() {
+                      return t("preferences.schedule.dayScheduleCopy.apply");
+                    }
+                  }));
+                  effect(() => className(_el$3, style({
+                    key: "dayScheduleCopyFooterContainer",
+                    className: "nt-flex nt-justify-end nt-border-t nt-border-neutral-alpha-100 nt-pt-2",
+                    context: {
+                      schedule: props.schedule()
+                    }
+                  })));
+                  return _el$3;
+                })()];
+              }
+            })];
+          }
+        })
+      }), createComponent(Tooltip.Content, {
+        "data-localization": "preferences.schedule.copyTimesTo",
+        get children() {
+          return t("preferences.schedule.copyTimesTo");
+        }
+      })];
+    }
+  });
+};
+
+// src/ui/components/elements/Preferences/ScheduleTable.tsx
+var _tmpl$64 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$220 = /* @__PURE__ */ template(`<span>`);
+var ScheduleTableHeader = (props) => {
+  const style = useStyle();
+  return (() => {
+    var _el$ = _tmpl$64();
+    insert(_el$, () => props.children);
+    effect(() => className(_el$, style({
+      key: "scheduleTableHeader",
+      className: "nt-flex nt-gap-3",
+      context: {
+        schedule: props.schedule
+      }
+    })));
+    return _el$;
+  })();
+};
+var ScheduleTableHeaderColumn = (props) => {
+  const style = useStyle();
+  return (() => {
+    var _el$2 = _tmpl$64();
+    insert(_el$2, () => props.children);
+    effect((_p$) => {
+      var _v$ = style({
+        key: "scheduleHeaderColumn",
+        className: cn("nt-text-sm nt-truncate nt-text-start", props.class),
+        context: {
+          schedule: props.schedule
+        }
+      }), _v$2 = props.dataLocalization;
+      _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
+      _v$2 !== _p$.t && setAttribute(_el$2, "data-localization", _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$2;
+  })();
+};
+var ScheduleTableBody = (props) => {
+  const style = useStyle();
+  return (() => {
+    var _el$3 = _tmpl$64();
+    insert(_el$3, () => props.children);
+    effect(() => className(_el$3, style({
+      key: "scheduleTableBody",
+      className: "nt-flex nt-flex-col nt-gap-1",
+      context: {
+        schedule: props.schedule
+      }
+    })));
+    return _el$3;
+  })();
+};
+var ScheduleTableRow = (props) => {
+  const style = useStyle();
+  return (() => {
+    var _el$4 = _tmpl$64();
+    insert(_el$4, () => props.children);
+    effect(() => className(_el$4, style({
+      key: "scheduleBodyRow",
+      className: "nt-flex nt-gap-3",
+      context: {
+        schedule: props.schedule
+      }
+    })));
+    return _el$4;
+  })();
+};
+var ScheduleBodyColumn = (props) => {
+  const style = useStyle();
+  return (() => {
+    var _el$5 = _tmpl$64();
+    insert(_el$5, () => props.children);
+    effect(() => className(_el$5, style({
+      key: "scheduleBodyColumn",
+      className: cn("nt-text-sm", props.class),
+      context: {
+        schedule: props.schedule
+      }
+    })));
+    return _el$5;
+  })();
+};
+var ScheduleTable = (props) => {
+  const style = useStyle();
+  const {
+    t
+  } = useLocalization();
+  const isScheduleDisabled = createMemo(() => {
+    var _a, _b;
+    return !((_b = (_a = props.globalPreference) == null ? void 0 : _a.schedule) == null ? void 0 : _b.isEnabled);
+  });
+  const schedule = createMemo(() => {
+    var _a;
+    return (_a = props.globalPreference) == null ? void 0 : _a.schedule;
+  });
+  return (() => {
+    var _el$6 = _tmpl$64();
+    insert(_el$6, createComponent(ScheduleTableHeader, {
+      get schedule() {
+        return schedule();
+      },
+      get children() {
+        return [createComponent(ScheduleTableHeaderColumn, {
+          get schedule() {
+            return schedule();
+          },
+          "class": "nt-flex-1",
+          dataLocalization: "preferences.schedule.days",
+          get children() {
+            return t("preferences.schedule.days");
+          }
+        }), createComponent(ScheduleTableHeaderColumn, {
+          get schedule() {
+            return schedule();
+          },
+          "class": "nt-min-w-[74px]",
+          dataLocalization: "preferences.schedule.from",
+          get children() {
+            return t("preferences.schedule.from");
+          }
+        }), createComponent(ScheduleTableHeaderColumn, {
+          get schedule() {
+            return schedule();
+          },
+          "class": "nt-min-w-[74px]",
+          dataLocalization: "preferences.schedule.to",
+          get children() {
+            return t("preferences.schedule.to");
+          }
+        })];
+      }
+    }), null);
+    insert(_el$6, createComponent(ScheduleTableBody, {
+      get schedule() {
+        return schedule();
+      },
+      get children() {
+        return createComponent(Index, {
+          each: weekDays,
+          children: (day) => {
+            const isDayDisabled = createMemo(() => {
+              var _a, _b, _c;
+              return !((_c = (_b = (_a = schedule()) == null ? void 0 : _a.weeklySchedule) == null ? void 0 : _b[day()]) == null ? void 0 : _c.isEnabled);
+            });
+            return createComponent(ScheduleTableRow, {
+              get schedule() {
+                return schedule();
+              },
+              get children() {
+                return [createComponent(ScheduleBodyColumn, {
+                  get schedule() {
+                    return schedule();
+                  },
+                  "class": "nt-flex-1 nt-flex nt-items-center nt-gap-2",
+                  get children() {
+                    return [createComponent(Switch2, {
+                      get state() {
+                        return isDayDisabled() ? "disabled" : "enabled";
+                      },
+                      onChange: (state) => {
+                        var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+                        const isEnabled = state === "enabled";
+                        const hasNoHours = ((_e = (_d = (_c = (_b = (_a = schedule()) == null ? void 0 : _a.weeklySchedule) == null ? void 0 : _b[day()]) == null ? void 0 : _c.hours) == null ? void 0 : _d.length) != null ? _e : 0) === 0;
+                        (_i = schedule()) == null ? void 0 : _i.update({
+                          weeklySchedule: __spreadProps(__spreadValues({}, (_f = schedule()) == null ? void 0 : _f.weeklySchedule), {
+                            [day()]: __spreadValues(__spreadProps(__spreadValues({}, (_h = (_g = schedule()) == null ? void 0 : _g.weeklySchedule) == null ? void 0 : _h[day()]), {
+                              isEnabled
+                            }), hasNoHours && {
+                              hours: [{
+                                start: "09:00 AM",
+                                end: "05:00 PM"
+                              }]
+                            })
+                          })
+                        });
+                      },
+                      get disabled() {
+                        return isScheduleDisabled();
+                      }
+                    }), (() => {
+                      var _el$7 = _tmpl$220();
+                      insert(_el$7, () => t(`preferences.schedule.${day()}`), null);
+                      insert(_el$7, createComponent(DayScheduleCopy, {
+                        day,
+                        schedule,
+                        get disabled() {
+                          return isScheduleDisabled();
+                        }
+                      }), null);
+                      effect((_p$) => {
+                        var _v$3 = cn("nt-group nt-flex nt-items-center nt-gap-1", {
+                          "nt-text-neutral-alpha-500": isScheduleDisabled()
+                        }), _v$4 = `preferences.schedule.${day()}`;
+                        _v$3 !== _p$.e && className(_el$7, _p$.e = _v$3);
+                        _v$4 !== _p$.t && setAttribute(_el$7, "data-localization", _p$.t = _v$4);
+                        return _p$;
+                      }, {
+                        e: void 0,
+                        t: void 0
+                      });
+                      return _el$7;
+                    })()];
+                  }
+                }), createComponent(ScheduleBodyColumn, {
+                  get schedule() {
+                    return schedule();
+                  },
+                  get children() {
+                    return createComponent(TimeSelect, {
+                      get disabled() {
+                        return isScheduleDisabled() || isDayDisabled();
+                      },
+                      get value() {
+                        var _a, _b, _c, _d, _e;
+                        return (_e = (_d = (_c = (_b = (_a = schedule()) == null ? void 0 : _a.weeklySchedule) == null ? void 0 : _b[day()]) == null ? void 0 : _c.hours) == null ? void 0 : _d[0]) == null ? void 0 : _e.start;
+                      },
+                      onChange: (value) => {
+                        var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+                        (_i = schedule()) == null ? void 0 : _i.update({
+                          weeklySchedule: __spreadProps(__spreadValues({}, (_a = schedule()) == null ? void 0 : _a.weeklySchedule), {
+                            [day()]: __spreadProps(__spreadValues({}, (_c = (_b = schedule()) == null ? void 0 : _b.weeklySchedule) == null ? void 0 : _c[day()]), {
+                              hours: [{
+                                start: value,
+                                end: (_h = (_g = (_f = (_e = (_d = schedule()) == null ? void 0 : _d.weeklySchedule) == null ? void 0 : _e[day()]) == null ? void 0 : _f.hours) == null ? void 0 : _g[0]) == null ? void 0 : _h.end
+                              }]
+                            })
+                          })
+                        });
+                      }
+                    });
+                  }
+                }), createComponent(ScheduleBodyColumn, {
+                  get schedule() {
+                    return schedule();
+                  },
+                  get children() {
+                    return createComponent(TimeSelect, {
+                      get disabled() {
+                        return isScheduleDisabled() || isDayDisabled();
+                      },
+                      get value() {
+                        var _a, _b, _c, _d, _e;
+                        return (_e = (_d = (_c = (_b = (_a = schedule()) == null ? void 0 : _a.weeklySchedule) == null ? void 0 : _b[day()]) == null ? void 0 : _c.hours) == null ? void 0 : _d[0]) == null ? void 0 : _e.end;
+                      },
+                      onChange: (value) => {
+                        var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+                        (_i = schedule()) == null ? void 0 : _i.update({
+                          weeklySchedule: __spreadProps(__spreadValues({}, (_a = schedule()) == null ? void 0 : _a.weeklySchedule), {
+                            [day()]: __spreadProps(__spreadValues({}, (_c = (_b = schedule()) == null ? void 0 : _b.weeklySchedule) == null ? void 0 : _c[day()]), {
+                              hours: [{
+                                start: (_h = (_g = (_f = (_e = (_d = schedule()) == null ? void 0 : _d.weeklySchedule) == null ? void 0 : _e[day()]) == null ? void 0 : _f.hours) == null ? void 0 : _g[0]) == null ? void 0 : _h.start,
+                                end: value
+                              }]
+                            })
+                          })
+                        });
+                      }
+                    });
+                  }
+                })];
+              }
+            });
+          }
+        });
+      }
+    }), null);
+    effect(() => className(_el$6, style({
+      key: "scheduleTable",
+      className: "nt-flex nt-flex-col nt-gap-1",
+      context: {
+        schedule: schedule()
+      }
+    })));
+    return _el$6;
+  })();
+};
+
+// src/ui/components/elements/Preferences/ScheduleRow.tsx
+var _tmpl$65 = /* @__PURE__ */ template(`<button aria-label=Schedule tabindex=0>`);
+var _tmpl$221 = /* @__PURE__ */ template(`<div class=nt-max-w-56>`);
+var _tmpl$313 = /* @__PURE__ */ template(`<div><span data-localization=preferences.schedule.title>`);
+var _tmpl$411 = /* @__PURE__ */ template(`<div><span>`);
+var _tmpl$510 = /* @__PURE__ */ template(`<div><span data-localization=preferences.schedule.description></span><div><span data-localization=preferences.schedule.info>`);
+var _tmpl$66 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$73 = /* @__PURE__ */ template(`<div class="nt-w-full nt-border-t nt-border-neutral-alpha-100">`);
+var ScheduleRowHeader = (props) => {
+  const style = useStyle();
+  return (() => {
+    var _el$ = _tmpl$65();
+    _el$.$$click = () => props.setIsOpened((prev) => !prev);
+    insert(_el$, () => props.children);
+    effect((_p$) => {
+      var _v$ = style({
+        key: "scheduleHeader",
+        className: "nt-flex nt-w-full nt-p-1 nt-justify-between nt-flex-nowrap nt-self-stretch nt-cursor-pointer nt-items-center nt-overflow-hidden",
+        context: {
+          schedule: props.schedule()
+        }
+      }), _v$2 = props.isOpened(), _v$3 = props.isOpened();
+      _v$ !== _p$.e && className(_el$, _p$.e = _v$);
+      _v$2 !== _p$.t && setAttribute(_el$, "aria-expanded", _p$.t = _v$2);
+      _v$3 !== _p$.a && setAttribute(_el$, "data-open", _p$.a = _v$3);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    });
+    return _el$;
+  })();
+};
+var ScheduleRowLabel = (props) => {
+  const style = useStyle();
+  const {
+    t
+  } = useLocalization();
+  return (() => {
+    var _el$2 = _tmpl$313(), _el$3 = _el$2.firstChild;
+    insert(_el$2, createComponent(IconRenderer, {
+      iconKey: "calendarSchedule",
+      get ["class"]() {
+        return style({
+          key: "scheduleLabelScheduleIcon",
+          className: "nt-text-foreground-alpha-600 nt-size-3.5",
+          context: {
+            schedule: props.schedule()
+          }
+        });
+      },
+      fallback: CalendarSchedule
+    }), _el$3);
+    insert(_el$3, () => t("preferences.schedule.title"));
+    insert(_el$2, createComponent(Tooltip.Root, {
+      get children() {
+        return [createComponent(Tooltip.Trigger, {
+          get children() {
+            return createComponent(IconRenderer, {
+              iconKey: "info",
+              get ["class"]() {
+                return style({
+                  key: "scheduleLabelInfoIcon",
+                  className: "nt-text-foreground-alpha-600 nt-size-3.5",
+                  context: {
+                    schedule: props.schedule()
+                  }
+                });
+              },
+              fallback: Info
+            });
+          }
+        }), createComponent(Tooltip.Content, {
+          "data-localization": "preferences.schedule.headerInfo",
+          get children() {
+            var _el$4 = _tmpl$221();
+            insert(_el$4, () => t("preferences.schedule.headerInfo"));
+            return _el$4;
+          }
+        })];
+      }
+    }), null);
+    effect((_p$) => {
+      var _v$4 = style({
+        key: "scheduleLabelContainer",
+        className: "nt-overflow-hidden  nt-flex nt-items-center nt-gap-1 nt-h-3.5",
+        context: {
+          schedule: props.schedule()
+        }
+      }), _v$5 = style({
+        key: "scheduleLabel",
+        className: "nt-text-sm nt-font-semibold nt-truncate nt-text-start",
+        context: {
+          schedule: props.schedule()
+        }
+      }), _v$6 = props.isOpened();
+      _v$4 !== _p$.e && className(_el$2, _p$.e = _v$4);
+      _v$5 !== _p$.t && className(_el$3, _p$.t = _v$5);
+      _v$6 !== _p$.a && setAttribute(_el$3, "data-open", _p$.a = _v$6);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    });
+    return _el$2;
+  })();
+};
+var DEFAULT_HOURS = [{
+  start: "09:00 AM",
+  end: "05:00 PM"
+}];
+var DEFAULT_WEEKLY_SCHEDULE = {
+  monday: {
+    isEnabled: true,
+    hours: DEFAULT_HOURS
+  },
+  tuesday: {
+    isEnabled: true,
+    hours: DEFAULT_HOURS
+  },
+  wednesday: {
+    isEnabled: true,
+    hours: DEFAULT_HOURS
+  },
+  thursday: {
+    isEnabled: true,
+    hours: DEFAULT_HOURS
+  },
+  friday: {
+    isEnabled: true,
+    hours: DEFAULT_HOURS
+  }
+};
+var ScheduleRowActions = (props) => {
+  const style = useStyle();
+  return (() => {
+    var _el$5 = _tmpl$411(), _el$6 = _el$5.firstChild;
+    insert(_el$5, createComponent(Switch2, {
+      get state() {
+        var _a;
+        return ((_a = props.schedule()) == null ? void 0 : _a.isEnabled) ? "enabled" : "disabled";
+      },
+      onChange: (state) => {
+        var _a, _b;
+        const isEnabled = state === "enabled";
+        const hasNoWeeklySchedule = !((_a = props.schedule()) == null ? void 0 : _a.weeklySchedule);
+        (_b = props.schedule()) == null ? void 0 : _b.update(__spreadValues({
+          isEnabled
+        }, isEnabled && hasNoWeeklySchedule && {
+          weeklySchedule: DEFAULT_WEEKLY_SCHEDULE
+        }));
+        props.onChange(isEnabled);
+      }
+    }), _el$6);
+    insert(_el$6, createComponent(IconRenderer, {
+      iconKey: "arrowDropDown",
+      get ["class"]() {
+        return style({
+          key: "moreTabs__icon",
+          className: "nt-size-4"
+        });
+      },
+      fallback: ArrowDropDown
+    }));
+    effect((_p$) => {
+      var _v$7 = style({
+        key: "scheduleActionsContainer",
+        className: "nt-flex nt-items-center nt-gap-1",
+        context: {
+          schedule: props.schedule()
+        }
+      }), _v$8 = style({
+        key: "scheduleActionsContainerRight",
+        className: "nt-text-foreground-alpha-600 nt-transition-all nt-duration-200 data-[open=true]:nt-transform data-[open=true]:nt-rotate-180",
+        context: {
+          schedule: props.schedule()
+        }
+      }), _v$9 = props.isOpened();
+      _v$7 !== _p$.e && className(_el$5, _p$.e = _v$7);
+      _v$8 !== _p$.t && className(_el$6, _p$.t = _v$8);
+      _v$9 !== _p$.a && setAttribute(_el$6, "data-open", _p$.a = _v$9);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    });
+    return _el$5;
+  })();
+};
+var ScheduleRowBody = (props) => {
+  const style = useStyle();
+  const {
+    t
+  } = useLocalization();
+  const schedule = createMemo(() => {
+    var _a;
+    return (_a = props.globalPreference) == null ? void 0 : _a.schedule;
+  });
+  return (() => {
+    var _el$7 = _tmpl$510(), _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild;
+    insert(_el$8, () => t("preferences.schedule.description"));
+    insert(_el$7, createComponent(ScheduleTable, {
+      get globalPreference() {
+        return props.globalPreference;
+      }
+    }), _el$9);
+    insert(_el$9, createComponent(IconRenderer, {
+      iconKey: "info",
+      get ["class"]() {
+        return style({
+          key: "scheduleInfoIcon",
+          className: "nt-size-4",
+          context: {
+            schedule: schedule()
+          }
+        });
+      },
+      fallback: Info
+    }), _el$0);
+    insert(_el$0, () => t("preferences.schedule.info"));
+    effect((_p$) => {
+      var _v$0 = style({
+        key: "scheduleBody",
+        className: "nt-flex nt-bg-background nt-border nt-border-neutral-alpha-200 nt-rounded-lg nt-p-2 nt-flex-col nt-gap-2 nt-overflow-hidden",
+        context: {
+          schedule: schedule()
+        }
+      }), _v$1 = style({
+        key: "scheduleDescription",
+        className: "nt-text-sm nt-truncate nt-text-start",
+        context: {
+          schedule: schedule()
+        }
+      }), _v$10 = style({
+        key: "scheduleInfoContainer",
+        className: "nt-flex nt-items-start nt-mt-1.5 nt-gap-1",
+        context: {
+          schedule: schedule()
+        }
+      }), _v$11 = style({
+        key: "scheduleInfo",
+        className: "nt-text-sm nt-text-start"
+      });
+      _v$0 !== _p$.e && className(_el$7, _p$.e = _v$0);
+      _v$1 !== _p$.t && className(_el$8, _p$.t = _v$1);
+      _v$10 !== _p$.a && className(_el$9, _p$.a = _v$10);
+      _v$11 !== _p$.o && className(_el$0, _p$.o = _v$11);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    });
+    return _el$7;
+  })();
+};
+var ScheduleRow = (props) => {
+  var _a, _b, _c;
+  const style = useStyle();
+  const schedule = createMemo(() => {
+    var _a2;
+    return (_a2 = props.globalPreference) == null ? void 0 : _a2.schedule;
+  });
+  const [isOpened, setIsOpened] = createSignal((_c = (_b = (_a = props.globalPreference) == null ? void 0 : _a.schedule) == null ? void 0 : _b.isEnabled) != null ? _c : false);
+  return [(() => {
+    var _el$1 = _tmpl$66();
+    insert(_el$1, createComponent(ScheduleRowHeader, {
+      schedule,
+      isOpened,
+      setIsOpened,
+      get children() {
+        return [createComponent(ScheduleRowLabel, {
+          schedule,
+          isOpened
+        }), createComponent(ScheduleRowActions, {
+          schedule,
+          isOpened,
+          onChange: setIsOpened
+        })];
+      }
+    }), null);
+    insert(_el$1, createComponent(Collapsible, {
+      get open() {
+        return isOpened();
+      },
+      get children() {
+        return createComponent(ScheduleRowBody, {
+          get globalPreference() {
+            return props.globalPreference;
+          },
+          isOpened
+        });
+      }
+    }), null);
+    effect(() => className(_el$1, style({
+      key: "scheduleContainer",
+      className: "nt-p-1 nt-bg-neutral-alpha-25 nt-rounded-lg nt-border nt-border-neutral-alpha-50",
+      context: {
+        schedule: schedule()
+      }
+    })));
+    return _el$1;
+  })(), _tmpl$73()];
+};
+delegateEvents(["click"]);
+
+// src/ui/components/elements/Preferences/Preferences.tsx
+var _tmpl$67 = /* @__PURE__ */ template(`<div>`);
+var Preferences = () => {
+  var _a, _b, _c;
+  const novu = useNovu();
+  const style = useStyle();
+  const {
+    preferencesFilter,
+    preferenceGroups,
+    preferencesSort
+  } = useInboxContext();
+  const {
+    preferences,
+    loading
+  } = usePreferences({
+    tags: (_a = preferencesFilter()) == null ? void 0 : _a.tags,
+    severity: (_b = preferencesFilter()) == null ? void 0 : _b.severity,
+    criticality: (_c = preferencesFilter()) == null ? void 0 : _c.criticality
+  });
+  const allPreferences = createMemo(() => {
+    var _a2, _b2;
+    const globalPreference = (_a2 = preferences()) == null ? void 0 : _a2.find((preference) => preference.level === "global" /* GLOBAL */);
+    let workflowPreferences = (_b2 = preferences()) == null ? void 0 : _b2.filter((preference) => preference.level === "template" /* TEMPLATE */);
+    if (workflowPreferences && preferencesSort()) {
+      workflowPreferences = [...workflowPreferences].sort(preferencesSort());
+    }
+    return {
+      globalPreference,
+      workflowPreferences
+    };
+  });
+  createEffect(() => {
+    setDynamicLocalization((prev) => {
+      var _a2;
+      return __spreadValues(__spreadValues({}, prev), (_a2 = allPreferences().workflowPreferences) == null ? void 0 : _a2.reduce((acc, preference) => {
+        var _a3, _b2;
+        if (((_a3 = preference.workflow) == null ? void 0 : _a3.identifier) && ((_b2 = preference.workflow) == null ? void 0 : _b2.name)) {
+          acc[preference.workflow.identifier] = preference.workflow.name;
+        }
+        return acc;
+      }, {}));
+    });
+  });
+  const updatePreference = (preference) => (channels) => __async(void 0, null, function* () {
     yield preference == null ? void 0 : preference.update({
       channels
     });
@@ -5236,19 +6376,23 @@ var Preferences = () => {
         };
       }
       if (typeof filter === "object") {
+        let filteredPreferences = workflowPreferences.filter((preference) => {
+          var _a3, _b3, _c3, _d, _e;
+          const workflowId = ((_a3 = preference.workflow) == null ? void 0 : _a3.id) || ((_b3 = preference.workflow) == null ? void 0 : _b3.identifier);
+          return ((_c3 = filter.workflowIds) == null ? void 0 : _c3.includes(workflowId != null ? workflowId : "")) || ((_d = filter.tags) == null ? void 0 : _d.some((tag) => {
+            var _a4, _b4;
+            return (_b4 = (_a4 = preference.workflow) == null ? void 0 : _a4.tags) == null ? void 0 : _b4.includes(tag);
+          })) || Array.isArray(filter.severity) && filter.severity.some((severity) => {
+            var _a4;
+            return ((_a4 = preference.workflow) == null ? void 0 : _a4.severity) === severity;
+          }) || !Array.isArray(filter.severity) && filter.severity === ((_e = preference.workflow) == null ? void 0 : _e.severity);
+        });
+        if (preferencesSort()) {
+          filteredPreferences = [...filteredPreferences].sort(preferencesSort());
+        }
         return {
           name: group.name,
-          preferences: workflowPreferences.filter((preference) => {
-            var _a3, _b3, _c3, _d, _e;
-            const workflowId = ((_a3 = preference.workflow) == null ? void 0 : _a3.id) || ((_b3 = preference.workflow) == null ? void 0 : _b3.identifier);
-            return ((_c3 = filter.workflowIds) == null ? void 0 : _c3.includes(workflowId != null ? workflowId : "")) || ((_d = filter.tags) == null ? void 0 : _d.some((tag) => {
-              var _a4, _b4;
-              return (_b4 = (_a4 = preference.workflow) == null ? void 0 : _a4.tags) == null ? void 0 : _b4.includes(tag);
-            })) || Array.isArray(filter.severity) && filter.severity.some((severity) => {
-              var _a4;
-              return ((_a4 = preference.workflow) == null ? void 0 : _a4.severity) === severity;
-            }) || !Array.isArray(filter.severity) && filter.severity === ((_e = preference.workflow) == null ? void 0 : _e.severity);
-          })
+          preferences: filteredPreferences
         };
       }
       return {
@@ -5258,13 +6402,32 @@ var Preferences = () => {
     })) != null ? _c2 : [];
   });
   return (() => {
-    var _el$ = _tmpl$57();
-    insert(_el$, createComponent(PreferencesRow, {
-      iconKey: "cogs",
-      get preference() {
+    var _el$ = _tmpl$67();
+    insert(_el$, createComponent(Show, {
+      get when() {
         return allPreferences().globalPreference;
       },
-      onChange: () => updatePreference(allPreferences().globalPreference)
+      get children() {
+        return createComponent(PreferencesRow, {
+          iconKey: "cogs",
+          get preference() {
+            return allPreferences().globalPreference;
+          },
+          onChange: () => updatePreference(allPreferences().globalPreference)
+        });
+      }
+    }), null);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return allPreferences().globalPreference;
+      },
+      get children() {
+        return createComponent(ScheduleRow, {
+          get globalPreference() {
+            return allPreferences().globalPreference;
+          }
+        });
+      }
     }), null);
     insert(_el$, createComponent(Show, {
       get when() {
@@ -5311,7 +6474,7 @@ var Preferences = () => {
     }), null);
     effect(() => className(_el$, style({
       key: "preferencesContainer",
-      className: "nt-px-3 nt-py-4 nt-flex nt-flex-col nt-gap-1 nt-overflow-y-auto nt-h-full nt-pr-0 [scrollbar-gutter:stable]",
+      className: "nt-px-3 nt-py-4 nt-flex nt-flex-col nt-gap-2 nt-overflow-y-auto nt-h-full nt-pr-0 [scrollbar-gutter:stable]",
       context: {
         preferences: preferences(),
         groups: groupedPreferences()
@@ -5320,7 +6483,7 @@ var Preferences = () => {
     return _el$;
   })();
 };
-var _tmpl$58 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$68 = /* @__PURE__ */ template(`<div>`);
 var Root = (props) => {
   const [_, rest] = splitProps(props, ["class"]);
   const {
@@ -5336,7 +6499,7 @@ var Root = (props) => {
     },
     children: new Comment(" Powered by Novu - https://novu.co ")
   }), (() => {
-    var _el$ = _tmpl$58();
+    var _el$ = _tmpl$68();
     spread(_el$, mergeProps({
       get id() {
         return `novu-root-${id()}`;
@@ -5351,7 +6514,7 @@ var Root = (props) => {
     return _el$;
   })()];
 };
-var _tmpl$59 = /* @__PURE__ */ template(`<div><div data-localization=preferences.title>`);
+var _tmpl$69 = /* @__PURE__ */ template(`<div><div data-localization=preferences.title>`);
 var PreferencesHeader = (props) => {
   const style = useStyle();
   const {
@@ -5363,7 +6526,7 @@ var PreferencesHeader = (props) => {
     iconKey: "arrowLeft"
   });
   return (() => {
-    var _el$ = _tmpl$59(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$69(), _el$2 = _el$.firstChild;
     insert(_el$, createComponent(Show, {
       get when() {
         return props.navigateToNotifications;
@@ -5408,12 +6571,12 @@ var PreferencesHeader = (props) => {
     return _el$;
   })();
 };
-var _tmpl$60 = /* @__PURE__ */ template(`<strong>`);
-var _tmpl$217 = /* @__PURE__ */ template(`<p>`);
+var _tmpl$70 = /* @__PURE__ */ template(`<strong>`);
+var _tmpl$222 = /* @__PURE__ */ template(`<p>`);
 var Bold = (props) => {
   const style = useStyle();
   return (() => {
-    var _el$ = _tmpl$60();
+    var _el$ = _tmpl$70();
     insert(_el$, () => props.children);
     effect(() => className(_el$, style({
       key: props.appearanceKey || "strong",
@@ -5428,7 +6591,7 @@ var Markdown = (props) => {
   const style = useStyle();
   const tokens = createMemo(() => parseMarkdownIntoTokens(local.children));
   return (() => {
-    var _el$2 = _tmpl$217();
+    var _el$2 = _tmpl$222();
     spread(_el$2, mergeProps({
       get ["class"]() {
         return style({
@@ -5465,7 +6628,7 @@ var Markdown = (props) => {
   })();
 };
 var Markdown_default = Markdown;
-var _tmpl$61 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$71 = /* @__PURE__ */ template(`<span>`);
 var badgeVariants = cva(cn("nt-inline-flex nt-flex-row nt-gap-1 nt-items-center"), {
   variants: {
     variant: {
@@ -5484,7 +6647,7 @@ var Badge = (props) => {
   const [local, rest] = splitProps(props, ["class", "appearanceKey", "context"]);
   const style = useStyle();
   return (() => {
-    var _el$ = _tmpl$61();
+    var _el$ = _tmpl$71();
     spread(_el$, mergeProps({
       get ["data-variant"]() {
         return props.variant;
@@ -5506,50 +6669,7 @@ var Badge = (props) => {
     return _el$;
   })();
 };
-var _tmpl$63 = /* @__PURE__ */ template(`<input>`);
-var inputVariants = cva(cn(`focus-visible:nt-outline-none focus-visible:nt-ring-2 focus-visible:nt-rounded-md focus-visible:nt-ring-ring focus-visible:nt-ring-offset-2`), {
-  variants: {
-    variant: {
-      default: "nt-border nt-border-neutral-200 nt-rounded-md nt-p-1 nt-bg-background"
-    },
-    size: {
-      default: "nt-h-9",
-      sm: "nt-h-8 nt-text-sm"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default"
-  }
-});
-var Input = (props) => {
-  const [local, rest] = splitProps(props, ["class", "appearanceKey"]);
-  const style = useStyle();
-  return (() => {
-    var _el$ = _tmpl$63();
-    spread(_el$, mergeProps({
-      get ["data-variant"]() {
-        return props.variant;
-      },
-      get ["data-size"]() {
-        return props.size;
-      },
-      get ["class"]() {
-        return style({
-          key: local.appearanceKey || "input",
-          className: cn(inputVariants({
-            variant: props.variant,
-            size: props.size
-          }), local.class)
-        });
-      }
-    }, rest), false, false);
-    return _el$;
-  })();
-};
-
-// src/ui/components/primitives/TimePicker.tsx
-var _tmpl$64 = /* @__PURE__ */ template(`<div><span>:</span><select><option value=AM>AM</option><option value=PM>PM`);
+var _tmpl$74 = /* @__PURE__ */ template(`<div><span>:</span><select><option value=AM>AM</option><option value=PM>PM`);
 var TimePicker = (props) => {
   const [local, rest] = splitProps(props, ["value", "onChange", "class", "appearanceKey"]);
   const style = useStyle();
@@ -5589,7 +6709,7 @@ var TimePicker = (props) => {
     }
   };
   return (() => {
-    var _el$ = _tmpl$64(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    var _el$ = _tmpl$74(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
     _el$.$$click = (e) => e.stopPropagation();
     spread(_el$, mergeProps({
       get ["class"]() {
@@ -5599,7 +6719,7 @@ var TimePicker = (props) => {
         });
       }
     }, rest), false, true);
-    insert(_el$, createComponent(Input, {
+    insert(_el$, createComponent(Input2, {
       size: "sm",
       type: "number",
       min: "1",
@@ -5623,7 +6743,7 @@ var TimePicker = (props) => {
         });
       }
     }), _el$2);
-    insert(_el$, createComponent(Input, {
+    insert(_el$, createComponent(Input2, {
       size: "sm",
       type: "number",
       min: "0",
@@ -5692,18 +6812,18 @@ var enforceMinMax = (el) => {
 delegateEvents(["click"]);
 
 // src/ui/components/Notification/SnoozeDateTimePicker.tsx
-var _tmpl$65 = /* @__PURE__ */ template(`<div><div><p></p></div><div>`);
+var _tmpl$75 = /* @__PURE__ */ template(`<div><div><p></p></div><div>`);
 var fiveMinutesFromNow = () => {
   const futureTime = new Date(Date.now() + 5 * 60 * 1e3);
-  const hours = futureTime.getHours();
-  const isPM = hours >= 12;
+  const hours2 = futureTime.getHours();
+  const isPM = hours2 >= 12;
   let hour;
-  if (hours === 0) {
+  if (hours2 === 0) {
     hour = 12;
-  } else if (hours === 12) {
+  } else if (hours2 === 12) {
     hour = 12;
   } else {
-    hour = hours % 12;
+    hour = hours2 % 12;
   }
   return {
     hour,
@@ -5737,8 +6857,8 @@ var SnoozeDateTimePicker = (props) => {
     var _a;
     if (selectedDate() && timeValue()) {
       const date = new Date(selectedDate());
-      const hours = convertTo24Hour(timeValue());
-      date.setHours(hours, timeValue().minute, 0, 0);
+      const hours2 = convertTo24Hour(timeValue());
+      date.setHours(hours2, timeValue().minute, 0, 0);
       (_a = props.onSelect) == null ? void 0 : _a.call(props, date);
     }
   };
@@ -5749,8 +6869,8 @@ var SnoozeDateTimePicker = (props) => {
   const getSelectedDateTime = () => {
     if (!selectedDate() || !timeValue()) return null;
     const date = new Date(selectedDate());
-    const hours = convertTo24Hour(timeValue());
-    date.setHours(hours, timeValue().minute, 0, 0);
+    const hours2 = convertTo24Hour(timeValue());
+    date.setHours(hours2, timeValue().minute, 0, 0);
     return date;
   };
   const isTimeInPast = createMemo(() => {
@@ -5789,7 +6909,7 @@ var SnoozeDateTimePicker = (props) => {
     return t("snooze.datePicker.noDateSelectedTooltip");
   });
   return (() => {
-    var _el$ = _tmpl$65(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$2.nextSibling;
+    var _el$ = _tmpl$75(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$2.nextSibling;
     _el$.$$click = (e) => e.stopPropagation();
     insert(_el$, createComponent(DatePicker, {
       onDateChange: (date) => setSelectedDate(date),
@@ -5886,8 +7006,8 @@ var SnoozeDateTimePicker = (props) => {
 delegateEvents(["click"]);
 
 // src/ui/components/Notification/NotificationActions.tsx
-var _tmpl$66 = /* @__PURE__ */ template(`<div><span>`);
-var _tmpl$218 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$76 = /* @__PURE__ */ template(`<div><span>`);
+var _tmpl$223 = /* @__PURE__ */ template(`<span>`);
 var SNOOZE_PRESETS = [{
   key: "snooze.options.anHourFromNow",
   hours: 1,
@@ -5935,7 +7055,7 @@ var SnoozeDropdownItem = (props) => {
     iconKey: "clock"
   });
   const content = [(() => {
-    var _el$ = _tmpl$66(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$76(), _el$2 = _el$.firstChild;
     insert(_el$, createComponent(IconRendererWrapper, {
       iconKey: "clock",
       "class": snoozeItemIconClass,
@@ -5962,7 +7082,7 @@ var SnoozeDropdownItem = (props) => {
     });
     return _el$;
   })(), (() => {
-    var _el$3 = _tmpl$218();
+    var _el$3 = _tmpl$223();
     insert(_el$3, () => props.time);
     effect(() => className(_el$3, style({
       key: "dropdownItemRight__icon",
@@ -6361,10 +7481,10 @@ var renderNotificationActions = (notification, status) => {
 };
 
 // src/ui/components/Notification/DefaultNotification.tsx
-var _tmpl$67 = /* @__PURE__ */ template(`<span>`);
-var _tmpl$219 = /* @__PURE__ */ template(`<a><div></div><div><div></div><div></div></div><div class="nt-w-1.5 nt-flex nt-justify-center nt-shrink-0">`);
-var _tmpl$311 = /* @__PURE__ */ template(`<img>`);
-var _tmpl$410 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$77 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$224 = /* @__PURE__ */ template(`<a><div></div><div><div></div><div></div></div><div class="nt-w-1.5 nt-flex nt-justify-center nt-shrink-0">`);
+var _tmpl$314 = /* @__PURE__ */ template(`<img>`);
+var _tmpl$412 = /* @__PURE__ */ template(`<div>`);
 var SEVERITY_TO_BAR_KEYS = {
   ["none" /* NONE */]: "notificationBar",
   ["high" /* HIGH */]: "severityHigh__notificationBar",
@@ -6445,7 +7565,7 @@ var DefaultNotification = (props) => {
     }
   });
   return (() => {
-    var _el$ = _tmpl$219(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
+    var _el$ = _tmpl$224(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
     _el$.$$click = handleNotificationClick;
     insert(_el$, createComponent(Show, {
       get when() {
@@ -6458,7 +7578,7 @@ var DefaultNotification = (props) => {
           },
           get fallback() {
             return (() => {
-              var _el$9 = _tmpl$410();
+              var _el$9 = _tmpl$412();
               effect(() => className(_el$9, style({
                 key: "notificationImageLoadingFallback",
                 className: "nt-size-8 nt-rounded-lg nt-shrink-0 nt-aspect-square",
@@ -6470,7 +7590,7 @@ var DefaultNotification = (props) => {
             })();
           },
           get children() {
-            var _el$8 = _tmpl$311();
+            var _el$8 = _tmpl$314();
             effect((_p$) => {
               var _v$6 = style({
                 key: "notificationImage",
@@ -6551,16 +7671,16 @@ var DefaultNotification = (props) => {
       },
       get fallback() {
         return (() => {
-          var _el$10 = _tmpl$410();
-          insert(_el$10, () => renderNotificationActions(props.notification, status));
-          effect(() => className(_el$10, style({
+          var _el$0 = _tmpl$412();
+          insert(_el$0, () => renderNotificationActions(props.notification, status));
+          effect(() => className(_el$0, style({
             key: "notificationDefaultActions",
             className: `nt-absolute nt-transition nt-duration-100 nt-ease-out nt-gap-0.5 nt-flex nt-shrink-0 nt-opacity-0 group-hover:nt-opacity-100 group-focus-within:nt-opacity-100 nt-justify-center nt-items-center nt-bg-background/90 nt-right-3 nt-top-3 nt-border nt-border-neutral-alpha-100 nt-rounded-lg nt-backdrop-blur-lg nt-p-0.5`,
             context: {
               notification: props.notification
             }
           })));
-          return _el$10;
+          return _el$0;
         })();
       },
       children: (renderDefaultActions) => createComponent(ExternalElementRenderer, {
@@ -6577,8 +7697,8 @@ var DefaultNotification = (props) => {
             return props.notification.primaryAction || props.notification.secondaryAction;
           },
           get children() {
-            var _el$11 = _tmpl$410();
-            insert(_el$11, createComponent(Show, {
+            var _el$1 = _tmpl$412();
+            insert(_el$1, createComponent(Show, {
               get when() {
                 return props.notification.primaryAction;
               },
@@ -6597,7 +7717,7 @@ var DefaultNotification = (props) => {
                 }
               })
             }), null);
-            insert(_el$11, createComponent(Show, {
+            insert(_el$1, createComponent(Show, {
               get when() {
                 return props.notification.secondaryAction;
               },
@@ -6616,14 +7736,14 @@ var DefaultNotification = (props) => {
                 }
               })
             }), null);
-            effect(() => className(_el$11, style({
+            effect(() => className(_el$1, style({
               key: "notificationCustomActions",
               className: "nt-flex nt-flex-wrap nt-gap-2",
               context: {
                 notification: props.notification
               }
             })));
-            return _el$11;
+            return _el$1;
           }
         });
       },
@@ -6741,7 +7861,7 @@ var DefaultNotification = (props) => {
         return !props.notification.isRead;
       },
       get children() {
-        var _el$7 = _tmpl$67();
+        var _el$7 = _tmpl$77();
         effect(() => className(_el$7, style({
           key: "notificationDot",
           className: "nt-size-1.5 nt-bg-primary nt-rounded-full",
@@ -6881,19 +8001,19 @@ var NewMessagesCta = (props) => {
     }
   });
 };
-var _tmpl$68 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 16 16"fill=none><path fill=currentColor d="M12.1675 2.04492L11.5308 2.68164L11.1069 3.10645L12.9614 4.96094L12.7495 5.17383L10.894 3.31836L10.4692 3.74219L9.40967 4.80273L8.98486 5.22754L9.40967 5.65137L10.5747 6.81738L10.3628 7.03027L9.19775 5.86328L8.77295 5.43945L6.35889 7.85352L6.62744 8.26172C7.00257 8.83177 7.18147 9.50559 7.14111 10.1816L7.10986 10.4707C7.00656 11.1451 6.68818 11.7654 6.20557 12.2402L5.98877 12.4346C5.46027 12.8661 4.80786 13.1133 4.13135 13.1426L3.84033 13.1416C3.0614 13.1032 2.3236 12.7769 1.771 12.2266H1.77002C1.28602 11.744 0.974717 11.1186 0.877441 10.4473L0.849121 10.1572C0.814077 9.47419 1.00158 8.80051 1.38037 8.2373L1.55518 8.00293C2.04954 7.39769 2.75121 6.99767 3.52393 6.88086C4.29677 6.76406 5.0856 6.93884 5.73682 7.37109L6.146 7.64258L6.49268 7.29492L11.9546 1.83203L12.1675 2.04492ZM4.00537 7.10645C3.71967 7.11042 3.4363 7.15732 3.16553 7.24512L2.89893 7.34668C2.63748 7.46146 2.39532 7.61469 2.18018 7.80078L1.97803 7.99316C1.52375 8.46356 1.2476 9.0739 1.18994 9.71973L1.17822 9.99805C1.18392 10.6519 1.41417 11.2812 1.82568 11.7822L2.01318 11.9883C2.47551 12.4506 3.0805 12.7377 3.7251 12.8066L4.00342 12.8232C4.75062 12.8297 5.4708 12.5425 6.0083 12.0234L6.44775 11.5986L6.40186 11.5527C6.44537 11.4885 6.48869 11.4241 6.52686 11.3564L6.65479 11.1016C6.76956 10.84 6.84411 10.563 6.87646 10.2803L6.89404 9.99609C6.89801 9.71049 6.85899 9.42635 6.77881 9.15332L6.68506 8.88379C6.5776 8.61923 6.4315 8.3726 6.25146 8.15234L6.06006 7.94141C5.85804 7.73939 5.62719 7.56844 5.37549 7.43555L5.1167 7.31543C4.76396 7.17222 4.38604 7.10121 4.00537 7.10645Z"stroke=#525866 stroke-width=1.2>`);
+var _tmpl$78 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 16 16"fill=none><path fill=currentColor d="M12.1675 2.04492L11.5308 2.68164L11.1069 3.10645L12.9614 4.96094L12.7495 5.17383L10.894 3.31836L10.4692 3.74219L9.40967 4.80273L8.98486 5.22754L9.40967 5.65137L10.5747 6.81738L10.3628 7.03027L9.19775 5.86328L8.77295 5.43945L6.35889 7.85352L6.62744 8.26172C7.00257 8.83177 7.18147 9.50559 7.14111 10.1816L7.10986 10.4707C7.00656 11.1451 6.68818 11.7654 6.20557 12.2402L5.98877 12.4346C5.46027 12.8661 4.80786 13.1133 4.13135 13.1426L3.84033 13.1416C3.0614 13.1032 2.3236 12.7769 1.771 12.2266H1.77002C1.28602 11.744 0.974717 11.1186 0.877441 10.4473L0.849121 10.1572C0.814077 9.47419 1.00158 8.80051 1.38037 8.2373L1.55518 8.00293C2.04954 7.39769 2.75121 6.99767 3.52393 6.88086C4.29677 6.76406 5.0856 6.93884 5.73682 7.37109L6.146 7.64258L6.49268 7.29492L11.9546 1.83203L12.1675 2.04492ZM4.00537 7.10645C3.71967 7.11042 3.4363 7.15732 3.16553 7.24512L2.89893 7.34668C2.63748 7.46146 2.39532 7.61469 2.18018 7.80078L1.97803 7.99316C1.52375 8.46356 1.2476 9.0739 1.18994 9.71973L1.17822 9.99805C1.18392 10.6519 1.41417 11.2812 1.82568 11.7822L2.01318 11.9883C2.47551 12.4506 3.0805 12.7377 3.7251 12.8066L4.00342 12.8232C4.75062 12.8297 5.4708 12.5425 6.0083 12.0234L6.44775 11.5986L6.40186 11.5527C6.44537 11.4885 6.48869 11.4241 6.52686 11.3564L6.65479 11.1016C6.76956 10.84 6.84411 10.563 6.87646 10.2803L6.89404 9.99609C6.89801 9.71049 6.85899 9.42635 6.77881 9.15332L6.68506 8.88379C6.5776 8.61923 6.4315 8.3726 6.25146 8.15234L6.06006 7.94141C5.85804 7.73939 5.62719 7.56844 5.37549 7.43555L5.1167 7.31543C4.76396 7.17222 4.38604 7.10121 4.00537 7.10645Z"stroke=#525866 stroke-width=1.2>`);
 function Key(props) {
   return (() => {
-    var _el$ = _tmpl$68();
+    var _el$ = _tmpl$78();
     spread(_el$, props, true, true);
     return _el$;
   })();
 }
 
 // src/ui/components/Notification/NotificationListSkeleton.tsx
-var _tmpl$69 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$220 = /* @__PURE__ */ template(`<p data-localization=notifications.emptyNotice>`);
-var _tmpl$312 = /* @__PURE__ */ template(`<div><p>Trigger your notification. No setup needed.</p><p>Temporary &lt;Inbox />, data will expire in 24h. Connect API key to persists messages, enable
+var _tmpl$79 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$225 = /* @__PURE__ */ template(`<p data-localization=notifications.emptyNotice>`);
+var _tmpl$315 = /* @__PURE__ */ template(`<div><p>Trigger your notification. No setup needed.</p><p>Temporary &lt;Inbox />, data will expire in 24h. Connect API key to persists messages, enable
                 preferences, and connect email.</p><div><div>`);
 var NotificationListSkeleton = (props) => {
   const style = useStyle();
@@ -6904,7 +8024,7 @@ var NotificationListSkeleton = (props) => {
     isKeyless
   } = useInboxContext();
   return (() => {
-    var _el$ = _tmpl$69();
+    var _el$ = _tmpl$79();
     insert(_el$, createComponent(Motion.div, {
       get animate() {
         return {
@@ -6949,7 +8069,7 @@ var NotificationListSkeleton = (props) => {
               appearanceKey: "notificationList__skeletonAvatar",
               "class": "nt-w-8 nt-h-8 nt-rounded-full nt-bg-neutral-alpha-100"
             }), (() => {
-              var _el$3 = _tmpl$69();
+              var _el$3 = _tmpl$79();
               insert(_el$3, createComponent(SkeletonText, {
                 appearanceKey: "notificationList__skeletonText",
                 "class": "nt-h-2 nt-w-1/3 nt-bg-neutral-alpha-50 nt-rounded"
@@ -6966,7 +8086,7 @@ var NotificationListSkeleton = (props) => {
             })()];
           }
         }))), (() => {
-          var _el$2 = _tmpl$69();
+          var _el$2 = _tmpl$79();
           effect(() => className(_el$2, style({
             key: "notificationListEmptyNoticeOverlay",
             className: "nt-absolute nt-size-full nt-z-10 nt-inset-0 nt-bg-gradient-to-b nt-from-transparent nt-to-background"
@@ -7006,7 +8126,7 @@ var NotificationListSkeleton = (props) => {
           },
           get children() {
             return memo(() => !!isKeyless())() ? createComponent(KeylessEmptyState, {}) : (() => {
-              var _el$4 = _tmpl$220();
+              var _el$4 = _tmpl$225();
               insert(_el$4, () => t("notifications.emptyNotice"));
               return _el$4;
             })();
@@ -7025,7 +8145,7 @@ function KeylessEmptyState() {
   const style = useStyle();
   const novu = useNovu();
   return (() => {
-    var _el$5 = _tmpl$312(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.firstChild;
+    var _el$5 = _tmpl$315(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.firstChild;
     insert(_el$8, createComponent(Button, {
       variant: "secondary",
       size: "sm",
@@ -7098,8 +8218,8 @@ function KeylessEmptyState() {
 }
 
 // src/ui/components/Notification/NotificationList.tsx
-var _tmpl$70 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$221 = /* @__PURE__ */ template(`<div><div>`);
+var _tmpl$80 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$226 = /* @__PURE__ */ template(`<div><div>`);
 var NotificationList = (props) => {
   var _a, _b, _c, _d, _e;
   const options = createMemo(() => __spreadProps(__spreadValues({}, props.filter), {
@@ -7148,7 +8268,7 @@ var NotificationList = (props) => {
     });
   });
   return (() => {
-    var _el$ = _tmpl$221(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$226(), _el$2 = _el$.firstChild;
     insert(_el$, createComponent(NewMessagesCta, {
       get count() {
         return count();
@@ -7177,7 +8297,7 @@ var NotificationList = (props) => {
           children: (_, index) => {
             const notification = () => data()[index()];
             return (() => {
-              var _el$4 = _tmpl$70();
+              var _el$4 = _tmpl$80();
               use((el) => {
                 observeNotification(el, notification().id);
                 const observer = new MutationObserver((mutations) => {
@@ -7240,7 +8360,7 @@ var NotificationList = (props) => {
             return !end();
           },
           get children() {
-            var _el$3 = _tmpl$70();
+            var _el$3 = _tmpl$80();
             use(setEl, _el$3);
             insert(_el$3, createComponent(NotificationListSkeleton, {
               loading: true
@@ -7274,13 +8394,13 @@ var NotificationList = (props) => {
     return _el$;
   })();
 };
-var _tmpl$71 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$81 = /* @__PURE__ */ template(`<span>`);
 var getDisplayCount = (count) => count >= 100 ? "99+" : count;
 var InboxTabUnreadNotificationsCount = (props) => {
   const style = useStyle();
   const displayCount = createMemo(() => getDisplayCount(props.count));
   return (() => {
-    var _el$ = _tmpl$71();
+    var _el$ = _tmpl$81();
     insert(_el$, displayCount);
     effect(() => className(_el$, style({
       key: "notificationsTabsTriggerCount",
@@ -7314,7 +8434,7 @@ var InboxTab = (props) => {
     },
     get children() {
       return [(() => {
-        var _el$2 = _tmpl$71();
+        var _el$2 = _tmpl$81();
         insert(_el$2, () => props.label);
         effect(() => className(_el$2, style({
           key: "notificationsTabsTriggerLabel",
@@ -7361,7 +8481,7 @@ var InboxDropdownTab = (props) => {
     },
     get children() {
       return [(() => {
-        var _el$3 = _tmpl$71();
+        var _el$3 = _tmpl$81();
         insert(_el$3, () => props.label);
         effect(() => className(_el$3, style({
           key: "moreTabs__dropdownItemLabel",
@@ -7582,7 +8702,7 @@ var InboxTabs = (props) => {
 };
 
 // src/ui/components/Inbox.tsx
-var _tmpl$73 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$83 = /* @__PURE__ */ template(`<div>`);
 var InboxPage = /* @__PURE__ */ function(InboxPage2) {
   InboxPage2["Notifications"] = "notifications";
   InboxPage2["Preferences"] = "preferences";
@@ -7607,8 +8727,8 @@ var InboxContent = (props) => {
     };
   });
   return (() => {
-    var _el$ = _tmpl$73();
-    insert(_el$, createComponent(Switch$1, {
+    var _el$ = _tmpl$83();
+    insert(_el$, createComponent(Switch, {
       get children() {
         return [createComponent(Match, {
           get when() {
@@ -7935,6 +9055,9 @@ var Renderer = (props) => {
                     get preferenceGroups() {
                       return props.preferenceGroups;
                     },
+                    get preferencesSort() {
+                      return props.preferencesSort;
+                    },
                     get routerPush() {
                       return props.routerPush;
                     },
@@ -7988,7 +9111,7 @@ var Renderer = (props) => {
 };
 
 // src/ui/novuUI.tsx
-var _dispose, _container, _setContainer, _rootElement, _mountedElements, _setMountedElements, _appearance, _setAppearance, _localization, _setLocalization, _options, _setOptions, _tabs, _setTabs, _routerPush, _setRouterPush, _preferencesFilter, _setPreferencesFilter, _preferenceGroups, _setPreferenceGroups, _predefinedNovu, _NovuUI_instances, getContainerElement_fn, mountComponentRenderer_fn, updateComponentProps_fn;
+var _dispose, _container, _setContainer, _rootElement, _mountedElements, _setMountedElements, _appearance, _setAppearance, _localization, _setLocalization, _options, _setOptions, _tabs, _setTabs, _routerPush, _setRouterPush, _preferencesFilter, _setPreferencesFilter, _preferenceGroups, _setPreferenceGroups, _preferencesSort, _setPreferencesSort, _predefinedNovu, _NovuUI_instances, getContainerElement_fn, mountComponentRenderer_fn, updateComponentProps_fn;
 var NovuUI = class {
   constructor(props) {
     __privateAdd(this, _NovuUI_instances);
@@ -8012,6 +9135,8 @@ var NovuUI = class {
     __privateAdd(this, _setPreferencesFilter);
     __privateAdd(this, _preferenceGroups);
     __privateAdd(this, _setPreferenceGroups);
+    __privateAdd(this, _preferencesSort);
+    __privateAdd(this, _setPreferencesSort);
     __privateAdd(this, _predefinedNovu);
     var _a;
     this.id = generateRandomString(16);
@@ -8022,6 +9147,7 @@ var NovuUI = class {
     const [tabs, setTabs] = createSignal((_a = props.tabs) != null ? _a : []);
     const [preferencesFilter, setPreferencesFilter] = createSignal(props.preferencesFilter);
     const [preferenceGroups, setPreferenceGroups] = createSignal(props.preferenceGroups);
+    const [preferencesSort, setPreferencesSort] = createSignal(props.preferencesSort);
     const [routerPush, setRouterPush] = createSignal(props.routerPush);
     const [container, setContainer] = createSignal(__privateMethod(this, _NovuUI_instances, getContainerElement_fn).call(this, props.container));
     __privateSet(this, _mountedElements, mountedElements);
@@ -8041,6 +9167,8 @@ var NovuUI = class {
     __privateSet(this, _setPreferencesFilter, setPreferencesFilter);
     __privateSet(this, _preferenceGroups, preferenceGroups);
     __privateSet(this, _setPreferenceGroups, setPreferenceGroups);
+    __privateSet(this, _preferencesSort, preferencesSort);
+    __privateSet(this, _setPreferencesSort, setPreferencesSort);
     __privateSet(this, _container, container);
     __privateSet(this, _setContainer, setContainer);
     __privateMethod(this, _NovuUI_instances, mountComponentRenderer_fn).call(this);
@@ -8087,6 +9215,9 @@ var NovuUI = class {
   updatePreferenceGroups(preferenceGroups) {
     __privateGet(this, _setPreferenceGroups).call(this, preferenceGroups);
   }
+  updatePreferencesSort(preferencesSort) {
+    __privateGet(this, _setPreferencesSort).call(this, () => preferencesSort);
+  }
   updateRouterPush(routerPush) {
     __privateGet(this, _setRouterPush).call(this, () => routerPush);
   }
@@ -8120,6 +9251,8 @@ _preferencesFilter = new WeakMap();
 _setPreferencesFilter = new WeakMap();
 _preferenceGroups = new WeakMap();
 _setPreferenceGroups = new WeakMap();
+_preferencesSort = new WeakMap();
+_setPreferencesSort = new WeakMap();
 _predefinedNovu = new WeakMap();
 _NovuUI_instances = new WeakSet();
 getContainerElement_fn = function(container) {
@@ -8172,6 +9305,10 @@ mountComponentRenderer_fn = function() {
         var _a;
         return __privateGet(_a = _self$, _preferenceGroups).call(_a);
       },
+      get preferencesSort() {
+        var _a;
+        return __privateGet(_a = _self$, _preferencesSort).call(_a);
+      },
       get routerPush() {
         var _a;
         return __privateGet(_a = _self$, _routerPush).call(_a);