@bolio-ui/core 2.0.0-alpha.1 → 3.0.0-alpha.0

package/esm/use-all-themes/index.js

@@ -1,3 +1,9 @@
 'use client';
-import { useAllThemes } from './all-themes-context';
-export default useAllThemes;
+import {
+  use_all_themes_default
+} from "../chunk-QILHI3LO.js";
+import "../chunk-5HRVN7L7.js";
+import "../chunk-SZIX7BM5.js";
+export {
+  use_all_themes_default as default
+};

package/esm/use-body-scroll/index.js

@@ -1,3 +1,7 @@
 'use client';
-import useBodyScroll from './use-body-scroll';
-export default useBodyScroll;
+import {
+  use_body_scroll_default
+} from "../chunk-O3RTRCY5.js";
+export {
+  use_body_scroll_default as default
+};

package/esm/use-body-scroll/use-body-scroll.d.ts

@@ -7,5 +7,5 @@ export type BodyScrollOptions = {
     scrollLayer?: boolean;
     delayReset?: number;
 };
-declare function useBodyScroll(elementRef?: RefObject<HTMLElement> | null, options?: BodyScrollOptions): [boolean, Dispatch<SetStateAction<boolean>>];
+declare function useBodyScroll(elementRef?: RefObject<HTMLElement | null> | null, options?: BodyScrollOptions): [boolean, Dispatch<SetStateAction<boolean>>];
 export default useBodyScroll;

package/esm/use-classes/index.d.ts

@@ -1,2 +1,3 @@
 import { default as useClasses } from './use-classes';
+export { joinClasses } from './use-classes';
 export default useClasses;

package/esm/use-classes/index.js

@@ -1,3 +1,9 @@
 'use client';
-import { default as useClasses } from './use-classes';
-export default useClasses;
+import {
+  joinClasses,
+  use_classes_default
+} from "../chunk-5KUROAEP.js";
+export {
+  use_classes_default as default,
+  joinClasses
+};

package/esm/use-classes/use-classes.d.ts

@@ -1,4 +1,5 @@
 export type classNamesObject = Record<string, boolean | string | number | null | undefined>;
 export type className = string | classNamesObject | null | undefined | boolean | number;
+export declare const joinClasses: (...classNames: Array<className>) => string;
 declare const useClasses: (...classNames: Array<className>) => string;
 export default useClasses;

package/esm/use-click-away/index.js

@@ -1,3 +1,7 @@
 'use client';
-import useClickAway from './use-click-away';
-export default useClickAway;
+import {
+  use_click_away_default
+} from "../chunk-3WPRUUZ6.js";
+export {
+  use_click_away_default as default
+};

package/esm/use-clipboard/index.js

@@ -1,3 +1,11 @@
 'use client';
-import useClipboard from './use-clipboard';
-export default useClipboard;
+import {
+  use_clipboard_default
+} from "../chunk-C3ZZPIUO.js";
+import "../chunk-AXYDJGTN.js";
+import "../chunk-BXDUHMWS.js";
+import "../chunk-ZRORQ2WH.js";
+import "../chunk-UX2B3G6U.js";
+export {
+  use_clipboard_default as default
+};

package/esm/use-current-state/index.js

@@ -1,3 +1,7 @@
 'use client';
-import useCurrentState from './use-current-state';
-export default useCurrentState;
+import {
+  use_current_state_default
+} from "../chunk-GGD4BGH2.js";
+export {
+  use_current_state_default as default
+};

package/esm/use-input/index.js

@@ -1,3 +1,9 @@
 'use client';
-import useInput from './use-input';
-export default useInput;
+import {
+  use_input_default
+} from "../chunk-J4K4LRBI.js";
+import "../chunk-33BUV2RX.js";
+import "../chunk-GGD4BGH2.js";
+export {
+  use_input_default as default
+};

package/esm/use-keyboard/helper.d.ts

@@ -1,3 +1,3 @@
 import { KeyMod } from './codes';
-export declare const getCtrlKeysByPlatform: () => Record<string, 'metaKey' | 'ctrlKey'>;
+export declare const getCtrlKeysByPlatform: () => Record<string, "metaKey" | "ctrlKey">;
 export declare const getActiveModMap: (bindings: number[]) => Record<keyof typeof KeyMod, boolean>;

