aeon-ui-engine 1.8.0 → 1.9.0

package/packages/panda/styled-system/css/cva.d.ts

@@ -1,6 +1,5 @@
-/* eslint-disable */
 import type { RecipeCreatorFn } from '../types/recipe';
 
-export declare const cva: RecipeCreatorFn
+export declare const cva: RecipeCreatorFn;
 
-export type { RecipeVariant, RecipeVariantProps } from '../types/recipe';
+export { RecipeVariant, RecipeVariantProps } from '../types/recipe';

package/packages/panda/styled-system/css/cva.js

@@ -0,0 +1,51 @@
+import { getCompoundVariantCss, memo, mergeProps, splitProps, toVariantMap, uniq, withDefaults } from '../helpers';
+import { css, mergeCss } from './css';
+
+export const cva = (config) => {
+  const defaults = (c) => ({ base: {}, variants: {}, defaultVariants: {}, compoundVariants: [], ...c })
+  const { base, variants, defaultVariants, compoundVariants } = defaults(config)
+
+  const getVariantProps = (props) => withDefaults(defaultVariants, props)
+
+  const resolve = (props = {}) => {
+    const computed = getVariantProps(props)
+    const styles = [base]
+    for (const key in computed) {
+      const value = computed[key]
+      if (variants[key]?.[value]) styles.push(variants[key][value])
+    }
+    styles.push(getCompoundVariantCss(compoundVariants, computed))
+    return mergeCss(...styles)
+  }
+
+  const variantKeys = Object.keys(variants)
+  const variantMap = toVariantMap(variants)
+  const resolveMemo = memo(resolve)
+
+  const merge = (other) => {
+    const override = defaults(other.config)
+    const keys = uniq(other.variantKeys, variantKeys)
+    return cva({
+      base: mergeCss(base, override.base),
+      variants: Object.fromEntries(keys.map((key) => [key, mergeCss(variants[key], override.variants[key])])),
+      defaultVariants: mergeProps(defaultVariants, override.defaultVariants),
+      compoundVariants: [...compoundVariants, ...override.compoundVariants],
+    })
+  }
+
+  return Object.assign(memo(function cvaFn(props) {
+    return css(resolve(props))
+  }), {
+    __cva__: true,
+    variantMap,
+    variantKeys,
+    raw: resolve,
+    __memoizedRaw__: resolveMemo,
+    config,
+    merge,
+    splitVariantProps(props) {
+      return splitProps(props, variantKeys)
+    },
+    getVariantProps,
+  })
+}

package/packages/panda/styled-system/css/cx.d.ts

@@ -1,5 +1,6 @@
-/* eslint-disable */
-type Argument = string | boolean | null | undefined
+type Argument = string | boolean | null | undefined;
 
-/** Conditionally join classNames into a single string */
-export declare function cx(...args: Argument[]): string
+/**
+ * Conditionally join classNames into a single string
+ */
+export declare function cx(...args: Argument[]): string;

package/packages/panda/styled-system/css/{cx.mjs → cx.js}

@@ -1,4 +1,7 @@
-function cx() {
+/**
+ * Conditionally join classNames into a single string
+ */
+export function cx(...args) {
   let str = '',
     i = 0,
     arg
@@ -10,6 +13,4 @@ function cx() {
     }
   }
   return str
-}
-
-export { cx }
+}

package/packages/panda/styled-system/css/first-that-works.d.ts

@@ -0,0 +1,22 @@
+export type FirstThatWorksMember = string | number;
+
+export type FirstThatWorksMemberOf<T> = Extract<T, FirstThatWorksMember>;
+
+export type FirstThatWorksFn = <
+  T = FirstThatWorksMember,
+  A extends FirstThatWorksMemberOf<T> = FirstThatWorksMemberOf<T>,
+  B extends FirstThatWorksMemberOf<T> = FirstThatWorksMemberOf<T>,
+  C extends FirstThatWorksMemberOf<T> = never,
+  D extends FirstThatWorksMemberOf<T> = never,
+  E extends FirstThatWorksMemberOf<T> = never,
+  F extends FirstThatWorksMemberOf<T> = never,
+>(
+  first: A,
+  second: B,
+  third?: C,
+  fourth?: D,
+  fifth?: E,
+  sixth?: F,
+) => T extends FirstThatWorksMember ? A | B | C | D | E | F : FirstThatWorksMemberOf<T>;
+
+export declare const firstThatWorks: FirstThatWorksFn;

