@clubmed/trident-ui 1.3.0-beta.4 → 1.3.0-beta.6

package/hooks/keyboard.constants.js.map

@@ -1 +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;"}
+{"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":"AAAO,IAAWA,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,EAAA,IAAR,SACAA,EAAAA,EAAA,SAAS,EAAA,IAAT,UACAA,EAAAA,EAAA,aAAa,EAAA,IAAb,cACAA,EAAAA,EAAA,WAAW,EAAA,IAAX,YACAA,EAAAA,EAAA,cAAc,EAAA,IAAd,eACAA,EAAAA,EAAA,aAAa,EAAA,IAAb,cACAA,EAAAA,EAAA,QAAQ,EAAA,IAAR,SACAA,EAAAA,EAAA,MAAM,EAAA,IAAN,OACAA,EAAAA,EAAA,OAAO,EAAA,IAAP,QATgBA,IAAAA,KAAA,CAAA,CAAA;"}

package/hooks/useInternalStatus.js.map

@@ -1 +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;"}
+{"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;AACJ,QAAM,CAACC,GAAgBC,CAAiB,IAAIC;AAAA,IAC1CC,EAAkB,EAAE,YAAAL,GAAY,kBAAAC,EAAA,CAAkB;AAAA,EAAA;AAGpD,SAAAK,EAAU,MAAM;AACd,IAAAH,EAAkBE,EAAkB,EAAE,YAAAL,GAAY,kBAAAC,EAAA,CAAkB,CAAC;AAAA,EACvE,GAAG,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.map

@@ -1 +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;"}
+{"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;AACxC,QAAID,EAAcC,CAAK;AACrB,aAAOW,EAAA;AAGT,QAAIX,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECS,EAAA;AAGT,QAAIT,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECU,EAAA;AAGT,QAAIV,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECK,EAAA;AAGT,QAAIL,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECM,EAAA;AAGT,QAAIN,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECQ,EAAA;AAGT,QAAIR,EAAM,SAASE,EAAK;AACtB,aAAAF,EAAM,eAAA,GAECO,EAAA;AAAA,EAEX;AAAA,EACA,CAACI,GAAUL,GAAMI,GAAKH,GAAMC,GAAOC,GAAOJ,CAAE;AAAA;"}

package/hooks/useSafeBoop.js.map

@@ -1 +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 type { 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]}
+{"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 type { 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.map

@@ -1 +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: Value) => 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: Value) => v as unknown as Value,\n}: UseValueProps<Value, InitialValue>) {\n  const [value, setValue] = useState<Value>(formatter((initialValue || defaultValue) as Value));\n\n  useEffect(() => {\n    initialValue !== undefined && setValue(formatter(initialValue as Value));\n  }, [initialValue]);\n\n  function setNewValue(newValue: Value) {\n    newValue = formatter(newValue);\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,MAAaA;AAC5B,GAAuC;AAC/B,QAAA,CAACC,GAAOC,CAAQ,IAAIC,EAAgBJ,EAAWH,KAAgBE,CAAsB,CAAC;AAE5F,EAAAM,EAAU,MAAM;AACd,IAAAR,MAAiB,UAAaM,EAASH,EAAUH,CAAqB,CAAC;AAAA,EAAA,GACtE,CAACA,CAAY,CAAC;AAEjB,WAASS,EAAYC,GAAiB;AACpC,IAAAA,IAAWP,EAAUO,CAAQ,GAC7BJ,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;"}
+{"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: Value) => 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: Value) => v as unknown as Value,\n}: UseValueProps<Value, InitialValue>) {\n  const [value, setValue] = useState<Value>(formatter((initialValue || defaultValue) as Value));\n\n  useEffect(() => {\n    initialValue !== undefined && setValue(formatter(initialValue as Value));\n  }, [initialValue]);\n\n  function setNewValue(newValue: Value) {\n    newValue = formatter(newValue);\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,MAAaA;AAC5B,GAAuC;AACrC,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAgBJ,EAAWH,KAAgBE,CAAsB,CAAC;AAE5F,EAAAM,EAAU,MAAM;AACd,IAAAR,MAAiB,UAAaM,EAASH,EAAUH,CAAqB,CAAC;AAAA,EACzE,GAAG,CAACA,CAAY,CAAC;AAEjB,WAASS,EAAYC,GAAiB;AACpC,IAAAA,IAAWP,EAAUO,CAAQ,GAC7BJ,EAASI,CAAQ,GACjBT,KAAYA,EAASF,GAAMW,CAAQ;AAAA,EACrC;AAEA,WAASC,IAAa;AACpB,IAAAL,EAASJ,CAAqB;AAAA,EAChC;AAEA,SAAO;AAAA,IACL,OAAAG;AAAA,IACA,UAAUI;AAAA,IACV,YAAAE;AAAA,EAAA;AAEJ;"}

package/molecules/Arrows/Arrows.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentProps, ComponentPropsWithoutRef, FunctionComponent } from 'react';
+import type { ArrowsLabels } from './ArrowsLabels';
+import { ArrowButton } from '../Buttons/ArrowButton';
+export interface ArrowsProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
+    color?: ComponentProps<typeof ArrowButton>['color'];
+    iconType?: 'ArrowDefault' | 'ArrowTail';
+    isDisabledHidden?: boolean;
+    isNextDisabled?: boolean;
+    isPrevDisabled?: boolean;
+    labels?: ArrowsLabels;
+    onNext: ComponentProps<typeof ArrowButton>['onClick'];
+    onPrev: ComponentProps<typeof ArrowButton>['onClick'];
+    size?: ComponentProps<typeof ArrowButton>['size'];
+    theme?: ComponentProps<typeof ArrowButton>['theme'];
+}
+export declare const Arrows: FunctionComponent<ArrowsProps>;

