@vuu-ui/vuu-ui-controls 0.0.26

package/cjs/tree/use-viewport-tracking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-viewport-tracking.js","sources":["../../src/tree/use-viewport-tracking.ts"],"sourcesContent":["import {\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n} from \"react\";\nimport { useResizeObserver } from \"../common-hooks\";\n\nconst HeightOnly = [\"height\", \"scrollHeight\"];\n\nexport const useViewportTracking = (\n  root: RefObject<HTMLElement>,\n  highlightedIdx: number,\n  stickyHeaders = false\n) => {\n  const scrollTop = useRef(0);\n  const scrolling = useRef(false);\n  const rootHeight = useRef(0);\n  const rootScrollHeight = useRef(0);\n\n  const scrollIntoView = useCallback(\n    (el) => {\n      const targetEl = el.ariaExpanded ? el.firstChild : el;\n      const headerHeight = stickyHeaders ? 30 : 0;\n      const t = targetEl.offsetTop;\n      const h = targetEl.offsetHeight;\n      const viewportStart = scrollTop.current + headerHeight;\n      const viewportEnd = viewportStart + rootHeight.current - headerHeight;\n\n      if (t + h > viewportEnd || t < viewportStart) {\n        scrollTop.current =\n          t + h > viewportEnd\n            ? scrollTop.current + (t + h) - viewportEnd\n            : t - headerHeight;\n\n        scrolling.current = true;\n        if (root.current) {\n          root.current.scrollTop = scrollTop.current;\n        }\n        setTimeout(() => {\n          scrolling.current = false;\n        });\n      }\n    },\n    [root, stickyHeaders]\n  );\n\n  const scrollHandler = useCallback((e) => {\n    scrollTop.current = e.target.scrollTop;\n  }, []);\n\n  useEffect(() => {\n    const { current: rootEl } = root;\n    if (rootEl) {\n      rootEl.addEventListener(\"scroll\", scrollHandler);\n    }\n\n    return () => {\n      if (rootEl) {\n        rootEl.removeEventListener(\"scroll\", scrollHandler);\n      }\n    };\n  }, [root, scrollHandler]);\n\n  useLayoutEffect(() => {\n    if (\n      highlightedIdx !== -1 &&\n      rootScrollHeight.current > rootHeight.current\n    ) {\n      if (root.current) {\n        const item = root.current.querySelector(`\n        [data-idx='${highlightedIdx}'],\n        [aria-posinset='${highlightedIdx + 1}']\n        `);\n        if (item === null) {\n          console.log(\n            \"[useViewportTracking], is this virtualised ?  we're going to have to know rowHeight\"\n          );\n        } else {\n          scrollIntoView(item);\n        }\n      }\n    }\n  }, [highlightedIdx, root, scrollIntoView]);\n\n  useEffect(() => {\n    // onsole.log('TODO measure the sticky header')\n  }, [stickyHeaders]);\n\n  const onResize = useCallback(({ height, scrollHeight }) => {\n    rootHeight.current = height;\n    rootScrollHeight.current = scrollHeight;\n  }, []);\n\n  useResizeObserver(root, HeightOnly, onResize, true);\n\n  return scrolling;\n};\n"],"names":["useRef","useCallback","useEffect","useLayoutEffect","useResizeObserver"],"mappings":"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"}

package/cjs/tree/useTree.js

@@ -0,0 +1,106 @@
+'use strict';
+
+var React = require('react');
+var useKeyboardNavigation = require('./use-keyboard-navigation.js');
+var useSelection = require('./use-selection.js');
+var useHierarchicalData = require('./use-hierarchical-data.js');
+var useCollapsibleGroups = require('./use-collapsible-groups.js');
+var useTreeKeyboardNavigation = require('./use-tree-keyboard-navigation.js');
+
+const EMPTY_ARRAY = [];
+const useTree = ({
+  defaultSelected,
+  sourceWithIds,
+  onChange,
+  onHighlight: onHighlightProp,
+  selected: selectedProp,
+  selection
+}) => {
+  const lastSelection = React.useRef(EMPTY_ARRAY);
+  const dataHook = useHierarchicalData.useHierarchicalData(sourceWithIds);
+  const handleKeyboardNavigation = (evt, nextIdx) => {
+    selectionHook.listHandlers.onKeyboardNavigation?.(evt, nextIdx);
+  };
+  const { highlightedIdx, ...keyboardHook } = useKeyboardNavigation.useKeyboardNavigation({
+    treeNodes: dataHook.indexPositions,
+    onHighlight: onHighlightProp,
+    onKeyboardNavigation: handleKeyboardNavigation,
+    selected: lastSelection.current
+  });
+  const collapsibleHook = useCollapsibleGroups.useCollapsibleGroups({
+    collapsibleHeaders: true,
+    highlightedIdx,
+    treeNodes: dataHook.indexPositions,
+    setVisibleData: dataHook.setData,
+    source: dataHook.data
+  });
+  const selectionHook = useSelection.useSelection({
+    defaultSelected,
+    highlightedIdx,
+    treeNodes: dataHook.indexPositions,
+    onChange,
+    selected: selectedProp,
+    selection
+  });
+  const treeNavigationHook = useTreeKeyboardNavigation.useTreeKeyboardNavigation({
+    source: dataHook.data,
+    highlightedIdx,
+    hiliteItemAtIndex: keyboardHook.hiliteItemAtIndex,
+    indexPositions: dataHook.indexPositions
+  });
+  const handleClick = React.useCallback(
+    (evt) => {
+      collapsibleHook.listItemHandlers?.onClick(evt);
+      if (!evt.defaultPrevented) {
+        selectionHook.listItemHandlers?.onClick?.(evt);
+      }
+    },
+    [collapsibleHook, selectionHook]
+  );
+  const handleKeyDown = React.useCallback(
+    (evt) => {
+      keyboardHook.listProps.onKeyDown?.(evt);
+      if (!evt.defaultPrevented) {
+        selectionHook.listHandlers.onKeyDown?.(evt);
+      }
+      if (!evt.defaultPrevented) {
+        collapsibleHook.listHandlers.onKeyDown?.(evt);
+      }
+      if (!evt.defaultPrevented) {
+        treeNavigationHook.listHandlers.onKeyDown?.(evt);
+      }
+    },
+    [
+      collapsibleHook.listHandlers,
+      keyboardHook.listProps,
+      selectionHook.listHandlers,
+      treeNavigationHook.listHandlers
+    ]
+  );
+  const getActiveDescendant = () => highlightedIdx === void 0 || highlightedIdx === -1 ? void 0 : dataHook.indexPositions[highlightedIdx]?.id;
+  lastSelection.current = selectionHook.selected;
+  const listProps = {
+    "aria-activedescendant": getActiveDescendant(),
+    onBlur: keyboardHook.listProps.onBlur,
+    onFocus: keyboardHook.listProps.onFocus,
+    onKeyDown: handleKeyDown,
+    onMouseDownCapture: keyboardHook.listProps.onMouseDownCapture,
+    onMouseLeave: keyboardHook.listProps.onMouseLeave,
+    onMouseMove: keyboardHook.listProps.onMouseMove
+  };
+  const listItemHandlers = {
+    onClick: handleClick
+  };
+  return {
+    focusVisible: keyboardHook.focusVisible,
+    highlightedIdx,
+    hiliteItemAtIndex: keyboardHook.hiliteItemAtIndex,
+    listProps,
+    listItemHandlers,
+    selected: selectionHook.selected,
+    visibleData: dataHook.data
+  };
+};
+
+exports.useTree = useTree;
+//# sourceMappingURL=useTree.js.map

