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

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;

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

@@ -1,34 +0,0 @@
-import { Tabs as Kobalte } from "@kobalte/core/tabs";
-import { type JSX } from "solid-js";
-import type { ComponentProps, ParentProps, Component } from "solid-js";
-import "./tabs-v2.css";
-export interface TabsV2Props extends ComponentProps<typeof Kobalte> {
-    variant?: "normal" | "pill" | "settings";
-    orientation?: "horizontal" | "vertical";
-}
-export interface TabsV2ListProps extends ComponentProps<typeof Kobalte.List> {
-}
-export interface TabsV2TriggerProps extends ComponentProps<typeof Kobalte.Trigger> {
-    onMiddleClick?: () => void;
-    /** Optional subtext shown beside the primary content (muted style) */
-    subtext?: JSX.Element | string;
-}
-export interface TabsV2CloseButtonProps extends ComponentProps<"div"> {
-}
-export interface TabsV2ContentProps extends ComponentProps<typeof Kobalte.Content> {
-}
-declare function TabsV2Root(props: TabsV2Props): JSX.Element;
-declare function TabsV2List(props: TabsV2ListProps): JSX.Element;
-declare function TabsV2Trigger(props: ParentProps<TabsV2TriggerProps>): JSX.Element;
-declare function TabsV2CloseButton(props: TabsV2CloseButtonProps): JSX.Element;
-declare function TabsV2Content(props: ParentProps<TabsV2ContentProps>): JSX.Element;
-export declare const TabsV2: typeof TabsV2Root & {
-    List: typeof TabsV2List;
-    Trigger: typeof TabsV2Trigger;
-    CloseButton: typeof TabsV2CloseButton;
-    Content: typeof TabsV2Content;
-    SectionTitle: Component<{
-        children?: JSX.Element;
-    }>;
-};
-export {};

package/dist/v2/components/text-shimmer-v2.d.ts

@@ -1,9 +0,0 @@
-import { type ValidComponent } from "solid-js";
-import "./text-shimmer-v2.css";
-export declare const TextShimmerV2: <T extends ValidComponent = "span">(props: {
-    text: string;
-    class?: string;
-    as?: T;
-    active?: boolean;
-    offset?: number;
-}) => import("solid-js").JSX.Element;

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

@@ -1,7 +0,0 @@
-import { type ComponentProps } from "solid-js";
-import "./textarea-v2.css";
-export interface TextareaV2Props extends ComponentProps<"textarea"> {
-    /** Error styling for the field and value text. */
-    invalid?: boolean;
-}
-export declare function TextareaV2(props: TextareaV2Props): import("solid-js").JSX.Element;

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

@@ -1,57 +0,0 @@
-import { type ToasterProps } from "solid-sonner";
-import type { ComponentProps, JSX } from "solid-js";
-import "./button-v2.css";
-import "./toast-v2.css";
-export interface ToastV2RegionProps extends ToasterProps {
-}
-declare function ToastV2Region(props: ToastV2RegionProps): JSX.Element;
-export interface ToastV2RootComponentProps {
-    toastId: number;
-    children?: JSX.Element;
-}
-declare function ToastV2Root(props: ToastV2RootComponentProps): JSX.Element;
-declare function ToastV2Icon(props: ComponentProps<"div">): JSX.Element;
-declare function ToastV2Content(props: ComponentProps<"div">): JSX.Element;
-declare function ToastV2Title(props: ComponentProps<"div">): JSX.Element;
-declare function ToastV2Description(props: ComponentProps<"div">): JSX.Element;
-declare function ToastV2Actions(props: ComponentProps<"div">): JSX.Element;
-declare function ToastV2CloseButton(props: ComponentProps<"button">): JSX.Element;
-export declare const ToastV2: typeof ToastV2Root & {
-    Region: typeof ToastV2Region;
-    Icon: typeof ToastV2Icon;
-    Content: typeof ToastV2Content;
-    Title: typeof ToastV2Title;
-    Description: typeof ToastV2Description;
-    Actions: typeof ToastV2Actions;
-    CloseButton: typeof ToastV2CloseButton;
-};
-export declare const toasterV2: {
-    show(render: (props: {
-        toastId: number;
-    }) => JSX.Element, options?: {
-        duration?: number;
-        persistent?: boolean;
-    }): number;
-    dismiss(toastId?: number): string | number | undefined;
-};
-export interface ToastV2Action {
-    label: string;
-    variant?: "primary" | "secondary";
-    onClick: "dismiss" | (() => void);
-}
-export interface ToastV2Options {
-    title?: string;
-    description?: string;
-    icon?: JSX.Element;
-    variant?: "default" | "success" | "error" | "loading";
-    duration?: number;
-    persistent?: boolean;
-    actions?: ToastV2Action[];
-}
-export declare function showToastV2(options: ToastV2Options | string): number;
-export interface ToastV2PromiseOptions<T, U = unknown> {
-    loading?: JSX.Element;
-    success?: (data: T) => JSX.Element;
-    error?: (error: U) => JSX.Element;
-}
-export {};

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

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

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

