@salt-ds/lab 1.0.0-alpha.7 → 1.0.0-alpha.70

package/dist-cjs/packages/lab/src/common-hooks/utils/collection-item-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"collection-item-utils.js","sources":["../src/common-hooks/utils/collection-item-utils.ts"],"sourcesContent":["import { isValidElement, Children, ReactElement, ReactNode } from \"react\";\n\nimport {\n  CollectionItem,\n  CollectionOptions,\n  SourceGroup,\n} from \"../collectionTypes\";\n// TODO how do we configure these\nimport { ListItemGroup } from \"../../list/ListItemGroup\";\nimport { ListItemHeader } from \"../../list/ListItemHeader\";\nimport { itemToString as defaultItemToString } from \"../itemToString\";\n\ntype NonFocusableElement = ReactElement<{ focusable: false }>;\ntype DisablableElement = ReactElement<{ disabled: boolean }>;\ntype SelectableElement = ReactElement<{ selectable: boolean }>;\n\nexport const sourceItemHasProp = (\n  item: unknown,\n  propertyName: string\n): boolean => {\n  return (\n    item !== null && Object.prototype.hasOwnProperty.call(item, propertyName)\n  );\n};\n\nexport const isHeader = (item: unknown): boolean =>\n  sourceItemHasProp(item, \"header\");\n\nexport const isGroupNode = (item: unknown): boolean =>\n  sourceItemHasProp(item, \"childNodes\");\n\nconst childItemHasProp = (item: ReactElement, propertyName: string) => {\n  return item && Object.prototype.hasOwnProperty.call(item.props, propertyName);\n};\n\nexport const isDisabled = (item: unknown): boolean => {\n  if (isValidElement(item as DisablableElement)) {\n    if (childItemHasProp(item as DisablableElement, \"disabled\")) {\n      return (item as DisablableElement).props.disabled === true;\n    }\n  } else if (sourceItemHasProp(item, \"disabled\")) {\n    return (item as { disabled: boolean }).disabled === true;\n  }\n\n  return false;\n};\n\nexport const isFocusable = (item: unknown): boolean => {\n  if (isValidElement(item as NonFocusableElement)) {\n    if (childItemHasProp(item as NonFocusableElement, \"focusable\")) {\n      return (item as NonFocusableElement).props.focusable;\n    }\n  }\n  return true;\n};\n\nexport const countChildItems = <Item>(\n  item: CollectionItem<Item>,\n  items: CollectionItem<Item>[],\n  idx: number\n): number => {\n  if (item.childNodes) {\n    return item.childNodes.length;\n  } else if (item.header) {\n    let i = idx + 1;\n    let count = 0;\n    while (i < items.length && !items[i].header) {\n      count++;\n      i++;\n    }\n    return count;\n  } else {\n    return 0;\n  }\n};\n\nexport const getChildLabel = (\n  element: ReactElement<{\n    children?: ReactNode;\n    label?: string;\n    title?: string;\n  }>\n): string | undefined => {\n  if (typeof element.props.children === \"string\") {\n    return element.props.children;\n  } else if (element.props.title) {\n    return element.props.title;\n  } else if (element.props.label) {\n    return element.props.label;\n  }\n};\n\nconst childIsHeader = (child: ReactElement) =>\n  child.type === ListItemHeader || childItemHasProp(child, \"data-header\");\n\nexport const childIsGroup = (child: ReactElement): boolean =>\n  child.type === ListItemGroup || childItemHasProp(child, \"data-group\");\n\nconst childIsSelectable = (child: ReactElement) => {\n  if (childItemHasProp(child, \"selectable\")) {\n    return (child as SelectableElement).props.selectable === true;\n  } else {\n    return !childIsGroup(child) && !childIsHeader(child);\n  }\n};\n\nexport const getChildNodes = (\n  element: ReactElement\n): CollectionItem<ReactElement>[] | undefined => {\n  if (childIsGroup(element)) {\n    const {\n      props: { children },\n    } = element as ReactElement<{ children?: ReactNode }>;\n    if (typeof children !== \"string\") {\n      return childItems(children);\n    }\n  }\n};\n\nconst mapReactElementChildren = (\n  children: ReactNode,\n  fn: (el: ReactElement) => CollectionItem<ReactElement>\n): CollectionItem<ReactElement>[] => {\n  const childElements: CollectionItem<ReactElement>[] = [];\n  Children.forEach(children, (child) => {\n    if (isValidElement(child)) {\n      childElements.push(fn(child));\n    }\n  });\n  return childElements;\n};\n\ntype ListItemElementProps = {\n  \"data-id\"?: string;\n  disabled?: boolean;\n  id?: string;\n  \"data-expanded\"?: boolean;\n  expanded?: boolean;\n};\n\ntype CollectionItemWithoutId<T> = Omit<CollectionItem<T>, \"id\">;\n\nexport const sourceItems = <T>(\n  source?: ReadonlyArray<T>,\n  options?: CollectionOptions<T>\n): CollectionItemWithoutId<T>[] | undefined => {\n  if (Array.isArray(source)) {\n    if (source.length === 0 && options?.noChildrenLabel) {\n      return [\n        {\n          label: options.noChildrenLabel,\n          value: null,\n        },\n      ];\n    } else {\n      return source.map(\n        (item: { description?: string; expanded?: boolean }, index) =>\n          ({\n            childNodes: sourceItems(\n              (item as unknown as SourceGroup<T>).childNodes,\n              options\n            ),\n            description: item.description,\n            expanded: item.expanded,\n            value: item,\n            label:\n              options?.itemToString?.(item as T) ?? defaultItemToString(item),\n          } as CollectionItemWithoutId<T>)\n      );\n    }\n  } else if (source) {\n    throw Error(\"list-child-items expects source to be an array\");\n  }\n};\n\nexport const childItems = (\n  children: ReactNode\n): CollectionItem<ReactElement>[] | undefined => {\n  if (children) {\n    return mapReactElementChildren(children, (child) => {\n      const {\n        \"data-id\": dataId,\n        disabled,\n        id = dataId,\n        \"data-expanded\": dataExpanded,\n        expanded = dataExpanded,\n      } = (child as ReactElement<ListItemElementProps>).props;\n      return {\n        childNodes: getChildNodes(child),\n        disabled,\n        expanded,\n        header: childIsHeader(child),\n        id,\n        label: getChildLabel(child),\n        selectable: childIsSelectable(child),\n        value: child,\n      } as CollectionItem<ReactElement>;\n    });\n  }\n};\n\nconst PathSeparators = new Set<string>([\"/\", \"-\", \".\"]);\n// TODO where do we define or identify separators\nconst isPathSeparator = (char: string) => PathSeparators.has(char);\n\nexport const isParentPath = (parentPath: string, childPath: string): boolean =>\n  childPath.startsWith(parentPath) &&\n  isPathSeparator(childPath[parentPath.length]);\n\nconst PATH_SEPARATORS = new Set([\".\", \"/\"]);\n\nfunction isDescendantOf(basePath: string, targetPath: string) {\n  if (!targetPath.startsWith(basePath)) {\n    return false;\n  } else {\n    return PATH_SEPARATORS.has(targetPath.charAt(basePath.length));\n  }\n}\n\nexport function replaceCollectionItem<Item>(\n  nodes: CollectionItem<Item>[],\n  id: string,\n  props: Partial<CollectionItem<Item>>\n): CollectionItem<Item>[] {\n  let childNodes: CollectionItem<Item>[];\n  const newNodes: CollectionItem<Item>[] = nodes.map((node) => {\n    if (node.id === id) {\n      return {\n        ...node,\n        ...props,\n      };\n    } else if (isDescendantOf(node.id, id) && node.childNodes) {\n      childNodes = replaceCollectionItem<Item>(node.childNodes, id, props);\n      return {\n        ...node,\n        childNodes,\n      };\n    } else {\n      return node;\n    }\n  });\n\n  return newNodes;\n}\n"],"names":["isValidElement","ListItemHeader","ListItemGroup","Children","defaultItemToString"],"mappings":"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"}

