@rufous/ui 0.1.6 → 0.1.8

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@rufous/ui",
   "private": false,
-  "version": "0.1.6",
+  "version": "0.1.8",
   "type": "module",
+  "description": "Experimental: A lightweight React UI component library (Beta)",
   "style": "./dist/style.css",
   "files": [
     "dist"
@@ -22,16 +23,26 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsup lib --dts --format esm,cjs --outDir dist --clean",
+    "build": "NODE_OPTIONS='--max-old-space-size=4096' tsup",
     "build:dev": "npm version patch --no-git-tag-version && npm run build",
+    "build:staging": "vite build --config vite.app.config.ts",
     "prebuild": "rm -rf dist",
     "lint": "eslint .",
     "preview": "vite preview",
     "build:types": "tsc -p tsconfig.json"
   },
   "dependencies": {
+    "@types/crypto-js": "^4.2.2",
+    "axios": "^1.13.5",
+    "country-state-city": "^3.2.1",
+    "crypto-js": "^4.2.0",
+    "jodit-react": "^5.3.21",
+    "lucide-react": "^0.575.0",
+    "motion": "^12.34.3",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
+    "react-router-dom": "^7.13.1",
+    "react-secure-storage": "^1.3.2",
     "rufous-ui": "^0.4.6",
     "vite": "^6.3.5",
     "vite-tsconfig-paths": "^5.1.4"
@@ -56,4 +67,4 @@
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   }
-}
+}

package/dist/Buttons/Button.d.cjs

@@ -1,17 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// lib/Buttons/Button.d.ts
-var Button_d_exports = {};
-module.exports = __toCommonJS(Button_d_exports);

package/dist/Buttons/Button.d.cts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-
-interface ButtonProps {
-  children: React.ReactNode;
-  onClick?: () => void;
-}
-
-declare const Button: React.FC<ButtonProps>;
-
-export { Button, type ButtonProps };

package/dist/Buttons/Button.d.d.cts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-
-interface ButtonProps {
-  children: React.ReactNode;
-  onClick?: () => void;
-}
-
-declare const Button: React.FC<ButtonProps>;
-
-export { Button, type ButtonProps };

package/dist/Buttons/Button.d.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-
-interface ButtonProps {
-  children: React.ReactNode;
-  onClick?: () => void;
-}
-
-declare const Button: React.FC<ButtonProps>;
-
-export { Button, type ButtonProps };

package/dist/Buttons/Button.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-
-interface ButtonProps {
-  children: React.ReactNode;
-  onClick?: () => void;
-}
-
-declare const Button: React.FC<ButtonProps>;
-
-export { Button, type ButtonProps };

package/dist/Buttons/Button.js

@@ -1,6 +0,0 @@
-import {
-  Button
-} from "../chunk-ASP3DBRX.js";
-export {
-  Button
-};

package/dist/CheckBoxes/CheckBox.cjs

@@ -1,62 +0,0 @@
-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/CheckBoxes/CheckBox.jsx
-var CheckBox_exports = {};
-__export(CheckBox_exports, {
-  Checkbox: () => Checkbox
-});
-module.exports = __toCommonJS(CheckBox_exports);
-var import_react = __toESM(require("react"), 1);
-var Checkbox = ({
-  id,
-  label,
-  checked,
-  onChange,
-  disabled = false,
-  className = "",
-  style
-}) => {
-  const handleChange = (e) => {
-    onChange(e.target.checked);
-  };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "checkbox-wrapper-13" }, /* @__PURE__ */ import_react.default.createElement("label", { className: `${className}`, style }, /* @__PURE__ */ import_react.default.createElement(
-    "input",
-    {
-      id,
-      type: "checkbox",
-      checked,
-      onChange: handleChange,
-      disabled
-    }
-  ), label && /* @__PURE__ */ import_react.default.createElement("span", { className: "checkbox-label" }, label)));
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Checkbox
-});

package/dist/CheckBoxes/CheckBox.d.cjs

