sgc-coppel-ui 0.1.0

package/README.md

@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/components/atoms/CopelIcon/CopelIcon.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface CopelIconProps {
+    icon: string;
+    className?: string;
+    onClick?: (event: React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLSpanElement>) => void;
+    children?: React.ReactNode;
+    ariaLabel?: string;
+    /** Si es decorativo, se ocultará de screen readers */
+    decorative?: boolean;
+    /** Tamaño del icono para mejor accesibilidad */
+    size?: 'small' | 'medium' | 'large';
+}
+export declare const CopelIcon: React.FC<CopelIconProps>;
+export default CopelIcon;

package/dist/components/atoms/CopelLogo/CopelLogo.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export interface CopelLogoProps {
+    /** Tamaño del logo */
+    size?: 'small' | 'medium' | 'large' | 'xlarge' | 'responsive';
+    /** Texto alternativo para accesibilidad */
+    alt?: string;
+    /** Clase CSS adicional */
+    className?: string;
+    /** Si el logo es clickeable */
+    onClick?: () => void;
+    /** Título que aparece al hacer hover */
+    title?: string;
+    /** Mostrar como enlace */
+    href?: string;
+    /** Abrir enlace en nueva pestaña */
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    /** Variante del logo (normal, white, dark) */
+    variant?: 'normal' | 'white' | 'dark';
+    /** Lazy loading de la imagen */
+    loading?: 'lazy' | 'eager';
+    /** Prioridad de carga para optimización */
+    priority?: boolean;
+}
+export declare const CopelLogo: React.FC<CopelLogoProps>;
+export default CopelLogo;

package/dist/components/atoms/CopelSEOHead/CopelSEOHead.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+interface CopelSEOHeadProps {
+    title?: string;
+    description?: string;
+    keywords?: string;
+    author?: string;
+    image?: string;
+    url?: string;
+    type?: string;
+    siteName?: string;
+    locale?: string;
+    twitterCard?: 'summary' | 'summary_large_image' | 'app' | 'player';
+    noIndex?: boolean;
+    canonical?: string;
+}
+declare const CopelSEOHead: React.FC<CopelSEOHeadProps>;
+export default CopelSEOHead;

