@pandacss/generator 0.0.0-dev-20240108181940 → 0.0.0-dev-20240108205048

package/dist/index.js

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(src_exports);
 
 // src/generator.ts
 var import_core4 = require("@pandacss/core");
-var import_ts_pattern11 = require("ts-pattern");
+var import_ts_pattern12 = require("ts-pattern");
 
 // src/artifacts/setup-artifacts.ts
 var import_outdent43 = __toESM(require("outdent"));
@@ -2818,9 +2818,10 @@ var generateTypesEntry = (ctx, isJsxRequired) => {
 
 // src/artifacts/types/prop-types.ts
 var import_outdent40 = require("outdent");
+var import_ts_pattern11 = require("ts-pattern");
 function generatePropTypes(ctx) {
   const {
-    config: { strictTokens },
+    config: { strictTokens, strictPropertyValues },
     utility
   } = ctx;
   const result = [
@@ -2850,40 +2851,104 @@ function generatePropTypes(ctx) {
   return import_outdent40.outdent`
   ${result.join("\n")}
 
-  ${strictTokens ? `
-  type FilterString<T> = T extends \`\${infer _}\` ? T : never;
-  type WithArbitraryValue<T> = T | \`[\${string}]\`
-  type PropOrCondition<T> = ConditionalValue<WithArbitraryValue<T>>;
-
-  type PropertyTypeValue<T extends string> = T extends keyof PropertyTypes
-    ? PropOrCondition<FilterString<PropertyTypes[T]>>
-    : never;
-
-  type CssPropertyValue<T extends string> = T extends keyof CssProperties
-    ? PropOrCondition<FilterString<CssProperties[T]>>
-    : never;
-
-  export type PropertyValue<T extends string> = T extends keyof PropertyTypes
-    ? PropertyTypeValue<T>
-    : T extends keyof CssProperties
-      ? CssPropertyValue<T>
-      : PropOrCondition<string | number>
-    ` : `
+  type StrictableProps =
+    | 'alignContent'
+    | 'alignItems'
+    | 'alignSelf'
+    | 'all'
+    | 'animationComposition'
+    | 'animationDirection'
+    | 'animationFillMode'
+    | 'appearance'
+    | 'backfaceVisibility'
+    | 'backgroundAttachment'
+    | 'backgroundClip'
+    | 'borderCollapse'
+    | 'border'
+    | 'borderBlock'
+    | 'borderBlockEnd'
+    | 'borderBlockStart'
+    | 'borderBottom'
+    | 'borderInline'
+    | 'borderInlineEnd'
+    | 'borderInlineStart'
+    | 'borderLeft'
+    | 'borderRight'
+    | 'borderTop'
+    | 'borderBlockEndStyle'
+    | 'borderBlockStartStyle'
+    | 'borderBlockStyle'
+    | 'borderBottomStyle'
+    | 'borderInlineEndStyle'
+    | 'borderInlineStartStyle'
+    | 'borderInlineStyle'
+    | 'borderLeftStyle'
+    | 'borderRightStyle'
+    | 'borderTopStyle'
+    | 'boxDecorationBreak'
+    | 'boxSizing'
+    | 'breakAfter'
+    | 'breakBefore'
+    | 'breakInside'
+    | 'captionSide'
+    | 'clear'
+    | 'columnFill'
+    | 'columnRuleStyle'
+    | 'contentVisibility'
+    | 'direction'
+    | 'display'
+    | 'emptyCells'
+    | 'flexDirection'
+    | 'flexWrap'
+    | 'float'
+    | 'fontKerning'
+    | 'forcedColorAdjust'
+    | 'isolation'
+    | 'lineBreak'
+    | 'mixBlendMode'
+    | 'objectFit'
+    | 'outlineStyle'
+    | 'overflow'
+    | 'overflowX'
+    | 'overflowY'
+    | 'overflowBlock'
+    | 'overflowInline'
+    | 'overflowWrap'
+    | 'pointerEvents'
+    | 'position'
+    | 'resize'
+    | 'scrollBehavior'
+    | 'touchAction'
+    | 'transformBox'
+    | 'transformStyle'
+    | 'userSelect'
+    | 'visibility'
+    | 'wordBreak'
+    | 'writingMode'
+  type WithEscapeHatch<T> = T | \`[\${string}]\`
+  type FilterVagueString<Key, Value> = Value extends boolean
+    ? Value
+    : Key extends StrictableProps
+      ? Value extends \`\${infer _}\` ? Value : never
+      : Value
+  type PropOrCondition<Key, Value> = ${(0, import_ts_pattern11.match)(ctx.config).with(
+    { strictTokens: true, strictPropertyValues: true },
+    () => "ConditionalValue<WithEscapeHatch<FilterVagueString<Key, Value>>>"
+  ).with({ strictTokens: true }, () => "ConditionalValue<WithEscapeHatch<Value>>").with({ strictPropertyValues: true }, () => "ConditionalValue<WithEscapeHatch<FilterVagueString<Key, Value>>>").otherwise(() => "ConditionalValue<Value | (string & {})>")}
 
   type PropertyTypeValue<T extends string> = T extends keyof PropertyTypes
-    ? ConditionalValue<PropertyTypes[T] | CssValue<T> | (string & {})>
+    ? PropOrCondition<T, ${strictPropertyValues && !strictTokens ? "T extends StrictableProps ? PropertyTypes[T] : PropertyTypes[T] | CssValue<T>" : "PropertyTypes[T] | CssValue<T>"}>
     : never;
 
   type CssPropertyValue<T extends string> = T extends keyof CssProperties
-    ? ConditionalValue<CssProperties[T] | (string & {})>
+    ? PropOrCondition<T, CssProperties[T]>
     : never;
 
   export type PropertyValue<T extends string> = T extends keyof PropertyTypes
     ? PropertyTypeValue<T>
     : T extends keyof CssProperties
       ? CssPropertyValue<T>
-      : ConditionalValue<string | number>
-  `}
+      : PropOrCondition<T, string | number>
   `;
 }
 
@@ -3795,7 +3860,7 @@ var Generator = class extends import_core4.Context {
     return generateArtifacts(this, ids);
   };
   appendCssOfType = (type, sheet) => {
-    (0, import_ts_pattern11.match)(type).with("preflight", () => generateResetCss(this, sheet)).with("tokens", () => generateTokenCss(this, sheet)).with("static", () => generateStaticCss(this, sheet)).with("global", () => generateGlobalCss(this, sheet)).with("keyframes", () => generateKeyframeCss(this, sheet)).otherwise(() => {
+    (0, import_ts_pattern12.match)(type).with("preflight", () => generateResetCss(this, sheet)).with("tokens", () => generateTokenCss(this, sheet)).with("static", () => generateStaticCss(this, sheet)).with("global", () => generateGlobalCss(this, sheet)).with("keyframes", () => generateKeyframeCss(this, sheet)).otherwise(() => {
       throw new Error(`Unknown css artifact type <${type}>`);
     });
   };

package/dist/index.mjs

@@ -1,6 +1,6 @@
 // src/generator.ts
 import { Context } from "@pandacss/core";
-import { match as match11 } from "ts-pattern";
+import { match as match12 } from "ts-pattern";
 
 // src/artifacts/setup-artifacts.ts
 import outdent43 from "outdent";
@@ -2782,9 +2782,10 @@ var generateTypesEntry = (ctx, isJsxRequired) => {
 
 // src/artifacts/types/prop-types.ts
 import { outdent as outdent40 } from "outdent";
+import { match as match11 } from "ts-pattern";
 function generatePropTypes(ctx) {
   const {
-    config: { strictTokens },
+    config: { strictTokens, strictPropertyValues },
     utility
   } = ctx;
   const result = [
@@ -2814,40 +2815,104 @@ function generatePropTypes(ctx) {
   return outdent40`
   ${result.join("\n")}
 
-  ${strictTokens ? `
-  type FilterString<T> = T extends \`\${infer _}\` ? T : never;
-  type WithArbitraryValue<T> = T | \`[\${string}]\`
-  type PropOrCondition<T> = ConditionalValue<WithArbitraryValue<T>>;
-
-  type PropertyTypeValue<T extends string> = T extends keyof PropertyTypes
-    ? PropOrCondition<FilterString<PropertyTypes[T]>>
-    : never;
-
-  type CssPropertyValue<T extends string> = T extends keyof CssProperties
-    ? PropOrCondition<FilterString<CssProperties[T]>>
-    : never;
-
-  export type PropertyValue<T extends string> = T extends keyof PropertyTypes
-    ? PropertyTypeValue<T>
-    : T extends keyof CssProperties
-      ? CssPropertyValue<T>
-      : PropOrCondition<string | number>
-    ` : `
+  type StrictableProps =
+    | 'alignContent'
+    | 'alignItems'
+    | 'alignSelf'
+    | 'all'
+    | 'animationComposition'
+    | 'animationDirection'
+    | 'animationFillMode'
+    | 'appearance'
+    | 'backfaceVisibility'
+    | 'backgroundAttachment'
+    | 'backgroundClip'
+    | 'borderCollapse'
+    | 'border'
+    | 'borderBlock'
+    | 'borderBlockEnd'
+    | 'borderBlockStart'
+    | 'borderBottom'
+    | 'borderInline'
+    | 'borderInlineEnd'
+    | 'borderInlineStart'
+    | 'borderLeft'
+    | 'borderRight'
+    | 'borderTop'
+    | 'borderBlockEndStyle'
+    | 'borderBlockStartStyle'
+    | 'borderBlockStyle'
+    | 'borderBottomStyle'
+    | 'borderInlineEndStyle'
+    | 'borderInlineStartStyle'
+    | 'borderInlineStyle'
+    | 'borderLeftStyle'
+    | 'borderRightStyle'
+    | 'borderTopStyle'
+    | 'boxDecorationBreak'
+    | 'boxSizing'
+    | 'breakAfter'
+    | 'breakBefore'
+    | 'breakInside'
+    | 'captionSide'
+    | 'clear'
+    | 'columnFill'
+    | 'columnRuleStyle'
+    | 'contentVisibility'
+    | 'direction'
+    | 'display'
+    | 'emptyCells'
+    | 'flexDirection'
+    | 'flexWrap'
+    | 'float'
+    | 'fontKerning'
+    | 'forcedColorAdjust'
+    | 'isolation'
+    | 'lineBreak'
+    | 'mixBlendMode'
+    | 'objectFit'
+    | 'outlineStyle'
+    | 'overflow'
+    | 'overflowX'
+    | 'overflowY'
+    | 'overflowBlock'
+    | 'overflowInline'
+    | 'overflowWrap'
+    | 'pointerEvents'
+    | 'position'
+    | 'resize'
+    | 'scrollBehavior'
+    | 'touchAction'
+    | 'transformBox'
+    | 'transformStyle'
+    | 'userSelect'
+    | 'visibility'
+    | 'wordBreak'
+    | 'writingMode'
+  type WithEscapeHatch<T> = T | \`[\${string}]\`
+  type FilterVagueString<Key, Value> = Value extends boolean
+    ? Value
+    : Key extends StrictableProps
+      ? Value extends \`\${infer _}\` ? Value : never
+      : Value
+  type PropOrCondition<Key, Value> = ${match11(ctx.config).with(
+    { strictTokens: true, strictPropertyValues: true },
+    () => "ConditionalValue<WithEscapeHatch<FilterVagueString<Key, Value>>>"
+  ).with({ strictTokens: true }, () => "ConditionalValue<WithEscapeHatch<Value>>").with({ strictPropertyValues: true }, () => "ConditionalValue<WithEscapeHatch<FilterVagueString<Key, Value>>>").otherwise(() => "ConditionalValue<Value | (string & {})>")}
 
   type PropertyTypeValue<T extends string> = T extends keyof PropertyTypes
-    ? ConditionalValue<PropertyTypes[T] | CssValue<T> | (string & {})>
+    ? PropOrCondition<T, ${strictPropertyValues && !strictTokens ? "T extends StrictableProps ? PropertyTypes[T] : PropertyTypes[T] | CssValue<T>" : "PropertyTypes[T] | CssValue<T>"}>
     : never;
 
   type CssPropertyValue<T extends string> = T extends keyof CssProperties
-    ? ConditionalValue<CssProperties[T] | (string & {})>
+    ? PropOrCondition<T, CssProperties[T]>
     : never;
 
   export type PropertyValue<T extends string> = T extends keyof PropertyTypes
     ? PropertyTypeValue<T>
     : T extends keyof CssProperties
       ? CssPropertyValue<T>
-      : ConditionalValue<string | number>
-  `}
+      : PropOrCondition<T, string | number>
   `;
 }
 
@@ -3759,7 +3824,7 @@ var Generator = class extends Context {
     return generateArtifacts(this, ids);
   };
   appendCssOfType = (type, sheet) => {
-    match11(type).with("preflight", () => generateResetCss(this, sheet)).with("tokens", () => generateTokenCss(this, sheet)).with("static", () => generateStaticCss(this, sheet)).with("global", () => generateGlobalCss(this, sheet)).with("keyframes", () => generateKeyframeCss(this, sheet)).otherwise(() => {
+    match12(type).with("preflight", () => generateResetCss(this, sheet)).with("tokens", () => generateTokenCss(this, sheet)).with("static", () => generateStaticCss(this, sheet)).with("global", () => generateGlobalCss(this, sheet)).with("keyframes", () => generateKeyframeCss(this, sheet)).otherwise(() => {
       throw new Error(`Unknown css artifact type <${type}>`);
     });
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.0.0-dev-20240108181940",
+  "version": "0.0.0-dev-20240108205048",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -37,12 +37,12 @@
     "pluralize": "8.0.0",
     "postcss": "^8.4.31",
     "ts-pattern": "5.0.5",
-    "@pandacss/core": "0.0.0-dev-20240108181940",
-    "@pandacss/is-valid-prop": "^0.0.0-dev-20240108181940",
-    "@pandacss/logger": "0.0.0-dev-20240108181940",
-    "@pandacss/shared": "0.0.0-dev-20240108181940",
-    "@pandacss/token-dictionary": "0.0.0-dev-20240108181940",
-    "@pandacss/types": "0.0.0-dev-20240108181940"
+    "@pandacss/core": "0.0.0-dev-20240108205048",
+    "@pandacss/is-valid-prop": "^0.0.0-dev-20240108205048",
+    "@pandacss/logger": "0.0.0-dev-20240108205048",
+    "@pandacss/shared": "0.0.0-dev-20240108205048",
+    "@pandacss/token-dictionary": "0.0.0-dev-20240108205048",
+    "@pandacss/types": "0.0.0-dev-20240108205048"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.33",