teraprox-ui-kit 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,134 @@
+import React from 'react';
+
+interface AddButtonProps {
+    callback: () => void;
+    hiddenBool?: boolean;
+    size?: number;
+}
+declare const AddButton: React.FC<AddButtonProps>;
+
+interface DeleteButtonProps {
+    title: string;
+    onDeleteClick: () => void;
+}
+declare const DeleteButton: React.FC<DeleteButtonProps>;
+
+interface ResponsiveContainerProps {
+    title?: string;
+    show: boolean;
+    setShow: (show: boolean) => void;
+    children: React.ReactNode;
+    onClose?: () => void;
+    scrollable?: boolean;
+}
+/**
+ * ResponsiveContainer Component
+ *
+ * Renders a Modal for displaying content in a responsive container.
+ * Previously used GenericOffCanvas for mobile, now uses Modal consistently.
+ *
+ * @param title - The title of the modal.
+ * @param show - Controls the visibility of the modal.
+ * @param setShow - Function to update the visibility state.
+ * @param children - Content to be rendered inside the modal.
+ * @param onClose - Optional function to be executed on close.
+ * @param scrollable - Optional prop to enable scrolling the content.
+ */
+declare const ResponsiveContainer: React.FC<ResponsiveContainerProps>;
+
+interface UuidPillProps {
+    uuid: string | null | undefined;
+    bg?: string;
+    textColor?: string;
+    short?: number;
+}
+declare const UuidPill: React.FC<UuidPillProps>;
+
+declare class ConfigObject {
+    dotNotation: string;
+    style?: React.CSSProperties;
+    onClick?: () => void;
+    onBlur?: () => void;
+    onHideClick?: () => void;
+    hidden?: boolean;
+    mapData?: any;
+    additionalComponents?: (() => React.ReactNode)[];
+    constructor(dotNotation: string, style?: React.CSSProperties, onClick?: () => void, onBlur?: () => void, onHideClick?: () => void, hidden?: boolean, mapData?: any, additionalComponents?: (() => React.ReactNode)[]);
+}
+interface GenericDisplayProps {
+    ops?: any[];
+    loadFunc?: () => Promise<any>;
+    configObjects?: ConfigObject[];
+    rootName?: string;
+    context?: string;
+    /** Optional hook to call on mount/context update. Replaces the app-specific useContextUpdateHandler. */
+    onRefresh?: (refreshFunc: () => void) => void;
+    /** Optional renderer for edit buttons on root objects. */
+    editButtonRenderer?: (obj: any, location: string | null) => React.ReactNode;
+}
+declare const GenericDisplay: React.FC<GenericDisplayProps>;
+
+interface SelectOption {
+    label: string;
+    value: string | number;
+}
+interface FieldDefinition {
+    label: string;
+    key: string;
+    type: 'text' | 'number' | 'select' | 'date' | 'custom-select';
+    options?: SelectOption[];
+    placeholder?: string;
+    required?: boolean;
+}
+interface GenericFormProps {
+    fields: FieldDefinition[];
+    onSubmit: (values: Record<string, any>) => void;
+    /** Optional custom select renderer. If not provided, custom-select falls back to native select. */
+    renderCustomSelect?: (props: {
+        label: string;
+        value: any;
+        options?: SelectOption[];
+        onChange: (value: any) => void;
+        placeholder?: string;
+    }) => React.ReactNode;
+}
+declare const GenericForm: React.FC<GenericFormProps>;
+
+interface GenericSelectProps {
+    noLabel?: boolean;
+    title?: string;
+    onChange: (value: any) => void;
+    ops?: any[];
+    selection?: any;
+    returnType?: string;
+    displayType?: string;
+    filter?: string;
+    filterField?: string;
+    valueType?: string;
+    loadFunc?: () => Promise<any>;
+    loadCondition?: boolean;
+    actionClick?: () => React.ReactNode;
+    locked?: boolean;
+    isBold?: boolean;
+    default?: string;
+}
+declare class GenericSelectOps {
+    noLabel?: boolean;
+    title?: string;
+    onChange?: (value: any) => void;
+    ops?: any[];
+    selection?: any;
+    returnType?: string;
+    displayType?: string;
+    filter?: string;
+    filterField?: string;
+    valueType?: string;
+    loadFunc?: () => Promise<any>;
+    loadCondition?: boolean;
+    actionClick?: () => React.ReactNode;
+    locked?: boolean;
+    constructor(noLabel?: boolean, title?: string, onChange?: (value: any) => void, ops?: any[], selection?: any, returnType?: string, displayType?: string, filter?: string, filterField?: string, valueType?: string, loadFunc?: () => Promise<any>, loadCondition?: boolean, actionClick?: () => React.ReactNode, locked?: boolean);
+}
+declare const GenericSelect: React.FC<GenericSelectProps>;
+
+export { AddButton, ConfigObject, DeleteButton, GenericDisplay, GenericForm, GenericSelect, GenericSelectOps, ResponsiveContainer, UuidPill };

package/dist/index.d.ts

