origam 2.2.1 → 2.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "origam",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "type": "module",
   "description": "origam — a Vue 3 design system with multi-theme design tokens, CSS-first components and TypeScript types.",
   "keywords": [
@@ -62,6 +62,12 @@
     "./tokens/scss/utilities": "./dist/src/assets/scss/tokens/_origam-utilities.scss",
     "./tokens/types": "./dist/src/types/tokens.type.d.ts",
     "./origam": "./dist/src/origam.js",
+    "./nuxt": {
+      "types": "./dist/src/nuxt/module.d.ts",
+      "import": "./dist/src/nuxt/module.js",
+      "require": "./dist/src/nuxt/module.cjs",
+      "default": "./dist/src/nuxt/module.js"
+    },
     "./components": "./dist/src/components/index.js",
     "./components/*": "./dist/src/components/*/index.js",
     "./composables": "./dist/src/composables/index.js",
@@ -111,7 +117,8 @@
     "prepublishOnly": "npm run tokens:build && npm run server:build && npm run test:unit -- --run"
   },
   "dependencies": {
-    "@mdi/font": "^7.4.47"
+    "@mdi/font": "^7.4.47",
+    "shiki": "^3.8.1"
   },
   "peerDependencies": {
     "vue": "^3.5.0",
@@ -128,6 +135,7 @@
   },
   "devDependencies": {
     "@histoire/plugin-vue": "^1.0.0-beta.1",
+    "@nuxt/kit": "^4.4.5",
     "@playwright/test": "^1.48.0",
     "@tokens-studio/sd-transforms": "^1.2.9",
     "@types/jest": "^30.0.0",
@@ -144,7 +152,6 @@
     "markdown-it-deflist": "^3.0.0",
     "markdown-it-footnote": "^4.0.0",
     "sass": "^1.89.2",
-    "shiki": "^3.8.1",
     "style-dictionary": "^4.4.0",
     "ts-transformer-keys": "^0.4.4",
     "typescript": "^5.8.3",
@@ -156,7 +163,10 @@
     "vite-tsconfig-paths": "^5.1.4",
     "vitepress": "^1.6.3",
     "vitest": "^3.2.4",
+    "vue": "^3.5.17",
     "vue-eslint-parser": "^10.4.0",
+    "vue-i18n": "^11.1.10",
+    "vue-router": "^4.5.1",
     "vue-sfc-transformer": "^0.1.16",
     "vue-tsc": "^3.0.2"
   }

package/dist/src/globals.d.ts

