@rolder-kit/ui 0.1.0-alpha.1 → 0.1.0-alpha.10

package/dist/RouterLink.d.ts

@@ -1,4 +1,4 @@
-import { type ActionIconProps, type AnchorProps, type ButtonProps, type UnstyledButtonProps } from '@rolder-kit/mantine';
+import { type ActionIconProps, type AnchorProps, type ButtonProps, type UnstyledButtonProps } from '@mantine/core';
 import { type LinkComponent } from '@tanstack/react-router';
 interface MantineAnchorProps extends Omit<AnchorProps, 'href'> {
 }

package/dist/RouterLink.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { ActionIcon, Anchor, Button, UnstyledButton } from "@rolder-kit/mantine";
+import { ActionIcon, Anchor, Button, UnstyledButton } from "@mantine/core";
 import { createLink } from "@tanstack/react-router";
 import { forwardRef } from "react";
 const MantineLinkComponent = /*#__PURE__*/ forwardRef(({ classNames, ...props }, ref)=>/*#__PURE__*/ jsx(Anchor, {

package/dist/editor/Toolbar.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader } from "@mantine/core";
 import { RichTextEditor } from "@mantine/tiptap";
-import { Loader } from "@rolder-kit/mantine";
 import { IconCheck } from "@tabler/icons-react";
 import { getDisabledToolbar, useEditor } from "./store.js";
 const Toolbar = ({ saving, children })=>{

package/dist/error/DefaultError.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Button, Group, Stack, Title } from "@rolder-kit/mantine";
+import { Button, Group, Stack, Title } from "@mantine/core";
 import { rootRouteId, useMatch, useRouter } from "@tanstack/react-router";
 import { RouterLink } from "../RouterLink.js";
 const DefaultError = ({ error })=>{

package/dist/error/DefaultNotFound.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Stack, Text, Title } from "@rolder-kit/mantine";
+import { Stack, Text, Title } from "@mantine/core";
 import { RouterLink } from "../RouterLink.js";
 const DefaultNotFound = ()=>/*#__PURE__*/ jsxs(Stack, {
         align: "center",

package/dist/error/Forbidden.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Stack, Title } from "@rolder-kit/mantine";
+import { Stack, Title } from "@mantine/core";
 import { RouterLink } from "../RouterLink.js";
 const Forbidden = ()=>/*#__PURE__*/ jsxs(Stack, {
         align: "center",

package/dist/error/defaultErrorNotification.js

@@ -1,4 +1,4 @@
-import { notifications } from "@rolder-kit/mantine/notifications";
+import { notifications } from "@mantine/notifications";
 const defaultErrorNotification = (error)=>notifications.show({
         title: 'Системная ошибка',
         message: error.message,

package/dist/form/buttons/CancelButton.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonProps } from '@rolder-kit/mantine';
+import { type ButtonProps } from '@mantine/core';
 export declare const CancelButton: React.FC<ButtonProps & {
     label?: string;
     onClick?: () => void;

package/dist/form/buttons/CancelButton.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Button } from "@rolder-kit/mantine";
+import { Button } from "@mantine/core";
 import { IconCancel } from "@tabler/icons-react";
 import { useFormContext } from "../context.js";
 const CancelButton = (props)=>{

package/dist/form/buttons/SubmitButton.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonProps } from '@rolder-kit/mantine';
+import { type ButtonProps } from '@mantine/core';
 export declare const SubmitButton: React.FC<ButtonProps & {
     label?: string;
     onClick?: () => void;

package/dist/form/buttons/SubmitButton.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Button } from "@rolder-kit/mantine";
+import { Button } from "@mantine/core";
 import { IconDeviceFloppy } from "@tabler/icons-react";
 import { useFormContext } from "../context.js";
 const SubmitButton = (props)=>{

package/dist/form/buttons/SubscribeActionIcon.d.ts

@@ -1,4 +1,4 @@
-import { type ActionIconProps } from '@rolder-kit/mantine';
+import { type ActionIconProps } from '@mantine/core';
 export declare const SubscribeActionIcon: React.FC<ActionIconProps & {
     onClick?: () => void;
 }>;

package/dist/form/buttons/SubscribeActionIcon.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { ActionIcon } from "@rolder-kit/mantine";
+import { ActionIcon } from "@mantine/core";
 import { useFormContext } from "../context.js";
 const SubscribeActionIcon = (props)=>{
     const form = useFormContext();

package/dist/form/buttons/SubscribeButton.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonProps } from '@rolder-kit/mantine';
+import { type ButtonProps } from '@mantine/core';
 export declare const SubscribeButton: React.FC<ButtonProps & {
     label: string;
     onClick?: () => void;

package/dist/form/buttons/SubscribeButton.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Button } from "@rolder-kit/mantine";
+import { Button } from "@mantine/core";
 import { useFormContext } from "../context.js";
 const SubscribeButton = (props)=>{
     const form = useFormContext();

package/dist/form/fields/MultiSelectField.d.ts

@@ -1,2 +1,2 @@
-import { type MultiSelectProps } from '@rolder-kit/mantine';
+import { type MultiSelectProps } from '@mantine/core';
 export declare const MultiSelectField: React.FC<MultiSelectProps>;

package/dist/form/fields/MultiSelectField.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { MultiSelect } from "@rolder-kit/mantine";
+import { MultiSelect } from "@mantine/core";
 import { useFieldContext } from "../context.js";
 const MultiSelectField = (props)=>{
     const field = useFieldContext();

package/dist/form/fields/NumberField.d.ts

@@ -1,2 +1,2 @@
-import { type NumberInputProps } from '@rolder-kit/mantine';
+import { type NumberInputProps } from '@mantine/core';
 export declare const NumberField: React.FC<NumberInputProps>;

package/dist/form/fields/NumberField.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { NumberInput } from "@rolder-kit/mantine";
+import { NumberInput } from "@mantine/core";
 import { useFieldContext } from "../context.js";
 const NumberField = (props)=>{
     const field = useFieldContext();

package/dist/form/fields/PasswordField.d.ts

@@ -1,2 +1,2 @@
-import { type PasswordInputProps } from '@rolder-kit/mantine';
+import { type PasswordInputProps } from '@mantine/core';
 export declare const PasswordField: React.FC<PasswordInputProps>;

package/dist/form/fields/PasswordField.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { PasswordInput } from "@rolder-kit/mantine";
+import { PasswordInput } from "@mantine/core";
 import { useFieldContext } from "../context.js";
 const PasswordField = (props)=>{
     const field = useFieldContext();

package/dist/form/fields/SelectField.d.ts

@@ -1,2 +1,2 @@
-import { type SelectProps } from '@rolder-kit/mantine';
+import { type SelectProps } from '@mantine/core';
 export declare const SelectField: React.FC<SelectProps>;

package/dist/form/fields/SelectField.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Select } from "@rolder-kit/mantine";
+import { Select } from "@mantine/core";
 import { useFieldContext } from "../context.js";
 const SelectField = (props)=>{
     const field = useFieldContext();

package/dist/form/fields/SwitchField.d.ts

@@ -1,2 +1,2 @@
-import { type SwitchProps } from '@rolder-kit/mantine';
+import { type SwitchProps } from '@mantine/core';
 export declare const SwitchField: React.FC<SwitchProps>;

package/dist/form/fields/SwitchField.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Switch } from "@rolder-kit/mantine";
+import { Switch } from "@mantine/core";
 import { useFieldContext } from "../context.js";
 const SwitchField = (props)=>{
     const field = useFieldContext();

package/dist/form/fields/TextField.d.ts

@@ -1,2 +1,2 @@
-import { type TextInputProps } from '@rolder-kit/mantine';
+import { type TextInputProps } from '@mantine/core';
 export declare const TextField: React.FC<TextInputProps>;

package/dist/form/fields/TextField.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { TextInput } from "@rolder-kit/mantine";
+import { TextInput } from "@mantine/core";
 import { useFieldContext } from "../context.js";
 const TextField = (props)=>{
     const field = useFieldContext();

package/dist/form/fields/TextPasswordField.d.ts

@@ -1,2 +1,2 @@
-import { type TextInputProps } from '@rolder-kit/mantine';
+import { type TextInputProps } from '@mantine/core';
 export declare const TextPasswordField: React.FC<TextInputProps>;

package/dist/form/fields/TextPasswordField.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { ActionIcon, TextInput } from "@rolder-kit/mantine";
+import { ActionIcon, TextInput } from "@mantine/core";
 import { IconRefresh } from "@tabler/icons-react";
 import omgopass from "omgopass";
 import { useFieldContext } from "../context.js";

package/dist/form/fields/TextareaField.d.ts

@@ -1,2 +1,2 @@
-import { type TextareaProps } from '@rolder-kit/mantine';
+import { type TextareaProps } from '@mantine/core';
 export declare const TextareaField: React.FC<TextareaProps>;

package/dist/form/fields/TextareaField.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Textarea } from "@rolder-kit/mantine";
+import { Textarea } from "@mantine/core";
 import { useFieldContext } from "../context.js";
 const TextareaField = (props)=>{
     const field = useFieldContext();

package/dist/hoverPaper/HoverPaper.d.ts

@@ -1,4 +1,4 @@
-import { type ElementProps, type PaperProps } from '@rolder-kit/mantine';
+import { type ElementProps, type PaperProps } from '@mantine/core';
 interface Props extends PaperProps, ElementProps<'div', keyof PaperProps> {
     disabled?: boolean;
 }

package/dist/hoverPaper/HoverPaper.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Paper } from "@rolder-kit/mantine";
+import { Paper } from "@mantine/core";
 import { forwardRef } from "react";
 const HoverPaper = /*#__PURE__*/ forwardRef(({ disabled, classNames, ...props }, ref)=>/*#__PURE__*/ jsx(Paper, {
         ref: ref,

package/dist/hoverPaper/usePaperHover.js

@@ -1,4 +1,4 @@
-import { useHover } from "@rolder-kit/mantine";
+import { useHover } from "@mantine/hooks";
 const usePaperHover = ()=>{
     const { hovered: paperHovered, ref: paperRef } = useHover();
     return {

package/dist/index.d.ts

@@ -1,4 +1,3 @@
 export * from './AnimatedChevron';
 export * from './JsonInput';
 export * from './RouterLink';
-export * from './scrollArea';

package/dist/index.js

@@ -1,4 +1,3 @@
 export * from "./AnimatedChevron.js";
 export * from "./JsonInput.js";
 export * from "./RouterLink.js";
-export * from "./scrollArea/index.js";

package/dist/saveInput/JsonInput.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Box, Loader, useDebouncedCallback } from "@rolder-kit/mantine";
+import { Box, Loader } from "@mantine/core";
+import { useDebouncedCallback } from "@mantine/hooks";
 import { useState } from "react";
 import { JsonInput } from "../JsonInput.js";
 const JsonInput_JsonInput = ({ initialValue, onChange, debounce = 300, ...props })=>{

package/dist/saveInput/NumberInput.d.ts

@@ -1,4 +1,4 @@
-import { type NumberInputProps } from '@rolder-kit/mantine';
+import { type NumberInputProps } from '@mantine/core';
 export declare const NumberInput: React.FC<{
     initialValue: string | number;
     onChange: (value: string | number) => Promise<void>;

package/dist/saveInput/NumberInput.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { Loader, NumberInput, useDebouncedCallback } from "@rolder-kit/mantine";
+import { Loader, NumberInput } from "@mantine/core";
+import { useDebouncedCallback } from "@mantine/hooks";
 import { useState } from "react";
 const NumberInput_NumberInput = ({ initialValue, onChange, debounce = 300, ...props })=>{
     const [value, setValue] = useState(initialValue);

package/dist/saveInput/Select.d.ts

@@ -1,4 +1,4 @@
-import { type SelectProps } from '@rolder-kit/mantine';
+import { type SelectProps } from '@mantine/core';
 export declare const Select: React.FC<{
     initialValue: string | null;
     onChange: (value: string | null) => Promise<void>;

package/dist/saveInput/Select.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { Loader, Select, useDebouncedCallback } from "@rolder-kit/mantine";
+import { Loader, Select } from "@mantine/core";
+import { useDebouncedCallback } from "@mantine/hooks";
 import { useState } from "react";
 const Select_Select = ({ initialValue, onChange, debounce = 300, ...props })=>{
     const [value, setValue] = useState(initialValue);

package/dist/saveInput/Switch.d.ts

@@ -1,4 +1,4 @@
-import { type SwitchProps } from '@rolder-kit/mantine';
+import { type SwitchProps } from '@mantine/core';
 export declare const Switch: React.FC<{
     initialValue: boolean;
     onChange: (value: boolean) => Promise<void>;

package/dist/saveInput/Switch.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { Box, Loader, Switch, useDebouncedCallback } from "@rolder-kit/mantine";
+import { Box, Loader, Switch } from "@mantine/core";
+import { useDebouncedCallback } from "@mantine/hooks";
 import { useState } from "react";
 const Switch_Switch = ({ initialValue, onChange, debounce = 300, w, ...props })=>{
     const [value, setValue] = useState(initialValue);

package/dist/saveInput/TextInput.d.ts

@@ -1,4 +1,4 @@
-import { type TextInputProps } from '@rolder-kit/mantine';
+import { type TextInputProps } from '@mantine/core';
 export declare const TextInput: React.FC<{
     initialValue?: string;
     onChange: (value: string) => Promise<void>;

package/dist/saveInput/TextInput.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { Loader, TextInput, useDebouncedCallback } from "@rolder-kit/mantine";
+import { Loader, TextInput } from "@mantine/core";
+import { useDebouncedCallback } from "@mantine/hooks";
 import { useState } from "react";
 const TextInput_TextInput = ({ initialValue, onChange, debounce = 300, ...props })=>{
     const [value, setValue] = useState(initialValue || '');

package/dist/saveInput/Textarea.d.ts

@@ -1,4 +1,4 @@
-import { type TextareaProps } from '@rolder-kit/mantine';
+import { type TextareaProps } from '@mantine/core';
 export declare const Textarea: React.FC<{
     initialValue: string;
     onChange: (value: string) => Promise<void>;

package/dist/saveInput/Textarea.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { Loader, Textarea, useDebouncedCallback } from "@rolder-kit/mantine";
+import { Loader, Textarea } from "@mantine/core";
+import { useDebouncedCallback } from "@mantine/hooks";
 import { useState } from "react";
 const Textarea_Textarea = ({ initialValue, onChange, debounce = 300, ...props })=>{
     const [value, setValue] = useState(initialValue);

package/dist/scrollArea/Root.d.ts

@@ -1,4 +1,4 @@
-import { type MantineRadius, type ScrollAreaProps as MantineScrollAreaProps } from '@rolder-kit/mantine';
+import { type MantineRadius, type ScrollAreaProps as MantineScrollAreaProps } from '@mantine/core';
 export interface ScrollAreaProps extends Omit<MantineScrollAreaProps, 'h'> {
     height: MantineScrollAreaProps['h'];
     radius?: MantineRadius;

package/dist/scrollArea/Root.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { Box, ScrollArea, getRadius, useElementSize } from "@rolder-kit/mantine";
+import { Box, ScrollArea, getRadius } from "@mantine/core";
+import { useElementSize } from "@mantine/hooks";
 import { useEffect, useRef } from "react";
 import { isAboveCenter } from "./methods.js";
 import { getHasScrollableContent, getHeight, getIsAboveCenter, getScrollAreaRef, setAutoScroll, setHeight, setIsAboveCenter, setScrollAreaRef } from "./store.js";
@@ -11,7 +12,7 @@ const Root = ({ children, height, radius, autoScroll = false, ...props })=>{
     });
     useEffect(()=>{
         if (getHeight() !== contentHeight) setHeight(contentHeight);
-        if (scrollAreaRef.current && !getScrollAreaRef()) setScrollAreaRef(scrollAreaRef.current);
+        if (scrollAreaRef.current && getScrollAreaRef() !== scrollAreaRef.current) setScrollAreaRef(scrollAreaRef.current);
     }, [
         contentHeight
     ]);

package/dist/scrollArea/ScrollButton.d.ts

@@ -1,4 +1,4 @@
-import { type ActionIconProps } from '@rolder-kit/mantine';
+import { type ActionIconProps } from '@mantine/core';
 import { type ReactNode } from '@tabler/icons-react';
 export interface ScrollButtonProps extends ActionIconProps {
     upIcon?: ReactNode;

package/dist/scrollArea/ScrollButton.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { ActionIcon } from "@rolder-kit/mantine";
+import { ActionIcon } from "@mantine/core";
 import { IconChevronDown, IconChevronUp } from "@tabler/icons-react";
 import { scrollToBottom, scrollToTop } from "./methods.js";
 import { useHasScrollableContent, useIsAboveCenter } from "./store.js";

package/dist/styles.css

@@ -0,0 +1,69 @@
+.rolder-chat-input-root {
+  background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-6));
+
+  &:focus-within {
+    border-color: var(--mantine-primary-color-filled);
+    border-color: var(--mantine-primary-color-filled);
+    outline: none;
+  }
+}
+
+.rolder-chat-input-textarea {
+  border: 0;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.rolder-chat-input-file-action-action {
+  color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1));
+
+  &[data-disabled] {
+    color: light-dark(var(--mantine-color-gray-5), var(--mantine-color-dark-3));
+  }
+}
+
+.rolder-editor-root {
+  --editor-border-color: light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
+  border: rem(1px) solid var(--editor-border-color);
+  border-radius: var(--mantine-radius-md);
+}
+
+.rolder-editor-content {
+  border-radius: var(--mantine-radius-md);
+}
+
+.rolder-editor-toolbar {
+  border-color: var(--editor-border-color);
+  border-top-left-radius: var(--mantine-radius-md);
+  border-top-right-radius: var(--mantine-radius-md);
+}
+
+.rolder-hover-paper-root {
+  transition: background-color .2s ease-in-out;
+
+  &:hover {
+    background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
+    cursor: pointer;
+    transition: background-color .2s ease-in-out;
+  }
+
+  &[data-disabled] {
+    background-color: unset;
+    cursor: default;
+  }
+}
+
+.rolder-router-link-root {
+  color: inherit;
+  text-decoration: none;
+}
+
+.rolder-scroll-area-viewport {
+  border-radius: var(--radius);
+}
+
+.rolder-scroll-area-scrollbar {
+  border-top-right-radius: var(--radius);
+  border-bottom-right-radius: var(--radius);
+}
+

package/package.json

@@ -1,12 +1,13 @@
 {
 	"name": "@rolder-kit/ui",
-	"version": "0.1.0-alpha.1",
+	"version": "0.1.0-alpha.10",
 	"type": "module",
 	"exports": {
 		".": {
 			"types": "./dist/index.d.ts",
 			"import": "./dist/index.js"
 		},
+		"./styles.css": "./dist/styles.css",
 		"./editor": {
 			"types": "./dist/editor/index.d.ts",
 			"import": "./dist/editor/index.js"
@@ -21,7 +22,7 @@
 		},
 		"./hoverPaper": {
 			"types": "./dist/hoverPaper/index.d.ts",
-			"import": "./dist/hoverPaper/index.js"
+			"default": "./dist/hoverPaper/index.js"
 		},
 		"./saveInput": {
 			"types": "./dist/saveInput/index.d.ts",
@@ -42,24 +43,39 @@
 		"prepublishOnly": "bun run build",
 		"check": "biome check --write && tsc --noEmit"
 	},
+	"dependencies": {
+		"@rolder-kit/mantine": "0.1.0-alpha.18",
+		"@rolder-kit/tanstack": "0.1.0-alpha.11"
+	},
+	"devDependencies": {
+		"@types/omgopass": "^3.2.3"
+	},
 	"peerDependencies": {
-		"@rolder-kit/tanstack": "*",
-		"@rolder-kit/mantine": "*",
-		"@mantine/tiptap": "^8.3.14",
-		"@tiptap/extension-highlight": "^3.19.0",
-		"@tiptap/extension-placeholder": "^3.19.0",
-		"@tiptap/extension-table": "^3.19.0",
-		"@tiptap/extension-task-item": "^3.19.0",
-		"@tiptap/extension-task-list": "^3.19.0",
-		"@tiptap/extension-text-align": "^3.19.0",
-		"@tiptap/react": "^3.19.0",
-		"@tiptap/starter-kit": "^3.19.0",
+		"@mantine/core": "^8.3.15",
+		"@mantine/hooks": "^8.3.15",
+		"@mantine/notifications": "^8.3.15",
+		"@mantine/tiptap": "^8.3.15",
+		"@tiptap/extension-highlight": "^3.20.0",
+		"@tiptap/extension-placeholder": "^3.20.0",
+		"@tiptap/extension-table": "^3.20.0",
+		"@tiptap/extension-task-item": "^3.20.0",
+		"@tiptap/extension-task-list": "^3.20.0",
+		"@tiptap/extension-text-align": "^3.20.0",
+		"@tiptap/react": "^3.20.0",
+		"@tiptap/starter-kit": "^3.20.0",
 		"nanostores": "^1.1.0",
 		"@nanostores/react": "^1.0.0",
-		"@tanstack/react-router": "^1.160.0",
+		"@tanstack/react-router": "^1.161.3",
 		"@tanstack/react-form": "^1.28.3",
 		"@uiw/react-codemirror": "^4.25.4",
+		"@uiw/codemirror-theme-vscode": "^4.25.4",
 		"@codemirror/lang-json": "^6.0.2",
-		"@codemirror/lint": "^6.9.4"
+		"@codemirror/lint": "^6.9.4",
+		"@codemirror/commands": "^6.10.2",
+		"@codemirror/view": "^6.39.14",
+		"react": "^19.2.4",
+		"react-dom": "^19.2.4",
+		"@tabler/icons-react": "^3.37.1",
+		"omgopass": "^3.2.1"
 	}
 }