@tidbcloud/uikit 2.0.0-beta.86 → 2.0.0-beta.88

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @tidbcloud/uikit
 
+## 2.0.0-beta.88
+
+### Patch Changes
+
+- wrap Button for old loading state support
+
+## 2.0.0-beta.87
+
+### Patch Changes
+
+- add right label to textinput
+
 ## 2.0.0-beta.86
 
 ### Patch Changes

package/dist/biz/Form/FormActions.cjs

@@ -8,8 +8,8 @@ const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/r
 ;/* empty css                                                                                                                                                                                            */
 ;/* empty css                                                                                                                                                                                            */
 const index = require("../../primitive/Typography/index.cjs");
+const index$1 = require("../../primitive/Button/index.cjs");
 const Flex = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Flex/Flex.cjs");
-const Button = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Button/Button.cjs");
 const FormActions = ({
   disabled,
   cancelProps,
@@ -23,8 +23,8 @@ const FormActions = ({
 }) => {
   const style = index.TYPOGRAPHY_STYLES_MAP["action-md"];
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Flex.Flex, { justify: "flex-end", mt: 24, ...rest, children: [
-    cancelText && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Button.Button, { onClick: onCancel, mr: 16, variant: "default", fw: style.fw, fs: style.fs, ...cancelProps, children: cancelText }),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Button.Button, { type: "submit", onClick: onConfirm, loading, disabled, ...confirmProps, children: confirmText })
+    cancelText && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$1.Button, { onClick: onCancel, mr: 16, variant: "default", fw: style.fw, fs: style.fs, ...cancelProps, children: cancelText }),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$1.Button, { type: "submit", onClick: onConfirm, loading, disabled, ...confirmProps, children: confirmText })
   ] });
 };
 FormActions.displayName = "HookFormActions";

package/dist/biz/Form/FormActions.js

@@ -6,8 +6,8 @@ import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/no
 /* empty css                                                                                                                                                                                          */
 /* empty css                                                                                                                                                                                          */
 import { TYPOGRAPHY_STYLES_MAP } from "../../primitive/Typography/index.js";
+import { Button } from "../../primitive/Button/index.js";
 import { Flex } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Flex/Flex.js";
-import { Button } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Button/Button.js";
 const FormActions = ({
   disabled,
   cancelProps,

package/dist/biz/Form/SegmentControl.cjs

@@ -0,0 +1,26 @@
+"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 reactHookForm = require("react-hook-form");
+;/* empty css                                                                                                                                                                                        */
+;/* empty css                                                                                                                                                                                         */
+;/* empty css                                                                                                                                                                                                  */
+;/* empty css                                                                                                                                                                                                 */
+;/* empty css                                                                                                                                                                                            */
+;/* empty css                                                                                                                                                                                            */
+const SegmentedControl = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/SegmentedControl/SegmentedControl.cjs");
+const FormSegmentedControl = ({ name, rules, ...restProps }) => {
+  const { control } = reactHookForm.useFormContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    reactHookForm.Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field: { onChange, value } }) => {
+        return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(SegmentedControl.SegmentedControl, { value, onChange, ...restProps });
+      }
+    }
+  );
+};
+exports.FormSegmentedControl = FormSegmentedControl;

package/dist/biz/Form/SegmentControl.d.cts

@@ -0,0 +1,7 @@
+import { RegisterOptions } from 'react-hook-form';
+import { SegmentedControlProps } from '../../primitive/index.js';
+export interface FormSegmentedControlProps extends SegmentedControlProps {
+    name: string;
+    rules?: RegisterOptions;
+}
+export declare const FormSegmentedControl: ({ name, rules, ...restProps }: FormSegmentedControlProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/Form/SegmentControl.d.ts

@@ -0,0 +1,7 @@
+import { RegisterOptions } from 'react-hook-form';
+import { SegmentedControlProps } from '../../primitive/index.js';
+export interface FormSegmentedControlProps extends SegmentedControlProps {
+    name: string;
+    rules?: RegisterOptions;
+}
+export declare const FormSegmentedControl: ({ name, rules, ...restProps }: FormSegmentedControlProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/biz/Form/SegmentControl.js

@@ -0,0 +1,26 @@
+import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { useFormContext, Controller } from "react-hook-form";
+/* empty css                                                                                                                                                                                      */
+/* empty css                                                                                                                                                                                       */
+/* empty css                                                                                                                                                                                                */
+/* empty css                                                                                                                                                                                               */
+/* empty css                                                                                                                                                                                          */
+/* empty css                                                                                                                                                                                          */
+import { SegmentedControl } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/SegmentedControl/SegmentedControl.js";
+const FormSegmentedControl = ({ name, rules, ...restProps }) => {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field: { onChange, value } }) => {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(SegmentedControl, { value, onChange, ...restProps });
+      }
+    }
+  );
+};
+export {
+  FormSegmentedControl
+};

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

@@ -15,3 +15,4 @@ export * from './TextArea.js';
 export * from './Rating.js';
 export * from './context.js';
 export * from './CopyText.js';
+export * from './SegmentControl.js';

package/dist/biz/Form/index.d.ts

@@ -15,3 +15,4 @@ export * from './TextArea.js';
 export * from './Rating.js';
 export * from './context.js';
 export * from './CopyText.js';
+export * from './SegmentControl.js';

package/dist/biz/SearchArea/index.cjs

@@ -4,19 +4,19 @@ const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/r
 const React = require("react");
 const reactHookForm = require("react-hook-form");
 const useURLQueryState = require("../../hooks/useURLQueryState.cjs");
-const index = require("../../icons/index.cjs");
+const index$1 = require("../../icons/index.cjs");
 ;/* empty css                                                                                                                                                                                        */
 ;/* empty css                                                                                                                                                                                         */
 ;/* empty css                                                                                                                                                                                                  */
 ;/* empty css                                                                                                                                                                                                 */
 ;/* empty css                                                                                                                                                                                            */
 ;/* empty css                                                                                                                                                                                            */
+const index = require("../../primitive/Button/index.cjs");
 const styles = require("../../utils/styles.cjs");
 const DatePicker = require("../Form/DatePicker.cjs");
 const FormTimeRangePicker = require("../Form/FormTimeRangePicker.cjs");
 const Box = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/Box/Box.cjs");
 const Form = require("../Form/Form.cjs");
-const Button = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Button/Button.cjs");
 const MultiSelect = require("../Form/MultiSelect.cjs");
 const Select = require("../Form/Select.cjs");
 const TextInput = require("../Form/TextInput.cjs");
