@handijit/ui 1.0.0 → 2.0.0

package/build/components/Switch/style.css

@@ -1 +1 @@
-@layer ui{.ui-switch-KLH29{display:flex;align-items:flex-start;gap:var(--ui-space-3);cursor:pointer;padding:var(--ui-space-2);margin-inline:calc(-1 * var(--ui-space-2));border-radius:var(--ui-radius-sm);transition:background-color var(--ui-duration-fast) var(--ui-ease-out)}.ui-switch-KLH29:hover{background-color:var(--ui-surface-2)}.ui-switch-KLH29:has(.ui-switch__input-Q2UQ4:focus-visible){outline:var(--ui-ring-width, 2px) solid var(--ui-ring-color);outline-offset:var(--ui-ring-offset, 2px)}@media (prefers-reduced-motion: reduce){.ui-switch-KLH29{transition:none}}.ui-switch--labelFirst-Grirk{flex-direction:row-reverse;justify-content:space-between}.ui-switch-KLH29:has(.ui-switch__input-Q2UQ4:disabled){cursor:not-allowed}.ui-switch-KLH29:has(.ui-switch__input-Q2UQ4:disabled) .ui-switch__label-gPZuO,.ui-switch-KLH29:has(.ui-switch__input-Q2UQ4:disabled) .ui-switch__hint-NRuzC{color:var(--ui-text-3)}@media (forced-colors: active){.ui-switch-KLH29:has(.ui-switch__input-Q2UQ4:disabled) .ui-switch__label-gPZuO,.ui-switch-KLH29:has(.ui-switch__input-Q2UQ4:disabled) .ui-switch__hint-NRuzC{color:GrayText}}.ui-switch-KLH29:has(.ui-switch__input-Q2UQ4:disabled):hover{background-color:transparent}.ui-switch__input-Q2UQ4{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ui-switch__track-3417m{flex-shrink:0;width:40px;height:24px;border-radius:var(--ui-radius-pill);background-color:var(--ui-action-soft);border:1px solid transparent;transition:background-color var(--ui-duration-fast) var(--ui-ease-out),border-color var(--ui-duration-fast) var(--ui-ease-out);position:relative}.ui-switch__track-3417m:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}@media (prefers-reduced-motion: reduce){.ui-switch__track-3417m{transition:none}}.ui-switch__thumb-1LHta{position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:var(--ui-radius-pill);background-color:var(--ui-surface);box-shadow:var(--ui-shadow-sm);transition:translate var(--ui-duration-fast) var(--ui-ease-out)}@media (prefers-reduced-motion: reduce){.ui-switch__thumb-1LHta{transition:none}}.ui-switch__input-Q2UQ4:checked+.ui-switch__track-3417m{background-color:var(--ui-selected)}.ui-switch__input-Q2UQ4:checked+.ui-switch__track-3417m .ui-switch__thumb-1LHta{translate:16px 0}[dir=rtl] .ui-switch__input-Q2UQ4:checked+.ui-switch__track-3417m .ui-switch__thumb-1LHta{translate:-16px 0}.ui-switch__input-Q2UQ4:disabled+.ui-switch__track-3417m{background-color:var(--ui-track);border-color:var(--ui-border)}.ui-switch__input-Q2UQ4:checked:disabled+.ui-switch__track-3417m{border-color:var(--ui-text-3)}@media (forced-colors: active){.ui-switch__track-3417m{border-color:ButtonBorder}.ui-switch__thumb-1LHta{background-color:ButtonText}.ui-switch__input-Q2UQ4:checked+.ui-switch__track-3417m{border-color:Highlight}.ui-switch__input-Q2UQ4:checked+.ui-switch__track-3417m .ui-switch__thumb-1LHta{background-color:Highlight}.ui-switch__input-Q2UQ4:disabled+.ui-switch__track-3417m{border-color:GrayText}.ui-switch__input-Q2UQ4:disabled+.ui-switch__track-3417m .ui-switch__thumb-1LHta{background-color:GrayText}}.ui-switch__text-32uMY{display:flex;flex-direction:column;gap:2px;min-width:0}.ui-switch__label-gPZuO{font-size:var(--ui-font-size-sm);color:var(--ui-text)}.ui-switch__hint-NRuzC{font-size:var(--ui-font-size-xs);color:var(--ui-text-2)}}
+@layer ui{.ui-switch-KLH29{display:flex;align-items:flex-start;gap:var(--hd-space-3);cursor:pointer;padding:var(--hd-space-2);margin-inline:calc(-1 * var(--hd-space-2));border-radius:var(--hd-radius-xs);transition:background-color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-switch-KLH29:hover{background-color:var(--hd-bg-raised)}.ui-switch-KLH29:has(.ui-switch__input-Q2UQ4:focus-visible){outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 2px)}@media (prefers-reduced-motion: reduce){.ui-switch-KLH29{transition:none}}.ui-switch--labelFirst-Grirk{flex-direction:row-reverse;justify-content:space-between}.ui-switch-KLH29:has(.ui-switch__input-Q2UQ4:disabled){cursor:not-allowed}.ui-switch-KLH29:has(.ui-switch__input-Q2UQ4:disabled) .ui-switch__label-gPZuO,.ui-switch-KLH29:has(.ui-switch__input-Q2UQ4:disabled) .ui-switch__hint-NRuzC{color:var(--hd-text-3)}@media (forced-colors: active){.ui-switch-KLH29:has(.ui-switch__input-Q2UQ4:disabled) .ui-switch__label-gPZuO,.ui-switch-KLH29:has(.ui-switch__input-Q2UQ4:disabled) .ui-switch__hint-NRuzC{color:GrayText}}.ui-switch-KLH29:has(.ui-switch__input-Q2UQ4:disabled):hover{background-color:transparent}.ui-switch__input-Q2UQ4{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ui-switch__track-3417m{flex-shrink:0;width:40px;height:24px;border-radius:var(--hd-radius-pill);background-color:var(--hd-text-3);border:1px solid transparent;transition:background-color var(--hd-duration-fast) var(--hd-ease-standard),border-color var(--hd-duration-fast) var(--hd-ease-standard);position:relative}.ui-switch__track-3417m:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}@media (prefers-reduced-motion: reduce){.ui-switch__track-3417m{transition:none}}.ui-switch__thumb-1LHta{position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:var(--hd-radius-pill);background-color:var(--hd-bg-surface);box-shadow:var(--hd-shadow-1);transition:translate var(--hd-duration-fast) var(--hd-ease-standard),background-color var(--hd-duration-fast) var(--hd-ease-standard)}@media (prefers-reduced-motion: reduce){.ui-switch__thumb-1LHta{transition:none}}.ui-switch__input-Q2UQ4:checked+.ui-switch__track-3417m{background-color:var(--hd-primary)}.ui-switch__input-Q2UQ4:checked+.ui-switch__track-3417m .ui-switch__thumb-1LHta{background-color:var(--hd-on-primary);translate:16px 0}[dir=rtl] .ui-switch__input-Q2UQ4:checked+.ui-switch__track-3417m .ui-switch__thumb-1LHta{translate:-16px 0}.ui-switch__input-Q2UQ4:disabled+.ui-switch__track-3417m{background-color:var(--hd-bg-disabled);border-color:var(--hd-border-strong)}.ui-switch__input-Q2UQ4:disabled+.ui-switch__track-3417m .ui-switch__thumb-1LHta{background-color:var(--hd-text-disabled);box-shadow:none}.ui-switch__input-Q2UQ4:checked:disabled+.ui-switch__track-3417m{background-color:var(--hd-text-disabled);border-color:transparent}.ui-switch__input-Q2UQ4:checked:disabled+.ui-switch__track-3417m .ui-switch__thumb-1LHta{background-color:var(--hd-bg-surface)}@media (forced-colors: active){.ui-switch__track-3417m{border-color:ButtonBorder}.ui-switch__thumb-1LHta{background-color:ButtonText}.ui-switch__input-Q2UQ4:checked+.ui-switch__track-3417m{border-color:Highlight}.ui-switch__input-Q2UQ4:checked+.ui-switch__track-3417m .ui-switch__thumb-1LHta{background-color:Highlight}.ui-switch__input-Q2UQ4:disabled+.ui-switch__track-3417m{border-color:GrayText}.ui-switch__input-Q2UQ4:disabled+.ui-switch__track-3417m .ui-switch__thumb-1LHta{background-color:GrayText}}.ui-switch__text-32uMY{display:flex;flex-direction:column;gap:2px;min-width:0}.ui-switch__label-gPZuO{font-size:var(--hd-type-small-size);color:var(--hd-text)}.ui-switch__hint-NRuzC{font-size:var(--hd-type-caption-size);color:var(--hd-text-2)}}

package/build/components/Table/style.css

