@opencode-ai/ui 0.0.0-dev-202609032018 → 0.0.0-dev-19039

package/src/theme/themes/oc-2.json

@@ -25,7 +25,7 @@
       "border-weak-base": "#DBDBDB",
       "border-weaker-base": "#E8E8E8",
       "icon-base": "#8F8F8F",
-      "icon-weak-base": "#C7C7C7",
+      "icon-weak-base": "C7C7C7",
       "surface-raised-base": "#F3F3F3",
       "surface-raised-base-hover": "#EDEDED",
       "surface-base": "#F8F8F8",
@@ -120,18 +120,18 @@
       "v2-cyan-1000": "#005a6eff",
       "v2-cyan-1100": "#004756ff",
       "v2-cyan-1200": "#00353fff",
-      "v2-blue-100": "#ecf1feff",
-      "v2-blue-200": "#d7e2fcff",
+      "v2-blue-100": "#f5f8ffff",
+      "v2-blue-200": "#ecf1feff",
       "v2-blue-300": "#c3d4fdff",
       "v2-blue-400": "#a2bcffff",
       "v2-blue-500": "#7698fdff",
       "v2-blue-600": "#3b5cf6ff",
-      "v2-blue-700": "#3250dfff",
-      "v2-blue-800": "#2c47c8ff",
-      "v2-blue-900": "#263fa9ff",
-      "v2-blue-1000": "#22388fff",
-      "v2-blue-1100": "#1c2e70ff",
-      "v2-blue-1200": "#1b2852ff",
+      "v2-blue-700": "#0b34f4ff",
+      "v2-blue-800": "#3250dfff",
+      "v2-blue-900": "#2c47c8ff",
+      "v2-blue-1000": "#263fa9ff",
+      "v2-blue-1100": "#22388fff",
+      "v2-blue-1200": "#021945ff",
       "v2-purple-100": "#ebecfeff",
       "v2-purple-200": "#d5d5fcff",
       "v2-purple-300": "#b9b8f5ff",
@@ -166,6 +166,7 @@
       "v2-background-bg-contrast": "var(--v2-grey-1000)",
       "v2-background-bg-button-neutral": "var(--v2-grey-50)",
       "v2-background-bg-accent": "var(--v2-blue-600)",
+      "v2-background-bg-code-path": "var(--v2-cyan-100)",
       "v2-text-text-base": "var(--v2-grey-1100)",
       "v2-text-text-muted": "var(--v2-grey-700)",
       "v2-text-text-faint": "var(--v2-grey-600)",
@@ -174,8 +175,10 @@
       "v2-text-text-accent": "var(--v2-blue-600)",
       "v2-text-text-accent-hover": "var(--v2-blue-700)",
       "v2-text-text-code-accent": "var(--v2-blue-900)",
+      "v2-text-text-code-path": "var(--v2-blue-900)",
       "v2-icon-icon-base": "var(--v2-grey-800)",
       "v2-icon-icon-muted": "var(--v2-grey-600)",
+      "v2-icon-icon-faint": "var(--v2-grey-500)",
       "v2-icon-icon-inverse": "var(--v2-grey-50)",
       "v2-icon-icon-contrast": "var(--v2-grey-100)",
       "v2-icon-icon-accent": "var(--v2-blue-600)",
@@ -204,9 +207,20 @@
       "v2-state-bg-danger": "var(--v2-red-100)",
       "v2-state-fg-danger": "var(--v2-red-800)",
       "v2-state-border-danger": "var(--v2-red-300)",
-      "v2-state-bg-info": "var(--v2-blue-100)",
+      "v2-state-bg-info": "var(--v2-blue-200)",
       "v2-state-fg-info": "var(--v2-blue-800)",
       "v2-state-border-info": "var(--v2-blue-300)",
+      "v2-agent-plan-solid": "var(--v2-pink-800)",
+      "v2-agent-plan-border": "rgba(200, 61, 139, 0.2)",
+      "v2-agent-plan-background": "rgba(253, 236, 243, 0.1)",
+      "v2-agent-build-solid": "var(--v2-blue-800)",
+      "v2-agent-build-border": "rgba(44, 71, 200, 0.1)",
+      "v2-agent-build-background": "rgba(236, 241, 254, 0.1)",
+      "v2-agent-explore-solid": "var(--v2-yellow-900)",
+      "v2-agent-explore-border": "rgba(203, 159, 52, 0.2)",
+      "v2-agent-explore-background": "rgba(254, 250, 236, 0.1)",
+      "v2-agent-review-solid": "var(--v2-green-800)",
+      "v2-agent-writer-solid": "var(--v2-purple-700)",
       "v2-avatar-bg-orange": "#ee7330ff",
       "v2-avatar-border-orange": "#d16427ff",
       "v2-avatar-bg-yellow": "#e7af36ff",
