@salt-ds/core 1.1.0 → 1.2.0

package/dist-es/packages/core/src/tooltip/useTooltip.js

@@ -0,0 +1,102 @@
+import { offset, flip, shift, limitShift, arrow, useInteractions, useHover, safePolygon, useFocus, useRole, useDismiss } from '@floating-ui/react';
+import { useRef } from 'react';
+import { useControlled } from '../utils/useControlled.js';
+import { useFloatingUI } from '../utils/useFloatingUI.js';
+import '../utils/useId.js';
+import '../salt-provider/SaltProvider.js';
+import '../viewport/ViewportProvider.js';
+import { useAriaAnnounce } from './useAriaAnnounce.js';
+
+function useTooltip(props) {
+  const {
+    enterDelay,
+    leaveDelay,
+    open: openProp,
+    onOpenChange,
+    placement: placementProp,
+    disableHoverListener,
+    disableFocusListener
+  } = props || {};
+  const arrowRef = useRef(null);
+  const [open, setOpen] = useControlled({
+    controlled: openProp,
+    default: false,
+    name: "Tooltip",
+    state: "open"
+  });
+  const handleOpenChange = (open2) => {
+    setOpen(open2);
+    onOpenChange == null ? void 0 : onOpenChange(open2);
+  };
+  const {
+    floating,
+    reference,
+    x,
+    y,
+    strategy,
+    middlewareData: { arrow: { x: arrowX, y: arrowY } = {} },
+    placement,
+    context
+  } = useFloatingUI({
+    open,
+    onOpenChange: handleOpenChange,
+    placement: placementProp,
+    middleware: [
+      offset(8),
+      flip(),
+      shift({ limiter: limitShift() }),
+      arrow({ element: arrowRef })
+    ]
+  });
+  const { getReferenceProps, getFloatingProps } = useInteractions([
+    useHover(context, {
+      delay: {
+        open: enterDelay,
+        close: leaveDelay
+      },
+      enabled: !disableHoverListener,
+      handleClose: safePolygon()
+    }),
+    useFocus(context, { enabled: !disableFocusListener }),
+    useRole(context, { role: "tooltip" }),
+    useDismiss(context),
+    useAriaAnnounce(context, {
+      delay: {
+        open: enterDelay,
+        close: leaveDelay
+      }
+    })
+  ]);
+  const arrowProps = {
+    ref: arrowRef,
+    style: {
+      left: arrowX ? `${arrowX}px` : "",
+      top: arrowY ? `${arrowY}px` : ""
+    }
+  };
+  const getTooltipProps = () => {
+    return getFloatingProps({
+      "data-placement": placement,
+      ref: floating,
+      style: {
+        top: y != null ? y : "",
+        left: x != null ? x : "",
+        position: strategy
+      }
+    });
+  };
+  const getTriggerProps = () => getReferenceProps({
+    ref: reference
+  });
+  return {
+    arrowProps,
+    open,
+    floating,
+    reference,
+    getTooltipProps,
+    getTriggerProps
+  };
+}
+
+export { useTooltip };
+//# sourceMappingURL=useTooltip.js.map

