@framework-m/ui 0.2.3 → 0.3.0

package/dist/theme/MProvider.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface MProviderProps {
+    children: ReactNode;
+}
+export declare function MProvider({ children }: Readonly<MProviderProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MProvider.d.ts","sourceRoot":"","sources":["../../src/theme/MProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC,cAAc,CAAC,2CAW/D"}

package/dist/theme/index.d.ts

@@ -1,8 +1,8 @@
 export { ThemeProvider, useTheme } from './ThemeContext';
 export type { Theme, ThemeContextType, ThemeProviderProps, } from './ThemeContext';
 export { ThemeToggle } from './ThemeToggle';
-export { tamaguiConfig } from './tamaguiConfig';
-export type { FrameworkMTamaguiConfig } from './tamaguiConfig';
-export { TamaguiProvider } from './TamaguiProvider';
-export type { TamaguiProviderProps } from './TamaguiProvider';
+export { mThemeConfig } from './mThemeConfig';
+export type { MThemeConfig } from './mThemeConfig';
+export { MProvider } from './MProvider';
+export type { MProviderProps } from './MProvider';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EACV,KAAK,EACL,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EACV,KAAK,EACL,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/theme/{tamaguiConfig.d.ts → mThemeConfig.d.ts}

@@ -1,4 +1,4 @@
-export declare const tamaguiConfig: import('@tamagui/core').TamaguiInternalConfig<{
+export declare const mThemeConfig: import('@tamagui/core').TamaguiInternalConfig<{
     color: {
         [x: string]: import('@tamagui/core').Variable<string>;
     };
@@ -31,11 +31,11 @@ export declare const tamaguiConfig: import('@tamagui/core').TamaguiInternalConfi
         [x: string]: import('@tamagui/core').Variable<string | number>;
     };
 }, "color" | "space" | "size" | "radius" | "zIndex">, {
-    light: import('..').TamaguiTheme;
-    dark: import('..').TamaguiTheme;
+    light: import('..').MTheme;
+    dark: import('..').MTheme;
 }, {}, {}, {}, {}, {
     allowedStyleValues: false;
     autocompleteSpecificTokens: "except-special";
 }, "default">;
-export type FrameworkMTamaguiConfig = typeof tamaguiConfig;
-//# sourceMappingURL=tamaguiConfig.d.ts.map
+export type MThemeConfig = typeof mThemeConfig;
+//# sourceMappingURL=mThemeConfig.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mThemeConfig.d.ts","sourceRoot":"","sources":["../../src/theme/mThemeConfig.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAIvB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC"}

package/dist/tokens/config.d.ts

@@ -0,0 +1,37 @@
+export interface MTokenScale {
+    [key: string]: string | number;
+}
+export interface MTokens {
+    color: MTokenScale;
+    space: MTokenScale;
+    size: MTokenScale;
+    radius: MTokenScale;
+    zIndex: MTokenScale;
+}
+export interface MTheme {
+    [key: string]: string | number;
+    background: string;
+    backgroundSecondary: string;
+    backgroundTertiary: string;
+    color: string;
+    colorSecondary: string;
+    colorMuted: string;
+    borderColor: string;
+    borderColorMuted: string;
+    placeholderColor: string;
+    primary: string;
+    secondary: string;
+    success: string;
+    warning: string;
+    error: string;
+    shadowColor: string;
+}
+export interface MDesignConfig {
+    tokens: MTokens;
+    themes: {
+        light: MTheme;
+        dark: MTheme;
+    };
+}
+export declare function generateMDesignConfig(): MDesignConfig;
+//# sourceMappingURL=config.d.ts.map

package/dist/tokens/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/tokens/config.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,MAAM;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAqDD,wBAAgB,qBAAqB,IAAI,aAAa,CAsCrD"}

package/dist/tokens/generate.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=generate.d.ts.map

package/dist/tokens/generate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate.d.ts","sourceRoot":"","sources":["../../src/tokens/generate.ts"],"names":[],"mappings":""}

package/dist/tokens/index.d.ts

@@ -1,8 +1,8 @@
 import { default as colors } from './colors.json';
 import { default as typography } from './typography.json';
 import { default as spacing } from './spacing.json';
-export { generateTamaguiTokensAndThemes } from './tamagui';
-export type { GeneratedTamaguiConfig, TamaguiTheme, TamaguiTokens, } from './tamagui';
+export { generateMDesignConfig } from './config';
+export type { MDesignConfig, MTheme, MTokens, } from './config';
 export { colors, typography, spacing };
 export type ColorToken = typeof colors;
 export type TypographyToken = typeof typography;

package/dist/tokens/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAC;AAC3D,YAAY,EACV,sBAAsB,EACtB,YAAY,EACZ,aAAa,GACd,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAC;AACvC,MAAM,MAAM,eAAe,GAAG,OAAO,UAAU,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,OAAO,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjD,YAAY,EACV,aAAa,EACb,MAAM,EACN,OAAO,GACR,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAC;AACvC,MAAM,MAAM,eAAe,GAAG,OAAO,UAAU,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,OAAO,OAAO,CAAC"}

package/dist/ui.css

@@ -0,0 +1 @@
+:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--font-sans: "Google Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--size-xs: .75rem;--size-sm: .875rem;--size-base: .875rem;--size-md: 1rem;--size-lg: 1.125rem;--size-xl: 1.375rem;--size-2xl: 1.75rem;--size-3xl: 2rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.6}:root{--color-primary: #7C3AED;--color-primary-hover: #7C3AED;--color-primary-active: #6D28D9;--color-bg: #FFFFFF;--color-bg-secondary: #F8FAFC;--color-bg-tertiary: #F1F5F9;--color-border: #E2E8F0;--color-text: #0F172A;--color-text-secondary: #64748B;--color-text-muted: #94A3B8;--color-sidebar-bg: #021526;--color-sidebar-text: #E2E8F0;--color-sidebar-text-muted: rgba(255, 255, 255, .65);--color-sidebar-hover: rgba(139, 92, 246, .15);--color-sidebar-search-bg: rgba(255, 255, 255, .1);--color-sidebar-item-active-bg: rgba(139, 92, 246, .3);--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444;--color-error-bg: #FFF2F0;--color-error-border: #FFCCC7;--color-focus-ring: rgba(139, 92, 246, .25)}.dark{--color-primary: #A78BFA;--color-primary-hover: #8B5CF6;--color-primary-active: #7C3AED;--color-bg: #021526;--color-bg-secondary: #0F1F3A;--color-bg-tertiary: #1E3358;--color-border: #1E3358;--color-text: #F1F5F9;--color-text-secondary: #CBD5E1;--color-text-muted: #94A3B8;--color-sidebar-bg: #01101E;--color-sidebar-text: #E2E8F0;--color-sidebar-text-muted: #94A3B8;--color-sidebar-hover: rgba(167, 139, 250, .15);--color-sidebar-search-bg: rgba(255, 255, 255, .05);--color-sidebar-item-active-bg: rgba(167, 139, 250, .2);--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444;--color-error-bg: rgba(239, 68, 68, .1);--color-error-border: rgba(239, 68, 68, .3);--color-focus-ring: rgba(167, 139, 250, .3)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@framework-m/ui",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "description": "Design system primitives for Framework M — presentational components with no business logic",
   "type": "module",
   "main": "./dist/index.js",
@@ -9,7 +9,12 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "development": "./src/index.ts"
+    },
+    "./ui.css": {
+      "import": "./dist/ui.css",
+      "development": "./src/theme.css"
     }
   },
   "files": [
@@ -33,27 +38,28 @@
     "react": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^9.1.15",
-    "@storybook/addon-docs": "^9.1.15",
-    "@storybook/addon-vitest": "^9.1.15",
-    "@storybook/react-vite": "^9.1.15",
+    "@storybook/addon-a11y": "^9.1.20",
+    "@storybook/addon-docs": "^9.1.20",
+    "@storybook/addon-vitest": "^9.1.20",
+    "@storybook/react-vite": "^9.1.20",
     "@testing-library/react": "^16.3.2",
     "@types/react": "^19.2.14",
     "@vitejs/plugin-react": "^4.7.0",
-    "happy-dom": "^20.8.4",
+    "happy-dom": "^20.8.9",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "storybook": "^9.1.15",
+    "storybook": "^9.1.20",
     "typescript": "^5.9.3",
     "vite": "^6.4.1",
-    "vite-plugin-dts": "^4.5.1",
-    "vitest": "^4.1.0"
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.1.2"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@tamagui/core": "2.0.0-rc.26"
+    "@tamagui/core": "2.0.0-rc.26",
+    "@tamagui/timer": "2.0.0-rc.26"
   },
   "scripts": {
     "build": "tsc && vite build",

package/dist/components/TamaguiPrimitives.d.ts

@@ -1,7 +0,0 @@
-import { ComponentProps } from 'react';
-import { View, Text } from '@tamagui/core';
-export type TamaguiStackProps = ComponentProps<typeof View>;
-export type TamaguiTextProps = ComponentProps<typeof Text>;
-export declare function TamaguiStack(props: TamaguiStackProps): import("react/jsx-runtime").JSX.Element;
-export declare function TamaguiText(props: TamaguiTextProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TamaguiPrimitives.d.ts.map

package/dist/components/TamaguiPrimitives.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TamaguiPrimitives.d.ts","sourceRoot":"","sources":["../../src/components/TamaguiPrimitives.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAE3D,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAEpD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAElD"}

package/dist/theme/TamaguiProvider.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-export interface TamaguiProviderProps {
-    children: ReactNode;
-}
-export declare function TamaguiProvider({ children }: Readonly<TamaguiProviderProps>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TamaguiProvider.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TamaguiProvider.d.ts","sourceRoot":"","sources":["../../src/theme/TamaguiProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC,oBAAoB,CAAC,2CAY3E"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"tamaguiConfig.d.ts","sourceRoot":"","sources":["../../src/theme/tamaguiConfig.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAIxB,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG,OAAO,aAAa,CAAC"}

package/dist/tokens/tamagui.d.ts

@@ -1,31 +0,0 @@
-export interface TamaguiTokenScale {
-    [key: string]: string | number;
-}
-export interface TamaguiTokens {
-    color: TamaguiTokenScale;
-    space: TamaguiTokenScale;
-    size: TamaguiTokenScale;
-    radius: TamaguiTokenScale;
-    zIndex: TamaguiTokenScale;
-}
-export interface TamaguiTheme {
-    [key: string]: string | number;
-    background: string;
-    color: string;
-    borderColor: string;
-    placeholderColor: string;
-    primary: string;
-    secondary: string;
-    success: string;
-    warning: string;
-    error: string;
-}
-export interface GeneratedTamaguiConfig {
-    tokens: TamaguiTokens;
-    themes: {
-        light: TamaguiTheme;
-        dark: TamaguiTheme;
-    };
-}
-export declare function generateTamaguiTokensAndThemes(): GeneratedTamaguiConfig;
-//# sourceMappingURL=tamagui.d.ts.map

package/dist/tokens/tamagui.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tamagui.d.ts","sourceRoot":"","sources":["../../src/tokens/tamagui.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,iBAAiB,CAAC;IACzB,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,aAAa,CAAC;IACtB,MAAM,EAAE;QACN,KAAK,EAAE,YAAY,CAAC;QACpB,IAAI,EAAE,YAAY,CAAC;KACpB,CAAC;CACH;AA2DD,wBAAgB,8BAA8B,IAAI,sBAAsB,CAmBvE"}