aeon-ui-engine 1.5.1 → 1.9.0

package/packages/panda/styled-system/recipes/aeon-textarea.d.ts

@@ -0,0 +1,18 @@
+import type { ConditionalValue } from '../types/system';
+import type { SlotRecipeRuntimeFn, RecipeVariantMap } from '../types/recipe';
+
+export type AeonTextareaVariant = {
+  variant?: "outline" | "ghost"
+}
+
+export type AeonTextareaVariantProps = {
+  [K in keyof AeonTextareaVariant]?: ConditionalValue<AeonTextareaVariant[K]>
+}
+
+export type AeonTextareaVariantMap = RecipeVariantMap<AeonTextareaVariant>
+
+export type AeonTextareaSlot = "root"
+
+export type AeonTextareaRecipe = SlotRecipeRuntimeFn<AeonTextareaSlot, AeonTextareaVariantProps, AeonTextareaVariantMap>
+
+export declare const aeonTextarea: AeonTextareaRecipe;

package/packages/panda/styled-system/recipes/aeon-textarea.js

@@ -0,0 +1,5 @@
+import { createSlotRecipe } from './runtime';
+
+const aeonTextareaConfig = {"name":"aeonTextarea","slots":["root"],"defaultVariants":{"variant":"outline"},"variantMap":{"variant":["outline","ghost"]}}
+
+export const aeonTextarea = /* @__PURE__ */ createSlotRecipe(aeonTextareaConfig)

package/packages/panda/styled-system/recipes/aeon-theme-switcher.d.ts

@@ -1,34 +1,18 @@
-/* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
+import type { ConditionalValue } from '../types/system';
+import type { SlotRecipeRuntimeFn, RecipeVariantMap } from '../types/recipe';
 
-interface AeonThemeSwitcherVariant {
-  /**
- * @default "sm"
- */
-size: "xs" | "sm" | "md"
+export type AeonThemeSwitcherVariant = {
+  size?: "xs" | "sm" | "md"
 }
 
-type AeonThemeSwitcherVariantMap = {
-  [key in keyof AeonThemeSwitcherVariant]: Array<AeonThemeSwitcherVariant[key]>
-}
-
-type AeonThemeSwitcherSlot = "root" | "modes" | "modeBtn" | "themeSelect" | "themeTrigger"
-
 export type AeonThemeSwitcherVariantProps = {
-  [key in keyof AeonThemeSwitcherVariant]?: ConditionalValue<AeonThemeSwitcherVariant[key]> | undefined
+  [K in keyof AeonThemeSwitcherVariant]?: ConditionalValue<AeonThemeSwitcherVariant[K]>
 }
 
-export interface AeonThemeSwitcherRecipe {
-  __slot: AeonThemeSwitcherSlot
-  __type: AeonThemeSwitcherVariantProps
-  (props?: AeonThemeSwitcherVariantProps): Pretty<Record<AeonThemeSwitcherSlot, string>>
-  raw: (props?: AeonThemeSwitcherVariantProps) => AeonThemeSwitcherVariantProps
-  variantMap: AeonThemeSwitcherVariantMap
-  variantKeys: Array<keyof AeonThemeSwitcherVariant>
-  splitVariantProps<Props extends AeonThemeSwitcherVariantProps>(props: Props): [AeonThemeSwitcherVariantProps, Pretty<DistributiveOmit<Props, keyof AeonThemeSwitcherVariantProps>>]
-  getVariantProps: (props?: AeonThemeSwitcherVariantProps) => AeonThemeSwitcherVariantProps
-}
+export type AeonThemeSwitcherVariantMap = RecipeVariantMap<AeonThemeSwitcherVariant>
+
+export type AeonThemeSwitcherSlot = "root" | "modes" | "modeBtn" | "themeSelect" | "themeTrigger"
 
+export type AeonThemeSwitcherRecipe = SlotRecipeRuntimeFn<AeonThemeSwitcherSlot, AeonThemeSwitcherVariantProps, AeonThemeSwitcherVariantMap>
 
-export declare const aeonThemeSwitcher: AeonThemeSwitcherRecipe
+export declare const aeonThemeSwitcher: AeonThemeSwitcherRecipe;

package/packages/panda/styled-system/recipes/aeon-theme-switcher.js

