@proef/common-ui 0.0.0-stage → 2.2.0

package/dist/esm/legacy/components/atoms/Button/variants/TabButton.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import './TabButton.css';/* empty css               */
+const TabButton = ({ icon, title, selected, onClick, disabled }) => {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: `cui-button cui-tab-button ${selected ? "cui-selected" : ""}`,
+      onClick,
+      disabled,
+      children: [
+        /* @__PURE__ */ jsx(FontAwesomeIcon, { icon, className: "cui-icon" }),
+        title
+      ]
+    }
+  );
+};
+export {
+  TabButton as default
+};
+//# sourceMappingURL=TabButton.js.map

package/dist/esm/legacy/components/atoms/Button/variants/TabButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabButton.js","sources":["../../../../../../../src/legacy/components/atoms/Button/variants/TabButton.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react'\r\nimport { PropsWithChildren } from 'react'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core'\r\n\r\nimport './TabButton.scss'\r\n\r\ntype Props = PropsWithChildren<{\r\n  icon: IconProp\r\n  title: string\r\n  selected: boolean\r\n  onClick: () => void\r\n  disabled?: boolean\r\n}>\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst TabButton = ({ icon, title, selected, onClick, disabled }: Props) => {\r\n  return (\r\n    <button\r\n      className={`cui-button cui-tab-button ${selected ? 'cui-selected' : ''}`}\r\n      onClick={onClick}\r\n      disabled={disabled}\r\n    >\r\n      <FontAwesomeIcon icon={icon} className=\"cui-icon\" />\r\n      {title}\r\n    </button>\r\n  )\r\n}\r\n\r\nexport default TabButton\r\n"],"names":[],"mappings":";;;AAgBA,MAAM,YAAY,CAAC,EAAE,MAAM,OAAO,UAAU,SAAS,eAAsB;AACzE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,6BAA6B,WAAW,iBAAiB,EAAE;AAAA,MACtE;AAAA,MACA;AAAA,MAEA,UAAA;AAAA,QAAA,oBAAC,iBAAA,EAAgB,MAAY,WAAU,WAAA,CAAW;AAAA,QACjD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/esm/legacy/components/atoms/Field/Field.css

@@ -0,0 +1,171 @@
+@charset "UTF-8";
+/* Intencionalmente VAZIO.
+ *
+ * As atoms antigas faziam `@import url('.../styles/index.scss')`, e este ficheiro
+ * injetava no CONSUMIDOR (via style-loader do bundle) um reset global agressivo
+ * (`* { margin:0; padding:0 }`), `@font-face` Urbanist (.ttf → 404 sob subpaths),
+ * `canvas { height:auto }` (partia o sizing dos charts) e `body { font-family;
+ * background }`. Uma LIB não pode impor nada disto — nukeava o spacing/fonte/fundo
+ * de qualquer app que importasse o common-ui (visível sobretudo em apps com
+ * utilities layered, que perdem ao `*` injetado).
+ *
+ * Cada app define o seu próprio reset/fonte/fundo. Mantido como no-op p/ os
+ * imports existentes não partirem. */
+.cui-field {
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+.cui-adding,
+.cui-added,
+.cui-number {
+  font-size: 0.8rem;
+  font-weight: 400;
+  line-height: 0.9rem;
+}
+
+.cui-input {
+  width: 15rem;
+  height: 2rem;
+  padding: 0.5rem;
+  border: 0.1rem solid var(--medium-gray-01);
+  border-radius: 0.8rem;
+  font-size: 1rem;
+  transition: border-color 0.2s ease, color 0.2s ease;
+  box-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.1);
+  background-color: var(--almost-white);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-align: center;
+}
+
+.cui-input::placeholder {
+  color: var(--medium-gray-01);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.cui-input:focus {
+  border-color: var(--dark-blue);
+  outline: none;
+  color: var(--dark-blue);
+}
+
+.cui-input.cui-adding_operator_name:focus {
+  border-color: var(--dark-blue);
+  outline: none;
+  color: var(--bright-green);
+  font-size: 0.75rem;
+  font-weight: 700;
+  line-height: 0.8rem;
+}
+
+.cui-input:not(:focus) {
+  color: var(--dark-gray);
+}
+
+.cui-input.cui-adding_operator_name:not(:focus) {
+  font-size: 0.75rem;
+  font-weight: 700;
+  line-height: 0.8rem;
+  color: var(--medium-gray-01);
+}
+
+.cui-input:focus-visible {
+  caret-color: var(--dark-blue);
+}
+
+.cui-input.cui-adding_operator_name:focus-visible {
+  caret-color: var(--bright-green);
+}
+
+.cui-adding .cui-input::placeholder {
+  color: var(--medium-gray-01);
+}
+
+.cui-added .cui-input::placeholder {
+  color: var(--dark-blue);
+}
+
+.cui-adding_operator_name .cui-icon {
+  position: absolute;
+  color: var(--bright-green);
+  font-size: 1rem;
+}
+
+.cui-placeholder {
+  position: absolute;
+  left: 1.5rem;
+  top: 50%;
+  transform: translateY(-50%);
+  color: var(--medium-gray-01);
+  padding: 0.5rem;
+  font-size: 0.75rem;
+  font-weight: 700;
+  line-height: 0.8rem;
+  pointer-events: none;
+  text-align: left;
+}
+
+.cui-input.cui-with-icon {
+  padding-left: 2rem;
+  text-align: left;
+  border: 0;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.cui-input.cui-with-icon :empty {
+  text-align: left;
+}
+
+.cui-number_controls {
+  position: absolute;
+  right: 0.5rem;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  flex-direction: column;
+}
+
+.cui-increment,
+.cui-decrement {
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  padding: 0.01rem;
+  font-size: 0.8rem;
+  color: var(--dark-blue);
+}
+
+.cui-increment:hover,
+.cui-decrement:hover {
+  color: var(--bright-blue);
+}
+
+.cui-inputWrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+/* Remove default arrows in Chrome, Safari, Edge, and Opera */
+.cui-input[type=number]::-webkit-outer-spin-button,
+.cui-input[type=number]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Remove default arrows in Firefox */
+.cui-input[type=number] {
+  -moz-appearance: textfield;
+}
+
+.cui-input:not(:placeholder-shown) + .cui-placeholder {
+  display: none;
+}

package/dist/esm/legacy/components/atoms/Field/Field.js

@@ -0,0 +1,70 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import './Field.css';/* empty css           */
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faChevronUp, faChevronDown } from "@fortawesome/free-solid-svg-icons";
+const Field = ({
+  type,
+  placeholder = "Enter text...",
+  disabled,
+  readOnly,
+  iconPrev,
+  value,
+  onChange
+}) => {
+  const handleIncrement = () => {
+    if (onChange) {
+      onChange({
+        target: { value: String(Number(value || 0) + 1) }
+      });
+    }
+  };
+  const handleDecrement = () => {
+    if (onChange) {
+      onChange({
+        target: { value: String(Math.max(Number(value || 0) - 1, 0)) }
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `cui-field ${type ? type : ""}`, children: [
+    iconPrev && /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: iconPrev, className: "cui-icon" }),
+    /* @__PURE__ */ jsxs("div", { className: "cui-inputWrapper", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: `cui-input ${iconPrev ? "cui-with-icon" : ""} ${type ? type : ""}`,
+          type: type === "cui-number" ? "number" : "text",
+          placeholder: iconPrev ? "" : placeholder,
+          disabled,
+          readOnly,
+          value,
+          onChange
+        }
+      ),
+      type === "cui-number" && /* @__PURE__ */ jsxs("div", { className: "cui-number_controls", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "cui-increment",
+            onClick: handleIncrement,
+            children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faChevronUp })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "cui-decrement",
+            onClick: handleDecrement,
+            children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faChevronDown })
+          }
+        )
+      ] }),
+      iconPrev && /* @__PURE__ */ jsx("span", { className: "cui-placeholder", children: placeholder })
+    ] })
+  ] });
+};
+export {
+  Field as default
+};
+//# sourceMappingURL=Field.js.map

