@0001-labs/design-system-1 0.3.0-alpha.13 → 0.3.0-alpha.15

package/dist/design-system-1.css

@@ -1,2 +1,2 @@
-ds-color>input[type=color]{-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;padding:calc(2px * var(--ds-sf))!important;border:1px solid var(--ds-border-color)!important;border-radius:var(--ds-radius)!important;corner-shape:var(--ds-corner-shape,round)!important;background:var(--ds-input-background)!important;box-shadow:none!important;cursor:pointer!important;margin:0!important;display:block!important}ds-color>input[type=color]::-webkit-color-swatch-wrapper{padding:0}ds-color>input[type=color]::-webkit-color-swatch{border:0;border-radius:0}ds-color>input[type=color]::-moz-color-swatch{border:0;border-radius:0}ds-color>input[type=color]:focus-visible{outline:2px solid var(--ds-focus-ring)!important;outline-offset:1px!important}ds-color>input[type=color]:disabled{opacity:.5!important;cursor:default!important}ds-color>input[type=color][hidden]{display:none!important}ds-composer>textarea::placeholder{color:var(--ds-text-color-muted)!important;-webkit-text-fill-color:var(--ds-text-color-muted)!important;opacity:1!important}ds-composer>textarea::selection{background:var(--ds-accent-color);color:var(--ds-text-color);-webkit-text-fill-color:var(--ds-text-color)}.ds-context-trigger{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y}ds-dialog>dialog{box-sizing:border-box;position:var(--ds-dialog-position,fixed);inset:var(--ds-dialog-inset,0);width:var(--ds-dialog-width,calc(20 * var(--ds-unit)));max-width:var(--ds-dialog-max-width,calc(100vw - 2 * var(--ds-unit)));max-height:var(--ds-dialog-max-height,calc(100dvh - 2 * var(--ds-unit)));height:var(--ds-dialog-height,fit-content);margin:var(--ds-dialog-margin,auto);padding:var(--ds-dialog-padding,var(--ds-unit));border:var(--ds-dialog-border,1px solid var(--ds-border-color));background:var(--ds-dialog-paper,var(--ds-paper));color:var(--ds-text-color);z-index:var(--ds-dialog-layer,auto);box-shadow:none;overflow:var(--ds-dialog-overflow,auto);overscroll-behavior:contain;font-family:var(--ds-typeface-regular);font-feature-settings:var(--ds-font-features);font-size:var(--ds-type-size-default);font-weight:var(--ds-type-weight-default);line-height:var(--ds-type-lineheight-default);letter-spacing:var(--ds-type-letterspacing-default);border-radius:0}ds-dialog>dialog[open]{gap:var(--ds-unit);flex-direction:column;display:flex}ds-dialog>dialog:not([open]){display:none}ds-dialog>dialog[data-ds-dialog-anchored]{top:auto;bottom:auto;left:auto;right:auto;left:var(--ds-dialog-anchor-left,0px);top:var(--ds-dialog-anchor-top,0px);margin:calc(var(--ds-unit) / 2);width:var(--ds-dialog-width,max-content);max-width:var(--ds-dialog-available-width,calc(100vw - var(--ds-unit)));max-height:var(--ds-dialog-available-height,calc(100dvh - var(--ds-unit)))}ds-dialog>dialog[data-ds-dialog-flush]{gap:0;padding:0}ds-dialog>dialog[data-ds-dialog-fullscreen]{width:100vw;max-width:none;height:100dvh;max-height:none;padding:var(--ds-dialog-padding,0);border:0;gap:0}ds-dialog>dialog[data-ds-dialog-rotated]{width:calc(100dvh - 2 * var(--ds-unit));height:calc(100vw - 2 * var(--ds-unit));max-width:none;max-height:none;margin:0;top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%)rotate(90deg)}ds-dialog>dialog[data-ds-dialog-fullscreen][data-ds-dialog-rotated]{width:100dvh;height:100vw}ds-dialog>dialog::backdrop{background:color-mix(in srgb, var(--ds-black) 40%, transparent)}ds-dialog [data-ds-dialog=header]{padding-right:var(--ds-unit);flex-direction:column;display:flex}ds-dialog [data-ds-dialog=title]{min-height:var(--ds-row-height);color:var(--ds-text-color);font:inherit;font-weight:var(--ds-type-weight-bold);line-height:var(--ds-row-height);align-items:center;margin:0;display:flex}ds-dialog [data-ds-dialog=description]{color:var(--ds-text-color-muted);font:inherit;margin:0}ds-dialog [data-ds-dialog=footer]{justify-content:flex-end;align-items:center;gap:calc(var(--ds-unit) / 2);min-height:var(--ds-row-height);flex-wrap:wrap;display:flex}ds-dialog [data-ds-dialog=close]{top:var(--ds-unit);right:var(--ds-unit);position:absolute}ds-dialog>dialog[data-ds-dialog-inline]{background:0 0;border:0;gap:0;width:100%;max-width:none;max-height:none;margin:0;padding:0;position:relative;top:auto;bottom:auto;left:auto;right:auto}
+ds-color>input[type=color]{-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;padding:calc(2px * var(--ds-sf))!important;border:1px solid var(--ds-border-color)!important;border-radius:var(--ds-radius)!important;corner-shape:var(--ds-corner-shape,round)!important;background:var(--ds-input-background)!important;box-shadow:none!important;cursor:pointer!important;margin:0!important;display:block!important}ds-color>input[type=color]::-webkit-color-swatch-wrapper{padding:0}ds-color>input[type=color]::-webkit-color-swatch{border:0;border-radius:0}ds-color>input[type=color]::-moz-color-swatch{border:0;border-radius:0}ds-color>input[type=color]:focus-visible{outline:2px solid var(--ds-focus-ring)!important;outline-offset:1px!important}ds-color>input[type=color]:disabled{opacity:.5!important;cursor:default!important}ds-color>input[type=color][hidden]{display:none!important}ds-composer>textarea::placeholder{color:var(--ds-text-color-muted)!important;-webkit-text-fill-color:var(--ds-text-color-muted)!important;opacity:1!important}ds-composer>textarea::selection{background:var(--ds-accent-color);color:var(--ds-text-color);-webkit-text-fill-color:var(--ds-text-color)}.ds-context-trigger{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y}ds-dialog>dialog{box-sizing:border-box;position:var(--ds-dialog-position,fixed);inset:var(--ds-dialog-inset,0);width:var(--ds-dialog-width,calc(20 * var(--ds-unit)));max-width:var(--ds-dialog-max-width,calc(100vw - 2 * var(--ds-unit)));max-height:var(--ds-dialog-max-height,calc(100dvh - 2 * var(--ds-unit)));height:var(--ds-dialog-height,fit-content);margin:var(--ds-dialog-margin,auto);padding:var(--ds-dialog-padding,var(--ds-unit));border:var(--ds-dialog-border,1px solid var(--ds-border-color));background:var(--ds-dialog-paper,var(--ds-paper));color:var(--ds-text-color);z-index:var(--ds-dialog-layer,auto);box-shadow:none;overflow:var(--ds-dialog-overflow,auto);overscroll-behavior:contain;font-family:var(--ds-typeface-regular);font-feature-settings:var(--ds-font-features);font-size:var(--ds-type-size-default);font-weight:var(--ds-type-weight-default);line-height:var(--ds-type-lineheight-default);letter-spacing:var(--ds-type-letterspacing-default);border-radius:0}ds-dialog>dialog[open]{gap:var(--ds-unit);flex-direction:column;display:flex}ds-dialog>dialog:not([open]){display:none}ds-dialog>dialog[data-ds-dialog-anchored]{top:auto;bottom:auto;left:auto;right:auto;left:var(--ds-dialog-anchor-left,0px);top:var(--ds-dialog-anchor-top,0px);margin:calc(var(--ds-unit) / 2);width:var(--ds-dialog-width,max-content);max-width:var(--ds-dialog-available-width,calc(100vw - var(--ds-unit)));max-height:var(--ds-dialog-available-height,calc(100dvh - var(--ds-unit)))}ds-dialog>dialog[data-ds-dialog-flush]{gap:0;padding:0}ds-dialog>dialog[data-ds-dialog-fullscreen]{width:100vw;max-width:none;height:100dvh;max-height:none;padding:var(--ds-dialog-padding,0);border:0;gap:0}ds-dialog>dialog[data-ds-dialog-rotated]{width:calc(100dvh - 2 * var(--ds-unit));height:calc(100vw - 2 * var(--ds-unit));max-width:none;max-height:none;margin:0;top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%)rotate(90deg)}ds-dialog>dialog[data-ds-dialog-fullscreen][data-ds-dialog-rotated]{width:100dvh;height:100vw}ds-dialog>dialog::backdrop{background:color-mix(in srgb, var(--ds-black) 40%, transparent)}ds-dialog [data-ds-dialog=header]{padding-right:var(--ds-unit);flex-direction:column;display:flex}ds-dialog [data-ds-dialog=title]{min-height:var(--ds-row-height);color:var(--ds-text-color);font:inherit;font-weight:var(--ds-type-weight-bold);line-height:var(--ds-row-height);align-items:center;margin:0;display:flex}ds-dialog [data-ds-dialog=description]{color:var(--ds-text-color-muted);font:inherit;margin:0}ds-dialog [data-ds-dialog=footer]{justify-content:flex-end;align-items:center;gap:calc(var(--ds-unit) / 2);min-height:var(--ds-row-height);flex-wrap:wrap;display:flex}ds-dialog [data-ds-dialog=close]{top:var(--ds-unit);right:var(--ds-unit);position:absolute}ds-dialog>dialog[data-ds-dialog-inline]{background:0 0;border:0;gap:0;width:100%;max-width:none;max-height:none;margin:0;padding:0;position:relative;top:auto;bottom:auto;left:auto;right:auto}:is(ds-dialog>dialog[data-ds-placement=sheet],dialog.ds-dialog.ds-dialog--sheet){--ds-dialog-gap:var(--ds-unit);--ds-dialog-inner:var(--ds-dialog-padding,var(--ds-unit));--ds-dialog-within:max(0px, var(--ds-dialog-inner) - var(--ds-dialog-line,1px));--ds-dialog-motion:var(--ds-dialog-enter,.38s);--ds-dialog-curve:var(--ds-dialog-easing,cubic-bezier(.32, .72, 0, 1));gap:var(--ds-dialog-gap);transform:var(--ds-dialog-held);transition:transform var(--ds-dialog-motion) var(--ds-dialog-curve), opacity var(--ds-dialog-motion) var(--ds-dialog-curve), overlay var(--ds-dialog-motion) allow-discrete, display var(--ds-dialog-motion) allow-discrete;margin:0}:is(ds-dialog>dialog[data-ds-placement=end],dialog.ds-dialog.ds-dialog--end){--ds-dialog-gap:var(--ds-unit);--ds-dialog-inner:var(--ds-dialog-padding,var(--ds-unit));--ds-dialog-within:max(0px, var(--ds-dialog-inner) - var(--ds-dialog-line,1px));--ds-dialog-motion:var(--ds-dialog-enter,.38s);--ds-dialog-curve:var(--ds-dialog-easing,cubic-bezier(.32, .72, 0, 1));gap:var(--ds-dialog-gap);transform:var(--ds-dialog-held);transition:transform var(--ds-dialog-motion) var(--ds-dialog-curve), opacity var(--ds-dialog-motion) var(--ds-dialog-curve), overlay var(--ds-dialog-motion) allow-discrete, display var(--ds-dialog-motion) allow-discrete;margin:0}:is(ds-dialog>dialog[data-ds-placement=start],dialog.ds-dialog.ds-dialog--start){--ds-dialog-gap:var(--ds-unit);--ds-dialog-inner:var(--ds-dialog-padding,var(--ds-unit));--ds-dialog-within:max(0px, var(--ds-dialog-inner) - var(--ds-dialog-line,1px));--ds-dialog-motion:var(--ds-dialog-enter,.38s);--ds-dialog-curve:var(--ds-dialog-easing,cubic-bezier(.32, .72, 0, 1));gap:var(--ds-dialog-gap);transform:var(--ds-dialog-held);transition:transform var(--ds-dialog-motion) var(--ds-dialog-curve), opacity var(--ds-dialog-motion) var(--ds-dialog-curve), overlay var(--ds-dialog-motion) allow-discrete, display var(--ds-dialog-motion) allow-discrete;margin:0}:-webkit-any(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:-webkit-any(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start))[data-ds-dialog-flush]{--ds-dialog-inner:0px;--ds-dialog-gap:0px}:is(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:is(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start))[data-ds-dialog-flush]{--ds-dialog-inner:0px;--ds-dialog-gap:0px}:is(ds-dialog>dialog[data-ds-placement=sheet],dialog.ds-dialog.ds-dialog--sheet){--ds-dialog-held:translateY(var(--ds-dialog-drag,0px));--ds-dialog-away:translateY(100%);width:var(--ds-dialog-width,100%);max-width:min(100%, var(--ds-dialog-sheet-width,calc(32 * var(--ds-unit))));height:var(--ds-dialog-height,fit-content);max-height:calc(100dvh - var(--ds-dialog-sheet-gap,calc(2 * var(--ds-unit))) - env(safe-area-inset-top,0px));padding:var(--ds-dialog-within) calc(var(--ds-dialog-inner) + env(safe-area-inset-right,0px)) calc(var(--ds-dialog-inner) + env(safe-area-inset-bottom,0px)) calc(var(--ds-dialog-inner) + env(safe-area-inset-left,0px));border-bottom:0;margin:0 auto;top:auto;bottom:0;left:0;right:0}:is(ds-dialog>dialog[data-ds-placement=sheet],dialog.ds-dialog.ds-dialog--sheet):before{--ds-dialog-handle-height:calc(4px * var(--ds-sf,1));content:"";display:var(--ds-dialog-handle,block);z-index:1;top:calc((var(--ds-unit) - var(--ds-dialog-handle-height)) / 2 - var(--ds-dialog-line,1px));width:calc(2 * var(--ds-unit));height:var(--ds-dialog-handle-height);margin-top:calc(var(--ds-dialog-inner) * -1 + (var(--ds-unit) - var(--ds-dialog-handle-height)) / 2);margin-bottom:calc(var(--ds-dialog-inner) - var(--ds-dialog-gap) - var(--ds-dialog-handle-height) - (var(--ds-unit) - var(--ds-dialog-handle-height)) / 2);border-radius:calc(var(--ds-dialog-handle-height) / 2);background:var(--ds-dialog-handle-color,var(--ds-border-color));pointer-events:none;flex:none;align-self:center;position:sticky}:is(ds-dialog>dialog[data-ds-placement=end],dialog.ds-dialog.ds-dialog--end){--ds-dialog-held:translateX(var(--ds-dialog-drag,0px));width:calc(var(--ds-dialog-width,calc(16 * var(--ds-unit))) + var(--ds-dialog-safe-side,0px));max-width:calc(100vw - 2 * var(--ds-unit));border-top:0;border-bottom:0;height:100dvh;max-height:none}:is(ds-dialog>dialog[data-ds-placement=start],dialog.ds-dialog.ds-dialog--start){--ds-dialog-held:translateX(var(--ds-dialog-drag,0px));width:calc(var(--ds-dialog-width,calc(16 * var(--ds-unit))) + var(--ds-dialog-safe-side,0px));max-width:calc(100vw - 2 * var(--ds-unit));border-top:0;border-bottom:0;height:100dvh;max-height:none}:-webkit-any(ds-dialog>dialog[data-ds-placement=end],dialog.ds-dialog.ds-dialog--end):not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){--ds-dialog-away:translateX(100%);--ds-dialog-safe-side:env(safe-area-inset-right,0px);padding:calc(var(--ds-dialog-inner) + env(safe-area-inset-top,0px)) calc(var(--ds-dialog-inner) + env(safe-area-inset-right,0px)) calc(var(--ds-dialog-inner) + env(safe-area-inset-bottom,0px)) var(--ds-dialog-within);border-right:0;top:0;bottom:0;left:auto;right:0}:is(ds-dialog>dialog[data-ds-placement=end],dialog.ds-dialog.ds-dialog--end):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){--ds-dialog-away:translateX(100%);--ds-dialog-safe-side:env(safe-area-inset-right,0px);padding:calc(var(--ds-dialog-inner) + env(safe-area-inset-top,0px)) calc(var(--ds-dialog-inner) + env(safe-area-inset-right,0px)) calc(var(--ds-dialog-inner) + env(safe-area-inset-bottom,0px)) var(--ds-dialog-within);border-right:0;top:0;bottom:0;left:auto;right:0}:-webkit-any(ds-dialog>dialog[data-ds-placement=start],dialog.ds-dialog.ds-dialog--start):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--ds-dialog-away:translateX(100%);--ds-dialog-safe-side:env(safe-area-inset-right,0px);padding:calc(var(--ds-dialog-inner) + env(safe-area-inset-top,0px)) calc(var(--ds-dialog-inner) + env(safe-area-inset-right,0px)) calc(var(--ds-dialog-inner) + env(safe-area-inset-bottom,0px)) var(--ds-dialog-within);border-right:0;top:0;bottom:0;left:auto;right:0}:is(ds-dialog>dialog[data-ds-placement=start],dialog.ds-dialog.ds-dialog--start):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--ds-dialog-away:translateX(100%);--ds-dialog-safe-side:env(safe-area-inset-right,0px);padding:calc(var(--ds-dialog-inner) + env(safe-area-inset-top,0px)) calc(var(--ds-dialog-inner) + env(safe-area-inset-right,0px)) calc(var(--ds-dialog-inner) + env(safe-area-inset-bottom,0px)) var(--ds-dialog-within);border-right:0;top:0;bottom:0;left:auto;right:0}:-webkit-any(ds-dialog>dialog[data-ds-placement=start],dialog.ds-dialog.ds-dialog--start):not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){--ds-dialog-away:translateX(-100%);--ds-dialog-safe-side:env(safe-area-inset-left,0px);padding:calc(var(--ds-dialog-inner) + env(safe-area-inset-top,0px)) var(--ds-dialog-within) calc(var(--ds-dialog-inner) + env(safe-area-inset-bottom,0px)) calc(var(--ds-dialog-inner) + env(safe-area-inset-left,0px));border-left:0;top:0;bottom:0;left:0;right:auto}:is(ds-dialog>dialog[data-ds-placement=start],dialog.ds-dialog.ds-dialog--start):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){--ds-dialog-away:translateX(-100%);--ds-dialog-safe-side:env(safe-area-inset-left,0px);padding:calc(var(--ds-dialog-inner) + env(safe-area-inset-top,0px)) var(--ds-dialog-within) calc(var(--ds-dialog-inner) + env(safe-area-inset-bottom,0px)) calc(var(--ds-dialog-inner) + env(safe-area-inset-left,0px));border-left:0;top:0;bottom:0;left:0;right:auto}:-webkit-any(ds-dialog>dialog[data-ds-placement=end],dialog.ds-dialog.ds-dialog--end):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--ds-dialog-away:translateX(-100%);--ds-dialog-safe-side:env(safe-area-inset-left,0px);padding:calc(var(--ds-dialog-inner) + env(safe-area-inset-top,0px)) var(--ds-dialog-within) calc(var(--ds-dialog-inner) + env(safe-area-inset-bottom,0px)) calc(var(--ds-dialog-inner) + env(safe-area-inset-left,0px));border-left:0;top:0;bottom:0;left:0;right:auto}:is(ds-dialog>dialog[data-ds-placement=end],dialog.ds-dialog.ds-dialog--end):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--ds-dialog-away:translateX(-100%);--ds-dialog-safe-side:env(safe-area-inset-left,0px);padding:calc(var(--ds-dialog-inner) + env(safe-area-inset-top,0px)) var(--ds-dialog-within) calc(var(--ds-dialog-inner) + env(safe-area-inset-bottom,0px)) calc(var(--ds-dialog-inner) + env(safe-area-inset-left,0px));border-left:0;top:0;bottom:0;left:0;right:auto}:root:has(dialog.ds-dialog:-webkit-any(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start):modal){overscroll-behavior:none;overflow:hidden}:root:has(dialog.ds-dialog:is(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start):modal){overscroll-behavior:none;overflow:hidden}:-webkit-any(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:-webkit-any(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start)):not([open]){--ds-dialog-motion:var(--ds-dialog-exit,.26s);transform:var(--ds-dialog-away)}:is(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:is(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start)):not([open]){--ds-dialog-motion:var(--ds-dialog-exit,.26s);transform:var(--ds-dialog-away)}@starting-style{:-webkit-any(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:-webkit-any(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start))[open]{transform:var(--ds-dialog-away)}:is(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:is(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start))[open]{transform:var(--ds-dialog-away)}}:-webkit-any(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:-webkit-any(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start))::backdrop{opacity:calc(1 - var(--ds-dialog-progress,0));transition:opacity var(--ds-dialog-motion,.38s) ease, overlay var(--ds-dialog-motion,.38s) allow-discrete, display var(--ds-dialog-motion,.38s) allow-discrete}:is(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:is(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start))::backdrop{opacity:calc(1 - var(--ds-dialog-progress,0));transition:opacity var(--ds-dialog-motion,.38s) ease, overlay var(--ds-dialog-motion,.38s) allow-discrete, display var(--ds-dialog-motion,.38s) allow-discrete}:-webkit-any(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:-webkit-any(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start)):not([open])::backdrop{opacity:0}:is(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:is(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start)):not([open])::backdrop{opacity:0}@starting-style{:-webkit-any(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:-webkit-any(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start))[open]::backdrop{opacity:0}:is(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:is(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start))[open]::backdrop{opacity:0}}:-webkit-any(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:-webkit-any(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start))[data-ds-dialog-dragging]{transition:none}:is(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:is(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start))[data-ds-dialog-dragging]{transition:none}:-webkit-any(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:-webkit-any(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start))[data-ds-dialog-dragging]::backdrop{transition:none}:is(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:is(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start))[data-ds-dialog-dragging]::backdrop{transition:none}@media (prefers-reduced-motion:reduce){:-webkit-any(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:-webkit-any(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start)){--ds-dialog-motion:.15s;transition:opacity var(--ds-dialog-motion) ease, overlay var(--ds-dialog-motion) allow-discrete, display var(--ds-dialog-motion) allow-discrete}:is(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:is(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start)){--ds-dialog-motion:.15s;transition:opacity var(--ds-dialog-motion) ease, overlay var(--ds-dialog-motion) allow-discrete, display var(--ds-dialog-motion) allow-discrete}:-webkit-any(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:-webkit-any(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start)):not([open]){--ds-dialog-motion:.15s;transform:var(--ds-dialog-held);opacity:0}:is(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:is(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start)):not([open]){--ds-dialog-motion:.15s;transform:var(--ds-dialog-held);opacity:0}@starting-style{:-webkit-any(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:-webkit-any(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start))[open]{transform:var(--ds-dialog-held);opacity:0}:is(ds-dialog>dialog[data-ds-placement],dialog.ds-dialog:is(.ds-dialog--sheet,.ds-dialog--end,.ds-dialog--start))[open]{transform:var(--ds-dialog-held);opacity:0}}}
 /*$vite$:1*/

