@inntechcorp/it-design 4.0.0-beta.2 → 4.0.0-beta.4

package/dist/css/result.css

@@ -0,0 +1 @@
+@layer components{.itd-result{height:100%;overflow:hidden;position:relative;width:100%}.itd-result-content-wrapper{height:100%}.itd-result-content,.itd-result-content-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.itd-result-content{background-color:var(--itd-color-background-result,var(--itd-color-background-alt));border-radius:var(--itd-radius-sm);flex-direction:column;gap:var(--itd-result-gap,20px);height:auto;max-width:500px;opacity:1;padding:var(--itd-result-padding,50px 20px 40px)}.itd-result-fill .itd-result-content{height:100%;max-width:100%}.itd-result:not(.itd-result-default) .itd-result-content{background-color:color-mix(in oklch,var(--itd-color-background-result,var(--itd-color-background-alt)) 50%,#0000)}.itd-result-no-background .itd-result-content{background-color:initial}.itd-result-animated .itd-result-content{animation:itd-result-bounce .5s ease-out;transform-origin:50% 50%}.itd-result-body{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.itd-result .itd-image-wrapper:empty{display:none}.itd-result .itd-image-wrapper{align-items:center;background-color:color-mix(in oklch,var(--itd-background) 50%,#0000);border-radius:100px;display:flex;height:84px;justify-content:center;margin-bottom:1rem;overflow:hidden;position:relative;width:84px}:is(.itd-result .itd-image-wrapper) img{height:auto;width:var(--itd-result-image-size,44px);z-index:0}.itd-result-title{color:var(--itd-primary);font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);line-height:var(--itd-text-default--line-height);max-width:80%;text-align:center}.itd-result-sub-title{color:var(--itd-color-text-neutral);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);line-height:var(--itd-text-13--line-height);max-width:var(--itd-result-sub-max-width,80%);text-align:center}.itd-result-extras{display:flex;justify-content:center;margin-top:20px}.itd-result-extras a{min-width:150px}:is(.itd-result-extras a):not(:last-child){margin-right:20px}.itd-result-footer{display:flex;justify-content:center;width:100%}.itd-result-footer>div{width:100%}@keyframes itd-result-bounce{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.05)}75%{opacity:1;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}

package/dist/css/select.css

@@ -1,624 +1 @@
-@layer components {
-
-  /* =============================================================
-     SELECT - Scoped size tokens (overridden by size classes)
-     ============================================================= */
-  .itd-select,
-  .itd-select-portal {
-    --_h: var(--itd-size-df-h);
-    --_px: calc(var(--itd-spacing) * 3);
-    --_font: var(--itd-size-df-font);
-    --_fw: var(--itd-font-weight-normal);
-    --_img: 1.25rem;
-    --_arrow: 1rem;
-
-    &.itd-select-xs {
-      --_h: var(--itd-size-xs-h);
-      --_px: calc(var(--itd-spacing) * 2.5);
-      --_font: var(--itd-size-xs-font);
-      --_fw: var(--itd-font-weight-normal);
-      --_img: 0.875rem;
-      --_arrow: 0.825rem;
-    }
-
-    &.itd-select-sm {
-      --_h: var(--itd-size-sm-h);
-      --_px: calc(var(--itd-spacing) * 2.5);
-      --_font: var(--itd-size-sm-font);
-      --_fw: var(--itd-font-weight-normal);
-      --_img: 1rem;
-      --_arrow: 0.825rem;
-    }
-
-    &.itd-select-md {
-      --_h: var(--itd-size-md-h);
-      --_px: calc(var(--itd-spacing) * 3);
-      --_font: var(--itd-size-md-font);
-      --_fw: var(--itd-font-weight-normal);
-      --_img: 1.125rem;
-      --_arrow: 1rem;
-    }
-
-    &.itd-select-df {
-      --_h: var(--itd-size-df-h);
-      --_px: calc(var(--itd-spacing) * 3);
-      --_font: var(--itd-size-df-font);
-      --_fw: var(--itd-font-weight-normal);
-      --_img: 1.25rem;
-      --_arrow: 1rem;
-    }
-
-    &.itd-select-lg {
-      --_h: var(--itd-size-lg-h);
-      --_px: calc(var(--itd-spacing) * 3.75);
-      --_font: var(--itd-size-lg-font);
-      --_fw: var(--itd-font-weight-medium);
-      --_img: 1.25rem;
-      --_arrow: 1.125rem;
-    }
-
-    &.itd-select-xlg {
-      --_h: var(--itd-size-xlg-h);
-      --_px: calc(var(--itd-spacing) * 3.75);
-      --_font: var(--itd-size-xlg-font);
-      --_fw: var(--itd-font-weight-medium);
-      --_img: 1.375rem;
-      --_arrow: 1.125rem;
-    }
-  }
-
-  /* =============================================================
-     MAIN WRAPPER (.itd-select)
-     ============================================================= */
-  .itd-select {
-    position: relative;
-    height: max-content;
-
-    & ul {
-      margin-block-start: 0;
-      margin-block-end: 0;
-      padding-inline-start: 0;
-    }
-  }
-
-  /* =============================================================
-     SELECTOR (.itd-select-selector)
-     ============================================================= */
-  .itd-select-selector {
-    display: flex;
-    align-items: center;
-    box-sizing: border-box;
-    user-select: none;
-    height: var(--_h);
-    padding-inline: var(--_px);
-    border-radius: calc(var(--itd-border-radius) - 0.125rem);
-    transition-property: border-color;
-    transition-duration: var(--itd-transition-duration);
-    transition-timing-function: var(--itd-transition-timing-function);
-
-    &[data-show-search="false"] {
-      cursor: pointer;
-    }
-
-    & > svg {
-      width: auto;
-      height: 1rem;
-    }
-
-    & .itd-svg > div {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    & .itd-image.itd-svg {
-      display: flex;
-      align-items: center;
-      margin-right: 0.4375rem;
-      min-width: var(--_img);
-      min-height: var(--_img);
-    }
-
-    & img,
-    & .itd-svg svg {
-      width: var(--_img);
-      height: var(--_img);
-    }
-
-    & .itd-icon {
-      color: var(--itd-color-icon);
-      font-size: var(--_img);
-    }
-
-    & .itd-select-arrow {
-      transition-property: transform;
-      transition-duration: var(--itd-transition-duration);
-      transition-timing-function: var(--itd-transition-timing-function);
-
-      & svg {
-        width: var(--_arrow);
-        height: var(--_arrow);
-        color: var(--itd-color-icon);
-      }
-    }
-
-    & .itd-select-arrow[data-open] {
-      transform: rotate(-180deg);
-    }
-
-    & .itd-select-status-error {
-      border: 1px solid var(--itd-color-error-border);
-      border-radius: calc(var(--itd-border-radius) - 0.125rem);
-    }
-  }
-
-  /* =============================================================
-     SELECTION ITEM & LABEL
-     ============================================================= */
-  .itd-select-selection-item {
-    display: flex;
-    flex-grow: 1;
-    height: 100%;
-  }
-
-  .itd-select-selection-label {
-    border-radius: calc(var(--itd-border-radius) - 0.125rem);
-    transition-property: background-color;
-    transition-duration: var(--itd-transition-duration);
-    transition-timing-function: var(--itd-transition-timing-function);
-
-    & [type=text] {
-      height: var(--_h);
-      font-size: var(--_font);
-      color: var(--itd-color-text);
-      caret-color: var(--itd-color-text);
-
-      &::placeholder {
-        color: rgba(0, 0, 0, 0);
-      }
-    }
-
-    & span,
-    & label {
-      color: var(--itd-color-text);
-      font-weight: var(--_fw);
-
-      &::before {
-        color: var(--itd-color-text-muted);
-        transition-property: transform;
-        transition-duration: var(--itd-transition-duration);
-        transition-timing-function: var(--itd-transition-timing-function);
-      }
-    }
-
-    &.itd-select-selection-item-single {
-      display: flex;
-      align-items: center;
-      width: 100%;
-      border-radius: calc(var(--itd-border-radius) - 0.125rem);
-      transition-property: background-color;
-      transition-duration: var(--itd-transition-duration);
-      transition-timing-function: var(--itd-transition-timing-function);
-
-      & span,
-      & label {
-        font-size: var(--_font);
-        line-height: var(--_font);
-        font-weight: var(--_fw);
-      }
-
-      & input,
-      & input::placeholder {
-        font-weight: var(--_fw);
-      }
-
-      & input {
-        font-size: var(--_font);
-        color: var(--itd-color-text);
-
-        &::placeholder {
-          color: var(--itd-color-placeholder);
-        }
-      }
-    }
-  }
-
-  /* =============================================================
-     SUFFIX, PREFIX, LOCKED
-     ============================================================= */
-  .itd-select-prefix {
-    display: flex;
-    align-items: center;
-    height: 100%;
-    margin-right: 0.4375rem;
-  }
-
-  .itd-select-suffix {
-    display: grid;
-    grid-column-gap: 0.3125rem;
-    grid-auto-flow: column;
-    align-items: center;
-    justify-self: flex-end;
-    position: relative;
-  }
-
-  .itd-select-locked {
-    display: flex;
-    align-items: center;
-    height: 100%;
-    color: var(--itd-color-text-neutral);
-  }
-
-  .itd-select-failed {
-    margin: 0;
-    float: left;
-    height: 100%;
-    position: relative;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-
-    &::before {
-      padding: 0.25rem;
-      border-radius: 3.125rem;
-      background-color: var(--itd-color-error);
-    }
-
-    & svg circle {
-      fill: var(--itd-color-error);
-    }
-
-    & svg path {
-      fill: var(--itd-color-error-text);
-    }
-  }
-
-  /* =============================================================
-     VARIANT: DEFAULT
-     ============================================================= */
-  .itd-select-default {
-
-    & .itd-select-selector {
-      box-shadow: var(--itd-box-shadow);
-      outline: 0 solid transparent;
-      outline-offset: var(--itd-ring-offset);
-      border: 1px solid var(--itd-color-border);
-      background-color: var(--itd-color-background-bordered);
-      transition: outline 100ms linear,
-                  border-color var(--itd-transition-duration) var(--itd-transition-timing-function);
-    }
-
-    &.itd-select-open .itd-select-selector {
-      border-color: var(--itd-color-border-focus);
-    }
-
-    &.itd-select-open.itd-select-status-error .itd-select-selector {
-      border-color: var(--itd-color-error-border);
-    }
-
-    &.keyboard-focus .itd-select-selector {
-      border-color: var(--itd-color-border-focus);
-      outline: var(--itd-ring-width) solid var(--itd-color-border-focus-ring);
-    }
-
-    &.keyboard-focus.itd-select-status-error .itd-select-selector {
-      border-color: var(--itd-color-error-border);
-      outline: var(--itd-ring-width) solid var(--itd-color-error-outline);
-    }
-
-    &:not(.itd-select-open):not(.itd-select-disabled):not(.keyboard-focus) .itd-select-selector:hover {
-      border-color: var(--itd-color-border-hover);
-    }
-
-    &:not(.itd-select-disabled):not(.itd-select-open) .itd-select-selector:active {
-      border-color: var(--itd-color-border-focus);
-    }
-
-    &.itd-select-status-error:not(.itd-select-disabled):not(.itd-select-open) .itd-select-selector:active {
-      border-color: var(--itd-color-error-border);
-    }
-  }
-
-  /* =============================================================
-     VARIANT: FILLED
-     ============================================================= */
-  .itd-select-filled {
-
-    & .itd-select-selector {
-      border: none;
-      background-color: var(--itd-color-background-alt);
-      outline: 0 solid transparent;
-      outline-offset: var(--itd-ring-offset);
-      transition: outline 100ms linear,
-                  background-color var(--itd-transition-duration) var(--itd-transition-timing-function);
-    }
-
-    &.itd-select-open .itd-select-selector {
-      background-color: var(--itd-color-background-alt-hover);
-    }
-
-    &.keyboard-focus .itd-select-selector {
-      outline: var(--itd-ring-width) solid var(--itd-color-border-focus-ring);
-      background-color: var(--itd-color-background-alt-hover);
-    }
-
-    &.keyboard-focus.itd-select-status-error .itd-select-selector {
-      outline: var(--itd-ring-width) solid var(--itd-color-error-outline);
-    }
-
-    &:not(.itd-select-open):not(.itd-select-disabled):not(.keyboard-focus) .itd-select-selector:hover {
-      background-color: var(--itd-color-background-alt-hover);
-    }
-
-    &:not(.itd-select-disabled):not(.itd-select-open) .itd-select-selector:active {
-      background-color: var(--itd-color-background-alt-hover);
-    }
-  }
-
-  /* =============================================================
-     DISABLED & LOCKED
-     ============================================================= */
-  .itd-select[disabled] .itd-select-selector {
-    background-color: var(--itd-color-disabled-bg);
-    border: 1px solid var(--itd-color-disabled-border);
-    border-radius: calc(var(--itd-border-radius) - 0.125rem);
-    cursor: not-allowed;
-
-    & .itd-select-selection-item input[disabled] {
-      color: var(--itd-color-disabled-text);
-
-      &::placeholder {
-        color: var(--itd-color-disabled-text);
-      }
-    }
-
-    & .itd-select-arrow svg {
-      color: var(--itd-color-disabled-text);
-    }
-
-    & .itd-image {
-      filter: grayscale(100%);
-      opacity: 0.5;
-    }
-  }
-
-  .itd-select.itd-select-locked .itd-select-selection-item input {
-    pointer-events: none;
-  }
-
-  /* =============================================================
-     DROPDOWN WRAPPER
-     ============================================================= */
-  .itd-select-dropdown-wrapper {
-    min-width: 100%;
-    min-height: 2.5rem;
-    overflow: hidden;
-    position: absolute;
-    z-index: 15;
-    transform-box: fill-box;
-    transform-origin: 50% 1%;
-    outline: none;
-
-    & ul {
-      min-width: max-content;
-    }
-
-    &[data-position="bottom"] {
-      top: calc(var(--_h) + 0.25rem);
-    }
-
-    &[data-position="top"] {
-      bottom: calc(var(--_h) + 0.25rem);
-    }
-
-    &[data-direction="left"] {
-      left: 0;
-    }
-
-    &[data-direction="right"] {
-      right: 0;
-    }
-
-    &[data-portal="true"] {
-      position: fixed;
-      min-width: auto;
-
-      &[data-position="top"] {
-        transform-origin: 50% 100%;
-      }
-    }
-  }
-
-  /* =============================================================
-     DROPDOWN BODY (.itd-select-dropdown)
-     ============================================================= */
-  .itd-select-dropdown {
-    background-color: var(--itd-color-background-select);
-    border-radius: calc(var(--itd-border-radius) - 0.125rem);
-
-    & .itd-select-dropdown-body {
-      max-height: 18.75rem;
-    }
-
-    &.multi .itd-checkbox {
-      width: 100%;
-      height: 100%;
-      padding-inline: 0.9375rem;
-
-      & .itd-checkbox-inner-wrapper {
-        width: 100%;
-        height: 100%;
-      }
-    }
-  }
-
-  .itd-select-default .itd-select-dropdown {
-    border: 1px solid var(--itd-color-border);
-    box-shadow: none;
-  }
-
-  .itd-select-filled .itd-select-dropdown {
-    border: none;
-    box-shadow: var(--itd-color-modal-shadow);
-  }
-
-  .itd-select-dropdown.single .itd-select-item.itd-select-item-option .itd-select-option-single {
-    padding-inline: var(--_px);
-    height: 100%;
-  }
-
-  /* =============================================================
-     OPTIONS
-     ============================================================= */
-  .itd-select-item.itd-select-item-option {
-    display: flex;
-    min-width: max-content;
-    align-items: center;
-    cursor: pointer;
-    padding-block: 0;
-    height: var(--_h);
-
-    &:not(:last-child) {
-      margin-bottom: 0.0625rem;
-    }
-
-    & span,
-    & label {
-      font-size: var(--_font);
-      line-height: var(--_font);
-      font-weight: var(--_fw);
-    }
-
-    &.itd-item-single,
-    &.itd-item-multi {
-      background-color: var(--itd-color-background-select-item);
-
-      & span,
-      & label {
-        color: var(--itd-color-text-neutral);
-      }
-
-      &.itd-item-multi:not(.itd-select-item-option-disabled) {
-        & .itd-checkbox-default input {
-          border-color: var(--itd-color-text-neutral-alpha25);
-        }
-
-        & .itd-checkbox-filled .itd-checkbox-checkmark {
-          background-color: var(--itd-color-text-neutral-alpha10);
-        }
-      }
-
-      & .itd-image {
-        min-width: var(--_img);
-        min-height: var(--_img);
-        margin-right: 0.4375rem;
-
-        & .itd-select-option-image {
-          width: var(--_img);
-          height: var(--_img);
-        }
-
-        & .itd-select-option-icon {
-          color: var(--itd-color-icon);
-          font-size: var(--_img);
-        }
-      }
-    }
-
-    &.itd-select-item-option-active {
-      &.itd-item-single,
-      &.itd-item-multi {
-        background-color: var(--itd-color-background-select-item-hover);
-
-        & span,
-        & label {
-          color: var(--itd-color-text);
-        }
-      }
-
-      &.itd-item-multi:not(.itd-select-item-option-disabled) {
-        & .itd-checkbox-default input {
-          border-color: var(--itd-color-text-neutral-alpha50);
-        }
-
-        & .itd-checkbox-filled .itd-checkbox-checkmark {
-          background-color: var(--itd-color-text-neutral-alpha15);
-        }
-      }
-    }
-
-    &.itd-select-item-option-selected {
-      &.itd-item-single,
-      &.itd-item-multi {
-        background-color: var(--itd-color-background-select-item-selected);
-
-        & span,
-        & label {
-          color: var(--itd-color-text);
-        }
-      }
-
-      &.itd-item-multi:not(.itd-select-item-option-disabled) {
-        & .itd-checkbox-default input {
-          border-color: var(--itd-primary);
-        }
-
-        & .itd-checkbox-filled .itd-checkbox-checkmark {
-          background-color: var(--itd-primary);
-        }
-      }
-    }
-
-    &.itd-select-item-option-disabled {
-      &.itd-item-single,
-      &.itd-item-multi {
-        & span,
-        & label {
-          color: var(--itd-color-disabled-text);
-        }
-      }
-    }
-  }
-
-  /* =============================================================
-     OPTION SINGLE
-     ============================================================= */
-  .itd-select-option-single {
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    width: 100%;
-
-    &[data-disabled="true"] {
-      cursor: not-allowed;
-    }
-
-    & span {
-      white-space: nowrap;
-    }
-  }
-
-  /* =============================================================
-     OPTION IMAGE WRAPPER
-     ============================================================= */
-  .itd-select-option-image-wrapper {
-    & img {
-      pointer-events: none;
-      display: block;
-    }
-  }
-
-  /* =============================================================
-     PORTAL WRAPPER
-     ============================================================= */
-  .itd-select-portal {
-    position: relative;
-    height: max-content;
-
-    & ul {
-      margin-block-start: 0;
-      margin-block-end: 0;
-      padding-inline-start: 0;
-    }
-  }
-}
+@layer components{.itd-select,.itd-select-portal{--_h:var(--itd-size-df-h);--_px:calc(var(--itd-spacing)*3);--_font:var(--itd-size-df-font);--_fw:var(--itd-size-df-field-fw);--_img:1.25rem;--_arrow:1rem}.itd-select-xs:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-xs-h);--_px:calc(var(--itd-spacing)*2.5);--_font:var(--itd-size-xs-font);--_fw:var(--itd-size-xs-field-fw);--_img:0.875rem;--_arrow:0.825rem}.itd-select-sm:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-sm-h);--_px:calc(var(--itd-spacing)*2.5);--_font:var(--itd-size-sm-font);--_fw:var(--itd-size-sm-field-fw);--_img:1rem;--_arrow:0.825rem}.itd-select-md:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-md-h);--_px:calc(var(--itd-spacing)*3);--_font:var(--itd-size-md-font);--_fw:var(--itd-size-md-field-fw);--_img:1.125rem;--_arrow:1rem}.itd-select-df:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-df-h);--_px:calc(var(--itd-spacing)*3);--_font:var(--itd-size-df-font);--_fw:var(--itd-size-df-field-fw);--_img:1.25rem;--_arrow:1rem}.itd-select-lg:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-lg-h);--_px:calc(var(--itd-spacing)*3.75);--_font:var(--itd-size-lg-font);--_fw:var(--itd-size-lg-field-fw);--_img:1.25rem;--_arrow:1.125rem}.itd-select-xlg:is(.itd-select,.itd-select-portal){--_h:var(--itd-size-xlg-h);--_px:calc(var(--itd-spacing)*3.75);--_font:var(--itd-size-xlg-font);--_fw:var(--itd-size-xlg-field-fw);--_img:1.375rem;--_arrow:1.125rem}.itd-select{height:max-content;position:relative}.itd-select ul{margin-block-end:0;margin-block-start:0;padding-inline-start:0}.itd-select-selector{align-items:center;border-radius:var(--itd-radius-control);box-sizing:border-box;display:flex;height:var(--_h);padding-inline:var(--_px);transition-duration:var(--itd-transition-duration);transition-property:border-color;transition-timing-function:var(--itd-transition-timing-function);-webkit-user-select:none;user-select:none}.itd-select-selector[data-show-search=false]{cursor:pointer}.itd-select-selector>svg{height:1rem;width:auto}.itd-select-selector .itd-svg>div{align-items:center;display:flex;justify-content:center}.itd-select-selector .itd-image{align-items:center;display:flex;margin-right:.4375rem;min-height:var(--_img);min-width:var(--_img)}.itd-select-selector .itd-svg svg,.itd-select-selector img{height:var(--_img);width:var(--_img)}.itd-select-selector .itd-icon{color:var(--itd-color-icon);font-size:var(--_img)}.itd-select-selector .itd-select-arrow{transition-duration:var(--itd-transition-duration);transition-property:transform;transition-timing-function:var(--itd-transition-timing-function)}:is(.itd-select-selector .itd-select-arrow) svg{color:var(--itd-color-icon);height:var(--_arrow);width:var(--_arrow)}.itd-select-selector .itd-select-arrow[data-open]{transform:rotate(-180deg)}.itd-select-selector .itd-select-status-error{border:1px solid var(--itd-color-error-border);border-radius:var(--itd-radius-control)}.itd-select-selection-item{display:flex;flex-grow:1;height:100%}.itd-select-selection-label{border-radius:var(--itd-radius-control);transition-duration:var(--itd-transition-duration);transition-property:background-color;transition-timing-function:var(--itd-transition-timing-function)}.itd-select-selection-label [type=text]{caret-color:var(--itd-color-text-input,var(--itd-color-text));color:var(--itd-color-text-input,var(--itd-color-text));font-size:var(--_font);height:var(--_h)}:is(.itd-select-selection-label [type=text])::placeholder{color:#0000;color:oklch(0 0 0/0)}.itd-select-selection-label label,.itd-select-selection-label span{color:var(--itd-color-text-input,var(--itd-color-text));font-weight:var(--_fw)}:is(.itd-select-selection-label span,.itd-select-selection-label label):before{color:var(--itd-color-text-muted);transition-duration:var(--itd-transition-duration);transition-property:transform;transition-timing-function:var(--itd-transition-timing-function)}.itd-select-selection-label.itd-select-selection-item-single{align-items:center;border-radius:var(--itd-radius-control);display:flex;transition-duration:var(--itd-transition-duration);transition-property:background-color;transition-timing-function:var(--itd-transition-timing-function);width:100%}.itd-select-selection-label.itd-select-selection-item-single label,.itd-select-selection-label.itd-select-selection-item-single span{font-size:var(--_font);font-weight:var(--_fw);line-height:var(--_font)}.itd-select-selection-label.itd-select-selection-item-single input,.itd-select-selection-label.itd-select-selection-item-single input::placeholder{font-weight:var(--_fw)}.itd-select-selection-label.itd-select-selection-item-single input{color:var(--itd-color-text);font-size:var(--_font)}:is(.itd-select-selection-label.itd-select-selection-item-single input)::placeholder{color:var(--itd-color-placeholder)}.itd-select-prefix{align-items:center;display:flex;height:100%;margin-right:.4375rem}.itd-select-suffix{grid-column-gap:.3125rem;align-items:center;display:grid;grid-auto-flow:column;justify-self:flex-end;position:relative}.itd-select-lock-icon{color:var(--itd-color-text-neutral)}.itd-select-failed,.itd-select-lock-icon{align-items:center;display:flex;height:100%}.itd-select-failed{cursor:pointer;float:left;margin:0;position:relative}.itd-select-failed:before{background-color:var(--itd-color-error);border-radius:3.125rem;padding:.25rem}.itd-select-failed svg circle{fill:var(--itd-color-error)}.itd-select-failed svg path{fill:var(--itd-color-error-text)}.itd-select-default .itd-select-selector{background-color:var(--itd-color-background-bordered);border:1px solid var(--itd-color-border);box-shadow:var(--itd-box-shadow);outline:0 solid #0000;outline-offset:var(--itd-ring-offset);transition:outline .1s linear,border-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-select-default.itd-select-open .itd-select-selector{border-color:var(--itd-color-border-focus)}.itd-select-default.itd-select-open.itd-select-status-error .itd-select-selector{border-color:var(--itd-color-error-border)}.itd-select-default.keyboard-focus .itd-select-selector{border-color:var(--itd-color-border-focus);outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring)}.itd-select-default.keyboard-focus.itd-select-status-error .itd-select-selector{border-color:var(--itd-color-error-border);outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-select-default:not(.itd-select-open):not(.itd-select-disabled):not(.keyboard-focus) .itd-select-selector:hover:where(:root:not(.itd-touch) *){border-color:var(--itd-color-border-hover)}.itd-select-default:not(.itd-select-disabled):not(.itd-select-open) .itd-select-selector:active{border-color:var(--itd-color-border-focus)}.itd-select-default.itd-select-status-error:not(.itd-select-disabled):not(.itd-select-open) .itd-select-selector:active{border-color:var(--itd-color-error-border)}.itd-select-filled .itd-select-selector{background-color:var(--itd-color-background-input,var(--itd-color-background-alt));border:none;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);transition:outline .1s linear,background-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-select-filled.itd-select-open .itd-select-selector{background-color:var(--itd-color-background-alt-hover)}.itd-select-filled.keyboard-focus .itd-select-selector{background-color:var(--itd-color-background-alt-hover);outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring)}.itd-select-filled.keyboard-focus.itd-select-status-error .itd-select-selector{outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-select-filled:not(.itd-select-open):not(.itd-select-disabled):not(.keyboard-focus) .itd-select-selector:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-alt-hover)}.itd-select-filled:not(.itd-select-disabled):not(.itd-select-open) .itd-select-selector:active{background-color:var(--itd-color-background-alt-hover)}.itd-select[disabled] .itd-select-selector{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);border-radius:var(--itd-radius-control);cursor:not-allowed}:is(.itd-select[disabled] .itd-select-selector) .itd-select-arrow svg,:is(.itd-select[disabled] .itd-select-selector) .itd-select-selection-item input[disabled],:is(:is(.itd-select[disabled] .itd-select-selector) .itd-select-selection-item input[disabled])::placeholder{color:var(--itd-color-disabled-text)}:is(.itd-select[disabled] .itd-select-selector) .itd-image{filter:grayscale(100%);opacity:.5}.itd-select.itd-select-locked .itd-select-selection-item input{pointer-events:none}.itd-select-dropdown-wrapper{min-width:100%;outline:none;overflow:hidden;position:absolute;transform-box:fill-box;transform-origin:50% 1%;z-index:15}.itd-select-dropdown-wrapper ul{min-width:max-content}.itd-select-dropdown-wrapper[data-position=bottom]{top:calc(var(--_h) + .25rem)}.itd-select-dropdown-wrapper[data-position=top]{bottom:calc(var(--_h) + .25rem)}.itd-select-dropdown-wrapper[data-direction=left]{left:0}.itd-select-dropdown-wrapper[data-direction=right]{right:0}.itd-select-dropdown-wrapper[data-portal=true]{min-width:auto;position:fixed}.itd-select-dropdown-wrapper[data-portal=true][data-position=top]{transform-origin:50% 100%}.itd-select-dropdown{background-color:var(--itd-color-background-select);border-radius:calc(var(--itd-border-radius)*.85)}.itd-select-dropdown .itd-select-dropdown-body{max-height:var(--itd-dropdown-max-h,18.75rem)}.itd-select-dropdown.multi .itd-checkbox{height:100%;padding-inline:var(--_px);width:100%}:is(.itd-select-dropdown.multi .itd-checkbox) .itd-checkbox-inner-wrapper{height:100%;width:100%}.itd-select-default .itd-select-dropdown{border:1px solid var(--itd-color-border);box-shadow:none}.itd-select-filled .itd-select-dropdown{border:none;box-shadow:var(--itd-floating-shadow)}.itd-select-dropdown.single .itd-select-item.itd-select-item-option .itd-select-option-single{height:100%;padding-inline:var(--_px)}.itd-select-item.itd-select-item-option{align-items:center;cursor:pointer;display:flex;height:var(--_h);min-width:max-content;padding-block:0}.itd-select-item.itd-select-item-option:not(:last-child){margin-bottom:.0625rem}.itd-select-item.itd-select-item-option label,.itd-select-item.itd-select-item-option span{font-size:var(--_font);font-weight:var(--_fw);line-height:var(--_font)}.itd-select-item.itd-select-item-option.itd-item-multi,.itd-select-item.itd-select-item-option.itd-item-single{background-color:var(--itd-color-background-select-item)}:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi) label,:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi) span{color:var(--itd-color-text-select-item,var(--itd-color-text-neutral))}.itd-item-multi:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi):not(.itd-select-item-option-disabled) .itd-checkbox-default input{border-color:var(--itd-color-text-neutral-alpha25)}.itd-item-multi:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi):not(.itd-select-item-option-disabled) .itd-checkbox-filled .itd-checkbox-checkmark{background-color:var(--itd-color-text-neutral-alpha10)}:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi) .itd-image{margin-right:.4375rem;min-height:var(--_img);min-width:var(--_img)}:is(:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi) .itd-image) .itd-select-option-image{height:var(--_img);width:var(--_img)}:is(:is(.itd-select-item.itd-select-item-option.itd-item-single,.itd-select-item.itd-select-item-option.itd-item-multi) .itd-image) .itd-select-option-icon{color:var(--itd-color-icon);font-size:var(--_img)}.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-multi,.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-single{background-color:var(--itd-color-background-select-item-hover)}:is(.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-single,.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-multi) label,:is(.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-single,.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-multi) span{color:var(--itd-color-text)}.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-multi:not(.itd-select-item-option-disabled) .itd-checkbox-default input{border-color:var(--itd-color-text-neutral-alpha50)}.itd-select-item.itd-select-item-option.itd-select-item-option-active.itd-item-multi:not(.itd-select-item-option-disabled) .itd-checkbox-filled .itd-checkbox-checkmark{background-color:var(--itd-color-text-neutral-alpha15)}.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-multi,.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-single{background-color:var(--itd-color-background-select-item-selected)}:is(.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-single,.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-multi) label,:is(.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-single,.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-multi) span{color:var(--itd-color-text-select-item-selected,var(--itd-color-text))}.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-multi:not(.itd-select-item-option-disabled) .itd-checkbox-default input{border-color:var(--itd-primary)}.itd-select-item.itd-select-item-option.itd-select-item-option-selected.itd-item-multi:not(.itd-select-item-option-disabled) .itd-checkbox-filled .itd-checkbox-checkmark{background-color:var(--itd-primary)}:is(.itd-select-item.itd-select-item-option.itd-select-item-option-disabled.itd-item-single,.itd-select-item.itd-select-item-option.itd-select-item-option-disabled.itd-item-multi) label,:is(.itd-select-item.itd-select-item-option.itd-select-item-option-disabled.itd-item-single,.itd-select-item.itd-select-item-option.itd-select-item-option-disabled.itd-item-multi) span{color:var(--itd-color-disabled-text)}.itd-select-option-single{align-items:center;display:flex;justify-content:flex-start;width:100%}.itd-select-option-single[data-disabled=true]{cursor:not-allowed}.itd-select-option-single span{white-space:nowrap}.itd-select-option-image-wrapper img{display:block;pointer-events:none}.itd-select-portal{height:max-content;position:relative}.itd-select-portal ul{margin-block-end:0;margin-block-start:0;padding-inline-start:0}.itd-select-not-found{align-items:center;color:var(--itd-muted-foreground);display:flex;font-size:var(--_font);justify-content:center;padding:calc(var(--itd-spacing)*1.5) var(--_px)}.itd-select-separator{background:var(--itd-color-border);height:1px}.itd-select-group-label{color:var(--itd-muted-foreground);font-size:calc(var(--_font) - .125rem);font-weight:var(--itd-font-weight-normal);padding:calc(var(--itd-spacing)*1.5) var(--_px) calc(var(--itd-spacing)*1);-webkit-user-select:none;user-select:none}}

package/dist/css/separator.css

@@ -0,0 +1 @@
+@layer components{.itd-separator{background:var(--itd-color-border);flex-shrink:0}.itd-separator[data-orientation=horizontal]{height:1px;width:100%}.itd-separator[data-orientation=vertical]{align-self:stretch;height:100%;width:1px}}

package/dist/css/sheet.css

@@ -0,0 +1 @@
+@layer components{.itd-sheet-content{background:var(--itd-color-background-sheet,var(--itd-color-background-modal));box-shadow:var(--itd-floating-shadow);color:var(--itd-card-foreground);display:flex;flex-direction:column;overflow:visible;position:fixed;z-index:var(--itd-z-sheet,1001)}.itd-sheet-content:focus{outline:none}.itd-sheet-body{--_px:calc(var(--itd-spacing)*8);display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--itd-text-sm);gap:calc(var(--itd-spacing)*4);line-height:var(--itd-text-sm--line-height);min-height:0;overflow-y:auto;padding:calc(var(--itd-spacing)*6) var(--_px)}.itd-sheet-content .itd-dialog-footer{align-items:stretch;flex-direction:column}.itd-sheet-overlay{z-index:var(--itd-z-overlay,1000)}.itd-sheet-content[data-side=bottom]{border-radius:var(--itd-radius-md) var(--itd-radius-md) 0 0;inset-inline:0;bottom:0;max-height:calc(100vh - var(--itd-spacing)*12);width:100%}.itd-sheet-content[data-side=bottom] .itd-sheet-body{padding-bottom:calc(var(--itd-spacing)*6 + env(safe-area-inset-bottom))}.itd-sheet-content[data-side=bottom]:after{background:var(--itd-color-background-sheet,var(--itd-color-background-modal));content:"";height:50vh;inset-inline:0;position:absolute;top:100%}.itd-sheet-content[data-side=top]{border-radius:0 0 var(--itd-radius-md) var(--itd-radius-md);inset-inline:0;max-height:calc(100vh - var(--itd-spacing)*12);top:0;width:100%}.itd-sheet-content[data-side=right]{border-radius:var(--itd-radius-md) 0 0 var(--itd-radius-md);height:100%;inset-block:0;inset-inline-end:0;width:min(28rem,calc(100% - var(--itd-spacing)*8))}.itd-sheet-content[data-side=left]{border-radius:0 var(--itd-radius-md) var(--itd-radius-md) 0;height:100%;inset-block:0;inset-inline-start:0;width:min(28rem,calc(100% - var(--itd-spacing)*8))}.itd-sheet-handle{background:var(--itd-color-border);border-radius:9999px;flex:0 0 auto;height:calc(var(--itd-spacing)*1);margin:calc(var(--itd-spacing)*2.5) auto 0;width:calc(var(--itd-spacing)*9)}[data-itd-elevation=raised] .itd-sheet-content{background:var(--itd-background)}}