@@ -235,7 +249,8 @@
       "v2-elevation-switch-on": "inset 0px 2px 2px 0px var(--v2-alpha-dark-10), inset 0px 1px 1px 0px var(--v2-alpha-dark-10), inset 0px 0px 0px 0.5px var(--v2-alpha-dark-20)",
       "v2-illustration-illustration-layer-01": "var(--v2-grey-300)",
       "v2-illustration-illustration-layer-02": "var(--v2-grey-400)",
-      "v2-illustration-illustration-layer-03": "var(--v2-grey-500)"
+      "v2-illustration-illustration-layer-03": "var(--v2-grey-500)",
+      "v2-font-family-code": "var(--font-family-mono)"
     }
   },
   "dark": {
@@ -355,18 +370,18 @@
       "v2-cyan-1000": "#005a6eff",
       "v2-cyan-1100": "#004756ff",
       "v2-cyan-1200": "#00353fff",
-      "v2-blue-100": "#ecf1feff",
-      "v2-blue-200": "#d7e2fcff",
+      "v2-blue-100": "#f5f8ffff",
+      "v2-blue-200": "#ecf1feff",
       "v2-blue-300": "#c3d4fdff",
       "v2-blue-400": "#a2bcffff",
       "v2-blue-500": "#7698fdff",
       "v2-blue-600": "#3b5cf6ff",
-      "v2-blue-700": "#3250dfff",
-      "v2-blue-800": "#2c47c8ff",
-      "v2-blue-900": "#263fa9ff",
-      "v2-blue-1000": "#22388fff",
-      "v2-blue-1100": "#1c2e70ff",
-      "v2-blue-1200": "#1b2852ff",
+      "v2-blue-700": "#0b34f4ff",
+      "v2-blue-800": "#3250dfff",
+      "v2-blue-900": "#2c47c8ff",
+      "v2-blue-1000": "#263fa9ff",
+      "v2-blue-1100": "#22388fff",
+      "v2-blue-1200": "#021945ff",
       "v2-purple-100": "#ebecfeff",
       "v2-purple-200": "#d5d5fcff",
       "v2-purple-300": "#b9b8f5ff",
@@ -401,6 +416,7 @@
       "v2-background-bg-contrast": "var(--v2-grey-700)",
       "v2-background-bg-button-neutral": "var(--v2-alpha-light-6)",
       "v2-background-bg-accent": "var(--v2-blue-600)",
+      "v2-background-bg-code-path": "var(--v2-cyan-1200)",
       "v2-text-text-base": "var(--v2-grey-100)",
       "v2-text-text-muted": "var(--v2-grey-500)",
       "v2-text-text-faint": "var(--v2-grey-600)",
@@ -409,8 +425,10 @@
       "v2-text-text-accent": "var(--v2-blue-400)",
       "v2-text-text-accent-hover": "var(--v2-blue-300)",
       "v2-text-text-code-accent": "var(--v2-blue-400)",
+      "v2-text-text-code-path": "var(--v2-blue-300)",
       "v2-icon-icon-base": "var(--v2-grey-400)",
       "v2-icon-icon-muted": "var(--v2-grey-600)",
+      "v2-icon-icon-faint": "var(--v2-grey-500)",
       "v2-icon-icon-inverse": "var(--v2-grey-1100)",
       "v2-icon-icon-contrast": "var(--v2-grey-100)",
       "v2-icon-icon-accent": "var(--v2-blue-400)",
@@ -442,6 +460,17 @@
       "v2-state-bg-info": "var(--v2-blue-1200)",
       "v2-state-fg-info": "var(--v2-blue-500)",
       "v2-state-border-info": "var(--v2-blue-900)",
+      "v2-agent-plan-solid": "var(--v2-pink-400)",
+      "v2-agent-plan-border": "rgba(247, 153, 198, 0.2)",
+      "v2-agent-plan-background": "rgba(170, 53, 118, 0.05)",
+      "v2-agent-build-solid": "var(--v2-blue-300)",
+      "v2-agent-build-border": "rgba(162, 188, 255, 0.2)",
+      "v2-agent-build-background": "rgba(38, 63, 169, 0.05)",
+      "v2-agent-explore-solid": "var(--v2-yellow-300)",
+      "v2-agent-explore-border": "rgba(243, 218, 155, 0.2)",
+      "v2-agent-explore-background": "rgba(172, 136, 51, 0.05)",
+      "v2-agent-review-solid": "var(--v2-green-300)",
+      "v2-agent-writer-solid": "var(--v2-purple-400)",
       "v2-avatar-bg-orange": "#723d22ff",
       "v2-avatar-border-orange": "#ff8648ff",
       "v2-avatar-bg-yellow": "#68552bff",

package/src/theme/v2/default-primitives.ts

@@ -75,18 +75,18 @@ export const V2_PRIMITIVES_DEFAULT: Record<string, V2ColorValue> = {
   "v2-cyan-1000": "#005a6eff",
   "v2-cyan-1100": "#004756ff",
   "v2-cyan-1200": "#00353fff",
-  "v2-blue-100": "#ecf1feff",
-  "v2-blue-200": "#d7e2fcff",
+  "v2-blue-100": "#f5f8ffff",
+  "v2-blue-200": "#ecf1feff",
   "v2-blue-300": "#c3d4fdff",
   "v2-blue-400": "#a2bcffff",
   "v2-blue-500": "#7698fdff",
   "v2-blue-600": "#3b5cf6ff",
-  "v2-blue-700": "#3250dfff",
-  "v2-blue-800": "#2c47c8ff",
-  "v2-blue-900": "#263fa9ff",
-  "v2-blue-1000": "#22388fff",
-  "v2-blue-1100": "#1c2e70ff",
-  "v2-blue-1200": "#1b2852ff",
+  "v2-blue-700": "#0b34f4ff",
+  "v2-blue-800": "#3250dfff",
+  "v2-blue-900": "#2c47c8ff",
+  "v2-blue-1000": "#263fa9ff",
+  "v2-blue-1100": "#22388fff",
+  "v2-blue-1200": "#021945ff",
   "v2-purple-100": "#ebecfeff",
   "v2-purple-200": "#d5d5fcff",
   "v2-purple-300": "#b9b8f5ff",

package/src/theme/v2/foreground.ts

@@ -52,6 +52,7 @@ export function mapV2Foreground(
     "v2-text-text-faint": shift(body, { l: isDark ? -0.2 : 0.21, c: isDark ? 0.78 : 0.72 }),
     "v2-icon-icon-base": greyRef(pickGrey(primitives, bgBase, 7, isDark ? 400 : 800)),
     "v2-icon-icon-muted": greyRef(pickGrey(primitives, bgBase, 3, 600)),
+    "v2-icon-icon-faint": greyRef(pickGrey(primitives, bgBase, 1.5, 500)),
     "v2-icon-icon-inverse": greyRef(pickGrey(primitives, bgInverse, 7, inverseTarget)),
     "v2-icon-icon-contrast": greyRef(pickGrey(primitives, bgContrast, 7, 100)),
     "v2-icon-icon-accent": isDark ? "var(--v2-blue-400)" : "var(--v2-blue-600)",

package/src/theme/v2/mapping.ts

@@ -42,11 +42,13 @@ const light: Record<string, V2ColorValue> = {
   "v2-background-bg-contrast": ref("v2-grey-900"),
   "v2-background-bg-button-neutral": ref("v2-grey-100"),
   "v2-background-bg-accent": ref("v2-blue-600"),
+  "v2-background-bg-code-path": ref("v2-cyan-100"),
   "v2-text-text-inverse": ref("v2-grey-100"),
   "v2-text-text-contrast": ref("v2-grey-100"),
   "v2-text-text-accent": ref("v2-blue-600"),
   "v2-text-text-accent-hover": ref("v2-blue-700"),
   "v2-text-text-code-accent": ref("v2-blue-900"),
+  "v2-text-text-code-path": ref("v2-blue-900"),
   "v2-border-border-muted": ref("v2-alpha-dark-8"),
   "v2-border-border-base": ref("v2-alpha-dark-10"),
   "v2-border-border-strong": ref("v2-alpha-dark-20"),
@@ -71,7 +73,7 @@ const light: Record<string, V2ColorValue> = {
   "v2-state-bg-danger": ref("v2-red-100"),
   "v2-state-fg-danger": ref("v2-red-800"),
   "v2-state-border-danger": ref("v2-red-300"),
-  "v2-state-bg-info": ref("v2-blue-100"),
+  "v2-state-bg-info": ref("v2-blue-200"),
   "v2-state-fg-info": ref("v2-blue-800"),
   "v2-state-border-info": ref("v2-blue-300"),
   ...lightAgentTokens,
@@ -107,11 +109,13 @@ const dark: Record<string, V2ColorValue> = {
   "v2-background-bg-contrast": ref("v2-grey-700"),
   "v2-background-bg-button-neutral": ref("v2-alpha-light-6"),
   "v2-background-bg-accent": ref("v2-blue-600"),
+  "v2-background-bg-code-path": ref("v2-cyan-1200"),
   "v2-text-text-inverse": ref("v2-grey-1000"),
   "v2-text-text-contrast": ref("v2-grey-100"),
   "v2-text-text-accent": ref("v2-blue-400"),
   "v2-text-text-accent-hover": ref("v2-blue-300"),
   "v2-text-text-code-accent": ref("v2-blue-400"),
+  "v2-text-text-code-path": ref("v2-blue-300"),
   "v2-border-border-muted": ref("v2-alpha-light-8"),
   "v2-border-border-base": ref("v2-alpha-light-10"),
   "v2-border-border-strong": ref("v2-alpha-light-20"),

package/src/{components → typography/text-shimmer}/text-shimmer.css

@@ -5,7 +5,8 @@
   --text-shimmer-index: 0;
   --text-shimmer-angle: 90deg;
   --text-shimmer-spread: 5.2ch;
-  --text-shimmer-size: 360%;
+  --text-shimmer-gutter: calc(var(--text-shimmer-spread) + 1ch);
+  --text-shimmer-size: calc(200% + var(--text-shimmer-gutter) + var(--text-shimmer-gutter));
   --text-shimmer-base-color: var(--text-weak);
   --text-shimmer-peak-color: var(--text-strong);
   --text-shimmer-sweep: linear-gradient(

package/src/{components → typography/text-shimmer}/text-shimmer.tsx

@@ -1,5 +1,6 @@
 import { createEffect, createMemo, createSignal, onCleanup, type ValidComponent } from "solid-js"
 import { Dynamic } from "solid-js/web"
+import "./text-shimmer.css"
 
 export const TextShimmer = <T extends ValidComponent = "span">(props: {
   text: string

package/src/{v2/components/wordmark-v2.tsx → typography/wordmark/wordmark.tsx}

@@ -1,6 +1,6 @@
 import { createUniqueId, type ComponentProps } from "solid-js"
 
-export function WordmarkV2(props: Pick<ComponentProps<"svg">, "class">) {
+export function Wordmark(props: Pick<ComponentProps<"svg">, "class">) {
   const mask = createUniqueId()
   const maskGradient = createUniqueId()
 
@@ -11,7 +11,7 @@ export function WordmarkV2(props: Pick<ComponentProps<"svg">, "class">) {
       fill="none"
       classList={{ [props.class ?? ""]: !!props.class }}
     >
-      <g opacity="0.6">
+      <g opacity="0.6" class="[[data-color-scheme=dark]_&]:opacity-100">
         <g mask={`url(#${mask})`}>
           <g opacity="0.16">
             <path

package/dist/components/avatar.d.ts

@@ -1,9 +0,0 @@
-import { type ComponentProps } from "solid-js";
-export interface AvatarProps extends ComponentProps<"div"> {
-    fallback: string;
-    src?: string;
-    background?: string;
-    foreground?: string;
-    size?: "small" | "normal" | "large";
-}
-export declare function Avatar(props: AvatarProps): import("solid-js").JSX.Element;

package/dist/components/button.d.ts

@@ -1,9 +0,0 @@
-import { Button as Kobalte } from "@kobalte/core/button";
-import { type ComponentProps } from "solid-js";
-import { IconProps } from "./icon";
-export interface ButtonProps extends ComponentProps<typeof Kobalte>, Pick<ComponentProps<"button">, "class" | "classList" | "children"> {
-    size?: "small" | "normal" | "large";
-    variant?: "primary" | "secondary" | "ghost";
-    icon?: IconProps["name"];
-}
-export declare function Button(props: ButtonProps): import("solid-js").JSX.Element;

package/dist/components/dialog.d.ts

@@ -1,12 +0,0 @@
-import { ComponentProps, JSXElement, ParentProps } from "solid-js";
-export interface DialogProps extends ParentProps {
-    title?: JSXElement;
-    description?: JSXElement;
-    action?: JSXElement;
-    size?: "normal" | "large" | "x-large";
-    class?: ComponentProps<"div">["class"];
-    classList?: ComponentProps<"div">["classList"];
-    fit?: boolean;
-    transition?: boolean;
-}
-export declare function Dialog(props: DialogProps): import("solid-js").JSX.Element;

package/dist/components/dropdown-menu.d.ts

@@ -1,80 +0,0 @@
-import { DropdownMenu as Kobalte } from "@kobalte/core/dropdown-menu";
-import type { ComponentProps, ParentProps } from "solid-js";
-export interface DropdownMenuProps extends ComponentProps<typeof Kobalte> {
-}
-export interface DropdownMenuTriggerProps extends ComponentProps<typeof Kobalte.Trigger> {
-}
-export interface DropdownMenuIconProps extends ComponentProps<typeof Kobalte.Icon> {
-}
-export interface DropdownMenuPortalProps extends ComponentProps<typeof Kobalte.Portal> {
-}
-export interface DropdownMenuContentProps extends ComponentProps<typeof Kobalte.Content> {
-}
-export interface DropdownMenuArrowProps extends ComponentProps<typeof Kobalte.Arrow> {
-}
-export interface DropdownMenuSeparatorProps extends ComponentProps<typeof Kobalte.Separator> {
-}
-export interface DropdownMenuGroupProps extends ComponentProps<typeof Kobalte.Group> {
-}
-export interface DropdownMenuGroupLabelProps extends ComponentProps<typeof Kobalte.GroupLabel> {
-}
-export interface DropdownMenuItemProps extends ComponentProps<typeof Kobalte.Item> {
-}
-export interface DropdownMenuItemLabelProps extends ComponentProps<typeof Kobalte.ItemLabel> {
-}
-export interface DropdownMenuItemDescriptionProps extends ComponentProps<typeof Kobalte.ItemDescription> {
-}
-export interface DropdownMenuItemIndicatorProps extends ComponentProps<typeof Kobalte.ItemIndicator> {
-}
-export interface DropdownMenuRadioGroupProps extends ComponentProps<typeof Kobalte.RadioGroup> {
-}
-export interface DropdownMenuRadioItemProps extends ComponentProps<typeof Kobalte.RadioItem> {
-}
-export interface DropdownMenuCheckboxItemProps extends ComponentProps<typeof Kobalte.CheckboxItem> {
-}
-export interface DropdownMenuSubProps extends ComponentProps<typeof Kobalte.Sub> {
-}
-export interface DropdownMenuSubTriggerProps extends ComponentProps<typeof Kobalte.SubTrigger> {
-}
-export interface DropdownMenuSubContentProps extends ComponentProps<typeof Kobalte.SubContent> {
-}
-declare function DropdownMenuRoot(props: DropdownMenuProps): import("solid-js").JSX.Element;
-declare function DropdownMenuTrigger(props: ParentProps<DropdownMenuTriggerProps>): import("solid-js").JSX.Element;
-declare function DropdownMenuIcon(props: ParentProps<DropdownMenuIconProps>): import("solid-js").JSX.Element;
-declare function DropdownMenuPortal(props: DropdownMenuPortalProps): import("solid-js").JSX.Element;
-declare function DropdownMenuContent(props: ParentProps<DropdownMenuContentProps>): import("solid-js").JSX.Element;
-declare function DropdownMenuArrow(props: DropdownMenuArrowProps): import("solid-js").JSX.Element;
-declare function DropdownMenuSeparator(props: DropdownMenuSeparatorProps): import("solid-js").JSX.Element;
-declare function DropdownMenuGroup(props: ParentProps<DropdownMenuGroupProps>): import("solid-js").JSX.Element;
-declare function DropdownMenuGroupLabel(props: ParentProps<DropdownMenuGroupLabelProps>): import("solid-js").JSX.Element;
-declare function DropdownMenuItem(props: ParentProps<DropdownMenuItemProps>): import("solid-js").JSX.Element;
-declare function DropdownMenuItemLabel(props: ParentProps<DropdownMenuItemLabelProps>): import("solid-js").JSX.Element;
-declare function DropdownMenuItemDescription(props: ParentProps<DropdownMenuItemDescriptionProps>): import("solid-js").JSX.Element;
-declare function DropdownMenuItemIndicator(props: ParentProps<DropdownMenuItemIndicatorProps>): import("solid-js").JSX.Element;
-declare function DropdownMenuRadioGroup(props: ParentProps<DropdownMenuRadioGroupProps>): import("solid-js").JSX.Element;
-declare function DropdownMenuRadioItem(props: ParentProps<DropdownMenuRadioItemProps>): import("solid-js").JSX.Element;
-declare function DropdownMenuCheckboxItem(props: ParentProps<DropdownMenuCheckboxItemProps>): import("solid-js").JSX.Element;
-declare function DropdownMenuSub(props: DropdownMenuSubProps): import("solid-js").JSX.Element;
-declare function DropdownMenuSubTrigger(props: ParentProps<DropdownMenuSubTriggerProps>): import("solid-js").JSX.Element;
-declare function DropdownMenuSubContent(props: ParentProps<DropdownMenuSubContentProps>): import("solid-js").JSX.Element;
-export declare const DropdownMenu: typeof DropdownMenuRoot & {
-    Trigger: typeof DropdownMenuTrigger;
-    Icon: typeof DropdownMenuIcon;
-    Portal: typeof DropdownMenuPortal;
-    Content: typeof DropdownMenuContent;
-    Arrow: typeof DropdownMenuArrow;
-    Separator: typeof DropdownMenuSeparator;
-    Group: typeof DropdownMenuGroup;
-    GroupLabel: typeof DropdownMenuGroupLabel;
-    Item: typeof DropdownMenuItem;
-    ItemLabel: typeof DropdownMenuItemLabel;
-    ItemDescription: typeof DropdownMenuItemDescription;
-    ItemIndicator: typeof DropdownMenuItemIndicator;
-    RadioGroup: typeof DropdownMenuRadioGroup;
-    RadioItem: typeof DropdownMenuRadioItem;
-    CheckboxItem: typeof DropdownMenuCheckboxItem;
-    Sub: typeof DropdownMenuSub;
-    SubTrigger: typeof DropdownMenuSubTrigger;
-    SubContent: typeof DropdownMenuSubContent;
-};
-export {};

package/dist/components/icon-button.d.ts

@@ -1,10 +0,0 @@
-import { Button as Kobalte } from "@kobalte/core/button";
-import { type ComponentProps } from "solid-js";
-import { IconProps } from "./icon";
-export interface IconButtonProps extends ComponentProps<typeof Kobalte> {
-    icon: IconProps["name"];
-    size?: "small" | "normal" | "large";
-    iconSize?: IconProps["size"];
-    variant?: "primary" | "secondary" | "ghost";
-}
-export declare function IconButton(props: ComponentProps<"button"> & IconButtonProps): import("solid-js").JSX.Element;

package/dist/components/keybind.d.ts

@@ -1,6 +0,0 @@
-import type { ComponentProps, ParentProps } from "solid-js";
-export interface KeybindProps extends ParentProps {
-    class?: string;
-    classList?: ComponentProps<"span">["classList"];
-}
-export declare function Keybind(props: KeybindProps): import("solid-js").JSX.Element;

package/dist/components/radio-group.d.ts

@@ -1,16 +0,0 @@
-import { SegmentedControl as Kobalte } from "@kobalte/core/segmented-control";
-import type { ComponentProps, JSX } from "solid-js";
-export type RadioGroupProps<T> = Omit<ComponentProps<typeof Kobalte>, "value" | "defaultValue" | "onChange" | "children"> & {
-    options: T[];
-    current?: T;
-    defaultValue?: T;
-    value?: (x: T) => string;
-    label?: (x: T) => JSX.Element | string;
-    onSelect?: (value: T | undefined) => void;
-    class?: ComponentProps<"div">["class"];
-    classList?: ComponentProps<"div">["classList"];
-    size?: "small" | "medium";
-    fill?: boolean;
-    pad?: "none" | "normal";
-};
-export declare function RadioGroup<T>(props: RadioGroupProps<T>): JSX.Element;

package/dist/components/select.d.ts

@@ -1,21 +0,0 @@
-import { Select as Kobalte } from "@kobalte/core/select";
-import { type ComponentProps, type JSX } from "solid-js";
-import { ButtonProps } from "./button";
-export type SelectProps<T> = Omit<ComponentProps<typeof Kobalte<T>>, "value" | "onSelect" | "children"> & {
-    placeholder?: string;
-    options: T[];
-    current?: T;
-    value?: (x: T) => string;
-    label?: (x: T) => string;
-    groupBy?: (x: T) => string;
-    valueClass?: ComponentProps<"div">["class"];
-    onSelect?: (value: T | undefined) => void;
-    onHighlight?: (value: T | undefined) => (() => void) | void;
-    class?: ComponentProps<"div">["class"];
-    classList?: ComponentProps<"div">["classList"];
-    children?: (item: T | undefined) => JSX.Element;
-    triggerStyle?: JSX.CSSProperties;
-    triggerVariant?: "settings";
-    triggerProps?: Record<string, string | number | boolean | undefined>;
-};
-export declare function Select<T>(props: SelectProps<T> & Omit<ButtonProps, "children">): JSX.Element;

package/dist/components/tag.d.ts

@@ -1,5 +0,0 @@
-import { type ComponentProps } from "solid-js";
-export interface TagProps extends ComponentProps<"span"> {
-    size?: "normal" | "large";
-}
-export declare function Tag(props: TagProps): import("solid-js").JSX.Element;

package/dist/components/toast.d.ts

@@ -1,56 +0,0 @@
-import { Toast as Kobalte, toaster } from "@kobalte/core/toast";
-import type { ToastRootProps, ToastCloseButtonProps, ToastTitleProps, ToastDescriptionProps } from "@kobalte/core/toast";
-import type { ComponentProps, JSX } from "solid-js";
-import { type IconProps } from "./icon";
-export interface ToastRegionProps extends ComponentProps<typeof Kobalte.Region> {
-}
-declare function ToastRegion(props: ToastRegionProps): JSX.Element;
-export interface ToastRootComponentProps extends ToastRootProps {
-    class?: string;
-    classList?: ComponentProps<"li">["classList"];
-    children?: JSX.Element;
-}
-declare function ToastRoot(props: ToastRootComponentProps): JSX.Element;
-declare function ToastIcon(props: {
-    name: IconProps["name"];
-}): JSX.Element;
-declare function ToastContent(props: ComponentProps<"div">): JSX.Element;
-declare function ToastTitle(props: ToastTitleProps & ComponentProps<"div">): JSX.Element;
-declare function ToastDescription(props: ToastDescriptionProps & ComponentProps<"div">): JSX.Element;
-declare function ToastActions(props: ComponentProps<"div">): JSX.Element;
-declare function ToastCloseButton(props: ToastCloseButtonProps & ComponentProps<"button">): JSX.Element;
-declare function ToastProgressTrack(props: ComponentProps<typeof Kobalte.ProgressTrack>): JSX.Element;
-declare function ToastProgressFill(props: ComponentProps<typeof Kobalte.ProgressFill>): JSX.Element;
-export declare const Toast: typeof ToastRoot & {
-    Region: typeof ToastRegion;
-    Icon: typeof ToastIcon;
-    Content: typeof ToastContent;
-    Title: typeof ToastTitle;
-    Description: typeof ToastDescription;
-    Actions: typeof ToastActions;
-    CloseButton: typeof ToastCloseButton;
-    ProgressTrack: typeof ToastProgressTrack;
-    ProgressFill: typeof ToastProgressFill;
-};
-export { toaster };
-export type ToastVariant = "default" | "success" | "error" | "loading";
-export interface ToastAction {
-    label: string;
-    onClick: "dismiss" | (() => void);
-}
-export interface ToastOptions {
-    title?: string;
-    description?: string;
-    icon?: IconProps["name"];
-    variant?: ToastVariant;
-    duration?: number;
-    persistent?: boolean;
-    actions?: ToastAction[];
-}
-export declare function showToast(options: ToastOptions | string): number;
-export interface ToastPromiseOptions<T, U = unknown> {
-    loading?: JSX.Element;
-    success?: (data: T) => JSX.Element;
-    error?: (error: U) => JSX.Element;
-}
-export declare function showPromiseToast<T, U = unknown>(promise: Promise<T> | (() => Promise<T>), options: ToastPromiseOptions<T, U>): number;

package/dist/components/tooltip.d.ts

@@ -1,17 +0,0 @@
-import { Tooltip as KobalteTooltip } from "@kobalte/core/tooltip";
-import { type JSX } from "solid-js";
-import type { ComponentProps } from "solid-js";
-export interface TooltipProps extends ComponentProps<typeof KobalteTooltip> {
-    value: JSX.Element;
-    class?: string;
-    contentClass?: string;
-    contentStyle?: JSX.CSSProperties;
-    inactive?: boolean;
-    forceOpen?: boolean;
-}
-export interface TooltipKeybindProps extends Omit<TooltipProps, "value"> {
-    title: string;
-    keybind: string;
-}
-export declare function TooltipKeybind(props: TooltipKeybindProps): JSX.Element;
-export declare function Tooltip(props: TooltipProps): JSX.Element;

package/dist/v2/components/accordion-v2.d.ts

@@ -1,26 +0,0 @@
-import { Accordion as Kobalte } from "@kobalte/core/accordion";
-import { type ComponentProps, type ParentProps } from "solid-js";
-import "./accordion-v2.css";
-export interface AccordionV2Props extends ComponentProps<typeof Kobalte> {
-}
-export interface AccordionV2ItemProps extends ComponentProps<typeof Kobalte.Item> {
-}
-export interface AccordionV2HeaderProps extends ComponentProps<typeof Kobalte.Header> {
-}
-export interface AccordionV2TriggerProps extends ComponentProps<typeof Kobalte.Trigger> {
-    hideChevron?: boolean;
-}
-export interface AccordionV2ContentProps extends ComponentProps<typeof Kobalte.Content> {
-}
-declare function AccordionV2Root(props: ParentProps<AccordionV2Props>): import("solid-js").JSX.Element;
-declare function AccordionV2Item(props: ParentProps<AccordionV2ItemProps>): import("solid-js").JSX.Element;
-declare function AccordionV2Header(props: ParentProps<AccordionV2HeaderProps>): import("solid-js").JSX.Element;
-declare function AccordionV2Trigger(props: ParentProps<AccordionV2TriggerProps>): import("solid-js").JSX.Element;
-declare function AccordionV2Content(props: ParentProps<AccordionV2ContentProps>): import("solid-js").JSX.Element;
-export declare const AccordionV2: typeof AccordionV2Root & {
-    Item: typeof AccordionV2Item;
-    Header: typeof AccordionV2Header;
-    Trigger: typeof AccordionV2Trigger;
-    Content: typeof AccordionV2Content;
-};
-export {};

package/dist/v2/components/badge-v2.d.ts

@@ -1,6 +0,0 @@
-import { type ComponentProps } from "solid-js";
-import "./badge-v2.css";
-export interface TagProps extends ComponentProps<"span"> {
-    variant?: "neutral" | "accent";
-}
-export declare function Tag(props: TagProps): import("solid-js").JSX.Element;

package/dist/v2/components/button-v2.d.ts

@@ -1,10 +0,0 @@
-import { Button as Kobalte } from "@kobalte/core/button";
-import { type ComponentProps } from "solid-js";
-import { type IconProps } from "./icon";
-import "./button-v2.css";
-export interface ButtonV2Props extends ComponentProps<typeof Kobalte>, Pick<ComponentProps<"button">, "class" | "classList" | "children"> {
-    size?: "small" | "normal" | "large";
-    variant?: "neutral" | "danger" | "warning" | "outline" | "contrast" | "ghost" | "ghost-muted" | "loading";
-    icon?: IconProps["name"];
-}
-export declare function ButtonV2(props: ButtonV2Props): import("solid-js").JSX.Element;

package/dist/v2/components/checkbox-v2.d.ts

@@ -1,10 +0,0 @@
-import { Checkbox as Kobalte } from "@kobalte/core/checkbox";
-import { type JSX } from "solid-js";
-import type { ComponentProps } from "solid-js";
-import "./checkbox-v2.css";
-export interface CheckboxV2Props extends ComponentProps<typeof Kobalte> {
-    label: JSX.Element;
-    description?: JSX.Element;
-    hideLabel?: boolean;
-}
-export declare function CheckboxV2(props: CheckboxV2Props): JSX.Element;

package/dist/v2/components/diff-changes-v2.d.ts

@@ -1,11 +0,0 @@
-import "./diff-changes-v2.css";
-export declare function DiffChanges(props: {
-    class?: string;
-    changes: {
-        additions: number;
-        deletions: number;
-    } | {
-        additions: number;
-        deletions: number;
-    }[];
-}): import("solid-js").JSX.Element;

package/dist/v2/components/divider-v2.d.ts

@@ -1,5 +0,0 @@
-import { type ComponentProps } from "solid-js";
-import "./divider-v2.css";
-export interface DividerV2Props extends ComponentProps<"div"> {
-}
-export declare function DividerV2(props: DividerV2Props): import("solid-js").JSX.Element;

package/dist/v2/components/icon-button-v2.d.ts

@@ -1,11 +0,0 @@
-import { Button as Kobalte } from "@kobalte/core/button";
-import { type ComponentProps } from "solid-js";
-import { JSX } from "solid-js";
-import "./icon-button-v2.css";
-export interface IconButtonV2Props extends ComponentProps<typeof Kobalte>, Pick<ComponentProps<"button">, "class" | "classList"> {
-    icon?: JSX.Element;
-    size?: "small" | "normal" | "large";
-    variant?: "neutral" | "contrast" | "ghost" | "ghost-muted";
-    state?: "rest" | "hover" | "pressed";
-}
-export declare function IconButtonV2(props: ComponentProps<"button"> & IconButtonV2Props): JSX.Element;

package/dist/v2/components/inline-input-v2.d.ts

@@ -1,21 +0,0 @@
-import { type ComponentProps, type JSX } from "solid-js";
-import "./inline-input-v2.css";
-export interface InlineInputV2Props extends Omit<ComponentProps<"input">, "type" | "prefix"> {
-    /** Inline label shown before the field (prefix segment). */
-    prefix: JSX.Element;
-    /** Fixed width for the prefix segment (px number or CSS length). Omit for fit-content. */
-    labelWidth?: number | string;
-    /** Show the trailing copy action. */
-    showCopyButton?: boolean;
-    /** Accessible label for the copy button. */
-    copyLabel?: string;
-    onCopyClick?: (event: MouseEvent) => void;
-    /** Apply tabular numerals to the prefix and field value. */
-    numeric?: boolean;
-    /** Error styling for the field and value text. */
-    invalid?: boolean;
-    /** `base` is 28px tall; `large` is 32px tall. */
-    appearance?: "base" | "large";
-    type?: ComponentProps<"input">["type"];
-}
-export declare function InlineInputV2(props: InlineInputV2Props): JSX.Element;