@stokelp/styled-system 2.94.0 → 2.96.0

package/package.json

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

package/panda.buildinfo.json

@@ -163,6 +163,7 @@
       "checkboxCard": [
         "size]___[value:md]___[recipe:checkboxCard"
       ],
+      "highlightedInput": [],
       "input": [
         "size]___[value:md]___[recipe:input"
       ],

package/recipes/highlighted-input.d.ts

@@ -0,0 +1,33 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface HighlightedInputVariant {
+  
+}
+
+type HighlightedInputVariantMap = {
+  [key in keyof HighlightedInputVariant]: Array<HighlightedInputVariant[key]>
+}
+
+type HighlightedInputSlot = "root" | "input" | "renderer" | "highlight"
+
+export type HighlightedInputVariantProps = {
+  [key in keyof HighlightedInputVariant]?: ConditionalValue<HighlightedInputVariant[key]> | undefined
+}
+
+export interface HighlightedInputRecipe {
+  __slot: HighlightedInputSlot
+  __type: HighlightedInputVariantProps
+  (props?: HighlightedInputVariantProps): Pretty<Record<HighlightedInputSlot, string>>
+  raw: (props?: HighlightedInputVariantProps) => HighlightedInputVariantProps
+  variantMap: HighlightedInputVariantMap
+  variantKeys: Array<keyof HighlightedInputVariant>
+  splitVariantProps<Props extends HighlightedInputVariantProps>(props: Props): [HighlightedInputVariantProps, Pretty<DistributiveOmit<Props, keyof HighlightedInputVariantProps>>]
+  getVariantProps: (props?: HighlightedInputVariantProps) => HighlightedInputVariantProps
+}
+
+/**
+ * Styles for HighlightedInput component
+ */
+export declare const highlightedInput: HighlightedInputRecipe

package/recipes/highlighted-input.mjs

@@ -0,0 +1,45 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const highlightedInputDefaultVariants = {}
+const highlightedInputCompoundVariants = []
+
+const highlightedInputSlotNames = [
+  [
+    "root",
+    "highlightedInput__root"
+  ],
+  [
+    "input",
+    "highlightedInput__input"
+  ],
+  [
+    "renderer",
+    "highlightedInput__renderer"
+  ],
+  [
+    "highlight",
+    "highlightedInput__highlight"
+  ]
+]
+const highlightedInputSlotFns = /* @__PURE__ */ highlightedInputSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, highlightedInputDefaultVariants, getSlotCompoundVariant(highlightedInputCompoundVariants, slotName))])
+
+const highlightedInputFn = memo((props = {}) => {
+  return Object.fromEntries(highlightedInputSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const highlightedInputVariantKeys = []
+const getVariantProps = (variants) => ({ ...highlightedInputDefaultVariants, ...compact(variants) })
+
+export const highlightedInput = /* @__PURE__ */ Object.assign(highlightedInputFn, {
+  __recipe__: false,
+  __name__: 'highlightedInput',
+  raw: (props) => props,
+  classNameMap: {},
+  variantKeys: highlightedInputVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, highlightedInputVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/index.d.ts

@@ -57,4 +57,5 @@ export * from './app-navigation-language-select';
 export * from './avatar';
 export * from './menu';
 export * from './price-tag';
-export * from './chat';
+export * from './chat';
+export * from './highlighted-input';

package/recipes/index.mjs

@@ -56,4 +56,5 @@ export * from './app-navigation-language-select.mjs';
 export * from './avatar.mjs';
 export * from './menu.mjs';
 export * from './price-tag.mjs';
-export * from './chat.mjs';
+export * from './chat.mjs';
+export * from './highlighted-input.mjs';