@nulogy/components 16.1.0 → 17.0.0

package/dist/esm/MaybeTooltip/MaybeTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaybeTooltip.js","sources":["../../../src/MaybeTooltip/MaybeTooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { Tooltip } from \"../Tooltip\";\n\nexport interface MaybeTooltipProps extends TooltipProps {\n  /** Whether to enable the tooltip at all */\n  showTooltip?: boolean;\n  /** Allow opening tooltip on mobile tap (not supported by new Tooltip) */\n  supportMobileTap?: boolean;\n}\n\n/**\n * Conditionally displays a tooltip.\n */\nfunction MaybeTooltip({\n  tooltip,\n  showTooltip = true,\n  placement = \"bottom\",\n  defaultOpen = false,\n  showDelay = 100,\n  maxWidth = \"24em\",\n  supportMobileTap: _supportMobileTap = true, // Note: supportMobileTap is handled internally by the new Tooltip\n  className,\n  children,\n}: MaybeTooltipProps) {\n  if (!showTooltip) {\n    return <>{children}</>;\n  }\n\n  return (\n    <Tooltip\n      tooltip={tooltip}\n      placement={placement}\n      defaultOpen={defaultOpen}\n      showDelay={showDelay}\n      maxWidth={maxWidth}\n      className={className}\n    >\n      {children}\n    </Tooltip>\n  );\n}\n\nexport default MaybeTooltip;\n"],"names":[],"mappings":";;AAcA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,kBAAkB,oBAAoB;AAAA;AAAA,EACtC;AAAA,EACA;AACF,GAAsB;AACpB,MAAI,CAAC,aAAa;AAChB,2CAAU,UAAS;AAAA,EACrB;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/esm/MiniTooltip/index.js