package/cjs/tree/useTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTree.js","sources":["../../src/tree/useTree.ts"],"sourcesContent":["import { KeyboardEvent, useCallback, useRef } from \"react\";\nimport { useKeyboardNavigation } from \"./use-keyboard-navigation\";\nimport {\n  GroupSelection,\n  TreeNodeSelectionHandler,\n  TreeSelection,\n  useSelection,\n} from \"./use-selection\";\nimport { useHierarchicalData } from \"./use-hierarchical-data\";\nimport { useCollapsibleGroups } from \"./use-collapsible-groups\";\nimport { useTreeKeyboardNavigation } from \"./use-tree-keyboard-navigation\";\nimport type { NormalisedTreeSourceNode } from \"./treeTypes\";\n\nconst EMPTY_ARRAY: string[] = [];\n\nexport interface TreeHookProps {\n  defaultSelected?: string[];\n  groupSelection: GroupSelection;\n  onChange: TreeNodeSelectionHandler;\n  onHighlight?: (index: number) => void;\n  selected?: string[];\n  selection: TreeSelection;\n  sourceWithIds: NormalisedTreeSourceNode[];\n}\n\nexport const useTree = ({\n  defaultSelected,\n  sourceWithIds,\n  onChange,\n  onHighlight: onHighlightProp,\n  selected: selectedProp,\n  selection,\n}: TreeHookProps) => {\n  const lastSelection = useRef<string[]>(EMPTY_ARRAY);\n  const dataHook = useHierarchicalData(sourceWithIds);\n\n  const handleKeyboardNavigation = (evt: KeyboardEvent, nextIdx: number) => {\n    selectionHook.listHandlers.onKeyboardNavigation?.(evt, nextIdx);\n  };\n\n  const { highlightedIdx, ...keyboardHook } = useKeyboardNavigation({\n    treeNodes: dataHook.indexPositions,\n    onHighlight: onHighlightProp,\n    onKeyboardNavigation: handleKeyboardNavigation,\n    selected: lastSelection.current,\n  });\n\n  const collapsibleHook = useCollapsibleGroups({\n    collapsibleHeaders: true,\n    highlightedIdx,\n    treeNodes: dataHook.indexPositions,\n    setVisibleData: dataHook.setData,\n    source: dataHook.data,\n  });\n\n  const selectionHook = useSelection({\n    defaultSelected,\n    highlightedIdx,\n    treeNodes: dataHook.indexPositions,\n    onChange,\n    selected: selectedProp,\n    selection,\n  });\n\n  const treeNavigationHook = useTreeKeyboardNavigation({\n    source: dataHook.data,\n    highlightedIdx,\n    hiliteItemAtIndex: keyboardHook.hiliteItemAtIndex,\n    indexPositions: dataHook.indexPositions,\n  });\n\n  const handleClick = useCallback(\n    (evt) => {\n      collapsibleHook.listItemHandlers?.onClick(evt);\n      if (!evt.defaultPrevented) {\n        selectionHook.listItemHandlers?.onClick?.(evt);\n      }\n    },\n    [collapsibleHook, selectionHook]\n  );\n\n  const handleKeyDown = useCallback(\n    (evt) => {\n      keyboardHook.listProps.onKeyDown?.(evt);\n      if (!evt.defaultPrevented) {\n        selectionHook.listHandlers.onKeyDown?.(evt);\n      }\n      if (!evt.defaultPrevented) {\n        collapsibleHook.listHandlers.onKeyDown?.(evt);\n      }\n      if (!evt.defaultPrevented) {\n        treeNavigationHook.listHandlers.onKeyDown?.(evt);\n      }\n    },\n    [\n      collapsibleHook.listHandlers,\n      keyboardHook.listProps,\n      selectionHook.listHandlers,\n      treeNavigationHook.listHandlers,\n    ]\n  );\n\n  const getActiveDescendant = () =>\n    highlightedIdx === undefined || highlightedIdx === -1\n      ? undefined\n      : dataHook.indexPositions[highlightedIdx]?.id;\n\n  // We need this on reEntry for navigation hook to handle focus\n  lastSelection.current = selectionHook.selected;\n\n  const listProps = {\n    \"aria-activedescendant\": getActiveDescendant(),\n    onBlur: keyboardHook.listProps.onBlur,\n    onFocus: keyboardHook.listProps.onFocus,\n    onKeyDown: handleKeyDown,\n    onMouseDownCapture: keyboardHook.listProps.onMouseDownCapture,\n    onMouseLeave: keyboardHook.listProps.onMouseLeave,\n    onMouseMove: keyboardHook.listProps.onMouseMove,\n  };\n\n  const listItemHandlers = {\n    onClick: handleClick,\n  };\n\n  return {\n    focusVisible: keyboardHook.focusVisible,\n    highlightedIdx,\n    hiliteItemAtIndex: keyboardHook.hiliteItemAtIndex,\n    listProps,\n    listItemHandlers,\n    selected: selectionHook.selected,\n    visibleData: dataHook.data,\n  };\n};\n"],"names":["useRef","useHierarchicalData","useKeyboardNavigation","useCollapsibleGroups","useSelection","useTreeKeyboardNavigation","useCallback"],"mappings":"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"}

