monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

chore: generate

Browse Source
This commit is contained in:
opencode-agent[bot]
2026-01-30 17:58:31 +00:00
parent 20619a6a26
commit fe66ca163c
55 changed files with 4865 additions and 4953 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/ui/src/components/button.css
View File

@@ -10,8 +10,7 @@
cursor: default; cursor: default;
padding: 4px 8px; padding: 4px 8px;
white-space: nowrap; white-space: nowrap;
transition-property: transition-property: background-color, border-color, color, box-shadow, opacity;
background-color, border-color, color, box-shadow, opacity;
transition-duration: var(--transition-duration); transition-duration: var(--transition-duration);
transition-timing-function: var(--transition-easing); transition-timing-function: var(--transition-easing);
outline: none; outline: none;

9
packages/ui/src/components/checkbox.css
View File

@@ -86,8 +86,7 @@
letter-spacing: var(--letter-spacing-normal); letter-spacing: var(--letter-spacing-normal);
} }
&:hover:not([data-disabled], [data-readonly]) &:hover:not([data-disabled], [data-readonly]) [data-slot="checkbox-checkbox-control"] {
[data-slot="checkbox-checkbox-control"] {
border-color: var(--border-hover); border-color: var(--border-hover);
background-color: var(--surface-hover); background-color: var(--surface-hover);
} }
@@ -103,10 +102,8 @@
background-color: var(--surface-weak); background-color: var(--surface-weak);
} }
&[data-checked]:hover:not([data-disabled], [data-readonly]) &[data-checked]:hover:not([data-disabled], [data-readonly]) [data-slot="checkbox-checkbox-control"],
[data-slot="checkbox-checkbox-control"], &[data-indeterminate]:hover:not([data-disabled]) [data-slot="checkbox-checkbox-control"] {
&[data-indeterminate]:hover:not([data-disabled])
[data-slot="checkbox-checkbox-control"] {
border-color: var(--border-hover); border-color: var(--border-hover);
background-color: var(--surface-hover); background-color: var(--surface-hover);
} }

3
packages/ui/src/components/cycle-label.css
View File

@@ -45,8 +45,7 @@
opacity: var(--c-opacity-start); opacity: var(--c-opacity-start);
filter: blur(var(--c-blur-start)); filter: blur(var(--c-blur-start));
transition: none; transition: none;
transform: translateY(-50%) rotateX(-90deg) transform: translateY(-50%) rotateX(-90deg) skewX(calc(var(--c-skew) * -1));
skewX(calc(var(--c-skew) * -1));
} }
} }
} }

12
packages/ui/src/components/dialog.css
View File

