@pandacss/generator 0.0.0-dev-20240212091357 → 0.0.0-dev-20240212185235

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 (3) hide show
  1. package/dist/index.js +26 -27
  2. package/dist/index.mjs +26 -27
  3. package/package.json +7 -7
package/dist/index.js CHANGED
@@ -936,11 +936,12 @@ function generatePreactJsxFactory(ctx) {
936
936
  options.defaultProps,
937
937
  )
938
938
 
939
+ const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
940
+ const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
941
+
939
942
  const ${componentName} = /* @__PURE__ */ forwardRef(function ${componentName}(props, ref) {
940
943
  const { as: Element = Dynamic.__base__ || Dynamic, children, ...restProps } = props
941
944
 
942
- const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
943
- const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
944
945
 
945
946
  const combinedProps = useMemo(() => Object.assign({}, defaultProps, restProps), [restProps])
946
947
 
@@ -974,7 +975,7 @@ function generatePreactJsxFactory(ctx) {
974
975
  const name = getDisplayName(Dynamic)
975
976
 
976
977
  ${componentName}.displayName = \`${factoryName}.\${name}\`
977
- ${componentName}.__cva__ = cvaFn
978
+ ${componentName}.__cva__ = __cvaFn__
978
979
  ${componentName}.__base__ = Dynamic
979
980
  ${componentName}.__shouldForwardProps__ = shouldForwardProp
980
981
 
@@ -1261,12 +1262,12 @@ function generateQwikJsxFactory(ctx) {
1261
1262
  options.defaultProps,
1262
1263
  )
1263
1264
 
1265
+ const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
1266
+ const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
1267
+
1264
1268
  const ${componentName} = function ${componentName}(props) {
1265
1269
  const { as: Element = Dynamic.__base__ || Dynamic, children, className, ...restProps } = props
1266
1270
 
1267
- const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
1268
- const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
1269
-
1270
1271
  const combinedProps = Object.assign({}, defaultProps, restProps)
1271
1272
 
1272
1273
  const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] =
@@ -1299,7 +1300,7 @@ function generateQwikJsxFactory(ctx) {
1299
1300
  const name = getDisplayName(Dynamic)
1300
1301
 
1301
1302
  ${componentName}.displayName = \`${factoryName}.\${name}\`
1302
- ${componentName}.__cva__ = cvaFn
1303
+ ${componentName}.__cva__ = __cvaFn__
1303
1304
  ${componentName}.__base__ = Dynamic
1304
1305
  ${componentName}.__shouldForwardProps__ = shouldForwardProp
1305
1306
 
@@ -1593,12 +1594,12 @@ function generateReactJsxFactory(ctx) {
1593
1594
  options.defaultProps,
1594
1595
  )
1595
1596
 
1597
+ const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
1598
+ const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
1599
+
1596
1600
  const ${componentName} = /* @__PURE__ */ forwardRef(function ${componentName}(props, ref) {
1597
1601
  const { as: Element = Dynamic.__base__ || Dynamic, children, ...restProps } = props
1598
1602
 
1599
- const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
1600
- const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
1601
-
1602
1603
  const combinedProps = useMemo(() => Object.assign({}, defaultProps, restProps), [restProps])
1603
1604
 
1604
1605
  const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] = useMemo(() => {
@@ -1631,7 +1632,7 @@ function generateReactJsxFactory(ctx) {
1631
1632
  const name = getDisplayName(Dynamic)
1632
1633
 
1633
1634
  ${componentName}.displayName = \`${factoryName}.\${name}\`
1634
- ${componentName}.__cva__ = cvaFn
1635
+ ${componentName}.__cva__ = __cvaFn__
1635
1636
  ${componentName}.__base__ = Dynamic
1636
1637
  ${componentName}.__shouldForwardProps__ = shouldForwardProp
1637
1638
 
@@ -1929,6 +1930,12 @@ function generateSolidJsxFactory(ctx) {
1929
1930
  options.defaultProps
1930
1931
  )
1931
1932
 
1933
+ const __cvaFn__ = composeCvaFn(element.__cva__, cvaFn)
1934
+ const __shouldForwardProps__ = composeShouldForwardProps(
1935
+ element,
1936
+ shouldForwardProp
1937
+ )
1938
+
1932
1939
  const ${componentName} = (props) => {
1933
1940
  const mergedProps = mergeProps(
1934
1941
  { as: element.__base__ || element },
@@ -1936,13 +1943,6 @@ function generateSolidJsxFactory(ctx) {
1936
1943
  props
1937
1944
  )
1938
1945
 
1939
- const __cvaFn__ = composeCvaFn(element.__cva__, cvaFn)
1940
-
1941
- const __shouldForwardProps__ = composeShouldForwardProps(
1942
- element,
1943
- shouldForwardProp
1944
- )
1945
-
1946
1946
  const [localProps, restProps] = splitProps(mergedProps, [
1947
1947
  'as',
1948
1948
  'class',
@@ -1976,7 +1976,7 @@ function generateSolidJsxFactory(ctx) {
1976
1976
  localProps.className
1977
1977
  )
1978
1978
  }
1979
-
1979
+
1980
1980
  function cvaClass() {
1981
1981
  const { css: cssStyles, ...propStyles } = styleProps
1982
1982
  const cvaStyles = __cvaFn__.raw(variantProps)
@@ -2009,7 +2009,7 @@ function generateSolidJsxFactory(ctx) {
2009
2009
  const name = getDisplayName(element)
2010
2010
 
2011
2011
  ${componentName}.displayName = \`${factoryName}.\${name}\`
2012
- ${componentName}.__cva__ = cvaFn
2012
+ ${componentName}.__cva__ = __cvaFn__
2013
2013
  ${componentName}.__base__ = element
2014
2014
  ${componentName}.__shouldForwardProps__ = shouldForwardProp
2015
2015
 
@@ -2304,6 +2304,8 @@ function generateVueJsxFactory(ctx) {
2304
2304
  )
2305
2305
 
2306
2306
  const name = getDisplayName(Dynamic)
2307
+ const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
2308
+ const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
2307
2309
 
2308
2310
  const ${componentName} = defineComponent({
2309
2311
  name: \`${factoryName}.\${name}\`,
@@ -2313,9 +2315,6 @@ function generateVueJsxFactory(ctx) {
2313
2315
  as: { type: [String, Object], default: Dynamic.__base__ || Dynamic }
2314
2316
  },
2315
2317
  setup(props, { slots, attrs, emit }) {
2316
- const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
2317
- const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
2318
-
2319
2318
  const combinedProps = computed(() => Object.assign({}, defaultProps, attrs))
2320
2319
 
2321
2320
  const splittedProps = computed(() => {
@@ -2340,7 +2339,7 @@ function generateVueJsxFactory(ctx) {
2340
2339
 
2341
2340
  const vModelProps = computed(() => {
2342
2341
  const result = {};
2343
-
2342
+
2344
2343
  if (
2345
2344
  props.as === 'input' &&
2346
2345
  (props.type === 'checkbox' || props.type === 'radio')
@@ -2363,13 +2362,13 @@ function generateVueJsxFactory(ctx) {
2363
2362
  emit('update:modelValue', value, event);
2364
2363
  };
2365
2364
  }
2366
-
2365
+
2367
2366
  return result;
2368
2367
  });
2369
2368
 
2370
2369
  return () => {
2371
2370
  const [htmlProps, forwardedProps, _variantProps, _styleProps, elementProps] = splittedProps.value
2372
-
2371
+
2373
2372
  return h(
2374
2373
  props.as,
2375
2374
  {
@@ -2386,7 +2385,7 @@ function generateVueJsxFactory(ctx) {
2386
2385
  })
2387
2386
 
2388
2387
  ${componentName}.displayName = \`${factoryName}.\${name}\`
2389
- ${componentName}.__cva__ = cvaFn
2388
+ ${componentName}.__cva__ = __cvaFn__
2390
2389
  ${componentName}.__base__ = Dynamic
2391
2390
  ${componentName}.__shouldForwardProps__ = shouldForwardProp
2392
2391
 
package/dist/index.mjs CHANGED
@@ -900,11 +900,12 @@ function generatePreactJsxFactory(ctx) {
900
900
  options.defaultProps,
901
901
  )
902
902
 
903
+ const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
904
+ const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
905
+
903
906
  const ${componentName} = /* @__PURE__ */ forwardRef(function ${componentName}(props, ref) {
904
907
  const { as: Element = Dynamic.__base__ || Dynamic, children, ...restProps } = props
905
908
 
906
- const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
907
- const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
908
909
 
909
910
  const combinedProps = useMemo(() => Object.assign({}, defaultProps, restProps), [restProps])
910
911
 
@@ -938,7 +939,7 @@ function generatePreactJsxFactory(ctx) {
938
939
  const name = getDisplayName(Dynamic)
939
940
 
940
941
  ${componentName}.displayName = \`${factoryName}.\${name}\`
941
- ${componentName}.__cva__ = cvaFn
942
+ ${componentName}.__cva__ = __cvaFn__
942
943
  ${componentName}.__base__ = Dynamic
943
944
  ${componentName}.__shouldForwardProps__ = shouldForwardProp
944
945
 
@@ -1225,12 +1226,12 @@ function generateQwikJsxFactory(ctx) {
1225
1226
  options.defaultProps,
1226
1227
  )
1227
1228
 
1229
+ const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
1230
+ const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
1231
+
1228
1232
  const ${componentName} = function ${componentName}(props) {
1229
1233
  const { as: Element = Dynamic.__base__ || Dynamic, children, className, ...restProps } = props
1230
1234
 
1231
- const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
1232
- const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
1233
-
1234
1235
  const combinedProps = Object.assign({}, defaultProps, restProps)
1235
1236
 
1236
1237
  const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] =
@@ -1263,7 +1264,7 @@ function generateQwikJsxFactory(ctx) {
1263
1264
  const name = getDisplayName(Dynamic)
1264
1265
 
1265
1266
  ${componentName}.displayName = \`${factoryName}.\${name}\`
1266
- ${componentName}.__cva__ = cvaFn
1267
+ ${componentName}.__cva__ = __cvaFn__
1267
1268
  ${componentName}.__base__ = Dynamic
1268
1269
  ${componentName}.__shouldForwardProps__ = shouldForwardProp
1269
1270
 
@@ -1557,12 +1558,12 @@ function generateReactJsxFactory(ctx) {
1557
1558
  options.defaultProps,
1558
1559
  )
1559
1560
 
1561
+ const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
1562
+ const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
1563
+
1560
1564
  const ${componentName} = /* @__PURE__ */ forwardRef(function ${componentName}(props, ref) {
1561
1565
  const { as: Element = Dynamic.__base__ || Dynamic, children, ...restProps } = props
1562
1566
 
1563
- const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
1564
- const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
1565
-
1566
1567
  const combinedProps = useMemo(() => Object.assign({}, defaultProps, restProps), [restProps])
1567
1568
 
1568
1569
  const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] = useMemo(() => {
@@ -1595,7 +1596,7 @@ function generateReactJsxFactory(ctx) {
1595
1596
  const name = getDisplayName(Dynamic)
1596
1597
 
1597
1598
  ${componentName}.displayName = \`${factoryName}.\${name}\`
1598
- ${componentName}.__cva__ = cvaFn
1599
+ ${componentName}.__cva__ = __cvaFn__
1599
1600
  ${componentName}.__base__ = Dynamic
1600
1601
  ${componentName}.__shouldForwardProps__ = shouldForwardProp
1601
1602
 
@@ -1893,6 +1894,12 @@ function generateSolidJsxFactory(ctx) {
1893
1894
  options.defaultProps
1894
1895
  )
1895
1896
 
1897
+ const __cvaFn__ = composeCvaFn(element.__cva__, cvaFn)
1898
+ const __shouldForwardProps__ = composeShouldForwardProps(
1899
+ element,
1900
+ shouldForwardProp
1901
+ )
1902
+
1896
1903
  const ${componentName} = (props) => {
1897
1904
  const mergedProps = mergeProps(
1898
1905
  { as: element.__base__ || element },
@@ -1900,13 +1907,6 @@ function generateSolidJsxFactory(ctx) {
1900
1907
  props
1901
1908
  )
1902
1909
 
1903
- const __cvaFn__ = composeCvaFn(element.__cva__, cvaFn)
1904
-
1905
- const __shouldForwardProps__ = composeShouldForwardProps(
1906
- element,
1907
- shouldForwardProp
1908
- )
1909
-
1910
1910
  const [localProps, restProps] = splitProps(mergedProps, [
1911
1911
  'as',
1912
1912
  'class',
@@ -1940,7 +1940,7 @@ function generateSolidJsxFactory(ctx) {
1940
1940
  localProps.className
1941
1941
  )
1942
1942
  }
1943
-
1943
+
1944
1944
  function cvaClass() {
1945
1945
  const { css: cssStyles, ...propStyles } = styleProps
1946
1946
  const cvaStyles = __cvaFn__.raw(variantProps)
@@ -1973,7 +1973,7 @@ function generateSolidJsxFactory(ctx) {
1973
1973
  const name = getDisplayName(element)
1974
1974
 
1975
1975
  ${componentName}.displayName = \`${factoryName}.\${name}\`
1976
- ${componentName}.__cva__ = cvaFn
1976
+ ${componentName}.__cva__ = __cvaFn__
1977
1977
  ${componentName}.__base__ = element
1978
1978
  ${componentName}.__shouldForwardProps__ = shouldForwardProp
1979
1979
 
@@ -2268,6 +2268,8 @@ function generateVueJsxFactory(ctx) {
2268
2268
  )
2269
2269
 
2270
2270
  const name = getDisplayName(Dynamic)
2271
+ const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
2272
+ const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
2271
2273
 
2272
2274
  const ${componentName} = defineComponent({
2273
2275
  name: \`${factoryName}.\${name}\`,
@@ -2277,9 +2279,6 @@ function generateVueJsxFactory(ctx) {
2277
2279
  as: { type: [String, Object], default: Dynamic.__base__ || Dynamic }
2278
2280
  },
2279
2281
  setup(props, { slots, attrs, emit }) {
2280
- const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
2281
- const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
2282
-
2283
2282
  const combinedProps = computed(() => Object.assign({}, defaultProps, attrs))
2284
2283
 
2285
2284
  const splittedProps = computed(() => {
@@ -2304,7 +2303,7 @@ function generateVueJsxFactory(ctx) {
2304
2303
 
2305
2304
  const vModelProps = computed(() => {
2306
2305
  const result = {};
2307
-
2306
+
2308
2307
  if (
2309
2308
  props.as === 'input' &&
2310
2309
  (props.type === 'checkbox' || props.type === 'radio')
@@ -2327,13 +2326,13 @@ function generateVueJsxFactory(ctx) {
2327
2326
  emit('update:modelValue', value, event);
2328
2327
  };
2329
2328
  }
2330
-
2329
+
2331
2330
  return result;
2332
2331
  });
2333
2332
 
2334
2333
  return () => {
2335
2334
  const [htmlProps, forwardedProps, _variantProps, _styleProps, elementProps] = splittedProps.value
2336
-
2335
+
2337
2336
  return h(
2338
2337
  props.as,
2339
2338
  {
@@ -2350,7 +2349,7 @@ function generateVueJsxFactory(ctx) {
2350
2349
  })
2351
2350
 
2352
2351
  ${componentName}.displayName = \`${factoryName}.\${name}\`
2353
- ${componentName}.__cva__ = cvaFn
2352
+ ${componentName}.__cva__ = __cvaFn__
2354
2353
  ${componentName}.__base__ = Dynamic
2355
2354
  ${componentName}.__shouldForwardProps__ = shouldForwardProp
2356
2355
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pandacss/generator",
3
- "version": "0.0.0-dev-20240212091357",
3
+ "version": "0.0.0-dev-20240212185235",
4
4
  "description": "The css generator for css panda",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -37,12 +37,12 @@
37
37
  "pluralize": "8.0.0",
38
38
  "postcss": "^8.4.31",
39
39
  "ts-pattern": "5.0.5",
40
- "@pandacss/core": "0.0.0-dev-20240212091357",
41
- "@pandacss/is-valid-prop": "^0.0.0-dev-20240212091357",
42
- "@pandacss/logger": "0.0.0-dev-20240212091357",
43
- "@pandacss/shared": "0.0.0-dev-20240212091357",
44
- "@pandacss/token-dictionary": "0.0.0-dev-20240212091357",
45
- "@pandacss/types": "0.0.0-dev-20240212091357"
40
+ "@pandacss/core": "0.0.0-dev-20240212185235",
41
+ "@pandacss/is-valid-prop": "^0.0.0-dev-20240212185235",
42
+ "@pandacss/logger": "0.0.0-dev-20240212185235",
43
+ "@pandacss/shared": "0.0.0-dev-20240212185235",
44
+ "@pandacss/token-dictionary": "0.0.0-dev-20240212185235",
45
+ "@pandacss/types": "0.0.0-dev-20240212185235"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@types/pluralize": "0.0.33"