@redsift/products 11.6.0-muiv5-alpha.11 → 11.6.0-muiv5-alpha.13

package/packages/popovers/src/components/dialog-content/_internal/styles.js

@@ -1,77 +0,0 @@
-import { FloatingOverlay } from '../../../../../../node_modules/@floating-ui/react/dist/_internal/floating-ui.react.js';
-import styled, { css } from 'styled-components';
-import { baseContainer, Theme } from '@redsift/design-system';
-
-/**
- * Component style.
- */
-const StyledDialogContent = styled.div`
-  ${baseContainer}
-  ${_ref => {
-  let {
-    $theme
-  } = _ref;
-  return css`
-    color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
-    background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'black' : 'white'});
-  `;
-}}
-
-  border-radius: 4px;
-  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
-  display: flex;
-  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
-  flex-direction: column;
-  font-family: var(--redsift-typography-dialog-font-family);
-  font-size: var(--redsift-typography-dialog-font-size);
-  font-weight: var(--redsift-typography-dialog-font-weight);
-  line-height: var(--redsift-typography-dialog-line-height);
-  margin: 32px;
-  max-width: calc(100vw - 48px);
-  padding: 24px;
-  width: 540px;
-  z-index: var(--redsift-layout-z-index-dialog);
-
-  ${_ref2 => {
-  let {
-    $width,
-    $maxWidth,
-    $minWidth
-  } = _ref2;
-  return css`
-    ${$width !== undefined ? `width: ${$width};` : ''}
-    ${$maxWidth !== undefined ? `min-width: ${$maxWidth};` : ''}
-    ${$minWidth !== undefined ? `max-width: ${$minWidth};` : ''}
-  `;
-}}
-
-  &:focus-visible {
-    outline: none;
-  }
-
-  .redsift-dialog-content__header {
-    align-items: flex-start;
-    display: flex;
-    justify-content: space-between;
-  }
-
-  .redsift-card-header__icon-button {
-    margin-top: 8px;
-    margin-left: auto;
-    margin-right: 8px;
-
-    [dir='rtl'] & {
-      margin-left: 8px;
-      margin-right: auto;
-    }
-  }
-`;
-const StyledFloatingOverlay = styled(FloatingOverlay)`
-  background: rgba(0, 0, 0, 0.8);
-  display: grid;
-  place-items: center;
-  z-index: var(--redsift-layout-z-index-overlay);
-`;
-
-export { StyledDialogContent, StyledFloatingOverlay };
-//# sourceMappingURL=styles.js.map

package/packages/popovers/src/components/dialog-content/_internal/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../../popovers/src/components/dialog-content/styles.ts"],"sourcesContent":["import { FloatingOverlay } from '@floating-ui/react';\nimport styled, { css } from 'styled-components';\nimport { StyledDialogContentProps } from './types';\nimport { Theme, baseContainer } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledDialogContent = styled.div<StyledDialogContentProps>`\n  ${baseContainer}\n  ${({ $theme }) => css`\n    color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n    background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'black' : 'white'});\n  `}\n\n  border-radius: 4px;\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);\n  display: flex;\n  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));\n  flex-direction: column;\n  font-family: var(--redsift-typography-dialog-font-family);\n  font-size: var(--redsift-typography-dialog-font-size);\n  font-weight: var(--redsift-typography-dialog-font-weight);\n  line-height: var(--redsift-typography-dialog-line-height);\n  margin: 32px;\n  max-width: calc(100vw - 48px);\n  padding: 24px;\n  width: 540px;\n  z-index: var(--redsift-layout-z-index-dialog);\n\n  ${({ $width, $maxWidth, $minWidth }) => css`\n    ${$width !== undefined ? `width: ${$width};` : ''}\n    ${$maxWidth !== undefined ? `min-width: ${$maxWidth};` : ''}\n    ${$minWidth !== undefined ? `max-width: ${$minWidth};` : ''}\n  `}\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  .redsift-dialog-content__header {\n    align-items: flex-start;\n    display: flex;\n    justify-content: space-between;\n  }\n\n  .redsift-card-header__icon-button {\n    margin-top: 8px;\n    margin-left: auto;\n    margin-right: 8px;\n\n    [dir='rtl'] & {\n      margin-left: 8px;\n      margin-right: auto;\n    }\n  }\n`;\n\nexport const StyledFloatingOverlay = styled(FloatingOverlay)`\n  background: rgba(0, 0, 0, 0.8);\n  display: grid;\n  place-items: center;\n  z-index: var(--redsift-layout-z-index-overlay);\n`;\n"],"names":["StyledDialogContent","styled","div","baseContainer","_ref","$theme","css","Theme","dark","_ref2","$width","$maxWidth","$minWidth","undefined","StyledFloatingOverlay","FloatingOverlay"],"mappings":";;;;AAKA;AACA;AACA;AACaA,MAAAA,mBAAmB,GAAGC,MAAM,CAACC,GAA8B,CAAA;AACxE,EAAA,EAAIC,aAAc,CAAA;AAClB,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKE,GAAI,CAAA;AACxB,uCAAyCD,EAAAA,MAAM,KAAKE,KAAK,CAACC,IAAI,GAAG,OAAO,GAAG,aAAc,CAAA;AACzF,kDAAoDH,EAAAA,MAAM,KAAKE,KAAK,CAACC,IAAI,GAAG,OAAO,GAAG,OAAQ,CAAA;AAC9F,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;IAAEC,MAAM;IAAEC,SAAS;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAH,KAAA,CAAA;AAAA,EAAA,OAAKH,GAAI,CAAA;AAC9C,IAAMI,EAAAA,MAAM,KAAKG,SAAS,GAAI,UAASH,MAAO,CAAA,CAAA,CAAE,GAAG,EAAG,CAAA;AACtD,IAAMC,EAAAA,SAAS,KAAKE,SAAS,GAAI,cAAaF,SAAU,CAAA,CAAA,CAAE,GAAG,EAAG,CAAA;AAChE,IAAMC,EAAAA,SAAS,KAAKC,SAAS,GAAI,cAAaD,SAAU,CAAA,CAAA,CAAE,GAAG,EAAG,CAAA;AAChE,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYE,qBAAqB,GAAGb,MAAM,CAACc,eAAe,CAAE,CAAA;AAC7D;AACA;AACA;AACA;AACA;;;;"}