package/molecules/Arrows/Arrows.js

@@ -0,0 +1,66 @@
+import { jsxs as x, jsx as p } from "react/jsx-runtime";
+import { c as t } from "../../chunks/index.js";
+import { ArrowButton as l } from "../Buttons/ArrowButton.js";
+const A = ({
+  className: f,
+  color: o,
+  iconType: e = "ArrowDefault",
+  isDisabledHidden: n = !1,
+  isNextDisabled: r = !1,
+  isPrevDisabled: a = !1,
+  labels: s = {
+    next: "",
+    previous: ""
+  },
+  onNext: m,
+  onPrev: u,
+  size: i,
+  theme: c,
+  ...w
+}) => /* @__PURE__ */ x(
+  "div",
+  {
+    ...w,
+    className: t(
+      "pointer-events-none flex w-full items-center justify-between gap-x-20",
+      f
+    ),
+    "data-name": "Arrows",
+    children: [
+      /* @__PURE__ */ p(
+        l,
+        {
+          className: t("pointer-events-auto transition-opacity", {
+            "opacity-0": n && a
+          }),
+          color: o,
+          disabled: a,
+          icon: `${e}Left`,
+          onClick: u,
+          size: i,
+          theme: c,
+          children: s.previous
+        }
+      ),
+      /* @__PURE__ */ p(
+        l,
+        {
+          className: t("pointer-events-auto transition-opacity", {
+            "opacity-0": n && r
+          }),
+          color: o,
+          disabled: r,
+          icon: `${e}Right`,
+          onClick: m,
+          size: i,
+          theme: c,
+          children: s.next
+        }
+      )
+    ]
+  }
+);
+export {
+  A as Arrows
+};
+//# sourceMappingURL=Arrows.js.map

