@salt-ds/lab 1.0.0-alpha.89 → 1.0.0-alpha.90

package/dist-cjs/utils/deprecatedExport.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var react = require('react');
+
+const warnedKeys = /* @__PURE__ */ new Set();
+const warnOnce = (key, message) => {
+  if (process.env.NODE_ENV === "production") return;
+  if (warnedKeys.has(key)) return;
+  warnedKeys.add(key);
+  console.warn(message);
+};
+function deprecatedComponent(Component, displayName, deprecationKey, message) {
+  const Wrapped = react.forwardRef((props, ref) => {
+    warnOnce(deprecationKey, message);
+    return react.createElement(Component, { ...props, ref });
+  });
+  Wrapped.displayName = displayName;
+  return Wrapped;
+}
+function deprecatedFunction(hook, deprecationKey, message) {
+  const wrapped = (...args) => {
+    warnOnce(deprecationKey, message);
+    return hook(...args);
+  };
+  return wrapped;
+}
+
+exports.deprecatedComponent = deprecatedComponent;
+exports.deprecatedFunction = deprecatedFunction;
+//# sourceMappingURL=deprecatedExport.js.map

package/dist-cjs/utils/deprecatedExport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deprecatedExport.js","sources":["../src/utils/deprecatedExport.ts"],"sourcesContent":["import { type ComponentType, createElement, forwardRef } from \"react\";\n\nconst warnedKeys = new Set<string>();\n\nconst warnOnce = (key: string, message: string) => {\n  if (process.env.NODE_ENV === \"production\") return;\n  if (warnedKeys.has(key)) return;\n  warnedKeys.add(key);\n  // eslint-disable-next-line no-console\n  console.warn(message);\n};\n\n/**\n * Wrap a component so that a deprecation warning is logged on first render\n * instead of at import time.\n */\nexport function deprecatedComponent<P extends object>(\n  Component: ComponentType<P>,\n  displayName: string,\n  deprecationKey: string,\n  message: string,\n) {\n  const Wrapped = forwardRef<unknown, P>((props, ref) => {\n    warnOnce(deprecationKey, message);\n    return createElement(Component, { ...props, ref } as P);\n  });\n  Wrapped.displayName = displayName;\n  return Wrapped as unknown as typeof Component;\n}\n\n/**\n * Wrap a hook or plain function so that a deprecation warning is logged on\n * first call instead of at import time.\n */\nexport function deprecatedFunction<T extends (...args: any[]) => any>(\n  hook: T,\n  deprecationKey: string,\n  message: string,\n): T {\n  const wrapped = (...args: any[]) => {\n    warnOnce(deprecationKey, message);\n    return hook(...args);\n  };\n  return wrapped as T;\n}\n"],"names":["forwardRef","createElement"],"mappings":";;;;AAEA,MAAM,UAAA,uBAAiB,GAAA,EAAY;AAEnC,MAAM,QAAA,GAAW,CAAC,GAAA,EAAa,OAAA,KAAoB;AACjD,EAAA,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AAC3C,EAAA,IAAI,UAAA,CAAW,GAAA,CAAI,GAAG,CAAA,EAAG;AACzB,EAAA,UAAA,CAAW,IAAI,GAAG,CAAA;AAElB,EAAA,OAAA,CAAQ,KAAK,OAAO,CAAA;AACtB,CAAA;AAMO,SAAS,mBAAA,CACd,SAAA,EACA,WAAA,EACA,cAAA,EACA,OAAA,EACA;AACA,EAAA,MAAM,OAAA,GAAUA,gBAAA,CAAuB,CAAC,KAAA,EAAO,GAAA,KAAQ;AACrD,IAAA,QAAA,CAAS,gBAAgB,OAAO,CAAA;AAChC,IAAA,OAAOC,oBAAc,SAAA,EAAW,EAAE,GAAG,KAAA,EAAO,KAAU,CAAA;AAAA,EACxD,CAAC,CAAA;AACD,EAAA,OAAA,CAAQ,WAAA,GAAc,WAAA;AACtB,EAAA,OAAO,OAAA;AACT;AAMO,SAAS,kBAAA,CACd,IAAA,EACA,cAAA,EACA,OAAA,EACG;AACH,EAAA,MAAM,OAAA,GAAU,IAAI,IAAA,KAAgB;AAClC,IAAA,QAAA,CAAS,gBAAgB,OAAO,CAAA;AAChC,IAAA,OAAO,IAAA,CAAK,GAAG,IAAI,CAAA;AAAA,EACrB,CAAA;AACA,EAAA,OAAO,OAAA;AACT;;;;;"}

package/dist-es/calendar/index.js

@@ -0,0 +1,50 @@
+import { Calendar as Calendar$1, CalendarGrid as CalendarGrid$1, CalendarNavigation as CalendarNavigation$1, CalendarWeekHeader as CalendarWeekHeader$1, isDateRangeSelection as isDateRangeSelection$1, useCalendar as useCalendar$1, useCalendarDay as useCalendarDay$1, useCalendarSelection as useCalendarSelection$1, useCalendarSelectionDay as useCalendarSelectionDay$1, useDateSelectionAnnouncer as useDateSelectionAnnouncer$1 } from '@salt-ds/date-components';
+import { deprecatedComponent, deprecatedFunction } from '../utils/deprecatedExport.js';
+
+const KEY = "@salt-ds/lab/calendar";
+const MSG = "@salt-ds/lab 'calendar' exports are deprecated and will be removed in a future release. Import from @salt-ds/date-components instead.";
+const _warnOnce = deprecatedFunction(() => {
+}, KEY, MSG);
+const Calendar = deprecatedComponent(Calendar$1, "Calendar", KEY, MSG);
+const CalendarGrid = deprecatedComponent(
+  CalendarGrid$1,
+  "CalendarGrid",
+  KEY,
+  MSG
+);
+const CalendarNavigation = deprecatedComponent(
+  CalendarNavigation$1,
+  "CalendarNavigation",
+  KEY,
+  MSG
+);
+const CalendarWeekHeader = deprecatedComponent(
+  CalendarWeekHeader$1,
+  "CalendarWeekHeader",
+  KEY,
+  MSG
+);
+const useCalendar = deprecatedFunction(useCalendar$1, KEY, MSG);
+const useCalendarDay = deprecatedFunction(useCalendarDay$1, KEY, MSG);
+const useCalendarSelection = deprecatedFunction(
+  useCalendarSelection$1,
+  KEY,
+  MSG
+);
+const useCalendarSelectionDay = deprecatedFunction(
+  useCalendarSelectionDay$1,
+  KEY,
+  MSG
+);
+const useDateSelectionAnnouncer = deprecatedFunction(
+  useDateSelectionAnnouncer$1,
+  KEY,
+  MSG
+);
+function isDateRangeSelection(value) {
+  _warnOnce();
+  return isDateRangeSelection$1(value);
+}
+
+export { Calendar, CalendarGrid, CalendarNavigation, CalendarWeekHeader, isDateRangeSelection, useCalendar, useCalendarDay, useCalendarSelection, useCalendarSelectionDay, useDateSelectionAnnouncer };
+//# sourceMappingURL=index.js.map

