@moldable-ai/ui 0.2.29 → 0.2.32

package/src/tokens/macos-27/source/source.generated.json

@@ -0,0 +1,554 @@
+{
+  "source": "macOS 27",
+  "schemaVersion": 1,
+  "materials": {
+    "taxonomy": {
+      "set": { "width": 260, "height": 580 },
+      "variant": { "width": 100, "height": 100 },
+      "modes": ["Light", "Dark"],
+      "types": ["Ultra Thick", "Thick", "Medium", "Thin", "Ultra Thin"]
+    },
+    "behavior": {
+      "backgroundBlur": 60,
+      "cornerRadius": "caller supplied",
+      "cornerSmoothing": 0.6
+    },
+    "styles": {
+      "Materials/Ultrathick": [
+        { "color": "#333333", "opacity": 1, "blend": "LINEAR_DODGE" },
+        { "color": "#ECECEC", "opacity": 0.88, "blend": "NORMAL" }
+      ],
+      "Materials/Thick": [
+        { "color": "#F6F6F6", "opacity": 0.72, "blend": "NORMAL" }
+      ],
+      "Materials/Medium": [
+        { "color": "#F6F6F6", "opacity": 0.6, "blend": "NORMAL" }
+      ],
+      "Materials/Thin": [
+        { "color": "#F6F6F6", "opacity": 0.48, "blend": "NORMAL" }
+      ],
+      "Materials/Ultrathin": [
+        { "color": "#F6F6F6", "opacity": 0.36, "blend": "NORMAL" }
+      ],
+      "Materials/Ultrathick - Dark": [
+        { "color": "#000000", "opacity": 0.5, "blend": "NORMAL" }
+      ],
+      "Materials/Thick - Dark": [
+        { "color": "#000000", "opacity": 0.4, "blend": "NORMAL" }
+      ],
+      "Materials/Medium - Dark": [
+        { "color": "#000000", "opacity": 0.29, "blend": "NORMAL" }
+      ],
+      "Materials/Thin - Dark": [
+        { "color": "#000000", "opacity": 0.2, "blend": "NORMAL" }
+      ],
+      "Materials/Ultrathin - Dark": [
+        { "color": "#000000", "opacity": 0.1, "blend": "NORMAL" }
+      ]
+    }
+  },
+  "liquidGlass": {
+    "taxonomy": {
+      "small": {
+        "width": 48,
+        "height": 48,
+        "variants": {
+          "mode": ["Light", "Dark"],
+          "active": [true, false],
+          "state": ["Default", "Primary"]
+        }
+      },
+      "medium": {
+        "width": 160,
+        "height": 160,
+        "variants": { "mode": ["Light", "Dark"] }
+      },
+      "large": {
+        "width": 160,
+        "height": 160,
+        "variants": { "mode": ["Light", "Dark"] }
+      }
+    },
+    "core": {
+      "small": {
+        "lightIntensity": 0.25,
+        "lightAngle": 0,
+        "refraction": 0.7,
+        "depth": 30,
+        "dispersion": 0.2,
+        "frostRadius": 6
+      },
+      "medium": {
+        "lightIntensity": 0.25,
+        "lightAngle": 0,
+        "refraction": 0.7,
+        "depth": 30,
+        "dispersion": 0.2,
+        "frostRadius": 16
+      },
+      "large": {
+        "lightIntensity": 0.25,
+        "lightAngle": 0,
+        "refraction": 0.7,
+        "depth": 30,
+        "dispersion": 0.2,
+        "frostRadius": 16
+      }
+    },
+    "mediumAndLarge": {
+      "geometry": {
+        "width": 160,
+        "height": 160,
+        "radius": 34,
+        "cornerSmoothing": 0.6
+      },
+      "light": {
+        "fills": [
+          { "color": "#FFFFFF", "opacity": 0.7, "blend": "LIGHTEN" },
+          { "color": "#BFBFBF", "opacity": 0.1, "blend": "DARKEN" }
+        ],
+        "shadows": [
+          {
+            "color": "#00000040",
+            "x": 0,
+            "y": 18,
+            "blur": 48,
+            "spread": 0,
+            "blend": "NORMAL"
+          },
+          {
+            "color": "#DBDBDB",
+            "x": 0,
+            "y": 0,
+            "blur": 0,
+            "spread": 0.5,
+            "blend": "LINEAR_BURN"
+          },
+          {
+            "color": "#DBDBDB",
+            "x": -1.25,
+            "y": 0,
+            "blur": 0,
+            "spread": -0.75,
+            "blend": "LINEAR_BURN"
+          },
+          {
+            "color": "#DBDBDB",
+            "x": 1.25,
+            "y": 0,
+            "blur": 0,
+            "spread": -0.75,
+            "blend": "LINEAR_BURN"
+          }
+        ]
+      },
+      "dark": {
+        "fills": [
+          { "color": "#1A1A1A", "opacity": 0.7, "blend": "LUMINOSITY" },
+          { "color": "#1A1A1A", "opacity": 0.9, "blend": "LUMINOSITY" },
+          { "color": "#1A1A1A", "opacity": 1, "blend": "LIGHTEN" }
+        ],
+        "shadows": [
+          {
+            "color": "#00000073",
+            "x": 0,
+            "y": 18,
+            "blur": 48,
+            "spread": 0,
+            "blend": "NORMAL"
+          },
+          {
+            "color": "#A6A6A6",
+            "x": 0,
+            "y": 0,
+            "blur": 0,
+            "spread": 0.5,
+            "blend": "LINEAR_BURN"
+          },
+          {
+            "color": "#A6A6A6",
+            "x": -1.25,
+            "y": 0,
+            "blur": 0,
+            "spread": -0.75,
+            "blend": "LINEAR_BURN"
+          },
+          {
+            "color": "#A6A6A6",
+            "x": 1.25,
+            "y": 0,
+            "blur": 0,
+            "spread": -0.75,
+            "blend": "LINEAR_BURN"
+          }
+        ]
+      },
+      "glassLayer": {
+        "fill": { "color": "#FFFFFF", "opacity": 1, "blend": "MULTIPLY" },
+        "innerShadows": {
+          "light": [
+            {
+              "color": "#E6E6E6",
+              "x": 0,
+              "y": 40,
+              "blur": 30,
+              "spread": -40,
+              "blend": "LINEAR_BURN",
+              "visible": false
+            },
+            {
+              "color": "#282828",
+              "x": 0,
+              "y": -40,
+              "blur": 10,
+              "spread": -40,
+              "blend": "LINEAR_DODGE",
+              "visible": true
+            },
+            {
+              "color": "#282828",
+              "x": 0,
+              "y": 40,
+              "blur": 10,
+              "spread": -40,
+              "blend": "LINEAR_DODGE",
+              "visible": true
+            }
+          ],
+          "dark": [
+            {
+              "color": "#E6E6E6",
+              "x": 0,
+              "y": 40,
+              "blur": 30,
+              "spread": -40,
+              "blend": "LINEAR_BURN",
+              "visible": false
+            },
+            {
+              "color": "#1A1A1A",
+              "x": 0,
+              "y": -40,
+              "blur": 10,
+              "spread": -40,
+              "blend": "LINEAR_DODGE",
+              "visible": true
+            },
+            {
+              "color": "#1A1A1A",
+              "x": 0,
+              "y": 40,
+              "blur": 10,
+              "spread": -40,
+              "blend": "LINEAR_DODGE",
+              "visible": true
+            }
+          ]
+        }
+      }
+    },
+    "smallActiveDefault": {
+      "geometry": { "radius": 1000, "cornerSmoothing": 0.6 },
+      "light": {
+        "fills": [
+          { "color": "#000000", "opacity": 0.25, "blend": "NORMAL" },
+          { "color": "#FFFFFF", "opacity": 0.25, "blend": "NORMAL" },
+          { "color": "#444444", "opacity": 0.6, "blend": "LINEAR_DODGE" },
+          { "color": "#F8F8F8", "opacity": 0.2, "blend": "LUMINOSITY" }
+        ],
+        "shadows": [
+          { "color": "#00000005", "x": 0, "y": 8, "blur": 15, "spread": 0 },
+          {
+            "color": "#E8E8E8",
+            "x": 0,
+            "y": 0,
+            "blur": 0,
+            "spread": 0.5,
+            "blend": "LINEAR_BURN"
+          },
+          {
+            "color": "#D0D0D0",
+            "x": -1.25,
+            "y": 0,
+            "blur": 0,
+            "spread": -0.75,
+            "blend": "LINEAR_BURN"
+          },
+          {
+            "color": "#D0D0D0",
+            "x": 1.25,
+            "y": 0,
+            "blur": 0,
+            "spread": -0.75,
+            "blend": "LINEAR_BURN"
+          }
+        ]
+      },
+      "dark": {
+        "fills": [
+          { "color": "#999999", "opacity": 0.17, "blend": "LUMINOSITY" }
+        ],
+        "shadows": [
+          { "color": "#0000000A", "x": 0, "y": 8, "blur": 15, "spread": 0 },
+          {
+            "color": "#A6A6A6",
+            "x": 0,
+            "y": 0,
+            "blur": 0,
+            "spread": 0.5,
+            "blend": "LINEAR_BURN"
+          },
+          {
+            "color": "#A6A6A6",
+            "x": -1.25,
+            "y": 0,
+            "blur": 0,
+            "spread": -0.75,
+            "blend": "LINEAR_BURN"
+          },
+          {
+            "color": "#A6A6A6",
+            "x": 1.25,
+            "y": 0,
+            "blur": 0,
+            "spread": -0.75,
+            "blend": "LINEAR_BURN"
+          }
+        ]
+      },
+      "glassLayer": {
+        "fill": { "color": "#FFFFFF", "opacity": 1, "blend": "MULTIPLY" },
+        "innerShadows": {
+          "light": [
+            {
+              "color": "#E6E6E6",
+              "x": 0,
+              "y": 40,
+              "blur": 30,
+              "spread": -40,
+              "blend": "LINEAR_BURN"
+            },
+            {
+              "color": "#282828",
+              "x": 0,
+              "y": -40,
+              "blur": 10,
+              "spread": -40,
+              "blend": "LINEAR_DODGE"
+            },
+            {
+              "color": "#282828",
+              "x": 0,
+              "y": 40,
+              "blur": 10,
+              "spread": -40,
+              "blend": "LINEAR_DODGE"
+            }
+          ],
+          "dark": [
+            {
+              "color": "#E6E6E6",
+              "x": 0,
+              "y": 40,
+              "blur": 30,
+              "spread": -40,
+              "blend": "LINEAR_BURN"
+            },
+            {
+              "color": "#1A1A1A",
+              "x": 0,
+              "y": -40,
+              "blur": 10,
+              "spread": -40,
+              "blend": "LINEAR_DODGE"
+            },
+            {
+              "color": "#1A1A1A",
+              "x": 0,
+              "y": 40,
+              "blur": 10,
+              "spread": -40,
+              "blend": "LINEAR_DODGE"
+            }
+          ]
+        }
+      }
+    },
+    "smallActivePrimary": {
+      "inherits": [
+        "smallActiveDefault.geometry",
+        "smallActiveDefault.glassLayer"
+      ],
+      "whiteBacking": {
+        "width": 49,
+        "height": 49,
+        "color": "#FFFFFF",
+        "opacity": 0.94
+      },
+      "tint": {
+        "width": 49,
+        "height": 49,
+        "token": "Accents/Blue",
+        "resolvedLight": "#0088FF",
+        "blend": "LINEAR_BURN"
+      },
+      "shadows": {
+        "light": [
+          { "color": "#00000005", "x": 0, "y": 8, "blur": 15 },
+          {
+            "color": "#E6E6E6",
+            "x": -1.25,
+            "y": 0,
+            "spread": -0.75,
+            "blend": "LINEAR_BURN"
+          },
+          {
+            "color": "#E6E6E6",
+            "x": 1.25,
+            "y": 0,
+            "spread": -0.75,
+            "blend": "LINEAR_BURN"
+          }
+        ],
+        "dark": [
+          { "color": "#0000000A", "x": 0, "y": 8, "blur": 15 },
+          {
+            "color": "#E6E6E6",
+            "x": -1.25,
+            "y": 0,
+            "spread": -0.75,
+            "blend": "LINEAR_BURN"
+          },
+          {
+            "color": "#E6E6E6",
+            "x": 1.25,
+            "y": 0,
+            "spread": -0.75,
+            "blend": "LINEAR_BURN"
+          }
+        ]
+      }
+    },
+    "smallInactive": {
+      "primaryAndDefaultAreIdentical": true,
+      "light": {
+        "shadowLayer": {
+          "fill": { "color": "#FFFFFF", "blend": "MULTIPLY" },
+          "shadows": [
+            {
+              "color": "#EBEBEB",
+              "x": 0,
+              "y": 0,
+              "spread": 0.5,
+              "blend": "LINEAR_BURN"
+            },
+            {
+              "color": "#F2F2F2",
+              "x": -0.75,
+              "y": 0,
+              "blur": 0.25,
+              "blend": "LINEAR_BURN"
+            },
+            {
+              "color": "#F2F2F2",
+              "x": 0.75,
+              "y": 0,
+              "blur": 0.25,
+              "blend": "LINEAR_BURN"
+            }
+          ]
+        },
+        "fillLayer": {
+          "token": "Fills - Vibrant (Use Plus Lighter | Darker)/Quinary",
+          "resolved": "#FBFBFB",
+          "blend": "LINEAR_BURN"
+        }
+      },
+      "dark": {
+        "shadowLayer": {
+          "fill": { "color": "#000000", "blend": "SCREEN" },
+          "shadows": [
+            {
+              "color": "#E6E6E6",
+              "x": 0,
+              "y": 0,
+              "spread": 0.5,
+              "blend": "LINEAR_BURN"
+            },
+            {
+              "color": "#CCCCCC",
+              "x": -0.75,
+              "y": 0,
+              "blur": 0.25,
+              "blend": "LINEAR_BURN"
+            },
+            {
+              "color": "#CCCCCC",
+              "x": 0.75,
+              "y": 0,
+              "blur": 0.25,
+              "blend": "LINEAR_BURN"
+            }
+          ]
+        },
+        "fillLayer": {
+          "token": "Fills - Vibrant (Use Plus Lighter | Darker)/Tertiary",
+          "resolved": "#0D0D0D",
+          "blend": "LINEAR_DODGE"
+        }
+      }
+    }
+  },
+  "scrollEdgeEffects": {
+    "soft": {
+      "width": 200,
+      "height": 200,
+      "variants": { "edge": ["Top", "Bottom"] },
+      "gradientMask": {
+        "type": "GRADIENT_LINEAR",
+        "top": [
+          { "position": 0, "color": "#000000" },
+          { "position": 1, "color": "#00000000" }
+        ],
+        "bottom": {
+          "opacity": 0.9,
+          "stops": [
+            { "position": 0, "color": "#FF0000" },
+            { "position": 1, "color": "#FF000000" }
+          ]
+        }
+      },
+      "blurLayer": {
+        "fill": { "color": "#000000", "blend": "SCREEN" },
+        "opacity": 0.9,
+        "backgroundBlur": 100
+      }
+    },
+    "hard": {
+      "width": 200,
+      "height": 200,
+      "variants": {
+        "mode": ["Light", "Dark"],
+        "edge": ["Top", "Bottom"]
+      },
+      "light": {
+        "fill": { "color": "#FFFFFF", "opacity": 0.85 },
+        "stroke": {
+          "color": "#000000",
+          "opacity": 0.05,
+          "align": "INSIDE"
+        },
+        "backgroundBlur": 6
+      },
+      "dark": {
+        "fill": { "color": "#1F1F1F", "opacity": 0.55 },
+        "stroke": {
+          "color": "#FFFFFF",
+          "opacity": 0.1,
+          "align": "INSIDE"
+        },
+        "backgroundBlur": 6
+      }
+    }
+  }
+}

