@ngrok/mantle 0.0.42 → 0.1.1

package/dist/tailwind-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../packages/tailwind-preset/src/tailwind.preset.ts","../packages/tailwind-preset/src/tailwind-plugin-firefox-variant.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\nimport tailwindCssAnimatePlugin from \"tailwindcss-animate\";\nimport defaultTheme from \"tailwindcss/defaultTheme\";\nimport plugin from \"tailwindcss/plugin\";\nimport { firefoxVariantPlugin } from \"./tailwind-plugin-firefox-variant.js\";\n\nconst colors = {\n\tinherit: \"inherit\",\n\tcurrent: \"currentColor\",\n\ttransparent: \"transparent\",\n\twhite: \"hsl(var(--white) / <alpha-value>)\",\n\tblack: \"hsl(var(--black) / <alpha-value>)\",\n\tgray: {\n\t\t50: \"hsl(var(--gray-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--gray-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--gray-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--gray-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--gray-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--gray-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--gray-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--gray-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--gray-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--gray-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--gray-950) / <alpha-value>)\",\n\t},\n\tred: {\n\t\t50: \"hsl(var(--red-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--red-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--red-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--red-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--red-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--red-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--red-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--red-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--red-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--red-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--red-950) / <alpha-value>)\",\n\t},\n\torange: {\n\t\t50: \"hsl(var(--orange-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--orange-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--orange-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--orange-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--orange-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--orange-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--orange-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--orange-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--orange-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--orange-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--orange-950) / <alpha-value>)\",\n\t},\n\tamber: {\n\t\t50: \"hsl(var(--amber-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--amber-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--amber-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--amber-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--amber-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--amber-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--amber-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--amber-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--amber-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--amber-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--amber-950) / <alpha-value>)\",\n\t},\n\tyellow: {\n\t\t50: \"hsl(var(--yellow-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--yellow-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--yellow-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--yellow-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--yellow-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--yellow-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--yellow-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--yellow-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--yellow-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--yellow-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--yellow-950) / <alpha-value>)\",\n\t},\n\tlime: {\n\t\t50: \"hsl(var(--lime-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--lime-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--lime-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--lime-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--lime-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--lime-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--lime-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--lime-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--lime-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--lime-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--lime-950) / <alpha-value>)\",\n\t},\n\tgreen: {\n\t\t50: \"hsl(var(--green-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--green-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--green-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--green-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--green-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--green-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--green-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--green-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--green-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--green-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--green-950) / <alpha-value>)\",\n\t},\n\temerald: {\n\t\t50: \"hsl(var(--emerald-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--emerald-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--emerald-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--emerald-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--emerald-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--emerald-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--emerald-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--emerald-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--emerald-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--emerald-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--emerald-950) / <alpha-value>)\",\n\t},\n\tteal: {\n\t\t50: \"hsl(var(--teal-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--teal-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--teal-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--teal-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--teal-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--teal-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--teal-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--teal-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--teal-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--teal-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--teal-950) / <alpha-value>)\",\n\t},\n\tcyan: {\n\t\t50: \"hsl(var(--cyan-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--cyan-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--cyan-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--cyan-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--cyan-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--cyan-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--cyan-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--cyan-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--cyan-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--cyan-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--cyan-950) / <alpha-value>)\",\n\t},\n\tsky: {\n\t\t50: \"hsl(var(--sky-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--sky-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--sky-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--sky-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--sky-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--sky-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--sky-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--sky-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--sky-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--sky-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--sky-950) / <alpha-value>)\",\n\t},\n\tblue: {\n\t\t50: \"hsl(var(--blue-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--blue-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--blue-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--blue-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--blue-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--blue-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--blue-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--blue-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--blue-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--blue-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--blue-950) / <alpha-value>)\",\n\t},\n\tindigo: {\n\t\t50: \"hsl(var(--indigo-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--indigo-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--indigo-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--indigo-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--indigo-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--indigo-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--indigo-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--indigo-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--indigo-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--indigo-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--indigo-950) / <alpha-value>)\",\n\t},\n\tviolet: {\n\t\t50: \"hsl(var(--violet-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--violet-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--violet-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--violet-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--violet-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--violet-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--violet-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--violet-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--violet-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--violet-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--violet-950) / <alpha-value>)\",\n\t},\n\tpurple: {\n\t\t50: \"hsl(var(--purple-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--purple-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--purple-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--purple-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--purple-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--purple-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--purple-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--purple-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--purple-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--purple-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--purple-950) / <alpha-value>)\",\n\t},\n\tfuchsia: {\n\t\t50: \"hsl(var(--fuchsia-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--fuchsia-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--fuchsia-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--fuchsia-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--fuchsia-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--fuchsia-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--fuchsia-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--fuchsia-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--fuchsia-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--fuchsia-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--fuchsia-950) / <alpha-value>)\",\n\t},\n\tpink: {\n\t\t50: \"hsl(var(--pink-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--pink-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--pink-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--pink-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--pink-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--pink-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--pink-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--pink-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--pink-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--pink-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--pink-950) / <alpha-value>)\",\n\t},\n\trose: {\n\t\t50: \"hsl(var(--rose-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--rose-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--rose-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--rose-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--rose-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--rose-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--rose-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--rose-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--rose-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--rose-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--rose-950) / <alpha-value>)\",\n\t},\n\tneutral: {\n\t\t50: \"hsl(var(--neutral-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--neutral-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--neutral-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--neutral-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--neutral-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--neutral-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--neutral-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--neutral-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--neutral-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--neutral-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--neutral-950) / <alpha-value>)\",\n\t},\n\taccent: {\n\t\t50: \"hsl(var(--accent-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--accent-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--accent-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--accent-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--accent-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--accent-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--accent-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--accent-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--accent-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--accent-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--accent-950) / <alpha-value>)\",\n\t},\n\tdanger: {\n\t\t50: \"hsl(var(--danger-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--danger-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--danger-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--danger-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--danger-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--danger-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--danger-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--danger-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--danger-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--danger-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--danger-950) / <alpha-value>)\",\n\t},\n\twarning: {\n\t\t50: \"hsl(var(--warning-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--warning-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--warning-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--warning-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--warning-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--warning-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--warning-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--warning-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--warning-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--warning-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--warning-950) / <alpha-value>)\",\n\t},\n\tsuccess: {\n\t\t50: \"hsl(var(--success-50) / <alpha-value>)\",\n\t\t100: \"hsl(var(--success-100) / <alpha-value>)\",\n\t\t200: \"hsl(var(--success-200) / <alpha-value>)\",\n\t\t300: \"hsl(var(--success-300) / <alpha-value>)\",\n\t\t400: \"hsl(var(--success-400) / <alpha-value>)\",\n\t\t500: \"hsl(var(--success-500) / <alpha-value>)\",\n\t\t600: \"hsl(var(--success-600) / <alpha-value>)\",\n\t\t700: \"hsl(var(--success-700) / <alpha-value>)\",\n\t\t800: \"hsl(var(--success-800) / <alpha-value>)\",\n\t\t900: \"hsl(var(--success-900) / <alpha-value>)\",\n\t\t950: \"hsl(var(--success-950) / <alpha-value>)\",\n\t},\n};\n\nconst mantlePreset = {\n\tcontent: [],\n\tdarkMode: \"class\",\n\ttheme: {\n\t\tcolors,\n\t\tcontainer: {\n\t\t\tcenter: true,\n\t\t\tpadding: \"2rem\",\n\t\t\tscreens: {\n\t\t\t\t\"2xl\": \"1400px\",\n\t\t\t},\n\t\t},\n\t\textend: {\n\t\t\tanimation: {\n\t\t\t\t\"accordion-down\": \"accordion-down 0.2s ease-out\",\n\t\t\t\t\"accordion-up\": \"accordion-up 0.2s ease-out\",\n\t\t\t},\n\t\t\taria: {\n\t\t\t\tcollapsed: 'expanded=\"false\"',\n\t\t\t\tinvalid: 'invalid=\"true\"',\n\t\t\t\tunchecked: 'checked=\"false\"',\n\t\t\t},\n\t\t\tboxShadow: {\n\t\t\t\tsm: \"0px 1px 2px 0 hsl(var(--shadow-color) / var(--shadow-first))\",\n\t\t\t\tDEFAULT:\n\t\t\t\t\t\"0px 1px 2px -1px hsl(var(--shadow-color) / var(--shadow-second)), 0px 1px 3px 0px hsl(var(--shadow-color) / var(--shadow-second))\",\n\t\t\t\tmd: \"0px 2px 13px 0px hsl(var(--shadow-color) / var(--shadow-first)), 0px 2px 4px -2px hsl(var(--shadow-color) / var(--shadow-second)), 0px 4px 6px -1px hsl(var(--shadow-color) / var(--shadow-second))\",\n\t\t\t\tlg: \"0px 1px 13px 0px hsl(var(--shadow-color) / var(--shadow-first)), 0px 4px 6px -4px hsl(var(--shadow-color) / var(--shadow-second)), 0px 10px 15px -3px hsl(var(--shadow-color) / var(--shadow-second))\",\n\t\t\t\txl: \"0px 0px 15px 0px hsl(var(--shadow-color) / var(--shadow-first)), 0px 8px 10px -6px hsl(var(--shadow-color) / var(--shadow-second)), 0px 20px 25px -5px hsl(var(--shadow-color) / var(--shadow-second))\",\n\t\t\t\t\"2xl\":\n\t\t\t\t\t\"0px 0px 15px 0px hsl(var(--shadow-color) / var(--shadow-first)), 0px 11px 10px 0px hsl(var(--shadow-color) / var(--shadow-first)), 0px 17px 25px 2px hsl(var(--shadow-color) / var(--shadow-second))\",\n\t\t\t\tinner: \"inset 0px 2px 4px 0px hsl(var(--shadow-color) / var(--shadow-first))\",\n\t\t\t},\n\t\t\tbackgroundColor: {\n\t\t\t\tbase: \"hsl(var(--bg-base))\",\n\t\t\t\tcard: \"hsl(var(--bg-card))\",\n\t\t\t\tdialog: \"hsl(var(--bg-dialog))\",\n\t\t\t\tform: \"hsl(var(--bg-form))\",\n\t\t\t\toverlay: \"hsl(var(--bg-overlay))\",\n\t\t\t\tpopover: \"hsl(var(--bg-popover))\",\n\t\t\t\ttooltip: \"hsl(var(--bg-tooltip))\",\n\t\t\t\t\"base-hover\": \"hsl(var(--bg-base-hover))\",\n\t\t\t\t\"card-hover\": \"hsl(var(--bg-card-hover))\",\n\t\t\t\t\"filled-accent-active\": \"hsl(var(--bg-filled-accent-active))\",\n\t\t\t\t\"filled-accent-hover\": \"hsl(var(--bg-filled-accent-hover))\",\n\t\t\t\t\"filled-accent\": \"hsl(var(--bg-filled-accent))\",\n\t\t\t\t\"filled-danger-active\": \"hsl(var(--bg-filled-danger-active))\",\n\t\t\t\t\"filled-danger-hover\": \"hsl(var(--bg-filled-danger-hover))\",\n\t\t\t\t\"filled-danger\": \"hsl(var(--bg-filled-danger))\",\n\t\t\t\t\"filled-neutral-active\": \"hsl(var(--bg-filled-neutral-active))\",\n\t\t\t\t\"filled-neutral-hover\": \"hsl(var(--bg-filled-neutral-hover))\",\n\t\t\t\t\"filled-neutral\": \"hsl(var(--bg-filled-neutral))\",\n\t\t\t\t\"filled-success-active\": \"hsl(var(--bg-filled-success-active))\",\n\t\t\t\t\"filled-success-hover\": \"hsl(var(--bg-filled-success-hover))\",\n\t\t\t\t\"filled-success\": \"hsl(var(--bg-filled-success))\",\n\t\t\t\t\"filled-warning-active\": \"hsl(var(--bg-filled-warning-active))\",\n\t\t\t\t\"filled-warning-hover\": \"hsl(var(--bg-filled-warning-hover))\",\n\t\t\t\t\"filled-warning\": \"hsl(var(--bg-filled-warning))\",\n\t\t\t\t\"form-active\": \"hsl(var(--bg-form-active))\",\n\t\t\t\t\"form-hover\": \"hsl(var(--bg-form-hover))\",\n\t\t\t\t\"popover-hover\": \"hsl(var(--bg-popover-hover))\",\n\t\t\t},\n\t\t\ttextColor: {\n\t\t\t\tbody: \"hsl(var(--text-body))\",\n\t\t\t\tmuted: \"hsl(var(--text-muted))\",\n\t\t\t\tplaceholder: \"hsl(var(--text-placeholder))\",\n\t\t\t\tstrong: \"hsl(var(--text-strong))\",\n\t\t\t\ttooltip: \"hsl(var(--text-tooltip))\",\n\t\t\t\t\"on-filled\": \"hsl(var(--text-on-filled))\",\n\t\t\t},\n\t\t\tborderColor: {\n\t\t\t\tbase: \"hsl(var(--border-base))\",\n\t\t\t\tcard: \"hsl(var(--border-card))\",\n\t\t\t\tdialog: \"hsl(var(--border-dialog))\",\n\t\t\t\tform: \"hsl(var(--border-form))\",\n\t\t\t\tpopover: \"hsl(var(--border-popover))\",\n\t\t\t\t\"base-muted\": \"hsl(var(--border-base-muted))\",\n\t\t\t\t\"card-muted\": \"hsl(var(--border-card-muted))\",\n\t\t\t\t\"dialog-muted\": \"hsl(var(--border-dialog-muted))\",\n\t\t\t\t\"popover-muted\": \"hsl(var(--border-popover-muted))\",\n\t\t\t},\n\t\t\tringColor: {\n\t\t\t\t\"focus-accent\": \"hsl(var(--ring-focus-accent))\",\n\t\t\t\t\"focus-danger\": \"hsl(var(--ring-focus-danger))\",\n\t\t\t\t\"focus-neutral\": \"hsl(var(--ring-focus-neutral))\",\n\t\t\t\t\"focus-success\": \"hsl(var(--ring-focus-success))\",\n\t\t\t\t\"focus-warning\": \"hsl(var(--ring-focus-warning))\",\n\t\t\t},\n\t\t\tcursor: {\n\t\t\t\tinherit: \"inherit\",\n\t\t\t\tinitial: \"initial\",\n\t\t\t},\n\t\t\tdata: {\n\t\t\t\t\"active-item\": \"active-item\",\n\t\t\t\t\"drag-over\": 'drag-over=\"true\"',\n\t\t\t\t\"orientation-horizontal\": 'orientation=\"horizontal\"',\n\t\t\t\t\"orientation-vertical\": 'orientation=\"vertical\"',\n\t\t\t\t\"side-bottom\": 'side=\"bottom\"',\n\t\t\t\t\"side-left\": 'side=\"left\"',\n\t\t\t\t\"side-right\": 'side=\"right\"',\n\t\t\t\t\"side-top\": 'side=\"top\"',\n\t\t\t\t\"state-checked\": 'state~=\"checked\"',\n\t\t\t\t\"state-closed\": 'state~=\"closed\"',\n\t\t\t\t\"state-idle\": 'state~=\"idle\"',\n\t\t\t\t\"state-indeterminate\": 'state~=\"indeterminate\"',\n\t\t\t\t\"state-open\": 'state~=\"open\"',\n\t\t\t\t\"state-pending\": 'state~=\"pending\"',\n\t\t\t\t\"state-selected\": 'state~=\"selected\"',\n\t\t\t\t\"state-submitting\": 'state~=\"submitting\"',\n\t\t\t\t\"state-unchecked\": 'state~=\"unchecked\"',\n\t\t\t\tdisabled: \"disabled\",\n\t\t\t\thighlighted: \"highlighted\",\n\t\t\t},\n\t\t\tfontFamily: {\n\t\t\t\tsans: [\"EuclidSquare\", ...defaultTheme.fontFamily.sans],\n\t\t\t\tmono: [\"IBMPlexMono\", ...defaultTheme.fontFamily.mono],\n\t\t\t},\n\t\t\tfontSize: {\n\t\t\t\t\"size-inherit\": \"inherit\",\n\t\t\t},\n\t\t\tfontWeight: {\n\t\t\t\tinitial: \"initial\",\n\t\t\t},\n\t\t\tkeyframes: {\n\t\t\t\t\"accordion-down\": {\n\t\t\t\t\tfrom: { height: \"0\" },\n\t\t\t\t\tto: { height: \"var(--radix-accordion-content-height)\" },\n\t\t\t\t},\n\t\t\t\t\"accordion-up\": {\n\t\t\t\t\tfrom: { height: \"var(--radix-accordion-content-height)\" },\n\t\t\t\t\tto: { height: \"0\" },\n\t\t\t\t},\n\t\t\t},\n\t\t\tlineHeight: {\n\t\t\t\t0: \"0\",\n\t\t\t\tinitial: \"initial\",\n\t\t\t},\n\t\t\tscreens: {\n\t\t\t\txs: \"480px\",\n\t\t\t},\n\t\t\tspacing: {\n\t\t\t\t\"1.25\": \"0.3125rem\",\n\t\t\t},\n\t\t\ttransitionProperty: {\n\t\t\t\t\"max-height\": \"max-height\",\n\t\t\t},\n\t\t\tzIndex: {\n\t\t\t\t1: \"1\",\n\t\t\t\tmax: \"2147483647\",\n\t\t\t},\n\t\t},\n\t},\n\tplugins: [\n\t\ttailwindCssAnimatePlugin,\n\t\tfirefoxVariantPlugin,\n\t\tplugin(function ({ addVariant }) {\n\t\t\taddVariant(\"dark-high-contrast\", [\":is(.dark-high-contrast &)\"]);\n\t\t\taddVariant(\"high-contrast\", [\":is(.light-high-contrast &)\"]);\n\t\t}),\n\t],\n} satisfies Config;\n\nexport type MantlePreset = typeof mantlePreset;\n\nexport { mantlePreset };\n","import type { Postcss, Root } from \"postcss\";\nimport plugin from \"tailwindcss/plugin\";\nimport type { PluginAPI } from \"tailwindcss/types/config\";\n\n/**\n * This plugin adds a `firefox` variant to TailwindCSS.\n *\n * @see https://gist.github.com/samselikoff/b3c5126ee4f4e69e60b0af0aa5bfb2e7\n */\nconst firefoxVariantPlugin = plugin(\n\t// @ts-expect-error PluginAPI is not typed correctly, missing postcss\n\t(api: PluginAPI & { postcss: Postcss }) => {\n\t\t// @ts-expect-error addVariant is not typed correctly\n\t\tapi.addVariant(\"firefox\", ({ container, separator }: { container: Root; separator: string }) => {\n\t\t\tconst isFirefoxRule = api.postcss.atRule({\n\t\t\t\tname: \"supports\",\n\t\t\t\tparams: \"(-moz-appearance:none)\",\n\t\t\t});\n\t\t\tisFirefoxRule.append(container.nodes);\n\t\t\tcontainer.append(isFirefoxRule);\n\t\t\tisFirefoxRule.walkRules((rule) => {\n\t\t\t\trule.selector = `.${api.e(`firefox${separator}${rule.selector.slice(1).replace(/\\\\/g, \"\")}`)}`;\n\t\t\t});\n\t\t});\n\t},\n);\n\nexport { firefoxVariantPlugin };\n"],"mappings":"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","names":["tailwindCssAnimatePlugin","defaultTheme","plugin","plugin","firefoxVariantPlugin","api","container","separator","isFirefoxRule","rule","colors","mantlePreset","defaultTheme","tailwindCssAnimatePlugin","firefoxVariantPlugin","plugin","addVariant"]}

