@servicetitan/anvil2 1.51.0 → 2.0.0

package/CHANGELOG.md

@@ -1,5 +1,74 @@
 # @servicetitan/anvil2
 
+## 2.0.0
+
+### Major Changes
+
+- [#1837](https://github.com/servicetitan/hammer/pull/1837) [`3c638be`](https://github.com/servicetitan/hammer/commit/3c638be98b871aa1c8e18ead49bf4363d276ae2a) Thanks [@pbuckingham-st](https://github.com/pbuckingham-st)! - [Breadcrumbs] The export of `BreadcrumbsElement` has been removed.
+  [Calendar] The deprecated `unavailableDates` has been removed. Use `unavailable.dates` instead.
+  [Checkbox] The export of `CheckboxGroup` has been removed. Use `Checkbox.Group` instead.
+  [Checkbox] The `event` parameter of the `onChange` prop is required.
+  [Chip] `small` `Chip` only allows either `onChange` or `onClose`.
+  [Combobox] The component now requires the html popover API.
+  [Combobox.SelectTrigger] The deprecated `openMoreInfo` has been removed. Use `moreInfoOpen` instead.
+  [DateField] The deprecated component has been removed. Please use `DateFieldSingle` or `DateFieldRange` instead.
+  [Details] The exports of `DetailsSummary` and `DetailsContent` have been removed. Use `Details.Summary` and `Details.Content` instead.
+  [Dialog] The exports of `DialogContent`, `DialogHeader`, `DialogFooter`, and `DialogCancelButton` have been removed. Use `Dialog.Content`, `Dialog.Header`, `Dialog.Footer`, and `Dialog.CancelButton` instead.
+  [Dialog] The deprecated `onOpen` and `onOpenChange` have been removed. Use `onOpenAnimationStart`, `onOpenAnimationComplete`, and `onClose` instead.
+  [Drawer] The deprecated `onOpen` has been removed. Use `onOpenAnimationStart` and `onOpenAnimationComplete` instead.
+  [FieldLabel] The deprecated `openMoreInfo` has been removed. Use `moreInfoOpen` instead.
+  [Flex] The deprecated `flexShrink` has been removed. Use `shrink` instead.
+  [Icons] Certain icons have been updated for consistent naming.
+  - gnav_dial_pad_filled.svg -> gnav_dial_pad_active.svg
+  - gnav_dial_pad_outline.svg -> gnav_dial_pad_inactive.svg
+  - gnav_dial_pad_inactive_outline.svg -> gnav_dial_pad_disabled.svg
+  - gnav_home_filled.svg -> gnav_home_active.svg
+  - gnav_home_outline.svg -> gnav_home_inactive.svg
+  - gnav_legacy_search_filled.svg -> gnav_legacy_search_active.svg
+  - gnav_legacy_search_outline.svg -> gnav_legacy_search_inactive.svg
+
+  [Link] The deprecated `quiet` prop has been removed. Use `ghost` instead.
+  [LinkButton] The deprecated `quiet` prop has been removed. Use `ghost` instead.
+  [ListView.Option] The `event` parameter of the `onChange` prop is required.
+  [Menu] The component now requires the html popover API.
+  [Menu] The deprecated `root` has been removed. This prop has no functionality, so it can be safely removed.
+  [Popover] The exports of `PopoverButton`, `PopoverClose`, `PopoverContent`, and `PopoverTrigger` have been removed. Use `Popover.Button`, `Popover.Close`, `Popover.Content`, and `Popover.Trigger` instead.
+  [Popover] The deprecated `onOpenChange` has been removed. Use `onOpenAnimationStart`, `onOpenAnimationComplete`, and `onClose` instead.
+  [Popover] The deprecated `onOutsidePress` has been removed. Use `onClickOutside` instead.
+  [Popover] The deprecated `disableFocusLock` has been removed. Use `modal` instead.
+  [Popover] The deprecated `root` has been removed. This prop has no functionality, so it can be safely removed.
+  [Popover] The component now requires the html popover API.
+  [Popover.Trigger] The `data-state` attribute passed in the `children` render function has been replaced with `aria-expanded`.
+  [Radio] The export of `RadioGroup` has been removed. Use `Radio.Group` instead.
+  [Radio] The `event` parameter of the `onChange` prop is required.
+  [RadioGroup] The `legend` prop is required.
+  [SelectCard] The export of `SelectCardElement` has been removed.
+  [SelectCard] The export of `SelectCardGroup` has been removed. Use `SelectCard.Group` instead.
+  [SelectTrigger] The deprecated `openMoreInfo` has been removed. Use `moreInfoOpen` instead.
+  [SideNav] The exports of `SideNavLink`, `SideNavGroup`, and `SideNavCollapsible` have been removed. Use `SideNav.Link`, `SideNav.Group`, and `SideNav.Collapsible` instead.
+  [Textarea] The `errorAriaLive` prop no longer accepts a boolean. Use `"off"`, `"assertive"`, or `"polite"` instead.
+  [Textarea] The `event` parameter of the `onChange` prop is required.
+  [Textarea] The deprecated `openMoreInfo` has been removed. Use `moreInfoOpen` instead.
+  [Toaster] The deprecated `duration` has been removed. The duration can be set on individual toasts.
+  [Toaster] The deprecated `forceRender` has been removed.
+  [Toolbar] The export of `ToolbarElement` has been removed.
+  [Toolbar] The exports of `ToolbarButton`, `ToolbarButtonToggle`, `ToolbarButtonLink`, and `ToolbarSelect` have been removed. Use `Toolbar.Button`, `Toolbar.ButtonToggle`, `Toolbar.ButtonLink`, and `Toolbar.Select` instead.
+  [Toolbar.Button] The `onClick` prop is required.
+  [Tooltip] The deprecated `root` has been removed. This prop has no functionality, so it can be safely removed.
+  [Tooltip] The component now requires the html popover API.
+
+## 1.52.0
+
+### Minor Changes
+
+- [#1853](https://github.com/servicetitan/hammer/pull/1853) [`5d58224`](https://github.com/servicetitan/hammer/commit/5d582247697b0313f9c6f82b962fcb99c549eb2b) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - [Checkbox.Group, Radio.Group] Add `description`, `error`, `errorAriaLive`, and `hint` props
+
+- [`650b010`](https://github.com/servicetitan/hammer/commit/650b010d13a03713824d7489e93a3ffc98f15f4d) Thanks [@rgdelato](https://github.com/rgdelato)! - [Spinner] Update Spinner to an official verision with size properties and dynamic stroke width
+
+### Patch Changes
+
+- [#1839](https://github.com/servicetitan/hammer/pull/1839) [`d38db43`](https://github.com/servicetitan/hammer/commit/d38db43bbacb85443f4a942eacd3e3f97bc02276) Thanks [@Diveafall](https://github.com/Diveafall)! - **BETA** [DataTable]: Add `refreshKey` prop to trigger loading page data
+
 ## 1.51.0
 
 ### Minor Changes

package/dist/{AnvilProvider-0P4WQf5C.js → AnvilProvider-bEeSKwNj.js}

@@ -1,13 +1,17 @@
 import { jsx } from 'react/jsx-runtime';
 import { t as themeStyles, T as ThemeProvider } from './ThemeProvider-DyYBQz5m.js';
-import { useState, useMemo } from 'react';
+import { createContext, useState, useMemo } from 'react';
 import { c as cx } from './index-SvGbrGuT.js';
 import { u as useBreakpoint } from './useBreakpoint-BGCsBhQ7.js';
 import { a as useTranslations, L as LocalizationContext } from './LocalizationContext-UsmB5mnR.js';
 import { T as TrackingProvider } from './TrackingProvider-Co4lyoI9.js';
-import { A as AnvilProviderContext, T as TooltipLegacyGroupContext } from './AnvilProviderContext-B5CU2cEi.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-BlIWftBb.js';
 
+const AnvilProviderContext = createContext(
+  {}
+);
+const TooltipLegacyGroupContext = createContext(null);
+
 const AnvilProvider = (props) => {
   const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
   const {
@@ -62,5 +66,5 @@ const AnvilProvider = (props) => {
   ) });
 };
 
-export { AnvilProvider as A };
-//# sourceMappingURL=AnvilProvider-0P4WQf5C.js.map
+export { AnvilProvider as A, AnvilProviderContext as a };
+//# sourceMappingURL=AnvilProvider-bEeSKwNj.js.map

package/dist/AnvilProvider-bEeSKwNj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnvilProvider-bEeSKwNj.js","sources":["../src/providers/AnvilProvider/AnvilProviderContext.tsx","../src/providers/AnvilProvider/AnvilProvider.tsx"],"sourcesContent":["import { ThemeProviderProps } from \"../ThemeProvider\";\nimport {\n  ComponentPropsWithoutRef,\n  Dispatch,\n  ReactNode,\n  SetStateAction,\n  createContext,\n  useContext,\n} from \"react\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { ITranslations } from \"../LocalizationProvider/LocalizationProvider\";\nimport { type BreakpointReturnProps } from \"../../hooks/useBreakpoint\";\n\nexport type AnvilProviderProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    children?: ReactNode;\n\n    themeData?: {\n      theme?: ThemeProviderProps[\"theme\"];\n      mode?: ThemeProviderProps[\"mode\"];\n    };\n\n    localizationData?: {\n      locale?: ITranslations[\"locale\"];\n      dir?: ITranslations[\"dir\"];\n      translations?: ITranslations[\"translations\"];\n    };\n  } & {\n    trackingIdData?: {\n      scope?: string;\n      optOut?: boolean;\n    };\n  };\n\nexport type AnvilProviderContextProps = {\n  breakpoint?: BreakpointReturnProps;\n};\n\nexport const AnvilProviderContext = createContext<AnvilProviderContextProps>(\n  {},\n);\n\nexport const TooltipLegacyGroupContext = createContext<{\n  disableDelayGroup: Dispatch<SetStateAction<boolean>>;\n} | null>(null);\n\nexport const useTooltipLegacyGroup = () => {\n  const context = useContext(TooltipLegacyGroupContext);\n\n  if (context == null) {\n    throw new Error(\n      \"Tooltip components must be wrapped in <AnvilProvider /> or <TooltipGroupContext.Provider />\",\n    );\n  }\n\n  return context;\n};\n","import { ThemeProvider } from \"../ThemeProvider\";\nimport themeStyles from \"../ThemeProvider/ThemeProvider.module.scss\";\nimport { useMemo, useState } from \"react\";\nimport cx from \"classnames\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { useBreakpoint } from \"../../hooks/useBreakpoint\";\nimport { useTranslations } from \"../LocalizationProvider/useTranslations\";\nimport { LocalizationContext } from \"../LocalizationProvider\";\nimport TrackingProvider from \"../TrackingProvider\";\nimport {\n  AnvilProviderContext,\n  AnvilProviderProps,\n  TooltipLegacyGroupContext,\n} from \"./AnvilProviderContext\";\n\nexport const AnvilProvider = (props: AnvilProviderProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n  const {\n    themeData,\n    localizationData,\n    trackingIdData,\n    children,\n    className,\n    style,\n    ...rest\n  } = componentProps;\n\n  const {\n    locale = \"en\",\n    dir = \"ltr\",\n    translations = {},\n  } = localizationData ?? {};\n\n  const { scope = \"ST\", optOut } = trackingIdData ?? {};\n\n  const classNameCombined = cx(className, [themeStyles[\"theme-core\"]], {\n    [themeStyles[\"mode-dark\"]]: themeData?.mode === \"dark\",\n    [themeStyles[\"mode-light\"]]: themeData?.mode === \"light\",\n  });\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  const breakpoint = useBreakpoint();\n\n  const [disableDelayGroup, setDisableDelayGroup] = useState(false);\n\n  const { translations: t } = useTranslations(translations);\n\n  const localizationContextValue = useMemo(() => ({ locale, t }), [locale, t]);\n  const tooltipLegacyGroupContextValue = useMemo(\n    () => ({ disableDelayGroup: setDisableDelayGroup }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [disableDelayGroup],\n  );\n\n  return (\n    <AnvilProviderContext.Provider value={{ breakpoint }}>\n      <ThemeProvider\n        className={classNameCombined}\n        style={styleCombined}\n        theme={themeData?.theme}\n        mode={themeData?.mode}\n        dir={dir}\n        {...rest}\n      >\n        <TooltipLegacyGroupContext.Provider\n          value={tooltipLegacyGroupContextValue}\n        >\n          <LocalizationContext.Provider value={localizationContextValue}>\n            <TrackingProvider scope={scope} optOut={optOut}>\n              {children}\n            </TrackingProvider>\n          </LocalizationContext.Provider>\n        </TooltipLegacyGroupContext.Provider>\n      </ThemeProvider>\n    </AnvilProviderContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAsCO,MAAM,oBAAA,GAAuB,aAAA;AAAA,EAClC;AACF;AAEO,MAAM,yBAAA,GAA4B,cAE/B,IAAI,CAAA;;AC7BP,MAAM,aAAA,GAAgB,CAAC,KAAA,KAA8B;AAC1D,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AAEjE,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,gBAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,cAAA;AAEJ,EAAA,MAAM;AAAA,IACJ,MAAA,GAAS,IAAA;AAAA,IACT,GAAA,GAAM,KAAA;AAAA,IACN,eAAe;AAAC,GAClB,GAAI,oBAAoB,EAAC;AAEzB,EAAA,MAAM,EAAE,KAAA,GAAQ,IAAA,EAAM,MAAA,EAAO,GAAI,kBAAkB,EAAC;AAEpD,EAAA,MAAM,oBAAoB,EAAA,CAAG,SAAA,EAAW,CAAC,WAAA,CAAY,YAAY,CAAC,CAAA,EAAG;AAAA,IACnE,CAAC,WAAA,CAAY,WAAW,CAAC,GAAG,WAAW,IAAA,KAAS,MAAA;AAAA,IAChD,CAAC,WAAA,CAAY,YAAY,CAAC,GAAG,WAAW,IAAA,KAAS;AAAA,GAClD,CAAA;AACD,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EAAA,MAAM,aAAa,aAAA,EAAc;AAEjC,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhE,EAAA,MAAM,EAAE,YAAA,EAAc,CAAA,EAAE,GAAI,gBAAgB,YAAY,CAAA;AAExD,EAAA,MAAM,wBAAA,GAA2B,OAAA,CAAQ,OAAO,EAAE,MAAA,EAAQ,GAAE,CAAA,EAAI,CAAC,MAAA,EAAQ,CAAC,CAAC,CAAA;AAC3E,EAAA,MAAM,8BAAA,GAAiC,OAAA;AAAA,IACrC,OAAO,EAAE,iBAAA,EAAmB,oBAAA,EAAqB,CAAA;AAAA;AAAA,IAEjD,CAAC,iBAAiB;AAAA,GACpB;AAEA,EAAA,2BACG,oBAAA,CAAqB,QAAA,EAArB,EAA8B,KAAA,EAAO,EAAE,YAAW,EACjD,QAAA,kBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,iBAAA;AAAA,MACX,KAAA,EAAO,aAAA;AAAA,MACP,OAAO,SAAA,EAAW,KAAA;AAAA,MAClB,MAAM,SAAA,EAAW,IAAA;AAAA,MACjB,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,yBAAA,CAA0B,QAAA;AAAA,QAA1B;AAAA,UACC,KAAA,EAAO,8BAAA;AAAA,UAEP,QAAA,kBAAA,GAAA,CAAC,mBAAA,CAAoB,QAAA,EAApB,EAA6B,KAAA,EAAO,wBAAA,EACnC,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAc,MAAA,EAC7B,QAAA,EACH,CAAA,EACF;AAAA;AAAA;AACF;AAAA,GACF,EACF,CAAA;AAEJ;;;;"}

package/dist/AnvilProvider.js

@@ -1,3 +1,2 @@
-export { A as AnvilProvider, A as default } from './AnvilProvider-0P4WQf5C.js';
-export { A as AnvilProviderContext } from './AnvilProviderContext-B5CU2cEi.js';
+export { A as AnvilProvider, a as AnvilProviderContext, A as default } from './AnvilProvider-bEeSKwNj.js';
 //# sourceMappingURL=AnvilProvider.js.map

package/dist/AnvilProvider.js.map

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

package/dist/{Breadcrumbs-S_ffklLw.js → Breadcrumbs-CsVxbt4N.js}

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import { forwardRef, Children, cloneElement } from 'react';
 import { c as cx } from './index-SvGbrGuT.js';
-import { L as Link } from './Link-Bxzoojbs.js';
+import { L as Link } from './Link-DT8scNJ-.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-BlIWftBb.js';
 import { T as Text } from './Text-rR4bxNLd.js';
 import { I as Icon } from './Icon-BckjFkbw.js';
@@ -101,5 +101,5 @@ const Breadcrumbs = Object.assign(BreadcrumbsElement, {
   Link: BreadcrumbsLink
 });
 
-export { Breadcrumbs as B, BreadcrumbsElement as a, BreadcrumbsLink as b };
-//# sourceMappingURL=Breadcrumbs-S_ffklLw.js.map
+export { Breadcrumbs as B };
+//# sourceMappingURL=Breadcrumbs-CsVxbt4N.js.map

package/dist/Breadcrumbs-CsVxbt4N.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-CsVxbt4N.js","sources":["../../hammer-icon/mdi/filled/chevron_right.svg","../src/components/Breadcrumbs/BreadcrumbsLink.tsx","../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgChevronRight = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" }));\nexport default SvgChevronRight;\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { Link, Text } from \"../\";\n\nimport styles from \"./Breadcrumbs.module.scss\";\n\n/**\n * Props for the BreadcrumbsLink component\n * @extends ComponentPropsWithoutRef<\"a\">\n * @extends LayoutUtilProps\n */\nexport type BreadcrumbsLinkProps = ComponentPropsWithoutRef<\"a\"> &\n  LayoutUtilProps;\n\n/**\n * BreadcrumbsLink component for individual breadcrumb navigation items.\n *\n * Features:\n * - Renders as a clickable link with secondary appearance\n * - Supports all standard anchor element props\n * - Includes layout utilities for positioning and spacing\n * - Uses small text size for consistent styling\n * - Fully accessible with proper focus management\n * - Automatically applies secondary link styling\n *\n * @example\n * <BreadcrumbsLink href=\"/dashboard\">Dashboard</BreadcrumbsLink>\n */\nexport const BreadcrumbsLink = forwardRef<\n  HTMLAnchorElement,\n  BreadcrumbsLinkProps\n>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const { children, className, style, ...rest } = componentProps;\n\n  const classes = cx([styles[\"breadcrumbs-link\"]], className, {});\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <Link\n      tabIndex={0}\n      data-anv=\"breadcrumbs-link\"\n      style={styleCombined}\n      appearance=\"secondary\"\n      className={classes}\n      {...rest}\n      ref={ref}\n    >\n      <Text size=\"small\" inline>\n        {children}\n      </Text>\n    </Link>\n  );\n});\n\nBreadcrumbsLink.displayName = \"BreadcrumbsLink\";\n","import {\n  Children,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  cloneElement,\n  forwardRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport ChevronRight from \"@servicetitan/hammer-icon/mdi/filled/chevron_right.svg\";\n\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { Icon, Text } from \"../\";\n\nimport styles from \"./Breadcrumbs.module.scss\";\nimport { BreadcrumbsLink, BreadcrumbsLinkProps } from \"./BreadcrumbsLink\";\n\n/**\n * Props for the Breadcrumbs component\n * @extends ComponentPropsWithoutRef<\"nav\">\n * @extends LayoutUtilProps\n */\nexport type BreadcrumbsProps = ComponentPropsWithoutRef<\"nav\"> &\n  LayoutUtilProps & {\n    /**\n     * Breadcrumb links to display. The last child will be rendered as non-clickable text.\n     */\n    children:\n      | ReactElement<BreadcrumbsLinkProps>\n      | ReactElement<BreadcrumbsLinkProps>[];\n  };\n\nconst BreadcrumbsElement = forwardRef<HTMLElement, BreadcrumbsProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const { children, className, style, ...rest } = componentProps;\n\n    const classes = cx([styles[\"breadcrumbs\"]], className, {});\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    const linkCount = Children.count(children);\n\n    return (\n      <nav\n        data-anv=\"breadcrumbs\"\n        style={styleCombined}\n        className={classes}\n        aria-label=\"Breadcrumb\"\n        {...rest}\n        ref={ref}\n      >\n        {Children.map(children, (link, i) => {\n          if (i + 1 === linkCount) {\n            return (\n              <Text\n                inline\n                size=\"small\"\n                style={{\n                  fontWeight: \"bold\",\n                }}\n              >\n                {link.props.children}\n              </Text>\n            );\n          } else {\n            return (\n              <>\n                {cloneElement(link as ReactElement)}\n                <Icon svg={ChevronRight} aria-hidden=\"true\" />\n              </>\n            );\n          }\n        })}\n      </nav>\n    );\n  },\n);\n\nBreadcrumbsElement.displayName = \"Breadcrumbs\";\n\n/**\n * Breadcrumbs component for displaying navigation hierarchy.\n *\n * Features:\n * - Displays a series of navigation links with chevron separators\n * - Automatically renders the last item as non-clickable text\n * - Includes proper ARIA labeling for accessibility\n * - Supports layout utilities for positioning and spacing\n * - Uses chevron icons as visual separators between links\n * - Responsive design with flexbox layout\n *\n * @example\n * <Breadcrumbs>\n *   <Breadcrumbs.Link href=\"/home\">Home</Breadcrumbs.Link>\n *   <Breadcrumbs.Link href=\"/products\">Products</Breadcrumbs.Link>\n *   <Breadcrumbs.Link href=\"/electronics\">Electronics</Breadcrumbs.Link>\n * </Breadcrumbs>\n */\nexport const Breadcrumbs = Object.assign(BreadcrumbsElement, {\n  /**\n   * BreadcrumbsLink component for individual breadcrumb navigation items.\n   *\n   * Features:\n   * - Renders as a clickable link with secondary appearance\n   * - Supports all standard anchor element props\n   * - Includes layout utilities for positioning and spacing\n   * - Uses small text size for consistent styling\n   * - Fully accessible with proper focus management\n   * - Automatically applies secondary link styling\n   *\n   * @example\n   * <Breadcrumbs.Link href=\"/dashboard\">Dashboard</Breadcrumbs.Link>\n   */\n  Link: BreadcrumbsLink,\n});\n"],"names":["ChevronRight"],"mappings":"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"}