package/dist/components/molecules/CopelDialogoGenerico/CopelDialogoGenerico.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+interface CopelDialogoGenericoProps {
+    icon?: string;
+    dialogTitle?: string;
+    title?: string;
+    titleCenter?: boolean;
+    message?: string;
+    messageCenter?: boolean;
+    onAccept?: () => void;
+    acceptLabel?: string;
+    cancelLabel?: string;
+    onReject?: () => void;
+    rejectLabel?: string;
+    showRejectButton?: boolean;
+    position?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    isVisible: boolean;
+    onHide: () => void;
+    styles?: React.CSSProperties;
+    iconStyle?: React.CSSProperties;
+    confirmation?: boolean;
+    children?: React.ReactNode;
+    dialogHeaderClassName?: string;
+    hideCancel?: boolean;
+}
+export default function CopelDialogoGenerico({ icon, dialogTitle, title, titleCenter, message, acceptLabel, cancelLabel, rejectLabel, onAccept, onReject, showRejectButton, position, isVisible, onHide, styles, iconStyle, confirmation, children, dialogHeaderClassName, hideCancel, }: CopelDialogoGenericoProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/organisms/Comparador/ComparadorModal.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { SupplierItem } from '../../../types/Supplier-items-interfaces';
+interface ComparadorModalProps {
+    productosComparar: SupplierItem[];
+    onRemoveProduct: (producto: SupplierItem) => void;
+    onMoverProducto: (from: number, to: number) => void;
+    onLimpiarTodo: () => void;
+    onComparar: () => void;
+    maxProducts?: number;
+}
+declare const ComparadorModal: React.FC<ComparadorModalProps>;
+export default ComparadorModal;

package/dist/components/organisms/CopelFooter/CopelFooter.d.ts

@@ -0,0 +1,5 @@
+interface CopelFooterProps {
+    isSticky?: boolean;
+}
+declare const CopelFooter: React.FC<CopelFooterProps>;
+export default CopelFooter;

package/dist/components/organisms/CopelFooter/FooterStyles.d.ts

@@ -0,0 +1,31 @@
+export declare const irArribaStyle: {
+    width: string;
+    height: string;
+    angle: string;
+    opacity: number;
+    display: string;
+    justifyContent: string;
+    alignContent: string;
+    color: string;
+    flexWrap: string;
+    background: string;
+    gap: string;
+    cursor: string;
+};
+export declare const FooterHomeStyle: {
+    display: string;
+    justifyContent: string;
+    alignContent: string;
+    angle: string;
+    opacity: number;
+    gap: number;
+    background: string;
+};
+export declare const FooterHomeGridStyle: {
+    width: string;
+    padding: string;
+    display: string;
+    gridTemplateColumns: string;
+    color: string;
+    listStyle: string;
+};

package/dist/components/organisms/CopelFooter/footer-1/footer-1.d.ts

@@ -0,0 +1 @@
+export default function Footer1Component(): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/CopelFooter/footer-2/footer-2.d.ts

@@ -0,0 +1 @@
+export default function Footer2Component(): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/CopelFooter/footer-inner/footer-inner.d.ts

@@ -0,0 +1 @@
+export default function FooterInner(): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/CopelMenuComponent/CopelMenuComponent.d.ts

@@ -0,0 +1,2 @@
+declare const CopelMenuComponent: React.FC;
+export default CopelMenuComponent;

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export * from './components/atoms/CopelLogo/CopelLogo';
+export * from './components/atoms/CopelIcon/CopelIcon';
+export * from './components/atoms/CopelSEOHead/CopelSEOHead';
+export * from './components/molecules/CopelDialogoGenerico/CopelDialogoGenerico';
+export * from './components/organisms/CopelMenuComponent/CopelMenuComponent';
+export * from './components/organisms/CopelFooter/CopelFooter';
+export * from './components/organisms/Comparador/ComparadorModal';

package/dist/sgc-coppel-ui.css

@@ -0,0 +1,2 @@
+.coppel-logo{line-height:0;transition:all .3s;display:inline-block}.coppel-logo__image{object-fit:contain;opacity:0;height:auto;transition:opacity .3s,filter .3s;display:block}.coppel-logo__fallback{color:#333;background:0 0;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;padding:.5rem 1rem;font-family:system-ui,-apple-system,sans-serif;font-weight:600;display:flex}.coppel-logo__text{letter-spacing:.05em;font-size:1.2rem}.coppel-logo--loaded .coppel-logo__image,.coppel-logo--error .coppel-logo__fallback{opacity:1}.coppel-logo--small{width:80px;height:32px}.coppel-logo--small .coppel-logo__fallback{height:32px;padding:.25rem .5rem;font-size:.8rem}.coppel-logo--medium{width:120px;height:48px}.coppel-logo--medium .coppel-logo__fallback{height:48px;padding:.5rem .75rem;font-size:1rem}.coppel-logo--large{width:160px;height:64px}.coppel-logo--large .coppel-logo__fallback{height:64px;padding:.75rem 1rem;font-size:1.25rem}.coppel-logo--xlarge{width:280px;height:112px}.coppel-logo--xlarge .coppel-logo__fallback{height:112px;padding:1.5rem 2rem;font-size:2rem}.coppel-logo--responsive{width:100%;min-width:80px;max-width:200px;height:auto}.coppel-logo--responsive .coppel-logo__fallback{height:auto;min-height:32px;padding:.5rem 1rem;font-size:clamp(.8rem,2vw,1.2rem)}@media (max-width:768px){.coppel-logo--responsive{max-width:120px}}@media (max-width:480px){.coppel-logo--responsive{max-width:100px}}.coppel-logo--white .coppel-logo__fallback{color:#fff;background:0 0;border:1px solid #ffffff4d}.coppel-logo--dark .coppel-logo__fallback{color:#333;background:0 0;border:1px solid #0003}.coppel-logo--clickable{cursor:pointer}.coppel-logo--clickable:hover{filter:brightness(1.05);transform:translateY(-1px)}.coppel-logo--clickable:active{filter:brightness(.95);transform:translateY(0)}.coppel-logo--clickable:focus{outline-offset:2px;border-radius:4px;outline:2px solid #007bff}.coppel-logo--clickable:focus-visible{outline-offset:2px;outline:2px solid #007bff}.coppel-logo--clickable:focus:not(:focus-visible){outline:none}.coppel-logo button.coppel-logo{background:0 0;border:none;margin:0;padding:0}.coppel-logo button.coppel-logo:disabled{opacity:.6;cursor:not-allowed}.coppel-logo button.coppel-logo:disabled:hover{filter:none;transform:none}.coppel-logo a.coppel-logo{color:inherit;text-decoration:none}.coppel-logo a.coppel-logo:visited{color:inherit}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.coppel-logo--loaded{animation:.3s ease-out fadeIn}@media (prefers-contrast:high){.coppel-logo__fallback{border:2px solid}}@media (prefers-reduced-motion:reduce){.coppel-logo,.coppel-logo__image,.coppel-logo__fallback{transition:none;animation:none}.coppel-logo--clickable:hover{transform:none}}@media (prefers-color-scheme:dark){.coppel-logo--normal .coppel-logo__fallback{color:#fff;background:0 0;border:1px solid #ffffff4d}}.coppel-logo-container{align-items:center;gap:.5rem;display:flex}.coppel-logo-container--center{justify-content:center}.coppel-logo-container--start{justify-content:flex-start}.coppel-logo-container--end{justify-content:flex-end}.coppel-logo-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite loading;display:inline-block}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.coppel-logo-placeholder{background:#f0f0f0;animation:none}}.icon-small{font-size:1rem}.icon-medium{font-size:1.5rem}.icon-large{font-size:2rem}.icon-interactive{transition:opacity .2s ease-in-out}.icon-interactive:hover{opacity:.7}.icon-interactive:active{opacity:.5}.cursor-pointer{cursor:pointer}
+/*$vite$:1*/

package/dist/sgc-coppel-ui.js

@@ -0,0 +1,272 @@
+import { useState } from "react";
+Object.create, Object.defineProperty, Object.getOwnPropertyDescriptor, Object.getOwnPropertyNames, Object.getPrototypeOf, Object.prototype.hasOwnProperty;
+var __commonJSMin = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), __require = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function.");
+}), coppel_default = "data:image/png;base64,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", require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((e) => {
+	var t = Symbol.for("react.transitional.element");
+	function n(e, n, r) {
+		var i = null;
+		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
+		else r = n;
+		return n = r.ref, {
+			$$typeof: t,
+			type: e,
+			key: i,
+			ref: n === void 0 ? null : n,
+			props: r
+		};
+	}
+	e.jsx = n;
+})), require_react_jsx_runtime_development = /* @__PURE__ */ __commonJSMin(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function t(e) {
+			if (e == null) return null;
+			if (typeof e == "function") return e.$$typeof === k ? null : e.displayName || e.name || null;
+			if (typeof e == "string") return e;
+			switch (e) {
+				case v: return "Fragment";
+				case b: return "Profiler";
+				case y: return "StrictMode";
+				case w: return "Suspense";
+				case T: return "SuspenseList";
+				case O: return "Activity";
+			}
+			if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
+				case _: return "Portal";
+				case S: return e.displayName || "Context";
+				case x: return (e._context.displayName || "Context") + ".Consumer";
+				case C:
+					var n = e.render;
+					return e = e.displayName, e ||= (e = n.displayName || n.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
+				case E: return n = e.displayName || null, n === null ? t(e.type) || "Memo" : n;
+				case D:
+					n = e._payload, e = e._init;
+					try {
+						return t(e(n));
+					} catch {}
+			}
+			return null;
+		}
+		function r(e) {
+			return "" + e;
+		}
+		function i(e) {
+			try {
+				r(e);
+				var t = !1;
+			} catch {
+				t = !0;
+			}
+			if (t) {
+				t = console;
+				var n = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+				return n.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), r(e);
+			}
+		}
+		function a(e) {
+			if (e === v) return "<>";
+			if (typeof e == "object" && e && e.$$typeof === D) return "<...>";
+			try {
+				var n = t(e);
+				return n ? "<" + n + ">" : "<...>";
+			} catch {
+				return "<...>";
+			}
+		}
+		function o() {
+			var e = A.A;
+			return e === null ? null : e.getOwner();
+		}
+		function s() {
+			return Error("react-stack-top-frame");
+		}
+		function c(e) {
+			if (j.call(e, "key")) {
+				var t = Object.getOwnPropertyDescriptor(e, "key").get;
+				if (t && t.isReactWarning) return !1;
+			}
+			return e.key !== void 0;
+		}
+		function l(e, t) {
+			function n() {
+				P || (P = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", t));
+			}
+			n.isReactWarning = !0, Object.defineProperty(e, "key", {
+				get: n,
+				configurable: !0
+			});
+		}
+		function u() {
+			var e = t(this.type);
+			return F[e] || (F[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
+		}
+		function d(e, t, n, r, i, a) {
+			var o = n.ref;
+			return e = {
+				$$typeof: g,
+				type: e,
+				key: t,
+				props: n,
+				_owner: r
+			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				value: null
+			}) : Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				get: u
+			}), e._store = {}, Object.defineProperty(e._store, "validated", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: 0
+			}), Object.defineProperty(e, "_debugInfo", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: null
+			}), Object.defineProperty(e, "_debugStack", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: i
+			}), Object.defineProperty(e, "_debugTask", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: a
+			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+		}
+		function f(e, n, r, a, s, u) {
+			var f = n.children;
+			if (f !== void 0) if (a) if (M(f)) {
+				for (a = 0; a < f.length; a++) p(f[a]);
+				Object.freeze && Object.freeze(f);
+			} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+			else p(f);
+			if (j.call(n, "key")) {
+				f = t(e);
+				var m = Object.keys(n).filter(function(e) {
+					return e !== "key";
+				});
+				a = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", R[f + a] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", a, f, m, f), R[f + a] = !0);
+			}
+			if (f = null, r !== void 0 && (i(r), f = "" + r), c(n) && (i(n.key), f = "" + n.key), "key" in n) for (var h in r = {}, n) h !== "key" && (r[h] = n[h]);
+			else r = n;
+			return f && l(r, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), d(e, f, r, o(), s, u);
+		}
+		function p(e) {
+			m(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === D && (e._payload.status === "fulfilled" ? m(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+		}
+		function m(e) {
+			return typeof e == "object" && !!e && e.$$typeof === g;
+		}
+		var h = __require("react"), g = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), S = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), A = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, M = Array.isArray, N = console.createTask ? console.createTask : function() {
+			return null;
+		};
+		h = { react_stack_bottom_frame: function(e) {
+			return e();
+		} };
+		var P, F = {}, I = h.react_stack_bottom_frame.bind(h, s)(), L = N(a(s)), R = {};
+		e.Fragment = v, e.jsx = function(e, t, n) {
+			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
+			return f(e, t, n, !1, r ? Error("react-stack-top-frame") : I, r ? N(a(e)) : L);
+		}, e.jsxs = function(e, t, n) {
+			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
+			return f(e, t, n, !0, r ? Error("react-stack-top-frame") : I, r ? N(a(e)) : L);
+		};
+	})();
+})), import_jsx_runtime = (/* @__PURE__ */ __commonJSMin(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = require_react_jsx_runtime_production() : t.exports = require_react_jsx_runtime_development();
+})))();
+const CopelLogo = ({ size: t = "medium", alt: n = "Coppel Logo", className: i = "", onClick: a, title: s = "Coppel", href: c, target: l = "_self", variant: u = "normal", loading: d = "lazy", priority: f = !1 }) => {
+	let [p, m] = useState(!1), [h, g] = useState(!1), _ = () => {
+		switch (u) {
+			case "white": return coppel_default;
+			case "dark": return coppel_default;
+			default: return coppel_default;
+		}
+	}, v = () => {
+		m(!0);
+	}, y = () => {
+		g(!0);
+	}, b = (e) => {
+		a && (e.preventDefault(), a());
+	}, x = (e) => {
+		a && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
+	}, S = [
+		"coppel-logo",
+		`coppel-logo--${t}`,
+		`coppel-logo--${u}`,
+		i,
+		a || c ? "coppel-logo--clickable" : "",
+		h ? "coppel-logo--loaded" : "",
+		p ? "coppel-logo--error" : ""
+	].filter(Boolean).join(" "), C = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+		src: p ? coppel_default : _(),
+		alt: n,
+		title: s,
+		className: "coppel-logo__image",
+		onError: v,
+		onLoad: y,
+		loading: f ? "eager" : d,
+		draggable: "false"
+	}), w = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "coppel-logo__fallback",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "coppel-logo__text",
+			children: "Coppel"
+		})
+	}), T = p && !_() ? w : C;
+	return c ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+		href: c,
+		target: l,
+		rel: l === "_blank" ? "noopener noreferrer" : void 0,
+		className: S,
+		title: s,
+		"aria-label": `${n} - ${s}`,
+		children: T
+	}) : a ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		type: "button",
+		onClick: b,
+		onKeyDown: x,
+		className: S,
+		title: s,
+		"aria-label": `${n} - ${s}`,
+		children: T
+	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: S,
+		title: s,
+		children: T
+	});
+}, CopelIcon = ({ icon: e = "", className: t = "", onClick: n, children: r, ariaLabel: i = "", decorative: a = !1, size: s = "medium" }) => {
+	let c = !!n, l = (e) => {
+		n && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), n(e));
+	}, u = e ? `clt-${e}` : "", d = {
+		small: "icon-small",
+		medium: "icon-medium",
+		large: "icon-large"
+	}, f = a ? { "aria-hidden": "true" } : { "aria-label": i || (typeof r == "string" ? void 0 : e) }, p = `${u} ${d[s]} ${t}`.trim();
+	return c ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		type: "button",
+		"data-testid": "icon-element",
+		className: `${p} icon-interactive cursor-pointer`,
+		onClick: n,
+		onKeyDown: l,
+		style: {
+			background: "none",
+			border: "none",
+			padding: 0,
+			font: "inherit",
+			cursor: "pointer"
+		},
+		...!a && { "aria-label": i || e },
+		children: r
+	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		"data-testid": "icon-element",
+		className: p,
+		...f,
+		children: r
+	});
+};
+export { CopelIcon, CopelLogo };

