@clubmed/trident-ui 1.0.1-beta.1 → 1.0.1-beta.3

package/hooks/keyboard.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard.constants.js","sources":["../../lib/hooks/keyboard.constants.ts"],"sourcesContent":["export const enum CODE {\n  ENTER = 'Enter',\n  ESCAPE = 'Escape',\n  ARROW_LEFT = 'ArrowLeft',\n  ARROW_UP = 'ArrowUp',\n  ARROW_RIGHT = 'ArrowRight',\n  ARROW_DOWN = 'ArrowDown',\n  SPACE = 'Space',\n  END = 'End',\n  HOME = 'Home',\n}\n\nexport const enum KEY {\n  ENTER = 'Enter',\n  ESCAPE = 'Escape',\n  ARROW_LEFT = 'ArrowLeft',\n  ARROW_UP = 'ArrowUp',\n  ARROW_RIGHT = 'ArrowRight',\n  ARROW_DOWN = 'ArrowDown',\n  END = 'End',\n  HOME = 'Home',\n  SPACE = ' ',\n  /**\n   * @deprecated\n   * Used by old browers, see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#whitespace_keys\n   */\n  SPACEBAR = 'Spacebar',\n}\n\nexport const enum KEY_CODE {\n  ENTER = 13,\n  ESCAPE = 27,\n  ARROW_LEFT = 37,\n  ARROW_UP = 38,\n  ARROW_RIGHT = 39,\n  ARROW_DOWN = 40,\n  SPACE = 32,\n  END = 35,\n  HOME = 36,\n}\n"],"names":["CODE","KEY","KEY_CODE"],"mappings":"AAAkB,IAAAA,sBAAAA,OAChBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,aAAa,aACbA,EAAA,WAAW,WACXA,EAAA,cAAc,cACdA,EAAA,aAAa,aACbA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,OAAO,QATSA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OAChBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,aAAa,aACbA,EAAA,WAAW,WACXA,EAAA,cAAc,cACdA,EAAA,aAAa,aACbA,EAAA,MAAM,OACNA,EAAA,OAAO,QACPA,EAAA,QAAQ,KAKRA,EAAA,WAAW,YAdKA,IAAAA,KAAA,CAAA,CAAA,GAiBAC,sBAAAA,OAChBA,EAAAA,EAAA,QAAQ,EAAR,IAAA,SACAA,EAAAA,EAAA,SAAS,EAAT,IAAA,UACAA,EAAAA,EAAA,aAAa,EAAb,IAAA,cACAA,EAAAA,EAAA,WAAW,EAAX,IAAA,YACAA,EAAAA,EAAA,cAAc,EAAd,IAAA,eACAA,EAAAA,EAAA,aAAa,EAAb,IAAA,cACAA,EAAAA,EAAA,QAAQ,EAAR,IAAA,SACAA,EAAAA,EAAA,MAAM,EAAN,IAAA,OACAA,EAAAA,EAAA,OAAO,EAAP,IAAA,QATgBA,IAAAA,KAAA,CAAA,CAAA;"}

package/hooks/useInternalStatus.js

@@ -19,3 +19,4 @@ function n({
 export {
   o as useInternalStatus
 };
+//# sourceMappingURL=useInternalStatus.js.map

package/hooks/useInternalStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInternalStatus.js","sources":["../../lib/hooks/useInternalStatus.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type ValidationStatus = 'default' | 'error' | 'success';\n\nexport const useInternalStatus = ({\n  isDisabled,\n  validationStatus,\n}: {\n  isDisabled: boolean;\n  validationStatus: ValidationStatus;\n}) => {\n  const [internalStatus, setInternalStatus] = useState<ValidationStatus | 'disabled'>(\n    getInternalStatus({ isDisabled, validationStatus }),\n  );\n\n  useEffect(() => {\n    setInternalStatus(getInternalStatus({ isDisabled, validationStatus }));\n  }, [isDisabled, validationStatus]);\n\n  return internalStatus;\n};\n\nfunction getInternalStatus({\n  isDisabled,\n  validationStatus,\n}: {\n  isDisabled: boolean;\n  validationStatus: ValidationStatus;\n}) {\n  return isDisabled ? 'disabled' : validationStatus;\n}\n"],"names":["useInternalStatus","isDisabled","validationStatus","internalStatus","setInternalStatus","useState","getInternalStatus","useEffect"],"mappings":";AAIO,MAAMA,IAAoB,CAAC;AAAA,EAChC,YAAAC;AAAA,EACA,kBAAAC;AACF,MAGM;AACE,QAAA,CAACC,GAAgBC,CAAiB,IAAIC;AAAA,IAC1CC,EAAkB,EAAE,YAAAL,GAAY,kBAAAC,GAAkB;AAAA,EAAA;AAGpD,SAAAK,EAAU,MAAM;AACd,IAAAH,EAAkBE,EAAkB,EAAE,YAAAL,GAAY,kBAAAC,EAAA,CAAkB,CAAC;AAAA,EAAA,GACpE,CAACD,GAAYC,CAAgB,CAAC,GAE1BC;AACT;AAEA,SAASG,EAAkB;AAAA,EACzB,YAAAL;AAAA,EACA,kBAAAC;AACF,GAGG;AACD,SAAOD,IAAa,aAAaC;AACnC;"}

package/hooks/useKeyboardControls.js

@@ -32,3 +32,4 @@ const t = (o) => o.key === c.ENTER || o.key === c.SPACE || o.key === c.SPACEBAR
 export {
   p as useKeyboardControls
 };
+//# sourceMappingURL=useKeyboardControls.js.map

package/hooks/useKeyboardControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardControls.js","sources":["../../lib/hooks/useKeyboardControls.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, type KeyboardEvent } from 'react';\nimport { CODE, KEY } from './keyboard.constants';\n\ninterface Options {\n  up?: VoidFunction;\n  down?: VoidFunction;\n  left?: VoidFunction;\n  right?: VoidFunction;\n  start?: VoidFunction;\n  end?: VoidFunction;\n  activate?: VoidFunction;\n}\n\nconst isActivateKey = (event: KeyboardEvent<HTMLDivElement>) => {\n  return (\n    event.key === KEY.ENTER ||\n    event.key === KEY.SPACE ||\n    event.key === KEY.SPACEBAR ||\n    event.code === CODE.ENTER ||\n    event.code === CODE.SPACE\n  );\n};\n\nconst voidFn = () => {};\n\nexport const useKeyboardControls = ({\n  up = voidFn,\n  down = voidFn,\n  left = voidFn,\n  right = voidFn,\n  start = voidFn,\n  end = voidFn,\n  activate = voidFn,\n}: Options) => {\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (isActivateKey(event)) {\n        return activate();\n      }\n\n      if (event.code === CODE.HOME) {\n        event.preventDefault();\n\n        return start();\n      }\n\n      if (event.code === CODE.END) {\n        event.preventDefault();\n\n        return end();\n      }\n\n      if (event.code === CODE.ARROW_UP) {\n        event.preventDefault();\n\n        return up();\n      }\n\n      if (event.code === CODE.ARROW_DOWN) {\n        event.preventDefault();\n\n        return down();\n      }\n\n      if (event.code === CODE.ARROW_RIGHT) {\n        event.preventDefault();\n\n        return right();\n      }\n\n      if (event.code === CODE.ARROW_LEFT) {\n        event.preventDefault();\n\n        return left();\n      }\n    },\n    [activate, down, end, left, right, start, up],\n  );\n\n  return handleKeyDown;\n};\n"],"names":["isActivateKey","event","KEY","CODE","voidFn","useKeyboardControls","up","down","left","right","start","end","activate","useCallback"],"mappings":";;;AAeA,MAAMA,IAAgB,CAACC,MAEnBA,EAAM,QAAQC,EAAI,SAClBD,EAAM,QAAQC,EAAI,SAClBD,EAAM,QAAQC,EAAI,YAClBD,EAAM,SAASE,EAAK,SACpBF,EAAM,SAASE,EAAK,OAIlBC,IAAS,MAAM;AAAC,GAETC,IAAsB,CAAC;AAAA,EAClC,IAAAC,IAAKF;AAAA,EACL,MAAAG,IAAOH;AAAA,EACP,MAAAI,IAAOJ;AAAA,EACP,OAAAK,IAAQL;AAAA,EACR,OAAAM,IAAQN;AAAA,EACR,KAAAO,IAAMP;AAAA,EACN,UAAAQ,IAAWR;AACb,MACwBS;AAAA,EACpB,CAACZ,MAAyC;AACpC,QAAAD,EAAcC,CAAK;AACrB,aAAOW,EAAS;AAGd,QAAAX,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdS,EAAM;AAGX,QAAAT,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdU,EAAI;AAGT,QAAAV,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdK,EAAG;AAGR,QAAAL,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdM,EAAK;AAGV,QAAAN,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdQ,EAAM;AAGX,QAAAR,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAe,GAEdO,EAAK;AAAA,EAEhB;AAAA,EACA,CAACI,GAAUL,GAAMI,GAAKH,GAAMC,GAAOC,GAAOJ,CAAE;AAAA;"}

package/hooks/useSafeBoop.js

