@salt-ds/lab 1.0.0-alpha.2 → 1.0.0-alpha.21

package/dist-es/packages/lab/src/contact-details/ContactDetails.js

@@ -1,82 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { makePrefixer, useForkRef } from '@salt-ds/core';
-import { clsx } from 'clsx';
-import { forwardRef, useState } from 'react';
-import './internal/FavoriteToggleWithTooltip.js';
-import { ContactDetailsContext } from './internal/ContactDetailsContext.js';
-import { useComponentSize } from './internal/useComponentSize.js';
-import './ContactDetails.css.js';
-
-const withBaseName = makePrefixer("saltContactDetails");
-function getClassName(variant, isStacked) {
-  return withBaseName(`${variant}${isStacked ? "-stacked" : ""}`);
-}
-const ContactDetails = forwardRef(
-  function ContactDetails2(props, externalRef) {
-    const {
-      children,
-      variant = "default",
-      className,
-      stackAtBreakpoint = 300,
-      embedded,
-      ...restProps
-    } = props;
-    const [hasAvatar, setHasAvatar] = useState(false);
-    const [primary, setPrimary] = useState();
-    const [primaryId, setPrimaryId] = useState();
-    const [secondary, setSecondary] = useState();
-    const [secondaryId, setSecondaryId] = useState();
-    const [tertiary, setTertiary] = useState();
-    const [tertiaryId, setTertiaryId] = useState();
-    const [containerRef, componentSize] = useComponentSize(stackAtBreakpoint);
-    const isStacked = componentSize && componentSize.width < stackAtBreakpoint;
-    variant === "compact" && isStacked && console.log("componentSize", componentSize.width, containerRef.current);
-    const ref = useForkRef(externalRef, containerRef);
-    const contextValue = {
-      variant,
-      hasAvatar,
-      setHasAvatar,
-      isStacked,
-      primary,
-      setPrimary,
-      primaryId,
-      setPrimaryId,
-      secondary,
-      setSecondary,
-      secondaryId,
-      setSecondaryId,
-      tertiary,
-      setTertiary,
-      tertiaryId,
-      setTertiaryId
-    };
-    const showNoAvatar = !hasAvatar && !embedded && variant !== "mini";
-    return /* @__PURE__ */ jsx(ContactDetailsContext.Provider, {
-      value: contextValue,
-      children: /* @__PURE__ */ jsxs("div", {
-        ...restProps,
-        ref,
-        className: clsx(
-          withBaseName(),
-          getClassName(variant, isStacked),
-          {
-            [withBaseName("embedded")]: embedded,
-            [withBaseName("noAvatar")]: showNoAvatar
-          },
-          className
-        ),
-        role: "article",
-        "aria-roledescription": "Contact Card",
-        children: [
-          children,
-          showNoAvatar ? /* @__PURE__ */ jsx("div", {
-            className: withBaseName("noAvatar-indicator")
-          }) : null
-        ]
-      })
-    });
-  }
-);
-
-export { ContactDetails };
-//# sourceMappingURL=ContactDetails.js.map

package/dist-es/packages/lab/src/contact-details/ContactDetails.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactDetails.js","sources":["../src/contact-details/ContactDetails.tsx"],"sourcesContent":["import { makePrefixer, useForkRef } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, useState } from \"react\";\nimport { ContactDetailsContext, useComponentSize } from \"./internal\";\n\nimport \"./ContactDetails.css\";\n\nconst withBaseName = makePrefixer(\"saltContactDetails\");\n\nexport type ContactDetailsVariant = \"default\" | \"compact\" | \"mini\";\n\nexport interface ContactDetailsProps extends HTMLAttributes<HTMLDivElement> {\n  variant?: ContactDetailsVariant;\n  stackAtBreakpoint?: number;\n  embedded?: boolean;\n}\n\nfunction getClassName(variant: ContactDetailsVariant, isStacked?: boolean) {\n  return withBaseName(`${variant}${isStacked ? \"-stacked\" : \"\"}`);\n}\n\nexport const ContactDetails = forwardRef<HTMLDivElement, ContactDetailsProps>(\n  function ContactDetails(props, externalRef) {\n    const {\n      children,\n      variant = \"default\",\n      className,\n      stackAtBreakpoint = 300,\n      embedded,\n      ...restProps\n    } = props;\n\n    const [hasAvatar, setHasAvatar] = useState<boolean>(false);\n    const [primary, setPrimary] = useState<string>();\n    const [primaryId, setPrimaryId] = useState<string>();\n\n    const [secondary, setSecondary] = useState<string>();\n    const [secondaryId, setSecondaryId] = useState<string>();\n\n    const [tertiary, setTertiary] = useState<string>();\n    const [tertiaryId, setTertiaryId] = useState<string>();\n\n    const [containerRef, componentSize] =\n      useComponentSize<HTMLDivElement>(stackAtBreakpoint);\n\n    const isStacked = componentSize && componentSize.width < stackAtBreakpoint;\n\n    variant === \"compact\" &&\n      isStacked &&\n      console.log(\"componentSize\", componentSize.width, containerRef.current);\n\n    const ref = useForkRef(externalRef, containerRef);\n\n    const contextValue = {\n      variant,\n      hasAvatar,\n      setHasAvatar,\n      isStacked,\n      primary,\n      setPrimary,\n      primaryId,\n      setPrimaryId,\n      secondary,\n      setSecondary,\n      secondaryId,\n      setSecondaryId,\n      tertiary,\n      setTertiary,\n      tertiaryId,\n      setTertiaryId,\n    };\n\n    const showNoAvatar = !hasAvatar && !embedded && variant !== \"mini\";\n\n    return (\n      <ContactDetailsContext.Provider value={contextValue}>\n        <div\n          {...restProps}\n          ref={ref}\n          className={clsx(\n            withBaseName(),\n            getClassName(variant, isStacked),\n            {\n              [withBaseName(\"embedded\")]: embedded,\n              [withBaseName(\"noAvatar\")]: showNoAvatar,\n            },\n            className\n          )}\n          role=\"article\"\n          aria-roledescription=\"Contact Card\"\n        >\n          {children}\n          {showNoAvatar ? (\n            <div className={withBaseName(\"noAvatar-indicator\")} />\n          ) : null}\n        </div>\n      </ContactDetailsContext.Provider>\n    );\n  }\n);\n"],"names":["ContactDetails"],"mappings":"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"}