package/dist-cjs/packages/lab/src/common-hooks/utils/filter-utils.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var escapeRegExp = require('../../utils/escapeRegExp.js');
-require('react');
-require('@salt-ds/core');
-require('../../utils/useFloatingUI.js');
-
-const leftTrim = (value) => value ? value.replace(/^\s+/g, "") : value;
-const getDefaultFilterRegex = (value) => new RegExp(`(${escapeRegExp.escapeRegExp(leftTrim(value))})`, "gi");
-const getDefaultFilter = (inputValue = "", getFilterRegex = getDefaultFilterRegex) => (itemValue = "") => Boolean(itemValue.length) && Boolean(inputValue.length) && itemValue.match(getFilterRegex(inputValue)) !== null;
-
-exports.getDefaultFilter = getDefaultFilter;
-exports.getDefaultFilterRegex = getDefaultFilterRegex;
-//# sourceMappingURL=filter-utils.js.map

package/dist-cjs/packages/lab/src/common-hooks/utils/filter-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-utils.js","sources":["../src/common-hooks/utils/filter-utils.ts"],"sourcesContent":["import { escapeRegExp } from \"../../utils\";\n\nexport type GetFilterRegex = (inputValue: string) => RegExp;\n\nexport type FilterPredicate = (item: string) => boolean;\n\nconst leftTrim = (value: string) =>\n  value ? value.replace(/^\\s+/g, \"\") : value;\n\nexport const getDefaultFilterRegex: GetFilterRegex = (value) =>\n  new RegExp(`(${escapeRegExp(leftTrim(value))})`, \"gi\");\n\nexport const getDefaultFilter =\n  (inputValue = \"\", getFilterRegex: GetFilterRegex = getDefaultFilterRegex) =>\n  (itemValue = \"\"): boolean =>\n    Boolean(itemValue.length) &&\n    Boolean(inputValue.length) &&\n    itemValue.match(getFilterRegex(inputValue)) !== null;\n"],"names":["escapeRegExp"],"mappings":";;;;;;;;;AAMA,MAAM,QAAA,GAAW,CAAC,KAChB,KAAA,KAAA,GAAQ,MAAM,OAAQ,CAAA,OAAA,EAAS,EAAE,CAAI,GAAA,KAAA,CAAA;AAE1B,MAAA,qBAAA,GAAwC,CAAC,KAAA,KACpD,IAAI,MAAA,CAAO,CAAI,CAAA,EAAAA,yBAAA,CAAa,QAAS,CAAA,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,EAAM,IAAI,EAAA;AAE1C,MAAA,gBAAA,GACX,CAAC,UAAa,GAAA,EAAA,EAAI,iBAAiC,qBACnD,KAAA,CAAC,SAAY,GAAA,EAAA,KACX,OAAQ,CAAA,SAAA,CAAU,MAAM,CACxB,IAAA,OAAA,CAAQ,WAAW,MAAM,CAAA,IACzB,UAAU,KAAM,CAAA,cAAA,CAAe,UAAU,CAAC,CAAM,KAAA;;;;;"}

package/dist-cjs/packages/lab/src/common-hooks/utils/isSelected.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function isSelected(selected, item) {
-  const isSelected2 = Array.isArray(selected) ? selected.includes(item) : selected === item;
-  return isSelected2;
-}
-
-exports.isSelected = isSelected;
-//# sourceMappingURL=isSelected.js.map

package/dist-cjs/packages/lab/src/common-hooks/utils/isSelected.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isSelected.js","sources":["../src/common-hooks/utils/isSelected.ts"],"sourcesContent":["import { CollectionItem } from \"../collectionTypes\";\n\nexport function isSelected<Item>(\n  selected: CollectionItem<Item> | CollectionItem<Item>[] | null,\n  item: CollectionItem<Item>\n): boolean {\n  const isSelected = Array.isArray(selected)\n    ? selected.includes(item)\n    : selected === item;\n  return isSelected;\n}\n"],"names":["isSelected"],"mappings":";;;;AAEgB,SAAA,UAAA,CACd,UACA,IACS,EAAA;AACT,EAAMA,MAAAA,WAAAA,GAAa,MAAM,OAAQ,CAAA,QAAQ,IACrC,QAAS,CAAA,QAAA,CAAS,IAAI,CAAA,GACtB,QAAa,KAAA,IAAA,CAAA;AACjB,EAAOA,OAAAA,WAAAA,CAAAA;AACT;;;;"}

package/dist-cjs/packages/lab/src/contact-details/ContactAction.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var React = require('react');
-
-const ContactAction = React.forwardRef(
-  function ContactAction2(props, ref) {
-    const { label, icon, accessibleText, tooltipProps, ...restProps } = props;
-    const Icon = icon;
-    return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, {
-      placement: "top",
-      disabled: !accessibleText,
-      content: accessibleText,
-      children: /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
-        variant: "secondary",
-        ref,
-        ...restProps,
-        children: label ? label : /* @__PURE__ */ jsxRuntime.jsx(Icon, {})
-      })
-    });
-  }
-);
-
-exports.ContactAction = ContactAction;
-//# sourceMappingURL=ContactAction.js.map

package/dist-cjs/packages/lab/src/contact-details/ContactAction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactAction.js","sources":["../src/contact-details/ContactAction.tsx"],"sourcesContent":["import { Button, ButtonProps, Tooltip, TooltipProps } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { ComponentType, forwardRef } from \"react\";\n\nexport type ContactActionProps = ButtonProps & {\n  accessibleText?: string;\n  tooltipProps?: TooltipProps;\n} & (\n    | {\n        label: string;\n        icon?: ComponentType<IconProps>;\n      }\n    | {\n        label?: string;\n        icon: ComponentType<IconProps>;\n      }\n  );\n\nexport const ContactAction = forwardRef<HTMLButtonElement, ContactActionProps>(\n  function ContactAction(props, ref) {\n    const { label, icon, accessibleText, tooltipProps, ...restProps } = props;\n\n    const Icon = icon!;\n\n    return (\n      <Tooltip\n        placement=\"top\"\n        disabled={!accessibleText}\n        content={accessibleText}\n      >\n        <Button variant=\"secondary\" ref={ref} {...restProps}>\n          {label ? label : <Icon />}\n        </Button>\n      </Tooltip>\n    );\n  }\n);\n"],"names":["forwardRef","ContactAction","jsx","Tooltip","Button"],"mappings":";;;;;;;;AAkBO,MAAM,aAAgB,GAAAA,gBAAA;AAAA,EAC3B,SAASC,cAAc,CAAA,KAAA,EAAO,GAAK,EAAA;AACjC,IAAA,MAAM,EAAE,KAAO,EAAA,IAAA,EAAM,cAAgB,EAAA,YAAA,EAAA,GAAiB,WAAc,GAAA,KAAA,CAAA;AAEpE,IAAA,MAAM,IAAO,GAAA,IAAA,CAAA;AAEb,IAAA,uBACGC,cAAA,CAAAC,YAAA,EAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,UAAU,CAAC,cAAA;AAAA,MACX,OAAS,EAAA,cAAA;AAAA,MAET,QAAC,kBAAAD,cAAA,CAAAE,WAAA,EAAA;AAAA,QAAO,OAAQ,EAAA,WAAA;AAAA,QAAY,GAAA;AAAA,QAAW,GAAG,SAAA;AAAA,QACvC,QAAA,EAAA,KAAA,GAAQ,KAAQ,mBAAAF,cAAA,CAAC,IAAK,EAAA,EAAA,CAAA;AAAA,OACzB,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/packages/lab/src/contact-details/ContactActions.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@salt-ds/core');
-require('./internal/FavoriteToggleWithTooltip.js');
-var ContactDetailsContext = require('./internal/ContactDetailsContext.js');
-
-const withBaseName = core.makePrefixer("saltContactActions");
-const ContactActions = React.forwardRef(
-  function(props, ref) {
-    const { children, ...restProps } = props;
-    const { variant } = ContactDetailsContext.useContactDetailsContext();
-    if (variant === "mini") {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", {
-      ...restProps,
-      ref,
-      className: withBaseName(),
-      children
-    });
-  }
-);
-
-exports.ContactActions = ContactActions;
-//# sourceMappingURL=ContactActions.js.map

