npm - @yamada-ui/react - Versions diffs - 2.3.1 → 2.3.2-dev-20261104081040 - Mend

@yamada-ui/react 2.3.1 → 2.3.2-dev-20261104081040

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/dist/cjs/components/prose/prose.style.cjs CHANGED Viewed

@@ -195,7 +195,7 @@ const proseStyle = require_config.defineComponentStyle({
 		blockquote: "subtle",
 		code: "subtle",
 		kbd: "outline",
-		link: "plain",
+		link: "underline",
 		table: "line"
 	}
 });

package/dist/cjs/components/prose/prose.style.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"prose.style.cjs","names":["getStyle","defineComponentStyle","headingStyle","linkStyle","listStyle","blockquoteStyle","codeStyle","nativeTableStyle","separatorStyle"],"sources":["../../../../src/components/prose/prose.style.ts"],"sourcesContent":["import type { CSSObject } from \"../../core\"\nimport { defineComponentStyle, getStyle } from \"../../core\"\nimport { isObject } from \"../../utils\"\nimport { blockquoteStyle } from \"../blockquote\"\nimport { codeStyle } from \"../code\"\nimport { headingStyle } from \"../heading\"\nimport { linkStyle } from \"../link\"\nimport { listStyle } from \"../list\"\nimport { nativeTableStyle } from \"../native-table\"\nimport { separatorStyle } from \"../separator\"\n\nfunction getSelector<Y extends string>(selector: Y) {\n return `& :where(${selector}):not(:where(.not-prose, .not-prose ))` as const\n}\nfunction getScopedStyle(style?: CSSObject): CSSObject \| undefined {\n if (!style) return style\n\n return Object.fromEntries(\n Object.entries(style).map(([key, value]) => [\n key,\n isObject(value) && !getStyle(key) && !key.startsWith(\"--\")\n ? {\n \"&:not(:where(.not-prose, .not-prose ))\": getScopedStyle(value),\n }\n : value,\n ]),\n )\n}\nfunction replaceVariants<Y extends string, M extends object \| undefined>(\n selector: Y,\n style: M,\n additionalStyle: CSSObject = {},\n): { [D in keyof NonNullable<M>]: { [H in Y]: CSSObject } } {\n return Object.fromEntries(\n Object.entries(style ?? {}).map(([key, value]) => [\n key,\n { [selector]: { ...value, ...additionalStyle } },\n ]),\n ) as { [D in keyof NonNullable<M>]: { [H in Y]: CSSObject } }\n}\nfunction pickSlot<Y extends object \| undefined>(\n variants: Y,\n slot: keyof NonNullable<Y>[keyof NonNullable<Y>],\n): { [D in keyof NonNullable<Y>]: CSSObject } {\n return Object.fromEntries(\n Object.entries(variants ?? {}).map(([key, value]) => [key, value[slot]]),\n ) as { [D in keyof NonNullable<Y>]: CSSObject }\n}\n\nexport const proseStyle = defineComponentStyle({\n base: {\n minW: \"0\",\n overflowWrap: \"break-word\",\n w: \"full\",\n\n [getSelector(\"\")]: {\n \"&::before, &::after\": {\n textBoxEdge: \"inherit\",\n textBoxTrim: \"inherit\",\n },\n color: \"fg.emphasized\",\n textBoxEdge: \"text\",\n textBoxTrim: \"trim-both\",\n },\n\n \"& :where(.not-prose)\": { textBoxEdge: \"auto\", textBoxTrim: \"none\" },\n\n [getSelector(\n \"h1 , h2 , h3 , h4 , h5 , h6 , a[href] , blockquote , th \",\n )]: {\n color: \"inherit\",\n },\n\n [getSelector(\"p, ul, ol, dl, hr, blockquote, pre, table, figure\")]: {\n my: \"{space}\",\n },\n\n [getSelector(\"h1, h2, h3, h4, h5, h6\")]: {\n ...headingStyle.base,\n color: \"fg\",\n my: \"{space}\",\n },\n\n [getSelector(\"h1\")]: { fontSize: \"2em\", mt: \"calc({space} * 2)\" },\n [getSelector(\"h2\")]: { fontSize: \"1.5em\", mt: \"calc({space} * 2)\" },\n [getSelector(\"h3\")]: { fontSize: \"1.25em\", mt: \"calc({space} * 1.5)\" },\n [getSelector(\"h4\")]: { fontSize: \"1.125em\", mt: \"calc({space} * 1.5)\" },\n [getSelector(\"h5\")]: { fontSize: \"1em\" },\n [getSelector(\"h6\")]: { fontSize: \"0.875em\" },\n\n [getSelector(\"a[href]\")]: {\n ...linkStyle.base,\n color: \"link.fg\",\n display: \"inline\",\n },\n\n [getSelector(\"b, strong, dt\")]: { fontWeight: \"semibold\" },\n [getSelector(\"em, i\")]: { fontStyle: \"italic\" },\n\n [getSelector(\"ul, ol\")]: listStyle.base?.root,\n\n [getSelector(\"ul\")]: {\n ...listStyle.props?.styleType.disc.root,\n listStyleType: \"disc\",\n },\n\n [getSelector(\"ol\")]: {\n ...listStyle.props?.styleType.decimal.root,\n listStyleType: \"decimal\",\n },\n\n [getSelector(\"li\")]: listStyle.base?.item,\n\n [getSelector(\"li > ul, li > ol\")]: {\n mb: \"0\",\n mt: listStyle.base?.root?.gap,\n },\n\n [getSelector(\"li > [data-list-icon]\")]: listStyle.base?.icon,\n\n [getSelector(\"dd\")]: { mt: \"0.5em\", ps: \"1.5em\" },\n\n [getSelector(\"blockquote\")]: { color: \"fg\", ps: \"1em\" },\n\n [getSelector(\"figcaption\")]: {\n ...blockquoteStyle.base?.caption,\n color: \"fg\",\n fontSize: \"0.875em\",\n my: \"calc({space} / 2)\",\n textAlign: \"end\",\n },\n\n [getSelector(\"cite\")]: blockquoteStyle.base?.cite,\n\n [getSelector(\"code:not(pre code), kbd\")]: codeStyle.base,\n\n [getSelector(\"pre\")]: {\n bg: \"bg.subtle\",\n fontFamily: \"mono\",\n fontSize: \"0.875em\",\n overflowWrap: \"normal\",\n overflowX: \"auto\",\n p: \"{space}\",\n rounded: \"l2\",\n whiteSpace: \"pre\",\n },\n\n [getSelector(\"pre code\")]: { color: \"fg\" },\n\n [getSelector(\"table\")]: getScopedStyle(nativeTableStyle.base?.root),\n\n [getSelector(\"thead\")]: getScopedStyle(nativeTableStyle.base?.thead),\n\n [getSelector(\"tbody\")]: getScopedStyle(nativeTableStyle.base?.tbody),\n\n [getSelector(\"tfoot\")]: getScopedStyle(nativeTableStyle.base?.tfoot),\n\n [getSelector(\"tr\")]: getScopedStyle(nativeTableStyle.base?.tr),\n\n [getSelector(\"th\")]: {\n ...getScopedStyle(nativeTableStyle.base?.th),\n color: \"fg\",\n },\n\n [getSelector(\"td\")]: getScopedStyle(nativeTableStyle.base?.td),\n\n [getSelector(\"caption\")]: {\n ...getScopedStyle(nativeTableStyle.base?.caption),\n fontSize: \"0.875em\",\n my: \"calc({space} / 2)\",\n },\n\n [getSelector(\"hr\")]: { ...separatorStyle.base, borderTopWidth: \"1px\" },\n [getSelector(\"img, video\")]: { h: \"auto\", maxW: \"full\" },\n\n \"& > :where(:not(style, :not(style) ~ )):not(:where(.not-prose, .not-prose ))\":\n {\n mt: \"0\",\n },\n\n \"& > :where(:not(style, :has(~ :not(style)))):not(:where(.not-prose, .not-prose *))\":\n {\n mb: \"0\",\n },\n },\n\n props: {\n blockquote: replaceVariants(\n getSelector(\"blockquote\"),\n pickSlot(blockquoteStyle.variants, \"root\"),\n { px: undefined },\n ),\n code: replaceVariants(\n getSelector(\"code:not(pre code)\"),\n codeStyle.variants,\n ),\n hr: replaceVariants(getSelector(\"hr\"), separatorStyle.variants),\n kbd: replaceVariants(getSelector(\"kbd\"), codeStyle.variants),\n link: replaceVariants(getSelector(\"a[href]\"), linkStyle.variants, {\n color: undefined,\n }),\n table: {\n line: {\n [getSelector(\"tbody\")]: getScopedStyle(\n nativeTableStyle.variants?.line.tbody,\n ),\n [getSelector(\"tfoot\")]: getScopedStyle(\n nativeTableStyle.variants?.line.tfoot,\n ),\n [getSelector(\"thead\")]: getScopedStyle(\n nativeTableStyle.variants?.line.thead,\n ),\n },\n outline: {\n [getSelector(\"table\")]: getScopedStyle(\n nativeTableStyle.variants?.outline.root,\n ),\n [getSelector(\"tbody\")]: getScopedStyle(\n nativeTableStyle.variants?.outline.tbody,\n ),\n [getSelector(\"tfoot\")]: getScopedStyle(\n nativeTableStyle.variants?.outline.tfoot,\n ),\n [getSelector(\"thead\")]: getScopedStyle(\n nativeTableStyle.variants?.outline.thead,\n ),\n },\n },\n },\n\n sizes: {\n sm: {\n \"--space\": \"fontSizes.sm\",\n fontSize: \"sm\",\n [getSelector(\"code:not(pre code), kbd\")]: codeStyle.sizes?.sm,\n [getSelector(\"table\")]: getScopedStyle(nativeTableStyle.sizes?.sm.root),\n [getSelector(\"td\")]: getScopedStyle(nativeTableStyle.sizes?.sm.td),\n [getSelector(\"th\")]: getScopedStyle(nativeTableStyle.sizes?.sm.th),\n },\n md: {\n \"--space\": \"fontSizes.md\",\n fontSize: \"md\",\n [getSelector(\"code:not(pre code), kbd\")]: codeStyle.sizes?.md,\n [getSelector(\"table\")]: getScopedStyle(nativeTableStyle.sizes?.md.root),\n [getSelector(\"td\")]: getScopedStyle(nativeTableStyle.sizes?.md.td),\n [getSelector(\"th\")]: getScopedStyle(nativeTableStyle.sizes?.md.th),\n },\n lg: {\n \"--space\": \"fontSizes.lg\",\n fontSize: \"lg\",\n [getSelector(\"code:not(pre code), kbd\")]: codeStyle.sizes?.lg,\n [getSelector(\"table\")]: getScopedStyle(nativeTableStyle.sizes?.lg.root),\n [getSelector(\"td\")]: getScopedStyle(nativeTableStyle.sizes?.lg.td),\n [getSelector(\"th\")]: getScopedStyle(nativeTableStyle.sizes?.lg.th),\n },\n },\n\n defaultProps: {\n size: \"md\",\n blockquote: \"subtle\",\n code: \"subtle\",\n kbd: \"outline\",\n link: \"plain\",\n table: \"line\",\n },\n})\n\nexport type ProseStyle = typeof proseStyle\n"],"mappings":"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"}
1	+ {"version":3,"file":"prose.style.cjs","names":["getStyle","defineComponentStyle","headingStyle","linkStyle","listStyle","blockquoteStyle","codeStyle","nativeTableStyle","separatorStyle"],"sources":["../../../../src/components/prose/prose.style.ts"],"sourcesContent":["import type { CSSObject } from \"../../core\"\nimport { defineComponentStyle, getStyle } from \"../../core\"\nimport { isObject } from \"../../utils\"\nimport { blockquoteStyle } from \"../blockquote\"\nimport { codeStyle } from \"../code\"\nimport { headingStyle } from \"../heading\"\nimport { linkStyle } from \"../link\"\nimport { listStyle } from \"../list\"\nimport { nativeTableStyle } from \"../native-table\"\nimport { separatorStyle } from \"../separator\"\n\nfunction getSelector<Y extends string>(selector: Y) {\n return `& :where(${selector}):not(:where(.not-prose, .not-prose ))` as const\n}\nfunction getScopedStyle(style?: CSSObject): CSSObject \| undefined {\n if (!style) return style\n\n return Object.fromEntries(\n Object.entries(style).map(([key, value]) => [\n key,\n isObject(value) && !getStyle(key) && !key.startsWith(\"--\")\n ? {\n \"&:not(:where(.not-prose, .not-prose ))\": getScopedStyle(value),\n }\n : value,\n ]),\n )\n}\nfunction replaceVariants<Y extends string, M extends object \| undefined>(\n selector: Y,\n style: M,\n additionalStyle: CSSObject = {},\n): { [D in keyof NonNullable<M>]: { [H in Y]: CSSObject } } {\n return Object.fromEntries(\n Object.entries(style ?? {}).map(([key, value]) => [\n key,\n { [selector]: { ...value, ...additionalStyle } },\n ]),\n ) as { [D in keyof NonNullable<M>]: { [H in Y]: CSSObject } }\n}\nfunction pickSlot<Y extends object \| undefined>(\n variants: Y,\n slot: keyof NonNullable<Y>[keyof NonNullable<Y>],\n): { [D in keyof NonNullable<Y>]: CSSObject } {\n return Object.fromEntries(\n Object.entries(variants ?? {}).map(([key, value]) => [key, value[slot]]),\n ) as { [D in keyof NonNullable<Y>]: CSSObject }\n}\n\nexport const proseStyle = defineComponentStyle({\n base: {\n minW: \"0\",\n overflowWrap: \"break-word\",\n w: \"full\",\n\n [getSelector(\"\")]: {\n \"&::before, &::after\": {\n textBoxEdge: \"inherit\",\n textBoxTrim: \"inherit\",\n },\n color: \"fg.emphasized\",\n textBoxEdge: \"text\",\n textBoxTrim: \"trim-both\",\n },\n\n \"& :where(.not-prose)\": { textBoxEdge: \"auto\", textBoxTrim: \"none\" },\n\n [getSelector(\n \"h1 , h2 , h3 , h4 , h5 , h6 , a[href] , blockquote , th \",\n )]: {\n color: \"inherit\",\n },\n\n [getSelector(\"p, ul, ol, dl, hr, blockquote, pre, table, figure\")]: {\n my: \"{space}\",\n },\n\n [getSelector(\"h1, h2, h3, h4, h5, h6\")]: {\n ...headingStyle.base,\n color: \"fg\",\n my: \"{space}\",\n },\n\n [getSelector(\"h1\")]: { fontSize: \"2em\", mt: \"calc({space} * 2)\" },\n [getSelector(\"h2\")]: { fontSize: \"1.5em\", mt: \"calc({space} * 2)\" },\n [getSelector(\"h3\")]: { fontSize: \"1.25em\", mt: \"calc({space} * 1.5)\" },\n [getSelector(\"h4\")]: { fontSize: \"1.125em\", mt: \"calc({space} * 1.5)\" },\n [getSelector(\"h5\")]: { fontSize: \"1em\" },\n [getSelector(\"h6\")]: { fontSize: \"0.875em\" },\n\n [getSelector(\"a[href]\")]: {\n ...linkStyle.base,\n color: \"link.fg\",\n display: \"inline\",\n },\n\n [getSelector(\"b, strong, dt\")]: { fontWeight: \"semibold\" },\n [getSelector(\"em, i\")]: { fontStyle: \"italic\" },\n\n [getSelector(\"ul, ol\")]: listStyle.base?.root,\n\n [getSelector(\"ul\")]: {\n ...listStyle.props?.styleType.disc.root,\n listStyleType: \"disc\",\n },\n\n [getSelector(\"ol\")]: {\n ...listStyle.props?.styleType.decimal.root,\n listStyleType: \"decimal\",\n },\n\n [getSelector(\"li\")]: listStyle.base?.item,\n\n [getSelector(\"li > ul, li > ol\")]: {\n mb: \"0\",\n mt: listStyle.base?.root?.gap,\n },\n\n [getSelector(\"li > [data-list-icon]\")]: listStyle.base?.icon,\n\n [getSelector(\"dd\")]: { mt: \"0.5em\", ps: \"1.5em\" },\n\n [getSelector(\"blockquote\")]: { color: \"fg\", ps: \"1em\" },\n\n [getSelector(\"figcaption\")]: {\n ...blockquoteStyle.base?.caption,\n color: \"fg\",\n fontSize: \"0.875em\",\n my: \"calc({space} / 2)\",\n textAlign: \"end\",\n },\n\n [getSelector(\"cite\")]: blockquoteStyle.base?.cite,\n\n [getSelector(\"code:not(pre code), kbd\")]: codeStyle.base,\n\n [getSelector(\"pre\")]: {\n bg: \"bg.subtle\",\n fontFamily: \"mono\",\n fontSize: \"0.875em\",\n overflowWrap: \"normal\",\n overflowX: \"auto\",\n p: \"{space}\",\n rounded: \"l2\",\n whiteSpace: \"pre\",\n },\n\n [getSelector(\"pre code\")]: { color: \"fg\" },\n\n [getSelector(\"table\")]: getScopedStyle(nativeTableStyle.base?.root),\n\n [getSelector(\"thead\")]: getScopedStyle(nativeTableStyle.base?.thead),\n\n [getSelector(\"tbody\")]: getScopedStyle(nativeTableStyle.base?.tbody),\n\n [getSelector(\"tfoot\")]: getScopedStyle(nativeTableStyle.base?.tfoot),\n\n [getSelector(\"tr\")]: getScopedStyle(nativeTableStyle.base?.tr),\n\n [getSelector(\"th\")]: {\n ...getScopedStyle(nativeTableStyle.base?.th),\n color: \"fg\",\n },\n\n [getSelector(\"td\")]: getScopedStyle(nativeTableStyle.base?.td),\n\n [getSelector(\"caption\")]: {\n ...getScopedStyle(nativeTableStyle.base?.caption),\n fontSize: \"0.875em\",\n my: \"calc({space} / 2)\",\n },\n\n [getSelector(\"hr\")]: { ...separatorStyle.base, borderTopWidth: \"1px\" },\n [getSelector(\"img, video\")]: { h: \"auto\", maxW: \"full\" },\n\n \"& > :where(:not(style, :not(style) ~ )):not(:where(.not-prose, .not-prose ))\":\n {\n mt: \"0\",\n },\n\n \"& > :where(:not(style, :has(~ :not(style)))):not(:where(.not-prose, .not-prose *))\":\n {\n mb: \"0\",\n },\n },\n\n props: {\n blockquote: replaceVariants(\n getSelector(\"blockquote\"),\n pickSlot(blockquoteStyle.variants, \"root\"),\n { px: undefined },\n ),\n code: replaceVariants(\n getSelector(\"code:not(pre code)\"),\n codeStyle.variants,\n ),\n hr: replaceVariants(getSelector(\"hr\"), separatorStyle.variants),\n kbd: replaceVariants(getSelector(\"kbd\"), codeStyle.variants),\n link: replaceVariants(getSelector(\"a[href]\"), linkStyle.variants, {\n color: undefined,\n }),\n table: {\n line: {\n [getSelector(\"tbody\")]: getScopedStyle(\n nativeTableStyle.variants?.line.tbody,\n ),\n [getSelector(\"tfoot\")]: getScopedStyle(\n nativeTableStyle.variants?.line.tfoot,\n ),\n [getSelector(\"thead\")]: getScopedStyle(\n nativeTableStyle.variants?.line.thead,\n ),\n },\n outline: {\n [getSelector(\"table\")]: getScopedStyle(\n nativeTableStyle.variants?.outline.root,\n ),\n [getSelector(\"tbody\")]: getScopedStyle(\n nativeTableStyle.variants?.outline.tbody,\n ),\n [getSelector(\"tfoot\")]: getScopedStyle(\n nativeTableStyle.variants?.outline.tfoot,\n ),\n [getSelector(\"thead\")]: getScopedStyle(\n nativeTableStyle.variants?.outline.thead,\n ),\n },\n },\n },\n\n sizes: {\n sm: {\n \"--space\": \"fontSizes.sm\",\n fontSize: \"sm\",\n [getSelector(\"code:not(pre code), kbd\")]: codeStyle.sizes?.sm,\n [getSelector(\"table\")]: getScopedStyle(nativeTableStyle.sizes?.sm.root),\n [getSelector(\"td\")]: getScopedStyle(nativeTableStyle.sizes?.sm.td),\n [getSelector(\"th\")]: getScopedStyle(nativeTableStyle.sizes?.sm.th),\n },\n md: {\n \"--space\": \"fontSizes.md\",\n fontSize: \"md\",\n [getSelector(\"code:not(pre code), kbd\")]: codeStyle.sizes?.md,\n [getSelector(\"table\")]: getScopedStyle(nativeTableStyle.sizes?.md.root),\n [getSelector(\"td\")]: getScopedStyle(nativeTableStyle.sizes?.md.td),\n [getSelector(\"th\")]: getScopedStyle(nativeTableStyle.sizes?.md.th),\n },\n lg: {\n \"--space\": \"fontSizes.lg\",\n fontSize: \"lg\",\n [getSelector(\"code:not(pre code), kbd\")]: codeStyle.sizes?.lg,\n [getSelector(\"table\")]: getScopedStyle(nativeTableStyle.sizes?.lg.root),\n [getSelector(\"td\")]: getScopedStyle(nativeTableStyle.sizes?.lg.td),\n [getSelector(\"th\")]: getScopedStyle(nativeTableStyle.sizes?.lg.th),\n },\n },\n\n defaultProps: {\n size: \"md\",\n blockquote: \"subtle\",\n code: \"subtle\",\n kbd: \"outline\",\n link: \"underline\",\n table: \"line\",\n },\n})\n\nexport type ProseStyle = typeof proseStyle\n"],"mappings":"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"}

