@yahoo/uds 3.58.2-beta.1 → 3.59.0-beta.2

package/dist/scripts/utils/tsMorph.js

@@ -0,0 +1,130 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { variants } from "../../styles/variants.js";
+import { camelCase, isEmpty } from "lodash-es";
+import { Node, SyntaxKind } from "ts-morph";
+
+//#region scripts/utils/tsMorph.ts
+/** Determines if an expression is using React.forwardRef. */
+function isForwardRefExpression(node) {
+	if (Node.isCallExpression(node)) {
+		const expression = node.getExpression();
+		/**
+		* forwardRef(() => <Component />)
+		*/
+		if (Node.isIdentifier(expression) && expression.getText() === "forwardRef") return true;
+		/**
+		* React.forwardRef(() => <Component />)
+		*/
+		if (Node.isPropertyAccessExpression(expression) && expression.getText() === "React.forwardRef") return true;
+	}
+	return false;
+}
+/** Determines if a node is a JSX component. */
+function isJsxComponent(node) {
+	let name;
+	if (Node.isVariableDeclaration(node) || Node.isFunctionDeclaration(node) || Node.isClassDeclaration(node)) name = node.getName();
+	else if (Node.isFunctionExpression(node) || Node.isArrowFunction(node)) name = node.getFirstAncestorByKind(SyntaxKind.VariableDeclaration)?.getName();
+	return name ? /[A-Z]/.test(name.charAt(0)) : false;
+}
+/** Returns a functional component declaration, unwrapping forwardRef if needed. */
+function getReactFunctionDeclaration(declaration) {
+	if (isJsxComponent(declaration)) {
+		if (Node.isFunctionDeclaration(declaration)) return declaration;
+		if (Node.isVariableDeclaration(declaration)) {
+			const initializer = declaration.getInitializer();
+			if (initializer) {
+				if (isForwardRefExpression(initializer)) {
+					const [initializerDeclaration] = initializer.getArguments();
+					if (Node.isFunctionDeclaration(initializerDeclaration) || Node.isFunctionExpression(initializerDeclaration) || Node.isArrowFunction(initializerDeclaration)) return initializerDeclaration;
+				} else if (Node.isFunctionDeclaration(initializer) || Node.isFunctionExpression(initializer) || Node.isArrowFunction(initializer)) return initializer;
+			}
+		}
+	}
+	return null;
+}
+/** Get the first descendant JsxElement based on the identifier. */
+function getJsxElement(node, name) {
+	return getJsxElements(node).find((node$1) => node$1.getFirstDescendantByKindOrThrow(SyntaxKind.Identifier).getText() === name);
+}
+/** Get all descendant JsxElement nodes. */
+function getJsxElements(node) {
+	return node.getDescendants().filter((node$1) => Node.isJsxElement(node$1) || Node.isJsxSelfClosingElement(node$1));
+}
+/**
+* Traces component references.
+*
+* This is similar to `findReferencesAsNodes` but returns JsxSelfClosingElement and JsxElement nodes.
+* Note, this currently does not account for cases where the component is used as a prop or is renamed.
+*/
+function findReferencesAsJsxElements(identifer) {
+	const jsxElements = [];
+	for (const reference of identifer.findReferencesAsNodes()) {
+		const node = reference.getFirstAncestor((node$1) => {
+			return Node.isJsxOpeningElement(node$1) || Node.isJsxSelfClosingElement(node$1);
+		});
+		if (node) jsxElements.push(node);
+	}
+	return jsxElements;
+}
+/**
+* Given a Jsx Reference, this function finds the parent of that reference,
+* looks at the props, and returns the name used either for spread operator rest or
+* the prop name if there's no spread operator
+*/
+const getParentSpreadOrParamIdentifier = (reference) => {
+	const blockParent = reference.getParentWhile((parent) => {
+		return !getReactFunctionDeclaration(parent);
+	}).getParent();
+	if (!blockParent) return;
+	const reactComponent = getReactFunctionDeclaration(blockParent);
+	if (reactComponent) {
+		const parameters = reactComponent.getParameters();
+		for (let i = 0; i < parameters.length; i++) {
+			const parameter = parameters[i];
+			const objectBindingPattern = parameter.getChildrenOfKind(SyntaxKind.ObjectBindingPattern)[0];
+			const identifier = parameter.getChildrenOfKind(SyntaxKind.Identifier)[0];
+			if (objectBindingPattern) {
+				const dotDotToken = objectBindingPattern.getFirstDescendantByKind(SyntaxKind.DotDotDotToken);
+				if (dotDotToken !== void 0) return dotDotToken?.getParent()?.getFirstChildByKindOrThrow(SyntaxKind.Identifier).getText();
+			} else if (identifier) return identifier.getText();
+		}
+	}
+};
+/**
+* Get used props on a reference.
+*/
+const getUsedPropsInReference = (reference) => {
+	const attributes = reference.getAttributes();
+	const res = [];
+	attributes.forEach((attribute) => {
+		if (Node.isJsxAttribute(attribute)) {
+			const attributeName = attribute.getNameNode().getText();
+			const stringLiterals = attribute.getDescendantsOfKind(SyntaxKind.StringLiteral);
+			const values = [];
+			if (stringLiterals.length !== 0) stringLiterals.forEach((stringLiteral) => values.push(stringLiteral.getLiteralText()));
+			const typeName = attribute.getFirstChildByKindOrThrow(SyntaxKind.Identifier).getDefinitions().map((d) => d.getDeclarationNode()?.getChildrenOfKind(SyntaxKind.TypeReference).pop()?.getText()).pop();
+			if (!typeName && !isEmpty(attributeName)) res.push([attributeName, values]);
+			else if (variants[camelCase(typeName)] && !isEmpty(typeName)) res.push([camelCase(typeName), values]);
+			else if (!isEmpty(attributeName)) res.push([attributeName, values]);
+		}
+		if (Node.isJsxSpreadAttribute(attribute)) {
+			const componentPropsSpreadIdentifier = getParentSpreadOrParamIdentifier(reference);
+			const children = attribute.getExpression().getChildren();
+			const lastIdentifier = children.length === 0 ? attribute.getExpression() : children.pop();
+			if (!lastIdentifier || lastIdentifier?.getText() === componentPropsSpreadIdentifier) return [];
+			lastIdentifier.getType().getProperties().forEach((property) => {
+				const propertyNameFromType = property.getDeclarations().map((declaration) => {
+					return camelCase(declaration.getChildrenOfKind(SyntaxKind.TypeReference)[0]?.getText() ?? "");
+				})[0];
+				if (!isEmpty(property.getName())) res.push([property.getName(), []]);
+				if (!isEmpty(propertyNameFromType)) res.push([propertyNameFromType, []]);
+			});
+		}
+		return [];
+	});
+	return res;
+};
+
+//#endregion
+export { findReferencesAsJsxElements, getJsxElement, getJsxElements, getParentSpreadOrParamIdentifier, getReactFunctionDeclaration, getUsedPropsInReference, isForwardRefExpression, isJsxComponent };
+//# sourceMappingURL=tsMorph.js.map

