@pandacss/shared 0.8.0 → 0.10.0

package/dist/astish.d.mts

@@ -0,0 +1,3 @@
+declare const astish: (val: string, tree?: any[]) => Record<string, any>;
+
+export { astish };

package/dist/astish.d.ts

@@ -0,0 +1,3 @@
+declare const astish: (val: string, tree?: any[]) => Record<string, any>;
+
+export { astish };

package/dist/astish.js

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/astish.ts
+var astish_exports = {};
+__export(astish_exports, {
+  astish: () => astish
+});
+module.exports = __toCommonJS(astish_exports);
+var newRule = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g;
+var ruleClean = /\/\*[^]*?\*\/|\s\s+|\n/g;
+var astish = (val, tree = [{}]) => {
+  const block = newRule.exec((val ?? "").replace(ruleClean, ""));
+  if (!block)
+    return tree[0];
+  if (block[4])
+    tree.shift();
+  else if (block[3])
+    tree.unshift(tree[0][block[3]] = tree[0][block[3]] || {});
+  else
+    tree[0][block[1]] = block[2];
+  return astish(val, tree);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  astish
+});

package/dist/astish.mjs

@@ -0,0 +1,18 @@
+// src/astish.ts
+var newRule = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g;
+var ruleClean = /\/\*[^]*?\*\/|\s\s+|\n/g;
+var astish = (val, tree = [{}]) => {
+  const block = newRule.exec((val ?? "").replace(ruleClean, ""));
+  if (!block)
+    return tree[0];
+  if (block[4])
+    tree.shift();
+  else if (block[3])
+    tree.unshift(tree[0][block[3]] = tree[0][block[3]] || {});
+  else
+    tree[0][block[1]] = block[2];
+  return astish(val, tree);
+};
+export {
+  astish
+};

package/dist/index.d.mts

@@ -1,5 +1,6 @@
-import { W as WalkObjectStopFn, M as MappedObject, C as CreateCssContext } from './split-props-3d8b55c4.js';
-export { n as WalkObjectOptions, c as astish, f as compact, d as createCss, e as createMergeCss, h as filterBaseConditions, l as hypenateProperty, g as isBaseCondition, a as isFunction, j as isImportant, b as isObject, i as isString, p as mapObject, m as mergeProps, s as splitProps, t as toHash, o as walkObject, w as withoutImportant, k as withoutSpace } from './split-props-3d8b55c4.js';
+import { W as WalkObjectStopFn, M as MappedObject, C as CreateCssContext } from './shared-2763c513.js';
+export { p as WalkObjectOptions, e as compact, c as createCss, d as createMergeCss, g as filterBaseConditions, o as getSlotCompoundVariant, n as getSlotRecipes, k as hypenateProperty, f as isBaseCondition, a as isFunction, h as isImportant, b as isObject, i as isString, r as mapObject, m as memo, l as mergeProps, s as splitProps, t as toHash, q as walkObject, w as withoutImportant, j as withoutSpace } from './shared-2763c513.js';
+export { astish } from './astish.mjs';
 
 type Operand = string | number | {
     ref: string;
@@ -34,12 +35,12 @@ declare const esc: (sel: string) => string;
 
 declare function flatten(values: Record<string, Record<string, any>>, stop?: WalkObjectStopFn): Record<string, any>;
 
-declare const memo: <T extends (...args: any[]) => any>(fn: T) => T;
-
 type NormalizeContext = Pick<CreateCssContext, 'utility' | 'conditions'>;
 declare function normalizeShorthand(styles: Record<string, any>, context: NormalizeContext): MappedObject<Record<string, any>, any>;
 declare function normalizeStyleObject(styles: Record<string, any>, context: NormalizeContext): MappedObject<Record<string, any>, any>;
 
+declare const createRegex: (item: Array<string | RegExp>) => RegExp;
+
 declare function splitBy(value: string, separator?: string): any[];
 declare function splitDotPath(path: string): string[];
 declare function getNegativePath(path: string[]): string[];
@@ -50,6 +51,6 @@ type MapToRecord<K extends Map<string, any>> = {
 };
 declare function mapToJson<T extends Map<string, any>>(map: T): MapToRecord<T>;
 
-declare function unionType(values: IterableIterator<string> | string[] | Set<string>): string;
+declare function unionType(values: IterableIterator<string> | string[] | readonly string[] | Set<string>): string;
 
-export { CreateCssContext, CssVar, CssVarOptions, MappedObject, WalkObjectStopFn, calc, camelCaseProperty, capitalize, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, mapToJson, memo, normalizeShorthand, normalizeStyleObject, splitBy, splitDotPath, toEm, toPx, toRem, uncapitalize, unionType };
+export { CreateCssContext, CssVar, CssVarOptions, MappedObject, WalkObjectStopFn, calc, camelCaseProperty, capitalize, createRegex, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, mapToJson, normalizeShorthand, normalizeStyleObject, splitBy, splitDotPath, toEm, toPx, toRem, uncapitalize, unionType };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-import { W as WalkObjectStopFn, M as MappedObject, C as CreateCssContext } from './split-props-3d8b55c4.js';
-export { n as WalkObjectOptions, c as astish, f as compact, d as createCss, e as createMergeCss, h as filterBaseConditions, l as hypenateProperty, g as isBaseCondition, a as isFunction, j as isImportant, b as isObject, i as isString, p as mapObject, m as mergeProps, s as splitProps, t as toHash, o as walkObject, w as withoutImportant, k as withoutSpace } from './split-props-3d8b55c4.js';
+import { W as WalkObjectStopFn, M as MappedObject, C as CreateCssContext } from './shared-2763c513.js';
+export { p as WalkObjectOptions, e as compact, c as createCss, d as createMergeCss, g as filterBaseConditions, o as getSlotCompoundVariant, n as getSlotRecipes, k as hypenateProperty, f as isBaseCondition, a as isFunction, h as isImportant, b as isObject, i as isString, r as mapObject, m as memo, l as mergeProps, s as splitProps, t as toHash, q as walkObject, w as withoutImportant, j as withoutSpace } from './shared-2763c513.js';
+export { astish } from './astish.js';
 
 type Operand = string | number | {
     ref: string;
@@ -34,12 +35,12 @@ declare const esc: (sel: string) => string;
 
 declare function flatten(values: Record<string, Record<string, any>>, stop?: WalkObjectStopFn): Record<string, any>;
 
-declare const memo: <T extends (...args: any[]) => any>(fn: T) => T;
-
 type NormalizeContext = Pick<CreateCssContext, 'utility' | 'conditions'>;
 declare function normalizeShorthand(styles: Record<string, any>, context: NormalizeContext): MappedObject<Record<string, any>, any>;
 declare function normalizeStyleObject(styles: Record<string, any>, context: NormalizeContext): MappedObject<Record<string, any>, any>;
 
+declare const createRegex: (item: Array<string | RegExp>) => RegExp;
+
 declare function splitBy(value: string, separator?: string): any[];
 declare function splitDotPath(path: string): string[];
 declare function getNegativePath(path: string[]): string[];
@@ -50,6 +51,6 @@ type MapToRecord<K extends Map<string, any>> = {
 };
 declare function mapToJson<T extends Map<string, any>>(map: T): MapToRecord<T>;
 
-declare function unionType(values: IterableIterator<string> | string[] | Set<string>): string;
+declare function unionType(values: IterableIterator<string> | string[] | readonly string[] | Set<string>): string;
 
-export { CreateCssContext, CssVar, CssVarOptions, MappedObject, WalkObjectStopFn, calc, camelCaseProperty, capitalize, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, mapToJson, memo, normalizeShorthand, normalizeStyleObject, splitBy, splitDotPath, toEm, toPx, toRem, uncapitalize, unionType };
+export { CreateCssContext, CssVar, CssVarOptions, MappedObject, WalkObjectStopFn, calc, camelCaseProperty, capitalize, createRegex, cssVar, dashCase, esc, flatten, getDotPath, getNegativePath, getUnit, mapToJson, normalizeShorthand, normalizeStyleObject, splitBy, splitDotPath, toEm, toPx, toRem, uncapitalize, unionType };

package/dist/index.js

@@ -27,6 +27,7 @@ __export(src_exports, {
   compact: () => compact,
   createCss: () => createCss,
   createMergeCss: () => createMergeCss,
+  createRegex: () => createRegex,
   cssVar: () => cssVar,
   dashCase: () => dashCase,
   esc: () => esc2,
@@ -34,6 +35,8 @@ __export(src_exports, {
   flatten: () => flatten,
   getDotPath: () => getDotPath,
   getNegativePath: () => getNegativePath,
+  getSlotCompoundVariant: () => getSlotCompoundVariant,
+  getSlotRecipes: () => getSlotRecipes,
   getUnit: () => getUnit,
   hypenateProperty: () => hypenateProperty,
   isBaseCondition: () => isBaseCondition,
@@ -435,6 +438,59 @@ var hypenateProperty = memo((property) => {
   return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();
 });
 
+// src/regex.ts
+var createRegex = (item) => {
+  const regex2 = item.map((item2) => typeof item2 === "string" ? item2 : item2.source).join("|");
+  return new RegExp(`^${regex2}$`);
+};
+
+// src/slot.ts
+var assign = (obj, path, value) => {
+  const last = path.pop();
+  const target = path.reduce((acc, key) => {
+    if (acc[key] == null)
+      acc[key] = {};
+    return acc[key];
+  }, obj);
+  if (last != null)
+    target[last] = value;
+};
+var getSlotRecipes = (recipe) => {
+  const parts = recipe.slots.map((slot) => [
+    slot,
+    // setup base recipe
+    {
+      // create class-base on BEM
+      className: [recipe.className ?? "", slot].join("__"),
+      base: {},
+      variants: {},
+      defaultVariants: recipe.defaultVariants ?? {},
+      compoundVariants: []
+    }
+  ]).map(([slot, cva]) => {
+    const base = recipe.base[slot];
+    if (base)
+      cva.base = base;
+    walkObject(
+      recipe.variants ?? {},
+      (variant, path) => {
+        if (!variant[slot])
+          return;
+        assign(cva, ["variants", ...path], variant[slot]);
+      },
+      {
+        stop: (_value, path) => path.includes(slot)
+      }
+    );
+    if (recipe.compoundVariants) {
+      cva.compoundVariants = getSlotCompoundVariant(recipe.compoundVariants, slot);
+    }
+    return [slot, cva];
+  });
+  return Object.fromEntries(parts);
+};
+var getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] }));
+
 // src/split.ts
 function splitBy(value, separator = ",") {
   const result = [];
@@ -531,6 +587,7 @@ function unionType(values) {
   compact,
   createCss,
   createMergeCss,
+  createRegex,
   cssVar,
   dashCase,
   esc,
@@ -538,6 +595,8 @@ function unionType(values) {
   flatten,
   getDotPath,
   getNegativePath,
+  getSlotCompoundVariant,
+  getSlotRecipes,
   getUnit,
   hypenateProperty,
   isBaseCondition,

package/dist/index.mjs

@@ -371,6 +371,59 @@ var hypenateProperty = memo((property) => {
   return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();
 });
 
+// src/regex.ts
+var createRegex = (item) => {
+  const regex2 = item.map((item2) => typeof item2 === "string" ? item2 : item2.source).join("|");
+  return new RegExp(`^${regex2}$`);
+};
+
+// src/slot.ts
+var assign = (obj, path, value) => {
+  const last = path.pop();
+  const target = path.reduce((acc, key) => {
+    if (acc[key] == null)
+      acc[key] = {};
+    return acc[key];
+  }, obj);
+  if (last != null)
+    target[last] = value;
+};
+var getSlotRecipes = (recipe) => {
+  const parts = recipe.slots.map((slot) => [
+    slot,
+    // setup base recipe
+    {
+      // create class-base on BEM
+      className: [recipe.className ?? "", slot].join("__"),
+      base: {},
+      variants: {},
+      defaultVariants: recipe.defaultVariants ?? {},
+      compoundVariants: []
+    }
+  ]).map(([slot, cva]) => {
+    const base = recipe.base[slot];
+    if (base)
+      cva.base = base;
+    walkObject(
+      recipe.variants ?? {},
+      (variant, path) => {
+        if (!variant[slot])
+          return;
+        assign(cva, ["variants", ...path], variant[slot]);
+      },
+      {
+        stop: (_value, path) => path.includes(slot)
+      }
+    );
+    if (recipe.compoundVariants) {
+      cva.compoundVariants = getSlotCompoundVariant(recipe.compoundVariants, slot);
+    }
+    return [slot, cva];
+  });
+  return Object.fromEntries(parts);
+};
+var getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] }));
+
 // src/split.ts
 function splitBy(value, separator = ",") {
   const result = [];
@@ -466,6 +519,7 @@ export {
   compact,
   createCss,
   createMergeCss,
+  createRegex,
   cssVar,
   dashCase,
   esc2 as esc,
@@ -473,6 +527,8 @@ export {
   flatten,
   getDotPath,
   getNegativePath,
+  getSlotCompoundVariant,
+  getSlotRecipes,
   getUnit,
   hypenateProperty,
   isBaseCondition,

package/dist/normalize-html.d.mts

@@ -0,0 +1,8 @@
+declare function normalizeHTMLProps(props: Record<string, any>): {
+    [k: string]: any;
+};
+declare namespace normalizeHTMLProps {
+    var keys: string[];
+}
+
+export { normalizeHTMLProps };

package/dist/normalize-html.d.ts

@@ -0,0 +1,8 @@
+declare function normalizeHTMLProps(props: Record<string, any>): {
+    [k: string]: any;
+};
+declare namespace normalizeHTMLProps {
+    var keys: string[];
+}
+
+export { normalizeHTMLProps };

package/dist/normalize-html.js

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/normalize-html.ts
+var normalize_html_exports = {};
+__export(normalize_html_exports, {
+  normalizeHTMLProps: () => normalizeHTMLProps
+});
+module.exports = __toCommonJS(normalize_html_exports);
+var htmlProps = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"];
+function convert(key) {
+  return htmlProps.includes(key) ? key.replace("html", "").toLowerCase() : key;
+}
+function normalizeHTMLProps(props) {
+  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));
+}
+normalizeHTMLProps.keys = htmlProps;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  normalizeHTMLProps
+});

package/dist/normalize-html.mjs

@@ -0,0 +1,12 @@
+// src/normalize-html.ts
+var htmlProps = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"];
+function convert(key) {
+  return htmlProps.includes(key) ? key.replace("html", "").toLowerCase() : key;
+}
+function normalizeHTMLProps(props) {
+  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));
+}
+normalizeHTMLProps.keys = htmlProps;
+export {
+  normalizeHTMLProps
+};

package/dist/{split-props-3d8b55c4.d.ts → shared-2763c513.d.ts}

@@ -3,8 +3,6 @@ type AnyFunction = (...args: any[]) => any;
 declare const isFunction: (v: any) => v is AnyFunction;
 declare function isObject(value: any): value is Record<string, any>;
 
-declare const astish: (val: string, tree?: any[]) => Record<string, any>;
-
 type CreateCssContext = {
     hash?: boolean;
     /**
@@ -61,11 +59,22 @@ declare function toHash(value: string): string;
 
 declare const hypenateProperty: (property: string) => string;
 
+declare const memo: <T extends (...args: any[]) => any>(fn: T) => T;
+
 declare function mergeProps<T extends Record<string, unknown>>(...sources: T[]): T;
 
+declare const getSlotRecipes: (recipe: any) => {
+    [k: string]: any;
+};
+declare const getSlotCompoundVariant: <T extends {
+    css: any;
+}>(compoundVariants: T[], slotName: string) => (T & {
+    css: any;
+})[];
+
 type Dict = Record<string, unknown>;
 type PredicateFn = (key: string) => boolean;
 type Key = PredicateFn | string[];
 declare function splitProps(props: Dict, ...keys: Key[]): Dict[];
 
-export { CreateCssContext as C, MappedObject as M, WalkObjectStopFn as W, isFunction as a, isObject as b, astish as c, createCss as d, createMergeCss as e, compact as f, isBaseCondition as g, filterBaseConditions as h, isString as i, isImportant as j, withoutSpace as k, hypenateProperty as l, mergeProps as m, WalkObjectOptions as n, walkObject as o, mapObject as p, splitProps as s, toHash as t, withoutImportant as w };
+export { CreateCssContext as C, MappedObject as M, WalkObjectStopFn as W, isFunction as a, isObject as b, createCss as c, createMergeCss as d, compact as e, isBaseCondition as f, filterBaseConditions as g, isImportant as h, isString as i, withoutSpace as j, hypenateProperty as k, mergeProps as l, memo as m, getSlotRecipes as n, getSlotCompoundVariant as o, WalkObjectOptions as p, walkObject as q, mapObject as r, splitProps as s, toHash as t, withoutImportant as w };

package/dist/shared.d.mts

@@ -1,10 +1 @@
-export { c as astish, f as compact, d as createCss, e as createMergeCss, h as filterBaseConditions, l as hypenateProperty, g as isBaseCondition, b as isObject, p as mapObject, m as mergeProps, s as splitProps, t as toHash, o as walkObject, k as withoutSpace } from './split-props-3d8b55c4.js';
-
-declare function normalizeHTMLProps(props: Record<string, any>): {
-    [k: string]: any;
-};
-declare namespace normalizeHTMLProps {
-    var keys: string[];
-}
-
-export { normalizeHTMLProps };
+export { e as compact, c as createCss, d as createMergeCss, g as filterBaseConditions, o as getSlotCompoundVariant, n as getSlotRecipes, k as hypenateProperty, f as isBaseCondition, b as isObject, r as mapObject, m as memo, l as mergeProps, s as splitProps, t as toHash, q as walkObject, j as withoutSpace } from './shared-2763c513.js';

package/dist/shared.d.ts

@@ -1,10 +1 @@
-export { c as astish, f as compact, d as createCss, e as createMergeCss, h as filterBaseConditions, l as hypenateProperty, g as isBaseCondition, b as isObject, p as mapObject, m as mergeProps, s as splitProps, t as toHash, o as walkObject, k as withoutSpace } from './split-props-3d8b55c4.js';
-
-declare function normalizeHTMLProps(props: Record<string, any>): {
-    [k: string]: any;
-};
-declare namespace normalizeHTMLProps {
-    var keys: string[];
-}
-
-export { normalizeHTMLProps };
+export { e as compact, c as createCss, d as createMergeCss, g as filterBaseConditions, o as getSlotCompoundVariant, n as getSlotRecipes, k as hypenateProperty, f as isBaseCondition, b as isObject, r as mapObject, m as memo, l as mergeProps, s as splitProps, t as toHash, q as walkObject, j as withoutSpace } from './shared-2763c513.js';

package/dist/shared.js

@@ -20,17 +20,18 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/shared.ts
 var shared_exports = {};
 __export(shared_exports, {
-  astish: () => astish,
   compact: () => compact,
   createCss: () => createCss,
   createMergeCss: () => createMergeCss,
   filterBaseConditions: () => filterBaseConditions,
+  getSlotCompoundVariant: () => getSlotCompoundVariant,
+  getSlotRecipes: () => getSlotRecipes,
   hypenateProperty: () => hypenateProperty,
   isBaseCondition: () => isBaseCondition,
   isObject: () => isObject,
   mapObject: () => mapObject,
+  memo: () => memo,
   mergeProps: () => mergeProps,
-  normalizeHTMLProps: () => normalizeHTMLProps,
   splitProps: () => splitProps,
   toHash: () => toHash,
   walkObject: () => walkObject,
@@ -43,22 +44,6 @@ function isObject(value) {
   return typeof value === "object" && value != null && !Array.isArray(value);
 }
 
-// src/astish.ts
-var newRule = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g;
-var ruleClean = /\/\*[^]*?\*\/|\s\s+|\n/g;
-var astish = (val, tree = [{}]) => {
-  const block = newRule.exec((val ?? "").replace(ruleClean, ""));
-  if (!block)
-    return tree[0];
-  if (block[4])
-    tree.shift();
-  else if (block[3])
-    tree.unshift(tree[0][block[3]] = tree[0][block[3]] || {});
-  else
-    tree[0][block[1]] = block[2];
-  return astish(val, tree);
-};
-
 // src/compact.ts
 function compact(value) {
   return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
@@ -265,15 +250,52 @@ var hypenateProperty = memo((property) => {
   return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();
 });
 
-// src/normalize-html.ts
-var htmlProps = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"];
-function convert(key) {
-  return htmlProps.includes(key) ? key.replace("html", "").toLowerCase() : key;
-}
-function normalizeHTMLProps(props) {
-  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));
-}
-normalizeHTMLProps.keys = htmlProps;
+// src/slot.ts
+var assign = (obj, path, value) => {
+  const last = path.pop();
+  const target = path.reduce((acc, key) => {
+    if (acc[key] == null)
+      acc[key] = {};
+    return acc[key];
+  }, obj);
+  if (last != null)
+    target[last] = value;
+};
+var getSlotRecipes = (recipe) => {
+  const parts = recipe.slots.map((slot) => [
+    slot,
+    // setup base recipe
+    {
+      // create class-base on BEM
+      className: [recipe.className ?? "", slot].join("__"),
+      base: {},
+      variants: {},
+      defaultVariants: recipe.defaultVariants ?? {},
+      compoundVariants: []
+    }
+  ]).map(([slot, cva]) => {
+    const base = recipe.base[slot];
+    if (base)
+      cva.base = base;
+    walkObject(
+      recipe.variants ?? {},
+      (variant, path) => {
+        if (!variant[slot])
+          return;
+        assign(cva, ["variants", ...path], variant[slot]);
+      },
+      {
+        stop: (_value, path) => path.includes(slot)
+      }
+    );
+    if (recipe.compoundVariants) {
+      cva.compoundVariants = getSlotCompoundVariant(recipe.compoundVariants, slot);
+    }
+    return [slot, cva];
+  });
+  return Object.fromEntries(parts);
+};
+var getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] }));
 
 // src/split-props.ts
 function splitProps(props, ...keys) {
@@ -295,17 +317,18 @@ function splitProps(props, ...keys) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  astish,
   compact,
   createCss,
   createMergeCss,
   filterBaseConditions,
+  getSlotCompoundVariant,
+  getSlotRecipes,
   hypenateProperty,
   isBaseCondition,
   isObject,
   mapObject,
+  memo,
   mergeProps,
-  normalizeHTMLProps,
   splitProps,
   toHash,
   walkObject,

package/dist/shared.mjs

@@ -3,22 +3,6 @@ function isObject(value) {
   return typeof value === "object" && value != null && !Array.isArray(value);
 }
 
-// src/astish.ts
-var newRule = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g;
-var ruleClean = /\/\*[^]*?\*\/|\s\s+|\n/g;
-var astish = (val, tree = [{}]) => {
-  const block = newRule.exec((val ?? "").replace(ruleClean, ""));
-  if (!block)
-    return tree[0];
-  if (block[4])
-    tree.shift();
-  else if (block[3])
-    tree.unshift(tree[0][block[3]] = tree[0][block[3]] || {});
-  else
-    tree[0][block[1]] = block[2];
-  return astish(val, tree);
-};
-
 // src/compact.ts
 function compact(value) {
   return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
@@ -225,15 +209,52 @@ var hypenateProperty = memo((property) => {
   return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();
 });
 
-// src/normalize-html.ts
-var htmlProps = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"];
-function convert(key) {
-  return htmlProps.includes(key) ? key.replace("html", "").toLowerCase() : key;
-}
-function normalizeHTMLProps(props) {
-  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));
-}
-normalizeHTMLProps.keys = htmlProps;
+// src/slot.ts
+var assign = (obj, path, value) => {
+  const last = path.pop();
+  const target = path.reduce((acc, key) => {
+    if (acc[key] == null)
+      acc[key] = {};
+    return acc[key];
+  }, obj);
+  if (last != null)
+    target[last] = value;
+};
+var getSlotRecipes = (recipe) => {
+  const parts = recipe.slots.map((slot) => [
+    slot,
+    // setup base recipe
+    {
+      // create class-base on BEM
+      className: [recipe.className ?? "", slot].join("__"),
+      base: {},
+      variants: {},
+      defaultVariants: recipe.defaultVariants ?? {},
+      compoundVariants: []
+    }
+  ]).map(([slot, cva]) => {
+    const base = recipe.base[slot];
+    if (base)
+      cva.base = base;
+    walkObject(
+      recipe.variants ?? {},
+      (variant, path) => {
+        if (!variant[slot])
+          return;
+        assign(cva, ["variants", ...path], variant[slot]);
+      },
+      {
+        stop: (_value, path) => path.includes(slot)
+      }
+    );
+    if (recipe.compoundVariants) {
+      cva.compoundVariants = getSlotCompoundVariant(recipe.compoundVariants, slot);
+    }
+    return [slot, cva];
+  });
+  return Object.fromEntries(parts);
+};
+var getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] }));
 
 // src/split-props.ts
 function splitProps(props, ...keys) {
@@ -254,17 +275,18 @@ function splitProps(props, ...keys) {
   return keys.map(fn).concat(split(dKeys));
 }
 export {
-  astish,
   compact,
   createCss,
   createMergeCss,
   filterBaseConditions,
+  getSlotCompoundVariant,
+  getSlotRecipes,
   hypenateProperty,
   isBaseCondition,
   isObject,
   mapObject,
+  memo,
   mergeProps,
-  normalizeHTMLProps,
   splitProps,
   toHash,
   walkObject,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/shared",
-  "version": "0.8.0",
+  "version": "0.10.0",
   "description": "Shared utilities for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",