@birdycom/omniaui-vue 0.0.0-stage → 0.11.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Serge Cools (Birdycom)
+
+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/README.md

@@ -1,3 +1,49 @@
-# Temporary Holding Version
+<!-- File: packages/vue/README.md -->
+# @birdycom/omniaui-vue
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Vue 3 components for OmniaCSS: one single-file component (`<script setup lang="ts">`) per component and per block. The markup and classes are exactly those of the HTML snippets in `@birdycom/omniaui` and `@birdycom/omniaui-blocks`; the CSS packages own all styling, the SFCs have no styles.
+
+```sh
+npm install @birdycom/omniaui-vue @birdycom/omniaui @birdycom/omniaui-blocks vue
+```
+
+```ts
+import { createApp } from 'vue'
+import { OmniaVue } from '@birdycom/omniaui-vue'
+
+createApp(App).use(OmniaVue).mount('#app') // registers every Oc* component globally
+```
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue'
+import { OcButton, OcModal, OcToastContainer, useToast } from '@birdycom/omniaui-vue'
+const open = ref(false)
+const toast = useToast()
+</script>
+
+<template>
+  <OcButton variant="outline" size="sm" @click="open = true">Open</OcButton>
+  <OcModal v-model:open="open" title="Are you sure?">
+    <template #footer="{ close }"><OcButton @click="close(); toast.success('Done')">OK</OcButton></template>
+  </OcModal>
+  <OcToastContainer />
+</template>
+```
+
+- Props map to modifiers: `variant`, `size` (sm / md / lg), booleans for flags. Slots map to the snippet slots.
+- `v-model` on input, select, switch, checkbox, segmented, tabs, tag input, OTP, color field, dropzone; `v-model:open` on modal, alert dialog, sheet, collapsible, wizard.
+- Dialogs use `<dialog>` + `showModal()`, menus and popovers the `popover` attribute, accordions `<details name>`.
+- Full prop reference: the Vue page in the documentation site (`ui/frameworks-vue.html`).
+
+## Own the code
+
+`src/` is published too. Copy `src/components/OcButton.vue` (plus the `src/composables/*` files it imports) into your project, or import from `@birdycom/omniaui-vue/src/components/OcButton.vue`. `manifest.json` lists every item as `{ name, kind, file, snippet }`.
+
+## Development
+
+```sh
+npm run generate -w @birdycom/omniaui-vue   # rewrite src/index.ts and manifest.json from the SFC folders
+npm run build -w @birdycom/omniaui-vue      # generate + vite library build + .d.ts
+npm test -w @birdycom/omniaui-vue           # vitest + @vue/test-utils (jsdom)
+```

package/dist/blocks/OcBlockAboutTimeline.vue.d.ts

@@ -0,0 +1,29 @@
+import type { TimelineEntry } from '../components/OcTimeline.vue';
+type __VLS_Props = {
+    eyebrow?: string;
+    title?: string;
+    highlight?: string;
+    timeline?: TimelineEntry[];
+    image?: string;
+    imageAlt?: string;
+    reverse?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    badge?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    imageAlt: string;
+    timeline: TimelineEntry[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockAppHeader.vue.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Top bar with sidebar toggle, module navigation and user actions.
+ * `toggleFor` = id of the checkbox that collapses the sidebar (see OcBlockAppShell).
+ * Slots: toggle (replaces the default hamburger label), nav (replaces the items), title, actions.
+ * Classes: .oc-block-appbar, -nav, -actions, -title
+ */
+import { type NavmenuItem } from '../components/OcNavmenuList.vue';
+type __VLS_Props = {
+    toggleFor?: string;
+    toggleLabel?: string;
+    navItems?: NavmenuItem[];
+    navLabel?: string;
+    title?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_8: {};
+type __VLS_Slots = {} & {
+    toggle?: (props: typeof __VLS_1) => any;
+} & {
+    nav?: (props: typeof __VLS_3) => any;
+} & {
+    actions?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    toggleLabel: string;
+    navLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockAppShell.vue.d.ts

@@ -0,0 +1,33 @@
+type __VLS_Props = {
+    toggleId?: string;
+    height?: string;
+    toggleLabel?: string;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    'collapsed'?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    sidebar?: (props: typeof __VLS_1) => any;
+} & {
+    header?: (props: typeof __VLS_3) => any;
+} & {
+    breadcrumbs?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:collapsed": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+    toggleLabel: string;
+    toggleId: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockAuth.vue.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Sign-in card. Slots: default (fields, e.g. .oc-form-group blocks), actions (primary button),
+ * social (alternative sign-in buttons, shown under the divider text), footer.
+ * Classes: .oc-block-auth, -card, -divider, -footer, .oc-block-subtitle
+ */
+type __VLS_Props = {
+    title?: string;
+    subtitle?: string;
+    divider?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    actions?: (props: typeof __VLS_3) => any;
+} & {
+    social?: (props: typeof __VLS_5) => any;
+} & {
+    footer?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockAuthSplit.vue.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Sign-in with a brand panel (logo, quote) next to the form. Emits `submit` (the native submit event).
+ * Slots: logo, quote (or `quote` + `quoteAuthor` props), default (fields), row (remember me / forgot password),
+ * submit (default: a full-width primary button with `submitLabel`), footer.
+ * Classes: .oc-block-authsplit, -brand, -logo, -quote, -form, -card, -title, -subtitle, -fields, -row
+ */
+type __VLS_Props = {
+    title?: string;
+    subtitle?: string;
+    quote?: string;
+    quoteAuthor?: string;
+    submitLabel?: string;
+    action?: string;
+    method?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
+type __VLS_Slots = {} & {
+    logo?: (props: typeof __VLS_1) => any;
+} & {
+    quote?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+} & {
+    row?: (props: typeof __VLS_7) => any;
+} & {
+    submit?: (props: typeof __VLS_9) => any;
+} & {
+    footer?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (event: SubmitEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((event: SubmitEvent) => any) | undefined;
+}>, {
+    action: string;
+    submitLabel: string;
+    method: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockContactGrid.vue.d.ts

@@ -0,0 +1,32 @@
+export interface ContactGridLine {
+    text: string;
+    href?: string;
+}
+export interface ContactGridCard {
+    title: string;
+    lines: ContactGridLine[];
+    icon?: string;
+    accent?: string;
+    address?: boolean;
+}
+type __VLS_Props = {
+    eyebrow?: string;
+    title?: string;
+    lead?: string;
+    cards?: ContactGridCard[];
+    plain?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    cards: ContactGridCard[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockCta.vue.d.ts

@@ -0,0 +1,17 @@
+/** Call to action banner. Slot `actions` holds the buttons (inside .oc-block-hero-actions). */
+type __VLS_Props = {
+    title?: string;
+    text?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockDataTable.vue.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Card with title, actions, toolbar, table, bulk bar and footer. Put an <OcTable> in the default slot.
+ * Slots: actions (header buttons), toolbar (.oc-table-toolbar content: search, filter pills, columns popover),
+ * bulk (selection bar, shown when `selectedCount` > 0), default (table), footer (.oc-table-footer: entries text, page size, pagination).
+ * Classes: .oc-card.oc-block-datatable, -head, -title, -description, -body, -bulk, .oc-table-toolbar, .oc-table-footer
+ */
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    selectedCount?: number;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {
+    count: number;
+}, __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_1) => any;
+} & {
+    toolbar?: (props: typeof __VLS_3) => any;
+} & {
+    bulk?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    footer?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockFaq.vue.d.ts

@@ -0,0 +1,32 @@
+export interface FaqItem {
+    question: string;
+    answer: string;
+}
+type __VLS_Props = {
+    eyebrow?: string;
+    title: string;
+    lead?: string;
+    items?: FaqItem[];
+    openIndex?: number;
+    split?: boolean;
+    name?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    lead?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    more?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    items: FaqItem[];
+    openIndex: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockFeatures.vue.d.ts

@@ -0,0 +1,25 @@
+/** Feature grid with icons. Slot `icon` (scoped: { item }) overrides the glyph. Classes: .oc-block-features, -grid, .oc-block-feature-card, -icon */
+export interface FeatureItem {
+    icon?: string;
+    title: string;
+    text: string;
+}
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    items: FeatureItem[];
+};
+declare var __VLS_1: {
+    item: FeatureItem;
+};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockFooter.vue.d.ts

@@ -0,0 +1,27 @@
+/** Multi-column site footer. Slots: bottom-start, bottom-end (default text via `copyright` / `credit`). Classes: .oc-block-footer, -grid, -col, -bottom */
+export interface FooterColumn {
+    title: string;
+    links: {
+        label: string;
+        href: string;
+    }[];
+}
+type __VLS_Props = {
+    columns: FooterColumn[];
+    copyright?: string;
+    credit?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    'bottom-start'?: (props: typeof __VLS_1) => any;
+} & {
+    'bottom-end'?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockFormPage.vue.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Collapsible form sections with a sticky action bar. Default slot = sections (OcCollapsible containing a
+ * `<div class="oc-block-formpage-grid">` for the two-column field grid). Emits `submit`.
+ * Slot `actions` replaces the default Cancel / Save buttons. Classes: .oc-block-formpage, -grid, -actions
+ */
+type __VLS_Props = {
+    cancelLabel?: string;
+    submitLabel?: string;
+    action?: string;
+    method?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    actions?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    submit: (event: SubmitEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onSubmit?: ((event: SubmitEvent) => any) | undefined;
+}>, {
+    cancelLabel: string;
+    action: string;
+    submitLabel: string;
+    method: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockHero.vue.d.ts

@@ -0,0 +1,18 @@
+/** Centered hero with badge, headline, text and actions. Classes: .oc-block-hero, -badge, -actions */
+type __VLS_Props = {
+    badge?: string;
+    title?: string;
+    text?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockHeroCode.vue.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Landing hero: eyebrow, display title with a gradient word, lead, buttons and a code window with floating icon tiles.
+ * `title` + `highlight` (gradient word) + `titleEnd`, or the `title` slot. Slots: lead, actions, visual (replaces the code window).
+ * Classes: .oc-section-pad, .oc-container, .oc-split, .oc-eyebrow, .oc-display, .oc-text-gradient, .oc-lead, .oc-code-window
+ */
+type __VLS_Props = {
+    eyebrow?: string;
+    title?: string;
+    highlight?: string;
+    titleEnd?: string;
+    lead?: string;
+    code?: string;
+    codeTitle?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_1) => any;
+} & {
+    lead?: (props: typeof __VLS_3) => any;
+} & {
+    actions?: (props: typeof __VLS_5) => any;
+} & {
+    visual?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockHeroOrbit.vue.d.ts

@@ -0,0 +1,36 @@
+export interface HeroOrbitMark {
+    glyph: string;
+    accent: string;
+}
+type __VLS_Props = {
+    eyebrow?: string;
+    title?: string;
+    highlight?: string;
+    titleEnd?: string;
+    lead?: string;
+    code?: string;
+    codeTitle?: string;
+    marks?: HeroOrbitMark[];
+    duration?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_1) => any;
+} & {
+    lead?: (props: typeof __VLS_3) => any;
+} & {
+    actions?: (props: typeof __VLS_5) => any;
+} & {
+    center?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    code: string;
+    marks: HeroOrbitMark[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockHeroSplit.vue.d.ts

@@ -0,0 +1,19 @@
+/** Hero with text left and visual right. Slots: actions, visual. Classes: .oc-block-hero-split, -actions, -visual */
+type __VLS_Props = {
+    title?: string;
+    text?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_1) => any;
+} & {
+    visual?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockModuleHeader.vue.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Page header with icon tile, title, intro, meta badges and an action row.
+ * Slots: icon, meta (badges), actions. Classes: .oc-block-modulehead, -band, -icon, -body, -title, -intro, -meta, -actions
+ */
+type __VLS_Props = {
+    title: string;
+    intro?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    meta?: (props: typeof __VLS_3) => any;
+} & {
+    actions?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockPageHero.vue.d.ts

@@ -0,0 +1,18 @@
+/** Page header (the oc-hero used on every docs page): eyebrow, title, text, actions. Classes: .oc-hero, -eyebrow, -title, -text, -actions */
+type __VLS_Props = {
+    eyebrow?: string;
+    title: string;
+    text?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/blocks/OcBlockPortfolioGrid.vue.d.ts

@@ -0,0 +1,34 @@
+export interface PortfolioGridProject {
+    href: string;
+    name: string;
+    type?: string;
+    meta?: string;
+    more?: string;
+    image?: string;
+    imageAlt?: string;
+    accent?: string;
+}
+type __VLS_Props = {
+    eyebrow?: string;
+    title?: string;
+    highlight?: string;
+    lead?: string;
+    projects?: PortfolioGridProject[];
+    two?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    link?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    projects: PortfolioGridProject[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};