package/dist-es/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/calendar/index.ts"],"sourcesContent":["import type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport {\n  Calendar as _Calendar,\n  CalendarGrid as _CalendarGrid,\n  CalendarNavigation as _CalendarNavigation,\n  CalendarWeekHeader as _CalendarWeekHeader,\n  isDateRangeSelection as _isDateRangeSelection,\n  useCalendar as _useCalendar,\n  useCalendarDay as _useCalendarDay,\n  useCalendarSelection as _useCalendarSelection,\n  useCalendarSelectionDay as _useCalendarSelectionDay,\n  useDateSelectionAnnouncer as _useDateSelectionAnnouncer,\n  type DateRangeSelection,\n} from \"@salt-ds/date-components\";\nimport {\n  deprecatedComponent,\n  deprecatedFunction,\n} from \"../utils/deprecatedExport\";\n\nconst KEY = \"@salt-ds/lab/calendar\";\nconst MSG =\n  \"@salt-ds/lab 'calendar' exports are deprecated and will be removed in a future release. Import from @salt-ds/date-components instead.\";\n\nconst _warnOnce = deprecatedFunction(() => {}, KEY, MSG);\n\n// Components\nexport const Calendar = deprecatedComponent(_Calendar, \"Calendar\", KEY, MSG);\nexport const CalendarGrid = deprecatedComponent(\n  _CalendarGrid,\n  \"CalendarGrid\",\n  KEY,\n  MSG,\n);\nexport const CalendarNavigation = deprecatedComponent(\n  _CalendarNavigation,\n  \"CalendarNavigation\",\n  KEY,\n  MSG,\n);\nexport const CalendarWeekHeader = deprecatedComponent(\n  _CalendarWeekHeader,\n  \"CalendarWeekHeader\",\n  KEY,\n  MSG,\n);\n\n// Hooks\nexport const useCalendar = deprecatedFunction(_useCalendar, KEY, MSG);\nexport const useCalendarDay = deprecatedFunction(_useCalendarDay, KEY, MSG);\nexport const useCalendarSelection = deprecatedFunction(\n  _useCalendarSelection,\n  KEY,\n  MSG,\n);\nexport const useCalendarSelectionDay = deprecatedFunction(\n  _useCalendarSelectionDay,\n  KEY,\n  MSG,\n);\nexport const useDateSelectionAnnouncer = deprecatedFunction(\n  _useDateSelectionAnnouncer,\n  KEY,\n  MSG,\n);\n\n// Generic function — explicit wrapper to preserve type parameters\nexport function isDateRangeSelection<\n  TDate extends DateFrameworkType = DateFrameworkType,\n>(value: unknown): value is DateRangeSelection<TDate> {\n  _warnOnce();\n  return _isDateRangeSelection<TDate>(value);\n}\n\n// Types\nexport type {\n  CalendarBaseProps,\n  CalendarDayProps,\n  CalendarGridProps,\n  CalendarMultiselectOffsetProps,\n  CalendarMultiselectRangeProps,\n  CalendarMultiselectSingleProps,\n  CalendarNavigationProps,\n  CalendarOffsetProps,\n  CalendarProps,\n  CalendarRangeProps,\n  CalendarSingleProps,\n  CalendarWeekHeaderProps,\n  CreateAnnouncement,\n  DateRangeSelection,\n  DayStatus,\n  renderCalendarDayProps,\n  SelectionVariant,\n  SingleDateSelection,\n  UseCalendarMultiselectOffsetProps,\n  UseCalendarMultiselectRangeProps,\n  UseCalendarMultiselectSingleProps,\n  UseCalendarOffsetProps,\n  UseCalendarProps,\n  UseCalendarRangeProps,\n  UseCalendarReturn,\n  UseCalendarSelectionBaseProps,\n  UseCalendarSelectionMultiselectOffsetProps,\n  UseCalendarSelectionMultiselectRangeProps,\n  UseCalendarSelectionMultiselectSingleProps,\n  UseCalendarSelectionOffsetProps,\n  UseCalendarSelectionProps,\n  UseCalendarSelectionRangeProps,\n  UseCalendarSelectionSingleProps,\n  UseCalendarSingleProps,\n  useCalendarDayProps,\n} from \"@salt-ds/date-components\";\n"],"names":["_Calendar","_CalendarGrid","_CalendarNavigation","_CalendarWeekHeader","_useCalendar","_useCalendarDay","_useCalendarSelection","_useCalendarSelectionDay","_useDateSelectionAnnouncer","_isDateRangeSelection"],"mappings":";;;AAmBA,MAAM,GAAA,GAAM,uBAAA;AACZ,MAAM,GAAA,GACJ,uIAAA;AAEF,MAAM,SAAA,GAAY,mBAAmB,MAAM;AAAC,CAAA,EAAG,KAAK,GAAG,CAAA;AAGhD,MAAM,QAAA,GAAW,mBAAA,CAAoBA,UAAA,EAAW,UAAA,EAAY,KAAK,GAAG;AACpE,MAAM,YAAA,GAAe,mBAAA;AAAA,EAC1BC,cAAA;AAAA,EACA,cAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,MAAM,kBAAA,GAAqB,mBAAA;AAAA,EAChCC,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,MAAM,kBAAA,GAAqB,mBAAA;AAAA,EAChCC,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AAGO,MAAM,WAAA,GAAc,kBAAA,CAAmBC,aAAA,EAAc,GAAA,EAAK,GAAG;AAC7D,MAAM,cAAA,GAAiB,kBAAA,CAAmBC,gBAAA,EAAiB,GAAA,EAAK,GAAG;AACnE,MAAM,oBAAA,GAAuB,kBAAA;AAAA,EAClCC,sBAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,MAAM,uBAAA,GAA0B,kBAAA;AAAA,EACrCC,yBAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,MAAM,yBAAA,GAA4B,kBAAA;AAAA,EACvCC,2BAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AAGO,SAAS,qBAEd,KAAA,EAAoD;AACpD,EAAA,SAAA,EAAU;AACV,EAAA,OAAOC,uBAA6B,KAAK,CAAA;AAC3C;;;;"}

package/dist-es/content-status/ContentStatus.js

