@helpdice/ui 1.6.9 → 1.7.0

package/esm/table/table-body.js

@@ -8,7 +8,8 @@ import { useTableContext } from './table-context';
 import useClasses from '../use-classes';
 import _ from 'lodash';
 import Placeholder from '../Placeholder';
-import DataTable from './data-table';
+// import { DataTable } from '@helpdice/pro';
+
 var TableBody = function TableBody(_ref) {
   var data = _ref.data,
     emptyText = _ref.emptyText,
@@ -130,8 +131,7 @@ var TableBody = function TableBody(_ref) {
   return /*#__PURE__*/React.createElement("tbody", {
     className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
   }, data.map(function (row, index) {
-    var _row$table, _row$table2, _row$table3, _row$table4, _row$table5;
-    var qid = _.uniqueId();
+    // const qid = _.uniqueId();
     if (row === null || row === undefined) {
       var uid = _.uniqueId();
       return /*#__PURE__*/React.createElement("tr", {
@@ -142,26 +142,7 @@ var TableBody = function TableBody(_ref) {
         className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
       }, "\u2003"));
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, renderRow(columns, row, index), (row === null || row === void 0 ? void 0 : row.table) && /*#__PURE__*/React.createElement("tr", {
-      key: qid,
-      className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
-    }, /*#__PURE__*/React.createElement("td", {
-      style: {
-        padding: '1rem'
-      },
-      colSpan: columns.length,
-      className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
-    }, /*#__PURE__*/React.createElement(DataTable, {
-      readOnly: true,
-      stickyHeader: false,
-      style: _extends({
-        height: 'auto !important'
-      }, row === null || row === void 0 || (_row$table = row.table) === null || _row$table === void 0 ? void 0 : _row$table.style),
-      menu: (_row$table2 = row.table) === null || _row$table2 === void 0 ? void 0 : _row$table2.menu,
-      rows: (_row$table3 = row.table) === null || _row$table3 === void 0 ? void 0 : _row$table3.rows,
-      heading: (_row$table4 = row.table) === null || _row$table4 === void 0 ? void 0 : _row$table4.heading,
-      cols: (_row$table5 = row.table) === null || _row$table5 === void 0 ? void 0 : _row$table5.cols
-    }))));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, renderRow(columns, row, index));
 
     // return (
     //   <tr

package/esm/text/child.js

@@ -62,11 +62,11 @@ var TextChild = function TextChild(_ref) {
     return "".concat(scaleClassNames, " ").concat(className).trim();
   }, [mx, my, px, py, font, className]);
   return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-    className: _JSXStyle.dynamic([["4133320328", [tag, _color, SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.font(1, 'inherit'), SCALES.ml(0, 'revert'), SCALES.mr(0, 'revert'), SCALES.mt(0, 'revert'), SCALES.mb(0, 'revert'), SCALES.pl(0, 'revert'), SCALES.pr(0, 'revert'), SCALES.pt(0, 'revert'), SCALES.pb(0, 'revert')]]]) + " " + (props && props.className != null && props.className || classNames || "")
+    className: _JSXStyle.dynamic([["2277774325", [tag, _color, SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.font(1, 'inherit'), SCALES.ml(0, 'revert'), SCALES.mr(0, 'revert'), SCALES.mt(0, 'revert'), SCALES.mb(0, 'revert'), SCALES.pl(0, 'revert'), SCALES.pr(0, 'revert'), SCALES.pt(0, 'revert'), SCALES.pb(0, 'revert')]]]) + " " + (props && props.className != null && props.className || classNames || "")
   }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "4133320328",
+    id: "2277774325",
     dynamic: [tag, _color, SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.font(1, 'inherit'), SCALES.ml(0, 'revert'), SCALES.mr(0, 'revert'), SCALES.mt(0, 'revert'), SCALES.mb(0, 'revert'), SCALES.pl(0, 'revert'), SCALES.pr(0, 'revert'), SCALES.pt(0, 'revert'), SCALES.pb(0, 'revert')]
-  }, "".concat(tag, ".__jsx-style-dynamic-selector{color:").concat(_color, ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";}.font.__jsx-style-dynamic-selector{font-size:").concat(SCALES.font(1, 'inherit'), ";}.mx.__jsx-style-dynamic-selector{margin-left:").concat(SCALES.ml(0, 'revert'), ";margin-right:").concat(SCALES.mr(0, 'revert'), ";}.my.__jsx-style-dynamic-selector{margin-top:").concat(SCALES.mt(0, 'revert'), ";margin-bottom:").concat(SCALES.mb(0, 'revert'), ";}.px.__jsx-style-dynamic-selector{padding-left:").concat(SCALES.pl(0, 'revert'), ";padding-right:").concat(SCALES.pr(0, 'revert'), ";}.py.__jsx-style-dynamic-selector{padding-top:").concat(SCALES.pt(0, 'revert'), ";padding-bottom:").concat(SCALES.pb(0, 'revert'), ";}")));
+  }, "".concat(tag, ".__jsx-style-dynamic-selector{color:").concat(_color, ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";}.font.__jsx-style-dynamic-selector{font-size:").concat(SCALES.font(1, 'inherit'), ";}.mx.__jsx-style-dynamic-selector{margin-left:").concat(SCALES.ml(0, 'revert'), ";margin-right:").concat(SCALES.mr(0, 'revert'), ";}.my.__jsx-style-dynamic-selector{margin-top:").concat(SCALES.mt(0, 'revert'), ";margin-bottom:").concat(SCALES.mb(0, 'revert'), ";}.px.__jsx-style-dynamic-selector{padding-left:").concat(SCALES.pl(0, 'revert'), ";padding-right:").concat(SCALES.pr(0, 'revert'), ";}.py.__jsx-style-dynamic-selector{padding-top:").concat(SCALES.pt(0, 'revert'), ";padding-bottom:").concat(SCALES.pb(0, 'revert'), ";}.no-wrap.__jsx-style-dynamic-selector{white-space:nowrap;}")));
 };
 TextChild.displayName = 'TextChild';
 export default TextChild;