package/cjs/utils/escapeRegExp.js

@@ -0,0 +1,9 @@
+'use strict';
+
+const regExp = /[.*+?^${}()|[\]\\]/g;
+function escapeRegExp(string) {
+  return string.replace(regExp, "\\$&");
+}
+
+exports.escapeRegExp = escapeRegExp;
+//# sourceMappingURL=escapeRegExp.js.map

package/cjs/utils/escapeRegExp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"escapeRegExp.js","sources":["../../src/utils/escapeRegExp.ts"],"sourcesContent":["const regExp = /[.*+?^${}()|[\\]\\\\]/g;\n\nexport function escapeRegExp(string: string): string {\n  return string.replace(regExp, \"\\\\$&\");\n}\n"],"names":[],"mappings":";;AAAA,MAAM,MAAS,GAAA,qBAAA,CAAA;AAER,SAAS,aAAa,MAAwB,EAAA;AACnD,EAAO,OAAA,MAAA,CAAO,OAAQ,CAAA,MAAA,EAAQ,MAAM,CAAA,CAAA;AACtC;;;;"}

package/cjs/utils/forwardCallbackProps.js

@@ -0,0 +1,22 @@
+'use strict';
+
+const forwardCallbackProps = (ownProps, overrideProps) => {
+  const props = Object.keys(ownProps).reduce(
+    (map, name) => {
+      const ownProp = ownProps[name];
+      const overrideProp = overrideProps[name];
+      if (typeof ownProp === "function" && typeof overrideProp === "function") {
+        map[name] = (...args) => {
+          ownProp(...args);
+          overrideProp(...args);
+        };
+      }
+      return map;
+    },
+    { ...overrideProps }
+  );
+  return props;
+};
+
+exports.forwardCallbackProps = forwardCallbackProps;
+//# sourceMappingURL=forwardCallbackProps.js.map

package/cjs/utils/forwardCallbackProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forwardCallbackProps.js","sources":["../../src/utils/forwardCallbackProps.ts"],"sourcesContent":["/*\n  When we clone a React element and inject props, if any of these are\n  callback props, make sure original callback props are also invoked.\n\n React.cloneElement(\n    element,\n    forwardCallbackProps(element.props, overrideProps)\n  )\n */\n\ntype Props = Record<string, unknown>;\n\nexport const forwardCallbackProps = <P1 extends Props, P2 extends Props>(\n  ownProps: P1,\n  overrideProps: P2\n): P1 & P2 => {\n  const props = Object.keys(ownProps).reduce<Props>(\n    (map, name) => {\n      const ownProp = ownProps[name];\n      const overrideProp = overrideProps[name];\n      if (typeof ownProp === \"function\" && typeof overrideProp === \"function\") {\n        map[name] = (...args: unknown[]) => {\n          ownProp(...args);\n          overrideProp(...args);\n        };\n      }\n      return map;\n    },\n    { ...overrideProps }\n  );\n\n  return props as P1 & P2;\n};\n"],"names":[],"mappings":";;AAYa,MAAA,oBAAA,GAAuB,CAClC,QAAA,EACA,aACY,KAAA;AACZ,EAAA,MAAM,KAAQ,GAAA,MAAA,CAAO,IAAK,CAAA,QAAQ,CAAE,CAAA,MAAA;AAAA,IAClC,CAAC,KAAK,IAAS,KAAA;AACb,MAAM,MAAA,OAAA,GAAU,SAAS,IAAI,CAAA,CAAA;AAC7B,MAAM,MAAA,YAAA,GAAe,cAAc,IAAI,CAAA,CAAA;AACvC,MAAA,IAAI,OAAO,OAAA,KAAY,UAAc,IAAA,OAAO,iBAAiB,UAAY,EAAA;AACvE,QAAI,GAAA,CAAA,IAAI,CAAI,GAAA,CAAA,GAAI,IAAoB,KAAA;AAClC,UAAA,OAAA,CAAQ,GAAG,IAAI,CAAA,CAAA;AACf,UAAA,YAAA,CAAa,GAAG,IAAI,CAAA,CAAA;AAAA,SACtB,CAAA;AAAA,OACF;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACT;AAAA,IACA,EAAE,GAAG,aAAc,EAAA;AAAA,GACrB,CAAA;AAEA,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/cjs/utils/isOverflowElement.js

@@ -0,0 +1,8 @@
+'use strict';
+
+const isOverflowElement = (element) => element !== null && element.dataset.index === "overflow" && element.parentElement !== null && element.parentElement.classList.contains(
+  "vuuOverflowContainer-wrapContainer-overflowed"
+);
+
+exports.isOverflowElement = isOverflowElement;
+//# sourceMappingURL=isOverflowElement.js.map

package/cjs/utils/isOverflowElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isOverflowElement.js","sources":["../../src/utils/isOverflowElement.ts"],"sourcesContent":["// TODO this is very fragile\nexport const isOverflowElement = (element: HTMLElement | null) =>\n  element !== null &&\n  element.dataset.index === \"overflow\" &&\n  element.parentElement !== null &&\n  element.parentElement.classList.contains(\n    \"vuuOverflowContainer-wrapContainer-overflowed\"\n  );\n"],"names":[],"mappings":";;AACO,MAAM,iBAAoB,GAAA,CAAC,OAChC,KAAA,OAAA,KAAY,QACZ,OAAQ,CAAA,OAAA,CAAQ,KAAU,KAAA,UAAA,IAC1B,OAAQ,CAAA,aAAA,KAAkB,IAC1B,IAAA,OAAA,CAAQ,cAAc,SAAU,CAAA,QAAA;AAAA,EAC9B,+CAAA;AACF;;;;"}

package/cjs/vuu-input/VuuInput.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var vuuInputCss = ".vuuInput {\n    --vuu-icon-size: 16px;\n}\n\n.vuuInput-errorIcon:after {\n    cursor: pointer;\n}";
+
+module.exports = vuuInputCss;
+//# sourceMappingURL=VuuInput.css.js.map

package/cjs/vuu-input/VuuInput.css.js.map

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

package/cjs/vuu-input/VuuInput.js

@@ -0,0 +1,105 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var vuuPopups = require('@vuu-ui/vuu-popups');
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var core = require('@salt-ds/core');
+var cx = require('clsx');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var React = require('react');
+var VuuInput$1 = require('./VuuInput.css.js');
+
+const classBase = "vuuInput";
+const constantInputProps = {
+  autoComplete: "off"
+};
+const VuuInput = React.forwardRef(function VuuInput2({
+  className,
+  errorMessage,
+  id: idProp,
+  onCommit,
+  onKeyDown,
+  type,
+  ...props
+}, forwardedRef) {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "vuu-input",
+    css: VuuInput$1,
+    window: targetWindow
+  });
+  const id = vuuUtils.useId(idProp);
+  const { anchorProps, tooltipProps } = vuuPopups.useTooltip({
+    id,
+    tooltipContent: errorMessage
+  });
+  const commitValue = React.useCallback(
+    (evt, value) => {
+      if (type === "number") {
+        const numericValue = parseFloat(value);
+        if (vuuUtils.isValidNumber(numericValue)) {
+          onCommit(evt, numericValue);
+        } else {
+          throw Error("Invalid value");
+        }
+      } else if (type === "boolean") {
+        onCommit(evt, Boolean(value));
+      } else {
+        onCommit(evt, value);
+      }
+    },
+    [onCommit, type]
+  );
+  const handleKeyDown = React.useCallback(
+    (evt) => {
+      if (evt.key === "Enter") {
+        evt.preventDefault();
+        evt.stopPropagation();
+        const { value } = evt.target;
+        commitValue(evt, value);
+      }
+      onKeyDown?.(evt);
+    },
+    [commitValue, onKeyDown]
+  );
+  const handleBlur = React.useCallback(
+    (evt) => {
+      const { value } = evt.target;
+      commitValue(evt, value);
+    },
+    [commitValue]
+  );
+  const endAdornment = errorMessage ? /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ...anchorProps,
+      className: `${classBase}-errorIcon`,
+      "data-icon": "error"
+    }
+  ) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      core.Input,
+      {
+        ...props,
+        endAdornment,
+        id,
+        inputProps: {
+          ...constantInputProps,
+          ...props.inputProps
+        },
+        className: cx(classBase, className, {
+          [`${classBase}-errror`]: errorMessage
+        }),
+        onBlur: handleBlur,
+        ref: forwardedRef,
+        onKeyDown: handleKeyDown
+      }
+    ),
+    tooltipProps ? /* @__PURE__ */ jsxRuntime.jsx(vuuPopups.Tooltip, { ...tooltipProps, status: "error" }) : null
+  ] });
+});
+
+exports.VuuInput = VuuInput;
+//# sourceMappingURL=VuuInput.js.map