@@ -1,2 +0,0 @@
-import { type ComponentProps } from "solid-js";
-export declare function WordmarkV2(props: Pick<ComponentProps<"svg">, "class">): import("solid-js").JSX.Element;

package/src/components/avatar.css

@@ -1,49 +0,0 @@
-[data-component="avatar"] {
-  --avatar-bg: var(--color-surface-info-base);
-  --avatar-fg: var(--color-text-base);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  border-radius: var(--radius-sm);
-  border: 1px solid var(--color-border-weak-base);
-  font-family: var(--font-mono);
-  font-weight: 500;
-  text-transform: uppercase;
-  background-color: var(--avatar-bg);
-  color: var(--avatar-fg);
-}
-
-[data-component="avatar"][data-has-image] {
-  background-color: transparent;
-  border: none;
-}
-
-[data-component="avatar"][data-size="small"] {
-  width: 1.25rem;
-  height: 1.25rem;
-  font-size: 0.75rem;
-  line-height: 1;
-}
-
-[data-component="avatar"][data-size="normal"] {
-  width: 1.5rem;
-  height: 1.5rem;
-  font-size: 1.125rem;
-  line-height: 1.5rem;
-}
-
-[data-component="avatar"][data-size="large"] {
-  width: 2rem;
-  height: 2rem;
-  font-size: 1.25rem;
-  line-height: 2rem;
-}
-
-[data-component="avatar"] [data-slot="avatar-image"] {
-  width: 100%;
-  height: 100%;
-  display: block;
-  object-fit: cover;
-  border-radius: inherit;
-}

package/src/components/avatar.tsx

@@ -1,55 +0,0 @@
-import { type ComponentProps, splitProps, Show } from "solid-js"
-
-const segmenter =
-  typeof Intl !== "undefined" && "Segmenter" in Intl
-    ? new Intl.Segmenter(undefined, { granularity: "grapheme" })
-    : undefined
-
-function first(value: string) {
-  if (!value) return ""
-  if (!segmenter) return Array.from(value)[0] ?? ""
-  return segmenter.segment(value)[Symbol.iterator]().next().value?.segment ?? Array.from(value)[0] ?? ""
-}
-
-export interface AvatarProps extends ComponentProps<"div"> {
-  fallback: string
-  src?: string
-  background?: string
-  foreground?: string
-  size?: "small" | "normal" | "large"
-}
-
-export function Avatar(props: AvatarProps) {
-  const [split, rest] = splitProps(props, [
-    "fallback",
-    "src",
-    "background",
-    "foreground",
-    "size",
-    "class",
-    "classList",
-    "style",
-  ])
-  const src = split.src // did this so i can zero it out to test fallback
-  return (
-    <div
-      {...rest}
-      data-component="avatar"
-      data-size={split.size || "normal"}
-      data-has-image={src ? "" : undefined}
-      classList={{
-        ...split.classList,
-        [split.class ?? ""]: !!split.class,
-      }}
-      style={{
-        ...(typeof split.style === "object" ? split.style : {}),
-        ...(!src && split.background ? { "--avatar-bg": split.background } : {}),
-        ...(!src && split.foreground ? { "--avatar-fg": split.foreground } : {}),
-      }}
-    >
-      <Show when={src} fallback={first(split.fallback)}>
-        {(src) => <img src={src()} draggable={false} data-slot="avatar-image" />}
-      </Show>
-    </div>
-  )
-}

package/src/components/button.css

