@accelint/design-system 0.3.2 → 0.4.0

package/dist/hooks/use-defaults/types.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/hooks/use-defaults/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

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

@@ -0,0 +1,96 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonProps, LinkButtonProps, ToggleButtonProps } from '../../components/button/types.js';
+import { CheckboxProps, CheckboxGroupProps } from '../../components/checkbox/types.js';
+import { ChipProps, ChipGroupProps } from '../../components/chip/types.js';
+import { OmitProtectedProps } from '../../types/props.js';
+import { ComboBoxProps } from '../../components/combo-box/types.js';
+import { DialogProps } from '../../components/dialog/types.js';
+import { DrawerProps, DrawerTabProps, DrawerTabListProps } from '../../components/drawer/types.js';
+import { IconProps } from '../../components/icon/types.js';
+import { InputProps } from '../../components/input/types.js';
+import { MenuProps, MenuListProps, MenuItemProps } from '../../components/menu/types.js';
+import { NumberFieldProps } from '../../components/number-field/types.js';
+import { OptionsProps, OptionsListProps, OptionsItemProps } from '../../components/options/types.js';
+import { PickerProps } from '../../components/picker/types.js';
+import { PopoverProps } from '../../components/popover/types.js';
+import { RadioProps, RadioGroupProps } from '../../components/radio/types.js';
+import { SelectProps } from '../../components/select/types.js';
+import { SwitchProps } from '../../components/switch/types.js';
+import { TextAreaProps } from '../../components/textarea/types.js';
+import { SearchFieldProps } from '../../components/search-field/types.js';
+import { TabProps, TabListProps, TabPanelProps, TabPanelsProps, TabsProps } from '../../components/tabs/types.js';
+import { TextFieldProps } from '../../components/text-field/types.js';
+import { TooltipProps, TooltipTargetProps } from '../../components/tooltip/types.js';
+import { TreeProps } from '../../components/tree/types.js';
+import { DefaultsContext, DefaultsProviderProps } from './types.js';
+import 'react-aria-components';
+import '../../types/react-aria.js';
+import 'react';
+import '@react-types/shared';
+import 'type-fest';
+import '../../types/generic.js';
+import '../../components/group/types.js';
+import '@react-aria/overlays';
+import '@react-stately/overlays';
+import '../../types/use-tree.js';
+import '@react-stately/data';
+
+/**
+ * Access globally established component prop defaults
+ */
+declare function useDefaults(): {
+    Button?: OmitProtectedProps<ButtonProps> | undefined;
+    Checkbox?: OmitProtectedProps<CheckboxProps> | undefined;
+    CheckboxGroup?: OmitProtectedProps<CheckboxGroupProps> | undefined;
+    Chip?: OmitProtectedProps<ChipProps> | undefined;
+    ChipGroup?: OmitProtectedProps<ChipGroupProps> | undefined;
+    ComboBox?: OmitProtectedProps<ComboBoxProps<object>> | undefined;
+    Dialog?: OmitProtectedProps<DialogProps> | undefined;
+    Drawer?: OmitProtectedProps<DrawerProps> | undefined;
+    DrawerTab?: OmitProtectedProps<DrawerTabProps> | undefined;
+    DrawerTabList?: OmitProtectedProps<DrawerTabListProps<unknown>> | undefined;
+    Icon?: OmitProtectedProps<IconProps> | undefined;
+    Input?: OmitProtectedProps<InputProps> | undefined;
+    LinkButton?: OmitProtectedProps<LinkButtonProps> | undefined;
+    Menu?: OmitProtectedProps<MenuProps> | undefined;
+    MenuList?: OmitProtectedProps<MenuListProps<unknown>> | undefined;
+    MenuItem?: OmitProtectedProps<MenuItemProps<unknown>> | undefined;
+    NumberField?: OmitProtectedProps<NumberFieldProps> | undefined;
+    Options?: OmitProtectedProps<OptionsProps> | undefined;
+    OptionsList?: OmitProtectedProps<OptionsListProps<object>> | undefined;
+    OptionsItem?: OmitProtectedProps<OptionsItemProps<object>> | undefined;
+    Picker?: OmitProtectedProps<PickerProps<unknown>> | undefined;
+    Popover?: OmitProtectedProps<PopoverProps> | undefined;
+    Radio?: OmitProtectedProps<RadioProps> | undefined;
+    RadioGroup?: OmitProtectedProps<RadioGroupProps> | undefined;
+    SearchField?: OmitProtectedProps<SearchFieldProps> | undefined;
+    Select?: OmitProtectedProps<SelectProps<object>> | undefined;
+    Switch?: OmitProtectedProps<SwitchProps> | undefined;
+    Tab?: OmitProtectedProps<TabProps> | undefined;
+    TabList?: OmitProtectedProps<TabListProps<unknown>> | undefined;
+    TabPanel?: OmitProtectedProps<TabPanelProps> | undefined;
+    TabPanels?: OmitProtectedProps<TabPanelsProps> | undefined;
+    Tabs?: OmitProtectedProps<TabsProps> | undefined;
+    TextArea?: OmitProtectedProps<TextAreaProps> | undefined;
+    TextField?: OmitProtectedProps<TextFieldProps> | undefined;
+    ToggleButton?: OmitProtectedProps<ToggleButtonProps> | undefined;
+    Tooltip?: OmitProtectedProps<TooltipProps> | undefined;
+    TooltipTarget?: OmitProtectedProps<TooltipTargetProps> | undefined;
+    Tree?: OmitProtectedProps<TreeProps<unknown>> | undefined;
+};
+/**
+ * Select default props from context and merge with provided props
+ * with provided props taking precedence
+ */
+declare function useDefaultProps<K extends keyof DefaultsContext, P extends DefaultsContext[K]>(props: P, key: K): P;
+/**
+ * Set default props for any component, to be merged in with props at point
+ * of implementation. Global defaults take lower priority than props from
+ * composition context or props attached to instance
+ *
+ * Nested instances of this provider will shallow merge defaults from parent
+ * context, with the defaults prop taking precedence
+ */
+declare function DefaultsProvider({ children, defaults: defaultsProp, }: DefaultsProviderProps): react_jsx_runtime.JSX.Element;
+
+export { DefaultsProvider, useDefaultProps, useDefaults };

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

