@tokenami/config 0.0.21 → 0.0.23

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 (5) hide show
  1. package/dist/index.d.mts +88 -10
  2. package/dist/index.d.ts +88 -10
  3. package/dist/index.js +347 -112
  4. package/dist/index.mjs +343 -112
  5. package/package.json +2 -2
package/dist/index.d.mts CHANGED
@@ -154,35 +154,41 @@ declare const defaultConfig: {
154
154
  };
155
155
  type DefaultConfig = typeof defaultConfig;
156
156
 
157
- declare const properties: readonly ["-webkit-line-clamp", "accent-color", "align-tracks", "all", "animation", "animation-composition", "animation-delay", "animation-direction", "animation-duration", "animation-fill-mode", "animation-iteration-count", "animation-name", "animation-play-state", "animation-timeline", "animation-timing-function", "appearance", "aspect-ratio", "backdrop-filter", "backface-visibility", "background", "background-attachment", "background-blend-mode", "background-clip", "background-color", "background-image", "background-origin", "background-position", "background-position-x", "background-position-y", "background-repeat", "background-size", "block-overflow", "block-size", "border", "border-style", "border-color", "border-width", "border-top", "border-top-color", "border-top-style", "border-top-width", "border-right", "border-right-color", "border-right-style", "border-right-width", "border-bottom", "border-bottom-color", "border-bottom-style", "border-bottom-width", "border-left", "border-left-color", "border-left-style", "border-left-width", "border-block", "border-block-width", "border-block-style", "border-block-color", "border-block-start", "border-block-end", "border-block-start-color", "border-block-start-style", "border-block-start-width", "border-block-end-color", "border-block-end-style", "border-block-end-width", "border-image", "border-image-outset", "border-image-repeat", "border-image-slice", "border-image-source", "border-image-width", "border-inline", "border-inline-color", "border-inline-style", "border-inline-width", "border-inline-start", "border-inline-end", "border-inline-start-color", "border-inline-start-style", "border-inline-start-width", "border-inline-end-color", "border-inline-end-style", "border-inline-end-width", "border-radius", "border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", "border-bottom-right-radius", "border-start-end-radius", "border-start-start-radius", "border-end-end-radius", "border-end-start-radius", "border-collapse", "border-spacing", "box-decoration-break", "box-shadow", "box-sizing", "break-after", "break-before", "break-inside", "caption-side", "caret", "caret-color", "caret-shape", "clear", "clip", "clip-path", "color", "color-scheme", "column-fill", "column-span", "column-rule", "column-rule-color", "column-rule-style", "column-rule-width", "columns", "column-count", "column-width", "contain", "contain-intrinsic-block-size", "contain-intrinsic-height", "contain-intrinsic-inline-size", "contain-intrinsic-size", "contain-intrinsic-width", "container", "container-name", "container-type", "content", "content-visibility", "counter-increment", "counter-reset", "counter-set", "cursor", "direction", "display", "empty-cells", "filter", "flex", "flex-basis", "flex-direction", "flex-flow", "flex-grow", "flex-shrink", "flex-wrap", "float", "font", "font-family", "font-feature-settings", "font-kerning", "font-language-override", "font-optical-sizing", "font-palette", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-synthesis", "font-variant", "font-variant-alternates", "font-variant-caps", "font-variant-east-asian", "font-variant-emoji", "font-variant-ligatures", "font-variant-numeric", "font-variant-position", "font-variation-settings", "font-weight", "forced-color-adjust", "gap", "row-gap", "column-gap", "grid", "grid-area", "grid-auto-rows", "grid-auto-columns", "grid-auto-flow", "grid-column", "grid-column-end", "grid-column-start", "grid-row", "grid-row-end", "grid-row-start", "grid-template", "grid-template-rows", "grid-template-columns", "grid-template-areas", "hanging-punctuation", "height", "hyphenate-character", "hyphenate-limit-chars", "hyphens", "image-orientation", "image-rendering", "image-resolution", "initial-letter", "inline-size", "input-security", "inset", "top", "right", "bottom", "left", "inset-block", "inset-block-end", "inset-block-start", "inset-inline", "inset-inline-end", "inset-inline-start", "isolation", "justify-tracks", "letter-spacing", "line-break", "line-clamp", "line-height", "line-height-step", "list-style", "list-style-image", "list-style-position", "list-style-type", "margin", "margin-top", "margin-right", "margin-bottom", "margin-left", "margin-block", "margin-block-end", "margin-block-start", "margin-inline", "margin-inline-end", "margin-inline-start", "margin-trim", "mask", "mask-border", "mask-border-mode", "mask-border-outset", "mask-border-repeat", "mask-border-slice", "mask-border-source", "mask-border-width", "mask-clip", "mask-composite", "mask-image", "mask-mode", "mask-origin", "mask-position", "mask-repeat", "mask-size", "mask-type", "math-depth", "math-shift", "math-style", "max-block-size", "max-height", "max-inline-size", "max-lines", "max-width", "min-block-size", "min-height", "min-inline-size", "min-width", "mix-blend-mode", "object-fit", "object-position", "offset", "offset-anchor", "offset-distance", "offset-path", "offset-position", "offset-rotate", "opacity", "order", "orphans", "outline", "outline-color", "outline-offset", "outline-style", "outline-width", "overflow", "overflow-anchor", "overflow-block", "overflow-clip-margin", "overflow-inline", "overflow-wrap", "overflow-x", "overflow-y", "overscroll-behavior", "overscroll-behavior-block", "overscroll-behavior-inline", "overscroll-behavior-x", "overscroll-behavior-y", "padding", "padding-top", "padding-right", "padding-bottom", "padding-left", "padding-block", "padding-block-end", "padding-block-start", "padding-inline", "padding-inline-end", "padding-inline-start", "page", "page-break-after", "page-break-before", "page-break-inside", "paint-order", "perspective", "perspective-origin", "place-content", "align-content", "justify-content", "place-items", "align-items", "justify-items", "place-self", "align-self", "justify-self", "pointer-events", "position", "print-color-adjust", "quotes", "resize", "rotate", "ruby-align", "ruby-merge", "ruby-position", "scale", "scroll-behavior", "scroll-margin", "scroll-margin-top", "scroll-margin-right", "scroll-margin-bottom", "scroll-margin-left", "scroll-margin-block", "scroll-margin-block-end", "scroll-margin-block-start", "scroll-margin-inline", "scroll-margin-inline-end", "scroll-margin-inline-start", "scroll-padding", "scroll-padding-top", "scroll-padding-right", "scroll-padding-bottom", "scroll-padding-left", "scroll-padding-block", "scroll-padding-block-end", "scroll-padding-block-start", "scroll-padding-inline", "scroll-padding-inline-end", "scroll-padding-inline-start", "scroll-snap-align", "scroll-snap-stop", "scroll-snap-type", "scroll-timeline", "scroll-timeline-axis", "scroll-timeline-name", "scrollbar-color", "scrollbar-gutter", "scrollbar-width", "shape-image-threshold", "shape-margin", "shape-outside", "tab-size", "table-layout", "text-align", "text-align-last", "text-combine-upright", "text-decoration", "text-decoration-color", "text-decoration-line", "text-decoration-style", "text-decoration-thickness", "text-decoration-skip-ink", "text-emphasis", "text-emphasis-color", "text-emphasis-position", "text-emphasis-style", "text-indent", "text-justify", "text-orientation", "text-overflow", "text-rendering", "text-shadow", "text-size-adjust", "text-transform", "text-underline-offset", "text-underline-position", "touch-action", "transform", "transform-box", "transform-origin", "transform-style", "transition", "transition-delay", "transition-duration", "transition-property", "transition-timing-function", "translate", "unicode-bidi", "user-select", "vertical-align", "view-transition-name", "visibility", "white-space", "widows", "width", "will-change", "word-break", "word-spacing", "word-wrap", "writing-mode", "z-index", "zoom"];
157
+ declare const logicalProperties: readonly ["block-size", "border-block", "border-block-width", "border-block-style", "border-block-color", "border-block-start", "border-block-end", "border-block-start-color", "border-block-start-style", "border-block-start-width", "border-block-end-color", "border-block-end-style", "border-block-end-width", "border-inline", "border-inline-color", "border-inline-style", "border-inline-width", "border-inline-start", "border-inline-end", "border-inline-start-color", "border-inline-start-style", "border-inline-start-width", "border-inline-end-color", "border-inline-end-style", "border-inline-end-width", "contain-intrinsic-block-size", "contain-intrinsic-inline-size", "inset-block", "inset-block-end", "inset-block-start", "inset-inline", "inset-inline-end", "inset-inline-start", "margin-block", "margin-block-end", "margin-block-start", "margin-inline", "margin-inline-end", "margin-inline-start", "max-block-size", "min-block-size", "max-inline-size", "min-inline-size", "overflow-block", "overflow-inline", "overscroll-behavior-block", "overscroll-behavior-inline", "padding-block", "padding-block-end", "padding-block-start", "padding-inline", "padding-inline-end", "padding-inline-start", "scroll-margin-block", "scroll-margin-block-end", "scroll-margin-block-start", "scroll-margin-inline", "scroll-margin-inline-end", "scroll-margin-inline-start", "scroll-padding-block", "scroll-padding-block-end", "scroll-padding-block-start", "scroll-padding-inline", "scroll-padding-inline-end", "scroll-padding-inline-start"];
158
+ declare const properties: readonly ["all", "-webkit-line-clamp", "accent-color", "align-tracks", "animation", "animation-composition", "animation-delay", "animation-direction", "animation-duration", "animation-fill-mode", "animation-iteration-count", "animation-name", "animation-play-state", "animation-timeline", "animation-timing-function", "appearance", "aspect-ratio", "backdrop-filter", "backface-visibility", "background", "background-attachment", "background-blend-mode", "background-clip", "background-color", "background-image", "background-origin", "background-position", "background-position-x", "background-position-y", "background-repeat", "background-size", "border", "border-style", "border-color", "border-width", "border-top", "border-top-color", "border-top-style", "border-top-width", "border-right", "border-right-color", "border-right-style", "border-right-width", "border-bottom", "border-bottom-color", "border-bottom-style", "border-bottom-width", "border-left", "border-left-color", "border-left-style", "border-left-width", "border-image", "border-image-outset", "border-image-repeat", "border-image-slice", "border-image-source", "border-image-width", "border-radius", "border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", "border-bottom-right-radius", "border-start-end-radius", "border-start-start-radius", "border-end-end-radius", "border-end-start-radius", "border-collapse", "border-spacing", "box-decoration-break", "box-shadow", "box-sizing", "break-after", "break-before", "break-inside", "caption-side", "caret", "caret-color", "caret-shape", "clear", "clip", "clip-path", "color", "color-scheme", "column-fill", "column-span", "column-rule", "column-rule-color", "column-rule-style", "column-rule-width", "columns", "column-count", "column-width", "contain", "contain-intrinsic-height", "contain-intrinsic-size", "contain-intrinsic-width", "container", "container-name", "container-type", "content", "content-visibility", "counter-increment", "counter-reset", "counter-set", "cursor", "direction", "display", "empty-cells", "filter", "flex", "flex-basis", "flex-direction", "flex-flow", "flex-grow", "flex-shrink", "flex-wrap", "float", "font", "font-family", "font-feature-settings", "font-kerning", "font-language-override", "font-optical-sizing", "font-palette", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-synthesis", "font-variant", "font-variant-alternates", "font-variant-caps", "font-variant-east-asian", "font-variant-emoji", "font-variant-ligatures", "font-variant-numeric", "font-variant-position", "font-variation-settings", "font-weight", "forced-color-adjust", "gap", "row-gap", "column-gap", "grid", "grid-area", "grid-auto-rows", "grid-auto-columns", "grid-auto-flow", "grid-column", "grid-column-end", "grid-column-start", "grid-row", "grid-row-end", "grid-row-start", "grid-template", "grid-template-rows", "grid-template-columns", "grid-template-areas", "hanging-punctuation", "height", "hyphenate-character", "hyphenate-limit-chars", "hyphens", "image-orientation", "image-rendering", "image-resolution", "initial-letter", "inline-size", "input-security", "inset", "top", "right", "bottom", "left", "isolation", "justify-tracks", "letter-spacing", "line-break", "line-clamp", "line-height", "line-height-step", "list-style", "list-style-image", "list-style-position", "list-style-type", "margin", "margin-top", "margin-right", "margin-bottom", "margin-left", "margin-trim", "mask", "mask-border", "mask-border-mode", "mask-border-outset", "mask-border-repeat", "mask-border-slice", "mask-border-source", "mask-border-width", "mask-clip", "mask-composite", "mask-image", "mask-mode", "mask-origin", "mask-position", "mask-repeat", "mask-size", "mask-type", "math-depth", "math-shift", "math-style", "max-height", "max-lines", "max-width", "min-height", "min-width", "mix-blend-mode", "object-fit", "object-position", "offset", "offset-anchor", "offset-distance", "offset-path", "offset-position", "offset-rotate", "opacity", "order", "orphans", "outline", "outline-color", "outline-offset", "outline-style", "outline-width", "overflow", "overflow-anchor", "overflow-clip-margin", "overflow-wrap", "overflow-x", "overflow-y", "overscroll-behavior", "overscroll-behavior-x", "overscroll-behavior-y", "padding", "padding-top", "padding-right", "padding-bottom", "padding-left", "page", "page-break-after", "page-break-before", "page-break-inside", "paint-order", "perspective", "perspective-origin", "place-content", "align-content", "justify-content", "place-items", "align-items", "justify-items", "place-self", "align-self", "justify-self", "pointer-events", "position", "print-color-adjust", "quotes", "resize", "rotate", "ruby-align", "ruby-merge", "ruby-position", "scale", "scroll-behavior", "scroll-margin", "scroll-margin-top", "scroll-margin-right", "scroll-margin-bottom", "scroll-margin-left", "scroll-padding", "scroll-padding-top", "scroll-padding-right", "scroll-padding-bottom", "scroll-padding-left", "scroll-snap-align", "scroll-snap-stop", "scroll-snap-type", "scroll-timeline", "scroll-timeline-axis", "scroll-timeline-name", "scrollbar-color", "scrollbar-gutter", "scrollbar-width", "shape-image-threshold", "shape-margin", "shape-outside", "tab-size", "table-layout", "text-align", "text-align-last", "text-combine-upright", "text-decoration", "text-decoration-color", "text-decoration-line", "text-decoration-style", "text-decoration-thickness", "text-decoration-skip-ink", "text-emphasis", "text-emphasis-color", "text-emphasis-position", "text-emphasis-style", "text-indent", "text-justify", "text-orientation", "text-overflow", "text-rendering", "text-shadow", "text-size-adjust", "text-transform", "text-underline-offset", "text-underline-position", "touch-action", "transform", "transform-box", "transform-origin", "transform-style", "transition", "transition-delay", "transition-duration", "transition-property", "transition-timing-function", "translate", "unicode-bidi", "user-select", "vertical-align", "view-transition-name", "visibility", "white-space", "widows", "width", "will-change", "word-break", "word-spacing", "word-wrap", "writing-mode", "z-index", "zoom", "block-size", "border-block", "border-block-width", "border-block-style", "border-block-color", "border-block-start", "border-block-end", "border-block-start-color", "border-block-start-style", "border-block-start-width", "border-block-end-color", "border-block-end-style", "border-block-end-width", "border-inline", "border-inline-color", "border-inline-style", "border-inline-width", "border-inline-start", "border-inline-end", "border-inline-start-color", "border-inline-start-style", "border-inline-start-width", "border-inline-end-color", "border-inline-end-style", "border-inline-end-width", "contain-intrinsic-block-size", "contain-intrinsic-inline-size", "inset-block", "inset-block-end", "inset-block-start", "inset-inline", "inset-inline-end", "inset-inline-start", "margin-block", "margin-block-end", "margin-block-start", "margin-inline", "margin-inline-end", "margin-inline-start", "max-block-size", "min-block-size", "max-inline-size", "min-inline-size", "overflow-block", "overflow-inline", "overscroll-behavior-block", "overscroll-behavior-inline", "padding-block", "padding-block-end", "padding-block-start", "padding-inline", "padding-inline-end", "padding-inline-start", "scroll-margin-block", "scroll-margin-block-end", "scroll-margin-block-start", "scroll-margin-inline", "scroll-margin-inline-end", "scroll-margin-inline-start", "scroll-padding-block", "scroll-padding-block-end", "scroll-padding-block-start", "scroll-padding-inline", "scroll-padding-inline-end", "scroll-padding-inline-start"];
158
159
  type CSSProperty = (typeof properties)[number];
159
160
 
160
- declare function tokenProperty(name: string): TokenProperty;
161
- declare function variantProperty(variant: string, name: string): TokenProperty;
162
- declare function tokenValue<TK extends string, N extends string>(themeKey: TK, name: N): TokenValue<TK, N>;
163
- declare function arbitraryValue(value: string): ArbitraryValue;
161
+ type GridProperty = '--_grid';
162
+ declare const GridProperty: {
163
+ safeParse: (input: unknown) => void;
164
+ };
165
+ declare function gridProperty(): GridProperty;
164
166
  type GridValue = number;
165
167
  declare const GridValue: {
166
- safeParse: (input: unknown) => v.SafeParseResult<v.StringSchema<string>>;
168
+ safeParse: (input: unknown) => void;
167
169
  };
168
170
  type TokenProperty<P extends string = string> = `--${P}`;
169
171
  declare const TokenProperty: {
170
172
  safeParse: (input: unknown) => v.SafeParseResult<v.StringSchema<`--${string}`>>;
171
173
  };
174
+ declare function tokenProperty(name: string): TokenProperty;
172
175
  type VariantProperty<P extends string = string, V extends string = string> = `--${V}_${P}`;
173
176
  declare const VariantProperty: {
174
177
  safeParse: (input: unknown) => v.SafeParseResult<v.StringSchema<`--${string}_${string}`>>;
175
178
  };
179
+ declare function variantProperty(variant: string, name: string): TokenProperty;
176
180
  type TokenValue<TK extends string = string, V extends string = string> = `var(--${TK}_${V})`;
177
181
  declare const TokenValue: {
178
182
  safeParse: (input: unknown) => v.SafeParseResult<v.StringSchema<`var(--${string}_${string})`>>;
179
183
  };
184
+ declare function tokenValue<TK extends string, N extends string>(themeKey: TK, name: N): TokenValue<TK, N>;
180
185
  type ArbitraryValue = `var(---,${string})`;
181
186
  declare const ArbitraryValue: {
182
187
  safeParse: (input: unknown) => v.SafeParseResult<v.StringSchema<`var(---,${string})`>>;
183
188
  };
189
+ declare function arbitraryValue(value: string): ArbitraryValue;
184
190
  type ThemeKey = 'alpha' | 'border' | 'color' | 'ease' | 'font-size' | 'leading' | 'line-style' | 'radii' | 'size' | 'shadow' | 'tracking' | 'transition' | 'weight' | 'z' | (string & {});
185
- type ThemeValues = Record<string, string | number>;
191
+ type ThemeValues = Record<string, string>;
186
192
  type Theme = Partial<Record<ThemeKey, ThemeValues>>;
187
193
  type Aliases = Record<string, readonly (CSSProperty | (string & {}))[]>;
188
194
  type PropertiesOptions = readonly ('grid' | ThemeKey)[];
@@ -214,16 +220,88 @@ interface Config extends DeepReadonly<{
214
220
  }
215
221
  declare const createConfig: <T extends Config>(obj: Exact<Config, T>) => DeepReadonly<T>;
216
222
  declare function getTokenPropertyName(tokenProperty: TokenProperty): string;
217
- type Parts = {
223
+ type PropertyParts = {
218
224
  name: string;
219
225
  alias: string;
220
226
  responsive?: string;
221
227
  selector?: string;
228
+ variant?: string;
222
229
  };
223
- declare function getTokenPropertyParts(tokenProperty: TokenProperty, config: Config): Parts | null;
230
+ declare function getTokenPropertyParts(tokenProperty: TokenProperty, config: Config): PropertyParts | null;
224
231
  declare function getTokenValueParts(tokenValue: TokenValue): {
232
+ property: string;
225
233
  themeKey: string;
226
234
  token: string;
227
235
  };
228
236
 
229
- export { type Aliases, ArbitraryValue, type CSSProperty, type Config, type DefaultConfig, GridValue, type Theme, TokenProperty, TokenValue, VariantProperty, arbitraryValue, createConfig, defaultConfig, getTokenPropertyName, getTokenPropertyParts, getTokenValueParts, properties, tokenProperty, tokenValue, variantProperty };
237
+ declare const mapShorthandToLonghands: {
238
+ all: ("accent-color" | "align-content" | "align-items" | "align-self" | "align-tracks" | "animation-composition" | "animation-delay" | "animation-direction" | "animation-duration" | "animation-fill-mode" | "animation-iteration-count" | "animation-name" | "animation-play-state" | "animation-timeline" | "animation-timing-function" | "appearance" | "aspect-ratio" | "backdrop-filter" | "backface-visibility" | "background-attachment" | "background-blend-mode" | "background-clip" | "background-color" | "background-image" | "background-origin" | "background-position-x" | "background-position-y" | "background-repeat" | "background-size" | "block-size" | "border-block-color" | "border-block-end-color" | "border-block-end-style" | "border-block-end-width" | "border-block-start-color" | "border-block-start-style" | "border-block-start-width" | "border-block-style" | "border-block-width" | "border-bottom-color" | "border-bottom-left-radius" | "border-bottom-right-radius" | "border-bottom-style" | "border-bottom-width" | "border-collapse" | "border-end-end-radius" | "border-end-start-radius" | "border-image-outset" | "border-image-repeat" | "border-image-slice" | "border-image-source" | "border-image-width" | "border-inline-color" | "border-inline-end-color" | "border-inline-end-style" | "border-inline-end-width" | "border-inline-start-color" | "border-inline-start-style" | "border-inline-start-width" | "border-inline-style" | "border-inline-width" | "border-left-color" | "border-left-style" | "border-left-width" | "border-right-color" | "border-right-style" | "border-right-width" | "border-spacing" | "border-start-end-radius" | "border-start-start-radius" | "border-top-color" | "border-top-left-radius" | "border-top-right-radius" | "border-top-style" | "border-top-width" | "bottom" | "box-decoration-break" | "box-shadow" | "box-sizing" | "break-after" | "break-before" | "break-inside" | "caption-side" | "caret-color" | "caret-shape" | "clear" | "clip-path" | "color" | "color-scheme" | "column-count" | "column-fill" | "column-gap" | "column-rule-color" | "column-rule-style" | "column-rule-width" | "column-span" | "column-width" | "contain" | "contain-intrinsic-block-size" | "contain-intrinsic-height" | "contain-intrinsic-inline-size" | "contain-intrinsic-width" | "container-name" | "container-type" | "content" | "content-visibility" | "counter-increment" | "counter-reset" | "counter-set" | "cursor" | "direction" | "display" | "empty-cells" | "filter" | "flex-basis" | "flex-direction" | "flex-grow" | "flex-shrink" | "flex-wrap" | "float" | "font-family" | "font-feature-settings" | "font-kerning" | "font-language-override" | "font-optical-sizing" | "font-palette" | "font-size" | "font-size-adjust" | "font-stretch" | "font-style" | "font-synthesis" | "font-variant" | "font-variant-alternates" | "font-variant-caps" | "font-variant-east-asian" | "font-variant-emoji" | "font-variant-ligatures" | "font-variant-numeric" | "font-variant-position" | "font-variation-settings" | "font-weight" | "forced-color-adjust" | "grid-auto-columns" | "grid-auto-flow" | "grid-auto-rows" | "grid-column-end" | "grid-column-start" | "grid-row-end" | "grid-row-start" | "grid-template-areas" | "grid-template-columns" | "grid-template-rows" | "hanging-punctuation" | "height" | "hyphenate-character" | "hyphenate-limit-chars" | "hyphens" | "image-orientation" | "image-rendering" | "image-resolution" | "initial-letter" | "inline-size" | "input-security" | "inset-block-end" | "inset-block-start" | "inset-inline-end" | "inset-inline-start" | "isolation" | "justify-content" | "justify-items" | "justify-self" | "justify-tracks" | "left" | "letter-spacing" | "line-break" | "line-height" | "line-height-step" | "list-style-image" | "list-style-position" | "list-style-type" | "margin-block-end" | "margin-block-start" | "margin-bottom" | "margin-inline-end" | "margin-inline-start" | "margin-left" | "margin-right" | "margin-top" | "margin-trim" | "mask-border-mode" | "mask-border-outset" | "mask-border-repeat" | "mask-border-slice" | "mask-border-source" | "mask-border-width" | "mask-clip" | "mask-composite" | "mask-image" | "mask-mode" | "mask-origin" | "mask-position" | "mask-repeat" | "mask-size" | "mask-type" | "math-depth" | "math-shift" | "math-style" | "max-block-size" | "max-height" | "max-inline-size" | "max-lines" | "max-width" | "min-block-size" | "min-height" | "min-inline-size" | "min-width" | "mix-blend-mode" | "object-fit" | "object-position" | "offset-anchor" | "offset-distance" | "offset-path" | "offset-position" | "offset-rotate" | "opacity" | "order" | "orphans" | "outline-color" | "outline-offset" | "outline-style" | "outline-width" | "overflow-anchor" | "overflow-block" | "overflow-clip-margin" | "overflow-inline" | "overflow-wrap" | "overflow-x" | "overflow-y" | "overscroll-behavior-block" | "overscroll-behavior-inline" | "overscroll-behavior-x" | "overscroll-behavior-y" | "padding-block-end" | "padding-block-start" | "padding-bottom" | "padding-inline-end" | "padding-inline-start" | "padding-left" | "padding-right" | "padding-top" | "page" | "page-break-after" | "page-break-before" | "page-break-inside" | "paint-order" | "perspective" | "perspective-origin" | "pointer-events" | "position" | "print-color-adjust" | "quotes" | "resize" | "right" | "rotate" | "row-gap" | "ruby-align" | "ruby-merge" | "ruby-position" | "scale" | "scroll-behavior" | "scroll-margin-block-end" | "scroll-margin-block-start" | "scroll-margin-bottom" | "scroll-margin-inline-end" | "scroll-margin-inline-start" | "scroll-margin-left" | "scroll-margin-right" | "scroll-margin-top" | "scroll-padding-block-end" | "scroll-padding-block-start" | "scroll-padding-bottom" | "scroll-padding-inline-end" | "scroll-padding-inline-start" | "scroll-padding-left" | "scroll-padding-right" | "scroll-padding-top" | "scroll-snap-align" | "scroll-snap-stop" | "scroll-snap-type" | "scroll-timeline-axis" | "scroll-timeline-name" | "scrollbar-color" | "scrollbar-gutter" | "scrollbar-width" | "shape-image-threshold" | "shape-margin" | "shape-outside" | "tab-size" | "table-layout" | "text-align" | "text-align-last" | "text-combine-upright" | "text-decoration-color" | "text-decoration-line" | "text-decoration-skip-ink" | "text-decoration-style" | "text-decoration-thickness" | "text-emphasis-color" | "text-emphasis-position" | "text-emphasis-style" | "text-indent" | "text-justify" | "text-orientation" | "text-overflow" | "text-rendering" | "text-shadow" | "text-size-adjust" | "text-transform" | "text-underline-offset" | "text-underline-position" | "top" | "touch-action" | "transform" | "transform-box" | "transform-origin" | "transform-style" | "transition-delay" | "transition-duration" | "transition-property" | "transition-timing-function" | "translate" | "unicode-bidi" | "user-select" | "vertical-align" | "view-transition-name" | "visibility" | "white-space" | "widows" | "width" | "will-change" | "word-break" | "word-spacing" | "word-wrap" | "writing-mode" | "z-index" | "zoom" | "all" | "animation" | "background" | "background-position" | "border" | "border-block" | "border-block-end" | "border-block-start" | "border-bottom" | "border-color" | "border-image" | "border-inline" | "border-inline-end" | "border-inline-start" | "border-left" | "border-radius" | "border-right" | "border-style" | "border-top" | "border-width" | "caret" | "column-rule" | "columns" | "contain-intrinsic-size" | "container" | "flex" | "flex-flow" | "font" | "gap" | "grid" | "grid-area" | "grid-column" | "grid-row" | "grid-template" | "inset" | "inset-block" | "inset-inline" | "line-clamp" | "list-style" | "margin" | "margin-block" | "margin-inline" | "mask" | "mask-border" | "offset" | "outline" | "overflow" | "overscroll-behavior" | "padding" | "padding-block" | "padding-inline" | "place-content" | "place-items" | "place-self" | "scroll-margin" | "scroll-margin-block" | "scroll-margin-inline" | "scroll-padding" | "scroll-padding-block" | "scroll-padding-inline" | "scroll-timeline" | "text-decoration" | "text-emphasis" | "transition" | "-webkit-line-clamp" | "clip")[];
239
+ animation: ("animation-delay" | "animation-direction" | "animation-duration" | "animation-fill-mode" | "animation-iteration-count" | "animation-name" | "animation-play-state" | "animation-timeline" | "animation-timing-function")[];
240
+ background: ("background-attachment" | "background-clip" | "background-color" | "background-image" | "background-repeat" | "background-size" | "background-position")[];
241
+ border: ("border-bottom" | "border-color" | "border-image" | "border-left" | "border-radius" | "border-right" | "border-style" | "border-top" | "border-width")[];
242
+ 'border-top': ("border-top-color" | "border-top-style" | "border-top-width")[];
243
+ 'border-right': ("border-right-color" | "border-right-style" | "border-right-width")[];
244
+ 'border-bottom': ("border-bottom-color" | "border-bottom-style" | "border-bottom-width")[];
245
+ 'border-left': ("border-left-color" | "border-left-style" | "border-left-width")[];
246
+ 'border-color': ("border-bottom-color" | "border-left-color" | "border-right-color" | "border-top-color")[];
247
+ 'border-style': ("border-bottom-style" | "border-left-style" | "border-right-style" | "border-top-style")[];
248
+ 'border-width': ("border-bottom-width" | "border-left-width" | "border-right-width" | "border-top-width")[];
249
+ 'border-image': ("border-image-outset" | "border-image-repeat" | "border-image-slice" | "border-image-source" | "border-image-width")[];
250
+ 'border-radius': ("border-bottom-left-radius" | "border-bottom-right-radius" | "border-top-left-radius" | "border-top-right-radius")[];
251
+ 'border-block': ("border-block-color" | "border-block-style" | "border-block-width" | "border-block-end" | "border-block-start")[];
252
+ 'border-block-width': ("border-block-end-width" | "border-block-start-width")[];
253
+ 'border-block-style': ("border-block-end-style" | "border-block-start-style")[];
254
+ 'border-block-color': ("border-block-end-color" | "border-block-start-color")[];
255
+ 'border-block-start': ("border-block-start-color" | "border-block-start-style" | "border-block-start-width")[];
256
+ 'border-block-end': ("border-block-end-color" | "border-block-end-style" | "border-block-end-width")[];
257
+ 'border-inline': ("border-inline-color" | "border-inline-style" | "border-inline-width" | "border-inline-end" | "border-inline-start")[];
258
+ 'border-inline-width': ("border-inline-end-width" | "border-inline-start-width")[];
259
+ 'border-inline-style': ("border-inline-end-style" | "border-inline-start-style")[];
260
+ 'border-inline-color': ("border-inline-end-color" | "border-inline-start-color")[];
261
+ 'border-inline-start': ("border-inline-start-color" | "border-inline-start-style" | "border-inline-start-width")[];
262
+ 'border-inline-end': ("border-inline-end-color" | "border-inline-end-style" | "border-inline-end-width")[];
263
+ 'column-rule': ("column-rule-color" | "column-rule-style" | "column-rule-width")[];
264
+ columns: ("column-count" | "column-width")[];
265
+ container: ("container-name" | "container-type")[];
266
+ 'contain-intrinsic-size': ("contain-intrinsic-height" | "contain-intrinsic-width")[];
267
+ flex: ("flex-basis" | "flex-grow" | "flex-shrink")[];
268
+ 'flex-flow': ("flex-direction" | "flex-wrap")[];
269
+ font: ("font-family" | "font-size" | "font-stretch" | "font-style" | "font-variant" | "font-weight" | "line-height")[];
270
+ 'font-variant': ("font-variant-caps" | "font-variant-east-asian" | "font-variant-ligatures" | "font-variant-numeric")[];
271
+ gap: ("column-gap" | "row-gap")[];
272
+ grid: ("grid-auto-columns" | "grid-auto-flow" | "grid-auto-rows" | "grid-template-areas" | "grid-template-columns" | "grid-template-rows")[];
273
+ 'grid-area': ("grid-column-end" | "grid-column-start" | "grid-row-end" | "grid-row-start")[];
274
+ 'grid-column': ("grid-column-end" | "grid-column-start")[];
275
+ 'grid-row': ("grid-row-end" | "grid-row-start")[];
276
+ 'grid-template': ("grid-template-areas" | "grid-template-columns" | "grid-template-rows")[];
277
+ inset: ("bottom" | "left" | "right" | "top")[];
278
+ 'list-style': ("list-style-image" | "list-style-position" | "list-style-type")[];
279
+ 'inset-block': ("inset-block-end" | "inset-block-start")[];
280
+ 'inset-inline': ("inset-inline-end" | "inset-inline-start")[];
281
+ margin: ("margin-bottom" | "margin-left" | "margin-right" | "margin-top")[];
282
+ 'margin-block': ("margin-block-end" | "margin-block-start")[];
283
+ 'margin-inline': ("margin-inline-end" | "margin-inline-start")[];
284
+ mask: ("mask-clip" | "mask-composite" | "mask-image" | "mask-mode" | "mask-origin" | "mask-position" | "mask-repeat" | "mask-size" | "mask-type")[];
285
+ 'mask-border': ("mask-border-mode" | "mask-border-outset" | "mask-border-repeat" | "mask-border-slice" | "mask-border-source" | "mask-border-width")[];
286
+ offset: ("offset-anchor" | "offset-distance" | "offset-path" | "offset-position" | "offset-rotate")[];
287
+ outline: ("outline-color" | "outline-style" | "outline-width")[];
288
+ overflow: ("overflow-x" | "overflow-y")[];
289
+ padding: ("padding-bottom" | "padding-left" | "padding-right" | "padding-top")[];
290
+ 'padding-block': ("padding-block-end" | "padding-block-start")[];
291
+ 'padding-inline': ("padding-inline-end" | "padding-inline-start")[];
292
+ 'place-content': ("align-content" | "justify-content")[];
293
+ 'place-items': ("align-items" | "justify-items")[];
294
+ 'place-self': ("align-self" | "justify-self")[];
295
+ 'scroll-margin': ("scroll-margin-bottom" | "scroll-margin-left" | "scroll-margin-right" | "scroll-margin-top")[];
296
+ 'scroll-margin-block': ("scroll-margin-block-end" | "scroll-margin-block-start")[];
297
+ 'scroll-margin-inline': ("scroll-margin-inline-end" | "scroll-margin-inline-start")[];
298
+ 'scroll-padding': ("scroll-padding-bottom" | "scroll-padding-left" | "scroll-padding-right" | "scroll-padding-top")[];
299
+ 'scroll-padding-block': ("scroll-padding-block-end" | "scroll-padding-block-start")[];
300
+ 'scroll-padding-inline': ("scroll-padding-inline-end" | "scroll-padding-inline-start")[];
301
+ 'scroll-timeline': ("scroll-timeline-axis" | "scroll-timeline-name")[];
302
+ 'text-decoration': ("text-decoration-color" | "text-decoration-line" | "text-decoration-style" | "text-decoration-thickness")[];
303
+ 'text-emphasis': ("text-emphasis-color" | "text-emphasis-style")[];
304
+ transition: ("transition-delay" | "transition-duration" | "transition-property" | "transition-timing-function")[];
305
+ };
306
+
307
+ export { type Aliases, ArbitraryValue, type CSSProperty, type Config, type DefaultConfig, GridProperty, GridValue, type Theme, TokenProperty, TokenValue, VariantProperty, arbitraryValue, createConfig, defaultConfig, getTokenPropertyName, getTokenPropertyParts, getTokenValueParts, gridProperty, logicalProperties, mapShorthandToLonghands, properties, tokenProperty, tokenValue, variantProperty };
package/dist/index.d.ts CHANGED
@@ -154,35 +154,41 @@ declare const defaultConfig: {
154
154
  };
155
155
  type DefaultConfig = typeof defaultConfig;
156
156
 
157
- declare const properties: readonly ["-webkit-line-clamp", "accent-color", "align-tracks", "all", "animation", "animation-composition", "animation-delay", "animation-direction", "animation-duration", "animation-fill-mode", "animation-iteration-count", "animation-name", "animation-play-state", "animation-timeline", "animation-timing-function", "appearance", "aspect-ratio", "backdrop-filter", "backface-visibility", "background", "background-attachment", "background-blend-mode", "background-clip", "background-color", "background-image", "background-origin", "background-position", "background-position-x", "background-position-y", "background-repeat", "background-size", "block-overflow", "block-size", "border", "border-style", "border-color", "border-width", "border-top", "border-top-color", "border-top-style", "border-top-width", "border-right", "border-right-color", "border-right-style", "border-right-width", "border-bottom", "border-bottom-color", "border-bottom-style", "border-bottom-width", "border-left", "border-left-color", "border-left-style", "border-left-width", "border-block", "border-block-width", "border-block-style", "border-block-color", "border-block-start", "border-block-end", "border-block-start-color", "border-block-start-style", "border-block-start-width", "border-block-end-color", "border-block-end-style", "border-block-end-width", "border-image", "border-image-outset", "border-image-repeat", "border-image-slice", "border-image-source", "border-image-width", "border-inline", "border-inline-color", "border-inline-style", "border-inline-width", "border-inline-start", "border-inline-end", "border-inline-start-color", "border-inline-start-style", "border-inline-start-width", "border-inline-end-color", "border-inline-end-style", "border-inline-end-width", "border-radius", "border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", "border-bottom-right-radius", "border-start-end-radius", "border-start-start-radius", "border-end-end-radius", "border-end-start-radius", "border-collapse", "border-spacing", "box-decoration-break", "box-shadow", "box-sizing", "break-after", "break-before", "break-inside", "caption-side", "caret", "caret-color", "caret-shape", "clear", "clip", "clip-path", "color", "color-scheme", "column-fill", "column-span", "column-rule", "column-rule-color", "column-rule-style", "column-rule-width", "columns", "column-count", "column-width", "contain", "contain-intrinsic-block-size", "contain-intrinsic-height", "contain-intrinsic-inline-size", "contain-intrinsic-size", "contain-intrinsic-width", "container", "container-name", "container-type", "content", "content-visibility", "counter-increment", "counter-reset", "counter-set", "cursor", "direction", "display", "empty-cells", "filter", "flex", "flex-basis", "flex-direction", "flex-flow", "flex-grow", "flex-shrink", "flex-wrap", "float", "font", "font-family", "font-feature-settings", "font-kerning", "font-language-override", "font-optical-sizing", "font-palette", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-synthesis", "font-variant", "font-variant-alternates", "font-variant-caps", "font-variant-east-asian", "font-variant-emoji", "font-variant-ligatures", "font-variant-numeric", "font-variant-position", "font-variation-settings", "font-weight", "forced-color-adjust", "gap", "row-gap", "column-gap", "grid", "grid-area", "grid-auto-rows", "grid-auto-columns", "grid-auto-flow", "grid-column", "grid-column-end", "grid-column-start", "grid-row", "grid-row-end", "grid-row-start", "grid-template", "grid-template-rows", "grid-template-columns", "grid-template-areas", "hanging-punctuation", "height", "hyphenate-character", "hyphenate-limit-chars", "hyphens", "image-orientation", "image-rendering", "image-resolution", "initial-letter", "inline-size", "input-security", "inset", "top", "right", "bottom", "left", "inset-block", "inset-block-end", "inset-block-start", "inset-inline", "inset-inline-end", "inset-inline-start", "isolation", "justify-tracks", "letter-spacing", "line-break", "line-clamp", "line-height", "line-height-step", "list-style", "list-style-image", "list-style-position", "list-style-type", "margin", "margin-top", "margin-right", "margin-bottom", "margin-left", "margin-block", "margin-block-end", "margin-block-start", "margin-inline", "margin-inline-end", "margin-inline-start", "margin-trim", "mask", "mask-border", "mask-border-mode", "mask-border-outset", "mask-border-repeat", "mask-border-slice", "mask-border-source", "mask-border-width", "mask-clip", "mask-composite", "mask-image", "mask-mode", "mask-origin", "mask-position", "mask-repeat", "mask-size", "mask-type", "math-depth", "math-shift", "math-style", "max-block-size", "max-height", "max-inline-size", "max-lines", "max-width", "min-block-size", "min-height", "min-inline-size", "min-width", "mix-blend-mode", "object-fit", "object-position", "offset", "offset-anchor", "offset-distance", "offset-path", "offset-position", "offset-rotate", "opacity", "order", "orphans", "outline", "outline-color", "outline-offset", "outline-style", "outline-width", "overflow", "overflow-anchor", "overflow-block", "overflow-clip-margin", "overflow-inline", "overflow-wrap", "overflow-x", "overflow-y", "overscroll-behavior", "overscroll-behavior-block", "overscroll-behavior-inline", "overscroll-behavior-x", "overscroll-behavior-y", "padding", "padding-top", "padding-right", "padding-bottom", "padding-left", "padding-block", "padding-block-end", "padding-block-start", "padding-inline", "padding-inline-end", "padding-inline-start", "page", "page-break-after", "page-break-before", "page-break-inside", "paint-order", "perspective", "perspective-origin", "place-content", "align-content", "justify-content", "place-items", "align-items", "justify-items", "place-self", "align-self", "justify-self", "pointer-events", "position", "print-color-adjust", "quotes", "resize", "rotate", "ruby-align", "ruby-merge", "ruby-position", "scale", "scroll-behavior", "scroll-margin", "scroll-margin-top", "scroll-margin-right", "scroll-margin-bottom", "scroll-margin-left", "scroll-margin-block", "scroll-margin-block-end", "scroll-margin-block-start", "scroll-margin-inline", "scroll-margin-inline-end", "scroll-margin-inline-start", "scroll-padding", "scroll-padding-top", "scroll-padding-right", "scroll-padding-bottom", "scroll-padding-left", "scroll-padding-block", "scroll-padding-block-end", "scroll-padding-block-start", "scroll-padding-inline", "scroll-padding-inline-end", "scroll-padding-inline-start", "scroll-snap-align", "scroll-snap-stop", "scroll-snap-type", "scroll-timeline", "scroll-timeline-axis", "scroll-timeline-name", "scrollbar-color", "scrollbar-gutter", "scrollbar-width", "shape-image-threshold", "shape-margin", "shape-outside", "tab-size", "table-layout", "text-align", "text-align-last", "text-combine-upright", "text-decoration", "text-decoration-color", "text-decoration-line", "text-decoration-style", "text-decoration-thickness", "text-decoration-skip-ink", "text-emphasis", "text-emphasis-color", "text-emphasis-position", "text-emphasis-style", "text-indent", "text-justify", "text-orientation", "text-overflow", "text-rendering", "text-shadow", "text-size-adjust", "text-transform", "text-underline-offset", "text-underline-position", "touch-action", "transform", "transform-box", "transform-origin", "transform-style", "transition", "transition-delay", "transition-duration", "transition-property", "transition-timing-function", "translate", "unicode-bidi", "user-select", "vertical-align", "view-transition-name", "visibility", "white-space", "widows", "width", "will-change", "word-break", "word-spacing", "word-wrap", "writing-mode", "z-index", "zoom"];
157
+ declare const logicalProperties: readonly ["block-size", "border-block", "border-block-width", "border-block-style", "border-block-color", "border-block-start", "border-block-end", "border-block-start-color", "border-block-start-style", "border-block-start-width", "border-block-end-color", "border-block-end-style", "border-block-end-width", "border-inline", "border-inline-color", "border-inline-style", "border-inline-width", "border-inline-start", "border-inline-end", "border-inline-start-color", "border-inline-start-style", "border-inline-start-width", "border-inline-end-color", "border-inline-end-style", "border-inline-end-width", "contain-intrinsic-block-size", "contain-intrinsic-inline-size", "inset-block", "inset-block-end", "inset-block-start", "inset-inline", "inset-inline-end", "inset-inline-start", "margin-block", "margin-block-end", "margin-block-start", "margin-inline", "margin-inline-end", "margin-inline-start", "max-block-size", "min-block-size", "max-inline-size", "min-inline-size", "overflow-block", "overflow-inline", "overscroll-behavior-block", "overscroll-behavior-inline", "padding-block", "padding-block-end", "padding-block-start", "padding-inline", "padding-inline-end", "padding-inline-start", "scroll-margin-block", "scroll-margin-block-end", "scroll-margin-block-start", "scroll-margin-inline", "scroll-margin-inline-end", "scroll-margin-inline-start", "scroll-padding-block", "scroll-padding-block-end", "scroll-padding-block-start", "scroll-padding-inline", "scroll-padding-inline-end", "scroll-padding-inline-start"];
158
+ declare const properties: readonly ["all", "-webkit-line-clamp", "accent-color", "align-tracks", "animation", "animation-composition", "animation-delay", "animation-direction", "animation-duration", "animation-fill-mode", "animation-iteration-count", "animation-name", "animation-play-state", "animation-timeline", "animation-timing-function", "appearance", "aspect-ratio", "backdrop-filter", "backface-visibility", "background", "background-attachment", "background-blend-mode", "background-clip", "background-color", "background-image", "background-origin", "background-position", "background-position-x", "background-position-y", "background-repeat", "background-size", "border", "border-style", "border-color", "border-width", "border-top", "border-top-color", "border-top-style", "border-top-width", "border-right", "border-right-color", "border-right-style", "border-right-width", "border-bottom", "border-bottom-color", "border-bottom-style", "border-bottom-width", "border-left", "border-left-color", "border-left-style", "border-left-width", "border-image", "border-image-outset", "border-image-repeat", "border-image-slice", "border-image-source", "border-image-width", "border-radius", "border-top-left-radius", "border-top-right-radius", "border-bottom-left-radius", "border-bottom-right-radius", "border-start-end-radius", "border-start-start-radius", "border-end-end-radius", "border-end-start-radius", "border-collapse", "border-spacing", "box-decoration-break", "box-shadow", "box-sizing", "break-after", "break-before", "break-inside", "caption-side", "caret", "caret-color", "caret-shape", "clear", "clip", "clip-path", "color", "color-scheme", "column-fill", "column-span", "column-rule", "column-rule-color", "column-rule-style", "column-rule-width", "columns", "column-count", "column-width", "contain", "contain-intrinsic-height", "contain-intrinsic-size", "contain-intrinsic-width", "container", "container-name", "container-type", "content", "content-visibility", "counter-increment", "counter-reset", "counter-set", "cursor", "direction", "display", "empty-cells", "filter", "flex", "flex-basis", "flex-direction", "flex-flow", "flex-grow", "flex-shrink", "flex-wrap", "float", "font", "font-family", "font-feature-settings", "font-kerning", "font-language-override", "font-optical-sizing", "font-palette", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-synthesis", "font-variant", "font-variant-alternates", "font-variant-caps", "font-variant-east-asian", "font-variant-emoji", "font-variant-ligatures", "font-variant-numeric", "font-variant-position", "font-variation-settings", "font-weight", "forced-color-adjust", "gap", "row-gap", "column-gap", "grid", "grid-area", "grid-auto-rows", "grid-auto-columns", "grid-auto-flow", "grid-column", "grid-column-end", "grid-column-start", "grid-row", "grid-row-end", "grid-row-start", "grid-template", "grid-template-rows", "grid-template-columns", "grid-template-areas", "hanging-punctuation", "height", "hyphenate-character", "hyphenate-limit-chars", "hyphens", "image-orientation", "image-rendering", "image-resolution", "initial-letter", "inline-size", "input-security", "inset", "top", "right", "bottom", "left", "isolation", "justify-tracks", "letter-spacing", "line-break", "line-clamp", "line-height", "line-height-step", "list-style", "list-style-image", "list-style-position", "list-style-type", "margin", "margin-top", "margin-right", "margin-bottom", "margin-left", "margin-trim", "mask", "mask-border", "mask-border-mode", "mask-border-outset", "mask-border-repeat", "mask-border-slice", "mask-border-source", "mask-border-width", "mask-clip", "mask-composite", "mask-image", "mask-mode", "mask-origin", "mask-position", "mask-repeat", "mask-size", "mask-type", "math-depth", "math-shift", "math-style", "max-height", "max-lines", "max-width", "min-height", "min-width", "mix-blend-mode", "object-fit", "object-position", "offset", "offset-anchor", "offset-distance", "offset-path", "offset-position", "offset-rotate", "opacity", "order", "orphans", "outline", "outline-color", "outline-offset", "outline-style", "outline-width", "overflow", "overflow-anchor", "overflow-clip-margin", "overflow-wrap", "overflow-x", "overflow-y", "overscroll-behavior", "overscroll-behavior-x", "overscroll-behavior-y", "padding", "padding-top", "padding-right", "padding-bottom", "padding-left", "page", "page-break-after", "page-break-before", "page-break-inside", "paint-order", "perspective", "perspective-origin", "place-content", "align-content", "justify-content", "place-items", "align-items", "justify-items", "place-self", "align-self", "justify-self", "pointer-events", "position", "print-color-adjust", "quotes", "resize", "rotate", "ruby-align", "ruby-merge", "ruby-position", "scale", "scroll-behavior", "scroll-margin", "scroll-margin-top", "scroll-margin-right", "scroll-margin-bottom", "scroll-margin-left", "scroll-padding", "scroll-padding-top", "scroll-padding-right", "scroll-padding-bottom", "scroll-padding-left", "scroll-snap-align", "scroll-snap-stop", "scroll-snap-type", "scroll-timeline", "scroll-timeline-axis", "scroll-timeline-name", "scrollbar-color", "scrollbar-gutter", "scrollbar-width", "shape-image-threshold", "shape-margin", "shape-outside", "tab-size", "table-layout", "text-align", "text-align-last", "text-combine-upright", "text-decoration", "text-decoration-color", "text-decoration-line", "text-decoration-style", "text-decoration-thickness", "text-decoration-skip-ink", "text-emphasis", "text-emphasis-color", "text-emphasis-position", "text-emphasis-style", "text-indent", "text-justify", "text-orientation", "text-overflow", "text-rendering", "text-shadow", "text-size-adjust", "text-transform", "text-underline-offset", "text-underline-position", "touch-action", "transform", "transform-box", "transform-origin", "transform-style", "transition", "transition-delay", "transition-duration", "transition-property", "transition-timing-function", "translate", "unicode-bidi", "user-select", "vertical-align", "view-transition-name", "visibility", "white-space", "widows", "width", "will-change", "word-break", "word-spacing", "word-wrap", "writing-mode", "z-index", "zoom", "block-size", "border-block", "border-block-width", "border-block-style", "border-block-color", "border-block-start", "border-block-end", "border-block-start-color", "border-block-start-style", "border-block-start-width", "border-block-end-color", "border-block-end-style", "border-block-end-width", "border-inline", "border-inline-color", "border-inline-style", "border-inline-width", "border-inline-start", "border-inline-end", "border-inline-start-color", "border-inline-start-style", "border-inline-start-width", "border-inline-end-color", "border-inline-end-style", "border-inline-end-width", "contain-intrinsic-block-size", "contain-intrinsic-inline-size", "inset-block", "inset-block-end", "inset-block-start", "inset-inline", "inset-inline-end", "inset-inline-start", "margin-block", "margin-block-end", "margin-block-start", "margin-inline", "margin-inline-end", "margin-inline-start", "max-block-size", "min-block-size", "max-inline-size", "min-inline-size", "overflow-block", "overflow-inline", "overscroll-behavior-block", "overscroll-behavior-inline", "padding-block", "padding-block-end", "padding-block-start", "padding-inline", "padding-inline-end", "padding-inline-start", "scroll-margin-block", "scroll-margin-block-end", "scroll-margin-block-start", "scroll-margin-inline", "scroll-margin-inline-end", "scroll-margin-inline-start", "scroll-padding-block", "scroll-padding-block-end", "scroll-padding-block-start", "scroll-padding-inline", "scroll-padding-inline-end", "scroll-padding-inline-start"];
158
159
  type CSSProperty = (typeof properties)[number];
159
160
 
160
- declare function tokenProperty(name: string): TokenProperty;
161
- declare function variantProperty(variant: string, name: string): TokenProperty;
162
- declare function tokenValue<TK extends string, N extends string>(themeKey: TK, name: N): TokenValue<TK, N>;
163
- declare function arbitraryValue(value: string): ArbitraryValue;
161
+ type GridProperty = '--_grid';
162
+ declare const GridProperty: {
163
+ safeParse: (input: unknown) => void;
164
+ };
165
+ declare function gridProperty(): GridProperty;
164
166
  type GridValue = number;
165
167
  declare const GridValue: {
166
- safeParse: (input: unknown) => v.SafeParseResult<v.StringSchema<string>>;
168
+ safeParse: (input: unknown) => void;
167
169
  };
168
170
  type TokenProperty<P extends string = string> = `--${P}`;
169
171
  declare const TokenProperty: {
170
172
  safeParse: (input: unknown) => v.SafeParseResult<v.StringSchema<`--${string}`>>;
171
173
  };
174
+ declare function tokenProperty(name: string): TokenProperty;
172
175
  type VariantProperty<P extends string = string, V extends string = string> = `--${V}_${P}`;
173
176
  declare const VariantProperty: {
174
177
  safeParse: (input: unknown) => v.SafeParseResult<v.StringSchema<`--${string}_${string}`>>;
175
178
  };
179
+ declare function variantProperty(variant: string, name: string): TokenProperty;
176
180
  type TokenValue<TK extends string = string, V extends string = string> = `var(--${TK}_${V})`;
177
181
  declare const TokenValue: {
178
182
  safeParse: (input: unknown) => v.SafeParseResult<v.StringSchema<`var(--${string}_${string})`>>;
179
183
  };
184
+ declare function tokenValue<TK extends string, N extends string>(themeKey: TK, name: N): TokenValue<TK, N>;
180
185
  type ArbitraryValue = `var(---,${string})`;
181
186
  declare const ArbitraryValue: {
182
187
  safeParse: (input: unknown) => v.SafeParseResult<v.StringSchema<`var(---,${string})`>>;
183
188
  };
189
+ declare function arbitraryValue(value: string): ArbitraryValue;
184
190
  type ThemeKey = 'alpha' | 'border' | 'color' | 'ease' | 'font-size' | 'leading' | 'line-style' | 'radii' | 'size' | 'shadow' | 'tracking' | 'transition' | 'weight' | 'z' | (string & {});
185
- type ThemeValues = Record<string, string | number>;
191
+ type ThemeValues = Record<string, string>;
186
192
  type Theme = Partial<Record<ThemeKey, ThemeValues>>;
187
193
  type Aliases = Record<string, readonly (CSSProperty | (string & {}))[]>;
188
194
  type PropertiesOptions = readonly ('grid' | ThemeKey)[];
@@ -214,16 +220,88 @@ interface Config extends DeepReadonly<{
214
220
  }
215
221
  declare const createConfig: <T extends Config>(obj: Exact<Config, T>) => DeepReadonly<T>;
216
222
  declare function getTokenPropertyName(tokenProperty: TokenProperty): string;
217
- type Parts = {
223
+ type PropertyParts = {
218
224
  name: string;
219
225
  alias: string;
220
226
  responsive?: string;
221
227
  selector?: string;
228
+ variant?: string;
222
229
  };
223
- declare function getTokenPropertyParts(tokenProperty: TokenProperty, config: Config): Parts | null;
230
+ declare function getTokenPropertyParts(tokenProperty: TokenProperty, config: Config): PropertyParts | null;
224
231
  declare function getTokenValueParts(tokenValue: TokenValue): {
232
+ property: string;
225
233
  themeKey: string;
226
234
  token: string;
227
235
  };
228
236
 
229
- export { type Aliases, ArbitraryValue, type CSSProperty, type Config, type DefaultConfig, GridValue, type Theme, TokenProperty, TokenValue, VariantProperty, arbitraryValue, createConfig, defaultConfig, getTokenPropertyName, getTokenPropertyParts, getTokenValueParts, properties, tokenProperty, tokenValue, variantProperty };
237
+ declare const mapShorthandToLonghands: {
238
+ all: ("accent-color" | "align-content" | "align-items" | "align-self" | "align-tracks" | "animation-composition" | "animation-delay" | "animation-direction" | "animation-duration" | "animation-fill-mode" | "animation-iteration-count" | "animation-name" | "animation-play-state" | "animation-timeline" | "animation-timing-function" | "appearance" | "aspect-ratio" | "backdrop-filter" | "backface-visibility" | "background-attachment" | "background-blend-mode" | "background-clip" | "background-color" | "background-image" | "background-origin" | "background-position-x" | "background-position-y" | "background-repeat" | "background-size" | "block-size" | "border-block-color" | "border-block-end-color" | "border-block-end-style" | "border-block-end-width" | "border-block-start-color" | "border-block-start-style" | "border-block-start-width" | "border-block-style" | "border-block-width" | "border-bottom-color" | "border-bottom-left-radius" | "border-bottom-right-radius" | "border-bottom-style" | "border-bottom-width" | "border-collapse" | "border-end-end-radius" | "border-end-start-radius" | "border-image-outset" | "border-image-repeat" | "border-image-slice" | "border-image-source" | "border-image-width" | "border-inline-color" | "border-inline-end-color" | "border-inline-end-style" | "border-inline-end-width" | "border-inline-start-color" | "border-inline-start-style" | "border-inline-start-width" | "border-inline-style" | "border-inline-width" | "border-left-color" | "border-left-style" | "border-left-width" | "border-right-color" | "border-right-style" | "border-right-width" | "border-spacing" | "border-start-end-radius" | "border-start-start-radius" | "border-top-color" | "border-top-left-radius" | "border-top-right-radius" | "border-top-style" | "border-top-width" | "bottom" | "box-decoration-break" | "box-shadow" | "box-sizing" | "break-after" | "break-before" | "break-inside" | "caption-side" | "caret-color" | "caret-shape" | "clear" | "clip-path" | "color" | "color-scheme" | "column-count" | "column-fill" | "column-gap" | "column-rule-color" | "column-rule-style" | "column-rule-width" | "column-span" | "column-width" | "contain" | "contain-intrinsic-block-size" | "contain-intrinsic-height" | "contain-intrinsic-inline-size" | "contain-intrinsic-width" | "container-name" | "container-type" | "content" | "content-visibility" | "counter-increment" | "counter-reset" | "counter-set" | "cursor" | "direction" | "display" | "empty-cells" | "filter" | "flex-basis" | "flex-direction" | "flex-grow" | "flex-shrink" | "flex-wrap" | "float" | "font-family" | "font-feature-settings" | "font-kerning" | "font-language-override" | "font-optical-sizing" | "font-palette" | "font-size" | "font-size-adjust" | "font-stretch" | "font-style" | "font-synthesis" | "font-variant" | "font-variant-alternates" | "font-variant-caps" | "font-variant-east-asian" | "font-variant-emoji" | "font-variant-ligatures" | "font-variant-numeric" | "font-variant-position" | "font-variation-settings" | "font-weight" | "forced-color-adjust" | "grid-auto-columns" | "grid-auto-flow" | "grid-auto-rows" | "grid-column-end" | "grid-column-start" | "grid-row-end" | "grid-row-start" | "grid-template-areas" | "grid-template-columns" | "grid-template-rows" | "hanging-punctuation" | "height" | "hyphenate-character" | "hyphenate-limit-chars" | "hyphens" | "image-orientation" | "image-rendering" | "image-resolution" | "initial-letter" | "inline-size" | "input-security" | "inset-block-end" | "inset-block-start" | "inset-inline-end" | "inset-inline-start" | "isolation" | "justify-content" | "justify-items" | "justify-self" | "justify-tracks" | "left" | "letter-spacing" | "line-break" | "line-height" | "line-height-step" | "list-style-image" | "list-style-position" | "list-style-type" | "margin-block-end" | "margin-block-start" | "margin-bottom" | "margin-inline-end" | "margin-inline-start" | "margin-left" | "margin-right" | "margin-top" | "margin-trim" | "mask-border-mode" | "mask-border-outset" | "mask-border-repeat" | "mask-border-slice" | "mask-border-source" | "mask-border-width" | "mask-clip" | "mask-composite" | "mask-image" | "mask-mode" | "mask-origin" | "mask-position" | "mask-repeat" | "mask-size" | "mask-type" | "math-depth" | "math-shift" | "math-style" | "max-block-size" | "max-height" | "max-inline-size" | "max-lines" | "max-width" | "min-block-size" | "min-height" | "min-inline-size" | "min-width" | "mix-blend-mode" | "object-fit" | "object-position" | "offset-anchor" | "offset-distance" | "offset-path" | "offset-position" | "offset-rotate" | "opacity" | "order" | "orphans" | "outline-color" | "outline-offset" | "outline-style" | "outline-width" | "overflow-anchor" | "overflow-block" | "overflow-clip-margin" | "overflow-inline" | "overflow-wrap" | "overflow-x" | "overflow-y" | "overscroll-behavior-block" | "overscroll-behavior-inline" | "overscroll-behavior-x" | "overscroll-behavior-y" | "padding-block-end" | "padding-block-start" | "padding-bottom" | "padding-inline-end" | "padding-inline-start" | "padding-left" | "padding-right" | "padding-top" | "page" | "page-break-after" | "page-break-before" | "page-break-inside" | "paint-order" | "perspective" | "perspective-origin" | "pointer-events" | "position" | "print-color-adjust" | "quotes" | "resize" | "right" | "rotate" | "row-gap" | "ruby-align" | "ruby-merge" | "ruby-position" | "scale" | "scroll-behavior" | "scroll-margin-block-end" | "scroll-margin-block-start" | "scroll-margin-bottom" | "scroll-margin-inline-end" | "scroll-margin-inline-start" | "scroll-margin-left" | "scroll-margin-right" | "scroll-margin-top" | "scroll-padding-block-end" | "scroll-padding-block-start" | "scroll-padding-bottom" | "scroll-padding-inline-end" | "scroll-padding-inline-start" | "scroll-padding-left" | "scroll-padding-right" | "scroll-padding-top" | "scroll-snap-align" | "scroll-snap-stop" | "scroll-snap-type" | "scroll-timeline-axis" | "scroll-timeline-name" | "scrollbar-color" | "scrollbar-gutter" | "scrollbar-width" | "shape-image-threshold" | "shape-margin" | "shape-outside" | "tab-size" | "table-layout" | "text-align" | "text-align-last" | "text-combine-upright" | "text-decoration-color" | "text-decoration-line" | "text-decoration-skip-ink" | "text-decoration-style" | "text-decoration-thickness" | "text-emphasis-color" | "text-emphasis-position" | "text-emphasis-style" | "text-indent" | "text-justify" | "text-orientation" | "text-overflow" | "text-rendering" | "text-shadow" | "text-size-adjust" | "text-transform" | "text-underline-offset" | "text-underline-position" | "top" | "touch-action" | "transform" | "transform-box" | "transform-origin" | "transform-style" | "transition-delay" | "transition-duration" | "transition-property" | "transition-timing-function" | "translate" | "unicode-bidi" | "user-select" | "vertical-align" | "view-transition-name" | "visibility" | "white-space" | "widows" | "width" | "will-change" | "word-break" | "word-spacing" | "word-wrap" | "writing-mode" | "z-index" | "zoom" | "all" | "animation" | "background" | "background-position" | "border" | "border-block" | "border-block-end" | "border-block-start" | "border-bottom" | "border-color" | "border-image" | "border-inline" | "border-inline-end" | "border-inline-start" | "border-left" | "border-radius" | "border-right" | "border-style" | "border-top" | "border-width" | "caret" | "column-rule" | "columns" | "contain-intrinsic-size" | "container" | "flex" | "flex-flow" | "font" | "gap" | "grid" | "grid-area" | "grid-column" | "grid-row" | "grid-template" | "inset" | "inset-block" | "inset-inline" | "line-clamp" | "list-style" | "margin" | "margin-block" | "margin-inline" | "mask" | "mask-border" | "offset" | "outline" | "overflow" | "overscroll-behavior" | "padding" | "padding-block" | "padding-inline" | "place-content" | "place-items" | "place-self" | "scroll-margin" | "scroll-margin-block" | "scroll-margin-inline" | "scroll-padding" | "scroll-padding-block" | "scroll-padding-inline" | "scroll-timeline" | "text-decoration" | "text-emphasis" | "transition" | "-webkit-line-clamp" | "clip")[];
239
+ animation: ("animation-delay" | "animation-direction" | "animation-duration" | "animation-fill-mode" | "animation-iteration-count" | "animation-name" | "animation-play-state" | "animation-timeline" | "animation-timing-function")[];
240
+ background: ("background-attachment" | "background-clip" | "background-color" | "background-image" | "background-repeat" | "background-size" | "background-position")[];
241
+ border: ("border-bottom" | "border-color" | "border-image" | "border-left" | "border-radius" | "border-right" | "border-style" | "border-top" | "border-width")[];
242
+ 'border-top': ("border-top-color" | "border-top-style" | "border-top-width")[];
243
+ 'border-right': ("border-right-color" | "border-right-style" | "border-right-width")[];
244
+ 'border-bottom': ("border-bottom-color" | "border-bottom-style" | "border-bottom-width")[];
245
+ 'border-left': ("border-left-color" | "border-left-style" | "border-left-width")[];
246
+ 'border-color': ("border-bottom-color" | "border-left-color" | "border-right-color" | "border-top-color")[];
247
+ 'border-style': ("border-bottom-style" | "border-left-style" | "border-right-style" | "border-top-style")[];
248
+ 'border-width': ("border-bottom-width" | "border-left-width" | "border-right-width" | "border-top-width")[];
249
+ 'border-image': ("border-image-outset" | "border-image-repeat" | "border-image-slice" | "border-image-source" | "border-image-width")[];
250
+ 'border-radius': ("border-bottom-left-radius" | "border-bottom-right-radius" | "border-top-left-radius" | "border-top-right-radius")[];
251
+ 'border-block': ("border-block-color" | "border-block-style" | "border-block-width" | "border-block-end" | "border-block-start")[];
252
+ 'border-block-width': ("border-block-end-width" | "border-block-start-width")[];
253
+ 'border-block-style': ("border-block-end-style" | "border-block-start-style")[];
254
+ 'border-block-color': ("border-block-end-color" | "border-block-start-color")[];
255
+ 'border-block-start': ("border-block-start-color" | "border-block-start-style" | "border-block-start-width")[];
256
+ 'border-block-end': ("border-block-end-color" | "border-block-end-style" | "border-block-end-width")[];
257
+ 'border-inline': ("border-inline-color" | "border-inline-style" | "border-inline-width" | "border-inline-end" | "border-inline-start")[];
258
+ 'border-inline-width': ("border-inline-end-width" | "border-inline-start-width")[];
259
+ 'border-inline-style': ("border-inline-end-style" | "border-inline-start-style")[];
260
+ 'border-inline-color': ("border-inline-end-color" | "border-inline-start-color")[];
261
+ 'border-inline-start': ("border-inline-start-color" | "border-inline-start-style" | "border-inline-start-width")[];
262
+ 'border-inline-end': ("border-inline-end-color" | "border-inline-end-style" | "border-inline-end-width")[];
263
+ 'column-rule': ("column-rule-color" | "column-rule-style" | "column-rule-width")[];
264
+ columns: ("column-count" | "column-width")[];
265
+ container: ("container-name" | "container-type")[];
266
+ 'contain-intrinsic-size': ("contain-intrinsic-height" | "contain-intrinsic-width")[];
267
+ flex: ("flex-basis" | "flex-grow" | "flex-shrink")[];
268
+ 'flex-flow': ("flex-direction" | "flex-wrap")[];
269
+ font: ("font-family" | "font-size" | "font-stretch" | "font-style" | "font-variant" | "font-weight" | "line-height")[];
270
+ 'font-variant': ("font-variant-caps" | "font-variant-east-asian" | "font-variant-ligatures" | "font-variant-numeric")[];
271
+ gap: ("column-gap" | "row-gap")[];
272
+ grid: ("grid-auto-columns" | "grid-auto-flow" | "grid-auto-rows" | "grid-template-areas" | "grid-template-columns" | "grid-template-rows")[];
273
+ 'grid-area': ("grid-column-end" | "grid-column-start" | "grid-row-end" | "grid-row-start")[];
274
+ 'grid-column': ("grid-column-end" | "grid-column-start")[];
275
+ 'grid-row': ("grid-row-end" | "grid-row-start")[];
276
+ 'grid-template': ("grid-template-areas" | "grid-template-columns" | "grid-template-rows")[];
277
+ inset: ("bottom" | "left" | "right" | "top")[];
278
+ 'list-style': ("list-style-image" | "list-style-position" | "list-style-type")[];
279
+ 'inset-block': ("inset-block-end" | "inset-block-start")[];
280
+ 'inset-inline': ("inset-inline-end" | "inset-inline-start")[];
281
+ margin: ("margin-bottom" | "margin-left" | "margin-right" | "margin-top")[];
282
+ 'margin-block': ("margin-block-end" | "margin-block-start")[];
283
+ 'margin-inline': ("margin-inline-end" | "margin-inline-start")[];
284
+ mask: ("mask-clip" | "mask-composite" | "mask-image" | "mask-mode" | "mask-origin" | "mask-position" | "mask-repeat" | "mask-size" | "mask-type")[];
285
+ 'mask-border': ("mask-border-mode" | "mask-border-outset" | "mask-border-repeat" | "mask-border-slice" | "mask-border-source" | "mask-border-width")[];
286
+ offset: ("offset-anchor" | "offset-distance" | "offset-path" | "offset-position" | "offset-rotate")[];
287
+ outline: ("outline-color" | "outline-style" | "outline-width")[];
288
+ overflow: ("overflow-x" | "overflow-y")[];
289
+ padding: ("padding-bottom" | "padding-left" | "padding-right" | "padding-top")[];
290
+ 'padding-block': ("padding-block-end" | "padding-block-start")[];
291
+ 'padding-inline': ("padding-inline-end" | "padding-inline-start")[];
292
+ 'place-content': ("align-content" | "justify-content")[];
293
+ 'place-items': ("align-items" | "justify-items")[];
294
+ 'place-self': ("align-self" | "justify-self")[];
295
+ 'scroll-margin': ("scroll-margin-bottom" | "scroll-margin-left" | "scroll-margin-right" | "scroll-margin-top")[];
296
+ 'scroll-margin-block': ("scroll-margin-block-end" | "scroll-margin-block-start")[];
297
+ 'scroll-margin-inline': ("scroll-margin-inline-end" | "scroll-margin-inline-start")[];
298
+ 'scroll-padding': ("scroll-padding-bottom" | "scroll-padding-left" | "scroll-padding-right" | "scroll-padding-top")[];
299
+ 'scroll-padding-block': ("scroll-padding-block-end" | "scroll-padding-block-start")[];
300
+ 'scroll-padding-inline': ("scroll-padding-inline-end" | "scroll-padding-inline-start")[];
301
+ 'scroll-timeline': ("scroll-timeline-axis" | "scroll-timeline-name")[];
302
+ 'text-decoration': ("text-decoration-color" | "text-decoration-line" | "text-decoration-style" | "text-decoration-thickness")[];
303
+ 'text-emphasis': ("text-emphasis-color" | "text-emphasis-style")[];
304
+ transition: ("transition-delay" | "transition-duration" | "transition-property" | "transition-timing-function")[];
305
+ };
306
+
307
+ export { type Aliases, ArbitraryValue, type CSSProperty, type Config, type DefaultConfig, GridProperty, GridValue, type Theme, TokenProperty, TokenValue, VariantProperty, arbitraryValue, createConfig, defaultConfig, getTokenPropertyName, getTokenPropertyParts, getTokenValueParts, gridProperty, logicalProperties, mapShorthandToLonghands, properties, tokenProperty, tokenValue, variantProperty };