package/packages/popovers/src/components/dialog-content/intl/_internal/en-US.js

@@ -1,7 +0,0 @@
-var close = "Close";
-var enUS = {
-	close: close
-};
-
-export { close, enUS as default };
-//# sourceMappingURL=en-US.js.map

package/packages/popovers/src/components/dialog-content/intl/_internal/en-US.js.map

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

package/packages/popovers/src/components/dialog-content/intl/_internal/fr-FR.js

@@ -1,7 +0,0 @@
-var close = "Fermer";
-var frFR = {
-	close: close
-};
-
-export { close, frFR as default };
-//# sourceMappingURL=fr-FR.js.map

package/packages/popovers/src/components/dialog-content/intl/_internal/fr-FR.js.map

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

package/packages/popovers/src/components/dialog-content/intl/index.js

@@ -1,10 +0,0 @@
-import enUS from './_internal/en-US.js';
-import frFR from './_internal/fr-FR.js';
-
-var intlMessages = {
-  'en-US': enUS,
-  'fr-FR': frFR
-};
-
-export { intlMessages as default };
-//# sourceMappingURL=index.js.map

package/packages/popovers/src/components/dialog-content/intl/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../popovers/src/components/dialog-content/intl/index.ts"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n"],"names":["enUS","frFR"],"mappings":";;;AAGA,mBAAe;AACb,EAAA,OAAO,EAAEA,IAAI;AACb,EAAA,OAAO,EAAEC,IAAAA;AACX,CAAC;;;;"}

package/packages/popovers/src/components/dialog-content-actions/_internal/DialogContentActions.js

@@ -1,38 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
-import classNames from 'classnames';
-import { useMergeRefs } from '../../../../../../node_modules/@floating-ui/react/dist/_internal/floating-ui.react.js';
-import { StyledDialogContentActions } from './styles.js';
-import { useDialogContext } from '../../dialog/_internal/useDialogContext.js';
-
-const _excluded = ["children", "className", "flexDirection"];
-const COMPONENT_NAME = 'DialogContentActions';
-const CLASSNAME = 'redsift-dialog-content-actions';
-
-/**
- * The DialogContentActions component.
- */
-const DialogContentActions = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      children,
-      className,
-      flexDirection = 'row'
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const {
-    actionsRef,
-    initialFocus
-  } = useDialogContext();
-  return /*#__PURE__*/React__default.createElement(StyledDialogContentActions, _extends({
-    flexDirection: flexDirection
-  }, forwardedProps, {
-    className: classNames(DialogContentActions.className, className),
-    ref: useMergeRefs([ref, actionsRef]),
-    tabIndex: initialFocus === 'actions' ? -1 : undefined
-  }), children);
-});
-DialogContentActions.className = CLASSNAME;
-DialogContentActions.displayName = COMPONENT_NAME;
-
-export { DialogContentActions };
-//# sourceMappingURL=DialogContentActions.js.map

package/packages/popovers/src/components/dialog-content-actions/_internal/DialogContentActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogContentActions.js","sources":["../../../../../../../../popovers/src/components/dialog-content-actions/DialogContentActions.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { useMergeRefs } from '@floating-ui/react';\n\nimport { Comp } from '@redsift/design-system';\nimport { StyledDialogContentActions } from './styles';\nimport { DialogContentActionsProps } from './types';\nimport { useDialogContext } from '../dialog';\n\nconst COMPONENT_NAME = 'DialogContentActions';\nconst CLASSNAME = 'redsift-dialog-content-actions';\n\n/**\n * The DialogContentActions component.\n */\nexport const DialogContentActions: Comp<DialogContentActionsProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, flexDirection = 'row', ...forwardedProps } = props;\n\n  const { actionsRef, initialFocus } = useDialogContext();\n\n  return (\n    <StyledDialogContentActions\n      flexDirection={flexDirection}\n      {...forwardedProps}\n      className={classNames(DialogContentActions.className, className)}\n      ref={useMergeRefs([ref, actionsRef])}\n      tabIndex={initialFocus === 'actions' ? -1 : undefined}\n    >\n      {children}\n    </StyledDialogContentActions>\n  );\n});\nDialogContentActions.className = CLASSNAME;\nDialogContentActions.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","DialogContentActions","forwardRef","props","ref","children","className","flexDirection","forwardedProps","_objectWithoutProperties","_excluded","actionsRef","initialFocus","useDialogContext","React","createElement","StyledDialogContentActions","_extends","classNames","useMergeRefs","tabIndex","undefined","displayName"],"mappings":";;;;;;;;AASA,MAAMA,cAAc,GAAG,sBAAsB,CAAA;AAC7C,MAAMC,SAAS,GAAG,gCAAgC,CAAA;;AAElD;AACA;AACA;AACO,MAAMC,oBAAqE,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9G,MAAM;MAAEC,QAAQ;MAAEC,SAAS;AAAEC,MAAAA,aAAa,GAAG,KAAA;AAAyB,KAAC,GAAGJ,KAAK;AAAxBK,IAAAA,cAAc,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA,CAAA;EAE/E,MAAM;IAAEC,UAAU;AAAEC,IAAAA,YAAAA;GAAc,GAAGC,gBAAgB,EAAE,CAAA;AAEvD,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,0BAA0B,EAAAC,QAAA,CAAA;AACzBV,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,EACzBC,cAAc,EAAA;IAClBF,SAAS,EAAEY,UAAU,CAACjB,oBAAoB,CAACK,SAAS,EAAEA,SAAS,CAAE;IACjEF,GAAG,EAAEe,YAAY,CAAC,CAACf,GAAG,EAAEO,UAAU,CAAC,CAAE;AACrCS,IAAAA,QAAQ,EAAER,YAAY,KAAK,SAAS,GAAG,CAAC,CAAC,GAAGS,SAAAA;AAAU,GAAA,CAAA,EAErDhB,QACyB,CAAC,CAAA;AAEjC,CAAC,EAAC;AACFJ,oBAAoB,CAACK,SAAS,GAAGN,SAAS,CAAA;AAC1CC,oBAAoB,CAACqB,WAAW,GAAGvB,cAAc;;;;"}

