@rolder/kit 3.0.0-alpha.5 → 3.0.0-alpha.50

package/dist/ui/AnimatedChevron.js

@@ -1,31 +1,13 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const AnimatedChevron = ({ expanded, style, ...props })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        role: "img",
-        "aria-label": "Chevron",
+import { jsx } from "react/jsx-runtime";
+import { IconChevronDown } from "@tabler/icons-react";
+const AnimatedChevron = ({ expanded, style, ...props })=>/*#__PURE__*/ jsx(IconChevronDown, {
+        strokeWidth: 1.5,
+        "data-expanded": expanded,
         style: {
             transition: 'transform 0.2s ease-in-out',
-            transform: expanded ? 'rotate(-180deg)' : 'rotate(0deg)',
+            transform: expanded ? 'rotate(180deg)' : 'rotate(0deg)',
             ...style
         },
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M6 9l6 6l6 -6"
-            })
-        ]
+        ...props
     });
 export { AnimatedChevron };

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/getCookie.js";
+import { getCookie } from "../tanstackFunctions/index.js";
 const formatJson = (view)=>{
     try {
         const text = view.state.doc.toString();

package/dist/ui/editor/Toolbar.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader } from "@mantine/core";
 import { RichTextEditor } from "@mantine/tiptap";
+import { IconCheck } from "@tabler/icons-react";
 import { useEditor } from "./Provider.js";
 const Toolbar = ({ saving, children })=>{
     const { editor, disabledToolbar } = useEditor();
@@ -124,28 +125,9 @@ const Toolbar = ({ saving, children })=>{
                         },
                         children: saving ? /*#__PURE__*/ jsx(Loader, {
                             size: 14
-                        }) : /*#__PURE__*/ jsxs("svg", {
-                            xmlns: "http://www.w3.org/2000/svg",
-                            width: "16",
-                            height: "16",
-                            viewBox: "0 0 16 16",
-                            fill: "none",
-                            stroke: "currentColor",
-                            strokeWidth: "1.5",
-                            strokeLinecap: "round",
-                            strokeLinejoin: "round",
-                            role: "img",
-                            "aria-label": "Saved",
-                            children: [
-                                /*#__PURE__*/ jsx("path", {
-                                    stroke: "none",
-                                    d: "M0 0h24v24H0z",
-                                    fill: "none"
-                                }),
-                                /*#__PURE__*/ jsx("path", {
-                                    d: "M5 12l5 5l10 -10"
-                                })
-                            ]
+                        }) : /*#__PURE__*/ jsx(IconCheck, {
+                            stroke: 1.5,
+                            size: 16
                         })
                     })
                 ]

package/dist/ui/form/buttons/CancelButton.js

