@stokelp/styled-system 1.32.0 → 1.34.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokelp/styled-system",
-  "version": "1.32.0",
+  "version": "1.34.0",
   "description": "Stokelp UI styled-system",
   "type": "module",
   "publishConfig": {

package/panda.buildinfo.json

@@ -43,6 +43,9 @@
       "justifyContent]___[value:center",
       "flex]___[value:0 0 auto",
       "borderRadius]___[value:9999px",
+      "display]___[value:grid",
+      "gridTemplateColumns]___[value:repeat(auto-fit, minmax(300px, 1fr))",
+      "gap]___[value:10px",
       "alignItems]___[value:flex-start",
       "gap]___[value:0",
       "flexDirection]___[value:column",
@@ -51,9 +54,7 @@
       "borderColor]___[value:primary.100",
       "marginBlock]___[value:space-24",
       "width]___[value:100%",
-      "display]___[value:grid",
       "gridTemplateColumns]___[value:repeat(3, 1fr)",
-      "gap]___[value:10px",
       "width]___[value:400",
       "gap]___[value:space-32",
       "gap]___[value:space-8",
@@ -131,6 +132,7 @@
         "severity]___[value:warning]___[recipe:tag",
         "severity]___[value:error]___[recipe:tag"
       ],
+      "productCardCatalog": [],
       "heading": [
         "size]___[value:h2]___[recipe:heading"
       ],

package/recipes/index.d.ts

@@ -30,4 +30,5 @@ export * from './alert';
 export * from './table';
 export * from './breadcrumb';
 export * from './popover';
-export * from './pagination';
+export * from './pagination';
+export * from './product-card-catalog';

package/recipes/index.mjs

@@ -29,4 +29,5 @@ export * from './alert.mjs';
 export * from './table.mjs';
 export * from './breadcrumb.mjs';
 export * from './popover.mjs';
-export * from './pagination.mjs';
+export * from './pagination.mjs';
+export * from './product-card-catalog.mjs';

package/recipes/product-card-catalog.d.ts

@@ -0,0 +1,32 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface ProductCardCatalogVariant {
+  
+}
+
+type ProductCardCatalogVariantMap = {
+  [key in keyof ProductCardCatalogVariant]: Array<ProductCardCatalogVariant[key]>
+}
+
+export type ProductCardCatalogVariantProps = {
+  [key in keyof ProductCardCatalogVariant]?: ConditionalValue<ProductCardCatalogVariant[key]> | undefined
+}
+
+export interface ProductCardCatalogRecipe {
+  __type: ProductCardCatalogVariantProps
+  (props?: ProductCardCatalogVariantProps): Pretty<Record<"root" | "title" | "image" | "content" | "description" | "highlight", string>>
+  raw: (props?: ProductCardCatalogVariantProps) => ProductCardCatalogVariantProps
+  variantMap: ProductCardCatalogVariantMap
+  variantKeys: Array<keyof ProductCardCatalogVariant>
+  splitVariantProps<Props extends ProductCardCatalogVariantProps>(props: Props): [ProductCardCatalogVariantProps, Pretty<DistributiveOmit<Props, keyof ProductCardCatalogVariantProps>>]
+  getVariantProps: (props?: ProductCardCatalogVariantProps) => ProductCardCatalogVariantProps
+}
+
+/**
+ * The styles for the ProductCardCatalog component
+
+
+ */
+export declare const productCardCatalog: ProductCardCatalogRecipe

package/recipes/product-card-catalog.mjs

@@ -0,0 +1,52 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const productCardCatalogDefaultVariants = {}
+const productCardCatalogCompoundVariants = []
+
+const productCardCatalogSlotNames = [
+  [
+    "root",
+    "product-card-catalog__root"
+  ],
+  [
+    "title",
+    "product-card-catalog__title"
+  ],
+  [
+    "image",
+    "product-card-catalog__image"
+  ],
+  [
+    "content",
+    "product-card-catalog__content"
+  ],
+  [
+    "description",
+    "product-card-catalog__description"
+  ],
+  [
+    "highlight",
+    "product-card-catalog__highlight"
+  ]
+]
+const productCardCatalogSlotFns = /* @__PURE__ */ productCardCatalogSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, productCardCatalogDefaultVariants, getSlotCompoundVariant(productCardCatalogCompoundVariants, slotName))])
+
+const productCardCatalogFn = memo((props = {}) => {
+  return Object.fromEntries(productCardCatalogSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const productCardCatalogVariantKeys = []
+const getVariantProps = (variants) => ({ ...productCardCatalogDefaultVariants, ...compact(variants) })
+
+export const productCardCatalog = /* @__PURE__ */ Object.assign(productCardCatalogFn, {
+  __recipe__: false,
+  __name__: 'productCardCatalog',
+  raw: (props) => props,
+  variantKeys: productCardCatalogVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, productCardCatalogVariantKeys)
+  },
+  getVariantProps
+})