@rufous/ui 0.1.17 → 0.1.21

package/dist/Buttons/{Button.cjs → addButton.cjs}

@@ -26,17 +26,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// lib/Buttons/Button.jsx
-var Button_exports = {};
-__export(Button_exports, {
-  Button: () => Button
+// lib/Buttons/addButton.tsx
+var addButton_exports = {};
+__export(addButton_exports, {
+  default: () => addButton_default
 });
-module.exports = __toCommonJS(Button_exports);
-var import_react = __toESM(require("react"), 1);
-var Button = ({ children, onClick, ...props }) => {
-  return /* @__PURE__ */ import_react.default.createElement("button", { className: "btn", onClick, ...props }, children);
+module.exports = __toCommonJS(addButton_exports);
+var React = __toESM(require("react"), 1);
+var AddButton = ({ children, ...props }) => {
+  return /* @__PURE__ */ React.createElement("button", { className: "add-btn", ...props }, "+", children);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Button
-});
+var addButton_default = AddButton;

package/dist/Buttons/addButton.css

@@ -0,0 +1,68 @@
+/* lib/styles/button.css */
+.cancel-btn {
+  text-transform: uppercase;
+  min-width: 84px;
+  font-weight: normal;
+  font-size: 12px;
+  padding: 7px 10px;
+  border: 1px solid rgb(164, 27, 6);
+  border-radius: 34px;
+  background: #fff;
+  color: rgb(164, 27, 6);
+  cursor: pointer;
+  transition:
+    background-color 250ms,
+    box-shadow 250ms,
+    border-color 250ms,
+    color 250ms;
+  box-shadow:
+    rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
+    rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
+    rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
+}
+.cancel-btn:hover {
+  box-shadow:
+    rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
+    rgba(0, 0, 0, 0.14) 0px 4px 5px 0px,
+    rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
+}
+.cancel-btn:disabled {
+  background-color: #e0e0e0;
+  cursor: not-allowed;
+}
+.submit-btn {
+  background-color: #9b1906;
+  color: #fff;
+  font-size: 12px;
+  text-transform: uppercase;
+  min-width: 92px;
+  height: 38px;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background-color 250ms ease-in-out;
+}
+.submit-btn:hover {
+  background-color: #9b1906;
+}
+.submit-btn:disabled {
+  background-color: #e0e0e0;
+  cursor: not-allowed;
+}
+.add-btn {
+  background: #ffffff;
+  border: 1px solid #a41b06;
+  border-radius: 34px;
+  font-weight: normal;
+  font-size: 12px;
+  padding: 7px 12px;
+  color: #a41b06;
+  cursor: pointer;
+  transition: all 0.25s ease-in-out;
+  text-transform: uppercase;
+  box-shadow: none;
+}
+.add-btn:hover {
+  background: #a41b06;
+  color: #ffffff;
+}

package/dist/Buttons/addButton.d.cts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+interface AddButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+}
+declare const AddButton: React.FC<AddButtonProps>;
+
+export { type AddButtonProps, AddButton as default };

package/dist/Buttons/addButton.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+interface AddButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+}
+declare const AddButton: React.FC<AddButtonProps>;
+
+export { type AddButtonProps, AddButton as default };

package/dist/Buttons/addButton.js

@@ -0,0 +1,7 @@
+import {
+  addButton_default
+} from "../chunk-N65GKZS6.js";
+import "../chunk-QGVJQLGY.js";
+export {
+  addButton_default as default
+};

package/dist/Buttons/cancelButton.cjs

@@ -0,0 +1,37 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// lib/Buttons/cancelButton.tsx
+var cancelButton_exports = {};
+__export(cancelButton_exports, {
+  default: () => cancelButton_default
+});
+module.exports = __toCommonJS(cancelButton_exports);
+var React = __toESM(require("react"), 1);
+var CancelButton = ({ children, ...props }) => /* @__PURE__ */ React.createElement("button", { className: "cancel-btn", ...props }, children);
+var cancelButton_default = CancelButton;

package/dist/Buttons/cancelButton.css

