@bookklik/senangstart-css 0.1.8 → 0.2.3

package/dist/senangstart-css.min.js

@@ -1,1545 +1,209 @@
-(function() {
-'use strict';
-const defaultConfig = {
-theme: {
-spacing: {
-'none':   '0px',
-'tiny':   '4px',
-'small':  '8px',
-'medium': '16px',
-'big':    '32px',
-'giant':  '64px',
-'vast':   '128px'
-},
-radius: {
-'none':   '0px',
-'small':  '4px',
-'medium': '8px',
-'big':    '16px',
-'round':  '9999px'
-},
-shadow: {
-'none':   'none',
-'small':  '0 1px 2px rgba(0,0,0,0.05)',
-'medium': '0 4px 6px rgba(0,0,0,0.1)',
-'big':    '0 10px 15px rgba(0,0,0,0.15)',
-'giant':  '0 25px 50px rgba(0,0,0,0.25)'
-},
-fontSize: {
-'tiny':   '12px',
-'small':  '14px',
-'medium': '16px',
-'big':    '20px',
-'giant':  '32px',
-'vast':   '48px'
-},
-fontWeight: {
-'normal': '400',
-'medium': '500',
-'bold':   '700'
-},
-screens: {
-'mob':  '480px',
-'tab':  '768px',
-'lap':  '1024px',
-'desk': '1280px'
-},
-colors: {
-'white':     '#FFFFFF',
-'black':     '#000000',
-'grey':      '#6B7280',
-'dark':      '#3E4A5D',
-'light':     '#DBEAFE',
-'primary':   '#2563EB',
-'secondary': '#DBEAFE',
-'success':   '#10B981',
-'warning':   '#F59E0B',
-'danger':    '#EF4444',
-'red-50': '#FEF2F2', 'red-100': '#FEE2E2', 'red-200': '#FECACA', 'red-300': '#FCA5A5', 'red-400': '#F87171',
-'red-500': '#EF4444', 'red-600': '#DC2626', 'red-700': '#B91C1C', 'red-800': '#991B1B', 'red-900': '#7F1D1D', 'red-950': '#450A0A',
-'orange-50': '#FFF7ED', 'orange-100': '#FFEDD5', 'orange-200': '#FED7AA', 'orange-300': '#FDBA74', 'orange-400': '#FB923C',
-'orange-500': '#F97316', 'orange-600': '#EA580C', 'orange-700': '#C2410C', 'orange-800': '#9A3412', 'orange-900': '#7C2D12', 'orange-950': '#431407',
-'amber-50': '#FFFBEB', 'amber-100': '#FEF3C7', 'amber-200': '#FDE68A', 'amber-300': '#FCD34D', 'amber-400': '#FBBF24',
-'amber-500': '#F59E0B', 'amber-600': '#D97706', 'amber-700': '#B45309', 'amber-800': '#92400E', 'amber-900': '#78350F', 'amber-950': '#451A03',
-'yellow-50': '#FEFCE8', 'yellow-100': '#FEF9C3', 'yellow-200': '#FEF08A', 'yellow-300': '#FDE047', 'yellow-400': '#FACC15',
-'yellow-500': '#EAB308', 'yellow-600': '#CA8A04', 'yellow-700': '#A16207', 'yellow-800': '#854D0E', 'yellow-900': '#713F12', 'yellow-950': '#422006',
-'lime-50': '#F7FEE7', 'lime-100': '#ECFCCB', 'lime-200': '#D9F99D', 'lime-300': '#BEF264', 'lime-400': '#A3E635',
-'lime-500': '#84CC16', 'lime-600': '#65A30D', 'lime-700': '#4D7C0F', 'lime-800': '#3F6212', 'lime-900': '#365314', 'lime-950': '#1A2E05',
-'green-50': '#F0FDF4', 'green-100': '#DCFCE7', 'green-200': '#BBF7D0', 'green-300': '#86EFAC', 'green-400': '#4ADE80',
-'green-500': '#22C55E', 'green-600': '#16A34A', 'green-700': '#15803D', 'green-800': '#166534', 'green-900': '#14532D', 'green-950': '#052E16',
-'emerald-50': '#ECFDF5', 'emerald-100': '#D1FAE5', 'emerald-200': '#A7F3D0', 'emerald-300': '#6EE7B7', 'emerald-400': '#34D399',
-'emerald-500': '#10B981', 'emerald-600': '#059669', 'emerald-700': '#047857', 'emerald-800': '#065F46', 'emerald-900': '#064E3B', 'emerald-950': '#022C22',
-'teal-50': '#F0FDFA', 'teal-100': '#CCFBF1', 'teal-200': '#99F6E4', 'teal-300': '#5EEAD4', 'teal-400': '#2DD4BF',
-'teal-500': '#14B8A6', 'teal-600': '#0D9488', 'teal-700': '#0F766E', 'teal-800': '#115E59', 'teal-900': '#134E4A', 'teal-950': '#042F2E',
-'cyan-50': '#ECFEFF', 'cyan-100': '#CFFAFE', 'cyan-200': '#A5F3FC', 'cyan-300': '#67E8F9', 'cyan-400': '#22D3EE',
-'cyan-500': '#06B6D4', 'cyan-600': '#0891B2', 'cyan-700': '#0E7490', 'cyan-800': '#155E75', 'cyan-900': '#164E63', 'cyan-950': '#083344',
-'sky-50': '#F0F9FF', 'sky-100': '#E0F2FE', 'sky-200': '#BAE6FD', 'sky-300': '#7DD3FC', 'sky-400': '#38BDF8',
-'sky-500': '#0EA5E9', 'sky-600': '#0284C7', 'sky-700': '#0369A1', 'sky-800': '#075985', 'sky-900': '#0C4A6E', 'sky-950': '#082F49',
-'blue-50': '#EFF6FF', 'blue-100': '#DBEAFE', 'blue-200': '#BFDBFE', 'blue-300': '#93C5FD', 'blue-400': '#60A5FA',
-'blue-500': '#3B82F6', 'blue-600': '#2563EB', 'blue-700': '#1D4ED8', 'blue-800': '#1E40AF', 'blue-900': '#1E3A8A', 'blue-950': '#172554',
-'indigo-50': '#EEF2FF', 'indigo-100': '#E0E7FF', 'indigo-200': '#C7D2FE', 'indigo-300': '#A5B4FC', 'indigo-400': '#818CF8',
-'indigo-500': '#6366F1', 'indigo-600': '#4F46E5', 'indigo-700': '#4338CA', 'indigo-800': '#3730A3', 'indigo-900': '#312E81', 'indigo-950': '#1E1B4B',
-'violet-50': '#F5F3FF', 'violet-100': '#EDE9FE', 'violet-200': '#DDD6FE', 'violet-300': '#C4B5FD', 'violet-400': '#A78BFA',
-'violet-500': '#8B5CF6', 'violet-600': '#7C3AED', 'violet-700': '#6D28D9', 'violet-800': '#5B21B6', 'violet-900': '#4C1D95', 'violet-950': '#2E1065',
-'purple-50': '#FAF5FF', 'purple-100': '#F3E8FF', 'purple-200': '#E9D5FF', 'purple-300': '#D8B4FE', 'purple-400': '#C084FC',
-'purple-500': '#A855F7', 'purple-600': '#9333EA', 'purple-700': '#7E22CE', 'purple-800': '#6B21A8', 'purple-900': '#581C87', 'purple-950': '#3B0764',
-'fuchsia-50': '#FDF4FF', 'fuchsia-100': '#FAE8FF', 'fuchsia-200': '#F5D0FE', 'fuchsia-300': '#F0ABFC', 'fuchsia-400': '#E879F9',
-'fuchsia-500': '#D946EF', 'fuchsia-600': '#C026D3', 'fuchsia-700': '#A21CAF', 'fuchsia-800': '#86198F', 'fuchsia-900': '#701A75', 'fuchsia-950': '#4A044E',
-'pink-50': '#FDF2F8', 'pink-100': '#FCE7F3', 'pink-200': '#FBCFE8', 'pink-300': '#F9A8D4', 'pink-400': '#F472B6',
-'pink-500': '#EC4899', 'pink-600': '#DB2777', 'pink-700': '#BE185D', 'pink-800': '#9D174D', 'pink-900': '#831843', 'pink-950': '#500724',
-'rose-50': '#FFF1F2', 'rose-100': '#FFE4E6', 'rose-200': '#FECDD3', 'rose-300': '#FDA4AF', 'rose-400': '#FB7185',
-'rose-500': '#F43F5E', 'rose-600': '#E11D48', 'rose-700': '#BE123C', 'rose-800': '#9F1239', 'rose-900': '#881337', 'rose-950': '#4C0519',
-'slate-50': '#F8FAFC', 'slate-100': '#F1F5F9', 'slate-200': '#E2E8F0', 'slate-300': '#CBD5E1', 'slate-400': '#94A3B8',
-'slate-500': '#64748B', 'slate-600': '#475569', 'slate-700': '#334155', 'slate-800': '#1E293B', 'slate-900': '#0F172A', 'slate-950': '#020617',
-'gray-50': '#F9FAFB', 'gray-100': '#F3F4F6', 'gray-200': '#E5E7EB', 'gray-300': '#D1D5DB', 'gray-400': '#9CA3AF',
-'gray-500': '#6B7280', 'gray-600': '#4B5563', 'gray-700': '#374151', 'gray-800': '#1F2937', 'gray-900': '#111827', 'gray-950': '#030712',
-'zinc-50': '#FAFAFA', 'zinc-100': '#F4F4F5', 'zinc-200': '#E4E4E7', 'zinc-300': '#D4D4D8', 'zinc-400': '#A1A1AA',
-'zinc-500': '#71717A', 'zinc-600': '#52525B', 'zinc-700': '#3F3F46', 'zinc-800': '#27272A', 'zinc-900': '#18181B', 'zinc-950': '#09090B',
-'neutral-50': '#FAFAFA', 'neutral-100': '#F5F5F5', 'neutral-200': '#E5E5E5', 'neutral-300': '#D4D4D4', 'neutral-400': '#A3A3A3',
-'neutral-500': '#737373', 'neutral-600': '#525252', 'neutral-700': '#404040', 'neutral-800': '#262626', 'neutral-900': '#171717', 'neutral-950': '#0A0A0A',
-'stone-50': '#FAFAF9', 'stone-100': '#F5F5F4', 'stone-200': '#E7E5E4', 'stone-300': '#D6D3D1', 'stone-400': '#A8A29E',
-'stone-500': '#78716C', 'stone-600': '#57534E', 'stone-700': '#44403C', 'stone-800': '#292524', 'stone-900': '#1C1917', 'stone-950': '#0C0A09'
-},
-zIndex: {
-'base':   '0',
-'low':    '10',
-'mid':    '50',
-'high':   '100',
-'top':    '9999'
-}
-},
-darkMode: 'media',
-preflight: true
-};
-function loadInlineConfig() {
-const configEl = document.querySelector('script[type="senangstart/config"]');
-if (!configEl) return {};
-try {
-return JSON.parse(configEl.textContent);
-} catch (e) {
-console.error('[SenangStart] Invalid config JSON:', e);
-return {};
-}
-}
-function mergeConfig(user) {
-const merged = JSON.parse(JSON.stringify(defaultConfig));
-if (user.theme) {
-for (const key of Object.keys(merged.theme)) {
-if (user.theme[key]) {
-merged.theme[key] = { ...merged.theme[key], ...user.theme[key] };
-}
-}
-}
-if (user.darkMode !== undefined) {
-merged.darkMode = user.darkMode;
-}
-if (user.preflight !== undefined) {
-merged.preflight = user.preflight;
-}
-return merged;
-}
-function generateCSSVariables(config) {
-const { theme } = config;
-let css = ':root {\n';
-for (const [key, value] of Object.entries(theme.spacing)) {
-css += `  --s-${key}: ${value};\n`;
-}
-for (const [key, value] of Object.entries(theme.radius)) {
-css += `  --r-${key}: ${value};\n`;
-}
-for (const [key, value] of Object.entries(theme.shadow)) {
-css += `  --shadow-${key}: ${value};\n`;
-}
-for (const [key, value] of Object.entries(theme.fontSize)) {
-css += `  --font-${key}: ${value};\n`;
-}
-for (const [key, value] of Object.entries(theme.fontWeight)) {
-css += `  --fw-${key}: ${value};\n`;
-}
-for (const [key, value] of Object.entries(theme.colors)) {
-css += `  --c-${key}: ${value};\n`;
-}
-for (const [key, value] of Object.entries(theme.zIndex)) {
-css += `  --z-${key}: ${value};\n`;
-}
-css += '}\n\n';
-return css;
-}
-function generatePreflight() {
-return `
+/* SenangStart CSS v0.2.0 | MIT */
+(()=>{var h=["mob","tab","lap","desk","tw-sm","tw-md","tw-lg","tw-xl","tw-2xl"],w=["hover","focus","active","disabled","dark"],B=["flex","grid","block","inline","hidden","row","col","row-reverse","col-reverse","center","start","end","between","around","evenly","wrap","nowrap","absolute","relative","fixed","sticky"];function z(l){return typeof l!="string"?"":l.replace(/;/g,"_")}function W(l){return!(!l.property||typeof l.property!="string"||l.property.length>100||l.value!==null&&typeof l.value!="string"||l.value&&l.value.length>500||l.breakpoint&&!h.includes(l.breakpoint)||l.state&&!w.includes(l.state))}function S(l){let y={raw:l,breakpoint:null,state:null,property:null,value:null,isArbitrary:!1},c=l.split(":"),d=0;if(h.includes(c[0])&&(y.breakpoint=c[0],d++),w.includes(c[d])&&(y.state=c[d],d++),d<c.length&&(y.property=c[d],d++),d<c.length){let g=c.slice(d).join(":"),x=g.match(/^\[(.+)\]$/);x?(y.value=x[1].replace(/_/g," "),y.isArbitrary=!0):y.value=g}return y}function M(l,y){if(typeof l!="string"||l.length===0||l.length>200)return{raw:l,breakpoint:null,state:null,property:null,value:null,isArbitrary:!1,attrType:y,error:"Invalid token format"};let c={raw:l,breakpoint:null,state:null,property:null,value:null,isArbitrary:!1,attrType:y};if(y==="layout"){if(l.startsWith("z:"))return c.property="z",c.value=l.substring(2),c;if(l.startsWith("overflow:"))return c.property="overflow",c.value=l.substring(9),c;if(B.includes(l))return c.property=l,c.value=l,c;let x=l.split(":");if(x.length===2&&h.includes(x[0]))return c.breakpoint=x[0],c.property=x[1],c.value=x[1],c}let d=l.split(":");if(d.length===1)return c.property=l,c.value=l,c;let g=0;if(h.includes(d[0])&&(c.breakpoint=d[0],g++),w.includes(d[g])&&(c.state=d[g],g++),g<d.length&&(c.property=d[g],g++),g<d.length){let x=d.slice(g).join(":"),$=x.match(/^\[(.+)\]$/);$?(c.value=z($[1].replace(/_/g," ")),c.isArbitrary=!0):c.value=z(x)}return W(c)||(c.error="Invalid token structure"),c}(function(){"use strict";let l={theme:{spacing:{none:"0px",tiny:"4px",small:"8px",medium:"16px",big:"32px",giant:"64px",vast:"128px"},radius:{none:"0px",small:"4px",medium:"8px",big:"16px",round:"9999px"},shadow:{none:"none",small:"0 1px 2px rgba(0,0,0,0.05)",medium:"0 4px 6px rgba(0,0,0,0.1)",big:"0 10px 15px rgba(0,0,0,0.15)",giant:"0 25px 50px rgba(0,0,0,0.25)"},fontSize:{mini:"0.75rem",small:"0.875rem",base:"1rem",large:"1.125rem",big:"1.25rem",huge:"1.5rem",grand:"1.875rem",giant:"2.25rem",mount:"3rem",mega:"3.75rem",giga:"4.5rem",tera:"6rem",hero:"8rem"},fontSizeLineHeight:{mini:"1rem",small:"1.25rem",base:"1.5rem",large:"1.75rem",big:"1.75rem",huge:"2rem",grand:"2.25rem",giant:"2.5rem",mount:"1",mega:"1",giga:"1",tera:"1",hero:"1"},fontWeight:{normal:"400",medium:"500",bold:"700"},screens:{mob:"480px",tab:"768px",lap:"1024px",desk:"1280px","tw-sm":"640px","tw-md":"768px","tw-lg":"1024px","tw-xl":"1280px","tw-2xl":"1536px"},colors:{white:"#FFFFFF",black:"#000000",grey:"#6B7280",dark:"#3E4A5D",light:"#DBEAFE",primary:"#2563EB",secondary:"#DBEAFE",success:"#10B981",warning:"#F59E0B",danger:"#EF4444","red-50":"#FEF2F2","red-100":"#FEE2E2","red-200":"#FECACA","red-300":"#FCA5A5","red-400":"#F87171","red-500":"#EF4444","red-600":"#DC2626","red-700":"#B91C1C","red-800":"#991B1B","red-900":"#7F1D1D","red-950":"#450A0A","orange-50":"#FFF7ED","orange-100":"#FFEDD5","orange-200":"#FED7AA","orange-300":"#FDBA74","orange-400":"#FB923C","orange-500":"#F97316","orange-600":"#EA580C","orange-700":"#C2410C","orange-800":"#9A3412","orange-900":"#7C2D12","orange-950":"#431407","amber-50":"#FFFBEB","amber-100":"#FEF3C7","amber-200":"#FDE68A","amber-300":"#FCD34D","amber-400":"#FBBF24","amber-500":"#F59E0B","amber-600":"#D97706","amber-700":"#B45309","amber-800":"#92400E","amber-900":"#78350F","amber-950":"#451A03","yellow-50":"#FEFCE8","yellow-100":"#FEF9C3","yellow-200":"#FEF08A","yellow-300":"#FDE047","yellow-400":"#FACC15","yellow-500":"#EAB308","yellow-600":"#CA8A04","yellow-700":"#A16207","yellow-800":"#854D0E","yellow-900":"#713F12","yellow-950":"#422006","lime-50":"#F7FEE7","lime-100":"#ECFCCB","lime-200":"#D9F99D","lime-300":"#BEF264","lime-400":"#A3E635","lime-500":"#84CC16","lime-600":"#65A30D","lime-700":"#4D7C0F","lime-800":"#3F6212","lime-900":"#365314","lime-950":"#1A2E05","green-50":"#F0FDF4","green-100":"#DCFCE7","green-200":"#BBF7D0","green-300":"#86EFAC","green-400":"#4ADE80","green-500":"#22C55E","green-600":"#16A34A","green-700":"#15803D","green-800":"#166534","green-900":"#14532D","green-950":"#052E16","emerald-50":"#ECFDF5","emerald-100":"#D1FAE5","emerald-200":"#A7F3D0","emerald-300":"#6EE7B7","emerald-400":"#34D399","emerald-500":"#10B981","emerald-600":"#059669","emerald-700":"#047857","emerald-800":"#065F46","emerald-900":"#064E3B","emerald-950":"#022C22","teal-50":"#F0FDFA","teal-100":"#CCFBF1","teal-200":"#99F6E4","teal-300":"#5EEAD4","teal-400":"#2DD4BF","teal-500":"#14B8A6","teal-600":"#0D9488","teal-700":"#0F766E","teal-800":"#115E59","teal-900":"#134E4A","teal-950":"#042F2E","cyan-50":"#ECFEFF","cyan-100":"#CFFAFE","cyan-200":"#A5F3FC","cyan-300":"#67E8F9","cyan-400":"#22D3EE","cyan-500":"#06B6D4","cyan-600":"#0891B2","cyan-700":"#0E7490","cyan-800":"#155E75","cyan-900":"#164E63","cyan-950":"#083344","sky-50":"#F0F9FF","sky-100":"#E0F2FE","sky-200":"#BAE6FD","sky-300":"#7DD3FC","sky-400":"#38BDF8","sky-500":"#0EA5E9","sky-600":"#0284C7","sky-700":"#0369A1","sky-800":"#075985","sky-900":"#0C4A6E","sky-950":"#082F49","blue-50":"#EFF6FF","blue-100":"#DBEAFE","blue-200":"#BFDBFE","blue-300":"#93C5FD","blue-400":"#60A5FA","blue-500":"#3B82F6","blue-600":"#2563EB","blue-700":"#1D4ED8","blue-800":"#1E40AF","blue-900":"#1E3A8A","blue-950":"#172554","indigo-50":"#EEF2FF","indigo-100":"#E0E7FF","indigo-200":"#C7D2FE","indigo-300":"#A5B4FC","indigo-400":"#818CF8","indigo-500":"#6366F1","indigo-600":"#4F46E5","indigo-700":"#4338CA","indigo-800":"#3730A3","indigo-900":"#312E81","indigo-950":"#1E1B4B","violet-50":"#F5F3FF","violet-100":"#EDE9FE","violet-200":"#DDD6FE","violet-300":"#C4B5FD","violet-400":"#A78BFA","violet-500":"#8B5CF6","violet-600":"#7C3AED","violet-700":"#6D28D9","violet-800":"#5B21B6","violet-900":"#4C1D95","violet-950":"#2E1065","purple-50":"#FAF5FF","purple-100":"#F3E8FF","purple-200":"#E9D5FF","purple-300":"#D8B4FE","purple-400":"#C084FC","purple-500":"#A855F7","purple-600":"#9333EA","purple-700":"#7E22CE","purple-800":"#6B21A8","purple-900":"#581C87","purple-950":"#3B0764","fuchsia-50":"#FDF4FF","fuchsia-100":"#FAE8FF","fuchsia-200":"#F5D0FE","fuchsia-300":"#F0ABFC","fuchsia-400":"#E879F9","fuchsia-500":"#D946EF","fuchsia-600":"#C026D3","fuchsia-700":"#A21CAF","fuchsia-800":"#86198F","fuchsia-900":"#701A75","fuchsia-950":"#4A044E","pink-50":"#FDF2F8","pink-100":"#FCE7F3","pink-200":"#FBCFE8","pink-300":"#F9A8D4","pink-400":"#F472B6","pink-500":"#EC4899","pink-600":"#DB2777","pink-700":"#BE185D","pink-800":"#9D174D","pink-900":"#831843","pink-950":"#500724","rose-50":"#FFF1F2","rose-100":"#FFE4E6","rose-200":"#FECDD3","rose-300":"#FDA4AF","rose-400":"#FB7185","rose-500":"#F43F5E","rose-600":"#E11D48","rose-700":"#BE123C","rose-800":"#9F1239","rose-900":"#881337","rose-950":"#4C0519","slate-50":"#F8FAFC","slate-100":"#F1F5F9","slate-200":"#E2E8F0","slate-300":"#CBD5E1","slate-400":"#94A3B8","slate-500":"#64748B","slate-600":"#475569","slate-700":"#334155","slate-800":"#1E293B","slate-900":"#0F172A","slate-950":"#020617","gray-50":"#F9FAFB","gray-100":"#F3F4F6","gray-200":"#E5E7EB","gray-300":"#D1D5DB","gray-400":"#9CA3AF","gray-500":"#6B7280","gray-600":"#4B5563","gray-700":"#374151","gray-800":"#1F2937","gray-900":"#111827","gray-950":"#030712","zinc-50":"#FAFAFA","zinc-100":"#F4F4F5","zinc-200":"#E4E4E7","zinc-300":"#D4D4D8","zinc-400":"#A1A1AA","zinc-500":"#71717A","zinc-600":"#52525B","zinc-700":"#3F3F46","zinc-800":"#27272A","zinc-900":"#18181B","zinc-950":"#09090B","neutral-50":"#FAFAFA","neutral-100":"#F5F5F5","neutral-200":"#E5E5E5","neutral-300":"#D4D4D4","neutral-400":"#A3A3A3","neutral-500":"#737373","neutral-600":"#525252","neutral-700":"#404040","neutral-800":"#262626","neutral-900":"#171717","neutral-950":"#0A0A0A","stone-50":"#FAFAF9","stone-100":"#F5F5F4","stone-200":"#E7E5E4","stone-300":"#D6D3D1","stone-400":"#A8A29E","stone-500":"#78716C","stone-600":"#57534E","stone-700":"#44403C","stone-800":"#292524","stone-900":"#1C1917","stone-950":"#0C0A09"},zIndex:{base:"0",low:"10",mid:"50",high:"100",top:"9999"}},darkMode:"media",preflight:!0},y={theme:{type:"object",properties:{spacing:{type:"object"},radius:{type:"object"},shadow:{type:"object"},fontSize:{type:"object"},fontWeight:{type:"object"},screens:{type:"object"},colors:{type:"object"},zIndex:{type:"object"}}},darkMode:{type:"string",enum:["media","selector"]},preflight:{type:"boolean"}};function c(s){return!(!s||typeof s!="object"||Array.isArray(s)||s.theme&&(typeof s.theme!="object"||Array.isArray(s.theme))||s.darkMode!==void 0&&s.darkMode!=="media"&&s.darkMode!=="selector"&&!Array.isArray(s.darkMode)||s.preflight!==void 0&&typeof s.preflight!="boolean")}function d(){let s=document.querySelector('script[type="senangstart/config"]');if(!s)return{};try{let n=JSON.parse(s.textContent);return c(n)?n:(console.error("[SenangStart] Invalid config structure"),{})}catch(n){return console.error("[SenangStart] Invalid config JSON:",n),{}}}function g(s){if(!c(s))return console.error("[SenangStart] Invalid user config, using defaults"),JSON.parse(JSON.stringify(l));let n=JSON.parse(JSON.stringify(l));if(s.theme)for(let e of Object.keys(n.theme))s.theme[e]&&(n.theme[e]={...n.theme[e],...s.theme[e]});return s.darkMode!==void 0&&(n.darkMode=s.darkMode),s.preflight!==void 0&&(n.preflight=s.preflight),n}function x(s){let{theme:n}=s,e=`:root {
+`;for(let[p,a]of Object.entries(n.spacing))e+=`  --s-${p}: ${a};
+`;for(let[p,a]of Object.entries(n.radius))e+=`  --r-${p}: ${a};
+`;for(let[p,a]of Object.entries(n.shadow))e+=`  --shadow-${p}: ${a};
+`;for(let[p,a]of Object.entries(n.fontSize))e+=`  --font-${p}: ${a};
+`;if(n.fontSizeLineHeight)for(let[p,a]of Object.entries(n.fontSizeLineHeight))e+=`  --font-lh-${p}: ${a};
+`;for(let[p,a]of Object.entries(n.fontWeight))e+=`  --fw-${p}: ${a};
+`;for(let[p,a]of Object.entries(n.colors))e+=`  --c-${p}: ${a};
+`;for(let[p,a]of Object.entries(n.zIndex))e+=`  --z-${p}: ${a};
+`;let r={0:"0px",px:"1px","0.5":"0.125rem",1:"0.25rem","1.5":"0.375rem",2:"0.5rem","2.5":"0.625rem",3:"0.75rem","3.5":"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"};for(let[p,a]of Object.entries(r))e+=`  --tw-${p}: ${a};
+`;let o={none:"0px",sm:"0.125rem",DEFAULT:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"};for(let[p,a]of Object.entries(o))e+=`  --tw-rounded-${p}: ${a};
+`;let u={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)",none:"0 0 #0000"};for(let[p,a]of Object.entries(u))e+=`  --tw-shadow-${p}: ${a};
+`;let f={xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem","7xl":"4.5rem","8xl":"6rem","9xl":"8rem"};for(let[p,a]of Object.entries(f))e+=`  --tw-text-${p}: ${a};
+`;let t={xs:"1rem",sm:"1.25rem",base:"1.5rem",lg:"1.75rem",xl:"1.75rem","2xl":"2rem","3xl":"2.25rem","4xl":"2.5rem","5xl":"1","6xl":"1","7xl":"1","8xl":"1","9xl":"1"};for(let[p,a]of Object.entries(t))e+=`  --tw-leading-${p}: ${a};
+`;let i={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"};for(let[p,a]of Object.entries(i))e+=`  --tw-font-${p}: ${a};
+`;return e+=`}
+
+`,e}function $(){return`/* SenangStart Preflight - Opinionated Base Styles */
 *,
 ::before,
 ::after {
-box-sizing: border-box;
-border-width: 0;
-border-style: solid;
-border-color: currentColor;
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: currentColor;
 }
+
 html, :host {
-line-height: 1.5;
--webkit-text-size-adjust: 100%;
--moz-tab-size: 4;
-tab-size: 4;
-font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-font-feature-settings: normal;
-font-variation-settings: normal;
--webkit-tap-highlight-color: transparent;
-}
+  line-height: 1.5;
+  -webkit-text-size-adjust: 100%;
+  -moz-tab-size: 4;
+  tab-size: 4;
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-feature-settings: normal;
+  font-variation-settings: normal;
+  -webkit-tap-highlight-color: transparent;
+}
+
 body {
-margin: 0;
-line-height: inherit;
+  margin: 0;
+  line-height: inherit;
 }
+
 hr {
-height: 0;
-color: inherit;
-border-top-width: 1px;
+  height: 0;
+  color: inherit;
+  border-top-width: 1px;
 }
+
 h1, h2, h3, h4, h5, h6 {
-font-size: inherit;
-font-weight: inherit;
+  font-size: inherit;
+  font-weight: inherit;
 }
+
 a {
-color: inherit;
-text-decoration: inherit;
+  color: inherit;
+  text-decoration: inherit;
 }
+
 b, strong {
-font-weight: bolder;
+  font-weight: bolder;
 }
+
 code, kbd, samp, pre {
-font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-font-size: 1em;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 1em;
 }
+
 small {
-font-size: 80%;
+  font-size: 80%;
 }
+
 sub, sup {
-font-size: 75%;
-line-height: 0;
-position: relative;
-vertical-align: baseline;
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
 }
+
 sub { bottom: -0.25em; }
 sup { top: -0.5em; }
+
 table {
-text-indent: 0;
-border-color: inherit;
-border-collapse: collapse;
+  text-indent: 0;
+  border-color: inherit;
+  border-collapse: collapse;
 }
+
 button, input, optgroup, select, textarea {
-font-family: inherit;
-font-size: 100%;
-font-weight: inherit;
-line-height: inherit;
-color: inherit;
-margin: 0;
-padding: 0;
-}
+  font-family: inherit;
+  font-size: 100%;
+  font-weight: inherit;
+  line-height: inherit;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+}
+
 button, select {
-text-transform: none;
+  text-transform: none;
 }
+
 button,
 input:where([type='button']),
 input:where([type='reset']),
 input:where([type='submit']) {
--webkit-appearance: button;
-background-color: transparent;
-background-image: none;
+  -webkit-appearance: button;
+  background-color: transparent;
+  background-image: none;
 }
+
 progress {
-vertical-align: baseline;
+  vertical-align: baseline;
 }
+
 [type='search'] {
--webkit-appearance: textfield;
-outline-offset: -2px;
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
 }
+
 summary {
-display: list-item;
+  display: list-item;
 }
+
 blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
-margin: 0;
+  margin: 0;
 }
