@tidbcloud/uikit 2.0.0-beta.107 → 2.0.0-beta.108

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @tidbcloud/uikit
 
+## 2.0.0-beta.108
+
+### Patch Changes
+
+- fix(build): update TypeScript configuration to use 'bundler' module resolution for improved compatibility ([#393](https://github.com/tidbcloud/tidbcloud-uikit/pull/393))
+- fix(build): fix cjs/mjs output and external packages ([#392](https://github.com/tidbcloud/tidbcloud-uikit/pull/392))
+
 ## 2.0.0-beta.107
 
 ### Patch Changes

package/dist/biz/CodeBlock/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const index = require("../../icons/index.cjs");
 ;/* empty css                                                                                                                                                                                        */
@@ -54,8 +54,8 @@ const CodeBlock = ({
     }
     return void 0;
   }, [foldIconVisible, folded, defaultHeight]);
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Box.Box, { ...rest, sx: styles.mergeSxList([{ position: "relative" }, rest == null ? void 0 : rest.sx]), children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(Box.Box, { ...rest, sx: styles.mergeSxList([{ position: "relative" }, rest == null ? void 0 : rest.sx]), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
       Box.Box,
       {
         p: "md",
@@ -66,7 +66,7 @@ const CodeBlock = ({
           borderRadius: theme.defaultRadius,
           overflow: "auto"
         }),
-        children: codeRender ? codeRender(children) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        children: codeRender ? codeRender(children) : /* @__PURE__ */ jsxRuntime.jsx(
           CodeHighlight.CodeHighlight,
           {
             ...codeHighlightProps,
@@ -95,9 +95,9 @@ const CodeBlock = ({
         )
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { gap: 4, sx: (theme) => ({ position: "absolute", top: 16, right: 16, color: theme.colors.carbon[8] }), children: [
-      foldIconVisible && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(HoverCard.HoverCard, { withArrow: true, position: "top", children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(HoverCard.HoverCard.Target, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { gap: 4, sx: (theme) => ({ position: "absolute", top: 16, right: 16, color: theme.colors.carbon[8] }), children: [
+      foldIconVisible && /* @__PURE__ */ jsxRuntime.jsxs(HoverCard.HoverCard, { withArrow: true, position: "top", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(HoverCard.HoverCard.Target, { children: /* @__PURE__ */ jsxRuntime.jsx(
           ActionIcon.ActionIcon,
           {
             "aria-hidden": true,
@@ -108,13 +108,13 @@ const CodeBlock = ({
               setFolded(v);
               onFoldIconClick == null ? void 0 : onFoldIconClick(v);
             },
-            children: folded ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconChevronVerticalExpand, { size: 14, strokeWidth: 2.5 }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconChevronVerticalShrink, { size: 14, strokeWidth: 2.5 })
+            children: folded ? /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronVerticalExpand, { size: 14, strokeWidth: 2.5 }) : /* @__PURE__ */ jsxRuntime.jsx(index.IconChevronVerticalShrink, { size: 14, strokeWidth: 2.5 })
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(HoverCard.HoverCard.Dropdown, { children: folded ? "Expand" : "Collapse" })
+        /* @__PURE__ */ jsxRuntime.jsx(HoverCard.HoverCard.Dropdown, { children: folded ? "Expand" : "Collapse" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CopyButton.CopyButton, { value: copyContent ?? children, timeout: 2e3, children: ({ copied, copy }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(HoverCard.HoverCard, { withArrow: true, position: "top", children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(HoverCard.HoverCard.Target, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(CopyButton.CopyButton, { value: copyContent ?? children, timeout: 2e3, children: ({ copied, copy }) => /* @__PURE__ */ jsxRuntime.jsxs(HoverCard.HoverCard, { withArrow: true, position: "top", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(HoverCard.HoverCard.Target, { children: /* @__PURE__ */ jsxRuntime.jsx(
           ActionIcon.ActionIcon,
           {
             "aria-label": "Copy",
@@ -124,16 +124,16 @@ const CodeBlock = ({
               copy();
               onCopyClick == null ? void 0 : onCopyClick();
             },
-            children: copied ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconCheck, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconCopy01, { size: 14, strokeWidth: 2.5 })
+            children: copied ? /* @__PURE__ */ jsxRuntime.jsx(index.IconCheck, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsx(index.IconCopy01, { size: 14, strokeWidth: 2.5 })
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(HoverCard.HoverCard.Dropdown, { children: copied ? "Copied" : "Copy" })
+        /* @__PURE__ */ jsxRuntime.jsx(HoverCard.HoverCard.Dropdown, { children: copied ? "Copied" : "Copy" })
       ] }) })
     ] })
   ] });
 };
 const CopyText = ({ children, value, ...rest }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     Code.Code,
     {
       bg: "carbon.3",
@@ -153,7 +153,7 @@ const CopyText = ({ children, value, ...rest }) => {
       },
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CopyButton.CopyButton, { value, timeout: 2e3, children: ({ copied, copy }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Tooltip.Tooltip, { label: copied ? "Copied" : "Copy", withArrow: true, position: "top", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(CopyButton.CopyButton, { value, timeout: 2e3, children: ({ copied, copy }) => /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, { label: copied ? "Copied" : "Copy", withArrow: true, position: "top", children: /* @__PURE__ */ jsxRuntime.jsx(
           ActionIcon.ActionIcon,
           {
             "aria-label": "Copy",
@@ -164,7 +164,7 @@ const CopyText = ({ children, value, ...rest }) => {
             onClick: () => {
               copy();
             },
-            children: copied ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconCheck, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconCopy01, { size: 14, strokeWidth: 2.5 })
+            children: copied ? /* @__PURE__ */ jsxRuntime.jsx(index.IconCheck, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsx(index.IconCopy01, { size: 14, strokeWidth: 2.5 })
           }
         ) }) })
       ]

package/dist/biz/CodeBlock/index.d.cts

@@ -1,6 +1,6 @@
 import { CodeHighlightProps } from '@mantine/code-highlight';
 import { default as React } from 'react';
-import { BoxProps, CodeProps } from '../../primitive/index.js';
+import { BoxProps, CodeProps } from '../../primitive/index.cjs';
 export interface CodeBlockProps extends BoxProps {
     children: string;
     language?: CodeHighlightProps['language'];

package/dist/biz/CodeBlock/index.d.mts

@@ -0,0 +1,22 @@
+import { CodeHighlightProps } from '@mantine/code-highlight';
+import { default as React } from 'react';
+import { BoxProps, CodeProps } from '../../primitive/index.mjs';
+export interface CodeBlockProps extends BoxProps {
+    children: string;
+    language?: CodeHighlightProps['language'];
+    codeRender?: (content: string) => React.ReactNode;
+    copyContent?: string;
+    onCopyClick?: () => void;
+    codeHighlightProps?: Omit<CodeHighlightProps, 'language' | 'children' | 'code'>;
+    foldProps?: {
+        defaultHeight?: number;
+        persistenceKey?: string;
+        iconVisible?: boolean;
+        onIconClick?: (folded: boolean) => void;
+    };
+}
+export declare const CodeBlock: ({ language, codeRender, children, copyContent, onCopyClick, codeHighlightProps, foldProps, ...rest }: React.PropsWithChildren<CodeBlockProps>) => import("react/jsx-runtime.js").JSX.Element;
+export interface CopyTextProps extends CodeProps {
+    value: string;
+}
+export declare const CopyText: ({ children, value, ...rest }: React.PropsWithChildren<CopyTextProps>) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/CodeBlock/index.mjs

@@ -0,0 +1,175 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { IconChevronVerticalExpand, IconChevronVerticalShrink, IconCheck, IconCopy01 } from "../../icons/index.mjs";
+/* empty css                                                                                                                                                                                       */
+/* empty css                                                                                                                                                                                        */
+/* empty css                                                                                                                                                                                                 */
+/* empty css                                                                                                                                                                                                */
+/* empty css                                                                                                                                                                                           */
+/* empty css                                                                                                                                                                                           */
+import "clsx";
+import { mergeSxList, mergeStylesList } from "../../utils/styles.mjs";
+import { Box } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/Box/Box.mjs";
+import { CodeHighlight } from "../../node_modules/.pnpm/@mantine_code-highlight@7.15.2_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@ma_k5afqc4o7xde5lh5h7scyescwq/node_modules/@mantine/code-highlight/esm/CodeHighlight.mjs";
+import { Group } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/components/Group/Group.mjs";
+import { HoverCard } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/components/HoverCard/HoverCard.mjs";
+import { ActionIcon } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.mjs";
+import { CopyButton } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/components/CopyButton/CopyButton.mjs";
+import { Code } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/components/Code/Code.mjs";
+import { Tooltip } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/components/Tooltip/Tooltip.mjs";
+import { useLocalStorage } from "../../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-local-storage/use-local-storage.mjs";
+function useFold(persistenceKey) {
+  const foldPersistenceKey = `${persistenceKey}.codeblock.fold`;
+  const [persistentFolded, setPersistentFolded] = useLocalStorage({
+    key: foldPersistenceKey,
+    defaultValue: true,
+    getInitialValueInEffect: false
+  });
+  const [memoryFolded, setMemoryFolded] = useState(true);
+  const persistent = !!persistenceKey;
+  const folded = persistent ? persistentFolded : memoryFolded;
+  const setFolded = persistent ? setPersistentFolded : setMemoryFolded;
+  return { folded, setFolded };
+}
+const CodeBlock = ({
+  language = "bash",
+  codeRender,
+  children,
+  copyContent,
+  onCopyClick,
+  codeHighlightProps,
+  foldProps,
+  ...rest
+}) => {
+  const { defaultHeight, persistenceKey, iconVisible: foldIconVisible, onIconClick: onFoldIconClick } = foldProps || {};
+  const { folded, setFolded } = useFold(persistenceKey);
+  const mah = useMemo(() => {
+    if (defaultHeight) {
+      return folded ? defaultHeight : void 0;
+    }
+    if (foldIconVisible) {
+      return folded ? 200 : void 0;
+    }
+    return void 0;
+  }, [foldIconVisible, folded, defaultHeight]);
+  return /* @__PURE__ */ jsxs(Box, { ...rest, sx: mergeSxList([{ position: "relative" }, rest == null ? void 0 : rest.sx]), children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        p: "md",
+        mah,
+        bg: "carbon.2",
+        sx: (theme) => ({
+          border: `1px solid ${theme.colors.carbon[4]}`,
+          borderRadius: theme.defaultRadius,
+          overflow: "auto"
+        }),
+        children: codeRender ? codeRender(children) : /* @__PURE__ */ jsx(
+          CodeHighlight,
+          {
+            ...codeHighlightProps,
+            withCopyButton: false,
+            code: children,
+            language,
+            styles: mergeStylesList([
+              {
+                root: {
+                  backgroundColor: `transparent !important`
+                },
+                pre: {
+                  padding: 0,
+                  wordBreak: "break-all"
+                }
+                // line: {
+                //   paddingLeft: 0
+                // },
+                // lineContent: {
+                //   whiteSpace: 'pre-wrap'
+                // }
+              },
+              codeHighlightProps == null ? void 0 : codeHighlightProps.styles
+            ])
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(Group, { gap: 4, sx: (theme) => ({ position: "absolute", top: 16, right: 16, color: theme.colors.carbon[8] }), children: [
+      foldIconVisible && /* @__PURE__ */ jsxs(HoverCard, { withArrow: true, position: "top", children: [
+        /* @__PURE__ */ jsx(HoverCard.Target, { children: /* @__PURE__ */ jsx(
+          ActionIcon,
+          {
+            "aria-hidden": true,
+            size: "sm",
+            variant: "subtle",
+            onClick: () => {
+              const v = !folded;
+              setFolded(v);
+              onFoldIconClick == null ? void 0 : onFoldIconClick(v);
+            },
+            children: folded ? /* @__PURE__ */ jsx(IconChevronVerticalExpand, { size: 14, strokeWidth: 2.5 }) : /* @__PURE__ */ jsx(IconChevronVerticalShrink, { size: 14, strokeWidth: 2.5 })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(HoverCard.Dropdown, { children: folded ? "Expand" : "Collapse" })
+      ] }),
+      /* @__PURE__ */ jsx(CopyButton, { value: copyContent ?? children, timeout: 2e3, children: ({ copied, copy }) => /* @__PURE__ */ jsxs(HoverCard, { withArrow: true, position: "top", children: [
+        /* @__PURE__ */ jsx(HoverCard.Target, { children: /* @__PURE__ */ jsx(
+          ActionIcon,
+          {
+            "aria-label": "Copy",
+            size: "sm",
+            variant: "subtle",
+            onClick: () => {
+              copy();
+              onCopyClick == null ? void 0 : onCopyClick();
+            },
+            children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy01, { size: 14, strokeWidth: 2.5 })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(HoverCard.Dropdown, { children: copied ? "Copied" : "Copy" })
+      ] }) })
+    ] })
+  ] });
+};
+const CopyText = ({ children, value, ...rest }) => {
+  return /* @__PURE__ */ jsxs(
+    Code,
+    {
+      bg: "carbon.3",
+      ...rest,
+      p: 8,
+      sx: (theme, u) => {
+        return mergeSxList([
+          {
+            display: "inline-flex",
+            position: "relative",
+            justifyContent: "center",
+            alignItems: "center",
+            borderRadius: theme.defaultRadius
+          },
+          rest == null ? void 0 : rest.sx
+        ])(theme, u);
+      },
+      children: [
+        children,
+        /* @__PURE__ */ jsx(CopyButton, { value, timeout: 2e3, children: ({ copied, copy }) => /* @__PURE__ */ jsx(Tooltip, { label: copied ? "Copied" : "Copy", withArrow: true, position: "top", children: /* @__PURE__ */ jsx(
+          ActionIcon,
+          {
+            "aria-label": "Copy",
+            variant: "subtle",
+            size: "sm",
+            ml: 8,
+            display: "inline-block",
+            onClick: () => {
+              copy();
+            },
+            children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy01, { size: 14, strokeWidth: 2.5 })
+          }
+        ) }) })
+      ]
+    }
+  );
+};
+export {
+  CodeBlock,
+  CopyText
+};

package/dist/biz/DateTimePicker/TimeScollerPicker.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const ahooks = require("ahooks");
 const lodashEs = require("lodash-es");
 const React = require("react");
@@ -192,7 +192,7 @@ function TimePickerScrollerColumn({
   React.useEffect(() => {
     adjustScrollTop(val);
   }, [val]);
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     ScrollArea.ScrollArea,
     {
       viewportRef: ref,
@@ -205,7 +205,7 @@ function TimePickerScrollerColumn({
       },
       onScrollPositionChange: onScroll,
       children: [
-        numbers.map((i, index) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        numbers.map((i, index) => /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: clsx(classes.cell, i === curr && classes.bold),
@@ -215,7 +215,7 @@ function TimePickerScrollerColumn({
           },
           i
         )),
-        lodashEs.range(6).map((i) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Box.Box, { className: clsx(classes.cell, classes.cellPlaceholder), style: constant.CellStyle }, i))
+        lodashEs.range(6).map((i) => /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { className: clsx(classes.cell, classes.cellPlaceholder), style: constant.CellStyle }, i))
       ]
     }
   );
@@ -254,8 +254,8 @@ function TimeScollerPicker({
   const onSecondChange = ahooks.useMemoizedFn((v) => {
     onChange == null ? void 0 : onChange([hourValue, minuteValue, v]);
   });
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Flex.Flex, { mah: "100%", gap: 8, children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(Flex.Flex, { mah: "100%", gap: 8, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
       TimePickerScrollerColumn,
       {
         name: "hour",
@@ -266,7 +266,7 @@ function TimeScollerPicker({
         currentValueChangedBy
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(
       TimePickerScrollerColumn,
       {
         name: "minute",
@@ -277,7 +277,7 @@ function TimeScollerPicker({
         currentValueChangedBy
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(
       TimePickerScrollerColumn,
       {
         name: "second",

package/dist/biz/DateTimePicker/TimeScollerPicker.mjs

@@ -0,0 +1,293 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemoizedFn } from "ahooks";
+import { range, padStart } from "lodash-es";
+import { useMemo, useRef, useEffect } from "react";
+/* empty css                                                                                                                                                                                       */
+/* empty css                                                                                                                                                                                        */
+/* empty css                                                                                                                                                                                                 */
+/* empty css                                                                                                                                                                                                */
+/* empty css                                                                                                                                                                                           */
+/* empty css                                                                                                                                                                                           */
+import dayjs from "dayjs";
+import "../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/timezone.mjs";
+import "../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/utc.mjs";
+import { CellHeight, CellStyle } from "./constant.mjs";
+import { Flex } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/components/Flex/Flex.mjs";
+import { useUncontrolled } from "../../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.mjs";
+import { ScrollArea } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/components/ScrollArea/ScrollArea.mjs";
+import { Box } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/esm/core/Box/Box.mjs";
+import { createStyles } from "../../node_modules/.pnpm/@mantine_emotion@7.15.2_@emotion_cache@11.14.0_@emotion_react@11.14.0_@types_react@18.3.11_re_bdkl3apjga5wygm7fdhiiryfeq/node_modules/@mantine/emotion/esm/create-styles.mjs";
+const useStyles = createStyles(() => ({
+  bold: {
+    fontWeight: 600
+  },
+  cell: {
+    textAlign: "center",
+    cursor: "pointer",
+    scrollSnapAlign: "start",
+    userSelect: "none"
+  },
+  cellPlaceholder: {
+    visibility: "hidden"
+  }
+}));
+const getTimeRange = ({
+  curr,
+  type,
+  start,
+  end,
+  utcOffset = dayjs().utcOffset()
+}) => {
+  const map = {
+    year: {
+      min: dayjs().year(),
+      max: dayjs().year() + 100
+    },
+    month: {
+      min: 1,
+      max: 12
+    },
+    day: {
+      min: 1,
+      max: curr.daysInMonth()
+    },
+    hour: {
+      min: 0,
+      max: 23
+    },
+    minute: {
+      min: 0,
+      max: 59
+    },
+    second: {
+      min: 0,
+      max: 59
+    }
+  };
+  let { min, max } = map[type];
+  const s1 = start ? dayjs(start).utcOffset(utcOffset) : null;
+  const s2 = end ? dayjs(end).utcOffset(utcOffset) : null;
+  switch (type) {
+    case "year": {
+      if (s1) {
+        min = s1.year();
+      }
+      if (s2) {
+        max = s2.year();
+      }
+      break;
+    }
+    case "month": {
+      if (s1 && curr.isSame(s1, "year")) {
+        min = s1.month() + 1;
+      }
+      if (s2 && curr.isSame(s2, "year")) {
+        max = s2.month() + 1;
+      }
+      break;
+    }
+    case "day": {
+      if (s1 && curr.isSame(s1, "month")) {
+        min = s1.date();
+      }
+      if (s2 && curr.isSame(s2, "month")) {
+        max = s2.date();
+      }
+      break;
+    }
+    case "hour": {
+      if (s1 && curr.isSame(s1, "day")) {
+        min = s1.hour();
+      }
+      if (s2 && curr.isSame(s2, "day")) {
+        max = s2.hour();
+      }
+      break;
+    }
+    case "minute": {
+      if (s1 && curr.isSame(s1, "hour")) {
+        min = s1.minute();
+      }
+      if (s2 && curr.isSame(s2, "hour")) {
+        max = s2.minute();
+      }
+      break;
+    }
+    case "second": {
+      if (s1 && curr.isSame(s1, "minute")) {
+        min = s1.second();
+      }
+      if (s2 && curr.isSame(s2, "minute")) {
+        max = s2.second();
+      }
+      break;
+    }
+    default: {
+      const exhaustiveCheck = "should not reach here";
+      throw new Error(exhaustiveCheck);
+    }
+  }
+  return { min, max };
+};
+const default2DigitRender = (val) => padStart(String(val), 2, "0");
+function TimePickerScrollerColumn({
+  min,
+  max,
+  curr,
+  render = default2DigitRender,
+  onChange,
+  name,
+  currentValueChangedBy
+}) {
+  const { classes, cx: clsx } = useStyles();
+  const ref = useRef(null);
+  const numbers = useMemo(() => range(min, max + 1), [min, max]);
+  const timeoutRef = useRef();
+  const isArtificialScroll = useRef(false);
+  const [val, setVal] = useUncontrolled({
+    value: curr,
+    onChange
+  });
+  const adjustScrollTop = useMemoizedFn((value) => {
+    if (currentValueChangedBy === "timeScroller") return;
+    const i = numbers.findIndex((i2) => i2 === value);
+    if (i !== -1 && ref.current) {
+      isArtificialScroll.current = true;
+      ref.current.scrollTop = i * CellHeight;
+      window.requestAnimationFrame(() => {
+        setTimeout(() => {
+          isArtificialScroll.current = false;
+        }, 100);
+      });
+    }
+  });
+  const onScroll = useMemoizedFn((position) => {
+    if (isArtificialScroll.current) return;
+    if (currentValueChangedBy) return;
+    clearTimeout(timeoutRef.current);
+    const i = position.y / CellHeight;
+    if (i === Math.floor(i)) {
+      const val2 = i >= numbers.length ? numbers.at(-1) : numbers[i];
+      if (typeof val2 !== "undefined") {
+        setVal(val2);
+      }
+    } else {
+      timeoutRef.current = window.setTimeout(() => {
+        const k = Math.round(i);
+        const val2 = k >= numbers.length ? numbers.at(-1) : numbers[k];
+        if (typeof val2 !== "undefined") {
+          setVal(val2);
+        }
+      }, 300);
+    }
+  });
+  const handleClickCell = useMemoizedFn((e, i) => {
+    var _a;
+    e.stopPropagation();
+    e.preventDefault();
+    (_a = ref.current) == null ? void 0 : _a.scrollTo({ top: i * CellHeight, behavior: "smooth" });
+  });
+  useEffect(() => {
+    adjustScrollTop(val);
+  }, [val]);
+  return /* @__PURE__ */ jsxs(
+    ScrollArea,
+    {
+      viewportRef: ref,
+      type: "never",
+      styles: {
+        viewport: {
+          scrollSnapPointsY: `repeat(${CellHeight}px)`,
+          scrollSnapType: "y mandatory"
+        }
+      },
+      onScrollPositionChange: onScroll,
+      children: [
+        numbers.map((i, index) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(classes.cell, i === curr && classes.bold),
+            onClick: (e) => handleClickCell(e, index),
+            style: CellStyle,
+            children: render ? render(i) : i
+          },
+          i
+        )),
+        range(6).map((i) => /* @__PURE__ */ jsx(Box, { className: clsx(classes.cell, classes.cellPlaceholder), style: CellStyle }, i))
+      ]
+    }
+  );
+}
+function TimeScollerPicker({
+  currentValue,
+  currentValueChangedBy,
+  start,
+  end,
+  utcOffset,
+  onChange
+}) {
+  const options = useMemo(
+    () => ({
+      hour: getTimeRange({ curr: currentValue, start, end, utcOffset, type: "hour" }),
+      minute: getTimeRange({ curr: currentValue, start, end, utcOffset, type: "minute" }),
+      second: getTimeRange({ curr: currentValue, start, end, utcOffset, type: "second" })
+    }),
+    [currentValue, start, end, utcOffset]
+  );
+  const hourValue = useMemo(() => {
+    return typeof utcOffset === "number" ? currentValue.utcOffset(utcOffset).hour() : currentValue.hour();
+  }, [currentValue, utcOffset]);
+  const minuteValue = useMemo(() => {
+    return typeof utcOffset === "number" ? currentValue.utcOffset(utcOffset).minute() : currentValue.minute();
+  }, [currentValue, utcOffset]);
+  const secondValue = useMemo(() => {
+    return typeof utcOffset === "number" ? currentValue.utcOffset(utcOffset).second() : currentValue.second();
+  }, [currentValue, utcOffset]);
+  const onHourChange = useMemoizedFn((v) => {
+    onChange == null ? void 0 : onChange([v, minuteValue, secondValue]);
+  });
+  const onMinuteChange = useMemoizedFn((v) => {
+    onChange == null ? void 0 : onChange([hourValue, v, secondValue]);
+  });
+  const onSecondChange = useMemoizedFn((v) => {
+    onChange == null ? void 0 : onChange([hourValue, minuteValue, v]);
+  });
+  return /* @__PURE__ */ jsxs(Flex, { mah: "100%", gap: 8, children: [
+    /* @__PURE__ */ jsx(
+      TimePickerScrollerColumn,
+      {
+        name: "hour",
+        min: options.hour.min,
+        max: options.hour.max,
+        curr: hourValue,
+        onChange: onHourChange,
+        currentValueChangedBy
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TimePickerScrollerColumn,
+      {
+        name: "minute",
+        min: options.minute.min,
+        max: options.minute.max,
+        curr: minuteValue,
+        onChange: onMinuteChange,
+        currentValueChangedBy
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TimePickerScrollerColumn,
+      {
+        name: "second",
+        min: options.second.min,
+        max: options.second.max,
+        curr: secondValue,
+        onChange: onSecondChange,
+        currentValueChangedBy
+      }
+    )
+  ] });
+}
+export {
+  TimeScollerPicker
+};