shad-m 1.0.2 → 1.0.3

package/dist/common/interactive/list.js

@@ -0,0 +1,160 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var useDevice = require('@/hooks/useDevice');
+var utils = require('@/lib/utils');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var tooltip = require('../../components/tooltip');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const listItemVariants = classVarianceAuthority.cva(
+  [
+    "flex items-center text-base text-foreground bg-background hover:bg-accent",
+    "data-[activated=true]:bg-primary/10",
+    "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:text-muted-foreground"
+  ],
+  {
+    variants: {
+      size: {
+        normal: "py-3 px-3",
+        large: "py-4 px-4"
+      },
+      version: {
+        horizontal: "",
+        vertical: "flex-col !items-start"
+      }
+    },
+    defaultVariants: {
+      size: "normal",
+      version: "horizontal"
+    }
+  }
+);
+const ListItem = React__namespace.forwardRef(
+  ({ className, size, version, asChild, disabled, activated, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "div";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        role: "listitem",
+        className: utils.cn(listItemVariants({ size, version, className })),
+        ref,
+        "data-disabled": disabled ? "true" : "false",
+        "data-activated": activated ? "true" : "false",
+        ...props
+      }
+    );
+  }
+);
+ListItem.displayName = "ListItem";
+const ListItemLabel = React__namespace.forwardRef(
+  ({ className, asChild, disabled, activated, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "div";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        role: "listitemlabel",
+        className: utils.cn("flex items-center space-x-2", className),
+        ref,
+        "data-disabled": disabled ? "true" : "false",
+        "data-activated": activated ? "true" : "false",
+        ...props
+      }
+    );
+  }
+);
+ListItemLabel.displayName = "ListItemLabel";
+const ListItemValue = React__namespace.forwardRef(
+  ({ className, asChild, disabled, activated, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "div";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        role: "listitemvalue",
+        className: utils.cn("flex w-full flex-wrap items-center space-x-2", className),
+        ref,
+        "data-disabled": disabled ? "true" : "false",
+        "data-activated": activated ? "true" : "false",
+        ...props
+      }
+    );
+  }
+);
+ListItemValue.displayName = "ListItemValue";
+const ListItemValueText = React__namespace.forwardRef(
+  ({ className, asChild, disabled, activated, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "div";
+    const { isMobile } = useDevice.useDevice();
+    const valueRef = React__namespace.useRef(null);
+    const [isLineClamp, setIsLineClamp] = React__namespace.useState(false);
+    React__namespace.useEffect(() => {
+      if (valueRef && valueRef.current) {
+        const isOverflowing = valueRef.current.scrollWidth > valueRef.current.clientWidth;
+        setIsLineClamp(isOverflowing);
+      }
+    }, [isMobile]);
+    if (!isMobile) {
+      return /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Comp,
+          {
+            role: "listitemvalue",
+            className: utils.cn("flex-1 truncate", className),
+            ref: valueRef,
+            "data-disabled": disabled ? "true" : "false",
+            "data-activated": activated ? "true" : "false",
+            ...props
+          }
+        ) }),
+        isLineClamp && /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { ...props })
+      ] }) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        role: "listitemvalue",
+        className: utils.cn("line-clamp-2 flex-1 text-ellipsis", className),
+        "data-disabled": disabled ? "true" : "false",
+        "data-activated": activated ? "true" : "false",
+        ...props
+      }
+    );
+  }
+);
+ListItemValueText.displayName = "ListItemValueText";
+const List = React__namespace.forwardRef(
+  ({ className, children, asChild, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "div";
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, role: "list", className: utils.cn(className), ...props, children });
+  }
+);
+List.displayName = "List";
+
+exports.List = List;
+exports.ListItem = ListItem;
+exports.ListItemLabel = ListItemLabel;
+exports.ListItemValue = ListItemValue;
+exports.ListItemValueText = ListItemValueText;
+//# sourceMappingURL=list.js.map
+//# sourceMappingURL=list.js.map