package/dist/esm/legacy/components/atoms/Field/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sources":["../../../../../../src/legacy/components/atoms/Field/Field.tsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport './Field.scss'\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faChevronUp, faChevronDown } from '@fortawesome/free-solid-svg-icons'\r\n\r\ntype Props = {\r\n  iconPrev?: IconProp\r\n  type?: 'cui-added' | 'cui-adding' | 'cui-adding_operator_name' | 'cui-number'\r\n  placeholder?: string\r\n  disabled: boolean\r\n  readOnly: boolean\r\n  value?: string\r\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst Field = ({\r\n  type,\r\n  placeholder = 'Enter text...',\r\n  disabled,\r\n  readOnly,\r\n  iconPrev,\r\n  value,\r\n  onChange,\r\n}: Props) => {\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (onChange) onChange(e)\r\n  }\r\n\r\n  const handleIncrement = () => {\r\n    if (onChange) {\r\n      onChange({\r\n        target: { value: String(Number(value || 0) + 1) },\r\n      } as React.ChangeEvent<HTMLInputElement>)\r\n    }\r\n  }\r\n\r\n  const handleDecrement = () => {\r\n    if (onChange) {\r\n      onChange({\r\n        target: { value: String(Math.max(Number(value || 0) - 1, 0)) },\r\n      } as React.ChangeEvent<HTMLInputElement>)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <div className={`cui-field ${type ? type : ''}`}>\r\n      {iconPrev && <FontAwesomeIcon icon={iconPrev} className=\"cui-icon\" />}\r\n\r\n      <div className=\"cui-inputWrapper\">\r\n        <input\r\n          className={`cui-input ${iconPrev ? 'cui-with-icon' : ''} ${\r\n            type ? type : ''\r\n          }`}\r\n          type={type === 'cui-number' ? 'number' : 'text'}\r\n          placeholder={iconPrev ? '' : placeholder}\r\n          disabled={disabled}\r\n          readOnly={readOnly}\r\n          value={value}\r\n          onChange={onChange}\r\n        />\r\n\r\n        {type === 'cui-number' && (\r\n          <div className=\"cui-number_controls\">\r\n            <button\r\n              type=\"button\"\r\n              className=\"cui-increment\"\r\n              onClick={handleIncrement}\r\n            >\r\n              <FontAwesomeIcon icon={faChevronUp} />\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              className=\"cui-decrement\"\r\n              onClick={handleDecrement}\r\n            >\r\n              <FontAwesomeIcon icon={faChevronDown} />\r\n            </button>\r\n          </div>\r\n        )}\r\n\r\n        {iconPrev && <span className=\"cui-placeholder\">{placeholder}</span>}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Field\r\n"],"names":[],"mappings":";;;;AAiBA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AAKX,QAAM,kBAAkB,MAAM;AAC5B,QAAI,UAAU;AACZ,eAAS;AAAA,QACP,QAAQ,EAAE,OAAO,OAAO,OAAO,SAAS,CAAC,IAAI,CAAC,EAAA;AAAA,MAAE,CACV;AAAA,IAC1C;AAAA,EACF;AAEA,QAAM,kBAAkB,MAAM;AAC5B,QAAI,UAAU;AACZ,eAAS;AAAA,QACP,QAAQ,EAAE,OAAO,OAAO,KAAK,IAAI,OAAO,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,EAAA;AAAA,MAAE,CACvB;AAAA,IAC1C;AAAA,EACF;AAEA,8BACG,OAAA,EAAI,WAAW,aAAa,OAAO,OAAO,EAAE,IAC1C,UAAA;AAAA,IAAA,YAAY,oBAAC,iBAAA,EAAgB,MAAM,UAAU,WAAU,YAAW;AAAA,IAEnE,qBAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,aAAa,WAAW,kBAAkB,EAAE,IACrD,OAAO,OAAO,EAChB;AAAA,UACA,MAAM,SAAS,eAAe,WAAW;AAAA,UACzC,aAAa,WAAW,KAAK;AAAA,UAC7B;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,SAAS,gBACR,qBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YAET,UAAA,oBAAC,iBAAA,EAAgB,MAAM,YAAA,CAAa;AAAA,UAAA;AAAA,QAAA;AAAA,QAEtC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YAET,UAAA,oBAAC,iBAAA,EAAgB,MAAM,cAAA,CAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACxC,GACF;AAAA,MAGD,YAAY,oBAAC,QAAA,EAAK,WAAU,mBAAmB,UAAA,YAAA,CAAY;AAAA,IAAA,EAAA,CAC9D;AAAA,EAAA,GACF;AAEJ;"}

package/dist/esm/legacy/components/atoms/IconText/IconText.css

@@ -0,0 +1,10 @@
+.cui-icon-text {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.cui-icon-text .cui-icon {
+  width: 1rem;
+  height: 1rem;
+}

package/dist/esm/legacy/components/atoms/IconText/IconText.js

@@ -0,0 +1,25 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { WeightValue, FontWeight } from "../../../constants/FontWeight.js";
+import './IconText.css';/* empty css              */
+const IconText = ({ icon, text, theme }) => {
+  const { color, fontWeight } = theme;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "cui-icon-text",
+      style: {
+        color,
+        fontWeight: WeightValue[fontWeight || FontWeight.MEDIUM]
+      },
+      children: [
+        /* @__PURE__ */ jsx(FontAwesomeIcon, { icon, className: "cui-icon" }),
+        /* @__PURE__ */ jsx("p", { title: text, children: text })
+      ]
+    }
+  );
+};
+export {
+  IconText as default
+};
+//# sourceMappingURL=IconText.js.map

package/dist/esm/legacy/components/atoms/IconText/IconText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconText.js","sources":["../../../../../../src/legacy/components/atoms/IconText/IconText.tsx"],"sourcesContent":["import React from 'react'\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { FontWeight, WeightValue } from '../../../constants/FontWeight'\r\n\r\nimport './IconText.scss'\r\nimport { IconTextTheme } from '../../../types/themes/IconTextThemes'\r\n\r\ninterface IconTextProps {\r\n  icon: IconProp\r\n  text: string\r\n  theme: IconTextTheme\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst IconText: React.FC<IconTextProps> = ({ icon, text, theme }) => {\r\n  const { color, fontWeight } = theme\r\n\r\n  return (\r\n    <div\r\n      className={'cui-icon-text'}\r\n      style={{\r\n        color,\r\n        fontWeight: WeightValue[fontWeight || FontWeight.MEDIUM],\r\n      }}\r\n    >\r\n      <FontAwesomeIcon icon={icon} className=\"cui-icon\" />\r\n      <p title={text}>{text}</p>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default IconText\r\n"],"names":[],"mappings":";;;;AAeA,MAAM,WAAoC,CAAC,EAAE,MAAM,MAAM,YAAY;AACnE,QAAM,EAAE,OAAO,WAAA,IAAe;AAE9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,QACL;AAAA,QACA,YAAY,YAAY,cAAc,WAAW,MAAM;AAAA,MAAA;AAAA,MAGzD,UAAA;AAAA,QAAA,oBAAC,iBAAA,EAAgB,MAAY,WAAU,WAAA,CAAW;AAAA,QAClD,oBAAC,KAAA,EAAE,OAAO,MAAO,UAAA,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5B;"}

package/dist/esm/legacy/components/atoms/Icone/Icone.js

@@ -0,0 +1,24 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { isValidElement } from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+function Icone({ icone, tamanho, cor, className }) {
+  if (icone === null || icone === void 0) return null;
+  if (isValidElement(icone)) return /* @__PURE__ */ jsx(Fragment, { children: icone });
+  if (typeof icone === "function") {
+    const Componente = icone;
+    return /* @__PURE__ */ jsx(Componente, { size: tamanho, className, color: cor });
+  }
+  return /* @__PURE__ */ jsx(
+    FontAwesomeIcon,
+    {
+      icon: icone,
+      color: cor,
+      className,
+      style: tamanho ? { fontSize: tamanho } : void 0
+    }
+  );
+}
+export {
+  Icone as default
+};
+//# sourceMappingURL=Icone.js.map

package/dist/esm/legacy/components/atoms/Icone/Icone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icone.js","sources":["../../../../../../src/legacy/components/atoms/Icone/Icone.tsx"],"sourcesContent":["import React, { type ReactNode, isValidElement } from 'react'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport type { IconProp } from '@fortawesome/fontawesome-svg-core'\r\n\r\n/**\r\n * Ícone agnóstico da biblioteca de ícones.\r\n *\r\n * A biblioteca nasceu em FontAwesome, mas todos os portais usam lucide — e o\r\n * `Sidebar` sempre aceitou componentes ao estilo lucide. Resultado: metade da\r\n * API pedia `IconProp` e obrigava um portal a instalar o FontAwesome só para\r\n * pôr um ícone num botão.\r\n *\r\n * Este componente aceita as três formas, para a API poder ser uniformizada sem\r\n * partir quem já passa `IconProp`:\r\n *  - `IconProp` (FontAwesome), como antes;\r\n *  - um elemento React já construído (`<Play size={14} />`);\r\n *  - um componente de ícone (lucide: `Play`), que recebe `size` e `className`.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport type IconeQualquer =\r\n  | IconProp\r\n  | ReactNode\r\n  | React.ComponentType<{ size?: number; className?: string }>\r\n\r\ninterface Props {\r\n  icone: IconeQualquer\r\n  /** Só aplicado às formas que o aceitam (componente de ícone e FontAwesome). */\r\n  tamanho?: number\r\n  cor?: string\r\n  className?: string\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport default function Icone({ icone, tamanho, cor, className }: Props): React.JSX.Element | null {\r\n  if (icone === null || icone === undefined) return null\r\n\r\n  // Elemento já construído: devolve-se tal e qual, para não sobrepor as props\r\n  // que quem o escreveu já escolheu.\r\n  if (isValidElement(icone)) return <>{icone}</>\r\n\r\n  if (typeof icone === 'function') {\r\n    const Componente = icone as React.ComponentType<{\r\n      size?: number\r\n      className?: string\r\n      color?: string\r\n    }>\r\n    return <Componente size={tamanho} className={className} color={cor} />\r\n  }\r\n\r\n  return (\r\n    <FontAwesomeIcon\r\n      icon={icone as IconProp}\r\n      color={cor}\r\n      className={className}\r\n      style={tamanho ? { fontSize: tamanho } : undefined}\r\n    />\r\n  )\r\n}\r\n"],"names":[],"mappings":";;;AAiCA,SAAwB,MAAM,EAAE,OAAO,SAAS,KAAK,aAA8C;AACjG,MAAI,UAAU,QAAQ,UAAU,OAAW,QAAO;AAIlD,MAAI,eAAe,KAAK,EAAG,wCAAU,UAAA,OAAM;AAE3C,MAAI,OAAO,UAAU,YAAY;AAC/B,UAAM,aAAa;AAKnB,+BAAQ,YAAA,EAAW,MAAM,SAAS,WAAsB,OAAO,KAAK;AAAA,EACtE;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP;AAAA,MACA,OAAO,UAAU,EAAE,UAAU,YAAY;AAAA,IAAA;AAAA,EAAA;AAG/C;"}

package/dist/esm/legacy/components/atoms/Input/Input.css

@@ -0,0 +1,12 @@
+.cui-input {
+  width: 100%;
+  border: none;
+  outline: none;
+  border-bottom: 2px solid transparent;
+  transition: border-bottom-color 0.3s;
+  padding: 2px 5px;
+  text-align: left;
+}
+.cui-input :focus {
+  border-bottom-color: var(--dark-blue);
+}

package/dist/esm/legacy/components/atoms/Input/Input.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import './Input.css';/* empty css           */
+const Input = ({
+  placeholder,
+  onChange,
+  onBlur,
+  type,
+  value,
+  disabled
+}) => {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type,
+      value: value ?? "",
+      className: "cui-input",
+      placeholder,
+      onChange,
+      onBlur,
+      disabled,
+      autoComplete: "off"
+    }
+  );
+};
+export {
+  Input as default
+};
+//# sourceMappingURL=Input.js.map

package/dist/esm/legacy/components/atoms/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../../../src/legacy/components/atoms/Input/Input.tsx"],"sourcesContent":["import React, { ChangeEvent } from 'react'\r\n\r\nimport './Input.scss'\r\n\r\ntype Props = {\r\n  placeholder?: string\r\n  onChange: (e: ChangeEvent<HTMLInputElement>) => void\r\n  onBlur?: (e: ChangeEvent<HTMLInputElement>) => void\r\n  type?: 'number' | 'text'\r\n  value?: string | number | null\r\n  disabled?: boolean\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst Input = ({\r\n  placeholder,\r\n  onChange,\r\n  onBlur,\r\n  type,\r\n  value,\r\n  disabled,\r\n}: Props) => {\r\n  return (\r\n    <input\r\n      type={type}\r\n      value={value ?? ''}\r\n      className={'cui-input'}\r\n      placeholder={placeholder}\r\n      onChange={onChange}\r\n      onBlur={onBlur}\r\n      disabled={disabled}\r\n      autoComplete=\"off\"\r\n    />\r\n  )\r\n}\r\n\r\nexport default Input\r\n"],"names":[],"mappings":";;AAcA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAO,SAAS;AAAA,MAChB,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAa;AAAA,IAAA;AAAA,EAAA;AAGnB;"}

package/dist/esm/legacy/components/atoms/InputData/InputData.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { DateInput } from "../../../../v1/primitives/forms/DateInput/DateInput.js";
+const classes = "cui-input-data w-full border border-slate-200 px-2 py-2 text-sm rounded-lg outline-none focus:border-proef-turquoise disabled:bg-slate-50 disabled:text-slate-400";
+function InputData({ value, onChange, disabled, id, min, max }) {
+  return /* @__PURE__ */ jsx(DateInput, { id, value, onChange, disabled, min, max });
+}
+function InputHora({ value, onChange, disabled, id, step }) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      id,
+      type: "time",
+      value,
+      step,
+      disabled,
+      onChange: (e) => onChange(e.target.value),
+      className: classes
+    }
+  );
+}
+export {
+  InputData,
+  InputHora
+};
+//# sourceMappingURL=InputData.js.map