package/dist-cjs/packages/lab/src/contact-details/ContactActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactActions.js","sources":["../src/contact-details/ContactActions.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactActions\");\n\nexport interface ContactActionsProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const ContactActions = forwardRef<HTMLDivElement, ContactActionsProps>(\n  function (props, ref) {\n    const { children, ...restProps } = props;\n    const { variant } = useContactDetailsContext();\n    if (variant === \"mini\") {\n      return null;\n    }\n    return (\n      <div {...restProps} ref={ref} className={withBaseName()}>\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","useContactDetailsContext","jsx"],"mappings":";;;;;;;;;;AAIA,MAAM,YAAA,GAAeA,kBAAa,oBAAoB,CAAA,CAAA;AAI/C,MAAM,cAAiB,GAAAC,gBAAA;AAAA,EAC5B,SAAU,OAAO,GAAK,EAAA;AACpB,IAAM,MAAA,EAAE,QAAa,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AACnC,IAAM,MAAA,EAAE,OAAQ,EAAA,GAAIC,8CAAyB,EAAA,CAAA;AAC7C,IAAA,IAAI,YAAY,MAAQ,EAAA;AACtB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AACA,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MAAK,GAAG,SAAA;AAAA,MAAW,GAAA;AAAA,MAAU,WAAW,YAAa,EAAA;AAAA,MACnD,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/packages/lab/src/contact-details/ContactAvatar.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@salt-ds/core');
-require('./internal/FavoriteToggleWithTooltip.js');
-var ContactDetailsContext = require('./internal/ContactDetailsContext.js');
-var clsx = require('clsx');
-
-const withBaseName = core.makePrefixer("saltContactAvatar");
-const ContactAvatar = React.forwardRef(
-  function(props, ref) {
-    const { className, ...restProps } = props;
-    const context = ContactDetailsContext.useContactDetailsContext();
-    const { variant, primary, isStacked, setHasAvatar } = context;
-    React.useEffect(() => {
-      setHasAvatar(true);
-      return () => {
-        setHasAvatar(false);
-      };
-    }, [setHasAvatar]);
-    if (variant === "mini") {
-      return null;
-    }
-    const avatarSize = variant === "default" ? 3 : 2;
-    return /* @__PURE__ */ jsxRuntime.jsx(core.Avatar, {
-      ...restProps,
-      ref,
-      "aria-hidden": true,
-      className: clsx.clsx(
-        withBaseName(),
-        {
-          [withBaseName("stacked")]: isStacked
-        },
-        className
-      ),
-      size: avatarSize,
-      children: primary ? primary.split(" ").map((x) => x.charAt(0)).slice(0, 2) : null
-    });
-  }
-);
-
-exports.ContactAvatar = ContactAvatar;
-//# sourceMappingURL=ContactAvatar.js.map