@@ -1 +1 @@
-@layer ui{.ui-scroller-EtDmS{position:relative;overflow:auto;min-width:0;align-self:stretch;scrollbar-width:thin;scrollbar-color:var(--ui-border-strong) transparent}.ui-scroller-EtDmS::-webkit-scrollbar{width:8px;height:8px}.ui-scroller-EtDmS::-webkit-scrollbar-track{background:transparent}.ui-scroller-EtDmS::-webkit-scrollbar-thumb{background-color:var(--ui-border-strong);border-radius:var(--ui-radius-pill);border:2px solid transparent;background-clip:content-box}.ui-scroller-EtDmS::-webkit-scrollbar-thumb:hover{background-color:var(--ui-text-3)}.ui-scroller--frame-84zz6{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background-color:var(--ui-surface)}.ui-table-uCv4q{width:100%;border-collapse:collapse;font-size:var(--ui-font-size-sm)}.ui-table-uCv4q th,.ui-table-uCv4q td{text-align:start;border-bottom:1px solid var(--ui-border)}.ui-table-uCv4q tbody tr:last-child>*{border-bottom:none}.ui-table--compact-4KCVl th,.ui-table--compact-4KCVl td{padding:var(--ui-space-2) var(--ui-space-3)}.ui-table--regular-hsA3- th,.ui-table--regular-hsA3- td{padding:var(--ui-space-3)}.ui-table--spacious-BBUX- th,.ui-table--spacious-BBUX- td{padding:var(--ui-space-3) var(--ui-space-4)}.ui-table--sticky-head-FO2L4 thead th{position:sticky;top:0;z-index:1;background-color:var(--ui-surface-2);font-family:var(--ui-font-body);font-size:var(--ui-font-size-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.045em;color:var(--ui-text-2);white-space:nowrap}.ui-table--row-hover--MAoe tbody tr:hover>td{background-color:var(--ui-surface-2)}}
+@layer ui{.ui-scroller-EtDmS{position:relative;overflow:auto;min-width:0;align-self:stretch;scrollbar-width:thin;scrollbar-color:var(--hd-border-strong) transparent}.ui-scroller-EtDmS::-webkit-scrollbar{width:8px;height:8px}.ui-scroller-EtDmS::-webkit-scrollbar-track{background:transparent}.ui-scroller-EtDmS::-webkit-scrollbar-thumb{background-color:var(--hd-border-strong);border-radius:var(--hd-radius-pill);border:2px solid transparent;background-clip:content-box}.ui-scroller-EtDmS::-webkit-scrollbar-thumb:hover{background-color:var(--hd-text-3)}.ui-scroller--frame-84zz6{border:1px solid var(--hd-border);border-radius:var(--hd-radius-md);background-color:var(--hd-bg-surface)}.ui-table-uCv4q{width:100%;border-collapse:collapse;font-size:var(--hd-type-small-size)}.ui-table-uCv4q th,.ui-table-uCv4q td{text-align:start;border-bottom:1px solid var(--hd-border)}.ui-table-uCv4q tbody tr:last-child>*{border-bottom:none}.ui-table--compact-4KCVl th,.ui-table--compact-4KCVl td{padding:var(--hd-space-2) var(--hd-space-3)}.ui-table--regular-hsA3- th,.ui-table--regular-hsA3- td{padding:var(--hd-space-3)}.ui-table--spacious-BBUX- th,.ui-table--spacious-BBUX- td{padding:var(--hd-space-3) var(--hd-space-4)}.ui-table--sticky-head-FO2L4 thead th{position:sticky;top:0;z-index:var(--hd-z-raised);background-color:var(--hd-bg-raised);font-family:var(--hd-font-body);font-size:var(--hd-type-caption-size);font-weight:var(--hd-font-weight-semibold);text-transform:uppercase;letter-spacing:.045em;color:var(--hd-text-2);white-space:nowrap}.ui-table--row-hover--MAoe tbody tr:hover>td{background-color:var(--hd-bg-raised)}}

package/build/components/TableCheckbox/style.css

@@ -1 +1 @@
-@layer ui{.ui-checkbox--dvpB{width:18px;height:18px;margin:0;display:block;accent-color:var(--ui-selected);cursor:pointer;position:relative}.ui-checkbox--dvpB:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-checkbox--dvpB:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--ui-ring-color);outline-offset:var(--ui-ring-offset, 2px)}.ui-checkbox--dvpB:disabled{cursor:not-allowed}}
+@layer ui{.ui-checkbox--dvpB{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-grid;place-content:center;flex-shrink:0;width:18px;height:18px;margin:0;border:1.5px solid var(--hd-text-3);border-radius:var(--hd-radius-xs);background-color:var(--hd-bg-surface);cursor:pointer;transition:background-color var(--hd-duration-fast) var(--hd-ease-standard),border-color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-checkbox--dvpB:before{content:"";width:10px;height:10px;background-color:var(--hd-on-primary);scale:0;transition:scale var(--hd-duration-fast) var(--hd-ease-standard);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.ui-checkbox--dvpB:hover:not(:disabled){border-color:var(--hd-text-2)}.ui-checkbox--dvpB:checked,.ui-checkbox--dvpB:indeterminate{background-color:var(--hd-primary);border-color:var(--hd-primary)}.ui-checkbox--dvpB:checked:before,.ui-checkbox--dvpB:indeterminate:before{scale:1}.ui-checkbox--dvpB:checked:hover:not(:disabled),.ui-checkbox--dvpB:indeterminate:hover:not(:disabled){background-color:var(--hd-primary-hover);border-color:var(--hd-primary-hover)}.ui-checkbox--dvpB:indeterminate:before{clip-path:inset(40% 5%)}.ui-checkbox--dvpB:disabled{background-color:var(--hd-bg-disabled);border-color:var(--hd-border-strong);cursor:not-allowed}.ui-checkbox--dvpB:checked:disabled,.ui-checkbox--dvpB:indeterminate:disabled{background-color:var(--hd-text-disabled);border-color:transparent}.ui-checkbox--dvpB:checked:disabled:before,.ui-checkbox--dvpB:indeterminate:disabled:before{background-color:var(--hd-bg-surface)}@media (prefers-reduced-motion: reduce){.ui-checkbox--dvpB{transition:none}.ui-checkbox--dvpB:before{transition:none}}@media (forced-colors: active){.ui-checkbox--dvpB{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.ui-checkbox--dvpB:before{display:none}}.ui-checkbox--dvpB{position:relative}.ui-checkbox--dvpB:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-checkbox--dvpB:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 2px)}}

package/build/components/Tabs/style.css

@@ -1 +1 @@
-@layer ui{.ui-tabs-l4dFE{display:flex;flex-direction:column;gap:var(--ui-space-5)}.ui-tabs__list-HJvR8{display:flex;gap:var(--ui-space-1);position:relative;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-block:var(--ui-space-1) var(--ui-space-3);scrollbar-width:none;-ms-overflow-style:none}.ui-tabs__list-HJvR8::-webkit-scrollbar{display:none}.ui-tabs__list-HJvR8>*{scroll-snap-align:start;flex-shrink:0}.ui-tabs__list-HJvR8{border-bottom:1px solid var(--ui-border)}.ui-tabs__tab-7gDW7{position:relative}.ui-tabs__tab-7gDW7:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-tabs__tab-7gDW7{display:inline-flex;align-items:center;gap:var(--ui-space-2);font-family:var(--ui-font-body);font-size:var(--ui-font-size-sm);font-weight:var(--ui-tab-weight, 500);color:var(--ui-text-2);background:none;border:none;padding:var(--ui-space-3) var(--ui-space-4);cursor:pointer;white-space:nowrap;position:relative;transition:color var(--ui-duration-fast) var(--ui-ease-out)}.ui-tabs__tab-7gDW7:hover{color:var(--ui-text)}.ui-tabs__tab-7gDW7:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--ui-ring-color);outline-offset:var(--ui-ring-offset, -2px)}.ui-tabs__tab-7gDW7:before{content:"";position:absolute;inset-inline:var(--ui-space-3);bottom:-1px;height:2px;background-color:transparent;border-radius:var(--ui-radius-xs) var(--ui-radius-xs) 0 0;transition:background-color var(--ui-duration-fast) var(--ui-ease-out)}.ui-tabs__tab--active-riqNp{color:var(--ui-text);font-weight:600}.ui-tabs__tab--active-riqNp:before{background-color:var(--ui-selected)}@media (prefers-reduced-motion: reduce){.ui-tabs__tab-7gDW7{transition:none}.ui-tabs__tab-7gDW7:before{transition:none}}.ui-tabs__count-8JX8s{font-size:var(--ui-font-size-2xs);font-weight:600;color:var(--ui-text-2);background-color:var(--ui-surface-3);border-radius:var(--ui-radius-pill);padding:1px var(--ui-space-2);font-variant-numeric:tabular-nums}.ui-tabs__panel-CPklY:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--ui-ring-color);outline-offset:var(--ui-ring-offset, 4px);border-radius:var(--ui-radius-sm)}}
+@layer ui{.ui-tabs-l4dFE{display:flex;flex-direction:column;gap:var(--hd-space-5)}.ui-tabs__list-HJvR8{display:flex;gap:var(--hd-space-1);position:relative;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-block:var(--hd-space-1) var(--hd-space-3);scrollbar-width:none;-ms-overflow-style:none}.ui-tabs__list-HJvR8::-webkit-scrollbar{display:none}.ui-tabs__list-HJvR8>*{scroll-snap-align:start;flex-shrink:0}.ui-tabs__list-HJvR8{border-bottom:1px solid var(--hd-border)}.ui-tabs__tab-7gDW7{position:relative}.ui-tabs__tab-7gDW7:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-tabs__tab-7gDW7{display:inline-flex;align-items:center;gap:var(--hd-space-2);font-family:var(--hd-font-body);font-size:var(--hd-type-small-size);font-weight:var(--ui-tab-weight, var(--hd-font-weight-medium));color:var(--hd-text-2);background:none;border:none;padding:var(--hd-space-3) var(--hd-space-4);cursor:pointer;white-space:nowrap;position:relative;transition:color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-tabs__tab-7gDW7:hover{color:var(--hd-text)}.ui-tabs__tab-7gDW7:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, -2px)}.ui-tabs__tab-7gDW7:before{content:"";position:absolute;inset-inline:var(--hd-space-3);bottom:-1px;height:2px;background-color:transparent;border-radius:var(--hd-radius-xs) var(--hd-radius-xs) 0 0;transition:background-color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-tabs__tab--active-riqNp{color:var(--hd-text);font-weight:var(--hd-font-weight-semibold)}.ui-tabs__tab--active-riqNp:before{background-color:var(--hd-primary)}@media (prefers-reduced-motion: reduce){.ui-tabs__tab-7gDW7{transition:none}.ui-tabs__tab-7gDW7:before{transition:none}}.ui-tabs__count-8JX8s{font-size:var(--hd-type-caption-size);font-weight:var(--hd-font-weight-semibold);color:var(--hd-text-2);background-color:var(--hd-bg-inset);border-radius:var(--hd-radius-pill);padding:1px var(--hd-space-2);font-variant-numeric:tabular-nums}.ui-tabs__panel-CPklY:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 4px);border-radius:var(--hd-radius-xs)}}

package/build/components/TagInput/style.css

@@ -1 +1 @@
-@layer ui{.ui-tagInput-QraZR{width:100%;font-family:var(--ui-font-body);font-size:var(--ui-font-size-control);line-height:var(--ui-leading-snug);color:var(--ui-text);background-color:var(--ui-surface);border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-md);padding:var(--ui-space-3) var(--ui-space-4);min-height:44px;transition:border-color var(--ui-duration-fast) var(--ui-ease-out),box-shadow var(--ui-duration-fast) var(--ui-ease-out)}.ui-tagInput-QraZR::placeholder{color:var(--ui-placeholder, var(--ui-text-3))}.ui-tagInput-QraZR:hover:not(:disabled):not([aria-invalid=true]){border-color:color-mix(in oklab,var(--ui-border-strong),var(--ui-text) 30%)}.ui-tagInput-QraZR:focus{outline:none;border-color:var(--ui-ring-color);box-shadow:var(--ui-ring)}.ui-tagInput-QraZR:disabled{background-color:var(--ui-surface-2);border-color:var(--ui-border);cursor:not-allowed;color:var(--ui-text-3)}@media (forced-colors: active){.ui-tagInput-QraZR:disabled{color:GrayText;border-color:GrayText}}.ui-tagInput-QraZR[aria-invalid=true]{border-color:var(--ui-danger-solid)}.ui-tagInput-QraZR[aria-invalid=true]:focus{box-shadow:var(--ui-ring-danger)}@media (prefers-reduced-motion: reduce){.ui-tagInput-QraZR{transition:none}}.ui-tagInput-QraZR{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-1);padding:var(--ui-space-1) var(--ui-space-2);cursor:text}.ui-tagInput-QraZR:has(.ui-tagInput__field-HeWrC:focus-visible){border-color:var(--ui-ring-color);box-shadow:var(--ui-ring)}.ui-tagInput--invalid-NQogL{border-color:var(--ui-danger-solid)}.ui-tagInput--disabled--AJFF{background-color:var(--ui-surface-2);cursor:not-allowed}.ui-tagInput__tag-D-ZWB{display:flex;align-items:center;gap:var(--ui-space-1);flex-shrink:0;padding:2px var(--ui-space-1) 2px var(--ui-space-2);border-radius:var(--ui-radius-sm);background-color:var(--ui-surface-2);border:1px solid var(--ui-border);font-size:var(--ui-font-size-xs);color:var(--ui-text);transition:background-color var(--ui-duration-fast) var(--ui-ease-out),border-color var(--ui-duration-fast) var(--ui-ease-out)}.ui-tagInput__tag--duplicate-3-FMF{background-color:var(--ui-warn-bg);border-color:var(--ui-warn-line)}@media (prefers-reduced-motion: reduce){.ui-tagInput__tag-D-ZWB{transition:none}}.ui-tagInput__remove-bpjGG{position:relative}.ui-tagInput__remove-bpjGG:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,28px);height:max(100%,28px)}.ui-tagInput__remove-bpjGG{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:var(--ui-radius-xs);background:none;cursor:pointer;color:var(--ui-text-2);font-size:var(--ui-font-size-2xs)}.ui-tagInput__remove-bpjGG:hover:not(:disabled){background-color:var(--ui-surface-3);color:var(--ui-text)}.ui-tagInput__remove-bpjGG:disabled{cursor:not-allowed}.ui-tagInput__remove-bpjGG:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--ui-ring-color);outline-offset:var(--ui-ring-offset, 1px)}.ui-tagInput__field-HeWrC{flex:1;min-width:100px;border:none;background:none;padding:var(--ui-space-1) 0;font-family:var(--ui-font-body);font-size:var(--ui-font-size-sm);color:var(--ui-text)}@media (hover: none) and (pointer: coarse){.ui-tagInput__field-HeWrC{font-size:var(--ui-font-size-control)}}.ui-tagInput__field-HeWrC::placeholder{color:var(--ui-text-3)}.ui-tagInput__field-HeWrC:focus{outline:none}.ui-tagInput__field-HeWrC:disabled{cursor:not-allowed}}
+@layer ui{.ui-tagInput-QraZR{width:100%;font-family:var(--hd-font-body);font-size:var(--hd-type-body-size);line-height:var(--hd-type-h4-line-height);color:var(--hd-text);background-color:var(--hd-bg-surface);border:1px solid var(--hd-border-strong);border-radius:var(--hd-radius-sm);padding:var(--hd-space-2) var(--hd-space-3);min-height:40px}@media (max-width: 640px){.ui-tagInput-QraZR{min-height:44px;font-size:max(16px,var(--hd-type-body-size))}}@media (hover: none) and (pointer: coarse){.ui-tagInput-QraZR{min-height:44px;font-size:max(16px,var(--hd-type-body-size))}}.ui-tagInput-QraZR{transition:border-color var(--hd-duration-fast) var(--hd-ease-standard),box-shadow var(--hd-duration-fast) var(--hd-ease-standard)}.ui-tagInput-QraZR::placeholder{color:var(--ui-placeholder, var(--hd-text-3))}.ui-tagInput-QraZR:hover:not(:disabled):not([aria-invalid=true]){border-color:color-mix(in oklab,var(--hd-border-strong),var(--hd-text) 30%)}.ui-tagInput-QraZR:focus{outline:none;border-color:var(--hd-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--hd-focus) 32%,transparent)}.ui-tagInput-QraZR:disabled{background-color:var(--hd-bg-raised);border-color:var(--hd-border);cursor:not-allowed;color:var(--hd-text-3)}@media (forced-colors: active){.ui-tagInput-QraZR:disabled{color:GrayText;border-color:GrayText}}.ui-tagInput-QraZR[aria-invalid=true]{border-color:var(--hd-danger-solid)}.ui-tagInput-QraZR[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--hd-danger-solid) 28%,transparent)}@media (prefers-reduced-motion: reduce){.ui-tagInput-QraZR{transition:none}}.ui-tagInput-QraZR{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hd-space-1);padding:var(--hd-space-1) var(--hd-space-2);cursor:text}.ui-tagInput-QraZR:has(.ui-tagInput__field-HeWrC:focus-visible){border-color:var(--hd-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--hd-focus) 32%,transparent)}.ui-tagInput--invalid-NQogL{border-color:var(--hd-danger-solid)}.ui-tagInput--disabled--AJFF{background-color:var(--hd-bg-raised);cursor:not-allowed}.ui-tagInput__tag-D-ZWB{display:flex;align-items:center;gap:var(--hd-space-1);flex-shrink:0;padding:2px var(--hd-space-1) 2px var(--hd-space-2);border-radius:var(--hd-radius-xs);background-color:var(--hd-bg-raised);border:1px solid var(--hd-border);font-size:var(--hd-type-caption-size);color:var(--hd-text);transition:background-color var(--hd-duration-fast) var(--hd-ease-standard),border-color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-tagInput__tag--duplicate-3-FMF{background-color:var(--hd-warning-bg);border-color:var(--hd-warning-line)}@media (prefers-reduced-motion: reduce){.ui-tagInput__tag-D-ZWB{transition:none}}.ui-tagInput__remove-bpjGG{position:relative}.ui-tagInput__remove-bpjGG:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,28px);height:max(100%,28px)}.ui-tagInput__remove-bpjGG{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:var(--hd-radius-xs);background:none;cursor:pointer;color:var(--hd-text-2);font-size:var(--hd-type-caption-size)}.ui-tagInput__remove-bpjGG:hover:not(:disabled){background-color:var(--hd-bg-inset);color:var(--hd-text)}.ui-tagInput__remove-bpjGG:disabled{cursor:not-allowed}.ui-tagInput__remove-bpjGG:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 1px)}.ui-tagInput__field-HeWrC{flex:1;min-width:100px;border:none;background:none;padding:var(--hd-space-1) 0;font-family:var(--hd-font-body);font-size:var(--hd-type-small-size);color:var(--hd-text)}@media (hover: none) and (pointer: coarse){.ui-tagInput__field-HeWrC{font-size:max(16px,var(--hd-type-body-size))}}.ui-tagInput__field-HeWrC::placeholder{color:var(--hd-text-3)}.ui-tagInput__field-HeWrC:focus{outline:none}.ui-tagInput__field-HeWrC:disabled{cursor:not-allowed}}