@@ -54,7 +54,7 @@ function FormItemRender(props) {
           placeholder: placeholder ?? "",
           onKeyDown: onKeyDownHandler,
           rightSection: !!keyword && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            index.IconXClose,
+            index$1.IconXClose,
             {
               style: { cursor: "pointer" },
               size: 14,
@@ -162,11 +162,11 @@ function SearchArea(props) {
         x.name
       )),
       /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Box.Box, { sx: SX_Y_MID, children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Box.Box, { sx: SX_Y_MID, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Button.Button, { variant: "subtle", color: "carbon.8", onClick: handleReset, children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconEraser, { size: 16, style: { marginRight: 4 } }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Box.Box, { sx: SX_Y_MID, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(index.Button, { variant: "subtle", color: "carbon.8", onClick: handleReset, children: [
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$1.IconEraser, { size: 16, style: { marginRight: 4 } }),
           "Clear Filters"
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Box.Box, { ml: 16, sx: SX_Y_MID, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Button.Button, { variant: "subtle", color: "carbon.8", onClick: handleSubmit, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconRefreshCw01, { size: 16 }) }) })
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Box.Box, { ml: 16, sx: SX_Y_MID, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.Button, { variant: "subtle", color: "carbon.8", onClick: handleSubmit, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$1.IconRefreshCw01, { size: 16 }) }) })
       ] })
     ] }) }),
     props.debugEnabled && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Box.Box, { sx: { height: 320 }, children: [
@@ -174,7 +174,7 @@ function SearchArea(props) {
         "result = ",
         JSON.stringify(form.getValues(), null, 4)
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Button.Button, { onClick: () => window.location.reload(), children: "Refresh Page" })
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.Button, { onClick: () => window.location.reload(), children: "Refresh Page" })
     ] })
   ] }) });
 }

package/dist/biz/SearchArea/index.js

@@ -9,12 +9,12 @@ import { IconEraser, IconRefreshCw01, IconXClose } from "../../icons/index.js";
 /* empty css                                                                                                                                                                                               */
 /* empty css                                                                                                                                                                                          */
 /* empty css                                                                                                                                                                                          */
+import { Button } from "../../primitive/Button/index.js";
 import { mergeSxList } from "../../utils/styles.js";
 import { FormDatePicker } from "../Form/DatePicker.js";
 import { FormTimeRangePicker } from "../Form/FormTimeRangePicker.js";
 import { Box } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/Box/Box.js";
 import { Form } from "../Form/Form.js";
-import { Button } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Button/Button.js";
 import { FormMultiSelect } from "../Form/MultiSelect.js";
 import { FormSelect } from "../Form/Select.js";
 import { FormTextInput } from "../Form/TextInput.js";

package/dist/biz/Table/ProTable/helpers.cjs

