@cube-dev/ui-kit 0.9.6 → 0.9.7

package/cjs/components/status/LoadingAnimation/LoadingAnimation.js

@@ -0,0 +1,139 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.9.7
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingAnimation = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Block_1 = require("../../Block");
+const styled_components_1 = __importDefault(require("styled-components"));
+const POSITIONS = [
+    [49, 0.5],
+    [0, 25],
+    [49, 49],
+    [98, 25],
+];
+const cubeImage = 'data:image/svg+xml,%3Csvg width=\'36\' height=\'41\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M35.899 10.351l-18 10.25L.1 10.25l18-10.25L35.9 10.351z\' fill=\'%23FAFAFF\'/%3E%3Cpath d=\'M18 41L0 30.75l.101-20.5L18 20.5\' fill=\'%23E5E5F6\'/%3E%3Cpath d=\'M36 30.75L18 41V20.6l17.899-10.25L36 30.75z\' fill=\'%23C0C0EA\'/%3E%3C/svg%3E';
+function pos(index) {
+    return `transform: translate(${POSITIONS[index][0]}%, ${POSITIONS[index][1]}%);`;
+}
+const RawImg = styled_components_1.default.img(({ index }) => `
+  display: block;
+  position: absolute;
+  width: 50%;
+  height: 50%;
+
+  ${index != null
+    ? `
+  animation-name: dice${index};
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+  animation-timing-function: ease;
+  z-index: 0;
+
+  @keyframes dice${index} {
+    ${index === 0
+        ? `
+    from {
+      ${pos(0)}
+      z-index: 0;
+    }
+
+    25% {
+      ${pos(0)}
+      z-index: 0;
+    }
+
+    50% {
+      ${pos(1)}
+      z-index: 0;
+    }
+
+    51% {
+      z-index: 1;
+    }
+
+    75% {
+      z-index: 1;
+    }
+
+    to {
+      ${pos(1)}
+      z-index: 1;
+    }
+    `
+        : ''}
+
+    ${index === 1
+        ? `
+    from {
+      ${pos(1)}
+      z-index: 3;
+    }
+
+    25% {
+      ${pos(2)}
+      z-index: 3;
+    }
+
+    75% {
+      ${pos(2)}
+      z-index: 2;
+    }
+
+    to {
+      ${pos(3)}
+      z-index: 1;
+    }
+    `
+        : ''}
+
+    ${index === 2
+        ? `
+    from {
+      ${pos(3)}
+      z-index: 1;
+    }
+
+    50% {
+      ${pos(3)}
+      z-index: 0;
+    }
+
+    75% {
+      ${pos(0)}
+      z-index: 0;
+    }
+
+    to {
+      ${pos(0)}
+      z-index: 0;
+    }
+    `
+        : ''}
+  }
+  `
+    : ''}
+`);
+const Cube = (props) => {
+    return (0, jsx_runtime_1.jsx)(RawImg, { role: "presentation", src: cubeImage, alt: "", ...props }, void 0);
+};
+const SIZE_MAP = {
+    small: 32,
+    medium: 64,
+    large: 96,
+};
+function LoadingAnimation({ size = 'medium', ...props }) {
+    const numSize = SIZE_MAP[size] || size || SIZE_MAP.medium;
+    return ((0, jsx_runtime_1.jsxs)(Block_1.Block, { role: "img", "aria-label": "Loading animation", width: numSize, height: numSize * 1.1388888889, style: { position: 'relative' }, ...props, children: [(0, jsx_runtime_1.jsx)(Cube, { style: { transform: 'translate(0%, 72.5%)' } }, void 0), (0, jsx_runtime_1.jsx)(Cube, { style: { transform: 'translate(98%, 72.5%)' } }, void 0), (0, jsx_runtime_1.jsx)(Cube, { style: { transform: 'translate(49%, 96.5%)' } }, void 0), (0, jsx_runtime_1.jsx)(Cube, { index: 0 }, void 0), (0, jsx_runtime_1.jsx)(Cube, { index: 1 }, void 0), (0, jsx_runtime_1.jsx)(Cube, { index: 2 }, void 0)] }, void 0));
+}
+exports.LoadingAnimation = LoadingAnimation;
+
+        

package/cjs/components/status/Spin/Spin.js