package/dist/cjs/core/css/css.cjs CHANGED Viewed

@@ -58,6 +58,13 @@ function transformConditionalValue({ breakpoints }) {
 		else return { [key]: value };
 	};
 }
+function sortBreakpointQueries({ queries }) {
+	return function(css) {
+		const queryMap = new Map(queries.flatMap(({ query }) => !(0, require_utils_index.utils_exports.isUndefined)(query) && query in css ? [[query, css[query]]] : []));
+		const entries = queryMap.entries();
+		return Object.fromEntries(Object.entries(css).map(([key, value]) => queryMap.has(key) ? entries.next().value : [key, value]));
+	};
+}
 function expandCSS(system) {
 	return function(css) {
 		let computedCSS = {};
@@ -66,7 +73,7 @@ function expandCSS(system) {
 			if (!isVariableLength(key)) computedCSS = (0, require_utils_index.utils_exports.merge)(computedCSS, transformConditionalValue(system)(key, value));
 			else computedCSS = (0, require_utils_index.utils_exports.merge)(computedCSS, { [key]: value });
 		}
-		return computedCSS;
+		return sortBreakpointQueries(system.breakpoints)(computedCSS);
 	};
 }
 function valueToVar(system) {

package/dist/cjs/core/css/css.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"css.cjs","names":["variableLengthProperties","conditions","getCondition","transformInterpolation","getColorSchemeVar","colorMix","isCSSToken","getVar","styles","isImportant","omitImportant","insertImportant"],"sources":["../../../../src/core/css/css.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Breakpoints, System, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSObjectOrFunction } from \"./index.type\"\nimport type { StyleProperty, VariableLengthProperty } from \"./styles\"\nimport type { TransformOptions } from \"./utils\"\nimport {\n isArray,\n isObject,\n isString,\n isUndefined,\n merge,\n runIfFn,\n} from \"../../utils\"\nimport { getColorSchemeVar, getVar, transformInterpolation } from \"../system\"\nimport { colorMix } from \"./color-mix\"\nimport { conditions, getCondition } from \"./conditions\"\nimport { styles, variableLengthProperties } from \"./styles\"\nimport {\n insertImportant,\n isCSSToken,\n isImportant,\n omitImportant,\n} from \"./utils\"\n\nfunction isVariableLength(key: string): boolean {\n return variableLengthProperties.includes(key as VariableLengthProperty)\n}\n\nfunction isConditionalObject(breakpoints: Breakpoints) {\n return function (value: any): boolean {\n if (!isObject(value)) return false\n\n const keys = Object.keys(value)\n\n if (!keys.length) return false\n\n if (!keys.includes(\"base\")) return false\n\n return keys.every((key) => {\n return (\n breakpoints.isResponsiveKey(key) \|\|\n key.startsWith(\"@\") \|\|\n key.startsWith(\"_\")\n )\n })\n }\n}\n\nfunction transformColorModeArray(breakpoints: Breakpoints) {\n return function (key: string, [lightValue, darkValue]: any[]): Dict {\n let computedCSS: Dict = {}\n\n if (isConditionalObject(breakpoints)(lightValue))\n computedCSS = transformConditionalObject(breakpoints)(key, lightValue)\n else computedCSS[key] = lightValue\n\n if (isConditionalObject(breakpoints)(darkValue))\n computedCSS[conditions._dark] = transformConditionalObject(breakpoints)(\n key,\n darkValue,\n )\n else computedCSS[conditions._dark] = { [key]: darkValue }\n\n return computedCSS\n }\n}\n\nfunction transformConditionalObject(breakpoints: Breakpoints) {\n return function (key: string, value: Dict) {\n const conditionalKeys = Object.keys(value).filter(\n (key) => !breakpoints.isResponsiveKey(key),\n )\n\n const breakpointObj = breakpoints.queries.reduce<Dict>(\n (prev, { breakpoint, query }) => {\n const breakpointValue = value[breakpoint]\n\n if (!isUndefined(breakpointValue))\n if (isArray(breakpointValue)) {\n const colorModeValue = transformColorModeArray(breakpoints)(\n key,\n breakpointValue,\n )\n\n prev = merge(\n prev,\n query ? { [query]: colorModeValue } : colorModeValue,\n )\n } else if (isConditionalObject(breakpoints)(breakpointValue)) {\n const conditionalValue = transformConditionalObject(breakpoints)(\n key,\n breakpointValue,\n )\n\n prev = merge(\n prev,\n query ? { [query]: conditionalValue } : conditionalValue,\n )\n } else {\n prev = merge(\n prev,\n query\n ? { [query]: { [key]: breakpointValue } }\n : { [key]: breakpointValue },\n )\n }\n\n return prev\n },\n {},\n )\n\n const additionalObj = conditionalKeys.reduce<Dict>(\n (prev, conditionalKey) => {\n const query = getCondition(conditionalKey)\n\n prev[query] = { [key]: value[conditionalKey] }\n\n return prev\n },\n {},\n )\n\n return merge(breakpointObj, additionalObj)\n }\n}\n\nexport function transformConditionalValue({ breakpoints }: System) {\n return function (key: string, value: any) {\n if (isArray(value)) return transformColorModeArray(breakpoints)(key, value)\n else if (isConditionalObject(breakpoints)(value))\n return transformConditionalObject(breakpoints)(key, value)\n else return { [key]: value }\n }\n}\n\nfunction expandCSS(system: System) {\n return function (css: Dict): Dict {\n let computedCSS: Dict = {}\n\n for (let [key, value] of Object.entries(css)) {\n if (value == null) continue\n\n if (!isVariableLength(key))\n computedCSS = merge(\n computedCSS,\n transformConditionalValue(system)(key, value),\n )\n else computedCSS = merge(computedCSS, { [key]: value })\n }\n\n return computedCSS\n }\n}\n\nfunction valueToVar(system: System) {\n return function (prop: string, value: any) {\n const result = transformInterpolation(\n value,\n function (value: string, fallbackValue?: string) {\n if (value.includes(\"colorScheme.\")) {\n return getColorSchemeVar(system)(value)\n } else if (value.includes(\"colors.\")) {\n return colorMix(value, { fallback: fallbackValue, system })\n } else if (isCSSToken(system)(value)) {\n return system.cssMap[value]!.ref\n } else if (fallbackValue) {\n fallbackValue = isCSSToken(system)(fallbackValue)\n ? system.cssMap[fallbackValue]!.ref\n : fallbackValue\n\n return getVar(value, fallbackValue)\n } else {\n return getVar(value)\n }\n },\n )\n\n if (prop.startsWith(\"--\") && isString(result))\n if (result.includes(\"colorScheme.\"))\n return getColorSchemeVar(system)(result)\n else if (result.includes(\"colors.\")) return colorMix(result, { system })\n else if (isCSSToken(system)(result)) return system.cssMap[result]!.ref\n else return result\n else return result\n }\n}\n\nfunction mergeCSS(prev: Dict, value: any, prop: string, properties?: string[]) {\n if (properties) {\n for (const property of properties) {\n prev[property] = prev[property] ?? {}\n prev[property] = merge(prev[property], value)\n }\n } else {\n prev[prop] = prev[prop] ?? {}\n prev[prop] = merge(prev[prop], value)\n }\n\n return prev\n}\n\nfunction insertCSS(\n prev: Dict,\n value: any,\n prop: string,\n properties?: string[],\n) {\n if (properties) for (const property of properties) prev[property] = value\n else prev[prop] = value\n\n return prev\n}\n\nexport function getStyle(prop: string) {\n const style = styles[prop as StyleProperty] as StyleConfig \| true \| undefined\n\n return style === true ? { properties: [prop] } : style\n}\n\nexport function css(system: System, theme: UsageTheme = {}) {\n return function (cssOrFn: CSSObjectOrFunction) {\n function createCSS(cssOrFn: CSSObjectOrFunction): Dict {\n const cssObj = runIfFn(cssOrFn, system)\n const computedCSS = expandCSS(system)(cssObj)\n\n let prev: Dict = {}\n\n for (let [prop, value] of Object.entries(computedCSS)) {\n value = valueToVar(system)(prop, value)\n\n if (value == null) continue\n\n prop = getCondition(prop)\n\n const style = getStyle(prop)\n const options: TransformOptions = {\n css,\n prev,\n properties: style?.properties,\n system,\n theme,\n }\n\n if (isObject(value)) {\n value = style?.transform?.(value, options) ?? value\n\n if (isObject(value))\n prev = mergeCSS(prev, createCSS(value), prop, style?.properties)\n else prev = insertCSS(prev, value, prop, style?.properties)\n\n continue\n }\n\n const important = isImportant(value)\n\n value = omitImportant(value)\n value = style?.transform?.(value, options) ?? value\n\n if (important) value = insertImportant(value, style)\n\n if (style?.static) prev = merge(prev, style.static)\n\n if (isObject(value)) {\n prev = merge(prev, createCSS(value))\n\n continue\n }\n\n prev = insertCSS(prev, value, prop, style?.properties)\n }\n\n return prev\n }\n\n return createCSS(cssOrFn)\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"css.cjs","names":["variableLengthProperties","conditions","getCondition","transformInterpolation","getColorSchemeVar","colorMix","isCSSToken","getVar","styles","isImportant","omitImportant","insertImportant"],"sources":["../../../../src/core/css/css.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Breakpoints, System, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSObjectOrFunction } from \"./index.type\"\nimport type { StyleProperty, VariableLengthProperty } from \"./styles\"\nimport type { TransformOptions } from \"./utils\"\nimport {\n isArray,\n isObject,\n isString,\n isUndefined,\n merge,\n runIfFn,\n} from \"../../utils\"\nimport { getColorSchemeVar, getVar, transformInterpolation } from \"../system\"\nimport { colorMix } from \"./color-mix\"\nimport { conditions, getCondition } from \"./conditions\"\nimport { styles, variableLengthProperties } from \"./styles\"\nimport {\n insertImportant,\n isCSSToken,\n isImportant,\n omitImportant,\n} from \"./utils\"\n\nfunction isVariableLength(key: string): boolean {\n return variableLengthProperties.includes(key as VariableLengthProperty)\n}\n\nfunction isConditionalObject(breakpoints: Breakpoints) {\n return function (value: any): boolean {\n if (!isObject(value)) return false\n\n const keys = Object.keys(value)\n\n if (!keys.length) return false\n\n if (!keys.includes(\"base\")) return false\n\n return keys.every((key) => {\n return (\n breakpoints.isResponsiveKey(key) \|\|\n key.startsWith(\"@\") \|\|\n key.startsWith(\"_\")\n )\n })\n }\n}\n\nfunction transformColorModeArray(breakpoints: Breakpoints) {\n return function (key: string, [lightValue, darkValue]: any[]): Dict {\n let computedCSS: Dict = {}\n\n if (isConditionalObject(breakpoints)(lightValue))\n computedCSS = transformConditionalObject(breakpoints)(key, lightValue)\n else computedCSS[key] = lightValue\n\n if (isConditionalObject(breakpoints)(darkValue))\n computedCSS[conditions._dark] = transformConditionalObject(breakpoints)(\n key,\n darkValue,\n )\n else computedCSS[conditions._dark] = { [key]: darkValue }\n\n return computedCSS\n }\n}\n\nfunction transformConditionalObject(breakpoints: Breakpoints) {\n return function (key: string, value: Dict) {\n const conditionalKeys = Object.keys(value).filter(\n (key) => !breakpoints.isResponsiveKey(key),\n )\n\n const breakpointObj = breakpoints.queries.reduce<Dict>(\n (prev, { breakpoint, query }) => {\n const breakpointValue = value[breakpoint]\n\n if (!isUndefined(breakpointValue))\n if (isArray(breakpointValue)) {\n const colorModeValue = transformColorModeArray(breakpoints)(\n key,\n breakpointValue,\n )\n\n prev = merge(\n prev,\n query ? { [query]: colorModeValue } : colorModeValue,\n )\n } else if (isConditionalObject(breakpoints)(breakpointValue)) {\n const conditionalValue = transformConditionalObject(breakpoints)(\n key,\n breakpointValue,\n )\n\n prev = merge(\n prev,\n query ? { [query]: conditionalValue } : conditionalValue,\n )\n } else {\n prev = merge(\n prev,\n query\n ? { [query]: { [key]: breakpointValue } }\n : { [key]: breakpointValue },\n )\n }\n\n return prev\n },\n {},\n )\n\n const additionalObj = conditionalKeys.reduce<Dict>(\n (prev, conditionalKey) => {\n const query = getCondition(conditionalKey)\n\n prev[query] = { [key]: value[conditionalKey] }\n\n return prev\n },\n {},\n )\n\n return merge(breakpointObj, additionalObj)\n }\n}\n\nexport function transformConditionalValue({ breakpoints }: System) {\n return function (key: string, value: any) {\n if (isArray(value)) return transformColorModeArray(breakpoints)(key, value)\n else if (isConditionalObject(breakpoints)(value))\n return transformConditionalObject(breakpoints)(key, value)\n else return { [key]: value }\n }\n}\n\nfunction sortBreakpointQueries({ queries }: Breakpoints) {\n return function (css: Dict): Dict {\n const queryMap = new Map(\n queries.flatMap(({ query }) =>\n !isUndefined(query) && query in css ? [[query, css[query]]] : [],\n ),\n )\n const entries = queryMap.entries()\n\n return Object.fromEntries(\n Object.entries(css).map(([key, value]) =>\n queryMap.has(key) ? entries.next().value! : [key, value],\n ),\n )\n }\n}\n\nfunction expandCSS(system: System) {\n return function (css: Dict): Dict {\n let computedCSS: Dict = {}\n\n for (let [key, value] of Object.entries(css)) {\n if (value == null) continue\n\n if (!isVariableLength(key))\n computedCSS = merge(\n computedCSS,\n transformConditionalValue(system)(key, value),\n )\n else computedCSS = merge(computedCSS, { [key]: value })\n }\n\n return sortBreakpointQueries(system.breakpoints)(computedCSS)\n }\n}\n\nfunction valueToVar(system: System) {\n return function (prop: string, value: any) {\n const result = transformInterpolation(\n value,\n function (value: string, fallbackValue?: string) {\n if (value.includes(\"colorScheme.\")) {\n return getColorSchemeVar(system)(value)\n } else if (value.includes(\"colors.\")) {\n return colorMix(value, { fallback: fallbackValue, system })\n } else if (isCSSToken(system)(value)) {\n return system.cssMap[value]!.ref\n } else if (fallbackValue) {\n fallbackValue = isCSSToken(system)(fallbackValue)\n ? system.cssMap[fallbackValue]!.ref\n : fallbackValue\n\n return getVar(value, fallbackValue)\n } else {\n return getVar(value)\n }\n },\n )\n\n if (prop.startsWith(\"--\") && isString(result))\n if (result.includes(\"colorScheme.\"))\n return getColorSchemeVar(system)(result)\n else if (result.includes(\"colors.\")) return colorMix(result, { system })\n else if (isCSSToken(system)(result)) return system.cssMap[result]!.ref\n else return result\n else return result\n }\n}\n\nfunction mergeCSS(prev: Dict, value: any, prop: string, properties?: string[]) {\n if (properties) {\n for (const property of properties) {\n prev[property] = prev[property] ?? {}\n prev[property] = merge(prev[property], value)\n }\n } else {\n prev[prop] = prev[prop] ?? {}\n prev[prop] = merge(prev[prop], value)\n }\n\n return prev\n}\n\nfunction insertCSS(\n prev: Dict,\n value: any,\n prop: string,\n properties?: string[],\n) {\n if (properties) for (const property of properties) prev[property] = value\n else prev[prop] = value\n\n return prev\n}\n\nexport function getStyle(prop: string) {\n const style = styles[prop as StyleProperty] as StyleConfig \| true \| undefined\n\n return style === true ? { properties: [prop] } : style\n}\n\nexport function css(system: System, theme: UsageTheme = {}) {\n return function (cssOrFn: CSSObjectOrFunction) {\n function createCSS(cssOrFn: CSSObjectOrFunction): Dict {\n const cssObj = runIfFn(cssOrFn, system)\n const computedCSS = expandCSS(system)(cssObj)\n\n let prev: Dict = {}\n\n for (let [prop, value] of Object.entries(computedCSS)) {\n value = valueToVar(system)(prop, value)\n\n if (value == null) continue\n\n prop = getCondition(prop)\n\n const style = getStyle(prop)\n const options: TransformOptions = {\n css,\n prev,\n properties: style?.properties,\n system,\n theme,\n }\n\n if (isObject(value)) {\n value = style?.transform?.(value, options) ?? value\n\n if (isObject(value))\n prev = mergeCSS(prev, createCSS(value), prop, style?.properties)\n else prev = insertCSS(prev, value, prop, style?.properties)\n\n continue\n }\n\n const important = isImportant(value)\n\n value = omitImportant(value)\n value = style?.transform?.(value, options) ?? value\n\n if (important) value = insertImportant(value, style)\n\n if (style?.static) prev = merge(prev, style.static)\n\n if (isObject(value)) {\n prev = merge(prev, createCSS(value))\n\n continue\n }\n\n prev = insertCSS(prev, value, prop, style?.properties)\n }\n\n return prev\n }\n\n return createCSS(cssOrFn)\n }\n}\n"],"mappings":"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"}