package/dist-es/packages/core/src/tooltip/useTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip.js","sources":["../src/tooltip/useTooltip.ts"],"sourcesContent":["import {\n  arrow,\n  flip,\n  offset,\n  safePolygon,\n  shift,\n  useDismiss,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n  limitShift,\n} from \"@floating-ui/react\";\nimport { HTMLProps, useRef } from \"react\";\nimport { useControlled, UseFloatingUIProps, useFloatingUI } from \"../utils\";\nimport { useAriaAnnounce } from \"./useAriaAnnounce\";\n\nexport interface UseTooltipProps\n  extends Partial<\n    Pick<UseFloatingUIProps, \"onOpenChange\" | \"open\" | \"placement\">\n  > {\n  /**\n   * Do not respond to focus events.\n   */\n  disableFocusListener?: boolean;\n  /**\n   * Do not respond to hover events.\n   */\n  disableHoverListener?: boolean;\n  /**\n   * The number of milliseconds to wait before showing the tooltip.\n   * This prop won't impact the enter touch delay (`enterTouchDelay`).\n   */\n  enterDelay?: number;\n  /**\n   * The number of milliseconds to wait before hiding the tooltip.\n   * This prop won't impact the leave touch delay (`leaveTouchDelay`).\n   */\n  leaveDelay?: number;\n}\n\nexport function useTooltip(props?: UseTooltipProps) {\n  const {\n    enterDelay,\n    leaveDelay,\n    open: openProp,\n    onOpenChange,\n    placement: placementProp,\n    disableHoverListener,\n    disableFocusListener,\n  } = props || {};\n\n  const arrowRef = useRef<HTMLDivElement | null>(null);\n\n  const [open, setOpen] = useControlled({\n    controlled: openProp,\n    default: false,\n    name: \"Tooltip\",\n    state: \"open\",\n  });\n  const handleOpenChange = (open: boolean) => {\n    setOpen(open);\n    onOpenChange?.(open);\n  };\n\n  const {\n    floating,\n    reference,\n    x,\n    y,\n    strategy,\n    middlewareData: { arrow: { x: arrowX, y: arrowY } = {} },\n    placement,\n    context,\n  } = useFloatingUI({\n    open,\n    onOpenChange: handleOpenChange,\n    placement: placementProp,\n    middleware: [\n      offset(8),\n      flip(),\n      shift({ limiter: limitShift() }),\n      arrow({ element: arrowRef }),\n    ],\n  });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    useHover(context, {\n      delay: {\n        open: enterDelay,\n        close: leaveDelay,\n      },\n      enabled: !disableHoverListener,\n      handleClose: safePolygon(),\n    }),\n    useFocus(context, { enabled: !disableFocusListener }),\n    useRole(context, { role: \"tooltip\" }),\n    useDismiss(context),\n    useAriaAnnounce(context, {\n      delay: {\n        open: enterDelay,\n        close: leaveDelay,\n      },\n    }),\n  ]);\n\n  const arrowProps = {\n    ref: arrowRef,\n    style: {\n      left: arrowX ? `${arrowX}px` : \"\",\n      top: arrowY ? `${arrowY}px` : \"\",\n    },\n  };\n\n  const getTooltipProps = (): HTMLProps<HTMLDivElement> => {\n    return getFloatingProps({\n      // @ts-ignore\n      \"data-placement\": placement,\n      ref: floating,\n      style: {\n        top: y ?? \"\",\n        left: x ?? \"\",\n        position: strategy,\n      },\n    });\n  };\n\n  const getTriggerProps = () =>\n    getReferenceProps({\n      ref: reference,\n    });\n\n  return {\n    arrowProps,\n    open,\n    floating,\n    reference,\n    getTooltipProps,\n    getTriggerProps,\n  };\n}\n"],"names":["open"],"mappings":"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"}

package/dist-es/packages/core/src/utils/marginMiddleware.js.map

