sit-onyx 1.0.0-beta.64 → 1.0.0-beta.65

package/dist/components/OnyxTab/OnyxTab.vue.d.ts

@@ -0,0 +1,34 @@
+import type { OnyxTabProps } from "./types";
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Tab panel / content.
+         */
+        default(): unknown;
+        /**
+         * Optional slot to override the tab content. By default, the `label` property will be displayed.
+         */
+        tab?(): unknown;
+    }> & {
+        /**
+         * Tab panel / content.
+         */
+        default(): unknown;
+        /**
+         * Optional slot to override the tab content. By default, the `label` property will be displayed.
+         */
+        tab?(): unknown;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<OnyxTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxTabProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/OnyxTab/types.d.ts

@@ -0,0 +1,11 @@
+import type { DensityProp } from "../../composables/density";
+export type OnyxTabProps = DensityProp & {
+    /**
+     * Value of the tab when its selected. Will be the `modelValue` / `v-model` of the `OnyxTabs` component.
+     */
+    value: PropertyKey;
+    /**
+     * Tab label to display. Alternatively, the `tab` slot can be used.
+     */
+    label?: string;
+};

package/dist/components/OnyxTabs/OnyxTabs.vue.d.ts

@@ -0,0 +1,28 @@
+import { type OnyxTabsProps } from "./types";
+declare const _default: <TValue extends PropertyKey = PropertyKey>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: TValue) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & Partial<{}> & OnyxTabsProps<TValue>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<{
+        /**
+         * Slots for tab components. Only `OnyxTab` should be used here.
+         */
+        default(): unknown;
+    }> & {
+        /**
+         * Slots for tab components. Only `OnyxTab` should be used here.
+         */
+        default(): unknown;
+    };
+    emit: (evt: "update:modelValue", value: TValue) => void;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/OnyxTabs/types.d.ts

@@ -0,0 +1,33 @@
+import type { createTabs } from "@sit-onyx/headless";
+import type { InjectionKey, Ref } from "vue";
+import type { DensityProp } from "../../composables/density";
+export type OnyxTabsProps<TValue extends PropertyKey = PropertyKey> = DensityProp & {
+    /**
+     * Label of the tabs. Needed for accessibility / screen readers.
+     */
+    label: string;
+    /**
+     * Currently selected tab (`value` property of `OnyxTab` component).
+     */
+    modelValue: TValue;
+    /**
+     * If `true`, the tabs will be stretched to the full available width.
+     */
+    stretched?: boolean;
+};
+export type TabsInjectionKey<TValue extends PropertyKey = PropertyKey> = InjectionKey<{
+    /**
+     * Headless composable provided for child tabs for correct accessibility and behavior.
+     */
+    headless: ReturnType<typeof createTabs<TValue>>;
+    /**
+     * Ref to the parent tabs element where the child tabs should be teleported to
+     * to maintain the correct HTML structure.
+     */
+    panelRef: Ref<HTMLElement | undefined>;
+}>;
+/**
+ * Injection key to provide relevant context data from the tabs parent to the
+ * individual child tab components.
+ */
+export declare const TABS_INJECTION_KEY: TabsInjectionKey;