@@ -0,0 +1,92 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { Provider, Root as Root3, Trigger, Portal, Content as Content2 } from "../node_modules/.pnpm/@radix-ui_react-tooltip@1.2.8_@types_react-dom@18.3.7_@types_react@18.3.28__@types_reac_a18368212e1009eee1acc445b8edb5ee/node_modules/@radix-ui/react-tooltip/dist/index.js";
+import { styled, keyframes } from "styled-components";
+import { transparentize as curriedTransparentize$1 } from "../node_modules/.pnpm/polished@4.3.1/node_modules/polished/dist/polished.esm.js";
+function MiniTooltip({
+  children,
+  content,
+  sideOffset = 4,
+  hideTooltip = false,
+  delayDuration = 700
+}) {
+  if (hideTooltip) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(Provider, { delayDuration, children: /* @__PURE__ */ jsxs(Root3, { children: [
+    /* @__PURE__ */ jsx(Trigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(TooltipContent, { sideOffset, children: content }) })
+  ] }) });
+}
+const slideUpAndFade = keyframes`
+  from {
+    opacity: 0;
+    transform: translateY(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+const slideRightAndFade = keyframes`
+  from {
+    opacity: 0;
+    transform: translateX(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+`;
+const slideDownAndFade = keyframes`
+  from {
+    opacity: 0;
+    transform: translateY(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+const slideLeftAndFade = keyframes`
+  from {
+    opacity: 0;
+    transform: translateX(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+`;
+const TooltipContent = styled(Content2)`
+  font-family: ${({ theme }) => theme.fonts.base};
+  white-space: nowrap;
+  font-size: ${({ theme }) => theme.fontSizes.smaller};
+  line-height: ${({ theme }) => theme.lineHeights.smallerText};
+  color: ${({ theme }) => theme.colors.whiteGrey};
+  background-color: ${({ theme }) => curriedTransparentize$1(0.05, theme.colors.blackBlue)};
+  border-radius: ${({ theme }) => theme.radii.medium};
+  margin-top: ${({ theme }) => theme.space.half};
+  padding: ${({ theme }) => `${theme.space.x0_25} ${theme.space.x0_75}`};
+  z-index: ${({ theme }) => theme.zIndices.aboveOverlay};
+  pointer-events: none;
+  animation-duration: 400ms;
+  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+  will-change: transform, opacity;
+
+  &[data-state="delayed-open"][data-side="top"] {
+    animation-name: ${slideUpAndFade};
+  }
+  &[data-state="delayed-open"][data-side="right"] {
+    animation-name: ${slideRightAndFade};
+  }
+  &[data-state="delayed-open"][data-side="bottom"] {
+    animation-name: ${slideDownAndFade};
+  }
+  &[data-state="delayed-open"][data-side="left"] {
+    animation-name: ${slideLeftAndFade};
+  }
+`;
+export {
+  MiniTooltip
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/MiniTooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/MiniTooltip/index.tsx"],"sourcesContent":["import * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { styled, keyframes } from \"styled-components\";\nimport { transparentize } from \"polished\";\nimport React, { ReactNode } from \"react\";\n\ntype TooltipProps = {\n  children: ReactNode;\n  content: ReactNode;\n  hideTooltip?: boolean;\n  sideOffset?: number;\n  delayDuration?: number;\n};\n\nexport function MiniTooltip({\n  children,\n  content,\n  sideOffset = 4,\n  hideTooltip = false,\n  delayDuration = 700,\n}: TooltipProps) {\n  if (hideTooltip) {\n    return <>{children}</>;\n  }\n\n  return (\n    <TooltipPrimitive.Provider delayDuration={delayDuration}>\n      <TooltipPrimitive.Root>\n        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipContent sideOffset={sideOffset}>{content}</TooltipContent>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n}\n\nconst slideUpAndFade = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst slideRightAndFade = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nconst slideDownAndFade = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(-2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst slideLeftAndFade = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(2px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nconst TooltipContent = styled(TooltipPrimitive.Content)`\n  font-family: ${({ theme }) => theme.fonts.base};\n  white-space: nowrap;\n  font-size: ${({ theme }) => theme.fontSizes.smaller};\n  line-height: ${({ theme }) => theme.lineHeights.smallerText};\n  color: ${({ theme }) => theme.colors.whiteGrey};\n  background-color: ${({ theme }) => transparentize(0.05, theme.colors.blackBlue)};\n  border-radius: ${({ theme }) => theme.radii.medium};\n  margin-top: ${({ theme }) => theme.space.half};\n  padding: ${({ theme }) => `${theme.space.x0_25} ${theme.space.x0_75}`};\n  z-index: ${({ theme }) => theme.zIndices.aboveOverlay};\n  pointer-events: none;\n  animation-duration: 400ms;\n  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: transform, opacity;\n\n  &[data-state=\"delayed-open\"][data-side=\"top\"] {\n    animation-name: ${slideUpAndFade};\n  }\n  &[data-state=\"delayed-open\"][data-side=\"right\"] {\n    animation-name: ${slideRightAndFade};\n  }\n  &[data-state=\"delayed-open\"][data-side=\"bottom\"] {\n    animation-name: ${slideDownAndFade};\n  }\n  &[data-state=\"delayed-open\"][data-side=\"left\"] {\n    animation-name: ${slideLeftAndFade};\n  }\n`;\n"],"names":["TooltipPrimitive.Provider","TooltipPrimitive.Root","TooltipPrimitive.Trigger","TooltipPrimitive.Portal","TooltipPrimitive.Content","transparentize"],"mappings":";;;;AAaO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAAA,EACd,gBAAgB;AAClB,GAAiB;AACf,MAAI,aAAa;AACf,2CAAU,UAAS;AAAA,EACrB;AAEA,SACE,oBAACA,UAAA,EAA0B,eACzB,UAAA,qBAACC,OAAA,EACC,UAAA;AAAA,IAAA,oBAACC,SAAA,EAAyB,SAAO,MAAE,SAAA,CAAS;AAAA,IAC5C,oBAACC,QAAA,EACC,8BAAC,gBAAA,EAAe,YAAyB,mBAAQ,EAAA,CACnD;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEA,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWvB,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW1B,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWzB,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWzB,MAAM,iBAAiB,OAAOC,QAAwB;AAAA,iBACrC,CAAC,EAAE,MAAA,MAAY,MAAM,MAAM,IAAI;AAAA;AAAA,eAEjC,CAAC,EAAE,MAAA,MAAY,MAAM,UAAU,OAAO;AAAA,iBACpC,CAAC,EAAE,MAAA,MAAY,MAAM,YAAY,WAAW;AAAA,WAClD,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,SAAS;AAAA,sBAC1B,CAAC,EAAE,MAAA,MAAYC,wBAAe,MAAM,MAAM,OAAO,SAAS,CAAC;AAAA,mBAC9D,CAAC,EAAE,MAAA,MAAY,MAAM,MAAM,MAAM;AAAA,gBACpC,CAAC,EAAE,MAAA,MAAY,MAAM,MAAM,IAAI;AAAA,aAClC,CAAC,EAAE,YAAY,GAAG,MAAM,MAAM,KAAK,IAAI,MAAM,MAAM,KAAK,EAAE;AAAA,aAC1D,CAAC,EAAE,MAAA,MAAY,MAAM,SAAS,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOjC,cAAc;AAAA;AAAA;AAAA,sBAGd,iBAAiB;AAAA;AAAA;AAAA,sBAGjB,gBAAgB;AAAA;AAAA;AAAA,sBAGhB,gBAAgB;AAAA;AAAA;"}

package/dist/esm/Modal/Modal.js

@@ -0,0 +1,143 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { styled, useTheme } from "styled-components";
+import { Root, Portal, Overlay, Content } from "../node_modules/.pnpm/@radix-ui_react-dialog@1.1.15_@types_react-dom@18.3.7_@types_react@18.3.28__@types_reac_9cd126aa2880bf880e57e64087c058d6/node_modules/@radix-ui/react-dialog/dist/index.js";
+import { transparentize as curriedTransparentize$1 } from "../node_modules/.pnpm/polished@4.3.1/node_modules/polished/dist/polished.esm.js";
+import { useScrollLock } from "../utils/useScrollLock.js";
+import ModalContent from "./ModalContent.js";
+import ModalFooter from "./ModalFooter.js";
+import ModalHeader from "./ModalHeader.js";
+import ModalCloseButton from "./ModalCloseButton.js";
+import { Heading2 } from "../Type/Headings.js";
+const StyledDialogOverlay = styled(Overlay)(({ theme }) => ({
+  position: "fixed",
+  inset: 0,
+  backgroundColor: curriedTransparentize$1(0.5, theme.colors.blackBlue),
+  zIndex: theme.zIndices.overlay
+}));
+const StyledDialogContent = styled(Content)(({ theme, $maxWidth }) => ({
+  "&:focus": {
+    outline: "none"
+  },
+  display: "flex",
+  flexDirection: "column",
+  position: "fixed",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  backgroundColor: theme.colors.white,
+  borderRadius: theme.radii.medium,
+  boxShadow: theme.shadows.large,
+  width: `calc(100% - ${theme.space.x4})`,
+  maxWidth: $maxWidth,
+  maxHeight: `calc(100vh - ${theme.space.x8})`,
+  height: "auto",
+  overflow: "hidden",
+  padding: 0,
+  zIndex: theme.zIndices.overlay,
+  [`@media only screen and (max-width: ${theme.breakpoints.small})`]: {
+    maxWidth: "100%",
+    width: "100%"
+  },
+  "*": {
+    boxSizing: "border-box"
+  },
+  color: theme.colors.black,
+  fontFamily: theme.fonts.base,
+  fontSize: theme.fontSizes.base,
+  lineHeight: theme.lineHeights.base,
+  WebkitFontSmoothing: "antialiased",
+  MozOsxFontSmoothing: "grayscale"
+}));
+function Modal({
+  isOpen = true,
+  shouldFocusAfterRender = true,
+  shouldReturnFocusAfterClose = true,
+  maxWidth = "624px",
+  children,
+  title,
+  onRequestClose,
+  onAfterOpen,
+  ariaLabel,
+  ariaDescribedBy,
+  className,
+  id,
+  footerContent,
+  closeAriaLabel,
+  parentSelector,
+  // accepted but unused (no-ops):
+  portalClassName: _portalClassName,
+  overlayClassName: _overlayClassName,
+  appElement: _appElement,
+  ariaHideApp: _ariaHideApp
+}) {
+  const modalHasHeader = Boolean(onRequestClose || title);
+  return /* @__PURE__ */ jsx(
+    Root,
+    {
+      open: isOpen,
+      onOpenChange: (open) => {
+        if (open) onAfterOpen?.();
+        else onRequestClose?.();
+      },
+      children: /* @__PURE__ */ jsxs(Portal, { container: parentSelector?.(), children: [
+        /* @__PURE__ */ jsx(StyledDialogOverlay, {}),
+        /* @__PURE__ */ jsx(
+          StyledDialogContent,
+          {
+            $maxWidth: maxWidth,
+            "aria-label": !title ? ariaLabel : void 0,
+            "aria-labelledby": title ? "modal-title" : void 0,
+            "aria-describedby": ariaDescribedBy,
+            className,
+            id,
+            onOpenAutoFocus: (e) => {
+              if (!shouldFocusAfterRender) e.preventDefault();
+            },
+            onCloseAutoFocus: (e) => {
+              if (!shouldReturnFocusAfterClose) e.preventDefault();
+            },
+            children: /* @__PURE__ */ jsx(
+              ModalWrapper,
+              {
+                closeAriaLabel,
+                modalHasHeader,
+                title,
+                onRequestClose,
+                footerContent,
+                children
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+}
+function ModalWrapper({
+  modalHasHeader,
+  title,
+  onRequestClose,
+  closeAriaLabel,
+  children,
+  footerContent
+}) {
+  const theme = useTheme();
+  useScrollLock();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    modalHasHeader && /* @__PURE__ */ jsxs(ModalHeader, { hasCloseButton: Boolean(onRequestClose), children: [
+      title ? /* @__PURE__ */ jsx(Heading2, { id: "modal-title", mb: "none", children: title }) : /* @__PURE__ */ jsx("div", { style: { height: theme.space.x4 } }),
+      onRequestClose && /* @__PURE__ */ jsx(ModalCloseButton, { onClick: onRequestClose, "aria-label": closeAriaLabel })
+    ] }),
+    /* @__PURE__ */ jsx(ModalContent, { hasFooter: !!footerContent, children }),
+    footerContent && /* @__PURE__ */ jsx(ModalFooter, { children: footerContent })
+  ] });
+}
+Modal.setAppElement = (_appElement) => {
+  console.warn(
+    "[NDS] Modal.setAppElement() is deprecated and has no effect. The Modal component now uses @radix-ui/react-dialog, which handles aria-modal automatically."
+  );
+};
+export {
+  Modal as default
+};
+//# sourceMappingURL=Modal.js.map

package/dist/esm/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../src/Modal/Modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { styled, useTheme } from \"styled-components\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { transparentize } from \"polished\";\nimport { Heading2 } from \"../Type\";\nimport { useScrollLock } from \"../utils/useScrollLock\";\nimport ModalContent from \"./ModalContent\";\nimport ModalFooter from \"./ModalFooter\";\nimport ModalHeader from \"./ModalHeader\";\nimport ModalCloseButton from \"./ModalCloseButton\";\n\nconst StyledDialogOverlay = styled(Dialog.Overlay)(({ theme }) => ({\n  position: \"fixed\",\n  inset: 0,\n  backgroundColor: transparentize(0.5, theme.colors.blackBlue),\n  zIndex: theme.zIndices.overlay,\n}));\n\nconst StyledDialogContent = styled(Dialog.Content)<{ $maxWidth?: string }>(({ theme, $maxWidth }) => ({\n  \"&:focus\": {\n    outline: \"none\",\n  },\n  display: \"flex\",\n  flexDirection: \"column\",\n  position: \"fixed\",\n  top: \"50%\",\n  left: \"50%\",\n  transform: \"translate(-50%, -50%)\",\n  backgroundColor: theme.colors.white,\n  borderRadius: theme.radii.medium,\n  boxShadow: theme.shadows.large,\n  width: `calc(100% - ${theme.space.x4})`,\n  maxWidth: $maxWidth,\n  maxHeight: `calc(100vh - ${theme.space.x8})`,\n  height: \"auto\",\n  overflow: \"hidden\",\n  padding: 0,\n  zIndex: theme.zIndices.overlay,\n  [`@media only screen and (max-width: ${theme.breakpoints.small})`]: {\n    maxWidth: \"100%\",\n    width: \"100%\",\n  },\n  \"*\": {\n    boxSizing: \"border-box\",\n  },\n  color: theme.colors.black,\n  fontFamily: theme.fonts.base,\n  fontSize: theme.fontSizes.base,\n  lineHeight: theme.lineHeights.base,\n  WebkitFontSmoothing: \"antialiased\",\n  MozOsxFontSmoothing: \"grayscale\",\n}));\n\ninterface ModalProps {\n  children?: React.ReactNode;\n  isOpen?: boolean;\n  title?: string;\n  ariaLabel?: string;\n  onRequestClose?: () => void;\n  closeAriaLabel?: string;\n  onAfterOpen?: () => void;\n  shouldFocusAfterRender?: boolean;\n  shouldReturnFocusAfterClose?: boolean;\n  ariaDescribedBy?: string;\n  maxWidth?: string;\n  /** @deprecated No-op. Radix handles portal class automatically. */\n  portalClassName?: string;\n  /** @deprecated No-op. Use className for the modal content element. */\n  overlayClassName?: string;\n  className?: string;\n  id?: string;\n  /** @deprecated No-op. Radix handles aria-modal automatically. */\n  appElement?: JSX.Element;\n  /** @deprecated No-op. Radix handles aria hiding automatically. */\n  ariaHideApp?: boolean;\n  footerContent?: React.ReactNode;\n  parentSelector?: () => HTMLElement;\n}\n\nfunction Modal({\n  isOpen = true,\n  shouldFocusAfterRender = true,\n  shouldReturnFocusAfterClose = true,\n  maxWidth = \"624px\",\n  children,\n  title,\n  onRequestClose,\n  onAfterOpen,\n  ariaLabel,\n  ariaDescribedBy,\n  className,\n  id,\n  footerContent,\n  closeAriaLabel,\n  parentSelector,\n  // accepted but unused (no-ops):\n  portalClassName: _portalClassName,\n  overlayClassName: _overlayClassName,\n  appElement: _appElement,\n  ariaHideApp: _ariaHideApp,\n}: ModalProps) {\n  const modalHasHeader = Boolean(onRequestClose || title);\n  return (\n    <Dialog.Root\n      open={isOpen}\n      onOpenChange={(open) => {\n        if (open) onAfterOpen?.();\n        else onRequestClose?.();\n      }}\n    >\n      <Dialog.Portal container={parentSelector?.()}>\n        <StyledDialogOverlay />\n        <StyledDialogContent\n          $maxWidth={maxWidth}\n          aria-label={!title ? ariaLabel : undefined}\n          aria-labelledby={title ? \"modal-title\" : undefined}\n          aria-describedby={ariaDescribedBy}\n          className={className}\n          id={id}\n          onOpenAutoFocus={(e) => {\n            if (!shouldFocusAfterRender) e.preventDefault();\n          }}\n          onCloseAutoFocus={(e) => {\n            if (!shouldReturnFocusAfterClose) e.preventDefault();\n          }}\n        >\n          <ModalWrapper\n            closeAriaLabel={closeAriaLabel}\n            modalHasHeader={modalHasHeader}\n            title={title}\n            onRequestClose={onRequestClose}\n            footerContent={footerContent}\n          >\n            {children}\n          </ModalWrapper>\n        </StyledDialogContent>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n\nfunction ModalWrapper({\n  modalHasHeader,\n  title,\n  onRequestClose,\n  closeAriaLabel,\n  children,\n  footerContent,\n}: {\n  modalHasHeader: boolean;\n  title: string;\n  onRequestClose: () => void;\n  closeAriaLabel: string;\n  children: React.ReactNode;\n  footerContent: React.ReactNode;\n}) {\n  const theme = useTheme();\n  useScrollLock();\n\n  return (\n    <>\n      {modalHasHeader && (\n        <ModalHeader hasCloseButton={Boolean(onRequestClose)}>\n          {title ? (\n            <Heading2 id=\"modal-title\" mb=\"none\">\n              {title}\n            </Heading2>\n          ) : (\n            <div style={{ height: theme.space.x4 }} />\n          )}\n          {onRequestClose && <ModalCloseButton onClick={onRequestClose} aria-label={closeAriaLabel} />}\n        </ModalHeader>\n      )}\n      <ModalContent hasFooter={!!footerContent}>{children}</ModalContent>\n      {footerContent && <ModalFooter>{footerContent}</ModalFooter>}\n    </>\n  );\n}\n\nModal.setAppElement = (_appElement?: string | HTMLElement) => {\n  console.warn(\n    \"[NDS] Modal.setAppElement() is deprecated and has no effect. \" +\n      \"The Modal component now uses @radix-ui/react-dialog, which handles aria-modal automatically.\"\n  );\n};\n\nexport default Modal;\n"],"names":["Dialog.Overlay","transparentize","Dialog.Content","Dialog.Root","Dialog.Portal"],"mappings":"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"}

package/dist/esm/Modal/ModalCloseButton.js

@@ -0,0 +1,11 @@
+import { styled } from "styled-components";
+import CloseButton from "../Button/CloseButton.js";
+const ModalCloseButton = styled(CloseButton)(({ theme }) => ({
+  position: "absolute",
+  top: "12px",
+  right: theme.space.x2
+}));
+export {
+  ModalCloseButton as default
+};
+//# sourceMappingURL=ModalCloseButton.js.map

package/dist/esm/Modal/ModalCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalCloseButton.js","sources":["../../../src/Modal/ModalCloseButton.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\nimport { CloseButton } from \"../Button\";\n\nconst ModalCloseButton = styled(CloseButton)(({ theme }) => ({\n  position: \"absolute\",\n  top: \"12px\",\n  right: theme.space.x2,\n}));\n\nexport default ModalCloseButton;\n"],"names":[],"mappings":";;AAGA,MAAM,mBAAmB,OAAO,WAAW,EAAE,CAAC,EAAE,aAAa;AAAA,EAC3D,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO,MAAM,MAAM;AACrB,EAAE;"}

package/dist/esm/Modal/ModalContent.js

@@ -0,0 +1,14 @@
+import { styled } from "styled-components";
+const ModalContent = styled.div(({ hasFooter, theme }) => ({
+  marginTop: "-64px",
+  marginBottom: hasFooter ? "-72px" : 0,
+  overflow: "auto",
+  paddingTop: "88px",
+  paddingBottom: hasFooter ? "96px" : theme.space.x2,
+  paddingLeft: theme.space.x3,
+  paddingRight: theme.space.x3
+}));
+export {
+  ModalContent as default
+};
+//# sourceMappingURL=ModalContent.js.map

package/dist/esm/Modal/ModalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.js","sources":["../../../src/Modal/ModalContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { styled } from \"styled-components\";\nimport { DefaultNDSThemeType } from \"../theme\";\n\ntype ModalContentProps = React.ComponentPropsWithRef<\"div\"> & {\n  hasFooter?: any;\n  theme?: DefaultNDSThemeType;\n};\n\nconst ModalContent = styled.div<ModalContentProps>(({ hasFooter, theme }: ModalContentProps) => ({\n  marginTop: \"-64px\",\n  marginBottom: hasFooter ? \"-72px\" : 0,\n  overflow: \"auto\",\n  paddingTop: \"88px\",\n  paddingBottom: hasFooter ? \"96px\" : theme.space.x2,\n  paddingLeft: theme.space.x3,\n  paddingRight: theme.space.x3,\n}));\n\nexport default ModalContent;\n"],"names":[],"mappings":";AASA,MAAM,eAAe,OAAO,IAAuB,CAAC,EAAE,WAAW,aAAgC;AAAA,EAC/F,WAAW;AAAA,EACX,cAAc,YAAY,UAAU;AAAA,EACpC,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,eAAe,YAAY,SAAS,MAAM,MAAM;AAAA,EAChD,aAAa,MAAM,MAAM;AAAA,EACzB,cAAc,MAAM,MAAM;AAC5B,EAAE;"}

package/dist/esm/Modal/ModalFooter.js

@@ -0,0 +1,23 @@
+import { styled } from "styled-components";
+import { transparentize as curriedTransparentize$1 } from "../node_modules/.pnpm/polished@4.3.1/node_modules/polished/dist/polished.esm.js";
+const ModalFooter = styled.div(({ theme }) => ({
+  position: "relative",
+  padding: `${theme.space.x2} ${theme.space.x3}`,
+  backgroundColor: curriedTransparentize$1(0.1, theme.colors.white),
+  zIndex: theme.zIndices.modalHeaderAndFooter,
+  borderRadius: `0 0 ${theme.radii.medium} ${theme.radii.medium}`,
+  "&:after": {
+    content: "''",
+    position: "absolute",
+    top: 0,
+    left: theme.space.x1,
+    right: theme.space.x1,
+    display: "block",
+    margin: "0 auto",
+    borderBottom: `solid 1px ${theme.colors.lightGrey}`
+  }
+}));
+export {
+  ModalFooter as default
+};
+//# sourceMappingURL=ModalFooter.js.map

package/dist/esm/Modal/ModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.js","sources":["../../../src/Modal/ModalFooter.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\nimport { transparentize } from \"polished\";\n\nconst ModalFooter = styled.div(({ theme }) => ({\n  position: \"relative\",\n  padding: `${theme.space.x2} ${theme.space.x3}`,\n  backgroundColor: transparentize(0.1, theme.colors.white),\n  zIndex: theme.zIndices.modalHeaderAndFooter,\n  borderRadius: `0 0 ${theme.radii.medium} ${theme.radii.medium}`,\n  \"&:after\": {\n    content: \"''\",\n    position: \"absolute\",\n    top: 0,\n    left: theme.space.x1,\n    right: theme.space.x1,\n    display: \"block\",\n    margin: \"0 auto\",\n    borderBottom: `solid 1px ${theme.colors.lightGrey}`,\n  },\n}));\n\nexport default ModalFooter;\n"],"names":["transparentize"],"mappings":";;AAGA,MAAM,cAAc,OAAO,IAAI,CAAC,EAAE,aAAa;AAAA,EAC7C,UAAU;AAAA,EACV,SAAS,GAAG,MAAM,MAAM,EAAE,IAAI,MAAM,MAAM,EAAE;AAAA,EAC5C,iBAAiBA,wBAAe,KAAK,MAAM,OAAO,KAAK;AAAA,EACvD,QAAQ,MAAM,SAAS;AAAA,EACvB,cAAc,OAAO,MAAM,MAAM,MAAM,IAAI,MAAM,MAAM,MAAM;AAAA,EAC7D,WAAW;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM,MAAM,MAAM;AAAA,IAClB,OAAO,MAAM,MAAM;AAAA,IACnB,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,cAAc,aAAa,MAAM,OAAO,SAAS;AAAA,EAAA;AAErD,EAAE;"}

package/dist/esm/Modal/ModalHeader.js

@@ -0,0 +1,24 @@
+import { styled } from "styled-components";
+import { transparentize as curriedTransparentize$1 } from "../node_modules/.pnpm/polished@4.3.1/node_modules/polished/dist/polished.esm.js";
+const getHeaderPaddingRight = (closeButtonIncluded, theme) => closeButtonIncluded ? theme.space.x8 : theme.space.x3;
+const ModalHeader = styled.div(({ hasCloseButton, theme }) => ({
+  position: "relative",
+  padding: `${theme.space.x2} ${getHeaderPaddingRight(hasCloseButton, theme)} ${theme.space.x2} ${theme.space.x3}`,
+  backgroundColor: curriedTransparentize$1(0.1, theme.colors.white),
+  zIndex: theme.zIndices.modalHeaderAndFooter,
+  borderRadius: `${theme.radii.medium} ${theme.radii.medium} 0 0`,
+  "&:after": {
+    content: "''",
+    position: "absolute",
+    bottom: 0,
+    left: theme.space.x1,
+    right: theme.space.x1,
+    display: "block",
+    margin: "0 auto",
+    borderBottom: `solid 1px ${theme.colors.lightGrey}`
+  }
+}));
+export {
+  ModalHeader as default
+};
+//# sourceMappingURL=ModalHeader.js.map

package/dist/esm/Modal/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.js","sources":["../../../src/Modal/ModalHeader.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\nimport { transparentize } from \"polished\";\nimport { DefaultNDSThemeType } from \"../theme\";\n\nconst getHeaderPaddingRight = (closeButtonIncluded?: boolean, theme?: DefaultNDSThemeType) =>\n  closeButtonIncluded ? theme.space.x8 : theme.space.x3;\n\nconst ModalHeader = styled.div<{\n  hasCloseButton?: boolean;\n}>(({ hasCloseButton, theme }) => ({\n  position: \"relative\",\n  padding: `${theme.space.x2} ${getHeaderPaddingRight(hasCloseButton, theme)} ${theme.space.x2} ${theme.space.x3}`,\n  backgroundColor: transparentize(0.1, theme.colors.white),\n  zIndex: theme.zIndices.modalHeaderAndFooter,\n  borderRadius: `${theme.radii.medium} ${theme.radii.medium} 0 0`,\n  \"&:after\": {\n    content: \"''\",\n    position: \"absolute\",\n    bottom: 0,\n    left: theme.space.x1,\n    right: theme.space.x1,\n    display: \"block\",\n    margin: \"0 auto\",\n    borderBottom: `solid 1px ${theme.colors.lightGrey}`,\n  },\n}));\n\nexport default ModalHeader;\n"],"names":["transparentize"],"mappings":";;AAIA,MAAM,wBAAwB,CAAC,qBAA+B,UAC5D,sBAAsB,MAAM,MAAM,KAAK,MAAM,MAAM;AAErD,MAAM,cAAc,OAAO,IAExB,CAAC,EAAE,gBAAgB,aAAa;AAAA,EACjC,UAAU;AAAA,EACV,SAAS,GAAG,MAAM,MAAM,EAAE,IAAI,sBAAsB,gBAAgB,KAAK,CAAC,IAAI,MAAM,MAAM,EAAE,IAAI,MAAM,MAAM,EAAE;AAAA,EAC9G,iBAAiBA,wBAAe,KAAK,MAAM,OAAO,KAAK;AAAA,EACvD,QAAQ,MAAM,SAAS;AAAA,EACvB,cAAc,GAAG,MAAM,MAAM,MAAM,IAAI,MAAM,MAAM,MAAM;AAAA,EACzD,WAAW;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM,MAAM,MAAM;AAAA,IAClB,OAAO,MAAM,MAAM;AAAA,IACnB,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,cAAc,aAAa,MAAM,OAAO,SAAS;AAAA,EAAA;AAErD,EAAE;"}