@@ -30,6 +30,7 @@ function mergeProTableProps(props) {
   const {
     mantineTableProps = {},
     mantinePaperProps = {},
+    mantineTableContainerProps = {},
     mantineSkeletonProps = {},
     mantineTableBodyProps,
     mantineTableHeadCellProps = {},
@@ -116,6 +117,14 @@ function mergeProTableProps(props) {
     },
     mantineTableProps
   );
+  const mTableContainerProps = mergeMProps(
+    {
+      sx: {
+        backgroundColor: "transparent"
+      }
+    },
+    mantineTableContainerProps
+  );
   const mTableBodyProps = mergeMProps((args) => {
     var _a, _b, _c;
     if (!(data == null ? void 0 : data.length)) {
@@ -163,6 +172,9 @@ function mergeProTableProps(props) {
         },
         "&:not([data-striped], [data-striped='false'])": {
           backgroundColor: theme.colors.carbon[0]
+        },
+        "&:not([data-selected], [data-row-pinned]) td[data-column-pinned]::before": {
+          backgroundColor: "transparent"
         }
       }
     };
@@ -229,6 +241,7 @@ function mergeProTableProps(props) {
     mantineSkeletonProps: mTabelSkeletonProps,
     mantineLoadingOverlayProps: mLoadingOverlayProps,
     mantineTableBodyProps: mTableBodyProps,
+    mantineTableContainerProps: mTableContainerProps,
     mantineBottomToolbarProps: mBottomToolbarProps,
     mantineTableBodyRowProps: mTableBodyRowProps,
     mantineTableBodyCellProps: mTableBodyCellProps,

package/dist/biz/Table/ProTable/helpers.js

@@ -28,6 +28,7 @@ function mergeProTableProps(props) {
   const {
     mantineTableProps = {},
     mantinePaperProps = {},
+    mantineTableContainerProps = {},
     mantineSkeletonProps = {},
     mantineTableBodyProps,
     mantineTableHeadCellProps = {},
@@ -114,6 +115,14 @@ function mergeProTableProps(props) {
     },
     mantineTableProps
   );
+  const mTableContainerProps = mergeMProps(
+    {
+      sx: {
+        backgroundColor: "transparent"
+      }
+    },
+    mantineTableContainerProps
+  );
   const mTableBodyProps = mergeMProps((args) => {
     var _a, _b, _c;
     if (!(data == null ? void 0 : data.length)) {
@@ -161,6 +170,9 @@ function mergeProTableProps(props) {
         },
         "&:not([data-striped], [data-striped='false'])": {
           backgroundColor: theme.colors.carbon[0]
+        },
+        "&:not([data-selected], [data-row-pinned]) td[data-column-pinned]::before": {
+          backgroundColor: "transparent"
         }
       }
     };
@@ -227,6 +239,7 @@ function mergeProTableProps(props) {
     mantineSkeletonProps: mTabelSkeletonProps,
     mantineLoadingOverlayProps: mLoadingOverlayProps,
     mantineTableBodyProps: mTableBodyProps,
+    mantineTableContainerProps: mTableContainerProps,
     mantineBottomToolbarProps: mBottomToolbarProps,
     mantineTableBodyRowProps: mTableBodyRowProps,
     mantineTableBodyCellProps: mTableBodyCellProps,

package/dist/biz/TimeRangePicker/AbsoluteTimeRangePicker.cjs

@@ -10,6 +10,7 @@ const index = require("../../icons/index.cjs");
 ;/* empty css                                                                                                                                                                                            */
 ;/* empty css                                                                                                                                                                                            */
 const index$1 = require("../../primitive/Typography/index.cjs");
+const index$2 = require("../../primitive/Button/index.cjs");
 const dayjs = require("dayjs");
 require("../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/timezone.cjs");
 require("../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/utc.cjs");
@@ -22,7 +23,6 @@ const Flex = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v
 const DatePicker = require("../../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/esm/components/DatePicker/DatePicker.cjs");
 const Alert = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Alert/Alert.cjs");
 const Text = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Text/Text.cjs");
-const Button = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Button/Button.cjs");
 const AbsoluteTimeRangePicker = ({
   value,
   maxDateTime,
@@ -157,8 +157,8 @@ const AbsoluteTimeRangePicker = ({
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Flex.Flex, { pt: 8, gap: "xs", justify: "flex-end", align: "flex-start", direction: "row", wrap: "wrap", children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Button.Button, { size: "xs", variant: "default", onClick: onCancel, children: "Cancel" }),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Button.Button, { size: "xs", onClick: apply, disabled: startAfterEnd || beyondMin || beyondMax || beyondDuration, children: "Apply" })
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$2.Button, { size: "xs", variant: "default", onClick: onCancel, children: "Cancel" }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$2.Button, { size: "xs", onClick: apply, disabled: startAfterEnd || beyondMin || beyondMax || beyondDuration, children: "Apply" })
     ] })
   ] });
 };

package/dist/biz/TimeRangePicker/AbsoluteTimeRangePicker.js

@@ -8,6 +8,7 @@ import { IconChevronLeft, IconAlertCircle } from "../../icons/index.js";
 /* empty css                                                                                                                                                                                          */
 /* empty css                                                                                                                                                                                          */
 import { Typography } from "../../primitive/Typography/index.js";
+import { Button } from "../../primitive/Button/index.js";
 import dayjs from "dayjs";
 import "../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/timezone.js";
 import "../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/utc.js";
@@ -20,7 +21,6 @@ import { Flex } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v
 import { DatePicker } from "../../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/esm/components/DatePicker/DatePicker.js";
 import { Alert } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Alert/Alert.js";
 import { Text } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Text/Text.js";
-import { Button } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Button/Button.js";
 const AbsoluteTimeRangePicker = ({
   value,
   maxDateTime,

package/dist/biz/TimeRangePicker/index.cjs

@@ -2,19 +2,19 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
 const React = require("react");
-const index = require("../../icons/index.cjs");
+const index$1 = require("../../icons/index.cjs");
 ;/* empty css                                                                                                                                                                                        */
 ;/* empty css                                                                                                                                                                                         */
 ;/* empty css                                                                                                                                                                                                  */
 ;/* empty css                                                                                                                                                                                                 */
 ;/* empty css                                                                                                                                                                                            */
 ;/* empty css                                                                                                                                                                                            */
-const index$1 = require("../../primitive/Typography/index.cjs");
+const index$2 = require("../../primitive/Typography/index.cjs");
+const index = require("../../primitive/Button/index.cjs");
 const AbsoluteTimeRangePicker = require("./AbsoluteTimeRangePicker.cjs");
 const helpers = require("./helpers.cjs");
 const Menu = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Menu/Menu.cjs");
 const Tooltip = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Tooltip/Tooltip.cjs");
-const Button = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Button/Button.cjs");
 const Group = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Group/Group.cjs");
 const Box = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/Box/Box.cjs");
 const Text = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Text/Text.cjs");
@@ -62,7 +62,7 @@ const TimeRangePicker = ({
       onClose: () => setOpened(false),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Target, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Tooltip.Tooltip, { label: formattedAbsDateTime, disabled: isRelativeRange, withArrow: true, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-          Button.Button,
+          index.Button,
           {
             variant: "default",
             bg: "carbon.0",
@@ -128,10 +128,10 @@ const TimeRangePicker = ({
             /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
               Menu.Menu.Item,
               {
-                rightSection: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconChevronRight, { size: 16 }),
+                rightSection: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$1.IconChevronRight, { size: 16 }),
                 closeMenuOnClick: false,
                 onClick: () => setCustomMode(true),
-                children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$1.Typography, { variant: "body-lg", children: "Custom" })
+                children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$2.Typography, { variant: "body-lg", children: "Custom" })
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Menu.Menu.Divider, {})

package/dist/biz/TimeRangePicker/index.js

@@ -8,12 +8,12 @@ import { IconChevronRight } from "../../icons/index.js";
 /* empty css                                                                                                                                                                                          */
 /* empty css                                                                                                                                                                                          */
 import { Typography } from "../../primitive/Typography/index.js";
+import { Button } from "../../primitive/Button/index.js";
 import AbsoluteTimeRangePicker from "./AbsoluteTimeRangePicker.js";
 import { toTimeRangeValue, timeFormatter, formatDuration, DEFAULT_QUICK_RANGES } from "./helpers.js";
 import { DEFAULT_TIME_FORMAT, DEFAULT_TIME_FORMAT_WITH_TIMEZONE, DEFAULT_TIME_RANGE, addOffsetUTC, fromTimeRangeValue, getUTCString, toURLTimeRange, urlToTimeRange, urlToTimeRangeValue } from "./helpers.js";
 import { Menu } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Menu/Menu.js";
 import { Tooltip } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Tooltip/Tooltip.js";
-import { Button } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Button/Button.js";
 import { Group } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Group/Group.js";
 import { Box } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/Box/Box.js";
 import { Text } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Text/Text.js";

package/dist/biz/index.cjs

@@ -34,6 +34,7 @@ const TextArea = require("./Form/TextArea.cjs");
 const Rating = require("./Form/Rating.cjs");
 const context = require("./Form/context.cjs");
 const CopyText = require("./Form/CopyText.cjs");
+const SegmentControl = require("./Form/SegmentControl.cjs");
 const helpers$1 = require("./TimeRangePicker/helpers.cjs");
 exports.Dot = index.Dot;
 exports.CodeBlock = index$1.CodeBlock;
@@ -178,6 +179,7 @@ exports.HookFormContext = context.HookFormContext;
 exports.HookFormProvider = context.HookFormProvider;
 exports.useHookFormContext = context.useHookFormContext;
 exports.FormCopyText = CopyText.FormCopyText;
+exports.FormSegmentedControl = SegmentControl.FormSegmentedControl;
 exports.DEFAULT_QUICK_RANGES = helpers$1.DEFAULT_QUICK_RANGES;
 exports.DEFAULT_TIME_FORMAT = helpers$1.DEFAULT_TIME_FORMAT;
 exports.DEFAULT_TIME_FORMAT_WITH_TIMEZONE = helpers$1.DEFAULT_TIME_FORMAT_WITH_TIMEZONE;

package/dist/biz/index.js

@@ -32,6 +32,7 @@ import { FormTextareaInput } from "./Form/TextArea.js";
 import { FormRatingInput } from "./Form/Rating.js";
 import { HookFormContext, HookFormProvider, useHookFormContext } from "./Form/context.js";
 import { FormCopyText } from "./Form/CopyText.js";
+import { FormSegmentedControl } from "./Form/SegmentControl.js";
 import { DEFAULT_QUICK_RANGES, DEFAULT_TIME_FORMAT, DEFAULT_TIME_FORMAT_WITH_TIMEZONE, DEFAULT_TIME_RANGE, addOffsetUTC, formatDuration, fromTimeRangeValue, getUTCString, timeFormatter, toTimeRangeValue, toURLTimeRange, urlToTimeRange, urlToTimeRangeValue } from "./TimeRangePicker/helpers.js";
 export {
   CodeBlock,
@@ -57,6 +58,7 @@ export {
   FormPhoneInputV2,
   FormRadioGroup,
   FormRatingInput,
+  FormSegmentedControl,
   FormSelect,
   FormSwitch,
   FormTextInput,

package/dist/node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/esm/utils/get-timezone-offset.js

@@ -1,11 +1,11 @@
 import dayjs from "dayjs";
-import timezone from "../../../../../../dayjs@1.11.13/node_modules/dayjs/plugin/timezone.js";
-import utc from "../../../../../../dayjs@1.11.13/node_modules/dayjs/plugin/utc.js";
-dayjs.extend(utc);
-dayjs.extend(timezone);
-function getTimezoneOffset(date, timezone2) {
-  if (timezone2) {
-    return dayjs(date).tz(timezone2).utcOffset() + date.getTimezoneOffset();
+import timezonePlugin from "../../../../../../dayjs@1.11.13/node_modules/dayjs/plugin/timezone.js";
+import utcPlugin from "../../../../../../dayjs@1.11.13/node_modules/dayjs/plugin/utc.js";
+dayjs.extend(utcPlugin);
+dayjs.extend(timezonePlugin);
+function getTimezoneOffset(date, timezone) {
+  if (timezone) {
+    return dayjs(date).tz(timezone).utcOffset() + date.getTimezoneOffset();
   }
   return 0;
 }

package/dist/node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/timezone.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const _commonjsHelpers = require("../../../../../../_virtual/_commonjsHelpers.cjs");
-const timezone$1 = require("../../../../../../_virtual/timezone.cjs");
+const timezone = require("../../../../../../_virtual/timezone.cjs");
 (function(module2, exports2) {
   !function(t, e) {
     module2.exports = e();
@@ -61,7 +61,7 @@ const timezone$1 = require("../../../../../../_virtual/timezone.cjs");
       };
     };
   });
-})(timezone$1.__module);
-var timezoneExports = timezone$1.__module.exports;
-const timezone = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(timezoneExports);
-exports.default = timezone;
+})(timezone.__module);
+var timezoneExports = timezone.__module.exports;
+const timezonePlugin = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(timezoneExports);
+exports.default = timezonePlugin;

package/dist/node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/timezone.js

@@ -1,5 +1,5 @@
 import { commonjsGlobal, getDefaultExportFromCjs } from "../../../../../../_virtual/_commonjsHelpers.js";
-import { __module as timezone$1 } from "../../../../../../_virtual/timezone.js";
+import { __module as timezone } from "../../../../../../_virtual/timezone.js";
 (function(module, exports) {
   !function(t, e) {
     module.exports = e();
@@ -59,9 +59,9 @@ import { __module as timezone$1 } from "../../../../../../_virtual/timezone.js";
       };
     };
   });
-})(timezone$1);
-var timezoneExports = timezone$1.exports;
-const timezone = /* @__PURE__ */ getDefaultExportFromCjs(timezoneExports);
+})(timezone);
+var timezoneExports = timezone.exports;
+const timezonePlugin = /* @__PURE__ */ getDefaultExportFromCjs(timezoneExports);
 export {
-  timezone as default
+  timezonePlugin as default
 };

