@devalok/shilp-sutra 0.36.0 → 0.37.0-next.0

package/dist/tailwind/preset.js

@@ -1,492 +1,17 @@
-import e from "tailwindcss/plugin";
 //#region src/tailwind/preset.ts
-var t = {
-	theme: { extend: {
-		screens: {
-			sm: "640px",
-			md: "768px",
-			lg: "1024px",
-			xl: "1280px",
-			"2xl": "1536px"
-		},
-		fontFamily: {
-			sans: [
-				"var(--font-sans)",
-				"system-ui",
-				"sans-serif"
-			],
-			display: [
-				"var(--font-display)",
-				"system-ui",
-				"sans-serif"
-			],
-			body: ["var(--font-body)", "sans-serif"],
-			accent: ["var(--font-accent)", "sans-serif"],
-			mono: ["var(--font-mono)", "monospace"]
-		},
-		fontWeight: {
-			light: "var(--font-weight-light)",
-			regular: "var(--font-weight-regular)",
-			medium: "var(--font-weight-medium)",
-			semibold: "var(--font-weight-semibold)",
-			bold: "var(--font-weight-bold)"
-		},
-		letterSpacing: {
-			"ds-tighter": "var(--tracking-tighter)",
-			"ds-tight": "var(--tracking-tight)",
-			"ds-normal": "var(--tracking-normal)",
-			"ds-wide": "var(--tracking-wide)",
-			"ds-wider": "var(--tracking-wider)",
-			"ds-widest": "var(--tracking-widest)"
-		},
-		lineHeight: {
-			"ds-none": "var(--line-height-none)",
-			"ds-tight": "var(--line-height-tight)",
-			"ds-snug": "var(--line-height-snug)",
-			"ds-normal": "var(--line-height-normal)",
-			"ds-relaxed": "var(--line-height-relaxed)",
-			"ds-loose": "var(--line-height-loose)"
-		},
-		fontSize: {
-			"ds-xs": ["var(--font-size-xs)", { lineHeight: "var(--line-height-relaxed)" }],
-			"ds-sm": ["var(--font-size-sm)", { lineHeight: "var(--line-height-relaxed)" }],
-			"ds-md": ["var(--font-size-md)", { lineHeight: "var(--line-height-relaxed)" }],
-			"ds-base": ["var(--font-size-base)", { lineHeight: "var(--line-height-relaxed)" }],
-			"ds-lg": ["var(--font-size-lg)", { lineHeight: "var(--line-height-normal)" }],
-			"ds-xl": ["var(--font-size-xl)", { lineHeight: "var(--line-height-snug)" }],
-			"ds-2xl": ["var(--font-size-2xl)", { lineHeight: "var(--line-height-snug)" }],
-			"ds-3xl": ["var(--font-size-3xl)", { lineHeight: "var(--line-height-tight)" }],
-			"ds-4xl": ["var(--font-size-4xl)", { lineHeight: "var(--line-height-tight)" }],
-			"ds-5xl": ["var(--font-size-5xl)", { lineHeight: "var(--line-height-tight)" }],
-			"ds-6xl": ["var(--font-size-6xl)", { lineHeight: "var(--line-height-tight)" }]
-		},
-		borderWidth: {
-			"ds-sm": "var(--border-width-sm)",
-			"ds-md": "var(--border-width-md)",
-			"ds-lg": "var(--border-width-lg)",
-			focus: "var(--border-focus-width)"
-		},
-		borderRadius: {
-			"ds-none": "0",
-			"ds-sm": "var(--radius-sm)",
-			"ds-default": "var(--radius-default)",
-			"ds-md": "var(--radius-md)",
-			"ds-lg": "var(--radius-lg)",
-			"ds-xl": "var(--radius-xl)",
-			"ds-2xl": "var(--radius-2xl)",
-			"ds-full": "var(--radius-full)"
-		},
-		spacing: {
-			"ds-01": "var(--spacing-01)",
-			"ds-02": "var(--spacing-02)",
-			"ds-02b": "var(--spacing-02b)",
-			"ds-03": "var(--spacing-03)",
-			"ds-04": "var(--spacing-04)",
-			"ds-05": "var(--spacing-05)",
-			"ds-05b": "var(--spacing-05b)",
-			"ds-06": "var(--spacing-06)",
-			"ds-06b": "var(--spacing-06b)",
-			"ds-07": "var(--spacing-07)",
-			"ds-08": "var(--spacing-08)",
-			"ds-09": "var(--spacing-09)",
-			"ds-10": "var(--spacing-10)",
-			"ds-11": "var(--spacing-11)",
-			"ds-12": "var(--spacing-12)",
-			"ds-13": "var(--spacing-13)",
-			"page-x": "var(--spacing-page-x)",
-			"page-y": "var(--spacing-page-y)",
-			"section-gap": "var(--spacing-section-gap)",
-			"card-gap": "var(--spacing-card-gap)",
-			"stack-gap": "var(--spacing-stack-gap)"
-		},
-		width: {
-			"ds-xs": "var(--size-xs)",
-			"ds-xs-plus": "var(--size-xs-plus)",
-			"ds-sm": "var(--size-sm)",
-			"ds-sm-plus": "var(--size-sm-plus)",
-			"ds-md": "var(--size-md)",
-			"ds-lg": "var(--size-lg)",
-			"ds-xl": "var(--size-xl)",
-			"ico-sm": "var(--icon-sm)",
-			"ico-md": "var(--icon-md)",
-			"ico-lg": "var(--icon-lg)",
-			"ico-xl": "var(--icon-xl)"
-		},
-		height: {
-			"ds-xs": "var(--size-xs)",
-			"ds-xs-plus": "var(--size-xs-plus)",
-			"ds-sm": "var(--size-sm)",
-			"ds-sm-plus": "var(--size-sm-plus)",
-			"ds-md": "var(--size-md)",
-			"ds-lg": "var(--size-lg)",
-			"ds-xl": "var(--size-xl)",
-			"ico-sm": "var(--icon-sm)",
-			"ico-md": "var(--icon-md)",
-			"ico-lg": "var(--icon-lg)",
-			"ico-xl": "var(--icon-xl)"
-		},
-		minHeight: {
-			"ds-xs": "var(--size-xs)",
-			"ds-xs-plus": "var(--size-xs-plus)",
-			"ds-sm": "var(--size-sm)",
-			"ds-sm-plus": "var(--size-sm-plus)",
-			"ds-md": "var(--size-md)",
-			"ds-lg": "var(--size-lg)",
-			"ds-xl": "var(--size-xl)"
-		},
-		maxWidth: {
-			layout: "var(--max-width)",
-			"layout-body": "var(--max-width-body)"
-		},
-		minWidth: {
-			"ds-xs": "var(--size-xs)",
-			"ds-sm": "var(--size-sm)",
-			"ds-md": "var(--size-md)",
-			"ds-lg": "var(--size-lg)",
-			"ds-xl": "var(--size-xl)"
-		},
-		opacity: {
-			"action-hover": "var(--action-hover-opacity)",
-			"action-selected": "var(--action-selected-opacity)",
-			"action-disabled": "var(--action-disabled-opacity)",
-			"action-focus": "var(--action-focus-opacity)",
-			"action-active": "var(--action-active-opacity)"
-		},
-		colors: {
-			"accent-1": "var(--color-accent-1)",
-			"accent-2": "var(--color-accent-2)",
-			"accent-3": "var(--color-accent-3)",
-			"accent-4": "var(--color-accent-4)",
-			"accent-5": "var(--color-accent-5)",
-			"accent-6": "var(--color-accent-6)",
-			"accent-7": "var(--color-accent-7)",
-			"accent-8": "var(--color-accent-8)",
-			"accent-9": "var(--color-accent-9)",
-			"accent-10": "var(--color-accent-10)",
-			"accent-11": "var(--color-accent-11)",
-			"accent-12": "var(--color-accent-12)",
-			"accent-fg": "var(--color-accent-fg)",
-			"secondary-1": "var(--color-secondary-1)",
-			"secondary-2": "var(--color-secondary-2)",
-			"secondary-3": "var(--color-secondary-3)",
-			"secondary-4": "var(--color-secondary-4)",
-			"secondary-5": "var(--color-secondary-5)",
-			"secondary-6": "var(--color-secondary-6)",
-			"secondary-7": "var(--color-secondary-7)",
-			"secondary-8": "var(--color-secondary-8)",
-			"secondary-9": "var(--color-secondary-9)",
-			"secondary-10": "var(--color-secondary-10)",
-			"secondary-11": "var(--color-secondary-11)",
-			"secondary-12": "var(--color-secondary-12)",
-			"secondary-fg": "var(--color-secondary-fg)",
-			"surface-base": "var(--color-surface-base)",
-			"surface-sunken": "var(--color-surface-sunken)",
-			"surface-raised": "var(--color-surface-raised)",
-			"surface-overlay": "var(--color-surface-overlay)",
-			"surface-raised-hover": "var(--color-surface-raised-hover)",
-			"surface-raised-active": "var(--color-surface-raised-active)",
-			"surface-inverted": "var(--color-surface-inverted)",
-			"surface-inverted-fg": "var(--color-surface-inverted-fg)",
-			"surface-disabled": "var(--color-surface-disabled)",
-			"surface-fg-disabled": "var(--color-surface-fg-disabled)",
-			"surface-fg": "var(--color-surface-fg)",
-			"surface-fg-muted": "var(--color-surface-fg-muted)",
-			"surface-fg-subtle": "var(--color-surface-fg-subtle)",
-			"surface-border": "var(--color-surface-border)",
-			"surface-border-strong": "var(--color-surface-border-strong)",
-			"surface-border-subtle": "var(--color-surface-border-subtle)",
-			backdrop: "var(--color-backdrop)",
-			link: "var(--color-link)",
-			"link-hover": "var(--color-link-hover)",
-			"link-visited": "var(--color-link-visited)",
-			"error-2": "var(--color-error-2)",
-			"error-3": "var(--color-error-3)",
-			"error-4": "var(--color-error-4)",
-			"error-5": "var(--color-error-5)",
-			"error-7": "var(--color-error-7)",
-			"error-9": "var(--color-error-9)",
-			"error-10": "var(--color-error-10)",
-			"error-11": "var(--color-error-11)",
-			"error-fg": "var(--color-error-fg)",
-			"success-2": "var(--color-success-2)",
-			"success-3": "var(--color-success-3)",
-			"success-4": "var(--color-success-4)",
-			"success-5": "var(--color-success-5)",
-			"success-7": "var(--color-success-7)",
-			"success-9": "var(--color-success-9)",
-			"success-10": "var(--color-success-10)",
-			"success-11": "var(--color-success-11)",
-			"success-fg": "var(--color-success-fg)",
-			"warning-2": "var(--color-warning-2)",
-			"warning-3": "var(--color-warning-3)",
-			"warning-4": "var(--color-warning-4)",
-			"warning-5": "var(--color-warning-5)",
-			"warning-7": "var(--color-warning-7)",
-			"warning-9": "var(--color-warning-9)",
-			"warning-10": "var(--color-warning-10)",
-			"warning-11": "var(--color-warning-11)",
-			"warning-fg": "var(--color-warning-fg)",
-			"info-2": "var(--color-info-2)",
-			"info-3": "var(--color-info-3)",
-			"info-4": "var(--color-info-4)",
-			"info-5": "var(--color-info-5)",
-			"info-7": "var(--color-info-7)",
-			"info-9": "var(--color-info-9)",
-			"info-10": "var(--color-info-10)",
-			"info-11": "var(--color-info-11)",
-			"info-fg": "var(--color-info-fg)",
-			"category-teal-3": "var(--color-category-teal-3)",
-			"category-teal-7": "var(--color-category-teal-7)",
-			"category-teal-9": "var(--color-category-teal-9)",
-			"category-teal-11": "var(--color-category-teal-11)",
-			"category-amber-3": "var(--color-category-amber-3)",
-			"category-amber-7": "var(--color-category-amber-7)",
-			"category-amber-9": "var(--color-category-amber-9)",
-			"category-amber-11": "var(--color-category-amber-11)",
-			"category-slate-3": "var(--color-category-slate-3)",
-			"category-slate-7": "var(--color-category-slate-7)",
-			"category-slate-9": "var(--color-category-slate-9)",
-			"category-slate-11": "var(--color-category-slate-11)",
-			"category-indigo-3": "var(--color-category-indigo-3)",
-			"category-indigo-7": "var(--color-category-indigo-7)",
-			"category-indigo-9": "var(--color-category-indigo-9)",
-			"category-indigo-11": "var(--color-category-indigo-11)",
-			"category-cyan-3": "var(--color-category-cyan-3)",
-			"category-cyan-7": "var(--color-category-cyan-7)",
-			"category-cyan-9": "var(--color-category-cyan-9)",
-			"category-cyan-11": "var(--color-category-cyan-11)",
-			"category-orange-3": "var(--color-category-orange-3)",
-			"category-orange-7": "var(--color-category-orange-7)",
-			"category-orange-9": "var(--color-category-orange-9)",
-			"category-orange-11": "var(--color-category-orange-11)",
-			"category-emerald-3": "var(--color-category-emerald-3)",
-			"category-emerald-7": "var(--color-category-emerald-7)",
-			"category-emerald-9": "var(--color-category-emerald-9)",
-			"category-emerald-11": "var(--color-category-emerald-11)",
-			overlay: "var(--color-overlay)",
-			disabled: "var(--color-disabled)",
-			"skeleton-base": "var(--color-skeleton-base)",
-			"skeleton-shimmer": "var(--color-skeleton-shimmer)",
-			"inset-glow": "var(--color-inset-glow)",
-			"inset-glow-strong": "var(--color-inset-glow-strong)",
-			"inset-glow-subtle": "var(--color-inset-glow-subtle)",
-			"surface-overlay-light": "var(--color-surface-overlay-light)",
-			"surface-overlay-dark": "var(--color-surface-overlay-dark)",
-			"text-shadow": "var(--color-text-shadow)",
-			"chart-1": "var(--chart-1)",
-			"chart-2": "var(--chart-2)",
-			"chart-3": "var(--chart-3)",
-			"chart-4": "var(--chart-4)",
-			"chart-5": "var(--chart-5)",
-			"chart-6": "var(--chart-6)",
-			"chart-7": "var(--chart-7)",
-			"chart-8": "var(--chart-8)"
-		},
-		keyframes: {
-			"accordion-down": {
-				from: { height: "0" },
-				to: { height: "var(--radix-accordion-content-height)" }
-			},
-			"accordion-up": {
-				from: { height: "var(--radix-accordion-content-height)" },
-				to: { height: "0" }
-			},
-			"collapsible-down": {
-				from: { height: "0" },
-				to: { height: "var(--radix-collapsible-content-height)" }
-			},
-			"collapsible-up": {
-				from: { height: "var(--radix-collapsible-content-height)" },
-				to: { height: "0" }
-			},
-			"progress-indeterminate": {
-				"0%": { transform: "translateX(-100%)" },
-				"100%": { transform: "translateX(250%)" }
-			},
-			"skeleton-shimmer": {
-				"0%": { backgroundPosition: "-200% 0" },
-				"100%": { backgroundPosition: "200% 0" }
-			},
-			"caret-blink": {
-				"0%,70%,100%": { opacity: "1" },
-				"20%,50%": { opacity: "0" }
-			},
-			"timer-bar": {
-				"0%": { transform: "scaleX(1)" },
-				"100%": { transform: "scaleX(0)" }
-			},
-			"popover-in": {
-				from: {
-					opacity: "0",
-					transform: "scale(0.95)"
-				},
-				to: {
-					opacity: "1",
-					transform: "scale(1)"
-				}
-			},
-			"popover-out": {
-				from: {
-					opacity: "1",
-					transform: "scale(1)"
-				},
-				to: {
-					opacity: "0",
-					transform: "scale(0.95)"
-				}
-			},
-			"processing-ants": { to: { "--border-angle": "360deg" } }
-		},
-		animation: {
-			"accordion-down": "accordion-down 200ms ease-out",
-			"accordion-up": "accordion-up 200ms ease-out",
-			"collapsible-down": "collapsible-down 200ms ease-out",
-			"collapsible-up": "collapsible-up 200ms ease-out",
-			"progress-indeterminate": "progress-indeterminate var(--duration-slow-02) var(--ease-productive-standard) infinite",
-			"skeleton-shimmer": "skeleton-shimmer var(--duration-slow-02) var(--ease-linear) infinite",
-			"caret-blink": "caret-blink 1.25s ease-out infinite",
-			"timer-bar": "timer-bar linear forwards",
-			"popover-in": "popover-in 150ms var(--ease-productive-entrance)",
-			"popover-out": "popover-out 100ms var(--ease-productive-exit)",
-			"processing-ants-ambient": "processing-ants 3s linear infinite",
-			"processing-ants-working": "processing-ants 2s linear infinite",
-			"processing-ants-urgent": "processing-ants 1s linear infinite"
-		},
-		backgroundImage: {
-			"gradient-brand": "var(--gradient-brand-light)",
-			"gradient-brand-dark": "var(--gradient-brand-dark)"
-		},
-		boxShadow: {
-			raised: "var(--shadow-raised)",
-			"raised-hover": "var(--shadow-raised-hover)",
-			"raised-inner": "var(--shadow-raised-inner)",
-			floating: "var(--shadow-floating)",
-			overlay: "var(--shadow-overlay)",
-			brand: "var(--shadow-brand)",
-			glow: "var(--shadow-glow)",
-			inset: "var(--shadow-inset)",
-			pressed: "var(--shadow-pressed)",
-			success: "var(--shadow-success)",
-			error: "var(--shadow-error)",
-			warning: "var(--shadow-warning)",
-			"ring-sm": "var(--shadow-ring-sm)",
-			ring: "var(--shadow-ring)",
-			kbd: "var(--shadow-kbd)"
-		},
-		transitionDuration: {
-			instant: "var(--duration-instant)",
-			"fast-01": "var(--duration-fast-01)",
-			"fast-02": "var(--duration-fast-02)",
-			"moderate-01": "var(--duration-moderate-01)",
-			"moderate-01b": "var(--duration-moderate-01b)",
-			"moderate-02": "var(--duration-moderate-02)",
-			"slow-01": "var(--duration-slow-01)",
-			"slow-02": "var(--duration-slow-02)"
-		},
-		transitionTimingFunction: {
-			"productive-standard": "var(--ease-productive-standard)",
-			"productive-entrance": "var(--ease-productive-entrance)",
-			"productive-exit": "var(--ease-productive-exit)",
-			"expressive-standard": "var(--ease-expressive-standard)",
-			"expressive-entrance": "var(--ease-expressive-entrance)",
-			"expressive-exit": "var(--ease-expressive-exit)",
-			bounce: "var(--ease-bounce)",
-			linear: "var(--ease-linear)"
-		},
-		zIndex: {
-			base: "var(--z-base)",
-			raised: "var(--z-raised)",
-			dropdown: "var(--z-dropdown)",
-			sticky: "var(--z-sticky)",
-			overlay: "var(--z-overlay)",
-			modal: "var(--z-modal)",
-			popover: "var(--z-popover)",
-			toast: "var(--z-toast)",
-			tooltip: "var(--z-tooltip)"
+var e = {}, t = !1;
+function n() {
+	if (t) return;
+	t = !0;
+	let e = "\n⚠️  [@devalok/shilp-sutra] DEPRECATION: The JS preset at \"./tailwind\" is deprecated in 0.37.0 and will be removed in 0.38.0.\n\nEvery class utility you relied on from this preset (bg-surface-raised, p-ds-04, shadow-raised, text-ds-md, etc.) is now emitted zero CSS by Tailwind 4. Your app will ship unstyled unless you migrate.\n\nReplace:\n    // tailwind.config.ts\n    import shilpSutra from \"@devalok/shilp-sutra/tailwind\"\n    export default { presets: [shilpSutra], content: [...] }\n\nwith:\n    // app/globals.css\n    @import \"tailwindcss\";\n    @import \"@devalok/shilp-sutra/css\";\n\nFull guide: https://github.com/devalok-design/shilp-sutra/blob/main/MIGRATION.md\n";
+	try {
+		if (typeof process < "u" && typeof process.stderr?.write == "function") {
+			process.stderr.write(e);
+			return;
 		}
-	} },
-	plugins: [e(({ addBase: e, addUtilities: t }) => {
-		let n = [
-			"heading-2xl",
-			"heading-xl",
-			"heading-lg",
-			"heading-md",
-			"heading-sm",
-			"heading-xs",
-			"body-lg",
-			"body-md",
-			"body-sm",
-			"body-xs",
-			"label-lg",
-			"label-md",
-			"label-sm",
-			"label-xs",
-			"label-plain-lg",
-			"label-plain-md",
-			"label-plain-sm",
-			"caption",
-			"overline",
-			"code"
-		], r = new Set([
-			"label-lg",
-			"label-md",
-			"label-sm",
-			"label-xs",
-			"overline"
-		]), i = new Set(["code"]), a = {};
-		for (let e of n) {
-			let t = {
-				"font-size": `var(--typo-${e}-size)`,
-				"font-weight": `var(--typo-${e}-weight)`,
-				"line-height": `var(--typo-${e}-leading)`,
-				"letter-spacing": `var(--typo-${e}-tracking)`
-			};
-			r.has(e) && (t["text-transform"] = "uppercase"), i.has(e) && (t["font-family"] = "var(--typo-code-font)"), a[`.text-${e}`] = t;
-		}
-		e({
-			"@property --border-angle": {
-				syntax: "\"<angle>\"",
-				"initial-value": "0deg",
-				inherits: "false"
-			},
-			"@media screen and (max-width: 767px)": { "input:not([type=\"checkbox\"]):not([type=\"radio\"]), textarea, select": { "font-size": "max(16px, 1em) !important" } }
-		}), t({
-			...a,
-			".tabular-nums": { "font-variant-numeric": "tabular-nums" },
-			".touch-target": { position: "relative" },
-			".touch-target::before": {
-				content: "\"\"",
-				position: "absolute",
-				top: "50%",
-				left: "50%",
-				transform: "translate(-50%, -50%)",
-				"min-width": "44px",
-				"min-height": "44px"
-			},
-			".focus-ring": { "&:focus-visible": {
-				outline: "none",
-				"box-shadow": "0 0 0 var(--border-focus-width) var(--color-surface-base), 0 0 0 calc(var(--border-focus-width) + var(--border-focus-offset)) var(--color-accent-9)"
-			} },
-			".focus-ring-inset": { "&:focus-visible": {
-				outline: "none",
-				"box-shadow": "inset 0 0 0 var(--border-focus-width) var(--color-accent-9)"
-			} },
-			".focus-ring-sm": { "&:focus-visible": {
-				outline: "none",
-				"box-shadow": "0 0 0 var(--border-focus-width) var(--color-accent-7)"
-			} },
-			".pt-safe": { "padding-top": "env(safe-area-inset-top, 0px)" },
-			".pb-safe": { "padding-bottom": "env(safe-area-inset-bottom, 0px)" },
-			".pl-safe": { "padding-left": "env(safe-area-inset-left, 0px)" },
-			".pr-safe": { "padding-right": "env(safe-area-inset-right, 0px)" },
-			".p-safe": {
-				"padding-top": "env(safe-area-inset-top, 0px)",
-				"padding-bottom": "env(safe-area-inset-bottom, 0px)",
-				"padding-left": "env(safe-area-inset-left, 0px)",
-				"padding-right": "env(safe-area-inset-right, 0px)"
-			}
-		});
-	})]
-};
+	} catch {}
+	console.warn(e);
+}
+n();
 //#endregion
-export { t as default };
+export { e as default };

package/dist/tailwind/preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"preset.js","names":[],"sources":["../../src/tailwind/preset.ts"],"sourcesContent":["import type { Config } from 'tailwindcss'\nimport plugin from 'tailwindcss/plugin'\n\nconst preset: Partial<Config> = {\n  // TW4: darkMode is now configured via @variant in CSS, not here.\n  // TW4: safelist removed — use @source inline() in CSS if needed.\n  theme: {\n    extend: {\n      // Breakpoints must be static values — CSS custom properties cannot be used\n      // in @media queries (compiled at build time). These mirror the tokens in\n      // semantic.css (--breakpoint-sm … --breakpoint-2xl).\n      // Placed inside `extend` so deployer breakpoints are merged, not replaced.\n      screens: {\n        sm: '640px',\n        md: '768px',\n        lg: '1024px',\n        xl: '1280px',\n        '2xl': '1536px',\n      },\n      fontFamily: {\n        sans: ['var(--font-sans)', 'system-ui', 'sans-serif'],\n        display: ['var(--font-display)', 'system-ui', 'sans-serif'],\n        body: ['var(--font-body)', 'sans-serif'],\n        accent: ['var(--font-accent)', 'sans-serif'],\n        mono: ['var(--font-mono)', 'monospace'],\n      },\n      fontWeight: {\n        light: 'var(--font-weight-light)',\n        regular: 'var(--font-weight-regular)',\n        medium: 'var(--font-weight-medium)',\n        semibold: 'var(--font-weight-semibold)',\n        bold: 'var(--font-weight-bold)',\n      },\n      letterSpacing: {\n        'ds-tighter': 'var(--tracking-tighter)',\n        'ds-tight': 'var(--tracking-tight)',\n        'ds-normal': 'var(--tracking-normal)',\n        'ds-wide': 'var(--tracking-wide)',\n        'ds-wider': 'var(--tracking-wider)',\n        'ds-widest': 'var(--tracking-widest)',\n      },\n      lineHeight: {\n        'ds-none': 'var(--line-height-none)',\n        'ds-tight': 'var(--line-height-tight)',\n        'ds-snug': 'var(--line-height-snug)',\n        'ds-normal': 'var(--line-height-normal)',\n        'ds-relaxed': 'var(--line-height-relaxed)',\n        'ds-loose': 'var(--line-height-loose)',\n      },\n      fontSize: {\n        'ds-xs':   ['var(--font-size-xs)',   { lineHeight: 'var(--line-height-relaxed)' }],\n        'ds-sm':   ['var(--font-size-sm)',   { lineHeight: 'var(--line-height-relaxed)' }],\n        'ds-md':   ['var(--font-size-md)',   { lineHeight: 'var(--line-height-relaxed)' }],\n        'ds-base': ['var(--font-size-base)', { lineHeight: 'var(--line-height-relaxed)' }],\n        'ds-lg':   ['var(--font-size-lg)',   { lineHeight: 'var(--line-height-normal)' }],\n        'ds-xl':   ['var(--font-size-xl)',   { lineHeight: 'var(--line-height-snug)' }],\n        'ds-2xl':  ['var(--font-size-2xl)',  { lineHeight: 'var(--line-height-snug)' }],\n        'ds-3xl':  ['var(--font-size-3xl)',  { lineHeight: 'var(--line-height-tight)' }],\n        'ds-4xl':  ['var(--font-size-4xl)',  { lineHeight: 'var(--line-height-tight)' }],\n        'ds-5xl':  ['var(--font-size-5xl)',  { lineHeight: 'var(--line-height-tight)' }],\n        'ds-6xl':  ['var(--font-size-6xl)',  { lineHeight: 'var(--line-height-tight)' }],\n      },\n      borderWidth: {\n        'ds-sm': 'var(--border-width-sm)',\n        'ds-md': 'var(--border-width-md)',\n        'ds-lg': 'var(--border-width-lg)',\n        'focus': 'var(--border-focus-width)',\n      },\n      borderRadius: {\n        'ds-none': '0',\n        'ds-sm': 'var(--radius-sm)',\n        'ds-default': 'var(--radius-default)',\n        'ds-md': 'var(--radius-md)',\n        'ds-lg': 'var(--radius-lg)',\n        'ds-xl': 'var(--radius-xl)',\n        'ds-2xl': 'var(--radius-2xl)',\n        'ds-full': 'var(--radius-full)',\n      },\n      spacing: {\n        'ds-01': 'var(--spacing-01)',\n        'ds-02': 'var(--spacing-02)',\n        'ds-02b': 'var(--spacing-02b)',\n        'ds-03': 'var(--spacing-03)',\n        'ds-04': 'var(--spacing-04)',\n        'ds-05': 'var(--spacing-05)',\n        'ds-05b': 'var(--spacing-05b)',\n        'ds-06': 'var(--spacing-06)',\n        'ds-06b': 'var(--spacing-06b)',\n        'ds-07': 'var(--spacing-07)',\n        'ds-08': 'var(--spacing-08)',\n        'ds-09': 'var(--spacing-09)',\n        'ds-10': 'var(--spacing-10)',\n        'ds-11': 'var(--spacing-11)',\n        'ds-12': 'var(--spacing-12)',\n        'ds-13': 'var(--spacing-13)',\n        // ── Layout spacing (responsive via @media in semantic.css) ──\n        'page-x': 'var(--spacing-page-x)',\n        'page-y': 'var(--spacing-page-y)',\n        'section-gap': 'var(--spacing-section-gap)',\n        'card-gap': 'var(--spacing-card-gap)',\n        'stack-gap': 'var(--spacing-stack-gap)',\n      },\n      width: {\n        'ds-xs': 'var(--size-xs)',\n        'ds-xs-plus': 'var(--size-xs-plus)',\n        'ds-sm': 'var(--size-sm)',\n        'ds-sm-plus': 'var(--size-sm-plus)',\n        'ds-md': 'var(--size-md)',\n        'ds-lg': 'var(--size-lg)',\n        'ds-xl': 'var(--size-xl)',\n        'ico-sm': 'var(--icon-sm)',\n        'ico-md': 'var(--icon-md)',\n        'ico-lg': 'var(--icon-lg)',\n        'ico-xl': 'var(--icon-xl)',\n      },\n      height: {\n        'ds-xs': 'var(--size-xs)',\n        'ds-xs-plus': 'var(--size-xs-plus)',\n        'ds-sm': 'var(--size-sm)',\n        'ds-sm-plus': 'var(--size-sm-plus)',\n        'ds-md': 'var(--size-md)',\n        'ds-lg': 'var(--size-lg)',\n        'ds-xl': 'var(--size-xl)',\n        'ico-sm': 'var(--icon-sm)',\n        'ico-md': 'var(--icon-md)',\n        'ico-lg': 'var(--icon-lg)',\n        'ico-xl': 'var(--icon-xl)',\n      },\n      minHeight: {\n        'ds-xs': 'var(--size-xs)',\n        'ds-xs-plus': 'var(--size-xs-plus)',\n        'ds-sm': 'var(--size-sm)',\n        'ds-sm-plus': 'var(--size-sm-plus)',\n        'ds-md': 'var(--size-md)',\n        'ds-lg': 'var(--size-lg)',\n        'ds-xl': 'var(--size-xl)',\n      },\n      maxWidth: {\n        layout: 'var(--max-width)',\n        'layout-body': 'var(--max-width-body)',\n      },\n      minWidth: {\n        'ds-xs': 'var(--size-xs)',\n        'ds-sm': 'var(--size-sm)',\n        'ds-md': 'var(--size-md)',\n        'ds-lg': 'var(--size-lg)',\n        'ds-xl': 'var(--size-xl)',\n      },\n      opacity: {\n        'action-hover': 'var(--action-hover-opacity)',\n        'action-selected': 'var(--action-selected-opacity)',\n        'action-disabled': 'var(--action-disabled-opacity)',\n        'action-focus': 'var(--action-focus-opacity)',\n        'action-active': 'var(--action-active-opacity)',\n      },\n      colors: {\n        // ═══ NEW: 12-step accent scale ═══\n        'accent-1': 'var(--color-accent-1)',\n        'accent-2': 'var(--color-accent-2)',\n        'accent-3': 'var(--color-accent-3)',\n        'accent-4': 'var(--color-accent-4)',\n        'accent-5': 'var(--color-accent-5)',\n        'accent-6': 'var(--color-accent-6)',\n        'accent-7': 'var(--color-accent-7)',\n        'accent-8': 'var(--color-accent-8)',\n        'accent-9': 'var(--color-accent-9)',\n        'accent-10': 'var(--color-accent-10)',\n        'accent-11': 'var(--color-accent-11)',\n        'accent-12': 'var(--color-accent-12)',\n        'accent-fg': 'var(--color-accent-fg)',\n\n        // ═══ NEW: 12-step secondary scale ═══\n        'secondary-1': 'var(--color-secondary-1)',\n        'secondary-2': 'var(--color-secondary-2)',\n        'secondary-3': 'var(--color-secondary-3)',\n        'secondary-4': 'var(--color-secondary-4)',\n        'secondary-5': 'var(--color-secondary-5)',\n        'secondary-6': 'var(--color-secondary-6)',\n        'secondary-7': 'var(--color-secondary-7)',\n        'secondary-8': 'var(--color-secondary-8)',\n        'secondary-9': 'var(--color-secondary-9)',\n        'secondary-10': 'var(--color-secondary-10)',\n        'secondary-11': 'var(--color-secondary-11)',\n        'secondary-12': 'var(--color-secondary-12)',\n        'secondary-fg': 'var(--color-secondary-fg)',\n\n        // ═══ NEW: Surface ═══\n        'surface-base': 'var(--color-surface-base)',\n        'surface-sunken': 'var(--color-surface-sunken)',\n        'surface-raised': 'var(--color-surface-raised)',\n        'surface-overlay': 'var(--color-surface-overlay)',\n        'surface-raised-hover': 'var(--color-surface-raised-hover)',\n        'surface-raised-active': 'var(--color-surface-raised-active)',\n        'surface-inverted': 'var(--color-surface-inverted)',\n        'surface-inverted-fg': 'var(--color-surface-inverted-fg)',\n        'surface-disabled': 'var(--color-surface-disabled)',\n        'surface-fg-disabled': 'var(--color-surface-fg-disabled)',\n        'surface-fg': 'var(--color-surface-fg)',\n        'surface-fg-muted': 'var(--color-surface-fg-muted)',\n        'surface-fg-subtle': 'var(--color-surface-fg-subtle)',\n        'surface-border': 'var(--color-surface-border)',\n        'surface-border-strong': 'var(--color-surface-border-strong)',\n        'surface-border-subtle': 'var(--color-surface-border-subtle)',\n        backdrop: 'var(--color-backdrop)',\n\n        // ═══ Link ═══\n        link: 'var(--color-link)',\n        'link-hover': 'var(--color-link-hover)',\n        'link-visited': 'var(--color-link-visited)',\n\n        // ═══ NEW: Status (step subsets) ═══\n        'error-2': 'var(--color-error-2)',\n        'error-3': 'var(--color-error-3)',\n        'error-4': 'var(--color-error-4)',\n        'error-5': 'var(--color-error-5)',\n        'error-7': 'var(--color-error-7)',\n        'error-9': 'var(--color-error-9)',\n        'error-10': 'var(--color-error-10)',\n        'error-11': 'var(--color-error-11)',\n        'error-fg': 'var(--color-error-fg)',\n        'success-2': 'var(--color-success-2)',\n        'success-3': 'var(--color-success-3)',\n        'success-4': 'var(--color-success-4)',\n        'success-5': 'var(--color-success-5)',\n        'success-7': 'var(--color-success-7)',\n        'success-9': 'var(--color-success-9)',\n        'success-10': 'var(--color-success-10)',\n        'success-11': 'var(--color-success-11)',\n        'success-fg': 'var(--color-success-fg)',\n        'warning-2': 'var(--color-warning-2)',\n        'warning-3': 'var(--color-warning-3)',\n        'warning-4': 'var(--color-warning-4)',\n        'warning-5': 'var(--color-warning-5)',\n        'warning-7': 'var(--color-warning-7)',\n        'warning-9': 'var(--color-warning-9)',\n        'warning-10': 'var(--color-warning-10)',\n        'warning-11': 'var(--color-warning-11)',\n        'warning-fg': 'var(--color-warning-fg)',\n        'info-2': 'var(--color-info-2)',\n        'info-3': 'var(--color-info-3)',\n        'info-4': 'var(--color-info-4)',\n        'info-5': 'var(--color-info-5)',\n        'info-7': 'var(--color-info-7)',\n        'info-9': 'var(--color-info-9)',\n        'info-10': 'var(--color-info-10)',\n        'info-11': 'var(--color-info-11)',\n        'info-fg': 'var(--color-info-fg)',\n\n        // ═══ NEW: Category (step subsets) ═══\n        'category-teal-3': 'var(--color-category-teal-3)',\n        'category-teal-7': 'var(--color-category-teal-7)',\n        'category-teal-9': 'var(--color-category-teal-9)',\n        'category-teal-11': 'var(--color-category-teal-11)',\n        'category-amber-3': 'var(--color-category-amber-3)',\n        'category-amber-7': 'var(--color-category-amber-7)',\n        'category-amber-9': 'var(--color-category-amber-9)',\n        'category-amber-11': 'var(--color-category-amber-11)',\n        'category-slate-3': 'var(--color-category-slate-3)',\n        'category-slate-7': 'var(--color-category-slate-7)',\n        'category-slate-9': 'var(--color-category-slate-9)',\n        'category-slate-11': 'var(--color-category-slate-11)',\n        'category-indigo-3': 'var(--color-category-indigo-3)',\n        'category-indigo-7': 'var(--color-category-indigo-7)',\n        'category-indigo-9': 'var(--color-category-indigo-9)',\n        'category-indigo-11': 'var(--color-category-indigo-11)',\n        'category-cyan-3': 'var(--color-category-cyan-3)',\n        'category-cyan-7': 'var(--color-category-cyan-7)',\n        'category-cyan-9': 'var(--color-category-cyan-9)',\n        'category-cyan-11': 'var(--color-category-cyan-11)',\n        'category-orange-3': 'var(--color-category-orange-3)',\n        'category-orange-7': 'var(--color-category-orange-7)',\n        'category-orange-9': 'var(--color-category-orange-9)',\n        'category-orange-11': 'var(--color-category-orange-11)',\n        'category-emerald-3': 'var(--color-category-emerald-3)',\n        'category-emerald-7': 'var(--color-category-emerald-7)',\n        'category-emerald-9': 'var(--color-category-emerald-9)',\n        'category-emerald-11': 'var(--color-category-emerald-11)',\n\n        // ═══ Utility tokens (not step-based) ═══\n        overlay: 'var(--color-overlay)',\n        disabled: 'var(--color-disabled)',\n        'skeleton-base': 'var(--color-skeleton-base)',\n        'skeleton-shimmer': 'var(--color-skeleton-shimmer)',\n        'inset-glow': 'var(--color-inset-glow)',\n        'inset-glow-strong': 'var(--color-inset-glow-strong)',\n        'inset-glow-subtle': 'var(--color-inset-glow-subtle)',\n        'surface-overlay-light': 'var(--color-surface-overlay-light)',\n        'surface-overlay-dark': 'var(--color-surface-overlay-dark)',\n        'text-shadow': 'var(--color-text-shadow)',\n        'chart-1': 'var(--chart-1)',\n        'chart-2': 'var(--chart-2)',\n        'chart-3': 'var(--chart-3)',\n        'chart-4': 'var(--chart-4)',\n        'chart-5': 'var(--chart-5)',\n        'chart-6': 'var(--chart-6)',\n        'chart-7': 'var(--chart-7)',\n        'chart-8': 'var(--chart-8)',\n      },\n      keyframes: {\n        // ── Radix-coupled: height animation using Radix CSS variables ──\n        'accordion-down': {\n          from: { height: '0' },\n          to: { height: 'var(--radix-accordion-content-height)' },\n        },\n        'accordion-up': {\n          from: { height: 'var(--radix-accordion-content-height)' },\n          to: { height: '0' },\n        },\n        'collapsible-down': {\n          from: { height: '0' },\n          to: { height: 'var(--radix-collapsible-content-height)' },\n        },\n        'collapsible-up': {\n          from: { height: 'var(--radix-collapsible-content-height)' },\n          to: { height: '0' },\n        },\n        // ── Kept: CSS-only animations not yet migrated to Framer Motion ──\n        'progress-indeterminate': {\n          '0%': { transform: 'translateX(-100%)' },\n          '100%': { transform: 'translateX(250%)' },\n        },\n        'skeleton-shimmer': {\n          '0%': { backgroundPosition: '-200% 0' },\n          '100%': { backgroundPosition: '200% 0' },\n        },\n        'caret-blink': {\n          '0%,70%,100%': { opacity: '1' },\n          '20%,50%': { opacity: '0' },\n        },\n        'timer-bar': {\n          '0%': { transform: 'scaleX(1)' },\n          '100%': { transform: 'scaleX(0)' },\n        },\n        'popover-in': {\n          from: { opacity: '0', transform: 'scale(0.95)' },\n          to: { opacity: '1', transform: 'scale(1)' },\n        },\n        'popover-out': {\n          from: { opacity: '1', transform: 'scale(1)' },\n          to: { opacity: '0', transform: 'scale(0.95)' },\n        },\n        'processing-ants': {\n          to: { '--border-angle': '360deg' },\n        },\n      },\n      animation: {\n        // ── Radix-coupled height animations ──\n        'accordion-down': 'accordion-down 200ms ease-out',\n        'accordion-up': 'accordion-up 200ms ease-out',\n        'collapsible-down': 'collapsible-down 200ms ease-out',\n        'collapsible-up': 'collapsible-up 200ms ease-out',\n        // ── CSS-only animations ──\n        'progress-indeterminate':\n          'progress-indeterminate var(--duration-slow-02) var(--ease-productive-standard) infinite',\n        'skeleton-shimmer':\n          'skeleton-shimmer var(--duration-slow-02) var(--ease-linear) infinite',\n        'caret-blink': 'caret-blink 1.25s ease-out infinite',\n        'timer-bar': 'timer-bar linear forwards',\n        'popover-in': 'popover-in 150ms var(--ease-productive-entrance)',\n        'popover-out': 'popover-out 100ms var(--ease-productive-exit)',\n        'processing-ants-ambient': 'processing-ants 3s linear infinite',\n        'processing-ants-working': 'processing-ants 2s linear infinite',\n        'processing-ants-urgent': 'processing-ants 1s linear infinite',\n      },\n      backgroundImage: {\n        'gradient-brand': 'var(--gradient-brand-light)',\n        'gradient-brand-dark': 'var(--gradient-brand-dark)',\n      },\n      boxShadow: {\n        raised: 'var(--shadow-raised)',\n        'raised-hover': 'var(--shadow-raised-hover)',\n        'raised-inner': 'var(--shadow-raised-inner)',\n        floating: 'var(--shadow-floating)',\n        overlay: 'var(--shadow-overlay)',\n        brand: 'var(--shadow-brand)',\n        glow: 'var(--shadow-glow)',\n        inset: 'var(--shadow-inset)',\n        pressed: 'var(--shadow-pressed)',\n        success: 'var(--shadow-success)',\n        error: 'var(--shadow-error)',\n        warning: 'var(--shadow-warning)',\n        'ring-sm': 'var(--shadow-ring-sm)',\n        ring: 'var(--shadow-ring)',\n        kbd: 'var(--shadow-kbd)',\n      },\n      transitionDuration: {\n        instant: 'var(--duration-instant)',\n        'fast-01': 'var(--duration-fast-01)',\n        'fast-02': 'var(--duration-fast-02)',\n        'moderate-01': 'var(--duration-moderate-01)',\n        'moderate-01b': 'var(--duration-moderate-01b)',\n        'moderate-02': 'var(--duration-moderate-02)',\n        'slow-01': 'var(--duration-slow-01)',\n        'slow-02': 'var(--duration-slow-02)',\n      },\n      transitionTimingFunction: {\n        'productive-standard': 'var(--ease-productive-standard)',\n        'productive-entrance': 'var(--ease-productive-entrance)',\n        'productive-exit': 'var(--ease-productive-exit)',\n        'expressive-standard': 'var(--ease-expressive-standard)',\n        'expressive-entrance': 'var(--ease-expressive-entrance)',\n        'expressive-exit': 'var(--ease-expressive-exit)',\n        bounce: 'var(--ease-bounce)',\n        linear: 'var(--ease-linear)',\n      },\n      zIndex: {\n        base: 'var(--z-base)',\n        raised: 'var(--z-raised)',\n        dropdown: 'var(--z-dropdown)',\n        sticky: 'var(--z-sticky)',\n        overlay: 'var(--z-overlay)',\n        modal: 'var(--z-modal)',\n        popover: 'var(--z-popover)',\n        toast: 'var(--z-toast)',\n        tooltip: 'var(--z-tooltip)',\n      },\n    },\n  },\n  plugins: [\n    plugin(({ addBase, addUtilities }) => {\n      // ── Typography composite utilities ──────────────────────────────\n      // Maps each semantic variant to a single class that sets all four\n      // typographic properties (size, weight, leading, tracking).\n      const typoVariants = [\n        'heading-2xl', 'heading-xl', 'heading-lg', 'heading-md', 'heading-sm', 'heading-xs',\n        'body-lg', 'body-md', 'body-sm', 'body-xs',\n        'label-lg', 'label-md', 'label-sm', 'label-xs',\n        'label-plain-lg', 'label-plain-md', 'label-plain-sm',\n        'caption', 'overline', 'code',\n      ] as const\n      const uppercaseVariants = new Set([\n        'label-lg', 'label-md', 'label-sm', 'label-xs', 'overline',\n      ])\n      const monoVariants = new Set(['code'])\n      const typoUtilities: Record<string, Record<string, string>> = {}\n      for (const v of typoVariants) {\n        const base: Record<string, string> = {\n          'font-size': `var(--typo-${v}-size)`,\n          'font-weight': `var(--typo-${v}-weight)`,\n          'line-height': `var(--typo-${v}-leading)`,\n          'letter-spacing': `var(--typo-${v}-tracking)`,\n        }\n        if (uppercaseVariants.has(v)) {\n          base['text-transform'] = 'uppercase'\n        }\n        if (monoVariants.has(v)) {\n          base['font-family'] = 'var(--typo-code-font)'\n        }\n        typoUtilities[`.text-${v}`] = base\n      }\n      addBase({\n        '@property --border-angle': {\n          syntax: '\"<angle>\"',\n          'initial-value': '0deg',\n          inherits: 'false',\n        },\n        // Prevent iOS Safari auto-zoom on inputs with font-size < 16px\n        '@media screen and (max-width: 767px)': {\n          'input:not([type=\"checkbox\"]):not([type=\"radio\"]), textarea, select': {\n            'font-size': 'max(16px, 1em) !important',\n          },\n        },\n      })\n      addUtilities({\n        ...typoUtilities,\n        '.tabular-nums': { 'font-variant-numeric': 'tabular-nums' },\n        '.touch-target': {\n          position: 'relative',\n        },\n        '.touch-target::before': {\n          content: '\"\"',\n          position: 'absolute',\n          top: '50%',\n          left: '50%',\n          transform: 'translate(-50%, -50%)',\n          'min-width': '44px',\n          'min-height': '44px',\n        },\n        '.focus-ring': {\n          '&:focus-visible': {\n            outline: 'none',\n            'box-shadow':\n              '0 0 0 var(--border-focus-width) var(--color-surface-base), 0 0 0 calc(var(--border-focus-width) + var(--border-focus-offset)) var(--color-accent-9)',\n          },\n        },\n        '.focus-ring-inset': {\n          '&:focus-visible': {\n            outline: 'none',\n            'box-shadow': 'inset 0 0 0 var(--border-focus-width) var(--color-accent-9)',\n          },\n        },\n        '.focus-ring-sm': {\n          '&:focus-visible': {\n            outline: 'none',\n            'box-shadow': '0 0 0 var(--border-focus-width) var(--color-accent-7)',\n          },\n        },\n        // Safe area inset utilities for notched/island devices\n        '.pt-safe': { 'padding-top': 'env(safe-area-inset-top, 0px)' },\n        '.pb-safe': { 'padding-bottom': 'env(safe-area-inset-bottom, 0px)' },\n        '.pl-safe': { 'padding-left': 'env(safe-area-inset-left, 0px)' },\n        '.pr-safe': { 'padding-right': 'env(safe-area-inset-right, 0px)' },\n        '.p-safe': {\n          'padding-top': 'env(safe-area-inset-top, 0px)',\n          'padding-bottom': 'env(safe-area-inset-bottom, 0px)',\n          'padding-left': 'env(safe-area-inset-left, 0px)',\n          'padding-right': 'env(safe-area-inset-right, 0px)',\n        },\n      })\n    }),\n  ],\n}\n\nexport default preset\n"],"mappings":"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"}
+{"version":3,"file":"preset.js","names":[],"sources":["../../src/tailwind/preset.ts"],"sourcesContent":["import type { Config } from 'tailwindcss'\n\n/**\n * @deprecated Since 0.37.0. Tailwind 4 uses CSS-first configuration via\n * `@theme`, `@utility`, and `@custom-variant`, not JavaScript presets.\n *\n * Migrate to:\n *\n * ```css\n *   // app/globals.css\n *   @import \"tailwindcss\";\n *   @import \"@devalok/shilp-sutra/css\";\n * ```\n *\n * And delete your `tailwind.config.ts` (or shrink it to whatever your own\n * app needs — we no longer ask you to reference our preset).\n *\n * This export remains as a typed no-op so in-flight consumer code that\n * still imports it doesn't crash at import time. Scheduled for removal\n * in 0.38.0.\n *\n * See MIGRATION.md at the repo root for the full 0.36 → 0.37 walkthrough.\n */\nconst preset: Partial<Config> = {}\n\n// Emit a one-time deprecation warning so consumers on the old JS-preset\n// setup discover the migration via their build output — not via silent\n// visual breakage in production.\n//\n// Critical: the warning fires in ALL environments including `next build`\n// (NODE_ENV=production). Gating this on NODE_ENV would defeat the whole\n// point — the consumer most likely to ship broken CSS (CI-only pipeline,\n// no local dev loop) is exactly the one who would never see a dev-only\n// warn. Audited 0.37.0-pre-RC; see post-audit commit message.\n//\n// Written to stderr directly (not console.warn) so it survives Next's\n// output filters which can silence console calls during `next build`.\n// Inline process shim so we don't need @types/node in packages/core's\n// tsconfig (typecheck runs with types: []).\ndeclare const process:\n  | {\n      env?: { NODE_ENV?: string }\n      stderr?: { write: (s: string) => void }\n    }\n  | undefined\nlet warned = false\nfunction emitDeprecationNotice(): void {\n  if (warned) return\n  warned = true\n  const msg =\n    '\\n' +\n    '⚠️  [@devalok/shilp-sutra] DEPRECATION: The JS preset at \"./tailwind\" is ' +\n    'deprecated in 0.37.0 and will be removed in 0.38.0.\\n\\n' +\n    'Every class utility you relied on from this preset (bg-surface-raised, ' +\n    'p-ds-04, shadow-raised, text-ds-md, etc.) is now emitted zero CSS by ' +\n    'Tailwind 4. Your app will ship unstyled unless you migrate.\\n\\n' +\n    'Replace:\\n' +\n    '    // tailwind.config.ts\\n' +\n    '    import shilpSutra from \"@devalok/shilp-sutra/tailwind\"\\n' +\n    '    export default { presets: [shilpSutra], content: [...] }\\n\\n' +\n    'with:\\n' +\n    '    // app/globals.css\\n' +\n    '    @import \"tailwindcss\";\\n' +\n    '    @import \"@devalok/shilp-sutra/css\";\\n\\n' +\n    'Full guide: https://github.com/devalok-design/shilp-sutra/blob/main/MIGRATION.md\\n'\n\n  // Prefer process.stderr for CI visibility; fall back to console.warn\n  // in environments where process is not available (browsers, Edge runtime).\n  try {\n    if (\n      typeof process !== 'undefined' &&\n      typeof process.stderr?.write === 'function'\n    ) {\n      process.stderr.write(msg)\n      return\n    }\n  } catch {\n    // Fall through to console.warn.\n  }\n   \n  console.warn(msg)\n}\n// Fire when the module is imported (ESM evaluates module body once).\nemitDeprecationNotice()\n\nexport default preset\n"],"mappings":";AAuBA,IAAM,IAA0B,EAAE,EAsB9B,IAAS;AACb,SAAS,IAA8B;AACrC,KAAI,EAAQ;AACZ,KAAS;CACT,IAAM,IACJ;AAkBF,KAAI;AACF,MACE,OAAO,UAAY,OACnB,OAAO,QAAQ,QAAQ,SAAU,YACjC;AACA,WAAQ,OAAO,MAAM,EAAI;AACzB;;SAEI;AAIR,SAAQ,KAAK,EAAI;;AAGnB,GAAuB"}