package/dist/esm/NDSProvider/ComponentVariantContext.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { useContext, createContext } from "react";
+const ComponentVariantContext = createContext(void 0);
+function ComponentVariantContextProvider({ variant, children }) {
+  return /* @__PURE__ */ jsx(ComponentVariantContext.Provider, { value: { variant }, children });
+}
+function useComponentVariant(selectedVariant) {
+  const context = useContext(ComponentVariantContext);
+  if (!context) {
+    throw new Error(`useComponentVariant must be used within the NDSProvider`);
+  }
+  return selectedVariant ?? context.variant;
+}
+export {
+  ComponentVariantContext,
+  ComponentVariantContextProvider as default,
+  useComponentVariant
+};
+//# sourceMappingURL=ComponentVariantContext.js.map

package/dist/esm/NDSProvider/ComponentVariantContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentVariantContext.js","sources":["../../../src/NDSProvider/ComponentVariantContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\n\nexport type ComponentVariant = \"touch\" | \"desktop\";\n\ntype ComponentVariantContextValue = {\n  variant: ComponentVariant;\n  children?: React.ReactNode;\n};\n\nexport const ComponentVariantContext = createContext<ComponentVariantContextValue>(undefined);\n\nexport default function ComponentVariantContextProvider({ variant, children }: ComponentVariantContextValue) {\n  return <ComponentVariantContext.Provider value={{ variant: variant }}>{children}</ComponentVariantContext.Provider>;\n}\n\nexport function useComponentVariant(selectedVariant?: ComponentVariant) {\n  const context = useContext(ComponentVariantContext);\n  if (!context) {\n    throw new Error(`useComponentVariant must be used within the NDSProvider`);\n  }\n\n  return selectedVariant ?? context.variant;\n}\n"],"names":[],"mappings":";;AASO,MAAM,0BAA0B,cAA4C,MAAS;AAE5F,SAAwB,gCAAgC,EAAE,SAAS,YAA0C;AAC3G,SAAO,oBAAC,wBAAwB,UAAxB,EAAiC,OAAO,EAAE,QAAA,GAAqB,UAAS;AAClF;AAEO,SAAS,oBAAoB,iBAAoC;AACtE,QAAM,UAAU,WAAW,uBAAuB;AAClD,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,yDAAyD;AAAA,EAC3E;AAEA,SAAO,mBAAmB,QAAQ;AACpC;"}