@@ -1,194 +0,0 @@
-[data-component="button"] {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-style: solid;
-  border-width: 1px;
-  border-radius: var(--radius-md);
-  text-decoration: none;
-  user-select: none;
-  cursor: default;
-  outline: none;
-  white-space: nowrap;
-
-  &[data-variant="primary"] {
-    background-color: var(--button-primary-base);
-    border-color: var(--border-weak-base);
-    color: var(--icon-invert-base);
-
-    [data-slot="icon-svg"] {
-      color: var(--icon-invert-base);
-    }
-
-    &:hover:not(:disabled) {
-      background-color: var(--icon-strong-hover);
-    }
-    &:focus:not(:disabled) {
-      background-color: var(--icon-strong-focus);
-    }
-    &:active:not(:disabled) {
-      background-color: var(--icon-strong-active);
-    }
-    &:disabled {
-      background-color: var(--icon-strong-disabled);
-
-      [data-slot="icon-svg"] {
-        color: var(--icon-invert-base);
-      }
-    }
-  }
-
-  &[data-variant="ghost"] {
-    border-color: transparent;
-    background-color: transparent;
-    color: var(--text-strong);
-
-    [data-slot="icon-svg"] {
-      color: var(--icon-base);
-    }
-
-    &:hover:not(:disabled) {
-      background-color: var(--surface-base-hover);
-    }
-    &:focus-visible:not(:disabled) {
-      background-color: var(--surface-base-hover);
-    }
-    &:active:not(:disabled) {
-      background-color: var(--surface-base-active);
-    }
-    &:disabled {
-      color: var(--text-weak);
-      cursor: not-allowed;
-
-      [data-slot="icon-svg"] {
-        color: var(--icon-disabled);
-      }
-    }
-    &[data-selected="true"]:not(:disabled) {
-      background-color: var(--surface-base-hover);
-    }
-    &[data-active="true"] {
-      background-color: var(--surface-base-active);
-    }
-  }
-
-  &[data-variant="secondary"] {
-    border: transparent;
-    background-color: var(--button-secondary-base);
-    color: var(--text-strong);
-    box-shadow: var(--shadow-xs-border-base);
-
-    &:hover:not(:disabled) {
-      background-color: var(--button-secondary-hover);
-    }
-    &:focus:not(:disabled) {
-      background-color: var(--button-secondary-base);
-    }
-    &:focus-visible:not(:active) {
-      background-color: var(--button-secondary-base);
-      box-shadow: var(--shadow-xs-border-focus);
-    }
-    &:focus-visible:active {
-      box-shadow: none;
-    }
-    &:active:not(:disabled) {
-      background-color: var(--button-secondary-base);
-    }
-    &:disabled {
-      border-color: var(--border-disabled);
-      background-color: var(--surface-disabled);
-      color: var(--text-weak);
-      cursor: not-allowed;
-    }
-
-    [data-slot="icon-svg"] {
-      color: var(--icon-base);
-    }
-  }
-
-  &[data-size="small"] {
-    height: 24px;
-    padding: 0 8px;
-    &[data-icon] {
-      padding: 0 12px 0 4px;
-    }
-
-    font-size: var(--font-size-small);
-    line-height: var(--line-height-large);
-    gap: 8px;
-
-    /* text-12-medium */
-    font-family: var(--font-family-sans);
-    font-size: var(--font-size-small);
-    font-style: normal;
-    font-weight: var(--font-weight-medium);
-    line-height: var(--line-height-large); /* 166.667% */
-    letter-spacing: var(--letter-spacing-normal);
-  }
-
-  &[data-size="normal"] {
-    height: 28px;
-    line-height: 28px;
-    padding: 0 6px;
-    &[data-icon] {
-      padding: 0 12px 0 4px;
-    }
-
-    font-size: var(--font-size-small);
-    gap: 8px;
-
-    /* text-12-medium */
-    font-family: var(--font-family-sans);
-    font-size: var(--font-size-small);
-    font-style: normal;
-    font-weight: var(--font-weight-medium);
-    letter-spacing: var(--letter-spacing-normal);
-  }
-
-  &[data-size="large"] {
-    height: 32px;
-    padding: 6px 12px;
-
-    &[data-icon] {
-      padding: 0 12px 0 8px;
-    }
-
-    gap: 8px;
-
-    /* text-14-medium */
-    font-family: var(--font-family-sans);
-    font-size: 14px;
-    font-style: normal;
-    font-weight: var(--font-weight-medium);
-    line-height: var(--line-height-large); /* 142.857% */
-    letter-spacing: var(--letter-spacing-normal);
-  }
-
-  &:focus {
-    outline: none;
-  }
-}
-
-[data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"] {
-  background-color: var(--surface-base-active);
-}
-
-[data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"] [data-slot="icon-svg"] {
-  color: var(--icon-strong-base);
-}
-
-[data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"]:hover:not(:disabled) {
-  background-color: var(--surface-base-active);
-}
-
-[data-component="button"].titlebar-icon[data-variant="ghost"][aria-current="page"] {
-  background-color: var(--surface-base-active);
-}
-
-[data-component="button"].titlebar-icon[data-variant="ghost"][aria-current="page"] [data-slot="icon-svg"] {
-  color: var(--icon-strong-base);
-}
-
-[data-component="button"].titlebar-icon[data-variant="ghost"][aria-current="page"]:hover:not(:disabled) {
-  background-color: var(--surface-base-active);
-}