@rufous/ui 0.0.1

package/dist/TextFields/FloatingInput.cjs

@@ -0,0 +1,65 @@
+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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,23 @@
+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

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

package/dist/chunk-2FHTGYR4.js

@@ -0,0 +1,83 @@
+// 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"
+  }
+};
+
+export {
+  APP_THEMES
+};

package/dist/chunk-3IBCGGN3.js

@@ -0,0 +1,48 @@
+// lib/icons/archivedIcon.tsx
+import React from "react";
+var ArchivedIcon = ({ color = "#3a3a3a", ...props }) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "23.8",
+      viewBox: "0 0 24 23.8",
+      ...props
+    },
+    /* @__PURE__ */ React.createElement("g", { transform: "translate(-8 -8.4)" }, /* @__PURE__ */ React.createElement("g", { transform: "translate(8 8.4)" }, /* @__PURE__ */ React.createElement(
+      "g",
+      {
+        transform: "translate(2.5 5.8)",
+        fill: "none",
+        stroke: color,
+        strokeWidth: "1.8"
+      },
+      /* @__PURE__ */ React.createElement("rect", { width: "19", height: "18", stroke: "none" }),
+      /* @__PURE__ */ React.createElement("rect", { x: "0.9", y: "0.9", width: "17.2", height: "16.2", fill: "none" })
+    ), /* @__PURE__ */ React.createElement("g", { fill: "none", stroke: color, strokeWidth: "1.8" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "7.5", stroke: "none" }), /* @__PURE__ */ React.createElement("rect", { x: "0.9", y: "0.9", width: "22.2", height: "5.7", fill: "none" }))), /* @__PURE__ */ React.createElement("g", { transform: "translate(15.938 17.774)" }, /* @__PURE__ */ React.createElement(
+      "line",
+      {
+        y2: "10",
+        transform: "translate(4.344)",
+        fill: "none",
+        stroke: color,
+        strokeWidth: "1.8"
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M1268.938-687.062l4.5,3.75,4.188-3.75",
+        transform: "translate(-1268.938 693.5)",
+        fill: "none",
+        stroke: color,
+        strokeWidth: "1.8"
+      }
+    )))
+  );
+};
+var archivedIcon_default = ArchivedIcon;
+
+export {
+  archivedIcon_default
+};

package/dist/chunk-5VDW4EZK.js

@@ -0,0 +1,71 @@
+import {
+  APP_THEMES
+} from "./chunk-2FHTGYR4.js";
+
+// lib/Contexts/rufousThemeProvider.jsx
+import React, {
+  createContext,
+  useContext,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+var RufousThemeContext = createContext(null);
+var RufousThemeProvider = ({ children }) => {
+  const [committedThemeKey, setCommittedThemeKey] = useState("default");
+  const [previewThemeKey, setPreviewThemeKey] = useState("default");
+  const [settings, setSettings] = 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);
+    }
+  };
+  useEffect(() => {
+    getGeneralSettings();
+  }, []);
+  const fullTheme = useMemo(() => {
+    return {
+      themeKey: previewThemeKey || settings.theme,
+      customStyles: APP_THEMES[previewThemeKey || settings.theme]
+    };
+  }, [previewThemeKey, settings]);
+  const previewTheme = (key) => setPreviewThemeKey(key);
+  const saveTheme = (inputKey) => {
+    const key = previewThemeKey || settings.theme || inputKey;
+    localStorage.setItem("theme", key);
+    setCommittedThemeKey(key);
+  };
+  const cancelTheme = () => setPreviewThemeKey(committedThemeKey);
+  return /* @__PURE__ */ React.createElement(
+    RufousThemeContext.Provider,
+    {
+      value: {
+        theme: fullTheme,
+        previewTheme,
+        saveTheme,
+        cancelTheme,
+        currentThemeKey: previewThemeKey,
+        committedThemeKey,
+        settings,
+        updateSettings: (v) => setSettings(v)
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `theme-${previewThemeKey || committedThemeKey || "default"}`
+      },
+      children
+    )
+  );
+};
+var useRufousTheme = () => useContext(RufousThemeContext);
+
+export {
+  RufousThemeProvider,
+  useRufousTheme
+};

package/dist/chunk-6FEUS4CQ.js

@@ -0,0 +1,41 @@
+// lib/icons/copyIcon.tsx
+import React from "react";
+var CopyIcon = ({ color = "#3a3a3a", ...props }) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      ...props
+    },
+    /* @__PURE__ */ React.createElement("g", { transform: "translate(0 -7)" }, /* @__PURE__ */ React.createElement(
+      "g",
+      {
+        transform: "translate(18 31) rotate(180)",
+        fill: "#fff",
+        stroke: color,
+        strokeWidth: "1.8",
+        strokeDasharray: "40 28"
+      },
+      /* @__PURE__ */ React.createElement("rect", { width: "18", height: "18", stroke: "none" }),
+      /* @__PURE__ */ React.createElement("rect", { x: "0.9", y: "0.9", width: "16.2", height: "16.2", fill: "none" })
+    ), /* @__PURE__ */ React.createElement(
+      "g",
+      {
+        transform: "translate(6 7)",
+        fill: "#fff",
+        stroke: color,
+        strokeWidth: "1.8"
+      },
+      /* @__PURE__ */ React.createElement("rect", { width: "18", height: "18", stroke: "none" }),
+      /* @__PURE__ */ React.createElement("rect", { x: "0.9", y: "0.9", width: "16.2", height: "16.2", fill: "none" })
+    ))
+  );
+};
+var copyIcon_default = CopyIcon;
+
+export {
+  copyIcon_default
+};

