@mekari/pixel3-styled-system 0.0.9-dev.0 → 0.0.10-dev.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @mekari/pixel3-styled-system
 
+## 0.0.10-dev.0
+
+### Patch Changes
+
+- 0a7c9ee: Update styled system
+- b1d4400: - Added new recipe
+- 51da4f8: Update styled system
+
+## 0.0.9
+
+### Patch Changes
+
+- bc8cb14: - Added date picker time item theme.
+
 ## 0.0.9-dev.0
 
 ### Patch Changes

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mekari/pixel3-styled-system",
   "description": "This package is auto-generated by Panda CSS",
-  "version": "0.0.9-dev.0",
+  "version": "0.0.10-dev.0",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/recipes/accordion-slot-recipe.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface AccordionSlotRecipeVariant {
+  isClickable: boolean
+}
+
+type AccordionSlotRecipeVariantMap = {
+  [key in keyof AccordionSlotRecipeVariant]: Array<AccordionSlotRecipeVariant[key]>
+}
+
+export type AccordionSlotRecipeVariantProps = {
+  [key in keyof AccordionSlotRecipeVariant]?: ConditionalValue<AccordionSlotRecipeVariant[key]> | undefined
+}
+
+export interface AccordionSlotRecipeRecipe {
+  __type: AccordionSlotRecipeVariantProps
+  (props?: AccordionSlotRecipeVariantProps): Pretty<Record<"header" | "item" | "panel", string>>
+  raw: (props?: AccordionSlotRecipeVariantProps) => AccordionSlotRecipeVariantProps
+  variantMap: AccordionSlotRecipeVariantMap
+  variantKeys: Array<keyof AccordionSlotRecipeVariant>
+  splitVariantProps<Props extends AccordionSlotRecipeVariantProps>(props: Props): [AccordionSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof AccordionSlotRecipeVariantProps>>]
+  getVariantProps: (props?: AccordionSlotRecipeVariantProps) => AccordionSlotRecipeVariantProps
+}
+
+
+export declare const accordionSlotRecipe: AccordionSlotRecipeRecipe

package/recipes/accordion-slot-recipe.mjs