@@ -0,0 +1,68 @@
+/* lib/styles/button.css */
+.cancel-btn {
+  text-transform: uppercase;
+  min-width: 84px;
+  font-weight: normal;
+  font-size: 12px;
+  padding: 7px 10px;
+  border: 1px solid rgb(164, 27, 6);
+  border-radius: 34px;
+  background: #fff;
+  color: rgb(164, 27, 6);
+  cursor: pointer;
+  transition:
+    background-color 250ms,
+    box-shadow 250ms,
+    border-color 250ms,
+    color 250ms;
+  box-shadow:
+    rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
+    rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
+    rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
+}
+.cancel-btn:hover {
+  box-shadow:
+    rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
+    rgba(0, 0, 0, 0.14) 0px 4px 5px 0px,
+    rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
+}
+.cancel-btn:disabled {
+  background-color: #e0e0e0;
+  cursor: not-allowed;
+}
+.submit-btn {
+  background-color: #9b1906;
+  color: #fff;
+  font-size: 12px;
+  text-transform: uppercase;
+  min-width: 92px;
+  height: 38px;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background-color 250ms ease-in-out;
+}
+.submit-btn:hover {
+  background-color: #9b1906;
+}
+.submit-btn:disabled {
+  background-color: #e0e0e0;
+  cursor: not-allowed;
+}
+.add-btn {
+  background: #ffffff;
+  border: 1px solid #a41b06;
+  border-radius: 34px;
+  font-weight: normal;
+  font-size: 12px;
+  padding: 7px 12px;
+  color: #a41b06;
+  cursor: pointer;
+  transition: all 0.25s ease-in-out;
+  text-transform: uppercase;
+  box-shadow: none;
+}
+.add-btn:hover {
+  background: #a41b06;
+  color: #ffffff;
+}

package/dist/Buttons/cancelButton.d.cts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+interface CancelButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: string;
+}
+declare const CancelButton: React.FC<CancelButtonProps>;
+
+export { type CancelButtonProps, CancelButton as default };

package/dist/Buttons/cancelButton.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+interface CancelButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: string;
+}
+declare const CancelButton: React.FC<CancelButtonProps>;
+
+export { type CancelButtonProps, CancelButton as default };

package/dist/Buttons/cancelButton.js

@@ -0,0 +1,7 @@
+import {
+  cancelButton_default
+} from "../chunk-7KARALMQ.js";
+import "../chunk-QGVJQLGY.js";
+export {
+  cancelButton_default as default
+};

package/dist/Buttons/index.cjs

@@ -0,0 +1,75 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// lib/Buttons/index.ts
+var Buttons_exports = {};
+__export(Buttons_exports, {
+  AddButton: () => addButton_default,
+  CancelButton: () => cancelButton_default,
+  SubmitButton: () => submitButton_default
+});
+module.exports = __toCommonJS(Buttons_exports);
+
+// lib/Buttons/addButton.tsx
+var React = __toESM(require("react"), 1);
+var AddButton = ({ children, ...props }) => {
+  return /* @__PURE__ */ React.createElement("button", { className: "add-btn", ...props }, "+", children);
+};
+var addButton_default = AddButton;
+
+// lib/Buttons/submitButton.tsx
+var React2 = __toESM(require("react"), 1);
+var SubmitButton = ({
+  children,
+  type = "submit",
+  onClick,
+  loading = false,
+  ...props
+}) => {
+  const buttonProps = {
+    ...props,
+    className: `submit-btn ${props.className ?? ""}`,
+    onClick,
+    disabled: props.disabled || loading,
+    ...onClick ? {} : { type }
+    // only set type when no onClick
+  };
+  return /* @__PURE__ */ React2.createElement("button", { ...buttonProps }, loading ? "Loading..." : children);
+};
+var submitButton_default = SubmitButton;
+
+// lib/Buttons/cancelButton.tsx
+var React3 = __toESM(require("react"), 1);
+var CancelButton = ({ children, ...props }) => /* @__PURE__ */ React3.createElement("button", { className: "cancel-btn", ...props }, children);
+var cancelButton_default = CancelButton;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AddButton,
+  CancelButton,
+  SubmitButton
+});

package/dist/Buttons/index.css

