lkd-web-kit 0.8.4 → 0.9.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2023 Rayyamhk
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2023 Rayyamhk
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,30 +1,30 @@
-# LKD WebKit
-
-## Features
-
-- React: A JavaScript library for web and native user interfaces.
-- TypeScript: A strongly typed superset of JavaScript.
-<!-- - Storybook: A frontend workshop for building UI components and pages in isolation. -->
-- Vite: A next generation frontend tooling that runs and builds your library incredibly fast.
-- Vitest: A next generation testing framework.
-- ESLint: A tool that finds and fixes problems in your code.
-- Prettier: A code formatter.
-
-## Get Started
-
-1. Clone this repository
-2. Install dependencies using `npm i`
-
-## Scripts
-
-<!-- - `dev`: Starts the local Storybook server, use this to develop and preview your components. -->
-
-- `test`: Runs all your tests with vitest.
-- `test:watch`: Runs tests in watch mode.
-- `build`: Builds your component library with Vite.
-- `lint`: Runs ESLint.
-- `format`: Formats your code with Prettier.
-
-## License
-
-MIT
+# LKD WebKit
+
+## Features
+
+- React: A JavaScript library for web and native user interfaces.
+- TypeScript: A strongly typed superset of JavaScript.
+<!-- - Storybook: A frontend workshop for building UI components and pages in isolation. -->
+- Vite: A next generation frontend tooling that runs and builds your library incredibly fast.
+- Vitest: A next generation testing framework.
+- ESLint: A tool that finds and fixes problems in your code.
+- Prettier: A code formatter.
+
+## Get Started
+
+1. Clone this repository
+2. Install dependencies using `npm i`
+
+## Scripts
+
+<!-- - `dev`: Starts the local Storybook server, use this to develop and preview your components. -->
+
+- `test`: Runs all your tests with vitest.
+- `test:watch`: Runs tests in watch mode.
+- `build`: Builds your component library with Vite.
+- `lint`: Runs ESLint.
+- `format`: Formats your code with Prettier.
+
+## License
+
+MIT

package/dist/components/EmptyState/index.cjs

