@smitch/breeze 2.2.25 → 2.2.27

package/lib/form/Form.js

@@ -16,9 +16,9 @@ var actionsLayouts = {
     "col-reverse": "flex-col flex-col-reverse",
 };
 var Form = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b = _a.className, className = _b === void 0 ? "" : _b, style = _a.style, _c = _a.name, name = _c === void 0 ? "form" : _c, onFormSubmit = _a.onFormSubmit, onCancel = _a.onCancel, _d = _a.layout, layout = _d === void 0 ? "col" : _d, _e = _a.showCancel, showCancel = _e === void 0 ? false : _e, _f = _a.actions, actions = _f === void 0 ? true : _f, children = _a.children, _g = _a.submitLabel, submitLabel = _g === void 0 ? "Submit" : _g, _h = _a.cancelLabel, cancelLabel = _h === void 0 ? "Cancel" : _h, _j = _a.actionsLayout, actionsLayout = _j === void 0 ? "row" : _j, _k = _a.actionsSpacing, actionsSpacing = _k === void 0 ? "4" : _k, _l = _a.submitBackground, submitBackground = _l === void 0 ? "primary" : _l, _m = _a.submitColor, submitColor = _m === void 0 ? "light" : _m, _o = _a.cancelBackground, cancelBackground = _o === void 0 ? "transparent" : _o, _p = _a.cancelColor, cancelColor = _p === void 0 ? "current" : _p, _q = _a.submitOutline, submitOutline = _q === void 0 ? false : _q, _r = _a.submitOutlineColor, submitOutlineColor = _r === void 0 ? "current" : _r, _s = _a.cancelOutline, cancelOutline = _s === void 0 ? false : _s, _t = _a.cancelOutlineColor, cancelOutlineColor = _t === void 0 ? "current" : _t, _u = _a.buttonTextcase, buttonTextcase = _u === void 0 ? "normal-case" : _u, _v = _a.buttonShape, buttonShape = _v === void 0 ? "default" : _v, _w = _a.buttonIsBold, buttonIsBold = _w === void 0 ? false : _w, _x = _a.separator, separator = _x === void 0 ? false : _x;
+    var _b = _a.className, className = _b === void 0 ? "" : _b, style = _a.style, _c = _a.name, name = _c === void 0 ? "form" : _c, onFormSubmit = _a.onFormSubmit, onCancel = _a.onCancel, _d = _a.layout, layout = _d === void 0 ? "col" : _d, _e = _a.showCancel, showCancel = _e === void 0 ? false : _e, _f = _a.actions, actions = _f === void 0 ? true : _f, children = _a.children, _g = _a.submitLabel, submitLabel = _g === void 0 ? "Submit" : _g, _h = _a.cancelLabel, cancelLabel = _h === void 0 ? "Cancel" : _h, _j = _a.actionsLayout, actionsLayout = _j === void 0 ? "row" : _j, _k = _a.actionsSpacing, actionsSpacing = _k === void 0 ? "4" : _k, _l = _a.submitBackground, submitBackground = _l === void 0 ? "primary" : _l, _m = _a.submitColor, submitColor = _m === void 0 ? "light" : _m, _o = _a.cancelBackground, cancelBackground = _o === void 0 ? "transparent" : _o, _p = _a.cancelColor, cancelColor = _p === void 0 ? "current" : _p, _q = _a.submitOutline, submitOutline = _q === void 0 ? false : _q, _r = _a.submitOutlineColor, submitOutlineColor = _r === void 0 ? "current" : _r, _s = _a.cancelOutline, cancelOutline = _s === void 0 ? false : _s, _t = _a.cancelOutlineColor, cancelOutlineColor = _t === void 0 ? "current" : _t, _u = _a.buttonSize, buttonSize = _u === void 0 ? "md" : _u, _v = _a.buttonTextcase, buttonTextcase = _v === void 0 ? "normal-case" : _v, _w = _a.buttonShape, buttonShape = _w === void 0 ? "default" : _w, _x = _a.buttonIsBold, buttonIsBold = _x === void 0 ? false : _x, _y = _a.separator, separator = _y === void 0 ? false : _y;
     var formRef = (0, react_1.useRef)(null);