@@ -0,0 +1,5 @@
+import { createSlotRecipe } from './runtime';
+
+const aeonThemeSwitcherConfig = {"name":"aeonThemeSwitcher","slots":["root","modes","modeBtn","themeSelect","themeTrigger"],"defaultVariants":{"size":"sm"},"variantMap":{"size":["xs","sm","md"]}}
+
+export const aeonThemeSwitcher = /* @__PURE__ */ createSlotRecipe(aeonThemeSwitcherConfig)

package/packages/panda/styled-system/recipes/aeon-thread.d.ts

@@ -1,31 +1,16 @@
-/* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
+import type { ConditionalValue } from '../types/system';
+import type { SlotRecipeRuntimeFn, RecipeVariantMap } from '../types/recipe';
 
-interface AeonThreadVariant {
-  
-}
-
-type AeonThreadVariantMap = {
-  [key in keyof AeonThreadVariant]: Array<AeonThreadVariant[key]>
-}
-
-type AeonThreadSlot = "root" | "list" | "item" | "bubble" | "meta" | "day" | "bind" | "card" | "cardTitle" | "cardBody" | "cardActions"
+export type AeonThreadVariant = {}
 
 export type AeonThreadVariantProps = {
-  [key in keyof AeonThreadVariant]?: ConditionalValue<AeonThreadVariant[key]> | undefined
+  [K in keyof AeonThreadVariant]?: ConditionalValue<AeonThreadVariant[K]>
 }
 
-export interface AeonThreadRecipe {
-  __slot: AeonThreadSlot
-  __type: AeonThreadVariantProps
-  (props?: AeonThreadVariantProps): Pretty<Record<AeonThreadSlot, string>>
-  raw: (props?: AeonThreadVariantProps) => AeonThreadVariantProps
-  variantMap: AeonThreadVariantMap
-  variantKeys: Array<keyof AeonThreadVariant>
-  splitVariantProps<Props extends AeonThreadVariantProps>(props: Props): [AeonThreadVariantProps, Pretty<DistributiveOmit<Props, keyof AeonThreadVariantProps>>]
-  getVariantProps: (props?: AeonThreadVariantProps) => AeonThreadVariantProps
-}
+export type AeonThreadVariantMap = RecipeVariantMap<AeonThreadVariant>
+
+export type AeonThreadSlot = "root" | "list" | "item" | "bubble" | "meta" | "day" | "bind" | "card" | "cardTitle" | "cardBody" | "cardActions"
 
+export type AeonThreadRecipe = SlotRecipeRuntimeFn<AeonThreadSlot, AeonThreadVariantProps, AeonThreadVariantMap>
 
-export declare const aeonThread: AeonThreadRecipe
+export declare const aeonThread: AeonThreadRecipe;

package/packages/panda/styled-system/recipes/aeon-thread.js

@@ -0,0 +1,5 @@
+import { createSlotRecipe } from './runtime';
+
+const aeonThreadConfig = {"name":"aeonThread","slots":["root","list","item","bubble","meta","day","bind","card","cardTitle","cardBody","cardActions"]}
+
+export const aeonThread = /* @__PURE__ */ createSlotRecipe(aeonThreadConfig)

package/packages/panda/styled-system/recipes/aeon-toast.d.ts