package/dist-cjs/packages/lab/src/contact-details/ContactAvatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactAvatar.js","sources":["../src/contact-details/ContactAvatar.tsx"],"sourcesContent":["import { forwardRef, useEffect } from \"react\";\nimport { makePrefixer, Avatar, AvatarProps } from \"@salt-ds/core\";\nimport { useContactDetailsContext } from \"./internal\";\nimport { clsx } from \"clsx\";\n\nconst withBaseName = makePrefixer(\"saltContactAvatar\");\n\nexport type ContactAvatarProps = AvatarProps;\n\nexport const ContactAvatar = forwardRef<HTMLDivElement, ContactAvatarProps>(\n  function (props, ref) {\n    const { className, ...restProps } = props;\n    const context = useContactDetailsContext();\n    const { variant, primary, isStacked, setHasAvatar } = context;\n\n    useEffect(() => {\n      setHasAvatar(true);\n      return () => {\n        setHasAvatar(false);\n      };\n    }, [setHasAvatar]);\n\n    if (variant === \"mini\") {\n      return null;\n    }\n\n    const avatarSize = variant === \"default\" ? 3 : 2;\n    return (\n      <Avatar\n        {...restProps}\n        ref={ref}\n        aria-hidden={true}\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"stacked\")]: isStacked,\n          },\n          className\n        )}\n        size={avatarSize}\n      >\n        {primary\n          ? primary\n              .split(\" \")\n              .map((x) => x.charAt(0))\n              .slice(0, 2)\n          : null}\n      </Avatar>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","useContactDetailsContext","useEffect","jsx","Avatar","clsx"],"mappings":";;;;;;;;;;;AAKA,MAAM,YAAA,GAAeA,kBAAa,mBAAmB,CAAA,CAAA;AAI9C,MAAM,aAAgB,GAAAC,gBAAA;AAAA,EAC3B,SAAU,OAAO,GAAK,EAAA;AACpB,IAAM,MAAA,EAAE,SAAc,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AACpC,IAAA,MAAM,UAAUC,8CAAyB,EAAA,CAAA;AACzC,IAAA,MAAM,EAAE,OAAA,EAAS,OAAS,EAAA,SAAA,EAAW,cAAiB,GAAA,OAAA,CAAA;AAEtD,IAAAC,eAAA,CAAU,MAAM;AACd,MAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AACjB,MAAA,OAAO,MAAM;AACX,QAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,OACpB,CAAA;AAAA,KACF,EAAG,CAAC,YAAY,CAAC,CAAA,CAAA;AAEjB,IAAA,IAAI,YAAY,MAAQ,EAAA;AACtB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAM,MAAA,UAAA,GAAa,OAAY,KAAA,SAAA,GAAY,CAAI,GAAA,CAAA,CAAA;AAC/C,IAAA,uBACGC,cAAA,CAAAC,WAAA,EAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,GAAA;AAAA,MACA,aAAa,EAAA,IAAA;AAAA,MACb,SAAW,EAAAC,SAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,SAAS,CAAI,GAAA,SAAA;AAAA,SAC7B;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACA,IAAM,EAAA,UAAA;AAAA,MAEL,oBACG,OACG,CAAA,KAAA,CAAM,GAAG,CAAA,CACT,IAAI,CAAC,CAAA,KAAM,CAAE,CAAA,MAAA,CAAO,CAAC,CAAC,CAAA,CACtB,KAAM,CAAA,CAAA,EAAG,CAAC,CACb,GAAA,IAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

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

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".salt-density-touch {\n  --contactDetails-default-primary-fontSize: 30px;\n  --contactDetails-default-secondary-fontSize: 16px;\n  --contactDetails-compact-primary-fontSize: 16px;\n  --contactDetails-compact-secondary-fontSize: 14px;\n  --contactDetails-icon-size: 18px;\n  --contactDetails-label-width: 80px;\n}\n\n.salt-density-low {\n  --contactDetails-compact-primary-fontSize: 14px;\n  --contactDetails-default-primary-fontSize: 24px;\n  --contactDetails-compact-secondary-fontSize: 14px;\n  --contactDetails-default-secondary-fontSize: 14px;\n  --contactDetails-label-width: 70px;\n  --contactDetails-icon-size: 16px;\n}\n\n.salt-density-medium {\n  --contactDetails-compact-primary-fontSize: 12px;\n  --contactDetails-default-primary-fontSize: 18px;\n  --contactDetails-compact-secondary-fontSize: 12px;\n  --contactDetails-default-secondary-fontSize: 12px;\n  --contactDetails-label-width: 60px;\n  --contactDetails-icon-size: 14px;\n}\n\n.salt-density-high {\n  --contactDetails-compact-primary-fontSize: 11px;\n  --contactDetails-default-primary-fontSize: 14px;\n  --contactDetails-compact-secondary-fontSize: 11px;\n  --contactDetails-default-secondary-fontSize: 11px;\n  --contactDetails-label-width: 60px;\n  --contactDetails-icon-size: 12px;\n}\n\n.saltContactDetails {\n  --contactDetails-color: var(--salt-text-primary-foreground);\n  --contactDetails-label-color: var(--salt-text-secondary-foreground);\n  --contactDetails-noAvatar-color: var(--salt-accent-background);\n  --contactDetails-noAvatar-indicator-width: 4px;\n  --contactDetails-favoriteToggle-fill: var(--contactDetails-deselected-icon-color);\n  --contactDetails-favoriteToggle-marginRight: 0px;\n  --contactDetails-favoriteToggle-marginTop: 0px;\n  --contactDetails-mini-secondaryInfo-marginLeft: var(--salt-size-unit);\n  --contactDetails-mini-stacked-secondaryInfo-marginLeft: calc(var(--salt-size-unit) * 2);\n  --contactDetails-compact-tertiaryInfo-marginLeft: var(--salt-size-unit);\n\n  /* TODO: Check below tokens with design */\n  --contactDetails-separator-color: var(--salt-separable-secondary-borderColor);\n}\n\n.saltContactDetails {\n  display: grid;\n  padding: var(--salt-size-unit);\n}\n\n.saltContactDetails.saltContactDetails-noAvatar {\n  padding-left: 0;\n}\n\n.saltContactDetails.saltContactDetails-embedded {\n  padding: 0;\n}\n\n.saltContactDetails-default,\n.saltContactDetails-default-stacked {\n  --contactDetails-primary-fontSize: var(--contactDetails-default-primary-fontSize);\n  --contactDetails-secondary-fontSize: var(--contactDetails-default-secondary-fontSize);\n}\n\n.saltContactDetails-compact,\n.saltContactDetails-compact-stacked {\n  --contactDetails-primary-fontSize: var(--contactDetails-compact-primary-fontSize);\n  --contactDetails-secondary-fontSize: var(--contactDetails-compact-secondary-fontSize);\n}\n\n.saltContactDetails-mini,\n.saltContactDetails-mini-stacked {\n  --contactDetails-primary-fontSize: var(--contactDetails-compact-primary-fontSize);\n  --contactDetails-secondary-fontSize: var(--contactDetails-compact-secondary-fontSize);\n}\n\n.saltContactDetails-default {\n  color: var(--contactDetails-color);\n  grid-template-columns: auto auto 1fr auto;\n  grid-template-rows: auto auto auto auto auto;\n  grid-template-areas:\n    \"noAvatar avatar primary favorite\"\n    \"noAvatar avatar secondary secondary\"\n    \"noAvatar avatar tertiary tertiary\"\n    \". . actions metadataExpander\"\n    \". . metadata metadata\";\n}\n\n.saltContactDetails-default-stacked {\n  grid-template-columns: auto 1fr auto;\n  grid-template-rows: auto auto auto auto auto auto;\n  grid-template-areas:\n    \"noAvatar avatar avatar\"\n    \"noAvatar primary favorite\"\n    \"noAvatar secondary secondary\"\n    \"noAvatar tertiary tertiary\"\n    \". actions metadataExpander\"\n    \". metadata metadata\";\n}\n\n.saltContactDetails-compact {\n  grid-template-columns: auto auto auto 1fr auto;\n  grid-template-rows: auto auto auto;\n  grid-template-areas:\n    \"noAvatar avatar primary primary favorite\"\n    \"noAvatar avatar secondary tertiary tertiary\"\n    \". . actions actions actions\";\n}\n\n.saltContactDetails-compact-stacked {\n  grid-template-columns: auto auto 1fr auto;\n  grid-template-rows: auto auto auto auto;\n  grid-template-areas:\n    \"noAvatar avatar primary favorite\"\n    \"noAvatar avatar secondary favorite\"\n    \"noAvatar avatar tertiary tertiary\"\n    \". . actions actions\";\n}\n\n.saltContactDetails-mini,\n.saltContactDetails-mini-stacked {\n  grid-template-columns: auto minmax(60px, 1fr) auto;\n  grid-template-rows: auto;\n  grid-template-areas: \"primary secondary favorite\";\n}\n\n.saltContactDetails-noAvatar-indicator {\n  grid-area: noAvatar;\n  width: var(--contactDetails-noAvatar-indicator-width);\n  background: var(--contactDetails-noAvatar-color);\n  margin-right: var(--salt-size-unit);\n}\n\n.saltContactAvatar {\n  grid-area: avatar;\n  margin-right: var(--salt-size-unit);\n}\n\n.saltContactAvatar-stacked {\n  margin-bottom: var(--salt-size-unit);\n}\n\n.saltContactActions {\n  grid-area: actions;\n  display: flex;\n  margin-top: var(--salt-size-unit);\n  margin-left: calc(var(--salt-size-unit) * -1);\n}\n\n.saltContactPrimaryInfo {\n  grid-area: primary;\n}\n\n.saltContactDetails-default .saltContactPrimaryInfo {\n  margin-bottom: calc(var(--salt-size-unit) * 0.5);\n}\n\n.saltContactSecondaryInfo {\n  grid-area: secondary;\n}\n\n.saltContactDetails-mini .saltContactSecondaryInfo {\n  margin-left: var(--contactDetails-mini-secondaryInfo-marginLeft);\n}\n\n/* TODO Mini-stacked does not really look \"stacked\". Is it a bug? */\n.saltContactDetails-mini-stacked .saltContactSecondaryInfo {\n  margin-left: var(--contactDetails-mini-stacked-secondaryInfo-marginLeft);\n}\n\n.saltContactSecondaryInfo-icon {\n  margin-right: calc(var(--salt-size-unit) * 0.5);\n}\n\n.saltContactTertiaryInfo {\n  grid-area: tertiary;\n}\n\n.saltContactDetails-compact .saltContactTertiaryInfo {\n  margin-left: var(--contactDetails-compact-tertiaryInfo-marginLeft);\n}\n\n.saltContactTertiaryInfo-icon {\n  margin-right: calc(var(--salt-size-unit) * 0.5);\n}\n\n.saltContactMetadata {\n  grid-area: metadata;\n  display: flex;\n  flex-direction: column;\n  padding-top: var(--salt-size-unit);\n  padding-bottom: var(--salt-size-unit);\n}\n\n.saltContactMetadata-expander {\n  grid-area: metadataExpander;\n  margin-top: var(--salt-size-unit);\n}\n\n.saltContactMetadata-separator {\n  width: 100%;\n  height: 1px;\n  background: var(--contactDetails-separator-color);\n  margin-bottom: var(--salt-size-unit);\n}\n\n.saltContactMetadataItem {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: calc(var(--salt-size-unit) * 0.5);\n}\n\n.saltContactMetadataItem:last-child {\n  margin-bottom: unset;\n}\n\n.saltContactMetadata-stacked .saltContactMetadataItem {\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.saltContactMetadataItem-icon {\n  margin-right: calc(var(--salt-size-unit) * 2);\n  padding-left: 1px;\n}\n\n.saltContactMetadataItem-label {\n  flex-shrink: 0;\n  color: var(--contactDetails-label-color);\n  margin-right: calc(var(--salt-size-unit) * 2);\n  width: var(--contactDetails-label-width);\n}\n\n.saltContactFavoriteToggle {\n  align-self: start;\n  grid-area: favorite;\n  justify-self: center;\n  line-height: var(--contactDetails-primary-fontSize);\n  margin-right: var(--contactDetails-favoriteToggle-marginRight);\n  margin-top: var(--contactDetails-favoriteToggle-marginTop);\n}\n\n.saltContactFavoriteToggle-svg {\n  fill: var(--contactDetails-favoriteToggle-fill);\n}\n\n.saltContactFavoriteToggle-focusVisible {\n  outline: none;\n}\n\n.saltContactFavoriteToggle-focused {\n  outline: var(--salt-focused-outline);\n}\n\n.saltContactFavoriteToggle-deselected {\n  --contactDetails-favoriteToggle-fill: var(--salt-accent-borderColor);\n}\n\n.saltContactFavoriteToggle-selecting {\n  --contactDetails-favoriteToggle-fill: var(--salt-selectable-foreground-hover);\n}\n\n.saltContactFavoriteToggle-selected {\n  --contactDetails-favoriteToggle-fill: var(--salt-selectable-foreground-selected);\n}\n\n.saltContactFavoriteToggle-deselecting {\n  --contactDetails-favoriteToggle-fill: var(--salt-selectable-foreground-hover);\n}\n\n.saltContactFavoriteToggle-svg {\n  height: var(--contactDetails-icon-size);\n  width: var(--contactDetails-icon-size);\n}\n";
-styleInject_es(css_248z);
-
-module.exports = css_248z;
-//# sourceMappingURL=ContactDetails.css.js.map

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

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

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