@@ -1,17 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// lib/CheckBoxes/CheckBox.d.ts
-var CheckBox_d_exports = {};
-module.exports = __toCommonJS(CheckBox_d_exports);

package/dist/CheckBoxes/CheckBox.d.cts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-
-interface CheckboxProps {
-  id?: string;
-  label?: string;
-  checked: boolean;
-  onChange: (checked: boolean) => void;
-  disabled?: boolean;
-  className?: string;
-  style?: React.CSSProperties;
-}
-
-declare const Checkbox: React.FC<CheckboxProps>;
-
-export { Checkbox, type CheckboxProps };

package/dist/CheckBoxes/CheckBox.d.d.cts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-
-interface CheckboxProps {
-  id?: string;
-  label?: string;
-  checked: boolean;
-  onChange: (checked: boolean) => void;
-  disabled?: boolean;
-  className?: string;
-  style?: React.CSSProperties;
-}
-
-declare const Checkbox: React.FC<CheckboxProps>;
-
-export { Checkbox, type CheckboxProps };

package/dist/CheckBoxes/CheckBox.d.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-
-interface CheckboxProps {
-  id?: string;
-  label?: string;
-  checked: boolean;
-  onChange: (checked: boolean) => void;
-  disabled?: boolean;
-  className?: string;
-  style?: React.CSSProperties;
-}
-
-declare const Checkbox: React.FC<CheckboxProps>;
-
-export { Checkbox, type CheckboxProps };

package/dist/CheckBoxes/CheckBox.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-
-interface CheckboxProps {
-  id?: string;
-  label?: string;
-  checked: boolean;
-  onChange: (checked: boolean) => void;
-  disabled?: boolean;
-  className?: string;
-  style?: React.CSSProperties;
-}
-
-declare const Checkbox: React.FC<CheckboxProps>;
-
-export { Checkbox, type CheckboxProps };

package/dist/CheckBoxes/CheckBox.js

@@ -1,6 +0,0 @@
-import {
-  Checkbox
-} from "../chunk-QKDJLUKZ.js";
-export {
-  Checkbox
-};

package/dist/Contexts/rufousThemeProvider.cjs