package/dist-es/packages/lab/src/contact-details/ContactMetadataItem.js

@@ -1,32 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makePrefixer, Text } from '@salt-ds/core';
-import { forwardRef } from 'react';
-import { MailLinkComponent } from './MailLinkComponent.js';
-
-const withBaseName = makePrefixer("saltContactMetadataItem");
-const ContactMetadataItem = forwardRef(function ContactMetadataItem2(props, ref) {
-  const { label, value, icon: Icon, ValueComponent, ...restProps } = props;
-  return /* @__PURE__ */ jsxs("div", {
-    ...restProps,
-    ref,
-    className: withBaseName(),
-    children: [
-      !Icon ? /* @__PURE__ */ jsx(Text, {
-        maxRows: 1,
-        className: withBaseName("label"),
-        children: label
-      }) : null,
-      Icon ? /* @__PURE__ */ jsx(Icon, {
-        className: withBaseName("icon")
-      }) : null,
-      ValueComponent ? /* @__PURE__ */ jsx(ValueComponent, {
-        value
-      }) : /* @__PURE__ */ jsx(MailLinkComponent, {
-        value
-      })
-    ]
-  });
-});
-
-export { ContactMetadataItem };
-//# sourceMappingURL=ContactMetadataItem.js.map

package/dist-es/packages/lab/src/contact-details/ContactMetadataItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactMetadataItem.js","sources":["../src/contact-details/ContactMetadataItem.tsx"],"sourcesContent":["import { makePrefixer, Text } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { ComponentType, forwardRef, HTMLAttributes } from \"react\";\nimport { MailLinkComponent } from \"./MailLinkComponent\";\nimport { ValueComponentProps } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltContactMetadataItem\");\n\nexport interface ContactMetadataItemProps\n  extends HTMLAttributes<HTMLDivElement> {\n  label?: string;\n  value: string;\n  icon?: ComponentType<IconProps>;\n  ValueComponent?: ComponentType<ValueComponentProps>;\n}\n\nexport const ContactMetadataItem = forwardRef<\n  HTMLDivElement,\n  ContactMetadataItemProps\n>(function ContactMetadataItem(props, ref) {\n  const { label, value, icon: Icon, ValueComponent, ...restProps } = props;\n  return (\n    <div {...restProps} ref={ref} className={withBaseName()}>\n      {!Icon ? (\n        <Text maxRows={1} className={withBaseName(\"label\")}>\n          {label}\n        </Text>\n      ) : null}\n      {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n\n      {ValueComponent ? (\n        <ValueComponent value={value} />\n      ) : (\n        <MailLinkComponent value={value} />\n      )}\n    </div>\n  );\n});\n"],"names":["ContactMetadataItem"],"mappings":";;;;;AAMA,MAAM,YAAA,GAAe,aAAa,yBAAyB,CAAA,CAAA;AAUpD,MAAM,mBAAsB,GAAA,UAAA,CAGjC,SAASA,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAA,MAAM,EAAE,KAAO,EAAA,KAAA,EAAO,MAAM,IAAM,EAAA,cAAA,EAAA,GAAmB,WAAc,GAAA,KAAA,CAAA;AACnE,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,IAAK,GAAG,SAAA;AAAA,IAAW,GAAA;AAAA,IAAU,WAAW,YAAa,EAAA;AAAA,IACnD,QAAA,EAAA;AAAA,MAAA,CAAC,uBACC,GAAA,CAAA,IAAA,EAAA;AAAA,QAAK,OAAS,EAAA,CAAA;AAAA,QAAG,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAC9C,QAAA,EAAA,KAAA;AAAA,OACH,CACE,GAAA,IAAA;AAAA,MACH,uBAAQ,GAAA,CAAA,IAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAK,GAAA,IAAA;AAAA,MAEnD,iCACE,GAAA,CAAA,cAAA,EAAA;AAAA,QAAe,KAAA;AAAA,OAAc,oBAE7B,GAAA,CAAA,iBAAA,EAAA;AAAA,QAAkB,KAAA;AAAA,OAAc,CAAA;AAAA,KAAA;AAAA,GAErC,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/packages/lab/src/contact-details/MailLinkComponent.js

@@ -1,22 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Link, Text } from '@salt-ds/core';
-import { isEmail } from '../utils/isEmail.js';
-import 'react';
-import '../utils/useFloatingUI.js';
-
-const MailLinkComponent = (props) => {
-  const { value, ...restProps } = props;
-  return isEmail(value) ? /* @__PURE__ */ jsx(Link, {
-    href: `mailto:${value}`,
-    tabIndex: 0,
-    maxRows: 1,
-    ...restProps,
-    children: value
-  }) : /* @__PURE__ */ jsx(Text, {
-    maxRows: 1,
-    children: value
-  });
-};
-
-export { MailLinkComponent };
-//# sourceMappingURL=MailLinkComponent.js.map