@@ -1,86 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var React = require('react');
-require('./internal/FavoriteToggleWithTooltip.js');
-var ContactDetailsContext = require('./internal/ContactDetailsContext.js');
-var useComponentSize = require('./internal/useComponentSize.js');
-require('./ContactDetails.css.js');
-
-const withBaseName = core.makePrefixer("saltContactDetails");
-function getClassName(variant, isStacked) {
-  return withBaseName(`${variant}${isStacked ? "-stacked" : ""}`);
-}
-const ContactDetails = React.forwardRef(
-  function ContactDetails2(props, externalRef) {
-    const {
-      children,
-      variant = "default",
-      className,
-      stackAtBreakpoint = 300,
-      embedded,
-      ...restProps
-    } = props;
-    const [hasAvatar, setHasAvatar] = React.useState(false);
-    const [primary, setPrimary] = React.useState();
-    const [primaryId, setPrimaryId] = React.useState();
-    const [secondary, setSecondary] = React.useState();
-    const [secondaryId, setSecondaryId] = React.useState();
-    const [tertiary, setTertiary] = React.useState();
-    const [tertiaryId, setTertiaryId] = React.useState();
-    const [containerRef, componentSize] = useComponentSize.useComponentSize(stackAtBreakpoint);
-    const isStacked = componentSize && componentSize.width < stackAtBreakpoint;
-    variant === "compact" && isStacked && console.log("componentSize", componentSize.width, containerRef.current);
-    const ref = core.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__ */ jsxRuntime.jsx(ContactDetailsContext.ContactDetailsContext.Provider, {
-      value: contextValue,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        ...restProps,
-        ref,
-        className: clsx.clsx(
-          withBaseName(),
-          getClassName(variant, isStacked),
-          {
-            [withBaseName("embedded")]: embedded,
-            [withBaseName("noAvatar")]: showNoAvatar
-          },
-          className
-        ),
-        role: "article",
-        "aria-roledescription": "Contact Card",
-        children: [
-          children,
-          showNoAvatar ? /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: withBaseName("noAvatar-indicator")
-          }) : null
-        ]
-      })
-    });
-  }
-);
-
-exports.ContactDetails = ContactDetails;
-//# sourceMappingURL=ContactDetails.js.map

package/dist-cjs/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":["makePrefixer","forwardRef","ContactDetails","useState","useComponentSize","useForkRef","jsx","ContactDetailsContext","jsxs","clsx"],"mappings":"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"}

package/dist-cjs/packages/lab/src/contact-details/ContactFavoriteToggle.js

@@ -1,47 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var React = require('react');
-var FavoriteToggleWithTooltip = require('./internal/FavoriteToggleWithTooltip.js');
-require('./internal/ContactDetailsContext.js');
-
-const ContactFavoriteToggle = React.forwardRef(function ContactFavoriteToggle2(props, ref) {
-  const {
-    id: idProp,
-    isFavorite: isFavoriteProp,
-    defaultIsFavorite = false,
-    onChange: onChangeProp,
-    tooltipProps,
-    ...restProps
-  } = props;
-  const id = core.useId(idProp);
-  const [isFavorite, setIsFavorite] = core.useControlled({
-    controlled: isFavoriteProp,
-    default: defaultIsFavorite,
-    name: "ContactDetails",
-    state: "isFavorite"
-  });
-  const onChange = (isSelected) => {
-    setIsFavorite(isSelected);
-    if (onChangeProp) {
-      onChangeProp(isSelected);
-    }
-  };
-  const tooltipTitle = `${isFavorite ? "Remove" : "Mark"} as favorite`;
-  return /* @__PURE__ */ jsxRuntime.jsx(FavoriteToggleWithTooltip.FavoriteToggleWithTooltip, {
-    ...restProps,
-    id,
-    ref,
-    tooltipProps,
-    "aria-label": "Favorite",
-    isSelected: isFavorite,
-    onChange,
-    tooltipTitle
-  });
-});
-
-exports.ContactFavoriteToggle = ContactFavoriteToggle;
-//# sourceMappingURL=ContactFavoriteToggle.js.map

