@opencode-ai/ui 0.0.0-dev-202609010135 → 0.0.0-dev-18786

package/src/theme/context.tsx

@@ -84,8 +84,9 @@ const names: Record<string, string> = {
 }
 const oc2Theme = oc2ThemeJson as DesktopTheme
 
-function normalize(id: string | null | undefined) {
-  return id === "oc-1" ? "oc-2" : id
+function resolveStoredTheme(id: string | null | undefined, registered?: Record<string, DesktopTheme>) {
+  if (id === "oc-2" || (id && (knownThemes().has(id) || registered?.[id]))) return id
+  return "oc-2"
 }
 
 function read(key: string) {
@@ -177,7 +178,12 @@ export const { use: useTheme, provider: ThemeProvider } = createSimpleContext({
     defaultTheme?: string
     onThemeApplied?: (theme: DesktopTheme, mode: "light" | "dark", scheme: ColorScheme) => void
   }) => {
-    const themeId = normalize(read(STORAGE_KEYS.THEME_ID) ?? props.defaultTheme) ?? "oc-2"
+    const rawTheme = read(STORAGE_KEYS.THEME_ID) ?? props.defaultTheme
+    const themeId = resolveStoredTheme(rawTheme)
+    if (rawTheme && rawTheme !== themeId) {
+      write(STORAGE_KEYS.THEME_ID, themeId)
+      clear()
+    }
     const colorScheme = (read(STORAGE_KEYS.COLOR_SCHEME) as ColorScheme | null) ?? "system"
     const mode = colorScheme === "system" ? getSystemMode() : colorScheme
     const [store, setStore] = createStore({
@@ -194,7 +200,7 @@ export const { use: useTheme, provider: ThemeProvider } = createSimpleContext({
     const loads = new Map<string, Promise<DesktopTheme | undefined>>()
 
     const load = (id: string) => {
-      const next = normalize(id)
+      const next = id
       if (!next) return Promise.resolve(undefined)
       const hit = store.themes[next]
       if (hit) return Promise.resolve(hit)
@@ -233,9 +239,11 @@ export const { use: useTheme, provider: ThemeProvider } = createSimpleContext({
 
     const onStorage = (e: StorageEvent) => {
       if (e.key === STORAGE_KEYS.THEME_ID && e.newValue) {
-        const next = normalize(e.newValue)
-        if (!next) return
-        if (next !== "oc-2" && !knownThemes().has(next) && !store.themes[next]) return
+        const next = resolveStoredTheme(e.newValue, store.themes)
+        if (next !== e.newValue) {
+          write(STORAGE_KEYS.THEME_ID, next)
+          clear()
+        }
         setStore("themeId", next)
         if (next === "oc-2") {
           clear()
@@ -262,8 +270,8 @@ export const { use: useTheme, provider: ThemeProvider } = createSimpleContext({
       }
       makeEventListener(mediaQuery, "change", onMedia)
 
-      const rawTheme = read(STORAGE_KEYS.THEME_ID)
-      const savedTheme = normalize(rawTheme ?? props.defaultTheme) ?? "oc-2"
+      const rawTheme = read(STORAGE_KEYS.THEME_ID) ?? props.defaultTheme
+      const savedTheme = resolveStoredTheme(rawTheme, store.themes)
       const savedScheme = (read(STORAGE_KEYS.COLOR_SCHEME) as ColorScheme | null) ?? "system"
       if (rawTheme && rawTheme !== savedTheme) {
         write(STORAGE_KEYS.THEME_ID, savedTheme)
@@ -285,7 +293,7 @@ export const { use: useTheme, provider: ThemeProvider } = createSimpleContext({
     })
 
     const setTheme = (id: string) => {
-      const next = normalize(id)
+      const next = id
       if (!next) {
         console.warn(`Theme "${id}" not found`)
         return
@@ -325,7 +333,7 @@ export const { use: useTheme, provider: ThemeProvider } = createSimpleContext({
       setColorScheme,
       registerTheme: (theme: DesktopTheme) => setStore("themes", theme.id, theme),
       previewTheme: (id: string) => {
-        const next = normalize(id)
+        const next = id
         if (!next) return
         if (next !== "oc-2" && !knownThemes().has(next) && !store.themes[next]) return
         setStore("previewThemeId", next)

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",
@@ -176,6 +176,7 @@
       "v2-text-text-code-accent": "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)",
@@ -411,6 +412,7 @@
       "v2-text-text-code-accent": "var(--v2-blue-400)",
       "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)",

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/{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()
 

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;

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

@@ -1,7 +0,0 @@
-import { type ComponentProps } from "solid-js";
-import "./keybind-v2.css";
-export interface KeybindV2Props extends ComponentProps<"div"> {
-    keys: string[];
-    variant?: "neutral" | "ghost";
-}
-export declare function KeybindV2(props: KeybindV2Props): import("solid-js").JSX.Element;

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

@@ -1,3 +0,0 @@
-import { type ComponentProps } from "solid-js";
-import "./loader-v2.css";
-export declare function LoaderV2(props: ComponentProps<"svg">): import("solid-js").JSX.Element;

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

@@ -1,52 +0,0 @@
-import { DropdownMenu } from "@kobalte/core/dropdown-menu";
-import { ContextMenu } from "@kobalte/core/context-menu";
-import { type ComponentProps, type JSX, type ParentProps } from "solid-js";
-import "./menu-v2.css";
-export interface MenuV2ItemProps extends ComponentProps<typeof DropdownMenu.Item> {
-    shortcut?: JSX.Element | string;
-    badge?: JSX.Element | string;
-}
-declare function MenuV2Item(props: ParentProps<MenuV2ItemProps>): JSX.Element;
-export interface MenuV2CheckboxItemProps extends ComponentProps<typeof DropdownMenu.CheckboxItem> {
-    shortcut?: JSX.Element | string;
-    badge?: JSX.Element | string;
-}
-declare function MenuV2CheckboxItem(props: ParentProps<MenuV2CheckboxItemProps>): JSX.Element;
-export interface MenuV2RadioItemProps extends ComponentProps<typeof DropdownMenu.RadioItem> {
-    shortcut?: JSX.Element | string;
-    badge?: JSX.Element | string;
-}
-declare function MenuV2RadioItem(props: ParentProps<MenuV2RadioItemProps>): JSX.Element;
-export interface MenuV2SubTriggerProps extends ComponentProps<typeof DropdownMenu.SubTrigger> {
-    shortcut?: JSX.Element | string;
-    badge?: JSX.Element | string;
-}
-declare function MenuV2SubTrigger(props: ParentProps<MenuV2SubTriggerProps>): JSX.Element;
-declare function MenuV2SubContent(props: ComponentProps<typeof DropdownMenu.SubContent>): JSX.Element;
-declare function MenuV2GroupLabel(props: ComponentProps<typeof DropdownMenu.GroupLabel>): JSX.Element;
-declare function MenuV2Separator(props: ComponentProps<typeof DropdownMenu.Separator>): JSX.Element;
-declare function MenuV2Content(props: ComponentProps<typeof DropdownMenu.Content>): JSX.Element;
-declare function MenuV2Root(props: ComponentProps<typeof DropdownMenu>): JSX.Element;
-declare function MenuV2ContextRoot(props: ComponentProps<typeof ContextMenu>): JSX.Element;
-declare function MenuV2ContextContent(props: ComponentProps<typeof ContextMenu.Content>): JSX.Element;
-export declare const MenuV2: typeof MenuV2Root & {
-    Trigger: typeof import("@kobalte/core/dropdown-menu").Trigger;
-    Portal: typeof import("@kobalte/core/context-menu").Portal;
-    Content: typeof MenuV2Content;
-    Item: typeof MenuV2Item;
-    CheckboxItem: typeof MenuV2CheckboxItem;
-    RadioGroup: typeof import("@kobalte/core/context-menu").RadioGroup;
-    RadioItem: typeof MenuV2RadioItem;
-    Group: typeof import("@kobalte/core/context-menu").Group;
-    GroupLabel: typeof MenuV2GroupLabel;
-    Separator: typeof MenuV2Separator;
-    Sub: typeof import("@kobalte/core/context-menu").Sub;
-    SubTrigger: typeof MenuV2SubTrigger;
-    SubContent: typeof MenuV2SubContent;
-    Context: typeof MenuV2ContextRoot & {
-        Trigger: typeof import("@kobalte/core/context-menu").Trigger;
-        Portal: typeof import("@kobalte/core/context-menu").Portal;
-        Content: typeof MenuV2ContextContent;
-    };
-};
-export {};

package/dist/v2/components/progress-circle-v2.d.ts

@@ -1,8 +0,0 @@
-import { type ComponentProps } from "solid-js";
-import "./progress-circle-v2.css";
-export interface ProgressCircleV2Props extends Pick<ComponentProps<"svg">, "class" | "classList"> {
-    percentage: number;
-    size?: number;
-    strokeWidth?: number;
-}
-export declare function ProgressCircleV2(props: ProgressCircleV2Props): import("solid-js").JSX.Element;

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

@@ -1,16 +0,0 @@
-import { RadioGroup as Kobalte } from "@kobalte/core/radio-group";
-import { type JSX } from "solid-js";
-import type { ComponentProps, ParentProps } from "solid-js";
-import "./radio-v2.css";
-export interface RadioGroupV2Props extends ParentProps<ComponentProps<typeof Kobalte>> {
-    label?: JSX.Element;
-    description?: JSX.Element;
-    hideLabel?: boolean;
-}
-export declare function RadioGroupV2(props: RadioGroupV2Props): JSX.Element;
-export interface RadioItemV2Props extends ComponentProps<typeof Kobalte.Item> {
-    label: JSX.Element;
-    description?: JSX.Element;
-    hideLabel?: boolean;
-}
-export declare function RadioItemV2(props: RadioItemV2Props): JSX.Element;

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

@@ -1,5 +0,0 @@
-import { type ComponentProps, type ParentProps } from "solid-js";
-import "./split-button-v2.css";
-export declare function SplitButtonV2(props: ParentProps<ComponentProps<"div">>): import("solid-js").JSX.Element;
-export declare function SplitButtonV2Action(props: ComponentProps<"button">): import("solid-js").JSX.Element;
-export declare function SplitButtonV2MenuTrigger(props: ComponentProps<"button">): import("solid-js").JSX.Element;

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

@@ -1,7 +0,0 @@
-import { Switch as Kobalte } from "@kobalte/core/switch";
-import type { ComponentProps, ParentProps } from "solid-js";
-import "./switch-v2.css";
-export interface SwitchProps extends ParentProps<ComponentProps<typeof Kobalte>> {
-    hideLabel?: boolean;
-}
-export declare function Switch(props: SwitchProps): import("solid-js").JSX.Element;