package/molecules/Arrows/Arrows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrows.js","sources":["../../../lib/molecules/Arrows/Arrows.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { ComponentProps, ComponentPropsWithoutRef, FunctionComponent } from 'react';\n\nimport type { ArrowsLabels } from './ArrowsLabels';\n\nimport { ArrowButton } from '../Buttons/ArrowButton';\n\nexport interface ArrowsProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n  color?: ComponentProps<typeof ArrowButton>['color'];\n  iconType?: 'ArrowDefault' | 'ArrowTail';\n  isDisabledHidden?: boolean;\n  isNextDisabled?: boolean;\n  isPrevDisabled?: boolean;\n  labels?: ArrowsLabels;\n  onNext: ComponentProps<typeof ArrowButton>['onClick'];\n  onPrev: ComponentProps<typeof ArrowButton>['onClick'];\n  size?: ComponentProps<typeof ArrowButton>['size'];\n  theme?: ComponentProps<typeof ArrowButton>['theme'];\n}\n\nexport const Arrows: FunctionComponent<ArrowsProps> = ({\n  className,\n  color,\n  iconType = 'ArrowDefault',\n  isDisabledHidden = false,\n  isNextDisabled = false,\n  isPrevDisabled = false,\n  labels = {\n    next: '',\n    previous: '',\n  },\n  onNext,\n  onPrev,\n  size,\n  theme,\n  ...attrs\n}) => {\n  return (\n    <div\n      {...attrs}\n      className={classnames(\n        'pointer-events-none flex w-full items-center justify-between gap-x-20',\n        className,\n      )}\n      data-name=\"Arrows\"\n    >\n      <ArrowButton\n        className={classnames('pointer-events-auto transition-opacity', {\n          'opacity-0': isDisabledHidden && isPrevDisabled,\n        })}\n        color={color}\n        disabled={isPrevDisabled}\n        icon={`${iconType}Left`}\n        onClick={onPrev}\n        size={size}\n        theme={theme}\n      >\n        {labels.previous}\n      </ArrowButton>\n      <ArrowButton\n        className={classnames('pointer-events-auto transition-opacity', {\n          'opacity-0': isDisabledHidden && isNextDisabled,\n        })}\n        color={color}\n        disabled={isNextDisabled}\n        icon={`${iconType}Right`}\n        onClick={onNext}\n        size={size}\n        theme={theme}\n      >\n        {labels.next}\n      </ArrowButton>\n    </div>\n  );\n};\n"],"names":["Arrows","className","color","iconType","isDisabledHidden","isNextDisabled","isPrevDisabled","labels","onNext","onPrev","size","theme","attrs","jsxs","classnames","jsx","ArrowButton"],"mappings":";;;AAoBO,MAAMA,IAAyC,CAAC;AAAA,EACrD,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,kBAAAC,IAAmB;AAAA,EACnB,gBAAAC,IAAiB;AAAA,EACjB,gBAAAC,IAAiB;AAAA,EACjB,QAAAC,IAAS;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAEZ,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAGD;AAAA,IACJ,WAAWE;AAAA,MACT;AAAA,MACAb;AAAA,IAAA;AAAA,IAEF,aAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAc;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAWF,EAAW,0CAA0C;AAAA,YAC9D,aAAaV,KAAoBE;AAAA,UAAA,CAClC;AAAA,UACD,OAAAJ;AAAA,UACA,UAAUI;AAAA,UACV,MAAM,GAAGH,CAAQ;AAAA,UACjB,SAASM;AAAA,UACT,MAAAC;AAAA,UACA,OAAAC;AAAA,UAEC,UAAAJ,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAEV,gBAAAQ;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAWF,EAAW,0CAA0C;AAAA,YAC9D,aAAaV,KAAoBC;AAAA,UAAA,CAClC;AAAA,UACD,OAAAH;AAAA,UACA,UAAUG;AAAA,UACV,MAAM,GAAGF,CAAQ;AAAA,UACjB,SAASK;AAAA,UACT,MAAAE;AAAA,UACA,OAAAC;AAAA,UAEC,UAAAJ,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACV;AAAA,EAAA;AAAA;"}

package/molecules/Arrows/ArrowsLabels.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=ArrowsLabels.d.js.map

package/molecules/Arrows/ArrowsLabels.d.js.map

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

package/molecules/Arrows.d.ts

@@ -1,50 +1 @@
-import type { ComponentProps, FunctionComponent } from 'react';
-import { Button } from './Buttons/Button';
-interface ArrowsProps {
-    /**
-     * onNext handler
-     */
-    onNext: () => void;
-    /**
-     * onPrev handler
-     */
-    onPrev: () => void;
-    /**
-     * Next label
-     */
-    nextLabel?: string;
-    /**
-     * Prev label
-     */
-    prevLabel?: string;
-    /**
-     * Disable next button
-     */
-    disableNext?: boolean;
-    /**
-     * Disable prev button
-     */
-    disablePrev?: boolean;
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     * Theme
-     */
-    theme?: ComponentProps<typeof Button>['theme'];
-    /**
-     * Variant
-     */
-    variant?: ComponentProps<typeof Button>['variant'];
-    /**
-     * Arrow icon type
-     */
-    iconType?: 'ArrowDefault' | 'ArrowTail';
-    /**
-     * Hide disabled arrows
-     */
-    hideDisabled?: boolean;
-}
-export declare const Arrows: FunctionComponent<ArrowsProps>;
-export {};
+export { Arrows } from './Arrows/Arrows';

package/molecules/Arrows.js

