beesoft-components 0.3.2 → 0.3.3

package/dist/style.css

@@ -0,0 +1 @@
+*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.bsc-fixed{position:fixed}.bsc-col-span-3{grid-column:span 3 / span 3}.bsc-col-span-4{grid-column:span 4 / span 4}.bsc-ml-2{margin-left:.5rem}.bsc-mr-2{margin-right:.5rem}.bsc-flex{display:flex}.bsc-grid{display:grid}.bsc-h-3\/4{height:75%}.bsc-h-full{height:100%}.bsc-h-screen{height:100vh}.bsc-w-24{width:6rem}.bsc-w-full{width:100%}.bsc-min-w-\[329px\]{min-width:329px}.bsc-flex-shrink{flex-shrink:1}.bsc-flex-grow{flex-grow:1}.bsc-cursor-not-allowed{cursor:not-allowed}.bsc-cursor-pointer{cursor:pointer}.bsc-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.bsc-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.bsc-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.bsc-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.bsc-flex-row{flex-direction:row}.bsc-flex-col{flex-direction:column}.bsc-justify-center{justify-content:center}.bsc-gap-3{gap:.75rem}.bsc-gap-4{gap:1rem}.bsc-overflow-hidden{overflow:hidden}.bsc-overflow-scroll{overflow:scroll}.bsc-overflow-x-auto{overflow-x:auto}.bsc-overflow-y-hidden{overflow-y:hidden}.bsc-whitespace-pre{white-space:pre}.bsc-rounded-md{border-radius:.375rem}.bsc-border{border-width:1px}.bsc-border-r{border-right-width:1px}.bsc-border-solid{border-style:solid}.\!bsc-border-none{border-style:none!important}.\!bsc-border-error{border-color:var(--theme-bsc-error)!important}.\!bsc-border-transparent{border-color:transparent!important}.bsc-border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.bsc-border-gray-3{border-color:var(--theme-bsc-gray-3)}.bsc-bg-gray-2{background-color:var(--theme-bsc-gray-2)}.bsc-bg-mono-dark-1{background-color:var(--theme-bsc-mono-dark-1)}.bsc-bg-primary-3{background-color:var(--theme-bsc-primary-3)}.bsc-bg-primary-5{background-color:var(--theme-bsc-primary-5)}.bsc-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bsc-p-2{padding:.5rem}.bsc-p-4{padding:1rem}.bsc-px-2{padding-left:.5rem;padding-right:.5rem}.bsc-py-1{padding-top:.25rem;padding-bottom:.25rem}.bsc-pb-2{padding-bottom:.5rem}.bsc-pb-8{padding-bottom:2rem}.bsc-pl-4{padding-left:1rem}.bsc-pr-2{padding-right:.5rem}.bsc-pr-4{padding-right:1rem}.bsc-text-left{text-align:left}.bsc-text-center{text-align:center}.\!bsc-text-sm{font-size:.875rem!important;line-height:1.25rem!important}.bsc-text-sm{font-size:.875rem;line-height:1.25rem}.bsc-font-bold{font-weight:700}.bsc-text-error{color:var(--theme-bsc-error)}.bsc-text-gray-3{color:var(--theme-bsc-gray-3)}.bsc-text-gray-4{color:var(--theme-bsc-gray-4)}.bsc-text-mono-dark-1{color:var(--theme-bsc-mono-dark-1)}.bsc-text-primary-1{color:var(--theme-bsc-primary-1)}.bsc-shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.bsc-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:root{--theme-bsc-primary-1: #2f54ff;--theme-bsc-primary-2: #5f7bff;--theme-bsc-primary-3: #899eff;--theme-bsc-primary-4: #b4c1ff;--theme-bsc-primary-5: #dee4ff;--theme-bsc-gray-1: #303030;--theme-bsc-gray-2: #5f5f5f;--theme-bsc-gray-3: #8f8f8f;--theme-bsc-gray-4: #bebebe;--theme-bsc-gray-5: #eeeeee;--theme-bsc-mono-dark-1: #222222;--theme-bsc-mono-dark-2: #3c3c3c;--theme-bsc-mono-dark-3: #4e4e4e;--theme-bsc-mono-light-1: #fefefe;--theme-bsc-mono-light-2: #eeeeee;--theme-bsc-mono-light-3: #cccccc;--theme-bsc-info: #2e7ff8;--theme-bsc-success: #53ae0c;--theme-bsc-warning: #ff6914;--theme-bsc-error: #f01616}.hover\:bsc-bg-gray-4:hover{background-color:var(--theme-bsc-gray-4)}.focus\:bsc-outline-none:focus{outline:2px solid transparent;outline-offset:2px}:is(.bsc-dark .dark\:bsc-border-mono-light-1){border-color:var(--theme-bsc-mono-light-1)}:is(.bsc-dark .dark\:bsc-border-white){--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}:is(.bsc-dark .dark\:bsc-bg-mono-dark-1){background-color:var(--theme-bsc-mono-dark-1)}:is(.bsc-dark .dark\:bsc-bg-mono-light-1){background-color:var(--theme-bsc-mono-light-1)}:is(.bsc-dark .dark\:bsc-bg-mono-light-3){background-color:var(--theme-bsc-mono-light-3)}:is(.bsc-dark .dark\:bsc-text-mono-dark-1){color:var(--theme-bsc-mono-dark-1)}:is(.bsc-dark .dark\:bsc-text-mono-light-1){color:var(--theme-bsc-mono-light-1)}:is(.bsc-dark .dark\:hover\:bsc-bg-mono-light-1:hover){background-color:var(--theme-bsc-mono-light-1)}:is(.bsc-dark .dark\:hover\:bsc-bg-mono-light-2:hover){background-color:var(--theme-bsc-mono-light-2)}:is(.bsc-dark .dark\:hover\:bsc-text-mono-dark-1:hover){color:var(--theme-bsc-mono-dark-1)}:is(.bsc-dark .dark\:hover\:bsc-text-mono-dark-2:hover){color:var(--theme-bsc-mono-dark-2)}

package/package.json

@@ -1,133 +1,110 @@
 {
   "name": "beesoft-components",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "private": false,
-  "author": "Brandon Trabon",
+  "type": "module",
+  "author": {
+    "name": "Brandon Trabon"
+  },
   "keywords": [
     "react",
     "ui components",
-    "date time"
+    "date time",
+    "mobile"
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/Beehive-Software-Consultants/beesoft-components"
+    "url": "git+https://github.com/Beehive-Software-Consultants/beesoft-components.git"
   },
   "files": [
-    "build",
+    "dist",
     "types"
   ],
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
   "license": "MIT",
-  "main": "build/index.cjs.js",
-  "module": "build/index.min.js",
-  "types": "build/types/src/index.d.ts",
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./types/index.d.ts",
+  "scripts": {
+    "dev": "bunx --bun vite",
+    "build": "rimraf build && rimraf types && bunx --bun vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "chromatic": "chromatic"
+  },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.4.0",
-    "@fortawesome/free-regular-svg-icons": "^6.4.0",
-    "@fortawesome/free-solid-svg-icons": "^6.4.0",
+    "@fortawesome/fontawesome-svg-core": "^6.4.2",
+    "@fortawesome/free-regular-svg-icons": "^6.4.2",
+    "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "classnames": "^2.3.1",
-    "date-fns": "^2.29.3",
+    "classnames": "^2.3.2",
+    "date-fns": "^2.30.0",
     "lodash": "^4.17.21",
     "react-transition-group": "^4.4.5",
-    "uuid": "^9.0.0"
-  },
-  "scripts": {
-    "start": "start-storybook -p 6006 -s public",
-    "build": "rimraf build && rimraf types && rollup -c --environment NODE_ENV:production",
-    "build:app": "craco build",
-    "test": "echo \"craco test\"",
-    "eject": "react-scripts eject",
-    "storybook": "cross-env NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006 -s public",
-    "build-storybook": "cross-env NODE_OPTIONS=--openssl-legacy-provider build-storybook -s public"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
+    "uuid": "^9.0.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.21.0",
-    "@babel/preset-env": "^7.21.4",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.21.4",
-    "@craco/craco": "^7.1.0",
-    "@release-it/bumper": "^4.0.2",
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-node-resolve": "^15.0.1",
-    "@rollup/plugin-terser": "^0.4.1",
-    "@rollup/plugin-typescript": "^11.1.0",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/builder-webpack5": "^6.5.16",
-    "@storybook/manager-webpack5": "^6.5.16",
-    "@storybook/node-logger": "^6.5.16",
-    "@storybook/preset-create-react-app": "^4.1.2",
-    "@storybook/react": "^6.5.16",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.4.3",
-    "@types/dot-object": "^2.1.2",
-    "@types/jest": "^26.0.15",
-    "@types/lodash": "^4.14.168",
-    "@types/node": "18.0.0",
-    "@types/react": "^18.0.31",
-    "@types/react-dom": "^18.0.11",
-    "@types/react-transition-group": "^4.4.5",
-    "@types/uuid": "^9.0.1",
-    "@typescript-eslint/eslint-plugin": "^5.57.0",
-    "@typescript-eslint/parser": "^5.57.0",
-    "autoprefixer": "^10.4.14",
-    "babel-plugin-macros": "^3.1.0",
-    "cross-env": "^7.0.3",
-    "eslint": "^8.37.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.32.2",
+    "@release-it/bumper": "^5.1.0",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@storybook/addon-essentials": "^7.5.3",
+    "@storybook/addon-interactions": "^7.5.3",
+    "@storybook/addon-links": "^7.5.3",
+    "@storybook/blocks": "^7.5.3",
+    "@storybook/builder-vite": "^7.5.3",
+    "@storybook/react": "^7.5.3",
+    "@storybook/react-vite": "^7.5.3",
+    "@storybook/testing-library": "^0.2.2",
+    "@testing-library/jest-dom": "^6.1.4",
+    "@testing-library/react": "^14.1.0",
+    "@testing-library/user-event": "^14.5.1",
+    "@types/lodash-es": "^4.17.11",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@types/react-transition-group": "^4.4.9",
+    "@types/uuid": "^9.0.7",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react-swc": "^3.3.2",
+    "autoprefixer": "^10.4.16",
+    "bun-types": "^1.0.12",
+    "chromatic": "^9.1.0",
+    "eslint": "^8.45.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.6.11",
-    "postcss": "^8.4.21",
-    "prettier": "^2.8.7",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-plugin-storybook": "^0.6.15",
+    "postcss": "^8.4.31",
+    "prettier": "^3.0.3",
     "react": "^18.2.0",
-    "react-docgen-typescript-loader": "^3.7.2",
     "react-dom": "^18.2.0",
-    "react-scripts": "5.0.1",
-    "release-it": "^15.10.1",
-    "rollup": "^3.20.2",
-    "rollup-plugin-copy": "^3.4.0",
+    "release-it": "^16.2.1",
     "rollup-plugin-gzip": "^3.1.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "tailwindcss": "^3.3.1",
-    "ts-loader": "^9.4.2",
-    "ts-node": "^10.9.1",
-    "tslib": "^2.5.0",
-    "typescript": "^5.0.3",
-    "webpack": "^5"
+    "storybook": "^7.5.3",
+    "tailwindcss": "^3.3.5",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5",
+    "vite-plugin-dts": "^3.6.3"
   },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "resolutions": {
-    "**/@types/react": "^18.0.31",
-    "@storybook/react/webpack": "^5",
-    "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.cd77847.0"
-  }
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "bugs": {
+    "url": "https://github.com/Beehive-Software-Consultants/beesoft-components/issues"
+  },
+  "readme": "ERROR: No README data found!",
+  "homepage": "https://github.com/Beehive-Software-Consultants/beesoft-components#readme"
 }