@@ -1,172 +0,0 @@
-import 'vue/jsx'
-
-// Types
-import type { Events } from 'vue'
-import type { TouchStoredHandlers } from './directives/touch'
-
-declare global {
-    interface HTMLCollection {
-        [Symbol.iterator] (): IterableIterator<Element>
-    }
-
-    interface Element {
-        _clickOutside?: Record<number, {
-            onClick: EventListener
-            onMousedown: EventListener
-        } | undefined> & { lastMousedownWasOutside: boolean }
-        _onResize?: Record<number, {
-            handler: () => void
-            options: AddEventListenerOptions
-        } | undefined>
-        _ripple?: {
-            enabled?: boolean
-            centered?: boolean
-            class?: string
-            circle?: boolean
-            touched?: boolean
-            isTouch?: boolean
-            showTimer?: number
-            showTimerCommit?: (() => void) | null
-        }
-        _observe?: Record<number, {
-            init: boolean
-            observer: IntersectionObserver
-        } | undefined>
-        _mutate?: Record<number, {
-            observer: MutationObserver
-        } | undefined>
-        _onScroll?: Record<number, {
-            handler: EventListenerOrEventListenerObject
-            options: AddEventListenerOptions
-            target?: EventTarget
-        } | undefined>
-        _touchHandlers?: {
-            [_uid: number]: TouchStoredHandlers
-        }
-        _transitionInitialStyles?: {
-            position: string
-            top: string
-            left: string
-            width: string
-            height: string
-        }
-
-        getElementsByClassName (classNames: string): NodeListOf<HTMLElement>
-    }
-
-    interface WheelEvent {
-        path?: Array<EventTarget>
-    }
-
-    interface UIEvent {
-        initUIEvent (
-            typeArg: string,
-            canBubbleArg: boolean,
-            cancelableArg: boolean,
-            viewArg: Window,
-            detailArg: number
-        ): void
-    }
-
-    interface MouseEvent {
-        sourceCapabilities?: { firesTouchEvents: boolean }
-    }
-
-    interface ColorSelectionOptions {
-        signal?: AbortSignal
-    }
-
-    interface ColorSelectionResult {
-        sRGBHex: string
-    }
-
-    interface EyeDropper {
-        open: (options?: ColorSelectionOptions) => Promise<ColorSelectionResult>
-    }
-
-    interface EyeDropperConstructor {
-        new (): EyeDropper
-    }
-
-    interface Window {
-        EyeDropper: EyeDropperConstructor
-    }
-
-    function parseInt (s: string | number, radix?: number): number
-
-    function parseFloat (string: string | number): number
-
-    export const __ORIGAM_VERSION__: string
-    export const __REQUIRED_VUE__: string
-    export const __VUE_OPTIONS_API__: boolean | undefined
-}
-
-declare module '@vue/runtime-core' {
-    export interface ComponentCustomProperties {
-        _: ComponentInternalInstance
-    }
-
-    export interface ComponentInternalInstance {
-        provides: Record<string, unknown>
-        setupState: any
-    }
-
-    export interface FunctionalComponent {
-        aliasName?: string
-    }
-
-
-    export interface ComponentOptionsBase<_Props, _RawBindings, _D, _C extends ComputedOptions, _M extends MethodOptions, _Mixin extends ComponentOptionsMixin, _Extends extends ComponentOptionsMixin, _E extends EmitsOptions, _EE extends string = string, _Defaults = Record<string, never>> {
-        aliasName?: string
-    }
-
-    export interface App {
-        $nuxt?: { hook: (name: string, fn: () => void) => void }
-    }
-
-    export interface VNode {
-        ctx: ComponentInternalInstance | null
-    }
-}
-
-declare module '@vue/runtime-dom' {
-    type UnionToIntersection<U> =
-        (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never
-
-    type Combine<T extends string> = T | {
-        [K in T]: {
-            [L in Exclude<T, K>]: `${K}${Exclude<T, K>}` | `${K}${L}${Exclude<T, K | L>}`
-        }[Exclude<T, K>]
-    }[T]
-
-    type Modifiers = Combine<'Passive' | 'Capture' | 'Once'>
-
-    type ModifiedEvents = UnionToIntersection<{
-        [K in keyof Events]: { [L in `${K}${Modifiers}`]: Events[K] }
-    }[keyof Events]>
-
-    type EventHandlers<E> = {
-        [K in keyof E]?: E[K] extends (...args: any[]) => any ? E[K] : (payload: E[K]) => void
-    }
-
-    export interface HTMLAttributes extends EventHandlers<ModifiedEvents> {
-        onScrollend?: (e: Event) => void
-    }
-
-    type CustomProperties = {
-        [k in `--${string}`]: any
-    }
-
-    export interface CSSProperties extends CustomProperties {
-    }
-}
-
-declare module 'expect' {
-    interface Matchers<R> {
-        /** console.warn */
-        toHaveBeenTipped (): R
-
-        /** console.error */
-        toHaveBeenWarned (): R
-    }
-}

package/dist/src/shims.d.ts

@@ -1,36 +0,0 @@
-import 'vue/jsx'
-import type { UnwrapNestedRefs, VNodeChild } from 'vue'
-
-// These already exist in scope in the final bundle
-// @skip-build
-import type { IDateInstance, IDisplayInstance, ILocaleInstance, IRtlInstance } from './interfaces'
-import type { TIconOptions } from './types'
-
-declare global {
-    namespace JSX {
-        interface ElementChildrenAttribute {
-            $children: unknown
-        }
-    }
-}
-
-declare module 'vue' {
-    interface Origam {
-        display: UnwrapNestedRefs<IDisplayInstance>
-        icons: TIconOptions
-        locale: UnwrapNestedRefs<ILocaleInstance & IRtlInstance>
-        date: IDateInstance
-    }
-
-    export interface ComponentCustomProperties {
-        $vuetify: Origam
-    }
-
-    export interface HTMLAttributes {
-        $children?: VNodeChild
-    }
-
-    export interface SVGAttributes {
-        $children?: VNodeChild
-    }
-}

package/dist/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />