@pandacss/shared 0.0.0-dev-20230801082734 → 0.0.0-dev-20230801084843

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-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 './split-props-6b55cbce.js';
+export { p as WalkObjectOptions, c as astish, f as compact, d as createCss, e as createMergeCss, h as filterBaseConditions, o as getSlotCompoundVariant, n as getSlotRecipes, l as hypenateProperty, g as isBaseCondition, a as isFunction, j as isImportant, b as isObject, i as isString, r as mapObject, m as mergeProps, s as splitProps, t as toHash, q as walkObject, w as withoutImportant, k as withoutSpace } from './split-props-6b55cbce.js';
 
 type Operand = string | number | {
     ref: string;
@@ -40,6 +40,8 @@ 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 +52,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, memo, normalizeShorthand, normalizeStyleObject, splitBy, splitDotPath, toEm, toPx, toRem, uncapitalize, unionType };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-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 './split-props-6b55cbce.js';
+export { p as WalkObjectOptions, c as astish, f as compact, d as createCss, e as createMergeCss, h as filterBaseConditions, o as getSlotCompoundVariant, n as getSlotRecipes, l as hypenateProperty, g as isBaseCondition, a as isFunction, j as isImportant, b as isObject, i as isString, r as mapObject, m as mergeProps, s as splitProps, t as toHash, q as walkObject, w as withoutImportant, k as withoutSpace } from './split-props-6b55cbce.js';
 
 type Operand = string | number | {
     ref: string;
@@ -40,6 +40,8 @@ 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 +52,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, memo, 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/shared.d.mts

@@ -1,4 +1,4 @@
-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';
+export { c as astish, f as compact, d as createCss, e as createMergeCss, h as filterBaseConditions, o as getSlotCompoundVariant, n as getSlotRecipes, l as hypenateProperty, g as isBaseCondition, b as isObject, r as mapObject, m as mergeProps, s as splitProps, t as toHash, q as walkObject, k as withoutSpace } from './split-props-6b55cbce.js';
 
 declare function normalizeHTMLProps(props: Record<string, any>): {
     [k: string]: any;

package/dist/shared.d.ts

@@ -1,4 +1,4 @@
-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';
+export { c as astish, f as compact, d as createCss, e as createMergeCss, h as filterBaseConditions, o as getSlotCompoundVariant, n as getSlotRecipes, l as hypenateProperty, g as isBaseCondition, b as isObject, r as mapObject, m as mergeProps, s as splitProps, t as toHash, q as walkObject, k as withoutSpace } from './split-props-6b55cbce.js';
 
 declare function normalizeHTMLProps(props: Record<string, any>): {
     [k: string]: any;

package/dist/shared.js

@@ -25,6 +25,8 @@ __export(shared_exports, {
   createCss: () => createCss,
   createMergeCss: () => createMergeCss,
   filterBaseConditions: () => filterBaseConditions,
+  getSlotCompoundVariant: () => getSlotCompoundVariant,
+  getSlotRecipes: () => getSlotRecipes,
   hypenateProperty: () => hypenateProperty,
   isBaseCondition: () => isBaseCondition,
   isObject: () => isObject,
@@ -275,6 +277,53 @@ function normalizeHTMLProps(props) {
 }
 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) {
   const descriptors = Object.getOwnPropertyDescriptors(props);
@@ -300,6 +349,8 @@ function splitProps(props, ...keys) {
   createCss,
   createMergeCss,
   filterBaseConditions,
+  getSlotCompoundVariant,
+  getSlotRecipes,
   hypenateProperty,
   isBaseCondition,
   isObject,

package/dist/shared.mjs

@@ -235,6 +235,53 @@ function normalizeHTMLProps(props) {
 }
 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) {
   const descriptors = Object.getOwnPropertyDescriptors(props);
@@ -259,6 +306,8 @@ export {
   createCss,
   createMergeCss,
   filterBaseConditions,
+  getSlotCompoundVariant,
+  getSlotRecipes,
   hypenateProperty,
   isBaseCondition,
   isObject,

package/dist/{split-props-3d8b55c4.d.ts → split-props-6b55cbce.d.ts}

@@ -63,9 +63,18 @@ declare const hypenateProperty: (property: string) => string;
 
 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, 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, 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/package.json

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