@@ -1,31 +1,16 @@
-/* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
+import type { ConditionalValue } from '../types/system';
+import type { SlotRecipeRuntimeFn, RecipeVariantMap } from '../types/recipe';
 
-interface AeonToastVariant {
-  
-}
-
-type AeonToastVariantMap = {
-  [key in keyof AeonToastVariant]: Array<AeonToastVariant[key]>
-}
-
-type AeonToastSlot = "viewport" | "root" | "title" | "description" | "closeTrigger"
+export type AeonToastVariant = {}
 
 export type AeonToastVariantProps = {
-  [key in keyof AeonToastVariant]?: ConditionalValue<AeonToastVariant[key]> | undefined
+  [K in keyof AeonToastVariant]?: ConditionalValue<AeonToastVariant[K]>
 }
 
-export interface AeonToastRecipe {
-  __slot: AeonToastSlot
-  __type: AeonToastVariantProps
-  (props?: AeonToastVariantProps): Pretty<Record<AeonToastSlot, string>>
-  raw: (props?: AeonToastVariantProps) => AeonToastVariantProps
-  variantMap: AeonToastVariantMap
-  variantKeys: Array<keyof AeonToastVariant>
-  splitVariantProps<Props extends AeonToastVariantProps>(props: Props): [AeonToastVariantProps, Pretty<DistributiveOmit<Props, keyof AeonToastVariantProps>>]
-  getVariantProps: (props?: AeonToastVariantProps) => AeonToastVariantProps
-}
+export type AeonToastVariantMap = RecipeVariantMap<AeonToastVariant>
+
+export type AeonToastSlot = "viewport" | "root" | "title" | "description" | "closeTrigger"
 
+export type AeonToastRecipe = SlotRecipeRuntimeFn<AeonToastSlot, AeonToastVariantProps, AeonToastVariantMap>
 
-export declare const aeonToast: AeonToastRecipe
+export declare const aeonToast: AeonToastRecipe;

package/packages/panda/styled-system/recipes/aeon-toast.js

@@ -0,0 +1,5 @@
+import { createSlotRecipe } from './runtime';
+
+const aeonToastConfig = {"name":"aeonToast","slots":["viewport","root","title","description","closeTrigger"]}
+
+export const aeonToast = /* @__PURE__ */ createSlotRecipe(aeonToastConfig)

package/packages/panda/styled-system/recipes/aeon-tooltip.d.ts

@@ -1,31 +1,16 @@
-/* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
+import type { ConditionalValue } from '../types/system';
+import type { SlotRecipeRuntimeFn, RecipeVariantMap } from '../types/recipe';
 
-interface AeonTooltipVariant {
-  
-}
-
-type AeonTooltipVariantMap = {
-  [key in keyof AeonTooltipVariant]: Array<AeonTooltipVariant[key]>
-}
-
-type AeonTooltipSlot = "root" | "trigger" | "positioner" | "content" | "arrow"
+export type AeonTooltipVariant = {}
 
 export type AeonTooltipVariantProps = {
-  [key in keyof AeonTooltipVariant]?: ConditionalValue<AeonTooltipVariant[key]> | undefined
+  [K in keyof AeonTooltipVariant]?: ConditionalValue<AeonTooltipVariant[K]>
 }
 
-export interface AeonTooltipRecipe {
-  __slot: AeonTooltipSlot
-  __type: AeonTooltipVariantProps
-  (props?: AeonTooltipVariantProps): Pretty<Record<AeonTooltipSlot, string>>
-  raw: (props?: AeonTooltipVariantProps) => AeonTooltipVariantProps
-  variantMap: AeonTooltipVariantMap
-  variantKeys: Array<keyof AeonTooltipVariant>
-  splitVariantProps<Props extends AeonTooltipVariantProps>(props: Props): [AeonTooltipVariantProps, Pretty<DistributiveOmit<Props, keyof AeonTooltipVariantProps>>]
-  getVariantProps: (props?: AeonTooltipVariantProps) => AeonTooltipVariantProps
-}
+export type AeonTooltipVariantMap = RecipeVariantMap<AeonTooltipVariant>
+
+export type AeonTooltipSlot = "root" | "trigger" | "positioner" | "content" | "arrow"
 
+export type AeonTooltipRecipe = SlotRecipeRuntimeFn<AeonTooltipSlot, AeonTooltipVariantProps, AeonTooltipVariantMap>
 
-export declare const aeonTooltip: AeonTooltipRecipe
+export declare const aeonTooltip: AeonTooltipRecipe;

package/packages/panda/styled-system/recipes/aeon-tooltip.js

@@ -0,0 +1,5 @@
+import { createSlotRecipe } from './runtime';
+
+const aeonTooltipConfig = {"name":"aeonTooltip","slots":["root","trigger","positioner","content","arrow"]}
+
+export const aeonTooltip = /* @__PURE__ */ createSlotRecipe(aeonTooltipConfig)

package/packages/panda/styled-system/recipes/index.d.ts

@@ -1,40 +1,43 @@
-/* eslint-disable */
+export * from './aeon-badge';
 export * from './aeon-button';
 export * from './aeon-button-group';
-export * from './aeon-badge';
+export * from './aeon-accordion';
+export * from './aeon-app-shell';
+export * from './aeon-async';
 export * from './aeon-avatar';