@@ -6,12 +6,10 @@
z-index: 50; z-index: 50;
background-color: hsl(from var(--background-base) h s l / 0.2); background-color: hsl(from var(--background-base) h s l / 0.2);
animation: overlayHide var(--transition-duration) var(--transition-easing) animation: overlayHide var(--transition-duration) var(--transition-easing) forwards;
forwards;
&[data-expanded] { &[data-expanded] {
animation: overlayShow var(--transition-duration) var(--transition-easing) animation: overlayShow var(--transition-duration) var(--transition-easing) forwards;
forwards;
} }
@starting-style { @starting-style {
@@ -55,12 +53,10 @@
background-clip: padding-box; background-clip: padding-box;
box-shadow: var(--shadow-lg-border-base); box-shadow: var(--shadow-lg-border-base);
animation: contentHide var(--transition-duration) var(--transition-easing) animation: contentHide var(--transition-duration) var(--transition-easing) forwards;
forwards;
&[data-expanded] { &[data-expanded] {
animation: contentShow var(--transition-duration) animation: contentShow var(--transition-duration) var(--transition-easing) forwards;
var(--transition-easing) forwards;
} }
@starting-style { @starting-style {

6
packages/ui/src/components/dropdown-menu.css
View File

@@ -16,8 +16,7 @@
outline: none; outline: none;
} }
animation: dropdownMenuContentHide var(--transition-duration) animation: dropdownMenuContentHide var(--transition-duration) var(--transition-easing) forwards;
var(--transition-easing) forwards;
@starting-style { @starting-style {
animation: none; animation: none;
@@ -25,8 +24,7 @@
&[data-expanded] { &[data-expanded] {
pointer-events: auto; pointer-events: auto;
animation: dropdownMenuContentShow var(--transition-duration) animation: dropdownMenuContentShow var(--transition-duration) var(--transition-easing) forwards;
var(--transition-easing) forwards;
} }
} }

6
packages/ui/src/components/hover-card.css
View File

@@ -24,13 +24,11 @@
} }
&[data-closed] { &[data-closed] {
animation: hover-card-close var(--transition-duration) animation: hover-card-close var(--transition-duration) var(--transition-easing);
var(--transition-easing);
} }
&[data-expanded] { &[data-expanded] {
animation: hover-card-open var(--transition-duration) animation: hover-card-open var(--transition-duration) var(--transition-easing);
var(--transition-easing);
} }
[data-slot="hover-card-body"] { [data-slot="hover-card-body"] {

5
packages/ui/src/components/icon.tsx
View File

@@ -86,7 +86,10 @@ export interface IconProps extends ComponentProps<"svg"> {
export function Icon(props: IconProps) { export function Icon(props: IconProps) {
const [local, others] = splitProps(props, ["name", "size", "class", "classList"]) const [local, others] = splitProps(props, ["name", "size", "class", "classList"])
return ( return (
<div data-component="icon" data-size={typeof local.size !== 'number' ? local.size || "normal" : `size-[${local.size}px]`}> <div
data-component="icon"
data-size={typeof local.size !== "number" ? local.size || "normal" : `size-[${local.size}px]`}
>
<svg <svg
data-slot="icon-svg" data-slot="icon-svg"
classList={{ classList={{

6
packages/ui/src/components/line-comment.css
View File

@@ -29,8 +29,7 @@
outline: none; outline: none;
} }
[data-component="line-comment"] [data-component="line-comment"] [data-slot="line-comment-button"]:focus-visible {
[data-slot="line-comment-button"]:focus-visible {
box-shadow: var(--shadow-xs-border-focus); box-shadow: var(--shadow-xs-border-focus);
} }
@@ -47,8 +46,7 @@
padding: 12px; padding: 12px;
} }
[data-component="line-comment"][data-variant="editor"] [data-component="line-comment"][data-variant="editor"] [data-slot="line-comment-popover"] {
[data-slot="line-comment-popover"] {
width: 380px; width: 380px;
max-width: min(380px, calc(100vw - 48px)); max-width: min(380px, calc(100vw - 48px));
padding: 8px; padding: 8px;

6
packages/ui/src/components/list.css
View File

@@ -207,11 +207,7 @@
left: 0; left: 0;
right: 0; right: 0;
height: 16px; height: 16px;
background: linear-gradient( background: linear-gradient(to bottom, var(--surface-raised-stronger-non-alpha), transparent);
to bottom,
var(--surface-raised-stronger-non-alpha),
transparent
);
pointer-events: none; pointer-events: none;
opacity: 0; opacity: 0;
transition-property: opacity; transition-property: opacity;

8
packages/ui/src/components/list.tsx
View File

@@ -268,13 +268,7 @@ export function List<T>(props: ListProps<T> & { ref?: (ref: ListRef) => void })
{searchAction()} {searchAction()}
</div> </div>
</Show> </Show>
<ScrollFade <ScrollFade ref={setScrollRef} direction="vertical" fadeStartSize={0} fadeEndSize={20} data-slot="list-scroll">
ref={setScrollRef}
direction="vertical"
fadeStartSize={0}
fadeEndSize={20}
data-slot="list-scroll"
>
<Show <Show
when={flat().length > 0 || showAdd()} when={flat().length > 0 || showAdd()}
fallback={ fallback={

6
packages/ui/src/components/markdown.css
View File

@@ -142,13 +142,11 @@
display: none; display: none;
} }
[data-slot="markdown-copy-button"][data-copied="true"] [data-slot="markdown-copy-button"][data-copied="true"] [data-slot="copy-icon"] {
[data-slot="copy-icon"] {
display: none; display: none;
} }
[data-slot="markdown-copy-button"][data-copied="true"] [data-slot="markdown-copy-button"][data-copied="true"] [data-slot="check-icon"] {
[data-slot="check-icon"] {
display: inline-flex; display: inline-flex;
} }

3
packages/ui/src/components/message-nav.css
View File

@@ -52,8 +52,7 @@
background-color 0.2s; background-color 0.2s;
} }
[data-slot="message-nav-tick-button"]:hover [data-slot="message-nav-tick-button"]:hover [data-slot="message-nav-tick-line"] {
[data-slot="message-nav-tick-line"] {
width: 100%; width: 100%;
background-color: var(--icon-strong-base); background-color: var(--icon-strong-base);
} }

12
packages/ui/src/components/popover.css
View File

@@ -15,8 +15,7 @@
transform-origin: var(--kb-popover-content-transform-origin); transform-origin: var(--kb-popover-content-transform-origin);
animation: popoverContentHide var(--transition-duration) animation: popoverContentHide var(--transition-duration) var(--transition-easing) forwards;
var(--transition-easing) forwards;
@starting-style { @starting-style {
animation: none; animation: none;
@@ -24,8 +23,7 @@
&[data-expanded] { &[data-expanded] {
pointer-events: auto; pointer-events: auto;
animation: popoverContentShow var(--transition-duration) animation: popoverContentShow var(--transition-duration) var(--transition-easing) forwards;
var(--transition-easing) forwards;
} }
[data-origin-top-right] { [data-origin-top-right] {
@@ -121,8 +119,7 @@
[data-component="model-popover-content"] { [data-component="model-popover-content"] {
transform-origin: var(--kb-popper-content-transform-origin); transform-origin: var(--kb-popper-content-transform-origin);
pointer-events: none; pointer-events: none;
animation: popoverContentHide var(--transition-duration) animation: popoverContentHide var(--transition-duration) var(--transition-easing) forwards;
var(--transition-easing) forwards;
@starting-style { @starting-style {
animation: none; animation: none;
@@ -130,7 +127,6 @@
&[data-expanded] { &[data-expanded] {
pointer-events: auto; pointer-events: auto;
animation: popoverContentShow var(--transition-duration) animation: popoverContentShow var(--transition-duration) var(--transition-easing) forwards;
var(--transition-easing) forwards;
} }
} }

31
packages/ui/src/components/radio-group.css
View File

@@ -51,12 +51,8 @@
} }
/* Hide separator when item or previous item is checked */ /* Hide separator when item or previous item is checked */
[data-slot="radio-group-item"]:has( [data-slot="radio-group-item"]:has([data-slot="radio-group-item-input"][data-checked])::before,
[data-slot="radio-group-item-input"][data-checked] [data-slot="radio-group-item"]:has([data-slot="radio-group-item-input"][data-checked])
)::before,
[data-slot="radio-group-item"]:has(
[data-slot="radio-group-item-input"][data-checked]
)
+ [data-slot="radio-group-item"]::before { + [data-slot="radio-group-item"]::before {
opacity: 0; opacity: 0;
} }
@@ -86,21 +82,18 @@
} }
/* Checked state */ /* Checked state */
[data-slot="radio-group-item-input"][data-checked] [data-slot="radio-group-item-input"][data-checked] + [data-slot="radio-group-item-label"] {
+ [data-slot="radio-group-item-label"] {
color: var(--text-strong); color: var(--text-strong);
} }
/* Disabled state */ /* Disabled state */
[data-slot="radio-group-item-input"][data-disabled] [data-slot="radio-group-item-input"][data-disabled] + [data-slot="radio-group-item-label"] {
+ [data-slot="radio-group-item-label"] {
cursor: not-allowed; cursor: not-allowed;
opacity: 0.5; opacity: 0.5;
} }
/* Hover state for unchecked, enabled items */ /* Hover state for unchecked, enabled items */
[data-slot="radio-group-item-input"]:not([data-checked], [data-disabled]) [data-slot="radio-group-item-input"]:not([data-checked], [data-disabled]) + [data-slot="radio-group-item-label"] {
+ [data-slot="radio-group-item-label"] {
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
} }
@@ -116,17 +109,13 @@
} }
/* Focus state */ /* Focus state */
[data-slot="radio-group-wrapper"]:has( [data-slot="radio-group-wrapper"]:has([data-slot="radio-group-item-input"]:focus-visible)
[data-slot="radio-group-item-input"]:focus-visible
)
[data-slot="radio-group-indicator"] { [data-slot="radio-group-indicator"] {
box-shadow: var(--shadow-xs-border-focus); box-shadow: var(--shadow-xs-border-focus);
} }
/* Hide indicator when nothing is checked */ /* Hide indicator when nothing is checked */
[data-slot="radio-group-wrapper"]:not( [data-slot="radio-group-wrapper"]:not(:has([data-slot="radio-group-item-input"][data-checked]))
:has([data-slot="radio-group-item-input"][data-checked])
)
[data-slot="radio-group-indicator"] { [data-slot="radio-group-indicator"] {
--indicator-opacity: 0; --indicator-opacity: 0;
} }
@@ -136,8 +125,7 @@
flex-direction: column; flex-direction: column;
} }
&[aria-orientation="vertical"] &[aria-orientation="vertical"] [data-slot="radio-group-item"]:not(:first-of-type)::before {
[data-slot="radio-group-item"]:not(:first-of-type)::before {
height: 1px; height: 1px;
width: auto; width: auto;
inset: 0 6px; inset: 0 6px;
@@ -155,8 +143,7 @@
inset: 4px 0; inset: 4px 0;
} }
&[aria-orientation="vertical"] &[aria-orientation="vertical"] [data-slot="radio-group-item"]:not(:first-of-type)::before {
[data-slot="radio-group-item"]:not(:first-of-type)::before {
inset: 0 4px; inset: 0 4px;
} }
} }

4
packages/ui/src/components/reasoning-icon.css
View File

@@ -3,8 +3,6 @@
[data-slot="reasoning-icon-percentage"] { [data-slot="reasoning-icon-percentage"] {
transition: clip-path 200ms cubic-bezier(0.25, 0, 0.5, 1); transition: clip-path 200ms cubic-bezier(0.25, 0, 0.5, 1);
clip-path: inset( clip-path: inset(calc(100% - var(--reasoning-icon-percentage) * 100%) 0 0 0);
calc(100% - var(--reasoning-icon-percentage) * 100%) 0 0 0
);
} }
} }

18
packages/ui/src/components/reasoning-icon.tsx
View File

@@ -25,8 +25,22 @@ export function ReasoningIcon(props: ReasoningIconProps) {
[split.class ?? ""]: !!split.class, [split.class ?? ""]: !!split.class,
}} }}
> >
<path d="M5.83196 10.3225V11.1666C5.83196 11.7189 6.27967 12.1666 6.83196 12.1666H9.16687C9.71915 12.1666 10.1669 11.7189 10.1669 11.1666V10.3225M5.83196 10.3225C5.55695 10.1843 5.29695 10.0206 5.05505 9.83459C3.90601 8.95086 3.16549 7.56219 3.16549 6.00055C3.16549 3.33085 5.32971 1.16663 7.99941 1.16663C10.6691 1.16663 12.8333 3.33085 12.8333 6.00055C12.8333 7.56219 12.0928 8.95086 10.9438 9.83459C10.7019 10.0206 10.4419 10.1843 10.1669 10.3225M5.83196 10.3225H10.1669M6.5 14.1666H9.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path
<circle cx="8" cy="5.83325" r="2.86364" fill="currentColor" stroke="currentColor" stroke-width={strokeWidth()} style={{ '--reasoning-icon-percentage': split.percentage / 100 }} data-slot="reasoning-icon-percentage" /> d="M5.83196 10.3225V11.1666C5.83196 11.7189 6.27967 12.1666 6.83196 12.1666H9.16687C9.71915 12.1666 10.1669 11.7189 10.1669 11.1666V10.3225M5.83196 10.3225C5.55695 10.1843 5.29695 10.0206 5.05505 9.83459C3.90601 8.95086 3.16549 7.56219 3.16549 6.00055C3.16549 3.33085 5.32971 1.16663 7.99941 1.16663C10.6691 1.16663 12.8333 3.33085 12.8333 6.00055C12.8333 7.56219 12.0928 8.95086 10.9438 9.83459C10.7019 10.0206 10.4419 10.1843 10.1669 10.3225M5.83196 10.3225H10.1669M6.5 14.1666H9.5"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
/>
<circle
cx="8"
cy="5.83325"
r="2.86364"
fill="currentColor"
stroke="currentColor"
stroke-width={strokeWidth()}
style={{ "--reasoning-icon-percentage": split.percentage / 100 }}
data-slot="reasoning-icon-percentage"
/>
</svg> </svg>
) )
} }

