@meddleware/ui 0.1.0 → 0.1.1

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

@@ -0,0 +1,25 @@
+import { type PanelVariant, type PanelColors } from '../internal/panel';
+type __VLS_Props = {
+    /** default transparent — footers usually sit over the page background. */
+    variant?: PanelVariant;
+    colors?: PanelColors;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    start?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    end?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: PanelVariant;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,29 @@
+import { type PanelVariant, type PanelColors } from '../internal/panel';
+type __VLS_Props = {
+    /** light | dark | transparent — default dark (token defaults, overridable). */
+    variant?: PanelVariant;
+    /** Per-instance colour overrides; token values are used by default. */
+    colors?: PanelColors;
+    /** Stick to the top of the viewport (full-width shells). */
+    sticky?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    brand?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    actions?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: PanelVariant;
+    sticky: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,26 @@
+import { type PanelVariant, type PanelColors } from '../internal/panel';
+type __VLS_Props = {
+    variant?: PanelVariant;
+    colors?: PanelColors;
+    /** Sidebar width (CSS length). */
+    width?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    head?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    foot?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: PanelVariant;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,20 @@
+import type { ColorMode } from '../composables/useColorMode';
+/**
+ * Presentational light/dark/system control. It owns NO state — bind it with
+ * `v-model` (or `:modelValue` + `@update:modelValue`) to external state, e.g.
+ * the `useColorMode()` composable or your store.
+ */
+type __VLS_Props = {
+    modelValue: ColorMode;
+    /** Which modes to offer (default all three). */
+    modes?: ColorMode[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: ColorMode) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: ColorMode) => any) | undefined;
+}>, {
+    modes: ColorMode[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
+    type?: 'button' | 'submit' | 'reset';
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "primary" | "secondary" | "ghost" | "danger";
+    type: "button" | "submit" | "reset";
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    title?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    footer?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,17 @@
+/** Inline notice/alert. Abstracted from the token-deployer `AppNotice.vue`. */
+type __VLS_Props = {
+    type?: 'info' | 'error' | 'ok';
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,20 @@
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/composables/useColorMode.d.ts

@@ -0,0 +1,14 @@
+import { type Ref } from 'vue';
+export type ColorMode = 'light' | 'dark' | 'system';
+/**
+ * External colour-mode state manager. `ColorModeControl` is presentational and
+ * does NOT own state — bind it to `mode`/`set` (or your own store) instead.
+ *
+ * @param defaultMode used only on first init when nothing is persisted.
+ */
+export declare function useColorMode(defaultMode?: ColorMode): {
+    mode: Ref<ColorMode, ColorMode>;
+    set: (m: ColorMode) => void;
+    cycle: () => void;
+    isDark: () => boolean;
+};

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+export { default as AppHeader } from './components/AppHeader.vue';
+export { default as AppSidebar } from './components/AppSidebar.vue';
+export { default as AppFooter } from './components/AppFooter.vue';
+export { default as ColorModeControl } from './components/ColorModeControl.vue';
+export { default as UiButton } from './components/UiButton.vue';
+export { default as UiCard } from './components/UiCard.vue';
+export { default as UiSelect } from './components/UiSelect.vue';
+export { default as UiNotice } from './components/UiNotice.vue';
+export { useColorMode } from './composables/useColorMode.js';
+export type { ColorMode } from './composables/useColorMode.js';
+export type { PanelVariant, PanelColors } from './internal/panel.js';

package/dist/internal/panel.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties } from 'vue';
+export type PanelVariant = 'light' | 'dark' | 'transparent';
+/** Optional per-instance colour overrides (win over the token defaults). */
+export interface PanelColors {
+    bg?: string;
+    surface?: string;
+    text?: string;
+    muted?: string;
+    border?: string;
+}
+/**
+ * Resolve a panel variant to a set of local CSS variables (`--_bg`, `--_text`,
+ * …) that the header/sidebar/footer styles consume. Variants use the
+ * theme-INDEPENDENT `--mw-panel-*` tokens so a dark panel renders correctly on
+ * a light page (and vice-versa). Transparent inherits the page text colour.
+ * Any supplied `colors` override the defaults — token values are the default.
+ */
+export declare function panelVars(variant: PanelVariant, colors?: PanelColors): CSSProperties;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meddleware/ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Shared Vue 3 component library for @meddleware UIs — layout shell (header/sidebar/footer), colour-mode control, and primitives. Built on @meddleware/design-tokens.",
   "license": "0BSD",
   "type": "module",
@@ -22,7 +22,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "vue-tsc -p tsconfig.build.json && vite build",
+    "build": "rm -rf dist && vue-tsc -p tsconfig.build.json && vite build",
     "type-check": "vue-tsc --noEmit"
   },
   "peerDependencies": {