blixify-ui-web 0.1.6

package/lib/components/navigation/header/index.js

@@ -0,0 +1,167 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+var outline_1 = require("@heroicons/react/24/outline");
+var solid_1 = require("@heroicons/react/24/solid");
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(" ");
+}
+var Header = /** @class */ (function (_super) {
+    __extends(Header, _super);
+    function Header() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.handleSignOut = function () { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                if (this.props.signOut) {
+                    this.props.signOut();
+                }
+                return [2 /*return*/];
+            });
+        }); };
+        return _this;
+    }
+    Header.prototype.render = function () {
+        var _this = this;
+        var _a = this.props.lib, Disclosure = _a.Disclosure, Menu = _a.Menu, Transition = _a.Transition;
+        return (react_1.default.createElement(Disclosure, { as: "nav", className: "bg-white shadow-sm" }, function (_a) {
+            var open = _a.open;
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", { className: "max-w-7xl mx-auto px-4 md:px-6 lg:px-8" },
+                    react_1.default.createElement("div", { className: "flex justify-between h-16" },
+                        react_1.default.createElement("div", { className: "flex" },
+                            react_1.default.createElement("div", { className: "flex-shrink-0 flex items-center" },
+                                react_1.default.createElement("a", { href: _this.props.defaultNav },
+                                    react_1.default.createElement("img", { className: "block lg:hidden h-8 w-auto", src: _this.props.logo, alt: "" }),
+                                    react_1.default.createElement("img", { className: "hidden lg:block h-8 w-auto", src: _this.props.logo, alt: "" }))),
+                            react_1.default.createElement("div", { className: "hidden lg:-my-px lg:ml-6 lg:flex lg:space-x-8" }, _this.props.navigation.map(function (item) { return (react_1.default.createElement("a", { key: item.name, href: item.href, className: classNames(_this.props.page === item.name
+                                    ? "border-primary-500 text-gray-900"
+                                    : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300", "inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium") }, item.name)); }))),
+                        react_1.default.createElement("div", { className: "hidden lg:ml-6 lg:flex lg:space-x-8" }, _this.props.user && (react_1.default.createElement("div", { className: "hidden md:ml-3 md:flex md:space-x-8 md:items-center" },
+                            react_1.default.createElement(Menu, { as: "div", className: "ml-3 z-50 relative" }, function (_a) {
+                                var _b;
+                                var open = _a.open;
+                                return (react_1.default.createElement(react_1.default.Fragment, null,
+                                    react_1.default.createElement("div", null,
+                                        react_1.default.createElement(Menu.Button, { className: "bg-white flex text-sm rounded-full items-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 focus:text-primary-500" },
+                                            react_1.default.createElement("img", { className: "h-8 w-8 rounded-full", src: (_b = _this.props.user) === null || _b === void 0 ? void 0 : _b.image, alt: "" }),
+                                            react_1.default.createElement(solid_1.ChevronDownIcon, { className: "block h-5 w-5", "aria-hidden": "true" }))),
+                                    react_1.default.createElement(Transition, { show: open, as: react_1.Fragment, enter: "transition ease-out duration-200", enterFrom: "transform opacity-0 scale-95", enterTo: "transform opacity-100 scale-100", leave: "transition ease-in duration-75", leaveFrom: "transform opacity-100 scale-100", leaveTo: "transform opacity-0 scale-95" },
+                                        react_1.default.createElement(Menu.Items, { static: true, className: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, _this.props.userNavigation &&
+                                            _this.props.userNavigation.map(function (item) { return (react_1.default.createElement(Menu.Item, { key: item.name }, function (_a) {
+                                                var active = _a.active;
+                                                if (item.action) {
+                                                    return (react_1.default.createElement("span", { className: classNames(active ? "bg-gray-100" : "", "cursor-pointer block px-4 py-2 text-sm text-gray-700"), onClick: _this.handleSignOut }, item.name));
+                                                }
+                                                else {
+                                                    return (react_1.default.createElement("a", { href: item.href, className: classNames(active ? "bg-gray-100" : "", "block px-4 py-2 text-sm text-gray-700") }, item.name));
+                                                }
+                                            })); })))));
+                            })))),
+                        react_1.default.createElement("div", { className: "-mr-2 flex items-center lg:hidden" },
+                            react_1.default.createElement(Disclosure.Button, { className: "bg-white inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500" }, open ? (react_1.default.createElement(outline_1.XMarkIcon, { className: "block h-6 w-6", "aria-hidden": "true" })) : (react_1.default.createElement(outline_1.Bars3Icon, { className: "block h-6 w-6", "aria-hidden": "true" })))))),
+                react_1.default.createElement(Disclosure.Panel, { className: "lg:hidden" },
+                    react_1.default.createElement("div", { className: "pt-2 pb-3 space-y-1" }, _this.props.navigation.map(function (item) { return (react_1.default.createElement("a", { href: item.href, key: item.name, className: classNames(_this.props.page === item.name
+                            ? "bg-primary-50 border-primary-500 text-primary-700"
+                            : "border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800", "block pl-3 pr-4 py-2 border-l-4 text-base font-medium") }, item.name)); })),
+                    _this.props.user && (react_1.default.createElement("div", { className: "pt-4 pb-3 border-t border-gray-200" },
+                        react_1.default.createElement("div", { className: "flex items-center px-4" },
+                            react_1.default.createElement("div", { className: "flex-shrink-0" },
+                                react_1.default.createElement("img", { className: "h-10 w-10 rounded-full", src: _this.props.user.image, alt: "" })),
+                            react_1.default.createElement("div", { className: "ml-3" },
+                                react_1.default.createElement("div", { className: "text-base font-medium text-gray-800" }, _this.props.user.name),
+                                react_1.default.createElement("div", { className: "text-sm font-medium text-gray-500" }, _this.props.user.email))),
+                        react_1.default.createElement("div", { className: "mt-3 space-y-1" }, _this.props.userNavigation &&
+                            _this.props.userNavigation.map(function (item) {
+                                if (item.action) {
+                                    return (react_1.default.createElement("span", { className: "cursor-pointer block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100", onClick: _this.handleSignOut }, item.name));
+                                }
+                                else {
+                                    return (react_1.default.createElement("a", { href: item.href, key: item.name, className: "block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100" }, item.name));
+                                }
+                            })))))));
+        }));
+    };
+    return Header;
+}(react_1.Component));
+exports.Header = Header;
+//# sourceMappingURL=index.js.map

package/lib/components/navigation/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/header/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/navigation/tabs/index.d.ts

@@ -0,0 +1,16 @@
+import { Component } from "react";
+import "../../../index.css";
+interface Props {
+    tabs: {
+        id: string;
+        name: string;
+        href: string;
+    }[];
+    selectedId: string;
+    onClick?: (id: string) => void;
+}
+export declare class Tabs extends Component<Props> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/navigation/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAM5B,UAAU,KAAK;IACb,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,qBAAa,IAAK,SAAQ,SAAS,CAAC,KAAK,CAAC;IACxC,MAAM;CA4BP"}

package/lib/components/navigation/tabs/index.js

@@ -0,0 +1,70 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(" ");
+}
+var Tabs = /** @class */ (function (_super) {
+    __extends(Tabs, _super);
+    function Tabs() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Tabs.prototype.render = function () {
+        var _this = this;
+        return (react_1.default.createElement("div", null,
+            react_1.default.createElement("div", { className: "border-b border-gray-200" },
+                react_1.default.createElement("nav", { className: "-mb-px flex space-x-8", "aria-label": "Tabs" }, this.props.tabs.map(function (tab) {
+                    var _a;
+                    return (react_1.default.createElement("a", { key: tab.name, href: tab.href, className: classNames(tab.id === _this.props.selectedId
+                            ? "border-primary-500 text-primary-600"
+                            : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300", "whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm"), "aria-current": tab.id === _this.props.selectedId ? "page" : undefined, onClick: (_a = _this.props.onClick) === null || _a === void 0 ? void 0 : _a.bind(_this, tab.id) }, tab.name));
+                })))));
+    };
+    return Tabs;
+}(react_1.Component));
+exports.Tabs = Tabs;
+//# sourceMappingURL=index.js.map

package/lib/components/navigation/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,8BAA4B;AAE5B,SAAS,UAAU;IAAC,iBAAU;SAAV,UAAU,EAAV,qBAAU,EAAV,IAAU;QAAV,4BAAU;;IAC5B,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3C,CAAC;AAQD;IAA0B,wBAAgB;IAA1C;;IA6BA,CAAC;IA5BC,qBAAM,GAAN;QAAA,iBA2BC;QA1BC,OAAO,CACL;YACE,uCAAK,SAAS,EAAC,0BAA0B;gBACvC,uCAAK,SAAS,EAAC,uBAAuB,gBAAY,MAAM,IACrD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG;;oBAAK,OAAA,CAC5B,qCACE,GAAG,EAAE,GAAG,CAAC,IAAI,EACb,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,SAAS,EAAE,UAAU,CACnB,GAAG,CAAC,EAAE,KAAK,KAAI,CAAC,KAAK,CAAC,UAAU;4BAC9B,CAAC,CAAC,qCAAqC;4BACvC,CAAC,CAAC,4EAA4E,EAChF,4DAA4D,CAC7D,kBAEC,GAAG,CAAC,EAAE,KAAK,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAEvD,OAAO,EAAE,MAAA,KAAI,CAAC,KAAK,CAAC,OAAO,0CAAE,IAAI,CAAC,KAAI,EAAE,GAAG,CAAC,EAAE,CAAC,IAE9C,GAAG,CAAC,IAAI,CACP,CACL,CAAA;iBAAA,CAAC,CACE,CACF,CACF,CACP,CAAC;IACJ,CAAC;IACH,WAAC;AAAD,CAAC,AA7BD,CAA0B,iBAAS,GA6BlC;AA7BY,oBAAI"}

package/lib/components/structure/column/index.d.ts

@@ -0,0 +1,13 @@
+import { Component } from "react";
+import "../../../index.css";
+interface Props {
+    children: any;
+    orientation: "row" | "vertical";
+    mobileBp?: "sm" | "md" | "lg";
+    className?: string;
+}
+export declare class Column extends Component<Props> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/structure/column/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/structure/column/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,QAAQ,EAAE,GAAG,CAAC;IACd,WAAW,EAAE,KAAK,GAAG,UAAU,CAAC;IAChC,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qBAAa,MAAO,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC1C,MAAM;CAiCP"}

package/lib/components/structure/column/index.js

@@ -0,0 +1,89 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Column = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var Column = /** @class */ (function (_super) {
+    __extends(Column, _super);
+    function Column() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Column.prototype.render = function () {
+        var className = "flex ";
+        //INFO : Dynamic breakpoint variables does not work
+        var bp = this.props.mobileBp;
+        if (this.props.orientation === "row") {
+            if (bp === "sm") {
+                className += "flex-col sm:flex-row ";
+            }
+            else if (bp === "md") {
+                className += "flex-col md:flex-row ";
+            }
+            else if (bp === "lg") {
+                className += "flex-col lg:flex-row ";
+            }
+            else {
+                className += "flex-row ";
+            }
+        }
+        else {
+            if (bp === "sm") {
+                className += "flex-row sm:flex-col ";
+            }
+            else if (bp === "md") {
+                className += "flex-row md:flex-col ";
+            }
+            else if (bp === "lg") {
+                className += "flex-row lg:flex-col ";
+            }
+            else {
+                className += "flex-col ";
+            }
+        }
+        if (this.props.className) {
+            className += this.props.className;
+        }
+        return react_1.default.createElement("div", { className: className }, this.props.children);
+    };
+    return Column;
+}(react_1.Component));
+exports.Column = Column;
+//# sourceMappingURL=index.js.map

package/lib/components/structure/column/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/structure/column/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,8BAA4B;AAS5B;IAA4B,0BAAgB;IAA5C;;IAkCA,CAAC;IAjCC,uBAAM,GAAN;QACE,IAAI,SAAS,GAAG,OAAO,CAAC;QAExB,mDAAmD;QACnD,IAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,KAAK,EAAE;YACpC,IAAI,EAAE,KAAK,IAAI,EAAE;gBACf,SAAS,IAAI,uBAAuB,CAAC;aACtC;iBAAM,IAAI,EAAE,KAAK,IAAI,EAAE;gBACtB,SAAS,IAAI,uBAAuB,CAAC;aACtC;iBAAM,IAAI,EAAE,KAAK,IAAI,EAAE;gBACtB,SAAS,IAAI,uBAAuB,CAAC;aACtC;iBAAM;gBACL,SAAS,IAAI,WAAW,CAAC;aAC1B;SACF;aAAM;YACL,IAAI,EAAE,KAAK,IAAI,EAAE;gBACf,SAAS,IAAI,uBAAuB,CAAC;aACtC;iBAAM,IAAI,EAAE,KAAK,IAAI,EAAE;gBACtB,SAAS,IAAI,uBAAuB,CAAC;aACtC;iBAAM,IAAI,EAAE,KAAK,IAAI,EAAE;gBACtB,SAAS,IAAI,uBAAuB,CAAC;aACtC;iBAAM;gBACL,SAAS,IAAI,WAAW,CAAC;aAC1B;SACF;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;SACnC;QAED,OAAO,uCAAK,SAAS,EAAE,SAAS,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAAC;IAChE,CAAC;IACH,aAAC;AAAD,CAAC,AAlCD,CAA4B,iBAAS,GAkCpC;AAlCY,wBAAM"}

package/lib/components/structure/container/index.d.ts

@@ -0,0 +1,11 @@
+import { Component } from "react";
+import "../../../index.css";
+interface Props {
+    children: any;
+    bgColor?: string;
+}
+export declare class Container extends Component<Props> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/structure/container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/structure/container/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,MAAM;CASP"}

package/lib/components/structure/container/index.js

@@ -0,0 +1,57 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var Container = /** @class */ (function (_super) {
+    __extends(Container, _super);
+    function Container() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Container.prototype.render = function () {
+        var _a;
+        return (react_1.default.createElement("div", { className: "w-full ".concat((_a = this.props.bgColor) !== null && _a !== void 0 ? _a : "bg-gray-50") },
+            react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8" }, this.props.children)));
+    };
+    return Container;
+}(react_1.Component));
+exports.Container = Container;
+//# sourceMappingURL=index.js.map

package/lib/components/structure/container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/structure/container/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,8BAA4B;AAO5B;IAA+B,6BAAgB;IAA/C;;IAUA,CAAC;IATC,0BAAM,GAAN;;QACE,OAAO,CACL,uCAAK,SAAS,EAAE,iBAAU,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,mCAAI,YAAY,CAAE;YAC5D,uCAAK,SAAS,EAAC,wCAAwC,IACpD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CACF,CACP,CAAC;IACJ,CAAC;IACH,gBAAC;AAAD,CAAC,AAVD,CAA+B,iBAAS,GAUvC;AAVY,8BAAS"}

package/lib/components/structure/text/index.d.ts

@@ -0,0 +1,16 @@
+import { Component } from "react";
+import "../../../index.css";
+interface Props {
+    children: any;
+    bold?: "semibold" | "bold";
+    mobile?: boolean;
+    color?: "primary" | "secondary" | "pale";
+    className?: string;
+    size: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
+    type: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p";
+}
+export declare class Text extends Component<Props> {
+    render(): any;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/structure/text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/structure/text/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACjE,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;CACrD;AAED,qBAAa,IAAK,SAAQ,SAAS,CAAC,KAAK,CAAC;IACxC,MAAM;CA4FP"}

package/lib/components/structure/text/index.js

@@ -0,0 +1,153 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var Text = /** @class */ (function (_super) {
+    __extends(Text, _super);
+    function Text() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Text.prototype.render = function () {
+        var className = "";
+        var component = "";
+        if (this.props.bold) {
+            if (this.props.bold === "bold") {
+                className = "font-bold ";
+            }
+            else {
+                className = "font-semibold ";
+            }
+        }
+        switch (this.props.size) {
+            case "xs":
+                className += "text-xs ";
+                break;
+            case "sm":
+                if (this.props.mobile)
+                    className += "text-xs sm:text-sm ";
+                else
+                    className += "text-sm ";
+                break;
+            case "base":
+                if (this.props.mobile)
+                    className += "text-sm sm:text-base ";
+                else
+                    className += "text-base ";
+                break;
+            case "lg":
+                if (this.props.mobile)
+                    className += "text-base sm:text-lg ";
+                else
+                    className += "text-lg ";
+                break;
+            case "xl":
+                if (this.props.mobile)
+                    className += "text-lg sm:text-xl ";
+                else
+                    className += "text-xl ";
+                break;
+            case "2xl":
+                if (this.props.mobile)
+                    className += "text-xl sm:text-2xl ";
+                else
+                    className += "text-2xl ";
+                break;
+            case "3xl":
+                if (this.props.mobile)
+                    className += "text-2xl sm:text-3xl ";
+                else
+                    className += "text-3xl ";
+                break;
+            case "4xl":
+                if (this.props.mobile)
+                    className += "text-3xl sm:text-4xl ";
+                else
+                    className += "text-4xl ";
+                break;
+        }
+        //INFO : Default text-gray-700
+        if (this.props.color) {
+            switch (this.props.color) {
+                case "pale":
+                    className += "text-gray-700 ";
+                    break;
+                case "primary":
+                    className += "text-primary-600 ";
+                    break;
+                case "secondary":
+                    className += "text-secondary-600 ";
+                    break;
+            }
+        }
+        if (this.props.className) {
+            className += this.props.className;
+        }
+        var title = this.props.children;
+        switch (this.props.type) {
+            case "h1":
+                component = react_1.default.createElement("h1", { className: className }, title);
+                break;
+            case "h2":
+                component = react_1.default.createElement("h2", { className: className }, title);
+                break;
+            case "h3":
+                component = react_1.default.createElement("h3", { className: className }, title);
+                break;
+            case "h4":
+                component = react_1.default.createElement("h4", { className: className }, title);
+                break;
+            case "h5":
+                component = react_1.default.createElement("h5", { className: className }, title);
+                break;
+            case "h6":
+                component = react_1.default.createElement("h6", { className: className }, title);
+                break;
+            case "p":
+                component = react_1.default.createElement("p", { className: className }, title);
+                break;
+        }
+        return component;
+    };
+    return Text;
+}(react_1.Component));
+exports.Text = Text;
+//# sourceMappingURL=index.js.map