@@ -65,3 +65,4 @@ const ee = (r) => {
 export {
   ee as useSafeBoop
 };
+//# sourceMappingURL=useSafeBoop.js.map

package/hooks/useSafeBoop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSafeBoop.js","sources":["../../node_modules/use-boop/dist/index.es.js","../../lib/hooks/useSafeBoop.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\nimport { useSpring } from 'react-spring';\n\nvar QUERY = '(prefers-reduced-motion: no-preference)';\nvar getInitialState = function () {\n    return typeof window === 'undefined' ? true : !window.matchMedia(QUERY).matches;\n};\nvar usePrefersReducedMotion = function () {\n    var _a = useState(getInitialState), reduceMotion = _a[0], setReduceMotion = _a[1];\n    useEffect(function () {\n        var mediaQueryList = window.matchMedia('(prefers-reduced-motion: no-preference)');\n        var listener = function (event) {\n            setReduceMotion(!event.matches);\n        };\n        mediaQueryList.addEventListener('change', listener);\n        return function () { return mediaQueryList.removeEventListener('change', listener); };\n    }, []);\n    return reduceMotion;\n};\n\nvar useBoop = function (_a) {\n    var _b = _a === void 0 ? {} : _a, _c = _b.x, x = _c === void 0 ? 0 : _c, _d = _b.y, y = _d === void 0 ? 0 : _d, _e = _b.z, z = _e === void 0 ? 0 : _e, _f = _b.rotation, rotation = _f === void 0 ? 0 : _f, _g = _b.rx, rx = _g === void 0 ? 0 : _g, _h = _b.ry, ry = _h === void 0 ? 0 : _h, _j = _b.rz, rz = _j === void 0 ? rotation : _j, _k = _b.scale, scale = _k === void 0 ? 1 : _k, _l = _b.sx, sx = _l === void 0 ? scale || 1 : _l, _m = _b.sy, sy = _m === void 0 ? scale || 1 : _m, _o = _b.sz, sz = _o === void 0 ? scale || 1 : _o, _p = _b.skewX, skewX = _p === void 0 ? 0 : _p, _q = _b.skewY, skewY = _q === void 0 ? 0 : _q, _r = _b.timing, timing = _r === void 0 ? 150 : _r, _s = _b.springConfig, springConfig = _s === void 0 ? {\n        tension: 300,\n        friction: 10,\n    } : _s, _t = _b.delay, delay = _t === void 0 ? 0 : _t;\n    var prefersReducedMotion = usePrefersReducedMotion();\n    var _u = useState(false), isBooped = _u[0], setIsBooped = _u[1];\n    var _v = useState(false), isTriggered = _v[0], setIsTriggered = _v[1];\n    var style = useSpring(prefersReducedMotion ? {} : {\n        transform: isBooped\n            ? \"translate3D(\" + x + \"px, \" + y + \"px, \" + z + \"px)\\n         rotateX(\" + rx + \"deg) rotateY(\" + ry + \"deg) rotateZ(\" + rz + \"deg)\\n         scale3D(\" + sx + \",\" + sy + \",\" + sz + \")\\n         skew(\" + skewX + \"deg, \" + skewY + \"deg)\"\n            : \"translate3D(0px, 0px, 0px)\\n         rotateX(0deg) rotateY(0deg) rotateZ(0deg)\\n         scale3D(1, 1, 1)\\n         skew(0deg, 0deg)\",\n        config: springConfig,\n        immediate: prefersReducedMotion,\n    });\n    var trigger = useCallback(function () {\n        if (!prefersReducedMotion) {\n            setIsTriggered(true);\n        }\n    }, [prefersReducedMotion]);\n    useEffect(function () {\n        if (!isTriggered)\n            return;\n        var timeoutId = window.setTimeout(function () {\n            setIsBooped(true);\n            setIsTriggered(false);\n        }, delay);\n        return function () { return window.clearTimeout(timeoutId); };\n    }, [isTriggered, delay]);\n    useEffect(function () {\n        if (!isBooped)\n            return;\n        var timeoutId = window.setTimeout(function () { return setIsBooped(false); }, timing);\n        return function () { return window.clearTimeout(timeoutId); };\n    }, [isBooped, timing]);\n    return [style, trigger];\n};\n\nexport default useBoop;\n//# sourceMappingURL=index.es.js.map\n","import { CSSProperties } from 'react';\nimport useBoop from 'use-boop';\n\ntype Args = Parameters<typeof useBoop>[0];\n\nexport const useSafeBoop = (boopArgs: Args): [CSSProperties, () => void] => {\n  const [{ transform }, boopTrigger] = useBoop(boopArgs);\n\n  return [\n    {\n      '--transform':\n        transform ||\n        `translate3D(0px, 0px, 0px)\n         rotateX(0deg) rotateY(0deg) rotateZ(0deg)\n         scale3D(1, 1, 1)\n         skew(0deg, 0deg)`,\n      transform: 'var(--transform)',\n    } as CSSProperties,\n    boopTrigger,\n  ];\n};\n"],"names":["QUERY","getInitialState","usePrefersReducedMotion","_a","useState","reduceMotion","setReduceMotion","useEffect","mediaQueryList","listener","event","useBoop","_b","_c","x","_d","y","_e","z","_f","rotation","_g","rx","_h","ry","_j","rz","_k","scale","_l","sx","_m","sy","_o","sz","_p","skewX","_q","skewY","_r","timing","_s","springConfig","_t","delay","prefersReducedMotion","_u","isBooped","setIsBooped","_v","isTriggered","setIsTriggered","style","useSpring","trigger","useCallback","timeoutId","useSafeBoop","boopArgs","transform","boopTrigger"],"mappings":"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","x_google_ignoreList":[0]}

package/hooks/useValue.js

@@ -27,3 +27,4 @@ function E({
 export {
   E as useValue
 };
+//# sourceMappingURL=useValue.js.map

package/hooks/useValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValue.js","sources":["../../lib/hooks/useValue.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport interface UseValueProps<Value = string, InitialValue = Value> {\n  name: string;\n  initialValue?: InitialValue;\n  defaultValue?: Value | string;\n  formatter?: (v: InitialValue) => Value;\n  onChange?: (name: string, value: Value) => void;\n}\n\nexport function useValue<Value = string, InitialValue = Value>({\n  name,\n  initialValue,\n  onChange,\n  defaultValue = '',\n  formatter = (v: InitialValue) => v as unknown as Value,\n}: UseValueProps<Value, InitialValue>) {\n  const [value, setValue] = useState<Value>(\n    formatter((initialValue || defaultValue) as InitialValue),\n  );\n\n  useEffect(() => {\n    initialValue !== undefined && setValue(formatter(initialValue));\n  }, [initialValue]);\n\n  function setNewValue(newValue: Value) {\n    setValue(newValue);\n    onChange && onChange(name, newValue);\n  }\n\n  function resetValue() {\n    setValue(defaultValue as Value);\n  }\n\n  return {\n    value,\n    setValue: setNewValue,\n    resetValue,\n  };\n}\n"],"names":["useValue","name","initialValue","onChange","defaultValue","formatter","v","value","setValue","useState","useEffect","setNewValue","newValue","resetValue"],"mappings":";AAUO,SAASA,EAA+C;AAAA,EAC7D,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAY,CAACC,MAAoBA;AACnC,GAAuC;AAC/B,QAAA,CAACC,GAAOC,CAAQ,IAAIC;AAAA,IACxBJ,EAAWH,KAAgBE,CAA6B;AAAA,EAAA;AAG1D,EAAAM,EAAU,MAAM;AACd,IAAAR,MAAiB,UAAaM,EAASH,EAAUH,CAAY,CAAC;AAAA,EAAA,GAC7D,CAACA,CAAY,CAAC;AAEjB,WAASS,EAAYC,GAAiB;AACpC,IAAAJ,EAASI,CAAQ,GACLT,KAAAA,EAASF,GAAMW,CAAQ;AAAA,EACrC;AAEA,WAASC,IAAa;AACpB,IAAAL,EAASJ,CAAqB;AAAA,EAChC;AAEO,SAAA;AAAA,IACL,OAAAG;AAAA,IACA,UAAUI;AAAA,IACV,YAAAE;AAAA,EAAA;AAEJ;"}

package/index-Cu0xwYjD.js

@@ -40,3 +40,4 @@ const l = /* @__PURE__ */ c(p);
 export {
   l as c
 };
+//# sourceMappingURL=index-Cu0xwYjD.js.map

package/index-Cu0xwYjD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Cu0xwYjD.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module"],"mappings":";;;;;;;;AAOA,GAAC,WAAY;AAGZ,QAAIA,IAAS,CAAE,EAAC;AAEhB,aAASC,IAAc;AAGtB,eAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,YAAIC,IAAM,UAAUD,CAAC;AACrB,QAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAWF,CAAG,CAAC;AAAA,MAE/C;AAED,aAAOF;AAAA,IACP;AAED,aAASI,EAAYF,GAAK;AACzB,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,eAAOA;AAGR,UAAI,OAAOA,KAAQ;AAClB,eAAO;AAGR,UAAI,MAAM,QAAQA,CAAG;AACpB,eAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,UAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,eAAOA,EAAI;AAGZ,UAAIF,IAAU;AAEd,eAASK,KAAOH;AACf,QAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAASK,CAAG;AAIpC,aAAOL;AAAA,IACP;AAED,aAASG,EAAaG,GAAOC,GAAU;AACtC,aAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,IAQR;AAED,IAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,EAAA,UAAiBT,KAOjB,OAAO,aAAaA;AAAA,EAEtB;;;;","x_google_ignoreList":[0]}

package/index.js

@@ -2,3 +2,4 @@ const I = "TRIDENT_UI";
 export {
   I as LIBRARY
 };
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../lib/index.ts"],"sourcesContent":["// here to give path when require.resolve is used by our consumer\nexport const LIBRARY = 'TRIDENT_UI';\n"],"names":["LIBRARY"],"mappings":"AACO,MAAMA,IAAU;"}

package/molecules/Arrows.js

@@ -56,3 +56,4 @@ const d = ({
 export {
   d as Arrows
 };
+//# sourceMappingURL=Arrows.js.map

package/molecules/Arrows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrows.js","sources":["../../lib/molecules/Arrows.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { ComponentProps, FunctionComponent } from 'react';\n\nimport { Button } from './Buttons/Button';\n\ninterface ArrowsProps {\n  /**\n   * onNext handler\n   */\n  onNext: () => void;\n  /**\n   * onPrev handler\n   */\n  onPrev: () => void;\n  /**\n   * Next label\n   */\n  nextLabel?: string;\n  /**\n   * Prev label\n   */\n  prevLabel?: string;\n  /**\n   * Disable next button\n   */\n  disableNext?: boolean;\n  /**\n   * Disable prev button\n   */\n  disablePrev?: boolean;\n  /**\n   * Additional class names\n   */\n  className?: string;\n  /**\n   * Theme\n   */\n  theme?: ComponentProps<typeof Button>['theme'];\n  /**\n   * Variant\n   */\n  variant?: ComponentProps<typeof Button>['variant'];\n  /**\n   * Arrow icon type\n   */\n  iconType?: 'ArrowDefault' | 'ArrowTail';\n  /**\n   * Hide disabled arrows\n   */\n  hideDisabled?: boolean;\n}\n\nexport const Arrows: FunctionComponent<ArrowsProps> = ({\n  onNext,\n  onPrev,\n  nextLabel = '',\n  prevLabel = '',\n  disableNext,\n  disablePrev,\n  className,\n  theme = 'white',\n  variant = 'icon',\n  iconType = 'ArrowDefault',\n  hideDisabled = false,\n}) => {\n  return (\n    <div\n      role=\"navigation\"\n      className={classnames('flex w-full items-center justify-between', className)}\n      data-name=\"Arrows\"\n    >\n      <Button\n        variant={variant}\n        theme={theme}\n        icon={`${iconType}Left`}\n        className={classnames('pointer-events-auto me-auto transition-opacity', {\n          'opacity-0': hideDisabled && disablePrev,\n        })}\n        onClick={onPrev}\n        label={prevLabel}\n        disabled={disablePrev}\n        groupName=\"arrows\"\n      />\n      <Button\n        variant={variant}\n        theme={theme}\n        icon={`${iconType}Right`}\n        className={classnames('pointer-events-auto ms-auto transition-opacity', {\n          'opacity-0': hideDisabled && disableNext,\n        })}\n        onClick={onNext}\n        label={nextLabel}\n        disabled={disableNext}\n        groupName=\"arrows\"\n      />\n    </div>\n  );\n};\n"],"names":["Arrows","onNext","onPrev","nextLabel","prevLabel","disableNext","disablePrev","className","theme","variant","iconType","hideDisabled","jsxs","classnames","jsx","Button"],"mappings":";;;AAoDO,MAAMA,IAAyC,CAAC;AAAA,EACrD,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AACjB,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,WAAWC,EAAW,4CAA4CN,CAAS;AAAA,IAC3E,aAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAN;AAAA,UACA,OAAAD;AAAA,UACA,MAAM,GAAGE,CAAQ;AAAA,UACjB,WAAWG,EAAW,kDAAkD;AAAA,YACtE,aAAaF,KAAgBL;AAAA,UAAA,CAC9B;AAAA,UACD,SAASJ;AAAA,UACT,OAAOE;AAAA,UACP,UAAUE;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MACZ;AAAA,MACA,gBAAAQ;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAN;AAAA,UACA,OAAAD;AAAA,UACA,MAAM,GAAGE,CAAQ;AAAA,UACjB,WAAWG,EAAW,kDAAkD;AAAA,YACtE,aAAaF,KAAgBN;AAAA,UAAA,CAC9B;AAAA,UACD,SAASJ;AAAA,UACT,OAAOE;AAAA,UACP,UAAUE;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/molecules/Backdrop.js

@@ -52,3 +52,4 @@ const k = ({
 export {
   k as Backdrop
 };
+//# sourceMappingURL=Backdrop.js.map

package/molecules/Backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Backdrop.js","sources":["../../lib/molecules/Backdrop.tsx"],"sourcesContent":["import { animated, config, useTransition } from '@react-spring/web';\nimport classnames from 'classnames';\nimport type { FunctionComponent, MouseEvent, PropsWithChildren } from 'react';\n\ninterface BackdropProps {\n  /**\n   * On close\n   * @param event\n   */\n  onClose?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Is visible\n   */\n  isVisible?: boolean;\n  /**\n   * Sweep Mode™\n   * (makes it appear from the sides instead of from everywhere)\n   */\n  sweep?: boolean;\n}\n\nexport const Backdrop: FunctionComponent<PropsWithChildren<BackdropProps>> = ({\n  children,\n  onClose,\n  isVisible,\n  sweep,\n}) => {\n  const transitions = useTransition(isVisible, {\n    from: {\n      WebkitBackdropFilter: 'blur(0px)',\n      backdropFilter: 'blur(0px)',\n      '--tw-bg-opacity': 0,\n      x: sweep ? '-100%' : '0%',\n    },\n    enter: {\n      WebkitBackdropFilter: 'blur(10px)',\n      backdropFilter: 'blur(10px)',\n      '--tw-bg-opacity': 0.8,\n      x: '0%',\n    },\n    leave: {\n      WebkitBackdropFilter: 'blur(0px)',\n      backdropFilter: 'blur(0px)',\n      '--tw-bg-opacity': 0,\n      x: sweep ? '100%' : '0%',\n    },\n    config: sweep ? { tension: 200, friction: 40 } : config.gentle,\n  });\n\n  return transitions(\n    (style, item) =>\n      item && (\n        <div\n          role=\"presentation\"\n          className=\"z-1 pointer-events-none fixed inset-0 flex items-center justify-center\"\n        >\n          <animated.button\n            type=\"button\"\n            className={classnames('-z-1 absolute inset-0 bg-white', {\n              'pointer-events-auto': isVisible,\n            })}\n            style={style}\n            onClick={onClose}\n          />\n          {children}\n        </div>\n      ),\n  );\n};\n"],"names":["Backdrop","children","onClose","isVisible","sweep","useTransition","config","style","item","jsxs","jsx","animated","classnames"],"mappings":";;;AAqBO,MAAMA,IAAgE,CAAC;AAAA,EAC5E,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AACF,MACsBC,EAAcF,GAAW;AAAA,EAC3C,MAAM;AAAA,IACJ,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,GAAGC,IAAQ,UAAU;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,GAAG;AAAA,EACL;AAAA,EACA,OAAO;AAAA,IACL,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,GAAGA,IAAQ,SAAS;AAAA,EACtB;AAAA,EACA,QAAQA,IAAQ,EAAE,SAAS,KAAK,UAAU,GAAA,IAAOE,EAAO;AAAA,CACzD;AAAA,EAGC,CAACC,GAAOC,MACNA,KACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,MAAK;AAAA,YACL,WAAWC,EAAW,kCAAkC;AAAA,cACtD,uBAAuBT;AAAA,YAAA,CACxB;AAAA,YACD,OAAAI;AAAA,YACA,SAASL;AAAA,UAAA;AAAA,QACX;AAAA,QACCD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAAA;"}

package/molecules/Breadcrumb.js

@@ -40,3 +40,4 @@ const E = {
 export {
   L as Breadcrumb
 };
+//# sourceMappingURL=Breadcrumb.js.map

package/molecules/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sources":["../../lib/molecules/Breadcrumb.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport { FunctionComponent, PropsWithChildren } from 'react';\n\nimport { Icon } from '@/atoms/Icons';\n\nexport interface BreadcrumbProps {\n  className?: string;\n  items: {\n    label: string;\n    href: string;\n  }[];\n  theme?: 'dark' | 'light';\n  /**\n   * Allow giving a custom component\n   */\n  component?: FunctionComponent<PropsWithChildren<any>> | string;\n}\n\nconst themes = {\n  light: {\n    thStart: 'text-middleGrey',\n    thEnd: 'text-black font-bold',\n  },\n  dark: {\n    thStart: 'text-white',\n    thEnd: 'text-white font-bold',\n  },\n};\n\nexport const Breadcrumb: FunctionComponent<BreadcrumbProps> = ({\n  className,\n  items,\n  theme = 'light',\n  component = 'a',\n}) => {\n  const [first, second, , ...rest] = items;\n  const lastItem = rest.length ? rest[rest.length - 1] : items[items.length - 1];\n  const spacer = { label: '...', href: '' };\n  const itemsToRender = !rest.length ? items : [first, second, spacer, lastItem];\n  const { thStart, thEnd } = themes[theme];\n  const Cmp = component as FunctionComponent<PropsWithChildren<{ href: string }>>;\n\n  return (\n    <nav data-name=\"Breadcrumb\" aria-label=\"Breadcrumb\" className={className}>\n      <ul className=\"flex items-center\">\n        {itemsToRender.map(({ label, href }, index) => {\n          const isLast = index === itemsToRender.length - 1;\n          const isLink = href && !isLast;\n          return (\n            <li\n              key={label}\n              className={classnames('text-b4 flex items-center', {\n                [thStart]: !isLast,\n                [thEnd]: isLast,\n              })}\n              {...(isLast && { 'aria-current': 'page' })}\n            >\n              <span>{isLink ? <Cmp href={href}>{label}</Cmp> : label}</span>\n              {!isLast && <Icon name=\"Diamond\" width=\"14px\" className=\"mx-4\" />}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n};\n"],"names":["themes","Breadcrumb","className","items","theme","component","first","second","rest","lastItem","spacer","itemsToRender","thStart","thEnd","Cmp","jsx","label","href","index","isLast","isLink","jsxs","classnames","Icon"],"mappings":";;;;AAmBA,MAAMA,IAAS;AAAA,EACb,OAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AACF,GAEaC,IAAiD,CAAC;AAAA,EAC7D,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAAOC,GAAU,EAAA,GAAGC,CAAI,IAAIL,GAC7BM,IAAWD,EAAK,SAASA,EAAKA,EAAK,SAAS,CAAC,IAAIL,EAAMA,EAAM,SAAS,CAAC,GACvEO,IAAS,EAAE,OAAO,OAAO,MAAM,GAAG,GAClCC,IAAiBH,EAAK,SAAiB,CAACF,GAAOC,GAAQG,GAAQD,CAAQ,IAAxCN,GAC/B,EAAE,SAAAS,GAAS,OAAAC,EAAM,IAAIb,EAAOI,CAAK,GACjCU,IAAMT;AAEZ,2BACG,OAAI,EAAA,aAAU,cAAa,cAAW,cAAa,WAAAH,GAClD,UAAC,gBAAAa,EAAA,MAAA,EAAG,WAAU,qBACX,YAAc,IAAI,CAAC,EAAE,OAAAC,GAAO,MAAAC,KAAQC,MAAU;AACvC,UAAAC,IAASD,MAAUP,EAAc,SAAS,GAC1CS,IAASH,KAAQ,CAACE;AAEtB,WAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWC,EAAW,6BAA6B;AAAA,UACjD,CAACV,CAAO,GAAG,CAACO;AAAA,UACZ,CAACN,CAAK,GAAGM;AAAA,QAAA,CACV;AAAA,QACA,GAAIA,KAAU,EAAE,gBAAgB,OAAO;AAAA,QAExC,UAAA;AAAA,UAAA,gBAAAJ,EAAC,UAAM,UAASK,IAAA,gBAAAL,EAACD,KAAI,MAAAG,GAAa,UAAAD,GAAM,IAASA,EAAM,CAAA;AAAA,UACtD,CAACG,KAAW,gBAAAJ,EAAAQ,GAAA,EAAK,MAAK,WAAU,OAAM,QAAO,WAAU,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAR1DP;AAAA,IAAA;AAAA,EASP,CAEH,GACH,EACF,CAAA;AAEJ;"}

package/molecules/Buttons/Button.helpers.js

@@ -8,3 +8,4 @@ export {
   t as rootClassName,
   e as variants
 };
+//# sourceMappingURL=Button.helpers.js.map

package/molecules/Buttons/Button.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.helpers.js","sources":["../../../lib/molecules/Buttons/Button.helpers.ts"],"sourcesContent":["export const rootClassName = 'inline-block text-b3 rounded-pill font-sans shrink-0 font-semibold';\n\nexport const variants = {\n  text: 'h-auto py-12 px-32',\n  textSmall: 'h-auto py-12 px-20',\n  icon: 'h-48 w-48 flex items-center justify-center',\n  arrow: 'h-100 w-100 flex items-center justify-center',\n};\n"],"names":["rootClassName","variants"],"mappings":"AAAO,MAAMA,IAAgB,sEAEhBC,IAAW;AAAA,EACtB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AACT;"}

package/molecules/Buttons/Button.js

@@ -43,3 +43,4 @@ const z = ({
 export {
   z as Button
 };
+//# sourceMappingURL=Button.js.map

package/molecules/Buttons/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../lib/molecules/Buttons/Button.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  type ButtonHTMLAttributes,\n  type FunctionComponent,\n  type MouseEventHandler,\n  type ReactNode,\n} from 'react';\nimport './button.css';\nimport { rootClassName, variants } from './Button.helpers';\nimport { themes } from './Button.themes';\nimport { ButtonContent } from './ButtonContent';\nimport { IconicNames, IconicTypes } from '@/atoms/Icons/index.js';\n\nexport interface CommonButtonProps {\n  /**\n   * Button themes defining background color and text/icon color\n   */\n  theme?: 'yellow' | 'white' | 'black' | 'whiteStroke' | 'blackStroke';\n  /**\n   * Is it a text button? An icon button? An arrow button?\n   */\n  variant?: 'text' | 'textSmall' | 'icon' | 'arrow';\n  /**\n   * Background Color override\n   * Ideally please use ONLY for the \"white\" and \"black\" themes\n   */\n  backgroundOverride?: string;\n  /**\n   * Additional class names\n   */\n  className?: string;\n  /**\n   * Button title\n   */\n  title?: string;\n  /**\n   * Button contents\n   */\n  label?: string;\n  /**\n   * Optional children (you might never use this, please actually try to avoid it)\n   */\n  children?: ReactNode;\n  /**\n   * Optional icon name\n   */\n  icon?: IconicNames;\n  /**\n   * Force the icon type to be svg, font or default\n   */\n  iconType?: IconicTypes;\n  /**\n   * Data test id\n   */\n  dataTestId?: string;\n  /**\n   * Group name\n   * Used to group buttons together (you might not need this)\n   */\n  groupName?: string;\n}\n\ninterface ButtonProps extends CommonButtonProps, ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Optional click handler\n   */\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  /**\n   * Button tabIndex\n   *\n   * @default 0\n   */\n  tabIndex?: number;\n  /**\n   * Data test id\n   */\n  dataTestId?: string;\n}\n\nexport const Button: FunctionComponent<ButtonProps> = ({\n  type = 'button',\n  theme: themeName = 'yellow',\n  backgroundOverride,\n  variant = 'text',\n  className,\n  label,\n  children,\n  title,\n  icon,\n  iconType,\n  tabIndex = 0,\n  disabled = false,\n  dataTestId,\n  groupName = '',\n  ...rest\n}) => {\n  const showLabel = variant === 'text' || variant === 'textSmall';\n  const layout = variants[variant];\n  const theme = themes(themeName, backgroundOverride, groupName);\n\n  return (\n    <button\n      {...rest}\n      data-name=\"Button\"\n      data-testid={dataTestId}\n      type={type}\n      className={classNames(rootClassName, theme, layout, variant, className, {\n        'pointer-events-none': disabled,\n      })}\n      disabled={disabled}\n      tabIndex={disabled ? -1 : tabIndex}\n      title={title || label}\n      aria-label={title || label}\n    >\n      <ButtonContent showLabel={showLabel} label={label} icon={icon} iconType={iconType}>\n        {children}\n      </ButtonContent>\n    </button>\n  );\n};\n"],"names":["Button","type","themeName","backgroundOverride","variant","className","label","children","title","icon","iconType","tabIndex","disabled","dataTestId","groupName","rest","showLabel","layout","variants","theme","themes","jsx","classNames","rootClassName","ButtonContent"],"mappings":";;;;;;AA+EO,MAAMA,IAAyC,CAAC;AAAA,EACrD,MAAAC,IAAO;AAAA,EACP,OAAOC,IAAY;AAAA,EACnB,oBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,YAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACE,QAAAC,IAAYZ,MAAY,UAAUA,MAAY,aAC9Ca,IAASC,EAASd,CAAO,GACzBe,IAAQC,EAAOlB,GAAWC,GAAoBW,CAAS;AAG3D,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,aAAU;AAAA,MACV,eAAaF;AAAA,MACb,MAAAZ;AAAA,MACA,WAAWqB,EAAWC,GAAeJ,GAAOF,GAAQb,GAASC,GAAW;AAAA,QACtE,uBAAuBO;AAAA,MAAA,CACxB;AAAA,MACD,UAAAA;AAAA,MACA,UAAUA,IAAW,KAAKD;AAAA,MAC1B,OAAOH,KAASF;AAAA,MAChB,cAAYE,KAASF;AAAA,MAErB,4BAACkB,GAAc,EAAA,WAAAR,GAAsB,OAAAV,GAAc,MAAAG,GAAY,UAAAC,GAC5D,UAAAH,GACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/molecules/Buttons/Button.themes.js

@@ -22,3 +22,4 @@ const b = (t, r, e) => {
 export {
   b as themes
 };
+//# sourceMappingURL=Button.themes.js.map

package/molecules/Buttons/Button.themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.themes.js","sources":["../../../lib/molecules/Buttons/Button.themes.tsx"],"sourcesContent":["export const themes = (\n  theme: 'white' | 'black' | 'yellow' | 'whiteStroke' | 'blackStroke',\n  backgroundOverride?: string,\n  groupName?: string,\n) => {\n  if (backgroundOverride) {\n    switch (theme) {\n      case 'white':\n        return `bg-${backgroundOverride} hover:bg-${backgroundOverride}-active group-hover/${groupName}:bg-${backgroundOverride}-active active:bg-${backgroundOverride}-active border-${backgroundOverride} hover:border-${backgroundOverride}-active group-hover/${groupName}:border-${backgroundOverride}-active active:border-${backgroundOverride}-active border border-solid text-black disabled:bg-pearl disabled:text-grey disabled:border-pearl`;\n      case 'black':\n        return `bg-${backgroundOverride} hover:bg-${backgroundOverride}-active group-hover/${groupName}:bg-${backgroundOverride}-active active:bg-${backgroundOverride}-active border-${backgroundOverride} hover:border-${backgroundOverride}-active group-hover/${groupName}:border-${backgroundOverride}-active active:border-${backgroundOverride}-active border border-solid text-white disabled:bg-pearl disabled:text-grey disabled:border-pearl`;\n      default:\n        break;\n    }\n  }\n\n  switch (theme) {\n    case 'white':\n      return `bg-white hover:bg-white-active active:bg-white-active border border-solid border-white hover:border-white-active active:border-white-active text-black disabled:bg-pearl disabled:text-grey disabled:border-pearl ${\n        groupName\n          ? `group-hover/${groupName}:bg-white-active group-hover/${groupName}:border-white-active`\n          : 'group-hover:bg-white-active group-hover:border-white-active'\n      } `;\n    case 'black':\n      return `bg-black hover:bg-black-active active:bg-black-active border border-solid border-black hover:border-black-active active:border-black-active text-white disabled:bg-pearl disabled:text-grey disabled:border-pearl ${\n        groupName\n          ? `group-hover/${groupName}:bg-black-active group-hover/${groupName}:border-black-active`\n          : 'group-hover:bg-black-active group-hover:border-black-active'\n      } `;\n    case 'whiteStroke':\n      return `bg-transparent hover:bg-white active:bg-white border border-solid border-white text-white hover:text-black active:text-black disabled:text-grey disabled:border-grey ${\n        groupName\n          ? `group-hover/${groupName}:bg-white group-hover/${groupName}:text-black`\n          : 'group-hover:bg-white group-hover:text-black'\n      }`;\n    case 'blackStroke':\n      return `bg-transparent hover:bg-black active:bg-black border border-solid border-black text-black hover:text-white active:text-white disabled:text-grey disabled:border-grey ${\n        groupName\n          ? `group-hover/${groupName}:bg-black group-hover/${groupName}:text-white`\n          : 'group-hover:bg-black group-hover:text-white'\n      }`;\n    default:\n      return `bg-saffron hover:bg-saffron-active active:bg-saffron-active border border-solid border-saffron hover:border-saffron-active active:border-saffron-active text-black disabled:bg-pearl disabled:text-grey disabled:border-pearl ${\n        groupName\n          ? `group-hover/${groupName}:bg-saffron-active group-hover/${groupName}:border-saffron-active`\n          : 'group-hover:bg-saffron-active group-hover:border-saffron-active'\n      }`;\n  }\n};\n"],"names":["themes","theme","backgroundOverride","groupName"],"mappings":"AAAO,MAAMA,IAAS,CACpBC,GACAC,GACAC,MACG;AACH,MAAID;AACF,YAAQD,GAAO;AAAA,MACb,KAAK;AACH,eAAO,MAAMC,CAAkB,aAAaA,CAAkB,uBAAuBC,CAAS,OAAOD,CAAkB,qBAAqBA,CAAkB,kBAAkBA,CAAkB,iBAAiBA,CAAkB,uBAAuBC,CAAS,WAAWD,CAAkB,yBAAyBA,CAAkB;AAAA,MAC/U,KAAK;AACH,eAAO,MAAMA,CAAkB,aAAaA,CAAkB,uBAAuBC,CAAS,OAAOD,CAAkB,qBAAqBA,CAAkB,kBAAkBA,CAAkB,iBAAiBA,CAAkB,uBAAuBC,CAAS,WAAWD,CAAkB,yBAAyBA,CAAkB;AAAA,IAGjV;AAGF,UAAQD,GAAO;AAAA,IACb,KAAK;AACH,aAAO,qNACLE,IACI,eAAeA,CAAS,gCAAgCA,CAAS,yBACjE,6DACN;AAAA,IACF,KAAK;AACH,aAAO,qNACLA,IACI,eAAeA,CAAS,gCAAgCA,CAAS,yBACjE,6DACN;AAAA,IACF,KAAK;AACH,aAAO,wKACLA,IACI,eAAeA,CAAS,yBAAyBA,CAAS,gBAC1D,6CACN;AAAA,IACF,KAAK;AACH,aAAO,wKACLA,IACI,eAAeA,CAAS,yBAAyBA,CAAS,gBAC1D,6CACN;AAAA,IACF;AACE,aAAO,iOACLA,IACI,eAAeA,CAAS,kCAAkCA,CAAS,2BACnE,iEACN;AAAA,EACJ;AACF;"}

package/molecules/Buttons/ButtonAnchor.js

@@ -36,3 +36,4 @@ const z = ({
 export {
   z as ButtonAnchor
 };
+//# sourceMappingURL=ButtonAnchor.js.map

package/molecules/Buttons/ButtonAnchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAnchor.js","sources":["../../../lib/molecules/Buttons/ButtonAnchor.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type { AnchorHTMLAttributes, FunctionComponent, PropsWithChildren } from 'react';\nimport './button.css';\nimport { type CommonButtonProps } from './Button';\nimport { rootClassName, variants } from './Button.helpers';\nimport { themes } from './Button.themes';\nimport { ButtonContent } from './ButtonContent';\n\ninterface ButtonAnchorProps extends CommonButtonProps, AnchorHTMLAttributes<HTMLAnchorElement> {\n  component?: FunctionComponent<PropsWithChildren<any>> | string;\n}\n\nexport const ButtonAnchor: FunctionComponent<ButtonAnchorProps> = ({\n  theme = 'yellow',\n  component = 'a',\n  backgroundOverride,\n  variant = 'text',\n  className,\n  label,\n  children,\n  title,\n  icon,\n  dataTestId,\n  href,\n  groupName = '',\n  ...rest\n}) => {\n  const showLabel = variant === 'text';\n  const layout = variants[variant];\n  const style = themes(theme, backgroundOverride, groupName);\n  const Cmp = component as FunctionComponent<PropsWithChildren<ButtonAnchorProps>>;\n\n  return (\n    <Cmp\n      data-name=\"ButtonAnchor\"\n      data-testid={dataTestId}\n      className={classNames(rootClassName, style, layout, variant, className)}\n      title={title || label}\n      href={href}\n      {...rest}\n    >\n      <ButtonContent showLabel={showLabel} label={label} icon={icon}>\n        {children}\n      </ButtonContent>\n    </Cmp>\n  );\n};\n"],"names":["ButtonAnchor","theme","component","backgroundOverride","variant","className","label","children","title","icon","dataTestId","href","groupName","rest","showLabel","layout","variants","style","themes","jsx","classNames","rootClassName","ButtonContent"],"mappings":";;;;;;AAYO,MAAMA,IAAqD,CAAC;AAAA,EACjE,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,oBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAYV,MAAY,QACxBW,IAASC,EAASZ,CAAO,GACzBa,IAAQC,EAAOjB,GAAOE,GAAoBS,CAAS;AAIvD,SAAA,gBAAAO;AAAA,IAHUjB;AAAA,IAGT;AAAA,MACC,aAAU;AAAA,MACV,eAAaQ;AAAA,MACb,WAAWU,EAAWC,GAAeJ,GAAOF,GAAQX,GAASC,CAAS;AAAA,MACtE,OAAOG,KAASF;AAAA,MAChB,MAAAK;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAC,gBAAAM,EAAAG,GAAA,EAAc,WAAAR,GAAsB,OAAAR,GAAc,MAAAG,GAChD,UAAAF,GACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/molecules/Buttons/ButtonContent.js

@@ -9,3 +9,4 @@ const x = ({ showLabel: r, label: t, children: s, icon: e, iconType: o }) => /*
 export {
   x as ButtonContent
 };
+//# sourceMappingURL=ButtonContent.js.map

package/molecules/Buttons/ButtonContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonContent.js","sources":["../../../lib/molecules/Buttons/ButtonContent.tsx"],"sourcesContent":["import { FunctionComponent, ReactNode } from 'react';\n\nimport { Icon, IconicNames, IconicTypes } from '@/atoms/Icons';\n\nexport const ButtonContent: FunctionComponent<{\n  showLabel: boolean;\n  label?: string;\n  children?: ReactNode;\n  icon?: IconicNames;\n  iconType?: IconicTypes;\n}> = ({ showLabel, label, children, icon, iconType }) => {\n  return (\n    <span className=\"flex items-center justify-center gap-x-8\">\n      {showLabel ? label : <span className=\"sr-only\">{label}</span>}\n      {children}\n      {icon && <Icon width=\"24px\" name={icon} type={iconType} />}\n    </span>\n  );\n};\n"],"names":["ButtonContent","showLabel","label","children","icon","iconType","jsxs","jsx","Icon"],"mappings":";;;AAIa,MAAAA,IAMR,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,UAAAC,GAAU,MAAAC,GAAM,UAAAC,QAEtC,gBAAAC,EAAC,QAAK,EAAA,WAAU,4CACb,UAAA;AAAA,EAAAL,IAAYC,IAAQ,gBAAAK,EAAC,QAAK,EAAA,WAAU,WAAW,UAAML,GAAA;AAAA,EACrDC;AAAA,EACAC,uBAASI,GAAK,EAAA,OAAM,QAAO,MAAMJ,GAAM,MAAMC,GAAU;AAC1D,EAAA,CAAA;"}

package/molecules/Buttons/InertButton.js

@@ -30,3 +30,4 @@ const L = ({
 export {
   L as InertButton
 };
+//# sourceMappingURL=InertButton.js.map

package/molecules/Buttons/InertButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InertButton.js","sources":["../../../lib/molecules/Buttons/InertButton.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type { FunctionComponent } from 'react';\n\nimport { type CommonButtonProps } from './Button';\nimport { rootClassName, variants } from './Button.helpers';\nimport { themes } from './Button.themes';\nimport { ButtonContent } from './ButtonContent';\n\nexport const InertButton: FunctionComponent<CommonButtonProps> = ({\n  theme = 'yellow',\n  backgroundOverride,\n  variant = 'text',\n  className,\n  label,\n  children,\n  title,\n  icon,\n  dataTestId,\n  groupName = '',\n}) => {\n  const showLabel = variant === 'text';\n  const layout = variants[variant];\n  const style = themes(theme, backgroundOverride, groupName);\n\n  return (\n    <span\n      data-name=\"InertButton\"\n      data-testid={dataTestId}\n      className={classNames(rootClassName, style, layout, variant, className)}\n      title={title || label}\n    >\n      <ButtonContent showLabel={showLabel} label={label} icon={icon}>\n        {children}\n      </ButtonContent>\n    </span>\n  );\n};\n"],"names":["InertButton","theme","backgroundOverride","variant","className","label","children","title","icon","dataTestId","groupName","showLabel","layout","variants","style","themes","jsx","classNames","rootClassName","ButtonContent"],"mappings":";;;;;AAQO,MAAMA,IAAoD,CAAC;AAAA,EAChE,OAAAC,IAAQ;AAAA,EACR,oBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAAYR,MAAY,QACxBS,IAASC,EAASV,CAAO,GACzBW,IAAQC,EAAOd,GAAOC,GAAoBQ,CAAS;AAGvD,SAAA,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAaP;AAAA,MACb,WAAWQ,EAAWC,GAAeJ,GAAOF,GAAQT,GAASC,CAAS;AAAA,MACtE,OAAOG,KAASF;AAAA,MAEhB,UAAC,gBAAAW,EAAAG,GAAA,EAAc,WAAAR,GAAsB,OAAAN,GAAc,MAAAG,GAChD,UAAAF,GACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/molecules/Card.js

@@ -35,3 +35,4 @@ const x = ({
 export {
   x as Card
 };
+//# sourceMappingURL=Card.js.map

package/molecules/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../lib/molecules/Card.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { FunctionComponent, PropsWithChildren } from 'react';\n\nimport { Icon, IconicNames, IconicTypes } from '@/atoms/Icons';\n\ninterface CardProps {\n  title: string;\n  icon: IconicNames;\n  iconType?: IconicTypes;\n  theme?: 'light' | 'dark';\n  dataName?: string;\n}\n\nexport const Card: FunctionComponent<PropsWithChildren<CardProps>> = ({\n  title,\n  children,\n  icon,\n  iconType,\n  theme = 'light',\n  dataName = 'Card',\n}) => {\n  return (\n    <div\n      className=\"border-lightGrey rounded-16 flex shrink-0 flex-row gap-20 border bg-white p-20\"\n      data-name={dataName}\n    >\n      <div\n        className={classnames('flex h-48 w-48 shrink-0 items-center justify-center rounded-full', {\n          'bg-ultramarine text-white': theme === 'dark',\n          'bg-lightSand text-black': theme === 'light',\n        })}\n      >\n        <Icon name={icon} type={iconType} width=\"24px\" />\n      </div>\n      <div className=\"space-y-8 font-sans\">\n        <div className=\"text-b3 font-semibold\">{title}</div>\n        <div className=\"text-b4 font-normal\">{children}</div>\n      </div>\n    </div>\n  );\n};\n"],"names":["Card","title","children","icon","iconType","theme","dataName","jsxs","jsx","classnames","Icon"],"mappings":";;;;AAaO,MAAMA,IAAwD,CAAC;AAAA,EACpE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AACb,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,aAAWD;AAAA,IAEX,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAW,oEAAoE;AAAA,YACxF,6BAA6BJ,MAAU;AAAA,YACvC,2BAA2BA,MAAU;AAAA,UAAA,CACtC;AAAA,UAED,4BAACK,GAAK,EAAA,MAAMP,GAAM,MAAMC,GAAU,OAAM,QAAO;AAAA,QAAA;AAAA,MACjD;AAAA,MACA,gBAAAG,EAAC,OAAI,EAAA,WAAU,uBACb,UAAA;AAAA,QAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,yBAAyB,UAAMP,GAAA;AAAA,QAC7C,gBAAAO,EAAA,OAAA,EAAI,WAAU,uBAAuB,UAAAN,EAAS,CAAA;AAAA,MAAA,GACjD;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/molecules/ElasticHeight.js

@@ -39,3 +39,4 @@ const r = (t) => t, R = ({
 export {
   R as ElasticHeight
 };
+//# sourceMappingURL=ElasticHeight.js.map

package/molecules/ElasticHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElasticHeight.js","sources":["../../lib/molecules/ElasticHeight.tsx"],"sourcesContent":["import { useSpring, animated, useResize } from '@react-spring/web';\nimport classnames from 'classnames';\nimport { FunctionComponent, MutableRefObject, PropsWithChildren, useEffect, useRef } from 'react';\n\n/**\n * This is not a Collapse component, it's a component that animates *to* the height of its children.\n * It does the *absolute* same but you Bring Your Own Height™ by applying a class to the children.\n * e.g.: <ElasticHeight className={isOpen ? \"\" : \"h-0\"}><div>...</div></ElasticHeight>\n * ID is there for accessibility purposes.\n *\n * This is in no way affiliated with Amazon ElasticSearch.\n */\n\ninterface ElasticHeightProps {\n  /**\n   * Id of the element\n   */\n  id?: string;\n  /**\n   * Class of the element (please provide something that sets the height)\n   */\n  className?: string;\n  /**\n   * Class of the container (to avoid CLS, mainly)\n   */\n  containerClassName?: string;\n  /**\n   * Role of the element\n   */\n  role?: string;\n}\n\nconst linearInterpolation = (x: number) => x;\n\nexport const ElasticHeight: FunctionComponent<PropsWithChildren<ElasticHeightProps>> = ({\n  children,\n  id,\n  className,\n  role,\n  containerClassName,\n}) => {\n  const ref = useRef<HTMLDivElement>(null) as MutableRefObject<HTMLDivElement>;\n  const { height } = useResize({ container: ref });\n\n  const [styles, api] = useSpring(() => ({\n    from: {\n      height: height.to(linearInterpolation),\n    },\n    immediate: true,\n  }));\n\n  useEffect(() => {\n    api.start({\n      to: {\n        height: height.to(linearInterpolation),\n      },\n      config: {\n        tension: 170,\n        friction: 26,\n      },\n    });\n  }, [api, height]);\n\n  return (\n    <animated.div\n      role={role}\n      className={classnames('overflow-hidden', containerClassName)}\n      style={{ ...styles }}\n      id={id}\n    >\n      <div className={className} ref={ref}>\n        {children}\n      </div>\n    </animated.div>\n  );\n};\n"],"names":["linearInterpolation","x","ElasticHeight","children","id","className","role","containerClassName","ref","useRef","height","useResize","styles","api","useSpring","useEffect","jsx","animated","classnames"],"mappings":";;;;AAgCA,MAAMA,IAAsB,CAACC,MAAcA,GAE9BC,IAA0E,CAAC;AAAA,EACtF,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,oBAAAC;AACF,MAAM;AACE,QAAAC,IAAMC,EAAuB,IAAI,GACjC,EAAE,QAAAC,EAAO,IAAIC,EAAU,EAAE,WAAWH,GAAK,GAEzC,CAACI,GAAQC,CAAG,IAAIC,EAAU,OAAO;AAAA,IACrC,MAAM;AAAA,MACJ,QAAQJ,EAAO,GAAGV,CAAmB;AAAA,IACvC;AAAA,IACA,WAAW;AAAA,EACX,EAAA;AAEF,SAAAe,EAAU,MAAM;AACd,IAAAF,EAAI,MAAM;AAAA,MACR,IAAI;AAAA,QACF,QAAQH,EAAO,GAAGV,CAAmB;AAAA,MACvC;AAAA,MACA,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,IAAA,CACD;AAAA,EAAA,GACA,CAACa,GAAKH,CAAM,CAAC,GAGd,gBAAAM;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACC,MAAAX;AAAA,MACA,WAAWY,EAAW,mBAAmBX,CAAkB;AAAA,MAC3D,OAAO,EAAE,GAAGK,EAAO;AAAA,MACnB,IAAAR;AAAA,MAEA,UAAC,gBAAAY,EAAA,OAAA,EAAI,WAAAX,GAAsB,KAAAG,GACxB,UAAAL,GACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/molecules/Forms/Checkboxes/Checkbox.js

@@ -100,3 +100,4 @@ function B(x) {
 export {
   B as Checkbox
 };
+//# sourceMappingURL=Checkbox.js.map

package/molecules/Forms/Checkboxes/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../lib/molecules/Forms/Checkboxes/Checkbox.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { useId } from 'react';\nimport { Icon } from '@/atoms/Icons/index.js';\nimport { useValue } from '@/hooks/useValue.js';\nimport '../controls.css';\nimport { FormControlProps } from '@/molecules/Forms/FormControl';\nimport { useInternalStatus } from '@/hooks/useInternalStatus';\n\nexport interface CheckboxProps<Value = string> extends FormControlProps<Value> {\n  size?: number;\n  onChange?: (name: string, value: Value | null) => void;\n}\n\nexport function Checkbox<Value = string>(props: CheckboxProps<Value>) {\n  const internalId = useId();\n\n  const {\n    id = internalId,\n    name = id,\n    className,\n    dataTestId,\n    disabled = false,\n    checked: initialChecked = false,\n    value,\n    size = 24,\n    tabIndex = 0,\n    validationStatus = 'default',\n    errorMessage,\n    children,\n    onChange,\n    ...rest\n  } = props;\n\n  const { value: checked, setValue } = useValue<boolean>({\n    name,\n    initialValue: initialChecked,\n    onChange(name, checked) {\n      onChange?.(name, checked ? ((value !== undefined ? value : checked) as Value) : null);\n    },\n  });\n  const internalStatus = useInternalStatus({\n    isDisabled: disabled,\n    validationStatus,\n  });\n\n  const shouldDisplayErrorMessage = internalStatus === 'error' && errorMessage;\n\n  return (\n    <div\n      className={classnames(className, 'flex flex-col space-y-2', {\n        'mb-24': !shouldDisplayErrorMessage,\n      })}\n      data-testid={`checkbox-container-${id}`}\n    >\n      <label\n        className={classnames('cursor-pointer relative flex text-b3 items-center', {\n          'text-grey': internalStatus === 'disabled',\n          'text-black': internalStatus !== 'default',\n        })}\n      >\n        <span className=\"relative self-start me-8\">\n          <input\n            {...rest}\n            name={name}\n            data-testid={dataTestId}\n            type=\"checkbox\"\n            tabIndex={tabIndex}\n            onChange={() => {\n              !disabled && setValue(!checked);\n            }}\n            checked={checked}\n            data-name=\"Checkbox\"\n            disabled={disabled}\n            value={value as any}\n          />\n\n          <span\n            style={{ height: size, width: size }}\n            className={classnames({ '!border-red': internalStatus === 'error' })}\n            data-testid={`check-container-${id}`}\n          >\n            <Icon\n              name=\"CheckDefault\"\n              type=\"svg\"\n              width={`${size}px`}\n              color=\"black\"\n              className=\"absolute\"\n            />\n          </span>\n        </span>\n\n        {children}\n      </label>\n\n      {shouldDisplayErrorMessage && (\n        <span className=\"text-red text-b4 flex items-start space-x-4 ps-20\" role=\"alert\">\n          <Icon name=\"Error\" width=\"20px\" />\n          {errorMessage}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["Checkbox","props","internalId","useId","id","name","className","dataTestId","disabled","initialChecked","value","size","tabIndex","validationStatus","errorMessage","children","onChange","rest","checked","setValue","useValue","internalStatus","useInternalStatus","shouldDisplayErrorMessage","jsxs","classnames","jsx","Icon"],"mappings":";;;;;;;;AAaO,SAASA,EAAyBC,GAA6B;AACpE,QAAMC,IAAaC,KAEb;AAAA,IACJ,IAAAC,IAAKF;AAAA,IACL,MAAAG,IAAOD;AAAA,IACP,WAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAASC,IAAiB;AAAA,IAC1B,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,kBAAAC,IAAmB;AAAA,IACnB,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAhB,GAEE,EAAE,OAAOiB,GAAS,UAAAC,EAAA,IAAaC,EAAkB;AAAA,IACrD,MAAAf;AAAA,IACA,cAAcI;AAAA,IACd,SAASJ,GAAMa,GAAS;AACtB,MAAAF,KAAA,QAAAA,EAAWX,GAAMa,IAAYR,MAAU,SAAYA,IAAQQ,IAAqB;AAAA,IAClF;AAAA,EAAA,CACD,GACKG,IAAiBC,EAAkB;AAAA,IACvC,YAAYd;AAAA,IACZ,kBAAAK;AAAA,EAAA,CACD,GAEKU,IAA4BF,MAAmB,WAAWP;AAG9D,SAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWnB,GAAW,2BAA2B;AAAA,QAC1D,SAAS,CAACiB;AAAA,MAAA,CACX;AAAA,MACD,eAAa,sBAAsBnB,CAAE;AAAA,MAErC,UAAA;AAAA,QAAA,gBAAAoB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAW,qDAAqD;AAAA,cACzE,aAAaJ,MAAmB;AAAA,cAChC,cAAcA,MAAmB;AAAA,YAAA,CAClC;AAAA,YAED,UAAA;AAAA,cAAC,gBAAAG,EAAA,QAAA,EAAK,WAAU,4BACd,UAAA;AAAA,gBAAA,gBAAAE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACE,GAAGT;AAAA,oBACJ,MAAAZ;AAAA,oBACA,eAAaE;AAAA,oBACb,MAAK;AAAA,oBACL,UAAAK;AAAA,oBACA,UAAU,MAAM;AACb,uBAAAJ,KAAYW,EAAS,CAACD,CAAO;AAAA,oBAChC;AAAA,oBACA,SAAAA;AAAA,oBACA,aAAU;AAAA,oBACV,UAAAV;AAAA,oBACA,OAAAE;AAAA,kBAAA;AAAA,gBACF;AAAA,gBAEA,gBAAAgB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAO,EAAE,QAAQf,GAAM,OAAOA,EAAK;AAAA,oBACnC,WAAWc,EAAW,EAAE,eAAeJ,MAAmB,SAAS;AAAA,oBACnE,eAAa,mBAAmBjB,CAAE;AAAA,oBAElC,UAAA,gBAAAsB;AAAA,sBAACC;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,MAAK;AAAA,wBACL,OAAO,GAAGhB,CAAI;AAAA,wBACd,OAAM;AAAA,wBACN,WAAU;AAAA,sBAAA;AAAA,oBACZ;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA,GACF;AAAA,cAECI;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QAECQ,KACE,gBAAAC,EAAA,QAAA,EAAK,WAAU,qDAAoD,MAAK,SACvE,UAAA;AAAA,UAAA,gBAAAE,EAACC,GAAK,EAAA,MAAK,SAAQ,OAAM,QAAO;AAAA,UAC/Bb;AAAA,QAAA,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/molecules/Forms/Checkboxes/Checkboxes.js

@@ -46,3 +46,4 @@ function q(m) {
 export {
   q as Checkboxes
 };
+//# sourceMappingURL=Checkboxes.js.map

package/molecules/Forms/Checkboxes/Checkboxes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkboxes.js","sources":["../../../../lib/molecules/Forms/Checkboxes/Checkboxes.tsx"],"sourcesContent":["import { Children, cloneElement, HTMLAttributes, isValidElement, useId } from 'react';\nimport { FormControlProps } from '@/molecules/Forms/FormControl.js';\nimport { useValue } from '@/hooks/useValue.js';\nimport { CheckboxProps } from './Checkbox.js';\nimport classnames from 'classnames';\n\nexport interface CheckboxesProps<Value = string>\n  extends Pick<\n      FormControlProps<Value[]>,\n      | 'id'\n      | 'name'\n      | 'value'\n      | 'onChange'\n      | 'disabled'\n      | 'readOnly'\n      | 'tabIndex'\n      | 'description'\n      | 'validationStatus'\n      | 'errorMessage'\n    >,\n    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {}\n\nexport function Checkboxes<Value = string>(props: CheckboxesProps<Value>) {\n  const internalId = useId();\n\n  const {\n    id = internalId,\n    name = id,\n    children,\n    value: initialValue,\n    defaultValue,\n    onChange,\n    disabled,\n    readOnly,\n    tabIndex = 0,\n    ...rest\n  } = props;\n\n  const { value, setValue } = useValue<Value[]>({\n    name,\n    initialValue,\n    formatter(value) {\n      return value !== undefined ? ([].concat(value as never) as Value[]) : value;\n    },\n    defaultValue: (defaultValue as Value[]) || ([] as Value[]),\n    onChange,\n  });\n\n  return (\n    <div {...rest} className={rest.className} role=\"listbox\">\n      {Children.map(children, (child, index) => {\n        if (isValidElement(child)) {\n          const propValue: Value = (child.props as CheckboxProps<Value>).value as Value;\n\n          return cloneElement(child, {\n            ...child.props,\n            name,\n            id: `${id}-${index}`,\n            disabled,\n            readOnly,\n            tabIndex: tabIndex + index + 1,\n            className: classnames(child.props.className || 'mt-8 first:mt-0'),\n            checked: value.includes(propValue),\n            onChange(_: string, item: Value | null) {\n              if (item === null) {\n                setValue(value.filter((v) => v !== propValue));\n              } else {\n                setValue(value.concat(propValue));\n              }\n            },\n          } as CheckboxProps<Value>);\n        }\n\n        return child;\n      })}\n    </div>\n  );\n}\n"],"names":["Checkboxes","props","internalId","useId","id","name","children","initialValue","defaultValue","onChange","disabled","readOnly","tabIndex","rest","value","setValue","useValue","jsx","Children","child","index","isValidElement","propValue","cloneElement","classnames","_","item","v"],"mappings":";;;;AAsBO,SAASA,EAA2BC,GAA+B;AACxE,QAAMC,IAAaC,KAEb;AAAA,IACJ,IAAAC,IAAKF;AAAA,IACL,MAAAG,IAAOD;AAAA,IACP,UAAAE;AAAA,IACA,OAAOC;AAAA,IACP,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EACD,IAAAZ,GAEE,EAAE,OAAAa,GAAO,UAAAC,EAAS,IAAIC,EAAkB;AAAA,IAC5C,MAAAX;AAAA,IACA,cAAAE;AAAA,IACA,UAAUO,GAAO;AACf,aAAOA,MAAU,SAAa,CAAA,EAAG,OAAOA,CAAc,IAAgBA;AAAAA,IACxE;AAAA,IACA,cAAeN,KAA6B,CAAC;AAAA,IAC7C,UAAAC;AAAA,EAAA,CACD;AAED,SACG,gBAAAQ,EAAA,OAAA,EAAK,GAAGJ,GAAM,WAAWA,EAAK,WAAW,MAAK,WAC5C,UAASK,EAAA,IAAIZ,GAAU,CAACa,GAAOC,MAAU;AACpC,QAAAC,EAAeF,CAAK,GAAG;AACnB,YAAAG,IAAoBH,EAAM,MAA+B;AAE/D,aAAOI,EAAaJ,GAAO;AAAA,QACzB,GAAGA,EAAM;AAAA,QACT,MAAAd;AAAA,QACA,IAAI,GAAGD,CAAE,IAAIgB,CAAK;AAAA,QAClB,UAAAV;AAAA,QACA,UAAAC;AAAA,QACA,UAAUC,IAAWQ,IAAQ;AAAA,QAC7B,WAAWI,EAAWL,EAAM,MAAM,aAAa,iBAAiB;AAAA,QAChE,SAASL,EAAM,SAASQ,CAAS;AAAA,QACjC,SAASG,GAAWC,GAAoB;AACtC,UACEX,EADEW,MAAS,OACFZ,EAAM,OAAO,CAACa,MAAMA,MAAML,CAAS,IAEnCR,EAAM,OAAOQ,CAAS,CAFc;AAAA,QAIjD;AAAA,MAAA,CACuB;AAAA,IAC3B;AAEO,WAAAH;AAAA,EACR,CAAA,EACH,CAAA;AAEJ;"}

package/molecules/Forms/Checkboxes/index.js

@@ -4,3 +4,4 @@ export {
   r as Checkbox,
   b as Checkboxes
 };
+//# sourceMappingURL=index.js.map

package/molecules/Forms/Checkboxes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/molecules/Forms/DateField.js

@@ -158,3 +158,4 @@ const M = (t) => t ? A(t, { representation: "date" }) : "", W = (t) => {
 export {
   W as DateField
 };
+//# sourceMappingURL=DateField.js.map

package/molecules/Forms/DateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.js","sources":["../../../node_modules/@babel/runtime/helpers/esm/typeof.js","../../../node_modules/date-fns/esm/_lib/requiredArgs/index.js","../../../node_modules/date-fns/esm/toDate/index.js","../../../node_modules/date-fns/esm/_lib/addLeadingZeros/index.js","../../../node_modules/date-fns/esm/formatISO/index.js","../../../lib/molecules/Forms/DateField.tsx"],"sourcesContent":["export default function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}","export default function requiredArgs(required, args) {\n  if (args.length < required) {\n    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');\n  }\n}","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name toDate\n * @category Common Helpers\n * @summary Convert the given argument to an instance of Date.\n *\n * @description\n * Convert the given argument to an instance of Date.\n *\n * If the argument is an instance of Date, the function returns its clone.\n *\n * If the argument is a number, it is treated as a timestamp.\n *\n * If the argument is none of the above, the function returns Invalid Date.\n *\n * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.\n *\n * @param {Date|Number} argument - the value to convert\n * @returns {Date} the parsed date in the local time zone\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Clone the date:\n * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))\n * //=> Tue Feb 11 2014 11:30:30\n *\n * @example\n * // Convert the timestamp to date:\n * const result = toDate(1392098430000)\n * //=> Tue Feb 11 2014 11:30:30\n */\nexport default function toDate(argument) {\n  requiredArgs(1, arguments);\n  var argStr = Object.prototype.toString.call(argument);\n\n  // Clone the date\n  if (argument instanceof Date || _typeof(argument) === 'object' && argStr === '[object Date]') {\n    // Prevent the date to lose the milliseconds when passed to new Date() in IE10\n    return new Date(argument.getTime());\n  } else if (typeof argument === 'number' || argStr === '[object Number]') {\n    return new Date(argument);\n  } else {\n    if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {\n      // eslint-disable-next-line no-console\n      console.warn(\"Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments\");\n      // eslint-disable-next-line no-console\n      console.warn(new Error().stack);\n    }\n    return new Date(NaN);\n  }\n}","export default function addLeadingZeros(number, targetLength) {\n  var sign = number < 0 ? '-' : '';\n  var output = Math.abs(number).toString();\n  while (output.length < targetLength) {\n    output = '0' + output;\n  }\n  return sign + output;\n}","import toDate from \"../toDate/index.js\";\nimport addLeadingZeros from \"../_lib/addLeadingZeros/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name formatISO\n * @category Common Helpers\n * @summary Format the date according to the ISO 8601 standard (https://support.sas.com/documentation/cdl/en/lrdict/64316/HTML/default/viewer.htm#a003169814.htm).\n *\n * @description\n * Return the formatted date string in ISO 8601 format. Options may be passed to control the parts and notations of the date.\n *\n * @param {Date|Number} date - the original date\n * @param {Object} [options] - an object with options.\n * @param {'extended'|'basic'} [options.format='extended'] - if 'basic', hide delimiters between date and time values.\n * @param {'complete'|'date'|'time'} [options.representation='complete'] - format date, time with local time zone, or both.\n * @returns {String} the formatted date string (in local time zone)\n * @throws {TypeError} 1 argument required\n * @throws {RangeError} `date` must not be Invalid Date\n * @throws {RangeError} `options.format` must be 'extended' or 'basic'\n * @throws {RangeError} `options.representation` must be 'date', 'time' or 'complete'\n *\n * @example\n * // Represent 18 September 2019 in ISO 8601 format (local time zone is UTC):\n * const result = formatISO(new Date(2019, 8, 18, 19, 0, 52))\n * //=> '2019-09-18T19:00:52Z'\n *\n * @example\n * // Represent 18 September 2019 in ISO 8601, short format (local time zone is UTC):\n * const result = formatISO(new Date(2019, 8, 18, 19, 0, 52), { format: 'basic' })\n * //=> '20190918T190052'\n *\n * @example\n * // Represent 18 September 2019 in ISO 8601 format, date only:\n * const result = formatISO(new Date(2019, 8, 18, 19, 0, 52), { representation: 'date' })\n * //=> '2019-09-18'\n *\n * @example\n * // Represent 18 September 2019 in ISO 8601 format, time only (local time zone is UTC):\n * const result = formatISO(new Date(2019, 8, 18, 19, 0, 52), { representation: 'time' })\n * //=> '19:00:52Z'\n */\nexport default function formatISO(date, options) {\n  var _options$format, _options$representati;\n  requiredArgs(1, arguments);\n  var originalDate = toDate(date);\n  if (isNaN(originalDate.getTime())) {\n    throw new RangeError('Invalid time value');\n  }\n  var format = String((_options$format = options === null || options === void 0 ? void 0 : options.format) !== null && _options$format !== void 0 ? _options$format : 'extended');\n  var representation = String((_options$representati = options === null || options === void 0 ? void 0 : options.representation) !== null && _options$representati !== void 0 ? _options$representati : 'complete');\n  if (format !== 'extended' && format !== 'basic') {\n    throw new RangeError(\"format must be 'extended' or 'basic'\");\n  }\n  if (representation !== 'date' && representation !== 'time' && representation !== 'complete') {\n    throw new RangeError(\"representation must be 'date', 'time', or 'complete'\");\n  }\n  var result = '';\n  var tzOffset = '';\n  var dateDelimiter = format === 'extended' ? '-' : '';\n  var timeDelimiter = format === 'extended' ? ':' : '';\n\n  // Representation is either 'date' or 'complete'\n  if (representation !== 'time') {\n    var day = addLeadingZeros(originalDate.getDate(), 2);\n    var month = addLeadingZeros(originalDate.getMonth() + 1, 2);\n    var year = addLeadingZeros(originalDate.getFullYear(), 4);\n\n    // yyyyMMdd or yyyy-MM-dd.\n    result = \"\".concat(year).concat(dateDelimiter).concat(month).concat(dateDelimiter).concat(day);\n  }\n\n  // Representation is either 'time' or 'complete'\n  if (representation !== 'date') {\n    // Add the timezone.\n    var offset = originalDate.getTimezoneOffset();\n    if (offset !== 0) {\n      var absoluteOffset = Math.abs(offset);\n      var hourOffset = addLeadingZeros(Math.floor(absoluteOffset / 60), 2);\n      var minuteOffset = addLeadingZeros(absoluteOffset % 60, 2);\n      // If less than 0, the sign is +, because it is ahead of time.\n      var sign = offset < 0 ? '+' : '-';\n      tzOffset = \"\".concat(sign).concat(hourOffset, \":\").concat(minuteOffset);\n    } else {\n      tzOffset = 'Z';\n    }\n    var hour = addLeadingZeros(originalDate.getHours(), 2);\n    var minute = addLeadingZeros(originalDate.getMinutes(), 2);\n    var second = addLeadingZeros(originalDate.getSeconds(), 2);\n\n    // If there's also date, separate it with time with 'T'\n    var separator = result === '' ? '' : 'T';\n\n    // Creates a time string consisting of hour, minute, and second, separated by delimiters, if defined.\n    var time = [hour, minute, second].join(timeDelimiter);\n\n    // HHmmss or HH:mm:ss.\n    result = \"\".concat(result).concat(separator).concat(time).concat(tzOffset);\n  }\n  return result;\n}","import classnames from 'classnames';\nimport { formatISO } from 'date-fns';\nimport { ChangeEvent, useId, useRef } from 'react';\nimport { Icon, IconicNames, IconicTypes } from '@/atoms/Icons';\n\nimport { useValue } from '@/hooks/useValue.js';\nimport { useInternalStatus } from '@/hooks/useInternalStatus.js';\nimport { FormControl, FormControlProps } from './FormControl.js';\n\ninterface DateFieldProps extends Omit<FormControlProps<Date | null>, 'max' | 'min'> {\n  description?: string;\n  /**\n   * Open datepicker text\n   */\n  openDatepicker?: string;\n  id?: string;\n  icon?: IconicNames;\n  iconType?: IconicTypes;\n  errorMessage?: string;\n  dataTestId?: string;\n  /**\n   * Minimum Date allowed\n   */\n  min?: Date | undefined;\n  /**\n   * Maximum Date allowed\n   */\n  max?: Date | undefined;\n}\n\nconst formatDate = (value: Date | number | undefined | null): string => {\n  if (!value) {\n    return '';\n  }\n\n  return formatISO(value, { representation: 'date' });\n};\n\nexport const DateField = (props: DateFieldProps) => {\n  const internalId = useId();\n\n  const {\n    id = internalId,\n    name = id,\n    label,\n    description,\n    openDatepicker,\n    validationStatus = 'default',\n    icon = 'CalendarDefault',\n    iconType,\n    errorMessage,\n    disabled = false,\n    required = false,\n    dataTestId = 'DateField',\n    value: initialValue,\n    min: initialMin,\n    max: initialMax,\n    onChange,\n    ...rest\n  } = props;\n\n  // NO LOGIC IS IMPLEMENTED YET HERE\n  // THIS IS A VISUAL COMPONENT ONLY\n  const ref = useRef<HTMLInputElement>(null);\n  const internalStatus = useInternalStatus({\n    isDisabled: disabled,\n    validationStatus,\n  });\n\n  const { setValue, value } = useValue<string, Date | number | undefined | null>({\n    name,\n    formatter: formatDate,\n    initialValue,\n    onChange: (name, value) => onChange?.(name, new Date(value)),\n  });\n\n  const min = formatDate(initialMin);\n  const max = formatDate(initialMax);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setValue(event.target.value);\n  };\n\n  const handleClickPicker = () => {\n    ref.current?.showPicker();\n  };\n\n  return (\n    <FormControl\n      id={id}\n      label={label}\n      description={description}\n      dataName=\"DateField\"\n      dataTestId={dataTestId}\n      disabled={disabled}\n      required={required}\n      validationStatus={validationStatus}\n      errorMessage={errorMessage}\n    >\n      <div className=\"relative\">\n        <input\n          {...rest}\n          type=\"date\"\n          className={classnames(\n            'text-b3 rounded-pill date-field min-h-[50px] w-full border px-20 py-12 ps-[52px] font-normal outline-none',\n            {\n              'border-lightGrey focus:border-black active:border-black':\n                internalStatus === 'default',\n              'pe-[52px]': internalStatus === 'error' || internalStatus === 'success',\n              'bg-pearl text-grey': disabled,\n              'bg-white text-black': !disabled,\n              'border-red': !disabled && internalStatus === 'error',\n              'border-green': !disabled && internalStatus === 'success',\n            },\n          )}\n          id={id}\n          disabled={disabled}\n          required={required}\n          ref={ref}\n          value={value}\n          min={min}\n          max={max}\n          onChange={handleChange}\n        />\n        <div\n          className={classnames(\n            'pointer-events-none absolute inset-0 flex items-center justify-between px-20 py-12',\n            {\n              'text-grey': disabled,\n              'text-red': !disabled && internalStatus === 'error',\n              'text-green': !disabled && internalStatus === 'success',\n            },\n          )}\n        >\n          <button className=\"pointer-events-auto leading-none\" onClick={handleClickPicker}>\n            <Icon name={icon} iconType={iconType} width=\"24px\" />\n            <span className=\"sr-only\">\n              {openDatepicker}\n              {/* REPLACE THAT WITH SOMETHING LIKE \"OPEN DATEPICKER\" SOONER RATHER THAN LATER PLZ */}\n            </span>\n          </button>\n          <span className=\"ms-auto flex gap-x-8\">\n            {internalStatus === 'error' && <Icon name=\"CrossDefault\" width=\"24px\" />}\n            {internalStatus === 'success' && <Icon name=\"CheckDefault\" width=\"24px\" />}\n          </span>\n        </div>\n      </div>\n    </FormControl>\n  );\n};\n"],"names":["_typeof","o","requiredArgs","required","args","toDate","argument","argStr","addLeadingZeros","number","targetLength","sign","output","formatISO","date","options","_options$format","_options$representati","originalDate","format","representation","result","tzOffset","dateDelimiter","timeDelimiter","day","month","year","offset","absoluteOffset","hourOffset","minuteOffset","hour","minute","second","separator","time","formatDate","value","DateField","props","internalId","useId","id","name","label","description","openDatepicker","validationStatus","icon","iconType","errorMessage","disabled","dataTestId","initialValue","initialMin","initialMax","onChange","rest","ref","useRef","internalStatus","useInternalStatus","setValue","useValue","min","max","handleChange","event","handleClickPicker","_a","jsx","FormControl","jsxs","classnames","Icon"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4]}

package/molecules/Forms/Filter.js

@@ -54,3 +54,4 @@ function T(m) {
 export {
   T as Filter
 };
+//# sourceMappingURL=Filter.js.map

package/molecules/Forms/Filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.js","sources":["../../../lib/molecules/Forms/Filter.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { InputHTMLAttributes, useId } from 'react';\nimport './controls.css';\nimport { Icon } from '@/atoms/Icons';\nimport { useValue } from '@/hooks/useValue.js';\n\nexport interface FilterProps<Value = string>\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {\n  /**\n   * The data-testid to apply to the button.\n   * This is used for testing purposes.\n   * */\n  dataTestId?: string;\n  /**\n   * Is it attached to a dropdown?\n   */\n  hasDropdown?: boolean;\n\n  onChange?: (name: string, value: Value | null) => void;\n}\n\nexport function Filter<Value = string>(props: FilterProps<Value>) {\n  const internalId = useId();\n\n  const {\n    id = internalId,\n    name = id,\n    className,\n    dataTestId,\n    disabled,\n    checked: initialChecked = false,\n    value,\n    tabIndex = 0,\n    onChange,\n    hasDropdown,\n    children,\n    ...rest\n  } = props;\n\n  const { value: checked, setValue } = useValue<boolean>({\n    name,\n    initialValue: initialChecked,\n    onChange(name, checked) {\n      onChange?.(name, checked ? ((value !== undefined ? value : checked) as Value) : null);\n    },\n  });\n\n  return (\n    <label className={classnames(className, 'relative')}>\n      <input\n        {...rest}\n        name={name}\n        data-testid={dataTestId}\n        type=\"checkbox\"\n        tabIndex={tabIndex}\n        onChange={() => {\n          !disabled && setValue(!checked);\n        }}\n        checked={checked}\n        data-name=\"Filter\"\n        disabled={disabled}\n        value={value}\n      />\n      <span>\n        <span className={classnames('text-b3 font-semibold')}>{children}</span>\n        <Icon width={null} name=\"CheckDefault\" color=\"black\" />\n        {hasDropdown && (\n          <Icon name=\"ArrowDefaultDown\" className=\"ml-8\" width=\"24px\" color=\"black\" />\n        )}\n      </span>\n    </label>\n  );\n}\n"],"names":["Filter","props","internalId","useId","id","name","className","dataTestId","disabled","initialChecked","value","tabIndex","onChange","hasDropdown","children","rest","checked","setValue","useValue","classnames","jsx","Icon"],"mappings":";;;;;;;AAqBO,SAASA,EAAuBC,GAA2B;AAChE,QAAMC,IAAaC,KAEb;AAAA,IACJ,IAAAC,IAAKF;AAAA,IACL,MAAAG,IAAOD;AAAA,IACP,WAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAASC,IAAiB;AAAA,IAC1B,OAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAd,GAEE,EAAE,OAAOe,GAAS,UAAAC,EAAA,IAAaC,EAAkB;AAAA,IACrD,MAAAb;AAAA,IACA,cAAcI;AAAA,IACd,SAASJ,GAAMW,GAAS;AACtB,MAAAJ,KAAA,QAAAA,EAAWP,GAAMW,IAAYN,MAAU,SAAYA,IAAQM,IAAqB;AAAA,IAClF;AAAA,EAAA,CACD;AAED,2BACG,SAAM,EAAA,WAAWG,EAAWb,GAAW,UAAU,GAChD,UAAA;AAAA,IAAA,gBAAAc;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACJ,MAAAV;AAAA,QACA,eAAaE;AAAA,QACb,MAAK;AAAA,QACL,UAAAI;AAAA,QACA,UAAU,MAAM;AACb,WAAAH,KAAYS,EAAS,CAACD,CAAO;AAAA,QAChC;AAAA,QACA,SAAAA;AAAA,QACA,aAAU;AAAA,QACV,UAAAR;AAAA,QACA,OAAAE;AAAA,MAAA;AAAA,IACF;AAAA,sBACC,QACC,EAAA,UAAA;AAAA,MAAA,gBAAAU,EAAC,QAAK,EAAA,WAAWD,EAAW,uBAAuB,GAAI,UAAAL,GAAS;AAAA,wBAC/DO,GAAK,EAAA,OAAO,MAAM,MAAK,gBAAe,OAAM,SAAQ;AAAA,MACpDR,KACE,gBAAAO,EAAAC,GAAA,EAAK,MAAK,oBAAmB,WAAU,QAAO,OAAM,QAAO,OAAM,QAAQ,CAAA;AAAA,IAAA,GAE9E;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/molecules/Forms/FormControl.js

@@ -42,3 +42,4 @@ const v = ({
 export {
   v as FormControl
 };
+//# sourceMappingURL=FormControl.js.map

package/molecules/Forms/FormControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.js","sources":["../../../lib/molecules/Forms/FormControl.tsx"],"sourcesContent":["import { HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';\nimport { useInternalStatus, ValidationStatus } from '@/hooks/useInternalStatus';\nimport { FormLabel, FormLabelProps } from './FormLabel';\nimport { Icon } from '@/atoms/Icons';\nimport classnames from 'classnames';\n\nexport type FormControlProps<\n  Value = unknown,\n  Attributes extends HTMLAttributes<HTMLElement> = InputHTMLAttributes<HTMLInputElement>,\n> = {\n  value?: Value;\n  label?: ReactNode;\n  validationStatus?: ValidationStatus;\n  onChange?: (name: string, value: Value) => void;\n  dataTestId?: string;\n  dataName?: string;\n  errorMessage?: string;\n} & Omit<Attributes & Partial<FormLabelProps>, 'onChange' | 'value'>;\n\nexport const FormControl = <Value = string,>({\n  id,\n  label,\n  description,\n  disabled,\n  required,\n  className,\n  validationStatus = 'default',\n  children,\n  errorMessage,\n  dataTestId,\n  dataName,\n  layout,\n}: FormControlProps<Value>) => {\n  const internalStatus = useInternalStatus({\n    isDisabled: !!disabled,\n    validationStatus,\n  });\n\n  const shouldDisplayErrorMessage = internalStatus === 'error' && errorMessage;\n\n  return (\n    <div\n      className={classnames('flex flex-col gap-4', className)}\n      data-name={dataName}\n      data-testid={dataTestId}\n    >\n      {label && id && (\n        <FormLabel description={description} id={id} layout={layout} required={required}>\n          {label}\n        </FormLabel>\n      )}\n\n      {children}\n\n      {shouldDisplayErrorMessage && (\n        <span className=\"text-red text-b4 flex items-start gap-x-4 px-20\">\n          <Icon name=\"Error\" width=\"20px\" />\n          {errorMessage}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"names":["FormControl","id","label","description","disabled","required","className","validationStatus","children","errorMessage","dataTestId","dataName","layout","shouldDisplayErrorMessage","useInternalStatus","jsxs","classnames","jsx","FormLabel","Icon"],"mappings":";;;;;;AAmBO,MAAMA,IAAc,CAAkB;AAAA,EAC3C,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AACF,MAA+B;AAMvB,QAAAC,IALiBC,EAAkB;AAAA,IACvC,YAAY,CAAC,CAACV;AAAA,IACd,kBAAAG;AAAA,EAAA,CACD,MAEoD,WAAWE;AAG9D,SAAA,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAW,uBAAuBV,CAAS;AAAA,MACtD,aAAWK;AAAA,MACX,eAAaD;AAAA,MAEZ,UAAA;AAAA,QAAAR,KAASD,KACP,gBAAAgB,EAAAC,GAAA,EAAU,aAAAf,GAA0B,IAAAF,GAAQ,QAAAW,GAAgB,UAAAP,GAC1D,UACHH,EAAA,CAAA;AAAA,QAGDM;AAAA,QAEAK,KACC,gBAAAE,EAAC,QAAK,EAAA,WAAU,mDACd,UAAA;AAAA,UAAA,gBAAAE,EAACE,GAAK,EAAA,MAAK,SAAQ,OAAM,QAAO;AAAA,UAC/BV;AAAA,QAAA,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/molecules/Forms/FormLabel.js

@@ -32,3 +32,4 @@ const b = ({
 export {
   b as FormLabel
 };
+//# sourceMappingURL=FormLabel.js.map

package/molecules/Forms/FormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.js","sources":["../../../lib/molecules/Forms/FormLabel.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { LabelHTMLAttributes } from 'react';\n\nexport interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {\n  description?: string;\n  layout?: 'horizontal' | 'vertical';\n  required?: boolean;\n}\n\nexport const FormLabel = ({\n  id,\n  description,\n  layout = 'horizontal',\n  required,\n  className,\n  children,\n  ...rest\n}: FormLabelProps) => {\n  return (\n    <label\n      {...rest}\n      htmlFor={id}\n      className={classnames(\n        'text-b3 font-semibold text-black flex',\n        {\n          'flex-wrap items-center ps-20': layout === 'horizontal',\n          'flex-col items-start': layout === 'vertical',\n        },\n        className,\n      )}\n      data-name=\"InputLabel\"\n    >\n      {children}\n      {required && <span>*</span>}\n      {description && <span className=\"ms-12 text-b4 text-grey font-normal\">{description}</span>}\n    </label>\n  );\n};\n"],"names":["FormLabel","id","description","layout","required","className","children","rest","jsxs","classnames","jsx"],"mappings":";;AASO,MAAMA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAGD;AAAA,IACJ,SAASN;AAAA,IACT,WAAWQ;AAAA,MACT;AAAA,MACA;AAAA,QACE,gCAAgCN,MAAW;AAAA,QAC3C,wBAAwBA,MAAW;AAAA,MACrC;AAAA,MACAE;AAAA,IACF;AAAA,IACA,aAAU;AAAA,IAET,UAAA;AAAA,MAAAC;AAAA,MACAF,KAAa,gBAAAM,EAAA,QAAA,EAAK,UAAC,IAAA,CAAA;AAAA,MACnBR,KAAe,gBAAAQ,EAAC,QAAK,EAAA,WAAU,uCAAuC,UAAYR,GAAA;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/molecules/Forms/NumberField.js

@@ -124,3 +124,4 @@ export {
   k as NumberField,
   V as useNumberField
 };
+//# sourceMappingURL=NumberField.js.map

package/molecules/Forms/NumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.js","sources":["../../../lib/molecules/Forms/NumberField.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport { ChangeEvent, useId } from 'react';\n\nimport { useValue } from '@/hooks/useValue.js';\nimport { Button } from '../Buttons/Button';\nimport { FormControl, FormControlProps } from './FormControl.js';\n\ninterface NumberFieldProps extends FormControlProps<number> {\n  min?: number;\n  max?: number;\n}\n\nconst INPUT_STYLE = { width: '28px', height: '28px' };\n\nexport function useNumberField(props: NumberFieldProps) {\n  const internalId = useId();\n\n  const {\n    id = internalId,\n    name = id,\n    value: initialValue = 0,\n    onChange,\n    min = 0,\n    max = 10,\n    disabled = false,\n    dataTestId = 'NumberField',\n    ...rest\n  } = props;\n\n  const { value, setValue } = useValue<number, string | number | boolean>({\n    name: name!,\n    defaultValue: initialValue,\n    formatter: Number,\n    onChange,\n  });\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const newValue = Number(e.target.value);\n\n    if (newValue >= min && newValue <= max) {\n      setValue(Number(newValue));\n    }\n  };\n\n  const increase = () => {\n    if (value < max) {\n      setValue(value + 1);\n    }\n  };\n\n  const decrease = () => {\n    if (value > min) {\n      setValue(value - 1);\n    }\n  };\n\n  return {\n    ...rest,\n    id,\n    min,\n    max,\n    name,\n    value,\n    dataTestId,\n    disabled,\n    handleChange,\n    increase,\n    decrease,\n  };\n}\n\nexport const NumberField = (props: NumberFieldProps) => {\n  const {\n    disabled,\n    min,\n    max,\n    label,\n    description,\n    id,\n    dataTestId,\n    value,\n    handleChange,\n    increase,\n    decrease,\n    errorMessage,\n    validationStatus,\n    required,\n    ...rest\n  } = useNumberField(props);\n\n  return (\n    <FormControl\n      id={id}\n      label={label}\n      description={description}\n      className={classnames('flex items-center justify-between', props.className)}\n      dataName=\"NumberField\"\n      dataTestId={dataTestId}\n      errorMessage={errorMessage}\n      validationStatus={validationStatus}\n      disabled={disabled}\n      required={required}\n      layout=\"vertical\"\n    >\n      <div className=\"flex items-center gap-x-8\">\n        <Button\n          theme=\"yellow\"\n          onClick={decrease}\n          variant=\"icon\"\n          disabled={value <= min || disabled}\n          icon=\"MinusDefault\"\n          // TODO have this from prop at some time\n          label=\"MINUS\"\n        />\n        <input\n          {...rest}\n          className={classnames('text-b2 text-center font-normal outline-none', {\n            'bg-pearl text-grey': disabled,\n          })}\n          style={INPUT_STYLE}\n          type=\"number\"\n          id={id}\n          onChange={handleChange}\n          disabled={disabled}\n          required={required}\n          value={value}\n          min={min}\n          max={max}\n        />\n        <Button\n          theme=\"yellow\"\n          onClick={increase}\n          variant=\"icon\"\n          disabled={value >= max || disabled}\n          icon=\"PlusDefault\"\n          // TODO have this from prop at some time\n          label=\"PLUS\"\n        />\n      </div>\n    </FormControl>\n  );\n};\n"],"names":["INPUT_STYLE","useNumberField","props","internalId","useId","id","name","initialValue","onChange","min","max","disabled","dataTestId","rest","value","setValue","useValue","e","newValue","NumberField","label","description","handleChange","increase","decrease","errorMessage","validationStatus","required","jsx","FormControl","classnames","jsxs","Button"],"mappings":"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"}

package/molecules/Forms/Password/Password.js

@@ -96,3 +96,4 @@ function K(f) {
 export {
   K as Password
 };
+//# sourceMappingURL=Password.js.map

package/molecules/Forms/Password/Password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Password.js","sources":["../../../../lib/molecules/Forms/Password/Password.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport { HTMLInputTypeAttribute, useEffect, useId, useState } from 'react';\n\nimport { useValue } from '@/hooks/useValue';\nimport { FormControl, FormControlProps } from '../FormControl';\nimport { Icon } from '@/atoms/Icons';\nimport { ValidationMessage } from './ValidationMessage';\n\nexport interface PasswordProps<Value> extends FormControlProps<Value> {\n  validationMessages?: ValidationMessage[];\n  withoutFieldValidation?: boolean;\n}\n\nexport function Password<Value = string>(props: PasswordProps<Value>) {\n  const internalId = useId();\n\n  const {\n    id = internalId,\n    name = id,\n    label,\n    value: initialValue,\n    disabled = false,\n    required = false,\n    validationStatus = 'default',\n    errorMessage,\n    validationMessages = [],\n    withoutFieldValidation = false,\n    className,\n    onChange,\n    dataTestId = 'Password',\n    ...rest\n  } = props;\n\n  const { value, setValue } = useValue<Value>({\n    name,\n    initialValue,\n    onChange,\n  });\n  const [type, setType] = useState<HTMLInputTypeAttribute>('password');\n\n  useEffect(() => setType(type), [type]);\n\n  const toggleType = () => setType(type === 'password' ? 'text' : 'password');\n\n  return (\n    <FormControl\n      className={className}\n      id={id}\n      label={label}\n      dataName=\"Password\"\n      dataTestId={dataTestId}\n      disabled={disabled}\n      required={required}\n      validationStatus={withoutFieldValidation ? 'default' : validationStatus}\n      errorMessage={errorMessage}\n    >\n      <div className=\"relative\">\n        <input\n          {...rest}\n          id={id}\n          name={name}\n          type={type}\n          value={value as any}\n          disabled={disabled}\n          required={required}\n          onChange={(e) => setValue(e.target.value as Value)}\n          className={classnames(\n            'text-b3 rounded-pill w-full border ps-20 py-[11px] font-normal outline-none bg-white text-black',\n            {\n              'border-lightGrey focus:border-black active:border-black pe-[52px]':\n                withoutFieldValidation || validationStatus === 'default',\n              'pe-[84px]':\n                !withoutFieldValidation &&\n                (validationStatus === 'error' || validationStatus === 'success'),\n              'border-red': !withoutFieldValidation && validationStatus === 'error',\n              'border-green': !withoutFieldValidation && validationStatus === 'success',\n            },\n          )}\n          aria-label={name}\n        />\n\n        <div\n          className={classnames(\n            'pointer-events-none absolute inset-0 flex items-center justify-between px-20 py-12',\n          )}\n        >\n          <span className=\"ms-auto flex gap-x-8\">\n            {!withoutFieldValidation && validationStatus === 'error' && (\n              <Icon name=\"CrossDefault\" color=\"red\" width=\"24px\" />\n            )}\n\n            {!withoutFieldValidation && validationStatus === 'success' && (\n              <Icon name=\"CheckDefault\" color=\"green\" width=\"24px\" />\n            )}\n\n            <button\n              type=\"button\"\n              className=\"pointer-events-auto size-24 inline-flex\"\n              onClick={toggleType}\n            >\n              <Icon name={type === 'password' ? 'Invisible' : 'Visible'} width=\"24px\" type=\"svg\" />\n            </button>\n          </span>\n        </div>\n      </div>\n\n      {validationMessages.length > 0 && (\n        <div className=\"flex flex-col gap-[10px] mt-8\">\n          {validationMessages.map(({ label, status }, index) => (\n            <ValidationMessage label={label} status={status} key={index} />\n          ))}\n        </div>\n      )}\n    </FormControl>\n  );\n}\n"],"names":["Password","props","internalId","useId","id","name","label","initialValue","disabled","required","validationStatus","errorMessage","validationMessages","withoutFieldValidation","className","onChange","dataTestId","rest","value","setValue","useValue","type","setType","useState","useEffect","toggleType","jsxs","FormControl","jsx","e","classnames","Icon","status","index","ValidationMessage"],"mappings":"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"}

package/molecules/Forms/Password/ValidationMessage.js

@@ -26,3 +26,4 @@ function x({ label: r, status: c }) {
 export {
   x as ValidationMessage
 };
+//# sourceMappingURL=ValidationMessage.js.map

package/molecules/Forms/Password/ValidationMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationMessage.js","sources":["../../../../lib/molecules/Forms/Password/ValidationMessage.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { Icon } from '@/atoms/Icons';\nimport { ValidationStatus } from '@/hooks/useInternalStatus';\n\nexport interface ValidationMessage {\n  label: string;\n  status: ValidationStatus;\n}\n\nconst ICON_PROPS = {\n  default: {\n    iconName: 'Edit',\n    iconColor: 'middleGrey',\n  },\n  error: {\n    iconName: 'Error',\n    iconColor: 'red',\n  },\n  success: {\n    iconName: 'CheckDefault',\n    iconColor: 'green',\n  },\n};\n\nexport function ValidationMessage({ label, status }: ValidationMessage) {\n  const { iconName, iconColor } = ICON_PROPS[status];\n\n  return (\n    <div className=\"flex gap-[6px] px-20 items-center\">\n      <Icon name={iconName} width=\"30px\" color={iconColor} />\n      <span className={classnames('text-b3', `text-${iconColor}`)}>{label}</span>\n    </div>\n  );\n}\n"],"names":["ICON_PROPS","ValidationMessage","label","status","iconName","iconColor","jsxs","jsx","Icon","classnames"],"mappings":";;;;AASA,MAAMA,IAAa;AAAA,EACjB,SAAS;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACL,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AACF;AAEO,SAASC,EAAkB,EAAE,OAAAC,GAAO,QAAAC,KAA6B;AACtE,QAAM,EAAE,UAAAC,GAAU,WAAAC,EAAU,IAAIL,EAAWG,CAAM;AAG/C,SAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,qCACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,MAAMJ,GAAU,OAAM,QAAO,OAAOC,GAAW;AAAA,IACrD,gBAAAE,EAAC,UAAK,WAAWE,EAAW,WAAW,QAAQJ,CAAS,EAAE,GAAI,UAAMH,EAAA,CAAA;AAAA,EACtE,EAAA,CAAA;AAEJ;"}

package/molecules/Forms/Password/index.js

@@ -4,3 +4,4 @@ export {
   a as Password,
   s as ValidationMessage
 };
+//# sourceMappingURL=index.js.map

package/molecules/Forms/Password/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/molecules/Forms/Radios/Radio.js

@@ -59,3 +59,4 @@ function R(d) {
 export {
   R as Radio
 };
+//# sourceMappingURL=Radio.js.map

package/molecules/Forms/Radios/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../../lib/molecules/Forms/Radios/Radio.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { InputHTMLAttributes, useId } from 'react';\nimport { useValue } from '@/hooks/useValue.js';\nimport '../controls.css';\n\nexport interface RadioProps<Value = string>\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {\n  /**\n   * The data-testid to apply to the button.\n   * This is used for testing purposes.\n   * */\n  dataTestId?: string;\n  /**\n   * The diameter of the radio button.\n   * */\n  size?: number;\n\n  onChange?: (name: string, value: Value | null) => void;\n}\n\nexport function Radio<Value = string>(props: RadioProps<Value>) {\n  const internalId = useId();\n\n  const {\n    id = internalId,\n    name = id,\n    className,\n    dataTestId,\n    disabled,\n    checked: initialChecked = false,\n    value,\n    size = 24,\n    tabIndex = 0,\n    children,\n    onChange,\n    ...rest\n  } = props;\n\n  const { value: checked, setValue } = useValue<boolean>({\n    name,\n    initialValue: initialChecked,\n    onChange(name, checked) {\n      onChange?.(name, (value !== undefined ? value : checked) as Value);\n    },\n  });\n\n  return (\n    <label\n      className={classnames(className, 'relative flex items-center gap-8', {\n        'text-grey': disabled,\n      })}\n    >\n      <span className=\"relative\">\n        <input\n          {...rest}\n          name={name}\n          data-testid={dataTestId}\n          type=\"radio\"\n          tabIndex={tabIndex}\n          onChange={() => {\n            !disabled && setValue(!checked);\n          }}\n          defaultChecked={checked}\n          data-name=\"Radio\"\n          disabled={disabled}\n          value={value}\n        />\n\n        <span style={{ height: size, width: size }}>\n          <svg viewBox=\"0 0 16 16\" width={(size * 2) / 3} className=\"overflow-visible\">\n            <circle cx=\"8\" cy=\"8\" r=\"8px\" style={{ fill: 'hsl(var(--color-saffron))' }} />\n          </svg>\n        </span>\n      </span>\n\n      {children}\n    </label>\n  );\n}\n"],"names":["Radio","props","internalId","useId","id","name","className","dataTestId","disabled","initialChecked","value","size","tabIndex","children","onChange","rest","checked","setValue","useValue","jsxs","classnames","jsx"],"mappings":";;;;;AAoBO,SAASA,EAAsBC,GAA0B;AAC9D,QAAMC,IAAaC,KAEb;AAAA,IACJ,IAAAC,IAAKF;AAAA,IACL,MAAAG,IAAOD;AAAA,IACP,WAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAASC,IAAiB;AAAA,IAC1B,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAd,GAEE,EAAE,OAAOe,GAAS,UAAAC,EAAA,IAAaC,EAAkB;AAAA,IACrD,MAAAb;AAAA,IACA,cAAcI;AAAA,IACd,SAASJ,GAAMW,GAAS;AACtB,MAAAF,KAAA,QAAAA,EAAWT,GAAOK,MAAU,SAAYA,IAAQM;AAAAA,IAClD;AAAA,EAAA,CACD;AAGC,SAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWd,GAAW,oCAAoC;AAAA,QACnE,aAAaE;AAAA,MAAA,CACd;AAAA,MAED,UAAA;AAAA,QAAC,gBAAAW,EAAA,QAAA,EAAK,WAAU,YACd,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAGN;AAAA,cACJ,MAAAV;AAAA,cACA,eAAaE;AAAA,cACb,MAAK;AAAA,cACL,UAAAK;AAAA,cACA,UAAU,MAAM;AACb,iBAAAJ,KAAYS,EAAS,CAACD,CAAO;AAAA,cAChC;AAAA,cACA,gBAAgBA;AAAA,cAChB,aAAU;AAAA,cACV,UAAAR;AAAA,cACA,OAAAE;AAAA,YAAA;AAAA,UACF;AAAA,UAEC,gBAAAW,EAAA,QAAA,EAAK,OAAO,EAAE,QAAQV,GAAM,OAAOA,EAAK,GACvC,UAAC,gBAAAU,EAAA,OAAA,EAAI,SAAQ,aAAY,OAAQV,IAAO,IAAK,GAAG,WAAU,oBACxD,UAAA,gBAAAU,EAAC,UAAO,EAAA,IAAG,KAAI,IAAG,KAAI,GAAE,OAAM,OAAO,EAAE,MAAM,8BAA+B,CAAA,EAC9E,CAAA,GACF;AAAA,QAAA,GACF;AAAA,QAECR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/molecules/Forms/Radios/RadioGroup.js

@@ -36,3 +36,4 @@ function G(l) {
 export {
   G as RadioGroup
 };
+//# sourceMappingURL=RadioGroup.js.map

package/molecules/Forms/Radios/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../../../lib/molecules/Forms/Radios/RadioGroup.tsx"],"sourcesContent":["import { Children, cloneElement, HTMLAttributes, isValidElement, useId } from 'react';\nimport { FormControlProps } from '@/molecules/Forms/FormControl.js';\nimport { RadioProps } from '@/molecules/Forms/Radios/Radio.js';\nimport { useValue } from '@/hooks/useValue.js';\nimport classnames from 'classnames';\n\nexport interface RadioGroupProps<Value = string>\n  extends Pick<\n      FormControlProps<Value>,\n      | 'id'\n      | 'name'\n      | 'value'\n      | 'onChange'\n      | 'disabled'\n      | 'readOnly'\n      | 'tabIndex'\n      | 'description'\n      | 'validationStatus'\n      | 'errorMessage'\n    >,\n    Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {}\n\nexport function RadioGroup<Value = string>(props: RadioGroupProps<Value>) {\n  const internalId = useId();\n\n  const {\n    id = internalId,\n    name = id,\n    children,\n    value: initialValue,\n    defaultValue,\n    onChange,\n    disabled,\n    readOnly,\n    tabIndex = 0,\n    ...rest\n  } = props;\n\n  const { value, setValue } = useValue<Value>({\n    name,\n    initialValue,\n    defaultValue: defaultValue as Value,\n    onChange,\n  });\n\n  return (\n    <div {...rest} className={classnames('flex gap-12', rest.className)} role=\"radiogroup\">\n      {Children.map(children, (child, index) => {\n        return isValidElement(child)\n          ? cloneElement(child, {\n              ...child.props,\n              name,\n              id: `${id}-${index}`,\n              disabled,\n              readOnly,\n              tabIndex: tabIndex + index + 1,\n              checked: value === (child.props as RadioProps).value,\n              onChange(_: string, value: Value) {\n                setValue(value);\n              },\n            } as RadioProps<Value>)\n          : child;\n      })}\n    </div>\n  );\n}\n"],"names":["RadioGroup","props","internalId","useId","id","name","children","initialValue","defaultValue","onChange","disabled","readOnly","tabIndex","rest","value","setValue","useValue","classnames","Children","child","index","isValidElement","cloneElement","_"],"mappings":";;;;AAsBO,SAASA,EAA2BC,GAA+B;AACxE,QAAMC,IAAaC,KAEb;AAAA,IACJ,IAAAC,IAAKF;AAAA,IACL,MAAAG,IAAOD;AAAA,IACP,UAAAE;AAAA,IACA,OAAOC;AAAA,IACP,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EACD,IAAAZ,GAEE,EAAE,OAAAa,GAAO,UAAAC,EAAS,IAAIC,EAAgB;AAAA,IAC1C,MAAAX;AAAA,IACA,cAAAE;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BACG,OAAK,EAAA,GAAGI,GAAM,WAAWI,EAAW,eAAeJ,EAAK,SAAS,GAAG,MAAK,cACvE,UAAAK,EAAS,IAAIZ,GAAU,CAACa,GAAOC,MACvBC,EAAeF,CAAK,IACvBG,EAAaH,GAAO;AAAA,IAClB,GAAGA,EAAM;AAAA,IACT,MAAAd;AAAA,IACA,IAAI,GAAGD,CAAE,IAAIgB,CAAK;AAAA,IAClB,UAAAV;AAAA,IACA,UAAAC;AAAA,IACA,UAAUC,IAAWQ,IAAQ;AAAA,IAC7B,SAASN,MAAWK,EAAM,MAAqB;AAAA,IAC/C,SAASI,GAAWT,GAAc;AAChC,MAAAC,EAASD,CAAK;AAAA,IAChB;AAAA,EACoB,CAAA,IACtBK,CACL,EACH,CAAA;AAEJ;"}

package/molecules/Forms/Radios/index.js

@@ -4,3 +4,4 @@ export {
   d as Radio,
   p as RadioGroup
 };
+//# sourceMappingURL=index.js.map

package/molecules/Forms/Radios/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/molecules/Forms/Range.js

@@ -509,3 +509,4 @@ const He = ["x", "y", "top", "bottom", "left", "right", "width", "height"], Ve =
 export {
   Ue as Range
 };
+//# sourceMappingURL=Range.js.map