package/dist/feedback.js

@@ -0,0 +1,541 @@
+var I = Object.defineProperty, w = (t, e, s) => () => {
+  if (s) throw s[0];
+  try {
+    return t && (e = t(t = 0)), e;
+  } catch (i) {
+    throw s = [i], i;
+  }
+}, N = (t, e) => {
+  let s = {};
+  for (var i in t)
+    I(s, i, {
+      get: t[i],
+      enumerable: !0
+    });
+  return e || I(s, Symbol.toStringTag, { value: "Module" }), s;
+};
+function rt(t) {
+  x = t;
+}
+function p(t) {
+  if (typeof x == "function") return x(t);
+  const e = x?.[t];
+  if (e !== void 0) return e;
+  const s = globalThis[F];
+  return typeof s == "function" ? String(s(t)) : t;
+}
+var F, x, C = w((() => {
+  F = /* @__PURE__ */ Symbol.for("design-system-1.translate"), x = null;
+})), K, Y, Z = w((() => {
+  K = '[data-ds-shape="square"], :host([data-ds-shape="square"]){--ds-corner-size: 0px;--ds-corner-shape: round;--ds-button-inset: 0.5px}[data-ds-shape="rounded"], :host([data-ds-shape="rounded"]){--ds-corner-size: 4px;--ds-corner-shape: round;--ds-button-inset: 2.5px}[data-ds-shape="circular"], :host([data-ds-shape="circular"]){--ds-corner-size: 999px;--ds-corner-shape: round;--ds-button-inset: 5px}@supports (corner-shape: squircle){[data-ds-shape="rounded"], :host([data-ds-shape="rounded"]){--ds-corner-size: 8px;--ds-corner-shape: squircle}}:root, :host, :where([data-ds-surface]){--ds-unit: calc(var(--ds-1, 20px) * var(--ds-sf, 1));--ds-control-height: calc(var(--ds-control-size, var(--ds-08, 16px)) * var(--ds-sf, 1));--ds-row-height: calc(var(--ds-row-size, var(--ds-1, 20px)) * var(--ds-sf, 1));--ds-type-size-default: calc(var(--ds-text-size, 14px) * var(--ds-sf, 1));--ds-type-size-small: calc(var(--ds-small-text-size, 10px) * var(--ds-sf, 1));--ds-type-size-heading: calc(var(--ds-heading-text-size, 13px) * var(--ds-sf, 1));--ds-type-size-display: calc(var(--ds-display-text-size, 20px) * var(--ds-sf, 1));--ds-type-lineheight-default: calc(var(--ds-text-leading, 16px) * var(--ds-sf, 1));--ds-type-letterspacing-default: calc(var(--ds-text-tracking, -0.3px) * var(--ds-sf, 1));--ds-radius: calc(var(--ds-corner-size, 4px) * var(--ds-sf, 1));--ds-radius-card: calc(var(--ds-card-corner-size, 4px) * var(--ds-sf, 1))}:host{--ds-toast-width: calc(16 * var(--ds-unit));--ds-toast-offset: var(--ds-unit);--ds-toast-gap: calc(var(--ds-unit) - var(--ds-control-height));--ds-toast-background: var(--ds-tooltip-background, light-dark(var(--ds-black, #2a2a2a), var(--ds-white, #ffffff)));--ds-toast-color: var(--ds-tooltip-color, light-dark(var(--ds-white, #ffffff), var(--ds-black, #2a2a2a)));display: contents}section{display: contents}ol{--lift: -1;position: fixed;z-index: 2147483000;box-sizing: border-box;width: min(var(--ds-toast-width), calc(100% - 2 * var(--ds-toast-offset)));height: calc(var(--height) + var(--gaps) * var(--ds-toast-gap));margin: 0;padding: 0;list-style: none;outline: none;pointer-events: none}ol[data-y="top"]{--lift: 1;top: calc(var(--ds-toast-offset) + env(safe-area-inset-top, 0px))}ol[data-y="bottom"]{bottom: calc(var(--ds-toast-offset) + env(safe-area-inset-bottom, 0px))}ol[data-x="left"]{left: var(--ds-toast-offset)}ol[data-x="right"]{right: var(--ds-toast-offset)}ol[data-x="center"]{left: 50%;transform: translateX(-50%)}:host([contained]) ol{position: absolute;z-index: var(--ds-toast-z-index, 60)}:host([contained]) ol[data-y="top"]{top: var(--ds-toast-offset)}:host([contained]) ol[data-y="bottom"]{bottom: var(--ds-toast-offset)}.toast{--swipe: 0px;position: absolute;left: 0;right: 0;box-sizing: border-box;width: max-content;max-width: 100%;overflow: hidden;border-radius: var(--ds-radius);background: var(--ds-toast-background);color: var(--ds-toast-color);font-family: var(--ds-typeface-regular);font-feature-settings: var(--ds-font-features);font-size: var(--ds-type-size-default);line-height: var(--ds-control-height);letter-spacing: var(--ds-type-letterspacing-default);outline: none;touch-action: none;user-select: none;pointer-events: auto;opacity: 0;transition: transform 400ms ease, opacity 400ms ease}ol[data-y="bottom"] .toast{bottom: 0}ol[data-y="top"] .toast{top: 0}ol[data-x="center"] .toast{margin-inline: auto}ol[data-x="left"] .toast{margin-right: auto}ol[data-x="right"] .toast{margin-left: auto}.toast:focus-visible{outline: 2px solid var(--ds-focus-ring);outline-offset: 1px}.toast[data-mounted="false"]{transform: translateY(calc(var(--lift) * -100%))}.toast[data-mounted="true"]{opacity: 1}ol[data-expanded="false"] .toast[data-mounted="true"]{transform: translateY(calc(var(--lift) * var(--index) * var(--ds-toast-gap) + var(--swipe))) scale(calc(1 - var(--index) * 0.05))}ol[data-expanded="false"] .toast[data-front="false"]{height: var(--front-height)}ol[data-expanded="false"] .toast[data-front="false"] .body{opacity: 0}ol[data-expanded="true"] .toast[data-mounted="true"]{transform: translateY(calc(var(--lift) * (var(--offset) + var(--index) * var(--ds-toast-gap)) + var(--swipe)))}.toast[data-visible="false"]{opacity: 0;pointer-events: none}.toast[data-swiping="true"]{transition: none}.toast[data-removed="true"]{opacity: 0;pointer-events: none}.toast[data-removed="true"][data-front="true"]{transform: translateY(calc(var(--lift) * -100%))}.toast[data-swipe-out="true"]{transform: translateY(calc(var(--swipe) + var(--lift) * -100%))}.body{display: flex;align-items: flex-start;gap: calc(4px * var(--ds-sf));box-sizing: border-box;min-height: var(--ds-control-height);padding-inline: calc(4px * var(--ds-sf));transition: opacity 400ms ease}.icon{display: inline-flex;flex: 0 0 auto;align-items: center;justify-content: center;width: var(--ds-control-height);height: var(--ds-control-height);--ds-icon-color: currentColor}.icon:first-child{margin-left: calc(-4px * var(--ds-sf))}.icon > svg, .close > svg{width: calc(14px * var(--ds-sf));height: calc(14px * var(--ds-sf))}.content{flex: 1 1 auto;min-width: 0}.title, .description{white-space: normal;overflow-wrap: anywhere}.description{opacity: 0.7}.button{flex: 0 0 auto;margin: 0 0 0 calc(4px * var(--ds-sf));padding: 0;border: 0;background: none;color: inherit;font: inherit;letter-spacing: inherit;text-decoration: underline;text-underline-offset: 2px;cursor: pointer}a.button{display: inline-block}.button.cancel{opacity: 0.7}.button:focus-visible, .close:focus-visible{outline: 1px solid currentColor;outline-offset: 1px;border-radius: 1px}.close{display: inline-flex;flex: 0 0 auto;align-items: center;justify-content: center;width: var(--ds-control-height);height: var(--ds-control-height);margin: 0 calc(-4px * var(--ds-sf)) 0 0;padding: 0;border: 0;background: none;color: inherit;cursor: pointer;--ds-icon-color: currentColor}.spinner{width: calc(10px * var(--ds-sf));height: calc(10px * var(--ds-sf));box-sizing: border-box;border: 1px solid color-mix(in srgb, currentColor 25%, transparent);border-top-color: currentColor;border-radius: 50%;animation: ds-toast-spin 720ms linear infinite}@keyframes ds-toast-spin{to{transform: rotate(360deg)}}:host([rich-colors]) .toast[data-type="success"]{--ds-toast-background: var(--ds-apple-green)}:host([rich-colors]) .toast[data-type="info"]{--ds-toast-background: var(--ds-zenith-blue)}:host([rich-colors]) .toast[data-type="warning"]{--ds-toast-background: var(--ds-orange)}:host([rich-colors]) .toast[data-type="error"]{--ds-toast-background: var(--ds-tuned-red)}:host([rich-colors]) .toast:is([data-type="success"], [data-type="info"], [data-type="warning"], [data-type="error"]){--ds-toast-color: var(--ds-black)}@media (prefers-reduced-motion: reduce){.toast, .body{transition: none}.spinner{animation: none}}', Y = {
+    check: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.68649 11.884L12.443 6.13601L11.736 5.42715L6.68835 10.4827L4.26399 8.0501L3.55696 8.74525L6.68649 11.884Z" fill="currentColor"/>
+</svg>
+`,
+    close: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.1215 4.58087L8.70453 7.99397L12.1176 11.4169L11.4106 12.112L7.99847 8.69108L4.58636 12.112L3.87836 11.4031L7.29535 7.99005L3.88226 4.56716L4.58929 3.87201L8.0014 7.29294L11.4145 3.87201L12.1215 4.58087Z" fill="currentColor"/>
+</svg>
+`,
+    notifications: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.5 11.5V7.5C4.5 5.567 6.067 4 8 4C9.933 4 11.5 5.567 11.5 7.5V11.5M3 11.5H13M8 2.5V4M6.5 13.5H9.5" stroke="currentColor" stroke-width="0.92"/>
+</svg>
+`,
+    warning: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.8L15.2 14.3H0.8L8 1.8ZM8 3.8L2.53 13.3H13.47L8 3.8ZM7.5 6.3H8.5V10.3H7.5V6.3ZM7.5 11.3H8.5V12.3H7.5V11.3Z" fill="#1E1E1E"/>
+</svg>
+`
+  };
+}));
+function g() {
+  const t = globalThis;
+  return t[T] ?? (t[T] = {
+    toasters: /* @__PURE__ */ new Set(),
+    fallbacks: /* @__PURE__ */ new Set(),
+    lastId: 0
+  });
+}
+function W(t, { fallback: e = !1 } = {}) {
+  const s = e ? g().fallbacks : g().toasters;
+  return s.add(t), () => {
+    s.delete(t);
+  };
+}
+function U() {
+  const t = g();
+  return t.toasters.size > 0 || t.fallbacks.size > 0 || !!t.mountFallback || typeof customElements < "u" && !!customElements.get("ds-toast");
+}
+function X(t) {
+  g().mountFallback = t;
+}
+function u(t, e, s = {}) {
+  const i = g(), o = s.id ?? ++i.lastId;
+  !i.toasters.size && typeof document < "u" && document.body && (typeof customElements < "u" && customElements.get("ds-toast") ? document.body.appendChild(document.createElement("ds-toast")) : i.fallbacks.size || i.mountFallback?.());
+  const n = s.important ?? (e === "error" ? !0 : void 0), a = {
+    ...s,
+    ...n === void 0 ? {} : { important: n },
+    id: o,
+    title: t,
+    type: e
+  };
+  for (const r of Array.from(i.toasters.size ? i.toasters : i.fallbacks)) r({ toast: a });
+  return o;
+}
+var G, J, B, T, z, O = w((() => {
+  G = 1 / 0, J = 0.11, B = {
+    success: "check",
+    info: "notifications",
+    warning: "warning",
+    error: "warning"
+  }, T = /* @__PURE__ */ Symbol.for("design-system-1.toasts"), z = Object.assign((t, e) => u(t, "default", e), {
+    message: (t, e) => u(t, "default", e),
+    success: (t, e) => u(t, "success", e),
+    info: (t, e) => u(t, "info", e),
+    warning: (t, e) => u(t, "warning", e),
+    error: (t, e) => u(t, "error", e),
+    loading: (t, e) => u(t, "loading", e),
+    promise(t, e) {
+      const { loading: s, success: i, error: o, finally: n, ...a } = e, r = u(s, "loading", a);
+      return Promise.resolve(typeof t == "function" ? t() : t).then((l) => {
+        u(typeof i == "function" ? i(l) : i, "success", {
+          ...a,
+          id: r
+        });
+      }, (l) => {
+        u(typeof o == "function" ? o(l) : o, "error", {
+          ...a,
+          id: r
+        });
+      }).finally(() => n?.()), r;
+    },
+    dismiss(t) {
+      const e = g();
+      for (const s of [...e.toasters, ...e.fallbacks]) s({ dismiss: t });
+      return t;
+    }
+  });
+}));
+function dt(t) {
+  f = {
+    ...f,
+    ...t
+  }, b?.render();
+}
+function c(t, e = {}, s) {
+  const i = document.createElement(t);
+  for (const [o, n] of Object.entries(e)) i.setAttribute(o, n);
+  return s !== void 0 && (i.textContent = s), i;
+}
+function Q(t, e) {
+  const s = A[t];
+  if (!s) return;
+  const i = c("span", {
+    class: e,
+    "aria-hidden": "true"
+  });
+  return i.innerHTML = s, i;
+}
+function S() {
+  if (!(typeof document > "u" || !document.body))
+    return b ?? (b = new D()), b.attach(), b.host;
+}
+var q, A, f, b, R, D, V = w((() => {
+  if (C(), Z(), O(), q = /(fill|stroke)=("|')(#1E1E1E|#2A2A2A|#000000|#000|black)\2/gi, A = Object.fromEntries(Object.entries(Y).map(([t, e]) => [t, e.replace(q, '$1="currentColor"')])), f = {}, R = (t) => typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 16), D = class {
+    constructor() {
+      this.host = c("div", { "data-ds-toaster": "" }), this.section = c("section", {
+        "aria-live": "polite",
+        "aria-relevant": "additions text",
+        "aria-atomic": "false"
+      }), this.list = c("ol", { tabindex: "-1" }), this.items = [], this.heights = /* @__PURE__ */ new Map(), this.timers = /* @__PURE__ */ new Map(), this.hovered = !1, this.focused = !1, this.interacting = !1, this.mounting = !1, this.resizes = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(() => this.measure()), this.receive = (e) => {
+        if ("dismiss" in e) {
+          for (const o of this.live) (e.dismiss === void 0 || o.data.id === e.dismiss) && this.removeToast(o.data.id);
+          return;
+        }
+        this.attach();
+        const s = e.toast, i = this.live.find((o) => o.data.id === s.id);
+        i ? (i.data = {
+          ...i.data,
+          ...s
+        }, this.clearTimer(s.id)) : this.items = [{
+          data: s,
+          mounted: !1,
+          removed: !1,
+          swipeOut: !1,
+          index: 0,
+          offset: 0
+        }, ...this.items.filter((o) => o.data.id !== s.id)], this.render();
+      }, this.syncTimers = () => {
+        const e = Date.now();
+        for (const s of this.live) {
+          const { id: i, type: o } = s.data, n = s.data.duration ?? f.duration ?? 1 / 0;
+          if (o === "loading" || n === 1 / 0) {
+            this.clearTimer(i);
+            continue;
+          }
+          let a = this.timers.get(i);
+          a || (a = {
+            remaining: n,
+            started: e
+          }, this.timers.set(i, a)), this.paused && a.handle !== void 0 ? (clearTimeout(a.handle), a.handle = void 0, a.remaining -= e - a.started) : !this.paused && a.handle === void 0 && (a.started = e, a.handle = setTimeout(() => this.removeToast(i, "auto"), Math.max(0, a.remaining)));
+        }
+      }, this.hotkey = (e) => {
+        e.altKey && e.code === "KeyT" && this.live.length ? (this.focused = !0, this.list.focus(), this.render()) : e.key === "Escape" && this.focused && (this.focused = !1, this.render());
+      };
+      const t = this.host.attachShadow({ mode: "open" });
+      t.appendChild(c("style", {}, K)), t.appendChild(this.section), this.section.appendChild(this.list), this.list.addEventListener("pointerenter", () => {
+        this.hovered = !0, this.render();
+      }), this.list.addEventListener("pointerleave", () => {
+        this.interacting || (this.hovered = !1, this.render());
+      }), this.list.addEventListener("focusin", () => {
+        this.focused = !0, this.render();
+      }), this.list.addEventListener("focusout", (e) => {
+        e.relatedTarget instanceof Node && t.contains(e.relatedTarget) || (this.focused = !1, this.render());
+      }), document.addEventListener("keydown", this.hotkey), document.addEventListener("visibilitychange", this.syncTimers), window.addEventListener("language-changed", () => this.render()), W(this.receive, { fallback: !0 }), this.attach(), this.render();
+    }
+    attach() {
+      !this.host.isConnected && document.body && document.body.appendChild(this.host);
+    }
+    get live() {
+      return this.items.filter((t) => !t.removed);
+    }
+    get position() {
+      return f.position ?? "bottom-right";
+    }
+    get expanded() {
+      return !!f.expand || (this.hovered || this.focused) && this.live.length > 0;
+    }
+    get paused() {
+      return this.hovered || this.focused || this.interacting || document.hidden;
+    }
+    removeToast(t, e = "dismiss") {
+      const s = this.live.find((i) => i.data.id === t);
+      s && (this.clearTimer(t), this.heights.delete(t), (e === "auto" ? s.data.onAutoClose : s.data.onDismiss)?.(s.data), s.removed = !0, s.swipeOut = e === "swipe", this.render(), setTimeout(() => {
+        this.items = this.items.filter((i) => i !== s), this.render();
+      }, 200));
+    }
+    clearTimer(t) {
+      clearTimeout(this.timers.get(t)?.handle), this.timers.delete(t);
+    }
+    measure() {
+      let t = !1;
+      for (const e of this.live) {
+        const s = e.element, i = s?.querySelector(".body");
+        if (!s || !i) continue;
+        const o = i.offsetHeight + s.offsetHeight - s.clientHeight;
+        this.heights.get(e.data.id) !== o && (this.heights.set(e.data.id, o), t = !0);
+      }
+      t && this.layout();
+    }
+    press(t, e, s) {
+      s.onClick?.(t), (s.href || !t.defaultPrevented) && this.removeToast(e);
+    }
+    button(t, e, s) {
+      const i = e.href ? c("a", {
+        class: `button ${s}`,
+        href: e.href
+      }, e.label) : c("button", {
+        class: `button ${s}`,
+        type: "button"
+      }, e.label);
+      return i.addEventListener("click", (o) => this.press(o, t, e)), i;
+    }
+    draw(t) {
+      const { data: e } = t, s = e.dismissible !== !1, i = (e.closeButton ?? f.closeButton ?? !0) && s, o = f.closeLabel ?? p("Close"), n = JSON.stringify([
+        e.title,
+        e.description,
+        e.type,
+        e.icon,
+        e.action?.label,
+        e.action?.href,
+        e.cancel?.label,
+        e.cancel?.href,
+        i,
+        o
+      ]), a = t.element?.querySelector(".body");
+      if (t.drawn === n && a) return;
+      t.drawn = n, a && this.resizes?.unobserve(a);
+      const r = c("div", {
+        class: "body",
+        "data-id": String(e.id)
+      }), l = e.type === "loading" ? c("span", {
+        class: "icon",
+        "aria-hidden": "true"
+      }) : Q(e.icon ?? B[e.type] ?? "", "icon");
+      e.type === "loading" && l.appendChild(c("span", { class: "spinner" }));
+      const m = c("div", { class: "content" });
+      if (m.appendChild(c("div", { class: "title" }, e.title)), e.description && m.appendChild(c("div", { class: "description" }, e.description)), l && r.appendChild(l), r.appendChild(m), e.cancel && r.appendChild(this.button(e.id, e.cancel, "cancel")), e.action && r.appendChild(this.button(e.id, e.action, "action")), i) {
+        const y = c("button", {
+          class: "close",
+          type: "button",
+          "aria-label": o
+        });
+        y.innerHTML = A.close, y.addEventListener("click", () => this.removeToast(e.id)), r.appendChild(y);
+      }
+      t.element.replaceChildren(r), this.resizes?.observe(r);
+    }
+    create(t) {
+      const e = c("li", {
+        class: "toast",
+        role: "status",
+        tabindex: "0",
+        "aria-atomic": "true"
+      }), s = t.data.id;
+      e.addEventListener("pointerdown", (o) => {
+        const n = this.live.find((a) => a.data.id === s);
+        !n || n.data.dismissible === !1 || n.data.type === "loading" || o.composedPath()[0]?.closest?.("button, a") || (e.setPointerCapture?.(o.pointerId), this.swipe = {
+          id: s,
+          start: o.clientY,
+          time: Date.now(),
+          amount: 0
+        }, this.interacting = !0, this.syncTimers());
+      }), e.addEventListener("pointermove", (o) => {
+        if (!this.swipe || this.swipe.id !== s) return;
+        const n = this.position.startsWith("top") ? -1 : 1;
+        this.swipe.amount = Math.max(0, (o.clientY - this.swipe.start) * n), e.dataset.swiping = "true", e.style.setProperty("--swipe", `${this.swipe.amount * n}px`);
+      });
+      const i = () => {
+        const o = this.swipe;
+        if (!o || o.id !== s) return;
+        this.swipe = void 0, this.interacting = !1, delete e.dataset.swiping;
+        const n = o.amount / Math.max(1, Date.now() - o.time);
+        o.amount >= 45 || n > 0.11 ? this.removeToast(s, "swipe") : e.style.setProperty("--swipe", "0px"), this.syncTimers();
+      };
+      return e.addEventListener("pointerup", i), e.addEventListener("pointercancel", i), e;
+    }
+    render() {
+      this.live.length || (this.hovered = !1, this.focused = !1), this.section.setAttribute("aria-label", `${f.label ?? p("Notifications")} alt+T`), this.host.toggleAttribute("rich-colors", !!f.richColors);
+      for (const t of this.items)
+        t.element ?? (t.element = this.create(t)), this.draw(t);
+      this.items.forEach((t, e) => {
+        this.list.children[e] !== t.element && this.list.insertBefore(t.element, this.list.children[e] ?? null);
+      });
+      for (const t of Array.from(this.list.children)) {
+        if (this.items.some((s) => s.element === t)) continue;
+        const e = t.querySelector(".body");
+        e && this.resizes?.unobserve(e), t.remove();
+      }
+      this.layout(), this.measure(), this.syncTimers(), !this.mounting && this.items.some((t) => !t.mounted) && (this.mounting = !0, R(() => {
+        this.mounting = !1;
+        for (const t of this.items) t.mounted = !0;
+        this.layout();
+      }));
+    }
+    layout() {
+      let t = 0;
+      this.live.forEach((r, l) => {
+        r.index = l, r.offset = t, t += this.heights.get(r.data.id) ?? 0;
+      });
+      const e = this.live, s = e.length ? this.heights.get(e[0].data.id) ?? 0 : 0, i = this.expanded, [o, n] = this.position.split("-");
+      Object.assign(this.list.dataset, {
+        y: o,
+        x: n,
+        expanded: String(i)
+      }), this.list.style.setProperty("--height", `${i ? t : s}px`), this.list.style.setProperty("--gaps", String(i ? Math.max(0, e.length - 1) : 0));
+      const a = f.visibleToasts ?? 3;
+      for (const r of this.items) {
+        const l = r.element;
+        l.setAttribute("aria-live", r.data.important ? "assertive" : "polite"), Object.assign(l.dataset, {
+          type: r.data.type,
+          front: String(r.index === 0),
+          mounted: String(r.mounted),
+          removed: String(r.removed),
+          swipeOut: String(r.swipeOut),
+          visible: String(r.index < a)
+        }), l.style.setProperty("--index", String(r.index)), l.style.setProperty("--offset", `${r.offset}px`), l.style.setProperty("--front-height", `${s}px`), l.style.zIndex = String(this.items.length - r.index);
+      }
+    }
+  }, X(() => {
+    S();
+  }), typeof document < "u") {
+    const t = () => {
+      (typeof customElements > "u" || !customElements.get("ds-toast")) && S();
+    };
+    document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", t, { once: !0 }) : t();
+  }
+}));
+V();
+C();
+var j = [], E = !1, tt = 0;
+function M(t) {
+  return new Promise((e, s) => {
+    const i = () => {
+      E = !0, t().then(e, s).finally(() => {
+        E = !1, j.shift()?.();
+      });
+    };
+    E ? j.push(i) : i();
+  });
+}
+function et() {
+  let t = document.activeElement;
+  for (; t?.shadowRoot?.activeElement; ) t = t.shadowRoot.activeElement;
+  return t instanceof HTMLElement ? t : null;
+}
+function h(t, e = {}, s) {
+  const i = document.createElement(t);
+  for (const [o, n] of Object.entries(e)) i.setAttribute(o, n);
+  return s !== void 0 && (i.textContent = s), i;
+}
+function P(t) {
+  return new Promise((e) => {
+    const s = `ds-feedback-${++tt}`, i = et(), o = h("dialog", {
+      class: "ds-dialog",
+      role: t.kind === "prompt" ? "dialog" : "alertdialog",
+      "aria-labelledby": `${s}-title`,
+      "data-ds-feedback": t.kind
+    }), n = h("div", { "data-ds-dialog": "header" });
+    n.appendChild(h("h2", {
+      id: `${s}-title`,
+      "data-ds-dialog": "title"
+    }, t.title)), t.text && (n.appendChild(h("p", {
+      id: `${s}-text`,
+      "data-ds-dialog": "description"
+    }, t.text)), o.setAttribute("aria-describedby", `${s}-text`)), o.appendChild(n);
+    let a;
+    if (t.field) {
+      const d = h("div", { "data-ds-dialog": "field" });
+      a = h("input", {
+        id: `${s}-field`,
+        class: "ds-input",
+        type: "text",
+        autocomplete: "off"
+      }), a.value = t.field.value, t.field.placeholder && (a.placeholder = t.field.placeholder), t.field.label ? d.appendChild(h("label", {
+        for: a.id,
+        "data-ds-dialog": "label"
+      }, t.field.label)) : a.setAttribute("aria-labelledby", `${s}-title`), d.appendChild(a), o.appendChild(d);
+    }
+    const r = h("div", { "data-ds-dialog": "footer" }), l = t.cancel === void 0 ? void 0 : h("button", {
+      type: "button",
+      class: "ds-button ds-button--secondary",
+      value: "cancel"
+    }, t.cancel), m = h("button", {
+      type: "button",
+      class: t.danger ? "ds-button ds-button--secondary ds-button--danger" : "ds-button ds-button--primary",
+      value: "confirm"
+    }, t.confirm);
+    l && r.appendChild(l), r.appendChild(m), o.appendChild(r);
+    const y = t.kind === "prompt" ? null : !1;
+    let _ = !1;
+    const v = (d) => {
+      _ || (_ = !0, o.open && o.close(), o.remove(), i?.isConnected && i.focus({ preventScroll: !0 }), e(t.kind === "alert" ? !0 : d ? a ? a.value : !0 : y));
+    };
+    m.addEventListener("click", () => v(!0)), l?.addEventListener("click", () => v(!1)), a?.addEventListener("keydown", (d) => {
+      d.key !== "Enter" || d.isComposing || d.shiftKey || d.altKey || d.metaKey || d.ctrlKey || (d.preventDefault(), v(!0));
+    }), o.addEventListener("cancel", (d) => {
+      d.preventDefault(), v(!1);
+    }), o.addEventListener("close", () => v(!1));
+    const $ = (d) => {
+      if (d.target !== o) return !1;
+      const k = o.getBoundingClientRect();
+      return d.clientX < k.left || d.clientX > k.right || d.clientY < k.top || d.clientY > k.bottom;
+    };
+    let L = !1;
+    t.danger || (o.addEventListener("pointerdown", (d) => {
+      L = d.button === 0 && $(d);
+    }), o.addEventListener("click", (d) => {
+      L && $(d) && v(!1), L = !1;
+    }));
+    const H = a ?? (t.danger ? l : void 0) ?? m;
+    H.setAttribute("autofocus", ""), document.body.appendChild(o);
+    try {
+      o.showModal();
+    } catch {
+      o.setAttribute("open", "");
+    }
+    H.focus(), a?.select();
+  });
+}
+function lt(t) {
+  const { title: e, text: s, confirm: i } = typeof t == "string" ? { title: t } : t;
+  return typeof document > "u" ? Promise.resolve() : M(() => P({
+    kind: "alert",
+    title: e,
+    text: s,
+    confirm: i ?? p("OK")
+  })).then(() => {
+  });
+}
+function ct(t) {
+  const { title: e, text: s, confirm: i, cancel: o, danger: n } = typeof t == "string" ? { title: t } : t;
+  return typeof document > "u" ? Promise.resolve(!1) : M(() => P({
+    kind: "confirm",
+    title: e,
+    text: s,
+    confirm: i ?? p("OK"),
+    cancel: o ?? p("Cancel"),
+    danger: n
+  })).then((a) => a === !0);
+}
+function ft(t) {
+  const { title: e, text: s, label: i, value: o = "", placeholder: n, confirm: a, cancel: r } = typeof t == "string" ? { title: t } : t;
+  return typeof document > "u" ? Promise.resolve(null) : M(() => P({
+    kind: "prompt",
+    title: e,
+    text: s,
+    confirm: a ?? p("OK"),
+    cancel: r ?? p("Cancel"),
+    field: {
+      label: i,
+      value: o,
+      placeholder: n
+    }
+  })).then((l) => typeof l == "string" ? l : null);
+}
+var st = /* @__PURE__ */ N({ pageToaster: () => S }), it = w((() => {
+}));
+C();
+O();
+function ot() {
+  try {
+    return document.querySelector("dialog:modal");
+  } catch {
+    return null;
+  }
+}
+function at(t) {
+  if (typeof document > "u" || !document.body) return !1;
+  const e = document.activeElement instanceof HTMLElement ? document.activeElement : null, s = document.getSelection(), i = s ? Array.from({ length: s.rangeCount }, (a, r) => s.getRangeAt(r)) : [], o = document.createElement("textarea");
+  o.value = t, o.setAttribute("readonly", ""), o.setAttribute("aria-hidden", "true"), o.tabIndex = -1, o.style.cssText = "position:fixed;top:0;left:0;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;pointer-events:none", (ot() ?? document.body).appendChild(o), o.focus({ preventScroll: !0 }), o.select(), o.setSelectionRange(0, t.length);
+  let n = !1;
+  try {
+    n = document.execCommand("copy");
+  } catch {
+    n = !1;
+  }
+  if (o.remove(), e?.focus({ preventScroll: !0 }), s) {
+    s.removeAllRanges();
+    for (const a of i) s.addRange(a);
+  }
+  return n;
+}
+async function ut(t, e = {}) {
+  let s = !1;
+  const i = typeof navigator > "u" ? void 0 : navigator.clipboard;
+  if (i?.writeText) try {
+    await i.writeText(t), s = !0;
+  } catch {
+    s = !1;
+  }
+  return s || (s = at(t)), e.toast !== !1 && await nt(s, s ? e.toast ?? p("Copied") : p("Could not copy")), s;
+}
+async function nt(t, e) {
+  if (!U()) try {
+    (await Promise.resolve().then(() => (it(), st))).pageToaster();
+  } catch {
+  }
+  t ? z.success(e) : z.error(e);
+}
+V();
+C();
+O();
+export {
+  lt as alert,
+  dt as configureToaster,
+  ct as confirm,
+  ut as copyText,
+  S as pageToaster,
+  ft as prompt,
+  rt as setFeedbackWords,
+  z as toast
+};
+
+//# sourceMappingURL=feedback.js.map