@hhgtech/hhg-components 1.20.45 → 1.20.46

package/build/esm/index.styled-c2186de7.js

@@ -0,0 +1 @@
+import{b as n}from"./tslib.es6-260fa47f.js";import o from"styled-components";var r,e=o.div(r||(r=n(["\n  &[data-type='circle'] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    input {\n      position: relative;\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      margin-right: 8px;\n      border-radius: 100%;\n      cursor: inherit;\n      transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px\n          ",";\n      }\n\n      &:checked {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-color: ",";\n        &:after {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          width: 14px;\n          height: 14px;\n          //left: 3px;\n          //position: absolute;\n          //top: 4px;\n          background-color: ",";\n          border-radius: 50%;\n          content: '';\n          transform: translate(-50%, -50%);\n        }\n      }\n    }\n\n    label {\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: ",";\n    }\n\n    &[data-disabled='true'] {\n      color: ",";\n      cursor: not-allowed;\n      input {\n        border-color: ",";\n\n        &:hover {\n          border-color: ",";\n          box-shadow: none;\n        }\n      }\n    }\n  }\n\n  &[data-type='rectangle'] {\n    input {\n      display: none;\n\n      &:checked ~ label {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n        font-weight: ",";\n      }\n    }\n\n    label {\n      display: inline-block;\n      width: auto;\n      box-sizing: border-box;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      border-radius: 6px;\n      color: ",";\n      cursor: pointer;\n      font-weight: ",";\n      text-align: center;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n      }\n    }\n\n    &[data-disabled='true'] {\n      input {\n        cursor: not-allowed;\n      }\n\n      label {\n        color: ",";\n        cursor: not-allowed;\n\n        &:hover {\n          border-color: ",";\n        }\n      }\n    }\n\n    &[data-size='small'] {\n      label {\n        height: 32px;\n        padding: 6px 12px;\n        font-size: 13px;\n      }\n    }\n\n    &[data-size='large'] {\n      label {\n        height: 48px;\n        padding: 13px 16px;\n        font-size: 14px;\n      }\n    }\n  }\n"],["\n  &[data-type='circle'] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    input {\n      position: relative;\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      margin-right: 8px;\n      border-radius: 100%;\n      cursor: inherit;\n      transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px\n          ",";\n      }\n\n      &:checked {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-color: ",";\n        &:after {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          width: 14px;\n          height: 14px;\n          //left: 3px;\n          //position: absolute;\n          //top: 4px;\n          background-color: ",";\n          border-radius: 50%;\n          content: '';\n          transform: translate(-50%, -50%);\n        }\n      }\n    }\n\n    label {\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: ",";\n    }\n\n    &[data-disabled='true'] {\n      color: ",";\n      cursor: not-allowed;\n      input {\n        border-color: ",";\n\n        &:hover {\n          border-color: ",";\n          box-shadow: none;\n        }\n      }\n    }\n  }\n\n  &[data-type='rectangle'] {\n    input {\n      display: none;\n\n      &:checked ~ label {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n        font-weight: ",";\n      }\n    }\n\n    label {\n      display: inline-block;\n      width: auto;\n      box-sizing: border-box;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      border-radius: 6px;\n      color: ",";\n      cursor: pointer;\n      font-weight: ",";\n      text-align: center;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n      }\n    }\n\n    &[data-disabled='true'] {\n      input {\n        cursor: not-allowed;\n      }\n\n      label {\n        color: ",";\n        cursor: not-allowed;\n\n        &:hover {\n          border-color: ",";\n        }\n      }\n    }\n\n    &[data-size='small'] {\n      label {\n        height: 32px;\n        padding: 6px 12px;\n        font-size: 13px;\n      }\n    }\n\n    &[data-size='large'] {\n      label {\n        height: 48px;\n        padding: 13px 16px;\n        font-size: 14px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}));export{e as S};

package/build/esm/index.styled-c3dcdb30.js

@@ -0,0 +1 @@
+import{b as n}from"./tslib.es6-260fa47f.js";import o from"styled-components";var e,i,r,t,a,d,p=o.div(e||(e=n(["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n  }\n"],["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.blue200})),s=o.div(i||(i=n(["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),x=o.ul(r||(r=n(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),l=o.li(t||(t=n(["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),g=o.div(a||(a=n(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),h=o.div(d||(d=n(["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"],["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"])));export{p as S,h as a,s as b,x as c,l as d,g as e};

package/build/esm/index.styled-c7311908.js

@@ -0,0 +1 @@
+import{b as n}from"./tslib.es6-260fa47f.js";import{M as t}from"./utils-432904d8.js";import e from"styled-components";var i,o=e.h4(i||(i=n(["\n  position: relative;\n  line-height: 18px;\n\n  &:after {\n    position: absolute;\n    top: 1px;\n    left: 0;\n    width: 4px;\n    height: 18px;\n    background-color: ",";\n    content: '';\n  }\n\n  &[data-size='lg'] {\n    font-size: 18px;\n    padding-left: 12px;\n  }\n\n  &[data-size='sm'] {\n    font-size: 14px;\n    padding-left: 8px;\n\n    &::after {\n      width: 2px;\n      height: 15px;\n    }\n  }\n\n  &[data-type='bold'] {\n    font-weight: ",";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ",";\n  }\n\n  &[data-uppercase] {\n    text-transform: uppercase;\n  }\n\n  "," {\n    &[data-size='lg'] {\n      font-size: 16px;\n    }\n  }\n"],["\n  position: relative;\n  line-height: 18px;\n\n  &:after {\n    position: absolute;\n    top: 1px;\n    left: 0;\n    width: 4px;\n    height: 18px;\n    background-color: ",";\n    content: '';\n  }\n\n  &[data-size='lg'] {\n    font-size: 18px;\n    padding-left: 12px;\n  }\n\n  &[data-size='sm'] {\n    font-size: 14px;\n    padding-left: 8px;\n\n    &::after {\n      width: 2px;\n      height: 15px;\n    }\n  }\n\n  &[data-type='bold'] {\n    font-weight: ",";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ",";\n  }\n\n  &[data-uppercase] {\n    text-transform: uppercase;\n  }\n\n  "," {\n    &[data-size='lg'] {\n      font-size: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwSemiBold}),t.mbDown);export{o as S};

package/build/esm/index.styled-c9c43e63.js

@@ -0,0 +1 @@
+import{b as n}from"./tslib.es6-260fa47f.js";import e from"styled-components";var r,t,o,l=e.div(r||(r=n(["\n  display: flex;\n  overflow: auto;\n  width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-left: 4px solid ",";\n  background: ",";\n\n  &[data-alert-type='danger'] {\n    border-left-color: ",";\n    background: ",";\n  }\n\n  &[data-alert-type='warning'] {\n    border-left-color: ",";\n    background: ",";\n  }\n\n  &[data-alert-type='blue'] {\n    border-left-color: ",";\n    background: ",";\n  }\n"],["\n  display: flex;\n  overflow: auto;\n  width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-left: 4px solid ",";\n  background: ",";\n\n  &[data-alert-type='danger'] {\n    border-left-color: ",";\n    background: ",";\n  }\n\n  &[data-alert-type='warning'] {\n    border-left-color: ",";\n    background: ",";\n  }\n\n  &[data-alert-type='blue'] {\n    border-left-color: ",";\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.success}),(function(n){return n.theme.colors.green50}),(function(n){return n.theme.colors.red500}),(function(n){return n.theme.colors.red50}),(function(n){return n.theme.colors.yellow500}),(function(n){return n.theme.colors.yellow50}),(function(n){return n.theme.colors.blue500}),(function(n){return n.theme.colors.blue50})),a=e.div(t||(t=n(["\n  .icon-title {\n    display: flex;\n    align-items: center;\n  }\n\n  svg,\n  img {\n    margin-right: 8px;\n  }\n"],["\n  .icon-title {\n    display: flex;\n    align-items: center;\n  }\n\n  svg,\n  img {\n    margin-right: 8px;\n  }\n"]))),i=e.div(o||(o=n(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));export{l as S,a,i as b};

package/build/esm/index.styled-db5aa049.js

@@ -0,0 +1 @@
+import{b as n}from"./tslib.es6-260fa47f.js";import a from"styled-components";var s,e=a.div(s||(s=n(["\n  display: inline-flex;\n\n  gap: calc(var(--gap) * 1px);\n  > svg {\n    width: calc(var(--star-size) * 1px);\n    height: calc(var(--star-size) * 1px);\n  }\n\n  &[data-selectable='true'] {\n    > svg {\n      cursor: pointer;\n    }\n  }\n"],["\n  display: inline-flex;\n\n  gap: calc(var(--gap) * 1px);\n  > svg {\n    width: calc(var(--star-size) * 1px);\n    height: calc(var(--star-size) * 1px);\n  }\n\n  &[data-selectable='true'] {\n    > svg {\n      cursor: pointer;\n    }\n  }\n"])));export{e as S};

package/build/esm/index.styled-e4f1d848.js

@@ -0,0 +1 @@
+import{b as n}from"./tslib.es6-260fa47f.js";import e from"styled-components";var i,t=e.div(i||(i=n(["\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  background-color: rgba(38, 38, 38, 0.3);\n  z-index: 1;\n  visibility: ",";\n  pointer-events: ",";\n"],["\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  background-color: rgba(38, 38, 38, 0.3);\n  z-index: 1;\n  visibility: ",";\n  pointer-events: ",";\n"])),(function(n){return n.open?"visible":"hidden"}),(function(n){return n.open?"auto":"none"}));export{t as S};

package/build/esm/index.styled-ee90d157.js

@@ -0,0 +1 @@
+import{b as n}from"./tslib.es6-260fa47f.js";import{t as e}from"./theme-a50a1aa5.js";import{M as t}from"./utils-432904d8.js";import i from"styled-components";var s,o=i.div(s||(s=n(["\n  color: ",";\n  ","\n  ","\n\n  /* Base headings sizes and properties */\n  &[data-tag] {\n    color: var(--custom-heading-color, #262626);\n  }\n"],["\n  color: ",";\n  ","\n  ","\n\n  /* Base headings sizes and properties */\n  &[data-tag] {\n    color: var(--custom-heading-color, #262626);\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return function(n){switch(n){case"h1":return"\n        font-size: 26px;\n        letter-spacing: -0.9px;\n        line-height: 34px;\n        ".concat(t.tdUp," {\n          font-size: 40px;\n          line-height: 52px;\n          letter-spacing: -1.2px;\n        }\n      ");case"h2":return"\n        font-size: 24px;\n        letter-spacing: -0.8px;\n        line-height: 32px;\n        ".concat(t.tdUp," {\n          font-size: 32px;\n          line-height: 42px;\n          letter-spacing: -1px;\n        }\n      ");case"h3":return"\n        font-size: 20px;\n        letter-spacing: -0.7px;\n        line-height: 26px;\n        ".concat(t.tdUp," {\n          font-size: 26px;\n          line-height: 36px;\n          letter-spacing: -0.8px;\n        }\n      ");case"h4":return"\n        font-size: 18px;\n        letter-spacing: -0.6px;\n        line-height: 26px;\n        ".concat(t.tdUp," {\n          font-size: 22px;\n          line-height: 32px;\n          letter-spacing: -0.6px;\n        }\n      ");case"h5":return"\n        font-size: 16px;\n        letter-spacing: -0.2px;\n        line-height: 24px;\n        ".concat(t.tdUp," {\n          font-size: 18px;\n          line-height: 28px;\n          letter-spacing: -0.2px;\n        }\n      ");case"h6":return"\n        font-size: 14px;\n        line-height: 22px;\n        ".concat(t.tdUp," {\n          font-size: 16px;\n          line-height: 24px;\n          letter-spacing: 0;\n        }\n      ")}}(n.headingTag)}),(function(n){return function(n){switch(n){case"bold":return"\n       font-weight: ".concat(e.sizes.fwBold,";\n      ");case"semibold":return"\n       font-weight: ".concat(e.sizes.fwSemiBold,";\n      ");default:return"\n        font-weight: ".concat(e.sizes.fwBold,";\n      ")}}(n.headingFontWeight)}));export{o as S};

package/build/esm/index.styled-f3b75621.js

@@ -0,0 +1 @@
+import{b as n}from"./tslib.es6-260fa47f.js";import e from"styled-components";var t,o,r,i=e.div(t||(t=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  user-select: none;\n  li {\n    transition: all 0.3s ease;\n  }\n  [data-page-active] {\n    background: ",";\n    color: ",";\n\n    > a {\n      color: ",";\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  user-select: none;\n  li {\n    transition: all 0.3s ease;\n  }\n  [data-page-active] {\n    background: ",";\n    color: ",";\n\n    > a {\n      color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white})),s=e.div(o||(o=n(["\n  display: flex;\n  width: 32px;\n  height: 32px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid ",";\n  margin: 0 2px;\n  border-radius: 4px;\n  color: ",";\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: ",";\n\n  &[data-last-page] {\n    border: none;\n    background-color: ",";\n    cursor: not-allowed;\n    pointer-events: none;\n\n    svg {\n      path {\n        stroke: ",";\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 32px;\n  height: 32px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid ",";\n  margin: 0 2px;\n  border-radius: 4px;\n  color: ",";\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: ",";\n\n  &[data-last-page] {\n    border: none;\n    background-color: ",";\n    cursor: not-allowed;\n    pointer-events: none;\n\n    svg {\n      path {\n        stroke: ",";\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.gray300})),a=e.li(r||(r=n(["\n  display: flex;\n  width: 32px;\n  height: 32px;\n  align-items: center;\n  justify-content: center;\n  margin: 0 2px;\n  border-radius: 4px;\n  color: ",";\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: ",";\n\n  > a {\n    color: ",";\n    text-decoration: unset;\n    display: block;\n    width: 100%;\n    height: 100%;\n    line-height: 32px;\n    text-align: center;\n  }\n"],["\n  display: flex;\n  width: 32px;\n  height: 32px;\n  align-items: center;\n  justify-content: center;\n  margin: 0 2px;\n  border-radius: 4px;\n  color: ",";\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: ",";\n\n  > a {\n    color: ",";\n    text-decoration: unset;\n    display: block;\n    width: 100%;\n    height: 100%;\n    line-height: 32px;\n    text-align: center;\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray800}));export{i as S,s as a,a as b};

package/build/esm/index.styled-f41c3ca8.js

@@ -0,0 +1 @@
+import{b as n}from"./tslib.es6-260fa47f.js";import t from"styled-components";var e,r,o,i,s,a,l,c,d,p,u,h,g=t.div(e||(e=n(["\n  position: relative;\n  width: 100%;\n\n  & div[role='slider'] {\n    -webkit-text-size-adjust: none;\n    -webkit-user-select: none;\n    &:focus {\n      outline: none;\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  & div[role='slider'] {\n    -webkit-text-size-adjust: none;\n    -webkit-user-select: none;\n    &:focus {\n      outline: none;\n    }\n  }\n"]))),f=t.div(r||(r=n(["\n  position: absolute;\n  top: 19px;\n  width: 24px;\n  height: 24px;\n  color: ",";\n  border: 2px solid ",";\n  border-radius: 50%;\n  transform: translateY(-50%) translateX(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  background-color: ",";\n  color: ",";\n  border: 1px solid ",";\n\n  &[data-is-active='true'] {\n    background-color: ",";\n    color: ",";\n    border: none;\n  }\n"],["\n  position: absolute;\n  top: 19px;\n  width: 24px;\n  height: 24px;\n  color: ",";\n  border: 2px solid ",";\n  border-radius: 50%;\n  transform: translateY(-50%) translateX(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  background-color: ",";\n  color: ",";\n  border: 1px solid ",";\n\n  &[data-is-active='true'] {\n    background-color: ",";\n    color: ",";\n    border: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white})),x=t.div(o||(o=n(["\n  display: flex;\n  width: 100%;\n  height: 36px;\n\n  &[data-track-type='detail'] {\n    margin-top: 0;\n  }\n\n  &[data-track-type='detail'][data-step-passed='true'] > div {\n    border: 1px solid ",";\n    height: 0px;\n  }\n\n  &[data-track-type='detail'] > div {\n    border: 1px solid ",";\n    height: 0px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  height: 36px;\n\n  &[data-track-type='detail'] {\n    margin-top: 0;\n  }\n\n  &[data-track-type='detail'][data-step-passed='true'] > div {\n    border: 1px solid ",";\n    height: 0px;\n  }\n\n  &[data-track-type='detail'] > div {\n    border: 1px solid ",";\n    height: 0px;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray200})),m=t.div(i||(i=n(["\n  width: 100%;\n  height: 5px;\n  align-self: center;\n  border-radius: 4px;\n  background-color: ",";\n"],["\n  width: 100%;\n  height: 5px;\n  align-self: center;\n  border-radius: 4px;\n  background-color: ",";\n"])),(function(n){return n.theme.colors.gray200})),b=t.div(s||(s=n(["\n  position: absolute;\n  top: 32px;\n  min-width: 100px;\n  text-align: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n\n  &[data-step-passed='true'] {\n    color: ",";\n  }\n"],["\n  position: absolute;\n  top: 32px;\n  min-width: 100px;\n  text-align: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n\n  &[data-step-passed='true'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.sizes.fsCaption2}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray800})),y=t.div(a||(a=n(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),w=t.div(l||(l=n(["\n  display: flex;\n  align-items: center;\n  font-size: ",";\n  font-weight: ",";\n  color: ",";\n  cursor: pointer;\n\n  & > svg {\n    height: 10px;\n    width: 10px;\n    margin: 0 14px;\n  }\n\n  & > svg > path {\n    stroke: ",";\n  }\n\n  &[data-selected='true'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  font-size: ",";\n  font-weight: ",";\n  color: ",";\n  cursor: pointer;\n\n  & > svg {\n    height: 10px;\n    width: 10px;\n    margin: 0 14px;\n  }\n\n  & > svg > path {\n    stroke: ",";\n  }\n\n  &[data-selected='true'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.sizes.fsCaption2}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase})),v=t.div(c||(c=n(["\n  position: absolute;\n  left: 0;\n  top: 19px;\n  height: 24px;\n  cursor: pointer;\n\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n\n  padding: 8px;\n  background-color: ",";\n"],["\n  position: absolute;\n  left: 0;\n  top: 19px;\n  height: 24px;\n  cursor: pointer;\n\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n\n  padding: 8px;\n  background-color: ",";\n"])),(function(n){return n.theme.colors.white})),k=t.div(d||(d=n(["\n  min-width: 24px;\n  height: 24px;\n  border: 2px solid ",";\n  border-radius: 50%;\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  background-color: ",";\n  color: ",";\n  border: 1px solid ",";\n\n  &[data-is-active='true'] {\n    border: none;\n    background-color: ",";\n    color: ",";\n  }\n"],["\n  min-width: 24px;\n  height: 24px;\n  border: 2px solid ",";\n  border-radius: 50%;\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  background-color: ",";\n  color: ",";\n  border: 1px solid ",";\n\n  &[data-is-active='true'] {\n    border: none;\n    background-color: ",";\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.white})),z=t.div(p||(p=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & > svg {\n    height: 20px;\n    width: 20px;\n    margin-right: 8px;\n\n    & > path {\n      stroke: ",";\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & > svg {\n    height: 20px;\n    width: 20px;\n    margin-right: 8px;\n\n    & > path {\n      stroke: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500})),j=t.div(u||(u=n(["\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  margin-right: 8px;\n  flex: 0 0 auto;\n\n  &[data-step-passed='true'] {\n    color: ",";\n  }\n"],["\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  margin-right: 8px;\n  flex: 0 0 auto;\n\n  &[data-step-passed='true'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray400}),(function(n){return n.theme.sizes.fsCaption2}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray800})),B=t.div(h||(h=n(["\n  position: absolute;\n  top: 32px;\n  font-weight: ",";\n  color: ",";\n  padding-right: 16px;\n"],["\n  position: absolute;\n  top: 32px;\n  font-weight: ",";\n  color: ",";\n  padding-right: 16px;\n"])),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.gray400}));export{g as S,y as a,w as b,x as c,m as d,f as e,b as f,v as g,z as h,k as i,j,B as k};

package/build/esm/index.styled-f9636b35.js

@@ -0,0 +1 @@
+import{b as n}from"./tslib.es6-260fa47f.js";import{M as t}from"./utils-432904d8.js";import i from"styled-components";var e,a,o,r,p=i.h6(e||(e=n(["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  line-height: 22px;\n"],["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  line-height: 22px;\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold})),x=i.a(a||(a=n(["\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n  color: inherit;\n  text-decoration: none;\n\n  * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n  color: inherit;\n  text-decoration: none;\n\n  * {\n    pointer-events: none;\n  }\n"]))),d=i.article(o||(o=n(["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 16px 16px 16px 0;\n  background-color: ",";\n  cursor: pointer;\n\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n\n  .content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n\n    .inner-content {\n      display: flex;\n      flex-direction: column;\n      p {\n        display: flex;\n        align-items: center;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      .bookmark {\n        width: 18px;\n        height: 18px;\n      }\n      //.title,\n      .title a {\n        display: -webkit-box;\n        overflow: hidden;\n        margin-top: 2px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n\n      .text {\n        display: -webkit-box;\n        overflow: hidden;\n        max-width: 100%;\n        margin-top: 4px;\n        //margin-bottom: 26px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n    }\n  }\n\n  .footer {\n    display: flex;\n\n    .author {\n      width: calc(100% - 20px);\n    }\n\n    .bookmark {\n      display: flex;\n      width: 12px;\n      height: 16px;\n      margin-left: 8px;\n      cursor: pointer;\n\n      svg {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  .banner {\n    position: relative;\n    min-width: 100px;\n    max-width: 100px;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    border-radius: 6px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 6px;\n      object-fit: cover;\n      object-position: center;\n      pointer-events: none;\n    }\n  }\n  .shoppable {\n    position: absolute;\n    bottom: 4px;\n    left: 6px;\n  }\n\n  &[data-size='sm'][data-direction='horizontal'] {\n    padding: 20px 0;\n\n    .label {\n      margin-bottom: 0;\n    }\n    .banner {\n      width: 100px;\n      height: 100px;\n      margin: 0 16px 0 0;\n\n      "," {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n    }\n\n    .text {\n      display: none;\n    }\n  }\n\n  &[data-direction='horizontal'] {\n    .footer {\n      margin-top: auto;\n    }\n  }\n\n  &[data-size='md'][data-direction='horizontal'] {\n    padding: 16px 0;\n\n    .banner {\n      min-width: 200px;\n      max-width: 200px;\n      height: 150px;\n      margin: 0 24px 0 0;\n    }\n\n    "," {\n      .text {\n        display: none;\n      }\n\n      .banner {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n\n      .specialty {\n        display: none;\n      }\n    }\n  }\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n    padding: 0 0 0 0;\n\n    .label {\n      margin-top: 16px;\n      display: flex;\n    }\n\n    &[data-size='sm'] {\n      .banner {\n        height: 150px;\n      }\n\n      .text {\n        display: none;\n      }\n\n      .title {\n        margin-top: 0;\n        margin-bottom: 12px;\n      }\n    }\n\n    &[data-size='lg'] {\n      .banner {\n        max-height: 312px;\n\n        "," {\n          max-height: 192px;\n        }\n      }\n\n      .text {\n        display: -webkit-box;\n        margin-top: 8px;\n        margin-bottom: 16px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 3;\n        word-break: break-word;\n      }\n    }\n\n    .banner {\n      min-width: 100%;\n      height: 468px;\n      margin: 0;\n    }\n  }\n\n  &[data-is-expert] {\n    .inner-content label.text {\n      display: none;\n    }\n\n    .specialty > [data-tag='h6'] {\n      font-size: 13px;\n      font-weight: 400;\n      line-height: 19px;\n    }\n\n    &[data-size='md'] .footer .author .avatar {\n      margin-right: 8px;\n    }\n\n    "," {\n      &[data-size='md'] .footer .author .avatar {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n    }\n\n    .title {\n      margin-bottom: 16px;\n      "," {\n        margin-bottom: 8px;\n      }\n    }\n\n    &[data-direction='horizontal'] {\n      .footer {\n        margin-top: auto;\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 16px 16px 16px 0;\n  background-color: ",";\n  cursor: pointer;\n\n  [data-event-category] > * {\n    pointer-events: none;\n  }\n\n  .content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n\n    .inner-content {\n      display: flex;\n      flex-direction: column;\n      p {\n        display: flex;\n        align-items: center;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      .bookmark {\n        width: 18px;\n        height: 18px;\n      }\n      //.title,\n      .title a {\n        display: -webkit-box;\n        overflow: hidden;\n        margin-top: 2px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n\n      .text {\n        display: -webkit-box;\n        overflow: hidden;\n        max-width: 100%;\n        margin-top: 4px;\n        //margin-bottom: 26px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 2;\n      }\n    }\n  }\n\n  .footer {\n    display: flex;\n\n    .author {\n      width: calc(100% - 20px);\n    }\n\n    .bookmark {\n      display: flex;\n      width: 12px;\n      height: 16px;\n      margin-left: 8px;\n      cursor: pointer;\n\n      svg {\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n\n  .banner {\n    position: relative;\n    min-width: 100px;\n    max-width: 100px;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    border-radius: 6px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 6px;\n      object-fit: cover;\n      object-position: center;\n      pointer-events: none;\n    }\n  }\n  .shoppable {\n    position: absolute;\n    bottom: 4px;\n    left: 6px;\n  }\n\n  &[data-size='sm'][data-direction='horizontal'] {\n    padding: 20px 0;\n\n    .label {\n      margin-bottom: 0;\n    }\n    .banner {\n      width: 100px;\n      height: 100px;\n      margin: 0 16px 0 0;\n\n      "," {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n    }\n\n    .text {\n      display: none;\n    }\n  }\n\n  &[data-direction='horizontal'] {\n    .footer {\n      margin-top: auto;\n    }\n  }\n\n  &[data-size='md'][data-direction='horizontal'] {\n    padding: 16px 0;\n\n    .banner {\n      min-width: 200px;\n      max-width: 200px;\n      height: 150px;\n      margin: 0 24px 0 0;\n    }\n\n    "," {\n      .text {\n        display: none;\n      }\n\n      .banner {\n        min-width: 100px;\n        max-width: 100px;\n        height: 100px;\n        margin: 0 16px 0 0;\n      }\n\n      .specialty {\n        display: none;\n      }\n    }\n  }\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n    padding: 0 0 0 0;\n\n    .label {\n      margin-top: 16px;\n      display: flex;\n    }\n\n    &[data-size='sm'] {\n      .banner {\n        height: 150px;\n      }\n\n      .text {\n        display: none;\n      }\n\n      .title {\n        margin-top: 0;\n        margin-bottom: 12px;\n      }\n    }\n\n    &[data-size='lg'] {\n      .banner {\n        max-height: 312px;\n\n        "," {\n          max-height: 192px;\n        }\n      }\n\n      .text {\n        display: -webkit-box;\n        margin-top: 8px;\n        margin-bottom: 16px;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 3;\n        word-break: break-word;\n      }\n    }\n\n    .banner {\n      min-width: 100%;\n      height: 468px;\n      margin: 0;\n    }\n  }\n\n  &[data-is-expert] {\n    .inner-content label.text {\n      display: none;\n    }\n\n    .specialty > [data-tag='h6'] {\n      font-size: 13px;\n      font-weight: 400;\n      line-height: 19px;\n    }\n\n    &[data-size='md'] .footer .author .avatar {\n      margin-right: 8px;\n    }\n\n    "," {\n      &[data-size='md'] .footer .author .avatar {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n    }\n\n    .title {\n      margin-bottom: 16px;\n      "," {\n        margin-bottom: 8px;\n      }\n    }\n\n    &[data-direction='horizontal'] {\n      .footer {\n        margin-top: auto;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),t.mbDown,t.mbDown,t.mbDown,t.tdUp,t.mbDown),h=i.div(r||(r=n(["\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 8px;\n\n  .author {\n    display: flex;\n    align-items: center;\n\n    .avatar,\n    .expert-avatar {\n      flex-shrink: 0;\n\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n\n    .name {\n      font-weight: 600;\n    }\n\n    .poster {\n      display: flex;\n      align-items: center;\n      white-space: pre-wrap;\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n\n      p {\n        display: -webkit-box;\n        overflow: hidden;\n        //font-size: 11px;\n        -webkit-box-orient: vertical;\n        font-weight: 400;\n        -webkit-line-clamp: 3;\n\n        a {\n          color: ",";\n          text-decoration: none;\n        }\n\n        span:not(.name) {\n          color: ",";\n        }\n      }\n    }\n\n    .expert {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: center;\n\n      a {\n        text-decoration: none;\n      }\n\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n    }\n\n    .avatar {\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n\n      "," {\n        margin-right: 4px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 32px;\n          height: 32px;\n          margin-right: 12px;\n        }\n      }\n    }\n\n    .expert-avatar {\n      "," {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n\n      "," {\n        width: 32px;\n        height: 32px;\n        margin-right: 8px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 64px;\n          height: 64px;\n          margin-right: 16px;\n        }\n\n        "," {\n          width: 40px;\n          height: 40px;\n          margin-right: 16px;\n        }\n      }\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 8px;\n\n  .author {\n    display: flex;\n    align-items: center;\n\n    .avatar,\n    .expert-avatar {\n      flex-shrink: 0;\n\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n\n    .name {\n      font-weight: 600;\n    }\n\n    .poster {\n      display: flex;\n      align-items: center;\n      white-space: pre-wrap;\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n\n      p {\n        display: -webkit-box;\n        overflow: hidden;\n        //font-size: 11px;\n        -webkit-box-orient: vertical;\n        font-weight: 400;\n        -webkit-line-clamp: 3;\n\n        a {\n          color: ",";\n          text-decoration: none;\n        }\n\n        span:not(.name) {\n          color: ",";\n        }\n      }\n    }\n\n    .expert {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: center;\n\n      a {\n        text-decoration: none;\n      }\n\n      &[data-is-disabled-url='true'] {\n        cursor: default;\n        a {\n          pointer-events: none;\n        }\n      }\n    }\n\n    .avatar {\n      width: 24px;\n      height: 24px;\n      margin-right: 8px;\n\n      "," {\n        margin-right: 4px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 32px;\n          height: 32px;\n          margin-right: 12px;\n        }\n      }\n    }\n\n    .expert-avatar {\n      "," {\n        width: 40px;\n        height: 40px;\n        margin-right: 16px;\n      }\n\n      "," {\n        width: 32px;\n        height: 32px;\n        margin-right: 8px;\n      }\n\n      &[data-size='lg'] {\n        "," {\n          width: 64px;\n          height: 64px;\n          margin-right: 16px;\n        }\n\n        "," {\n          width: 40px;\n          height: 40px;\n          margin-right: 16px;\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray400}),t.mbDown,t.tdUp,t.mbUp,t.mbDown,t.mbUp,t.mbDown);export{d as S,x as a,h as b,p as c};

package/build/esm/lazyLoad-59e8ff6d.js

@@ -0,0 +1 @@
+import l from"vanilla-lazyload";var a=null;"undefined"==typeof window||a||(a=new l);export{a as l};

package/build/esm/lock-e8f828ec.js

@@ -0,0 +1 @@
+var A="data:image/png;base64,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";export{A as i};

package/build/esm/mantine.js

@@ -1 +1 @@
-import{e,_ as n}from"./tslib.es6-5532bd7b.js";import t from"react";import{Select as o}from"@mantine/core";import r from"styled-components";var i,s=r(o)(i||(i=e(["\n  .mantine-Select-input {\n    border-radius: 6px;\n    &:hover,\n    &:focus {\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n  }\n"],["\n  .mantine-Select-input {\n    border-radius: 6px;\n    &:hover,\n    &:focus {\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n  }\n"])),(function(e){return e.theme.colors.blue200})),a=function(e){return t.createElement(s,n({rightSection:t.createElement("svg",{width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M1 1L5 5L9 1",stroke:"#595959",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},e))};export{a as Select};
+export{Select}from"./components/mantine/select.js";import"./tslib.es6-260fa47f.js";import"react";import"@mantine/core";import"styled-components";

package/build/esm/menuLink-cb440241.js

@@ -0,0 +1 @@
+import{b as n}from"./tslib.es6-260fa47f.js";import e from"react";import t from"styled-components";import{Text as i}from"./components/atoms/text.js";import"./index.styled-c9c43e63.js";import"./index.styled-3a7f1be6.js";import"./index.styled-5cc30198.js";import"./index.styled-c7311908.js";import"./index.styled-76f02a1e.js";import"./index.styled-bc1e34ec.js";import"./index.styled-8a2fdae1.js";import"./index.styled-35802967.js";import"./index.styled-14385ba4.js";import"./index.styled-ee90d157.js";import"./components/atoms/label.js";import"./index.styled-a6be0beb.js";import{Logo as o}from"./components/atoms/logo.js";import"./utils-432904d8.js";import"./index.styled-f3b75621.js";import"./components/atoms/pureInput.js";import"./index.styled-c2186de7.js";import"./index.styled-b8c131bf.js";import"react-range";import"./index.styled-7eda6b11.js";import"./index.styled-18eeca5a.js";import"./index.styled-b9ee0859.js";import"./index.styled-21bf0a76.js";import"./index.styled-4516ef5a.js";import"./components/atoms/textArea.js";import"./components/atoms/container.js";import"./index.styled-070ed8ad.js";import"./components/atoms/textDivider.js";import"./index.styled-db5aa049.js";import"./Stethoscope-43935dbb.js";import"./index.styled-7b4d2a6a.js";import"react-dom";import"./index.styled-e4f1d848.js";import"./index.styled-3247d7d7.js";import"./components/atoms/menu.js";import"./index.styled-3a97799e.js";import"./translationsContext-d658f58d.js";import"string-format";import"lodash/debounce";import"./constants-3be6f6a9.js";import"date-fns";import"./animation-e703e19e.js";import"./lazyLoad-59e8ff6d.js";import"./Locale-69030fff.js";import"./index.styled-41fcfc4d.js";import{DoctorInfo as a}from"./components/molecules/doctorInfo.js";var s,r,d,p,m,l=t.div(s||(s=n(["\n  --menu-width: 240px;\n  --menu-spacing: 28px 16px;\n  width: var(--menu-width);\n  height: 100vh;\n  padding: var(--menu-spacing);\n  background-color: ",";\n  transition: ease-in-out 0.5s;\n\n  &[data-is-collapsed] {\n    --menu-width: 64px;\n    --menu-spacing: 28px 8px;\n  }\n"],["\n  --menu-width: 240px;\n  --menu-spacing: 28px 16px;\n  width: var(--menu-width);\n  height: 100vh;\n  padding: var(--menu-spacing);\n  background-color: ",";\n  transition: ease-in-out 0.5s;\n\n  &[data-is-collapsed] {\n    --menu-width: 64px;\n    --menu-spacing: 28px 8px;\n  }\n"])),(function(n){return n.theme.colors.neutral50})),c=function(n){var t=n.isCollapsed,i=n.className,o=n.style,a=n.children;return e.createElement(l,{style:o,className:i,"data-is-collapsed":t||void 0},a)},x=t.div(r||(r=n(["\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n\n  svg {\n    transition: 0.4s ease-in-out;\n  }\n"],["\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n\n  svg {\n    transition: 0.4s ease-in-out;\n  }\n"]))),u=t.div(d||(d=n(["\n  cursor: pointer;\n  &[data-is-collapsed] {\n    transform: rotate(180deg);\n  }\n"],["\n  cursor: pointer;\n  &[data-is-collapsed] {\n    transform: rotate(180deg);\n  }\n"]))),f=function(n){var t=n.isCollapsed,i=n.defaultLogo,a=n.onBackClick,s=n.customIcon;return e.createElement(x,null,e.createElement(o,{type:t?"logomark":i||"hellocare",height:"24px",width:t?"24px":"77px"}),e.createElement(u,{"data-is-collapsed":t||void 0,onClick:a},s||e.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 20 20",width:"20px",height:"20px"},e.createElement("path",{d:"M10 .75A9.25 9.25 0 1019.25 10 9.25 9.25 0 0010 .75z",fill:"none",stroke:"#d2d6dc",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),e.createElement("path",{d:"M11.44 6.53L8 10l3.48 3.47",fill:"none",stroke:"#737373",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}))))},g=t.div(p||(p=n(["\n  display: flex;\n  align-items: center;\n  margin-top: 24px;\n  margin-bottom: 36px;\n\n  figcaption {\n    white-space: nowrap;\n  }\n\n  &[data-is-collapsed='true'] {\n    img {\n      max-width: 2rem;\n      max-height: 2rem;\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 24px;\n  margin-bottom: 36px;\n\n  figcaption {\n    white-space: nowrap;\n  }\n\n  &[data-is-collapsed='true'] {\n    img {\n      max-width: 2rem;\n      max-height: 2rem;\n    }\n  }\n"]))),j=function(n){var t=n.isCollapsed,i=n.userName,o=n.role,s=n.avatar;return e.createElement(g,{"data-is-collapsed":t||void 0},e.createElement(a,{image:s,name:i,description:o,isDescriptionHidden:t}))},y=t.div(m||(m=n(["\n  display: flex;\n  align-items: center;\n  padding: 9px 21px;\n  margin-bottom: 4px;\n  border-radius: 6px;\n\n  &:not([data-is-link-active]) {\n    cursor: pointer;\n  }\n\n  p {\n    margin-left: 12px;\n  }\n\n  &[data-is-link-active] {\n    background: ",";\n  }\n\n  &[data-is-link-collapsed] {\n    justify-content: center;\n    margin-right: -14px;\n    margin-left: -14px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: 9px 21px;\n  margin-bottom: 4px;\n  border-radius: 6px;\n\n  &:not([data-is-link-active]) {\n    cursor: pointer;\n  }\n\n  p {\n    margin-left: 12px;\n  }\n\n  &[data-is-link-active] {\n    background: ",";\n  }\n\n  &[data-is-link-collapsed] {\n    justify-content: center;\n    margin-right: -14px;\n    margin-left: -14px;\n  }\n"])),(function(n){return n.theme.colors.primaryBase})),h=function(n){var t=n.icon,o=n.isActive,a=n.children,s=n.isCollapsed,r=n.activeIcon,d=n.onLinkClick,p=n.textSize,m=void 0===p?"base":p,l=n.textType,c=void 0===l?"bold":l,x=n.textColorActive,u=void 0===x?"#fff":x,f=n.textColor,g=void 0===f?"#595959":f;return e.createElement(y,{"data-is-link-active":o||void 0,onClick:d,"data-is-link-collapsed":s||void 0},o&&r?r:t,!s&&e.createElement(i,{size:m,type:c,color:o?u:g},a))};export{h as M,c as S,j as U,f as a};

package/build/esm/misc.js

@@ -1 +1 @@
-export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-77c129ef.js";export{B as Breakpoints,M as MediaQueries,h as fadeIn,i as formatUrlWithPageParam,j as getBoundariesFromMediaQueryKey,k as getPopupWrapperDom,l as lazyLoadInstance,m as makeParams,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp,n as startCase,t as toggleNoScroll}from"./lazyLoad-f916d705.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-0e8521c3.js";import"react";import"styled-components";export{t as theme}from"./theme-a50a1aa5.js";export{a as abbreviateNumber}from"./number-3cb24023.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-31d4caa0.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-ad018fba.js";export{g as getSocialList}from"./getSocialList-ff22842b.js";import"date-fns";import"./tslib.es6-5532bd7b.js";import"vanilla-lazyload";import"./constants-3be6f6a9.js";import"./core-d22826b4.js";import"./Locale-69030fff.js";
+export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-77c129ef.js";export{h as fadeIn,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./animation-e703e19e.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-0e8521c3.js";export{l as lazyLoadInstance}from"./lazyLoad-59e8ff6d.js";import"react";import"styled-components";export{t as theme}from"./theme-a50a1aa5.js";export{a as abbreviateNumber}from"./number-3cb24023.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-31d4caa0.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,m as makeParams,s as startCase,t as toggleNoScroll}from"./utils-432904d8.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-346a5692.js";export{g as getSocialList}from"./getSocialList-ff22842b.js";import"date-fns";import"./tslib.es6-260fa47f.js";import"vanilla-lazyload";import"./constants-3be6f6a9.js";import"./core-fd895ef9.js";import"./Locale-69030fff.js";