package/packages/popovers/src/components/dialog-content-actions/_internal/styles.js

@@ -1,20 +0,0 @@
-import styled from 'styled-components';
-import { baseContainer } from '@redsift/design-system';
-
-/**
- * Component style.
- */
-const StyledDialogContentActions = styled.div`
-  display: flex;
-  ${baseContainer}
-
-  margin-top: 8px;
-  margin-bottom: 8px;
-
-  &:focus-visible {
-    outline: none;
-  }
-`;
-
-export { StyledDialogContentActions };
-//# sourceMappingURL=styles.js.map

package/packages/popovers/src/components/dialog-content-actions/_internal/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../../popovers/src/components/dialog-content-actions/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { baseContainer } from '@redsift/design-system';\nimport { StyledDialogContentActionsProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledDialogContentActions = styled.div<StyledDialogContentActionsProps>`\n  display: flex;\n  ${baseContainer}\n\n  margin-top: 8px;\n  margin-bottom: 8px;\n\n  &:focus-visible {\n    outline: none;\n  }\n`;\n"],"names":["StyledDialogContentActions","styled","div","baseContainer"],"mappings":";;;AAIA;AACA;AACA;AACaA,MAAAA,0BAA0B,GAAGC,MAAM,CAACC,GAAqC,CAAA;AACtF;AACA,EAAA,EAAIC,aAAc,CAAA;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/packages/popovers/src/components/dialog-content-body/_internal/DialogContentBody.js

@@ -1,49 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
-import classNames from 'classnames';
-import { useMergeRefs } from '../../../../../../node_modules/@floating-ui/react/dist/_internal/floating-ui.react.js';
-import { useBoundingClientRect } from '@redsift/design-system';
-import { StyledDialogContentBody } from './styles.js';
-import { useDialogContext } from '../../dialog/_internal/useDialogContext.js';
-
-const _excluded = ["children", "className"];
-const COMPONENT_NAME = 'DialogContentBody';
-const CLASSNAME = 'redsift-dialog-content-body';
-
-/**
- * The DialogContentBody component.
- */
-const DialogContentBody = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      children,
-      className
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const {
-    actionsRef,
-    bodyRef,
-    hasCloseButton,
-    headerRef,
-    initialFocus
-  } = useDialogContext();
-  const {
-    height: headerHeight = 0
-  } = useBoundingClientRect(headerRef, [children, headerRef]);
-  const {
-    height: actionsHeight = 0
-  } = useBoundingClientRect(actionsRef, [children, actionsRef]);
-
-  /* istanbul ignore next */
-  return /*#__PURE__*/React__default.createElement(StyledDialogContentBody, _extends({}, forwardedProps, {
-    className: classNames(DialogContentBody.className, className),
-    ref: useMergeRefs([ref, bodyRef]),
-    tabIndex: initialFocus === 'body' ? -1 : undefined,
-    $marginTop: Math.max(headerHeight, hasCloseButton ? 40 : 0) + 32,
-    $marginBottom: (actionsHeight === 0 ? 0 : actionsHeight + 16) + 32
-  }), children);
-});
-DialogContentBody.className = CLASSNAME;
-DialogContentBody.displayName = COMPONENT_NAME;
-
-export { DialogContentBody };
-//# sourceMappingURL=DialogContentBody.js.map