@@ -1,59 +1,5 @@
-import { jsxs as w, jsx as n } from "react/jsx-runtime";
-import { c as o } from "../chunks/index.js";
-import { Button as c } from "./Buttons/Button.js";
-const d = ({
-  onNext: l,
-  onPrev: m,
-  nextLabel: p = "",
-  prevLabel: u = "",
-  disableNext: t,
-  disablePrev: a,
-  className: f,
-  theme: r = "white",
-  variant: s = "icon",
-  iconType: e = "ArrowDefault",
-  hideDisabled: i = !1
-}) => /* @__PURE__ */ w(
-  "div",
-  {
-    role: "navigation",
-    className: o("flex w-full items-center justify-between", f),
-    "data-name": "Arrows",
-    children: [
-      /* @__PURE__ */ n(
-        c,
-        {
-          variant: s,
-          theme: r,
-          icon: `${e}Left`,
-          className: o("pointer-events-auto me-auto transition-opacity", {
-            "opacity-0": i && a
-          }),
-          onClick: m,
-          label: u,
-          disabled: a,
-          groupName: "arrows"
-        }
-      ),
-      /* @__PURE__ */ n(
-        c,
-        {
-          variant: s,
-          theme: r,
-          icon: `${e}Right`,
-          className: o("pointer-events-auto ms-auto transition-opacity", {
-            "opacity-0": i && t
-          }),
-          onClick: l,
-          label: p,
-          disabled: t,
-          groupName: "arrows"
-        }
-      )
-    ]
-  }
-);
+import { Arrows as e } from "./Arrows/Arrows.js";
 export {
-  d as Arrows
+  e as Arrows
 };
 //# sourceMappingURL=Arrows.js.map

package/molecules/Arrows.js.map

