@fumadocs/api-docs 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Fuma
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/css/generated/shared.css

@@ -0,0 +1 @@
+@source inline("!isDefined *:data-[collapsible=true]:order-last *:min-w-0 --min-height --radix-popover-content-available-width -mx-3 -translate-x-1/2 -translate-y-1/2 @container @default @fuma-translate/react @fumari/stf @md:grid-cols-2 @param @radix-ui/react-accordion @radix-ui/react-dialog @radix-ui/react-select [&_svg]:size-3.5 a absolute accordion actual additionalProperties again ajv aliasName allOf always an anchor anchorIdStartsWith anchorSegments and animate-spin any anyFields anyOf applicable aria-label array as asSchema autoIds avoid backdrop-blur-sm be behavior bg-black/30 bg-fd-background/50 bg-fd-muted bg-fd-popover bg-fd-primary bg-fd-secondary binary block body boolean border border-b border-fd-primary/20 border-t both button buttonVariants catch children class-variance-authority className client clientHeight closed cn code col-span-full collapsible collisionPadding color const content createContext ctx current currentValue cva dark:text-yellow-400 data-[disabled]:opacity-50 data-[disabled]:pointer-events-none data-[state=closed]:animate-fd-accordion-up data-[state=closed]:animate-fd-dialog-out data-[state=closed]:animate-fd-fade-out data-[state=open]:animate-fd-accordion-down data-[state=open]:animate-fd-dialog-in data-[state=open]:animate-fd-fade-in data-[state=open]:text-fd-accent-foreground data-collapsible data-object-search-input data-placeholder:text-fd-muted-foreground dataEngine decoded default defaultValue deferredValue define delete deprecated depth dereference dereferenceShallow dereferenced description disabled:cursor-not-allowed disabled:opacity-50 display displayName div doc docRoot duplicated duration-200 dynamic element else empty empty:hidden end end-2 engine ensure enum example examples exclusiveMax exclusiveMin export extends fallback false fd-scroll-container field fieldData fieldLabelVariants fieldName fields file files filtered first first:border-t-0 firstItemRef fixed flex flex-1 flex-col flex-col-reverse flex-row flex-wrap focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-fd-ring focus-within:[&_svg]:text-fd-primary focus-within:ring-2 focus-within:ring-fd-ring focus:bg-fd-accent focus:outline-none focus:ring focus:ring-fd-ring focus:text-fd-accent-foreground font-medium font-mono font-semibold for format forwardRef from function gap-0.5 gap-1 gap-1.5 gap-2 gap-4 generate generateDefault generated ghost grid grid-cols-1 group-data-[state=open]/accordion:rotate-90 group/accordion h-10 h-9 h-[240px] h-px hash hidden hiddenProperties highlighted hook hover:bg-fd-accent hover:text-fd-accent-foreground hover:underline htmlFor i icon-sm icon-xs id idx if ignore import in in-popover include index indexItemMatch info infoTags initial inline-flex input inset-0 instanceof integer interface invalid is isDefined isDuplicated isDynamic isLazy isNumber isRequired it item itemId items items-center items-start j justify-center key kind label labelVariants labels last:border-b-0 lazy leading-none left-1/2 length let line-through lucide-react match matching max max-h-[460px] max-w-(--radix-popover-content-available-width) max-w-full max-w-lg mb-auto md me-auto merge mergeAllOf mergeRefs min min-h-(--min-height,200px) min-w-0 ms-auto mt-2 multiple multipleOf must mx-1 my-1 my-2 my-2! name namespace nested never new next not-prose note null number object objectSearchOverrides objects of omit onChange onClick onKeyDown onOpenAutoFocus onOpenChange onScrollEnd onValueChange oneOf only opacity-80 open or order-last out outline outline-none overflow-hidden overflow-x-auto overflow-y-hidden overview p-1 p-1.5 p-2 p-4 param parentItem parentPathIndex part path pathIndex pathName pattern patternProperties pb-0 pe-2 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 placeholder placeholder:text-fd-muted-foreground playground popover popoverRef position prev preventScroll primitive prop properties property props prose-no-margin ps-2 ps-3 ps-6 pt-0 px px-2 px-3 px-4 py-0 py-1 py-1.5 py-2 py-4 quiet range raw rawRef rawSearch re-triggering react read readOnly ref refs remove removeItem render renderMarkdown renderTypeInfoTrigger represents required resize-none resolver return role root rootId rotate-90 rounded-lg rounded-md rounded-sm rounded-xl s-highlight same sample satisfies schema schemaPropKeys schemaToString scroll scroll-m-20 scrollTop search secondary section segments select-none selected selectedType sep setError setInfo setNextName setOpen setPath setSearch setShow setValue shadow-lg shadow-md shadow-sm show showExample showSelect shrink-0 simplified single size size-3.5 size-4 skipNonRequired skipReadOnly slotType sm sm:flex-row sm:gap-2 sm:justify-end sm:text-start smooth stable states status step stf sticky store strict string stringifyFieldKey such svg t tab tabDepth tabValues tag tags target text text-[0.8125rem] text-center text-end text-fd-foreground text-fd-muted-foreground text-fd-muted-foreground/70 text-fd-popover-foreground text-fd-primary text-fd-primary-foreground text-fd-secondary-foreground text-lg text-orange-400 text-red-400 text-red-400/80 text-sm text-start text-xs text-yellow-600 that the tiem to toolbar top top-0 top-1/2 top-10 top-2 tracking-tight transition-colors transition-transform trigger true truncate try type typeName typeVariants typeof types undefined underline union unionField unknown updateInfo updated url use useAnchorId useCopyButton useFieldValue useMemo useNamespace useObject useRef useState useTranslations validateFormats validateSchema value valueIn valueSchema values variant variants w-0 w-[600px] w-fit w-full will with wrap-break-word write writeOnly x-playground-lazy z-20 z-50");