package/dist/Breadcrumbs.js

@@ -1,2 +1,2 @@
-export { B as Breadcrumbs, a as BreadcrumbsElement, b as BreadcrumbsLink, B as default } from './Breadcrumbs-S_ffklLw.js';
+export { B as Breadcrumbs, B as default } from './Breadcrumbs-CsVxbt4N.js';
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/{Calendar-CM8wm_ZZ.js → Calendar-BEwWBsCE.js}

@@ -9,7 +9,7 @@ import { c as cx } from './index-SvGbrGuT.js';
 import { S as SrOnly } from './SrOnly-CrdBTl6E.js';
 import { u as useSwipe } from './useSwipe-Cp-CJxLU.js';
 import { G as Grid } from './Grid-BUmKiLhz.js';
-import { S as SelectCard } from './SelectCard-BwKTWjcv.js';
+import { S as SelectCard } from './SelectCard-B9RLpwtX.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { flushSync } from 'react-dom';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
@@ -8170,11 +8170,8 @@ const isSameMonth = (d1, d2) => {
   if (d1.hasSame(d2, "month") && d1.hasSame(d2, "year")) return true;
   return false;
 };
-const isUnavailableDate = (n, unavailableDates, unavailable, timeZone) => {
+const isUnavailableDate = (n, unavailable, timeZone) => {
   const tmpSet = /* @__PURE__ */ new Set();
-  unavailableDates.forEach((date) => {
-    tmpSet.add(toDateString(DateTime.fromISO(date, { zone: timeZone })));
-  });
   unavailable.dates?.forEach((date) => {
     tmpSet.add(toDateString(DateTime.fromISO(date, { zone: timeZone })));
   });
@@ -8189,14 +8186,6 @@ const isUnavailableDate = (n, unavailableDates, unavailable, timeZone) => {
 };
 const isBeyondMinDate = (n, minDate) => minDate && minDate.toMillis() > n.toMillis();
 const isBeyondMaxDate = (n, maxDate) => maxDate && maxDate.toMillis() < n.toMillis();
-const isValidDate = (n, minDate = "", maxDate = "", unavailableDates, unavailable, timeZone) => {
-  if (!n) return false;
-  const normalizedMinDate = normalizeDate(minDate, timeZone);
-  const normalizedMaxDate = normalizeDate(maxDate, timeZone);
-  if (normalizedMinDate && isBeyondMinDate(n, normalizedMinDate)) return false;
-  if (normalizedMaxDate && isBeyondMaxDate(n, normalizedMaxDate)) return false;
-  return !isUnavailableDate(n, unavailableDates, unavailable, timeZone);
-};
 const normalizeDate = (date, defaultTimeZone) => {
   return DateTime.fromISO(date, { zone: defaultTimeZone }).startOf("day");
 };
@@ -8265,7 +8254,6 @@ const CalendarNow = forwardRef(
       value,
       setValue,
       defaultTimeZone,
-      unavailableDates,
       unavailable,
       onSelection,
       minDate,
@@ -8292,7 +8280,7 @@ const CalendarNow = forwardRef(
       }
       rangeUpdater(value, nToday, setValue, onSelection);
     };
-    const isDisabled = isBeyondMaxDate(nToday, maxDate) || isBeyondMinDate(nToday, minDate) || isUnavailableDate(nToday, unavailableDates, unavailable, defaultTimeZone);
+    const isDisabled = isBeyondMaxDate(nToday, maxDate) || isBeyondMinDate(nToday, minDate) || isUnavailableDate(nToday, unavailable, defaultTimeZone);
     return /* @__PURE__ */ jsx(
       Button,
       {
@@ -8531,7 +8519,6 @@ const CalendarDay = forwardRef(
       locale,
       minDate,
       maxDate,
-      unavailableDates,
       unavailable,
       defaultTimeZone,
       controlled,
@@ -8549,23 +8536,13 @@ const CalendarDay = forwardRef(
         if (maxDate !== null && targetDate.toMillis() > maxDate?.toMillis()) {
           return;
         }
-        if (isUnavailableDate(
-          targetDate,
-          unavailableDates,
-          unavailable,
-          defaultTimeZone
-        )) {
+        if (isUnavailableDate(targetDate, unavailable, defaultTimeZone)) {
           let nextFocusDate = targetDate.plus({ days: 1 });
           for (let i = 0; i < 365; i++) {
             if (maxDate !== null && nextFocusDate.toMillis() > maxDate?.toMillis()) {
               break;
             }
-            if (isUnavailableDate(
-              nextFocusDate,
-              unavailableDates,
-              unavailable,
-              defaultTimeZone
-            )) {
+            if (isUnavailableDate(nextFocusDate, unavailable, defaultTimeZone)) {
               nextFocusDate = nextFocusDate.plus({ days: 1 });
             } else {
               setFocusedDate(nextFocusDate);
@@ -8583,29 +8560,19 @@ const CalendarDay = forwardRef(
         }
       },
       // eslint-disable-next-line react-hooks/exhaustive-deps -- we don't need to re-render when the selected month or year changes
-      [maxDate, setFocusedDate, defaultTimeZone, unavailableDates, unavailable]
+      [maxDate, setFocusedDate, defaultTimeZone, unavailable]
     );
     const pastDateSelection = (targetDate) => {
       if (minDate !== null && targetDate.toMillis() < minDate?.toMillis()) {
         return;
       }
-      if (isUnavailableDate(
-        targetDate,
-        unavailableDates,
-        unavailable,
-        defaultTimeZone
-      )) {
+      if (isUnavailableDate(targetDate, unavailable, defaultTimeZone)) {
         let prevFocusDate = targetDate.minus({ days: 1 });
         for (let i = 0; i < 365; i++) {
           if (minDate !== null && prevFocusDate.toMillis() < minDate?.toMillis()) {
             break;
           }
-          if (isUnavailableDate(
-            prevFocusDate,
-            unavailableDates,
-            unavailable,
-            defaultTimeZone
-          )) {
+          if (isUnavailableDate(prevFocusDate, unavailable, defaultTimeZone)) {
             prevFocusDate = prevFocusDate.minus({ days: 1 });
           } else {
             setFocusedDate(prevFocusDate);
@@ -8748,28 +8715,11 @@ const CalendarDay = forwardRef(
       }
     }, [focusedDate, uid, disableAutofocus]);
     useEffect(() => {
-      if (!isUnavailableDate(
-        focusedDate,
-        unavailableDates,
-        unavailable,
-        defaultTimeZone
-      ))
-        return;
+      if (!isUnavailableDate(focusedDate, unavailable, defaultTimeZone)) return;
       futureDateSelection(focusedDate.plus({ days: 1 }));
-    }, [
-      focusedDate,
-      futureDateSelection,
-      defaultTimeZone,
-      unavailableDates,
-      unavailable
-    ]);
-    const isDisabled = !isSameMonth(date, focusedDate) || isBeyondMinDate(date, minDate) || isBeyondMaxDate(date, maxDate) || isUnavailableDate(date, unavailableDates, unavailable, defaultTimeZone);
-    const isUnavailable = isUnavailableDate(
-      date,
-      unavailableDates,
-      unavailable,
-      defaultTimeZone
-    );
+    }, [focusedDate, futureDateSelection, defaultTimeZone, unavailable]);
+    const isDisabled = !isSameMonth(date, focusedDate) || isBeyondMinDate(date, minDate) || isBeyondMaxDate(date, maxDate) || isUnavailableDate(date, unavailable, defaultTimeZone);
+    const isUnavailable = isUnavailableDate(date, unavailable, defaultTimeZone);
     const hasMetadata = getDateMetadata(date, dateMetadata);
     const hoverRange = range && hoveredDate && value.start && !value.end && date.toMillis() > value.start.toMillis() && date.toMillis() <= hoveredDate.toMillis();
     const cellCx = cx(styles$1["cell"], {
@@ -8828,7 +8778,6 @@ const CalendarWeek = forwardRef(
       setFocusedDate,
       locale,
       maxDate,
-      unavailableDates,
       unavailable,
       defaultTimeZone,
       id: uid,
@@ -8840,23 +8789,13 @@ const CalendarWeek = forwardRef(
         if (maxDate !== null && targetDate.toMillis() > maxDate?.toMillis()) {
           return;
         }
-        if (isUnavailableDate(
-          targetDate,
-          unavailableDates,
-          unavailable,
-          defaultTimeZone
-        )) {
+        if (isUnavailableDate(targetDate, unavailable, defaultTimeZone)) {
           let nextFocusDate = targetDate.plus({ days: 1 });
           for (let i = 0; i < 365; i++) {
             if (maxDate !== null && nextFocusDate.toMillis() > maxDate?.toMillis()) {
               break;
             }
-            if (isUnavailableDate(
-              nextFocusDate,
-              unavailableDates,
-              unavailable,
-              defaultTimeZone
-            )) {
+            if (isUnavailableDate(nextFocusDate, unavailable, defaultTimeZone)) {
               nextFocusDate = nextFocusDate.plus({ days: 1 });
             } else {
               setFocusedDate(nextFocusDate);
@@ -8867,7 +8806,7 @@ const CalendarWeek = forwardRef(
         }
         setFocusedDate(targetDate);
       },
-      [maxDate, setFocusedDate, defaultTimeZone, unavailableDates, unavailable]
+      [maxDate, setFocusedDate, defaultTimeZone, unavailable]
     );
     let startDayIndex = 6;
     switch (startDay) {
@@ -8900,21 +8839,9 @@ const CalendarWeek = forwardRef(
       }, 100);
     }, [focusedDate, uid]);
     useEffect(() => {
-      if (!isUnavailableDate(
-        focusedDate,
-        unavailableDates,
-        unavailable,
-        defaultTimeZone
-      ))
-        return;
+      if (!isUnavailableDate(focusedDate, unavailable, defaultTimeZone)) return;
       futureDateSelection(focusedDate.plus({ days: 1 }));
-    }, [
-      focusedDate,
-      futureDateSelection,
-      defaultTimeZone,
-      unavailableDates,
-      unavailable
-    ]);
+    }, [focusedDate, futureDateSelection, defaultTimeZone, unavailable]);
     return /* @__PURE__ */ jsx("tr", { ...rest, ref, children: week.map((n) => {
       return /* @__PURE__ */ jsx(CalendarDay, { date: n }, n.toISODate());
     }) });
@@ -8934,7 +8861,6 @@ const CalendarMonth = forwardRef(
       locale,
       minDate,
       maxDate,
-      unavailableDates,
       unavailable,
       defaultTimeZone,
       id: uid,
@@ -8949,23 +8875,13 @@ const CalendarMonth = forwardRef(
         if (maxDate !== null && targetDate.toMillis() > maxDate?.toMillis()) {
           return;
         }
-        if (isUnavailableDate(
-          targetDate,
-          unavailableDates,
-          unavailable,
-          defaultTimeZone
-        )) {
+        if (isUnavailableDate(targetDate, unavailable, defaultTimeZone)) {
           let nextFocusDate = targetDate.plus({ days: 1 });
           for (let i = 0; i < 365; i++) {
             if (maxDate !== null && nextFocusDate.toMillis() > maxDate?.toMillis()) {
               break;
             }
-            if (isUnavailableDate(
-              nextFocusDate,
-              unavailableDates,
-              unavailable,
-              defaultTimeZone
-            )) {
+            if (isUnavailableDate(nextFocusDate, unavailable, defaultTimeZone)) {
               nextFocusDate = nextFocusDate.plus({ days: 1 });
             } else {
               setFocusedDate(nextFocusDate);
@@ -8976,7 +8892,7 @@ const CalendarMonth = forwardRef(
         }
         setFocusedDate(targetDate);
       },
-      [maxDate, setFocusedDate, defaultTimeZone, unavailableDates, unavailable]
+      [maxDate, setFocusedDate, defaultTimeZone, unavailable]
     );
     let startDayIndex = 6;
     switch (startDay) {
@@ -9041,21 +8957,9 @@ const CalendarMonth = forwardRef(
       }, 100);
     }, [focusedDate, uid]);
     useEffect(() => {
-      if (!isUnavailableDate(
-        focusedDate,
-        unavailableDates,
-        unavailable,
-        defaultTimeZone
-      ))
-        return;
+      if (!isUnavailableDate(focusedDate, unavailable, defaultTimeZone)) return;
       futureDateSelection(focusedDate.plus({ days: 1 }));
-    }, [
-      focusedDate,
-      futureDateSelection,
-      defaultTimeZone,
-      unavailableDates,
-      unavailable
-    ]);
+    }, [focusedDate, futureDateSelection, defaultTimeZone, unavailable]);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(
         "table",
@@ -10389,7 +10293,6 @@ const CalendarElement = forwardRef(
       startDay = "Sunday",
       minDate,
       maxDate,
-      unavailableDates = [],
       unavailable = {
         dates: [],
         daysOfWeek: []
@@ -10576,7 +10479,6 @@ const CalendarElement = forwardRef(
         range,
         minDate: normalizedMinDate,
         maxDate: normalizedMaxDate,
-        unavailableDates: new Set(unavailableDates),
         unavailable: {
           dates: new Set(unavailable.dates),
           daysOfWeek: new Set(unavailable.daysOfWeek)
@@ -10600,7 +10502,6 @@ const CalendarElement = forwardRef(
       range,
       defaultTimeZone,
       uid,
-      unavailableDates,
       unavailable,
       value,
       startDay,
@@ -10858,5 +10759,5 @@ const Calendar = Object.assign(CalendarElement, {
   YearButton: CalendarYearButton
 });
 
-export { CalendarBetaPropsContext as C, DateTime as D, Calendar as a, CalendarNow as b, CalendarYearButton as c, CalendarPrev as d, CalendarNext as e, CalendarMonthButton as f, CalendarMonth as g, isValidDate as i, toDateString as t, useCalendarBetaProps as u };
-//# sourceMappingURL=Calendar-CM8wm_ZZ.js.map
+export { CalendarBetaPropsContext as C, DateTime as D, Calendar as a, CalendarNow as b, CalendarYearButton as c, CalendarPrev as d, CalendarNext as e, CalendarMonthButton as f, CalendarMonth as g, useCalendarBetaProps as u };
+//# sourceMappingURL=Calendar-BEwWBsCE.js.map