package/dist/esm/NDSProvider/FeatureFlagsContext.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const FeatureFlagsContext = createContext(void 0);
+function FeatureFlagsProvider({ featureFlags, children }) {
+  return /* @__PURE__ */ jsx(FeatureFlagsContext.Provider, { value: { featureFlags }, children });
+}
+function useFeatureFlags() {
+  const context = useContext(FeatureFlagsContext);
+  if (!context) {
+    throw new Error(`useFeatureFlags must be used within the NDSProvider`);
+  }
+  return context.featureFlags;
+}
+export {
+  FeatureFlagsContext,
+  FeatureFlagsProvider as default,
+  useFeatureFlags
+};
+//# sourceMappingURL=FeatureFlagsContext.js.map

package/dist/esm/NDSProvider/FeatureFlagsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureFlagsContext.js","sources":["../../../src/NDSProvider/FeatureFlagsContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\n\nexport interface FeatureFlags {\n  experimentalDesktopTypographyScale?: boolean;\n  navigationV3?: boolean;\n}\n\nexport interface FeatureFlagsContextValue {\n  featureFlags: FeatureFlags;\n  children?: React.ReactNode;\n}\n\nexport const FeatureFlagsContext = createContext<FeatureFlagsContextValue>(undefined);\n\nexport default function FeatureFlagsProvider({ featureFlags, children }: FeatureFlagsContextValue) {\n  return <FeatureFlagsContext.Provider value={{ featureFlags }}>{children}</FeatureFlagsContext.Provider>;\n}\n\nexport function useFeatureFlags() {\n  const context = useContext(FeatureFlagsContext);\n  if (!context) {\n    throw new Error(`useFeatureFlags must be used within the NDSProvider`);\n  }\n\n  return context.featureFlags;\n}\n"],"names":[],"mappings":";;AAYO,MAAM,sBAAsB,cAAwC,MAAS;AAEpF,SAAwB,qBAAqB,EAAE,cAAc,YAAsC;AACjG,SAAO,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,aAAA,GAAiB,UAAS;AAC1E;AAEO,SAAS,kBAAkB;AAChC,QAAM,UAAU,WAAW,mBAAmB;AAC9C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AAEA,SAAO,QAAQ;AACjB;"}