package/dist/text-area.d.ts

@@ -0,0 +1,19 @@
+import * as react from 'react';
+import { TextareaHTMLAttributes } from 'react';
+import { V as VariantProps } from './variant-props-Dc9PJLzN.js';
+import { D as DeepNonNullable } from './deep-non-nullable-SmpSvoSd.js';
+import * as class_variance_authority from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const textAreaVariants: (props?: ({
+    invalid?: boolean | null | undefined;
+    appearance?: "monospaced" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TextAreaVariants = VariantProps<typeof textAreaVariants>;
+type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & TextAreaVariants;
+declare const TextArea: react.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & Partial<DeepNonNullable<class_variance_authority.VariantProps<(props?: ({
+    invalid?: boolean | null | undefined;
+    appearance?: "monospaced" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string>>> & react.RefAttributes<HTMLTextAreaElement>>;
+
+export { TextArea, type TextAreaProps };

package/dist/text-area.js

@@ -0,0 +1,2 @@
+import{a as n}from"./chunk-A5H52ODC.js";import{cva as g}from"class-variance-authority";import{forwardRef as v,useRef as T,useState as b}from"react";import{jsx as y}from"react/jsx-runtime";var A=g("border-input flex min-h-24 w-full rounded-md border bg-form px-3 py-[calc(theme(spacing[2.5])-1px)] focus-visible:outline-none focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50 data-drag-over:border-dashed data-drag-over:ring-4 sm:py-[calc(theme(spacing[2])-1px)] sm:text-sm",{variants:{invalid:{false:"border-form text-strong ring-focus-accent placeholder:text-placeholder focus:border-accent-600 data-drag-over:border-accent-600",true:"border-danger-600 ring-focus-danger placeholder:text-placeholder focus:border-danger-600 data-drag-over:border-dashed data-drag-over:border-danger-600"},appearance:{monospaced:"font-mono text-[0.9375rem] sm:text-[0.8125rem]"}},defaultVariants:{invalid:!1}}),s=v(({appearance:d,"aria-invalid":i,className:p,invalid:t,onDragEnter:c,onDragLeave:l,onDropCapture:f,...x},r)=>{let m=i??t,[u,a]=b(!1),o=T(null);return y("textarea",{"aria-invalid":m,className:n(A({appearance:d,invalid:t}),p),"data-drag-over":u,onDragEnter:e=>{a(!0),c?.(e)},onDragLeave:e=>{a(!1),l?.(e)},onDropCapture:e=>{a(!1),o.current?.focus(),f?.(e)},ref:e=>{o.current=e,typeof r=="function"?r(e):r&&(r.current=e)},...x})});s.displayName="TextArea";export{s as TextArea};
+//# sourceMappingURL=text-area.js.map

package/dist/text-area.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../packages/text-area/src/text-area.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { forwardRef, useRef, useState } from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\nimport { cx } from \"../../cx\";\nimport { VariantProps } from \"../../types\";\n\nconst textAreaVariants = cva(\n\t\"border-input flex min-h-24 w-full rounded-md border bg-form px-3 py-[calc(theme(spacing[2.5])-1px)] focus-visible:outline-none focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50 data-drag-over:border-dashed data-drag-over:ring-4 sm:py-[calc(theme(spacing[2])-1px)] sm:text-sm\",\n\t{\n\t\tvariants: {\n\t\t\t/**\n\t\t\t * Whether or not the textarea has a validation error.\n\t\t\t */\n\t\t\tinvalid: {\n\t\t\t\tfalse:\n\t\t\t\t\t\"border-form text-strong ring-focus-accent placeholder:text-placeholder focus:border-accent-600 data-drag-over:border-accent-600\",\n\t\t\t\ttrue: \"border-danger-600 ring-focus-danger placeholder:text-placeholder focus:border-danger-600 data-drag-over:border-dashed data-drag-over:border-danger-600\",\n\t\t\t},\n\t\t\t/**\n\t\t\t * The visual style of the textarea.\n\t\t\t */\n\t\t\tappearance: {\n\t\t\t\tmonospaced: \"font-mono text-[0.9375rem] sm:text-[0.8125rem]\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tinvalid: false,\n\t\t},\n\t},\n);\n\nexport type TextAreaVariants = VariantProps<typeof textAreaVariants>;\n\nexport type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & TextAreaVariants;\n\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n\t(\n\t\t{ appearance, \"aria-invalid\": _ariaInvalid, className, invalid, onDragEnter, onDragLeave, onDropCapture, ...props },\n\t\tref,\n\t) => {\n\t\tconst ariaInvalid = _ariaInvalid ?? invalid;\n\t\tconst [isDragOver, setIsDragOver] = useState(false);\n\t\tconst _ref = useRef<HTMLTextAreaElement | null>(null);\n\n\t\treturn (\n\t\t\t<textarea\n\t\t\t\taria-invalid={ariaInvalid}\n\t\t\t\tclassName={cx(textAreaVariants({ appearance, invalid }), className)}\n\t\t\t\tdata-drag-over={isDragOver}\n\t\t\t\tonDragEnter={(event) => {\n\t\t\t\t\tsetIsDragOver(true);\n\t\t\t\t\tonDragEnter?.(event);\n\t\t\t\t}}\n\t\t\t\tonDragLeave={(event) => {\n\t\t\t\t\tsetIsDragOver(false);\n\t\t\t\t\tonDragLeave?.(event);\n\t\t\t\t}}\n\t\t\t\tonDropCapture={(event) => {\n\t\t\t\t\tsetIsDragOver(false);\n\t\t\t\t\t_ref.current?.focus();\n\t\t\t\t\tonDropCapture?.(event);\n\t\t\t\t}}\n\t\t\t\tref={(node) => {\n\t\t\t\t\t_ref.current = node;\n\t\t\t\t\tif (typeof ref === \"function\") {\n\t\t\t\t\t\tref(node);\n\t\t\t\t\t} else if (ref) {\n\t\t\t\t\t\tref.current = node;\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nTextArea.displayName = \"TextArea\";\n\nexport { TextArea };\n"],"mappings":"wCAAA,OAAS,OAAAA,MAAW,2BACpB,OAAS,cAAAC,EAAY,UAAAC,EAAQ,YAAAC,MAAgB,QA4C1C,cAAAC,MAAA,oBAvCH,IAAMC,EAAmBC,EACxB,ySACA,CACC,SAAU,CAIT,QAAS,CACR,MACC,kIACD,KAAM,wJACP,EAIA,WAAY,CACX,WAAY,gDACb,CACD,EACA,gBAAiB,CAChB,QAAS,EACV,CACD,CACD,EAMMC,EAAWC,EAChB,CACC,CAAE,WAAAC,EAAY,eAAgBC,EAAc,UAAAC,EAAW,QAAAC,EAAS,YAAAC,EAAa,YAAAC,EAAa,cAAAC,EAAe,GAAGC,CAAM,EAClHC,IACI,CACJ,IAAMC,EAAcR,GAAgBE,EAC9B,CAACO,EAAYC,CAAa,EAAIC,EAAS,EAAK,EAC5CC,EAAOC,EAAmC,IAAI,EAEpD,OACCnB,EAAC,YACA,eAAcc,EACd,UAAWM,EAAGnB,EAAiB,CAAE,WAAAI,EAAY,QAAAG,CAAQ,CAAC,EAAGD,CAAS,EAClE,iBAAgBQ,EAChB,YAAcM,GAAU,CACvBL,EAAc,EAAI,EAClBP,IAAcY,CAAK,CACpB,EACA,YAAcA,GAAU,CACvBL,EAAc,EAAK,EACnBN,IAAcW,CAAK,CACpB,EACA,cAAgBA,GAAU,CACzBL,EAAc,EAAK,EACnBE,EAAK,SAAS,MAAM,EACpBP,IAAgBU,CAAK,CACtB,EACA,IAAMC,GAAS,CACdJ,EAAK,QAAUI,EACX,OAAOT,GAAQ,WAClBA,EAAIS,CAAI,EACET,IACVA,EAAI,QAAUS,EAEhB,EACC,GAAGV,EACL,CAEF,CACD,EACAT,EAAS,YAAc","names":["cva","forwardRef","useRef","useState","jsx","textAreaVariants","cva","TextArea","forwardRef","appearance","_ariaInvalid","className","invalid","onDragEnter","onDragLeave","onDropCapture","props","ref","ariaInvalid","isDragOver","setIsDragOver","useState","_ref","useRef","cx","event","node"]}

package/dist/{components/theme-provider/src/theme-provider.d.ts → theme-provider.d.ts}

@@ -1,4 +1,6 @@
-import type { PropsWithChildren } from "react";
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+
 /**
  * themes is a tuple of valid themes.
  */
@@ -10,7 +12,7 @@ type Theme = (typeof themes)[number];
 /**
  * theme is a helper which translates the Theme type into a string literal type.
  */
-declare const theme: <T extends "dark" | "light" | "system" | "light-high-contrast" | "dark-high-contrast">(value: T) => T;
+declare const theme: <T extends "system" | "light" | "dark" | "light-high-contrast" | "dark-high-contrast">(value: T) => T;
 /**
  * Type predicate that checks if a value is a valid theme.
  */
@@ -26,7 +28,7 @@ type ThemeProviderProps = PropsWithChildren & {
 /**
  * ThemeProvider is a React Context Provider that provides the current theme and a function to set the theme.
  */
-declare function ThemeProvider({ children, defaultTheme, storageKey }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function ThemeProvider({ children, defaultTheme, storageKey }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 /**
  * useTheme returns the current theme and a function to set the theme.
  *
@@ -37,15 +39,7 @@ declare function useTheme(): ThemeProviderState;
  * If the theme is "system", it will resolve the theme based on the user's media query preferences, otherwise it will return the theme as is.
  * This will mirror the result that gets applied to the <html> element.
  */
-declare function useAppliedTheme(): "dark" | "light" | "light-high-contrast" | "dark-high-contrast";
-/**
- * determineThemeFromMediaQuery returns the theme that should be used based on the user's media query preferences.
- * @private
- */
-export declare function determineThemeFromMediaQuery({ prefersDarkMode, prefersHighContrast, }: {
-    prefersDarkMode: boolean;
-    prefersHighContrast: boolean;
-}): "dark" | "light" | "light-high-contrast" | "dark-high-contrast";
+declare function useAppliedTheme(): "light" | "dark" | "light-high-contrast" | "dark-high-contrast";
 declare function preventWrongThemeFlashScriptContent({ defaultTheme, storageKey, }: {
     defaultTheme?: Theme;
     storageKey?: string;
@@ -57,7 +51,7 @@ declare function preventWrongThemeFlashScriptContent({ defaultTheme, storageKey,
 declare const MantleThemeHeadContent: ({ defaultTheme, storageKey, }: {
     defaultTheme?: Theme;
     storageKey?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => react_jsx_runtime.JSX.Element;
 type InitialThemeProps = {
     className: string;
     "data-applied-theme": Omit<Theme, "system">;
@@ -71,6 +65,11 @@ declare function useInitialHtmlThemeProps(props?: {
     defaultTheme?: Theme;
     storageKey?: string;
 }): InitialThemeProps;
-export type { Theme, ThemeProviderProps };
-export { isTheme, MantleThemeHeadContent, preventWrongThemeFlashScriptContent, theme, ThemeProvider, useAppliedTheme, useInitialHtmlThemeProps, useTheme, };
-//# sourceMappingURL=theme-provider.d.ts.map
+
+/**
+ * Preload custom fonts used in the theme. This should be added to the head of the document in your application, preferably as high as possible.
+ * Normally you won't use this directly, but instead use the `MantleThemeHeadContent` component which includes this.
+ */
+declare const PreloadFonts: () => react_jsx_runtime.JSX.Element;
+
+export { MantleThemeHeadContent, PreloadFonts, type Theme, ThemeProvider, type ThemeProviderProps, isTheme, preventWrongThemeFlashScriptContent, theme, useAppliedTheme, useInitialHtmlThemeProps, useTheme };

package/dist/theme-provider.js

@@ -0,0 +1,29 @@
+import{a as T}from"./chunk-IGCOSMVM.js";import v from"clsx";import{createContext as D,useContext as L,useEffect as P,useMemo as S,useState as F}from"react";import W from"tiny-invariant";import{Fragment as q,jsx as M}from"react/jsx-runtime";var C="https://cdn.ngrok.com/static/fonts",I=["euclid-square/EuclidSquare-Regular-WebS.woff","euclid-square/EuclidSquare-RegularItalic-WebS.woff","euclid-square/EuclidSquare-Medium-WebS.woff","euclid-square/EuclidSquare-Semibold-WebS.woff","euclid-square/EuclidSquare-MediumItalic-WebS.woff","ibm-plex-mono/IBMPlexMono-Text.woff","ibm-plex-mono/IBMPlexMono-TextItalic.woff","ibm-plex-mono/IBMPlexMono-SemiBold.woff","ibm-plex-mono/IBMPlexMono-SemiBoldItalic.woff"],H=e=>[C,e].join("/"),u=()=>M(q,{children:I.map(e=>M("link",{rel:"preload",href:H(e),as:"font",type:"font/woff",crossOrigin:"anonymous"},e))});import{Fragment as R,jsx as p,jsxs as G}from"react/jsx-runtime";var i="(prefers-color-scheme: dark)",a="(prefers-contrast: more)",g=["system","light","dark","light-high-contrast","dark-high-contrast"],B=e=>e;function b(e){return typeof e!="string"?!1:g.includes(e)}var l="mantle-ui-theme",N=["system",()=>null],k=D(N),w=()=>typeof window<"u";function d(e,t="system"){let r=t??"system";if(w()){let n=window.localStorage.getItem(e);return b(n)?n:r}return r}function $({children:e,defaultTheme:t="system",storageKey:r=l}){let[n,s]=F(()=>{let o=d(r,t);return c(o),o});P(()=>{let o=d(r,t);s(o),c(o)},[t,r]),P(()=>{let o=window.matchMedia(i),m=window.matchMedia(a),h=()=>{d(r,t)==="system"&&c("system")};return o.addEventListener("change",h),m.addEventListener("change",h),()=>{o.removeEventListener("change",h),m.removeEventListener("change",h)}},[t,r]);let f=S(()=>[n,o=>{window.localStorage.setItem(r,o),s(o),c(o)}],[r,n]);return p(k.Provider,{value:f,children:e})}function x(){let e=L(k);return W(e,"useTheme must be used within a ThemeProvider"),e}function c(e){if(!w())return;let t=window.document.documentElement;t.classList.remove(...g);let r=window.matchMedia(i).matches,n=window.matchMedia(a).matches,s=y(e,{prefersDarkMode:r,prefersHighContrast:n});t.classList.add(s),t.dataset.appliedTheme=s,t.dataset.theme=e}function y(e,{prefersDarkMode:t,prefersHighContrast:r}){return e==="system"?O({prefersDarkMode:t,prefersHighContrast:r}):e}function A(){let[e]=x(),t=T(i),r=T(a);return y(e,{prefersDarkMode:t,prefersHighContrast:r})}function O({prefersDarkMode:e,prefersHighContrast:t}){return t?e?"dark-high-contrast":"light-high-contrast":e?"dark":"light"}function E({defaultTheme:e="system",storageKey:t=l}){return`
+(function() {
+	const themes = ${JSON.stringify(g)};
+	const isTheme = (value) => typeof value === "string" && themes.includes(value);
+	const fallbackTheme = "${e}" ?? "system";
+	const maybeStoredTheme = window.localStorage.getItem("${t}");
+	const hasStoredTheme = isTheme(maybeStoredTheme);
+	if (!hasStoredTheme) {
+		window.localStorage.setItem("${t}", fallbackTheme);
+	}
+	const themePreference = hasStoredTheme ? maybeStoredTheme : fallbackTheme;
+	const prefersDarkMode = window.matchMedia("${i}").matches;
+	const prefersHighContrast = window.matchMedia("${a}").matches;
+	let initialTheme = themePreference;
+	if (initialTheme === "system") {
+		if (prefersHighContrast) {
+			initialTheme = prefersDarkMode ? "dark-high-contrast" : "light-high-contrast";
+		} else {
+			initialTheme = prefersDarkMode ? "dark" : "light";
+		}
+	}
+	const htmlElement = document.documentElement;
+	htmlElement.classList.remove(...themes);
+	htmlElement.classList.add(initialTheme);
+	htmlElement.dataset.appliedTheme = initialTheme;
+	htmlElement.dataset.theme = themePreference;
+})();
+`.trim()}var Q=({defaultTheme:e="system",storageKey:t=l})=>G(R,{children:[p("script",{dangerouslySetInnerHTML:{__html:E({defaultTheme:e,storageKey:t})}}),p(u,{})]});function _(e){let{className:t="",defaultTheme:r="system",storageKey:n=l}=e??{};return S(()=>{if(!w())return{className:v(t),"data-applied-theme":"system","data-theme":"system"};let s=window.matchMedia(i).matches,f=window.matchMedia(a).matches,o=d(n,r),m=y(o,{prefersDarkMode:s,prefersHighContrast:f});return{className:v(t,m),"data-applied-theme":m,"data-theme":o}},[t,r,n])}export{Q as MantleThemeHeadContent,u as PreloadFonts,$ as ThemeProvider,b as isTheme,E as preventWrongThemeFlashScriptContent,B as theme,A as useAppliedTheme,_ as useInitialHtmlThemeProps,x as useTheme};
+//# sourceMappingURL=theme-provider.js.map

package/dist/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../packages/theme-provider/src/theme-provider.tsx","../packages/theme-provider/src/preload-fonts.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport { createContext, useContext, useEffect, useMemo, useState } from \"react\";\nimport invariant from \"tiny-invariant\";\nimport { useMatchesMediaQuery } from \"../../hooks/src/use-matches-media-query\";\nimport { PreloadFonts } from \"./preload-fonts\";\n\n/**\n * prefersDarkModeMediaQuery is the media query used to detect if the user prefers dark mode.\n */\nconst prefersDarkModeMediaQuery = \"(prefers-color-scheme: dark)\";\n\n/**\n * prefersHighContrastMediaQuery is the media query used to detect if the user prefers high contrast mode.\n */\nconst prefersHighContrastMediaQuery = \"(prefers-contrast: more)\";\n\n/**\n * themes is a tuple of valid themes.\n */\nconst themes = [\"system\", \"light\", \"dark\", \"light-high-contrast\", \"dark-high-contrast\"] as const;\n\n/**\n * Theme is a string literal type that represents a valid theme.\n */\ntype Theme = (typeof themes)[number];\n\n/**\n * theme is a helper which translates the Theme type into a string literal type.\n */\nconst theme = <T extends Theme>(value: T) => value;\n\n/**\n * Type predicate that checks if a value is a valid theme.\n */\nfunction isTheme(value: unknown): value is Theme {\n\tif (typeof value !== \"string\") {\n\t\treturn false;\n\t}\n\n\treturn themes.includes(value as Theme);\n}\n\n/**\n * DEFAULT_STORAGE_KEY is the default key used to store the theme in localStorage.\n */\nconst DEFAULT_STORAGE_KEY = \"mantle-ui-theme\";\n\n/**\n * ThemeProviderState is the shape of the state returned by the ThemeProviderContext.\n */\ntype ThemeProviderState = [theme: Theme, setTheme: (theme: Theme) => void];\n\n/**\n * Initial state for the ThemeProviderContext.\n */\nconst initialState: ThemeProviderState = [\"system\", () => null];\n\n/**\n * ThemeProviderContext is a React Context that provides the current theme and a function to set the theme.\n */\nconst ThemeProviderContext = createContext<ThemeProviderState>(initialState);\n\n/**\n * isBrowser returns true if the code is running in a browser environment.\n */\nconst isBrowser = () => typeof window !== \"undefined\";\n\n/**\n * Gets the stored theme from localStorage or returns the default theme if no theme is stored.\n */\nfunction getStoredTheme(storageKey: string, defaultTheme: Theme = \"system\") {\n\tconst fallbackTheme = defaultTheme ?? \"system\";\n\tif (isBrowser()) {\n\t\tconst storedTheme = window.localStorage.getItem(storageKey);\n\t\treturn isTheme(storedTheme) ? storedTheme : fallbackTheme;\n\t}\n\treturn fallbackTheme;\n}\n\ntype ThemeProviderProps = PropsWithChildren & {\n\tdefaultTheme?: Theme;\n\tstorageKey?: string;\n};\n\n/**\n * ThemeProvider is a React Context Provider that provides the current theme and a function to set the theme.\n */\nfunction ThemeProvider({ children, defaultTheme = \"system\", storageKey = DEFAULT_STORAGE_KEY }: ThemeProviderProps) {\n\tconst [theme, setTheme] = useState<Theme>(() => {\n\t\tconst initialTheme = getStoredTheme(storageKey, defaultTheme);\n\t\tapplyTheme(initialTheme);\n\t\treturn initialTheme;\n\t});\n\n\tuseEffect(() => {\n\t\tconst storedTheme = getStoredTheme(storageKey, defaultTheme);\n\t\tsetTheme(storedTheme);\n\t\tapplyTheme(storedTheme);\n\t}, [defaultTheme, storageKey]);\n\n\tuseEffect(() => {\n\t\tconst prefersDarkMql = window.matchMedia(prefersDarkModeMediaQuery);\n\t\tconst prefersHighContrastMql = window.matchMedia(prefersHighContrastMediaQuery);\n\n\t\tconst onChange = () => {\n\t\t\tconst storedTheme = getStoredTheme(storageKey, defaultTheme);\n\n\t\t\t// If the stored theme is not \"system\", then the user has explicitly set a theme and we should not\n\t\t\t// automatically change the theme when the user's system preferences change.\n\t\t\tif (storedTheme !== \"system\") {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tapplyTheme(\"system\");\n\t\t};\n\n\t\tprefersDarkMql.addEventListener(\"change\", onChange);\n\t\tprefersHighContrastMql.addEventListener(\"change\", onChange);\n\n\t\treturn () => {\n\t\t\tprefersDarkMql.removeEventListener(\"change\", onChange);\n\t\t\tprefersHighContrastMql.removeEventListener(\"change\", onChange);\n\t\t};\n\t}, [defaultTheme, storageKey]);\n\n\tconst value: ThemeProviderState = useMemo(\n\t\t() => [\n\t\t\ttheme,\n\t\t\t(theme: Theme) => {\n\t\t\t\twindow.localStorage.setItem(storageKey, theme);\n\t\t\t\tsetTheme(theme);\n\t\t\t\tapplyTheme(theme);\n\t\t\t},\n\t\t],\n\t\t[storageKey, theme],\n\t);\n\n\treturn <ThemeProviderContext.Provider value={value}>{children}</ThemeProviderContext.Provider>;\n}\n\n/**\n * useTheme returns the current theme and a function to set the theme.\n *\n * @note This function will throw an error if used outside of a ThemeProvider context tree.\n */\nfunction useTheme() {\n\tconst context = useContext(ThemeProviderContext);\n\n\tinvariant(context, \"useTheme must be used within a ThemeProvider\");\n\n\treturn context;\n}\n\n/**\n * Applies the given theme to the <html> element.\n */\nfunction applyTheme(theme: Theme) {\n\tif (!isBrowser()) {\n\t\treturn;\n\t}\n\n\tconst htmlElement = window.document.documentElement;\n\thtmlElement.classList.remove(...themes);\n\tconst prefersDarkMode = window.matchMedia(prefersDarkModeMediaQuery).matches;\n\tconst prefersHighContrast = window.matchMedia(prefersHighContrastMediaQuery).matches;\n\tconst newTheme = resolveTheme(theme, { prefersDarkMode, prefersHighContrast });\n\thtmlElement.classList.add(newTheme);\n\thtmlElement.dataset.appliedTheme = newTheme;\n\thtmlElement.dataset.theme = theme;\n}\n\n/**\n * If the theme is \"system\", it will resolve the theme based on the user's media query preferences, otherwise it will return the theme as is.\n * This will mirror the result that gets applied to the <html> element.\n */\nfunction resolveTheme(\n\ttheme: Theme,\n\t{ prefersDarkMode, prefersHighContrast }: { prefersDarkMode: boolean; prefersHighContrast: boolean },\n) {\n\tif (theme === \"system\") {\n\t\treturn determineThemeFromMediaQuery({ prefersDarkMode, prefersHighContrast });\n\t}\n\n\treturn theme;\n}\n\n/**\n * If the theme is \"system\", it will resolve the theme based on the user's media query preferences, otherwise it will return the theme as is.\n * This will mirror the result that gets applied to the <html> element.\n */\nfunction useAppliedTheme() {\n\tconst [theme] = useTheme();\n\n\tconst prefersDarkMode = useMatchesMediaQuery(prefersDarkModeMediaQuery);\n\tconst prefersHighContrast = useMatchesMediaQuery(prefersHighContrastMediaQuery);\n\n\treturn resolveTheme(theme, { prefersDarkMode, prefersHighContrast });\n}\n\n/**\n * determineThemeFromMediaQuery returns the theme that should be used based on the user's media query preferences.\n * @private\n */\nexport function determineThemeFromMediaQuery({\n\tprefersDarkMode,\n\tprefersHighContrast,\n}: {\n\tprefersDarkMode: boolean;\n\tprefersHighContrast: boolean;\n}) {\n\tif (prefersHighContrast) {\n\t\treturn prefersDarkMode ? \"dark-high-contrast\" : \"light-high-contrast\";\n\t}\n\n\treturn prefersDarkMode ? \"dark\" : \"light\";\n}\n\nfunction preventWrongThemeFlashScriptContent({\n\tdefaultTheme = \"system\",\n\tstorageKey = DEFAULT_STORAGE_KEY,\n}: {\n\tdefaultTheme?: Theme;\n\tstorageKey?: string;\n}) {\n\treturn `\n(function() {\n\tconst themes = ${JSON.stringify(themes)};\n\tconst isTheme = (value) => typeof value === \"string\" && themes.includes(value);\n\tconst fallbackTheme = \"${defaultTheme}\" ?? \"system\";\n\tconst maybeStoredTheme = window.localStorage.getItem(\"${storageKey}\");\n\tconst hasStoredTheme = isTheme(maybeStoredTheme);\n\tif (!hasStoredTheme) {\n\t\twindow.localStorage.setItem(\"${storageKey}\", fallbackTheme);\n\t}\n\tconst themePreference = hasStoredTheme ? maybeStoredTheme : fallbackTheme;\n\tconst prefersDarkMode = window.matchMedia(\"${prefersDarkModeMediaQuery}\").matches;\n\tconst prefersHighContrast = window.matchMedia(\"${prefersHighContrastMediaQuery}\").matches;\n\tlet initialTheme = themePreference;\n\tif (initialTheme === \"system\") {\n\t\tif (prefersHighContrast) {\n\t\t\tinitialTheme = prefersDarkMode ? \"dark-high-contrast\" : \"light-high-contrast\";\n\t\t} else {\n\t\t\tinitialTheme = prefersDarkMode ? \"dark\" : \"light\";\n\t\t}\n\t}\n\tconst htmlElement = document.documentElement;\n\thtmlElement.classList.remove(...themes);\n\thtmlElement.classList.add(initialTheme);\n\thtmlElement.dataset.appliedTheme = initialTheme;\n\thtmlElement.dataset.theme = themePreference;\n})();\n`.trim();\n}\n\n/**\n * MantleThemeHeadContent is a React component that prevents the wrong theme from flashing on initial page load.\n * Render as high as possible in the <head> element.\n */\nconst MantleThemeHeadContent = ({\n\tdefaultTheme = \"system\",\n\tstorageKey = DEFAULT_STORAGE_KEY,\n}: {\n\tdefaultTheme?: Theme;\n\tstorageKey?: string;\n}) => (\n\t<>\n\t\t<script\n\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t__html: preventWrongThemeFlashScriptContent({ defaultTheme, storageKey }),\n\t\t\t}}\n\t\t/>\n\t\t<PreloadFonts />\n\t</>\n);\n\ntype InitialThemeProps = {\n\tclassName: string;\n\t\"data-applied-theme\": Omit<Theme, \"system\">;\n\t\"data-theme\": Theme;\n};\n\n/**\n * useInitialHtmlThemeProps returns the initial props that should be applied to the <html> element to prevent react hydration errors.\n */\nfunction useInitialHtmlThemeProps(props?: {\n\tclassName?: string;\n\tdefaultTheme?: Theme;\n\tstorageKey?: string;\n}): InitialThemeProps {\n\tconst { className = \"\", defaultTheme = \"system\", storageKey = DEFAULT_STORAGE_KEY } = props ?? {};\n\n\treturn useMemo(() => {\n\t\tif (!isBrowser()) {\n\t\t\treturn {\n\t\t\t\tclassName: clsx(className),\n\t\t\t\t\"data-applied-theme\": \"system\",\n\t\t\t\t\"data-theme\": \"system\",\n\t\t\t};\n\t\t}\n\n\t\tconst prefersDarkMode = window.matchMedia(prefersDarkModeMediaQuery).matches;\n\t\tconst prefersHighContrast = window.matchMedia(prefersHighContrastMediaQuery).matches;\n\t\tconst initialTheme = getStoredTheme(storageKey, defaultTheme);\n\t\tconst reolvedTheme = resolveTheme(initialTheme, { prefersDarkMode, prefersHighContrast });\n\n\t\treturn {\n\t\t\tclassName: clsx(className, reolvedTheme),\n\t\t\t\"data-applied-theme\": reolvedTheme,\n\t\t\t\"data-theme\": initialTheme,\n\t\t};\n\t}, [className, defaultTheme, storageKey]);\n}\n\nexport type { Theme, ThemeProviderProps };\nexport {\n\tisTheme,\n\tMantleThemeHeadContent,\n\tpreventWrongThemeFlashScriptContent,\n\ttheme,\n\tThemeProvider,\n\tuseAppliedTheme,\n\tuseInitialHtmlThemeProps,\n\tuseTheme,\n};\n","const cdnBase = \"https://cdn.ngrok.com/static/fonts\";\n\nconst fonts = [\n\t\"euclid-square/EuclidSquare-Regular-WebS.woff\",\n\t\"euclid-square/EuclidSquare-RegularItalic-WebS.woff\",\n\t\"euclid-square/EuclidSquare-Medium-WebS.woff\",\n\t\"euclid-square/EuclidSquare-Semibold-WebS.woff\",\n\t\"euclid-square/EuclidSquare-MediumItalic-WebS.woff\",\n\t\"ibm-plex-mono/IBMPlexMono-Text.woff\",\n\t\"ibm-plex-mono/IBMPlexMono-TextItalic.woff\",\n\t\"ibm-plex-mono/IBMPlexMono-SemiBold.woff\",\n\t\"ibm-plex-mono/IBMPlexMono-SemiBoldItalic.woff\",\n] as const;\n\ntype Font = (typeof fonts)[number];\n\nconst fontHref = <T extends Font>(font: T) => [cdnBase, font].join(\"/\");\n\n/**\n * Preload custom fonts used in the theme. This should be added to the head of the document in your application, preferably as high as possible.\n * Normally you won't use this directly, but instead use the `MantleThemeHeadContent` component which includes this.\n */\nconst PreloadFonts = () => (\n\t<>\n\t\t{fonts.map((font) => (\n\t\t\t<link key={font} rel=\"preload\" href={fontHref(font)} as=\"font\" type=\"font/woff\" crossOrigin=\"anonymous\" />\n\t\t))}\n\t</>\n);\n\nexport { PreloadFonts };\n"],"mappings":"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","names":["clsx","createContext","useContext","useEffect","useMemo","useState","invariant","Fragment","jsx","cdnBase","fonts","fontHref","font","PreloadFonts","Fragment","jsx","jsxs","prefersDarkModeMediaQuery","prefersHighContrastMediaQuery","themes","theme","value","isTheme","DEFAULT_STORAGE_KEY","initialState","ThemeProviderContext","createContext","isBrowser","getStoredTheme","storageKey","defaultTheme","fallbackTheme","storedTheme","ThemeProvider","children","setTheme","useState","initialTheme","applyTheme","useEffect","prefersDarkMql","prefersHighContrastMql","onChange","useMemo","useTheme","context","useContext","invariant","htmlElement","prefersDarkMode","prefersHighContrast","newTheme","resolveTheme","determineThemeFromMediaQuery","useAppliedTheme","useMatchesMediaQuery","preventWrongThemeFlashScriptContent","MantleThemeHeadContent","PreloadFonts","useInitialHtmlThemeProps","props","className","clsx","reolvedTheme"]}

package/dist/tooltip.d.ts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import * as _radix_ui_react_tooltip from '@radix-ui/react-tooltip';
+import { Provider } from '@radix-ui/react-tooltip';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Wraps your app to provide global functionality to your tooltips.
+ */
+declare const TooltipProvider: ({ delayDuration, ...props }: ComponentPropsWithoutRef<typeof Provider>) => react_jsx_runtime.JSX.Element;
+declare const Tooltip: react.FC<_radix_ui_react_tooltip.TooltipProps>;
+declare const TooltipTrigger: react.ForwardRefExoticComponent<_radix_ui_react_tooltip.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: react.ForwardRefExoticComponent<Omit<_radix_ui_react_tooltip.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/tooltip.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk-A5H52ODC.js";import{Content as p,Provider as s,Root as f,Trigger as l}from"@radix-ui/react-tooltip";import{forwardRef as m}from"react";import{jsx as n}from"react/jsx-runtime";var T=({delayDuration:o=0,...t})=>n(s,{delayDuration:o??0,...t}),C=f,g=l,i=m(({children:o,className:t,sideOffset:r=4,...d},a)=>n(p,{ref:a,sideOffset:r,className:e("z-50 overflow-hidden rounded-md bg-tooltip px-3 py-1.5 text-sm text-tooltip shadow animate-in fade-in-0 zoom-in-95 data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95",t),...d,children:o}));i.displayName="TooltipContent";export{C as Tooltip,i as TooltipContent,T as TooltipProvider,g as TooltipTrigger};
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../packages/tooltip/src/tooltip.tsx"],"sourcesContent":["import { Content, Provider, Root, Trigger } from \"@radix-ui/react-tooltip\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport { cx } from \"../../cx\";\n\n/**\n * Wraps your app to provide global functionality to your tooltips.\n */\nconst TooltipProvider = ({ delayDuration = 0, ...props }: ComponentPropsWithoutRef<typeof Provider>) => (\n\t<Provider delayDuration={delayDuration ?? 0} {...props} />\n);\n\nconst Tooltip = Root;\n\nconst TooltipTrigger = Trigger;\n\nconst TooltipContent = forwardRef<ElementRef<typeof Content>, ComponentPropsWithoutRef<typeof Content>>(\n\t({ children, className, sideOffset = 4, ...props }, ref) => (\n\t\t<Content\n\t\t\tref={ref}\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cx(\n\t\t\t\t\"z-50 overflow-hidden rounded-md bg-tooltip px-3 py-1.5 text-sm text-tooltip shadow animate-in fade-in-0 zoom-in-95 data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</Content>\n\t),\n);\nTooltipContent.displayName = \"TooltipContent\";\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":"wCAAA,OAAS,WAAAA,EAAS,YAAAC,EAAU,QAAAC,EAAM,WAAAC,MAAe,0BACjD,OAA+C,cAAAC,MAAkB,QAOhE,cAAAC,MAAA,oBADD,IAAMC,EAAkB,CAAC,CAAE,cAAAC,EAAgB,EAAG,GAAGC,CAAM,IACtDH,EAACI,EAAA,CAAS,cAAeF,GAAiB,EAAI,GAAGC,EAAO,EAGnDE,EAAUC,EAEVC,EAAiBC,EAEjBC,EAAiBC,EACtB,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,WAAAC,EAAa,EAAG,GAAGV,CAAM,EAAGW,IACnDd,EAACe,EAAA,CACA,IAAKD,EACL,WAAYD,EACZ,UAAWG,EACV,kWACAJ,CACD,EACC,GAAGT,EAEH,SAAAQ,EACF,CAEF,EACAF,EAAe,YAAc","names":["Content","Provider","Root","Trigger","forwardRef","jsx","TooltipProvider","delayDuration","props","Provider","Tooltip","Root","TooltipTrigger","Trigger","TooltipContent","forwardRef","children","className","sideOffset","ref","Content","cx"]}

package/dist/types.d.ts

@@ -0,0 +1,6 @@
+export { W as WithAsChild } from './as-child-BjnPZ1DU.js';
+export { W as WithStyleProps } from './with-style-props-VnLWm0Yd.js';
+export { V as VariantProps } from './variant-props-Dc9PJLzN.js';
+export { D as DeepNonNullable } from './deep-non-nullable-SmpSvoSd.js';
+import 'react';
+import 'class-variance-authority';

package/dist/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/variant-props-Dc9PJLzN.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps as VariantProps$1 } from 'class-variance-authority';
+import { D as DeepNonNullable } from './deep-non-nullable-SmpSvoSd.js';
+
+/**
+ * Variant props that are optional and cannot be `null`.
+ *
+ * Using VariantProps directly from CVA produces that can be `null`, which is not what we want.
+ */
+type VariantProps<Variants extends (props?: Record<PropertyKey, unknown> | undefined) => string> = Partial<DeepNonNullable<VariantProps$1<Variants>>>;
+
+export type { VariantProps as V };

package/dist/{components/types/src/with-style-props.d.ts → with-style-props-VnLWm0Yd.d.ts}

@@ -1,9 +1,10 @@
-import { CSSProperties } from "react";
+import { CSSProperties } from 'react';
+
 /**
  * Helper type that includes an optional className and style prop for react
  * components.
  */
-export type WithStyleProps = {
+type WithStyleProps = {
     /**
      * A string. Specifies the element’s CSS class name.
      *
@@ -22,4 +23,5 @@ export type WithStyleProps = {
      */
     style?: CSSProperties;
 };
-//# sourceMappingURL=with-style-props.d.ts.map
+
+export type { WithStyleProps as W };

package/package.json

@@ -3,15 +3,12 @@
   "description": "mantle is ngrok's UI library and design system.",
   "author": "ngrok",
   "license": "MIT",
-  "version": "0.0.42",
+  "version": "0.1.1",
   "homepage": "https://mantle.ngrok.com",
   "repository": {
     "type": "git",
     "url": "https://github.com/ngrok-oss/mantle"
   },
-  "workspaces": [
-    "packages/*"
-  ],
   "sideEffects": [
     "*.css"
   ],
@@ -19,18 +16,6 @@
   "browserslist": [
     "last 2 years, not dead, > 0.2%"
   ],
-  "main": "./dist/index.js",
-  "source": "./components/index.tsx",
-  "types": "./dist/components/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.js",
-      "types": "./dist/components/index.d.ts",
-      "default": "./dist/index.js"
-    },
-    "./mantle.css": "./assets/mantle.css"
-  },
   "files": [
     "dist",
     "assets"
@@ -40,7 +25,6 @@
   },
   "dependencies": {
     "@ariakit/react": "0.4.5",
-    "@phosphor-icons/react": "2.0.15",
     "@radix-ui/react-checkbox": "1.0.4",
     "@radix-ui/react-dialog": "1.0.5",
     "@radix-ui/react-dropdown-menu": "2.0.6",
@@ -59,35 +43,24 @@
     "isbot": "5.1.4",
     "prismjs": "1.29.0",
     "tailwind-merge": "2.2.2",
+    "tailwindcss-animate": "1.0.7",
     "tiny-invariant": "1.3.3"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "1.3.0",
     "@commander-js/extra-typings": "12.0.1",
     "@ianvs/prettier-plugin-sort-imports": "4.2.1",
-    "@parcel/packager-ts": "2.12.0",
-    "@parcel/transformer-typescript-types": "2.12.0",
+    "@phosphor-icons/react": "2.1.3",
     "@remix-run/dev": "2.8.1",
     "@remix-run/eslint-config": "2.8.1",
-    "@storybook/addon-essentials": "7.6.17",
-    "@storybook/addon-interactions": "7.6.17",
-    "@storybook/addon-links": "7.6.17",
-    "@storybook/addon-onboarding": "1.0.11",
-    "@storybook/addon-styling": "1.3.7",
-    "@storybook/blocks": "7.6.17",
-    "@storybook/builder-vite": "7.6.17",
-    "@storybook/react": "7.6.17",
-    "@storybook/react-vite": "7.6.17",
-    "@storybook/testing-library": "0.2.2",
-    "@testing-library/react": "14.2.2",
+    "@testing-library/react": "14.3.0",
     "@testing-library/user-event": "14.5.2",
-    "@types/node": "20.12.4",
+    "@types/node": "20.12.5",
     "@types/prismjs": "1.26.3",
     "@types/react": "18.2.74",
     "@types/react-dom": "18.2.24",
     "@typescript-eslint/eslint-plugin": "7.5.0",
     "@typescript-eslint/parser": "7.5.0",
-    "@vitejs/plugin-react-swc": "3.6.0",
+    "@vitejs/plugin-react": "4.2.1",
     "@vitest/ui": "1.4.0",
     "autoprefixer": "10.4.19",
     "browserslist": "4.23.0",
@@ -97,19 +70,16 @@
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-react": "7.34.1",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-storybook": "0.8.0",
     "fast-glob": "3.3.2",
     "jsdom": "24.0.0",
-    "parcel": "2.12.0",
     "postcss": "8.4.38",
     "prettier": "3.2.5",
     "prettier-plugin-tailwindcss": "0.5.13",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-router-dom": "6.22.3",
-    "storybook": "7.6.17",
     "tailwindcss": "3.4.3",
-    "tailwindcss-animate": "1.0.7",
+    "tsup": "8.0.2",
     "tsx": "4.7.2",
     "typescript": "5.4.4",
     "vite": "5.2.8",
@@ -119,17 +89,115 @@
     "zod": "3.22.4"
   },
   "peerDependencies": {
+    "@phosphor-icons/react": "2.1.3",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
+    "postcss": "^8.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "tailwindcss": "^3.4.3",
     "zod": "^3.22.4"
   },
+  "exports": {
+    "./mantle.css": "./assets/mantle.css",
+    "./tailwind-preset": {
+      "import": "./dist/tailwind-preset.js",
+      "types": "./dist/tailwind-preset.d.ts"
+    },
+    "./alert": {
+      "import": "./dist/alert.js",
+      "types": "./dist/alert.d.ts"
+    },
+    "./anchor": {
+      "import": "./dist/anchor.js",
+      "types": "./dist/anchor.d.ts"
+    },
+    "./button": {
+      "import": "./dist/button.js",
+      "types": "./dist/button.d.ts"
+    },
+    "./card": {
+      "import": "./dist/card.js",
+      "types": "./dist/card.d.ts"
+    },
+    "./checkbox": {
+      "import": "./dist/checkbox.js",
+      "types": "./dist/checkbox.d.ts"
+    },
+    "./code-block": {
+      "import": "./dist/code-block.js",
+      "types": "./dist/code-block.d.ts"
+    },
+    "./core": {
+      "import": "./dist/core.js",
+      "types": "./dist/core.d.ts"
+    },
+    "./dialog": {
+      "import": "./dist/dialog.js",
+      "types": "./dist/dialog.d.ts"
+    },
+    "./dropdown-menu": {
+      "import": "./dist/dropdown-menu.js",
+      "types": "./dist/dropdown-menu.d.ts"
+    },
+    "./icon": {
+      "import": "./dist/icon.js",
+      "types": "./dist/icon.d.ts"
+    },
+    "./inline-code": {
+      "import": "./dist/inline-code.js",
+      "types": "./dist/inline-code.d.ts"
+    },
+    "./input": {
+      "import": "./dist/input.js",
+      "types": "./dist/input.d.ts"
+    },
+    "./media-object": {
+      "import": "./dist/media-object.js",
+      "types": "./dist/media-object.d.ts"
+    },
+    "./popover": {
+      "import": "./dist/popover.js",
+      "types": "./dist/popover.d.ts"
+    },
+    "./select": {
+      "import": "./dist/select.js",
+      "types": "./dist/select.d.ts"
+    },
+    "./separator": {
+      "import": "./dist/separator.js",
+      "types": "./dist/separator.d.ts"
+    },
+    "./sheet": {
+      "import": "./dist/sheet.js",
+      "types": "./dist/sheet.d.ts"
+    },
+    "./skeleton": {
+      "import": "./dist/skeleton.js",
+      "types": "./dist/skeleton.d.ts"
+    },
+    "./table": {
+      "import": "./dist/table.js",
+      "types": "./dist/table.d.ts"
+    },
+    "./text-area": {
+      "import": "./dist/text-area.js",
+      "types": "./dist/text-area.d.ts"
+    },
+    "./theme-provider": {
+      "import": "./dist/theme-provider.js",
+      "types": "./dist/theme-provider.d.ts"
+    },
+    "./tooltip": {
+      "import": "./dist/tooltip.js",
+      "types": "./dist/tooltip.d.ts"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts"
+    }
+  },
   "scripts": {
-    "build-storybook": "storybook build",
-    "build:types": "tsc --project ./tsconfig.publish.json",
-    "build": "rm -rf dist .parcel-cache && parcel build --no-cache --dist-dir dist && pnpm run build:types",
-    "cmd:storybook": "STORYBOOK_DISABLE_TELEMETRY=1 storybook",
+    "build": "rm -rf dist && tsup",
     "docs:build": "remix build",
     "docs:dev": "remix dev --manual",
     "docs:serve": "remix-serve ./build/index.js",
@@ -137,7 +205,6 @@
     "fmt": "prettier --write .",
     "gen:docs-routes": "tsx scripts/gen-docs-routes",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "storybook": "storybook dev -p 6006",
     "test": "TZ=UTC vitest",
     "typecheck": "tsc --incremental --noEmit --skipLibCheck"
   }

package/dist/components/alert/index.d.ts

@@ -1,2 +0,0 @@
-export { Alert, AlertContent, AlertTitle, AlertDescription } from "./src/alert";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/alert/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/alert/src/alert.d.ts

@@ -1,21 +0,0 @@
-import type { HTMLAttributes } from "react";
-/**
- * Displays a callout for user attention.
- */
-declare const Alert: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & Partial<import("../../types").DeepNonNullable<import("class-variance-authority").VariantProps<(props?: ({
-    priority?: "danger" | "default" | "info" | "success" | "warning" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string>>> & import("react").RefAttributes<HTMLDivElement>>;
-/**
- * The container for the content slot of an alert. Place the title and description as direct children.
- */
-declare const AlertContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-/**
- * The title of an alert.
- */
-declare const AlertTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLParagraphElement>>;
-/**
- * The description of an alert.
- */
-declare const AlertDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
-export { Alert, AlertContent, AlertTitle, AlertDescription };
-//# sourceMappingURL=alert.d.ts.map

package/dist/components/alert/src/alert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../components/alert/src/alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AA0B5C;;GAEG;AACH,QAAA,MAAM,KAAK;;kIAIV,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,YAAY,2HAEhB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,UAAU,qIAEf,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,gBAAgB,uIAErB,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/anchor/index.d.ts

@@ -1,2 +0,0 @@
-export { Anchor, anchorClassNames } from "./src/anchor";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/anchor/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/anchor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}