@@ -0,0 +1,38 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.9.7
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spin = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Block_1 = require("../../Block");
+const SIZE_MAP = {
+    small: 3,
+    default: 4,
+    large: 6,
+};
+const Spin = ({ size, spinning, style, children, ...props }, ref) => {
+    const localSize = (size && SIZE_MAP[size]) || size || SIZE_MAP.default;
+    if (spinning === false) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }, void 0);
+    }
+    return ((0, jsx_runtime_1.jsx)(Block_1.Block, { ref: ref, role: "img", "aria-label": "Loading animation", height: "1em", opacity: ".8", style: {
+            fontSize: localSize * 8,
+            position: 'relative',
+            ...(style || {}),
+        }, ...props, children: (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", style: {
+                margin: 'auto',
+                display: 'inline-block',
+                width: '1em',
+                height: '1em',
+            }, viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid", children: [(0, jsx_runtime_1.jsxs)("rect", { fill: "#7a77ff", x: "14", y: "14", width: "32", height: "32", rx: "4", ry: "4", children: [(0, jsx_runtime_1.jsx)("animate", { attributeName: "x", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "-2.083333333333333s" }, void 0), (0, jsx_runtime_1.jsx)("animate", { attributeName: "y", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "-1.5151515151515151s" }, void 0)] }, void 0), (0, jsx_runtime_1.jsxs)("rect", { fill: "#ff6492", x: "14", y: "14", width: "32", height: "32", rx: "4", ry: "4", children: [(0, jsx_runtime_1.jsx)("animate", { attributeName: "x", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "-1.325757575757576s" }, void 0), (0, jsx_runtime_1.jsx)("animate", { attributeName: "y", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "-0.7575757575757576s" }, void 0)] }, void 0), (0, jsx_runtime_1.jsxs)("rect", { fill: "#727290", x: "14", y: "14", width: "32", height: "32", rx: "4", ry: "4", children: [(0, jsx_runtime_1.jsx)("animate", { attributeName: "x", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "-0.5681818181818182s" }, void 0), (0, jsx_runtime_1.jsx)("animate", { attributeName: "y", dur: "2.272727272727273s", repeatCount: "indefinite", keyTimes: "0;0.083;0.25;0.333;0.5;0.583;0.75;0.833;1", values: "14;54;54;54;54;14;14;14;14", begin: "0s" }, void 0)] }, void 0)] }, void 0) }, void 0));
+};
+const _Spin = (0, react_1.forwardRef)(Spin);
+exports.Spin = _Spin;
+
+        

package/cjs/components/types.js

@@ -0,0 +1,11 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.9.7
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+
+        

package/cjs/data/themes.js

@@ -0,0 +1,33 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.9.7
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    success: {
+        fill: '#success-bg',
+        color: '#success-text',
+        border: '#success.40',
+    },
+    danger: {
+        fill: '#danger-bg',
+        color: '#danger-text',
+        border: '#danger.40',
+    },
+    note: {
+        fill: '#note-bg',
+        color: '#note-text',
+        border: '#note.40',
+    },
+    disabled: {
+        fill: '#dark.10',
+        color: '#dark.40',
+        border: '#dark.20',
+    },
+};
+
+        

package/cjs/index.js

@@ -0,0 +1,183 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.9.7
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipTrigger = exports.Tooltip = exports.DialogForm = exports.DialogContainer = exports.DialogTrigger = exports.Dialog = exports.Avatar = exports.NumberInput = exports.ListBoxPopup = exports.Select = exports.ComboBox = exports.Radio = exports.Switch = exports.CheckboxGroup = exports.Checkbox = exports.PasswordInput = exports.FileInput = exports.TextArea = exports.TextInput = exports.Submit = exports.SearchInput = exports.Tag = exports.Badge = exports.CloudLogo = exports.Skeleton = exports.Placeholder = exports.Card = exports.Base64Upload = exports.Spin = exports.LoadingAnimation = exports.FieldWrapper = exports.Result = exports.Footer = exports.Header = exports.Content = exports.GridProvider = exports.Divider = exports.Suffix = exports.Prefix = exports.PrismCode = exports.Root = exports.Flow = exports.Space = exports.Link = exports.Flex = exports.Grid = exports.ActiveZone = exports.Block = exports.Base = exports.Item = void 0;
+exports.copy = exports.ModalProvider = exports.Portal = exports.Provider = exports.StyleProvider = exports.useContextStyles = exports.Paragraph = exports.Title = exports.Text = exports.Typography = exports.notification = exports.SearchResults = exports.useAlertDialogAPI = exports.AlertDialog = exports.StatsCard = exports.CopySnippet = exports.Modal = exports.FileTabs = exports.LegacyTabs = exports.DirectoryTree = exports.Alert = exports.TopBar = exports.TooltipProvider = void 0;
+const Text_1 = require("./components/content/Text");
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
+const Title_1 = require("./components/content/Title");
+Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return Title_1.Title; } });
+const Paragraph_1 = require("./components/content/Paragraph");
+Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () { return Paragraph_1.Paragraph; } });
+var collections_1 = require("@react-stately/collections");
+Object.defineProperty(exports, "Item", { enumerable: true, get: function () { return collections_1.Item; } });
+// generic components
+var Base_1 = require("./components/Base");
+Object.defineProperty(exports, "Base", { enumerable: true, get: function () { return Base_1.Base; } });
+var Block_1 = require("./components/Block");
+Object.defineProperty(exports, "Block", { enumerable: true, get: function () { return Block_1.Block; } });
+var ActiveZone_1 = require("./components/content/ActiveZone/ActiveZone");
+Object.defineProperty(exports, "ActiveZone", { enumerable: true, get: function () { return ActiveZone_1.ActiveZone; } });
+var Grid_1 = require("./components/layout/Grid");
+Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return Grid_1.Grid; } });
+var Flex_1 = require("./components/layout/Flex");
+Object.defineProperty(exports, "Flex", { enumerable: true, get: function () { return Flex_1.Flex; } });
+var Link_1 = require("./components/navigation/Link/Link");
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
+var Space_1 = require("./components/layout/Space");
+Object.defineProperty(exports, "Space", { enumerable: true, get: function () { return Space_1.Space; } });
+var Flow_1 = require("./components/layout/Flow");
+Object.defineProperty(exports, "Flow", { enumerable: true, get: function () { return Flow_1.Flow; } });
+var Root_1 = require("./components/Root");
+Object.defineProperty(exports, "Root", { enumerable: true, get: function () { return Root_1.Root; } });
+var PrismCode_1 = require("./components/content/PrismCode/PrismCode");
+Object.defineProperty(exports, "PrismCode", { enumerable: true, get: function () { return PrismCode_1.PrismCode; } });
+var Prefix_1 = require("./components/layout/Prefix");
+Object.defineProperty(exports, "Prefix", { enumerable: true, get: function () { return Prefix_1.Prefix; } });
+var Suffix_1 = require("./components/layout/Suffix");
+Object.defineProperty(exports, "Suffix", { enumerable: true, get: function () { return Suffix_1.Suffix; } });
+var Divider_1 = require("./components/content/Divider");
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.Divider; } });
+var GridProvider_1 = require("./components/GridProvider");
+Object.defineProperty(exports, "GridProvider", { enumerable: true, get: function () { return GridProvider_1.GridProvider; } });
+var Content_1 = require("./components/content/Content");
+Object.defineProperty(exports, "Content", { enumerable: true, get: function () { return Content_1.Content; } });
+var Header_1 = require("./components/content/Header");
+Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return Header_1.Header; } });
+var Footer_1 = require("./components/content/Footer");
+Object.defineProperty(exports, "Footer", { enumerable: true, get: function () { return Footer_1.Footer; } });
+var Result_1 = require("./components/content/Result/Result");
+Object.defineProperty(exports, "Result", { enumerable: true, get: function () { return Result_1.Result; } });
+var FieldWrapper_1 = require("./components/forms/FieldWrapper");
+Object.defineProperty(exports, "FieldWrapper", { enumerable: true, get: function () { return FieldWrapper_1.FieldWrapper; } });
+// atoms
+var LoadingAnimation_1 = require("./components/status/LoadingAnimation/LoadingAnimation");
+Object.defineProperty(exports, "LoadingAnimation", { enumerable: true, get: function () { return LoadingAnimation_1.LoadingAnimation; } });
+var Spin_1 = require("./components/status/Spin/Spin");
+Object.defineProperty(exports, "Spin", { enumerable: true, get: function () { return Spin_1.Spin; } });
+var Base64Upload_1 = require("./components/other/Base64Upload/Base64Upload");
+Object.defineProperty(exports, "Base64Upload", { enumerable: true, get: function () { return Base64Upload_1.Base64Upload; } });
+var Card_1 = require("./components/content/Card/Card");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
+__exportStar(require("./components/actions"), exports);
+var Placeholder_1 = require("./components/content/Placeholder/Placeholder");
+Object.defineProperty(exports, "Placeholder", { enumerable: true, get: function () { return Placeholder_1.Placeholder; } });
+var Skeleton_1 = require("./components/content/Skeleton/Skeleton");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
+var CloudLogo_1 = require("./components/other/CloudLogo/CloudLogo");
+Object.defineProperty(exports, "CloudLogo", { enumerable: true, get: function () { return CloudLogo_1.CloudLogo; } });
+var Badge_1 = require("./components/content/Badge/Badge");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
+var Tag_1 = require("./components/content/Tag/Tag");
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
+var SearchInput_1 = require("./components/forms/SearchInput/SearchInput");
+Object.defineProperty(exports, "SearchInput", { enumerable: true, get: function () { return SearchInput_1.SearchInput; } });
+var Submit_1 = require("./components/actions/Button/Submit");
+Object.defineProperty(exports, "Submit", { enumerable: true, get: function () { return Submit_1.Submit; } });
+var TextInput_1 = require("./components/forms/TextInput/TextInput");
+Object.defineProperty(exports, "TextInput", { enumerable: true, get: function () { return TextInput_1.TextInput; } });
+var TextArea_1 = require("./components/forms/TextArea/TextArea");
+Object.defineProperty(exports, "TextArea", { enumerable: true, get: function () { return TextArea_1.TextArea; } });
+var FileInput_1 = require("./components/forms/FileInput/FileInput");
+Object.defineProperty(exports, "FileInput", { enumerable: true, get: function () { return FileInput_1.FileInput; } });
+var PasswordInput_1 = require("./components/forms/PasswordInput/PasswordInput");
+Object.defineProperty(exports, "PasswordInput", { enumerable: true, get: function () { return PasswordInput_1.PasswordInput; } });
+var Checkbox_1 = require("./components/forms/Checkbox/Checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
+var CheckboxGroup_1 = require("./components/forms/Checkbox/CheckboxGroup");
+Object.defineProperty(exports, "CheckboxGroup", { enumerable: true, get: function () { return CheckboxGroup_1.CheckboxGroup; } });
+var Switch_1 = require("./components/forms/Switch/Switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
+var Radio_1 = require("./components/forms/RadioGroup/Radio");
+Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return Radio_1.Radio; } });
+var ComboBox_1 = require("./components/pickers/ComboBox/ComboBox");
+Object.defineProperty(exports, "ComboBox", { enumerable: true, get: function () { return ComboBox_1.ComboBox; } });
+var Select_1 = require("./components/pickers/Select/Select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
+Object.defineProperty(exports, "ListBoxPopup", { enumerable: true, get: function () { return Select_1.ListBoxPopup; } });
+var NumberInput_1 = require("./components/forms/NumberInput/NumberInput");
+Object.defineProperty(exports, "NumberInput", { enumerable: true, get: function () { return NumberInput_1.NumberInput; } });
+var Avatar_1 = require("./components/content/Avatar/Avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return Avatar_1.Avatar; } });
+var Dialog_1 = require("./components/overlays/Dialog");
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return Dialog_1.Dialog; } });
+Object.defineProperty(exports, "DialogTrigger", { enumerable: true, get: function () { return Dialog_1.DialogTrigger; } });
+Object.defineProperty(exports, "DialogContainer", { enumerable: true, get: function () { return Dialog_1.DialogContainer; } });
+Object.defineProperty(exports, "DialogForm", { enumerable: true, get: function () { return Dialog_1.DialogForm; } });
+var Tooltip_1 = require("./components/overlays/Tooltip/Tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
+var TooltipTrigger_1 = require("./components/overlays/Tooltip/TooltipTrigger");
+Object.defineProperty(exports, "TooltipTrigger", { enumerable: true, get: function () { return TooltipTrigger_1.TooltipTrigger; } });
+var TooltipProvider_1 = require("./components/overlays/Tooltip/TooltipProvider");
+Object.defineProperty(exports, "TooltipProvider", { enumerable: true, get: function () { return TooltipProvider_1.TooltipProvider; } });
+// molecules
+var TopBar_1 = require("./components/organisms/TopBar/TopBar");
+Object.defineProperty(exports, "TopBar", { enumerable: true, get: function () { return TopBar_1.TopBar; } });
+var Alert_1 = require("./components/organisms/Alert/Alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
+var DirectoryTree_1 = require("./components/organisms/DirectoryTree/DirectoryTree");
+Object.defineProperty(exports, "DirectoryTree", { enumerable: true, get: function () { return DirectoryTree_1.DirectoryTree; } });
+var LegacyTabs_1 = require("./components/navigation/LegacyTabs/LegacyTabs");
+Object.defineProperty(exports, "LegacyTabs", { enumerable: true, get: function () { return LegacyTabs_1.LegacyTabs; } });
+var FileTabs_1 = require("./components/organisms/FileTabs/FileTabs");
+Object.defineProperty(exports, "FileTabs", { enumerable: true, get: function () { return FileTabs_1.FileTabs; } });
+var Modal_1 = require("./components/organisms/Modal/Modal");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
+var CopySnippet_1 = require("./components/organisms/CopySnippet/CopySnippet");
+Object.defineProperty(exports, "CopySnippet", { enumerable: true, get: function () { return CopySnippet_1.CopySnippet; } });
+var StatsCard_1 = require("./components/organisms/StatsCard/StatsCard");
+Object.defineProperty(exports, "StatsCard", { enumerable: true, get: function () { return StatsCard_1.StatsCard; } });
+var AlertDialog_1 = require("./components/overlays/AlertDialog");
+Object.defineProperty(exports, "AlertDialog", { enumerable: true, get: function () { return AlertDialog_1.AlertDialog; } });
+Object.defineProperty(exports, "useAlertDialogAPI", { enumerable: true, get: function () { return AlertDialog_1.useAlertDialogAPI; } });
+var SearchResults_1 = require("./components/organisms/SearchResults/SearchResults");
+Object.defineProperty(exports, "SearchResults", { enumerable: true, get: function () { return SearchResults_1.SearchResults; } });
+// services
+var notification_1 = require("./services/notification");
+Object.defineProperty(exports, "notification", { enumerable: true, get: function () { return notification_1.notification; } });
+__exportStar(require("./providers/BreakpointsProvider"), exports);
+exports.Typography = {
+    Text: Text_1.Text,
+    Title: Title_1.Title,
+    Paragraph: Paragraph_1.Paragraph,
+};
+var StylesProvider_1 = require("./providers/StylesProvider");
+Object.defineProperty(exports, "useContextStyles", { enumerable: true, get: function () { return StylesProvider_1.useContextStyles; } });
+Object.defineProperty(exports, "StyleProvider", { enumerable: true, get: function () { return StylesProvider_1.StyleProvider; } });
+var provider_1 = require("./provider");
+Object.defineProperty(exports, "Provider", { enumerable: true, get: function () { return provider_1.Provider; } });
+var portal_1 = require("./components/portal");
+Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return portal_1.Portal; } });
+__exportStar(require("./components/forms"), exports);
+__exportStar(require("./styles/types"), exports);
+__exportStar(require("./styles/list"), exports);
+__exportStar(require("./styles/index"), exports);
+var overlays_1 = require("@react-aria/overlays");
+Object.defineProperty(exports, "ModalProvider", { enumerable: true, get: function () { return overlays_1.ModalProvider; } });
+__exportStar(require("./utils/react"), exports);
+__exportStar(require("./styled"), exports);
+var clipboard_copy_1 = require("clipboard-copy");
+Object.defineProperty(exports, "copy", { enumerable: true, get: function () { return __importDefault(clipboard_copy_1).default; } });
+__exportStar(require("@react-aria/ssr"), exports);
+__exportStar(require("./components/forms/Form"), exports);
+
+        

