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

package/dist/css/checkbox.css

@@ -1,251 +1,3 @@
-/* ================================= */
-/* CHECKBOX COMPONENT STYLES         */
-/* ================================= */
-@layer components {
-
-  /* ===== WRAPPER ===== */
-  .itd-checkbox {
-    display: flex;
-    align-items: center;
-    position: relative;
-    min-height: calc(var(--itd-spacing) * 5);
-
-    & .itd-checkbox-label {
-      font-size: var(--itd-size-df-font);
-      font-weight: var(--itd-font-weight-normal);
-      transition-property: color;
-      transition-duration: var(--itd-transition-duration);
-      transition-timing-function: var(--itd-transition-timing-function);
-
-      & a {
-        text-decoration: none;
-        &:hover { text-decoration: underline; }
-      }
-    }
-
-    &.itd-checkbox-readonly {
-      pointer-events: none;
-      & .itd-checkbox-label { pointer-events: none; }
-    }
-
-    &.itd-checkbox-disabled {
-      cursor: not-allowed;
-      pointer-events: auto;
-    }
-  }
-
-  /* ===== INNER WRAPPER ===== */
-  .itd-checkbox-inner-wrapper {
-    min-height: calc(var(--itd-spacing) * 5);
-    gap: calc(var(--itd-spacing) * 2);
-    display: flex;
-    align-items: center;
-    position: relative;
-    flex-direction: row;
-  }
-
-  /* ===== CHECKMARK ===== */
-  .itd-checkbox-checkmark {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-height: calc(var(--itd-spacing) * 5);
-    min-width: calc(var(--itd-spacing) * 5);
-    position: relative;
-    border-radius: min(calc(var(--itd-border-radius) - 2px), 6px);
-
-    &::before {
-      content: "";
-      mask-image: url('data:image/svg+xml,<svg width="14px" height="10.4691315px" viewBox="0 0 14 10.4691315" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Group" fill="%23000000" fill-rule="nonzero"><polygon id="Path" points="12.1454315 0 5.01223756 6.61750794 1.9955597 3.39820863 0 5.26815795 4.87359619 10.4691315 14 2.01029968"></polygon></g></g></svg>');
-      width: calc(var(--itd-spacing) * 3.5);
-      height: calc(var(--itd-spacing) * 2.62);
-      background-color: var(--itd-primary);
-      transform: scale(0.1);
-      opacity: 0;
-    }
-
-    &[data-animated]::before {
-      transition-property: transform;
-      transition-duration: calc(var(--itd-transition-duration) / 2);
-      transition-timing-function: var(--itd-transition-timing-function);
-    }
-
-    &[data-checked]::before {
-      transform: scale(0.85);
-      opacity: 0.85;
-    }
-
-    &[data-indeterminate]::before {
-      mask-image: none;
-      width: calc(var(--itd-spacing) * 2.5);
-      height: calc(var(--itd-spacing) * 0.5);
-      border-radius: 2px;
-      opacity: 1;
-      transform: none;
-      background-color: var(--itd-primary-foreground);
-    }
-  }
-
-  /* ===== CHECKBOX INPUT ===== */
-  .itd-checkbox-input {
-    appearance: none;
-    position: absolute;
-    cursor: pointer;
-    height: 100%;
-    width: 100%;
-    top: 0;
-    left: 0;
-    z-index: 1;
-    margin: 0;
-    padding: 0;
-    outline: 0 solid transparent;
-    outline-offset: var(--itd-ring-offset);
-    border-radius: min(calc(var(--itd-border-radius) - 2px), 6px);
-    -webkit-user-select: none;
-    user-select: none;
-
-    &[data-readonly="true"] {
-      transition: outline 100ms linear;
-    }
-
-    &[data-readonly="false"] {
-      transition:
-        outline 100ms linear,
-        border-color var(--itd-transition-duration) var(--itd-transition-timing-function);
-    }
-
-    & svg { pointer-events: none; }
-
-    &:focus-visible {
-      border-color: var(--itd-color-focus-primary);
-      outline: var(--itd-ring-width) solid var(--itd-color-focus-primary-ring);
-    }
-  }
-
-  .itd-checkbox-error .itd-checkbox-input:focus-visible {
-    border-color: var(--itd-color-error-border);
-    outline: var(--itd-ring-width) solid var(--itd-color-error-outline);
-  }
-
-  /* ===== VARIANT: DEFAULT ===== */
-  .itd-checkbox.itd-checkbox-default {
-
-    & input {
-      border: 1px solid var(--itd-color-border);
-      box-shadow: var(--itd-box-shadow);
-    }
-
-    & .itd-checkbox-checkmark {
-      background-color: var(--itd-color-background-bordered);
-    }
-
-    & .itd-checkbox-label {
-      color: var(--itd-color-control-label);
-
-      & a { color: var(--itd-primary); }
-      & a:hover { color: var(--itd-primary-hover); }
-    }
-
-    &.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) {
-      & input { border: 1px solid var(--itd-color-border-hover); }
-      & .itd-checkbox-label { color: var(--itd-color-text); }
-    }
-
-    &.itd-checkbox-selected {
-      & input { border: 1px solid var(--itd-primary); }
-      & .itd-checkbox-checkmark::before { background-color: var(--itd-primary); }
-      & .itd-checkbox-label { color: var(--itd-color-text); }
-    }
-
-    &.itd-checkbox-error input {
-      border: 1px solid var(--itd-color-error-border);
-    }
-
-    &.itd-checkbox-disabled {
-      & input { border: 1px solid var(--itd-color-disabled-border); }
-
-      & .itd-checkbox-checkmark {
-        background-color: var(--itd-color-disabled-bg);
-        pointer-events: none;
-        &::before { background-color: var(--itd-color-disabled-border); }
-        & svg { fill: var(--itd-color-disabled-text); }
-      }
-
-      & .itd-checkbox-label {
-        color: var(--itd-color-disabled-text);
-        pointer-events: none;
-      }
-    }
-
-    &:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover {
-      & input { border: 1px solid var(--itd-color-border-hover); }
-      & .itd-checkbox-label { color: var(--itd-color-text); }
-    }
-  }
-
-  /* ===== VARIANT: FILLED ===== */
-  .itd-checkbox.itd-checkbox-filled {
-
-    &:not(.itd-checkbox-readonly) {
-      transition-property: all;
-      transition-duration: var(--itd-transition-duration);
-      transition-timing-function: var(--itd-transition-timing-function);
-    }
-
-    & .itd-checkbox-checkmark {
-      background: var(--itd-color-background-alt-hover);
-    }
-
-    & .itd-checkbox-label {
-      color: var(--itd-color-control-label);
-      & a { color: var(--itd-primary); }
-      & a:hover { color: var(--itd-primary); }
-    }
-
-    &.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) {
-      & .itd-checkbox-checkmark { background: var(--itd-color-background-alt-hover); }
-      & .itd-checkbox-label { color: var(--itd-color-text); }
-    }
-
-    &.itd-checkbox-selected {
-      & .itd-checkbox-checkmark { background: var(--itd-primary); }
-      & .itd-checkbox-checkmark::before { background-color: var(--itd-primary-foreground); }
-      & .itd-checkbox-label { color: var(--itd-color-text); }
-    }
-
-    &.itd-checkbox-error input {
-      border: 1px solid var(--itd-color-error-border);
-    }
-
-    &.itd-checkbox-disabled {
-      & input { border: 1px solid var(--itd-color-disabled-border); }
-
-      & .itd-checkbox-checkmark {
-        background-color: var(--itd-color-disabled-bg);
-        pointer-events: none;
-        &::before { background-color: var(--itd-color-disabled-border); }
-        & svg { fill: var(--itd-color-disabled-text); }
-      }
-
-      & .itd-checkbox-label {
-        color: var(--itd-color-disabled-text);
-        pointer-events: none;
-      }
-    }
-
-    &:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover {
-      & .itd-checkbox-checkmark { background: var(--itd-color-background-alt-hover); }
-      & .itd-checkbox-label { color: var(--itd-color-text); }
-    }
-  }
-
-  /* ===== GROUP ===== */
-  .itd-checkbox-group {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    gap: calc(var(--itd-spacing) * 2.5);
-  }
-
-}
+@layer components{.itd-checkbox{align-items:center;display:flex;min-height:calc(var(--itd-spacing)*5);position:relative}.itd-checkbox .itd-checkbox-label{font-size:var(--itd-size-df-font);font-weight:var(--itd-size-df-field-fw);line-height:var(--itd-text-sm--line-height);transition-duration:var(--itd-transition-duration);transition-property:color;transition-timing-function:var(--itd-transition-timing-function)}:is(.itd-checkbox .itd-checkbox-label) a{text-decoration:none}:is(:is(.itd-checkbox .itd-checkbox-label) a):hover:where(:root:not(.itd-touch) *){text-decoration:underline}.itd-checkbox.itd-checkbox-readonly,.itd-checkbox.itd-checkbox-readonly .itd-checkbox-label{pointer-events:none}.itd-checkbox.itd-checkbox-disabled{cursor:not-allowed;pointer-events:auto}.itd-checkbox-inner-wrapper{flex-direction:row;gap:calc(var(--itd-spacing)*2)}.itd-checkbox-checkmark,.itd-checkbox-inner-wrapper{align-items:center;display:flex;min-height:calc(var(--itd-spacing)*5);position:relative}.itd-checkbox-checkmark{border-radius:min(calc(var(--itd-border-radius)*.8),6px);justify-content:center;min-width:calc(var(--itd-spacing)*5);transition:background-color var(--itd-transition-duration) var(--itd-transition-timing-function),border-color var(--itd-transition-duration) var(--itd-transition-timing-function),box-shadow var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-checkbox-checkmark:before{background-color:var(--itd-primary);content:"";height:calc(var(--itd-spacing)*2.62);-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10.469' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.145 0 5.012 6.618l-3.016-3.22L0 5.268l4.874 5.201L14 2.01z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10.469' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.145 0 5.012 6.618l-3.016-3.22L0 5.268l4.874 5.201L14 2.01z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:0;transform:scale(.1);width:calc(var(--itd-spacing)*3.5)}.itd-checkbox-checkmark[data-animated]:before{transition-duration:calc(var(--itd-transition-duration)/2);transition-property:transform;transition-timing-function:var(--itd-transition-timing-function)}.itd-checkbox-checkmark[data-checked]:before{opacity:.85;transform:scale(.85)}.itd-checkbox-checkmark[data-indeterminate]:before{background-color:var(--itd-primary-foreground);border-radius:2px;height:calc(var(--itd-spacing)*.5);-webkit-mask-image:none;mask-image:none;opacity:1;transform:none;width:calc(var(--itd-spacing)*2.5)}.itd-checkbox-input{appearance:none;border-radius:min(calc(var(--itd-border-radius)*.8),6px);cursor:pointer;height:100%;left:0;margin:0;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);padding:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.itd-checkbox-input[data-readonly=true]{transition:outline .1s linear}.itd-checkbox-input[data-readonly=false]{transition:outline .1s linear,border-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-checkbox-input svg{pointer-events:none}.itd-checkbox-input:focus-visible{border-color:var(--itd-color-focus-primary);outline:var(--itd-ring-width) solid var(--itd-color-focus-primary-ring)}.itd-checkbox-error .itd-checkbox-input:focus-visible{border-color:var(--itd-color-error-border);outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-checkbox.itd-checkbox-error:not(.itd-checkbox-disabled) .itd-checkbox-label{color:var(--itd-color-alert-error-text)}.itd-checkbox.itd-checkbox-default input{border:1px solid var(--itd-color-border);box-shadow:var(--itd-box-shadow)}.itd-checkbox.itd-checkbox-default .itd-checkbox-checkmark{background-color:var(--itd-color-background-bordered)}.itd-checkbox.itd-checkbox-default .itd-checkbox-label{color:var(--itd-color-control-label)}:is(.itd-checkbox.itd-checkbox-default .itd-checkbox-label) a{color:var(--itd-primary)}:is(.itd-checkbox.itd-checkbox-default .itd-checkbox-label) a:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary-hover)}.itd-checkbox.itd-checkbox-default.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) input{border:1px solid var(--itd-color-border-hover)}.itd-checkbox.itd-checkbox-default.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-default.itd-checkbox-selected input{border:1px solid var(--itd-primary)}.itd-checkbox.itd-checkbox-default.itd-checkbox-selected .itd-checkbox-checkmark:before{background-color:var(--itd-primary)}.itd-checkbox.itd-checkbox-default.itd-checkbox-selected .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-default:has(.itd-checkbox-checkmark[data-indeterminate]) .itd-checkbox-checkmark:before{background-color:var(--itd-primary)}.itd-checkbox.itd-checkbox-default:has(.itd-checkbox-checkmark[data-indeterminate]) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-default:has(.itd-checkbox-checkmark[data-indeterminate]):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) input{border:1px solid var(--itd-primary)}.itd-checkbox.itd-checkbox-default.itd-checkbox-error input{border:1px solid var(--itd-color-error-border)}.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled input{border:1px solid var(--itd-color-disabled-border)}.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled .itd-checkbox-checkmark{background-color:var(--itd-color-disabled-bg);pointer-events:none}:is(.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled .itd-checkbox-checkmark):before{background-color:var(--itd-color-disabled-border)}:is(.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled .itd-checkbox-checkmark) svg{fill:var(--itd-color-disabled-text)}.itd-checkbox.itd-checkbox-default.itd-checkbox-disabled .itd-checkbox-label{color:var(--itd-color-disabled-text);pointer-events:none}.itd-checkbox.itd-checkbox-default:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) input{border:1px solid var(--itd-color-border-hover)}.itd-checkbox.itd-checkbox-default:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-readonly){transition-duration:var(--itd-transition-duration);transition-property:all;transition-timing-function:var(--itd-transition-timing-function)}.itd-checkbox.itd-checkbox-filled .itd-checkbox-checkmark{background:var(--itd-color-background-alt-hover)}.itd-checkbox.itd-checkbox-filled .itd-checkbox-label{color:var(--itd-color-control-label)}:is(.itd-checkbox.itd-checkbox-filled .itd-checkbox-label) a{color:var(--itd-primary)}:is(.itd-checkbox.itd-checkbox-filled .itd-checkbox-label) a:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary-hover)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) .itd-checkbox-checkmark{background:var(--itd-color-background-alt-hover)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-keyboard-active:not(.itd-checkbox-selected):not(.itd-checkbox-disabled) .itd-checkbox-label{color:var(--itd-color-text)}:is([data-theme=light] .itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-selected):not(.itd-checkbox-disabled)) .itd-checkbox-checkmark{background:var(--itd-checkbox-bg,var(--itd-color-background-alt-hover))}:is([data-theme=light] .itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-selected):not(.itd-checkbox-disabled)):not(.itd-checkbox-error):hover:where(:root:not(.itd-touch) *) .itd-checkbox-checkmark{background:var(
+        --itd-checkbox-bg-hover,oklch(from var(--itd-color-background-alt-hover) calc(l - .045) c h)
+      )}.itd-checkbox.itd-checkbox-filled.itd-checkbox-selected .itd-checkbox-checkmark{background:var(--itd-primary)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-selected .itd-checkbox-checkmark:before{background-color:var(--itd-primary-foreground)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-selected .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-filled:has(.itd-checkbox-checkmark[data-indeterminate]) .itd-checkbox-checkmark:before{background-color:var(--itd-primary)}.itd-checkbox.itd-checkbox-filled:has(.itd-checkbox-checkmark[data-indeterminate]) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-error input{border:1px solid var(--itd-color-error-border)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled input{border:1px solid var(--itd-color-disabled-border)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled .itd-checkbox-checkmark{background-color:var(--itd-color-disabled-bg);pointer-events:none}:is(.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled .itd-checkbox-checkmark):before{background-color:var(--itd-color-disabled-border)}:is(.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled .itd-checkbox-checkmark) svg{fill:var(--itd-color-disabled-text)}.itd-checkbox.itd-checkbox-filled.itd-checkbox-disabled .itd-checkbox-label{color:var(--itd-color-disabled-text);pointer-events:none}.itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) .itd-checkbox-checkmark{background:var(--itd-color-background-alt-hover)}.itd-checkbox.itd-checkbox-filled:not(.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled):hover:where(:root:not(.itd-touch) *) .itd-checkbox-label{color:var(--itd-color-text)}.itd-checkbox.itd-checkbox-sm{min-height:calc(var(--itd-spacing)*4)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-inner-wrapper{gap:calc(var(--itd-spacing)*1.5);min-height:calc(var(--itd-spacing)*4)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-checkmark{min-height:calc(var(--itd-spacing)*4);min-width:calc(var(--itd-spacing)*4)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-checkmark:before{height:calc(var(--itd-spacing)*2.1);width:calc(var(--itd-spacing)*2.8)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-checkmark[data-indeterminate]:before{height:calc(var(--itd-spacing)*.4);width:calc(var(--itd-spacing)*2)}.itd-checkbox.itd-checkbox-sm .itd-checkbox-label{font-size:var(--itd-size-sm-font);font-weight:var(--itd-size-sm-field-fw);line-height:var(--itd-text-xs--line-height)}.itd-checkbox.itd-checkbox-df{min-height:calc(var(--itd-spacing)*5)}.itd-checkbox.itd-checkbox-df .itd-checkbox-inner-wrapper{gap:calc(var(--itd-spacing)*2);min-height:calc(var(--itd-spacing)*5)}.itd-checkbox.itd-checkbox-df .itd-checkbox-checkmark{min-height:calc(var(--itd-spacing)*5);min-width:calc(var(--itd-spacing)*5)}.itd-checkbox.itd-checkbox-df .itd-checkbox-checkmark:before{height:calc(var(--itd-spacing)*2.62);width:calc(var(--itd-spacing)*3.5)}.itd-checkbox.itd-checkbox-df .itd-checkbox-checkmark[data-indeterminate]:before{height:calc(var(--itd-spacing)*.5);width:calc(var(--itd-spacing)*2.5)}.itd-checkbox.itd-checkbox-df .itd-checkbox-label{font-size:var(--itd-size-df-font);line-height:var(--itd-text-sm--line-height)}.itd-checkbox.itd-checkbox-lg{min-height:calc(var(--itd-spacing)*6)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-inner-wrapper{gap:calc(var(--itd-spacing)*2.5);min-height:calc(var(--itd-spacing)*6)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-checkmark{min-height:calc(var(--itd-spacing)*6);min-width:calc(var(--itd-spacing)*6)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-checkmark:before{height:calc(var(--itd-spacing)*3.14);width:calc(var(--itd-spacing)*4.2)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-checkmark[data-indeterminate]:before{height:calc(var(--itd-spacing)*.6);width:calc(var(--itd-spacing)*3)}.itd-checkbox.itd-checkbox-lg .itd-checkbox-label{font-size:var(--itd-size-lg-font);font-weight:var(--itd-size-lg-field-fw);line-height:var(--itd-text-default--line-height)}.itd-checkbox-group{align-items:flex-start;display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*3)}}

package/dist/css/code-input.css

@@ -0,0 +1,7 @@
+@layer components{.itd-code-input{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*1.5);width:100%}.itd-code-input-box{cursor:text;display:flex;gap:var(--itd-code-input-gap,calc(var(--itd-spacing)*2));margin-inline:auto;max-width:100%;position:relative;width:fit-content}.itd-code-input-field{background:#0000;border:0 #0000;box-sizing:border-box;caret-color:#0000;color:#0000;cursor:text;font-family:inherit;inset:0;margin:0;outline:none;padding:0;position:absolute;width:100%}.itd-code-input-field::selection{background:#0000}.itd-code-input-field:-webkit-autofill{opacity:0}.itd-code-input-field::-ms-clear,.itd-code-input-field::-ms-reveal{display:none}.itd-code-input-cell{align-items:center;border:1px solid #0000;border-radius:var(--itd-code-input-radius,var(--itd-radius-control));box-sizing:border-box;color:var(--itd-code-input-color,var(--itd-color-text));cursor:text;display:flex;flex:0 1 auto;justify-content:center;min-width:0;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);position:relative;transition:outline .1s linear,border-color var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function),box-shadow var(--itd-transition-duration) var(--itd-transition-timing-function);-webkit-user-select:none;user-select:none;z-index:1}.itd-code-input-cell[data-inactive]{color:var(--itd-color-text-muted)}.itd-code-input.itd-code-input-default .itd-code-input-cell{background-color:var(--itd-code-input-bg,var(--itd-color-background-bordered));border-color:var(--itd-code-input-border,var(--itd-color-border));box-shadow:var(--itd-box-shadow)}.itd-code-input.itd-code-input-default:not(.focused,.itd-code-input-disabled,.itd-code-input-locked,.itd-code-input-error):hover:where(:root:not(.itd-touch) *) .itd-code-input-cell{border-color:var(--itd-code-input-border-hover,var(--itd-color-border-hover))}.itd-code-input.itd-code-input-default .itd-code-input-cell[data-selected]{border-color:var(--itd-code-input-active-border,var(--itd-color-border-focus))}.itd-code-input.itd-code-input-filled .itd-code-input-cell{background-color:var(
+      --itd-code-input-bg,var(--itd-color-background-input,var(--itd-color-background-alt))
+    );border:0}.itd-code-input.itd-code-input-filled:not(.focused,.itd-code-input-disabled,.itd-code-input-locked):hover:where(:root:not(.itd-touch) *) .itd-code-input-cell{background-color:var(--itd-code-input-bg-hover,var(--itd-color-background-alt-hover))}.itd-code-input.itd-code-input-filled .itd-code-input-cell[data-selected]{background-color:var(--itd-code-input-active-bg,var(--itd-color-background-alt-hover))}.itd-code-input .itd-code-input-cell[data-selected]{color:var(--itd-code-input-active-color,var(--itd-code-input-color,var(--itd-color-text)));outline:var(--itd-ring-width) solid var(--itd-code-input-active-ring,var(--itd-color-border-focus-ring))}.itd-code-input .itd-code-input-cell[data-range]{background-color:var(
+      --itd-code-input-range-bg,color-mix(in srgb,var(--itd-code-input-active-border,var(--itd-color-border-focus)) 16%,var(--itd-color-background-input,var(--itd-color-background-alt)))
+    );border-color:var(
+      --itd-code-input-range-border,var(--itd-code-input-active-border,var(--itd-color-border-focus))
+    );color:var(--itd-code-input-range-color,var(--itd-code-input-color,var(--itd-color-text)))}.itd-code-input.itd-code-input-filled .itd-code-input-cell[data-range]{border:0}.itd-code-input.itd-code-input-xs .itd-code-input-cell{font-size:var(--itd-code-input-font-size,var(--itd-size-xs-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-xs-field-fw));height:var(--itd-code-input-h,var(--itd-size-xs-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing)*5))}.itd-code-input.itd-code-input-sm .itd-code-input-cell{font-size:var(--itd-code-input-font-size,var(--itd-size-sm-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-sm-field-fw));height:var(--itd-code-input-h,var(--itd-size-sm-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing)*6))}.itd-code-input.itd-code-input-md .itd-code-input-cell{font-size:var(--itd-code-input-font-size,var(--itd-size-md-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-md-field-fw));height:var(--itd-code-input-h,var(--itd-size-md-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing)*7))}.itd-code-input.itd-code-input-df .itd-code-input-cell{font-size:var(--itd-code-input-font-size,var(--itd-size-df-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-df-field-fw));height:var(--itd-code-input-h,var(--itd-size-df-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing)*8))}.itd-code-input.itd-code-input-lg .itd-code-input-cell{font-size:var(--itd-code-input-font-size,var(--itd-size-lg-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-lg-field-fw));height:var(--itd-code-input-h,var(--itd-size-lg-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing)*8.5))}.itd-code-input.itd-code-input-xlg .itd-code-input-cell{font-size:var(--itd-code-input-font-size,var(--itd-size-xlg-font));font-weight:var(--itd-code-input-font-weight,var(--itd-size-xlg-field-fw));height:var(--itd-code-input-h,var(--itd-size-xlg-h));width:var(--itd-code-input-cell-w,calc(var(--itd-spacing)*9.5))}.itd-code-input.itd-code-input-error .itd-code-input-cell{border-color:var(--itd-code-input-error-border,var(--itd-color-error-border))}.itd-code-input.itd-code-input-filled.itd-code-input-error .itd-code-input-cell{box-shadow:inset 0 0 0 1px var(--itd-code-input-error-border,var(--itd-color-error-border))}.itd-code-input.itd-code-input-error .itd-code-input-cell[data-selected]{border-color:var(--itd-code-input-error-border,var(--itd-color-error-border));outline-color:var(--itd-code-input-error-ring,var(--itd-color-error-outline))}.itd-code-input.itd-code-input-disabled .itd-code-input-cell{background-color:var(--itd-color-disabled-bg);border-color:var(--itd-color-disabled-border);color:var(--itd-color-disabled-text)}.itd-code-input.itd-code-input-filled.itd-code-input-disabled .itd-code-input-cell{border:0;box-shadow:inset 0 0 0 1px var(--itd-color-disabled-border)}.itd-code-input.itd-code-input-disabled .itd-code-input-box,.itd-code-input.itd-code-input-disabled .itd-code-input-cell,.itd-code-input.itd-code-input-disabled .itd-code-input-field{cursor:not-allowed}.itd-code-input.itd-code-input-locked .itd-code-input-box,.itd-code-input.itd-code-input-locked .itd-code-input-cell,.itd-code-input.itd-code-input-locked .itd-code-input-field{cursor:default}.itd-code-input-status{align-items:center;cursor:pointer;display:flex;position:absolute;right:calc(var(--itd-spacing)*-6);top:50%;transform:translateY(-50%)}.itd-code-input-status svg circle{fill:var(--itd-color-error)}.itd-code-input-status svg path{fill:var(--itd-color-error-text)}}

package/dist/css/color-input.css

@@ -0,0 +1 @@
+@layer components{.itd-color-input-well{block-size:1.125rem;border:2px solid var(--itd-color-border);border-radius:50%;display:inline-block;inline-size:1.125rem;overflow:hidden;position:relative}.itd-color-input-well-input{block-size:100%;cursor:pointer;inline-size:100%;inset:0;opacity:0;position:absolute}.itd-color-input-well-input:disabled{cursor:default}}

package/dist/css/coming-soon.css

@@ -0,0 +1 @@
+@layer components{.itd-coming-soon{height:100%;position:relative;width:100%}.itd-coming-soon-content{width:100%}.itd-coming-soon-veil{align-items:center;-webkit-backdrop-filter:blur(var(--itd-coming-soon-blur,.625rem));backdrop-filter:blur(var(--itd-coming-soon-blur,.625rem));background-color:var(--itd-coming-soon-bg,oklch(from var(--itd-background) l c h/.5));border-radius:var(--itd-coming-soon-radius,var(--itd-radius-md));display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:1}.itd-coming-soon-label{color:var(--itd-coming-soon-ink,var(--itd-color-text-muted));font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);padding-inline:calc(var(--itd-spacing)*4);text-align:center}}

package/dist/css/common.css

@@ -1,116 +1 @@
-@layer components {
-
-  /* ===== ErrorTooltip ===== */
-  .itd-error-tooltip {
-    position: absolute;
-    display: flex;
-    justify-content: center;
-    align-items: flex-end;
-    font-size: .785rem;
-    line-height: .875rem;
-    border-radius: calc(var(--itd-border-radius) - 2px);
-    padding: 8px 7px;
-    color: var(--itd-color-error-text);
-    background: var(--itd-color-error);
-    width: max-content;
-    max-width: 210px;
-    z-index: 1;
-
-    --_offset-x: var(--itd-error-offset-x, 0px);
-    --_offset-y: var(--itd-error-offset-y, 0px);
-
-    &::after {
-      content: "";
-      width: 0;
-      height: 0;
-      position: absolute;
-      border-left: 7px solid transparent;
-      border-right: 7px solid transparent;
-    }
-
-    /* Position: top-right (default) */
-    &[data-position="top-right"],
-    &:not([data-position]) {
-      right: -16px;
-      bottom: 30px;
-
-      &::after {
-        bottom: calc(-6px + var(--_offset-y));
-        right: calc(17px + var(--_offset-x));
-        border-top: 10px solid var(--itd-color-error);
-      }
-    }
-
-    /* Position: top-left */
-    &[data-position="top-left"] {
-      left: -10px;
-      bottom: 30px;
-
-      &::after {
-        bottom: calc(-6px + var(--_offset-y));
-        left: calc(17px + var(--_offset-x));
-        border-top: 10px solid var(--itd-color-error);
-      }
-    }
-
-    /* Position: bottom-left */
-    &[data-position="bottom-left"] {
-      left: -95px;
-      top: -40px;
-
-      &::after {
-        top: calc(-6px + var(--_offset-y));
-        left: calc(17px + var(--_offset-x));
-        border-bottom: 10px solid var(--itd-color-error);
-      }
-    }
-
-    /* Position: bottom-right */
-    &[data-position="bottom-right"] {
-      right: -95px;
-      bottom: -40px;
-
-      &::after {
-        top: calc(-6px + var(--_offset-y));
-        right: calc(17px + var(--_offset-x));
-        border-bottom: 10px solid var(--itd-color-error);
-      }
-    }
-  }
-
-  /* ===== ErrorBorder ===== */
-  .itd-error-border {
-    position: absolute;
-    border: 1px solid var(--itd-color-error-border);
-    width: calc(100% + 2px);
-    height: calc(100% + 2px);
-    border-radius: calc(var(--itd-border-radius) - 2px);
-    top: -1px;
-    left: -1px;
-    pointer-events: none;
-
-    &[data-full-size] {
-      width: 100%;
-      height: 100%;
-      top: 0;
-      left: 0;
-    }
-  }
-
-  /* ===== ErrorIconWrapper ===== */
-  .itd-error-icon-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    position: relative;
-
-    & svg circle {
-      fill: var(--itd-color-error);
-    }
-
-    & svg path {
-      fill: var(--itd-color-error-text);
-    }
-  }
-}
+@layer components{.itd-error-tooltip{--_offset-x:var(--itd-error-offset-x,0px);--_offset-y:var(--itd-error-offset-y,0px);align-items:flex-end;background:var(--itd-color-error);border-radius:calc(var(--itd-radius) - 2px);color:var(--itd-color-error-text);display:flex;font-size:var(--itd-text-xs);justify-content:center;line-height:var(--itd-leading-tight);max-width:210px;padding:8px 7px;position:absolute;width:max-content;z-index:1}.itd-error-tooltip:after{border-left:7px solid #0000;border-right:7px solid #0000;content:"";height:0;position:absolute;width:0}.itd-error-tooltip:not([data-position]),.itd-error-tooltip[data-position=top-right]{bottom:30px;right:-16px}:is(.itd-error-tooltip[data-position=top-right],.itd-error-tooltip:not([data-position])):after{border-top:10px solid var(--itd-color-error);bottom:calc(-6px + var(--_offset-y));right:calc(17px + var(--_offset-x))}.itd-error-tooltip[data-position=top-left]{bottom:30px;left:-10px}.itd-error-tooltip[data-position=top-left]:after{border-top:10px solid var(--itd-color-error);bottom:calc(-6px + var(--_offset-y));left:calc(17px + var(--_offset-x))}.itd-error-tooltip[data-position=bottom-left]{left:-95px;top:-40px}.itd-error-tooltip[data-position=bottom-left]:after{border-bottom:10px solid var(--itd-color-error);left:calc(17px + var(--_offset-x));top:calc(-6px + var(--_offset-y))}.itd-error-tooltip[data-position=bottom-right]{bottom:-40px;right:-95px}.itd-error-tooltip[data-position=bottom-right]:after{border-bottom:10px solid var(--itd-color-error);right:calc(17px + var(--_offset-x));top:calc(-6px + var(--_offset-y))}.itd-error-border{border:1px solid var(--itd-color-error-border);border-radius:calc(var(--itd-radius) - 2px);height:calc(100% + 2px);left:-1px;pointer-events:none;position:absolute;top:-1px;width:calc(100% + 2px)}.itd-error-border[data-full-size]{height:100%;left:0;top:0;width:100%}.itd-error-icon-wrapper{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.itd-error-icon-wrapper svg circle{fill:var(--itd-color-error)}.itd-error-icon-wrapper svg path{fill:var(--itd-color-error-text)}}

package/dist/css/components.css

@@ -1,92 +1 @@
-/* ================================= */
-/* COMPONENTS - Transition & Animation Styles */
-/* ITD Component Behaviors */
-/* ================================= */
-@layer components {
-
-  /* Modal Transitions */
-  .modal-enter {
-    opacity: 0;
-    transform: translateY(-20px) scale(0.95);
-  }
-
-  .modal-enter-active {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-    transition: opacity 300ms, transform 300ms;
-    transition-delay: .3s;
-  }
-
-  .modal-exit {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-
-  .modal-exit-active {
-    opacity: 0;
-    transform: translateY(-20px) scale(0.95);
-    transition: opacity 300ms, transform 300ms;
-  }
-
-  /* Select Menu Transitions */
-  .itd-select-dropdown-transition-enter {
-    opacity: 0;
-    transform: translateY(-5px) scale(0.975);
-  }
-
-  .itd-select-dropdown-transition-enter-active {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-    transition: opacity 200ms, transform 200ms;
-  }
-
-  .itd-select-dropdown-transition-exit {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-
-  .itd-select-dropdown-transition-exit-active {
-    opacity: 0;
-    transform: translateY(-5px) scale(0.975);
-    transition: opacity 200ms, transform 200ms;
-  }
-
-  /* DatePicker Modal Transitions */
-  .datepicker-modal-enter {
-    opacity: 0;
-    transform: translateY(-4px) scale(0.975);
-  }
-
-  .datepicker-modal-enter-active {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-    transition: opacity 200ms, transform 200ms;
-  }
-
-  .datepicker-modal-exit {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-
-  .datepicker-modal-exit-active {
-    opacity: 0;
-    transform: translateY(-4px) scale(0.975);
-    transition: opacity 200ms, transform 200ms;
-  }
-
-
-  /* ========== Accessibility: Reduced Motion ========== */
-  @media (prefers-reduced-motion: reduce) {
-    .modal-enter-active,
-    .modal-exit-active,
-    .itd-select-dropdown-transition-enter-active,
-    .itd-select-dropdown-transition-exit-active,
-    .datepicker-modal-enter-active,
-    .datepicker-modal-exit-active {
-      transition: none;
-      animation: none;
-    }
-  }
-
-}
-
+@layer components{.itd-modal-transition-enter{opacity:0;transform:translateY(-20px) scale(.95)}.itd-modal-transition-enter-active{transition:opacity .3s,transform .3s;transition-delay:.3s}.itd-modal-transition-enter-active,.itd-modal-transition-exit{opacity:1;transform:translateY(0) scale(1)}.itd-modal-transition-exit-active{opacity:0;transform:translateY(-20px) scale(.95);transition:opacity .3s,transform .3s}.itd-select-dropdown-transition-enter{opacity:0;transform:translateY(-5px) scale(.975)}.itd-select-dropdown-transition-enter-active{opacity:1;transform:translateY(0) scale(1);transition:opacity .2s,transform .2s}.itd-select-dropdown-transition-exit{opacity:1;transform:translateY(0) scale(1)}.itd-select-dropdown-transition-exit-active{opacity:0;transform:translateY(-5px) scale(.975);transition:opacity .2s,transform .2s}.datepicker-modal-enter{opacity:0;transform:translateY(-4px) scale(.975)}.datepicker-modal-enter-active{transition:opacity .2s,transform .2s}.datepicker-modal-enter-active,.datepicker-modal-exit{opacity:1;transform:translateY(0) scale(1)}.datepicker-modal-exit-active{opacity:0;transform:translateY(-4px) scale(.975);transition:opacity .2s,transform .2s}@media (prefers-reduced-motion:reduce){.datepicker-modal-enter-active,.datepicker-modal-exit-active,.itd-modal-transition-enter-active,.itd-modal-transition-exit-active,.itd-select-dropdown-transition-enter-active,.itd-select-dropdown-transition-exit-active{animation:none;transition:none}}}

package/dist/css/cropper.css

@@ -0,0 +1,13 @@
+@layer components{.itd-cropper{--crop-mask:#ffffffa6;--crop-line:#262626e6;--crop-grid:#ffffffbf;--crop-bracket:#fffffff2;line-height:0;margin:0 auto;position:relative;-webkit-user-select:none;user-select:none;width:max-content}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-cropper{--crop-mask:oklch(1 0 0/0.65);--crop-line:oklch(0.269 0 0/0.9);--crop-grid:oklch(1 0 0/0.75);--crop-bracket:oklch(1 0 0/0.95)}
+}[data-theme=dark] .itd-cropper{--crop-mask:#00000080;--crop-line:#ffffffe6;--crop-grid:#fff6;--crop-bracket:#fffffff2}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-cropper{--crop-mask:oklch(0 0 0/0.5);--crop-line:oklch(1 0 0/0.9);--crop-grid:oklch(1 0 0/0.4);--crop-bracket:oklch(1 0 0/0.95)}
+}.itd-cropper-image{display:block;height:auto;max-width:100%;pointer-events:none;width:auto}.itd-cropper-overlay{inset:0;pointer-events:none;position:absolute}.itd-cropper-mask{background:var(--crop-mask);pointer-events:none;position:absolute}.itd-cropper-mask[data-edge=top]{left:0;right:0;top:0}.itd-cropper-mask[data-edge=bottom]{bottom:0;left:0;right:0}.itd-cropper-mask[data-edge=left]{left:0}.itd-cropper-mask[data-edge=right]{right:0}.itd-cropper-box{border:1px solid var(--crop-line);cursor:move;pointer-events:auto;position:absolute;touch-action:none}.itd-cropper-box:after,.itd-cropper-box:before{content:none;position:absolute}.itd-cropper-box[data-show-grid]:after,.itd-cropper-box[data-show-grid]:before{content:""}.itd-cropper-box:before{border-left:1px solid var(--crop-grid);border-right:1px solid var(--crop-grid);bottom:0;left:33.33%;right:33.33%;top:0}.itd-cropper-box:after{border-bottom:1px solid var(--crop-grid);border-top:1px solid var(--crop-grid);bottom:33.33%;left:0;right:0;top:33.33%}.itd-cropper-circle{border:1px dashed var(--crop-line);border-radius:50%;inset:0;pointer-events:none;position:absolute}.itd-cropper-error{align-items:center;color:var(--crop-line,#262626e6);display:flex;font-size:var(--itd-text-sm);justify-content:center;line-height:1.4;min-height:120px;padding:24px;text-align:center;width:100%}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-cropper-error{color:var(--crop-line,oklch(.269 0 0/.9))}
+}.itd-cropper-handle{border-radius:3px;cursor:pointer;filter:drop-shadow(0 0 1px rgba(0,0,0,.5));filter:drop-shadow(0 0 1px oklch(0 0 0/.5));height:20px;pointer-events:auto;position:absolute;touch-action:none;width:20px;z-index:10}.itd-cropper-handle[data-position=nw]{border-left:3px solid var(--crop-bracket);border-top:3px solid var(--crop-bracket);cursor:nw-resize;left:-3px;top:-3px}.itd-cropper-handle[data-position=ne]{border-right:3px solid var(--crop-bracket);border-top:3px solid var(--crop-bracket);cursor:ne-resize;right:-3px;top:-3px}.itd-cropper-handle[data-position=sw]{border-bottom:3px solid var(--crop-bracket);border-left:3px solid var(--crop-bracket);bottom:-3px;cursor:sw-resize;left:-3px}.itd-cropper-handle[data-position=se]{border-bottom:3px solid var(--crop-bracket);border-right:3px solid var(--crop-bracket);bottom:-3px;cursor:se-resize;right:-3px}}

package/dist/css/datepicker.css

@@ -1,75 +1 @@
-/* ================================= */
-/* DATEPICKER COMPONENT STYLES       */
-/* ================================= */
-@layer components {
-
-  .itd-date-picker {
-    position: relative;
-    height: max-content;
-
-    & input {
-      display: block;
-      width: 100%;
-      outline: none;
-    }
-
-    & .itd-datepicker-suffix {
-      width: calc(var(--itd-spacing) * 4);
-      height: calc(var(--itd-spacing) * 4);
-      display: inline-grid;
-      place-items: center;
-    }
-
-    & .itd-datepicker-icon {
-      color: var(--itd-color-text-neutral);
-      transition: color .2s ease;
-      cursor: pointer;
-
-      &:hover {
-        color: var(--itd-color-text);
-      }
-    }
-
-    &[data-disabled] {
-      cursor: not-allowed;
-
-      & .itd-datepicker-icon svg {
-        color: var(--itd-color-disabled-text);
-      }
-    }
-  }
-
-  .itd-datepicker-calendar {
-    box-shadow: 0 0 30px rgba(0, 0, 0, .25);
-    z-index: 2;
-    position: absolute;
-    top: calc(100% + calc(var(--itd-spacing) * 1.5));
-    transform-origin: 0% 8%;
-    transform-box: fill-box;
-
-    &[data-position="left"] {
-      left: 0;
-    }
-
-    &[data-position="right"] {
-      right: 0;
-    }
-  }
-
-  .itd-datepicker-remove-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-
-    & svg {
-      transition: color .2s ease;
-      color: var(--itd-color-text-neutral);
-    }
-
-    &:hover svg {
-      color: var(--itd-color-text);
-    }
-  }
-
-}
+@layer components{.itd-date-picker{height:max-content;position:relative}.itd-date-picker input{display:block;outline:none;width:100%}.itd-date-picker .itd-datepicker-suffix{display:inline-grid;height:calc(var(--itd-spacing)*4);place-items:center;width:calc(var(--itd-spacing)*4)}.itd-date-picker .itd-datepicker-icon{color:var(--itd-color-text-neutral);cursor:pointer;transition:color .2s ease}:is(.itd-date-picker .itd-datepicker-icon):hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.itd-date-picker[data-disabled]{cursor:not-allowed}.itd-date-picker[data-disabled] .itd-datepicker-icon svg{color:var(--itd-color-disabled-text)}.itd-datepicker-calendar{border-radius:var(--itd-radius-sm);box-shadow:0 0 30px #00000040;box-shadow:0 0 30px oklch(0 0 0/.25);position:fixed;transform-box:fill-box;z-index:9999}.itd-datepicker-calendar[data-placement=bottom]{transform-origin:0 0}.itd-datepicker-calendar[data-placement=top]{transform-origin:0 100%}.itd-datepicker-remove-button{align-items:center;cursor:pointer;display:flex;justify-content:center}.itd-datepicker-remove-button svg{color:var(--itd-color-text-neutral);transition:color .2s ease}.itd-datepicker-remove-button:hover:where(:root:not(.itd-touch) *) svg{color:var(--itd-color-text)}}

package/dist/css/default-avatar.css

@@ -0,0 +1 @@
+@layer components{.itd-default-avatar{fill:var(--site-avatar-ink,color-mix(in srgb,var(--itd-primary) 60%,#0000));background:oklch(from var(--itd-background) calc(l - .04) c h);display:block;height:100%;width:100%}[data-theme=light] .itd-default-avatar{background:oklch(from var(--itd-background) calc(l - .1) c h)}}

package/dist/css/dialog.css

@@ -0,0 +1 @@
+@layer components{.itd-dialog-portal{inset:0;pointer-events:auto;position:fixed;z-index:var(--itd-z-dialog,1002)}.itd-dialog-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:color-mix(in srgb,var(--itd-color-overlay) 45%,#0000);inset:0;position:fixed}.itd-dialog-content{--_px:calc(var(--itd-spacing)*6);background:var(--itd-color-background-dialog,var(--itd-color-background-modal));border-radius:var(--itd-radius-md);box-shadow:var(--itd-floating-shadow);color:var(--itd-card-foreground);display:flex;flex-direction:column;font-size:var(--itd-text-sm);gap:calc(var(--itd-spacing)*4);left:50%;line-height:var(--itd-text-sm--line-height);max-height:calc(100vh - var(--itd-spacing)*16);max-width:32rem;overflow-y:auto;padding:calc(var(--itd-spacing)*6) var(--_px);position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - var(--itd-spacing)*8)}.itd-dialog-content:focus{outline:none}.itd-dialog-close{align-items:center;background:#0000;border:0;border-radius:var(--itd-radius-sm);color:var(--itd-color-text-muted);cursor:pointer;display:inline-flex;height:calc(var(--itd-spacing)*7);justify-content:center;position:absolute;right:calc(var(--itd-spacing)*3);top:calc(var(--itd-spacing)*3);transition:color .15s ease,background-color .15s ease;width:calc(var(--itd-spacing)*7)}.itd-dialog-close:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-alt);color:var(--itd-card-foreground)}.itd-dialog-close:focus-visible{outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px}.itd-dialog-header{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*1.5);text-align:left}.itd-dialog-header[data-variant=separator]{align-items:center;background:var(--itd-color-background-modal-footer,var(--itd-color-background-footer));border-bottom:1px solid var(--itd-color-border);border-radius:var(--itd-radius-md) var(--itd-radius-md) 0 0;justify-content:center;margin-inline:calc(var(--_px)*-1);margin-top:calc(var(--itd-spacing)*-6);min-height:var(--itd-dialog-header-h,4rem);padding-inline:var(--_px);padding-bottom:0;padding-top:0;text-align:center}.itd-dialog-title{color:var(--itd-card-foreground);font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-medium);line-height:var(--itd-leading-tight);margin:0}.itd-dialog-description{color:var(--itd-muted-foreground);font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height);margin:0}.itd-dialog-footer{display:flex;flex-direction:row;gap:calc(var(--itd-spacing)*2);justify-content:flex-end;margin-top:calc(var(--itd-spacing)*2)}.itd-dialog-content[data-responsive]{max-width:26rem}.itd-dialog-content[data-responsive] .itd-dialog-footer{align-items:stretch;flex-direction:column}.itd-dialog-footer[data-variant=filled],.itd-dialog-footer[data-variant=separator]{background:var(--itd-color-background-modal-footer,var(--itd-color-background-footer));border-radius:0 0 var(--itd-radius-md) var(--itd-radius-md);margin-inline:calc(var(--_px)*-1);margin-bottom:calc(var(--itd-spacing)*-6);margin-top:0;padding-inline:var(--_px);padding-bottom:calc(var(--itd-spacing)*6);padding-top:calc(var(--itd-spacing)*4)}.itd-dialog-footer[data-variant=separator]{border-top:1px solid var(--itd-color-border)}.itd-dialog-appear .itd-dialog-overlay,.itd-dialog-enter .itd-dialog-overlay{opacity:0}.itd-dialog-appear-active .itd-dialog-overlay,.itd-dialog-enter-active .itd-dialog-overlay{opacity:1;transition:opacity .15s ease}.itd-dialog-appear .itd-dialog-content,.itd-dialog-enter .itd-dialog-content{opacity:0;transform:translate(-50%,-48%) scale(.96)}.itd-dialog-appear-active .itd-dialog-content,.itd-dialog-enter-active .itd-dialog-content{opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .2s ease,transform .2s cubic-bezier(.16,1,.3,1)}.itd-dialog-exit .itd-dialog-overlay{opacity:1}.itd-dialog-exit-active .itd-dialog-overlay{opacity:0;transition:opacity .15s ease}.itd-dialog-exit .itd-dialog-content{opacity:1;transform:translate(-50%,-50%) scale(1)}.itd-dialog-exit-active .itd-dialog-content{opacity:0;transform:translate(-50%,-48%) scale(.96);transition:opacity .15s ease,transform .15s ease}@media (prefers-reduced-motion:reduce){.itd-dialog-portal *{transition:none!important}}[data-itd-elevation=raised] .itd-dialog-content{background:var(--itd-background)}}

package/dist/css/dropdown-menu.css

@@ -0,0 +1 @@
+@layer components{.itd-dropdown-menu{min-width:150px}.itd-dropdown-menu-items{--_panel:var(--itd-popover);--_hover-l:0.07;background:var(--_panel);border:1px solid var(--itd-color-border);border-radius:var(--itd-border-radius);box-shadow:var(--itd-floating-shadow);display:flex;flex-direction:column;max-height:var(--itd-dropdown-menu-max-h,calc(100vh - 1rem));outline:none;overflow:hidden;padding:0}.itd-dropdown-menu-items[data-variant=filled]{--_panel:var(--itd-color-background-alt);background:var(--_panel);border:none}:root[data-theme=light] .itd-dropdown-menu-items{--_hover-l:-0.05}.itd-dropdown-menu-scroll{max-height:var(--itd-dropdown-menu-max-h,calc(100vh - 1rem))}.itd-dropdown-menu-label{box-sizing:border-box;color:var(--itd-muted-foreground);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium);padding:calc(var(--itd-spacing)*2) calc(var(--itd-spacing)*4);width:100%}.itd-dropdown-menu-label:not(:has(+.itd-dropdown-menu-separator)){padding-bottom:0}.itd-dropdown-menu-items[data-compact] .itd-dropdown-menu-label{padding-block:calc(var(--itd-spacing)*1.5)}:is(.itd-dropdown-menu-items[data-compact] .itd-dropdown-menu-label):not(:has(+.itd-dropdown-menu-separator)){padding-bottom:0}.itd-dropdown-menu-separator{background:var(--itd-color-border);flex-shrink:0;height:1px;width:100%}.itd-dropdown-menu-item{all:unset;align-items:center;box-sizing:border-box;color:var(--itd-foreground);cursor:pointer;display:flex;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-normal);gap:calc(var(--itd-spacing)*2);line-height:calc(var(--itd-spacing)*5);padding:calc(var(--itd-spacing)*2) calc(var(--itd-spacing)*4);transition:background .05s ease,color .05s ease;white-space:nowrap;width:100%}.itd-dropdown-menu-item[data-highlighted]{background:oklch(from var(--_panel) calc(l + var(--_hover-l)) c h)}.itd-dropdown-menu-item.active{color:var(--itd-primary)}.itd-dropdown-menu-item.itd-dropdown-menu-item--danger{color:var(--itd-color-error)}.itd-dropdown-menu-item[data-disabled]{color:var(--itd-color-disabled-text);cursor:not-allowed;opacity:.5}.itd-dropdown-menu-item[data-disabled][data-highlighted]{background:#0000;color:var(--itd-color-disabled-text)}.itd-dropdown-menu-items[data-compact] .itd-dropdown-menu-item{padding-block:calc(var(--itd-spacing)*1.2)}.itd-dropdown-menu--tabs .itd-dropdown-menu-item{color:var(--itd-muted-foreground);font-weight:var(--itd-font-weight-medium)}.active:is(.itd-dropdown-menu--tabs .itd-dropdown-menu-item){color:var(--itd-primary)}.itd-dropdown-menu-indicator{align-items:center;display:flex;flex-shrink:0;height:1rem;justify-content:center;margin-left:auto;width:1rem}.itd-dropdown-menu-sub-trigger-label{align-items:center;display:flex;gap:calc(var(--itd-spacing)*2)}.itd-dropdown-menu-sub-chevron{color:var(--itd-foreground);flex-shrink:0}}

package/dist/css/field.css

@@ -0,0 +1 @@
+@layer components{.itd-field-group{gap:1.5rem}.itd-field,.itd-field-group{display:flex;flex-direction:column;width:100%}.itd-field{gap:.5rem}.itd-field[data-orientation=horizontal]{align-items:center;flex-direction:row;gap:.5rem}.itd-field-description{color:var(--itd-color-text-muted);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-normal);line-height:var(--itd-text-sm--line-height);margin:0}.itd-field-separator{margin-block:.25rem}.itd-field-with-error{display:flex;flex-direction:column;gap:.375rem;width:100%}.itd-field-set{border:0;display:flex;flex-direction:column;gap:1rem;margin:0;min-inline-size:0;padding:0}.itd-field-legend{color:var(--itd-foreground);font-weight:var(--itd-font-weight-medium)}.itd-field-legend[data-variant=legend]{font-size:var(--itd-text-default)}.itd-field-legend[data-variant=label]{font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height)}.itd-field-content{display:flex;flex:1;flex-direction:column;gap:.125rem}.itd-field-title{align-items:center;color:var(--itd-foreground);display:inline-flex;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);gap:.5rem;line-height:var(--itd-text-sm--line-height)}.itd-field-label:has(>.itd-field){cursor:pointer;display:block}.itd-field-label>.itd-field{border:1px solid var(--itd-color-border);border-radius:calc(var(--itd-border-radius)*.8);padding:.75rem 1rem;transition:border-color var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-field-label>.itd-field:hover:where(:root:not(.itd-touch) *){border-color:var(--itd-color-border-hover)}.itd-field-label>.itd-field:has(input:checked){background-color:var(--itd-muted);border-color:var(--itd-color-border-hover)}.itd-field-label>.itd-field:has(input:focus-visible){outline:var(--itd-ring-width) solid var(--itd-color-focus-primary-ring);outline-offset:var(--itd-ring-offset)}.itd-field-error{font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height)}.itd-field-error,.itd-field[data-invalid=true] .itd-field-label,.itd-field[data-invalid=true] .itd-field-title{color:var(--itd-color-alert-error-text)}.itd-field:has([aria-invalid=true])>.itd-field-label,.itd-field:has([aria-invalid=true])>.itd-field-title{color:var(--itd-color-alert-error-text)}}

package/dist/css/filter-tabs.css

@@ -0,0 +1 @@
+@layer components{.itd-filter-tabs,.itd-filter-tabs[data-orientation=horizontal]{--_ft-default:var(--itd-color-background-alt-hover);--_ft-hover-l:0.04;display:flex;flex-wrap:wrap;gap:calc(var(--itd-spacing)*2)}.itd-filter-tabs-grow{flex-wrap:nowrap}.itd-filter-tabs-grow .itd-filter-tab{flex:1;justify-content:center}.itd-filter-tab{align-items:center;background:var(--itd-filter-tab-bg,var(--_ft-default));border-radius:.25rem;color:var(--itd-color-text-neutral);cursor:pointer;display:inline-flex;font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);justify-content:center;line-height:var(--itd-text-xs);padding:.625rem .875rem;position:relative;transition:background-color .25s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.itd-filter-tabs-upper .itd-filter-tab{text-transform:uppercase}.itd-filter-tab:hover:where(:root:not(.itd-touch) *):not(.active){background:oklch(from var(--itd-filter-tab-bg,var(--_ft-default)) calc(l + var(--_ft-hover-l)) c h)}:root[data-itd-elevation=raised] .itd-filter-tab:hover:where(:root:not(.itd-touch) *):not(.active){background:oklch(from var(--itd-background) .93 c h)}.itd-filter-tab.active{background:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-filter-tab:has(input:focus-visible){outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:2px}:root[data-theme=light] .itd-filter-tabs{--_ft-default:var(--itd-box-wash);--_ft-hover-l:-0.04}:root[data-theme=light] .itd-filter-tab:not(.active){color:var(--itd-color-text)}}

package/dist/css/flex.css

@@ -0,0 +1 @@
+@layer components{.itd-flex{align-items:center;display:flex;flex-direction:row;gap:var(--itd-flex-gap,normal)}.itd-flex[data-stretch]:not([data-vertical]){width:100%}.itd-flex[data-stretch][data-vertical]{height:100%}.itd-flex[data-wrap]{flex-wrap:wrap}.itd-flex[data-vertical]{flex-direction:column}.itd-flex[data-justify=unset]{justify-content:unset}.itd-flex[data-justify=flex-start]{justify-content:flex-start}.itd-flex[data-justify=center]{justify-content:center}.itd-flex[data-justify=flex-end]{justify-content:flex-end}.itd-flex[data-justify=space-between]{justify-content:space-between}.itd-flex[data-justify=space-around]{justify-content:space-around}.itd-flex[data-justify=space-evenly]{justify-content:space-evenly}.itd-flex[data-align=unset]{align-items:unset}.itd-flex[data-align=flex-start]{align-items:flex-start}.itd-flex[data-align=center]{align-items:center}.itd-flex[data-align=flex-end]{align-items:flex-end}}