@accelint/design-system 0.3.3 → 0.5.0

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

@@ -0,0 +1,83 @@
+import { PropsWithChildren } from 'react';
+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 { 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 { SearchFieldProps } from '../../components/search-field/types.js';
+import { SelectProps } from '../../components/select/types.js';
+import { SwitchProps } from '../../components/switch/types.js';
+import { TabProps, TabListProps, TabPanelProps, TabPanelsProps, TabsProps } from '../../components/tabs/types.js';
+import { TextFieldProps } from '../../components/text-field/types.js';
+import { TextAreaProps } from '../../components/textarea/types.js';
+import { TooltipProps, TooltipTargetProps } from '../../components/tooltip/types.js';
+import { TreeProps } from '../../components/tree/types.js';
+import { OmitProtectedProps } from '../../types/props.js';
+import 'react-aria-components';
+import '../../types/react-aria.js';
+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';
+
+type DefaultsOf<T extends Record<string, object>> = {
+    [K in keyof T]?: OmitProtectedProps<T[K]>;
+};
+type DefaultsContext = DefaultsOf<{
+    Button: ButtonProps;
+    Checkbox: CheckboxProps;
+    CheckboxGroup: CheckboxGroupProps;
+    Chip: ChipProps;
+    ChipGroup: ChipGroupProps;
+    ComboBox: ComboBoxProps<object>;
+    Dialog: DialogProps;
+    Drawer: DrawerProps;
+    DrawerTab: DrawerTabProps;
+    DrawerTabList: DrawerTabListProps<unknown>;
+    Icon: IconProps;
+    Input: InputProps;
+    LinkButton: LinkButtonProps;
+    Menu: MenuProps;
+    MenuList: MenuListProps<unknown>;
+    MenuItem: MenuItemProps<unknown>;
+    NumberField: NumberFieldProps;
+    Options: OptionsProps;
+    OptionsList: OptionsListProps<object>;
+    OptionsItem: OptionsItemProps<object>;
+    Picker: PickerProps<unknown>;
+    Popover: PopoverProps;
+    Radio: RadioProps;
+    RadioGroup: RadioGroupProps;
+    SearchField: SearchFieldProps;
+    Select: SelectProps<object>;
+    Switch: SwitchProps;
+    Tab: TabProps;
+    TabList: TabListProps<unknown>;
+    TabPanel: TabPanelProps;
+    TabPanels: TabPanelsProps;
+    Tabs: TabsProps;
+    TextArea: TextAreaProps;
+    TextField: TextFieldProps;
+    ToggleButton: ToggleButtonProps;
+    Tooltip: TooltipProps;
+    TooltipTarget: TooltipTargetProps;
+    Tree: TreeProps<unknown>;
+}>;
+type DefaultsProviderProps = PropsWithChildren<{
+    defaults: DefaultsContext;
+}>;
+
+export type { DefaultsContext, DefaultsProviderProps };

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 { DefaultsProviderProps, DefaultsContext } 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() {
+  const [hasSlot, setHasSlot] = useState(true);
+  const hasRun = useRef(false);
+  const 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":";;;AA+BO,SAAS,OAA2C,GAAA;AAEzD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA;AAC3C,EAAM,MAAA,MAAA,GAAS,OAAO,KAAK,CAAA;AAI3B,EAAM,MAAA,GAAA,GAAM,WAAY,CAAA,CAAC,EAA2B,KAAA;AAClD,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":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\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  const [hasSlot, setHasSlot] = useState(true);\n  const 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  const 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 { PropsWithChildren, CSSProperties } 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,72 @@
+import { ThemeProviderProps, ThemeContext } 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
+ *
+ * @example
+ * ```
+ * import { genericColorVars, useTheme, type RGBA } from '@accelint/design-system';
+ *
+ *   const theme = useTheme({
+ *     colors: {
+ *       generic: genericColorVars,
+ *     },
+ *   });
+ *
+ *   new ArrowPathLayer({
+ *     id: 'layer-id',
+ *     // ...
+ *     getColor: theme.contract?.colors.generic.neutral.v01 as RGBA,
+ *   }),
+ * ```
+ */
+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 };