@opencode-ai/ui 0.0.0-dev-202606260805 → 0.0.0-dev-202606260844

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

@@ -0,0 +1,28 @@
+import { type ComponentProps, type ParentProps } from "solid-js";
+import "./field-v2.css";
+export interface FieldV2Props extends ComponentProps<"div"> {
+    invalid?: boolean;
+}
+declare function FieldV2Root(props: ParentProps<FieldV2Props>): import("solid-js").JSX.Element;
+export interface FieldLabelProps extends ComponentProps<"label"> {
+    /** When set, shows the info icon with a tooltip containing this text. */
+    tooltip?: string;
+}
+declare function FieldLabel(props: ParentProps<FieldLabelProps>): import("solid-js").JSX.Element;
+declare function FieldPrefix(props: ParentProps<ComponentProps<"div">>): import("solid-js").JSX.Element;
+declare function FieldSuffix(props: ParentProps<ComponentProps<"div">>): import("solid-js").JSX.Element;
+/** Optional layout wrapper around the control. */
+declare function FieldControl(props: ParentProps<ComponentProps<"div">>): import("solid-js").JSX.Element;
+export declare const FieldV2: typeof FieldV2Root & {
+    Label: typeof FieldLabel;
+    Prefix: typeof FieldPrefix;
+    Suffix: typeof FieldSuffix;
+    Control: typeof FieldControl;
+};
+export declare const Field: typeof FieldV2Root & {
+    Label: typeof FieldLabel;
+    Prefix: typeof FieldPrefix;
+    Suffix: typeof FieldSuffix;
+    Control: typeof FieldControl;
+};
+export {};

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

@@ -0,0 +1,11 @@
+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/icon.d.ts

@@ -0,0 +1,81 @@
+import { type ComponentProps } from "solid-js";
+declare const icons: {
+    edit: {
+        viewBox: string;
+        body: string;
+    };
+    "folder-add-left": {
+        viewBox: string;
+        body: string;
+    };
+    "grid-plus": {
+        viewBox: string;
+        body: string;
+    };
+    help: {
+        viewBox: string;
+        body: string;
+    };
+    "sidebar-right": {
+        viewBox: string;
+        body: string;
+    };
+    status: {
+        viewBox: string;
+        body: string;
+    };
+    "status-active": {
+        viewBox: string;
+        body: string;
+    };
+    "magnifying-glass": {
+        viewBox: string;
+        body: string;
+    };
+    menu: {
+        viewBox: string;
+        body: string;
+    };
+    plus: {
+        viewBox: string;
+        body: string;
+    };
+    "settings-gear": {
+        viewBox: string;
+        body: string;
+    };
+    "chevron-down": {
+        viewBox: string;
+        body: string;
+    };
+    check: {
+        viewBox: string;
+        body: string;
+    };
+    close: {
+        viewBox: string;
+        body: string;
+    };
+    "xmark-small": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-chevron-down": {
+        viewBox: string;
+        body: string;
+    };
+    "outline-dots": {
+        viewBox: string;
+        body: string;
+    };
+    archive: {
+        viewBox: string;
+        body: string;
+    };
+};
+export interface IconProps extends ComponentProps<"svg"> {
+    name: keyof typeof icons | (string & {});
+    size?: "small" | "normal" | "large";
+}
+export declare function Icon(props: IconProps): import("solid-js").JSX.Element;
+export {};

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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,7 @@
+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/line-comment-v2.d.ts

@@ -0,0 +1,28 @@
+import { type ComponentProps, type JSX } from "solid-js";
+import "./line-comment-v2.css";
+/** Horizontal “more” glyph for the display-card overflow control (Figma outline-dots). */
+export declare function LineCommentV2OverflowIcon(props: ComponentProps<"svg">): JSX.Element;
+export interface LineCommentV2Props extends ComponentProps<"div"> {
+    /** Main comment body (text or rich content). */
+    comment: JSX.Element;
+    /** Line / selection context (e.g. “Comment on line 40”). */
+    selection: JSX.Element;
+    /** Typically an overflow menu trigger; use `LineCommentV2OverflowIcon` inside `line-comment-v2-overflow`. */
+    actions?: JSX.Element;
+}
+export declare function LineCommentV2(props: LineCommentV2Props): JSX.Element;
+export interface LineCommentEditorV2Props extends Omit<ComponentProps<"div">, "children" | "onInput" | "onSubmit"> {
+    /** Visible field label above the textarea (default: “Comment”). */
+    heading?: JSX.Element | string;
+    value: string;
+    onInput: (value: string) => void;
+    onCancel: () => void;
+    onSubmit: (value: string) => void;
+    selection: JSX.Element;
+    placeholder?: string;
+    rows?: number;
+    cancelLabel?: string;
+    submitLabel?: string;
+    autofocus?: boolean;
+}
+export declare function LineCommentEditorV2(props: LineCommentEditorV2Props): JSX.Element;

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