56
packages/ui/src/components/scroll-fade.css
View File

@@ -35,34 +35,14 @@
/* Only start fade */ /* Only start fade */
&[data-fade-start]:not([data-fade-end]) { &[data-fade-start]:not([data-fade-end]) {
mask-image: linear-gradient( mask-image: linear-gradient(to right, transparent, black var(--scroll-fade-start), black 100%);
to right, -webkit-mask-image: linear-gradient(to right, transparent, black var(--scroll-fade-start), black 100%);
transparent,
black var(--scroll-fade-start),
black 100%
);
-webkit-mask-image: linear-gradient(
to right,
transparent,
black var(--scroll-fade-start),
black 100%
);
} }
/* Only end fade */ /* Only end fade */
&:not([data-fade-start])[data-fade-end] { &:not([data-fade-start])[data-fade-end] {
mask-image: linear-gradient( mask-image: linear-gradient(to right, black 0%, black calc(100% - var(--scroll-fade-end)), transparent);
to right, -webkit-mask-image: linear-gradient(to right, black 0%, black calc(100% - var(--scroll-fade-end)), transparent);
black 0%,
black calc(100% - var(--scroll-fade-end)),
transparent
);
-webkit-mask-image: linear-gradient(
to right,
black 0%,
black calc(100% - var(--scroll-fade-end)),
transparent
);
} }
} }
@@ -89,34 +69,14 @@
/* Only start fade */ /* Only start fade */
&[data-fade-start]:not([data-fade-end]) { &[data-fade-start]:not([data-fade-end]) {
mask-image: linear-gradient( mask-image: linear-gradient(to bottom, transparent, black var(--scroll-fade-start), black 100%);
to bottom, -webkit-mask-image: linear-gradient(to bottom, transparent, black var(--scroll-fade-start), black 100%);
transparent,
black var(--scroll-fade-start),
black 100%
);
-webkit-mask-image: linear-gradient(
to bottom,
transparent,
black var(--scroll-fade-start),
black 100%
);
} }
/* Only end fade */ /* Only end fade */
&:not([data-fade-start])[data-fade-end] { &:not([data-fade-start])[data-fade-end] {
mask-image: linear-gradient( mask-image: linear-gradient(to bottom, black 0%, black calc(100% - var(--scroll-fade-end)), transparent);
to bottom, -webkit-mask-image: linear-gradient(to bottom, black 0%, black calc(100% - var(--scroll-fade-end)), transparent);
black 0%,
black calc(100% - var(--scroll-fade-end)),
transparent
);
-webkit-mask-image: linear-gradient(
to bottom,
black 0%,
black calc(100% - var(--scroll-fade-end)),
transparent
);
} }
} }
} }