package/cjs/vuu-input/VuuInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VuuInput.js","sources":["../../src/vuu-input/VuuInput.tsx"],"sourcesContent":["import { Tooltip, useTooltip } from \"@vuu-ui/vuu-popups\";\nimport { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { isValidNumber, useId } from \"@vuu-ui/vuu-utils\";\nimport { Input, InputProps } from \"@salt-ds/core\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  FocusEventHandler,\n  ForwardedRef,\n  forwardRef,\n  KeyboardEventHandler,\n  ReactElement,\n  SyntheticEvent,\n  useCallback,\n} from \"react\";\n\nimport vuuInputCss from \"./VuuInput.css\";\n\nconst classBase = \"vuuInput\";\n\nconst constantInputProps = {\n  autoComplete: \"off\",\n};\n\nexport type Commithandler<T extends VuuRowDataItemType = string> = (\n  evt: SyntheticEvent<HTMLInputElement>,\n  value: T\n) => void;\nexport interface VuuInputProps<T extends VuuRowDataItemType = string>\n  extends InputProps {\n  errorMessage?: string;\n  onCommit: Commithandler<T>;\n  type?: T;\n}\n\n/**\n * A variant of Salt Input that provides a commit callback prop,\n * TODO along with cancel behaviour ?\n */\nexport const VuuInput = forwardRef(function VuuInput<\n  T extends VuuRowDataItemType = string\n>(\n  {\n    className,\n    errorMessage,\n    id: idProp,\n    onCommit,\n    onKeyDown,\n    type,\n    ...props\n  }: VuuInputProps<T>,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-input\",\n    css: vuuInputCss,\n    window: targetWindow,\n  });\n\n  const id = useId(idProp);\n  const { anchorProps, tooltipProps } = useTooltip({\n    id,\n    tooltipContent: errorMessage,\n  });\n\n  const commitValue = useCallback<Commithandler<string>>(\n    (evt, value) => {\n      if (type === \"number\") {\n        const numericValue = parseFloat(value);\n        if (isValidNumber(numericValue)) {\n          onCommit(evt, numericValue as T);\n        } else {\n          //TODO add validation logic\n          throw Error(\"Invalid value\");\n        }\n      } else if (type === \"boolean\") {\n        onCommit(evt, Boolean(value) as T);\n      } else {\n        onCommit(evt, value as T);\n      }\n    },\n    [onCommit, type]\n  );\n\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLInputElement>>(\n    (evt) => {\n      if (evt.key === \"Enter\") {\n        evt.preventDefault();\n        evt.stopPropagation();\n        const { value } = evt.target as HTMLInputElement;\n        commitValue(evt, value);\n      }\n      onKeyDown?.(evt);\n    },\n    [commitValue, onKeyDown]\n  );\n\n  const handleBlur = useCallback<FocusEventHandler<HTMLInputElement>>(\n    (evt) => {\n      const { value } = evt.target as HTMLInputElement;\n      commitValue(evt, value);\n    },\n    [commitValue]\n  );\n\n  const endAdornment = errorMessage ? (\n    <span\n      {...anchorProps}\n      className={`${classBase}-errorIcon`}\n      data-icon=\"error\"\n    />\n  ) : undefined;\n\n  return (\n    <>\n      <Input\n        {...props}\n        endAdornment={endAdornment}\n        id={id}\n        inputProps={{\n          ...constantInputProps,\n          ...props.inputProps,\n        }}\n        className={cx(classBase, className, {\n          [`${classBase}-errror`]: errorMessage,\n        })}\n        onBlur={handleBlur}\n        ref={forwardedRef}\n        onKeyDown={handleKeyDown}\n      />\n      {tooltipProps ? <Tooltip {...tooltipProps} status=\"error\" /> : null}\n    </>\n  );\n}) as <T extends VuuRowDataItemType = string>(\n  props: VuuInputProps<T> & {\n    ref?: ForwardedRef<HTMLDivElement>;\n  }\n) => ReactElement<VuuInputProps<T>>;\n"],"names":["forwardRef","VuuInput","useWindow","useComponentCssInjection","vuuInputCss","useId","useTooltip","useCallback","isValidNumber","jsx","jsxs","Fragment","Input","Tooltip"],"mappings":"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"}

