@tuuject/koi-react 0.0.0-stage → 0.1.0

package/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/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/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/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/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/styled-system/css/sva.d.ts

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

package/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/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/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/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, unknown>) => Record<string, unknown>) & {
+  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;