package/dist/sgc-coppel-ui.umd.cjs

@@ -0,0 +1,6 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`)):typeof define==`function`&&define.amd?define([`exports`,`react`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.SgcCoppelUi={},e.React))})(this,function(e,t){var n=Object.create,r=Object.defineProperty,i=Object.getOwnPropertyDescriptor,a=Object.getOwnPropertyNames,o=Object.getPrototypeOf,s=Object.prototype.hasOwnProperty,c=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),l=(e,t,n,o)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var c=a(t),l=0,u=c.length,d;l<u;l++)d=c[l],!s.call(e,d)&&d!==n&&r(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(o=i(t,d))||o.enumerable});return e};t=((e,t,i)=>(i=e==null?{}:n(o(e)),l(t||!e||!e.__esModule?r(i,`default`,{value:e,enumerable:!0}):i,e)))(t);var u=`data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOkAAAAwCAYAAAD0Bl0EAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAt6SURBVHgB7Z1rUiO7FYCPPObfTV17BRFVkEp+5GJWMM0KLrMCzAoGVjDtFTCsALMCZlbgzgp43JtKqi4pOiuwCfdXMFbO6Vbjpmm9+gEO6KvS2LglnZZaR4+jox4GnlYQQvTwYxfDFoYAA/3Nc1FiGS4w/I0x9g087xJsKwNI20oZvl00DVZ4gGEi3JliOMHAwfOuwGc+1LSLYQc8jZApJ36lEIA7NNIOMdx4ZfXk8UpaE5rWYjiC6spZxpDyw3x3wfPu8UpaAznanWM4gObhGM5QxhfwvGu8klZEKiiNnhzaJfSK+r7pgseZigoaY5jJkFl6e5ZpSVFv0QL8FTwejxkH6y3FOxDpdkxZPgNp2buxzG8AnjeHMFh3weMGVtpnC2W6wRA45hta5HsOnjeHV9IGwQrjwjzqTYRi5LTIn0bWqSH/NoxUnlfEK2mDiHT/UscZ1ESk+606plU7Ac9qYlJSa8PR9PzPHLpzDoJxYCJOfvxhftFfj2fwfgg012IM+1ATNA5F+GBG+FVl0e3J+7B2FxPpWpbS/BGWxqp/Q+qSGKFM62coNE4WmE9ciBvgB8nekj/NMrlUTqgvc5a/d9l55cuaybyEtJwxNIS8pwBSA2AmK6vTiyZlaZn+shHcXm0cza42b2ZXG0IRJtOrzeH0H6jEbxhDbydEg0YdkTpI6Ka9E8s8vgjz9Jk4E5ZraKExmuXi2BjDbuT9cQuZ2npwKOu5qDl9lGWbCDMTW1nCMJKyskSkcOx+Tl40Dh4vLMYMj/tb129ymwDLdgKpJ1AZ37HnbNQ7SKTeRkrFR3mhJu1n/KDrrtPiMYaRbhSQihEoLvcxnIGb51UsZY5BLVMoLkWQzl6qbIftuIx2Iu3ETsB9Xzw2yZLKfKK4vP9MSWn0ZCKp6Krrnkisdff7f/lnDG8IrMgbUD+gT6tyikWkLop1jEsxaBqVQUlpqld1RhGizJFCpkpJY/nJwR2aBlM5L0wRZadXd/AZoqxTRf5D0CjpE4+j//z6pz1UUHoIdQwTAbt/mLyl6a9I1zpccXm2QgpKD7qu9ZdjoGlhFWWrM+UPhbtnFYfqHl/0TCemcsp7amJ2OMa89qACj0o6/fvmYLFYjKERBGfz+dn0hr8VK6TuQRp74pdANqYhNAM9tzPx8lbkUDjuL9dEW0655AihOb5W6fwS6y4pE7uD2tsHTxAw6Nx1qeEc6qIlinz3IUisxkQHLvp/vY7AkiT9791Bkp4qmyzPf3iIXtDqHMMrI1LjS2gRNXNLJLghLl2nkfkTVCeCZf1kllduSEMy16EaMykzX8bAkIbi0OwjzP8o6/TIkDY5sA/LjprSfNTITDoFcCxfoqSd37ufBTR/fhEXEgc47T0uW5+SciVy75IKQuVaJkJrcowfo/5Pv411+d/+sonpRZikp4RJHvjPXRevbYSLH+bHDSkrh9XmxHA9gtQ4E2U/yEY4BPVWD7FLI5vLdomEpv+HZetauf4imVyRltMIVmEJQevZr8XtpFwHpptqkhdZMe2e5h4p3kjlSy1H4CNFeirfgYsfdmd6ztF8zYbQFvP7Z2ukxHp8t4brHpUFEqfLIE5urzaVje/2180TqlhQrJ8pb5LR0JT7pUZlZ8RyD1QFNaadoqKRAkkLMfXqsSa96zqK5H1SGZ6kFXfHIPMzuLFPZSnb75XlHIJ+Dzs7cJ9nqIibGZyUSiY7mB1QtxunOu3Ah7VdaGEUzWCC7RUVhdarNjJxdB/SPm3xd/pNLGz2oFDZ77pNTON1SsrhdRlqrn3TbdUQUpl0DXjXYW0am+RZyhw4yNRu3+RkUpxjTZQg+yLXxRzU8ox2CFlGlbyBy9q7gyPWz9Au6ZpRQo4PtF61TSynzPwxPX4XbhbMgLaVoB6x5pqzIaBhtjTXtPaADDnKniouZ2tJG0aW8TKZEahlcrBjDPaEoO5wP+a+74KaI2EJ6JcS1u2mg0s4Dm2zWN4QdgruZuj/zofL7/cuCprKFFDr0LTsFVUPt/fCFskigeJ3Vze4seaabYNyXUeeQj2ZTmWU0+FIcbmXG711HV9TWMvouIxqVekwlr+hWvtv7GlezulroJviNP7mBJG6unFVyOJosrgEN3Tls5l6xszBBzhLA/VwLaMpTa/w2SbcNuJrvD7FuQIYgx9zf3Fwp4lK/665FjQ5morlu5NuFCEzqDXWmCooWNtweD1eQkmtISVt/eEs2OI292dNecK4aC+hiTKODfmY9tRcIOsm11xPpomGqd6P4ICof0CgSsPWpYnBjFMZJTYzsZXqsHCflHrQlj1LFk96aVKyABwQTDxOUXA5fokj665TepFsONeCRhpsyDSaqtbUZLE7wnhWxhoVco9Nt+6O4enaj/7mJfEoH5ejc3W9qnoV9lR1RssYzLiWkVCWM9fpXSriUT3oZlQuxLYRu9SAWdvGo85ysS4YmrCF4/tp52tfH78vumP4MHdbAzbnWxuCfo+L3mcEVRU1d9JCx2lhakoNh5fE6zlumuvq1Hb2QnUT2UQUy/OYKmIw49QxSEcKrrh8Ufhe9pw5lDhMtA1ZdyNol1nezU9+j2wTY5sf9beXHkv0nY7E2aZnwMYmzyXrvPR7XxmkqDfC8Q308qTFBAxTwJJ9SN0s4YuwO6+p8wByOcA8dFibqzxyiNhB5ollGSmOriPK16OqU6Jno5vlFGWeaILDFszDPY0yrfUMqCTPRjHxMP+EVmVj74xj0ml/6zos/t7f+teBlaKijMXDfa3pZwkhmHt5Dsv/LiJQRZIW3ESpwe6kRdnUbgya7SFIT3oEoJZPyhKCGusOUXImNIedpUxyMNEtWVymlBzSMnJQyySFMJ05fWyncmRWtc8vNgomlgceykJg4xDxeD/0z/RyI8Qpb+PbCIR46K7nR8I8iVxge7iRyQuXZqigh6YRkBwjkj3QsvQCjssUvAly1leXtXwkP2NYHrHiYM9I5c2D90O/m55fBGnjzxSaDChDMI/c6wVZtv+dBjV6MnDFUiaH1GHgAMz1tp4fSaVjgA3jnEyClImmrSYbBu237uR/EPoznkQI6dIjLqSjstGz0I24+3kvKWFz6Jv8d1ln7byksdcimapaKEriEZSdgnmAi/72b9a9zLP0dApmPsc82j0Fk+udXRS1KkoFlfdC90CdBodm2S+63DkoaVWeldVBSauyrjgMQHVqGjWprcbyO7eIX9bxDcHmzQzT880B+yCaa3Q41extXW/DG0YqKk3dOLSHVkFz98LBfXR3ltuykj5rwFJmm0qqm6FwaLZOaeDYLhl9h2DzZgYavWiKCU0gWCwW3TrnEP8vkOsK04mOqtADPbRRUHkvMehPXrhwaiu3QWJI7/8l0Zaz4TolDpmbq2bCE48jWgPiFskOKRlUJxKL+23VOvStIY9CUe9PRp0YmiGCtMe1MSbl74U6je2a9zGSR7uqcArViMDxxWCS/FTTFatyNlSnpOQ7zOK0ThnP3AJpi0QsPuwIwVwrnIw1h72frnfaXg+uIrlzknWUNYL0YVZpsNl9ZJ3GyPE+Iik7hIrIRk9ybZ9/NluoWt6k8YNb5xCBYzlzI6qrpRtkmnXmfnB+KV93MXkhducBLbBolVMblSJUzu+wmI/fo3KqkNseFMiiyaF83RpD2mjIw2Xc9CZ5zmHgZ/lZXFvRKEH7g98cHAKUa1LMgxXkkmV1UJCbnUQhuVZl1qxJH62yUiZZVD/Cc+NNDKll+1sdZcnJCaC8bASVJ/NMsi1fAGonmVMGlpAFGLrLc6EwJ+H3sVdMe/J7eVVHypryqUH16si3UVKN3FmVjshGSVUyX6Kec8+1Uvk8nkYRFm+wb0Gmigm8A/z/9O3xrDheST2eFccrqcez4ngl9XhWHK+kHs+K45XU41lxvJJ6PCuOV1KPZ8XxSurxrDj/A0o03A5IzKjZAAAAAElFTkSuQmCC`,d=c((e=>{var t=Symbol.for(`react.transitional.element`);function n(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.jsx=n})),f=c((e=>{process.env.NODE_ENV!==`production`&&(function(){function t(e){if(e==null)return null;if(typeof e==`function`)return e.$$typeof===O?null:e.displayName||e.name||null;if(typeof e==`string`)return e;switch(e){case _:return`Fragment`;case y:return`Profiler`;case v:return`StrictMode`;case C:return`Suspense`;case w:return`SuspenseList`;case D:return`Activity`}if(typeof e==`object`)switch(typeof e.tag==`number`&&console.error(`Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.`),e.$$typeof){case g:return`Portal`;case x:return e.displayName||`Context`;case b:return(e._context.displayName||`Context`)+`.Consumer`;case S:var n=e.render;return e=e.displayName,e||=(e=n.displayName||n.name||``,e===``?`ForwardRef`:`ForwardRef(`+e+`)`),e;case T:return n=e.displayName||null,n===null?t(e.type)||`Memo`:n;case E:n=e._payload,e=e._init;try{return t(e(n))}catch{}}return null}function n(e){return``+e}function r(e){try{n(e);var t=!1}catch{t=!0}if(t){t=console;var r=t.error,i=typeof Symbol==`function`&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||`Object`;return r.call(t,`The provided key is an unsupported type %s. This value must be coerced to a string before using it here.`,i),n(e)}}function i(e){if(e===_)return`<>`;if(typeof e==`object`&&e&&e.$$typeof===E)return`<...>`;try{var n=t(e);return n?`<`+n+`>`:`<...>`}catch{return`<...>`}}function a(){var e=k.A;return e===null?null:e.getOwner()}function o(){return Error(`react-stack-top-frame`)}function s(e){if(A.call(e,`key`)){var t=Object.getOwnPropertyDescriptor(e,`key`).get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function c(e,t){function n(){N||(N=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}n.isReactWarning=!0,Object.defineProperty(e,`key`,{get:n,configurable:!0})}function l(){var e=t(this.type);return P[e]||(P[e]=!0,console.error(`Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.`)),e=this.props.ref,e===void 0?null:e}function u(e,t,n,r,i,a){var o=n.ref;return e={$$typeof:h,type:e,key:t,props:n,_owner:r},(o===void 0?null:o)===null?Object.defineProperty(e,`ref`,{enumerable:!1,value:null}):Object.defineProperty(e,`ref`,{enumerable:!1,get:l}),e._store={},Object.defineProperty(e._store,`validated`,{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,`_debugInfo`,{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,`_debugStack`,{configurable:!1,enumerable:!1,writable:!0,value:i}),Object.defineProperty(e,`_debugTask`,{configurable:!1,enumerable:!1,writable:!0,value:a}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function d(e,n,i,o,l,d){var p=n.children;if(p!==void 0)if(o)if(j(p)){for(o=0;o<p.length;o++)f(p[o]);Object.freeze&&Object.freeze(p)}else console.error(`React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.`);else f(p);if(A.call(n,`key`)){p=t(e);var m=Object.keys(n).filter(function(e){return e!==`key`});o=0<m.length?`{key: someKey, `+m.join(`: ..., `)+`: ...}`:`{key: someKey}`,L[p+o]||(m=0<m.length?`{`+m.join(`: ..., `)+`: ...}`:`{}`,console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,o,p,m,p),L[p+o]=!0)}if(p=null,i!==void 0&&(r(i),p=``+i),s(n)&&(r(n.key),p=``+n.key),`key`in n)for(var h in i={},n)h!==`key`&&(i[h]=n[h]);else i=n;return p&&c(i,typeof e==`function`?e.displayName||e.name||`Unknown`:e),u(e,p,i,a(),l,d)}function f(e){p(e)?e._store&&(e._store.validated=1):typeof e==`object`&&e&&e.$$typeof===E&&(e._payload.status===`fulfilled`?p(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function p(e){return typeof e==`object`&&!!e&&e.$$typeof===h}var m=require(`react`),h=Symbol.for(`react.transitional.element`),g=Symbol.for(`react.portal`),_=Symbol.for(`react.fragment`),v=Symbol.for(`react.strict_mode`),y=Symbol.for(`react.profiler`),b=Symbol.for(`react.consumer`),x=Symbol.for(`react.context`),S=Symbol.for(`react.forward_ref`),C=Symbol.for(`react.suspense`),w=Symbol.for(`react.suspense_list`),T=Symbol.for(`react.memo`),E=Symbol.for(`react.lazy`),D=Symbol.for(`react.activity`),O=Symbol.for(`react.client.reference`),k=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,A=Object.prototype.hasOwnProperty,j=Array.isArray,M=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(e){return e()}};var N,P={},F=m.react_stack_bottom_frame.bind(m,o)(),I=M(i(o)),L={};e.Fragment=_,e.jsx=function(e,t,n){var r=1e4>k.recentlyCreatedOwnerStacks++;return d(e,t,n,!1,r?Error(`react-stack-top-frame`):F,r?M(i(e)):I)},e.jsxs=function(e,t,n){var r=1e4>k.recentlyCreatedOwnerStacks++;return d(e,t,n,!0,r?Error(`react-stack-top-frame`):F,r?M(i(e)):I)}})()})),p=c(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=d():t.exports=f()}))();e.CopelIcon=({icon:e=``,className:t=``,onClick:n,children:r,ariaLabel:i=``,decorative:a=!1,size:o=`medium`})=>{let s=!!n,c=e=>{n&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),n(e))},l=e?`clt-${e}`:``,u={small:`icon-small`,medium:`icon-medium`,large:`icon-large`},d=a?{"aria-hidden":`true`}:{"aria-label":i||(typeof r==`string`?void 0:e)},f=`${l} ${u[o]} ${t}`.trim();return s?(0,p.jsx)(`button`,{type:`button`,"data-testid":`icon-element`,className:`${f} icon-interactive cursor-pointer`,onClick:n,onKeyDown:c,style:{background:`none`,border:`none`,padding:0,font:`inherit`,cursor:`pointer`},...!a&&{"aria-label":i||e},children:r}):(0,p.jsx)(`span`,{"data-testid":`icon-element`,className:f,...d,children:r})},e.CopelLogo=({size:e=`medium`,alt:n=`Coppel Logo`,className:r=``,onClick:i,title:a=`Coppel`,href:o,target:s=`_self`,variant:c=`normal`,loading:l=`lazy`,priority:d=!1})=>{let[f,m]=(0,t.useState)(!1),[h,g]=(0,t.useState)(!1),_=()=>{switch(c){case`white`:return u;case`dark`:return u;default:return u}},v=()=>{m(!0)},y=()=>{g(!0)},b=e=>{i&&(e.preventDefault(),i())},x=e=>{i&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),i())},S=[`coppel-logo`,`coppel-logo--${e}`,`coppel-logo--${c}`,r,i||o?`coppel-logo--clickable`:``,h?`coppel-logo--loaded`:``,f?`coppel-logo--error`:``].filter(Boolean).join(` `),C=(0,p.jsx)(`img`,{src:f?u:_(),alt:n,title:a,className:`coppel-logo__image`,onError:v,onLoad:y,loading:d?`eager`:l,draggable:`false`}),w=(0,p.jsx)(`div`,{className:`coppel-logo__fallback`,children:(0,p.jsx)(`span`,{className:`coppel-logo__text`,children:`Coppel`})}),T=f&&!_()?w:C;return o?(0,p.jsx)(`a`,{href:o,target:s,rel:s===`_blank`?`noopener noreferrer`:void 0,className:S,title:a,"aria-label":`${n} - ${a}`,children:T}):i?(0,p.jsx)(`button`,{type:`button`,onClick:b,onKeyDown:x,className:S,title:a,"aria-label":`${n} - ${a}`,children:T}):(0,p.jsx)(`div`,{className:S,title:a,children:T})}});

