@myghf/ui 0.1.0 → 0.3.0

package/dist/lib/date.d.ts

@@ -7,4 +7,11 @@ export declare function clampTime(d: Date, time: string): Date;
 export declare function sortRange(a: Date, b: Date): [Date, Date];
 export declare function sortRange(a: Date | null, b: Date | null): [Date | null, Date | null];
 export declare function toISODate(d: Date): string;
+export declare function buildHourOptions(hourFormat: '12' | '24'): number[];
+export declare function buildMinuteOptions(minuteStep: number): number[];
+export declare function to12Hour(hour24: number): {
+    hour: number;
+    meridiem: 'am' | 'pm';
+};
+export declare function from12Hour(hour: number, meridiem: 'am' | 'pm'): number;
 //# sourceMappingURL=date.d.ts.map

package/dist/lib/date.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/lib/date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAsC,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAE1G,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,GAAG,YAAY,CAEjD;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAG9C;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAG9C;AAED,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAI9C;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAIrD;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;AACzD,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAA;AAMrF,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAIzC"}
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/lib/date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAsC,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAE1G,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,GAAG,YAAY,CAEjD;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAG9C;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAG9C;AAED,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAI9C;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAIrD;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;AACzD,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAA;AAMrF,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAIzC;AAED,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,EAAE,CAGlE;AAED,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAK/D;AAED,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAA;CAAE,CAKhF;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,CAGtE"}

package/dist/lib/locale.d.ts

@@ -0,0 +1,6 @@
+export declare function getFirstDayOfWeek(locale: string): number;
+export declare function getWeekdayLabels(locale: string, weekStartsOn: number): string[];
+export declare function getMonthLabel(date: Date, locale: string): string;
+export declare function formatLocalizedDate(date: Date, locale: string): string;
+export declare function formatLocalizedTime(date: Date, locale: string, hourFormat: '12' | '24'): string;
+//# sourceMappingURL=locale.d.ts.map

package/dist/lib/locale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.d.ts","sourceRoot":"","sources":["../../src/lib/locale.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAYxD;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,EAAE,CAO/E;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAEhE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAEtE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,CAM/F"}

package/dist/lib/number.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Normalise a numeric field value: empty and non-finite inputs collapse to
+ * `null`, while `0` and every other finite number pass through unchanged.
+ */
+export declare function toNumberOrNull(value: number | null | undefined): number | null;
+/**
+ * Compose the `Intl.NumberFormatOptions` for a number field. Later sources win,
+ * so explicit `formatOptions` override the `currency` shorthand and `integer`
+ * forces zero fraction digits regardless of what came before.
+ */
+export declare function mergeFormatOptions(input: {
+    currency?: string;
+    formatOptions?: Intl.NumberFormatOptions;
+    integer?: boolean;
+}): Intl.NumberFormatOptions;
+//# sourceMappingURL=number.d.ts.map

package/dist/lib/number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../src/lib/number.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAG9E;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAA;IACxC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,IAAI,CAAC,mBAAmB,CAM3B"}

package/dist/lib/theme.d.ts

