@stokelp/styled-system 2.0.0 → 2.2.0

package/package.json

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

package/panda.buildinfo.json

@@ -28,16 +28,16 @@
       "background]___[value:error.100]___[cond:_hover",
       "color]___[value:error.700]___[cond:_hover",
       "color]___[value:error.700]___[cond:_active",
+      "padding]___[value:space-8",
+      "textAlign]___[value:center",
+      "width]___[value:24",
+      "height]___[value:24",
+      "truncate]___[value:true",
       "cursor]___[value:pointer",
       "marginRight]___[value:space-4",
-      "padding]___[value:space-8",
       "width]___[value:16",
       "height]___[value:16",
-      "truncate]___[value:true",
-      "width]___[value:24",
-      "height]___[value:24",
       "paddingInline]___[value:space-8",
-      "textAlign]___[value:center",
       "transitionProperty]___[value:opacity",
       "transitionDuration]___[value:fast",
       "opacity]___[value:0",
@@ -61,11 +61,11 @@
       "marginBlock]___[value:space-24",
       "width]___[value:100%",
       "gridTemplateColumns]___[value:repeat(3, 1fr)",
-      "borderRadius]___[value:radius-24",
+      "gap]___[value:space-32",
       "padding]___[value:space-16",
+      "borderRadius]___[value:radius-24",
       "height]___[value:200",
       "width]___[value:400",
-      "gap]___[value:space-32",
       "gap]___[value:space-8",
       "maxHeight]___[value:102",
       "overflowY]___[value:auto",
@@ -110,10 +110,16 @@
       "checkboxCard": [
         "size]___[value:md]___[recipe:checkboxCard"
       ],
-      "inputGroup": [],
+      "text": [
+        "size]___[value:md]___[recipe:text",
+        "size]___[value:lg]___[recipe:text",
+        "size]___[value:sm]___[recipe:text",
+        "bold]___[value:true]___[recipe:text"
+      ],
       "input": [
         "size]___[value:md]___[recipe:input"
       ],
+      "inputGroup": [],
       "inputAddon": [],
       "button": [
         "size]___[value:sm]___[recipe:button",
@@ -128,12 +134,6 @@
         "variant]___[value:absolute]___[recipe:formLabel"
       ],
       "tooltip": [],
-      "text": [
-        "size]___[value:md]___[recipe:text",
-        "size]___[value:lg]___[recipe:text",
-        "size]___[value:sm]___[recipe:text",
-        "bold]___[value:true]___[recipe:text"
-      ],
       "switchRecipe": [
         "size]___[value:md]___[recipe:switchRecipe"
       ],
@@ -157,6 +157,9 @@
       ],
       "actionCard": [],
       "breadcrumb": [],
+      "combobox": [
+        "size]___[value:md]___[recipe:combobox"
+      ],
       "drawer": [
         "variant]___[value:right]___[recipe:drawer"
       ],

package/recipes/combobox.d.ts

@@ -0,0 +1,31 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface ComboboxVariant {
+  /**
+ * @default "md"
+ */
+size: "md"
+}
+
+type ComboboxVariantMap = {
+  [key in keyof ComboboxVariant]: Array<ComboboxVariant[key]>
+}
+
+export type ComboboxVariantProps = {
+  [key in keyof ComboboxVariant]?: ConditionalValue<ComboboxVariant[key]> | undefined
+}
+
+export interface ComboboxRecipe {
+  __type: ComboboxVariantProps
+  (props?: ComboboxVariantProps): Pretty<Record<"root" | "clearTrigger" | "content" | "control" | "input" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "label" | "list" | "positioner" | "trigger", string>>
+  raw: (props?: ComboboxVariantProps) => ComboboxVariantProps
+  variantMap: ComboboxVariantMap
+  variantKeys: Array<keyof ComboboxVariant>
+  splitVariantProps<Props extends ComboboxVariantProps>(props: Props): [ComboboxVariantProps, Pretty<DistributiveOmit<Props, keyof ComboboxVariantProps>>]
+  getVariantProps: (props?: ComboboxVariantProps) => ComboboxVariantProps
+}
+
+
+export declare const combobox: ComboboxRecipe

package/recipes/combobox.mjs

@@ -0,0 +1,92 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const comboboxDefaultVariants = {
+  "size": "md"
+}
+const comboboxCompoundVariants = []
+
+const comboboxSlotNames = [
+  [
+    "root",
+    "combobox__root"
+  ],
+  [
+    "clearTrigger",
+    "combobox__clearTrigger"
+  ],
+  [
+    "content",
+    "combobox__content"
+  ],
+  [
+    "control",
+    "combobox__control"
+  ],
+  [
+    "input",
+    "combobox__input"
+  ],
+  [
+    "item",
+    "combobox__item"
+  ],
+  [
+    "itemGroup",
+    "combobox__itemGroup"
+  ],
+  [
+    "itemGroupLabel",
+    "combobox__itemGroupLabel"
+  ],
+  [
+    "itemIndicator",
+    "combobox__itemIndicator"
+  ],
+  [
+    "itemText",
+    "combobox__itemText"
+  ],
+  [
+    "label",
+    "combobox__label"
+  ],
+  [
+    "list",
+    "combobox__list"
+  ],
+  [
+    "positioner",
+    "combobox__positioner"
+  ],
+  [
+    "trigger",
+    "combobox__trigger"
+  ]
+]
+const comboboxSlotFns = /* @__PURE__ */ comboboxSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, comboboxDefaultVariants, getSlotCompoundVariant(comboboxCompoundVariants, slotName))])
+
+const comboboxFn = memo((props = {}) => {
+  return Object.fromEntries(comboboxSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const comboboxVariantKeys = [
+  "size"
+]
+const getVariantProps = (variants) => ({ ...comboboxDefaultVariants, ...compact(variants) })
+
+export const combobox = /* @__PURE__ */ Object.assign(comboboxFn, {
+  __recipe__: false,
+  __name__: 'combobox',
+  raw: (props) => props,
+  variantKeys: comboboxVariantKeys,
+  variantMap: {
+  "size": [
+    "md"
+  ]
+},
+  splitVariantProps(props) {
+    return splitProps(props, comboboxVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/index.d.ts

@@ -37,4 +37,5 @@ export * from './pagination';
 export * from './product-card-catalog';
 export * from './switch-card';
 export * from './radio-card-group';
-export * from './checkbox-card';
+export * from './checkbox-card';
+export * from './combobox';

package/recipes/index.mjs

@@ -36,4 +36,5 @@ export * from './pagination.mjs';
 export * from './product-card-catalog.mjs';
 export * from './switch-card.mjs';
 export * from './radio-card-group.mjs';
-export * from './checkbox-card.mjs';
+export * from './checkbox-card.mjs';
+export * from './combobox.mjs';