@remember-web/primitive 0.3.7 → 0.4.0

package/dist/src/Inputs/Select/index.esm.js

@@ -8,7 +8,7 @@ import { OptionHolder } from './Option/index.esm.js';
 import { jsx } from 'react/jsx-runtime';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function Select(props, ref) {
   var children = props.children,
     value = props.value,
@@ -53,7 +53,7 @@ function Select(props, ref) {
     children: children
   });
 }
-var index = Object.assign( /*#__PURE__*/forwardRef(Select), {
+var index = Object.assign(/*#__PURE__*/forwardRef(Select), {
   Option: OptionHolder
 });
 

package/dist/src/Inputs/Select/utils.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs.js","sources":["../../../../src/Inputs/Select/utils.ts"],"sourcesContent":["// focus된 요소의 sibling을 찾아서 focus\nexport function focusSibling<E extends HTMLElement>(\n  currentFocusedElement: E,\n  siblingDirection: 'previous' | 'next'\n) {\n  if (currentFocusedElement?.matches('[data-option-value]')) {\n    const siblingElement = getSiblingElement(\n      currentFocusedElement,\n      siblingDirection\n    );\n    const listElement = currentFocusedElement.parentElement;\n    if (\n      listElement &&\n      siblingElement?.matches('[data-option-value]') &&\n      checkSameElementType(currentFocusedElement, siblingElement)\n    ) {\n      siblingElement.focus({ preventScroll: true });\n      // 방향키를 통해 넘어가는 스크롤 방향에 따라 scrollIntoView의 block을 다르게 설정\n      if (\n        {\n          // 아래 요소를 선택할 때 스크롤이 아래로 내려가는 경우\n          next:\n            siblingElement.offsetTop >=\n            (siblingElement.parentElement?.scrollTop ?? 0) +\n              listElement.clientHeight,\n\n          // 위 요소를 선택할 때 스크롤이 위로 올라가는 경우\n          previous:\n            siblingElement.offsetTop <=\n            (siblingElement.parentElement?.scrollTop ?? 0),\n        }[siblingDirection]\n      ) {\n        siblingElement.scrollIntoView({\n          block: siblingDirection === 'previous' ? 'start' : 'end',\n        });\n      }\n    }\n  }\n}\n\nconst checkSameElementType = <E extends Element>(\n  element1: E,\n  element2: Element\n): element2 is E => element2 instanceof element1.constructor;\n\n// 재귀적으로 disabled되지 않은 sibling을 찾아서 반환\nfunction getSiblingElement<E extends Element>(\n  target: E,\n  siblingDirection: 'previous' | 'next'\n): E | null {\n  const siblingElement = target[`${siblingDirection}ElementSibling`];\n  if (\n    !siblingElement ||\n    !checkSameElementType(target, siblingElement) ||\n    !siblingElement.matches('[data-option-value]')\n  ) {\n    return null;\n  }\n\n  if (siblingElement.matches('[aria-disabled=\"true\"]')) {\n    return getSiblingElement(siblingElement, siblingDirection);\n  }\n\n  return siblingElement;\n}\n"],"names":["focusSibling","currentFocusedElement","siblingDirection","matches","siblingElement","getSiblingElement","listElement","parentElement","checkSameElementType","_siblingElement$paren","_siblingElement$paren2","_siblingElement$paren3","_siblingElement$paren4","focus","preventScroll","next","offsetTop","scrollTop","clientHeight","previous","scrollIntoView","block","element1","element2","constructor","target","concat"],"mappings":";;AAAA;AACO,SAASA,YAAYA,CAC1BC,qBAAwB,EACxBC,gBAAqC,EACrC;EACA,IAAID,qBAAqB,KAArBA,IAAAA,IAAAA,qBAAqB,KAArBA,KAAAA,CAAAA,IAAAA,qBAAqB,CAAEE,OAAO,CAAC,qBAAqB,CAAC,EAAE;AACzD,IAAA,IAAMC,cAAc,GAAGC,iBAAiB,CACtCJ,qBAAqB,EACrBC,gBACF,CAAC,CAAA;AACD,IAAA,IAAMI,WAAW,GAAGL,qBAAqB,CAACM,aAAa,CAAA;AACvD,IAAA,IACED,WAAW,IACXF,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,IAAdA,cAAc,CAAED,OAAO,CAAC,qBAAqB,CAAC,IAC9CK,oBAAoB,CAACP,qBAAqB,EAAEG,cAAc,CAAC,EAC3D;AAAA,MAAA,IAAAK,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,CAAA;MACAR,cAAc,CAACS,KAAK,CAAC;AAAEC,QAAAA,aAAa,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA;AAC7C;MACA,IACE;AACE;AACAC,QAAAA,IAAI,EACFX,cAAc,CAACY,SAAS,IACxB,CAAA,CAAAP,qBAAA,GAAA,CAAAC,sBAAA,GAACN,cAAc,CAACG,aAAa,MAAA,IAAA,IAAAG,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA5BA,sBAAA,CAA8BO,SAAS,MAAA,IAAA,IAAAR,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,CAAC,IAC3CH,WAAW,CAACY,YAAY;AAE5B;QACAC,QAAQ,EACNf,cAAc,CAACY,SAAS,MAAAL,sBAAA,GAAA,CAAAC,sBAAA,GACvBR,cAAc,CAACG,aAAa,MAAAK,IAAAA,IAAAA,sBAAA,KAA5BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAA8BK,SAAS,cAAAN,sBAAA,KAAA,KAAA,CAAA,GAAAA,sBAAA,GAAI,CAAC,CAAA;OAChD,CAACT,gBAAgB,CAAC,EACnB;QACAE,cAAc,CAACgB,cAAc,CAAC;AAC5BC,UAAAA,KAAK,EAAEnB,gBAAgB,KAAK,UAAU,GAAG,OAAO,GAAG,KAAA;AACrD,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAA;AACF,GAAA;AACF,CAAA;AAEA,IAAMM,oBAAoB,GAAG,SAAvBA,oBAAoBA,CACxBc,QAAW,EACXC,QAAiB,EAAA;AAAA,EAAA,OACCA,QAAQ,YAAYD,QAAQ,CAACE,WAAW,CAAA;AAAA,CAAA,CAAA;;AAE5D;AACA,SAASnB,iBAAiBA,CACxBoB,MAAS,EACTvB,gBAAqC,EAC3B;AACV,EAAA,IAAME,cAAc,GAAGqB,MAAM,IAAAC,MAAA,CAAIxB,gBAAgB,EAAiB,gBAAA,CAAA,CAAA,CAAA;AAClE,EAAA,IACE,CAACE,cAAc,IACf,CAACI,oBAAoB,CAACiB,MAAM,EAAErB,cAAc,CAAC,IAC7C,CAACA,cAAc,CAACD,OAAO,CAAC,qBAAqB,CAAC,EAC9C;AACA,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,IAAIC,cAAc,CAACD,OAAO,CAAC,wBAAwB,CAAC,EAAE;AACpD,IAAA,OAAOE,iBAAiB,CAACD,cAAc,EAAEF,gBAAgB,CAAC,CAAA;AAC5D,GAAA;AAEA,EAAA,OAAOE,cAAc,CAAA;AACvB;;;;"}
+{"version":3,"file":"utils.cjs.js","sources":["../../../../src/Inputs/Select/utils.ts"],"sourcesContent":["// focus된 요소의 sibling을 찾아서 focus\nexport function focusSibling<E extends HTMLElement>(\n  currentFocusedElement: E,\n  siblingDirection: 'previous' | 'next'\n) {\n  if (currentFocusedElement?.matches('[data-option-value]')) {\n    const siblingElement = getSiblingElement(\n      currentFocusedElement,\n      siblingDirection\n    );\n    const listElement = currentFocusedElement.parentElement;\n    if (\n      listElement &&\n      siblingElement?.matches('[data-option-value]') &&\n      checkSameElementType(currentFocusedElement, siblingElement)\n    ) {\n      siblingElement.focus({ preventScroll: true });\n      // 방향키를 통해 넘어가는 스크롤 방향에 따라 scrollIntoView의 block을 다르게 설정\n      if (\n        {\n          // 아래 요소를 선택할 때 스크롤이 아래로 내려가는 경우\n          next:\n            siblingElement.offsetTop >=\n            (siblingElement.parentElement?.scrollTop ?? 0) +\n              listElement.clientHeight,\n\n          // 위 요소를 선택할 때 스크롤이 위로 올라가는 경우\n          previous:\n            siblingElement.offsetTop <=\n            (siblingElement.parentElement?.scrollTop ?? 0),\n        }[siblingDirection]\n      ) {\n        siblingElement.scrollIntoView({\n          block: siblingDirection === 'previous' ? 'start' : 'end',\n        });\n      }\n    }\n  }\n}\n\nconst checkSameElementType = <E extends Element>(\n  element1: E,\n  element2: Element\n): element2 is E => element2 instanceof element1.constructor;\n\n// 재귀적으로 disabled되지 않은 sibling을 찾아서 반환\nfunction getSiblingElement<E extends Element>(\n  target: E,\n  siblingDirection: 'previous' | 'next'\n): E | null {\n  const siblingElement = target[`${siblingDirection}ElementSibling`];\n  if (\n    !siblingElement ||\n    !checkSameElementType(target, siblingElement) ||\n    !siblingElement.matches('[data-option-value]')\n  ) {\n    return null;\n  }\n\n  if (siblingElement.matches('[aria-disabled=\"true\"]')) {\n    return getSiblingElement(siblingElement, siblingDirection);\n  }\n\n  return siblingElement;\n}\n"],"names":["focusSibling","currentFocusedElement","siblingDirection","matches","siblingElement","getSiblingElement","listElement","parentElement","checkSameElementType","_siblingElement$paren","_siblingElement$paren2","_siblingElement$paren3","_siblingElement$paren4","focus","preventScroll","next","offsetTop","scrollTop","clientHeight","previous","scrollIntoView","block","element1","element2","constructor","target","concat"],"mappings":";;AAAA;AACO,SAASA,YAAYA,CAC1BC,qBAAwB,EACxBC,gBAAqC,EACrC;EACA,IAAID,qBAAqB,KAAA,IAAA,IAArBA,qBAAqB,KAAA,MAAA,IAArBA,qBAAqB,CAAEE,OAAO,CAAC,qBAAqB,CAAC,EAAE;AACzD,IAAA,IAAMC,cAAc,GAAGC,iBAAiB,CACtCJ,qBAAqB,EACrBC,gBACF,CAAC;AACD,IAAA,IAAMI,WAAW,GAAGL,qBAAqB,CAACM,aAAa;AACvD,IAAA,IACED,WAAW,IACXF,cAAc,aAAdA,cAAc,KAAA,MAAA,IAAdA,cAAc,CAAED,OAAO,CAAC,qBAAqB,CAAC,IAC9CK,oBAAoB,CAACP,qBAAqB,EAAEG,cAAc,CAAC,EAC3D;AAAA,MAAA,IAAAK,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;MACAR,cAAc,CAACS,KAAK,CAAC;AAAEC,QAAAA,aAAa,EAAE;AAAK,OAAC,CAAC;AAC7C;MACA,IACE;AACE;AACAC,QAAAA,IAAI,EACFX,cAAc,CAACY,SAAS,IACxB,CAAA,CAAAP,qBAAA,GAAA,CAAAC,sBAAA,GAACN,cAAc,CAACG,aAAa,MAAA,IAAA,IAAAG,sBAAA,KAAA,MAAA,GAAA,MAAA,GAA5BA,sBAAA,CAA8BO,SAAS,MAAA,IAAA,IAAAR,qBAAA,KAAA,MAAA,GAAAA,qBAAA,GAAI,CAAC,IAC3CH,WAAW,CAACY,YAAY;AAE5B;QACAC,QAAQ,EACNf,cAAc,CAACY,SAAS,MAAAL,sBAAA,GAAA,CAAAC,sBAAA,GACvBR,cAAc,CAACG,aAAa,MAAA,IAAA,IAAAK,sBAAA,KAAA,MAAA,GAAA,MAAA,GAA5BA,sBAAA,CAA8BK,SAAS,cAAAN,sBAAA,KAAA,MAAA,GAAAA,sBAAA,GAAI,CAAC;OAChD,CAACT,gBAAgB,CAAC,EACnB;QACAE,cAAc,CAACgB,cAAc,CAAC;AAC5BC,UAAAA,KAAK,EAAEnB,gBAAgB,KAAK,UAAU,GAAG,OAAO,GAAG;AACrD,SAAC,CAAC;AACJ;AACF;AACF;AACF;AAEA,IAAMM,oBAAoB,GAAG,SAAvBA,oBAAoBA,CACxBc,QAAW,EACXC,QAAiB,EAAA;AAAA,EAAA,OACCA,QAAQ,YAAYD,QAAQ,CAACE,WAAW;AAAA,CAAA;;AAE5D;AACA,SAASnB,iBAAiBA,CACxBoB,MAAS,EACTvB,gBAAqC,EAC3B;AACV,EAAA,IAAME,cAAc,GAAGqB,MAAM,IAAAC,MAAA,CAAIxB,gBAAgB,EAAA,gBAAA,CAAA,CAAiB;AAClE,EAAA,IACE,CAACE,cAAc,IACf,CAACI,oBAAoB,CAACiB,MAAM,EAAErB,cAAc,CAAC,IAC7C,CAACA,cAAc,CAACD,OAAO,CAAC,qBAAqB,CAAC,EAC9C;AACA,IAAA,OAAO,IAAI;AACb;AAEA,EAAA,IAAIC,cAAc,CAACD,OAAO,CAAC,wBAAwB,CAAC,EAAE;AACpD,IAAA,OAAOE,iBAAiB,CAACD,cAAc,EAAEF,gBAAgB,CAAC;AAC5D;AAEA,EAAA,OAAOE,cAAc;AACvB;;;;"}

package/dist/src/Inputs/Select/utils.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.esm.js","sources":["../../../../src/Inputs/Select/utils.ts"],"sourcesContent":["// focus된 요소의 sibling을 찾아서 focus\nexport function focusSibling<E extends HTMLElement>(\n  currentFocusedElement: E,\n  siblingDirection: 'previous' | 'next'\n) {\n  if (currentFocusedElement?.matches('[data-option-value]')) {\n    const siblingElement = getSiblingElement(\n      currentFocusedElement,\n      siblingDirection\n    );\n    const listElement = currentFocusedElement.parentElement;\n    if (\n      listElement &&\n      siblingElement?.matches('[data-option-value]') &&\n      checkSameElementType(currentFocusedElement, siblingElement)\n    ) {\n      siblingElement.focus({ preventScroll: true });\n      // 방향키를 통해 넘어가는 스크롤 방향에 따라 scrollIntoView의 block을 다르게 설정\n      if (\n        {\n          // 아래 요소를 선택할 때 스크롤이 아래로 내려가는 경우\n          next:\n            siblingElement.offsetTop >=\n            (siblingElement.parentElement?.scrollTop ?? 0) +\n              listElement.clientHeight,\n\n          // 위 요소를 선택할 때 스크롤이 위로 올라가는 경우\n          previous:\n            siblingElement.offsetTop <=\n            (siblingElement.parentElement?.scrollTop ?? 0),\n        }[siblingDirection]\n      ) {\n        siblingElement.scrollIntoView({\n          block: siblingDirection === 'previous' ? 'start' : 'end',\n        });\n      }\n    }\n  }\n}\n\nconst checkSameElementType = <E extends Element>(\n  element1: E,\n  element2: Element\n): element2 is E => element2 instanceof element1.constructor;\n\n// 재귀적으로 disabled되지 않은 sibling을 찾아서 반환\nfunction getSiblingElement<E extends Element>(\n  target: E,\n  siblingDirection: 'previous' | 'next'\n): E | null {\n  const siblingElement = target[`${siblingDirection}ElementSibling`];\n  if (\n    !siblingElement ||\n    !checkSameElementType(target, siblingElement) ||\n    !siblingElement.matches('[data-option-value]')\n  ) {\n    return null;\n  }\n\n  if (siblingElement.matches('[aria-disabled=\"true\"]')) {\n    return getSiblingElement(siblingElement, siblingDirection);\n  }\n\n  return siblingElement;\n}\n"],"names":["focusSibling","currentFocusedElement","siblingDirection","matches","siblingElement","getSiblingElement","listElement","parentElement","checkSameElementType","_siblingElement$paren","_siblingElement$paren2","_siblingElement$paren3","_siblingElement$paren4","focus","preventScroll","next","offsetTop","scrollTop","clientHeight","previous","scrollIntoView","block","element1","element2","constructor","target","concat"],"mappings":"AAAA;AACO,SAASA,YAAYA,CAC1BC,qBAAwB,EACxBC,gBAAqC,EACrC;EACA,IAAID,qBAAqB,KAArBA,IAAAA,IAAAA,qBAAqB,KAArBA,KAAAA,CAAAA,IAAAA,qBAAqB,CAAEE,OAAO,CAAC,qBAAqB,CAAC,EAAE;AACzD,IAAA,IAAMC,cAAc,GAAGC,iBAAiB,CACtCJ,qBAAqB,EACrBC,gBACF,CAAC,CAAA;AACD,IAAA,IAAMI,WAAW,GAAGL,qBAAqB,CAACM,aAAa,CAAA;AACvD,IAAA,IACED,WAAW,IACXF,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,IAAdA,cAAc,CAAED,OAAO,CAAC,qBAAqB,CAAC,IAC9CK,oBAAoB,CAACP,qBAAqB,EAAEG,cAAc,CAAC,EAC3D;AAAA,MAAA,IAAAK,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,CAAA;MACAR,cAAc,CAACS,KAAK,CAAC;AAAEC,QAAAA,aAAa,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA;AAC7C;MACA,IACE;AACE;AACAC,QAAAA,IAAI,EACFX,cAAc,CAACY,SAAS,IACxB,CAAA,CAAAP,qBAAA,GAAA,CAAAC,sBAAA,GAACN,cAAc,CAACG,aAAa,MAAA,IAAA,IAAAG,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA5BA,sBAAA,CAA8BO,SAAS,MAAA,IAAA,IAAAR,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,CAAC,IAC3CH,WAAW,CAACY,YAAY;AAE5B;QACAC,QAAQ,EACNf,cAAc,CAACY,SAAS,MAAAL,sBAAA,GAAA,CAAAC,sBAAA,GACvBR,cAAc,CAACG,aAAa,MAAAK,IAAAA,IAAAA,sBAAA,KAA5BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAA8BK,SAAS,cAAAN,sBAAA,KAAA,KAAA,CAAA,GAAAA,sBAAA,GAAI,CAAC,CAAA;OAChD,CAACT,gBAAgB,CAAC,EACnB;QACAE,cAAc,CAACgB,cAAc,CAAC;AAC5BC,UAAAA,KAAK,EAAEnB,gBAAgB,KAAK,UAAU,GAAG,OAAO,GAAG,KAAA;AACrD,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAA;AACF,GAAA;AACF,CAAA;AAEA,IAAMM,oBAAoB,GAAG,SAAvBA,oBAAoBA,CACxBc,QAAW,EACXC,QAAiB,EAAA;AAAA,EAAA,OACCA,QAAQ,YAAYD,QAAQ,CAACE,WAAW,CAAA;AAAA,CAAA,CAAA;;AAE5D;AACA,SAASnB,iBAAiBA,CACxBoB,MAAS,EACTvB,gBAAqC,EAC3B;AACV,EAAA,IAAME,cAAc,GAAGqB,MAAM,IAAAC,MAAA,CAAIxB,gBAAgB,EAAiB,gBAAA,CAAA,CAAA,CAAA;AAClE,EAAA,IACE,CAACE,cAAc,IACf,CAACI,oBAAoB,CAACiB,MAAM,EAAErB,cAAc,CAAC,IAC7C,CAACA,cAAc,CAACD,OAAO,CAAC,qBAAqB,CAAC,EAC9C;AACA,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,IAAIC,cAAc,CAACD,OAAO,CAAC,wBAAwB,CAAC,EAAE;AACpD,IAAA,OAAOE,iBAAiB,CAACD,cAAc,EAAEF,gBAAgB,CAAC,CAAA;AAC5D,GAAA;AAEA,EAAA,OAAOE,cAAc,CAAA;AACvB;;;;"}
+{"version":3,"file":"utils.esm.js","sources":["../../../../src/Inputs/Select/utils.ts"],"sourcesContent":["// focus된 요소의 sibling을 찾아서 focus\nexport function focusSibling<E extends HTMLElement>(\n  currentFocusedElement: E,\n  siblingDirection: 'previous' | 'next'\n) {\n  if (currentFocusedElement?.matches('[data-option-value]')) {\n    const siblingElement = getSiblingElement(\n      currentFocusedElement,\n      siblingDirection\n    );\n    const listElement = currentFocusedElement.parentElement;\n    if (\n      listElement &&\n      siblingElement?.matches('[data-option-value]') &&\n      checkSameElementType(currentFocusedElement, siblingElement)\n    ) {\n      siblingElement.focus({ preventScroll: true });\n      // 방향키를 통해 넘어가는 스크롤 방향에 따라 scrollIntoView의 block을 다르게 설정\n      if (\n        {\n          // 아래 요소를 선택할 때 스크롤이 아래로 내려가는 경우\n          next:\n            siblingElement.offsetTop >=\n            (siblingElement.parentElement?.scrollTop ?? 0) +\n              listElement.clientHeight,\n\n          // 위 요소를 선택할 때 스크롤이 위로 올라가는 경우\n          previous:\n            siblingElement.offsetTop <=\n            (siblingElement.parentElement?.scrollTop ?? 0),\n        }[siblingDirection]\n      ) {\n        siblingElement.scrollIntoView({\n          block: siblingDirection === 'previous' ? 'start' : 'end',\n        });\n      }\n    }\n  }\n}\n\nconst checkSameElementType = <E extends Element>(\n  element1: E,\n  element2: Element\n): element2 is E => element2 instanceof element1.constructor;\n\n// 재귀적으로 disabled되지 않은 sibling을 찾아서 반환\nfunction getSiblingElement<E extends Element>(\n  target: E,\n  siblingDirection: 'previous' | 'next'\n): E | null {\n  const siblingElement = target[`${siblingDirection}ElementSibling`];\n  if (\n    !siblingElement ||\n    !checkSameElementType(target, siblingElement) ||\n    !siblingElement.matches('[data-option-value]')\n  ) {\n    return null;\n  }\n\n  if (siblingElement.matches('[aria-disabled=\"true\"]')) {\n    return getSiblingElement(siblingElement, siblingDirection);\n  }\n\n  return siblingElement;\n}\n"],"names":["focusSibling","currentFocusedElement","siblingDirection","matches","siblingElement","getSiblingElement","listElement","parentElement","checkSameElementType","_siblingElement$paren","_siblingElement$paren2","_siblingElement$paren3","_siblingElement$paren4","focus","preventScroll","next","offsetTop","scrollTop","clientHeight","previous","scrollIntoView","block","element1","element2","constructor","target","concat"],"mappings":"AAAA;AACO,SAASA,YAAYA,CAC1BC,qBAAwB,EACxBC,gBAAqC,EACrC;EACA,IAAID,qBAAqB,KAAA,IAAA,IAArBA,qBAAqB,KAAA,MAAA,IAArBA,qBAAqB,CAAEE,OAAO,CAAC,qBAAqB,CAAC,EAAE;AACzD,IAAA,IAAMC,cAAc,GAAGC,iBAAiB,CACtCJ,qBAAqB,EACrBC,gBACF,CAAC;AACD,IAAA,IAAMI,WAAW,GAAGL,qBAAqB,CAACM,aAAa;AACvD,IAAA,IACED,WAAW,IACXF,cAAc,aAAdA,cAAc,KAAA,MAAA,IAAdA,cAAc,CAAED,OAAO,CAAC,qBAAqB,CAAC,IAC9CK,oBAAoB,CAACP,qBAAqB,EAAEG,cAAc,CAAC,EAC3D;AAAA,MAAA,IAAAK,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;MACAR,cAAc,CAACS,KAAK,CAAC;AAAEC,QAAAA,aAAa,EAAE;AAAK,OAAC,CAAC;AAC7C;MACA,IACE;AACE;AACAC,QAAAA,IAAI,EACFX,cAAc,CAACY,SAAS,IACxB,CAAA,CAAAP,qBAAA,GAAA,CAAAC,sBAAA,GAACN,cAAc,CAACG,aAAa,MAAA,IAAA,IAAAG,sBAAA,KAAA,MAAA,GAAA,MAAA,GAA5BA,sBAAA,CAA8BO,SAAS,MAAA,IAAA,IAAAR,qBAAA,KAAA,MAAA,GAAAA,qBAAA,GAAI,CAAC,IAC3CH,WAAW,CAACY,YAAY;AAE5B;QACAC,QAAQ,EACNf,cAAc,CAACY,SAAS,MAAAL,sBAAA,GAAA,CAAAC,sBAAA,GACvBR,cAAc,CAACG,aAAa,MAAA,IAAA,IAAAK,sBAAA,KAAA,MAAA,GAAA,MAAA,GAA5BA,sBAAA,CAA8BK,SAAS,cAAAN,sBAAA,KAAA,MAAA,GAAAA,sBAAA,GAAI,CAAC;OAChD,CAACT,gBAAgB,CAAC,EACnB;QACAE,cAAc,CAACgB,cAAc,CAAC;AAC5BC,UAAAA,KAAK,EAAEnB,gBAAgB,KAAK,UAAU,GAAG,OAAO,GAAG;AACrD,SAAC,CAAC;AACJ;AACF;AACF;AACF;AAEA,IAAMM,oBAAoB,GAAG,SAAvBA,oBAAoBA,CACxBc,QAAW,EACXC,QAAiB,EAAA;AAAA,EAAA,OACCA,QAAQ,YAAYD,QAAQ,CAACE,WAAW;AAAA,CAAA;;AAE5D;AACA,SAASnB,iBAAiBA,CACxBoB,MAAS,EACTvB,gBAAqC,EAC3B;AACV,EAAA,IAAME,cAAc,GAAGqB,MAAM,IAAAC,MAAA,CAAIxB,gBAAgB,EAAA,gBAAA,CAAA,CAAiB;AAClE,EAAA,IACE,CAACE,cAAc,IACf,CAACI,oBAAoB,CAACiB,MAAM,EAAErB,cAAc,CAAC,IAC7C,CAACA,cAAc,CAACD,OAAO,CAAC,qBAAqB,CAAC,EAC9C;AACA,IAAA,OAAO,IAAI;AACb;AAEA,EAAA,IAAIC,cAAc,CAACD,OAAO,CAAC,wBAAwB,CAAC,EAAE;AACpD,IAAA,OAAOE,iBAAiB,CAACD,cAAc,EAAEF,gBAAgB,CAAC;AAC5D;AAEA,EAAA,OAAOE,cAAc;AACvB;;;;"}

package/dist/src/Inputs/TextInput/index.cjs.js

@@ -17,7 +17,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWith
 
 var _excluded = ["className", "label", "leftElement", "rightElement", "disabled", "hintText", "hintTextColor", "errorMessage", "width"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TextInput = function TextInput(_ref, ref) {
   var className = _ref.className,
     label = _ref.label,

package/dist/src/Inputs/TextInput/index.esm.js

@@ -9,7 +9,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _excluded = ["className", "label", "leftElement", "rightElement", "disabled", "hintText", "hintTextColor", "errorMessage", "width"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TextInput = function TextInput(_ref, ref) {
   var className = _ref.className,
     label = _ref.label,

package/dist/src/Inputs/TextInput/styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Inputs/TextInput/styles.ts"],"sourcesContent":["'use client';\n\nimport type { ColorVariable } from '@remember-web/mixin';\nimport {\n  bg200,\n  contents000,\n  contents200,\n  contents300,\n  ellipsis,\n  getTypographyStyles,\n  roleRed,\n} from '@remember-web/mixin';\nimport { formatUnit } from '@remember-web/shared';\nimport styled, { css } from 'styled-components';\n\nexport const InputWrapper = styled.div<{ $width?: string | number }>`\n  ${({ $width }) =>\n    $width &&\n    css`\n      width: ${formatUnit($width)};\n    `};\n`;\n\nexport const InputContainer = styled.div<{\n  disabled?: boolean;\n  $hasError?: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  border: 1px solid ${contents300};\n  border-radius: 4px;\n  padding: 0 12px;\n  gap: 8px;\n\n  transition:\n    border-color 0.2s,\n    background-color 0.2s;\n\n  ${({ $hasError, disabled }) => [\n    $hasError\n      ? css`\n          border-color: ${roleRed};\n        `\n      : css`\n          &:focus-within {\n            border-color: ${contents000};\n          }\n        `,\n    disabled &&\n      css`\n        background-color: ${bg200};\n      `,\n  ]}\n`;\n\nexport const InputDecorator = styled.div`\n  flex-shrink: 0;\n  /* Inline요소가 들어오면 강제로 block으로 처리 (중앙정렬을 위해) */\n  > * {\n    display: block;\n  }\n`;\n\nexport const InputInner = styled.input`\n  ${getTypographyStyles('UIBody2')}\n  color: ${contents000};\n\n  display: block;\n  flex-grow: 1;\n  width: 100%;\n  padding: 10px 0;\n  border: 0;\n  background-color: transparent;\n\n  &:placeholder-shown {\n    ${ellipsis()}\n  }\n\n  &::placeholder {\n    color: ${contents200};\n  }\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const InputLabel = styled.label`\n  ${getTypographyStyles('Title2')}\n  display: block;\n  margin-bottom: 12px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  & > mark {\n    all: unset;\n    color: ${roleRed};\n  }\n`;\n\nexport const InputError = styled.div`\n  ${getTypographyStyles('UIBody3')}\n  color: ${roleRed};\n\n  margin-top: 8px;\n`;\n\nexport const InputHintText = styled.span<{ textColor?: ColorVariable }>`\n  ${getTypographyStyles('UIBody2')}\n  color: ${({ textColor }) => textColor};\n  white-space: nowrap;\n`;\n\nexport const InputTogglePasswordVisibilityButton = styled.button`\n  all: unset;\n  appearance: none;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  & > svg {\n    display: block;\n  }\n`;\n"],"names":["InputWrapper","InputDecorator","InputTogglePasswordVisibilityButton"],"mappings":";;;;;;;;;;;;;AAAa;AAeAA;AACT;AAAS;AAIR;;AAkBD;;AAAsB;AAcvB;AAGUC;AAQN;;;;AA+CI;AAAY;AAAgB;AAI1BC;;;;;;;;;"}
+{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Inputs/TextInput/styles.ts"],"sourcesContent":["'use client';\n\nimport type { ColorVariable } from '@remember-web/mixin';\nimport {\n  bg200,\n  contents000,\n  contents200,\n  contents300,\n  ellipsis,\n  getTypographyStyles,\n  roleRed,\n} from '@remember-web/mixin';\nimport { formatUnit } from '@remember-web/shared';\nimport styled, { css } from 'styled-components';\n\nexport const InputWrapper = styled.div<{ $width?: string | number }>`\n  ${({ $width }) =>\n    $width &&\n    css`\n      width: ${formatUnit($width)};\n    `};\n`;\n\nexport const InputContainer = styled.div<{\n  disabled?: boolean;\n  $hasError?: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  border: 1px solid ${contents300};\n  border-radius: 4px;\n  padding: 0 12px;\n  gap: 8px;\n\n  transition:\n    border-color 0.2s,\n    background-color 0.2s;\n\n  ${({ $hasError, disabled }) => [\n    $hasError\n      ? css`\n          border-color: ${roleRed};\n        `\n      : css`\n          &:focus-within {\n            border-color: ${contents000};\n          }\n        `,\n    disabled &&\n      css`\n        background-color: ${bg200};\n      `,\n  ]}\n`;\n\nexport const InputDecorator = styled.div`\n  flex-shrink: 0;\n  /* Inline요소가 들어오면 강제로 block으로 처리 (중앙정렬을 위해) */\n  > * {\n    display: block;\n  }\n`;\n\nexport const InputInner = styled.input`\n  ${getTypographyStyles('UIBody2')}\n  color: ${contents000};\n\n  display: block;\n  flex-grow: 1;\n  width: 100%;\n  padding: 10px 0;\n  border: 0;\n  background-color: transparent;\n\n  &:placeholder-shown {\n    ${ellipsis()}\n  }\n\n  &::placeholder {\n    color: ${contents200};\n  }\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const InputLabel = styled.label`\n  ${getTypographyStyles('Title2')}\n  display: block;\n  margin-bottom: 12px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  & > mark {\n    all: unset;\n    color: ${roleRed};\n  }\n`;\n\nexport const InputError = styled.div`\n  ${getTypographyStyles('UIBody3')}\n  color: ${roleRed};\n\n  margin-top: 8px;\n`;\n\nexport const InputHintText = styled.span<{ textColor?: ColorVariable }>`\n  ${getTypographyStyles('UIBody2')}\n  color: ${({ textColor }) => textColor};\n  white-space: nowrap;\n`;\n\nexport const InputTogglePasswordVisibilityButton = styled.button`\n  all: unset;\n  appearance: none;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  & > svg {\n    display: block;\n  }\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAAa;AAeN;AACH;AAAS;AAIR;;AAkBD;;AAAsB;AAcvB;AAGI;AAQA;;;;AA+CI;AAAY;AAAgB;AAIhC;;;;;;;;;"}

package/dist/src/Inputs/TextInput/styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.esm.js","sources":["../../../../src/Inputs/TextInput/styles.ts"],"sourcesContent":["'use client';\n\nimport type { ColorVariable } from '@remember-web/mixin';\nimport {\n  bg200,\n  contents000,\n  contents200,\n  contents300,\n  ellipsis,\n  getTypographyStyles,\n  roleRed,\n} from '@remember-web/mixin';\nimport { formatUnit } from '@remember-web/shared';\nimport styled, { css } from 'styled-components';\n\nexport const InputWrapper = styled.div<{ $width?: string | number }>`\n  ${({ $width }) =>\n    $width &&\n    css`\n      width: ${formatUnit($width)};\n    `};\n`;\n\nexport const InputContainer = styled.div<{\n  disabled?: boolean;\n  $hasError?: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  border: 1px solid ${contents300};\n  border-radius: 4px;\n  padding: 0 12px;\n  gap: 8px;\n\n  transition:\n    border-color 0.2s,\n    background-color 0.2s;\n\n  ${({ $hasError, disabled }) => [\n    $hasError\n      ? css`\n          border-color: ${roleRed};\n        `\n      : css`\n          &:focus-within {\n            border-color: ${contents000};\n          }\n        `,\n    disabled &&\n      css`\n        background-color: ${bg200};\n      `,\n  ]}\n`;\n\nexport const InputDecorator = styled.div`\n  flex-shrink: 0;\n  /* Inline요소가 들어오면 강제로 block으로 처리 (중앙정렬을 위해) */\n  > * {\n    display: block;\n  }\n`;\n\nexport const InputInner = styled.input`\n  ${getTypographyStyles('UIBody2')}\n  color: ${contents000};\n\n  display: block;\n  flex-grow: 1;\n  width: 100%;\n  padding: 10px 0;\n  border: 0;\n  background-color: transparent;\n\n  &:placeholder-shown {\n    ${ellipsis()}\n  }\n\n  &::placeholder {\n    color: ${contents200};\n  }\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const InputLabel = styled.label`\n  ${getTypographyStyles('Title2')}\n  display: block;\n  margin-bottom: 12px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  & > mark {\n    all: unset;\n    color: ${roleRed};\n  }\n`;\n\nexport const InputError = styled.div`\n  ${getTypographyStyles('UIBody3')}\n  color: ${roleRed};\n\n  margin-top: 8px;\n`;\n\nexport const InputHintText = styled.span<{ textColor?: ColorVariable }>`\n  ${getTypographyStyles('UIBody2')}\n  color: ${({ textColor }) => textColor};\n  white-space: nowrap;\n`;\n\nexport const InputTogglePasswordVisibilityButton = styled.button`\n  all: unset;\n  appearance: none;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  & > svg {\n    display: block;\n  }\n`;\n"],"names":["InputWrapper","InputDecorator","InputTogglePasswordVisibilityButton"],"mappings":";;;;;;AAAa;AAeAA;AACT;AAAS;AAIR;;AAkBD;;AAAsB;AAcvB;AAGUC;AAQN;;;;AA+CI;AAAY;AAAgB;AAI1BC;;"}
+{"version":3,"file":"styles.esm.js","sources":["../../../../src/Inputs/TextInput/styles.ts"],"sourcesContent":["'use client';\n\nimport type { ColorVariable } from '@remember-web/mixin';\nimport {\n  bg200,\n  contents000,\n  contents200,\n  contents300,\n  ellipsis,\n  getTypographyStyles,\n  roleRed,\n} from '@remember-web/mixin';\nimport { formatUnit } from '@remember-web/shared';\nimport styled, { css } from 'styled-components';\n\nexport const InputWrapper = styled.div<{ $width?: string | number }>`\n  ${({ $width }) =>\n    $width &&\n    css`\n      width: ${formatUnit($width)};\n    `};\n`;\n\nexport const InputContainer = styled.div<{\n  disabled?: boolean;\n  $hasError?: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  border: 1px solid ${contents300};\n  border-radius: 4px;\n  padding: 0 12px;\n  gap: 8px;\n\n  transition:\n    border-color 0.2s,\n    background-color 0.2s;\n\n  ${({ $hasError, disabled }) => [\n    $hasError\n      ? css`\n          border-color: ${roleRed};\n        `\n      : css`\n          &:focus-within {\n            border-color: ${contents000};\n          }\n        `,\n    disabled &&\n      css`\n        background-color: ${bg200};\n      `,\n  ]}\n`;\n\nexport const InputDecorator = styled.div`\n  flex-shrink: 0;\n  /* Inline요소가 들어오면 강제로 block으로 처리 (중앙정렬을 위해) */\n  > * {\n    display: block;\n  }\n`;\n\nexport const InputInner = styled.input`\n  ${getTypographyStyles('UIBody2')}\n  color: ${contents000};\n\n  display: block;\n  flex-grow: 1;\n  width: 100%;\n  padding: 10px 0;\n  border: 0;\n  background-color: transparent;\n\n  &:placeholder-shown {\n    ${ellipsis()}\n  }\n\n  &::placeholder {\n    color: ${contents200};\n  }\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const InputLabel = styled.label`\n  ${getTypographyStyles('Title2')}\n  display: block;\n  margin-bottom: 12px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  & > mark {\n    all: unset;\n    color: ${roleRed};\n  }\n`;\n\nexport const InputError = styled.div`\n  ${getTypographyStyles('UIBody3')}\n  color: ${roleRed};\n\n  margin-top: 8px;\n`;\n\nexport const InputHintText = styled.span<{ textColor?: ColorVariable }>`\n  ${getTypographyStyles('UIBody2')}\n  color: ${({ textColor }) => textColor};\n  white-space: nowrap;\n`;\n\nexport const InputTogglePasswordVisibilityButton = styled.button`\n  all: unset;\n  appearance: none;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  & > svg {\n    display: block;\n  }\n`;\n"],"names":[],"mappings":";;;;;;AAAa;AAeN;AACH;AAAS;AAIR;;AAkBD;;AAAsB;AAcvB;AAGI;AAQA;;;;AA+CI;AAAY;AAAgB;AAIhC;;"}

package/dist/src/Labels/Label/index.cjs.js

@@ -20,7 +20,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWith
 
 var _excluded = ["text", "children", "direction", "size", "gap", "width", "rightElement", "required", "className"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Label = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
   var text = _ref.text,
     children = _ref.children,

package/dist/src/Labels/Label/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/Labels/Label/index.tsx"],"sourcesContent":["import { Flex } from '@/Common';\nimport { IconRequiredS } from '@remember-web/icon';\nimport { forwardRef } from 'react';\nimport { LabelContainer } from './styles';\nimport type { LabelProps } from './types';\n\nconst Label = forwardRef<HTMLLabelElement, LabelProps>(\n  (\n    {\n      text,\n      children,\n      direction = 'top-left',\n      size = 'small',\n      gap,\n      width,\n      rightElement,\n      required,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <LabelContainer\n        ref={ref}\n        $size={size}\n        className={className}\n        $direction={direction}\n        $gap={gap}\n        $width={width}\n        {...props}\n      >\n        <Flex gap={4}>\n          {text}\n          <Flex>\n            {rightElement}\n            {required && (\n              <Flex className=\"required-icon\">\n                <IconRequiredS />\n              </Flex>\n            )}\n          </Flex>\n        </Flex>\n        {children}\n      </LabelContainer>\n    );\n  }\n);\n\nexport default Label;\n"],"names":["Label","forwardRef","_ref","ref","text","children","_ref$direction","direction","_ref$size","size","gap","width","rightElement","required","className","props","_objectWithoutProperties","_excluded","_jsxs","LabelContainer","_objectSpread","$size","$direction","$gap","$width","Flex","_jsx","IconRequiredS"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMMA,IAAAA,KAAK,gBAAGC,gBAAU,CACtB,UAAAC,IAAA,EAaEC,GAAG,EACA;AAAA,EAAA,IAZDC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,cAAA,GAAAJ,IAAA,CACRK,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,cAAA;IAAAE,SAAA,GAAAN,IAAA,CACtBO,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;IACdE,GAAG,GAAAR,IAAA,CAAHQ,GAAG;IACHC,KAAK,GAAAT,IAAA,CAALS,KAAK;IACLC,YAAY,GAAAV,IAAA,CAAZU,YAAY;IACZC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;IACRC,SAAS,GAAAZ,IAAA,CAATY,SAAS;AACNC,IAAAA,KAAK,GAAAC,yCAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA,CAAA;AAIV,EAAA,oBACEC,eAAA,CAACC,qBAAc,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACbjB,IAAAA,GAAG,EAAEA,GAAI;AACTkB,IAAAA,KAAK,EAAEZ,IAAK;AACZK,IAAAA,SAAS,EAAEA,SAAU;AACrBQ,IAAAA,UAAU,EAAEf,SAAU;AACtBgB,IAAAA,IAAI,EAAEb,GAAI;AACVc,IAAAA,MAAM,EAAEb,KAAAA;AAAM,GAAA,EACVI,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAV,QAAA,EAAA,cAETa,eAAA,CAACO,UAAI,EAAA;AAACf,MAAAA,GAAG,EAAE,CAAE;AAAAL,MAAAA,QAAA,EACVD,CAAAA,IAAI,eACLc,eAAA,CAACO,UAAI,EAAA;AAAApB,QAAAA,QAAA,GACFO,YAAY,EACZC,QAAQ,iBACPa,cAAA,CAACD,UAAI,EAAA;AAACX,UAAAA,SAAS,EAAC,eAAe;AAAAT,UAAAA,QAAA,eAC7BqB,cAAA,CAACC,kBAAa,EAAE,EAAA,CAAA;AAAC,SACb,CACP,CAAA;AAAA,OACG,CAAC,CAAA;KACH,CAAC,EACNtB,QAAQ,CAAA;AAAA,GAAA,CACK,CAAC,CAAA;AAErB,CACF;;;;"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/Labels/Label/index.tsx"],"sourcesContent":["import { Flex } from '@/Common';\nimport { IconRequiredS } from '@remember-web/icon';\nimport { forwardRef } from 'react';\nimport { LabelContainer } from './styles';\nimport type { LabelProps } from './types';\n\nconst Label = forwardRef<HTMLLabelElement, LabelProps>(\n  (\n    {\n      text,\n      children,\n      direction = 'top-left',\n      size = 'small',\n      gap,\n      width,\n      rightElement,\n      required,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <LabelContainer\n        ref={ref}\n        $size={size}\n        className={className}\n        $direction={direction}\n        $gap={gap}\n        $width={width}\n        {...props}\n      >\n        <Flex gap={4}>\n          {text}\n          <Flex>\n            {rightElement}\n            {required && (\n              <Flex className=\"required-icon\">\n                <IconRequiredS />\n              </Flex>\n            )}\n          </Flex>\n        </Flex>\n        {children}\n      </LabelContainer>\n    );\n  }\n);\n\nexport default Label;\n"],"names":["Label","forwardRef","_ref","ref","text","children","_ref$direction","direction","_ref$size","size","gap","width","rightElement","required","className","props","_objectWithoutProperties","_excluded","_jsxs","LabelContainer","_objectSpread","$size","$direction","$gap","$width","Flex","_jsx","IconRequiredS"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,KAAK,gBAAGC,gBAAU,CACtB,UAAAC,IAAA,EAaEC,GAAG,EACA;AAAA,EAAA,IAZDC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,cAAA,GAAAJ,IAAA,CACRK,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,UAAU,GAAAA,cAAA;IAAAE,SAAA,GAAAN,IAAA,CACtBO,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,OAAO,GAAAA,SAAA;IACdE,GAAG,GAAAR,IAAA,CAAHQ,GAAG;IACHC,KAAK,GAAAT,IAAA,CAALS,KAAK;IACLC,YAAY,GAAAV,IAAA,CAAZU,YAAY;IACZC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;IACRC,SAAS,GAAAZ,IAAA,CAATY,SAAS;AACNC,IAAAA,KAAK,GAAAC,yCAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA;AAIV,EAAA,oBACEC,eAAA,CAACC,qBAAc,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACbjB,IAAAA,GAAG,EAAEA,GAAI;AACTkB,IAAAA,KAAK,EAAEZ,IAAK;AACZK,IAAAA,SAAS,EAAEA,SAAU;AACrBQ,IAAAA,UAAU,EAAEf,SAAU;AACtBgB,IAAAA,IAAI,EAAEb,GAAI;AACVc,IAAAA,MAAM,EAAEb;AAAM,GAAA,EACVI,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAV,QAAA,EAAA,cAETa,eAAA,CAACO,UAAI,EAAA;AAACf,MAAAA,GAAG,EAAE,CAAE;AAAAL,MAAAA,QAAA,EAAA,CACVD,IAAI,eACLc,eAAA,CAACO,UAAI,EAAA;AAAApB,QAAAA,QAAA,GACFO,YAAY,EACZC,QAAQ,iBACPa,cAAA,CAACD,UAAI,EAAA;AAACX,UAAAA,SAAS,EAAC,eAAe;AAAAT,UAAAA,QAAA,eAC7BqB,cAAA,CAACC,kBAAa,EAAA,EAAE;AAAC,SACb,CACP;AAAA,OACG,CAAC;KACH,CAAC,EACNtB,QAAQ;AAAA,GAAA,CACK,CAAC;AAErB,CACF;;;;"}

package/dist/src/Labels/Label/index.esm.js

@@ -13,7 +13,7 @@ import { LabelContainer } from './styles.esm.js';
 
 var _excluded = ["text", "children", "direction", "size", "gap", "width", "rightElement", "required", "className"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var text = _ref.text,
     children = _ref.children,

package/dist/src/Labels/Label/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/Labels/Label/index.tsx"],"sourcesContent":["import { Flex } from '@/Common';\nimport { IconRequiredS } from '@remember-web/icon';\nimport { forwardRef } from 'react';\nimport { LabelContainer } from './styles';\nimport type { LabelProps } from './types';\n\nconst Label = forwardRef<HTMLLabelElement, LabelProps>(\n  (\n    {\n      text,\n      children,\n      direction = 'top-left',\n      size = 'small',\n      gap,\n      width,\n      rightElement,\n      required,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <LabelContainer\n        ref={ref}\n        $size={size}\n        className={className}\n        $direction={direction}\n        $gap={gap}\n        $width={width}\n        {...props}\n      >\n        <Flex gap={4}>\n          {text}\n          <Flex>\n            {rightElement}\n            {required && (\n              <Flex className=\"required-icon\">\n                <IconRequiredS />\n              </Flex>\n            )}\n          </Flex>\n        </Flex>\n        {children}\n      </LabelContainer>\n    );\n  }\n);\n\nexport default Label;\n"],"names":["Label","forwardRef","_ref","ref","text","children","_ref$direction","direction","_ref$size","size","gap","width","rightElement","required","className","props","_objectWithoutProperties","_excluded","_jsxs","LabelContainer","_objectSpread","$size","$direction","$gap","$width","Flex","_jsx","IconRequiredS"],"mappings":";;;;;;;;;;;;;;;;AAMMA,IAAAA,KAAK,gBAAGC,UAAU,CACtB,UAAAC,IAAA,EAaEC,GAAG,EACA;AAAA,EAAA,IAZDC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,cAAA,GAAAJ,IAAA,CACRK,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,cAAA;IAAAE,SAAA,GAAAN,IAAA,CACtBO,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;IACdE,GAAG,GAAAR,IAAA,CAAHQ,GAAG;IACHC,KAAK,GAAAT,IAAA,CAALS,KAAK;IACLC,YAAY,GAAAV,IAAA,CAAZU,YAAY;IACZC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;IACRC,SAAS,GAAAZ,IAAA,CAATY,SAAS;AACNC,IAAAA,KAAK,GAAAC,wBAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA,CAAA;AAIV,EAAA,oBACEC,IAAA,CAACC,cAAc,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACbjB,IAAAA,GAAG,EAAEA,GAAI;AACTkB,IAAAA,KAAK,EAAEZ,IAAK;AACZK,IAAAA,SAAS,EAAEA,SAAU;AACrBQ,IAAAA,UAAU,EAAEf,SAAU;AACtBgB,IAAAA,IAAI,EAAEb,GAAI;AACVc,IAAAA,MAAM,EAAEb,KAAAA;AAAM,GAAA,EACVI,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAV,QAAA,EAAA,cAETa,IAAA,CAACO,IAAI,EAAA;AAACf,MAAAA,GAAG,EAAE,CAAE;AAAAL,MAAAA,QAAA,EACVD,CAAAA,IAAI,eACLc,IAAA,CAACO,IAAI,EAAA;AAAApB,QAAAA,QAAA,GACFO,YAAY,EACZC,QAAQ,iBACPa,GAAA,CAACD,IAAI,EAAA;AAACX,UAAAA,SAAS,EAAC,eAAe;AAAAT,UAAAA,QAAA,eAC7BqB,GAAA,CAACC,aAAa,EAAE,EAAA,CAAA;AAAC,SACb,CACP,CAAA;AAAA,OACG,CAAC,CAAA;KACH,CAAC,EACNtB,QAAQ,CAAA;AAAA,GAAA,CACK,CAAC,CAAA;AAErB,CACF;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/Labels/Label/index.tsx"],"sourcesContent":["import { Flex } from '@/Common';\nimport { IconRequiredS } from '@remember-web/icon';\nimport { forwardRef } from 'react';\nimport { LabelContainer } from './styles';\nimport type { LabelProps } from './types';\n\nconst Label = forwardRef<HTMLLabelElement, LabelProps>(\n  (\n    {\n      text,\n      children,\n      direction = 'top-left',\n      size = 'small',\n      gap,\n      width,\n      rightElement,\n      required,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <LabelContainer\n        ref={ref}\n        $size={size}\n        className={className}\n        $direction={direction}\n        $gap={gap}\n        $width={width}\n        {...props}\n      >\n        <Flex gap={4}>\n          {text}\n          <Flex>\n            {rightElement}\n            {required && (\n              <Flex className=\"required-icon\">\n                <IconRequiredS />\n              </Flex>\n            )}\n          </Flex>\n        </Flex>\n        {children}\n      </LabelContainer>\n    );\n  }\n);\n\nexport default Label;\n"],"names":["Label","forwardRef","_ref","ref","text","children","_ref$direction","direction","_ref$size","size","gap","width","rightElement","required","className","props","_objectWithoutProperties","_excluded","_jsxs","LabelContainer","_objectSpread","$size","$direction","$gap","$width","Flex","_jsx","IconRequiredS"],"mappings":";;;;;;;;;;;;;;;;AAMA,IAAMA,KAAK,gBAAGC,UAAU,CACtB,UAAAC,IAAA,EAaEC,GAAG,EACA;AAAA,EAAA,IAZDC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,cAAA,GAAAJ,IAAA,CACRK,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,UAAU,GAAAA,cAAA;IAAAE,SAAA,GAAAN,IAAA,CACtBO,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,OAAO,GAAAA,SAAA;IACdE,GAAG,GAAAR,IAAA,CAAHQ,GAAG;IACHC,KAAK,GAAAT,IAAA,CAALS,KAAK;IACLC,YAAY,GAAAV,IAAA,CAAZU,YAAY;IACZC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;IACRC,SAAS,GAAAZ,IAAA,CAATY,SAAS;AACNC,IAAAA,KAAK,GAAAC,wBAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA;AAIV,EAAA,oBACEC,IAAA,CAACC,cAAc,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACbjB,IAAAA,GAAG,EAAEA,GAAI;AACTkB,IAAAA,KAAK,EAAEZ,IAAK;AACZK,IAAAA,SAAS,EAAEA,SAAU;AACrBQ,IAAAA,UAAU,EAAEf,SAAU;AACtBgB,IAAAA,IAAI,EAAEb,GAAI;AACVc,IAAAA,MAAM,EAAEb;AAAM,GAAA,EACVI,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAV,QAAA,EAAA,cAETa,IAAA,CAACO,IAAI,EAAA;AAACf,MAAAA,GAAG,EAAE,CAAE;AAAAL,MAAAA,QAAA,EAAA,CACVD,IAAI,eACLc,IAAA,CAACO,IAAI,EAAA;AAAApB,QAAAA,QAAA,GACFO,YAAY,EACZC,QAAQ,iBACPa,GAAA,CAACD,IAAI,EAAA;AAACX,UAAAA,SAAS,EAAC,eAAe;AAAAT,UAAAA,QAAA,eAC7BqB,GAAA,CAACC,aAAa,EAAA,EAAE;AAAC,SACb,CACP;AAAA,OACG,CAAC;KACH,CAAC,EACNtB,QAAQ;AAAA,GAAA,CACK,CAAC;AAErB,CACF;;;;"}

package/dist/src/Labels/Label/styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Labels/Label/styles.ts"],"sourcesContent":["import {\n  contents000,\n  contents100,\n  getTypographyStyles,\n} from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\nimport type { LabelProps } from './types';\n\ninterface LabelContainerProps {\n  $size: LabelProps['size'];\n  $direction: LabelProps['direction'];\n  $gap: LabelProps['gap'];\n  $width: LabelProps['width'];\n}\nexport const LabelContainer = styled.label<LabelContainerProps>`\n  display: flex;\n  position: relative;\n  width: ${({ $width = 'auto' }) => $width};\n  min-width: min-content; \n\n  ${({ $size, $gap }) => {\n    const defaultGap = $size === 'large' ? '12px' : '8px';\n    const finalGap = $gap !== undefined ? `${$gap}px` : defaultGap;\n\n    return css`\n      gap: ${finalGap};\n    `;\n  }}\n\n  ${({ $direction = 'top' }) => {\n    switch ($direction) {\n      // Top variations\n      case 'top':\n        return css`\n          flex-direction: column;\n          align-items: flex-start;\n        `;\n      case 'top-left':\n        return css`\n          flex-direction: column;\n          align-items: flex-start;\n        `;\n      case 'top-right':\n        return css`\n          flex-direction: column;\n          align-items: flex-end;\n        `;\n      case 'top-center':\n        return css`\n          flex-direction: column;\n          align-items: center;\n        `;\n\n      // Bottom variations\n      case 'bottom':\n        return css`\n          flex-direction: column-reverse;\n          align-items: flex-start;\n        `;\n      case 'bottom-left':\n        return css`\n          flex-direction: column-reverse;\n          align-items: flex-start;\n        `;\n      case 'bottom-right':\n        return css`\n          flex-direction: column-reverse;\n          align-items: flex-end;\n        `;\n      case 'bottom-center':\n        return css`\n          flex-direction: column-reverse;\n          align-items: center;\n        `;\n\n      // Left variations\n      case 'left':\n        return css`\n          flex-direction: row;\n          align-items: center;\n        `;\n      case 'left-top':\n        return css`\n          flex-direction: row;\n          align-items: flex-start;\n        `;\n      case 'left-bottom':\n        return css`\n          flex-direction: row;\n          align-items: flex-end;\n        `;\n      case 'left-center':\n        return css`\n          flex-direction: row;\n          align-items: center;\n        `;\n\n      // Right variations\n      case 'right':\n        return css`\n          flex-direction: row-reverse;\n          align-items: center;\n        `;\n      case 'right-top':\n        return css`\n          flex-direction: row-reverse;\n          align-items: flex-start;\n        `;\n      case 'right-bottom':\n        return css`\n          flex-direction: row-reverse;\n          align-items: flex-end;\n        `;\n      case 'right-center':\n        return css`\n          flex-direction: row-reverse;\n          align-items: center;\n        `;\n    }\n  }}\n\n  /* Size styles */\n   ${({ $size }) => {\n     switch ($size) {\n       case 'small':\n         return css`\n          ${getTypographyStyles('UIBody2')}\n          color: ${contents100};\n        `;\n       case 'large':\n       default:\n         return css`\n          ${getTypographyStyles('Title2')}\n          color: ${contents000};\n        `;\n     }\n   }}\n`;\n"],"names":["LabelContainer","styled","label","_templateObject","_taggedTemplateLiteral","_ref","_ref$$width","$width","_ref2","$size","$gap","defaultGap","finalGap","undefined","concat","css","_templateObject2","_ref3","_ref3$$direction","$direction","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_ref4","_templateObject19","getTypographyStyles","contents100","_templateObject20","contents000"],"mappings":"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"}
+{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Labels/Label/styles.ts"],"sourcesContent":["import {\n  contents000,\n  contents100,\n  getTypographyStyles,\n} from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\nimport type { LabelProps } from './types';\n\ninterface LabelContainerProps {\n  $size: LabelProps['size'];\n  $direction: LabelProps['direction'];\n  $gap: LabelProps['gap'];\n  $width: LabelProps['width'];\n}\nexport const LabelContainer = styled.label<LabelContainerProps>`\n  display: flex;\n  position: relative;\n  width: ${({ $width = 'auto' }) => $width};\n  min-width: min-content; \n\n  ${({ $size, $gap }) => {\n    const defaultGap = $size === 'large' ? '12px' : '8px';\n    const finalGap = $gap !== undefined ? `${$gap}px` : defaultGap;\n\n    return css`\n      gap: ${finalGap};\n    `;\n  }}\n\n  ${({ $direction = 'top' }) => {\n    switch ($direction) {\n      // Top variations\n      case 'top':\n        return css`\n          flex-direction: column;\n          align-items: flex-start;\n        `;\n      case 'top-left':\n        return css`\n          flex-direction: column;\n          align-items: flex-start;\n        `;\n      case 'top-right':\n        return css`\n          flex-direction: column;\n          align-items: flex-end;\n        `;\n      case 'top-center':\n        return css`\n          flex-direction: column;\n          align-items: center;\n        `;\n\n      // Bottom variations\n      case 'bottom':\n        return css`\n          flex-direction: column-reverse;\n          align-items: flex-start;\n        `;\n      case 'bottom-left':\n        return css`\n          flex-direction: column-reverse;\n          align-items: flex-start;\n        `;\n      case 'bottom-right':\n        return css`\n          flex-direction: column-reverse;\n          align-items: flex-end;\n        `;\n      case 'bottom-center':\n        return css`\n          flex-direction: column-reverse;\n          align-items: center;\n        `;\n\n      // Left variations\n      case 'left':\n        return css`\n          flex-direction: row;\n          align-items: center;\n        `;\n      case 'left-top':\n        return css`\n          flex-direction: row;\n          align-items: flex-start;\n        `;\n      case 'left-bottom':\n        return css`\n          flex-direction: row;\n          align-items: flex-end;\n        `;\n      case 'left-center':\n        return css`\n          flex-direction: row;\n          align-items: center;\n        `;\n\n      // Right variations\n      case 'right':\n        return css`\n          flex-direction: row-reverse;\n          align-items: center;\n        `;\n      case 'right-top':\n        return css`\n          flex-direction: row-reverse;\n          align-items: flex-start;\n        `;\n      case 'right-bottom':\n        return css`\n          flex-direction: row-reverse;\n          align-items: flex-end;\n        `;\n      case 'right-center':\n        return css`\n          flex-direction: row-reverse;\n          align-items: center;\n        `;\n    }\n  }}\n\n  /* Size styles */\n   ${({ $size }) => {\n     switch ($size) {\n       case 'small':\n         return css`\n          ${getTypographyStyles('UIBody2')}\n          color: ${contents100};\n        `;\n       case 'large':\n       default:\n         return css`\n          ${getTypographyStyles('Title2')}\n          color: ${contents000};\n        `;\n     }\n   }}\n`;\n"],"names":["LabelContainer","styled","label","_templateObject","_taggedTemplateLiteral","_ref","_ref$$width","$width","_ref2","$size","$gap","defaultGap","finalGap","undefined","concat","css","_templateObject2","_ref3","_ref3$$direction","$direction","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_ref4","_templateObject19","getTypographyStyles","contents100","_templateObject20","contents000"],"mappings":"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"}

package/dist/src/Labels/Label/styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.esm.js","sources":["../../../../src/Labels/Label/styles.ts"],"sourcesContent":["import {\n  contents000,\n  contents100,\n  getTypographyStyles,\n} from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\nimport type { LabelProps } from './types';\n\ninterface LabelContainerProps {\n  $size: LabelProps['size'];\n  $direction: LabelProps['direction'];\n  $gap: LabelProps['gap'];\n  $width: LabelProps['width'];\n}\nexport const LabelContainer = styled.label<LabelContainerProps>`\n  display: flex;\n  position: relative;\n  width: ${({ $width = 'auto' }) => $width};\n  min-width: min-content; \n\n  ${({ $size, $gap }) => {\n    const defaultGap = $size === 'large' ? '12px' : '8px';\n    const finalGap = $gap !== undefined ? `${$gap}px` : defaultGap;\n\n    return css`\n      gap: ${finalGap};\n    `;\n  }}\n\n  ${({ $direction = 'top' }) => {\n    switch ($direction) {\n      // Top variations\n      case 'top':\n        return css`\n          flex-direction: column;\n          align-items: flex-start;\n        `;\n      case 'top-left':\n        return css`\n          flex-direction: column;\n          align-items: flex-start;\n        `;\n      case 'top-right':\n        return css`\n          flex-direction: column;\n          align-items: flex-end;\n        `;\n      case 'top-center':\n        return css`\n          flex-direction: column;\n          align-items: center;\n        `;\n\n      // Bottom variations\n      case 'bottom':\n        return css`\n          flex-direction: column-reverse;\n          align-items: flex-start;\n        `;\n      case 'bottom-left':\n        return css`\n          flex-direction: column-reverse;\n          align-items: flex-start;\n        `;\n      case 'bottom-right':\n        return css`\n          flex-direction: column-reverse;\n          align-items: flex-end;\n        `;\n      case 'bottom-center':\n        return css`\n          flex-direction: column-reverse;\n          align-items: center;\n        `;\n\n      // Left variations\n      case 'left':\n        return css`\n          flex-direction: row;\n          align-items: center;\n        `;\n      case 'left-top':\n        return css`\n          flex-direction: row;\n          align-items: flex-start;\n        `;\n      case 'left-bottom':\n        return css`\n          flex-direction: row;\n          align-items: flex-end;\n        `;\n      case 'left-center':\n        return css`\n          flex-direction: row;\n          align-items: center;\n        `;\n\n      // Right variations\n      case 'right':\n        return css`\n          flex-direction: row-reverse;\n          align-items: center;\n        `;\n      case 'right-top':\n        return css`\n          flex-direction: row-reverse;\n          align-items: flex-start;\n        `;\n      case 'right-bottom':\n        return css`\n          flex-direction: row-reverse;\n          align-items: flex-end;\n        `;\n      case 'right-center':\n        return css`\n          flex-direction: row-reverse;\n          align-items: center;\n        `;\n    }\n  }}\n\n  /* Size styles */\n   ${({ $size }) => {\n     switch ($size) {\n       case 'small':\n         return css`\n          ${getTypographyStyles('UIBody2')}\n          color: ${contents100};\n        `;\n       case 'large':\n       default:\n         return css`\n          ${getTypographyStyles('Title2')}\n          color: ${contents000};\n        `;\n     }\n   }}\n`;\n"],"names":["LabelContainer","styled","label","_templateObject","_taggedTemplateLiteral","_ref","_ref$$width","$width","_ref2","$size","$gap","defaultGap","finalGap","undefined","concat","css","_templateObject2","_ref3","_ref3$$direction","$direction","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_ref4","_templateObject19","getTypographyStyles","contents100","_templateObject20","contents000"],"mappings":"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"}
+{"version":3,"file":"styles.esm.js","sources":["../../../../src/Labels/Label/styles.ts"],"sourcesContent":["import {\n  contents000,\n  contents100,\n  getTypographyStyles,\n} from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\nimport type { LabelProps } from './types';\n\ninterface LabelContainerProps {\n  $size: LabelProps['size'];\n  $direction: LabelProps['direction'];\n  $gap: LabelProps['gap'];\n  $width: LabelProps['width'];\n}\nexport const LabelContainer = styled.label<LabelContainerProps>`\n  display: flex;\n  position: relative;\n  width: ${({ $width = 'auto' }) => $width};\n  min-width: min-content; \n\n  ${({ $size, $gap }) => {\n    const defaultGap = $size === 'large' ? '12px' : '8px';\n    const finalGap = $gap !== undefined ? `${$gap}px` : defaultGap;\n\n    return css`\n      gap: ${finalGap};\n    `;\n  }}\n\n  ${({ $direction = 'top' }) => {\n    switch ($direction) {\n      // Top variations\n      case 'top':\n        return css`\n          flex-direction: column;\n          align-items: flex-start;\n        `;\n      case 'top-left':\n        return css`\n          flex-direction: column;\n          align-items: flex-start;\n        `;\n      case 'top-right':\n        return css`\n          flex-direction: column;\n          align-items: flex-end;\n        `;\n      case 'top-center':\n        return css`\n          flex-direction: column;\n          align-items: center;\n        `;\n\n      // Bottom variations\n      case 'bottom':\n        return css`\n          flex-direction: column-reverse;\n          align-items: flex-start;\n        `;\n      case 'bottom-left':\n        return css`\n          flex-direction: column-reverse;\n          align-items: flex-start;\n        `;\n      case 'bottom-right':\n        return css`\n          flex-direction: column-reverse;\n          align-items: flex-end;\n        `;\n      case 'bottom-center':\n        return css`\n          flex-direction: column-reverse;\n          align-items: center;\n        `;\n\n      // Left variations\n      case 'left':\n        return css`\n          flex-direction: row;\n          align-items: center;\n        `;\n      case 'left-top':\n        return css`\n          flex-direction: row;\n          align-items: flex-start;\n        `;\n      case 'left-bottom':\n        return css`\n          flex-direction: row;\n          align-items: flex-end;\n        `;\n      case 'left-center':\n        return css`\n          flex-direction: row;\n          align-items: center;\n        `;\n\n      // Right variations\n      case 'right':\n        return css`\n          flex-direction: row-reverse;\n          align-items: center;\n        `;\n      case 'right-top':\n        return css`\n          flex-direction: row-reverse;\n          align-items: flex-start;\n        `;\n      case 'right-bottom':\n        return css`\n          flex-direction: row-reverse;\n          align-items: flex-end;\n        `;\n      case 'right-center':\n        return css`\n          flex-direction: row-reverse;\n          align-items: center;\n        `;\n    }\n  }}\n\n  /* Size styles */\n   ${({ $size }) => {\n     switch ($size) {\n       case 'small':\n         return css`\n          ${getTypographyStyles('UIBody2')}\n          color: ${contents100};\n        `;\n       case 'large':\n       default:\n         return css`\n          ${getTypographyStyles('Title2')}\n          color: ${contents000};\n        `;\n     }\n   }}\n`;\n"],"names":["LabelContainer","styled","label","_templateObject","_taggedTemplateLiteral","_ref","_ref$$width","$width","_ref2","$size","$gap","defaultGap","finalGap","undefined","concat","css","_templateObject2","_ref3","_ref3$$direction","$direction","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_ref4","_templateObject19","getTypographyStyles","contents100","_templateObject20","contents000"],"mappings":"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"}

package/dist/src/Logos/EnvLabel/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type EnvType = 'production' | 'final' | 'alpha' | 'bravo' | 'test' | 'development';
 export declare const getEnvLabel: (env?: EnvType) => JSX.Element | undefined;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/Logos/EnvLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Logos/EnvLabel/index.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,OAAO,GACf,YAAY,GACZ,OAAO,GACP,OAAO,GACP,OAAO,GACP,MAAM,GACN,aAAa,CAAC;AAElB,eAAO,MAAM,WAAW,SAAU,OAAO,KAAG,WAAW,GAAG,SA0BzD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Logos/EnvLabel/index.tsx"],"names":[],"mappings":";AAEA,MAAM,MAAM,OAAO,GACf,YAAY,GACZ,OAAO,GACP,OAAO,GACP,OAAO,GACP,MAAM,GACN,aAAa,CAAC;AAElB,eAAO,MAAM,WAAW,SAAU,OAAO,KAAG,WAAW,GAAG,SA0BzD,CAAC"}

package/dist/src/Logos/RememberLogo/index.cjs.js

@@ -13,7 +13,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWith
 
 var _excluded = ["className", "color", "height", "env", "customElement", "ref"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getViewBoxWidth = function getViewBoxWidth(env) {
   switch (env) {
     case 'bravo':

package/dist/src/Logos/RememberLogo/index.esm.js

@@ -6,7 +6,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _excluded = ["className", "color", "height", "env", "customElement", "ref"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getViewBoxWidth = function getViewBoxWidth(env) {
   switch (env) {
     case 'bravo':

package/dist/src/Logos/RememberMobileLogo/index.cjs.js

@@ -12,7 +12,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWith
 
 var _excluded = ["className", "color", "height", "customElement", "ref"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RememberMobileLogo = function RememberMobileLogo(_ref) {
   var className = _ref.className,
     _ref$color = _ref.color,

package/dist/src/Logos/RememberMobileLogo/index.esm.js

@@ -5,7 +5,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _excluded = ["className", "color", "height", "customElement", "ref"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RememberMobileLogo = function RememberMobileLogo(_ref) {
   var className = _ref.className,
     _ref$color = _ref.color,

package/dist/src/Logos/RememberServiceLogo/index.cjs.js

@@ -22,7 +22,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWith
 
 var _excluded = ["label", "color"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RememberServiceLogo = function RememberServiceLogo(_ref) {
   var label = _ref.label,
     _ref$color = _ref.color,

package/dist/src/Logos/RememberServiceLogo/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/Logos/RememberServiceLogo/index.tsx"],"sourcesContent":["import type { GetStyledComponentProps } from '@remember-web/shared';\n\nimport { Divider, Flex, Typography } from '@/Common';\nimport type { RememberLogoProps } from '@/Logos/types';\n\nimport { RememberLogo } from '../RememberLogo';\nimport { StyledServiceLogoRoot } from './style';\n\nexport type GnbNaviLogoProps<As> = GetStyledComponentProps<\n  typeof StyledServiceLogoRoot,\n  As\n> & {\n  label?: string;\n  color?: RememberLogoProps['color'];\n};\n\nexport const RememberServiceLogo = <As,>({\n  label,\n  color = 'black',\n  ...props\n}: GnbNaviLogoProps<As>) => (\n  <StyledServiceLogoRoot $color={color} {...props}>\n    <RememberLogo color={color} />\n    {label && (\n      <Flex gap={8}>\n        <Divider decorative orientation=\"vertical\" style={{ height: '15px' }} />\n        <Typography variant=\"SubTitle1\" style={{ lineHeight: 1 }}>\n          {label}\n        </Typography>\n      </Flex>\n    )}\n  </StyledServiceLogoRoot>\n);\n"],"names":["RememberServiceLogo","_ref","label","_ref$color","color","props","_objectWithoutProperties","_excluded","_jsxs","StyledServiceLogoRoot","_objectSpread","$color","children","_jsx","RememberLogo","Flex","gap","Divider","decorative","orientation","style","height","Typography","variant","lineHeight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAgBaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,UAAA,GAAAF,IAAA,CACLG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;AACZE,IAAAA,KAAK,GAAAC,yCAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAAA,EAAA,oBAERC,eAAA,CAACC,2BAAqB,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAACC,IAAAA,MAAM,EAAEP,KAAAA;AAAM,GAAA,EAAKC,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAO,QAAA,EAAA,cAC7CC,cAAA,CAACC,kBAAY,EAAA;AAACV,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAE,CAAC,EAC7BF,KAAK,iBACJM,eAAA,CAACO,YAAI,EAAA;AAACC,MAAAA,GAAG,EAAE,CAAE;MAAAJ,QAAA,EAAA,cACXC,cAAA,CAACI,eAAO,EAAA;QAACC,UAAU,EAAA,IAAA;AAACC,QAAAA,WAAW,EAAC,UAAU;AAACC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,MAAM,EAAE,MAAA;AAAO,SAAA;AAAE,OAAE,CAAC,eACxER,cAAA,CAACS,kBAAU,EAAA;AAACC,QAAAA,OAAO,EAAC,WAAW;AAACH,QAAAA,KAAK,EAAE;AAAEI,UAAAA,UAAU,EAAE,CAAA;SAAI;AAAAZ,QAAAA,QAAA,EACtDV,KAAAA;AAAK,OACI,CAAC,CAAA;AAAA,KACT,CACP,CAAA;AAAA,GAAA,CACoB,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/Logos/RememberServiceLogo/index.tsx"],"sourcesContent":["import type { GetStyledComponentProps } from '@remember-web/shared';\n\nimport { Divider, Flex, Typography } from '@/Common';\nimport type { RememberLogoProps } from '@/Logos/types';\n\nimport { RememberLogo } from '../RememberLogo';\nimport { StyledServiceLogoRoot } from './style';\n\nexport type GnbNaviLogoProps<As> = GetStyledComponentProps<\n  typeof StyledServiceLogoRoot,\n  As\n> & {\n  label?: string;\n  color?: RememberLogoProps['color'];\n};\n\nexport const RememberServiceLogo = <As,>({\n  label,\n  color = 'black',\n  ...props\n}: GnbNaviLogoProps<As>) => (\n  <StyledServiceLogoRoot $color={color} {...props}>\n    <RememberLogo color={color} />\n    {label && (\n      <Flex gap={8}>\n        <Divider decorative orientation=\"vertical\" style={{ height: '15px' }} />\n        <Typography variant=\"SubTitle1\" style={{ lineHeight: 1 }}>\n          {label}\n        </Typography>\n      </Flex>\n    )}\n  </StyledServiceLogoRoot>\n);\n"],"names":["RememberServiceLogo","_ref","label","_ref$color","color","props","_objectWithoutProperties","_excluded","_jsxs","StyledServiceLogoRoot","_objectSpread","$color","children","_jsx","RememberLogo","Flex","gap","Divider","decorative","orientation","style","height","Typography","variant","lineHeight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAgBaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,UAAA,GAAAF,IAAA,CACLG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,OAAO,GAAAA,UAAA;AACZE,IAAAA,KAAK,GAAAC,yCAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA;AAAA,EAAA,oBAERC,eAAA,CAACC,2BAAqB,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAACC,IAAAA,MAAM,EAAEP;AAAM,GAAA,EAAKC,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAO,QAAA,EAAA,cAC7CC,cAAA,CAACC,kBAAY,EAAA;AAACV,MAAAA,KAAK,EAAEA;AAAM,KAAE,CAAC,EAC7BF,KAAK,iBACJM,eAAA,CAACO,YAAI,EAAA;AAACC,MAAAA,GAAG,EAAE,CAAE;MAAAJ,QAAA,EAAA,cACXC,cAAA,CAACI,eAAO,EAAA;QAACC,UAAU,EAAA,IAAA;AAACC,QAAAA,WAAW,EAAC,UAAU;AAACC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,MAAM,EAAE;AAAO;AAAE,OAAE,CAAC,eACxER,cAAA,CAACS,kBAAU,EAAA;AAACC,QAAAA,OAAO,EAAC,WAAW;AAACH,QAAAA,KAAK,EAAE;AAAEI,UAAAA,UAAU,EAAE;SAAI;AAAAZ,QAAAA,QAAA,EACtDV;AAAK,OACI,CAAC;AAAA,KACT,CACP;AAAA,GAAA,CACoB,CAAC;AAAA;;;;"}

package/dist/src/Logos/RememberServiceLogo/index.esm.js

@@ -15,7 +15,7 @@ import { StyledServiceLogoRoot } from './style.esm.js';
 
 var _excluded = ["label", "color"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RememberServiceLogo = function RememberServiceLogo(_ref) {
   var label = _ref.label,
     _ref$color = _ref.color,

package/dist/src/Logos/RememberServiceLogo/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/Logos/RememberServiceLogo/index.tsx"],"sourcesContent":["import type { GetStyledComponentProps } from '@remember-web/shared';\n\nimport { Divider, Flex, Typography } from '@/Common';\nimport type { RememberLogoProps } from '@/Logos/types';\n\nimport { RememberLogo } from '../RememberLogo';\nimport { StyledServiceLogoRoot } from './style';\n\nexport type GnbNaviLogoProps<As> = GetStyledComponentProps<\n  typeof StyledServiceLogoRoot,\n  As\n> & {\n  label?: string;\n  color?: RememberLogoProps['color'];\n};\n\nexport const RememberServiceLogo = <As,>({\n  label,\n  color = 'black',\n  ...props\n}: GnbNaviLogoProps<As>) => (\n  <StyledServiceLogoRoot $color={color} {...props}>\n    <RememberLogo color={color} />\n    {label && (\n      <Flex gap={8}>\n        <Divider decorative orientation=\"vertical\" style={{ height: '15px' }} />\n        <Typography variant=\"SubTitle1\" style={{ lineHeight: 1 }}>\n          {label}\n        </Typography>\n      </Flex>\n    )}\n  </StyledServiceLogoRoot>\n);\n"],"names":["RememberServiceLogo","_ref","label","_ref$color","color","props","_objectWithoutProperties","_excluded","_jsxs","StyledServiceLogoRoot","_objectSpread","$color","children","_jsx","RememberLogo","Flex","gap","Divider","decorative","orientation","style","height","Typography","variant","lineHeight"],"mappings":";;;;;;;;;;;;;;;;;;IAgBaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,UAAA,GAAAF,IAAA,CACLG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;AACZE,IAAAA,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAAA,EAAA,oBAERC,IAAA,CAACC,qBAAqB,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAACC,IAAAA,MAAM,EAAEP,KAAAA;AAAM,GAAA,EAAKC,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAO,QAAA,EAAA,cAC7CC,GAAA,CAACC,YAAY,EAAA;AAACV,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAE,CAAC,EAC7BF,KAAK,iBACJM,IAAA,CAACO,IAAI,EAAA;AAACC,MAAAA,GAAG,EAAE,CAAE;MAAAJ,QAAA,EAAA,cACXC,GAAA,CAACI,OAAO,EAAA;QAACC,UAAU,EAAA,IAAA;AAACC,QAAAA,WAAW,EAAC,UAAU;AAACC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,MAAM,EAAE,MAAA;AAAO,SAAA;AAAE,OAAE,CAAC,eACxER,GAAA,CAACS,UAAU,EAAA;AAACC,QAAAA,OAAO,EAAC,WAAW;AAACH,QAAAA,KAAK,EAAE;AAAEI,UAAAA,UAAU,EAAE,CAAA;SAAI;AAAAZ,QAAAA,QAAA,EACtDV,KAAAA;AAAK,OACI,CAAC,CAAA;AAAA,KACT,CACP,CAAA;AAAA,GAAA,CACoB,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/Logos/RememberServiceLogo/index.tsx"],"sourcesContent":["import type { GetStyledComponentProps } from '@remember-web/shared';\n\nimport { Divider, Flex, Typography } from '@/Common';\nimport type { RememberLogoProps } from '@/Logos/types';\n\nimport { RememberLogo } from '../RememberLogo';\nimport { StyledServiceLogoRoot } from './style';\n\nexport type GnbNaviLogoProps<As> = GetStyledComponentProps<\n  typeof StyledServiceLogoRoot,\n  As\n> & {\n  label?: string;\n  color?: RememberLogoProps['color'];\n};\n\nexport const RememberServiceLogo = <As,>({\n  label,\n  color = 'black',\n  ...props\n}: GnbNaviLogoProps<As>) => (\n  <StyledServiceLogoRoot $color={color} {...props}>\n    <RememberLogo color={color} />\n    {label && (\n      <Flex gap={8}>\n        <Divider decorative orientation=\"vertical\" style={{ height: '15px' }} />\n        <Typography variant=\"SubTitle1\" style={{ lineHeight: 1 }}>\n          {label}\n        </Typography>\n      </Flex>\n    )}\n  </StyledServiceLogoRoot>\n);\n"],"names":["RememberServiceLogo","_ref","label","_ref$color","color","props","_objectWithoutProperties","_excluded","_jsxs","StyledServiceLogoRoot","_objectSpread","$color","children","_jsx","RememberLogo","Flex","gap","Divider","decorative","orientation","style","height","Typography","variant","lineHeight"],"mappings":";;;;;;;;;;;;;;;;;;IAgBaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,UAAA,GAAAF,IAAA,CACLG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,OAAO,GAAAA,UAAA;AACZE,IAAAA,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA;AAAA,EAAA,oBAERC,IAAA,CAACC,qBAAqB,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAACC,IAAAA,MAAM,EAAEP;AAAM,GAAA,EAAKC,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAO,QAAA,EAAA,cAC7CC,GAAA,CAACC,YAAY,EAAA;AAACV,MAAAA,KAAK,EAAEA;AAAM,KAAE,CAAC,EAC7BF,KAAK,iBACJM,IAAA,CAACO,IAAI,EAAA;AAACC,MAAAA,GAAG,EAAE,CAAE;MAAAJ,QAAA,EAAA,cACXC,GAAA,CAACI,OAAO,EAAA;QAACC,UAAU,EAAA,IAAA;AAACC,QAAAA,WAAW,EAAC,UAAU;AAACC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,MAAM,EAAE;AAAO;AAAE,OAAE,CAAC,eACxER,GAAA,CAACS,UAAU,EAAA;AAACC,QAAAA,OAAO,EAAC,WAAW;AAACH,QAAAA,KAAK,EAAE;AAAEI,UAAAA,UAAU,EAAE;SAAI;AAAAZ,QAAAA,QAAA,EACtDV;AAAK,OACI,CAAC;AAAA,KACT,CACP;AAAA,GAAA,CACoB,CAAC;AAAA;;;;"}

package/dist/src/Logos/RememberServiceLogo/style.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.cjs.js","sources":["../../../../src/Logos/RememberServiceLogo/style.ts"],"sourcesContent":["import { contents000, getTypographyStyles } from '@remember-web/mixin';\nimport styled from 'styled-components';\n\nexport const StyledServiceLogoRoot = styled.a<{ $color?: string }>`\n  box-sizing: border-box;\n  text-decoration: none;\n  color: ${({ $color = contents000 }) => $color};\n\n  display: flex;\n  align-items: flex-end;\n  gap: 8px;\n`;\n"],"names":["StyledServiceLogoRoot","styled","a","_templateObject","_taggedTemplateLiteral","_ref","_ref$$color","$color","contents000"],"mappings":";;;;;;;;;;;;AAGaA,IAAAA,qBAAqB,GAAGC,uBAAM,CAACC,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAAA,CAAA,kEAAA,EAAA,gEAAA,CAAA,CAAA,CAAA,EAGlC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAGE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAGE,KAAAA,CAAAA,GAAAA,iBAAW,GAAAF,WAAA,CAAA;AAAA,EAAA,OAAOC,MAAM,CAAA;AAAA,CAK9C;;;;"}
+{"version":3,"file":"style.cjs.js","sources":["../../../../src/Logos/RememberServiceLogo/style.ts"],"sourcesContent":["import { contents000, getTypographyStyles } from '@remember-web/mixin';\nimport styled from 'styled-components';\n\nexport const StyledServiceLogoRoot = styled.a<{ $color?: string }>`\n  box-sizing: border-box;\n  text-decoration: none;\n  color: ${({ $color = contents000 }) => $color};\n\n  display: flex;\n  align-items: flex-end;\n  gap: 8px;\n`;\n"],"names":["StyledServiceLogoRoot","styled","a","_templateObject","_taggedTemplateLiteral","_ref","_ref$$color","$color","contents000"],"mappings":";;;;;;;;;;;;AAGO,IAAMA,qBAAqB,GAAGC,uBAAM,CAACC,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAAA,CAAA,kEAAA,EAAA,gEAAA,CAAA,CAAA,CAAA,EAGlC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAGE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAGE,iBAAW,GAAAF,WAAA;AAAA,EAAA,OAAOC,MAAM;AAAA,CAAA;;;;"}

package/dist/src/Logos/RememberServiceLogo/style.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.esm.js","sources":["../../../../src/Logos/RememberServiceLogo/style.ts"],"sourcesContent":["import { contents000, getTypographyStyles } from '@remember-web/mixin';\nimport styled from 'styled-components';\n\nexport const StyledServiceLogoRoot = styled.a<{ $color?: string }>`\n  box-sizing: border-box;\n  text-decoration: none;\n  color: ${({ $color = contents000 }) => $color};\n\n  display: flex;\n  align-items: flex-end;\n  gap: 8px;\n`;\n"],"names":["StyledServiceLogoRoot","styled","a","_templateObject","_taggedTemplateLiteral","_ref","_ref$$color","$color","contents000"],"mappings":";;;;;AAGaA,IAAAA,qBAAqB,GAAGC,MAAM,CAACC,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAAA,CAAA,kEAAA,EAAA,gEAAA,CAAA,CAAA,CAAA,EAGlC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAGE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAGE,KAAAA,CAAAA,GAAAA,WAAW,GAAAF,WAAA,CAAA;AAAA,EAAA,OAAOC,MAAM,CAAA;AAAA,CAK9C;;;;"}
+{"version":3,"file":"style.esm.js","sources":["../../../../src/Logos/RememberServiceLogo/style.ts"],"sourcesContent":["import { contents000, getTypographyStyles } from '@remember-web/mixin';\nimport styled from 'styled-components';\n\nexport const StyledServiceLogoRoot = styled.a<{ $color?: string }>`\n  box-sizing: border-box;\n  text-decoration: none;\n  color: ${({ $color = contents000 }) => $color};\n\n  display: flex;\n  align-items: flex-end;\n  gap: 8px;\n`;\n"],"names":["StyledServiceLogoRoot","styled","a","_templateObject","_taggedTemplateLiteral","_ref","_ref$$color","$color","contents000"],"mappings":";;;;;AAGO,IAAMA,qBAAqB,GAAGC,MAAM,CAACC,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAAA,CAAA,kEAAA,EAAA,gEAAA,CAAA,CAAA,CAAA,EAGlC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAGE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAGE,WAAW,GAAAF,WAAA;AAAA,EAAA,OAAOC,MAAM;AAAA,CAAA;;;;"}

package/dist/src/Logos/RememberSquareLogo/index.cjs.js

@@ -12,7 +12,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWith
 
 var _excluded = ["className", "backgroundColor", "color", "height", "customElement", "ref"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RememberSquareLogo = function RememberSquareLogo(_ref) {
   var className = _ref.className,
     _ref$backgroundColor = _ref.backgroundColor,

package/dist/src/Logos/RememberSquareLogo/index.esm.js

@@ -5,7 +5,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _excluded = ["className", "backgroundColor", "color", "height", "customElement", "ref"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RememberSquareLogo = function RememberSquareLogo(_ref) {
   var className = _ref.className,
     _ref$backgroundColor = _ref.backgroundColor,

package/dist/src/Modals/Dialog/index.cjs.js

@@ -17,7 +17,7 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWith
 var _excluded = ["children"],
   _excluded2 = ["children", "dimmed"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @prop {React.ReactNode} children
  * @prop {boolean} open

package/dist/src/Modals/Dialog/index.esm.js

@@ -10,7 +10,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 var _excluded = ["children"],
   _excluded2 = ["children", "dimmed"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * @prop {React.ReactNode} children
  * @prop {boolean} open

package/dist/src/Modals/Dialog/styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Modals/Dialog/styles.ts"],"sourcesContent":["'use client';\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport {\n  contents000,\n  contents100,\n  getTypographyStyles,\n  primary200,\n} from '@remember-web/mixin';\nimport styled, { keyframes } from 'styled-components';\n\nexport const overlayShow = keyframes`\n  0% { opacity: 0; }\n  100% { opacity: 1; }\n`;\n\nexport const contentShow = keyframes`\n  0% { opacity: 0; transform: translate(-50%, -48%) scale(.96) }\n  100% { opacity: 1; transform: translate(-50%, -50%) scale(1) }\n`;\n\nexport const StyledOverlay = styled(DialogPrimitive.Overlay)`\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.3);\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n`;\n\nexport const DialogContent = styled(DialogPrimitive.Content)`\n  box-sizing: border-box;\n  background-color: ${primary200};\n  border-radius: 8px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 90vw;\n  max-width: 360px;\n  min-width: 300px;\n  max-height: 85vh;\n  padding: 32px 24px 24px;\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n`;\n\nexport const DialogIcon = styled.div`\n  margin-bottom: 16px;\n`;\n\nexport const IconButton = styled.button`\n  all: unset;\n  height: 16px;\n  width: 16px;\n  margin: -8px 0 8px 0;\n  align-self: flex-end;\n  cursor: pointer;\n`;\n\nexport const DialogTitle = styled(DialogPrimitive.Title)`\n  ${getTypographyStyles('SubTitle1')}\n\n  color: ${contents000};\n  margin: 0;\n  padding: 0;\n  white-space: pre-line;\n`;\n\nexport const DialogDescription = styled(DialogPrimitive.Description)`\n  ${getTypographyStyles('UIBody3')}\n\n  color: ${contents100};\n  margin: 4px 0 24px;\n  text-align: center;\n  white-space: pre-line;\n`;\n"],"names":["DialogIcon","IconButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa;AAWN;AAKA;;;AAsCMA;AAIAC;AASN;AASA;;;;;;;;;"}
+{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Modals/Dialog/styles.ts"],"sourcesContent":["'use client';\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport {\n  contents000,\n  contents100,\n  getTypographyStyles,\n  primary200,\n} from '@remember-web/mixin';\nimport styled, { keyframes } from 'styled-components';\n\nexport const overlayShow = keyframes`\n  0% { opacity: 0; }\n  100% { opacity: 1; }\n`;\n\nexport const contentShow = keyframes`\n  0% { opacity: 0; transform: translate(-50%, -48%) scale(.96) }\n  100% { opacity: 1; transform: translate(-50%, -50%) scale(1) }\n`;\n\nexport const StyledOverlay = styled(DialogPrimitive.Overlay)`\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.3);\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n`;\n\nexport const DialogContent = styled(DialogPrimitive.Content)`\n  box-sizing: border-box;\n  background-color: ${primary200};\n  border-radius: 8px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 90vw;\n  max-width: 360px;\n  min-width: 300px;\n  max-height: 85vh;\n  padding: 32px 24px 24px;\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n`;\n\nexport const DialogIcon = styled.div`\n  margin-bottom: 16px;\n`;\n\nexport const IconButton = styled.button`\n  all: unset;\n  height: 16px;\n  width: 16px;\n  margin: -8px 0 8px 0;\n  align-self: flex-end;\n  cursor: pointer;\n`;\n\nexport const DialogTitle = styled(DialogPrimitive.Title)`\n  ${getTypographyStyles('SubTitle1')}\n\n  color: ${contents000};\n  margin: 0;\n  padding: 0;\n  white-space: pre-line;\n`;\n\nexport const DialogDescription = styled(DialogPrimitive.Description)`\n  ${getTypographyStyles('UIBody3')}\n\n  color: ${contents100};\n  margin: 4px 0 24px;\n  text-align: center;\n  white-space: pre-line;\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa;AAWN;AAKA;;;AAsCA;AAIA;AASA;AASA;;;;;;;;;"}

package/dist/src/Modals/Dialog/styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.esm.js","sources":["../../../../src/Modals/Dialog/styles.ts"],"sourcesContent":["'use client';\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport {\n  contents000,\n  contents100,\n  getTypographyStyles,\n  primary200,\n} from '@remember-web/mixin';\nimport styled, { keyframes } from 'styled-components';\n\nexport const overlayShow = keyframes`\n  0% { opacity: 0; }\n  100% { opacity: 1; }\n`;\n\nexport const contentShow = keyframes`\n  0% { opacity: 0; transform: translate(-50%, -48%) scale(.96) }\n  100% { opacity: 1; transform: translate(-50%, -50%) scale(1) }\n`;\n\nexport const StyledOverlay = styled(DialogPrimitive.Overlay)`\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.3);\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n`;\n\nexport const DialogContent = styled(DialogPrimitive.Content)`\n  box-sizing: border-box;\n  background-color: ${primary200};\n  border-radius: 8px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 90vw;\n  max-width: 360px;\n  min-width: 300px;\n  max-height: 85vh;\n  padding: 32px 24px 24px;\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n`;\n\nexport const DialogIcon = styled.div`\n  margin-bottom: 16px;\n`;\n\nexport const IconButton = styled.button`\n  all: unset;\n  height: 16px;\n  width: 16px;\n  margin: -8px 0 8px 0;\n  align-self: flex-end;\n  cursor: pointer;\n`;\n\nexport const DialogTitle = styled(DialogPrimitive.Title)`\n  ${getTypographyStyles('SubTitle1')}\n\n  color: ${contents000};\n  margin: 0;\n  padding: 0;\n  white-space: pre-line;\n`;\n\nexport const DialogDescription = styled(DialogPrimitive.Description)`\n  ${getTypographyStyles('UIBody3')}\n\n  color: ${contents100};\n  margin: 4px 0 24px;\n  text-align: center;\n  white-space: pre-line;\n`;\n"],"names":["DialogIcon","IconButton"],"mappings":";;;;;;AAAa;AAWN;AAKA;;;AAsCMA;AAIAC;AASN;AASA;;"}
+{"version":3,"file":"styles.esm.js","sources":["../../../../src/Modals/Dialog/styles.ts"],"sourcesContent":["'use client';\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport {\n  contents000,\n  contents100,\n  getTypographyStyles,\n  primary200,\n} from '@remember-web/mixin';\nimport styled, { keyframes } from 'styled-components';\n\nexport const overlayShow = keyframes`\n  0% { opacity: 0; }\n  100% { opacity: 1; }\n`;\n\nexport const contentShow = keyframes`\n  0% { opacity: 0; transform: translate(-50%, -48%) scale(.96) }\n  100% { opacity: 1; transform: translate(-50%, -50%) scale(1) }\n`;\n\nexport const StyledOverlay = styled(DialogPrimitive.Overlay)`\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.3);\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n`;\n\nexport const DialogContent = styled(DialogPrimitive.Content)`\n  box-sizing: border-box;\n  background-color: ${primary200};\n  border-radius: 8px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 90vw;\n  max-width: 360px;\n  min-width: 300px;\n  max-height: 85vh;\n  padding: 32px 24px 24px;\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n`;\n\nexport const DialogIcon = styled.div`\n  margin-bottom: 16px;\n`;\n\nexport const IconButton = styled.button`\n  all: unset;\n  height: 16px;\n  width: 16px;\n  margin: -8px 0 8px 0;\n  align-self: flex-end;\n  cursor: pointer;\n`;\n\nexport const DialogTitle = styled(DialogPrimitive.Title)`\n  ${getTypographyStyles('SubTitle1')}\n\n  color: ${contents000};\n  margin: 0;\n  padding: 0;\n  white-space: pre-line;\n`;\n\nexport const DialogDescription = styled(DialogPrimitive.Description)`\n  ${getTypographyStyles('UIBody3')}\n\n  color: ${contents100};\n  margin: 4px 0 24px;\n  text-align: center;\n  white-space: pre-line;\n`;\n"],"names":[],"mappings":";;;;;;AAAa;AAWN;AAKA;;;AAsCA;AAIA;AASA;AASA;;"}

package/dist/src/Paginations/styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs.js","sources":["../../../src/Paginations/styles.ts"],"sourcesContent":["'use client';\n\nimport {\n  bg100,\n  bg200,\n  bg300,\n  contents000,\n  contents300,\n  desktopOnly,\n  getTypographyStyles,\n  mobileOnly,\n} from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\n\nexport const PaginationContainer = styled.nav`\n  all: unset;\n  display: inline-flex;\n  list-style-type: none;\n  box-sizing: border-box;\n  user-select: none;\n  margin: 0;\n  padding: 0;\n  gap: 16px;\n\n  ${mobileOnly(css`\n    gap: 8px;\n  `)}\n`;\n\nexport const CompactPaginationContainer = styled.div`\n  all: unset;\n\n  ${getTypographyStyles('UIBody3')}\n  gap: 16px;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: fit-content;\n`;\n\nexport const CurrentPage = styled.span`\n  ${getTypographyStyles('SubTitle2')}\n`;\n\nexport const Pages = styled.ul`\n  all: unset;\n  display: inherit;\n  gap: 4px;\n`;\n\nexport const Page = styled.li``;\n\nconst DefaultButton = styled.button.attrs({ type: 'button' })`\n  all: unset;\n  appearance: none;\n  box-sizing: border-box;\n\n  ${getTypographyStyles('UIBody3')}\n  display: grid;\n  place-items: center;\n\n  min-width: 34px;\n  height: 34px;\n  cursor: pointer;\n  color: ${contents000};\n  border-radius: 4px;\n\n  &:disabled {\n    color: ${contents000};\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n`;\n\nexport const ArrowButton = styled(DefaultButton)`\n  ${desktopOnly(css`\n    &:hover {\n      background-color: ${bg200};\n    }\n    &:active {\n      background-color: ${bg300};\n    }\n  `)}\n\n  ${mobileOnly(css`\n    min-width: 44px;\n    height: 44px;\n  `)}\n`;\n\nexport const BaseButton = styled(DefaultButton)`\n  &:hover,\n  &:focus {\n    border: solid 1px ${contents300};\n    border-radius: 4px;\n    background-color: ${bg100};\n  }\n\n  ${mobileOnly(css`\n    min-width: 44px;\n    height: 44px;\n  `)}\n`;\n\nexport const PageButton = styled(BaseButton)<{ selected?: boolean }>`\n  ${({ selected }) =>\n    selected &&\n    css`\n      border: solid 1px ${contents300};\n      border-radius: 4px;\n      background-color: ${bg100};\n    `}\n`;\n"],"names":["Pages","Page","type","BaseButton","PageButton"],"mappings":";;;;;;;;;;;;AAAa;AAcN;;;AA8BMA;AAMAC;AAEb;AAA4CC;AAAe;;AAsC9CC;AAcAC;AACT;AAAW;AAMV;;;;;;;;;"}
+{"version":3,"file":"styles.cjs.js","sources":["../../../src/Paginations/styles.ts"],"sourcesContent":["'use client';\n\nimport {\n  bg100,\n  bg200,\n  bg300,\n  contents000,\n  contents300,\n  desktopOnly,\n  getTypographyStyles,\n  mobileOnly,\n} from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\n\nexport const PaginationContainer = styled.nav`\n  all: unset;\n  display: inline-flex;\n  list-style-type: none;\n  box-sizing: border-box;\n  user-select: none;\n  margin: 0;\n  padding: 0;\n  gap: 16px;\n\n  ${mobileOnly(css`\n    gap: 8px;\n  `)}\n`;\n\nexport const CompactPaginationContainer = styled.div`\n  all: unset;\n\n  ${getTypographyStyles('UIBody3')}\n  gap: 16px;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: fit-content;\n`;\n\nexport const CurrentPage = styled.span`\n  ${getTypographyStyles('SubTitle2')}\n`;\n\nexport const Pages = styled.ul`\n  all: unset;\n  display: inherit;\n  gap: 4px;\n`;\n\nexport const Page = styled.li``;\n\nconst DefaultButton = styled.button.attrs({ type: 'button' })`\n  all: unset;\n  appearance: none;\n  box-sizing: border-box;\n\n  ${getTypographyStyles('UIBody3')}\n  display: grid;\n  place-items: center;\n\n  min-width: 34px;\n  height: 34px;\n  cursor: pointer;\n  color: ${contents000};\n  border-radius: 4px;\n\n  &:disabled {\n    color: ${contents000};\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n`;\n\nexport const ArrowButton = styled(DefaultButton)`\n  ${desktopOnly(css`\n    &:hover {\n      background-color: ${bg200};\n    }\n    &:active {\n      background-color: ${bg300};\n    }\n  `)}\n\n  ${mobileOnly(css`\n    min-width: 44px;\n    height: 44px;\n  `)}\n`;\n\nexport const BaseButton = styled(DefaultButton)`\n  &:hover,\n  &:focus {\n    border: solid 1px ${contents300};\n    border-radius: 4px;\n    background-color: ${bg100};\n  }\n\n  ${mobileOnly(css`\n    min-width: 44px;\n    height: 44px;\n  `)}\n`;\n\nexport const PageButton = styled(BaseButton)<{ selected?: boolean }>`\n  ${({ selected }) =>\n    selected &&\n    css`\n      border: solid 1px ${contents300};\n      border-radius: 4px;\n      background-color: ${bg100};\n    `}\n`;\n"],"names":["type"],"mappings":";;;;;;;;;;;;AAAa;AAcN;;;AA8BA;AAMA;AAEP;AAA4CA;AAAe;;AAsCpD;AAcA;AACH;AAAW;AAMV;;;;;;;;;"}

package/dist/src/Paginations/styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.esm.js","sources":["../../../src/Paginations/styles.ts"],"sourcesContent":["'use client';\n\nimport {\n  bg100,\n  bg200,\n  bg300,\n  contents000,\n  contents300,\n  desktopOnly,\n  getTypographyStyles,\n  mobileOnly,\n} from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\n\nexport const PaginationContainer = styled.nav`\n  all: unset;\n  display: inline-flex;\n  list-style-type: none;\n  box-sizing: border-box;\n  user-select: none;\n  margin: 0;\n  padding: 0;\n  gap: 16px;\n\n  ${mobileOnly(css`\n    gap: 8px;\n  `)}\n`;\n\nexport const CompactPaginationContainer = styled.div`\n  all: unset;\n\n  ${getTypographyStyles('UIBody3')}\n  gap: 16px;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: fit-content;\n`;\n\nexport const CurrentPage = styled.span`\n  ${getTypographyStyles('SubTitle2')}\n`;\n\nexport const Pages = styled.ul`\n  all: unset;\n  display: inherit;\n  gap: 4px;\n`;\n\nexport const Page = styled.li``;\n\nconst DefaultButton = styled.button.attrs({ type: 'button' })`\n  all: unset;\n  appearance: none;\n  box-sizing: border-box;\n\n  ${getTypographyStyles('UIBody3')}\n  display: grid;\n  place-items: center;\n\n  min-width: 34px;\n  height: 34px;\n  cursor: pointer;\n  color: ${contents000};\n  border-radius: 4px;\n\n  &:disabled {\n    color: ${contents000};\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n`;\n\nexport const ArrowButton = styled(DefaultButton)`\n  ${desktopOnly(css`\n    &:hover {\n      background-color: ${bg200};\n    }\n    &:active {\n      background-color: ${bg300};\n    }\n  `)}\n\n  ${mobileOnly(css`\n    min-width: 44px;\n    height: 44px;\n  `)}\n`;\n\nexport const BaseButton = styled(DefaultButton)`\n  &:hover,\n  &:focus {\n    border: solid 1px ${contents300};\n    border-radius: 4px;\n    background-color: ${bg100};\n  }\n\n  ${mobileOnly(css`\n    min-width: 44px;\n    height: 44px;\n  `)}\n`;\n\nexport const PageButton = styled(BaseButton)<{ selected?: boolean }>`\n  ${({ selected }) =>\n    selected &&\n    css`\n      border: solid 1px ${contents300};\n      border-radius: 4px;\n      background-color: ${bg100};\n    `}\n`;\n"],"names":["Pages","Page","type","BaseButton","PageButton"],"mappings":";;;;;AAAa;AAcN;;;AA8BMA;AAMAC;AAEb;AAA4CC;AAAe;;AAsC9CC;AAcAC;AACT;AAAW;AAMV;;"}
+{"version":3,"file":"styles.esm.js","sources":["../../../src/Paginations/styles.ts"],"sourcesContent":["'use client';\n\nimport {\n  bg100,\n  bg200,\n  bg300,\n  contents000,\n  contents300,\n  desktopOnly,\n  getTypographyStyles,\n  mobileOnly,\n} from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\n\nexport const PaginationContainer = styled.nav`\n  all: unset;\n  display: inline-flex;\n  list-style-type: none;\n  box-sizing: border-box;\n  user-select: none;\n  margin: 0;\n  padding: 0;\n  gap: 16px;\n\n  ${mobileOnly(css`\n    gap: 8px;\n  `)}\n`;\n\nexport const CompactPaginationContainer = styled.div`\n  all: unset;\n\n  ${getTypographyStyles('UIBody3')}\n  gap: 16px;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: fit-content;\n`;\n\nexport const CurrentPage = styled.span`\n  ${getTypographyStyles('SubTitle2')}\n`;\n\nexport const Pages = styled.ul`\n  all: unset;\n  display: inherit;\n  gap: 4px;\n`;\n\nexport const Page = styled.li``;\n\nconst DefaultButton = styled.button.attrs({ type: 'button' })`\n  all: unset;\n  appearance: none;\n  box-sizing: border-box;\n\n  ${getTypographyStyles('UIBody3')}\n  display: grid;\n  place-items: center;\n\n  min-width: 34px;\n  height: 34px;\n  cursor: pointer;\n  color: ${contents000};\n  border-radius: 4px;\n\n  &:disabled {\n    color: ${contents000};\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n`;\n\nexport const ArrowButton = styled(DefaultButton)`\n  ${desktopOnly(css`\n    &:hover {\n      background-color: ${bg200};\n    }\n    &:active {\n      background-color: ${bg300};\n    }\n  `)}\n\n  ${mobileOnly(css`\n    min-width: 44px;\n    height: 44px;\n  `)}\n`;\n\nexport const BaseButton = styled(DefaultButton)`\n  &:hover,\n  &:focus {\n    border: solid 1px ${contents300};\n    border-radius: 4px;\n    background-color: ${bg100};\n  }\n\n  ${mobileOnly(css`\n    min-width: 44px;\n    height: 44px;\n  `)}\n`;\n\nexport const PageButton = styled(BaseButton)<{ selected?: boolean }>`\n  ${({ selected }) =>\n    selected &&\n    css`\n      border: solid 1px ${contents300};\n      border-radius: 4px;\n      background-color: ${bg100};\n    `}\n`;\n"],"names":["type"],"mappings":";;;;;AAAa;AAcN;;;AA8BA;AAMA;AAEP;AAA4CA;AAAe;;AAsCpD;AAcA;AACH;AAAW;AAMV;;"}

package/dist/src/Paginations/usePagination.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.cjs.js","sources":["../../../src/Paginations/usePagination.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { PaginationItems } from './types';\n\nfunction usePagination({\n  itemCountPerPage,\n  pageRangeDisplayed,\n  totalItemCount,\n  activePage,\n}: PaginationItems) {\n  const buffer = activePage % pageRangeDisplayed === 0 ? 1 : 0;\n\n  const firstPage = Math.max(\n    1,\n    Math.floor(activePage / pageRangeDisplayed - buffer) * pageRangeDisplayed +\n      1\n  );\n\n  const totalPages = Math.ceil(totalItemCount / itemCountPerPage);\n\n  const rangeLastPage = useMemo(\n    () =>\n      Math.min(\n        totalPages,\n        Math.ceil(activePage / pageRangeDisplayed) * pageRangeDisplayed\n      ),\n    [activePage, pageRangeDisplayed, totalPages]\n  );\n\n  const totalLastPage = useMemo(\n    () => (!totalItemCount ? 1 : Math.ceil(totalItemCount / itemCountPerPage)),\n    [totalItemCount, itemCountPerPage]\n  );\n\n  const prevPage = firstPage - 1;\n  const nextPage = rangeLastPage + 1;\n\n  const isPrevPageDisabled = prevPage < 1;\n  const isNextPageDisabled = nextPage > totalPages;\n\n  const isFirstPageDisabled = activePage === 1;\n  const isLastPageDisabled = activePage === totalLastPage;\n\n  return {\n    firstPage,\n    rangeLastPage,\n    totalLastPage,\n    totalPages,\n    prevPage,\n    nextPage,\n    isPrevPageDisabled,\n    isNextPageDisabled,\n    isFirstPageDisabled,\n    isLastPageDisabled,\n  };\n}\nexport default usePagination;\n"],"names":["usePagination","_ref","itemCountPerPage","pageRangeDisplayed","totalItemCount","activePage","buffer","firstPage","Math","max","floor","totalPages","ceil","rangeLastPage","useMemo","min","totalLastPage","prevPage","nextPage","isPrevPageDisabled","isNextPageDisabled","isFirstPageDisabled","isLastPageDisabled"],"mappings":";;;;AAIA,SAASA,aAAaA,CAAAC,IAAA,EAKF;AAAA,EAAA,IAJlBC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAChBC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;IAClBC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,UAAU,GAAAJ,IAAA,CAAVI,UAAU,CAAA;EAEV,IAAMC,MAAM,GAAGD,UAAU,GAAGF,kBAAkB,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;EAE5D,IAAMI,SAAS,GAAGC,IAAI,CAACC,GAAG,CACxB,CAAC,EACDD,IAAI,CAACE,KAAK,CAACL,UAAU,GAAGF,kBAAkB,GAAGG,MAAM,CAAC,GAAGH,kBAAkB,GACvE,CACJ,CAAC,CAAA;EAED,IAAMQ,UAAU,GAAGH,IAAI,CAACI,IAAI,CAACR,cAAc,GAAGF,gBAAgB,CAAC,CAAA;EAE/D,IAAMW,aAAa,GAAGC,aAAO,CAC3B,YAAA;AAAA,IAAA,OACEN,IAAI,CAACO,GAAG,CACNJ,UAAU,EACVH,IAAI,CAACI,IAAI,CAACP,UAAU,GAAGF,kBAAkB,CAAC,GAAGA,kBAC/C,CAAC,CAAA;AAAA,GAAA,EACH,CAACE,UAAU,EAAEF,kBAAkB,EAAEQ,UAAU,CAC7C,CAAC,CAAA;EAED,IAAMK,aAAa,GAAGF,aAAO,CAC3B,YAAA;AAAA,IAAA,OAAO,CAACV,cAAc,GAAG,CAAC,GAAGI,IAAI,CAACI,IAAI,CAACR,cAAc,GAAGF,gBAAgB,CAAC,CAAA;AAAA,GAAC,EAC1E,CAACE,cAAc,EAAEF,gBAAgB,CACnC,CAAC,CAAA;AAED,EAAA,IAAMe,QAAQ,GAAGV,SAAS,GAAG,CAAC,CAAA;AAC9B,EAAA,IAAMW,QAAQ,GAAGL,aAAa,GAAG,CAAC,CAAA;AAElC,EAAA,IAAMM,kBAAkB,GAAGF,QAAQ,GAAG,CAAC,CAAA;AACvC,EAAA,IAAMG,kBAAkB,GAAGF,QAAQ,GAAGP,UAAU,CAAA;AAEhD,EAAA,IAAMU,mBAAmB,GAAGhB,UAAU,KAAK,CAAC,CAAA;AAC5C,EAAA,IAAMiB,kBAAkB,GAAGjB,UAAU,KAAKW,aAAa,CAAA;EAEvD,OAAO;AACLT,IAAAA,SAAS,EAATA,SAAS;AACTM,IAAAA,aAAa,EAAbA,aAAa;AACbG,IAAAA,aAAa,EAAbA,aAAa;AACbL,IAAAA,UAAU,EAAVA,UAAU;AACVM,IAAAA,QAAQ,EAARA,QAAQ;AACRC,IAAAA,QAAQ,EAARA,QAAQ;AACRC,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,IAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBC,IAAAA,kBAAkB,EAAlBA,kBAAAA;GACD,CAAA;AACH;;;;"}
+{"version":3,"file":"usePagination.cjs.js","sources":["../../../src/Paginations/usePagination.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { PaginationItems } from './types';\n\nfunction usePagination({\n  itemCountPerPage,\n  pageRangeDisplayed,\n  totalItemCount,\n  activePage,\n}: PaginationItems) {\n  const buffer = activePage % pageRangeDisplayed === 0 ? 1 : 0;\n\n  const firstPage = Math.max(\n    1,\n    Math.floor(activePage / pageRangeDisplayed - buffer) * pageRangeDisplayed +\n      1\n  );\n\n  const totalPages = Math.ceil(totalItemCount / itemCountPerPage);\n\n  const rangeLastPage = useMemo(\n    () =>\n      Math.min(\n        totalPages,\n        Math.ceil(activePage / pageRangeDisplayed) * pageRangeDisplayed\n      ),\n    [activePage, pageRangeDisplayed, totalPages]\n  );\n\n  const totalLastPage = useMemo(\n    () => (!totalItemCount ? 1 : Math.ceil(totalItemCount / itemCountPerPage)),\n    [totalItemCount, itemCountPerPage]\n  );\n\n  const prevPage = firstPage - 1;\n  const nextPage = rangeLastPage + 1;\n\n  const isPrevPageDisabled = prevPage < 1;\n  const isNextPageDisabled = nextPage > totalPages;\n\n  const isFirstPageDisabled = activePage === 1;\n  const isLastPageDisabled = activePage === totalLastPage;\n\n  return {\n    firstPage,\n    rangeLastPage,\n    totalLastPage,\n    totalPages,\n    prevPage,\n    nextPage,\n    isPrevPageDisabled,\n    isNextPageDisabled,\n    isFirstPageDisabled,\n    isLastPageDisabled,\n  };\n}\nexport default usePagination;\n"],"names":["usePagination","_ref","itemCountPerPage","pageRangeDisplayed","totalItemCount","activePage","buffer","firstPage","Math","max","floor","totalPages","ceil","rangeLastPage","useMemo","min","totalLastPage","prevPage","nextPage","isPrevPageDisabled","isNextPageDisabled","isFirstPageDisabled","isLastPageDisabled"],"mappings":";;;;AAIA,SAASA,aAAaA,CAAAC,IAAA,EAKF;AAAA,EAAA,IAJlBC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAChBC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;IAClBC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;EAEV,IAAMC,MAAM,GAAGD,UAAU,GAAGF,kBAAkB,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;EAE5D,IAAMI,SAAS,GAAGC,IAAI,CAACC,GAAG,CACxB,CAAC,EACDD,IAAI,CAACE,KAAK,CAACL,UAAU,GAAGF,kBAAkB,GAAGG,MAAM,CAAC,GAAGH,kBAAkB,GACvE,CACJ,CAAC;EAED,IAAMQ,UAAU,GAAGH,IAAI,CAACI,IAAI,CAACR,cAAc,GAAGF,gBAAgB,CAAC;EAE/D,IAAMW,aAAa,GAAGC,aAAO,CAC3B,YAAA;AAAA,IAAA,OACEN,IAAI,CAACO,GAAG,CACNJ,UAAU,EACVH,IAAI,CAACI,IAAI,CAACP,UAAU,GAAGF,kBAAkB,CAAC,GAAGA,kBAC/C,CAAC;AAAA,GAAA,EACH,CAACE,UAAU,EAAEF,kBAAkB,EAAEQ,UAAU,CAC7C,CAAC;EAED,IAAMK,aAAa,GAAGF,aAAO,CAC3B,YAAA;AAAA,IAAA,OAAO,CAACV,cAAc,GAAG,CAAC,GAAGI,IAAI,CAACI,IAAI,CAACR,cAAc,GAAGF,gBAAgB,CAAC;AAAA,GAAC,EAC1E,CAACE,cAAc,EAAEF,gBAAgB,CACnC,CAAC;AAED,EAAA,IAAMe,QAAQ,GAAGV,SAAS,GAAG,CAAC;AAC9B,EAAA,IAAMW,QAAQ,GAAGL,aAAa,GAAG,CAAC;AAElC,EAAA,IAAMM,kBAAkB,GAAGF,QAAQ,GAAG,CAAC;AACvC,EAAA,IAAMG,kBAAkB,GAAGF,QAAQ,GAAGP,UAAU;AAEhD,EAAA,IAAMU,mBAAmB,GAAGhB,UAAU,KAAK,CAAC;AAC5C,EAAA,IAAMiB,kBAAkB,GAAGjB,UAAU,KAAKW,aAAa;EAEvD,OAAO;AACLT,IAAAA,SAAS,EAATA,SAAS;AACTM,IAAAA,aAAa,EAAbA,aAAa;AACbG,IAAAA,aAAa,EAAbA,aAAa;AACbL,IAAAA,UAAU,EAAVA,UAAU;AACVM,IAAAA,QAAQ,EAARA,QAAQ;AACRC,IAAAA,QAAQ,EAARA,QAAQ;AACRC,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,IAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBC,IAAAA,kBAAkB,EAAlBA;GACD;AACH;;;;"}

package/dist/src/Paginations/usePagination.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.esm.js","sources":["../../../src/Paginations/usePagination.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { PaginationItems } from './types';\n\nfunction usePagination({\n  itemCountPerPage,\n  pageRangeDisplayed,\n  totalItemCount,\n  activePage,\n}: PaginationItems) {\n  const buffer = activePage % pageRangeDisplayed === 0 ? 1 : 0;\n\n  const firstPage = Math.max(\n    1,\n    Math.floor(activePage / pageRangeDisplayed - buffer) * pageRangeDisplayed +\n      1\n  );\n\n  const totalPages = Math.ceil(totalItemCount / itemCountPerPage);\n\n  const rangeLastPage = useMemo(\n    () =>\n      Math.min(\n        totalPages,\n        Math.ceil(activePage / pageRangeDisplayed) * pageRangeDisplayed\n      ),\n    [activePage, pageRangeDisplayed, totalPages]\n  );\n\n  const totalLastPage = useMemo(\n    () => (!totalItemCount ? 1 : Math.ceil(totalItemCount / itemCountPerPage)),\n    [totalItemCount, itemCountPerPage]\n  );\n\n  const prevPage = firstPage - 1;\n  const nextPage = rangeLastPage + 1;\n\n  const isPrevPageDisabled = prevPage < 1;\n  const isNextPageDisabled = nextPage > totalPages;\n\n  const isFirstPageDisabled = activePage === 1;\n  const isLastPageDisabled = activePage === totalLastPage;\n\n  return {\n    firstPage,\n    rangeLastPage,\n    totalLastPage,\n    totalPages,\n    prevPage,\n    nextPage,\n    isPrevPageDisabled,\n    isNextPageDisabled,\n    isFirstPageDisabled,\n    isLastPageDisabled,\n  };\n}\nexport default usePagination;\n"],"names":["usePagination","_ref","itemCountPerPage","pageRangeDisplayed","totalItemCount","activePage","buffer","firstPage","Math","max","floor","totalPages","ceil","rangeLastPage","useMemo","min","totalLastPage","prevPage","nextPage","isPrevPageDisabled","isNextPageDisabled","isFirstPageDisabled","isLastPageDisabled"],"mappings":";;AAIA,SAASA,aAAaA,CAAAC,IAAA,EAKF;AAAA,EAAA,IAJlBC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAChBC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;IAClBC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,UAAU,GAAAJ,IAAA,CAAVI,UAAU,CAAA;EAEV,IAAMC,MAAM,GAAGD,UAAU,GAAGF,kBAAkB,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;EAE5D,IAAMI,SAAS,GAAGC,IAAI,CAACC,GAAG,CACxB,CAAC,EACDD,IAAI,CAACE,KAAK,CAACL,UAAU,GAAGF,kBAAkB,GAAGG,MAAM,CAAC,GAAGH,kBAAkB,GACvE,CACJ,CAAC,CAAA;EAED,IAAMQ,UAAU,GAAGH,IAAI,CAACI,IAAI,CAACR,cAAc,GAAGF,gBAAgB,CAAC,CAAA;EAE/D,IAAMW,aAAa,GAAGC,OAAO,CAC3B,YAAA;AAAA,IAAA,OACEN,IAAI,CAACO,GAAG,CACNJ,UAAU,EACVH,IAAI,CAACI,IAAI,CAACP,UAAU,GAAGF,kBAAkB,CAAC,GAAGA,kBAC/C,CAAC,CAAA;AAAA,GAAA,EACH,CAACE,UAAU,EAAEF,kBAAkB,EAAEQ,UAAU,CAC7C,CAAC,CAAA;EAED,IAAMK,aAAa,GAAGF,OAAO,CAC3B,YAAA;AAAA,IAAA,OAAO,CAACV,cAAc,GAAG,CAAC,GAAGI,IAAI,CAACI,IAAI,CAACR,cAAc,GAAGF,gBAAgB,CAAC,CAAA;AAAA,GAAC,EAC1E,CAACE,cAAc,EAAEF,gBAAgB,CACnC,CAAC,CAAA;AAED,EAAA,IAAMe,QAAQ,GAAGV,SAAS,GAAG,CAAC,CAAA;AAC9B,EAAA,IAAMW,QAAQ,GAAGL,aAAa,GAAG,CAAC,CAAA;AAElC,EAAA,IAAMM,kBAAkB,GAAGF,QAAQ,GAAG,CAAC,CAAA;AACvC,EAAA,IAAMG,kBAAkB,GAAGF,QAAQ,GAAGP,UAAU,CAAA;AAEhD,EAAA,IAAMU,mBAAmB,GAAGhB,UAAU,KAAK,CAAC,CAAA;AAC5C,EAAA,IAAMiB,kBAAkB,GAAGjB,UAAU,KAAKW,aAAa,CAAA;EAEvD,OAAO;AACLT,IAAAA,SAAS,EAATA,SAAS;AACTM,IAAAA,aAAa,EAAbA,aAAa;AACbG,IAAAA,aAAa,EAAbA,aAAa;AACbL,IAAAA,UAAU,EAAVA,UAAU;AACVM,IAAAA,QAAQ,EAARA,QAAQ;AACRC,IAAAA,QAAQ,EAARA,QAAQ;AACRC,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,IAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBC,IAAAA,kBAAkB,EAAlBA,kBAAAA;GACD,CAAA;AACH;;;;"}
+{"version":3,"file":"usePagination.esm.js","sources":["../../../src/Paginations/usePagination.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { PaginationItems } from './types';\n\nfunction usePagination({\n  itemCountPerPage,\n  pageRangeDisplayed,\n  totalItemCount,\n  activePage,\n}: PaginationItems) {\n  const buffer = activePage % pageRangeDisplayed === 0 ? 1 : 0;\n\n  const firstPage = Math.max(\n    1,\n    Math.floor(activePage / pageRangeDisplayed - buffer) * pageRangeDisplayed +\n      1\n  );\n\n  const totalPages = Math.ceil(totalItemCount / itemCountPerPage);\n\n  const rangeLastPage = useMemo(\n    () =>\n      Math.min(\n        totalPages,\n        Math.ceil(activePage / pageRangeDisplayed) * pageRangeDisplayed\n      ),\n    [activePage, pageRangeDisplayed, totalPages]\n  );\n\n  const totalLastPage = useMemo(\n    () => (!totalItemCount ? 1 : Math.ceil(totalItemCount / itemCountPerPage)),\n    [totalItemCount, itemCountPerPage]\n  );\n\n  const prevPage = firstPage - 1;\n  const nextPage = rangeLastPage + 1;\n\n  const isPrevPageDisabled = prevPage < 1;\n  const isNextPageDisabled = nextPage > totalPages;\n\n  const isFirstPageDisabled = activePage === 1;\n  const isLastPageDisabled = activePage === totalLastPage;\n\n  return {\n    firstPage,\n    rangeLastPage,\n    totalLastPage,\n    totalPages,\n    prevPage,\n    nextPage,\n    isPrevPageDisabled,\n    isNextPageDisabled,\n    isFirstPageDisabled,\n    isLastPageDisabled,\n  };\n}\nexport default usePagination;\n"],"names":["usePagination","_ref","itemCountPerPage","pageRangeDisplayed","totalItemCount","activePage","buffer","firstPage","Math","max","floor","totalPages","ceil","rangeLastPage","useMemo","min","totalLastPage","prevPage","nextPage","isPrevPageDisabled","isNextPageDisabled","isFirstPageDisabled","isLastPageDisabled"],"mappings":";;AAIA,SAASA,aAAaA,CAAAC,IAAA,EAKF;AAAA,EAAA,IAJlBC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAChBC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;IAClBC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;EAEV,IAAMC,MAAM,GAAGD,UAAU,GAAGF,kBAAkB,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;EAE5D,IAAMI,SAAS,GAAGC,IAAI,CAACC,GAAG,CACxB,CAAC,EACDD,IAAI,CAACE,KAAK,CAACL,UAAU,GAAGF,kBAAkB,GAAGG,MAAM,CAAC,GAAGH,kBAAkB,GACvE,CACJ,CAAC;EAED,IAAMQ,UAAU,GAAGH,IAAI,CAACI,IAAI,CAACR,cAAc,GAAGF,gBAAgB,CAAC;EAE/D,IAAMW,aAAa,GAAGC,OAAO,CAC3B,YAAA;AAAA,IAAA,OACEN,IAAI,CAACO,GAAG,CACNJ,UAAU,EACVH,IAAI,CAACI,IAAI,CAACP,UAAU,GAAGF,kBAAkB,CAAC,GAAGA,kBAC/C,CAAC;AAAA,GAAA,EACH,CAACE,UAAU,EAAEF,kBAAkB,EAAEQ,UAAU,CAC7C,CAAC;EAED,IAAMK,aAAa,GAAGF,OAAO,CAC3B,YAAA;AAAA,IAAA,OAAO,CAACV,cAAc,GAAG,CAAC,GAAGI,IAAI,CAACI,IAAI,CAACR,cAAc,GAAGF,gBAAgB,CAAC;AAAA,GAAC,EAC1E,CAACE,cAAc,EAAEF,gBAAgB,CACnC,CAAC;AAED,EAAA,IAAMe,QAAQ,GAAGV,SAAS,GAAG,CAAC;AAC9B,EAAA,IAAMW,QAAQ,GAAGL,aAAa,GAAG,CAAC;AAElC,EAAA,IAAMM,kBAAkB,GAAGF,QAAQ,GAAG,CAAC;AACvC,EAAA,IAAMG,kBAAkB,GAAGF,QAAQ,GAAGP,UAAU;AAEhD,EAAA,IAAMU,mBAAmB,GAAGhB,UAAU,KAAK,CAAC;AAC5C,EAAA,IAAMiB,kBAAkB,GAAGjB,UAAU,KAAKW,aAAa;EAEvD,OAAO;AACLT,IAAAA,SAAS,EAATA,SAAS;AACTM,IAAAA,aAAa,EAAbA,aAAa;AACbG,IAAAA,aAAa,EAAbA,aAAa;AACbL,IAAAA,UAAU,EAAVA,UAAU;AACVM,IAAAA,QAAQ,EAARA,QAAQ;AACRC,IAAAA,QAAQ,EAARA,QAAQ;AACRC,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,IAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBC,IAAAA,kBAAkB,EAAlBA;GACD;AACH;;;;"}