package/esm/calendar/Calendar.css.js

@@ -0,0 +1,4 @@
+var calendarCss = ".saltCalendar {\n  width: min-content;\n}\n\n.saltCalendar .saltIcon {\n  display: inline-block;\n}\n";
+
+export { calendarCss as default };
+//# sourceMappingURL=Calendar.css.js.map

package/esm/calendar/Calendar.css.js.map

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

package/esm/calendar/Calendar.js

@@ -0,0 +1,72 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makePrefixer } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useCallback } from 'react';
+import { CalendarCarousel } from './internal/CalendarCarousel.js';
+import { CalendarContext } from './internal/CalendarContext.js';
+import { CalendarNavigation } from './internal/CalendarNavigation.js';
+import { CalendarWeekHeader } from './internal/CalendarWeekHeader.js';
+import { useCalendar } from './useCalendar.js';
+import calendarCss from './Calendar.css.js';
+
+const withBaseName = makePrefixer("saltCalendar");
+const Calendar = forwardRef(
+  function Calendar2(props, ref) {
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-calendar",
+      css: calendarCss,
+      window: targetWindow
+    });
+    const {
+      className,
+      renderDayContents,
+      hideYearDropdown,
+      TooltipProps,
+      ...rest
+    } = props;
+    const { state, helpers } = useCalendar({ hideYearDropdown, ...rest });
+    const { setCalendarFocused } = helpers;
+    const handleFocus = useCallback(() => {
+      setCalendarFocused(true);
+    }, [setCalendarFocused]);
+    const handleBlur = useCallback(() => {
+      setCalendarFocused(false);
+    }, [setCalendarFocused]);
+    return /* @__PURE__ */ jsx(
+      CalendarContext.Provider,
+      {
+        value: {
+          state,
+          helpers
+        },
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx(withBaseName(), className),
+            role: "application",
+            ref,
+            children: [
+              /* @__PURE__ */ jsx(CalendarNavigation, { hideYearDropdown }),
+              /* @__PURE__ */ jsx(CalendarWeekHeader, {}),
+              /* @__PURE__ */ jsx(
+                CalendarCarousel,
+                {
+                  onFocus: handleFocus,
+                  onBlur: handleBlur,
+                  renderDayContents,
+                  TooltipProps
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+
+export { Calendar };
+//# sourceMappingURL=Calendar.js.map

package/esm/calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sources":["../../src/calendar/Calendar.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, useCallback } from \"react\";\nimport {\n  CalendarCarousel,\n  CalendarCarouselProps,\n} from \"./internal/CalendarCarousel\";\nimport { CalendarContext } from \"./internal/CalendarContext\";\nimport {\n  CalendarNavigation,\n  CalendarNavigationProps,\n} from \"./internal/CalendarNavigation\";\nimport { CalendarWeekHeader } from \"./internal/CalendarWeekHeader\";\nimport { useCalendar, useCalendarProps } from \"./useCalendar\";\n\nimport calendarCss from \"./Calendar.css\";\n\nexport type CalendarProps = useCalendarProps & {\n  className?: string;\n  renderDayContents?: CalendarCarouselProps[\"renderDayContents\"];\n  hideYearDropdown?: CalendarNavigationProps[\"hideYearDropdown\"];\n  TooltipProps?: CalendarCarouselProps[\"TooltipProps\"];\n  hideOutOfRangeDates?: CalendarCarouselProps[\"hideOutOfRangeDates\"];\n};\n\nconst withBaseName = makePrefixer(\"saltCalendar\");\n\nexport const Calendar = forwardRef<HTMLDivElement, CalendarProps>(\n  function Calendar(props, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-calendar\",\n      css: calendarCss,\n      window: targetWindow,\n    });\n\n    const {\n      className,\n      renderDayContents,\n      hideYearDropdown,\n      TooltipProps,\n      ...rest\n    } = props;\n\n    const { state, helpers } = useCalendar({ hideYearDropdown, ...rest });\n\n    const { setCalendarFocused } = helpers;\n\n    const handleFocus = useCallback(() => {\n      setCalendarFocused(true);\n    }, [setCalendarFocused]);\n\n    const handleBlur = useCallback(() => {\n      setCalendarFocused(false);\n    }, [setCalendarFocused]);\n\n    return (\n      <CalendarContext.Provider\n        value={{\n          state,\n          helpers,\n        }}\n      >\n        <div\n          className={clsx(withBaseName(), className)}\n          role=\"application\"\n          ref={ref}\n        >\n          <CalendarNavigation hideYearDropdown={hideYearDropdown} />\n          <CalendarWeekHeader />\n          <CalendarCarousel\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            renderDayContents={renderDayContents}\n            TooltipProps={TooltipProps}\n          />\n        </div>\n      </CalendarContext.Provider>\n    );\n  }\n);\n"],"names":["Calendar"],"mappings":";;;;;;;;;;;;;AA2BA,MAAM,YAAA,GAAe,aAAa,cAAc,CAAA,CAAA;AAEzC,MAAM,QAAW,GAAA,UAAA;AAAA,EACtB,SAASA,SAAS,CAAA,KAAA,EAAO,GAAK,EAAA;AAC5B,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,eAAA;AAAA,MACR,GAAK,EAAA,WAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,YAAA;AAAA,MACA,GAAG,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAM,MAAA,EAAE,OAAO,OAAQ,EAAA,GAAI,YAAY,EAAE,gBAAA,EAAkB,GAAG,IAAA,EAAM,CAAA,CAAA;AAEpE,IAAM,MAAA,EAAE,oBAAuB,GAAA,OAAA,CAAA;AAE/B,IAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,MAAA,kBAAA,CAAmB,IAAI,CAAA,CAAA;AAAA,KACzB,EAAG,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAEvB,IAAM,MAAA,UAAA,GAAa,YAAY,MAAM;AACnC,MAAA,kBAAA,CAAmB,KAAK,CAAA,CAAA;AAAA,KAC1B,EAAG,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAEvB,IACE,uBAAA,GAAA;AAAA,MAAC,eAAgB,CAAA,QAAA;AAAA,MAAhB;AAAA,QACC,KAAO,EAAA;AAAA,UACL,KAAA;AAAA,UACA,OAAA;AAAA,SACF;AAAA,QAEA,QAAA,kBAAA,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,YACzC,IAAK,EAAA,aAAA;AAAA,YACL,GAAA;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,sBAAmB,gBAAoC,EAAA,CAAA;AAAA,kCACvD,kBAAmB,EAAA,EAAA,CAAA;AAAA,8BACpB,GAAA;AAAA,gBAAC,gBAAA;AAAA,gBAAA;AAAA,kBACC,OAAS,EAAA,WAAA;AAAA,kBACT,MAAQ,EAAA,UAAA;AAAA,kBACR,iBAAA;AAAA,kBACA,YAAA;AAAA,iBAAA;AAAA,eACF;AAAA,aAAA;AAAA,WAAA;AAAA,SACF;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEJ;AACF;;;;"}

package/esm/calendar/internal/CalendarCarousel.css.js

@@ -0,0 +1,4 @@
+var calendarCarouselCss = ".saltCalendarCarousel-track {\n  display: grid;\n  grid-auto-flow: column;\n}\n\n.saltCalendarCarousel-track > * {\n  position: absolute;\n  left: 0;\n  width: 100%;\n}\n\n.saltCalendarCarousel-track > :nth-child(2) {\n  position: relative;\n}\n\n.saltCalendarCarousel-shouldAnimate {\n  transition: transform 200ms ease-in-out;\n}\n";
+
+export { calendarCarouselCss as default };
+//# sourceMappingURL=CalendarCarousel.css.js.map

package/esm/calendar/internal/CalendarCarousel.css.js.map

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

package/esm/calendar/internal/CalendarCarousel.js

@@ -0,0 +1,95 @@
+import { jsx } from 'react/jsx-runtime';
+import { isSameMonth, today, getLocalTimeZone } from '@internationalized/date';
+import { makePrefixer, useIsomorphicLayoutEffect, usePrevious } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { forwardRef, useRef, useState, useEffect } from 'react';
+import { useCalendarContext } from './CalendarContext.js';
+import { CalendarMonth } from './CalendarMonth.js';
+import { formatDate, monthDiff } from './utils.js';
+import calendarCarouselCss from './CalendarCarousel.css.js';
+
+function getMonths(month) {
+  return [month.subtract({ months: 1 }), month, month.add({ months: 1 })];
+}
+function usePreviousMonth(visibleMonth) {
+  const previous = usePrevious(visibleMonth, [formatDate(visibleMonth)]);
+  return previous ?? today(getLocalTimeZone());
+}
+const withBaseName = makePrefixer("saltCalendarCarousel");
+const CalendarCarousel = forwardRef(function CalendarCarousel2(props, ref) {
+  const { ...rest } = props;
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-calendar-carousel",
+    css: calendarCarouselCss,
+    window: targetWindow
+  });
+  const {
+    state: { visibleMonth }
+  } = useCalendarContext();
+  const containerRef = useRef(null);
+  const diffIndex = (a, b) => monthDiff(a, b);
+  const { current: baseIndex } = useRef(visibleMonth);
+  const previousVisibleMonth = usePreviousMonth(visibleMonth);
+  useIsomorphicLayoutEffect(() => {
+    if (Math.abs(diffIndex(visibleMonth, previousVisibleMonth)) > 1) {
+      containerRef.current?.classList.remove(withBaseName("shouldAnimate"));
+    } else {
+      containerRef.current?.classList.add(withBaseName("shouldAnimate"));
+    }
+  }, [formatDate(visibleMonth), formatDate(previousVisibleMonth)]);
+  useIsomorphicLayoutEffect(() => {
+    if (containerRef.current) {
+      containerRef.current.style.transform = `translate3d(${diffIndex(baseIndex, visibleMonth) * 100}%, 0, 0)`;
+    }
+  });
+  const [months, setMonths] = useState(() => getMonths(visibleMonth));
+  useEffect(() => {
+    setMonths((oldMonths) => {
+      const newMonths = getMonths(visibleMonth).filter((month) => {
+        return !oldMonths.find((oldMonth) => isSameMonth(oldMonth, month));
+      });
+      return oldMonths.concat(newMonths);
+    });
+    const finishTransition = () => {
+      setMonths(getMonths(visibleMonth));
+    };
+    const container = containerRef.current;
+    if (container && parseFloat(window.getComputedStyle(container).transitionDuration) > 0) {
+      container?.addEventListener("transitionend", finishTransition);
+      return () => {
+        container?.removeEventListener("transitionend", finishTransition);
+      };
+    } else {
+      finishTransition();
+    }
+    return void 0;
+  }, [formatDate(visibleMonth)]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: withBaseName(),
+      style: {
+        overflowX: "hidden",
+        position: "relative"
+      },
+      ref,
+      children: /* @__PURE__ */ jsx("div", { className: withBaseName("track"), ref: containerRef, children: months.map((date, index) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: withBaseName("slide"),
+          style: {
+            transform: `translateX(${diffIndex(date, baseIndex) * 100}%)`
+          },
+          "aria-hidden": index !== 1 ? "true" : void 0,
+          children: /* @__PURE__ */ jsx(CalendarMonth, { isVisible: index === 1, ...rest, date })
+        },
+        formatDate(date)
+      )) })
+    }
+  );
+});
+
+export { CalendarCarousel };
+//# sourceMappingURL=CalendarCarousel.js.map