package/dist-es/packages/lab/src/contact-details/MailLinkComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MailLinkComponent.js","sources":["../src/contact-details/MailLinkComponent.tsx"],"sourcesContent":["import { Link, Text } from \"@salt-ds/core\";\n\nimport { isEmail } from \"../utils\";\nimport { ValueComponentProps } from \"./types\";\n\nexport const MailLinkComponent = (props: ValueComponentProps) => {\n  const { value, ...restProps } = props;\n\n  return isEmail(value) ? (\n    <Link href={`mailto:${value}`} tabIndex={0} maxRows={1} {...restProps}>\n      {value}\n    </Link>\n  ) : (\n    <Text maxRows={1}>{value}</Text>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAKa,MAAA,iBAAA,GAAoB,CAAC,KAA+B,KAAA;AAC/D,EAAM,MAAA,EAAE,KAAU,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAEhC,EAAO,OAAA,OAAA,CAAQ,KAAK,CAAA,mBACjB,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,MAAM,CAAU,OAAA,EAAA,KAAA,CAAA,CAAA;AAAA,IAAS,QAAU,EAAA,CAAA;AAAA,IAAG,OAAS,EAAA,CAAA;AAAA,IAAI,GAAG,SAAA;AAAA,IACzD,QAAA,EAAA,KAAA;AAAA,GACH,oBAEC,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,OAAS,EAAA,CAAA;AAAA,IAAI,QAAA,EAAA,KAAA;AAAA,GAAM,CAAA,CAAA;AAE7B;;;;"}

package/dist-es/packages/lab/src/content-status/ContentStatus.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* Styles applied to root component (ContentStatus) */\n.saltContentStatus {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: var(--salt-text-textAlign-embedded);\n  gap: var(--salt-size-unit);\n}\n\n/* Styles applied to inner content */\n.saltContentStatus-content {\n  color: var(--saltContentStatus-content-color, var(--salt-text-primary-foreground));\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-size-unit);\n}\n\n/* Styles applied to status title */\n.saltContentStatus-title {\n  font-weight: var(--salt-typography-fontWeight-semiBold);\n}\n\n/* Styles applied to status message */\n.saltContentStatus-message {\n}\n\n/* Styles applied to status actions */\n.saltContentStatus-actions {\n  margin-top: var(--saltContentStatus-actions-marginTop, var(--salt-size-unit));\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=ContentStatus.css.js.map

package/dist-es/packages/lab/src/content-status/ContentStatus.css.js.map

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

package/dist-es/packages/lab/src/content-status/ContentStatus.js

@@ -1,95 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makePrefixer, useId, useAriaAnnouncer, Text, Button } from '@salt-ds/core';
-import { clsx } from 'clsx';
-import { forwardRef, useEffect } from 'react';
-import { StatusIndicator } from './internal/StatusIndicator.js';
-import './ContentStatus.css.js';
-
-const withBaseName = makePrefixer("saltContentStatus");
-const ContentStatus = forwardRef(
-  function ContentStatus2({
-    CircularProgressProps,
-    SpinnerProps,
-    actionLabel,
-    buttonRef,
-    className,
-    children,
-    disableAnnouncer,
-    message,
-    onActionClick,
-    status = "info",
-    title,
-    unit = "%",
-    value,
-    ...rest
-  }, ref) {
-    const id = useId();
-    const hasDefaultActionContent = actionLabel && onActionClick;
-    const hasActions = children || hasDefaultActionContent;
-    const hasContent = title || message || hasActions;
-    const { announce } = useAriaAnnouncer();
-    useEffect(() => {
-      if (disableAnnouncer)
-        return;
-      const toBeAnnounced = [];
-      if (title) {
-        toBeAnnounced.push(title);
-      }
-      if (message) {
-        toBeAnnounced.push(message);
-      }
-      if (status !== "loading") {
-        toBeAnnounced.push(status);
-      }
-      if (toBeAnnounced.length > 0) {
-        announce(toBeAnnounced.join(" "));
-      }
-    }, [announce, disableAnnouncer, message, status, title]);
-    return /* @__PURE__ */ jsxs("div", {
-      className: clsx(withBaseName(), className),
-      ref,
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsx(StatusIndicator, {
-          CircularProgressProps,
-          SpinnerProps,
-          disableAnnouncer,
-          id,
-          message,
-          status,
-          title,
-          unit,
-          value,
-          ...rest
-        }),
-        hasContent && /* @__PURE__ */ jsxs("div", {
-          "aria-labelledby": id,
-          className: clsx(withBaseName("content")),
-          id,
-          role: "region",
-          children: [
-            title && /* @__PURE__ */ jsx(Text, {
-              className: clsx(withBaseName("title")),
-              children: title
-            }),
-            message && /* @__PURE__ */ jsx(Text, {
-              className: clsx(withBaseName("message")),
-              children: message
-            }),
-            hasActions && /* @__PURE__ */ jsx("div", {
-              className: clsx(withBaseName("actions")),
-              children: children || /* @__PURE__ */ jsx(Button, {
-                onClick: onActionClick,
-                ref: buttonRef,
-                children: actionLabel
-              })
-            })
-          ]
-        })
-      ]
-    });
-  }
-);
-
-export { ContentStatus };
-//# sourceMappingURL=ContentStatus.js.map