@@ -1 +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;"}
+{"version":3,"file":"Arrows.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/molecules/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../lib/molecules/Avatar.tsx"],"sourcesContent":["import type { HTMLAttributes, PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nconst initial = (text = '') => {\n  return text\n    .split(' ')\n    .map((text) => text.slice(0, 1))\n    .join('');\n};\n\ninterface AvatarProps extends HTMLAttributes<HTMLDivElement> {\n  alt?: string;\n  src?: string | undefined;\n  srcSet?: string | undefined;\n}\n\nexport function Avatar({\n  alt,\n  src,\n  srcSet,\n  style,\n  children,\n  className,\n  ...props\n}: PropsWithChildren<AvatarProps>) {\n  return (\n    <div\n      {...props}\n      {...(src || srcSet ? { role: 'figure', 'aria-label': alt } : {})}\n      className={classnames(\n        'flex items-center justify-center relative overflow-hidden',\n        {\n          'rounded-full': !className?.includes('rounded-'),\n          'text-black': !className?.includes('text-'),\n          'bg-saffron': !className?.includes('bg-'),\n        },\n        className,\n      )}\n      style={{\n        width: '48px',\n        height: '48px',\n        ...style,\n      }}\n    >\n      <span className=\"flex items-center justify-center font-bold uppercase text-h6 h-full\">\n        {src || srcSet ? (\n          <img\n            srcSet={srcSet}\n            src={src}\n            alt={alt}\n            className={'w-full h-full object-cover transparent indent-[1000px]'}\n          />\n        ) : (\n          initial(alt)\n        )}\n        {children}\n      </span>\n    </div>\n  );\n}\n"],"names":["initial","text","Avatar","alt","src","srcSet","style","children","className","props","jsx","classnames","jsxs"],"mappings":";;AAGA,MAAMA,IAAU,CAACC,IAAO,OACfA,EACJ,MAAM,GAAG,EACT,IAAI,CAACA,MAASA,EAAK,MAAM,GAAG,CAAC,CAAC,EAC9B,KAAK,EAAE;AASL,SAASC,EAAO;AAAA,EACrB,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAmC;AAE/B,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACH,GAAIL,KAAOC,IAAS,EAAE,MAAM,UAAU,cAAcF,EAAI,IAAI,CAAC;AAAA,MAC9D,WAAWQ;AAAA,QACT;AAAA,QACA;AAAA,UACE,gBAAgB,EAACH,KAAA,QAAAA,EAAW,SAAS;AAAA,UACrC,cAAc,EAACA,KAAA,QAAAA,EAAW,SAAS;AAAA,UACnC,cAAc,EAACA,KAAA,QAAAA,EAAW,SAAS;AAAA,QACrC;AAAA,QACAA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,GAAGF;AAAA,MACL;AAAA,MAEA,UAAA,gBAAAM,EAAC,QAAK,EAAA,WAAU,uEACb,UAAA;AAAA,QAAAR,KAAOC,IACN,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAAL;AAAA,YACA,KAAAD;AAAA,YACA,KAAAD;AAAA,YACA,WAAW;AAAA,UAAA;AAAA,QAAA,IAGbH,EAAQG,CAAG;AAAA,QAEZI;AAAA,MAAA,GACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Avatar.js","sources":["../../lib/molecules/Avatar.tsx"],"sourcesContent":["import type { HTMLAttributes, PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nconst initial = (text = '') => {\n  return text\n    .split(' ')\n    .map((text) => text.slice(0, 1))\n    .join('');\n};\n\ninterface AvatarProps extends HTMLAttributes<HTMLDivElement> {\n  alt?: string;\n  src?: string | undefined;\n  srcSet?: string | undefined;\n}\n\nexport function Avatar({\n  alt,\n  src,\n  srcSet,\n  style,\n  children,\n  className,\n  ...props\n}: PropsWithChildren<AvatarProps>) {\n  return (\n    <div\n      {...props}\n      {...(src || srcSet ? { role: 'figure', 'aria-label': alt } : {})}\n      className={classnames(\n        'flex items-center justify-center relative overflow-hidden',\n        {\n          'rounded-full': !className?.includes('rounded-'),\n          'text-black': !className?.includes('text-'),\n          'bg-saffron': !className?.includes('bg-'),\n        },\n        className,\n      )}\n      style={{\n        width: '48px',\n        height: '48px',\n        ...style,\n      }}\n    >\n      <span className=\"flex items-center justify-center font-bold uppercase text-h6 h-full\">\n        {src || srcSet ? (\n          <img\n            srcSet={srcSet}\n            src={src}\n            alt={alt}\n            className={'w-full h-full object-cover transparent indent-[1000px]'}\n          />\n        ) : (\n          initial(alt)\n        )}\n        {children}\n      </span>\n    </div>\n  );\n}\n"],"names":["initial","text","Avatar","alt","src","srcSet","style","children","className","props","jsx","classnames","jsxs"],"mappings":";;AAGA,MAAMA,IAAU,CAACC,IAAO,OACfA,EACJ,MAAM,GAAG,EACT,IAAI,CAACA,MAASA,EAAK,MAAM,GAAG,CAAC,CAAC,EAC9B,KAAK,EAAE;AASL,SAASC,EAAO;AAAA,EACrB,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAmC;AACjC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACH,GAAIL,KAAOC,IAAS,EAAE,MAAM,UAAU,cAAcF,EAAA,IAAQ,CAAA;AAAA,MAC7D,WAAWQ;AAAA,QACT;AAAA,QACA;AAAA,UACE,gBAAgB,EAACH,KAAA,QAAAA,EAAW,SAAS;AAAA,UACrC,cAAc,EAACA,KAAA,QAAAA,EAAW,SAAS;AAAA,UACnC,cAAc,EAACA,KAAA,QAAAA,EAAW,SAAS;AAAA,QAAK;AAAA,QAE1CA;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,GAAGF;AAAA,MAAA;AAAA,MAGL,UAAA,gBAAAM,EAAC,QAAA,EAAK,WAAU,uEACb,UAAA;AAAA,QAAAR,KAAOC,IACN,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAAL;AAAA,YACA,KAAAD;AAAA,YACA,KAAAD;AAAA,YACA,WAAW;AAAA,UAAA;AAAA,QAAA,IAGbH,EAAQG,CAAG;AAAA,QAEZI;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/molecules/Backdrop.js.map

@@ -1 +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;"}
+{"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,EAAA;AAAA,EAEvB,OAAO;AAAA,IACL,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,GAAG;AAAA,EAAA;AAAA,EAEL,OAAO;AAAA,IACL,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,GAAGA,IAAQ,SAAS;AAAA,EAAA;AAAA,EAEtB,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,QAAA;AAAA,QAEVD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH;"}