@@ -1,177 +0,0 @@
-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/Contexts/rufousThemeProvider.tsx
-var rufousThemeProvider_exports = {};
-__export(rufousThemeProvider_exports, {
-  RufousThemeProvider: () => RufousThemeProvider,
-  useRufousTheme: () => useRufousTheme
-});
-module.exports = __toCommonJS(rufousThemeProvider_exports);
-var import_react = __toESM(require("react"), 1);
-
-// lib/utils/constants.ts
-var APP_THEMES = {
-  default: {
-    name: "Default",
-    primaryColor: "#707070",
-    secondaryColor: "#e0e0e0",
-    backgroundColor: "#f5f5f5",
-    surfaceColor: "#ffffff",
-    iconColor: "#707070",
-    textColor: "#2d2d2d",
-    textSecondaryColor: "#6f6f6f",
-    borderColor: "#dcdcdc",
-    hoverColor: "#d4d4d4",
-    activeColor: "#5a5a5a",
-    button: {
-      background: "#707070",
-      text: "#ffffff",
-      hoverBackground: "#5f5f5f",
-      disabledBackground: "#cfcfcf"
-    },
-    input: {
-      background: "#ffffff",
-      text: "#2d2d2d",
-      border: "#ccc",
-      placeholder: "#999",
-      focusBorder: "#707070"
-    },
-    card: {
-      background: "#ffffff",
-      shadow: "0 1px 3px rgba(0,0,0,0.1)"
-    },
-    sidebar: {
-      background: "#e8e8e8",
-      text: "#2d2d2d",
-      hover: "#dcdcdc"
-    },
-    success: "#4CAF50",
-    warning: "#FFC107",
-    error: "#F44336"
-  },
-  rufous: {
-    name: "Rufous",
-    primaryColor: "#a81c08",
-    secondaryColor: "#f7d4cc",
-    backgroundColor: "#fff8f7",
-    surfaceColor: "#fff",
-    iconColor: "#a81c08",
-    textColor: "#2d2d2d",
-    textSecondaryColor: "#6f6f6f",
-    borderColor: "#e5e5e5",
-    hoverColor: "#f3c2b9",
-    activeColor: "#c01708",
-    button: {
-      background: "#a81c08",
-      text: "#ffffff",
-      hoverBackground: "#8f1907",
-      disabledBackground: "#f4cccc"
-    },
-    input: {
-      background: "#ffffff",
-      text: "#2d2d2d",
-      border: "#ccc",
-      placeholder: "#999",
-      focusBorder: "#a81c08"
-    },
-    card: {
-      background: "#ffffff",
-      shadow: "0 1px 3px rgba(0,0,0,0.1)"
-    },
-    sidebar: {
-      background: "#fff0ed",
-      text: "#2d2d2d",
-      hover: "#f5e0dc"
-    },
-    success: "#4CAF50",
-    warning: "#FFC107",
-    error: "#F44336"
-  }
-};
-
-// lib/Contexts/rufousThemeProvider.tsx
-var RufousThemeContext = (0, import_react.createContext)(null);
-var RufousThemeProvider = ({ children }) => {
-  const [committedThemeKey, setCommittedThemeKey] = (0, import_react.useState)("default");
-  const [previewThemeKey, setPreviewThemeKey] = (0, import_react.useState)("default");
-  const [settings, setSettings] = (0, import_react.useState)(null);
-  const getGeneralSettings = async () => {
-    try {
-      const theme = localStorage.getItem("theme") || "default";
-      setCommittedThemeKey(theme);
-      setPreviewThemeKey(theme);
-    } catch (err) {
-      console.error("Error fetching general settings:", err);
-    }
-  };
-  (0, import_react.useEffect)(() => {
-    getGeneralSettings();
-  }, []);
-  const fullTheme = (0, import_react.useMemo)(() => {
-    return {
-      themeKey: previewThemeKey || settings.theme,
-      customStyles: APP_THEMES[previewThemeKey || settings.theme]
-    };
-  }, [previewThemeKey, settings]);
-  const previewTheme = (key) => setPreviewThemeKey(key);
-  const saveTheme = (inputKey) => {
-    const key = inputKey || previewThemeKey || settings.theme;
-    localStorage.setItem("theme", key);
-    setCommittedThemeKey(key);
-  };
-  const cancelTheme = () => setPreviewThemeKey(committedThemeKey);
-  return /* @__PURE__ */ import_react.default.createElement(
-    RufousThemeContext.Provider,
-    {
-      value: {
-        theme: fullTheme,
-        previewTheme,
-        saveTheme,
-        cancelTheme,
-        currentThemeKey: previewThemeKey,
-        committedThemeKey,
-        settings,
-        updateSettings: (v) => setSettings(v)
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: `theme-${previewThemeKey || committedThemeKey || "default"}`
-      },
-      children
-    )
-  );
-};
-var useRufousTheme = () => (0, import_react.useContext)(RufousThemeContext);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  RufousThemeProvider,
-  useRufousTheme
-});

package/dist/Contexts/rufousThemeProvider.d.cts

@@ -1,8 +0,0 @@
-import React__default from 'react';
-
-declare const RufousThemeProvider: ({ children }: {
-    children: any;
-}) => React__default.JSX.Element;
-declare const useRufousTheme: () => any;
-
-export { RufousThemeProvider, useRufousTheme };

package/dist/Contexts/rufousThemeProvider.d.ts

@@ -1,8 +0,0 @@
-import React__default from 'react';
-
-declare const RufousThemeProvider: ({ children }: {
-    children: any;
-}) => React__default.JSX.Element;
-declare const useRufousTheme: () => any;
-
-export { RufousThemeProvider, useRufousTheme };

package/dist/Contexts/rufousThemeProvider.js

@@ -1,9 +0,0 @@
-import {
-  RufousThemeProvider,
-  useRufousTheme
-} from "../chunk-BCGCLMKA.js";
-import "../chunk-2FHTGYR4.js";
-export {
-  RufousThemeProvider,
-  useRufousTheme
-};

