Christmas Delivery Days are 22nd, 23rd And 24th December. Please leave a note on your preferred delivery day.

","instagram_link","instagram.com/thewholepurple",{},"Announcement bar",{},{"_199":588,"_212":590,"_224":591,"_227":618,"_229":42,"_274":223,"_230":42,"_231":589,"_233":619},{"_217":589},"Footer",[],{"_592":593,"_321":406,"_323":431,"_327":90},"columns",[594,605,614],{"_595":596,"_199":597,"_598":599},"text","Fresh products from local producers, delivered directly to your front door.","image_nd_text","image",[600],{"_11":601,"_24":602,"_398":603,"_400":604},"595","whole-purple-5.png",8758,"https://api.commerce.briph.com/assets/whole-purple-5__preview.png",{"_199":606,"_607":608,"_241":115},"title_nd_links","links",[609,611,612,613],{"_610":115},"linkText",{"_610":115},{"_610":115},{"_610":115},{"_595":615,"_199":616,"_241":617},"No. 32 Norman Williams, Ikoyi","title_nd_text","Physical Store/Pick-up Location",{},{},{"_199":621,"_212":623,"_224":624,"_227":683,"_229":42,"_274":220,"_230":42,"_231":622,"_233":684},{"_217":622},"Header",[],{"_20":625,"_627":628,"_629":630,"_321":406,"_323":431,"_327":90,"_679":680},[626],{"_11":601,"_24":602,"_398":603,"_400":604},"children",[],"navigation",[631,666,673],{"_632":633,"_634":115,"_635":242,"_636":637,"_654":655,"_656":657,"_662":115,"_663":664,"_665":115},"navType","mega_menu","navLinkUrl","navLinkName","navLinkGroups",[638],{"_635":242,"_639":640},"navLinkLinks",[641,644,649],{"_634":642,"_635":643},{"_11":245,"_246":247,"_24":248,"_199":249},"All",{"_634":645,"_635":648},{"_11":646,"_246":647,"_24":648,"_199":350},"13","/collections/fruits","Fruits",{"_634":650,"_635":653},{"_11":651,"_246":652,"_24":653,"_199":350},"11","/collections/vegetables","Vegetables","navFeaturedLink",{"_11":245,"_246":247,"_24":248,"_199":249},"navFeaturedImage",[658],{"_11":294,"_24":659,"_398":660,"_400":661},"img-20230823-wa0060__02.jpg",59621,"https://api.commerce.briph.com/assets/preview/b7/img-20230823-wa0060__02__preview.jpg","navFeaturedTitle","navFeaturedLinkText","Shop all","navFeaturedDescription",{"_632":246,"_634":667,"_635":671,"_636":672},{"_11":668,"_246":669,"_24":670,"_199":350},"14","/collections/spices-and-blends","Spices & Blends","Spices",[],{"_632":246,"_634":674,"_635":677,"_636":678},{"_11":675,"_246":676,"_24":677,"_199":350},"17","/collections/convenience-packs","Convenience Packs",[],"categoryNavigation",{"_681":682},"category_name","Categories",{},{},{"_199":686,"_212":688,"_224":689,"_227":694,"_229":42,"_274":222,"_230":42,"_231":695,"_233":696},{"_217":687},"NewsLetter",[],{"_690":691,"_241":692,"_402":693,"_321":431,"_323":462,"_327":90},"desc","Use this text to share information about your brand with your customers. Describe a product, share announcements, or welcome customers to your store.","Sign up for our newsletter","Submit",{},"Newsletter",{},{"_199":698,"_212":699,"_224":700,"_227":716,"_229":42,"_274":222,"_230":42,"_231":275,"_233":717},{"_217":238},[],{"_241":701,"_243":702,"_250":251,"_252":703},"Seasoning Blends",{"_11":668,"_246":669,"_24":670,"_199":350},[704,706,708,710,712,714],{"_11":705,"_256":90,"_257":258},"149",{"_11":707,"_256":90,"_257":258},"159",{"_11":709,"_256":90,"_257":258},"168",{"_11":711,"_256":90,"_257":258},"113",{"_11":713,"_256":90,"_257":258},"116",{"_11":715,"_256":90,"_257":258},"214",{},{},{"_199":719,"_212":720,"_224":721,"_227":736,"_229":42,"_274":222,"_230":42,"_231":275,"_233":737},{"_217":238},[],{"_241":722,"_243":723,"_250":251,"_252":724},"Convenience",{"_11":675,"_246":676,"_24":677,"_199":350},[725,726,727,728,730,732,734],{"_11":288,"_256":90,"_257":258},{"_11":705,"_256":90,"_257":258},{"_11":292,"_256":90,"_257":258},{"_11":729,"_256":90,"_257":258},"160",{"_11":731,"_256":90,"_257":258},"207",{"_11":733,"_256":90,"_257":258},"174",{"_11":735,"_256":90,"_257":258},"154",{},{},{"_212":739},{"_214":740,"_223":747,"_753":754,"_220":761,"_334":767,"_743":784,"_565":791},{"_199":741,"_212":742,"_224":744,"_227":745,"_229":42,"_230":40,"_231":232,"_233":746},{"_217":218},[220,743,223],"iXX5oWPd_l",{"_11":226},{},{},{"_199":748,"_212":749,"_224":750,"_227":751,"_229":42,"_274":214,"_230":40,"_231":338,"_233":752},{"_217":332},[334],{"_11":336},{},{},"OaoE2LOFk3",{"_199":755,"_212":757,"_224":758,"_227":759,"_229":42,"_274":743,"_230":42,"_231":756,"_233":760},{"_217":756},"ProductsPage",[],{},{},{},{"_199":762,"_212":763,"_224":764,"_227":765,"_229":42,"_274":214,"_230":42,"_231":338,"_233":766},{"_217":563},[565],{"_11":567},{},{},{"_199":768,"_212":769,"_224":770,"_227":782,"_229":42,"_274":223,"_230":42,"_231":589,"_233":783},{"_217":589},[],{"_592":771,"_321":406,"_323":431,"_327":90},[772,775,781],{"_595":596,"_199":597,"_598":773},[774],{"_11":601,"_24":602,"_398":603,"_400":604},{"_199":606,"_607":776,"_241":115},[777,778,779,780],{"_610":115},{"_610":115},{"_610":115},{"_610":115},{"_595":615,"_199":616,"_241":617},{},{},{"_199":785,"_212":787,"_224":788,"_227":789,"_229":42,"_274":214,"_230":40,"_231":338,"_233":790},{"_217":786},"ProductPageContainer",[753],{"_11":453},{},{},{"_199":792,"_212":793,"_224":794,"_227":819,"_229":42,"_274":220,"_230":42,"_231":622,"_233":820},{"_217":622},[],{"_20":795,"_627":797,"_629":798,"_321":406,"_323":431,"_327":90,"_679":818},[796],{"_11":601,"_24":602,"_398":603,"_400":604},[],[799,812,815],{"_632":633,"_634":115,"_635":242,"_636":800,"_654":809,"_656":810,"_662":115,"_663":664,"_665":115},[801],{"_635":242,"_639":802},[803,805,807],{"_634":804,"_635":643},{"_11":245,"_246":247,"_24":248,"_199":249},{"_634":806,"_635":648},{"_11":646,"_246":647,"_24":648,"_199":350},{"_634":808,"_635":653},{"_11":651,"_246":652,"_24":653,"_199":350},{"_11":245,"_246":247,"_24":248,"_199":249},[811],{"_11":294,"_24":659,"_398":660,"_400":661},{"_632":246,"_634":813,"_635":671,"_636":814},{"_11":668,"_246":669,"_24":670,"_199":350},[],{"_632":246,"_634":816,"_635":677,"_636":817},{"_11":675,"_246":676,"_24":677,"_199":350},[],{"_681":682},{},{},{"_212":822},{"_214":823,"_223":830,"_220":836,"_842":843,"_334":850,"_565":867,"_826":897},{"_199":824,"_212":825,"_224":827,"_227":828,"_229":42,"_230":40,"_231":232,"_233":829},{"_217":218},[220,826,223],"y93HdH1dVp",{"_11":226},{},{},{"_199":831,"_212":832,"_224":833,"_227":834,"_229":42,"_274":214,"_230":40,"_231":338,"_233":835},{"_217":332},[334],{"_11":336},{},{},{"_199":837,"_212":838,"_224":839,"_227":840,"_229":42,"_274":214,"_230":42,"_231":338,"_233":841},{"_217":563},[565],{"_11":567},{},{},"fm-qhixzAT",{"_199":844,"_212":846,"_224":847,"_227":848,"_229":42,"_274":826,"_230":42,"_231":845,"_233":849},{"_217":845},"Collections",[],{},{},{},{"_199":851,"_212":852,"_224":853,"_227":865,"_229":42,"_274":223,"_230":42,"_231":589,"_233":866},{"_217":589},[],{"_592":854,"_321":406,"_323":431,"_327":90},[855,858,864],{"_595":596,"_199":597,"_598":856},[857],{"_11":601,"_24":602,"_398":603,"_400":604},{"_199":606,"_607":859,"_241":115},[860,861,862,863],{"_610":115},{"_610":115},{"_610":115},{"_610":115},{"_595":615,"_199":616,"_241":617},{},{},{"_199":868,"_212":869,"_224":870,"_227":895,"_229":42,"_274":220,"_230":42,"_231":622,"_233":896},{"_217":622},[],{"_20":871,"_627":873,"_629":874,"_321":406,"_323":431,"_327":90,"_679":894},[872],{"_11":601,"_24":602,"_398":603,"_400":604},[],[875,888,891],{"_632":633,"_634":115,"_635":242,"_636":876,"_654":885,"_656":886,"_662":115,"_663":664,"_665":115},[877],{"_635":242,"_639":878},[879,881,883],{"_634":880,"_635":643},{"_11":245,"_246":247,"_24":248,"_199":249},{"_634":882,"_635":648},{"_11":646,"_246":647,"_24":648,"_199":350},{"_634":884,"_635":653},{"_11":651,"_246":652,"_24":653,"_199":350},{"_11":245,"_246":247,"_24":248,"_199":249},[887],{"_11":294,"_24":659,"_398":660,"_400":661},{"_632":246,"_634":889,"_635":671,"_636":890},{"_11":668,"_246":669,"_24":670,"_199":350},[],{"_632":246,"_634":892,"_635":677,"_636":893},{"_11":675,"_246":676,"_24":677,"_199":350},[],{"_681":682},{},{},{"_199":898,"_212":900,"_224":901,"_227":902,"_229":42,"_274":214,"_230":40,"_231":338,"_233":903},{"_217":899},"CollectionPageContainer",[842],{"_11":453},{},{},{},{"_11":37,"_48":49,"_43":50,"_45":51},{"_58":59,"_60":61,"_62":40,"_63":64,"_65":66},{"_69":908},[909],{"_72":73,"_74":75},{"_11":81,"_82":83},{"_88":40},{"_94":95,"_96":913},[],"html","

Home /Spices & Blends/Seasoned Pepper Mix (100g)

₦3,000

Seasoned Pepper Mix (100g)

This exquisite pepper mix with Garlic & herbs will make your every meal. It is exceptionally great in rice dishes (Jollof, fried), curries and stir-fries

Ingredients

Pepper mix (Yellow, red & crushed chilli)

Garlic

Turmeric

Ginger

Parsley

Coriander seeds

Fennel

Aromatic herbs

₦3,000