package/dist-es/packages/lab/src/content-status/ContentStatus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentStatus.js","sources":["../src/content-status/ContentStatus.tsx"],"sourcesContent":["import {\n  Button,\n  makePrefixer,\n  useAriaAnnouncer,\n  useId,\n  Text,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, MouseEvent, Ref, useEffect } from \"react\";\n\nimport {\n  StatusIndicator,\n  StatusIndicatorProps,\n} from \"./internal/StatusIndicator\";\n\nimport \"./ContentStatus.css\";\n\nconst withBaseName = makePrefixer(\"saltContentStatus\");\n\nexport interface ContentStatusProps\n  extends HTMLAttributes<HTMLDivElement>,\n    StatusIndicatorProps {\n  actionLabel?: string;\n  buttonRef?: Ref<any>;\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      unit = \"%\",\n      value,\n      ...rest\n    },\n    ref\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          unit={unit}\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"],"mappings":"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"}

package/dist-es/packages/lab/src/content-status/internal/StatusIndicator.js

@@ -1,52 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer, Spinner, StatusIndicator as StatusIndicator$1 } from '@salt-ds/core';
-import { clsx } from 'clsx';
-import { CircularProgress } from '../../progress/CircularProgress/CircularProgress.js';
-import '../../progress/LinearProgress/LinearProgress.js';
-
-const withBaseName = makePrefixer("saltContentStatus");
-function StatusIndicator({
-  status = "info",
-  disableAnnouncer,
-  unit,
-  value,
-  title,
-  message,
-  CircularProgressProps: {
-    className: circularProgressClassName,
-    ...restCircularProgressProps
-  } = {},
-  SpinnerProps: { className: spinnerClassName, ...restSpinnerProps } = {},
-  id
-}) {
-  if (status === "loading") {
-    if (value !== void 0) {
-      return /* @__PURE__ */ jsx(CircularProgress, {
-        "aria-label": title || message,
-        className: clsx(
-          withBaseName("determinateLoading"),
-          circularProgressClassName
-        ),
-        size: "small",
-        unit,
-        value,
-        ...restCircularProgressProps
-      });
-    }
-    return /* @__PURE__ */ jsx(Spinner, {
-      className: clsx(withBaseName("indeterminateLoading"), spinnerClassName),
-      completionAnnouncement: null,
-      "data-testid": `spinner-${id}`,
-      disableAnnouncer,
-      ...restSpinnerProps
-    });
-  }
-  return /* @__PURE__ */ jsx(StatusIndicator$1, {
-    status,
-    "data-jpmui-test": `icon-${status}-${id}`,
-    size: 2
-  });
-}
-
-export { StatusIndicator };
-//# sourceMappingURL=StatusIndicator.js.map

