@pandacss/generator 1.7.3 → 1.8.1

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as _pandacss_types from '@pandacss/types';
-import { LoadConfigResult, ArtifactId, CssArtifactType, SpecFile } from '@pandacss/types';
+import { LoadConfigResult, ArtifactId, CssArtifactType, SpecFile, SpecType, SpecTypeMap } from '@pandacss/types';
 import { Context, Stylesheet, StyleDecoder } from '@pandacss/core';
 
 interface SplitCssArtifact {
@@ -49,6 +49,7 @@ declare class Generator extends Context {
      */
     getSplitCssArtifacts: (sheet: Stylesheet) => SplitCssResult;
     getSpec: () => SpecFile[];
+    getSpecOfType: <T extends SpecType>(type: T) => T extends "color-palette" ? SpecTypeMap[T] | undefined : SpecTypeMap[T];
 }
 
 /**

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _pandacss_types from '@pandacss/types';
-import { LoadConfigResult, ArtifactId, CssArtifactType, SpecFile } from '@pandacss/types';
+import { LoadConfigResult, ArtifactId, CssArtifactType, SpecFile, SpecType, SpecTypeMap } from '@pandacss/types';
 import { Context, Stylesheet, StyleDecoder } from '@pandacss/core';
 
 interface SplitCssArtifact {
@@ -49,6 +49,7 @@ declare class Generator extends Context {
      */
     getSplitCssArtifacts: (sheet: Stylesheet) => SplitCssResult;
     getSpec: () => SpecFile[];
+    getSpecOfType: <T extends SpecType>(type: T) => T extends "color-palette" ? SpecTypeMap[T] | undefined : SpecTypeMap[T];
 }
 
 /**

package/dist/index.js

@@ -3886,7 +3886,7 @@ var import_ts_pattern13 = require("ts-pattern");
 
 // src/artifacts/generated/composition.d.ts.json
 var composition_d_ts_default = {
-  content: "import type { CompositionStyleObject } from './system-types'\n\ninterface Token<T> {\n  value: T\n  description?: string\n}\n\ninterface Recursive<T> {\n  [key: string]: Recursive<T> | T\n}\n\n/* -----------------------------------------------------------------------------\n * Text styles\n * -----------------------------------------------------------------------------*/\n\ntype TextStyleProperty =\n  | 'color'\n  | 'direction'\n  | 'font'\n  | 'fontFamily'\n  | 'fontFeatureSettings'\n  | 'fontKerning'\n  | 'fontLanguageOverride'\n  | 'fontOpticalSizing'\n  | 'fontPalette'\n  | 'fontSize'\n  | 'fontSizeAdjust'\n  | 'fontStretch'\n  | 'fontStyle'\n  | 'fontSynthesis'\n  | 'fontVariant'\n  | 'fontVariantAlternates'\n  | 'fontVariantCaps'\n  | 'fontVariantLigatures'\n  | 'fontVariantNumeric'\n  | 'fontVariantPosition'\n  | 'fontVariationSettings'\n  | 'fontWeight'\n  | 'hangingPunctuation'\n  | 'hypens'\n  | 'hyphenateCharacter'\n  | 'hyphenateLimitChars'\n  | 'letterSpacing'\n  | 'lineBreak'\n  | 'lineHeight'\n  | 'quotes'\n  | 'overflowWrap'\n  | 'tabSize'\n  | 'textAlign'\n  | 'textAlignLast'\n  | 'textCombineUpright'\n  | 'textDecoration'\n  | 'textDecorationColor'\n  | 'textDecorationLine'\n  | 'textDecorationSkip'\n  | 'textDecorationSkipBox'\n  | 'textDecorationSkipInk'\n  | 'textDecorationSkipInset'\n  | 'textDecorationStyle'\n  | 'textDecorationThickness'\n  | 'textEmphasis'\n  | 'textEmphasisColor'\n  | 'textEmphasisPosition'\n  | 'textEmphasisStyle'\n  | 'textIndent'\n  | 'textJustify'\n  | 'textOrientation'\n  | 'textOverflow'\n  | 'textRendering'\n  | 'textShadow'\n  | 'textStroke'\n  | 'textStrokeColor'\n  | 'textStrokeWidth'\n  | 'textTransform'\n  | 'textUnderlineOffset'\n  | 'textUnderlinePosition'\n  | 'textWrap'\n  | 'textWrapMode'\n  | 'textWrapStyle'\n  | 'unicodeBidi'\n  | 'verticalAlign'\n  | 'whiteSpace'\n  | 'wordBreak'\n  | 'wordSpacing'\n  | 'writingMode'\n\nexport type TextStyle = CompositionStyleObject<TextStyleProperty>\n\nexport type TextStyles = Recursive<Token<TextStyle>>\n\n/* -----------------------------------------------------------------------------\n * Layer styles\n * -----------------------------------------------------------------------------*/\n\ntype LogicalPlacement = 'Inline' | 'Block' | 'InlineStart' | 'InlineEnd' | 'BlockStart' | 'BlockEnd'\n\ntype PhysicalPlacement = 'Top' | 'Right' | 'Bottom' | 'Left'\n\ntype Placement = PhysicalPlacement | LogicalPlacement\n\ntype Radius =\n  | `Top${'Right' | 'Left'}`\n  | `Bottom${'Right' | 'Left'}`\n  | `Start${'Start' | 'End'}`\n  | `End${'Start' | 'End'}`\n\ntype LayerStyleProperty =\n  | 'aspectRatio'\n  | 'background'\n  | 'backgroundColor'\n  | 'backgroundImage'\n  | 'border'\n  | 'borderColor'\n  | 'borderImage'\n  | 'borderImageOutset'\n  | 'borderImageRepeat'\n  | 'borderImageSlice'\n  | 'borderImageSource'\n  | 'borderImageWidth'\n  | 'borderRadius'\n  | 'borderStyle'\n  | 'borderWidth'\n  | `border${Placement}`\n  | `border${Placement}Color`\n  | `border${Placement}Style`\n  | `border${Placement}Width`\n  | 'borderRadius'\n  | `border${Radius}Radius`\n  | 'boxShadow'\n  | 'boxShadowColor'\n  | 'clipPath'\n  | 'color'\n  | 'contain'\n  | 'content'\n  | 'contentVisibility'\n  | 'cursor'\n  | 'display'\n  | 'filter'\n  | 'backdropFilter'\n  | 'height'\n  | 'width'\n  | 'minHeight'\n  | 'minWidth'\n  | 'maxHeight'\n  | 'maxWidth'\n  | `margin${Placement}`\n  | 'inset'\n  | `inset${LogicalPlacement}`\n  | Lowercase<PhysicalPlacement>\n  | 'isolation'\n  | 'mask'\n  | 'maskClip'\n  | 'maskComposite'\n  | 'maskImage'\n  | 'maskMode'\n  | 'maskOrigin'\n  | 'maskPosition'\n  | 'maskRepeat'\n  | 'maskSize'\n  | 'mixBlendMode'\n  | 'objectFit'\n  | 'objectPosition'\n  | 'opacity'\n  | 'outline'\n  | 'outlineColor'\n  | 'outlineOffset'\n  | 'outlineStyle'\n  | 'outlineWidth'\n  | 'overflow'\n  | 'overflowX'\n  | 'overflowY'\n  | 'padding'\n  | `padding${Placement}`\n  | 'pointerEvents'\n  | 'position'\n  | 'resize'\n  | 'transform'\n  | 'transition'\n  | 'visibility'\n  | 'willChange'\n  | 'zIndex'\n  | 'backgroundBlendMode'\n  | 'backgroundAttachment'\n  | 'backgroundClip'\n  | 'backgroundOrigin'\n  | 'backgroundPosition'\n  | 'backgroundRepeat'\n  | 'backgroundSize'\n\nexport type LayerStyle = CompositionStyleObject<LayerStyleProperty>\n\nexport type LayerStyles = Recursive<Token<LayerStyle>>\n\n/* -----------------------------------------------------------------------------\n * Motion styles\n * -----------------------------------------------------------------------------*/\n\ntype AnimationStyleProperty =\n  | 'animation'\n  | 'animationComposition'\n  | 'animationDelay'\n  | 'animationDirection'\n  | 'animationDuration'\n  | 'animationFillMode'\n  | 'animationIterationCount'\n  | 'animationName'\n  | 'animationPlayState'\n  | 'animationTimingFunction'\n  | 'animationRange'\n  | 'animationRangeStart'\n  | 'animationRangeEnd'\n  | 'animationTimeline'\n  | 'transformOrigin'\n\nexport type AnimationStyle = CompositionStyleObject<AnimationStyleProperty>\n\nexport type AnimationStyles = Recursive<Token<AnimationStyle>>\n\nexport interface CompositionStyles {\n  textStyles: TextStyles\n  layerStyles: LayerStyles\n  animationStyles: AnimationStyles\n}\n"
+  content: "import type { CompositionStyleObject } from './system-types'\n\ninterface Token<T> {\n  value: T\n  description?: string\n}\n\ninterface Recursive<T> {\n  [key: string]: Recursive<T> | T\n}\n\n/* -----------------------------------------------------------------------------\n * Text styles\n * -----------------------------------------------------------------------------*/\n\ntype TextStyleProperty =\n  | 'color'\n  | 'direction'\n  | 'font'\n  | 'fontFamily'\n  | 'fontFeatureSettings'\n  | 'fontKerning'\n  | 'fontLanguageOverride'\n  | 'fontOpticalSizing'\n  | 'fontPalette'\n  | 'fontSize'\n  | 'fontSizeAdjust'\n  | 'fontStretch'\n  | 'fontStyle'\n  | 'fontSynthesis'\n  | 'fontVariant'\n  | 'fontVariantAlternates'\n  | 'fontVariantCaps'\n  | 'fontVariantLigatures'\n  | 'fontVariantNumeric'\n  | 'fontVariantPosition'\n  | 'fontVariationSettings'\n  | 'fontWeight'\n  | 'hangingPunctuation'\n  | 'hypens'\n  | 'hyphenateCharacter'\n  | 'hyphenateLimitChars'\n  | 'letterSpacing'\n  | 'lineBreak'\n  | 'lineHeight'\n  | 'quotes'\n  | 'overflowWrap'\n  | 'tabSize'\n  | 'textAlign'\n  | 'textAlignLast'\n  | 'textBox'\n  | 'textBoxEdge'\n  | 'textBoxTrim'\n  | 'textCombineUpright'\n  | 'textDecoration'\n  | 'textDecorationColor'\n  | 'textDecorationLine'\n  | 'textDecorationSkip'\n  | 'textDecorationSkipBox'\n  | 'textDecorationSkipInk'\n  | 'textDecorationSkipInset'\n  | 'textDecorationStyle'\n  | 'textDecorationThickness'\n  | 'textEmphasis'\n  | 'textEmphasisColor'\n  | 'textEmphasisPosition'\n  | 'textEmphasisStyle'\n  | 'textIndent'\n  | 'textJustify'\n  | 'textOrientation'\n  | 'textOverflow'\n  | 'textRendering'\n  | 'textShadow'\n  | 'textStroke'\n  | 'textStrokeColor'\n  | 'textStrokeWidth'\n  | 'textTransform'\n  | 'textUnderlineOffset'\n  | 'textUnderlinePosition'\n  | 'textWrap'\n  | 'textWrapMode'\n  | 'textWrapStyle'\n  | 'unicodeBidi'\n  | 'verticalAlign'\n  | 'whiteSpace'\n  | 'wordBreak'\n  | 'wordSpacing'\n  | 'writingMode'\n\nexport type TextStyle = CompositionStyleObject<TextStyleProperty>\n\nexport type TextStyles = Recursive<Token<TextStyle>>\n\n/* -----------------------------------------------------------------------------\n * Layer styles\n * -----------------------------------------------------------------------------*/\n\ntype LogicalPlacement = 'Inline' | 'Block' | 'InlineStart' | 'InlineEnd' | 'BlockStart' | 'BlockEnd'\n\ntype PhysicalPlacement = 'Top' | 'Right' | 'Bottom' | 'Left'\n\ntype Placement = PhysicalPlacement | LogicalPlacement\n\ntype Radius =\n  | `Top${'Right' | 'Left'}`\n  | `Bottom${'Right' | 'Left'}`\n  | `Start${'Start' | 'End'}`\n  | `End${'Start' | 'End'}`\n\ntype LayerStyleProperty =\n  | 'aspectRatio'\n  | 'background'\n  | 'backgroundColor'\n  | 'backgroundImage'\n  | 'border'\n  | 'borderColor'\n  | 'borderImage'\n  | 'borderImageOutset'\n  | 'borderImageRepeat'\n  | 'borderImageSlice'\n  | 'borderImageSource'\n  | 'borderImageWidth'\n  | 'borderRadius'\n  | 'borderStyle'\n  | 'borderWidth'\n  | `border${Placement}`\n  | `border${Placement}Color`\n  | `border${Placement}Style`\n  | `border${Placement}Width`\n  | 'borderRadius'\n  | `border${Radius}Radius`\n  | 'boxShadow'\n  | 'boxShadowColor'\n  | 'clipPath'\n  | 'color'\n  | 'contain'\n  | 'content'\n  | 'contentVisibility'\n  | 'cursor'\n  | 'display'\n  | 'filter'\n  | 'backdropFilter'\n  | 'height'\n  | 'width'\n  | 'minHeight'\n  | 'minWidth'\n  | 'maxHeight'\n  | 'maxWidth'\n  | `margin${Placement}`\n  | 'inset'\n  | `inset${LogicalPlacement}`\n  | Lowercase<PhysicalPlacement>\n  | 'isolation'\n  | 'mask'\n  | 'maskClip'\n  | 'maskComposite'\n  | 'maskImage'\n  | 'maskMode'\n  | 'maskOrigin'\n  | 'maskPosition'\n  | 'maskRepeat'\n  | 'maskSize'\n  | 'mixBlendMode'\n  | 'objectFit'\n  | 'objectPosition'\n  | 'opacity'\n  | 'outline'\n  | 'outlineColor'\n  | 'outlineOffset'\n  | 'outlineStyle'\n  | 'outlineWidth'\n  | 'overflow'\n  | 'overflowX'\n  | 'overflowY'\n  | 'padding'\n  | `padding${Placement}`\n  | 'pointerEvents'\n  | 'position'\n  | 'resize'\n  | 'transform'\n  | 'transition'\n  | 'visibility'\n  | 'willChange'\n  | 'zIndex'\n  | 'backgroundBlendMode'\n  | 'backgroundAttachment'\n  | 'backgroundClip'\n  | 'backgroundOrigin'\n  | 'backgroundPosition'\n  | 'backgroundRepeat'\n  | 'backgroundSize'\n\nexport type LayerStyle = CompositionStyleObject<LayerStyleProperty>\n\nexport type LayerStyles = Recursive<Token<LayerStyle>>\n\n/* -----------------------------------------------------------------------------\n * Motion styles\n * -----------------------------------------------------------------------------*/\n\ntype AnimationStyleProperty =\n  | 'animation'\n  | 'animationComposition'\n  | 'animationDelay'\n  | 'animationDirection'\n  | 'animationDuration'\n  | 'animationFillMode'\n  | 'animationIterationCount'\n  | 'animationName'\n  | 'animationPlayState'\n  | 'animationTimingFunction'\n  | 'animationRange'\n  | 'animationRangeStart'\n  | 'animationRangeEnd'\n  | 'animationTimeline'\n  | 'transformOrigin'\n\nexport type AnimationStyle = CompositionStyleObject<AnimationStyleProperty>\n\nexport type AnimationStyles = Recursive<Token<AnimationStyle>>\n\nexport interface CompositionStyles {\n  textStyles: TextStyles\n  layerStyles: LayerStyles\n  animationStyles: AnimationStyles\n}\n"
 };
 
 // src/artifacts/generated/csstype.d.ts.json