@@ -0,0 +1,134 @@
+import React from 'react';
+
+interface AddButtonProps {
+    callback: () => void;
+    hiddenBool?: boolean;
+    size?: number;
+}
+declare const AddButton: React.FC<AddButtonProps>;
+
+interface DeleteButtonProps {
+    title: string;
+    onDeleteClick: () => void;
+}
+declare const DeleteButton: React.FC<DeleteButtonProps>;
+
+interface ResponsiveContainerProps {
+    title?: string;
+    show: boolean;
+    setShow: (show: boolean) => void;
+    children: React.ReactNode;
+    onClose?: () => void;
+    scrollable?: boolean;
+}
+/**
+ * ResponsiveContainer Component
+ *
+ * Renders a Modal for displaying content in a responsive container.
+ * Previously used GenericOffCanvas for mobile, now uses Modal consistently.
+ *
+ * @param title - The title of the modal.
+ * @param show - Controls the visibility of the modal.
+ * @param setShow - Function to update the visibility state.
+ * @param children - Content to be rendered inside the modal.
+ * @param onClose - Optional function to be executed on close.
+ * @param scrollable - Optional prop to enable scrolling the content.
+ */
+declare const ResponsiveContainer: React.FC<ResponsiveContainerProps>;
+
+interface UuidPillProps {
+    uuid: string | null | undefined;
+    bg?: string;
+    textColor?: string;
+    short?: number;
+}
+declare const UuidPill: React.FC<UuidPillProps>;
+
+declare class ConfigObject {
+    dotNotation: string;
+    style?: React.CSSProperties;
+    onClick?: () => void;
+    onBlur?: () => void;
+    onHideClick?: () => void;
+    hidden?: boolean;
+    mapData?: any;
+    additionalComponents?: (() => React.ReactNode)[];
+    constructor(dotNotation: string, style?: React.CSSProperties, onClick?: () => void, onBlur?: () => void, onHideClick?: () => void, hidden?: boolean, mapData?: any, additionalComponents?: (() => React.ReactNode)[]);
+}
+interface GenericDisplayProps {
+    ops?: any[];
+    loadFunc?: () => Promise<any>;
+    configObjects?: ConfigObject[];
+    rootName?: string;
+    context?: string;
+    /** Optional hook to call on mount/context update. Replaces the app-specific useContextUpdateHandler. */
+    onRefresh?: (refreshFunc: () => void) => void;
+    /** Optional renderer for edit buttons on root objects. */
+    editButtonRenderer?: (obj: any, location: string | null) => React.ReactNode;
+}
+declare const GenericDisplay: React.FC<GenericDisplayProps>;
+
+interface SelectOption {
+    label: string;
+    value: string | number;
+}
+interface FieldDefinition {
+    label: string;
+    key: string;
+    type: 'text' | 'number' | 'select' | 'date' | 'custom-select';
+    options?: SelectOption[];
+    placeholder?: string;
+    required?: boolean;
+}
+interface GenericFormProps {
+    fields: FieldDefinition[];
+    onSubmit: (values: Record<string, any>) => void;
+    /** Optional custom select renderer. If not provided, custom-select falls back to native select. */
+    renderCustomSelect?: (props: {
+        label: string;
+        value: any;
+        options?: SelectOption[];
+        onChange: (value: any) => void;
+        placeholder?: string;
+    }) => React.ReactNode;
+}
+declare const GenericForm: React.FC<GenericFormProps>;
+
+interface GenericSelectProps {
+    noLabel?: boolean;
+    title?: string;
+    onChange: (value: any) => void;
+    ops?: any[];
+    selection?: any;
+    returnType?: string;
+    displayType?: string;
+    filter?: string;
+    filterField?: string;
+    valueType?: string;
+    loadFunc?: () => Promise<any>;
+    loadCondition?: boolean;
+    actionClick?: () => React.ReactNode;
+    locked?: boolean;
+    isBold?: boolean;
+    default?: string;
+}
+declare class GenericSelectOps {
+    noLabel?: boolean;
+    title?: string;
+    onChange?: (value: any) => void;
+    ops?: any[];
+    selection?: any;
+    returnType?: string;
+    displayType?: string;
+    filter?: string;
+    filterField?: string;
+    valueType?: string;
+    loadFunc?: () => Promise<any>;
+    loadCondition?: boolean;
+    actionClick?: () => React.ReactNode;
+    locked?: boolean;
+    constructor(noLabel?: boolean, title?: string, onChange?: (value: any) => void, ops?: any[], selection?: any, returnType?: string, displayType?: string, filter?: string, filterField?: string, valueType?: string, loadFunc?: () => Promise<any>, loadCondition?: boolean, actionClick?: () => React.ReactNode, locked?: boolean);
+}
+declare const GenericSelect: React.FC<GenericSelectProps>;
+
+export { AddButton, ConfigObject, DeleteButton, GenericDisplay, GenericForm, GenericSelect, GenericSelectOps, ResponsiveContainer, UuidPill };

package/dist/index.js