@@ -1 +1 @@
-{"version":3,"file":"marginMiddleware.js","sources":["../src/utils/marginMiddleware.ts"],"sourcesContent":["import { Middleware } from \"@floating-ui/core\";\nimport { MiddlewareArguments } from \"@floating-ui/react-dom-interactions\";\n\nexport const margin = (value = 0): Middleware => ({\n  name: \"margin\",\n  options: value,\n  fn(middlewareArguments: MiddlewareArguments) {\n    const { x, y, elements } = middlewareArguments;\n\n    if (elements.floating.children.length > 0) {\n      const rootChildElement = elements.floating.children[0] as HTMLElement;\n      rootChildElement.style.setProperty(\"margin\", value.toString());\n    }\n    return {\n      x: x,\n      y: y,\n    };\n  },\n});\n"],"names":[],"mappings":"AAGa,MAAA,MAAA,GAAS,CAAC,KAAA,GAAQ,CAAmB,MAAA;AAAA,EAChD,IAAM,EAAA,QAAA;AAAA,EACN,OAAS,EAAA,KAAA;AAAA,EACT,GAAG,mBAA0C,EAAA;AAC3C,IAAA,MAAM,EAAE,CAAA,EAAG,CAAG,EAAA,QAAA,EAAa,GAAA,mBAAA,CAAA;AAE3B,IAAA,IAAI,QAAS,CAAA,QAAA,CAAS,QAAS,CAAA,MAAA,GAAS,CAAG,EAAA;AACzC,MAAM,MAAA,gBAAA,GAAmB,QAAS,CAAA,QAAA,CAAS,QAAS,CAAA,CAAA,CAAA,CAAA;AACpD,MAAA,gBAAA,CAAiB,KAAM,CAAA,WAAA,CAAY,QAAU,EAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAAA,KAC/D;AACA,IAAO,OAAA;AAAA,MACL,CAAA;AAAA,MACA,CAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAA;;;;"}
+{"version":3,"file":"marginMiddleware.js","sources":["../src/utils/marginMiddleware.ts"],"sourcesContent":["import { Middleware } from \"@floating-ui/core\";\nimport { MiddlewareArguments } from \"@floating-ui/react\";\n\nexport const margin = (value = 0): Middleware => ({\n  name: \"margin\",\n  options: value,\n  fn(middlewareArguments: MiddlewareArguments) {\n    const { x, y, elements } = middlewareArguments;\n\n    if (elements.floating.children.length > 0) {\n      const rootChildElement = elements.floating.children[0] as HTMLElement;\n      rootChildElement.style.setProperty(\"margin\", value.toString());\n    }\n    return {\n      x: x,\n      y: y,\n    };\n  },\n});\n"],"names":[],"mappings":"AAGa,MAAA,MAAA,GAAS,CAAC,KAAA,GAAQ,CAAmB,MAAA;AAAA,EAChD,IAAM,EAAA,QAAA;AAAA,EACN,OAAS,EAAA,KAAA;AAAA,EACT,GAAG,mBAA0C,EAAA;AAC3C,IAAA,MAAM,EAAE,CAAA,EAAG,CAAG,EAAA,QAAA,EAAa,GAAA,mBAAA,CAAA;AAE3B,IAAA,IAAI,QAAS,CAAA,QAAA,CAAS,QAAS,CAAA,MAAA,GAAS,CAAG,EAAA;AACzC,MAAM,MAAA,gBAAA,GAAmB,QAAS,CAAA,QAAA,CAAS,QAAS,CAAA,CAAA,CAAA,CAAA;AACpD,MAAA,gBAAA,CAAiB,KAAM,CAAA,WAAA,CAAY,QAAU,EAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAAA,KAC/D;AACA,IAAO,OAAA;AAAA,MACL,CAAA;AAAA,MACA,CAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAA;;;;"}

package/dist-es/packages/core/src/utils/useFloatingUI.js

@@ -0,0 +1,33 @@
+import { flip, shift, limitShift, useFloating, autoUpdate } from '@floating-ui/react';
+
+const DEFAULT_FLOATING_UI_MIDDLEWARE = [
+  flip(),
+  shift({ limiter: limitShift() })
+];
+function useFloatingUI(props) {
+  const {
+    placement,
+    strategy,
+    middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,
+    open = false,
+    onOpenChange
+  } = props;
+  const { reference, floating, refs, update, ...rest } = useFloating({
+    placement,
+    strategy,
+    middleware,
+    open,
+    onOpenChange,
+    whileElementsMounted: autoUpdate
+  });
+  return {
+    reference,
+    floating,
+    refs,
+    update,
+    ...rest
+  };
+}
+
+export { DEFAULT_FLOATING_UI_MIDDLEWARE, useFloatingUI };
+//# sourceMappingURL=useFloatingUI.js.map