package/dist/common/interactive/list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/interactive/list.tsx"],"names":["cva","React","Slot","jsx","cn","useDevice","TooltipProvider","jsxs","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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","file":"list.js","sourcesContent":["import { useDevice } from '@/hooks/useDevice';\nimport { cn } from '@/lib/utils';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../components/tooltip';\n\nconst listItemVariants = cva(\n  [\n    'flex items-center text-base text-foreground bg-background hover:bg-accent',\n    'data-[activated=true]:bg-primary/10',\n    'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:text-muted-foreground',\n  ],\n  {\n    variants: {\n      size: {\n        normal: 'py-3 px-3',\n        large: 'py-4 px-4',\n      },\n      version: {\n        horizontal: '',\n        vertical: 'flex-col !items-start',\n      },\n    },\n    defaultVariants: {\n      size: 'normal',\n      version: 'horizontal',\n    },\n  },\n);\n\nexport interface ListItemProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof listItemVariants> {\n  asChild?: boolean;\n  disabled?: boolean;\n  activated?: boolean;\n}\n\nconst ListItem = React.forwardRef<HTMLDivElement, ListItemProps>(\n  ({ className, size, version, asChild, disabled, activated, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'div';\n    return (\n      <Comp\n        role=\"listitem\"\n        className={cn(listItemVariants({ size, version, className }))}\n        ref={ref}\n        data-disabled={disabled ? 'true' : 'false'}\n        data-activated={activated ? 'true' : 'false'}\n        {...props}\n      />\n    );\n  },\n);\n\nListItem.displayName = 'ListItem';\n\nexport interface ListItemLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n  asChild?: boolean;\n  disabled?: boolean;\n  activated?: boolean;\n}\n\nconst ListItemLabel = React.forwardRef<HTMLDivElement, ListItemLabelProps>(\n  ({ className, asChild, disabled, activated, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'div';\n    return (\n      <Comp\n        role=\"listitemlabel\"\n        className={cn('flex items-center space-x-2', className)}\n        ref={ref}\n        data-disabled={disabled ? 'true' : 'false'}\n        data-activated={activated ? 'true' : 'false'}\n        {...props}\n      />\n    );\n  },\n);\n\nListItemLabel.displayName = 'ListItemLabel';\n\nexport interface ListItemValueProps extends React.HTMLAttributes<HTMLDivElement> {\n  asChild?: boolean;\n  disabled?: boolean;\n  activated?: boolean;\n}\n\nconst ListItemValue = React.forwardRef<HTMLDivElement, ListItemValueProps>(\n  ({ className, asChild, disabled, activated, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'div';\n    return (\n      <Comp\n        role=\"listitemvalue\"\n        className={cn('flex w-full flex-wrap items-center space-x-2', className)}\n        ref={ref}\n        data-disabled={disabled ? 'true' : 'false'}\n        data-activated={activated ? 'true' : 'false'}\n        {...props}\n      />\n    );\n  },\n);\n\nListItemValue.displayName = 'ListItemValue';\n\nexport interface ListItemValueTextProps extends React.HTMLAttributes<HTMLDivElement> {\n  asChild?: boolean;\n  disabled?: boolean;\n  activated?: boolean;\n}\n\nconst ListItemValueText = React.forwardRef<HTMLDivElement, ListItemValueTextProps>(\n  ({ className, asChild, disabled, activated, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'div';\n    const { isMobile } = useDevice();\n    const valueRef = React.useRef<HTMLDivElement>(null);\n    const [isLineClamp, setIsLineClamp] = React.useState(false);\n\n    React.useEffect(() => {\n      if (valueRef && valueRef.current) {\n        const isOverflowing = valueRef.current.scrollWidth > valueRef.current.clientWidth;\n        setIsLineClamp(isOverflowing);\n      }\n    }, [isMobile]);\n\n    if (!isMobile) {\n      return (\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Comp\n                role=\"listitemvalue\"\n                className={cn('flex-1 truncate', className)}\n                ref={valueRef}\n                data-disabled={disabled ? 'true' : 'false'}\n                data-activated={activated ? 'true' : 'false'}\n                {...props}\n              />\n            </TooltipTrigger>\n            {isLineClamp && <TooltipContent {...props}></TooltipContent>}\n          </Tooltip>\n        </TooltipProvider>\n      );\n    }\n    return (\n      <Comp\n        role=\"listitemvalue\"\n        className={cn('line-clamp-2 flex-1 text-ellipsis', className)}\n        data-disabled={disabled ? 'true' : 'false'}\n        data-activated={activated ? 'true' : 'false'}\n        {...props}\n      />\n    );\n  },\n);\n\nListItemValueText.displayName = 'ListItemValueText';\n\nexport interface ListProps extends React.HTMLAttributes<HTMLDivElement> {\n  asChild?: boolean;\n}\n\nconst List = React.forwardRef<HTMLDivElement, ListProps>(\n  ({ className, children, asChild, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'div';\n    return (\n      <Comp ref={ref} role=\"list\" className={cn(className)} {...props}>\n        {children}\n      </Comp>\n    );\n  },\n);\n\nList.displayName = 'List';\n\nexport { List, ListItem, ListItemLabel, ListItemValue, ListItemValueText };\n"]}

