@ui-sdk/vue 0.0.0-stage → 0.1.0-beta.1

package/dist/tabs.d.ts

@@ -0,0 +1,338 @@
+/**
+ * Layered sections of content, one shown at a time.
+ * @stable
+ */
+declare const Tabs: new <A extends string = string, B extends unknown = unknown>(props: {
+    value?: A | null | undefined;
+    defaultValue?: A | null | undefined;
+    onValueChange?: ((value: A | null, details: import("@ui-sdk/core").ChangeDetails<import("@ui-sdk/core/tabs").TabsValueChangeReason>) => void) | undefined;
+    orientation?: import("@ui-sdk/core/tabs").TabsOrientation;
+    activation?: "automatic" | "manual";
+    loop?: boolean;
+    hiddenUntilFound?: boolean;
+    controller?: {
+        getValue: () => A | null;
+        setValue: (value: A | null, options?: import("@ui-sdk/core/tabs").TabsChangeOptions) => boolean;
+        select: (value: A, options?: import("@ui-sdk/core/tabs").TabsChangeOptions) => boolean;
+        focus: () => void;
+    } | undefined;
+} & import("@ui-sdk/core").PrimitiveOptions & import("@ui-sdk/core/renderer").BaseSlotProps & {
+    "onUpdate:value"?: ((value: A | null) => any) | undefined;
+    onValueChange?: ((value: A | null, details: import("@ui-sdk/core").ChangeDetails<import("@ui-sdk/core/tabs").TabsValueChangeReason>) => any) | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    [x: `data${Capitalize<string>}`]: unknown;
+    contextmenu?: string | undefined | undefined;
+    style?: import("vue").StyleValue;
+    title?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    'aria-labelledby'?: string | undefined | undefined;
+    'aria-label'?: string | undefined | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    radiogroup?: string | undefined | undefined;
+    'aria-activedescendant'?: string | undefined | undefined;
+    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    'aria-checked'?: "mixed" | (boolean | "true" | "false") | undefined;
+    'aria-colcount'?: (string | number) | undefined;
+    'aria-colindex'?: (string | number) | undefined;
+    'aria-colspan'?: (string | number) | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-level'?: (string | number) | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
+    'aria-placeholder'?: string | undefined | undefined;
+    'aria-posinset'?: (string | number) | undefined;
+    'aria-pressed'?: "mixed" | (boolean | "true" | "false") | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-rowcount'?: (string | number) | undefined;
+    'aria-rowindex'?: (string | number) | undefined;
+    'aria-rowspan'?: (string | number) | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-setsize'?: (string | number) | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    'aria-valuemax'?: (string | number) | undefined;
+    'aria-valuemin'?: (string | number) | undefined;
+    'aria-valuenow'?: (string | number) | undefined;
+    'aria-valuetext'?: string | undefined | undefined;
+    role?: string | undefined | undefined;
+    tabindex?: (string | number) | undefined;
+    property?: string | undefined | undefined;
+    autocapitalize?: string | undefined | undefined;
+    autocorrect?: string | undefined | undefined;
+    spellcheck?: (boolean | "true" | "false") | undefined;
+    inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    'aria-controls'?: string | undefined | undefined;
+    'aria-describedby'?: string | undefined | undefined;
+    'aria-details'?: string | undefined | undefined;
+    'aria-errormessage'?: string | undefined | undefined;
+    'aria-flowto'?: string | undefined | undefined;
+    'aria-owns'?: string | undefined | undefined;
+    part?: string | undefined;
+    hidden?: "" | "hidden" | "until-found" | (boolean | "true" | "false") | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    color?: string | undefined | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    onChange?: ((payload: Event) => void) | undefined;
+    lang?: string | undefined | undefined;
+    innerHTML?: string | undefined | undefined;
+    onScroll?: ((payload: Event) => void) | undefined;
+    contenteditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    inert?: (boolean | "true" | "false") | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    results?: (string | number) | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    onSubmit?: ((payload: SubmitEvent) => void) | undefined;
+    onBlur?: ((payload: FocusEvent) => void) | undefined;
+    onSelect?: ((payload: Event) => void) | undefined;
+    'aria-keyshortcuts'?: string | undefined | undefined;
+    'aria-haspopup'?: "dialog" | "menu" | "grid" | "listbox" | "tree" | (boolean | "true" | "false") | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    prefix?: string | undefined | undefined;
+    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    'aria-current'?: "time" | "date" | "location" | "step" | "page" | (boolean | "true" | "false") | undefined;
+    class?: import("vue").ClassValue;
+    placeholder?: string | undefined | undefined;
+    'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+    onError?: ((payload: Event) => void) | undefined;
+    onInput?: ((payload: InputEvent) => void) | undefined;
+    onReset?: ((payload: Event) => void) | undefined;
+    onFullscreenchange?: ((payload: Event) => void) | undefined;
+    onFullscreenerror?: ((payload: Event) => void) | undefined;
+    onAbort?: ((payload: UIEvent) => void) | undefined;
+    onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+    onAuxclick?: ((payload: PointerEvent) => void) | undefined;
+    onBeforeinput?: ((payload: InputEvent) => void) | undefined;
+    onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
+    onCanplay?: ((payload: Event) => void) | undefined;
+    onCanplaythrough?: ((payload: Event) => void) | undefined;
+    onClick?: ((payload: PointerEvent) => void) | undefined;
+    onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+    onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+    onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+    onContextmenu?: ((payload: PointerEvent) => void) | undefined;
+    onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+    onCut?: ((payload: ClipboardEvent) => void) | undefined;
+    onDblclick?: ((payload: MouseEvent) => void) | undefined;
+    onDrag?: ((payload: DragEvent) => void) | undefined;
+    onDragend?: ((payload: DragEvent) => void) | undefined;
+    onDragenter?: ((payload: DragEvent) => void) | undefined;
+    onDragleave?: ((payload: DragEvent) => void) | undefined;
+    onDragover?: ((payload: DragEvent) => void) | undefined;
+    onDragstart?: ((payload: DragEvent) => void) | undefined;
+    onDrop?: ((payload: DragEvent) => void) | undefined;
+    onDurationchange?: ((payload: Event) => void) | undefined;
+    onEmptied?: ((payload: Event) => void) | undefined;
+    onEnded?: ((payload: Event) => void) | undefined;
+    onFocus?: ((payload: FocusEvent) => void) | undefined;
+    onFocusin?: ((payload: FocusEvent) => void) | undefined;
+    onFocusout?: ((payload: FocusEvent) => void) | undefined;
+    onFormdata?: ((payload: FormDataEvent) => void) | undefined;
+    onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
+    onInvalid?: ((payload: Event) => void) | undefined;
+    onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+    onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+    onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+    onLoad?: ((payload: Event) => void) | undefined;
+    onLoadeddata?: ((payload: Event) => void) | undefined;
+    onLoadedmetadata?: ((payload: Event) => void) | undefined;
+    onLoadstart?: ((payload: Event) => void) | undefined;
+    onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
+    onMousedown?: ((payload: MouseEvent) => void) | undefined;
+    onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+    onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+    onMousemove?: ((payload: MouseEvent) => void) | undefined;
+    onMouseout?: ((payload: MouseEvent) => void) | undefined;
+    onMouseover?: ((payload: MouseEvent) => void) | undefined;
+    onMouseup?: ((payload: MouseEvent) => void) | undefined;
+    onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+    onPause?: ((payload: Event) => void) | undefined;
+    onPlay?: ((payload: Event) => void) | undefined;
+    onPlaying?: ((payload: Event) => void) | undefined;
+    onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+    onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+    onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+    onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+    onPointermove?: ((payload: PointerEvent) => void) | undefined;
+    onPointerout?: ((payload: PointerEvent) => void) | undefined;
+    onPointerover?: ((payload: PointerEvent) => void) | undefined;
+    onPointerup?: ((payload: PointerEvent) => void) | undefined;
+    onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
+    onRatechange?: ((payload: Event) => void) | undefined;
+    onScrollend?: ((payload: Event) => void) | undefined;
+    onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
+    onSeeked?: ((payload: Event) => void) | undefined;
+    onSeeking?: ((payload: Event) => void) | undefined;
+    onStalled?: ((payload: Event) => void) | undefined;
+    onSuspend?: ((payload: Event) => void) | undefined;
+    onTimeupdate?: ((payload: Event) => void) | undefined;
+    onToggle?: ((payload: ToggleEvent) => void) | undefined;
+    onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+    onTouchend?: ((payload: TouchEvent) => void) | undefined;
+    onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+    onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+    onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+    onVolumechange?: ((payload: Event) => void) | undefined;
+    onWaiting?: ((payload: Event) => void) | undefined;
+    onWheel?: ((payload: WheelEvent) => void) | undefined;
+    onDragexit?: ((payload: DragEvent) => void) | undefined;
+    onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
+    accesskey?: string | undefined | undefined;
+    about?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    resource?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autosave?: string | undefined | undefined;
+    itemprop?: string | undefined | undefined;
+    itemscope?: (boolean | "true" | "false") | undefined;
+    itemtype?: string | undefined | undefined;
+    itemid?: string | undefined | undefined;
+    itemref?: string | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined;
+    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    'aria-roledescription'?: string | undefined | undefined;
+} & {
+    modelValue?: A | null | undefined;
+} & {
+    "onUpdate:modelValue"?: ((value: A | null) => any) | undefined;
+}) => import("./create-parts.js").ElementInstance<new (props: Omit<{
+    value?: A | null | undefined;
+    defaultValue?: A | null | undefined;
+    onValueChange?: ((value: A | null, details: import("@ui-sdk/core").ChangeDetails<import("@ui-sdk/core/tabs").TabsValueChangeReason>) => void) | undefined;
+    orientation?: import("@ui-sdk/core/tabs").TabsOrientation;
+    activation?: "automatic" | "manual";
+    loop?: boolean;
+    hiddenUntilFound?: boolean;
+    controller?: {
+        getValue: () => A | null;
+        setValue: (value: A | null, options?: import("@ui-sdk/core/tabs").TabsChangeOptions) => boolean;
+        select: (value: A, options?: import("@ui-sdk/core/tabs").TabsChangeOptions) => boolean;
+        focus: () => void;
+    } | undefined;
+} & import("@ui-sdk/core").PrimitiveOptions & import("@ui-sdk/core/renderer").BaseSlotProps, "onValueChange"> & {
+    modelValue?: A | null | undefined;
+} & {
+    "onUpdate:modelValue"?: ((value: A | null) => any) | undefined;
+    "onUpdate:value"?: ((value: A | null) => any) | undefined;
+    onValueChange?: ((value: A | null, details: import("@ui-sdk/core").ChangeDetails<import("@ui-sdk/core/tabs").TabsValueChangeReason>) => any) | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps) => import("vue").CreateComponentPublicInstanceWithMixins<Omit<{
+    value?: A | null | undefined;
+    defaultValue?: A | null | undefined;
+    onValueChange?: ((value: A | null, details: import("@ui-sdk/core").ChangeDetails<import("@ui-sdk/core/tabs").TabsValueChangeReason>) => void) | undefined;
+    orientation?: import("@ui-sdk/core/tabs").TabsOrientation;
+    activation?: "automatic" | "manual";
+    loop?: boolean;
+    hiddenUntilFound?: boolean;
+    controller?: {
+        getValue: () => A | null;
+        setValue: (value: A | null, options?: import("@ui-sdk/core/tabs").TabsChangeOptions) => boolean;
+        select: (value: A, options?: import("@ui-sdk/core/tabs").TabsChangeOptions) => boolean;
+        focus: () => void;
+    } | undefined;
+} & import("@ui-sdk/core").PrimitiveOptions & import("@ui-sdk/core/renderer").BaseSlotProps, "onValueChange"> & {
+    modelValue?: A | null | undefined;
+} & {
+    "onUpdate:modelValue"?: ((value: A | null) => any) | undefined;
+    "onUpdate:value"?: ((value: A | null) => any) | undefined;
+    onValueChange?: ((value: A | null, details: import("@ui-sdk/core").ChangeDetails<import("@ui-sdk/core/tabs").TabsValueChangeReason>) => any) | undefined;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    valueChange: (value: A | null, details: import("@ui-sdk/core").ChangeDetails<import("@ui-sdk/core/tabs").TabsValueChangeReason>) => true;
+} & {
+    "update:value": (value: A | null) => true;
+} & {
+    "update:modelValue": (value: A | null) => true;
+}, import("vue").PublicProps, {}, false, {}, import("./use-primitive.js").StateSlots<import("@ui-sdk/core/tabs").TabsState<A>>, {}, {}, string, {}, any, import("vue").ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Omit<{
+    value?: A | null | undefined;
+    defaultValue?: A | null | undefined;
+    onValueChange?: ((value: A | null, details: import("@ui-sdk/core").ChangeDetails<import("@ui-sdk/core/tabs").TabsValueChangeReason>) => void) | undefined;
+    orientation?: import("@ui-sdk/core/tabs").TabsOrientation;
+    activation?: "automatic" | "manual";
+    loop?: boolean;
+    hiddenUntilFound?: boolean;
+    controller?: {
+        getValue: () => A | null;
+        setValue: (value: A | null, options?: import("@ui-sdk/core/tabs").TabsChangeOptions) => boolean;
+        select: (value: A, options?: import("@ui-sdk/core/tabs").TabsChangeOptions) => boolean;
+        focus: () => void;
+    } | undefined;
+} & import("@ui-sdk/core").PrimitiveOptions & import("@ui-sdk/core/renderer").BaseSlotProps, "onValueChange"> & {
+    modelValue?: A | null | undefined;
+} & {
+    "onUpdate:modelValue"?: ((value: A | null) => any) | undefined;
+    "onUpdate:value"?: ((value: A | null) => any) | undefined;
+    onValueChange?: ((value: A | null, details: import("@ui-sdk/core").ChangeDetails<import("@ui-sdk/core/tabs").TabsValueChangeReason>) => any) | undefined;
+}, {}, {}, {}, {}, {}>, "div">;
+/**
+ * The row of tabs, a tablist with one tab stop and arrow keys between its tabs.
+ * @stable
+ */
+declare const TabsList: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/tabs").TabsListState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/tabs").TabsListState>>>, "div">;
+/**
+ * A tab. Selecting it shows the panel with the same `value`.
+ * @stable
+ */
+declare const TabsTab: Pick<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value: string;
+    disabled?: boolean;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/tabs").TabsTabState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value: string;
+    disabled?: boolean;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/tabs").TabsTabState>>>, "button">;
+/**
+ * An icon inside a tab. A tab with only an icon needs an `aria-label`. Screen
+ * readers skip it, and `mirror` flips it in right-to-left text.
+ * @stable
+ */
+declare const TabsTabIcon: Pick<import("vue").DefineSetupFnComponent<Omit<NoInfer<import("@ui-sdk/core/renderer").ItemIconProps & {
+    item?: string;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<{
+    mirror: boolean;
+}>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<NoInfer<import("@ui-sdk/core/renderer").ItemIconProps & {
+    item?: string;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<{
+    mirror: boolean;
+}>>>, "span">;
+/**
+ * Marks the selected tab. Its box comes from the `--active-tab-*` variables, measured from the tab list.
+ * @stable
+ */
+declare const TabsIndicator: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/tabs").TabsIndicatorState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/tabs").TabsIndicatorState>>>, "span">;
+/**
+ * The content of the tab with the same `value`, shown while that tab is selected.
+ * @stable
+ */
+declare const TabsPanel: Pick<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value: string;
+    keepMounted?: boolean;
+    hiddenUntilFound?: boolean;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/tabs").TabsPanelState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value: string;
+    keepMounted?: boolean;
+    hiddenUntilFound?: boolean;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/tabs").TabsPanelState>>>, "div">;
+export { createTabsController } from "@ui-sdk/core/tabs";
+export type { TabsApi, TabsChangeOptions, TabsController, TabsDirection, TabsIndicatorState, TabsListState, TabsOptions, TabsOrientation, TabsPanelProps, TabsPanelState, TabsPrimitive, TabsState, TabsTabIconProps, TabsTabIconState, TabsTabProps, TabsTabState, TabsValueChangeReason, } from "@ui-sdk/core/tabs";
+export { Tabs, TabsIndicator, TabsList, TabsPanel, TabsTab, TabsTabIcon };

package/dist/tabs.js

@@ -0,0 +1,27 @@
+// src/tabs.ts
+import { tabs } from "@ui-sdk/core/tabs";
+import { createParts } from "./create-parts.js";
+import { createTabsController } from "@ui-sdk/core/tabs";
+var parts = createParts(tabs, {
+  root: "div",
+  list: "div",
+  tab: "button",
+  "tab-icon": "span",
+  indicator: "span",
+  panel: "div"
+});
+var Tabs = parts.Root;
+var TabsList = parts.List;
+var TabsTab = parts.Tab;
+var TabsTabIcon = parts.TabIcon;
+var TabsIndicator = parts.Indicator;
+var TabsPanel = parts.Panel;
+export {
+  Tabs,
+  TabsIndicator,
+  TabsList,
+  TabsPanel,
+  TabsTab,
+  TabsTabIcon,
+  createTabsController
+};

package/dist/text-control.d.ts

@@ -0,0 +1,89 @@
+import type { ChangeDetails } from "@ui-sdk/core";
+import type { InputController, InputValueChangeReason } from "@ui-sdk/core/input";
+import type { PropType } from "vue";
+import type { useFieldControl } from "./field-context.js";
+declare const textProps: {
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    readOnly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    controller: PropType<InputController>;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+};
+declare const textEmits: {
+    "update:value": (_value: string) => boolean;
+    "update:modelValue": (_value: string) => boolean;
+    valueChange: (_value: string, _details: ChangeDetails<InputValueChangeReason>) => boolean;
+};
+type TextProps = {
+    value?: string;
+    modelValue?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    controller?: InputController;
+    debug?: boolean;
+};
+type Emit = ((event: "update:value", value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "valueChange", value: string, details: ChangeDetails<InputValueChangeReason>) => void);
+declare const textOptions: (props: TextProps, emit: Emit) => () => {
+    value: string | undefined;
+    defaultValue: string | undefined;
+    controller: {
+        getValue: () => string;
+        setValue: (value: string, options?: import("@ui-sdk/core").ChangeOptions<InputValueChangeReason>) => boolean;
+        clear: (options?: import("@ui-sdk/core").ChangeOptions<InputValueChangeReason>) => boolean;
+        focus: () => void;
+    } | undefined;
+    debug: boolean | undefined;
+    onValueChange: (value: string, details: ChangeDetails<InputValueChangeReason>) => void;
+};
+declare const readOnlyOf: (props: {
+    readOnly?: boolean;
+}, attrs: Record<string, unknown>) => boolean;
+declare function elementProps(props: TextProps, field: ReturnType<typeof useFieldControl>, attrs: Record<string, unknown>, tag: "input" | "textarea"): {
+    value: string;
+    "^value"?: undefined;
+    disabled: boolean | undefined;
+    readonly: true | undefined;
+    required: boolean | undefined;
+    name: string | undefined;
+} | {
+    "^value": string | undefined;
+    value?: undefined;
+    disabled: boolean | undefined;
+    readonly: true | undefined;
+    required: boolean | undefined;
+    name: string | undefined;
+} | {
+    value?: undefined;
+    "^value"?: undefined;
+    disabled: boolean | undefined;
+    readonly: true | undefined;
+    required: boolean | undefined;
+    name: string | undefined;
+};
+export { elementProps, readOnlyOf, textEmits, textOptions, textProps };

package/dist/text-control.js

@@ -0,0 +1,51 @@
+// src/text-control.ts
+import { optionalBoolean, orModel } from "./use-primitive.js";
+var textProps = {
+  value: { type: String, default: void 0 },
+  modelValue: { type: String, default: void 0 },
+  defaultValue: { type: String, default: void 0 },
+  disabled: optionalBoolean,
+  readOnly: optionalBoolean,
+  required: optionalBoolean,
+  controller: Object,
+  debug: optionalBoolean
+};
+var textEmits = {
+  "update:value": (_value) => true,
+  "update:modelValue": (_value) => true,
+  valueChange: (_value, _details) => true
+};
+var textOptions = (props, emit) => () => ({
+  value: orModel(props.value, props.modelValue),
+  defaultValue: props.defaultValue,
+  controller: props.controller,
+  debug: props.debug,
+  onValueChange: (value, details) => {
+    emit("valueChange", value, details);
+    if (details.canceled) {
+      return;
+    }
+    emit("update:value", value);
+    emit("update:modelValue", value);
+  }
+});
+var readOnlyOf = (props, attrs) => props.readOnly ?? (attrs.readonly != null && attrs.readonly !== false);
+function elementProps(props, field, attrs, tag) {
+  const controlled = orModel(props.value, props.modelValue);
+  const value = controlled !== void 0 ? { value: controlled } : tag === "input" ? { "^value": props.defaultValue } : {};
+  return {
+    name: field?.name(),
+    ...attrs,
+    disabled: props.disabled || field?.disabled(),
+    readonly: readOnlyOf(props, attrs) || void 0,
+    required: props.required,
+    ...value
+  };
+}
+export {
+  elementProps,
+  readOnlyOf,
+  textEmits,
+  textOptions,
+  textProps
+};

package/dist/text-match.d.ts

@@ -0,0 +1,2 @@
+export { fuzzyScore, matchRanges, matchSegments } from "@ui-sdk/core/text-match";
+export type { MatchRange, MatchSegment } from "@ui-sdk/core/text-match";

package/dist/text-match.js

@@ -0,0 +1,7 @@
+// src/text-match.ts
+import { fuzzyScore, matchRanges, matchSegments } from "@ui-sdk/core/text-match";
+export {
+  fuzzyScore,
+  matchRanges,
+  matchSegments
+};

package/dist/textarea.d.ts

@@ -0,0 +1,106 @@
+import { type TextareaSubmitDetails } from "@ui-sdk/core/input";
+import { type PropType } from "vue";
+import { type PartSlots } from "./use-primitive.js";
+/**
+ * A native <textarea>, wired to the Field it's in, that can grow with its text.
+ * @stable
+ */
+declare const Textarea: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    autoResize: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    submitShortcut: PropType<"enter" | "mod+enter">;
+    onSubmit: PropType<(value: string, details: TextareaSubmitDetails) => void>;
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    readOnly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    controller: PropType<import("@ui-sdk/core/input").InputController>;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null) & {
+    state: NoInfer<import("@ui-sdk/core/input").InputState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (_value: string) => boolean;
+    "update:modelValue": (_value: string) => boolean;
+    valueChange: (_value: string, _details: import("@ui-sdk/core").ChangeDetails<import("@ui-sdk/core/input").InputValueChangeReason>) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    autoResize: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    submitShortcut: PropType<"enter" | "mod+enter">;
+    onSubmit: PropType<(value: string, details: TextareaSubmitDetails) => void>;
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    readOnly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    controller: PropType<import("@ui-sdk/core/input").InputController>;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+    "onUpdate:value"?: ((_value: string) => any) | undefined;
+    onValueChange?: ((_value: string, _details: import("@ui-sdk/core").ChangeDetails<import("@ui-sdk/core/input").InputValueChangeReason>) => any) | undefined;
+}>, {
+    value: string;
+    disabled: boolean;
+    debug: boolean;
+    defaultValue: string;
+    required: boolean;
+    readOnly: boolean;
+    modelValue: string;
+    autoResize: boolean;
+}, PartSlots<import("@ui-sdk/core/input").TextareaPrimitive, "root">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "textarea">;
+export { createInputController } from "@ui-sdk/core/input";
+export type { InputController, InputGroupOptions, InputGroupPrimitive, InputGroupState, InputOptions, InputPrimitive, InputProps, InputState, InputValueChangeReason, TextareaOptions, TextareaPrimitive, TextareaProps, TextareaState, TextareaSubmitDetails, } from "@ui-sdk/core/input";
+export { Textarea };