@cityofportland/component-library
Version:
Portland Component Library using design tokens from Figma
1,349 lines • 227 kB
JavaScript
import Nt, { useState as ke, useRef as Xe, useEffect as Ge, useId as gi, useCallback as St, cloneElement as vi } from "react";
function hi(e) {
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
}
var ft = { exports: {} }, Ye = {};
/**
* @license React
* react-jsx-runtime.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var sr;
function bi() {
if (sr) return Ye;
sr = 1;
var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
function n(r, a, s) {
var c = null;
if (s !== void 0 && (c = "" + s), a.key !== void 0 && (c = "" + a.key), "key" in a) {
s = {};
for (var l in a)
l !== "key" && (s[l] = a[l]);
} else s = a;
return a = s.ref, {
$$typeof: e,
type: r,
key: c,
ref: a !== void 0 ? a : null,
props: s
};
}
return Ye.Fragment = t, Ye.jsx = n, Ye.jsxs = n, Ye;
}
var He = {};
/**
* @license React
* react-jsx-runtime.development.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var or;
function yi() {
return or || (or = 1, process.env.NODE_ENV !== "production" && function() {
function e(d) {
if (d == null) return null;
if (typeof d == "function")
return d.$$typeof === Y ? null : d.displayName || d.name || null;
if (typeof d == "string") return d;
switch (d) {
case x:
return "Fragment";
case P:
return "Profiler";
case j:
return "StrictMode";
case v:
return "Suspense";
case L:
return "SuspenseList";
case V:
return "Activity";
}
if (typeof d == "object")
switch (typeof d.tag == "number" && console.error(
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
), d.$$typeof) {
case w:
return "Portal";
case O:
return (d.displayName || "Context") + ".Provider";
case E:
return (d._context.displayName || "Context") + ".Consumer";
case N:
var h = d.render;
return d = d.displayName, d || (d = h.displayName || h.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
case D:
return h = d.displayName || null, h !== null ? h : e(d.type) || "Memo";
case B:
h = d._payload, d = d._init;
try {
return e(d(h));
} catch {
}
}
return null;
}
function t(d) {
return "" + d;
}
function n(d) {
try {
t(d);
var h = !1;
} catch {
h = !0;
}
if (h) {
h = console;
var T = h.error, R = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
return T.call(
h,
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
R
), t(d);
}
}
function r(d) {
if (d === x) return "<>";
if (typeof d == "object" && d !== null && d.$$typeof === B)
return "<...>";
try {
var h = e(d);
return h ? "<" + h + ">" : "<...>";
} catch {
return "<...>";
}
}
function a() {
var d = H.A;
return d === null ? null : d.getOwner();
}
function s() {
return Error("react-stack-top-frame");
}
function c(d) {
if (J.call(d, "key")) {
var h = Object.getOwnPropertyDescriptor(d, "key").get;
if (h && h.isReactWarning) return !1;
}
return d.key !== void 0;
}
function l(d, h) {
function T() {
ne || (ne = !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)",
h
));
}
T.isReactWarning = !0, Object.defineProperty(d, "key", {
get: T,
configurable: !0
});
}
function f() {
var d = e(this.type);
return W[d] || (W[d] = !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."
)), d = this.props.ref, d !== void 0 ? d : null;
}
function p(d, h, T, R, A, C, I, M) {
return T = C.ref, d = {
$$typeof: b,
type: d,
key: h,
props: C,
_owner: A
}, (T !== void 0 ? T : null) !== null ? Object.defineProperty(d, "ref", {
enumerable: !1,
get: f
}) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
configurable: !1,
enumerable: !1,
writable: !0,
value: 0
}), Object.defineProperty(d, "_debugInfo", {
configurable: !1,
enumerable: !1,
writable: !0,
value: null
}), Object.defineProperty(d, "_debugStack", {
configurable: !1,
enumerable: !1,
writable: !0,
value: I
}), Object.defineProperty(d, "_debugTask", {
configurable: !1,
enumerable: !1,
writable: !0,
value: M
}), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
}
function u(d, h, T, R, A, C, I, M) {
var S = h.children;
if (S !== void 0)
if (R)
if (G(S)) {
for (R = 0; R < S.length; R++)
m(S[R]);
Object.freeze && Object.freeze(S);
} 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 m(S);
if (J.call(h, "key")) {
S = e(d);
var z = Object.keys(h).filter(function(K) {
return K !== "key";
});
R = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", re[S + R] || (z = 0 < z.length ? "{" + z.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} />`,
R,
S,
z,
S
), re[S + R] = !0);
}
if (S = null, T !== void 0 && (n(T), S = "" + T), c(h) && (n(h.key), S = "" + h.key), "key" in h) {
T = {};
for (var F in h)
F !== "key" && (T[F] = h[F]);
} else T = h;
return S && l(
T,
typeof d == "function" ? d.displayName || d.name || "Unknown" : d
), p(
d,
S,
C,
A,
a(),
T,
I,
M
);
}
function m(d) {
typeof d == "object" && d !== null && d.$$typeof === b && d._store && (d._store.validated = 1);
}
var g = Nt, b = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), O = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), Y = Symbol.for("react.client.reference"), H = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, G = Array.isArray, Z = console.createTask ? console.createTask : function() {
return null;
};
g = {
"react-stack-bottom-frame": function(d) {
return d();
}
};
var ne, W = {}, X = g["react-stack-bottom-frame"].bind(
g,
s
)(), ce = Z(r(s)), re = {};
He.Fragment = x, He.jsx = function(d, h, T, R, A) {
var C = 1e4 > H.recentlyCreatedOwnerStacks++;
return u(
d,
h,
T,
!1,
R,
A,
C ? Error("react-stack-top-frame") : X,
C ? Z(r(d)) : ce
);
}, He.jsxs = function(d, h, T, R, A) {
var C = 1e4 > H.recentlyCreatedOwnerStacks++;
return u(
d,
h,
T,
!0,
R,
A,
C ? Error("react-stack-top-frame") : X,
C ? Z(r(d)) : ce
);
};
}()), He;
}
var lr;
function xi() {
return lr || (lr = 1, process.env.NODE_ENV === "production" ? ft.exports = bi() : ft.exports = yi()), ft.exports;
}
var i = xi(), ut = { exports: {} }, dt = { exports: {} }, q = {};
/** @license React v16.13.1
* react-is.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.
*/
var cr;
function ji() {
if (cr) return q;
cr = 1;
var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, w = e ? Symbol.for("react.lazy") : 60116, x = e ? Symbol.for("react.block") : 60121, j = e ? Symbol.for("react.fundamental") : 60117, P = e ? Symbol.for("react.responder") : 60118, E = e ? Symbol.for("react.scope") : 60119;
function O(v) {
if (typeof v == "object" && v !== null) {
var L = v.$$typeof;
switch (L) {
case t:
switch (v = v.type, v) {
case f:
case p:
case r:
case s:
case a:
case m:
return v;
default:
switch (v = v && v.$$typeof, v) {
case l:
case u:
case w:
case b:
case c:
return v;
default:
return L;
}
}
case n:
return L;
}
}
}
function N(v) {
return O(v) === p;
}
return q.AsyncMode = f, q.ConcurrentMode = p, q.ContextConsumer = l, q.ContextProvider = c, q.Element = t, q.ForwardRef = u, q.Fragment = r, q.Lazy = w, q.Memo = b, q.Portal = n, q.Profiler = s, q.StrictMode = a, q.Suspense = m, q.isAsyncMode = function(v) {
return N(v) || O(v) === f;
}, q.isConcurrentMode = N, q.isContextConsumer = function(v) {
return O(v) === l;
}, q.isContextProvider = function(v) {
return O(v) === c;
}, q.isElement = function(v) {
return typeof v == "object" && v !== null && v.$$typeof === t;
}, q.isForwardRef = function(v) {
return O(v) === u;
}, q.isFragment = function(v) {
return O(v) === r;
}, q.isLazy = function(v) {
return O(v) === w;
}, q.isMemo = function(v) {
return O(v) === b;
}, q.isPortal = function(v) {
return O(v) === n;
}, q.isProfiler = function(v) {
return O(v) === s;
}, q.isStrictMode = function(v) {
return O(v) === a;
}, q.isSuspense = function(v) {
return O(v) === m;
}, q.isValidElementType = function(v) {
return typeof v == "string" || typeof v == "function" || v === r || v === p || v === s || v === a || v === m || v === g || typeof v == "object" && v !== null && (v.$$typeof === w || v.$$typeof === b || v.$$typeof === c || v.$$typeof === l || v.$$typeof === u || v.$$typeof === j || v.$$typeof === P || v.$$typeof === E || v.$$typeof === x);
}, q.typeOf = O, q;
}
var $ = {};
/** @license React v16.13.1
* react-is.development.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.
*/
var fr;
function wi() {
return fr || (fr = 1, process.env.NODE_ENV !== "production" && function() {
var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, u = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, w = e ? Symbol.for("react.lazy") : 60116, x = e ? Symbol.for("react.block") : 60121, j = e ? Symbol.for("react.fundamental") : 60117, P = e ? Symbol.for("react.responder") : 60118, E = e ? Symbol.for("react.scope") : 60119;
function O(_) {
return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
_ === r || _ === p || _ === s || _ === a || _ === m || _ === g || typeof _ == "object" && _ !== null && (_.$$typeof === w || _.$$typeof === b || _.$$typeof === c || _.$$typeof === l || _.$$typeof === u || _.$$typeof === j || _.$$typeof === P || _.$$typeof === E || _.$$typeof === x);
}
function N(_) {
if (typeof _ == "object" && _ !== null) {
var se = _.$$typeof;
switch (se) {
case t:
var Ie = _.type;
switch (Ie) {
case f:
case p:
case r:
case s:
case a:
case m:
return Ie;
default:
var lt = Ie && Ie.$$typeof;
switch (lt) {
case l:
case u:
case w:
case b:
case c:
return lt;
default:
return se;
}
}
case n:
return se;
}
}
}
var v = f, L = p, D = l, B = c, V = t, Y = u, H = r, J = w, G = b, Z = n, ne = s, W = a, X = m, ce = !1;
function re(_) {
return ce || (ce = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), d(_) || N(_) === f;
}
function d(_) {
return N(_) === p;
}
function h(_) {
return N(_) === l;
}
function T(_) {
return N(_) === c;
}
function R(_) {
return typeof _ == "object" && _ !== null && _.$$typeof === t;
}
function A(_) {
return N(_) === u;
}
function C(_) {
return N(_) === r;
}
function I(_) {
return N(_) === w;
}
function M(_) {
return N(_) === b;
}
function S(_) {
return N(_) === n;
}
function z(_) {
return N(_) === s;
}
function F(_) {
return N(_) === a;
}
function K(_) {
return N(_) === m;
}
$.AsyncMode = v, $.ConcurrentMode = L, $.ContextConsumer = D, $.ContextProvider = B, $.Element = V, $.ForwardRef = Y, $.Fragment = H, $.Lazy = J, $.Memo = G, $.Portal = Z, $.Profiler = ne, $.StrictMode = W, $.Suspense = X, $.isAsyncMode = re, $.isConcurrentMode = d, $.isContextConsumer = h, $.isContextProvider = T, $.isElement = R, $.isForwardRef = A, $.isFragment = C, $.isLazy = I, $.isMemo = M, $.isPortal = S, $.isProfiler = z, $.isStrictMode = F, $.isSuspense = K, $.isValidElementType = O, $.typeOf = N;
}()), $;
}
var ur;
function ia() {
return ur || (ur = 1, process.env.NODE_ENV === "production" ? dt.exports = ji() : dt.exports = wi()), dt.exports;
}
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
var At, dr;
function Ni() {
if (dr) return At;
dr = 1;
var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
function r(s) {
if (s == null)
throw new TypeError("Object.assign cannot be called with null or undefined");
return Object(s);
}
function a() {
try {
if (!Object.assign)
return !1;
var s = new String("abc");
if (s[5] = "de", Object.getOwnPropertyNames(s)[0] === "5")
return !1;
for (var c = {}, l = 0; l < 10; l++)
c["_" + String.fromCharCode(l)] = l;
var f = Object.getOwnPropertyNames(c).map(function(u) {
return c[u];
});
if (f.join("") !== "0123456789")
return !1;
var p = {};
return "abcdefghijklmnopqrst".split("").forEach(function(u) {
p[u] = u;
}), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
} catch {
return !1;
}
}
return At = a() ? Object.assign : function(s, c) {
for (var l, f = r(s), p, u = 1; u < arguments.length; u++) {
l = Object(arguments[u]);
for (var m in l)
t.call(l, m) && (f[m] = l[m]);
if (e) {
p = e(l);
for (var g = 0; g < p.length; g++)
n.call(l, p[g]) && (f[p[g]] = l[p[g]]);
}
}
return f;
}, At;
}
var Ct, pr;
function pn() {
if (pr) return Ct;
pr = 1;
var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
return Ct = e, Ct;
}
var It, mr;
function sa() {
return mr || (mr = 1, It = Function.call.bind(Object.prototype.hasOwnProperty)), It;
}
var Mt, gr;
function Oi() {
if (gr) return Mt;
gr = 1;
var e = function() {
};
if (process.env.NODE_ENV !== "production") {
var t = /* @__PURE__ */ pn(), n = {}, r = /* @__PURE__ */ sa();
e = function(s) {
var c = "Warning: " + s;
typeof console < "u" && console.error(c);
try {
throw new Error(c);
} catch {
}
};
}
function a(s, c, l, f, p) {
if (process.env.NODE_ENV !== "production") {
for (var u in s)
if (r(s, u)) {
var m;
try {
if (typeof s[u] != "function") {
var g = Error(
(f || "React class") + ": " + l + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
);
throw g.name = "Invariant Violation", g;
}
m = s[u](c, u, f, l, null, t);
} catch (w) {
m = w;
}
if (m && !(m instanceof Error) && e(
(f || "React class") + ": type specification of " + l + " `" + u + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof m + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
), m instanceof Error && !(m.message in n)) {
n[m.message] = !0;
var b = p ? p() : "";
e(
"Failed " + l + " type: " + m.message + (b ?? "")
);
}
}
}
}
return a.resetWarningCache = function() {
process.env.NODE_ENV !== "production" && (n = {});
}, Mt = a, Mt;
}
var Lt, vr;
function _i() {
if (vr) return Lt;
vr = 1;
var e = ia(), t = Ni(), n = /* @__PURE__ */ pn(), r = /* @__PURE__ */ sa(), a = /* @__PURE__ */ Oi(), s = function() {
};
process.env.NODE_ENV !== "production" && (s = function(l) {
var f = "Warning: " + l;
typeof console < "u" && console.error(f);
try {
throw new Error(f);
} catch {
}
});
function c() {
return null;
}
return Lt = function(l, f) {
var p = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
function m(d) {
var h = d && (p && d[p] || d[u]);
if (typeof h == "function")
return h;
}
var g = "<<anonymous>>", b = {
array: P("array"),
bigint: P("bigint"),
bool: P("boolean"),
func: P("function"),
number: P("number"),
object: P("object"),
string: P("string"),
symbol: P("symbol"),
any: E(),
arrayOf: O,
element: N(),
elementType: v(),
instanceOf: L,
node: Y(),
objectOf: B,
oneOf: D,
oneOfType: V,
shape: J,
exact: G
};
function w(d, h) {
return d === h ? d !== 0 || 1 / d === 1 / h : d !== d && h !== h;
}
function x(d, h) {
this.message = d, this.data = h && typeof h == "object" ? h : {}, this.stack = "";
}
x.prototype = Error.prototype;
function j(d) {
if (process.env.NODE_ENV !== "production")
var h = {}, T = 0;
function R(C, I, M, S, z, F, K) {
if (S = S || g, F = F || M, K !== n) {
if (f) {
var _ = new Error(
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
);
throw _.name = "Invariant Violation", _;
} else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
var se = S + ":" + M;
!h[se] && // Avoid spamming the console because they are often not actionable except for lib authors
T < 3 && (s(
"You are manually calling a React.PropTypes validation function for the `" + F + "` prop on `" + S + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
), h[se] = !0, T++);
}
}
return I[M] == null ? C ? I[M] === null ? new x("The " + z + " `" + F + "` is marked as required " + ("in `" + S + "`, but its value is `null`.")) : new x("The " + z + " `" + F + "` is marked as required in " + ("`" + S + "`, but its value is `undefined`.")) : null : d(I, M, S, z, F);
}
var A = R.bind(null, !1);
return A.isRequired = R.bind(null, !0), A;
}
function P(d) {
function h(T, R, A, C, I, M) {
var S = T[R], z = W(S);
if (z !== d) {
var F = X(S);
return new x(
"Invalid " + C + " `" + I + "` of type " + ("`" + F + "` supplied to `" + A + "`, expected ") + ("`" + d + "`."),
{ expectedType: d }
);
}
return null;
}
return j(h);
}
function E() {
return j(c);
}
function O(d) {
function h(T, R, A, C, I) {
if (typeof d != "function")
return new x("Property `" + I + "` of component `" + A + "` has invalid PropType notation inside arrayOf.");
var M = T[R];
if (!Array.isArray(M)) {
var S = W(M);
return new x("Invalid " + C + " `" + I + "` of type " + ("`" + S + "` supplied to `" + A + "`, expected an array."));
}
for (var z = 0; z < M.length; z++) {
var F = d(M, z, A, C, I + "[" + z + "]", n);
if (F instanceof Error)
return F;
}
return null;
}
return j(h);
}
function N() {
function d(h, T, R, A, C) {
var I = h[T];
if (!l(I)) {
var M = W(I);
return new x("Invalid " + A + " `" + C + "` of type " + ("`" + M + "` supplied to `" + R + "`, expected a single ReactElement."));
}
return null;
}
return j(d);
}
function v() {
function d(h, T, R, A, C) {
var I = h[T];
if (!e.isValidElementType(I)) {
var M = W(I);
return new x("Invalid " + A + " `" + C + "` of type " + ("`" + M + "` supplied to `" + R + "`, expected a single ReactElement type."));
}
return null;
}
return j(d);
}
function L(d) {
function h(T, R, A, C, I) {
if (!(T[R] instanceof d)) {
var M = d.name || g, S = re(T[R]);
return new x("Invalid " + C + " `" + I + "` of type " + ("`" + S + "` supplied to `" + A + "`, expected ") + ("instance of `" + M + "`."));
}
return null;
}
return j(h);
}
function D(d) {
if (!Array.isArray(d))
return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s(
"Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
) : s("Invalid argument supplied to oneOf, expected an array.")), c;
function h(T, R, A, C, I) {
for (var M = T[R], S = 0; S < d.length; S++)
if (w(M, d[S]))
return null;
var z = JSON.stringify(d, function(K, _) {
var se = X(_);
return se === "symbol" ? String(_) : _;
});
return new x("Invalid " + C + " `" + I + "` of value `" + String(M) + "` " + ("supplied to `" + A + "`, expected one of " + z + "."));
}
return j(h);
}
function B(d) {
function h(T, R, A, C, I) {
if (typeof d != "function")
return new x("Property `" + I + "` of component `" + A + "` has invalid PropType notation inside objectOf.");
var M = T[R], S = W(M);
if (S !== "object")
return new x("Invalid " + C + " `" + I + "` of type " + ("`" + S + "` supplied to `" + A + "`, expected an object."));
for (var z in M)
if (r(M, z)) {
var F = d(M, z, A, C, I + "." + z, n);
if (F instanceof Error)
return F;
}
return null;
}
return j(h);
}
function V(d) {
if (!Array.isArray(d))
return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), c;
for (var h = 0; h < d.length; h++) {
var T = d[h];
if (typeof T != "function")
return s(
"Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ce(T) + " at index " + h + "."
), c;
}
function R(A, C, I, M, S) {
for (var z = [], F = 0; F < d.length; F++) {
var K = d[F], _ = K(A, C, I, M, S, n);
if (_ == null)
return null;
_.data && r(_.data, "expectedType") && z.push(_.data.expectedType);
}
var se = z.length > 0 ? ", expected one of type [" + z.join(", ") + "]" : "";
return new x("Invalid " + M + " `" + S + "` supplied to " + ("`" + I + "`" + se + "."));
}
return j(R);
}
function Y() {
function d(h, T, R, A, C) {
return Z(h[T]) ? null : new x("Invalid " + A + " `" + C + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
}
return j(d);
}
function H(d, h, T, R, A) {
return new x(
(d || "React class") + ": " + h + " type `" + T + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + A + "`."
);
}
function J(d) {
function h(T, R, A, C, I) {
var M = T[R], S = W(M);
if (S !== "object")
return new x("Invalid " + C + " `" + I + "` of type `" + S + "` " + ("supplied to `" + A + "`, expected `object`."));
for (var z in d) {
var F = d[z];
if (typeof F != "function")
return H(A, C, I, z, X(F));
var K = F(M, z, A, C, I + "." + z, n);
if (K)
return K;
}
return null;
}
return j(h);
}
function G(d) {
function h(T, R, A, C, I) {
var M = T[R], S = W(M);
if (S !== "object")
return new x("Invalid " + C + " `" + I + "` of type `" + S + "` " + ("supplied to `" + A + "`, expected `object`."));
var z = t({}, T[R], d);
for (var F in z) {
var K = d[F];
if (r(d, F) && typeof K != "function")
return H(A, C, I, F, X(K));
if (!K)
return new x(
"Invalid " + C + " `" + I + "` key `" + F + "` supplied to `" + A + "`.\nBad object: " + JSON.stringify(T[R], null, " ") + `
Valid keys: ` + JSON.stringify(Object.keys(d), null, " ")
);
var _ = K(M, F, A, C, I + "." + F, n);
if (_)
return _;
}
return null;
}
return j(h);
}
function Z(d) {
switch (typeof d) {
case "number":
case "string":
case "undefined":
return !0;
case "boolean":
return !d;
case "object":
if (Array.isArray(d))
return d.every(Z);
if (d === null || l(d))
return !0;
var h = m(d);
if (h) {
var T = h.call(d), R;
if (h !== d.entries) {
for (; !(R = T.next()).done; )
if (!Z(R.value))
return !1;
} else
for (; !(R = T.next()).done; ) {
var A = R.value;
if (A && !Z(A[1]))
return !1;
}
} else
return !1;
return !0;
default:
return !1;
}
}
function ne(d, h) {
return d === "symbol" ? !0 : h ? h["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && h instanceof Symbol : !1;
}
function W(d) {
var h = typeof d;
return Array.isArray(d) ? "array" : d instanceof RegExp ? "object" : ne(h, d) ? "symbol" : h;
}
function X(d) {
if (typeof d > "u" || d === null)
return "" + d;
var h = W(d);
if (h === "object") {
if (d instanceof Date)
return "date";
if (d instanceof RegExp)
return "regexp";
}
return h;
}
function ce(d) {
var h = X(d);
switch (h) {
case "array":
case "object":
return "an " + h;
case "boolean":
case "date":
case "regexp":
return "a " + h;
default:
return h;
}
}
function re(d) {
return !d.constructor || !d.constructor.name ? g : d.constructor.name;
}
return b.checkPropTypes = a, b.resetWarningCache = a.resetWarningCache, b.PropTypes = b, b;
}, Lt;
}
var zt, hr;
function Pi() {
if (hr) return zt;
hr = 1;
var e = /* @__PURE__ */ pn();
function t() {
}
function n() {
}
return n.resetWarningCache = t, zt = function() {
function r(c, l, f, p, u, m) {
if (m !== e) {
var g = new Error(
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
);
throw g.name = "Invariant Violation", g;
}
}
r.isRequired = r;
function a() {
return r;
}
var s = {
array: r,
bigint: r,
bool: r,
func: r,
number: r,
object: r,
string: r,
symbol: r,
any: r,
arrayOf: a,
element: r,
elementType: r,
instanceOf: a,
node: r,
objectOf: a,
oneOf: a,
oneOfType: a,
shape: a,
exact: a,
checkPropTypes: n,
resetWarningCache: t
};
return s.PropTypes = s, s;
}, zt;
}
var br;
function Ti() {
if (br) return ut.exports;
if (br = 1, process.env.NODE_ENV !== "production") {
var e = ia(), t = !0;
ut.exports = /* @__PURE__ */ _i()(e.isElement, t);
} else
ut.exports = /* @__PURE__ */ Pi()();
return ut.exports;
}
var Q = /* @__PURE__ */ Ti();
const o = /* @__PURE__ */ hi(Q), Ei = () => /* @__PURE__ */ i.jsx("svg", { width: "40", height: "40", viewBox: "0 0 60 60", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i.jsx("path", { d: "M30 54C21.375 54 13.5 49.5 9.1875 42C4.875 34.5938 4.875 25.5 9.1875 18C13.5 10.5938 21.375 6 30 6C38.5312 6 46.4062 10.5938 50.7188 18C55.0312 25.5 55.0312 34.5938 50.7188 42C46.4062 49.5 38.5312 54 30 54ZM26.25 37.5C24.9375 37.5 24 38.5312 24 39.75C24 41.0625 24.9375 42 26.25 42H33.75C34.9688 42 36 41.0625 36 39.75C36 38.5312 34.9688 37.5 33.75 37.5H33V29.25C33 28.0312 31.9688 27 30.75 27H26.25C24.9375 27 24 28.0312 24 29.25C24 30.5625 24.9375 31.5 26.25 31.5H28.5V37.5H26.25ZM30 18C28.3125 18 27 19.4062 27 21C27 22.6875 28.3125 24 30 24C31.5938 24 33 22.6875 33 21C33 19.4062 31.5938 18 30 18Z", fill: "currentColor" }) }), mn = ({
domain: e = "An official website of the City of Portland",
icon: t = void 0,
heading: n = "Official websites use .gov",
description: r = "A .gov website belongs to an official government organization in the United States.",
showHttpsGuidance: a = !0,
initiallyExpanded: s = !1,
className: c = ""
}) => {
const [l, f] = ke(s), p = ["pgov-banner", c].filter(Boolean).join(" "), u = t || Ei(), m = () => {
f(!l);
};
return /* @__PURE__ */ i.jsx("section", { className: p, children: /* @__PURE__ */ i.jsxs("div", { className: "pgov-banner-inner", children: [
/* @__PURE__ */ i.jsx("div", { className: "pgov-banner-header", children: /* @__PURE__ */ i.jsxs("div", { className: "pgov-banner-header-inner", children: [
/* @__PURE__ */ i.jsxs("div", { className: "pgov-banner-header-content", children: [
/* @__PURE__ */ i.jsx("div", { className: "pgov-banner-header-icon", children: u }),
/* @__PURE__ */ i.jsx("p", { className: "pgov-banner-header-text", children: e })
] }),
/* @__PURE__ */ i.jsxs(
"button",
{
className: "pgov-banner-button",
onClick: m,
"aria-expanded": l,
"aria-controls": "pgov-banner-content",
children: [
/* @__PURE__ */ i.jsx("span", { className: "pgov-banner-button-text", children: "Here's how you know" }),
/* @__PURE__ */ i.jsx("span", { className: `pgov-banner-button-icon ${l ? "is-open" : ""}`, children: /* @__PURE__ */ i.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ i.jsx("polyline", { points: "6 9 12 15 18 9" }) }) })
]
}
)
] }) }),
l && /* @__PURE__ */ i.jsxs(
"div",
{
id: "pgov-banner-content",
className: "pgov-banner-content",
children: [
/* @__PURE__ */ i.jsxs("div", { className: "pgov-banner-guidance", children: [
/* @__PURE__ */ i.jsx("div", { className: "pgov-banner-guidance-icon", children: u }),
/* @__PURE__ */ i.jsx("div", { className: "pgov-banner-guidance-text", children: /* @__PURE__ */ i.jsxs("p", { children: [
/* @__PURE__ */ i.jsx("strong", { children: n }),
/* @__PURE__ */ i.jsx("br", {}),
r
] }) })
] }),
a && /* @__PURE__ */ i.jsxs("div", { className: "pgov-banner-guidance", children: [
/* @__PURE__ */ i.jsx("div", { className: "pgov-banner-guidance-icon", children: /* @__PURE__ */ i.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
/* @__PURE__ */ i.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
/* @__PURE__ */ i.jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
] }) }),
/* @__PURE__ */ i.jsx("div", { className: "pgov-banner-guidance-text", children: /* @__PURE__ */ i.jsxs("p", { children: [
/* @__PURE__ */ i.jsx("strong", { children: "Secure websites use HTTPS" }),
/* @__PURE__ */ i.jsx("br", {}),
"A ",
/* @__PURE__ */ i.jsx("strong", { children: "lock" }),
" or ",
/* @__PURE__ */ i.jsx("strong", { children: "https://" }),
" means you've safely connected to the .gov website. Share sensitive information only on official, secure websites."
] }) })
] })
]
}
)
] }) });
};
mn.propTypes = {
/** Text describing the domain/owner of the site */
domain: o.string,
/** Custom icon element to display in the banner */
icon: o.node,
/** Heading text for the banner content */
heading: o.string,
/** Description text for the banner content */
description: o.node,
/** Whether to show the HTTPS guidance section */
showHttpsGuidance: o.bool,
/** Whether the banner content is initially expanded */
initiallyExpanded: o.bool,
/** Additional CSS class for the banner */
className: o.string
};
mn.defaultProps = {
domain: "An official website of the City of Portland",
icon: void 0,
heading: "Official websites use .gov",
description: "A .gov website belongs to an official government organization in the United States.",
showHttpsGuidance: !0,
initiallyExpanded: !1,
className: ""
};
const gn = ({
title: e,
logoUrl: t,
logoAlt: n,
tagline: r
}) => /* @__PURE__ */ i.jsxs("a", { href: "/", className: "pgov-header-logo-container", children: [
t && /* @__PURE__ */ i.jsx(
"img",
{
src: t,
alt: n,
className: "pgov-header-logo-img"
}
),
/* @__PURE__ */ i.jsxs("div", { className: "pgov-header-logo-text-container", children: [
/* @__PURE__ */ i.jsx("span", { className: "pgov-header-logo-text", children: e }),
r && /* @__PURE__ */ i.jsx("span", { className: "pgov-header-logo-tagline", children: r })
] })
] });
gn.propTypes = {
/** Title text for the header */
title: o.string.isRequired,
/** URL for the logo image */
logoUrl: o.string,
/** Alt text for the logo image */
logoAlt: o.string,
/** Optional tagline displayed below the title */
tagline: o.string
};
gn.defaultProps = {
logoUrl: void 0,
logoAlt: "Logo",
tagline: void 0
};
const oa = ({ item: e }) => /* @__PURE__ */ i.jsx("li", { className: "pgov-header-menu-item", role: "menuitem", children: /* @__PURE__ */ i.jsxs(
"a",
{
href: e.href,
className: "pgov-header-menu-link",
"aria-current": e.current ? "page" : void 0,
children: [
/* @__PURE__ */ i.jsx("span", { className: "pgov-header-menu-link-title", children: e.label }),
e.description && /* @__PURE__ */ i.jsx("span", { className: "pgov-header-menu-link-description", children: e.description })
]
}
) });
oa.propTypes = {
/** Menu item object containing label, href, description, and current state */
item: o.shape({
label: o.string.isRequired,
href: o.string.isRequired,
description: o.string,
current: o.bool
}).isRequired
};
const vn = ({
items: e,
mainHeading: t,
id: n,
className: r
}) => {
const a = `${n}-heading`;
return /* @__PURE__ */ i.jsxs("nav", { className: `pgov-header-menu-group ${r || ""}`, role: "navigation", "aria-labelledby": a, children: [
/* @__PURE__ */ i.jsx("h3", { id: a, className: "pgov-header-menu-heading", children: t }),
/* @__PURE__ */ i.jsx("ul", { className: "pgov-header-menu-group-items", role: "menu", children: e.map((s, c) => /* @__PURE__ */ i.jsx(oa, { item: s }, c)) })
] });
};
vn.propTypes = {
/** Array of menu items to display */
items: o.arrayOf(
o.shape({
label: o.string.isRequired,
href: o.string.isRequired,
description: o.string,
current: o.bool
})
).isRequired,
/** Main heading text for the menu group */
mainHeading: o.string,
/** ID for the component */
id: o.string,
/** Custom class name */
className: o.string
};
vn.defaultProps = {
mainHeading: "General Information",
id: "pgov-header-menu-group"
};
const hn = ({
title: e,
logoUrl: t,
logoAlt: n,
tagline: r,
navItems: a,
mainHeading: s,
menuText: c,
openMenuAriaLabel: l,
closeMenuAriaLabel: f,
className: p
}) => {
const [u, m] = ke(!1), g = () => {
m(!u);
};
return /* @__PURE__ */ i.jsxs("header", { className: `pgov-header ${p || ""}`, children: [
/* @__PURE__ */ i.jsx("div", { className: "pgov-header-main", children: /* @__PURE__ */ i.jsxs("div", { className: "pgov-header-container", children: [
/* @__PURE__ */ i.jsx("div", { className: "pgov-header-logo", children: /* @__PURE__ */ i.jsx(
gn,
{
title: e,
logoUrl: t,
logoAlt: n,
tagline: r
}
) }),
/* @__PURE__ */ i.jsx("div", { className: `pgov-header-mobile-menu ${u ? "is-open" : ""}`, children: /* @__PURE__ */ i.jsxs(
"button",
{
className: "pgov-header-mobile-menu-button",
"aria-label": u ? f : l,
"aria-expanded": u,
"aria-controls": "pgov-header-mobile-dropdown",
onClick: g,
children: [
/* @__PURE__ */ i.jsxs("span", { className: "pgov-header-mobile-menu-icon", children: [
/* @__PURE__ */ i.jsx("span", {}),
/* @__PURE__ */ i.jsx("span", {}),
/* @__PURE__ */ i.jsx("span", {})
] }),
/* @__PURE__ */ i.jsx("span", { className: "pgov-header-mobile-menu-text", "aria-hidden": "true", children: c })
]
}
) })
] }) }),
/* @__PURE__ */ i.jsx(
"div",
{
id: "pgov-header-mobile-dropdown",
className: `pgov-header-mobile-dropdown ${u ? "is-open" : ""}`,
children: /* @__PURE__ */ i.jsx("div", { className: "pgov-header-mobile-menu-content", children: /* @__PURE__ */ i.jsx("nav", { className: "pgov-header-mobile-nav", "aria-label": "Primary navigation", children: /* @__PURE__ */ i.jsx(
vn,
{
items: a,
mainHeading: s,
id: "pgov-header-menu-group"
}
) }) })
}
)
] });
};
hn.propTypes = {
/** Title text for the header */
title: o.string.isRequired,
/** URL for the logo image */
logoUrl: o.string,
/** Alt text for the logo image */
logoAlt: o.string,
/** Optional tagline displayed below the title */
tagline: o.string,
/** Array of navigation items */
navItems: o.arrayOf(
o.shape({
label: o.string.isRequired,
href: o.string.isRequired,
description: o.string,
current: o.bool
})
).isRequired,
/** Main heading text for the navigation menu */
mainHeading: o.string,
/** Text for the menu button */
menuText: o.string,
/** Aria label for opening the menu */
openMenuAriaLabel: o.string,
/** Aria label for closing the menu */
closeMenuAriaLabel: o.string,
/** Additional CSS class names */
className: o.string
};
hn.defaultProps = {
logoUrl: void 0,
logoAlt: "Logo",
tagline: void 0,
mainHeading: "General Information",
menuText: "Menu",
openMenuAriaLabel: "Menu",
closeMenuAriaLabel: "Close menu",
className: void 0
};
o.bool.isRequired, o.func.isRequired, o.string, o.string, o.string, o.string;
const bn = ({
text: e = "Skip to main content",
mainContentId: t = "main-content",
className: n = ""
}) => {
const r = ["pgov-skipnav", n].filter(Boolean).join(" ");
return /* @__PURE__ */ i.jsx(
"a",
{
href: `#${t}`,
className: r,
"data-testid": "skip-nav",
children: e
}
);
};
bn.propTypes = {
/** The text to display in the skip nav link */
text: o.string,
/** The ID of the main content element to skip to */
mainContentId: o.string,
/** Custom class name */
className: o.string
};
bn.defaultProps = {
text: "Skip to main content",
mainContentId: "main-content",
className: ""
};
const yn = ({
feedbackUrl: e,
accessibilityText: t,
serviceRequestText: n,
onlineServiceUrl: r,
phoneNumber: a,
relayServiceText: s,
relayServiceNumber: c,
translationText: l,
generalInfoLinks: f,
termsLinks: p,
portlandGovLinks: u,
socialMediaLinks: m,
cityName: g,
cityLogoUrl: b,
cityLogoAlt: w,
copyrightText: x,
exploreServicesText: j,
exploreServicesUrl: P,
className: E
}) => /* @__PURE__ */ i.jsxs("footer", { className: `pgov-footer ${E}`, role: "contentinfo", children: [
/* @__PURE__ */ i.jsx("div", { className: "pgov-feedback-section", children: /* @__PURE__ */ i.jsxs("p", { className: "pgov-feedback-text", children: [
"See something we could improve on this page? ",
/* @__PURE__ */ i.jsx("a", { href: e, className: "pgov-feedback-link", children: "Give website feedback" }),
"."
] }) }),
/* @__PURE__ */ i.jsx("div", { className: "pgov-accessibility-section", children: /* @__PURE__ */ i.jsxs("div", { className: "pgov-accessibility-container", children: [
/* @__PURE__ */ i.jsxs("div", { className: "pgov-text-container", children: [
/* @__PURE__ */ i.jsxs("p", { className: "pgov-accessibility-text", children: [
t,
" ",
/* @__PURE__ */ i.jsxs("span", { className: "pgov-request-services", children: [
"Request these services ",
/* @__PURE__ */ i.jsx("a", { href: r, className: "pgov-online-link", children: "online" }),
" or ",
/* @__PURE__ */ i.jsx("a", { href: `tel:${a.replace(/\D/g, "")}`, className: "pgov-phone-link", children: a }),
". Relay Service: ",
/* @__PURE__ */ i.jsx("a", { href: `tel:${c.replace(/\D/g, "")}`, className: "pgov-relay-link", children: c }),
"."
] })
] }),
/* @__PURE__ */ i.jsxs("p", { className: "pgov-translation-text", children: [
/* @__PURE__ */ i.jsx("a", { href: `tel:${a.replace(/\D/g, "")}`, className: "pgov-translation-phone-link", children: a }),
" ",
l
] })
] }),
/* @__PURE__ */ i.jsx("div", { className: "pgov-explore-services", children: /* @__PURE__ */ i.jsxs("a", { href: P, className: "pgov-explore-button", children: [
j,
" ",
/* @__PURE__ */ i.jsx("span", { className: "pgov-explore-arrow", children: "→" })
] }) })
] }) }),
/* @__PURE__ */ i.jsx("div", { className: "pgov-footer-main", children: /* @__PURE__ */ i.jsxs("div", { className: "pgov-footer-nav", children: [
/* @__PURE__ */ i.jsxs("div", { className: "pgov-footer-city-info", children: [
/* @__PURE__ */ i.jsx("p", { className: "pgov-city-name", children: g }),
/* @__PURE__ */ i.jsx("img", { src: b, alt: w, className: "pgov-city-logo" }),
/* @__PURE__ */ i.jsx("p", { className: "pgov-copyright", children: x })
] }),
/* @__PURE__ */ i.jsxs("div", { className: "pgov-footer-nav-section", children: [
/* @__PURE__ */ i.jsx("h4", { className: "pgov-footer-heading", children: "General Information" }),
/* @__PURE__ */ i.jsx("ul", { className: "pgov-footer-links", children: f.map((O, N) => /* @__PURE__ */ i.jsx("li", { className: "pgov-footer-link-item", children: /* @__PURE__ */ i.jsx("a", { href: O.href, className: "pgov-footer-link", children: O.label }) }, `general-link-${N}`)) })
] }),
/* @__PURE__ */ i.jsxs("div", { className: "pgov-footer-nav-section", children: [
/* @__PURE__ */ i.jsx("h4", { className: "pgov-footer-heading", children: "Terms And Policies" }),
/* @__PURE__ */ i.jsx("ul", { className: "pgov-footer-links", children: p.map((O, N) => /* @__PURE__ */ i.jsx("li", { className: "pgov-footer-link-item", children: /* @__PURE__ */ i.jsx("a", { href: O.href, className: "pgov-footer-link", children: O.label }) }, `terms-link-${N}`)) })
] }),
/* @__PURE__ */ i.jsxs("div", { className: "pgov-footer-nav-section", children: [
/* @__PURE__ */ i.jsx("h4", { className: "pgov-footer-heading", children: "Portland.Gov" }),
/* @__PURE__ */ i.jsx("ul", { className: "pgov-footer-links", children: u.map((O, N) => /* @__PURE__ */ i.jsx("li", { className: "pgov-footer-link-item", children: /* @__PURE__ */ i.jsx("a", { href: O.href, className: "pgov-footer-link", children: O.label }) }, `pgov-link-${N}`)) })
] }),
/* @__PURE__ */ i.jsxs("div", { className: "pgov-footer-nav-section", children: [
/* @__PURE__ */ i.jsx("h4", { className: "pgov-footer-heading", children: "Social Media" }),
/* @__PURE__ */ i.jsx("ul", { className: "pgov-footer-links", children: m.map((O, N) => /* @__PURE__ */ i.jsx("li", { className: "pgov-footer-link-item", children: /* @__PURE__ */ i.jsx("a", { href: O.href, className: "pgov-footer-link", children: O.label }) }, `social-link-${N}`)) })
] })
] }) })
] });
yn.propTypes = {
/** URL for the feedback link */
feedbackUrl: o.string,
/** Text for the accessibility section */
accessibilityText: o.string,
/** Text for service request */
serviceRequestText: o.string,
/** URL for online service */
onlineServiceUrl: o.string,
/** Phone number for services */
phoneNumber: o.string,
/** Text for relay service */
relayServiceText: o.string,
/** Relay service number */
relayServiceNumber: o.string,
/** Text for translation section */
translation