package/css/preset.css

@@ -0,0 +1 @@
+@import './generated/shared.css';

package/dist/.translations/index.d.ts

@@ -0,0 +1,28 @@
+//#region src/.translations/index.d.ts
+type Translations = {
+  "Default(schema UI)": string;
+  "Deprecated(schema UI)": string;
+  "Enter Property Name(playground)": string;
+  "Enter value(playground)": string;
+  "Example(schema UI)": string;
+  "Filter Properties(schema UI)": string;
+  "Format(schema UI)": string;
+  "Items(schema UI)": string;
+  "Length(schema UI)": string;
+  "Match(schema UI)": string;
+  "Multiple Of(schema UI)": string;
+  "New Item(playground)": string;
+  "New(playground)": string;
+  "No property matching(schema UI)": string;
+  "Properties(schema UI)": string;
+  "Range(schema UI)": string;
+  "Remove Item(playground)(aria-label)": string;
+  "Select(playground)": string;
+  "Selected(playground)": string;
+  "Show Property(playground)": string;
+  "Unset(playground)": string;
+  "Upload(playground)": string;
+  "Value in(schema UI)": string;
+};
+//#endregion
+export { Translations };

package/dist/.translations/keys.js

@@ -0,0 +1,28 @@
+//#region src/.translations/keys.json
+var keys_default = [
+	"Default(schema UI)",
+	"Deprecated(schema UI)",
+	"Enter Property Name(playground)",
+	"Enter value(playground)",
+	"Example(schema UI)",
+	"Filter Properties(schema UI)",
+	"Format(schema UI)",
+	"Items(schema UI)",
+	"Length(schema UI)",
+	"Match(schema UI)",
+	"Multiple Of(schema UI)",
+	"New Item(playground)",
+	"New(playground)",
+	"No property matching(schema UI)",
+	"Properties(schema UI)",
+	"Range(schema UI)",
+	"Remove Item(playground)(aria-label)",
+	"Select(playground)",
+	"Selected(playground)",
+	"Show Property(playground)",
+	"Unset(playground)",
+	"Upload(playground)",
+	"Value in(schema UI)"
+];
+//#endregion
+export { keys_default as default };

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,4 @@
+//#region \0rolldown/runtime.js
+var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
+//#endregion
+export { __commonJSMin };

package/dist/auto-anchor/client.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+
+//#region src/auto-anchor/client.d.ts
+/** Append segment to anchor IDs */
+declare function AnchorSection({
+  segments,
+  children
+}: {
+  segments: string[];
+  children: ReactNode;
+}): import("react").JSX.Element;
+declare function useAnchorId(segments: false): null;
+declare function useAnchorId(segments: string[]): string;
+declare function useAnchorId(segments: string[] | false): string | null;
+//#endregion
+export { AnchorSection, useAnchorId };

package/dist/auto-anchor/client.js

