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

package/dist/css/spin.css

@@ -1,31 +1 @@
-@layer components {
-  .itd-spin {
-    position: relative;
-  }
-
-  .itd-spin-spinner {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .itd-spin-children {
-    transition-property: opacity;
-    transition-duration: 500ms;
-    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
-    pointer-events: auto;
-    opacity: 1;
-
-    &[data-updating] {
-      pointer-events: none;
-    }
-
-    &[data-updating][data-opacity] {
-      opacity: 0.5;
-    }
-  }
-}
+@layer components{.itd-spin{position:relative}.itd-spin-spinner{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.itd-spin-children{opacity:1;pointer-events:auto;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.075,.82,.165,1)}.itd-spin-children[data-updating]{pointer-events:none}.itd-spin-children[data-updating][data-opacity]{opacity:.5}}

package/dist/css/stat-card.css

@@ -0,0 +1 @@
+@layer components{.itd-stat-card{--_stat-trend-up:var(--itd-stat-trend-up,var(--itd-color-progress-success-fill));--_stat-trend-down:var(--itd-stat-trend-down,var(--itd-color-alert-error-title));background:var(--itd-stat-card-bg,#0000);border:1px dashed var(--itd-color-border);border-radius:var(--itd-radius-sm);display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*1);justify-content:center;min-block-size:4.375rem;min-inline-size:7.5rem;padding:calc(var(--itd-spacing)*3) calc(var(--itd-spacing)*3.5)}.itd-stat-card-value{align-items:center;color:var(--itd-color-text);display:flex;font-size:var(--itd-text-lg);gap:calc(var(--itd-spacing)*1.25);line-height:var(--itd-leading-tight)}.itd-stat-card-value,.itd-stat-card-value .itd-amount{font-weight:var(--itd-font-weight-semibold)}.itd-stat-card-amount{display:inline-grid;justify-items:start}.itd-stat-card-amount>*{grid-area:1/1;white-space:nowrap}.itd-stat-card-amount-ghost{visibility:hidden}.itd-stat-card-icon,.itd-stat-card-trend{display:inline-flex;flex:none}.itd-stat-card-icon svg,.itd-stat-card-trend svg{height:1em;width:1em}.itd-stat-card-icon{color:var(--itd-color-text-neutral)}.itd-stat-card-trend-up{color:var(--_stat-trend-up)}.itd-stat-card-trend-down{color:var(--_stat-trend-down)}.itd-stat-card-label{align-items:center;color:var(--itd-color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);gap:calc(var(--itd-spacing)*1);line-height:var(--itd-text-13--line-height)}.itd-stat-card-tab{background:none;color:var(--itd-color-text-muted);font-size:inherit;font-weight:inherit;height:auto;line-height:inherit;padding:0;transition:color .15s ease-out}.itd-stat-card-tab:hover:where(:root:not(.itd-touch) *){color:var(--itd-color-text)}.itd-stat-card-tab.itd-stat-card-tab-active{color:var(--itd-color-foreground-item-selected)}.itd-stat-card-sep{color:var(--itd-color-text-muted)}.itd-stat-card-info-slot{display:inline-flex;margin-left:auto}.itd-stat-card-info-content{font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height)}}

package/dist/css/sub-page-header.css

@@ -0,0 +1 @@
+@layer components{.itd-sub-page-header{align-items:center;display:flex;gap:calc(var(--itd-spacing)*2);width:100%}.itd-sub-page-header-title{color:var(--itd-sub-page-header-ink,var(--itd-color-text));flex:1;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);line-height:1.2;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itd-sub-page-header-back{align-items:center;background:none;border:0;border-radius:var(--itd-radius-control);color:var(--itd-color-text);cursor:pointer;display:inline-flex;flex:none;height:calc(var(--itd-spacing)*8);justify-content:center;padding:0;width:calc(var(--itd-spacing)*8)}.itd-sub-page-header-back:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-alt-hover)}.itd-sub-page-header-back:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:var(--itd-ring-offset)}.itd-sub-page-header-action{flex:none}.itd-slider-double{display:grid;gap:var(--itd-slider-double-gap,calc(var(--itd-spacing)*5));grid-template-columns:1fr 1fr;width:100%}@media (max-width:48rem){.itd-slider-double{grid-template-columns:1fr}}.itd-mobile .itd-slider-double{grid-template-columns:1fr}}

package/dist/css/svg-loader.css

@@ -0,0 +1 @@
+@layer components{.itd-svg-loader>div{height:var(--itd-svg-height,auto);width:var(--itd-svg-width,auto)}.itd-svg-loader>div div{height:inherit;width:inherit}.itd-svg-loader>div div svg{height:var(--itd-svg-height,auto);width:var(--itd-svg-width,auto)}}

package/dist/css/switch.css

@@ -1,178 +1 @@
-/* ================================= */
-/* SWITCH COMPONENT STYLES           */
-/* ================================= */
-@layer components {
-
-  .itd-switch-thumb {
-    content: '';
-    position: absolute;
-    width: calc(var(--itd-spacing) * 3.5);
-    height: calc(var(--itd-spacing) * 3.5);
-    border-radius: 50px;
-    transition: 0.3s;
-    background: var(--itd-color-switch-thumb);
-
-    & .itd-spin-spinner {
-      width: calc(var(--itd-spacing) * 3);
-      height: calc(var(--itd-spacing) * 3);
-    }
-  }
-
-  .itd-switch-body {
-    text-indent: -9999px;
-    height: calc(var(--itd-spacing) * 5);
-    width: calc(var(--itd-spacing) * 8.5);
-    display: block;
-    position: relative;
-  }
-
-  .itd-switch {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    position: relative;
-
-    & button {
-      border: 1px solid transparent;
-      background-color: transparent;
-      outline-offset: var(--itd-ring-offset);
-      outline: 0 solid transparent;
-      transition:
-        border-color var(--itd-transition-duration) var(--itd-transition-timing-function),
-        outline 100ms linear;
-      cursor: pointer;
-      border-radius: calc(var(--itd-spacing) * 7);
-      height: calc(var(--itd-spacing) * 5);
-      width: calc(var(--itd-spacing) * 8.5);
-      -webkit-user-select: none;
-      user-select: none;
-    }
-
-    & label {
-      color: var(--itd-color-text);
-      font-size: var(--itd-size-df-font);
-      font-weight: var(--itd-font-weight-normal);
-      margin-left: calc(var(--itd-spacing) * 2);
-    }
-
-    & button:focus-visible {
-      outline: var(--itd-ring-width) solid var(--itd-color-focus-primary-ring);
-    }
-  }
-
-  /* ===== VARIANT: DEFAULT ===== */
-  .itd-switch.itd-switch-default {
-
-    & button {
-      background-color: var(--itd-color-background-bordered);
-      box-shadow: var(--itd-box-shadow);
-    }
-
-    & .itd-switch-thumb {
-      top: calc(var(--itd-spacing) * 0.5);
-      left: calc(var(--itd-spacing) * 0.5);
-    }
-
-    & button[data-state="checked"] {
-      border: 1px solid var(--itd-primary);
-
-      & .itd-switch-thumb {
-        left: calc(100% - var(--itd-spacing));
-        transform: translateX(-100%);
-        background: var(--itd-primary);
-        color: var(--itd-primary-foreground);
-      }
-    }
-
-    & button[data-state="unchecked"] {
-      border: 1px solid var(--itd-color-border);
-
-      & .itd-switch-thumb {
-        background: var(--itd-color-text-alpha50);
-        color: var(--itd-background);
-      }
-    }
-
-    &:not(.itd-switch-disabled):not(.itd-switch-error) button[data-state="unchecked"]:hover {
-      border-color: var(--itd-color-border-hover);
-    }
-
-    &:not(.itd-switch-disabled):not(.itd-switch-error) button[data-state="unchecked"]:focus-visible {
-      border-color: var(--itd-color-focus-primary);
-    }
-  }
-
-  /* ===== VARIANT: FILLED ===== */
-  .itd-switch.itd-switch-filled {
-
-    & .itd-switch-thumb {
-      top: calc(var(--itd-spacing) * 0.5);
-      left: calc(var(--itd-spacing) * 0.5);
-    }
-
-    & button[data-state="checked"] {
-      background: var(--itd-primary);
-
-      & .itd-switch-thumb {
-        left: calc(100% - var(--itd-spacing));
-        transform: translateX(-100%);
-        background: var(--itd-color-switch-filled-thumb);
-        color: var(--itd-primary);
-      }
-    }
-
-    & button[data-state="unchecked"] {
-      background: var(--itd-color-background-alt-hover);
-
-      & .itd-switch-thumb {
-        color: var(--itd-secondary);
-      }
-    }
-  }
-
-  /* ===== VARIANT: CUSTOM ===== */
-  .itd-switch.itd-switch-custom {
-    & button[data-state="checked"] .itd-switch-thumb {
-      left: calc(100% - calc(var(--itd-spacing) * 0.75));
-      transform: translateX(-100%);
-    }
-  }
-
-  /* ===== ERROR STATE ===== */
-  .itd-switch.itd-switch-error:not(.itd-switch-disabled) button {
-    border: 1px solid var(--itd-color-error-border);
-  }
-
-  .itd-switch.itd-switch-error button:focus-visible {
-    outline: var(--itd-ring-width) solid var(--itd-color-error-outline);
-  }
-
-  /* ===== DISABLED STATE ===== */
-  .itd-switch.itd-switch-disabled {
-
-    & button[data-state="checked"],
-    & button[data-state="unchecked"] {
-      background: var(--itd-color-disabled-bg);
-      border: 1px solid var(--itd-color-disabled-border);
-
-      & .itd-switch-thumb {
-        background: var(--itd-color-disabled-border);
-      }
-    }
-
-    & button,
-    & label {
-      cursor: not-allowed;
-    }
-
-    & label {
-      color: var(--itd-color-disabled-text);
-    }
-  }
-
-  /* ===== LOADING STATE ===== */
-  .itd-switch.itd-switch-loading .itd-switch-body {
-    cursor: progress;
-  }
-
-}
+@layer components{.itd-switch-thumb{background:var(--itd-color-switch-thumb);border-radius:calc(var(--itd-border-radius)*5);content:"";position:absolute;transition:transform .3s,background-color .3s,color .3s}.itd-switch-body{display:block;overflow:hidden;position:relative;text-indent:-9999px}.itd-switch{align-items:center;display:flex;flex-direction:row;position:relative}.itd-switch button{background-color:initial;border:1px solid #0000;border-radius:calc(var(--itd-border-radius)*5);cursor:pointer;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);transition:border-color var(--itd-transition-duration) var(--itd-transition-timing-function),outline .1s linear;-webkit-user-select:none;user-select:none}.itd-switch label{color:var(--itd-color-text)}.itd-switch button:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-focus-primary-ring)}.itd-switch.itd-switch-sm{--itd-switch-travel:calc(var(--itd-spacing)*3)}.itd-switch.itd-switch-sm .itd-switch-body,.itd-switch.itd-switch-sm button{height:calc(var(--itd-spacing)*4);width:calc(var(--itd-spacing)*7)}.itd-switch.itd-switch-sm .itd-switch-thumb{height:calc(var(--itd-spacing)*3);width:calc(var(--itd-spacing)*3)}.itd-switch.itd-switch-sm .itd-switch-thumb .itd-spin-spinner{height:calc(var(--itd-spacing)*2.5);width:calc(var(--itd-spacing)*2.5)}.itd-switch.itd-switch-sm label{font-size:var(--itd-size-sm-font);font-weight:var(--itd-size-sm-field-fw);line-height:var(--itd-size-sm-font);margin-left:calc(var(--itd-spacing)*1.75)}.itd-switch.itd-switch-df{--itd-switch-travel:calc(var(--itd-spacing)*3.5)}.itd-switch.itd-switch-df .itd-switch-body,.itd-switch.itd-switch-df button{height:calc(var(--itd-spacing)*5);width:calc(var(--itd-spacing)*8.5)}.itd-switch.itd-switch-df .itd-switch-thumb{height:calc(var(--itd-spacing)*3.5);width:calc(var(--itd-spacing)*3.5)}.itd-switch.itd-switch-df .itd-switch-thumb .itd-spin-spinner{height:calc(var(--itd-spacing)*3);width:calc(var(--itd-spacing)*3)}.itd-switch.itd-switch-df label{font-size:var(--itd-size-df-font);font-weight:var(--itd-size-df-field-fw);line-height:var(--itd-size-df-font);margin-left:calc(var(--itd-spacing)*2)}.itd-switch.itd-switch-lg{--itd-switch-travel:calc(var(--itd-spacing)*4)}.itd-switch.itd-switch-lg .itd-switch-body,.itd-switch.itd-switch-lg button{height:calc(var(--itd-spacing)*5.5);width:calc(var(--itd-spacing)*9.5)}.itd-switch.itd-switch-lg .itd-switch-thumb{height:calc(var(--itd-spacing)*4);width:calc(var(--itd-spacing)*4)}.itd-switch.itd-switch-lg .itd-switch-thumb .itd-spin-spinner{height:calc(var(--itd-spacing)*3.5);width:calc(var(--itd-spacing)*3.5)}.itd-switch.itd-switch-lg label{font-size:var(--itd-size-lg-font);font-weight:var(--itd-size-lg-field-fw);line-height:var(--itd-size-lg-font);margin-left:calc(var(--itd-spacing)*2.5)}.itd-switch.itd-switch-default button{background-color:var(--itd-color-background-bordered);box-shadow:var(--itd-box-shadow)}.itd-switch.itd-switch-default .itd-switch-thumb{left:calc(var(--itd-spacing)*.5);top:calc(var(--itd-spacing)*.5)}.itd-switch.itd-switch-default button[data-state=checked]{border:1px solid var(--itd-primary)}:is(.itd-switch.itd-switch-default button[data-state=checked]) .itd-switch-thumb{background:var(--itd-primary);color:var(--itd-primary-foreground);transform:translateX(var(--itd-switch-travel))}.itd-switch.itd-switch-default button[data-state=unchecked]{border:1px solid var(--itd-color-border)}:is(.itd-switch.itd-switch-default button[data-state=unchecked]) .itd-switch-thumb{background:var(--itd-color-text-alpha50);color:var(--itd-background)}.itd-switch.itd-switch-default:not(.itd-switch-disabled):not(.itd-switch-error) button[data-state=unchecked]:hover:where(:root:not(.itd-touch) *){border-color:var(--itd-color-border-hover)}.itd-switch.itd-switch-default:not(.itd-switch-disabled):not(.itd-switch-error) button[data-state=unchecked]:focus-visible{border-color:var(--itd-color-focus-primary)}.itd-switch.itd-switch-filled .itd-switch-thumb{left:calc(var(--itd-spacing)*.5);top:calc(var(--itd-spacing)*.5)}.itd-switch.itd-switch-filled button[data-state=checked]{background:var(--itd-primary)}:is(.itd-switch.itd-switch-filled button[data-state=checked]) .itd-switch-thumb{background:var(--itd-color-switch-filled-thumb);color:var(--itd-primary);transform:translateX(var(--itd-switch-travel))}.itd-switch.itd-switch-filled button[data-state=unchecked]{background:var(--itd-color-background-alt-hover)}:is(.itd-switch.itd-switch-filled button[data-state=unchecked]) .itd-switch-thumb{color:var(--itd-color-text-neutral)}.itd-switch.itd-switch-custom button[data-state=checked] .itd-switch-thumb{transform:translateX(var(--itd-switch-travel))}.itd-switch.itd-switch-error:not(.itd-switch-disabled) button{border:1px solid var(--itd-color-error-border)}.itd-switch.itd-switch-error button:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-switch.itd-switch-error:not(.itd-switch-disabled) label{color:var(--itd-color-alert-error-text)}.itd-switch.itd-switch-disabled button[data-state=checked],.itd-switch.itd-switch-disabled button[data-state=unchecked]{background:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border)}:is(.itd-switch.itd-switch-disabled button[data-state=checked],.itd-switch.itd-switch-disabled button[data-state=unchecked]) .itd-switch-thumb{background:var(--itd-color-disabled-border)}.itd-switch.itd-switch-disabled button,.itd-switch.itd-switch-disabled label{cursor:not-allowed}.itd-switch.itd-switch-disabled label{color:var(--itd-color-disabled-text)}.itd-switch.itd-switch-locked button,.itd-switch.itd-switch-locked label{pointer-events:none}.itd-switch-thumb:has(.itd-switch-lock-icon){align-items:center;display:flex;justify-content:center}.itd-switch.itd-switch-loading .itd-switch-body{cursor:progress}.itd-switch.itd-switch-sm .itd-switch-thumb{left:calc(var(--itd-spacing)*.25);top:calc(var(--itd-spacing)*.25)}}

package/dist/css/table.css

@@ -0,0 +1,5 @@
+@layer components{.itd-table-wrapper{--_table-row-border:var(
+      --itd-color-table-border,color-mix(in oklch,var(--itd-color-border) 80%,#0000)
+    );--_table-surface:var(--itd-color-background-alt);--_table-head-color:var(--itd-color-table-head,var(--itd-color-text));--_table-row-hover:var(--itd-color-background-alt-hover);overflow-x:auto;overflow-y:hidden}.itd-table-wrapper:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:var(--itd-ring-offset)}[data-theme=dark] .itd-table-wrapper{--_table-row-border:var(
+        --itd-color-table-border,color-mix(in oklch,var(--itd-foreground) 12%,var(--itd-background))
+      );--_table-surface:color-mix(in oklch,var(--itd-color-background-alt) 50%,#0000);--_table-row-hover:color-mix(in oklch,var(--itd-color-background-alt) 50%,#0000)}.itd-table-wrapper:has(table.itd-table-empty),.itd-table-wrapper:has(table.itd-table-no-data){height:100%}:is(.itd-table-wrapper:has(table.itd-table-no-data),.itd-table-wrapper:has(table.itd-table-empty)) table{height:100%}.itd-table-wrapper .itd-table th span{color:var(--_table-head-color);font-size:var(--_table-head-font);line-height:var(--itd-leading-tight)}.itd-table.itd-table-md,.itd-table.itd-table-sm,.itd-table.itd-table-xs{--_table-head-font:var(--itd-text-xs)}.itd-table.itd-table-df,.itd-table.itd-table-lg,.itd-table.itd-table-xlg{--_table-head-font:var(--itd-text-13)}.itd-table-wrapper .itd-table.itd-table-accent-head{--_table-head-color:var(--itd-primary)}.itd-table-wrapper .expand-button{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}:is(.itd-table-wrapper .expand-button) button{border:1px solid var(--itd-color-border)}:is(.itd-table-wrapper .expand-button) button:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-border)}.itd-table-wrapper .itd-table.itd-table-sm .expand-button svg,.itd-table-wrapper .itd-table.itd-table-xs .expand-button svg{height:10px;width:10px}.itd-table-wrapper .itd-table.itd-table-df .expand-button svg,.itd-table-wrapper .itd-table.itd-table-md .expand-button svg{height:14px;width:14px}.itd-table-wrapper table{border-collapse:collapse;border-spacing:0;caption-side:bottom;text-indent:0;width:100%}:is(.itd-table-wrapper table) th{text-align:left}:is(:is(.itd-table-wrapper table) th) span{font-weight:var(--itd-font-weight-semibold)}:is(.itd-table-wrapper table) td{font-weight:var(--itd-font-weight-normal);overflow-wrap:break-word}:is(.itd-table-wrapper table) th{font-weight:var(--itd-font-weight-medium);overflow-wrap:break-word}:is(.itd-table-wrapper table) td,:is(.itd-table-wrapper table) th{position:relative;vertical-align:middle;width:auto}:is(.itd-table-wrapper table) tbody>tr{transition:background-color .12s ease-out}@media (prefers-reduced-motion:reduce){:is(.itd-table-wrapper table) tbody>tr{transition:none}}:is(.itd-table-wrapper table) tfoot{background-color:var(--_table-surface);border-top:1px solid var(--_table-row-border)}:is(:is(.itd-table-wrapper table) tfoot) td>span{font-weight:var(--itd-font-weight-medium)}.itd-table tr[data-level]:not([data-level="0"]){animation:itd-row-reveal .2s ease-out both;background-color:color-mix(in oklch,var(--itd-color-background-alt) 50%,#0000)}:is(.itd-table tr[data-level]:not([data-level="0"]))>td:first-child{box-shadow:inset 3px 0 0 var(--itd-color-table-level-marker,var(--itd-primary))}@keyframes itd-row-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.itd-table tr[data-level]:not([data-level="0"]){animation:none}}.itd-table-detail-row{background-color:color-mix(in oklch,var(--itd-color-background-alt) 70%,#0000)}[data-theme=dark] .itd-table-detail-row{background-color:color-mix(in oklch,var(--itd-color-background-alt) 40%,#0000)}.itd-table-detail-row>td{padding:0!important}.itd-table-detail-panel{animation:itd-detail-open var(--itd-table-detail-duration,.2s) ease-out;display:grid;grid-template-rows:1fr;overflow:hidden}.itd-table-detail-panel.itd-table-detail-closing{animation:itd-detail-close var(--itd-table-detail-duration,.2s) ease-out forwards}.itd-table-detail-panel>*{min-height:0;overflow:hidden}.itd-table-detail-content{padding:calc(var(--itd-spacing)*4) calc(var(--itd-spacing)*3.75)}@keyframes itd-detail-open{0%{grid-template-rows:0fr;opacity:0}to{grid-template-rows:1fr;opacity:1}}@keyframes itd-detail-close{0%{grid-template-rows:1fr;opacity:1}to{grid-template-rows:0fr;opacity:0}}@media (prefers-reduced-motion:reduce){.itd-table-detail-panel,.itd-table-detail-panel.itd-table-detail-closing{animation:none}.itd-table-wrapper{--itd-table-detail-duration:0ms}}.itd-table-overflow{display:block;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.itd-table-empty-body{align-items:center;display:flex;height:150px;justify-content:center}.itd-table-empty-body>div{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*1.75)}.itd-table-empty-body span{color:var(--itd-color-text-neutral);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium)}.itd-table-empty-body svg{fill:var(--itd-color-text-neutral)}.itd-table.itd-table-xs>tbody td,.itd-table.itd-table-xs>tbody th,.itd-table.itd-table-xs>tfoot td,.itd-table.itd-table-xs>thead td,.itd-table.itd-table-xs>thead th{font-size:var(--itd-text-xs);line-height:var(--itd-leading-tight);padding-block:calc(var(--itd-spacing)*1.25)}.itd-table.itd-table-sm>tbody td,.itd-table.itd-table-sm>tbody th,.itd-table.itd-table-sm>tfoot td,.itd-table.itd-table-sm>thead td,.itd-table.itd-table-sm>thead th{font-size:var(--itd-text-xs);line-height:var(--itd-leading-tight);padding-block:calc(var(--itd-spacing)*2)}.itd-table.itd-table-md>tbody td,.itd-table.itd-table-md>tbody th,.itd-table.itd-table-md>tfoot td,.itd-table.itd-table-md>thead td,.itd-table.itd-table-md>thead th{font-size:var(--itd-text-13);line-height:var(--itd-leading-tight);padding-block:calc(var(--itd-spacing)*3)}.itd-table.itd-table-df>tbody td,.itd-table.itd-table-df>tbody th,.itd-table.itd-table-df>tfoot td,.itd-table.itd-table-df>thead td,.itd-table.itd-table-df>thead th{font-size:var(--itd-text-sm);line-height:var(--itd-leading-tight);padding-block:calc(var(--itd-spacing)*3)}.itd-table.itd-table-lg>tbody td,.itd-table.itd-table-lg>tbody th,.itd-table.itd-table-lg>tfoot td,.itd-table.itd-table-lg>thead td,.itd-table.itd-table-lg>thead th{font-size:var(--itd-text-sm);line-height:var(--itd-leading-tight);padding-block:calc(var(--itd-spacing)*4.5)}.itd-table.itd-table-xlg>tbody td,.itd-table.itd-table-xlg>tbody th,.itd-table.itd-table-xlg>tfoot td,.itd-table.itd-table-xlg>thead td,.itd-table.itd-table-xlg>thead th{font-size:var(--itd-text-sm);line-height:var(--itd-leading-tight);padding-block:calc(var(--itd-spacing)*5)}.itd-table.itd-table-no-gaps>tbody td,.itd-table.itd-table-no-gaps>tbody th,.itd-table.itd-table-no-gaps>tfoot td,.itd-table.itd-table-no-gaps>thead td,.itd-table.itd-table-no-gaps>thead th{padding-inline:0}.itd-table:not(.itd-table-no-gaps).itd-table-xs>tbody td,.itd-table:not(.itd-table-no-gaps).itd-table-xs>tbody th,.itd-table:not(.itd-table-no-gaps).itd-table-xs>tfoot td,.itd-table:not(.itd-table-no-gaps).itd-table-xs>thead td,.itd-table:not(.itd-table-no-gaps).itd-table-xs>thead th{padding-inline:calc(var(--itd-spacing)*2.5)}.itd-table:not(.itd-table-no-gaps):is(.itd-table-sm,.itd-table-md,.itd-table-df)>tbody td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-sm,.itd-table-md,.itd-table-df)>tbody th,.itd-table:not(.itd-table-no-gaps):is(.itd-table-sm,.itd-table-md,.itd-table-df)>tfoot td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-sm,.itd-table-md,.itd-table-df)>thead td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-sm,.itd-table-md,.itd-table-df)>thead th{padding-inline:calc(var(--itd-spacing)*3.75)}.itd-table:not(.itd-table-no-gaps):is(.itd-table-lg,.itd-table-xlg)>tbody td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-lg,.itd-table-xlg)>tbody th,.itd-table:not(.itd-table-no-gaps):is(.itd-table-lg,.itd-table-xlg)>tfoot td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-lg,.itd-table-xlg)>thead td,.itd-table:not(.itd-table-no-gaps):is(.itd-table-lg,.itd-table-xlg)>thead th{padding-inline:calc(var(--itd-spacing)*5)}.itd-card-content>.itd-table-wrapper{--_table-edge-padding:1.5rem}:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>tbody td:first-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>tfoot td:first-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>thead th:first-child{padding-left:var(--_table-edge-padding)}:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>tbody td:last-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>tfoot td:last-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table:not(.itd-table-no-gaps)>thead th:last-child{padding-right:var(--_table-edge-padding)}:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table.itd-table-expandable:not(.itd-table-no-gaps)>tbody td:first-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table.itd-table-expandable:not(.itd-table-no-gaps)>tfoot td:first-child,:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table.itd-table-expandable:not(.itd-table-no-gaps)>thead th:first-child{padding-inline:0}:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .expand-button{justify-content:flex-start;padding-left:var(--_table-edge-padding)}:is(.itd-table-wrapper[style*="--_table-edge-padding"],.itd-card-content>.itd-table-wrapper) .itd-table-detail-content{padding-left:var(--_table-edge-padding);padding-right:var(--_table-edge-padding)}.itd-table:not(.itd-table-no-gaps)>thead{background-color:var(--_table-surface);border-radius:calc(var(--itd-border-radius)*.6)}.itd-table.itd-table-no-header-bg:not(.itd-table-no-gaps)>thead{background-color:initial}.itd-table.itd-table-no-data:not(.itd-table-no-gaps)>tbody>tr{background-color:var(--_table-surface)}.itd-table:not(.itd-table-no-gaps):not(.itd-table-empty)>tbody>tr:not(.itd-table-row-inner):hover:where(:root:not(.itd-touch) *){background-color:var(--_table-row-hover)}.itd-table:not(.itd-table-no-gaps):not(.itd-table-empty) .itd-table-inner-table>tbody>tr:hover:where(:root:not(.itd-touch) *){background-color:var(--_table-row-hover)}.itd-table.itd-table-solid:not(.itd-table-bordered)>tbody>tr,.itd-table.itd-table-solid:not(.itd-table-bordered)>thead>tr{border-bottom:1px solid var(--_table-row-border);border-top:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid:not(.itd-table-bordered) .itd-table-inner-table>tbody>tr):not(:first-child){border-top:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid:not(.itd-table-bordered) .itd-table-inner-table>tbody>tr):not(:last-child){border-bottom:1px solid var(--_table-row-border)}.itd-table.itd-table-solid.itd-table-bordered>tbody>tr,.itd-table.itd-table-solid.itd-table-bordered>thead>tr{border:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid.itd-table-bordered>tbody>tr,.itd-table.itd-table-solid.itd-table-bordered>thead>tr)>td,:is(.itd-table.itd-table-solid.itd-table-bordered>tbody>tr,.itd-table.itd-table-solid.itd-table-bordered>thead>tr)>th{border-left:1px solid var(--_table-row-border);border-right:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid.itd-table-bordered .itd-table-inner-table>tbody>tr):not(:first-child){border-top:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid.itd-table-bordered .itd-table-inner-table>tbody>tr):not(:last-child){border-bottom:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid.itd-table-bordered .itd-table-inner-table>tbody>tr)>td:not(:first-child){border-left:1px solid var(--_table-row-border)}:is(.itd-table.itd-table-solid.itd-table-bordered .itd-table-inner-table>tbody>tr)>td:not(:last-child){border-right:1px solid var(--_table-row-border)}.itd-table.itd-table-dashed:not(.itd-table-bordered)>tbody>tr,.itd-table.itd-table-dashed:not(.itd-table-bordered)>thead>tr{border-bottom:1px dashed var(--_table-row-border);border-top:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed:not(.itd-table-bordered) .itd-table-inner-table>tbody>tr):not(:first-child){border-top:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed:not(.itd-table-bordered) .itd-table-inner-table>tbody>tr):not(:last-child){border-bottom:1px dashed var(--_table-row-border)}.itd-table.itd-table-dashed.itd-table-bordered>tbody>tr,.itd-table.itd-table-dashed.itd-table-bordered>thead>tr{border:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed.itd-table-bordered>tbody>tr,.itd-table.itd-table-dashed.itd-table-bordered>thead>tr)>td,:is(.itd-table.itd-table-dashed.itd-table-bordered>tbody>tr,.itd-table.itd-table-dashed.itd-table-bordered>thead>tr)>th{border-left:1px dashed var(--_table-row-border);border-right:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed.itd-table-bordered .itd-table-inner-table>tbody>tr):not(:first-child){border-top:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed.itd-table-bordered .itd-table-inner-table>tbody>tr):not(:last-child){border-bottom:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed.itd-table-bordered .itd-table-inner-table>tbody>tr)>td:not(:first-child){border-left:1px dashed var(--_table-row-border)}:is(.itd-table.itd-table-dashed.itd-table-bordered .itd-table-inner-table>tbody>tr)>td:not(:last-child){border-right:1px dashed var(--_table-row-border)}.itd-table:not(.itd-table-bordered)>thead>tr:first-child{border-top-style:none}.itd-table:not(.itd-table-bordered)>tbody>tr:last-child{border-bottom-style:none}.itd-table.itd-table-headless:not(.itd-table-bordered)>tbody>tr:first-child{border-top-style:none}.itd-table-caption{color:var(--itd-muted-foreground);font-size:var(--itd-text-sm);margin-top:calc(var(--itd-spacing)*3)}[data-itd-elevation=raised] .itd-table:not(.itd-table-no-gaps){--_table-row-hover:oklch(from var(--itd-background) 0.96 c h)}[data-itd-elevation=raised] .itd-table .itd-button.itd-button-solid{background-color:oklch(from var(--itd-background) .93 c h)}[data-itd-elevation=raised] .itd-table .itd-button.itd-button-ghost:not(.itd-table-sort-trigger):hover:where(:root:not(.itd-touch) *):not([disabled]),[data-itd-elevation=raised] .itd-table .itd-button.itd-button-solid:hover:where(:root:not(.itd-touch) *):not([disabled]){background-color:oklch(from var(--itd-background) .9 c h)}.itd-table .itd-table-sort-trigger{background:none;color:inherit;font-size:inherit;font-weight:inherit;gap:calc(var(--itd-spacing)*1.5);height:auto;line-height:inherit;padding:0;width:100%}.itd-table .itd-table-sort-trigger:active,.itd-table .itd-table-sort-trigger:hover:where(:root:not(.itd-touch) *){background:none}.itd-table-wrapper .itd-table th .itd-table-sort-trigger span{color:var(--_table-head-color)}.itd-table .itd-table-sort-indicator{align-items:center;display:inline-flex;flex:none}.itd-table .itd-table-sort-indicator svg:not(.itd-spinner){height:1em;width:1em}.itd-table thead th[aria-sort=none] .itd-table-sort-indicator{opacity:.35;transition:opacity var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-table thead th[aria-sort=none] .itd-table-sort-trigger:focus-visible .itd-table-sort-indicator,.itd-table thead th[aria-sort=none] .itd-table-sort-trigger:hover:where(:root:not(.itd-touch) *) .itd-table-sort-indicator{opacity:1}:root.itd-touch .itd-table thead th[aria-sort=none] .itd-table-sort-indicator{opacity:1}}

package/dist/css/tabs.css

@@ -1,167 +1 @@
-@layer components {
-
-  /* ===== Wrapper ===== */
-  .itd-tabs {
-    display: flex;
-    flex-direction: column;
-
-    &[data-orientation="vertical"] {
-      flex-direction: row;
-    }
-
-    &[data-fill] {
-      align-self: stretch;
-    }
-  }
-
-  /* ===== TabList ===== */
-  .itd-tab-list {
-    display: inline-flex;
-    flex-direction: row;
-    align-items: center;
-
-    &[data-orientation="vertical"] {
-      flex-direction: column;
-      align-items: stretch;
-    }
-
-    &[data-variant="default"] {
-      border: 1px solid var(--itd-color-border);
-      border-radius: calc(var(--itd-border-radius) - 2px);
-      box-shadow: var(--itd-box-shadow);
-      padding: calc(var(--itd-spacing) * 1);
-      gap: calc(var(--itd-spacing) * 1);
-    }
-
-    &[data-variant="filled"] {
-      background: var(--itd-color-background-alt);
-      border-radius: calc(var(--itd-border-radius) - 2px);
-      padding: calc(var(--itd-spacing) * 1);
-      gap: calc(var(--itd-spacing) * 1);
-    }
-
-    &[data-variant="line"] {
-      gap: 0;
-      height: 100%;
-      border-bottom: 1px solid var(--itd-color-border);
-
-      &[data-orientation="vertical"] {
-        border-bottom: none;
-        border-right: 1px solid var(--itd-color-border);
-      }
-    }
-  }
-
-  /* ===== TabTrigger (button & NavLink) ===== */
-  .itd-tab-trigger {
-    all: unset;
-    box-sizing: border-box;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    gap: calc(var(--itd-spacing) * 2);
-    white-space: nowrap;
-    font-size: 14px;
-    font-weight: 500;
-    cursor: pointer;
-    user-select: none;
-    position: relative;
-    outline: 0 solid transparent;
-    outline-offset: var(--itd-ring-offset);
-    transition: outline 100ms linear, border-color 100ms linear, color 0.15s ease, background 0.15s ease;
-    color: var(--itd-muted-foreground);
-
-    &:focus-visible {
-      border-color: var(--itd-color-focus-primary);
-      outline: var(--itd-ring-width) solid var(--itd-color-focus-primary-ring);
-      outline-offset: var(--itd-ring-offset);
-      border-radius: calc(var(--itd-border-radius) - 4px);
-      z-index: 1;
-    }
-
-    &[data-disabled] {
-      cursor: not-allowed;
-      opacity: 0.5;
-      color: var(--itd-color-disabled-text);
-    }
-
-    &[data-active]:not([data-disabled]) {
-      color: var(--itd-foreground);
-    }
-
-    & svg {
-      width: 16px;
-      height: 16px;
-      color: currentColor;
-    }
-
-    /* ----- Variant: default ----- */
-    &[data-variant="default"] {
-      padding: calc(var(--itd-spacing) * 1.5) calc(var(--itd-spacing) * 3);
-      border-radius: calc(var(--itd-border-radius) - 4px);
-      border: 1px solid transparent;
-
-      &[data-active]:not([data-disabled]) {
-        background: var(--itd-color-tab-active-bg);
-        border-color: var(--itd-color-border);
-      }
-
-      &:not([data-disabled]):not([data-active]):hover {
-        color: var(--itd-foreground);
-        background: var(--itd-color-tab-hover-bg);
-      }
-    }
-
-    /* ----- Variant: filled ----- */
-    &[data-variant="filled"] {
-      padding: calc(var(--itd-spacing) * 1.5) calc(var(--itd-spacing) * 3);
-      border-radius: calc(var(--itd-border-radius) - 4px);
-      border: 1px solid transparent;
-
-      &[data-active]:not([data-disabled]) {
-        background: var(--itd-color-tab-filled-active-bg);
-        box-shadow: var(--itd-box-shadow);
-      }
-
-      &:not([data-disabled]):not([data-active]):hover {
-        color: var(--itd-foreground);
-      }
-    }
-
-    /* ----- Variant: line (horizontal, default) ----- */
-    &[data-variant="line"] {
-      padding: calc(var(--itd-spacing) * 2) calc(var(--itd-spacing) * 4);
-      height: 100%;
-      border-bottom: 2px solid transparent;
-      margin-bottom: -1px;
-
-      &[data-active]:not([data-disabled]) {
-        border-bottom-color: var(--itd-primary);
-      }
-
-      &:not([data-disabled]):not([data-active]):hover {
-        color: var(--itd-foreground);
-        border-color: var(--itd-color-border-hover);
-      }
-
-      /* ----- Variant: line (vertical) ----- */
-      &[data-orientation="vertical"] {
-        height: auto;
-        border-bottom: none;
-        margin-bottom: 0;
-        border-right: 2px solid transparent;
-        margin-right: -1px;
-
-        &[data-active]:not([data-disabled]) {
-          border-right-color: var(--itd-primary);
-        }
-      }
-    }
-  }
-
-  /* ===== TabContent ===== */
-  .itd-tab-content {
-    padding: calc(var(--itd-spacing) * 5) 0;
-    color: var(--itd-color-text-muted);
-  }
-}
+@layer components{.itd-tabs{display:flex;flex-direction:column}.itd-tabs[data-orientation=vertical]{flex-direction:row}.itd-tabs[data-fill]{align-self:stretch}.itd-tab-list{align-items:center;display:inline-flex;flex-direction:row;position:relative;width:fit-content}.itd-tab-list[data-orientation=vertical]{align-items:stretch;flex-direction:column}.itd-tab-list[data-variant=default]{border:1px solid var(--itd-color-border);box-shadow:var(--itd-box-shadow)}.itd-tab-list[data-variant=default],.itd-tab-list[data-variant=filled]{border-radius:var(--itd-radius-control);gap:calc(var(--itd-spacing)*1);padding:calc(var(--itd-spacing)*1)}.itd-tab-list[data-variant=filled]{background:var(--itd-color-tab-filled-track-bg)}.itd-tab-list[data-variant=line]{border-bottom:1px solid var(--itd-color-border);gap:0;height:100%}.itd-tab-list[data-variant=line][data-orientation=vertical]{border-bottom:none;border-right:1px solid var(--itd-color-border)}.itd-tab-trigger{all:unset;align-items:center;box-sizing:border-box;color:var(--itd-muted-foreground);cursor:pointer;display:inline-flex;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);gap:calc(var(--itd-spacing)*2);justify-content:center;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);position:relative;transition:outline .1s linear,border-color .1s linear,color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.itd-tab-trigger:focus-visible{border-color:var(--itd-color-focus-primary);outline:var(--itd-ring-width) solid var(--itd-color-focus-primary-ring);outline-offset:var(--itd-ring-offset);z-index:1}.itd-tab-trigger[data-disabled]{color:var(--itd-color-disabled-text);cursor:not-allowed;opacity:.5}.itd-tab-trigger[data-active]:not([data-disabled]){color:var(--itd-color-tab-active-text,var(--itd-foreground))}.itd-tab-trigger svg{color:currentColor;height:16px;width:16px}.itd-tab-trigger[data-variant=default]{border:1px solid #0000;border-radius:var(--itd-radius-chip);padding:calc(var(--itd-spacing)*1) calc(var(--itd-spacing)*2)}.itd-tab-trigger[data-variant=default][data-active]:not([data-disabled]){background:var(--itd-color-tab-active-bg);border-color:var(--itd-color-border)}.itd-tab-trigger[data-variant=default]:not([data-disabled]):not([data-active]):hover:where(:root:not(.itd-touch) *){background:var(--itd-color-tab-hover-bg);color:var(--itd-foreground)}.itd-tab-trigger[data-variant=filled]{border:1px solid #0000;border-radius:var(--itd-radius-chip);padding:calc(var(--itd-spacing)*1) calc(var(--itd-spacing)*2)}.itd-tab-trigger[data-variant=filled][data-active]:not([data-disabled]){background:var(--itd-color-tab-filled-active-bg);box-shadow:var(--itd-box-shadow)}.itd-tab-trigger[data-variant=filled]:not([data-disabled]):not([data-active]):hover:where(:root:not(.itd-touch) *){color:var(--itd-foreground)}.itd-tab-trigger[data-variant=line]{border-bottom:2px solid #0000;height:100%;margin-bottom:-1px;padding:calc(var(--itd-spacing)*2) calc(var(--itd-spacing)*4);transition:border-color .1s linear,color .15s ease,background .15s ease}.itd-tab-trigger[data-variant=line]:focus-visible{border-color:#0000;outline-offset:-2px}.itd-tab-trigger[data-variant=line][data-active]:not([data-disabled]){border-bottom-color:var(--itd-primary)}.itd-tab-trigger[data-variant=line]:not([data-disabled]):not([data-active]):hover:where(:root:not(.itd-touch) *){border-color:var(--itd-color-tab-hover-underline,var(--itd-color-border-hover));color:var(--itd-foreground)}.itd-tab-trigger[data-variant=line][data-orientation=vertical]{border-bottom:none;border-right:2px solid #0000;height:auto;margin-bottom:0;margin-right:-1px}.itd-tab-trigger[data-variant=line][data-orientation=vertical][data-active]:not([data-disabled]){border-right-color:var(--itd-primary)}.itd-tab-trigger[data-hidden]{display:none!important}.itd-tab-list[data-accent]>.itd-tab-trigger[data-active]:not([data-disabled]){color:var(--itd-color-tab-active-text,var(--itd-primary))}.itd-tab-list[data-compact]{gap:calc(var(--itd-spacing)*6)}.itd-tab-list[data-compact]>.itd-tab-trigger{font-size:var(--itd-text-xs);height:100%;padding:0}:is(.itd-tab-list[data-compact]>.itd-tab-trigger):focus-visible{outline-offset:calc(var(--itd-spacing)*.5)}.itd-tabs-scroll>.itd-tab-list{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}:is(.itd-tabs-scroll>.itd-tab-list)::-webkit-scrollbar{display:none}.itd-tab-more{align-items:stretch;align-self:stretch;display:flex;flex-shrink:0;position:static}.itd-tab-more[data-hidden]{display:none!important}.itd-tab-list[data-variant=line]>.itd-tab-more{margin-bottom:-1px}.itd-tab-more-btn[data-variant=default],.itd-tab-more-btn[data-variant=filled]{padding-inline:calc(var(--itd-spacing)*1.5)}.itd-tab-more-btn[data-variant=line]{margin-bottom:0;padding-inline:calc(var(--itd-spacing)*2)}.itd-tab-more-btn svg{height:16px;width:16px}.itd-tab-more-btn:hover:where(:root:not(.itd-touch) *),.itd-tab-more-btn[aria-expanded=true]{color:var(--itd-foreground)}.itd-tab-more-dropdown{background:var(--itd-popover);border:1px solid var(--itd-color-border);border-radius:var(--itd-border-radius);box-shadow:var(--itd-floating-shadow);display:flex;flex-direction:column;min-width:150px;outline:none;padding:0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.itd-tab-more-dropdown[data-variant=filled]{border:none}.itd-tab-more-item{all:unset;box-sizing:border-box;color:var(--itd-muted-foreground);cursor:pointer;display:block;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);padding:calc(var(--itd-spacing)*2) calc(var(--itd-spacing)*3);transition:background .15s ease,color .15s ease;white-space:nowrap}.itd-tab-more-item:first-child{border-radius:var(--itd-border-radius) var(--itd-border-radius) 0 0}.itd-tab-more-item:last-child{border-radius:0 0 var(--itd-border-radius) var(--itd-border-radius)}.itd-tab-more-item[data-highlighted]{background:var(--itd-color-background-alt-hover);color:var(--itd-primary)}.itd-tab-more-item.active{background:var(--itd-color-tab-active-bg);color:var(--itd-primary)}.itd-tab-content{color:var(--itd-color-text-muted);padding:calc(var(--itd-spacing)*5) 0}}

package/dist/css/textarea.css

@@ -1,208 +1 @@
-/* ================================= */
-/* TEXTAREA COMPONENT STYLES         */
-/* ================================= */
-@layer components {
-
-  .itd-textarea {
-    width: inherit;
-    position: relative;
-    display: flex;
-    justify-content: space-between;
-
-    & textarea {
-      background: none;
-      display: block;
-      width: 100%;
-      height: 100%;
-      min-height: calc(var(--itd-spacing) * 11.75);
-      padding: calc(var(--itd-spacing) * 3);
-      resize: vertical;
-
-      font-size: var(--itd-size-df-font);
-      font-weight: var(--itd-font-weight-normal);
-      color: var(--itd-color-text);
-
-      border-radius: calc(var(--itd-border-radius) - calc(var(--itd-spacing) * 0.5));
-      border: 1px solid transparent;
-      outline: 0 solid transparent;
-      outline-offset: var(--itd-ring-offset);
-
-      transition:
-        outline 100ms linear,
-        border-color var(--itd-transition-duration) var(--itd-transition-timing-function),
-        background-color var(--itd-transition-duration) var(--itd-transition-timing-function),
-        scrollbar-color var(--itd-transition-duration) var(--itd-transition-timing-function);
-
-      /* Chrome, Edge, Safari */
-      &::-webkit-scrollbar {
-        width: calc(var(--itd-spacing) * 5.5);
-      }
-
-      &::-webkit-scrollbar-track {
-        background: transparent;
-      }
-
-      &::-webkit-scrollbar-thumb {
-        background-color: var(--itd-scrollbar-thumb);
-        border-radius: calc(var(--itd-spacing) * 2.5);
-        border: calc(var(--itd-spacing) * 3.25) solid transparent;
-      }
-
-      &::-webkit-scrollbar-thumb:hover {
-        background-color: var(--itd-scrollbar-thumb-hover);
-        scrollbar-width: thin !important;
-      }
-
-      /* Firefox */
-      scrollbar-width: thin;
-      scrollbar-color: var(--itd-scrollbar-thumb) transparent;
-
-      &:hover {
-        scrollbar-color: var(--itd-scrollbar-thumb-hover) transparent;
-      }
-
-      &::placeholder {
-        color: var(--itd-color-placeholder);
-      }
-    }
-  }
-
-  /* ===== VARIANT: DEFAULT ===== */
-  .itd-textarea.itd-textarea-default {
-
-    & textarea {
-      border: 1px solid var(--itd-color-border);
-      background-color: var(--itd-color-background-bordered);
-      box-shadow: var(--itd-box-shadow);
-    }
-
-    &:hover:not(.itd-textarea-focus):not(.itd-textarea-disabled) textarea {
-      border-color: var(--itd-color-border-hover);
-    }
-  }
-
-  /* ===== VARIANT: FILLED ===== */
-  .itd-textarea.itd-textarea-filled {
-
-    & textarea {
-      background-color: var(--itd-color-background-alt);
-    }
-
-    &:hover:not(.itd-textarea-focus):not(.itd-textarea-disabled) textarea {
-      background-color: var(--itd-color-background-alt-hover);
-    }
-  }
-
-  /* ===== VARIANT: DASHED ===== */
-  .itd-textarea.itd-textarea-dashed {
-
-    & textarea {
-      border: 1px dashed var(--itd-color-border);
-    }
-
-    &:hover:not(.itd-textarea-focus):not(.itd-textarea-disabled) textarea {
-      border-color: var(--itd-color-border-hover);
-    }
-  }
-
-  /* ===== FOCUS STATES ===== */
-  .itd-textarea.itd-textarea-focus:not(.itd-textarea-filled) textarea {
-    border-color: var(--itd-color-border-focus);
-  }
-
-  .itd-textarea.itd-textarea-focus.itd-textarea-error:not(.itd-textarea-filled) textarea {
-    border-color: var(--itd-color-error-border);
-  }
-
-  .itd-textarea.itd-textarea-focus.itd-textarea-filled textarea {
-    background-color: var(--itd-color-background-alt-hover);
-  }
-
-  /* Keyboard focus — outline */
-  .itd-textarea.itd-textarea-focus.itd-textarea-keyboard-focus:is(
-    .itd-textarea-default,
-    .itd-textarea-dashed,
-    .itd-textarea-filled,
-    .itd-textarea-custom
-  ) textarea {
-    outline: var(--itd-ring-width) solid var(--itd-color-border-focus-ring);
-  }
-
-  .itd-textarea.itd-textarea-focus.itd-textarea-keyboard-focus.itd-textarea-error:is(
-    .itd-textarea-default,
-    .itd-textarea-dashed,
-    .itd-textarea-filled,
-    .itd-textarea-custom
-  ) textarea {
-    outline: var(--itd-ring-width) solid var(--itd-color-error-outline) !important;
-    border-color: var(--itd-color-error-border) !important;
-  }
-
-  /* ===== DISABLED STATE ===== */
-  .itd-textarea.itd-textarea-disabled {
-    cursor: not-allowed;
-
-    & textarea {
-      pointer-events: none;
-      background-color: var(--itd-color-disabled-bg);
-      border: 1px solid var(--itd-color-disabled-border);
-    }
-
-    & textarea,
-    & textarea::placeholder {
-      color: var(--itd-color-disabled-text);
-    }
-  }
-
-  /* ===== LOCKED STATE ===== */
-  .itd-textarea.itd-textarea-locked textarea {
-    pointer-events: none;
-  }
-
-  /* ===== STATUS ICONS ===== */
-  .itd-textarea-status {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 50%;
-    cursor: default;
-    position: absolute;
-    top: 50%;
-    right: calc(var(--itd-spacing) * 3.75);
-    transform: translateY(-50%);
-
-    & svg circle {
-      fill: var(--itd-color-error);
-    }
-
-    & svg path {
-      fill: var(--itd-color-error-text);
-    }
-  }
-
-  .itd-textarea-failed:hover .itd-textarea-error-tooltip {
-    display: flex;
-  }
-
-  /* ===== ERROR WRAPPER ===== */
-  .itd-textarea-error-wrapper {
-    position: absolute;
-    right: calc(var(--itd-spacing) * 4);
-    top: 50%;
-    transform: translateY(-50%);
-  }
-
-  /* ===== LOCK WRAPPER ===== */
-  .itd-textarea-locked-icon {
-    position: absolute;
-    right: calc(var(--itd-spacing) * 3);
-    top: 50%;
-    transform: translateY(-50%);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--itd-color-text-neutral);
-    pointer-events: none;
-  }
-
-}
+@layer components{.itd-textarea{display:flex;justify-content:space-between;position:relative;width:inherit}.itd-textarea textarea{background:none;border:1px solid #0000;border-radius:min(var(--itd-radius-control),var(--itd-radius-md));color:var(--itd-color-text-input,var(--itd-color-text));display:block;font-size:var(--itd-size-df-font);font-weight:var(--itd-size-df-field-fw);height:100%;min-height:calc(var(--itd-spacing)*11.75);outline:0 solid #0000;outline-offset:var(--itd-ring-offset);padding:calc(var(--itd-spacing)*3);resize:vertical;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),scrollbar-color var(--itd-transition-duration) var(--itd-transition-timing-function);width:100%}:is(.itd-textarea textarea)::-webkit-scrollbar{width:calc(var(--itd-spacing)*5.5)}:is(.itd-textarea textarea)::-webkit-scrollbar-track{background:#0000}:is(.itd-textarea textarea)::-webkit-scrollbar-thumb{background-color:var(--itd-scrollbar-thumb);border:calc(var(--itd-spacing)*3.25) solid #0000;border-radius:calc(var(--itd-spacing)*2.5)}:is(.itd-textarea textarea)::-webkit-scrollbar-thumb:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-scrollbar-thumb-hover);scrollbar-width:thin!important}.itd-textarea textarea{scrollbar-color:var(--itd-scrollbar-thumb) #0000;scrollbar-width:thin}:is(.itd-textarea textarea):hover:where(:root:not(.itd-touch) *){scrollbar-color:var(--itd-scrollbar-thumb-hover) #0000}:is(.itd-textarea textarea)::placeholder{color:var(--itd-color-placeholder)}.itd-textarea.itd-textarea-default textarea{background-color:var(--itd-color-background-bordered);border:1px solid var(--itd-color-border);box-shadow:var(--itd-box-shadow)}.itd-textarea.itd-textarea-default:hover:where(:root:not(.itd-touch) *):not(.itd-textarea-focus):not(.itd-textarea-disabled) textarea{border-color:var(--itd-color-border-hover)}.itd-textarea.itd-textarea-filled textarea{background-color:var(--itd-color-background-input,var(--itd-color-background-alt))}.itd-textarea.itd-textarea-filled:hover:where(:root:not(.itd-touch) *):not(.itd-textarea-focus):not(.itd-textarea-disabled) textarea{background-color:var(--itd-color-background-alt-hover)}.itd-textarea.itd-textarea-dashed textarea{border:1px dashed var(--itd-color-border)}.itd-textarea.itd-textarea-dashed:hover:where(:root:not(.itd-touch) *):not(.itd-textarea-focus):not(.itd-textarea-disabled) textarea{border-color:var(--itd-color-border-hover)}.itd-textarea.itd-textarea-focus:not(.itd-textarea-filled) textarea{border-color:var(--itd-color-border-focus)}.itd-textarea.itd-textarea-focus.itd-textarea-error:not(.itd-textarea-filled) textarea{border-color:var(--itd-color-error-border)}.itd-textarea.itd-textarea-focus.itd-textarea-filled textarea{background-color:var(--itd-color-background-alt-hover)}.itd-textarea.itd-textarea-focus.itd-textarea-keyboard-focus:is(.itd-textarea-default,.itd-textarea-dashed,.itd-textarea-filled,.itd-textarea-custom) textarea{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring)}.itd-textarea.itd-textarea-focus.itd-textarea-keyboard-focus.itd-textarea-error:is(.itd-textarea-default,.itd-textarea-dashed,.itd-textarea-filled,.itd-textarea-custom) textarea{border-color:var(--itd-color-error-border)!important;outline:var(--itd-ring-width) solid var(--itd-color-error-outline)!important}.itd-textarea.itd-textarea-disabled{cursor:not-allowed}.itd-textarea.itd-textarea-disabled textarea{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border);pointer-events:none}.itd-textarea.itd-textarea-disabled textarea,.itd-textarea.itd-textarea-disabled textarea::placeholder{color:var(--itd-color-disabled-text)}.itd-textarea.itd-textarea-locked textarea{pointer-events:none}.itd-textarea-status{align-items:center;border-radius:50%;cursor:default;display:flex;justify-content:center;position:absolute;right:calc(var(--itd-spacing)*3.75);top:50%;transform:translateY(-50%)}.itd-textarea-status svg circle{fill:var(--itd-color-error)}.itd-textarea-status svg path{fill:var(--itd-color-error-text)}.itd-textarea-failed:hover:where(:root:not(.itd-touch) *) .itd-textarea-error-tooltip{display:flex}.itd-textarea-error-wrapper{position:absolute;right:calc(var(--itd-spacing)*4);top:50%;transform:translateY(-50%)}.itd-textarea-count{font-feature-settings:"tnum";bottom:calc(var(--itd-spacing)*1.5);color:var(--itd-color-text-muted);font-size:var(--itd-text-xs);font-variant-numeric:tabular-nums;line-height:1;pointer-events:none;position:absolute;right:calc(var(--itd-spacing)*3)}.itd-textarea-show-count textarea{padding-bottom:calc(var(--itd-spacing)*5)}.itd-textarea-sm textarea,.itd-textarea-xs textarea{padding:calc(var(--itd-spacing)*2.5)}.itd-textarea-xs textarea{font-size:var(--itd-size-xs-font);font-weight:var(--itd-size-xs-field-fw)}.itd-textarea-sm textarea{font-size:var(--itd-size-sm-font);font-weight:var(--itd-size-sm-field-fw)}.itd-textarea-md textarea{font-size:var(--itd-size-md-font);font-weight:var(--itd-size-md-field-fw)}.itd-textarea-lg textarea,.itd-textarea-xlg textarea{padding:calc(var(--itd-spacing)*3.75)}.itd-textarea-lg textarea{font-size:var(--itd-size-lg-font);font-weight:var(--itd-size-lg-field-fw)}.itd-textarea-xlg textarea{font-size:var(--itd-size-xlg-font);font-weight:var(--itd-size-xlg-field-fw)}.itd-textarea-locked-icon{align-items:center;color:var(--itd-color-text-neutral);display:flex;justify-content:center;pointer-events:none;position:absolute;right:calc(var(--itd-spacing)*3);top:50%;transform:translateY(-50%)}}

package/dist/css/tinyscrollbar.css

@@ -0,0 +1 @@
+@layer components{.itd-tinyscrollbar .os-scrollbar-horizontal{height:10px}.itd-tinyscrollbar .os-scrollbar-vertical{width:10px}.itd-tinyscrollbar .os-scrollbar-track{background:#0000}.itd-tinyscrollbar .os-scrollbar-handle{background:var(--itd-scrollbar-thumb)!important;border-radius:var(--itd-radius-md)!important}.itd-tinyscrollbar .os-scrollbar-handle:active,.itd-tinyscrollbar .os-scrollbar-handle:hover:where(:root:not(.itd-touch) *){background:var(--itd-scrollbar-thumb-hover)!important}}