package/dist/tokens/animations.css

@@ -0,0 +1,17 @@
+/* ═══════════════════════════════════════════════════════════════════
+   ANIMATIONS
+   @keyframes declarations referenced by @utility animate-* blocks
+   in utilities.css and by inline `animation:` in components.
+   ═══════════════════════════════════════════════════════════════════ */
+
+@keyframes processing-ants-rotate {
+  to { --border-angle: 360deg; }
+}
+
+@keyframes processing-ants-march {
+  to { background-position: 16px 0, 100% 16px, calc(100% - 16px) 100%, 0 calc(100% - 16px); }
+}
+
+@keyframes processing-ants-svg {
+  to { stroke-dashoffset: -10; }
+}

package/dist/tokens/base.css

@@ -0,0 +1,26 @@
+/* ═══════════════════════════════════════════════════════════════════
+   BASE LAYER
+   Document-level rules + @property registrations. Wrapped in
+   @layer base so TW4's utility layers still take precedence over
+   these baseline styles.
+   ═══════════════════════════════════════════════════════════════════ */
+
+@layer base {
+  /* Prevent iOS Safari auto-zoom on inputs with font-size < 16px.
+     Applies only on narrow viewports where iOS is the common browser. */
+  @media screen and (max-width: 767px) {
+    input:not([type="checkbox"]):not([type="radio"]),
+    textarea,
+    select {
+      font-size: max(16px, 1em) !important;
+    }
+  }
+}
+
+/* `@property` registrations must live outside @layer so the browser's
+   custom property registry picks them up at page load. */
+@property --border-angle {
+  syntax: "<angle>";
+  initial-value: 0deg;
+  inherits: false;
+}