package/dist/esm/components/prose/prose.style.js CHANGED Viewed

@@ -195,7 +195,7 @@ const proseStyle = defineComponentStyle({
 		blockquote: "subtle",
 		code: "subtle",
 		kbd: "outline",
-		link: "plain",
+		link: "underline",
 		table: "line"
 	}
 });

package/dist/esm/components/prose/prose.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"prose.style.js","names":["isObject"],"sources":["../../../../src/components/prose/prose.style.ts"],"sourcesContent":["import type { CSSObject } from \"../../core\"\nimport { defineComponentStyle, getStyle } from \"../../core\"\nimport { isObject } from \"../../utils\"\nimport { blockquoteStyle } from \"../blockquote\"\nimport { codeStyle } from \"../code\"\nimport { headingStyle } from \"../heading\"\nimport { linkStyle } from \"../link\"\nimport { listStyle } from \"../list\"\nimport { nativeTableStyle } from \"../native-table\"\nimport { separatorStyle } from \"../separator\"\n\nfunction getSelector<Y extends string>(selector: Y) {\n return `& :where(${selector}):not(:where(.not-prose, .not-prose ))` as const\n}\nfunction getScopedStyle(style?: CSSObject): CSSObject \| undefined {\n if (!style) return style\n\n return Object.fromEntries(\n Object.entries(style).map(([key, value]) => [\n key,\n isObject(value) && !getStyle(key) && !key.startsWith(\"--\")\n ? {\n \"&:not(:where(.not-prose, .not-prose ))\": getScopedStyle(value),\n }\n : value,\n ]),\n )\n}\nfunction replaceVariants<Y extends string, M extends object \| undefined>(\n selector: Y,\n style: M,\n additionalStyle: CSSObject = {},\n): { [D in keyof NonNullable<M>]: { [H in Y]: CSSObject } } {\n return Object.fromEntries(\n Object.entries(style ?? {}).map(([key, value]) => [\n key,\n { [selector]: { ...value, ...additionalStyle } },\n ]),\n ) as { [D in keyof NonNullable<M>]: { [H in Y]: CSSObject } }\n}\nfunction pickSlot<Y extends object \| undefined>(\n variants: Y,\n slot: keyof NonNullable<Y>[keyof NonNullable<Y>],\n): { [D in keyof NonNullable<Y>]: CSSObject } {\n return Object.fromEntries(\n Object.entries(variants ?? {}).map(([key, value]) => [key, value[slot]]),\n ) as { [D in keyof NonNullable<Y>]: CSSObject }\n}\n\nexport const proseStyle = defineComponentStyle({\n base: {\n minW: \"0\",\n overflowWrap: \"break-word\",\n w: \"full\",\n\n [getSelector(\"\")]: {\n \"&::before, &::after\": {\n textBoxEdge: \"inherit\",\n textBoxTrim: \"inherit\",\n },\n color: \"fg.emphasized\",\n textBoxEdge: \"text\",\n textBoxTrim: \"trim-both\",\n },\n\n \"& :where(.not-prose)\": { textBoxEdge: \"auto\", textBoxTrim: \"none\" },\n\n [getSelector(\n \"h1 , h2 , h3 , h4 , h5 , h6 , a[href] , blockquote , th \",\n )]: {\n color: \"inherit\",\n },\n\n [getSelector(\"p, ul, ol, dl, hr, blockquote, pre, table, figure\")]: {\n my: \"{space}\",\n },\n\n [getSelector(\"h1, h2, h3, h4, h5, h6\")]: {\n ...headingStyle.base,\n color: \"fg\",\n my: \"{space}\",\n },\n\n [getSelector(\"h1\")]: { fontSize: \"2em\", mt: \"calc({space} * 2)\" },\n [getSelector(\"h2\")]: { fontSize: \"1.5em\", mt: \"calc({space} * 2)\" },\n [getSelector(\"h3\")]: { fontSize: \"1.25em\", mt: \"calc({space} * 1.5)\" },\n [getSelector(\"h4\")]: { fontSize: \"1.125em\", mt: \"calc({space} * 1.5)\" },\n [getSelector(\"h5\")]: { fontSize: \"1em\" },\n [getSelector(\"h6\")]: { fontSize: \"0.875em\" },\n\n [getSelector(\"a[href]\")]: {\n ...linkStyle.base,\n color: \"link.fg\",\n display: \"inline\",\n },\n\n [getSelector(\"b, strong, dt\")]: { fontWeight: \"semibold\" },\n [getSelector(\"em, i\")]: { fontStyle: \"italic\" },\n\n [getSelector(\"ul, ol\")]: listStyle.base?.root,\n\n [getSelector(\"ul\")]: {\n ...listStyle.props?.styleType.disc.root,\n listStyleType: \"disc\",\n },\n\n [getSelector(\"ol\")]: {\n ...listStyle.props?.styleType.decimal.root,\n listStyleType: \"decimal\",\n },\n\n [getSelector(\"li\")]: listStyle.base?.item,\n\n [getSelector(\"li > ul, li > ol\")]: {\n mb: \"0\",\n mt: listStyle.base?.root?.gap,\n },\n\n [getSelector(\"li > [data-list-icon]\")]: listStyle.base?.icon,\n\n [getSelector(\"dd\")]: { mt: \"0.5em\", ps: \"1.5em\" },\n\n [getSelector(\"blockquote\")]: { color: \"fg\", ps: \"1em\" },\n\n [getSelector(\"figcaption\")]: {\n ...blockquoteStyle.base?.caption,\n color: \"fg\",\n fontSize: \"0.875em\",\n my: \"calc({space} / 2)\",\n textAlign: \"end\",\n },\n\n [getSelector(\"cite\")]: blockquoteStyle.base?.cite,\n\n [getSelector(\"code:not(pre code), kbd\")]: codeStyle.base,\n\n [getSelector(\"pre\")]: {\n bg: \"bg.subtle\",\n fontFamily: \"mono\",\n fontSize: \"0.875em\",\n overflowWrap: \"normal\",\n overflowX: \"auto\",\n p: \"{space}\",\n rounded: \"l2\",\n whiteSpace: \"pre\",\n },\n\n [getSelector(\"pre code\")]: { color: \"fg\" },\n\n [getSelector(\"table\")]: getScopedStyle(nativeTableStyle.base?.root),\n\n [getSelector(\"thead\")]: getScopedStyle(nativeTableStyle.base?.thead),\n\n [getSelector(\"tbody\")]: getScopedStyle(nativeTableStyle.base?.tbody),\n\n [getSelector(\"tfoot\")]: getScopedStyle(nativeTableStyle.base?.tfoot),\n\n [getSelector(\"tr\")]: getScopedStyle(nativeTableStyle.base?.tr),\n\n [getSelector(\"th\")]: {\n ...getScopedStyle(nativeTableStyle.base?.th),\n color: \"fg\",\n },\n\n [getSelector(\"td\")]: getScopedStyle(nativeTableStyle.base?.td),\n\n [getSelector(\"caption\")]: {\n ...getScopedStyle(nativeTableStyle.base?.caption),\n fontSize: \"0.875em\",\n my: \"calc({space} / 2)\",\n },\n\n [getSelector(\"hr\")]: { ...separatorStyle.base, borderTopWidth: \"1px\" },\n [getSelector(\"img, video\")]: { h: \"auto\", maxW: \"full\" },\n\n \"& > :where(:not(style, :not(style) ~ )):not(:where(.not-prose, .not-prose ))\":\n {\n mt: \"0\",\n },\n\n \"& > :where(:not(style, :has(~ :not(style)))):not(:where(.not-prose, .not-prose *))\":\n {\n mb: \"0\",\n },\n },\n\n props: {\n blockquote: replaceVariants(\n getSelector(\"blockquote\"),\n pickSlot(blockquoteStyle.variants, \"root\"),\n { px: undefined },\n ),\n code: replaceVariants(\n getSelector(\"code:not(pre code)\"),\n codeStyle.variants,\n ),\n hr: replaceVariants(getSelector(\"hr\"), separatorStyle.variants),\n kbd: replaceVariants(getSelector(\"kbd\"), codeStyle.variants),\n link: replaceVariants(getSelector(\"a[href]\"), linkStyle.variants, {\n color: undefined,\n }),\n table: {\n line: {\n [getSelector(\"tbody\")]: getScopedStyle(\n nativeTableStyle.variants?.line.tbody,\n ),\n [getSelector(\"tfoot\")]: getScopedStyle(\n nativeTableStyle.variants?.line.tfoot,\n ),\n [getSelector(\"thead\")]: getScopedStyle(\n nativeTableStyle.variants?.line.thead,\n ),\n },\n outline: {\n [getSelector(\"table\")]: getScopedStyle(\n nativeTableStyle.variants?.outline.root,\n ),\n [getSelector(\"tbody\")]: getScopedStyle(\n nativeTableStyle.variants?.outline.tbody,\n ),\n [getSelector(\"tfoot\")]: getScopedStyle(\n nativeTableStyle.variants?.outline.tfoot,\n ),\n [getSelector(\"thead\")]: getScopedStyle(\n nativeTableStyle.variants?.outline.thead,\n ),\n },\n },\n },\n\n sizes: {\n sm: {\n \"--space\": \"fontSizes.sm\",\n fontSize: \"sm\",\n [getSelector(\"code:not(pre code), kbd\")]: codeStyle.sizes?.sm,\n [getSelector(\"table\")]: getScopedStyle(nativeTableStyle.sizes?.sm.root),\n [getSelector(\"td\")]: getScopedStyle(nativeTableStyle.sizes?.sm.td),\n [getSelector(\"th\")]: getScopedStyle(nativeTableStyle.sizes?.sm.th),\n },\n md: {\n \"--space\": \"fontSizes.md\",\n fontSize: \"md\",\n [getSelector(\"code:not(pre code), kbd\")]: codeStyle.sizes?.md,\n [getSelector(\"table\")]: getScopedStyle(nativeTableStyle.sizes?.md.root),\n [getSelector(\"td\")]: getScopedStyle(nativeTableStyle.sizes?.md.td),\n [getSelector(\"th\")]: getScopedStyle(nativeTableStyle.sizes?.md.th),\n },\n lg: {\n \"--space\": \"fontSizes.lg\",\n fontSize: \"lg\",\n [getSelector(\"code:not(pre code), kbd\")]: codeStyle.sizes?.lg,\n [getSelector(\"table\")]: getScopedStyle(nativeTableStyle.sizes?.lg.root),\n [getSelector(\"td\")]: getScopedStyle(nativeTableStyle.sizes?.lg.td),\n [getSelector(\"th\")]: getScopedStyle(nativeTableStyle.sizes?.lg.th),\n },\n },\n\n defaultProps: {\n size: \"md\",\n blockquote: \"subtle\",\n code: \"subtle\",\n kbd: \"outline\",\n link: \"plain\",\n table: \"line\",\n },\n})\n\nexport type ProseStyle = typeof proseStyle\n"],"mappings":"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"}
1	+ {"version":3,"file":"prose.style.js","names":["isObject"],"sources":["../../../../src/components/prose/prose.style.ts"],"sourcesContent":["import type { CSSObject } from \"../../core\"\nimport { defineComponentStyle, getStyle } from \"../../core\"\nimport { isObject } from \"../../utils\"\nimport { blockquoteStyle } from \"../blockquote\"\nimport { codeStyle } from \"../code\"\nimport { headingStyle } from \"../heading\"\nimport { linkStyle } from \"../link\"\nimport { listStyle } from \"../list\"\nimport { nativeTableStyle } from \"../native-table\"\nimport { separatorStyle } from \"../separator\"\n\nfunction getSelector<Y extends string>(selector: Y) {\n return `& :where(${selector}):not(:where(.not-prose, .not-prose ))` as const\n}\nfunction getScopedStyle(style?: CSSObject): CSSObject \| undefined {\n if (!style) return style\n\n return Object.fromEntries(\n Object.entries(style).map(([key, value]) => [\n key,\n isObject(value) && !getStyle(key) && !key.startsWith(\"--\")\n ? {\n \"&:not(:where(.not-prose, .not-prose ))\": getScopedStyle(value),\n }\n : value,\n ]),\n )\n}\nfunction replaceVariants<Y extends string, M extends object \| undefined>(\n selector: Y,\n style: M,\n additionalStyle: CSSObject = {},\n): { [D in keyof NonNullable<M>]: { [H in Y]: CSSObject } } {\n return Object.fromEntries(\n Object.entries(style ?? {}).map(([key, value]) => [\n key,\n { [selector]: { ...value, ...additionalStyle } },\n ]),\n ) as { [D in keyof NonNullable<M>]: { [H in Y]: CSSObject } }\n}\nfunction pickSlot<Y extends object \| undefined>(\n variants: Y,\n slot: keyof NonNullable<Y>[keyof NonNullable<Y>],\n): { [D in keyof NonNullable<Y>]: CSSObject } {\n return Object.fromEntries(\n Object.entries(variants ?? {}).map(([key, value]) => [key, value[slot]]),\n ) as { [D in keyof NonNullable<Y>]: CSSObject }\n}\n\nexport const proseStyle = defineComponentStyle({\n base: {\n minW: \"0\",\n overflowWrap: \"break-word\",\n w: \"full\",\n\n [getSelector(\"\")]: {\n \"&::before, &::after\": {\n textBoxEdge: \"inherit\",\n textBoxTrim: \"inherit\",\n },\n color: \"fg.emphasized\",\n textBoxEdge: \"text\",\n textBoxTrim: \"trim-both\",\n },\n\n \"& :where(.not-prose)\": { textBoxEdge: \"auto\", textBoxTrim: \"none\" },\n\n [getSelector(\n \"h1 , h2 , h3 , h4 , h5 , h6 , a[href] , blockquote , th \",\n )]: {\n color: \"inherit\",\n },\n\n [getSelector(\"p, ul, ol, dl, hr, blockquote, pre, table, figure\")]: {\n my: \"{space}\",\n },\n\n [getSelector(\"h1, h2, h3, h4, h5, h6\")]: {\n ...headingStyle.base,\n color: \"fg\",\n my: \"{space}\",\n },\n\n [getSelector(\"h1\")]: { fontSize: \"2em\", mt: \"calc({space} * 2)\" },\n [getSelector(\"h2\")]: { fontSize: \"1.5em\", mt: \"calc({space} * 2)\" },\n [getSelector(\"h3\")]: { fontSize: \"1.25em\", mt: \"calc({space} * 1.5)\" },\n [getSelector(\"h4\")]: { fontSize: \"1.125em\", mt: \"calc({space} * 1.5)\" },\n [getSelector(\"h5\")]: { fontSize: \"1em\" },\n [getSelector(\"h6\")]: { fontSize: \"0.875em\" },\n\n [getSelector(\"a[href]\")]: {\n ...linkStyle.base,\n color: \"link.fg\",\n display: \"inline\",\n },\n\n [getSelector(\"b, strong, dt\")]: { fontWeight: \"semibold\" },\n [getSelector(\"em, i\")]: { fontStyle: \"italic\" },\n\n [getSelector(\"ul, ol\")]: listStyle.base?.root,\n\n [getSelector(\"ul\")]: {\n ...listStyle.props?.styleType.disc.root,\n listStyleType: \"disc\",\n },\n\n [getSelector(\"ol\")]: {\n ...listStyle.props?.styleType.decimal.root,\n listStyleType: \"decimal\",\n },\n\n [getSelector(\"li\")]: listStyle.base?.item,\n\n [getSelector(\"li > ul, li > ol\")]: {\n mb: \"0\",\n mt: listStyle.base?.root?.gap,\n },\n\n [getSelector(\"li > [data-list-icon]\")]: listStyle.base?.icon,\n\n [getSelector(\"dd\")]: { mt: \"0.5em\", ps: \"1.5em\" },\n\n [getSelector(\"blockquote\")]: { color: \"fg\", ps: \"1em\" },\n\n [getSelector(\"figcaption\")]: {\n ...blockquoteStyle.base?.caption,\n color: \"fg\",\n fontSize: \"0.875em\",\n my: \"calc({space} / 2)\",\n textAlign: \"end\",\n },\n\n [getSelector(\"cite\")]: blockquoteStyle.base?.cite,\n\n [getSelector(\"code:not(pre code), kbd\")]: codeStyle.base,\n\n [getSelector(\"pre\")]: {\n bg: \"bg.subtle\",\n fontFamily: \"mono\",\n fontSize: \"0.875em\",\n overflowWrap: \"normal\",\n overflowX: \"auto\",\n p: \"{space}\",\n rounded: \"l2\",\n whiteSpace: \"pre\",\n },\n\n [getSelector(\"pre code\")]: { color: \"fg\" },\n\n [getSelector(\"table\")]: getScopedStyle(nativeTableStyle.base?.root),\n\n [getSelector(\"thead\")]: getScopedStyle(nativeTableStyle.base?.thead),\n\n [getSelector(\"tbody\")]: getScopedStyle(nativeTableStyle.base?.tbody),\n\n [getSelector(\"tfoot\")]: getScopedStyle(nativeTableStyle.base?.tfoot),\n\n [getSelector(\"tr\")]: getScopedStyle(nativeTableStyle.base?.tr),\n\n [getSelector(\"th\")]: {\n ...getScopedStyle(nativeTableStyle.base?.th),\n color: \"fg\",\n },\n\n [getSelector(\"td\")]: getScopedStyle(nativeTableStyle.base?.td),\n\n [getSelector(\"caption\")]: {\n ...getScopedStyle(nativeTableStyle.base?.caption),\n fontSize: \"0.875em\",\n my: \"calc({space} / 2)\",\n },\n\n [getSelector(\"hr\")]: { ...separatorStyle.base, borderTopWidth: \"1px\" },\n [getSelector(\"img, video\")]: { h: \"auto\", maxW: \"full\" },\n\n \"& > :where(:not(style, :not(style) ~ )):not(:where(.not-prose, .not-prose ))\":\n {\n mt: \"0\",\n },\n\n \"& > :where(:not(style, :has(~ :not(style)))):not(:where(.not-prose, .not-prose *))\":\n {\n mb: \"0\",\n },\n },\n\n props: {\n blockquote: replaceVariants(\n getSelector(\"blockquote\"),\n pickSlot(blockquoteStyle.variants, \"root\"),\n { px: undefined },\n ),\n code: replaceVariants(\n getSelector(\"code:not(pre code)\"),\n codeStyle.variants,\n ),\n hr: replaceVariants(getSelector(\"hr\"), separatorStyle.variants),\n kbd: replaceVariants(getSelector(\"kbd\"), codeStyle.variants),\n link: replaceVariants(getSelector(\"a[href]\"), linkStyle.variants, {\n color: undefined,\n }),\n table: {\n line: {\n [getSelector(\"tbody\")]: getScopedStyle(\n nativeTableStyle.variants?.line.tbody,\n ),\n [getSelector(\"tfoot\")]: getScopedStyle(\n nativeTableStyle.variants?.line.tfoot,\n ),\n [getSelector(\"thead\")]: getScopedStyle(\n nativeTableStyle.variants?.line.thead,\n ),\n },\n outline: {\n [getSelector(\"table\")]: getScopedStyle(\n nativeTableStyle.variants?.outline.root,\n ),\n [getSelector(\"tbody\")]: getScopedStyle(\n nativeTableStyle.variants?.outline.tbody,\n ),\n [getSelector(\"tfoot\")]: getScopedStyle(\n nativeTableStyle.variants?.outline.tfoot,\n ),\n [getSelector(\"thead\")]: getScopedStyle(\n nativeTableStyle.variants?.outline.thead,\n ),\n },\n },\n },\n\n sizes: {\n sm: {\n \"--space\": \"fontSizes.sm\",\n fontSize: \"sm\",\n [getSelector(\"code:not(pre code), kbd\")]: codeStyle.sizes?.sm,\n [getSelector(\"table\")]: getScopedStyle(nativeTableStyle.sizes?.sm.root),\n [getSelector(\"td\")]: getScopedStyle(nativeTableStyle.sizes?.sm.td),\n [getSelector(\"th\")]: getScopedStyle(nativeTableStyle.sizes?.sm.th),\n },\n md: {\n \"--space\": \"fontSizes.md\",\n fontSize: \"md\",\n [getSelector(\"code:not(pre code), kbd\")]: codeStyle.sizes?.md,\n [getSelector(\"table\")]: getScopedStyle(nativeTableStyle.sizes?.md.root),\n [getSelector(\"td\")]: getScopedStyle(nativeTableStyle.sizes?.md.td),\n [getSelector(\"th\")]: getScopedStyle(nativeTableStyle.sizes?.md.th),\n },\n lg: {\n \"--space\": \"fontSizes.lg\",\n fontSize: \"lg\",\n [getSelector(\"code:not(pre code), kbd\")]: codeStyle.sizes?.lg,\n [getSelector(\"table\")]: getScopedStyle(nativeTableStyle.sizes?.lg.root),\n [getSelector(\"td\")]: getScopedStyle(nativeTableStyle.sizes?.lg.td),\n [getSelector(\"th\")]: getScopedStyle(nativeTableStyle.sizes?.lg.th),\n },\n },\n\n defaultProps: {\n size: \"md\",\n blockquote: \"subtle\",\n code: \"subtle\",\n kbd: \"outline\",\n link: \"underline\",\n table: \"line\",\n },\n})\n\nexport type ProseStyle = typeof proseStyle\n"],"mappings":"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"}