package/dist/TextFields/FloatingInput.cjs

@@ -1,65 +0,0 @@
-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/TextFields/FloatingInput.jsx
-var FloatingInput_exports = {};
-__export(FloatingInput_exports, {
-  FloatingInput: () => FloatingInput
-});
-module.exports = __toCommonJS(FloatingInput_exports);
-var import_react = __toESM(require("react"), 1);
-var FloatingInput = ({
-  label,
-  name,
-  id,
-  type = "text",
-  value,
-  onChange,
-  required = false,
-  placeholder,
-  className = "",
-  ...props
-}) => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `form__group field ${className}`, ...props }, /* @__PURE__ */ import_react.default.createElement(
-    "input",
-    {
-      type,
-      className: "form__field",
-      placeholder: placeholder || label,
-      name,
-      id: id || name,
-      value,
-      onChange,
-      required
-    }
-  ), /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: id || name, className: "form__label" }, label));
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FloatingInput
-});

package/dist/TextFields/FloatingInput.d.cjs

@@ -1,17 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// lib/TextFields/FloatingInput.d.ts
-var FloatingInput_d_exports = {};
-module.exports = __toCommonJS(FloatingInput_d_exports);

package/dist/TextFields/FloatingInput.d.cts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-
-interface FloatingInputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {
-  /** Label text shown above the input */
-  label: string;
-
-  /** Name attribute for the input (used for forms) */
-  name: string;
-
-  /** ID for the input and label (defaults to `name` if not provided) */
-  id?: string;
-
-  /** Placeholder text (defaults to label if not provided) */
-  placeholder?: string;
-
-  /** Optional class name to apply to the outer wrapper */
-  className?: string;
-}
-
-declare const FloatingInput: React.FC<FloatingInputProps>;
-
-export { FloatingInput, type FloatingInputProps };

package/dist/TextFields/FloatingInput.d.d.cts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-
-interface FloatingInputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {
-  /** Label text shown above the input */
-  label: string;
-
-  /** Name attribute for the input (used for forms) */
-  name: string;
-
-  /** ID for the input and label (defaults to `name` if not provided) */
-  id?: string;
-
-  /** Placeholder text (defaults to label if not provided) */
-  placeholder?: string;
-
-  /** Optional class name to apply to the outer wrapper */
-  className?: string;
-}
-
-declare const FloatingInput: React.FC<FloatingInputProps>;
-
-export { FloatingInput, type FloatingInputProps };

package/dist/TextFields/FloatingInput.d.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-
-interface FloatingInputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {
-  /** Label text shown above the input */
-  label: string;
-
-  /** Name attribute for the input (used for forms) */
-  name: string;
-
-  /** ID for the input and label (defaults to `name` if not provided) */
-  id?: string;
-
-  /** Placeholder text (defaults to label if not provided) */
-  placeholder?: string;
-
-  /** Optional class name to apply to the outer wrapper */
-  className?: string;
-}
-
-declare const FloatingInput: React.FC<FloatingInputProps>;
-
-export { FloatingInput, type FloatingInputProps };

package/dist/TextFields/FloatingInput.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-
-interface FloatingInputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {
-  /** Label text shown above the input */
-  label: string;
-
-  /** Name attribute for the input (used for forms) */
-  name: string;
-
-  /** ID for the input and label (defaults to `name` if not provided) */
-  id?: string;
-
-  /** Placeholder text (defaults to label if not provided) */
-  placeholder?: string;
-
-  /** Optional class name to apply to the outer wrapper */
-  className?: string;
-}
-
-declare const FloatingInput: React.FC<FloatingInputProps>;
-
-export { FloatingInput, type FloatingInputProps };

package/dist/TextFields/FloatingInput.js

@@ -1,6 +0,0 @@
-import {
-  FloatingInput
-} from "../chunk-AWA5Y5LH.js";
-export {
-  FloatingInput
-};