package/build/components/TextLink/style.css

@@ -1 +1 @@
-@layer ui{.ui-link-WBmXY{display:inline-flex;align-items:center;gap:var(--ui-space-2);font-weight:500;text-decoration:none;border-radius:var(--ui-radius-xs);transition:color var(--ui-duration-fast) var(--ui-ease-out)}.ui-link-WBmXY:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--ui-ring-color);outline-offset:var(--ui-ring-offset, 3px)}@media (prefers-reduced-motion: reduce){.ui-link-WBmXY{transition:none}}.ui-link__label--OEu-{text-underline-offset:3px}[dir=rtl] .ui-link__arrow-JKXm-{transform:scaleX(-1)}.ui-link__arrow-JKXm-{font-size:1em;flex-shrink:0;transition:transform var(--ui-duration-fast) var(--ui-ease-out)}@media (prefers-reduced-motion: reduce){.ui-link__arrow-JKXm-{transition:none}}.ui-link-WBmXY:hover .ui-link__label--OEu-{text-decoration:underline}.ui-link-WBmXY:hover .ui-link__arrow-JKXm-{transform:translate(3px)}[dir=rtl] .ui-link-WBmXY:hover .ui-link__arrow-JKXm-{transform:scaleX(-1) translate(3px)}.ui-link--sm-a-3Dz{font-size:var(--ui-font-size-xs)}.ui-link--md-lZdYP{font-size:var(--ui-font-size-sm)}.ui-link--brand-vr8sW{color:var(--ui-link)}.ui-link--brand-vr8sW:hover{color:var(--ui-link-hover)}.ui-link--muted-EeN6l{color:var(--ui-text-2)}.ui-link--muted-EeN6l:hover{color:var(--ui-text)}}
+@layer ui{.ui-link-WBmXY{display:inline-flex;align-items:center;gap:var(--hd-space-2);font-weight:var(--hd-font-weight-medium);text-decoration:none;border-radius:var(--hd-radius-xs);transition:color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-link-WBmXY:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 3px)}@media (prefers-reduced-motion: reduce){.ui-link-WBmXY{transition:none}}.ui-link__label--OEu-{text-underline-offset:3px}[dir=rtl] .ui-link__arrow-JKXm-{transform:scaleX(-1)}.ui-link__arrow-JKXm-{font-size:1em;flex-shrink:0;transition:transform var(--hd-duration-fast) var(--hd-ease-standard)}@media (prefers-reduced-motion: reduce){.ui-link__arrow-JKXm-{transition:none}}.ui-link-WBmXY:hover .ui-link__label--OEu-{text-decoration:underline}.ui-link-WBmXY:hover .ui-link__arrow-JKXm-{transform:translate(3px)}[dir=rtl] .ui-link-WBmXY:hover .ui-link__arrow-JKXm-{transform:scaleX(-1) translate(3px)}.ui-link--sm-a-3Dz{font-size:var(--hd-type-caption-size)}.ui-link--md-lZdYP{font-size:var(--hd-type-small-size)}.ui-link--brand-vr8sW,.ui-link--brand-vr8sW:hover{color:var(--hd-primary-text)}.ui-link--muted-EeN6l{color:var(--hd-text-2)}.ui-link--muted-EeN6l:hover{color:var(--hd-text)}}

package/build/components/Textarea/style.css

@@ -1 +1 @@
-@layer ui{.ui-textarea-zwJcB{width:100%;font-family:var(--ui-font-body);font-size:var(--ui-font-size-control);line-height:var(--ui-leading-snug);color:var(--ui-text);background-color:var(--ui-surface);border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-md);padding:var(--ui-space-3) var(--ui-space-4);min-height:44px;transition:border-color var(--ui-duration-fast) var(--ui-ease-out),box-shadow var(--ui-duration-fast) var(--ui-ease-out)}.ui-textarea-zwJcB::placeholder{color:var(--ui-placeholder, var(--ui-text-3))}.ui-textarea-zwJcB:hover:not(:disabled):not([aria-invalid=true]){border-color:color-mix(in oklab,var(--ui-border-strong),var(--ui-text) 30%)}.ui-textarea-zwJcB:focus{outline:none;border-color:var(--ui-ring-color);box-shadow:var(--ui-ring)}.ui-textarea-zwJcB:disabled{background-color:var(--ui-surface-2);border-color:var(--ui-border);cursor:not-allowed;color:var(--ui-text-3)}@media (forced-colors: active){.ui-textarea-zwJcB:disabled{color:GrayText;border-color:GrayText}}.ui-textarea-zwJcB[aria-invalid=true]{border-color:var(--ui-danger-solid)}.ui-textarea-zwJcB[aria-invalid=true]:focus{box-shadow:var(--ui-ring-danger)}@media (prefers-reduced-motion: reduce){.ui-textarea-zwJcB{transition:none}}.ui-textarea-zwJcB{resize:vertical;min-height:96px;line-height:var(--ui-leading-normal)}.ui-wrapper-O8aJA{display:flex;flex-direction:column;gap:var(--ui-space-1);width:100%}.ui-textarea--bare-IjCIn{min-height:0;padding:0;border:0;border-radius:0;background-color:transparent;box-shadow:none}.ui-textarea--bare-IjCIn:hover:not(:disabled):not([aria-invalid=true]),.ui-textarea--bare-IjCIn:focus,.ui-textarea--bare-IjCIn:disabled{border:0;background-color:transparent;box-shadow:none}.ui-textarea--autoSize--F8yj{resize:none;overflow-y:hidden}.ui-counter-bHVh3{align-self:flex-end;font-size:var(--ui-font-size-2xs);color:var(--ui-text-3);font-variant-numeric:tabular-nums}.ui-counter--near-AZAQm{color:var(--ui-warn-fg);font-weight:600}}
+@layer ui{.ui-textarea-zwJcB{width:100%;font-family:var(--hd-font-body);font-size:var(--hd-type-body-size);line-height:var(--hd-type-h4-line-height);color:var(--hd-text);background-color:var(--hd-bg-surface);border:1px solid var(--hd-border-strong);border-radius:var(--hd-radius-sm);padding:var(--hd-space-2) var(--hd-space-3);min-height:40px}@media (max-width: 640px){.ui-textarea-zwJcB{min-height:44px;font-size:max(16px,var(--hd-type-body-size))}}@media (hover: none) and (pointer: coarse){.ui-textarea-zwJcB{min-height:44px;font-size:max(16px,var(--hd-type-body-size))}}.ui-textarea-zwJcB{transition:border-color var(--hd-duration-fast) var(--hd-ease-standard),box-shadow var(--hd-duration-fast) var(--hd-ease-standard)}.ui-textarea-zwJcB::placeholder{color:var(--ui-placeholder, var(--hd-text-3))}.ui-textarea-zwJcB:hover:not(:disabled):not([aria-invalid=true]){border-color:color-mix(in oklab,var(--hd-border-strong),var(--hd-text) 30%)}.ui-textarea-zwJcB:focus{outline:none;border-color:var(--hd-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--hd-focus) 32%,transparent)}.ui-textarea-zwJcB:disabled{background-color:var(--hd-bg-raised);border-color:var(--hd-border);cursor:not-allowed;color:var(--hd-text-3)}@media (forced-colors: active){.ui-textarea-zwJcB:disabled{color:GrayText;border-color:GrayText}}.ui-textarea-zwJcB[aria-invalid=true]{border-color:var(--hd-danger-solid)}.ui-textarea-zwJcB[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--hd-danger-solid) 28%,transparent)}@media (prefers-reduced-motion: reduce){.ui-textarea-zwJcB{transition:none}}.ui-textarea-zwJcB{resize:vertical;min-height:96px;line-height:var(--hd-type-body-line-height)}.ui-wrapper-O8aJA{display:flex;flex-direction:column;gap:var(--hd-space-1);width:100%}.ui-textarea--bare-IjCIn{min-height:0;padding:0;border:0;border-radius:0;background-color:transparent;box-shadow:none}.ui-textarea--bare-IjCIn:hover:not(:disabled):not([aria-invalid=true]),.ui-textarea--bare-IjCIn:focus,.ui-textarea--bare-IjCIn:disabled{border:0;background-color:transparent;box-shadow:none}.ui-textarea--autoSize--F8yj{resize:none;overflow-y:hidden}.ui-counter-bHVh3{align-self:flex-end;font-size:var(--hd-type-caption-size);color:var(--hd-text-3);font-variant-numeric:tabular-nums}.ui-counter--near-AZAQm{color:var(--hd-warning-fg);font-weight:var(--hd-font-weight-semibold)}}

package/build/components/Tile/style.css

@@ -1 +1 @@
-@layer ui{.ui-tile-TGur-{background-color:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg)}@media (max-width: 640px){.ui-tile-TGur-{border-radius:var(--ui-radius-md)}}.ui-tile-TGur-{transition:border-color var(--ui-duration-fast) var(--ui-ease-out),box-shadow var(--ui-duration-fast) var(--ui-ease-out),transform var(--ui-duration-fast) var(--ui-ease-out)}.ui-tile-TGur-:hover{border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-md);transform:translateY(-2px)}.ui-tile-TGur-:active{transform:translateY(0);box-shadow:var(--ui-shadow-xs)}@media (prefers-reduced-motion: reduce){.ui-tile-TGur-{transition:none}.ui-tile-TGur-:hover,.ui-tile-TGur-:active{transform:none}}.ui-tile-TGur-{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ui-space-2);padding:var(--ui-space-5) var(--ui-space-3);text-align:center;text-decoration:none;color:inherit;height:100%}.ui-tile-TGur-:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--ui-ring-color);outline-offset:var(--ui-ring-offset, 2px)}.ui-tile__medallion--Y0pz{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--ui-radius-pill);background-color:var(--ui-surface-2);color:var(--ui-text-2);font-size:var(--ui-font-size-xl);flex-shrink:0;transition:background-color var(--ui-duration-fast) var(--ui-ease-out),color var(--ui-duration-fast) var(--ui-ease-out)}@media (prefers-reduced-motion: reduce){.ui-tile__medallion--Y0pz{transition:none}}.ui-tile__label-mI1OQ{font-family:var(--ui-font-heading);font-size:var(--ui-font-size-sm);font-weight:600;line-height:var(--ui-leading-snug);color:var(--ui-text)}.ui-tile__meta-22qnR{font-size:var(--ui-font-size-2xs);color:var(--ui-text-2);font-variant-numeric:tabular-nums}.ui-tile-TGur-:hover .ui-tile__medallion--Y0pz{background-color:var(--ui-selected-tint);color:var(--ui-text)}.ui-tile--active-z0F2M{border-color:var(--ui-selected-line)}.ui-tile--active-z0F2M .ui-tile__medallion--Y0pz{background-color:var(--ui-selected);color:var(--ui-on-selected)}.ui-tile--active-z0F2M .ui-tile__label-mI1OQ{color:var(--ui-text)}}
+@layer ui{.ui-tile-TGur-{background-color:var(--hd-bg-surface);border:1px solid var(--hd-border);border-radius:var(--hd-radius-md)}@media (max-width: 640px){.ui-tile-TGur-{border-radius:var(--hd-radius-sm)}}.ui-tile-TGur-{transition:border-color var(--hd-duration-fast) var(--hd-ease-standard),box-shadow var(--hd-duration-fast) var(--hd-ease-standard),transform var(--hd-duration-fast) var(--hd-ease-standard)}.ui-tile-TGur-:hover{border-color:var(--hd-border-strong);box-shadow:var(--hd-shadow-2);transform:translateY(-2px)}.ui-tile-TGur-:active{transform:translateY(0);box-shadow:var(--hd-shadow-1)}@media (prefers-reduced-motion: reduce){.ui-tile-TGur-{transition:none}.ui-tile-TGur-:hover,.ui-tile-TGur-:active{transform:none}}.ui-tile-TGur-{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--hd-space-2);padding:var(--hd-space-5) var(--hd-space-3);text-align:center;text-decoration:none;color:inherit;height:100%}.ui-tile-TGur-:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 2px)}.ui-tile__medallion--Y0pz{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--hd-radius-pill);background-color:var(--hd-bg-raised);color:var(--hd-text-2);font-size:var(--hd-type-h3-size);flex-shrink:0;transition:background-color var(--hd-duration-fast) var(--hd-ease-standard),color var(--hd-duration-fast) var(--hd-ease-standard)}@media (prefers-reduced-motion: reduce){.ui-tile__medallion--Y0pz{transition:none}}.ui-tile__label-mI1OQ{font-family:var(--hd-font-display);font-size:var(--hd-type-small-size);font-weight:var(--hd-font-weight-semibold);line-height:var(--hd-type-h4-line-height);color:var(--hd-text)}.ui-tile__meta-22qnR{font-size:var(--hd-type-caption-size);color:var(--hd-text-2);font-variant-numeric:tabular-nums}.ui-tile-TGur-:hover .ui-tile__medallion--Y0pz{background-color:var(--hd-primary-soft);color:var(--hd-text)}.ui-tile--active-z0F2M{border-color:var(--hd-primary-line)}.ui-tile--active-z0F2M .ui-tile__medallion--Y0pz{background-color:var(--hd-primary);color:var(--hd-on-primary)}.ui-tile--active-z0F2M .ui-tile__label-mI1OQ{color:var(--hd-text)}}