-    var _y = (0, react_1.useState)(false), isValid = _y[0], setIsValid = _y[1];
+    var _z = (0, react_1.useState)(false), isValid = _z[0], setIsValid = _z[1];
     var setFormRef = (0, react_1.useCallback)(function (node) {
         formRef.current = node;
         if (typeof ref === "function") {
@@ -37,13 +37,12 @@ var Form = (0, react_1.forwardRef)(function (_a, ref) {
         var form = formRef.current;
         if (!form)
             return;
-        var handleChangeOrInput = function () { return validateForm(); };
-        form.addEventListener("change", handleChangeOrInput);
-        form.addEventListener("input", handleChangeOrInput);
+        var events = ["input", "change", "blur", "keyup"];
+        var handler = function () { return validateForm(); };
+        events.forEach(function (event) { return form.addEventListener(event, handler); });
         validateForm();
         return function () {
-            form.removeEventListener("change", handleChangeOrInput);
-            form.removeEventListener("input", handleChangeOrInput);
+            events.forEach(function (event) { return form.removeEventListener(event, handler); });
         };
     }, [validateForm]);
     var handleSubmit = function (e) {
@@ -62,8 +61,8 @@ var Form = (0, react_1.forwardRef)(function (_a, ref) {
         onCancel === null || onCancel === void 0 ? void 0 : onCancel();
     };
     var layoutClasses = layouts[layout];
-    return ((0, jsx_runtime_1.jsxs)("form", { ref: setFormRef, name: name, id: name, className: (0, tailwind_merge_1.twMerge)("flex", layoutClasses, "gap-8", className), style: style, onSubmit: handleSubmit, noValidate: true, children: [children, actions && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [separator && (0, jsx_runtime_1.jsx)("hr", { className: "col-span-full border-t border-neutral opacity-70" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-".concat(actionsSpacing, " ").concat(actionsLayouts[actionsLayout]), children: [showCancel && ((0, jsx_runtime_1.jsx)(__1.Button, { type: "button", onClick: handleCancel, btnBackground: cancelBackground, btnColor: cancelColor, outline: cancelOutline, outlineColor: cancelOutlineColor, textcase: buttonTextcase, layout: buttonShape, isBold: buttonIsBold, className: "flex-grow", children: cancelLabel })), (0, jsx_runtime_1.jsx)(__1.Button, { type: "submit", disabled: !isValid, btnBackground: submitBackground, btnColor: submitColor, outline: submitOutline, outlineColor: submitOutlineColor, textcase: buttonTextcase, layout: buttonShape, isBold: buttonIsBold, className: "flex-grow", children: submitLabel })] })] }))] }));
+    return ((0, jsx_runtime_1.jsxs)("form", { ref: setFormRef, name: name, id: name, className: (0, tailwind_merge_1.twMerge)("flex", layoutClasses, "gap-8", className), style: style, onSubmit: handleSubmit, noValidate: true, children: [children, actions && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [separator && (0, jsx_runtime_1.jsx)("hr", { className: "col-span-full border-t border-neutral opacity-70" }), (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("flex", "gap-".concat(actionsSpacing), actionsLayouts[actionsLayout]), children: [showCancel && ((0, jsx_runtime_1.jsx)(__1.Button, { type: "button", onClick: handleCancel, btnBackground: cancelBackground, btnColor: cancelColor, outline: cancelOutline, outlineColor: cancelOutlineColor, size: buttonSize, textcase: buttonTextcase, layout: buttonShape, isBold: buttonIsBold, className: "flex-grow", children: cancelLabel })), (0, jsx_runtime_1.jsx)(__1.Button, { type: "submit", disabled: !isValid, btnBackground: submitBackground, btnColor: submitColor, outline: submitOutline, outlineColor: submitOutlineColor, size: buttonSize, textcase: buttonTextcase, layout: buttonShape, isBold: buttonIsBold, className: "flex-grow", children: submitLabel })] })] }))] }));
 });
 Form.displayName = "Form";
 exports.default = Form;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9mb3JtL0Zvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7OztBQUViLCtCQUErRjtBQUMvRixpREFBeUM7QUFDekMsd0JBQTRCO0FBRzVCLElBQU0sT0FBTyxHQUFHO0lBQ2QsR0FBRyxFQUFFLFVBQVU7SUFDZixHQUFHLEVBQUUsb0JBQW9CO0NBQ2pCLENBQUM7QUFFWCxJQUFNLGNBQWMsR0FBRztJQUNyQixHQUFHLEVBQUUsc0JBQXNCO0lBQzNCLGFBQWEsRUFBRSx1Q0FBdUM7SUFDdEQsR0FBRyxFQUFFLFVBQVU7SUFDZixhQUFhLEVBQUUsMkJBQTJCO0NBQ2xDLENBQUM7QUFFWCxJQUFNLElBQUksR0FBRyxJQUFBLGtCQUFVLEVBQ3JCLFVBQ0UsRUEwQkMsRUFDRCxHQUFHO1FBMUJELGlCQUFjLEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFDZCxLQUFLLFdBQUEsRUFDTCxZQUFhLEVBQWIsSUFBSSxtQkFBRyxNQUFNLEtBQUEsRUFDYixZQUFZLGtCQUFBLEVBQ1osUUFBUSxjQUFBLEVBQ1IsY0FBYyxFQUFkLE1BQU0sbUJBQUcsS0FBSyxLQUFBLEVBQ2Qsa0JBQWtCLEVBQWxCLFVBQVUsbUJBQUcsS0FBSyxLQUFBLEVBQ2xCLGVBQWMsRUFBZCxPQUFPLG1CQUFHLElBQUksS0FBQSxFQUNkLFFBQVEsY0FBQSxFQUNSLG1CQUFzQixFQUF0QixXQUFXLG1CQUFHLFFBQVEsS0FBQSxFQUN0QixtQkFBc0IsRUFBdEIsV0FBVyxtQkFBRyxRQUFRLEtBQUEsRUFDdEIscUJBQXFCLEVBQXJCLGFBQWEsbUJBQUcsS0FBSyxLQUFBLEVBQ3JCLHNCQUFvQixFQUFwQixjQUFjLG1CQUFHLEdBQUcsS0FBQSxFQUNwQix3QkFBNEIsRUFBNUIsZ0JBQWdCLG1CQUFHLFNBQVMsS0FBQSxFQUM1QixtQkFBcUIsRUFBckIsV0FBVyxtQkFBRyxP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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9mb3JtL0Zvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7OztBQUViLCtCQUErRjtBQUMvRixpREFBeUM7QUFDekMsd0JBQTRCO0FBRzVCLElBQU0sT0FBTyxHQUFHO0lBQ2QsR0FBRyxFQUFFLFVBQVU7SUFDZixHQUFHLEVBQUUsb0JBQW9CO0NBQ2pCLENBQUM7QUFFWCxJQUFNLGNBQWMsR0FBRztJQUNyQixHQUFHLEVBQUUsc0JBQXNCO0lBQzNCLGFBQWEsRUFBRSx1Q0FBdUM7SUFDdEQsR0FBRyxFQUFFLFVBQVU7SUFDZixhQUFhLEVBQUUsMkJBQTJCO0NBQ2xDLENBQUM7QUFFWCxJQUFNLElBQUksR0FBRyxJQUFBLGtCQUFVLEVBQ3JCLFVBQ0UsRUEyQkMsRUFDRCxHQUFHO1FBM0JELGlCQUFjLEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFDZCxLQUFLLFdBQUEsRUFDTCxZQUFhLEVBQWIsSUFBSSxtQkFBRyxNQUFNLEtBQUEsRUFDYixZQUFZLGtCQUFBLEVBQ1osUUFBUSxjQUFBLEVBQ1IsY0FBYyxFQUFkLE1BQU0sbUJBQUcsS0FBSyxLQUFBLEVBQ2Qsa0JBQWtCLEVBQWxCLFVBQVUsbUJBQUcsS0FBSyxLQUFBLEVBQ2xCLGVBQWMsRUFBZCxPQUFPLG1CQUFHLElBQUksS0FBQSxFQUNkLFFBQVEsY0FBQSxFQUNSLG1CQUFzQixFQUF0QixXQUFXLG1CQUFHLFFBQVEsS0FBQSxFQUN0QixtQkFBc0IsRUFBdEIsV0FBVyxtQkFBRyxRQUFRLEtBQUEsRUFDdEIscUJBQXFCLEVBQXJCLGFBQWEsbUJBQUcsS0FBSyxLQUFBLEVBQ3JCLHNCQUFvQixFQUFwQixjQUFjLG1CQUFHLEdBQUcsS0FBQSxFQUNwQix3QkFBNEIsRUFBNUIsZ0JBQWdCLG1CQUFHLFNBQVMsS0FBQSxFQUM1QixtQkFBcUIsRUFBckIsV0FBVyxtQkFBRyxP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

package/lib/form/types/index.d.ts

@@ -28,6 +28,7 @@ interface CommonFormProps {
     submitOutlineColor?: OutlineColorOption;
     cancelOutline?: boolean;
     cancelOutlineColor?: ColorOption;
+    buttonSize?: "sm" | "md" | "lg" | "xl";
     buttonTextcase?: "uppercase" | "lowercase" | "capitalize" | "normal-case";
     buttonShape?: "default" | "rounded" | "pill";
     buttonIsBold?: boolean;

package/lib/sidebar/Sidebar.d.ts

@@ -1,3 +1,3 @@
 import { SidebarProps } from './types';
-declare const Sidebar: ({ open, position, backdrop, className, style, children, onClose, }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
+declare const Sidebar: ({ open, position, backdrop, className, style, children, onClose, closePosition, }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
 export default Sidebar;

package/lib/sidebar/Sidebar.js

@@ -9,23 +9,23 @@ var positions = {
     left: 'left-0',
     right: 'right-0',
 };
-var sidebarClasses = 'fixed top-0 z-100  max-w-md h-full overflow-y-auto bg-light text-dark dark:bg-dark dark:text-light duration-500';
+var sidebarClasses = "fixed top-0 z-[200] w-full max-w-md h-full overflow-y-auto bg-white text-dark dark:bg-dark dark:text-light duration-500";
 var Sidebar = function (_a) {
-    var _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.position, position = _c === void 0 ? 'right' : _c, _d = _a.backdrop, backdrop = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, style = _a.style, children = _a.children, onClose = _a.onClose;
-    var _f = (0, react_1.useState)(false), show = _f[0], setShow = _f[1];
-    var _g = (0, react_1.useState)(null), touchPosition = _g[0], setTouchPosition = _g[1];
+    var _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.position, position = _c === void 0 ? "right" : _c, _d = _a.backdrop, backdrop = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? "" : _e, style = _a.style, children = _a.children, onClose = _a.onClose, _f = _a.closePosition, closePosition = _f === void 0 ? "right" : _f;
+    var _g = (0, react_1.useState)(false), show = _g[0], setShow = _g[1];
+    var _h = (0, react_1.useState)(null), touchPosition = _h[0], setTouchPosition = _h[1];
     (0, react_1.useEffect)(function () {
         if (open) {
             setShow(true);
-            document.body.style.overflow = 'hidden';
+            document.body.style.overflow = "hidden";
         }
         else {
             setShow(false);
-            document.body.style.overflow = '';
+            document.body.style.overflow = "";
         }
         return function () {
             setShow(false);
-            document.body.style.overflow = '';
+            document.body.style.overflow = "";
         };
     }, [open]);
     var positionClasses = (0, react_1.useMemo)(function () { return positions[position]; }, [position]);
@@ -36,11 +36,11 @@ var Sidebar = function (_a) {
         if (touchPosition === null)
             return;
         var diff = touchPosition - e.touches[0].clientX;
-        if (position === 'right' && diff < -5) {
+        if (position === "right" && diff < -5) {
             close();
             setTouchPosition(null);
         }
-        if (position === 'left' && diff > 5) {
+        if (position === "left" && diff > 5) {
             close();
             setTouchPosition(null);
         }
@@ -48,11 +48,7 @@ var Sidebar = function (_a) {
     var close = function () {
         onClose(false);
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [backdrop && ((0, jsx_runtime_1.jsx)("div", { className: "backdrop bg-dark dark:bg-neutral fixed top-0 right-0 bottom-0 left-0 w-full ".concat(show ? 'block opacity-50' : 'hidden opacity-0', " transition-opacity"), onClick: close })), (0, jsx_runtime_1.jsxs)("aside", { className: (0, tailwind_merge_1.twMerge)("sidebar ".concat(sidebarClasses, " ").concat(positionClasses, " ").concat(show
-                    ? 'translate-x-0'
-                    : position === 'right'
-                        ? 'translate-x-full'
-                        : '-translate-x-full'), className), style: style, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, children: [(0, jsx_runtime_1.jsx)("header", { className: "sidebar-header", children: (0, jsx_runtime_1.jsx)(__1.CloseButton, { onClick: close, layout: 'circle', size: 'md', className: "fixed top-3 ".concat(position === 'right' ? 'left-3' : 'right-3') }) }), (0, jsx_runtime_1.jsx)("div", { className: "sidebar-content max-h-full overflow-y-auto p-0 pt-8", children: children })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [backdrop && ((0, jsx_runtime_1.jsx)("div", { className: "backdrop bg-dark z-[100] fixed top-0 right-0 bottom-0 left-0 w-full ".concat(show ? "block opacity-50" : "hidden opacity-0", " transition-opacity"), onClick: close })), (0, jsx_runtime_1.jsxs)("aside", { className: (0, tailwind_merge_1.twMerge)("sidebar ".concat(sidebarClasses, " ").concat(positionClasses, " ").concat(show ? "translate-x-0" : position === "right" ? "translate-x-full" : "-translate-x-full"), className), style: style, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, children: [(0, jsx_runtime_1.jsx)("header", { className: "sidebar-header", children: (0, jsx_runtime_1.jsx)(__1.CloseButton, { onClick: close, layout: "circle", size: "md", className: "fixed top-3 ".concat(closePosition === "left" ? "left-3" : "right-3") }) }), (0, jsx_runtime_1.jsx)("div", { className: "sidebar-content max-h-full overflow-y-auto p-0 pt-8", children: children })] })] }));
 };
 exports.default = Sidebar;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9zaWRlYmFyL1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUE7OztBQUVaLCtCQUEyRDtBQUUzRCxpREFBd0M7QUFFeEMsd0JBQWdDO0FBR2hDLElBQU0sU0FBUyxHQUFHO0lBQ2pCLElBQUksRUFBRSxRQUFRO0lBQ2QsS0FBSyxFQUFFLFNBQVM7Q0FDaEIsQ0FBQTtBQUVELElBQU0sY0FBYyxHQUNuQixpSEFBaUgsQ0FBQTtBQUVsSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBUUY7UUFQZCxZQUFZLEVBQVosSUFBSSxtQkFBRyxLQUFLLEtBQUEsRUFDWixnQkFBa0IsRUFBbEIsUUFBUSxtQkFBRyxPQUFPLEtBQUEsRUFDbEIsZ0JBQWdCLEVBQWhCLFFBQVEsbUJBQUcsS0FBSyxLQUFBLEVBQ2hCLGlCQUFjLEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFDZCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUE7SUFFRCxJQUFBLEtBQWtCLElBQUEsZ0JBQVEsRUFBVSxLQUFLLENBQUMsRUFBekMsSUFBSSxRQUFBLEVBQUUsT0FBTyxRQUE0QixDQUFBO0lBQzFDLElBQUEsS0FBb0MsSUFBQSxnQkFBUSxFQUFTLElBQUssQ0FBQyxFQUExRCxhQUFhLFFBQUEsRUFBRSxnQkFBZ0IsUUFBMkIsQ0FBQTtJQUVqRSxJQUFBLGlCQUFTLEVBQUM7UUFDVCxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ1YsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFBO1lBQ2IsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQTtRQUN4QyxDQUFDO2FBQU0sQ0FBQztZQUNQLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUNkLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2lkZWJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9zaWRlYmFyL1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUE7OztBQUVaLCtCQUEyRDtBQUUzRCxpREFBd0M7QUFFeEMsd0JBQWdDO0FBR2hDLElBQU0sU0FBUyxHQUFHO0lBQ2pCLElBQUksRUFBRSxRQUFRO0lBQ2QsS0FBSyxFQUFFLFNBQVM7Q0FDaEIsQ0FBQTtBQUVELElBQU0sY0FBYyxHQUNsQix5SEFBeUgsQ0FBQztBQUU1SCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBU0Y7UUFSYixZQUFZLEVBQVosSUFBSSxtQkFBRyxLQUFLLEtBQUEsRUFDWixnQkFBa0IsRUFBbEIsUUFBUSxtQkFBRyxPQUFPLEtBQUEsRUFDbEIsZ0JBQWdCLEVBQWhCLFFBQVEsbUJBQUcsS0FBSyxLQUFBLEVBQ2hCLGlCQUFjLEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFDZCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxxQkFBdUIsRUFBdkIsYUFBYSxtQkFBRyxPQUFPLEtBQUE7SUFFakIsSUFBQSxLQUFrQixJQUFBLGdCQUFRLEVBQVUsS0FBSyxDQUFDLEVBQXpDLElBQUksUUFBQSxFQUFFLE9BQU8sUUFBNEIsQ0FBQztJQUMzQyxJQUFBLEtBQW9DLElBQUEsZ0JBQVEsRUFBUyxJQUFLLENBQUMsRUFBMUQsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQTJCLENBQUM7SUFFbEUsSUFBQSxpQkFBUyxFQUFDO1FBQ1IsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUNULE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNkLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7UUFDMUMsQ0FBQzthQUFNLENBQUM7WUFDTixPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7WUFD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

package/lib/sidebar/types/index.d.ts

@@ -4,6 +4,7 @@ export interface SidebarProps {
     children: React.ReactNode;
     open: boolean;
     backdrop?: boolean;
-    position?: 'left' | 'right';
+    position?: "left" | "right";
     onClose: (open: boolean) => void;
+    closePosition?: "left" | "right";
 }

package/lib/textarea/TextArea.js

@@ -13,7 +13,7 @@ var sizes = {
 var TextArea = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.textAreaStyles, textAreaStyles = _c === void 0 ? '' : _c, label = _a.label, layout = _a.layout, required = _a.required, _d = _a.name, name = _d === void 0 ? 'textarea' : _d, value = _a.value, placeholder = _a.placeholder, _e = _a.size, size = _e === void 0 ? 'md' : _e, onChange = _a.onChange, _f = _a.rows, rows = _f === void 0 ? 2 : _f, _g = _a.resize, resize = _g === void 0 ? true : _g, maxLength = _a.maxLength, _h = _a.disabled, disabled = _h === void 0 ? false : _h;
     var sizeClasses = (0, react_1.useMemo)(function () { return sizes[size]; }, [size]);
-    return ((0, jsx_runtime_1.jsx)(__1.Label, { label: label, layout: layout, size: size, required: required, className: (0, tailwind_merge_1.twMerge)("font-semibold", className), "data-testid": "label-".concat(name), children: (0, jsx_runtime_1.jsx)("textarea", { className: (0, tailwind_merge_1.twMerge)("form-textarea font-normal w-full invalid:!border-accent dark:bg-dark dark:text-light color-scheme:light dark:[color-scheme:dark] border-neutral disabled:bg-neutral disabled:cursor-default disabled:text-dark ".concat(className, " ").concat(sizeClasses, " ").concat(resize ? 'resize' : 'resize-none'), textAreaStyles), name: name, id: name, value: value, placeholder: placeholder, onChange: onChange, rows: rows, maxLength: maxLength, disabled: disabled, required: required }) }));
+    return ((0, jsx_runtime_1.jsx)(__1.Label, { label: label, layout: layout, size: size, required: required, className: (0, tailwind_merge_1.twMerge)("font-semibold", className), "data-testid": "label-".concat(name), children: (0, jsx_runtime_1.jsx)("textarea", { className: (0, tailwind_merge_1.twMerge)("form-textarea font-normal w-full invalid:!border-warning-dark invalid:dark:!border-warning-light dark:bg-dark dark:text-light color-scheme:light dark:[color-scheme:dark] border-neutral disabled:bg-neutral disabled:cursor-default disabled:text-dark ".concat(sizeClasses, " ").concat(resize ? "resize" : "resize-none"), textAreaStyles), name: name, id: name, value: value, placeholder: placeholder, onChange: onChange, rows: rows, maxLength: maxLength, disabled: disabled, required: required }) }));
 };
 exports.default = TextArea;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvdGV4dGFyZWEvVGV4dEFyZWEudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtCQUFzQztBQUV0QyxpREFBd0M7QUFJeEMsd0JBQTBCO0FBRTFCLElBQU0sS0FBSyxHQUFHO0lBQ2IsRUFBRSxFQUFFLFNBQVM7SUFDYixFQUFFLEVBQUUsV0FBVztJQUNmLEVBQUUsRUFBRSxTQUFTO0lBQ2IsRUFBRSxFQUFFLFNBQVM7Q0FDYixDQUFBO0FBRUQsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQWVGO1FBZGYsaUJBQWMsRUFBZCxTQUFTLG1CQUFHLEVBQUUsS0FBQSxFQUNkLHNCQUFtQixFQUFuQixjQUFjLG1CQUFHLEVBQUUsS0FBQSxFQUNuQixLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixZQUFpQixFQUFqQixJQUFJLG1CQUFHLFVBQVUsS0FBQSxFQUNqQixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsWUFBVyxFQUFYLElBQUksbUJBQUcsSUFBSSxLQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsWUFBUSxFQUFSLElBQUksbUJBQUcsQ0FBQyxLQUFBLEVBQ1IsY0FBYSxFQUFiLE1BQU0sbUJBQUcsSUFBSSxLQUFBLEVBQ2IsU0FBUyxlQUFBLEVBQ1QsZ0JBQWdCLEVBQWhCLFFBQVEsbUJBQUcsS0FBSyxLQUFBO0lBRWhCLElBQU0sV0FBVyxHQUFHLElBQUEsZUFBTyxFQUFDLGNBQU0sT0FBQSxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQVgsQ0FBVyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQTtJQUV0RCxPQUFPLENBQ04sdUJBQUMsU0FBSyxJQUNMLEtBQUssRUFBRSxLQUFLLEVBQ1osTUFBTSxFQUFFLE1BQU0sRUFDZCxJQUFJLEVBQUUsSUFBSSxFQUNWLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFNBQVMsRUFBRSxJQUFBLHdCQUFPLEVBQUMsZUFBZSxFQUFFLFNBQVMsQ0FBQyxpQkFDakMsZ0JBQVMsSUFBSSxDQUFFLFlBRTVCLHFDQUNDLFNBQVMsRUFBRSxJQUFBLHdCQUFPLEVBQ2pCLHlOQUFrTixTQUFTLGNBQUksV0FBVyxjQUN6TyxNQUFNLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUNoQyxFQUNGLGNBQWMsQ0FDZCxFQUNELElBQUksRUFBRSxJQUFJLEVBQ1YsRUFBRSxFQUFFLElBQUksRUFDUixLQUFLLEVBQUUsS0FBSyxFQUNaLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLElBQUksRUFBRSxJQUFJLEVBQ1YsU0FBUyxFQUFFLFNBQVMsRUFDcEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsR0FDakIsR0FDSyxDQUNSLENBQUE7QUFDRixDQUFDLENBQUE7QUFFRCxrQkFBZSxRQUFRLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvdGV4dGFyZWEvVGV4dEFyZWEudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtCQUFzQztBQUV0QyxpREFBd0M7QUFJeEMsd0JBQTBCO0FBRTFCLElBQU0sS0FBSyxHQUFHO0lBQ2IsRUFBRSxFQUFFLFNBQVM7SUFDYixFQUFFLEVBQUUsV0FBVztJQUNmLEVBQUUsRUFBRSxTQUFTO0lBQ2IsRUFBRSxFQUFFLFNBQVM7Q0FDYixDQUFBO0FBRUQsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQWVGO1FBZGYsaUJBQWMsRUFBZCxTQUFTLG1CQUFHLEVBQUUsS0FBQSxFQUNkLHNCQUFtQixFQUFuQixjQUFjLG1CQUFHLEVBQUUsS0FBQSxFQUNuQixLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixZQUFpQixFQUFqQixJQUFJLG1CQUFHLFVBQVUsS0FBQSxFQUNqQixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsWUFBVyxFQUFYLElBQUksbUJBQUcsSUFBSSxLQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsWUFBUSxFQUFSLElBQUksbUJBQUcsQ0FBQyxLQUFBLEVBQ1IsY0FBYSxFQUFiLE1BQU0sbUJBQUcsSUFBSSxLQUFBLEVBQ2IsU0FBUyxlQUFBLEVBQ1QsZ0JBQWdCLEVBQWhCLFFBQVEsbUJBQUcsS0FBSyxLQUFBO0lBRWhCLElBQU0sV0FBVyxHQUFHLElBQUEsZUFBTyxFQUFDLGNBQU0sT0FBQSxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQVgsQ0FBVyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQTtJQUV0RCxPQUFPLENBQ0osdUJBQUMsU0FBSyxJQUNKLEtBQUssRUFBRSxLQUFLLEVBQ1osTUFBTSxFQUFFLE1BQU0sRUFDZCxJQUFJLEVBQUUsSUFBSSxFQUNWLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFNBQVMsRUFBRSxJQUFBLHdCQUFPLEVBQUMsZUFBZSxFQUFFLFNBQVMsQ0FBQyxpQkFDakMsZ0JBQVMsSUFBSSxDQUFFLFlBRTVCLHFDQUNFLFNBQVMsRUFBRSxJQUFBLHdCQUFPLEVBQ2hCLGtRQUEyUCxXQUFXLGNBQ3BRLE1BQU0sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQ2pDLEVBQ0YsY0FBYyxDQUNmLEVBQ0QsSUFBSSxFQUFFLElBQUksRUFDVixFQUFFLEVBQUUsSUFBSSxFQUNSLEtBQUssRUFBRSxLQUFLLEVBQ1osV0FBVyxFQUFFLFdBQVcsRUFDeEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsSUFBSSxFQUFFLElBQUksRUFDVixTQUFTLEVBQUUsU0FBUyxFQUNwQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxHQUNsQixHQUNJLENBQ1QsQ0FBQztBQUNKLENBQUMsQ0FBQTtBQUVELGtCQUFlLFFBQVEsQ0FBQSJ9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smitch/breeze",
-  "version": "2.2.25",
+  "version": "2.2.27",
   "description": "A lightweight, Tailwind-powered React/Next.js UI component library.",
   "main": "lib/index.js",
   "types": "index.d.ts",