@@ -0,0 +1,49 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const accordionSlotRecipeDefaultVariants = {
+  "isClickable": true
+}
+const accordionSlotRecipeCompoundVariants = []
+
+const accordionSlotRecipeSlotNames = [
+  [
+    "header",
+    "accordion__header"
+  ],
+  [
+    "item",
+    "accordion__item"
+  ],
+  [
+    "panel",
+    "accordion__panel"
+  ]
+]
+const accordionSlotRecipeSlotFns = /* @__PURE__ */ accordionSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, accordionSlotRecipeDefaultVariants, getSlotCompoundVariant(accordionSlotRecipeCompoundVariants, slotName))])
+
+const accordionSlotRecipeFn = memo((props = {}) => {
+  return Object.fromEntries(accordionSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const accordionSlotRecipeVariantKeys = [
+  "isClickable"
+]
+const getVariantProps = (variants) => ({ ...accordionSlotRecipeDefaultVariants, ...compact(variants) })
+
+export const accordionSlotRecipe = /* @__PURE__ */ Object.assign(accordionSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'accordionSlotRecipe',
+  raw: (props) => props,
+  variantKeys: accordionSlotRecipeVariantKeys,
+  variantMap: {
+  "isClickable": [
+    "true",
+    "false"
+  ]
+},
+  splitVariantProps(props) {
+    return splitProps(props, accordionSlotRecipeVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/autocomplete-slot-recipe.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface AutocompleteSlotRecipeVariant {
+  
+}
+
+type AutocompleteSlotRecipeVariantMap = {
+  [key in keyof AutocompleteSlotRecipeVariant]: Array<AutocompleteSlotRecipeVariant[key]>
+}
+
+export type AutocompleteSlotRecipeVariantProps = {
+  [key in keyof AutocompleteSlotRecipeVariant]?: ConditionalValue<AutocompleteSlotRecipeVariant[key]> | undefined
+}
+
+export interface AutocompleteSlotRecipeRecipe {
+  __type: AutocompleteSlotRecipeVariantProps
+  (props?: AutocompleteSlotRecipeVariantProps): Pretty<Record<"groupText" | "popoverContent" | "buttonAction" | "emptyText" | "contentLoading", string>>
+  raw: (props?: AutocompleteSlotRecipeVariantProps) => AutocompleteSlotRecipeVariantProps
+  variantMap: AutocompleteSlotRecipeVariantMap
+  variantKeys: Array<keyof AutocompleteSlotRecipeVariant>
+  splitVariantProps<Props extends AutocompleteSlotRecipeVariantProps>(props: Props): [AutocompleteSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof AutocompleteSlotRecipeVariantProps>>]
+  getVariantProps: (props?: AutocompleteSlotRecipeVariantProps) => AutocompleteSlotRecipeVariantProps
+}
+
+
+export declare const autocompleteSlotRecipe: AutocompleteSlotRecipeRecipe

package/recipes/autocomplete-slot-recipe.mjs

@@ -0,0 +1,48 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const autocompleteSlotRecipeDefaultVariants = {}
+const autocompleteSlotRecipeCompoundVariants = []
+
+const autocompleteSlotRecipeSlotNames = [
+  [
+    "groupText",
+    "autocomplete__groupText"
+  ],
+  [
+    "popoverContent",
+    "autocomplete__popoverContent"
+  ],
+  [
+    "buttonAction",
+    "autocomplete__buttonAction"
+  ],
+  [
+    "emptyText",
+    "autocomplete__emptyText"
+  ],
+  [
+    "contentLoading",
+    "autocomplete__contentLoading"
+  ]
+]
+const autocompleteSlotRecipeSlotFns = /* @__PURE__ */ autocompleteSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, autocompleteSlotRecipeDefaultVariants, getSlotCompoundVariant(autocompleteSlotRecipeCompoundVariants, slotName))])
+
+const autocompleteSlotRecipeFn = memo((props = {}) => {
+  return Object.fromEntries(autocompleteSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const autocompleteSlotRecipeVariantKeys = []
+const getVariantProps = (variants) => ({ ...autocompleteSlotRecipeDefaultVariants, ...compact(variants) })
+
+export const autocompleteSlotRecipe = /* @__PURE__ */ Object.assign(autocompleteSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'autocompleteSlotRecipe',
+  raw: (props) => props,
+  variantKeys: autocompleteSlotRecipeVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, autocompleteSlotRecipeVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/date-picker-slot-recipe.mjs

@@ -1,35 +1,29 @@
-import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'
-import { createRecipe } from './create-recipe.mjs'
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
 
 const datePickerSlotRecipeDefaultVariants = {}
 const datePickerSlotRecipeCompoundVariants = []
 
 const datePickerSlotRecipeSlotNames = [
-  ['root', 'datepicker__root'],
-  ['popoverContent', 'datepicker__popoverContent']
-]
-const datePickerSlotRecipeSlotFns = /* @__PURE__ */ datePickerSlotRecipeSlotNames.map(
-  ([slotName, slotKey]) => [
-    slotName,
-    createRecipe(
-      slotKey,
-      datePickerSlotRecipeDefaultVariants,
-      getSlotCompoundVariant(datePickerSlotRecipeCompoundVariants, slotName)
-    )
+  [
+    "root",
+    "datepicker__root"
+  ],
+  [
+    "popoverContent",
+    "datepicker__popoverContent"
   ]
-)
+]
+const datePickerSlotRecipeSlotFns = /* @__PURE__ */ datePickerSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, datePickerSlotRecipeDefaultVariants, getSlotCompoundVariant(datePickerSlotRecipeCompoundVariants, slotName))])
 
 const datePickerSlotRecipeFn = memo((props = {}) => {
-  return Object.fromEntries(
-    datePickerSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])
-  )
+  return Object.fromEntries(datePickerSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
 })
 
-const datePickerSlotRecipeVariantKeys = ['variant']
-const getVariantProps = (variants) => ({
-  ...datePickerSlotRecipeDefaultVariants,
-  ...compact(variants)
-})
+const datePickerSlotRecipeVariantKeys = [
+  "variant"
+]
+const getVariantProps = (variants) => ({ ...datePickerSlotRecipeDefaultVariants, ...compact(variants) })
 
 export const datePickerSlotRecipe = /* @__PURE__ */ Object.assign(datePickerSlotRecipeFn, {
   __recipe__: false,
@@ -37,10 +31,13 @@ export const datePickerSlotRecipe = /* @__PURE__ */ Object.assign(datePickerSlot
   raw: (props) => props,
   variantKeys: datePickerSlotRecipeVariantKeys,
   variantMap: {
-    variant: ['date', 'time']
-  },
+  "variant": [
+    "date",
+    "time"
+  ]
+},
   splitVariantProps(props) {
     return splitProps(props, datePickerSlotRecipeVariantKeys)
   },
   getVariantProps
-})
+})

package/recipes/index.d.ts

@@ -27,7 +27,7 @@ export * from './date-item-recipe';
 export * from './month-item-recipe';
 export * from './year-item-recipe';
 export * from './time-item-recipe';
-export * from './accordion';
+export * from './accordion-slot-recipe';
 export * from './checkbox-slot-recipe';
 export * from './radio-slot-recipe';
 export * from './shared-slot-recipe';
@@ -58,4 +58,10 @@ export * from './table-month-slot-recipe';
 export * from './table-year-slot-recipe';
 export * from './pinbar-slot-recipe';
 export * from './carousel-slot-recipe';
-export * from './chart-slot-recipe';
+export * from './chart-slot-recipe';
+export * from './autocomplete-slot-recipe';
+export * from './timeline-slot-recipe';
+export * from './timeline-document-slot-recipe';
+export * from './timeline-log-slot-recipe';
+export * from './timeline-separator-slot-recipe';
+export * from './timeline-accordion-slot-recipe';

package/recipes/index.mjs

@@ -1,60 +1,66 @@
-export * from './button-recipe.mjs'
-export * from './button-group-recipe.mjs'
-export * from './text-recipe.mjs'
-export * from './icon-recipe.mjs'
-export * from './spinner-recipe.mjs'
-export * from './popover-content-recipe.mjs'
-export * from './popover-list-recipe.mjs'
-export * from './popover-list-item-recipe.mjs'
-export * from './badge-recipe.mjs'
-export * from './textarea-recipe.mjs'
-export * from './tooltip-recipe.mjs'
-export * from './tab-list-recipe.mjs'
-export * from './tab-recipe.mjs'
-export * from './selected-border-recipe.mjs'
-export * from './table-recipe.mjs'
-export * from './table-container-recipe.mjs'
-export * from './divider-recipe.mjs'
-export * from './banner-title-recipe.mjs'
-export * from './banner-description-recipe.mjs'
-export * from './banner-link-recipe.mjs'
-export * from './banner-close-button-recipe.mjs'
-export * from './rtestyle-provider-recipe.mjs'
-export * from './calendar-panel-range-recipe.mjs'
-export * from './day-item-recipe.mjs'
-export * from './date-item-recipe.mjs'
-export * from './month-item-recipe.mjs'
-export * from './year-item-recipe.mjs'
-export * from './time-item-recipe.mjs'
-export * from './accordion.mjs'
-export * from './checkbox-slot-recipe.mjs'
-export * from './radio-slot-recipe.mjs'
-export * from './shared-slot-recipe.mjs'
-export * from './progress-slot-recipe.mjs'
-export * from './toggle-slot-recipe.mjs'
-export * from './tag-slot-recipe.mjs'
-export * from './input-slot-recipe.mjs'
-export * from './input-group-slot-recipe.mjs'
-export * from './input-addon-slot-recipe.mjs'
-export * from './avatar-slot-recipe.mjs'
-export * from './avatar-group-slot-recipe.mjs'
-export * from './select-slot-recipe.mjs'
-export * from './form-control-slot-recipe.mjs'
-export * from './input-tag-slot-recipe.mjs'
-export * from './modal-slot-recipe.mjs'
-export * from './upload-slot-recipe.mjs'
-export * from './upload-list-slot-recipe.mjs'
-export * from './dropzone-slot-recipe.mjs'
-export * from './banner-slot-recipe.mjs'
-export * from './banner-icon-slot-recipe.mjs'
-export * from './segmented-control-slot-recipe.mjs'
-export * from './toast-slot-recipe.mjs'
-export * from './broadcast-slot-recipe.mjs'
-export * from './rich-text-editor-slot-recipe.mjs'
-export * from './date-picker-slot-recipe.mjs'
-export * from './table-date-slot-recipe.mjs'
-export * from './table-month-slot-recipe.mjs'
-export * from './table-year-slot-recipe.mjs'
-export * from './pinbar-slot-recipe.mjs'
-export * from './carousel-slot-recipe.mjs'
-export * from './chart-slot-recipe.mjs'
+export * from './button-recipe.mjs';
+export * from './button-group-recipe.mjs';
+export * from './text-recipe.mjs';
+export * from './icon-recipe.mjs';
+export * from './spinner-recipe.mjs';
+export * from './popover-content-recipe.mjs';
+export * from './popover-list-recipe.mjs';
+export * from './popover-list-item-recipe.mjs';
+export * from './badge-recipe.mjs';
+export * from './textarea-recipe.mjs';
+export * from './tooltip-recipe.mjs';
+export * from './tab-list-recipe.mjs';
+export * from './tab-recipe.mjs';
+export * from './selected-border-recipe.mjs';
+export * from './table-recipe.mjs';
+export * from './table-container-recipe.mjs';
+export * from './divider-recipe.mjs';
+export * from './banner-title-recipe.mjs';
+export * from './banner-description-recipe.mjs';
+export * from './banner-link-recipe.mjs';
+export * from './banner-close-button-recipe.mjs';
+export * from './rtestyle-provider-recipe.mjs';
+export * from './calendar-panel-range-recipe.mjs';
+export * from './day-item-recipe.mjs';
+export * from './date-item-recipe.mjs';
+export * from './month-item-recipe.mjs';
+export * from './year-item-recipe.mjs';
+export * from './time-item-recipe.mjs';
+export * from './accordion-slot-recipe.mjs';
+export * from './checkbox-slot-recipe.mjs';
+export * from './radio-slot-recipe.mjs';
+export * from './shared-slot-recipe.mjs';
+export * from './progress-slot-recipe.mjs';
+export * from './toggle-slot-recipe.mjs';
+export * from './tag-slot-recipe.mjs';
+export * from './input-slot-recipe.mjs';
+export * from './input-group-slot-recipe.mjs';
+export * from './input-addon-slot-recipe.mjs';
+export * from './avatar-slot-recipe.mjs';
+export * from './avatar-group-slot-recipe.mjs';
+export * from './select-slot-recipe.mjs';
+export * from './form-control-slot-recipe.mjs';
+export * from './input-tag-slot-recipe.mjs';
+export * from './modal-slot-recipe.mjs';
+export * from './upload-slot-recipe.mjs';
+export * from './upload-list-slot-recipe.mjs';
+export * from './dropzone-slot-recipe.mjs';
+export * from './banner-slot-recipe.mjs';
+export * from './banner-icon-slot-recipe.mjs';
+export * from './segmented-control-slot-recipe.mjs';
+export * from './toast-slot-recipe.mjs';
+export * from './broadcast-slot-recipe.mjs';
+export * from './rich-text-editor-slot-recipe.mjs';
+export * from './date-picker-slot-recipe.mjs';
+export * from './table-date-slot-recipe.mjs';
+export * from './table-month-slot-recipe.mjs';
+export * from './table-year-slot-recipe.mjs';
+export * from './pinbar-slot-recipe.mjs';
+export * from './carousel-slot-recipe.mjs';
+export * from './chart-slot-recipe.mjs';
+export * from './autocomplete-slot-recipe.mjs';
+export * from './timeline-slot-recipe.mjs';
+export * from './timeline-document-slot-recipe.mjs';
+export * from './timeline-log-slot-recipe.mjs';
+export * from './timeline-separator-slot-recipe.mjs';
+export * from './timeline-accordion-slot-recipe.mjs';

package/recipes/time-item-recipe.d.ts

@@ -3,7 +3,7 @@ import type { ConditionalValue } from '../types/index';
 import type { DistributiveOmit, Pretty } from '../types/system-types';
 
 interface TimeItemRecipeVariant {
-  status: "disabled" | "default" | "selected" | "today"
+  status: "disabled" | "default" | "selected"
 }
 
 type TimeItemRecipeVariantMap = {

package/recipes/time-item-recipe.mjs

@@ -1,10 +1,14 @@
-import { memo, splitProps } from '../helpers.mjs'
-import { createRecipe, mergeRecipes } from './create-recipe.mjs'
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const timeItemRecipeFn = /* @__PURE__ */ createRecipe('timeItem', {}, [])
 
 const timeItemRecipeVariantMap = {
-  status: ['disabled', 'default', 'selected', 'today']
+  "status": [
+    "disabled",
+    "default",
+    "selected"
+  ]
 }
 
 const timeItemRecipeVariantKeys = Object.keys(timeItemRecipeVariantMap)
@@ -22,5 +26,5 @@ export const timeItemRecipe = /* @__PURE__ */ Object.assign(memo(timeItemRecipeF
   splitVariantProps(props) {
     return splitProps(props, timeItemRecipeVariantKeys)
   },
-  getVariantProps: timeItemRecipeFn.getVariantProps
-})
+  getVariantProps: timeItemRecipeFn.getVariantProps,
+})