package/dist/common/interactive/list.mjs

@@ -0,0 +1,134 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useDevice } from '@/hooks/useDevice';
+import { cn } from '@/lib/utils';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../../components/tooltip';
+
+const listItemVariants = cva(
+  [
+    "flex items-center text-base text-foreground bg-background hover:bg-accent",
+    "data-[activated=true]:bg-primary/10",
+    "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:text-muted-foreground"
+  ],
+  {
+    variants: {
+      size: {
+        normal: "py-3 px-3",
+        large: "py-4 px-4"
+      },
+      version: {
+        horizontal: "",
+        vertical: "flex-col !items-start"
+      }
+    },
+    defaultVariants: {
+      size: "normal",
+      version: "horizontal"
+    }
+  }
+);
+const ListItem = React.forwardRef(
+  ({ className, size, version, asChild, disabled, activated, ...props }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        role: "listitem",
+        className: cn(listItemVariants({ size, version, className })),
+        ref,
+        "data-disabled": disabled ? "true" : "false",
+        "data-activated": activated ? "true" : "false",
+        ...props
+      }
+    );
+  }
+);
+ListItem.displayName = "ListItem";
+const ListItemLabel = React.forwardRef(
+  ({ className, asChild, disabled, activated, ...props }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        role: "listitemlabel",
+        className: cn("flex items-center space-x-2", className),
+        ref,
+        "data-disabled": disabled ? "true" : "false",
+        "data-activated": activated ? "true" : "false",
+        ...props
+      }
+    );
+  }
+);
+ListItemLabel.displayName = "ListItemLabel";
+const ListItemValue = React.forwardRef(
+  ({ className, asChild, disabled, activated, ...props }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        role: "listitemvalue",
+        className: cn("flex w-full flex-wrap items-center space-x-2", className),
+        ref,
+        "data-disabled": disabled ? "true" : "false",
+        "data-activated": activated ? "true" : "false",
+        ...props
+      }
+    );
+  }
+);
+ListItemValue.displayName = "ListItemValue";
+const ListItemValueText = React.forwardRef(
+  ({ className, asChild, disabled, activated, ...props }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    const { isMobile } = useDevice();
+    const valueRef = React.useRef(null);
+    const [isLineClamp, setIsLineClamp] = React.useState(false);
+    React.useEffect(() => {
+      if (valueRef && valueRef.current) {
+        const isOverflowing = valueRef.current.scrollWidth > valueRef.current.clientWidth;
+        setIsLineClamp(isOverflowing);
+      }
+    }, [isMobile]);
+    if (!isMobile) {
+      return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          Comp,
+          {
+            role: "listitemvalue",
+            className: cn("flex-1 truncate", className),
+            ref: valueRef,
+            "data-disabled": disabled ? "true" : "false",
+            "data-activated": activated ? "true" : "false",
+            ...props
+          }
+        ) }),
+        isLineClamp && /* @__PURE__ */ jsx(TooltipContent, { ...props })
+      ] }) });
+    }
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        role: "listitemvalue",
+        className: cn("line-clamp-2 flex-1 text-ellipsis", className),
+        "data-disabled": disabled ? "true" : "false",
+        "data-activated": activated ? "true" : "false",
+        ...props
+      }
+    );
+  }
+);
+ListItemValueText.displayName = "ListItemValueText";
+const List = React.forwardRef(
+  ({ className, children, asChild, ...props }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(Comp, { ref, role: "list", className: cn(className), ...props, children });
+  }
+);
+List.displayName = "List";
+
+export { List, ListItem, ListItemLabel, ListItemValue, ListItemValueText };
+//# sourceMappingURL=list.mjs.map
+//# sourceMappingURL=list.mjs.map