package/types/index.d.ts

@@ -0,0 +1,323 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+
+export declare function applyBeeSoftTheme(theme: Record<string, unknown>): void;
+
+declare enum CalendarIconPosition {
+    Right = 0,
+    Left = 1,
+    None = 2
+}
+
+declare enum CalendarSelectionMode {
+    Normal = 0,
+    Range = 1
+}
+
+export declare const ContentEditableInput: React_2.ForwardRefExoticComponent<ContentEditableInputProps & React_2.RefAttributes<ContentEditableInputRef>>;
+
+declare interface ContentEditableInputProps extends FormInputControl<string> {
+    debounceTime?: number;
+    fillContainer?: boolean;
+    leftElement?: React_2.JSX.Element;
+    rightElement?: React_2.JSX.Element;
+    leftElementClassName?: string;
+    rightElementClassName?: string;
+    isSingleLine?: boolean;
+    allowSingleLineScroll?: boolean;
+    onInnerTextChange?: (value: string) => void;
+    onInnerHTMLChange?: (value: string) => void;
+    onElementCreate?: (element: HTMLElement) => void;
+    onLeftElementClick?: (event: React_2.MouseEvent) => void;
+    onRightElementClick?: (event: React_2.MouseEvent) => void;
+}
+
+declare interface ContentEditableInputRef {
+    inputElement?: HTMLElement;
+    setInnerText: (innerText: string) => void;
+    setInnerHTML: (innerHTML: string) => void;
+    focus: () => void;
+}
+
+export declare function createBeeSoftTheme(primary1: string, primary2: string, primary3: string, primary4: string, primary5: string, gray1: string, gray2: string, gray3: string, gray4: string, gray5: string, monoDark1: string, monoDark2: string, monoDark3: string, monoLight1: string, monoLight2: string, monoLight3: string, info: string, success: string, warning: string, error: string): {
+    '--theme-bsc-primary-1': string;
+    '--theme-bsc-primary-2': string;
+    '--theme-bsc-primary-3': string;
+    '--theme-bsc-primary-4': string;
+    '--theme-bsc-primary-5': string;
+    '--theme-bsc-gray-1': string;
+    '--theme-bsc-gray-2': string;
+    '--theme-bsc-gray-3': string;
+    '--theme-bsc-gray-4': string;
+    '--theme-bsc-gray-5': string;
+    '--theme-bsc-mono-dark-1': string;
+    '--theme-bsc-mono-dark-2': string;
+    '--theme-bsc-mono-dark-3': string;
+    '--theme-bsc-mono-light-1': string;
+    '--theme-bsc-mono-light-2': string;
+    '--theme-bsc-mono-light-3': string;
+    '--theme-bsc-info': string;
+    '--theme-bsc-success': string;
+    '--theme-bsc-warning': string;
+    '--theme-bsc-error': string;
+};
+
+declare enum DateFormatType {
+    Short = 0,
+    Medium = 1,
+    Long = 2
+}
+
+declare enum DateScrollerType {
+    Day = 0,
+    Month = 1,
+    Year = 2,
+    Range = 3
+}
+
+export declare enum DateSelectionType {
+    DateTime = 0,
+    DateOnly = 1,
+    TimeOnly = 2,
+    DateRange = 3
+}
+
+export declare const DateTime: ({ value, readOnly, label, useDefaultDateValue, useFormattedInput, allowClear, locale, className, dateSelection, dateFormat, timeConstraints, icon, iconPosition, inputElement, selectableDate, isValidDate, onChange, calendarTemplate, dateScrollerTemplate, inputTemplate, }: DateTimeProps) => JSX_2.Element;
+
+declare type DateTimeCalendarTemplate = TemplateFunction<DateTimeCalendarTemplateProps>;
+
+export declare interface DateTimeCalendarTemplateProps {
+    viewDate: Date;
+    selectedDate?: Date;
+    selectedStartDate?: Date;
+    selectedEndDate?: Date;
+    selectionMode?: CalendarSelectionMode;
+    locale?: Locale;
+    weekDays?: Array<string>;
+    monthMatrix?: Array<Array<DayType>>;
+    selectableDate?: (currentDate: Date) => boolean;
+    isValidDate?: (selectedDate: Date) => boolean;
+    onDateClicked: (date: Date) => void;
+    isSelectedDate: (currentDate: Date) => boolean;
+    isInSelectedDateRange: (currentDate: Date) => boolean;
+}
+
+declare type DateTimeInputTemplate = TemplateFunction<DateTimeInputTemplateProps>;
+
+export declare interface DateTimeInputTemplateProps {
+    label?: string;
+    readOnly: boolean;
+    allowClear: boolean;
+    getValue: () => string;
+    onFocus: (event: FocusEvent) => void;
+    onInput: (event: React_2.FormEvent) => void;
+    iconPosition: CalendarIconPosition;
+    iconElement?: React_2.JSX.Element;
+}
+
+declare interface DateTimeProps extends FormInputControl<string | TypeOrArray<Date>, TypeOrArray<Date>> {
+    useDefaultDateValue?: boolean;
+    useFormattedInput?: boolean;
+    allowClear?: boolean;
+    locale?: string;
+    dateSelection?: DateSelectionType;
+    dateFormat?: DateFormatType;
+    timeConstraints?: TimeConstraints;
+    icon?: React_2.JSX.Element;
+    iconPosition?: CalendarIconPosition;
+    inputElement?: HTMLElement;
+    /**
+     * If the passed function returns false then that date will not be selectable and will be marked with the error style.
+     * @param {Date} currentDate - The date to test.
+     * @returns {boolean} false indicates the date should not be selectable.
+     */
+    selectableDate?: (currentDate: Date) => boolean;
+    /**
+     * If the passed function returns false then the date will not be selected in the input.
+     * @param {Date} selectedDate - The selected date to test.
+     * @returns {boolean} false indicates the date is not valid.
+     */
+    isValidDate?: (selectedDate: Date) => boolean;
+    calendarTemplate?: DateTimeCalendarTemplate;
+    dateScrollerTemplate?: DateTimeScrollerTemplate;
+    inputTemplate?: DateTimeInputTemplate;
+}
+
+declare type DateTimeScrollerTemplate = TemplateFunction<DateTimeScrollerTemplateProps>;
+
+export declare interface DateTimeScrollerTemplateProps {
+    title: string;
+    scrollerType: DateScrollerType;
+    onTitleClicked?: () => void;
+    onMovePrevious: () => void;
+    onMoveNext: () => void;
+}
+
+declare type DayType = {
+    dayValue: Date | null;
+    isCurrent: boolean;
+};
+
+declare enum DomElementAlignment {
+    TopLeft = 0,
+    TopRight = 1,
+    BottomLeft = 2,
+    BottomRight = 3
+}
+
+declare enum DomTargetPosition {
+    TopLeft = 0,
+    TopRight = 1,
+    BottomLeft = 2,
+    BottomRight = 3
+}
+
+declare interface FormatPart {
+    /**
+     * The number of characters available for this part of the format.
+     */
+    characterCount: number;
+    /**
+     * In a separator this will be the character displayed between format sections; in a format section this is displayed
+     * when no text has been entered in the inputs.
+     */
+    placeholder?: string;
+    /**
+     * The text displayed when the inputs are focused and no text has been entered at that spot.
+     */
+    inputText?: string;
+    /**
+     * Determines if this is a placeholder (true) or format section (false).
+     */
+    isSeparator: boolean;
+    /**
+     * This will determine if the character count should be met. An example of false would be a month or day of a date
+     * field; an example of true would be the area code of a phone number.
+     */
+    allCharactersRequired?: boolean;
+    /**
+     * Allows for a specific list of values to be defined.
+     */
+    possibleValues?: Array<string>;
+    /**
+     * Used to specify the allowable format value.
+     */
+    valueType?: FormatValueType;
+    /**
+     * If the value type is number then the minimum value can be set.
+     */
+    minimumValue?: number;
+    /**
+     * If the value type is number then the maximum value can be set.
+     */
+    maximumValue?: number;
+    /**
+     * If the maximum value is exceeded this will cause the inputs to show an error.
+     */
+    exceedingMaximumValueCausesError?: boolean;
+    /**
+     * If the maximum value is exceeded this will cause the inputs to tab to the next section.
+     */
+    exceedingMaximumValueCausesTab?: boolean;
+    /**
+     * If all places in a numeric format part are not completed then this will fill the remaining space with zeros.
+     */
+    padWithZeros?: boolean;
+    /**
+     * If the part is a separator then this will determine if this separator will be displayed in the final output
+     * (default true).
+     */
+    addInOutputValue?: boolean;
+}
+
+export declare const FormattedInput: React_2.ForwardRefExoticComponent<FormattedInputProps & React_2.RefAttributes<FormattedInputRef>>;
+
+declare interface FormattedInputProps extends Omit<ContentEditableInputProps, 'placeholder'> {
+    format?: InputFormat;
+    isInputValid?: (value?: string) => boolean;
+}
+
+declare interface FormattedInputRef {
+    focus: () => void;
+}
+
+declare enum FormatValueType {
+    Text = 0,
+    Numeric = 1
+}
+
+declare interface FormInputControl<V = unknown, C = undefined> {
+    label?: string;
+    value?: V;
+    readOnly?: boolean;
+    placeholder?: string;
+    onFocus?: (event: FocusEvent) => void;
+    onBlur?: (event: FocusEvent) => void;
+    onInput?: (event: React_2.FormEvent) => void;
+    onChange?: (value?: C extends undefined ? V : C) => void;
+    className?: string;
+}
+
+declare interface IncrementConstraint {
+    min: number;
+    max: number;
+    step: number;
+}
+
+declare interface InputFormat {
+    /**
+     * When true deleting a character earlier in the inputs text will shift the other characters into other format parts
+     * (default false). This would probably be used in a credit card or phone number format.
+     */
+    deleteShiftsFormatPart?: boolean;
+    /**
+     * Contains all format parts that will combine to create a single format string.
+     */
+    formatParts: Array<FormatPart>;
+}
+
+/**
+ * Allows a component to have its markup overridden.
+ */
+declare interface MarkupEvents {
+    markupCreated?: (element: Element) => void;
+}
+
+export declare const OverlayPanel: ({ visible, target, targetPosition, elementAlignment, shouldTargetCloseOverlay, shouldMatchTargetWidth, shouldScrollCloseOverlay, shouldCheckZIndex, shouldRemainOnScreen, unmountWhenHidden, transitionDuration, showTransitionOptions, hideTransitionOptions, shown, hidden, isClickedWithin, markupCreated, children, }: OverlayPanelProps & MarkupEvents) => JSX_2.Element;
+
+declare interface OverlayPanelProps {
+    visible: boolean;
+    target?: React_2.MouseEvent<Element, MouseEvent> | HTMLElement | Element | null;
+    targetPosition?: DomTargetPosition;
+    elementAlignment?: DomElementAlignment;
+    shouldTargetCloseOverlay?: boolean;
+    shouldMatchTargetWidth?: boolean;
+    shouldScrollCloseOverlay?: boolean;
+    shouldCheckZIndex?: boolean;
+    /**
+     * When set to true this will cause the overlay panel to adjust itself, relative to its target, to remain on the
+     * screen.
+     */
+    shouldRemainOnScreen?: boolean;
+    unmountWhenHidden?: boolean;
+    transitionDuration?: number;
+    showTransitionOptions?: string;
+    hideTransitionOptions?: string;
+    shown?: () => void;
+    hidden?: () => void;
+    isClickedWithin?: () => void;
+    children: TypeOrArray<ReactNode>;
+}
+
+declare type TemplateFunction<TF> = (props: TF, children?: TypeOrArray<ReactNode>) => React_2.JSX.Element;
+
+declare interface TimeConstraints {
+    hours?: IncrementConstraint;
+    minutes?: IncrementConstraint;
+    seconds?: IncrementConstraint;
+}
+
+declare type TypeOrArray<T> = T | Array<T>;
+
+export { }