package/build/components/Timeline/style.css

@@ -1 +1 @@
-@layer ui{.ui-timeline-GxubZ{display:flex;flex-direction:column;gap:var(--ui-space-0);margin:0;padding:0;list-style:none}.ui-timeline__item-qMpF2{display:flex;gap:var(--ui-space-3);padding-bottom:var(--ui-space-4);position:relative}.ui-timeline__item-qMpF2:not(:last-child):before{content:"";position:absolute;inset-block-start:26px;inset-block-end:0;inset-inline-start:11px;width:2px;background-color:var(--ui-border)}.ui-timeline__item-qMpF2:last-child{padding-bottom:0}.ui-timeline__marker-MDk07{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:var(--ui-radius-pill);border:2px solid var(--ui-border-strong);background-color:var(--ui-surface);color:var(--ui-on-green);font-size:var(--ui-font-size-2xs);z-index:1}.ui-timeline__item--done-dqiOQ .ui-timeline__marker-MDk07{background-color:var(--ui-green-accent);border-color:var(--ui-green-accent)}.ui-timeline__item--current-TGV5f .ui-timeline__marker-MDk07{border-color:var(--ui-selected);box-shadow:inset 0 0 0 3px var(--ui-selected)}.ui-timeline__item--pending-VMZTS .ui-timeline__marker-MDk07{border-style:dashed;background-color:var(--ui-surface)}.ui-timeline__item--failed-2BbfX .ui-timeline__marker-MDk07{background-color:var(--ui-danger-solid);border-color:var(--ui-danger-solid);color:var(--ui-on-danger)}@media (forced-colors: active){.ui-timeline__item--done-dqiOQ .ui-timeline__marker-MDk07,.ui-timeline__item--current-TGV5f .ui-timeline__marker-MDk07,.ui-timeline__item--failed-2BbfX .ui-timeline__marker-MDk07{background-color:Highlight;border-color:Highlight;forced-color-adjust:none}}.ui-timeline__body-xJi7t{display:flex;flex-direction:column;gap:2px;min-width:0;padding-block-start:1px}.ui-timeline__title-pKxZJ{font-size:var(--ui-font-size-sm);font-weight:600;color:var(--ui-text)}.ui-timeline__item--pending-VMZTS .ui-timeline__title-pKxZJ{color:var(--ui-text-2);font-weight:500}.ui-timeline__item--failed-2BbfX .ui-timeline__title-pKxZJ{color:var(--ui-bad-fg)}.ui-timeline__time-ITWYy{font-size:var(--ui-font-size-xs);color:var(--ui-text-3);font-variant-numeric:tabular-nums}.ui-timeline__description-4vrEy{font-size:var(--ui-font-size-xs);line-height:var(--ui-leading-normal);color:var(--ui-text-2)}.ui-timeline__srOnly-7K2We{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}
+@layer ui{.ui-timeline-GxubZ{display:flex;flex-direction:column;gap:var(--hd-space-0);margin:0;padding:0;list-style:none}.ui-timeline__item-qMpF2{display:flex;gap:var(--hd-space-3);padding-bottom:var(--hd-space-4);position:relative}.ui-timeline__item-qMpF2:not(:last-child):before{content:"";position:absolute;inset-block-start:26px;inset-block-end:0;inset-inline-start:11px;width:2px;background-color:var(--hd-border)}.ui-timeline__item-qMpF2:last-child{padding-bottom:0}.ui-timeline__marker-MDk07{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:var(--hd-radius-pill);border:2px solid var(--hd-border-strong);background-color:var(--hd-bg-surface);color:var(--hd-success-on-solid);font-size:var(--hd-type-caption-size);z-index:var(--hd-z-raised)}.ui-timeline__item--done-dqiOQ .ui-timeline__marker-MDk07{background-color:var(--hd-success-solid);border-color:var(--hd-success-solid)}.ui-timeline__item--current-TGV5f .ui-timeline__marker-MDk07{border-color:var(--hd-primary);box-shadow:inset 0 0 0 3px var(--hd-primary)}.ui-timeline__item--pending-VMZTS .ui-timeline__marker-MDk07{border-style:dashed;background-color:var(--hd-bg-surface)}.ui-timeline__item--failed-2BbfX .ui-timeline__marker-MDk07{background-color:var(--hd-danger-solid);border-color:var(--hd-danger-solid);color:var(--hd-danger-on-solid)}@media (forced-colors: active){.ui-timeline__item--done-dqiOQ .ui-timeline__marker-MDk07,.ui-timeline__item--current-TGV5f .ui-timeline__marker-MDk07,.ui-timeline__item--failed-2BbfX .ui-timeline__marker-MDk07{background-color:Highlight;border-color:Highlight;forced-color-adjust:none}}.ui-timeline__body-xJi7t{display:flex;flex-direction:column;gap:2px;min-width:0;padding-block-start:1px}.ui-timeline__title-pKxZJ{font-size:var(--hd-type-small-size);font-weight:var(--hd-font-weight-semibold);color:var(--hd-text)}.ui-timeline__item--pending-VMZTS .ui-timeline__title-pKxZJ{color:var(--hd-text-2);font-weight:var(--hd-font-weight-medium)}.ui-timeline__item--failed-2BbfX .ui-timeline__title-pKxZJ{color:var(--hd-danger-fg)}.ui-timeline__time-ITWYy{font-size:var(--hd-type-caption-size);color:var(--hd-text-3);font-variant-numeric:tabular-nums}.ui-timeline__description-4vrEy{font-size:var(--hd-type-caption-size);line-height:var(--hd-type-body-line-height);color:var(--hd-text-2)}.ui-timeline__srOnly-7K2We{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}

package/build/components/Toast/style.css

@@ -1 +1 @@
-@layer ui{.ui-hub-JoqOf{position:fixed;inset-inline:0;bottom:0;z-index:500;display:flex;flex-direction:column;align-items:center;gap:var(--ui-space-2);padding:var(--ui-space-4);pointer-events:none;padding-bottom:max(var(--ui-space-4),env(safe-area-inset-bottom,0px) - max(env(safe-area-inset-bottom,0px),var(--ui-sheet-inset-bottom, 0px)))}@media (min-width: 1025px){.ui-hub-JoqOf{align-items:flex-end}}.ui-toast-U27Of{display:flex;align-items:flex-start;gap:var(--ui-space-3);pointer-events:auto;width:100%;max-width:420px;padding:var(--ui-space-3);border-radius:var(--ui-radius-md);background-color:var(--ui-surface);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-lg);animation:var(--ui-anim-fade-in-up) var(--ui-duration-normal) var(--ui-ease-out)}@media (prefers-reduced-motion: reduce){.ui-toast-U27Of{animation:none}}.ui-toast--info-S1QJr{border-inline-start:3px solid var(--ui-selected)}.ui-toast--success-NUso7{border-inline-start:3px solid var(--ui-green-accent)}.ui-toast--warning-7mi-S{border-inline-start:3px solid var(--ui-star)}.ui-toast--danger-IhFSz{border-inline-start:3px solid var(--ui-danger-solid)}@media (forced-colors: active){.ui-toast-U27Of{border-color:CanvasText}}.ui-toast__icon-p-rgI{display:inline-flex;flex-shrink:0;font-size:var(--ui-icon-md);margin-top:1px}.ui-toast--info-S1QJr .ui-toast__icon-p-rgI{color:var(--ui-text)}.ui-toast--success-NUso7 .ui-toast__icon-p-rgI{color:var(--ui-green-accent)}.ui-toast--warning-7mi-S .ui-toast__icon-p-rgI{color:var(--ui-star)}.ui-toast--danger-IhFSz .ui-toast__icon-p-rgI{color:var(--ui-danger-solid)}.ui-toast__text-rG4ji{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ui-toast__message-s6S2-{font-size:var(--ui-font-size-sm);font-weight:600;color:var(--ui-text)}.ui-toast__description-0cYTx{font-size:var(--ui-font-size-xs);color:var(--ui-text-2);line-height:var(--ui-leading-normal)}.ui-toast__action-fOXU5{position:relative}.ui-toast__action-fOXU5:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-toast__action-fOXU5{flex-shrink:0;padding:var(--ui-space-1) var(--ui-space-2);border:none;border-radius:var(--ui-radius-sm);background:none;cursor:pointer;font-family:var(--ui-font-body);font-size:var(--ui-font-size-xs);font-weight:600;color:var(--ui-text);text-decoration:underline;text-underline-offset:3px}.ui-toast__action-fOXU5:hover{background-color:var(--ui-surface-2)}.ui-toast__action-fOXU5:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--ui-ring-color);outline-offset:var(--ui-ring-offset, 1px)}.ui-toast__close-QxSNP{flex-shrink:0}}
+@layer ui{.ui-hub-JoqOf{position:fixed;inset-inline:0;bottom:0;z-index:var(--hd-z-toast);display:flex;flex-direction:column;align-items:center;gap:var(--hd-space-2);padding:var(--hd-space-4);pointer-events:none;padding-bottom:max(var(--hd-space-4),env(safe-area-inset-bottom,0px) - max(env(safe-area-inset-bottom,0px),var(--ui-sheet-inset-bottom, 0px)))}@media (min-width: 1025px){.ui-hub-JoqOf{align-items:flex-end}}.ui-toast-U27Of{display:flex;align-items:flex-start;gap:var(--hd-space-3);pointer-events:auto;width:100%;max-width:420px;padding:var(--hd-space-3);border-radius:var(--hd-radius-sm);background-color:var(--hd-bg-overlay);border:1px solid var(--hd-border);box-shadow:var(--hd-shadow-2);animation:var(--ui-anim-fade-in-up) var(--hd-duration-base) var(--hd-ease-standard)}@media (prefers-reduced-motion: reduce){.ui-toast-U27Of{animation:none}}.ui-toast--info-S1QJr{border-inline-start:3px solid var(--hd-primary)}.ui-toast--success-NUso7{border-inline-start:3px solid var(--hd-success-solid)}.ui-toast--warning-7mi-S{border-inline-start:3px solid var(--hd-warning-solid)}.ui-toast--danger-IhFSz{border-inline-start:3px solid var(--hd-danger-solid)}@media (forced-colors: active){.ui-toast-U27Of{border-color:CanvasText}}.ui-toast__icon-p-rgI{display:inline-flex;flex-shrink:0;font-size:18px;margin-top:1px}.ui-toast--info-S1QJr .ui-toast__icon-p-rgI{color:var(--hd-text)}.ui-toast--success-NUso7 .ui-toast__icon-p-rgI{color:var(--hd-success-solid)}.ui-toast--warning-7mi-S .ui-toast__icon-p-rgI{color:var(--hd-warning-solid)}.ui-toast--danger-IhFSz .ui-toast__icon-p-rgI{color:var(--hd-danger-solid)}.ui-toast__text-rG4ji{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ui-toast__message-s6S2-{font-size:var(--hd-type-small-size);font-weight:var(--hd-font-weight-semibold);color:var(--hd-text)}.ui-toast__description-0cYTx{font-size:var(--hd-type-caption-size);color:var(--hd-text-2);line-height:var(--hd-type-body-line-height)}.ui-toast__action-fOXU5{position:relative}.ui-toast__action-fOXU5:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-toast__action-fOXU5{flex-shrink:0;padding:var(--hd-space-1) var(--hd-space-2);border:none;border-radius:var(--hd-radius-xs);background:none;cursor:pointer;font-family:var(--hd-font-body);font-size:var(--hd-type-caption-size);font-weight:var(--hd-font-weight-semibold);color:var(--hd-text);text-decoration:underline;text-underline-offset:3px}.ui-toast__action-fOXU5:hover{background-color:color-mix(in srgb,var(--hd-text) 8%,transparent)}.ui-toast__action-fOXU5:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 1px)}.ui-toast__close-QxSNP{flex-shrink:0}}

package/build/components/Tooltip/style.css