@@ -48,7 +48,7 @@ const ContentStatus = forwardRef(
         toBeAnnounced.push(status);
       }
       if (toBeAnnounced.length > 0) {
-        announce(toBeAnnounced.join(" "));
+        announce(toBeAnnounced.join(" "), { ariaLive: "polite" });
       }
     }, [announce, disableAnnouncer, message, status, title]);
     return /* @__PURE__ */ jsxs("div", { className: clsx(withBaseName(), className), ref, ...rest, children: [

package/dist-es/content-status/ContentStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentStatus.js","sources":["../src/content-status/ContentStatus.tsx"],"sourcesContent":["import {\n  Button,\n  makePrefixer,\n  Text,\n  useAriaAnnouncer,\n  useId,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  type MouseEvent,\n  type Ref,\n  useEffect,\n} from \"react\";\nimport contentStatusCss from \"./ContentStatus.css\";\nimport {\n  StatusIndicator,\n  type StatusIndicatorProps,\n} from \"./internal/StatusIndicator\";\n\nconst withBaseName = makePrefixer(\"saltContentStatus\");\n\nexport interface ContentStatusProps\n  extends HTMLAttributes<HTMLDivElement>,\n    StatusIndicatorProps {\n  actionLabel?: string;\n  buttonRef?: Ref<HTMLButtonElement>;\n  onActionClick?: (evt: MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const ContentStatus = forwardRef<HTMLDivElement, ContentStatusProps>(\n  function ContentStatus(\n    {\n      CircularProgressProps,\n      SpinnerProps,\n      actionLabel,\n      buttonRef,\n      className,\n      children,\n      disableAnnouncer,\n      message,\n      onActionClick,\n      status = \"info\",\n      title,\n      value,\n      ...rest\n    },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-content-status\",\n      css: contentStatusCss,\n      window: targetWindow,\n    });\n\n    const id = useId();\n\n    const hasDefaultActionContent = actionLabel && onActionClick;\n    const hasActions = children || hasDefaultActionContent;\n    const hasContent = title || message || hasActions;\n\n    const { announce } = useAriaAnnouncer();\n\n    useEffect(() => {\n      if (disableAnnouncer) return;\n\n      const toBeAnnounced = [];\n      if (title) {\n        toBeAnnounced.push(title);\n      }\n      if (message) {\n        toBeAnnounced.push(message);\n      }\n      // Loading is announced by the spinner\n      if (status !== \"loading\") {\n        toBeAnnounced.push(status);\n      }\n      if (toBeAnnounced.length > 0) {\n        announce(toBeAnnounced.join(\" \"));\n      }\n    }, [announce, disableAnnouncer, message, status, title]);\n\n    return (\n      <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n        <StatusIndicator\n          CircularProgressProps={CircularProgressProps}\n          SpinnerProps={SpinnerProps}\n          disableAnnouncer={disableAnnouncer}\n          id={id}\n          message={message}\n          status={status}\n          title={title}\n          value={value}\n          {...rest}\n        />\n        {hasContent && (\n          <div\n            // `aria-labelledby` to itself so that children of this div will show up in screen reader, and we don't need to join to aria-label\n            aria-labelledby={id}\n            className={clsx(withBaseName(\"content\"))}\n            id={id}\n            role=\"region\"\n          >\n            {title && (\n              <Text className={clsx(withBaseName(\"title\"))}>{title}</Text>\n            )}\n            {message && (\n              <Text className={clsx(withBaseName(\"message\"))}>{message}</Text>\n            )}\n            {hasActions && (\n              <div className={clsx(withBaseName(\"actions\"))}>\n                {children || (\n                  <Button onClick={onActionClick} ref={buttonRef}>\n                    {actionLabel}\n                  </Button>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n"],"names":["ContentStatus","contentStatusCss"],"mappings":";;;;;;;;;AAuBA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA;AAU9C,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,SAASA,cAAAA,CACP;AAAA,IACE,qBAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,MAAA,GAAS,MAAA;AAAA,IACT,KAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,qBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM,KAAK,KAAA,EAAM;AAEjB,IAAA,MAAM,0BAA0B,WAAA,IAAe,aAAA;AAC/C,IAAA,MAAM,aAAa,QAAA,IAAY,uBAAA;AAC/B,IAAA,MAAM,UAAA,GAAa,SAAS,OAAA,IAAW,UAAA;AAEvC,IAAA,MAAM,EAAE,QAAA,EAAS,GAAI,gBAAA,EAAiB;AAEtC,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,gBAAA,EAAkB;AAEtB,MAAA,MAAM,gBAAgB,EAAC;AACvB,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,aAAA,CAAc,KAAK,KAAK,CAAA;AAAA,MAC1B;AACA,MAAA,IAAI,OAAA,EAAS;AACX,QAAA,aAAA,CAAc,KAAK,OAAO,CAAA;AAAA,MAC5B;AAEA,MAAA,IAAI,WAAW,SAAA,EAAW;AACxB,QAAA,aAAA,CAAc,KAAK,MAAM,CAAA;AAAA,MAC3B;AACA,MAAA,IAAI,aAAA,CAAc,SAAS,CAAA,EAAG;AAC5B,QAAA,QAAA,CAAS,aAAA,CAAc,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA,MAClC;AAAA,IACF,GAAG,CAAC,QAAA,EAAU,kBAAkB,OAAA,EAAS,MAAA,EAAQ,KAAK,CAAC,CAAA;AAEvD,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,IAAA,CAAK,YAAA,IAAgB,SAAS,CAAA,EAAG,GAAA,EAAW,GAAG,IAAA,EAC7D,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,qBAAA;AAAA,UACA,YAAA;AAAA,UACA,gBAAA;AAAA,UACA,EAAA;AAAA,UACA,OAAA;AAAA,UACA,MAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,UAAA,oBACC,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UAEC,iBAAA,EAAiB,EAAA;AAAA,UACjB,SAAA,EAAW,IAAA,CAAK,YAAA,CAAa,SAAS,CAAC,CAAA;AAAA,UACvC,EAAA;AAAA,UACA,IAAA,EAAK,QAAA;AAAA,UAEJ,QAAA,EAAA;AAAA,YAAA,KAAA,oBACC,GAAA,CAAC,QAAK,SAAA,EAAW,IAAA,CAAK,aAAa,OAAO,CAAC,GAAI,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,YAEtD,OAAA,wBACE,IAAA,EAAA,EAAK,SAAA,EAAW,KAAK,YAAA,CAAa,SAAS,CAAC,CAAA,EAAI,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,YAE1D,8BACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,IAAA,CAAK,aAAa,SAAS,CAAC,CAAA,EACzC,QAAA,EAAA,QAAA,wBACE,MAAA,EAAA,EAAO,OAAA,EAAS,eAAe,GAAA,EAAK,SAAA,EAClC,uBACH,CAAA,EAEJ;AAAA;AAAA;AAAA;AAEJ,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF;;;;"}
+{"version":3,"file":"ContentStatus.js","sources":["../src/content-status/ContentStatus.tsx"],"sourcesContent":["import {\n  Button,\n  makePrefixer,\n  Text,\n  useAriaAnnouncer,\n  useId,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  type MouseEvent,\n  type Ref,\n  useEffect,\n} from \"react\";\nimport contentStatusCss from \"./ContentStatus.css\";\nimport {\n  StatusIndicator,\n  type StatusIndicatorProps,\n} from \"./internal/StatusIndicator\";\n\nconst withBaseName = makePrefixer(\"saltContentStatus\");\n\nexport interface ContentStatusProps\n  extends HTMLAttributes<HTMLDivElement>,\n    StatusIndicatorProps {\n  actionLabel?: string;\n  buttonRef?: Ref<HTMLButtonElement>;\n  onActionClick?: (evt: MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const ContentStatus = forwardRef<HTMLDivElement, ContentStatusProps>(\n  function ContentStatus(\n    {\n      CircularProgressProps,\n      SpinnerProps,\n      actionLabel,\n      buttonRef,\n      className,\n      children,\n      disableAnnouncer,\n      message,\n      onActionClick,\n      status = \"info\",\n      title,\n      value,\n      ...rest\n    },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-content-status\",\n      css: contentStatusCss,\n      window: targetWindow,\n    });\n\n    const id = useId();\n\n    const hasDefaultActionContent = actionLabel && onActionClick;\n    const hasActions = children || hasDefaultActionContent;\n    const hasContent = title || message || hasActions;\n\n    const { announce } = useAriaAnnouncer();\n\n    useEffect(() => {\n      if (disableAnnouncer) return;\n\n      const toBeAnnounced = [];\n      if (title) {\n        toBeAnnounced.push(title);\n      }\n      if (message) {\n        toBeAnnounced.push(message);\n      }\n      // Loading is announced by the spinner\n      if (status !== \"loading\") {\n        toBeAnnounced.push(status);\n      }\n      if (toBeAnnounced.length > 0) {\n        announce(toBeAnnounced.join(\" \"), { ariaLive: \"polite\" });\n      }\n    }, [announce, disableAnnouncer, message, status, title]);\n\n    return (\n      <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n        <StatusIndicator\n          CircularProgressProps={CircularProgressProps}\n          SpinnerProps={SpinnerProps}\n          disableAnnouncer={disableAnnouncer}\n          id={id}\n          message={message}\n          status={status}\n          title={title}\n          value={value}\n          {...rest}\n        />\n        {hasContent && (\n          <div\n            // `aria-labelledby` to itself so that children of this div will show up in screen reader, and we don't need to join to aria-label\n            aria-labelledby={id}\n            className={clsx(withBaseName(\"content\"))}\n            id={id}\n            role=\"region\"\n          >\n            {title && (\n              <Text className={clsx(withBaseName(\"title\"))}>{title}</Text>\n            )}\n            {message && (\n              <Text className={clsx(withBaseName(\"message\"))}>{message}</Text>\n            )}\n            {hasActions && (\n              <div className={clsx(withBaseName(\"actions\"))}>\n                {children || (\n                  <Button onClick={onActionClick} ref={buttonRef}>\n                    {actionLabel}\n                  </Button>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n"],"names":["ContentStatus","contentStatusCss"],"mappings":"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"}

package/dist-es/date-input/index.js

@@ -0,0 +1,20 @@
+import { DateInputRange as DateInputRange$1, DateInputSingle as DateInputSingle$1 } from '@salt-ds/date-components';
+import { deprecatedComponent } from '../utils/deprecatedExport.js';
+
+const KEY = "@salt-ds/lab/date-input";
+const MSG = "@salt-ds/lab 'date-input' exports are deprecated and will be removed in a future release. Import from @salt-ds/date-components instead.";
+const DateInputRange = deprecatedComponent(
+  DateInputRange$1,
+  "DateInputRange",
+  KEY,
+  MSG
+);
+const DateInputSingle = deprecatedComponent(
+  DateInputSingle$1,
+  "DateInputSingle",
+  KEY,
+  MSG
+);
+
+export { DateInputRange, DateInputSingle };
+//# sourceMappingURL=index.js.map

package/dist-es/date-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/date-input/index.ts"],"sourcesContent":["import {\n  DateInputRange as _DateInputRange,\n  DateInputSingle as _DateInputSingle,\n} from \"@salt-ds/date-components\";\nimport { deprecatedComponent } from \"../utils/deprecatedExport\";\n\nconst KEY = \"@salt-ds/lab/date-input\";\nconst MSG =\n  \"@salt-ds/lab 'date-input' exports are deprecated and will be removed in a future release. Import from @salt-ds/date-components instead.\";\n\nexport const DateInputRange = deprecatedComponent(\n  _DateInputRange,\n  \"DateInputRange\",\n  KEY,\n  MSG,\n);\nexport const DateInputSingle = deprecatedComponent(\n  _DateInputSingle,\n  \"DateInputSingle\",\n  KEY,\n  MSG,\n);\n\nexport type {\n  DateInputRangeDetails,\n  DateInputRangeProps,\n  DateInputRangeValue,\n  DateInputSingleDetails,\n  DateInputSingleProps,\n  DateParserField,\n} from \"@salt-ds/date-components\";\n"],"names":["_DateInputRange","_DateInputSingle"],"mappings":";;;AAMA,MAAM,GAAA,GAAM,yBAAA;AACZ,MAAM,GAAA,GACJ,yIAAA;AAEK,MAAM,cAAA,GAAiB,mBAAA;AAAA,EAC5BA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,MAAM,eAAA,GAAkB,mBAAA;AAAA,EAC7BC,iBAAA;AAAA,EACA,iBAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;;;;"}

