@rufous/ui 0.1.7 → 0.1.8

package/dist/chunk-2FHTGYR4.js

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

@@ -1,48 +0,0 @@
-// 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-6FEUS4CQ.js

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

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

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

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

@@ -1,71 +0,0 @@
-import {
-  APP_THEMES
-} from "./chunk-2FHTGYR4.js";
-
-// lib/Contexts/rufousThemeProvider.tsx
-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 = inputKey || previewThemeKey || settings.theme;
-    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-D7SFBVJY.js

@@ -1,155 +0,0 @@
-// 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
-};

package/dist/chunk-H372BAXA.js

@@ -1,42 +0,0 @@
-// lib/icons/editIcon.tsx
-import React from "react";
-var EditIcon = ({ color = "#3a3a3a", ...props }) => {
-  return /* @__PURE__ */ React.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: 25.8,
-      height: 26,
-      viewBox: "0 0 25.8 26",
-      id: "icn-edit",
-      ...props
-    },
-    /* @__PURE__ */ React.createElement("g", { transform: "translate(8.413 7.383)" }, /* @__PURE__ */ React.createElement(
-      "path",
-      {
-        d: "M13,6H5.222A2.222,2.222,0,0,0,3,8.222V23.778A2.222,2.222,0,0,0,5.222,26H20.778A2.222,2.222,0,0,0,23,23.778V16",
-        transform: "translate(-10.513 -8.283)",
-        fill: "none",
-        stroke: color,
-        strokeLinejoin: "round",
-        strokeWidth: 1.8
-      }
-    ), /* @__PURE__ */ React.createElement(
-      "path",
-      {
-        d: "M23.9,3.522a2.4,2.4,0,0,1,3.4,3.4L16.532,17.685,12,18.818l1.133-4.532Z",
-        transform: "translate(-11.513 -9.101)",
-        fill: "none",
-        stroke: color,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.8
-      }
-    ))
-  );
-};
-var editIcon_default = EditIcon;
-
-export {
-  editIcon_default
-};

package/dist/chunk-PULIGWAP.js

@@ -1,62 +0,0 @@
-// lib/icons/helpOutlinedIcon.tsx
-import React from "react";
-var HelpOutlinedIcon = ({ color = "#5f6368", ...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_11727",
-        "data-name": "Group 11727",
-        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: "Ellipse_33",
-          "data-name": "Ellipse 33",
-          transform: "translate(1604 28.3)",
-          fill: "none",
-          stroke: color,
-          "stroke-width": "2"
-        },
-        /* @__PURE__ */ React.createElement("circle", { cx: "16", cy: "16", r: "16", stroke: "none" }),
-        /* @__PURE__ */ React.createElement("circle", { cx: "16", cy: "16", r: "15", fill: "none" })
-      ),
-      /* @__PURE__ */ React.createElement(
-        "path",
-        {
-          id: "Icon_open-question-mark",
-          "data-name": "Icon open-question-mark",
-          d: "M5.372,0A5.621,5.621,0,0,0,1.283,1.436,4.746,4.746,0,0,0,0,4.22L2.175,4.5A2.636,2.636,0,0,1,2.849,3a3.23,3.23,0,0,1,2.523-.827,3.838,3.838,0,0,1,2.654.74A1.818,1.818,0,0,1,8.635,4.35c0,1.805-.74,2.306-1.827,3.263a6.2,6.2,0,0,0-2.523,4.894v.544H6.46v-.544c0-1.805.674-2.306,1.762-3.263A6.237,6.237,0,0,0,10.81,4.35,4.178,4.178,0,0,0,9.527,1.283,6.012,6.012,0,0,0,5.372,0ZM4.285,15.225V17.4H6.46V15.225Z",
-          transform: "translate(1614.595 35.6)",
-          fill: color
-        }
-      )
-    )
-  );
-};
-var helpOutlinedIcon_default = HelpOutlinedIcon;
-
-export {
-  helpOutlinedIcon_default
-};

package/dist/chunk-QJPQC544.js

@@ -1,29 +0,0 @@
-// lib/icons/workItemIcon.tsx
-import React from "react";
-var WorkItemIcon = ({ ...props }) => {
-  return /* @__PURE__ */ React.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "20.047",
-      height: "19.244",
-      viewBox: "0 0 20.047 19.244",
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(
-      "path",
-      {
-        id: "Subtraction_119",
-        "data-name": "Subtraction 119",
-        d: "M527.042,1031.244H511a2.018,2.018,0,0,1-2.005-2.026l.011-11.141a1.989,1.989,0,0,1,1.994-2.026h4.01v-2.026a2.017,2.017,0,0,1,2-2.025h4.01a2.017,2.017,0,0,1,2,2.025v2.026h4.01a2.018,2.018,0,0,1,2.005,2.026v11.141A2.018,2.018,0,0,1,527.042,1031.244ZM512.9,1018.087a2,2,0,0,0-2,2v7.361a2,2,0,0,0,2,2h12.241a2,2,0,0,0,2-2v-7.361a2,2,0,0,0-2-2Zm4.116-4.062v2.026h4.01v-2.026Z",
-        transform: "translate(-509 -1012.001)",
-        fill: "#707070"
-      }
-    )
-  );
-};
-var workItemIcon_default = WorkItemIcon;
-
-export {
-  workItemIcon_default
-};

package/dist/chunk-QKDJLUKZ.js

@@ -1,29 +0,0 @@
-// 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
-};