ikoncomponents 1.6.3 → 1.6.5

package/dist/vendor/assistant-ui-react/src/utils/smooth/SmoothContext.d.ts

@@ -0,0 +1,86 @@
+import { ComponentType, FC, PropsWithChildren } from "react";
+import { ReadonlyStore } from "../../context/ReadonlyStore";
+export declare const SmoothContextProvider: FC<PropsWithChildren>;
+export declare const withSmoothContextProvider: <C extends ComponentType<any>>(Component: C) => C;
+export declare const useSmoothStatus: {
+    (): {
+        readonly type: "running";
+    } | {
+        readonly type: "complete";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+        readonly error?: unknown;
+    } | {
+        readonly type: "requires-action";
+        readonly reason: "interrupt";
+    };
+    <TSelected>(selector: (state: {
+        readonly type: "running";
+    } | {
+        readonly type: "complete";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+        readonly error?: unknown;
+    } | {
+        readonly type: "requires-action";
+        readonly reason: "interrupt";
+    }) => TSelected): TSelected;
+    (options: {
+        optional: true;
+    }): {
+        readonly type: "running";
+    } | {
+        readonly type: "complete";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+        readonly error?: unknown;
+    } | {
+        readonly type: "requires-action";
+        readonly reason: "interrupt";
+    } | null;
+    <TSelected>(options: {
+        optional: true;
+        selector?: ((state: {
+            readonly type: "running";
+        } | {
+            readonly type: "complete";
+        } | {
+            readonly type: "incomplete";
+            readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+            readonly error?: unknown;
+        } | {
+            readonly type: "requires-action";
+            readonly reason: "interrupt";
+        }) => TSelected) | undefined;
+    }): TSelected | null;
+}, useSmoothStatusStore: {
+    (): ReadonlyStore<{
+        readonly type: "running";
+    } | {
+        readonly type: "complete";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+        readonly error?: unknown;
+    } | {
+        readonly type: "requires-action";
+        readonly reason: "interrupt";
+    }>;
+    (options: {
+        optional: true;
+    }): ReadonlyStore<{
+        readonly type: "running";
+    } | {
+        readonly type: "complete";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+        readonly error?: unknown;
+    } | {
+        readonly type: "requires-action";
+        readonly reason: "interrupt";
+    }> | null;
+};

package/dist/vendor/assistant-ui-react/src/utils/smooth/SmoothContext.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useState, } from "react";
+import { create } from "zustand";
+import { useAui } from "@assistant-ui/store";
+import { createContextStoreHook } from "../../context/react/utils/createContextStoreHook";
+const SmoothContext = createContext(null);
+const makeSmoothContext = (initialState) => {
+    const useSmoothStatus = create(() => initialState);
+    return { useSmoothStatus };
+};
+export const SmoothContextProvider = ({ children }) => {
+    const outer = useSmoothContext({ optional: true });
+    const aui = useAui();
+    const [context] = useState(() => makeSmoothContext(aui.part().getState().status));
+    // do not wrap if there is an outer SmoothContextProvider
+    if (outer)
+        return children;
+    return (_jsx(SmoothContext.Provider, { value: context, children: children }));
+};
+export const withSmoothContextProvider = (Component) => {
+    const Wrapped = forwardRef((props, ref) => {
+        return (_jsx(SmoothContextProvider, { children: _jsx(Component, Object.assign({}, props, { ref: ref })) }));
+    });
+    Wrapped.displayName = Component.displayName;
+    return Wrapped;
+};
+function useSmoothContext(options) {
+    const context = useContext(SmoothContext);
+    if (!(options === null || options === void 0 ? void 0 : options.optional) && !context)
+        throw new Error("This component must be used within a SmoothContextProvider.");
+    return context;
+}
+export const { useSmoothStatus, useSmoothStatusStore } = createContextStoreHook(useSmoothContext, "useSmoothStatus");

package/dist/vendor/assistant-ui-react/src/utils/smooth/index.d.ts