package/dist/esm/core/css/css.js CHANGED Viewed

@@ -58,6 +58,13 @@ function transformConditionalValue({ breakpoints }) {
 		else return { [key]: value };
 	};
 }
+function sortBreakpointQueries({ queries }) {
+	return function(css) {
+		const queryMap = new Map(queries.flatMap(({ query }) => !(0, utils_exports.isUndefined)(query) && query in css ? [[query, css[query]]] : []));
+		const entries = queryMap.entries();
+		return Object.fromEntries(Object.entries(css).map(([key, value]) => queryMap.has(key) ? entries.next().value : [key, value]));
+	};
+}
 function expandCSS(system) {
 	return function(css) {
 		let computedCSS = {};
@@ -66,7 +73,7 @@ function expandCSS(system) {
 			if (!isVariableLength(key)) computedCSS = (0, utils_exports.merge)(computedCSS, transformConditionalValue(system)(key, value));
 			else computedCSS = (0, utils_exports.merge)(computedCSS, { [key]: value });
 		}
-		return computedCSS;
+		return sortBreakpointQueries(system.breakpoints)(computedCSS);
 	};
 }
 function valueToVar(system) {

package/dist/esm/core/css/css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"css.js","names":["isObject","isUndefined","isArray","merge","isString","runIfFn"],"sources":["../../../../src/core/css/css.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Breakpoints, System, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSObjectOrFunction } from \"./index.type\"\nimport type { StyleProperty, VariableLengthProperty } from \"./styles\"\nimport type { TransformOptions } from \"./utils\"\nimport {\n isArray,\n isObject,\n isString,\n isUndefined,\n merge,\n runIfFn,\n} from \"../../utils\"\nimport { getColorSchemeVar, getVar, transformInterpolation } from \"../system\"\nimport { colorMix } from \"./color-mix\"\nimport { conditions, getCondition } from \"./conditions\"\nimport { styles, variableLengthProperties } from \"./styles\"\nimport {\n insertImportant,\n isCSSToken,\n isImportant,\n omitImportant,\n} from \"./utils\"\n\nfunction isVariableLength(key: string): boolean {\n return variableLengthProperties.includes(key as VariableLengthProperty)\n}\n\nfunction isConditionalObject(breakpoints: Breakpoints) {\n return function (value: any): boolean {\n if (!isObject(value)) return false\n\n const keys = Object.keys(value)\n\n if (!keys.length) return false\n\n if (!keys.includes(\"base\")) return false\n\n return keys.every((key) => {\n return (\n breakpoints.isResponsiveKey(key) \|\|\n key.startsWith(\"@\") \|\|\n key.startsWith(\"_\")\n )\n })\n }\n}\n\nfunction transformColorModeArray(breakpoints: Breakpoints) {\n return function (key: string, [lightValue, darkValue]: any[]): Dict {\n let computedCSS: Dict = {}\n\n if (isConditionalObject(breakpoints)(lightValue))\n computedCSS = transformConditionalObject(breakpoints)(key, lightValue)\n else computedCSS[key] = lightValue\n\n if (isConditionalObject(breakpoints)(darkValue))\n computedCSS[conditions._dark] = transformConditionalObject(breakpoints)(\n key,\n darkValue,\n )\n else computedCSS[conditions._dark] = { [key]: darkValue }\n\n return computedCSS\n }\n}\n\nfunction transformConditionalObject(breakpoints: Breakpoints) {\n return function (key: string, value: Dict) {\n const conditionalKeys = Object.keys(value).filter(\n (key) => !breakpoints.isResponsiveKey(key),\n )\n\n const breakpointObj = breakpoints.queries.reduce<Dict>(\n (prev, { breakpoint, query }) => {\n const breakpointValue = value[breakpoint]\n\n if (!isUndefined(breakpointValue))\n if (isArray(breakpointValue)) {\n const colorModeValue = transformColorModeArray(breakpoints)(\n key,\n breakpointValue,\n )\n\n prev = merge(\n prev,\n query ? { [query]: colorModeValue } : colorModeValue,\n )\n } else if (isConditionalObject(breakpoints)(breakpointValue)) {\n const conditionalValue = transformConditionalObject(breakpoints)(\n key,\n breakpointValue,\n )\n\n prev = merge(\n prev,\n query ? { [query]: conditionalValue } : conditionalValue,\n )\n } else {\n prev = merge(\n prev,\n query\n ? { [query]: { [key]: breakpointValue } }\n : { [key]: breakpointValue },\n )\n }\n\n return prev\n },\n {},\n )\n\n const additionalObj = conditionalKeys.reduce<Dict>(\n (prev, conditionalKey) => {\n const query = getCondition(conditionalKey)\n\n prev[query] = { [key]: value[conditionalKey] }\n\n return prev\n },\n {},\n )\n\n return merge(breakpointObj, additionalObj)\n }\n}\n\nexport function transformConditionalValue({ breakpoints }: System) {\n return function (key: string, value: any) {\n if (isArray(value)) return transformColorModeArray(breakpoints)(key, value)\n else if (isConditionalObject(breakpoints)(value))\n return transformConditionalObject(breakpoints)(key, value)\n else return { [key]: value }\n }\n}\n\nfunction expandCSS(system: System) {\n return function (css: Dict): Dict {\n let computedCSS: Dict = {}\n\n for (let [key, value] of Object.entries(css)) {\n if (value == null) continue\n\n if (!isVariableLength(key))\n computedCSS = merge(\n computedCSS,\n transformConditionalValue(system)(key, value),\n )\n else computedCSS = merge(computedCSS, { [key]: value })\n }\n\n return computedCSS\n }\n}\n\nfunction valueToVar(system: System) {\n return function (prop: string, value: any) {\n const result = transformInterpolation(\n value,\n function (value: string, fallbackValue?: string) {\n if (value.includes(\"colorScheme.\")) {\n return getColorSchemeVar(system)(value)\n } else if (value.includes(\"colors.\")) {\n return colorMix(value, { fallback: fallbackValue, system })\n } else if (isCSSToken(system)(value)) {\n return system.cssMap[value]!.ref\n } else if (fallbackValue) {\n fallbackValue = isCSSToken(system)(fallbackValue)\n ? system.cssMap[fallbackValue]!.ref\n : fallbackValue\n\n return getVar(value, fallbackValue)\n } else {\n return getVar(value)\n }\n },\n )\n\n if (prop.startsWith(\"--\") && isString(result))\n if (result.includes(\"colorScheme.\"))\n return getColorSchemeVar(system)(result)\n else if (result.includes(\"colors.\")) return colorMix(result, { system })\n else if (isCSSToken(system)(result)) return system.cssMap[result]!.ref\n else return result\n else return result\n }\n}\n\nfunction mergeCSS(prev: Dict, value: any, prop: string, properties?: string[]) {\n if (properties) {\n for (const property of properties) {\n prev[property] = prev[property] ?? {}\n prev[property] = merge(prev[property], value)\n }\n } else {\n prev[prop] = prev[prop] ?? {}\n prev[prop] = merge(prev[prop], value)\n }\n\n return prev\n}\n\nfunction insertCSS(\n prev: Dict,\n value: any,\n prop: string,\n properties?: string[],\n) {\n if (properties) for (const property of properties) prev[property] = value\n else prev[prop] = value\n\n return prev\n}\n\nexport function getStyle(prop: string) {\n const style = styles[prop as StyleProperty] as StyleConfig \| true \| undefined\n\n return style === true ? { properties: [prop] } : style\n}\n\nexport function css(system: System, theme: UsageTheme = {}) {\n return function (cssOrFn: CSSObjectOrFunction) {\n function createCSS(cssOrFn: CSSObjectOrFunction): Dict {\n const cssObj = runIfFn(cssOrFn, system)\n const computedCSS = expandCSS(system)(cssObj)\n\n let prev: Dict = {}\n\n for (let [prop, value] of Object.entries(computedCSS)) {\n value = valueToVar(system)(prop, value)\n\n if (value == null) continue\n\n prop = getCondition(prop)\n\n const style = getStyle(prop)\n const options: TransformOptions = {\n css,\n prev,\n properties: style?.properties,\n system,\n theme,\n }\n\n if (isObject(value)) {\n value = style?.transform?.(value, options) ?? value\n\n if (isObject(value))\n prev = mergeCSS(prev, createCSS(value), prop, style?.properties)\n else prev = insertCSS(prev, value, prop, style?.properties)\n\n continue\n }\n\n const important = isImportant(value)\n\n value = omitImportant(value)\n value = style?.transform?.(value, options) ?? value\n\n if (important) value = insertImportant(value, style)\n\n if (style?.static) prev = merge(prev, style.static)\n\n if (isObject(value)) {\n prev = merge(prev, createCSS(value))\n\n continue\n }\n\n prev = insertCSS(prev, value, prop, style?.properties)\n }\n\n return prev\n }\n\n return createCSS(cssOrFn)\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"css.js","names":["isObject","isUndefined","isArray","merge","isString","runIfFn"],"sources":["../../../../src/core/css/css.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Breakpoints, System, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSObjectOrFunction } from \"./index.type\"\nimport type { StyleProperty, VariableLengthProperty } from \"./styles\"\nimport type { TransformOptions } from \"./utils\"\nimport {\n isArray,\n isObject,\n isString,\n isUndefined,\n merge,\n runIfFn,\n} from \"../../utils\"\nimport { getColorSchemeVar, getVar, transformInterpolation } from \"../system\"\nimport { colorMix } from \"./color-mix\"\nimport { conditions, getCondition } from \"./conditions\"\nimport { styles, variableLengthProperties } from \"./styles\"\nimport {\n insertImportant,\n isCSSToken,\n isImportant,\n omitImportant,\n} from \"./utils\"\n\nfunction isVariableLength(key: string): boolean {\n return variableLengthProperties.includes(key as VariableLengthProperty)\n}\n\nfunction isConditionalObject(breakpoints: Breakpoints) {\n return function (value: any): boolean {\n if (!isObject(value)) return false\n\n const keys = Object.keys(value)\n\n if (!keys.length) return false\n\n if (!keys.includes(\"base\")) return false\n\n return keys.every((key) => {\n return (\n breakpoints.isResponsiveKey(key) \|\|\n key.startsWith(\"@\") \|\|\n key.startsWith(\"_\")\n )\n })\n }\n}\n\nfunction transformColorModeArray(breakpoints: Breakpoints) {\n return function (key: string, [lightValue, darkValue]: any[]): Dict {\n let computedCSS: Dict = {}\n\n if (isConditionalObject(breakpoints)(lightValue))\n computedCSS = transformConditionalObject(breakpoints)(key, lightValue)\n else computedCSS[key] = lightValue\n\n if (isConditionalObject(breakpoints)(darkValue))\n computedCSS[conditions._dark] = transformConditionalObject(breakpoints)(\n key,\n darkValue,\n )\n else computedCSS[conditions._dark] = { [key]: darkValue }\n\n return computedCSS\n }\n}\n\nfunction transformConditionalObject(breakpoints: Breakpoints) {\n return function (key: string, value: Dict) {\n const conditionalKeys = Object.keys(value).filter(\n (key) => !breakpoints.isResponsiveKey(key),\n )\n\n const breakpointObj = breakpoints.queries.reduce<Dict>(\n (prev, { breakpoint, query }) => {\n const breakpointValue = value[breakpoint]\n\n if (!isUndefined(breakpointValue))\n if (isArray(breakpointValue)) {\n const colorModeValue = transformColorModeArray(breakpoints)(\n key,\n breakpointValue,\n )\n\n prev = merge(\n prev,\n query ? { [query]: colorModeValue } : colorModeValue,\n )\n } else if (isConditionalObject(breakpoints)(breakpointValue)) {\n const conditionalValue = transformConditionalObject(breakpoints)(\n key,\n breakpointValue,\n )\n\n prev = merge(\n prev,\n query ? { [query]: conditionalValue } : conditionalValue,\n )\n } else {\n prev = merge(\n prev,\n query\n ? { [query]: { [key]: breakpointValue } }\n : { [key]: breakpointValue },\n )\n }\n\n return prev\n },\n {},\n )\n\n const additionalObj = conditionalKeys.reduce<Dict>(\n (prev, conditionalKey) => {\n const query = getCondition(conditionalKey)\n\n prev[query] = { [key]: value[conditionalKey] }\n\n return prev\n },\n {},\n )\n\n return merge(breakpointObj, additionalObj)\n }\n}\n\nexport function transformConditionalValue({ breakpoints }: System) {\n return function (key: string, value: any) {\n if (isArray(value)) return transformColorModeArray(breakpoints)(key, value)\n else if (isConditionalObject(breakpoints)(value))\n return transformConditionalObject(breakpoints)(key, value)\n else return { [key]: value }\n }\n}\n\nfunction sortBreakpointQueries({ queries }: Breakpoints) {\n return function (css: Dict): Dict {\n const queryMap = new Map(\n queries.flatMap(({ query }) =>\n !isUndefined(query) && query in css ? [[query, css[query]]] : [],\n ),\n )\n const entries = queryMap.entries()\n\n return Object.fromEntries(\n Object.entries(css).map(([key, value]) =>\n queryMap.has(key) ? entries.next().value! : [key, value],\n ),\n )\n }\n}\n\nfunction expandCSS(system: System) {\n return function (css: Dict): Dict {\n let computedCSS: Dict = {}\n\n for (let [key, value] of Object.entries(css)) {\n if (value == null) continue\n\n if (!isVariableLength(key))\n computedCSS = merge(\n computedCSS,\n transformConditionalValue(system)(key, value),\n )\n else computedCSS = merge(computedCSS, { [key]: value })\n }\n\n return sortBreakpointQueries(system.breakpoints)(computedCSS)\n }\n}\n\nfunction valueToVar(system: System) {\n return function (prop: string, value: any) {\n const result = transformInterpolation(\n value,\n function (value: string, fallbackValue?: string) {\n if (value.includes(\"colorScheme.\")) {\n return getColorSchemeVar(system)(value)\n } else if (value.includes(\"colors.\")) {\n return colorMix(value, { fallback: fallbackValue, system })\n } else if (isCSSToken(system)(value)) {\n return system.cssMap[value]!.ref\n } else if (fallbackValue) {\n fallbackValue = isCSSToken(system)(fallbackValue)\n ? system.cssMap[fallbackValue]!.ref\n : fallbackValue\n\n return getVar(value, fallbackValue)\n } else {\n return getVar(value)\n }\n },\n )\n\n if (prop.startsWith(\"--\") && isString(result))\n if (result.includes(\"colorScheme.\"))\n return getColorSchemeVar(system)(result)\n else if (result.includes(\"colors.\")) return colorMix(result, { system })\n else if (isCSSToken(system)(result)) return system.cssMap[result]!.ref\n else return result\n else return result\n }\n}\n\nfunction mergeCSS(prev: Dict, value: any, prop: string, properties?: string[]) {\n if (properties) {\n for (const property of properties) {\n prev[property] = prev[property] ?? {}\n prev[property] = merge(prev[property], value)\n }\n } else {\n prev[prop] = prev[prop] ?? {}\n prev[prop] = merge(prev[prop], value)\n }\n\n return prev\n}\n\nfunction insertCSS(\n prev: Dict,\n value: any,\n prop: string,\n properties?: string[],\n) {\n if (properties) for (const property of properties) prev[property] = value\n else prev[prop] = value\n\n return prev\n}\n\nexport function getStyle(prop: string) {\n const style = styles[prop as StyleProperty] as StyleConfig \| true \| undefined\n\n return style === true ? { properties: [prop] } : style\n}\n\nexport function css(system: System, theme: UsageTheme = {}) {\n return function (cssOrFn: CSSObjectOrFunction) {\n function createCSS(cssOrFn: CSSObjectOrFunction): Dict {\n const cssObj = runIfFn(cssOrFn, system)\n const computedCSS = expandCSS(system)(cssObj)\n\n let prev: Dict = {}\n\n for (let [prop, value] of Object.entries(computedCSS)) {\n value = valueToVar(system)(prop, value)\n\n if (value == null) continue\n\n prop = getCondition(prop)\n\n const style = getStyle(prop)\n const options: TransformOptions = {\n css,\n prev,\n properties: style?.properties,\n system,\n theme,\n }\n\n if (isObject(value)) {\n value = style?.transform?.(value, options) ?? value\n\n if (isObject(value))\n prev = mergeCSS(prev, createCSS(value), prop, style?.properties)\n else prev = insertCSS(prev, value, prop, style?.properties)\n\n continue\n }\n\n const important = isImportant(value)\n\n value = omitImportant(value)\n value = style?.transform?.(value, options) ?? value\n\n if (important) value = insertImportant(value, style)\n\n if (style?.static) prev = merge(prev, style.static)\n\n if (isObject(value)) {\n prev = merge(prev, createCSS(value))\n\n continue\n }\n\n prev = insertCSS(prev, value, prop, style?.properties)\n }\n\n return prev\n }\n\n return createCSS(cssOrFn)\n }\n}\n"],"mappings":"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"}

