@stokelp/styled-system 1.22.0 → 1.24.0

package/package.json

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

package/panda.buildinfo.json

@@ -131,6 +131,7 @@
         "size]___[value:md]___[recipe:accordion"
       ],
       "actionCard": [],
+      "breadcrumb": [],
       "drawer": [
         "variant]___[value:right]___[recipe:drawer"
       ],

package/recipes/breadcrumb.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface BreadcrumbVariant {
+  
+}
+
+type BreadcrumbVariantMap = {
+  [key in keyof BreadcrumbVariant]: Array<BreadcrumbVariant[key]>
+}
+
+export type BreadcrumbVariantProps = {
+  [key in keyof BreadcrumbVariant]?: ConditionalValue<BreadcrumbVariant[key]> | undefined
+}
+
+export interface BreadcrumbRecipe {
+  __type: BreadcrumbVariantProps
+  (props?: BreadcrumbVariantProps): Pretty<Record<"root" | "list" | "item" | "link", string>>
+  raw: (props?: BreadcrumbVariantProps) => BreadcrumbVariantProps
+  variantMap: BreadcrumbVariantMap
+  variantKeys: Array<keyof BreadcrumbVariant>
+  splitVariantProps<Props extends BreadcrumbVariantProps>(props: Props): [BreadcrumbVariantProps, Pretty<DistributiveOmit<Props, keyof BreadcrumbVariantProps>>]
+  getVariantProps: (props?: BreadcrumbVariantProps) => BreadcrumbVariantProps
+}
+
+
+export declare const breadcrumb: BreadcrumbRecipe

package/recipes/breadcrumb.mjs

@@ -0,0 +1,44 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const breadcrumbDefaultVariants = {}
+const breadcrumbCompoundVariants = []
+
+const breadcrumbSlotNames = [
+  [
+    "root",
+    "breadcrumb__root"
+  ],
+  [
+    "list",
+    "breadcrumb__list"
+  ],
+  [
+    "item",
+    "breadcrumb__item"
+  ],
+  [
+    "link",
+    "breadcrumb__link"
+  ]
+]
+const breadcrumbSlotFns = /* @__PURE__ */ breadcrumbSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, breadcrumbDefaultVariants, getSlotCompoundVariant(breadcrumbCompoundVariants, slotName))])
+
+const breadcrumbFn = memo((props = {}) => {
+  return Object.fromEntries(breadcrumbSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const breadcrumbVariantKeys = []
+const getVariantProps = (variants) => ({ ...breadcrumbDefaultVariants, ...compact(variants) })
+
+export const breadcrumb = /* @__PURE__ */ Object.assign(breadcrumbFn, {
+  __recipe__: false,
+  __name__: 'breadcrumb',
+  raw: (props) => props,
+  variantKeys: breadcrumbVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, breadcrumbVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/index.d.ts

@@ -27,4 +27,5 @@ export * from './chip';
 export * from './action-card';
 export * from './tooltip';
 export * from './alert';
-export * from './table';
+export * from './table';
+export * from './breadcrumb';

package/recipes/index.mjs

@@ -26,4 +26,5 @@ export * from './chip.mjs';
 export * from './action-card.mjs';
 export * from './tooltip.mjs';
 export * from './alert.mjs';
-export * from './table.mjs';
+export * from './table.mjs';
+export * from './breadcrumb.mjs';