package/packages/popovers/src/components/dialog-content-body/_internal/DialogContentBody.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogContentBody.js","sources":["../../../../../../../../popovers/src/components/dialog-content-body/DialogContentBody.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { useMergeRefs } from '@floating-ui/react';\n\nimport { Comp, useBoundingClientRect } from '@redsift/design-system';\nimport { StyledDialogContentBody } from './styles';\nimport { DialogContentBodyProps } from './types';\nimport { useDialogContext } from '../dialog';\n\nconst COMPONENT_NAME = 'DialogContentBody';\nconst CLASSNAME = 'redsift-dialog-content-body';\n\n/**\n * The DialogContentBody component.\n */\nexport const DialogContentBody: Comp<DialogContentBodyProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, ...forwardedProps } = props;\n\n  const { actionsRef, bodyRef, hasCloseButton, headerRef, initialFocus } = useDialogContext();\n\n  const { height: headerHeight = 0 } = useBoundingClientRect(headerRef as any, [children, headerRef]);\n  const { height: actionsHeight = 0 } = useBoundingClientRect(actionsRef as any, [children, actionsRef]);\n\n  /* istanbul ignore next */\n  return (\n    <StyledDialogContentBody\n      {...forwardedProps}\n      className={classNames(DialogContentBody.className, className)}\n      ref={useMergeRefs([ref, bodyRef])}\n      tabIndex={initialFocus === 'body' ? -1 : undefined}\n      $marginTop={Math.max(headerHeight, hasCloseButton ? 40 : 0) + 32}\n      $marginBottom={(actionsHeight === 0 ? 0 : actionsHeight + 16) + 32}\n    >\n      {children}\n    </StyledDialogContentBody>\n  );\n});\nDialogContentBody.className = CLASSNAME;\nDialogContentBody.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","DialogContentBody","forwardRef","props","ref","children","className","forwardedProps","_objectWithoutProperties","_excluded","actionsRef","bodyRef","hasCloseButton","headerRef","initialFocus","useDialogContext","height","headerHeight","useBoundingClientRect","actionsHeight","React","createElement","StyledDialogContentBody","_extends","classNames","useMergeRefs","tabIndex","undefined","$marginTop","Math","max","$marginBottom","displayName"],"mappings":";;;;;;;;;AASA,MAAMA,cAAc,GAAG,mBAAmB,CAAA;AAC1C,MAAMC,SAAS,GAAG,6BAA6B,CAAA;;AAE/C;AACA;AACA;AACO,MAAMC,iBAA+D,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxG,MAAM;MAAEC,QAAQ;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGH,KAAK;AAAxBI,IAAAA,cAAc,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;EAExD,MAAM;IAAEC,UAAU;IAAEC,OAAO;IAAEC,cAAc;IAAEC,SAAS;AAAEC,IAAAA,YAAAA;GAAc,GAAGC,gBAAgB,EAAE,CAAA;EAE3F,MAAM;IAAEC,MAAM,EAAEC,YAAY,GAAG,CAAA;GAAG,GAAGC,qBAAqB,CAACL,SAAS,EAAS,CAACR,QAAQ,EAAEQ,SAAS,CAAC,CAAC,CAAA;EACnG,MAAM;IAAEG,MAAM,EAAEG,aAAa,GAAG,CAAA;GAAG,GAAGD,qBAAqB,CAACR,UAAU,EAAS,CAACL,QAAQ,EAAEK,UAAU,CAAC,CAAC,CAAA;;AAEtG;EACA,oBACEU,cAAA,CAAAC,aAAA,CAACC,uBAAuB,EAAAC,QAAA,KAClBhB,cAAc,EAAA;IAClBD,SAAS,EAAEkB,UAAU,CAACvB,iBAAiB,CAACK,SAAS,EAAEA,SAAS,CAAE;IAC9DF,GAAG,EAAEqB,YAAY,CAAC,CAACrB,GAAG,EAAEO,OAAO,CAAC,CAAE;IAClCe,QAAQ,EAAEZ,YAAY,KAAK,MAAM,GAAG,CAAC,CAAC,GAAGa,SAAU;AACnDC,IAAAA,UAAU,EAAEC,IAAI,CAACC,GAAG,CAACb,YAAY,EAAEL,cAAc,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,EAAG;IACjEmB,aAAa,EAAE,CAACZ,aAAa,KAAK,CAAC,GAAG,CAAC,GAAGA,aAAa,GAAG,EAAE,IAAI,EAAA;AAAG,GAAA,CAAA,EAElEd,QACsB,CAAC,CAAA;AAE9B,CAAC,EAAC;AACFJ,iBAAiB,CAACK,SAAS,GAAGN,SAAS,CAAA;AACvCC,iBAAiB,CAAC+B,WAAW,GAAGjC,cAAc;;;;"}

package/packages/popovers/src/components/dialog-content-body/_internal/styles.js

@@ -1,65 +0,0 @@
-import styled, { css } from 'styled-components';
-import { baseContainer } from '@redsift/design-system';
-
-/**
- * Component style.
- */
-const StyledDialogContentBody = styled.div`
-  ${baseContainer}
-
-  overflow-y: auto;
-  ${_ref => {
-  let {
-    $marginTop,
-    $marginBottom
-  } = _ref;
-  return css`
-    max-height: calc(100vh - ${$marginTop + $marginBottom}px);
-  `;
-}}
-
-  font-family: var(--redsift-typography-body-font-family);
-  font-size: var(--redsift-typography-body-font-size);
-  font-weight: var(--redsift-typography-body-font-weight);
-  line-height: var(--redsift-typography-body-line-height);
-  padding: 0 24px;
-  margin: 16px -24px;
-
-  &:focus-visible {
-    outline: none;
-  }
-
-  scrollbar-color: var(--redsift-color-neutral-mid-grey) transparent;
-  scrollbar-width: thin;
-
-  &::-webkit-scrollbar {
-    block-size: 9px;
-    inline-size: 9px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-clip: padding-box;
-    background-color: var(--redsift-color-neutral-mid-grey);
-    border-radius: 0px;
-    border-left: 2px solid transparent;
-    border-right: 2px solid transparent;
-  }
-
-  &::-webkit-scrollbar-track {
-    background-color: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb:horizontal,
-  &::-webkit-scrollbar-thumb:vertical {
-    &:hover {
-      background-color: var(--redsift-color-neutral-x-dark-grey);
-    }
-  }
-
-  &::-webkit-scrollbar-corner {
-    visibility: hidden;
-  }
-`;
-
-export { StyledDialogContentBody };
-//# sourceMappingURL=styles.js.map

