@rufous/ui 0.0.1

package/dist/main.cjs

@@ -0,0 +1,874 @@
+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/main.ts
+var main_exports = {};
+__export(main_exports, {
+  APP_THEMES: () => APP_THEMES,
+  ArchivedIcon: () => archivedIcon_default,
+  Button: () => Button,
+  Checkbox: () => Checkbox,
+  CopyIcon: () => copyIcon_default,
+  EditIcon: () => editIcon_default,
+  FloatingInput: () => FloatingInput,
+  HelpOutlinedIcon: () => helpOutlinedIcon_default,
+  HierarchyIcon: () => hierarchyIcon_default,
+  NineDotMenuIcon: () => nineDotMenuIcon_default,
+  RufousLauncherIcon: () => rufousLauncherBird_default,
+  RufousThemeProvider: () => RufousThemeProvider,
+  UnArchivedIcon: () => unArchivedIcon_default,
+  WorkItemIcon: () => workItemIcon_default,
+  useRufousTheme: () => useRufousTheme
+});
+module.exports = __toCommonJS(main_exports);
+
+// lib/Buttons/Button.jsx
+var import_react = __toESM(require("react"), 1);
+var Button = ({ children, onClick, ...props }) => {
+  return /* @__PURE__ */ import_react.default.createElement("button", { className: "btn", onClick, ...props }, children);
+};
+
+// lib/TextFields/FloatingInput.jsx
+var import_react2 = __toESM(require("react"), 1);
+var FloatingInput = ({
+  label,
+  name,
+  id,
+  type = "text",
+  value,
+  onChange,
+  required = false,
+  placeholder,
+  className = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ import_react2.default.createElement("div", { className: `form__group field ${className}`, ...props }, /* @__PURE__ */ import_react2.default.createElement(
+    "input",
+    {
+      type,
+      className: "form__field",
+      placeholder: placeholder || label,
+      name,
+      id: id || name,
+      value,
+      onChange,
+      required
+    }
+  ), /* @__PURE__ */ import_react2.default.createElement("label", { htmlFor: id || name, className: "form__label" }, label));
+};
+
+// lib/CheckBoxes/CheckBox.jsx
+var import_react3 = __toESM(require("react"), 1);
+var Checkbox = ({
+  id,
+  label,
+  checked,
+  onChange,
+  disabled = false,
+  className = "",
+  style
+}) => {
+  const handleChange = (e) => {
+    onChange(e.target.checked);
+  };
+  return /* @__PURE__ */ import_react3.default.createElement("div", { className: "checkbox-wrapper-13" }, /* @__PURE__ */ import_react3.default.createElement("label", { className: `${className}`, style }, /* @__PURE__ */ import_react3.default.createElement(
+    "input",
+    {
+      id,
+      type: "checkbox",
+      checked,
+      onChange: handleChange,
+      disabled
+    }
+  ), label && /* @__PURE__ */ import_react3.default.createElement("span", { className: "checkbox-label" }, label)));
+};
+
+// 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/icons/archivedIcon.tsx
+var import_react4 = __toESM(require("react"), 1);
+var ArchivedIcon = ({ color = "#3a3a3a", ...props }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "23.8",
+      viewBox: "0 0 24 23.8",
+      ...props
+    },
+    /* @__PURE__ */ import_react4.default.createElement("g", { transform: "translate(-8 -8.4)" }, /* @__PURE__ */ import_react4.default.createElement("g", { transform: "translate(8 8.4)" }, /* @__PURE__ */ import_react4.default.createElement(
+      "g",
+      {
+        transform: "translate(2.5 5.8)",
+        fill: "none",
+        stroke: color,
+        strokeWidth: "1.8"
+      },
+      /* @__PURE__ */ import_react4.default.createElement("rect", { width: "19", height: "18", stroke: "none" }),
+      /* @__PURE__ */ import_react4.default.createElement("rect", { x: "0.9", y: "0.9", width: "17.2", height: "16.2", fill: "none" })
+    ), /* @__PURE__ */ import_react4.default.createElement("g", { fill: "none", stroke: color, strokeWidth: "1.8" }, /* @__PURE__ */ import_react4.default.createElement("rect", { width: "24", height: "7.5", stroke: "none" }), /* @__PURE__ */ import_react4.default.createElement("rect", { x: "0.9", y: "0.9", width: "22.2", height: "5.7", fill: "none" }))), /* @__PURE__ */ import_react4.default.createElement("g", { transform: "translate(15.938 17.774)" }, /* @__PURE__ */ import_react4.default.createElement(
+      "line",
+      {
+        y2: "10",
+        transform: "translate(4.344)",
+        fill: "none",
+        stroke: color,
+        strokeWidth: "1.8"
+      }
+    ), /* @__PURE__ */ import_react4.default.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;
+
+// lib/icons/copyIcon.tsx
+var import_react5 = __toESM(require("react"), 1);
+var CopyIcon = ({ color = "#3a3a3a", ...props }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      ...props
+    },
+    /* @__PURE__ */ import_react5.default.createElement("g", { transform: "translate(0 -7)" }, /* @__PURE__ */ import_react5.default.createElement(
+      "g",
+      {
+        transform: "translate(18 31) rotate(180)",
+        fill: "#fff",
+        stroke: color,
+        strokeWidth: "1.8",
+        strokeDasharray: "40 28"
+      },
+      /* @__PURE__ */ import_react5.default.createElement("rect", { width: "18", height: "18", stroke: "none" }),
+      /* @__PURE__ */ import_react5.default.createElement("rect", { x: "0.9", y: "0.9", width: "16.2", height: "16.2", fill: "none" })
+    ), /* @__PURE__ */ import_react5.default.createElement(
+      "g",
+      {
+        transform: "translate(6 7)",
+        fill: "#fff",
+        stroke: color,
+        strokeWidth: "1.8"
+      },
+      /* @__PURE__ */ import_react5.default.createElement("rect", { width: "18", height: "18", stroke: "none" }),
+      /* @__PURE__ */ import_react5.default.createElement("rect", { x: "0.9", y: "0.9", width: "16.2", height: "16.2", fill: "none" })
+    ))
+  );
+};
+var copyIcon_default = CopyIcon;
+
+// lib/icons/editIcon.tsx
+var import_react6 = __toESM(require("react"), 1);
+var EditIcon = ({ color = "#3a3a3a", ...props }) => {
+  return /* @__PURE__ */ import_react6.default.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__ */ import_react6.default.createElement("g", { transform: "translate(8.413 7.383)" }, /* @__PURE__ */ import_react6.default.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__ */ import_react6.default.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;
+
+// lib/icons/helpOutlinedIcon.tsx
+var import_react7 = __toESM(require("react"), 1);
+var HelpOutlinedIcon = ({ color = "#5f6368", ...props }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "40",
+      height: "40",
+      viewBox: "0 0 40 40",
+      ...props
+    },
+    /* @__PURE__ */ import_react7.default.createElement(
+      "g",
+      {
+        id: "Group_11727",
+        "data-name": "Group 11727",
+        transform: "translate(-1600 -24)"
+      },
+      /* @__PURE__ */ import_react7.default.createElement(
+        "circle",
+        {
+          id: "Ellipse_32",
+          "data-name": "Ellipse 32",
+          cx: "20",
+          cy: "20",
+          r: "20",
+          transform: "translate(1600 24)",
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ import_react7.default.createElement(
+        "g",
+        {
+          id: "Ellipse_33",
+          "data-name": "Ellipse 33",
+          transform: "translate(1604 28.3)",
+          fill: "none",
+          stroke: color,
+          "stroke-width": "2"
+        },
+        /* @__PURE__ */ import_react7.default.createElement("circle", { cx: "16", cy: "16", r: "16", stroke: "none" }),
+        /* @__PURE__ */ import_react7.default.createElement("circle", { cx: "16", cy: "16", r: "15", fill: "none" })
+      ),
+      /* @__PURE__ */ import_react7.default.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;
+
+// lib/icons/hierarchyIcon.tsx
+var import_react8 = __toESM(require("react"), 1);
+var HierarchyIcon = ({ color = "#707070", ...props }) => {
+  return /* @__PURE__ */ import_react8.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "15.818",
+      viewBox: "0 0 16 15.818",
+      ...props
+    },
+    /* @__PURE__ */ import_react8.default.createElement("g", { transform: "translate(2398 -258)" }, /* @__PURE__ */ import_react8.default.createElement(
+      "path",
+      {
+        d: "M39,70a2,2,0,1,0,2,2A2,2,0,0,0,39,70Zm0,3.385A1.385,1.385,0,1,1,40.385,72,1.385,1.385,0,0,1,39,73.385Z",
+        transform: "translate(-2429 199.818)",
+        fill: color
+      }
+    ), /* @__PURE__ */ import_react8.default.createElement(
+      "path",
+      {
+        d: "M72,70a2,2,0,1,0,2,2A2,2,0,0,0,72,70Zm0,3.385A1.385,1.385,0,1,1,73.385,72,1.385,1.385,0,0,1,72,73.385Z",
+        transform: "translate(-2456 199.818)",
+        fill: color
+      }
+    ), /* @__PURE__ */ import_react8.default.createElement(
+      "path",
+      {
+        d: "M6,74a2,2,0,1,0-2-2,2,2,0,0,0,2,2Zm0-3.385A1.385,1.385,0,1,1,4.615,72,1.385,1.385,0,0,1,6,70.615Z",
+        transform: "translate(-2402 199.818)",
+        fill: color
+      }
+    ), /* @__PURE__ */ import_react8.default.createElement(
+      "path",
+      {
+        d: "M25.364,34.727H21.727V32.364a.364.364,0,1,0-.727,0v2.364H17.364A2.364,2.364,0,0,0,15,37.091V38a.364.364,0,0,0,.727,0v-.909a1.636,1.636,0,0,1,1.636-1.636H21V38a.364.364,0,0,0,.727,0V35.455h3.636A1.636,1.636,0,0,1,27,37.091V38a.364.364,0,1,0,.727,0v-.909A2.364,2.364,0,0,0,25.364,34.727Z",
+        transform: "translate(-2411.364 230.727)",
+        fill: color
+      }
+    ), /* @__PURE__ */ import_react8.default.createElement(
+      "path",
+      {
+        d: "M41,6a2,2,0,1,0-2,2,2,2,0,0,0,2-2ZM37.615,6A1.385,1.385,0,1,1,39,7.385,1.385,1.385,0,0,1,37.615,6Z",
+        transform: "translate(-2429 254)",
+        fill: color
+      }
+    ))
+  );
+};
+var hierarchyIcon_default = HierarchyIcon;
+
+// lib/icons/nineDotMenuIcon.tsx
+var import_react9 = __toESM(require("react"), 1);
+var NineDotMenuIcon = ({ color = "#707070", ...props }) => {
+  return /* @__PURE__ */ import_react9.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "40",
+      height: "40",
+      viewBox: "0 0 40 40",
+      ...props
+    },
+    /* @__PURE__ */ import_react9.default.createElement(
+      "g",
+      {
+        id: "Group_24483",
+        "data-name": "Group 24483",
+        transform: "translate(-1600 -24)"
+      },
+      /* @__PURE__ */ import_react9.default.createElement(
+        "circle",
+        {
+          id: "Ellipse_32",
+          "data-name": "Ellipse 32",
+          cx: "20",
+          cy: "20",
+          r: "20",
+          transform: "translate(1600 24)",
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ import_react9.default.createElement(
+        "g",
+        {
+          id: "Group_24484",
+          "data-name": "Group 24484",
+          transform: "translate(2581 -2711)"
+        },
+        /* @__PURE__ */ import_react9.default.createElement(
+          "rect",
+          {
+            id: "Rectangle_17638",
+            "data-name": "Rectangle 17638",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-973 2743)",
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ import_react9.default.createElement(
+          "rect",
+          {
+            id: "Rectangle_17639",
+            "data-name": "Rectangle 17639",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-964 2743)",
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ import_react9.default.createElement(
+          "rect",
+          {
+            id: "Rectangle_17640",
+            "data-name": "Rectangle 17640",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-955 2743)",
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ import_react9.default.createElement(
+          "rect",
+          {
+            id: "Rectangle_17641",
+            "data-name": "Rectangle 17641",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-973 2752)",
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ import_react9.default.createElement(
+          "rect",
+          {
+            id: "Rectangle_17642",
+            "data-name": "Rectangle 17642",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-964 2752)",
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ import_react9.default.createElement(
+          "rect",
+          {
+            id: "Rectangle_17643",
+            "data-name": "Rectangle 17643",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-955 2752)",
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ import_react9.default.createElement(
+          "rect",
+          {
+            id: "Rectangle_17644",
+            "data-name": "Rectangle 17644",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-973 2761)",
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ import_react9.default.createElement(
+          "rect",
+          {
+            id: "Rectangle_17645",
+            "data-name": "Rectangle 17645",
+            width: "7",
+            height: "7",
+            rx: "1",
+            transform: "translate(-964 2761)",
+            fill: color
+          }
+        ),
+        /* @__PURE__ */ import_react9.default.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;
+
+// lib/icons/rufousLauncherBird.tsx
+var import_react10 = __toESM(require("react"), 1);
+var RufousLauncherIcon = ({ ...props }) => {
+  const pathD = "M3.121,172.384a16.812,16.812,0,0,1-2.235-.2l-.14-.02A1.157,1.157,0,0,1,0,171.356a1.239,1.239,0,0,1,.62-.884c.985-.56,2-1.113,2.98-1.648l.211-.115c1.586-.862,3.56-1.935,5.371-3.043,3.481-2.129,6.953-4.411,10.311-6.618,2.039-1.338,4.078-2.676,6.124-3.994,1.9-1.236,4.071-2.713,6.17-4.14.9-.638,1.8-1.275,2.7-1.916l.717-.513c.5-.36.976-.749,1.46-1.13.228-.179.456-.358.687-.534.13-.1.268-.2.437-.322.155-.113.388-.282.619-.449l.069-.05c.5-.363,1.032-.743,1.533-1.165a12.866,12.866,0,0,0,1.192-1.092,21.025,21.025,0,0,0,1.5-1.736c.03-.04.059-.08.087-.12.51-.692,1.013-1.4,1.526-2.13.3-.43.61-.87.934-1.32.433-.6.874-1.19,1.306-1.76.186-.24.372-.477.558-.714.1-.124.205-.248.308-.371.078-.093.155-.187.232-.28.047-.055.094-.11.141-.165l.122-.141c.04-.045.079-.089.118-.134a.2.2,0,0,1,.026-.026.749.749,0,0,1,.112-.09.545.545,0,0,1,.2-.069.693.693,0,0,1,.125-.009.916.916,0,0,1,.419.155.721.721,0,0,1,.251.317c.027.074.05.138.072.2.028.086.055.167.081.249a13.149,13.149,0,0,1,.455,2.427,17.837,17.837,0,0,1-.488,5.98c-.18.62-.4,1.23-.613,1.825-.239.674-.478,1.349-.7,2.03-.179.544-.345,1.1-.506,1.639-.124.425-.247.85-.372,1.272a71.186,71.186,0,0,1-2.6,7.687,47.323,47.323,0,0,1-4.163,8.088c-.8,1.292-1.739,2.52-2.649,3.712-.548.728-1.1,1.457-1.632,2.2a34.682,34.682,0,0,0-2.564,4.333c-.107.219-.214.438-.321.656-.106.215-.212.43-.317.645a.937.937,0,0,1-.6.476.988.988,0,0,1-.259.027Z";
+  return /* @__PURE__ */ import_react10.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      width: "242.545",
+      height: "172.384",
+      viewBox: "0 0 242.545 172.384",
+      ...props
+    },
+    /* @__PURE__ */ import_react10.default.createElement("defs", null, /* @__PURE__ */ import_react10.default.createElement("clipPath", { id: "clip-path" }, /* @__PURE__ */ import_react10.default.createElement(
+      "path",
+      {
+        id: "Subtraction_105",
+        "data-name": "Subtraction 105",
+        d: pathD,
+        transform: "translate(0.001 0)",
+        fill: "#a81d08",
+        stroke: "rgba(0,0,0,0)",
+        strokeWidth: "1"
+      }
+    ))),
+    /* @__PURE__ */ import_react10.default.createElement(
+      "g",
+      {
+        id: "Group_24493",
+        "data-name": "Group 24493",
+        transform: "translate(-123.275 -24)"
+      },
+      /* @__PURE__ */ import_react10.default.createElement(
+        "g",
+        {
+          id: "Mask_Group_34",
+          "data-name": "Mask Group 34",
+          transform: "translate(123.275 24)",
+          "clip-path": "url(#clip-path)"
+        },
+        /* @__PURE__ */ import_react10.default.createElement(
+          "g",
+          {
+            id: "Group_11823",
+            "data-name": "Group 11823",
+            transform: "translate(0 -0.909)"
+          },
+          /* @__PURE__ */ import_react10.default.createElement(
+            "rect",
+            {
+              id: "Rectangle_17302",
+              "data-name": "Rectangle 17302",
+              width: "177.736",
+              height: "31.104",
+              transform: "translate(53.321 177.736) rotate(-90)",
+              fill: "#bb5341"
+            }
+          ),
+          /* @__PURE__ */ import_react10.default.createElement(
+            "rect",
+            {
+              id: "Rectangle_17303",
+              "data-name": "Rectangle 17303",
+              width: "177.736",
+              height: "26.66",
+              transform: "translate(164.406 177.736) rotate(-90)",
+              fill: "#791103"
+            }
+          ),
+          /* @__PURE__ */ import_react10.default.createElement(
+            "rect",
+            {
+              id: "Rectangle_17304",
+              "data-name": "Rectangle 17304",
+              width: "177.736",
+              height: "26.66",
+              transform: "translate(84.425 177.736) rotate(-90)",
+              fill: "#b03a28"
+            }
+          ),
+          /* @__PURE__ */ import_react10.default.createElement(
+            "rect",
+            {
+              id: "Rectangle_17305",
+              "data-name": "Rectangle 17305",
+              width: "177.736",
+              height: "26.66",
+              transform: "translate(137.746 177.736) rotate(-90)",
+              fill: "#8e1604"
+            }
+          ),
+          /* @__PURE__ */ import_react10.default.createElement(
+            "rect",
+            {
+              id: "Rectangle_17306",
+              "data-name": "Rectangle 17306",
+              width: "177.736",
+              height: "26.66",
+              transform: "translate(0 177.736) rotate(-90)",
+              fill: "#d07f6f"
+            }
+          ),
+          /* @__PURE__ */ import_react10.default.createElement(
+            "rect",
+            {
+              id: "Rectangle_17307",
+              "data-name": "Rectangle 17307",
+              width: "177.736",
+              height: "31.104",
+              transform: "translate(213.284 177.736) rotate(-90)",
+              fill: "#500801"
+            }
+          ),
+          /* @__PURE__ */ import_react10.default.createElement(
+            "rect",
+            {
+              id: "Rectangle_17308",
+              "data-name": "Rectangle 17308",
+              width: "177.736",
+              height: "26.66",
+              transform: "translate(111.085 177.736) rotate(-90)",
+              fill: "#a41b06"
+            }
+          ),
+          /* @__PURE__ */ import_react10.default.createElement(
+            "rect",
+            {
+              id: "Rectangle_17309",
+              "data-name": "Rectangle 17309",
+              width: "177.736",
+              height: "26.66",
+              transform: "translate(26.66 177.736) rotate(-90)",
+              fill: "#c66958"
+            }
+          ),
+          /* @__PURE__ */ import_react10.default.createElement(
+            "rect",
+            {
+              id: "Rectangle_17310",
+              "data-name": "Rectangle 17310",
+              width: "177.736",
+              height: "22.217",
+              transform: "translate(191.067 177.736) rotate(-90)",
+              fill: "#640c02"
+            }
+          )
+        )
+      )
+    )
+  );
+};
+var rufousLauncherBird_default = RufousLauncherIcon;
+
+// lib/icons/unArchivedIcon.tsx
+var import_react11 = __toESM(require("react"), 1);
+var UnArchivedIcon = ({ ...props }) => {
+  return /* @__PURE__ */ import_react11.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "23.8",
+      viewBox: "0 0 24 23.8",
+      ...props
+    },
+    /* @__PURE__ */ import_react11.default.createElement("g", { transform: "translate(-8 -8.4)" }, /* @__PURE__ */ import_react11.default.createElement("g", { transform: "translate(8 8.4)" }, /* @__PURE__ */ import_react11.default.createElement(
+      "g",
+      {
+        transform: "translate(2.5 5.8)",
+        fill: "none",
+        stroke: "#3a3a3a",
+        strokeWidth: "1.8"
+      },
+      /* @__PURE__ */ import_react11.default.createElement("rect", { width: "19", height: "18", stroke: "none" }),
+      /* @__PURE__ */ import_react11.default.createElement("rect", { x: "0.9", y: "0.9", width: "17.2", height: "16.2", fill: "none" })
+    ), /* @__PURE__ */ import_react11.default.createElement("g", { fill: "none", stroke: "#3a3a3a", strokeWidth: "1.8" }, /* @__PURE__ */ import_react11.default.createElement("rect", { width: "24", height: "7.5", stroke: "none" }), /* @__PURE__ */ import_react11.default.createElement("rect", { x: "0.9", y: "0.9", width: "22.2", height: "5.7", fill: "none" }))), /* @__PURE__ */ import_react11.default.createElement("g", { transform: "translate(15.938 18.774)" }, /* @__PURE__ */ import_react11.default.createElement(
+      "line",
+      {
+        y1: "10",
+        transform: "translate(4.344 0.187)",
+        fill: "none",
+        stroke: "#3a3a3a",
+        strokeWidth: "1.8"
+      }
+    ), /* @__PURE__ */ import_react11.default.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;
+
+// lib/icons/workItemIcon.tsx
+var import_react12 = __toESM(require("react"), 1);
+var WorkItemIcon = ({ ...props }) => {
+  return /* @__PURE__ */ import_react12.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20.047",
+      height: "19.244",
+      viewBox: "0 0 20.047 19.244",
+      ...props
+    },
+    /* @__PURE__ */ import_react12.default.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;
+
+// lib/Contexts/rufousThemeProvider.jsx
+var import_react13 = __toESM(require("react"), 1);
+var RufousThemeContext = (0, import_react13.createContext)(null);
+var RufousThemeProvider = ({ children }) => {
+  const [committedThemeKey, setCommittedThemeKey] = (0, import_react13.useState)("default");
+  const [previewThemeKey, setPreviewThemeKey] = (0, import_react13.useState)("default");
+  const [settings, setSettings] = (0, import_react13.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_react13.useEffect)(() => {
+    getGeneralSettings();
+  }, []);
+  const fullTheme = (0, import_react13.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__ */ import_react13.default.createElement(
+    RufousThemeContext.Provider,
+    {
+      value: {
+        theme: fullTheme,
+        previewTheme,
+        saveTheme,
+        cancelTheme,
+        currentThemeKey: previewThemeKey,
+        committedThemeKey,
+        settings,
+        updateSettings: (v) => setSettings(v)
+      }
+    },
+    /* @__PURE__ */ import_react13.default.createElement(
+      "div",
+      {
+        className: `theme-${previewThemeKey || committedThemeKey || "default"}`
+      },
+      children
+    )
+  );
+};
+var useRufousTheme = () => (0, import_react13.useContext)(RufousThemeContext);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  APP_THEMES,
+  ArchivedIcon,
+  Button,
+  Checkbox,
+  CopyIcon,
+  EditIcon,
+  FloatingInput,
+  HelpOutlinedIcon,
+  HierarchyIcon,
+  NineDotMenuIcon,
+  RufousLauncherIcon,
+  RufousThemeProvider,
+  UnArchivedIcon,
+  WorkItemIcon,
+  useRufousTheme
+});