@accelint/design-system 0.1.0 → 0.1.1

package/dist/hooks/use-theme/types.d.ts

@@ -0,0 +1,86 @@
+import type { CSSProperties, PropsWithChildren } from 'react';
+import type { ButtonClassNames } from '../../components/button/types';
+import type { CheckboxClassNames } from '../../components/checkbox/types';
+import type { ChipClassNames } from '../../components/chip/types';
+import type { ComboBoxClassNames } from '../../components/combo-box/types';
+import type { DialogClassNames } from '../../components/dialog/types';
+import type { DrawerClassNames } from '../../components/drawer/types';
+import type { GroupClassNames } from '../../components/group/types';
+import type { IconClassNames } from '../../components/icon/types';
+import type { InputClassNames } from '../../components/input/types';
+import type { MenuClassNames } from '../../components/menu/types';
+import type { OptionsClassNames } from '../../components/options/types';
+import type { PickerClassNames } from '../../components/picker/types';
+import type { PopoverClassNames } from '../../components/popover/types';
+import type { QueryBuilderClassNames } from '../../components/query-builder/types';
+import type { RadioClassNames } from '../../components/radio/types';
+import type { SearchFieldClassNames } from '../../components/search-field/types';
+import type { SelectClassNames } from '../../components/select/types';
+import type { SwitchClassNames } from '../../components/switch/types';
+import type { TabsClassNames } from '../../components/tabs/types';
+import type { TextAreaClassNames } from '../../components/textarea/types';
+import type { TooltipClassNames } from '../../components/tooltip/types';
+import type { TreeClassNames } from '../../components/tree/types';
+export type ThemeContext = {
+    /**
+     * Intended as a way to pass classNames down to nested themes or global portals
+     */
+    className?: string;
+    /**
+     * Intended as a way to pass inline CSS variables down to nested themes or global portals
+     */
+    style?: CSSProperties;
+    /**
+     * Component specific classNames theme entrypoints
+     */
+    Button?: ButtonClassNames;
+    Checkbox?: CheckboxClassNames;
+    Chip?: ChipClassNames;
+    ComboBox?: ComboBoxClassNames;
+    Dialog?: DialogClassNames;
+    Drawer?: DrawerClassNames;
+    Group?: GroupClassNames;
+    Icon?: IconClassNames;
+    Input?: InputClassNames;
+    Options?: OptionsClassNames;
+    Menu?: MenuClassNames;
+    Picker?: PickerClassNames;
+    Popover?: PopoverClassNames;
+    QueryBuilder?: QueryBuilderClassNames;
+    Radio?: RadioClassNames;
+    SearchField?: SearchFieldClassNames;
+    Select?: SelectClassNames;
+    Switch?: SwitchClassNames;
+    Tabs?: TabsClassNames;
+    TextArea?: TextAreaClassNames;
+    Tooltip?: TooltipClassNames;
+    Tree?: TreeClassNames;
+};
+export type ThemeVars = {
+    colors?: {
+        generic?: string;
+        semantic?: string;
+    };
+    elevation?: string;
+    focus?: string;
+    radius?: string;
+    sizes?: string;
+    space?: string;
+    typography?: string;
+    zIndex?: string;
+};
+export type ThemeProviderProps = PropsWithChildren<{
+    className?: string;
+    /**
+     * Set to true to skip defaults and inherit classNames, styles, theme & vars from parent
+     * All other props will be merged on top of inherited theme
+     */
+    inherit?: boolean;
+    /**
+     * Use to set runtime CSS variables, not intended for other styles. Will be passed to
+     * nested themes and global portals
+     */
+    style?: CSSProperties;
+    theme?: ThemeContext;
+    vars?: ThemeVars;
+}>;

package/dist/hooks/use-theme/use-theme.css.d.ts

@@ -0,0 +1 @@
+export declare const root: string;

package/dist/hooks/use-theme/use-theme.d.ts

