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

package/dist/ai/ui/conversation/FileIcon.js

@@ -9,9 +9,9 @@ const FileIcon = ({ mimeType })=>{
                 viewBox: "0 0 36 36",
                 fill: "none",
                 stroke: "var(--mantine-color-text)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
                 role: "img",
                 "aria-label": "Image",
                 children: [
@@ -42,9 +42,9 @@ const FileIcon = ({ mimeType })=>{
                 viewBox: "0 0 36 36",
                 fill: "none",
                 stroke: "var(--mantine-color-text)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
                 role: "img",
                 "aria-label": "FilePdf",
                 children: [
@@ -81,9 +81,9 @@ const FileIcon = ({ mimeType })=>{
                 viewBox: "0 0 36 36",
                 fill: "none",
                 stroke: "var(--mantine-color-text)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
                 role: "img",
                 "aria-label": "FileDoc",
                 children: [
@@ -117,9 +117,9 @@ const FileIcon = ({ mimeType })=>{
                 viewBox: "0 0 36 36",
                 fill: "none",
                 stroke: "var(--mantine-color-text)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
                 role: "img",
                 "aria-label": "FileXls",
                 children: [
@@ -156,9 +156,9 @@ const FileIcon = ({ mimeType })=>{
                 viewBox: "0 0 36 36",
                 fill: "none",
                 stroke: "var(--mantine-color-text)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
                 role: "img",
                 "aria-label": "FilePpt",
                 children: [
@@ -198,9 +198,9 @@ const FileIcon = ({ mimeType })=>{
                 viewBox: "0 0 36 36",
                 fill: "none",
                 stroke: "var(--mantine-color-text)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
                 role: "img",
                 "aria-label": "File",
                 children: [

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Paper, Stack } from "@mantine/core";
-import { ScrollArea } from "../../../ui/index.js";
+import { ScrollArea } from "../../../ui/scrollArea/index.js";
 import { Provider } from "./ConversationProvider.js";
 const Root = ({ children, loading, streaming, empty, ...props })=>/*#__PURE__*/ jsx(Provider, {
         loading: loading,

package/dist/ai/ui/conversation/index.d.ts

@@ -1,5 +1,5 @@
-export * from './types';
-export * from './useChatMessage';
+export type { ConversationProps } from './types';
+export { useChatMessage } from './useChatMessage';
 export declare const Conversation: {
     Root: ({ children, loading, streaming, empty, ...props }: import("./types").ConversationProps) => import("react/jsx-runtime").JSX.Element;
     Message: <T extends import("ai").UIMessage>({ message }: {

package/dist/ai/ui/conversation/index.js

@@ -3,8 +3,7 @@ import { File } from "./File.js";
 import { Loader } from "./Loader.js";
 import { Message } from "./Message.js";
 import { Root } from "./Root.js";
-export * from "./types.js";
-export * from "./useChatMessage.js";
+import { useChatMessage } from "./useChatMessage.js";
 const Conversation = {
     Root: Root,
     Message: Message,
@@ -12,4 +11,4 @@ const Conversation = {
     Loader: Loader,
     Empty: Empty
 };
-export { Conversation };
+export { Conversation, useChatMessage };

package/dist/ai/ui/conversation/useChatMessage.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { parseAiMessagePart } from "../../utils/index.js";
+import { parseAiMessagePart } from "../../utils/parseAiMessagePart.js";
 const useChatMessage = (part)=>{
     const [parsedText, setParsedText] = useState('');
     useEffect(()=>{

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", {
@@ -33,9 +32,9 @@ const File = (props)=>{
                             viewBox: "0 0 24 24",
                             fill: "none",
                             stroke: "currentColor",
-                            "stroke-width": "1.5",
-                            "stroke-linecap": "round",
-                            "stroke-linejoin": "round",
+                            strokeWidth: "1.5",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round",
                             role: "img",
                             "aria-label": "Paperclip",
                             children: [
@@ -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?.();
@@ -80,9 +79,9 @@ const File = (props)=>{
                                     viewBox: "0 0 24 24",
                                     fill: "none",
                                     stroke: "currentColor",
-                                    "stroke-width": "1.5",
-                                    "stroke-linecap": "round",
-                                    "stroke-linejoin": "round",
+                                    strokeWidth: "1.5",
+                                    strokeLinecap: "round",
+                                    strokeLinejoin: "round",
                                     role: "img",
                                     "aria-label": "Trash",
                                     children: [

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

@@ -9,9 +9,9 @@ const FileIcon = ({ mimeType })=>{
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "var(--mantine-color-dimmed)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
                 role: "img",
                 "aria-label": "Image",
                 children: [
@@ -42,9 +42,9 @@ const FileIcon = ({ mimeType })=>{
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "var(--mantine-color-dimmed)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
                 role: "img",
                 "aria-label": "FilePdf",
                 children: [
@@ -81,9 +81,9 @@ const FileIcon = ({ mimeType })=>{
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "var(--mantine-color-dimmed)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
                 role: "img",
                 "aria-label": "FileDoc",
                 children: [
@@ -117,9 +117,9 @@ const FileIcon = ({ mimeType })=>{
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "var(--mantine-color-dimmed)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
                 role: "img",
                 "aria-label": "FileXls",
                 children: [
@@ -156,9 +156,9 @@ const FileIcon = ({ mimeType })=>{
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "var(--mantine-color-dimmed)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
                 role: "img",
                 "aria-label": "FilePpt",
                 children: [
@@ -198,9 +198,9 @@ const FileIcon = ({ mimeType })=>{
                 viewBox: "0 0 24 24",
                 fill: "none",
                 stroke: "var(--mantine-color-dimmed)",
-                "stroke-width": "1.5",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
                 role: "img",
                 "aria-label": "File",
                 children: [

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/Submit.js

@@ -9,9 +9,9 @@ const Submit = ({ children, ...props })=>{
         viewBox: "0 0 24 24",
         fill: "none",
         stroke: "currentColor",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
         role: "img",
         "aria-label": "Submit",
         children: [

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/ai/ui/promptInput/index.d.ts

@@ -1,4 +1,4 @@
-export * from './types';
+export type { Accept, PromptInputProps } from './types';
 export declare const PromptInput: {
     Root: ({ className, onSubmit, submiting, uploading, accept, ...props }: import("@mantine/core").PaperProps & import("./types").PromptInputProps) => import("react/jsx-runtime").JSX.Element;
     Textarea: (props: import("@mantine/core").TextareaProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,6 @@ import { Footer } from "./Footer.js";
 import { Root } from "./Root.js";
 import { Submit } from "./Submit.js";
 import { Textarea } from "./Textarea.js";
-export * from "./types.js";
 const PromptInput = {
     Root: Root,
     Textarea: Textarea,

package/dist/app/AppDefaults.js

@@ -1,6 +1,6 @@
 import { useComputedColorScheme } from "@mantine/core";
 import { useEffect } from "react";
-import { setCookies } from "../functions/index.js";
+import { setCookies } from "../functions/setCookies.js";
 const AppDefaults = ({ saveColorScheme })=>{
     const colorScheme = useComputedColorScheme();
     useEffect(()=>{

package/dist/app/DefaultApp.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ColorSchemeScript, MantineProvider } from "@mantine/core";
 import { HeadContent, Scripts } from "@tanstack/react-router";
-import { getCookie } from "../functions/index.js";
+import { getCookie } from "../functions/getCookie.js";
 import { AppDefaults } from "./AppDefaults.js";
 import { cookieColorSchemeManager } from "./cookieColorSchemeManager.js";
 import { defaultTheme } from "./defaultTheme.js";

package/dist/app/cookieColorSchemeManager.js

@@ -1,6 +1,6 @@
 import { isMantineColorScheme } from "@mantine/core";
 import { atom } from "nanostores";
-import { setCookie } from "../functions/index.js";
+import { setCookie } from "../functions/setCookie.js";
 const $colorScheme = atom();
 let unsubscribeSystemTheme;
 const cookieColorSchemeManager = ({ key = 'colorScheme' } = {})=>({

package/dist/index.d.ts

@@ -1,6 +1,26 @@
-export * from './ai';
-export * from './app';
-export * from './functions';
-export * from './hooks';
-export * from './surreal';
-export * from './ui';
+/** biome-ignore-all assist/source/organizeImports: <> */
+export { Conversation, type ConversationProps, useChatMessage, } from './ai/ui/conversation';
+export { type Accept, PromptInput, type PromptInputProps, } from './ai/ui/promptInput';
+export { convertFileUIPartBlobToDataURL } from './ai/utils/convertFileUIPartBlobToDataURL';
+export { parseAiMessagePart } from './ai/utils/parseAiMessagePart';
+export { DefaultApp } from './app/DefaultApp';
+export { defaultRequestMiddlewares } from './app/defaultRequestMiddlewares';
+export { defaultTheme } from './app/defaultTheme';
+export { getCookie } from './functions/getCookie';
+export { setCookie } from './functions/setCookie';
+export { setCookies } from './functions/setCookies';
+export { useMutation } from './hooks/useMutation';
+export { useMutationWithInvalidate } from './hooks/useMutationWithInvalidate';
+export { getDB } from './surreal/connection';
+export { surrealDeleteFn, surrealUnsubscribeFn } from './surreal/deafaultCrud';
+export { deserialize } from './surreal/deserialize';
+export { encryptionFn } from './surreal/encryption';
+export { Editor, useEditor } from './ui/editor';
+export { DefaultError, DefaultNotFound, defaultErrorNotification, Forbidden, } from './ui/error';
+export { AnimatedChevron } from './ui/AnimatedChevron';
+export { useAppForm, useFieldContext, withForm, blurOnError, fieldsSchema, } from './ui/form';
+export { HoverPaper, usePaperHover } from './ui/hoverPaper';
+export { JsonInput } from './ui/JsonInput';
+export { RouterLink } from './ui/RouterLink';
+export { SaveInput } from './ui/saveInput';
+export { ScrollArea, useScrollArea, type ScrollAreaContextValue, type ScrollAreaHook, type ScrollAreaProps, type ScrollAreaState, type ScrollButtonProps, type ScrollPosition, } from './ui/scrollArea';

package/dist/index.js

@@ -1,6 +1,26 @@
-export * from "./ai/index.js";
-export * from "./app/index.js";
-export * from "./functions/index.js";
-export * from "./hooks/index.js";
-export * from "./surreal/index.js";
-export * from "./ui/index.js";
+import { Conversation, useChatMessage } from "./ai/ui/conversation/index.js";
+import { PromptInput } from "./ai/ui/promptInput/index.js";
+import { convertFileUIPartBlobToDataURL } from "./ai/utils/convertFileUIPartBlobToDataURL.js";
+import { parseAiMessagePart } from "./ai/utils/parseAiMessagePart.js";
+import { DefaultApp } from "./app/DefaultApp.js";
+import { defaultRequestMiddlewares } from "./app/defaultRequestMiddlewares.js";
+import { defaultTheme } from "./app/defaultTheme.js";
+import { getCookie } from "./functions/getCookie.js";
+import { setCookie } from "./functions/setCookie.js";
+import { setCookies } from "./functions/setCookies.js";
+import { useMutation } from "./hooks/useMutation.js";
+import { useMutationWithInvalidate } from "./hooks/useMutationWithInvalidate.js";
+import { getDB } from "./surreal/connection.js";
+import { surrealDeleteFn, surrealUnsubscribeFn } from "./surreal/deafaultCrud.js";
+import { deserialize } from "./surreal/deserialize.js";
+import { encryptionFn } from "./surreal/encryption.js";
+import { Editor, useEditor } from "./ui/editor/index.js";
+import { DefaultError, DefaultNotFound, Forbidden, defaultErrorNotification } from "./ui/error/index.js";
+import { AnimatedChevron } from "./ui/AnimatedChevron.js";
+import { blurOnError, fieldsSchema, useAppForm, useFieldContext, withForm } from "./ui/form/index.js";
+import { HoverPaper, usePaperHover } from "./ui/hoverPaper/index.js";
+import { JsonInput } from "./ui/JsonInput.js";
+import { RouterLink } from "./ui/RouterLink.js";
+import { SaveInput } from "./ui/saveInput/index.js";
+import { ScrollArea, useScrollArea } from "./ui/scrollArea/index.js";
+export { AnimatedChevron, Conversation, DefaultApp, DefaultError, DefaultNotFound, Editor, Forbidden, HoverPaper, JsonInput, PromptInput, RouterLink, SaveInput, ScrollArea, blurOnError, convertFileUIPartBlobToDataURL, defaultErrorNotification, defaultRequestMiddlewares, defaultTheme, deserialize, encryptionFn, fieldsSchema, getCookie, getDB, parseAiMessagePart, setCookie, setCookies, surrealDeleteFn, surrealUnsubscribeFn, useAppForm, useChatMessage, useEditor, useFieldContext, useMutation, useMutationWithInvalidate, usePaperHover, useScrollArea, withForm };

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/JsonInput.js

@@ -5,7 +5,7 @@ import { linter } from "@codemirror/lint";
 import { keymap } from "@codemirror/view";
 import { vscodeDark, vscodeLight } from "@uiw/codemirror-theme-vscode";
 import react_codemirror from "@uiw/react-codemirror";
-import { getCookie } from "../functions/index.js";
+import { getCookie } from "../functions/getCookie.js";
 const formatJson = (view)=>{
     try {
         const text = view.state.doc.toString();

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/error/index.d.ts

@@ -1,4 +1,4 @@
-export * from './DefaultError';
-export * from './DefaultNotFound';
-export * from './defaultErrorNotification';
-export * from './Forbidden';
+export { DefaultError } from './DefaultError';
+export { DefaultNotFound } from './DefaultNotFound';
+export { defaultErrorNotification } from './defaultErrorNotification';
+export { Forbidden } from './Forbidden';

package/dist/ui/error/index.js

@@ -1,4 +1,5 @@
-export * from "./DefaultError.js";
-export * from "./DefaultNotFound.js";
-export * from "./defaultErrorNotification.js";
-export * from "./Forbidden.js";
+import { DefaultError } from "./DefaultError.js";
+import { DefaultNotFound } from "./DefaultNotFound.js";
+import { defaultErrorNotification } from "./defaultErrorNotification.js";
+import { Forbidden } from "./Forbidden.js";
+export { DefaultError, DefaultNotFound, Forbidden, defaultErrorNotification };

package/dist/ui/form/fields/TextPassowrdField.js

@@ -20,9 +20,9 @@ const TextPassowrdField = (props)=>{
                 viewBox: "0 0 16 16",
                 fill: "none",
                 stroke: "currentColor",
-                "stroke-width": "2",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
                 role: "img",
                 "aria-label": "Refresh",
                 children: [

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

@@ -1,3 +1,3 @@
-export * from './blurOnError';
+export { blurOnError } from './blurOnError';
 export { useAppForm, useFieldContext, withForm } from './context';
-export * from './fieldsSchema';
+export { fieldsSchema } from './fieldsSchema';

package/dist/ui/form/index.js

@@ -1,4 +1,4 @@
+import { blurOnError } from "./blurOnError.js";
 import { useAppForm, useFieldContext, withForm } from "./context.js";
-export * from "./blurOnError.js";
-export * from "./fieldsSchema.js";
-export { useAppForm, useFieldContext, withForm };
+import { fieldsSchema } from "./fieldsSchema.js";
+export { blurOnError, fieldsSchema, useAppForm, useFieldContext, withForm };

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/hoverPaper/index.d.ts

@@ -1,2 +1,2 @@
-export * from './HoverPaper';
-export * from './usePaperHover';
+export { HoverPaper } from './HoverPaper';
+export { usePaperHover } from './usePaperHover';

package/dist/ui/hoverPaper/index.js

@@ -1,2 +1,3 @@
-export * from "./HoverPaper.js";
-export * from "./usePaperHover.js";
+import { HoverPaper } from "./HoverPaper.js";
+import { usePaperHover } from "./usePaperHover.js";
+export { HoverPaper, usePaperHover };

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,12 +1,13 @@
 {
   "name": "@rolder/kit",
-  "version": "3.0.0-alpha-17",
+  "version": "3.0.0-alpha.10",
   "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
-    }
+    },
+    "./styles.css": "./dist/styles.css"
   },
   "sideEffects": [
     "*.css"
@@ -28,13 +29,11 @@
     "@types/omgopass": "^3.2.3",
     "@types/react": "^19.2.8",
     "react": "^19.2.3",
-    "typescript": "^5.9.3",
-    "@tabler/icons": "^3.36.1"
+    "typescript": "^5.9.3"
   },
   "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/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ui';
-export * from './utils';

package/dist/ai/index.js

@@ -1,2 +0,0 @@
-export * from "./ui/index.js";
-export * from "./utils/index.js";

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

@@ -1,2 +0,0 @@
-export * from './conversation';
-export * from './promptInput';

package/dist/ai/ui/index.js

@@ -1,2 +0,0 @@
-export * from "./conversation/index.js";
-export * from "./promptInput/index.js";

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/ai/utils/index.d.ts

@@ -1,2 +0,0 @@
-export * from './convertFileUIPartBlobToDataURL';
-export * from './parseAiMessagePart';

package/dist/ai/utils/index.js

@@ -1,2 +0,0 @@
-export * from "./convertFileUIPartBlobToDataURL.js";
-export * from "./parseAiMessagePart.js";

package/dist/app/index.d.ts

@@ -1,3 +0,0 @@
-export * from './DefaultApp';
-export * from './defaultRequestMiddlewares';
-export * from './defaultTheme';

package/dist/app/index.js

@@ -1,3 +0,0 @@
-export * from "./DefaultApp.js";
-export * from "./defaultRequestMiddlewares.js";
-export * from "./defaultTheme.js";

package/dist/functions/cookies/index.d.ts

@@ -1,3 +0,0 @@
-export * from './getCookie';
-export * from './setCookie';
-export * from './setCookies';

package/dist/functions/cookies/index.js

@@ -1,3 +0,0 @@
-export * from "./getCookie.js";
-export * from "./setCookie.js";
-export * from "./setCookies.js";

package/dist/functions/index.d.ts

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

package/dist/functions/index.js

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

package/dist/hooks/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useMutation';
-export * from './useMutationWithInvalidate';

package/dist/hooks/index.js

@@ -1,2 +0,0 @@
-export * from "./useMutation.js";
-export * from "./useMutationWithInvalidate.js";

package/dist/surreal/index.d.ts

@@ -1,4 +0,0 @@
-export { getDB } from './connection';
-export * from './deafaultCrud';
-export { deserialize } from './deserialize';
-export { encryptionFn } from './encryption';

package/dist/surreal/index.js

@@ -1,5 +0,0 @@
-import { getDB } from "./connection.js";
-import { deserialize } from "./deserialize.js";
-import { encryptionFn } from "./encryption.js";
-export * from "./deafaultCrud.js";
-export { deserialize, encryptionFn, getDB };

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

@@ -1,7 +0,0 @@
-import "./styles_module.css";
-const styles_module = {
-    root: "root-OYYJgs",
-    content: "content-b5nnhz",
-    toolbar: "toolbar-RksEGD"
-};
-export { styles_module as default };

package/dist/ui/editor/styles_module.css

@@ -1,16 +0,0 @@
-.root-OYYJgs {
-  --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);
-}
-
-.content-b5nnhz {
-  border-radius: var(--mantine-radius-md);
-}
-
-.toolbar-RksEGD {
-  border-color: var(--editor-border-color);
-  border-top-left-radius: var(--mantine-radius-md);
-  border-top-right-radius: var(--mantine-radius-md);
-}
-

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/index.d.ts

@@ -1,9 +0,0 @@
-export * from './AnimatedChevron';
-export * from './editor';
-export * from './error';
-export * from './form';
-export * from './hoverPaper';
-export * from './JsonInput';
-export * from './routerLink';
-export * from './saveInput';
-export * from './scrollArea';

package/dist/ui/index.js

@@ -1,9 +0,0 @@
-export * from "./AnimatedChevron.js";
-export * from "./editor/index.js";
-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 "./saveInput/index.js";
-export * from "./scrollArea/index.js";

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);
-}
-