npm - @tcn/ui - Versions diffs - 0.16.0 → 0.18.0 - Mend

@tcn/ui 0.16.0 → 0.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (437) hide show

package/dist/themes/themes/windows_98/windows_98_theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"windows_98_theme.js","sources":["../../../../src/themes/themes/windows_98/windows_98.css?raw","../../../../src/themes/themes/windows_98/windows_98_theme.ts"],"sourcesContent":["export default \"@layer tcn-theme {\\n /* ===== CSS VARIABLES ===== /\\n :root {\\n --scalar: 1;\\n --gap-small: 2px;\\n --gap-medium: 4px;\\n --gap-large: 8px;\\n\\n --padding-small: 2px;\\n --padding-medium: 4px;\\n --padding-large: 8px;\\n\\n --status-color-disabled: #7f7f7f;\\n --status-color-info: #000080;\\n --status-color-warning: #000080;\\n --status-color-error: #be0000;\\n\\n --async-color-initial: #c0c0c0;\\n --async-color-pending: #000080;\\n --async-color-success: #00ff00;\\n --async-color-failed: #be0000;\\n\\n --primary-color-faint: #c0c0c0;\\n --primary-color: #000080;\\n --primary-color-strong: #000080;\\n\\n --secondary-color-faint: #c0c0c0;\\n --secondary-color: #000080;\\n --secondary-color-strong: #000080;\\n\\n --tertiary-color-faint: #c0c0c0;\\n --tertiary-color: #000080;\\n --tertiary-color-strong: #000080;\\n\\n --quaternary-color-faint: #c0c0c0;\\n --quaternary-color: #000080;\\n --quaternary-color-strong: #000080;\\n\\n --background-color-primary: #c0c0c0;\\n --background-color-secondary: #c0c0c0;\\n --background-color-tertiary: #c0c0c0;\\n --background-color-quaternary: #c0c0c0;\\n\\n --foreground-color-primary: #222222;\\n --foreground-color-secondary: #222222;\\n --foreground-color-tertiary: #222222;\\n --foreground-color-quaternary: #222222;\\n\\n --accent-color: #000080;\\n\\n --font-color: #222222;\\n --font-family: \\\"Microsoft Sans Serif\\\", \\\"Arial\\\", sans-serif;\\n --font-size: 12px;\\n }\\n\\n .tcn-theme-root {\\n font-family: var(--font-family);\\n color: var(--font-color);\\n -webkit-font-smoothing: none;\\n }\\n\\n / ===== TYPOGRAPHY ===== /\\n .tcn-title[data-size=\\\"sm\\\"] {\\n font-size: 10px;\\n }\\n .tcn-title[data-size=\\\"md\\\"] {\\n font-size: 12px;\\n }\\n .tcn-title[data-size=\\\"lg\\\"] {\\n font-size: 14px;\\n }\\n\\n .tcn-body-text[data-size=\\\"sm\\\"] {\\n font-size: 10px;\\n }\\n .tcn-body-text[data-size=\\\"md\\\"] {\\n font-size: 11px;\\n }\\n .tcn-body-text[data-size=\\\"lg\\\"] {\\n font-size: 12px;\\n }\\n\\n .tcn-button-text {\\n position: relative;\\n opacity: 1;\\n font-size: 12px !important;\\n }\\n\\n / ===== BUTTONS ===== /\\n / Base button styles /\\n .tcn-base-button,\\n .tcn-button,\\n .tcn-button[data-hierarchy=\\\"primary\\\"],\\n .tcn-button[data-hierarchy=\\\"secondary\\\"],\\n .tcn-button[data-hierarchy=\\\"primary\\\"]:hover,\\n .tcn-button[data-hierarchy=\\\"secondary\\\"]:hover {\\n background: silver;\\n border: none;\\n border-radius: 0;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n box-sizing: border-box;\\n color: #222;\\n min-height: 23px;\\n min-width: 0;\\n padding: 0 12px;\\n font-size: 12px;\\n text-decoration: none;\\n outline: none;\\n }\\n\\n .tcn-button[data-is-disabled=\\\"true\\\"] {\\n text-shadow: 1px 1px 0 #fff;\\n }\\n\\n / Button content positioning /\\n .tcn-button[data-hierarchy=\\\"primary\\\"] > ,\\n .tcn-button[data-hierarchy=\\\"secondary\\\"] > * {\\n position: relative;\\n }\\n\\n .tcn-button[data-hierarchy=\\\"primary\\\"]:active > ,\\n .tcn-button[data-hierarchy=\\\"secondary\\\"]:active > {\\n position: relative;\\n top: 0;\\n left: 1px;\\n }\\n\\n /* Button focus states /\\n .tcn-button[data-hierarchy=\\\"primary\\\"]:focus:not(:active)::before,\\n .tcn-button[data-hierarchy=\\\"secondary\\\"]:focus:not(:active)::before {\\n content: \\\"\\\";\\n position: absolute;\\n top: 1px;\\n bottom: 2px;\\n left: 1px;\\n right: 2px;\\n outline: 1px dotted #222;\\n outline-offset: -3px;\\n }\\n\\n / Primary button specific styles /\\n .tcn-button[data-hierarchy=\\\"primary\\\"],\\n .tcn-button[data-hierarchy=\\\"primary\\\"]:hover {\\n box-shadow:\\n inset -2px -2px #0a0a0a,\\n inset 1px 1px #0a0a0a,\\n inset -3px -3px grey,\\n inset 2px 2px #fff,\\n inset 3px 3px #c0c0c0;\\n }\\n\\n / Active states /\\n .tcn-button[data-hierarchy=\\\"primary\\\"]:active,\\n .tcn-button[data-hierarchy=\\\"secondary\\\"]:active {\\n background: silver;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #0a0a0a,\\n inset -2px -2px #c0c0c0,\\n inset 2px 2px grey;\\n color: #222;\\n border: none;\\n text-decoration: none;\\n }\\n\\n / Focus states /\\n .tcn-button[data-hierarchy=\\\"primary\\\"]:focus,\\n .tcn-button[data-hierarchy=\\\"secondary\\\"]:focus,\\n .tcn-button[data-hierarchy=\\\"primary\\\"]:focus:not(:active),\\n .tcn-button[data-hierarchy=\\\"secondary\\\"]:focus:not(:active) {\\n background: silver;\\n border: none;\\n text-decoration: none;\\n }\\n\\n / Tertiary button styles /\\n .tcn-button[data-hierarchy=\\\"tertiary\\\"] {\\n padding: 0 4px;\\n background: none;\\n border: none;\\n border-radius: 0;\\n box-shadow: none;\\n box-sizing: border-box;\\n color: #000080;\\n min-height: auto;\\n min-width: auto;\\n text-decoration: none;\\n }\\n\\n .tcn-button[data-hierarchy=\\\"tertiary\\\"]:hover {\\n background: none;\\n border: none;\\n border-radius: 0;\\n box-shadow: none;\\n box-sizing: border-box;\\n color: #000080;\\n min-height: auto;\\n min-width: auto;\\n text-decoration: none;\\n }\\n\\n .tcn-button[data-hierarchy=\\\"tertiary\\\"]:active {\\n background: none;\\n border: none;\\n border-radius: 0;\\n box-shadow: none;\\n box-sizing: border-box;\\n color: rgba(0, 0, 128, 0.6);\\n min-height: auto;\\n min-width: auto;\\n text-decoration: none;\\n }\\n\\n .tcn-button[data-hierarchy=\\\"tertiary\\\"]:focus,\\n .tcn-button[data-hierarchy=\\\"tertiary\\\"]:focus:not(:active) {\\n background: none;\\n outline: 1px dotted #000080;\\n outline-offset: 0;\\n border: none;\\n text-decoration: none;\\n }\\n\\n / Disabled states /\\n .tcn-button[data-hierarchy=\\\"secondary\\\"][data-is-disabled=\\\"true\\\"] {\\n box-shadow:\\n inset -1px -1px #717171,\\n inset 1px 1px #fff,\\n inset -2px -2px #999,\\n inset 2px 2px #c0c0c0;\\n }\\n\\n .tcn-button[data-hierarchy=\\\"primary\\\"][data-is-disabled=\\\"true\\\"] {\\n box-shadow:\\n inset -2px -2px #717171,\\n inset 1px 1px #717171,\\n inset -3px -3px #999,\\n inset 2px 2px #fff,\\n inset 3px 3px #c0c0c0;\\n }\\n\\n .tcn-button[data-hierarchy=\\\"primary\\\"][data-is-disabled=\\\"true\\\"],\\n .tcn-button[data-hierarchy=\\\"secondary\\\"][data-is-disabled=\\\"true\\\"],\\n .tcn-button[data-hierarchy=\\\"tertiary\\\"][data-is-disabled=\\\"true\\\"] {\\n color: #7f7f7f;\\n cursor: not-allowed;\\n }\\n\\n / Select button styles /\\n .tcn-button.select,\\n .tcn-button.select:hover {\\n position: relative;\\n padding-inline-end: 20px;\\n padding-inline-start: 4px;\\n }\\n\\n .tcn-button.select:dir(ltr)::after {\\n content: \\\"\\\";\\n position: absolute;\\n right: calc(4px var(--scalar, 1));\\n top: 50%;\\n transform: translateY(-50%);\\n width: calc(12px * var(--scalar, 1));\\n height: calc(12px * var(--scalar, 1));\\n background-color: currentColor;\\n mask-image: url(\\\"data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='currentColor'/%3E%3C/svg%3E\\\");\\n mask-repeat: no-repeat;\\n mask-position: center;\\n mask-size: contain;\\n pointer-events: none;\\n }\\n\\n .tcn-button.select:dir(rtl)::after {\\n content: \\\"\\\";\\n position: absolute;\\n left: calc(4px * var(--scalar, 1));\\n top: 50%;\\n transform: translateY(-50%);\\n width: calc(12px * var(--scalar, 1));\\n height: calc(12px * var(--scalar, 1));\\n background-color: #222;\\n mask-image: url(\\\"data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='black'/%3E%3C/svg%3E\\\");\\n mask-repeat: no-repeat;\\n mask-position: center;\\n mask-size: contain;\\n pointer-events: none;\\n }\\n\\n /* Slim button styles /\\n .tcn-slim-button,\\n .tcn-slim-button[data-hierarchy=\\\"primary\\\"],\\n .tcn-slim-button[data-hierarchy=\\\"secondary\\\"],\\n .tcn-slim-button[data-hierarchy=\\\"primary\\\"]:hover,\\n .tcn-slim-button[data-hierarchy=\\\"secondary\\\"]:hover {\\n padding: 2px;\\n min-width: 0;\\n min-height: 0;\\n height: auto;\\n width: auto;\\n }\\n\\n .tcn-slim-button[data-size=\\\"sm\\\"],\\n .tcn-slim-button[data-hierarchy=\\\"primary\\\"][data-size=\\\"sm\\\"],\\n .tcn-slim-button[data-hierarchy=\\\"secondary\\\"][data-size=\\\"sm\\\"],\\n .tcn-slim-button[data-hierarchy=\\\"primary\\\"][data-size=\\\"sm\\\"]:hover,\\n .tcn-slim-button[data-hierarchy=\\\"secondary\\\"][data-size=\\\"sm\\\"]:hover {\\n padding: 1px;\\n }\\n\\n .tcn-slim-button[data-size=\\\"md\\\"],\\n .tcn-slim-button[data-hierarchy=\\\"primary\\\"][data-size=\\\"md\\\"],\\n .tcn-slim-button[data-hierarchy=\\\"secondary\\\"][data-size=\\\"md\\\"],\\n .tcn-slim-button[data-hierarchy=\\\"primary\\\"][data-size=\\\"md\\\"]:hover,\\n .tcn-slim-button[data-hierarchy=\\\"secondary\\\"][data-size=\\\"md\\\"]:hover {\\n padding: 2px;\\n }\\n\\n .tcn-slim-button[data-size=\\\"lg\\\"],\\n .tcn-slim-button[data-hierarchy=\\\"primary\\\"][data-size=\\\"lg\\\"],\\n .tcn-slim-button[data-hierarchy=\\\"secondary\\\"][data-size=\\\"lg\\\"],\\n .tcn-slim-button[data-hierarchy=\\\"primary\\\"][data-size=\\\"lg\\\"]:hover,\\n .tcn-slim-button[data-hierarchy=\\\"secondary\\\"][data-size=\\\"lg\\\"]:hover {\\n padding: 4px;\\n }\\n\\n / Select group styles /\\n .tcn-select-group .tcn-button[data-hierarchy=\\\"primary\\\"],\\n .tcn-select-group .tcn-button[data-hierarchy=\\\"primary\\\"]:hover,\\n .tcn-select-group .tcn-button[data-hierarchy=\\\"primary\\\"]:focus {\\n background-color: #000080;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n color: #fff;\\n }\\n\\n .tcn-select-group .tcn-button:hover,\\n .tcn-select-group .tcn-button:focus,\\n .tcn-button-group .tcn-button:hover,\\n .tcn-button-group .tcn-button:focus {\\n z-index: 1;\\n }\\n\\n / ===== INPUT FIELDS ===== /\\n .tcn-input,\\n .tcn-textarea,\\n .tcn-suggestion-list-search-input,\\n .tcn-multi-combo-box-values-container,\\n .tcn-multiselect-values-container {\\n border-radius: 0;\\n outline: none;\\n border: none;\\n background-color: #fff;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px grey,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #0a0a0a;\\n box-sizing: border-box;\\n padding: 3px 4px;\\n }\\n\\n .tcn-suggestion-list-search-input {\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px grey,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #0a0a0a,\\n 0px -2px 0px 2px #c0c0c0;\\n }\\n\\n .tcn-input,\\n .tcn-textarea,\\n .tcn-suggestion-list-search-input {\\n height: 23px;\\n }\\n\\n .tcn-input:is(:focus, :focus-visible, :active, :hover),\\n .tcn-input:is(:focus, :focus-visible, :active, :hover)[data-is-disabled=\\\"false\\\"],\\n .tcn-textarea:is(:focus, :focus-visible, :active, :hover),\\n .tcn-textarea:is(:focus, :focus-visible, :active, :hover)[data-is-disabled=\\\"false\\\"] {\\n outline: none;\\n border: none;\\n }\\n\\n .tcn-input[data-is-disabled=\\\"true\\\"],\\n .tcn-textarea[data-is-disabled=\\\"true\\\"],\\n .tcn-suggestion-list-search-input[data-is-disabled=\\\"true\\\"],\\n .tcn-multiselect-values-container[data-is-disabled=\\\"true\\\"] {\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #999,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #717171;\\n }\\n\\n .tcn-input[data-is-disabled=\\\"true\\\"],\\n .tcn-textarea[data-is-disabled=\\\"true\\\"],\\n .tcn-suggestion-list-search-input[data-is-disabled=\\\"true\\\"],\\n .tcn-multiselect-values-container[data-is-disabled=\\\"true\\\"],\\n .tcn-input[data-is-disabled=\\\"true\\\"]::placeholder,\\n .tcn-textarea[data-is-disabled=\\\"true\\\"]::placeholder,\\n .tcn-suggestion-list-search-input[data-is-disabled=\\\"true\\\"]::placeholder,\\n .tcn-multiselect-values-container[data-is-disabled=\\\"true\\\"]::placeholder {\\n color: #7f7f7f;\\n cursor: not-allowed;\\n background-color: #c0c0c0;\\n }\\n\\n / Select group active and focus states /\\n .tcn-select-group .tcn-button[data-hierarchy=\\\"primary\\\"]:active {\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #0a0a0a,\\n inset -2px -2px #c0c0c0,\\n inset 2px 2px grey;\\n color: #fff;\\n }\\n\\n .tcn-select-group .tcn-button[data-hierarchy=\\\"primary\\\"]:focus:not(:active)::before {\\n outline: 1px dotted #fcfcfc;\\n }\\n\\n / ===== SUGGESTION LISTS ===== /\\n .tcn-suggestion-list {\\n padding: 2px;\\n }\\n\\n .tcn-suggestion-item {\\n padding: 0;\\n background: transparent;\\n border: none;\\n min-height: 0;\\n }\\n\\n .tcn-suggestion-item:hover {\\n background: #000080;\\n color: #fff;\\n }\\n\\n .tcn-suggestion-item[data-is-selected=\\\"true\\\"],\\n .tcn-suggestion-item[data-is-focused=\\\"true\\\"] {\\n padding: 0;\\n background: #000080;\\n color: #fff;\\n border: none;\\n }\\n\\n .tcn-suggestion-list-search-input {\\n border-radius: 0;\\n padding: 4px;\\n height: 24px;\\n min-height: 24px;\\n }\\n\\n / ===== LAYOUT COMPONENTS ===== /\\n\\n .tcn-title {\\n color: black;\\n }\\n\\n .header .tcn-title {\\n color: #fff;\\n }\\n / Headers /\\n .header[data-kind=\\\"window\\\"] {\\n padding: 4px;\\n background: linear-gradient(90deg, #000080, #1084d0);\\n border: none;\\n color: #fff;\\n }\\n\\n .header[data-kind=\\\"window\\\"] > .tcn-button {\\n color: #222;\\n }\\n\\n .header[data-kind=\\\"toolbar\\\"],\\n .header[data-kind=\\\"app\\\"],\\n .header[data-kind=\\\"nav\\\"] {\\n padding: 4px 0;\\n background: #c0c0c0;\\n color: #222222;\\n border-bottom: 1px solid #808080;\\n border-top: 1px solid #f5f5f5;\\n border-right: 1px solid #808080;\\n border-left: 1px solid #f5f5f5;\\n padding-inline-start: 4px;\\n }\\n\\n .header[data-kind=\\\"panel\\\"] {\\n padding: 4px;\\n background: linear-gradient(90deg, #7c7c7c, #aeaeae);\\n border: none;\\n color: #fff;\\n }\\n\\n / Main content areas /\\n .tcn-main[data-kind=\\\"window\\\"],\\n .tcn-main[data-kind=\\\"app\\\"],\\n .tcn-main[data-kind=\\\"nav\\\"],\\n .tcn-main[data-kind=\\\"toolbar\\\"],\\n .tcn-main[data-kind=\\\"section\\\"],\\n .tcn-main[data-kind=\\\"panel\\\"],\\n .tcn-main[data-kind=\\\"panel\\\"],\\n .tcn-main[data-kind=\\\"drawer\\\"],\\n .tcn-main[data-kind=\\\"card\\\"],\\n .tcn-panel,\\n .tcn-h-panel,\\n .tcn-v-panel,\\n .tcn-sidebar-start[data-hierarchy],\\n .tcn-sidebar-end[data-hierarchy] {\\n border-radius: 0;\\n background: #c0c0c0;\\n color: #222222;\\n border-bottom: 1px solid #808080;\\n border-top: 1px solid #f5f5f5;\\n border-right: 1px solid #808080;\\n border-left: 1px solid #f5f5f5;\\n }\\n\\n .tcn-column:after {\\n content: \\\"\\\";\\n position: absolute;\\n bottom: var(--padding);\\n top: var(--padding);\\n right: 0;\\n width: 0px;\\n border-bottom: 1px solid #f5f5f5;\\n border-top: 1px solid #808080;\\n border-right: 1px solid #f5f5f5;\\n border-left: 1px solid #808080;\\n }\\n\\n .tcn-column:last-child:after {\\n display: none;\\n }\\n\\n .tcn-main[data-kind=\\\"panel\\\"],\\n .tcn-sidebar-start[data-kind=\\\"panel\\\"],\\n .tcn-sidebar-end[data-kind=\\\"panel\\\"] {\\n padding: 0;\\n }\\n\\n / Sidebar styles /\\n .tcn-sidebar-start[data-hierarchy=\\\"tertiary\\\"],\\n .tcn-sidebar-start[data-hierarchy=\\\"secondary\\\"] {\\n background: #c0c0c0;\\n color: #222222;\\n }\\n\\n .tcn-sidebar-start[data-kind=\\\"nav\\\"],\\n .tcn-v-nav {\\n background: #fff;\\n padding: 2px;\\n border-top: 1px solid #808080;\\n border-bottom: 1px solid #f5f5f5;\\n border-right: 1px solid #f5f5f5;\\n border-left: 1px solid #808080;\\n }\\n\\n .tcn-sidebar-end[data-hierarchy=\\\"tertiary\\\"],\\n .tcn-sidebar-end[data-hierarchy=\\\"secondary\\\"] {\\n background: #c0c0c0;\\n color: #222222;\\n }\\n\\n .tcn-sidebar-end[data-hierarchy=\\\"primary\\\"],\\n .tcn-sidebar-start[data-hierarchy=\\\"primary\\\"] {\\n background: #fff;\\n color: #222222;\\n }\\n\\n / Footer /\\n .tcn-footer[data-kind=\\\"window\\\"] {\\n padding: 4px;\\n background: #c0c0c0;\\n box-shadow:\\n inset 1px 1px #808080,\\n inset -1px -1px #f5f5f5,\\n inset 2px 2px #c1c1c1,\\n inset -2px -2px #c0c0c0;\\n color: #222222;\\n }\\n\\n / ===== WINDOWS AND POPOVERS ===== /\\n .tcn-window,\\n .tcn-date-picker-popover,\\n .tcn-date-picker-year-selector,\\n .tcn-menu,\\n .tcn-suggestion-list {\\n border-radius: 0;\\n background: #c0c0c0;\\n padding: 4px;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #f5f5f5,\\n inset -2px -2px #808080,\\n inset 2px 2px #c0c0c0;\\n }\\n\\n .tcn-suggestion-list-header {\\n background: #c0c0c0;\\n }\\n\\n / ===== DATE PICKER COMPONENTS ===== /\\n .tcn-date-picker-box {\\n background: #c0c0c0;\\n padding: 0;\\n }\\n\\n .tcn-date-picker-date {\\n box-shadow: none !important;\\n }\\n\\n .tcn-date-picker-year-button {\\n box-shadow: none !important;\\n }\\n\\n .tcn-date-picker-header {\\n height: 20px;\\n }\\n\\n .tcn-button.tcn-phone-number-input-select,\\n .tcn-button.tcn-phone-number-input-select:hover {\\n min-width: 0;\\n }\\n\\n .tcn-phone-number-input[data-has-phone-book=\\\"false\\\"] {\\n border-end-end-radius: 0px;\\n border-start-end-radius: 0px;\\n }\\n\\n .tcn-button.tcn-phone-number-input-phone-book {\\n max-width: 23px !important;\\n max-height: 23px !important;\\n height: 23px !important;\\n min-width: 23px !important;\\n min-height: 23px !important;\\n }\\n\\n .tcn-button.tcn-date-picker-year-select {\\n padding-inline-end: 20px;\\n }\\n\\n .tcn-button.tcn-date-picker-year-select:dir(ltr)::after {\\n width: calc(12px var(--scalar, 1));\\n height: calc(12px * var(--scalar, 1));\\n mask-image: url(\\\"data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='black'/%3E%3C/svg%3E\\\");\\n }\\n\\n .tcn-button.tcn-date-picker-year-select:dir(rtl)::after {\\n width: calc(12px * var(--scalar, 1));\\n height: calc(12px * var(--scalar, 1));\\n mask-image: url(\\\"data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='black'/%3E%3C/svg%3E\\\");\\n }\\n\\n /* ===== TIME BOX ===== /\\n .tcn-time-box {\\n border-radius: 0;\\n background: #fff;\\n border: none;\\n box-shadow:\\n inset 1px 1px #808080,\\n inset -1px -1px #f5f5f5,\\n inset 2px 2px #c1c1c1,\\n inset -2px -2px #c0c0c0;\\n }\\n\\n .tcn-time-box-title-container {\\n min-height: 25px;\\n height: 25px;\\n }\\n\\n / ===== FORM COMPONENTS ===== /\\n .tcn-field-set {\\n padding: 8px 12px 12px 12px;\\n margin-top: 10px;\\n border-radius: 0;\\n background: #c0c0c0;\\n box-shadow:\\n inset 1px 1px #808080,\\n inset -1px -1px #f5f5f5,\\n inset 2px 2px #f5f5f5,\\n inset -2px -2px #808080;\\n }\\n\\n .tcn-field-set > .tcn-field-set-body {\\n background: transparent;\\n padding: 0;\\n gap: 8px;\\n }\\n\\n .tcn-field-set > .tcn-field-set-legend {\\n position: relative;\\n top: -7px;\\n left: -4px;\\n height: 0;\\n }\\n\\n .tcn-field-set-legend-text {\\n background: #c0c0c0;\\n padding: 0;\\n font-size: 12px;\\n }\\n\\n / ===== CHIPS ===== /\\n .tcn-chip {\\n background: #c0c0c0;\\n border-radius: 0;\\n color: #222222;\\n border: none;\\n font-size: 12px;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n }\\n\\n / ===== CHECKBOXES ===== /\\n .tcn-checkbox {\\n outline: none;\\n border-radius: 0;\\n background: #fff;\\n border: none;\\n background-position: center;\\n background-repeat: no-repeat;\\n box-shadow:\\n inset 1px 1px #808080,\\n inset -1px -1px #f5f5f5,\\n inset 2px 2px #c1c1c1,\\n inset -2px -2px #c0c0c0;\\n }\\n\\n .tcn-checkbox:focus {\\n outline: none;\\n }\\n\\n .tcn-checkbox[data-checked=\\\"true\\\"] {\\n background-color: #fff;\\n background-image: url(\\\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='%23222' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='%23222' stroke-width='2'/%3E%3C/svg%3E\\\");\\n }\\n\\n .tcn-checkbox[data-is-disabled=\\\"false\\\"]:active {\\n background-color: #fff;\\n background-image: url(\\\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='%23222' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='%23222' stroke-width='2'/%3E%3C/svg%3E\\\");\\n }\\n\\n .tcn-checkbox[data-is-disabled=\\\"true\\\"] {\\n background-color: #c0c0c0;\\n }\\n\\n .tcn-checkbox[data-checked=\\\"true\\\"][data-is-disabled=\\\"true\\\"] {\\n background-image: url(\\\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='%23222' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='%23707070' stroke-width='2'/%3E%3C/svg%3E\\\");\\n }\\n\\n / ===== RADIO BUTTONS ===== /\\n .tcn-radio,\\n .tcn-radio[data-checked=\\\"true\\\"],\\n .tcn-radio[checked=\\\"true\\\"] {\\n width: 14px;\\n height: 14px;\\n min-width: 14px;\\n min-height: 14px;\\n border-inline-end: 1px solid #fff;\\n border-inline-start: 1px solid #222;\\n border-block-end: 1px solid #fff;\\n border-block-start: 1px solid #222;\\n }\\n\\n .tcn-radio:focus {\\n outline: none;\\n }\\n\\n .tcn-radio::before {\\n content: \\\"\\\";\\n background: transparent;\\n position: absolute;\\n border-radius: 50%;\\n inset: 0;\\n border-inline-end: 1px solid #dfdfdf;\\n border-inline-start: 1px solid #808080;\\n border-block-end: 1px solid #dfdfdf;\\n border-block-start: 1px solid #808080;\\n }\\n\\n .tcn-radio[data-checked=\\\"true\\\"]::after {\\n content: \\\"\\\";\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n transform: translate(-50%, -50%);\\n width: 40%;\\n height: 40%;\\n background: #222;\\n border-radius: 50%;\\n }\\n\\n / ===== SWITCHES ===== /\\n .tcn-switch:focus,\\n .tcn-switch:focus-visible,\\n .tcn-switch-wrapper[data-focused=\\\"true\\\"][data-is-checked=\\\"false\\\"],\\n .tcn-switch-wrapper[data-focused=\\\"true\\\"][data-is-checked=\\\"true\\\"] {\\n outline: none;\\n }\\n\\n .tcn-switch-wrapper {\\n border-radius: 0;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px grey,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #0a0a0a;\\n border-color: #c0c0c0;\\n background-color: #fff;\\n transition: background-color 200ms ease-out;\\n margin-top: 2px;\\n margin-bottom: 3px;\\n }\\n\\n .tcn-switch-wrapper[data-is-checked=\\\"false\\\"] > .tcn-switch-icon {\\n color: #222;\\n }\\n\\n .tcn-switch::after {\\n content: \\\"\\\";\\n cursor: pointer;\\n position: absolute;\\n top: 0;\\n transition: transform 200ms ease-out;\\n width: calc(16px var(--scalar, 1));\\n height: calc(16px * var(--scalar, 1));\\n border-radius: 0;\\n background-color: #c0c0c0;\\n box-sizing: border-box;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n }\\n\\n .tcn-switch-wrapper[data-is-checked=\\\"true\\\"][data-is-disabled=\\\"false\\\"] {\\n background-color: var(--accent-color);\\n border-color: #c0c0c0;\\n }\\n\\n .tcn-switch-wrapper[data-is-disabled=\\\"true\\\"] {\\n background-color: #c0c0c0;\\n border-color: #c0c0c0;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #999,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #7f7f7f;\\n }\\n\\n .tcn-switch[data-is-disabled=\\\"true\\\"]:after {\\n box-shadow:\\n inset -1px -1px #666666,\\n inset 1px 1px #fff,\\n inset -2px -2px #949494,\\n inset 2px 2px #c0c0c0;\\n }\\n\\n .tcn-switch-wrapper[data-is-disabled=\\\"true\\\"] > .tcn-switch-icon {\\n color: #707070;\\n }\\n\\n /* ===== SLIDERS ===== /\\n .tcn-slider::-webkit-slider-runnable-track {\\n border-radius: 0;\\n height: 5px;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px grey,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #0a0a0a;\\n }\\n\\n .tcn-slider::-webkit-slider-runnable-track[data-is-disabled=\\\"true\\\"] {\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #999,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #717171;\\n }\\n\\n .tcn-slider::-webkit-slider-thumb {\\n outline: none;\\n width: calc(12px var(--scalar, 1));\\n height: calc(16px * var(--scalar, 1));\\n border-radius: 0;\\n border: none;\\n background-color: #c0c0c0;\\n box-sizing: border-box;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n }\\n\\n .tcn-slider[data-is-disabled=\\\"false\\\"]:active::-webkit-slider-thumb {\\n background-color: #c0c0c0;\\n }\\n\\n .tcn-slider[data-is-disabled=\\\"true\\\"]::-webkit-slider-thumb {\\n box-shadow:\\n inset -1px -1px #717171,\\n inset 1px 1px #fff,\\n inset -2px -2px #999,\\n inset 2px 2px #c0c0c0;\\n }\\n\\n /* Mozilla slider styles /\\n .tcn-slider::-moz-range-track {\\n border-radius: 0;\\n height: 5px;\\n border: none;\\n background: #c0c0c0;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px grey,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #0a0a0a;\\n }\\n\\n .tcn-slider::-moz-range-track[data-is-disabled=\\\"true\\\"] {\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #999,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #717171;\\n }\\n\\n .tcn-slider::-moz-range-thumb {\\n outline: none;\\n width: calc(12px var(--scalar, 1));\\n height: calc(16px * var(--scalar, 1));\\n border-radius: 0;\\n border: none;\\n background-color: #c0c0c0;\\n box-sizing: border-box;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n cursor: pointer;\\n }\\n\\n .tcn-slider[data-is-disabled=\\\"false\\\"]:active::-moz-range-thumb,\\n .tcn-slider[data-is-disabled=\\\"false\\\"]:focus::-moz-range-thumb {\\n background-color: #c0c0c0;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n outline: none;\\n }\\n\\n .tcn-slider[data-is-disabled=\\\"true\\\"]::-moz-range-thumb {\\n box-shadow:\\n inset -1px -1px #717171,\\n inset 1px 1px #fff,\\n inset -2px -2px #999,\\n inset 2px 2px #c0c0c0;\\n cursor: not-allowed;\\n }\\n\\n .tcn-nav-item,\\n .tcn-nav-item[data-is-selected],\\n .tcn-menu-item {\\n border-radius: 0;\\n font-size: 12px;\\n }\\n\\n .tcn-nav-item,\\n .tcn-menu-item .tcn-body-text {\\n font-size: 12px;\\n }\\n\\n .tcn-main[data-hierarchy=\\\"primary\\\"] {\\n background: #c0c0c0;\\n padding: 0px;\\n }\\n\\n .tcn-main[data-hierarchy=\\\"secondary\\\"] {\\n background: #c0c0c0;\\n padding: 0px;\\n }\\n\\n .tcn-main[data-hierarchy=\\\"tertiary\\\"] {\\n background: #c0c0c0;\\n padding: 0px;\\n }\\n\\n .tcn-h-nav {\\n border: none;\\n }\\n\\n .tcn-h-nav:after {\\n content: \\\"\\\";\\n position: absolute;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n height: 0px;\\n border-bottom: 1px solid #f5f5f5;\\n border-top: 1px solid #808080;\\n border-right: 1px solid #f5f5f5;\\n border-left: 1px solid #808080;\\n }\\n\\n .tcn-footer {\\n border: none;\\n }\\n\\n .tcn-footer:after {\\n content: \\\"\\\";\\n position: absolute;\\n left: 0;\\n right: 0;\\n top: 0;\\n height: 0px;\\n border-bottom: 1px solid #f5f5f5;\\n border-top: 1px solid #808080;\\n border-right: 1px solid #f5f5f5;\\n border-left: 1px solid #808080;\\n }\\n\\n /* ===== SECTIONS ===== /\\n\\n .tcn-section {\\n background: silver;\\n gap: 0px;\\n font-size: 12px;\\n }\\n\\n .tcn-heading {\\n background: silver;\\n padding-inline-start: 8px;\\n height: 23px;\\n z-index: 5;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n }\\n\\n .tcn-section > .tcn-heading {\\n top: 0;\\n padding-inline-start: 8px;\\n z-index: 4;\\n }\\n\\n .tcn-section > .tcn-section > .tcn-heading {\\n top: 23px;\\n padding-inline-start: 12px;\\n z-index: 3;\\n }\\n\\n .tcn-section > .tcn-section > .tcn-section > .tcn-heading {\\n top: 46px;\\n padding-inline-start: 16px;\\n z-index: 2;\\n }\\n\\n .tcn-section > .tcn-section > .tcn-section > .tcn-section .tcn-heading {\\n top: 69px;\\n padding-inline-start: 20px;\\n z-index: 1;\\n }\\n\\n .tcn-section > :not(.tcn-heading, .tcn-section) {\\n padding-inline-start: 8px;\\n }\\n\\n .tcn-section > .tcn-section > :not(.tcn-heading, .tcn-section) {\\n padding-inline-start: 12px;\\n }\\n\\n .tcn-section > .tcn-section > .tcn-section > :not(.tcn-heading, .tcn-section) {\\n padding-inline-start: 16px;\\n }\\n\\n .tcn-section\\n > .tcn-section\\n > .tcn-section\\n > .tcn-section\\n > :not(.tcn-heading, .tcn-section) {\\n padding-inline-start: 20px;\\n }\\n\\n .tcn-section > .tcn-row {\\n background: #fff;\\n padding: 4px;\\n font-size: 12px;\\n gap: 4px;\\n }\\n\\n .tcn-caret {\\n --caret-size: 12px;\\n --caret-triangle-height: calc(var(--caret-size) / 2);\\n --caret-triangle-width: var(--caret-size);\\n --caret-triangle-base: var(--caret-triangle-height) solid transparent;\\n --caret-triangle-peak: var(--caret-triangle-width) solid #000;\\n\\n width: 0;\\n height: 0;\\n flex-grow: 0;\\n display: inline-block;\\n\\n &[data-direction=\\\"top\\\"] {\\n border-bottom: var(--caret-triangle-peak);\\n border-left: var(--caret-triangle-base);\\n border-right: var(--caret-triangle-base);\\n }\\n\\n &[data-direction=\\\"bottom\\\"] {\\n border-top: var(--caret-triangle-peak);\\n border-left: var(--caret-triangle-base);\\n border-right: var(--caret-triangle-base);\\n }\\n\\n &[data-direction=\\\"start\\\"] {\\n border-right: var(--caret-triangle-peak);\\n border-top: var(--caret-triangle-base);\\n border-bottom: var(--caret-triangle-base);\\n }\\n\\n &[data-direction=\\\"end\\\"] {\\n border-left: var(--caret-triangle-peak);\\n border-top: var(--caret-triangle-base);\\n border-bottom: var(--caret-triangle-base);\\n }\\n }\\n}\\n\\n/ ===== TABS ===== */\\n\\n.tcn-tabs-list {\\n display: flex;\\n list-style-type: none;\\n margin: 0 0 -2px;\\n padding-left: 3px;\\n position: relative;\\n text-indent: 0;\\n\\n .tcn-tab-item {\\n border-top-left-radius: 3px;\\n border-top-right-radius: 3px;\\n box-shadow:\\n inset -1px 0 #0a0a0a,\\n inset 1px 1px #dfdfdf,\\n inset -2px 0 grey,\\n inset 2px 2px #fff;\\n }\\n\\n .tcn-tab-item[data-is-selected=\\\"true\\\"] {\\n background-color: silver;\\n margin-left: -3px;\\n margin-top: -2px;\\n padding-bottom: 2px;\\n position: relative;\\n z-index: 8;\\n }\\n}\\n\"","import css from './windows_98.css?raw';\n\nexport const windows98StyleSheet = new CSSStyleSheet();\nwindows98StyleSheet.replaceSync(css);\n"],"names":["css","windows98StyleSheet"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEFC,IAAsB,IAAI,cAAA;AACvCA,EAAoB,YAAYD,CAAG;"}
1	+ {"version":3,"file":"windows_98_theme.js","sources":["../../../../src/themes/themes/windows_98/windows_98.css?raw","../../../../src/themes/themes/windows_98/windows_98_theme.ts"],"sourcesContent":["export default \"@layer tcn-theme {\\n /* ===== CSS VARIABLES ===== /\\n :root {\\n --scalar: 1;\\n --gap-small: 2px;\\n --gap-medium: 4px;\\n --gap-large: 8px;\\n\\n --padding-small: 2px;\\n --padding-medium: 4px;\\n --padding-large: 8px;\\n\\n --status-color-disabled: #7f7f7f;\\n --status-color-info: #000080;\\n --status-color-warning: #000080;\\n --status-color-error: #be0000;\\n\\n --async-color-initial: #c0c0c0;\\n --async-color-pending: #000080;\\n --async-color-success: #00ff00;\\n --async-color-failed: #be0000;\\n\\n --primary-color-faint: #c0c0c0;\\n --primary-color: #000080;\\n --primary-color-strong: #000080;\\n\\n --secondary-color-faint: #c0c0c0;\\n --secondary-color: #000080;\\n --secondary-color-strong: #000080;\\n\\n --tertiary-color-faint: #c0c0c0;\\n --tertiary-color: #000080;\\n --tertiary-color-strong: #000080;\\n\\n --quaternary-color-faint: #c0c0c0;\\n --quaternary-color: #000080;\\n --quaternary-color-strong: #000080;\\n\\n --background-color-primary: #c0c0c0;\\n --background-color-secondary: #c0c0c0;\\n --background-color-tertiary: #c0c0c0;\\n --background-color-quaternary: #c0c0c0;\\n\\n --foreground-color-primary: #222222;\\n --foreground-color-secondary: #222222;\\n --foreground-color-tertiary: #222222;\\n --foreground-color-quaternary: #222222;\\n\\n --accent-color: #000080;\\n\\n --font-color: #222222;\\n --font-family: \\\"Microsoft Sans Serif\\\", \\\"Arial\\\", sans-serif;\\n --font-size: 12px;\\n }\\n\\n .tcn-theme-root {\\n font-family: var(--font-family);\\n color: var(--font-color);\\n -webkit-font-smoothing: none;\\n }\\n\\n / ===== TYPOGRAPHY ===== /\\n .tcn-title[data-size=\\\"sm\\\"] {\\n font-size: 10px;\\n }\\n .tcn-title[data-size=\\\"md\\\"] {\\n font-size: 12px;\\n }\\n .tcn-title[data-size=\\\"lg\\\"] {\\n font-size: 14px;\\n }\\n\\n .tcn-body-text[data-size=\\\"sm\\\"] {\\n font-size: 10px;\\n }\\n .tcn-body-text[data-size=\\\"md\\\"] {\\n font-size: 11px;\\n }\\n .tcn-body-text[data-size=\\\"lg\\\"] {\\n font-size: 12px;\\n }\\n\\n .tcn-button-text {\\n position: relative;\\n opacity: 1;\\n font-size: 12px !important;\\n }\\n\\n / ===== BUTTONS ===== /\\n / Base button styles /\\n .tcn-base-button,\\n .tcn-button,\\n .tcn-button[data-hierarchy=\\\"primary\\\"],\\n .tcn-button[data-hierarchy=\\\"secondary\\\"],\\n .tcn-button[data-hierarchy=\\\"primary\\\"]:hover,\\n .tcn-button[data-hierarchy=\\\"secondary\\\"]:hover {\\n background: silver;\\n border: none;\\n border-radius: 0;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n box-sizing: border-box;\\n color: #222;\\n min-height: 23px;\\n min-width: 0;\\n padding: 0 12px;\\n font-size: 12px;\\n text-decoration: none;\\n outline: none;\\n }\\n\\n / Utility button styles — selectors mirror hierarchy/hover combos above to win specificity /\\n .tcn-button[data-is-utility=\\\"true\\\"],\\n .tcn-button[data-is-utility=\\\"true\\\"][data-hierarchy=\\\"primary\\\"],\\n .tcn-button[data-is-utility=\\\"true\\\"][data-hierarchy=\\\"secondary\\\"],\\n .tcn-button[data-is-utility=\\\"true\\\"][data-hierarchy=\\\"primary\\\"]:hover,\\n .tcn-button[data-is-utility=\\\"true\\\"][data-hierarchy=\\\"secondary\\\"]:hover {\\n padding: 2px;\\n min-width: 0;\\n min-height: 0;\\n height: auto;\\n width: auto;\\n }\\n\\n .tcn-button[data-is-utility=\\\"true\\\"][data-size=\\\"sm\\\"],\\n .tcn-button[data-is-utility=\\\"true\\\"][data-hierarchy=\\\"primary\\\"][data-size=\\\"sm\\\"]:hover,\\n .tcn-button[data-is-utility=\\\"true\\\"][data-hierarchy=\\\"secondary\\\"][data-size=\\\"sm\\\"]:hover {\\n padding: 1px;\\n }\\n\\n .tcn-button[data-is-utility=\\\"true\\\"][data-size=\\\"md\\\"],\\n .tcn-button[data-is-utility=\\\"true\\\"][data-hierarchy=\\\"primary\\\"][data-size=\\\"md\\\"]:hover,\\n .tcn-button[data-is-utility=\\\"true\\\"][data-hierarchy=\\\"secondary\\\"][data-size=\\\"md\\\"]:hover {\\n padding: 2px;\\n }\\n\\n .tcn-button[data-is-utility=\\\"true\\\"][data-size=\\\"lg\\\"],\\n .tcn-button[data-is-utility=\\\"true\\\"][data-hierarchy=\\\"primary\\\"][data-size=\\\"lg\\\"]:hover,\\n .tcn-button[data-is-utility=\\\"true\\\"][data-hierarchy=\\\"secondary\\\"][data-size=\\\"lg\\\"]:hover {\\n padding: 4px;\\n }\\n\\n .tcn-button[data-is-disabled=\\\"true\\\"] {\\n text-shadow: 1px 1px 0 #fff;\\n }\\n\\n / Button content positioning /\\n .tcn-button[data-hierarchy=\\\"primary\\\"] > ,\\n .tcn-button[data-hierarchy=\\\"secondary\\\"] > * {\\n position: relative;\\n }\\n\\n .tcn-button[data-hierarchy=\\\"primary\\\"]:active > ,\\n .tcn-button[data-hierarchy=\\\"secondary\\\"]:active > {\\n position: relative;\\n top: 0;\\n left: 1px;\\n }\\n\\n /* Button focus states /\\n .tcn-button[data-hierarchy=\\\"primary\\\"]:focus:not(:active)::before,\\n .tcn-button[data-hierarchy=\\\"secondary\\\"]:focus:not(:active)::before {\\n content: \\\"\\\";\\n position: absolute;\\n top: 1px;\\n bottom: 2px;\\n left: 1px;\\n right: 2px;\\n outline: 1px dotted #222;\\n outline-offset: -3px;\\n }\\n\\n / Primary button specific styles /\\n .tcn-button[data-hierarchy=\\\"primary\\\"],\\n .tcn-button[data-hierarchy=\\\"primary\\\"]:hover {\\n box-shadow:\\n inset -2px -2px #0a0a0a,\\n inset 1px 1px #0a0a0a,\\n inset -3px -3px grey,\\n inset 2px 2px #fff,\\n inset 3px 3px #c0c0c0;\\n }\\n\\n / Active states /\\n .tcn-button[data-hierarchy=\\\"primary\\\"]:active,\\n .tcn-button[data-hierarchy=\\\"secondary\\\"]:active {\\n background: silver;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #0a0a0a,\\n inset -2px -2px #c0c0c0,\\n inset 2px 2px grey;\\n color: #222;\\n border: none;\\n text-decoration: none;\\n }\\n\\n / Focus states /\\n .tcn-button[data-hierarchy=\\\"primary\\\"]:focus,\\n .tcn-button[data-hierarchy=\\\"secondary\\\"]:focus,\\n .tcn-button[data-hierarchy=\\\"primary\\\"]:focus:not(:active),\\n .tcn-button[data-hierarchy=\\\"secondary\\\"]:focus:not(:active) {\\n background: silver;\\n border: none;\\n text-decoration: none;\\n }\\n\\n / Tertiary button styles /\\n .tcn-button[data-hierarchy=\\\"tertiary\\\"] {\\n padding: 0 4px;\\n background: none;\\n border: none;\\n border-radius: 0;\\n box-shadow: none;\\n box-sizing: border-box;\\n color: #000080;\\n min-height: auto;\\n min-width: auto;\\n text-decoration: none;\\n }\\n\\n .tcn-button[data-hierarchy=\\\"tertiary\\\"]:hover {\\n background: none;\\n border: none;\\n border-radius: 0;\\n box-shadow: none;\\n box-sizing: border-box;\\n color: #000080;\\n min-height: auto;\\n min-width: auto;\\n text-decoration: none;\\n }\\n\\n .tcn-button[data-hierarchy=\\\"tertiary\\\"]:active {\\n background: none;\\n border: none;\\n border-radius: 0;\\n box-shadow: none;\\n box-sizing: border-box;\\n color: rgba(0, 0, 128, 0.6);\\n min-height: auto;\\n min-width: auto;\\n text-decoration: none;\\n }\\n\\n .tcn-button[data-hierarchy=\\\"tertiary\\\"]:focus,\\n .tcn-button[data-hierarchy=\\\"tertiary\\\"]:focus:not(:active) {\\n background: none;\\n outline: 1px dotted #000080;\\n outline-offset: 0;\\n border: none;\\n text-decoration: none;\\n }\\n\\n / Disabled states /\\n .tcn-button[data-hierarchy=\\\"secondary\\\"][data-is-disabled=\\\"true\\\"] {\\n box-shadow:\\n inset -1px -1px #717171,\\n inset 1px 1px #fff,\\n inset -2px -2px #999,\\n inset 2px 2px #c0c0c0;\\n }\\n\\n .tcn-button[data-hierarchy=\\\"primary\\\"][data-is-disabled=\\\"true\\\"] {\\n box-shadow:\\n inset -2px -2px #717171,\\n inset 1px 1px #717171,\\n inset -3px -3px #999,\\n inset 2px 2px #fff,\\n inset 3px 3px #c0c0c0;\\n }\\n\\n .tcn-button[data-hierarchy=\\\"primary\\\"][data-is-disabled=\\\"true\\\"],\\n .tcn-button[data-hierarchy=\\\"secondary\\\"][data-is-disabled=\\\"true\\\"],\\n .tcn-button[data-hierarchy=\\\"tertiary\\\"][data-is-disabled=\\\"true\\\"] {\\n color: #7f7f7f;\\n cursor: not-allowed;\\n }\\n\\n / Select button styles /\\n .tcn-button.select,\\n .tcn-button.select:hover {\\n position: relative;\\n padding-inline-end: 20px;\\n padding-inline-start: 4px;\\n }\\n\\n .tcn-button.select:dir(ltr)::after {\\n content: \\\"\\\";\\n position: absolute;\\n right: calc(4px var(--scalar, 1));\\n top: 50%;\\n transform: translateY(-50%);\\n width: calc(12px * var(--scalar, 1));\\n height: calc(12px * var(--scalar, 1));\\n background-color: currentColor;\\n mask-image: url(\\\"data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='currentColor'/%3E%3C/svg%3E\\\");\\n mask-repeat: no-repeat;\\n mask-position: center;\\n mask-size: contain;\\n pointer-events: none;\\n }\\n\\n .tcn-button.select:dir(rtl)::after {\\n content: \\\"\\\";\\n position: absolute;\\n left: calc(4px * var(--scalar, 1));\\n top: 50%;\\n transform: translateY(-50%);\\n width: calc(12px * var(--scalar, 1));\\n height: calc(12px * var(--scalar, 1));\\n background-color: #222;\\n mask-image: url(\\\"data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='black'/%3E%3C/svg%3E\\\");\\n mask-repeat: no-repeat;\\n mask-position: center;\\n mask-size: contain;\\n pointer-events: none;\\n }\\n\\n /* Select group styles /\\n .tcn-select-group .tcn-button[data-hierarchy=\\\"primary\\\"],\\n .tcn-select-group .tcn-button[data-hierarchy=\\\"primary\\\"]:hover,\\n .tcn-select-group .tcn-button[data-hierarchy=\\\"primary\\\"]:focus {\\n background-color: #000080;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n color: #fff;\\n }\\n\\n .tcn-select-group .tcn-button:hover,\\n .tcn-select-group .tcn-button:focus,\\n .tcn-button-group .tcn-button:hover,\\n .tcn-button-group .tcn-button:focus {\\n z-index: 1;\\n }\\n\\n / ===== INPUT FIELDS ===== /\\n .tcn-input,\\n .tcn-textarea,\\n .tcn-suggestion-list-search-input,\\n .tcn-multi-combo-box-values-container,\\n .tcn-multiselect-values-container {\\n border-radius: 0;\\n outline: none;\\n border: none;\\n background-color: #fff;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px grey,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #0a0a0a;\\n box-sizing: border-box;\\n padding: 3px 4px;\\n }\\n\\n .tcn-suggestion-list-search-input {\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px grey,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #0a0a0a,\\n 0px -2px 0px 2px #c0c0c0;\\n }\\n\\n .tcn-input,\\n .tcn-textarea,\\n .tcn-suggestion-list-search-input {\\n height: 23px;\\n }\\n\\n .tcn-input:is(:focus, :focus-visible, :active, :hover),\\n .tcn-input:is(:focus, :focus-visible, :active, :hover)[data-is-disabled=\\\"false\\\"],\\n .tcn-textarea:is(:focus, :focus-visible, :active, :hover),\\n .tcn-textarea:is(:focus, :focus-visible, :active, :hover)[data-is-disabled=\\\"false\\\"] {\\n outline: none;\\n border: none;\\n }\\n\\n .tcn-input[data-is-disabled=\\\"true\\\"],\\n .tcn-textarea[data-is-disabled=\\\"true\\\"],\\n .tcn-suggestion-list-search-input[data-is-disabled=\\\"true\\\"],\\n .tcn-multiselect-values-container[data-is-disabled=\\\"true\\\"] {\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #999,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #717171;\\n }\\n\\n .tcn-input[data-is-disabled=\\\"true\\\"],\\n .tcn-textarea[data-is-disabled=\\\"true\\\"],\\n .tcn-suggestion-list-search-input[data-is-disabled=\\\"true\\\"],\\n .tcn-multiselect-values-container[data-is-disabled=\\\"true\\\"],\\n .tcn-input[data-is-disabled=\\\"true\\\"]::placeholder,\\n .tcn-textarea[data-is-disabled=\\\"true\\\"]::placeholder,\\n .tcn-suggestion-list-search-input[data-is-disabled=\\\"true\\\"]::placeholder,\\n .tcn-multiselect-values-container[data-is-disabled=\\\"true\\\"]::placeholder {\\n color: #7f7f7f;\\n cursor: not-allowed;\\n background-color: #c0c0c0;\\n }\\n\\n / Select group active and focus states /\\n .tcn-select-group .tcn-button[data-hierarchy=\\\"primary\\\"]:active {\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #0a0a0a,\\n inset -2px -2px #c0c0c0,\\n inset 2px 2px grey;\\n color: #fff;\\n }\\n\\n .tcn-select-group .tcn-button[data-hierarchy=\\\"primary\\\"]:focus:not(:active)::before {\\n outline: 1px dotted #fcfcfc;\\n }\\n\\n / ===== SUGGESTION LISTS ===== /\\n .tcn-suggestion-list {\\n padding: 2px;\\n }\\n\\n .tcn-suggestion-item {\\n padding: 0;\\n background: transparent;\\n border: none;\\n min-height: 0;\\n }\\n\\n .tcn-suggestion-item:hover {\\n background: #000080;\\n color: #fff;\\n }\\n\\n .tcn-suggestion-item[data-is-selected=\\\"true\\\"],\\n .tcn-suggestion-item[data-is-focused=\\\"true\\\"] {\\n padding: 0;\\n background: #000080;\\n color: #fff;\\n border: none;\\n }\\n\\n .tcn-suggestion-list-search-input {\\n border-radius: 0;\\n padding: 4px;\\n height: 24px;\\n min-height: 24px;\\n }\\n\\n / ===== LAYOUT COMPONENTS ===== /\\n\\n .tcn-title {\\n color: black;\\n }\\n\\n .header .tcn-title {\\n color: #fff;\\n }\\n / Headers /\\n .header[data-kind=\\\"window\\\"] {\\n padding: 4px;\\n background: linear-gradient(90deg, #000080, #1084d0);\\n border: none;\\n color: #fff;\\n }\\n\\n .header[data-kind=\\\"window\\\"] > .tcn-button {\\n color: #222;\\n }\\n\\n .header[data-kind=\\\"toolbar\\\"],\\n .header[data-kind=\\\"app\\\"],\\n .header[data-kind=\\\"nav\\\"] {\\n padding: 4px 0;\\n background: #c0c0c0;\\n color: #222222;\\n border-bottom: 1px solid #808080;\\n border-top: 1px solid #f5f5f5;\\n border-right: 1px solid #808080;\\n border-left: 1px solid #f5f5f5;\\n padding-inline-start: 4px;\\n }\\n\\n .header[data-kind=\\\"panel\\\"] {\\n padding: 4px;\\n background: linear-gradient(90deg, #7c7c7c, #aeaeae);\\n border: none;\\n color: #fff;\\n }\\n\\n / Main content areas /\\n .tcn-main[data-kind=\\\"window\\\"],\\n .tcn-main[data-kind=\\\"app\\\"],\\n .tcn-main[data-kind=\\\"nav\\\"],\\n .tcn-main[data-kind=\\\"toolbar\\\"],\\n .tcn-main[data-kind=\\\"section\\\"],\\n .tcn-main[data-kind=\\\"panel\\\"],\\n .tcn-main[data-kind=\\\"panel\\\"],\\n .tcn-main[data-kind=\\\"drawer\\\"],\\n .tcn-main[data-kind=\\\"card\\\"],\\n .tcn-panel,\\n .tcn-h-panel,\\n .tcn-v-panel,\\n .tcn-sidebar-start[data-hierarchy],\\n .tcn-sidebar-end[data-hierarchy] {\\n border-radius: 0;\\n background: #c0c0c0;\\n color: #222222;\\n border-bottom: 1px solid #808080;\\n border-top: 1px solid #f5f5f5;\\n border-right: 1px solid #808080;\\n border-left: 1px solid #f5f5f5;\\n }\\n\\n .tcn-column:after {\\n content: \\\"\\\";\\n position: absolute;\\n bottom: var(--padding);\\n top: var(--padding);\\n right: 0;\\n width: 0px;\\n border-bottom: 1px solid #f5f5f5;\\n border-top: 1px solid #808080;\\n border-right: 1px solid #f5f5f5;\\n border-left: 1px solid #808080;\\n }\\n\\n .tcn-column:last-child:after {\\n display: none;\\n }\\n\\n .tcn-main[data-kind=\\\"panel\\\"],\\n .tcn-sidebar-start[data-kind=\\\"panel\\\"],\\n .tcn-sidebar-end[data-kind=\\\"panel\\\"] {\\n padding: 0;\\n }\\n\\n / Sidebar styles /\\n .tcn-sidebar-start[data-hierarchy=\\\"tertiary\\\"],\\n .tcn-sidebar-start[data-hierarchy=\\\"secondary\\\"] {\\n background: #c0c0c0;\\n color: #222222;\\n }\\n\\n .tcn-sidebar-start[data-kind=\\\"nav\\\"],\\n .tcn-v-nav {\\n background: #fff;\\n padding: 2px;\\n border-top: 1px solid #808080;\\n border-bottom: 1px solid #f5f5f5;\\n border-right: 1px solid #f5f5f5;\\n border-left: 1px solid #808080;\\n }\\n\\n .tcn-sidebar-end[data-hierarchy=\\\"tertiary\\\"],\\n .tcn-sidebar-end[data-hierarchy=\\\"secondary\\\"] {\\n background: #c0c0c0;\\n color: #222222;\\n }\\n\\n .tcn-sidebar-end[data-hierarchy=\\\"primary\\\"],\\n .tcn-sidebar-start[data-hierarchy=\\\"primary\\\"] {\\n background: #fff;\\n color: #222222;\\n }\\n\\n / Footer /\\n .tcn-footer[data-kind=\\\"window\\\"] {\\n padding: 4px;\\n background: #c0c0c0;\\n box-shadow:\\n inset 1px 1px #808080,\\n inset -1px -1px #f5f5f5,\\n inset 2px 2px #c1c1c1,\\n inset -2px -2px #c0c0c0;\\n color: #222222;\\n }\\n\\n / ===== WINDOWS AND POPOVERS ===== /\\n .tcn-window,\\n .tcn-date-picker-popover,\\n .tcn-date-picker-year-selector,\\n .tcn-menu,\\n .tcn-suggestion-list {\\n border-radius: 0;\\n background: #c0c0c0;\\n padding: 4px;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #f5f5f5,\\n inset -2px -2px #808080,\\n inset 2px 2px #c0c0c0;\\n }\\n\\n .tcn-suggestion-list-header {\\n background: #c0c0c0;\\n }\\n\\n / ===== DATE PICKER COMPONENTS ===== /\\n .tcn-date-picker-box {\\n background: #c0c0c0;\\n padding: 0;\\n }\\n\\n .tcn-date-picker-date {\\n box-shadow: none !important;\\n }\\n\\n .tcn-date-picker-year-button {\\n box-shadow: none !important;\\n }\\n\\n .tcn-date-picker-header {\\n height: 20px;\\n }\\n\\n .tcn-button.tcn-phone-number-input-select,\\n .tcn-button.tcn-phone-number-input-select:hover {\\n min-width: 0;\\n }\\n\\n .tcn-phone-number-input[data-has-phone-book=\\\"false\\\"] {\\n border-end-end-radius: 0px;\\n border-start-end-radius: 0px;\\n }\\n\\n .tcn-button.tcn-phone-number-input-phone-book {\\n max-width: 23px !important;\\n max-height: 23px !important;\\n height: 23px !important;\\n min-width: 23px !important;\\n min-height: 23px !important;\\n }\\n\\n .tcn-button.tcn-date-picker-year-select {\\n padding-inline-end: 20px;\\n }\\n\\n .tcn-button.tcn-date-picker-year-select:dir(ltr)::after {\\n width: calc(12px var(--scalar, 1));\\n height: calc(12px * var(--scalar, 1));\\n mask-image: url(\\\"data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='black'/%3E%3C/svg%3E\\\");\\n }\\n\\n .tcn-button.tcn-date-picker-year-select:dir(rtl)::after {\\n width: calc(12px * var(--scalar, 1));\\n height: calc(12px * var(--scalar, 1));\\n mask-image: url(\\\"data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='black'/%3E%3C/svg%3E\\\");\\n }\\n\\n /* ===== TIME BOX ===== /\\n .tcn-time-box {\\n border-radius: 0;\\n background: #fff;\\n border: none;\\n box-shadow:\\n inset 1px 1px #808080,\\n inset -1px -1px #f5f5f5,\\n inset 2px 2px #c1c1c1,\\n inset -2px -2px #c0c0c0;\\n }\\n\\n .tcn-time-box-title-container {\\n min-height: 25px;\\n height: 25px;\\n }\\n\\n / ===== FORM COMPONENTS ===== /\\n .tcn-field-set {\\n padding: 8px 12px 12px 12px;\\n margin-top: 10px;\\n border-radius: 0;\\n background: #c0c0c0;\\n gap: 8px;\\n box-shadow:\\n inset 1px 1px #808080,\\n inset -1px -1px #f5f5f5,\\n inset 2px 2px #f5f5f5,\\n inset -2px -2px #808080;\\n }\\n\\n .tcn-field-set > .tcn-field-set-legend {\\n position: relative;\\n top: -7px;\\n left: -4px;\\n height: 0;\\n }\\n\\n .tcn-field-set-legend-text {\\n background: #c0c0c0;\\n padding: 0;\\n font-size: 12px;\\n }\\n\\n / ===== CHIPS ===== /\\n .tcn-chip {\\n background: #c0c0c0;\\n border-radius: 0;\\n color: #222222;\\n border: none;\\n font-size: 12px;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n }\\n\\n / ===== CHECKBOXES ===== /\\n .tcn-checkbox {\\n outline: none;\\n border-radius: 0;\\n background: #fff;\\n border: none;\\n background-position: center;\\n background-repeat: no-repeat;\\n box-shadow:\\n inset 1px 1px #808080,\\n inset -1px -1px #f5f5f5,\\n inset 2px 2px #c1c1c1,\\n inset -2px -2px #c0c0c0;\\n }\\n\\n .tcn-checkbox:focus {\\n outline: none;\\n }\\n\\n .tcn-checkbox[data-checked=\\\"true\\\"] {\\n background-color: #fff;\\n background-image: url(\\\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='%23222' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='%23222' stroke-width='2'/%3E%3C/svg%3E\\\");\\n }\\n\\n .tcn-checkbox[data-is-disabled=\\\"false\\\"]:active {\\n background-color: #fff;\\n background-image: url(\\\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='%23222' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='%23222' stroke-width='2'/%3E%3C/svg%3E\\\");\\n }\\n\\n .tcn-checkbox[data-is-disabled=\\\"true\\\"] {\\n background-color: #c0c0c0;\\n }\\n\\n .tcn-checkbox[data-checked=\\\"true\\\"][data-is-disabled=\\\"true\\\"] {\\n background-image: url(\\\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='%23222' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='%23707070' stroke-width='2'/%3E%3C/svg%3E\\\");\\n }\\n\\n / ===== RADIO BUTTONS ===== /\\n .tcn-radio,\\n .tcn-radio[data-checked=\\\"true\\\"],\\n .tcn-radio[checked=\\\"true\\\"] {\\n width: 14px;\\n height: 14px;\\n min-width: 14px;\\n min-height: 14px;\\n border-inline-end: 1px solid #fff;\\n border-inline-start: 1px solid #222;\\n border-block-end: 1px solid #fff;\\n border-block-start: 1px solid #222;\\n }\\n\\n .tcn-radio:focus {\\n outline: none;\\n }\\n\\n .tcn-radio::before {\\n content: \\\"\\\";\\n background: transparent;\\n position: absolute;\\n border-radius: 50%;\\n inset: 0;\\n border-inline-end: 1px solid #dfdfdf;\\n border-inline-start: 1px solid #808080;\\n border-block-end: 1px solid #dfdfdf;\\n border-block-start: 1px solid #808080;\\n }\\n\\n .tcn-radio[data-checked=\\\"true\\\"]::after {\\n content: \\\"\\\";\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n transform: translate(-50%, -50%);\\n width: 40%;\\n height: 40%;\\n background: #222;\\n border-radius: 50%;\\n }\\n\\n / ===== SWITCHES ===== /\\n .tcn-switch:focus,\\n .tcn-switch:focus-visible,\\n .tcn-switch-wrapper[data-focused=\\\"true\\\"][data-is-checked=\\\"false\\\"],\\n .tcn-switch-wrapper[data-focused=\\\"true\\\"][data-is-checked=\\\"true\\\"] {\\n outline: none;\\n }\\n\\n .tcn-switch-wrapper {\\n border-radius: 0;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px grey,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #0a0a0a;\\n border-color: #c0c0c0;\\n background-color: #fff;\\n transition: background-color 200ms ease-out;\\n margin-top: 2px;\\n margin-bottom: 3px;\\n }\\n\\n .tcn-switch-wrapper[data-is-checked=\\\"false\\\"] > .tcn-switch-icon {\\n color: #222;\\n }\\n\\n .tcn-switch::after {\\n content: \\\"\\\";\\n cursor: pointer;\\n position: absolute;\\n top: 0;\\n transition: transform 200ms ease-out;\\n width: calc(16px var(--scalar, 1));\\n height: calc(16px * var(--scalar, 1));\\n border-radius: 0;\\n background-color: #c0c0c0;\\n box-sizing: border-box;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n }\\n\\n .tcn-switch-wrapper[data-is-checked=\\\"true\\\"][data-is-disabled=\\\"false\\\"] {\\n background-color: var(--accent-color);\\n border-color: #c0c0c0;\\n }\\n\\n .tcn-switch-wrapper[data-is-disabled=\\\"true\\\"] {\\n background-color: #c0c0c0;\\n border-color: #c0c0c0;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #999,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #7f7f7f;\\n }\\n\\n .tcn-switch[data-is-disabled=\\\"true\\\"]:after {\\n box-shadow:\\n inset -1px -1px #666666,\\n inset 1px 1px #fff,\\n inset -2px -2px #949494,\\n inset 2px 2px #c0c0c0;\\n }\\n\\n .tcn-switch-wrapper[data-is-disabled=\\\"true\\\"] > .tcn-switch-icon {\\n color: #707070;\\n }\\n\\n /* ===== SLIDERS ===== /\\n .tcn-slider::-webkit-slider-runnable-track {\\n border-radius: 0;\\n height: 5px;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px grey,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #0a0a0a;\\n }\\n\\n .tcn-slider::-webkit-slider-runnable-track[data-is-disabled=\\\"true\\\"] {\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #999,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #717171;\\n }\\n\\n .tcn-slider::-webkit-slider-thumb {\\n outline: none;\\n width: calc(12px var(--scalar, 1));\\n height: calc(16px * var(--scalar, 1));\\n border-radius: 0;\\n border: none;\\n background-color: #c0c0c0;\\n box-sizing: border-box;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n }\\n\\n .tcn-slider[data-is-disabled=\\\"false\\\"]:active::-webkit-slider-thumb {\\n background-color: #c0c0c0;\\n }\\n\\n .tcn-slider[data-is-disabled=\\\"true\\\"]::-webkit-slider-thumb {\\n box-shadow:\\n inset -1px -1px #717171,\\n inset 1px 1px #fff,\\n inset -2px -2px #999,\\n inset 2px 2px #c0c0c0;\\n }\\n\\n /* Mozilla slider styles /\\n .tcn-slider::-moz-range-track {\\n border-radius: 0;\\n height: 5px;\\n border: none;\\n background: #c0c0c0;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px grey,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #0a0a0a;\\n }\\n\\n .tcn-slider::-moz-range-track[data-is-disabled=\\\"true\\\"] {\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #999,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #717171;\\n }\\n\\n .tcn-slider::-moz-range-thumb {\\n outline: none;\\n width: calc(12px var(--scalar, 1));\\n height: calc(16px * var(--scalar, 1));\\n border-radius: 0;\\n border: none;\\n background-color: #c0c0c0;\\n box-sizing: border-box;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n cursor: pointer;\\n }\\n\\n .tcn-slider[data-is-disabled=\\\"false\\\"]:active::-moz-range-thumb,\\n .tcn-slider[data-is-disabled=\\\"false\\\"]:focus::-moz-range-thumb {\\n background-color: #c0c0c0;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n outline: none;\\n }\\n\\n .tcn-slider[data-is-disabled=\\\"true\\\"]::-moz-range-thumb {\\n box-shadow:\\n inset -1px -1px #717171,\\n inset 1px 1px #fff,\\n inset -2px -2px #999,\\n inset 2px 2px #c0c0c0;\\n cursor: not-allowed;\\n }\\n\\n .tcn-nav-item,\\n .tcn-nav-item[data-is-selected],\\n .tcn-menu-item {\\n border-radius: 0;\\n font-size: 12px;\\n }\\n\\n .tcn-nav-item,\\n .tcn-menu-item .tcn-body-text {\\n font-size: 12px;\\n }\\n\\n .tcn-main[data-hierarchy=\\\"primary\\\"] {\\n background: #c0c0c0;\\n padding: 0px;\\n }\\n\\n .tcn-main[data-hierarchy=\\\"secondary\\\"] {\\n background: #c0c0c0;\\n padding: 0px;\\n }\\n\\n .tcn-main[data-hierarchy=\\\"tertiary\\\"] {\\n background: #c0c0c0;\\n padding: 0px;\\n }\\n\\n .tcn-h-nav {\\n border: none;\\n }\\n\\n .tcn-h-nav:after {\\n content: \\\"\\\";\\n position: absolute;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n height: 0px;\\n border-bottom: 1px solid #f5f5f5;\\n border-top: 1px solid #808080;\\n border-right: 1px solid #f5f5f5;\\n border-left: 1px solid #808080;\\n }\\n\\n .tcn-footer {\\n border: none;\\n }\\n\\n .tcn-footer:after {\\n content: \\\"\\\";\\n position: absolute;\\n left: 0;\\n right: 0;\\n top: 0;\\n height: 0px;\\n border-bottom: 1px solid #f5f5f5;\\n border-top: 1px solid #808080;\\n border-right: 1px solid #f5f5f5;\\n border-left: 1px solid #808080;\\n }\\n\\n /* ===== SECTIONS ===== /\\n\\n .tcn-section {\\n background: silver;\\n gap: 0px;\\n font-size: 12px;\\n }\\n\\n .tcn-heading {\\n background: silver;\\n padding-inline-start: 8px;\\n height: 23px;\\n z-index: 5;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n }\\n\\n .tcn-section > .tcn-heading {\\n top: 0;\\n padding-inline-start: 8px;\\n z-index: 4;\\n }\\n\\n .tcn-section > .tcn-section > .tcn-heading {\\n top: 23px;\\n padding-inline-start: 12px;\\n z-index: 3;\\n }\\n\\n .tcn-section > .tcn-section > .tcn-section > .tcn-heading {\\n top: 46px;\\n padding-inline-start: 16px;\\n z-index: 2;\\n }\\n\\n .tcn-section > .tcn-section > .tcn-section > .tcn-section .tcn-heading {\\n top: 69px;\\n padding-inline-start: 20px;\\n z-index: 1;\\n }\\n\\n .tcn-section > :not(.tcn-heading, .tcn-section) {\\n padding-inline-start: 8px;\\n }\\n\\n .tcn-section > .tcn-section > :not(.tcn-heading, .tcn-section) {\\n padding-inline-start: 12px;\\n }\\n\\n .tcn-section > .tcn-section > .tcn-section > :not(.tcn-heading, .tcn-section) {\\n padding-inline-start: 16px;\\n }\\n\\n .tcn-section\\n > .tcn-section\\n > .tcn-section\\n > .tcn-section\\n > :not(.tcn-heading, .tcn-section) {\\n padding-inline-start: 20px;\\n }\\n\\n .tcn-section > .tcn-row {\\n background: #fff;\\n padding: 4px;\\n font-size: 12px;\\n gap: 4px;\\n }\\n\\n .tcn-caret {\\n --caret-size: 12px;\\n --caret-triangle-height: calc(var(--caret-size) / 2);\\n --caret-triangle-width: var(--caret-size);\\n --caret-triangle-base: var(--caret-triangle-height) solid transparent;\\n --caret-triangle-peak: var(--caret-triangle-width) solid #000;\\n\\n width: 0;\\n height: 0;\\n flex-grow: 0;\\n display: inline-block;\\n\\n &[data-direction=\\\"top\\\"] {\\n border-bottom: var(--caret-triangle-peak);\\n border-left: var(--caret-triangle-base);\\n border-right: var(--caret-triangle-base);\\n }\\n\\n &[data-direction=\\\"bottom\\\"] {\\n border-top: var(--caret-triangle-peak);\\n border-left: var(--caret-triangle-base);\\n border-right: var(--caret-triangle-base);\\n }\\n\\n &[data-direction=\\\"start\\\"] {\\n border-right: var(--caret-triangle-peak);\\n border-top: var(--caret-triangle-base);\\n border-bottom: var(--caret-triangle-base);\\n }\\n\\n &[data-direction=\\\"end\\\"] {\\n border-left: var(--caret-triangle-peak);\\n border-top: var(--caret-triangle-base);\\n border-bottom: var(--caret-triangle-base);\\n }\\n }\\n}\\n\\n/ ===== TABS ===== */\\n\\n.tcn-tabs-list {\\n display: flex;\\n list-style-type: none;\\n margin: 0 0 -2px;\\n padding-left: 3px;\\n position: relative;\\n text-indent: 0;\\n\\n .tcn-tab-item {\\n border-top-left-radius: 3px;\\n border-top-right-radius: 3px;\\n box-shadow:\\n inset -1px 0 #0a0a0a,\\n inset 1px 1px #dfdfdf,\\n inset -2px 0 grey,\\n inset 2px 2px #fff;\\n }\\n\\n .tcn-tab-item[data-is-selected=\\\"true\\\"] {\\n background-color: silver;\\n margin-left: -3px;\\n margin-top: -2px;\\n padding-bottom: 2px;\\n position: relative;\\n z-index: 8;\\n }\\n}\\n\"","import css from './windows_98.css?raw';\n\nexport const windows98StyleSheet = new CSSStyleSheet();\nwindows98StyleSheet.replaceSync(css);\n"],"names":["css","windows98StyleSheet"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEFC,IAAsB,IAAI,cAAA;AACvCA,EAAoB,YAAYD,CAAG;"}

package/dist/utils/decorators/clone_with_decorator.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { ClassValue } from 'clsx';
+/**
+ * Shared utility for decorator-pattern components that wrap a child via cloneElement.
+ *
+ * Consolidates the boilerplate: merges className via clsx, spreads style,
+ * accepts a pre-forked ref (callers must invoke useForkRef themselves),
+ * and optionally appends extra children (e.g. handles).
+ *
+ * Internal only — not exported from the package.
+ */
+interface DecoratorProps {
+    className?: ClassValue;
+    style?: React.CSSProperties;
+    ref?: React.Ref<unknown>;
+    children?: React.ReactNode;
+    [key: string]: unknown;
+}
+export declare function cloneWithDecorator(child: React.ReactElement, injectedProps: DecoratorProps, extraChildren?: React.ReactNode[]): React.ReactElement;
+export {};
+//# sourceMappingURL=clone_with_decorator.d.ts.map

package/dist/utils/decorators/clone_with_decorator.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"clone_with_decorator.d.ts","sourceRoot":"","sources":["../../../src/utils/decorators/clone_with_decorator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGvC;;;;;;;;GAQG;AAEH,UAAU,cAAc;IACtB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,CAAC,YAAY,EACzB,aAAa,EAAE,cAAc,EAC7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,GAChC,KAAK,CAAC,YAAY,CAoBpB"}

package/dist/utils/decorators/clone_with_decorator.js ADDED Viewed

@@ -0,0 +1,16 @@
+import r from "react";
+import { clsx as a } from "clsx";
+function y(e, n, o) {
+  const { className: c, style: l, ref: s, children: m, ...p } = n, t = {
+    ...p,
+    className: a(e.props.className, c),
+    style: { ...e.props.style, ...l }
+  };
+  s !== void 0 && (t.ref = s);
+  const f = m ?? e.props.children;
+  return o && o.length > 0 ? r.cloneElement(e, t, f, ...o) : r.cloneElement(e, t);
+}
+export {
+  y as cloneWithDecorator
+};
+//# sourceMappingURL=clone_with_decorator.js.map

package/dist/utils/decorators/clone_with_decorator.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"clone_with_decorator.js","sources":["../../../src/utils/decorators/clone_with_decorator.ts"],"sourcesContent":["import React from 'react';\nimport type { ClassValue } from 'clsx';\nimport { clsx } from 'clsx';\n\n/**\n * Shared utility for decorator-pattern components that wrap a child via cloneElement.\n *\n * Consolidates the boilerplate: merges className via clsx, spreads style,\n * accepts a pre-forked ref (callers must invoke useForkRef themselves),\n * and optionally appends extra children (e.g. handles).\n *\n * Internal only — not exported from the package.\n */\n\ninterface DecoratorProps {\n className?: ClassValue;\n style?: React.CSSProperties;\n ref?: React.Ref<unknown>;\n children?: React.ReactNode;\n [key: string]: unknown;\n}\n\nexport function cloneWithDecorator(\n child: React.ReactElement,\n injectedProps: DecoratorProps,\n extraChildren?: React.ReactNode[]\n): React.ReactElement {\n const { className, style, ref, children, ...rest } = injectedProps;\n\n const mergedProps: Record<string, unknown> = {\n ...rest,\n className: clsx(child.props.className, className),\n style: { ...child.props.style, ...(style as object) },\n };\n\n if (ref !== undefined) {\n mergedProps.ref = ref;\n }\n\n const childContent = children ?? child.props.children;\n\n if (extraChildren && extraChildren.length > 0) {\n return React.cloneElement(child, mergedProps, childContent, ...extraChildren);\n }\n\n return React.cloneElement(child, mergedProps);\n}\n"],"names":["cloneWithDecorator","child","injectedProps","extraChildren","className","style","ref","children","rest","mergedProps","clsx","childContent","React"],"mappings":";;AAsBO,SAASA,EACdC,GACAC,GACAC,GACoB;AACpB,QAAM,EAAE,WAAAC,GAAW,OAAAC,GAAO,KAAAC,GAAK,UAAAC,GAAU,GAAGC,MAASN,GAE/CO,IAAuC;AAAA,IAC3C,GAAGD;AAAA,IACH,WAAWE,EAAKT,EAAM,MAAM,WAAWG,CAAS;AAAA,IAChD,OAAO,EAAE,GAAGH,EAAM,MAAM,OAAO,GAAII,EAAA;AAAA,EAAiB;AAGtD,EAAIC,MAAQ,WACVG,EAAY,MAAMH;AAGpB,QAAMK,IAAeJ,KAAYN,EAAM,MAAM;AAE7C,SAAIE,KAAiBA,EAAc,SAAS,IACnCS,EAAM,aAAaX,GAAOQ,GAAaE,GAAc,GAAGR,CAAa,IAGvES,EAAM,aAAaX,GAAOQ,CAAW;AAC9C;"}

package/dist/utils/decorators/draggable/context.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/utils/decorators/draggable/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAUhD,eAAO,MAAM,oBAAoB,wCAA6C,CAAC;AAE/E,wBAAgB,gBAAgB,IAAI,aAAa,CAWhD"}

package/dist/utils/decorators/draggable/context.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"context.js","sources":["../../../../src/utils/decorators/draggable/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { DragContainer } from './types.js';\n\nconst defaultValue: DragContainer = {\n registerHandle: () => {},\n unregisterHandle: () => {},\n isDragging: false,\n position: { x: 0, y: 0 },\n setPosition: () => {},\n};\n\nexport const DragContainerContext = createContext<DragContainer>(defaultValue);\n\nexport function useDragContainer(): DragContainer {\n const context = useContext(DragContainerContext);\n\n if (context === defaultValue) {\n // biome-ignore lint/suspicious/noConsole: Let devs know if they're not using the context correctly\n console.warn(\n 'useDragContainer: No DragContainerContext found. Handles may will not register or trigger drag events.'\n );\n }\n\n return context;\n}\n"],"names":["defaultValue","DragContainerContext","createContext","useDragContainer","context","useContext"],"mappings":";AAGA,MAAMA,IAA8B;AAAA,EAClC,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,kBAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,YAAY;AAAA,EACZ,UAAU,EAAE,GAAG,GAAG,GAAG,EAAA;AAAA,EACrB,aAAa,MAAM;AAAA,EAAC;AACtB,GAEaC,IAAuBC,EAA6BF,CAAY;AAEtE,SAASG,IAAkC;AAChD,QAAMC,IAAUC,EAAWJ,CAAoB;AAE/C,SAAIG,MAAYJ,KAEd,QAAQ;AAAA,IACN;AAAA,EAAA,GAIGI;AACT;"}

package/dist/utils/{dnd/handle.d.ts → decorators/draggable/drag_handle.d.ts} RENAMED Viewed

@@ -3,4 +3,4 @@ export interface DragHandleProps {
     children: React.ReactElement;
 }
 export declare const DragHandle: React.FC<DragHandleProps>;
-//# sourceMappingURL=handle.d.ts.map
+//# sourceMappingURL=drag_handle.d.ts.map

package/dist/utils/decorators/draggable/drag_handle.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"drag_handle.d.ts","sourceRoot":"","sources":["../../../../src/utils/decorators/draggable/drag_handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsBhD,CAAC"}

package/dist/utils/{dnd/handle.js → decorators/draggable/drag_handle.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import s, { useRef as f, useEffect as u } from "react";
 import a from "clsx";
 import { useDragContainer as l } from "./context.js";
-import { useForkRef as m } from "../hooks/use_fork_ref.js";
+import { useForkRef as m } from "../../hooks/use_fork_ref.js";
 const d = ({ children: r }) => {
   const { registerHandle: t, unregisterHandle: n } = l(), e = f(null);
   u(() => {
@@ -19,4 +19,4 @@ const d = ({ children: r }) => {
 export {
   d as DragHandle
 };
-//# sourceMappingURL=handle.js.map
+//# sourceMappingURL=drag_handle.js.map

package/dist/utils/decorators/draggable/drag_handle.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"drag_handle.js","sources":["../../../../src/utils/decorators/draggable/drag_handle.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport { useDragContainer } from './context.js';\nimport { useForkRef } from '../../hooks/use_fork_ref.js';\n\nexport interface DragHandleProps {\n children: React.ReactElement;\n}\n\nexport const DragHandle: React.FC<DragHandleProps> = ({ children }) => {\n const { registerHandle, unregisterHandle } = useDragContainer();\n const ref = useRef<HTMLElement | null>(null);\n\n useEffect(() => {\n if (ref.current == null) {\n return;\n }\n registerHandle(ref);\n return () => {\n if (ref.current == null) {\n return;\n }\n unregisterHandle(ref);\n };\n }, [registerHandle, unregisterHandle]);\n\n const mergedRef = useForkRef(ref, children.props.ref);\n return React.cloneElement(children, {\n className: clsx('tcn-drag-handle', children.props.className),\n ref: mergedRef,\n });\n};\n"],"names":["DragHandle","children","registerHandle","unregisterHandle","useDragContainer","ref","useRef","useEffect","mergedRef","useForkRef","React","clsx"],"mappings":";;;;AASO,MAAMA,IAAwC,CAAC,EAAE,UAAAC,QAAe;AACrE,QAAM,EAAE,gBAAAC,GAAgB,kBAAAC,EAAA,IAAqBC,EAAA,GACvCC,IAAMC,EAA2B,IAAI;AAE3C,EAAAC,EAAU,MAAM;AACd,QAAIF,EAAI,WAAW;AAGnB,aAAAH,EAAeG,CAAG,GACX,MAAM;AACX,QAAIA,EAAI,WAAW,QAGnBF,EAAiBE,CAAG;AAAA,MACtB;AAAA,EACF,GAAG,CAACH,GAAgBC,CAAgB,CAAC;AAErC,QAAMK,IAAYC,EAAWJ,GAAKJ,EAAS,MAAM,GAAG;AACpD,SAAOS,EAAM,aAAaT,GAAU;AAAA,IAClC,WAAWU,EAAK,mBAAmBV,EAAS,MAAM,SAAS;AAAA,IAC3D,KAAKO;AAAA,EAAA,CACN;AACH;"}

package/dist/utils/decorators/draggable/draggable.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"draggable.d.ts","sourceRoot":"","sources":["../../../../src/utils/decorators/draggable/draggable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4B9C,CAAC"}

package/dist/utils/{dnd → decorators}/draggable/draggable.js RENAMED Viewed

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
 import i, { useMemo as n } from "react";
-import { DragContainerContext as g } from "../context.js";
+import { DragContainerContext as g } from "./context.js";
 import p from "clsx";
-import { useMakeDragContainer as l } from "../hooks/use_drag_container.js";
-import { s as m } from "../../../draggable.module-BgelQsuJ.js";
+import { useMakeDragContainer as l } from "./use_drag_container.js";
+import { s as m } from "../../../draggable.module-DFYR5n3n.js";
 const y = ({
   children: t,
   draggable: r = !0

package/dist/utils/decorators/draggable/draggable.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"draggable.js","sources":["../../../../src/utils/decorators/draggable/draggable.tsx"],"sourcesContent":["import React, { useMemo, type CSSProperties } from 'react';\n\nimport { DragContainerContext } from './context.js';\nimport clsx from 'clsx';\nimport { useMakeDragContainer } from './use_drag_container.js';\n\nimport styles from './draggable.module.css';\n\nexport interface DraggableProps {\n children: React.ReactElement;\n draggable?: boolean;\n}\n\nexport const Draggable: React.FC<DraggableProps> = ({\n children,\n draggable: isDraggable = true,\n}) => {\n const context = useMakeDragContainer({});\n\n const cssVariables = useMemo(\n () =>\n ({\n '--position-x': `${context.position.x}px`,\n '--position-y': `${context.position.y}px`,\n }) as CSSProperties,\n\n [context.position]\n );\n\n const clonedChildren = React.cloneElement(children, {\n className: clsx('tcn-draggable', styles.draggable, children.props.className),\n style: { ...cssVariables, ...children.props.style },\n 'data-is-dragging': context.isDragging,\n 'data-is-draggable': isDraggable,\n });\n\n return (\n <DragContainerContext.Provider value={context}>\n {clonedChildren}\n </DragContainerContext.Provider>\n );\n};\n"],"names":["Draggable","children","isDraggable","context","useMakeDragContainer","cssVariables","useMemo","clonedChildren","React","clsx","styles","DragContainerContext"],"mappings":";;;;;;AAaO,MAAMA,IAAsC,CAAC;AAAA,EAClD,UAAAC;AAAA,EACA,WAAWC,IAAc;AAC3B,MAAM;AACJ,QAAMC,IAAUC,EAAqB,EAAE,GAEjCC,IAAeC;AAAA,IACnB,OACG;AAAA,MACC,gBAAgB,GAAGH,EAAQ,SAAS,CAAC;AAAA,MACrC,gBAAgB,GAAGA,EAAQ,SAAS,CAAC;AAAA,IAAA;AAAA,IAGzC,CAACA,EAAQ,QAAQ;AAAA,EAAA,GAGbI,IAAiBC,EAAM,aAAaP,GAAU;AAAA,IAClD,WAAWQ,EAAK,iBAAiBC,EAAO,WAAWT,EAAS,MAAM,SAAS;AAAA,IAC3E,OAAO,EAAE,GAAGI,GAAc,GAAGJ,EAAS,MAAM,MAAA;AAAA,IAC5C,oBAAoBE,EAAQ;AAAA,IAC5B,qBAAqBD;AAAA,EAAA,CACtB;AAED,2BACGS,EAAqB,UAArB,EAA8B,OAAOR,GACnC,UAAAI,GACH;AAEJ;"}

package/dist/utils/decorators/draggable/index.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+export { Draggable } from './draggable.js';
+export type { DraggableProps } from './draggable.js';
+export { DragHandle } from './drag_handle.js';
+export type { DragHandleProps } from './drag_handle.js';
+export { useDragContainer, DragContainerContext } from './context.js';
+export { useDraggable } from './use_draggable.js';
+export type { UseDraggableOptions } from './use_draggable.js';
+export { useMakeDragContainer } from './use_drag_container.js';
+export type { UseDragContainerOptions } from './use_drag_container.js';
+export type { DragContainer } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/decorators/draggable/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/decorators/draggable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEtE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAEvE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/utils/decorators/draggable/index.js ADDED Viewed

@@ -0,0 +1,14 @@
+import { Draggable as o } from "./draggable.js";
+import { DragHandle as t } from "./drag_handle.js";
+import { DragContainerContext as n, useDragContainer as x } from "./context.js";
+import { useDraggable as f } from "./use_draggable.js";
+import { useMakeDragContainer as p } from "./use_drag_container.js";
+export {
+  n as DragContainerContext,
+  t as DragHandle,
+  o as Draggable,
+  x as useDragContainer,
+  f as useDraggable,
+  p as useMakeDragContainer
+};
+//# sourceMappingURL=index.js.map

package/dist/utils/decorators/draggable/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/utils/{dnd → decorators/draggable}/types.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import { Position } from '../types/dimensions.js';
+import { Position } from '../../types/dimensions.js';
 export interface DragContainer {
     registerHandle: (handle: React.RefObject<HTMLElement>) => void;
     unregisterHandle: (handle: React.RefObject<HTMLElement>) => void;

package/dist/utils/decorators/draggable/types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/utils/decorators/draggable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC/D,gBAAgB,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACjE,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,QAAQ,CAAC,KAAK,IAAI,CAAC;CACzE"}

package/dist/utils/{dnd/hooks → decorators/draggable}/use_drag_container.d.ts RENAMED Viewed

@@ -1,5 +1,5 @@
-import { Position } from '../../index.js';
-import { DragContainer } from '../types.js';
+import { Position } from '../../types/dimensions.js';
+import { DragContainer } from './types.js';
 export interface UseDragContainerOptions {
     initialPosition?: Position;
 }

package/dist/utils/decorators/draggable/use_drag_container.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"use_drag_container.d.ts","sourceRoot":"","sources":["../../../../src/utils/decorators/draggable/use_drag_container.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,MAAM,WAAW,uBAAuB;IACtC,eAAe,CAAC,EAAE,QAAQ,CAAC;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,uBAAuB,GAAG,aAAa,CAoDpF"}

package/dist/utils/decorators/draggable/use_drag_container.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use_drag_container.js","sources":["../../../../src/utils/decorators/draggable/use_drag_container.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\nimport type { Position } from '../../types/dimensions.js';\nimport type { DragContainer } from './types.js';\nimport { useDraggable } from './use_draggable.js';\n\nexport interface UseDragContainerOptions {\n initialPosition?: Position;\n}\n\nexport function useMakeDragContainer(options: UseDragContainerOptions): DragContainer {\n const [handles, setHandles] = useState<React.RefObject<HTMLElement>[]>([]);\n const positionRef = useRef<Position>(options.initialPosition ?? { x: 0, y: 0 });\n const [position, setPosition] = useState(positionRef.current);\n const [isDragging, setIsDragging] = useState(false);\n\n useDraggable({\n handles: handles,\n startDragCallback: () => {\n setIsDragging(true);\n },\n dragCallback: (deltaX, deltaY) => {\n setPosition({\n x: positionRef.current.x + deltaX,\n y: positionRef.current.y + deltaY,\n });\n },\n endDragCallback: (deltaX, deltaY) => {\n positionRef.current = {\n x: positionRef.current.x + deltaX,\n y: positionRef.current.y + deltaY,\n };\n setIsDragging(false);\n },\n });\n\n const setPositionState = useCallback(\n (value: Position | ((prev: Position) => Position)) => {\n setPosition(prev => {\n const next = typeof value === 'function' ? value(prev) : value;\n positionRef.current = next;\n return next;\n });\n },\n []\n );\n\n const registerHandle = useCallback((handle: React.RefObject<HTMLElement>) => {\n setHandles(prev => [...prev, handle]);\n }, []);\n\n const unregisterHandle = useCallback((handle: React.RefObject<HTMLElement>) => {\n setHandles(prev => prev.filter(h => h !== handle));\n }, []);\n\n return {\n registerHandle,\n unregisterHandle,\n position,\n isDragging,\n setPosition: setPositionState,\n };\n}\n"],"names":["useMakeDragContainer","options","handles","setHandles","useState","positionRef","useRef","position","setPosition","isDragging","setIsDragging","useDraggable","deltaX","deltaY","setPositionState","useCallback","value","prev","next","registerHandle","handle","unregisterHandle","h"],"mappings":";;AASO,SAASA,EAAqBC,GAAiD;AACpF,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAyC,CAAA,CAAE,GACnEC,IAAcC,EAAiBL,EAAQ,mBAAmB,EAAE,GAAG,GAAG,GAAG,GAAG,GACxE,CAACM,GAAUC,CAAW,IAAIJ,EAASC,EAAY,OAAO,GACtD,CAACI,GAAYC,CAAa,IAAIN,EAAS,EAAK;AAElD,EAAAO,EAAa;AAAA,IACX,SAAAT;AAAA,IACA,mBAAmB,MAAM;AACvB,MAAAQ,EAAc,EAAI;AAAA,IACpB;AAAA,IACA,cAAc,CAACE,GAAQC,MAAW;AAChC,MAAAL,EAAY;AAAA,QACV,GAAGH,EAAY,QAAQ,IAAIO;AAAA,QAC3B,GAAGP,EAAY,QAAQ,IAAIQ;AAAA,MAAA,CAC5B;AAAA,IACH;AAAA,IACA,iBAAiB,CAACD,GAAQC,MAAW;AACnC,MAAAR,EAAY,UAAU;AAAA,QACpB,GAAGA,EAAY,QAAQ,IAAIO;AAAA,QAC3B,GAAGP,EAAY,QAAQ,IAAIQ;AAAA,MAAA,GAE7BH,EAAc,EAAK;AAAA,IACrB;AAAA,EAAA,CACD;AAED,QAAMI,IAAmBC;AAAA,IACvB,CAACC,MAAqD;AACpD,MAAAR,EAAY,CAAAS,MAAQ;AAClB,cAAMC,IAAO,OAAOF,KAAU,aAAaA,EAAMC,CAAI,IAAID;AACzD,eAAAX,EAAY,UAAUa,GACfA;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAA;AAAA,EAAC,GAGGC,IAAiBJ,EAAY,CAACK,MAAyC;AAC3E,IAAAjB,EAAW,CAAAc,MAAQ,CAAC,GAAGA,GAAMG,CAAM,CAAC;AAAA,EACtC,GAAG,CAAA,CAAE,GAECC,IAAmBN,EAAY,CAACK,MAAyC;AAC7E,IAAAjB,EAAW,OAAQc,EAAK,OAAO,CAAAK,MAAKA,MAAMF,CAAM,CAAC;AAAA,EACnD,GAAG,CAAA,CAAE;AAEL,SAAO;AAAA,IACL,gBAAAD;AAAA,IACA,kBAAAE;AAAA,IACA,UAAAd;AAAA,IACA,YAAAE;AAAA,IACA,aAAaK;AAAA,EAAA;AAEjB;"}

package/dist/utils/decorators/draggable/use_draggable.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use_draggable.d.ts","sourceRoot":"","sources":["../../../../src/utils/decorators/draggable/use_draggable.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvF,eAAe,EAAE,CACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,KACX,IAAI,CAAC;IACV,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACzE;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,mBAAmB,QAiExD"}

package/dist/utils/decorators/draggable/use_draggable.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"use_draggable.js","sources":["../../../../src/utils/decorators/draggable/use_draggable.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport interface UseDraggableOptions {\n startDragCallback: (startX: number, startY: number) => void;\n dragCallback: (deltaX: number, deltaY: number, startX: number, startY: number) => void;\n endDragCallback: (\n deltaX: number,\n deltaY: number,\n startX: number,\n startY: number\n ) => void;\n handles?: React.RefObject<HTMLElement>[] | React.RefObject<HTMLElement>;\n}\n\nexport function useDraggable(options: UseDraggableOptions) {\n const startDragCallbackRef = useRef(options.startDragCallback);\n startDragCallbackRef.current = options.startDragCallback;\n const dragCallbackRef = useRef(options.dragCallback);\n dragCallbackRef.current = options.dragCallback;\n const endDragCallbackRef = useRef(options.endDragCallback);\n endDragCallbackRef.current = options.endDragCallback;\n\n useEffect(() => {\n const handles = options.handles;\n if (handles === undefined) return;\n let startX = 0;\n let startY = 0;\n\n function drag(event: MouseEvent) {\n const deltaX = event.clientX - startX;\n const deltaY = event.clientY - startY;\n\n dragCallbackRef.current(deltaX, deltaY, startX, startY);\n }\n\n function endDrag(event: MouseEvent) {\n const deltaX = event.clientX !== undefined ? event.clientX - startX : 0;\n const deltaY = event.clientY !== undefined ? event.clientY - startY : 0;\n endDragCallbackRef.current(deltaX, deltaY, startX, startY);\n document.body.removeEventListener('mousemove', drag);\n document.body.removeEventListener('mouseup', endDrag);\n document.body.removeEventListener('mouseleave', endDrag);\n }\n\n function startDrag(event: MouseEvent) {\n startX = event.clientX;\n startY = event.clientY;\n\n startDragCallbackRef.current(startX, startY);\n\n document.body.addEventListener('mousemove', drag);\n document.body.addEventListener('mouseup', endDrag);\n document.body.addEventListener('mouseleave', endDrag);\n }\n\n if (Array.isArray(handles)) {\n for (const element of handles) {\n if (element != null) {\n element.current?.addEventListener('mousedown', startDrag);\n }\n }\n } else {\n handles?.current?.addEventListener('mousedown', startDrag);\n }\n return () => {\n if (Array.isArray(handles)) {\n for (const element of handles) {\n if (element != null) {\n element.current?.removeEventListener('mousedown', startDrag);\n }\n }\n } else {\n handles?.current?.removeEventListener('mousedown', startDrag);\n }\n document.body.removeEventListener('mousemove', drag);\n document.body.removeEventListener('mouseup', endDrag);\n document.body.removeEventListener('mouseleave', endDrag);\n };\n }, [options.handles]);\n}\n"],"names":["useDraggable","options","startDragCallbackRef","useRef","dragCallbackRef","endDragCallbackRef","useEffect","handles","startX","startY","drag","event","deltaX","deltaY","endDrag","startDrag","element"],"mappings":";AAcO,SAASA,EAAaC,GAA8B;AACzD,QAAMC,IAAuBC,EAAOF,EAAQ,iBAAiB;AAC7D,EAAAC,EAAqB,UAAUD,EAAQ;AACvC,QAAMG,IAAkBD,EAAOF,EAAQ,YAAY;AACnD,EAAAG,EAAgB,UAAUH,EAAQ;AAClC,QAAMI,IAAqBF,EAAOF,EAAQ,eAAe;AACzD,EAAAI,EAAmB,UAAUJ,EAAQ,iBAErCK,EAAU,MAAM;AACd,UAAMC,IAAUN,EAAQ;AACxB,QAAIM,MAAY,OAAW;AAC3B,QAAIC,IAAS,GACTC,IAAS;AAEb,aAASC,EAAKC,GAAmB;AAC/B,YAAMC,IAASD,EAAM,UAAUH,GACzBK,IAASF,EAAM,UAAUF;AAE/B,MAAAL,EAAgB,QAAQQ,GAAQC,GAAQL,GAAQC,CAAM;AAAA,IACxD;AAEA,aAASK,EAAQH,GAAmB;AAClC,YAAMC,IAASD,EAAM,YAAY,SAAYA,EAAM,UAAUH,IAAS,GAChEK,IAASF,EAAM,YAAY,SAAYA,EAAM,UAAUF,IAAS;AACtE,MAAAJ,EAAmB,QAAQO,GAAQC,GAAQL,GAAQC,CAAM,GACzD,SAAS,KAAK,oBAAoB,aAAaC,CAAI,GACnD,SAAS,KAAK,oBAAoB,WAAWI,CAAO,GACpD,SAAS,KAAK,oBAAoB,cAAcA,CAAO;AAAA,IACzD;AAEA,aAASC,EAAUJ,GAAmB;AACpC,MAAAH,IAASG,EAAM,SACfF,IAASE,EAAM,SAEfT,EAAqB,QAAQM,GAAQC,CAAM,GAE3C,SAAS,KAAK,iBAAiB,aAAaC,CAAI,GAChD,SAAS,KAAK,iBAAiB,WAAWI,CAAO,GACjD,SAAS,KAAK,iBAAiB,cAAcA,CAAO;AAAA,IACtD;AAEA,QAAI,MAAM,QAAQP,CAAO;AACvB,iBAAWS,KAAWT;AACpB,QACES,GAAQ,SAAS,iBAAiB,aAAaD,CAAS;AAAA;AAI5D,MAAAR,GAAS,SAAS,iBAAiB,aAAaQ,CAAS;AAE3D,WAAO,MAAM;AACX,UAAI,MAAM,QAAQR,CAAO;AACvB,mBAAWS,KAAWT;AACpB,UACES,GAAQ,SAAS,oBAAoB,aAAaD,CAAS;AAAA;AAI/D,QAAAR,GAAS,SAAS,oBAAoB,aAAaQ,CAAS;AAE9D,eAAS,KAAK,oBAAoB,aAAaL,CAAI,GACnD,SAAS,KAAK,oBAAoB,WAAWI,CAAO,GACpD,SAAS,KAAK,oBAAoB,cAAcA,CAAO;AAAA,IACzD;AAAA,EACF,GAAG,CAACb,EAAQ,OAAO,CAAC;AACtB;"}

package/dist/utils/decorators/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './resizable/index.js';
+export * from './draggable/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/decorators/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/decorators/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC"}

package/dist/utils/decorators/index.js ADDED Viewed

@@ -0,0 +1,27 @@
+import { Resizable as o } from "./resizable/resizable.js";
+import { ResizeHandle as a } from "./resizable/resize_handle.js";
+import { useResizable as f } from "./resizable/context.js";
+import { computeResizeState as i, getHandleConfig as l, resolveDirection as m, resolveHandleConfig as p } from "./resizable/handle_config.js";
+import { ResizeHandleStrategy as x } from "./resizable/resize_strategy.js";
+import { Draggable as C } from "./draggable/draggable.js";
+import { DragHandle as u } from "./draggable/drag_handle.js";
+import { DragContainerContext as H, useDragContainer as R } from "./draggable/context.js";
+import { useDraggable as c } from "./draggable/use_draggable.js";
+import { useMakeDragContainer as S } from "./draggable/use_drag_container.js";
+export {
+  H as DragContainerContext,
+  u as DragHandle,
+  C as Draggable,
+  o as Resizable,
+  a as ResizeHandle,
+  x as ResizeHandleStrategy,
+  i as computeResizeState,
+  l as getHandleConfig,
+  m as resolveDirection,
+  p as resolveHandleConfig,
+  R as useDragContainer,
+  c as useDraggable,
+  S as useMakeDragContainer,
+  f as useResizable
+};
+//# sourceMappingURL=index.js.map

package/dist/utils/decorators/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/utils/decorators/resizable/context.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { ResizableContextValue } from './types.js';
+export declare const ResizableContext: import('react').Context<ResizableContextValue | undefined>;
+export declare const useResizable: () => ResizableContextValue;
+//# sourceMappingURL=context.d.ts.map

package/dist/utils/decorators/resizable/context.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/utils/decorators/resizable/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,eAAO,MAAM,gBAAgB,4DAE5B,CAAC;AAEF,eAAO,MAAM,YAAY,6BAAwD,CAAC"}

package/dist/utils/decorators/resizable/context.js ADDED Viewed

@@ -0,0 +1,10 @@
+import { createContext as e } from "react";
+import { makeContextHook as o } from "../../hooks/make_context_hook.js";
+const t = e(
+  void 0
+), r = o(t, "ResizableContext");
+export {
+  t as ResizableContext,
+  r as useResizable
+};
+//# sourceMappingURL=context.js.map

package/dist/utils/decorators/resizable/context.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"context.js","sources":["../../../../src/utils/decorators/resizable/context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { makeContextHook } from '../../hooks/make_context_hook.js';\nimport type { ResizableContextValue } from './types.js';\n\nexport const ResizableContext = createContext<ResizableContextValue | undefined>(\n undefined\n);\n\nexport const useResizable = makeContextHook(ResizableContext, 'ResizableContext');\n"],"names":["ResizableContext","createContext","useResizable","makeContextHook"],"mappings":";;AAIO,MAAMA,IAAmBC;AAAA,EAC9B;AACF,GAEaC,IAAeC,EAAgBH,GAAkB,kBAAkB;"}

package/dist/utils/decorators/resizable/handle_config.d.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import { HandleConfig, ResolvedHandleConfig, ResizeHandlePosition } from './types.js';
+export declare function getHandleConfig(position: ResizeHandlePosition): HandleConfig;
+/**
+ * Resolve the direction multiplier for a resize axis.
+ *
+ * @param languageDirection - 'ltr' or 'rtl' from getComputedStyle (passed by React adapter)
+ * @param invert - whether the axis inverts the delta (e.g. dragging left-handle right shrinks)
+ * @param disableDirection - if true, ignore RTL (physical positions like left/right)
+ * @returns +1 or -1
+ */
+export declare function resolveDirection(languageDirection: string, invert: boolean, disableDirection: boolean): number;
+/**
+ * Combines position lookup with direction resolution.
+ * The caller only needs to provide the language direction from the DOM —
+ * all config internals (invert, disableDirection) are resolved here.
+ */
+export declare function resolveHandleConfig(position: ResizeHandlePosition, languageDirection: string): ResolvedHandleConfig;
+/**
+ * Pure resize state computation. Called per-axis on each mousemove.
+ *
+ * @param startSize - element width/height at mousedown (from getBoundingClientRect)
+ * @param startCoord - clientX/clientY at mousedown
+ * @param currentCoord - clientX/clientY at this mousemove
+ * @param direction - +1 or -1 from resolveDirection
+ * @param previousSize - the size after the last mousemove (for currentDelta)
+ */
+export declare function computeResizeState(startSize: number, startCoord: number, currentCoord: number, direction: number, previousSize: number): {
+    newSize: number;
+    totalDelta: number;
+    currentDelta: number;
+};
+//# sourceMappingURL=handle_config.d.ts.map

package/dist/utils/decorators/resizable/handle_config.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"handle_config.d.ts","sourceRoot":"","sources":["../../../../src/utils/decorators/resizable/handle_config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,YAAY,CAAC;AA4CpB,wBAAgB,eAAe,CAAC,QAAQ,EAAE,oBAAoB,GAAG,YAAY,CAE5E;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAC9B,iBAAiB,EAAE,MAAM,EACzB,MAAM,EAAE,OAAO,EACf,gBAAgB,EAAE,OAAO,GACxB,MAAM,CAGR;AASD;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,oBAAoB,EAC9B,iBAAiB,EAAE,MAAM,GACxB,oBAAoB,CAUtB;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,MAAM,GACnB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAK/D"}

package/dist/utils/decorators/resizable/handle_config.js ADDED Viewed

@@ -0,0 +1,62 @@
+const l = {
+  // Edges — single axis
+  start: {
+    horizontal: { origin: "start", invert: !0, disableDirection: !1 }
+  },
+  end: {
+    horizontal: { origin: "end", invert: !1, disableDirection: !1 }
+  },
+  top: {
+    vertical: { origin: "top", invert: !0, disableDirection: !0 }
+  },
+  bottom: {
+    vertical: { origin: "bottom", invert: !1, disableDirection: !0 }
+  },
+  // Corners — dual axis
+  "top-start": {
+    horizontal: { origin: "start", invert: !0, disableDirection: !1 },
+    vertical: { origin: "top", invert: !0, disableDirection: !0 }
+  },
+  "top-end": {
+    horizontal: { origin: "end", invert: !1, disableDirection: !1 },
+    vertical: { origin: "top", invert: !0, disableDirection: !0 }
+  },
+  "bottom-start": {
+    horizontal: { origin: "start", invert: !0, disableDirection: !1 },
+    vertical: { origin: "bottom", invert: !1, disableDirection: !0 }
+  },
+  "bottom-end": {
+    horizontal: { origin: "end", invert: !1, disableDirection: !1 },
+    vertical: { origin: "bottom", invert: !1, disableDirection: !0 }
+  }
+};
+function d(t) {
+  return l[t];
+}
+function v(t, i, e) {
+  return (t === "rtl" && !e ? !i : i) ? -1 : 1;
+}
+function a(t, i) {
+  return {
+    origin: t.origin,
+    direction: v(i, t.invert, t.disableDirection)
+  };
+}
+function f(t, i) {
+  const e = l[t];
+  return {
+    horizontal: e.horizontal ? a(e.horizontal, i) : void 0,
+    vertical: e.vertical ? a(e.vertical, i) : void 0
+  };
+}
+function u(t, i, e, r, s) {
+  const n = r * (e - i), o = t + n, c = o - s;
+  return { newSize: o, totalDelta: n, currentDelta: c };
+}
+export {
+  u as computeResizeState,
+  d as getHandleConfig,
+  v as resolveDirection,
+  f as resolveHandleConfig
+};
+//# sourceMappingURL=handle_config.js.map

package/dist/utils/decorators/resizable/handle_config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"handle_config.js","sources":["../../../../src/utils/decorators/resizable/handle_config.ts"],"sourcesContent":["import type {\n AxisConfig,\n HandleConfig,\n ResolvedHandleConfig,\n ResizeHandlePosition,\n} from './types.js';\n\n/**\n * Pure position → config lookup. No DOM, no React.\n *\n * Edges populate one axis, corners populate both.\n * The React adapter reads DOM state (getBoundingClientRect, getComputedStyle)\n * and feeds resolved values into resolveDirection / computeResizeState.\n */\n\nconst configs: Record<ResizeHandlePosition, HandleConfig> = {\n // Edges — single axis\n start: {\n horizontal: { origin: 'start', invert: true, disableDirection: false },\n },\n end: {\n horizontal: { origin: 'end', invert: false, disableDirection: false },\n },\n top: {\n vertical: { origin: 'top', invert: true, disableDirection: true },\n },\n bottom: {\n vertical: { origin: 'bottom', invert: false, disableDirection: true },\n },\n\n // Corners — dual axis\n 'top-start': {\n horizontal: { origin: 'start', invert: true, disableDirection: false },\n vertical: { origin: 'top', invert: true, disableDirection: true },\n },\n 'top-end': {\n horizontal: { origin: 'end', invert: false, disableDirection: false },\n vertical: { origin: 'top', invert: true, disableDirection: true },\n },\n 'bottom-start': {\n horizontal: { origin: 'start', invert: true, disableDirection: false },\n vertical: { origin: 'bottom', invert: false, disableDirection: true },\n },\n 'bottom-end': {\n horizontal: { origin: 'end', invert: false, disableDirection: false },\n vertical: { origin: 'bottom', invert: false, disableDirection: true },\n },\n};\n\nexport function getHandleConfig(position: ResizeHandlePosition): HandleConfig {\n return configs[position];\n}\n\n/**\n * Resolve the direction multiplier for a resize axis.\n *\n * @param languageDirection - 'ltr' or 'rtl' from getComputedStyle (passed by React adapter)\n * @param invert - whether the axis inverts the delta (e.g. dragging left-handle right shrinks)\n * @param disableDirection - if true, ignore RTL (physical positions like left/right)\n * @returns +1 or -1\n */\nexport function resolveDirection(\n languageDirection: string,\n invert: boolean,\n disableDirection: boolean\n): number {\n const finalInvert = languageDirection === 'rtl' && !disableDirection ? !invert : invert;\n return finalInvert ? -1 : 1;\n}\n\nfunction resolveAxis(axis: AxisConfig, languageDirection: string) {\n return {\n origin: axis.origin,\n direction: resolveDirection(languageDirection, axis.invert, axis.disableDirection),\n };\n}\n\n/**\n * Combines position lookup with direction resolution.\n * The caller only needs to provide the language direction from the DOM —\n * all config internals (invert, disableDirection) are resolved here.\n */\nexport function resolveHandleConfig(\n position: ResizeHandlePosition,\n languageDirection: string\n): ResolvedHandleConfig {\n const config = configs[position];\n return {\n horizontal: config.horizontal\n ? resolveAxis(config.horizontal, languageDirection)\n : undefined,\n vertical: config.vertical\n ? resolveAxis(config.vertical, languageDirection)\n : undefined,\n };\n}\n\n/**\n * Pure resize state computation. Called per-axis on each mousemove.\n *\n * @param startSize - element width/height at mousedown (from getBoundingClientRect)\n * @param startCoord - clientX/clientY at mousedown\n * @param currentCoord - clientX/clientY at this mousemove\n * @param direction - +1 or -1 from resolveDirection\n * @param previousSize - the size after the last mousemove (for currentDelta)\n */\nexport function computeResizeState(\n startSize: number,\n startCoord: number,\n currentCoord: number,\n direction: number,\n previousSize: number\n): { newSize: number; totalDelta: number; currentDelta: number } {\n const totalDelta = direction * (currentCoord - startCoord);\n const newSize = startSize + totalDelta;\n const currentDelta = newSize - previousSize;\n return { newSize, totalDelta, currentDelta };\n}\n"],"names":["configs","getHandleConfig","position","resolveDirection","languageDirection","invert","disableDirection","resolveAxis","axis","resolveHandleConfig","config","computeResizeState","startSize","startCoord","currentCoord","direction","previousSize","totalDelta","newSize","currentDelta"],"mappings":"AAeA,MAAMA,IAAsD;AAAA;AAAA,EAE1D,OAAO;AAAA,IACL,YAAY,EAAE,QAAQ,SAAS,QAAQ,IAAM,kBAAkB,GAAA;AAAA,EAAM;AAAA,EAEvE,KAAK;AAAA,IACH,YAAY,EAAE,QAAQ,OAAO,QAAQ,IAAO,kBAAkB,GAAA;AAAA,EAAM;AAAA,EAEtE,KAAK;AAAA,IACH,UAAU,EAAE,QAAQ,OAAO,QAAQ,IAAM,kBAAkB,GAAA;AAAA,EAAK;AAAA,EAElE,QAAQ;AAAA,IACN,UAAU,EAAE,QAAQ,UAAU,QAAQ,IAAO,kBAAkB,GAAA;AAAA,EAAK;AAAA;AAAA,EAItE,aAAa;AAAA,IACX,YAAY,EAAE,QAAQ,SAAS,QAAQ,IAAM,kBAAkB,GAAA;AAAA,IAC/D,UAAU,EAAE,QAAQ,OAAO,QAAQ,IAAM,kBAAkB,GAAA;AAAA,EAAK;AAAA,EAElE,WAAW;AAAA,IACT,YAAY,EAAE,QAAQ,OAAO,QAAQ,IAAO,kBAAkB,GAAA;AAAA,IAC9D,UAAU,EAAE,QAAQ,OAAO,QAAQ,IAAM,kBAAkB,GAAA;AAAA,EAAK;AAAA,EAElE,gBAAgB;AAAA,IACd,YAAY,EAAE,QAAQ,SAAS,QAAQ,IAAM,kBAAkB,GAAA;AAAA,IAC/D,UAAU,EAAE,QAAQ,UAAU,QAAQ,IAAO,kBAAkB,GAAA;AAAA,EAAK;AAAA,EAEtE,cAAc;AAAA,IACZ,YAAY,EAAE,QAAQ,OAAO,QAAQ,IAAO,kBAAkB,GAAA;AAAA,IAC9D,UAAU,EAAE,QAAQ,UAAU,QAAQ,IAAO,kBAAkB,GAAA;AAAA,EAAK;AAExE;AAEO,SAASC,EAAgBC,GAA8C;AAC5E,SAAOF,EAAQE,CAAQ;AACzB;AAUO,SAASC,EACdC,GACAC,GACAC,GACQ;AAER,UADoBF,MAAsB,SAAS,CAACE,IAAmB,CAACD,IAASA,KAC5D,KAAK;AAC5B;AAEA,SAASE,EAAYC,GAAkBJ,GAA2B;AAChE,SAAO;AAAA,IACL,QAAQI,EAAK;AAAA,IACb,WAAWL,EAAiBC,GAAmBI,EAAK,QAAQA,EAAK,gBAAgB;AAAA,EAAA;AAErF;AAOO,SAASC,EACdP,GACAE,GACsB;AACtB,QAAMM,IAASV,EAAQE,CAAQ;AAC/B,SAAO;AAAA,IACL,YAAYQ,EAAO,aACfH,EAAYG,EAAO,YAAYN,CAAiB,IAChD;AAAA,IACJ,UAAUM,EAAO,WACbH,EAAYG,EAAO,UAAUN,CAAiB,IAC9C;AAAA,EAAA;AAER;AAWO,SAASO,EACdC,GACAC,GACAC,GACAC,GACAC,GAC+D;AAC/D,QAAMC,IAAaF,KAAaD,IAAeD,IACzCK,IAAUN,IAAYK,GACtBE,IAAeD,IAAUF;AAC/B,SAAO,EAAE,SAAAE,GAAS,YAAAD,GAAY,cAAAE,EAAA;AAChC;"}