@@ -6299,6 +6299,33 @@ ${css}
     }
     return specs;
   };
+  getSpecOfType = (type) => {
+    const spec = (() => {
+      switch (type) {
+        case "tokens":
+          return generateTokensSpec(this);
+        case "semantic-tokens":
+          return generateSemanticTokensSpec(this);
+        case "recipes":
+          return generateRecipesSpec(this);
+        case "patterns":
+          return generatePatternsSpec(this);
+        case "conditions":
+          return generateConditionsSpec(this);
+        case "keyframes":
+          return generateKeyframesSpec(this);
+        case "text-styles":
+          return generateTextStylesSpec(this);
+        case "layer-styles":
+          return generateLayerStylesSpec(this);
+        case "animation-styles":
+          return generateAnimationStylesSpec(this);
+        case "color-palette":
+          return generateColorPaletteSpec(this) ?? void 0;
+      }
+    })();
+    return spec;
+  };
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -3849,7 +3849,7 @@ import { match as match13 } from "ts-pattern";
 
 // src/artifacts/generated/composition.d.ts.json
 var composition_d_ts_default = {
-  content: "import type { CompositionStyleObject } from './system-types'\n\ninterface Token<T> {\n  value: T\n  description?: string\n}\n\ninterface Recursive<T> {\n  [key: string]: Recursive<T> | T\n}\n\n/* -----------------------------------------------------------------------------\n * Text styles\n * -----------------------------------------------------------------------------*/\n\ntype TextStyleProperty =\n  | 'color'\n  | 'direction'\n  | 'font'\n  | 'fontFamily'\n  | 'fontFeatureSettings'\n  | 'fontKerning'\n  | 'fontLanguageOverride'\n  | 'fontOpticalSizing'\n  | 'fontPalette'\n  | 'fontSize'\n  | 'fontSizeAdjust'\n  | 'fontStretch'\n  | 'fontStyle'\n  | 'fontSynthesis'\n  | 'fontVariant'\n  | 'fontVariantAlternates'\n  | 'fontVariantCaps'\n  | 'fontVariantLigatures'\n  | 'fontVariantNumeric'\n  | 'fontVariantPosition'\n  | 'fontVariationSettings'\n  | 'fontWeight'\n  | 'hangingPunctuation'\n  | 'hypens'\n  | 'hyphenateCharacter'\n  | 'hyphenateLimitChars'\n  | 'letterSpacing'\n  | 'lineBreak'\n  | 'lineHeight'\n  | 'quotes'\n  | 'overflowWrap'\n  | 'tabSize'\n  | 'textAlign'\n  | 'textAlignLast'\n  | 'textCombineUpright'\n  | 'textDecoration'\n  | 'textDecorationColor'\n  | 'textDecorationLine'\n  | 'textDecorationSkip'\n  | 'textDecorationSkipBox'\n  | 'textDecorationSkipInk'\n  | 'textDecorationSkipInset'\n  | 'textDecorationStyle'\n  | 'textDecorationThickness'\n  | 'textEmphasis'\n  | 'textEmphasisColor'\n  | 'textEmphasisPosition'\n  | 'textEmphasisStyle'\n  | 'textIndent'\n  | 'textJustify'\n  | 'textOrientation'\n  | 'textOverflow'\n  | 'textRendering'\n  | 'textShadow'\n  | 'textStroke'\n  | 'textStrokeColor'\n  | 'textStrokeWidth'\n  | 'textTransform'\n  | 'textUnderlineOffset'\n  | 'textUnderlinePosition'\n  | 'textWrap'\n  | 'textWrapMode'\n  | 'textWrapStyle'\n  | 'unicodeBidi'\n  | 'verticalAlign'\n  | 'whiteSpace'\n  | 'wordBreak'\n  | 'wordSpacing'\n  | 'writingMode'\n\nexport type TextStyle = CompositionStyleObject<TextStyleProperty>\n\nexport type TextStyles = Recursive<Token<TextStyle>>\n\n/* -----------------------------------------------------------------------------\n * Layer styles\n * -----------------------------------------------------------------------------*/\n\ntype LogicalPlacement = 'Inline' | 'Block' | 'InlineStart' | 'InlineEnd' | 'BlockStart' | 'BlockEnd'\n\ntype PhysicalPlacement = 'Top' | 'Right' | 'Bottom' | 'Left'\n\ntype Placement = PhysicalPlacement | LogicalPlacement\n\ntype Radius =\n  | `Top${'Right' | 'Left'}`\n  | `Bottom${'Right' | 'Left'}`\n  | `Start${'Start' | 'End'}`\n  | `End${'Start' | 'End'}`\n\ntype LayerStyleProperty =\n  | 'aspectRatio'\n  | 'background'\n  | 'backgroundColor'\n  | 'backgroundImage'\n  | 'border'\n  | 'borderColor'\n  | 'borderImage'\n  | 'borderImageOutset'\n  | 'borderImageRepeat'\n  | 'borderImageSlice'\n  | 'borderImageSource'\n  | 'borderImageWidth'\n  | 'borderRadius'\n  | 'borderStyle'\n  | 'borderWidth'\n  | `border${Placement}`\n  | `border${Placement}Color`\n  | `border${Placement}Style`\n  | `border${Placement}Width`\n  | 'borderRadius'\n  | `border${Radius}Radius`\n  | 'boxShadow'\n  | 'boxShadowColor'\n  | 'clipPath'\n  | 'color'\n  | 'contain'\n  | 'content'\n  | 'contentVisibility'\n  | 'cursor'\n  | 'display'\n  | 'filter'\n  | 'backdropFilter'\n  | 'height'\n  | 'width'\n  | 'minHeight'\n  | 'minWidth'\n  | 'maxHeight'\n  | 'maxWidth'\n  | `margin${Placement}`\n  | 'inset'\n  | `inset${LogicalPlacement}`\n  | Lowercase<PhysicalPlacement>\n  | 'isolation'\n  | 'mask'\n  | 'maskClip'\n  | 'maskComposite'\n  | 'maskImage'\n  | 'maskMode'\n  | 'maskOrigin'\n  | 'maskPosition'\n  | 'maskRepeat'\n  | 'maskSize'\n  | 'mixBlendMode'\n  | 'objectFit'\n  | 'objectPosition'\n  | 'opacity'\n  | 'outline'\n  | 'outlineColor'\n  | 'outlineOffset'\n  | 'outlineStyle'\n  | 'outlineWidth'\n  | 'overflow'\n  | 'overflowX'\n  | 'overflowY'\n  | 'padding'\n  | `padding${Placement}`\n  | 'pointerEvents'\n  | 'position'\n  | 'resize'\n  | 'transform'\n  | 'transition'\n  | 'visibility'\n  | 'willChange'\n  | 'zIndex'\n  | 'backgroundBlendMode'\n  | 'backgroundAttachment'\n  | 'backgroundClip'\n  | 'backgroundOrigin'\n  | 'backgroundPosition'\n  | 'backgroundRepeat'\n  | 'backgroundSize'\n\nexport type LayerStyle = CompositionStyleObject<LayerStyleProperty>\n\nexport type LayerStyles = Recursive<Token<LayerStyle>>\n\n/* -----------------------------------------------------------------------------\n * Motion styles\n * -----------------------------------------------------------------------------*/\n\ntype AnimationStyleProperty =\n  | 'animation'\n  | 'animationComposition'\n  | 'animationDelay'\n  | 'animationDirection'\n  | 'animationDuration'\n  | 'animationFillMode'\n  | 'animationIterationCount'\n  | 'animationName'\n  | 'animationPlayState'\n  | 'animationTimingFunction'\n  | 'animationRange'\n  | 'animationRangeStart'\n  | 'animationRangeEnd'\n  | 'animationTimeline'\n  | 'transformOrigin'\n\nexport type AnimationStyle = CompositionStyleObject<AnimationStyleProperty>\n\nexport type AnimationStyles = Recursive<Token<AnimationStyle>>\n\nexport interface CompositionStyles {\n  textStyles: TextStyles\n  layerStyles: LayerStyles\n  animationStyles: AnimationStyles\n}\n"
+  content: "import type { CompositionStyleObject } from './system-types'\n\ninterface Token<T> {\n  value: T\n  description?: string\n}\n\ninterface Recursive<T> {\n  [key: string]: Recursive<T> | T\n}\n\n/* -----------------------------------------------------------------------------\n * Text styles\n * -----------------------------------------------------------------------------*/\n\ntype TextStyleProperty =\n  | 'color'\n  | 'direction'\n  | 'font'\n  | 'fontFamily'\n  | 'fontFeatureSettings'\n  | 'fontKerning'\n  | 'fontLanguageOverride'\n  | 'fontOpticalSizing'\n  | 'fontPalette'\n  | 'fontSize'\n  | 'fontSizeAdjust'\n  | 'fontStretch'\n  | 'fontStyle'\n  | 'fontSynthesis'\n  | 'fontVariant'\n  | 'fontVariantAlternates'\n  | 'fontVariantCaps'\n  | 'fontVariantLigatures'\n  | 'fontVariantNumeric'\n  | 'fontVariantPosition'\n  | 'fontVariationSettings'\n  | 'fontWeight'\n  | 'hangingPunctuation'\n  | 'hypens'\n  | 'hyphenateCharacter'\n  | 'hyphenateLimitChars'\n  | 'letterSpacing'\n  | 'lineBreak'\n  | 'lineHeight'\n  | 'quotes'\n  | 'overflowWrap'\n  | 'tabSize'\n  | 'textAlign'\n  | 'textAlignLast'\n  | 'textBox'\n  | 'textBoxEdge'\n  | 'textBoxTrim'\n  | 'textCombineUpright'\n  | 'textDecoration'\n  | 'textDecorationColor'\n  | 'textDecorationLine'\n  | 'textDecorationSkip'\n  | 'textDecorationSkipBox'\n  | 'textDecorationSkipInk'\n  | 'textDecorationSkipInset'\n  | 'textDecorationStyle'\n  | 'textDecorationThickness'\n  | 'textEmphasis'\n  | 'textEmphasisColor'\n  | 'textEmphasisPosition'\n  | 'textEmphasisStyle'\n  | 'textIndent'\n  | 'textJustify'\n  | 'textOrientation'\n  | 'textOverflow'\n  | 'textRendering'\n  | 'textShadow'\n  | 'textStroke'\n  | 'textStrokeColor'\n  | 'textStrokeWidth'\n  | 'textTransform'\n  | 'textUnderlineOffset'\n  | 'textUnderlinePosition'\n  | 'textWrap'\n  | 'textWrapMode'\n  | 'textWrapStyle'\n  | 'unicodeBidi'\n  | 'verticalAlign'\n  | 'whiteSpace'\n  | 'wordBreak'\n  | 'wordSpacing'\n  | 'writingMode'\n\nexport type TextStyle = CompositionStyleObject<TextStyleProperty>\n\nexport type TextStyles = Recursive<Token<TextStyle>>\n\n/* -----------------------------------------------------------------------------\n * Layer styles\n * -----------------------------------------------------------------------------*/\n\ntype LogicalPlacement = 'Inline' | 'Block' | 'InlineStart' | 'InlineEnd' | 'BlockStart' | 'BlockEnd'\n\ntype PhysicalPlacement = 'Top' | 'Right' | 'Bottom' | 'Left'\n\ntype Placement = PhysicalPlacement | LogicalPlacement\n\ntype Radius =\n  | `Top${'Right' | 'Left'}`\n  | `Bottom${'Right' | 'Left'}`\n  | `Start${'Start' | 'End'}`\n  | `End${'Start' | 'End'}`\n\ntype LayerStyleProperty =\n  | 'aspectRatio'\n  | 'background'\n  | 'backgroundColor'\n  | 'backgroundImage'\n  | 'border'\n  | 'borderColor'\n  | 'borderImage'\n  | 'borderImageOutset'\n  | 'borderImageRepeat'\n  | 'borderImageSlice'\n  | 'borderImageSource'\n  | 'borderImageWidth'\n  | 'borderRadius'\n  | 'borderStyle'\n  | 'borderWidth'\n  | `border${Placement}`\n  | `border${Placement}Color`\n  | `border${Placement}Style`\n  | `border${Placement}Width`\n  | 'borderRadius'\n  | `border${Radius}Radius`\n  | 'boxShadow'\n  | 'boxShadowColor'\n  | 'clipPath'\n  | 'color'\n  | 'contain'\n  | 'content'\n  | 'contentVisibility'\n  | 'cursor'\n  | 'display'\n  | 'filter'\n  | 'backdropFilter'\n  | 'height'\n  | 'width'\n  | 'minHeight'\n  | 'minWidth'\n  | 'maxHeight'\n  | 'maxWidth'\n  | `margin${Placement}`\n  | 'inset'\n  | `inset${LogicalPlacement}`\n  | Lowercase<PhysicalPlacement>\n  | 'isolation'\n  | 'mask'\n  | 'maskClip'\n  | 'maskComposite'\n  | 'maskImage'\n  | 'maskMode'\n  | 'maskOrigin'\n  | 'maskPosition'\n  | 'maskRepeat'\n  | 'maskSize'\n  | 'mixBlendMode'\n  | 'objectFit'\n  | 'objectPosition'\n  | 'opacity'\n  | 'outline'\n  | 'outlineColor'\n  | 'outlineOffset'\n  | 'outlineStyle'\n  | 'outlineWidth'\n  | 'overflow'\n  | 'overflowX'\n  | 'overflowY'\n  | 'padding'\n  | `padding${Placement}`\n  | 'pointerEvents'\n  | 'position'\n  | 'resize'\n  | 'transform'\n  | 'transition'\n  | 'visibility'\n  | 'willChange'\n  | 'zIndex'\n  | 'backgroundBlendMode'\n  | 'backgroundAttachment'\n  | 'backgroundClip'\n  | 'backgroundOrigin'\n  | 'backgroundPosition'\n  | 'backgroundRepeat'\n  | 'backgroundSize'\n\nexport type LayerStyle = CompositionStyleObject<LayerStyleProperty>\n\nexport type LayerStyles = Recursive<Token<LayerStyle>>\n\n/* -----------------------------------------------------------------------------\n * Motion styles\n * -----------------------------------------------------------------------------*/\n\ntype AnimationStyleProperty =\n  | 'animation'\n  | 'animationComposition'\n  | 'animationDelay'\n  | 'animationDirection'\n  | 'animationDuration'\n  | 'animationFillMode'\n  | 'animationIterationCount'\n  | 'animationName'\n  | 'animationPlayState'\n  | 'animationTimingFunction'\n  | 'animationRange'\n  | 'animationRangeStart'\n  | 'animationRangeEnd'\n  | 'animationTimeline'\n  | 'transformOrigin'\n\nexport type AnimationStyle = CompositionStyleObject<AnimationStyleProperty>\n\nexport type AnimationStyles = Recursive<Token<AnimationStyle>>\n\nexport interface CompositionStyles {\n  textStyles: TextStyles\n  layerStyles: LayerStyles\n  animationStyles: AnimationStyles\n}\n"
 };
 
 // src/artifacts/generated/csstype.d.ts.json