@@ -0,0 +1,36 @@
+import '../../chunk-PZ5AY32C.js';
+import { createContext, useContext, useMemo } from 'react';
+import { mergeProps } from '../../utils/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+var defaultsContext = createContext({});
+function useDefaults() {
+  return useContext(defaultsContext);
+}
+function useDefaultProps(props, key) {
+  const defaults = useDefaults();
+  const defaultProps = useMemo(
+    () => defaults[key] ?? {},
+    [defaults, key]
+  );
+  return useMemo(
+    () => mergeProps(defaultProps, props),
+    [defaultProps, props]
+  );
+}
+function DefaultsProvider({
+  children,
+  defaults: defaultsProp
+}) {
+  const defaults = useDefaults();
+  const context = useMemo(
+    () => ({ ...defaults, ...defaultsProp }),
+    [defaults, defaultsProp]
+  );
+  const { Provider } = defaultsContext;
+  return /* @__PURE__ */ jsx(Provider, { value: context, children });
+}
+
+export { DefaultsProvider, useDefaultProps, useDefaults };
+//# sourceMappingURL=use-defaults.js.map
+//# sourceMappingURL=use-defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/use-defaults/use-defaults.tsx"],"names":[],"mappings":";;;;;AAIA,IAAM,eAAA,GAAkB,aAA+B,CAAA,EAAE,CAAA;AAKlD,SAAS,WAAc,GAAA;AAC5B,EAAA,OAAO,WAAW,eAAe,CAAA;AACnC;AAMO,SAAS,eAAA,CAGd,OAAU,GAAW,EAAA;AACrB,EAAA,MAAM,WAAW,WAAY,EAAA;AAE7B,EAAA,MAAM,YAAe,GAAA,OAAA;AAAA,IACnB,MAAO,QAAA,CAAS,GAAG,CAAA,IAAK,EAAC;AAAA,IACzB,CAAC,UAAU,GAAG;AAAA,GAChB;AAEA,EAAO,OAAA,OAAA;AAAA,IACL,MAAM,UAAW,CAAA,YAAA,EAAc,KAAK,CAAA;AAAA,IACpC,CAAC,cAAc,KAAK;AAAA,GACtB;AACF;AAUO,SAAS,gBAAiB,CAAA;AAAA,EAC/B,QAAA;AAAA,EACA,QAAU,EAAA;AACZ,CAA0B,EAAA;AACxB,EAAA,MAAM,WAAW,WAAY,EAAA;AAE7B,EAAA,MAAM,OAAU,GAAA,OAAA;AAAA,IACd,OAAO,EAAE,GAAG,QAAA,EAAU,GAAG,YAAa,EAAA,CAAA;AAAA,IACtC,CAAC,UAAU,YAAY;AAAA,GACzB;AAEA,EAAM,MAAA,EAAE,UAAa,GAAA,eAAA;AAErB,EAAA,uBAAQ,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,OAAA,EAAU,QAAS,EAAA,CAAA;AAC7C","file":"use-defaults.js","sourcesContent":["import { createContext, useContext, useMemo } from 'react';\nimport { mergeProps } from '../../utils';\nimport type { DefaultsContext, DefaultsProviderProps } from './types';\n\nconst defaultsContext = createContext<DefaultsContext>({});\n\n/**\n * Access globally established component prop defaults\n */\nexport function useDefaults() {\n  return useContext(defaultsContext);\n}\n\n/**\n * Select default props from context and merge with provided props\n * with provided props taking precedence\n */\nexport function useDefaultProps<\n  K extends keyof DefaultsContext,\n  P extends DefaultsContext[K],\n>(props: P, key: K): P {\n  const defaults = useDefaults();\n\n  const defaultProps = useMemo(\n    () => (defaults[key] ?? {}) as Partial<P>,\n    [defaults, key],\n  );\n\n  return useMemo(\n    () => mergeProps(defaultProps, props) as P,\n    [defaultProps, props],\n  );\n}\n\n/**\n * Set default props for any component, to be merged in with props at point\n * of implementation. Global defaults take lower priority than props from\n * composition context or props attached to instance\n *\n * Nested instances of this provider will shallow merge defaults from parent\n * context, with the defaults prop taking precedence\n */\nexport function DefaultsProvider({\n  children,\n  defaults: defaultsProp,\n}: DefaultsProviderProps) {\n  const defaults = useDefaults();\n\n  const context = useMemo(\n    () => ({ ...defaults, ...defaultsProp }),\n    [defaults, defaultsProp],\n  );\n\n  const { Provider } = defaultsContext;\n\n  return <Provider value={context}>{children}</Provider>;\n}\n"]}