+
 fieldset { margin: 0; padding: 0; }
 legend { padding: 0; }
+
 ol, ul, menu {
-list-style: none;
-margin: 0;
-padding: 0;
+  list-style: none;
+  margin: 0;
+  padding: 0;
 }
+
 dialog { padding: 0; }
+
 textarea { resize: vertical; }
+
 input::placeholder, textarea::placeholder {
-opacity: 1;
-color: #9ca3af;
+  opacity: 1;
+  color: #9ca3af;
 }
+
 button, [role="button"] {
-cursor: pointer;
+  cursor: pointer;
 }
+
 :disabled {
-cursor: default;
+  cursor: default;
 }
+
 img, svg, video, canvas, audio, iframe, embed, object {
-display: block;
-vertical-align: middle;
+  display: block;
+  vertical-align: middle;
 }
+
 img, video {
-max-width: 100%;
-height: auto;
+  max-width: 100%;
+  height: auto;
 }
+
 [hidden] {
-display: none;
+  display: none;
 }
+
+/* Keyframe Animations */
 @keyframes spin {
-to { transform: rotate(360deg); }
+  to { transform: rotate(360deg); }
 }
+
 @keyframes ping {
-75%, 100% {
-transform: scale(2);
-opacity: 0;
-}
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
 }
+
 @keyframes pulse {
-50% { opacity: .5; }
+  50% { opacity: .5; }
 }