@@ -0,0 +1,493 @@
+"use strict";
+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);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AddButton: () => AddButton_default,
+  ConfigObject: () => ConfigObject,
+  DeleteButton: () => DeleteButton_default,
+  GenericDisplay: () => GenericDisplay_default,
+  GenericForm: () => GenericForm_default,
+  GenericSelect: () => GenericSelect_default,
+  GenericSelectOps: () => GenericSelectOps,
+  ResponsiveContainer: () => ResponsiveContainer_default,
+  UuidPill: () => UuidPill_default
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/buttons/AddButton.tsx
+var import_react_bootstrap = require("react-bootstrap");
+var import_gr = require("react-icons/gr");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AddButton = ({ callback, hiddenBool, size }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react_bootstrap.Button,
+  {
+    hidden: hiddenBool || false,
+    variant: "outline-primary",
+    onClick: () => callback(),
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gr.GrAdd, { size: size || 25 })
+  }
+);
+var AddButton_default = AddButton;
+
+// src/buttons/DeleteButton.tsx
+var import_react_bootstrap2 = require("react-bootstrap");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DeleteButton = ({ title, onDeleteClick }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_bootstrap2.Button, { variant: "danger", onClick: () => onDeleteClick(), children: title });
+};
+var DeleteButton_default = DeleteButton;
+
+// src/containers/ResponsiveContainer.tsx
+var import_react_bootstrap3 = require("react-bootstrap");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ResponsiveContainer = ({
+  title,
+  show,
+  setShow,
+  children,
+  onClose,
+  scrollable = false
+}) => {
+  const handleClose = () => {
+    setShow(false);
+    if (onClose) onClose();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_bootstrap3.Modal, { size: "lg", show, onHide: handleClose, scrollable, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_bootstrap3.Modal.Header, { closeButton: true, onClick: handleClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_bootstrap3.ModalBody, { children })
+  ] });
+};
+var ResponsiveContainer_default = ResponsiveContainer;
+
+// src/displays/UuidPill.tsx
+var import_react = require("react");
+var import_react_bootstrap4 = require("react-bootstrap");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var UuidPill = ({ uuid, bg = "light", textColor = "dark", short = 8 }) => {
+  const [copied, setCopied] = (0, import_react.useState)(false);
+  const ref = (0, import_react.useRef)(null);
+  const [showTooltip, setShowTooltip] = (0, import_react.useState)(false);
+  if (!uuid) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-muted", children: "\u2014" });
+  const shortId = String(uuid).substring(0, short);
+  const handleCopy = async (e) => {
+    e.stopPropagation();
+    try {
+      await navigator.clipboard.writeText(uuid);
+    } catch (e2) {
+      const ta = document.createElement("textarea");
+      ta.value = uuid;
+      document.body.appendChild(ta);
+      ta.select();
+      document.execCommand("copy");
+      document.body.removeChild(ta);
+    }
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      import_react_bootstrap4.Badge,
+      {
+        ref,
+        bg,
+        text: textColor,
+        pill: true,
+        className: "border px-2 py-1",
+        style: { cursor: "pointer", fontFamily: "monospace", fontSize: "0.8rem", userSelect: "none" },
+        onClick: handleCopy,
+        onMouseEnter: () => setShowTooltip(true),
+        onMouseLeave: () => {
+          setShowTooltip(false);
+          setCopied(false);
+        },
+        children: [
+          shortId,
+          "\u2026"
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_bootstrap4.Overlay, { target: ref.current, show: showTooltip, placement: "top", children: (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_bootstrap4.Tooltip, { ...props, children: copied ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { color: "#6f6" }, children: "Copiado!" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { style: { fontFamily: "monospace", fontSize: "0.75rem" }, children: [
+      uuid,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("br", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { className: "text-muted", children: "Clique para copiar" })
+    ] }) }) })
+  ] });
+};
+var UuidPill_default = UuidPill;
+
+// src/displays/GenericDisplay.tsx
+var import_react2 = __toESM(require("react"));
+var import_react_bootstrap5 = require("react-bootstrap");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var ConfigObject = class {
+  constructor(dotNotation, style, onClick, onBlur, onHideClick, hidden, mapData, additionalComponents) {
+    this.dotNotation = dotNotation;
+    this.style = style;
+    this.onClick = onClick;
+    this.onBlur = onBlur;
+    this.onHideClick = onHideClick;
+    this.hidden = hidden;
+    this.mapData = mapData;
+    this.additionalComponents = additionalComponents || [];
+  }
+};
+var getRightConfigObjects = (currentPropertieMap, configObjects) => {
+  const curreDotNotation = currentPropertieMap.join(".");
+  if (!configObjects) return [];
+  return configObjects.filter((configObject) => configObject.dotNotation === curreDotNotation);
+};
+var getStyle = (configObjects) => {
+  let styleObject = {};
+  configObjects.forEach((configObject) => {
+    styleObject = { ...styleObject, ...configObject.style };
+  });
+  return styleObject;
+};
+var getAdditionalComponentes = (configObjects) => {
+  const components = [];
+  configObjects.forEach((configObject) => {
+    if (configObject.additionalComponents) {
+      components.push(...configObject.additionalComponents);
+    }
+  });
+  return components;
+};
+var getOnClick = (configObjects) => {
+  return () => {
+    configObjects.forEach((configObject) => {
+      configObject.onClick && configObject.onClick();
+    });
+  };
+};
+var buildData = (obj, propertiesMap, configObjects, opn, innerArray, dispatch, isRoot, editButtonRenderer) => {
+  const newPropertiesMap = [];
+  if (opn) newPropertiesMap.push(...propertiesMap, opn);
+  else newPropertiesMap.push(...propertiesMap);
+  const innerConfigs = getRightConfigObjects(newPropertiesMap, configObjects);
+  const styles = getStyle(innerConfigs);
+  const onClick = getOnClick(innerConfigs);
+  const extraComponents = getAdditionalComponentes(innerConfigs);
+  if (Array.isArray(obj)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_bootstrap5.Container, { onClick, style: { ...styles }, children: [
+      opn && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: opn }) }),
+      obj.map((o, index) => {
+        const mapCopy = [...newPropertiesMap, `[${index}]`];
+        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_bootstrap5.Row, { style: { padding: 4, ...styles }, children: buildData(o, mapCopy, configObjects, null, true, null, false, editButtonRenderer) }, index);
+      })
+    ] });
+  }
+  if (typeof obj === "object" && obj != null) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      import_react_bootstrap5.Container,
+      {
+        onClick,
+        style: {
+          border: innerArray ? "solid" : void 0,
+          borderColor: "lightgray",
+          borderRadius: innerArray ? 4 : 2,
+          borderWidth: 1,
+          padding: 4,
+          ...styles
+        },
+        children: [
+          opn && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: opn }),
+          Object.entries(obj).map(
+            ([key, value]) => buildData(value, newPropertiesMap, configObjects, key, false, null, false, editButtonRenderer)
+          ),
+          extraComponents.length > 0 ? extraComponents.map((comp, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react2.default.Fragment, { children: comp() }, i)) : isRoot && editButtonRenderer ? editButtonRenderer(obj, opn) : null
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_bootstrap5.Col, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("strong", { children: [
+      opn,
+      ": "
+    ] }),
+    String(obj)
+  ] });
+};
+var GenericDisplay = ({
+  ops = [],
+  loadFunc,
+  configObjects,
+  rootName,
+  context,
+  onRefresh,
+  editButtonRenderer
+}) => {
+  const [innerOptions, setInnerOptions] = (0, import_react2.useState)();
+  const refreshFunc = () => {
+    if (loadFunc) {
+      loadFunc().then((res) => {
+        if (Array.isArray(res)) {
+          setInnerOptions(res);
+        } else {
+          setInnerOptions([res]);
+        }
+      });
+    } else {
+      setInnerOptions(ops);
+    }
+  };
+  (0, import_react2.useEffect)(() => {
+    if (onRefresh) {
+      onRefresh(refreshFunc);
+    } else {
+      refreshFunc();
+    }
+  }, [context]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: innerOptions && innerOptions.map((cObj, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_bootstrap5.Container, { style: { padding: 4, border: "solid" }, children: buildData(cObj, [], configObjects, rootName || null, false, null, true, editButtonRenderer) }, index)) });
+};
+var GenericDisplay_default = GenericDisplay;
+
+// src/forms/GenericForm.tsx
+var import_react3 = require("react");
+var import_react_bootstrap6 = require("react-bootstrap");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
+  const [formValues, setFormValues] = (0, import_react3.useState)({});
+  const [errors, setErrors] = (0, import_react3.useState)({});
+  const handleChange = (key, value) => {
+    setFormValues({
+      ...formValues,
+      [key]: value
+    });
+  };
+  const validate = () => {
+    const newErrors = {};
+    fields.forEach((field) => {
+      if (field.required && !formValues[field.key]) {
+        newErrors[field.key] = `${field.label} \xE9 obrigat\xF3rio`;
+      }
+    });
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (validate()) {
+      onSubmit(formValues);
+    }
+  };
+  const renderField = (field) => {
+    const { label, key, type, options, placeholder } = field;
+    const value = formValues[key] || "";
+    switch (type) {
+      case "text":
+      case "number":
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_bootstrap6.Form.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_bootstrap6.Form.Label, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            import_react_bootstrap6.Form.Control,
+            {
+              type,
+              placeholder,
+              value,
+              onChange: (e) => handleChange(key, e.target.value),
+              isInvalid: !!errors[key]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_bootstrap6.Form.Control.Feedback, { type: "invalid", children: errors[key] })
+        ] }, key);
+      case "select": {
+        const orderedOptions = (options || []).filter((opt) => opt && opt.value !== void 0 && opt.label !== void 0).sort((a, b) => a.label.localeCompare(b.label));
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_bootstrap6.Form.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_bootstrap6.Form.Label, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+            import_react_bootstrap6.Form.Select,
+            {
+              value,
+              onChange: (e) => handleChange(key, e.target.value),
+              isInvalid: !!errors[key],
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: "", children: "Selecione..." }),
+                orderedOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: option.value, children: option.label }, String(option.value)))
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_bootstrap6.Form.Control.Feedback, { type: "invalid", children: errors[key] })
+        ] }, key);
+      }
+      case "custom-select":
+        if (renderCustomSelect) {
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+            renderCustomSelect({
+              label,
+              value,
+              options,
+              onChange: (v) => handleChange(key, v),
+              placeholder
+            }),
+            errors[key] && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "invalid-feedback d-block", children: errors[key] })
+          ] }, key);
+        }
+        return null;
+      case "date":
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_bootstrap6.Form.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_bootstrap6.Form.Label, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            import_react_bootstrap6.Form.Control,
+            {
+              type: "date",
+              value,
+              onChange: (e) => handleChange(key, e.target.value),
+              isInvalid: !!errors[key]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_bootstrap6.Form.Control.Feedback, { type: "invalid", children: errors[key] })
+        ] }, key);
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_bootstrap6.Form, { onSubmit: handleSubmit, children: [
+    fields.map((field) => renderField(field)),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "d-grid", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_bootstrap6.Button, { variant: "primary", type: "submit", children: "Salvar" }) })
+  ] });
+};
+var GenericForm_default = GenericForm;
+
+// src/forms/GenericSelect.tsx
+var import_react4 = require("react");
+var import_react_bootstrap7 = require("react-bootstrap");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var GenericSelectOps = class {
+  constructor(noLabel, title, onChange, ops, selection, returnType, displayType, filter, filterField, valueType, loadFunc, loadCondition, actionClick, locked) {
+    this.noLabel = noLabel;
+    this.title = title;
+    this.onChange = onChange;
+    this.ops = ops;
+    this.selection = selection;
+    this.returnType = returnType;
+    this.displayType = displayType;
+    this.filter = filter;
+    this.filterField = filterField;
+    this.valueType = valueType;
+    this.loadFunc = loadFunc;
+    this.loadCondition = loadCondition;
+    this.actionClick = actionClick;
+    this.locked = locked;
+  }
+};
+var GenericSelect = ({
+  noLabel,
+  title,
+  onChange,
+  ops,
+  selection,
+  returnType,
+  displayType,
+  filter,
+  filterField,
+  valueType,
+  loadFunc,
+  loadCondition = true,
+  actionClick,
+  locked,
+  isBold,
+  ...restProps
+}) => {
+  const [options, setOptions] = (0, import_react4.useState)(ops || []);
+  (0, import_react4.useEffect)(() => {
+    const loadFunction = async () => {
+      if (loadCondition && loadFunc) {
+        loadFunc().then((res) => {
+          let newOps = res.content ? res.content : res;
+          if (filter && filterField) {
+            newOps = res.filter((op) => op[filterField] == filter);
+          }
+          setOptions(newOps);
+        });
+      }
+    };
+    loadFunction().catch((error) => console.log(error));
+  }, [loadCondition]);
+  const getTrueValue = (clickedIndex) => {
+    const returnValue = options.filter((_op, index) => index == clickedIndex - 1)[0];
+    if (returnType == "index") {
+      onChange(clickedIndex);
+    } else if (returnType) {
+      onChange(returnValue[returnType]);
+    } else {
+      onChange(returnValue);
+    }
+  };
+  const defaultPlaceholder = (restProps == null ? void 0 : restProps.default) || "Seleciona uma Op\xE7\xE3o";
+  const selectContent = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    import_react_bootstrap7.Form.Control,
+    {
+      disabled: locked,
+      as: "select",
+      value: selection,
+      onChange: (event) => getTrueValue(event.target.selectedIndex),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("option", { value: void 0, children: [
+          "-- ",
+          defaultPlaceholder,
+          " --"
+        ] }, 0),
+        (options == null ? void 0 : options.length) > 0 && options.map((op, index) => {
+          const val = valueType && op[valueType] || op.id || op;
+          let fill = displayType && op[displayType] || op;
+          if (typeof fill == "object") fill = "";
+          return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: val, children: fill }, op.id || index);
+        })
+      ]
+    }
+  );
+  if (actionClick) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_bootstrap7.Form.Label, { style: { fontWeight: isBold ? "bold" : void 0 }, hidden: noLabel, children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_bootstrap7.InputGroup, { children: [
+        selectContent,
+        actionClick()
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_bootstrap7.Form.Label, { style: { fontWeight: isBold ? "bold" : void 0 }, hidden: noLabel, children: title }),
+    selectContent
+  ] });
+};
+var GenericSelect_default = GenericSelect;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AddButton,
+  ConfigObject,
+  DeleteButton,
+  GenericDisplay,
+  GenericForm,
+  GenericSelect,
+  GenericSelectOps,
+  ResponsiveContainer,
+  UuidPill
+});