package/esm/calendar/internal/CalendarCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarCarousel.js","sources":["../../../src/calendar/internal/CalendarCarousel.tsx"],"sourcesContent":["import {\n  DateValue,\n  getLocalTimeZone,\n  isSameMonth,\n  today,\n} from \"@internationalized/date\";\nimport {\n  makePrefixer,\n  useIsomorphicLayoutEffect,\n  usePrevious,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { useCalendarContext } from \"./CalendarContext\";\nimport { CalendarMonth, CalendarMonthProps } from \"./CalendarMonth\";\nimport { formatDate, monthDiff } from \"./utils\";\n\nimport calendarCarouselCss from \"./CalendarCarousel.css\";\n\nexport type CalendarCarouselProps = Omit<CalendarMonthProps, \"date\">;\n\nfunction getMonths(month: DateValue) {\n  return [month.subtract({ months: 1 }), month, month.add({ months: 1 })];\n}\n\nfunction usePreviousMonth(visibleMonth: DateValue) {\n  const previous = usePrevious(visibleMonth, [formatDate(visibleMonth)]);\n\n  return previous ?? today(getLocalTimeZone());\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarCarousel\");\n\nexport const CalendarCarousel = forwardRef<\n  HTMLDivElement,\n  CalendarCarouselProps\n>(function CalendarCarousel(props, ref) {\n  const { ...rest } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-carousel\",\n    css: calendarCarouselCss,\n    window: targetWindow,\n  });\n\n  const {\n    state: { visibleMonth },\n  } = useCalendarContext();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const diffIndex = (a: DateValue, b: DateValue) => monthDiff(a, b);\n\n  const { current: baseIndex } = useRef(visibleMonth);\n  const previousVisibleMonth = usePreviousMonth(visibleMonth);\n\n  useIsomorphicLayoutEffect(() => {\n    if (Math.abs(diffIndex(visibleMonth, previousVisibleMonth)) > 1) {\n      containerRef.current?.classList.remove(withBaseName(\"shouldAnimate\"));\n    } else {\n      containerRef.current?.classList.add(withBaseName(\"shouldAnimate\"));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [formatDate(visibleMonth), formatDate(previousVisibleMonth)]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.style.transform = `translate3d(${\n        diffIndex(baseIndex, visibleMonth) * 100\n      }%, 0, 0)`;\n    }\n  });\n\n  const [months, setMonths] = useState(() => getMonths(visibleMonth));\n\n  useEffect(() => {\n    setMonths((oldMonths) => {\n      const newMonths = getMonths(visibleMonth).filter((month) => {\n        return !oldMonths.find((oldMonth) => isSameMonth(oldMonth, month));\n      });\n\n      return oldMonths.concat(newMonths);\n    });\n    const finishTransition = () => {\n      setMonths(getMonths(visibleMonth));\n    };\n    const container = containerRef.current;\n\n    if (\n      container &&\n      parseFloat(window.getComputedStyle(container).transitionDuration) > 0\n    ) {\n      container?.addEventListener(\"transitionend\", finishTransition);\n\n      return () => {\n        container?.removeEventListener(\"transitionend\", finishTransition);\n      };\n    } else {\n      finishTransition();\n    }\n\n    return undefined;\n  }, [formatDate(visibleMonth)]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <div\n      className={withBaseName()}\n      style={{\n        overflowX: \"hidden\",\n        position: \"relative\",\n      }}\n      ref={ref}\n    >\n      <div className={withBaseName(\"track\")} ref={containerRef}>\n        {months.map((date, index) => (\n          <div\n            key={formatDate(date)}\n            className={withBaseName(\"slide\")}\n            style={{\n              transform: `translateX(${diffIndex(date, baseIndex) * 100}%)`,\n            }}\n            aria-hidden={index !== 1 ? \"true\" : undefined}\n          >\n            <CalendarMonth isVisible={index === 1} {...rest} date={date} />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n});\n"],"names":["CalendarCarousel"],"mappings":"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"}