@@ -1,5 +1,6 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Button } from "@mantine/core";
+import { IconCancel } from "@tabler/icons-react";
 import { useFormContext } from "../context.js";
 const CancelButton = (props)=>{
     const form = useFormContext();
@@ -9,31 +10,8 @@ const CancelButton = (props)=>{
                 type: "reset",
                 size: "xs",
                 variant: "light",
-                leftSection: /*#__PURE__*/ jsxs("svg", {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 16 16",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    role: "img",
-                    "aria-label": "Cancel",
-                    children: [
-                        /*#__PURE__*/ jsx("path", {
-                            stroke: "none",
-                            d: "M0 0h24v24H0z",
-                            fill: "none"
-                        }),
-                        /*#__PURE__*/ jsx("path", {
-                            d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"
-                        }),
-                        /*#__PURE__*/ jsx("path", {
-                            d: "M18.364 5.636l-12.728 12.728"
-                        })
-                    ]
+                leftSection: /*#__PURE__*/ jsx(IconCancel, {
+                    size: 16
                 }),
                 disabled: isSubmitting,
                 ...props,

package/dist/ui/form/buttons/SubmitButton.js

@@ -1,5 +1,6 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Button } from "@mantine/core";
+import { IconDeviceFloppy } from "@tabler/icons-react";
 import { useFormContext } from "../context.js";
 const SubmitButton = (props)=>{
     const form = useFormContext();
@@ -8,34 +9,8 @@ const SubmitButton = (props)=>{
         children: (state)=>/*#__PURE__*/ jsx(Button, {
                 type: "submit",
                 size: "xs",
-                leftSection: /*#__PURE__*/ jsxs("svg", {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "20",
-                    height: "20",
-                    viewBox: "0 0 20 20",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    role: "img",
-                    "aria-label": "Submit",
-                    children: [
-                        /*#__PURE__*/ jsx("path", {
-                            stroke: "none",
-                            d: "M0 0h24v24H0z",
-                            fill: "none"
-                        }),
-                        /*#__PURE__*/ jsx("path", {
-                            d: "M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2"
-                        }),
-                        /*#__PURE__*/ jsx("path", {
-                            d: "M10 14a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
-                        }),
-                        /*#__PURE__*/ jsx("path", {
-                            d: "M14 4l0 4l-6 0l0 -4"
-                        })
-                    ]
+                leftSection: /*#__PURE__*/ jsx(IconDeviceFloppy, {
+                    size: 20
                 }),
                 loading: state.isSubmitting,
                 disabled: !state.isDirty,

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

@@ -1,5 +1,6 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { ActionIcon, TextInput } from "@mantine/core";
+import { IconRefresh } from "@tabler/icons-react";
 import omgopass from "omgopass";
 import { useFieldContext } from "../context.js";
 const TextPassowrdField = (props)=>{
@@ -13,31 +14,8 @@ const TextPassowrdField = (props)=>{
                     minSyllableLength: 2,
                     maxSyllableLength: 2
                 })),
-            children: /*#__PURE__*/ jsxs("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "16",
-                height: "16",
-                viewBox: "0 0 16 16",
-                fill: "none",
-                stroke: "currentColor",
-                "stroke-width": "2",
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                role: "img",
-                "aria-label": "Refresh",
-                children: [
-                    /*#__PURE__*/ jsx("path", {
-                        stroke: "none",
-                        d: "M0 0h24v24H0z",
-                        fill: "none"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4"
-                    }),
-                    /*#__PURE__*/ jsx("path", {
-                        d: "M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"
-                    })
-                ]
+            children: /*#__PURE__*/ jsx(IconRefresh, {
+                size: 16
             })
         }),
         name: field.name,

package/dist/ui/index.d.ts

@@ -0,0 +1,9 @@
+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

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

package/dist/ui/scrollArea/ScrollArea.d.ts

@@ -55,7 +55,7 @@ export declare const ScrollArea: {
     displayName: string;
 } & {
     ScrollButton: {
-        ({ className }: import("./types").ScrollButtonProps): import("react/jsx-runtime").JSX.Element | null;
+        ({ className, upIcon, downIcon, }: import("./types").ScrollButtonProps): import("react/jsx-runtime").JSX.Element | null;
         displayName: string;
     };
     Provider: import("react").Provider<ScrollAreaContextValue | null>;

package/dist/ui/scrollArea/ScrollAreaButton.d.ts

@@ -1,5 +1,5 @@
 import type { ScrollButtonProps } from './types';
 export declare const ScrollAreaButton: {
-    ({ className }: ScrollButtonProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ className, upIcon, downIcon, }: ScrollButtonProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/dist/ui/scrollArea/ScrollAreaButton.js

@@ -1,36 +1,15 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { ActionIcon } from "@mantine/core";
+import { IconChevronDown, IconChevronUp } from "@tabler/icons-react";
 import { useScrollArea } from "./context.js";
-const ScrollAreaButton = ({ className })=>{
+const ScrollAreaButton = ({ className, upIcon, downIcon })=>{
     const { hasScrollableContent, isAboveCenter, scrollToTop, scrollToBottom } = useScrollArea();
     if (!hasScrollableContent) return null;
     const isScrollingDown = isAboveCenter;
-    const icon = /*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        role: "img",
-        "aria-label": "Chevron",
-        style: {
-            transition: 'transform 0.2s ease-in-out',
-            transform: isScrollingDown ? 'rotate(-180deg)' : 'rotate(0deg)'
-        },
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M6 9l6 6l6 -6"
-            })
-        ]
+    const icon = isScrollingDown ? downIcon ?? /*#__PURE__*/ jsx(IconChevronDown, {
+        strokeWidth: 1.5
+    }) : upIcon ?? /*#__PURE__*/ jsx(IconChevronUp, {
+        strokeWidth: 1.5
     });
     const handleClick = ()=>{
         if (isScrollingDown) scrollToBottom();

package/package.json

@@ -1,67 +1,79 @@
 {
   "name": "@rolder/kit",
-  "version": "3.0.0-alpha.5",
+  "version": "3.0.0-alpha.50",
   "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
-    }
+    },
+    "./styles.css": "./dist/styles.css"
   },
+  "sideEffects": false,
   "files": [
     "dist"
   ],
   "scripts": {
     "build": "rslib build",
     "dev": "rslib build --watch",
-    "check": "biome check --write && tsc --noEmit"
+    "prepublishOnly": "bun run build",
+    "check": "biome check --write && tsgo --noEmit"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.11",
-    "@rsbuild/plugin-react": "^1.4.2",
+    "@rsbuild/plugin-react": "^1.4.3",
     "@rslib/core": "^0.19.2",
-    "@types/bun": "^1.3.5",
+    "@types/bun": "^1.3.6",
     "@types/js-cookie": "^3.0.6",
     "@types/omgopass": "^3.2.3",
     "@types/react": "^19.2.8",
-    "react": "^19.2.3",
-    "typescript": "^5.9.3",
-    "@tabler/icons": "^3.36.1"
+    "@typescript/native-preview": "^7.0.0-dev.20260117.1",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0",
-    "clsx": "^2.1.1",
+    "@ai-sdk/react": "^3.0.41",
+    "@better-upload/client": "^3.0.12",
+    "@better-upload/server": "^3.0.12",
+    "@codemirror/lang-json": "^6.0.2",
+    "@codemirror/lint": "^6.9.2",
+    "@mantine/core": "^8.3.12",
+    "@mantine/hooks": "^8.3.12",
+    "@mantine/notifications": "^8.3.12",
+    "@mantine/tiptap": "^8.3.12",
+    "@nanostores/react": "^1.0.0",
+    "@tanstack/react-form": "^1.27.7",
+    "@tanstack/react-query": "^5.90.18",
+    "@tanstack/react-router": "^1.150.0",
+    "@tanstack/react-router-ssr-query": "^1.150.0",
+    "@tanstack/react-start": "^1.150.0",
     "@tiptap/extension-highlight": "^3.15.3",
     "@tiptap/extension-placeholder": "^3.15.3",
     "@tiptap/extension-table": "^3.15.3",
     "@tiptap/extension-task-item": "^3.15.3",
     "@tiptap/extension-task-list": "^3.15.3",
     "@tiptap/extension-text-align": "^3.15.3",
+    "@tiptap/react": "^3.15.3",
     "@tiptap/starter-kit": "^3.15.3",
-    "@codemirror/lang-json": "^6.0.2",
-    "@codemirror/lint": "^6.9.2",
     "@uiw/codemirror-theme-vscode": "^4.25.4",
     "@uiw/react-codemirror": "^4.25.4",
-    "@mantine/core": "^8.3.11",
-    "@mantine/hooks": "^8.3.11",
-    "@mantine/tiptap": "^8.3.11",
-    "@mantine/notifications": "^8.3.11",
-    "@tanstack/react-router": "1.147.3",
-    "@tanstack/react-form": "1.27.7",
-    "@tanstack/react-start": "^1.149.1",
-    "@tanstack/react-query": "^5.90.16",
-    "@tanstack/react-router-ssr-query": "^1.147.3",
-    "zod": "^4.3.5",
+    "ai": "^6.0.39",
+    "clsx": "^2.1.1",
     "js-cookie": "^3.0.5",
+    "mammoth": "^1.11.0",
+    "nanoid": "^5.1.6",
     "nanostores": "^1.1.0",
-    "surrealdb": "^2.0.0-alpha.16",
     "omgopass": "^3.2.1",
-    "ai": "^6.0.31",
-    "streamdown": "^2.0.1"
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "streamdown": "^2.0.1",
+    "surrealdb": "^1.3.2",
+    "xlsx": "^0.18.5",
+    "zod": "^4.3.5"
   },
   "trustedDependencies": [
     "core-js",
     "esbuild"
-  ]
+  ],
+  "dependencies": {
+    "@tabler/icons-react": "^3.36.1"
+  }
 }

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

@@ -1,7 +0,0 @@
-export interface ConversationContext {
-    loading: boolean;
-    streaming: boolean;
-    empty: boolean;
-}
-export declare const ConversationContext: import("react").Context<ConversationContext | null>;
-export declare const useConversation: () => ConversationContext;

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

@@ -1,8 +0,0 @@
-import { createContext, useContext } from "react";
-const ConversationContext = createContext(null);
-const useConversation = ()=>{
-    const context = useContext(ConversationContext);
-    if (!context) throw new Error('useConversation must be used within a ConversationProvider');
-    return context;
-};
-export { ConversationContext, useConversation };

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

@@ -1,2 +0,0 @@
-import type { ConversationProps } from './types';
-export declare const Provider: ({ children, loading, streaming, empty, }: ConversationProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { ConversationContext } from "./ConversationContext.js";
-const Provider = ({ children, loading, streaming, empty })=>{
-    const value = {
-        loading,
-        streaming,
-        empty
-    };
-    return /*#__PURE__*/ jsx(ConversationContext.Provider, {
-        value: value,
-        children: children
-    });
-};
-export { Provider };

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

@@ -1,4 +0,0 @@
-import type { UIMessage } from 'ai';
-export declare const File: <T extends UIMessage>({ message }: {
-    message: T;
-}) => import("react/jsx-runtime").JSX.Element | null;