@@ -0,0 +1,13 @@
+import type { Contract } from '../../types';
+import { computeContract } from '../../utils';
+import type { ThemeContext, ThemeProviderProps } from './types';
+/**
+ * Computes CSS values into DeckGL compatible formats using the optionally provided contract
+ *
+ * This function allows for the reuse of CSS contract tokens within React context for non-CSS
+ * use cases. This ensures synchronized theming across the entire rendering stack
+ */
+export declare function useTheme<T extends Contract>(contract?: T): ThemeContext & {
+    contract?: ReturnType<typeof computeContract<T>>;
+};
+export declare function ThemeProvider({ children, className: classNameProp, inherit, style: styleProp, theme: themeProp, vars, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/hooks/use-theme/use-theme.js

@@ -0,0 +1,64 @@
+import { jsx } from 'react/jsx-runtime';
+import { useLayoutEffect } from '@react-aria/utils';
+import { clsx } from 'clsx';
+import { createContext, useContext, useMemo, useRef, useState } from 'react';
+import { defaultGenericColors, defaultSemanticColors, defaultElevations, defaultFocus, defaultRadius, defaultSizes, defaultSpace, defaultTypography, defaultZIndex } from '../../styles/theme.vanilla.js';
+import { computeContract } from '../../utils/css.js';
+import { root } from './use-theme.vanilla.js';
+
+const defaultTheme = {};
+const themeContext = createContext(defaultTheme);
+const themeCssContext = createContext(null);
+function useTheme(contract) {
+  const theme = useContext(themeContext);
+  const css = useContext(themeCssContext);
+  return useMemo(() => ({
+    ...theme,
+    ...!!contract && !!css ? {
+      contract: computeContract(contract, css)
+    } : {}
+  }), [theme, contract, css]);
+}
+function localInheritOrDefault(localClass, inherit, defaultClass) {
+  return localClass ?? (!inherit && defaultClass);
+}
+function ThemeProvider({ children, className: classNameProp, inherit, style: styleProp, theme: themeProp = defaultTheme, vars }) {
+  const ref = useRef(null);
+  const [css, setCss] = useState(null);
+  const parent = useTheme();
+  const className = useMemo(() => clsx(root, classNameProp, inherit && parent.className, themeProp.className, localInheritOrDefault(vars?.colors?.generic, inherit, defaultGenericColors), localInheritOrDefault(vars?.colors?.semantic, inherit, defaultSemanticColors), localInheritOrDefault(vars?.elevation, inherit, defaultElevations), localInheritOrDefault(vars?.focus, inherit, defaultFocus), localInheritOrDefault(vars?.radius, inherit, defaultRadius), localInheritOrDefault(vars?.sizes, inherit, defaultSizes), localInheritOrDefault(vars?.space, inherit, defaultSpace), localInheritOrDefault(vars?.typography, inherit, defaultTypography), localInheritOrDefault(vars?.zIndex, inherit, defaultZIndex)), [
+    classNameProp,
+    inherit,
+    parent.className,
+    themeProp.className,
+    vars?.colors?.generic,
+    vars?.colors?.semantic,
+    vars?.elevation,
+    vars?.focus,
+    vars?.radius,
+    vars?.sizes,
+    vars?.space,
+    vars?.typography,
+    vars?.zIndex
+  ]);
+  const style = useMemo(() => ({
+    ...inherit ? parent.style : {},
+    ...themeProp.style,
+    ...styleProp
+  }), [inherit, parent.style, themeProp.style, styleProp]);
+  const theme = useMemo(() => ({
+    ...inherit ? parent : themeProp,
+    className,
+    style
+  }), [inherit, parent, themeProp, className, style]);
+  useLayoutEffect(() => {
+    if (ref.current) {
+      setCss(window.getComputedStyle(ref.current));
+    }
+  }, [className, style]);
+  const { Provider: ClassesProvider } = themeContext;
+  const { Provider: CssProvider } = themeCssContext;
+  return jsx("div", { ref, className, style, children: jsx(ClassesProvider, { value: theme, children: jsx(CssProvider, { value: css, children }) }) });
+}
+
+export { ThemeProvider, useTheme };

package/dist/hooks/use-theme/use-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme.js","sources":["../../../src/hooks/use-theme/use-theme.tsx"],"sourcesContent":["import { useLayoutEffect } from '@react-aria/utils';\nimport { clsx } from 'clsx';\nimport { createContext, useContext, useMemo, useRef, useState } from 'react';\nimport {\n  defaultGenericColors,\n  defaultElevations,\n  defaultFocus,\n  defaultRadius,\n  defaultSemanticColors,\n  defaultSizes,\n  defaultSpace,\n  defaultTypography,\n  defaultZIndex,\n} from '../../styles';\nimport type { Contract } from '../../types';\nimport { computeContract } from '../../utils';\nimport type { ThemeContext, ThemeProviderProps } from './types';\nimport { root } from './use-theme.css';\n\nconst defaultTheme: ThemeContext = {};\nconst themeContext = createContext<ThemeContext>(defaultTheme);\nconst themeCssContext = createContext<CSSStyleDeclaration | null>(null);\n\n/**\n * Computes CSS values into DeckGL compatible formats using the optionally provided contract\n *\n * This function allows for the reuse of CSS contract tokens within React context for non-CSS\n * use cases. This ensures synchronized theming across the entire rendering stack\n */\nexport function useTheme<T extends Contract>(\n  contract?: T,\n): ThemeContext & {\n  contract?: ReturnType<typeof computeContract<T>>;\n} {\n  const theme = useContext(themeContext);\n  const css = useContext(themeCssContext);\n\n  return useMemo(\n    () => ({\n      ...theme,\n      ...(!!contract && !!css\n        ? {\n            contract: computeContract(contract, css),\n          }\n        : {}),\n    }),\n    [theme, contract, css],\n  );\n}\n\nfunction localInheritOrDefault(\n  localClass?: string,\n  inherit?: boolean,\n  defaultClass?: string,\n) {\n  return localClass ?? (!inherit && defaultClass);\n}\n\nexport function ThemeProvider({\n  children,\n  className: classNameProp,\n  inherit,\n  style: styleProp,\n  theme: themeProp = defaultTheme,\n  vars,\n}: ThemeProviderProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [css, setCss] = useState<CSSStyleDeclaration | null>(null);\n  const parent = useTheme();\n\n  const className = useMemo(\n    () =>\n      clsx(\n        root,\n        classNameProp,\n        inherit && parent.className,\n        themeProp.className,\n        localInheritOrDefault(\n          vars?.colors?.generic,\n          inherit,\n          defaultGenericColors,\n        ),\n        localInheritOrDefault(\n          vars?.colors?.semantic,\n          inherit,\n          defaultSemanticColors,\n        ),\n        localInheritOrDefault(vars?.elevation, inherit, defaultElevations),\n        localInheritOrDefault(vars?.focus, inherit, defaultFocus),\n        localInheritOrDefault(vars?.radius, inherit, defaultRadius),\n        localInheritOrDefault(vars?.sizes, inherit, defaultSizes),\n        localInheritOrDefault(vars?.space, inherit, defaultSpace),\n        localInheritOrDefault(vars?.typography, inherit, defaultTypography),\n        localInheritOrDefault(vars?.zIndex, inherit, defaultZIndex),\n      ),\n    [\n      classNameProp,\n      inherit,\n      parent.className,\n      themeProp.className,\n      vars?.colors?.generic,\n      vars?.colors?.semantic,\n      vars?.elevation,\n      vars?.focus,\n      vars?.radius,\n      vars?.sizes,\n      vars?.space,\n      vars?.typography,\n      vars?.zIndex,\n    ],\n  );\n\n  const style = useMemo(\n    () => ({\n      ...(inherit ? parent.style : {}),\n      ...themeProp.style,\n      ...styleProp,\n    }),\n    [inherit, parent.style, themeProp.style, styleProp],\n  );\n\n  const theme = useMemo(\n    () => ({\n      ...(inherit ? parent : themeProp),\n      className,\n      style,\n    }),\n    [inherit, parent, themeProp, className, style],\n  );\n\n  useLayoutEffect(() => {\n    if (ref.current) {\n      setCss(window.getComputedStyle(ref.current));\n    }\n  }, [className, style]);\n\n  const { Provider: ClassesProvider } = themeContext;\n  const { Provider: CssProvider } = themeCssContext;\n\n  return (\n    <div ref={ref} className={className} style={style}>\n      <ClassesProvider value={theme}>\n        <CssProvider value={css}>{children}</CssProvider>\n      </ClassesProvider>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks/use-theme/use-theme.vanilla.js

@@ -0,0 +1,4 @@
+
+var root = "use-theme_root__5ipw7a0";
+
+export { root };

package/dist/hooks/use-theme/use-theme.vanilla.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme.vanilla.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/hooks/use-tree/index.d.ts

@@ -0,0 +1 @@
+export { useTree } from './use-tree';

package/dist/hooks/use-tree/use-tree.d.ts

@@ -0,0 +1,2 @@
+import type { UseTreeOptions, UseTreeResult } from '../../types';
+export declare function useTree<T>({ allowsExpansion, allowsVisibility, nodes, selectionMode, onSelectionChange, onUpdate, }: UseTreeOptions<T>): UseTreeResult<T>;

package/dist/hooks/use-tree/use-tree.js

@@ -0,0 +1,217 @@
+import { isEqual } from 'lodash';
+import { useId, useRef, useMemo, useCallback } from 'react';
+import { useTreeData } from 'react-stately';
+import { useUpdateEffect } from '../use-update-effect/use-update-effect.js';
+import { getChildren, getKey, mapTree, toggleVisibility } from './utils.js';
+
+function useTree({ allowsExpansion = true, allowsVisibility = false, nodes, selectionMode = "none", onSelectionChange, onUpdate }) {
+  const rootKey = useId();
+  const nodesRef = useRef(nodes);
+  const list = useTreeData({
+    initialItems: nodes,
+    getChildren,
+    getKey
+  });
+  useUpdateEffect(() => {
+    if (isEqual(nodesRef.current, nodes))
+      return;
+    nodesRef.current = nodes;
+    list.remove(...list.items.map(({ key }) => key));
+    if (nodes.length) {
+      list.append(null, ...nodes);
+    }
+  }, [nodes]);
+  useUpdateEffect(() => {
+    if (selectionMode === "none" && list.selectedKeys.size) {
+      list.setSelectedKeys(/* @__PURE__ */ new Set());
+    }
+  }, [selectionMode, list.selectedKeys.size]);
+  const { lookup, tree, getItem, update } = useMemo(() => {
+    const lookup2 = {};
+    let tree2 = mapTree({
+      key: rootKey,
+      children: list.items
+    }, (node) => {
+      if (node.key === rootKey)
+        return;
+      node = lookup2[node.key] = getItem2(node.key);
+      return node;
+    });
+    if (allowsVisibility) {
+      tree2 = mapTree({
+        key: rootKey,
+        children: toggleVisibility(tree2.children)
+      }, (node) => {
+        if (node.key === rootKey)
+          return;
+        lookup2[node.key] = node;
+        return node;
+      });
+    }
+    function getItem2(key) {
+      let node = lookup2[key];
+      if (node)
+        return node;
+      node = list.getItem(key);
+      if ("nodes" in node.value) {
+        return {
+          ...node,
+          value: {
+            ...node.value,
+            nodes: node.children.flatMap((child) => {
+              const value = lookup2[child.key]?.value;
+              if (value) {
+                return [value];
+              }
+              return [];
+            })
+          }
+        };
+      }
+      return node;
+    }
+    function update2(key, patch) {
+      const node = getItem2(key);
+      let value;
+      if ("nodes" in node.value) {
+        value = {
+          ...node.value,
+          ...patch,
+          // Disallow a parent update to change child values
+          nodes: node.children.flatMap((child) => {
+            const value2 = lookup2[child.key]?.value;
+            if (value2) {
+              return [value2];
+            }
+            return [];
+          })
+        };
+      } else {
+        value = {
+          ...node.value,
+          ...patch
+        };
+      }
+      lookup2[key] = {
+        ...node,
+        value
+      };
+      list.update(key, value);
+    }
+    return { lookup: lookup2, tree: tree2, getItem: getItem2, update: update2 };
+  }, [rootKey, list, allowsVisibility]);
+  const treeRef = useRef(tree);
+  useUpdateEffect(() => {
+    if (isEqual(treeRef.current, tree))
+      return;
+    treeRef.current = tree;
+    onUpdate?.(tree.children.map(({ value }) => value));
+  }, [tree]);
+  const previousExpansionValuesRef = useRef([]);
+  const revertIsExpanded = useCallback(() => {
+    if (!previousExpansionValuesRef.current.length)
+      return;
+    previousExpansionValuesRef.current.forEach(({ key, patch }) => update(key, patch));
+    previousExpansionValuesRef.current = [];
+  }, [update]);
+  const toggleIsExpanded = useCallback((selection = "all", isExpanded = void 0, isRevertable = false) => {
+    if (!allowsExpansion && !isRevertable)
+      return;
+    if (!isRevertable) {
+      previousExpansionValuesRef.current = [];
+    }
+    function toggle({ key, value }) {
+      if (key === rootKey || !("nodes" in value))
+        return;
+      if (isRevertable) {
+        previousExpansionValuesRef.current.push({
+          key,
+          patch: { isExpanded: value.isExpanded }
+        });
+      }
+      update(key, { isExpanded: isExpanded ?? !value.isExpanded });
+    }
+    if (selection === "all") {
+      return mapTree(tree, toggle);
+    }
+    mapTree(tree, (node) => {
+      if (!selection.has(node.key))
+        return;
+      toggle(node);
+    });
+  }, [allowsExpansion, tree, rootKey, update]);
+  const toggleIsSelected = useCallback((selection = "all", isSelected = void 0) => {
+    if (selectionMode === "none" || selectionMode === "single" && (selection === "all" || selection.size > 1)) {
+      return;
+    }
+    const all = Object.values(lookup);
+    let keys = selection === "all" ? new Set(all.map(({ key }) => key)) : selection;
+    if (isSelected != null) {
+      keys = isSelected ? keys : /* @__PURE__ */ new Set();
+      list.setSelectedKeys(keys);
+      return onSelectionChange?.((selection === "all" || keys.size === all.length) && isSelected ? "all" : keys);
+    }
+    keys = /* @__PURE__ */ new Set([
+      ...selectionMode === "multiple" ? [...list.selectedKeys].filter((key) => !selection.has(key)) : [],
+      ...[...keys].filter((key) => !list.selectedKeys.has(key))
+    ]);
+    list.setSelectedKeys(keys);
+    onSelectionChange?.(selection === "all" && keys.size === all.length ? "all" : keys);
+  }, [selectionMode, lookup, list, onSelectionChange]);
+  const toggleIsViewable = useCallback((selection = "all", isViewable = void 0) => {
+    if (!allowsVisibility)
+      return;
+    if (selection === "all") {
+      return mapTree(tree, ({ key, value }) => {
+        if (key === rootKey)
+          return;
+        update(key, {
+          isViewable: isViewable ?? !value.isViewable
+        });
+      });
+    }
+    mapTree({
+      key: rootKey,
+      children: Array.from(selection).reduce((acc, key) => toggleVisibility(acc, key, isViewable), tree.children)
+    }, ({ key, value }) => {
+      if (key === rootKey)
+        return;
+      update(key, { isViewable: value.isViewable });
+    });
+  }, [allowsVisibility, tree, rootKey, update]);
+  return useMemo(() => {
+    const { items: _, selectedKeys, ...rest } = list;
+    return {
+      actions: {
+        ...rest,
+        getItem,
+        revertIsExpanded,
+        toggleIsExpanded,
+        toggleIsSelected,
+        toggleIsViewable,
+        update
+      },
+      allowsExpansion,
+      allowsVisibility,
+      lookup,
+      selectedKeys,
+      selectionMode,
+      tree
+    };
+  }, [
+    list,
+    allowsExpansion,
+    allowsVisibility,
+    lookup,
+    selectionMode,
+    tree,
+    getItem,
+    revertIsExpanded,
+    toggleIsExpanded,
+    toggleIsSelected,
+    toggleIsViewable,
+    update
+  ]);
+}
+
+export { useTree };

package/dist/hooks/use-tree/use-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tree.js","sources":["../../../src/hooks/use-tree/use-tree.ts"],"sourcesContent":["import { isEqual } from 'lodash';\nimport { useCallback, useId, useMemo, useRef } from 'react';\nimport { type Key, useTreeData } from 'react-stately';\nimport { useUpdateEffect } from '../use-update-effect';\nimport type {\n  TreeActions,\n  TreeNode,\n  TreeNodes,\n  UseTreeOptions,\n  UseTreeResult,\n} from '../../types';\nimport { getChildren, getKey, mapTree, toggleVisibility } from './utils';\n\nexport function useTree<T>({\n  allowsExpansion = true,\n  allowsVisibility = false,\n  nodes,\n  selectionMode = 'none',\n  onSelectionChange,\n  onUpdate,\n}: UseTreeOptions<T>): UseTreeResult<T> {\n  const rootKey = useId();\n  const nodesRef = useRef(nodes);\n\n  const list = useTreeData({\n    initialItems: nodes,\n    getChildren,\n    getKey,\n  });\n\n  // Allow nodes prop to override list items\n  useUpdateEffect(() => {\n    if (isEqual(nodesRef.current, nodes)) return;\n\n    nodesRef.current = nodes;\n\n    list.remove(...list.items.map(({ key }) => key));\n\n    if (nodes.length) {\n      list.append(null, ...nodes);\n    }\n  }, [nodes]);\n\n  useUpdateEffect(() => {\n    if (selectionMode === 'none' && list.selectedKeys.size) {\n      list.setSelectedKeys(new Set());\n    }\n  }, [selectionMode, list.selectedKeys.size]);\n\n  /**\n   * useTreeData doesn't update the state of TreeNode.value when updates\n   * are made to children.\n   *\n   * Given the structure:\n   * Foo\n   * - Bar\n   * - Cat\n   *\n   * There will be TreeNodes for each item, with a value that represents\n   * the original node passed in. If an update occurs to one of the child\n   * nodes (Bar, Cat), then Foo node's value is NOT updated to reflect that\n   * change. This means that each node is the source of truth only for itself\n   * and not any of its children.\n   *\n   * To provide a completely accurate tree, we need to override the getItem\n   * and update methods, as well as replace the list.items with a tree that\n   * is completely accurate at all times. This requires storing (depth first)\n   * each node in a lookup, so that parent node's values can be updated to\n   * reflect the current state of their children.\n   */\n  const { lookup, tree, getItem, update } = useMemo(() => {\n    const lookup: Record<Key, TreeNode<T>> = {};\n\n    let tree = mapTree(\n      {\n        key: rootKey,\n        children: list.items,\n      } as TreeNode<T>,\n      (node) => {\n        if (node.key === rootKey) return;\n\n        node = lookup[node.key] = getItem(node.key);\n\n        return node;\n      },\n    );\n\n    if (allowsVisibility) {\n      tree = mapTree(\n        {\n          key: rootKey,\n          children: toggleVisibility(tree.children),\n        } as TreeNode<T>,\n        (node) => {\n          if (node.key === rootKey) return;\n\n          lookup[node.key] = node;\n\n          return node;\n        },\n      );\n    }\n\n    function getItem(key: Key): TreeNode<T> {\n      let node = lookup[key];\n\n      if (node) return node;\n\n      node = list.getItem(key);\n\n      if ('nodes' in node.value) {\n        return {\n          ...node,\n          value: {\n            ...node.value,\n            nodes: node.children.flatMap((child) => {\n              const value = lookup[child.key]?.value;\n\n              if (value) {\n                return [value];\n              }\n\n              return [];\n            }),\n          },\n        };\n      }\n\n      return node;\n    }\n\n    function update(key: Key, patch: Partial<TreeNodes<T>>) {\n      const node = getItem(key);\n\n      let value: TreeNode<T>['value'];\n\n      if ('nodes' in node.value) {\n        value = {\n          ...node.value,\n          ...patch,\n          // Disallow a parent update to change child values\n          nodes: node.children.flatMap((child) => {\n            const value = lookup[child.key]?.value;\n\n            if (value) {\n              return [value];\n            }\n\n            return [];\n          }),\n        };\n      } else {\n        value = {\n          ...node.value,\n          ...patch,\n        };\n      }\n\n      /**\n       * We must immediately update the state of the lookup due to the\n       * possibility of a queue of state changes and we can't allow for\n       * a parent to update and wipe out a previous child update\n       */\n      lookup[key] = {\n        ...node,\n        value,\n      };\n\n      list.update(key, value);\n    }\n\n    return { lookup, tree, getItem, update };\n  }, [rootKey, list, allowsVisibility]);\n\n  const treeRef = useRef(tree);\n\n  /**\n   * Because tree is a computed value and there are so many methods\n   * that update list.items, it's far simpler to fire the onUpdate\n   * during the render cycle. However, this means that onUpdate can\n   * only be used for side effect purposes and should not trigger\n   * state updates\n   */\n  useUpdateEffect(() => {\n    if (isEqual(treeRef.current, tree)) return;\n\n    treeRef.current = tree;\n\n    onUpdate?.(tree.children.map(({ value }) => value));\n  }, [tree]);\n\n  const previousExpansionValuesRef = useRef<\n    {\n      key: Key;\n      patch: { isExpanded?: boolean };\n    }[]\n  >([]);\n\n  const revertIsExpanded = useCallback(() => {\n    if (!previousExpansionValuesRef.current.length) return;\n\n    previousExpansionValuesRef.current.forEach(({ key, patch }) =>\n      update(key, patch),\n    );\n\n    previousExpansionValuesRef.current = [];\n  }, [update]);\n\n  const toggleIsExpanded = useCallback<TreeActions<T>['toggleIsExpanded']>(\n    (selection = 'all', isExpanded = undefined, isRevertable = false) => {\n      if (!allowsExpansion && !isRevertable) return;\n\n      if (!isRevertable) {\n        previousExpansionValuesRef.current = [];\n      }\n\n      function toggle({ key, value }: TreeNode<T>) {\n        if (key === rootKey || !('nodes' in value)) return;\n\n        if (isRevertable) {\n          previousExpansionValuesRef.current.push({\n            key,\n            patch: { isExpanded: value.isExpanded },\n          });\n        }\n\n        update(key, { isExpanded: isExpanded ?? !value.isExpanded });\n      }\n\n      if (selection === 'all') {\n        return mapTree(tree, toggle);\n      }\n\n      mapTree(tree, (node) => {\n        if (!selection.has(node.key)) return;\n\n        toggle(node);\n      });\n    },\n    [allowsExpansion, tree, rootKey, update],\n  );\n\n  const toggleIsSelected = useCallback<TreeActions<T>['toggleIsSelected']>(\n    (selection = 'all', isSelected = undefined) => {\n      if (\n        selectionMode === 'none' ||\n        (selectionMode === 'single' &&\n          (selection === 'all' || selection.size > 1))\n      ) {\n        return;\n      }\n\n      const all = Object.values(lookup);\n\n      let keys =\n        selection === 'all' ? new Set(all.map(({ key }) => key)) : selection;\n\n      if (isSelected != null) {\n        keys = isSelected ? keys : new Set();\n\n        list.setSelectedKeys(keys);\n\n        return onSelectionChange?.(\n          (selection === 'all' || keys.size === all.length) && isSelected\n            ? 'all'\n            : keys,\n        );\n      }\n\n      keys = new Set([\n        ...(selectionMode === 'multiple'\n          ? [...list.selectedKeys].filter(\n              (key) => !(selection as Set<Key>).has(key),\n            )\n          : []),\n        ...[...keys].filter((key) => !list.selectedKeys.has(key)),\n      ]);\n\n      list.setSelectedKeys(keys);\n\n      onSelectionChange?.(\n        selection === 'all' && keys.size === all.length ? 'all' : keys,\n      );\n    },\n    [selectionMode, lookup, list, onSelectionChange],\n  );\n\n  const toggleIsViewable = useCallback<TreeActions<T>['toggleIsViewable']>(\n    (selection = 'all', isViewable = undefined) => {\n      if (!allowsVisibility) return;\n\n      if (selection === 'all') {\n        return mapTree(tree, ({ key, value }) => {\n          if (key === rootKey) return;\n\n          update(key, {\n            isViewable: isViewable ?? !value.isViewable,\n          });\n        });\n      }\n\n      mapTree(\n        {\n          key: rootKey,\n          children: Array.from(selection).reduce(\n            (acc, key) => toggleVisibility(acc, key, isViewable),\n            tree.children,\n          ),\n        } as TreeNode<T>,\n        ({ key, value }) => {\n          if (key === rootKey) return;\n\n          update(key, { isViewable: value.isViewable });\n        },\n      );\n    },\n    [allowsVisibility, tree, rootKey, update],\n  );\n\n  return useMemo(() => {\n    const { items: _, selectedKeys, ...rest } = list;\n\n    return {\n      actions: {\n        ...rest,\n        getItem,\n        revertIsExpanded,\n        toggleIsExpanded,\n        toggleIsSelected,\n        toggleIsViewable,\n        update,\n      },\n      allowsExpansion,\n      allowsVisibility,\n      lookup,\n      selectedKeys,\n      selectionMode,\n      tree,\n    };\n  }, [\n    list,\n    allowsExpansion,\n    allowsVisibility,\n    lookup,\n    selectionMode,\n    tree,\n    getItem,\n    revertIsExpanded,\n    toggleIsExpanded,\n    toggleIsSelected,\n    toggleIsViewable,\n    update,\n  ]);\n}\n"],"names":["lookup","tree","getItem","update","value"],"mappings":"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"}

package/dist/hooks/use-tree/utils.d.ts

@@ -0,0 +1,6 @@
+import type { Key } from 'react-aria';
+import type { TreeNode, TreeNodes } from '../../types';
+export declare function getChildren<T>(node: TreeNodes<T>): TreeNodes<T>[];
+export declare function getKey<T>(node: TreeNodes<T>): Key;
+export declare function mapTree<T>(node: TreeNode<T>, callback: (node: TreeNode<T>) => TreeNode<T> | undefined | void): TreeNode<T>;
+export declare function toggleVisibility<T>(nodes: TreeNode<T>[], target?: Key, isViewable?: boolean): TreeNode<T>[];

package/dist/hooks/use-tree/utils.js

@@ -0,0 +1,77 @@
+function getChildren(node) {
+  return "nodes" in node ? node.nodes : [];
+}
+function getKey(node) {
+  return node.id;
+}
+function mapTree(node, callback) {
+  let changed = false;
+  const children = node.children.map((child) => {
+    const update = mapTree(child, callback);
+    if (update !== child) {
+      changed = true;
+    }
+    return update;
+  });
+  if (changed) {
+    node = {
+      ...node,
+      children
+    };
+  }
+  return callback(node) ?? node;
+}
+function toggleVisibility(nodes, target = "", isViewable) {
+  const toggle = [];
+  let result = toggleVisibilityInternal(nodes, target, isViewable, {
+    forceIsViewable: false,
+    parent: { isViewable: true, isVisible: true },
+    toggle
+  });
+  while (target = toggle.shift() ?? "") {
+    result = toggleVisibilityInternal(result, target, void 0, {
+      forceIsViewable: false,
+      parent: { isViewable: true, isVisible: true },
+      toggle
+    });
+  }
+  return result;
+}
+function toggleVisibilityInternal(nodes, target, state, { forceIsViewable, parent, toggle }) {
+  return nodes.map((node) => {
+    const isViewable = forceIsViewable || (target === node.key ? state ?? !node.value.isViewable : node.value.isViewable);
+    const isVisible = parent.isVisible && isViewable;
+    const willUpdateIsViewable = node.value.isViewable != isViewable;
+    if (node.parentKey && willUpdateIsViewable && isViewable && !parent.isVisible) {
+      toggle.push(node.parentKey);
+    }
+    if (node.parentKey && willUpdateIsViewable && !isViewable && parent.isVisible && areSiblingsUnviewable(nodes, node)) {
+      toggle.push(node.parentKey);
+    }
+    return {
+      ...node,
+      children: toggleVisibilityInternal(node.children, target, state, {
+        // Toggle all children on if all are inactive and parent is toggled on
+        forceIsViewable: forceIsViewable || willUpdateIsViewable && !!isViewable && areUnviewable(node.children),
+        parent: {
+          isViewable: !!isViewable,
+          isVisible: !!isVisible
+        },
+        toggle
+      }),
+      value: {
+        ...node.value,
+        isViewable,
+        isVisible
+      }
+    };
+  });
+}
+function areUnviewable(nodes) {
+  return nodes.every(({ children, value }) => !value.isViewable && (!children.length || areUnviewable(children)));
+}
+function areSiblingsUnviewable(nodes, node) {
+  return areUnviewable(nodes.filter((n) => n !== node));
+}
+
+export { getChildren, getKey, mapTree, toggleVisibility };

package/dist/hooks/use-tree/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/hooks/use-tree/utils.ts"],"sourcesContent":["import type { Key } from 'react-aria';\nimport type { TreeNode, TreeNodes } from '../../types';\n\nexport function getChildren<T>(node: TreeNodes<T>) {\n  return 'nodes' in node ? node.nodes : [];\n}\n\nexport function getKey<T>(node: TreeNodes<T>) {\n  return node.id;\n}\n\nexport function mapTree<T>(\n  node: TreeNode<T>,\n  callback: (node: TreeNode<T>) => TreeNode<T> | undefined | void,\n): TreeNode<T> {\n  let changed = false;\n\n  const children = node.children.map((child) => {\n    const update = mapTree(child, callback);\n\n    if (update !== child) {\n      changed = true;\n    }\n\n    return update;\n  });\n\n  if (changed) {\n    node = {\n      ...node,\n      children,\n    };\n  }\n\n  return callback(node) ?? node;\n}\n\ntype VisibilityUpdateContext = {\n  forceIsViewable: boolean;\n  parent: {\n    isViewable: boolean;\n    isVisible: boolean;\n  };\n  toggle: Key[];\n};\n\nexport function toggleVisibility<T>(\n  nodes: TreeNode<T>[],\n  target: Key = '',\n  isViewable?: boolean,\n): TreeNode<T>[] {\n  const toggle: Key[] = [];\n\n  let result = toggleVisibilityInternal(nodes, target, isViewable, {\n    forceIsViewable: false,\n    parent: { isViewable: true, isVisible: true },\n    toggle,\n  });\n\n  while ((target = toggle.shift() ?? '')) {\n    result = toggleVisibilityInternal(result, target, undefined, {\n      forceIsViewable: false,\n      parent: { isViewable: true, isVisible: true },\n      toggle,\n    });\n  }\n\n  return result;\n}\n\nfunction toggleVisibilityInternal<T>(\n  nodes: TreeNode<T>[],\n  target: Key,\n  state: boolean | undefined,\n  { forceIsViewable, parent, toggle }: VisibilityUpdateContext,\n): TreeNode<T>[] {\n  return nodes.map((node) => {\n    const isViewable =\n      forceIsViewable ||\n      (target === node.key\n        ? (state ?? !node.value.isViewable)\n        : node.value.isViewable);\n\n    const isVisible = parent.isVisible && isViewable;\n    const willUpdateIsViewable = node.value.isViewable != isViewable;\n\n    // Toggle on parent if child of inactive parent is toggled on\n    if (\n      node.parentKey &&\n      willUpdateIsViewable &&\n      isViewable &&\n      !parent.isVisible\n    ) {\n      toggle.push(node.parentKey);\n    }\n\n    // Toggle off parent if last active child is toggled off\n    if (\n      node.parentKey &&\n      willUpdateIsViewable &&\n      !isViewable &&\n      parent.isVisible &&\n      areSiblingsUnviewable(nodes, node)\n    ) {\n      toggle.push(node.parentKey);\n    }\n\n    return {\n      ...node,\n      children: toggleVisibilityInternal(node.children, target, state, {\n        // Toggle all children on if all are inactive and parent is toggled on\n        forceIsViewable:\n          forceIsViewable ||\n          (willUpdateIsViewable &&\n            !!isViewable &&\n            areUnviewable(node.children)),\n        parent: {\n          isViewable: !!isViewable,\n          isVisible: !!isVisible,\n        },\n        toggle,\n      }),\n      value: {\n        ...node.value,\n        isViewable,\n        isVisible,\n      },\n    };\n  });\n}\n\nfunction areUnviewable<T>(nodes: TreeNode<T>[]): boolean {\n  return nodes.every(\n    ({ children, value }) =>\n      !value.isViewable && (!children.length || areUnviewable<T>(children)),\n  );\n}\n\nfunction areSiblingsUnviewable<T>(nodes: TreeNode<T>[], node: TreeNode<T>) {\n  return areUnviewable(nodes.filter((n) => n !== node));\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks/use-update-effect/index.d.ts

@@ -0,0 +1 @@
+export { useUpdateEffect } from './use-update-effect';

package/dist/hooks/use-update-effect/use-update-effect.d.ts

@@ -0,0 +1 @@
+export declare function useUpdateEffect(effect: () => void, deps: any): void;

package/dist/hooks/use-update-effect/use-update-effect.js

@@ -0,0 +1,20 @@
+import { useEffect, useRef } from 'react';
+
+function useIsFirstMount() {
+  const isFirst = useRef(true);
+  if (isFirst.current) {
+    isFirst.current = false;
+    return true;
+  }
+  return isFirst.current;
+}
+function useUpdateEffect(effect, deps) {
+  const isFirstMount = useIsFirstMount();
+  useEffect(() => {
+    if (!isFirstMount) {
+      return effect();
+    }
+  }, deps);
+}
+
+export { useUpdateEffect };

package/dist/hooks/use-update-effect/use-update-effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-update-effect.js","sources":["../../../src/hooks/use-update-effect/use-update-effect.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nfunction useIsFirstMount(): boolean {\n  const isFirst = useRef(true);\n\n  if (isFirst.current) {\n    isFirst.current = false;\n\n    return true;\n  }\n\n  return isFirst.current;\n}\n\nexport function useUpdateEffect(effect: () => void, deps: any) {\n  const isFirstMount = useIsFirstMount();\n\n  useEffect(() => {\n    if (!isFirstMount) {\n      return effect();\n    }\n  }, deps);\n}\n"],"names":[],"mappings":";;;AAEA,SAAS,eAA2B,GAAA;AAClC,EAAM,MAAA,OAAA,GAAU,OAAO,IAAI,CAAA,CAAA;AAE3B,EAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,IAAA,OAAA,CAAQ,OAAU,GAAA,KAAA,CAAA;AAElB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,OAAO,OAAQ,CAAA,OAAA,CAAA;AACjB,CAAA;AAEgB,SAAA,eAAA,CAAgB,QAAoB,IAAW,EAAA;AAC7D,EAAA,MAAM,eAAe,eAAgB,EAAA,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,YAAc,EAAA;AACjB,MAAA,OAAO,MAAO,EAAA,CAAA;AAAA,KAChB;AAAA,KACC,IAAI,CAAA,CAAA;AACT;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * THIS IS A GENERATED FILE. DO NOT ALTER DIRECTLY.
+ */
+export { AriaFieldError, AriaFieldErrorContext, AriaGroup, AriaGroupContext, AriaHeader, AriaHeaderContext, AriaHeading, AriaHeadingContext, AriaKeyboard, AriaKeyboardContext, AriaLabel, AriaLabelContext, AriaSection, AriaSectionContext, AriaSelectValue, AriaSelectValueContext, AriaSeparator, AriaSeparatorContext, AriaText, AriaTextContext, Button, ButtonContext, Checkbox, CheckboxContext, CheckboxGroup, CheckboxGroupContext, Chip, ChipContext, ChipGroup, ChipGroupContext, ChipItem, ChipList, ComboBox, ComboBoxContext, Dialog, DialogContext, Drawer, DrawerDialog, DrawerTab, DrawerTabList, Element, ElementContext, Group, GroupContext, Icon, IconContext, Input, InputContext, LinkButton, LinkButtonContext, Menu, MenuContext, MenuItem, MenuItemContext, MenuList, MenuListContext, MergeProvider, Options, OptionsContext, OptionsItem, OptionsItemContext, OptionsList, OptionsListContext, Picker, PickerContext, PickerItem, PickerItemContext, Popover, PopoverContext, QueryBuilder, QueryBuilderContext, Radio, RadioContext, RadioGroup, RadioGroupContext, SearchField, SearchFieldContext, Select, SelectContext, Switch, SwitchContext, Tab, TabContext, TabList, TabListContext, TabPanel, TabPanelContext, TabPanels, TabPanelsContext, Tabs, TabsContext, TextArea, TextAreaContext, ToggleButton, ToggleButtonContext, Tooltip, TooltipContext, TooltipTarget, TooltipTargetContext, Tree, TreeGroup, TreeItem, TreeStateContext, buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars, checkboxClassNames, checkboxColorVars, checkboxContainer, checkboxGroupStateVars, checkboxSpaceVars, checkboxStateVars, chipClassNames, chipColorVars, chipContainer, chipSpaceVars, chipStateVars, comboBoxClassNames, comboBoxColorVars, comboBoxContainer, comboBoxSpaceVars, comboBoxStateVars, createCollectionRenderer, dialogClassNames, dialogColorVars, dialogContainer, dialogSpaceVars, dialogStateVars, drawerAnimationVars, drawerClassNames, drawerColorVars, drawerContainer, drawerDialogStateVars, drawerSpaceVars, drawerStateVars, groupClassNames, groupContainer, groupSpaceVars, groupStateVars, iconClassNames, iconColorVars, iconContainer, iconSpaceVars, iconStateVars, inputClassNames, inputColorVars, inputContainer, inputSpaceVars, inputStateVars, menuColorVars, menuItemStateVars, menuSpaceVars, menuStateVars, optionsClassNames, optionsColorVars, optionsContainers, optionsItemStateVars, optionsListStateVars, optionsSpaceVars, optionsStateVars, pickerClassNames, pickerContainers, pickerItemColorVars, pickerItemStateVars, pickerSpaceVars, pickerStateVars, popoverClassNames, popoverColorVars, popoverSpaceVars, popoverStateVars, pressToMouseEvent, queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars, radioClassNames, radioColorVars, radioGroupStateVars, radioSpaceVars, radioStateVars, searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars, selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars, switchClassNames, switchColorVars, switchContainer, switchSpaceVars, switchStateVars, tabColorVars, tabListStateVars, tabPanelStateVars, tabPanelsStateVars, tabSpaceVars, tabStateVars, tabsClassNames, tabsContainers, textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars, tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars, treeClassNames, treeColorVars, treeContainers, treeGroupStateVars, treeIndicatorStateVars, treeItemStateVars, treeSpaceVars, treeStateVars, } from './components';
+export type { ButtonClassNames, ButtonColors, ButtonMapping, ButtonProps, ButtonRenderProps, ButtonSizes, ButtonState, CheckboxAlignment, CheckboxClassNames, CheckboxGroupProps, CheckboxGroupRenderProps, CheckboxGroupState, CheckboxProps, CheckboxRenderProps, CheckboxState, ChipClassNames, ChipColors, ChipGroupProps, ChipItemProps, ChipListProps, ChipMapping, ChipProps, ChipRenderProps, ChipSizes, ChipState, ComboBoxClassNames, ComboBoxMapping, ComboBoxProps, ComboBoxRenderProps, ComboBoxSizes, ComboBoxState, DialogClassNames, DialogMapping, DialogProps, DialogRenderProps, DialogSizes, DialogState, DrawerAnchor, DrawerClassNames, DrawerDialogProps, DrawerDialogState, DrawerMapping, DrawerProps, DrawerRenderProps, DrawerState, DrawerTabListProps, DrawerTabProps, DrawerTabRenderProps, ElementProps, GroupClassNames, GroupProps, GroupState, IconClassNames, IconProps, IconSizes, IconState, InputClassNames, InputMapping, InputProps, InputRenderProps, InputState, InputType, LinkButtonProps, MenuClassNames, MenuItemProps, MenuItemRenderProps, MenuItemState, MenuListProps, MenuMapping, MenuProps, MenuSizes, MenuState, MergeProviderProps, OptionsClassNames, OptionsItemProps, OptionsItemState, OptionsListProps, OptionsListState, OptionsMapping, OptionsProps, OptionsSizes, OptionsState, PickerClassNames, PickerItemProps, PickerItemRenderProps, PickerItemState, PickerProps, PickerState, PopoverClassNames, PopoverProps, PopoverState, QueryBuilderClassNames, QueryBuilderContextValue, QueryBuilderGroupState, QueryBuilderMapping, QueryBuilderProps, QueryBuilderRuleState, QueryBuilderSizes, QueryBuilderState, QueryBuilderValueEditors, RadioAlignment, RadioClassNames, RadioGroupProps, RadioGroupState, RadioProps, RadioState, SearchFieldClassNames, SearchFieldMapping, SearchFieldProps, SearchFieldRenderProps, SearchFieldState, SelectClassNames, SelectMapping, SelectProps, SelectRenderProps, SelectState, SwitchAlignment, SwitchClassNames, SwitchProps, SwitchRenderProps, SwitchState, TabListAlignment, TabListAnchor, TabListProps, TabListState, TabListVariants, TabPanelProps, TabPanelRenderProps, TabPanelState, TabPanelsProps, TabPanelsState, TabProps, TabRenderProps, TabState, TabsClassNames, TabsProps, TextAreaClassNames, TextAreaProps, TextAreaRenderProps, TextAreaState, ToggleButtonProps, TooltipClassNames, TooltipMapping, TooltipProps, TooltipRenderProps, TooltipState, TooltipTargetProps, TooltipTargetState, TreeClassNames, TreeGroupProps, TreeGroupRenderProps, TreeGroupState, TreeIndicatorRenderProps, TreeIndicatorState, TreeItemProps, TreeItemRenderProps, TreeItemState, TreeMapping, TreeProps, TreeRenderProps, TreeSizes, TreeState, TreeStateContextValue, } from './components';
+export { DefaultsProvider, ThemeProvider, useCollectionRender, useContextProps, useDefaultProps, useDefaults, usePropagatingPress, useSlot, useTheme, useTree, useUpdateEffect, } from './hooks';
+export type { DefaultsContext, DefaultsProviderProps, ThemeContext, ThemeVars, } from './hooks';
+export { bodies, defaultElevationVarValues, defaultElevations, defaultFocus, defaultFocusVarValues, defaultGenericColorVarValues, defaultGenericColors, defaultRadius, defaultRadiusVarValues, defaultSemanticColorVarValues, defaultSemanticColors, defaultSizes, defaultSizesVarValues, defaultSpace, defaultSpaceVarValues, defaultTypography, defaultTypographyVarValues, defaultZIndex, defaultZIndexVarValues, elevationVars, families, focusOutlineStyle, focusVars, genericColorVars, headings, inputs, label, layers, radiusVars, semanticColorVars, sizeVars, spaceVars, surfaces, typographyVars, zIndexVars, } from './styles';
+export type { AsType, ChildrenRenderProps, ClassNameRenderProps, ClassNames, Contract, CssVarFunction, MapLeafNodes, OmitProtectedProps, PartialMapLeafNodes, Primitive, ProviderValue, ProviderValues, RGBA, RenderProps, RenderPropsChildren, RenderPropsClassName, RenderPropsStyle, StylePropRenderProps, StyleRenderProps, TreeActions, TreeGroupNode, TreeItemNode, TreeNode, TreeNodes, UseTreeOptions, UseTreeResult, } from './types';
+export { alphaChannelAsNumberValidator, alphaChannelAsStringValidator, applyThemeVars, assignPartialVars, callRenderProps, colorChannelAsNumberValidator, colorChannelAsStringValidator, computeContract, containerQueries, containerQuery, continuePropagation, inlineVars, mergeClassNames, mergeProps, pixelValueAsNumberValidator, pixelValueAsStringValidator, rgbaAsStringValidator, rgbaAsTupleValidator, unwrapCssVar, wrapRenderProps, } from './utils';