package/dist-es/packages/core/src/utils/useFloatingUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingUI.js","sources":["../src/utils/useFloatingUI.tsx"],"sourcesContent":["import type { Middleware, Placement, Strategy } from \"@floating-ui/react\";\nimport {\n  autoUpdate,\n  flip,\n  limitShift,\n  shift,\n  useFloating,\n} from \"@floating-ui/react\";\n\nexport type UseFloatingUIProps = {\n  /**\n   * Set position relative to trigger\n   */\n  placement?: Placement;\n  strategy?: Strategy;\n  middleware?: Middleware[];\n  /**\n   * Set visible state. Defaults to false\n   */\n  open?: boolean;\n  /**\n   * Callback function triggered when open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport const DEFAULT_FLOATING_UI_MIDDLEWARE = [\n  flip(),\n  shift({ limiter: limitShift() }),\n];\n\nexport function useFloatingUI(\n  props: UseFloatingUIProps\n): ReturnType<typeof useFloating> {\n  const {\n    placement,\n    strategy,\n    middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,\n    open = false,\n    onOpenChange,\n  } = props;\n\n  const { reference, floating, refs, update, ...rest } = useFloating({\n    placement,\n    strategy,\n    middleware,\n    open,\n    onOpenChange,\n    whileElementsMounted: autoUpdate,\n  });\n\n  return {\n    reference,\n    floating,\n    refs,\n    update,\n    ...rest,\n  };\n}\n"],"names":[],"mappings":";;AA0BO,MAAM,8BAAiC,GAAA;AAAA,EAC5C,IAAK,EAAA;AAAA,EACL,KAAM,CAAA,EAAE,OAAS,EAAA,UAAA,IAAc,CAAA;AACjC,EAAA;AAEO,SAAS,cACd,KACgC,EAAA;AAChC,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAa,GAAA,8BAAA;AAAA,IACb,IAAO,GAAA,KAAA;AAAA,IACP,YAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,MAAM,MAAW,EAAA,GAAA,IAAA,KAAS,WAAY,CAAA;AAAA,IACjE,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,oBAAsB,EAAA,UAAA;AAAA,GACvB,CAAA,CAAA;AAED,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,GAAG,IAAA;AAAA,GACL,CAAA;AACF;;;;"}