package/dist/types/components/avatar/avatar.d.ts CHANGED Viewed

@@ -21,7 +21,7 @@ export interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, U
    */
   imageProps?: AvatarImageProps;
 }
-declare const component: <H extends As | "fragment" = "div", R extends import("@yamada-ui/utils").Dict = import("@yamada-ui/utils").Dict<any>>(el: H | import("react").FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+declare const component: <H extends As | "fragment" = "div", R extends import("@yamada-ui/utils").Dict = import("@yamada-ui/utils").Dict<any>>(el: H | import("react").FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
   shape: {
     circle: {
       root: {
@@ -140,7 +140,7 @@ declare const component: <H extends As | "fragment" = "div", R extends import("@
       };
     };
   };
-}>>> | undefined, { name, className, ...options }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? import("react").FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: import("react").Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends import("@yamada-ui/utils").Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+}>>> | undefined, { name, className, ...options }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? import("react").FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: import("react").Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends import("@yamada-ui/utils").Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
   shape: {
     circle: {
       root: {
@@ -259,7 +259,7 @@ declare const component: <H extends As | "fragment" = "div", R extends import("@
       };
     };
   };
-}>>> | undefined, { className, withContext, transferProps }?: UseComponentPropsOptions<R>) => [CSSSlotObject, import("@yamada-ui/utils").Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+}>>> | undefined, { className, withContext, transferProps }?: UseComponentPropsOptions<R>) => [CSSSlotObject, import("@yamada-ui/utils").Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
   shape: {
     circle: {
       root: {

package/dist/types/components/avatar/avatar.style.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.type.js";
 import "../../index.js";
-export declare const avatarStyle: ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+export declare const avatarStyle: ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
   /**
    * The shape of the component
    *

package/dist/types/components/carousel/carousel.style.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.type.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.type.js";
 import "../../index.js";
-export declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "root" | "item" | "indicator" | "trigger" | "prev" | "indicators", CSSPropObject<CSSSlotObject<"list" | "next" | "root" | "item" | "indicator" | "trigger" | "prev" | "indicators">>, {
+export declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators", CSSPropObject<CSSSlotObject<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators">>, {
   sm: {
     root: {
       h: "sm";
@@ -17,6 +17,6 @@ export declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "root"
       h: "lg";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"list" | "next" | "root" | "item" | "indicator" | "trigger" | "prev" | "indicators">>>;
+}, CSSModifierObject<CSSSlotObject<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators">>>;
 export type CarouselStyle = typeof carouselStyle;
 //# sourceMappingURL=carousel.style.d.ts.map

package/dist/types/components/chart/cartesian-chart.style.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.type.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.type.js";
 import "../../index.js";
-export declare const cartesianChartStyle: ComponentSlotStyle<"area" | "line" | "grid" | "bar" | "dot" | "root" | "labelList" | "activeDot" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine", CSSPropObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "labelList" | "activeDot" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>, CSSModifierObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "labelList" | "activeDot" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>, CSSModifierObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "labelList" | "activeDot" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>>;
+export declare const cartesianChartStyle: ComponentSlotStyle<"area" | "line" | "grid" | "bar" | "dot" | "root" | "activeDot" | "labelList" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine", CSSPropObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "activeDot" | "labelList" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>, CSSModifierObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "activeDot" | "labelList" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>, CSSModifierObject<CSSSlotObject<"area" | "line" | "grid" | "bar" | "dot" | "root" | "activeDot" | "labelList" | "referenceLine" | "referenceLineLabel" | "xAxis" | "xAxisLabel" | "xAxisTick" | "xAxisTickLine" | "yAxis" | "yAxisLabel" | "yAxisTick" | "yAxisTickLine">>>;
 export type CartesianChartStyle = typeof cartesianChartStyle;
 //# sourceMappingURL=cartesian-chart.style.d.ts.map

package/dist/types/components/chart/polar-chart.style.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.type.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.type.js";
 import "../../index.js";
-export declare const polarChartStyle: ComponentSlotStyle<"label" | "grid" | "dot" | "root" | "labelList" | "radial" | "labelLine" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector", CSSPropObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "radial" | "labelLine" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "radial" | "labelLine" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "radial" | "labelLine" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>>;
+export declare const polarChartStyle: ComponentSlotStyle<"label" | "grid" | "dot" | "root" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "labelList" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector", CSSPropObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "labelList" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "labelList" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "labelList" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>>;
 export type PolarChartStyle = typeof polarChartStyle;
 //# sourceMappingURL=polar-chart.style.d.ts.map

package/dist/types/components/menu/menu.style.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.type.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.type.js";
 import "../../index.js";
-export declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "item" | "indicator", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "item" | "indicator">>, {
+export declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item">>, {
   sm: {
     command: {
       fontSize: "2xs";
@@ -86,6 +86,6 @@ export declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label"
       px: "2";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "item" | "indicator">>>;
+}, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item">>>;
 export type MenuStyle = typeof menuStyle;
 //# sourceMappingURL=menu.style.d.ts.map

package/dist/types/components/segmented-control/segmented-control.style.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.type.js";
 import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.type.js";
 import "../../index.js";
-export declare const segmentedControlStyle: ComponentSlotStyle<"root" | "item" | "indicator", {
+export declare const segmentedControlStyle: ComponentSlotStyle<"root" | "indicator" | "item", {
   /**
    * If `true`, the segmented control will be full rounded.
    *
@@ -113,6 +113,6 @@ export declare const segmentedControlStyle: ComponentSlotStyle<"root" | "item" |
       };
     };
   };
-}, CSSModifierObject<CSSSlotObject<"root" | "item" | "indicator">>>;
+}, CSSModifierObject<CSSSlotObject<"root" | "indicator" | "item">>>;
 export type SegmentedControlStyle = typeof segmentedControlStyle;
 //# sourceMappingURL=segmented-control.style.d.ts.map

package/dist/types/components/steps/steps.style.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.type.js";
 import "../../index.js";
-export declare const stepsStyle: ComponentSlotStyle<"title" | "list" | "separator" | "root" | "item" | "indicator" | "description", {
+export declare const stepsStyle: ComponentSlotStyle<"title" | "list" | "separator" | "root" | "indicator" | "item" | "description", {
   /**
    * The orientation of the steps.
    *

package/dist/types/components/timeline/timeline.d.ts CHANGED Viewed

@@ -61,7 +61,7 @@ declare const TimelinePropsContext: import("react").Context<Partial<TimelineRoot
  *
  * @see https://yamada-ui.com/docs/components/timeline
  */
-export declare const TimelineRoot: Component<({ variant: variantProp, children, index, items, ...rest }: WithoutThemeProps<TimelineRootProps, ComponentSlotStyle<"title" | "content" | "root" | "item" | "indicator" | "description" | "connector", {
+export declare const TimelineRoot: Component<({ variant: variantProp, children, index, items, ...rest }: WithoutThemeProps<TimelineRootProps, ComponentSlotStyle<"title" | "content" | "root" | "indicator" | "item" | "description" | "connector", {
   align: {
     center: {
       content: {

package/dist/types/components/timeline/timeline.style.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.type.js";
 import "../../index.js";
-export declare const timelineStyle: ComponentSlotStyle<"title" | "content" | "root" | "item" | "indicator" | "description" | "connector", {
+export declare const timelineStyle: ComponentSlotStyle<"title" | "content" | "root" | "indicator" | "item" | "description" | "connector", {
   /**
    * The alignment of the timeline.
    *

package/dist/types/components/tree/tree.style.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.type.js";
 import "../../index.js";
-export declare const treeStyle: ComponentSlotStyle<"label" | "checkbox" | "group" | "end" | "start" | "element" | "root" | "item" | "indicator", {
+export declare const treeStyle: ComponentSlotStyle<"label" | "checkbox" | "group" | "end" | "start" | "element" | "root" | "indicator" | "item", {
   /**
    * The shape of the component
    *

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@yamada-ui/react",
   "type": "module",
-  "version": "2.3.1",
+  "version": "2.3.2-dev-20261104081040",
   "description": "React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion",
   "keywords": [
     "yamada",