@stokelp/styled-system 1.4.6 → 1.5.0

package/package.json

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

package/panda.buildinfo.json

@@ -70,11 +70,16 @@
       "drawer": [
         "variant]___[value:right]___[recipe:drawer"
       ],
+      "inputGroup": [],
+      "inputAddon": [],
+      "input": [
+        "size]___[value:md]___[recipe:input"
+      ],
       "tabs": [
         "variant]___[value:line]___[recipe:tabs"
       ],
-      "textarea": [],
-      "formHelperText": []
+      "formHelperText": [],
+      "textarea": []
     }
   }
 }

package/recipes/index.d.ts

@@ -6,6 +6,9 @@ export * from './text';
 export * from './textarea';
 export * from './form-control';
 export * from './form-helper-text';
+export * from './input';
+export * from './input-addon';
+export * from './input-group';
 export * from './drawer';
 export * from './accordion';
 export * from './form-label';

package/recipes/index.mjs

@@ -5,6 +5,9 @@ export * from './text.mjs';
 export * from './textarea.mjs';
 export * from './form-control.mjs';
 export * from './form-helper-text.mjs';
+export * from './input.mjs';
+export * from './input-addon.mjs';
+export * from './input-group.mjs';
 export * from './drawer.mjs';
 export * from './accordion.mjs';
 export * from './form-label.mjs';

package/recipes/input-addon.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface InputAddonVariant {
+  
+}
+
+type InputAddonVariantMap = {
+  [key in keyof InputAddonVariant]: Array<InputAddonVariant[key]>
+}
+
+export type InputAddonVariantProps = {
+  [key in keyof InputAddonVariant]?: ConditionalValue<InputAddonVariant[key]> | undefined
+}
+
+export interface InputAddonRecipe {
+  __type: InputAddonVariantProps
+  (props?: InputAddonVariantProps): string
+  raw: (props?: InputAddonVariantProps) => InputAddonVariantProps
+  variantMap: InputAddonVariantMap
+  variantKeys: Array<keyof InputAddonVariant>
+  splitVariantProps<Props extends InputAddonVariantProps>(props: Props): [InputAddonVariantProps, Pretty<DistributiveOmit<Props, keyof InputAddonVariantProps>>]
+  getVariantProps: (props?: InputAddonVariantProps) => InputAddonVariantProps
+}
+
+/** The styles for the InputAddon component */
+export declare const inputAddon: InputAddonRecipe

package/recipes/input-addon.mjs

@@ -0,0 +1,24 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const inputAddonFn = /* @__PURE__ */ createRecipe('input-addon', {}, [])
+
+const inputAddonVariantMap = {}
+
+const inputAddonVariantKeys = Object.keys(inputAddonVariantMap)
+
+export const inputAddon = /* @__PURE__ */ Object.assign(memo(inputAddonFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'inputAddon',
+  __getCompoundVariantCss__: inputAddonFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: inputAddonVariantKeys,
+  variantMap: inputAddonVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, inputAddonVariantKeys)
+  },
+  getVariantProps: inputAddonFn.getVariantProps,
+})

package/recipes/input-group.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface InputGroupVariant {
+  
+}
+
+type InputGroupVariantMap = {
+  [key in keyof InputGroupVariant]: Array<InputGroupVariant[key]>
+}
+
+export type InputGroupVariantProps = {
+  [key in keyof InputGroupVariant]?: ConditionalValue<InputGroupVariant[key]> | undefined
+}
+
+export interface InputGroupRecipe {
+  __type: InputGroupVariantProps
+  (props?: InputGroupVariantProps): string
+  raw: (props?: InputGroupVariantProps) => InputGroupVariantProps
+  variantMap: InputGroupVariantMap
+  variantKeys: Array<keyof InputGroupVariant>
+  splitVariantProps<Props extends InputGroupVariantProps>(props: Props): [InputGroupVariantProps, Pretty<DistributiveOmit<Props, keyof InputGroupVariantProps>>]
+  getVariantProps: (props?: InputGroupVariantProps) => InputGroupVariantProps
+}
+
+/** The styles for the InputGroup component */
+export declare const inputGroup: InputGroupRecipe

package/recipes/input-group.mjs

@@ -0,0 +1,24 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const inputGroupFn = /* @__PURE__ */ createRecipe('input-group', {}, [])
+
+const inputGroupVariantMap = {}
+
+const inputGroupVariantKeys = Object.keys(inputGroupVariantMap)
+
+export const inputGroup = /* @__PURE__ */ Object.assign(memo(inputGroupFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'inputGroup',
+  __getCompoundVariantCss__: inputGroupFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: inputGroupVariantKeys,
+  variantMap: inputGroupVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, inputGroupVariantKeys)
+  },
+  getVariantProps: inputGroupFn.getVariantProps,
+})

package/recipes/input.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface InputVariant {
+  size: "md"
+}
+
+type InputVariantMap = {
+  [key in keyof InputVariant]: Array<InputVariant[key]>
+}
+
+export type InputVariantProps = {
+  [key in keyof InputVariant]?: ConditionalValue<InputVariant[key]> | undefined
+}
+
+export interface InputRecipe {
+  __type: InputVariantProps
+  (props?: InputVariantProps): string
+  raw: (props?: InputVariantProps) => InputVariantProps
+  variantMap: InputVariantMap
+  variantKeys: Array<keyof InputVariant>
+  splitVariantProps<Props extends InputVariantProps>(props: Props): [InputVariantProps, Pretty<DistributiveOmit<Props, keyof InputVariantProps>>]
+  getVariantProps: (props?: InputVariantProps) => InputVariantProps
+}
+
+/** The styles for the Input component */
+export declare const input: InputRecipe

package/recipes/input.mjs

@@ -0,0 +1,30 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const inputFn = /* @__PURE__ */ createRecipe('input', {
+  "size": "md"
+}, [])
+
+const inputVariantMap = {
+  "size": [
+    "md"
+  ]
+}
+
+const inputVariantKeys = Object.keys(inputVariantMap)
+
+export const input = /* @__PURE__ */ Object.assign(memo(inputFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'input',
+  __getCompoundVariantCss__: inputFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: inputVariantKeys,
+  variantMap: inputVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, inputVariantKeys)
+  },
+  getVariantProps: inputFn.getVariantProps,
+})