@@ -1 +1 @@
-@layer ui{.ui-tooltip-RG1g1{display:inline-flex}.ui-tooltip__trigger-nWZtO{display:inline-flex;align-items:center}.ui-bubble-bcBNk{z-index:450;pointer-events:none;width:max-content;max-width:min(280px,100vw - var(--ui-space-6));padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-radius-sm);background-color:var(--ui-nav-bg);border:1px solid var(--ui-nav-line-strong);box-shadow:var(--ui-shadow-lg);color:var(--ui-nav-fg);font-size:var(--ui-font-size-xs);font-weight:400;line-height:var(--ui-leading-normal);text-align:start}.ui-bubble--top-uWSZy{animation:var(--ui-anim-fade-in-up) var(--ui-duration-fast) var(--ui-ease-out)}.ui-bubble--bottom-jKokL{animation:var(--ui-anim-fade-in-down) var(--ui-duration-fast) var(--ui-ease-out)}.ui-bubble--left-WK4EM,.ui-bubble--right-EQjUT{animation:var(--ui-anim-fade-in) var(--ui-duration-fast) var(--ui-ease-out)}@media (prefers-reduced-motion: reduce){.ui-bubble-bcBNk{animation:none}}@media (forced-colors: active){.ui-bubble-bcBNk{border-color:CanvasText}}}
+@layer ui{.ui-tooltip-RG1g1{display:inline-flex}.ui-tooltip__trigger-nWZtO{display:inline-flex;align-items:center}.ui-bubble-bcBNk{z-index:var(--hd-z-tooltip);pointer-events:none;width:max-content;max-width:min(280px,100vw - var(--hd-space-6));padding:var(--hd-space-2) var(--hd-space-3);border-radius:var(--hd-radius-xs);background-color:var(--hd-bg-overlay);border:1px solid var(--hd-border-strong);box-shadow:var(--hd-shadow-2);color:var(--hd-text);font-size:var(--hd-type-caption-size);font-weight:var(--hd-font-weight-regular);line-height:var(--hd-type-body-line-height);text-align:start}.ui-bubble--top-uWSZy{animation:var(--ui-anim-fade-in-up) var(--hd-duration-fast) var(--hd-ease-standard)}.ui-bubble--bottom-jKokL{animation:var(--ui-anim-fade-in-down) var(--hd-duration-fast) var(--hd-ease-standard)}.ui-bubble--left-WK4EM,.ui-bubble--right-EQjUT{animation:var(--ui-anim-fade-in) var(--hd-duration-fast) var(--hd-ease-standard)}@media (prefers-reduced-motion: reduce){.ui-bubble-bcBNk{animation:none}}@media (forced-colors: active){.ui-bubble-bcBNk{border-color:CanvasText}}}

package/build/constants/breakpoint.constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=640,A=768,T=1024,B=`(min-width: ${T+1}px)`,_=`(min-width: ${E+1}px)`;exports.ABOVE_MOBILE_MEDIA_QUERY=_;exports.ABOVE_TABLET_MEDIA_QUERY=B;exports.MOBILE_BREAKPOINT=E;exports.TABLET_BREAKPOINT=T;exports.TABLET_PORTRAIT_BREAKPOINT=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("@handijit/design"),T=E.breakpoints.sm,_=E.breakpoints.md,A=E.breakpoints.lg,t=`(min-width: ${A+1}px)`,B=`(min-width: ${T+1}px)`,I=`(max-width: ${T}px) and (pointer: coarse)`;exports.ABOVE_MOBILE_MEDIA_QUERY=B;exports.ABOVE_TABLET_MEDIA_QUERY=t;exports.MOBILE_BREAKPOINT=T;exports.SHEET_MEDIA_QUERY=I;exports.TABLET_BREAKPOINT=A;exports.TABLET_PORTRAIT_BREAKPOINT=_;
 //# sourceMappingURL=breakpoint.constants.cjs.map

package/build/constants/breakpoint.constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoint.constants.cjs","sources":["../../src/constants/breakpoint.constants.ts"],"sourcesContent":["/** Kırılma noktaları — `styles/_variables.scss` içindeki `$breakpoint-*` ile aynı değerler. */\nexport const MOBILE_BREAKPOINT = 640;\n\nexport const TABLET_PORTRAIT_BREAKPOINT = 768;\n\nexport const TABLET_BREAKPOINT = 1024;\n\n/** Kenar çubuğu ekranda olduğu için filtre paneli bu ölçünün üstünde gizlenir. */\nexport const ABOVE_TABLET_MEDIA_QUERY = `(min-width: ${TABLET_BREAKPOINT + 1}px)`;\n\n/** Seçim kutusunun alt sayfası yalnızca bu ölçünün altında kullanılır. */\nexport const ABOVE_MOBILE_MEDIA_QUERY = `(min-width: ${MOBILE_BREAKPOINT + 1}px)`;\n"],"names":["MOBILE_BREAKPOINT","TABLET_PORTRAIT_BREAKPOINT","TABLET_BREAKPOINT","ABOVE_TABLET_MEDIA_QUERY","ABOVE_MOBILE_MEDIA_QUERY"],"mappings":"gFACO,MAAMA,EAAoB,IAEpBC,EAA6B,IAE7BC,EAAoB,KAGpBC,EAA2B,eAAeD,EAAoB,CAAC,MAG/DE,EAA2B,eAAeJ,EAAoB,CAAC"}
+{"version":3,"file":"breakpoint.constants.cjs","sources":["../../src/constants/breakpoint.constants.ts"],"sourcesContent":["import { breakpoints } from '@handijit/design';\n\n/** Breakpoints — the values of `@handijit/design` (`$breakpoint-*` in `styles/_variables.scss`). */\nexport const MOBILE_BREAKPOINT = breakpoints.sm;\n\nexport const TABLET_PORTRAIT_BREAKPOINT = breakpoints.md;\n\nexport const TABLET_BREAKPOINT = breakpoints.lg;\n\n/** A sidebar is on screen above this width, so a filter panel is hidden there. */\nexport const ABOVE_TABLET_MEDIA_QUERY = `(min-width: ${TABLET_BREAKPOINT + 1}px)`;\n\nexport const ABOVE_MOBILE_MEDIA_QUERY = `(min-width: ${MOBILE_BREAKPOINT + 1}px)`;\n\n/**\n * When a select-like control opens a bottom sheet instead of a dropdown: a NARROW viewport on a\n * TOUCH device. A desktop window is never a sheet, however narrow — a pointer reaches a dropdown\n * next to the trigger faster than a sheet at the bottom edge of the window.\n */\nexport const SHEET_MEDIA_QUERY = `(max-width: ${MOBILE_BREAKPOINT}px) and (pointer: coarse)`;\n"],"names":["MOBILE_BREAKPOINT","breakpoints","TABLET_PORTRAIT_BREAKPOINT","TABLET_BREAKPOINT","ABOVE_TABLET_MEDIA_QUERY","ABOVE_MOBILE_MEDIA_QUERY","SHEET_MEDIA_QUERY"],"mappings":"oHAGaA,EAAoBC,EAAAA,YAAY,GAEhCC,EAA6BD,EAAAA,YAAY,GAEzCE,EAAoBF,EAAAA,YAAY,GAGhCG,EAA2B,eAAeD,EAAoB,CAAC,MAE/DE,EAA2B,eAAeL,EAAoB,CAAC,MAO/DM,EAAoB,eAAeN,CAAiB"}

package/build/constants/breakpoint.constants.d.ts

@@ -1,8 +1,13 @@
-/** Kırılma noktaları — `styles/_variables.scss` içindeki `$breakpoint-*` ile aynı değerler. */
-export declare const MOBILE_BREAKPOINT = 640;
-export declare const TABLET_PORTRAIT_BREAKPOINT = 768;
-export declare const TABLET_BREAKPOINT = 1024;
-/** Kenar çubuğu ekranda olduğu için filtre paneli bu ölçünün üstünde gizlenir. */
-export declare const ABOVE_TABLET_MEDIA_QUERY = "(min-width: 1025px)";
-/** Seçim kutusunun alt sayfası yalnızca bu ölçünün altında kullanılır. */
-export declare const ABOVE_MOBILE_MEDIA_QUERY = "(min-width: 641px)";
+/** Breakpoints — the values of `@handijit/design` (`$breakpoint-*` in `styles/_variables.scss`). */
+export declare const MOBILE_BREAKPOINT: number;
+export declare const TABLET_PORTRAIT_BREAKPOINT: number;
+export declare const TABLET_BREAKPOINT: number;
+/** A sidebar is on screen above this width, so a filter panel is hidden there. */
+export declare const ABOVE_TABLET_MEDIA_QUERY: string;
+export declare const ABOVE_MOBILE_MEDIA_QUERY: string;
+/**
+ * When a select-like control opens a bottom sheet instead of a dropdown: a NARROW viewport on a
+ * TOUCH device. A desktop window is never a sheet, however narrow — a pointer reaches a dropdown
+ * next to the trigger faster than a sheet at the bottom edge of the window.
+ */
+export declare const SHEET_MEDIA_QUERY: string;

package/build/constants/breakpoint.constants.js

@@ -1,9 +1,11 @@
-const E = 640, T = 768, A = 1024, B = "(min-width: 1025px)", _ = "(min-width: 641px)";
+import { breakpoints as E } from "@handijit/design";
+const t = E.sm, T = E.md, o = E.lg, _ = `(min-width: ${o + 1}px)`, n = `(min-width: ${t + 1}px)`, B = `(max-width: ${t}px) and (pointer: coarse)`;
 export {
-  _ as ABOVE_MOBILE_MEDIA_QUERY,
-  B as ABOVE_TABLET_MEDIA_QUERY,
-  E as MOBILE_BREAKPOINT,
-  A as TABLET_BREAKPOINT,
+  n as ABOVE_MOBILE_MEDIA_QUERY,
+  _ as ABOVE_TABLET_MEDIA_QUERY,
+  t as MOBILE_BREAKPOINT,
+  B as SHEET_MEDIA_QUERY,
+  o as TABLET_BREAKPOINT,
   T as TABLET_PORTRAIT_BREAKPOINT
 };
 //# sourceMappingURL=breakpoint.constants.js.map

package/build/constants/breakpoint.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoint.constants.js","sources":["../../src/constants/breakpoint.constants.ts"],"sourcesContent":["/** Kırılma noktaları — `styles/_variables.scss` içindeki `$breakpoint-*` ile aynı değerler. */\nexport const MOBILE_BREAKPOINT = 640;\n\nexport const TABLET_PORTRAIT_BREAKPOINT = 768;\n\nexport const TABLET_BREAKPOINT = 1024;\n\n/** Kenar çubuğu ekranda olduğu için filtre paneli bu ölçünün üstünde gizlenir. */\nexport const ABOVE_TABLET_MEDIA_QUERY = `(min-width: ${TABLET_BREAKPOINT + 1}px)`;\n\n/** Seçim kutusunun alt sayfası yalnızca bu ölçünün altında kullanılır. */\nexport const ABOVE_MOBILE_MEDIA_QUERY = `(min-width: ${MOBILE_BREAKPOINT + 1}px)`;\n"],"names":["MOBILE_BREAKPOINT","TABLET_PORTRAIT_BREAKPOINT","TABLET_BREAKPOINT","ABOVE_TABLET_MEDIA_QUERY","ABOVE_MOBILE_MEDIA_QUERY"],"mappings":"AACO,MAAMA,IAAoB,KAEpBC,IAA6B,KAE7BC,IAAoB,MAGpBC,IAA2B,uBAG3BC,IAA2B;"}
+{"version":3,"file":"breakpoint.constants.js","sources":["../../src/constants/breakpoint.constants.ts"],"sourcesContent":["import { breakpoints } from '@handijit/design';\n\n/** Breakpoints — the values of `@handijit/design` (`$breakpoint-*` in `styles/_variables.scss`). */\nexport const MOBILE_BREAKPOINT = breakpoints.sm;\n\nexport const TABLET_PORTRAIT_BREAKPOINT = breakpoints.md;\n\nexport const TABLET_BREAKPOINT = breakpoints.lg;\n\n/** A sidebar is on screen above this width, so a filter panel is hidden there. */\nexport const ABOVE_TABLET_MEDIA_QUERY = `(min-width: ${TABLET_BREAKPOINT + 1}px)`;\n\nexport const ABOVE_MOBILE_MEDIA_QUERY = `(min-width: ${MOBILE_BREAKPOINT + 1}px)`;\n\n/**\n * When a select-like control opens a bottom sheet instead of a dropdown: a NARROW viewport on a\n * TOUCH device. A desktop window is never a sheet, however narrow — a pointer reaches a dropdown\n * next to the trigger faster than a sheet at the bottom edge of the window.\n */\nexport const SHEET_MEDIA_QUERY = `(max-width: ${MOBILE_BREAKPOINT}px) and (pointer: coarse)`;\n"],"names":["MOBILE_BREAKPOINT","breakpoints","TABLET_PORTRAIT_BREAKPOINT","TABLET_BREAKPOINT","ABOVE_TABLET_MEDIA_QUERY","ABOVE_MOBILE_MEDIA_QUERY","SHEET_MEDIA_QUERY"],"mappings":";AAGO,MAAMA,IAAoBC,EAAY,IAEhCC,IAA6BD,EAAY,IAEzCE,IAAoBF,EAAY,IAGhCG,IAA2B,eAAeD,IAAoB,CAAC,OAE/DE,IAA2B,eAAeL,IAAoB,CAAC,OAO/DM,IAAoB,eAAeN,CAAiB;"}