package/dist-es/packages/core/src/viewport/ViewportProvider.js

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState } from 'react';
+import '../utils/useFloatingUI.js';
 import '../utils/useId.js';
 import { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect.js';
 import '../salt-provider/SaltProvider.js';

package/dist-es/packages/core/src/viewport/ViewportProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewportProvider.js","sources":["../src/viewport/ViewportProvider.tsx"],"sourcesContent":["import { createContext, useState, useContext, ReactNode } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../utils\";\n\nconst ViewportContext = createContext<number | null>(null);\n\ntype ViewportProviderProps = {\n  children?: ReactNode;\n};\n\nconst ViewportProvider = ({ children }: ViewportProviderProps) => {\n  // Get value directly from the ViewportContext so we can detect if the value is null (no inherited ViewportProvider)\n  const existingViewport = useContext(ViewportContext);\n  const [viewport, setViewport] = useState(existingViewport);\n\n  const noExistingViewport = existingViewport === null;\n  const viewportValue = existingViewport || viewport || 0;\n\n  useIsomorphicLayoutEffect(() => {\n    let observer: ResizeObserver | null = null;\n\n    if (noExistingViewport) {\n      observer = new ResizeObserver(\n        (observerEntries: ResizeObserverEntry[]) => {\n          setViewport(observerEntries[0].contentRect.width);\n        }\n      );\n\n      observer.observe(document.body);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, [noExistingViewport]);\n\n  return (\n    <ViewportContext.Provider value={viewportValue}>\n      {children}\n    </ViewportContext.Provider>\n  );\n};\n\nconst useViewport = (): number => {\n  const value = useContext(ViewportContext);\n  return value === null ? 0 : value;\n};\n\nexport { ViewportProvider, ViewportContext, useViewport };\n"],"names":[],"mappings":";;;;;;AAGM,MAAA,eAAA,GAAkB,cAA6B,IAAI,EAAA;AAMzD,MAAM,gBAAmB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AAEhE,EAAM,MAAA,gBAAA,GAAmB,WAAW,eAAe,CAAA,CAAA;AACnD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,gBAAgB,CAAA,CAAA;AAEzD,EAAA,MAAM,qBAAqB,gBAAqB,KAAA,IAAA,CAAA;AAChD,EAAM,MAAA,aAAA,GAAgB,oBAAoB,QAAY,IAAA,CAAA,CAAA;AAEtD,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,QAAkC,GAAA,IAAA,CAAA;AAEtC,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAA,QAAA,GAAW,IAAI,cAAA;AAAA,QACb,CAAC,eAA2C,KAAA;AAC1C,UAAY,WAAA,CAAA,eAAA,CAAgB,CAAG,CAAA,CAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,SAClD;AAAA,OACF,CAAA;AAEA,MAAS,QAAA,CAAA,OAAA,CAAQ,SAAS,IAAI,CAAA,CAAA;AAAA,KAChC;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,OACtB;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAEvB,EACE,uBAAA,GAAA,CAAC,gBAAgB,QAAhB,EAAA;AAAA,IAAyB,KAAO,EAAA,aAAA;AAAA,IAC9B,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,cAAc,MAAc;AAChC,EAAM,MAAA,KAAA,GAAQ,WAAW,eAAe,CAAA,CAAA;AACxC,EAAO,OAAA,KAAA,KAAU,OAAO,CAAI,GAAA,KAAA,CAAA;AAC9B;;;;"}
+{"version":3,"file":"ViewportProvider.js","sources":["../src/viewport/ViewportProvider.tsx"],"sourcesContent":["import { createContext, useState, useContext, ReactNode } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../utils\";\n\nconst ViewportContext = createContext<number | null>(null);\n\ntype ViewportProviderProps = {\n  children?: ReactNode;\n};\n\nconst ViewportProvider = ({ children }: ViewportProviderProps) => {\n  // Get value directly from the ViewportContext so we can detect if the value is null (no inherited ViewportProvider)\n  const existingViewport = useContext(ViewportContext);\n  const [viewport, setViewport] = useState(existingViewport);\n\n  const noExistingViewport = existingViewport === null;\n  const viewportValue = existingViewport || viewport || 0;\n\n  useIsomorphicLayoutEffect(() => {\n    let observer: ResizeObserver | null = null;\n\n    if (noExistingViewport) {\n      observer = new ResizeObserver(\n        (observerEntries: ResizeObserverEntry[]) => {\n          setViewport(observerEntries[0].contentRect.width);\n        }\n      );\n\n      observer.observe(document.body);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, [noExistingViewport]);\n\n  return (\n    <ViewportContext.Provider value={viewportValue}>\n      {children}\n    </ViewportContext.Provider>\n  );\n};\n\nconst useViewport = (): number => {\n  const value = useContext(ViewportContext);\n  return value === null ? 0 : value;\n};\n\nexport { ViewportProvider, ViewportContext, useViewport };\n"],"names":[],"mappings":";;;;;;;AAGM,MAAA,eAAA,GAAkB,cAA6B,IAAI,EAAA;AAMzD,MAAM,gBAAmB,GAAA,CAAC,EAAE,QAAA,EAAsC,KAAA;AAEhE,EAAM,MAAA,gBAAA,GAAmB,WAAW,eAAe,CAAA,CAAA;AACnD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,gBAAgB,CAAA,CAAA;AAEzD,EAAA,MAAM,qBAAqB,gBAAqB,KAAA,IAAA,CAAA;AAChD,EAAM,MAAA,aAAA,GAAgB,oBAAoB,QAAY,IAAA,CAAA,CAAA;AAEtD,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,QAAkC,GAAA,IAAA,CAAA;AAEtC,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAA,QAAA,GAAW,IAAI,cAAA;AAAA,QACb,CAAC,eAA2C,KAAA;AAC1C,UAAY,WAAA,CAAA,eAAA,CAAgB,CAAG,CAAA,CAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,SAClD;AAAA,OACF,CAAA;AAEA,MAAS,QAAA,CAAA,OAAA,CAAQ,SAAS,IAAI,CAAA,CAAA;AAAA,KAChC;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,OACtB;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAEvB,EACE,uBAAA,GAAA,CAAC,gBAAgB,QAAhB,EAAA;AAAA,IAAyB,KAAO,EAAA,aAAA;AAAA,IAC9B,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,cAAc,MAAc;AAChC,EAAM,MAAA,KAAA,GAAQ,WAAW,eAAe,CAAA,CAAA;AACxC,EAAO,OAAA,KAAA,KAAU,OAAO,CAAI,GAAA,KAAA,CAAA;AAC9B;;;;"}

