@stokelp/styled-system 1.11.0 → 1.12.0

package/package.json

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

package/panda.buildinfo.json

@@ -48,7 +48,8 @@
       "gap]___[value:space-16",
       "borderColor]___[value:primary.100",
       "marginBlock]___[value:space-24",
-      "gap]___[value:10px"
+      "gap]___[value:10px",
+      "flexDirection]___[value:row"
     ],
     "recipes": {
       "checkbox": [
@@ -96,6 +97,9 @@
         "variant]___[value:right]___[recipe:drawer"
       ],
       "radioButtonGroup": [],
+      "radioGroup": [
+        "size]___[value:md]___[recipe:radioGroup"
+      ],
       "tabs": [
         "variant]___[value:line]___[recipe:tabs"
       ],

package/recipes/index.d.ts

@@ -11,6 +11,7 @@ export * from './input-addon';
 export * from './input-group';
 export * from './drawer';
 export * from './radio-button-group';
+export * from './radio-group';
 export * from './accordion';
 export * from './form-label';
 export * from './checkbox';

package/recipes/index.mjs

@@ -10,6 +10,7 @@ export * from './input-addon.mjs';
 export * from './input-group.mjs';
 export * from './drawer.mjs';
 export * from './radio-button-group.mjs';
+export * from './radio-group.mjs';
 export * from './accordion.mjs';
 export * from './form-label.mjs';
 export * from './checkbox.mjs';

package/recipes/radio-group.d.ts

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

package/recipes/radio-group.mjs

@@ -0,0 +1,60 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const radioGroupDefaultVariants = {
+  "size": "md"
+}
+const radioGroupCompoundVariants = []
+
+const radioGroupSlotNames = [
+  [
+    "root",
+    "radio-group__root"
+  ],
+  [
+    "label",
+    "radio-group__label"
+  ],
+  [
+    "item",
+    "radio-group__item"
+  ],
+  [
+    "itemText",
+    "radio-group__itemText"
+  ],
+  [
+    "itemControl",
+    "radio-group__itemControl"
+  ],
+  [
+    "indicator",
+    "radio-group__indicator"
+  ]
+]
+const radioGroupSlotFns = /* @__PURE__ */ radioGroupSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, radioGroupDefaultVariants, getSlotCompoundVariant(radioGroupCompoundVariants, slotName))])
+
+const radioGroupFn = memo((props = {}) => {
+  return Object.fromEntries(radioGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const radioGroupVariantKeys = [
+  "size"
+]
+const getVariantProps = (variants) => ({ ...radioGroupDefaultVariants, ...compact(variants) })
+
+export const radioGroup = /* @__PURE__ */ Object.assign(radioGroupFn, {
+  __recipe__: false,
+  __name__: 'radioGroup',
+  raw: (props) => props,
+  variantKeys: radioGroupVariantKeys,
+  variantMap: {
+  "size": [
+    "md"
+  ]
+},
+  splitVariantProps(props) {
+    return splitProps(props, radioGroupVariantKeys)
+  },
+  getVariantProps
+})