package/recipes/timeline-accordion-slot-recipe.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface TimelineAccordionSlotRecipeVariant {
+  
+}
+
+type TimelineAccordionSlotRecipeVariantMap = {
+  [key in keyof TimelineAccordionSlotRecipeVariant]: Array<TimelineAccordionSlotRecipeVariant[key]>
+}
+
+export type TimelineAccordionSlotRecipeVariantProps = {
+  [key in keyof TimelineAccordionSlotRecipeVariant]?: ConditionalValue<TimelineAccordionSlotRecipeVariant[key]> | undefined
+}
+
+export interface TimelineAccordionSlotRecipeRecipe {
+  __type: TimelineAccordionSlotRecipeVariantProps
+  (props?: TimelineAccordionSlotRecipeVariantProps): Pretty<Record<"body" | "separator" | "icon" | "topConnector" | "bottomConnector" | "title" | "label", string>>
+  raw: (props?: TimelineAccordionSlotRecipeVariantProps) => TimelineAccordionSlotRecipeVariantProps
+  variantMap: TimelineAccordionSlotRecipeVariantMap
+  variantKeys: Array<keyof TimelineAccordionSlotRecipeVariant>
+  splitVariantProps<Props extends TimelineAccordionSlotRecipeVariantProps>(props: Props): [TimelineAccordionSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TimelineAccordionSlotRecipeVariantProps>>]
+  getVariantProps: (props?: TimelineAccordionSlotRecipeVariantProps) => TimelineAccordionSlotRecipeVariantProps
+}
+
+
+export declare const timelineAccordionSlotRecipe: TimelineAccordionSlotRecipeRecipe