package/dist/node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/utc.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const _commonjsHelpers = require("../../../../../../_virtual/_commonjsHelpers.cjs");
-const utc$1 = require("../../../../../../_virtual/utc.cjs");
+const utc = require("../../../../../../_virtual/utc.cjs");
 (function(module2, exports2) {
   !function(t, i) {
     module2.exports = i();
@@ -74,7 +74,7 @@ const utc$1 = require("../../../../../../_virtual/utc.cjs");
       };
     };
   });
-})(utc$1.__module);
-var utcExports = utc$1.__module.exports;
-const utc = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(utcExports);
-exports.default = utc;
+})(utc.__module);
+var utcExports = utc.__module.exports;
+const utcPlugin = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(utcExports);
+exports.default = utcPlugin;

package/dist/node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/plugin/utc.js

@@ -1,5 +1,5 @@
 import { commonjsGlobal, getDefaultExportFromCjs } from "../../../../../../_virtual/_commonjsHelpers.js";
-import { __module as utc$1 } from "../../../../../../_virtual/utc.js";
+import { __module as utc } from "../../../../../../_virtual/utc.js";
 (function(module, exports) {
   !function(t, i) {
     module.exports = i();
@@ -72,9 +72,9 @@ import { __module as utc$1 } from "../../../../../../_virtual/utc.js";
       };
     };
   });
-})(utc$1);
-var utcExports = utc$1.exports;
-const utc = /* @__PURE__ */ getDefaultExportFromCjs(utcExports);
+})(utc);
+var utcExports = utc.exports;
+const utcPlugin = /* @__PURE__ */ getDefaultExportFromCjs(utcExports);
 export {
-  utc as default
+  utcPlugin as default
 };

package/dist/primitive/Button/index.cjs

@@ -0,0 +1,20 @@
+"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 React = require("react");
+const MantineThemeProvider = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs");
+const Loader = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Loader/Loader.cjs");
+const Button$1 = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Button/Button.cjs");
+const _Button = React.forwardRef((props, ref) => {
+  const theme = MantineThemeProvider.useMantineTheme();
+  const { leftSection, loading, disabled, ...rest } = props;
+  const loader = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Loader.Loader, { size: 16, color: `${props.color ?? theme.primaryColor}.6` });
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Button$1.Button, { ...rest, ref, leftSection: loading ? loader : leftSection, disabled: disabled || loading });
+});
+const Button = _Button;
+Button.Group = Button$1.Button.Group;
+Button.classes = Button$1.Button.classes;
+Button.displayName = Button$1.Button.displayName;
+Button.extend = Button$1.Button.extend;
+Button.withProps = Button$1.Button.withProps;
+exports.Button = Button;

package/dist/primitive/Button/index.d.cts

@@ -0,0 +1,4 @@
+import { Button as MantineButton } from '@mantine/core';
+type Button = typeof MantineButton;
+export declare const Button: Button;
+export {};

package/dist/primitive/Button/index.d.ts

@@ -0,0 +1,4 @@
+import { Button as MantineButton } from '@mantine/core';
+type Button = typeof MantineButton;
+export declare const Button: Button;
+export {};

package/dist/primitive/Button/index.js

@@ -0,0 +1,20 @@
+import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { forwardRef } from "react";
+import { useMantineTheme } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js";
+import { Loader } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Loader/Loader.js";
+import { Button as Button$1 } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Button/Button.js";
+const _Button = forwardRef((props, ref) => {
+  const theme = useMantineTheme();
+  const { leftSection, loading, disabled, ...rest } = props;
+  const loader = /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, { size: 16, color: `${props.color ?? theme.primaryColor}.6` });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { ...rest, ref, leftSection: loading ? loader : leftSection, disabled: disabled || loading });
+});
+const Button = _Button;
+Button.Group = Button$1.Group;
+Button.classes = Button$1.classes;
+Button.displayName = Button$1.displayName;
+Button.extend = Button$1.extend;
+Button.withProps = Button$1.withProps;
+export {
+  Button
+};

package/dist/primitive/TextInput/TextInput.cjs