package/esm/text/text.d.ts

@@ -16,6 +16,7 @@ interface Props {
     del?: boolean;
     em?: boolean;
     blockquote?: boolean;
+    noWrap?: boolean;
     className?: string;
     color?: TextTypes;
     align?: 'center' | 'right' | 'left';

package/esm/text/text.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["h1", "h2", "h3", "h4", "h5", "h6", "p", "b", "small", "i", "span", "del", "em", "blockquote", "children", "className"];
+var _excluded = ["h1", "h2", "h3", "h4", "h5", "h6", "p", "b", "small", "i", "span", "del", "em", "blockquote", "noWrap", "children", "className"];
 /* "use client" */;
 import React, { useMemo } from 'react';
 import TextChild from './child';
@@ -41,6 +41,8 @@ var TextComponent = function TextComponent(_ref) {
     em = _ref$em === void 0 ? false : _ref$em,
     _ref$blockquote = _ref.blockquote,
     blockquote = _ref$blockquote === void 0 ? false : _ref$blockquote,
+    _ref$noWrap = _ref.noWrap,
+    noWrap = _ref$noWrap === void 0 ? false : _ref$noWrap,
     children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
@@ -96,7 +98,7 @@ var TextComponent = function TextComponent(_ref) {
     style: {
       textAlign: props.align
     },
-    className: className,
+    className: "".concat(className, " ").concat(noWrap ? 'no-wrap' : ''),
     tag: tag
   }, props), modifers);
 };

package/esm/tooltip/__test__/index.test.js