package/dist/css/skeleton.css

@@ -0,0 +1,3 @@
+@layer components{.itd-skeleton{background:var(
+      --itd-skeleton-bg,color-mix(in srgb,var(--itd-foreground) 12%,#0000)
+    );display:block;overflow:hidden;position:relative}.itd-skeleton,.itd-skeleton-text{border-radius:var(--itd-radius-sm)}.itd-skeleton-text{height:1em}.itd-skeleton-circle{aspect-ratio:1;border-radius:9999px}.itd-skeleton-group{display:flex;flex-direction:column;gap:.5rem}.itd-skeleton-shimmer:after{animation:itd-skeleton-shimmer 1.6s ease-in-out infinite;background:linear-gradient(90deg,#0000,color-mix(in srgb,var(--itd-foreground) 10%,#0000),#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes itd-skeleton-shimmer{to{transform:translateX(100%)}}.itd-skeleton-pulse{animation:itd-skeleton-pulse 1.6s ease-in-out infinite}@keyframes itd-skeleton-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.itd-skeleton-pulse,.itd-skeleton-shimmer:after{animation:none}}}

package/dist/css/slider.css

@@ -0,0 +1 @@
+@layer components{.itd-slider-block[data-background=true]{background-color:var(--itd-slider-surface,var(--itd-color-background-alt));border-radius:var(--itd-slider-surface-radius,var(--itd-radius-md))}.itd-slider{position:relative}.itd-slider-viewport{border-radius:var(--itd-slider-radius,0);overflow:hidden}.itd-slider-container{display:flex;margin-left:calc(var(--itd-slider-spacing, .625rem)*-1);touch-action:pan-y pinch-zoom}.itd-slider-slide{flex:0 0 var(--itd-slider-slide-size,100%);min-width:0;padding-left:var(--itd-slider-spacing,.625rem);transform:translateZ(0)}.itd-slider-controls{left:50%;position:absolute;transform:translateX(-50%);z-index:2}.inn-slider-controls{bottom:.3125rem}.inn-mobile-slider-controls{bottom:1rem}.itd-slider-dots{display:flex}.itd-slider-dot{background:#0000;border:0;cursor:pointer;padding:0;position:relative}.inn-slider-dot{height:1.5rem;width:1.5rem}.inn-mobile-slider-dot{height:.875rem;width:.875rem}.itd-slider-dot:after{background:rgba(0,0,0,.502);background:oklch(0 0 0/.502);border-radius:9999px;content:"";inset:0;margin:auto;position:absolute;transition:background .3s ease}.inn-slider-dot:after{height:.875rem;width:.875rem}.inn-mobile-slider-dot:after{height:.625rem;width:.625rem}.inn-slider-dot:hover:where(:root:not(.itd-touch) *):after,.itd-slider-dot[aria-current]:after{background:var(--itd-primary)}.itd-slider-dot:focus-visible{border-radius:9999px;outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:.125rem}}