package/src/tokens/macos-27/source/text-styles.generated.css

@@ -0,0 +1,116 @@
+/*
+ * Generated source data.
+ * Source: macOS 27.
+ * All 22 local text styles are represented without distributing font files.
+ */
+[data-ui-platform='macos'][data-ui-platform-version='27'] {
+  --m27-source-font-family-ui:
+    'SF Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
+    sans-serif;
+  --m27-source-font-family-inter: 'Inter', system-ui, sans-serif;
+  --m27-source-font-weight-regular: 400;
+  --m27-source-font-weight-medium: 500;
+  --m27-source-font-weight-semibold: 600;
+  --m27-source-font-weight-bold: 700;
+  --m27-source-font-weight-heavy: 800;
+  --m27-source-type-letter-spacing: 0%;
+  --m27-source-type-paragraph-spacing: 0;
+  --m27-source-type-paragraph-indent: 0;
+  --m27-source-type-case: original;
+  --m27-source-type-decoration: none;
+
+  --m27-source-type-large-title-size: 26px;
+  --m27-source-type-large-title-line-height: 32px;
+  --m27-source-type-large-title-regular-family: var(
+    --m27-source-font-family-ui
+  );
+  --m27-source-type-large-title-regular-weight: 400;
+  --m27-source-type-large-title-emphasized-family: var(
+    --m27-source-font-family-ui
+  );
+  --m27-source-type-large-title-emphasized-weight: 700;
+
+  --m27-source-type-title-1-size: 22px;
+  --m27-source-type-title-1-line-height: 26px;
+  --m27-source-type-title-1-regular-family: var(--m27-source-font-family-ui);
+  --m27-source-type-title-1-regular-weight: 400;
+  --m27-source-type-title-1-emphasized-family: var(--m27-source-font-family-ui);
+  --m27-source-type-title-1-emphasized-weight: 700;
+
+  --m27-source-type-title-2-size: 17px;
+  --m27-source-type-title-2-line-height: 22px;
+  --m27-source-type-title-2-regular-family: var(--m27-source-font-family-ui);
+  --m27-source-type-title-2-regular-weight: 400;
+  --m27-source-type-title-2-emphasized-family: var(
+    --m27-source-font-family-inter
+  );
+  --m27-source-type-title-2-emphasized-weight: 700;
+
+  --m27-source-type-title-3-size: 15px;
+  --m27-source-type-title-3-line-height: 20px;
+  --m27-source-type-title-3-regular-family: var(--m27-source-font-family-ui);
+  --m27-source-type-title-3-regular-weight: 400;
+  --m27-source-type-title-3-emphasized-family: var(--m27-source-font-family-ui);
+  --m27-source-type-title-3-emphasized-weight: 600;
+
+  --m27-source-type-headline-size: 13px;
+  --m27-source-type-headline-line-height: 16px;
+  --m27-source-type-headline-regular-family: var(--m27-source-font-family-ui);
+  --m27-source-type-headline-regular-weight: 700;
+  --m27-source-type-headline-emphasized-family: var(
+    --m27-source-font-family-ui
+  );
+  --m27-source-type-headline-emphasized-weight: 800;
+
+  --m27-source-type-body-size: 13px;
+  --m27-source-type-body-line-height: 16px;
+  --m27-source-type-body-regular-family: var(--m27-source-font-family-ui);
+  --m27-source-type-body-regular-weight: 400;
+  --m27-source-type-body-emphasized-family: var(--m27-source-font-family-ui);
+  --m27-source-type-body-emphasized-weight: 600;
+
+  --m27-source-type-callout-size: 12px;
+  --m27-source-type-callout-line-height: 15px;
+  --m27-source-type-callout-regular-family: var(--m27-source-font-family-ui);
+  --m27-source-type-callout-regular-weight: 400;
+  --m27-source-type-callout-emphasized-family: var(--m27-source-font-family-ui);
+  --m27-source-type-callout-emphasized-weight: 600;
+
+  --m27-source-type-subheadline-size: 11px;
+  --m27-source-type-subheadline-line-height: 14px;
+  --m27-source-type-subheadline-regular-family: var(
+    --m27-source-font-family-ui
+  );
+  --m27-source-type-subheadline-regular-weight: 400;
+  --m27-source-type-subheadline-emphasized-family: var(
+    --m27-source-font-family-ui
+  );
+  --m27-source-type-subheadline-emphasized-weight: 600;
+
+  --m27-source-type-footnote-size: 10px;
+  --m27-source-type-footnote-line-height: 13px;
+  --m27-source-type-footnote-regular-family: var(--m27-source-font-family-ui);
+  --m27-source-type-footnote-regular-weight: 400;
+  --m27-source-type-footnote-emphasized-family: var(
+    --m27-source-font-family-ui
+  );
+  --m27-source-type-footnote-emphasized-weight: 600;
+
+  --m27-source-type-caption-1-size: 10px;
+  --m27-source-type-caption-1-line-height: 13px;
+  --m27-source-type-caption-1-regular-family: var(--m27-source-font-family-ui);
+  --m27-source-type-caption-1-regular-weight: 400;
+  --m27-source-type-caption-1-emphasized-family: var(
+    --m27-source-font-family-ui
+  );
+  --m27-source-type-caption-1-emphasized-weight: 500;
+
+  --m27-source-type-caption-2-size: 10px;
+  --m27-source-type-caption-2-line-height: 13px;
+  --m27-source-type-caption-2-regular-family: var(--m27-source-font-family-ui);
+  --m27-source-type-caption-2-regular-weight: 500;
+  --m27-source-type-caption-2-emphasized-family: var(
+    --m27-source-font-family-ui
+  );
+  --m27-source-type-caption-2-emphasized-weight: 600;
+}

package/src/tokens/macos-27/source.css

@@ -0,0 +1,17 @@
+/*
+ * Immutable macOS 27 source specification.
+ *
+ * This entry point intentionally excludes Moldable aliases, compatibility
+ * mappings, component recipes, Tailwind integration, and accessibility
+ * overrides. It exists for source-faithful calibration and platform adapters.
+ */
+@import './source/colors.generated.css';
+@import './source/sizes.generated.css';
+@import './source/text-styles.generated.css';
+@import './source/paint-styles.generated.css';
+@import './source/kit.generated.css';
+@import './source/effects.generated.css';
+@import './source/context.generated.css';
+@import './source/chrome.generated.css';
+@import './source/controls.generated.css';
+@import './source/overlays-status.generated.css';