package/dist/chunk-73G3VTVS.js

@@ -0,0 +1,48 @@
+// lib/icons/unArchivedIcon.tsx
+import React from "react";
+var UnArchivedIcon = ({ ...props }) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "23.8",
+      viewBox: "0 0 24 23.8",
+      ...props
+    },
+    /* @__PURE__ */ React.createElement("g", { transform: "translate(-8 -8.4)" }, /* @__PURE__ */ React.createElement("g", { transform: "translate(8 8.4)" }, /* @__PURE__ */ React.createElement(
+      "g",
+      {
+        transform: "translate(2.5 5.8)",
+        fill: "none",
+        stroke: "#3a3a3a",
+        strokeWidth: "1.8"
+      },
+      /* @__PURE__ */ React.createElement("rect", { width: "19", height: "18", stroke: "none" }),
+      /* @__PURE__ */ React.createElement("rect", { x: "0.9", y: "0.9", width: "17.2", height: "16.2", fill: "none" })
+    ), /* @__PURE__ */ React.createElement("g", { fill: "none", stroke: "#3a3a3a", strokeWidth: "1.8" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "7.5", stroke: "none" }), /* @__PURE__ */ React.createElement("rect", { x: "0.9", y: "0.9", width: "22.2", height: "5.7", fill: "none" }))), /* @__PURE__ */ React.createElement("g", { transform: "translate(15.938 18.774)" }, /* @__PURE__ */ React.createElement(
+      "line",
+      {
+        y1: "10",
+        transform: "translate(4.344 0.187)",
+        fill: "none",
+        stroke: "#3a3a3a",
+        strokeWidth: "1.8"
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M1268.938-683.312l4.5-3.75,4.188,3.75",
+        transform: "translate(-1268.938 687.063)",
+        fill: "none",
+        stroke: "#3a3a3a",
+        strokeWidth: "1.8"
+      }
+    )))
+  );
+};
+var unArchivedIcon_default = UnArchivedIcon;
+
+export {
+  unArchivedIcon_default
+};

package/dist/chunk-ASP3DBRX.js

@@ -0,0 +1,9 @@
+// lib/Buttons/Button.jsx
+import React from "react";
+var Button = ({ children, onClick, ...props }) => {
+  return /* @__PURE__ */ React.createElement("button", { className: "btn", onClick, ...props }, children);
+};
+
+export {
+  Button
+};

package/dist/chunk-AWA5Y5LH.js

@@ -0,0 +1,32 @@
+// 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-D7SFBVJY.js

@@ -0,0 +1,155 @@
+// lib/icons/nineDotMenuIcon.tsx
+import React from "react";
+var NineDotMenuIcon = ({ color = "#707070", ...props }) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "40",
+      height: "40",
+      viewBox: "0 0 40 40",
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(
+      "g",
+      {
+        id: "Group_24483",
+        "data-name": "Group 24483",
+        transform: "translate(-1600 -24)"
+      },
+      /* @__PURE__ */ React.createElement(
+        "circle",
+        {
+          id: "Ellipse_32",
+          "data-name": "Ellipse 32",
+          cx: "20",
+          cy: "20",
+          r: "20",
+          transform: "translate(1600 24)",
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        "g",
+        {
+          id: "Group_24484",
+          "data-name": "Group 24484",
+          transform: "translate(2581 -2711)"
+        },
+        /* @__PURE__ */ React.createElement(
+          "rect",
+          {
+            id: "Rectangle_17638",
+            "data-name": "Rectangle 17638",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-973 2743)",
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "rect",
+          {
+            id: "Rectangle_17639",
+            "data-name": "Rectangle 17639",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-964 2743)",
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "rect",
+          {
+            id: "Rectangle_17640",
+            "data-name": "Rectangle 17640",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-955 2743)",
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "rect",
+          {
+            id: "Rectangle_17641",
+            "data-name": "Rectangle 17641",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-973 2752)",
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "rect",
+          {
+            id: "Rectangle_17642",
+            "data-name": "Rectangle 17642",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-964 2752)",
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "rect",
+          {
+            id: "Rectangle_17643",
+            "data-name": "Rectangle 17643",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-955 2752)",
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "rect",
+          {
+            id: "Rectangle_17644",
+            "data-name": "Rectangle 17644",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-973 2761)",
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "rect",
+          {
+            id: "Rectangle_17645",
+            "data-name": "Rectangle 17645",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-964 2761)",
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "rect",
+          {
+            id: "Rectangle_17646",
+            "data-name": "Rectangle 17646",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-955 2761)",
+            fill: color
+          }
+        )
+      )
+    )
+  );
+};
+var nineDotMenuIcon_default = NineDotMenuIcon;
+
+export {
+  nineDotMenuIcon_default
+};