package/packages/popovers/src/components/dialog-content-body/_internal/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../../popovers/src/components/dialog-content-body/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseContainer } from '@redsift/design-system';\nimport { StyledDialogContentBodyProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledDialogContentBody = styled.div<StyledDialogContentBodyProps>`\n  ${baseContainer}\n\n  overflow-y: auto;\n  ${({ $marginTop, $marginBottom }) => css`\n    max-height: calc(100vh - ${$marginTop + $marginBottom}px);\n  `}\n\n  font-family: var(--redsift-typography-body-font-family);\n  font-size: var(--redsift-typography-body-font-size);\n  font-weight: var(--redsift-typography-body-font-weight);\n  line-height: var(--redsift-typography-body-line-height);\n  padding: 0 24px;\n  margin: 16px -24px;\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  scrollbar-color: var(--redsift-color-neutral-mid-grey) transparent;\n  scrollbar-width: thin;\n\n  &::-webkit-scrollbar {\n    block-size: 9px;\n    inline-size: 9px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-clip: padding-box;\n    background-color: var(--redsift-color-neutral-mid-grey);\n    border-radius: 0px;\n    border-left: 2px solid transparent;\n    border-right: 2px solid transparent;\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb:horizontal,\n  &::-webkit-scrollbar-thumb:vertical {\n    &:hover {\n      background-color: var(--redsift-color-neutral-x-dark-grey);\n    }\n  }\n\n  &::-webkit-scrollbar-corner {\n    visibility: hidden;\n  }\n`;\n"],"names":["StyledDialogContentBody","styled","div","baseContainer","_ref","$marginTop","$marginBottom","css"],"mappings":";;;AAIA;AACA;AACA;AACaA,MAAAA,uBAAuB,GAAGC,MAAM,CAACC,GAAkC,CAAA;AAChF,EAAA,EAAIC,aAAc,CAAA;AAClB;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;IAAEC,UAAU;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAAF,IAAA,CAAA;AAAA,EAAA,OAAKG,GAAI,CAAA;AAC3C,6BAA+BF,EAAAA,UAAU,GAAGC,aAAc,CAAA;AAC1D,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/packages/popovers/src/components/dialog-content-header/_internal/DialogContentHeader.js

@@ -1,86 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
-import classNames from 'classnames';
-import { useMergeRefs } from '../../../../../../node_modules/@floating-ui/react/dist/_internal/floating-ui.react.js';
-import { useId, Skeleton, Heading, Icon } from '@redsift/design-system';
-import { StyledDialogContentHeader } from './styles.js';
-import { useDialogContext } from '../../dialog/_internal/useDialogContext.js';
-
-const _excluded = ["children", "className", "header", "headingProps", "icon", "iconProps", "isLoading", "subheader", "theme"];
-const COMPONENT_NAME = 'DialogContentHeader';
-const CLASSNAME = 'redsift-dialog-content-header';
-
-/**
- * The DialogContentHeader component.
- */
-const DialogContentHeader = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      children,
-      className,
-      header,
-      headingProps,
-      icon,
-      iconProps,
-      isLoading,
-      subheader,
-      theme
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const {
-    setLabelId,
-    setDescriptionId,
-    headerRef,
-    initialFocus
-  } = useDialogContext();
-  const [labelId] = useId();
-  const [descriptionId] = useId();
-
-  // Only sets `aria-labelledby` on the Dialog root element
-  // if this component is mounted inside it.
-  React__default.useLayoutEffect(() => {
-    setLabelId(labelId);
-    return () => setLabelId(undefined);
-  }, [labelId, setLabelId]);
-
-  // Only sets `aria-describedby` on the Dialog root element
-  // if this component is mounted inside it.
-  React__default.useLayoutEffect(() => {
-    setDescriptionId(descriptionId);
-    return () => setDescriptionId(undefined);
-  }, [descriptionId, setDescriptionId]);
-  return /*#__PURE__*/React__default.createElement(StyledDialogContentHeader, _extends({}, forwardedProps, {
-    className: classNames(DialogContentHeader.className, className),
-    ref: useMergeRefs([ref, headerRef]),
-    tabIndex: initialFocus === 'header' ? -1 : undefined
-  }), subheader ? /*#__PURE__*/React__default.createElement(Skeleton.Text, {
-    theme: theme,
-    variant: "body",
-    isLoaded: !isLoading
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: `${DialogContentHeader.className}__subheader`
-  }, subheader)) : null, header ? /*#__PURE__*/React__default.createElement(Skeleton.Text, {
-    theme: theme,
-    variant: (headingProps === null || headingProps === void 0 ? void 0 : headingProps.variant) || 'h2',
-    isLoaded: !isLoading,
-    marginTop: "10px",
-    marginBottom: "10px"
-  }, /*#__PURE__*/React__default.createElement(Heading, _extends({
-    theme: theme,
-    as: "h2",
-    color: "black",
-    className: `${DialogContentHeader.className}__header`,
-    variant: "h2"
-  }, headingProps), icon ? /*#__PURE__*/React__default.createElement(Icon, _extends({
-    theme: theme,
-    icon: icon,
-    "aria-hidden": "true",
-    size: "large"
-  }, iconProps)) : null, header)) : null, children ? /*#__PURE__*/React__default.createElement("div", {
-    id: descriptionId
-  }, children) : null);
-});
-DialogContentHeader.className = CLASSNAME;
-DialogContentHeader.displayName = COMPONENT_NAME;
-
-export { DialogContentHeader };
-//# sourceMappingURL=DialogContentHeader.js.map

package/packages/popovers/src/components/dialog-content-header/_internal/DialogContentHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogContentHeader.js","sources":["../../../../../../../../popovers/src/components/dialog-content-header/DialogContentHeader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { useMergeRefs } from '@floating-ui/react';\n\nimport { Icon, Heading, Comp, useId, Skeleton } from '@redsift/design-system';\nimport { StyledDialogContentHeader } from './styles';\nimport { DialogContentHeaderProps } from './types';\nimport { useDialogContext } from '../dialog';\n\nconst COMPONENT_NAME = 'DialogContentHeader';\nconst CLASSNAME = 'redsift-dialog-content-header';\n\n/**\n * The DialogContentHeader component.\n */\nexport const DialogContentHeader: Comp<DialogContentHeaderProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, header, headingProps, icon, iconProps, isLoading, subheader, theme, ...forwardedProps } =\n    props;\n\n  const { setLabelId, setDescriptionId, headerRef, initialFocus } = useDialogContext();\n  const [labelId] = useId();\n  const [descriptionId] = useId();\n\n  // Only sets `aria-labelledby` on the Dialog root element\n  // if this component is mounted inside it.\n  React.useLayoutEffect(() => {\n    setLabelId(labelId);\n    return () => setLabelId(undefined);\n  }, [labelId, setLabelId]);\n\n  // Only sets `aria-describedby` on the Dialog root element\n  // if this component is mounted inside it.\n  React.useLayoutEffect(() => {\n    setDescriptionId(descriptionId);\n    return () => setDescriptionId(undefined);\n  }, [descriptionId, setDescriptionId]);\n\n  return (\n    <StyledDialogContentHeader\n      {...forwardedProps}\n      className={classNames(DialogContentHeader.className, className)}\n      ref={useMergeRefs([ref, headerRef])}\n      tabIndex={initialFocus === 'header' ? -1 : undefined}\n    >\n      {subheader ? (\n        <Skeleton.Text theme={theme} variant=\"body\" isLoaded={!isLoading}>\n          <div className={`${DialogContentHeader.className}__subheader`}>{subheader}</div>\n        </Skeleton.Text>\n      ) : null}\n      {header ? (\n        <Skeleton.Text\n          theme={theme}\n          variant={headingProps?.variant || 'h2'}\n          isLoaded={!isLoading}\n          marginTop=\"10px\"\n          marginBottom=\"10px\"\n        >\n          <Heading\n            theme={theme}\n            as=\"h2\"\n            color=\"black\"\n            className={`${DialogContentHeader.className}__header`}\n            variant=\"h2\"\n            {...headingProps}\n          >\n            {icon ? <Icon theme={theme} icon={icon} aria-hidden=\"true\" size=\"large\" {...iconProps} /> : null}\n            {header}\n          </Heading>\n        </Skeleton.Text>\n      ) : null}\n      {children ? <div id={descriptionId}>{children}</div> : null}\n    </StyledDialogContentHeader>\n  );\n});\nDialogContentHeader.className = CLASSNAME;\nDialogContentHeader.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","DialogContentHeader","forwardRef","props","ref","children","className","header","headingProps","icon","iconProps","isLoading","subheader","theme","forwardedProps","_objectWithoutProperties","_excluded","setLabelId","setDescriptionId","headerRef","initialFocus","useDialogContext","labelId","useId","descriptionId","React","useLayoutEffect","undefined","createElement","StyledDialogContentHeader","_extends","classNames","useMergeRefs","tabIndex","Skeleton","Text","variant","isLoaded","marginTop","marginBottom","Heading","as","color","Icon","size","id","displayName"],"mappings":"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"}