@@ -8,51 +8,71 @@ const index = require("../Typography/index.cjs");
 const TextInput$1 = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/TextInput/TextInput.cjs");
 const getSize = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/utils/get-size/get-size.cjs");
 const TextInput = React.forwardRef((props, ref) => {
-  const { leftLabel, leftSection, ...rest } = props;
+  const { leftLabel, leftLabelProps, leftSection, rightLabel, rightLabelProps, rightSection, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
     TextInput$1.TextInput,
     {
       ...rest,
       styles: styles.mergeStylesList([
         (theme) => {
-          if (!props.leftLabel) {
+          const withLeftLabel = !!props.leftLabel;
+          const withRightLabel = !!props.rightLabel;
+          if (!withLeftLabel && !withRightLabel) {
             return {};
           }
+          const sectionBaseStyles = {
+            position: "initial",
+            width: "fit-content",
+            border: `1px solid ${theme.colors.carbon[4]}`,
+            backgroundColor: theme.colors.carbon[2],
+            paddingLeft: 12,
+            paddingRight: 12,
+            "& > .mantine-Text-root": {
+              fontSize: getSize.getFontSize(props.size ?? "md")
+            }
+          };
+          const wrapperBaseStyles = {
+            "--input-padding-inline-start": "var(--input-padding)"
+          };
           return {
             wrapper: {
               display: "flex",
               // see https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/components/Input/Input.module.css#L70C4-L70C33I
               // correct input left padding
-              "&[data-with-left-section]": {
-                "--input-padding-inline-start": "var(--input-padding)"
-              }
+              "&[data-with-left-section]": withLeftLabel ? wrapperBaseStyles : void 0,
+              "&[data-with-right-section]": withRightLabel ? wrapperBaseStyles : void 0
             },
             section: {
-              '&[data-position="left"]': {
-                position: "initial",
-                width: "fit-content",
-                border: `1px solid ${theme.colors.carbon[4]}`,
+              '&[data-position="left"]': withLeftLabel ? {
+                ...sectionBaseStyles,
                 borderRightWidth: 0,
-                paddingLeft: 12,
-                paddingRight: 12,
                 borderTopLeftRadius: theme.defaultRadius,
-                borderBottomLeftRadius: theme.defaultRadius,
-                backgroundColor: theme.colors.carbon[2],
-                "& > .mantine-Text-root": {
-                  fontSize: getSize.getFontSize(props.size ?? "md")
-                }
-              }
+                borderBottomLeftRadius: theme.defaultRadius
+              } : void 0,
+              '&[data-position="right"]': withRightLabel ? {
+                ...sectionBaseStyles,
+                borderLeftWidth: 0,
+                borderTopRightRadius: theme.defaultRadius,
+                borderBottomRightRadius: theme.defaultRadius
+              } : void 0
             },
             input: {
               flex: 1,
-              borderTopLeftRadius: 0,
-              borderBottomLeftRadius: 0
+              ...withLeftLabel ? {
+                borderTopLeftRadius: 0,
+                borderBottomLeftRadius: 0
+              } : void 0,
+              ...withRightLabel ? {
+                borderTopRightRadius: 0,
+                borderBottomRightRadius: 0
+              } : void 0
             }
           };
         },
         props.styles
       ]),
-      leftSection: !!leftLabel ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.Typography, { variant: "label-lg", children: leftLabel }) : leftSection,
+      leftSection: !!leftLabel ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.Typography, { variant: "label-lg", ...leftLabelProps, children: leftLabel }) : leftSection,
+      rightSection: !!rightLabel ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.Typography, { variant: "label-lg", ...rightLabelProps, children: rightLabel }) : rightLabel,
       ref
     }
   );

package/dist/primitive/TextInput/TextInput.d.cts

@@ -1,5 +1,9 @@
 import { TextInputProps as MantineTextInputProps } from '@mantine/core';
+import { TypographyProps } from '../Typography/index.js';
 export interface TextInputProps extends MantineTextInputProps {
-    leftLabel?: string;
+    leftLabel?: React.ReactNode;
+    leftLabelProps?: TypographyProps;
+    rightLabel?: React.ReactNode;
+    rightLabelProps?: TypographyProps;
 }
 export declare const TextInput: import('react').ForwardRefExoticComponent<TextInputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/primitive/TextInput/TextInput.d.ts

@@ -1,5 +1,9 @@
 import { TextInputProps as MantineTextInputProps } from '@mantine/core';
+import { TypographyProps } from '../Typography/index.js';
 export interface TextInputProps extends MantineTextInputProps {
-    leftLabel?: string;
+    leftLabel?: React.ReactNode;
+    leftLabelProps?: TypographyProps;
+    rightLabel?: React.ReactNode;
+    rightLabelProps?: TypographyProps;
 }
 export declare const TextInput: import('react').ForwardRefExoticComponent<TextInputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/primitive/TextInput/TextInput.js

@@ -6,51 +6,71 @@ import { Typography } from "../Typography/index.js";
 import { TextInput as TextInput$1 } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/TextInput/TextInput.js";
 import { getFontSize } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/utils/get-size/get-size.js";
 const TextInput = forwardRef((props, ref) => {
-  const { leftLabel, leftSection, ...rest } = props;
+  const { leftLabel, leftLabelProps, leftSection, rightLabel, rightLabelProps, rightSection, ...rest } = props;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     TextInput$1,
     {
       ...rest,
       styles: mergeStylesList([
         (theme) => {
-          if (!props.leftLabel) {
+          const withLeftLabel = !!props.leftLabel;
+          const withRightLabel = !!props.rightLabel;
+          if (!withLeftLabel && !withRightLabel) {
             return {};
           }
+          const sectionBaseStyles = {
+            position: "initial",
+            width: "fit-content",
+            border: `1px solid ${theme.colors.carbon[4]}`,
+            backgroundColor: theme.colors.carbon[2],
+            paddingLeft: 12,
+            paddingRight: 12,
+            "& > .mantine-Text-root": {
+              fontSize: getFontSize(props.size ?? "md")
+            }
+          };
+          const wrapperBaseStyles = {
+            "--input-padding-inline-start": "var(--input-padding)"
+          };
           return {
             wrapper: {
               display: "flex",
               // see https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/components/Input/Input.module.css#L70C4-L70C33I
               // correct input left padding
-              "&[data-with-left-section]": {
-                "--input-padding-inline-start": "var(--input-padding)"
-              }
+              "&[data-with-left-section]": withLeftLabel ? wrapperBaseStyles : void 0,
+              "&[data-with-right-section]": withRightLabel ? wrapperBaseStyles : void 0
             },
             section: {
-              '&[data-position="left"]': {
-                position: "initial",
-                width: "fit-content",
-                border: `1px solid ${theme.colors.carbon[4]}`,
+              '&[data-position="left"]': withLeftLabel ? {
+                ...sectionBaseStyles,
                 borderRightWidth: 0,
-                paddingLeft: 12,
-                paddingRight: 12,
                 borderTopLeftRadius: theme.defaultRadius,
-                borderBottomLeftRadius: theme.defaultRadius,
-                backgroundColor: theme.colors.carbon[2],
-                "& > .mantine-Text-root": {
-                  fontSize: getFontSize(props.size ?? "md")
-                }
-              }
+                borderBottomLeftRadius: theme.defaultRadius
+              } : void 0,
+              '&[data-position="right"]': withRightLabel ? {
+                ...sectionBaseStyles,
+                borderLeftWidth: 0,
+                borderTopRightRadius: theme.defaultRadius,
+                borderBottomRightRadius: theme.defaultRadius
+              } : void 0
             },
             input: {
               flex: 1,
-              borderTopLeftRadius: 0,
-              borderBottomLeftRadius: 0
+              ...withLeftLabel ? {
+                borderTopLeftRadius: 0,
+                borderBottomLeftRadius: 0
+              } : void 0,
+              ...withRightLabel ? {
+                borderTopRightRadius: 0,
+                borderBottomRightRadius: 0
+              } : void 0
             }
           };
         },
         props.styles
       ]),
-      leftSection: !!leftLabel ? /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "label-lg", children: leftLabel }) : leftSection,
+      leftSection: !!leftLabel ? /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "label-lg", ...leftLabelProps, children: leftLabel }) : leftSection,
+      rightSection: !!rightLabel ? /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "label-lg", ...rightLabelProps, children: rightLabel }) : rightLabel,
       ref
     }
   );