package/dist/hooks/use-propagating-press/index.d.ts

@@ -0,0 +1,2 @@
+export { usePropagatingPress } from './use-propagating-press.js';
+import '@react-aria/interactions';

package/dist/hooks/use-propagating-press/index.js

@@ -0,0 +1,4 @@
+import '../../chunk-PZ5AY32C.js';
+export { usePropagatingPress } from './use-propagating-press.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hooks/use-propagating-press/index.js.map

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

package/dist/hooks/use-propagating-press/use-propagating-press.d.ts

@@ -0,0 +1,13 @@
+import * as _react_aria_interactions from '@react-aria/interactions';
+import { PressHookProps } from '@react-aria/interactions';
+
+/**
+ * The default behavior of usePress is to stop all propagation of press events
+ *
+ * To allow the more typical behavior of event propagation by default, this hook
+ * continues propagation of press events. This allows for nested press event
+ * listeners to not block press event listeners higher in the heirarchy
+ */
+declare function usePropagatingPress(props: PressHookProps): _react_aria_interactions.PressResult;
+
+export { usePropagatingPress };

package/dist/hooks/use-propagating-press/use-propagating-press.js

@@ -0,0 +1,21 @@
+import '../../chunk-PZ5AY32C.js';
+import { usePress } from '@react-aria/interactions';
+import { mergeProps, continuePropagation } from '../../utils/index.js';
+
+function usePropagatingPress(props) {
+  return usePress(
+    mergeProps(
+      {
+        onPress: continuePropagation,
+        onPressEnd: continuePropagation,
+        onPressStart: continuePropagation,
+        onPressUp: continuePropagation
+      },
+      props
+    )
+  );
+}
+
+export { usePropagatingPress };
+//# sourceMappingURL=use-propagating-press.js.map
+//# sourceMappingURL=use-propagating-press.js.map