package/dist/esm/legacy/components/atoms/InputData/InputData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputData.js","sources":["../../../../../../src/legacy/components/atoms/InputData/InputData.tsx"],"sourcesContent":["import React from 'react'\r\nimport DateInput from '../../../../v1/primitives/forms/DateInput/DateInput'\r\n\r\n/**\r\n * Campo de data e campo de hora.\r\n *\r\n * Deliberadamente em cima do `<input type=\"date|time\">` do browser: o calendário\r\n * nativo é acessível, traduzido e com teclado, e um calendário próprio seria\r\n * centenas de linhas para ficar pior. O que a biblioteca acrescenta é o aspeto\r\n * uniforme e a mesma API dos restantes campos.\r\n *\r\n * O valor é sempre `yyyy-mm-dd` (data) e `hh:mm` (hora) — os formatos que o\r\n * input devolve, independentemente do que o browser mostra ao utilizador.\r\n */\r\n\r\ninterface PropsBase {\r\n  value: string\r\n  onChange: (valor: string) => void\r\n  disabled?: boolean\r\n  /** Para associar a uma etiqueta externa. */\r\n  id?: string\r\n}\r\n\r\nconst classes =\r\n  'cui-input-data w-full border border-slate-200 px-2 py-2 text-sm rounded-lg outline-none focus:border-proef-turquoise disabled:bg-slate-50 disabled:text-slate-400'\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface InputDataProps extends PropsBase {\r\n  /** Limites, no mesmo formato do valor (yyyy-mm-dd). */\r\n  min?: string\r\n  max?: string\r\n}\r\n\r\n/**\r\n * Migrado para o V1: adaptador do `DateInput` (dd/mm/aaaa sempre, calendário pelo ícone).\r\n * @deprecated Legacy — usar o `DateInput` do V1. Ver Storybook › Legacy.\r\n */\r\nexport function InputData({ value, onChange, disabled, id, min, max }: InputDataProps) {\r\n  return <DateInput id={id} value={value} onChange={onChange} disabled={disabled} min={min} max={max} />\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface InputHoraProps extends PropsBase {\r\n  /** Passo em segundos; 60 esconde os segundos (o default do browser). */\r\n  step?: number\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport function InputHora({ value, onChange, disabled, id, step }: InputHoraProps) {\r\n  return (\r\n    <input\r\n      id={id}\r\n      type=\"time\"\r\n      value={value}\r\n      step={step}\r\n      disabled={disabled}\r\n      onChange={(e) => onChange(e.target.value)}\r\n      className={classes}\r\n    />\r\n  )\r\n}\r\n\r\nexport default InputData\r\n"],"names":[],"mappings":";;AAuBA,MAAM,UACJ;AAaK,SAAS,UAAU,EAAE,OAAO,UAAU,UAAU,IAAI,KAAK,OAAuB;AACrF,6BAAQ,WAAA,EAAU,IAAQ,OAAc,UAAoB,UAAoB,KAAU,KAAU;AACtG;AASO,SAAS,UAAU,EAAE,OAAO,UAAU,UAAU,IAAI,QAAwB;AACjF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,MACxC,WAAW;AAAA,IAAA;AAAA,EAAA;AAGjB;"}

package/dist/esm/legacy/components/atoms/Label/Label.css

@@ -0,0 +1,192 @@
+@charset "UTF-8";
+/* Intencionalmente VAZIO.
+ *
+ * As atoms antigas faziam `@import url('.../styles/index.scss')`, e este ficheiro
+ * injetava no CONSUMIDOR (via style-loader do bundle) um reset global agressivo
+ * (`* { margin:0; padding:0 }`), `@font-face` Urbanist (.ttf → 404 sob subpaths),
+ * `canvas { height:auto }` (partia o sizing dos charts) e `body { font-family;
+ * background }`. Uma LIB não pode impor nada disto — nukeava o spacing/fonte/fundo
+ * de qualquer app que importasse o common-ui (visível sobretudo em apps com
+ * utilities layered, que perdem ao `*` injetado).
+ *
+ * Cada app define o seu próprio reset/fonte/fundo. Mantido como no-op p/ os
+ * imports existentes não partirem. */
+/*responsiveness___*/
+@media (max-width: 768px) {
+  .cui-label {
+    font-size: 72%;
+    white-space: normal;
+  }
+  .cui-label span,
+  .cui-label p,
+  .cui-label div {
+    font-size: 72%;
+  }
+}
+@media (min-width: 769px) and (max-width: 1529px) {
+  .cui-label {
+    font-size: 80%;
+    white-space: normal;
+  }
+  .cui-label span,
+  .cui-label p,
+  .cui-label div {
+    font-size: 80%;
+  }
+}
+@media (min-width: 1530px) {
+  .cui-label {
+    max-width: initial;
+    max-height: initial;
+    font-size: initial;
+    width: initial;
+    height: initial;
+    line-height: initial;
+    white-space: initial;
+  }
+}
+.cui-label {
+  font-weight: bold;
+}
+
+.cui-label.cui-main_options {
+  margin-left: 0.1rem;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 0.9rem;
+  color: var(--dark-blue);
+}
+
+.cui-label.cui-mode {
+  display: inline-block;
+  margin-left: 0.1rem;
+  font-size: 1rem;
+  font-weight: 700;
+  line-height: 0.9rem;
+  color: var(--dark-blue);
+}
+
+.cui-label.cui-breadcrumb {
+  margin-left: 0.1rem;
+  font-size: 0.9rem;
+  font-weight: 300;
+  line-height: 0.9rem;
+  color: var(--dark-blue);
+}
+
+.cui-label.cui-breadcrumb .breadcrumb-link {
+  text-decoration: none;
+  color: var(--dark-blue);
+}
+
+.cui-label.cui-breadcrumb .breadcrumb-link:hover {
+  text-decoration: underline;
+}
+
+.cui-label.cui-breadcrumb .breadcrumb-last {
+  font-weight: 300;
+  text-decoration: underline;
+}
+
+.cui-label.cui-mode .cui-icon {
+  font-size: 1rem;
+  margin-right: 0.5rem;
+  color: var(--dark-blue);
+}
+
+.cui-label.cui-added {
+  margin-left: 0.1rem;
+  font-size: 1rem;
+  font-weight: 700;
+  line-height: 0.9rem;
+  color: var(--dark-blue);
+}
+
+.cui-label.cui-adding {
+  margin-left: 0.1rem;
+  font-size: 0.9rem;
+  font-weight: 600;
+  line-height: 0.9rem;
+  color: var(--medium-gray-01);
+}
+
+.cui-label.cui-form_title {
+  margin-left: 0.1rem;
+  font-size: 0.9rem;
+  font-weight: 700;
+  line-height: 0.9rem;
+  color: var(--dark-blue);
+}
+
+.cui-label.cui-title {
+  margin-left: 0.1rem;
+  font-size: 1.2rem;
+  font-weight: 700;
+  line-height: 0.9rem;
+  color: var(--dark-blue);
+}
+
+.cui-label.cui-choose_operator_title {
+  font-size: 0.9rem;
+  font-weight: 300;
+  line-height: 0.9rem;
+  color: var(--dark-blue);
+  position: relative; /* Allows absolute positioning for the line */
+  padding-bottom: 0.5rem; /* Adds spacing between text and line */
+}
+
+.cui-label.cui-choose_operator_title::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 0.04rem; /* Thin line */
+  background-color: var(--dark-blue); /* Same as text color */
+}
+
+.cui-label.cui-choose_operator_title .cui-icon {
+  font-size: 0.9rem;
+  margin-right: 0.3rem;
+  color: var(--dark-blue); /* Ensures icon follows theme color */
+}
+
+.cui-label.cui-add_operator_title {
+  font-size: 0.9rem;
+  font-weight: 300;
+  line-height: 0.9rem;
+  color: var(--medium-gray-01);
+  position: relative; /* Allows absolute positioning for the line */
+  padding-bottom: 0.5rem; /* Adds spacing between text and line */
+}
+
+.cui-label.cui-add_operator_title::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 0.04rem; /* Thin line */
+  background-color: var(--medium-gray-01); /* Same as text color */
+}
+
+.cui-label.cui-add_operator_title .cui-icon {
+  font-size: 0.9rem;
+  margin-right: 0.3rem;
+  color: var(--medium-gray-01); /* Ensures icon follows theme color */
+}
+
+.cui-label.cui-add_operator_name {
+  padding: 0.5rem;
+  font-size: 0.75rem;
+  font-weight: 700;
+  line-height: 0.8rem;
+  color: var(--dark-blue);
+}
+
+.cui-content {
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/dist/esm/legacy/components/atoms/Label/Label.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import './Label.css';/* empty css           */
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+const Label = ({ title, type, iconPrev }) => {
+  return /* @__PURE__ */ jsxs("div", { className: `cui-label ${type ? type : ""}`, children: [
+    (type === "cui-choose_operator_title" || type === "cui-add_operator_title" || type === "cui-mode") && iconPrev && /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: iconPrev, className: "cui-icon" }),
+    title
+  ] });
+};
+export {
+  Label as default
+};
+//# sourceMappingURL=Label.js.map