package/esm/use-keyboard/index.js

@@ -1,5 +1,13 @@
 'use client';
-import useKeyboard from './use-keyboard';
-import { KeyMod, KeyCode } from './codes';
-export { KeyMod, KeyCode };
-export default useKeyboard;
+import {
+  KeyCode,
+  KeyMod,
+  use_keyboard_default
+} from "../chunk-F3AL4TQZ.js";
+import "../chunk-ZRORQ2WH.js";
+import "../chunk-UX2B3G6U.js";
+export {
+  KeyCode,
+  KeyMod,
+  use_keyboard_default as default
+};

package/esm/use-media-query/index.js

@@ -1,3 +1,11 @@
 'use client';
-import useMediaQuery from './use-media-query';
-export default useMediaQuery;
+import {
+  use_media_query_default
+} from "../chunk-6VDRKYLW.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
+export {
+  use_media_query_default as default
+};

package/esm/use-media-query/use-media-query.d.ts

@@ -1,7 +1,5 @@
-declare const breakpoints: ["xs", "sm", "md", "lg", "xl", "mobile"];
-export type ResponsiveBreakpoint = typeof breakpoints[number];
-declare const matchType: ["up", "down", "default"];
-export type ResponsiveMatchType = typeof matchType[number];
+export type ResponsiveBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'mobile';
+export type ResponsiveMatchType = 'up' | 'down' | 'default';
 export type ResponsiveOptions = {
     match?: ResponsiveMatchType;
     ssrMatchMedia?: (query: string) => {

package/esm/use-modal/index.js

@@ -1,3 +1,9 @@
 'use client';
-import useModal from './use-modal';
-export default useModal;
+import {
+  use_modal_default
+} from "../chunk-YDYRM2KN.js";
+import "../chunk-33BUV2RX.js";
+import "../chunk-GGD4BGH2.js";
+export {
+  use_modal_default as default
+};

package/esm/use-scale/index.js

@@ -1,7 +1,24 @@
 'use client';
-import withScale from './with-scale';
-import { useScale } from './scale-context';
-export * from './utils';
-export * from './scale-context';
-export default useScale;
-export { withScale };
+import {
+  ScaleContext,
+  ScalePropKeys,
+  generateGetAllScaleProps,
+  generateGetScaleProps,
+  useScale,
+  use_scale_default,
+  with_scale_default
+} from "../chunk-MAICNLTY.js";
+import "../chunk-UX2B3G6U.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
+export {
+  ScaleContext,
+  ScalePropKeys,
+  use_scale_default as default,
+  generateGetAllScaleProps,
+  generateGetScaleProps,
+  useScale,
+  with_scale_default as withScale
+};

package/esm/use-tabs/index.js

@@ -1,3 +1,9 @@
 'use client';
-import useTabs from './use-tabs';
-export default useTabs;
+import {
+  use_tabs_default
+} from "../chunk-I6WWABJN.js";
+import "../chunk-33BUV2RX.js";
+import "../chunk-GGD4BGH2.js";
+export {
+  use_tabs_default as default
+};

package/esm/use-theme/index.js

@@ -1,3 +1,10 @@
 'use client';
-import { useTheme } from './theme-context';
-export default useTheme;
+import {
+  use_theme_default
+} from "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
+export {
+  use_theme_default as default
+};

package/esm/use-toasts/helpers.d.ts

@@ -2,17 +2,15 @@ import { Toast } from './use-toast';
 import React from 'react';
 import { BolioUIThemesPalette } from '../Themes';
 import { NormalTypes } from '../utils/prop-types';
-export declare const makeToastActions: (actions: Toast['actions'], cancelHandle: () => void) => React.JSX.Element[] | null;
+export declare const makeToastActions: (actions: Toast["actions"], cancelHandle: () => void) => React.JSX.Element[] | null;
 export declare const getColors: (palette: BolioUIThemesPalette, type?: NormalTypes) => {
     bgColor: string;
     color: string;
 };
-declare const toastPlacement: ["topLeft", "topRight", "bottomLeft", "bottomRight"];
-export type ToastPlacement = typeof toastPlacement[number];
+export type ToastPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
 export declare const isTopPlacement: (placement: ToastPlacement) => boolean;
 export declare const isLeftPlacement: (placement: ToastPlacement) => boolean;
 export declare const getTranslateByPlacement: (placement: ToastPlacement) => {
     enter: string;
     leave: string;
 };
-export {};

package/esm/use-toasts/index.js

@@ -1,3 +1,9 @@
 'use client';
-import useToasts from './use-toast';
-export default useToasts;
+import {
+  use_toasts_default
+} from "../chunk-NCUSKYUE.js";
+import "../chunk-A3BIV2QM.js";
+import "../chunk-UX2B3G6U.js";
+export {
+  use_toasts_default as default
+};

package/esm/utils/collections.d.ts

@@ -3,7 +3,7 @@ export declare const getId: () => string;
 export declare const capitalize: (str: string | symbol | number | undefined | null) => string;
 export declare const hasChild: (children: ReactNode | undefined, child: React.ElementType) => boolean;
 export declare const pickChild: (children: ReactNode | undefined, targetChild: React.ElementType) => [ReactNode | undefined, ReactNode | undefined];
-export declare const pickChildByProps: (children: ReactNode | undefined, key: string, value: any) => [ReactNode | undefined, ReactNode | undefined];
+export declare const pickChildByProps: (children: ReactNode | undefined, key: string, value: unknown) => [ReactNode | undefined, ReactNode | undefined];
 export declare const pickChildrenFirst: (children: ReactNode | undefined) => ReactNode | undefined;
 export declare const setChildrenProps: (children: ReactNode | undefined, props: Record<string, unknown>, targetComponents?: Array<React.ElementType>) => ReactNode | undefined;
 export declare const setChildrenIndex: (children: ReactNode | undefined, targetComponents?: Array<React.ElementType>) => ReactNode | undefined;

package/esm/utils/log-warning.d.ts

@@ -0,0 +1,2 @@
+declare const logWarning: (message: string, component?: string) => void;
+export default logWarning;

package/esm/utils/prop-types.d.ts

@@ -1,19 +1,10 @@
 export declare const tuple: <T extends string[]>(...args: T) => T;
 export declare const tupleNumber: <T extends number[]>(...args: T) => T;
-declare const buttonTypes: ["default", "primary", "secondary", "info", "success", "warning", "error", "abort", "primary-light", "secondary-light", "info-light", "success-light", "warning-light", "error-light"];
-declare const normalTypes: ["default", "primary", "secondary", "success", "warning", "error", "info"];
-declare const snippetTypes: ["default", "primary", "secondary", "success", "warning", "error", "info", "dark", "lite"];
-declare const cardTypes: ["default", "primary", "secondary", "success", "warning", "error", "dark", "lite", "info"];
-declare const copyTypes: ["default", "silent", "prevent"];
-declare const triggerTypes: ["hover", "click"];
-declare const placement: ["top", "topStart", "topEnd", "left", "leftStart", "leftEnd", "bottom", "bottomStart", "bottomEnd", "right", "rightStart", "rightEnd"];
-declare const dividerAlign: ["start", "center", "end", "left", "right"];
-export type ButtonTypes = typeof buttonTypes[number];
-export type NormalTypes = typeof normalTypes[number];
-export type SnippetTypes = typeof snippetTypes[number];
-export type CardTypes = typeof cardTypes[number];
-export type CopyTypes = typeof copyTypes[number];
-export type TriggerTypes = typeof triggerTypes[number];
-export type Placement = typeof placement[number];
-export type DividerAlign = typeof dividerAlign[number];
-export {};
+export type ButtonTypes = 'default' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error' | 'abort' | 'primary-light' | 'secondary-light' | 'info-light' | 'success-light' | 'warning-light' | 'error-light';
+export type NormalTypes = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+export type SnippetTypes = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'dark' | 'lite';
+export type CardTypes = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'dark' | 'lite' | 'info';
+export type CopyTypes = 'default' | 'silent' | 'prevent';
+export type TriggerTypes = 'hover' | 'click';
+export type Placement = 'top' | 'topStart' | 'topEnd' | 'left' | 'leftStart' | 'leftEnd' | 'bottom' | 'bottomStart' | 'bottomEnd' | 'right' | 'rightStart' | 'rightEnd';
+export type DividerAlign = 'start' | 'center' | 'end' | 'left' | 'right';

package/esm/utils/types.d.ts

@@ -1,3 +1,5 @@
+export type AnyElement = any;
+export type AnyObject = Record<string, any>;
 export type DeepPartial<T> = {
-    [P in keyof T]?: T[P] extends Record<string, any> ? DeepPartial<T[P]> : T[P];
+    [P in keyof T]?: T[P] extends AnyObject ? DeepPartial<T[P]> : T[P];
 };

package/esm/utils/use-bolio-ui-context.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { ToastLayout, Toast } from '../use-toasts/use-toast';
 export declare const defaultToastLayout: Required<ToastLayout>;
-export type UpdateToastsFunction = (fn: (toasts: Array<Toast>) => Array<Toast>) => any;
-export type UpdateToastsLayoutFunction = (fn: (layout: Required<ToastLayout>) => Required<ToastLayout>) => any;
-export type UpdateToastsIDFunction = (fn: () => string | null) => any;
+export type UpdateToastsFunction = (fn: (toasts: Array<Toast>) => Array<Toast>) => void;
+export type UpdateToastsLayoutFunction = (fn: (layout: Required<ToastLayout>) => Required<ToastLayout>) => void;
+export type UpdateToastsIDFunction = (fn: () => string | null) => void;
 export interface BolioUIContextParams {
     toasts: Array<Toast>;
     updateToasts: UpdateToastsFunction;

package/esm/utils/use-default-props.d.ts

@@ -1,2 +1,3 @@
-declare const useDefaultProps: <T extends Record<string | number, any>, D extends Partial<T>>(props: T, defaultProps: D) => T & Required<D>;
+import type { AnyObject } from './types';
+declare const useDefaultProps: <T extends AnyObject, D extends Partial<T>>(props: T, defaultProps: D) => T & Required<D>;
 export default useDefaultProps;

package/esm/utils/use-drag.d.ts

@@ -4,5 +4,5 @@ export type DraggingEvent = {
     currentX: number;
 };
 export type DraggingHandler = (event: DraggingEvent) => void;
-declare const useDrag: (elementRef: RefObject<HTMLElement> | null, draggingHandler?: DraggingHandler, dragStartHandler?: DraggingHandler, dragEndHandler?: DraggingHandler) => void;
+declare const useDrag: (elementRef: RefObject<HTMLElement | null> | null, draggingHandler?: DraggingHandler, dragStartHandler?: DraggingHandler, dragEndHandler?: DraggingHandler) => void;
 export default useDrag;

package/esm/utils/use-latest.d.ts

@@ -0,0 +1,3 @@
+import { MutableRefObject } from 'react';
+declare const useLatest: <T>(value: T) => MutableRefObject<T>;
+export default useLatest;

package/esm/utils/use-previous.d.ts

@@ -1,2 +1,2 @@
-declare const usePrevious: <T>(state: T) => T | null | undefined;
+declare const usePrevious: <T>(state: T) => T | undefined | null;
 export default usePrevious;

package/esm/utils/variant-colors.d.ts

@@ -0,0 +1,11 @@
+import { BolioUIThemesPalette } from '../Themes/Presets';
+export type SurfaceVariant = 'filled' | 'light' | 'outline' | 'subtle';
+export declare const SEMANTIC_COLOR_TYPES: readonly ["primary", "secondary", "success", "warning", "error", "info"];
+export type SemanticColorType = (typeof SEMANTIC_COLOR_TYPES)[number];
+export declare const isSemanticColorType: (type?: string) => type is SemanticColorType;
+export interface VariantColors {
+    bg: string;
+    border: string;
+    color: string;
+}
+export declare const getVariantColors: (palette: BolioUIThemesPalette, type: SemanticColorType, variant: SurfaceVariant) => VariantColors;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolio-ui/core",
-  "version": "2.0.0-alpha.1",
+  "version": "3.0.0-alpha.0",
   "description": "Amazing, modern and creative tools for React UI. 🥷🏼",
   "keywords": [
     "bolio",
@@ -16,14 +16,14 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/bolio-ui/bolio-ui"
+    "url": "git+https://github.com/bolio-ui/bolio-ui.git"
   },
   "license": "MIT",
   "author": {
     "name": "Bruno Andrade",
     "email": "brunnoandradi@gmail.com"
   },
-  "sideEffects": false,
+  "sideEffects": ["*.css"],
   "main": "dist/index.js",
   "unpkg": "dist/index.min.js",
   "module": "esm/index.js",
@@ -34,11 +34,8 @@
       "module": "./esm/index.js",
       "default": "./dist/index.js"
     },
-    "./next": {
-      "types": "./esm/Next/index.d.ts",
-      "module": "./esm/Next/index.js",
-      "default": "./dist/Next/index.js"
-    },
+    "./styles.css": "./dist/styles.css",
+    "./css/*": "./dist/css/*",
     "./dist/index.js": "./dist/index.js",
     "./dist/*/index.js": "./dist/*/index.js",
     "./dist/*": "./dist/*/index.js",
@@ -47,13 +44,6 @@
     "./esm/*": "./esm/*/index.js",
     "./package.json": "./package.json"
   },
-  "typesVersions": {
-    "*": {
-      "next": [
-        "esm/Next/index.d.ts"
-      ]
-    }
-  },
   "files": [
     "/dist",
     "/esm"
@@ -62,107 +52,95 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "eslint src --max-warnings=0",
-    "prepare": "husky install",
+    "lint": "eslint src core --max-warnings=0",
     "typecheck": "tsc --project tsconfig.json --noEmit",
     "test": "jest",
+    "test:react18": "[ -d compat/.work/react18/node_modules ] || npm install --prefix compat/.work/react18 --no-audit --no-fund; jest --config jest.react18.config.js",
     "test:coverage": "jest --coverage",
     "test:watch": "yarn test --watch",
     "generate": "yarn plop --plopfile generators/plopfile.js",
-    "storybook": "start-storybook -s ./public -p 6006",
-    "build-storybook": "build-storybook -s ./public",
-    "build:storybook": "build-storybook -s ./public",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build:storybook": "storybook build",
     "build:clear": "rm -rf ./dist ./esm",
-    "build:rollup": "rollup -c scripts/rollup.config.js",
-    "build:babel": "babel --no-babelrc --config-file ./scripts/babel.config.js --extensions \".js,.ts,.tsx\" ./core --out-dir ./esm --ignore \"**/__tests__/**/*,**/*.d.ts,**/stories.tsx\"",
+    "build:js": "tsup --config scripts/tsup.config.ts",
     "build:after": "node scripts/add-use-client.js",
-    "build:webpack": "webpack --config scripts/webpack.config.js",
     "build:types": "tsc -p ./scripts && tsc -p ./scripts --outDir ./esm",
-    "build:package": "yarn build:clear && yarn build:rollup && yarn build:babel && yarn build:types && yarn build:after",
+    "build:package": "yarn build:clear && yarn build:js && yarn build:types && yarn build:after",
     "clear-all": "rm -rf .next _static node_modules",
     "re-start": "rm -rf .next _static node_modules && yarn install && yarn dev",
     "re-build": "rm -rf .next _static node_modules && yarn install && yarn build",
-    "release": "yarn build && yarn build:package && yarn publish --access public --non-interactive",
-    "release:next": "yarn build:package && yarn publish --access public --tag next --non-interactive"
-  },
-  "lint-staged": {
-    "src/**/*.{js,jsx,ts,tsx}": [
-      "yarn lint --fix",
-      "yarn test --findRelatedTests --bail"
-    ]
-  },
-  "dependencies": {
-    "@babel/runtime": "^7.14.8",
-    "styled-jsx": "^5.0.7"
+    "release": "yarn build && yarn build:package && npm publish --access public",
+    "release:next": "yarn build:package && npm publish --access public --tag next"
   },
   "devDependencies": {
-    "@babel/cli": "^7.14.5",
     "@babel/core": "^7.26.0",
-    "@babel/plugin-transform-runtime": "^7.14.5",
+    "@babel/plugin-syntax-typescript": "^7",
     "@babel/preset-env": "^7.14.7",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.14.5",
     "@bolio-ui/icons": "^1.0.4",
+    "@eslint/js": "^9",
     "@mapbox/rehype-prism": "^0.9.0",
     "@mdx-js/loader": "^3.1.1",
     "@mdx-js/react": "^3.1.1",
-    "@next/mdx": "^15.5.0",
-    "@rollup/plugin-commonjs": "^21.0.1",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "@storybook/addon-essentials": "^6.5.12",
-    "@storybook/react": "^6.5.12",
+    "@next/mdx": "^16",
+    "@serwist/turbopack": "^9",
+    "@storybook/addon-docs": "^10.6",
+    "@storybook/react-vite": "^10.6",
     "@testing-library/dom": "^10",
-    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/jest-dom": "^6",
     "@testing-library/react": "^16",
-    "@types/jest": "^26.0.24",
-    "@types/react": "^18.3.0",
-    "@types/react-autosuggest": "^10.1.5",
-    "@types/react-dom": "^18.3.0",
+    "@types/jest": "^30",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
     "@types/react-syntax-highlighter": "^15.5.4",
     "@types/styled-components": "^5.1.11",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
+    "@typescript-eslint/eslint-plugin": "^8",
+    "@typescript-eslint/parser": "^8",
+    "@vitejs/plugin-react": "^5",
     "axe-core": "^4.3.2",
-    "babel-loader": "^8.2.2",
     "babel-plugin-styled-components": "^1.13.2",
     "classnames": "^2.3.1",
-    "eslint": "7.32.0",
-    "eslint-config-next": "11.0.1",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-react": "^7.24.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-storybook": "^0.6.4",
+    "esbuild": "^0.27",
+    "eslint": "^9",
+    "eslint-config-prettier": "^10",
+    "eslint-plugin-prettier": "^5",
+    "eslint-plugin-react": "^7.37",
+    "eslint-plugin-react-hooks": "^5",
+    "globals": "^17.12.0",
     "gray-matter": "^4.0.3",
-    "husky": "^7.0.0",
-    "jest": "^27.0.6",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^30",
+    "jest-environment-jsdom": "^30",
     "jest-styled-components": "^7.0.5",
     "kbar": "0.1.0-beta.6",
-    "lint-staged": "^11.1.1",
-    "next": "^15.5.0",
-    "next-pwa": "^5.6.0",
-    "next-seo": "^5.5.0",
+    "next": "^16",
     "plop": "^2.7.4",
-    "prettier": "2.3.2",
+    "postcss-modules": "^9.0.1",
+    "prettier": "^3",
     "prism-react-renderer": "^1.2.1",
-    "react": "^18.2.0",
-    "react-autosuggest": "^10.1.0",
+    "react": "^19",
     "react-device-detect": "^1.17.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "^19",
     "react-live": "^2.2.3",
     "react-syntax-highlighter": "^15.5.0",
     "rehype-join-line": "^1.0.2",
     "remark-autolink-headings": "^6.0.1",
     "remark-gfm": "^4.0.1",
     "remark-slug": "^6.0.0",
-    "rollup": "^2.64.0",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-local-resolve": "^1.0.7",
+    "serwist": "^9",
+    "storybook": "^10.6",
     "styled-components": "^5.3.0",
-    "typescript": "~4.9.5"
+    "tsup": "^8",
+    "typescript": "~5.9.3",
+    "vite": "^8"
   },
   "resolutions": {
-    "@types/react": "^18.3.0"
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "react": "^19",
+    "react-dom": "^19"
   },
   "peerDependencies": {
     "react": "^18.2.0 || ^19.0.0",

package/dist/Next/StyledJsxRegistry.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const StyledJsxRegistry: React.FC<React.PropsWithChildren<unknown>>;
-export default StyledJsxRegistry;

package/dist/Next/index.d.ts

@@ -1,3 +0,0 @@
-import StyledJsxRegistry from './StyledJsxRegistry';
-export { StyledJsxRegistry };
-export default StyledJsxRegistry;