2
packages/ui/src/components/scroll-reveal.tsx
View File

@@ -1,5 +1,5 @@
import { type JSX, onCleanup, splitProps } from "solid-js" import { type JSX, onCleanup, splitProps } from "solid-js"
import { ScrollFade, type ScrollFadeProps } from './scroll-fade' import { ScrollFade, type ScrollFadeProps } from "./scroll-fade"
const SCROLL_SPEED = 60 const SCROLL_SPEED = 60
const PAUSE_DURATION = 800 const PAUSE_DURATION = 800

6
packages/ui/src/components/select.css
View File

@@ -63,8 +63,7 @@
transform-origin: var(--kb-popper-content-transform-origin); transform-origin: var(--kb-popper-content-transform-origin);
pointer-events: none; pointer-events: none;
animation: selectContentHide var(--transition-duration) animation: selectContentHide var(--transition-duration) var(--transition-easing) forwards;
var(--transition-easing) forwards;
@starting-style { @starting-style {
animation: none; animation: none;
@@ -72,8 +71,7 @@
&[data-expanded] { &[data-expanded] {
pointer-events: auto; pointer-events: auto;
animation: selectContentShow var(--transition-duration) animation: selectContentShow var(--transition-duration) var(--transition-easing) forwards;
var(--transition-easing) forwards;
} }
[data-slot="select-select-content-list"] { [data-slot="select-select-content-list"] {

3
packages/ui/src/components/session-review.css
View File

@@ -136,8 +136,7 @@
} }
} }
[data-slot="accordion-trigger"]:hover [data-slot="accordion-trigger"]:hover [data-slot="session-review-view-button"] {
[data-slot="session-review-view-button"] {
opacity: 1; opacity: 1;
} }

