(function(window) { function getExternaLib(name) { if(name.includes('/@')) { return null } for (let key in EXTERNALS) { if (key === name || name.endsWith(`/${key}.js`) || name.endsWith(`/${key}.mjs`) || name.endsWith(`/${key}.bundle.mjs`)) { return EXTERNALS[key] } } return null } const modules = {}; const moduleRunTimeCache = new Map(); function commonRequire(name) { const res = getExternaLib(name); if (res) return res; if (moduleRunTimeCache.has(name)) { return moduleRunTimeCache.get(name).exports; } const module = { exports: {} }; moduleRunTimeCache.set(name, module); if(typeof modules[name] === 'function') { modules[name](module, module.exports, commonRequire); } else { throw new Error(`parse module ${name} failed`) } return module.exports; } // Module modules["react/jsx-runtime"] = (module, exports, require) => { /* esm.sh - react@18.3.1/jsx-runtime */ "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function() { return _jsxruntime.default; } }); require("https://esm.sh/react@18.3.1/es2022/react.mjs"); var _jsxruntime = /*#__PURE__*/ _interop_require_default(_export_star(require("https://esm.sh/react@18.3.1/es2022/jsx-runtime.mjs"), exports)); function _export_star(from, to) { Object.keys(from).forEach(function(k) { if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) { Object.defineProperty(to, k, { enumerable: true, get: function() { return from[k]; } }); } }); return from; } function _interop_require_default(obj) { return obj && obj.__esModule ? obj : { default: obj }; } return module.exports } // Module modules["https://esm.sh/react@18.3.1/es2022/react.mjs"] = (module, exports, require) => { /* esm.sh - react@18.3.1 */ "use strict"; function _export(target, all) { for(var name in all)Object.defineProperty(target, name, { enumerable: true, get: all[name] }); } _export(exports, { Children: function() { return le; }, Component: function() { return ae; }, Fragment: function() { return pe; }, Profiler: function() { return ye; }, PureComponent: function() { return de; }, StrictMode: function() { return _e; }, Suspense: function() { return me; }, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: function() { return he; }, act: function() { return ve; }, cloneElement: function() { return Se; }, createContext: function() { return Ee; }, createElement: function() { return Re; }, createFactory: function() { return Ce; }, createRef: function() { return ke; }, default: function() { return We; }, forwardRef: function() { return we; }, isValidElement: function() { return be; }, lazy: function() { return $e; }, memo: function() { return je; }, startTransition: function() { return xe; }, unstable_act: function() { return Oe; }, useCallback: function() { return Ie; }, useContext: function() { return ge; }, useDebugValue: function() { return Pe; }, useDeferredValue: function() { return Te; }, useEffect: function() { return De; }, useId: function() { return Ve; }, useImperativeHandle: function() { return Le; }, useInsertionEffect: function() { return Ne; }, useLayoutEffect: function() { return Fe; }, useMemo: function() { return Ue; }, useReducer: function() { return qe; }, useRef: function() { return Ae; }, useState: function() { return Me; }, useSyncExternalStore: function() { return ze; }, useTransition: function() { return Be; }, version: function() { return He; } }); function _type_of(obj) { "@swc/helpers - typeof"; return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj; } var U = Object.create; var k = Object.defineProperty; var q = Object.getOwnPropertyDescriptor; var A = Object.getOwnPropertyNames; var M = Object.getPrototypeOf, z = Object.prototype.hasOwnProperty; var w = function(e, t) { return function() { return t || e((t = { exports: {} }).exports, t), t.exports; }; }; var B = function(e, t, n, u) { var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined; if (t && (typeof t === "undefined" ? "undefined" : _type_of(t)) == "object" || typeof t == "function") try { var _loop = function() { var o = _step.value; !z.call(e, o) && o !== n && k(e, o, { get: function() { return t[o]; }, enumerable: !(u = q(t, o)) || u.enumerable }); }; for(var _iterator = A(t)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop(); } catch (err) { _didIteratorError = true; _iteratorError = err; } finally{ try { if (!_iteratorNormalCompletion && _iterator.return != null) { _iterator.return(); } } finally{ if (_didIteratorError) { throw _iteratorError; } } } return e; }; var H = function(e, t, n) { return n = e != null ? U(M(e)) : {}, B(t || !e || !e.__esModule ? k(n, "default", { value: e, enumerable: !0 }) : n, e); }; var L = w(function(r) { "use strict"; var re = function re(e) { return e === null || (typeof e === "undefined" ? "undefined" : _type_of(e)) != "object" ? null : (e = b && e[b] || e["@@iterator"], typeof e == "function" ? e : null); }; var p = function p(e, t, n) { this.props = e, this.context = t, this.refs = I, this.updater = n || x; }; var g = function g() {}; var S = function S(e, t, n) { this.props = e, this.context = t, this.refs = I, this.updater = n || x; }; var D = function D(e, t, n) { var u, o = {}, s = null, f = null; if (t != null) for(u in t.ref !== void 0 && (f = t.ref), t.key !== void 0 && (s = "" + t.key), t)P.call(t, u) && !T.hasOwnProperty(u) && (o[u] = t[u]); var i = arguments.length - 2; if (i === 1) o.children = n; else if (1 < i) { for(var c = Array(i), a = 0; a < i; a++)c[a] = arguments[a + 2]; o.children = c; } if (e && e.defaultProps) for(u in i = e.defaultProps, i)o[u] === void 0 && (o[u] = i[u]); return { $$typeof: y, type: e, key: s, ref: f, props: o, _owner: R.current }; }; var ne = function ne(e, t) { return { $$typeof: y, type: e.type, key: t, ref: e.ref, props: e.props, _owner: e._owner }; }; var C = function C(e) { return (typeof e === "undefined" ? "undefined" : _type_of(e)) == "object" && e !== null && e.$$typeof === y; }; var oe = function oe(e) { var t = { "=": "=0", ":": "=2" }; return "$" + e.replace(/[=:]/g, function(n) { return t[n]; }); }; var v = function v(e, t) { return (typeof e === "undefined" ? "undefined" : _type_of(e)) == "object" && e !== null && e.key != null ? oe("" + e.key) : t.toString(36); }; var d = function d(e, t, n) { if (e == null) return e; var u = [], o = 0; return _(e, u, "", "", function(s) { return t.call(n, s, o++); }), u; }; var ue = function ue(e) { if (e._status === -1) { var t = e._result; t = t(), t.then(function(n) { (e._status === 0 || e._status === -1) && (e._status = 1, e._result = n); }, function(n) { (e._status === 0 || e._status === -1) && (e._status = 2, e._result = n); }), e._status === -1 && (e._status = 0, e._result = t); } if (e._status === 1) return e._result.default; throw e._result; }; var V = function V() { throw Error("act(...) is not supported in production builds of React."); }; var y = Symbol.for("react.element"), W = Symbol.for("react.portal"), Y = Symbol.for("react.fragment"), G = Symbol.for("react.strict_mode"), J = Symbol.for("react.profiler"), K = Symbol.for("react.provider"), Q = Symbol.for("react.context"), X = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), ee = Symbol.for("react.memo"), te = Symbol.for("react.lazy"), b = Symbol.iterator; var x = { isMounted: function isMounted() { return !1; }, enqueueForceUpdate: function enqueueForceUpdate() {}, enqueueReplaceState: function enqueueReplaceState() {}, enqueueSetState: function enqueueSetState() {} }, O = Object.assign, I = {}; p.prototype.isReactComponent = {}; p.prototype.setState = function(e, t) { if ((typeof e === "undefined" ? "undefined" : _type_of(e)) != "object" && typeof e != "function" && e != null) throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables."); this.updater.enqueueSetState(this, e, t, "setState"); }; p.prototype.forceUpdate = function(e) { this.updater.enqueueForceUpdate(this, e, "forceUpdate"); }; g.prototype = p.prototype; var E = S.prototype = new g; E.constructor = S; O(E, p.prototype); E.isPureReactComponent = !0; var $ = Array.isArray, P = Object.prototype.hasOwnProperty, R = { current: null }, T = { key: !0, ref: !0, __self: !0, __source: !0 }; var j = /\/+/g; function _(e, t, n, u, o) { var s = typeof e === "undefined" ? "undefined" : _type_of(e); (s === "undefined" || s === "boolean") && (e = null); var f = !1; if (e === null) f = !0; else switch(s){ case "string": case "number": f = !0; break; case "object": switch(e.$$typeof){ case y: case W: f = !0; } } if (f) return f = e, o = o(f), e = u === "" ? "." + v(f, 0) : u, $(o) ? (n = "", e != null && (n = e.replace(j, "$&/") + "/"), _(o, t, n, "", function(a) { return a; })) : o != null && (C(o) && (o = ne(o, n + (!o.key || f && f.key === o.key ? "" : ("" + o.key).replace(j, "$&/") + "/") + e)), t.push(o)), 1; if (f = 0, u = u === "" ? "." : u + ":", $(e)) for(var i = 0; i < e.length; i++){ s = e[i]; var c = u + v(s, i); f += _(s, t, n, c, o); } else if (c = re(e), typeof c == "function") for(e = c.call(e), i = 0; !(s = e.next()).done;)s = s.value, c = u + v(s, i++), f += _(s, t, n, c, o); else if (s === "object") throw t = String(e), Error("Objects are not valid as a React child (found: " + (t === "[object Object]" ? "object with keys {" + Object.keys(e).join(", ") + "}" : t) + "). If you meant to render a collection of children, use an array instead."); return f; } var l = { current: null }, m = { transition: null }, ce = { ReactCurrentDispatcher: l, ReactCurrentBatchConfig: m, ReactCurrentOwner: R }; r.Children = { map: d, forEach: function forEach(e, t, n) { d(e, function() { t.apply(this, arguments); }, n); }, count: function count(e) { var t = 0; return d(e, function() { t++; }), t; }, toArray: function toArray(e) { return d(e, function(t) { return t; }) || []; }, only: function only(e) { if (!C(e)) throw Error("React.Children.only expected to receive a single React element child."); return e; } }; r.Component = p; r.Fragment = Y; r.Profiler = J; r.PureComponent = S; r.StrictMode = G; r.Suspense = Z; r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ce; r.act = V; r.cloneElement = function(e, t, n) { if (e == null) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + e + "."); var u = O({}, e.props), o = e.key, s = e.ref, f = e._owner; if (t != null) { if (t.ref !== void 0 && (s = t.ref, f = R.current), t.key !== void 0 && (o = "" + t.key), e.type && e.type.defaultProps) var i = e.type.defaultProps; for(c in t)P.call(t, c) && !T.hasOwnProperty(c) && (u[c] = t[c] === void 0 && i !== void 0 ? i[c] : t[c]); } var c = arguments.length - 2; if (c === 1) u.children = n; else if (1 < c) { i = Array(c); for(var a = 0; a < c; a++)i[a] = arguments[a + 2]; u.children = i; } return { $$typeof: y, type: e.type, key: o, ref: s, props: u, _owner: f }; }; r.createContext = function(e) { return e = { $$typeof: Q, _currentValue: e, _currentValue2: e, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, e.Provider = { $$typeof: K, _context: e }, e.Consumer = e; }; r.createElement = D; r.createFactory = function(e) { var t = D.bind(null, e); return t.type = e, t; }; r.createRef = function() { return { current: null }; }; r.forwardRef = function(e) { return { $$typeof: X, render: e }; }; r.isValidElement = C; r.lazy = function(e) { return { $$typeof: te, _payload: { _status: -1, _result: e }, _init: ue }; }; r.memo = function(e, t) { return { $$typeof: ee, type: e, compare: t === void 0 ? null : t }; }; r.startTransition = function(e) { var t = m.transition; m.transition = {}; try { e(); } finally{ m.transition = t; } }; r.unstable_act = V; r.useCallback = function(e, t) { return l.current.useCallback(e, t); }; r.useContext = function(e) { return l.current.useContext(e); }; r.useDebugValue = function() {}; r.useDeferredValue = function(e) { return l.current.useDeferredValue(e); }; r.useEffect = function(e, t) { return l.current.useEffect(e, t); }; r.useId = function() { return l.current.useId(); }; r.useImperativeHandle = function(e, t, n) { return l.current.useImperativeHandle(e, t, n); }; r.useInsertionEffect = function(e, t) { return l.current.useInsertionEffect(e, t); }; r.useLayoutEffect = function(e, t) { return l.current.useLayoutEffect(e, t); }; r.useMemo = function(e, t) { return l.current.useMemo(e, t); }; r.useReducer = function(e, t, n) { return l.current.useReducer(e, t, n); }; r.useRef = function(e) { return l.current.useRef(e); }; r.useState = function(e) { return l.current.useState(e); }; r.useSyncExternalStore = function(e, t, n) { return l.current.useSyncExternalStore(e, t, n); }; r.useTransition = function() { return l.current.useTransition(); }; r.version = "18.3.1"; }); var F = w(function(fe, N) { "use strict"; N.exports = L(); }); var _h_default; var h = H(F()), le = h.Children, ae = h.Component, pe = h.Fragment, ye = h.Profiler, de = h.PureComponent, _e = h.StrictMode, me = h.Suspense, he = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, ve = h.act, Se = h.cloneElement, Ee = h.createContext, Re = h.createElement, Ce = h.createFactory, ke = h.createRef, we = h.forwardRef, be = h.isValidElement, $e = h.lazy, je = h.memo, xe = h.startTransition, Oe = h.unstable_act, Ie = h.useCallback, ge = h.useContext, Pe = h.useDebugValue, Te = h.useDeferredValue, De = h.useEffect, Ve = h.useId, Le = h.useImperativeHandle, Ne = h.useInsertionEffect, Fe = h.useLayoutEffect, Ue = h.useMemo, qe = h.useReducer, Ae = h.useRef, Me = h.useState, ze = h.useSyncExternalStore, Be = h.useTransition, He = h.version, We = (_h_default = h.default) !== null && _h_default !== void 0 ? _h_default : h; /*! Bundled license information: react/cjs/react.production.min.js: (** * @license React * react.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */ //# =react.mjs.map return module.exports } // Module modules["https://esm.sh/react@18.3.1/es2022/jsx-runtime.mjs"] = (module, exports, require) => { /* esm.sh - react@18.3.1//jsx-runtime */ "use strict"; function _export(target, all) { for(var name in all)Object.defineProperty(target, name, { enumerable: true, get: all[name] }); } _export(exports, { Fragment: function() { return F; }, default: function() { return T; }, jsx: function() { return I; }, jsxs: function() { return L; } }); var _react = require("https://esm.sh/react@18.3.1/es2022/react.mjs"); function _type_of(obj) { "@swc/helpers - typeof"; return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj; } var require1 = function(n) { var e = function(m) { return _type_of(m.default) < "u" ? m.default : m; }, c = function(m) { return Object.assign({ __esModule: true }, m); }; switch(n){ case "react": return e(_react); default: console.error('module "' + n + '" not found'); return null; } }; var y = Object.create; var l = Object.defineProperty; var j = Object.getOwnPropertyDescriptor; var x = Object.getOwnPropertyNames; var O = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty; var v = function(r) { return (typeof require1 === "undefined" ? "undefined" : _type_of(require1)) < "u" ? require1 : (typeof Proxy === "undefined" ? "undefined" : _type_of(Proxy)) < "u" ? new Proxy(r, { get: function(e, o) { return ((typeof require1 === "undefined" ? "undefined" : _type_of(require1)) < "u" ? require1 : e)[o]; } }) : r; }(function(r) { if ((typeof require1 === "undefined" ? "undefined" : _type_of(require1)) < "u") return require1.apply(this, arguments); throw Error('Dynamic require of "' + r + '" is not supported'); }); var i = function(r, e) { return function() { return e || r((e = { exports: {} }).exports, e), e.exports; }; }; var E = function(r, e, o, t) { var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined; if (e && (typeof e === "undefined" ? "undefined" : _type_of(e)) == "object" || typeof e == "function") try { var _loop = function() { var s = _step.value; !a.call(r, s) && s !== o && l(r, s, { get: function() { return e[s]; }, enumerable: !(t = j(e, s)) || t.enumerable }); }; for(var _iterator = x(e)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop(); } catch (err) { _didIteratorError = true; _iteratorError = err; } finally{ try { if (!_iteratorNormalCompletion && _iterator.return != null) { _iterator.return(); } } finally{ if (_didIteratorError) { throw _iteratorError; } } } return r; }; var k = function(r, e, o) { return o = r != null ? y(O(r)) : {}, E(e || !r || !r.__esModule ? l(o, "default", { value: r, enumerable: !0 }) : o, r); }; var c = i(function(n) { "use strict"; var _ = function _(r, e, o) { var t, s = {}, p = null, u = null; o !== void 0 && (p = "" + o), e.key !== void 0 && (p = "" + e.key), e.ref !== void 0 && (u = e.ref); for(t in e)b.call(e, t) && !w.hasOwnProperty(t) && (s[t] = e[t]); if (r && r.defaultProps) for(t in e = r.defaultProps, e)s[t] === void 0 && (s[t] = e[t]); return { $$typeof: R, type: r, key: p, ref: u, props: s, _owner: q.current }; }; var N = v("react"), R = Symbol.for("react.element"), S = Symbol.for("react.fragment"), b = Object.prototype.hasOwnProperty, q = N.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, w = { key: !0, ref: !0, __self: !0, __source: !0 }; n.Fragment = S; n.jsx = _; n.jsxs = _; }); var d = i(function(D, m) { "use strict"; m.exports = c(); }); var _f_default; var f = k(d()), F = f.Fragment, I = f.jsx, L = f.jsxs, T = (_f_default = f.default) !== null && _f_default !== void 0 ? _f_default : f; /*! Bundled license information: react/cjs/react-jsx-runtime.production.min.js: (** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */ //# =jsx-runtime.mjs.map return module.exports } // Module modules["react"] = (module, exports, require) => { window.React return module.exports } // Current component modules["entry"] = (module, exports, require) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function() { return _default; } }); var _jsxruntime = require("react/jsx-runtime"); var _react = require("react"); function _array_like_to_array(arr, len) { if (len == null || len > arr.length) len = arr.length; for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i]; return arr2; } function _array_with_holes(arr) { if (Array.isArray(arr)) return arr; } function _iterable_to_array_limit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){ _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally{ try { if (!_n && _i["return"] != null) _i["return"](); } finally{ if (_d) throw _e; } } return _arr; } function _non_iterable_rest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } function _sliced_to_array(arr, i) { return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest(); } function _unsupported_iterable_to_array(o, minLen) { if (!o) return; if (typeof o === "string") return _array_like_to_array(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen); } var Calculator = function() { var _useState = _sliced_to_array((0, _react.useState)(''), 2), annualConsumption = _useState[0], setAnnualConsumption = _useState[1]; var _useState1 = _sliced_to_array((0, _react.useState)('grid'), 2), currentSource = _useState1[0], setCurrentSource = _useState1[1]; var _useState2 = _sliced_to_array((0, _react.useState)(null), 2), results = _useState2[0], setResults = _useState2[1]; var _useState3 = _sliced_to_array((0, _react.useState)(false), 2), showResults = _useState3[0], setShowResults = _useState3[1]; // Emission factors (g CO2 per kWh) var emissionFactors = { grid: 127, diesel: 327, biofuel: 7.5 }; var calculateEmissions = function() { if (!annualConsumption || isNaN(annualConsumption) || annualConsumption <= 0) { return; } var consumption = parseFloat(annualConsumption); // Calculate emissions for each source var gridEmissions = consumption * emissionFactors.grid; var dieselEmissions = consumption * emissionFactors.diesel; var biofuelEmissions = consumption * emissionFactors.biofuel; // Calculate savings compared to current source var currentEmissions; if (currentSource === 'grid') { currentEmissions = gridEmissions; } else if (currentSource === 'diesel') { currentEmissions = dieselEmissions; } else { currentEmissions = biofuelEmissions; } var savingsWithBiofuel = currentEmissions - biofuelEmissions; var savingsPercentage = savingsWithBiofuel / currentEmissions * 100; setResults({ currentEmissions: currentEmissions, gridEmissions: gridEmissions, dieselEmissions: dieselEmissions, biofuelEmissions: biofuelEmissions, savingsWithBiofuel: savingsWithBiofuel, savingsPercentage: savingsPercentage }); setShowResults(true); }; var formatNumber = function(num) { return new Intl.NumberFormat('en-US', { maximumFractionDigits: 2 }).format(num); }; var handleSubmit = function(e) { e.preventDefault(); calculateEmissions(); }; return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-green-50 py-12 px-4 sm:px-6 lg:px-8", children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "max-w-3xl mx-auto", children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "bg-white/80 backdrop-blur-lg rounded-2xl shadow-xl overflow-hidden border border-gray-100", children: [ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "bg-gradient-to-r from-green-600 to-emerald-500 px-6 py-5", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("h2", { className: "text-2xl font-bold text-white", children: "Carbon Emission Calculator" }), /*#__PURE__*/ (0, _jsxruntime.jsx)("p", { className: "text-green-50 mt-1", children: "Calculate your company's carbon footprint from energy consumption" }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "p-6", children: [ /*#__PURE__*/ (0, _jsxruntime.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-6", children: [ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "space-y-4", children: [ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("label", { htmlFor: "consumption", className: "block text-sm font-medium text-gray-700", children: "Annual Energy Consumption (kWh)" }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "mt-1 relative rounded-md shadow-sm", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("input", { type: "number", id: "consumption", value: annualConsumption, onChange: function(e) { return setAnnualConsumption(e.target.value); }, className: "focus:ring-green-500 focus:border-green-500 block w-full pl-4 pr-12 py-3 sm:text-sm border-gray-300 rounded-md", placeholder: "e.g. 100000", min: "1", required: true }), /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none", children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", { className: "text-gray-500 sm:text-sm", children: "kWh" }) }) ] }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("label", { htmlFor: "source", className: "block text-sm font-medium text-gray-700", children: "Current Energy Source" }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("select", { id: "source", value: currentSource, onChange: function(e) { return setCurrentSource(e.target.value); }, className: "mt-1 block w-full pl-3 pr-10 py-3 text-base border-gray-300 focus:outline-none focus:ring-green-500 focus:border-green-500 sm:text-sm rounded-md", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("option", { value: "grid", children: "National Grid (127g CO₂/kWh)" }), /*#__PURE__*/ (0, _jsxruntime.jsx)("option", { value: "diesel", children: "Diesel Generator (327g CO₂/kWh)" }), /*#__PURE__*/ (0, _jsxruntime.jsx)("option", { value: "biofuel", children: "SEFG Biofuel Generator (7.5g CO₂/kWh)" }) ] }) ] }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { children: /*#__PURE__*/ (0, _jsxruntime.jsx)("button", { type: "submit", className: "w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 transition-colors duration-200", children: "Calculate Emissions" }) }) ] }), showResults && results && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "mt-8 bg-white rounded-xl border border-gray-200 shadow-md overflow-hidden", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "bg-gray-50 px-4 py-3 border-b border-gray-200", children: /*#__PURE__*/ (0, _jsxruntime.jsx)("h3", { className: "text-lg font-medium text-gray-900", children: "Carbon Emission Results" }) }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "px-4 py-5 sm:p-6", children: [ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2", children: [ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "bg-blue-50 p-4 rounded-lg border border-blue-100", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("p", { className: "text-sm font-medium text-blue-800", children: "Your Current Emissions" }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("p", { className: "mt-1 text-3xl font-bold text-blue-900", children: [ formatNumber(results.currentEmissions / 1000), " kg CO₂" ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("p", { className: "mt-1 text-sm text-blue-700", children: [ "Using ", currentSource === 'grid' ? 'National Grid' : currentSource === 'diesel' ? 'Diesel Generator' : 'SEFG Biofuel Generator' ] }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "bg-green-50 p-4 rounded-lg border border-green-100", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("p", { className: "text-sm font-medium text-green-800", children: "Potential Savings with SEFG Biofuel" }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("p", { className: "mt-1 text-3xl font-bold text-green-900", children: [ formatNumber(results.savingsWithBiofuel / 1000), " kg CO₂" ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("p", { className: "mt-1 text-sm text-green-700", children: [ formatNumber(results.savingsPercentage), "% reduction in emissions" ] }) ] }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "mt-6", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", { className: "text-sm font-medium text-gray-700 mb-3", children: "Emissions Comparison" }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "space-y-4", children: [ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { children: [ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "flex items-center justify-between mb-1", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("span", { className: "text-sm text-gray-600", children: "National Grid" }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", { className: "text-sm font-medium text-gray-900", children: [ formatNumber(results.gridEmissions / 1000), " kg CO₂" ] }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "w-full bg-gray-200 rounded-full h-2.5", children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "bg-yellow-400 h-2.5 rounded-full", style: { width: "".concat(results.gridEmissions / results.dieselEmissions * 100, "%") } }) }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { children: [ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "flex items-center justify-between mb-1", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("span", { className: "text-sm text-gray-600", children: "Diesel Generator" }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", { className: "text-sm font-medium text-gray-900", children: [ formatNumber(results.dieselEmissions / 1000), " kg CO₂" ] }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "w-full bg-gray-200 rounded-full h-2.5", children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "bg-red-500 h-2.5 rounded-full", style: { width: '100%' } }) }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { children: [ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "flex items-center justify-between mb-1", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("span", { className: "text-sm text-gray-600", children: "SEFG Biofuel Generator" }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", { className: "text-sm font-medium text-gray-900", children: [ formatNumber(results.biofuelEmissions / 1000), " kg CO₂" ] }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "w-full bg-gray-200 rounded-full h-2.5", children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "bg-green-500 h-2.5 rounded-full", style: { width: "".concat(results.biofuelEmissions / results.dieselEmissions * 100, "%") } }) }) ] }) ] }) ] }) ] }) ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", { className: "mt-6 bg-blue-50 rounded-lg p-4 border border-blue-100", children: [ /*#__PURE__*/ (0, _jsxruntime.jsxs)("h3", { className: "text-sm font-medium text-blue-800 flex items-center", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("i", { className: "fas fa-info-circle mr-2" }), "About This Calculator" ] }), /*#__PURE__*/ (0, _jsxruntime.jsxs)("ul", { className: "mt-2 text-sm text-blue-700 space-y-1 pl-5 list-disc", children: [ /*#__PURE__*/ (0, _jsxruntime.jsx)("li", { children: "National Grid: 127g CO₂ per kWh" }), /*#__PURE__*/ (0, _jsxruntime.jsx)("li", { children: "Diesel Generator: 327g CO₂ per kWh" }), /*#__PURE__*/ (0, _jsxruntime.jsx)("li", { children: "SEFG Biofuel Generator: 7.5g CO₂ per kWh" }) ] }) ] }) ] }) ] }) }) }); }; var _default = Calculator; return module.exports } // External packages "use strict"; var EXTERNALS = { "react": window.React, "react-dom": window.ReactDOM }; // Execute and export var Component = commonRequire("entry"); var root = document.getElementById('root'); if (!root) { throw new Error('Root element not found'); } EXTERNALS['react-dom'].createRoot(root).render(EXTERNALS['react'].createElement(Component.default)); })(window);

Carbon Emission Calculator for Energy Consumption

what is Carbon Emission Calculator for Energy Consumption