package/dist/hooks/use-propagating-press/use-propagating-press.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/use-propagating-press/use-propagating-press.ts"],"names":[],"mappings":";;;;AAUO,SAAS,oBAAoB,KAAuB,EAAA;AACzD,EAAO,OAAA,QAAA;AAAA,IACL,UAAA;AAAA,MACE;AAAA,QACE,OAAS,EAAA,mBAAA;AAAA,QACT,UAAY,EAAA,mBAAA;AAAA,QACZ,YAAc,EAAA,mBAAA;AAAA,QACd,SAAW,EAAA;AAAA,OACb;AAAA,MACA;AAAA;AACF,GACF;AACF","file":"use-propagating-press.js","sourcesContent":["import { type PressHookProps, usePress } from '@react-aria/interactions';\nimport { continuePropagation, mergeProps } from '../../utils';\n\n/**\n * The default behavior of usePress is to stop all propagation of press events\n *\n * To allow the more typical behavior of event propagation by default, this hook\n * continues propagation of press events. This allows for nested press event\n * listeners to not block press event listeners higher in the heirarchy\n */\nexport function usePropagatingPress(props: PressHookProps) {\n  return usePress(\n    mergeProps(\n      {\n        onPress: continuePropagation,\n        onPressEnd: continuePropagation,\n        onPressStart: continuePropagation,\n        onPressUp: continuePropagation,\n      },\n      props,\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,2 @@
+export { useSlot } from './use-slot.js';
+import 'react';

package/dist/hooks/use-slot/index.js

@@ -0,0 +1,4 @@
+import '../../chunk-PZ5AY32C.js';
+export { useSlot } from './use-slot.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hooks/use-slot/index.js.map

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

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

@@ -0,0 +1,16 @@
+import { RefCallback } from 'react';
+
+/**
+ * Detects whether a slot has been utilized
+ *
+ * Example:
+ * Parent component implements RAC Provider, with a slotted context
+ * Child component implements slot prop matching provided slot in context
+ * Parent is able to see that the slot has been fulfilled
+ *
+ * Copied from RAC: https://github.com/adobe/react-spectrum/blob/main/packages/react-aria-components/src/utils.tsx#L213
+ * Due to not being exported, but quite handy
+ */
+declare function useSlot(): [RefCallback<Element>, boolean];
+
+export { useSlot };

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

@@ -0,0 +1,21 @@
+import '../../chunk-PZ5AY32C.js';
+import { useState, useRef, useCallback, useLayoutEffect } from 'react';
+
+function useSlot() {
+  let [hasSlot, setHasSlot] = useState(true);
+  let hasRun = useRef(false);
+  let ref = useCallback((el) => {
+    hasRun.current = true;
+    setHasSlot(!!el);
+  }, []);
+  useLayoutEffect(() => {
+    if (!hasRun.current) {
+      setHasSlot(false);
+    }
+  }, []);
+  return [ref, hasSlot];
+}
+
+export { useSlot };
+//# sourceMappingURL=use-slot.js.map
+//# sourceMappingURL=use-slot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/use-slot/use-slot.ts"],"names":[],"mappings":";;;AAmBO,SAAS,OAA2C,GAAA;AAEzD,EAAA,IAAI,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA;AACzC,EAAI,IAAA,MAAA,GAAS,OAAO,KAAK,CAAA;AAIzB,EAAI,IAAA,GAAA,GAAM,WAAY,CAAA,CAAC,EAA2B,KAAA;AAChD,IAAA,MAAA,CAAO,OAAU,GAAA,IAAA;AACjB,IAAW,UAAA,CAAA,CAAC,CAAC,EAAE,CAAA;AAAA,GACjB,EAAG,EAAE,CAAA;AAGL,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAI,IAAA,CAAC,OAAO,OAAS,EAAA;AACnB,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA;AAClB,GACF,EAAG,EAAE,CAAA;AAEL,EAAO,OAAA,CAAC,KAAK,OAAO,CAAA;AACtB","file":"use-slot.js","sourcesContent":["import {\n  type RefCallback,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\n/**\n * Detects whether a slot has been utilized\n *\n * Example:\n * Parent component implements RAC Provider, with a slotted context\n * Child component implements slot prop matching provided slot in context\n * Parent is able to see that the slot has been fulfilled\n *\n * Copied from RAC: https://github.com/adobe/react-spectrum/blob/main/packages/react-aria-components/src/utils.tsx#L213\n * Due to not being exported, but quite handy\n */\nexport function useSlot(): [RefCallback<Element>, boolean] {\n  // Assume we do have the slot in the initial render.\n  let [hasSlot, setHasSlot] = useState(true);\n  let hasRun = useRef(false);\n\n  // A callback ref which will run when the slotted element mounts.\n  // This should happen before the useLayoutEffect below.\n  let ref = useCallback((el: HTMLElement | null) => {\n    hasRun.current = true;\n    setHasSlot(!!el);\n  }, []);\n\n  // If the callback hasn't been called, then reset to false.\n  useLayoutEffect(() => {\n    if (!hasRun.current) {\n      setHasSlot(false);\n    }\n  }, []);\n\n  return [ref, hasSlot];\n}\n"]}

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

@@ -0,0 +1,43 @@
+export { ThemeContext, ThemeProviderProps, ThemeVars } from './types.js';
+export { ThemeProvider, useTheme } from './use-theme.js';
+import 'react';
+import '../../components/button/types.js';
+import 'react-aria-components';
+import '../../types/props.js';
+import '../../types/react-aria.js';
+import '../../components/icon/types.js';
+import '../../components/checkbox/types.js';
+import '@react-types/shared';
+import 'type-fest';
+import '../../components/chip/types.js';
+import '../../types/generic.js';
+import '../../components/combo-box/types.js';
+import '../../components/input/types.js';
+import '../../components/options/types.js';
+import '../../components/dialog/types.js';
+import '../../components/group/types.js';
+import '../../components/drawer/types.js';
+import '@react-aria/overlays';
+import '@react-stately/overlays';
+import '../../components/tabs/types.js';
+import '../../components/menu/types.js';
+import '../../components/number-field/types.js';
+import '../../components/picker/types.js';
+import '../../components/popover/types.js';
+import '../../components/query-builder/types.js';
+import 'react-querybuilder';
+import '../../components/radio/types.js';
+import '../../components/select/types.js';
+import '../../components/switch/types.js';
+import '../../components/textarea/types.js';
+import '../../components/search-field/types.js';
+import '../../components/text-field/types.js';
+import '../../components/tooltip/types.js';
+import '../../components/tree/types.js';
+import '../../types/use-tree.js';
+import '@react-stately/data';
+import 'react/jsx-runtime';
+import '../../types/vanilla-extract.js';
+import '@vanilla-extract/css';
+import '../../utils/css.js';
+import '../../types/deckgl.js';

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

@@ -0,0 +1,5 @@
+import '../../chunk-PZ5AY32C.js';
+import './types.js';
+export { ThemeProvider, useTheme } from './use-theme.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,104 @@
+import { CSSProperties, PropsWithChildren } from 'react';
+import { ButtonClassNames } from '../../components/button/types.js';
+import { CheckboxClassNames } from '../../components/checkbox/types.js';
+import { ChipClassNames } from '../../components/chip/types.js';
+import { ComboBoxClassNames } from '../../components/combo-box/types.js';
+import { DialogClassNames } from '../../components/dialog/types.js';
+import { DrawerClassNames } from '../../components/drawer/types.js';
+import { GroupClassNames } from '../../components/group/types.js';
+import { IconClassNames } from '../../components/icon/types.js';
+import { InputClassNames } from '../../components/input/types.js';
+import { MenuClassNames } from '../../components/menu/types.js';
+import { NumberFieldClassNames } from '../../components/number-field/types.js';
+import { OptionsClassNames } from '../../components/options/types.js';
+import { PickerClassNames } from '../../components/picker/types.js';
+import { PopoverClassNames } from '../../components/popover/types.js';
+import { QueryBuilderClassNames } from '../../components/query-builder/types.js';
+import { RadioClassNames } from '../../components/radio/types.js';
+import { SearchFieldClassNames } from '../../components/search-field/types.js';
+import { SelectClassNames } from '../../components/select/types.js';
+import { SwitchClassNames } from '../../components/switch/types.js';
+import { TabsClassNames } from '../../components/tabs/types.js';
+import { TextFieldClassNames } from '../../components/text-field/types.js';
+import { TextAreaClassNames } from '../../components/textarea/types.js';
+import { TooltipClassNames } from '../../components/tooltip/types.js';
+import { TreeClassNames } from '../../components/tree/types.js';
+import 'react-aria-components';
+import '../../types/props.js';
+import '../../types/react-aria.js';
+import '@react-types/shared';
+import 'type-fest';
+import '../../types/generic.js';
+import '@react-aria/overlays';
+import '@react-stately/overlays';
+import 'react-querybuilder';
+import '../../types/use-tree.js';
+import '@react-stately/data';
+
+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;
+    Menu?: MenuClassNames;
+    NumberField?: NumberFieldClassNames;
+    Options?: OptionsClassNames;
+    Picker?: PickerClassNames;
+    Popover?: PopoverClassNames;
+    QueryBuilder?: QueryBuilderClassNames;
+    Radio?: RadioClassNames;
+    SearchField?: SearchFieldClassNames;
+    Select?: SelectClassNames;
+    Switch?: SwitchClassNames;
+    Tabs?: TabsClassNames;
+    TextArea?: TextAreaClassNames;
+    TextField?: TextFieldClassNames;
+    Tooltip?: TooltipClassNames;
+    Tree?: TreeClassNames;
+};
+type ThemeVars = {
+    colors?: {
+        generic?: string;
+        semantic?: string;
+    };
+    elevation?: string;
+    focus?: string;
+    radius?: string;
+    sizes?: string;
+    space?: string;
+    typography?: string;
+    zIndex?: string;
+};
+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;
+}>;
+
+export type { ThemeContext, ThemeProviderProps, ThemeVars };

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

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

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

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

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

@@ -0,0 +1,8 @@
+import '../../chunk-PZ5AY32C.js';
+
+// src/hooks/use-theme/use-theme.css.ts
+var root = "use-theme_root__5ipw7a0";
+
+export { root };
+//# sourceMappingURL=use-theme.css.js.map
+//# sourceMappingURL=use-theme.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/use-theme/use-theme.css.ts"],"names":[],"mappings":";;;AAAO,IAAI,IAAO,GAAA","file":"use-theme.css.js","sourcesContent":["export var root = 'use-theme_root__5ipw7a0';"]}

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

@@ -0,0 +1,55 @@
+import { ThemeContext, ThemeProviderProps } from './types.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Contract } from '../../types/vanilla-extract.js';
+import { computeContract } from '../../utils/css.js';
+import 'react';
+import '../../components/button/types.js';
+import 'react-aria-components';
+import '../../types/props.js';
+import '../../types/react-aria.js';
+import '../../components/icon/types.js';
+import '../../components/checkbox/types.js';
+import '@react-types/shared';
+import 'type-fest';
+import '../../components/chip/types.js';
+import '../../types/generic.js';
+import '../../components/combo-box/types.js';
+import '../../components/input/types.js';
+import '../../components/options/types.js';
+import '../../components/dialog/types.js';
+import '../../components/group/types.js';
+import '../../components/drawer/types.js';
+import '@react-aria/overlays';
+import '@react-stately/overlays';
+import '../../components/tabs/types.js';
+import '../../components/menu/types.js';
+import '../../components/number-field/types.js';
+import '../../components/picker/types.js';
+import '../../components/popover/types.js';
+import '../../components/query-builder/types.js';
+import 'react-querybuilder';
+import '../../components/radio/types.js';
+import '../../components/select/types.js';
+import '../../components/switch/types.js';
+import '../../components/textarea/types.js';
+import '../../components/search-field/types.js';
+import '../../components/text-field/types.js';
+import '../../components/tooltip/types.js';
+import '../../components/tree/types.js';
+import '../../types/use-tree.js';
+import '@react-stately/data';
+import '@vanilla-extract/css';
+import '../../types/deckgl.js';
+
+/**
+ * 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
+ */
+declare function useTheme<T extends Contract>(contract?: T): ThemeContext & {
+    contract?: ReturnType<typeof computeContract<T>>;
+};
+declare function ThemeProvider({ children, className: classNameProp, inherit, style: styleProp, theme: themeProp, vars, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+
+export { ThemeProvider, useTheme };

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

@@ -0,0 +1,108 @@
+import '../../chunk-PZ5AY32C.js';
+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/index.js';
+import { computeContract } from '../../utils/index.js';
+import { root } from './use-theme.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var defaultTheme = {};
+var themeContext = createContext(defaultTheme);
+var 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 /* @__PURE__ */ jsx("div", { ref, className, style, children: /* @__PURE__ */ jsx(ClassesProvider, { value: theme, children: /* @__PURE__ */ jsx(CssProvider, { value: css, children }) }) });
+}
+
+export { ThemeProvider, useTheme };
+//# sourceMappingURL=use-theme.js.map
+//# sourceMappingURL=use-theme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/use-theme/use-theme.tsx"],"names":[],"mappings":"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","file":"use-theme.js","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"]}

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

@@ -0,0 +1,4 @@
+export { useTree } from './use-tree.js';
+import '../../types/use-tree.js';
+import '@react-types/shared';
+import '@react-stately/data';

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

@@ -0,0 +1,4 @@
+import '../../chunk-PZ5AY32C.js';
+export { useTree } from './use-tree.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map