@stokelp/styled-system 2.35.0 → 2.36.0

package/package.json

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

package/panda.buildinfo.json

@@ -194,6 +194,9 @@
       "drawer": [
         "variant]___[value:right]___[recipe:drawer"
       ],
+      "flag": [
+        "shape]___[value:rounded]___[recipe:flag"
+      ],
       "icon": [
         "size]___[value:md]___[recipe:icon"
       ],

package/recipes/flag.d.ts

@@ -0,0 +1,31 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface FlagVariant {
+  /**
+ * @default "rounded"
+ */
+shape: "rectangle" | "rounded" | "circle" | "square"
+}
+
+type FlagVariantMap = {
+  [key in keyof FlagVariant]: Array<FlagVariant[key]>
+}
+
+export type FlagVariantProps = {
+  [key in keyof FlagVariant]?: ConditionalValue<FlagVariant[key]> | undefined
+}
+
+export interface FlagRecipe {
+  __type: FlagVariantProps
+  (props?: FlagVariantProps): string
+  raw: (props?: FlagVariantProps) => FlagVariantProps
+  variantMap: FlagVariantMap
+  variantKeys: Array<keyof FlagVariant>
+  splitVariantProps<Props extends FlagVariantProps>(props: Props): [FlagVariantProps, Pretty<DistributiveOmit<Props, keyof FlagVariantProps>>]
+  getVariantProps: (props?: FlagVariantProps) => FlagVariantProps
+}
+
+
+export declare const flag: FlagRecipe

package/recipes/flag.mjs

@@ -0,0 +1,33 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const flagFn = /* @__PURE__ */ createRecipe('flag', {
+  "shape": "rounded"
+}, [])
+
+const flagVariantMap = {
+  "shape": [
+    "rectangle",
+    "rounded",
+    "circle",
+    "square"
+  ]
+}
+
+const flagVariantKeys = Object.keys(flagVariantMap)
+
+export const flag = /* @__PURE__ */ Object.assign(memo(flagFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'flag',
+  __getCompoundVariantCss__: flagFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: flagVariantKeys,
+  variantMap: flagVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, flagVariantKeys)
+  },
+  getVariantProps: flagFn.getVariantProps,
+})

package/recipes/index.d.ts

@@ -17,6 +17,7 @@ export * from './illustration';
 export * from './button-filter';
 export * from './phone-number-input';
 export * from './icon';
+export * from './flag';
 export * from './avatar-group';
 export * from './drawer';
 export * from './radio-button-group';

package/recipes/index.mjs

@@ -16,6 +16,7 @@ export * from './illustration.mjs';
 export * from './button-filter.mjs';
 export * from './phone-number-input.mjs';
 export * from './icon.mjs';
+export * from './flag.mjs';
 export * from './avatar-group.mjs';
 export * from './drawer.mjs';
 export * from './radio-button-group.mjs';