package/build/enums/ui-size.enum.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ui-size.enum.cjs","sources":["../../src/enums/ui-size.enum.ts"],"sourcesContent":["/** Ölçü basamakları. */\nenum UISize {\n  /** Görsel 30 px — yoğun araç çubuğu ve üst bant. Dokunma hedefi yine 44 px (`tap-target`). */\n  XSMALL = 'XSMALL',\n  SMALL = 'SMALL',\n  MEDIUM = 'MEDIUM',\n  LARGE = 'LARGE',\n}\n\nexport default UISize;\n"],"names":["UISize"],"mappings":"4GACA,IAAKA,GAAAA,IAEHA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,MAAQ,QALLA,IAAAA,GAAA,CAAA,CAAA"}
+{"version":3,"file":"ui-size.enum.cjs","sources":["../../src/enums/ui-size.enum.ts"],"sourcesContent":["/** Size steps. */\nenum UISize {\n  /** 28px tall — dense toolbars and the top band. The touch target stays 44px (`tap-target`). */\n  XSMALL = 'XSMALL',\n  /** 32px tall. */\n  SMALL = 'SMALL',\n  /** 40px tall. */\n  MEDIUM = 'MEDIUM',\n  /** 48px tall. */\n  LARGE = 'LARGE',\n}\n\nexport default UISize;\n"],"names":["UISize"],"mappings":"4GACA,IAAKA,GAAAA,IAEHA,EAAA,OAAS,SAETA,EAAA,MAAQ,QAERA,EAAA,OAAS,SAETA,EAAA,MAAQ,QARLA,IAAAA,GAAA,CAAA,CAAA"}

package/build/enums/ui-size.enum.d.ts

@@ -1,9 +1,12 @@
-/** Ölçü basamakları. */
+/** Size steps. */
 declare enum UISize {
-    /** Görsel 30 px — yoğun araç çubuğu ve üst bant. Dokunma hedefi yine 44 px (`tap-target`). */
+    /** 28px tall — dense toolbars and the top band. The touch target stays 44px (`tap-target`). */
     XSMALL = "XSMALL",
+    /** 32px tall. */
     SMALL = "SMALL",
+    /** 40px tall. */
     MEDIUM = "MEDIUM",
+    /** 48px tall. */
     LARGE = "LARGE"
 }
 export default UISize;

package/build/enums/ui-size.enum.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-size.enum.js","sources":["../../src/enums/ui-size.enum.ts"],"sourcesContent":["/** Ölçü basamakları. */\nenum UISize {\n  /** Görsel 30 px — yoğun araç çubuğu ve üst bant. Dokunma hedefi yine 44 px (`tap-target`). */\n  XSMALL = 'XSMALL',\n  SMALL = 'SMALL',\n  MEDIUM = 'MEDIUM',\n  LARGE = 'LARGE',\n}\n\nexport default UISize;\n"],"names":["UISize"],"mappings":"AACA,IAAKA,sBAAAA,OAEHA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SALLA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"ui-size.enum.js","sources":["../../src/enums/ui-size.enum.ts"],"sourcesContent":["/** Size steps. */\nenum UISize {\n  /** 28px tall — dense toolbars and the top band. The touch target stays 44px (`tap-target`). */\n  XSMALL = 'XSMALL',\n  /** 32px tall. */\n  SMALL = 'SMALL',\n  /** 40px tall. */\n  MEDIUM = 'MEDIUM',\n  /** 48px tall. */\n  LARGE = 'LARGE',\n}\n\nexport default UISize;\n"],"names":["UISize"],"mappings":"AACA,IAAKA,sBAAAA,OAEHA,EAAA,SAAS,UAETA,EAAA,QAAQ,SAERA,EAAA,SAAS,UAETA,EAAA,QAAQ,SARLA,IAAAA,KAAA,CAAA,CAAA;"}

package/build/enums/ui-variant.enum.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var R=(e=>(e.PRIMARY="PRIMARY",e.CART="CART",e.SECONDARY="SECONDARY",e.OUTLINE="OUTLINE",e.DARK="DARK",e.LIGHT="LIGHT",e.GHOST="GHOST",e.DANGER="DANGER",e))(R||{});exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var N=(e=>(e.PRIMARY="PRIMARY",e.ACCENT="ACCENT",e.SECONDARY="SECONDARY",e.OUTLINE="OUTLINE",e.SOFT="SOFT",e.GHOST="GHOST",e.DANGER="DANGER",e.ON_BAND="ON_BAND",e))(N||{});exports.default=N;
 //# sourceMappingURL=ui-variant.enum.cjs.map

package/build/enums/ui-variant.enum.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ui-variant.enum.cjs","sources":["../../src/enums/ui-variant.enum.ts"],"sourcesContent":["/** Düğme ve eylem varyantları. */\nenum UIVariant {\n  /** Ekranın tek beklenen eylemi: çam dolgu (koyu temada mint sınırla). Bir ekranda TEK. */\n  PRIMARY = 'PRIMARY',\n  /** Dönüşüm eylemi — ve yalnızca o. */\n  CART = 'CART',\n  /** Nötr ikincil eylem: gri kenarlık, koyu metin (\"Vazgeç\"). */\n  SECONDARY = 'SECONDARY',\n  /** Mürekkep çerçeveli eylem — teşvik edilen ama birincil olmayan gezinme (\"Tümünü gör\"). */\n  OUTLINE = 'OUTLINE',\n  /** Vurgu bandı içindeki eylem: bandın kendi yüzey merdivenini kullanır. */\n  DARK = 'DARK',\n  /** Nötr yüzey dolgusu; kart içi ikincil eylem. */\n  LIGHT = 'LIGHT',\n  /** Zeminsiz eylem: araç çubuğu ve satır içi ikincil işler. */\n  GHOST = 'GHOST',\n  /** Yıkıcı eylem: silme onayı. */\n  DANGER = 'DANGER',\n}\n\nexport default UIVariant;\n"],"names":["UIVariant"],"mappings":"4GACA,IAAKA,GAAAA,IAEHA,EAAA,QAAU,UAEVA,EAAA,KAAO,OAEPA,EAAA,UAAY,YAEZA,EAAA,QAAU,UAEVA,EAAA,KAAO,OAEPA,EAAA,MAAQ,QAERA,EAAA,MAAQ,QAERA,EAAA,OAAS,SAhBNA,IAAAA,GAAA,CAAA,CAAA"}
+{"version":3,"file":"ui-variant.enum.cjs","sources":["../../src/enums/ui-variant.enum.ts"],"sourcesContent":["/** Button variants. */\nenum UIVariant {\n  /** The one expected action of the screen: cobalt fill. One per screen. */\n  PRIMARY = 'PRIMARY',\n  /** The conversion action (download, try, subscribe): coral fill — and only that. */\n  ACCENT = 'ACCENT',\n  /** Neutral secondary action: grey border, body text (\"Cancel\"). */\n  SECONDARY = 'SECONDARY',\n  /** Cobalt frame — an encouraged navigation that is not the primary action (\"See all\"). */\n  OUTLINE = 'OUTLINE',\n  /** Neutral fill; a secondary action inside a card. */\n  SOFT = 'SOFT',\n  /** No surface: toolbar and inline secondary actions, in the link colour. */\n  GHOST = 'GHOST',\n  /** Destructive action: a delete confirmation. */\n  DANGER = 'DANGER',\n  /** An action on the brand band (deep cobalt in both themes). */\n  ON_BAND = 'ON_BAND',\n}\n\nexport default UIVariant;\n"],"names":["UIVariant"],"mappings":"4GACA,IAAKA,GAAAA,IAEHA,EAAA,QAAU,UAEVA,EAAA,OAAS,SAETA,EAAA,UAAY,YAEZA,EAAA,QAAU,UAEVA,EAAA,KAAO,OAEPA,EAAA,MAAQ,QAERA,EAAA,OAAS,SAETA,EAAA,QAAU,UAhBPA,IAAAA,GAAA,CAAA,CAAA"}

package/build/enums/ui-variant.enum.d.ts

@@ -1,20 +1,20 @@
-/** Düğme ve eylem varyantları. */
+/** Button variants. */
 declare enum UIVariant {
-    /** Ekranın tek beklenen eylemi: çam dolgu (koyu temada mint sınırla). Bir ekranda TEK. */
+    /** The one expected action of the screen: cobalt fill. One per screen. */
     PRIMARY = "PRIMARY",
-    /** Dönüşüm eylemi — ve yalnızca o. */
-    CART = "CART",
-    /** Nötr ikincil eylem: gri kenarlık, koyu metin ("Vazgeç"). */
+    /** The conversion action (download, try, subscribe): coral fill — and only that. */
+    ACCENT = "ACCENT",
+    /** Neutral secondary action: grey border, body text ("Cancel"). */
     SECONDARY = "SECONDARY",
-    /** Mürekkep çerçeveli eylem — teşvik edilen ama birincil olmayan gezinme ("Tümünü gör"). */
+    /** Cobalt frame — an encouraged navigation that is not the primary action ("See all"). */
     OUTLINE = "OUTLINE",
-    /** Vurgu bandı içindeki eylem: bandın kendi yüzey merdivenini kullanır. */
-    DARK = "DARK",
-    /** Nötr yüzey dolgusu; kart içi ikincil eylem. */
-    LIGHT = "LIGHT",
-    /** Zeminsiz eylem: araç çubuğu ve satır içi ikincil işler. */
+    /** Neutral fill; a secondary action inside a card. */
+    SOFT = "SOFT",
+    /** No surface: toolbar and inline secondary actions, in the link colour. */
     GHOST = "GHOST",
-    /** Yıkıcı eylem: silme onayı. */
-    DANGER = "DANGER"
+    /** Destructive action: a delete confirmation. */
+    DANGER = "DANGER",
+    /** An action on the brand band (deep cobalt in both themes). */
+    ON_BAND = "ON_BAND"
 }
 export default UIVariant;

package/build/enums/ui-variant.enum.js

@@ -1,4 +1,4 @@
-var A = /* @__PURE__ */ ((R) => (R.PRIMARY = "PRIMARY", R.CART = "CART", R.SECONDARY = "SECONDARY", R.OUTLINE = "OUTLINE", R.DARK = "DARK", R.LIGHT = "LIGHT", R.GHOST = "GHOST", R.DANGER = "DANGER", R))(A || {});
+var A = /* @__PURE__ */ ((N) => (N.PRIMARY = "PRIMARY", N.ACCENT = "ACCENT", N.SECONDARY = "SECONDARY", N.OUTLINE = "OUTLINE", N.SOFT = "SOFT", N.GHOST = "GHOST", N.DANGER = "DANGER", N.ON_BAND = "ON_BAND", N))(A || {});
 export {
   A as default
 };

package/build/enums/ui-variant.enum.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-variant.enum.js","sources":["../../src/enums/ui-variant.enum.ts"],"sourcesContent":["/** Düğme ve eylem varyantları. */\nenum UIVariant {\n  /** Ekranın tek beklenen eylemi: çam dolgu (koyu temada mint sınırla). Bir ekranda TEK. */\n  PRIMARY = 'PRIMARY',\n  /** Dönüşüm eylemi — ve yalnızca o. */\n  CART = 'CART',\n  /** Nötr ikincil eylem: gri kenarlık, koyu metin (\"Vazgeç\"). */\n  SECONDARY = 'SECONDARY',\n  /** Mürekkep çerçeveli eylem — teşvik edilen ama birincil olmayan gezinme (\"Tümünü gör\"). */\n  OUTLINE = 'OUTLINE',\n  /** Vurgu bandı içindeki eylem: bandın kendi yüzey merdivenini kullanır. */\n  DARK = 'DARK',\n  /** Nötr yüzey dolgusu; kart içi ikincil eylem. */\n  LIGHT = 'LIGHT',\n  /** Zeminsiz eylem: araç çubuğu ve satır içi ikincil işler. */\n  GHOST = 'GHOST',\n  /** Yıkıcı eylem: silme onayı. */\n  DANGER = 'DANGER',\n}\n\nexport default UIVariant;\n"],"names":["UIVariant"],"mappings":"AACA,IAAKA,sBAAAA,OAEHA,EAAA,UAAU,WAEVA,EAAA,OAAO,QAEPA,EAAA,YAAY,aAEZA,EAAA,UAAU,WAEVA,EAAA,OAAO,QAEPA,EAAA,QAAQ,SAERA,EAAA,QAAQ,SAERA,EAAA,SAAS,UAhBNA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"ui-variant.enum.js","sources":["../../src/enums/ui-variant.enum.ts"],"sourcesContent":["/** Button variants. */\nenum UIVariant {\n  /** The one expected action of the screen: cobalt fill. One per screen. */\n  PRIMARY = 'PRIMARY',\n  /** The conversion action (download, try, subscribe): coral fill — and only that. */\n  ACCENT = 'ACCENT',\n  /** Neutral secondary action: grey border, body text (\"Cancel\"). */\n  SECONDARY = 'SECONDARY',\n  /** Cobalt frame — an encouraged navigation that is not the primary action (\"See all\"). */\n  OUTLINE = 'OUTLINE',\n  /** Neutral fill; a secondary action inside a card. */\n  SOFT = 'SOFT',\n  /** No surface: toolbar and inline secondary actions, in the link colour. */\n  GHOST = 'GHOST',\n  /** Destructive action: a delete confirmation. */\n  DANGER = 'DANGER',\n  /** An action on the brand band (deep cobalt in both themes). */\n  ON_BAND = 'ON_BAND',\n}\n\nexport default UIVariant;\n"],"names":["UIVariant"],"mappings":"AACA,IAAKA,sBAAAA,OAEHA,EAAA,UAAU,WAEVA,EAAA,SAAS,UAETA,EAAA,YAAY,aAEZA,EAAA,UAAU,WAEVA,EAAA,OAAO,QAEPA,EAAA,QAAQ,SAERA,EAAA,SAAS,UAETA,EAAA,UAAU,WAhBPA,IAAAA,KAAA,CAAA,CAAA;"}

package/build/helpers/theme.helper.cjs

