@rolder/kit 3.0.0-alpha-17 → 3.0.0-alpha.1

package/dist/ai/ui/promptInput/File.js

@@ -3,7 +3,6 @@ import { ActionIcon, FileButton, Tooltip } from "@mantine/core";
 import { useRef } from "react";
 import { FileIcon } from "./FileIcon.js";
 import { usePromptInput } from "./PromptInputContext.js";
-import styles_module from "./styles.module.js";
 const File = (props)=>{
     const resetRef = useRef(null);
     const { file, setFile, accept, submiting, uploading } = usePromptInput();
@@ -23,7 +22,7 @@ const File = (props)=>{
                         disabled: submiting,
                         loading: uploading,
                         classNames: {
-                            root: styles_module.fileActionAction
+                            root: 'rolder-prompt-input-file-action-action'
                         },
                         ...props,
                         children: /*#__PURE__*/ jsxs("svg", {
@@ -67,7 +66,7 @@ const File = (props)=>{
                                 size: "lg",
                                 variant: "default",
                                 classNames: {
-                                    root: styles_module.fileActionAction
+                                    root: 'rolder-prompt-input-file-action-action'
                                 },
                                 onClick: ()=>{
                                     resetRef.current?.();

package/dist/ai/ui/promptInput/Root.js

@@ -2,7 +2,6 @@ import { jsx } from "react/jsx-runtime";
 import { Paper } from "@mantine/core";
 import clsx from "clsx";
 import { Provider } from "./PromptInputProvider.js";
-import styles_module from "./styles.module.js";
 const Root = ({ className, onSubmit, submiting, uploading, accept, ...props })=>/*#__PURE__*/ jsx(Provider, {
         onSubmit: onSubmit,
         submiting: submiting,
@@ -11,7 +10,7 @@ const Root = ({ className, onSubmit, submiting, uploading, accept, ...props })=>
         children: /*#__PURE__*/ jsx(Paper, {
             radius: "md",
             withBorder: true,
-            className: clsx(styles_module.root, className),
+            className: clsx('rolder-prompt-input-root', className),
             ...props
         })
     });

package/dist/ai/ui/promptInput/Textarea.js

@@ -2,7 +2,6 @@ import { jsx } from "react/jsx-runtime";
 import { Textarea } from "@mantine/core";
 import { useState } from "react";
 import { usePromptInput } from "./PromptInputContext.js";
-import styles_module from "./styles.module.js";
 const Textarea_Textarea = (props)=>{
     const { text, setText, onSubmit, submiting, uploading } = usePromptInput();
     const [isComposing, setIsComposing] = useState(false);
@@ -19,7 +18,7 @@ const Textarea_Textarea = (props)=>{
         size: "md",
         rows: 3,
         classNames: {
-            input: styles_module.textarea
+            input: 'rolder-prompt-input-textarea'
         },
         placeholder: "Напишите сообщение",
         onCompositionEnd: ()=>setIsComposing(false),

package/dist/styles.css

@@ -0,0 +1,74 @@
+.rolder-prompt-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-prompt-input-textarea {
+  border: 0;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.rolder-prompt-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-content {
+  width: 100%;
+  height: 100%;
+}
+
+.rolder-scroll-area-scrollbar {
+  border-top-right-radius: var(--radius);
+  border-bottom-right-radius: var(--radius);
+}
+

package/dist/ui/{routerLink/RouterLink.js → RouterLink.js}

@@ -2,11 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import { ActionIcon, Anchor, Button, UnstyledButton } from "@mantine/core";
 import { createLink } from "@tanstack/react-router";
 import { forwardRef } from "react";
-import styles_module from "./styles.module.js";
 const MantineLinkComponent = /*#__PURE__*/ forwardRef(({ classNames, ...props }, ref)=>/*#__PURE__*/ jsx(Anchor, {
         ref: ref,
         classNames: {
-            root: styles_module.root,
+            root: 'rolder-router-link-root',
             ...classNames
         },
         c: "inherit",

package/dist/ui/editor/Root.js

@@ -1,15 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { RichTextEditor } from "@mantine/tiptap";
 import { useEditor } from "./Provider.js";
-import styles_module from "./styles.module.js";
 const Root = ({ children, classNames, ...props })=>{
     const { editor } = useEditor();
     return /*#__PURE__*/ jsx(RichTextEditor, {
         editor: editor,
         classNames: {
-            root: styles_module.root,
-            content: styles_module.content,
-            toolbar: styles_module.toolbar,
+            root: 'rolder-editor-root',
+            content: 'rolder-editor-content',
+            toolbar: 'rolder-editor-toolbar',
             ...classNames
         },
         ...props,

package/dist/ui/error/DefaultError.js

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

package/dist/ui/error/DefaultNotFound.js

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

package/dist/ui/error/Forbidden.js

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

package/dist/ui/hoverPaper/HoverPaper.js

@@ -1,11 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { Paper } from "@mantine/core";
 import { forwardRef } from "react";
-import styles_module from "./styles.module.js";
 const HoverPaper = /*#__PURE__*/ forwardRef(({ disabled, classNames, ...props }, ref)=>/*#__PURE__*/ jsx(Paper, {
         ref: ref,
         classNames: {
-            root: styles_module.root,
+            root: 'rolder-hover-paper-root',
             ...classNames
         },
         mod: {

package/dist/ui/index.d.ts

@@ -4,6 +4,6 @@ export * from './error';
 export * from './form';
 export * from './hoverPaper';
 export * from './JsonInput';
-export * from './routerLink';
+export * from './RouterLink';
 export * from './saveInput';
 export * from './scrollArea';

package/dist/ui/index.js

@@ -4,6 +4,6 @@ export * from "./error/index.js";
 export * from "./form/index.js";
 export * from "./hoverPaper/index.js";
 export * from "./JsonInput.js";
-export * from "./routerLink/index.js";
+export * from "./RouterLink.js";
 export * from "./saveInput/index.js";
 export * from "./scrollArea/index.js";

package/dist/ui/scrollArea/ScrollAreaContent.js

@@ -2,16 +2,15 @@ import { jsx } from "react/jsx-runtime";
 import { Box, ScrollArea, getRadius } from "@mantine/core";
 import { useContext } from "react";
 import { ScrollAreaContext } from "./context.js";
-import styles_module from "./styles.module.js";
 const ScrollAreaContent = ({ children })=>{
     const fullContext = useContext(ScrollAreaContext);
     if (!fullContext) throw new Error('ScrollAreaContent must be used within ScrollArea');
     const { _callbackRef, mantineProps, radius, _contentResizeRef } = fullContext;
     return /*#__PURE__*/ jsx(ScrollArea, {
         classNames: {
-            viewport: styles_module.viewport,
-            content: styles_module.content,
-            scrollbar: styles_module.scrollbar
+            viewport: 'rolder-scroll-area-viewport',
+            content: 'rolder-scroll-area-content',
+            scrollbar: 'rolder-scroll-area-scrollbar'
         },
         style: {
             '--radius': radius ? getRadius(radius) : void 0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolder/kit",
-  "version": "3.0.0-alpha-17",
+  "version": "3.0.0-alpha.1",
   "type": "module",
   "exports": {
     ".": {
@@ -8,9 +8,6 @@
       "import": "./dist/index.js"
     }
   },
-  "sideEffects": [
-    "*.css"
-  ],
   "files": [
     "dist"
   ],
@@ -34,7 +31,6 @@
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0",
-    "@tabler/icons-react": "^3.36.1",
     "clsx": "^2.1.1",
     "@tiptap/extension-highlight": "^3.15.3",
     "@tiptap/extension-placeholder": "^3.15.3",

package/dist/ai/ui/promptInput/styles.module.js

@@ -1,7 +0,0 @@
-import "./styles_module.css";
-const styles_module = {
-    root: "root-gmXOO2",
-    textarea: "textarea-f3Dbtf",
-    fileActionAction: "fileActionAction-w3KPzA"
-};
-export { styles_module as default };

package/dist/ai/ui/promptInput/styles_module.css

@@ -1,24 +0,0 @@
-.root-gmXOO2 {
-  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;
-  }
-}
-
-.textarea-f3Dbtf {
-  border: 0;
-  border-radius: 8px;
-  overflow: hidden;
-}
-
-.fileActionAction-w3KPzA {
-  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));
-  }
-}
-

package/dist/ui/hoverPaper/styles.module.js

@@ -1,5 +0,0 @@
-import "./styles_module.css";
-const styles_module = {
-    root: "root-aYPBH7"
-};
-export { styles_module as default };

package/dist/ui/hoverPaper/styles_module.css

@@ -1,15 +0,0 @@
-.root-aYPBH7 {
-  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;
-  }
-}
-

package/dist/ui/routerLink/index.d.ts

@@ -1 +0,0 @@
-export * from './RouterLink';

package/dist/ui/routerLink/index.js

@@ -1 +0,0 @@
-export * from "./RouterLink.js";

package/dist/ui/routerLink/styles.module.js

@@ -1,5 +0,0 @@
-import "./styles_module.css";
-const styles_module = {
-    root: "root-t5Mcrb"
-};
-export { styles_module as default };

package/dist/ui/routerLink/styles_module.css

@@ -1,5 +0,0 @@
-.root-t5Mcrb {
-  color: inherit;
-  text-decoration: none;
-}
-

package/dist/ui/scrollArea/styles.module.js

@@ -1,7 +0,0 @@
-import "./styles_module.css";
-const styles_module = {
-    viewport: "viewport-KXLjEt",
-    content: "content-An6Wm1",
-    scrollbar: "scrollbar-q5GUTX"
-};
-export { styles_module as default };

package/dist/ui/scrollArea/styles_module.css

@@ -1,14 +0,0 @@
-.viewport-KXLjEt {
-  border-radius: var(--radius);
-}
-
-.content-An6Wm1 {
-  width: 100%;
-  height: 100%;
-}
-
-.scrollbar-q5GUTX {
-  border-top-right-radius: var(--radius);
-  border-bottom-right-radius: var(--radius);
-}
-