package/recipes/timeline-accordion-slot-recipe.mjs

@@ -0,0 +1,56 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const timelineAccordionSlotRecipeDefaultVariants = {}
+const timelineAccordionSlotRecipeCompoundVariants = []
+
+const timelineAccordionSlotRecipeSlotNames = [
+  [
+    "body",
+    "timelineAccordion__body"
+  ],
+  [
+    "separator",
+    "timelineAccordion__separator"
+  ],
+  [
+    "icon",
+    "timelineAccordion__icon"
+  ],
+  [
+    "topConnector",
+    "timelineAccordion__topConnector"
+  ],
+  [
+    "bottomConnector",
+    "timelineAccordion__bottomConnector"
+  ],
+  [
+    "title",
+    "timelineAccordion__title"
+  ],
+  [
+    "label",
+    "timelineAccordion__label"
+  ]
+]
+const timelineAccordionSlotRecipeSlotFns = /* @__PURE__ */ timelineAccordionSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, timelineAccordionSlotRecipeDefaultVariants, getSlotCompoundVariant(timelineAccordionSlotRecipeCompoundVariants, slotName))])
+
+const timelineAccordionSlotRecipeFn = memo((props = {}) => {
+  return Object.fromEntries(timelineAccordionSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const timelineAccordionSlotRecipeVariantKeys = []
+const getVariantProps = (variants) => ({ ...timelineAccordionSlotRecipeDefaultVariants, ...compact(variants) })
+
+export const timelineAccordionSlotRecipe = /* @__PURE__ */ Object.assign(timelineAccordionSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'timelineAccordionSlotRecipe',
+  raw: (props) => props,
+  variantKeys: timelineAccordionSlotRecipeVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, timelineAccordionSlotRecipeVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/timeline-document-slot-recipe.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface TimelineDocumentSlotRecipeVariant {
+  icon: boolean
+}
+
+type TimelineDocumentSlotRecipeVariantMap = {
+  [key in keyof TimelineDocumentSlotRecipeVariant]: Array<TimelineDocumentSlotRecipeVariant[key]>
+}
+
+export type TimelineDocumentSlotRecipeVariantProps = {
+  [key in keyof TimelineDocumentSlotRecipeVariant]?: ConditionalValue<TimelineDocumentSlotRecipeVariant[key]> | undefined
+}
+
+export interface TimelineDocumentSlotRecipeRecipe {
+  __type: TimelineDocumentSlotRecipeVariantProps
+  (props?: TimelineDocumentSlotRecipeVariantProps): Pretty<Record<"root" | "content" | "title" | "description" | "fileSize", string>>
+  raw: (props?: TimelineDocumentSlotRecipeVariantProps) => TimelineDocumentSlotRecipeVariantProps
+  variantMap: TimelineDocumentSlotRecipeVariantMap
+  variantKeys: Array<keyof TimelineDocumentSlotRecipeVariant>
+  splitVariantProps<Props extends TimelineDocumentSlotRecipeVariantProps>(props: Props): [TimelineDocumentSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TimelineDocumentSlotRecipeVariantProps>>]
+  getVariantProps: (props?: TimelineDocumentSlotRecipeVariantProps) => TimelineDocumentSlotRecipeVariantProps
+}
+
+
+export declare const timelineDocumentSlotRecipe: TimelineDocumentSlotRecipeRecipe

package/recipes/timeline-document-slot-recipe.mjs

@@ -0,0 +1,57 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const timelineDocumentSlotRecipeDefaultVariants = {
+  "icon": false
+}
+const timelineDocumentSlotRecipeCompoundVariants = []
+
+const timelineDocumentSlotRecipeSlotNames = [
+  [
+    "root",
+    "timelineDocument__root"
+  ],
+  [
+    "content",
+    "timelineDocument__content"
+  ],
+  [
+    "title",
+    "timelineDocument__title"
+  ],
+  [
+    "description",
+    "timelineDocument__description"
+  ],
+  [
+    "fileSize",
+    "timelineDocument__fileSize"
+  ]
+]
+const timelineDocumentSlotRecipeSlotFns = /* @__PURE__ */ timelineDocumentSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, timelineDocumentSlotRecipeDefaultVariants, getSlotCompoundVariant(timelineDocumentSlotRecipeCompoundVariants, slotName))])
+
+const timelineDocumentSlotRecipeFn = memo((props = {}) => {
+  return Object.fromEntries(timelineDocumentSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const timelineDocumentSlotRecipeVariantKeys = [
+  "icon"
+]
+const getVariantProps = (variants) => ({ ...timelineDocumentSlotRecipeDefaultVariants, ...compact(variants) })
+
+export const timelineDocumentSlotRecipe = /* @__PURE__ */ Object.assign(timelineDocumentSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'timelineDocumentSlotRecipe',
+  raw: (props) => props,
+  variantKeys: timelineDocumentSlotRecipeVariantKeys,
+  variantMap: {
+  "icon": [
+    "true",
+    "false"
+  ]
+},
+  splitVariantProps(props) {
+    return splitProps(props, timelineDocumentSlotRecipeVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/timeline-log-slot-recipe.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface TimelineLogSlotRecipeVariant {
+  
+}
+
+type TimelineLogSlotRecipeVariantMap = {
+  [key in keyof TimelineLogSlotRecipeVariant]: Array<TimelineLogSlotRecipeVariant[key]>
+}
+
+export type TimelineLogSlotRecipeVariantProps = {
+  [key in keyof TimelineLogSlotRecipeVariant]?: ConditionalValue<TimelineLogSlotRecipeVariant[key]> | undefined
+}
+
+export interface TimelineLogSlotRecipeRecipe {
+  __type: TimelineLogSlotRecipeVariantProps
+  (props?: TimelineLogSlotRecipeVariantProps): Pretty<Record<"root" | "log" | "logText" | "logIcon" | "content" | "logItem", string>>
+  raw: (props?: TimelineLogSlotRecipeVariantProps) => TimelineLogSlotRecipeVariantProps
+  variantMap: TimelineLogSlotRecipeVariantMap
+  variantKeys: Array<keyof TimelineLogSlotRecipeVariant>
+  splitVariantProps<Props extends TimelineLogSlotRecipeVariantProps>(props: Props): [TimelineLogSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TimelineLogSlotRecipeVariantProps>>]
+  getVariantProps: (props?: TimelineLogSlotRecipeVariantProps) => TimelineLogSlotRecipeVariantProps
+}
+
+
+export declare const timelineLogSlotRecipe: TimelineLogSlotRecipeRecipe

package/recipes/timeline-log-slot-recipe.mjs

@@ -0,0 +1,52 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const timelineLogSlotRecipeDefaultVariants = {}
+const timelineLogSlotRecipeCompoundVariants = []
+
+const timelineLogSlotRecipeSlotNames = [
+  [
+    "root",
+    "timelineLog__root"
+  ],
+  [
+    "log",
+    "timelineLog__log"
+  ],
+  [
+    "logText",
+    "timelineLog__logText"
+  ],
+  [
+    "logIcon",
+    "timelineLog__logIcon"
+  ],
+  [
+    "content",
+    "timelineLog__content"
+  ],
+  [
+    "logItem",
+    "timelineLog__logItem"
+  ]
+]
+const timelineLogSlotRecipeSlotFns = /* @__PURE__ */ timelineLogSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, timelineLogSlotRecipeDefaultVariants, getSlotCompoundVariant(timelineLogSlotRecipeCompoundVariants, slotName))])
+
+const timelineLogSlotRecipeFn = memo((props = {}) => {
+  return Object.fromEntries(timelineLogSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const timelineLogSlotRecipeVariantKeys = []
+const getVariantProps = (variants) => ({ ...timelineLogSlotRecipeDefaultVariants, ...compact(variants) })
+
+export const timelineLogSlotRecipe = /* @__PURE__ */ Object.assign(timelineLogSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'timelineLogSlotRecipe',
+  raw: (props) => props,
+  variantKeys: timelineLogSlotRecipeVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, timelineLogSlotRecipeVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/timeline-separator-slot-recipe.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface TimelineSeparatorSlotRecipeVariant {
+  
+}
+
+type TimelineSeparatorSlotRecipeVariantMap = {
+  [key in keyof TimelineSeparatorSlotRecipeVariant]: Array<TimelineSeparatorSlotRecipeVariant[key]>
+}
+
+export type TimelineSeparatorSlotRecipeVariantProps = {
+  [key in keyof TimelineSeparatorSlotRecipeVariant]?: ConditionalValue<TimelineSeparatorSlotRecipeVariant[key]> | undefined
+}
+
+export interface TimelineSeparatorSlotRecipeRecipe {
+  __type: TimelineSeparatorSlotRecipeVariantProps
+  (props?: TimelineSeparatorSlotRecipeVariantProps): Pretty<Record<"root" | "topConnector" | "bottomConnector", string>>
+  raw: (props?: TimelineSeparatorSlotRecipeVariantProps) => TimelineSeparatorSlotRecipeVariantProps
+  variantMap: TimelineSeparatorSlotRecipeVariantMap
+  variantKeys: Array<keyof TimelineSeparatorSlotRecipeVariant>
+  splitVariantProps<Props extends TimelineSeparatorSlotRecipeVariantProps>(props: Props): [TimelineSeparatorSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TimelineSeparatorSlotRecipeVariantProps>>]
+  getVariantProps: (props?: TimelineSeparatorSlotRecipeVariantProps) => TimelineSeparatorSlotRecipeVariantProps
+}
+
+
+export declare const timelineSeparatorSlotRecipe: TimelineSeparatorSlotRecipeRecipe

package/recipes/timeline-separator-slot-recipe.mjs

@@ -0,0 +1,40 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const timelineSeparatorSlotRecipeDefaultVariants = {}
+const timelineSeparatorSlotRecipeCompoundVariants = []
+
+const timelineSeparatorSlotRecipeSlotNames = [
+  [
+    "root",
+    "timelineSeparetor__root"
+  ],
+  [
+    "topConnector",
+    "timelineSeparetor__topConnector"
+  ],
+  [
+    "bottomConnector",
+    "timelineSeparetor__bottomConnector"
+  ]
+]
+const timelineSeparatorSlotRecipeSlotFns = /* @__PURE__ */ timelineSeparatorSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, timelineSeparatorSlotRecipeDefaultVariants, getSlotCompoundVariant(timelineSeparatorSlotRecipeCompoundVariants, slotName))])
+
+const timelineSeparatorSlotRecipeFn = memo((props = {}) => {
+  return Object.fromEntries(timelineSeparatorSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const timelineSeparatorSlotRecipeVariantKeys = []
+const getVariantProps = (variants) => ({ ...timelineSeparatorSlotRecipeDefaultVariants, ...compact(variants) })
+
+export const timelineSeparatorSlotRecipe = /* @__PURE__ */ Object.assign(timelineSeparatorSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'timelineSeparatorSlotRecipe',
+  raw: (props) => props,
+  variantKeys: timelineSeparatorSlotRecipeVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, timelineSeparatorSlotRecipeVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/timeline-slot-recipe.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface TimelineSlotRecipeVariant {
+  
+}
+
+type TimelineSlotRecipeVariantMap = {
+  [key in keyof TimelineSlotRecipeVariant]: Array<TimelineSlotRecipeVariant[key]>
+}
+
+export type TimelineSlotRecipeVariantProps = {
+  [key in keyof TimelineSlotRecipeVariant]?: ConditionalValue<TimelineSlotRecipeVariant[key]> | undefined
+}
+
+export interface TimelineSlotRecipeRecipe {
+  __type: TimelineSlotRecipeVariantProps
+  (props?: TimelineSlotRecipeVariantProps): Pretty<Record<"root" | "body" | "caption" | "content" | "item", string>>
+  raw: (props?: TimelineSlotRecipeVariantProps) => TimelineSlotRecipeVariantProps
+  variantMap: TimelineSlotRecipeVariantMap
+  variantKeys: Array<keyof TimelineSlotRecipeVariant>
+  splitVariantProps<Props extends TimelineSlotRecipeVariantProps>(props: Props): [TimelineSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TimelineSlotRecipeVariantProps>>]
+  getVariantProps: (props?: TimelineSlotRecipeVariantProps) => TimelineSlotRecipeVariantProps
+}
+
+
+export declare const timelineSlotRecipe: TimelineSlotRecipeRecipe

package/recipes/timeline-slot-recipe.mjs

@@ -0,0 +1,48 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const timelineSlotRecipeDefaultVariants = {}
+const timelineSlotRecipeCompoundVariants = []
+
+const timelineSlotRecipeSlotNames = [
+  [
+    "root",
+    "timeline__root"
+  ],
+  [
+    "body",
+    "timeline__body"
+  ],
+  [
+    "caption",
+    "timeline__caption"
+  ],
+  [
+    "content",
+    "timeline__content"
+  ],
+  [
+    "item",
+    "timeline__item"
+  ]
+]
+const timelineSlotRecipeSlotFns = /* @__PURE__ */ timelineSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, timelineSlotRecipeDefaultVariants, getSlotCompoundVariant(timelineSlotRecipeCompoundVariants, slotName))])
+
+const timelineSlotRecipeFn = memo((props = {}) => {
+  return Object.fromEntries(timelineSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const timelineSlotRecipeVariantKeys = []
+const getVariantProps = (variants) => ({ ...timelineSlotRecipeDefaultVariants, ...compact(variants) })
+
+export const timelineSlotRecipe = /* @__PURE__ */ Object.assign(timelineSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'timelineSlotRecipe',
+  raw: (props) => props,
+  variantKeys: timelineSlotRecipeVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, timelineSlotRecipeVariantKeys)
+  },
+  getVariantProps
+})