package/dist-types/border-item/BorderItem.d.ts

@@ -14,7 +14,7 @@ export declare type BorderItemProps<T extends ElementType> = PolymorphicComponen
      */
     verticalAlignment?: GridItemProps<T>["verticalAlignment"];
     /**
-     * Position in the border layout
+     * Position in the Border Layout
      */
     position: BorderPosition;
     /**

package/dist-types/index.d.ts

@@ -11,10 +11,13 @@ export * from "./grid-item";
 export * from "./grid-layout";
 export * from "./link";
 export * from "./panel";
+export * from "./spinner";
 export * from "./stack-layout";
 export * from "./status-indicator";
 export * from "./text";
 export * from "./theme";
 export * from "./salt-provider";
+export * from "./split-layout";
+export * from "./tooltip";
 export * from "./utils";
 export * from "./viewport";

package/dist-types/link/Link.d.ts

@@ -8,7 +8,7 @@ import "./Link.css";
  * @example
  * <LinkExample to="#link">Action</LinkExample>
  */
-export interface LinkProps extends Omit<TextProps<"a">, "as"> {
+export interface LinkProps extends Omit<TextProps<"a">, "as" | "disabled"> {
     IconComponent?: ComponentType<IconProps>;
 }
-export declare const Link: import("react").ForwardRefExoticComponent<Pick<LinkProps, "slot" | "style" | "title" | "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "maxRows" | "styleAs" | "IconComponent"> & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare const Link: import("react").ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist-types/spinner/Spinner.d.ts

@@ -0,0 +1,45 @@
+import { HTMLAttributes } from "react";
+import "./Spinner.css";
+/**
+ * Spinner component, provides an indeterminate loading indicator
+ *
+ * @example
+ * <Spinner size="default | large" />
+ */
+export declare const SpinnerSizeValues: readonly ["default", "large"];
+export declare type SpinnerSize = typeof SpinnerSizeValues[number];
+export interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Determines the interval on which the component will continue to announce the aria-label. Defaults to 5000ms (5s)
+     */
+    announcerInterval?: number;
+    /**
+     *  * Determines the interval after which the component will stop announcing the aria-label. Defaults to 20000ms (20s)
+     */
+    announcerTimeout?: number;
+    /**
+     * The className(s) of the component
+     */
+    className?: string;
+    /**
+     * Determines the message to be announced by the component when it unmounts. Set to null if not needed.
+     */
+    completionAnnouncement?: string | null;
+    /**
+     * If true, built in aria announcer will be inactive
+     */
+    disableAnnouncer?: boolean;
+    /**
+     * The prop for the role attribute of the component
+     */
+    role?: string;
+    /**
+     * Determines the size of the spinner. Must be one of: 'default', 'large'.
+     */
+    size?: SpinnerSize;
+    /**
+     * The ids of the SvgSpinner components
+     */
+    id?: string;
+}
+export declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/spinner/index.d.ts

@@ -0,0 +1 @@
+export * from "./Spinner";

package/dist-types/spinner/svgSpinners/SpinnerSVG.d.ts

@@ -0,0 +1,5 @@
+import { SVGAttributes } from "react";
+export declare const SpinnerSVG: (props: {
+    id: string;
+    rest?: Omit<SVGAttributes<SVGSVGElement>, "id">;
+}) => JSX.Element;

package/dist-types/split-layout/SplitLayout.d.ts

@@ -0,0 +1,28 @@
+import { ElementType, ReactElement, ReactNode } from "react";
+import { FlexLayoutProps } from "../flex-layout";
+import { PolymorphicComponentPropWithRef } from "../utils";
+export declare type SplitLayoutProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
+    /**
+     * Defines the default behavior for how flex items are laid out along the cross axis on the current line.
+     */
+    align?: FlexLayoutProps<ElementType>["align"];
+    /**
+     * Establishes the main-axis, defining the direction children are placed. Default is "row".
+     */
+    direction?: FlexLayoutProps<ElementType>["direction"];
+    /**
+     * End component to be rendered.
+     */
+    endItem?: ReactNode;
+    /**
+     * Controls the space between left and right items.
+     */
+    gap?: FlexLayoutProps<ElementType>["gap"];
+    /**
+     * Start component to be rendered.
+     */
+    startItem?: ReactNode;
+}>;
+declare type SplitLayoutComponent = <T extends ElementType = "div">(props: SplitLayoutProps<T>) => ReactElement | null;
+export declare const SplitLayout: SplitLayoutComponent;
+export {};