package/dist/esm/NDSProvider/GlobalStyles.js

@@ -0,0 +1,32 @@
+import { styled } from "styled-components";
+const GlobalStyles = styled.div(({ theme, locale }) => {
+  const fontFamily = locale === "zh_CN" ? theme.fonts.sc : theme.fonts.base;
+  return {
+    color: theme.colors.black,
+    fontFamily,
+    fontSize: theme.fontSizes.base,
+    lineHeight: theme.lineHeights.base,
+    "-webkit-font-smoothing": "antialiased",
+    "-moz-osx-font-smoothing": "grayscale",
+    "*": {
+      boxSizing: "border-box"
+    },
+    img: {
+      maxWidth: "100%",
+      height: "auto"
+    },
+    button: {
+      fontFamily
+    },
+    input: {
+      fontFamily
+    },
+    textarea: {
+      fontFamily
+    }
+  };
+});
+export {
+  GlobalStyles as default
+};
+//# sourceMappingURL=GlobalStyles.js.map

package/dist/esm/NDSProvider/GlobalStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalStyles.js","sources":["../../../src/NDSProvider/GlobalStyles.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\n\nconst GlobalStyles = styled.div<{\n  locale?: string;\n}>(({ theme, locale }) => {\n  const fontFamily = locale === \"zh_CN\" ? theme.fonts.sc : theme.fonts.base;\n  return {\n    color: theme.colors.black,\n    fontFamily,\n    fontSize: theme.fontSizes.base,\n    lineHeight: theme.lineHeights.base,\n    \"-webkit-font-smoothing\": \"antialiased\",\n    \"-moz-osx-font-smoothing\": \"grayscale\",\n    \"*\": {\n      boxSizing: \"border-box\",\n    },\n    img: {\n      maxWidth: \"100%\",\n      height: \"auto\",\n    },\n    button: {\n      fontFamily,\n    },\n    input: {\n      fontFamily,\n    },\n    textarea: {\n      fontFamily,\n    },\n  };\n});\n\nexport default GlobalStyles;\n"],"names":[],"mappings":";AAEA,MAAM,eAAe,OAAO,IAEzB,CAAC,EAAE,OAAO,aAAa;AACxB,QAAM,aAAa,WAAW,UAAU,MAAM,MAAM,KAAK,MAAM,MAAM;AACrE,SAAO;AAAA,IACL,OAAO,MAAM,OAAO;AAAA,IACpB;AAAA,IACA,UAAU,MAAM,UAAU;AAAA,IAC1B,YAAY,MAAM,YAAY;AAAA,IAC9B,0BAA0B;AAAA,IAC1B,2BAA2B;AAAA,IAC3B,KAAK;AAAA,MACH,WAAW;AAAA,IAAA;AAAA,IAEb,KAAK;AAAA,MACH,UAAU;AAAA,MACV,QAAQ;AAAA,IAAA;AAAA,IAEV,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL;AAAA,IAAA;AAAA,IAEF,UAAU;AAAA,MACR;AAAA,IAAA;AAAA,EACF;AAEJ,CAAC;"}

