@pandacss/types 2.2.0 → 2.4.0

package/dist/config.d.ts

@@ -221,7 +221,7 @@ interface JsxOptions {
   /**
    * The style props allowed on generated JSX components
    * - When set to 'all', all style props are allowed.
-   * - When set to 'minimal', only the `css` prop is allowed.
+   * - When set to 'minimal', only the `css` prop, props ending in `Css`, and a pattern's or recipe's own props are allowed.
    * - When set to 'none', no style props are allowed and therefore the jsxFactory will not be importable.
    *
    * @default 'all'
@@ -242,6 +242,39 @@ interface JsxOptions {
    * ```
    */
   jsxStyleProps?: 'all' | 'minimal' | 'none'
+  /**
+   * Rules for which JSX components Panda extracts style props from.
+   * The last rule matching a component wins, over Panda's own detection.
+   *
+   * @example
+   * ```js
+   * jsxMatchTag: [
+   *   { from: '@tanstack/react-table', ignore: true },
+   *   { tag: /Button$/ },
+   *   { tag: 'Card', props: ['padding', 'color'] },
+   * ]
+   * ```
+   */
+  jsxMatchTag?: JsxMatchTagRule[]
+}
+
+export interface JsxMatchTagRule {
+  /**
+   * The component name as written in source, such as `Button` or `UI.Button`.
+   */
+  tag?: string | RegExp
+  /**
+   * The import path the component comes from, as written in source.
+   */
+  from?: string | RegExp
+  /**
+   * Extract only these style props.
+   */
+  props?: string[]
+  /**
+   * Never extract style props from matching components.
+   */
+  ignore?: boolean
 }
 
 interface CssgenOptions {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/types",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "description": "The types for css panda",
   "main": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",