@@ -0,0 +1,68 @@
+/* lib/styles/button.css */
+.cancel-btn {
+  text-transform: uppercase;
+  min-width: 84px;
+  font-weight: normal;
+  font-size: 12px;
+  padding: 7px 10px;
+  border: 1px solid rgb(164, 27, 6);
+  border-radius: 34px;
+  background: #fff;
+  color: rgb(164, 27, 6);
+  cursor: pointer;
+  transition:
+    background-color 250ms,
+    box-shadow 250ms,
+    border-color 250ms,
+    color 250ms;
+  box-shadow:
+    rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
+    rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
+    rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
+}
+.cancel-btn:hover {
+  box-shadow:
+    rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
+    rgba(0, 0, 0, 0.14) 0px 4px 5px 0px,
+    rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
+}
+.cancel-btn:disabled {
+  background-color: #e0e0e0;
+  cursor: not-allowed;
+}
+.submit-btn {
+  background-color: #9b1906;
+  color: #fff;
+  font-size: 12px;
+  text-transform: uppercase;
+  min-width: 92px;
+  height: 38px;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background-color 250ms ease-in-out;
+}
+.submit-btn:hover {
+  background-color: #9b1906;
+}
+.submit-btn:disabled {
+  background-color: #e0e0e0;
+  cursor: not-allowed;
+}
+.add-btn {
+  background: #ffffff;
+  border: 1px solid #a41b06;
+  border-radius: 34px;
+  font-weight: normal;
+  font-size: 12px;
+  padding: 7px 12px;
+  color: #a41b06;
+  cursor: pointer;
+  transition: all 0.25s ease-in-out;
+  text-transform: uppercase;
+  box-shadow: none;
+}
+.add-btn:hover {
+  background: #a41b06;
+  color: #ffffff;
+}

package/dist/Buttons/index.d.cts

@@ -0,0 +1,4 @@
+export { default as AddButton } from './addButton.cjs';
+export { default as SubmitButton } from './submitButton.cjs';
+export { default as CancelButton } from './cancelButton.cjs';
+import 'react';

package/dist/Buttons/index.d.ts

@@ -0,0 +1,4 @@
+export { default as AddButton } from './addButton.js';
+export { default as SubmitButton } from './submitButton.js';
+export { default as CancelButton } from './cancelButton.js';
+import 'react';

package/dist/Buttons/index.js

@@ -0,0 +1,16 @@
+import "../chunk-QPGJCRBS.js";
+import {
+  addButton_default
+} from "../chunk-N65GKZS6.js";
+import {
+  cancelButton_default
+} from "../chunk-7KARALMQ.js";
+import {
+  submitButton_default
+} from "../chunk-54KCNQAW.js";
+import "../chunk-QGVJQLGY.js";
+export {
+  addButton_default as AddButton,
+  cancelButton_default as CancelButton,
+  submitButton_default as SubmitButton
+};

package/dist/Buttons/submitButton.cjs

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// lib/Buttons/submitButton.tsx
+var submitButton_exports = {};
+__export(submitButton_exports, {
+  default: () => submitButton_default
+});
+module.exports = __toCommonJS(submitButton_exports);
+var React = __toESM(require("react"), 1);
+var SubmitButton = ({
+  children,
+  type = "submit",
+  onClick,
+  loading = false,
+  ...props
+}) => {
+  const buttonProps = {
+    ...props,
+    className: `submit-btn ${props.className ?? ""}`,
+    onClick,
+    disabled: props.disabled || loading,
+    ...onClick ? {} : { type }
+    // only set type when no onClick
+  };
+  return /* @__PURE__ */ React.createElement("button", { ...buttonProps }, loading ? "Loading..." : children);
+};
+var submitButton_default = SubmitButton;

package/dist/Buttons/submitButton.css

