@tokenami/config 0.0.52 → 0.0.54

package/dist/index.cjs

@@ -1,46 +1,4 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  ArbitraryValue: () => ArbitraryValue,
-  GridProperty: () => GridProperty,
-  GridValue: () => GridValue,
-  TokenProperty: () => TokenProperty,
-  TokenValue: () => TokenValue,
-  VariantProperty: () => VariantProperty,
-  arbitraryValue: () => arbitraryValue,
-  createConfig: () => createConfig,
-  defaultConfig: () => defaultConfig,
-  getCSSPropertiesForAlias: () => getCSSPropertiesForAlias,
-  getTokenPropertyName: () => getTokenPropertyName,
-  getTokenPropertyParts: () => getTokenPropertyParts,
-  getTokenPropertySplit: () => getTokenPropertySplit,
-  getTokenValueParts: () => getTokenValueParts,
-  gridProperty: () => gridProperty,
-  mapShorthandToLonghands: () => mapShorthandToLonghands,
-  tokenProperty: () => tokenProperty,
-  tokenValue: () => tokenValue,
-  variantProperty: () => variantProperty
-});
-module.exports = __toCommonJS(src_exports);
+'use strict';
 
 // src/config.ts
 var defaultConfig = {
@@ -66,136 +24,136 @@ var defaultConfig = {
     disabled: "&:disabled"
   },
   properties: {
-    "accent-color": ["color"],
-    animation: ["anim"],
-    "animation-timing-function": ["ease"],
-    background: ["color", "surface"],
-    "background-color": ["color"],
-    "background-image": ["surface"],
-    "background-position": ["grid"],
-    "background-position-x": ["grid"],
-    "background-position-y": ["grid"],
-    "block-size": ["grid", "size"],
-    border: ["border"],
-    "border-block": ["border"],
-    "border-block-color": ["color"],
-    "border-block-end": ["border"],
-    "border-block-end-color": ["color"],
-    "border-block-end-style": ["line-style"],
-    "border-block-start": ["border"],
-    "border-block-start-color": ["color"],
-    "border-block-start-style": ["line-style"],
-    "border-block-style": ["line-style"],
-    "border-bottom": ["border"],
-    "border-bottom-color": ["color"],
-    "border-bottom-left-radius": ["radii"],
-    "border-bottom-right-radius": ["radii"],
-    "border-bottom-style": ["line-style"],
-    "border-color": ["color"],
-    "border-end-end-radius": ["radii"],
-    "border-end-start-radius": ["radii"],
-    "border-inline": ["border"],
-    "border-inline-color": ["color"],
-    "border-inline-end": ["border"],
-    "border-inline-end-color": ["color"],
-    "border-inline-end-style": ["line-style"],
-    "border-inline-start": ["border"],
-    "border-inline-start-color": ["color"],
-    "border-inline-start-style": ["line-style"],
-    "border-inline-style": ["line-style"],
-    "border-left": ["border"],
-    "border-left-color": ["color"],
-    "border-left-style": ["line-style"],
-    "border-radius": ["radii"],
-    "border-right": ["border"],
-    "border-right-color": ["color"],
-    "border-right-style": ["line-style"],
-    "border-start-end-radius": ["radii"],
-    "border-start-start-radius": ["radii"],
-    "border-style": ["line-style"],
-    "border-top": ["border"],
-    "border-top-color": ["color"],
-    "border-top-left-radius": ["radii"],
-    "border-top-right-radius": ["radii"],
-    "border-top-style": ["line-style"],
-    bottom: ["grid"],
-    "box-shadow": ["shadow"],
-    "caret-color": ["color"],
-    color: ["color"],
-    "column-gap": ["grid"],
-    "column-rule-color": ["color"],
-    "column-rule-width": ["grid"],
-    "column-width": ["grid", "size"],
-    fill: ["color"],
-    "flex-basis": ["grid", "size"],
-    "font-family": ["font"],
-    "font-size": ["font-size"],
-    "font-weight": ["weight"],
-    gap: ["grid"],
-    height: ["grid", "size"],
-    "inline-size": ["grid", "size"],
-    inset: ["grid"],
-    "inset-block": ["grid"],
-    "inset-block-end": ["grid"],
-    "inset-block-start": ["grid"],
-    "inset-inline": ["grid"],
-    "inset-inline-end": ["grid"],
-    "inset-inline-start": ["grid"],
-    left: ["grid"],
-    "letter-spacing": ["tracking"],
-    "line-height": ["leading"],
-    margin: ["grid"],
-    "margin-block": ["grid"],
-    "margin-block-end": ["grid"],
-    "margin-block-start": ["grid"],
-    "margin-bottom": ["grid"],
-    "margin-inline": ["grid"],
-    "margin-inline-end": ["grid"],
-    "margin-inline-start": ["grid"],
-    "margin-left": ["grid"],
-    "margin-right": ["grid"],
-    "margin-top": ["grid"],
-    "max-block-size": ["grid", "size"],
-    "max-height": ["grid", "size"],
-    "max-inline-size": ["grid", "size"],
-    "max-width": ["grid", "size"],
-    "min-block-size": ["grid", "size"],
-    "min-height": ["grid", "size"],
-    "min-inline-size": ["grid", "size"],
-    "min-width": ["grid", "size"],
-    opacity: ["alpha"],
-    "outline-color": ["color"],
-    padding: ["grid"],
-    "padding-block": ["grid"],
-    "padding-block-end": ["grid"],
-    "padding-block-start": ["grid"],
-    "padding-bottom": ["grid"],
-    "padding-inline": ["grid"],
-    "padding-inline-end": ["grid"],
-    "padding-inline-start": ["grid"],
-    "padding-left": ["grid"],
-    "padding-right": ["grid"],
-    "padding-top": ["grid"],
-    right: ["grid"],
-    "row-gap": ["grid"],
-    "scroll-margin": ["grid"],
-    "scroll-margin-bottom": ["grid"],
-    "scroll-margin-left": ["grid"],
-    "scroll-margin-right": ["grid"],
-    "scroll-margin-top": ["grid"],
-    "scroll-padding": ["grid"],
-    "scroll-padding-bottom": ["grid"],
-    "scroll-padding-left": ["grid"],
-    "scroll-padding-right": ["grid"],
-    "scroll-padding-top": ["grid"],
-    stroke: ["color"],
-    "text-decoration-color": ["color"],
-    "text-shadow": ["shadow"],
-    top: ["grid"],
-    transition: ["transition"],
-    "transition-timing-function": ["ease"],
-    width: ["grid", "size"],
-    "z-index": ["z"]
+    "--accent-color": ["color"],
+    "--animation": ["anim"],
+    "--animation-timing-function": ["ease"],
+    "--background": ["color", "surface"],
+    "--background-color": ["color"],
+    "--background-image": ["surface"],
+    "--background-position": ["grid"],
+    "--background-position-x": ["grid"],
+    "--background-position-y": ["grid"],
+    "--block-size": ["grid", "size"],
+    "--border": ["border"],
+    "--border-block": ["border"],
+    "--border-block-color": ["color"],
+    "--border-block-end": ["border"],
+    "--border-block-end-color": ["color"],
+    "--border-block-end-style": ["line-style"],
+    "--border-block-start": ["border"],
+    "--border-block-start-color": ["color"],
+    "--border-block-start-style": ["line-style"],
+    "--border-block-style": ["line-style"],
+    "--border-bottom": ["border"],
+    "--border-bottom-color": ["color"],
+    "--border-bottom-left-radius": ["radii"],
+    "--border-bottom-right-radius": ["radii"],
+    "--border-bottom-style": ["line-style"],
+    "--border-color": ["color"],
+    "--border-end-end-radius": ["radii"],
+    "--border-end-start-radius": ["radii"],
+    "--border-inline": ["border"],
+    "--border-inline-color": ["color"],
+    "--border-inline-end": ["border"],
+    "--border-inline-end-color": ["color"],
+    "--border-inline-end-style": ["line-style"],
+    "--border-inline-start": ["border"],
+    "--border-inline-start-color": ["color"],
+    "--border-inline-start-style": ["line-style"],
+    "--border-inline-style": ["line-style"],
+    "--border-left": ["border"],
+    "--border-left-color": ["color"],
+    "--border-left-style": ["line-style"],
+    "--border-radius": ["radii"],
+    "--border-right": ["border"],
+    "--border-right-color": ["color"],
+    "--border-right-style": ["line-style"],
+    "--border-start-end-radius": ["radii"],
+    "--border-start-start-radius": ["radii"],
+    "--border-style": ["line-style"],
+    "--border-top": ["border"],
+    "--border-top-color": ["color"],
+    "--border-top-left-radius": ["radii"],
+    "--border-top-right-radius": ["radii"],
+    "--border-top-style": ["line-style"],
+    "--bottom": ["grid"],
+    "--box-shadow": ["shadow"],
+    "--caret-color": ["color"],
+    "--color": ["color"],
+    "--column-gap": ["grid"],
+    "--column-rule-color": ["color"],
+    "--column-rule-width": ["grid"],
+    "--column-width": ["grid", "size"],
+    "--fill": ["color"],
+    "--flex-basis": ["grid", "size"],
+    "--font-family": ["font"],
+    "--font-size": ["font-size"],
+    "--font-weight": ["weight"],
+    "--gap": ["grid"],
+    "--height": ["grid", "size"],
+    "--inline-size": ["grid", "size"],
+    "--inset": ["grid"],
+    "--inset-block": ["grid"],
+    "--inset-block-end": ["grid"],
+    "--inset-block-start": ["grid"],
+    "--inset-inline": ["grid"],
+    "--inset-inline-end": ["grid"],
+    "--inset-inline-start": ["grid"],
+    "--left": ["grid"],
+    "--letter-spacing": ["tracking"],
+    "--line-height": ["leading"],
+    "--margin": ["grid"],
+    "--margin-block": ["grid"],
+    "--margin-block-end": ["grid"],
+    "--margin-block-start": ["grid"],
+    "--margin-bottom": ["grid"],
+    "--margin-inline": ["grid"],
+    "--margin-inline-end": ["grid"],
+    "--margin-inline-start": ["grid"],
+    "--margin-left": ["grid"],
+    "--margin-right": ["grid"],
+    "--margin-top": ["grid"],
+    "--max-block-size": ["grid", "size"],
+    "--max-height": ["grid", "size"],
+    "--max-inline-size": ["grid", "size"],
+    "--max-width": ["grid", "size"],
+    "--min-block-size": ["grid", "size"],
+    "--min-height": ["grid", "size"],
+    "--min-inline-size": ["grid", "size"],
+    "--min-width": ["grid", "size"],
+    "--opacity": ["alpha"],
+    "--outline-color": ["color"],
+    "--padding": ["grid"],
+    "--padding-block": ["grid"],
+    "--padding-block-end": ["grid"],
+    "--padding-block-start": ["grid"],
+    "--padding-bottom": ["grid"],
+    "--padding-inline": ["grid"],
+    "--padding-inline-end": ["grid"],
+    "--padding-inline-start": ["grid"],
+    "--padding-left": ["grid"],
+    "--padding-right": ["grid"],
+    "--padding-top": ["grid"],
+    "--right": ["grid"],
+    "--row-gap": ["grid"],
+    "--scroll-margin": ["grid"],
+    "--scroll-margin-bottom": ["grid"],
+    "--scroll-margin-left": ["grid"],
+    "--scroll-margin-right": ["grid"],
+    "--scroll-margin-top": ["grid"],
+    "--scroll-padding": ["grid"],
+    "--scroll-padding-bottom": ["grid"],
+    "--scroll-padding-left": ["grid"],
+    "--scroll-padding-right": ["grid"],
+    "--scroll-padding-top": ["grid"],
+    "--stroke": ["color"],
+    "--text-decoration-color": ["color"],
+    "--text-shadow": ["shadow"],
+    "--top": ["grid"],
+    "--transition": ["transition"],
+    "--transition-timing-function": ["ease"],
+    "--width": ["grid", "size"],
+    "--z-index": ["z"]
   }
 };
 function createConfig(obj) {
@@ -215,14 +173,16 @@ var gridValueRegex = /^\d+/;
 var GridValue = {
   safeParse: (input) => validate(gridValueRegex, input)
 };
-var charClass = `A-Za-z0-9!#$%&()*+,./:;<=>?@[\\]^_{|}~`;
-var tokenPropertyRegex = new RegExp(`(?<!var\\()--[${charClass}]([${charClass}-]+)?`);
+var tokenPropertyRegex = /(?<!var\()--(?:[\w-]+|\{[^\{\}]*\})+/g;
 var TokenProperty = {
   safeParse: (input) => validate(tokenPropertyRegex, input)
 };
 function tokenProperty(name) {
   return `--${name}`;
 }
+function parsedTokenProperty(name) {
+  return parseProperty(tokenProperty(name));
+}
 var variantPropertyRegex = /(?<!var\()--((\w)([\w-]+)_([\w-]+))/;
 var VariantProperty = {
   safeParse: (input) => validate(variantPropertyRegex, input)
@@ -230,6 +190,9 @@ var VariantProperty = {
 function variantProperty(variant, name) {
   return `--${variant}_${name}`;
 }
+function parsedVariantProperty(variant, name) {
+  return parseProperty(variantProperty(variant, name));
+}
 var tokenValueRegex = /var\((--([\w-]+)_([\w-]+))\)/;
 var TokenValue = {
   safeParse: (input) => validate(tokenValueRegex, input)
@@ -260,24 +223,36 @@ function getTokenPropertyName(property) {
   const propertyPrefix = tokenProperty("");
   return property.replace(propertyPrefix, "");
 }
+var propertySplitRegex = /_(?![^{}]*\])/;
 function getTokenPropertySplit(property) {
   const name = getTokenPropertyName(property);
-  const [alias, ...variants] = name.split("_").reverse();
+  const [alias, ...variants] = name.split(propertySplitRegex).reverse();
   return { alias, variants: variants.reverse() };
 }
 function getTokenPropertyParts(tokenProperty2, config) {
-  var _a, _b, _c;
+  var _a;
   const { alias, variants } = getTokenPropertySplit(tokenProperty2);
   const [firstVariant, secondVariant] = variants;
-  const firstSelector = ((_a = config.selectors) == null ? void 0 : _a[firstVariant]) && firstVariant;
-  const secondSelector = ((_b = config.selectors) == null ? void 0 : _b[secondVariant]) && secondVariant;
-  const responsive = ((_c = config.responsive) == null ? void 0 : _c[firstVariant]) && firstVariant;
+  const firstSelector = getValidSelector(firstVariant, config);
+  const secondSelector = getValidSelector(secondVariant, config);
+  const responsive = ((_a = config.responsive) == null ? void 0 : _a[firstVariant]) && firstVariant;
   const selector = firstSelector || secondSelector;
   const validVariant = [responsive, selector].filter(Boolean).join("_");
-  if (firstVariant && variantProperty(validVariant, alias) !== tokenProperty2)
+  const variantProp = variantProperty(validVariant, alias);
+  if (firstVariant && variantProp !== tokenProperty2)
     return null;
   return { alias, responsive, selector, variant: validVariant };
 }
+function getValidSelector(selector, config) {
+  var _a;
+  if (!selector)
+    return;
+  return (getArbitrarySelector(selector) || ((_a = config.selectors) == null ? void 0 : _a[selector])) && selector;
+}
+function getArbitrarySelector(selector) {
+  const [, arbitrarySelector] = (selector == null ? void 0 : selector.match(/^{(.+)}$/)) || [];
+  return arbitrarySelector ? decodeColon(arbitrarySelector) : void 0;
+}
 function getTokenValueParts(tokenValue2) {
   const [, property, themeKey, token] = tokenValue2.split(tokenValueRegex);
   return { property, themeKey, token };
@@ -285,241 +260,114 @@ function getTokenValueParts(tokenValue2) {
 function getCSSPropertiesForAlias(alias, aliases) {
   return (aliases == null ? void 0 : aliases[alias]) || [alias];
 }
+var escapeSpecialCharsRegex = /[&#.:;>~*[\]=,"'()+{}]/g;
+function parseProperty(str, options) {
+  const { escapeSpecialChars = true } = options || {};
+  const noColon = encodeColon(str);
+  if (!escapeSpecialChars)
+    return noColon;
+  return noColon.replace(escapeSpecialCharsRegex, (match) => `\\${match}`);
+}
+var encodeColon = (str) => str.replace(/:/g, ";");
+var decodeColon = (str) => str.replace(/;/g, ":");
 
 // src/shorthands.ts
-var mapShorthandToLonghands = {
-  all: [],
-  animation: [
-    "animation-name",
-    "animation-duration",
-    "animation-timing-function",
-    "animation-delay",
-    "animation-iteration-count",
-    "animation-direction",
-    "animation-fill-mode",
-    "animation-play-state",
-    "animation-timeline"
-  ],
-  background: [
-    "background-attachment",
-    "background-clip",
-    "background-color",
-    "background-image",
-    "background-position",
-    "background-repeat",
-    "background-size"
-  ],
-  "background-position": ["background-position-x", "background-position-y"],
-  border: [
-    "border-top",
-    "border-right",
-    "border-bottom",
-    "border-left",
-    "border-color",
-    "border-style",
-    "border-width",
-    "border-image",
-    "border-block",
-    "border-inline"
-  ],
-  "border-top": ["border-top-width", "border-top-style", "border-top-color"],
-  "border-right": ["border-right-width", "border-right-style", "border-right-color"],
-  "border-bottom": ["border-bottom-width", "border-bottom-style", "border-bottom-color"],
-  "border-left": ["border-left-width", "border-left-style", "border-left-color"],
-  "border-color": [
-    "border-top-color",
-    "border-right-color",
-    "border-bottom-color",
-    "border-left-color"
-  ],
-  "border-style": [
-    "border-top-style",
-    "border-right-style",
-    "border-bottom-style",
-    "border-left-style"
-  ],
-  "border-width": [
-    "border-top-width",
-    "border-right-width",
-    "border-bottom-width",
-    "border-left-width"
-  ],
-  "border-image": [
-    "border-image-source",
-    "border-image-slice",
-    "border-image-width",
-    "border-image-outset",
-    "border-image-repeat"
-  ],
-  "border-radius": [
-    "border-top-left-radius",
-    "border-top-right-radius",
-    "border-bottom-right-radius",
-    "border-bottom-left-radius"
-  ],
-  "border-block": [
-    "border-block-width",
-    "border-block-style",
-    "border-block-color",
-    "border-block-start",
-    "border-block-end"
-  ],
-  "border-block-width": ["border-block-start-width", "border-block-end-width"],
-  "border-block-style": ["border-block-start-style", "border-block-end-style"],
-  "border-block-color": ["border-block-start-color", "border-block-end-color"],
-  "border-block-start": [
-    "border-block-start-width",
-    "border-block-start-style",
-    "border-block-start-color"
-  ],
-  "border-block-end": [
-    "border-block-end-width",
-    "border-block-end-style",
-    "border-block-end-color"
-  ],
-  "border-inline": [
-    "border-inline-width",
-    "border-inline-style",
-    "border-inline-color",
-    "border-inline-start",
-    "border-inline-end"
-  ],
-  "border-inline-width": ["border-inline-start-width", "border-inline-end-width"],
-  "border-inline-style": ["border-inline-start-style", "border-inline-end-style"],
-  "border-inline-color": ["border-inline-start-color", "border-inline-end-color"],
-  "border-inline-start": [
-    "border-inline-start-width",
-    "border-inline-start-style",
-    "border-inline-start-color"
-  ],
-  "border-inline-end": [
-    "border-inline-end-width",
-    "border-inline-end-style",
-    "border-inline-end-color"
-  ],
-  "column-rule": ["column-rule-width", "column-rule-style", "column-rule-color"],
-  columns: ["column-width", "column-count"],
-  container: ["container-name", "container-type"],
-  "contain-intrinsic-size": ["contain-intrinsic-width", "contain-intrinsic-height"],
-  flex: ["flex-grow", "flex-shrink", "flex-basis"],
-  "flex-flow": ["flex-direction", "flex-wrap"],
-  font: [
-    "font-style",
-    "font-variant",
-    "font-weight",
-    "font-stretch",
-    "font-size",
-    "line-height",
-    "font-family"
-  ],
-  "font-variant": [
-    "font-variant-alternates",
-    "font-variant-caps",
-    "font-variant-east-asian",
-    "font-variant-emoji",
-    "font-variant-ligatures",
-    "font-variant-numeric",
-    "font-variant-position"
-  ],
-  gap: ["row-gap", "column-gap"],
-  grid: [
-    "grid-auto-columns",
-    "grid-auto-flow",
-    "grid-auto-rows",
-    "grid-template-areas",
-    "grid-template-columns",
-    "grid-template-rows"
-  ],
-  "grid-area": ["grid-row-start", "grid-column-start", "grid-row-end", "grid-column-end"],
-  "grid-column": ["grid-column-start", "grid-column-end"],
-  "grid-row": ["grid-row-start", "grid-row-end"],
-  "grid-template": ["grid-template-rows", "grid-template-columns", "grid-template-areas"],
-  inset: ["top", "right", "bottom", "left"],
-  "list-style": ["list-style-type", "list-style-position", "list-style-image"],
-  "inset-block": ["inset-block-start", "inset-block-end"],
-  "inset-inline": ["inset-inline-start", "inset-inline-end"],
-  margin: ["margin-top", "margin-right", "margin-bottom", "margin-left"],
-  "margin-block": ["margin-block-start", "margin-block-end"],
-  "margin-inline": ["margin-inline-start", "margin-inline-end"],
-  mask: [
-    "mask-image",
-    "mask-mode",
-    "mask-position",
-    "mask-size",
-    "mask-repeat",
-    "mask-origin",
-    "mask-clip",
-    "mask-composite",
-    "mask-type"
-  ],
-  "mask-border": [
-    "mask-border-mode",
-    "mask-border-outset",
-    "mask-border-repeat",
-    "mask-border-slice",
-    "mask-border-source",
-    "mask-border-width"
-  ],
-  offset: ["offset-position", "offset-path", "offset-distance", "offset-anchor", "offset-rotate"],
-  outline: ["outline-color", "outline-style", "outline-width"],
-  overflow: ["overflow-x", "overflow-y"],
-  "overscroll-behavior": ["overscroll-behavior-x", "overscroll-behavior-y"],
-  padding: ["padding-top", "padding-right", "padding-bottom", "padding-left"],
-  "padding-block": ["padding-block-start", "padding-block-end"],
-  "padding-inline": ["padding-inline-start", "padding-inline-end"],
-  "place-content": ["align-content", "justify-content"],
-  "place-items": ["align-items", "justify-items"],
-  "place-self": ["align-self", "justify-self"],
-  "scroll-margin": [
-    "scroll-margin-top",
-    "scroll-margin-right",
-    "scroll-margin-bottom",
-    "scroll-margin-left"
-  ],
-  "scroll-margin-block": ["scroll-margin-block-start", "scroll-margin-block-end"],
-  "scroll-margin-inline": ["scroll-margin-inline-start", "scroll-margin-inline-end"],
-  "scroll-padding": [
-    "scroll-padding-top",
-    "scroll-padding-right",
-    "scroll-padding-bottom",
-    "scroll-padding-left"
-  ],
-  "scroll-padding-block": ["scroll-padding-block-start", "scroll-padding-block-end"],
-  "scroll-padding-inline": ["scroll-padding-inline-start", "scroll-padding-inline-end"],
-  "scroll-timeline": ["scroll-timeline-name", "scroll-timeline-axis"],
-  "text-decoration": [
-    "text-decoration-line",
-    "text-decoration-style",
-    "text-decoration-color",
-    "text-decoration-thickness"
-  ],
-  "text-emphasis": ["text-emphasis-style", "text-emphasis-color"],
-  transition: [
-    "transition-delay",
-    "transition-duration",
-    "transition-property",
-    "transition-timing-function"
-  ]
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ArbitraryValue,
-  GridProperty,
-  GridValue,
-  TokenProperty,
-  TokenValue,
-  VariantProperty,
-  arbitraryValue,
-  createConfig,
-  defaultConfig,
-  getCSSPropertiesForAlias,
-  getTokenPropertyName,
-  getTokenPropertyParts,
-  getTokenPropertySplit,
-  getTokenValueParts,
-  gridProperty,
-  mapShorthandToLonghands,
-  tokenProperty,
-  tokenValue,
-  variantProperty
-});
+var shorthandsToLonghands = [
+  ["all", []],
+  ["animation", ["&-name", "&-duration", "&-timing-function", "&-delay", "&-iteration-count", "&-direction", "&-fill-mode", "&-play-state", "&-timeline"]],
+  ["background", ["&-attachment", "&-clip", "&-color", "&-image", "&-position", "&-repeat", "&-size"]],
+  ["background-position", ["&-x", "&-y"]],
+  ["border", ["&-top", "&-right", "&-bottom", "&-left", "&-color", "&-style", "&-width", "&-image", "&-block", "&-inline"]],
+  ["border-top", ["&-width", "&-style", "&-color"]],
+  ["border-right", ["&-width", "&-style", "&-color"]],
+  ["border-bottom", ["&-width", "&-style", "&-color"]],
+  ["border-left", ["&-width", "&-style", "&-color"]],
+  ["border-color", ["border-top-color", "border-right-color", "border-bottom-color", "border-left-color"]],
+  ["border-style", ["border-top-style", "border-right-style", "border-bottom-style", "border-left-style"]],
+  ["border-width", ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width"]],
+  ["border-image", ["&-source", "&-slice", "&-width", "&-outset", "&-repeat"]],
+  ["border-radius", ["border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius"]],
+  ["border-block", ["&-width", "&-style", "&-color", "&-start", "&-end"]],
+  ["border-block-width", ["border-block-start-width", "border-block-end-width"]],
+  ["border-block-style", ["border-block-start-style", "border-block-end-style"]],
+  ["border-block-color", ["border-block-start-color", "border-block-end-color"]],
+  ["border-block-start", ["&-width", "&-style", "&-color"]],
+  ["border-block-end", ["&-width", "&-style", "&-color"]],
+  ["border-inline", ["&-width", "&-style", "&-color", "&-start", "&-end"]],
+  ["border-inline-width", ["border-inline-start-width", "border-inline-end-width"]],
+  ["border-inline-style", ["border-inline-start-style", "border-inline-end-style"]],
+  ["border-inline-color", ["border-inline-start-color", "border-inline-end-color"]],
+  ["border-inline-start", ["&-width", "&-style", "&-color"]],
+  ["border-inline-end", ["&-width", "&-style", "&-color"]],
+  ["column-rule", ["&-width", "&-style", "&-color"]],
+  ["columns", ["column-width", "column-count"]],
+  ["container", ["&-name", "&-type"]],
+  ["contain-intrinsic-size", ["contain-intrinsic-width", "contain-intrinsic-height"]],
+  ["flex", ["&-grow", "&-shrink", "&-basis"]],
+  ["flex-flow", ["flex-direction", "flex-wrap"]],
+  ["font", ["&-style", "&-variant", "&-weight", "&-stretch", "&-size", "line-height", "&-family"]],
+  ["font-variant", ["&-alternates", "&-caps", "&-east-asian", "&-emoji", "&-ligatures", "&-numeric", "&-position"]],
+  ["gap", ["row-gap", "column-gap"]],
+  ["grid", ["&-auto-columns", "&-auto-flow", "&-auto-rows", "&-template-areas", "&-template-columns", "&-template-rows"]],
+  ["grid-area", ["grid-row-start", "grid-column-start", "grid-row-end", "grid-column-end"]],
+  ["grid-column", ["&-start", "&-end"]],
+  ["grid-row", ["&-start", "&-end"]],
+  ["grid-template", ["&-rows", "&-columns", "&-areas"]],
+  ["inset", ["top", "right", "bottom", "left"]],
+  ["list-style", ["&-type", "&-position", "&-image"]],
+  ["inset-block", ["&-start", "&-end"]],
+  ["inset-inline", ["&-start", "&-end"]],
+  ["margin", ["&-top", "&-right", "&-bottom", "&-left"]],
+  ["margin-block", ["&-start", "&-end"]],
+  ["margin-inline", ["&-start", "&-end"]],
+  ["mask", ["&-image", "&-mode", "&-position", "&-size", "&-repeat", "&-origin", "&-clip", "&-composite", "&-type"]],
+  ["mask-border", ["&-mode", "&-outset", "&-repeat", "&-slice", "&-source", "&-width"]],
+  ["offset", ["&-position", "&-path", "&-distance", "&-anchor", "&-rotate"]],
+  ["outline", ["&-color", "&-style", "&-width"]],
+  ["overflow", ["&-x", "&-y"]],
+  ["overscroll-behavior", ["&-x", "&-y"]],
+  ["padding", ["&-top", "&-right", "&-bottom", "&-left"]],
+  ["padding-block", ["&-start", "&-end"]],
+  ["padding-inline", ["&-start", "&-end"]],
+  ["place-content", ["align-content", "justify-content"]],
+  ["place-items", ["align-items", "justify-items"]],
+  ["place-self", ["align-self", "justify-self"]],
+  ["scroll-margin", ["&-top", "&-right", "&-bottom", "&-left"]],
+  ["scroll-margin-block", ["&-start", "&-end"]],
+  ["scroll-margin-inline", ["&-start", "&-end"]],
+  ["scroll-padding", ["&-top", "&-right", "&-bottom", "&-left"]],
+  ["scroll-padding-block", ["&-start", "&-end"]],
+  ["scroll-padding-inline", ["&-start", "&-end"]],
+  ["scroll-timeline", ["&-name", "&-axis"]],
+  ["text-decoration", ["&-line", "&-style", "&-color", "&-thickness"]],
+  ["text-emphasis", ["&-style", "&-color"]],
+  ["transition", ["&-delay", "&-duration", "&-property", "&-timing-function"]]
+];
+var replacedAmpersands = shorthandsToLonghands.map(
+  ([key, values]) => [key, values.map((value) => value.replace("&", key))]
+);
+var mapShorthandToLonghands = new Map(replacedAmpersands);
+
+exports.ArbitraryValue = ArbitraryValue;
+exports.GridProperty = GridProperty;
+exports.GridValue = GridValue;
+exports.TokenProperty = TokenProperty;
+exports.TokenValue = TokenValue;
+exports.VariantProperty = VariantProperty;
+exports.arbitraryValue = arbitraryValue;
+exports.createConfig = createConfig;
+exports.defaultConfig = defaultConfig;
+exports.getArbitrarySelector = getArbitrarySelector;
+exports.getCSSPropertiesForAlias = getCSSPropertiesForAlias;
+exports.getTokenPropertyName = getTokenPropertyName;
+exports.getTokenPropertyParts = getTokenPropertyParts;
+exports.getTokenPropertySplit = getTokenPropertySplit;
+exports.getTokenValueParts = getTokenValueParts;
+exports.gridProperty = gridProperty;
+exports.mapShorthandToLonghands = mapShorthandToLonghands;
+exports.parseProperty = parseProperty;
+exports.parsedTokenProperty = parsedTokenProperty;
+exports.parsedVariantProperty = parsedVariantProperty;
+exports.tokenProperty = tokenProperty;
+exports.tokenValue = tokenValue;
+exports.variantProperty = variantProperty;