package/dist/primitive/index.cjs

@@ -7,11 +7,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 ;/* empty css                                                                                                                                                                                         */
 ;/* empty css                                                                                                                                                                                         */
 const useColorScheme = require("../hooks/useColorScheme.cjs");
-const index = require("../node_modules/.pnpm/@mantine_dropzone@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__qr3rnaubensmzqdmx5ctws3cmy/node_modules/@mantine/dropzone/esm/index.cjs");
-const index$1 = require("./notifier/index.cjs");
-const index$2 = require("./Typography/index.cjs");
-const index$3 = require("./MediaQuery/index.cjs");
-const index$4 = require("./Select/index.cjs");
+const index = require("./notifier/index.cjs");
+const index$1 = require("./Typography/index.cjs");
+const index$2 = require("./MediaQuery/index.cjs");
+const index$3 = require("./Select/index.cjs");
+const index$4 = require("./Button/index.cjs");
+const index$5 = require("../node_modules/.pnpm/@mantine_dropzone@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__qr3rnaubensmzqdmx5ctws3cmy/node_modules/@mantine/dropzone/esm/index.cjs");
 const AppShell = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/AppShell/AppShell.cjs");
 const AspectRatio = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/AspectRatio/AspectRatio.cjs");
 const Center = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Center/Center.cjs");
@@ -52,7 +53,6 @@ const Pill = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5
 const PillsInput = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/PillsInput/PillsInput.cjs");
 const TagsInput = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/TagsInput/TagsInput.cjs");
 const ActionIcon = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.cjs");
-const Button = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Button/Button.cjs");
 const CloseButton = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/CloseButton/CloseButton.cjs");
 const CopyButton = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/CopyButton/CopyButton.cjs");
 const FileButton = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/FileButton/FileButton.cjs");
@@ -119,6 +119,7 @@ const useInputProps = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_
 const MantineThemeProvider = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs");
 const useCombobox = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Combobox/use-combobox/use-combobox.cjs");
 const useComputedColorScheme = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.cjs");
+const TextInput = require("./TextInput/TextInput.cjs");
 const mimeTypes = require("../node_modules/.pnpm/@mantine_dropzone@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__qr3rnaubensmzqdmx5ctws3cmy/node_modules/@mantine/dropzone/esm/mime-types.cjs");
 const Carousel = require("../node_modules/.pnpm/@mantine_carousel@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__sfhtg3sgpvpleh2jf3uri3xpdy/node_modules/@mantine/carousel/esm/Carousel.cjs");
 const useAnimationOffsetEffect = require("../node_modules/.pnpm/@mantine_carousel@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__sfhtg3sgpvpleh2jf3uri3xpdy/node_modules/@mantine/carousel/esm/use-animation-offset-effect.cjs");
@@ -130,18 +131,18 @@ const DatePickerInput = require("../node_modules/.pnpm/@mantine_dates@7.13.2_@ma
 const Calendar = require("../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/esm/components/Calendar/Calendar.cjs");
 const Month = require("../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/esm/components/Month/Month.cjs");
 const TimeInput = require("../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/esm/components/TimeInput/TimeInput.cjs");
-const TextInput = require("./TextInput/TextInput.cjs");
 const CodeHighlight = require("../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/CodeHighlight.cjs");
 const CodeHighlightTabs = require("../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/CodeHighlightTabs.cjs");
 const InlineCodeHighlight = require("../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/InlineCodeHighlight.cjs");
 exports.useColorScheme = useColorScheme.useColorScheme;
-exports.Dropzone = index.Dropzone;
-exports.notifier = index$1.notifier;
-exports.TYPOGRAPHY_STYLES_MAP = index$2.TYPOGRAPHY_STYLES_MAP;
-exports.Typography = index$2.Typography;
-exports.MediaQuery = index$3.MediaQuery;
-exports.MultiSelect = index$4.MultiSelect;
-exports.Select = index$4.Select;
+exports.notifier = index.notifier;
+exports.TYPOGRAPHY_STYLES_MAP = index$1.TYPOGRAPHY_STYLES_MAP;
+exports.Typography = index$1.Typography;
+exports.MediaQuery = index$2.MediaQuery;
+exports.MultiSelect = index$3.MultiSelect;
+exports.Select = index$3.Select;
+exports.Button = index$4.Button;
+exports.Dropzone = index$5.Dropzone;
 exports.AppShell = AppShell.AppShell;
 exports.AspectRatio = AspectRatio.AspectRatio;
 exports.Center = Center.Center;
@@ -182,7 +183,6 @@ exports.Pill = Pill.Pill;
 exports.PillsInput = PillsInput.PillsInput;
 exports.TagsInput = TagsInput.TagsInput;
 exports.ActionIcon = ActionIcon.ActionIcon;
-exports.Button = Button.Button;
 exports.CloseButton = CloseButton.CloseButton;
 exports.CopyButton = CopyButton.CopyButton;
 exports.FileButton = FileButton.FileButton;
@@ -249,6 +249,7 @@ exports.useInputProps = useInputProps.useInputProps;
 exports.useMantineTheme = MantineThemeProvider.useMantineTheme;
 exports.useCombobox = useCombobox.useCombobox;
 exports.useComputedColorScheme = useComputedColorScheme.useComputedColorScheme;
+exports.TextInput = TextInput.TextInput;
 exports.EXE_MIME_TYPE = mimeTypes.EXE_MIME_TYPE;
 exports.IMAGE_MIME_TYPE = mimeTypes.IMAGE_MIME_TYPE;
 exports.MIME_TYPES = mimeTypes.MIME_TYPES;
@@ -270,7 +271,6 @@ exports.DatePickerInput = DatePickerInput.DatePickerInput;
 exports.Calendar = Calendar.Calendar;
 exports.Month = Month.Month;
 exports.TimeInput = TimeInput.TimeInput;
-exports.TextInput = TextInput.TextInput;
 exports.CodeHighlight = CodeHighlight.CodeHighlight;
 exports.CodeHighlightTabs = CodeHighlightTabs.CodeHighlightTabs;
 exports.InlineCodeHighlight = InlineCodeHighlight.InlineCodeHighlight;

package/dist/primitive/index.d.cts

@@ -30,8 +30,14 @@ declare module '@mantine/core' {
 }
 export type ColorScheme = 'light' | 'dark';
 export type { AppShellProps, AppShellNavbarProps, AppShellMainProps, AppShellFooterProps, AppShellAsideProps, AppShellHeaderProps, AppShellSectionProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, NumberInputProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, ComboboxItem, ComboboxData, PillProps, PillsInputProps, OptionsFilter, TagsInputProps, ActionIconProps, ButtonProps, CloseButtonProps, CopyButtonProps, FileButtonProps, UnstyledButtonProps, AnchorProps, BreadcrumbsProps, BurgerProps, NavLinkProps, PaginationProps, StepperProps, TabsProps, TreeProps, AlertProps, LoaderProps, NotificationProps, ProgressProps, RingProgressProps, SemiCircleProgressProps, SkeletonProps, AffixProps, DialogProps, DrawerProps, FloatingIndicatorProps, HoverCardProps, LoadingOverlayProps, MenuProps, ModalProps, OverlayProps, PopoverProps, TooltipProps, AccordionProps, AvatarProps, BackgroundImageProps, BadgeProps, CardProps, CardSectionProps, ColorSwatchProps, ImageProps, IndicatorProps, KbdProps, NumberFormatterProps, SpoilerProps, ThemeIconProps, TimelineProps, BlockquoteProps, CodeProps, HighlightProps, ListProps, MarkProps, TableProps, TextProps, TitleProps, TypographyStylesProviderProps, BoxProps, CollapseProps, DividerProps, FocusTrapProps, PaperProps, PortalProps, ScrollAreaProps, TransitionProps, VisuallyHiddenProps, ColorSchemeScriptProps, MantineSize, ElementProps } from '../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/lib';
-export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, Button, CloseButton, CopyButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme } from '../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/lib';
+export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, CloseButton, CopyButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme } from '../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/lib';
 export { useColorScheme } from '../hooks/useColorScheme.js';
