sit-onyx 1.3.0 → 1.4.0-dev-20251104083804

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

@@ -0,0 +1,33 @@
+import { OnyxCodeTabProps } from './types.js';
+/**
+ * @experimental
+ * @deprecated This component is still under active development and its API might change in patch releases.
+ */
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<OnyxCodeTabProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxCodeTabProps> & Readonly<{}>, {
+    skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<{
+    /**
+     * Tab panel / content. By default, the `code` property will be used (without syntax highlighting).
+     */
+    default?(): unknown;
+    /**
+     * Optional slot to override the tab content. By default, the `label` and `icon` property will be displayed.
+     */
+    tab?(): unknown;
+}> & {
+    /**
+     * Tab panel / content. By default, the `code` property will be used (without syntax highlighting).
+     */
+    default?(): unknown;
+    /**
+     * Optional slot to override the tab content. By default, the `label` and `icon` property will be displayed.
+     */
+    tab?(): unknown;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,18 @@
+import { OnyxTabProps } from '../OnyxTab/types.js';
+export type OnyxCodeTabProps = Omit<OnyxTabProps, "density"> & {
+    /**
+     * Raw source code snippet. Will be used for the copy functionality and as default slot content (without syntax highlighting).
+     * For custom highlighting or content, use the `default` slot.
+     */
+    code: string;
+    /**
+     * Icon to display next to the label.
+     */
+    icon?: string;
+    /**
+     * Language of the code snippet.
+     *
+     * @example "ts", "vue", "html", "css"
+     */
+    language?: string;
+};

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

@@ -0,0 +1,31 @@
+import { OnyxCodeTabsProps } from './types.js';
+/**
+ * @experimental
+ * @deprecated This component is still under active development and its API might change in patch releases.
+ */
+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;
+        readonly onCopyCode?: ((selectedTab: TValue) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onCopyCode"> & OnyxCodeTabsProps<TValue> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<{
+        /**
+         * Slots for tab components. Only `OnyxCodeTab` should be used here.
+         */
+        default(): unknown;
+    }> & {
+        /**
+         * Slots for tab components. Only `OnyxCodeTab` should be used here.
+         */
+        default(): unknown;
+    };
+    emit: ((evt: "update:modelValue", value: TValue) => void) & ((evt: "copyCode", selectedTab: TValue) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,10 @@
+import { InjectionKey, Ref } from 'vue';
+import { OnyxTabsProps } from '../OnyxTabs/types.js';
+export type OnyxCodeTabsProps<TValue extends PropertyKey = PropertyKey> = Omit<OnyxTabsProps<TValue>, "size" | "density" | "stretched" | "label"> & Partial<Pick<OnyxTabsProps<TValue>, "label">>;
+export declare const CODE_TABS_INJECTION_KEY: InjectionKey<{
+    /**
+     * A map of tab values to their corresponding code snippets.
+     * key = tab value, value = code snippet.
+     */
+    tabs: Ref<Map<PropertyKey, string>>;
+}>;

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

@@ -10,11 +10,19 @@ declare const _default: <TValue extends PropertyKey = PropertyKey>(__VLS_props:
          * Slots for tab components. Only `OnyxTab` should be used here.
          */
         default(): unknown;
+        /**
+         * Optional actions to display in the top right.
+         */
+        actions?(): unknown;
     }> & {
         /**
          * Slots for tab components. Only `OnyxTab` should be used here.
          */
         default(): unknown;
+        /**
+         * Optional actions to display in the top right.
+         */
+        actions?(): unknown;
     };
     emit: (evt: "update:modelValue", value: TValue) => void;
 }>) => import('vue').VNode & {

package/dist/i18n/locales/de-DE.json

@@ -241,5 +241,11 @@
     "slider": {
         "decreaseValue": "Wert um {n} verringern",
         "increaseValue": "Wert um {n} erhöhen"
+    },
+    "codeTabs": {
+        "label": "Codeausschnitte",
+        "copySnippet": "Code kopieren",
+        "copied": "Kopiert!",
+        "tabLabel": "Code"
     }
 }

package/dist/i18n/locales/en-US.json

@@ -244,5 +244,11 @@
     "slider": {
         "decreaseValue": "Decrease value by {n}",
         "increaseValue": "Increase value by {n}"
+    },
+    "codeTabs": {
+        "label": "Code snippets",
+        "copySnippet": "Copy code",
+        "copied": "Copied!",
+        "tabLabel": "Code"
     }
 }

package/dist/i18n/locales/en-US.json.d.ts

@@ -244,6 +244,12 @@ declare const _default: {
   "slider": {
     "decreaseValue": "Decrease value by {n}",
     "increaseValue": "Increase value by {n}"
+  },
+  "codeTabs": {
+    "label": "Code snippets",
+    "copySnippet": "Copy code",
+    "copied": "Copied!",
+    "tabLabel": "Code"
   }
 }
 ;

package/dist/index.d.ts

@@ -28,6 +28,10 @@ export { default as OnyxCheckbox } from './components/OnyxCheckbox/OnyxCheckbox.
 export * from './components/OnyxCheckbox/types.js';
 export { default as OnyxCheckboxGroup } from './components/OnyxCheckboxGroup/OnyxCheckboxGroup.vue';
 export * from './components/OnyxCheckboxGroup/types.js';
+export { default as OnyxUnstableCodeTab } from './components/OnyxCodeTab/OnyxCodeTab.vue';
+export * from './components/OnyxCodeTab/types.js';
+export { default as OnyxUnstableCodeTabs } from './components/OnyxCodeTabs/OnyxCodeTabs.vue';
+export * from './components/OnyxCodeTabs/types.js';
 export { default as OnyxDataGridRenderer } from './components/OnyxDataGrid/OnyxDataGridRenderer/OnyxDataGridRenderer.vue';
 export * from './components/OnyxDataGrid/OnyxDataGridRenderer/types.js';
 export { default as OnyxDataGrid } from './components/OnyxDataGrid/OnyxDataGrid.vue';