package/dist-cjs/packages/lab/src/contact-details/ContactFavoriteToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactFavoriteToggle.js","sources":["../src/contact-details/ContactFavoriteToggle.tsx"],"sourcesContent":["import { TooltipProps, useControlled, useId } from \"@salt-ds/core\";\nimport { forwardRef } from \"react\";\nimport {\n  FavoriteToggleWithTooltip,\n  FavoriteToggleWithTooltipProps,\n} from \"./internal\";\n\nexport interface ContactFavoriteToggleProps\n  extends FavoriteToggleWithTooltipProps {\n  isFavorite?: boolean;\n  defaultIsFavorite?: boolean;\n  onChange?: (isFavorite: boolean) => void;\n  tooltipProps?: TooltipProps;\n}\n\nexport const ContactFavoriteToggle = forwardRef<\n  HTMLSpanElement,\n  ContactFavoriteToggleProps\n>(function ContactFavoriteToggle(props, ref) {\n  const {\n    id: idProp,\n    isFavorite: isFavoriteProp,\n    defaultIsFavorite = false,\n    onChange: onChangeProp,\n    tooltipProps,\n    ...restProps\n  } = props;\n\n  const id = useId(idProp);\n\n  const [isFavorite, setIsFavorite] = useControlled({\n    controlled: isFavoriteProp,\n    default: defaultIsFavorite,\n    name: \"ContactDetails\",\n    state: \"isFavorite\",\n  });\n\n  const onChange = (isSelected: boolean) => {\n    setIsFavorite(isSelected);\n    if (onChangeProp) {\n      onChangeProp(isSelected);\n    }\n  };\n\n  const tooltipTitle = `${isFavorite ? \"Remove\" : \"Mark\"} as favorite`;\n\n  return (\n    <FavoriteToggleWithTooltip\n      {...restProps}\n      id={id}\n      ref={ref}\n      tooltipProps={tooltipProps}\n      aria-label=\"Favorite\"\n      isSelected={isFavorite}\n      onChange={onChange}\n      tooltipTitle={tooltipTitle}\n    />\n  );\n});\n"],"names":["forwardRef","ContactFavoriteToggle","useId","useControlled","jsx","FavoriteToggleWithTooltip"],"mappings":";;;;;;;;;;AAeO,MAAM,qBAAwB,GAAAA,gBAAA,CAGnC,SAASC,sBAAAA,CAAsB,OAAO,GAAK,EAAA;AAC3C,EAAM,MAAA;AAAA,IACJ,EAAI,EAAA,MAAA;AAAA,IACJ,UAAY,EAAA,cAAA;AAAA,IACZ,iBAAoB,GAAA,KAAA;AAAA,IACpB,QAAU,EAAA,YAAA;AAAA,IACV,YAAA;AAAA,IACG,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAM,MAAA,EAAA,GAAKC,WAAM,MAAM,CAAA,CAAA;AAEvB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIC,kBAAc,CAAA;AAAA,IAChD,UAAY,EAAA,cAAA;AAAA,IACZ,OAAS,EAAA,iBAAA;AAAA,IACT,IAAM,EAAA,gBAAA;AAAA,IACN,KAAO,EAAA,YAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAM,MAAA,QAAA,GAAW,CAAC,UAAwB,KAAA;AACxC,IAAA,aAAA,CAAc,UAAU,CAAA,CAAA;AACxB,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,YAAA,CAAa,UAAU,CAAA,CAAA;AAAA,KACzB;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,YAAA,GAAe,CAAG,EAAA,UAAA,GAAa,QAAW,GAAA,MAAA,CAAA,YAAA,CAAA,CAAA;AAEhD,EAAA,uBACGC,cAAA,CAAAC,mDAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,EAAA;AAAA,IACA,GAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAW,EAAA,UAAA;AAAA,IACX,UAAY,EAAA,UAAA;AAAA,IACZ,QAAA;AAAA,IACA,YAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/packages/lab/src/contact-details/ContactMetadata.js

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var icons = require('@salt-ds/icons');
-var clsx = require('clsx');
-var React = require('react');
-require('./internal/FavoriteToggleWithTooltip.js');
-var ContactDetailsContext = require('./internal/ContactDetailsContext.js');
-
-const withBaseName = core.makePrefixer("saltContactMetadata");
-const ContactMetadata = React.forwardRef(
-  function ContactMetadata2(props, ref) {
-    const { collapsible, children, collapseButtonId, className, ...restProps } = props;
-    const { primaryId, variant, isStacked } = ContactDetailsContext.useContactDetailsContext();
-    const [showMetadata, setShowMetadata] = React.useState(!collapsible);
-    const toggleShowMetadata = () => {
-      setShowMetadata(!showMetadata);
-    };
-    if (variant !== "default") {
-      return null;
-    }
-    const variantClassName = withBaseName(isStacked ? "stacked" : "default");
-    const id = core.useId(collapseButtonId);
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [
-        collapsible ? /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
-          "aria-expanded": showMetadata,
-          "aria-label": showMetadata ? "Collapse" : "Expand",
-          "aria-labelledby": `${id} ${primaryId}`,
-          id,
-          onClick: toggleShowMetadata,
-          variant: "secondary",
-          className: withBaseName("expander"),
-          children: showMetadata ? /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronUpIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownIcon, {})
-        }) : null,
-        !collapsible || showMetadata ? /* @__PURE__ */ jsxRuntime.jsxs("div", {
-          ...restProps,
-          ref,
-          className: clsx.clsx(withBaseName(), variantClassName, className),
-          children: [
-            collapsible ? /* @__PURE__ */ jsxRuntime.jsx("div", {
-              className: withBaseName("separator")
-            }) : null,
-            children
-          ]
-        }) : null
-      ]
-    });
-  }
-);
-
-exports.ContactMetadata = ContactMetadata;
-//# sourceMappingURL=ContactMetadata.js.map

package/dist-cjs/packages/lab/src/contact-details/ContactMetadata.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactMetadata.js","sources":["../src/contact-details/ContactMetadata.tsx"],"sourcesContent":["import { Button, makePrefixer, useId } from \"@salt-ds/core\";\nimport { ChevronDownIcon, ChevronUpIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, useState } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactMetadata\");\n\nexport interface ContactMetadataProps extends HTMLAttributes<HTMLDivElement> {\n  collapsible?: boolean;\n  collapseButtonId?: string;\n}\n\nexport const ContactMetadata = forwardRef<HTMLDivElement, ContactMetadataProps>(\n  function ContactMetadata(props, ref) {\n    const { collapsible, children, collapseButtonId, className, ...restProps } =\n      props;\n    const { primaryId, variant, isStacked } = useContactDetailsContext();\n\n    const [showMetadata, setShowMetadata] = useState<boolean>(!collapsible);\n\n    const toggleShowMetadata = () => {\n      setShowMetadata(!showMetadata);\n    };\n\n    if (variant !== \"default\") {\n      return null;\n    }\n\n    const variantClassName = withBaseName(isStacked ? \"stacked\" : \"default\");\n\n    const id = useId(collapseButtonId);\n\n    return (\n      <>\n        {collapsible ? (\n          <Button\n            aria-expanded={showMetadata}\n            aria-label={showMetadata ? \"Collapse\" : \"Expand\"}\n            aria-labelledby={`${id} ${primaryId}`}\n            id={id}\n            onClick={toggleShowMetadata}\n            variant=\"secondary\"\n            className={withBaseName(\"expander\")}\n          >\n            {showMetadata ? <ChevronUpIcon /> : <ChevronDownIcon />}\n          </Button>\n        ) : null}\n        {!collapsible || showMetadata ? (\n          <div\n            {...restProps}\n            ref={ref}\n            className={clsx(withBaseName(), variantClassName, className)}\n          >\n            {collapsible ? <div className={withBaseName(\"separator\")} /> : null}\n            {children}\n          </div>\n        ) : null}\n      </>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","ContactMetadata","useContactDetailsContext","useState","useId","jsxs","Fragment","jsx","Button","ChevronUpIcon","ChevronDownIcon","clsx"],"mappings":";;;;;;;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,qBAAqB,CAAA,CAAA;AAOhD,MAAM,eAAkB,GAAAC,gBAAA;AAAA,EAC7B,SAASC,gBAAgB,CAAA,KAAA,EAAO,GAAK,EAAA;AACnC,IAAA,MAAM,EAAE,WAAa,EAAA,QAAA,EAAU,gBAAkB,EAAA,SAAA,EAAA,GAAc,WAC7D,GAAA,KAAA,CAAA;AACF,IAAA,MAAM,EAAE,SAAA,EAAW,OAAS,EAAA,SAAA,KAAcC,8CAAyB,EAAA,CAAA;AAEnE,IAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAAC,cAAA,CAAkB,CAAC,WAAW,CAAA,CAAA;AAEtE,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAA,eAAA,CAAgB,CAAC,YAAY,CAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,IAAI,YAAY,SAAW,EAAA;AACzB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAA,MAAM,gBAAmB,GAAA,YAAA,CAAa,SAAY,GAAA,SAAA,GAAY,SAAS,CAAA,CAAA;AAEvE,IAAM,MAAA,EAAA,GAAKC,WAAM,gBAAgB,CAAA,CAAA;AAEjC,IACE,uBAAAC,eAAA,CAAAC,mBAAA,EAAA;AAAA,MACG,QAAA,EAAA;AAAA,QAAA,WAAA,mBACEC,cAAA,CAAAC,WAAA,EAAA;AAAA,UACC,eAAe,EAAA,YAAA;AAAA,UACf,YAAA,EAAY,eAAe,UAAa,GAAA,QAAA;AAAA,UACxC,iBAAA,EAAiB,GAAG,EAAM,CAAA,CAAA,EAAA,SAAA,CAAA,CAAA;AAAA,UAC1B,EAAA;AAAA,UACA,OAAS,EAAA,kBAAA;AAAA,UACT,OAAQ,EAAA,WAAA;AAAA,UACR,SAAA,EAAW,aAAa,UAAU,CAAA;AAAA,UAEjC,QAAe,EAAA,YAAA,mBAAAD,cAAA,CAACE,mBAAc,EAAA,EAAA,CAAA,kCAAMC,qBAAgB,EAAA,EAAA,CAAA;AAAA,SACvD,CACE,GAAA,IAAA;AAAA,QACH,CAAC,WAAe,IAAA,YAAA,mBACdL,eAAA,CAAA,KAAA,EAAA;AAAA,UACE,GAAG,SAAA;AAAA,UACJ,GAAA;AAAA,UACA,SAAW,EAAAM,SAAA,CAAK,YAAa,EAAA,EAAG,kBAAkB,SAAS,CAAA;AAAA,UAE1D,QAAA,EAAA;AAAA,YAAA,WAAA,mBAAeJ,cAAA,CAAA,KAAA,EAAA;AAAA,cAAI,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,aAAG,CAAK,GAAA,IAAA;AAAA,YAC9D,QAAA;AAAA,WAAA;AAAA,SACH,CACE,GAAA,IAAA;AAAA,OAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

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

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var React = require('react');
-var MailLinkComponent = require('./MailLinkComponent.js');
-
-const withBaseName = core.makePrefixer("saltContactMetadataItem");
-const ContactMetadataItem = React.forwardRef(function ContactMetadataItem2(props, ref) {
-  const { label, value, icon: Icon, ValueComponent, ...restProps } = props;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    ...restProps,
-    ref,
-    className: withBaseName(),
-    children: [
-      !Icon ? /* @__PURE__ */ jsxRuntime.jsx(core.Text, {
-        maxRows: 1,
-        className: withBaseName("label"),
-        children: label
-      }) : null,
-      Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, {
-        className: withBaseName("icon")
-      }) : null,
-      ValueComponent ? /* @__PURE__ */ jsxRuntime.jsx(ValueComponent, {
-        value
-      }) : /* @__PURE__ */ jsxRuntime.jsx(MailLinkComponent.MailLinkComponent, {
-        value
-      })
-    ]
-  });
-});
-
-exports.ContactMetadataItem = ContactMetadataItem;
-//# sourceMappingURL=ContactMetadataItem.js.map