package/dist/types/Supplier-items-interfaces.d.ts

@@ -0,0 +1,173 @@
+export interface SupplierItem {
+    id: string;
+    supplierId: string;
+    requestId: string;
+    categoryId: string;
+    brickId: string;
+    buyerId: string;
+    folio: string;
+    hierarchyCode: string;
+    isImport: boolean;
+    statusName: string;
+    supplierType: string;
+    supplierName: string;
+    originCountry: string;
+    productMOQ: string;
+    productionTime: string;
+    shipmentPort: string;
+    productName: string;
+    article: string;
+    brand: string;
+    model: string;
+    total: string;
+    suggestedPriceMargen: string;
+    cost: string;
+    picture: string;
+    color?: string;
+    attrs: ItemAttr[];
+}
+export interface MerchHierarchyGroup {
+    _id: string;
+    functionId: string;
+    name: string;
+    function: string;
+}
+export interface ItemAttr {
+    _id: string;
+    name: string;
+    value: string;
+}
+export interface DeliveryTime {
+    lapse: string;
+    value: number;
+}
+export interface Material {
+    _id: string;
+    name: string;
+}
+export interface ShipmentPort {
+    _id: string;
+    name: string;
+}
+export interface AssemblyDetails {
+    timeMinutes: number;
+    timeCost: number;
+    relativeCost: number;
+}
+export interface BaseCost {
+    amount: number;
+    currencyCode: string;
+}
+export interface JewelryCost {
+    cost: number;
+    labour: number;
+    currencyCode: string;
+    quotation: number;
+}
+export interface ItemCosts {
+    internalCost: number;
+    borderCost: number;
+    baseCosts: BaseCost[];
+    jewelryCosts: JewelryCost[];
+    jewelryWeight: number;
+    jewelryFactorPercentage: number;
+    jewelryTariffPercentage: number;
+    borderTariffPercentage: number;
+    tariffFactorPercentage: number;
+    freightCost: number;
+    hazardTypeCode: string;
+    freightPercentage: number;
+    royaltyWithTariffPercentage: number;
+    royaltyWithoutTariffPercentage: number;
+    compensatoryFee: number;
+    importCharges: number;
+    exchangeRateToBuyAmount: number;
+    exchangeRateToSellAmount: number;
+}
+export interface Overprice {
+    name: string;
+    percentage: number;
+}
+export interface Tax {
+    type: string;
+    internalPercentage: number;
+    borderPercentage: number;
+}
+export interface ItemPrices {
+    internalPrice: number;
+    borderPrice: number;
+    suggestedPrice: number;
+    internalSuggestedPrice: number;
+    borderSuggestedPrice: number;
+    promotionPrice: number;
+    seasonalPrice: number;
+    discountPromotionPercentage: number;
+    seasonalDiscountPercentage: number;
+    profitMarginPercentage: number;
+    suggestedPriceMarginPercentage: number;
+    overprices: Overprice[];
+    overpriceTotalPercentage: number;
+    impuestos: Tax[];
+    profitFactorPercentage: number;
+    expectedProfitFactorPercentage: number;
+    advertising: number;
+}
+export interface SupplierItemDetail {
+    folio: string;
+    typeCode: string;
+    itemStatusCode: string;
+    shipmentPort: ShipmentPort;
+    isImported: boolean;
+    mainPictureBucketUrl: string;
+    merchHierarchyGroup: MerchHierarchyGroup[];
+    name: string;
+    brandName: string;
+    modelName: string;
+    attrs: ItemAttr[];
+    comments: string;
+    channelCode: string;
+    countryCode: string;
+    minimumOrderQuantity: number;
+    deliveryTime: DeliveryTime;
+    karatCode: string;
+    material: Material;
+    piecesPerContainer: number;
+    productionTime: number;
+    assemblyDetails: AssemblyDetails;
+    costs: ItemCosts;
+    prices: ItemPrices;
+    id: string;
+    supplierId: string;
+}
+export interface SupplierItemDetailApiResponse {
+    meta: {
+        transactionID: string;
+        timestamp: string;
+    };
+    data: SupplierItemDetail;
+}
+export interface UpdateInformacionGeneralPayload {
+    itemStatusCode: string;
+    merchHierarchyGroup?: MerchHierarchyGroup[];
+    name?: string;
+    brandName?: string;
+    modelName?: string;
+    attrs?: ItemAttr[];
+    comments?: string;
+    channelCode?: string;
+    countryCode?: string;
+    minimumOrderQuantity?: number;
+}
+export interface UpdateInformacionComercialPayload {
+    itemStatusCode: string;
+    deliveryTime?: DeliveryTime;
+    karatCode?: string;
+    material?: Material;
+    piecesPerContainer?: number;
+    productionTime?: number;
+    assemblyDetails?: AssemblyDetails;
+    costs?: ItemCosts;
+    prices?: ItemPrices;
+}
+export interface UpdateSupplierItemPayload extends UpdateInformacionGeneralPayload, UpdateInformacionComercialPayload {
+}

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "sgc-coppel-ui",
+  "private": false,
+  "version": "0.1.0",
+  "type": "module",
+  "description": "Librería de componentes UI para Coppel SGC",
+  "author": "Coppel",
+  "main": "./dist/sgc-coppel-ui.umd.cjs",
+  "module": "./dist/sgc-coppel-ui.js",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/sgc-coppel-ui.css",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/sgc-coppel-ui.js",
+      "require": "./dist/sgc-coppel-ui.umd.cjs"
+    },
+    "./style.css": "./dist/sgc-coppel-ui.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "peerDependencies": {
+    "primeicons": "^7.0.0",
+    "primereact": "^10.9.7",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "react-helmet": "^6.1.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.1.3",
+    "@eslint/js": "^9.39.1",
+    "@modern-js/runtime": "^2.69.7",
+    "@storybook/addon-a11y": "^10.1.11",
+    "@storybook/addon-docs": "^10.1.11",
+    "@storybook/addon-onboarding": "^10.1.11",
+    "@storybook/addon-vitest": "^10.1.11",
+    "@storybook/react-vite": "^10.1.11",
+    "@types/node": "^24.10.4",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@types/react-helmet": "^6.1.11",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/browser-playwright": "^4.0.16",
+    "@vitest/coverage-v8": "^4.0.16",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "eslint-plugin-storybook": "^10.1.11",
+    "globals": "^16.5.0",
+    "playwright": "^1.57.0",
+    "sass": "^1.97.2",
+    "storybook": "^10.1.11",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "npm:rolldown-vite@7.2.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.16"
+  },
+  "overrides": {
+    "vite": "npm:rolldown-vite@7.2.5"
+  }
+}