package/packages/panda/styled-system/css/first-that-works.js

@@ -0,0 +1 @@
+export const firstThatWorks = (...values) => `firstThatWorks(${values.join(', ')})`

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

@@ -1,5 +1,8 @@
-/* eslint-disable */
 export * from './css';
-export * from './cx';
 export * from './cva';
-export * from './sva';
+export * from './cx';
+export * from './sva';
+export * from './view-transition';
+export * from './position-try';
+export * from './keyframes';
+export * from './first-that-works';

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

@@ -0,0 +1,8 @@
+export * from './css';
+export * from './cva';
+export * from './cx';
+export * from './sva';
+export * from './view-transition';
+export * from './position-try';
+export * from './keyframes';
+export * from './first-that-works';

package/packages/panda/styled-system/css/keyframes.d.ts

@@ -0,0 +1,5 @@
+import type { CssKeyframes } from '../types/system';
+
+export type KeyframesFn = (keyframe: CssKeyframes[string]) => string;
+
+export declare const keyframes: KeyframesFn;

package/packages/panda/styled-system/css/keyframes.js

@@ -0,0 +1,8 @@
+import { stableStringify, toHash } from '../helpers';
+
+export const keyframes = (keyframe) => {
+  const prefix = null
+  const wrap = (base) => (prefix ? prefix + '-' + base : base)
+  const block = keyframe && typeof keyframe === 'object' ? keyframe : {}
+  return wrap('kf_' + toHash(stableStringify(block)))
+}

package/packages/panda/styled-system/css/position-try.d.ts

@@ -0,0 +1,5 @@
+import type { SystemStyleObject } from '../types/system';
+
+export type PositionTryFn = (options: SystemStyleObject) => string;
+
+export declare const positionTry: PositionTryFn;

package/packages/panda/styled-system/css/position-try.js

@@ -0,0 +1,11 @@
+import { stableStringify, toHash } from '../helpers';
+
+export const positionTry = (options) => {
+  const prefix = null
+  const wrap = (base) => '--' + (prefix ? prefix + '-' + base : base)
+  if (typeof options === 'string') {
+    return wrap('pt_' + options)
+  }
+  const block = options && typeof options === 'object' ? options : {}
+  return wrap('pt_' + toHash(stableStringify(block)))
+}

package/packages/panda/styled-system/css/sva.d.ts

@@ -1,4 +1,3 @@
-/* eslint-disable */
 import type { SlotRecipeCreatorFn } from '../types/recipe';
 
-export declare const sva: SlotRecipeCreatorFn
+export declare const sva: SlotRecipeCreatorFn;

package/packages/panda/styled-system/css/sva.js

@@ -0,0 +1,49 @@
+import { getSlotRecipes, memo, splitProps, toVariantMap, withDefaults } from '../helpers';
+import { cva } from './cva';
+import { cx } from './cx';
+
+export const sva = (config) => {
+  const slotRecipes = getSlotRecipes(config)
+  const slots = []
+  for (const slot in slotRecipes) slots.push([slot, cva(slotRecipes[slot])])
+
+  const defaultVariants = config.defaultVariants ?? {}
+
+  const classNameMap = {}
+  if (config.className) {
+    for (const [slot, slotFn] of slots) classNameMap[slot] = slotFn.config.className
+  }
+
+  const variants = config.variants ?? {}
+  const variantKeys = Object.keys(variants)
+  const variantMap = toVariantMap(variants)
+
+  const svaFn = (props) => {
+    const result = {}
+    for (const [slot, slotFn] of slots) result[slot] = cx(slotFn(props), classNameMap[slot])
+    return result
+  }
+
+  const raw = (props) => {
+    const result = {}
+    for (const [slot, slotFn] of slots) result[slot] = slotFn.raw(props)
+    return result
+  }
+  const rawMemo = memo(raw)
+
+  return Object.assign(memo(svaFn), {
+    __cva__: false,
+    raw,
+    __memoizedRaw__: rawMemo,
+    config,
+    variantMap,
+    variantKeys,
+    classNameMap,
+    splitVariantProps(props) {
+      return splitProps(props, variantKeys)
+    },
+    getVariantProps(props) {
+      return withDefaults(defaultVariants, props)
+    },
+  })
+}

package/packages/panda/styled-system/css/view-transition.d.ts