@@ -0,0 +1,2 @@
+export { useSmooth } from "./useSmooth";
+export { useSmoothStatus, withSmoothContextProvider } from "./SmoothContext";

package/dist/vendor/assistant-ui-react/src/utils/smooth/index.js

@@ -0,0 +1,5 @@
+"use client";
+// TODO createContextStoreHook does not work well with server-side nextjs bundler
+// use client necessary here for now
+export { useSmooth } from "./useSmooth";
+export { useSmoothStatus, withSmoothContextProvider } from "./SmoothContext";

package/dist/vendor/assistant-ui-react/src/utils/smooth/useSmooth.d.ts

@@ -0,0 +1,3 @@
+import { ReasoningMessagePart, TextMessagePart } from "../../types/AssistantTypes";
+import { MessagePartState } from "../../legacy-runtime/runtime/MessagePartRuntime";
+export declare const useSmooth: (state: MessagePartState & (TextMessagePart | ReasoningMessagePart), smooth?: boolean) => MessagePartState & (TextMessagePart | ReasoningMessagePart);

package/dist/vendor/assistant-ui-react/src/utils/smooth/useSmooth.js

@@ -0,0 +1,107 @@
+"use client";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { useAuiState } from "@assistant-ui/store";
+import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
+import { useSmoothStatusStore } from "./SmoothContext";
+import { writableStore } from "../../context/ReadonlyStore";
+class TextStreamAnimator {
+    constructor(currentText, setText) {
+        this.currentText = currentText;
+        this.setText = setText;
+        this.animationFrameId = null;
+        this.lastUpdateTime = Date.now();
+        this.targetText = "";
+        this.animate = () => {
+            const currentTime = Date.now();
+            const deltaTime = currentTime - this.lastUpdateTime;
+            let timeToConsume = deltaTime;
+            const remainingChars = this.targetText.length - this.currentText.length;
+            const baseTimePerChar = Math.min(5, 250 / remainingChars);
+            let charsToAdd = 0;
+            while (timeToConsume >= baseTimePerChar && charsToAdd < remainingChars) {
+                charsToAdd++;
+                timeToConsume -= baseTimePerChar;
+            }
+            if (charsToAdd !== remainingChars) {
+                this.animationFrameId = requestAnimationFrame(this.animate);
+            }
+            else {
+                this.animationFrameId = null;
+            }
+            if (charsToAdd === 0)
+                return;
+            this.currentText = this.targetText.slice(0, this.currentText.length + charsToAdd);
+            this.lastUpdateTime = currentTime - timeToConsume;
+            this.setText(this.currentText);
+        };
+    }
+    start() {
+        if (this.animationFrameId !== null)
+            return;
+        this.lastUpdateTime = Date.now();
+        this.animate();
+    }
+    stop() {
+        if (this.animationFrameId !== null) {
+            cancelAnimationFrame(this.animationFrameId);
+            this.animationFrameId = null;
+        }
+    }
+}
+const SMOOTH_STATUS = Object.freeze({
+    type: "running",
+});
+export const useSmooth = (state, smooth = false) => {
+    const { text } = state;
+    const id = useAuiState(({ message }) => message.id);
+    const idRef = useRef(id);
+    const [displayedText, setDisplayedText] = useState(text);
+    const smoothStatusStore = useSmoothStatusStore({ optional: true });
+    const setText = useCallbackRef((text) => {
+        setDisplayedText(text);
+        if (smoothStatusStore) {
+            const target = displayedText !== text || state.status.type === "running"
+                ? SMOOTH_STATUS
+                : state.status;
+            writableStore(smoothStatusStore).setState(target, true);
+        }
+    });
+    // TODO this is hacky
+    useEffect(() => {
+        if (smoothStatusStore) {
+            const target = smooth && (displayedText !== text || state.status.type === "running")
+                ? SMOOTH_STATUS
+                : state.status;
+            writableStore(smoothStatusStore).setState(target, true);
+        }
+    }, [smoothStatusStore, smooth, text, displayedText, state.status]);
+    const [animatorRef] = useState(new TextStreamAnimator(text, setText));
+    useEffect(() => {
+        if (!smooth) {
+            animatorRef.stop();
+            return;
+        }
+        if (idRef.current !== id || !text.startsWith(animatorRef.targetText)) {
+            idRef.current = id;
+            setText(text);
+            animatorRef.currentText = text;
+            animatorRef.targetText = text;
+            animatorRef.stop();
+            return;
+        }
+        animatorRef.targetText = text;
+        animatorRef.start();
+    }, [setText, animatorRef, id, smooth, text]);
+    useEffect(() => {
+        return () => {
+            animatorRef.stop();
+        };
+    }, [animatorRef]);
+    return useMemo(() => smooth
+        ? {
+            type: "text",
+            text: displayedText,
+            status: text === displayedText ? state.status : SMOOTH_STATUS,
+        }
+        : state, [smooth, displayedText, state, text]);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ikoncomponents",
-  "version": "1.6.3",
+  "version": "1.6.5",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "css": "dist/styles.css",
@@ -10,11 +10,14 @@
   "scripts": {
     "build": "npm run build:js && npm run build:css",
     "build:js": "tsc -p tsconfig.json",
-    "build:css": "npx tailwindcss -i ./src/styles.css -o ./dist/styles.css --mini",
+    "build:css": "postcss src/styles.css -o dist/styles.css --config postcss.config.mjs --minify",
     "clean": "rimraf dist",
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
+    "@assistant-ui/react": "^0.12.1",
+    "@assistant-ui/react-ai-sdk": "^1.1.20",
+    "@assistant-ui/react-markdown": "^0.11.10",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-aspect-ratio": "^1.1.7",
@@ -33,13 +36,16 @@
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-toggle": "^1.1.10",
     "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@tanstack/react-table": "^8.21.3",
+    "ai": "^6.0.70",
+    "assistant-cloud": "^0.1.16",
+    "assistant-stream": "^0.3.1",
     "axios": "^1.13.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -49,26 +55,29 @@
     "crypto-js": "^4.2.0",
     "date-fns": "^4.1.0",
     "echarts": "^6.0.0",
-    "eslint": "^9",
     "framer-motion": "^12.23.22",
     "input-otp": "^1.4.2",
     "jwt-decode": "^4.0.0",
     "lucide-react": "^0.552.0",
     "motion": "^12.23.22",
-    "next": "16.0.0",
+    "next": "^16.1.6",
     "next-themes": "^0.4.6",
-    "react": "^18.2.0",
+    "react": "^18.2.0 || ^19.0.0",
     "react-big-calendar": "^1.19.4",
     "react-cropper": "^2.3.3",
     "react-day-picker": "^9.9.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.2.0 || ^19.0.0",
     "react-hook-form": "^7.64.0",
+    "remark-gfm": "^4.0.1",
     "shadcn": "^3.5.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
     "tailwindcss-animate": "^1.0.7",
+    "tap": "^21.5.0",
     "uuid": "^13.0.0",
     "vaul": "^1.1.2",
+    "zod": "^4.3.6",
+    "zustand": "^5.0.10",
     "zxcvbn": "^4.4.2"
   },
   "devDependencies": {
@@ -82,11 +91,13 @@
     "autoprefixer": "^10.4.21",
     "eslint": "^9",
     "eslint-config-next": "16.0.0",
-    "next": "^14.0.0",
+    "next": "^16.1.6",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.1",
     "postcss-preset-env": "^10.4.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "rimraf": "^6.0.1",
     "tailwindcss": "^4",
     "tw-animate-css": "^1.4.0",
@@ -94,10 +105,13 @@
   },
   "peerDependencies": {
     "clsx": "^2.1.1",
-    "next": "16.0.0",
+    "framer-motion": "^12.23.22",
+    "next": "^16.1.6",
     "next-themes": "^0.4.6",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "tailwind-merge": "^3.3.1"
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0",
+    "remark-gfm": "^4.0.1",
+    "tailwind-merge": "^3.3.1",
+    "zustand": "^5.0.10"
   }
 }