@@ -0,0 +1,36 @@
+import { ComputedRef, Ref } from 'vue';
+export type ThemeMode = 'light' | 'dark' | 'system';
+export type ThemeAttribute = 'both' | 'class' | 'data-theme';
+export interface UseThemeOptions {
+    /** localStorage key used to persist an explicit mode. Defaults to `'myghf-theme'`. */
+    storageKey?: string;
+    /** Which attribute(s) to write on `<html>`. Defaults to `'both'`. */
+    attribute?: ThemeAttribute;
+    /** Mode used when nothing is stored. Defaults to `'system'`. */
+    defaultMode?: ThemeMode;
+}
+export interface UseThemeReturn {
+    /** The user's chosen mode (`'system'` follows the OS). */
+    mode: Ref<ThemeMode>;
+    /** The effective mode after resolving `'system'` against the OS preference. */
+    resolved: ComputedRef<'light' | 'dark'>;
+    /** Convenience flag: `resolved === 'dark'`. */
+    isDark: ComputedRef<boolean>;
+    setMode(mode: ThemeMode): void;
+    toggle(): void;
+    enable(): void;
+    disable(): void;
+    reset(): void;
+}
+/**
+ * Builds an independent theme controller. Writes `.dark` and/or
+ * `data-theme="dark"` on `<html>` so the CSS dark token block activates.
+ * Safe to call during SSR: without a DOM it resolves to light and is a no-op.
+ */
+export declare function createTheme(options?: UseThemeOptions): UseThemeReturn;
+/**
+ * Returns a single shared theme controller, lazily created on first call.
+ * Later calls reuse it; in dev a mismatched options object logs a warning.
+ */
+export declare function useTheme(options?: UseThemeOptions): UseThemeReturn;
+//# sourceMappingURL=theme.d.ts.map

package/dist/lib/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/lib/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AACnD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,CAAA;AAE5D,MAAM,WAAW,eAAe;IAC9B,sFAAsF;IACtF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,gEAAgE;IAChE,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,0DAA0D;IAC1D,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,CAAA;IACpB,+EAA+E;IAC/E,QAAQ,EAAE,WAAW,CAAC,OAAO,GAAG,MAAM,CAAC,CAAA;IACvC,+CAA+C;IAC/C,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC5B,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAA;IAC9B,MAAM,IAAI,IAAI,CAAA;IACd,MAAM,IAAI,IAAI,CAAA;IACd,OAAO,IAAI,IAAI,CAAA;IACf,KAAK,IAAI,IAAI,CAAA;CACd;AA4CD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,OAAO,GAAE,eAAoB,GAAG,cAAc,CA4EzE;AAKD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,OAAO,CAAC,EAAE,eAAe,GAAG,cAAc,CAmBlE"}

package/dist/lib/tones.d.ts

@@ -0,0 +1,9 @@
+export type Tone = 'info' | 'success' | 'warning' | 'danger' | 'secondary';
+export interface ToneClasses {
+    soft: string;
+    outline: string;
+    icon: string;
+    role: 'alert' | 'status';
+}
+export declare const toneClasses: Record<Tone, ToneClasses>;
+//# sourceMappingURL=tones.d.ts.map

package/dist/lib/tones.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tones.d.ts","sourceRoot":"","sources":["../../src/lib/tones.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAA;AAE1E,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CACzB;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,IAAI,EAAE,WAAW,CA+BjD,CAAA"}

package/dist/tailwindPreset.js