package/dist-cjs/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":["makePrefixer","forwardRef","ContactMetadataItem","jsxs","jsx","Text","MailLinkComponent"],"mappings":";;;;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,yBAAyB,CAAA,CAAA;AAUpD,MAAM,mBAAsB,GAAAC,gBAAA,CAGjC,SAASC,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,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,IAAK,GAAG,SAAA;AAAA,IAAW,GAAA;AAAA,IAAU,WAAW,YAAa,EAAA;AAAA,IACnD,QAAA,EAAA;AAAA,MAAA,CAAC,uBACCC,cAAA,CAAAC,SAAA,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,uBAAQD,cAAA,CAAA,IAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAK,GAAA,IAAA;AAAA,MAEnD,iCACEA,cAAA,CAAA,cAAA,EAAA;AAAA,QAAe,KAAA;AAAA,OAAc,oBAE7BA,cAAA,CAAAE,mCAAA,EAAA;AAAA,QAAkB,KAAA;AAAA,OAAc,CAAA;AAAA,KAAA;AAAA,GAErC,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/packages/lab/src/contact-details/ContactPrimaryInfo.js

@@ -1,47 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var React = require('react');
-require('./internal/FavoriteToggleWithTooltip.js');
-var ContactDetailsContext = require('./internal/ContactDetailsContext.js');
-
-const withBaseName = core.makePrefixer("saltContactPrimaryInfo");
-const ContactPrimaryInfo = React.forwardRef(function ContactPrimaryInfo2(props, ref) {
-  const {
-    id: idProp,
-    text,
-    className,
-    "aria-level": ariaLevel = 2,
-    ...restProps
-  } = props;
-  const { setPrimary, setPrimaryId, secondaryId, tertiaryId, variant } = ContactDetailsContext.useContactDetailsContext();
-  const id = core.useId(idProp);
-  React.useEffect(() => {
-    setPrimary(text || "");
-    setPrimaryId(id);
-    return () => {
-      setPrimary(void 0);
-      setPrimaryId(void 0);
-    };
-  }, [setPrimary, id, text, setPrimaryId]);
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Text, {
-    ...restProps,
-    maxRows: 1,
-    id,
-    ref,
-    styleAs: variant === "default" ? "h2" : "h4",
-    className: clsx.clsx(withBaseName(), className),
-    role: "heading",
-    "aria-labelledby": `${id} ${secondaryId != null ? secondaryId : null} ${tertiaryId != null ? tertiaryId : null}`,
-    "aria-level": ariaLevel,
-    "data-testid": "primary",
-    children: text
-  });
-});
-
-exports.ContactPrimaryInfo = ContactPrimaryInfo;
-//# sourceMappingURL=ContactPrimaryInfo.js.map