package/cjs/provider.js

@@ -0,0 +1,51 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.9.7
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useProviderProps = exports.Provider = exports.UIKitContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const StylesProvider_1 = require("./providers/StylesProvider");
+const BreakpointsProvider_1 = require("./providers/BreakpointsProvider");
+exports.UIKitContext = (0, react_1.createContext)({});
+function Provider(allProps) {
+    let { breakpoints, children, insideForm, isDisabled, isReadOnly, isRequired, validationState, router, styles, root, ref, } = allProps;
+    if (styles) {
+        children = (0, jsx_runtime_1.jsx)(StylesProvider_1.StyleProvider, { ...styles, children: children }, void 0);
+    }
+    if (breakpoints) {
+        children = ((0, jsx_runtime_1.jsx)(BreakpointsProvider_1.BreakpointsProvider, { value: breakpoints, children: children }, void 0));
+    }
+    const parentContext = (0, react_1.useContext)(exports.UIKitContext);
+    const props = {
+        ref,
+        breakpoints,
+        insideForm,
+        isDisabled,
+        isReadOnly,
+        isRequired,
+        validationState,
+        router,
+        root,
+    };
+    const newValue = Object.assign({}, parentContext);
+    Object.keys(props).forEach((key) => {
+        if (props[key] != null) {
+            newValue[key] = props[key];
+        }
+    });
+    return ((0, jsx_runtime_1.jsx)(exports.UIKitContext.Provider, { value: newValue, children: children }, void 0));
+}
+exports.Provider = Provider;
+function useProviderProps(props) {
+    const contextProps = (0, react_1.useContext)(exports.UIKitContext);
+    return { ...contextProps, ...props };
+}
+exports.useProviderProps = useProviderProps;
+
+        