package/dist/esm/legacy/components/atoms/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../../../../src/legacy/components/atoms/Label/Label.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react'\r\nimport './Label.scss'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core'\r\n\r\ntype Props = {\r\n  title: string\r\n  type:\r\n    | 'cui-main_options'\r\n    | 'cui-added'\r\n    | 'cui-adding'\r\n    | 'cui-form_title'\r\n    | 'cui-choose_operator_title'\r\n    | 'cui-add_operator_title'\r\n    | 'cui-choose_operator_name'\r\n    | 'cui-add_operator_name'\r\n    | 'cui-title'\r\n    | 'cui-mode'\r\n    | 'cui-breadcrumb'\r\n  iconPrev?: IconProp\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst Label = ({ title, type, iconPrev }: Props) => {\r\n  return (\r\n    <div className={`cui-label ${type ? type : ''}`}>\r\n      {/* Show the icon only if type is: */}\r\n      {(type === 'cui-choose_operator_title' ||\r\n        type === 'cui-add_operator_title' ||\r\n        type === 'cui-mode') &&\r\n        iconPrev && <FontAwesomeIcon icon={iconPrev} className=\"cui-icon\" />}\r\n      {title}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Label\r\n"],"names":[],"mappings":";;;AAuBA,MAAM,QAAQ,CAAC,EAAE,OAAO,MAAM,eAAsB;AAClD,8BACG,OAAA,EAAI,WAAW,aAAa,OAAO,OAAO,EAAE,IAEzC,UAAA;AAAA,KAAA,SAAS,+BACT,SAAS,4BACT,SAAS,eACT,YAAY,oBAAC,iBAAA,EAAgB,MAAM,UAAU,WAAU,WAAA,CAAW;AAAA,IACnE;AAAA,EAAA,GACH;AAEJ;"}