package/dist-es/packages/lab/src/content-status/internal/StatusIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusIndicator.js","sources":["../src/content-status/internal/StatusIndicator.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  StatusIndicator as BaseStatusIndicator,\n  StatusIndicatorProps as BaseStatusIndicatorProps,\n  Spinner,\n  SpinnerProps,\n} from \"@salt-ds/core\";\nimport { ReactElement } from \"react\";\nimport { clsx } from \"clsx\";\n\nimport { CircularProgress, CircularProgressProps } from \"../../progress\";\n\nexport interface StatusIndicatorProps\n  extends Pick<SpinnerProps, \"disableAnnouncer\">,\n    Pick<CircularProgressProps, \"unit\" | \"value\"> {\n  title?: string;\n  message?: string;\n  CircularProgressProps?: Partial<CircularProgressProps>;\n  SpinnerProps?: Partial<SpinnerProps>;\n  id?: string;\n  status?: BaseStatusIndicatorProps[\"status\"] | \"loading\";\n}\n\nconst withBaseName = makePrefixer(\"saltContentStatus\");\n\nexport function StatusIndicator({\n  status = \"info\",\n  disableAnnouncer,\n  unit,\n  value,\n  title,\n  message,\n  CircularProgressProps: {\n    className: circularProgressClassName,\n    ...restCircularProgressProps\n  } = {},\n  SpinnerProps: { className: spinnerClassName, ...restSpinnerProps } = {},\n  id,\n}: StatusIndicatorProps): ReactElement {\n  if (status === \"loading\") {\n    if (value !== undefined) {\n      return (\n        <CircularProgress\n          aria-label={title || message}\n          className={clsx(\n            withBaseName(\"determinateLoading\"),\n            circularProgressClassName\n          )}\n          size=\"small\"\n          unit={unit}\n          value={value}\n          {...restCircularProgressProps}\n        />\n      );\n    }\n    return (\n      <Spinner\n        className={clsx(withBaseName(\"indeterminateLoading\"), spinnerClassName)}\n        // Announcement of the content status is more useful than completion announcement from spinner\n        completionAnnouncement={null}\n        data-testid={`spinner-${id!}`}\n        disableAnnouncer={disableAnnouncer}\n        {...restSpinnerProps}\n      />\n    );\n  }\n\n  return (\n    <BaseStatusIndicator\n      status={status}\n      data-jpmui-test={`icon-${status}-${id!}`}\n      size={2}\n    />\n  );\n}\n"],"names":["BaseStatusIndicator"],"mappings":";;;;;;AAuBA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA,CAAA;AAE9C,SAAS,eAAgB,CAAA;AAAA,EAC9B,MAAS,GAAA,MAAA;AAAA,EACT,gBAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,qBAAuB,EAAA;AAAA,IACrB,SAAW,EAAA,yBAAA;AAAA,IACR,GAAA,yBAAA;AAAA,MACD,EAAC;AAAA,EACL,cAAc,EAAE,SAAA,EAAW,gBAAqB,EAAA,GAAA,gBAAA,KAAqB,EAAC;AAAA,EACtE,EAAA;AACF,CAAuC,EAAA;AACrC,EAAA,IAAI,WAAW,SAAW,EAAA;AACxB,IAAA,IAAI,UAAU,KAAW,CAAA,EAAA;AACvB,MAAA,uBACG,GAAA,CAAA,gBAAA,EAAA;AAAA,QACC,cAAY,KAAS,IAAA,OAAA;AAAA,QACrB,SAAW,EAAA,IAAA;AAAA,UACT,aAAa,oBAAoB,CAAA;AAAA,UACjC,yBAAA;AAAA,SACF;AAAA,QACA,IAAK,EAAA,OAAA;AAAA,QACL,IAAA;AAAA,QACA,KAAA;AAAA,QACC,GAAG,yBAAA;AAAA,OACN,CAAA,CAAA;AAAA,KAEJ;AACA,IAAA,uBACG,GAAA,CAAA,OAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,sBAAsB,GAAG,gBAAgB,CAAA;AAAA,MAEtE,sBAAwB,EAAA,IAAA;AAAA,MACxB,eAAa,CAAW,QAAA,EAAA,EAAA,CAAA,CAAA;AAAA,MACxB,gBAAA;AAAA,MACC,GAAG,gBAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACG,GAAA,CAAAA,iBAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,iBAAA,EAAiB,QAAQ,MAAU,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA;AAAA,IACnC,IAAM,EAAA,CAAA;AAAA,GACR,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/lab/src/control-label/ControlLabel.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".salt-density-high {\n  --controlLabel-right-marginLeft: 3px;\n  --controlLabel-right-marginRight: 0px;\n}\n.salt-density-medium {\n  --controlLabel-right-marginLeft: 6px;\n  --controlLabel-right-marginRight: 0px;\n}\n.salt-density-low {\n  --controlLabel-right-marginLeft: 9px;\n  --controlLabel-right-marginRight: 0px;\n}\n.salt-density-touch {\n  --controlLabel-right-marginLeft: 12px;\n  --controlLabel-right-marginRight: 0px;\n}\n\n/* Styles applied to root component */\n.saltControlLabel {\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n}\n\n/* Styles applied to label */\n.saltControlLabel-label,\n.saltControlLabel-labelRight {\n  --controlLabel-marginLeft: 0;\n  --controlLabel-marginRight: calc(var(--salt-size-unit) / 1.5);\n\n  color: var(--saltControlLabel-color, var(--salt-text-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  margin-left: var(--saltControlLabel-marginLeft, var(--controlLabel-marginLeft));\n  margin-right: var(--saltControlLabel-marginRight, var(--controlLabel-marginRight));\n  display: block;\n}\n\n/* Overrides on `labelPlacement=\"right\"` */\n.saltControlLabel-labelRight {\n  --controlLabel-marginLeft: var(--saltControlLabel-right-marginLeft, var(--controlLabel-right-marginLeft));\n  --controlLabel-marginRight: var(--saltControlLabel-right-marginRight, var(--controlLabel-right-marginRight));\n}\n\n/* Styles applied if `disabled={true}` or nested in FormField where `disabled={true}` */\n.saltControlLabel-disabled,\n.saltFormField-disabled .saltControlLabel {\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n\n/* Styles applied to label if `disabled={true}` */\n.saltControlLabel-disabled .saltControlLabel-label {\n  cursor: var(--salt-selectable-cursor-disabled);\n  color: var(--saltControlLabel-color-disabled, var(--salt-text-primary-foreground-disabled));\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=ControlLabel.css.js.map

package/dist-es/packages/lab/src/control-label/ControlLabel.css.js.map

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

package/dist-es/packages/lab/src/control-label/ControlLabel.js

@@ -1,35 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from 'clsx';
-import './ControlLabel.css.js';
-
-const baseName = "saltControlLabel";
-const ControlLabel = forwardRef(
-  ({ children, className, disabled, label, labelPlacement = "left", ...other }, ref) => {
-    return /* @__PURE__ */ jsxs("label", {
-      className: clsx(
-        baseName,
-        {
-          [`${baseName}-disabled`]: disabled
-        },
-        className
-      ),
-      ref,
-      ...other,
-      children: [
-        labelPlacement === "left" && /* @__PURE__ */ jsx("span", {
-          className: `${baseName}-label`,
-          children: label
-        }),
-        children,
-        labelPlacement === "right" && /* @__PURE__ */ jsx("span", {
-          className: `${baseName}-labelRight`,
-          children: label
-        })
-      ]
-    });
-  }
-);
-
-export { ControlLabel, baseName };
-//# sourceMappingURL=ControlLabel.js.map

package/dist-es/packages/lab/src/control-label/ControlLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ControlLabel.js","sources":["../src/control-label/ControlLabel.tsx"],"sourcesContent":["// TODO Label positioning\nimport React, { forwardRef, LabelHTMLAttributes, ReactNode } from \"react\";\nimport { clsx } from \"clsx\";\n\nimport \"./ControlLabel.css\";\n\nexport interface ControlLabelProps\n  extends LabelHTMLAttributes<HTMLLabelElement> {\n  disabled?: boolean;\n  label?: ReactNode;\n  labelPlacement?: \"left\" | \"right\";\n}\n\nexport const baseName = \"saltControlLabel\";\n\nexport const ControlLabel = forwardRef<HTMLLabelElement, ControlLabelProps>(\n  (\n    { children, className, disabled, label, labelPlacement = \"left\", ...other },\n    ref\n  ) => {\n    return (\n      <label\n        className={clsx(\n          baseName,\n          {\n            [`${baseName}-disabled`]: disabled,\n          },\n          className\n        )}\n        ref={ref}\n        {...other}\n      >\n        {labelPlacement === \"left\" && (\n          <span className={`${baseName}-label`}>{label}</span>\n        )}\n        {children}\n        {labelPlacement === \"right\" && (\n          <span className={`${baseName}-labelRight`}>{label}</span>\n        )}\n      </label>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;AAaO,MAAM,QAAW,GAAA,mBAAA;AAEjB,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CACE,EAAE,QAAA,EAAU,SAAW,EAAA,QAAA,EAAU,OAAO,cAAiB,GAAA,MAAA,EAAA,GAAW,KAAM,EAAA,EAC1E,GACG,KAAA;AACH,IAAA,uBACG,IAAA,CAAA,OAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA;AAAA,QACT,QAAA;AAAA,QACA;AAAA,UACE,CAAC,GAAG,QAAsB,CAAA,SAAA,CAAA,GAAA,QAAA;AAAA,SAC5B;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACA,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,cAAA,KAAmB,0BACjB,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,WAAW,CAAG,EAAA,QAAA,CAAA,MAAA,CAAA;AAAA,UAAmB,QAAA,EAAA,KAAA;AAAA,SAAM,CAAA;AAAA,QAE9C,QAAA;AAAA,QACA,cAAA,KAAmB,2BACjB,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,WAAW,CAAG,EAAA,QAAA,CAAA,WAAA,CAAA;AAAA,UAAwB,QAAA,EAAA,KAAA;AAAA,SAAM,CAAA;AAAA,OAAA;AAAA,KAEtD,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/packages/lab/src/deck-item/DeckItem.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".saltDeckItem {\n  display: inline-block;\n}\n\n.saltDeckLayout-slide-vertical .saltDeckItem {\n  display: block;\n}\n\n.saltDeckItem-fade-previous,\n.saltDeckItem-fade-next,\n.saltDeckItem-static-previous,\n.saltDeckItem-static-next {\n  display: none;\n}\n\n.saltDeckItem-fade-in {\n  animation: var(--salt-animation-fade-in-center);\n}\n.saltDeckItem-fade-out {\n  animation: var(--salt-animation-fade-out-back);\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=DeckItem.css.js.map

package/dist-es/packages/lab/src/deck-item/DeckItem.css.js.map

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

package/dist-es/packages/lab/src/deck-item/DeckItem.js

@@ -1,50 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { forwardRef, useRef, useMemo } from 'react';
-import { makePrefixer, useId, useForkRef } from '@salt-ds/core';
-import './DeckItem.css.js';
-
-const withBaseName = makePrefixer("saltDeckItem");
-const DeckItem = forwardRef(
-  function DeckItem2({
-    activeIndex = 0,
-    animation,
-    children,
-    className,
-    index,
-    role = "group",
-    id: idProp,
-    ...rest
-  }, ref) {
-    const sliderRef = useRef(null);
-    const isCurrent = activeIndex === index;
-    const position = useMemo(() => {
-      return isCurrent ? "current" : activeIndex < index ? "next" : "previous";
-    }, [activeIndex, index, isCurrent]);
-    const classesIndex = animation && position === "current" ? 0 : 1;
-    const getActiveClasses = [
-      `${animation || "fade"}-in`,
-      `${animation || "fade"}-out`
-    ];
-    const id = useId(idProp);
-    return /* @__PURE__ */ jsx("div", {
-      className: clsx(
-        withBaseName(),
-        withBaseName(`${animation ? animation : "static"}-${position}`),
-        {
-          [withBaseName(getActiveClasses[classesIndex])]: animation === "fade"
-        },
-        className
-      ),
-      ref: useForkRef(ref, sliderRef),
-      role,
-      tabIndex: isCurrent ? 0 : -1,
-      id,
-      ...rest,
-      children
-    });
-  }
-);
-
-export { DeckItem };
-//# sourceMappingURL=DeckItem.js.map

package/dist-es/packages/lab/src/deck-item/DeckItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeckItem.js","sources":["../src/deck-item/DeckItem.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, useMemo, useRef } from \"react\";\nimport { makePrefixer, useForkRef, useId } from \"@salt-ds/core\";\nimport { LayoutAnimation } from \"../deck-layout\";\nimport \"./DeckItem.css\";\n\nconst withBaseName = makePrefixer(\"saltDeckItem\");\n\nexport interface DeckItemProps extends HTMLAttributes<HTMLDivElement> {\n  activeIndex?: number;\n  animation?: LayoutAnimation;\n  index: number;\n  role?: string;\n}\n\nexport const DeckItem = forwardRef<HTMLDivElement, DeckItemProps>(\n  function DeckItem(\n    {\n      activeIndex = 0,\n      animation,\n      children,\n      className,\n      index,\n      role = \"group\",\n      id: idProp,\n      ...rest\n    },\n    ref\n  ) {\n    const sliderRef = useRef<HTMLDivElement | null>(null);\n\n    const isCurrent = activeIndex === index;\n\n    const position = useMemo(() => {\n      return isCurrent ? \"current\" : activeIndex < index ? \"next\" : \"previous\";\n    }, [activeIndex, index, isCurrent]);\n\n    const classesIndex = animation && position === \"current\" ? 0 : 1;\n\n    const getActiveClasses = [\n      `${animation || \"fade\"}-in`, // in-right\n      `${animation || \"fade\"}-out`, // out-left\n    ];\n\n    const id = useId(idProp);\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          withBaseName(`${animation ? animation : \"static\"}-${position}`),\n          {\n            [withBaseName(getActiveClasses[classesIndex])]:\n              animation === \"fade\",\n          },\n          className\n        )}\n        ref={useForkRef(ref, sliderRef)}\n        role={role}\n        tabIndex={isCurrent ? 0 : -1}\n        id={id}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["DeckItem"],"mappings":";;;;;;AAMA,MAAM,YAAA,GAAe,aAAa,cAAc,CAAA,CAAA;AASzC,MAAM,QAAW,GAAA,UAAA;AAAA,EACtB,SAASA,SACP,CAAA;AAAA,IACE,WAAc,GAAA,CAAA;AAAA,IACd,SAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAO,GAAA,OAAA;AAAA,IACP,EAAI,EAAA,MAAA;AAAA,IACD,GAAA,IAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAM,MAAA,SAAA,GAAY,OAA8B,IAAI,CAAA,CAAA;AAEpD,IAAA,MAAM,YAAY,WAAgB,KAAA,KAAA,CAAA;AAElC,IAAM,MAAA,QAAA,GAAW,QAAQ,MAAM;AAC7B,MAAA,OAAO,SAAY,GAAA,SAAA,GAAY,WAAc,GAAA,KAAA,GAAQ,MAAS,GAAA,UAAA,CAAA;AAAA,KAC7D,EAAA,CAAC,WAAa,EAAA,KAAA,EAAO,SAAS,CAAC,CAAA,CAAA;AAElC,IAAA,MAAM,YAAe,GAAA,SAAA,IAAa,QAAa,KAAA,SAAA,GAAY,CAAI,GAAA,CAAA,CAAA;AAE/D,IAAA,MAAM,gBAAmB,GAAA;AAAA,MACvB,GAAG,SAAa,IAAA,MAAA,CAAA,GAAA,CAAA;AAAA,MAChB,GAAG,SAAa,IAAA,MAAA,CAAA,IAAA,CAAA;AAAA,KAClB,CAAA;AAEA,IAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AAEvB,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb,YAAa,CAAA,CAAA,EAAG,SAAY,GAAA,SAAA,GAAY,YAAY,QAAU,CAAA,CAAA,CAAA;AAAA,QAC9D;AAAA,UACE,CAAC,YAAA,CAAa,gBAAiB,CAAA,YAAA,CAAa,IAC1C,SAAc,KAAA,MAAA;AAAA,SAClB;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACA,GAAA,EAAK,UAAW,CAAA,GAAA,EAAK,SAAS,CAAA;AAAA,MAC9B,IAAA;AAAA,MACA,QAAA,EAAU,YAAY,CAAI,GAAA,CAAA,CAAA;AAAA,MAC1B,EAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/packages/lab/src/deck-layout/DeckLayout.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".saltDeckLayout {\n  overflow: hidden;\n}\n\n.saltDeckLayout-animate {\n  white-space: nowrap;\n}\n\n.saltDeckLayout-slide-horizontal {\n  width: var(--deckLayout-width);\n  transition: transform var(--salt-animation-duration);\n  transform: translateX(var(--deckLayout-transform-value));\n}\n\n.saltDeckLayout-slide-vertical {\n  height: var(--deckLayout-height);\n  transition: transform var(--salt-animation-duration);\n  transform: translateY(var(--deckLayout-transform-value));\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=DeckLayout.css.js.map

package/dist-es/packages/lab/src/deck-layout/DeckLayout.css.js.map

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

package/dist-es/packages/lab/src/deck-layout/DeckLayout.js

@@ -1,85 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useState, useCallback, Children } from 'react';
-import { makePrefixer, useIsomorphicLayoutEffect } from '@salt-ds/core';
-import { DeckItem } from '../deck-item/DeckItem.js';
-import '../responsive/useResizeObserver.js';
-import '../utils/useFloatingUI.js';
-import { useWidth } from '../responsive/useWidth.js';
-import './DeckLayout.css.js';
-import { clsx } from 'clsx';
-
-const withBaseName = makePrefixer("saltDeckLayout");
-const DeckLayout = forwardRef(
-  function DeckLayout2({
-    activeIndex = 0,
-    animation,
-    className,
-    children,
-    direction = "horizontal",
-    style,
-    deckItemProps,
-    ...rest
-  }, ref) {
-    const [deckItemRef, deckItemWidth] = useWidth(true);
-    const [deckItemHeight, setDeckItemHeight] = useState(0);
-    const handleResize = useCallback(
-      function handleResize2(contentRect) {
-        setDeckItemHeight(contentRect.height);
-      },
-      []
-    );
-    useIsomorphicLayoutEffect(() => {
-      if (!deckItemRef.current) {
-        return void 0;
-      }
-      handleResize(deckItemRef.current.getBoundingClientRect());
-      const observer = new ResizeObserver(
-        ([{ contentRect }]) => {
-          handleResize(contentRect);
-        }
-      );
-      observer.observe(deckItemRef.current);
-      return () => {
-        observer.disconnect();
-      };
-    }, [deckItemRef, handleResize]);
-    const deckLayoutStyles = {
-      ...style,
-      "--deckLayout-width": `${deckItemWidth}px`,
-      "--deckLayout-height": `${deckItemHeight}px`
-    };
-    const innerStyles = {
-      "--deckLayout-transform-value": `-${activeIndex * 100}%`
-    };
-    return /* @__PURE__ */ jsx("div", {
-      className: clsx(withBaseName(), className),
-      style: deckLayoutStyles,
-      ref,
-      ...rest,
-      children: /* @__PURE__ */ jsx("div", {
-        className: clsx(
-          {
-            [withBaseName("animate")]: animation
-          },
-          {
-            [withBaseName(`${animation || "slide"}-${direction}`)]: animation
-          }
-        ),
-        style: innerStyles,
-        children: Children.map(children, (child, index) => {
-          return /* @__PURE__ */ jsx(DeckItem, {
-            ref: deckItemRef,
-            index,
-            activeIndex,
-            animation,
-            ...deckItemProps,
-            children: child
-          });
-        })
-      })
-    });
-  }
-);
-
-export { DeckLayout };
-//# sourceMappingURL=DeckLayout.js.map

package/dist-es/packages/lab/src/deck-layout/DeckLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeckLayout.js","sources":["../src/deck-layout/DeckLayout.tsx"],"sourcesContent":["import {\n  Children,\n  forwardRef,\n  HTMLAttributes,\n  useState,\n  useCallback,\n  CSSProperties,\n} from \"react\";\nimport { makePrefixer, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { DeckItem, DeckItemProps } from \"../deck-item\";\nimport { useWidth } from \"../responsive\";\nimport \"./DeckLayout.css\";\n\nimport { clsx } from \"clsx\";\n\nexport type LayoutAnimation = \"slide\" | \"fade\";\nexport type LayoutAnimationDirection = \"horizontal\" | \"vertical\";\nexport type LayoutAnimationTransition = \"increase\" | \"decrease\";\n\nexport interface DeckLayoutProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * The initial item to render.\n   **/\n  activeIndex?: number;\n  /**\n   * The animation when the slides are shown.\n   **/\n  animation?: LayoutAnimation;\n  /**\n   * The direction in which items will transition.\n   **/\n  direction?: LayoutAnimationDirection;\n  /**\n   * Props to be passed to the DeckItem component.\n   */\n  deckItemProps?: Partial<DeckItemProps>;\n}\n\nconst withBaseName = makePrefixer(\"saltDeckLayout\");\n\nexport const DeckLayout = forwardRef<HTMLDivElement, DeckLayoutProps>(\n  function DeckLayout(\n    {\n      activeIndex = 0,\n      animation,\n      className,\n      children,\n      direction = \"horizontal\",\n      style,\n      deckItemProps,\n      ...rest\n    },\n    ref\n  ) {\n    const [deckItemRef, deckItemWidth] = useWidth<HTMLDivElement>(true);\n\n    const [deckItemHeight, setDeckItemHeight] = useState<number>(0);\n\n    const handleResize = useCallback(function handleResize(\n      contentRect: DOMRect\n    ) {\n      setDeckItemHeight(contentRect.height);\n    },\n    []);\n\n    useIsomorphicLayoutEffect(() => {\n      if (!deckItemRef.current) {\n        return undefined;\n      }\n\n      handleResize(deckItemRef.current.getBoundingClientRect());\n\n      const observer = new ResizeObserver(\n        ([{ contentRect }]: ResizeObserverEntry[]) => {\n          handleResize(contentRect);\n        }\n      );\n      observer.observe(deckItemRef.current);\n\n      return () => {\n        observer.disconnect();\n      };\n    }, [deckItemRef, handleResize]);\n\n    const deckLayoutStyles = {\n      ...style,\n      \"--deckLayout-width\": `${deckItemWidth}px`,\n      \"--deckLayout-height\": `${deckItemHeight}px`,\n    };\n\n    const innerStyles = {\n      \"--deckLayout-transform-value\": `-${activeIndex * 100}%`,\n    } as CSSProperties;\n\n    return (\n      <div\n        className={clsx(withBaseName(), className)}\n        style={deckLayoutStyles}\n        ref={ref}\n        {...rest}\n      >\n        <div\n          className={clsx(\n            {\n              [withBaseName(\"animate\")]: animation,\n            },\n            {\n              [withBaseName(`${animation || \"slide\"}-${direction}`)]: animation,\n            }\n          )}\n          style={innerStyles}\n        >\n          {Children.map(children, (child, index) => {\n            return (\n              <DeckItem\n                ref={deckItemRef}\n                index={index}\n                activeIndex={activeIndex}\n                animation={animation}\n                {...deckItemProps}\n              >\n                {child}\n              </DeckItem>\n            );\n          })}\n        </div>\n      </div>\n    );\n  }\n);\n"],"names":["DeckLayout","handleResize"],"mappings":"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"}