@@ -6262,6 +6262,33 @@ ${css}
     }
     return specs;
   };
+  getSpecOfType = (type) => {
+    const spec = (() => {
+      switch (type) {
+        case "tokens":
+          return generateTokensSpec(this);
+        case "semantic-tokens":
+          return generateSemanticTokensSpec(this);
+        case "recipes":
+          return generateRecipesSpec(this);
+        case "patterns":
+          return generatePatternsSpec(this);
+        case "conditions":
+          return generateConditionsSpec(this);
+        case "keyframes":
+          return generateKeyframesSpec(this);
+        case "text-styles":
+          return generateTextStylesSpec(this);
+        case "layer-styles":
+          return generateLayerStylesSpec(this);
+        case "animation-styles":
+          return generateAnimationStylesSpec(this);
+        case "color-palette":
+          return generateColorPaletteSpec(this) ?? void 0;
+      }
+    })();
+    return spec;
+  };
 };
 export {
   Generator,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "1.7.3",
+  "version": "1.8.1",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -38,12 +38,12 @@
     "pluralize": "8.0.0",
     "postcss": "8.5.6",
     "ts-pattern": "5.9.0",
-    "@pandacss/core": "1.7.3",
-    "@pandacss/is-valid-prop": "^1.7.3",
-    "@pandacss/logger": "1.7.3",
-    "@pandacss/shared": "1.7.3",
-    "@pandacss/token-dictionary": "1.7.3",
-    "@pandacss/types": "1.7.3"
+    "@pandacss/core": "1.8.1",
+    "@pandacss/is-valid-prop": "^1.8.1",
+    "@pandacss/logger": "1.8.1",
+    "@pandacss/shared": "1.8.1",
+    "@pandacss/token-dictionary": "1.8.1",
+    "@pandacss/types": "1.8.1"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.33"