package/molecules/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../lib/molecules/Breadcrumb.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport type { 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;"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../lib/molecules/Breadcrumb.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport type { 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,EAAA;AAAA,EAET,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAiD,CAAC;AAAA,EAC7D,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAAOC,KAAU,GAAGC,CAAI,IAAIL,GAC7BM,IAAWD,EAAK,SAASA,EAAKA,EAAK,SAAS,CAAC,IAAIL,EAAMA,EAAM,SAAS,CAAC,GACvEO,IAAS,EAAE,OAAO,OAAO,MAAM,GAAA,GAC/BC,IAAiBH,EAAK,SAAiB,CAACF,GAAOC,GAAQG,GAAQD,CAAQ,IAAxCN,GAC/B,EAAE,SAAAS,GAAS,OAAAC,MAAUb,EAAOI,CAAK,GACjCU,IAAMT;AAEZ,2BACG,OAAA,EAAI,aAAU,cAAa,cAAW,cAAa,WAAAH,GAClD,UAAA,gBAAAa,EAAC,MAAA,EAAG,WAAU,qBACX,YAAc,IAAI,CAAC,EAAE,OAAAC,GAAO,MAAAC,EAAA,GAAQC,MAAU;AAC7C,UAAMC,IAASD,MAAUP,EAAc,SAAS,GAC1CS,IAASH,KAAQ,CAACE;AACxB,WACE,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,OAAA;AAAA,QAEjC,UAAA;AAAA,UAAA,gBAAAJ,EAAC,UAAM,UAAAK,IAAS,gBAAAL,EAACD,KAAI,MAAAG,GAAa,UAAAD,GAAM,IAASA,EAAA,CAAM;AAAA,UACtD,CAACG,KAAU,gBAAAJ,EAACQ,GAAA,EAAK,MAAK,WAAU,OAAM,QAAO,WAAU,OAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAR1DP;AAAA,IAAA;AAAA,EAWX,CAAC,GACH,GACF;AAEJ;"}

package/molecules/Buttons/ArrowButton.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentProps, FunctionComponent } from 'react';
+import { Button } from './Button';
+interface Props extends ComponentProps<typeof Button> {
+    icon: 'ArrowDefaultLeft' | 'ArrowDefaultRight' | 'ArrowTailLeft' | 'ArrowTailRight';
+}
+export declare const ArrowButton: FunctionComponent<Props>;
+export {};

package/molecules/Buttons/ArrowButton.js

@@ -0,0 +1,14 @@
+import { jsx as o } from "react/jsx-runtime";
+import { BUTTON_VARIANT_LEGACY as a, BUTTON_THEME_LEGACY as e, Button as m } from "./Button.js";
+const c = ({ children: r, ...t }) => {
+  const n = {
+    ...t,
+    ...e[t.theme] || {},
+    ...a[t.variant] || {}
+  };
+  return /* @__PURE__ */ o(m, { ...n, variant: "circle", children: r && /* @__PURE__ */ o("span", { className: "sr-only", children: r }) });
+};
+export {
+  c as ArrowButton
+};
+//# sourceMappingURL=ArrowButton.js.map

package/molecules/Buttons/ArrowButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowButton.js","sources":["../../../lib/molecules/Buttons/ArrowButton.tsx"],"sourcesContent":["import type { ComponentProps, FunctionComponent } from 'react';\n\nimport { Button } from './Button';\nimport { BUTTON_THEME_LEGACY, BUTTON_VARIANT_LEGACY } from '@/molecules/Buttons/Button';\n\ninterface Props extends ComponentProps<typeof Button> {\n  icon: 'ArrowDefaultLeft' | 'ArrowDefaultRight' | 'ArrowTailLeft' | 'ArrowTailRight';\n}\n\nexport const ArrowButton: FunctionComponent<Props> = ({ children, ...props }) => {\n  const opts = {\n    ...props,\n    ...(BUTTON_THEME_LEGACY[props.theme!] || {}),\n    ...(BUTTON_VARIANT_LEGACY[props.variant!] || {}),\n  };\n\n  return (\n    <Button {...opts} variant=\"circle\">\n      {children && <span className=\"sr-only\">{children}</span>}\n    </Button>\n  );\n};\n"],"names":["ArrowButton","children","props","opts","BUTTON_THEME_LEGACY","BUTTON_VARIANT_LEGACY","jsx","Button"],"mappings":";;AASO,MAAMA,IAAwC,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAAY;AAC/E,QAAMC,IAAO;AAAA,IACX,GAAGD;AAAA,IACH,GAAIE,EAAoBF,EAAM,KAAM,KAAK,CAAA;AAAA,IACzC,GAAIG,EAAsBH,EAAM,OAAQ,KAAK,CAAA;AAAA,EAAC;AAGhD,SACE,gBAAAI,EAACC,GAAA,EAAQ,GAAGJ,GAAM,SAAQ,UACvB,UAAAF,KAAY,gBAAAK,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAL,EAAA,CAAS,GACnD;AAEJ;"}

package/molecules/Buttons/Button.d.ts