package/dist/esm/NDSProvider/GlobalStylesComposer.js

@@ -0,0 +1,23 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import Reset from "./Reset.js";
+import ModalStyleOverride from "./ModalStyleOverride.js";
+import GlobalStyles from "./GlobalStyles.js";
+function GlobalStylesComposer({
+  theme,
+  locale,
+  disableGlobalStyles,
+  children
+}) {
+  if (disableGlobalStyles) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Reset, {}),
+    /* @__PURE__ */ jsx(ModalStyleOverride, { theme, locale }),
+    /* @__PURE__ */ jsx(GlobalStyles, { theme, locale, children })
+  ] });
+}
+export {
+  GlobalStylesComposer as default
+};
+//# sourceMappingURL=GlobalStylesComposer.js.map

package/dist/esm/NDSProvider/GlobalStylesComposer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalStylesComposer.js","sources":["../../../src/NDSProvider/GlobalStylesComposer.tsx"],"sourcesContent":["import React from \"react\";\nimport { DefaultNDSThemeType } from \"../theme\";\nimport Reset from \"./Reset\";\nimport ModalStyleOverride from \"./ModalStyleOverride\";\nimport GlobalStyles from \"./GlobalStyles\";\n\ntype GlobalStylesComposerProps = {\n  theme?: DefaultNDSThemeType;\n  locale?: string;\n  disableGlobalStyles?: boolean;\n  children?: React.ReactNode;\n};\n\nexport default function GlobalStylesComposer({\n  theme,\n  locale,\n  disableGlobalStyles,\n  children,\n}: GlobalStylesComposerProps) {\n  if (disableGlobalStyles) {\n    return <>{children}</>;\n  }\n\n  return (\n    <>\n      <Reset />\n      <ModalStyleOverride theme={theme} locale={locale} />\n      <GlobalStyles theme={theme} locale={locale}>\n        {children}\n      </GlobalStyles>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;AAaA,SAAwB,qBAAqB;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,MAAI,qBAAqB;AACvB,2CAAU,UAAS;AAAA,EACrB;AAEA,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAM;AAAA,IACP,oBAAC,oBAAA,EAAmB,OAAc,OAAA,CAAgB;AAAA,IAClD,oBAAC,cAAA,EAAa,OAAc,QACzB,SAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/esm/NDSProvider/LocaleContext.js