package/dist-types/split-layout/index.d.ts

@@ -0,0 +1 @@
+export * from "./SplitLayout";

package/dist-types/text/Display.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TextProps } from "./Text";
-export declare const Display1: import("react").ForwardRefExoticComponent<Pick<Omit<TextProps<"span">, "as">, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement> | "variant" | "maxRows" | "styleAs"> & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const Display2: import("react").ForwardRefExoticComponent<Pick<Omit<TextProps<"span">, "as">, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement> | "variant" | "maxRows" | "styleAs"> & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const Display3: import("react").ForwardRefExoticComponent<Pick<Omit<TextProps<"span">, "as">, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement> | "variant" | "maxRows" | "styleAs"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Display1: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"span">, "as">, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Display2: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"span">, "as">, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Display3: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"span">, "as">, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/dist-types/text/Headings.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TextProps } from "./Text";
-export declare const H1: import("react").ForwardRefExoticComponent<Pick<Omit<TextProps<"h1">, "as">, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement> | "variant" | "maxRows" | "styleAs"> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const H2: import("react").ForwardRefExoticComponent<Pick<Omit<TextProps<"h2">, "as">, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement> | "variant" | "maxRows" | "styleAs"> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const H3: import("react").ForwardRefExoticComponent<Pick<Omit<TextProps<"h3">, "as">, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement> | "variant" | "maxRows" | "styleAs"> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const H4: import("react").ForwardRefExoticComponent<Pick<Omit<TextProps<"h4">, "as">, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement> | "variant" | "maxRows" | "styleAs"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const H1: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"h1">, "as">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const H2: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"h2">, "as">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const H3: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"h3">, "as">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const H4: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"h4">, "as">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist-types/text/Label.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { TextProps } from "./Text";
-export declare const Label: import("react").ForwardRefExoticComponent<Pick<Omit<TextProps<"label">, "as">, "key" | keyof import("react").LabelHTMLAttributes<HTMLLabelElement> | "variant" | "maxRows" | "styleAs"> & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"label">, "as">, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

package/dist-types/text/Text.d.ts

@@ -2,6 +2,10 @@ import { PolymorphicComponentPropWithRef } from "../utils";
 import { ElementType, ReactElement } from "react";
 import "./Text.css";
 export declare type TextProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
+    /**
+     * Applies disabled styling when true
+     */
+    disabled?: boolean;
     /**
      * Apply text truncation by mentioning number of rows to be displayed
      */

package/dist-types/tooltip/Tooltip.d.ts

@@ -0,0 +1,47 @@
+import { HTMLAttributes, ReactNode } from "react";
+import { ValidationStatus } from "../status-indicator";
+import { UseFloatingUIProps } from "../utils";
+import "./Tooltip.css";
+export interface TooltipProps extends HTMLAttributes<HTMLDivElement>, Pick<UseFloatingUIProps, "open" | "onOpenChange" | "placement"> {
+    /**
+     * The children will be the tooltip's trigger.
+     */
+    children: ReactNode;
+    /**
+     * Whether to hide the tooltip arrow. Defaults to `false`.
+     */
+    hideArrow?: boolean;
+    /**
+     * Whether to hide the state icon within the tooltip. Defaults to `false`.
+     */
+    hideIcon?: boolean;
+    /**
+     * Content displayed inside the tooltip. Can be a string or a React component.
+     */
+    content: ReactNode;
+    /**
+     * A string to determine the current status of the tooltip. Defaults to 'info'.
+     */
+    status?: ValidationStatus;
+    /**
+     * Delay in milliseconds before the tooltip is shown
+     */
+    enterDelay?: number;
+    /**
+     * Delay in milliseconds before the tooltip is hidden
+     */
+    leaveDelay?: number;
+    /**
+     * Option to not display the tooltip. Can be used in conditional situations like text truncation.
+     */
+    disabled?: boolean;
+    /**
+     * Option to remove the hover listener
+     */
+    disableHoverListener?: boolean;
+    /**
+     * Option to remove the focus listener
+     */
+    disableFocusListener?: boolean;
+}
+export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Tooltip";
+export * from "./useTooltip";

