toastory 0.2.0 → 0.3.1

package/dist/themes/sweet.dialog.css

@@ -1 +1 @@
-.gk-overlay{position:fixed;inset:0;z-index:calc(var(--gk-z) - 10);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.gk-overlay[data-row=top]{align-items:flex-start}.gk-overlay[data-row=upper]{align-items:flex-start;padding-top:12vh}.gk-overlay[data-row=lower]{align-items:flex-end;padding-bottom:12vh}.gk-overlay[data-row=bottom]{align-items:flex-end}.gk-overlay[data-col=start]{justify-content:flex-start}.gk-overlay[data-col=end]{justify-content:flex-end}.gk-backdrop{position:fixed;inset:0;opacity:0;transition:opacity .22s var(--gk-ease)}.gk-backdrop[data-kind=blur]{background:#00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gk-backdrop[data-kind=dim]{background:#00000080}.gk-backdrop[data-kind=none]{background:transparent}.gk-overlay[data-state=open] .gk-backdrop{opacity:1}.gk-dialog,.gk-sheet,.gk-bsheet,.gk-loading{position:relative;color:var(--gk-fg);background:var(--gk-bg);border:var(--gk-border-w) solid var(--gk-border);box-shadow:var(--gk-shadow);-webkit-backdrop-filter:blur(var(--gk-blur)) saturate(var(--gk-saturate));backdrop-filter:blur(var(--gk-blur)) saturate(var(--gk-saturate));opacity:0;transition:opacity .22s var(--gk-ease),transform .32s var(--gk-ease),height .32s var(--gk-ease)}.gk-dialog:focus,.gk-sheet:focus,.gk-bsheet:focus,.gk-loading:focus{outline:none}.gk-dialog,.gk-loading{width:min(420px,100%);padding:24px;text-align:center;border-radius:var(--gk-radius);transform:scale(.94) translateY(8px)}.gk-dialog[data-grow=row]{width:100%}.gk-dialog[data-grow=column]{align-self:stretch}.gk-dialog[data-grow=fullscreen]{width:100%;align-self:stretch;border-radius:0}.gk-overlay[data-state=open] .gk-dialog,.gk-overlay[data-state=open] .gk-loading{opacity:1;transform:none}.gk-dialog[data-draggable=true] .gk-dialog-title{cursor:grab}.gk-dialog-close{position:absolute;top:10px;inset-inline-end:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--gk-muted);background:transparent;border:0;border-radius:50%;cursor:pointer}.gk-dialog-close:hover{color:var(--gk-fg)}.gk-image{display:block;max-width:100%;margin:0 auto 16px;border-radius:calc(var(--gk-radius) / 2)}.gk-dialog-icon{display:flex;justify-content:center;margin-bottom:12px;color:var(--gk-info)}.gk-dialog-icon svg{width:48px;height:48px}.gk-dialog-icon[data-icon=success]{color:var(--gk-success)}.gk-dialog-icon[data-icon=error]{color:var(--gk-error)}.gk-dialog-icon[data-icon=warning]{color:var(--gk-warning)}.gk-dialog-title{margin:0 0 6px;font-size:18px;font-weight:650;line-height:1.3}.gk-dialog-text{font-size:14px;line-height:1.5;color:var(--gk-muted);overflow-wrap:break-word;word-break:normal}.gk-dialog-text a,.gk-dialog-footer a{color:var(--gk-accent)}.gk-input-box{margin-top:16px;text-align:start}.gk-label{display:block;margin-bottom:6px;font-size:13px;font-weight:600}.gk-field{display:block;width:100%;min-height:40px;padding:8px 12px;font:inherit;font-size:15px;color:var(--gk-fg);background:var(--gk-bg-solid);border:1px solid var(--gk-border);border-radius:calc(var(--gk-radius) / 2)}.gk-field:focus-visible,.gk-input input:focus-visible,.gk-sheet-action:focus-visible,.gk-sheet-cancel:focus-visible,.gk-grab:focus-visible,.gk-dialog-close:focus-visible{outline:2px solid var(--gk-accent);outline-offset:2px}.gk-field[aria-invalid=true]{border-color:var(--gk-error)}.gk-field[type=range]{padding:0;min-height:24px}.gk-radios{margin:0;padding:0;border:0}.gk-choice{display:flex;align-items:center;gap:8px;min-height:32px;font-size:15px}.gk-choice input{width:18px;height:18px;accent-color:var(--gk-accent)}.gk-output{display:block;margin-top:4px;font-size:13px;color:var(--gk-muted)}.gk-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.gk-error{margin-top:8px;font-size:13px;font-weight:500;text-align:start;color:var(--gk-error)}.gk-dialog-buttons{display:flex;gap:8px;margin-top:20px}.gk-dialog-buttons[data-reverse=true]{flex-direction:row-reverse}.gk-dialog .gk-btn{flex:1;min-height:44px;font-size:15px;font-weight:600;border-radius:calc(var(--gk-radius) / 1.6);transition:all .16s ease}.gk-confirm{color:var(--gk-accent-fg);background:var(--gk-button, var(--gk-accent));border-color:transparent;box-shadow:0 2px 8px color-mix(in srgb,var(--gk-button, var(--gk-accent)) 30%,transparent),inset 0 1px #ffffff40}.gk-confirm:hover{filter:brightness(1.08)}.gk-dialog[data-tone=danger] .gk-confirm{background:var(--gk-button, var(--gk-danger, var(--gk-error)));color:var(--gk-danger-fg, #fff);box-shadow:0 2px 8px color-mix(in srgb,var(--gk-danger, var(--gk-error)) 35%,transparent),inset 0 1px #ffffff40}.gk-cancel,.gk-deny{background:color-mix(in srgb,var(--gk-fg) 8%,transparent);border:1px solid var(--gk-border);color:var(--gk-fg)}.gk-cancel:hover,.gk-deny:hover{background:color-mix(in srgb,var(--gk-fg) 14%,transparent)}.gk-btn[data-loading=true]{position:relative;color:transparent}.gk-btn[data-loading=true]:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid var(--gk-accent-fg);border-top-color:transparent;border-radius:50%;animation:gk-spin .8s linear infinite}.gk-deny[data-loading=true]:after{border-color:var(--gk-fg);border-top-color:transparent}.gk-btn:disabled{cursor:progress;opacity:.85}.gk-dialog-footer{margin-top:16px;padding-top:12px;font-size:13px;color:var(--gk-muted);border-top:1px solid var(--gk-border)}.gk-timer{position:absolute;right:0;bottom:0;left:0;height:4px;overflow:hidden;border-radius:0 0 var(--gk-radius) var(--gk-radius)}.gk-timer i{display:block;height:100%;background:var(--gk-accent);transform-origin:left center;animation:gk-shrink var(--gk-d) linear forwards}.gk-sheet,.gk-bsheet{width:min(420px,100%);transform:translateY(100%)}.gk-sheet{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--gk-radius)}.gk-overlay[data-state=open] .gk-sheet,.gk-overlay[data-state=open] .gk-bsheet{opacity:1;transform:none}.gk-sheet-title{margin:8px 8px 0;font-size:13px;font-weight:600;text-align:center;color:var(--gk-muted)}.gk-sheet-message{margin:0 8px;font-size:13px;text-align:center;color:var(--gk-muted)}.gk-sheet-group{display:flex;flex-direction:column}.gk-sheet-action,.gk-sheet-cancel{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 16px;font:inherit;font-size:17px;color:var(--gk-accent);background:transparent;border:0;border-top:1px solid var(--gk-border);cursor:pointer}.gk-sheet-action:first-child{border-top:0}.gk-sheet-action[data-style=destructive]{color:var(--gk-error)}.gk-sheet-action:disabled{color:var(--gk-muted);cursor:not-allowed}.gk-sheet-cancel{font-weight:600;border-top:1px solid var(--gk-border)}.gk-sheet-icon svg{width:20px;height:20px}.gk-overlay-bottom{padding:0}.gk-bsheet{display:flex;flex-direction:column;width:min(560px,100%);height:var(--gk-sheet-h, 50vh);max-height:100%;padding:0 20px 20px;border-radius:var(--gk-radius) var(--gk-radius) 0 0}.gk-bsheet[data-dragging=true]{transition:opacity .22s var(--gk-ease)}.gk-grab{position:relative;flex:none;align-self:center;width:64px;height:28px;padding:0;background:transparent;border:0;cursor:grab;touch-action:none}.gk-grab:after{content:"";position:absolute;top:12px;left:14px;width:36px;height:5px;background:var(--gk-muted);border-radius:3px}.gk-bsheet-title{flex:none;margin:0 0 8px;font-size:18px;font-weight:650;touch-action:none}.gk-bsheet-body{flex:1;overflow:auto;font-size:15px;line-height:1.5;overscroll-behavior:contain}.gk-loading{display:flex;flex-direction:column;align-items:center;gap:12px;width:auto;min-width:160px;max-width:min(360px,100%)}.gk-loading svg{color:var(--gk-accent)}.gk-loading-text{font-size:15px;font-weight:500}.gk-loading-bar{width:100%;height:6px;overflow:hidden;background:var(--gk-border);border-radius:3px}.gk-loading-bar i{display:block;width:0;height:100%;background:var(--gk-accent);transition:width .2s var(--gk-ease)}.gk-dialog:not([data-mounted=true]),.gk-dialog[data-state=closing],.gk-sheet:not([data-mounted=true]),.gk-bsheet:not([data-mounted=true]){will-change:transform,opacity}@supports not (backdrop-filter: blur(1px)){.gk-dialog,.gk-sheet,.gk-bsheet,.gk-loading{background:var(--gk-bg-solid)}}@media(forced-colors:active){.gk-dialog,.gk-sheet,.gk-bsheet,.gk-loading{background:var(--gk-bg-solid);border:1px solid ButtonBorder;color:CanvasText}}@media(prefers-reduced-transparency:reduce){.gk-dialog,.gk-sheet,.gk-bsheet,.gk-loading{background:var(--gk-bg-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:600px){.gk-dialog,.gk-sheet,.gk-bsheet,.gk-loading{--gk-blur: min(var(--gk-blur), 12px)}}@media(prefers-reduced-motion:reduce){.gk-backdrop,.gk-dialog,.gk-sheet,.gk-bsheet,.gk-loading{transition:none}.gk-btn[data-loading=true]:after{animation-duration:2.4s}}[data-gk-theme=sweet]{color-scheme:light;--gk-radius:14px;--gk-blur:0px;--gk-saturate:100%;--gk-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--gk-bg:#ffffff;--gk-bg-solid:#ffffff;--gk-fg:#1d1d1f;--gk-muted:#515156;--gk-border:rgba(60, 60, 67, .22);--gk-shadow:0 12px 34px rgba(0, 0, 0, .2);--gk-accent:#0057c2;--gk-accent-fg:#ffffff;--gk-danger:#b71c1c;--gk-danger-fg:#ffffff;--gk-success:#1a7f37;--gk-error:#b71c1c;--gk-warning:#8a5a00;--gk-info:#0b5cc7}[data-gk-theme=sweet][data-gk-mode=dark],:is(.dark,[data-theme=dark]) [data-gk-theme=sweet]{color-scheme:dark;--gk-bg:#26262b;--gk-bg-solid:#26262b;--gk-fg:#f5f5f7;--gk-muted:#b4b4bb;--gk-border:rgba(255, 255, 255, .16);--gk-shadow:0 12px 34px rgba(0, 0, 0, .55);--gk-accent:#4da3ff;--gk-accent-fg:#00152e;--gk-danger:#ff8a8a;--gk-danger-fg:#2b0000;--gk-success:#4ade80;--gk-error:#ff7b7b;--gk-warning:#ffc857;--gk-info:#6cb6ff}@media(prefers-color-scheme:dark){[data-gk-theme=sweet][data-gk-mode=auto]{color-scheme:dark;--gk-bg:#26262b;--gk-bg-solid:#26262b;--gk-fg:#f5f5f7;--gk-muted:#b4b4bb;--gk-border:rgba(255, 255, 255, .16);--gk-shadow:0 12px 34px rgba(0, 0, 0, .55);--gk-accent:#4da3ff;--gk-accent-fg:#00152e;--gk-danger:#ff8a8a;--gk-danger-fg:#2b0000;--gk-success:#4ade80;--gk-error:#ff7b7b;--gk-warning:#ffc857;--gk-info:#6cb6ff}}.gk-toast[data-gk-theme=sweet]{align-items:center;padding:16px 18px}.gk-toast[data-gk-theme=sweet] .gk-icon{align-items:center;justify-content:center;width:36px;height:36px;margin:0;border:3px solid var(--gk-type,var(--gk-border));border-radius:50%}.gk-toast[data-gk-theme=sweet] .gk-title{font-size:15px;font-weight:700}.gk-toast[data-gk-theme=sweet] .gk-btn{border-radius:10px;transition:all .16s ease}.gk-toast[data-gk-theme=sweet] .gk-action{background:var(--gk-accent);color:var(--gk-accent-fg);border-color:transparent;box-shadow:0 3px 10px color-mix(in srgb,var(--gk-accent) 30%,transparent)}.gk-toast[data-gk-theme=sweet] .gk-btn:not(.gk-action){background:color-mix(in srgb,var(--gk-fg) 8%,transparent);border-color:var(--gk-border)}
+.gk-overlay{z-index:calc(var(--gk-z) - 10);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.gk-overlay[data-row=top]{align-items:flex-start}.gk-overlay[data-row=upper]{align-items:flex-start;padding-top:12vh}.gk-overlay[data-row=lower]{align-items:flex-end;padding-bottom:12vh}.gk-overlay[data-row=bottom]{align-items:flex-end}.gk-overlay[data-col=start]{justify-content:flex-start}.gk-overlay[data-col=end]{justify-content:flex-end}.gk-backdrop{opacity:0;transition:opacity .22s var(--gk-ease);position:fixed;inset:0}.gk-backdrop[data-kind=blur]{backdrop-filter:blur(8px);background:#00000047}.gk-backdrop[data-kind=dim]{background:#00000080}.gk-backdrop[data-kind=none]{background:0 0}.gk-overlay[data-state=open] .gk-backdrop{opacity:1}.gk-dialog,.gk-sheet,.gk-bsheet,.gk-loading{color:var(--gk-fg);background:var(--gk-bg);border:var(--gk-border-w) solid var(--gk-border);box-shadow:var(--gk-shadow);backdrop-filter:blur(var(--gk-blur)) saturate(var(--gk-saturate));opacity:0;transition:opacity .22s var(--gk-ease), transform .32s var(--gk-ease), height .32s var(--gk-ease);position:relative}.gk-dialog:focus,.gk-sheet:focus,.gk-bsheet:focus,.gk-loading:focus{outline:none}.gk-dialog,.gk-loading{text-align:center;border-radius:var(--gk-radius);width:min(420px,100%);padding:24px;transform:scale(.94)translateY(8px)}.gk-dialog[data-grow=row]{width:100%}.gk-dialog[data-grow=column]{align-self:stretch}.gk-dialog[data-grow=fullscreen]{border-radius:0;align-self:stretch;width:100%}.gk-overlay[data-state=open] .gk-dialog,.gk-overlay[data-state=open] .gk-loading{opacity:1;transform:none}.gk-dialog[data-draggable=true] .gk-dialog-title{cursor:grab}.gk-dialog-close{top:10px;width:32px;height:32px;color:var(--gk-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset-inline-end:10px}.gk-dialog-close:hover{color:var(--gk-fg)}.gk-image{border-radius:calc(var(--gk-radius) / 2);max-width:100%;margin:0 auto 16px;display:block}.gk-dialog-icon{color:var(--gk-info);justify-content:center;margin-bottom:12px;display:flex}.gk-dialog-icon svg{width:48px;height:48px}.gk-dialog-icon[data-icon=success]{color:var(--gk-success)}.gk-dialog-icon[data-icon=error]{color:var(--gk-error)}.gk-dialog-icon[data-icon=warning]{color:var(--gk-warning)}.gk-dialog-title{margin:0 0 6px;font-size:18px;font-weight:650;line-height:1.3}.gk-dialog-text{color:var(--gk-muted);overflow-wrap:break-word;word-break:normal;font-size:14px;line-height:1.5}.gk-dialog-text a,.gk-dialog-footer a{color:var(--gk-accent)}.gk-input-box{text-align:start;margin-top:16px}.gk-label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.gk-field{width:100%;min-height:40px;font:inherit;color:var(--gk-fg);background:var(--gk-bg-solid);border:1px solid var(--gk-border);border-radius:calc(var(--gk-radius) / 2);padding:8px 12px;font-size:15px;display:block}.gk-field:focus-visible,.gk-input input:focus-visible,.gk-sheet-action:focus-visible,.gk-sheet-cancel:focus-visible,.gk-grab:focus-visible,.gk-dialog-close:focus-visible{outline:2px solid var(--gk-accent);outline-offset:2px}.gk-field[aria-invalid=true]{border-color:var(--gk-error)}.gk-field[type=range]{min-height:24px;padding:0}.gk-radios{border:0;margin:0;padding:0}.gk-choice{align-items:center;gap:8px;min-height:32px;font-size:15px;display:flex}.gk-choice input{width:18px;height:18px;accent-color:var(--gk-accent)}.gk-output{color:var(--gk-muted);margin-top:4px;font-size:13px;display:block}.gk-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gk-error{text-align:start;color:var(--gk-error);margin-top:8px;font-size:13px;font-weight:500}.gk-dialog-buttons{gap:8px;margin-top:20px;display:flex}.gk-dialog-buttons[data-reverse=true]{flex-direction:row-reverse}.gk-dialog .gk-btn{border-radius:calc(var(--gk-radius) / 1.6);flex:1;min-height:44px;font-size:15px;font-weight:600;transition:all .16s}.gk-confirm{color:var(--gk-accent-fg);background:var(--gk-button,var(--gk-accent));box-shadow:0 2px 8px color-mix(in srgb, var(--gk-button,var(--gk-accent)) 30%, transparent), inset 0 1px 0 #ffffff40;border-color:#0000}.gk-confirm:hover{filter:brightness(1.08)}.gk-dialog[data-tone=danger] .gk-confirm{background:var(--gk-button,var(--gk-danger,var(--gk-error)));color:var(--gk-danger-fg,#fff);box-shadow:0 2px 8px color-mix(in srgb, var(--gk-danger,var(--gk-error)) 35%, transparent), inset 0 1px 0 #ffffff40}.gk-cancel,.gk-deny{background:color-mix(in srgb, var(--gk-fg) 8%, transparent);border:1px solid var(--gk-border);color:var(--gk-fg)}.gk-cancel:hover,.gk-deny:hover{background:color-mix(in srgb, var(--gk-fg) 14%, transparent)}.gk-btn[data-loading=true]{color:#0000;position:relative}.gk-btn[data-loading=true]:after{content:"";border:2px solid var(--gk-accent-fg);border-top-color:#0000;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:.8s linear infinite gk-spin;position:absolute;top:50%;left:50%}.gk-deny[data-loading=true]:after{border-color:var(--gk-fg);border-top-color:#0000}.gk-btn:disabled{cursor:progress;opacity:.85}.gk-dialog-footer{color:var(--gk-muted);border-top:1px solid var(--gk-border);margin-top:16px;padding-top:12px;font-size:13px}.gk-timer{border-radius:0 0 var(--gk-radius) var(--gk-radius);height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.gk-timer i{background:var(--gk-accent);transform-origin:0;height:100%;animation:gk-shrink var(--gk-d) linear forwards;display:block}.gk-sheet,.gk-bsheet{width:min(420px,100%);transform:translateY(100%)}.gk-sheet{border-radius:var(--gk-radius);flex-direction:column;gap:8px;padding:12px;display:flex}.gk-overlay[data-state=open] .gk-sheet,.gk-overlay[data-state=open] .gk-bsheet{opacity:1;transform:none}.gk-sheet-title{text-align:center;color:var(--gk-muted);margin:8px 8px 0;font-size:13px;font-weight:600}.gk-sheet-message{text-align:center;color:var(--gk-muted);margin:0 8px;font-size:13px}.gk-sheet-group{flex-direction:column;display:flex}.gk-sheet-action,.gk-sheet-cancel{min-height:52px;font:inherit;color:var(--gk-accent);border:0;border-top:1px solid var(--gk-border);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:17px;display:flex}.gk-sheet-action:first-child{border-top:0}.gk-sheet-action[data-style=destructive]{color:var(--gk-error)}.gk-sheet-action:disabled{color:var(--gk-muted);cursor:not-allowed}.gk-sheet-cancel{border-top:1px solid var(--gk-border);font-weight:600}.gk-sheet-icon svg{width:20px;height:20px}.gk-overlay-bottom{padding:0}.gk-bsheet{width:min(560px,100%);height:var(--gk-sheet-h,50vh);border-radius:var(--gk-radius) var(--gk-radius) 0 0;flex-direction:column;max-height:100%;padding:0 20px 20px;display:flex}.gk-bsheet[data-dragging=true]{transition:opacity .22s var(--gk-ease)}.gk-grab{cursor:grab;touch-action:none;background:0 0;border:0;flex:none;align-self:center;width:64px;height:28px;padding:0;position:relative}.gk-grab:after{content:"";background:var(--gk-muted);border-radius:3px;width:36px;height:5px;position:absolute;top:12px;left:14px}.gk-bsheet-title{touch-action:none;flex:none;margin:0 0 8px;font-size:18px;font-weight:650}.gk-bsheet-body{overscroll-behavior:contain;flex:1;font-size:15px;line-height:1.5;overflow:auto}.gk-loading{flex-direction:column;align-items:center;gap:12px;width:auto;min-width:160px;max-width:min(360px,100%);display:flex}.gk-loading svg{color:var(--gk-accent)}.gk-loading-text{font-size:15px;font-weight:500}.gk-loading-bar{background:var(--gk-border);border-radius:3px;width:100%;height:6px;overflow:hidden}.gk-loading-bar i{background:var(--gk-accent);width:0;height:100%;transition:width .2s var(--gk-ease);display:block}.gk-dialog:not([data-mounted=true]),.gk-dialog[data-state=closing],.gk-sheet:not([data-mounted=true]),.gk-bsheet:not([data-mounted=true]){will-change:transform, opacity}@supports not (backdrop-filter:blur(1px)){.gk-dialog,.gk-sheet,.gk-bsheet,.gk-loading{background:var(--gk-bg-solid)}}@media (forced-colors:active){.gk-dialog,.gk-sheet,.gk-bsheet,.gk-loading{background:var(--gk-bg-solid);color:canvastext;border:1px solid buttonborder}}@media (prefers-reduced-transparency:reduce){.gk-dialog,.gk-sheet,.gk-bsheet,.gk-loading{background:var(--gk-bg-solid);backdrop-filter:none}}@media (width<=600px){.gk-dialog,.gk-sheet,.gk-bsheet,.gk-loading{--gk-blur:min(var(--gk-blur), 12px)}}@media (prefers-reduced-motion:reduce){.gk-backdrop,.gk-dialog,.gk-sheet,.gk-bsheet,.gk-loading{transition:none}.gk-btn[data-loading=true]:after{animation-duration:2.4s}}[data-gk-theme=sweet]{color-scheme:light;--gk-radius:14px;--gk-blur:0px;--gk-saturate:100%;--gk-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--gk-bg:#fff;--gk-bg-solid:#fff;--gk-fg:#1d1d1f;--gk-muted:#515156;--gk-border:#3c3c4338;--gk-shadow:0 12px 34px #0003;--gk-accent:#0057c2;--gk-accent-fg:#fff;--gk-danger:#b71c1c;--gk-danger-fg:#fff;--gk-success:#1a7f37;--gk-error:#b71c1c;--gk-warning:#8a5a00;--gk-info:#0b5cc7}[data-gk-theme=sweet][data-gk-mode=dark],:is(.dark,[data-theme=dark]) [data-gk-theme=sweet]{color-scheme:dark;--gk-bg:#26262b;--gk-bg-solid:#26262b;--gk-fg:#f5f5f7;--gk-muted:#b4b4bb;--gk-border:#ffffff29;--gk-shadow:0 12px 34px #0000008c;--gk-accent:#4da3ff;--gk-accent-fg:#00152e;--gk-danger:#ff8a8a;--gk-danger-fg:#2b0000;--gk-success:#4ade80;--gk-error:#ff7b7b;--gk-warning:#ffc857;--gk-info:#6cb6ff}@media (prefers-color-scheme:dark){[data-gk-theme=sweet][data-gk-mode=auto]{color-scheme:dark;--gk-bg:#26262b;--gk-bg-solid:#26262b;--gk-fg:#f5f5f7;--gk-muted:#b4b4bb;--gk-border:#ffffff29;--gk-shadow:0 12px 34px #0000008c;--gk-accent:#4da3ff;--gk-accent-fg:#00152e;--gk-danger:#ff8a8a;--gk-danger-fg:#2b0000;--gk-success:#4ade80;--gk-error:#ff7b7b;--gk-warning:#ffc857;--gk-info:#6cb6ff}}.gk-toast[data-gk-theme=sweet]{align-items:center;padding:16px 18px}.gk-toast[data-gk-theme=sweet] .gk-icon{border:3px solid var(--gk-type,var(--gk-border));border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0}.gk-toast[data-gk-theme=sweet] .gk-title{font-size:15px;font-weight:700}.gk-toast[data-gk-theme=sweet] .gk-btn{border-radius:10px;transition:all .16s}.gk-toast[data-gk-theme=sweet] .gk-action{background:var(--gk-accent);color:var(--gk-accent-fg);box-shadow:0 3px 10px color-mix(in srgb,var(--gk-accent) 30%,transparent);border-color:#0000}.gk-toast[data-gk-theme=sweet] .gk-btn:not(.gk-action){background:color-mix(in srgb,var(--gk-fg) 8%,transparent);border-color:var(--gk-border)}

package/dist/themes/sweet.toast.css

@@ -1 +1 @@
-.gk-root,.gk-root *{box-sizing:border-box}.gk-root{font-family:var(--gk-font, system-ui, sans-serif);--gk-ease: cubic-bezier(.22, 1, .36, 1);--gk-duration: .38s}.gk-root [hidden]{display:none!important}.gk-region{position:fixed;z-index:var(--gk-z, 2147483000);width:var(--gk-width, 360px);max-width:calc(100vw - 32px);margin:0;padding:0;pointer-events:none;transition:height var(--gk-duration) var(--gk-ease)}.gk-region[data-contained]{position:absolute}.gk-region[data-position^=top]{top:max(var(--gk-offset-top, 16px),env(safe-area-inset-top,0))}.gk-region[data-position^=bottom]{bottom:max(var(--gk-offset-bottom, 16px),env(safe-area-inset-bottom,0))}.gk-region[data-position$=left]{left:max(var(--gk-offset-left, 16px),env(safe-area-inset-left,0))}.gk-region[data-position$=right]{right:max(var(--gk-offset-right, 16px),env(safe-area-inset-right,0))}.gk-region[data-position$=center],.gk-region[data-position=middle]{left:50%;transform:translate(-50%)}.gk-region:is([data-position=center],[data-position=middle]){top:50%;transform:translate(-50%,-50%)}@media(max-width:600px){.gk-region{width:calc(100vw - var(--gk-mobile-offset,32px))!important;max-width:100vw!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.gk-region:is([data-position=center],[data-position=middle]){transform:translate(-50%,-50%)!important}.gk-toast{--gk-blur:min(var(--gk-blur),12px)}}.gk-toast-list{position:relative;height:100%;margin:0;padding:0;list-style:none}.gk-toast{--gk-y: calc(var(--gk-dir, 1) * var(--gk-offset, 0px));position:absolute;left:0;right:0;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px 12px;padding:14px 16px;overflow:hidden;color:var(--gk-fg);background:var(--gk-bg);border:var(--gk-border-w, 1px) solid var(--gk-border);border-radius:var(--gk-radius);box-shadow:var(--gk-shadow);-webkit-backdrop-filter:blur(var(--gk-blur)) saturate(var(--gk-saturate));backdrop-filter:blur(var(--gk-blur)) saturate(var(--gk-saturate));pointer-events:auto;touch-action:pan-y;user-select:none;transform-origin:top;transform:translate(var(--gk-sx, 0px),calc(var(--gk-y) + var(--gk-sy, 0px)));top:0;transition:all var(--gk-duration) var(--gk-ease)}.gk-toast[data-has-close]{padding-inline-end:38px}.gk-region[data-position^=bottom] .gk-toast{top:auto;bottom:0;transform-origin:bottom}.gk-region[data-shadow=false] .gk-toast{box-shadow:none}:is(.gk-toast,.gk-btn,.gk-close,.gk-link):focus-visible{outline:2px solid var(--gk-accent);outline-offset:2px}.gk-region[data-expanded=false] .gk-toast{--gk-y: calc(var(--gk-dir, 1) * var(--gk-index, 0) * 10px);transform:translate(var(--gk-sx, 0px),calc(var(--gk-y) + var(--gk-sy, 0px))) scale(calc(1 - var(--gk-index, 0) * .05))}.gk-region[data-expanded=false] .gk-toast:not(:last-child){height:var(--gk-front);pointer-events:none}.gk-region[data-expanded=false] :is(.gk-toast:not(:last-child)>*,.gk-toast[data-far]){opacity:0}.gk-toast[data-type=success]{--gk-type:var(--gk-success)}.gk-toast[data-type=error]{--gk-type:var(--gk-error)}.gk-toast[data-type=warning]{--gk-type:var(--gk-warning)}.gk-toast[data-type=info]{--gk-type:var(--gk-info)}.gk-toast[data-type=loading]{--gk-type:var(--gk-accent)}.gk-toast[data-rich]{background:color-mix(in srgb,var(--gk-type, transparent) 16%,var(--gk-bg-solid));border-color:var(--gk-type, var(--gk-border))}.gk-toast[data-clickable]{cursor:pointer}.gk-icon{display:flex;flex:none;margin-top:1px;color:var(--gk-type, var(--gk-muted))}.gk-avatar img{display:block;width:32px;height:32px;border-radius:50%;object-fit:cover}.gk-content,.gk-link{flex:1 1 140px;min-width:140px;overflow-wrap:break-word;word-break:normal}.gk-link{display:block;color:inherit;text-decoration:none}.gk-link:hover{text-decoration:underline}.gk-title{font:600 14px/1.4 inherit}.gk-desc{margin-top:2px;font:13px/1.4 inherit;color:var(--gk-muted)}.gk-desc a{color:inherit}.gk-count{display:inline-block;margin-top:4px;padding:0 6px;font:11px/18px inherit;border:1px solid var(--gk-border);border-radius:9px;color:var(--gk-muted)}.gk-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-inline-start:auto}.gk-toast[data-wrap] .gk-actions{width:100%;justify-content:end}.gk-btn,.gk-close{background:transparent;cursor:pointer}.gk-btn{min-height:28px;padding:0 12px;font:600 13px inherit;color:var(--gk-fg);border:1px solid var(--gk-border);border-radius:calc(var(--gk-radius) / 2);white-space:nowrap}.gk-action{color:var(--gk-accent-fg);background:var(--gk-accent);border-color:var(--gk-accent)}.gk-close{position:absolute;top:12px;inset-inline-end:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:var(--gk-muted);border:0;border-radius:50%;z-index:2}.gk-close svg{width:16px;height:16px}.gk-close:hover{color:var(--gk-fg)}.gk-progress{position:absolute;inset:auto 0 0;height:3px}.gk-progress i{display:block;height:100%;background:var(--gk-type, var(--gk-accent));transform-origin:left;animation:gk-shrink var(--gk-d) linear forwards;animation-delay:var(--gk-delay, 0ms)}[dir=rtl] .gk-progress i{transform-origin:right}.gk-toast[data-paused] .gk-progress i{animation-play-state:paused}.gk-spin{animation:gk-spin .9s linear infinite}@keyframes gk-shrink{to{transform:scaleX(0)}}@keyframes gk-spin{to{transform:rotate(360deg)}}@keyframes gk-bounce{0%{opacity:0;transform:scale(.8)}to{transform:none}}@keyframes gk-zoom{0%{opacity:0;transform:scale(.85)}}@keyframes gk-flip{0%{opacity:0;transform:perspective(600px) rotateX(80deg)}}@keyframes gk-spring{0%{opacity:0;transform:translateY(-35px)}to{transform:none}}@keyframes gk-fade{0%{opacity:0}}.gk-toast[data-animation]{animation:var(--gk-duration) var(--gk-ease)}.gk-toast[data-animation=bounce]{animation-name:gk-bounce}.gk-toast[data-animation=zoom]{animation-name:gk-zoom}.gk-toast[data-animation=flip]{animation-name:gk-flip}.gk-toast[data-animation=spring]{animation-name:gk-spring}.gk-toast[data-animation=fade]{animation-name:gk-fade}.gk-toast[data-animation=none]{animation:none;transition:none}.gk-toast[data-mounted=false]{opacity:0;transform:translateY(calc(var(--gk-y) + var(--gk-dir, 1) * -60%)) scale(.96)}.gk-toast[data-swiping]{transition:none}.gk-toast[data-dismissed]{opacity:0;pointer-events:none}.gk-toast[data-swipe-out=left]{transform:translate(-120%,var(--gk-y))}.gk-toast[data-swipe-out=right]{transform:translate(120%,var(--gk-y))}.gk-toast[data-swipe-out=up]{transform:translateY(calc(var(--gk-y) - 120%))}.gk-toast[data-swipe-out=down]{transform:translateY(calc(var(--gk-y) + 120%))}@supports not (backdrop-filter: blur(1px)){.gk-toast{background:var(--gk-bg-solid)}}@media(prefers-reduced-transparency:reduce){.gk-toast{background:var(--gk-bg-solid);backdrop-filter:none}}@media(forced-colors:active){.gk-toast{background:var(--gk-bg-solid);border-color:ButtonBorder;color:CanvasText}}@media(prefers-reduced-motion:reduce){.gk-toast,.gk-region{transition:opacity .15s ease!important}.gk-toast{animation:gk-fade .15s ease!important}.gk-spin{animation:none}}[data-gk-theme=sweet]{color-scheme:light;--gk-radius:14px;--gk-blur:0px;--gk-saturate:100%;--gk-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--gk-bg:#ffffff;--gk-bg-solid:#ffffff;--gk-fg:#1d1d1f;--gk-muted:#515156;--gk-border:rgba(60, 60, 67, .22);--gk-shadow:0 12px 34px rgba(0, 0, 0, .2);--gk-accent:#0057c2;--gk-accent-fg:#ffffff;--gk-danger:#b71c1c;--gk-danger-fg:#ffffff;--gk-success:#1a7f37;--gk-error:#b71c1c;--gk-warning:#8a5a00;--gk-info:#0b5cc7}[data-gk-theme=sweet][data-gk-mode=dark],:is(.dark,[data-theme=dark]) [data-gk-theme=sweet]{color-scheme:dark;--gk-bg:#26262b;--gk-bg-solid:#26262b;--gk-fg:#f5f5f7;--gk-muted:#b4b4bb;--gk-border:rgba(255, 255, 255, .16);--gk-shadow:0 12px 34px rgba(0, 0, 0, .55);--gk-accent:#4da3ff;--gk-accent-fg:#00152e;--gk-danger:#ff8a8a;--gk-danger-fg:#2b0000;--gk-success:#4ade80;--gk-error:#ff7b7b;--gk-warning:#ffc857;--gk-info:#6cb6ff}@media(prefers-color-scheme:dark){[data-gk-theme=sweet][data-gk-mode=auto]{color-scheme:dark;--gk-bg:#26262b;--gk-bg-solid:#26262b;--gk-fg:#f5f5f7;--gk-muted:#b4b4bb;--gk-border:rgba(255, 255, 255, .16);--gk-shadow:0 12px 34px rgba(0, 0, 0, .55);--gk-accent:#4da3ff;--gk-accent-fg:#00152e;--gk-danger:#ff8a8a;--gk-danger-fg:#2b0000;--gk-success:#4ade80;--gk-error:#ff7b7b;--gk-warning:#ffc857;--gk-info:#6cb6ff}}.gk-toast[data-gk-theme=sweet]{align-items:center;padding:16px 18px}.gk-toast[data-gk-theme=sweet] .gk-icon{align-items:center;justify-content:center;width:36px;height:36px;margin:0;border:3px solid var(--gk-type,var(--gk-border));border-radius:50%}.gk-toast[data-gk-theme=sweet] .gk-title{font-size:15px;font-weight:700}.gk-toast[data-gk-theme=sweet] .gk-btn{border-radius:10px;transition:all .16s ease}.gk-toast[data-gk-theme=sweet] .gk-action{background:var(--gk-accent);color:var(--gk-accent-fg);border-color:transparent;box-shadow:0 3px 10px color-mix(in srgb,var(--gk-accent) 30%,transparent)}.gk-toast[data-gk-theme=sweet] .gk-btn:not(.gk-action){background:color-mix(in srgb,var(--gk-fg) 8%,transparent);border-color:var(--gk-border)}
+.gk-root,.gk-root *{box-sizing:border-box}.gk-root{font-family:var(--gk-font,system-ui);--gk-ease:cubic-bezier(.18,1.25,.35,1);--gk-duration:.4s}.gk-root [hidden]{display:none!important}.gk-region,.gk-toast-list{margin:0;padding:0}.gk-region{z-index:var(--gk-z,2147480000);width:var(--gk-width,360px);pointer-events:none;max-width:calc(100vw - 32px);transition:height var(--gk-duration) var(--gk-ease);position:fixed}.gk-region[data-contained]{position:absolute}.gk-region[data-position^=top]{top:var(--gk-offset-top,16px)}.gk-region[data-position^=bottom]{bottom:var(--gk-offset-bottom,16px)}.gk-region[data-position$=left]{left:var(--gk-offset-left,16px)}.gk-region[data-position$=right]{right:var(--gk-offset-right,16px)}.gk-region:is([data-position$=center],[data-position=middle]){left:50%;translate:-50%}.gk-region:is([data-position=center],[data-position=middle]){top:50%;translate:-50% -50%}@media (width<=600px){.gk-region{width:calc(100vw - var(--gk-mobile-offset,32px));left:50%;right:auto;translate:-50%}.gk-region:is([data-position=center],[data-position=middle]){translate:-50% -50%}.gk-toast{--gk-blur:min(var(--gk-blur),12px)}}.gk-toast-list{height:100%;list-style:none;position:relative}.gk-toast{--gk-y:calc(var(--gk-dir,1)*var(--gk-offset,0px));color:var(--gk-fg);background:var(--gk-bg);border:var(--gk-border-w,1px) solid var(--gk-border);border-radius:var(--gk-radius);box-shadow:var(--gk-shadow);backdrop-filter:blur(var(--gk-blur)) saturate(var(--gk-saturate));pointer-events:auto;touch-action:none;user-select:none;cursor:grab;transform-origin:top;transform:translate(var(--gk-sx,0px),calc(var(--gk-y) + var(--gk-sy,0px))) rotate(var(--gk-rot,0deg)) scale(var(--gk-scale,1));transition:transform var(--gk-duration) var(--gk-ease),opacity .24s ease;flex-wrap:wrap;align-items:flex-start;gap:8px 12px;padding:14px 16px;display:flex;position:absolute;inset:0 0 auto;overflow:hidden}.gk-toast[data-has-close]{padding-inline-end:38px}.gk-region[data-position^=bottom] .gk-toast{transform-origin:bottom;inset:auto 0 0}.gk-region[data-shadow=false] .gk-toast{box-shadow:none}:is(.gk-toast,.gk-btn,.gk-close,.gk-link):focus-visible{outline:2px solid var(--gk-accent);outline-offset:2px}.gk-region[data-expanded=false] .gk-toast:not([data-flung]){--gk-y:calc(var(--gk-dir,1)*var(--gk-index,0)*10px);--gk-scale:calc(1 - var(--gk-index,0)*.05)}.gk-region[data-expanded=false] .gk-toast:not(:last-child){height:var(--gk-front);pointer-events:none}.gk-region[data-expanded=false] :is(.gk-toast:not(:last-child)>*,.gk-toast[data-far]){opacity:0}[data-type=success]{--gk-type:var(--gk-success)}[data-type=error]{--gk-type:var(--gk-error)}[data-type=warning]{--gk-type:var(--gk-warning)}[data-type=info]{--gk-type:var(--gk-info)}[data-type=loading]{--gk-type:var(--gk-accent)}.gk-toast[data-rich]{background:color-mix(in srgb,var(--gk-type,transparent) 16%,var(--gk-bg-solid));border-color:var(--gk-type,var(--gk-border))}.gk-toast[data-clickable]{cursor:pointer}.gk-icon{color:var(--gk-type,var(--gk-muted));flex:none;margin-top:1px;display:flex}.gk-avatar img{object-fit:cover;border-radius:50%;width:32px;height:32px;display:block}.gk-content,.gk-link{overflow-wrap:break-word;flex:140px;min-width:140px}.gk-link{color:inherit;text-decoration:none;display:block}.gk-link:hover{text-decoration:underline}.gk-title{font:600 14px/1.4 inherit}.gk-desc{color:var(--gk-muted);margin-top:2px;font:13px/1.4 inherit}.gk-desc a{color:inherit}.gk-count{border:1px solid var(--gk-border);border-radius:9px;margin-top:4px;padding:0 6px;font:11px/18px inherit;display:inline-block}.gk-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-inline-start:auto;display:flex}.gk-toast[data-wrap] .gk-actions{justify-content:end;width:100%}.gk-btn,.gk-close{cursor:pointer;background:0 0}.gk-btn{min-height:28px;color:var(--gk-fg);border:1px solid var(--gk-border);border-radius:calc(var(--gk-radius)/2);white-space:nowrap;padding:0 12px;font:600 13px inherit}.gk-action{color:var(--gk-accent-fg);background:var(--gk-accent);border-color:var(--gk-accent)}.gk-close{top:12px;width:24px;height:24px;color:var(--gk-muted);z-index:2;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-inline-end:12px}.gk-close svg{width:16px;height:16px}.gk-close:hover{color:var(--gk-fg)}.gk-meta{color:var(--gk-muted);align-items:center;gap:6px;margin-inline-start:auto;font-size:12px;display:flex}.gk-kbd{border:1px solid var(--gk-border);border-radius:4px;padding:1px 5px;font-weight:600}.gk-close--text{border:1px solid var(--gk-border)!important;border-radius:99px!important;width:auto!important;height:22px!important;padding:0 8px!important;font:600 11px inherit!important;position:static!important}.gk-progress{height:3px;position:absolute;inset:auto 0 0}.gk-progress i{background:var(--gk-type,var(--gk-accent));transform-origin:0;height:100%;animation:gk-shrink var(--gk-d) linear var(--gk-delay,0s) forwards;display:block}[dir=rtl] .gk-progress i{transform-origin:100%}.gk-toast[data-paused] .gk-progress i{animation-play-state:paused}.gk-spin{animation:.9s linear infinite gk-spin}@keyframes gk-shrink{to{transform:scaleX(0)}}@keyframes gk-spin{to{transform:rotate(360deg)}}@keyframes gk-fade{0%{opacity:0}}@keyframes gk-pop{0%{opacity:0;scale:.85}}.gk-toast[data-animation]{animation:gk-pop var(--gk-duration) var(--gk-ease)}.gk-toast[data-animation=fade]{animation-name:gk-fade}.gk-toast[data-animation=none]{transition:none;animation:none}.gk-toast[data-mounted=false]{opacity:0;--gk-sy:calc(var(--gk-dir,1)*-45px);--gk-scale:.88}.gk-toast[data-swiping]{cursor:grabbing;transition:none!important}.gk-toast[data-flung]{pointer-events:none;opacity:0!important;transition:transform .36s,opacity .22s!important}.gk-toast[data-dismissed]{--gk-sy:calc(var(--gk-dir,1)*-14px);--gk-scale:.92;opacity:0;pointer-events:none}.gk-toast:is([data-type=error],[data-shake]){animation:.35s gk-shake}@keyframes gk-shake{25%,75%{translate:-3px}50%{translate:3px}}@supports not (backdrop-filter:blur(1px)){.gk-toast{background:var(--gk-bg-solid)}}@media (prefers-reduced-transparency:reduce){.gk-toast{backdrop-filter:none}}@media (forced-colors:active){.gk-toast{background:var(--gk-bg-solid);color:canvastext;border-color:buttonborder}}@media (prefers-reduced-motion:reduce){.gk-region,.gk-toast{transition:opacity .15s!important;animation:.15s gk-fade!important}.gk-spin{animation:none}}[data-gk-theme=sweet]{color-scheme:light;--gk-radius:14px;--gk-blur:0px;--gk-saturate:100%;--gk-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--gk-bg:#fff;--gk-bg-solid:#fff;--gk-fg:#1d1d1f;--gk-muted:#515156;--gk-border:#3c3c4338;--gk-shadow:0 12px 34px #0003;--gk-accent:#0057c2;--gk-accent-fg:#fff;--gk-danger:#b71c1c;--gk-danger-fg:#fff;--gk-success:#1a7f37;--gk-error:#b71c1c;--gk-warning:#8a5a00;--gk-info:#0b5cc7}[data-gk-theme=sweet][data-gk-mode=dark],:is(.dark,[data-theme=dark]) [data-gk-theme=sweet]{color-scheme:dark;--gk-bg:#26262b;--gk-bg-solid:#26262b;--gk-fg:#f5f5f7;--gk-muted:#b4b4bb;--gk-border:#ffffff29;--gk-shadow:0 12px 34px #0000008c;--gk-accent:#4da3ff;--gk-accent-fg:#00152e;--gk-danger:#ff8a8a;--gk-danger-fg:#2b0000;--gk-success:#4ade80;--gk-error:#ff7b7b;--gk-warning:#ffc857;--gk-info:#6cb6ff}@media (prefers-color-scheme:dark){[data-gk-theme=sweet][data-gk-mode=auto]{color-scheme:dark;--gk-bg:#26262b;--gk-bg-solid:#26262b;--gk-fg:#f5f5f7;--gk-muted:#b4b4bb;--gk-border:#ffffff29;--gk-shadow:0 12px 34px #0000008c;--gk-accent:#4da3ff;--gk-accent-fg:#00152e;--gk-danger:#ff8a8a;--gk-danger-fg:#2b0000;--gk-success:#4ade80;--gk-error:#ff7b7b;--gk-warning:#ffc857;--gk-info:#6cb6ff}}.gk-toast[data-gk-theme=sweet]{align-items:center;padding:16px 18px}.gk-toast[data-gk-theme=sweet] .gk-icon{border:3px solid var(--gk-type,var(--gk-border));border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0}.gk-toast[data-gk-theme=sweet] .gk-title{font-size:15px;font-weight:700}.gk-toast[data-gk-theme=sweet] .gk-btn{border-radius:10px;transition:all .16s}.gk-toast[data-gk-theme=sweet] .gk-action{background:var(--gk-accent);color:var(--gk-accent-fg);box-shadow:0 3px 10px color-mix(in srgb,var(--gk-accent) 30%,transparent);border-color:#0000}.gk-toast[data-gk-theme=sweet] .gk-btn:not(.gk-action){background:color-mix(in srgb,var(--gk-fg) 8%,transparent);border-color:var(--gk-border)}

package/dist/{toast-api-Bwjc_Kxh.d.cts → toast-api-C_kZeRfH.d.cts}

@@ -103,8 +103,6 @@ interface ToastAction {
     /** Optional accessible label when the text alone is ambiguous. */
     ariaLabel?: string;
 }
-/** Alias for ToastAction. */
-type ToastButton = ToastAction;
 /** Slot class names a consumer can override. */
 interface ToastClassNames {
     toast?: string;
@@ -112,6 +110,8 @@ interface ToastClassNames {
     description?: string;
     icon?: string;
     avatar?: string;
+    image?: string;
+    character?: string;
     actionButton?: string;
     cancelButton?: string;
     closeButton?: string;
@@ -125,6 +125,7 @@ interface ToastClassNames {
     badge?: string;
     time?: string;
     kbd?: string;
+    meta?: string;
 }
 /** Stacking mode for toasts. */
 type StackMode = boolean | 'stacked' | 'expanded' | 'list';
@@ -146,9 +147,34 @@ interface ToastRenderContext {
 /** Custom renderer callback. */
 type ToastCustomRenderer = (context: ToastRenderContext) => Renderable;
 /** Built-in sound cue names for audio feedback. */
-type BuiltInSoundCue = 'success' | 'error' | 'warning' | 'info' | 'ding' | 'pop' | 'chime' | 'bell' | 'message' | 'bubble';
+type BuiltInSoundCue = 'success' | 'error' | 'warning' | 'info' | 'ding' | 'pop' | 'chime' | 'bell' | 'message' | 'bubble' | 'marimba' | 'crystal' | 'subtle' | 'harp';
 /** Audio feedback sound cue name or custom string. */
 type SoundCue = BuiltInSoundCue | (string & {});
+/** CTA Button definition inside toast notification. */
+interface ToastButton {
+    /** Visible button text. */
+    label: string;
+    /** Click/press handler. */
+    onClick?: (event: {
+        preventDefault(): void;
+        defaultPrevented: boolean;
+    }) => void;
+    /** React Native press handler alias. */
+    onPress?: (event: {
+        preventDefault(): void;
+        defaultPrevented: boolean;
+    }) => void;
+    /** Optional CSS class. */
+    className?: string;
+    /** Optional inline styles. */
+    style?: Record<string, string | number>;
+    /** Visual button kind. */
+    kind?: 'primary' | 'secondary' | 'danger';
+    /** Whether clicking automatically dismisses the toast. Defaults to true. */
+    autoDismiss?: boolean;
+}
+/** Mascot character / robot avatar preset names. */
+type RobotCharacter = 'wave' | 'success' | 'error' | 'think' | 'loading' | 'sleep' | 'shock' | 'search' | 'headPalm' | 'base';
 /**
  * Options accepted by every toast creation call.
  */
@@ -159,8 +185,12 @@ interface ToastOptions {
     type?: ToastType;
     /** Heading text or renderable node. */
     title?: Renderable;
+    /** react-native-toast-message title alias. */
+    text1?: Renderable;
     /** Secondary subtitle or body text. */
     description?: Renderable;
+    /** react-native-toast-message description alias. */
+    text2?: Renderable;
     /** Theme-declared variant preset. */
     variant?: ToastVariant;
     /** Tone icon chip badge or custom badge description. */
@@ -183,6 +213,8 @@ interface ToastOptions {
     progressLabel?: string;
     /** Action buttons array. */
     actions?: ToastActionItem[];
+    /** Multiple CTA buttons list (robot-toast & react-native compatible). */
+    buttons?: ToastButton[];
     /** Interactive toggle switch. */
     toggle?: ToastToggleOption;
     /** Group key for grouped notifications stack. */
@@ -201,10 +233,26 @@ interface ToastOptions {
     icon?: Renderable | false;
     /** Avatar URL, initials object, or node shown before text. */
     avatar?: Renderable | ToastAvatarOption;
+    /** Hero image banner or image URL. */
+    image?: string | ToastAvatarOption;
+    /** Mascot robot/character avatar variant. */
+    character?: RobotCharacter | (string & {});
+    /** Mascot robot variant alias. */
+    robotVariant?: RobotCharacter | (string & {});
     /** Duration in ms. `0` or `Infinity` makes it persistent. */
     duration?: number;
+    /** react-native-toast-message duration alias. */
+    visibilityTime?: number;
+    /** react-native-toast-message autoHide control: false makes it persistent. */
+    autoHide?: boolean;
     /** Screen region placement. */
     position?: ToastPosition;
+    /** Optional top offset in pixels (react-native-toast-message compatible). */
+    topOffset?: number;
+    /** Optional bottom offset in pixels (react-native-toast-message compatible). */
+    bottomOffset?: number;
+    /** Optional keyboard offset in pixels (react-native-toast-message compatible). */
+    keyboardOffset?: number;
     /** Play audio feedback cue, sound url, or custom generator. */
     sound?: boolean | SoundCue | string | ((type: ToastType) => void);
     /** Audio playback volume (0.0 to 1.0). Defaults to 0.5. */
@@ -217,6 +265,16 @@ interface ToastOptions {
     closeButton?: boolean;
     /** Accessible label for the close button. */
     closeButtonLabel?: string;
+    /** Custom close / discard button icon. */
+    closeIcon?: Renderable;
+    /** Custom text for close / discard button (e.g., 'Dismiss', 'Close'). */
+    closeText?: string;
+    /** Discard button text alias. */
+    discardText?: string;
+    /** Discard button icon alias. */
+    discardIcon?: Renderable;
+    /** Toast body press/click handler. */
+    onPress?: (toast?: ToastRecord) => void;
     /** Enter/exit animation preset. */
     animation?: AnimationType;
     /** Allow user dismissal. */
@@ -261,8 +319,12 @@ interface ToastOptions {
     important?: boolean;
     /** Lifecycle hook: fired when toast mounts/opens. Exactly once. */
     onOpen?: (toast: ToastRecord) => void;
+    /** react-native-toast-message open callback alias. */
+    onShow?: () => void;
     /** Lifecycle hook: fired when toast closes/exits. Exactly once. */
     onClose?: (toast: ToastRecord, reason: CloseReason) => void;
+    /** react-native-toast-message close callback alias. */
+    onHide?: () => void;
     /** Lifecycle hook: fired on user dismissal. Exactly once. */
     onDismiss?: (toast: ToastRecord, reason: CloseReason) => void;
     /** Lifecycle hook: fired when auto-close timer elapses. Exactly once. */
@@ -714,5 +776,5 @@ interface ToastApi extends ToastFn {
 /** Builds the `ui.toast` API on top of a store/manager. */
 declare function createToastApi(store: ToastStore): ToastApi;
 
-export { DEFAULT_CONFIG as D, MANUAL_PAUSE as M, createConfigStore as as, createToastApi as at, createToastManager as au, createToastStore as av, createTypeRegistry as aw, defaultClock as ax, resolvePrecedence as ay };
-export type { SoundCue as $, AddToastInput as A, BottomSheetHandle as B, Clock as C, EssentialsToastVariant as E, GlazeConfigPatch as F, GlazeConfig as G, LoadingHandle as H, IosGlassToastVariant as I, LoadingOptions as J, Mode as K, Listener as L, Position as N, OffsetConfig as O, PauseOn as P, PromiseData as Q, PromiseHandle as R, PromiseMessage as S, ToastApi as T, PromiseMessages as U, PromiseOutcome as V, Renderable as W, SheetAction as X, SheetActionStyle as Y, SheetOptions as Z, ShowcaseToastVariant as _, ToastRecord as a, StackMode as a0, Store as a1, SwipeDirection as a2, ThemeName as a3, ToastAction as a4, ToastActionItem as a5, ToastAvatarOption as a6, ToastButton as a7, ToastClassNames as a8, ToastCustomRenderer as a9, ToastFn as aa, ToastId as ab, ToastManager as ac, ToastManagerOptions as ad, ToastOptions as ae, ToastPatch as af, ToastPosition as ag, ToastRenderContext as ah, ToastToggleOption as ai, ToastType as aj, ToastTypeDefinition as ak, ToastVariant as al, ToastoryConfig as am, ToastoryConfigPatch as an, TypeRegistry as ao, TypedDialogOptions as ap, Unsubscribe as aq, ValidateResult as ar, ToastStore as b, AnimationType as c, BottomSheetOptions as d, BuiltInSoundCue as e, BuiltInToastType as f, CloseReason as g, ColorMode as h, Config as i, ConfigStore as j, DialogBackdrop as k, DialogButton as l, DialogChoice as m, DialogColumn as n, DialogHandle as o, DialogIcon as p, DialogInputType as q, DialogOptions as r, DialogPosition as s, DialogResult as t, DialogRow as u, DialogState as v, DialogTone as w, DialogVariant as x, Direction as y, DismissReason as z };
+export { DEFAULT_CONFIG as D, MANUAL_PAUSE as M, createConfigStore as at, createToastApi as au, createToastManager as av, createToastStore as aw, createTypeRegistry as ax, defaultClock as ay, resolvePrecedence as az };
+export type { ShowcaseToastVariant as $, AddToastInput as A, BottomSheetHandle as B, Clock as C, EssentialsToastVariant as E, GlazeConfigPatch as F, GlazeConfig as G, LoadingHandle as H, IosGlassToastVariant as I, LoadingOptions as J, Mode as K, Listener as L, Position as N, OffsetConfig as O, PauseOn as P, PromiseData as Q, PromiseHandle as R, PromiseMessage as S, ToastApi as T, PromiseMessages as U, PromiseOutcome as V, Renderable as W, RobotCharacter as X, SheetAction as Y, SheetActionStyle as Z, SheetOptions as _, ToastRecord as a, SoundCue as a0, StackMode as a1, Store as a2, SwipeDirection as a3, ThemeName as a4, ToastAction as a5, ToastActionItem as a6, ToastAvatarOption as a7, ToastButton as a8, ToastClassNames as a9, ToastCustomRenderer as aa, ToastFn as ab, ToastId as ac, ToastManager as ad, ToastManagerOptions as ae, ToastOptions as af, ToastPatch as ag, ToastPosition as ah, ToastRenderContext as ai, ToastToggleOption as aj, ToastType as ak, ToastTypeDefinition as al, ToastVariant as am, ToastoryConfig as an, ToastoryConfigPatch as ao, TypeRegistry as ap, TypedDialogOptions as aq, Unsubscribe as ar, ValidateResult as as, ToastStore as b, AnimationType as c, BottomSheetOptions as d, BuiltInSoundCue as e, BuiltInToastType as f, CloseReason as g, ColorMode as h, Config as i, ConfigStore as j, DialogBackdrop as k, DialogButton as l, DialogChoice as m, DialogColumn as n, DialogHandle as o, DialogIcon as p, DialogInputType as q, DialogOptions as r, DialogPosition as s, DialogResult as t, DialogRow as u, DialogState as v, DialogTone as w, DialogVariant as x, Direction as y, DismissReason as z };

package/dist/{toast-api-Bwjc_Kxh.d.ts → toast-api-C_kZeRfH.d.ts}

@@ -103,8 +103,6 @@ interface ToastAction {
     /** Optional accessible label when the text alone is ambiguous. */
     ariaLabel?: string;
 }
-/** Alias for ToastAction. */
-type ToastButton = ToastAction;
 /** Slot class names a consumer can override. */
 interface ToastClassNames {
     toast?: string;
@@ -112,6 +110,8 @@ interface ToastClassNames {
     description?: string;
     icon?: string;
     avatar?: string;
+    image?: string;
+    character?: string;
     actionButton?: string;
     cancelButton?: string;
     closeButton?: string;
@@ -125,6 +125,7 @@ interface ToastClassNames {
     badge?: string;
     time?: string;
     kbd?: string;
+    meta?: string;
 }
 /** Stacking mode for toasts. */
 type StackMode = boolean | 'stacked' | 'expanded' | 'list';
@@ -146,9 +147,34 @@ interface ToastRenderContext {
 /** Custom renderer callback. */
 type ToastCustomRenderer = (context: ToastRenderContext) => Renderable;
 /** Built-in sound cue names for audio feedback. */
-type BuiltInSoundCue = 'success' | 'error' | 'warning' | 'info' | 'ding' | 'pop' | 'chime' | 'bell' | 'message' | 'bubble';
+type BuiltInSoundCue = 'success' | 'error' | 'warning' | 'info' | 'ding' | 'pop' | 'chime' | 'bell' | 'message' | 'bubble' | 'marimba' | 'crystal' | 'subtle' | 'harp';
 /** Audio feedback sound cue name or custom string. */
 type SoundCue = BuiltInSoundCue | (string & {});
+/** CTA Button definition inside toast notification. */
+interface ToastButton {
+    /** Visible button text. */
+    label: string;
+    /** Click/press handler. */
+    onClick?: (event: {
+        preventDefault(): void;
+        defaultPrevented: boolean;
+    }) => void;
+    /** React Native press handler alias. */
+    onPress?: (event: {
+        preventDefault(): void;
+        defaultPrevented: boolean;
+    }) => void;
+    /** Optional CSS class. */
+    className?: string;
+    /** Optional inline styles. */
+    style?: Record<string, string | number>;
+    /** Visual button kind. */
+    kind?: 'primary' | 'secondary' | 'danger';
+    /** Whether clicking automatically dismisses the toast. Defaults to true. */
+    autoDismiss?: boolean;
+}
+/** Mascot character / robot avatar preset names. */
+type RobotCharacter = 'wave' | 'success' | 'error' | 'think' | 'loading' | 'sleep' | 'shock' | 'search' | 'headPalm' | 'base';
 /**
  * Options accepted by every toast creation call.
  */
@@ -159,8 +185,12 @@ interface ToastOptions {
     type?: ToastType;
     /** Heading text or renderable node. */
     title?: Renderable;
+    /** react-native-toast-message title alias. */
+    text1?: Renderable;
     /** Secondary subtitle or body text. */
     description?: Renderable;
+    /** react-native-toast-message description alias. */
+    text2?: Renderable;
     /** Theme-declared variant preset. */
     variant?: ToastVariant;
     /** Tone icon chip badge or custom badge description. */
@@ -183,6 +213,8 @@ interface ToastOptions {
     progressLabel?: string;
     /** Action buttons array. */
     actions?: ToastActionItem[];
+    /** Multiple CTA buttons list (robot-toast & react-native compatible). */
+    buttons?: ToastButton[];
     /** Interactive toggle switch. */
     toggle?: ToastToggleOption;
     /** Group key for grouped notifications stack. */
@@ -201,10 +233,26 @@ interface ToastOptions {
     icon?: Renderable | false;
     /** Avatar URL, initials object, or node shown before text. */
     avatar?: Renderable | ToastAvatarOption;
+    /** Hero image banner or image URL. */
+    image?: string | ToastAvatarOption;
+    /** Mascot robot/character avatar variant. */
+    character?: RobotCharacter | (string & {});
+    /** Mascot robot variant alias. */
+    robotVariant?: RobotCharacter | (string & {});
     /** Duration in ms. `0` or `Infinity` makes it persistent. */
     duration?: number;
+    /** react-native-toast-message duration alias. */
+    visibilityTime?: number;
+    /** react-native-toast-message autoHide control: false makes it persistent. */
+    autoHide?: boolean;
     /** Screen region placement. */
     position?: ToastPosition;
+    /** Optional top offset in pixels (react-native-toast-message compatible). */
+    topOffset?: number;
+    /** Optional bottom offset in pixels (react-native-toast-message compatible). */
+    bottomOffset?: number;
+    /** Optional keyboard offset in pixels (react-native-toast-message compatible). */
+    keyboardOffset?: number;
     /** Play audio feedback cue, sound url, or custom generator. */
     sound?: boolean | SoundCue | string | ((type: ToastType) => void);
     /** Audio playback volume (0.0 to 1.0). Defaults to 0.5. */
@@ -217,6 +265,16 @@ interface ToastOptions {
     closeButton?: boolean;
     /** Accessible label for the close button. */
     closeButtonLabel?: string;
+    /** Custom close / discard button icon. */
+    closeIcon?: Renderable;
+    /** Custom text for close / discard button (e.g., 'Dismiss', 'Close'). */
+    closeText?: string;
+    /** Discard button text alias. */
+    discardText?: string;
+    /** Discard button icon alias. */
+    discardIcon?: Renderable;
+    /** Toast body press/click handler. */
+    onPress?: (toast?: ToastRecord) => void;
     /** Enter/exit animation preset. */
     animation?: AnimationType;
     /** Allow user dismissal. */
@@ -261,8 +319,12 @@ interface ToastOptions {
     important?: boolean;
     /** Lifecycle hook: fired when toast mounts/opens. Exactly once. */
     onOpen?: (toast: ToastRecord) => void;
+    /** react-native-toast-message open callback alias. */
+    onShow?: () => void;
     /** Lifecycle hook: fired when toast closes/exits. Exactly once. */
     onClose?: (toast: ToastRecord, reason: CloseReason) => void;
+    /** react-native-toast-message close callback alias. */
+    onHide?: () => void;
     /** Lifecycle hook: fired on user dismissal. Exactly once. */
     onDismiss?: (toast: ToastRecord, reason: CloseReason) => void;
     /** Lifecycle hook: fired when auto-close timer elapses. Exactly once. */
@@ -714,5 +776,5 @@ interface ToastApi extends ToastFn {
 /** Builds the `ui.toast` API on top of a store/manager. */
 declare function createToastApi(store: ToastStore): ToastApi;
 
-export { DEFAULT_CONFIG as D, MANUAL_PAUSE as M, createConfigStore as as, createToastApi as at, createToastManager as au, createToastStore as av, createTypeRegistry as aw, defaultClock as ax, resolvePrecedence as ay };
-export type { SoundCue as $, AddToastInput as A, BottomSheetHandle as B, Clock as C, EssentialsToastVariant as E, GlazeConfigPatch as F, GlazeConfig as G, LoadingHandle as H, IosGlassToastVariant as I, LoadingOptions as J, Mode as K, Listener as L, Position as N, OffsetConfig as O, PauseOn as P, PromiseData as Q, PromiseHandle as R, PromiseMessage as S, ToastApi as T, PromiseMessages as U, PromiseOutcome as V, Renderable as W, SheetAction as X, SheetActionStyle as Y, SheetOptions as Z, ShowcaseToastVariant as _, ToastRecord as a, StackMode as a0, Store as a1, SwipeDirection as a2, ThemeName as a3, ToastAction as a4, ToastActionItem as a5, ToastAvatarOption as a6, ToastButton as a7, ToastClassNames as a8, ToastCustomRenderer as a9, ToastFn as aa, ToastId as ab, ToastManager as ac, ToastManagerOptions as ad, ToastOptions as ae, ToastPatch as af, ToastPosition as ag, ToastRenderContext as ah, ToastToggleOption as ai, ToastType as aj, ToastTypeDefinition as ak, ToastVariant as al, ToastoryConfig as am, ToastoryConfigPatch as an, TypeRegistry as ao, TypedDialogOptions as ap, Unsubscribe as aq, ValidateResult as ar, ToastStore as b, AnimationType as c, BottomSheetOptions as d, BuiltInSoundCue as e, BuiltInToastType as f, CloseReason as g, ColorMode as h, Config as i, ConfigStore as j, DialogBackdrop as k, DialogButton as l, DialogChoice as m, DialogColumn as n, DialogHandle as o, DialogIcon as p, DialogInputType as q, DialogOptions as r, DialogPosition as s, DialogResult as t, DialogRow as u, DialogState as v, DialogTone as w, DialogVariant as x, Direction as y, DismissReason as z };
+export { DEFAULT_CONFIG as D, MANUAL_PAUSE as M, createConfigStore as at, createToastApi as au, createToastManager as av, createToastStore as aw, createTypeRegistry as ax, defaultClock as ay, resolvePrecedence as az };
+export type { ShowcaseToastVariant as $, AddToastInput as A, BottomSheetHandle as B, Clock as C, EssentialsToastVariant as E, GlazeConfigPatch as F, GlazeConfig as G, LoadingHandle as H, IosGlassToastVariant as I, LoadingOptions as J, Mode as K, Listener as L, Position as N, OffsetConfig as O, PauseOn as P, PromiseData as Q, PromiseHandle as R, PromiseMessage as S, ToastApi as T, PromiseMessages as U, PromiseOutcome as V, Renderable as W, RobotCharacter as X, SheetAction as Y, SheetActionStyle as Z, SheetOptions as _, ToastRecord as a, SoundCue as a0, StackMode as a1, Store as a2, SwipeDirection as a3, ThemeName as a4, ToastAction as a5, ToastActionItem as a6, ToastAvatarOption as a7, ToastButton as a8, ToastClassNames as a9, ToastCustomRenderer as aa, ToastFn as ab, ToastId as ac, ToastManager as ad, ToastManagerOptions as ae, ToastOptions as af, ToastPatch as ag, ToastPosition as ah, ToastRenderContext as ai, ToastToggleOption as aj, ToastType as ak, ToastTypeDefinition as al, ToastVariant as am, ToastoryConfig as an, ToastoryConfigPatch as ao, TypeRegistry as ap, TypedDialogOptions as aq, Unsubscribe as ar, ValidateResult as as, ToastStore as b, AnimationType as c, BottomSheetOptions as d, BuiltInSoundCue as e, BuiltInToastType as f, CloseReason as g, ColorMode as h, Config as i, ConfigStore as j, DialogBackdrop as k, DialogButton as l, DialogChoice as m, DialogColumn as n, DialogHandle as o, DialogIcon as p, DialogInputType as q, DialogOptions as r, DialogPosition as s, DialogResult as t, DialogRow as u, DialogState as v, DialogTone as w, DialogVariant as x, Direction as y, DismissReason as z };

package/dist/{ui-Bdu8EJ3m.d.cts → ui-CBx21doV.d.cts}

@@ -1,5 +1,5 @@
-import { T as ToastApi, r as DialogOptions, Z as SheetOptions, d as BottomSheetOptions, B as BottomSheetHandle, J as LoadingOptions, H as LoadingHandle, G as GlazeConfig, $ as SoundCue, b as ToastStore } from './toast-api-Bwjc_Kxh.cjs';
-import { a as DialogPromise, S as StepsResult } from './dialog-DosUuJM_.cjs';
+import { T as ToastApi, r as DialogOptions, _ as SheetOptions, d as BottomSheetOptions, B as BottomSheetHandle, J as LoadingOptions, H as LoadingHandle, G as GlazeConfig, a0 as SoundCue, b as ToastStore } from './toast-api-C_kZeRfH.cjs';
+import { a as DialogPromise, S as StepsResult } from './dialog-CGdmRrqe.cjs';
 
 /**
  * Theme definitions. The build script turns each definition into a CSS file; the tests check every

package/dist/{ui-DJXC9cko.d.ts → ui-gpLF_9o-.d.ts}

@@ -1,5 +1,5 @@
-import { T as ToastApi, r as DialogOptions, Z as SheetOptions, d as BottomSheetOptions, B as BottomSheetHandle, J as LoadingOptions, H as LoadingHandle, G as GlazeConfig, $ as SoundCue, b as ToastStore } from './toast-api-Bwjc_Kxh.js';
-import { a as DialogPromise, S as StepsResult } from './dialog-DAgL0wyv.js';
+import { T as ToastApi, r as DialogOptions, _ as SheetOptions, d as BottomSheetOptions, B as BottomSheetHandle, J as LoadingOptions, H as LoadingHandle, G as GlazeConfig, a0 as SoundCue, b as ToastStore } from './toast-api-C_kZeRfH.js';
+import { a as DialogPromise, S as StepsResult } from './dialog-DE91Aj5C.js';
 
 /**
  * Theme definitions. The build script turns each definition into a CSS file; the tests check every