@@ -0,0 +1,20 @@
+"use client";
+import { anchorSegments } from "./index.js";
+import { createContext, use, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/auto-anchor/client.tsx
+const AnchorContext = createContext([]);
+/** Append segment to anchor IDs */
+function AnchorSection({ segments, children }) {
+	const v = use(AnchorContext);
+	return /* @__PURE__ */ jsx(AnchorContext, {
+		value: useMemo(() => [...v, ...segments], [v, segments]),
+		children
+	});
+}
+function useAnchorId(segments) {
+	if (!segments) return null;
+	return anchorSegments(...use(AnchorContext), ...segments);
+}
+//#endregion
+export { AnchorSection, useAnchorId };

package/dist/auto-anchor/index.d.ts

@@ -0,0 +1,9 @@
+//#region src/auto-anchor/index.d.ts
+/** slugify segments, append `\0` to keep segment as-is */
+declare function anchorSegments(...segs: string[]): string;
+/**
+ * Check if `id1` starts with `id2`
+ */
+declare function anchorIdStartsWith(id1: string, id2: string): boolean;
+//#endregion
+export { anchorIdStartsWith, anchorSegments };

package/dist/auto-anchor/index.js

@@ -0,0 +1,17 @@
+import { slug } from "github-slugger";
+//#region src/auto-anchor/index.ts
+/** slugify segments, append `\0` to keep segment as-is */
+function anchorSegments(...segs) {
+	const mapped = [];
+	for (const seg of segs) if (seg.startsWith("\0")) mapped.push(seg.slice(1));
+	else if (seg.length > 0) mapped.push(slug(seg));
+	return mapped.join(".");
+}
+/**
+* Check if `id1` starts with `id2`
+*/
+function anchorIdStartsWith(id1, id2) {
+	return id1 === id2 || id1.startsWith(`${id2}.`);
+}
+//#endregion
+export { anchorIdStartsWith, anchorSegments };

package/dist/codegen.d.ts

@@ -0,0 +1,38 @@
+//#region src/codegen.d.ts
+interface CodeUsageGeneratorRegistry<Data = unknown, Context = unknown> {
+  add: (id: string, generator: CodeUsageGenerator<Data, Context>) => void;
+  get: (id: string) => CodeUsageGenerator<Data, Context> | undefined;
+  addInline: (generator: InlineCodeUsageGenerator<Data, Context>) => void;
+  /**
+   * @returns if the generator is removed
+   */
+  remove: (id: string) => boolean;
+  map: () => Map<string, CodeUsageGenerator<Data, Context>>;
+}
+/**
+ * Generate code example for given programming language
+ */
+interface CodeUsageGenerator<Data = unknown, Context = unknown> {
+  generate: (data: Data, context: Context) => string;
+  lang: string;
+  label?: string;
+}
+/**
+ * Generate code example for given programming language
+ */
+interface InlineCodeUsageGenerator<Data = unknown, Context = unknown> {
+  id?: string;
+  lang: string;
+  label?: string;
+  /**
+   * either:
+   * - code
+   * - a function imported from a file with "use client" directive
+   * - false (disabled)
+   */
+  source?: string | CodeUsageGeneratorFn<Data, Context> | false;
+}
+declare function createCodeUsageGeneratorRegistry<Data, Context>(inherit?: CodeUsageGeneratorRegistry<Data, Context>): CodeUsageGeneratorRegistry<Data, Context>;
+type CodeUsageGeneratorFn<Data, Context> = (data: Data, context: Context) => string;
+//#endregion
+export { CodeUsageGenerator, CodeUsageGeneratorRegistry, InlineCodeUsageGenerator, createCodeUsageGeneratorRegistry };

package/dist/codegen.js

@@ -0,0 +1,35 @@
+//#region src/codegen.ts
+function createCodeUsageGeneratorRegistry(inherit) {
+	const registry = new Map(inherit?.map());
+	return {
+		add(id, generator) {
+			registry.set(id, generator);
+		},
+		get(id) {
+			return registry.get(id);
+		},
+		addInline(generator) {
+			const source = generator.source;
+			const id = generator.id ?? generator.lang;
+			if (!source) {
+				this.remove(id);
+				return;
+			}
+			registry.set(id, {
+				lang: generator.lang,
+				label: generator.label,
+				generate() {
+					return typeof source === "string" ? source : "";
+				}
+			});
+		},
+		remove(id) {
+			return registry.delete(id);
+		},
+		map() {
+			return registry;
+		}
+	};
+}
+//#endregion
+export { createCodeUsageGeneratorRegistry };

package/dist/components/accordion.d.ts

@@ -0,0 +1,22 @@
+import { ComponentProps } from "react";
+import * as Primitive from "@radix-ui/react-accordion";
+
+//#region src/components/accordion.d.ts
+declare function Accordions({
+  type,
+  defaultValue,
+  ...props
+}: Omit<ComponentProps<typeof Primitive.Root>, 'value' | 'onValueChange'>): import("react").JSX.Element;
+declare function AccordionItem({
+  value,
+  className,
+  anchorSegments,
+  ...props
+}: ComponentProps<typeof Primitive.Item> & {
+  /** define the accordion as an anchor section */anchorSegments?: string[];
+}): import("react").JSX.Element;
+declare function AccordionContent(props: ComponentProps<typeof Primitive.Content>): import("react").JSX.Element;
+declare function AccordionHeader(props: ComponentProps<typeof Primitive.Header>): import("react").JSX.Element;
+declare function AccordionTrigger(props: ComponentProps<typeof Primitive.Trigger>): import("react").JSX.Element;
+//#endregion
+export { AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Accordions };

package/dist/components/accordion.js

@@ -0,0 +1,67 @@
+"use client";
+import { anchorIdStartsWith } from "../auto-anchor/index.js";
+import { AnchorSection, useAnchorId } from "../auto-anchor/client.js";
+import { cn } from "../utils/cn.js";
+import { createContext, use, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Primitive from "@radix-ui/react-accordion";
+import { ChevronRight } from "lucide-react";
+//#region src/components/accordion.tsx
+const Context = createContext(null);
+function Accordions({ type, defaultValue, ...props }) {
+	const [value, setValue] = useState(() => type === "multiple" ? defaultValue ?? [] : defaultValue ?? "");
+	return /* @__PURE__ */ jsx(Context, {
+		value: useMemo(() => ({
+			type,
+			setValue
+		}), [type]),
+		children: /* @__PURE__ */ jsx(Primitive.Root, {
+			type,
+			value,
+			onValueChange: setValue,
+			...props
+		})
+	});
+}
+function AccordionItem({ value, className, anchorSegments, ...props }) {
+	const ctx = use(Context);
+	const id = useAnchorId(anchorSegments ?? false);
+	useEffect(() => {
+		if (id && anchorIdStartsWith(window.location.hash.slice(1), id)) ctx.setValue(ctx.type === "single" ? value : [value]);
+	}, [
+		value,
+		id,
+		ctx
+	]);
+	const content = /* @__PURE__ */ jsx(Primitive.Item, {
+		value,
+		className: cn("scroll-m-20 border-b last:border-b-0", className),
+		...props
+	});
+	return anchorSegments ? /* @__PURE__ */ jsx(AnchorSection, {
+		segments: anchorSegments,
+		children: content
+	}) : content;
+}
+function AccordionContent(props) {
+	return /* @__PURE__ */ jsx(Primitive.Content, {
+		...props,
+		className: cn("overflow-hidden data-[state=closed]:animate-fd-accordion-up data-[state=open]:animate-fd-accordion-down", props.className)
+	});
+}
+function AccordionHeader(props) {
+	return /* @__PURE__ */ jsx(Primitive.Header, {
+		...props,
+		className: cn("not-prose flex text-fd-foreground font-medium", props.className),
+		children: props.children
+	});
+}
+function AccordionTrigger(props) {
+	return /* @__PURE__ */ jsxs(Primitive.Trigger, {
+		...props,
+		className: cn("flex flex-1 items-center gap-1 text-start group/accordion py-2 focus-visible:outline-none", props.className),
+		children: [/* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5 text-fd-muted-foreground shrink-0 transition-transform group-data-[state=open]/accordion:rotate-90" }), props.children]
+	});
+}
+//#endregion
+export { AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Accordions };

package/dist/components/dialog.d.ts

@@ -0,0 +1,39 @@
+import { ComponentProps } from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+
+//#region src/components/dialog.d.ts
+declare const Dialog: import("react").FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: import("react").FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare function DialogOverlay({
+  className,
+  ref,
+  ...props
+}: ComponentProps<typeof DialogPrimitive.Overlay>): import("react").JSX.Element;
+declare function DialogContent({
+  className,
+  children,
+  ref,
+  ...props
+}: ComponentProps<typeof DialogPrimitive.Content>): import("react").JSX.Element;
+declare function DialogHeader({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare function DialogFooter({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare function DialogTitle({
+  className,
+  ref,
+  ...props
+}: ComponentProps<typeof DialogPrimitive.Title>): import("react").JSX.Element;
+declare function DialogDescription({
+  className,
+  ref,
+  ...props
+}: ComponentProps<typeof DialogPrimitive.Description>): import("react").JSX.Element;
+//#endregion
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/components/dialog.js

@@ -0,0 +1,61 @@
+"use client";
+import { cn } from "../utils/cn.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { buttonVariants } from "fumadocs-ui/components/ui/button";
+//#region src/components/dialog.tsx
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+function DialogOverlay({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+		ref,
+		className: cn("fixed inset-0 z-50 bg-black/30 backdrop-blur-sm data-[state=open]:animate-fd-fade-in data-[state=closed]:animate-fd-fade-out", className),
+		...props
+	});
+}
+function DialogContent({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+		ref,
+		className: cn("fixed left-1/2 top-1/2 z-50 flex flex-col gap-4 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border bg-fd-popover p-4 shadow-lg rounded-xl duration-200 data-[state=open]:animate-fd-dialog-in data-[state=closed]:animate-fd-dialog-out focus-visible:outline-none", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+			"aria-label": "Close",
+			className: cn(buttonVariants({
+				size: "icon-sm",
+				color: "ghost"
+			}), "absolute end-2 top-2 text-fd-muted-foreground/70"),
+			children: /* @__PURE__ */ jsx(X, {})
+		})]
+	})] });
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-1.5 text-center sm:text-start", className),
+		...props
+	});
+}
+function DialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2", className),
+		...props
+	});
+}
+function DialogTitle({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+		ref,
+		className: cn("text-lg font-semibold leading-none tracking-tight", className),
+		...props
+	});
+}
+function DialogDescription({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+		ref,
+		className: cn("text-sm text-fd-muted-foreground", className),
+		...props
+	});
+}
+//#endregion
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/components/input.d.ts