","pageRender",{"_918":919,"_212":739,"_920":426},"themeContent","(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@craftjs/core'), require('briph-typings'), require('react-dom')) :\n typeof define === 'function' && define.amd ? define(['exports', 'react', '@craftjs/core', 'briph-typings', 'react-dom'], factory) :\n (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.__briph_theme = {}, global.React, global.Craft, global.BriphTypings, global.ReactDom));\n})(this, (function (exports, React, core, briphTypings, reactDom) { 'use strict';\n\n function _interopNamespaceDefault(e) {\n const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });\n if (e) {\n for (const k in e) {\n if (k !== 'default') {\n const d = Object.getOwnPropertyDescriptor(e, k);\n Object.defineProperty(n, k, d.get ? d : {\n enumerable: true,\n get: () => e[k]\n });\n }\n }\n }\n n.default = e;\n return Object.freeze(n);\n }\n\n const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);\n\n var jsxRuntime = {\n exports: {}\n };\n\n var reactJsxRuntime_production_min = {};\n\n /**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n var hasRequiredReactJsxRuntime_production_min;\n\n function requireReactJsxRuntime_production_min () {\n \tif (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;\n \thasRequiredReactJsxRuntime_production_min = 1;\n\n \tvar f = React,\n \t k = Symbol.for(\"react.element\"),\n \t l = Symbol.for(\"react.fragment\"),\n \t m = Object.prototype.hasOwnProperty,\n \t n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,\n \t p = {\n \t key: !0,\n \t ref: !0,\n \t __self: !0,\n \t __source: !0\n \t };\n \tfunction q(c, a, g) {\n \t var b,\n \t d = {},\n \t e = null,\n \t h = null;\n \t void 0 !== g && (e = \"\" + g);\n \t void 0 !== a.key && (e = \"\" + a.key);\n \t void 0 !== a.ref && (h = a.ref);\n \t for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);\n \t if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]);\n \t return {\n \t $$typeof: k,\n \t type: c,\n \t key: e,\n \t ref: h,\n \t props: d,\n \t _owner: n.current\n \t };\n \t}\n \treactJsxRuntime_production_min.Fragment = l;\n \treactJsxRuntime_production_min.jsx = q;\n \treactJsxRuntime_production_min.jsxs = q;\n \treturn reactJsxRuntime_production_min;\n }\n\n var reactJsxRuntime_development = {};\n\n /**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n var hasRequiredReactJsxRuntime_development;\n\n function requireReactJsxRuntime_development () {\n \tif (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;\n \thasRequiredReactJsxRuntime_development = 1;\n\n \tif (process.env.NODE_ENV !== \"production\") {\n \t (function () {\n\n \t var React$1 = React;\n\n \t // ATTENTION\n \t // When adding new symbols to this file,\n \t // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'\n \t // The Symbol used to tag the ReactElement-like types.\n \t var REACT_ELEMENT_TYPE = Symbol.for('react.element');\n \t var REACT_PORTAL_TYPE = Symbol.for('react.portal');\n \t var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');\n \t var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');\n \t var REACT_PROFILER_TYPE = Symbol.for('react.profiler');\n \t var REACT_PROVIDER_TYPE = Symbol.for('react.provider');\n \t var REACT_CONTEXT_TYPE = Symbol.for('react.context');\n \t var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');\n \t var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');\n \t var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');\n \t var REACT_MEMO_TYPE = Symbol.for('react.memo');\n \t var REACT_LAZY_TYPE = Symbol.for('react.lazy');\n \t var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');\n \t var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;\n \t var FAUX_ITERATOR_SYMBOL = '@@iterator';\n \t function getIteratorFn(maybeIterable) {\n \t if (maybeIterable === null || typeof maybeIterable !== 'object') {\n \t return null;\n \t }\n \t var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];\n \t if (typeof maybeIterator === 'function') {\n \t return maybeIterator;\n \t }\n \t return null;\n \t }\n \t var ReactSharedInternals = React$1.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n \t function error(format) {\n \t {\n \t {\n \t for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n \t args[_key2 - 1] = arguments[_key2];\n \t }\n \t printWarning('error', format, args);\n \t }\n \t }\n \t }\n \t function printWarning(level, format, args) {\n \t // When changing this logic, you might want to also\n \t // update consoleWithStackDev.www.js as well.\n \t {\n \t var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;\n \t var stack = ReactDebugCurrentFrame.getStackAddendum();\n \t if (stack !== '') {\n \t format += '%s';\n \t args = args.concat([stack]);\n \t } // eslint-disable-next-line react-internal/safe-string-coercion\n\n \t var argsWithFormat = args.map(function (item) {\n \t return String(item);\n \t }); // Careful: RN currently depends on this prefix\n\n \t argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it\n \t // breaks IE9: https://github.com/facebook/react/issues/13610\n \t // eslint-disable-next-line react-internal/no-production-logging\n\n \t Function.prototype.apply.call(console[level], console, argsWithFormat);\n \t }\n \t }\n\n \t // -----------------------------------------------------------------------------\n\n \t var enableScopeAPI = false; // Experimental Create Event Handle API.\n \t var enableCacheElement = false;\n \t var enableTransitionTracing = false; // No known bugs, but needs performance testing\n\n \t var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber\n \t // stuff. Intended to enable React core members to more easily debug scheduling\n \t // issues in DEV builds.\n\n \t var enableDebugTracing = false; // Track which Fiber(s) schedule render work.\n\n \t var REACT_MODULE_REFERENCE;\n \t {\n \t REACT_MODULE_REFERENCE = Symbol.for('react.module.reference');\n \t }\n \t function isValidElementType(type) {\n \t if (typeof type === 'string' || typeof type === 'function') {\n \t return true;\n \t } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).\n\n \t if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing) {\n \t return true;\n \t }\n \t if (typeof type === 'object' && type !== null) {\n \t if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE ||\n \t // This needs to include all possible module reference object\n \t // types supported by any Flight configuration anywhere since\n \t // we don't know which Flight build this will end up being used\n \t // with.\n \t type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {\n \t return true;\n \t }\n \t }\n \t return false;\n \t }\n \t function getWrappedName(outerType, innerType, wrapperName) {\n \t var displayName = outerType.displayName;\n \t if (displayName) {\n \t return displayName;\n \t }\n \t var functionName = innerType.displayName || innerType.name || '';\n \t return functionName !== '' ? wrapperName + \"(\" + functionName + \")\" : wrapperName;\n \t } // Keep in sync with react-reconciler/getComponentNameFromFiber\n\n \t function getContextName(type) {\n \t return type.displayName || 'Context';\n \t } // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.\n\n \t function getComponentNameFromType(type) {\n \t if (type == null) {\n \t // Host root, text node or just invalid type.\n \t return null;\n \t }\n \t {\n \t if (typeof type.tag === 'number') {\n \t error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');\n \t }\n \t }\n \t if (typeof type === 'function') {\n \t return type.displayName || type.name || null;\n \t }\n \t if (typeof type === 'string') {\n \t return type;\n \t }\n \t switch (type) {\n \t case REACT_FRAGMENT_TYPE:\n \t return 'Fragment';\n \t case REACT_PORTAL_TYPE:\n \t return 'Portal';\n \t case REACT_PROFILER_TYPE:\n \t return 'Profiler';\n \t case REACT_STRICT_MODE_TYPE:\n \t return 'StrictMode';\n \t case REACT_SUSPENSE_TYPE:\n \t return 'Suspense';\n \t case REACT_SUSPENSE_LIST_TYPE:\n \t return 'SuspenseList';\n \t }\n \t if (typeof type === 'object') {\n \t switch (type.$$typeof) {\n \t case REACT_CONTEXT_TYPE:\n \t var context = type;\n \t return getContextName(context) + '.Consumer';\n \t case REACT_PROVIDER_TYPE:\n \t var provider = type;\n \t return getContextName(provider._context) + '.Provider';\n \t case REACT_FORWARD_REF_TYPE:\n \t return getWrappedName(type, type.render, 'ForwardRef');\n \t case REACT_MEMO_TYPE:\n \t var outerName = type.displayName || null;\n \t if (outerName !== null) {\n \t return outerName;\n \t }\n \t return getComponentNameFromType(type.type) || 'Memo';\n \t case REACT_LAZY_TYPE:\n \t {\n \t var lazyComponent = type;\n \t var payload = lazyComponent._payload;\n \t var init = lazyComponent._init;\n \t try {\n \t return getComponentNameFromType(init(payload));\n \t } catch (x) {\n \t return null;\n \t }\n \t }\n\n \t // eslint-disable-next-line no-fallthrough\n \t }\n \t }\n\n \t return null;\n \t }\n \t var assign = Object.assign;\n\n \t // Helpers to patch console.logs to avoid logging during side-effect free\n \t // replaying on render function. This currently only patches the object\n \t // lazily which won't cover if the log function was extracted eagerly.\n \t // We could also eagerly patch the method.\n \t var disabledDepth = 0;\n \t var prevLog;\n \t var prevInfo;\n \t var prevWarn;\n \t var prevError;\n \t var prevGroup;\n \t var prevGroupCollapsed;\n \t var prevGroupEnd;\n \t function disabledLog() {}\n \t disabledLog.__reactDisabledLog = true;\n \t function disableLogs() {\n \t {\n \t if (disabledDepth === 0) {\n \t /* eslint-disable react-internal/no-production-logging */\n \t prevLog = console.log;\n \t prevInfo = console.info;\n \t prevWarn = console.warn;\n \t prevError = console.error;\n \t prevGroup = console.group;\n \t prevGroupCollapsed = console.groupCollapsed;\n \t prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099\n\n \t var props = {\n \t configurable: true,\n \t enumerable: true,\n \t value: disabledLog,\n \t writable: true\n \t }; // $FlowFixMe Flow thinks console is immutable.\n\n \t Object.defineProperties(console, {\n \t info: props,\n \t log: props,\n \t warn: props,\n \t error: props,\n \t group: props,\n \t groupCollapsed: props,\n \t groupEnd: props\n \t });\n \t /* eslint-enable react-internal/no-production-logging */\n \t }\n\n \t disabledDepth++;\n \t }\n \t }\n \t function reenableLogs() {\n \t {\n \t disabledDepth--;\n \t if (disabledDepth === 0) {\n \t /* eslint-disable react-internal/no-production-logging */\n \t var props = {\n \t configurable: true,\n \t enumerable: true,\n \t writable: true\n \t }; // $FlowFixMe Flow thinks console is immutable.\n\n \t Object.defineProperties(console, {\n \t log: assign({}, props, {\n \t value: prevLog\n \t }),\n \t info: assign({}, props, {\n \t value: prevInfo\n \t }),\n \t warn: assign({}, props, {\n \t value: prevWarn\n \t }),\n \t error: assign({}, props, {\n \t value: prevError\n \t }),\n \t group: assign({}, props, {\n \t value: prevGroup\n \t }),\n \t groupCollapsed: assign({}, props, {\n \t value: prevGroupCollapsed\n \t }),\n \t groupEnd: assign({}, props, {\n \t value: prevGroupEnd\n \t })\n \t });\n \t /* eslint-enable react-internal/no-production-logging */\n \t }\n\n \t if (disabledDepth < 0) {\n \t error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');\n \t }\n \t }\n \t }\n \t var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;\n \t var prefix;\n \t function describeBuiltInComponentFrame(name, source, ownerFn) {\n \t {\n \t if (prefix === undefined) {\n \t // Extract the VM specific prefix used by each line.\n \t try {\n \t throw Error();\n \t } catch (x) {\n \t var match = x.stack.trim().match(/\\n( *(at )?)/);\n \t prefix = match && match[1] || '';\n \t }\n \t } // We use the prefix to ensure our stacks line up with native stack frames.\n\n \t return '\\n' + prefix + name;\n \t }\n \t }\n \t var reentry = false;\n \t var componentFrameCache;\n \t {\n \t var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;\n \t componentFrameCache = new PossiblyWeakMap();\n \t }\n \t function describeNativeComponentFrame(fn, construct) {\n \t // If something asked for a stack inside a fake render, it should get ignored.\n \t if (!fn || reentry) {\n \t return '';\n \t }\n \t {\n \t var frame = componentFrameCache.get(fn);\n \t if (frame !== undefined) {\n \t return frame;\n \t }\n \t }\n \t var control;\n \t reentry = true;\n \t var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe It does accept undefined.\n\n \t Error.prepareStackTrace = undefined;\n \t var previousDispatcher;\n \t {\n \t previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function\n \t // for warnings.\n\n \t ReactCurrentDispatcher.current = null;\n \t disableLogs();\n \t }\n \t try {\n \t // This should throw.\n \t if (construct) {\n \t // Something should be setting the props in the constructor.\n \t var Fake = function () {\n \t throw Error();\n \t }; // $FlowFixMe\n\n \t Object.defineProperty(Fake.prototype, 'props', {\n \t set: function () {\n \t // We use a throwing setter instead of frozen or non-writable props\n \t // because that won't throw in a non-strict mode function.\n \t throw Error();\n \t }\n \t });\n \t if (typeof Reflect === 'object' && Reflect.construct) {\n \t // We construct a different control for this case to include any extra\n \t // frames added by the construct call.\n \t try {\n \t Reflect.construct(Fake, []);\n \t } catch (x) {\n \t control = x;\n \t }\n \t Reflect.construct(fn, [], Fake);\n \t } else {\n \t try {\n \t Fake.call();\n \t } catch (x) {\n \t control = x;\n \t }\n \t fn.call(Fake.prototype);\n \t }\n \t } else {\n \t try {\n \t throw Error();\n \t } catch (x) {\n \t control = x;\n \t }\n \t fn();\n \t }\n \t } catch (sample) {\n \t // This is inlined manually because closure doesn't do it for us.\n \t if (sample && control && typeof sample.stack === 'string') {\n \t // This extracts the first frame from the sample that isn't also in the control.\n \t // Skipping one frame that we assume is the frame that calls the two.\n \t var sampleLines = sample.stack.split('\\n');\n \t var controlLines = control.stack.split('\\n');\n \t var s = sampleLines.length - 1;\n \t var c = controlLines.length - 1;\n \t while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {\n \t // We expect at least one stack frame to be shared.\n \t // Typically this will be the root most one. However, stack frames may be\n \t // cut off due to maximum stack limits. In this case, one maybe cut off\n \t // earlier than the other. We assume that the sample is longer or the same\n \t // and there for cut off earlier. So we should find the root most frame in\n \t // the sample somewhere in the control.\n \t c--;\n \t }\n \t for (; s >= 1 && c >= 0; s--, c--) {\n \t // Next we find the first one that isn't the same which should be the\n \t // frame that called our sample function and the control.\n \t if (sampleLines[s] !== controlLines[c]) {\n \t // In V8, the first line is describing the message but other VMs don't.\n \t // If we're about to return the first line, and the control is also on the same\n \t // line, that's a pretty good indicator that our sample threw at same line as\n \t // the control. I.e. before we entered the sample frame. So we ignore this result.\n \t // This can happen if you passed a class to function component, or non-function.\n \t if (s !== 1 || c !== 1) {\n \t do {\n \t s--;\n \t c--; // We may still have similar intermediate frames from the construct call.\n \t // The next one that isn't the same should be our match though.\n\n \t if (c < 0 || sampleLines[s] !== controlLines[c]) {\n \t // V8 adds a \"new\" prefix for native classes. Let's remove it to make it prettier.\n \t var _frame = '\\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled \"\"\n \t // but we have a user-provided \"displayName\"\n \t // splice it in to make the stack more readable.\n\n \t if (fn.displayName && _frame.includes('')) {\n \t _frame = _frame.replace('', fn.displayName);\n \t }\n \t {\n \t if (typeof fn === 'function') {\n \t componentFrameCache.set(fn, _frame);\n \t }\n \t } // Return the line we found.\n\n \t return _frame;\n \t }\n \t } while (s >= 1 && c >= 0);\n \t }\n \t break;\n \t }\n \t }\n \t }\n \t } finally {\n \t reentry = false;\n \t {\n \t ReactCurrentDispatcher.current = previousDispatcher;\n \t reenableLogs();\n \t }\n \t Error.prepareStackTrace = previousPrepareStackTrace;\n \t } // Fallback to just using the name if we couldn't make it throw.\n\n \t var name = fn ? fn.displayName || fn.name : '';\n \t var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';\n \t {\n \t if (typeof fn === 'function') {\n \t componentFrameCache.set(fn, syntheticFrame);\n \t }\n \t }\n \t return syntheticFrame;\n \t }\n \t function describeFunctionComponentFrame(fn, source, ownerFn) {\n \t {\n \t return describeNativeComponentFrame(fn, false);\n \t }\n \t }\n \t function shouldConstruct(Component) {\n \t var prototype = Component.prototype;\n \t return !!(prototype && prototype.isReactComponent);\n \t }\n \t function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {\n \t if (type == null) {\n \t return '';\n \t }\n \t if (typeof type === 'function') {\n \t {\n \t return describeNativeComponentFrame(type, shouldConstruct(type));\n \t }\n \t }\n \t if (typeof type === 'string') {\n \t return describeBuiltInComponentFrame(type);\n \t }\n \t switch (type) {\n \t case REACT_SUSPENSE_TYPE:\n \t return describeBuiltInComponentFrame('Suspense');\n \t case REACT_SUSPENSE_LIST_TYPE:\n \t return describeBuiltInComponentFrame('SuspenseList');\n \t }\n \t if (typeof type === 'object') {\n \t switch (type.$$typeof) {\n \t case REACT_FORWARD_REF_TYPE:\n \t return describeFunctionComponentFrame(type.render);\n \t case REACT_MEMO_TYPE:\n \t // Memo may contain any component type so we recursively resolve it.\n \t return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);\n \t case REACT_LAZY_TYPE:\n \t {\n \t var lazyComponent = type;\n \t var payload = lazyComponent._payload;\n \t var init = lazyComponent._init;\n \t try {\n \t // Lazy may contain any component type so we recursively resolve it.\n \t return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);\n \t } catch (x) {}\n \t }\n \t }\n \t }\n \t return '';\n \t }\n \t var hasOwnProperty = Object.prototype.hasOwnProperty;\n \t var loggedTypeFailures = {};\n \t var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;\n \t function setCurrentlyValidatingElement(element) {\n \t {\n \t if (element) {\n \t var owner = element._owner;\n \t var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);\n \t ReactDebugCurrentFrame.setExtraStackFrame(stack);\n \t } else {\n \t ReactDebugCurrentFrame.setExtraStackFrame(null);\n \t }\n \t }\n \t }\n \t function checkPropTypes(typeSpecs, values, location, componentName, element) {\n \t {\n \t // $FlowFixMe This is okay but Flow doesn't know it.\n \t var has = Function.call.bind(hasOwnProperty);\n \t for (var typeSpecName in typeSpecs) {\n \t if (has(typeSpecs, typeSpecName)) {\n \t var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to\n \t // fail the render phase where it didn't fail before. So we log it.\n \t // After these have been cleaned up, we'll let them throw.\n\n \t try {\n \t // This is intentionally an invariant that gets caught. It's the same\n \t // behavior as without this statement except with a better message.\n \t if (typeof typeSpecs[typeSpecName] !== 'function') {\n \t // eslint-disable-next-line react-internal/prod-error-codes\n \t var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');\n \t err.name = 'Invariant Violation';\n \t throw err;\n \t }\n \t error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');\n \t } catch (ex) {\n \t error$1 = ex;\n \t }\n \t if (error$1 && !(error$1 instanceof Error)) {\n \t setCurrentlyValidatingElement(element);\n \t error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);\n \t setCurrentlyValidatingElement(null);\n \t }\n \t if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {\n \t // Only monitor this failure once because there tends to be a lot of the\n \t // same error.\n \t loggedTypeFailures[error$1.message] = true;\n \t setCurrentlyValidatingElement(element);\n \t error('Failed %s type: %s', location, error$1.message);\n \t setCurrentlyValidatingElement(null);\n \t }\n \t }\n \t }\n \t }\n \t }\n \t var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare\n\n \t function isArray(a) {\n \t return isArrayImpl(a);\n \t }\n\n \t /*\n \t * The `'' + value` pattern (used in in perf-sensitive code) throws for Symbol\n \t * and Temporal.* types. See https://github.com/facebook/react/pull/22064.\n \t *\n \t * The functions in this module will throw an easier-to-understand,\n \t * easier-to-debug exception with a clear errors message message explaining the\n \t * problem. (Instead of a confusing exception thrown inside the implementation\n \t * of the `value` object).\n \t */\n \t // $FlowFixMe only called in DEV, so void return is not possible.\n \t function typeName(value) {\n \t {\n \t // toStringTag is needed for namespaced types like Temporal.Instant\n \t var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;\n \t var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object';\n \t return type;\n \t }\n \t } // $FlowFixMe only called in DEV, so void return is not possible.\n\n \t function willCoercionThrow(value) {\n \t {\n \t try {\n \t testStringCoercion(value);\n \t return false;\n \t } catch (e) {\n \t return true;\n \t }\n \t }\n \t }\n \t function testStringCoercion(value) {\n \t // If you ended up here by following an exception call stack, here's what's\n \t // happened: you supplied an object or symbol value to React (as a prop, key,\n \t // DOM attribute, CSS property, string ref, etc.) and when React tried to\n \t // coerce it to a string using `'' + value`, an exception was thrown.\n \t //\n \t // The most common types that will cause this exception are `Symbol` instances\n \t // and Temporal objects like `Temporal.Instant`. But any object that has a\n \t // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this\n \t // exception. (Library authors do this to prevent users from using built-in\n \t // numeric operators like `+` or comparison operators like `>=` because custom\n \t // methods are needed to perform accurate arithmetic or comparison.)\n \t //\n \t // To fix the problem, coerce this object or symbol value to a string before\n \t // passing it to React. The most reliable way is usually `String(value)`.\n \t //\n \t // To find which value is throwing, check the browser or debugger console.\n \t // Before this exception was thrown, there should be `console.error` output\n \t // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the\n \t // problem and how that type was used: key, atrribute, input value prop, etc.\n \t // In most cases, this console output also shows the component and its\n \t // ancestor components where the exception happened.\n \t //\n \t // eslint-disable-next-line react-internal/safe-string-coercion\n \t return '' + value;\n \t }\n \t function checkKeyStringCoercion(value) {\n \t {\n \t if (willCoercionThrow(value)) {\n \t error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before before using it here.', typeName(value));\n \t return testStringCoercion(value); // throw (to help callers find troubleshooting comments)\n \t }\n \t }\n \t }\n\n \t var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;\n \t var RESERVED_PROPS = {\n \t key: true,\n \t ref: true,\n \t __self: true,\n \t __source: true\n \t };\n \t var specialPropKeyWarningShown;\n \t var specialPropRefWarningShown;\n \t var didWarnAboutStringRefs;\n \t {\n \t didWarnAboutStringRefs = {};\n \t }\n \t function hasValidRef(config) {\n \t {\n \t if (hasOwnProperty.call(config, 'ref')) {\n \t var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;\n \t if (getter && getter.isReactWarning) {\n \t return false;\n \t }\n \t }\n \t }\n \t return config.ref !== undefined;\n \t }\n \t function hasValidKey(config) {\n \t {\n \t if (hasOwnProperty.call(config, 'key')) {\n \t var getter = Object.getOwnPropertyDescriptor(config, 'key').get;\n \t if (getter && getter.isReactWarning) {\n \t return false;\n \t }\n \t }\n \t }\n \t return config.key !== undefined;\n \t }\n \t function warnIfStringRefCannotBeAutoConverted(config, self) {\n \t {\n \t if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {\n \t var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);\n \t if (!didWarnAboutStringRefs[componentName]) {\n \t error('Component \"%s\" contains the string ref \"%s\". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);\n \t didWarnAboutStringRefs[componentName] = true;\n \t }\n \t }\n \t }\n \t }\n \t function defineKeyPropWarningGetter(props, displayName) {\n \t {\n \t var warnAboutAccessingKey = function () {\n \t if (!specialPropKeyWarningShown) {\n \t specialPropKeyWarningShown = true;\n \t 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://reactjs.org/link/special-props)', displayName);\n \t }\n \t };\n \t warnAboutAccessingKey.isReactWarning = true;\n \t Object.defineProperty(props, 'key', {\n \t get: warnAboutAccessingKey,\n \t configurable: true\n \t });\n \t }\n \t }\n \t function defineRefPropWarningGetter(props, displayName) {\n \t {\n \t var warnAboutAccessingRef = function () {\n \t if (!specialPropRefWarningShown) {\n \t specialPropRefWarningShown = true;\n \t error('%s: `ref` 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://reactjs.org/link/special-props)', displayName);\n \t }\n \t };\n \t warnAboutAccessingRef.isReactWarning = true;\n \t Object.defineProperty(props, 'ref', {\n \t get: warnAboutAccessingRef,\n \t configurable: true\n \t });\n \t }\n \t }\n \t /**\n \t * Factory method to create a new React element. This no longer adheres to\n \t * the class pattern, so do not use new to call it. Also, instanceof check\n \t * will not work. Instead test $$typeof field against Symbol.for('react.element') to check\n \t * if something is a React Element.\n \t *\n \t * @param {*} type\n \t * @param {*} props\n \t * @param {*} key\n \t * @param {string|object} ref\n \t * @param {*} owner\n \t * @param {*} self A *temporary* helper to detect places where `this` is\n \t * different from the `owner` when React.createElement is called, so that we\n \t * can warn. We want to get rid of owner and replace string `ref`s with arrow\n \t * functions, and as long as `this` and owner are the same, there will be no\n \t * change in behavior.\n \t * @param {*} source An annotation object (added by a transpiler or otherwise)\n \t * indicating filename, line number, and/or other information.\n \t * @internal\n \t */\n\n \t var ReactElement = function (type, key, ref, self, source, owner, props) {\n \t var element = {\n \t // This tag allows us to uniquely identify this as a React Element\n \t $$typeof: REACT_ELEMENT_TYPE,\n \t // Built-in properties that belong on the element\n \t type: type,\n \t key: key,\n \t ref: ref,\n \t props: props,\n \t // Record the component responsible for creating this element.\n \t _owner: owner\n \t };\n \t {\n \t // The validation flag is currently mutative. We put it on\n \t // an external backing store so that we can freeze the whole object.\n \t // This can be replaced with a WeakMap once they are implemented in\n \t // commonly used development environments.\n \t element._store = {}; // To make comparing ReactElements easier for testing purposes, we make\n \t // the validation flag non-enumerable (where possible, which should\n \t // include every environment we run tests in), so the test framework\n \t // ignores it.\n\n \t Object.defineProperty(element._store, 'validated', {\n \t configurable: false,\n \t enumerable: false,\n \t writable: true,\n \t value: false\n \t }); // self and source are DEV only properties.\n\n \t Object.defineProperty(element, '_self', {\n \t configurable: false,\n \t enumerable: false,\n \t writable: false,\n \t value: self\n \t }); // Two elements created in two different places should be considered\n \t // equal for testing purposes and therefore we hide it from enumeration.\n\n \t Object.defineProperty(element, '_source', {\n \t configurable: false,\n \t enumerable: false,\n \t writable: false,\n \t value: source\n \t });\n \t if (Object.freeze) {\n \t Object.freeze(element.props);\n \t Object.freeze(element);\n \t }\n \t }\n \t return element;\n \t };\n \t /**\n \t * https://github.com/reactjs/rfcs/pull/107\n \t * @param {*} type\n \t * @param {object} props\n \t * @param {string} key\n \t */\n\n \t function jsxDEV(type, config, maybeKey, source, self) {\n \t {\n \t var propName; // Reserved names are extracted\n\n \t var props = {};\n \t var key = null;\n \t var ref = null; // Currently, key can be spread in as a prop. This causes a potential\n \t // issue if key is also explicitly declared (ie.

\n \t // or

). We want to deprecate key spread,\n \t // but as an intermediary step, we will use jsxDEV for everything except\n \t //

