@stokelp/styled-system 1.40.2 → 1.41.0

package/package.json

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

package/panda.buildinfo.json

@@ -107,6 +107,9 @@
       "checkbox": [
         "size]___[value:md]___[recipe:checkbox"
       ],
+      "checkboxCard": [
+        "size]___[value:md]___[recipe:checkboxCard"
+      ],
       "inputGroup": [],
       "input": [
         "size]___[value:md]___[recipe:input"
@@ -134,6 +137,9 @@
       "switchRecipe": [
         "size]___[value:md]___[recipe:switchRecipe"
       ],
+      "switchCard": [
+        "size]___[value:md]___[recipe:switchCard"
+      ],
       "table": [],
       "tag": [
         "size]___[value:md]___[recipe:tag",
@@ -160,6 +166,9 @@
       "pagination": [],
       "popover": [],
       "radioButtonGroup": [],
+      "radioCardGroup": [
+        "size]___[value:md]___[recipe:radioCardGroup"
+      ],
       "radioGroup": [
         "size]___[value:md]___[recipe:radioGroup"
       ],

package/recipes/checkbox-card.d.ts

@@ -0,0 +1,31 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface CheckboxCardVariant {
+  /**
+ * @default "md"
+ */
+size: "md"
+}
+
+type CheckboxCardVariantMap = {
+  [key in keyof CheckboxCardVariant]: Array<CheckboxCardVariant[key]>
+}
+
+export type CheckboxCardVariantProps = {
+  [key in keyof CheckboxCardVariant]?: ConditionalValue<CheckboxCardVariant[key]> | undefined
+}
+
+export interface CheckboxCardRecipe {
+  __type: CheckboxCardVariantProps
+  (props?: CheckboxCardVariantProps): Pretty<Record<"root" | "label" | "control" | "indicator" | "group" | "image" | "content" | "title" | "description", string>>
+  raw: (props?: CheckboxCardVariantProps) => CheckboxCardVariantProps
+  variantMap: CheckboxCardVariantMap
+  variantKeys: Array<keyof CheckboxCardVariant>
+  splitVariantProps<Props extends CheckboxCardVariantProps>(props: Props): [CheckboxCardVariantProps, Pretty<DistributiveOmit<Props, keyof CheckboxCardVariantProps>>]
+  getVariantProps: (props?: CheckboxCardVariantProps) => CheckboxCardVariantProps
+}
+
+
+export declare const checkboxCard: CheckboxCardRecipe

package/recipes/checkbox-card.mjs

@@ -0,0 +1,72 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const checkboxCardDefaultVariants = {
+  "size": "md"
+}
+const checkboxCardCompoundVariants = []
+
+const checkboxCardSlotNames = [
+  [
+    "root",
+    "checkbox-card__root"
+  ],
+  [
+    "label",
+    "checkbox-card__label"
+  ],
+  [
+    "control",
+    "checkbox-card__control"
+  ],
+  [
+    "indicator",
+    "checkbox-card__indicator"
+  ],
+  [
+    "group",
+    "checkbox-card__group"
+  ],
+  [
+    "image",
+    "checkbox-card__image"
+  ],
+  [
+    "content",
+    "checkbox-card__content"
+  ],
+  [
+    "title",
+    "checkbox-card__title"
+  ],
+  [
+    "description",
+    "checkbox-card__description"
+  ]
+]
+const checkboxCardSlotFns = /* @__PURE__ */ checkboxCardSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, checkboxCardDefaultVariants, getSlotCompoundVariant(checkboxCardCompoundVariants, slotName))])
+
+const checkboxCardFn = memo((props = {}) => {
+  return Object.fromEntries(checkboxCardSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const checkboxCardVariantKeys = [
+  "size"
+]
+const getVariantProps = (variants) => ({ ...checkboxCardDefaultVariants, ...compact(variants) })
+
+export const checkboxCard = /* @__PURE__ */ Object.assign(checkboxCardFn, {
+  __recipe__: false,
+  __name__: 'checkboxCard',
+  raw: (props) => props,
+  variantKeys: checkboxCardVariantKeys,
+  variantMap: {
+  "size": [
+    "md"
+  ]
+},
+  splitVariantProps(props) {
+    return splitProps(props, checkboxCardVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/index.d.ts

@@ -34,4 +34,7 @@ export * from './table';
 export * from './breadcrumb';
 export * from './popover';
 export * from './pagination';
-export * from './product-card-catalog';
+export * from './product-card-catalog';
+export * from './switch-card';
+export * from './radio-card-group';
+export * from './checkbox-card';

package/recipes/index.mjs

@@ -33,4 +33,7 @@ export * from './table.mjs';
 export * from './breadcrumb.mjs';
 export * from './popover.mjs';
 export * from './pagination.mjs';
-export * from './product-card-catalog.mjs';
+export * from './product-card-catalog.mjs';
+export * from './switch-card.mjs';
+export * from './radio-card-group.mjs';
+export * from './checkbox-card.mjs';

package/recipes/radio-card-group.d.ts

@@ -0,0 +1,31 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface RadioCardGroupVariant {
+  /**
+ * @default "md"
+ */
+size: "md"
+}
+
+type RadioCardGroupVariantMap = {
+  [key in keyof RadioCardGroupVariant]: Array<RadioCardGroupVariant[key]>
+}
+
+export type RadioCardGroupVariantProps = {
+  [key in keyof RadioCardGroupVariant]?: ConditionalValue<RadioCardGroupVariant[key]> | undefined
+}
+
+export interface RadioCardGroupRecipe {
+  __type: RadioCardGroupVariantProps
+  (props?: RadioCardGroupVariantProps): Pretty<Record<"root" | "label" | "item" | "itemText" | "itemControl" | "indicator" | "itemImage" | "itemContent" | "itemTitle" | "itemDescription", string>>
+  raw: (props?: RadioCardGroupVariantProps) => RadioCardGroupVariantProps
+  variantMap: RadioCardGroupVariantMap
+  variantKeys: Array<keyof RadioCardGroupVariant>
+  splitVariantProps<Props extends RadioCardGroupVariantProps>(props: Props): [RadioCardGroupVariantProps, Pretty<DistributiveOmit<Props, keyof RadioCardGroupVariantProps>>]
+  getVariantProps: (props?: RadioCardGroupVariantProps) => RadioCardGroupVariantProps
+}
+
+
+export declare const radioCardGroup: RadioCardGroupRecipe

package/recipes/radio-card-group.mjs

@@ -0,0 +1,76 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const radioCardGroupDefaultVariants = {
+  "size": "md"
+}
+const radioCardGroupCompoundVariants = []
+
+const radioCardGroupSlotNames = [
+  [
+    "root",
+    "radio-card-group__root"
+  ],
+  [
+    "label",
+    "radio-card-group__label"
+  ],
+  [
+    "item",
+    "radio-card-group__item"
+  ],
+  [
+    "itemText",
+    "radio-card-group__itemText"
+  ],
+  [
+    "itemControl",
+    "radio-card-group__itemControl"
+  ],
+  [
+    "indicator",
+    "radio-card-group__indicator"
+  ],
+  [
+    "itemImage",
+    "radio-card-group__itemImage"
+  ],
+  [
+    "itemContent",
+    "radio-card-group__itemContent"
+  ],
+  [
+    "itemTitle",
+    "radio-card-group__itemTitle"
+  ],
+  [
+    "itemDescription",
+    "radio-card-group__itemDescription"
+  ]
+]
+const radioCardGroupSlotFns = /* @__PURE__ */ radioCardGroupSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, radioCardGroupDefaultVariants, getSlotCompoundVariant(radioCardGroupCompoundVariants, slotName))])
+
+const radioCardGroupFn = memo((props = {}) => {
+  return Object.fromEntries(radioCardGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const radioCardGroupVariantKeys = [
+  "size"
+]
+const getVariantProps = (variants) => ({ ...radioCardGroupDefaultVariants, ...compact(variants) })
+
+export const radioCardGroup = /* @__PURE__ */ Object.assign(radioCardGroupFn, {
+  __recipe__: false,
+  __name__: 'radioCardGroup',
+  raw: (props) => props,
+  variantKeys: radioCardGroupVariantKeys,
+  variantMap: {
+  "size": [
+    "md"
+  ]
+},
+  splitVariantProps(props) {
+    return splitProps(props, radioCardGroupVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/switch-card.d.ts

@@ -0,0 +1,31 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface SwitchCardVariant {
+  /**
+ * @default "md"
+ */
+size: "md"
+}
+
+type SwitchCardVariantMap = {
+  [key in keyof SwitchCardVariant]: Array<SwitchCardVariant[key]>
+}
+
+export type SwitchCardVariantProps = {
+  [key in keyof SwitchCardVariant]?: ConditionalValue<SwitchCardVariant[key]> | undefined
+}
+
+export interface SwitchCardRecipe {
+  __type: SwitchCardVariantProps
+  (props?: SwitchCardVariantProps): Pretty<Record<"root" | "label" | "control" | "thumb" | "image" | "content" | "title" | "description", string>>
+  raw: (props?: SwitchCardVariantProps) => SwitchCardVariantProps
+  variantMap: SwitchCardVariantMap
+  variantKeys: Array<keyof SwitchCardVariant>
+  splitVariantProps<Props extends SwitchCardVariantProps>(props: Props): [SwitchCardVariantProps, Pretty<DistributiveOmit<Props, keyof SwitchCardVariantProps>>]
+  getVariantProps: (props?: SwitchCardVariantProps) => SwitchCardVariantProps
+}
+
+
+export declare const switchCard: SwitchCardRecipe

package/recipes/switch-card.mjs

@@ -0,0 +1,68 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const switchCardDefaultVariants = {
+  "size": "md"
+}
+const switchCardCompoundVariants = []
+
+const switchCardSlotNames = [
+  [
+    "root",
+    "switch-card__root"
+  ],
+  [
+    "label",
+    "switch-card__label"
+  ],
+  [
+    "control",
+    "switch-card__control"
+  ],
+  [
+    "thumb",
+    "switch-card__thumb"
+  ],
+  [
+    "image",
+    "switch-card__image"
+  ],
+  [
+    "content",
+    "switch-card__content"
+  ],
+  [
+    "title",
+    "switch-card__title"
+  ],
+  [
+    "description",
+    "switch-card__description"
+  ]
+]
+const switchCardSlotFns = /* @__PURE__ */ switchCardSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, switchCardDefaultVariants, getSlotCompoundVariant(switchCardCompoundVariants, slotName))])
+
+const switchCardFn = memo((props = {}) => {
+  return Object.fromEntries(switchCardSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const switchCardVariantKeys = [
+  "size"
+]
+const getVariantProps = (variants) => ({ ...switchCardDefaultVariants, ...compact(variants) })
+
+export const switchCard = /* @__PURE__ */ Object.assign(switchCardFn, {
+  __recipe__: false,
+  __name__: 'switchCard',
+  raw: (props) => props,
+  variantKeys: switchCardVariantKeys,
+  variantMap: {
+  "size": [
+    "md"
+  ]
+},
+  splitVariantProps(props) {
+    return splitProps(props, switchCardVariantKeys)
+  },
+  getVariantProps
+})