@@ -1,30 +1,26 @@
-import { type ButtonHTMLAttributes, type FunctionComponent, type MouseEventHandler, type ReactNode } from 'react';
-import './button.css';
+import { type ButtonHTMLAttributes, type FunctionComponent, type ReactNode } from 'react';
 import type { IconicNames, IconicTypes } from '../../atoms/Icons/index.js';
-export interface CommonButtonProps {
+import { type ButtonProps as ButtonPropsV2 } from './v2/Button.js';
+export declare const BUTTON_THEME_LEGACY: any;
+export declare const BUTTON_VARIANT_LEGACY: any;
+export type ButtonPropsLegacy = {
     /**
      * Button themes defining background color and text/icon color
      */
-    theme?: 'yellow' | 'white' | 'black' | 'whiteStroke' | 'blackStroke';
+    theme?: 'yellow' | 'white' | 'black' | 'whiteStroke' | 'blackStroke' | ButtonPropsV2['theme'];
     /**
      * Is it a text button? An icon button? An arrow button?
      */
-    variant?: 'text' | 'textSmall' | 'icon' | 'arrow' | 'monogram';
+    variant?: 'text' | 'textSmall' | 'icon' | 'arrow' | 'monogram' | ButtonPropsV2['variant'];
     /**
      * Background Color override
      * Ideally please use ONLY for the "white" and "black" themes
+     * @deprecated
      */
     backgroundOverride?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     * Button title
-     */
-    title?: string;
     /**
      * Button contents
+     * @deprecated
      */
     label?: string;
     /**
@@ -39,31 +35,14 @@ export interface CommonButtonProps {
      * Force the icon type to be svg, font or default
      */
     iconType?: IconicTypes;
-    /**
-     * Data test id
-     */
-    dataTestId?: string;
     /**
      * Group name
      * Used to group buttons together (you might not need this)
+     * @deprecated
      */
     groupName?: string;
-}
-interface ButtonProps extends CommonButtonProps, ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Optional click handler
-     */
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    /**
-     * Button tabIndex
-     *
-     * @default 0
-     */
-    tabIndex?: number;
-    /**
-     * Data test id
-     */
-    dataTestId?: string;
-}
+};
+export type CommonButtonProps = Omit<ButtonPropsV2, 'theme' | 'variant'> & ButtonPropsLegacy;
+type ButtonProps = CommonButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
 export declare const Button: FunctionComponent<ButtonProps>;
 export {};

package/molecules/Buttons/Button.js

@@ -1,47 +1,55 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as w } from "../../chunks/index.js";
+import { jsxs as e } from "react/jsx-runtime";
 import "react";
