@unocss/preset-uno 0.1.0-beta.2 → 0.1.3

package/dist/chunk-DZNLHHE7.js

@@ -0,0 +1,408 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/theme/colors.ts
+var colors = {
+  black: "#000",
+  white: "#fff",
+  rose: {
+    50: "#fff1f2",
+    100: "#ffe4e6",
+    200: "#fecdd3",
+    300: "#fda4af",
+    400: "#fb7185",
+    500: "#f43f5e",
+    600: "#e11d48",
+    700: "#be123c",
+    800: "#9f1239",
+    900: "#881337"
+  },
+  pink: {
+    50: "#fdf2f8",
+    100: "#fce7f3",
+    200: "#fbcfe8",
+    300: "#f9a8d4",
+    400: "#f472b6",
+    500: "#ec4899",
+    600: "#db2777",
+    700: "#be185d",
+    800: "#9d174d",
+    900: "#831843"
+  },
+  fuchsia: {
+    50: "#fdf4ff",
+    100: "#fae8ff",
+    200: "#f5d0fe",
+    300: "#f0abfc",
+    400: "#e879f9",
+    500: "#d946ef",
+    600: "#c026d3",
+    700: "#a21caf",
+    800: "#86198f",
+    900: "#701a75"
+  },
+  purple: {
+    50: "#faf5ff",
+    100: "#f3e8ff",
+    200: "#e9d5ff",
+    300: "#d8b4fe",
+    400: "#c084fc",
+    500: "#a855f7",
+    600: "#9333ea",
+    700: "#7e22ce",
+    800: "#6b21a8",
+    900: "#581c87"
+  },
+  violet: {
+    50: "#f5f3ff",
+    100: "#ede9fe",
+    200: "#ddd6fe",
+    300: "#c4b5fd",
+    400: "#a78bfa",
+    500: "#8b5cf6",
+    600: "#7c3aed",
+    700: "#6d28d9",
+    800: "#5b21b6",
+    900: "#4c1d95"
+  },
+  indigo: {
+    50: "#eef2ff",
+    100: "#e0e7ff",
+    200: "#c7d2fe",
+    300: "#a5b4fc",
+    400: "#818cf8",
+    500: "#6366f1",
+    600: "#4f46e5",
+    700: "#4338ca",
+    800: "#3730a3",
+    900: "#312e81"
+  },
+  blue: {
+    50: "#eff6ff",
+    100: "#dbeafe",
+    200: "#bfdbfe",
+    300: "#93c5fd",
+    400: "#60a5fa",
+    500: "#3b82f6",
+    600: "#2563eb",
+    700: "#1d4ed8",
+    800: "#1e40af",
+    900: "#1e3a8a"
+  },
+  sky: {
+    50: "#f0f9ff",
+    100: "#e0f2fe",
+    200: "#bae6fd",
+    300: "#7dd3fc",
+    400: "#38bdf8",
+    500: "#0ea5e9",
+    600: "#0284c7",
+    700: "#0369a1",
+    800: "#075985",
+    900: "#0c4a6e"
+  },
+  cyan: {
+    50: "#ecfeff",
+    100: "#cffafe",
+    200: "#a5f3fc",
+    300: "#67e8f9",
+    400: "#22d3ee",
+    500: "#06b6d4",
+    600: "#0891b2",
+    700: "#0e7490",
+    800: "#155e75",
+    900: "#164e63"
+  },
+  teal: {
+    50: "#f0fdfa",
+    100: "#ccfbf1",
+    200: "#99f6e4",
+    300: "#5eead4",
+    400: "#2dd4bf",
+    500: "#14b8a6",
+    600: "#0d9488",
+    700: "#0f766e",
+    800: "#115e59",
+    900: "#134e4a"
+  },
+  emerald: {
+    50: "#ecfdf5",
+    100: "#d1fae5",
+    200: "#a7f3d0",
+    300: "#6ee7b7",
+    400: "#34d399",
+    500: "#10b981",
+    600: "#059669",
+    700: "#047857",
+    800: "#065f46",
+    900: "#064e3b"
+  },
+  green: {
+    50: "#f0fdf4",
+    100: "#dcfce7",
+    200: "#bbf7d0",
+    300: "#86efac",
+    400: "#4ade80",
+    500: "#22c55e",
+    600: "#16a34a",
+    700: "#15803d",
+    800: "#166534",
+    900: "#14532d"
+  },
+  lime: {
+    50: "#f7fee7",
+    100: "#ecfccb",
+    200: "#d9f99d",
+    300: "#bef264",
+    400: "#a3e635",
+    500: "#84cc16",
+    600: "#65a30d",
+    700: "#4d7c0f",
+    800: "#3f6212",
+    900: "#365314"
+  },
+  yellow: {
+    50: "#fefce8",
+    100: "#fef9c3",
+    200: "#fef08a",
+    300: "#fde047",
+    400: "#facc15",
+    500: "#eab308",
+    600: "#ca8a04",
+    700: "#a16207",
+    800: "#854d0e",
+    900: "#713f12"
+  },
+  amber: {
+    50: "#fffbeb",
+    100: "#fef3c7",
+    200: "#fde68a",
+    300: "#fcd34d",
+    400: "#fbbf24",
+    500: "#f59e0b",
+    600: "#d97706",
+    700: "#b45309",
+    800: "#92400e",
+    900: "#78350f"
+  },
+  orange: {
+    50: "#fff7ed",
+    100: "#ffedd5",
+    200: "#fed7aa",
+    300: "#fdba74",
+    400: "#fb923c",
+    500: "#f97316",
+    600: "#ea580c",
+    700: "#c2410c",
+    800: "#9a3412",
+    900: "#7c2d12"
+  },
+  red: {
+    50: "#fef2f2",
+    100: "#fee2e2",
+    200: "#fecaca",
+    300: "#fca5a5",
+    400: "#f87171",
+    500: "#ef4444",
+    600: "#dc2626",
+    700: "#b91c1c",
+    800: "#991b1b",
+    900: "#7f1d1d"
+  },
+  warmgray: {
+    50: "#fafaf9",
+    100: "#f5f5f4",
+    200: "#e7e5e4",
+    300: "#d6d3d1",
+    400: "#a8a29e",
+    500: "#78716c",
+    600: "#57534e",
+    700: "#44403c",
+    800: "#292524",
+    900: "#1c1917"
+  },
+  truegray: {
+    50: "#fafafa",
+    100: "#f5f5f5",
+    200: "#e5e5e5",
+    300: "#d4d4d4",
+    400: "#a3a3a3",
+    500: "#737373",
+    600: "#525252",
+    700: "#404040",
+    800: "#262626",
+    900: "#171717"
+  },
+  gray: {
+    50: "#fafafa",
+    100: "#f4f4f5",
+    200: "#e4e4e7",
+    300: "#d4d4d8",
+    400: "#a1a1aa",
+    500: "#71717a",
+    600: "#52525b",
+    700: "#3f3f46",
+    800: "#27272a",
+    900: "#18181b"
+  },
+  coolgray: {
+    50: "#f9fafb",
+    100: "#f3f4f6",
+    200: "#e5e7eb",
+    300: "#d1d5db",
+    400: "#9ca3af",
+    500: "#6b7280",
+    600: "#4b5563",
+    700: "#374151",
+    800: "#1f2937",
+    900: "#111827"
+  },
+  bluegray: {
+    50: "#f8fafc",
+    100: "#f1f5f9",
+    200: "#e2e8f0",
+    300: "#cbd5e1",
+    400: "#94a3b8",
+    500: "#64748b",
+    600: "#475569",
+    700: "#334155",
+    800: "#1e293b",
+    900: "#0f172a"
+  },
+  light: {
+    50: "#fdfdfd",
+    100: "#fcfcfc",
+    200: "#fafafa",
+    300: "#f8f9fa",
+    400: "#f6f6f6",
+    500: "#f2f2f2",
+    600: "#f1f3f5",
+    700: "#e9ecef",
+    800: "#dee2e6",
+    900: "#dde1e3"
+  },
+  dark: {
+    50: "#4a4a4a",
+    100: "#3c3c3c",
+    200: "#323232",
+    300: "#2d2d2d",
+    400: "#222222",
+    500: "#1f1f1f",
+    600: "#1c1c1e",
+    700: "#1b1b1b",
+    800: "#181818",
+    900: "#0f0f0f"
+  }
+};
+Object.values(colors).forEach((color) => {
+  if (typeof color !== "string") {
+    color.DEFAULT = color.DEFAULT || color[400];
+    Object.keys(color).forEach((key) => {
+      const short = +key / 100;
+      if (short === Math.round(short))
+        color[short] = color[key];
+    });
+  }
+});
+
+// src/theme/font.ts
+var fontFamily = {
+  sans: [
+    "ui-sans-serif",
+    "system-ui",
+    "-apple-system",
+    "BlinkMacSystemFont",
+    '"Segoe UI"',
+    "Roboto",
+    '"Helvetica Neue"',
+    "Arial",
+    '"Noto Sans"',
+    "sans-serif",
+    '"Apple Color Emoji"',
+    '"Segoe UI Emoji"',
+    '"Segoe UI Symbol"',
+    '"Noto Color Emoji"'
+  ].join(","),
+  serif: [
+    "ui-serif",
+    "Georgia",
+    "Cambria",
+    '"Times New Roman"',
+    "Times",
+    "serif"
+  ].join(","),
+  mono: [
+    "ui-monospace",
+    "SFMono-Regular",
+    "Menlo",
+    "Monaco",
+    "Consolas",
+    '"Liberation Mono"',
+    '"Courier New"',
+    "monospace"
+  ].join(",")
+};
+var fontSize = {
+  "xs": ["0.75rem", "1rem"],
+  "sm": ["0.875rem", "1.25rem"],
+  "base": ["1rem", "1.5rem"],
+  "lg": ["1.125rem", "1.75rem"],
+  "xl": ["1.25rem", "1.75rem"],
+  "2xl": ["1.5rem", "2rem"],
+  "3xl": ["1.875rem", "2.25rem"],
+  "4xl": ["2.25rem", "2.5rem"],
+  "5xl": ["3rem", "1"],
+  "6xl": ["3.75rem", "1"],
+  "7xl": ["4.5rem", "1"],
+  "8xl": ["6rem", "1"],
+  "9xl": ["8rem", "1"]
+};
+var lineHeight = {
+  none: "1",
+  tight: "1.25",
+  snug: "1.375",
+  normal: "1.5",
+  relaxed: "1.625",
+  loose: "2"
+};
+var letterSpacing = {
+  tighter: "-0.05em",
+  tight: "-0.025em",
+  normal: "0em",
+  wide: "0.025em",
+  wider: "0.05em",
+  widest: "0.1em"
+};
+
+// src/theme/index.ts
+var breakpoints = {
+  "sm": "640px",
+  "md": "768px",
+  "lg": "1024px",
+  "xl": "1280px",
+  "2xl": "1536px"
+};
+var borderRadius = {
+  "DEFAULT": "0.25rem",
+  "none": "0px",
+  "sm": "0.125rem",
+  "md": "0.375rem",
+  "lg": "0.5rem",
+  "xl": "0.75rem",
+  "2xl": "1rem",
+  "3xl": "1.5rem",
+  "full": "9999px"
+};
+var theme = {
+  colors,
+  fontFamily,
+  fontSize,
+  breakpoints,
+  borderRadius,
+  lineHeight,
+  letterSpacing
+};
+
+
+
+
+
+
+exports.colors = colors; exports.breakpoints = breakpoints; exports.borderRadius = borderRadius; exports.theme = theme;