@@ -0,0 +1,7 @@
+import type { SystemStyleObject } from '../types/system';
+
+export type ViewTransitionStyleObject = { group?: SystemStyleObject; imagePair?: SystemStyleObject; old?: SystemStyleObject; new?: SystemStyleObject };
+
+export type ViewTransitionFn = (options: ViewTransitionStyleObject) => string;
+
+export declare const viewTransition: ViewTransitionFn;

package/packages/panda/styled-system/css/view-transition.js

@@ -0,0 +1,18 @@
+import { stableStringify, toHash } from '../helpers';
+
+export const viewTransition = (options) => {
+  const prefix = null
+  if (typeof options === 'string') {
+    const base = 'vt_' + options
+    return prefix ? prefix + '-' + base : base
+  }
+  const slots = ['group', 'imagePair', 'old', 'new']
+  const filtered = {}
+  if (options && typeof options === 'object') {
+    for (const key of slots) {
+      if (key in options) filtered[key] = options[key]
+    }
+  }
+  const base = 'vt_' + toHash(stableStringify(filtered))
+  return prefix ? prefix + '-' + base : base
+}

package/packages/panda/styled-system/helpers.d.ts

@@ -0,0 +1,67 @@
+export declare function isObject(v: unknown): v is Record<string, unknown>;
+
+export declare function isBaseCondition(v: string): boolean;
+
+export declare function filterBaseConditions(c: string[]): string[];
+
+export declare function toHash(v: string): string;
+
+export declare function stableStringify(value: any): string;
+
+export declare function toCssVar(path: string): string;
+
+export declare function colorMix(tokens: Record<string, string>, path: string, resolveVar?: (path: string) => string): string | undefined;
+
+export declare function compact<T extends Record<string, unknown>>(v: T): Partial<T>;
+
+export declare function withDefaults(defaults: Record<string, any>, props: Record<string, any>): Record<string, any>;
+
+export declare function toVariantMap(variants: Record<string, any>): Record<string, any>;
+
+export declare function getCompoundVariantClassNames(compoundVariants: Array<Record<string, any>>, variants: Record<string, any>, formatClassName?: (className: string) => string): string;
+
+export declare function getCompoundVariantCss(compoundVariants: Array<Record<string, any>>, variants: Record<string, any>): Record<string, any>;
+
+export declare function getSlotCompoundVariant(compoundVariants: Array<Record<string, any>>, slot: string): Array<Record<string, any>>;
+
+export declare function getSlotRecipes(recipe: Record<string, any>): Record<string, any>;
+
+export declare function toResponsiveObject(values: any[], breakpoints: string[]): Record<string, any>;
+
+export declare function walkObject(target: unknown, fn: (value: any, path: string[]) => any, options?: Record<string, any>): any;
+
+export declare function mapObject(obj: unknown, fn: (value: any) => any): any;
+
+export declare function normalizeStyleObject(styles: Record<string, any>, context: Record<string, any>, shorthand?: boolean): Record<string, any>;
+
+export declare function memo<T extends (...args: any[]) => any>(fn: T): T;
+
+export declare function weakMemo<T extends (arg: any) => any>(fn: T): T;
+
+export declare function mergeProps(...src: Array<Record<string, any> | undefined>): Record<string, any>;
+
+export declare function resolveStyleArgs(styles: Array<any> | IArguments, context: Record<string, any>): any[];
+
+export declare function createSerializeCss(context: Record<string, any>): (...styles: any[]) => string;
+
+export declare function createMergeCss(context: Record<string, any>): (...styles: any[]) => any;
+
+export declare function createSerializeCssArgs(serializeCss: (...styles: any[]) => string, mergeCss: (...styles: any[]) => any): (...styles: any[]) => string;
+
+export declare function createAssignCss(context: Record<string, any>): (...styles: any[]) => any;
+
+export declare function hypenateProperty(property: string): string;
+
+export declare function splitProps<T extends Record<string, any>>(props: T, ...keys: Array<Array<keyof T> | ((key: keyof T) => boolean)>): any[];
+
+export declare const normalizeHTMLProps: ((props: Record<string, any>) => Record<string, any>) & {
+  keys: string[];
+};
+
+export declare function uniq<T>(...items: Array<T[] | undefined>): T[];
+
+export declare function withoutSpace<T extends string | number | boolean>(str: T): T;
+
+export declare function isImportant(value: unknown): boolean;
+
+export declare function withoutImportant<T extends string | number | boolean>(value: T): T;