boss-css 0.0.1 → 0.0.2

package/dist/prop/bosswind/tailwind-theme.mjs

@@ -0,0 +1,702 @@
+//#region src/prop/bosswind/tailwind-theme.ts
+const theme = {
+	animation: {
+		spin: "spin 1s linear infinite",
+		ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
+		pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+		bounce: "bounce 1s infinite"
+	},
+	aspectRatio: {
+		square: "1 / 1",
+		video: "16 / 9"
+	},
+	backgroundPosition: {
+		"left-bottom": "left bottom",
+		"left-top": "left top",
+		"right-bottom": "right bottom",
+		"right-top": "right top"
+	},
+	blur: {
+		none: "",
+		sm: 4,
+		DEFAULT: 8,
+		md: 12,
+		lg: 16,
+		xl: 24,
+		"2xl": 40,
+		"3xl": 64
+	},
+	borderRadius: {
+		none: 0,
+		sm: 1.5,
+		DEFAULT: 3,
+		md: 4.5,
+		lg: 6,
+		xl: 9,
+		"2xl": 12,
+		"3xl": 18,
+		full: 9999
+	},
+	borderWidth: { DEFAULT: 1 },
+	boxShadow: {
+		sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+		DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+		md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+		lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+		xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+		"2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+		inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
+	},
+	brightness: {
+		"0": "0",
+		"50": ".5",
+		"75": ".75",
+		"90": ".9",
+		"95": ".95",
+		"100": "1",
+		"105": "1.05",
+		"110": "1.1",
+		"125": "1.25",
+		"150": "1.5",
+		"200": "2"
+	},
+	columns: {
+		"3xs": 192,
+		"2xs": 216,
+		xs: 240,
+		sm: 288,
+		md: 336,
+		lg: 384,
+		xl: 432,
+		"2xl": 504,
+		"3xl": 576,
+		"4xl": 672,
+		"5xl": 768,
+		"6xl": 864,
+		"7xl": 960
+	},
+	contrast: {
+		"0": "0",
+		"50": ".5",
+		"75": ".75",
+		"100": "1",
+		"125": "1.25",
+		"150": "1.5",
+		"200": "2"
+	},
+	dropShadow: {
+		sm: "0 1px 1px rgb(0 0 0 / 0.05)",
+		DEFAULT: ["0 1px 2px rgb(0 0 0 / 0.1)", "0 1px 1px rgb(0 0 0 / 0.06)"],
+		md: ["0 4px 3px rgb(0 0 0 / 0.07)", "0 2px 2px rgb(0 0 0 / 0.06)"],
+		lg: ["0 10px 8px rgb(0 0 0 / 0.04)", "0 4px 3px rgb(0 0 0 / 0.1)"],
+		xl: ["0 20px 13px rgb(0 0 0 / 0.03)", "0 8px 5px rgb(0 0 0 / 0.08)"],
+		"2xl": "0 25px 25px rgb(0 0 0 / 0.15)",
+		none: "0 0 #0000"
+	},
+	flexGrow: { DEFAULT: "1" },
+	flexShrink: { DEFAULT: "1" },
+	fontFamily: {
+		sans: [
+			"ui-sans-serif",
+			"system-ui",
+			"sans-serif",
+			"\"Apple Color Emoji\"",
+			"\"Segoe UI Emoji\"",
+			"\"Segoe UI Symbol\"",
+			"\"Noto Color Emoji\""
+		],
+		serif: [
+			"ui-serif",
+			"Georgia",
+			"Cambria",
+			"\"Times New Roman\"",
+			"Times",
+			"serif"
+		],
+		mono: [
+			"ui-monospace",
+			"SFMono-Regular",
+			"Menlo",
+			"Monaco",
+			"Consolas",
+			"\"Liberation Mono\"",
+			"\"Courier New\"",
+			"monospace"
+		]
+	},
+	fontSize: {
+		xs: 9,
+		sm: 10.5,
+		base: 12,
+		lg: 13.5,
+		xl: 15,
+		"2xl": 18,
+		"3xl": 22.5,
+		"4xl": 30,
+		"5xl": 36,
+		"6xl": 45,
+		"7xl": 54,
+		"8xl": 72,
+		"9xl": 96
+	},
+	fontWeight: {
+		thin: "100",
+		extralight: "200",
+		light: "300",
+		normal: "400",
+		medium: "500",
+		semibold: "600",
+		bold: "700",
+		extrabold: "800",
+		black: "900"
+	},
+	hueRotate: {
+		"0": "0deg",
+		"15": "15deg",
+		"30": "30deg",
+		"60": "60deg",
+		"90": "90deg",
+		"180": "180deg"
+	},
+	keyframes: {
+		spin: { to: { transform: "rotate(360deg)" } },
+		ping: { "75%, 100%": {
+			transform: "scale(2)",
+			opacity: "0"
+		} },
+		pulse: { "50%": { opacity: ".5" } },
+		bounce: {
+			"0%, 100%": {
+				transform: "translateY(-25%)",
+				animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
+			},
+			"50%": {
+				transform: "none",
+				animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
+			}
+		}
+	},
+	letterSpacing: {
+		tighter: "-0.05em",
+		tight: "-0.025em",
+		normal: "0em",
+		wide: "0.025em",
+		wider: "0.05em",
+		widest: "0.1em"
+	},
+	lineHeight: {
+		none: "1",
+		tight: "1.25",
+		snug: "1.375",
+		normal: "1.5",
+		relaxed: "1.625",
+		loose: "2"
+	},
+	opacity: {
+		"0": "0",
+		"5": "0.05",
+		"10": "0.1",
+		"15": "0.15",
+		"20": "0.2",
+		"25": "0.25",
+		"30": "0.3",
+		"35": "0.35",
+		"40": "0.4",
+		"45": "0.45",
+		"50": "0.5",
+		"55": "0.55",
+		"60": "0.6",
+		"65": "0.65",
+		"70": "0.7",
+		"75": "0.75",
+		"80": "0.8",
+		"85": "0.85",
+		"90": "0.9",
+		"95": "0.95",
+		"100": "1"
+	},
+	order: {
+		first: "-9999",
+		last: "9999",
+		none: "0"
+	},
+	rotate: {
+		"0": "0deg",
+		"1": "1deg",
+		"2": "2deg",
+		"3": "3deg",
+		"6": "6deg",
+		"12": "12deg",
+		"45": "45deg",
+		"90": "90deg",
+		"180": "180deg"
+	},
+	saturate: {
+		"50": ".5",
+		"100": "1",
+		"150": "1.5",
+		"200": "2"
+	},
+	scale: {
+		"50": ".5",
+		"75": ".75",
+		"90": ".9",
+		"95": ".95",
+		"100": "1",
+		"105": "1.05",
+		"110": "1.1",
+		"125": "1.25",
+		"150": "1.5"
+	},
+	skew: {
+		"0": "0deg",
+		"1": "1deg",
+		"2": "2deg",
+		"3": "3deg",
+		"6": "6deg",
+		"12": "12deg"
+	},
+	transitionProperty: {
+		DEFAULT: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
+		colors: "color, background-color, border-color, text-decoration-color, fill, stroke",
+		shadow: "box-shadow"
+	},
+	transitionTimingFunction: {
+		DEFAULT: "cubic-bezier(0.4, 0, 0.2, 1)",
+		linear: "linear",
+		in: "cubic-bezier(0.4, 0, 1, 1)",
+		out: "cubic-bezier(0, 0, 0.2, 1)",
+		"in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
+	},
+	size: {
+		"0": 0,
+		"1": 3,
+		"2": 6,
+		"3": 9,
+		"4": 12,
+		"5": 15,
+		"6": 18,
+		"7": 21,
+		"8": 24,
+		"9": 27,
+		"10": 30,
+		"11": 33,
+		"12": 36,
+		"14": 42,
+		"16": 48,
+		"20": 60,
+		"24": 72,
+		"28": 84,
+		"32": 96,
+		"36": 108,
+		"40": 120,
+		"44": 132,
+		"48": 144,
+		"52": 156,
+		"56": 168,
+		"60": 180,
+		"64": 192,
+		"72": 216,
+		"80": 240,
+		"96": 288,
+		px: 1,
+		"0.5": 1.5,
+		"1.5": 4.5,
+		"2.5": 7.5,
+		"3.5": 10.5,
+		"1/2": "50%",
+		"1/3": "33.333333%",
+		"2/3": "66.666667%",
+		"1/4": "25%",
+		"2/4": "50%",
+		"3/4": "75%",
+		"1/5": "20%",
+		"2/5": "40%",
+		"3/5": "60%",
+		"4/5": "80%",
+		"1/6": "16.666667%",
+		"2/6": "33.333333%",
+		"3/6": "50%",
+		"4/6": "66.666667%",
+		"5/6": "83.333333%",
+		"1/12": "8.333333%",
+		"2/12": "16.666667%",
+		"3/12": "25%",
+		"4/12": "33.333333%",
+		"5/12": "41.666667%",
+		"6/12": "50%",
+		"7/12": "58.333333%",
+		"8/12": "66.666667%",
+		"9/12": "75%",
+		"10/12": "83.333333%",
+		"11/12": "91.666667%",
+		full: "100%",
+		min: "min-content",
+		max: "max-content",
+		fit: "fit-content",
+		svw: "100svw",
+		lvw: "100lvw",
+		dvw: "100dvw",
+		svh: "100svh",
+		lvh: "100lvh",
+		dvh: "100dvh",
+		none: "none",
+		xs: 240,
+		sm: 288,
+		md: 336,
+		lg: 384,
+		xl: 432,
+		"2xl": 504,
+		"3xl": 576,
+		"4xl": 672,
+		"5xl": 768,
+		"6xl": 864,
+		"7xl": 960,
+		prose: "65ch",
+		"screen-sm": 640,
+		"screen-md": 768,
+		"screen-lg": 1024,
+		"screen-xl": 1280,
+		"screen-2xl": 1536,
+		"screen-x": "100vw",
+		"screen-y": "100vh",
+		auto: "auto"
+	},
+	willChange: { scroll: "scroll-position" },
+	color: {
+		black: "#000",
+		white: "#fff",
+		slate: {
+			"50": "#f8fafc",
+			"100": "#f1f5f9",
+			"200": "#e2e8f0",
+			"300": "#cbd5e1",
+			"400": "#94a3b8",
+			"500": "#64748b",
+			"600": "#475569",
+			"700": "#334155",
+			"800": "#1e293b",
+			"900": "#0f172a",
+			"950": "#020617"
+		},
+		gray: {
+			"50": "#f9fafb",
+			"100": "#f3f4f6",
+			"200": "#e5e7eb",
+			"300": "#d1d5db",
+			"400": "#9ca3af",
+			"500": "#6b7280",
+			"600": "#4b5563",
+			"700": "#374151",
+			"800": "#1f2937",
+			"900": "#111827",
+			"950": "#030712"
+		},
+		zinc: {
+			"50": "#fafafa",
+			"100": "#f4f4f5",
+			"200": "#e4e4e7",
+			"300": "#d4d4d8",
+			"400": "#a1a1aa",
+			"500": "#71717a",
+			"600": "#52525b",
+			"700": "#3f3f46",
+			"800": "#27272a",
+			"900": "#18181b",
+			"950": "#09090b"
+		},
+		neutral: {
+			"50": "#fafafa",
+			"100": "#f5f5f5",
+			"200": "#e5e5e5",
+			"300": "#d4d4d4",
+			"400": "#a3a3a3",
+			"500": "#737373",
+			"600": "#525252",
+			"700": "#404040",
+			"800": "#262626",
+			"900": "#171717",
+			"950": "#0a0a0a"
+		},
+		stone: {
+			"50": "#fafaf9",
+			"100": "#f5f5f4",
+			"200": "#e7e5e4",
+			"300": "#d6d3d1",
+			"400": "#a8a29e",
+			"500": "#78716c",
+			"600": "#57534e",
+			"700": "#44403c",
+			"800": "#292524",
+			"900": "#1c1917",
+			"950": "#0c0a09"
+		},
+		red: {
+			"50": "#fef2f2",
+			"100": "#fee2e2",
+			"200": "#fecaca",
+			"300": "#fca5a5",
+			"400": "#f87171",
+			"500": "#ef4444",
+			"600": "#dc2626",
+			"700": "#b91c1c",
+			"800": "#991b1b",
+			"900": "#7f1d1d",
+			"950": "#450a0a"
+		},
+		orange: {
+			"50": "#fff7ed",
+			"100": "#ffedd5",
+			"200": "#fed7aa",
+			"300": "#fdba74",
+			"400": "#fb923c",
+			"500": "#f97316",
+			"600": "#ea580c",
+			"700": "#c2410c",
+			"800": "#9a3412",
+			"900": "#7c2d12",
+			"950": "#431407"
+		},
+		amber: {
+			"50": "#fffbeb",
+			"100": "#fef3c7",
+			"200": "#fde68a",
+			"300": "#fcd34d",
+			"400": "#fbbf24",
+			"500": "#f59e0b",
+			"600": "#d97706",
+			"700": "#b45309",
+			"800": "#92400e",
+			"900": "#78350f",
+			"950": "#451a03"
+		},
+		yellow: {
+			"50": "#fefce8",
+			"100": "#fef9c3",
+			"200": "#fef08a",
+			"300": "#fde047",
+			"400": "#facc15",
+			"500": "#eab308",
+			"600": "#ca8a04",
+			"700": "#a16207",
+			"800": "#854d0e",
+			"900": "#713f12",
+			"950": "#422006"
+		},
+		lime: {
+			"50": "#f7fee7",
+			"100": "#ecfccb",
+			"200": "#d9f99d",
+			"300": "#bef264",
+			"400": "#a3e635",
+			"500": "#84cc16",
+			"600": "#65a30d",
+			"700": "#4d7c0f",
+			"800": "#3f6212",
+			"900": "#365314",
+			"950": "#1a2e05"
+		},
+		green: {
+			"50": "#f0fdf4",
+			"100": "#dcfce7",
+			"200": "#bbf7d0",
+			"300": "#86efac",
+			"400": "#4ade80",
+			"500": "#22c55e",
+			"600": "#16a34a",
+			"700": "#15803d",
+			"800": "#166534",
+			"900": "#14532d",
+			"950": "#052e16"
+		},
+		emerald: {
+			"50": "#ecfdf5",
+			"100": "#d1fae5",
+			"200": "#a7f3d0",
+			"300": "#6ee7b7",
+			"400": "#34d399",
+			"500": "#10b981",
+			"600": "#059669",
+			"700": "#047857",
+			"800": "#065f46",
+			"900": "#064e3b",
+			"950": "#022c22"
+		},
+		teal: {
+			"50": "#f0fdfa",
+			"100": "#ccfbf1",
+			"200": "#99f6e4",
+			"300": "#5eead4",
+			"400": "#2dd4bf",
+			"500": "#14b8a6",
+			"600": "#0d9488",
+			"700": "#0f766e",
+			"800": "#115e59",
+			"900": "#134e4a",
+			"950": "#042f2e"
+		},
+		cyan: {
+			"50": "#ecfeff",
+			"100": "#cffafe",
+			"200": "#a5f3fc",
+			"300": "#67e8f9",
+			"400": "#22d3ee",
+			"500": "#06b6d4",
+			"600": "#0891b2",
+			"700": "#0e7490",
+			"800": "#155e75",
+			"900": "#164e63",
+			"950": "#083344"
+		},
+		sky: {
+			"50": "#f0f9ff",
+			"100": "#e0f2fe",
+			"200": "#bae6fd",
+			"300": "#7dd3fc",
+			"400": "#38bdf8",
+			"500": "#0ea5e9",
+			"600": "#0284c7",
+			"700": "#0369a1",
+			"800": "#075985",
+			"900": "#0c4a6e",
+			"950": "#082f49"
+		},
+		blue: {
+			"50": "#eff6ff",
+			"100": "#dbeafe",
+			"200": "#bfdbfe",
+			"300": "#93c5fd",
+			"400": "#60a5fa",
+			"500": "#3b82f6",
+			"600": "#2563eb",
+			"700": "#1d4ed8",
+			"800": "#1e40af",
+			"900": "#1e3a8a",
+			"950": "#172554"
+		},
+		indigo: {
+			"50": "#eef2ff",
+			"100": "#e0e7ff",
+			"200": "#c7d2fe",
+			"300": "#a5b4fc",
+			"400": "#818cf8",
+			"500": "#6366f1",
+			"600": "#4f46e5",
+			"700": "#4338ca",
+			"800": "#3730a3",
+			"900": "#312e81",
+			"950": "#1e1b4b"
+		},
+		violet: {
+			"50": "#f5f3ff",
+			"100": "#ede9fe",
+			"200": "#ddd6fe",
+			"300": "#c4b5fd",
+			"400": "#a78bfa",
+			"500": "#8b5cf6",
+			"600": "#7c3aed",
+			"700": "#6d28d9",
+			"800": "#5b21b6",
+			"900": "#4c1d95",
+			"950": "#2e1065"
+		},
+		purple: {
+			"50": "#faf5ff",
+			"100": "#f3e8ff",
+			"200": "#e9d5ff",
+			"300": "#d8b4fe",
+			"400": "#c084fc",
+			"500": "#a855f7",
+			"600": "#9333ea",
+			"700": "#7e22ce",
+			"800": "#6b21a8",
+			"900": "#581c87",
+			"950": "#3b0764"
+		},
+		fuchsia: {
+			"50": "#fdf4ff",
+			"100": "#fae8ff",
+			"200": "#f5d0fe",
+			"300": "#f0abfc",
+			"400": "#e879f9",
+			"500": "#d946ef",
+			"600": "#c026d3",
+			"700": "#a21caf",
+			"800": "#86198f",
+			"900": "#701a75",
+			"950": "#4a044e"
+		},
+		pink: {
+			"50": "#fdf2f8",
+			"100": "#fce7f3",
+			"200": "#fbcfe8",
+			"300": "#f9a8d4",
+			"400": "#f472b6",
+			"500": "#ec4899",
+			"600": "#db2777",
+			"700": "#be185d",
+			"800": "#9d174d",
+			"900": "#831843",
+			"950": "#500724"
+		},
+		rose: {
+			"50": "#fff1f2",
+			"100": "#ffe4e6",
+			"200": "#fecdd3",
+			"300": "#fda4af",
+			"400": "#fb7185",
+			"500": "#f43f5e",
+			"600": "#e11d48",
+			"700": "#be123c",
+			"800": "#9f1239",
+			"900": "#881337",
+			"950": "#4c0519"
+		}
+	},
+	duration: {
+		"0": "0s",
+		"75": "75ms",
+		"100": "100ms",
+		"150": "150ms",
+		"200": "200ms",
+		"300": "300ms",
+		"500": "500ms",
+		"700": "700ms",
+		"1000": "1000ms",
+		DEFAULT: "200ms"
+	},
+	grid: {
+		"1": "repeat(1, minmax(0, 1fr))",
+		"2": "repeat(2, minmax(0, 1fr))",
+		"3": "repeat(3, minmax(0, 1fr))",
+		"4": "repeat(4, minmax(0, 1fr))",
+		"5": "repeat(5, minmax(0, 1fr))",
+		"6": "repeat(6, minmax(0, 1fr))",
+		"7": "repeat(7, minmax(0, 1fr))",
+		"8": "repeat(8, minmax(0, 1fr))",
+		"9": "repeat(9, minmax(0, 1fr))",
+		"10": "repeat(10, minmax(0, 1fr))",
+		"11": "repeat(11, minmax(0, 1fr))",
+		"12": "repeat(12, minmax(0, 1fr))",
+		"span-1": "span 1 / span 1",
+		"span-2": "span 2 / span 2",
+		"span-3": "span 3 / span 3",
+		"span-4": "span 4 / span 4",
+		"span-5": "span 5 / span 5",
+		"span-6": "span 6 / span 6",
+		"span-7": "span 7 / span 7",
+		"span-8": "span 8 / span 8",
+		"span-9": "span 9 / span 9",
+		"span-10": "span 10 / span 10",
+		"span-11": "span 11 / span 11",
+		"span-12": "span 12 / span 12",
+		"span-full": "1 / -1",
+		min: "min-content",
+		max: "max-content",
+		fr: "minmax(0, 1fr)"
+	}
+};
+var tailwind_theme_default = theme;
+
+//#endregion
+export { tailwind_theme_default as default };

package/dist/prop/child/runtime-only.cjs

@@ -0,0 +1,18 @@
+
+//#region src/prop/child/runtime-only.ts
+const name = "child";
+const createChildContext = (selector) => {
+	return `[${selector.replace(/ /g, "_")}]`;
+};
+const onInit = (api) => {
+	api.dictionary.set("child", {
+		property: "child",
+		aliases: ["child"],
+		description: "Arbitrary selector nesting"
+	});
+};
+
+//#endregion
+exports.createChildContext = createChildContext;
+exports.name = name;
+exports.onInit = onInit;