package/cjs/providers/BreakpointsProvider.js

@@ -0,0 +1,20 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.9.7
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreakpointsProvider = exports.BreakpointsContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+// Default breakpoints mirror Bootstrap defaults without md and xxl breakpoints.
+exports.BreakpointsContext = (0, react_1.createContext)([980]);
+function BreakpointsProvider({ value, children, }) {
+    return ((0, jsx_runtime_1.jsx)(exports.BreakpointsContext.Provider, { value: value, children: children }, void 0));
+}
+exports.BreakpointsProvider = BreakpointsProvider;
+
+        

package/cjs/providers/StylesProvider.js

@@ -0,0 +1,42 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.9.7
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useContextStyles = exports.StyleProvider = exports.StyleContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+exports.StyleContext = (0, react_1.createContext)({});
+function StyleProvider({ children, ...props }) {
+    const styles = Object.assign({}, (0, react_1.useContext)(exports.StyleContext));
+    Object.keys(props).forEach((propName) => {
+        if (styles[propName]) {
+            styles[propName] = [...styles[propName], props[propName]];
+        }
+        else {
+            styles[propName] = [props[propName]];
+        }
+    });
+    // @ts-ignore
+    return ((0, jsx_runtime_1.jsx)(exports.StyleContext.Provider, { value: styles, children: children }, void 0));
+}
+exports.StyleProvider = StyleProvider;
+function useContextStyles(name, props) {
+    const contextStyles = (0, react_1.useContext)(exports.StyleContext);
+    if (!name)
+        return null;
+    const styles = {};
+    if (contextStyles[name]) {
+        contextStyles[name].forEach((handler) => {
+            Object.assign(styles, typeof handler === 'function' ? handler(props) : handler);
+        });
+    }
+    return styles;
+}
+exports.useContextStyles = useContextStyles;
+
+        