@@ -0,0 +1,8 @@
+import * as React$1 from "react";
+
+//#region src/components/input.d.ts
+type InputProps = React$1.InputHTMLAttributes<HTMLInputElement>;
+declare const labelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Input, InputProps, labelVariants };

package/dist/components/input.js

@@ -0,0 +1,17 @@
+import { cn } from "../utils/cn.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/input.tsx
+const labelVariants = cva("text-xs font-medium text-fd-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+const Input = React$1.forwardRef(({ className, type, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		className: cn("flex h-9 w-full rounded-md border bg-fd-secondary px-2 py-1.5 text-[0.8125rem] text-fd-secondary-foreground transition-colors placeholder:text-fd-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-fd-ring disabled:cursor-not-allowed disabled:opacity-50", className),
+		ref,
+		...props
+	});
+});
+Input.displayName = "Input";
+//#endregion
+export { Input, labelVariants };

package/dist/components/playground/inputs.d.ts

@@ -0,0 +1,50 @@
+import { ParsedSchema } from "../../schema/index.js";
+import { ComponentProps, HTMLAttributes, ReactNode } from "react";
+import { FieldKey } from "@fumari/stf";
+
+//#region src/components/playground/inputs.d.ts
+declare function ObjectInput({
+  field: _field,
+  fieldName,
+  ...props
+}: {
+  field: Exclude<ParsedSchema, boolean>;
+  fieldName: FieldKey;
+} & ComponentProps<'div'>): import("react").JSX.Element;
+declare function JsonInput({
+  fieldName
+}: {
+  fieldName: FieldKey;
+}): import("react").JSX.Element;
+declare function FieldInput({
+  field,
+  fieldName,
+  isRequired,
+  ...props
+}: HTMLAttributes<HTMLElement> & {
+  field: Exclude<ParsedSchema, boolean>;
+  isRequired?: boolean;
+  fieldName: FieldKey;
+}): import("react").JSX.Element | undefined;
+declare function FieldSet({
+  field: _field,
+  fieldName,
+  toolbar,
+  name,
+  isRequired,
+  depth,
+  slotType,
+  collapsible,
+  ...props
+}: HTMLAttributes<HTMLElement> & {
+  isRequired?: boolean;
+  name?: ReactNode;
+  field: ParsedSchema;
+  fieldName: FieldKey;
+  depth?: number;
+  slotType?: ReactNode;
+  toolbar?: ReactNode;
+  collapsible?: boolean;
+}): import("react").JSX.Element | undefined;
+//#endregion
+export { FieldInput, FieldSet, JsonInput, ObjectInput };