package/dist-es/date-picker/index.js

@@ -0,0 +1,85 @@
+import { DatePicker as DatePicker$1, DatePickerActions as DatePickerActions$1, DatePickerHelperText as DatePickerHelperText$1, DatePickerOverlay as DatePickerOverlay$1, DatePickerOverlayProvider as DatePickerOverlayProvider$1, DatePickerRangeGridPanel as DatePickerRangeGridPanel$1, DatePickerRangeInput as DatePickerRangeInput$1, DatePickerRangePanel as DatePickerRangePanel$1, DatePickerSingleGridPanel as DatePickerSingleGridPanel$1, DatePickerSingleInput as DatePickerSingleInput$1, DatePickerTrigger as DatePickerTrigger$1, useDatePickerContext as useDatePickerContext$1, useDatePickerOverlay as useDatePickerOverlay$1 } from '@salt-ds/date-components';
+export { DateRangeSelectionContext, SingleDateSelectionContext } from '@salt-ds/date-components';
+import { deprecatedComponent, deprecatedFunction } from '../utils/deprecatedExport.js';
+
+const KEY = "@salt-ds/lab/date-picker";
+const MSG = "@salt-ds/lab 'date-picker' exports are deprecated and will be removed in a future release. Import from @salt-ds/date-components instead.";
+const DatePicker = deprecatedComponent(
+  DatePicker$1,
+  "DatePicker",
+  KEY,
+  MSG
+);
+const DatePickerActions = deprecatedComponent(
+  DatePickerActions$1,
+  "DatePickerActions",
+  KEY,
+  MSG
+);
+const DatePickerHelperText = deprecatedComponent(
+  DatePickerHelperText$1,
+  "DatePickerHelperText",
+  KEY,
+  MSG
+);
+const DatePickerOverlay = deprecatedComponent(
+  DatePickerOverlay$1,
+  "DatePickerOverlay",
+  KEY,
+  MSG
+);
+const DatePickerOverlayProvider = deprecatedComponent(
+  DatePickerOverlayProvider$1,
+  "DatePickerOverlayProvider",
+  KEY,
+  MSG
+);
+const DatePickerRangeGridPanel = deprecatedComponent(
+  DatePickerRangeGridPanel$1,
+  "DatePickerRangeGridPanel",
+  KEY,
+  MSG
+);
+const DatePickerRangeInput = deprecatedComponent(
+  DatePickerRangeInput$1,
+  "DatePickerRangeInput",
+  KEY,
+  MSG
+);
+const DatePickerRangePanel = deprecatedComponent(
+  DatePickerRangePanel$1,
+  "DatePickerRangePanel",
+  KEY,
+  MSG
+);
+const DatePickerSingleGridPanel = deprecatedComponent(
+  DatePickerSingleGridPanel$1,
+  "DatePickerSingleGridPanel",
+  KEY,
+  MSG
+);
+const DatePickerSingleInput = deprecatedComponent(
+  DatePickerSingleInput$1,
+  "DatePickerSingleInput",
+  KEY,
+  MSG
+);
+const DatePickerTrigger = deprecatedComponent(
+  DatePickerTrigger$1,
+  "DatePickerTrigger",
+  KEY,
+  MSG
+);
+const useDatePickerContext = deprecatedFunction(
+  useDatePickerContext$1,
+  KEY,
+  MSG
+);
+const useDatePickerOverlay = deprecatedFunction(
+  useDatePickerOverlay$1,
+  KEY,
+  MSG
+);
+
+export { DatePicker, DatePickerActions, DatePickerHelperText, DatePickerOverlay, DatePickerOverlayProvider, DatePickerRangeGridPanel, DatePickerRangeInput, DatePickerRangePanel, DatePickerSingleGridPanel, DatePickerSingleInput, DatePickerTrigger, useDatePickerContext, useDatePickerOverlay };
+//# sourceMappingURL=index.js.map