package/cjs/services/notification.js

@@ -0,0 +1,67 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.9.7
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.notification = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_dom_1 = __importDefault(require("react-dom"));
+const Notification_1 = require("../components/overlays/Notification/Notification");
+const react_transition_group_1 = require("react-transition-group");
+let ID = 0;
+exports.notification = {
+    root: null,
+    defaultOptions: {
+        duration: 5000,
+    },
+    items: [],
+    init() {
+        if (this.root)
+            return;
+        this.root = document.createElement('div');
+        this.root.classList.add('cube-notification-container');
+        document.body.appendChild(this.root);
+        this._render([]);
+    },
+    render() {
+        this.init();
+        this._render();
+    },
+    _render(items) {
+        if (!items) {
+            items = this.items;
+        }
+        react_dom_1.default.render((0, jsx_runtime_1.jsx)(react_transition_group_1.TransitionGroup, { className: "cube-notifications", children: items.map((item) => ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { timeout: 400, classNames: "cube-notification", children: (0, jsx_runtime_1.jsx)(Notification_1.Notification, { type: item.type, onClose: () => this.close(item.id), children: item.message }, void 0) }, item.id))) }, void 0), this.root);
+    },
+    show(type, message, options = {}) {
+        options = Object.assign({}, this.defaultOptions, options);
+        const id = ++ID;
+        this.items.push({ id, type, message });
+        this.render();
+        setTimeout(() => {
+            this.close(id);
+        }, options.duration);
+    },
+    close(id) {
+        this.items = this.items.filter((item) => item.id !== id);
+        this.render();
+    },
+    success(message, options) {
+        this.show('success', message, options);
+    },
+    danger(message, options) {
+        this.show('danger', message, options);
+    },
+    info(message, options) {
+        this.show('note', message, options);
+    },
+};
+
+        

package/cjs/shared/form.js

@@ -0,0 +1,11 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.9.7
+ * Released under the MIT license.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+
+        

package/cjs/shared/index.js

@@ -0,0 +1,22 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.9.7
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./form"), exports);
+
+