@@ -0,0 +1,15 @@
+import "react/jsx-runtime";
+import React__default from "react";
+const LocaleContext = React__default.createContext({ locale: "en" });
+const useLocale = (locale) => {
+  const context = React__default.useContext(LocaleContext);
+  if (!context) {
+    throw new Error("useLocale must be used within a LocaleContext.Provider");
+  }
+  return context;
+};
+export {
+  LocaleContext,
+  useLocale
+};
+//# sourceMappingURL=LocaleContext.js.map

package/dist/esm/NDSProvider/LocaleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleContext.js","sources":["../../../src/NDSProvider/LocaleContext.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const LocaleContext = React.createContext<{ locale: string }>({ locale: \"en\" });\n\nexport const useLocale = (locale?: string) => {\n  const context = React.useContext(LocaleContext);\n  if (!context) {\n    throw new Error(\"useLocale must be used within a LocaleContext.Provider\");\n  }\n  return locale ? { locale } : context;\n};\n\nexport const LocaleContextProvider = ({ locale, children }: { locale: string; children: React.ReactNode }) => {\n  return <LocaleContext.Provider value={{ locale }}>{children}</LocaleContext.Provider>;\n};\n"],"names":["React"],"mappings":";;AAEO,MAAM,gBAAgBA,eAAM,cAAkC,EAAE,QAAQ,MAAM;AAE9E,MAAM,YAAY,CAAC,WAAoB;AAC5C,QAAM,UAAUA,eAAM,WAAW,aAAa;AAC9C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,wDAAwD;AAAA,EAC1E;AACA,SAA6B;AAC/B;"}

package/dist/esm/NDSProvider/ModalStyleOverride.js

@@ -0,0 +1,35 @@
+import { createGlobalStyle } from "styled-components";
+const ModalStyleOverride = createGlobalStyle(({ theme, locale }) => {
+  const fontFamily = locale === "zh_CN" ? theme.fonts.sc : theme.fonts.base;
+  return {
+    ":root": {
+      "--reach-dialog": 1
+    },
+    ".ReactModal__Content, [data-reach-dialog-content]": {
+      "-webkit-font-smoothing": "antialiased",
+      "-moz-osx-font-smoothing": "grayscale",
+      "*": { boxSizing: "border-box" },
+      color: theme.colors.black,
+      fontFamily,
+      fontSize: theme.fontSizes.base,
+      lineHeight: theme.lineHeights.base,
+      img: {
+        maxWidth: "100%",
+        height: "auto"
+      },
+      button: {
+        fontFamily
+      },
+      input: {
+        fontFamily
+      },
+      textarea: {
+        fontFamily
+      }
+    }
+  };
+});
+export {
+  ModalStyleOverride as default
+};
+//# sourceMappingURL=ModalStyleOverride.js.map

package/dist/esm/NDSProvider/ModalStyleOverride.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalStyleOverride.js","sources":["../../../src/NDSProvider/ModalStyleOverride.tsx"],"sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nconst ModalStyleOverride = createGlobalStyle<{ locale?: string }>(({ theme, locale }) => {\n  const fontFamily = locale === \"zh_CN\" ? theme.fonts.sc : theme.fonts.base;\n  return {\n    \":root\": {\n      \"--reach-dialog\": 1,\n    },\n    \".ReactModal__Content, [data-reach-dialog-content]\": {\n      \"-webkit-font-smoothing\": \"antialiased\",\n      \"-moz-osx-font-smoothing\": \"grayscale\",\n      \"*\": { boxSizing: \"border-box\" },\n      color: theme.colors.black,\n      fontFamily,\n      fontSize: theme.fontSizes.base,\n      lineHeight: theme.lineHeights.base,\n      img: {\n        maxWidth: \"100%\",\n        height: \"auto\",\n      },\n      button: {\n        fontFamily,\n      },\n      input: {\n        fontFamily,\n      },\n      textarea: {\n        fontFamily,\n      },\n    },\n  };\n});\n\nexport default ModalStyleOverride;\n"],"names":[],"mappings":";AAEA,MAAM,qBAAqB,kBAAuC,CAAC,EAAE,OAAO,aAAa;AACvF,QAAM,aAAa,WAAW,UAAU,MAAM,MAAM,KAAK,MAAM,MAAM;AACrE,SAAO;AAAA,IACL,SAAS;AAAA,MACP,kBAAkB;AAAA,IAAA;AAAA,IAEpB,qDAAqD;AAAA,MACnD,0BAA0B;AAAA,MAC1B,2BAA2B;AAAA,MAC3B,KAAK,EAAE,WAAW,aAAA;AAAA,MAClB,OAAO,MAAM,OAAO;AAAA,MACpB;AAAA,MACA,UAAU,MAAM,UAAU;AAAA,MAC1B,YAAY,MAAM,YAAY;AAAA,MAC9B,KAAK;AAAA,QACH,UAAU;AAAA,QACV,QAAQ;AAAA,MAAA;AAAA,MAEV,QAAQ;AAAA,QACN;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL;AAAA,MAAA;AAAA,MAEF,UAAU;AAAA,QACR;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ,CAAC;"}