+export { TextInput, type TextInputProps } from './TextInput/index.js';
+export { notifier } from './notifier/index.js';
+export { Typography, TYPOGRAPHY_STYLES_MAP, type TypographyProps } from './Typography/index.js';
+export { MediaQuery, type MediaQueryProps } from './MediaQuery/index.js';
+export { Select, type SelectProps, MultiSelect, type MultiSelectProps } from './Select/index.js';
+export { Button } from './Button/index.js';
 export { Dropzone, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, EXE_MIME_TYPE, PDF_MIME_TYPE, IMAGE_MIME_TYPE } from '@mantine/dropzone';
 export type { DropzoneAcceptProps, DropzoneFullScreenProps, DropzoneFullScreenStylesNames, DropzoneIdleProps, DropzoneProps, DropzoneRejectProps, DropzoneStylesNames } from '@mantine/dropzone';
 export { Carousel, useAnimationOffsetEffect } from '@mantine/carousel';
@@ -40,10 +46,5 @@ export { ModalsProvider, useModals, openModal, openConfirmModal, openContextModa
 export type { ModalsProviderProps, ContextModalProps } from '@mantine/modals';
 export { DatePicker, DatePickerInput, Calendar, Month, TimeInput } from '@mantine/dates';
 export type { CalendarProps, CalendarBaseProps, DatePickerType, DatePickerProps, DatePickerInputProps, DatePickerStylesNames, MonthProps, TimeInputProps, MonthSettings } from '@mantine/dates';
-export { TextInput, type TextInputProps } from './TextInput/index.js';
-export { notifier } from './notifier/index.js';
-export { Typography, TYPOGRAPHY_STYLES_MAP, type TypographyProps } from './Typography/index.js';
-export { MediaQuery, type MediaQueryProps } from './MediaQuery/index.js';
-export { Select, type SelectProps, MultiSelect, type MultiSelectProps } from './Select/index.js';
 export { CodeHighlight, CodeHighlightTabs, InlineCodeHighlight } from '@mantine/code-highlight';
 export type { CodeHighlightProps, CodeHighlightTabsProps, InlineCodeHighlightProps } from '@mantine/code-highlight';

package/dist/primitive/index.d.ts

@@ -30,8 +30,14 @@ declare module '@mantine/core' {
 }
 export type ColorScheme = 'light' | 'dark';
 export type { AppShellProps, AppShellNavbarProps, AppShellMainProps, AppShellFooterProps, AppShellAsideProps, AppShellHeaderProps, AppShellSectionProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, NumberInputProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, ComboboxItem, ComboboxData, PillProps, PillsInputProps, OptionsFilter, TagsInputProps, ActionIconProps, ButtonProps, CloseButtonProps, CopyButtonProps, FileButtonProps, UnstyledButtonProps, AnchorProps, BreadcrumbsProps, BurgerProps, NavLinkProps, PaginationProps, StepperProps, TabsProps, TreeProps, AlertProps, LoaderProps, NotificationProps, ProgressProps, RingProgressProps, SemiCircleProgressProps, SkeletonProps, AffixProps, DialogProps, DrawerProps, FloatingIndicatorProps, HoverCardProps, LoadingOverlayProps, MenuProps, ModalProps, OverlayProps, PopoverProps, TooltipProps, AccordionProps, AvatarProps, BackgroundImageProps, BadgeProps, CardProps, CardSectionProps, ColorSwatchProps, ImageProps, IndicatorProps, KbdProps, NumberFormatterProps, SpoilerProps, ThemeIconProps, TimelineProps, BlockquoteProps, CodeProps, HighlightProps, ListProps, MarkProps, TableProps, TextProps, TitleProps, TypographyStylesProviderProps, BoxProps, CollapseProps, DividerProps, FocusTrapProps, PaperProps, PortalProps, ScrollAreaProps, TransitionProps, VisuallyHiddenProps, ColorSchemeScriptProps, MantineSize, ElementProps } from '../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/lib';
-export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, Button, CloseButton, CopyButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme } from '../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/lib';
+export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, CloseButton, CopyButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme } from '../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/lib';
 export { useColorScheme } from '../hooks/useColorScheme.js';
+export { TextInput, type TextInputProps } from './TextInput/index.js';
+export { notifier } from './notifier/index.js';
+export { Typography, TYPOGRAPHY_STYLES_MAP, type TypographyProps } from './Typography/index.js';
+export { MediaQuery, type MediaQueryProps } from './MediaQuery/index.js';
+export { Select, type SelectProps, MultiSelect, type MultiSelectProps } from './Select/index.js';
+export { Button } from './Button/index.js';
 export { Dropzone, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, EXE_MIME_TYPE, PDF_MIME_TYPE, IMAGE_MIME_TYPE } from '@mantine/dropzone';
 export type { DropzoneAcceptProps, DropzoneFullScreenProps, DropzoneFullScreenStylesNames, DropzoneIdleProps, DropzoneProps, DropzoneRejectProps, DropzoneStylesNames } from '@mantine/dropzone';
 export { Carousel, useAnimationOffsetEffect } from '@mantine/carousel';