package/packages/popovers/src/components/dialog-content-header/_internal/styles.js

@@ -1,31 +0,0 @@
-import styled from 'styled-components';
-import { baseStyling, baseFlexbox } from '@redsift/design-system';
-
-/**
- * Component style.
- */
-const StyledDialogContentHeader = styled.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  ${baseStyling}
-  ${baseFlexbox}
-
-  .redsift-dialog-content-header__header {
-    align-items: center;
-    display: flex;
-    gap: 8px;
-    padding: 10px 0px;
-    margin: 0px;
-  }
-
-  .redsift-dialog-content-header__subheader {
-    font-family: var(--redsift-typography-body-font-family);
-    font-size: var(--redsift-typography-body-font-size);
-    font-weight: var(--redsift-typography-body-font-weight);
-    line-height: var(--redsift-typography-body-line-height);
-  }
-`;
-
-export { StyledDialogContentHeader };
-//# sourceMappingURL=styles.js.map

package/packages/popovers/src/components/dialog-content-header/_internal/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../../popovers/src/components/dialog-content-header/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledDialogContentHeaderProps } from './types';\nimport { baseFlexbox, baseStyling } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledDialogContentHeader = styled.div<StyledDialogContentHeaderProps>`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  ${baseStyling}\n  ${baseFlexbox}\n\n  .redsift-dialog-content-header__header {\n    align-items: center;\n    display: flex;\n    gap: 8px;\n    padding: 10px 0px;\n    margin: 0px;\n  }\n\n  .redsift-dialog-content-header__subheader {\n    font-family: var(--redsift-typography-body-font-family);\n    font-size: var(--redsift-typography-body-font-size);\n    font-weight: var(--redsift-typography-body-font-weight);\n    line-height: var(--redsift-typography-body-line-height);\n  }\n`;\n"],"names":["StyledDialogContentHeader","styled","div","baseStyling","baseFlexbox"],"mappings":";;;AAIA;AACA;AACA;AACaA,MAAAA,yBAAyB,GAAGC,MAAM,CAACC,GAAoC,CAAA;AACpF;AACA;AACA;AACA,EAAA,EAAIC,WAAY,CAAA;AAChB,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/packages/popovers/src/components/dialog-trigger/_internal/DialogTrigger.js

@@ -1,47 +0,0 @@
-import { objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
-import { useMergeRefs } from '../../../../../../node_modules/@floating-ui/react/dist/_internal/floating-ui.react.js';
-import { isComponent } from '@redsift/design-system';
-import classNames from 'classnames';
-import { useDialogContext } from '../../dialog/_internal/useDialogContext.js';
-
-const COMPONENT_NAME = 'DialogTrigger';
-const CLASSNAME = 'redsift-dialog-trigger';
-
-/**
- * The DialogTrigger component.
- */
-const DialogTrigger = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    children
-  } = props;
-  const {
-    getReferenceProps,
-    isOpen,
-    handleOpen,
-    refs,
-    triggerClassName,
-    color
-  } = useDialogContext();
-  const childrenRef = children === null || children === void 0 ? void 0 : children.ref;
-  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);
-  if (isComponent('Button')(children) || isComponent('IconButton')(children) || isComponent('LinkButton')(children) || isComponent('Checkbox')(children) || isComponent('Switch')(children) || isComponent('Radio')(children) || isComponent('Item')(children)) {
-    var _children$props$child;
-    return /*#__PURE__*/React__default.cloneElement(children, _objectSpread2(_objectSpread2({}, getReferenceProps(_objectSpread2(_objectSpread2(_objectSpread2({
-      ref: triggerRef
-    }, props), children.props), {}, {
-      children: (_children$props$child = children.props.children) !== null && _children$props$child !== void 0 ? _children$props$child : ''
-    }))), {}, {
-      onClick: props.onClick ? props.onClick : () => handleOpen(!isOpen),
-      isActive: isOpen,
-      className: classNames(children.props.className, triggerClassName),
-      color: color !== null && color !== void 0 ? color : children.props.color
-    }));
-  }
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
-});
-DialogTrigger.className = CLASSNAME;
-DialogTrigger.displayName = COMPONENT_NAME;
-
-export { DialogTrigger };
-//# sourceMappingURL=DialogTrigger.js.map

package/packages/popovers/src/components/dialog-trigger/_internal/DialogTrigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogTrigger.js","sources":["../../../../../../../../popovers/src/components/dialog-trigger/DialogTrigger.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from 'react';\nimport { useMergeRefs } from '@floating-ui/react';\n\nimport { Comp, isComponent } from '@redsift/design-system';\nimport { useDialogContext } from '../dialog';\nimport { DialogTriggerProps } from './types';\nimport classNames from 'classnames';\n\nconst COMPONENT_NAME = 'DialogTrigger';\nconst CLASSNAME = 'redsift-dialog-trigger';\n\n/**\n * The DialogTrigger component.\n */\nexport const DialogTrigger: Comp<DialogTriggerProps, HTMLButtonElement> = forwardRef((props, ref) => {\n  const { children } = props;\n\n  const { getReferenceProps, isOpen, handleOpen, refs, triggerClassName, color } = useDialogContext();\n  const childrenRef = (children as any)?.ref;\n  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);\n\n  if (\n    isComponent('Button')(children) ||\n    isComponent('IconButton')(children) ||\n    isComponent('LinkButton')(children) ||\n    isComponent('Checkbox')(children) ||\n    isComponent('Switch')(children) ||\n    isComponent('Radio')(children) ||\n    isComponent('Item')(children)\n  ) {\n    return React.cloneElement(children as ReactElement, {\n      ...getReferenceProps({\n        ref: triggerRef,\n        ...props,\n        ...children.props,\n        children: children.props.children ?? '',\n      }),\n      onClick: props.onClick ? props.onClick : () => handleOpen(!isOpen),\n      isActive: isOpen,\n      className: classNames((children as ReactElement).props.className, triggerClassName),\n      color: color ?? children.props.color,\n    });\n  }\n\n  return <>{children}</>;\n});\nDialogTrigger.className = CLASSNAME;\nDialogTrigger.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","DialogTrigger","forwardRef","props","ref","children","getReferenceProps","isOpen","handleOpen","refs","triggerClassName","color","useDialogContext","childrenRef","triggerRef","useMergeRefs","setReference","isComponent","_children$props$child","React","cloneElement","_objectSpread","onClick","isActive","className","classNames","createElement","Fragment","displayName"],"mappings":";;;;;;;AAQA,MAAMA,cAAc,GAAG,eAAe,CAAA;AACtC,MAAMC,SAAS,GAAG,wBAAwB,CAAA;;AAE1C;AACA;AACA;AACO,MAAMC,aAA0D,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACnG,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGF,KAAK,CAAA;EAE1B,MAAM;IAAEG,iBAAiB;IAAEC,MAAM;IAAEC,UAAU;IAAEC,IAAI;IAAEC,gBAAgB;AAAEC,IAAAA,KAAAA;GAAO,GAAGC,gBAAgB,EAAE,CAAA;EACnG,MAAMC,WAAW,GAAIR,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,CAAUD,GAAG,CAAA;AAC1C,EAAA,MAAMU,UAAU,GAAGC,YAAY,CAAC,CAACN,IAAI,CAACO,YAAY,EAAEZ,GAAG,EAAES,WAAW,CAAC,CAAC,CAAA;EAEtE,IACEI,WAAW,CAAC,QAAQ,CAAC,CAACZ,QAAQ,CAAC,IAC/BY,WAAW,CAAC,YAAY,CAAC,CAACZ,QAAQ,CAAC,IACnCY,WAAW,CAAC,YAAY,CAAC,CAACZ,QAAQ,CAAC,IACnCY,WAAW,CAAC,UAAU,CAAC,CAACZ,QAAQ,CAAC,IACjCY,WAAW,CAAC,QAAQ,CAAC,CAACZ,QAAQ,CAAC,IAC/BY,WAAW,CAAC,OAAO,CAAC,CAACZ,QAAQ,CAAC,IAC9BY,WAAW,CAAC,MAAM,CAAC,CAACZ,QAAQ,CAAC,EAC7B;AAAA,IAAA,IAAAa,qBAAA,CAAA;AACA,IAAA,oBAAOC,cAAK,CAACC,YAAY,CAACf,QAAQ,EAAAgB,cAAA,CAAAA,cAAA,CAAA,EAAA,EAC7Bf,iBAAiB,CAAAe,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA;AAClBjB,MAAAA,GAAG,EAAEU,UAAAA;AAAU,KAAA,EACZX,KAAK,CAAA,EACLE,QAAQ,CAACF,KAAK,CAAA,EAAA,EAAA,EAAA;AACjBE,MAAAA,QAAQ,EAAAa,CAAAA,qBAAA,GAAEb,QAAQ,CAACF,KAAK,CAACE,QAAQ,MAAAa,IAAAA,IAAAA,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAI,EAAA;AAAE,KAAA,CACxC,CAAC,CAAA,EAAA,EAAA,EAAA;AACFI,MAAAA,OAAO,EAAEnB,KAAK,CAACmB,OAAO,GAAGnB,KAAK,CAACmB,OAAO,GAAG,MAAMd,UAAU,CAAC,CAACD,MAAM,CAAC;AAClEgB,MAAAA,QAAQ,EAAEhB,MAAM;MAChBiB,SAAS,EAAEC,UAAU,CAAEpB,QAAQ,CAAkBF,KAAK,CAACqB,SAAS,EAAEd,gBAAgB,CAAC;MACnFC,KAAK,EAAEA,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAIN,QAAQ,CAACF,KAAK,CAACQ,KAAAA;AAAK,KAAA,CACrC,CAAC,CAAA;AACJ,GAAA;EAEA,oBAAOQ,cAAA,CAAAO,aAAA,CAAAP,cAAA,CAAAQ,QAAA,EAAGtB,IAAAA,EAAAA,QAAW,CAAC,CAAA;AACxB,CAAC,EAAC;AACFJ,aAAa,CAACuB,SAAS,GAAGxB,SAAS,CAAA;AACnCC,aAAa,CAAC2B,WAAW,GAAG7B,cAAc;;;;"}

package/packages/products/src/components/radar/_internal/radar.js

@@ -1,25 +0,0 @@
-import { RadarItem } from '../../radar-item/_internal/RadarItem.js';
-import { RadarMenuButton } from '../../radar-menu-button/_internal/RadarMenuButton.js';
-import { RadarSimpleMenuButton } from '../../radar-menu-button/_internal/RadarSimpleMenuButton.js';
-import { RadarSimpleDialog } from '../../radar-dialog/_internal/RadarSimpleDialog.js';
-import { RadarDialog } from '../../radar-dialog/_internal/RadarDialog.js';
-import { RadarButton } from '../../radar-button/_internal/RadarButton.js';
-
-RadarButton.displayName = 'Button';
-RadarItem.displayName = 'Item';
-RadarMenuButton.displayName = 'MenuButton';
-RadarSimpleMenuButton.displayName = 'MenuButton';
-const RadarSimple = {
-  Dialog: RadarSimpleDialog,
-  MenuButton: RadarSimpleMenuButton
-};
-const Radar = {
-  Button: RadarButton,
-  Dialog: RadarDialog,
-  Item: RadarItem,
-  MenuButton: RadarMenuButton,
-  Simple: RadarSimple
-};
-
-export { Radar, RadarSimple };
-//# sourceMappingURL=radar.js.map

package/packages/products/src/components/radar/_internal/radar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radar.js","sources":["../../../../../../../src/components/radar/index.ts"],"sourcesContent":["import { RadarButton } from '../radar-button';\nimport { RadarSimpleDialog, RadarDialog } from '../radar-dialog';\nimport { RadarItem } from '../radar-item';\nimport { RadarMenuButton, RadarSimpleMenuButton } from '../radar-menu-button';\n\nRadarButton.displayName = 'Button';\nRadarItem.displayName = 'Item';\nRadarMenuButton.displayName = 'MenuButton';\nRadarSimpleMenuButton.displayName = 'MenuButton';\n\nexport const RadarSimple = {\n  Dialog: RadarSimpleDialog,\n  MenuButton: RadarSimpleMenuButton,\n};\n\nexport const Radar = {\n  Button: RadarButton,\n  Dialog: RadarDialog,\n  Item: RadarItem,\n  MenuButton: RadarMenuButton,\n  Simple: RadarSimple,\n};\n"],"names":["RadarButton","displayName","RadarItem","RadarMenuButton","RadarSimpleMenuButton","RadarSimple","Dialog","RadarSimpleDialog","MenuButton","Radar","Button","RadarDialog","Item","Simple"],"mappings":";;;;;;;AAKAA,WAAW,CAACC,WAAW,GAAG,QAAQ,CAAA;AAClCC,SAAS,CAACD,WAAW,GAAG,MAAM,CAAA;AAC9BE,eAAe,CAACF,WAAW,GAAG,YAAY,CAAA;AAC1CG,qBAAqB,CAACH,WAAW,GAAG,YAAY,CAAA;AAEzC,MAAMI,WAAW,GAAG;AACzBC,EAAAA,MAAM,EAAEC,iBAAiB;AACzBC,EAAAA,UAAU,EAAEJ,qBAAAA;AACd,EAAC;AAEM,MAAMK,KAAK,GAAG;AACnBC,EAAAA,MAAM,EAAEV,WAAW;AACnBM,EAAAA,MAAM,EAAEK,WAAW;AACnBC,EAAAA,IAAI,EAAEV,SAAS;AACfM,EAAAA,UAAU,EAAEL,eAAe;AAC3BU,EAAAA,MAAM,EAAER,WAAAA;AACV;;;;"}

package/packages/products/src/components/radar-button/_internal/RadarButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadarButton.js","sources":["../../../../../../../src/components/radar-button/RadarButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Button, Comp, ButtonProps } from '@redsift/design-system';\nimport { rsiRadarSparkleWhite } from '@redsift/icons';\n\nconst COMPONENT_NAME = 'Button';\nconst CLASSNAME = 'redsift-radar-button';\n\n/**\n * The RadarButton component.\n */\nexport const RadarButton: Comp<ButtonProps, HTMLButtonElement> = forwardRef((props, ref) => {\n  return (\n    <Button variant=\"primary\" leftIcon={rsiRadarSparkleWhite} color=\"radar\" {...props} ref={ref}>\n      {props.children || 'Radar'}\n    </Button>\n  );\n});\nRadarButton.className = CLASSNAME;\nRadarButton.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","RadarButton","forwardRef","props","ref","React","createElement","Button","_extends","variant","leftIcon","rsiRadarSparkleWhite","color","children","className","displayName"],"mappings":";;;;;AAKA,MAAMA,cAAc,GAAG,QAAQ,CAAA;AAC/B,MAAMC,SAAS,GAAG,sBAAsB,CAAA;;AAExC;AACA;AACA;AACO,MAAMC,WAAiD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAC1F,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,MAAM,EAAAC,QAAA,CAAA;AAACC,IAAAA,OAAO,EAAC,SAAS;AAACC,IAAAA,QAAQ,EAAEC,oBAAqB;AAACC,IAAAA,KAAK,EAAC,OAAA;AAAO,GAAA,EAAKT,KAAK,EAAA;AAAEC,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAA,EACzFD,KAAK,CAACU,QAAQ,IAAI,OACb,CAAC,CAAA;AAEb,CAAC,EAAC;AACFZ,WAAW,CAACa,SAAS,GAAGd,SAAS,CAAA;AACjCC,WAAW,CAACc,WAAW,GAAGhB,cAAc;;;;"}

package/packages/products/src/components/radar-button/_internal/radar-button.js

@@ -1,2 +0,0 @@
-export { RadarButton } from './RadarButton.js';
-//# sourceMappingURL=radar-button.js.map