package/dist/common/interactive/list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/interactive/list.tsx"],"names":[],"mappings":"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","file":"list.mjs","sourcesContent":["import { useDevice } from '@/hooks/useDevice';\nimport { cn } from '@/lib/utils';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../components/tooltip';\n\nconst listItemVariants = cva(\n  [\n    'flex items-center text-base text-foreground bg-background hover:bg-accent',\n    'data-[activated=true]:bg-primary/10',\n    'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:text-muted-foreground',\n  ],\n  {\n    variants: {\n      size: {\n        normal: 'py-3 px-3',\n        large: 'py-4 px-4',\n      },\n      version: {\n        horizontal: '',\n        vertical: 'flex-col !items-start',\n      },\n    },\n    defaultVariants: {\n      size: 'normal',\n      version: 'horizontal',\n    },\n  },\n);\n\nexport interface ListItemProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof listItemVariants> {\n  asChild?: boolean;\n  disabled?: boolean;\n  activated?: boolean;\n}\n\nconst ListItem = React.forwardRef<HTMLDivElement, ListItemProps>(\n  ({ className, size, version, asChild, disabled, activated, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'div';\n    return (\n      <Comp\n        role=\"listitem\"\n        className={cn(listItemVariants({ size, version, className }))}\n        ref={ref}\n        data-disabled={disabled ? 'true' : 'false'}\n        data-activated={activated ? 'true' : 'false'}\n        {...props}\n      />\n    );\n  },\n);\n\nListItem.displayName = 'ListItem';\n\nexport interface ListItemLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n  asChild?: boolean;\n  disabled?: boolean;\n  activated?: boolean;\n}\n\nconst ListItemLabel = React.forwardRef<HTMLDivElement, ListItemLabelProps>(\n  ({ className, asChild, disabled, activated, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'div';\n    return (\n      <Comp\n        role=\"listitemlabel\"\n        className={cn('flex items-center space-x-2', className)}\n        ref={ref}\n        data-disabled={disabled ? 'true' : 'false'}\n        data-activated={activated ? 'true' : 'false'}\n        {...props}\n      />\n    );\n  },\n);\n\nListItemLabel.displayName = 'ListItemLabel';\n\nexport interface ListItemValueProps extends React.HTMLAttributes<HTMLDivElement> {\n  asChild?: boolean;\n  disabled?: boolean;\n  activated?: boolean;\n}\n\nconst ListItemValue = React.forwardRef<HTMLDivElement, ListItemValueProps>(\n  ({ className, asChild, disabled, activated, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'div';\n    return (\n      <Comp\n        role=\"listitemvalue\"\n        className={cn('flex w-full flex-wrap items-center space-x-2', className)}\n        ref={ref}\n        data-disabled={disabled ? 'true' : 'false'}\n        data-activated={activated ? 'true' : 'false'}\n        {...props}\n      />\n    );\n  },\n);\n\nListItemValue.displayName = 'ListItemValue';\n\nexport interface ListItemValueTextProps extends React.HTMLAttributes<HTMLDivElement> {\n  asChild?: boolean;\n  disabled?: boolean;\n  activated?: boolean;\n}\n\nconst ListItemValueText = React.forwardRef<HTMLDivElement, ListItemValueTextProps>(\n  ({ className, asChild, disabled, activated, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'div';\n    const { isMobile } = useDevice();\n    const valueRef = React.useRef<HTMLDivElement>(null);\n    const [isLineClamp, setIsLineClamp] = React.useState(false);\n\n    React.useEffect(() => {\n      if (valueRef && valueRef.current) {\n        const isOverflowing = valueRef.current.scrollWidth > valueRef.current.clientWidth;\n        setIsLineClamp(isOverflowing);\n      }\n    }, [isMobile]);\n\n    if (!isMobile) {\n      return (\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Comp\n                role=\"listitemvalue\"\n                className={cn('flex-1 truncate', className)}\n                ref={valueRef}\n                data-disabled={disabled ? 'true' : 'false'}\n                data-activated={activated ? 'true' : 'false'}\n                {...props}\n              />\n            </TooltipTrigger>\n            {isLineClamp && <TooltipContent {...props}></TooltipContent>}\n          </Tooltip>\n        </TooltipProvider>\n      );\n    }\n    return (\n      <Comp\n        role=\"listitemvalue\"\n        className={cn('line-clamp-2 flex-1 text-ellipsis', className)}\n        data-disabled={disabled ? 'true' : 'false'}\n        data-activated={activated ? 'true' : 'false'}\n        {...props}\n      />\n    );\n  },\n);\n\nListItemValueText.displayName = 'ListItemValueText';\n\nexport interface ListProps extends React.HTMLAttributes<HTMLDivElement> {\n  asChild?: boolean;\n}\n\nconst List = React.forwardRef<HTMLDivElement, ListProps>(\n  ({ className, children, asChild, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'div';\n    return (\n      <Comp ref={ref} role=\"list\" className={cn(className)} {...props}>\n        {children}\n      </Comp>\n    );\n  },\n);\n\nList.displayName = 'List';\n\nexport { List, ListItem, ListItemLabel, ListItemValue, ListItemValueText };\n"]}