package/dist/scripts/utils/tsMorph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tsMorph.js","names":[],"sources":["../../../scripts/utils/tsMorph.ts"],"sourcesContent":["import { camelCase, isEmpty } from 'lodash';\nimport type {\n  ArrowFunction,\n  CallExpression,\n  ClassDeclaration,\n  FunctionDeclaration,\n  FunctionExpression,\n  Identifier,\n  JsxElement,\n  JsxOpeningElement,\n  JsxSelfClosingElement,\n  VariableDeclaration,\n} from 'ts-morph';\nimport { Node, SyntaxKind } from 'ts-morph';\n\nimport { variants } from '../../src/styles/variants';\n\n/** Determines if an expression is using React.forwardRef. */\nexport function isForwardRefExpression(node: Node): node is CallExpression {\n  if (Node.isCallExpression(node)) {\n    const expression = node.getExpression();\n\n    /**\n     * forwardRef(() => <Component />)\n     */\n    if (Node.isIdentifier(expression) && expression.getText() === 'forwardRef') {\n      return true;\n    }\n\n    /**\n     * React.forwardRef(() => <Component />)\n     */\n    if (\n      Node.isPropertyAccessExpression(expression) &&\n      expression.getText() === 'React.forwardRef'\n    ) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\n/** Determines if a node is a JSX component. */\nexport function isJsxComponent(\n  node: Node,\n): node is\n  | VariableDeclaration\n  | FunctionDeclaration\n  | FunctionExpression\n  | ArrowFunction\n  | ClassDeclaration {\n  let name: string | undefined;\n\n  if (\n    Node.isVariableDeclaration(node) ||\n    Node.isFunctionDeclaration(node) ||\n    Node.isClassDeclaration(node)\n  ) {\n    name = node.getName();\n  } else if (Node.isFunctionExpression(node) || Node.isArrowFunction(node)) {\n    const variableDeclaration = node.getFirstAncestorByKind(SyntaxKind.VariableDeclaration);\n    name = variableDeclaration?.getName();\n  }\n\n  return name ? /[A-Z]/.test(name.charAt(0)) : false;\n}\n\n/** Returns a functional component declaration, unwrapping forwardRef if needed. */\nexport function getReactFunctionDeclaration(\n  declaration: Node,\n): ArrowFunction | FunctionDeclaration | FunctionExpression | null {\n  if (isJsxComponent(declaration)) {\n    if (Node.isFunctionDeclaration(declaration)) {\n      return declaration;\n    }\n\n    if (Node.isVariableDeclaration(declaration)) {\n      const initializer = declaration.getInitializer();\n\n      if (initializer) {\n        if (isForwardRefExpression(initializer)) {\n          const [initializerDeclaration] = initializer.getArguments();\n          if (\n            Node.isFunctionDeclaration(initializerDeclaration) ||\n            Node.isFunctionExpression(initializerDeclaration) ||\n            Node.isArrowFunction(initializerDeclaration)\n          ) {\n            return initializerDeclaration;\n          }\n        } else if (\n          Node.isFunctionDeclaration(initializer) ||\n          Node.isFunctionExpression(initializer) ||\n          Node.isArrowFunction(initializer)\n        ) {\n          return initializer;\n        }\n      }\n    }\n  }\n\n  return null;\n}\n\n/** Get the first descendant JsxElement based on the identifier. */\nexport function getJsxElement(node: Node, name: string) {\n  return getJsxElements(node).find(\n    (node) => node.getFirstDescendantByKindOrThrow(SyntaxKind.Identifier).getText() === name,\n  );\n}\n\n/** Get all descendant JsxElement nodes. */\nexport function getJsxElements(node: Node) {\n  return node\n    .getDescendants()\n    .filter((node) => Node.isJsxElement(node) || Node.isJsxSelfClosingElement(node)) as (\n    | JsxElement\n    | JsxSelfClosingElement\n  )[];\n}\n\n/**\n * Traces component references.\n *\n * This is similar to `findReferencesAsNodes` but returns JsxSelfClosingElement and JsxElement nodes.\n * Note, this currently does not account for cases where the component is used as a prop or is renamed.\n */\nexport function findReferencesAsJsxElements(\n  identifer: Identifier,\n): (JsxOpeningElement | JsxSelfClosingElement)[] {\n  const jsxElements: Node[] = [];\n\n  for (const reference of identifer.findReferencesAsNodes()) {\n    const node = reference.getFirstAncestor((node) => {\n      return Node.isJsxOpeningElement(node) || Node.isJsxSelfClosingElement(node);\n    });\n\n    if (node) {\n      jsxElements.push(node);\n    }\n  }\n\n  return jsxElements as (JsxOpeningElement | JsxSelfClosingElement)[];\n}\n\n/**\n * Given a Jsx Reference, this function finds the parent of that reference,\n * looks at the props, and returns the name used either for spread operator rest or\n * the prop name if there's no spread operator\n */\nexport const getParentSpreadOrParamIdentifier = (\n  reference: JsxOpeningElement | JsxSelfClosingElement,\n): string | undefined => {\n  // get the parent component where this reference is used\n  const block = reference.getParentWhile((parent) => {\n    return !getReactFunctionDeclaration(parent);\n  })!;\n\n  const blockParent = block.getParent();\n\n  if (!blockParent) {\n    return undefined;\n  }\n\n  // check if the parent is a react component\n  const reactComponent = getReactFunctionDeclaration(blockParent);\n\n  if (reactComponent) {\n    const parameters = reactComponent.getParameters();\n\n    for (let i = 0; i < parameters.length; i++) {\n      const parameter = parameters[i];\n      const objectBindingPattern = parameter.getChildrenOfKind(SyntaxKind.ObjectBindingPattern)[0]; // ({ param1, ...props }: Props)\n      const identifier = parameter.getChildrenOfKind(SyntaxKind.Identifier)[0]; // (props: Props)\n\n      if (objectBindingPattern) {\n        const dotDotToken = objectBindingPattern.getFirstDescendantByKind(\n          SyntaxKind.DotDotDotToken,\n        );\n        const isSpreadOperatorRest = dotDotToken !== undefined;\n        if (isSpreadOperatorRest) {\n          const spreadRestIdentifier = dotDotToken\n            ?.getParent()\n            ?.getFirstChildByKindOrThrow(SyntaxKind.Identifier)\n            .getText();\n\n          return spreadRestIdentifier;\n        }\n      } else if (identifier) {\n        return identifier.getText();\n      }\n    }\n  }\n};\n\n/**\n * Get used props on a reference.\n */\nexport const getUsedPropsInReference = (\n  reference: JsxOpeningElement | JsxSelfClosingElement,\n): Array<[string, string[]]> => {\n  const attributes = reference.getAttributes();\n  const res: Array<[string, string[]]> = [];\n\n  attributes.forEach((attribute) => {\n    if (Node.isJsxAttribute(attribute)) {\n      const attributeName = attribute.getNameNode().getText();\n      // TODO: try to resolve the expression (ex: on the Icon button we know that ony sm value is passed)\n      // <Button display=\"flex\" /> or <Button display={\"flex\"} />\n      // BORDER_WIDTH === 'thin' ? '0.5' : '1'\n      const stringLiterals = attribute.getDescendantsOfKind(SyntaxKind.StringLiteral);\n      const values: string[] = [];\n      if (stringLiterals.length !== 0) {\n        stringLiterals.forEach((stringLiteral) => values.push(stringLiteral.getLiteralText()));\n      }\n      // Sometimes the property name doesn't directly map to the variant,\n      // but instead, the properties type name does. (Ex: `iconSize` is the corresponding variant for `size` prop on Icons)\n      const typeName = attribute\n        .getFirstChildByKindOrThrow(SyntaxKind.Identifier)\n        .getDefinitions()\n        .map((d) =>\n          d.getDeclarationNode()?.getChildrenOfKind(SyntaxKind.TypeReference).pop()?.getText(),\n        )\n        .pop();\n\n      if (!typeName && !isEmpty(attributeName)) {\n        res.push([attributeName, values]);\n      } else if (variants[camelCase(typeName) as keyof typeof variants] && !isEmpty(typeName)) {\n        res.push([camelCase(typeName), values]);\n      } else if (!isEmpty(attributeName)) {\n        res.push([attributeName, values]);\n      }\n    }\n\n    if (Node.isJsxSpreadAttribute(attribute)) {\n      const componentPropsSpreadIdentifier = getParentSpreadOrParamIdentifier(reference);\n      const children = attribute.getExpression().getChildren();\n\n      // we need the last element in the spread operator\n      // the goal here is to find if we are blindly just passing all the props from the parent\n      const lastIdentifier = children.length === 0 ? attribute.getExpression() : children.pop();\n      if (!lastIdentifier || lastIdentifier?.getText() === componentPropsSpreadIdentifier) {\n        return [];\n      }\n\n      lastIdentifier\n        .getType()\n        .getProperties()\n        // these are typescript properties\n        // so we don't know which values have been used.\n        .forEach((property) => {\n          // Sometimes the property name doesn't directly map to the variant,\n          // but instead, the properties type name does. (Ex: `iconSize` is the corresponding variant for `size` prop on Icons)\n          const propertyNameFromType = property.getDeclarations().map((declaration) => {\n            const typeName =\n              declaration.getChildrenOfKind(SyntaxKind.TypeReference)[0]?.getText() ?? '';\n            return camelCase(typeName);\n          })[0];\n          if (!isEmpty(property.getName())) {\n            res.push([property.getName(), []]);\n          }\n          if (!isEmpty(propertyNameFromType)) {\n            res.push([propertyNameFromType, []]);\n          }\n        });\n    }\n\n    return [];\n  });\n\n  return res;\n};\n"],"mappings":"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"}

package/dist/styles/styler.cjs

@@ -0,0 +1,117 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_flags = require('../flags.cjs');
+const require_utils_falsyToString = require('../utils/falsyToString.cjs');
+const require_styles_variants = require('./variants.cjs');
+let __yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
+let clsx = require("clsx");
+let tailwind_merge = require("tailwind-merge");
+
+//#region src/styles/styler.ts
+const createObjectWithoutPrototype = () => Object.create(null);
+const { useGetStylesCache, skipTailwindMerge } = require_flags.getFeatureFlags();
+/**
+* Prepare and object for memoization
+* Code uses old-school JS to hyper optimize component rendering hot paths.
+**/
+function normalizeObject(props) {
+	const sorted = createObjectWithoutPrototype();
+	const sortedKeys = Object.keys(props).sort();
+	for (let i = 0, len = sortedKeys.length; i < len; i++) {
+		const key = sortedKeys[i];
+		if (props[key] !== void 0) sorted[key] = props[key];
+	}
+	return sorted;
+}
+const twMerge = (0, tailwind_merge.extendTailwindMerge)({
+	extend: { theme: {
+		borderColor: __yahoo_uds_fixtures.lineColors,
+		borderWidth: __yahoo_uds_fixtures.borderWidths,
+		borderRadius: __yahoo_uds_fixtures.borderRadii
+	} },
+	override: {
+		classGroups: {
+			"text-color": [{ text: [...__yahoo_uds_fixtures.foregroundColors, ...__yahoo_uds_fixtures.spectrumColors] }],
+			"bg-color": [{ bg: __yahoo_uds_fixtures.backgroundColors }],
+			"font-family": [{ font: ["icons", ...__yahoo_uds_fixtures.textVariants] }],
+			leading: [{ leading: __yahoo_uds_fixtures.textVariants }]
+		},
+		conflictingClassGroups: {}
+	}
+});
+const cx = (...inputs) => {
+	const finalClassName = (0, clsx.clsx)(inputs);
+	return skipTailwindMerge ? finalClassName : twMerge(finalClassName);
+};
+const cva = (config) => {
+	const { base, variants: variants$1, defaultVariants, compoundVariants } = config;
+	/**
+	* !WARNING
+	* This is a VERY performance-sensitive function. Do not change it
+	* without benchmarking first.
+	*/
+	return (maybeProps) => {
+		if (!maybeProps) return cx(base);
+		const { className,...props } = maybeProps;
+		if (!variants$1) return cx(base, className);
+		const variantClassNames = [];
+		for (const prop in defaultVariants) {
+			if (prop === void 0) continue;
+			if (props[prop] !== void 0) continue;
+			const defaultPropValue = defaultVariants[prop];
+			const variantKey = require_utils_falsyToString.falsyToString(defaultPropValue);
+			variantClassNames.push(variants$1[prop][variantKey]);
+		}
+		for (const prop in props) {
+			if (prop === void 0) continue;
+			const propValue = props[prop];
+			const variantKey = require_utils_falsyToString.falsyToString(propValue);
+			variantClassNames.push(variants$1[prop][variantKey]);
+		}
+		if (!compoundVariants) return cx(base, variantClassNames, className);
+		let compoundVariantClassNames = "";
+		for (const compoundConfig of compoundVariants) {
+			const { className: compoundClassname,...compoundVariantConfig } = compoundConfig;
+			let allMatch = true;
+			for (const cvKey in compoundVariantConfig) {
+				const cvValue = compoundVariantConfig[cvKey];
+				if (!((props[cvKey] ?? defaultVariants?.[cvKey]) === cvValue)) {
+					allMatch = false;
+					break;
+				}
+			}
+			if (allMatch) compoundVariantClassNames = cx(compoundVariantClassNames, compoundClassname);
+		}
+		return cx(base, variantClassNames, compoundVariantClassNames, className);
+	};
+};
+const getStylesInternal = cva({ variants: require_styles_variants.variants });
+const styleCache = /* @__PURE__ */ new Map();
+const getStylesCacheKeySymbol = Symbol("getStylesCacheKey");
+const generateCacheKey = (props) => {
+	if (props[getStylesCacheKeySymbol]) return props[getStylesCacheKeySymbol];
+	const sorted = normalizeObject(props);
+	let cacheKey = "";
+	for (const key in sorted) cacheKey += `${key}:${sorted[key]}|`;
+	props[getStylesCacheKeySymbol] = cacheKey;
+	return cacheKey;
+};
+const cachedGetStyles = (props, onHit) => {
+	if (!useGetStylesCache) return getStylesInternal(props);
+	const cacheKey = generateCacheKey(props);
+	if (styleCache.has(cacheKey)) {
+		onHit?.();
+		return styleCache.get(cacheKey);
+	}
+	const styles = getStylesInternal(props);
+	styleCache.set(cacheKey, styles);
+	return styles;
+};
+const getStyles = cachedGetStyles;
+
+//#endregion
+exports.cva = cva;
+exports.cx = cx;
+exports.getStyles = getStyles;
+exports.getStylesCacheKeySymbol = getStylesCacheKeySymbol;
+exports.normalizeObject = normalizeObject;

package/dist/styles/styler.d.cts

@@ -0,0 +1,194 @@
+import { CVA, CX } from "./stylerTypes.cjs";
+
+//#region src/styles/styler.d.ts
+
+/**
+ * Prepare and object for memoization
+ * Code uses old-school JS to hyper optimize component rendering hot paths.
+ **/
+declare function normalizeObject(props: Record<string, unknown>): Record<string, unknown>;
+declare const cx: CX<string>;
+declare const cva: CVA<string>;
+declare const getStylesInternal: (props?: ({
+  checkboxSizeRoot?: "sm" | "md" | undefined;
+  checkboxSizeCheckbox?: "sm" | "md" | undefined;
+  checkboxVariantValueRoot?: "checked" | "unchecked" | "indeterminate" | undefined;
+  checkboxVariantRoot?: "secondary" | "alert" | "primary" | "alert-secondary" | undefined;
+  checkboxVariantValueCheckbox?: "checked" | "unchecked" | "indeterminate" | undefined;
+  checkboxVariantCheckbox?: "secondary" | "alert" | "primary" | "alert-secondary" | undefined;
+  checkboxVariantValueCheckboxIcon?: "checked" | "unchecked" | "indeterminate" | undefined;
+  checkboxVariantCheckboxIcon?: "secondary" | "alert" | "primary" | "alert-secondary" | undefined;
+  dividerVariantRoot?: "secondary" | "muted" | "primary" | "tertiary" | undefined;
+  dividerVariantLine?: "secondary" | "muted" | "primary" | "tertiary" | undefined;
+  dividerVariantLabel?: "secondary" | "muted" | "primary" | "tertiary" | undefined;
+  switchVariantActiveRoot?: "off" | "on" | undefined;
+  switchVariantRoot?: "default" | undefined;
+  switchVariantActiveSwitch?: "off" | "on" | undefined;
+  switchVariantSwitch?: "default" | undefined;
+  switchVariantActiveHandle?: "off" | "on" | undefined;
+  switchVariantHandle?: "default" | undefined;
+  switchVariantActiveHandleIcon?: "off" | "on" | undefined;
+  switchVariantHandleIcon?: "default" | undefined;
+  switchSizeRoot?: "sm" | "md" | undefined;
+  switchSizeSwitch?: "sm" | "md" | undefined;
+  switchSizeHandle?: "sm" | "md" | undefined;
+  switchSizeHandleIcon?: "sm" | "md" | undefined;
+  chipSizeRoot?: "sm" | "md" | undefined;
+  chipSizeIcon?: "sm" | "md" | undefined;
+  chipToggleVariantActiveRoot?: "off" | "on" | undefined;
+  chipToggleVariantRoot?: "secondary" | "brand" | "primary" | "brand-secondary" | undefined;
+  chipToggleVariantActiveIcon?: "off" | "on" | undefined;
+  chipToggleVariantIcon?: "secondary" | "brand" | "primary" | "brand-secondary" | undefined;
+  chipDismissibleVariantRoot?: "secondary" | "brand" | "primary" | "brand-secondary" | undefined;
+  chipDismissibleVariantIcon?: "secondary" | "brand" | "primary" | "brand-secondary" | undefined;
+  chipLinkVariantRoot?: "secondary" | "brand" | "primary" | "brand-secondary" | undefined;
+  chipLinkVariantIcon?: "secondary" | "brand" | "primary" | "brand-secondary" | undefined;
+  radioVariantValueRoot?: "checked" | "unchecked" | undefined;
+  radioVariantRoot?: "secondary" | "alert" | "primary" | "alert-secondary" | undefined;
+  radioVariantValueRadio?: "checked" | "unchecked" | undefined;
+  radioVariantRadio?: "secondary" | "alert" | "primary" | "alert-secondary" | undefined;
+  radioVariantValueRadioCircle?: "checked" | "unchecked" | undefined;
+  radioVariantRadioCircle?: "secondary" | "alert" | "primary" | "alert-secondary" | undefined;
+  radioSizeRoot?: "sm" | "md" | undefined;
+  radioSizeRadio?: "sm" | "md" | undefined;
+  linkTextStyleRoot?: "ui4" | "ui2" | "label4" | "label3" | "label2" | "ui1" | "label1" | "caption1" | "title3" | "title4" | "caption2" | "headline1" | "ui3" | "title1" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | undefined;
+  linkTextStyleIcon?: "ui4" | "ui2" | "label4" | "label3" | "label2" | "ui1" | "label1" | "caption1" | "title3" | "title4" | "caption2" | "headline1" | "ui3" | "title1" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | undefined;
+  linkVariantRoot?: "secondary" | "primary" | "tertiary" | "on-color" | undefined;
+  linkVariantIconStart?: "secondary" | "primary" | "tertiary" | "on-color" | undefined;
+  linkVariantIconEnd?: "secondary" | "primary" | "tertiary" | "on-color" | undefined;
+  badgeSizeRoot?: "sm" | "md" | "lg" | "xs" | undefined;
+  badgeSizeIcon?: "sm" | "md" | "lg" | "xs" | undefined;
+  badgeVariantRoot?: "secondary" | "brand" | "alert" | "primary" | "brand-secondary" | "alert-secondary" | "info-secondary" | "info" | "warning" | "warning-secondary" | "positive-secondary" | "positive" | undefined;
+  badgeVariantIcon?: "secondary" | "brand" | "alert" | "primary" | "brand-secondary" | "alert-secondary" | "info-secondary" | "info" | "warning" | "warning-secondary" | "positive-secondary" | "positive" | undefined;
+  inputSizeRoot?: "md" | "lg" | undefined;
+  inputSizeInputWrapper?: "md" | "lg" | undefined;
+  inputSizeInput?: "md" | "lg" | undefined;
+  inputSizeStartIcon?: "md" | "lg" | undefined;
+  inputSizeEndIcon?: "md" | "lg" | undefined;
+  inputSizeLabel?: "md" | "lg" | undefined;
+  inputSizeHelperIcon?: "md" | "lg" | undefined;
+  inputSizeHelperText?: "md" | "lg" | undefined;
+  inputVariantValueRoot?: "filled" | "empty" | undefined;
+  inputVariantRoot?: "default" | undefined;
+  inputVariantValueInputWrapper?: "filled" | "empty" | undefined;
+  inputVariantInputWrapper?: "default" | undefined;
+  inputVariantValueInput?: "filled" | "empty" | undefined;
+  inputVariantInput?: "default" | undefined;
+  inputVariantValueInputPlaceholder?: "filled" | "empty" | undefined;
+  inputVariantInputPlaceholder?: "default" | undefined;
+  inputVariantValueStartIcon?: "filled" | "empty" | undefined;
+  inputVariantStartIcon?: "default" | undefined;
+  inputVariantValueEndIcon?: "filled" | "empty" | undefined;
+  inputVariantEndIcon?: "default" | undefined;
+  inputVariantValueLabel?: "filled" | "empty" | undefined;
+  inputVariantLabel?: "default" | undefined;
+  inputVariantValueLabelRequired?: "filled" | "empty" | undefined;
+  inputVariantLabelRequired?: "default" | undefined;
+  inputVariantValueHelperIcon?: "filled" | "empty" | undefined;
+  inputVariantHelperIcon?: "default" | undefined;
+  inputVariantValueHelperText?: "filled" | "empty" | undefined;
+  inputVariantHelperText?: "default" | undefined;
+  avatarSizeRoot?: "sm" | "xl" | "md" | "lg" | "xs" | undefined;
+  avatarSizeIcon?: "sm" | "xl" | "md" | "lg" | "xs" | undefined;
+  avatarTextVariantRoot?: "secondary" | "primary" | undefined;
+  avatarImageVariantRoot?: "secondary" | "primary" | undefined;
+  avatarIconVariantRoot?: "secondary" | "primary" | undefined;
+  menuSizeRoot?: "default" | undefined;
+  menuSizeStartIcon?: "default" | undefined;
+  menuSizeEndIcon?: "default" | undefined;
+  menuItemVariantActiveRoot?: "off" | "on" | undefined;
+  menuItemVariantRoot?: "default" | undefined;
+  menuItemVariantActiveText?: "off" | "on" | undefined;
+  menuItemVariantText?: "default" | undefined;
+  menuItemVariantActiveIcon?: "off" | "on" | undefined;
+  menuItemVariantIcon?: "default" | undefined;
+  menuItemCheckboxVariantActiveRoot?: "off" | "on" | undefined;
+  menuItemCheckboxVariantRoot?: "default" | undefined;
+  menuItemCheckboxVariantActiveText?: "off" | "on" | undefined;
+  menuItemCheckboxVariantText?: "default" | undefined;
+  menuItemCheckboxVariantActiveStartIcon?: "off" | "on" | undefined;
+  menuItemCheckboxVariantStartIcon?: "default" | undefined;
+  menuItemCheckboxVariantActiveEndIcon?: "off" | "on" | undefined;
+  menuItemCheckboxVariantEndIcon?: "default" | undefined;
+  menuDividerVariantRoot?: "default" | undefined;
+  menuDividerVariantText?: "default" | undefined;
+  menuDividerVariantLine?: "default" | undefined;
+  color?: "secondary" | "white" | "brand" | "muted" | "alert" | "primary" | "tertiary" | "brand-secondary" | "transparent" | "on-color" | "alert-secondary" | "accent" | "info-secondary" | "info" | "warning" | "warning-secondary" | "positive-secondary" | "positive" | "black" | "current" | undefined;
+  placeholderColor?: "secondary" | "white" | "brand" | "muted" | "alert" | "primary" | "tertiary" | "brand-secondary" | "transparent" | "on-color" | "alert-secondary" | "accent" | "info-secondary" | "info" | "warning" | "warning-secondary" | "positive-secondary" | "positive" | "black" | "current" | undefined;
+  fontFamily?: "ui4" | "ui2" | "label4" | "label3" | "label2" | "ui1" | "label1" | "sans" | "caption1" | "title3" | "title4" | "caption2" | "headline1" | "ui3" | "title1" | "sans-alt" | "serif" | "serif-alt" | "mono" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "label4/emphasized" | "label3/emphasized" | "label2/emphasized" | "label1/emphasized" | "caption1/emphasized" | "title3/emphasized" | "title4/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "title1/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
+  fontSize?: "ui4" | "ui2" | "label4" | "label3" | "label2" | "ui1" | "label1" | "caption1" | "title3" | "title4" | "caption2" | "headline1" | "ui3" | "title1" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "label4/emphasized" | "label3/emphasized" | "label2/emphasized" | "label1/emphasized" | "caption1/emphasized" | "title3/emphasized" | "title4/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "title1/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
+  fontWeight?: "ui4" | "ui2" | "thin" | "medium" | "label4" | "label3" | "label2" | "ui1" | "label1" | "caption1" | "title3" | "title4" | "caption2" | "headline1" | "ui3" | "title1" | "light" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "label4/emphasized" | "label3/emphasized" | "label2/emphasized" | "label1/emphasized" | "caption1/emphasized" | "title3/emphasized" | "title4/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "title1/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "black" | "bold" | "extralight" | "regular" | "semibold" | "extrabold" | undefined;
+  lineHeight?: "ui4" | "ui2" | "label4" | "label3" | "label2" | "ui1" | "label1" | "caption1" | "title3" | "title4" | "caption2" | "headline1" | "ui3" | "title1" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "label4/emphasized" | "label3/emphasized" | "label2/emphasized" | "label1/emphasized" | "caption1/emphasized" | "title3/emphasized" | "title4/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "title1/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
+  textAlign?: "start" | "end" | "center" | "justify" | undefined;
+  textTransform?: "none" | "ui4" | "ui2" | "label4" | "label3" | "label2" | "ui1" | "label1" | "caption1" | "title3" | "title4" | "caption2" | "headline1" | "ui3" | "title1" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "label4/emphasized" | "label3/emphasized" | "label2/emphasized" | "label1/emphasized" | "caption1/emphasized" | "title3/emphasized" | "title4/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "title1/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
+  spacing?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingHorizontal?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingVertical?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingBottom?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingEnd?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingStart?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingTop?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offset?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetVertical?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetHorizontal?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetBottom?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetEnd?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetStart?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetTop?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  columnGap?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  rowGap?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  backgroundColor?: "secondary" | "white" | "brand" | "alert" | "primary" | "brand-secondary" | "transparent" | "alert-secondary" | "accent" | "info-secondary" | "info" | "warning" | "warning-secondary" | "positive-secondary" | "positive" | "black" | "current" | undefined;
+  borderColor?: "secondary" | "white" | "brand" | "muted" | "alert" | "primary" | "tertiary" | "brand-secondary" | "transparent" | "alert-secondary" | "accent" | "info-secondary" | "info" | "warning" | "warning-secondary" | "positive-secondary" | "positive" | "black" | "current" | undefined;
+  borderStartColor?: "secondary" | "white" | "brand" | "muted" | "alert" | "primary" | "tertiary" | "brand-secondary" | "transparent" | "alert-secondary" | "accent" | "info-secondary" | "info" | "warning" | "warning-secondary" | "positive-secondary" | "positive" | "black" | "current" | undefined;
+  borderEndColor?: "secondary" | "white" | "brand" | "muted" | "alert" | "primary" | "tertiary" | "brand-secondary" | "transparent" | "alert-secondary" | "accent" | "info-secondary" | "info" | "warning" | "warning-secondary" | "positive-secondary" | "positive" | "black" | "current" | undefined;
+  borderBottomColor?: "secondary" | "white" | "brand" | "muted" | "alert" | "primary" | "tertiary" | "brand-secondary" | "transparent" | "alert-secondary" | "accent" | "info-secondary" | "info" | "warning" | "warning-secondary" | "positive-secondary" | "positive" | "black" | "current" | undefined;
+  borderTopColor?: "secondary" | "white" | "brand" | "muted" | "alert" | "primary" | "tertiary" | "brand-secondary" | "transparent" | "alert-secondary" | "accent" | "info-secondary" | "info" | "warning" | "warning-secondary" | "positive-secondary" | "positive" | "black" | "current" | undefined;
+  borderRadius?: "sm" | "none" | "xl" | "md" | "full" | "lg" | "xs" | undefined;
+  borderTopStartRadius?: "sm" | "none" | "xl" | "md" | "full" | "lg" | "xs" | undefined;
+  borderTopEndRadius?: "sm" | "none" | "xl" | "md" | "full" | "lg" | "xs" | undefined;
+  borderBottomStartRadius?: "sm" | "none" | "xl" | "md" | "full" | "lg" | "xs" | undefined;
+  borderBottomEndRadius?: "sm" | "none" | "xl" | "md" | "full" | "lg" | "xs" | undefined;
+  borderWidth?: "none" | "thin" | "medium" | "thick" | undefined;
+  borderVerticalWidth?: "none" | "thin" | "medium" | "thick" | undefined;
+  borderHorizontalWidth?: "none" | "thin" | "medium" | "thick" | undefined;
+  borderStartWidth?: "none" | "thin" | "medium" | "thick" | undefined;
+  borderEndWidth?: "none" | "thin" | "medium" | "thick" | undefined;
+  borderTopWidth?: "none" | "thin" | "medium" | "thick" | undefined;
+  borderBottomWidth?: "none" | "thin" | "medium" | "thick" | undefined;
+  avatarSize?: "sm" | "xl" | "md" | "lg" | "xs" | undefined;
+  iconSize?: "sm" | "md" | "lg" | "xs" | undefined;
+  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+  alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
+  alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
+  flex?: "none" | "1" | "auto" | "initial" | undefined;
+  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+  flexGrow?: "2" | "1" | "0" | "3" | undefined;
+  flexShrink?: "1" | "0" | undefined;
+  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+  flexBasis?: "min-content" | undefined;
+  display?: "flex" | "table" | "block" | "inline-block" | "inline" | "inline-flex" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
+  overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
+  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
+  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
+  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
+  contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
+  colorMode?: "light" | "dark" | undefined;
+  scaleMode?: "medium" | "xSmall" | "small" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
+  buttonPalette?: "brand" | "alert" | "accent" | "info" | "warning" | "positive" | undefined;
+  buttonVariant?: "secondary" | "primary" | "tertiary" | undefined;
+  buttonSize?: "sm" | "md" | "lg" | undefined;
+  iconButtonSize?: "sm" | "xl" | "md" | "lg" | "xs" | undefined;
+  width?: "full" | "fit" | "screen" | undefined;
+  height?: "full" | "fit" | "screen" | undefined;
+  dropShadow?: "sm" | "none" | "xl" | "2xl" | "md" | "lg" | "xs" | undefined;
+  insetShadow?: "sm" | "none" | "2xl-invert" | "xl" | "2xl" | "md" | "lg-invert" | "xl-invert" | "lg" | "xs" | "md-invert" | "sm-invert" | "xs-invert" | undefined;
+} & {
+  className?: string | undefined;
+}) | undefined) => string;
+type GetStylesInternalProps = Parameters<typeof getStylesInternal>[0];
+declare const getStylesCacheKeySymbol: unique symbol;
+declare const getStyles: (props: GetStylesInternalProps, onHit?: () => void) => string;
+//#endregion
+export { cva, cx, getStyles, getStylesCacheKeySymbol, normalizeObject };
+//# sourceMappingURL=styler.d.cts.map

package/dist/styles/styler.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styler.d.cts","names":[],"sources":["../../src/styles/styler.ts"],"sourcesContent":[],"mappings":";;;;;;AAc6C,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA,KAAA,CAAA,QAAA,CAAA,SAAA,CAAA,SAAA,CAAA,GAAA,CAAA,KAAA;AAWU,CAAA,CAAA,CAAA;AAkC3C,OAAA,CAAA,QAAA,CAlCH,eAAA,CAuCK,KAAA,CAAA,CAvCkB,MAuClB,CAAA,MAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAvCyC,MAuCzC,CAAA,MAAA,CAAA,CAAA,OAAA,CAAA;AAAA,OAAA,CAAA,KAAA,CALR,EAkFA,CAAA,CAlFI,EAkFJ,CAAA,MAEJ,CAAA;AAAA,OAAA,CAAA,KAAA,CA/EI,GAkFD,CAAA,CAlFM,GAkFN,CAAA,MAAsB,CAAA;AAAa,OAAA,CAAA,KAAA,CALlC,iBASqD,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAyCrD,gBAA4F,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAArD,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA7CxC,sBAAA,CAAA,CAAA,CAAyB,kBAAkB;cAI1C;cAyCA,mBAAuC"}