@@ -14,7 +14,7 @@ var expectTooltipIsHidden = function expectTooltipIsHidden(wrapper) {
 describe('Tooltip', function () {
   it('should render correctly', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var wrapper;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           wrapper = mount(/*#__PURE__*/React.createElement(UiProvider, {
@@ -26,20 +26,20 @@ describe('Tooltip', function () {
           }, "some tips")));
           expectTooltipIsHidden(wrapper);
           wrapper.find('.tooltip').simulate('mouseEnter', nativeEvent);
-          _context.next = 5;
+          _context.next = 1;
           return updateWrapper(wrapper, 150);
-        case 5:
+        case 1:
           wrapper.find('#test').simulate('click', nativeEvent);
           expectTooltipIsShow(wrapper);
-          _context.next = 9;
+          _context.next = 2;
           return updateWrapper(wrapper, 150);
-        case 9:
+        case 2:
           wrapper.find('.tooltip').simulate('mouseLeave', nativeEvent);
-          _context.next = 12;
+          _context.next = 3;
           return updateWrapper(wrapper, 350);
-        case 12:
+        case 3:
           expectTooltipIsHidden(wrapper);
-        case 13:
+        case 4:
         case "end":
           return _context.stop();
       }
@@ -47,23 +47,23 @@ describe('Tooltip', function () {
   })));
   it('should render text when hover it', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var wrapper;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           wrapper = mount(/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
             text: "some text"
           }, "some tips")));
           wrapper.find('.tooltip').simulate('mouseEnter', nativeEvent);
-          _context2.next = 4;
+          _context2.next = 1;
           return updateWrapper(wrapper, 350);
-        case 4:
+        case 1:
           expectTooltipIsShow(wrapper);
           wrapper.find('.tooltip').simulate('mouseLeave', nativeEvent);
-          _context2.next = 8;
+          _context2.next = 2;
           return updateWrapper(wrapper, 350);
-        case 8:
+        case 2:
           expectTooltipIsHidden(wrapper);
-        case 9:
+        case 3:
         case "end":
           return _context2.stop();
       }