package/dist/common/interactive/otp-dialog/index.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var otpDialog = require('./otp-dialog');
+var utils = require('./utils');
+var reducer = require('./reducer');
+var types = require('./types');
+
+
+
+Object.defineProperty(exports, "OtpDialog", {
+  enumerable: true,
+  get: function () { return otpDialog.OtpDialog; }
+});
+Object.defineProperty(exports, "maskPhoneNumber", {
+  enumerable: true,
+  get: function () { return utils.maskPhoneNumber; }
+});
+Object.defineProperty(exports, "normalizeErrorMessage", {
+  enumerable: true,
+  get: function () { return utils.normalizeErrorMessage; }
+});
+Object.defineProperty(exports, "initialOtpDialogState", {
+  enumerable: true,
+  get: function () { return reducer.initialOtpDialogState; }
+});
+Object.defineProperty(exports, "otpDialogReducer", {
+  enumerable: true,
+  get: function () { return reducer.otpDialogReducer; }
+});
+Object.defineProperty(exports, "OtpDialogActionType", {
+  enumerable: true,
+  get: function () { return types.OtpDialogActionType; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/common/interactive/otp-dialog/index.js.map

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

package/dist/common/interactive/otp-dialog/index.mjs

@@ -0,0 +1,6 @@
+export { OtpDialog } from './otp-dialog';
+export { maskPhoneNumber, normalizeErrorMessage } from './utils';
+export { initialOtpDialogState, otpDialogReducer } from './reducer';
+export { OtpDialogActionType } from './types';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/common/interactive/otp-dialog/index.mjs.map

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