@accelint/design-system 0.2.0 → 0.3.0

package/dist/components/textarea/textarea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.js","sources":["../../../src/components/textarea/textarea.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport {\n  type FormEvent,\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useMemo,\n  useCallback,\n  useEffect,\n} from 'react';\nimport { useFocusRing, useHover } from 'react-aria';\nimport {\n  type ContextValue,\n  TextAreaContext as RACTextAreaContext,\n  type TextAreaProps as RACTextAreaProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { useDefaultProps, useTheme } from '../../hooks';\nimport { inputs } from '../../styles';\nimport { inlineVars, mergeClassNames, mergeProps } from '../../utils';\nimport { textAreaClassNames, textAreaStateVars } from './textarea.css';\nimport type { TextAreaMapping, TextAreaProps } from './types';\n\nconst defaultMapping: TextAreaMapping = {\n  font: inputs,\n};\n\nexport const TextAreaContext =\n  createContext<ContextValue<TextAreaProps, HTMLTextAreaElement>>(null);\n\n/**\n * We implement a textarea as a content editable span to provide\n * improved UX, where the input area automatically grows with input\n * content length. This can be overriden by applying max-height\n * and overflow CSS, if desired.\n *\n * This also has the side effect of changing the target element in\n * the ref and event handlers. The normal `event.target.value` is not\n * available, and must be substituted with `event.currentTarget.textContent`\n */\nexport const TextArea = forwardRef(function TextArea(\n  props: TextAreaProps,\n  ref: ForwardedRef<HTMLTextAreaElement>,\n) {\n  [props, ref] = useContextProps(props, ref, RACTextAreaContext);\n\n  // Disallow props possibly provided by React Aria context\n  // could be render props functions we don't want to support\n  delete (props as RACTextAreaProps).className;\n  delete (props as RACTextAreaProps).style;\n\n  // Duplicate context prop merging to support React Aria's context\n  // and our own which establishes a superset type for the props\n  [props, ref] = useContextProps(props, ref, TextAreaContext);\n  props = useDefaultProps(props, 'TextArea');\n\n  const {\n    classNames: classNamesProp,\n    defaultValue = '',\n    disabled: isDisabled = false,\n    mapping: mappingProp,\n    placeholder,\n    readOnly: isReadOnly = false,\n    required: isRequired = false,\n    resize = 'none',\n    size = 'lg',\n    value: valueProp,\n    onChange,\n    onHoverStart,\n    onHoverChange,\n    onHoverEnd,\n    'aria-invalid': ariaInvalid,\n    ...rest\n  } = props;\n\n  const [value, setValue] = useControlledState(valueProp, defaultValue);\n  const isInvalid = !!ariaInvalid && ariaInvalid !== 'false';\n  const isPlaceholder = !!placeholder && !value;\n  const isEmpty = !value;\n\n  const { isFocused, isFocusVisible, focusProps } = useFocusRing({\n    autoFocus: props.autoFocus,\n    isTextInput: true,\n  });\n\n  const { hoverProps, isHovered } = useHover({\n    isDisabled,\n    onHoverStart,\n    onHoverChange,\n    onHoverEnd,\n  });\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(textAreaClassNames, theme.TextArea, classNamesProp, {\n        textarea: mapping.font[size],\n      }),\n    [theme.TextArea, classNamesProp, mapping.font, size],\n  );\n\n  const mergedProps = useMemo(\n    () => mergeProps(rest, focusProps, hoverProps),\n    [focusProps, hoverProps, rest],\n  );\n\n  const style = useMemo(\n    () =>\n      inlineVars(textAreaStateVars, {\n        resize,\n        size,\n        isDisabled,\n        isEmpty,\n        isFocused,\n        isFocusVisible,\n        isHovered,\n        isInvalid,\n        isPlaceholder,\n        isReadOnly,\n        isRequired,\n      }),\n    [\n      resize,\n      size,\n      isDisabled,\n      isEmpty,\n      isFocused,\n      isFocusVisible,\n      isHovered,\n      isInvalid,\n      isPlaceholder,\n      isReadOnly,\n      isRequired,\n    ],\n  );\n\n  const handleChange = useCallback(\n    (event: FormEvent<HTMLSpanElement>) => {\n      onChange?.(event);\n\n      if (!event.defaultPrevented) {\n        setValue(event.currentTarget.textContent ?? '');\n      }\n    },\n    [onChange, setValue],\n  );\n\n  /**\n   * In order to provide the UX of an \"input\" that auto grows in height\n   * thats driven by content, we implement a content-editable span instead\n   * of a textarea. However, this has the side effect that it must be\n   * updated as an \"uncontrolled\" element, otherwise the cursor resets\n   * to the beginning of the input area after every keystroke if the value\n   * is passed in as \"children\"\n   */\n  useEffect(() => {\n    if (typeof ref !== 'function' && ref?.current) {\n      ref.current.textContent = `${value ?? ''}`;\n    }\n  }, [ref, value]);\n\n  return (\n    <div className={classNames?.container} style={style}>\n      <span\n        {...mergedProps}\n        {...hoverProps}\n        ref={ref}\n        className={classNames?.textarea}\n        contentEditable={!isDisabled && !isReadOnly}\n        role='textbox'\n        suppressContentEditableWarning\n        onInput={handleChange}\n        aria-invalid={ariaInvalid}\n        data-placeholder={placeholder}\n      />\n    </div>\n  );\n});\n"],"names":["TextArea","RACTextAreaContext"],"mappings":"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"}

package/dist/components/textarea/textarea.vanilla.js

@@ -1,8 +0,0 @@
-
-var textAreaClassNames = { container: "textarea_textAreaClassNames_container__13oc1ofn", textarea: "textarea_textAreaClassNames_textarea__13oc1ofo" };
-var textAreaColorVars = { background: "var(--background__13oc1of1)", border: "var(--border__13oc1of2)", color: "var(--color__13oc1of3)" };
-var textAreaContainer = "textarea_textAreaContainer__13oc1of0";
-var textAreaSpaceVars = { minWidth: "var(--minWidth__13oc1of4)", width: "var(--width__13oc1of5)", maxWidth: "var(--maxWidth__13oc1of6)", minHeight: "var(--minHeight__13oc1of7)", height: "var(--height__13oc1of8)", maxHeight: "var(--maxHeight__13oc1of9)", x: "var(--x__13oc1ofa)", y: "var(--y__13oc1ofb)" };
-var textAreaStateVars = { resize: "var(--resize__13oc1ofc)", size: "var(--size__13oc1ofd)", isDisabled: "var(--isDisabled__13oc1ofe)", isEmpty: "var(--isEmpty__13oc1off)", isFocused: "var(--isFocused__13oc1ofg)", isFocusVisible: "var(--isFocusVisible__13oc1ofh)", isHovered: "var(--isHovered__13oc1ofi)", isInvalid: "var(--isInvalid__13oc1ofj)", isPlaceholder: "var(--isPlaceholder__13oc1ofk)", isReadOnly: "var(--isReadOnly__13oc1ofl)", isRequired: "var(--isRequired__13oc1ofm)" };
-
-export { textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars };

package/dist/components/textarea/textarea.vanilla.js.map

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

package/dist/components/textarea/types.d.ts

@@ -1,39 +0,0 @@
-import type { AsType } from '../../types';
-import type { FormEventHandler } from 'react';
-import type { InputRenderProps as RACInputRenderProps, TextAreaProps as RACTextAreaProps } from 'react-aria-components';
-export type TextAreaClassNames = Partial<{
-    container: string;
-    textarea: string;
-}>;
-export type TextAreaSize = 'sm' | 'lg';
-export type TextAreaMapping = {
-    font: Partial<Record<TextAreaSize, string>>;
-};
-export type TextAreaRenderProps = AsType<RACInputRenderProps> & {
-    /**
-     * If value is undefined or empty
-     */
-    isEmpty: boolean;
-    /**
-     * If placeholder is provided and value is undefined or empty
-     */
-    isPlaceholder: boolean;
-    /**
-     * If read only
-     */
-    isReadOnly: boolean;
-    /**
-     * If required
-     */
-    isRequired: boolean;
-};
-export type TextAreaResize = 'both' | 'horizontal' | 'vertical' | 'none';
-export type BaseTextAreaProps = {
-    classNames?: TextAreaClassNames;
-    mapping?: Partial<TextAreaMapping>;
-    resize?: TextAreaResize;
-    size?: TextAreaSize;
-    onChange?: FormEventHandler<HTMLSpanElement>;
-};
-export type TextAreaState = TextAreaRenderProps & Required<Pick<BaseTextAreaProps, 'resize' | 'size'>>;
-export type TextAreaProps = Omit<RACTextAreaProps, 'children' | 'className' | 'cols' | 'rows' | 'style' | 'onChange'> & BaseTextAreaProps;

package/dist/components/tooltip/index.d.ts

@@ -1,3 +0,0 @@
-export { Tooltip, TooltipContext, TooltipTarget, TooltipTargetContext, } from './tooltip';
-export { tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars, } from './tooltip.css';
-export { type TooltipClassNames, type TooltipMapping, type TooltipProps, type TooltipRenderProps, type TooltipState, type TooltipTargetProps, type TooltipTargetState, } from './types';

package/dist/components/tooltip/tooltip.css.d.ts

@@ -1,23 +0,0 @@
-import type { TooltipClassNames } from './types';
-export declare const tooltipContainers: {
-    tooltip: string;
-    target: string;
-};
-export declare const tooltipSpaceVars: {
-    x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const tooltipStateVars: {
-    containerPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    crossOffset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    offset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    placement: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEntering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isExiting: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isOpen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const tooltipTargetStateVars: {
-    focusable: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    relative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const tooltipClassNames: TooltipClassNames;

package/dist/components/tooltip/tooltip.d.ts

@@ -1,23 +0,0 @@
-import { type ContextValue } from 'react-aria-components';
-import type { TooltipMapping, TooltipProps, TooltipTargetProps } from './types';
-export declare const TooltipContext: import("react").Context<ContextValue<TooltipProps, HTMLDivElement>>;
-export declare const Tooltip: (props: Omit<import("react-aria-components").TooltipProps, "className" | "style" | "UNSTABLE_portalContainer"> & {
-    classNames?: import("./types").TooltipClassNames;
-    mapping?: Partial<TooltipMapping>;
-} & {
-    children?: import("../..").RenderPropsChildren<import("./types").TooltipRenderProps>;
-} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
-export declare const TooltipTargetContext: import("react").Context<ContextValue<TooltipTargetProps, HTMLDivElement>>;
-/**
- * This target component is only needed if attempting to add a Tooltip
- * to a non-focusable element/component
- */
-export declare const TooltipTarget: (props: {
-    classNames?: import("./types").TooltipClassNames;
-    mapping?: Partial<TooltipMapping>;
-} & {
-    focusable?: boolean;
-    relative?: "parent" | "self";
-} & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;

package/dist/components/tooltip/tooltip.js

@@ -1,69 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, forwardRef, useMemo, useCallback } from 'react';
-import { useFocusable } from 'react-aria';
-import { useContextProps, Tooltip as Tooltip$1 } from 'react-aria-components';
-import { inlineVars } from '../../utils/css.js';
-import { mergeClassNames, callRenderProps } from '../../utils/props.js';
-import { useDefaultProps } from '../../hooks/use-defaults/use-defaults.js';
-import { useTheme } from '../../hooks/use-theme/use-theme.js';
-import { bodies } from '../../styles/typography.vanilla.js';
-import { tooltipClassNames, tooltipStateVars, tooltipTargetStateVars } from './tooltip.vanilla.js';
-
-const defaultMapping = {
-  font: bodies.xs
-};
-const TooltipContext = createContext(null);
-const Tooltip = forwardRef(function Tooltip2(props, ref) {
-  [props, ref] = useContextProps(props, ref, TooltipContext);
-  props = useDefaultProps(props, "Tooltip");
-  const { children: childrenProp, classNames: classNamesProp, containerPadding, crossOffset, mapping: mappingProp, offset, ...rest } = props;
-  const theme = useTheme();
-  const mapping = useMemo(() => ({
-    ...defaultMapping,
-    ...mappingProp
-  }), [mappingProp]);
-  const classNames = useMemo(() => mergeClassNames(tooltipClassNames, theme.Tooltip, classNamesProp, {
-    tooltip: {
-      container: theme.className,
-      tooltip: mapping.font
-    }
-  }), [theme.Tooltip, classNamesProp, theme.className, mapping]);
-  const style = useCallback(({ state, ...renderProps }) => ({
-    ...theme.style,
-    ...inlineVars(tooltipStateVars, {
-      containerPadding,
-      crossOffset,
-      offset,
-      ...renderProps,
-      isOpen: state.isOpen
-    })
-  }), [theme.style, containerPadding, crossOffset, offset]);
-  const children = useCallback((renderProps) => jsx("div", { className: classNames?.tooltip?.tooltip, children: callRenderProps(childrenProp, {
-    ...renderProps,
-    isOpen: renderProps.state.isOpen
-  }) }), [classNames?.tooltip?.tooltip, childrenProp]);
-  return jsx(Tooltip$1, { ...rest, ref, className: classNames?.tooltip?.container, style, children });
-});
-const TooltipTargetContext = createContext(null);
-const TooltipTarget = forwardRef(function TooltipTarget2(props, ref) {
-  [props, ref] = useContextProps(props, ref, TooltipTargetContext);
-  props = useDefaultProps(props, "TooltipTarget");
-  const { children, classNames: classNamesProp, focusable = true, relative = "self" } = props;
-  const { focusableProps } = useFocusable({}, ref);
-  const theme = useTheme();
-  const classNames = useMemo(() => mergeClassNames(tooltipClassNames, theme.Tooltip, classNamesProp), [theme.Tooltip, classNamesProp]);
-  const style = useMemo(() => inlineVars(tooltipTargetStateVars, {
-    focusable,
-    relative
-  }), [focusable, relative]);
-  return jsx("div", { className: classNames?.target?.container, style, children: jsx("div", {
-    ...focusableProps,
-    ref,
-    className: classNames?.target?.target,
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-    tabIndex: focusable ? 0 : void 0,
-    children
-  }) });
-});
-
-export { Tooltip, TooltipContext, TooltipTarget, TooltipTargetContext };

package/dist/components/tooltip/tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import {\n  type ForwardedRef,\n  createContext,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useFocusable } from 'react-aria';\nimport {\n  type ContextValue,\n  Tooltip as RACTooltip,\n  type TooltipRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { useDefaultProps, useTheme } from '../../hooks';\nimport { bodies } from '../../styles';\nimport { callRenderProps, inlineVars, mergeClassNames } from '../../utils';\nimport {\n  tooltipClassNames,\n  tooltipStateVars,\n  tooltipTargetStateVars,\n} from './tooltip.css';\nimport type { TooltipMapping, TooltipProps, TooltipTargetProps } from './types';\n\nconst defaultMapping: TooltipMapping = {\n  font: bodies.xs,\n};\n\nexport const TooltipContext =\n  createContext<ContextValue<TooltipProps, HTMLDivElement>>(null);\n\nexport const Tooltip = forwardRef(function Tooltip(\n  props: TooltipProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, TooltipContext);\n\n  props = useDefaultProps(props, 'Tooltip');\n\n  const {\n    children: childrenProp,\n    classNames: classNamesProp,\n    containerPadding,\n    crossOffset,\n    mapping: mappingProp,\n    offset,\n    ...rest\n  } = props;\n\n  const theme = useTheme();\n\n  const mapping = useMemo(\n    () => ({\n      ...defaultMapping,\n      ...mappingProp,\n    }),\n    [mappingProp],\n  );\n\n  const classNames = useMemo(\n    () =>\n      mergeClassNames(tooltipClassNames, theme.Tooltip, classNamesProp, {\n        tooltip: {\n          container: theme.className,\n          tooltip: mapping.font,\n        },\n      }),\n    [theme.Tooltip, classNamesProp, theme.className, mapping],\n  );\n\n  const style = useCallback(\n    ({ state, ...renderProps }: TooltipRenderProps) => ({\n      ...theme.style,\n      ...inlineVars(tooltipStateVars, {\n        containerPadding,\n        crossOffset,\n        offset,\n        ...renderProps,\n        isOpen: state.isOpen,\n      }),\n    }),\n    [theme.style, containerPadding, crossOffset, offset],\n  );\n\n  const children = useCallback(\n    (renderProps: TooltipRenderProps) => (\n      <div className={classNames?.tooltip?.tooltip}>\n        {callRenderProps(childrenProp, {\n          ...renderProps,\n          isOpen: renderProps.state.isOpen,\n        })}\n      </div>\n    ),\n    [classNames?.tooltip?.tooltip, childrenProp],\n  );\n\n  return (\n    <RACTooltip\n      {...rest}\n      ref={ref}\n      className={classNames?.tooltip?.container}\n      style={style}\n    >\n      {children}\n    </RACTooltip>\n  );\n});\n\nexport const TooltipTargetContext =\n  createContext<ContextValue<TooltipTargetProps, HTMLDivElement>>(null);\n\n/**\n * This target component is only needed if attempting to add a Tooltip\n * to a non-focusable element/component\n */\nexport const TooltipTarget = forwardRef(function TooltipTarget(\n  props: TooltipTargetProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, TooltipTargetContext);\n\n  props = useDefaultProps(props, 'TooltipTarget');\n\n  const {\n    children,\n    classNames: classNamesProp,\n    focusable = true,\n    relative = 'self',\n  } = props;\n\n  const { focusableProps } = useFocusable({}, ref);\n  const theme = useTheme();\n\n  const classNames = useMemo(\n    () => mergeClassNames(tooltipClassNames, theme.Tooltip, classNamesProp),\n    [theme.Tooltip, classNamesProp],\n  );\n\n  const style = useMemo(\n    () =>\n      inlineVars(tooltipTargetStateVars, {\n        focusable,\n        relative,\n      }),\n    [focusable, relative],\n  );\n\n  return (\n    <div className={classNames?.target?.container} style={style}>\n      <div\n        {...focusableProps}\n        ref={ref}\n        className={classNames?.target?.target}\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={focusable ? 0 : undefined}\n      >\n        {children}\n      </div>\n    </div>\n  );\n});\n"],"names":["Tooltip","RACTooltip","TooltipTarget"],"mappings":"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"}

package/dist/components/tooltip/tooltip.vanilla.js

@@ -1,8 +0,0 @@
-
-var tooltipClassNames = { tooltip: { container: "tooltip_tooltipClassNames_tooltip_container__sg5iyrd", tooltip: "tooltip_tooltipClassNames_tooltip_tooltip__sg5iyre surfaces_proud__15mw6jf5 surfaces_flush__15mw6jf4" }, target: { container: "tooltip_tooltipClassNames_target_container__sg5iyrf", target: "tooltip_tooltipClassNames_target_target__sg5iyrg" } };
-var tooltipContainers = { tooltip: "tooltip_tooltipContainers_tooltip__sg5iyr0", target: "tooltip_tooltipContainers_target__sg5iyr1" };
-var tooltipSpaceVars = { x: "var(--x__sg5iyr2)", y: "var(--y__sg5iyr3)" };
-var tooltipStateVars = { containerPadding: "var(--containerPadding__sg5iyr4)", crossOffset: "var(--crossOffset__sg5iyr5)", offset: "var(--offset__sg5iyr6)", placement: "var(--placement__sg5iyr7)", isEntering: "var(--isEntering__sg5iyr8)", isExiting: "var(--isExiting__sg5iyr9)", isOpen: "var(--isOpen__sg5iyra)" };
-var tooltipTargetStateVars = { focusable: "var(--focusable__sg5iyrb)", relative: "var(--relative__sg5iyrc)" };
-
-export { tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars };

package/dist/components/tooltip/tooltip.vanilla.js.map

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

package/dist/components/tooltip/types.d.ts

@@ -1,39 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import type { TooltipProps as RACTooltipProps, TooltipRenderProps as RACTooltipRenderProps } from 'react-aria-components';
-import type { PartialDeep } from 'type-fest';
-import type { RenderPropsChildren } from '../../types';
-export type TooltipClassNames = PartialDeep<{
-    tooltip: {
-        container: string;
-        tooltip: string;
-    };
-    target: {
-        container: string;
-        target: string;
-    };
-}>;
-export type TooltipMapping = {
-    font: string;
-};
-export type TooltipRenderProps = RACTooltipRenderProps & {
-    /**
-     * If the tooltip is visible
-     */
-    isOpen: boolean;
-};
-type BaseProps = {
-    classNames?: TooltipClassNames;
-    mapping?: Partial<TooltipMapping>;
-};
-type BaseTooltipProps = BaseProps & {
-    children?: RenderPropsChildren<TooltipRenderProps>;
-};
-type BaseTooltipTargetProps = BaseProps & {
-    focusable?: boolean;
-    relative?: 'parent' | 'self';
-};
-export type TooltipState = Omit<TooltipRenderProps, 'state'> & Required<Pick<RACTooltipProps, 'containerPadding' | 'crossOffset' | 'offset'>>;
-export type TooltipTargetState = Required<Pick<BaseTooltipTargetProps, 'focusable' | 'relative'>>;
-export type TooltipProps = Omit<RACTooltipProps, 'className' | 'style' | 'UNSTABLE_portalContainer'> & BaseTooltipProps;
-export type TooltipTargetProps = PropsWithChildren<BaseTooltipTargetProps>;
-export {};

package/dist/components/tree/index.d.ts

@@ -1,3 +0,0 @@
-export { Tree, TreeGroup, TreeItem, TreeStateContext } from './tree';
-export { treeClassNames, treeColorVars, treeContainers, treeGroupStateVars, treeIndicatorStateVars, treeItemStateVars, treeSpaceVars, treeStateVars, } from './tree.css';
-export { type TreeClassNames, type TreeGroupProps, type TreeGroupRenderProps, type TreeGroupState, type TreeIndicatorRenderProps, type TreeIndicatorState, type TreeItemProps, type TreeItemRenderProps, type TreeItemState, type TreeMapping, type TreeProps, type TreeRenderProps, type TreeSizes, type TreeState, type TreeStateContextValue, } from './types';

package/dist/components/tree/tree.css.d.ts

@@ -1,73 +0,0 @@
-import type { TreeClassNames } from './types';
-export declare const treeContainers: {
-    tree: string;
-    group: string;
-    item: string;
-};
-export declare const treeColorVars: {
-    bar: {
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    indicator: {
-        background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-export declare const treeSpaceVars: {
-    bar: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    description: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    empty: {
-        x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-export declare const treeStateVars: {
-    allowsDragging: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    allowsExpansion: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    allowsVisibility: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    showTreeLines: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const treeGroupStateVars: {
-    count: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    layout: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDropTarget: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isEmpty: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const treeIndicatorStateVars: {
-    dropPosition: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDropTarget: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const treeItemStateVars: {
-    allowsDragging: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    count: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    index: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    selectionMode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    selectionBehavior: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDragging: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isDropTarget: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isExpanded: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFirstChild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isGroup: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isLastChild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isViewable: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    isVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const treeClassNames: TreeClassNames;

package/dist/components/tree/tree.d.ts

@@ -1,5 +0,0 @@
-import type { TreeGroupProps, TreeItemProps, TreeProps, TreeStateContextValue } from './types';
-export declare const TreeStateContext: import("react").Context<TreeStateContextValue<any>>;
-export declare function Tree<T>(props: TreeProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare function TreeGroup<T>({ id, children, nodes, types, ...rest }: TreeGroupProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare function TreeItem<T>({ children: childrenProp, index, mapping: mappingProp, node, isFirstChild, isLastChild, ...rest }: TreeItemProps<T>): import("react/jsx-runtime").JSX.Element;