package/esm/calendar/internal/CalendarContext.js

@@ -0,0 +1,16 @@
+import { createContext, useContext } from 'react';
+
+const CalendarContext = createContext(null);
+if (process.env.NODE_ENV !== "production") {
+  CalendarContext.displayName = "CalendarContext";
+}
+function useCalendarContext() {
+  const context = useContext(CalendarContext);
+  if (!context) {
+    throw new Error("Unexpected usage");
+  }
+  return context;
+}
+
+export { CalendarContext, useCalendarContext };
+//# sourceMappingURL=CalendarContext.js.map

package/esm/calendar/internal/CalendarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarContext.js","sources":["../../../src/calendar/internal/CalendarContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { useCalendar } from \"../useCalendar\";\n\ntype CalendarState = {\n  state: ReturnType<typeof useCalendar>[\"state\"];\n  helpers: ReturnType<typeof useCalendar>[\"helpers\"];\n};\n\nconst CalendarContext = createContext<CalendarState | null>(null);\n\nif (process.env.NODE_ENV !== \"production\") {\n  CalendarContext.displayName = \"CalendarContext\";\n}\n\nfunction useCalendarContext(): CalendarState {\n  const context = useContext(CalendarContext);\n\n  if (!context) {\n    throw new Error(\"Unexpected usage\");\n  }\n\n  return context;\n}\n\nexport { CalendarContext, useCalendarContext };\n"],"names":[],"mappings":";;AAQM,MAAA,eAAA,GAAkB,cAAoC,IAAI,EAAA;AAEhE,IAAI,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,EAAA,eAAA,CAAgB,WAAc,GAAA,iBAAA,CAAA;AAChC,CAAA;AAEA,SAAS,kBAAoC,GAAA;AAC3C,EAAM,MAAA,OAAA,GAAU,WAAW,eAAe,CAAA,CAAA;AAE1C,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAM,MAAA,IAAI,MAAM,kBAAkB,CAAA,CAAA;AAAA,GACpC;AAEA,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}

package/esm/calendar/internal/CalendarDay.css.js