33
packages/ui/src/components/session-turn.css
View File

@@ -1,10 +1,6 @@
[data-component="session-turn"] { [data-component="session-turn"] {
--session-turn-sticky-height: 0px; --session-turn-sticky-height: 0px;
--sticky-header-height: calc( --sticky-header-height: calc(var(--session-title-height, 0px) + var(--session-turn-sticky-height, 0px) + 24px);
var(--session-title-height, 0px) +
var(--session-turn-sticky-height, 0px) +
24px
);
/* flex: 1; */ /* flex: 1; */
height: 100%; height: 100%;
min-height: 0; min-height: 0;
@@ -87,11 +83,7 @@
left: 0; left: 0;
right: 0; right: 0;
height: 32px; height: 32px;
background: linear-gradient( background: linear-gradient(to bottom, var(--background-stronger), transparent);
to bottom,
var(--background-stronger),
transparent
);
pointer-events: none; pointer-events: none;
} }
} }
@@ -113,20 +105,16 @@
transition: max-height 200ms cubic-bezier(0.25, 0, 0.5, 1); transition: max-height 200ms cubic-bezier(0.25, 0, 0.5, 1);
} }
[data-component="user-message"][data-expanded="true"] [data-component="user-message"][data-expanded="true"] [data-slot="user-message-text"] {
[data-slot="user-message-text"] {
max-height: 2000px; max-height: 2000px;
} }
[data-component="user-message"][data-can-expand="true"] [data-component="user-message"][data-can-expand="true"] [data-slot="user-message-text"] {
[data-slot="user-message-text"] {
padding-right: 36px; padding-right: 36px;
padding-bottom: 28px; padding-bottom: 28px;
} }
[data-component="user-message"][data-can-expand="true"]:not( [data-component="user-message"][data-can-expand="true"]:not([data-expanded="true"])
[data-expanded="true"]
)
[data-slot="user-message-text"]::after { [data-slot="user-message-text"]::after {
content: ""; content: "";
position: absolute; position: absolute;
@@ -140,9 +128,7 @@
pointer-events: none; pointer-events: none;
} }
[data-component="user-message"] [data-component="user-message"] [data-slot="user-message-text"] [data-slot="user-message-expand"] {
[data-slot="user-message-text"]
[data-slot="user-message-expand"] {
display: none; display: none;
position: absolute; position: absolute;
bottom: 6px; bottom: 6px;
@@ -168,9 +154,7 @@
color: var(--text-weak); color: var(--text-weak);
} }
[data-component="user-message"] [data-component="user-message"] [data-slot="user-message-text"] [data-slot="user-message-expand"]:hover {
[data-slot="user-message-text"]
[data-slot="user-message-expand"]:hover {
background: var(--surface-raised-base); background: var(--surface-raised-base);
color: var(--text-base); color: var(--text-base);
} }
@@ -239,8 +223,7 @@
z-index: 1; z-index: 1;
} }
[data-slot="session-turn-response"]:hover [data-slot="session-turn-response"]:hover [data-slot="session-turn-response-copy-wrapper"] {
[data-slot="session-turn-response-copy-wrapper"] {
opacity: 1; opacity: 1;
} }