package/dist/chunk-GZCILHEZ.mjs

@@ -0,0 +1,181 @@
+// src/variants/breakpoints.ts
+var regexCache = {};
+var variantBreakpoints = {
+  match(input, theme) {
+    for (const point of Object.keys(theme.breakpoints || {})) {
+      if (!regexCache[point])
+        regexCache[point] = new RegExp(`^((?:lt-)?${point}[:-])`);
+      const match = input.match(regexCache[point]);
+      if (match)
+        return input.slice(match[1].length);
+    }
+  },
+  mediaQuery(input, theme) {
+    var _a;
+    const [, d, s] = input.match(/^(lt-)?(\w+)[:-]/) || [];
+    if (!s)
+      return;
+    let direction = "min";
+    if (d === "lt-")
+      direction = "max";
+    const point = (_a = theme.breakpoints) == null ? void 0 : _a[s];
+    if (point)
+      return `@media (${direction}-width: ${point})`;
+  }
+};
+
+// ../core/src/utils/basic.ts
+function toArray(value = []) {
+  return Array.isArray(value) ? value : [value];
+}
+
+// ../core/src/utils/variant.ts
+var variantMatcher = (name) => {
+  const length = name.length + 1;
+  const re = new RegExp(`^${name}[:-]`);
+  return (input) => input.match(re) ? input.slice(length) : void 0;
+};
+
+// src/variants/children.ts
+var variantChildren = [
+  {
+    match: variantMatcher("children"),
+    selector: (input) => `${input} > *`
+  },
+  {
+    match: variantMatcher("all"),
+    selector: (input) => `${input} *`
+  }
+];
+
+// src/variants/dark.ts
+var variantColorsClass = [
+  {
+    match: variantMatcher("dark"),
+    selector: (input) => `.dark $$ ${input}`
+  },
+  {
+    match: variantMatcher("light"),
+    selector: (input) => `.light $$ ${input}`
+  }
+];
+var variantColorsMedia = [
+  {
+    match: variantMatcher("dark"),
+    mediaQuery: () => "@media (prefers-color-scheme: dark)"
+  },
+  {
+    match: variantMatcher("light"),
+    mediaQuery: () => "@media (prefers-color-scheme: light)"
+  }
+];
+
+// src/variants/pseudo.ts
+function createPseudoClassVariant(name, pseudo = name) {
+  return [
+    {
+      match: variantMatcher(name),
+      selector: (input) => `${input}:${pseudo}`
+    },
+    {
+      match: variantMatcher(`not-${name}`),
+      selector: (input) => `${input}:not(:${pseudo})`
+    },
+    {
+      match: variantMatcher(`group-${name}`),
+      selector: (input) => `.group:${pseudo} ${input}`
+    }
+  ];
+}
+function createPseudoElementVariant(name) {
+  return {
+    match: variantMatcher(name),
+    selector: (input) => `${input}::${name}`
+  };
+}
+var variantPseudoClasses = [
+  "active",
+  "checked",
+  "default",
+  "empty",
+  "enabled",
+  "first-of-type",
+  "first",
+  "focus-visible",
+  "focus-within",
+  "focus",
+  "hover",
+  "indeterminate",
+  "invalid",
+  "last-of-type",
+  "last",
+  "link",
+  "only-child",
+  "only-of-type",
+  "optional",
+  "placeholder-shown",
+  "read-only",
+  "read-write",
+  "required",
+  "root",
+  "target",
+  "valid",
+  "visited",
+  ["even-of-type", "nth-of-type(even)"],
+  ["even", "nth-child(even)"],
+  ["odd-of-type", "nth-of-type(odd)"],
+  ["odd", "nth-child(odd)"]
+].flatMap((i) => createPseudoClassVariant(...toArray(i)));
+var variantPseudoElements = [
+  "before",
+  "after",
+  "first-letter",
+  "first-line",
+  "selection"
+].map(createPseudoElementVariant);
+
+// src/variants/index.ts
+var variantImportant = {
+  match: (input) => input.startsWith("!") ? input.slice(1) : void 0,
+  rewrite: (input) => {
+    input.forEach((v) => {
+      if (v[1])
+        v[1] += " !important";
+    });
+    return input;
+  }
+};
+var variantNegative = {
+  match: (input) => input.startsWith("-") ? input.slice(1) : void 0,
+  rewrite: (input) => {
+    input.forEach((v) => {
+      var _a;
+      if ((_a = v[1]) == null ? void 0 : _a.toString().match(/^\d/))
+        v[1] = `-${v[1]}`;
+    });
+    return input;
+  }
+};
+var variants = [
+  variantNegative,
+  variantImportant,
+  variantBreakpoints,
+  ...variantChildren,
+  ...variantColorsClass,
+  ...variantPseudoClasses,
+  ...variantPseudoElements
+];
+
+export {
+  variantBreakpoints,
+  variantChildren,
+  variantColorsClass,
+  variantColorsMedia,
+  createPseudoClassVariant,
+  createPseudoElementVariant,
+  variantPseudoClasses,
+  variantPseudoElements,
+  variantImportant,
+  variantNegative,
+  variants
+};