@mekari/pixel3-styled-system 0.0.6 → 0.0.7-dev.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @mekari/pixel3-styled-system
 
+## 0.0.7-dev.0
+
+### Patch Changes
+
+- 7653c0e: Added new recipe for carousel
+
 ## 0.0.6
 
 ### Patch Changes

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mekari/pixel3-styled-system",
   "description": "This package is auto-generated by Panda CSS",
-  "version": "0.0.6",
+  "version": "0.0.7-dev.0",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/recipes/carousel-slot-recipe.d.ts

@@ -0,0 +1,27 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface CarouselSlotRecipeVariant {
+  
+}
+
+type CarouselSlotRecipeVariantMap = {
+  [key in keyof CarouselSlotRecipeVariant]: Array<CarouselSlotRecipeVariant[key]>
+}
+
+export type CarouselSlotRecipeVariantProps = {
+  [key in keyof CarouselSlotRecipeVariant]?: ConditionalValue<CarouselSlotRecipeVariant[key]> | undefined
+}
+
+export interface CarouselSlotRecipeRecipe {
+  __type: CarouselSlotRecipeVariantProps
+  (props?: CarouselSlotRecipeVariantProps): Pretty<Record<"root" | "buttonRight" | "buttonLeft", string>>
+  raw: (props?: CarouselSlotRecipeVariantProps) => CarouselSlotRecipeVariantProps
+  variantMap: CarouselSlotRecipeVariantMap
+  variantKeys: Array<keyof CarouselSlotRecipeVariant>
+  splitVariantProps<Props extends CarouselSlotRecipeVariantProps>(props: Props): [CarouselSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof CarouselSlotRecipeVariantProps>>]
+}
+
+
+export declare const carouselSlotRecipe: CarouselSlotRecipeRecipe

package/recipes/carousel-slot-recipe.mjs

@@ -0,0 +1,38 @@
+import { getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const carouselSlotRecipeDefaultVariants = {}
+const carouselSlotRecipeCompoundVariants = []
+
+const carouselSlotRecipeSlotNames = [
+  [
+    "root",
+    "carousel__root"
+  ],
+  [
+    "buttonRight",
+    "carousel__buttonRight"
+  ],
+  [
+    "buttonLeft",
+    "carousel__buttonLeft"
+  ]
+]
+const carouselSlotRecipeSlotFns = /* @__PURE__ */ carouselSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, carouselSlotRecipeDefaultVariants, getSlotCompoundVariant(carouselSlotRecipeCompoundVariants, slotName))])
+
+const carouselSlotRecipeFn = memo((props = {}) => {
+  return Object.fromEntries(carouselSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
+})
+
+const carouselSlotRecipeVariantKeys = []
+
+export const carouselSlotRecipe = /* @__PURE__ */ Object.assign(carouselSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'carouselSlotRecipe',
+  raw: (props) => props,
+  variantKeys: carouselSlotRecipeVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, carouselSlotRecipeVariantKeys)
+  },
+})

package/recipes/index.d.ts

@@ -45,4 +45,5 @@ export * from './banner-icon-slot-recipe';
 export * from './segmented-control-slot-recipe';
 export * from './toast-slot-recipe';
 export * from './broadcast-slot-recipe';
-export * from './rich-text-editor-slot-recipe';
+export * from './rich-text-editor-slot-recipe';
+export * from './carousel-slot-recipe';

package/recipes/index.mjs

@@ -44,4 +44,5 @@ export * from './banner-icon-slot-recipe.mjs';
 export * from './segmented-control-slot-recipe.mjs';
 export * from './toast-slot-recipe.mjs';
 export * from './broadcast-slot-recipe.mjs';
-export * from './rich-text-editor-slot-recipe.mjs';
+export * from './carousel-slot-recipe.mjs';
+export * from './rich-text-editor-slot-recipe.mjs';