@pitlane/theme 0.2.0 → 0.3.0

package/dist/default.d.mts

@@ -0,0 +1,605 @@
+import { o as TokenSchema, t as SELF } from "./schema-CRP607Pg.mjs";
+import { t as ThemeComponent } from "./theme-Ck-4suI4.mjs";
+//#region src/default.d.ts
+declare let schema: {
+  font: TokenSchema<"fontFamily">;
+  color: TokenSchema<"color">;
+  spacing: TokenSchema<"scale">;
+  breakpoint: TokenSchema<"dimension">;
+  container: TokenSchema<"dimension">;
+  text: {
+    readonly lineHeight: TokenSchema<"number">;
+  } & {
+    readonly [SELF]: TokenSchema<"dimension">;
+  };
+  fontWeight: TokenSchema<"fontWeight">;
+  tracking: TokenSchema<"dimension">;
+  leading: TokenSchema<"number">;
+  radius: TokenSchema<"dimension">;
+  shadow: TokenSchema<"shadow">;
+  insetShadow: TokenSchema<"shadow">;
+  dropShadow: TokenSchema<"shadow">;
+  textShadow: TokenSchema<"shadow">;
+  ease: TokenSchema<"cubicBezier">;
+  animate: TokenSchema<"any">;
+  blur: TokenSchema<"dimension">;
+  perspective: TokenSchema<"dimension">;
+  aspect: TokenSchema<"any">;
+  default: {
+    transition: {
+      duration: TokenSchema<"duration">;
+      timingFunction: TokenSchema<"cubicBezier">;
+    };
+    font: {
+      family: TokenSchema<"fontFamily">;
+      featureSettings: TokenSchema<"any">;
+      variationSettings: TokenSchema<"any">;
+    };
+    mono: {
+      font: {
+        family: TokenSchema<"fontFamily">;
+        featureSettings: TokenSchema<"any">;
+        variationSettings: TokenSchema<"any">;
+      };
+    };
+  };
+  maxWidth: TokenSchema<"dimension">;
+};
+declare let tokens: {
+  font: {
+    sans: string;
+    serif: string;
+    mono: string;
+  };
+  color: {
+    red: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    orange: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    amber: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    yellow: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    lime: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    green: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    emerald: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    teal: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    cyan: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    sky: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    blue: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    indigo: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    violet: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    purple: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    fuchsia: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    pink: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    rose: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    slate: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    gray: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    zinc: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    neutral: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    stone: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    mauve: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    olive: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    mist: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    taupe: {
+      50: string;
+      100: string;
+      200: string;
+      300: string;
+      400: string;
+      500: string;
+      600: string;
+      700: string;
+      800: string;
+      900: string;
+      950: string;
+    };
+    black: string;
+    white: string;
+  };
+  spacing: string;
+  breakpoint: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+  };
+  container: {
+    "3xs": string;
+    "2xs": string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+    "5xl": string;
+    "6xl": string;
+    "7xl": string;
+  };
+  text: {
+    xs: string;
+    sm: string;
+    base: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+    "5xl": string;
+    "6xl": string;
+    "7xl": string;
+    "8xl": string;
+    "9xl": string;
+    "shadow-2xs": string;
+    "shadow-xs": string;
+    "shadow-sm": string;
+    "shadow-md": string;
+    "shadow-lg": string;
+    lineHeight: {
+      xs: string;
+      sm: string;
+      base: string;
+      lg: string;
+      xl: string;
+      "2xl": string;
+      "3xl": string;
+      "4xl": string;
+      "5xl": string;
+      "6xl": string;
+      "7xl": string;
+      "8xl": string;
+      "9xl": string;
+    };
+  };
+  fontWeight: {
+    thin: number;
+    extralight: number;
+    light: number;
+    normal: number;
+    medium: number;
+    semibold: number;
+    bold: number;
+    extrabold: number;
+    black: number;
+  };
+  tracking: {
+    tighter: string;
+    tight: string;
+    normal: string;
+    wide: string;
+    wider: string;
+    widest: string;
+  };
+  leading: {
+    tight: number;
+    snug: number;
+    normal: number;
+    relaxed: number;
+    loose: number;
+  };
+  radius: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+  };
+  shadow: {
+    "2xs": string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+  };
+  insetShadow: {
+    "2xs": string;
+    xs: string;
+    sm: string;
+  };
+  dropShadow: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+  };
+  textShadow: {};
+  ease: {
+    in: string;
+    out: string;
+    "in-out": string;
+  };
+  animate: {
+    spin: string;
+    ping: string;
+    pulse: string;
+    bounce: string;
+  };
+  blur: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+  };
+  perspective: {
+    dramatic: string;
+    near: string;
+    normal: string;
+    midrange: string;
+    distant: string;
+  };
+  aspect: {
+    video: string;
+  };
+  default: {
+    transition: {
+      duration: string;
+      timingFunction: string;
+    };
+    font: {
+      family: string;
+      featureSettings: string;
+      variationSettings: string;
+    };
+    mono: {
+      font: {
+        family: string;
+        featureSettings: string;
+        variationSettings: string;
+      };
+    };
+  };
+  maxWidth: {
+    prose: string;
+  };
+};
+type DefaultThemeInit = {
+  schema: Omit<typeof schema, "text"> & {
+    text: {
+      readonly [SELF]: TokenSchema<"dimension">;
+      lineHeight: TokenSchema<"number">;
+    };
+  };
+  tokens: typeof tokens;
+};
+/**
+ * Tailwind CSS v4.3.2's default primitive theme.
+ *
+ * Text-scale line heights are available at `t.text.lineHeight.*`.
+ * Their generated custom-property names differ from Tailwind's
+ * double-hyphen modifier spelling.
+ *
+ * The animation tokens name Tailwind keyframes but do not emit them.
+ * An application that uses `t.animate.spin`, `t.animate.ping`,
+ * `t.animate.pulse`, or `t.animate.bounce` must define the matching
+ * `@keyframes` rule itself.
+ *
+ * @example
+ * ```ts
+ * import { createTheme } from "@pitlane/theme";
+ * import { DefaultTheme } from "@pitlane/theme/default";
+ * import * as s from "@pitlane/theme/schema";
+ *
+ * let theme = createTheme(DefaultTheme).select(base => ({
+ *     schema: { color: s.color(), spacing: s.scale() },
+ *     tokens: {
+ *         color: { red: { 500: base.color.red[500] } },
+ *         spacing: base.spacing.token,
+ *     },
+ * }));
+ *
+ * theme.token.spacing(4);
+ * ```
+ */
+declare let DefaultTheme: ThemeComponent<DefaultThemeInit>;
+//#endregion
+export { DefaultTheme };