@@ -0,0 +1,4 @@
+var calendarDayCss = "/* TODO: Design need to align characteristics for CalendarDay */\n.saltCalendarDay {\n  --calendar-day-text-color: var(--salt-content-primary-foreground);\n  --calendar-day-background: var(--salt-selectable-background);\n  --calendar-day-background-hover: var(--salt-selectable-background-hover);\n  --calendar-day-text-color-hover: var(--salt-content-primary-foreground);\n  --calendar-day-outOfRange-text-color: var(--salt-content-secondary-foreground-disabled);\n  --calendar-day-blocked-text-color: var(--salt-content-primary-foreground);\n  --calendar-day-blocked-cursor: var(--salt-selectable-cursor-disabled);\n  --calendar-day-blocked-icon-color: var(--salt-status-error-foreground);\n  --calendar-day-blocked-background: var(--calendar-day-background);\n  --calendar-day-unselectable-text-color: var(--salt-content-secondary-foreground-disabled);\n  --calendar-day-unselectable-background: var(--calendar-day-background);\n  --calendar-day-unselectable-cursor: var(--salt-selectable-cursor-disabled);\n\n  --calendar-day-selected-background: var(--salt-selectable-background-selected);\n  --calendar-day-selected-text-color: var(--salt-content-primary-foreground);\n  /* --calendar-day-selected-focused-outlineColor: var(--salt-color-white); TODO: Check with design */\n\n  --calendar-day-selectedStart-background: var(--salt-selectable-background-selected);\n  --calendar-day-selectedStart-text-color: var(--salt-content-primary-foreground);\n  /* --calendar-day-selectedStart-focused-outlineColor: var(--salt-color-white);  TODO: Check with design */\n\n  --calendar-day-selectedEnd-background: var(--salt-selectable-background-selected);\n  --calendar-day-selectedEnd-text-color: var(--salt-content-primary-foreground);\n  /* --calendar-day-selectedEnd-focused-outlineColor: var(--salt-color-white);  TODO: Check with design */\n\n  --calendar-day-selectedSpan-background: var(--salt-selectable-background-blurSelected);\n  --calendar-day-selectedSpan-text-color: var(--salt-content-primary-foreground);\n\n  --calendar-day-hoveredSpan-background: var(--salt-selectable-background-hover);\n  --calendar-day-hoveredSpan-text-color: var(--salt-content-primary-foreground);\n\n  --calendar-day-hoveredOffset-background: var(--salt-selectable-background-hover);\n  --calendar-day-hoveredOffset-text-color: var(--salt-content-primary-foreground);\n\n  --calendar-day-currentDay-borderColor: var(--salt-content-primary-foreground); /* TODO should not be foreground color */\n\n  /* Focus */\n  --calendar-day-focused-outline: var(--salt-focused-outline);\n  --calendar-day-size: var(--salt-size-base);\n  --calendar-day-fontSize: var(--salt-text-fontSize);\n}\n\n.saltCalendarDay {\n  width: var(--calendar-day-size);\n  height: var(--calendar-day-size);\n  color: var(--calendar-day-text-color);\n  background-color: var(--calendar-day-background);\n  font-size: var(--calendar-day-fontSize);\n  border: 0;\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.saltCalendarDay:focus-visible {\n  outline: var(--calendar-day-focused-outline);\n  outline-offset: calc(0px - var(--salt-focused-outlineWidth));\n}\n\n.saltCalendarDay-outOfRange {\n  color: var(--calendar-day-outOfRange-text-color);\n}\n\n.saltCalendarDay:hover {\n  background: var(--calendar-day-background-hover);\n  color: var(--calendar-day-text-color-hover);\n}\n\n.saltCalendarDay-unselectableMedium,\n.saltCalendarDay-unselectableMedium:hover {\n  color: var(--calendar-day-blocked-text-color);\n  cursor: var(--calendar-day-blocked-cursor);\n  background: var(--calendar-day-blocked-background);\n}\n\n.saltCalendarDay-today {\n  border: 1px solid var(--calendar-day-currentDay-borderColor);\n}\n\n.saltCalendarDay-selectedSpan {\n  background: var(--calendar-day-selectedSpan-background);\n  color: var(--calendar-day-selectedSpan-text-color);\n}\n\n.saltCalendarDay-hoveredSpan,\n.saltCalendarDay-hoveredSpan:hover {\n  background: var(--calendar-day-hoveredSpan-background);\n  color: var(--calendar-day-hoveredSpan-text-color);\n}\n\n.saltCalendarDay-hoveredOffset,\n.saltCalendarDay-hoveredOffset:hover {\n  background: var(--calendar-day-hoveredOffset-background);\n  color: var(--calendar-day-hoveredOffset-text-color);\n}\n\n.saltCalendarDay-selected,\n.saltCalendarDay-selected:hover {\n  background: var(--calendar-day-selected-background);\n  color: var(--calendar-day-selected-text-color);\n}\n\n.saltCalendarDay-selectedStart,\n.saltCalendarDay-selectedStart:hover {\n  background: var(--calendar-day-selectedStart-background);\n  color: var(--calendar-day-selectedStart-text-color);\n}\n\n.saltCalendarDay-selectedEnd,\n.saltCalendarDay-selectedEnd:hover {\n  background: var(--calendar-day-selectedEnd-background);\n  color: var(--calendar-day-selectedEnd-text-color);\n}\n\n.saltCalendarDay-selected:focus-visible {\n  outline-color: var(--calendar-day-selected-focused-outlineColor);\n}\n\n.saltCalendarDay-selectedStart:focus-visible {\n  outline-color: var(--calendar-day-selectedStart-focused-outlineColor);\n}\n\n.saltCalendarDay-selectedEnd:focus-visible {\n  outline-color: var(--calendar-day-selectedEnd-focused-outlineColor);\n}\n\n.saltCalendarDay-unselectableLow,\n.saltCalendarDay-unselectableLow:hover {\n  color: var(--calendar-day-unselectable-text-color);\n  background: var(--calendar-day-unselectable-background);\n  cursor: var(--calendar-day-unselectable-cursor);\n  text-decoration: line-through;\n}\n\n.salt-density-high {\n  --calendar-day-blocked-icon-size: 14px;\n}\n\n.salt-density-medium {\n  --calendar-day-blocked-icon-size: 18px;\n}\n\n.salt-density-low {\n  --calendar-day-blocked-icon-size: 24px;\n}\n\n.salt-density-touch {\n  --calendar-day-blocked-icon-size: 28px;\n}\n\n.saltCalendarDay-blockedIcon {\n  fill: var(--calendar-day-blocked-icon-color);\n  position: absolute;\n  --icon-size: var(--calendar-day-blocked-icon-size);\n  pointer-events: none;\n  line-height: 1.29;\n}\n\n.saltCalendarDay-hidden {\n  visibility: hidden;\n}\n";
+
+export { calendarDayCss as default };
+//# sourceMappingURL=CalendarDay.css.js.map

package/esm/calendar/internal/CalendarDay.css.js.map

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