package/dist-types/tooltip/useAriaAnnounce.d.ts

@@ -0,0 +1,9 @@
+import type { ElementProps, FloatingContext } from "@floating-ui/react";
+declare type Props = {
+    delay?: number | Partial<{
+        open: number;
+        close: number;
+    }>;
+};
+export declare const useAriaAnnounce: (context: FloatingContext, { delay }: Props) => ElementProps;
+export {};

package/dist-types/tooltip/useTooltip.d.ts

@@ -0,0 +1,36 @@
+import { HTMLProps } from "react";
+import { UseFloatingUIProps } from "../utils";
+export interface UseTooltipProps extends Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open" | "placement">> {
+    /**
+     * Do not respond to focus events.
+     */
+    disableFocusListener?: boolean;
+    /**
+     * Do not respond to hover events.
+     */
+    disableHoverListener?: boolean;
+    /**
+     * The number of milliseconds to wait before showing the tooltip.
+     * This prop won't impact the enter touch delay (`enterTouchDelay`).
+     */
+    enterDelay?: number;
+    /**
+     * The number of milliseconds to wait before hiding the tooltip.
+     * This prop won't impact the leave touch delay (`leaveTouchDelay`).
+     */
+    leaveDelay?: number;
+}
+export declare function useTooltip(props?: UseTooltipProps): {
+    arrowProps: {
+        ref: import("react").MutableRefObject<HTMLDivElement | null>;
+        style: {
+            left: string;
+            top: string;
+        };
+    };
+    open: boolean;
+    floating: (node: HTMLElement | null) => void;
+    reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+    getTooltipProps: () => HTMLProps<HTMLDivElement>;
+    getTriggerProps: () => Record<string, unknown>;
+};

package/dist-types/utils/index.d.ts

@@ -9,6 +9,7 @@ export * from "./ownerWindow";
 export * from "./polymorphicTypes";
 export * from "./setRef";
 export * from "./useControlled";
+export * from "./useFloatingUI";
 export * from "./useForkRef";
 export * from "./useId";
 export * from "./useIsFocusVisible";

package/dist-types/utils/useFloatingUI.d.ts

@@ -0,0 +1,34 @@
+import type { Middleware, Placement, Strategy } from "@floating-ui/react";
+import { useFloating } from "@floating-ui/react";
+export declare type UseFloatingUIProps = {
+    /**
+     * Set position relative to trigger
+     */
+    placement?: Placement;
+    strategy?: Strategy;
+    middleware?: Middleware[];
+    /**
+     * Set visible state. Defaults to false
+     */
+    open?: boolean;
+    /**
+     * Callback function triggered when open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const DEFAULT_FLOATING_UI_MIDDLEWARE: {
+    name: string;
+    options?: any;
+    fn: (state: {
+        x: number;
+        y: number;
+        initialPlacement: Placement;
+        placement: Placement;
+        strategy: Strategy;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        rects: import("@floating-ui/react").ElementRects;
+        platform: import("@floating-ui/core").Platform;
+        elements: import("@floating-ui/react").Elements;
+    }) => import("@floating-ui/react").MiddlewareReturn | Promise<import("@floating-ui/react").MiddlewareReturn>;
+}[];
+export declare function useFloatingUI(props: UseFloatingUIProps): ReturnType<typeof useFloating>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/core",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "Apache-2.0",
   "main": "dist-cjs/packages/core/src/index.js",
   "sideEffects": [
@@ -23,6 +23,7 @@
   "module": "dist-es/packages/core/src/index.js",
   "typings": "dist-types/index.d.ts",
   "dependencies": {
+    "@floating-ui/react": "^0.19.0",
     "clsx": "^1.2.1",
     "@salt-ds/icons": "1.1.0"
   },