3
packages/ui/src/components/switch.css
View File

@@ -103,8 +103,7 @@
background-color: var(--icon-invert-base); background-color: var(--icon-invert-base);
} }
&[data-checked]:hover:not([data-disabled], [data-readonly]) &[data-checked]:hover:not([data-disabled], [data-readonly]) [data-slot="switch-control"] {
[data-slot="switch-control"] {
border-color: var(--border-hover); border-color: var(--border-hover);
background-color: var(--surface-hover); background-color: var(--surface-hover);
} }

8
packages/ui/src/context/dialog.tsx
View File

@@ -121,12 +121,16 @@ function init() {
const render = (element: JSX.Element, id: string, owner: Owner) => { const render = (element: JSX.Element, id: string, owner: Owner) => {
setRenders((renders) => ({ ...renders, [id]: element })) setRenders((renders) => ({ ...renders, [id]: element }))
show(() => element, owner, () => { show(
() => element,
owner,
() => {
setRenders((renders) => { setRenders((renders) => {
const { [id]: _, ...rest } = renders const { [id]: _, ...rest } = renders
return rest return rest
}) })
}) },
)
} }
const isActive = (id: string) => { const isActive = (id: string) => {

3
packages/ui/src/styles/utilities.css
View File

@@ -167,8 +167,7 @@
} }
.transition-interactive { .transition-interactive {
transition-property: transition-property: background-color, border-color, color, box-shadow, opacity;
background-color, border-color, color, box-shadow, opacity;
transition-duration: var(--transition-duration); transition-duration: var(--transition-duration);
transition-timing-function: var(--transition-easing); transition-timing-function: var(--transition-easing);
} }