package/dist/esm/NDSProvider/NDSProvider.js

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { initI18n } from "../i18n.js";
+import NDSThemeProvider from "../theme/NDSThemeProvider.js";
+import ComponentVariantContextProvider from "./ComponentVariantContext.js";
+import FeatureFlagsProvider from "./FeatureFlagsContext.js";
+import GlobalStylesComposer from "./GlobalStylesComposer.js";
+import { LocaleContext } from "./LocaleContext.js";
+import i18next from "../node_modules/.pnpm/i18next@19.9.2/node_modules/i18next/dist/esm/i18next.js";
+import { I18nextProvider } from "../node_modules/.pnpm/react-i18next@12.3.1_i18next@19.9.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-i18next/dist/es/I18nextProvider.js";
+function NDSProvider({
+  theme: customTheme,
+  children,
+  disableGlobalStyles = false,
+  locale = "en_US",
+  variant = "desktop",
+  featureFlags = {
+    experimentalDesktopTypographyScale: false
+  }
+}) {
+  initI18n();
+  useEffect(() => {
+    i18next.changeLanguage(locale);
+  }, [locale]);
+  return /* @__PURE__ */ jsx(LocaleContext.Provider, { value: { locale }, children: /* @__PURE__ */ jsx(FeatureFlagsProvider, { featureFlags, children: /* @__PURE__ */ jsx(ComponentVariantContextProvider, { variant, children: /* @__PURE__ */ jsx(I18nextProvider, { i18n: i18next, children: /* @__PURE__ */ jsx(NDSThemeProvider, { customTheme, children: /* @__PURE__ */ jsx(GlobalStylesComposer, { locale, disableGlobalStyles, children }) }) }) }) }) });
+}
+export {
+  NDSProvider as default
+};
+//# sourceMappingURL=NDSProvider.js.map

package/dist/esm/NDSProvider/NDSProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NDSProvider.js","sources":["../../../src/NDSProvider/NDSProvider.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { I18nextProvider } from \"react-i18next\";\nimport i18n, { initI18n } from \"../i18n\";\nimport { ThemeType } from \"../theme\";\nimport NDSThemeProvider from \"../theme/NDSThemeProvider\";\nimport ComponentVariantContextProvider, { ComponentVariant } from \"./ComponentVariantContext\";\nimport FeatureFlagsContextProvider, { FeatureFlags } from \"./FeatureFlagsContext\";\nimport GlobalStylesComposer from \"./GlobalStylesComposer\";\nimport { LocaleContext } from \"./LocaleContext\";\n\ntype NDSProviderProps = {\n  theme?: ThemeType;\n  locale?: string;\n  disableGlobalStyles?: boolean;\n  children?: React.ReactNode;\n  variant?: ComponentVariant;\n  featureFlags?: FeatureFlags;\n};\n\nfunction NDSProvider({\n  theme: customTheme,\n  children,\n  disableGlobalStyles = false,\n  locale = \"en_US\",\n  variant = \"desktop\",\n  featureFlags = {\n    experimentalDesktopTypographyScale: false,\n  },\n}: NDSProviderProps) {\n  initI18n();\n\n  useEffect(() => {\n    i18n.changeLanguage(locale);\n  }, [locale]);\n\n  return (\n    <LocaleContext.Provider value={{ locale }}>\n      <FeatureFlagsContextProvider featureFlags={featureFlags}>\n        <ComponentVariantContextProvider variant={variant}>\n          <I18nextProvider i18n={i18n}>\n            <NDSThemeProvider customTheme={customTheme}>\n              <GlobalStylesComposer locale={locale} disableGlobalStyles={disableGlobalStyles}>\n                {children}\n              </GlobalStylesComposer>\n            </NDSThemeProvider>\n          </I18nextProvider>\n        </ComponentVariantContextProvider>\n      </FeatureFlagsContextProvider>\n    </LocaleContext.Provider>\n  );\n}\n\nexport default NDSProvider;\n"],"names":["i18n","FeatureFlagsContextProvider"],"mappings":";;;;;;;;;;AAmBA,SAAS,YAAY;AAAA,EACnB,OAAO;AAAA,EACP;AAAA,EACA,sBAAsB;AAAA,EACtB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,eAAe;AAAA,IACb,oCAAoC;AAAA,EAAA;AAExC,GAAqB;AACnB,WAAA;AAEA,YAAU,MAAM;AACdA,YAAK,eAAe,MAAM;AAAA,EAC5B,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,oBAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,OAAA,GAC/B,UAAA,oBAACC,sBAAA,EAA4B,cAC3B,UAAA,oBAAC,iCAAA,EAAgC,SAC/B,UAAA,oBAAC,iBAAA,EAAA,MAAgBD,SACf,UAAA,oBAAC,kBAAA,EAAiB,aAChB,UAAA,oBAAC,sBAAA,EAAqB,QAAgB,qBACnC,UACH,EAAA,CACF,EAAA,CACF,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/esm/NDSProvider/Reset.js

@@ -0,0 +1,12 @@
+import { createGlobalStyle } from "styled-components";
+const Reset = createGlobalStyle(() => {
+  return {
+    body: {
+      margin: 0
+    }
+  };
+});
+export {
+  Reset as default
+};
+//# sourceMappingURL=Reset.js.map

package/dist/esm/NDSProvider/Reset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reset.js","sources":["../../../src/NDSProvider/Reset.tsx"],"sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nconst Reset = createGlobalStyle(() => {\n  return {\n    body: {\n      margin: 0,\n    },\n  };\n});\n\nexport default Reset;\n"],"names":[],"mappings":";AAEA,MAAM,QAAQ,kBAAkB,MAAM;AACpC,SAAO;AAAA,IACL,MAAM;AAAA,MACJ,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ,CAAC;"}