@@ -1,90 +1,93 @@
 /** @type {import('tailwindcss').Config} */
 export default {
+  darkMode: ['class', '.dark'],
   theme: {
     extend: {
       fontFamily: {
-        sans: ['DM Sans', 'system-ui', 'sans-serif'],
+        sans: ['Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
+        serif: ['Trajan Pro', 'Trajan', 'Times New Roman', 'serif'],
+        ar: ['GE SS Two', 'Adobe Arabic', 'Segoe UI', 'Tahoma', 'sans-serif'],
       },
       colors: {
         primary: {
-          50: 'rgb(var(--ahc-primary-50) / <alpha-value>)',
-          100: 'rgb(var(--ahc-primary-100) / <alpha-value>)',
-          200: 'rgb(var(--ahc-primary-200) / <alpha-value>)',
-          300: 'rgb(var(--ahc-primary-300) / <alpha-value>)',
-          400: 'rgb(var(--ahc-primary-400) / <alpha-value>)',
-          500: 'rgb(var(--ahc-primary-500) / <alpha-value>)',
-          600: 'rgb(var(--ahc-primary-600) / <alpha-value>)',
-          700: 'rgb(var(--ahc-primary-700) / <alpha-value>)',
-          800: 'rgb(var(--ahc-primary-800) / <alpha-value>)',
-          900: 'rgb(var(--ahc-primary-900) / <alpha-value>)',
+          50: 'rgb(var(--myghf-primary-50) / <alpha-value>)',
+          100: 'rgb(var(--myghf-primary-100) / <alpha-value>)',
+          200: 'rgb(var(--myghf-primary-200) / <alpha-value>)',
+          300: 'rgb(var(--myghf-primary-300) / <alpha-value>)',
+          400: 'rgb(var(--myghf-primary-400) / <alpha-value>)',
+          500: 'rgb(var(--myghf-primary-500) / <alpha-value>)',
+          600: 'rgb(var(--myghf-primary-600) / <alpha-value>)',
+          700: 'rgb(var(--myghf-primary-700) / <alpha-value>)',
+          800: 'rgb(var(--myghf-primary-800) / <alpha-value>)',
+          900: 'rgb(var(--myghf-primary-900) / <alpha-value>)',
         },
         secondary: {
-          50: 'rgb(var(--ahc-secondary-50) / <alpha-value>)',
-          100: 'rgb(var(--ahc-secondary-100) / <alpha-value>)',
-          200: 'rgb(var(--ahc-secondary-200) / <alpha-value>)',
-          300: 'rgb(var(--ahc-secondary-300) / <alpha-value>)',
-          400: 'rgb(var(--ahc-secondary-400) / <alpha-value>)',
-          500: 'rgb(var(--ahc-secondary-500) / <alpha-value>)',
-          600: 'rgb(var(--ahc-secondary-600) / <alpha-value>)',
-          700: 'rgb(var(--ahc-secondary-700) / <alpha-value>)',
-          800: 'rgb(var(--ahc-secondary-800) / <alpha-value>)',
-          900: 'rgb(var(--ahc-secondary-900) / <alpha-value>)',
+          50: 'rgb(var(--myghf-secondary-50) / <alpha-value>)',
+          100: 'rgb(var(--myghf-secondary-100) / <alpha-value>)',
+          200: 'rgb(var(--myghf-secondary-200) / <alpha-value>)',
+          300: 'rgb(var(--myghf-secondary-300) / <alpha-value>)',
+          400: 'rgb(var(--myghf-secondary-400) / <alpha-value>)',
+          500: 'rgb(var(--myghf-secondary-500) / <alpha-value>)',
+          600: 'rgb(var(--myghf-secondary-600) / <alpha-value>)',
+          700: 'rgb(var(--myghf-secondary-700) / <alpha-value>)',
+          800: 'rgb(var(--myghf-secondary-800) / <alpha-value>)',
+          900: 'rgb(var(--myghf-secondary-900) / <alpha-value>)',
         },
         success: {
-          50: 'rgb(var(--ahc-success-50) / <alpha-value>)',
-          100: 'rgb(var(--ahc-success-100) / <alpha-value>)',
-          200: 'rgb(var(--ahc-success-200) / <alpha-value>)',
-          300: 'rgb(var(--ahc-success-300) / <alpha-value>)',
-          400: 'rgb(var(--ahc-success-400) / <alpha-value>)',
-          500: 'rgb(var(--ahc-success-500) / <alpha-value>)',
-          600: 'rgb(var(--ahc-success-600) / <alpha-value>)',
-          700: 'rgb(var(--ahc-success-700) / <alpha-value>)',
-          800: 'rgb(var(--ahc-success-800) / <alpha-value>)',
-          900: 'rgb(var(--ahc-success-900) / <alpha-value>)',
+          50: 'rgb(var(--myghf-success-50) / <alpha-value>)',
+          100: 'rgb(var(--myghf-success-100) / <alpha-value>)',
+          200: 'rgb(var(--myghf-success-200) / <alpha-value>)',
+          300: 'rgb(var(--myghf-success-300) / <alpha-value>)',
+          400: 'rgb(var(--myghf-success-400) / <alpha-value>)',
+          500: 'rgb(var(--myghf-success-500) / <alpha-value>)',
+          600: 'rgb(var(--myghf-success-600) / <alpha-value>)',
+          700: 'rgb(var(--myghf-success-700) / <alpha-value>)',
+          800: 'rgb(var(--myghf-success-800) / <alpha-value>)',
+          900: 'rgb(var(--myghf-success-900) / <alpha-value>)',
         },
         warning: {
-          50: 'rgb(var(--ahc-warning-50) / <alpha-value>)',
-          100: 'rgb(var(--ahc-warning-100) / <alpha-value>)',
-          200: 'rgb(var(--ahc-warning-200) / <alpha-value>)',
-          300: 'rgb(var(--ahc-warning-300) / <alpha-value>)',
-          400: 'rgb(var(--ahc-warning-400) / <alpha-value>)',
-          500: 'rgb(var(--ahc-warning-500) / <alpha-value>)',
-          600: 'rgb(var(--ahc-warning-600) / <alpha-value>)',
-          700: 'rgb(var(--ahc-warning-700) / <alpha-value>)',
-          800: 'rgb(var(--ahc-warning-800) / <alpha-value>)',
-          900: 'rgb(var(--ahc-warning-900) / <alpha-value>)',
+          50: 'rgb(var(--myghf-warning-50) / <alpha-value>)',
+          100: 'rgb(var(--myghf-warning-100) / <alpha-value>)',
+          200: 'rgb(var(--myghf-warning-200) / <alpha-value>)',
+          300: 'rgb(var(--myghf-warning-300) / <alpha-value>)',
+          400: 'rgb(var(--myghf-warning-400) / <alpha-value>)',
+          500: 'rgb(var(--myghf-warning-500) / <alpha-value>)',
+          600: 'rgb(var(--myghf-warning-600) / <alpha-value>)',
+          700: 'rgb(var(--myghf-warning-700) / <alpha-value>)',
+          800: 'rgb(var(--myghf-warning-800) / <alpha-value>)',
+          900: 'rgb(var(--myghf-warning-900) / <alpha-value>)',
         },
         error: {
-          50: 'rgb(var(--ahc-error-50) / <alpha-value>)',
-          100: 'rgb(var(--ahc-error-100) / <alpha-value>)',
-          200: 'rgb(var(--ahc-error-200) / <alpha-value>)',
-          300: 'rgb(var(--ahc-error-300) / <alpha-value>)',
-          400: 'rgb(var(--ahc-error-400) / <alpha-value>)',
-          500: 'rgb(var(--ahc-error-500) / <alpha-value>)',
-          600: 'rgb(var(--ahc-error-600) / <alpha-value>)',
-          700: 'rgb(var(--ahc-error-700) / <alpha-value>)',
-          800: 'rgb(var(--ahc-error-800) / <alpha-value>)',
-          900: 'rgb(var(--ahc-error-900) / <alpha-value>)',
+          50: 'rgb(var(--myghf-error-50) / <alpha-value>)',
+          100: 'rgb(var(--myghf-error-100) / <alpha-value>)',
+          200: 'rgb(var(--myghf-error-200) / <alpha-value>)',
+          300: 'rgb(var(--myghf-error-300) / <alpha-value>)',
+          400: 'rgb(var(--myghf-error-400) / <alpha-value>)',
+          500: 'rgb(var(--myghf-error-500) / <alpha-value>)',
+          600: 'rgb(var(--myghf-error-600) / <alpha-value>)',
+          700: 'rgb(var(--myghf-error-700) / <alpha-value>)',
+          800: 'rgb(var(--myghf-error-800) / <alpha-value>)',
+          900: 'rgb(var(--myghf-error-900) / <alpha-value>)',
         },
         info: {
-          50: 'rgb(var(--ahc-info-50) / <alpha-value>)',
-          100: 'rgb(var(--ahc-info-100) / <alpha-value>)',
-          200: 'rgb(var(--ahc-info-200) / <alpha-value>)',
-          300: 'rgb(var(--ahc-info-300) / <alpha-value>)',
-          400: 'rgb(var(--ahc-info-400) / <alpha-value>)',
-          500: 'rgb(var(--ahc-info-500) / <alpha-value>)',
-          600: 'rgb(var(--ahc-info-600) / <alpha-value>)',
-          700: 'rgb(var(--ahc-info-700) / <alpha-value>)',
-          800: 'rgb(var(--ahc-info-800) / <alpha-value>)',
-          900: 'rgb(var(--ahc-info-900) / <alpha-value>)',
+          50: 'rgb(var(--myghf-info-50) / <alpha-value>)',
+          100: 'rgb(var(--myghf-info-100) / <alpha-value>)',
+          200: 'rgb(var(--myghf-info-200) / <alpha-value>)',
+          300: 'rgb(var(--myghf-info-300) / <alpha-value>)',
+          400: 'rgb(var(--myghf-info-400) / <alpha-value>)',
+          500: 'rgb(var(--myghf-info-500) / <alpha-value>)',
+          600: 'rgb(var(--myghf-info-600) / <alpha-value>)',
+          700: 'rgb(var(--myghf-info-700) / <alpha-value>)',
+          800: 'rgb(var(--myghf-info-800) / <alpha-value>)',
+          900: 'rgb(var(--myghf-info-900) / <alpha-value>)',
         },
-        background: 'rgb(var(--ahc-background) / <alpha-value>)',
-        foreground: 'rgb(var(--ahc-foreground) / <alpha-value>)',
-        surface: 'rgb(var(--ahc-surface) / <alpha-value>)',
-        'surface-muted': 'rgb(var(--ahc-surface-muted) / <alpha-value>)',
-        border: 'rgb(var(--ahc-border) / <alpha-value>)',
-        muted: 'rgb(var(--ahc-muted) / <alpha-value>)',
-        grey: 'rgb(var(--ahc-muted) / <alpha-value>)',
+        background: 'rgb(var(--myghf-background) / <alpha-value>)',
+        foreground: 'rgb(var(--myghf-foreground) / <alpha-value>)',
+        surface: 'rgb(var(--myghf-surface) / <alpha-value>)',
+        'surface-muted': 'rgb(var(--myghf-surface-muted) / <alpha-value>)',
+        border: 'rgb(var(--myghf-border) / <alpha-value>)',
+        muted: 'rgb(var(--myghf-muted) / <alpha-value>)',
+        grey: 'rgb(var(--myghf-muted) / <alpha-value>)',
       },
       boxShadow: {
         popover: '0 4px 12px -2px rgb(0 0 0 / 0.08), 0 2px 4px -2px rgb(0 0 0 / 0.06)',

package/dist/tokens.css

@@ -1,81 +1,94 @@
 :root {
   /* surfaces */
-  --ahc-background: 248 249 250;      /* #f8f9fa */
-  --ahc-foreground: 15 23 42;
-  --ahc-surface: 255 255 255;
-  --ahc-surface-muted: 243 244 246;
-  --ahc-border: 229 231 235;
-  --ahc-muted: 156 163 175;           /* #9ca3af (also the "grey" alias) */
+  --myghf-background: 248 249 250;      /* #f8f9fa (deviation: brand says white; kept for surface separation) */
+  --myghf-foreground: 0 0 0;            /* #000000 MYGHF Black */
+  --myghf-surface: 255 255 255;         /* #ffffff MYGHF White */
+  --myghf-surface-muted: 243 244 246;   /* #f3f4f6 */
+  --myghf-border: 230 230 230;          /* #e6e6e6 brand light gray */
+  --myghf-muted: 128 128 128;           /* #808080 brand secondary text */
 
-  /* brand: primary (blue) */
-  --ahc-primary-50: 240 249 253;
-  --ahc-primary-100: 217 241 250;
-  --ahc-primary-200: 173 225 244;
-  --ahc-primary-300: 115 204 236;
-  --ahc-primary-400: 56 182 228;
-  --ahc-primary-500: 0 162 221;
-  --ahc-primary-600: 0 130 177;
-  --ahc-primary-700: 0 100 137;
-  --ahc-primary-800: 0 73 99;
-  --ahc-primary-900: 0 49 66;
+  /* brand: primary (blue) — MYGHF Blue #00A2DD */
+  --myghf-primary-50: 240 249 253;
+  --myghf-primary-100: 217 241 250;
+  --myghf-primary-200: 173 225 244;
+  --myghf-primary-300: 115 204 236;
+  --myghf-primary-400: 56 182 228;
+  --myghf-primary-500: 0 162 221;
+  --myghf-primary-600: 0 130 177;
+  --myghf-primary-700: 0 100 137;
+  --myghf-primary-800: 0 73 99;
+  --myghf-primary-900: 0 49 66;
 
-  /* brand: secondary (plum) */
-  --ahc-secondary-50: 249 244 247;
-  --ahc-secondary-100: 240 228 235;
-  --ahc-secondary-200: 222 198 213;
-  --ahc-secondary-300: 198 157 183;
-  --ahc-secondary-400: 175 115 153;
-  --ahc-secondary-500: 152 76 124;
-  --ahc-secondary-600: 122 61 99;
-  --ahc-secondary-700: 94 47 77;
-  --ahc-secondary-800: 68 34 56;
-  --ahc-secondary-900: 46 23 37;
+  /* brand: secondary (plum) — MYGHF Plum #984C7C */
+  --myghf-secondary-50: 249 244 247;
+  --myghf-secondary-100: 240 228 235;
+  --myghf-secondary-200: 222 198 213;
+  --myghf-secondary-300: 198 157 183;
+  --myghf-secondary-400: 175 115 153;
+  --myghf-secondary-500: 152 76 124;
+  --myghf-secondary-600: 122 61 99;
+  --myghf-secondary-700: 94 47 77;
+  --myghf-secondary-800: 68 34 56;
+  --myghf-secondary-900: 46 23 37;
 
-  /* feedback: success (teal) */
-  --ahc-success-50: 240 250 249;
-  --ahc-success-100: 219 242 240;
-  --ahc-success-200: 178 227 224;
-  --ahc-success-300: 122 207 201;
-  --ahc-success-400: 66 186 179;
-  --ahc-success-500: 13 167 157;
-  --ahc-success-600: 10 134 126;
-  --ahc-success-700: 8 104 97;
-  --ahc-success-800: 6 75 71;
-  --ahc-success-900: 4 50 47;
+  /* feedback: success (teal) — MYGHF Teal #0DA79E */
+  --myghf-success-50: 243 251 250;
+  --myghf-success-100: 231 246 245;
+  --myghf-success-200: 202 236 234;
+  --myghf-success-300: 158 220 216;
+  --myghf-success-400: 90 195 189;
+  --myghf-success-500: 13 167 158;
+  --myghf-success-600: 11 147 139;
+  --myghf-success-700: 9 120 114;
+  --myghf-success-800: 7 94 88;
+  --myghf-success-900: 5 70 66;
 
-  /* feedback: warning (amber) */
-  --ahc-warning-50: 254 250 242;
-  --ahc-warning-100: 252 242 223;
-  --ahc-warning-200: 249 227 186;
-  --ahc-warning-300: 245 207 136;
-  --ahc-warning-400: 241 187 87;
-  --ahc-warning-500: 237 168 39;
-  --ahc-warning-600: 190 134 31;
-  --ahc-warning-700: 147 104 24;
-  --ahc-warning-800: 107 76 18;
-  --ahc-warning-900: 71 50 12;
+  /* feedback: warning (amber) — MYGHF Gold #EDA827 */
+  --myghf-warning-50: 254 250 242;
+  --myghf-warning-100: 252 242 223;
+  --myghf-warning-200: 249 227 186;
+  --myghf-warning-300: 245 207 136;
+  --myghf-warning-400: 241 187 87;
+  --myghf-warning-500: 237 168 39;
+  --myghf-warning-600: 190 134 31;
+  --myghf-warning-700: 147 104 24;
+  --myghf-warning-800: 107 76 18;
+  --myghf-warning-900: 71 50 12;
 
-  /* feedback: error (pink; maps to PrimeVue "danger") */
-  --ahc-error-50: 254 240 245;
-  --ahc-error-100: 254 217 230;
-  --ahc-error-200: 252 173 201;
-  --ahc-error-300: 250 115 163;
-  --ahc-error-400: 247 56 124;
-  --ahc-error-500: 245 0 87;
-  --ahc-error-600: 196 0 70;
-  --ahc-error-700: 152 0 54;
-  --ahc-error-800: 110 0 39;
-  --ahc-error-900: 74 0 26;
+  /* feedback: error (red) — MYGHF Red #E9322B */
+  --myghf-error-50: 254 245 244;
+  --myghf-error-100: 253 235 234;
+  --myghf-error-200: 250 210 208;
+  --myghf-error-300: 246 173 170;
+  --myghf-error-400: 240 116 111;
+  --myghf-error-500: 233 50 43;
+  --myghf-error-600: 205 44 38;
+  --myghf-error-700: 168 36 31;
+  --myghf-error-800: 130 28 24;
+  --myghf-error-900: 98 21 18;
 
   /* feedback: info (same range as primary, kept separate for semantics) */
-  --ahc-info-50: 240 249 253;
-  --ahc-info-100: 217 241 250;
-  --ahc-info-200: 173 225 244;
-  --ahc-info-300: 115 204 236;
-  --ahc-info-400: 56 182 228;
-  --ahc-info-500: 0 162 221;
-  --ahc-info-600: 0 130 177;
-  --ahc-info-700: 0 100 137;
-  --ahc-info-800: 0 73 99;
-  --ahc-info-900: 0 49 66;
-}
+  --myghf-info-50: 240 249 253;
+  --myghf-info-100: 217 241 250;
+  --myghf-info-200: 173 225 244;
+  --myghf-info-300: 115 204 236;
+  --myghf-info-400: 56 182 228;
+  --myghf-info-500: 0 162 221;
+  --myghf-info-600: 0 130 177;
+  --myghf-info-700: 0 100 137;
+  --myghf-info-800: 0 73 99;
+  --myghf-info-900: 0 49 66;
+}
+
+[data-theme='dark'],
+.dark {
+  color-scheme: dark;
+
+  /* surfaces */
+  --myghf-background: 15 18 23;
+  --myghf-foreground: 243 244 246;
+  --myghf-surface: 26 30 37;
+  --myghf-surface-muted: 39 44 53;
+  --myghf-border: 55 61 71;
+  --myghf-muted: 156 163 175;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myghf/ui",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -35,6 +35,10 @@
     "build": "vite build && cp src/tokens.css src/tailwindPreset.js dist/",
     "typecheck": "vue-tsc --noEmit",
     "test": "vitest run",
+    "changeset": "changeset",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs",
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
@@ -51,17 +55,21 @@
     "vue": "^3.5.0"
   },
   "devDependencies": {
+    "@changesets/cli": "^3.0.3",
     "@types/node": "^24.0.0",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vue/test-utils": "^2.5.1",
     "@vue/tsconfig": "^0.9.1",
+    "autoprefixer": "^10.6.1",
     "jsdom": "^30.1.1",
+    "postcss": "^8.5.28",
     "tailwindcss": "^3.4.19",
     "typescript": "~6.0.2",
     "vite": "^8.3.1",
     "vite-plugin-dts": "^4.5.4",
+    "vitepress": "^1.6.4",
     "vitest": "^4.1.10",
     "vue": "^3.5.39",
     "vue-tsc": "^3.3.5"
   }
-}
+}