-export * from './aeon-identity';
-export * from './aeon-metric-strip';
-export * from './aeon-list-row';
-export * from './aeon-entry';
-export * from './aeon-conversation';
-export * from './aeon-thread';
-export * from './aeon-composer';
-export * from './aeon-profile-header';
 export * from './aeon-bar';
-export * from './aeon-panel';
-export * from './aeon-app-shell';
+export * from './aeon-checkbox';
+export * from './aeon-clipboard';
+export * from './aeon-combobox';
+export * from './aeon-composer';
 export * from './aeon-content';
-export * from './aeon-nav';
-export * from './aeon-accordion';
+export * from './aeon-conversation';
 export * from './aeon-dialog';
-export * from './aeon-tabs';
-export * from './aeon-separator';
+export * from './aeon-entry';
+export * from './aeon-field';
+export * from './aeon-file-upload';
+export * from './aeon-identity';
+export * from './aeon-list-row';
+export * from './aeon-menu';
+export * from './aeon-metric-strip';
+export * from './aeon-nav';
+export * from './aeon-panel';
+export * from './aeon-pin-input';
+export * from './aeon-popover';
+export * from './aeon-profile-header';
 export * from './aeon-progress';
+export * from './aeon-prose';
 export * from './aeon-radio-group';
-export * from './aeon-slider';
 export * from './aeon-range-slider';
-export * from './aeon-file-upload';
-export * from './aeon-pin-input';
-export * from './aeon-switch';
-export * from './aeon-checkbox';
-export * from './aeon-async';
-export * from './aeon-field';
 export * from './aeon-scroll';
+export * from './aeon-segment-group';
 export * from './aeon-select';
-export * from './aeon-combobox';
-export * from './aeon-menu';
-export * from './aeon-popover';
-export * from './aeon-tooltip';
+export * from './aeon-separator';
+export * from './aeon-slider';
+export * from './aeon-switch';
+export * from './aeon-tabs';
+export * from './aeon-textarea';
+export * from './aeon-theme-switcher';
+export * from './aeon-thread';
 export * from './aeon-toast';
-export * from './aeon-theme-switcher';
+export * from './aeon-tooltip';

package/packages/panda/styled-system/recipes/index.js

@@ -0,0 +1,43 @@
+export * from './aeon-badge';
+export * from './aeon-button';
+export * from './aeon-button-group';
+export * from './aeon-accordion';
+export * from './aeon-app-shell';
+export * from './aeon-async';
+export * from './aeon-avatar';
+export * from './aeon-bar';
+export * from './aeon-checkbox';
+export * from './aeon-clipboard';
+export * from './aeon-combobox';
+export * from './aeon-composer';
+export * from './aeon-content';
+export * from './aeon-conversation';
+export * from './aeon-dialog';
+export * from './aeon-entry';
+export * from './aeon-field';
+export * from './aeon-file-upload';
+export * from './aeon-identity';
+export * from './aeon-list-row';
+export * from './aeon-menu';
+export * from './aeon-metric-strip';
+export * from './aeon-nav';
+export * from './aeon-panel';
+export * from './aeon-pin-input';
+export * from './aeon-popover';
+export * from './aeon-profile-header';
+export * from './aeon-progress';
+export * from './aeon-prose';
+export * from './aeon-radio-group';
+export * from './aeon-range-slider';
+export * from './aeon-scroll';
+export * from './aeon-segment-group';
+export * from './aeon-select';
+export * from './aeon-separator';
+export * from './aeon-slider';
+export * from './aeon-switch';
+export * from './aeon-tabs';
+export * from './aeon-textarea';
+export * from './aeon-theme-switcher';
+export * from './aeon-thread';
+export * from './aeon-toast';
+export * from './aeon-tooltip';

package/packages/panda/styled-system/recipes/runtime.js