package/dist-es/packages/lab/src/dialog/Dialog.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".saltDialog {\n  --dialog-background: var(--saltDialog-background, var(--salt-container-primary-background));\n  --dialog-borderBottomWidth: var(--saltDialog-borderBottomWidth, 2px);\n  --dialog-borderColor: var(--saltDialog-borderColor, var(--salt-container-primary-borderColor));\n  --dialog-borderStyle: var(--saltDialog-borderStyle, var(--salt-container-borderStyle));\n  --dialog-borderWidth: var(--saltDialog-borderColor, var(--salt-size-border));\n  --dialog-boxShadow: var(--saltDialog-boxShadow, var(--salt-overlayable-shadow-modal));\n  --dialog-margin: var(--saltDialog-margin, calc(3 * var(--salt-size-unit)));\n  --dialog-padding: var(--saltDialog-padding, calc(3 * var(--salt-size-unit)));\n}\n\n.saltDialog {\n  background: var(--dialog-background);\n  border-color: var(--dialog-borderColor);\n  border-width: var(--dialog-borderWidth);\n  border-style: var(--dialog-borderStyle);\n  border-bottom-width: var(--dialog-borderBottomWidth);\n  display: flex;\n  flex-direction: column;\n  inset: 0; /* what does this do ? */\n  max-height: 100%;\n  max-width: 100%;\n  overflow: auto;\n  padding: var(--dialog-padding);\n  position: relative;\n  box-shadow: var(--saltDialog-boxShadow, var(--dialog-boxShadow));\n  margin: var(--saltDialog-margin, var(--dialog-margin));\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=Dialog.css.js.map

package/dist-es/packages/lab/src/dialog/Dialog.css.js.map

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