, because we aren't currently able to tell if\n \t // key is explicitly declared to be undefined or not.\n\n \t if (maybeKey !== undefined) {\n \t {\n \t checkKeyStringCoercion(maybeKey);\n \t }\n \t key = '' + maybeKey;\n \t }\n \t if (hasValidKey(config)) {\n \t {\n \t checkKeyStringCoercion(config.key);\n \t }\n \t key = '' + config.key;\n \t }\n \t if (hasValidRef(config)) {\n \t ref = config.ref;\n \t warnIfStringRefCannotBeAutoConverted(config, self);\n \t } // Remaining properties are added to a new props object\n\n \t for (propName in config) {\n \t if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {\n \t props[propName] = config[propName];\n \t }\n \t } // Resolve default props\n\n \t if (type && type.defaultProps) {\n \t var defaultProps = type.defaultProps;\n \t for (propName in defaultProps) {\n \t if (props[propName] === undefined) {\n \t props[propName] = defaultProps[propName];\n \t }\n \t }\n \t }\n \t if (key || ref) {\n \t var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;\n \t if (key) {\n \t defineKeyPropWarningGetter(props, displayName);\n \t }\n \t if (ref) {\n \t defineRefPropWarningGetter(props, displayName);\n \t }\n \t }\n \t return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);\n \t }\n \t }\n \t var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;\n \t var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;\n \t function setCurrentlyValidatingElement$1(element) {\n \t {\n \t if (element) {\n \t var owner = element._owner;\n \t var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);\n \t ReactDebugCurrentFrame$1.setExtraStackFrame(stack);\n \t } else {\n \t ReactDebugCurrentFrame$1.setExtraStackFrame(null);\n \t }\n \t }\n \t }\n \t var propTypesMisspellWarningShown;\n \t {\n \t propTypesMisspellWarningShown = false;\n \t }\n \t /**\n \t * Verifies the object is a ReactElement.\n \t * See https://reactjs.org/docs/react-api.html#isvalidelement\n \t * @param {?object} object\n \t * @return {boolean} True if `object` is a ReactElement.\n \t * @final\n \t */\n\n \t function isValidElement(object) {\n \t {\n \t return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;\n \t }\n \t }\n \t function getDeclarationErrorAddendum() {\n \t {\n \t if (ReactCurrentOwner$1.current) {\n \t var name = getComponentNameFromType(ReactCurrentOwner$1.current.type);\n \t if (name) {\n \t return '\\n\\nCheck the render method of `' + name + '`.';\n \t }\n \t }\n \t return '';\n \t }\n \t }\n \t function getSourceInfoErrorAddendum(source) {\n \t {\n \t if (source !== undefined) {\n \t var fileName = source.fileName.replace(/^.*[\\\\\\/]/, '');\n \t var lineNumber = source.lineNumber;\n \t return '\\n\\nCheck your code at ' + fileName + ':' + lineNumber + '.';\n \t }\n \t return '';\n \t }\n \t }\n \t /**\n \t * Warn if there's no key explicitly set on dynamic arrays of children or\n \t * object keys are not valid. This allows us to keep track of children between\n \t * updates.\n \t */\n\n \t var ownerHasKeyUseWarning = {};\n \t function getCurrentComponentErrorInfo(parentType) {\n \t {\n \t var info = getDeclarationErrorAddendum();\n \t if (!info) {\n \t var parentName = typeof parentType === 'string' ? parentType : parentType.displayName || parentType.name;\n \t if (parentName) {\n \t info = \"\\n\\nCheck the top-level render call using <\" + parentName + \">.\";\n \t }\n \t }\n \t return info;\n \t }\n \t }\n \t /**\n \t * Warn if the element doesn't have an explicit key assigned to it.\n \t * This element is in an array. The array could grow and shrink or be\n \t * reordered. All children that haven't already been validated are required to\n \t * have a \"key\" property assigned to it. Error statuses are cached so a warning\n \t * will only be shown once.\n \t *\n \t * @internal\n \t * @param {ReactElement} element Element that requires a key.\n \t * @param {*} parentType element's parent's type.\n \t */\n\n \t function validateExplicitKey(element, parentType) {\n \t {\n \t if (!element._store || element._store.validated || element.key != null) {\n \t return;\n \t }\n \t element._store.validated = true;\n \t var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);\n \t if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {\n \t return;\n \t }\n \t ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a\n \t // property, it may be the creator of the child that's responsible for\n \t // assigning it a key.\n\n \t var childOwner = '';\n \t if (element && element._owner && element._owner !== ReactCurrentOwner$1.current) {\n \t // Give the component that originally created this child.\n \t childOwner = \" It was passed a child from \" + getComponentNameFromType(element._owner.type) + \".\";\n \t }\n \t setCurrentlyValidatingElement$1(element);\n \t error('Each child in a list should have a unique \"key\" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);\n \t setCurrentlyValidatingElement$1(null);\n \t }\n \t }\n \t /**\n \t * Ensure that every element either is passed in a static location, in an\n \t * array with an explicit keys property defined, or in an object literal\n \t * with valid key property.\n \t *\n \t * @internal\n \t * @param {ReactNode} node Statically passed child of any type.\n \t * @param {*} parentType node's parent's type.\n \t */\n\n \t function validateChildKeys(node, parentType) {\n \t {\n \t if (typeof node !== 'object') {\n \t return;\n \t }\n \t if (isArray(node)) {\n \t for (var i = 0; i < node.length; i++) {\n \t var child = node[i];\n \t if (isValidElement(child)) {\n \t validateExplicitKey(child, parentType);\n \t }\n \t }\n \t } else if (isValidElement(node)) {\n \t // This element was passed in a valid location.\n \t if (node._store) {\n \t node._store.validated = true;\n \t }\n \t } else if (node) {\n \t var iteratorFn = getIteratorFn(node);\n \t if (typeof iteratorFn === 'function') {\n \t // Entry iterators used to provide implicit keys,\n \t // but now we print a separate warning for them later.\n \t if (iteratorFn !== node.entries) {\n \t var iterator = iteratorFn.call(node);\n \t var step;\n \t while (!(step = iterator.next()).done) {\n \t if (isValidElement(step.value)) {\n \t validateExplicitKey(step.value, parentType);\n \t }\n \t }\n \t }\n \t }\n \t }\n \t }\n \t }\n \t /**\n \t * Given an element, validate that its props follow the propTypes definition,\n \t * provided by the type.\n \t *\n \t * @param {ReactElement} element\n \t */\n\n \t function validatePropTypes(element) {\n \t {\n \t var type = element.type;\n \t if (type === null || type === undefined || typeof type === 'string') {\n \t return;\n \t }\n \t var propTypes;\n \t if (typeof type === 'function') {\n \t propTypes = type.propTypes;\n \t } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE ||\n \t // Note: Memo only checks outer props here.\n \t // Inner props are checked in the reconciler.\n \t type.$$typeof === REACT_MEMO_TYPE)) {\n \t propTypes = type.propTypes;\n \t } else {\n \t return;\n \t }\n \t if (propTypes) {\n \t // Intentionally inside to avoid triggering lazy initializers:\n \t var name = getComponentNameFromType(type);\n \t checkPropTypes(propTypes, element.props, 'prop', name, element);\n \t } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {\n \t propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:\n\n \t var _name = getComponentNameFromType(type);\n \t error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');\n \t }\n \t if (typeof type.getDefaultProps === 'function' && !type.getDefaultProps.isReactClassApproved) {\n \t error('getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');\n \t }\n \t }\n \t }\n \t /**\n \t * Given a fragment, validate that it can only be provided with fragment props\n \t * @param {ReactElement} fragment\n \t */\n\n \t function validateFragmentProps(fragment) {\n \t {\n \t var keys = Object.keys(fragment.props);\n \t for (var i = 0; i < keys.length; i++) {\n \t var key = keys[i];\n \t if (key !== 'children' && key !== 'key') {\n \t setCurrentlyValidatingElement$1(fragment);\n \t error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);\n \t setCurrentlyValidatingElement$1(null);\n \t break;\n \t }\n \t }\n \t if (fragment.ref !== null) {\n \t setCurrentlyValidatingElement$1(fragment);\n \t error('Invalid attribute `ref` supplied to `React.Fragment`.');\n \t setCurrentlyValidatingElement$1(null);\n \t }\n \t }\n \t }\n \t function jsxWithValidation(type, props, key, isStaticChildren, source, self) {\n \t {\n \t var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to\n \t // succeed and there will likely be errors in render.\n\n \t if (!validType) {\n \t var info = '';\n \t if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {\n \t info += ' You likely forgot to export your component from the file ' + \"it's defined in, or you might have mixed up default and named imports.\";\n \t }\n \t var sourceInfo = getSourceInfoErrorAddendum(source);\n \t if (sourceInfo) {\n \t info += sourceInfo;\n \t } else {\n \t info += getDeclarationErrorAddendum();\n \t }\n \t var typeString;\n \t if (type === null) {\n \t typeString = 'null';\n \t } else if (isArray(type)) {\n \t typeString = 'array';\n \t } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {\n \t typeString = \"<\" + (getComponentNameFromType(type.type) || 'Unknown') + \" />\";\n \t info = ' Did you accidentally export a JSX literal instead of a component?';\n \t } else {\n \t typeString = typeof type;\n \t }\n \t error('React.jsx: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', typeString, info);\n \t }\n \t var element = jsxDEV(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.\n \t // TODO: Drop this when these are no longer allowed as the type argument.\n\n \t if (element == null) {\n \t return element;\n \t } // Skip key warning if the type isn't valid since our key validation logic\n \t // doesn't expect a non-string/function type and can throw confusing errors.\n \t // We don't want exception behavior to differ between dev and prod.\n \t // (Rendering will throw with a helpful message and as soon as the type is\n \t // fixed, the key warnings will appear.)\n\n \t if (validType) {\n \t var children = props.children;\n \t if (children !== undefined) {\n \t if (isStaticChildren) {\n \t if (isArray(children)) {\n \t for (var i = 0; i < children.length; i++) {\n \t validateChildKeys(children[i], type);\n \t }\n \t if (Object.freeze) {\n \t Object.freeze(children);\n \t }\n \t } else {\n \t 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.');\n \t }\n \t } else {\n \t validateChildKeys(children, type);\n \t }\n \t }\n \t }\n \t if (type === REACT_FRAGMENT_TYPE) {\n \t validateFragmentProps(element);\n \t } else {\n \t validatePropTypes(element);\n \t }\n \t return element;\n \t }\n \t } // These two functions exist to still get child warnings in dev\n \t // even with the prod transform. This means that jsxDEV is purely\n \t // opt-in behavior for better messages but that we won't stop\n \t // giving you warnings if you use production apis.\n\n \t function jsxWithValidationStatic(type, props, key) {\n \t {\n \t return jsxWithValidation(type, props, key, true);\n \t }\n \t }\n \t function jsxWithValidationDynamic(type, props, key) {\n \t {\n \t return jsxWithValidation(type, props, key, false);\n \t }\n \t }\n \t var jsx = jsxWithValidationDynamic; // we may want to special case jsxs internally to take advantage of static children.\n \t // for now we can ship identical prod functions\n\n \t var jsxs = jsxWithValidationStatic;\n \t reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;\n \t reactJsxRuntime_development.jsx = jsx;\n \t reactJsxRuntime_development.jsxs = jsxs;\n \t })();\n \t}\n \treturn reactJsxRuntime_development;\n }\n\n if (process.env.NODE_ENV === 'production') {\n jsxRuntime.exports = requireReactJsxRuntime_production_min();\n } else {\n jsxRuntime.exports = requireReactJsxRuntime_development();\n }\n\n var jsxRuntimeExports = jsxRuntime.exports;\n\n const useLink = () => {\n const {\n data\n } = React.useContext(window.BriphThemeContext);\n return data.components.Link;\n };\n const useNodeProps$1 = () => {\n if (!window.isSSR) {\n const {\n connectors: {\n connect,\n drag\n }\n } = core.useNode();\n return {\n ref: (ref) => ref && connect(drag(ref))\n };\n }\n return {};\n };\n const useNodeConnect = () => {\n if (!window.isSSR) {\n const {\n connectors: {\n connect\n }\n } = core.useNode();\n return {\n ref: (ref) => ref && connect(ref)\n };\n }\n return {};\n };\n\n const Root = ({\n children\n }) => {\n const props = useNodeConnect();\n return /* @__PURE__ */ jsxRuntimeExports.jsx(\"div\", { ...props, className: \"w-full\", children });\n };\n Root.craft = {\n displayName: \"Container\",\n rules: {\n canDrag: () => false\n }\n };\n\n function r$6(e) {\n var t,\n f,\n n = \"\";\n if (\"string\" == typeof e || \"number\" == typeof e) n += e;else if (\"object\" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (f = r$6(e[t])) && (n && (n += \" \"), n += f);else for (t in e) e[t] && (n && (n += \" \"), n += t);\n return n;\n }\n function clsx$1() {\n for (var e, t, f = 0, n = \"\"; f < arguments.length;) (e = arguments[f++]) && (t = r$6(e)) && (n && (n += \" \"), n += t);\n return n;\n }\n\n const falsyToString = value => typeof value === \"boolean\" ? \"\".concat(value) : value === 0 ? \"0\" : value;\n const cx = clsx$1;\n const cva = (base, config) => {\n return props => {\n var ref;\n if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n const {\n variants,\n defaultVariants\n } = config;\n const getVariantClassNames = Object.keys(variants).map(variant => {\n const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (ref = config.compoundVariants) === null || ref === void 0 ? void 0 : ref.reduce((acc, param1) => {\n let {\n class: cvClass,\n className: cvClassName,\n ...compoundVariantOptions\n } = param1;\n return Object.entries(compoundVariantOptions).every(param => {\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : {\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key] === value;\n }) ? [...acc, cvClass, cvClassName] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n };\n };\n\n /**\n * lucide-react v0.290.0 - ISC\n */\n\n var defaultAttributes = {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: 2,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n };\n\n /**\n * lucide-react v0.290.0 - ISC\n */\n\n const toKebabCase = string => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\n const createLucideIcon = (iconName, iconNode) => {\n const Component = React.forwardRef(({\n color = \"currentColor\",\n size = 24,\n strokeWidth = 2,\n absoluteStrokeWidth,\n children,\n ...rest\n }, ref) => React.createElement(\"svg\", {\n ref,\n ...defaultAttributes,\n width: size,\n height: size,\n stroke: color,\n strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n className: `lucide lucide-${toKebabCase(iconName)}`,\n ...rest\n }, [...iconNode.map(([tag, attrs]) => React.createElement(tag, attrs)), ...((Array.isArray(children) ? children : [children]) || [])]));\n Component.displayName = `${iconName}`;\n return Component;\n };\n\n /**\n * lucide-react v0.290.0 - ISC\n */\n\n const ChevronDown = createLucideIcon(\"ChevronDown\", [[\"path\", {\n d: \"m6 9 6 6 6-6\",\n key: \"qrunsl\"\n }]]);\n\n /**\n * lucide-react v0.290.0 - ISC\n */\n\n const ChevronUp = createLucideIcon(\"ChevronUp\", [[\"path\", {\n d: \"m18 15-6-6-6 6\",\n key: \"153udz\"\n }]]);\n\n /**\n * lucide-react v0.290.0 - ISC\n */\n\n const Loader2 = createLucideIcon(\"Loader2\", [[\"path\", {\n d: \"M21 12a9 9 0 1 1-6.219-8.56\",\n key: \"13zald\"\n }]]);\n\n /**\n * lucide-react v0.290.0 - ISC\n */\n\n const Menu = createLucideIcon(\"Menu\", [[\"line\", {\n x1: \"4\",\n x2: \"20\",\n y1: \"12\",\n y2: \"12\",\n key: \"1e0a9i\"\n }], [\"line\", {\n x1: \"4\",\n x2: \"20\",\n y1: \"6\",\n y2: \"6\",\n key: \"1owob3\"\n }], [\"line\", {\n x1: \"4\",\n x2: \"20\",\n y1: \"18\",\n y2: \"18\",\n key: \"yk5zj1\"\n }]]);\n\n /**\n * lucide-react v0.290.0 - ISC\n */\n\n const Minus = createLucideIcon(\"Minus\", [[\"path\", {\n d: \"M5 12h14\",\n key: \"1ays0h\"\n }]]);\n\n /**\n * lucide-react v0.290.0 - ISC\n */\n\n const Navigation = createLucideIcon(\"Navigation\", [[\"polygon\", {\n points: \"3 11 22 2 13 21 11 13 3 11\",\n key: \"1ltx0t\"\n }]]);\n\n /**\n * lucide-react v0.290.0 - ISC\n */\n\n const Plus$1 = createLucideIcon(\"Plus\", [[\"path\", {\n d: \"M5 12h14\",\n key: \"1ays0h\"\n }], [\"path\", {\n d: \"M12 5v14\",\n key: \"s699le\"\n }]]);\n\n /**\n * lucide-react v0.290.0 - ISC\n */\n\n const Search = createLucideIcon(\"Search\", [[\"circle\", {\n cx: \"11\",\n cy: \"11\",\n r: \"8\",\n key: \"4ej97u\"\n }], [\"path\", {\n d: \"m21 21-4.3-4.3\",\n key: \"1qie3q\"\n }]]);\n\n /**\n * lucide-react v0.290.0 - ISC\n */\n\n const ShoppingBag = createLucideIcon(\"ShoppingBag\", [[\"path\", {\n d: \"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z\",\n key: \"hou9p0\"\n }], [\"path\", {\n d: \"M3 6h18\",\n key: \"d0wm0j\"\n }], [\"path\", {\n d: \"M16 10a4 4 0 0 1-8 0\",\n key: \"1ltviw\"\n }]]);\n\n /**\n * lucide-react v0.290.0 - ISC\n */\n\n const Star = createLucideIcon(\"Star\", [[\"polygon\", {\n points: \"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\",\n key: \"8f66p6\"\n }]]);\n\n /**\n * lucide-react v0.290.0 - ISC\n */\n\n const User = createLucideIcon(\"User\", [[\"path\", {\n d: \"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\",\n key: \"975kel\"\n }], [\"circle\", {\n cx: \"12\",\n cy: \"7\",\n r: \"4\",\n key: \"17ys0d\"\n }]]);\n\n /**\n * lucide-react v0.290.0 - ISC\n */\n\n const X$2 = createLucideIcon(\"X\", [[\"path\", {\n d: \"M18 6 6 18\",\n key: \"1bl5f8\"\n }], [\"path\", {\n d: \"m6 6 12 12\",\n key: \"d8bk6v\"\n }]]);\n\n function r$5(e) {\n var t,\n f,\n n = \"\";\n if (\"string\" == typeof e || \"number\" == typeof e) n += e;else if (\"object\" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (f = r$5(e[t])) && (n && (n += \" \"), n += f);else for (t in e) e[t] && (n && (n += \" \"), n += t);\n return n;\n }\n function clsx() {\n for (var e, t, f = 0, n = \"\"; f < arguments.length;) (e = arguments[f++]) && (t = r$5(e)) && (n && (n += \" \"), n += t);\n return n;\n }\n\n const CLASS_PART_SEPARATOR = '-';\n function createClassUtils(config) {\n const classMap = createClassMap(config);\n const {\n conflictingClassGroups,\n conflictingClassGroupModifiers\n } = config;\n function getClassGroupId(className) {\n const classParts = className.split(CLASS_PART_SEPARATOR);\n // Classes like `-inset-1` produce an empty string as first classPart. We assume that classes for negative values are used correctly and remove it from classParts.\n if (classParts[0] === '' && classParts.length !== 1) {\n classParts.shift();\n }\n return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);\n }\n function getConflictingClassGroupIds(classGroupId, hasPostfixModifier) {\n const conflicts = conflictingClassGroups[classGroupId] || [];\n if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {\n return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];\n }\n return conflicts;\n }\n return {\n getClassGroupId,\n getConflictingClassGroupIds\n };\n }\n function getGroupRecursive(classParts, classPartObject) {\n if (classParts.length === 0) {\n return classPartObject.classGroupId;\n }\n const currentClassPart = classParts[0];\n const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);\n const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : undefined;\n if (classGroupFromNextClassPart) {\n return classGroupFromNextClassPart;\n }\n if (classPartObject.validators.length === 0) {\n return undefined;\n }\n const classRest = classParts.join(CLASS_PART_SEPARATOR);\n return classPartObject.validators.find(({\n validator\n }) => validator(classRest))?.classGroupId;\n }\n const arbitraryPropertyRegex = /^\\[(.+)\\]$/;\n function getGroupIdForArbitraryProperty(className) {\n if (arbitraryPropertyRegex.test(className)) {\n const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];\n const property = arbitraryPropertyClassName?.substring(0, arbitraryPropertyClassName.indexOf(':'));\n if (property) {\n // I use two dots here because one dot is used as prefix for class groups in plugins\n return 'arbitrary..' + property;\n }\n }\n }\n /**\n * Exported for testing only\n */\n function createClassMap(config) {\n const {\n theme,\n prefix\n } = config;\n const classMap = {\n nextPart: new Map(),\n validators: []\n };\n const prefixedClassGroupEntries = getPrefixedClassGroupEntries(Object.entries(config.classGroups), prefix);\n prefixedClassGroupEntries.forEach(([classGroupId, classGroup]) => {\n processClassesRecursively(classGroup, classMap, classGroupId, theme);\n });\n return classMap;\n }\n function processClassesRecursively(classGroup, classPartObject, classGroupId, theme) {\n classGroup.forEach(classDefinition => {\n if (typeof classDefinition === 'string') {\n const classPartObjectToEdit = classDefinition === '' ? classPartObject : getPart(classPartObject, classDefinition);\n classPartObjectToEdit.classGroupId = classGroupId;\n return;\n }\n if (typeof classDefinition === 'function') {\n if (isThemeGetter(classDefinition)) {\n processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);\n return;\n }\n classPartObject.validators.push({\n validator: classDefinition,\n classGroupId\n });\n return;\n }\n Object.entries(classDefinition).forEach(([key, classGroup]) => {\n processClassesRecursively(classGroup, getPart(classPartObject, key), classGroupId, theme);\n });\n });\n }\n function getPart(classPartObject, path) {\n let currentClassPartObject = classPartObject;\n path.split(CLASS_PART_SEPARATOR).forEach(pathPart => {\n if (!currentClassPartObject.nextPart.has(pathPart)) {\n currentClassPartObject.nextPart.set(pathPart, {\n nextPart: new Map(),\n validators: []\n });\n }\n currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);\n });\n return currentClassPartObject;\n }\n function isThemeGetter(func) {\n return func.isThemeGetter;\n }\n function getPrefixedClassGroupEntries(classGroupEntries, prefix) {\n if (!prefix) {\n return classGroupEntries;\n }\n return classGroupEntries.map(([classGroupId, classGroup]) => {\n const prefixedClassGroup = classGroup.map(classDefinition => {\n if (typeof classDefinition === 'string') {\n return prefix + classDefinition;\n }\n if (typeof classDefinition === 'object') {\n return Object.fromEntries(Object.entries(classDefinition).map(([key, value]) => [prefix + key, value]));\n }\n return classDefinition;\n });\n return [classGroupId, prefixedClassGroup];\n });\n }\n\n // LRU cache inspired from hashlru (https://github.com/dominictarr/hashlru/blob/v1.0.4/index.js) but object replaced with Map to improve performance\n function createLruCache(maxCacheSize) {\n if (maxCacheSize < 1) {\n return {\n get: () => undefined,\n set: () => {}\n };\n }\n let cacheSize = 0;\n let cache = new Map();\n let previousCache = new Map();\n function update(key, value) {\n cache.set(key, value);\n cacheSize++;\n if (cacheSize > maxCacheSize) {\n cacheSize = 0;\n previousCache = cache;\n cache = new Map();\n }\n }\n return {\n get(key) {\n let value = cache.get(key);\n if (value !== undefined) {\n return value;\n }\n if ((value = previousCache.get(key)) !== undefined) {\n update(key, value);\n return value;\n }\n },\n set(key, value) {\n if (cache.has(key)) {\n cache.set(key, value);\n } else {\n update(key, value);\n }\n }\n };\n }\n const IMPORTANT_MODIFIER = '!';\n function createSplitModifiers(config) {\n const separator = config.separator;\n const isSeparatorSingleCharacter = separator.length === 1;\n const firstSeparatorCharacter = separator[0];\n const separatorLength = separator.length;\n // splitModifiers inspired by https://github.com/tailwindlabs/tailwindcss/blob/v3.2.2/src/util/splitAtTopLevelOnly.js\n return function splitModifiers(className) {\n const modifiers = [];\n let bracketDepth = 0;\n let modifierStart = 0;\n let postfixModifierPosition;\n for (let index = 0; index < className.length; index++) {\n let currentCharacter = className[index];\n if (bracketDepth === 0) {\n if (currentCharacter === firstSeparatorCharacter && (isSeparatorSingleCharacter || className.slice(index, index + separatorLength) === separator)) {\n modifiers.push(className.slice(modifierStart, index));\n modifierStart = index + separatorLength;\n continue;\n }\n if (currentCharacter === '/') {\n postfixModifierPosition = index;\n continue;\n }\n }\n if (currentCharacter === '[') {\n bracketDepth++;\n } else if (currentCharacter === ']') {\n bracketDepth--;\n }\n }\n const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);\n const hasImportantModifier = baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER);\n const baseClassName = hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier;\n const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : undefined;\n return {\n modifiers,\n hasImportantModifier,\n baseClassName,\n maybePostfixModifierPosition\n };\n };\n }\n /**\n * Sorts modifiers according to following schema:\n * - Predefined modifiers are sorted alphabetically\n * - When an arbitrary variant appears, it must be preserved which modifiers are before and after it\n */\n function sortModifiers(modifiers) {\n if (modifiers.length <= 1) {\n return modifiers;\n }\n const sortedModifiers = [];\n let unsortedModifiers = [];\n modifiers.forEach(modifier => {\n const isArbitraryVariant = modifier[0] === '[';\n if (isArbitraryVariant) {\n sortedModifiers.push(...unsortedModifiers.sort(), modifier);\n unsortedModifiers = [];\n } else {\n unsortedModifiers.push(modifier);\n }\n });\n sortedModifiers.push(...unsortedModifiers.sort());\n return sortedModifiers;\n }\n function createConfigUtils(config) {\n return {\n cache: createLruCache(config.cacheSize),\n splitModifiers: createSplitModifiers(config),\n ...createClassUtils(config)\n };\n }\n const SPLIT_CLASSES_REGEX = /\\s+/;\n function mergeClassList(classList, configUtils) {\n const {\n splitModifiers,\n getClassGroupId,\n getConflictingClassGroupIds\n } = configUtils;\n /**\n * Set of classGroupIds in following format:\n * `{importantModifier}{variantModifiers}{classGroupId}`\n * @example 'float'\n * @example 'hover:focus:bg-color'\n * @example 'md:!pr'\n */\n const classGroupsInConflict = new Set();\n return classList.trim().split(SPLIT_CLASSES_REGEX).map(originalClassName => {\n const {\n modifiers,\n hasImportantModifier,\n baseClassName,\n maybePostfixModifierPosition\n } = splitModifiers(originalClassName);\n let classGroupId = getClassGroupId(maybePostfixModifierPosition ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);\n let hasPostfixModifier = Boolean(maybePostfixModifierPosition);\n if (!classGroupId) {\n if (!maybePostfixModifierPosition) {\n return {\n isTailwindClass: false,\n originalClassName\n };\n }\n classGroupId = getClassGroupId(baseClassName);\n if (!classGroupId) {\n return {\n isTailwindClass: false,\n originalClassName\n };\n }\n hasPostfixModifier = false;\n }\n const variantModifier = sortModifiers(modifiers).join(':');\n const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;\n return {\n isTailwindClass: true,\n modifierId,\n classGroupId,\n originalClassName,\n hasPostfixModifier\n };\n }).reverse()\n // Last class in conflict wins, so we need to filter conflicting classes in reverse order.\n .filter(parsed => {\n if (!parsed.isTailwindClass) {\n return true;\n }\n const {\n modifierId,\n classGroupId,\n hasPostfixModifier\n } = parsed;\n const classId = modifierId + classGroupId;\n if (classGroupsInConflict.has(classId)) {\n return false;\n }\n classGroupsInConflict.add(classId);\n getConflictingClassGroupIds(classGroupId, hasPostfixModifier).forEach(group => classGroupsInConflict.add(modifierId + group));\n return true;\n }).reverse().map(parsed => parsed.originalClassName).join(' ');\n }\n\n /**\n * The code in this file is copied from https://github.com/lukeed/clsx and modified to suit the needs of tailwind-merge better.\n *\n * Specifically:\n * - Runtime code from https://github.com/lukeed/clsx/blob/v1.2.1/src/index.js\n * - TypeScript types from https://github.com/lukeed/clsx/blob/v1.2.1/clsx.d.ts\n *\n * Original code has MIT license: Copyright (c) Luke Edwards (lukeed.com)\n */\n function twJoin() {\n let index = 0;\n let argument;\n let resolvedValue;\n let string = '';\n while (index < arguments.length) {\n if (argument = arguments[index++]) {\n if (resolvedValue = toValue(argument)) {\n string && (string += ' ');\n string += resolvedValue;\n }\n }\n }\n return string;\n }\n function toValue(mix) {\n if (typeof mix === 'string') {\n return mix;\n }\n let resolvedValue;\n let string = '';\n for (let k = 0; k < mix.length; k++) {\n if (mix[k]) {\n if (resolvedValue = toValue(mix[k])) {\n string && (string += ' ');\n string += resolvedValue;\n }\n }\n }\n return string;\n }\n function createTailwindMerge(createConfigFirst, ...createConfigRest) {\n let configUtils;\n let cacheGet;\n let cacheSet;\n let functionToCall = initTailwindMerge;\n function initTailwindMerge(classList) {\n const config = createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst());\n configUtils = createConfigUtils(config);\n cacheGet = configUtils.cache.get;\n cacheSet = configUtils.cache.set;\n functionToCall = tailwindMerge;\n return tailwindMerge(classList);\n }\n function tailwindMerge(classList) {\n const cachedResult = cacheGet(classList);\n if (cachedResult) {\n return cachedResult;\n }\n const result = mergeClassList(classList, configUtils);\n cacheSet(classList, result);\n return result;\n }\n return function callTailwindMerge() {\n return functionToCall(twJoin.apply(null, arguments));\n };\n }\n function fromTheme(key) {\n const themeGetter = theme => theme[key] || [];\n themeGetter.isThemeGetter = true;\n return themeGetter;\n }\n const arbitraryValueRegex = /^\\[(?:([a-z-]+):)?(.+)\\]$/i;\n const fractionRegex = /^\\d+\\/\\d+$/;\n const stringLengths = /*#__PURE__*/new Set(['px', 'full', 'screen']);\n const tshirtUnitRegex = /^(\\d+(\\.\\d+)?)?(xs|sm|md|lg|xl)$/;\n const lengthUnitRegex = /\\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\\b(calc|min|max|clamp)\$.+\$|^0$/;\n // Shadow always begins with x and y offset separated by underscore\n const shadowRegex = /^-?((\\d+)?\\.?(\\d+)[a-z]+|0)_-?((\\d+)?\\.?(\\d+)[a-z]+|0)/;\n const imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\$.+\$$/;\n function isLength(value) {\n return isNumber(value) || stringLengths.has(value) || fractionRegex.test(value);\n }\n function isArbitraryLength(value) {\n return getIsArbitraryValue(value, 'length', isLengthOnly);\n }\n function isNumber(value) {\n return Boolean(value) && !Number.isNaN(Number(value));\n }\n function isArbitraryNumber(value) {\n return getIsArbitraryValue(value, 'number', isNumber);\n }\n function isInteger(value) {\n return Boolean(value) && Number.isInteger(Number(value));\n }\n function isPercent(value) {\n return value.endsWith('%') && isNumber(value.slice(0, -1));\n }\n function isArbitraryValue(value) {\n return arbitraryValueRegex.test(value);\n }\n function isTshirtSize(value) {\n return tshirtUnitRegex.test(value);\n }\n const sizeLabels = /*#__PURE__*/new Set(['length', 'size', 'percentage']);\n function isArbitrarySize(value) {\n return getIsArbitraryValue(value, sizeLabels, isNever);\n }\n function isArbitraryPosition(value) {\n return getIsArbitraryValue(value, 'position', isNever);\n }\n const imageLabels = /*#__PURE__*/new Set(['image', 'url']);\n function isArbitraryImage(value) {\n return getIsArbitraryValue(value, imageLabels, isImage);\n }\n function isArbitraryShadow(value) {\n return getIsArbitraryValue(value, '', isShadow);\n }\n function isAny() {\n return true;\n }\n function getIsArbitraryValue(value, label, testValue) {\n const result = arbitraryValueRegex.exec(value);\n if (result) {\n if (result[1]) {\n return typeof label === 'string' ? result[1] === label : label.has(result[1]);\n }\n return testValue(result[2]);\n }\n return false;\n }\n function isLengthOnly(value) {\n return lengthUnitRegex.test(value);\n }\n function isNever() {\n return false;\n }\n function isShadow(value) {\n return shadowRegex.test(value);\n }\n function isImage(value) {\n return imageRegex.test(value);\n }\n function getDefaultConfig() {\n const colors = fromTheme('colors');\n const spacing = fromTheme('spacing');\n const blur = fromTheme('blur');\n const brightness = fromTheme('brightness');\n const borderColor = fromTheme('borderColor');\n const borderRadius = fromTheme('borderRadius');\n const borderSpacing = fromTheme('borderSpacing');\n const borderWidth = fromTheme('borderWidth');\n const contrast = fromTheme('contrast');\n const grayscale = fromTheme('grayscale');\n const hueRotate = fromTheme('hueRotate');\n const invert = fromTheme('invert');\n const gap = fromTheme('gap');\n const gradientColorStops = fromTheme('gradientColorStops');\n const gradientColorStopPositions = fromTheme('gradientColorStopPositions');\n const inset = fromTheme('inset');\n const margin = fromTheme('margin');\n const opacity = fromTheme('opacity');\n const padding = fromTheme('padding');\n const saturate = fromTheme('saturate');\n const scale = fromTheme('scale');\n const sepia = fromTheme('sepia');\n const skew = fromTheme('skew');\n const space = fromTheme('space');\n const translate = fromTheme('translate');\n const getOverscroll = () => ['auto', 'contain', 'none'];\n const getOverflow = () => ['auto', 'hidden', 'clip', 'visible', 'scroll'];\n const getSpacingWithAutoAndArbitrary = () => ['auto', isArbitraryValue, spacing];\n const getSpacingWithArbitrary = () => [isArbitraryValue, spacing];\n const getLengthWithEmptyAndArbitrary = () => ['', isLength, isArbitraryLength];\n const getNumberWithAutoAndArbitrary = () => ['auto', isNumber, isArbitraryValue];\n const getPositions = () => ['bottom', 'center', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top', 'top'];\n const getLineStyles = () => ['solid', 'dashed', 'dotted', 'double', 'none'];\n const getBlendModes = () => ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity', 'plus-lighter'];\n const getAlign = () => ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch'];\n const getZeroAndEmpty = () => ['', '0', isArbitraryValue];\n const getBreaks = () => ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column'];\n const getNumber = () => [isNumber, isArbitraryNumber];\n const getNumberAndArbitrary = () => [isNumber, isArbitraryValue];\n return {\n cacheSize: 500,\n separator: ':',\n theme: {\n colors: [isAny],\n spacing: [isLength, isArbitraryLength],\n blur: ['none', '', isTshirtSize, isArbitraryValue],\n brightness: getNumber(),\n borderColor: [colors],\n borderRadius: ['none', '', 'full', isTshirtSize, isArbitraryValue],\n borderSpacing: getSpacingWithArbitrary(),\n borderWidth: getLengthWithEmptyAndArbitrary(),\n contrast: getNumber(),\n grayscale: getZeroAndEmpty(),\n hueRotate: getNumberAndArbitrary(),\n invert: getZeroAndEmpty(),\n gap: getSpacingWithArbitrary(),\n gradientColorStops: [colors],\n gradientColorStopPositions: [isPercent, isArbitraryLength],\n inset: getSpacingWithAutoAndArbitrary(),\n margin: getSpacingWithAutoAndArbitrary(),\n opacity: getNumber(),\n padding: getSpacingWithArbitrary(),\n saturate: getNumber(),\n scale: getNumber(),\n sepia: getZeroAndEmpty(),\n skew: getNumberAndArbitrary(),\n space: getSpacingWithArbitrary(),\n translate: getSpacingWithArbitrary()\n },\n classGroups: {\n // Layout\n /**\n * Aspect Ratio\n * @see https://tailwindcss.com/docs/aspect-ratio\n */\n aspect: [{\n aspect: ['auto', 'square', 'video', isArbitraryValue]\n }],\n /**\n * Container\n * @see https://tailwindcss.com/docs/container\n */\n container: ['container'],\n /**\n * Columns\n * @see https://tailwindcss.com/docs/columns\n */\n columns: [{\n columns: [isTshirtSize]\n }],\n /**\n * Break After\n * @see https://tailwindcss.com/docs/break-after\n */\n 'break-after': [{\n 'break-after': getBreaks()\n }],\n /**\n * Break Before\n * @see https://tailwindcss.com/docs/break-before\n */\n 'break-before': [{\n 'break-before': getBreaks()\n }],\n /**\n * Break Inside\n * @see https://tailwindcss.com/docs/break-inside\n */\n 'break-inside': [{\n 'break-inside': ['auto', 'avoid', 'avoid-page', 'avoid-column']\n }],\n /**\n * Box Decoration Break\n * @see https://tailwindcss.com/docs/box-decoration-break\n */\n 'box-decoration': [{\n 'box-decoration': ['slice', 'clone']\n }],\n /**\n * Box Sizing\n * @see https://tailwindcss.com/docs/box-sizing\n */\n box: [{\n box: ['border', 'content']\n }],\n /**\n * Display\n * @see https://tailwindcss.com/docs/display\n */\n display: ['block', 'inline-block', 'inline', 'flex', 'inline-flex', 'table', 'inline-table', 'table-caption', 'table-cell', 'table-column', 'table-column-group', 'table-footer-group', 'table-header-group', 'table-row-group', 'table-row', 'flow-root', 'grid', 'inline-grid', 'contents', 'list-item', 'hidden'],\n /**\n * Floats\n * @see https://tailwindcss.com/docs/float\n */\n float: [{\n float: ['right', 'left', 'none']\n }],\n /**\n * Clear\n * @see https://tailwindcss.com/docs/clear\n */\n clear: [{\n clear: ['left', 'right', 'both', 'none']\n }],\n /**\n * Isolation\n * @see https://tailwindcss.com/docs/isolation\n */\n isolation: ['isolate', 'isolation-auto'],\n /**\n * Object Fit\n * @see https://tailwindcss.com/docs/object-fit\n */\n 'object-fit': [{\n object: ['contain', 'cover', 'fill', 'none', 'scale-down']\n }],\n /**\n * Object Position\n * @see https://tailwindcss.com/docs/object-position\n */\n 'object-position': [{\n object: [...getPositions(), isArbitraryValue]\n }],\n /**\n * Overflow\n * @see https://tailwindcss.com/docs/overflow\n */\n overflow: [{\n overflow: getOverflow()\n }],\n /**\n * Overflow X\n * @see https://tailwindcss.com/docs/overflow\n */\n 'overflow-x': [{\n 'overflow-x': getOverflow()\n }],\n /**\n * Overflow Y\n * @see https://tailwindcss.com/docs/overflow\n */\n 'overflow-y': [{\n 'overflow-y': getOverflow()\n }],\n /**\n * Overscroll Behavior\n * @see https://tailwindcss.com/docs/overscroll-behavior\n */\n overscroll: [{\n overscroll: getOverscroll()\n }],\n /**\n * Overscroll Behavior X\n * @see https://tailwindcss.com/docs/overscroll-behavior\n */\n 'overscroll-x': [{\n 'overscroll-x': getOverscroll()\n }],\n /**\n * Overscroll Behavior Y\n * @see https://tailwindcss.com/docs/overscroll-behavior\n */\n 'overscroll-y': [{\n 'overscroll-y': getOverscroll()\n }],\n /**\n * Position\n * @see https://tailwindcss.com/docs/position\n */\n position: ['static', 'fixed', 'absolute', 'relative', 'sticky'],\n /**\n * Top / Right / Bottom / Left\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n */\n inset: [{\n inset: [inset]\n }],\n /**\n * Right / Left\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n */\n 'inset-x': [{\n 'inset-x': [inset]\n }],\n /**\n * Top / Bottom\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n */\n 'inset-y': [{\n 'inset-y': [inset]\n }],\n /**\n * Start\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n */\n start: [{\n start: [inset]\n }],\n /**\n * End\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n */\n end: [{\n end: [inset]\n }],\n /**\n * Top\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n */\n top: [{\n top: [inset]\n }],\n /**\n * Right\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n */\n right: [{\n right: [inset]\n }],\n /**\n * Bottom\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n */\n bottom: [{\n bottom: [inset]\n }],\n /**\n * Left\n * @see https://tailwindcss.com/docs/top-right-bottom-left\n */\n left: [{\n left: [inset]\n }],\n /**\n * Visibility\n * @see https://tailwindcss.com/docs/visibility\n */\n visibility: ['visible', 'invisible', 'collapse'],\n /**\n * Z-Index\n * @see https://tailwindcss.com/docs/z-index\n */\n z: [{\n z: ['auto', isInteger, isArbitraryValue]\n }],\n // Flexbox and Grid\n /**\n * Flex Basis\n * @see https://tailwindcss.com/docs/flex-basis\n */\n basis: [{\n basis: getSpacingWithAutoAndArbitrary()\n }],\n /**\n * Flex Direction\n * @see https://tailwindcss.com/docs/flex-direction\n */\n 'flex-direction': [{\n flex: ['row', 'row-reverse', 'col', 'col-reverse']\n }],\n /**\n * Flex Wrap\n * @see https://tailwindcss.com/docs/flex-wrap\n */\n 'flex-wrap': [{\n flex: ['wrap', 'wrap-reverse', 'nowrap']\n }],\n /**\n * Flex\n * @see https://tailwindcss.com/docs/flex\n */\n flex: [{\n flex: ['1', 'auto', 'initial', 'none', isArbitraryValue]\n }],\n /**\n * Flex Grow\n * @see https://tailwindcss.com/docs/flex-grow\n */\n grow: [{\n grow: getZeroAndEmpty()\n }],\n /**\n * Flex Shrink\n * @see https://tailwindcss.com/docs/flex-shrink\n */\n shrink: [{\n shrink: getZeroAndEmpty()\n }],\n /**\n * Order\n * @see https://tailwindcss.com/docs/order\n */\n order: [{\n order: ['first', 'last', 'none', isInteger, isArbitraryValue]\n }],\n /**\n * Grid Template Columns\n * @see https://tailwindcss.com/docs/grid-template-columns\n */\n 'grid-cols': [{\n 'grid-cols': [isAny]\n }],\n /**\n * Grid Column Start / End\n * @see https://tailwindcss.com/docs/grid-column\n */\n 'col-start-end': [{\n col: ['auto', {\n span: ['full', isInteger, isArbitraryValue]\n }, isArbitraryValue]\n }],\n /**\n * Grid Column Start\n * @see https://tailwindcss.com/docs/grid-column\n */\n 'col-start': [{\n 'col-start': getNumberWithAutoAndArbitrary()\n }],\n /**\n * Grid Column End\n * @see https://tailwindcss.com/docs/grid-column\n */\n 'col-end': [{\n 'col-end': getNumberWithAutoAndArbitrary()\n }],\n /**\n * Grid Template Rows\n * @see https://tailwindcss.com/docs/grid-template-rows\n */\n 'grid-rows': [{\n 'grid-rows': [isAny]\n }],\n /**\n * Grid Row Start / End\n * @see https://tailwindcss.com/docs/grid-row\n */\n 'row-start-end': [{\n row: ['auto', {\n span: [isInteger, isArbitraryValue]\n }, isArbitraryValue]\n }],\n /**\n * Grid Row Start\n * @see https://tailwindcss.com/docs/grid-row\n */\n 'row-start': [{\n 'row-start': getNumberWithAutoAndArbitrary()\n }],\n /**\n * Grid Row End\n * @see https://tailwindcss.com/docs/grid-row\n */\n 'row-end': [{\n 'row-end': getNumberWithAutoAndArbitrary()\n }],\n /**\n * Grid Auto Flow\n * @see https://tailwindcss.com/docs/grid-auto-flow\n */\n 'grid-flow': [{\n 'grid-flow': ['row', 'col', 'dense', 'row-dense', 'col-dense']\n }],\n /**\n * Grid Auto Columns\n * @see https://tailwindcss.com/docs/grid-auto-columns\n */\n 'auto-cols': [{\n 'auto-cols': ['auto', 'min', 'max', 'fr', isArbitraryValue]\n }],\n /**\n * Grid Auto Rows\n * @see https://tailwindcss.com/docs/grid-auto-rows\n */\n 'auto-rows': [{\n 'auto-rows': ['auto', 'min', 'max', 'fr', isArbitraryValue]\n }],\n /**\n * Gap\n * @see https://tailwindcss.com/docs/gap\n */\n gap: [{\n gap: [gap]\n }],\n /**\n * Gap X\n * @see https://tailwindcss.com/docs/gap\n */\n 'gap-x': [{\n 'gap-x': [gap]\n }],\n /**\n * Gap Y\n * @see https://tailwindcss.com/docs/gap\n */\n 'gap-y': [{\n 'gap-y': [gap]\n }],\n /**\n * Justify Content\n * @see https://tailwindcss.com/docs/justify-content\n */\n 'justify-content': [{\n justify: ['normal', ...getAlign()]\n }],\n /**\n * Justify Items\n * @see https://tailwindcss.com/docs/justify-items\n */\n 'justify-items': [{\n 'justify-items': ['start', 'end', 'center', 'stretch']\n }],\n /**\n * Justify Self\n * @see https://tailwindcss.com/docs/justify-self\n */\n 'justify-self': [{\n 'justify-self': ['auto', 'start', 'end', 'center', 'stretch']\n }],\n /**\n * Align Content\n * @see https://tailwindcss.com/docs/align-content\n */\n 'align-content': [{\n content: ['normal', ...getAlign(), 'baseline']\n }],\n /**\n * Align Items\n * @see https://tailwindcss.com/docs/align-items\n */\n 'align-items': [{\n items: ['start', 'end', 'center', 'baseline', 'stretch']\n }],\n /**\n * Align Self\n * @see https://tailwindcss.com/docs/align-self\n */\n 'align-self': [{\n self: ['auto', 'start', 'end', 'center', 'stretch', 'baseline']\n }],\n /**\n * Place Content\n * @see https://tailwindcss.com/docs/place-content\n */\n 'place-content': [{\n 'place-content': [...getAlign(), 'baseline']\n }],\n /**\n * Place Items\n * @see https://tailwindcss.com/docs/place-items\n */\n 'place-items': [{\n 'place-items': ['start', 'end', 'center', 'baseline', 'stretch']\n }],\n /**\n * Place Self\n * @see https://tailwindcss.com/docs/place-self\n */\n 'place-self': [{\n 'place-self': ['auto', 'start', 'end', 'center', 'stretch']\n }],\n // Spacing\n /**\n * Padding\n * @see https://tailwindcss.com/docs/padding\n */\n p: [{\n p: [padding]\n }],\n /**\n * Padding X\n * @see https://tailwindcss.com/docs/padding\n */\n px: [{\n px: [padding]\n }],\n /**\n * Padding Y\n * @see https://tailwindcss.com/docs/padding\n */\n py: [{\n py: [padding]\n }],\n /**\n * Padding Start\n * @see https://tailwindcss.com/docs/padding\n */\n ps: [{\n ps: [padding]\n }],\n /**\n * Padding End\n * @see https://tailwindcss.com/docs/padding\n */\n pe: [{\n pe: [padding]\n }],\n /**\n * Padding Top\n * @see https://tailwindcss.com/docs/padding\n */\n pt: [{\n pt: [padding]\n }],\n /**\n * Padding Right\n * @see https://tailwindcss.com/docs/padding\n */\n pr: [{\n pr: [padding]\n }],\n /**\n * Padding Bottom\n * @see https://tailwindcss.com/docs/padding\n */\n pb: [{\n pb: [padding]\n }],\n /**\n * Padding Left\n * @see https://tailwindcss.com/docs/padding\n */\n pl: [{\n pl: [padding]\n }],\n /**\n * Margin\n * @see https://tailwindcss.com/docs/margin\n */\n m: [{\n m: [margin]\n }],\n /**\n * Margin X\n * @see https://tailwindcss.com/docs/margin\n */\n mx: [{\n mx: [margin]\n }],\n /**\n * Margin Y\n * @see https://tailwindcss.com/docs/margin\n */\n my: [{\n my: [margin]\n }],\n /**\n * Margin Start\n * @see https://tailwindcss.com/docs/margin\n */\n ms: [{\n ms: [margin]\n }],\n /**\n * Margin End\n * @see https://tailwindcss.com/docs/margin\n */\n me: [{\n me: [margin]\n }],\n /**\n * Margin Top\n * @see https://tailwindcss.com/docs/margin\n */\n mt: [{\n mt: [margin]\n }],\n /**\n * Margin Right\n * @see https://tailwindcss.com/docs/margin\n */\n mr: [{\n mr: [margin]\n }],\n /**\n * Margin Bottom\n * @see https://tailwindcss.com/docs/margin\n */\n mb: [{\n mb: [margin]\n }],\n /**\n * Margin Left\n * @see https://tailwindcss.com/docs/margin\n */\n ml: [{\n ml: [margin]\n }],\n /**\n * Space Between X\n * @see https://tailwindcss.com/docs/space\n */\n 'space-x': [{\n 'space-x': [space]\n }],\n /**\n * Space Between X Reverse\n * @see https://tailwindcss.com/docs/space\n */\n 'space-x-reverse': ['space-x-reverse'],\n /**\n * Space Between Y\n * @see https://tailwindcss.com/docs/space\n */\n 'space-y': [{\n 'space-y': [space]\n }],\n /**\n * Space Between Y Reverse\n * @see https://tailwindcss.com/docs/space\n */\n 'space-y-reverse': ['space-y-reverse'],\n // Sizing\n /**\n * Width\n * @see https://tailwindcss.com/docs/width\n */\n w: [{\n w: ['auto', 'min', 'max', 'fit', isArbitraryValue, spacing]\n }],\n /**\n * Min-Width\n * @see https://tailwindcss.com/docs/min-width\n */\n 'min-w': [{\n 'min-w': ['min', 'max', 'fit', isArbitraryValue, isLength]\n }],\n /**\n * Max-Width\n * @see https://tailwindcss.com/docs/max-width\n */\n 'max-w': [{\n 'max-w': ['0', 'none', 'full', 'min', 'max', 'fit', 'prose', {\n screen: [isTshirtSize]\n }, isTshirtSize, isArbitraryValue]\n }],\n /**\n * Height\n * @see https://tailwindcss.com/docs/height\n */\n h: [{\n h: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit']\n }],\n /**\n * Min-Height\n * @see https://tailwindcss.com/docs/min-height\n */\n 'min-h': [{\n 'min-h': ['min', 'max', 'fit', isLength, isArbitraryValue]\n }],\n /**\n * Max-Height\n * @see https://tailwindcss.com/docs/max-height\n */\n 'max-h': [{\n 'max-h': [isArbitraryValue, spacing, 'min', 'max', 'fit']\n }],\n // Typography\n /**\n * Font Size\n * @see https://tailwindcss.com/docs/font-size\n */\n 'font-size': [{\n text: ['base', isTshirtSize, isArbitraryLength]\n }],\n /**\n * Font Smoothing\n * @see https://tailwindcss.com/docs/font-smoothing\n */\n 'font-smoothing': ['antialiased', 'subpixel-antialiased'],\n /**\n * Font Style\n * @see https://tailwindcss.com/docs/font-style\n */\n 'font-style': ['italic', 'not-italic'],\n /**\n * Font Weight\n * @see https://tailwindcss.com/docs/font-weight\n */\n 'font-weight': [{\n font: ['thin', 'extralight', 'light', 'normal', 'medium', 'semibold', 'bold', 'extrabold', 'black', isArbitraryNumber]\n }],\n /**\n * Font Family\n * @see https://tailwindcss.com/docs/font-family\n */\n 'font-family': [{\n font: [isAny]\n }],\n /**\n * Font Variant Numeric\n * @see https://tailwindcss.com/docs/font-variant-numeric\n */\n 'fvn-normal': ['normal-nums'],\n /**\n * Font Variant Numeric\n * @see https://tailwindcss.com/docs/font-variant-numeric\n */\n 'fvn-ordinal': ['ordinal'],\n /**\n * Font Variant Numeric\n * @see https://tailwindcss.com/docs/font-variant-numeric\n */\n 'fvn-slashed-zero': ['slashed-zero'],\n /**\n * Font Variant Numeric\n * @see https://tailwindcss.com/docs/font-variant-numeric\n */\n 'fvn-figure': ['lining-nums', 'oldstyle-nums'],\n /**\n * Font Variant Numeric\n * @see https://tailwindcss.com/docs/font-variant-numeric\n */\n 'fvn-spacing': ['proportional-nums', 'tabular-nums'],\n /**\n * Font Variant Numeric\n * @see https://tailwindcss.com/docs/font-variant-numeric\n */\n 'fvn-fraction': ['diagonal-fractions', 'stacked-fractons'],\n /**\n * Letter Spacing\n * @see https://tailwindcss.com/docs/letter-spacing\n */\n tracking: [{\n tracking: ['tighter', 'tight', 'normal', 'wide', 'wider', 'widest', isArbitraryValue]\n }],\n /**\n * Line Clamp\n * @see https://tailwindcss.com/docs/line-clamp\n */\n 'line-clamp': [{\n 'line-clamp': ['none', isNumber, isArbitraryNumber]\n }],\n /**\n * Line Height\n * @see https://tailwindcss.com/docs/line-height\n */\n leading: [{\n leading: ['none', 'tight', 'snug', 'normal', 'relaxed', 'loose', isLength, isArbitraryValue]\n }],\n /**\n * List Style Image\n * @see https://tailwindcss.com/docs/list-style-image\n */\n 'list-image': [{\n 'list-image': ['none', isArbitraryValue]\n }],\n /**\n * List Style Type\n * @see https://tailwindcss.com/docs/list-style-type\n */\n 'list-style-type': [{\n list: ['none', 'disc', 'decimal', isArbitraryValue]\n }],\n /**\n * List Style Position\n * @see https://tailwindcss.com/docs/list-style-position\n */\n 'list-style-position': [{\n list: ['inside', 'outside']\n }],\n /**\n * Placeholder Color\n * @deprecated since Tailwind CSS v3.0.0\n * @see https://tailwindcss.com/docs/placeholder-color\n */\n 'placeholder-color': [{\n placeholder: [colors]\n }],\n /**\n * Placeholder Opacity\n * @see https://tailwindcss.com/docs/placeholder-opacity\n */\n 'placeholder-opacity': [{\n 'placeholder-opacity': [opacity]\n }],\n /**\n * Text Alignment\n * @see https://tailwindcss.com/docs/text-align\n */\n 'text-alignment': [{\n text: ['left', 'center', 'right', 'justify', 'start', 'end']\n }],\n /**\n * Text Color\n * @see https://tailwindcss.com/docs/text-color\n */\n 'text-color': [{\n text: [colors]\n }],\n /**\n * Text Opacity\n * @see https://tailwindcss.com/docs/text-opacity\n */\n 'text-opacity': [{\n 'text-opacity': [opacity]\n }],\n /**\n * Text Decoration\n * @see https://tailwindcss.com/docs/text-decoration\n */\n 'text-decoration': ['underline', 'overline', 'line-through', 'no-underline'],\n /**\n * Text Decoration Style\n * @see https://tailwindcss.com/docs/text-decoration-style\n */\n 'text-decoration-style': [{\n decoration: [...getLineStyles(), 'wavy']\n }],\n /**\n * Text Decoration Thickness\n * @see https://tailwindcss.com/docs/text-decoration-thickness\n */\n 'text-decoration-thickness': [{\n decoration: ['auto', 'from-font', isLength, isArbitraryLength]\n }],\n /**\n * Text Underline Offset\n * @see https://tailwindcss.com/docs/text-underline-offset\n */\n 'underline-offset': [{\n 'underline-offset': ['auto', isLength, isArbitraryValue]\n }],\n /**\n * Text Decoration Color\n * @see https://tailwindcss.com/docs/text-decoration-color\n */\n 'text-decoration-color': [{\n decoration: [colors]\n }],\n /**\n * Text Transform\n * @see https://tailwindcss.com/docs/text-transform\n */\n 'text-transform': ['uppercase', 'lowercase', 'capitalize', 'normal-case'],\n /**\n * Text Overflow\n * @see https://tailwindcss.com/docs/text-overflow\n */\n 'text-overflow': ['truncate', 'text-ellipsis', 'text-clip'],\n /**\n * Text Indent\n * @see https://tailwindcss.com/docs/text-indent\n */\n indent: [{\n indent: getSpacingWithArbitrary()\n }],\n /**\n * Vertical Alignment\n * @see https://tailwindcss.com/docs/vertical-align\n */\n 'vertical-align': [{\n align: ['baseline', 'top', 'middle', 'bottom', 'text-top', 'text-bottom', 'sub', 'super', isArbitraryValue]\n }],\n /**\n * Whitespace\n * @see https://tailwindcss.com/docs/whitespace\n */\n whitespace: [{\n whitespace: ['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap', 'break-spaces']\n }],\n /**\n * Word Break\n * @see https://tailwindcss.com/docs/word-break\n */\n break: [{\n break: ['normal', 'words', 'all', 'keep']\n }],\n /**\n * Hyphens\n * @see https://tailwindcss.com/docs/hyphens\n */\n hyphens: [{\n hyphens: ['none', 'manual', 'auto']\n }],\n /**\n * Content\n * @see https://tailwindcss.com/docs/content\n */\n content: [{\n content: ['none', isArbitraryValue]\n }],\n // Backgrounds\n /**\n * Background Attachment\n * @see https://tailwindcss.com/docs/background-attachment\n */\n 'bg-attachment': [{\n bg: ['fixed', 'local', 'scroll']\n }],\n /**\n * Background Clip\n * @see https://tailwindcss.com/docs/background-clip\n */\n 'bg-clip': [{\n 'bg-clip': ['border', 'padding', 'content', 'text']\n }],\n /**\n * Background Opacity\n * @deprecated since Tailwind CSS v3.0.0\n * @see https://tailwindcss.com/docs/background-opacity\n */\n 'bg-opacity': [{\n 'bg-opacity': [opacity]\n }],\n /**\n * Background Origin\n * @see https://tailwindcss.com/docs/background-origin\n */\n 'bg-origin': [{\n 'bg-origin': ['border', 'padding', 'content']\n }],\n /**\n * Background Position\n * @see https://tailwindcss.com/docs/background-position\n */\n 'bg-position': [{\n bg: [...getPositions(), isArbitraryPosition]\n }],\n /**\n * Background Repeat\n * @see https://tailwindcss.com/docs/background-repeat\n */\n 'bg-repeat': [{\n bg: ['no-repeat', {\n repeat: ['', 'x', 'y', 'round', 'space']\n }]\n }],\n /**\n * Background Size\n * @see https://tailwindcss.com/docs/background-size\n */\n 'bg-size': [{\n bg: ['auto', 'cover', 'contain', isArbitrarySize]\n }],\n /**\n * Background Image\n * @see https://tailwindcss.com/docs/background-image\n */\n 'bg-image': [{\n bg: ['none', {\n 'gradient-to': ['t', 'tr', 'r', 'br', 'b', 'bl', 'l', 'tl']\n }, isArbitraryImage]\n }],\n /**\n * Background Color\n * @see https://tailwindcss.com/docs/background-color\n */\n 'bg-color': [{\n bg: [colors]\n }],\n /**\n * Gradient Color Stops From Position\n * @see https://tailwindcss.com/docs/gradient-color-stops\n */\n 'gradient-from-pos': [{\n from: [gradientColorStopPositions]\n }],\n /**\n * Gradient Color Stops Via Position\n * @see https://tailwindcss.com/docs/gradient-color-stops\n */\n 'gradient-via-pos': [{\n via: [gradientColorStopPositions]\n }],\n /**\n * Gradient Color Stops To Position\n * @see https://tailwindcss.com/docs/gradient-color-stops\n */\n 'gradient-to-pos': [{\n to: [gradientColorStopPositions]\n }],\n /**\n * Gradient Color Stops From\n * @see https://tailwindcss.com/docs/gradient-color-stops\n */\n 'gradient-from': [{\n from: [gradientColorStops]\n }],\n /**\n * Gradient Color Stops Via\n * @see https://tailwindcss.com/docs/gradient-color-stops\n */\n 'gradient-via': [{\n via: [gradientColorStops]\n }],\n /**\n * Gradient Color Stops To\n * @see https://tailwindcss.com/docs/gradient-color-stops\n */\n 'gradient-to': [{\n to: [gradientColorStops]\n }],\n // Borders\n /**\n * Border Radius\n * @see https://tailwindcss.com/docs/border-radius\n */\n rounded: [{\n rounded: [borderRadius]\n }],\n /**\n * Border Radius Start\n * @see https://tailwindcss.com/docs/border-radius\n */\n 'rounded-s': [{\n 'rounded-s': [borderRadius]\n }],\n /**\n * Border Radius End\n * @see https://tailwindcss.com/docs/border-radius\n */\n 'rounded-e': [{\n 'rounded-e': [borderRadius]\n }],\n /**\n * Border Radius Top\n * @see https://tailwindcss.com/docs/border-radius\n */\n 'rounded-t': [{\n 'rounded-t': [borderRadius]\n }],\n /**\n * Border Radius Right\n * @see https://tailwindcss.com/docs/border-radius\n */\n 'rounded-r': [{\n 'rounded-r': [borderRadius]\n }],\n /**\n * Border Radius Bottom\n * @see https://tailwindcss.com/docs/border-radius\n */\n 'rounded-b': [{\n 'rounded-b': [borderRadius]\n }],\n /**\n * Border Radius Left\n * @see https://tailwindcss.com/docs/border-radius\n */\n 'rounded-l': [{\n 'rounded-l': [borderRadius]\n }],\n /**\n * Border Radius Start Start\n * @see https://tailwindcss.com/docs/border-radius\n */\n 'rounded-ss': [{\n 'rounded-ss': [borderRadius]\n }],\n /**\n * Border Radius Start End\n * @see https://tailwindcss.com/docs/border-radius\n */\n 'rounded-se': [{\n 'rounded-se': [borderRadius]\n }],\n /**\n * Border Radius End End\n * @see https://tailwindcss.com/docs/border-radius\n */\n 'rounded-ee': [{\n 'rounded-ee': [borderRadius]\n }],\n /**\n * Border Radius End Start\n * @see https://tailwindcss.com/docs/border-radius\n */\n 'rounded-es': [{\n 'rounded-es': [borderRadius]\n }],\n /**\n * Border Radius Top Left\n * @see https://tailwindcss.com/docs/border-radius\n */\n 'rounded-tl': [{\n 'rounded-tl': [borderRadius]\n }],\n /**\n * Border Radius Top Right\n * @see https://tailwindcss.com/docs/border-radius\n */\n 'rounded-tr': [{\n 'rounded-tr': [borderRadius]\n }],\n /**\n * Border Radius Bottom Right\n * @see https://tailwindcss.com/docs/border-radius\n */\n 'rounded-br': [{\n 'rounded-br': [borderRadius]\n }],\n /**\n * Border Radius Bottom Left\n * @see https://tailwindcss.com/docs/border-radius\n */\n 'rounded-bl': [{\n 'rounded-bl': [borderRadius]\n }],\n /**\n * Border Width\n * @see https://tailwindcss.com/docs/border-width\n */\n 'border-w': [{\n border: [borderWidth]\n }],\n /**\n * Border Width X\n * @see https://tailwindcss.com/docs/border-width\n */\n 'border-w-x': [{\n 'border-x': [borderWidth]\n }],\n /**\n * Border Width Y\n * @see https://tailwindcss.com/docs/border-width\n */\n 'border-w-y': [{\n 'border-y': [borderWidth]\n }],\n /**\n * Border Width Start\n * @see https://tailwindcss.com/docs/border-width\n */\n 'border-w-s': [{\n 'border-s': [borderWidth]\n }],\n /**\n * Border Width End\n * @see https://tailwindcss.com/docs/border-width\n */\n 'border-w-e': [{\n 'border-e': [borderWidth]\n }],\n /**\n * Border Width Top\n * @see https://tailwindcss.com/docs/border-width\n */\n 'border-w-t': [{\n 'border-t': [borderWidth]\n }],\n /**\n * Border Width Right\n * @see https://tailwindcss.com/docs/border-width\n */\n 'border-w-r': [{\n 'border-r': [borderWidth]\n }],\n /**\n * Border Width Bottom\n * @see https://tailwindcss.com/docs/border-width\n */\n 'border-w-b': [{\n 'border-b': [borderWidth]\n }],\n /**\n * Border Width Left\n * @see https://tailwindcss.com/docs/border-width\n */\n 'border-w-l': [{\n 'border-l': [borderWidth]\n }],\n /**\n * Border Opacity\n * @see https://tailwindcss.com/docs/border-opacity\n */\n 'border-opacity': [{\n 'border-opacity': [opacity]\n }],\n /**\n * Border Style\n * @see https://tailwindcss.com/docs/border-style\n */\n 'border-style': [{\n border: [...getLineStyles(), 'hidden']\n }],\n /**\n * Divide Width X\n * @see https://tailwindcss.com/docs/divide-width\n */\n 'divide-x': [{\n 'divide-x': [borderWidth]\n }],\n /**\n * Divide Width X Reverse\n * @see https://tailwindcss.com/docs/divide-width\n */\n 'divide-x-reverse': ['divide-x-reverse'],\n /**\n * Divide Width Y\n * @see https://tailwindcss.com/docs/divide-width\n */\n 'divide-y': [{\n 'divide-y': [borderWidth]\n }],\n /**\n * Divide Width Y Reverse\n * @see https://tailwindcss.com/docs/divide-width\n */\n 'divide-y-reverse': ['divide-y-reverse'],\n /**\n * Divide Opacity\n * @see https://tailwindcss.com/docs/divide-opacity\n */\n 'divide-opacity': [{\n 'divide-opacity': [opacity]\n }],\n /**\n * Divide Style\n * @see https://tailwindcss.com/docs/divide-style\n */\n 'divide-style': [{\n divide: getLineStyles()\n }],\n /**\n * Border Color\n * @see https://tailwindcss.com/docs/border-color\n */\n 'border-color': [{\n border: [borderColor]\n }],\n /**\n * Border Color X\n * @see https://tailwindcss.com/docs/border-color\n */\n 'border-color-x': [{\n 'border-x': [borderColor]\n }],\n /**\n * Border Color Y\n * @see https://tailwindcss.com/docs/border-color\n */\n 'border-color-y': [{\n 'border-y': [borderColor]\n }],\n /**\n * Border Color Top\n * @see https://tailwindcss.com/docs/border-color\n */\n 'border-color-t': [{\n 'border-t': [borderColor]\n }],\n /**\n * Border Color Right\n * @see https://tailwindcss.com/docs/border-color\n */\n 'border-color-r': [{\n 'border-r': [borderColor]\n }],\n /**\n * Border Color Bottom\n * @see https://tailwindcss.com/docs/border-color\n */\n 'border-color-b': [{\n 'border-b': [borderColor]\n }],\n /**\n * Border Color Left\n * @see https://tailwindcss.com/docs/border-color\n */\n 'border-color-l': [{\n 'border-l': [borderColor]\n }],\n /**\n * Divide Color\n * @see https://tailwindcss.com/docs/divide-color\n */\n 'divide-color': [{\n divide: [borderColor]\n }],\n /**\n * Outline Style\n * @see https://tailwindcss.com/docs/outline-style\n */\n 'outline-style': [{\n outline: ['', ...getLineStyles()]\n }],\n /**\n * Outline Offset\n * @see https://tailwindcss.com/docs/outline-offset\n */\n 'outline-offset': [{\n 'outline-offset': [isLength, isArbitraryValue]\n }],\n /**\n * Outline Width\n * @see https://tailwindcss.com/docs/outline-width\n */\n 'outline-w': [{\n outline: [isLength, isArbitraryLength]\n }],\n /**\n * Outline Color\n * @see https://tailwindcss.com/docs/outline-color\n */\n 'outline-color': [{\n outline: [colors]\n }],\n /**\n * Ring Width\n * @see https://tailwindcss.com/docs/ring-width\n */\n 'ring-w': [{\n ring: getLengthWithEmptyAndArbitrary()\n }],\n /**\n * Ring Width Inset\n * @see https://tailwindcss.com/docs/ring-width\n */\n 'ring-w-inset': ['ring-inset'],\n /**\n * Ring Color\n * @see https://tailwindcss.com/docs/ring-color\n */\n 'ring-color': [{\n ring: [colors]\n }],\n /**\n * Ring Opacity\n * @see https://tailwindcss.com/docs/ring-opacity\n */\n 'ring-opacity': [{\n 'ring-opacity': [opacity]\n }],\n /**\n * Ring Offset Width\n * @see https://tailwindcss.com/docs/ring-offset-width\n */\n 'ring-offset-w': [{\n 'ring-offset': [isLength, isArbitraryLength]\n }],\n /**\n * Ring Offset Color\n * @see https://tailwindcss.com/docs/ring-offset-color\n */\n 'ring-offset-color': [{\n 'ring-offset': [colors]\n }],\n // Effects\n /**\n * Box Shadow\n * @see https://tailwindcss.com/docs/box-shadow\n */\n shadow: [{\n shadow: ['', 'inner', 'none', isTshirtSize, isArbitraryShadow]\n }],\n /**\n * Box Shadow Color\n * @see https://tailwindcss.com/docs/box-shadow-color\n */\n 'shadow-color': [{\n shadow: [isAny]\n }],\n /**\n * Opacity\n * @see https://tailwindcss.com/docs/opacity\n */\n opacity: [{\n opacity: [opacity]\n }],\n /**\n * Mix Blend Mode\n * @see https://tailwindcss.com/docs/mix-blend-mode\n */\n 'mix-blend': [{\n 'mix-blend': getBlendModes()\n }],\n /**\n * Background Blend Mode\n * @see https://tailwindcss.com/docs/background-blend-mode\n */\n 'bg-blend': [{\n 'bg-blend': getBlendModes()\n }],\n // Filters\n /**\n * Filter\n * @deprecated since Tailwind CSS v3.0.0\n * @see https://tailwindcss.com/docs/filter\n */\n filter: [{\n filter: ['', 'none']\n }],\n /**\n * Blur\n * @see https://tailwindcss.com/docs/blur\n */\n blur: [{\n blur: [blur]\n }],\n /**\n * Brightness\n * @see https://tailwindcss.com/docs/brightness\n */\n brightness: [{\n brightness: [brightness]\n }],\n /**\n * Contrast\n * @see https://tailwindcss.com/docs/contrast\n */\n contrast: [{\n contrast: [contrast]\n }],\n /**\n * Drop Shadow\n * @see https://tailwindcss.com/docs/drop-shadow\n */\n 'drop-shadow': [{\n 'drop-shadow': ['', 'none', isTshirtSize, isArbitraryValue]\n }],\n /**\n * Grayscale\n * @see https://tailwindcss.com/docs/grayscale\n */\n grayscale: [{\n grayscale: [grayscale]\n }],\n /**\n * Hue Rotate\n * @see https://tailwindcss.com/docs/hue-rotate\n */\n 'hue-rotate': [{\n 'hue-rotate': [hueRotate]\n }],\n /**\n * Invert\n * @see https://tailwindcss.com/docs/invert\n */\n invert: [{\n invert: [invert]\n }],\n /**\n * Saturate\n * @see https://tailwindcss.com/docs/saturate\n */\n saturate: [{\n saturate: [saturate]\n }],\n /**\n * Sepia\n * @see https://tailwindcss.com/docs/sepia\n */\n sepia: [{\n sepia: [sepia]\n }],\n /**\n * Backdrop Filter\n * @deprecated since Tailwind CSS v3.0.0\n * @see https://tailwindcss.com/docs/backdrop-filter\n */\n 'backdrop-filter': [{\n 'backdrop-filter': ['', 'none']\n }],\n /**\n * Backdrop Blur\n * @see https://tailwindcss.com/docs/backdrop-blur\n */\n 'backdrop-blur': [{\n 'backdrop-blur': [blur]\n }],\n /**\n * Backdrop Brightness\n * @see https://tailwindcss.com/docs/backdrop-brightness\n */\n 'backdrop-brightness': [{\n 'backdrop-brightness': [brightness]\n }],\n /**\n * Backdrop Contrast\n * @see https://tailwindcss.com/docs/backdrop-contrast\n */\n 'backdrop-contrast': [{\n 'backdrop-contrast': [contrast]\n }],\n /**\n * Backdrop Grayscale\n * @see https://tailwindcss.com/docs/backdrop-grayscale\n */\n 'backdrop-grayscale': [{\n 'backdrop-grayscale': [grayscale]\n }],\n /**\n * Backdrop Hue Rotate\n * @see https://tailwindcss.com/docs/backdrop-hue-rotate\n */\n 'backdrop-hue-rotate': [{\n 'backdrop-hue-rotate': [hueRotate]\n }],\n /**\n * Backdrop Invert\n * @see https://tailwindcss.com/docs/backdrop-invert\n */\n 'backdrop-invert': [{\n 'backdrop-invert': [invert]\n }],\n /**\n * Backdrop Opacity\n * @see https://tailwindcss.com/docs/backdrop-opacity\n */\n 'backdrop-opacity': [{\n 'backdrop-opacity': [opacity]\n }],\n /**\n * Backdrop Saturate\n * @see https://tailwindcss.com/docs/backdrop-saturate\n */\n 'backdrop-saturate': [{\n 'backdrop-saturate': [saturate]\n }],\n /**\n * Backdrop Sepia\n * @see https://tailwindcss.com/docs/backdrop-sepia\n */\n 'backdrop-sepia': [{\n 'backdrop-sepia': [sepia]\n }],\n // Tables\n /**\n * Border Collapse\n * @see https://tailwindcss.com/docs/border-collapse\n */\n 'border-collapse': [{\n border: ['collapse', 'separate']\n }],\n /**\n * Border Spacing\n * @see https://tailwindcss.com/docs/border-spacing\n */\n 'border-spacing': [{\n 'border-spacing': [borderSpacing]\n }],\n /**\n * Border Spacing X\n * @see https://tailwindcss.com/docs/border-spacing\n */\n 'border-spacing-x': [{\n 'border-spacing-x': [borderSpacing]\n }],\n /**\n * Border Spacing Y\n * @see https://tailwindcss.com/docs/border-spacing\n */\n 'border-spacing-y': [{\n 'border-spacing-y': [borderSpacing]\n }],\n /**\n * Table Layout\n * @see https://tailwindcss.com/docs/table-layout\n */\n 'table-layout': [{\n table: ['auto', 'fixed']\n }],\n /**\n * Caption Side\n * @see https://tailwindcss.com/docs/caption-side\n */\n caption: [{\n caption: ['top', 'bottom']\n }],\n // Transitions and Animation\n /**\n * Tranisition Property\n * @see https://tailwindcss.com/docs/transition-property\n */\n transition: [{\n transition: ['none', 'all', '', 'colors', 'opacity', 'shadow', 'transform', isArbitraryValue]\n }],\n /**\n * Transition Duration\n * @see https://tailwindcss.com/docs/transition-duration\n */\n duration: [{\n duration: getNumberAndArbitrary()\n }],\n /**\n * Transition Timing Function\n * @see https://tailwindcss.com/docs/transition-timing-function\n */\n ease: [{\n ease: ['linear', 'in', 'out', 'in-out', isArbitraryValue]\n }],\n /**\n * Transition Delay\n * @see https://tailwindcss.com/docs/transition-delay\n */\n delay: [{\n delay: getNumberAndArbitrary()\n }],\n /**\n * Animation\n * @see https://tailwindcss.com/docs/animation\n */\n animate: [{\n animate: ['none', 'spin', 'ping', 'pulse', 'bounce', isArbitraryValue]\n }],\n // Transforms\n /**\n * Transform\n * @see https://tailwindcss.com/docs/transform\n */\n transform: [{\n transform: ['', 'gpu', 'none']\n }],\n /**\n * Scale\n * @see https://tailwindcss.com/docs/scale\n */\n scale: [{\n scale: [scale]\n }],\n /**\n * Scale X\n * @see https://tailwindcss.com/docs/scale\n */\n 'scale-x': [{\n 'scale-x': [scale]\n }],\n /**\n * Scale Y\n * @see https://tailwindcss.com/docs/scale\n */\n 'scale-y': [{\n 'scale-y': [scale]\n }],\n /**\n * Rotate\n * @see https://tailwindcss.com/docs/rotate\n */\n rotate: [{\n rotate: [isInteger, isArbitraryValue]\n }],\n /**\n * Translate X\n * @see https://tailwindcss.com/docs/translate\n */\n 'translate-x': [{\n 'translate-x': [translate]\n }],\n /**\n * Translate Y\n * @see https://tailwindcss.com/docs/translate\n */\n 'translate-y': [{\n 'translate-y': [translate]\n }],\n /**\n * Skew X\n * @see https://tailwindcss.com/docs/skew\n */\n 'skew-x': [{\n 'skew-x': [skew]\n }],\n /**\n * Skew Y\n * @see https://tailwindcss.com/docs/skew\n */\n 'skew-y': [{\n 'skew-y': [skew]\n }],\n /**\n * Transform Origin\n * @see https://tailwindcss.com/docs/transform-origin\n */\n 'transform-origin': [{\n origin: ['center', 'top', 'top-right', 'right', 'bottom-right', 'bottom', 'bottom-left', 'left', 'top-left', isArbitraryValue]\n }],\n // Interactivity\n /**\n * Accent Color\n * @see https://tailwindcss.com/docs/accent-color\n */\n accent: [{\n accent: ['auto', colors]\n }],\n /**\n * Appearance\n * @see https://tailwindcss.com/docs/appearance\n */\n appearance: ['appearance-none'],\n /**\n * Cursor\n * @see https://tailwindcss.com/docs/cursor\n */\n cursor: [{\n cursor: ['auto', 'default', 'pointer', 'wait', 'text', 'move', 'help', 'not-allowed', 'none', 'context-menu', 'progress', 'cell', 'crosshair', 'vertical-text', 'alias', 'copy', 'no-drop', 'grab', 'grabbing', 'all-scroll', 'col-resize', 'row-resize', 'n-resize', 'e-resize', 's-resize', 'w-resize', 'ne-resize', 'nw-resize', 'se-resize', 'sw-resize', 'ew-resize', 'ns-resize', 'nesw-resize', 'nwse-resize', 'zoom-in', 'zoom-out', isArbitraryValue]\n }],\n /**\n * Caret Color\n * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities\n */\n 'caret-color': [{\n caret: [colors]\n }],\n /**\n * Pointer Events\n * @see https://tailwindcss.com/docs/pointer-events\n */\n 'pointer-events': [{\n 'pointer-events': ['none', 'auto']\n }],\n /**\n * Resize\n * @see https://tailwindcss.com/docs/resize\n */\n resize: [{\n resize: ['none', 'y', 'x', '']\n }],\n /**\n * Scroll Behavior\n * @see https://tailwindcss.com/docs/scroll-behavior\n */\n 'scroll-behavior': [{\n scroll: ['auto', 'smooth']\n }],\n /**\n * Scroll Margin\n * @see https://tailwindcss.com/docs/scroll-margin\n */\n 'scroll-m': [{\n 'scroll-m': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Margin X\n * @see https://tailwindcss.com/docs/scroll-margin\n */\n 'scroll-mx': [{\n 'scroll-mx': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Margin Y\n * @see https://tailwindcss.com/docs/scroll-margin\n */\n 'scroll-my': [{\n 'scroll-my': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Margin Start\n * @see https://tailwindcss.com/docs/scroll-margin\n */\n 'scroll-ms': [{\n 'scroll-ms': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Margin End\n * @see https://tailwindcss.com/docs/scroll-margin\n */\n 'scroll-me': [{\n 'scroll-me': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Margin Top\n * @see https://tailwindcss.com/docs/scroll-margin\n */\n 'scroll-mt': [{\n 'scroll-mt': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Margin Right\n * @see https://tailwindcss.com/docs/scroll-margin\n */\n 'scroll-mr': [{\n 'scroll-mr': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Margin Bottom\n * @see https://tailwindcss.com/docs/scroll-margin\n */\n 'scroll-mb': [{\n 'scroll-mb': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Margin Left\n * @see https://tailwindcss.com/docs/scroll-margin\n */\n 'scroll-ml': [{\n 'scroll-ml': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Padding\n * @see https://tailwindcss.com/docs/scroll-padding\n */\n 'scroll-p': [{\n 'scroll-p': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Padding X\n * @see https://tailwindcss.com/docs/scroll-padding\n */\n 'scroll-px': [{\n 'scroll-px': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Padding Y\n * @see https://tailwindcss.com/docs/scroll-padding\n */\n 'scroll-py': [{\n 'scroll-py': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Padding Start\n * @see https://tailwindcss.com/docs/scroll-padding\n */\n 'scroll-ps': [{\n 'scroll-ps': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Padding End\n * @see https://tailwindcss.com/docs/scroll-padding\n */\n 'scroll-pe': [{\n 'scroll-pe': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Padding Top\n * @see https://tailwindcss.com/docs/scroll-padding\n */\n 'scroll-pt': [{\n 'scroll-pt': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Padding Right\n * @see https://tailwindcss.com/docs/scroll-padding\n */\n 'scroll-pr': [{\n 'scroll-pr': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Padding Bottom\n * @see https://tailwindcss.com/docs/scroll-padding\n */\n 'scroll-pb': [{\n 'scroll-pb': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Padding Left\n * @see https://tailwindcss.com/docs/scroll-padding\n */\n 'scroll-pl': [{\n 'scroll-pl': getSpacingWithArbitrary()\n }],\n /**\n * Scroll Snap Align\n * @see https://tailwindcss.com/docs/scroll-snap-align\n */\n 'snap-align': [{\n snap: ['start', 'end', 'center', 'align-none']\n }],\n /**\n * Scroll Snap Stop\n * @see https://tailwindcss.com/docs/scroll-snap-stop\n */\n 'snap-stop': [{\n snap: ['normal', 'always']\n }],\n /**\n * Scroll Snap Type\n * @see https://tailwindcss.com/docs/scroll-snap-type\n */\n 'snap-type': [{\n snap: ['none', 'x', 'y', 'both']\n }],\n /**\n * Scroll Snap Type Strictness\n * @see https://tailwindcss.com/docs/scroll-snap-type\n */\n 'snap-strictness': [{\n snap: ['mandatory', 'proximity']\n }],\n /**\n * Touch Action\n * @see https://tailwindcss.com/docs/touch-action\n */\n touch: [{\n touch: ['auto', 'none', 'manipulation']\n }],\n /**\n * Touch Action X\n * @see https://tailwindcss.com/docs/touch-action\n */\n 'touch-x': [{\n 'touch-pan': ['x', 'left', 'right']\n }],\n /**\n * Touch Action Y\n * @see https://tailwindcss.com/docs/touch-action\n */\n 'touch-y': [{\n 'touch-pan': ['y', 'up', 'down']\n }],\n /**\n * Touch Action Pinch Zoom\n * @see https://tailwindcss.com/docs/touch-action\n */\n 'touch-pz': ['touch-pinch-zoom'],\n /**\n * User Select\n * @see https://tailwindcss.com/docs/user-select\n */\n select: [{\n select: ['none', 'text', 'all', 'auto']\n }],\n /**\n * Will Change\n * @see https://tailwindcss.com/docs/will-change\n */\n 'will-change': [{\n 'will-change': ['auto', 'scroll', 'contents', 'transform', isArbitraryValue]\n }],\n // SVG\n /**\n * Fill\n * @see https://tailwindcss.com/docs/fill\n */\n fill: [{\n fill: [colors, 'none']\n }],\n /**\n * Stroke Width\n * @see https://tailwindcss.com/docs/stroke-width\n */\n 'stroke-w': [{\n stroke: [isLength, isArbitraryLength, isArbitraryNumber]\n }],\n /**\n * Stroke\n * @see https://tailwindcss.com/docs/stroke\n */\n stroke: [{\n stroke: [colors, 'none']\n }],\n // Accessibility\n /**\n * Screen Readers\n * @see https://tailwindcss.com/docs/screen-readers\n */\n sr: ['sr-only', 'not-sr-only']\n },\n conflictingClassGroups: {\n overflow: ['overflow-x', 'overflow-y'],\n overscroll: ['overscroll-x', 'overscroll-y'],\n inset: ['inset-x', 'inset-y', 'start', 'end', 'top', 'right', 'bottom', 'left'],\n 'inset-x': ['right', 'left'],\n 'inset-y': ['top', 'bottom'],\n flex: ['basis', 'grow', 'shrink'],\n gap: ['gap-x', 'gap-y'],\n p: ['px', 'py', 'ps', 'pe', 'pt', 'pr', 'pb', 'pl'],\n px: ['pr', 'pl'],\n py: ['pt', 'pb'],\n m: ['mx', 'my', 'ms', 'me', 'mt', 'mr', 'mb', 'ml'],\n mx: ['mr', 'ml'],\n my: ['mt', 'mb'],\n 'font-size': ['leading'],\n 'fvn-normal': ['fvn-ordinal', 'fvn-slashed-zero', 'fvn-figure', 'fvn-spacing', 'fvn-fraction'],\n 'fvn-ordinal': ['fvn-normal'],\n 'fvn-slashed-zero': ['fvn-normal'],\n 'fvn-figure': ['fvn-normal'],\n 'fvn-spacing': ['fvn-normal'],\n 'fvn-fraction': ['fvn-normal'],\n 'line-clamp': ['display', 'overflow'],\n rounded: ['rounded-s', 'rounded-e', 'rounded-t', 'rounded-r', 'rounded-b', 'rounded-l', 'rounded-ss', 'rounded-se', 'rounded-ee', 'rounded-es', 'rounded-tl', 'rounded-tr', 'rounded-br', 'rounded-bl'],\n 'rounded-s': ['rounded-ss', 'rounded-es'],\n 'rounded-e': ['rounded-se', 'rounded-ee'],\n 'rounded-t': ['rounded-tl', 'rounded-tr'],\n 'rounded-r': ['rounded-tr', 'rounded-br'],\n 'rounded-b': ['rounded-br', 'rounded-bl'],\n 'rounded-l': ['rounded-tl', 'rounded-bl'],\n 'border-spacing': ['border-spacing-x', 'border-spacing-y'],\n 'border-w': ['border-w-s', 'border-w-e', 'border-w-t', 'border-w-r', 'border-w-b', 'border-w-l'],\n 'border-w-x': ['border-w-r', 'border-w-l'],\n 'border-w-y': ['border-w-t', 'border-w-b'],\n 'border-color': ['border-color-t', 'border-color-r', 'border-color-b', 'border-color-l'],\n 'border-color-x': ['border-color-r', 'border-color-l'],\n 'border-color-y': ['border-color-t', 'border-color-b'],\n 'scroll-m': ['scroll-mx', 'scroll-my', 'scroll-ms', 'scroll-me', 'scroll-mt', 'scroll-mr', 'scroll-mb', 'scroll-ml'],\n 'scroll-mx': ['scroll-mr', 'scroll-ml'],\n 'scroll-my': ['scroll-mt', 'scroll-mb'],\n 'scroll-p': ['scroll-px', 'scroll-py', 'scroll-ps', 'scroll-pe', 'scroll-pt', 'scroll-pr', 'scroll-pb', 'scroll-pl'],\n 'scroll-px': ['scroll-pr', 'scroll-pl'],\n 'scroll-py': ['scroll-pt', 'scroll-pb'],\n touch: ['touch-x', 'touch-y', 'touch-pz'],\n 'touch-x': ['touch'],\n 'touch-y': ['touch'],\n 'touch-pz': ['touch']\n },\n conflictingClassGroupModifiers: {\n 'font-size': ['leading']\n }\n };\n }\n const twMerge = /*#__PURE__*/createTailwindMerge(getDefaultConfig);\n\n function cn(...inputs) {\n return twMerge(clsx(inputs));\n }\n\n const buttonVariants = cva(\"active:scale-95 md:min-w-[165px] flex md:h-[50px] h-8 leading-8 md:leading-[50px] items-center justify-center gap-3 rounded-full text-sm font-medium transition-all focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-1 disabled:pointer-events-none\", {\n variants: {\n variant: {\n default: \"text-black hover:text-white hover:bg-black disabled:bg-gray-400 outline-black border border-black hover:scale-105 border-solid disabled:border-none\",\n outline: \"bg-transparent border border-[black] hover:bg-[#EFEFF9] text-black\"\n },\n size: {\n default: \"h-10 leading-10 md:px-6 px-5\"\n }\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\"\n }\n });\n const Button = React__namespace.forwardRef(({\n className,\n variant,\n size,\n children,\n loading,\n disabled,\n icon,\n ...props\n }, ref) => {\n return /* @__PURE__ */ jsxRuntimeExports.jsxs(\"button\", { disabled: disabled || loading, className: cn(buttonVariants({\n variant,\n size,\n className\n })), ref, style: {\n borderColor: \"#000\"\n }, ...props, children: [\n children,\n loading && /* @__PURE__ */ jsxRuntimeExports.jsx(Loader2, { className: \"mr-2 h-4 w-4 animate-spin \" }),\n icon && !loading && icon\n ] });\n });\n Button.displayName = \"Button\";\n\n var i$5 = Object.defineProperty;\n var d$6 = (t, e, n) => e in t ? i$5(t, e, {\n enumerable: !0,\n configurable: !0,\n writable: !0,\n value: n\n }) : t[e] = n;\n var r$4 = (t, e, n) => (d$6(t, typeof e != \"symbol\" ? e + \"\" : e, n), n);\n let o$7 = class o {\n constructor() {\n r$4(this, \"current\", this.detect());\n r$4(this, \"handoffState\", \"pending\");\n r$4(this, \"currentId\", 0);\n }\n set(e) {\n this.current !== e && (this.handoffState = \"pending\", this.currentId = 0, this.current = e);\n }\n reset() {\n this.set(this.detect());\n }\n nextId() {\n return ++this.currentId;\n }\n get isServer() {\n return this.current === \"server\";\n }\n get isClient() {\n return this.current === \"client\";\n }\n detect() {\n return typeof window == \"undefined\" || typeof document == \"undefined\" ? \"server\" : \"client\";\n }\n handoff() {\n this.handoffState === \"pending\" && (this.handoffState = \"complete\");\n }\n get isHandoffComplete() {\n return this.handoffState === \"complete\";\n }\n };\n let s$9 = new o$7();\n\n let l$5 = (e, f) => {\n s$9.isServer ? React.useEffect(e, f) : React.useLayoutEffect(e, f);\n };\n\n function s$8(e) {\n let r = React.useRef(e);\n return l$5(() => {\n r.current = e;\n }, [e]), r;\n }\n\n function i$4(e, o) {\n let [u, t] = React.useState(e),\n r = s$8(e);\n return l$5(() => t(r.current), [r, t, ...o]), u;\n }\n\n function t$8(e) {\n typeof queueMicrotask == \"function\" ? queueMicrotask(e) : Promise.resolve().then(e).catch(o => setTimeout(() => {\n throw o;\n }));\n }\n\n function o$6() {\n let n = [],\n r = {\n addEventListener(e, t, s, a) {\n return e.addEventListener(t, s, a), r.add(() => e.removeEventListener(t, s, a));\n },\n requestAnimationFrame(...e) {\n let t = requestAnimationFrame(...e);\n return r.add(() => cancelAnimationFrame(t));\n },\n nextFrame(...e) {\n return r.requestAnimationFrame(() => r.requestAnimationFrame(...e));\n },\n setTimeout(...e) {\n let t = setTimeout(...e);\n return r.add(() => clearTimeout(t));\n },\n microTask(...e) {\n let t = {\n current: !0\n };\n return t$8(() => {\n t.current && e[0]();\n }), r.add(() => {\n t.current = !1;\n });\n },\n style(e, t, s) {\n let a = e.style.getPropertyValue(t);\n return Object.assign(e.style, {\n [t]: s\n }), this.add(() => {\n Object.assign(e.style, {\n [t]: a\n });\n });\n },\n group(e) {\n let t = o$6();\n return e(t), this.add(() => t.dispose());\n },\n add(e) {\n return n.push(e), () => {\n let t = n.indexOf(e);\n if (t >= 0) for (let s of n.splice(t, 1)) s();\n };\n },\n dispose() {\n for (let e of n.splice(0)) e();\n }\n };\n return r;\n }\n\n function p$5() {\n let [e] = React.useState(o$6);\n return React.useEffect(() => () => e.dispose(), [e]), e;\n }\n\n let o$5 = function (t) {\n let e = s$8(t);\n return React.useCallback((...r) => e.current(...r), [e]);\n };\n\n function s$7() {\n let r = typeof document == \"undefined\";\n return \"useSyncExternalStore\" in React__namespace ? (o => o.useSyncExternalStore)(React__namespace)(() => () => {}, () => !1, () => !r) : !1;\n }\n function l$4() {\n let r = s$7(),\n [e, n] = React__namespace.useState(s$9.isHandoffComplete);\n return e && s$9.isHandoffComplete === !1 && n(!1), React__namespace.useEffect(() => {\n e !== !0 && n(!0);\n }, [e]), React__namespace.useEffect(() => s$9.handoff(), []), r ? !1 : e;\n }\n\n var o$4;\n let I$3 = (o$4 = React.useId) != null ? o$4 : function () {\n let n = l$4(),\n [e, u] = React.useState(n ? () => s$9.nextId() : null);\n return l$5(() => {\n e === null && u(s$9.nextId());\n }, [e]), e != null ? \"\" + e : void 0;\n };\n\n function u$6(r, n, ...a) {\n if (r in n) {\n let e = n[r];\n return typeof e == \"function\" ? e(...a) : e;\n }\n let t = new Error(`Tried to handle \"${r}\" but there is no handler defined. Only defined handlers are: ${Object.keys(n).map(e => `\"${e}\"`).join(\", \")}.`);\n throw Error.captureStackTrace && Error.captureStackTrace(t, u$6), t;\n }\n\n function e$3(r) {\n return s$9.isServer ? null : r instanceof Node ? r.ownerDocument : r != null && r.hasOwnProperty(\"current\") && r.current instanceof Node ? r.current.ownerDocument : document;\n }\n\n let c$8 = [\"[contentEditable=true]\", \"[tabindex]\", \"a[href]\", \"area[href]\", \"button:not([disabled])\", \"iframe\", \"input:not([disabled])\", \"select:not([disabled])\", \"textarea:not([disabled])\"].map(e => `${e}:not([tabindex='-1'])`).join(\",\");\n var M$7 = (n => (n[n.First = 1] = \"First\", n[n.Previous = 2] = \"Previous\", n[n.Next = 4] = \"Next\", n[n.Last = 8] = \"Last\", n[n.WrapAround = 16] = \"WrapAround\", n[n.NoScroll = 32] = \"NoScroll\", n))(M$7 || {}),\n N$2 = (o => (o[o.Error = 0] = \"Error\", o[o.Overflow = 1] = \"Overflow\", o[o.Success = 2] = \"Success\", o[o.Underflow = 3] = \"Underflow\", o))(N$2 || {}),\n F$2 = (t => (t[t.Previous = -1] = \"Previous\", t[t.Next = 1] = \"Next\", t))(F$2 || {});\n function f$7(e = document.body) {\n return e == null ? [] : Array.from(e.querySelectorAll(c$8)).sort((r, t) => Math.sign((r.tabIndex || Number.MAX_SAFE_INTEGER) - (t.tabIndex || Number.MAX_SAFE_INTEGER)));\n }\n var T$3 = (t => (t[t.Strict = 0] = \"Strict\", t[t.Loose = 1] = \"Loose\", t))(T$3 || {});\n function h$7(e, r = 0) {\n var t;\n return e === ((t = e$3(e)) == null ? void 0 : t.body) ? !1 : u$6(r, {\n [0]() {\n return e.matches(c$8);\n },\n [1]() {\n let l = e;\n for (; l !== null;) {\n if (l.matches(c$8)) return !0;\n l = l.parentElement;\n }\n return !1;\n }\n });\n }\n var w$3 = (t => (t[t.Keyboard = 0] = \"Keyboard\", t[t.Mouse = 1] = \"Mouse\", t))(w$3 || {});\n typeof window != \"undefined\" && typeof document != \"undefined\" && (document.addEventListener(\"keydown\", e => {\n e.metaKey || e.altKey || e.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = \"\");\n }, !0), document.addEventListener(\"click\", e => {\n e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = \"\");\n }, !0));\n function y$5(e) {\n e == null || e.focus({\n preventScroll: !0\n });\n }\n let S$6 = [\"textarea\", \"input\"].join(\",\");\n function H$2(e) {\n var r, t;\n return (t = (r = e == null ? void 0 : e.matches) == null ? void 0 : r.call(e, S$6)) != null ? t : !1;\n }\n function I$2(e, r = t => t) {\n return e.slice().sort((t, l) => {\n let o = r(t),\n i = r(l);\n if (o === null || i === null) return 0;\n let n = o.compareDocumentPosition(i);\n return n & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;\n });\n }\n function O(e, r, {\n sorted: t = !0,\n relativeTo: l = null,\n skipElements: o = []\n } = {}) {\n let i = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e.ownerDocument,\n n = Array.isArray(e) ? t ? I$2(e) : e : f$7(e);\n o.length > 0 && n.length > 1 && (n = n.filter(s => !o.includes(s))), l = l != null ? l : i.activeElement;\n let E = (() => {\n if (r & 5) return 1;\n if (r & 10) return -1;\n throw new Error(\"Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last\");\n })(),\n x = (() => {\n if (r & 1) return 0;\n if (r & 2) return Math.max(0, n.indexOf(l)) - 1;\n if (r & 4) return Math.max(0, n.indexOf(l)) + 1;\n if (r & 8) return n.length - 1;\n throw new Error(\"Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last\");\n })(),\n p = r & 32 ? {\n preventScroll: !0\n } : {},\n d = 0,\n a = n.length,\n u;\n do {\n if (d >= a || d + a <= 0) return 0;\n let s = x + d;\n if (r & 16) s = (s + a) % a;else {\n if (s < 0) return 3;\n if (s >= a) return 1;\n }\n u = n[s], u == null || u.focus(p), d += E;\n } while (u !== i.activeElement);\n return r & 6 && H$2(u) && u.select(), 2;\n }\n\n function d$5(e, r, n) {\n let o = s$8(r);\n React.useEffect(() => {\n function t(u) {\n o.current(u);\n }\n return document.addEventListener(e, t, n), () => document.removeEventListener(e, t, n);\n }, [e, n]);\n }\n\n function s$6(e, r, n) {\n let o = s$8(r);\n React.useEffect(() => {\n function t(i) {\n o.current(i);\n }\n return window.addEventListener(e, t, n), () => window.removeEventListener(e, t, n);\n }, [e, n]);\n }\n\n function h$6(s, m, a = !0) {\n let i = React.useRef(!1);\n React.useEffect(() => {\n requestAnimationFrame(() => {\n i.current = a;\n });\n }, [a]);\n function c(e, r) {\n if (!i.current || e.defaultPrevented) return;\n let t = r(e);\n if (t === null || !t.getRootNode().contains(t) || !t.isConnected) return;\n let E = function u(n) {\n return typeof n == \"function\" ? u(n()) : Array.isArray(n) || n instanceof Set ? n : [n];\n }(s);\n for (let u of E) {\n if (u === null) continue;\n let n = u instanceof HTMLElement ? u : u.current;\n if (n != null && n.contains(t) || e.composed && e.composedPath().includes(n)) return;\n }\n return !h$7(t, T$3.Loose) && t.tabIndex !== -1 && e.preventDefault(), m(e, t);\n }\n let o = React.useRef(null);\n d$5(\"pointerdown\", e => {\n var r, t;\n i.current && (o.current = ((t = (r = e.composedPath) == null ? void 0 : r.call(e)) == null ? void 0 : t[0]) || e.target);\n }, !0), d$5(\"mousedown\", e => {\n var r, t;\n i.current && (o.current = ((t = (r = e.composedPath) == null ? void 0 : r.call(e)) == null ? void 0 : t[0]) || e.target);\n }, !0), d$5(\"click\", e => {\n o.current && (c(e, () => o.current), o.current = null);\n }, !0), d$5(\"touchend\", e => c(e, () => e.target instanceof HTMLElement ? e.target : null), !0), s$6(\"blur\", e => c(e, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);\n }\n\n function i$3(t) {\n var n;\n if (t.type) return t.type;\n let e = (n = t.as) != null ? n : \"button\";\n if (typeof e == \"string\" && e.toLowerCase() === \"button\") return \"button\";\n }\n function s$5(t, e) {\n let [n, u] = React.useState(() => i$3(t));\n return l$5(() => {\n u(i$3(t));\n }, [t.type, t.as]), l$5(() => {\n n || e.current && e.current instanceof HTMLButtonElement && !e.current.hasAttribute(\"type\") && u(\"button\");\n }, [n, e]), n;\n }\n\n let u$5 = Symbol();\n function T$2(t, n = !0) {\n return Object.assign(t, {\n [u$5]: n\n });\n }\n function y$4(...t) {\n let n = React.useRef(t);\n React.useEffect(() => {\n n.current = t;\n }, [t]);\n let c = o$5(e => {\n for (let o of n.current) o != null && (typeof o == \"function\" ? o(e) : o.current = e);\n });\n return t.every(e => e == null || (e == null ? void 0 : e[u$5])) ? void 0 : c;\n }\n\n function F$1({\n container: e,\n accept: t,\n walk: r,\n enabled: c = !0\n }) {\n let o = React.useRef(t),\n l = React.useRef(r);\n React.useEffect(() => {\n o.current = t, l.current = r;\n }, [t, r]), l$5(() => {\n if (!e || !c) return;\n let n = e$3(e);\n if (!n) return;\n let f = o.current,\n p = l.current,\n d = Object.assign(i => f(i), {\n acceptNode: f\n }),\n u = n.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, d, !1);\n for (; u.nextNode();) p(u.currentNode);\n }, [e, c, o, l]);\n }\n\n function f$6(r) {\n throw new Error(\"Unexpected object: \" + r);\n }\n var a$9 = (e => (e[e.First = 0] = \"First\", e[e.Previous = 1] = \"Previous\", e[e.Next = 2] = \"Next\", e[e.Last = 3] = \"Last\", e[e.Specific = 4] = \"Specific\", e[e.Nothing = 5] = \"Nothing\", e))(a$9 || {});\n function x$2(r, n) {\n let t = n.resolveItems();\n if (t.length <= 0) return null;\n let l = n.resolveActiveIndex(),\n s = l != null ? l : -1,\n d = (() => {\n switch (r.focus) {\n case 0:\n return t.findIndex(e => !n.resolveDisabled(e));\n case 1:\n {\n let e = t.slice().reverse().findIndex((i, c, u) => s !== -1 && u.length - c - 1 >= s ? !1 : !n.resolveDisabled(i));\n return e === -1 ? e : t.length - 1 - e;\n }\n case 2:\n return t.findIndex((e, i) => i <= s ? !1 : !n.resolveDisabled(e));\n case 3:\n {\n let e = t.slice().reverse().findIndex(i => !n.resolveDisabled(i));\n return e === -1 ? e : t.length - 1 - e;\n }\n case 4:\n return t.findIndex(e => n.resolveId(e) === r.id);\n case 5:\n return null;\n default:\n f$6(r);\n }\n })();\n return d === -1 ? l : d;\n }\n\n function t$7(...r) {\n return Array.from(new Set(r.flatMap(n => typeof n == \"string\" ? n.split(\" \") : []))).filter(Boolean).join(\" \");\n }\n\n var S$5 = (a => (a[a.None = 0] = \"None\", a[a.RenderStrategy = 1] = \"RenderStrategy\", a[a.Static = 2] = \"Static\", a))(S$5 || {}),\n j$2 = (e => (e[e.Unmount = 0] = \"Unmount\", e[e.Hidden = 1] = \"Hidden\", e))(j$2 || {});\n function X$1({\n ourProps: r,\n theirProps: t,\n slot: e,\n defaultTag: a,\n features: s,\n visible: n = !0,\n name: f\n }) {\n let o = N$1(t, r);\n if (n) return c$7(o, e, a, f);\n let u = s != null ? s : 0;\n if (u & 2) {\n let {\n static: l = !1,\n ...p\n } = o;\n if (l) return c$7(p, e, a, f);\n }\n if (u & 1) {\n let {\n unmount: l = !0,\n ...p\n } = o;\n return u$6(l ? 0 : 1, {\n [0]() {\n return null;\n },\n [1]() {\n return c$7({\n ...p,\n hidden: !0,\n style: {\n display: \"none\"\n }\n }, e, a, f);\n }\n });\n }\n return c$7(o, e, a, f);\n }\n function c$7(r, t = {}, e, a) {\n let {\n as: s = e,\n children: n,\n refName: f = \"ref\",\n ...o\n } = g$3(r, [\"unmount\", \"static\"]),\n u = r.ref !== void 0 ? {\n [f]: r.ref\n } : {},\n l = typeof n == \"function\" ? n(t) : n;\n \"className\" in o && o.className && typeof o.className == \"function\" && (o.className = o.className(t));\n let p = {};\n if (t) {\n let i = !1,\n m = [];\n for (let [y, d] of Object.entries(t)) typeof d == \"boolean\" && (i = !0), d === !0 && m.push(y);\n i && (p[\"data-headlessui-state\"] = m.join(\" \"));\n }\n if (s === React.Fragment && Object.keys(R(o)).length > 0) {\n if (!React.isValidElement(l) || Array.isArray(l) && l.length > 1) throw new Error(['Passing props on \"Fragment\"!', \"\", `The current component <${a} /> is rendering a \"Fragment\".`, \"However we need to passthrough the following props:\", Object.keys(o).map(d => ` - ${d}`).join(`\n`), \"\", \"You can apply a few solutions:\", ['Add an `as=\"...\"` prop, to ensure that we render an actual element instead of a \"Fragment\".', \"Render a single element as the child so that we can forward the props onto that element.\"].map(d => ` - ${d}`).join(`\n`)].join(`\n`));\n let i = l.props,\n m = typeof (i == null ? void 0 : i.className) == \"function\" ? (...d) => t$7(i == null ? void 0 : i.className(...d), o.className) : t$7(i == null ? void 0 : i.className, o.className),\n y = m ? {\n className: m\n } : {};\n return React.cloneElement(l, Object.assign({}, N$1(l.props, R(g$3(o, [\"ref\"]))), p, u, w$2(l.ref, u.ref), y));\n }\n return React.createElement(s, Object.assign({}, g$3(o, [\"ref\"]), s !== React.Fragment && u, s !== React.Fragment && p), l);\n }\n function w$2(...r) {\n return {\n ref: r.every(t => t == null) ? void 0 : t => {\n for (let e of r) e != null && (typeof e == \"function\" ? e(t) : e.current = t);\n }\n };\n }\n function N$1(...r) {\n if (r.length === 0) return {};\n if (r.length === 1) return r[0];\n let t = {},\n e = {};\n for (let s of r) for (let n in s) n.startsWith(\"on\") && typeof s[n] == \"function\" ? ((e[n]) != null || (e[n] = []), e[n].push(s[n])) : t[n] = s[n];\n if (t.disabled || t[\"aria-disabled\"]) return Object.assign(t, Object.fromEntries(Object.keys(e).map(s => [s, void 0])));\n for (let s in e) Object.assign(t, {\n [s](n, ...f) {\n let o = e[s];\n for (let u of o) {\n if ((n instanceof Event || (n == null ? void 0 : n.nativeEvent) instanceof Event) && n.defaultPrevented) return;\n u(n, ...f);\n }\n }\n });\n return t;\n }\n function D$1(r) {\n var t;\n return Object.assign(React.forwardRef(r), {\n displayName: (t = r.displayName) != null ? t : r.name\n });\n }\n function R(r) {\n let t = Object.assign({}, r);\n for (let e in t) t[e] === void 0 && delete t[e];\n return t;\n }\n function g$3(r, t = []) {\n let e = Object.assign({}, r);\n for (let a of t) a in e && delete e[a];\n return e;\n }\n\n function r$3(n) {\n let e = n.parentElement,\n l = null;\n for (; e && !(e instanceof HTMLFieldSetElement);) e instanceof HTMLLegendElement && (l = e), e = e.parentElement;\n let t = (e == null ? void 0 : e.getAttribute(\"disabled\")) === \"\";\n return t && i$2(l) ? !1 : t;\n }\n function i$2(n) {\n if (!n) return !1;\n let e = n.previousElementSibling;\n for (; e !== null;) {\n if (e instanceof HTMLLegendElement) return !1;\n e = e.previousElementSibling;\n }\n return !0;\n }\n\n function e$2(i = {}, s = null, t = []) {\n for (let [r, n] of Object.entries(i)) o$3(t, f$5(s, r), n);\n return t;\n }\n function f$5(i, s) {\n return i ? i + \"[\" + s + \"]\" : s;\n }\n function o$3(i, s, t) {\n if (Array.isArray(t)) for (let [r, n] of t.entries()) o$3(i, f$5(s, r.toString()), n);else t instanceof Date ? i.push([s, t.toISOString()]) : typeof t == \"boolean\" ? i.push([s, t ? \"1\" : \"0\"]) : typeof t == \"string\" ? i.push([s, t]) : typeof t == \"number\" ? i.push([s, `${t}`]) : t == null ? i.push([s, \"\"]) : e$2(t, s, i);\n }\n function p$4(i) {\n var t, r;\n let s = (t = i == null ? void 0 : i.form) != null ? t : i.closest(\"form\");\n if (s) {\n for (let n of s.elements) if (n !== i && (n.tagName === \"INPUT\" && n.type === \"submit\" || n.tagName === \"BUTTON\" && n.type === \"submit\" || n.nodeName === \"INPUT\" && n.type === \"image\")) {\n n.click();\n return;\n }\n (r = s.requestSubmit) == null || r.call(s);\n }\n }\n\n let a$8 = \"div\";\n var p$3 = (e => (e[e.None = 1] = \"None\", e[e.Focusable = 2] = \"Focusable\", e[e.Hidden = 4] = \"Hidden\", e))(p$3 || {});\n function s$4(t, o) {\n let {\n features: n = 1,\n ...e\n } = t,\n d = {\n ref: o,\n \"aria-hidden\": (n & 2) === 2 ? !0 : void 0,\n style: {\n position: \"fixed\",\n top: 1,\n left: 1,\n width: 1,\n height: 0,\n padding: 0,\n margin: -1,\n overflow: \"hidden\",\n clip: \"rect(0, 0, 0, 0)\",\n whiteSpace: \"nowrap\",\n borderWidth: \"0\",\n ...((n & 4) === 4 && (n & 2) !== 2 && {\n display: \"none\"\n })\n }\n };\n return X$1({\n ourProps: d,\n theirProps: e,\n slot: {},\n defaultTag: a$8,\n name: \"Hidden\"\n });\n }\n let c$6 = D$1(s$4);\n\n let n$3 = React.createContext(null);\n n$3.displayName = \"OpenClosedContext\";\n var d$4 = (e => (e[e.Open = 1] = \"Open\", e[e.Closed = 2] = \"Closed\", e[e.Closing = 4] = \"Closing\", e[e.Opening = 8] = \"Opening\", e))(d$4 || {});\n function C() {\n return React.useContext(n$3);\n }\n function c$5({\n value: o,\n children: r\n }) {\n return React.createElement(n$3.Provider, {\n value: o\n }, r);\n }\n\n var o$2 = (r => (r.Space = \" \", r.Enter = \"Enter\", r.Escape = \"Escape\", r.Backspace = \"Backspace\", r.Delete = \"Delete\", r.ArrowLeft = \"ArrowLeft\", r.ArrowUp = \"ArrowUp\", r.ArrowRight = \"ArrowRight\", r.ArrowDown = \"ArrowDown\", r.Home = \"Home\", r.End = \"End\", r.PageUp = \"PageUp\", r.PageDown = \"PageDown\", r.Tab = \"Tab\", r))(o$2 || {});\n\n function T$1(l, r, c) {\n let [i, s] = React.useState(c),\n e = l !== void 0,\n t = React.useRef(e),\n u = React.useRef(!1),\n d = React.useRef(!1);\n return e && !t.current && !u.current ? (u.current = !0, t.current = e, console.error(\"A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen.\")) : !e && t.current && !d.current && (d.current = !0, t.current = e, console.error(\"A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen.\")), [e ? l : i, o$5(n => (e || s(n), r == null ? void 0 : r(n)))];\n }\n\n function m$2(u, t) {\n let e = React.useRef([]),\n r = o$5(u);\n React.useEffect(() => {\n let o = [...e.current];\n for (let [n, a] of t.entries()) if (e.current[n] !== a) {\n let l = r(t, o);\n return e.current = t, l;\n }\n }, [r, ...t]);\n }\n\n function t$6(e) {\n return [e.screenX, e.screenY];\n }\n function u$4() {\n let e = React.useRef([-1, -1]);\n return {\n wasMoved(r) {\n let n = t$6(r);\n return e.current[0] === n[0] && e.current[1] === n[1] ? !1 : (e.current = n, !0);\n },\n update(r) {\n e.current = t$6(r);\n }\n };\n }\n\n function t$5() {\n return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;\n }\n\n function n$2(...e) {\n return React.useMemo(() => e$3(...e), [...e]);\n }\n\n var s$3 = (r => (r[r.Forwards = 0] = \"Forwards\", r[r.Backwards = 1] = \"Backwards\", r))(s$3 || {});\n function n$1() {\n let e = React.useRef(0);\n return s$6(\"keydown\", o => {\n o.key === \"Tab\" && (e.current = o.shiftKey ? 1 : 0);\n }, !0), e;\n }\n\n function f$4() {\n let e = React.useRef(!1);\n return l$5(() => (e.current = !0, () => {\n e.current = !1;\n }), []), e;\n }\n\n function E$1(n, e, a, t) {\n let i = s$8(a);\n React.useEffect(() => {\n n = n != null ? n : window;\n function r(o) {\n i.current(o);\n }\n return n.addEventListener(e, r, t), () => n.removeEventListener(e, r, t);\n }, [n, e, t]);\n }\n\n function t$4(n) {\n function e() {\n document.readyState !== \"loading\" && (n(), document.removeEventListener(\"DOMContentLoaded\", e));\n }\n typeof window != \"undefined\" && typeof document != \"undefined\" && (document.addEventListener(\"DOMContentLoaded\", e), e());\n }\n\n function c$4(t) {\n let r = o$5(t),\n e = React.useRef(!1);\n React.useEffect(() => (e.current = !1, () => {\n e.current = !0, t$8(() => {\n e.current && r();\n });\n }), [r]);\n }\n\n function P$1(t) {\n if (!t) return new Set();\n if (typeof t == \"function\") return new Set(t());\n let r = new Set();\n for (let e of t.current) e.current instanceof HTMLElement && r.add(e.current);\n return r;\n }\n let J$1 = \"div\";\n var h$5 = (n => (n[n.None = 1] = \"None\", n[n.InitialFocus = 2] = \"InitialFocus\", n[n.TabLock = 4] = \"TabLock\", n[n.FocusLock = 8] = \"FocusLock\", n[n.RestoreFocus = 16] = \"RestoreFocus\", n[n.All = 30] = \"All\", n))(h$5 || {});\n function X(t, r) {\n let e = React.useRef(null),\n o = y$4(e, r),\n {\n initialFocus: u,\n containers: i,\n features: n = 30,\n ...l\n } = t;\n l$4() || (n = 1);\n let m = n$2(e);\n Y$1({\n ownerDocument: m\n }, Boolean(n & 16));\n let c = Z$1({\n ownerDocument: m,\n container: e,\n initialFocus: u\n }, Boolean(n & 2));\n $$1({\n ownerDocument: m,\n container: e,\n containers: i,\n previousActiveElement: c\n }, Boolean(n & 8));\n let v = n$1(),\n y = o$5(s => {\n let T = e.current;\n if (!T) return;\n (B => B())(() => {\n u$6(v.current, {\n [s$3.Forwards]: () => {\n O(T, M$7.First, {\n skipElements: [s.relatedTarget]\n });\n },\n [s$3.Backwards]: () => {\n O(T, M$7.Last, {\n skipElements: [s.relatedTarget]\n });\n }\n });\n });\n }),\n _ = p$5(),\n b = React.useRef(!1),\n j = {\n ref: o,\n onKeyDown(s) {\n s.key == \"Tab\" && (b.current = !0, _.requestAnimationFrame(() => {\n b.current = !1;\n }));\n },\n onBlur(s) {\n let T = P$1(i);\n e.current instanceof HTMLElement && T.add(e.current);\n let d = s.relatedTarget;\n d instanceof HTMLElement && d.dataset.headlessuiFocusGuard !== \"true\" && (S$4(T, d) || (b.current ? O(e.current, u$6(v.current, {\n [s$3.Forwards]: () => M$7.Next,\n [s$3.Backwards]: () => M$7.Previous\n }) | M$7.WrapAround, {\n relativeTo: s.target\n }) : s.target instanceof HTMLElement && y$5(s.target)));\n }\n };\n return React.createElement(React.Fragment, null, Boolean(n & 4) && React.createElement(c$6, {\n as: \"button\",\n type: \"button\",\n \"data-headlessui-focus-guard\": !0,\n onFocus: y,\n features: p$3.Focusable\n }), X$1({\n ourProps: j,\n theirProps: l,\n defaultTag: J$1,\n name: \"FocusTrap\"\n }), Boolean(n & 4) && React.createElement(c$6, {\n as: \"button\",\n type: \"button\",\n \"data-headlessui-focus-guard\": !0,\n onFocus: y,\n features: p$3.Focusable\n }));\n }\n let z$2 = D$1(X),\n ge = Object.assign(z$2, {\n features: h$5\n }),\n a$7 = [];\n t$4(() => {\n function t(r) {\n r.target instanceof HTMLElement && r.target !== document.body && a$7[0] !== r.target && (a$7.unshift(r.target), a$7 = a$7.filter(e => e != null && e.isConnected), a$7.splice(10));\n }\n window.addEventListener(\"click\", t, {\n capture: !0\n }), window.addEventListener(\"mousedown\", t, {\n capture: !0\n }), window.addEventListener(\"focus\", t, {\n capture: !0\n }), document.body.addEventListener(\"click\", t, {\n capture: !0\n }), document.body.addEventListener(\"mousedown\", t, {\n capture: !0\n }), document.body.addEventListener(\"focus\", t, {\n capture: !0\n });\n });\n function Q$1(t = !0) {\n let r = React.useRef(a$7.slice());\n return m$2(([e], [o]) => {\n o === !0 && e === !1 && t$8(() => {\n r.current.splice(0);\n }), o === !1 && e === !0 && (r.current = a$7.slice());\n }, [t, a$7, r]), o$5(() => {\n var e;\n return (e = r.current.find(o => o != null && o.isConnected)) != null ? e : null;\n });\n }\n function Y$1({\n ownerDocument: t\n }, r) {\n let e = Q$1(r);\n m$2(() => {\n r || (t == null ? void 0 : t.activeElement) === (t == null ? void 0 : t.body) && y$5(e());\n }, [r]), c$4(() => {\n r && y$5(e());\n });\n }\n function Z$1({\n ownerDocument: t,\n container: r,\n initialFocus: e\n }, o) {\n let u = React.useRef(null),\n i = f$4();\n return m$2(() => {\n if (!o) return;\n let n = r.current;\n n && t$8(() => {\n if (!i.current) return;\n let l = t == null ? void 0 : t.activeElement;\n if (e != null && e.current) {\n if ((e == null ? void 0 : e.current) === l) {\n u.current = l;\n return;\n }\n } else if (n.contains(l)) {\n u.current = l;\n return;\n }\n e != null && e.current ? y$5(e.current) : O(n, M$7.First) === N$2.Error && console.warn(\"There are no focusable elements inside the \"), u.current = t == null ? void 0 : t.activeElement;\n });\n }, [o]), u;\n }\n function $$1({\n ownerDocument: t,\n container: r,\n containers: e,\n previousActiveElement: o\n }, u) {\n let i = f$4();\n E$1(t == null ? void 0 : t.defaultView, \"focus\", n => {\n if (!u || !i.current) return;\n let l = P$1(e);\n r.current instanceof HTMLElement && l.add(r.current);\n let m = o.current;\n if (!m) return;\n let c = n.target;\n c && c instanceof HTMLElement ? S$4(l, c) ? (o.current = c, y$5(c)) : (n.preventDefault(), n.stopPropagation(), y$5(m)) : y$5(o.current);\n }, !0);\n }\n function S$4(t, r) {\n for (let e of t) if (e.contains(r)) return !0;\n return !1;\n }\n\n let e$1 = React.createContext(!1);\n function l$3() {\n return React.useContext(e$1);\n }\n function P(o) {\n return React.createElement(e$1.Provider, {\n value: o.force\n }, o.children);\n }\n\n function F(p) {\n let l = l$3(),\n n = React.useContext(v$4),\n e = n$2(p),\n [a, o] = React.useState(() => {\n if (!l && n !== null || s$9.isServer) return null;\n let t = e == null ? void 0 : e.getElementById(\"headlessui-portal-root\");\n if (t) return t;\n if (e === null) return null;\n let r = e.createElement(\"div\");\n return r.setAttribute(\"id\", \"headlessui-portal-root\"), e.body.appendChild(r);\n });\n return React.useEffect(() => {\n a !== null && (e != null && e.body.contains(a) || e == null || e.body.appendChild(a));\n }, [a, e]), React.useEffect(() => {\n l || n !== null && o(n.current);\n }, [n, o, l]), a;\n }\n let U$2 = React.Fragment;\n function N(p, l) {\n let n = p,\n e = React.useRef(null),\n a = y$4(T$2(u => {\n e.current = u;\n }), l),\n o = n$2(e),\n t = F(e),\n [r] = React.useState(() => {\n var u;\n return s$9.isServer ? null : (u = o == null ? void 0 : o.createElement(\"div\")) != null ? u : null;\n }),\n i = React.useContext(f$3),\n C = l$4();\n return l$5(() => {\n !t || !r || t.contains(r) || (r.setAttribute(\"data-headlessui-portal\", \"\"), t.appendChild(r));\n }, [t, r]), l$5(() => {\n if (r && i) return i.register(r);\n }, [i, r]), c$4(() => {\n var u;\n !t || !r || (r instanceof Node && t.contains(r) && t.removeChild(r), t.childNodes.length <= 0 && ((u = t.parentElement) == null || u.removeChild(t)));\n }), C ? !t || !r ? null : reactDom.createPortal(X$1({\n ourProps: {\n ref: a\n },\n theirProps: n,\n defaultTag: U$2,\n name: \"Portal\"\n }), r) : null;\n }\n let S$3 = React.Fragment,\n v$4 = React.createContext(null);\n function j$1(p, l) {\n let {\n target: n,\n ...e\n } = p,\n o = {\n ref: y$4(l)\n };\n return React.createElement(v$4.Provider, {\n value: n\n }, X$1({\n ourProps: o,\n theirProps: e,\n defaultTag: S$3,\n name: \"Popover.Group\"\n }));\n }\n let f$3 = React.createContext(null);\n function ae$1() {\n let p = React.useContext(f$3),\n l = React.useRef([]),\n n = o$5(o => (l.current.push(o), p && p.register(o), () => e(o))),\n e = o$5(o => {\n let t = l.current.indexOf(o);\n t !== -1 && l.current.splice(t, 1), p && p.unregister(o);\n }),\n a = React.useMemo(() => ({\n register: n,\n unregister: e,\n portals: l\n }), [n, e, l]);\n return [l, React.useMemo(() => function ({\n children: t\n }) {\n return React.createElement(f$3.Provider, {\n value: a\n }, t);\n }, [a])];\n }\n let D = D$1(N),\n I$1 = D$1(j$1),\n pe = Object.assign(D, {\n Group: I$1\n });\n\n let d$3 = React.createContext(null);\n function f$2() {\n let r = React.useContext(d$3);\n if (r === null) {\n let t = new Error(\"You used a component, but it is not inside a relevant parent.\");\n throw Error.captureStackTrace && Error.captureStackTrace(t, f$2), t;\n }\n return r;\n }\n function M$6() {\n let [r, t] = React.useState([]);\n return [r.length > 0 ? r.join(\" \") : void 0, React.useMemo(() => function (e) {\n let i = o$5(s => (t(o => [...o, s]), () => t(o => {\n let p = o.slice(),\n c = p.indexOf(s);\n return c !== -1 && p.splice(c, 1), p;\n }))),\n n = React.useMemo(() => ({\n register: i,\n slot: e.slot,\n name: e.name,\n props: e.props\n }), [i, e.slot, e.name, e.props]);\n return React.createElement(d$3.Provider, {\n value: n\n }, e.children);\n }, [t])];\n }\n let S$2 = \"p\";\n function h$4(r, t) {\n let a = I$3(),\n {\n id: e = `headlessui-description-${a}`,\n ...i\n } = r,\n n = f$2(),\n s = y$4(t);\n l$5(() => n.register(e), [e, n.register]);\n let o = {\n ref: s,\n ...n.props,\n id: e\n };\n return X$1({\n ourProps: o,\n theirProps: i,\n slot: n.slot || {},\n defaultTag: S$2,\n name: n.name || \"Description\"\n });\n }\n let y$3 = D$1(h$4),\n b$4 = Object.assign(y$3, {});\n\n let a$6 = React.createContext(() => {});\n a$6.displayName = \"StackContext\";\n var s$2 = (e => (e[e.Add = 0] = \"Add\", e[e.Remove = 1] = \"Remove\", e))(s$2 || {});\n function x$1() {\n return React.useContext(a$6);\n }\n function M$5({\n children: i,\n onUpdate: r,\n type: e,\n element: n,\n enabled: u\n }) {\n let l = x$1(),\n o = o$5((...t) => {\n r == null || r(...t), l(...t);\n });\n return l$5(() => {\n let t = u === void 0 || u === !0;\n return t && o(0, e, n), () => {\n t && o(1, e, n);\n };\n }, [o, e, n, u]), React.createElement(a$6.Provider, {\n value: o\n }, i);\n }\n\n function i$1(e, t) {\n return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;\n }\n const d$2 = typeof Object.is == \"function\" ? Object.is : i$1,\n {\n useState: u$3,\n useEffect: h$3,\n useLayoutEffect: f$1,\n useDebugValue: p$2\n } = React__namespace;\n function y$2(e, t, c) {\n const a = t(),\n [{\n inst: n\n }, o] = u$3({\n inst: {\n value: a,\n getSnapshot: t\n }\n });\n return f$1(() => {\n n.value = a, n.getSnapshot = t, r$2(n) && o({\n inst: n\n });\n }, [e, a, t]), h$3(() => (r$2(n) && o({\n inst: n\n }), e(() => {\n r$2(n) && o({\n inst: n\n });\n })), [e]), p$2(a), a;\n }\n function r$2(e) {\n const t = e.getSnapshot,\n c = e.value;\n try {\n const a = t();\n return !d$2(c, a);\n } catch {\n return !0;\n }\n }\n\n function t$3(r, e, n) {\n return e();\n }\n\n const r$1 = typeof window != \"undefined\" && typeof window.document != \"undefined\" && typeof window.document.createElement != \"undefined\",\n s$1 = !r$1,\n c$3 = s$1 ? t$3 : y$2,\n a$5 = \"useSyncExternalStore\" in React__namespace ? (n => n.useSyncExternalStore)(React__namespace) : c$3;\n\n function S$1(t) {\n return a$5(t.subscribe, t.getSnapshot, t.getSnapshot);\n }\n\n function a$4(o, r) {\n let t = o(),\n n = new Set();\n return {\n getSnapshot() {\n return t;\n },\n subscribe(e) {\n return n.add(e), () => n.delete(e);\n },\n dispatch(e, ...s) {\n let i = r[e].call(t, ...s);\n i && (t = i, n.forEach(c => c()));\n }\n };\n }\n\n function c$2() {\n let o;\n return {\n before({\n doc: e\n }) {\n var l;\n let n = e.documentElement;\n o = ((l = e.defaultView) != null ? l : window).innerWidth - n.clientWidth;\n },\n after({\n doc: e,\n d: n\n }) {\n let t = e.documentElement,\n l = t.clientWidth - t.offsetWidth,\n r = o - l;\n n.style(t, \"paddingRight\", `${r}px`);\n }\n };\n }\n\n function T() {\n if (!t$5()) return {};\n let l;\n return {\n before() {\n l = window.pageYOffset;\n },\n after({\n doc: o,\n d: t,\n meta: s\n }) {\n function i(n) {\n return s.containers.flatMap(e => e()).some(e => e.contains(n));\n }\n t.microTask(() => {\n if (window.getComputedStyle(o.documentElement).scrollBehavior !== \"auto\") {\n let e = o$6();\n e.style(o.documentElement, \"scroll-behavior\", \"auto\"), t.add(() => t.microTask(() => e.dispose()));\n }\n t.style(o.body, \"marginTop\", `-${l}px`), window.scrollTo(0, 0);\n let n = null;\n t.addEventListener(o, \"click\", e => {\n if (e.target instanceof HTMLElement) try {\n let r = e.target.closest(\"a\");\n if (!r) return;\n let {\n hash: c\n } = new URL(r.href),\n a = o.querySelector(c);\n a && !i(a) && (n = a);\n } catch {}\n }, !0), t.addEventListener(o, \"touchmove\", e => {\n e.target instanceof HTMLElement && !i(e.target) && e.preventDefault();\n }, {\n passive: !1\n }), t.add(() => {\n window.scrollTo(0, window.pageYOffset + l), n && n.isConnected && (n.scrollIntoView({\n block: \"nearest\"\n }), n = null);\n });\n });\n }\n };\n }\n\n function l$2() {\n return {\n before({\n doc: e,\n d: o\n }) {\n o.style(e.documentElement, \"overflow\", \"hidden\");\n }\n };\n }\n\n function m$1(e) {\n let n = {};\n for (let t of e) Object.assign(n, t(n));\n return n;\n }\n let a$3 = a$4(() => new Map(), {\n PUSH(e, n) {\n var o;\n let t = (o = this.get(e)) != null ? o : {\n doc: e,\n count: 0,\n d: o$6(),\n meta: new Set()\n };\n return t.count++, t.meta.add(n), this.set(e, t), this;\n },\n POP(e, n) {\n let t = this.get(e);\n return t && (t.count--, t.meta.delete(n)), this;\n },\n SCROLL_PREVENT({\n doc: e,\n d: n,\n meta: t\n }) {\n let o = {\n doc: e,\n d: n,\n meta: m$1(t)\n },\n c = [T(), c$2(), l$2()];\n c.forEach(({\n before: r\n }) => r == null ? void 0 : r(o)), c.forEach(({\n after: r\n }) => r == null ? void 0 : r(o));\n },\n SCROLL_ALLOW({\n d: e\n }) {\n e.dispose();\n },\n TEARDOWN({\n doc: e\n }) {\n this.delete(e);\n }\n });\n a$3.subscribe(() => {\n let e = a$3.getSnapshot(),\n n = new Map();\n for (let [t] of e) n.set(t, t.documentElement.style.overflow);\n for (let t of e.values()) {\n let o = n.get(t.doc) === \"hidden\",\n c = t.count !== 0;\n (c && !o || !c && o) && a$3.dispatch(t.count > 0 ? \"SCROLL_PREVENT\" : \"SCROLL_ALLOW\", t), t.count === 0 && a$3.dispatch(\"TEARDOWN\", t);\n }\n });\n\n function p$1(e, r, n) {\n let f = S$1(a$3),\n o = e ? f.get(e) : void 0,\n i = o ? o.count > 0 : !1;\n return l$5(() => {\n if (!(!e || !r)) return a$3.dispatch(\"PUSH\", e, n), () => a$3.dispatch(\"POP\", e, n);\n }, [r, e]), i;\n }\n\n let u$2 = new Map(),\n t$2 = new Map();\n function h$2(r, l = !0) {\n l$5(() => {\n var o;\n if (!l) return;\n let e = typeof r == \"function\" ? r() : r.current;\n if (!e) return;\n function a() {\n var d;\n if (!e) return;\n let i = (d = t$2.get(e)) != null ? d : 1;\n if (i === 1 ? t$2.delete(e) : t$2.set(e, i - 1), i !== 1) return;\n let n = u$2.get(e);\n n && (n[\"aria-hidden\"] === null ? e.removeAttribute(\"aria-hidden\") : e.setAttribute(\"aria-hidden\", n[\"aria-hidden\"]), e.inert = n.inert, u$2.delete(e));\n }\n let f = (o = t$2.get(e)) != null ? o : 0;\n return t$2.set(e, f + 1), f !== 0 || (u$2.set(e, {\n \"aria-hidden\": e.getAttribute(\"aria-hidden\"),\n inert: e.inert\n }), e.setAttribute(\"aria-hidden\", \"true\"), e.inert = !0), a;\n }, [r, l]);\n }\n\n function j({\n defaultContainers: t = [],\n portals: r,\n mainTreeNodeRef: u\n } = {}) {\n var c;\n let o = React.useRef((c = u == null ? void 0 : u.current) != null ? c : null),\n l = n$2(o),\n f = o$5(() => {\n var i;\n let n = [];\n for (let e of t) e !== null && (e instanceof HTMLElement ? n.push(e) : \"current\" in e && e.current instanceof HTMLElement && n.push(e.current));\n if (r != null && r.current) for (let e of r.current) n.push(e);\n for (let e of (i = l == null ? void 0 : l.querySelectorAll(\"html > *, body > *\")) != null ? i : []) e !== document.body && e !== document.head && e instanceof HTMLElement && e.id !== \"headlessui-portal-root\" && (e.contains(o.current) || n.some(T => e.contains(T)) || n.push(e));\n return n;\n });\n return {\n resolveContainers: f,\n contains: o$5(n => f().some(i => i.contains(n))),\n mainTreeNodeRef: o,\n MainTreeNode: React.useMemo(() => function () {\n return u != null ? null : React.createElement(c$6, {\n features: p$3.Hidden,\n ref: o\n });\n }, [o, u])\n };\n }\n function y$1() {\n let t = React.useRef(null);\n return {\n mainTreeNodeRef: t,\n MainTreeNode: React.useMemo(() => function () {\n return React.createElement(c$6, {\n features: p$3.Hidden,\n ref: t\n });\n }, [t])\n };\n }\n\n var _e$2 = (o => (o[o.Open = 0] = \"Open\", o[o.Closed = 1] = \"Closed\", o))(_e$2 || {}),\n Ie$1 = (e => (e[e.SetTitleId = 0] = \"SetTitleId\", e))(Ie$1 || {});\n let Me = {\n [0](t, e) {\n return t.titleId === e.id ? t : {\n ...t,\n titleId: e.id\n };\n }\n },\n I = React.createContext(null);\n I.displayName = \"DialogContext\";\n function b$3(t) {\n let e = React.useContext(I);\n if (e === null) {\n let o = new Error(`<${t} /> is missing a parent

Produce

₦3,000

₦3,000