package/dist-cjs/packages/lab/src/contact-details/ContactPrimaryInfo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactPrimaryInfo.js","sources":["../src/contact-details/ContactPrimaryInfo.tsx"],"sourcesContent":["import { makePrefixer, useId, Text } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactPrimaryInfo\");\n\nexport interface ContactPrimaryInfoProps\n  extends HTMLAttributes<HTMLDivElement> {\n  text: string;\n}\n\nexport const ContactPrimaryInfo = forwardRef<\n  HTMLDivElement,\n  ContactPrimaryInfoProps\n>(function ContactPrimaryInfo(props, ref) {\n  const {\n    id: idProp,\n    text,\n    className,\n    \"aria-level\": ariaLevel = 2,\n    ...restProps\n  } = props;\n  const { setPrimary, setPrimaryId, secondaryId, tertiaryId, variant } =\n    useContactDetailsContext();\n  const id = useId(idProp);\n\n  useEffect(() => {\n    setPrimary(text || \"\");\n    setPrimaryId(id);\n    return () => {\n      setPrimary(undefined);\n      setPrimaryId(undefined);\n    };\n  }, [setPrimary, id, text, setPrimaryId]);\n\n  return (\n    <Text\n      {...restProps}\n      maxRows={1}\n      id={id}\n      ref={ref}\n      styleAs={variant === \"default\" ? \"h2\" : \"h4\"}\n      className={clsx(withBaseName(), className)}\n      role=\"heading\"\n      aria-labelledby={`${id} ${secondaryId != null ? secondaryId : null} ${\n        tertiaryId != null ? tertiaryId : null\n      }`}\n      aria-level={ariaLevel}\n      data-testid=\"primary\"\n    >\n      {text}\n    </Text>\n  );\n});\n"],"names":["makePrefixer","forwardRef","ContactPrimaryInfo","useContactDetailsContext","useId","useEffect","jsx","Text","clsx"],"mappings":";;;;;;;;;;;AAKA,MAAM,YAAA,GAAeA,kBAAa,wBAAwB,CAAA,CAAA;AAOnD,MAAM,kBAAqB,GAAAC,gBAAA,CAGhC,SAASC,mBAAAA,CAAmB,OAAO,GAAK,EAAA;AACxC,EAAM,MAAA;AAAA,IACJ,EAAI,EAAA,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAc,SAAY,GAAA,CAAA;AAAA,IACvB,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AACJ,EAAA,MAAM,EAAE,UAAY,EAAA,YAAA,EAAc,aAAa,UAAY,EAAA,OAAA,KACzDC,8CAAyB,EAAA,CAAA;AAC3B,EAAM,MAAA,EAAA,GAAKC,WAAM,MAAM,CAAA,CAAA;AAEvB,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,QAAQ,EAAE,CAAA,CAAA;AACrB,IAAA,YAAA,CAAa,EAAE,CAAA,CAAA;AACf,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,KAAS,CAAA,CAAA,CAAA;AACpB,MAAA,YAAA,CAAa,KAAS,CAAA,CAAA,CAAA;AAAA,KACxB,CAAA;AAAA,KACC,CAAC,UAAA,EAAY,EAAI,EAAA,IAAA,EAAM,YAAY,CAAC,CAAA,CAAA;AAEvC,EAAA,uBACGC,cAAA,CAAAC,SAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,OAAS,EAAA,CAAA;AAAA,IACT,EAAA;AAAA,IACA,GAAA;AAAA,IACA,OAAA,EAAS,OAAY,KAAA,SAAA,GAAY,IAAO,GAAA,IAAA;AAAA,IACxC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,IAAK,EAAA,SAAA;AAAA,IACL,iBAAA,EAAiB,GAAG,EAAM,CAAA,CAAA,EAAA,WAAA,IAAe,OAAO,WAAc,GAAA,IAAA,CAAA,CAAA,EAC5D,UAAc,IAAA,IAAA,GAAO,UAAa,GAAA,IAAA,CAAA,CAAA;AAAA,IAEpC,YAAY,EAAA,SAAA;AAAA,IACZ,aAAY,EAAA,SAAA;AAAA,IAEX,QAAA,EAAA,IAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/packages/lab/src/contact-details/ContactSecondaryInfo.js

@@ -1,50 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var React = require('react');
-require('./internal/FavoriteToggleWithTooltip.js');
-var ContactDetailsContext = require('./internal/ContactDetailsContext.js');
-
-const withBaseName = core.makePrefixer("saltContactSecondaryInfo");
-const ContactSecondaryInfo = React.forwardRef(function ContactSecondaryInfo2(props, ref) {
-  const {
-    id: idProp,
-    text,
-    icon: Icon,
-    className,
-    ValueComponent,
-    ...restProps
-  } = props;
-  const { setSecondary, setSecondaryId, variant } = ContactDetailsContext.useContactDetailsContext();
-  const id = core.useId(idProp);
-  React.useEffect(() => {
-    setSecondary(text || "");
-    setSecondaryId(id);
-    return () => {
-      setSecondary(void 0);
-      setSecondaryId(void 0);
-    };
-  }, [id, text, setSecondary, setSecondaryId]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(core.Text, {
-    styleAs: variant === "default" ? "h4" : void 0,
-    maxRows: 1,
-    ...restProps,
-    id,
-    ref,
-    className: clsx.clsx(withBaseName(), className),
-    "data-testid": "secondary",
-    children: [
-      Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, {
-        className: withBaseName("icon")
-      }) : null,
-      text
-    ]
-  });
-});
-
-exports.ContactSecondaryInfo = ContactSecondaryInfo;
-//# sourceMappingURL=ContactSecondaryInfo.js.map

package/dist-cjs/packages/lab/src/contact-details/ContactSecondaryInfo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContactSecondaryInfo.js","sources":["../src/contact-details/ContactSecondaryInfo.tsx"],"sourcesContent":["import { makePrefixer, useId, Text } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { ComponentType, forwardRef, HTMLAttributes, useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\nimport { ValueComponentProps } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltContactSecondaryInfo\");\n\nexport interface ContactSecondaryInfoProps\n  extends HTMLAttributes<HTMLDivElement> {\n  icon?: ComponentType<IconProps>;\n  text: string;\n  ValueComponent?: ComponentType<ValueComponentProps>;\n}\n\nexport const ContactSecondaryInfo = forwardRef<\n  HTMLDivElement,\n  ContactSecondaryInfoProps\n>(function ContactSecondaryInfo(props, ref) {\n  const {\n    id: idProp,\n    text,\n    icon: Icon,\n    className,\n    ValueComponent,\n    ...restProps\n  } = props;\n  const { setSecondary, setSecondaryId, variant } = useContactDetailsContext();\n  const id = useId(idProp);\n\n  useEffect(() => {\n    setSecondary(text || \"\");\n    setSecondaryId(id);\n    return () => {\n      setSecondary(undefined);\n      setSecondaryId(undefined);\n    };\n  }, [id, text, setSecondary, setSecondaryId]);\n\n  return (\n    <Text\n      styleAs={variant === \"default\" ? \"h4\" : undefined}\n      maxRows={1}\n      {...restProps}\n      id={id}\n      ref={ref}\n      className={clsx(withBaseName(), className)}\n      data-testid=\"secondary\"\n    >\n      {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n      {text}\n    </Text>\n  );\n});\n"],"names":["makePrefixer","forwardRef","ContactSecondaryInfo","useContactDetailsContext","useId","useEffect","jsxs","Text","clsx","jsx"],"mappings":";;;;;;;;;;;AAOA,MAAM,YAAA,GAAeA,kBAAa,0BAA0B,CAAA,CAAA;AASrD,MAAM,oBAAuB,GAAAC,gBAAA,CAGlC,SAASC,qBAAAA,CAAqB,OAAO,GAAK,EAAA;AAC1C,EAAM,MAAA;AAAA,IACJ,EAAI,EAAA,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,IAAM,EAAA,IAAA;AAAA,IACN,SAAA;AAAA,IACA,cAAA;AAAA,IACG,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AACJ,EAAA,MAAM,EAAE,YAAA,EAAc,cAAgB,EAAA,OAAA,KAAYC,8CAAyB,EAAA,CAAA;AAC3E,EAAM,MAAA,EAAA,GAAKC,WAAM,MAAM,CAAA,CAAA;AAEvB,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,QAAQ,EAAE,CAAA,CAAA;AACvB,IAAA,cAAA,CAAe,EAAE,CAAA,CAAA;AACjB,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,KAAS,CAAA,CAAA,CAAA;AACtB,MAAA,cAAA,CAAe,KAAS,CAAA,CAAA,CAAA;AAAA,KAC1B,CAAA;AAAA,KACC,CAAC,EAAA,EAAI,IAAM,EAAA,YAAA,EAAc,cAAc,CAAC,CAAA,CAAA;AAE3C,EAAA,uBACGC,eAAA,CAAAC,SAAA,EAAA;AAAA,IACC,OAAA,EAAS,OAAY,KAAA,SAAA,GAAY,IAAO,GAAA,KAAA,CAAA;AAAA,IACxC,OAAS,EAAA,CAAA;AAAA,IACR,GAAG,SAAA;AAAA,IACJ,EAAA;AAAA,IACA,GAAA;AAAA,IACA,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,aAAY,EAAA,WAAA;AAAA,IAEX,QAAA,EAAA;AAAA,MAAA,IAAA,mBAAQC,cAAA,CAAA,IAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAK,GAAA,IAAA;AAAA,MACnD,IAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}