@@ -40,10 +46,5 @@ export { ModalsProvider, useModals, openModal, openConfirmModal, openContextModa
 export type { ModalsProviderProps, ContextModalProps } from '@mantine/modals';
 export { DatePicker, DatePickerInput, Calendar, Month, TimeInput } from '@mantine/dates';
 export type { CalendarProps, CalendarBaseProps, DatePickerType, DatePickerProps, DatePickerInputProps, DatePickerStylesNames, MonthProps, TimeInputProps, MonthSettings } from '@mantine/dates';
-export { TextInput, type TextInputProps } from './TextInput/index.js';
-export { notifier } from './notifier/index.js';
-export { Typography, TYPOGRAPHY_STYLES_MAP, type TypographyProps } from './Typography/index.js';
-export { MediaQuery, type MediaQueryProps } from './MediaQuery/index.js';
-export { Select, type SelectProps, MultiSelect, type MultiSelectProps } from './Select/index.js';
 export { CodeHighlight, CodeHighlightTabs, InlineCodeHighlight } from '@mantine/code-highlight';
 export type { CodeHighlightProps, CodeHighlightTabsProps, InlineCodeHighlightProps } from '@mantine/code-highlight';

package/dist/primitive/index.js

@@ -5,11 +5,12 @@
 /* empty css                                                                                                                                                                                       */
 /* empty css                                                                                                                                                                                       */
 import { useColorScheme } from "../hooks/useColorScheme.js";
-import { Dropzone } from "../node_modules/.pnpm/@mantine_dropzone@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__qr3rnaubensmzqdmx5ctws3cmy/node_modules/@mantine/dropzone/esm/index.js";
 import { notifier } from "./notifier/index.js";
 import { TYPOGRAPHY_STYLES_MAP, Typography } from "./Typography/index.js";
 import { MediaQuery } from "./MediaQuery/index.js";
 import { MultiSelect, Select } from "./Select/index.js";
+import { Button } from "./Button/index.js";
+import { Dropzone } from "../node_modules/.pnpm/@mantine_dropzone@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__qr3rnaubensmzqdmx5ctws3cmy/node_modules/@mantine/dropzone/esm/index.js";
 import { AppShell } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/AppShell/AppShell.js";
 import { AspectRatio } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/AspectRatio/AspectRatio.js";
 import { Center } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Center/Center.js";
@@ -50,7 +51,6 @@ import { Pill } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5
 import { PillsInput } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/PillsInput/PillsInput.js";
 import { TagsInput } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/TagsInput/TagsInput.js";
 import { ActionIcon } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.js";
-import { Button } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Button/Button.js";
 import { CloseButton } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/CloseButton/CloseButton.js";
 import { CopyButton } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/CopyButton/CopyButton.js";
 import { FileButton } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/FileButton/FileButton.js";
@@ -117,6 +117,7 @@ import { useInputProps } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_
 import { useMantineTheme } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js";
 import { useCombobox } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Combobox/use-combobox/use-combobox.js";
 import { useComputedColorScheme } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.js";
+import { TextInput } from "./TextInput/TextInput.js";
 import { EXE_MIME_TYPE, IMAGE_MIME_TYPE, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, PDF_MIME_TYPE } from "../node_modules/.pnpm/@mantine_dropzone@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__qr3rnaubensmzqdmx5ctws3cmy/node_modules/@mantine/dropzone/esm/mime-types.js";
 import { Carousel } from "../node_modules/.pnpm/@mantine_carousel@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__sfhtg3sgpvpleh2jf3uri3xpdy/node_modules/@mantine/carousel/esm/Carousel.js";
 import { useAnimationOffsetEffect } from "../node_modules/.pnpm/@mantine_carousel@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine__sfhtg3sgpvpleh2jf3uri3xpdy/node_modules/@mantine/carousel/esm/use-animation-offset-effect.js";
@@ -128,7 +129,6 @@ import { DatePickerInput } from "../node_modules/.pnpm/@mantine_dates@7.13.2_@ma
 import { Calendar } from "../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/esm/components/Calendar/Calendar.js";
 import { Month } from "../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/esm/components/Month/Month.js";
 import { TimeInput } from "../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/esm/components/TimeInput/TimeInput.js";
-import { TextInput } from "./TextInput/TextInput.js";
 import { CodeHighlight } from "../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/CodeHighlight.js";
 import { CodeHighlightTabs } from "../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/CodeHighlightTabs.js";
 import { InlineCodeHighlight } from "../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/InlineCodeHighlight.js";

package/dist/theme/theme.cjs

@@ -185,9 +185,9 @@ const theme = createTheme.createTheme({
               backgroundColor: themeColor(theme2, color, bgColorShade + 1)
             },
             "&:disabled": {
-              color: themeColor(theme2, theme2.primaryColor, 6),
-              borderColor: themeColor(theme2, theme2.primaryColor, borderColorShade + 1),
-              backgroundColor: themeColor(theme2, theme2.primaryColor, 2)
+              color: themeColor(theme2, color, 6),
+              borderColor: themeColor(theme2, color, borderColorShade + 1),
+              backgroundColor: themeColor(theme2, color, 2)
             }
           };
         };
@@ -205,9 +205,9 @@ const theme = createTheme.createTheme({
               backgroundColor: themeColor(theme2, color, bgColorShade + 1)
             },
             "&:disabled": {
-              color: themeColor(theme2, theme2.primaryColor, 6),
-              borderColor: themeColor(theme2, theme2.primaryColor, borderColorShade + 1),
-              backgroundColor: themeColor(theme2, theme2.primaryColor, 2)
+              color: themeColor(theme2, color, 6),
+              borderColor: themeColor(theme2, color, borderColorShade + 1),
+              backgroundColor: themeColor(theme2, color, 2)
             }
           };
         };
@@ -223,8 +223,7 @@ const theme = createTheme.createTheme({
               backgroundColor: themeColor(theme2, color, bgColorShade + 1)
             },
             "&:disabled": {
-              color: themeColor(theme2, theme2.primaryColor, 6),
-              backgroundColor: theme2.white
+              color: themeColor(theme2, color, 6)
             }
           };
         };

package/dist/theme/theme.js

@@ -183,9 +183,9 @@ const theme = createTheme({
               backgroundColor: themeColor(theme2, color, bgColorShade + 1)
             },
             "&:disabled": {
-              color: themeColor(theme2, theme2.primaryColor, 6),
-              borderColor: themeColor(theme2, theme2.primaryColor, borderColorShade + 1),
-              backgroundColor: themeColor(theme2, theme2.primaryColor, 2)
+              color: themeColor(theme2, color, 6),
+              borderColor: themeColor(theme2, color, borderColorShade + 1),
+              backgroundColor: themeColor(theme2, color, 2)
             }
           };
         };
@@ -203,9 +203,9 @@ const theme = createTheme({
               backgroundColor: themeColor(theme2, color, bgColorShade + 1)
             },
             "&:disabled": {
-              color: themeColor(theme2, theme2.primaryColor, 6),
-              borderColor: themeColor(theme2, theme2.primaryColor, borderColorShade + 1),
-              backgroundColor: themeColor(theme2, theme2.primaryColor, 2)
+              color: themeColor(theme2, color, 6),
+              borderColor: themeColor(theme2, color, borderColorShade + 1),
+              backgroundColor: themeColor(theme2, color, 2)
             }
           };
         };
@@ -221,8 +221,7 @@ const theme = createTheme({
               backgroundColor: themeColor(theme2, color, bgColorShade + 1)
             },
             "&:disabled": {
-              color: themeColor(theme2, theme2.primaryColor, 6),
-              backgroundColor: theme2.white
+              color: themeColor(theme2, color, 6)
             }
           };
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tidbcloud/uikit",
-  "version": "2.0.0-beta.86",
+  "version": "2.0.0-beta.88",
   "description": "tidbcloud uikit",
   "type": "module",
   "main": "dist/primitive/index.cjs",