@@ -1,7 +1,7 @@
 require("../../_virtual/_rolldown/runtime.cjs");
 const require_Icon = require("../Icon.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
 let _mantine_core = require("@mantine/core");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/EmptyState/index.tsx
 var pxBySize = {
 	sm: 48,

package/dist/components/EmptyState/index.d.ts

@@ -0,0 +1,16 @@
+import { ComponentProps, ReactNode } from 'react';
+import { IconFC } from '../Icon';
+export interface EmptyProps extends ComponentProps<'div'> {
+    label: ReactNode;
+    action?: ReactNode;
+    icon?: IconFC;
+    size?: keyof typeof pxBySize;
+}
+declare const pxBySize: {
+    sm: number;
+    md: number;
+    lg: number;
+};
+export declare const EmptyState: ({ label, action, icon, size, ...props }: EmptyProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/EmptyState/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAQ,MAAM,EAAE,MAAM,SAAS,CAAA;AAEtC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,KAAK,CAAC;IACvD,KAAK,EAAE,SAAS,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAA;CAC7B;AAED,QAAA,MAAM,QAAQ;;;;CAIb,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,yCAAgD,UAAU,4CAkCpF,CAAA"}

package/dist/components/EmptyState/index.js

@@ -1,6 +1,6 @@
 import { Icon } from "../Icon.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Text, useMantineTheme } from "@mantine/core";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/EmptyState/index.tsx
 var pxBySize = {
 	sm: 48,

package/dist/components/Icon.d.ts

@@ -0,0 +1,43 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+export type IconFC = React.FC<ComponentPropsWithoutRef<'svg'>>;
+export interface IconProps extends ComponentPropsWithoutRef<'svg'> {
+    i: IconFC;
+    /**
+     * @property xs: 16px
+     * @property sm: 20px
+     * @property md: 24px
+     * @property lg: 28px
+     * @property xl: 32px
+     * @property 2xl: 40px
+     */
+    size?: keyof typeof stylesBySize | number;
+}
+export declare const Icon: ({ i: I, size, style, rotate, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
+declare const stylesBySize: {
+    xs: {
+        height: number;
+        width: number;
+    };
+    sm: {
+        height: number;
+        width: number;
+    };
+    md: {
+        height: number;
+        width: number;
+    };
+    lg: {
+        height: number;
+        width: number;
+    };
+    xl: {
+        height: number;
+        width: number;
+    };
+    "2xl": {
+        height: number;
+        width: number;
+    };
+};
+export {};
+//# sourceMappingURL=Icon.d.ts.map

package/dist/components/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAEvD,MAAM,MAAM,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAA;AAC9D,MAAM,WAAW,SAAU,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAChE,CAAC,EAAE,MAAM,CAAA;IACT;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,GAAG,MAAM,CAAA;CAC1C;AAED,eAAO,MAAM,IAAI,GAAI,wCAA+C,SAAS,4CAkB5E,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;CAyBjB,CAAA"}

package/dist/components/InfinityLoadMoreButton/index.cjs

@@ -1,7 +1,7 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let _mantine_core = require("@mantine/core");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-let _mantine_core = require("@mantine/core");
 let _mantine_hooks = require("@mantine/hooks");
 let clsx = require("clsx");
 clsx = require_runtime.__toESM(clsx, 1);

package/dist/components/InfinityLoadMoreButton/index.d.ts

@@ -0,0 +1,17 @@
+import { ButtonProps } from '@mantine/core';
+import { InfiniteData } from '@tanstack/react-query';
+import { RefObject } from 'react';
+import { InfiniteQueryHookResult } from 'react-query-kit';
+export interface InfinityLoadMoreButtonProps<T> extends ButtonProps {
+    infinity: InfiniteQueryHookResult<InfiniteData<{
+        data?: T[];
+    }, number>, Error>;
+    parentRef?: RefObject<HTMLElement | null>;
+    loader?: React.ReactNode;
+    labels?: {
+        loadMore?: string;
+        end?: string;
+    };
+}
+export declare const InfinityLoadMoreButton: <T>({ infinity, labels, parentRef, loader, ...props }: InfinityLoadMoreButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/InfinityLoadMoreButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InfinityLoadMoreButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,eAAe,CAAA;AAExD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAA;AACjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAE9D,MAAM,WAAW,2BAA2B,CAAC,CAAC,CAAE,SAAQ,WAAW;IACjE,QAAQ,EAAE,uBAAuB,CAAC,YAAY,CAAC;QAAE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAA;KAAE,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,CAAA;IAC9E,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACzC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,GAAG,CAAC,EAAE,MAAM,CAAA;KACb,CAAA;CACF;AAED,eAAO,MAAM,sBAAsB,GAAI,CAAC,EAAG,mDAMxC,2BAA2B,CAAC,CAAC,CAAC,4CA8BhC,CAAA"}

package/dist/components/InfinityLoadMoreButton/index.js

@@ -1,6 +1,6 @@
+import { Button } from "@mantine/core";
 import { useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
-import { Button } from "@mantine/core";
 import { useIntersection } from "@mantine/hooks";
 import clsx from "clsx";
 //#region src/components/InfinityLoadMoreButton/index.tsx

package/dist/components/InfinitySelect/index.cjs

@@ -2,9 +2,9 @@
 require("../../_virtual/_rolldown/runtime.cjs");
 const require_index = require("../InfinityLoadMoreButton/index.cjs");
 const require_virtual_styles = require("../../utils/virtual-styles.cjs");
+let _mantine_core = require("@mantine/core");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-let _mantine_core = require("@mantine/core");
 let _mantine_hooks = require("@mantine/hooks");
 let _tanstack_react_virtual = require("@tanstack/react-virtual");
 //#region src/components/InfinitySelect/index.tsx

package/dist/components/InfinitySelect/index.d.ts

@@ -0,0 +1,35 @@
+import { ComboboxProps, ComboboxStore, ElementProps, InputBaseProps } from '@mantine/core';
+import { InfiniteData } from '@tanstack/react-query';
+import { ReactNode } from 'react';
+import { InfiniteQueryHookResult } from 'react-query-kit';
+import { InfinityLoadMoreButtonProps } from '../InfinityLoadMoreButton';
+export interface InfinitySelectProps<T = unknown> extends InputBaseProps, ElementProps<'input', keyof InputBaseProps | 'value' | 'onChange'> {
+    value?: string | null;
+    defaultValue?: string;
+    searchValue?: string;
+    defaultSearchValue?: string;
+    nothingFoundMessage?: ReactNode | ((data: {
+        combobox: ComboboxStore;
+    }) => ReactNode);
+    infinity: InfiniteQueryHookResult<InfiniteData<{
+        data?: T[];
+    }, number>, Error>;
+    defaultSelectedOption?: T | null;
+    selectedOption?: T | null;
+    onSelectedOptionChange?: (option: T | null) => void;
+    onSearchChange?: (value: string) => void;
+    onChange?: (value: string | null) => void;
+    renderOption?: (args: {
+        option: T;
+    }) => React.ReactNode;
+    onOptionSubmit?: (value: string, option: T) => void;
+    getOptionLabel: (option: T) => string;
+    getOptionValue: (option: T) => string;
+    resetPageParam?: () => Promise<void>;
+    comboboxProps?: ComboboxProps;
+    searchable?: boolean;
+    ref?: React.Ref<HTMLInputElement>;
+    loadMoreButtonProps?: Partial<InfinityLoadMoreButtonProps<T>>;
+}
+export declare function InfinitySelect<T = unknown>({ value, searchValue, defaultSearchValue, nothingFoundMessage, infinity, defaultValue, onChange, onSearchChange, renderOption, onOptionSubmit, getOptionLabel, getOptionValue, onSelectedOptionChange, selectedOption, comboboxProps, searchable, defaultSelectedOption, loadMoreButtonProps, ...props }: InfinitySelectProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/InfinitySelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InfinitySelect/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,YAAY,EAGjB,KAAK,cAAc,EAEpB,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAA;AACzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAE9D,OAAO,EAA0B,KAAK,2BAA2B,EAAE,MAAM,2BAA2B,CAAA;AAEpG,MAAM,WAAW,mBAAmB,CAAC,CAAC,GAAG,OAAO,CAC9C,SAAQ,cAAc,EACpB,YAAY,CAAC,OAAO,EAAE,MAAM,cAAc,GAAG,OAAO,GAAG,UAAU,CAAC;IACpE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,mBAAmB,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,aAAa,CAAA;KAAE,KAAK,SAAS,CAAC,CAAA;IACpF,QAAQ,EAAE,uBAAuB,CAAC,YAAY,CAAC;QAAE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAA;KAAE,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,CAAA;IAC9E,qBAAqB,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;IAChC,cAAc,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;IACzB,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACnD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACzC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IACvD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,IAAI,CAAA;IACnD,cAAc,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAA;IACrC,cAAc,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAA;IACrC,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACpC,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;IACjC,mBAAmB,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAC,CAAC,CAAC,CAAA;CAC9D;AAED,wBAAgB,cAAc,CAAC,CAAC,GAAG,OAAO,EAAE,EAC1C,KAAK,EACL,WAAW,EACX,kBAAkB,EAClB,mBAAmB,EACnB,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,cAAc,EACd,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,cAAc,EACd,aAAa,EACb,UAAiB,EACjB,qBAA4B,EAC5B,mBAAmB,EACnB,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAuKxB"}

package/dist/components/InfinitySelect/index.js

@@ -1,9 +1,9 @@
 "use client";
 import { InfinityLoadMoreButton } from "../InfinityLoadMoreButton/index.js";
 import { getVirtualContainerProps, getVirtualItemProps } from "../../utils/virtual-styles.js";
+import { Center, Combobox, Input, InputBase, useCombobox } from "@mantine/core";
 import { createElement, useEffect, useRef } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Center, Combobox, Input, InputBase, useCombobox } from "@mantine/core";
 import { useUncontrolled } from "@mantine/hooks";
 import { useVirtualizer } from "@tanstack/react-virtual";
 //#region src/components/InfinitySelect/index.tsx

package/dist/components/MyCheckboxGroup/index.cjs

@@ -1,6 +1,6 @@
 require("../../_virtual/_rolldown/runtime.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
 let _mantine_core = require("@mantine/core");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/MyCheckboxGroup/index.tsx
 var MyCheckboxGroup = ({ options, orientation = "horizontal", gap = "md", ...checkboxGroupProps }) => {
 	const Container = orientation === "horizontal" ? _mantine_core.Group : _mantine_core.Stack;

package/dist/components/MyCheckboxGroup/index.d.ts

@@ -0,0 +1,9 @@
+import { CheckboxGroupProps, CheckboxProps, MantineSpacing } from '@mantine/core';
+export interface MyCheckboxGroupProps extends Omit<CheckboxGroupProps, 'children'> {
+    options: CheckboxProps[];
+    orientation?: 'horizontal' | 'vertical';
+    gap?: MantineSpacing;
+    disabled?: boolean;
+}
+export declare const MyCheckboxGroup: ({ options, orientation, gap, ...checkboxGroupProps }: MyCheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MyCheckboxGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MyCheckboxGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,kBAAkB,EAClB,aAAa,EAEb,cAAc,EAIf,MAAM,eAAe,CAAA;AAEtB,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IAChF,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,GAAG,CAAC,EAAE,cAAc,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,eAAe,GAAI,sDAK7B,oBAAoB,4CAWtB,CAAA"}

package/dist/components/MyCheckboxGroup/index.js

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { Checkbox, CheckboxGroup, Group, Stack } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/MyCheckboxGroup/index.tsx
 var MyCheckboxGroup = ({ options, orientation = "horizontal", gap = "md", ...checkboxGroupProps }) => {
 	const Container = orientation === "horizontal" ? Group : Stack;

package/dist/components/MyDateInput/index.d.ts

@@ -0,0 +1,6 @@
+import { DateInputProps } from '@mantine/dates';
+export interface MyDateInputProps extends DateInputProps {
+    ref?: React.Ref<HTMLInputElement>;
+}
+export declare const MyDateInput: (props: MyDateInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MyDateInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MyDateInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAG1D,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAClC;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAOlD,CAAA"}

package/dist/components/MyDatePickerInput/CalendarIcon.d.ts

@@ -0,0 +1,7 @@
+import { MantineSize } from '@mantine/core';
+interface CalendarIconProps {
+    size?: MantineSize;
+}
+declare const CalendarIcon: ({ size, ...props }: CalendarIconProps) => import("react/jsx-runtime").JSX.Element;
+export default CalendarIcon;
+//# sourceMappingURL=CalendarIcon.d.ts.map

package/dist/components/MyDatePickerInput/CalendarIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarIcon.d.ts","sourceRoot":"","sources":["../../../src/components/MyDatePickerInput/CalendarIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,UAAU,iBAAiB;IACzB,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB;AAED,QAAA,MAAM,YAAY,GAAI,oBAA2B,iBAAiB,4CAyCjE,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/MyDatePickerInput/index.d.ts

@@ -0,0 +1,6 @@
+import { DatePickerInputProps } from '@mantine/dates';
+export interface MyDatePickerInputProps extends DatePickerInputProps<any> {
+    ref?: React.Ref<HTMLButtonElement>;
+}
+export declare const MyDatePickerInput: (props: MyDatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MyDatePickerInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MyDatePickerInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAGtE,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB,CAAC,GAAG,CAAC;IACvE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CACnC;AAED,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,4CAO9D,CAAA"}

package/dist/components/MyDateTimePicker/index.d.ts

@@ -0,0 +1,6 @@
+import { DateTimePickerProps } from '@mantine/dates';
+export interface MyDateTimePickerProps extends DateTimePickerProps {
+    ref?: React.Ref<HTMLButtonElement>;
+}
+export declare const MyDateTimePicker: (props: MyDateTimePickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MyDateTimePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MyDateTimePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAGpE,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CACnC;AAED,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CAO5D,CAAA"}

package/dist/components/MyMonthPickerInput/index.d.ts

@@ -0,0 +1,6 @@
+import { MonthPickerInputProps } from '@mantine/dates';
+export interface MyMonthPickerInputProps extends MonthPickerInputProps<any> {
+    ref?: React.Ref<HTMLButtonElement>;
+}
+export declare const MyMonthPickerInput: (props: MyMonthPickerInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MyMonthPickerInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MyMonthPickerInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,qBAAqB,EACtB,MAAM,gBAAgB,CAAA;AAGvB,MAAM,WAAW,uBAAwB,SAAQ,qBAAqB,CAAC,GAAG,CAAC;IACzE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CACnC;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAOhE,CAAA"}

package/dist/components/MyMultiSelect/index.cjs

@@ -1,6 +1,6 @@
 require("../../_virtual/_rolldown/runtime.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
 let _mantine_core = require("@mantine/core");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/MyMultiSelect/index.tsx
 var MyMultiSelect = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.MultiSelect, {
 	variant: props.readOnly ? "filled" : "default",

package/dist/components/MyMultiSelect/index.d.ts

@@ -0,0 +1,6 @@
+import { MultiSelectProps } from '@mantine/core';
+export interface MyMultiSelectProps extends MultiSelectProps {
+    ref?: React.Ref<HTMLInputElement>;
+}
+export declare const MyMultiSelect: (props: MyMultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MyMultiSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MyMultiSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,gBAAgB,EAAe,MAAM,eAAe,CAAA;AAE1E,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAClC;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAEtD,CAAA"}

package/dist/components/MyMultiSelect/index.js

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { MultiSelect } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/MyMultiSelect/index.tsx
 var MyMultiSelect = (props) => /* @__PURE__ */ jsx(MultiSelect, {
 	variant: props.readOnly ? "filled" : "default",

package/dist/components/MyNotifications/index.d.ts

@@ -0,0 +1,5 @@
+import { NotificationsProps } from '@mantine/notifications';
+export interface MyNotificationPrpos extends NotificationsProps {
+}
+export declare const MyNotifications: (props: MyNotificationPrpos) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MyNotifications/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MyNotifications/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE1E,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB;CAAG;AAElE,eAAO,MAAM,eAAe,GAAI,OAAO,mBAAmB,4CAEzD,CAAA"}

package/dist/components/MyNumberInput/index.cjs

@@ -1,6 +1,6 @@
 require("../../_virtual/_rolldown/runtime.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
 let _mantine_core = require("@mantine/core");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/MyNumberInput/index.tsx
 var MyNumberInput = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.NumberInput, {
 	variant: props.readOnly ? "filled" : "default",

package/dist/components/MyNumberInput/index.d.ts

@@ -0,0 +1,6 @@
+import { NumberInputProps } from '@mantine/core';
+export interface MyNumberInputProps extends Omit<NumberInputProps, 'onValueChange'> {
+    ref?: React.Ref<HTMLInputElement>;
+}
+export declare const MyNumberInput: (props: MyNumberInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MyNumberInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MyNumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE7D,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,eAAe,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAClC;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAEtD,CAAA"}

package/dist/components/MyNumberInput/index.js

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { NumberInput } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/MyNumberInput/index.tsx
 var MyNumberInput = (props) => /* @__PURE__ */ jsx(NumberInput, {
 	variant: props.readOnly ? "filled" : "default",

package/dist/components/MyRadioGroup/index.cjs

@@ -1,6 +1,6 @@
 require("../../_virtual/_rolldown/runtime.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
 let _mantine_core = require("@mantine/core");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/MyRadioGroup/index.tsx
 var MyRadioGroup = ({ options, orientation = "horizontal", gap = "md", ...radioGroupProps }) => {
 	const Container = orientation === "horizontal" ? _mantine_core.Group : _mantine_core.Stack;

package/dist/components/MyRadioGroup/index.d.ts

@@ -0,0 +1,9 @@
+import { MantineSpacing, RadioGroupProps, RadioProps } from '@mantine/core';
+export interface MyRadioGroupProps extends Omit<RadioGroupProps, 'children'> {
+    options: RadioProps[];
+    orientation?: 'horizontal' | 'vertical';
+    gap?: MantineSpacing;
+    disabled?: boolean;
+}
+export declare const MyRadioGroup: ({ options, orientation, gap, ...radioGroupProps }: MyRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MyRadioGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MyRadioGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,cAAc,EAAS,eAAe,EAAE,UAAU,EAAS,MAAM,eAAe,CAAA;AAGhG,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IAC1E,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,GAAG,CAAC,EAAE,cAAc,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,GAAI,mDAK1B,iBAAiB,4CAWnB,CAAA"}

package/dist/components/MyRadioGroup/index.js

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { Group, Radio, Stack } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/MyRadioGroup/index.tsx
 var MyRadioGroup = ({ options, orientation = "horizontal", gap = "md", ...radioGroupProps }) => {
 	const Container = orientation === "horizontal" ? Group : Stack;

package/dist/components/MySelect/index.cjs

@@ -1,6 +1,6 @@
 require("../../_virtual/_rolldown/runtime.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
 let _mantine_core = require("@mantine/core");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/MySelect/index.tsx
 var MySelect = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Select, {
 	variant: props.readOnly ? "filled" : "default",

package/dist/components/MySelect/index.d.ts

@@ -0,0 +1,6 @@
+import { SelectProps } from '@mantine/core';
+export interface MySelectProps extends SelectProps {
+    ref?: React.Ref<HTMLInputElement>;
+}
+export declare const MySelect: (props: MySelectProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MySelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MySelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAA;AAEnD,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAClC;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAE5C,CAAA"}

package/dist/components/MySelect/index.js

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { Select } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/MySelect/index.tsx
 var MySelect = (props) => /* @__PURE__ */ jsx(Select, {
 	variant: props.readOnly ? "filled" : "default",

package/dist/components/MyTextInput/index.cjs

@@ -1,6 +1,6 @@
 require("../../_virtual/_rolldown/runtime.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
 let _mantine_core = require("@mantine/core");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/MyTextInput/index.tsx
 var MyTextInput = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.TextInput, {
 	variant: props.readOnly ? "filled" : "default",

package/dist/components/MyTextInput/index.d.ts

@@ -0,0 +1,6 @@
+import { TextInputProps } from '@mantine/core';
+export interface MyTextInputProps extends TextInputProps {
+    ref?: React.Ref<HTMLInputElement>;
+}
+export declare const MyTextInput: (props: MyTextInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MyTextInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MyTextInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,eAAe,CAAA;AAEzD,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAClC;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAElD,CAAA"}

package/dist/components/MyTextInput/index.js

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { TextInput } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/MyTextInput/index.tsx
 var MyTextInput = (props) => /* @__PURE__ */ jsx(TextInput, {
 	variant: props.readOnly ? "filled" : "default",

package/dist/components/MyTextarea/index.cjs

@@ -1,6 +1,6 @@
 require("../../_virtual/_rolldown/runtime.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
 let _mantine_core = require("@mantine/core");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/MyTextarea/index.tsx
 var MyTextarea = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Textarea, {
 	variant: props.readOnly ? "filled" : "default",

package/dist/components/MyTextarea/index.d.ts

@@ -0,0 +1,6 @@
+import { TextareaProps } from '@mantine/core';
+export interface MyTextareaProps extends TextareaProps {
+    ref?: React.Ref<HTMLTextAreaElement>;
+}
+export declare const MyTextarea: (props: MyTextareaProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MyTextarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MyTextarea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,aAAa,EAAE,MAAM,eAAe,CAAA;AAEvD,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAA;CACrC;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAEhD,CAAA"}

package/dist/components/MyTextarea/index.js

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { Textarea } from "@mantine/core";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/MyTextarea/index.tsx
 var MyTextarea = (props) => /* @__PURE__ */ jsx(Textarea, {
 	variant: props.readOnly ? "filled" : "default",

package/dist/components/MyTimeInput/index.cjs

@@ -1,6 +1,6 @@
 require("../../_virtual/_rolldown/runtime.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
 let _mantine_core = require("@mantine/core");
+let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/MyTimeInput/index.tsx
 var MyTimeInput = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.TextInput, {
 	variant: props.readOnly ? "filled" : "default",

package/dist/components/MyTimeInput/index.d.ts

@@ -0,0 +1,6 @@
+import { TimeInputProps } from '@mantine/dates';
+export interface MyTimeInputProps extends TimeInputProps {
+    ref?: React.Ref<HTMLInputElement>;
+}
+export declare const MyTimeInput: (props: MyTimeInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MyTimeInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MyTimeInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAClC;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAElD,CAAA"}