package/dist/index.mjs

@@ -0,0 +1,448 @@
+// src/buttons/AddButton.tsx
+import { Button } from "react-bootstrap";
+import { GrAdd } from "react-icons/gr";
+import { jsx } from "react/jsx-runtime";
+var AddButton = ({ callback, hiddenBool, size }) => /* @__PURE__ */ jsx(
+  Button,
+  {
+    hidden: hiddenBool || false,
+    variant: "outline-primary",
+    onClick: () => callback(),
+    children: /* @__PURE__ */ jsx(GrAdd, { size: size || 25 })
+  }
+);
+var AddButton_default = AddButton;
+
+// src/buttons/DeleteButton.tsx
+import { Button as Button2 } from "react-bootstrap";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var DeleteButton = ({ title, onDeleteClick }) => {
+  return /* @__PURE__ */ jsx2(Button2, { variant: "danger", onClick: () => onDeleteClick(), children: title });
+};
+var DeleteButton_default = DeleteButton;
+
+// src/containers/ResponsiveContainer.tsx
+import { Modal, ModalBody } from "react-bootstrap";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var ResponsiveContainer = ({
+  title,
+  show,
+  setShow,
+  children,
+  onClose,
+  scrollable = false
+}) => {
+  const handleClose = () => {
+    setShow(false);
+    if (onClose) onClose();
+  };
+  return /* @__PURE__ */ jsxs(Modal, { size: "lg", show, onHide: handleClose, scrollable, children: [
+    /* @__PURE__ */ jsx3(Modal.Header, { closeButton: true, onClick: handleClose }),
+    /* @__PURE__ */ jsx3(ModalBody, { children })
+  ] });
+};
+var ResponsiveContainer_default = ResponsiveContainer;
+
+// src/displays/UuidPill.tsx
+import { useState, useRef } from "react";
+import { Badge, Overlay, Tooltip } from "react-bootstrap";
+import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var UuidPill = ({ uuid, bg = "light", textColor = "dark", short = 8 }) => {
+  const [copied, setCopied] = useState(false);
+  const ref = useRef(null);
+  const [showTooltip, setShowTooltip] = useState(false);
+  if (!uuid) return /* @__PURE__ */ jsx4("span", { className: "text-muted", children: "\u2014" });
+  const shortId = String(uuid).substring(0, short);
+  const handleCopy = async (e) => {
+    e.stopPropagation();
+    try {
+      await navigator.clipboard.writeText(uuid);
+    } catch (e2) {
+      const ta = document.createElement("textarea");
+      ta.value = uuid;
+      document.body.appendChild(ta);
+      ta.select();
+      document.execCommand("copy");
+      document.body.removeChild(ta);
+    }
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
+  };
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsxs2(
+      Badge,
+      {
+        ref,
+        bg,
+        text: textColor,
+        pill: true,
+        className: "border px-2 py-1",
+        style: { cursor: "pointer", fontFamily: "monospace", fontSize: "0.8rem", userSelect: "none" },
+        onClick: handleCopy,
+        onMouseEnter: () => setShowTooltip(true),
+        onMouseLeave: () => {
+          setShowTooltip(false);
+          setCopied(false);
+        },
+        children: [
+          shortId,
+          "\u2026"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx4(Overlay, { target: ref.current, show: showTooltip, placement: "top", children: (props) => /* @__PURE__ */ jsx4(Tooltip, { ...props, children: copied ? /* @__PURE__ */ jsx4("span", { style: { color: "#6f6" }, children: "Copiado!" }) : /* @__PURE__ */ jsxs2("span", { style: { fontFamily: "monospace", fontSize: "0.75rem" }, children: [
+      uuid,
+      /* @__PURE__ */ jsx4("br", {}),
+      /* @__PURE__ */ jsx4("small", { className: "text-muted", children: "Clique para copiar" })
+    ] }) }) })
+  ] });
+};
+var UuidPill_default = UuidPill;
+
+// src/displays/GenericDisplay.tsx
+import React2, { useState as useState2, useEffect } from "react";
+import { Col, Container, Row } from "react-bootstrap";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var ConfigObject = class {
+  constructor(dotNotation, style, onClick, onBlur, onHideClick, hidden, mapData, additionalComponents) {
+    this.dotNotation = dotNotation;
+    this.style = style;
+    this.onClick = onClick;
+    this.onBlur = onBlur;
+    this.onHideClick = onHideClick;
+    this.hidden = hidden;
+    this.mapData = mapData;
+    this.additionalComponents = additionalComponents || [];
+  }
+};
+var getRightConfigObjects = (currentPropertieMap, configObjects) => {
+  const curreDotNotation = currentPropertieMap.join(".");
+  if (!configObjects) return [];
+  return configObjects.filter((configObject) => configObject.dotNotation === curreDotNotation);
+};
+var getStyle = (configObjects) => {
+  let styleObject = {};
+  configObjects.forEach((configObject) => {
+    styleObject = { ...styleObject, ...configObject.style };
+  });
+  return styleObject;
+};
+var getAdditionalComponentes = (configObjects) => {
+  const components = [];
+  configObjects.forEach((configObject) => {
+    if (configObject.additionalComponents) {
+      components.push(...configObject.additionalComponents);
+    }
+  });
+  return components;
+};
+var getOnClick = (configObjects) => {
+  return () => {
+    configObjects.forEach((configObject) => {
+      configObject.onClick && configObject.onClick();
+    });
+  };
+};
+var buildData = (obj, propertiesMap, configObjects, opn, innerArray, dispatch, isRoot, editButtonRenderer) => {
+  const newPropertiesMap = [];
+  if (opn) newPropertiesMap.push(...propertiesMap, opn);
+  else newPropertiesMap.push(...propertiesMap);
+  const innerConfigs = getRightConfigObjects(newPropertiesMap, configObjects);
+  const styles = getStyle(innerConfigs);
+  const onClick = getOnClick(innerConfigs);
+  const extraComponents = getAdditionalComponentes(innerConfigs);
+  if (Array.isArray(obj)) {
+    return /* @__PURE__ */ jsxs3(Container, { onClick, style: { ...styles }, children: [
+      opn && /* @__PURE__ */ jsx5("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsx5("strong", { children: opn }) }),
+      obj.map((o, index) => {
+        const mapCopy = [...newPropertiesMap, `[${index}]`];
+        return /* @__PURE__ */ jsx5(Row, { style: { padding: 4, ...styles }, children: buildData(o, mapCopy, configObjects, null, true, null, false, editButtonRenderer) }, index);
+      })
+    ] });
+  }
+  if (typeof obj === "object" && obj != null) {
+    return /* @__PURE__ */ jsxs3(
+      Container,
+      {
+        onClick,
+        style: {
+          border: innerArray ? "solid" : void 0,
+          borderColor: "lightgray",
+          borderRadius: innerArray ? 4 : 2,
+          borderWidth: 1,
+          padding: 4,
+          ...styles
+        },
+        children: [
+          opn && /* @__PURE__ */ jsx5("strong", { children: opn }),
+          Object.entries(obj).map(
+            ([key, value]) => buildData(value, newPropertiesMap, configObjects, key, false, null, false, editButtonRenderer)
+          ),
+          extraComponents.length > 0 ? extraComponents.map((comp, i) => /* @__PURE__ */ jsx5(React2.Fragment, { children: comp() }, i)) : isRoot && editButtonRenderer ? editButtonRenderer(obj, opn) : null
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs3(Col, { children: [
+    /* @__PURE__ */ jsxs3("strong", { children: [
+      opn,
+      ": "
+    ] }),
+    String(obj)
+  ] });
+};
+var GenericDisplay = ({
+  ops = [],
+  loadFunc,
+  configObjects,
+  rootName,
+  context,
+  onRefresh,
+  editButtonRenderer
+}) => {
+  const [innerOptions, setInnerOptions] = useState2();
+  const refreshFunc = () => {
+    if (loadFunc) {
+      loadFunc().then((res) => {
+        if (Array.isArray(res)) {
+          setInnerOptions(res);
+        } else {
+          setInnerOptions([res]);
+        }
+      });
+    } else {
+      setInnerOptions(ops);
+    }
+  };
+  useEffect(() => {
+    if (onRefresh) {
+      onRefresh(refreshFunc);
+    } else {
+      refreshFunc();
+    }
+  }, [context]);
+  return /* @__PURE__ */ jsx5(Fragment2, { children: innerOptions && innerOptions.map((cObj, index) => /* @__PURE__ */ jsx5(Container, { style: { padding: 4, border: "solid" }, children: buildData(cObj, [], configObjects, rootName || null, false, null, true, editButtonRenderer) }, index)) });
+};
+var GenericDisplay_default = GenericDisplay;
+
+// src/forms/GenericForm.tsx
+import { useState as useState3 } from "react";
+import { Button as Button3, Form } from "react-bootstrap";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var GenericForm = ({ fields, onSubmit, renderCustomSelect }) => {
+  const [formValues, setFormValues] = useState3({});
+  const [errors, setErrors] = useState3({});
+  const handleChange = (key, value) => {
+    setFormValues({
+      ...formValues,
+      [key]: value
+    });
+  };
+  const validate = () => {
+    const newErrors = {};
+    fields.forEach((field) => {
+      if (field.required && !formValues[field.key]) {
+        newErrors[field.key] = `${field.label} \xE9 obrigat\xF3rio`;
+      }
+    });
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (validate()) {
+      onSubmit(formValues);
+    }
+  };
+  const renderField = (field) => {
+    const { label, key, type, options, placeholder } = field;
+    const value = formValues[key] || "";
+    switch (type) {
+      case "text":
+      case "number":
+        return /* @__PURE__ */ jsxs4(Form.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ jsx6(Form.Label, { children: label }),
+          /* @__PURE__ */ jsx6(
+            Form.Control,
+            {
+              type,
+              placeholder,
+              value,
+              onChange: (e) => handleChange(key, e.target.value),
+              isInvalid: !!errors[key]
+            }
+          ),
+          /* @__PURE__ */ jsx6(Form.Control.Feedback, { type: "invalid", children: errors[key] })
+        ] }, key);
+      case "select": {
+        const orderedOptions = (options || []).filter((opt) => opt && opt.value !== void 0 && opt.label !== void 0).sort((a, b) => a.label.localeCompare(b.label));
+        return /* @__PURE__ */ jsxs4(Form.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ jsx6(Form.Label, { children: label }),
+          /* @__PURE__ */ jsxs4(
+            Form.Select,
+            {
+              value,
+              onChange: (e) => handleChange(key, e.target.value),
+              isInvalid: !!errors[key],
+              children: [
+                /* @__PURE__ */ jsx6("option", { value: "", children: "Selecione..." }),
+                orderedOptions.map((option) => /* @__PURE__ */ jsx6("option", { value: option.value, children: option.label }, String(option.value)))
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx6(Form.Control.Feedback, { type: "invalid", children: errors[key] })
+        ] }, key);
+      }
+      case "custom-select":
+        if (renderCustomSelect) {
+          return /* @__PURE__ */ jsxs4("div", { children: [
+            renderCustomSelect({
+              label,
+              value,
+              options,
+              onChange: (v) => handleChange(key, v),
+              placeholder
+            }),
+            errors[key] && /* @__PURE__ */ jsx6("div", { className: "invalid-feedback d-block", children: errors[key] })
+          ] }, key);
+        }
+        return null;
+      case "date":
+        return /* @__PURE__ */ jsxs4(Form.Group, { className: "mb-3", children: [
+          /* @__PURE__ */ jsx6(Form.Label, { children: label }),
+          /* @__PURE__ */ jsx6(
+            Form.Control,
+            {
+              type: "date",
+              value,
+              onChange: (e) => handleChange(key, e.target.value),
+              isInvalid: !!errors[key]
+            }
+          ),
+          /* @__PURE__ */ jsx6(Form.Control.Feedback, { type: "invalid", children: errors[key] })
+        ] }, key);
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ jsxs4(Form, { onSubmit: handleSubmit, children: [
+    fields.map((field) => renderField(field)),
+    /* @__PURE__ */ jsx6("div", { className: "d-grid", children: /* @__PURE__ */ jsx6(Button3, { variant: "primary", type: "submit", children: "Salvar" }) })
+  ] });
+};
+var GenericForm_default = GenericForm;
+
+// src/forms/GenericSelect.tsx
+import { useEffect as useEffect2, useState as useState4 } from "react";
+import { Form as Form2, InputGroup } from "react-bootstrap";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var GenericSelectOps = class {
+  constructor(noLabel, title, onChange, ops, selection, returnType, displayType, filter, filterField, valueType, loadFunc, loadCondition, actionClick, locked) {
+    this.noLabel = noLabel;
+    this.title = title;
+    this.onChange = onChange;
+    this.ops = ops;
+    this.selection = selection;
+    this.returnType = returnType;
+    this.displayType = displayType;
+    this.filter = filter;
+    this.filterField = filterField;
+    this.valueType = valueType;
+    this.loadFunc = loadFunc;
+    this.loadCondition = loadCondition;
+    this.actionClick = actionClick;
+    this.locked = locked;
+  }
+};
+var GenericSelect = ({
+  noLabel,
+  title,
+  onChange,
+  ops,
+  selection,
+  returnType,
+  displayType,
+  filter,
+  filterField,
+  valueType,
+  loadFunc,
+  loadCondition = true,
+  actionClick,
+  locked,
+  isBold,
+  ...restProps
+}) => {
+  const [options, setOptions] = useState4(ops || []);
+  useEffect2(() => {
+    const loadFunction = async () => {
+      if (loadCondition && loadFunc) {
+        loadFunc().then((res) => {
+          let newOps = res.content ? res.content : res;
+          if (filter && filterField) {
+            newOps = res.filter((op) => op[filterField] == filter);
+          }
+          setOptions(newOps);
+        });
+      }
+    };
+    loadFunction().catch((error) => console.log(error));
+  }, [loadCondition]);
+  const getTrueValue = (clickedIndex) => {
+    const returnValue = options.filter((_op, index) => index == clickedIndex - 1)[0];
+    if (returnType == "index") {
+      onChange(clickedIndex);
+    } else if (returnType) {
+      onChange(returnValue[returnType]);
+    } else {
+      onChange(returnValue);
+    }
+  };
+  const defaultPlaceholder = (restProps == null ? void 0 : restProps.default) || "Seleciona uma Op\xE7\xE3o";
+  const selectContent = /* @__PURE__ */ jsxs5(
+    Form2.Control,
+    {
+      disabled: locked,
+      as: "select",
+      value: selection,
+      onChange: (event) => getTrueValue(event.target.selectedIndex),
+      children: [
+        /* @__PURE__ */ jsxs5("option", { value: void 0, children: [
+          "-- ",
+          defaultPlaceholder,
+          " --"
+        ] }, 0),
+        (options == null ? void 0 : options.length) > 0 && options.map((op, index) => {
+          const val = valueType && op[valueType] || op.id || op;
+          let fill = displayType && op[displayType] || op;
+          if (typeof fill == "object") fill = "";
+          return /* @__PURE__ */ jsx7("option", { value: val, children: fill }, op.id || index);
+        })
+      ]
+    }
+  );
+  if (actionClick) {
+    return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+      /* @__PURE__ */ jsx7(Form2.Label, { style: { fontWeight: isBold ? "bold" : void 0 }, hidden: noLabel, children: title }),
+      /* @__PURE__ */ jsxs5(InputGroup, { children: [
+        selectContent,
+        actionClick()
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+    /* @__PURE__ */ jsx7(Form2.Label, { style: { fontWeight: isBold ? "bold" : void 0 }, hidden: noLabel, children: title }),
+    selectContent
+  ] });
+};
+var GenericSelect_default = GenericSelect;
+export {
+  AddButton_default as AddButton,
+  ConfigObject,
+  DeleteButton_default as DeleteButton,
+  GenericDisplay_default as GenericDisplay,
+  GenericForm_default as GenericForm,
+  GenericSelect_default as GenericSelect,
+  GenericSelectOps,
+  ResponsiveContainer_default as ResponsiveContainer,
+  UuidPill_default as UuidPill
+};

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "teraprox-ui-kit",
+  "version": "0.1.0",
+  "description": "Componentes visuais compartilhados entre módulos federados TeraproX",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./styles": "./dist/styles/teraprox-base.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts --clean",
+    "dev": "tsup src/index.ts --format esm,cjs --dts --watch"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-bootstrap": ">=2.0.0",
+    "react-icons": ">=4.0.0",
+    "react-router-dom": ">=6.0.0",
+    "react-redux": ">=7.0.0",
+    "react-bootstrap-typeahead": ">=5.0.0",
+    "dayjs": ">=1.11.0",
+    "browser-image-compression": ">=2.0.0",
+    "react-dropzone": ">=14.0.0",
+    "react-color": ">=2.0.0",
+    "recharts": ">=2.0.0",
+    "qr-scanner": ">=1.0.0",
+    "qrcode": ">=1.0.0",
+    "react-qr-code": ">=2.0.0",
+    "file-saver": ">=2.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-bootstrap-typeahead": { "optional": true },
+    "browser-image-compression": { "optional": true },
+    "react-dropzone": { "optional": true },
+    "react-color": { "optional": true },
+    "recharts": { "optional": true },
+    "qr-scanner": { "optional": true },
+    "qrcode": { "optional": true },
+    "react-qr-code": { "optional": true },
+    "file-saver": { "optional": true },
+    "dayjs": { "optional": true }
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "react": "^18.2.0",
+    "react-bootstrap": "^2.10.0",
+    "react-icons": "^5.0.0",
+    "react-router-dom": "^6.20.0",
+    "react-redux": "^9.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.3.0"
+  },
+  "license": "UNLICENSED"
+}