@openpkg-ts/ui 0.3.2 → 0.4.0

package/dist/badge/index.d.ts

@@ -1,11 +1,7 @@
 import * as React from "react";
 type KindBadgeKind = "function" | "class" | "interface" | "type" | "enum" | "variable" | "namespace" | "module" | "reference" | "external";
 type KindBadgeSize = "sm" | "md";
-declare const kindBadgeVariants: (props?: {
-	kind?: KindBadgeKind | null;
-	size?: KindBadgeSize | null;
-	className?: string;
-}) => string;
+declare const kindBadgeVariants: unknown;
 interface KindBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
 	kind?: KindBadgeKind | null;
 	size?: KindBadgeSize | null;
@@ -14,11 +10,7 @@ interface KindBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
 declare const KindBadge: React.ForwardRefExoticComponent<KindBadgeProps & React.RefAttributes<HTMLSpanElement>>;
 type StatusBadgeStatus = "success" | "warning" | "error" | "neutral";
 type StatusBadgeSize = "sm" | "md";
-declare const statusBadgeVariants: (props?: {
-	status?: StatusBadgeStatus | null;
-	size?: StatusBadgeSize | null;
-	className?: string;
-}) => string;
+declare const statusBadgeVariants: unknown;
 interface StatusBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
 	status?: StatusBadgeStatus | null;
 	size?: StatusBadgeSize | null;

package/dist/docskit/index.d.ts

@@ -91,11 +91,7 @@ declare function APISection({ title, id, description, children, languages, examp
 import * as React6 from "react";
 type HttpMethod = "GET" | "POST" | "PUT" | "DELETE" | "PATCH";
 type EndpointBadgeSize = "sm" | "md";
-declare const endpointBadgeVariants: (props?: {
-	method?: HttpMethod | null;
-	size?: EndpointBadgeSize | null;
-	className?: string;
-}) => string;
+declare const endpointBadgeVariants: unknown;
 interface EndpointBadgeProps extends React6.HTMLAttributes<HTMLSpanElement> {
 	method: HttpMethod;
 	size?: EndpointBadgeSize | null;
@@ -208,11 +204,11 @@ declare function DocsKitCode(props: {
 	codeblock: RawCode;
 	handlers?: AnnotationHandler2[];
 	className?: string;
-}): Promise<React.JSX.Element>;
+}): Promise<React.ReactNode>;
 declare function SingleCode(props: {
 	group: CodeInfo;
 	className?: string;
-}): Promise<React.JSX.Element>;
+}): Promise<React.ReactNode>;
 declare function toCodeGroup(props: {
 	codeblocks: RawCode[];
 	flags?: string;
@@ -222,7 +218,7 @@ declare function toCodeGroup(props: {
 declare function MultiCode({ group, className }: {
 	group: CodeInfo;
 	className?: string;
-}): React.JSX.Element;
+}): React.ReactNode;
 import { AnnotationHandler as AnnotationHandler3, RawCode as RawCode2 } from "codehike/code";
 /**
 * Client-side code block with syntax highlighting.
@@ -232,20 +228,20 @@ declare function ClientDocsKitCode(props: {
 	codeblock: RawCode2;
 	handlers?: AnnotationHandler3[];
 	className?: string;
-}): React.JSX.Element;
+}): React.ReactNode;
 /**
 * Client-side terminal-style code block.
 */
 declare function ClientTerminal(props: {
 	codeblock: RawCode2;
 	handlers?: AnnotationHandler3[];
-}): React.JSX.Element;
+}): React.ReactNode;
 /**
 * Client-side inline code with syntax highlighting.
 */
 declare function ClientInlineCode({ codeblock }: {
 	codeblock: RawCode2;
-}): React.JSX.Element;
+}): React.ReactNode;
 /**
 * Client-side code tabs with multiple files.
 */