package/dist-es/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/date-picker/index.ts"],"sourcesContent":["import {\n  DatePicker as _DatePicker,\n  DatePickerActions as _DatePickerActions,\n  DatePickerHelperText as _DatePickerHelperText,\n  DatePickerOverlay as _DatePickerOverlay,\n  DatePickerOverlayProvider as _DatePickerOverlayProvider,\n  DatePickerRangeGridPanel as _DatePickerRangeGridPanel,\n  DatePickerRangeInput as _DatePickerRangeInput,\n  DatePickerRangePanel as _DatePickerRangePanel,\n  DatePickerSingleGridPanel as _DatePickerSingleGridPanel,\n  DatePickerSingleInput as _DatePickerSingleInput,\n  DatePickerTrigger as _DatePickerTrigger,\n  useDatePickerContext as _useDatePickerContext,\n  useDatePickerOverlay as _useDatePickerOverlay,\n} from \"@salt-ds/date-components\";\nimport {\n  deprecatedComponent,\n  deprecatedFunction,\n} from \"../utils/deprecatedExport\";\n\nconst KEY = \"@salt-ds/lab/date-picker\";\nconst MSG =\n  \"@salt-ds/lab 'date-picker' exports are deprecated and will be removed in a future release. Import from @salt-ds/date-components instead.\";\n\n// Components\nexport const DatePicker = deprecatedComponent(\n  _DatePicker,\n  \"DatePicker\",\n  KEY,\n  MSG,\n);\nexport const DatePickerActions = deprecatedComponent(\n  _DatePickerActions,\n  \"DatePickerActions\",\n  KEY,\n  MSG,\n);\nexport const DatePickerHelperText = deprecatedComponent(\n  _DatePickerHelperText,\n  \"DatePickerHelperText\",\n  KEY,\n  MSG,\n);\nexport const DatePickerOverlay = deprecatedComponent(\n  _DatePickerOverlay,\n  \"DatePickerOverlay\",\n  KEY,\n  MSG,\n);\nexport const DatePickerOverlayProvider = deprecatedComponent(\n  _DatePickerOverlayProvider,\n  \"DatePickerOverlayProvider\",\n  KEY,\n  MSG,\n);\nexport const DatePickerRangeGridPanel = deprecatedComponent(\n  _DatePickerRangeGridPanel,\n  \"DatePickerRangeGridPanel\",\n  KEY,\n  MSG,\n);\nexport const DatePickerRangeInput = deprecatedComponent(\n  _DatePickerRangeInput,\n  \"DatePickerRangeInput\",\n  KEY,\n  MSG,\n);\nexport const DatePickerRangePanel = deprecatedComponent(\n  _DatePickerRangePanel,\n  \"DatePickerRangePanel\",\n  KEY,\n  MSG,\n);\nexport const DatePickerSingleGridPanel = deprecatedComponent(\n  _DatePickerSingleGridPanel,\n  \"DatePickerSingleGridPanel\",\n  KEY,\n  MSG,\n);\nexport const DatePickerSingleInput = deprecatedComponent(\n  _DatePickerSingleInput,\n  \"DatePickerSingleInput\",\n  KEY,\n  MSG,\n);\nexport const DatePickerTrigger = deprecatedComponent(\n  _DatePickerTrigger,\n  \"DatePickerTrigger\",\n  KEY,\n  MSG,\n);\n\n// Hooks\nexport const useDatePickerContext = deprecatedFunction(\n  _useDatePickerContext,\n  KEY,\n  MSG,\n);\nexport const useDatePickerOverlay = deprecatedFunction(\n  _useDatePickerOverlay,\n  KEY,\n  MSG,\n);\n\n// Types — no side effects\nexport type {\n  DatePickerActionsProps,\n  DatePickerOpenChangeReason,\n  DatePickerProps,\n  DatePickerRangeGridPanelProps,\n  DatePickerSingleGridPanelProps,\n  DatePickerState,\n  RangeDatePickerState,\n  SingleDatePickerState,\n  UseDatePickerContextProps,\n} from \"@salt-ds/date-components\";\n// Context objects — re-export directly (no runtime cost)\nexport {\n  DateRangeSelectionContext,\n  SingleDateSelectionContext,\n} from \"@salt-ds/date-components\";\n"],"names":["_DatePicker","_DatePickerActions","_DatePickerHelperText","_DatePickerOverlay","_DatePickerOverlayProvider","_DatePickerRangeGridPanel","_DatePickerRangeInput","_DatePickerRangePanel","_DatePickerSingleGridPanel","_DatePickerSingleInput","_DatePickerTrigger","_useDatePickerContext","_useDatePickerOverlay"],"mappings":";;;;AAoBA,MAAM,GAAA,GAAM,0BAAA;AACZ,MAAM,GAAA,GACJ,0IAAA;AAGK,MAAM,UAAA,GAAa,mBAAA;AAAA,EACxBA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,MAAM,iBAAA,GAAoB,mBAAA;AAAA,EAC/BC,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,MAAM,oBAAA,GAAuB,mBAAA;AAAA,EAClCC,sBAAA;AAAA,EACA,sBAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,MAAM,iBAAA,GAAoB,mBAAA;AAAA,EAC/BC,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,MAAM,yBAAA,GAA4B,mBAAA;AAAA,EACvCC,2BAAA;AAAA,EACA,2BAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,MAAM,wBAAA,GAA2B,mBAAA;AAAA,EACtCC,0BAAA;AAAA,EACA,0BAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,MAAM,oBAAA,GAAuB,mBAAA;AAAA,EAClCC,sBAAA;AAAA,EACA,sBAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,MAAM,oBAAA,GAAuB,mBAAA;AAAA,EAClCC,sBAAA;AAAA,EACA,sBAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,MAAM,yBAAA,GAA4B,mBAAA;AAAA,EACvCC,2BAAA;AAAA,EACA,2BAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,MAAM,qBAAA,GAAwB,mBAAA;AAAA,EACnCC,uBAAA;AAAA,EACA,uBAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,MAAM,iBAAA,GAAoB,mBAAA;AAAA,EAC/BC,mBAAA;AAAA,EACA,mBAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AAGO,MAAM,oBAAA,GAAuB,kBAAA;AAAA,EAClCC,sBAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;AACO,MAAM,oBAAA,GAAuB,kBAAA;AAAA,EAClCC,sBAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF;;;;"}

package/dist-es/index.js

@@ -3,13 +3,7 @@ export { Breadcrumb } from './breadcrumbs/Breadcrumb.js';
 export { Breadcrumbs } from './breadcrumbs/Breadcrumbs.js';
 export { ButtonBar, DefaultButtonsOrderByVariant } from './button-bar/ButtonBar.js';
 export { OrderedButton } from './button-bar/OrderedButton.js';
-export { Calendar } from './calendar/Calendar.js';
-export { CalendarGrid } from './calendar/CalendarGrid.js';
-export { CalendarNavigation } from './calendar/CalendarNavigation.js';
-export { CalendarWeekHeader } from './calendar/CalendarWeekHeader.js';
-export { useCalendar } from './calendar/useCalendar.js';
-export { useCalendarDay } from './calendar/useCalendarDay.js';
-export { isDateRangeSelection, useCalendarSelection, useCalendarSelectionDay } from './calendar/useCalendarSelection.js';
+export { Calendar, CalendarGrid, CalendarNavigation, CalendarWeekHeader, isDateRangeSelection, useCalendar, useCalendarDay, useCalendarSelection, useCalendarSelectionDay, useDateSelectionAnnouncer } from './calendar/index.js';
 export { CascadingMenu } from './cascading-menu/CascadingMenu.js';
 export { Color } from './color-chooser/Color.js';
 export { ColorChooser } from './color-chooser/ColorChooser.js';
@@ -34,21 +28,8 @@ export { ContactSecondaryInfo } from './contact-details/ContactSecondaryInfo.js'
 export { ContactTertiaryInfo } from './contact-details/ContactTertiaryInfo.js';
 export { MailLinkComponent } from './contact-details/MailLinkComponent.js';
 export { ContentStatus } from './content-status/ContentStatus.js';
-export { DateInputRange, DateParserField } from './date-input/DateInputRange.js';
-export { DateInputSingle } from './date-input/DateInputSingle.js';
-export { DatePicker, DatePickerMain } from './date-picker/DatePicker.js';
-export { DatePickerActions } from './date-picker/DatePickerActions.js';
-export { DateRangeSelectionContext, SingleDateSelectionContext, useDatePickerContext } from './date-picker/DatePickerContext.js';
-export { DatePickerHelperText } from './date-picker/DatePickerHelperText.js';
-export { DatePickerOverlay } from './date-picker/DatePickerOverlay.js';
-export { DatePickerOverlayProvider, useDatePickerOverlay } from './date-picker/DatePickerOverlayProvider.js';
-export { DatePickerRangeGridPanel } from './date-picker/DatePickerRangeGridPanel.js';
-export { DatePickerRangeInput, defaultRangeValidator } from './date-picker/DatePickerRangeInput.js';
-export { DatePickerRangePanel } from './date-picker/DatePickerRangePanel.js';
-export { DatePickerSingleGridPanel } from './date-picker/DatePickerSingleGridPanel.js';
-export { DatePickerSingleInput } from './date-picker/DatePickerSingleInput.js';
-export { DatePickerSinglePanel } from './date-picker/DatePickerSinglePanel.js';
-export { DatePickerTrigger } from './date-picker/DatePickerTrigger.js';
+export { DateInputRange, DateInputSingle } from './date-input/index.js';
+export { DatePicker, DatePickerActions, DatePickerHelperText, DatePickerOverlay, DatePickerOverlayProvider, DatePickerRangeGridPanel, DatePickerRangeInput, DatePickerRangePanel, DatePickerSingleGridPanel, DatePickerSingleInput, DatePickerTrigger, useDatePickerContext, useDatePickerOverlay } from './date-picker/index.js';
 export { DeckItem } from './deck-item/DeckItem.js';
 export { DeckLayout } from './deck-layout/DeckLayout.js';
 export { Dropdown } from './dropdown/Dropdown.js';
@@ -95,7 +76,7 @@ export { useOverflowDetection } from './utils/useOverflowDetection.js';
 export { useSlideSelection } from './utils/useSlideSelection.js';
 export { ListItemNext } from './list-next/ListItemNext.js';
 export { ListNext } from './list-next/ListNext.js';