@@ -0,0 +1,133 @@
+import { createSerializeCss, getCompoundVariantClassNames, getSlotCompoundVariant, memo, splitProps, toHash, uniq, withDefaults, withoutSpace } from '../helpers';
+import { breakpointKeys, finalizeConditions, sortConditions } from '../css/conditions';
+import { cx } from '../css/cx';
+
+function normalize(config) {
+  const variantMap = config.variantMap ?? {}
+  return {
+    name: config.name,
+    className: config.className ?? config.name,
+    slots: config.slots ?? [],
+    variantMap,
+    variantKeys: Object.keys(variantMap),
+    defaults: config.defaultVariants ?? {},
+    compounds: config.compoundVariants ?? [],
+  }
+}
+
+export function createRecipe(config) {
+  const { name, className, variantMap, variantKeys, defaults, compounds } = normalize(config)
+  const classPrefix = null
+
+  const recipeCss = /* @__PURE__ */ createSerializeCss({
+    hash: false,
+    conditions: {
+      shift: sortConditions,
+      finalize: finalizeConditions,
+      breakpoints: { keys: breakpointKeys },
+    },
+    utility: {
+      prefix: classPrefix,
+      toHash(path, hashFn) {
+        return hashFn(path.join(":"))
+      },
+      transform(prop, value) {
+        return { className: value === "__ignore__" ? className : `${className}--${prop}_${withoutSpace(value)}` }
+      },
+    },
+  })
+  const formatClassName = (name) => {
+    const next = false ? toHash(name) : name
+    return classPrefix ? `${classPrefix}-${next}` : next
+  }
+
+  function resolve(props = {}) {
+    return { [className]: "__ignore__", ...withDefaults(defaults, props) }
+  }
+
+  function assertNoConditions(props) {
+    if (compounds.length === 0) return
+    for (const key of variantKeys) {
+      const value = props[key]
+      if (value != null && typeof value === "object") {
+        throw new Error(`[recipe:${className}:${key}] Conditions are not supported when using compound variants.`)
+      }
+    }
+  }
+
+  function compoundClasses(props) {
+    return getCompoundVariantClassNames(compounds, resolve(props), formatClassName)
+  }
+
+  const recipe = attach(memo(function recipeFn(props = {}, withCompoundVariants = true) {
+    assertNoConditions(props)
+    const recipeClass = recipeCss(resolve(props))
+    if (!withCompoundVariants) return recipeClass
+    const compoundsClass = compoundClasses(props)
+    return cx(recipeClass, compoundsClass)
+  }), name, variantKeys, variantMap, resolve)
+  recipe.__recipe__ = true
+  recipe.__getCompoundVariantClasses__ = compoundClasses
+  recipe.merge = function merge(other) {
+    return mergeRecipes(recipe, other)
+  }
+  return recipe
+}
+
+export function createSlotRecipe(config) {
+  const { name, className, slots, variantMap, variantKeys, defaults, compounds } = normalize(config)
+
+  const slotFns = slots.map(function toSlotRecipe(slot) {
+    return [slot, createRecipe({
+      name,
+      className: `${className}__${slot}`,
+      variantMap,
+      defaultVariants: defaults,
+      compoundVariants: getSlotCompoundVariant(compounds, slot),
+    })]
+  })
+
+  const recipe = memo(function slotRecipeFn(props = {}) {
+    const result = {}
+    for (const [slot, slotFn] of slotFns) result[slot] = slotFn(props)
+    return result
+  })
+  attach(recipe, name, variantKeys, variantMap, function getVariantProps(props = {}) {
+    return withDefaults(defaults, props)
+  })
+  recipe.__recipe__ = false
+  recipe.classNameMap = {}
+  return recipe
+}
+
+function mergeRecipes(recipeA, recipeB) {
+  if (recipeA && !recipeB) return recipeA
+  if (!recipeA && recipeB) return recipeB
+  function merged(...args) {
+    const classA = recipeA(...args)
+    const classB = recipeB(...args)
+    return classA && classB ? `${classA} ${classB}` : classA || classB
+  }
+  const variantKeys = uniq(recipeA.variantKeys, recipeB.variantKeys)
+  const variantMap = {}
+  for (const key of variantKeys) variantMap[key] = uniq(recipeA.variantMap[key], recipeB.variantMap[key])
+  attach(merged, `${recipeA.__name__} ${recipeB.__name__}`, variantKeys, variantMap, function getVariantProps(props) {
+    return props
+  })
+  merged.__recipe__ = true
+  return merged
+}
+
+function attach(recipe, name, variantKeys, variantMap, getVariantProps) {
+  recipe.__name__ = name
+  recipe.raw = function raw(props) {
+    return props
+  }
+  recipe.variantKeys = variantKeys
+  recipe.variantMap = variantMap
+  recipe.splitVariantProps = function splitVariantProps(props) {
+    return splitProps(props, variantKeys)
+  }
+  recipe.getVariantProps = getVariantProps
+  return recipe
+}