@@ -1,24 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("@handijit/utils"),d=require("../theme/tokens.cjs"),T="--ui-",c="ui-theme-overrides",l="data-ui-theme",u="data-ui-density",_="ui-theme-switching",h="ui",r="html:root",S=(t,e)=>{const n=t==="dark"?d.DARK_THEME:d.LIGHT_THEME,o=(t==="dark"?e==null?void 0:e.dark:e==null?void 0:e.light)??{};return{...n,...o}},m=t=>{const e=[],n=(s,E="  ")=>Object.entries(s).map(([$,p])=>`${E}${T}${$}: ${p};`).join(`
-`),o=t.fonts??{},i=Object.entries(o).filter(([,s])=>!!s);i.length>0&&e.push(`${r} {
-${i.map(([s,E])=>`  ${T}font-${s}: ${E};`).join(`
-`)}
-}`);const a=t.metrics??{};if(Object.keys(a).length>0){const s=n(a);e.push(`${r} {
-${s}
-}`),e.push(`${r}[${u}='compact'] {
-${s}
-}`)}if(t.light&&Object.keys(t.light).length>0){const s=n(t.light);e.push(`${r} {
-${s}
-}`),e.push(`${r}[${l}='light'] {
-${s}
-}`)}if(t.dark&&Object.keys(t.dark).length>0){const s=n(t.dark);e.push(`${r}[${l}='dark'] {
-${s}
-}`),e.push(`@media (prefers-color-scheme: dark) {
-  ${r}:not([${l}]) {
-${n(t.dark,"    ")}
-  }
-}`)}return e.length===0?"":`@layer ${h} {
-${e.join(`
-
-`).replace(/^(?=.)/gm,"  ")}
-}`},k=t=>t.replace(/<\/style/gi,"<\\/style"),I=t=>{if(!y.isClient())return;const e=t?m(t):"",n=document.getElementById(c);if(e===""){n==null||n.remove();return}const o=n??document.createElement("style");o.id=c,o.textContent=e,n||document.head.appendChild(o)},H=({storageKey:t})=>`(function(){try{var t=localStorage.getItem(${JSON.stringify(t)});if(t==="light"||t==="dark")document.documentElement.setAttribute("${l}",t)}catch(e){}})()`;exports.DENSITY_ATTRIBUTE=u;exports.THEME_ATTRIBUTE=l;exports.THEME_LAYER=h;exports.THEME_STYLE_ID=c;exports.THEME_SWITCHING_CLASS=_;exports.TOKEN_PREFIX=T;exports.applyThemeConfig=I;exports.buildThemeCss=m;exports.resolveTokens=S;exports.themeBootScript=H;exports.toStyleHtml=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@handijit/design"),r=require("@handijit/utils"),n="ui-theme-switching",o="(prefers-color-scheme: dark)",i=e=>e==="light"||e==="dark",s=()=>{var e;return r.isClient()&&((e=window.matchMedia)!=null&&e.call(window,o).matches)?"dark":"light"},c=()=>{if(!r.isClient())return"system";try{const e=window.localStorage.getItem(t.THEME_STORAGE_KEY);return i(e)?e:"system"}catch{return"system"}},m=()=>{if(!r.isClient())return"light";const e=document.documentElement.getAttribute(t.THEME_ATTRIBUTE);return i(e)?e:s()},T=e=>{if(r.isClient()){try{e==="system"?window.localStorage.removeItem(t.THEME_STORAGE_KEY):window.localStorage.setItem(t.THEME_STORAGE_KEY,e)}catch{}document.documentElement.setAttribute(t.THEME_ATTRIBUTE,e==="system"?s():e)}};exports.THEME_SWITCHING_CLASS=n;exports.applyThemePreference=T;exports.readActiveTheme=m;exports.readStoredPreference=c;exports.readSystemTheme=s;
 //# sourceMappingURL=theme.helper.cjs.map

package/build/helpers/theme.helper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme.helper.cjs","sources":["../../src/helpers/theme.helper.ts"],"sourcesContent":["import { isClient } from '@handijit/utils';\n\nimport { DARK_THEME, DEFAULT_FONTS, LIGHT_THEME } from '../theme/tokens';\nimport type { UiColorScheme, UiResolvedTokens, UiThemeConfig } from '@/types/theme.type';\n\n/** CSS özel özelliği öneki — `_tokens.generated.scss` ile aynı olmak zorunda. */\nexport const TOKEN_PREFIX = '--ui-';\n\n/** Ezme kurallarını taşıyan `<style>` etiketinin kimliği. */\nexport const THEME_STYLE_ID = 'ui-theme-overrides';\n\n/** Temanın taşındığı öznitelik. `<html data-ui-theme=\"dark\">`. */\nexport const THEME_ATTRIBUTE = 'data-ui-theme';\n\n/** Bilgi yoğunluğunun taşındığı öznitelik. `<html data-ui-density=\"compact\">`. */\nexport const DENSITY_ATTRIBUTE = 'data-ui-density';\n\n/** Geçiş animasyonlarını tek kare boyunca kapatan sınıf (bkz. `base.scss`). */\nexport const THEME_SWITCHING_CLASS = 'ui-theme-switching';\n\n/** Ezmelerin katmanı — `scripts/lib/postcss-ui-layer.mjs`in varsayılanıyla aynı olmak zorunda. */\nexport const THEME_LAYER = 'ui';\n\n/**\n * Ezme kurallarının kök seçicisi: `_tokens.generated.scss`teki karşılığından bir öğe (`html`) daha\n * özgül — (0,1,1) > (0,1,0), (0,2,1) > (0,2,0). Katman içinde ezme varsayılanı KAYNAK SIRASINDAN\n * bağımsız yener. Açık temanın `html:root`u (0,1,1) koyu varsayılanın `:root:not([…])`ına\n * (0,2,0) yenilir: açık ezme koyu temaya sızmaz.\n */\nconst THEME_ROOT = 'html:root';\n\n/** Verilen şemanın tam token eşlemesi — ezmeler uygulanmış hâliyle. */\nexport const resolveTokens = (scheme: UiColorScheme, config?: UiThemeConfig): UiResolvedTokens => {\n  const base = scheme === 'dark' ? DARK_THEME : LIGHT_THEME;\n  const overrides = (scheme === 'dark' ? config?.dark : config?.light) ?? {};\n\n  return { ...base, ...overrides };\n};\n\n/**\n * Yapılandırmayı CSS metnine çevirir. Çıktının tamamı `@layer ui` içinde: tüketicinin katmansız\n * her kuralı ezmeyi özgüllükten ve sıradan bağımsız yener (README, \"CSS'imizi ezmek\").\n * ⚠ 5.6.2'ye kadar ezme katmansızdı: `:root:not([data-ui-theme])` (0,2,0) tüketicinin `<html>`e\n * yazdığı ezmeyi (`html:has(.panel)`, 0,1,1) hidrasyondan SONRA eziyordu — sunucu çiziminde\n * tüketicinin rengi, bir kare sonra temanınki (ölçüldü: panelin kırmızı sil düğmesi koyu temada\n * beyaza dönüyordu). Katmansız açık ezme koyu varsayılanı da yeniyor, koyu temaya sızıyordu.\n */\nexport const buildThemeCss = (config: UiThemeConfig): string => {\n  const blocks: string[] = [];\n\n  const declarations = (tokens: Record<string, string>, indent = '  ') =>\n    Object.entries(tokens)\n      .map(([name, value]) => `${indent}${TOKEN_PREFIX}${name}: ${value};`)\n      .join('\\n');\n\n  const fonts = config.fonts ?? {};\n  const fontEntries = Object.entries(fonts).filter(([, value]) => Boolean(value)) as [\n    keyof typeof DEFAULT_FONTS,\n    string,\n  ][];\n\n  if (fontEntries.length > 0)\n    blocks.push(\n      `${THEME_ROOT} {\\n${fontEntries\n        .map(([role, stack]) => `  ${TOKEN_PREFIX}font-${role}: ${stack};`)\n        .join('\\n')}\\n}`,\n    );\n\n  /* OLCU EZMELERI TEMA BASINA DEGIL, TEK BLOKTA. */\n  const metrics = config.metrics ?? {};\n\n  if (Object.keys(metrics).length > 0) {\n    const body = declarations(metrics as Record<string, string>);\n    blocks.push(`${THEME_ROOT} {\\n${body}\\n}`);\n    blocks.push(`${THEME_ROOT}[${DENSITY_ATTRIBUTE}='compact'] {\\n${body}\\n}`);\n  }\n\n  /*\n   * Acik tema iki secicide birden yazilir: `html:root` (varsayilan) ve\n   * `html:root[data-ui-theme='light']` (kullanicinin acik secimi).\n   */\n  if (config.light && Object.keys(config.light).length > 0) {\n    const body = declarations(config.light);\n    blocks.push(`${THEME_ROOT} {\\n${body}\\n}`);\n    blocks.push(`${THEME_ROOT}[${THEME_ATTRIBUTE}='light'] {\\n${body}\\n}`);\n  }\n\n  if (config.dark && Object.keys(config.dark).length > 0) {\n    const body = declarations(config.dark);\n    blocks.push(`${THEME_ROOT}[${THEME_ATTRIBUTE}='dark'] {\\n${body}\\n}`);\n    blocks.push(\n      `@media (prefers-color-scheme: dark) {\\n  ${THEME_ROOT}:not([${THEME_ATTRIBUTE}]) {\\n${declarations(\n        config.dark,\n        '    ',\n      )}\\n  }\\n}`,\n    );\n  }\n\n  if (blocks.length === 0) return '';\n\n  return `@layer ${THEME_LAYER} {\\n${blocks.join('\\n\\n').replace(/^(?=.)/gm, '  ')}\\n}`;\n};\n\n/**\n * `<style>` içine HTML olarak yazılacak CSS: `</style` dizisi etiketi kapatamaz. Değerler\n * yapılandırmadan (kiracının veritabanındaki marka rengi) gelebilir; `\\/` CSS'te `/` demek.\n */\nexport const toStyleHtml = (css: string): string => css.replace(/<\\/style/gi, '<\\\\/style');\n\n/**\n * Ezmeleri `<head>`in sonuna yazar — React dışındaki yol (`initUi`); sağlayıcı ezmeyi ağaçta\n * çizer.\n * ⚠ Stil sayfalarından SONRA çağrılmalı: `@layer ui` belgede ilk kez burada görülürse katman\n * sırası buradan kurulur ve tüketicinin sonra gelen `@layer reset, ui;` bildirimi `reset`i\n * `ui`nin üstüne koyar.\n */\nexport const applyThemeConfig = (config: UiThemeConfig | undefined): void => {\n  if (!isClient()) return;\n\n  const css = config ? buildThemeCss(config) : '';\n  const existing = document.getElementById(THEME_STYLE_ID);\n\n  if (css === '') {\n    existing?.remove();\n    return;\n  }\n\n  const element = existing ?? document.createElement('style');\n  element.id = THEME_STYLE_ID;\n  element.textContent = css;\n\n  if (!existing) document.head.appendChild(element);\n};\n\n/**\n * İLK BOYAMADAN ÖNCE çalışacak tema betiği — `<head>` içine, React ağacından ÖNCE.\n * Kayıtlı açık seçimi (`light` / `dark`) `<html data-ui-theme>`e yazar; kayıt yoksa öznitelik\n * yazılmaz ve sistem tercihi izlenir.\n * ⚠ React ağacına konamaz: sağlayıcı ağaç monte olduktan sonra çalışıyor ve koyu tema seçmiş\n * kullanıcı o ana kadar bir kare beyaz ekran görüyordu. İki tüketici bu betiği ELLE yazıyordu.\n * ⚠ Depolama okunamazsa (gizli pencere, engellenmiş site verisi) sessizce sistem tercihine düşer.\n * @example <script dangerouslySetInnerHTML={{ __html: themeBootScript({ storageKey: 'theme' }) }} />\n */\nexport const themeBootScript = ({ storageKey }: { storageKey: string }): string =>\n  `(function(){try{var t=localStorage.getItem(${JSON.stringify(storageKey)});` +\n  `if(t===\"light\"||t===\"dark\")document.documentElement.setAttribute(\"${THEME_ATTRIBUTE}\",t)}` +\n  `catch(e){}})()`;\n"],"names":["TOKEN_PREFIX","THEME_STYLE_ID","THEME_ATTRIBUTE","DENSITY_ATTRIBUTE","THEME_SWITCHING_CLASS","THEME_LAYER","THEME_ROOT","resolveTokens","scheme","config","base","DARK_THEME","LIGHT_THEME","overrides","buildThemeCss","blocks","declarations","tokens","indent","name","value","fonts","fontEntries","role","stack","metrics","body","toStyleHtml","css","applyThemeConfig","isClient","existing","element","themeBootScript","storageKey"],"mappings":"oJAMaA,EAAe,QAGfC,EAAiB,qBAGjBC,EAAkB,gBAGlBC,EAAoB,kBAGpBC,EAAwB,qBAGxBC,EAAc,KAQrBC,EAAa,YAGNC,EAAgB,CAACC,EAAuBC,IAA6C,CAChG,MAAMC,EAAOF,IAAW,OAASG,EAAAA,WAAaC,EAAAA,YACxCC,GAAaL,IAAW,OAASC,GAAA,YAAAA,EAAQ,KAAOA,GAAA,YAAAA,EAAQ,QAAU,CAAA,EAExE,MAAO,CAAE,GAAGC,EAAM,GAAGG,CAAA,CACvB,EAUaC,EAAiBL,GAAkC,CAC9D,MAAMM,EAAmB,CAAA,EAEnBC,EAAe,CAACC,EAAgCC,EAAS,OAC7D,OAAO,QAAQD,CAAM,EAClB,IAAI,CAAC,CAACE,EAAMC,CAAK,IAAM,GAAGF,CAAM,GAAGlB,CAAY,GAAGmB,CAAI,KAAKC,CAAK,GAAG,EACnE,KAAK;AAAA,CAAI,EAERC,EAAQZ,EAAO,OAAS,CAAA,EACxBa,EAAc,OAAO,QAAQD,CAAK,EAAE,OAAO,CAAC,EAAGD,CAAK,IAAM,EAAQA,CAAM,EAK1EE,EAAY,OAAS,GACvBP,EAAO,KACL,GAAGT,CAAU;AAAA,EAAOgB,EACjB,IAAI,CAAC,CAACC,EAAMC,CAAK,IAAM,KAAKxB,CAAY,QAAQuB,CAAI,KAAKC,CAAK,GAAG,EACjE,KAAK;AAAA,CAAI,CAAC;AAAA,EAAA,EAIjB,MAAMC,EAAUhB,EAAO,SAAW,CAAA,EAElC,GAAI,OAAO,KAAKgB,CAAO,EAAE,OAAS,EAAG,CACnC,MAAMC,EAAOV,EAAaS,CAAiC,EAC3DV,EAAO,KAAK,GAAGT,CAAU;AAAA,EAAOoB,CAAI;AAAA,EAAK,EACzCX,EAAO,KAAK,GAAGT,CAAU,IAAIH,CAAiB;AAAA,EAAkBuB,CAAI;AAAA,EAAK,CAC3E,CAMA,GAAIjB,EAAO,OAAS,OAAO,KAAKA,EAAO,KAAK,EAAE,OAAS,EAAG,CACxD,MAAMiB,EAAOV,EAAaP,EAAO,KAAK,EACtCM,EAAO,KAAK,GAAGT,CAAU;AAAA,EAAOoB,CAAI;AAAA,EAAK,EACzCX,EAAO,KAAK,GAAGT,CAAU,IAAIJ,CAAe;AAAA,EAAgBwB,CAAI;AAAA,EAAK,CACvE,CAEA,GAAIjB,EAAO,MAAQ,OAAO,KAAKA,EAAO,IAAI,EAAE,OAAS,EAAG,CACtD,MAAMiB,EAAOV,EAAaP,EAAO,IAAI,EACrCM,EAAO,KAAK,GAAGT,CAAU,IAAIJ,CAAe;AAAA,EAAewB,CAAI;AAAA,EAAK,EACpEX,EAAO,KACL;AAAA,IAA4CT,CAAU,SAASJ,CAAe;AAAA,EAASc,EACrFP,EAAO,KACP,MAAA,CACD;AAAA;AAAA,EAAA,CAEL,CAEA,OAAIM,EAAO,SAAW,EAAU,GAEzB,UAAUV,CAAW;AAAA,EAAOU,EAAO,KAAK;AAAA;AAAA,CAAM,EAAE,QAAQ,WAAY,IAAI,CAAC;AAAA,EAClF,EAMaY,EAAeC,GAAwBA,EAAI,QAAQ,aAAc,WAAW,EAS5EC,EAAoBpB,GAA4C,CAC3E,GAAI,CAACqB,EAAAA,WAAY,OAEjB,MAAMF,EAAMnB,EAASK,EAAcL,CAAM,EAAI,GACvCsB,EAAW,SAAS,eAAe9B,CAAc,EAEvD,GAAI2B,IAAQ,GAAI,CACdG,GAAA,MAAAA,EAAU,SACV,MACF,CAEA,MAAMC,EAAUD,GAAY,SAAS,cAAc,OAAO,EAC1DC,EAAQ,GAAK/B,EACb+B,EAAQ,YAAcJ,EAEjBG,GAAU,SAAS,KAAK,YAAYC,CAAO,CAClD,EAWaC,EAAkB,CAAC,CAAE,WAAAC,CAAA,IAChC,8CAA8C,KAAK,UAAUA,CAAU,CAAC,uEACHhC,CAAe"}
+{"version":3,"file":"theme.helper.cjs","sources":["../../src/helpers/theme.helper.ts"],"sourcesContent":["import {\n  THEME_ATTRIBUTE,\n  THEME_STORAGE_KEY,\n  type ThemeName,\n  type ThemePreference,\n} from '@handijit/design';\nimport { isClient } from '@handijit/utils';\n\n/** Turns transitions off for one frame while the theme flips (see `base.scss`). */\nexport const THEME_SWITCHING_CLASS = 'ui-theme-switching';\n\nconst DARK_QUERY = '(prefers-color-scheme: dark)';\n\nconst isThemeName = (value: unknown): value is ThemeName => value === 'light' || value === 'dark';\n\n/** The operating system's setting; `light` on the server. */\nexport const readSystemTheme = (): ThemeName =>\n  isClient() && window.matchMedia?.(DARK_QUERY).matches ? 'dark' : 'light';\n\n/**\n * The user's stored choice. \"System\" is the absence of the key, and a storage that throws (private\n * window, blocked site data) counts as no choice — the same reading as the design boot script.\n */\nexport const readStoredPreference = (): ThemePreference => {\n  if (!isClient()) return 'system';\n\n  try {\n    const stored = window.localStorage.getItem(THEME_STORAGE_KEY);\n    return isThemeName(stored) ? stored : 'system';\n  } catch {\n    return 'system';\n  }\n};\n\n/** The theme drawn on the page: the root attribute when it names a theme, else the system's. */\nexport const readActiveTheme = (): ThemeName => {\n  if (!isClient()) return 'light';\n\n  const attribute = document.documentElement.getAttribute(THEME_ATTRIBUTE);\n  return isThemeName(attribute) ? attribute : readSystemTheme();\n};\n\n/**\n * Stores the choice and applies it to the root element, the way `@handijit/design` documents it:\n * only `light` / `dark` are stored, \"system\" removes the key, and the attribute always carries the\n * resolved theme so the boot script and this function agree.\n */\nexport const applyThemePreference = (preference: ThemePreference): void => {\n  if (!isClient()) return;\n\n  try {\n    if (preference === 'system') window.localStorage.removeItem(THEME_STORAGE_KEY);\n    else window.localStorage.setItem(THEME_STORAGE_KEY, preference);\n  } catch {\n    /* The choice still applies for this page view; it just cannot be remembered. */\n  }\n\n  document.documentElement.setAttribute(\n    THEME_ATTRIBUTE,\n    preference === 'system' ? readSystemTheme() : preference,\n  );\n};\n"],"names":["THEME_SWITCHING_CLASS","DARK_QUERY","isThemeName","value","readSystemTheme","isClient","_a","readStoredPreference","stored","THEME_STORAGE_KEY","readActiveTheme","attribute","THEME_ATTRIBUTE","applyThemePreference","preference"],"mappings":"iJASaA,EAAwB,qBAE/BC,EAAa,+BAEbC,EAAeC,GAAuCA,IAAU,SAAWA,IAAU,OAG9EC,EAAkB,IAAA,OAC7BC,OAAAA,EAAAA,SAAA,KAAcC,EAAA,OAAO,aAAP,MAAAA,EAAA,YAAoBL,GAAY,SAAU,OAAS,SAMtDM,EAAuB,IAAuB,CACzD,GAAI,CAACF,EAAAA,SAAA,EAAY,MAAO,SAExB,GAAI,CACF,MAAMG,EAAS,OAAO,aAAa,QAAQC,EAAAA,iBAAiB,EAC5D,OAAOP,EAAYM,CAAM,EAAIA,EAAS,QACxC,MAAQ,CACN,MAAO,QACT,CACF,EAGaE,EAAkB,IAAiB,CAC9C,GAAI,CAACL,EAAAA,SAAA,EAAY,MAAO,QAExB,MAAMM,EAAY,SAAS,gBAAgB,aAAaC,EAAAA,eAAe,EACvE,OAAOV,EAAYS,CAAS,EAAIA,EAAYP,EAAA,CAC9C,EAOaS,EAAwBC,GAAsC,CACzE,GAAKT,EAAAA,WAEL,IAAI,CACES,IAAe,SAAU,OAAO,aAAa,WAAWL,EAAAA,iBAAiB,EACxE,OAAO,aAAa,QAAQA,EAAAA,kBAAmBK,CAAU,CAChE,MAAQ,CAER,CAEA,SAAS,gBAAgB,aACvBF,EAAAA,gBACAE,IAAe,SAAWV,IAAoBU,CAAA,EAElD"}