-export { LocalizationProvider, LocalizationProviderContext, useLocalization } from './localization-provider/LocalizationProvider.js';
+export { LocalizationProvider, useLocalization } from './localization-provider/index.js';
 export { Logo } from './logo/Logo.js';
 export { LogoImage } from './logo/LogoImage.js';
 export { LogoSeparator } from './logo/LogoSeparator.js';
@@ -118,6 +99,13 @@ export { HeightOnly, WidthHeight, WidthOnly, useResizeObserver } from './respons
 export { useWidth } from './responsive/useWidth.js';
 export { isResponsiveAttribute, liftResponsivePropsToFormField } from './responsive/utils.js';
 export { SearchInput } from './search-input/SearchInput.js';
+export { SidePanel } from './side-panel/SidePanel.js';
+export { SidePanelContent } from './side-panel/SidePanelContent.js';
+export { SidePanelHeader } from './side-panel/SidePanelHeader.js';
+export { SidePanelProvider } from './side-panel/SidePanelProvider.js';
+export { SidePanelTitle } from './side-panel/SidePanelTitle.js';
+export { SidePanelTrigger } from './side-panel/SidePanelTrigger.js';
+export { useSidePanel } from './side-panel/useSidePanel.js';
 export { StaticList } from './static-list/StaticList.js';
 export { StaticListItem } from './static-list/StaticListItem.js';
 export { StaticListItemContent } from './static-list/StaticListItemContent.js';
@@ -152,4 +140,5 @@ export { TreeNodeLabel } from './tree/TreeNodeLabel.js';
 export { TreeNodeTrigger } from './tree/TreeNodeTrigger.js';
 export { ElectronWindow } from './window/ElectronWindow.js';
 export { Window, WindowContext, isDesktop, useWindow } from './window/WindowContext.js';
+export { DateRangeSelectionContext, LocalizationProviderContext, SingleDateSelectionContext } from '@salt-ds/date-components';
 //# sourceMappingURL=index.js.map

package/dist-es/index.js.map

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

package/dist-es/localization-provider/index.js

@@ -0,0 +1,20 @@
+import { LocalizationProvider as LocalizationProvider$1, useLocalization as useLocalization$1 } from '@salt-ds/date-components';
+export { LocalizationProviderContext } from '@salt-ds/date-components';
+import { deprecatedFunction } from '../utils/deprecatedExport.js';
+
+const KEY = "@salt-ds/lab/localization-provider";
+const MSG = "@salt-ds/lab 'localization-provider' exports are deprecated and will be removed in a future release. Import from @salt-ds/date-components instead.";
+const _warnOnce = deprecatedFunction(() => {
+}, KEY, MSG);
+function LocalizationProvider(props) {
+  _warnOnce();
+  return LocalizationProvider$1(props);
+}
+LocalizationProvider.displayName = "LocalizationProvider";
+function useLocalization() {
+  _warnOnce();
+  return useLocalization$1();
+}
+
+export { LocalizationProvider, useLocalization };
+//# sourceMappingURL=index.js.map

package/dist-es/localization-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/localization-provider/index.ts"],"sourcesContent":["import type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport {\n  LocalizationProvider as _LocalizationProvider,\n  useLocalization as _useLocalization,\n  type LocalizationProviderProps,\n  type LocalizationProviderValue,\n} from \"@salt-ds/date-components\";\nimport { deprecatedFunction } from \"../utils/deprecatedExport\";\n\nconst KEY = \"@salt-ds/lab/localization-provider\";\nconst MSG =\n  \"@salt-ds/lab 'localization-provider' exports are deprecated and will be removed in a future release. Import from @salt-ds/date-components instead.\";\n\nconst _warnOnce = deprecatedFunction(() => {}, KEY, MSG);\n\nexport function LocalizationProvider<\n  TDate extends DateFrameworkType = DateFrameworkType,\n  TLocale = undefined,\n>(props: LocalizationProviderProps<TDate, TLocale>) {\n  _warnOnce();\n  return _LocalizationProvider(props);\n}\nLocalizationProvider.displayName = \"LocalizationProvider\";\n\nexport function useLocalization<\n  TDate extends DateFrameworkType = DateFrameworkType,\n>(): LocalizationProviderValue<TDate> {\n  _warnOnce();\n  return _useLocalization<TDate>();\n}\n\nexport type {\n  LocalizationProviderContext as LocalizationProviderContextType,\n  LocalizationProviderProps,\n  LocalizationProviderValue,\n} from \"@salt-ds/date-components\";\n// Context object — re-export directly\nexport { LocalizationProviderContext } from \"@salt-ds/date-components\";\n"],"names":["_LocalizationProvider","_useLocalization"],"mappings":";;;;AASA,MAAM,GAAA,GAAM,oCAAA;AACZ,MAAM,GAAA,GACJ,oJAAA;AAEF,MAAM,SAAA,GAAY,mBAAmB,MAAM;AAAC,CAAA,EAAG,KAAK,GAAG,CAAA;AAEhD,SAAS,qBAGd,KAAA,EAAkD;AAClD,EAAA,SAAA,EAAU;AACV,EAAA,OAAOA,uBAAsB,KAAK,CAAA;AACpC;AACA,oBAAA,CAAqB,WAAA,GAAc,sBAAA;AAE5B,SAAS,eAAA,GAEsB;AACpC,EAAA,SAAA,EAAU;AACV,EAAA,OAAOC,iBAAA,EAAwB;AACjC;;;;"}

package/dist-es/rating/Rating.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".saltRating {\n  display: inline-flex;\n  box-sizing: border-box;\n}\n\n.saltFormField .saltRating-container {\n  height: var(--salt-size-base);\n  padding-top: calc(var(--salt-spacing-100) + var(--salt-spacing-fixed-100));\n}\n\n.saltFormField .saltRating-label {\n  min-height: var(--salt-size-base);\n  padding-top: var(--salt-spacing-100);\n}\n\n.saltRating-labelTop,\n.saltRating-labelBottom {\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--salt-spacing-fixed-600);\n}\n\n.saltRating-labelLeft,\n.saltRating-labelRight {\n  flex-direction: row;\n  gap: var(--salt-spacing-fixed-1200);\n}\n\n.saltRating-container {\n  display: flex;\n  flex-direction: row;\n  gap: var(--salt-spacing-fixed-1200);\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  padding-top: var(--salt-spacing-fixed-100);\n  padding-bottom: var(--salt-spacing-fixed-100);\n  box-sizing: border-box;\n}\n\n.saltRating-label {\n  color: var(--salt-content-primary-foreground);\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n  box-sizing: border-box;\n}\n\n.saltRating-label.saltRating-label-left {\n  text-align: right;\n}\n";
+var css_248z = ".saltRating {\n  display: inline-flex;\n  box-sizing: border-box;\n}\n\n.saltFormField .saltRating-container {\n  height: var(--salt-size-base);\n  padding-top: calc(var(--salt-spacing-100) + var(--salt-spacing-fixed-100));\n}\n\n.saltFormField .saltRating-label {\n  min-height: var(--salt-size-base);\n  padding-top: var(--salt-spacing-100);\n}\n\n.saltRating-labelBottom {\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--salt-spacing-75);\n}\n\n.saltRating-labelRight {\n  flex-direction: row;\n  gap: var(--salt-spacing-150);\n}\n\n.saltRating-container {\n  display: flex;\n  flex-direction: row;\n  gap: var(--salt-spacing-150);\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  padding-top: var(--salt-spacing-fixed-100);\n  padding-bottom: var(--salt-spacing-fixed-100);\n  box-sizing: border-box;\n}\n\n.saltRating-label {\n  color: var(--salt-content-primary-foreground);\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n  box-sizing: border-box;\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=Rating.css.js.map

package/dist-es/rating/Rating.js

@@ -1,9 +1,9 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { makePrefixer, useFormFieldProps, useControlled, useId, capitalize } from '@salt-ds/core';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
 import { clsx } from 'clsx';