-/* empty css                  */
-import { variants as y, rootClassName as C } from "./Button.helpers.js";
-import { themes as N } from "./Button.themes.js";
-import { ButtonContent as j } from "./ButtonContent.js";
-const z = ({
-  type: r = "button",
-  theme: s = "yellow",
-  backgroundOverride: a,
-  variant: t = "text",
-  className: c,
-  label: o,
-  children: i,
-  title: m,
-  icon: p,
-  iconType: u,
-  tabIndex: l = 0,
-  disabled: e = !1,
-  dataTestId: f,
-  groupName: x = "",
-  ...h
-}) => {
-  const B = ["text", "textSmall", "number"].includes(t), b = y[t], d = N(s, a, x);
-  return /* @__PURE__ */ n(
-    "button",
-    {
-      ...h,
-      "data-name": "Button",
-      "data-testid": f,
-      type: r,
-      className: w(C, d, b, t, c, {
-        "pointer-events-none": e
-      }),
-      disabled: e,
-      tabIndex: e ? -1 : l,
-      title: m || o,
-      "aria-label": m || o,
-      children: /* @__PURE__ */ n(j, { showLabel: B, label: o, icon: p, iconType: u, children: i })
-    }
-  );
+import { Button as l } from "./v2/Button.js";
+const i = {
+  white: {
+    color: "white",
+    theme: "solid"
+  },
+  black: {
+    color: "black",
+    theme: "solid"
+  },
+  yellow: {
+    color: "saffron",
+    theme: "solid"
+  },
+  whiteStroke: {
+    color: "white",
+    theme: "outline"
+  },
+  blackStroke: {
+    color: "black",
+    theme: "outline"
+  }
+}, r = {
+  textSmall: {
+    size: "small",
+    variant: void 0
+  },
+  icon: {
+    variant: "circle",
+    label: void 0
+  },
+  arrow: {
+    variant: "circle",
+    label: void 0,
+    size: "large"
+  }
+}, m = (t) => {
+  const o = {
+    ...t,
+    ...i[t.theme] || {},
+    ...r[t.variant] || {}
+  };
+  return /* @__PURE__ */ e(l, { ...o, children: [
+    o.label,
+    t.children
+  ] });
 };
 export {
-  z as Button
+  i as BUTTON_THEME_LEGACY,
+  r as BUTTON_VARIANT_LEGACY,
+  m as Button
 };
 //# sourceMappingURL=Button.js.map

package/molecules/Buttons/Button.js.map

@@ -1 +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 type { 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' | 'monogram';\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 = ['text', 'textSmall', 'number'].includes(variant);\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;AACJ,QAAMC,IAAY,CAAC,QAAQ,aAAa,QAAQ,EAAE,SAASZ,CAAO,GAC5Da,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;"}
+{"version":3,"file":"Button.js","sources":["../../../lib/molecules/Buttons/Button.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, type FunctionComponent, type ReactNode } from 'react';\nimport type { IconicNames, IconicTypes } from '@/atoms/Icons/index.js';\nimport { Button as ButtonV2, type ButtonProps as ButtonPropsV2 } from './v2/Button.js';\n\nexport const BUTTON_THEME_LEGACY: any = {\n  white: {\n    color: 'white',\n    theme: 'solid',\n  },\n  black: {\n    color: 'black',\n    theme: 'solid',\n  },\n  yellow: {\n    color: 'saffron',\n    theme: 'solid',\n  },\n  whiteStroke: {\n    color: 'white',\n    theme: 'outline',\n  },\n  blackStroke: {\n    color: 'black',\n    theme: 'outline',\n  },\n};\n\nexport const BUTTON_VARIANT_LEGACY: any = {\n  textSmall: {\n    size: 'small',\n    variant: undefined,\n  },\n  icon: {\n    variant: 'circle',\n    label: undefined,\n  },\n  arrow: {\n    variant: 'circle',\n    label: undefined,\n    size: 'large',\n  },\n};\n\nexport type ButtonPropsLegacy = {\n  /**\n   * Button themes defining background color and text/icon color\n   */\n  theme?: 'yellow' | 'white' | 'black' | 'whiteStroke' | 'blackStroke' | ButtonPropsV2['theme'];\n  /**\n   * Is it a text button? An icon button? An arrow button?\n   */\n  variant?: 'text' | 'textSmall' | 'icon' | 'arrow' | 'monogram' | ButtonPropsV2['variant'];\n  /**\n   * Background Color override\n   * Ideally please use ONLY for the \"white\" and \"black\" themes\n   * @deprecated\n   */\n  backgroundOverride?: string;\n  /**\n   * Button contents\n   * @deprecated\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   * Group name\n   * Used to group buttons together (you might not need this)\n   * @deprecated\n   */\n  groupName?: string;\n};\n\nexport type CommonButtonProps = Omit<ButtonPropsV2, 'theme' | 'variant'> & ButtonPropsLegacy;\n\ntype ButtonProps = CommonButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Button: FunctionComponent<ButtonProps> = (props: ButtonProps) => {\n  const opts = {\n    ...props,\n    ...(BUTTON_THEME_LEGACY[props.theme!] || {}),\n    ...(BUTTON_VARIANT_LEGACY[props.variant!] || {}),\n  };\n\n  return (\n    <ButtonV2 {...opts}>\n      {opts.label}\n      {props.children}\n    </ButtonV2>\n  );\n};\n"],"names":["BUTTON_THEME_LEGACY","BUTTON_VARIANT_LEGACY","Button","props","opts","jsxs","ButtonV2"],"mappings":";;;AAIO,MAAMA,IAA2B;AAAA,EACtC,OAAO;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET,OAAO;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET,aAAa;AAAA,IACX,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET,aAAa;AAAA,IACX,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX,GAEaC,IAA6B;AAAA,EACxC,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA,EAET,OAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEV,GA8CaC,IAAyC,CAACC,MAAuB;AAC5E,QAAMC,IAAO;AAAA,IACX,GAAGD;AAAA,IACH,GAAIH,EAAoBG,EAAM,KAAM,KAAK,CAAA;AAAA,IACzC,GAAIF,EAAsBE,EAAM,OAAQ,KAAK,CAAA;AAAA,EAAC;AAGhD,SACE,gBAAAE,EAACC,GAAA,EAAU,GAAGF,GACX,UAAA;AAAA,IAAAA,EAAK;AAAA,IACLD,EAAM;AAAA,EAAA,GACT;AAEJ;"}