@@ -253,12 +249,12 @@ declare function ClientCode(props: {
 	codeblocks: RawCode2[];
 	flags?: string;
 	storage?: string;
-}): React.JSX.Element;
+}): React.ReactNode;
 declare function CopyButton({ text, className, variant }: {
 	text: string;
 	className?: string;
 	variant?: "floating" | "inline";
-}): React.JSX.Element;
+}): React.ReactNode;
 import { AnnotationHandler as AnnotationHandler4, RawCode as RawCode3 } from "codehike/code";
 interface DiffStats {
 	additions?: number;
@@ -283,16 +279,16 @@ interface ClientDiffCodeProps {
 * DocKit code block variant with file change row header.
 * Displays path/filename with diff stats, collapsible with syntax-highlighted code.
 */
-declare function ClientDiffCode(props: ClientDiffCodeProps): React.JSX.Element;
+declare function ClientDiffCode(props: ClientDiffCodeProps): React.ReactNode;
 declare function CodeIcon({ title, lang, className }: {
 	title: string;
 	lang: string;
 	className?: string;
-}): React.JSX.Element;
+}): React.ReactNode;
 import { RawCode as RawCode4 } from "codehike/code";
 declare function DocsKitInlineCode({ codeblock }: {
 	codeblock: RawCode4;
-}): Promise<React.JSX.Element>;
+}): Promise<React.ReactNode>;
 type PackageManager = "npm" | "bun" | "pnpm" | "yarn";
 interface PackageInstallProps {
 	/** The package name to install */
@@ -316,38 +312,38 @@ interface PackageInstallProps {
 * <PackageInstall package="opencode-ai" global />
 * ```
 */
-declare function PackageInstall({ package: pkg, dev, global: isGlobal, managers, copyButton }: PackageInstallProps): React.JSX.Element;
+declare function PackageInstall({ package: pkg, dev, global: isGlobal, managers, copyButton }: PackageInstallProps): React.ReactNode;
 /**
 * Loading skeleton for code blocks.
 */
 declare function CodeBlockSkeleton({ hasTitle, lines }: {
 	hasTitle?: boolean;
 	lines?: number;
-}): React.JSX.Element;
+}): React.ReactNode;
 /**
 * Loading skeleton for terminal-style code blocks.
 */
 declare function TerminalSkeleton({ lines }: {
 	lines?: number;
-}): React.JSX.Element;
+}): React.ReactNode;
 /**
 * Loading skeleton for inline code.
 */
-declare function InlineCodeSkeleton(): React.JSX.Element;
+declare function InlineCodeSkeleton(): React.ReactNode;
 /**
 * Loading skeleton for code tabs.
 */
 declare function CodeTabsSkeleton({ tabs, lines }: {
 	tabs?: number;
 	lines?: number;
-}): React.JSX.Element;
+}): React.ReactNode;
 import { RawCode as RawCode5 } from "codehike/code";
-declare function CodeGroup(props: unknown): Promise<React.JSX.Element>;
+declare function CodeGroup(props: unknown): Promise<React.ReactNode>;
 declare function Code(props: {
 	codeblocks: RawCode5[];
 	flags?: string;
 	storage?: string;
-}): Promise<React.JSX.Element>;
+}): Promise<React.ReactNode>;
 import { AnnotationHandler as AnnotationHandler5, RawCode as RawCode6 } from "codehike/code";
 /**
 * Terminal-style code block with macOS window controls.
@@ -366,9 +362,9 @@ import { AnnotationHandler as AnnotationHandler5, RawCode as RawCode6 } from "co
 declare function Terminal(props: {
 	codeblock: RawCode6;
 	handlers?: AnnotationHandler5[];
-}): Promise<React.JSX.Element>;
+}): Promise<React.ReactNode>;
 import { AnnotationHandler as AnnotationHandler6 } from "codehike/code";
-declare const collapse: AnnotationHandler6[];
+declare const collapse: readonly AnnotationHandler6[];
 import { AnnotationHandler as AnnotationHandler7 } from "codehike/code";
 declare const diff: AnnotationHandler7;
 import React11 from "react";
@@ -379,11 +375,11 @@ import { AnnotationHandler as AnnotationHandler9 } from "codehike/code";
 import React12 from "react";
 declare function WithHover(props: {
 	children: React12.ReactNode;
-}): React12.JSX.Element;
+}): React12.ReactNode;
 declare function HoverLink(props: {
 	href?: string;
 	children?: React12.ReactNode;
-}): React12.JSX.Element;
+}): React12.ReactNode;
 declare const hover: AnnotationHandler9;
 import { AnnotationHandler as AnnotationHandler10 } from "codehike/code";
 declare const lineNumbers2: AnnotationHandler10;
@@ -393,45 +389,21 @@ import { AnnotationHandler as AnnotationHandler12 } from "codehike/code";
 declare const mark: AnnotationHandler12;
 declare function WithNotes({ children,...rest }: {
 	children: React.ReactNode;
-}): React.JSX.Element;
+}): React.ReactNode;
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React13 from "react";
-declare function Tabs({ className,...props }: React13.ComponentProps<typeof TabsPrimitive.Root>): React13.JSX.Element;
-declare function TabsList({ className,...props }: React13.ComponentProps<typeof TabsPrimitive.List>): React13.JSX.Element;
-declare function TabsTrigger({ className,...props }: React13.ComponentProps<typeof TabsPrimitive.Trigger>): React13.JSX.Element;
-declare function TabsContent({ className,...props }: React13.ComponentProps<typeof TabsPrimitive.Content>): React13.JSX.Element;
+declare function Tabs({ className,...props }: React13.ComponentProps<typeof TabsPrimitive.Root>): React13.ReactNode;
+declare function TabsList({ className,...props }: React13.ComponentProps<typeof TabsPrimitive.List>): React13.ReactNode;
+declare function TabsTrigger({ className,...props }: React13.ComponentProps<typeof TabsPrimitive.Trigger>): React13.ReactNode;
+declare function TabsContent({ className,...props }: React13.ComponentProps<typeof TabsPrimitive.Content>): React13.ReactNode;
 import { AnnotationHandler as AnnotationHandler13 } from "codehike/code";
 declare const tooltip: AnnotationHandler13;
 declare function TooltipLink(props: {
 	href?: string;
 	children?: React.ReactNode;
-}): React.JSX.Element;
+}): React.ReactNode;
 import { AnnotationHandler as AnnotationHandler14 } from "codehike/code";
 declare const wordWrap2: AnnotationHandler14;
-import { ReactNode as ReactNode2 } from "react";
-interface CodeTab {
-	/** Tab label */
-	label: string;
-	/** Tab content (code block) */
-	content: ReactNode2;
-	/** Raw code for copy button */
-	code: string;
-}
-interface CodeTabsProps {
-	/** Array of tabs */
-	tabs: CodeTab[];
-	/** Default selected tab index */
-	defaultIndex?: number;
-	/** Enable sticky positioning for the header */
-	sticky?: boolean;
-	/** Custom className */
-	className?: string;
-}
-/**
-* Tabbed code block wrapper with copy button per tab.
-* Uses docskit --dk-* CSS variables for consistent theming.
-*/
-declare function CodeTabs({ tabs, defaultIndex, sticky, className }: CodeTabsProps): React.ReactNode2;
 interface ImportSectionProps {
 	/** Import statement text */
 	importStatement: string;
@@ -449,10 +421,7 @@ type TypeColor = "string" | "number" | "boolean" | "null" | "undefined" | "objec
 * Type coloring for syntax display.
 * Follows Stripe-style: consistent colors for primitives vs complex types.
 */
-declare const typeBadgeVariants: (props?: {
-	typeColor?: TypeColor | null;
-	className?: string;
-}) => string;
+declare const typeBadgeVariants: unknown;
 interface TypeBadgeProps extends React14.HTMLAttributes<HTMLSpanElement> {
 	/** Type string to display */
 	type: string;
@@ -464,4 +433,4 @@ interface TypeBadgeProps extends React14.HTMLAttributes<HTMLSpanElement> {
 * Automatically detects type category and applies appropriate color.
 */
 declare const TypeBadge: React14.ForwardRefExoticComponent<TypeBadgeProps & React14.RefAttributes<HTMLSpanElement>>;
-export { wordWrap2 as wordWrap, typeBadgeVariants, tooltip, toCodeGroup, theme, mark, link, lineNumbers2 as lineNumbers, hover, flagsToOptions, expandable, endpointBadgeVariants, diff, collapse, callout, addDocsKit, WithNotes, WithHover, TypeColor, TypeBadgeProps, TypeBadge, TooltipLink, TerminalSkeleton, Terminal, TabsTrigger, TabsList, TabsContent, Tabs, SingleCode, ResponseBlockProps, ResponseBlock, ParameterListProps, ParameterList, PackageInstall, MultiCode, LanguageSelectorProps, LanguageSelector, Language, InlineCodeSkeleton, ImportSectionProps, ImportSection, HttpMethod, HoverLink, EndpointHeaderProps, EndpointHeader, EndpointBadgeProps, EndpointBadge, DocsKitInlineCode, DocsKitCode, DiffStats, CopyButton, CodeTabsSkeleton, CodeTabsProps, CodeTabs, CodeTab, CodeInfo, CodeIcon, CodeGroup, CodeExample, CodeBlockSkeleton, Code, ClientTerminal, ClientInlineCode, ClientDocsKitCode, ClientDiffCodeProps, ClientDiffCode, ClientCode, APISectionProps, APISection, APIReferencePageProps, APIReferencePage, APIParameterSchema, APIParameterItemProps, APIParameterItem, APICodePanelProps, APICodePanel };
+export { wordWrap2 as wordWrap, typeBadgeVariants, tooltip, toCodeGroup, theme, mark, link, lineNumbers2 as lineNumbers, hover, flagsToOptions, expandable, endpointBadgeVariants, diff, collapse, callout, addDocsKit, WithNotes, WithHover, TypeColor, TypeBadgeProps, TypeBadge, TooltipLink, TerminalSkeleton, Terminal, TabsTrigger, TabsList, TabsContent, Tabs, SingleCode, ResponseBlockProps, ResponseBlock, ParameterListProps, ParameterList, PackageInstall, MultiCode, LanguageSelectorProps, LanguageSelector, Language, InlineCodeSkeleton, ImportSectionProps, ImportSection, HttpMethod, HoverLink, EndpointHeaderProps, EndpointHeader, EndpointBadgeProps, EndpointBadge, DocsKitInlineCode, DocsKitCode, DiffStats, CopyButton, CodeTabsSkeleton, CodeInfo, CodeIcon, CodeGroup, CodeExample, CodeBlockSkeleton, Code, ClientTerminal, ClientInlineCode, ClientDocsKitCode, ClientDiffCodeProps, ClientDiffCode, ClientCode, APISectionProps, APISection, APIReferencePageProps, APIReferencePage, APIParameterSchema, APIParameterItemProps, APIParameterItem, APICodePanelProps, APICodePanel };