-import { forwardRef, useState, useRef } from 'react';
+import { forwardRef, useState } from 'react';
 import css_248z from './Rating.css.js';
 import { RatingItem } from './RatingItem.js';
 
@@ -49,7 +49,6 @@ const Rating = forwardRef(function Rating2({
     name: "Rating",
     state: "value"
   });
-  const radioGroupRef = useRef(null);
   const name = useId(nameProp);
   const handleMouseEnter = (event) => {
     if (readOnly || disabled) return;
@@ -65,18 +64,6 @@ const Rating = forwardRef(function Rating2({
     setSelected(itemValue);
     onChange == null ? void 0 : onChange(event, itemValue);
   };
-  const isTopLeft = labelPlacement === "top" || labelPlacement === "left";
-  const displayLabel = getVisibleLabel && /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx(
-        withBaseName("label"),
-        withBaseName(`label-${labelPlacement}`)
-      ),
-      "aria-hidden": true,
-      children: getVisibleLabel(hoveredValue || selected, max)
-    }
-  );
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -88,13 +75,11 @@ const Rating = forwardRef(function Rating2({
       ),
       ...restProps,
       children: [
-        isTopLeft && displayLabel,
         /* @__PURE__ */ jsx(
           "div",
           {
             role: "radiogroup",
             className: withBaseName("container"),
-            ref: radioGroupRef,
             "aria-readonly": readOnly || void 0,
             "aria-label": ariaLabel,
             "aria-labelledby": clsx(formFieldLabelledBy, ariaLabelledBy) || void 0,
@@ -125,7 +110,17 @@ const Rating = forwardRef(function Rating2({
             })
           }
         ),
-        !isTopLeft && displayLabel
+        getVisibleLabel && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(
+              withBaseName("label"),
+              withBaseName(`label-${labelPlacement}`)
+            ),
+            "aria-hidden": true,
+            children: getVisibleLabel(hoveredValue || selected, max)
+          }
+        )
       ]
     }
   );

package/dist-es/rating/Rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.js","sources":["../src/rating/Rating.tsx"],"sourcesContent":["import {\n  capitalize,\n  makePrefixer,\n  useControlled,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEvent,\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type MouseEvent,\n  useRef,\n  useState,\n} from \"react\";\nimport ratingCss from \"./Rating.css\";\nimport { RatingItem } from \"./RatingItem\";\n\nconst withBaseName = makePrefixer(\"saltRating\");\n\nexport interface RatingProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  /**\n   * When provided, the component is controlled.\n   */\n  value?: number;\n  /**\n   * Default rating value for uncontrolled mode.\n   * @default 0\n   */\n  defaultValue?: number;\n  /**\n   * Callback function for rating change.\n   * The first parameter is the event, and the second is the selected rating value.\n   */\n  onChange?: (event: ChangeEvent<HTMLInputElement>, value: number) => void;\n  /**\n   * If true, the rating component will be in a read-only state.\n   */\n  readOnly?: boolean;\n  /**\n   * If true, the rating component will be in a disabled state.\n   */\n  disabled?: boolean;\n  /**\n   * Total number of icons displayed.\n   * @default 5\n   */\n  max?: number;\n  /**\n   * Function used to provide a user-friendly name for the current value of the rating. Primarily used by screen readers.\n   */\n  getLabel?: (value: number) => string;\n  /**\n   * Function used to provide a visible label for the rating.\n   */\n  getVisibleLabel?: (value: number, max: number) => string;\n  /**\n   * Position of the label relative to the rating component.\n   * Can be \"top\", \"right\", \"bottom\", or \"left\".\n   * @default \"right\"\n   */\n  labelPlacement?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  /**\n   * The name to be set on each radio button within the group. If not set, then one will be generated for you.\n   */\n  name?: string;\n}\n\nconst defaultGetLabel = (value: number) =>\n  `${value} Star${value > 1 ? \"s\" : \"\"}`;\n\nexport const Rating = forwardRef<HTMLDivElement, RatingProps>(function Rating(\n  {\n    value: valueProp,\n    defaultValue = 0,\n    name: nameProp,\n    onChange,\n    className,\n    readOnly: readOnlyProp,\n    disabled: disabledProp,\n    max = 5,\n    getLabel = defaultGetLabel,\n    getVisibleLabel,\n    labelPlacement = \"right\",\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    ...restProps\n  },\n  ref,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-rating\",\n    css: ratingCss,\n    window: targetWindow,\n  });\n  const {\n    disabled: formFieldDisabled,\n    readOnly: formFieldReadOnly,\n    a11yProps: {\n      \"aria-describedby\": formFieldDescribedBy,\n      \"aria-labelledby\": formFieldLabelledBy,\n    } = {},\n  } = useFormFieldProps();\n\n  const disabled = formFieldDisabled || disabledProp;\n  const readOnly = formFieldReadOnly || readOnlyProp;\n\n  const [hoveredValue, setHoveredValue] = useState(0);\n  const [selected, setSelected] = useControlled({\n    controlled: valueProp,\n    default: defaultValue,\n    name: \"Rating\",\n    state: \"value\",\n  });\n  const radioGroupRef = useRef<HTMLDivElement>(null);\n  const name = useId(nameProp);\n\n  const handleMouseEnter = (event: MouseEvent<HTMLInputElement>) => {\n    if (readOnly || disabled) return;\n    const itemValue = Number.parseInt(event.currentTarget.value, 10);\n    setHoveredValue(itemValue);\n  };\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (readOnly) {\n      event.preventDefault();\n      return;\n    }\n\n    const itemValue = Number.parseInt(event.currentTarget.value, 10);\n    setSelected(itemValue);\n    onChange?.(event, itemValue);\n  };\n\n  const isTopLeft = labelPlacement === \"top\" || labelPlacement === \"left\";\n\n  const displayLabel = getVisibleLabel && (\n    <div\n      className={clsx(\n        withBaseName(\"label\"),\n        withBaseName(`label-${labelPlacement}`),\n      )}\n      aria-hidden\n    >\n      {getVisibleLabel(hoveredValue || selected, max)}\n    </div>\n  );\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        withBaseName(),\n        withBaseName(`label${capitalize(labelPlacement)}`),\n        className,\n      )}\n      {...restProps}\n    >\n      {isTopLeft && displayLabel}\n      <div\n        role=\"radiogroup\"\n        className={withBaseName(\"container\")}\n        ref={radioGroupRef}\n        aria-readonly={readOnly || undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={clsx(formFieldLabelledBy, ariaLabelledBy) || undefined}\n        aria-describedby={\n          clsx(formFieldDescribedBy, ariaDescribedBy) || undefined\n        }\n        onMouseLeave={() => setHoveredValue(0)}\n      >\n        {Array.from({ length: max }, (_, index) => {\n          const itemValue = index + 1;\n          const isHovered = hoveredValue > 0 && itemValue <= hoveredValue;\n          const isSelected = hoveredValue === 0 && itemValue <= selected;\n          const isUnselecting =\n            hoveredValue > 0 &&\n            itemValue > hoveredValue &&\n            itemValue <= selected;\n          return (\n            <RatingItem\n              key={itemValue}\n              currentRating={selected}\n              isHovered={isHovered}\n              isSelected={isSelected}\n              isUnselecting={isUnselecting}\n              onMouseEnter={handleMouseEnter}\n              onChange={handleChange}\n              value={itemValue}\n              readOnly={readOnly}\n              disabled={disabled}\n              name={name}\n              aria-label={getLabel?.(itemValue)}\n            />\n          );\n        })}\n      </div>\n      {!isTopLeft && displayLabel}\n    </div>\n  );\n});\n"],"names":["Rating","ratingCss"],"mappings":"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"}
+{"version":3,"file":"Rating.js","sources":["../src/rating/Rating.tsx"],"sourcesContent":["import {\n  capitalize,\n  makePrefixer,\n  useControlled,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEvent,\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type MouseEvent,\n  useState,\n} from \"react\";\nimport ratingCss from \"./Rating.css\";\nimport { RatingItem } from \"./RatingItem\";\n\nconst withBaseName = makePrefixer(\"saltRating\");\n\nexport interface RatingProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  /**\n   * When provided, the component is controlled.\n   */\n  value?: number;\n  /**\n   * Default rating value for uncontrolled mode.\n   * @default 0\n   */\n  defaultValue?: number;\n  /**\n   * Callback function for rating change.\n   * The first parameter is the event, and the second is the selected rating value.\n   */\n  onChange?: (event: ChangeEvent<HTMLInputElement>, value: number) => void;\n  /**\n   * If true, the rating component will be in a read-only state.\n   */\n  readOnly?: boolean;\n  /**\n   * If true, the rating component will be in a disabled state.\n   */\n  disabled?: boolean;\n  /**\n   * Total number of icons displayed.\n   * @default 5\n   */\n  max?: number;\n  /**\n   * Function used to provide a user-friendly name for the current value of the rating. Primarily used by screen readers.\n   */\n  getLabel?: (value: number) => string;\n  /**\n   * Function used to provide a visible label for the rating.\n   */\n  getVisibleLabel?: (value: number, max: number) => string;\n  /**\n   * Position of the label relative to the rating component.\n   * @default \"right\"\n   */\n  labelPlacement?: \"right\" | \"bottom\";\n  /**\n   * The name to be set on each radio button within the group. If not set, then one will be generated for you.\n   */\n  name?: string;\n}\n\nconst defaultGetLabel = (value: number) =>\n  `${value} Star${value > 1 ? \"s\" : \"\"}`;\n\nexport const Rating = forwardRef<HTMLDivElement, RatingProps>(function Rating(\n  {\n    value: valueProp,\n    defaultValue = 0,\n    name: nameProp,\n    onChange,\n    className,\n    readOnly: readOnlyProp,\n    disabled: disabledProp,\n    max = 5,\n    getLabel = defaultGetLabel,\n    getVisibleLabel,\n    labelPlacement = \"right\",\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    ...restProps\n  },\n  ref,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-rating\",\n    css: ratingCss,\n    window: targetWindow,\n  });\n  const {\n    disabled: formFieldDisabled,\n    readOnly: formFieldReadOnly,\n    a11yProps: {\n      \"aria-describedby\": formFieldDescribedBy,\n      \"aria-labelledby\": formFieldLabelledBy,\n    } = {},\n  } = useFormFieldProps();\n\n  const disabled = formFieldDisabled || disabledProp;\n  const readOnly = formFieldReadOnly || readOnlyProp;\n\n  const [hoveredValue, setHoveredValue] = useState(0);\n  const [selected, setSelected] = useControlled({\n    controlled: valueProp,\n    default: defaultValue,\n    name: \"Rating\",\n    state: \"value\",\n  });\n  const name = useId(nameProp);\n\n  const handleMouseEnter = (event: MouseEvent<HTMLInputElement>) => {\n    if (readOnly || disabled) return;\n    const itemValue = Number.parseInt(event.currentTarget.value, 10);\n    setHoveredValue(itemValue);\n  };\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (readOnly) {\n      event.preventDefault();\n      return;\n    }\n\n    const itemValue = Number.parseInt(event.currentTarget.value, 10);\n    setSelected(itemValue);\n    onChange?.(event, itemValue);\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        withBaseName(),\n        withBaseName(`label${capitalize(labelPlacement)}`),\n        className,\n      )}\n      {...restProps}\n    >\n      <div\n        role=\"radiogroup\"\n        className={withBaseName(\"container\")}\n        aria-readonly={readOnly || undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={clsx(formFieldLabelledBy, ariaLabelledBy) || undefined}\n        aria-describedby={\n          clsx(formFieldDescribedBy, ariaDescribedBy) || undefined\n        }\n        onMouseLeave={() => setHoveredValue(0)}\n      >\n        {Array.from({ length: max }, (_, index) => {\n          const itemValue = index + 1;\n          const isHovered = hoveredValue > 0 && itemValue <= hoveredValue;\n          const isSelected = hoveredValue === 0 && itemValue <= selected;\n          const isUnselecting =\n            hoveredValue > 0 &&\n            itemValue > hoveredValue &&\n            itemValue <= selected;\n          return (\n            <RatingItem\n              key={itemValue}\n              currentRating={selected}\n              isHovered={isHovered}\n              isSelected={isSelected}\n              isUnselecting={isUnselecting}\n              onMouseEnter={handleMouseEnter}\n              onChange={handleChange}\n              value={itemValue}\n              readOnly={readOnly}\n              disabled={disabled}\n              name={name}\n              aria-label={getLabel?.(itemValue)}\n            />\n          );\n        })}\n      </div>\n      {getVisibleLabel && (\n        <div\n          className={clsx(\n            withBaseName(\"label\"),\n            withBaseName(`label-${labelPlacement}`),\n          )}\n          aria-hidden\n        >\n          {getVisibleLabel(hoveredValue || selected, max)}\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":["Rating","ratingCss"],"mappings":"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"}

package/dist-es/side-panel/SidePanel.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltSidePanel {\n  background-color: var(--sidePanel-background, var(--salt-container-primary-background));\n  --saltSidePanel-width: 300px;\n  --sidePanel-border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--sidePanel-borderColor, var(--salt-container-primary-borderColor));\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n}\n\n.saltSidePanel-primary {\n  --sidePanel-background: var(--salt-container-primary-background);\n  --sidePanel-borderColor: var(--salt-container-primary-borderColor);\n}\n\n.saltSidePanel-secondary {\n  --sidePanel-background: var(--salt-container-secondary-background);\n  --sidePanel-borderColor: var(--salt-container-secondary-borderColor);\n}\n\n.saltSidePanel-tertiary {\n  --sidePanel-background: var(--salt-container-tertiary-background);\n  --sidePanel-borderColor: var(--salt-container-tertiary-borderColor);\n}\n\n.saltSidePanel-left {\n  border-right: var(--sidePanel-border);\n}\n.saltSidePanel-right {\n  border-left: var(--sidePanel-border);\n}\n\n.saltSidePanel-none {\n  --sidePanel-background: none;\n  border: none;\n}\n\n.saltSidePanel-none .saltSidePanel-inner {\n  padding: 0;\n}\n\n.saltSidePanel-left,\n.saltSidePanel-right {\n  width: var(--saltSidePanel-width);\n  height: 100%;\n  min-height: 0;\n  align-self: stretch;\n}\n\n.saltSidePanel-enterAnimation,\n.saltSidePanel-exitAnimation {\n  overflow: hidden;\n}\n\n.saltSidePanel-left.saltSidePanel-enterAnimation,\n.saltSidePanel-right.saltSidePanel-enterAnimation {\n  animation: saltSidePanel-expandWidth var(--salt-duration-perceptible) var(--salt-animation-timing-function);\n}\n\n.saltSidePanel-left.saltSidePanel-exitAnimation,\n.saltSidePanel-right.saltSidePanel-exitAnimation {\n  animation: saltSidePanel-collapseWidth var(--salt-duration-perceptible) var(--salt-animation-timing-function) both;\n}\n\n.saltSidePanel-exitAnimation {\n  pointer-events: none;\n}\n\n.saltSidePanel-inner {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  padding: var(--salt-spacing-300);\n}\n\n.saltSidePanel-left .saltSidePanel-inner,\n.saltSidePanel-right .saltSidePanel-inner {\n  width: var(--saltSidePanel-width);\n  height: 100%;\n}\n\n@keyframes saltSidePanel-expandWidth {\n  from {\n    width: 0;\n  }\n}\n@keyframes saltSidePanel-collapseWidth {\n  to {\n    width: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .saltSidePanel-left.saltSidePanel-enterAnimation,\n  .saltSidePanel-right.saltSidePanel-enterAnimation,\n  .saltSidePanel-left.saltSidePanel-exitAnimation,\n  .saltSidePanel-right.saltSidePanel-exitAnimation {\n    animation: none;\n  }\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=SidePanel.css.js.map

package/dist-es/side-panel/SidePanel.css.js.map

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