@@ -0,0 +1,52 @@
+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/project-avatar-v2.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentProps } from "solid-js";
+import "./project-avatar-v2.css";
+export declare const PROJECT_AVATAR_VARIANTS: readonly ["orange", "yellow", "cyan", "green", "red", "pink", "blue", "purple", "gray"];
+export type ProjectAvatarVariant = (typeof PROJECT_AVATAR_VARIANTS)[number];
+export interface ProjectAvatarProps extends ComponentProps<"div"> {
+    fallback: string;
+    src?: string;
+    variant?: ProjectAvatarVariant;
+    unread?: boolean;
+}
+export declare function ProjectAvatar(props: ProjectAvatarProps): import("solid-js").JSX.Element;

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

@@ -0,0 +1,16 @@
+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/segmented-control-v2.d.ts

@@ -0,0 +1,21 @@
+import { type JSX, type ParentProps } from "solid-js";
+import type { ComponentProps } from "solid-js";
+import "./segmented-control-v2.css";
+type OnChange = (value: string | null) => void;
+export type SegmentedControlV2Props = Omit<ComponentProps<"div">, "onChange"> & ParentProps<{
+    /** Selected value when controlled (including `null` when empty). Omit key for uncontrolled. */
+    value?: string | null;
+    /** Initial value when uncontrolled. */
+    defaultValue?: string;
+    onChange?: OnChange;
+    /** When true, clicking the active segment clears selection (`onChange(null)`). Default false. */
+    allowDeselect?: boolean;
+    disabled?: boolean;
+}>;
+export declare function SegmentedControlV2(props: SegmentedControlV2Props): JSX.Element;
+export type SegmentedControlItemV2Props = Omit<ComponentProps<"button">, "type" | "children"> & ParentProps<{
+    value: string;
+    children: JSX.Element;
+}>;
+export declare function SegmentedControlItemV2(props: SegmentedControlItemV2Props): JSX.Element;
+export {};

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

@@ -0,0 +1,24 @@
+import { Select as Kobalte } from "@kobalte/core/select";
+import { type ComponentProps, type JSX } from "solid-js";
+import "./select-v2.css";
+export type SelectV2Props<T> = Omit<ComponentProps<typeof Kobalte<T, {
+    category: string;
+    options: T[];
+}>>, "value" | "onSelect" | "children" | "options" | "itemComponent" | "sectionComponent" | "defaultValue" | "multiple"> & {
+    placeholder?: string;
+    options: T[];
+    /** Selected option (single selection). */
+    current?: T;
+    value?: (x: T) => string;
+    label?: (x: T) => string;
+    groupBy?: (x: T) => string;
+    onSelect?: (value: T | null) => void;
+    onHighlight?: (value: T | undefined) => void | (() => void);
+    /** `base` / `large` match text-input-v2; `inline` is a compact settings-row trigger. */
+    appearance?: "base" | "large" | "inline";
+    invalid?: boolean;
+    numeric?: boolean;
+    children?: (item: T) => JSX.Element;
+    valueClass?: string;
+};
+export declare function SelectV2<T>(props: SelectV2Props<T>): JSX.Element;

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

@@ -0,0 +1,7 @@
+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/tab-state-indicator.d.ts

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

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

@@ -0,0 +1,34 @@
+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-input-v2.d.ts