@@ -0,0 +1,68 @@
+/* lib/styles/button.css */
+.cancel-btn {
+  text-transform: uppercase;
+  min-width: 84px;
+  font-weight: normal;
+  font-size: 12px;
+  padding: 7px 10px;
+  border: 1px solid rgb(164, 27, 6);
+  border-radius: 34px;
+  background: #fff;
+  color: rgb(164, 27, 6);
+  cursor: pointer;
+  transition:
+    background-color 250ms,
+    box-shadow 250ms,
+    border-color 250ms,
+    color 250ms;
+  box-shadow:
+    rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
+    rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
+    rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
+}
+.cancel-btn:hover {
+  box-shadow:
+    rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
+    rgba(0, 0, 0, 0.14) 0px 4px 5px 0px,
+    rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
+}
+.cancel-btn:disabled {
+  background-color: #e0e0e0;
+  cursor: not-allowed;
+}
+.submit-btn {
+  background-color: #9b1906;
+  color: #fff;
+  font-size: 12px;
+  text-transform: uppercase;
+  min-width: 92px;
+  height: 38px;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background-color 250ms ease-in-out;
+}
+.submit-btn:hover {
+  background-color: #9b1906;
+}
+.submit-btn:disabled {
+  background-color: #e0e0e0;
+  cursor: not-allowed;
+}
+.add-btn {
+  background: #ffffff;
+  border: 1px solid #a41b06;
+  border-radius: 34px;
+  font-weight: normal;
+  font-size: 12px;
+  padding: 7px 12px;
+  color: #a41b06;
+  cursor: pointer;
+  transition: all 0.25s ease-in-out;
+  text-transform: uppercase;
+  box-shadow: none;
+}
+.add-btn:hover {
+  background: #a41b06;
+  color: #ffffff;
+}

package/dist/Buttons/submitButton.d.cts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+interface SubmitButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    type?: "button" | "submit" | "reset";
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    loading?: boolean;
+}
+declare const SubmitButton: React.FC<SubmitButtonProps>;
+
+export { type SubmitButtonProps, SubmitButton as default };

package/dist/Buttons/submitButton.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+interface SubmitButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    type?: "button" | "submit" | "reset";
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    loading?: boolean;
+}
+declare const SubmitButton: React.FC<SubmitButtonProps>;
+
+export { type SubmitButtonProps, SubmitButton as default };

package/dist/Buttons/submitButton.js

@@ -0,0 +1,7 @@
+import {
+  submitButton_default
+} from "../chunk-54KCNQAW.js";
+import "../chunk-QGVJQLGY.js";
+export {
+  submitButton_default as default
+};

package/dist/CheckBoxes/CheckBox.js

@@ -1,6 +1,28 @@
-import {
-  Checkbox
-} from "../chunk-QKDJLUKZ.js";
+// lib/CheckBoxes/CheckBox.jsx
+import React from "react";
+var Checkbox = ({
+  id,
+  label,
+  checked,
+  onChange,
+  disabled = false,
+  className = "",
+  style
+}) => {
+  const handleChange = (e) => {
+    onChange(e.target.checked);
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "checkbox-wrapper-13" }, /* @__PURE__ */ React.createElement("label", { className: `${className}`, style }, /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      id,
+      type: "checkbox",
+      checked,
+      onChange: handleChange,
+      disabled
+    }
+  ), label && /* @__PURE__ */ React.createElement("span", { className: "checkbox-label" }, label)));
+};
 export {
   Checkbox
 };

package/dist/TextFields/FloatingInput.js

@@ -1,6 +1,31 @@
-import {
-  FloatingInput
-} from "../chunk-AWA5Y5LH.js";
+// lib/TextFields/FloatingInput.jsx
+import React from "react";
+var FloatingInput = ({
+  label,
+  name,
+  id,
+  type = "text",
+  value,
+  onChange,
+  required = false,
+  placeholder,
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ React.createElement("div", { className: `form__group field ${className}`, ...props }, /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      type,
+      className: "form__field",
+      placeholder: placeholder || label,
+      name,
+      id: id || name,
+      value,
+      onChange,
+      required
+    }
+  ), /* @__PURE__ */ React.createElement("label", { htmlFor: id || name, className: "form__label" }, label));
+};
 export {
   FloatingInput
 };

package/dist/chunk-54KCNQAW.js

@@ -0,0 +1,24 @@
+// lib/Buttons/submitButton.tsx
+import * as React from "react";
+var SubmitButton = ({
+  children,
+  type = "submit",
+  onClick,
+  loading = false,
+  ...props
+}) => {
+  const buttonProps = {
+    ...props,
+    className: `submit-btn ${props.className ?? ""}`,
+    onClick,
+    disabled: props.disabled || loading,
+    ...onClick ? {} : { type }
+    // only set type when no onClick
+  };
+  return /* @__PURE__ */ React.createElement("button", { ...buttonProps }, loading ? "Loading..." : children);
+};
+var submitButton_default = SubmitButton;
+
+export {
+  submitButton_default
+};