@@ -71,7 +71,7 @@ describe('Tooltip', function () {
   })));
   it('should render react-node when click it', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var wrapper, testNode;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+    return _regeneratorRuntime.wrap(function (_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
           wrapper = mount(/*#__PURE__*/React.createElement(Tooltip, {
@@ -81,9 +81,9 @@ describe('Tooltip', function () {
             trigger: "click"
           }, /*#__PURE__*/React.createElement("span", null, "click me")));
           wrapper.find('.tooltip').simulate('click', nativeEvent);
-          _context3.next = 4;
+          _context3.next = 1;
           return updateWrapper(wrapper, 150);
-        case 4:
+        case 1:
           expectTooltipIsShow(wrapper);
           testNode = wrapper.find('#test');
           expect(testNode.length).not.toBe(0);
@@ -95,11 +95,11 @@ describe('Tooltip', function () {
               cancelable: true
             }));
           });
-          _context3.next = 11;
+          _context3.next = 2;
           return updateWrapper(wrapper, 150);
-        case 11:
+        case 2:
           expectTooltipIsHidden(wrapper);
-        case 12:
+        case 3:
         case "end":
           return _context3.stop();
       }
@@ -107,7 +107,7 @@ describe('Tooltip', function () {
   })));
   it('should render inner components', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var wrapper;
-    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+    return _regeneratorRuntime.wrap(function (_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
           wrapper = mount(/*#__PURE__*/React.createElement(Tooltip, {
@@ -118,7 +118,7 @@ describe('Tooltip', function () {
             id: "test"
           }, "button")));
           expect(wrapper.find('#test').length).not.toBe(0);
-        case 2:
+        case 1:
         case "end":
           return _context4.stop();
       }
@@ -126,7 +126,7 @@ describe('Tooltip', function () {
   })));
   it('should render correctly by visible', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var wrapper;
-    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+    return _regeneratorRuntime.wrap(function (_context5) {
       while (1) switch (_context5.prev = _context5.next) {
         case 0:
           wrapper = mount(/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
@@ -136,11 +136,11 @@ describe('Tooltip', function () {
             visible: true,
             placement: "rightEnd"
           }, "some tips")));
-          _context5.next = 3;
+          _context5.next = 1;
           return updateWrapper(wrapper, 150);
-        case 3:
+        case 1:
           expect(wrapper.find('#visible').length).toBe(1);
-        case 4:
+        case 2:
         case "end":
           return _context5.stop();
       }
@@ -148,7 +148,7 @@ describe('Tooltip', function () {
   })));
   it('should render correctly by using wrong placement', /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
     var wrapper;
-    return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+    return _regeneratorRuntime.wrap(function (_context6) {
       while (1) switch (_context6.prev = _context6.next) {
         case 0:
           wrapper = mount(/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
@@ -159,7 +159,7 @@ describe('Tooltip', function () {
             placement: 'test'
           }, "some tips")));
           expect(wrapper.find('#initial-visible').length).toBe(1);
-        case 2:
+        case 1:
         case "end":
           return _context6.stop();
       }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@helpdice/ui",
-  "version": "1.6.9",
+  "version": "1.7.0",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
   "unpkg": "dist/index.min.js",
   "scripts": {
     "start": "next start",
     "dev": "next dev",
-    "next": "next build",
+    "build": "next build",
     "docs:dev": "yarn docs:collect && next dev",
     "docs:collect": "node scripts/collect-meta.js",
     "docs:seeds": "node scripts/seeds/update.js",
@@ -23,8 +23,8 @@
     "build:babel": "babel --no-babelrc --config-file ./scripts/babel.config.js --extensions \".js,.ts,.tsx\" ./components --out-dir ./esm --ignore \"**/__tests__/**/*,**/*.d.ts\"",
     "build:after": "node scripts/move-built-in.js",
     "build:types": "tsc -p ./scripts & tsc -p ./scripts --outDir ./esm",
-    "build": "yarn build:rollup && yarn build:babel && yarn build:types && yarn build:after",
-    "release": "yarn build && yarn publish --access public --non-interactive"
+    "build:package": "yarn build:rollup && yarn build:babel && yarn build:types && yarn build:after",
+    "release": "yarn publish --access public --non-interactive"
   },
   "license": "MIT",
   "description": "Modern React UI library.",
@@ -50,11 +50,13 @@
   ],
   "sideEffects": false,
   "devDependencies": {
+    "@babel/core": "7.27.4",
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
     "@babel/plugin-transform-runtime": "^7.14.5",
     "@babel/preset-env": "^7.14.7",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.14.5",
+    "@helpdice/pro": "file:../pro/build",
     "@mapbox/rehype-prism": "^0.9.0",
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
@@ -65,7 +67,7 @@
     "@rollup/plugin-node-resolve": "16.0.0",
     "@types/enzyme": "^3.10.18",
     "@types/lodash": "^4.17.15",
-    "@types/react": "~18.3.12",
+    "@types/react": "~18.3.1",
     "@types/react-color": "^3.0.13",
     "@types/react-dom": "~18.3.1",
     "@types/react-html-parser": "^2.0.6",
@@ -84,11 +86,10 @@
     "just-debounce-it": "^3.2.0",
     "next": "^15.1.7",
     "prettier": "^3.4.2",
-    "react": "~18.3.1",
+    "react": "^18.3.1",
     "react-color": "^2.19.3",
-    "react-dom": "~18.3.1",
+    "react-dom": "^18.3.1",
     "react-live": "^4.1.8",
-    "rehype-join-line": "^1.0.2",
     "rollup": "^4.32.1",
     "styled-jsx": "^5.1.6",
     "typescript": "^5.7.3",
@@ -96,13 +97,16 @@
     "yup": "^1.6.1"
   },
   "dependencies": {
+    "@floating-ui/react-dom": "^2.1.3",
     "@helpdice/icons": "^1.1.2",
+    "@mapbox/rehype-prism": "^0.9.0",
     "@types/hoist-non-react-statics": "^3.3.6",
     "@types/styled-components": "^5.1.34",
     "babel-plugin-transform-rename-import": "^2.3.0",
     "clsx": "^2.1.1",
     "deepmerge": "^4.3.1",
     "dompurify": "^3.2.4",
+    "framer-motion": "^12.17.0",
     "fuse.js": "^7.1.0",
     "hoist-non-react-statics": "^3.3.2",
     "lodash": "^4.17.21",
@@ -111,16 +115,16 @@
     "polished": "^4.3.1",
     "react-fast-compare": "^3.2.2",
     "react-is": "^19.0.0",
-    "react-syntax-highlighter": "^15.6.1",
     "react-transition-group": "^4.4.5",
+    "rehype-join-line": "^1.0.2",
     "rollup-plugin-local-resolve": "^1.0.7",
     "styled-components": "^6.1.14",
     "tiny-warning": "^1.0.3",
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
-    "react": ">=18.3.1",
-    "react-dom": ">=18.3.1"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "jest": {
     "globals": {

package/dist/cart/index.d.ts

@@ -1,72 +0,0 @@
-import * as React from "react";
-export interface Item {
-    id: string;
-    price: number;
-    quantity?: number;
-    itemTotal?: number;
-    [key: string]: any;
-}
-export interface InitialState {
-    id: string;
-    items: Item[];
-    isEmpty: boolean;
-    totalItems: number;
-    totalUniqueItems: number;
-    cartTotal: number;
-    metadata?: Metadata;
-}
-export interface Metadata {
-    [key: string]: any;
-}
-export interface CartProviderState extends InitialState {
-    addItem: (item: Item, quantity?: number) => void;
-    removeItem: (id: Item["id"]) => void;
-    updateItem: (id: Item["id"], payload: object) => void;
-    setItems: (items: Item[]) => void;
-    updateItemQuantity: (id: Item["id"], quantity: number) => void;
-    emptyCart: () => void;
-    getItem: (id: Item["id"]) => any | undefined;
-    inCart: (id: Item["id"]) => boolean;
-    clearCartMetadata: () => void;
-    setCartMetadata: (metadata: Metadata) => void;
-    updateCartMetadata: (metadata: Metadata) => void;
-}
-export type Actions = {
-    type: "SET_ITEMS";
-    payload: Item[];
-} | {
-    type: "ADD_ITEM";
-    payload: Item;
-} | {
-    type: "REMOVE_ITEM";
-    id: Item["id"];
-} | {
-    type: "UPDATE_ITEM";
-    id: Item["id"];
-    payload: object;
-} | {
-    type: "EMPTY_CART";
-} | {
-    type: "CLEAR_CART_META";
-} | {
-    type: "SET_CART_META";
-    payload: Metadata;
-} | {
-    type: "UPDATE_CART_META";
-    payload: Metadata;
-};
-export declare const initialState: any;
-export declare const createCartIdentifier: (len?: number) => string;
-export declare const useCart: () => CartProviderState;
-export declare const CartProvider: React.FC<{
-    children?: React.ReactNode;
-    id?: string;
-    defaultItems?: Item[];
-    onSetItems?: (items: Item[]) => void;
-    onItemAdd?: (payload: Item) => void;
-    onItemUpdate?: (payload: object) => void;
-    onItemRemove?: (id: Item["id"]) => void;
-    onEmptyCart?: () => void;
-    storage?: (key: string, initialValue: string) => [string, (value: Function | string) => void];
-    metadata?: Metadata;
-}>;

package/dist/cart/useLocalStorage.d.ts

@@ -1 +0,0 @@
-export default function useLocalStorage(key: string, initialValue: string): [string, (value: Function | string) => void];

package/dist/table/data-table.d.ts

@@ -1,44 +0,0 @@
-import React from 'react';
-type DataTableProps = {
-    cols: any[];
-    rows: any[];
-    readOnly?: boolean;
-    loading?: boolean;
-    heading?: never[];
-    filter?: boolean;
-    menu?: never;
-    sideMenu?: boolean;
-    style?: object;
-    children?: React.ReactNode;
-    stickyHeader?: boolean;
-    hasMore?: boolean;
-    nextFn?: () => void;
-    onBack?: () => void;
-    infiniteLoader?: React.ReactNode;
-    endMessage?: React.ReactNode;
-    onRefresh?: () => void;
-    onFilters?: (filters: object) => void;
-    onSelectedDelete?: (selected: never[]) => void;
-    onSelectedEdit?: (selected: never) => void;
-    onSelected?: (selected: any) => void;
-    disableViewColumn?: boolean;
-    rowDraggable?: boolean;
-    onDragOver?: () => void;
-    onDragEnter?: () => void;
-    onDragLeave?: () => void;
-    onDrop?: () => void;
-    onRowClick?: (row: any) => void;
-    disableMenu?: boolean;
-    dataLength?: number;
-    viewLength?: number;
-    onPageChange?: (page: number, start: number, end: number) => void;
-    cursorPagination?: boolean;
-    previousCursor?: string;
-    nextCursor?: string;
-    onNextPage?: (next?: string) => void;
-    onPreviousPage?: (prev?: string) => void;
-};
-declare function DataTable({ cols, rows, readOnly, heading, filter, menu, sideMenu, style, children, onBack, onRefresh, // Function
-onFilters, onSelectedDelete, onSelectedEdit, onSelected, disableViewColumn, rowDraggable, onDragOver, onDragEnter, onDragLeave, onDrop, onRowClick, dataLength, viewLength, onPageChange, disableMenu, cursorPagination, previousCursor, nextCursor, hasMore, stickyHeader, onNextPage, onPreviousPage, }: DataTableProps): React.JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof DataTable>;
-export default _default;

package/esm/cart/index.d.ts

@@ -1,72 +0,0 @@
-import * as React from "react";
-export interface Item {
-    id: string;
-    price: number;
-    quantity?: number;
-    itemTotal?: number;
-    [key: string]: any;
-}
-export interface InitialState {
-    id: string;
-    items: Item[];
-    isEmpty: boolean;
-    totalItems: number;
-    totalUniqueItems: number;
-    cartTotal: number;
-    metadata?: Metadata;
-}
-export interface Metadata {
-    [key: string]: any;
-}
-export interface CartProviderState extends InitialState {
-    addItem: (item: Item, quantity?: number) => void;
-    removeItem: (id: Item["id"]) => void;
-    updateItem: (id: Item["id"], payload: object) => void;
-    setItems: (items: Item[]) => void;
-    updateItemQuantity: (id: Item["id"], quantity: number) => void;
-    emptyCart: () => void;
-    getItem: (id: Item["id"]) => any | undefined;
-    inCart: (id: Item["id"]) => boolean;
-    clearCartMetadata: () => void;
-    setCartMetadata: (metadata: Metadata) => void;
-    updateCartMetadata: (metadata: Metadata) => void;
-}
-export type Actions = {
-    type: "SET_ITEMS";
-    payload: Item[];
-} | {
-    type: "ADD_ITEM";
-    payload: Item;
-} | {
-    type: "REMOVE_ITEM";
-    id: Item["id"];
-} | {
-    type: "UPDATE_ITEM";
-    id: Item["id"];
-    payload: object;
-} | {
-    type: "EMPTY_CART";
-} | {
-    type: "CLEAR_CART_META";
-} | {
-    type: "SET_CART_META";
-    payload: Metadata;
-} | {
-    type: "UPDATE_CART_META";
-    payload: Metadata;
-};
-export declare const initialState: any;
-export declare const createCartIdentifier: (len?: number) => string;
-export declare const useCart: () => CartProviderState;
-export declare const CartProvider: React.FC<{
-    children?: React.ReactNode;
-    id?: string;
-    defaultItems?: Item[];
-    onSetItems?: (items: Item[]) => void;
-    onItemAdd?: (payload: Item) => void;
-    onItemUpdate?: (payload: object) => void;
-    onItemRemove?: (id: Item["id"]) => void;
-    onEmptyCart?: () => void;
-    storage?: (key: string, initialValue: string) => [string, (value: Function | string) => void];
-    metadata?: Metadata;
-}>;