@nextelco/common-ui 2.1.98 → 2.1.100

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,36 @@
+import { jsx } from "react/jsx-runtime";
+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(
+    "input",
+    {
+      id,
+      type: "date",
+      value,
+      min,
+      max,
+      disabled,
+      onChange: (e) => onChange(e.target.value),
+      className: classes
+    }
+  );
+}
+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\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/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport function InputData({ value, onChange, disabled, id, min, max }: InputDataProps) {\r\n  return (\r\n    <input\r\n      id={id}\r\n      type=\"date\"\r\n      value={value}\r\n      min={min}\r\n      max={max}\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\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":";AAsBA,MAAM,UACJ;AAUK,SAAS,UAAU,EAAE,OAAO,UAAU,UAAU,IAAI,KAAK,OAAuB;AACrF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,MACxC,WAAW;AAAA,IAAA;AAAA,EAAA;AAGjB;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;"}

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

@@ -0,0 +1,40 @@
+.cui-multitag-container {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 45px;
+  background-color: var(--light-gray-01);
+  border-radius: 100px;
+  gap: 10px;
+  justify-content: space-between;
+  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
+}
+.cui-multitag-container.selected {
+  background-color: var(--dark-blue);
+}
+.cui-multitag-container .cui-icon {
+  margin-right: 20px;
+  cursor: pointer;
+}
+
+.cui-multitag-name-container {
+  flex: 1;
+  min-width: 0;
+  padding-left: 20px;
+}
+
+.cui-multitag-name {
+  color: var(--dark-blue);
+  font-family: var(--primary-font);
+  font-size: 16px;
+  width: 100%;
+  max-width: 100%;
+  text-wrap: nowrap;
+  text-align: start;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.cui-multitag-name.selected {
+  color: var(--almost-white);
+}

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

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import './MultiTagPickerTag.css';/* empty css                       */
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faMinus, faPlus } from "@fortawesome/free-solid-svg-icons";
+const Select = (props) => {
+  const { id, label, selected, handleTagChange } = props;
+  if (selected)
+    return /* @__PURE__ */ jsxs("div", { title: label, className: "cui-multitag-container selected", children: [
+      /* @__PURE__ */ jsx("div", { className: "cui-multitag-name-container", children: /* @__PURE__ */ jsx("p", { className: "cui-multitag-name selected", children: label }) }),
+      /* @__PURE__ */ jsx(FontAwesomeIcon, { size: "xl", icon: faMinus, className: "cui-icon", color: "#F8F8F8", onClick: () => handleTagChange(false) })
+    ] });
+  else
+    return /* @__PURE__ */ jsxs("div", { title: label, className: "cui-multitag-container", children: [
+      /* @__PURE__ */ jsx("div", { className: "cui-multitag-name-container", children: /* @__PURE__ */ jsx("p", { className: "cui-multitag-name", children: label }) }),
+      /* @__PURE__ */ jsx(FontAwesomeIcon, { size: "xl", icon: faPlus, className: "cui-icon", color: "#010060", onClick: () => handleTagChange(true) })
+    ] });
+};
+export {
+  Select as default
+};
+//# sourceMappingURL=MultiTagPickerTag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiTagPickerTag.js","sources":["../../../../../../src/legacy/components/atoms/MultiTagPickerTag/MultiTagPickerTag.tsx"],"sourcesContent":["import React from 'react'\r\nimport './MultiTagPickerTag.scss'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faMinus, faPlus } from '@fortawesome/free-solid-svg-icons'\r\n\r\ninterface TagProps {\r\n    id: string,\r\n    label: string,\r\n    selected: boolean,\r\n    handleTagChange: (changedTo: boolean) => void\r\n}\r\n\r\nconst Select: React.FC<TagProps> = (props: TagProps) => {\r\n\r\n    const { id, label, selected, handleTagChange } = props\r\n\r\n    if (selected)\r\n        return (\r\n            <div title={label} className='cui-multitag-container selected'>\r\n                <div className='cui-multitag-name-container'>\r\n                    <p className='cui-multitag-name selected'>{label}</p>\r\n                </div>\r\n                <FontAwesomeIcon size='xl' icon={faMinus} className=\"cui-icon\" color='#F8F8F8' onClick={() => handleTagChange(false)}/>\r\n            </div>\r\n        )\r\n    else\r\n        return (\r\n            <div title={label} className=\"cui-multitag-container\">\r\n                <div className='cui-multitag-name-container'>\r\n                    <p className='cui-multitag-name'>{label}</p>\r\n                </div>\r\n                <FontAwesomeIcon size='xl' icon={faPlus} className=\"cui-icon\" color='#010060' onClick={() => handleTagChange(true)}/>\r\n            </div>\r\n        )\r\n}\r\n\r\nexport default Select\r\n"],"names":[],"mappings":";;;;AAYA,MAAM,SAA6B,CAAC,UAAoB;AAEpD,QAAM,EAAE,IAAI,OAAO,UAAU,oBAAoB;AAEjD,MAAI;AACA,WACI,qBAAC,OAAA,EAAI,OAAO,OAAO,WAAU,mCACzB,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,+BACX,UAAA,oBAAC,OAAE,WAAU,8BAA8B,iBAAM,EAAA,CACrD;AAAA,MACA,oBAAC,iBAAA,EAAgB,MAAK,MAAK,MAAM,SAAS,WAAU,YAAW,OAAM,WAAU,SAAS,MAAM,gBAAgB,KAAK,EAAA,CAAE;AAAA,IAAA,GACzH;AAAA;AAGJ,WACI,qBAAC,OAAA,EAAI,OAAO,OAAO,WAAU,0BACzB,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,+BACX,UAAA,oBAAC,OAAE,WAAU,qBAAqB,iBAAM,EAAA,CAC5C;AAAA,MACA,oBAAC,iBAAA,EAAgB,MAAK,MAAK,MAAM,QAAQ,WAAU,YAAW,OAAM,WAAU,SAAS,MAAM,gBAAgB,IAAI,EAAA,CAAE;AAAA,IAAA,GACvH;AAEZ;"}

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

@@ -0,0 +1,16 @@
+.cui-select {
+  padding: clamp(6px, 1vw, 8px);
+  border: 1px solid var(--light-gray-02);
+  border-radius: clamp(8px, 2vw, 12px);
+  font-size: clamp(14px, 1.5vw, 16px);
+  background-color: var(--almost-white);
+  cursor: pointer;
+  width: 100%; /* Takes full width of container */
+  max-width: clamp(150px, 20vw, 300px); /* Optional max-width constraint */
+  box-sizing: border-box; /* Ensures padding/border don't add to width */
+}
+
+.cui-select:disabled {
+  background-color: var(--almost-gray);
+  cursor: not-allowed;
+}

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

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import './Select.css';/* empty css            */
+const Select = ({
+  placeholder,
+  options,
+  value,
+  onChange,
+  disabled = false
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "select",
+    {
+      value,
+      onChange: (e) => onChange(e.target.value),
+      disabled,
+      className: "cui-select",
+      children: [
+        /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: placeholder }),
+        options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+      ]
+    }
+  );
+};
+export {
+  Select as default
+};
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../../../../src/legacy/components/atoms/Select/Select.tsx"],"sourcesContent":["import React from 'react'\r\nimport './Select.scss'\r\n\r\ninterface SelectOption {\r\n  value: string\r\n  label: string\r\n}\r\n\r\ninterface SelectProps {\r\n  placeholder: string\r\n  options: SelectOption[]\r\n  value: string\r\n  onChange: (value: string) => 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 Select: React.FC<SelectProps> = ({\r\n  placeholder,\r\n  options,\r\n  value,\r\n  onChange,\r\n  disabled = false,\r\n}) => {\r\n  return (\r\n    <select\r\n      value={value}\r\n      onChange={(e) => onChange(e.target.value)}\r\n      disabled={disabled}\r\n      className=\"cui-select\"\r\n    >\r\n      <option value=\"\" disabled>\r\n        {placeholder}\r\n      </option>\r\n      {options.map((option) => (\r\n        <option key={option.value} value={option.value}>\r\n          {option.label}\r\n        </option>\r\n      ))}\r\n    </select>\r\n  )\r\n}\r\n\r\nexport default Select\r\n"],"names":[],"mappings":";;AAiBA,MAAM,SAAgC,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,MAAM;AACJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,MACxC;AAAA,MACA,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,UAAA,EAAO,OAAM,IAAG,UAAQ,MACtB,UAAA,aACH;AAAA,QACC,QAAQ,IAAI,CAAC,WACZ,oBAAC,UAAA,EAA0B,OAAO,OAAO,OACtC,UAAA,OAAO,MAAA,GADG,OAAO,KAEpB,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+const Stack = ({
+  children,
+  spacing = 2,
+  direction = "row",
+  wrap = false
+}) => {
+  const style = {
+    display: "flex",
+    gap: `${spacing * 0.25}rem`,
+    flexDirection: direction,
+    flexWrap: wrap ? "wrap" : "nowrap",
+    justifyContent: "center"
+  };
+  return /* @__PURE__ */ jsx("div", { style, children });
+};
+export {
+  Stack as default
+};
+//# sourceMappingURL=Stack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sources":["../../../../../../src/legacy/components/atoms/Stack/Stack.tsx"],"sourcesContent":["import React, { CSSProperties, PropsWithChildren } from 'react'\r\n\r\ntype Props = PropsWithChildren<{\r\n  spacing?: number\r\n  direction: 'row' | 'column'\r\n  wrap: boolean\r\n}>\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst Stack = ({\r\n  children,\r\n  spacing = 2,\r\n  direction = 'row',\r\n  wrap = false,\r\n}: Props) => {\r\n  const style: CSSProperties = {\r\n    display: 'flex',\r\n    gap: `${spacing * 0.25}rem`,\r\n    flexDirection: direction,\r\n    flexWrap: wrap ? 'wrap' : 'nowrap',\r\n    justifyContent: 'center',\r\n  }\r\n\r\n  return <div style={style}>{children}</div>\r\n}\r\n\r\nexport default Stack\r\n"],"names":[],"mappings":";AASA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AACT,MAAa;AACX,QAAM,QAAuB;AAAA,IAC3B,SAAS;AAAA,IACT,KAAK,GAAG,UAAU,IAAI;AAAA,IACtB,eAAe;AAAA,IACf,UAAU,OAAO,SAAS;AAAA,IAC1B,gBAAgB;AAAA,EAAA;AAGlB,SAAO,oBAAC,OAAA,EAAI,OAAe,SAAA,CAAS;AACtC;"}

package/dist/esm/legacy/components/atoms/Switch/CustomSwitch.css

@@ -0,0 +1,36 @@
+.cui-container {
+  color: var(--dark-blue);
+  display: flex;
+  align-items: center;
+}
+.cui-container .cui-label {
+  white-space: nowrap;
+}
+
+.cui-switch {
+  display: inline-block;
+}
+
+.cui-switch-size-default {
+  font-size: 0.95rem;
+  gap: 0.4rem;
+}
+.cui-switch-size-default .cui-switch {
+  transform: scale(1);
+}
+
+.cui-switch-size-compact {
+  font-size: 0.85rem;
+  gap: 0.2rem;
+}
+.cui-switch-size-compact .cui-switch {
+  transform: scale(0.85);
+}
+
+.cui-switch-size-large {
+  font-size: 1.1rem;
+  gap: 0.7rem;
+}
+.cui-switch-size-large .cui-switch {
+  transform: scale(1.15);
+}