+
 @keyframes bounce {
-0%, 100% {
-transform: translateY(-25%);
-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
-}
-50% {
-transform: none;
-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-}
-`;
-}
-const layoutKeywords = {
-'flex': 'display: flex;',
-'grid': 'display: grid;',
-'inline-flex': 'display: inline-flex;',
-'inline-grid': 'display: inline-grid;',
-'block': 'display: block;',
-'inline': 'display: inline-block;',
-'hidden': 'display: none;',
-'row': 'flex-direction: row;',
-'col': 'flex-direction: column;',
-'row-reverse': 'flex-direction: row-reverse;',
-'col-reverse': 'flex-direction: column-reverse;',
-'wrap': 'flex-wrap: wrap;',
-'nowrap': 'flex-wrap: nowrap;',
-'wrap-reverse': 'flex-wrap: wrap-reverse;',
-'grow': 'flex-grow: 1;',
-'grow-0': 'flex-grow: 0;',
-'shrink': 'flex-shrink: 1;',
-'shrink-0': 'flex-shrink: 0;',
-'grid-flow-row': 'grid-auto-flow: row;',
-'grid-flow-col': 'grid-auto-flow: column;',
-'grid-flow-dense': 'grid-auto-flow: dense;',
-'grid-flow-row-dense': 'grid-auto-flow: row dense;',
-'grid-flow-col-dense': 'grid-auto-flow: column dense;',
-'center': 'justify-content: center; align-items: center;',
-'start': 'justify-content: flex-start; align-items: flex-start;',
-'end': 'justify-content: flex-end; align-items: flex-end;',
-'between': 'justify-content: space-between;',
-'around': 'justify-content: space-around;',
-'evenly': 'justify-content: space-evenly;',
-'absolute': 'position: absolute;',
-'relative': 'position: relative;',
-'fixed': 'position: fixed;',
-'sticky': 'position: sticky;',
-'static': 'position: static;',
-'visible': 'visibility: visible;',
-'invisible': 'visibility: hidden;',
-'isolate': 'isolation: isolate;',
-'isolate-auto': 'isolation: auto;',
-'box-border': 'box-sizing: border-box;',
-'box-content': 'box-sizing: content-box;',
-'float-left': 'float: left;',
-'float-right': 'float: right;',
-'float-none': 'float: none;',
-'clear-left': 'clear: left;',
-'clear-right': 'clear: right;',
-'clear-both': 'clear: both;',
-'clear-none': 'clear: none;',
-'container': 'width: 100%; margin-left: auto; margin-right: auto;',
-'border-collapse': 'border-collapse: collapse;',
-'border-separate': 'border-collapse: separate;'
-};
-const breakpoints = ['mob', 'tab', 'lap', 'desk'];
-const states = ['hover', 'focus', 'active', 'disabled', 'dark'];
-function parseToken(raw) {
-const token = {
-raw,
-breakpoint: null,
-state: null,
-property: null,
-value: null,
-isArbitrary: false
-};
-const parts = raw.split(':');
-let idx = 0;
-if (breakpoints.includes(parts[0])) {
-token.breakpoint = parts[0];
-idx++;
-}
-if (states.includes(parts[idx])) {
-token.state = parts[idx];
-idx++;
-}
-if (idx < parts.length) {
-token.property = parts[idx];
-idx++;
-}
-if (idx < parts.length) {
-let value = parts.slice(idx).join(':');
-const arbitraryMatch = value.match(/^\[(.+)\]$/);
-if (arbitraryMatch) {
-token.value = arbitraryMatch[1].replace(/_/g, ' ');
-token.isArbitrary = true;
-} else {
-token.value = value;
-}
-}
-return token;
-}
-function generateLayoutRule(token) {
-const { property, value, isArbitrary } = token;
-if (property === 'justify') {
-const justifyMap = {
-'start': 'flex-start',
-'end': 'flex-end',
-'center': 'center',
-'between': 'space-between',
-'around': 'space-around',
-'evenly': 'space-evenly',
-'stretch': 'stretch'
-};
-return `justify-content: ${justifyMap[value] || value};`;
-}
-if (property === 'justify-items') {
-return `justify-items: ${value};`;
-}
-if (property === 'justify-self') {
-return `justify-self: ${value};`;
-}
-if (property === 'content') {
-const contentMap = {
-'start': 'flex-start',
-'end': 'flex-end',
-'center': 'center',
-'between': 'space-between',
-'around': 'space-around',
-'evenly': 'space-evenly',
-'stretch': 'stretch'
-};
-return `align-content: ${contentMap[value] || value};`;
-}
-if (property === 'items') {
-const itemsMap = {
-'start': 'flex-start',
-'end': 'flex-end',
-'center': 'center',
-'baseline': 'baseline',
-'stretch': 'stretch'
-};
-return `align-items: ${itemsMap[value] || value};`;
-}
-if (property === 'self') {
-const selfMap = {
-'auto': 'auto',
-'start': 'flex-start',
-'end': 'flex-end',
-'center': 'center',
-'baseline': 'baseline',
-'stretch': 'stretch'
-};
-return `align-self: ${selfMap[value] || value};`;
-}
-if (property === 'place-content') {
-const placeContentMap = {
-'start': 'start',
-'end': 'end',
-'center': 'center',
-'between': 'space-between',
-'around': 'space-around',
-'evenly': 'space-evenly',
-'stretch': 'stretch'
-};
-return `place-content: ${placeContentMap[value] || value};`;
-}
-if (property === 'place-items') {
-return `place-items: ${value};`;
-}
-if (property === 'place-self') {
-return `place-self: ${value};`;
-}
-if (property === 'z') {
-return `z-index: var(--z-${value});`;
-}
-if (property === 'overflow') {
-return `overflow: ${value};`;
-}
-if (property === 'overflow-x') {
-return `overflow-x: ${value};`;
-}
-if (property === 'overflow-y') {
-return `overflow-y: ${value};`;
-}
-if (property === 'aspect') {
-const aspectMap = {
-'square': '1 / 1',
-'video': '16 / 9',
-'auto': 'auto'
-};
-const cssValue = isArbitrary ? value.replace(/_/g, ' ') : (aspectMap[value] || value);
-return `aspect-ratio: ${cssValue};`;
-}
-if (property === 'object') {
-return `object-fit: ${value};`;
-}
-if (property === 'object-pos') {
-const cssValue = isArbitrary ? value.replace(/_/g, ' ') : value;
-return `object-position: ${cssValue};`;
-}
-if (property === 'inset') {
-const cssValue = isArbitrary ? value : (value === '0' ? '0' : `var(--s-${value})`);
-return `inset: ${cssValue};`;
-}
-if (['top', 'right', 'bottom', 'left'].includes(property)) {
-const cssValue = isArbitrary ? value : (value === '0' ? '0' : `var(--s-${value})`);
-return `${property}: ${cssValue};`;
-}
-if (property === 'inset-x') {
-const cssValue = isArbitrary ? value : (value === '0' ? '0' : `var(--s-${value})`);
-return `left: ${cssValue}; right: ${cssValue};`;
-}
-if (property === 'inset-y') {
-const cssValue = isArbitrary ? value : (value === '0' ? '0' : `var(--s-${value})`);
-return `top: ${cssValue}; bottom: ${cssValue};`;
-}
-if (property === 'cols') {
-return `columns: ${value};`;
-}
-if (property === 'overscroll') {
-return `overscroll-behavior: ${value};`;
-}
-if (property === 'overscroll-x') {
-return `overscroll-behavior-x: ${value};`;
-}
-if (property === 'overscroll-y') {
-return `overscroll-behavior-y: ${value};`;
-}
-if (property === 'basis') {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `flex-basis: ${cssValue};`;
-}
-if (property === 'flex') {
-const flexPresets = {
-'1': '1 1 0%',
-'auto': '1 1 auto',
-'initial': '0 1 auto',
-'none': 'none'
-};
-const cssValue = isArbitrary ? value.replace(/_/g, ' ') : (flexPresets[value] || value);
-return `flex: ${cssValue};`;
-}
-if (property === 'order') {
-const orderPresets = {
-'first': '-9999',
-'last': '9999',
-'none': '0'
-};
-const cssValue = orderPresets[value] || value;
-return `order: ${cssValue};`;
-}
-if (property === 'grid-cols') {
-if (value === 'none') {
-return 'grid-template-columns: none;';
-}
-if (value === 'subgrid') {
-return 'grid-template-columns: subgrid;';
-}
-if (isArbitrary) {
-return `grid-template-columns: ${value.replace(/_/g, ' ')};`;
-}
-return `grid-template-columns: repeat(${value}, minmax(0, 1fr));`;
-}
-if (property === 'grid-rows') {
-if (value === 'none') {
-return 'grid-template-rows: none;';
-}
-if (value === 'subgrid') {
-return 'grid-template-rows: subgrid;';
-}
-if (isArbitrary) {
-return `grid-template-rows: ${value.replace(/_/g, ' ')};`;
-}
-return `grid-template-rows: repeat(${value}, minmax(0, 1fr));`;
-}
-if (property === 'col-span') {
-if (value === 'full') {
-return 'grid-column: 1 / -1;';
-}
-return `grid-column: span ${value} / span ${value};`;
-}
-if (property === 'col-start') {
-return `grid-column-start: ${value};`;
-}
-if (property === 'col-end') {
-return `grid-column-end: ${value};`;
-}
-if (property === 'row-span') {
-if (value === 'full') {
-return 'grid-row: 1 / -1;';
-}
-return `grid-row: span ${value} / span ${value};`;
-}
-if (property === 'row-start') {
-return `grid-row-start: ${value};`;
-}
-if (property === 'row-end') {
-return `grid-row-end: ${value};`;
-}
-if (property === 'auto-cols') {
-const autoPresets = {
-'auto': 'auto',
-'min': 'min-content',
-'max': 'max-content',
-'fr': 'minmax(0, 1fr)'
-};
-const cssValue = isArbitrary ? value : (autoPresets[value] || value);
-return `grid-auto-columns: ${cssValue};`;
-}
-if (property === 'auto-rows') {
-const autoPresets = {
-'auto': 'auto',
-'min': 'min-content',
-'max': 'max-content',
-'fr': 'minmax(0, 1fr)'
-};
-const cssValue = isArbitrary ? value : (autoPresets[value] || value);
-return `grid-auto-rows: ${cssValue};`;
-}
-if (property === 'table') {
-const tableMap = { 'auto': 'auto', 'fixed': 'fixed' };
-return `table-layout: ${tableMap[value] || value};`;
-}
-if (property === 'caption') {
-return `caption-side: ${value};`;
-}
-if (property === 'border-spacing') {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `border-spacing: ${cssValue};`;
-}
-if (property === 'border-spacing-x') {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `border-spacing: ${cssValue} 0;`;
-}
-if (property === 'border-spacing-y') {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `border-spacing: 0 ${cssValue};`;
-}
-return layoutKeywords[property] || '';
-}
-function generateSpaceRule(token) {
-const { property, value, isArbitrary } = token;
-if (value === 'auto') {
-const autoMap = {
-'m': 'margin: auto;',
-'m-x': 'margin-left: auto; margin-right: auto;',
-'m-y': 'margin-top: auto; margin-bottom: auto;',
-'m-t': 'margin-top: auto;',
-'m-r': 'margin-right: auto;',
-'m-b': 'margin-bottom: auto;',
-'m-l': 'margin-left: auto;'
-};
-return autoMap[property] || '';
-}
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-const map = {
-'p': `padding: ${cssValue};`,
-'p-t': `padding-top: ${cssValue};`,
-'p-r': `padding-right: ${cssValue};`,
-'p-b': `padding-bottom: ${cssValue};`,
-'p-l': `padding-left: ${cssValue};`,
-'p-x': `padding-left: ${cssValue}; padding-right: ${cssValue};`,
-'p-y': `padding-top: ${cssValue}; padding-bottom: ${cssValue};`,
-'m': `margin: ${cssValue};`,
-'m-t': `margin-top: ${cssValue};`,
-'m-r': `margin-right: ${cssValue};`,
-'m-b': `margin-bottom: ${cssValue};`,
-'m-l': `margin-left: ${cssValue};`,
-'m-x': `margin-left: ${cssValue}; margin-right: ${cssValue};`,
-'m-y': `margin-top: ${cssValue}; margin-bottom: ${cssValue};`,
-'g': `gap: ${cssValue};`,
-'g-x': `column-gap: ${cssValue};`,
-'g-y': `row-gap: ${cssValue};`,
-'w': `width: ${cssValue};`,
-'h': `height: ${cssValue};`,
-'min-w': `min-width: ${cssValue};`,
-'max-w': `max-width: ${cssValue};`,
-'min-h': `min-height: ${cssValue};`,
-'max-h': `max-height: ${cssValue};`
-};
-return map[property] || '';
-}
-function generateVisualRule(token) {
-const { property, value, isArbitrary } = token;
-const typographyKeywords = {
-'italic': 'font-style: italic;',
-'not-italic': 'font-style: normal;',
-'font-stretch-condensed': 'font-stretch: condensed;',
-'font-stretch-expanded': 'font-stretch: expanded;',
-'font-stretch-normal': 'font-stretch: normal;',
-'antialiased': '-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;',
-'subpixel-antialiased': '-webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto;',
-'normal-nums': 'font-variant-numeric: normal;',
-'ordinal': 'font-variant-numeric: ordinal;',
-'slashed-zero': 'font-variant-numeric: slashed-zero;',
-'lining-nums': 'font-variant-numeric: lining-nums;',
-'oldstyle-nums': 'font-variant-numeric: oldstyle-nums;',
-'proportional-nums': 'font-variant-numeric: proportional-nums;',
-'tabular-nums': 'font-variant-numeric: tabular-nums;',
-'uppercase': 'text-transform: uppercase;',
-'lowercase': 'text-transform: lowercase;',
-'capitalize': 'text-transform: capitalize;',
-'normal-case': 'text-transform: none;',
-'underline': 'text-decoration-line: underline;',
-'overline': 'text-decoration-line: overline;',
-'line-through': 'text-decoration-line: line-through;',
-'no-underline': 'text-decoration-line: none;',
-'decoration-solid': 'text-decoration-style: solid;',
-'decoration-double': 'text-decoration-style: double;',
-'decoration-dotted': 'text-decoration-style: dotted;',
-'decoration-dashed': 'text-decoration-style: dashed;',
-'decoration-wavy': 'text-decoration-style: wavy;',
-'truncate': 'overflow: hidden; text-overflow: ellipsis; white-space: nowrap;',
-'text-ellipsis': 'text-overflow: ellipsis;',
-'text-clip': 'text-overflow: clip;',
-'text-wrap': 'text-wrap: wrap;',
-'text-nowrap': 'text-wrap: nowrap;',
-'text-balance': 'text-wrap: balance;',
-'text-pretty': 'text-wrap: pretty;',
-'whitespace-normal': 'white-space: normal;',
-'whitespace-nowrap': 'white-space: nowrap;',
-'whitespace-pre': 'white-space: pre;',
-'whitespace-pre-line': 'white-space: pre-line;',
-'whitespace-pre-wrap': 'white-space: pre-wrap;',
-'whitespace-break-spaces': 'white-space: break-spaces;',
-'break-normal': 'overflow-wrap: normal; word-break: normal;',
-'break-words': 'overflow-wrap: break-word;',
-'break-all': 'word-break: break-all;',
-'break-keep': 'word-break: keep-all;',
-'hyphens-none': 'hyphens: none;',
-'hyphens-manual': 'hyphens: manual;',
-'hyphens-auto': 'hyphens: auto;',
-'align-baseline': 'vertical-align: baseline;',
-'align-top': 'vertical-align: top;',
-'align-middle': 'vertical-align: middle;',
-'align-bottom': 'vertical-align: bottom;',
-'align-text-top': 'vertical-align: text-top;',
-'align-text-bottom': 'vertical-align: text-bottom;',
-'align-sub': 'vertical-align: sub;',
-'align-super': 'vertical-align: super;',
-'list-none': 'list-style-type: none;',
-'list-disc': 'list-style-type: disc;',
-'list-decimal': 'list-style-type: decimal;',
-'list-square': 'list-style-type: square;',
-'list-inside': 'list-style-position: inside;',
-'list-outside': 'list-style-position: outside;'
-};
-if (typographyKeywords[property]) {
-return typographyKeywords[property];
-}
-const rules = {
-'bg': () => {
-const cssValue = isArbitrary ? value : `var(--c-${value})`;
-return `background-color: ${cssValue};`;
-},
-'text': () => {
-if (['left', 'center', 'right', 'justify'].includes(value)) {
-return `text-align: ${value};`;
-}
-const cssValue = isArbitrary ? value : `var(--c-${value})`;
-return `color: ${cssValue};`;
-},
-'text-size': () => {
-const cssValue = isArbitrary ? value : `var(--font-${value})`;
-return `font-size: ${cssValue};`;
-},
-'font': () => {
-const fontFamilies = {
-'sans': 'ui-sans-serif, system-ui, sans-serif',
-'serif': 'ui-serif, Georgia, serif',
-'mono': 'ui-monospace, monospace'
-};
-if (fontFamilies[value]) {
-return `font-family: ${fontFamilies[value]};`;
-}
-return `font-weight: var(--fw-${value});`;
-},
-'tracking': () => {
-const trackingScale = {
-'tighter': '-0.05em',
-'tight': '-0.025em',
-'normal': '0',
-'wide': '0.025em',
-'wider': '0.05em',
-'widest': '0.1em'
-};
-const cssValue = isArbitrary ? value : (trackingScale[value] || value);
-return `letter-spacing: ${cssValue};`;
-},
-'leading': () => {
-const leadingScale = {
-'none': '1',
-'tight': '1.25',
-'snug': '1.375',
-'normal': '1.5',
-'relaxed': '1.625',
-'loose': '2'
-};
-const cssValue = isArbitrary ? value : (leadingScale[value] || value);
-return `line-height: ${cssValue};`;
-},
-'line-clamp': () => {
-return `overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: ${value};`;
-},
-'decoration': () => {
-const cssValue = isArbitrary ? value : `var(--c-${value})`;
-return `text-decoration-color: ${cssValue};`;
-},
-'decoration-thickness': () => {
-const cssValue = isArbitrary ? value : `${value}px`;
-return `text-decoration-thickness: ${cssValue};`;
-},
-'underline-offset': () => {
-const cssValue = isArbitrary ? value : `${value}px`;
-return `text-underline-offset: ${cssValue};`;
-},
-'indent': () => {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `text-indent: ${cssValue};`;
-},
-'border': () => {
-const cssValue = isArbitrary ? value : `var(--c-${value})`;
-return `border-color: ${cssValue}; border-style: solid;`;
-},
-'border-t': () => {
-const cssValue = isArbitrary ? value : `var(--c-${value})`;
-return `border-top-color: ${cssValue}; border-top-style: solid;`;
-},
-'border-b': () => {
-const cssValue = isArbitrary ? value : `var(--c-${value})`;
-return `border-bottom-color: ${cssValue}; border-bottom-style: solid;`;
-},
-'border-l': () => {
-const cssValue = isArbitrary ? value : `var(--c-${value})`;
-return `border-left-color: ${cssValue}; border-left-style: solid;`;
-},
-'border-r': () => {
-const cssValue = isArbitrary ? value : `var(--c-${value})`;
-return `border-right-color: ${cssValue}; border-right-style: solid;`;
-},
-'border-x': () => {
-const cssValue = isArbitrary ? value : `var(--c-${value})`;
-return `border-left-color: ${cssValue}; border-right-color: ${cssValue}; border-left-style: solid; border-right-style: solid;`;
-},
-'border-y': () => {
-const cssValue = isArbitrary ? value : `var(--c-${value})`;
-return `border-top-color: ${cssValue}; border-bottom-color: ${cssValue}; border-top-style: solid; border-bottom-style: solid;`;
-},
-'border-w': () => {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `border-width: ${cssValue}; border-style: solid;`;
-},
-'border-t-w': () => {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `border-top-width: ${cssValue}; border-top-style: solid;`;
-},
-'border-b-w': () => {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `border-bottom-width: ${cssValue}; border-bottom-style: solid;`;
-},
-'border-l-w': () => {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `border-left-width: ${cssValue}; border-left-style: solid;`;
-},
-'border-r-w': () => {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `border-right-width: ${cssValue}; border-right-style: solid;`;
-},
-'border-x-w': () => {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `border-left-width: ${cssValue}; border-right-width: ${cssValue}; border-left-style: solid; border-right-style: solid;`;
-},
-'border-y-w': () => {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `border-top-width: ${cssValue}; border-bottom-width: ${cssValue}; border-top-style: solid; border-bottom-style: solid;`;
-},
-'rounded': () => `border-radius: var(--r-${value});`,
-'shadow': () => `box-shadow: var(--shadow-${value});`,
-'opacity': () => {
-const opacityValue = isArbitrary ? value : (parseFloat(value) / 100);
-return `opacity: ${opacityValue};`;
-},
-'content': () => `content: "${value}";`,
-'scale': () => {
-const scaleValue = isArbitrary ? value : (parseFloat(value) / 100);
-return `transform: scale(${scaleValue});`;
-},
-'scale-x': () => {
-const scaleValue = isArbitrary ? value : (parseFloat(value) / 100);
-return `transform: scaleX(${scaleValue});`;
-},
-'scale-y': () => {
-const scaleValue = isArbitrary ? value : (parseFloat(value) / 100);
-return `transform: scaleY(${scaleValue});`;
-},
-'rotate': () => {
-const rotateValue = isArbitrary ? value : `${value}deg`;
-return `transform: rotate(${rotateValue});`;
-},
-'translate-x': () => {
-const translatePresets = { '0': '0', 'full': '100%', '1/2': '50%', '-full': '-100%', '-1/2': '-50%' };
-const cssValue = isArbitrary ? value : (translatePresets[value] || `var(--s-${value})`);
-return `transform: translateX(${cssValue});`;
-},
-'translate-y': () => {
-const translatePresets = { '0': '0', 'full': '100%', '1/2': '50%', '-full': '-100%', '-1/2': '-50%' };
-const cssValue = isArbitrary ? value : (translatePresets[value] || `var(--s-${value})`);
-return `transform: translateY(${cssValue});`;
-},
-'skew-x': () => {
-const skewValue = isArbitrary ? value : `${value}deg`;
-return `transform: skewX(${skewValue});`;
-},
-'skew-y': () => {
-const skewValue = isArbitrary ? value : `${value}deg`;
-return `transform: skewY(${skewValue});`;
-},
-'origin': () => {
-const originMap = {
-'center': 'center',
-'top': 'top',
-'top-right': 'top right',
-'right': 'right',
-'bottom-right': 'bottom right',
-'bottom': 'bottom',
-'bottom-left': 'bottom left',
-'left': 'left',
-'top-left': 'top left'
-};
-const cssValue = isArbitrary ? value.replace(/_/g, ' ') : (originMap[value] || value);
-return `transform-origin: ${cssValue};`;
-},
-'transition': () => {
-const transitionMap = {
-'none': 'transition-property: none;',
-'all': 'transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;',
-'colors': 'transition-property: color, background-color, border-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;',
-'opacity': 'transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;',
-'shadow': 'transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;',
-'transform': 'transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;'
-};
-return transitionMap[value] || `transition-property: ${value};`;
-},
-'duration': () => {
-const durationMap = {
-'instant': '75ms',
-'quick': '100ms',
-'fast': '150ms',
-'normal': '200ms',
-'slow': '300ms',
-'slower': '500ms',
-'lazy': '700ms'
-};
-const cssValue = isArbitrary ? value : (durationMap[value] || `${value}ms`);
-return `transition-duration: ${cssValue};`;
-},
-'ease': () => {
-const easeMap = {
-'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)'
-};
-const cssValue = easeMap[value] || value;
-return `transition-timing-function: ${cssValue};`;
-},
-'delay': () => {
-const delayMap = {
-'instant': '75ms',
-'quick': '100ms',
-'fast': '150ms',
-'normal': '200ms',
-'slow': '300ms'
-};
-const cssValue = isArbitrary ? value : (delayMap[value] || `${value}ms`);
-return `transition-delay: ${cssValue};`;
-},
-'animate': () => {
-const animateMap = {
-'none': 'animation: none;',
-'spin': 'animation: spin 1s linear infinite;',
-'ping': 'animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;',
-'pulse': 'animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;',
-'bounce': 'animation: bounce 1s infinite;'
-};
-return animateMap[value] || `animation: ${value};`;
-},
-'blur': () => {
-const blurScale = {
-'none': '0',
-'sm': '4px',
-'md': '8px',
-'lg': '12px',
-'xl': '16px',
-'2xl': '24px',
-'3xl': '40px'
-};
-const cssValue = isArbitrary ? value : (blurScale[value] || `${value}px`);
-return `filter: blur(${cssValue});`;
-},
-'brightness': () => {
-const brightnessScale = {
-'0': '0',
-'50': '0.5',
-'75': '0.75',
-'90': '0.9',
-'95': '0.95',
-'100': '1',
-'105': '1.05',
-'110': '1.1',
-'125': '1.25',
-'150': '1.5',
-'200': '2'
-};
-const cssValue = isArbitrary ? value : (brightnessScale[value] || (parseFloat(value) / 100));
-return `filter: brightness(${cssValue});`;
-},
-'contrast': () => {
-const contrastScale = {
-'0': '0',
-'50': '0.5',
-'75': '0.75',
-'100': '1',
-'125': '1.25',
-'150': '1.5',
-'200': '2'
-};
-const cssValue = isArbitrary ? value : (contrastScale[value] || (parseFloat(value) / 100));
-return `filter: contrast(${cssValue});`;
-},
-'grayscale': () => {
-const grayscaleScale = { '0': '0', '100': '1', 'full': '1' };
-const cssValue = isArbitrary ? value : (grayscaleScale[value] || (parseFloat(value) / 100));
-return `filter: grayscale(${cssValue});`;
-},
-'hue-rotate': () => {
-const cssValue = isArbitrary ? value : `${value}deg`;
-return `filter: hue-rotate(${cssValue});`;
-},
-'invert': () => {
-const invertScale = { '0': '0', '100': '1', 'full': '1' };
-const cssValue = isArbitrary ? value : (invertScale[value] || (parseFloat(value) / 100));
-return `filter: invert(${cssValue});`;
-},
-'saturate': () => {
-const saturateScale = {
-'0': '0',
-'50': '0.5',
-'100': '1',
-'150': '1.5',
-'200': '2'
-};
-const cssValue = isArbitrary ? value : (saturateScale[value] || (parseFloat(value) / 100));
-return `filter: saturate(${cssValue});`;
-},
-'sepia': () => {
-const sepiaScale = { '0': '0', '100': '1', 'full': '1' };
-const cssValue = isArbitrary ? value : (sepiaScale[value] || (parseFloat(value) / 100));
-return `filter: sepia(${cssValue});`;
-},
-'drop-shadow': () => {
-const shadowMap = {
-'sm': 'drop-shadow(0 1px 1px rgb(0 0 0 / 0.05))',
-'md': 'drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06))',
-'lg': 'drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1))',
-'xl': 'drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08))',
-'2xl': 'drop-shadow(0 25px 25px rgb(0 0 0 / 0.15))',
-'none': 'drop-shadow(0 0 #0000)'
-};
-const cssValue = isArbitrary ? `drop-shadow(${value.replace(/_/g, ' ')})` : (shadowMap[value] || shadowMap['md']);
-return `filter: ${cssValue};`;
-},
-'bg-size': () => {
-const sizeMap = { 'auto': 'auto', 'cover': 'cover', 'contain': 'contain' };
-const cssValue = isArbitrary ? value.replace(/_/g, ' ') : (sizeMap[value] || value);
-return `background-size: ${cssValue};`;
-},
-'bg-pos': () => {
-const posMap = {
-'center': 'center',
-'top': 'top',
-'top-right': 'top right',
-'right': 'right',
-'bottom-right': 'bottom right',
-'bottom': 'bottom',
-'bottom-left': 'bottom left',
-'left': 'left',
-'top-left': 'top left'
-};
-const cssValue = isArbitrary ? value.replace(/_/g, ' ') : (posMap[value] || value);
-return `background-position: ${cssValue};`;
-},
-'bg-repeat': () => {
-const repeatMap = {
-'repeat': 'repeat',
-'no-repeat': 'no-repeat',
-'repeat-x': 'repeat-x',
-'repeat-y': 'repeat-y',
-'round': 'round',
-'space': 'space'
-};
-return `background-repeat: ${repeatMap[value] || value};`;
-},
-'bg-attachment': () => {
-return `background-attachment: ${value};`;
-},
-'bg-clip': () => {
-const clipMap = {
-'border': 'border-box',
-'padding': 'padding-box',
-'content': 'content-box',
-'text': 'text'
-};
-return `background-clip: ${clipMap[value] || value};`;
-},
-'bg-origin': () => {
-const originMap = {
-'border': 'border-box',
-'padding': 'padding-box',
-'content': 'content-box'
-};
-return `background-origin: ${originMap[value] || value};`;
-},
-'bg-blend': () => {
-return `background-blend-mode: ${value};`;
-},
-'bg-image': () => {
-const gradientMap = {
-'none': 'none',
-'gradient-to-t': 'linear-gradient(to top, var(--tw-gradient-stops))',
-'gradient-to-tr': 'linear-gradient(to top right, var(--tw-gradient-stops))',
-'gradient-to-r': 'linear-gradient(to right, var(--tw-gradient-stops))',
-'gradient-to-br': 'linear-gradient(to bottom right, var(--tw-gradient-stops))',
-'gradient-to-b': 'linear-gradient(to bottom, var(--tw-gradient-stops))',
-'gradient-to-bl': 'linear-gradient(to bottom left, var(--tw-gradient-stops))',
-'gradient-to-l': 'linear-gradient(to left, var(--tw-gradient-stops))',
-'gradient-to-tl': 'linear-gradient(to top left, var(--tw-gradient-stops))'
-};
-const cssValue = isArbitrary ? value.replace(/_/g, ' ') : (gradientMap[value] || value);
-return `background-image: ${cssValue};`;
-},
-'backdrop-blur': () => {
-const blurScale = {
-'none': '0',
-'sm': '4px',
-'md': '8px',
-'lg': '12px',
-'xl': '16px',
-'2xl': '24px',
-'3xl': '40px'
-};
-const cssValue = isArbitrary ? value : (blurScale[value] || `${value}px`);
-return `backdrop-filter: blur(${cssValue});`;
-},
-'backdrop-brightness': () => {
-const cssValue = isArbitrary ? value : (parseFloat(value) / 100);
-return `backdrop-filter: brightness(${cssValue});`;
-},
-'backdrop-contrast': () => {
-const cssValue = isArbitrary ? value : (parseFloat(value) / 100);
-return `backdrop-filter: contrast(${cssValue});`;
-},
-'backdrop-grayscale': () => {
-const grayscaleScale = { '0': '0', '100': '1', 'full': '1' };
-const cssValue = isArbitrary ? value : (grayscaleScale[value] || (parseFloat(value) / 100));
-return `backdrop-filter: grayscale(${cssValue});`;
-},
-'backdrop-hue-rotate': () => {
-const cssValue = isArbitrary ? value : `${value}deg`;
-return `backdrop-filter: hue-rotate(${cssValue});`;
-},
-'backdrop-invert': () => {
-const invertScale = { '0': '0', '100': '1', 'full': '1' };
-const cssValue = isArbitrary ? value : (invertScale[value] || (parseFloat(value) / 100));
-return `backdrop-filter: invert(${cssValue});`;
-},
-'backdrop-opacity': () => {
-const cssValue = isArbitrary ? value : (parseFloat(value) / 100);
-return `backdrop-filter: opacity(${cssValue});`;
-},
-'backdrop-saturate': () => {
-const cssValue = isArbitrary ? value : (parseFloat(value) / 100);
-return `backdrop-filter: saturate(${cssValue});`;
-},
-'backdrop-sepia': () => {
-const sepiaScale = { '0': '0', '100': '1', 'full': '1' };
-const cssValue = isArbitrary ? value : (sepiaScale[value] || (parseFloat(value) / 100));
-return `backdrop-filter: sepia(${cssValue});`;
-},
-'animation-duration': () => {
-const durationMap = {
-'instant': '75ms',
-'quick': '100ms',
-'fast': '150ms',
-'normal': '200ms',
-'slow': '300ms',
-'slower': '500ms',
-'lazy': '700ms'
-};
-const cssValue = isArbitrary ? value : (durationMap[value] || `${value}ms`);
-return `animation-duration: ${cssValue};`;
-},
-'animation-delay': () => {
-const delayMap = {
-'instant': '75ms',
-'quick': '100ms',
-'fast': '150ms',
-'normal': '200ms',
-'slow': '300ms'
-};
-const cssValue = isArbitrary ? value : (delayMap[value] || `${value}ms`);
-return `animation-delay: ${cssValue};`;
-},
-'animation-iteration': () => {
-const iterationMap = { 'infinite': 'infinite', 'once': '1', 'twice': '2' };
-const cssValue = iterationMap[value] || value;
-return `animation-iteration-count: ${cssValue};`;
-},
-'animation-direction': () => {
-return `animation-direction: ${value};`;
-},
-'animation-fill': () => {
-return `animation-fill-mode: ${value};`;
-},
-'animation-play': () => {
-return `animation-play-state: ${value};`;
-},
-'animation-timing': () => {
-const easeMap = {
-'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)'
-};
-const cssValue = easeMap[value] || value;
-return `animation-timing-function: ${cssValue};`;
-},
-'scroll-behavior': () => {
-return `scroll-behavior: ${value};`;
-},
-'scroll-m': () => {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `scroll-margin: ${cssValue};`;
-},
-'scroll-m-x': () => {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `scroll-margin-left: ${cssValue}; scroll-margin-right: ${cssValue};`;
-},
-'scroll-m-y': () => {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `scroll-margin-top: ${cssValue}; scroll-margin-bottom: ${cssValue};`;
-},
-'scroll-p': () => {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `scroll-padding: ${cssValue};`;
-},
-'scroll-p-x': () => {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `scroll-padding-left: ${cssValue}; scroll-padding-right: ${cssValue};`;
-},
-'scroll-p-y': () => {
-const cssValue = isArbitrary ? value : `var(--s-${value})`;
-return `scroll-padding-top: ${cssValue}; scroll-padding-bottom: ${cssValue};`;
-},
-'snap-align': () => {
-return `scroll-snap-align: ${value};`;
-},
-'snap-stop': () => {
-return `scroll-snap-stop: ${value};`;
-},
-'snap-type': () => {
-const typeMap = {
-'none': 'none',
-'x': 'x mandatory',
-'y': 'y mandatory',
-'both': 'both mandatory',
-'x-proximity': 'x proximity',
-'y-proximity': 'y proximity'
-};
-return `scroll-snap-type: ${typeMap[value] || value};`;
-},
-'touch': () => {
-const touchMap = {
-'auto': 'auto',
-'none': 'none',
-'pan-x': 'pan-x',
-'pan-y': 'pan-y',
-'pan-left': 'pan-left',
-'pan-right': 'pan-right',
-'pan-up': 'pan-up',
-'pan-down': 'pan-down',
-'pinch-zoom': 'pinch-zoom',
-'manipulation': 'manipulation'
-};
-return `touch-action: ${touchMap[value] || value};`;
-},
-'resize': () => {
-const resizeMap = {
-'none': 'none',
-'both': 'both',
-'x': 'horizontal',
-'y': 'vertical'
-};
-return `resize: ${resizeMap[value] || value};`;
-},
-'will-change': () => {
-const willChangeMap = {
-'auto': 'auto',
-'scroll': 'scroll-position',
-'contents': 'contents',
-'transform': 'transform',
-'opacity': 'opacity'
-};
-return `will-change: ${willChangeMap[value] || value};`;
-},
-'color-scheme': () => {
-return `color-scheme: ${value};`;
-},
-'field-sizing': () => {
-return `field-sizing: ${value};`;
-},
-'forced-color': () => {
-return `forced-color-adjust: ${value};`;
-},
-'border-style': () => {
-return `border-style: ${value};`;
-},
-'outline': () => {
-const cssValue = isArbitrary ? value : `var(--c-${value})`;
-return `outline-color: ${cssValue};`;
-},
-'outline-style': () => {
-return `outline-style: ${value};`;
-},
-'outline-w': () => {
-const cssValue = isArbitrary ? value : `${value}px`;
-return `outline-width: ${cssValue};`;
-},
-'outline-offset': () => {
-const cssValue = isArbitrary ? value : `${value}px`;
-return `outline-offset: ${cssValue};`;
-},
-'stroke': () => {
-const cssValue = isArbitrary ? value : `var(--c-${value})`;
-return `stroke: ${cssValue};`;
-},
-'stroke-w': () => {
-const cssValue = isArbitrary ? value : value;
-return `stroke-width: ${cssValue};`;
-},
-'fill': () => {
-if (value === 'none') return 'fill: none;';
-const cssValue = isArbitrary ? value : `var(--c-${value})`;
-return `fill: ${cssValue};`;
-},
-'mix-blend': () => {
-return `mix-blend-mode: ${value};`;
-},
-'perspective': () => {
-const perspectiveMap = {
-'none': 'none',
-'sm': '500px',
-'md': '1000px',
-'lg': '1500px',
-'xl': '2000px'
-};
-const cssValue = isArbitrary ? value : (perspectiveMap[value] || value);
-return `perspective: ${cssValue};`;
-},
-'perspective-origin': () => {
-const originMap = {
-'center': 'center',
-'top': 'top',
-'top-right': 'top right',
-'right': 'right',
-'bottom-right': 'bottom right',
-'bottom': 'bottom',
-'bottom-left': 'bottom left',
-'left': 'left',
-'top-left': 'top left'
-};
-const cssValue = isArbitrary ? value.replace(/_/g, ' ') : (originMap[value] || value);
-return `perspective-origin: ${cssValue};`;
-},
-'rotate-x': () => {
-const rotateValue = isArbitrary ? value : `${value}deg`;
-return `transform: rotateX(${rotateValue});`;
-},
-'rotate-y': () => {
-const rotateValue = isArbitrary ? value : `${value}deg`;
-return `transform: rotateY(${rotateValue});`;
-},
-'rotate-z': () => {
-const rotateValue = isArbitrary ? value : `${value}deg`;
-return `transform: rotateZ(${rotateValue});`;
-},
-'transform-style': () => {
-return `transform-style: ${value};`;
-},
-'backface': () => {
-const backfaceMap = { 'visible': 'visible', 'hidden': 'hidden' };
-return `backface-visibility: ${backfaceMap[value] || value};`;
-}
-};
-const gen = rules[property];
-return gen ? gen() : '';
-}
-function generateRule(raw, attrType) {
-if (attrType === 'layout' && layoutKeywords[raw]) {
-return `[layout~="${raw}"] { ${layoutKeywords[raw]} }\n`;
-}
-const token = parseToken(raw);
-let cssDeclaration = '';
-switch (attrType) {
-case 'layout':
-cssDeclaration = generateLayoutRule(token);
-break;
-case 'space':
-cssDeclaration = generateSpaceRule(token);
-break;
-case 'visual':
-cssDeclaration = generateVisualRule(token);
-break;
-}
-if (!cssDeclaration) return '';
-let selector = `[${attrType}~="${raw}"]`;
-if (token.state && token.state !== 'dark') {
-selector += `:${token.state}`;
-}
-return `${selector} { ${cssDeclaration} }\n`;
-}
-function scanDOM() {
-const tokens = {
-layout: new Set(),
-space: new Set(),
-visual: new Set()
-};
-const elements = document.querySelectorAll('[layout], [space], [visual]');
-elements.forEach(el => {
-['layout', 'space', 'visual'].forEach(attr => {
-const value = el.getAttribute(attr);
-if (value) {
-value.split(/\s+/).forEach(token => {
-if (token) tokens[attr].add(token);
-});
-}
-});
-});
-return tokens;
-}
-function compileCSS(tokens, config) {
-let css = generateCSSVariables(config);
-if (config.preflight !== false) {
-css += generatePreflight();
-}
-const baseRules = [];
-const darkRules = [];
-const mediaRules = {
-mob: [],
-tab: [],
-lap: [],
-desk: []
-};
-for (const [attrType, values] of Object.entries(tokens)) {
-for (const raw of values) {
-const rule = generateRule(raw, attrType);
-if (rule) {
-if (raw.match(/^(mob:|tab:|lap:|desk:)?dark:/)) {
-darkRules.push(rule);
-}
-else {
-const bpMatch = raw.match(/^(mob|tab|lap|desk):/);
-if (bpMatch) {
-mediaRules[bpMatch[1]].push(rule);
-} else {
-baseRules.push(rule);
-}
-}
-}
-}
-}
-css += baseRules.join('');
-const { screens } = config.theme;
-for (const [bp, rules] of Object.entries(mediaRules)) {
-if (rules.length > 0) {
-css += `\n@media (min-width: ${screens[bp]}) {\n`;
-css += rules.map(r => '  ' + r).join('');
-css += '}\n';
-}
-}
-if (darkRules.length > 0) {
-const darkMode = config.darkMode || 'media';
-if (darkMode === 'media') {
-css += `\n@media (prefers-color-scheme: dark) {\n`;
-css += darkRules.map(r => '  ' + r).join('');
-css += '}\n';
-} else {
-const darkSelector = Array.isArray(darkMode) ? darkMode[1] : '.dark';
-css += `\n\n`;
-for (const rule of darkRules) {
-css += rule.replace(/^(\[[^\]]+\])/, `${darkSelector} $1`);
-}
-}
-}
-return css;
-}
-function injectStyles(css) {
-let styleEl = document.getElementById('senangstart-jit');
-if (!styleEl) {
-styleEl = document.createElement('style');
-styleEl.id = 'senangstart-jit';
-document.head.appendChild(styleEl);
-}
-styleEl.textContent = css;
-}
-function init() {
-const userConfig = loadInlineConfig();
-const config = mergeConfig(userConfig);
-const tokens = scanDOM();
-const css = compileCSS(tokens, config);
-injectStyles(css);
-const observer = new MutationObserver(() => {
-const newTokens = scanDOM();
-const newCSS = compileCSS(newTokens, config);
-injectStyles(newCSS);
-});
-observer.observe(document.body, {
-childList: true,
-subtree: true,
-attributes: true,
-attributeFilter: ['layout', 'space', 'visual']
-});
-console.log('%c[SenangStart CSS]%c JIT runtime initialized ✓',
-'color: #2563EB; font-weight: bold;',
-'color: #10B981;'
-);
-}
-if (document.readyState === 'loading') {
-document.addEventListener('DOMContentLoaded', init);
-} else {
-init();
-}
-})();
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+  }
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+}
+
+`}let v={flex:"display: flex;",grid:"display: grid;","inline-flex":"display: inline-flex;","inline-grid":"display: inline-grid;",block:"display: block;",inline:"display: inline-block;",hidden:"display: none;",row:"flex-direction: row;",col:"flex-direction: column;","row-reverse":"flex-direction: row-reverse;","col-reverse":"flex-direction: column-reverse;",wrap:"flex-wrap: wrap;",nowrap:"flex-wrap: nowrap;","wrap-reverse":"flex-wrap: wrap-reverse;",grow:"flex-grow: 1;","grow-0":"flex-grow: 0;",shrink:"flex-shrink: 1;","shrink-0":"flex-shrink: 0;","grid-flow-row":"grid-auto-flow: row;","grid-flow-col":"grid-auto-flow: column;","grid-flow-dense":"grid-auto-flow: dense;","grid-flow-row-dense":"grid-auto-flow: row dense;","grid-flow-col-dense":"grid-auto-flow: column dense;",center:"justify-content: center; align-items: center;",start:"justify-content: flex-start; align-items: flex-start;",end:"justify-content: flex-end; align-items: flex-end;",between:"justify-content: space-between;",around:"justify-content: space-around;",evenly:"justify-content: space-evenly;",absolute:"position: absolute;",relative:"position: relative;",fixed:"position: fixed;",sticky:"position: sticky;",static:"position: static;",visible:"visibility: visible;",invisible:"visibility: hidden;",isolate:"isolation: isolate;","isolate-auto":"isolation: auto;","box-border":"box-sizing: border-box;","box-content":"box-sizing: content-box;","float-left":"float: left;","float-right":"float: right;","float-none":"float: none;","clear-left":"clear: left;","clear-right":"clear: right;","clear-both":"clear: both;","clear-none":"clear: none;",container:"width: 100%; margin-left: auto; margin-right: auto;","border-collapse":"border-collapse: collapse;","border-separate":"border-collapse: separate;"},P=h,I=w;function j(s){let{property:n,value:e,isArbitrary:r}=s;if(n==="container")return"width: 100%; margin-left: auto; margin-right: auto;";if(n==="justify")return`justify-content: ${{start:"flex-start",end:"flex-end",center:"center",between:"space-between",around:"space-around",evenly:"space-evenly",stretch:"stretch"}[e]||e};`;if(n==="justify-items")return`justify-items: ${e};`;if(n==="justify-self")return`justify-self: ${e};`;if(n==="content")return`align-content: ${{start:"flex-start",end:"flex-end",center:"center",between:"space-between",around:"space-around",evenly:"space-evenly",stretch:"stretch"}[e]||e};`;if(n==="items")return`align-items: ${{start:"flex-start",end:"flex-end",center:"center",baseline:"baseline",stretch:"stretch"}[e]||e};`;if(n==="self")return`align-self: ${{auto:"auto",start:"flex-start",end:"flex-end",center:"center",baseline:"baseline",stretch:"stretch"}[e]||e};`;if(n==="place-content")return`place-content: ${{start:"start",end:"end",center:"center",between:"space-between",around:"space-around",evenly:"space-evenly",stretch:"stretch"}[e]||e};`;if(n==="place-items")return`place-items: ${e};`;if(n==="place-self")return`place-self: ${e};`;if(n==="z")return`z-index: var(--z-${e});`;if(n==="overflow")return`overflow: ${e};`;if(n==="overflow-x")return`overflow-x: ${e};`;if(n==="overflow-y")return`overflow-y: ${e};`;if(n==="aspect")return`aspect-ratio: ${r?e.replace(/_/g," "):{square:"1 / 1",video:"16 / 9",auto:"auto"}[e]||e};`;if(n==="object")return`object-fit: ${e};`;if(n==="object-pos")return`object-position: ${r?e.replace(/_/g," "):e};`;if(n==="inset")return`inset: ${r?e:e==="0"?"0":`var(--s-${e})`};`;if(["top","right","bottom","left"].includes(n)){let o=r?e:e==="0"?"0":`var(--s-${e})`;return`${n}: ${o};`}if(n==="inset-x"){let o=r?e:e==="0"?"0":`var(--s-${e})`;return`left: ${o}; right: ${o};`}if(n==="inset-y"){let o=r?e:e==="0"?"0":`var(--s-${e})`;return`top: ${o}; bottom: ${o};`}return n==="cols"?`columns: ${e};`:n==="overscroll"?`overscroll-behavior: ${e};`:n==="overscroll-x"?`overscroll-behavior-x: ${e};`:n==="overscroll-y"?`overscroll-behavior-y: ${e};`:n==="basis"?`flex-basis: ${r?e:`var(--s-${e})`};`:n==="flex"?`flex: ${r?e.replace(/_/g," "):{1:"1 1 0%",auto:"1 1 auto",initial:"0 1 auto",none:"none"}[e]||e};`:n==="order"?`order: ${{first:"-9999",last:"9999",none:"0"}[e]||e};`:n==="grid-cols"?e==="none"?"grid-template-columns: none;":e==="subgrid"?"grid-template-columns: subgrid;":r?`grid-template-columns: ${e.replace(/_/g," ")};`:`grid-template-columns: repeat(${e}, minmax(0, 1fr));`:n==="grid-rows"?e==="none"?"grid-template-rows: none;":e==="subgrid"?"grid-template-rows: subgrid;":r?`grid-template-rows: ${e.replace(/_/g," ")};`:`grid-template-rows: repeat(${e}, minmax(0, 1fr));`:n==="col-span"?e==="full"?"grid-column: 1 / -1;":`grid-column: span ${e} / span ${e};`:n==="col-start"?`grid-column-start: ${e};`:n==="col-end"?`grid-column-end: ${e};`:n==="row-span"?e==="full"?"grid-row: 1 / -1;":`grid-row: span ${e} / span ${e};`:n==="row-start"?`grid-row-start: ${e};`:n==="row-end"?`grid-row-end: ${e};`:n==="auto-cols"?`grid-auto-columns: ${r?e:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"}[e]||e};`:n==="auto-rows"?`grid-auto-rows: ${r?e:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"}[e]||e};`:n==="table"?`table-layout: ${{auto:"auto",fixed:"fixed"}[e]||e};`:n==="caption"?`caption-side: ${e};`:n==="border-spacing"?`border-spacing: ${r?e:`var(--s-${e})`};`:n==="border-spacing-x"?`border-spacing: ${r?e:`var(--s-${e})`} 0;`:n==="border-spacing-y"?`border-spacing: 0 ${r?e:`var(--s-${e})`};`:v[n]||""}function T(s){let{property:n,value:e,isArbitrary:r}=s;if(e==="auto")return{m:"margin: auto;","m-x":"margin-left: auto; margin-right: auto;","m-y":"margin-top: auto; margin-bottom: auto;","m-t":"margin-top: auto;","m-r":"margin-right: auto;","m-b":"margin-bottom: auto;","m-l":"margin-left: auto;"}[n]||"";let o;return r?o=e:e.startsWith("tw-")?o=`var(--tw-${e.slice(3)})`:o=`var(--s-${e})`,{p:`padding: ${o};`,"p-t":`padding-top: ${o};`,"p-r":`padding-right: ${o};`,"p-b":`padding-bottom: ${o};`,"p-l":`padding-left: ${o};`,"p-x":`padding-left: ${o}; padding-right: ${o};`,"p-y":`padding-top: ${o}; padding-bottom: ${o};`,m:`margin: ${o};`,"m-t":`margin-top: ${o};`,"m-r":`margin-right: ${o};`,"m-b":`margin-bottom: ${o};`,"m-l":`margin-left: ${o};`,"m-x":`margin-left: ${o}; margin-right: ${o};`,"m-y":`margin-top: ${o}; margin-bottom: ${o};`,g:`gap: ${o};`,"g-x":`column-gap: ${o};`,"g-y":`row-gap: ${o};`,w:`width: ${o};`,h:`height: ${o};`,"min-w":`min-width: ${o};`,"max-w":`max-width: ${o};`,"min-h":`min-height: ${o};`,"max-h":`max-height: ${o};`}[n]||""}function O(s){let{property:n,value:e,isArbitrary:r}=s,o={italic:"font-style: italic;","not-italic":"font-style: normal;","font-stretch-condensed":"font-stretch: condensed;","font-stretch-expanded":"font-stretch: expanded;","font-stretch-normal":"font-stretch: normal;",antialiased:"-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;","subpixel-antialiased":"-webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto;","normal-nums":"font-variant-numeric: normal;",ordinal:"font-variant-numeric: ordinal;","slashed-zero":"font-variant-numeric: slashed-zero;","lining-nums":"font-variant-numeric: lining-nums;","oldstyle-nums":"font-variant-numeric: oldstyle-nums;","proportional-nums":"font-variant-numeric: proportional-nums;","tabular-nums":"font-variant-numeric: tabular-nums;",uppercase:"text-transform: uppercase;",lowercase:"text-transform: lowercase;",capitalize:"text-transform: capitalize;","normal-case":"text-transform: none;",underline:"text-decoration-line: underline;",overline:"text-decoration-line: overline;","line-through":"text-decoration-line: line-through;","no-underline":"text-decoration-line: none;","decoration-solid":"text-decoration-style: solid;","decoration-double":"text-decoration-style: double;","decoration-dotted":"text-decoration-style: dotted;","decoration-dashed":"text-decoration-style: dashed;","decoration-wavy":"text-decoration-style: wavy;",truncate:"overflow: hidden; text-overflow: ellipsis; white-space: nowrap;","text-ellipsis":"text-overflow: ellipsis;","text-clip":"text-overflow: clip;","text-wrap":"text-wrap: wrap;","text-nowrap":"text-wrap: nowrap;","text-balance":"text-wrap: balance;","text-pretty":"text-wrap: pretty;","whitespace-normal":"white-space: normal;","whitespace-nowrap":"white-space: nowrap;","whitespace-pre":"white-space: pre;","whitespace-pre-line":"white-space: pre-line;","whitespace-pre-wrap":"white-space: pre-wrap;","whitespace-break-spaces":"white-space: break-spaces;","break-normal":"overflow-wrap: normal; word-break: normal;","break-words":"overflow-wrap: break-word;","break-all":"word-break: break-all;","break-keep":"word-break: keep-all;","hyphens-none":"hyphens: none;","hyphens-manual":"hyphens: manual;","hyphens-auto":"hyphens: auto;","align-baseline":"vertical-align: baseline;","align-top":"vertical-align: top;","align-middle":"vertical-align: middle;","align-bottom":"vertical-align: bottom;","align-text-top":"vertical-align: text-top;","align-text-bottom":"vertical-align: text-bottom;","align-sub":"vertical-align: sub;","align-super":"vertical-align: super;","list-none":"list-style-type: none;","list-disc":"list-style-type: disc;","list-decimal":"list-style-type: decimal;","list-square":"list-style-type: square;","list-inside":"list-style-position: inside;","list-outside":"list-style-position: outside;"};if(o[n])return o[n];let f={bg:()=>`background-color: ${r?e:`var(--c-${e})`};`,text:()=>["left","center","right","justify"].includes(e)?`text-align: ${e};`:`color: ${r?e:`var(--c-${e})`};`,"text-size":()=>{let t,i;if(r)return t=e,`font-size: ${t};`;if(e.startsWith("tw-")){let p=e.slice(3);t=`var(--tw-text-${p})`,i=`var(--tw-leading-${p})`}else t=`var(--font-${e})`,i=`var(--font-lh-${e})`;return`font-size: ${t}; line-height: ${i};`},font:()=>{let t={sans:"ui-sans-serif, system-ui, sans-serif",serif:"ui-serif, Georgia, serif",mono:"ui-monospace, monospace"};if(t[e])return`font-family: ${t[e]};`;let i;return r?i=e:e.startsWith("tw-")?i=`var(--tw-font-${e.slice(3)})`:i=`var(--fw-${e})`,`font-weight: ${i};`},tracking:()=>`letter-spacing: ${r?e:{tighter:"-0.05em",tight:"-0.025em",normal:"0",wide:"0.025em",wider:"0.05em",widest:"0.1em"}[e]||e};`,leading:()=>`line-height: ${r?e:{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"}[e]||e};`,"line-clamp":()=>`overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: ${e};`,decoration:()=>`text-decoration-color: ${r?e:`var(--c-${e})`};`,"decoration-thickness":()=>`text-decoration-thickness: ${r?e:`${e}px`};`,"underline-offset":()=>`text-underline-offset: ${r?e:`${e}px`};`,indent:()=>`text-indent: ${r?e:`var(--s-${e})`};`,border:()=>`border-color: ${r?e:`var(--c-${e})`}; border-style: solid;`,"border-t":()=>`border-top-color: ${r?e:`var(--c-${e})`}; border-top-style: solid;`,"border-b":()=>`border-bottom-color: ${r?e:`var(--c-${e})`}; border-bottom-style: solid;`,"border-l":()=>`border-left-color: ${r?e:`var(--c-${e})`}; border-left-style: solid;`,"border-r":()=>`border-right-color: ${r?e:`var(--c-${e})`}; border-right-style: solid;`,"border-x":()=>{let t=r?e:`var(--c-${e})`;return`border-left-color: ${t}; border-right-color: ${t}; border-left-style: solid; border-right-style: solid;`},"border-y":()=>{let t=r?e:`var(--c-${e})`;return`border-top-color: ${t}; border-bottom-color: ${t}; border-top-style: solid; border-bottom-style: solid;`},"border-w":()=>`border-width: ${r?e:`var(--s-${e})`}; border-style: solid;`,"border-t-w":()=>`border-top-width: ${r?e:`var(--s-${e})`}; border-top-style: solid;`,"border-b-w":()=>`border-bottom-width: ${r?e:`var(--s-${e})`}; border-bottom-style: solid;`,"border-l-w":()=>`border-left-width: ${r?e:`var(--s-${e})`}; border-left-style: solid;`,"border-r-w":()=>`border-right-width: ${r?e:`var(--s-${e})`}; border-right-style: solid;`,"border-x-w":()=>{let t=r?e:`var(--s-${e})`;return`border-left-width: ${t}; border-right-width: ${t}; border-left-style: solid; border-right-style: solid;`},"border-y-w":()=>{let t=r?e:`var(--s-${e})`;return`border-top-width: ${t}; border-bottom-width: ${t}; border-top-style: solid; border-bottom-style: solid;`},rounded:()=>{let t;return r?t=e:e.startsWith("tw-")?t=`var(--tw-rounded-${e.slice(3)})`:t=`var(--r-${e})`,`border-radius: ${t};`},shadow:()=>{let t;return r?t=e:e.startsWith("tw-")?t=`var(--tw-shadow-${e.slice(3)})`:t=`var(--shadow-${e})`,`box-shadow: ${t};`},opacity:()=>`opacity: ${r?e:parseFloat(e)/100};`,content:()=>`content: "${e}";`,scale:()=>`transform: scale(${r?e:parseFloat(e)/100});`,"scale-x":()=>`transform: scaleX(${r?e:parseFloat(e)/100});`,"scale-y":()=>`transform: scaleY(${r?e:parseFloat(e)/100});`,rotate:()=>`transform: rotate(${r?e:`${e}deg`});`,"translate-x":()=>`transform: translateX(${r?e:{0:"0",full:"100%","1/2":"50%","-full":"-100%","-1/2":"-50%"}[e]||`var(--s-${e})`});`,"translate-y":()=>`transform: translateY(${r?e:{0:"0",full:"100%","1/2":"50%","-full":"-100%","-1/2":"-50%"}[e]||`var(--s-${e})`});`,"skew-x":()=>`transform: skewX(${r?e:`${e}deg`});`,"skew-y":()=>`transform: skewY(${r?e:`${e}deg`});`,origin:()=>`transform-origin: ${r?e.replace(/_/g," "):{center:"center",top:"top","top-right":"top right",right:"right","bottom-right":"bottom right",bottom:"bottom","bottom-left":"bottom left",left:"left","top-left":"top left"}[e]||e};`,transition:()=>({none:"transition-property: none;",all:"transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;",colors:"transition-property: color, background-color, border-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;",opacity:"transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;",shadow:"transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;",transform:"transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;"})[e]||`transition-property: ${e};`,duration:()=>`transition-duration: ${r?e:{instant:"75ms",quick:"100ms",fast:"150ms",normal:"200ms",slow:"300ms",slower:"500ms",lazy:"700ms"}[e]||`${e}ms`};`,ease:()=>`transition-timing-function: ${{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)"}[e]||e};`,delay:()=>`transition-delay: ${r?e:{instant:"75ms",quick:"100ms",fast:"150ms",normal:"200ms",slow:"300ms"}[e]||`${e}ms`};`,animate:()=>({none:"animation: none;",spin:"animation: spin 1s linear infinite;",ping:"animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;",pulse:"animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;",bounce:"animation: bounce 1s infinite;"})[e]||`animation: ${e};`,blur:()=>`filter: blur(${r?e:{none:"0",sm:"4px",md:"8px",lg:"12px",xl:"16px","2xl":"24px","3xl":"40px"}[e]||`${e}px`});`,brightness:()=>`filter: brightness(${r?e:{0:"0",50:"0.5",75:"0.75",90:"0.9",95:"0.95",100:"1",105:"1.05",110:"1.1",125:"1.25",150:"1.5",200:"2"}[e]||parseFloat(e)/100});`,contrast:()=>`filter: contrast(${r?e:{0:"0",50:"0.5",75:"0.75",100:"1",125:"1.25",150:"1.5",200:"2"}[e]||parseFloat(e)/100});`,grayscale:()=>`filter: grayscale(${r?e:{0:"0",100:"1",full:"1"}[e]||parseFloat(e)/100});`,"hue-rotate":()=>`filter: hue-rotate(${r?e:`${e}deg`});`,invert:()=>`filter: invert(${r?e:{0:"0",100:"1",full:"1"}[e]||parseFloat(e)/100});`,saturate:()=>`filter: saturate(${r?e:{0:"0",50:"0.5",100:"1",150:"1.5",200:"2"}[e]||parseFloat(e)/100});`,sepia:()=>`filter: sepia(${r?e:{0:"0",100:"1",full:"1"}[e]||parseFloat(e)/100});`,"drop-shadow":()=>{let t={sm:"drop-shadow(0 1px 1px rgb(0 0 0 / 0.05))",md:"drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06))",lg:"drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1))",xl:"drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08))","2xl":"drop-shadow(0 25px 25px rgb(0 0 0 / 0.15))",none:"drop-shadow(0 0 #0000)"};return`filter: ${r?`drop-shadow(${e.replace(/_/g," ")})`:t[e]||t.md};`},"bg-size":()=>`background-size: ${r?e.replace(/_/g," "):{auto:"auto",cover:"cover",contain:"contain"}[e]||e};`,"bg-pos":()=>`background-position: ${r?e.replace(/_/g," "):{center:"center",top:"top","top-right":"top right",right:"right","bottom-right":"bottom right",bottom:"bottom","bottom-left":"bottom left",left:"left","top-left":"top left"}[e]||e};`,"bg-repeat":()=>`background-repeat: ${{repeat:"repeat","no-repeat":"no-repeat","repeat-x":"repeat-x","repeat-y":"repeat-y",round:"round",space:"space"}[e]||e};`,"bg-attachment":()=>`background-attachment: ${e};`,"bg-clip":()=>`background-clip: ${{border:"border-box",padding:"padding-box",content:"content-box",text:"text"}[e]||e};`,"bg-origin":()=>`background-origin: ${{border:"border-box",padding:"padding-box",content:"content-box"}[e]||e};`,"bg-blend":()=>`background-blend-mode: ${e};`,"bg-image":()=>`background-image: ${r?e.replace(/_/g," "):{none:"none","gradient-to-t":"linear-gradient(to top, var(--tw-gradient-stops))","gradient-to-tr":"linear-gradient(to top right, var(--tw-gradient-stops))","gradient-to-r":"linear-gradient(to right, var(--tw-gradient-stops))","gradient-to-br":"linear-gradient(to bottom right, var(--tw-gradient-stops))","gradient-to-b":"linear-gradient(to bottom, var(--tw-gradient-stops))","gradient-to-bl":"linear-gradient(to bottom left, var(--tw-gradient-stops))","gradient-to-l":"linear-gradient(to left, var(--tw-gradient-stops))","gradient-to-tl":"linear-gradient(to top left, var(--tw-gradient-stops))"}[e]||e};`,"backdrop-blur":()=>`backdrop-filter: blur(${r?e:{none:"0",sm:"4px",md:"8px",lg:"12px",xl:"16px","2xl":"24px","3xl":"40px"}[e]||`${e}px`});`,"backdrop-brightness":()=>`backdrop-filter: brightness(${r?e:parseFloat(e)/100});`,"backdrop-contrast":()=>`backdrop-filter: contrast(${r?e:parseFloat(e)/100});`,"backdrop-grayscale":()=>`backdrop-filter: grayscale(${r?e:{0:"0",100:"1",full:"1"}[e]||parseFloat(e)/100});`,"backdrop-hue-rotate":()=>`backdrop-filter: hue-rotate(${r?e:`${e}deg`});`,"backdrop-invert":()=>`backdrop-filter: invert(${r?e:{0:"0",100:"1",full:"1"}[e]||parseFloat(e)/100});`,"backdrop-opacity":()=>`backdrop-filter: opacity(${r?e:parseFloat(e)/100});`,"backdrop-saturate":()=>`backdrop-filter: saturate(${r?e:parseFloat(e)/100});`,"backdrop-sepia":()=>`backdrop-filter: sepia(${r?e:{0:"0",100:"1",full:"1"}[e]||parseFloat(e)/100});`,"animation-duration":()=>`animation-duration: ${r?e:{instant:"75ms",quick:"100ms",fast:"150ms",normal:"200ms",slow:"300ms",slower:"500ms",lazy:"700ms"}[e]||`${e}ms`};`,"animation-delay":()=>`animation-delay: ${r?e:{instant:"75ms",quick:"100ms",fast:"150ms",normal:"200ms",slow:"300ms"}[e]||`${e}ms`};`,"animation-iteration":()=>`animation-iteration-count: ${{infinite:"infinite",once:"1",twice:"2"}[e]||e};`,"animation-direction":()=>`animation-direction: ${e};`,"animation-fill":()=>`animation-fill-mode: ${e};`,"animation-play":()=>`animation-play-state: ${e};`,"animation-timing":()=>`animation-timing-function: ${{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)"}[e]||e};`,"scroll-behavior":()=>`scroll-behavior: ${e};`,"scroll-m":()=>`scroll-margin: ${r?e:`var(--s-${e})`};`,"scroll-m-x":()=>{let t=r?e:`var(--s-${e})`;return`scroll-margin-left: ${t}; scroll-margin-right: ${t};`},"scroll-m-y":()=>{let t=r?e:`var(--s-${e})`;return`scroll-margin-top: ${t}; scroll-margin-bottom: ${t};`},"scroll-p":()=>`scroll-padding: ${r?e:`var(--s-${e})`};`,"scroll-p-x":()=>{let t=r?e:`var(--s-${e})`;return`scroll-padding-left: ${t}; scroll-padding-right: ${t};`},"scroll-p-y":()=>{let t=r?e:`var(--s-${e})`;return`scroll-padding-top: ${t}; scroll-padding-bottom: ${t};`},"snap-align":()=>`scroll-snap-align: ${e};`,"snap-stop":()=>`scroll-snap-stop: ${e};`,"snap-type":()=>`scroll-snap-type: ${{none:"none",x:"x mandatory",y:"y mandatory",both:"both mandatory","x-proximity":"x proximity","y-proximity":"y proximity"}[e]||e};`,touch:()=>`touch-action: ${{auto:"auto",none:"none","pan-x":"pan-x","pan-y":"pan-y","pan-left":"pan-left","pan-right":"pan-right","pan-up":"pan-up","pan-down":"pan-down","pinch-zoom":"pinch-zoom",manipulation:"manipulation"}[e]||e};`,resize:()=>`resize: ${{none:"none",both:"both",x:"horizontal",y:"vertical"}[e]||e};`,"will-change":()=>`will-change: ${{auto:"auto",scroll:"scroll-position",contents:"contents",transform:"transform",opacity:"opacity"}[e]||e};`,"color-scheme":()=>`color-scheme: ${e};`,"field-sizing":()=>`field-sizing: ${e};`,"forced-color":()=>`forced-color-adjust: ${e};`,"border-style":()=>`border-style: ${e};`,outline:()=>`outline-color: ${r?e:`var(--c-${e})`};`,"outline-style":()=>`outline-style: ${e};`,"outline-w":()=>`outline-width: ${r?e:`${e}px`};`,"outline-offset":()=>`outline-offset: ${r?e:`${e}px`};`,stroke:()=>`stroke: ${r?e:`var(--c-${e})`};`,"stroke-w":()=>`stroke-width: ${e};`,fill:()=>e==="none"?"fill: none;":`fill: ${r?e:`var(--c-${e})`};`,"mix-blend":()=>`mix-blend-mode: ${e};`,perspective:()=>`perspective: ${r?e:{none:"none",sm:"500px",md:"1000px",lg:"1500px",xl:"2000px"}[e]||e};`,"perspective-origin":()=>`perspective-origin: ${r?e.replace(/_/g," "):{center:"center",top:"top","top-right":"top right",right:"right","bottom-right":"bottom right",bottom:"bottom","bottom-left":"bottom left",left:"left","top-left":"top left"}[e]||e};`,"rotate-x":()=>`transform: rotateX(${r?e:`${e}deg`});`,"rotate-y":()=>`transform: rotateY(${r?e:`${e}deg`});`,"rotate-z":()=>`transform: rotateZ(${r?e:`${e}deg`});`,"transform-style":()=>`transform-style: ${e};`,backface:()=>`backface-visibility: ${{visible:"visible",hidden:"hidden"}[e]||e};`}[n];return f?f():""}function E(s,n){if(n==="layout"&&v[s])return`[layout~="${s}"] { ${v[s]} }
+`;let e=S(s),r="";switch(n){case"layout":r=j(e);break;case"space":r=T(e);break;case"visual":r=O(e);break}if(!r)return"";let o=`[${n}~="${s}"]`;e.state&&e.state!=="dark"&&(o+=`:${e.state}`);let u=`${o} { ${r} }
+`;if(e.state==="dark"&&(u=`:where(.dark) ${u}`),e.breakpoint){let f=l.theme.screens[e.breakpoint];if(f)return`@media (min-width: ${f}) { ${u} }
+`}return u}function k(){let s={layout:new Set,space:new Set,visual:new Set};return document.querySelectorAll("[layout], [space], [visual]").forEach(e=>{["layout","space","visual"].forEach(r=>{let o=e.getAttribute(r);o&&o.split(/\s+/).forEach(u=>{u&&s[r].add(u)})})}),s}function A(s,n){let e=x(n);n.preflight!==!1&&(e+=$());let r=[];for(let[a,m]of Object.entries(s))for(let F of m)r.push({raw:F,attrType:a});let o=[],u=[],f={},{screens:t}=n.theme;for(let a of Object.keys(t))f[a]=[];for(let a of r){let m=M(a.raw,a.attrType);m.state==="dark"?u.push(m):m.breakpoint?(f[m.breakpoint]||(f[m.breakpoint]=[]),f[m.breakpoint].push(m)):o.push(m)}let i=["flex","grid","inline-flex","inline-grid","block","inline","hidden","contents"],p=new Map;for(let a of o)a.attrType&&i.includes(a.property)&&(p.has(a.attrType)||p.set(a.attrType,new Set),p.get(a.attrType).add(a.raw));for(let a of o)e+=E(a.raw,a.attrType);for(let[a,m]of Object.entries(f))if(m.length>0){e+=`
+@media (min-width: ${t[a]}) {
+`;let F=new Set;for(let b of m)if(b.attrType&&i.includes(b.property)&&p.has(b.attrType)){let C=p.get(b.attrType);if(C.size>0&&!C.has(b.raw)&&!F.has(b.raw)){let _=`[${b.attrType}~="${b.raw}"]`;e+=`  ${_} { display: revert-layer; }
+`,F.add(b.raw)}}for(let b of m)e+="  "+E(b.raw,b.attrType);e+=`}
+`}if(u.length>0){let a=n.darkMode||"media";if(a==="media"){e+=`
+@media (prefers-color-scheme: dark) {
+`;for(let m of u)e+="  "+E(m.raw,m.attrType);e+=`}
+`}else{let m=Array.isArray(a)?a[1]:".dark";e+=`
+/* Dark Mode */
+`;for(let F of u){let b=E(F.raw,F.attrType);e+=b.replace(/^(\[[^\]]+\])/,`${m} $1`)}}}return e}function D(s){let n=document.getElementById("senangstart-jit");n||(n=document.createElement("style"),n.id="senangstart-jit",document.head.appendChild(n)),n.textContent=s}function V(){let s=d(),n=g(s),e=k(),r=A(e,n);D(r),new MutationObserver(()=>{let u=k(),f=A(u,n);D(f)}).observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["layout","space","visual"]}),console.log("%c[SenangStart CSS]%c JIT runtime initialized \u2713","color: #2563EB; font-weight: bold;","color: #10B981;")}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",V):V()})();})();