package/build/helpers/theme.helper.d.ts

@@ -1,49 +1,18 @@
-import { UiColorScheme, UiResolvedTokens, UiThemeConfig } from '../types/theme.type';
-/** CSS özel özelliği öneki — `_tokens.generated.scss` ile aynı olmak zorunda. */
-export declare const TOKEN_PREFIX = "--ui-";
-/** Ezme kurallarını taşıyan `<style>` etiketinin kimliği. */
-export declare const THEME_STYLE_ID = "ui-theme-overrides";
-/** Temanın taşındığı öznitelik. `<html data-ui-theme="dark">`. */
-export declare const THEME_ATTRIBUTE = "data-ui-theme";
-/** Bilgi yoğunluğunun taşındığı öznitelik. `<html data-ui-density="compact">`. */
-export declare const DENSITY_ATTRIBUTE = "data-ui-density";
-/** Geçiş animasyonlarını tek kare boyunca kapatan sınıf (bkz. `base.scss`). */
+import { ThemeName, ThemePreference } from '@handijit/design';
+/** Turns transitions off for one frame while the theme flips (see `base.scss`). */
 export declare const THEME_SWITCHING_CLASS = "ui-theme-switching";
-/** Ezmelerin katmanı — `scripts/lib/postcss-ui-layer.mjs`in varsayılanıyla aynı olmak zorunda. */
-export declare const THEME_LAYER = "ui";
-/** Verilen şemanın tam token eşlemesi — ezmeler uygulanmış hâliyle. */
-export declare const resolveTokens: (scheme: UiColorScheme, config?: UiThemeConfig) => UiResolvedTokens;
+/** The operating system's setting; `light` on the server. */
+export declare const readSystemTheme: () => ThemeName;
 /**
- * Yapılandırmayı CSS metnine çevirir. Çıktının tamamı `@layer ui` içinde: tüketicinin katmansız
- * her kuralı ezmeyi özgüllükten ve sıradan bağımsız yener (README, "CSS'imizi ezmek").
- * ⚠ 5.6.2'ye kadar ezme katmansızdı: `:root:not([data-ui-theme])` (0,2,0) tüketicinin `<html>`e
- * yazdığı ezmeyi (`html:has(.panel)`, 0,1,1) hidrasyondan SONRA eziyordu — sunucu çiziminde
- * tüketicinin rengi, bir kare sonra temanınki (ölçüldü: panelin kırmızı sil düğmesi koyu temada
- * beyaza dönüyordu). Katmansız açık ezme koyu varsayılanı da yeniyor, koyu temaya sızıyordu.
+ * The user's stored choice. "System" is the absence of the key, and a storage that throws (private
+ * window, blocked site data) counts as no choice — the same reading as the design boot script.
  */
-export declare const buildThemeCss: (config: UiThemeConfig) => string;
+export declare const readStoredPreference: () => ThemePreference;
+/** The theme drawn on the page: the root attribute when it names a theme, else the system's. */
+export declare const readActiveTheme: () => ThemeName;
 /**
- * `<style>` içine HTML olarak yazılacak CSS: `</style` dizisi etiketi kapatamaz. Değerler
- * yapılandırmadan (kiracının veritabanındaki marka rengi) gelebilir; `\/` CSS'te `/` demek.
+ * Stores the choice and applies it to the root element, the way `@handijit/design` documents it:
+ * only `light` / `dark` are stored, "system" removes the key, and the attribute always carries the
+ * resolved theme so the boot script and this function agree.
  */
-export declare const toStyleHtml: (css: string) => string;
-/**
- * Ezmeleri `<head>`in sonuna yazar — React dışındaki yol (`initUi`); sağlayıcı ezmeyi ağaçta
- * çizer.
- * ⚠ Stil sayfalarından SONRA çağrılmalı: `@layer ui` belgede ilk kez burada görülürse katman
- * sırası buradan kurulur ve tüketicinin sonra gelen `@layer reset, ui;` bildirimi `reset`i
- * `ui`nin üstüne koyar.
- */
-export declare const applyThemeConfig: (config: UiThemeConfig | undefined) => void;
-/**
- * İLK BOYAMADAN ÖNCE çalışacak tema betiği — `<head>` içine, React ağacından ÖNCE.
- * Kayıtlı açık seçimi (`light` / `dark`) `<html data-ui-theme>`e yazar; kayıt yoksa öznitelik
- * yazılmaz ve sistem tercihi izlenir.
- * ⚠ React ağacına konamaz: sağlayıcı ağaç monte olduktan sonra çalışıyor ve koyu tema seçmiş
- * kullanıcı o ana kadar bir kare beyaz ekran görüyordu. İki tüketici bu betiği ELLE yazıyordu.
- * ⚠ Depolama okunamazsa (gizli pencere, engellenmiş site verisi) sessizce sistem tercihine düşer.
- * @example <script dangerouslySetInnerHTML={{ __html: themeBootScript({ storageKey: 'theme' }) }} />
- */
-export declare const themeBootScript: ({ storageKey }: {
-    storageKey: string;
-}) => string;
+export declare const applyThemePreference: (preference: ThemePreference) => void;