@@ -0,0 +1,17 @@
+import { type ComponentProps } from "solid-js";
+import "./text-input-v2.css";
+export interface TextInputV2Props extends Omit<ComponentProps<"input">, "type"> {
+    /** Show the trailing copy action. */
+    showCopyButton?: boolean;
+    /** Accessible label for the copy button. */
+    copyLabel?: string;
+    onCopyClick?: (event: MouseEvent) => void;
+    /** Apply tabular numerals to the 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 TextInputV2(props: TextInputV2Props): import("solid-js").JSX.Element;

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,48 @@
+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 "./toast-v2.css";
+export interface ToastV2RegionProps extends ComponentProps<typeof Kobalte.Region> {
+}
+declare function ToastV2Region(props: ToastV2RegionProps): JSX.Element;
+export interface ToastV2RootComponentProps extends ToastRootProps {
+    class?: string;
+    classList?: ComponentProps<"li">["classList"];
+    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: ToastTitleProps & ComponentProps<"div">): JSX.Element;
+declare function ToastV2Description(props: ToastDescriptionProps & ComponentProps<"div">): JSX.Element;
+declare function ToastV2Actions(props: ComponentProps<"div">): JSX.Element;
+declare function ToastV2CloseButton(props: ToastCloseButtonProps & 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 { toaster as toasterV2 };
+export interface ToastV2Action {
+    label: string;
+    variant?: "primary" | "secondary";
+    onClick: "dismiss" | (() => void);
+}
+export interface ToastV2Options {
+    title?: string;
+    description?: string;
+    icon?: JSX.Element;
+    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;
+}

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

@@ -0,0 +1,13 @@
+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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencode-ai/ui",
-  "version": "0.0.0-dev-202606260805",
+  "version": "0.0.0-dev-202606260844",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -15,6 +15,7 @@
     "**/*.css"
   ],
   "files": [
+    "dist/**/*.d.ts",
     "src/**/*.ts",
     "src/**/*.tsx",
     "!src/**/*.test.ts",
@@ -33,28 +34,71 @@
   ],
   "exports": {
     "./package.json": "./package.json",
-    "./*": "./src/components/*.tsx",
-    "./i18n/*": "./src/i18n/*.ts",
-    "./hooks": "./src/hooks/index.ts",
-    "./context": "./src/context/index.ts",
-    "./context/*": "./src/context/*.tsx",
-    "./storybook/scaffold": "./src/storybook/scaffold.tsx",
-    "./storybook/fixtures": "./src/storybook/fixtures.ts",
+    "./*": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./src/components/*.tsx"
+    },
+    "./i18n/*": {
+      "types": "./dist/i18n/*.d.ts",
+      "import": "./src/i18n/*.ts"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./src/hooks/index.ts"
+    },
+    "./context": {
+      "types": "./dist/context/index.d.ts",
+      "import": "./src/context/index.ts"
+    },
+    "./context/*": {
+      "types": "./dist/context/*.d.ts",
+      "import": "./src/context/*.tsx"
+    },
+    "./storybook/scaffold": {
+      "types": "./dist/storybook/scaffold.d.ts",
+      "import": "./src/storybook/scaffold.tsx"
+    },
+    "./storybook/fixtures": {
+      "types": "./dist/storybook/fixtures.d.ts",
+      "import": "./src/storybook/fixtures.ts"
+    },
     "./styles": "./src/styles/index.css",
     "./styles/tailwind": "./src/styles/tailwind/index.css",
-    "./theme": "./src/theme/index.ts",
-    "./theme/*": "./src/theme/*.ts",
-    "./theme/context": "./src/theme/context.tsx",
-    "./icons/provider": "./src/components/provider-icons/types.ts",
-    "./icons/file-type": "./src/components/file-icons/types.ts",
-    "./icons/app": "./src/components/app-icons/types.ts",
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "import": "./src/theme/index.ts"
+    },
+    "./theme/*": {
+      "types": "./dist/theme/*.d.ts",
+      "import": "./src/theme/*.ts"
+    },
+    "./theme/context": {
+      "types": "./dist/theme/context.d.ts",
+      "import": "./src/theme/context.tsx"
+    },
+    "./icons/provider": {
+      "types": "./dist/components/provider-icons/types.d.ts",
+      "import": "./src/components/provider-icons/types.ts"
+    },
+    "./icons/file-type": {
+      "types": "./dist/components/file-icons/types.d.ts",
+      "import": "./src/components/file-icons/types.ts"
+    },
+    "./icons/app": {
+      "types": "./dist/components/app-icons/types.d.ts",
+      "import": "./src/components/app-icons/types.ts"
+    },
     "./fonts/*": "./src/assets/fonts/*",
     "./audio/*": "./src/assets/audio/*",
     "./v2/*.css": "./src/v2/components/*.css",
-    "./v2/*": "./src/v2/components/*.tsx",
+    "./v2/*": {
+      "types": "./dist/v2/components/*.d.ts",
+      "import": "./src/v2/components/*.tsx"
+    },
     "./v2/styles/*": "./src/v2/styles/*"
   },
   "scripts": {
+    "build": "rm -rf dist && tsc -p tsconfig.build.json",
     "typecheck": "tsgo --noEmit",
     "test": "bun test src --only-failures",
     "dev": "vite",

package/src/styles/tailwind/colors.css

@@ -283,4 +283,4 @@
   --color-v2-state-bg-info: var(--v2-state-bg-info);
   --color-v2-state-fg-info: var(--v2-state-fg-info);
   --color-v2-state-border-info: var(--v2-state-border-info);
-}
+}