@gustavolmo/react-window-manager 0.1.1 → 0.1.300

package/dist/index.css

@@ -332,18 +332,37 @@ video {
 [hidden]:where(:not([hidden="until-found"])) {
   display: none;
 }
+.pointer-events-none {
+  pointer-events: none;
+}
+.pointer-events-auto {
+  pointer-events: auto;
+}
 .fixed {
   position: fixed;
 }
 .absolute {
   position: absolute;
 }
+.relative {
+  position: relative;
+}
+.top-2 {
+  top: 0.5rem;
+}
 .z-10 {
   z-index: 10;
 }
 .z-20 {
   z-index: 20;
 }
+.z-50 {
+  z-index: 50;
+}
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
 .block {
   display: block;
 }
@@ -354,21 +373,21 @@ video {
   width: 1.5rem;
   height: 1.5rem;
 }
+.h-10 {
+  height: 2.5rem;
+}
 .h-2 {
   height: 0.5rem;
 }
 .h-3 {
   height: 0.75rem;
 }
-.h-6 {
-  height: 1.5rem;
+.h-5 {
+  height: 1.25rem;
 }
 .h-8 {
   height: 2rem;
 }
-.h-\[10px\] {
-  height: 10px;
-}
 .h-\[32px\] {
   height: 32px;
 }
@@ -378,14 +397,24 @@ video {
 .h-full {
   height: 100%;
 }
+.w-12 {
+  width: 3rem;
+}
 .w-2 {
   width: 0.5rem;
 }
 .w-3 {
   width: 0.75rem;
 }
-.w-4 {
-  width: 1rem;
+.w-7 {
+  width: 1.75rem;
+}
+.w-8 {
+  width: 2rem;
+}
+.w-fit {
+  width: -moz-fit-content;
+  width: fit-content;
 }
 .w-full {
   width: 100%;
@@ -408,6 +437,12 @@ video {
 .cursor-w-resize {
   cursor: w-resize;
 }
+.cursor-nw-resize {
+  cursor: nw-resize;
+}
+.cursor-ne-resize {
+  cursor: ne-resize;
+}
 .touch-none {
   touch-action: none;
 }
@@ -423,9 +458,15 @@ video {
 .justify-center {
   justify-content: center;
 }
+.gap-0\.5 {
+  gap: 0.125rem;
+}
 .gap-1 {
   gap: 0.25rem;
 }
+.gap-3 {
+  gap: 0.75rem;
+}
 .overflow-auto {
   overflow: auto;
 }
@@ -437,12 +478,19 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.rounded-md {
+  border-radius: 0.375rem;
+}
 .rounded-sm {
   border-radius: 0.125rem;
 }
 .border {
   border-width: 1px;
 }
+.border-zinc-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(113 113 122 / var(--tw-border-opacity, 1));
+}
 .border-zinc-600 {
   --tw-border-opacity: 1;
   border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));
@@ -455,17 +503,33 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.bg-yellow-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
+}
+.bg-zinc-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1));
+}
+.bg-zinc-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
+}
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
 .px-5 {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
-.px-\[1px\] {
-  padding-left: 1px;
-  padding-right: 1px;
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
 }
 .text-sm {
   font-size: 0.875rem;
@@ -478,6 +542,9 @@ video {
 .opacity-100 {
   opacity: 1;
 }
+.opacity-50 {
+  opacity: 0.5;
+}
 .opacity-60 {
   opacity: 0.6;
 }
@@ -535,6 +602,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-zinc-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(212 212 216 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-opacity-20:hover {
   --tw-bg-opacity: 0.2;
 }

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.css"],"sourcesContent":["*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}/*\n! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\r\n.fixed {\n  position: fixed;\n}\r\n.absolute {\n  position: absolute;\n}\r\n.z-10 {\n  z-index: 10;\n}\r\n.z-20 {\n  z-index: 20;\n}\r\n.block {\n  display: block;\n}\r\n.flex {\n  display: flex;\n}\r\n.size-6 {\n  width: 1.5rem;\n  height: 1.5rem;\n}\r\n.h-2 {\n  height: 0.5rem;\n}\r\n.h-3 {\n  height: 0.75rem;\n}\r\n.h-6 {\n  height: 1.5rem;\n}\r\n.h-8 {\n  height: 2rem;\n}\r\n.h-\\[10px\\] {\n  height: 10px;\n}\r\n.h-\\[32px\\] {\n  height: 32px;\n}\r\n.h-\\[calc\\(100\\%-32px\\)\\] {\n  height: calc(100% - 32px);\n}\r\n.h-full {\n  height: 100%;\n}\r\n.w-2 {\n  width: 0.5rem;\n}\r\n.w-3 {\n  width: 0.75rem;\n}\r\n.w-4 {\n  width: 1rem;\n}\r\n.w-full {\n  width: 100%;\n}\r\n.shrink-0 {\n  flex-shrink: 0;\n}\r\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.cursor-s-resize {\n  cursor: s-resize;\n}\r\n.cursor-se-resize {\n  cursor: se-resize;\n}\r\n.cursor-sw-resize {\n  cursor: sw-resize;\n}\r\n.cursor-w-resize {\n  cursor: w-resize;\n}\r\n.touch-none {\n  touch-action: none;\n}\r\n.resize {\n  resize: both;\n}\r\n.flex-col {\n  flex-direction: column;\n}\r\n.items-center {\n  align-items: center;\n}\r\n.justify-center {\n  justify-content: center;\n}\r\n.gap-1 {\n  gap: 0.25rem;\n}\r\n.overflow-auto {\n  overflow: auto;\n}\r\n.overflow-hidden {\n  overflow: hidden;\n}\r\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\r\n.rounded-sm {\n  border-radius: 0.125rem;\n}\r\n.border {\n  border-width: 1px;\n}\r\n.border-zinc-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));\n}\r\n.bg-neutral-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));\n}\r\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\r\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\r\n.px-5 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\r\n.px-\\[1px\\] {\n  padding-left: 1px;\n  padding-right: 1px;\n}\r\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\r\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\r\n.opacity-100 {\n  opacity: 1;\n}\r\n.opacity-60 {\n  opacity: 0.6;\n}\r\n.opacity-90 {\n  opacity: 0.9;\n}\r\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.brightness-100 {\n  --tw-brightness: brightness(1);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\r\n.brightness-150 {\n  --tw-brightness: brightness(1.5);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\r\n.brightness-75 {\n  --tw-brightness: brightness(.75);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\r\n.brightness-\\[85\\%\\] {\n  --tw-brightness: brightness(85%);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\r\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\r\n.ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\r\n.hover\\:bg-gray-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-red-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-opacity-20:hover {\n  --tw-bg-opacity: 0.2;\n}\r\n@media (min-width: 1280px) {\n\n  .xl\\:p-0 {\n    padding: 0px;\n  }\n}"],"mappings":";AAAA;AAAA;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAQF;AAAA;AAAA;AAGE;AACA;AACA;AACA;AAAA;AAGF;AAAA;AAEE;AAAA;AAaF;AAAA;AAEE;AACA;AACA;AACA;AACG;AACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAQF;AACE;AACA;AAAA;AASF;AACE;AACA;AACA;AAAA;AAOF;AACE;AACQ;AAAA;AAOV;AAAA;AAAA;AAAA;AAAA;AAAA;AAME;AACA;AAAA;AAOF;AACE;AACA;AAAA;AAOF;AAAA;AAEE;AAAA;AAUF;AAAA;AAAA;AAAA;AAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAOF;AACE;AAAA;AAOF;AAAA;AAEE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AASF;AACE;AACA;AACA;AAAA;AASF;AAAA;AAAA;AAAA;AAAA;AAKE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAOF;AAAA;AAEE;AAAA;AAQF;AAAA;AAAA;AAAA;AAIE;AACA;AACA;AAAA;AAOF;AACE;AAAA;AAOF;AACE;AAAA;AAOF;AACE;AAAA;AAOF;AAAA;AAEE;AAAA;AAQF;AACE;AACA;AAAA;AAOF;AACE;AAAA;AAQF;AACE;AACA;AAAA;AAOF;AACE;AAAA;AAOF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AAAA;AAAA;AAGE;AACA;AACA;AAAA;AAMF;AACE;AAAA;AAOF;AACE;AAAA;AAQF;AAAA;AACE;AACA;AAAA;AAGF;AAAA;AAEE;AACA;AAAA;AAOF;AAAA;AAEE;AAAA;AAMF;AACE;AAAA;AASF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQE;AACA;AAAA;AAOF;AAAA;AAEE;AACA;AAAA;AAIF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AAEE;AACE;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../src/index.css"],"sourcesContent":["*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}/*\n! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\r\n.pointer-events-none {\n  pointer-events: none;\n}\r\n.pointer-events-auto {\n  pointer-events: auto;\n}\r\n.fixed {\n  position: fixed;\n}\r\n.absolute {\n  position: absolute;\n}\r\n.relative {\n  position: relative;\n}\r\n.top-2 {\n  top: 0.5rem;\n}\r\n.z-10 {\n  z-index: 10;\n}\r\n.z-20 {\n  z-index: 20;\n}\r\n.z-50 {\n  z-index: 50;\n}\r\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\r\n.block {\n  display: block;\n}\r\n.flex {\n  display: flex;\n}\r\n.size-6 {\n  width: 1.5rem;\n  height: 1.5rem;\n}\r\n.h-10 {\n  height: 2.5rem;\n}\r\n.h-2 {\n  height: 0.5rem;\n}\r\n.h-3 {\n  height: 0.75rem;\n}\r\n.h-5 {\n  height: 1.25rem;\n}\r\n.h-8 {\n  height: 2rem;\n}\r\n.h-\\[32px\\] {\n  height: 32px;\n}\r\n.h-\\[calc\\(100\\%-32px\\)\\] {\n  height: calc(100% - 32px);\n}\r\n.h-full {\n  height: 100%;\n}\r\n.w-12 {\n  width: 3rem;\n}\r\n.w-2 {\n  width: 0.5rem;\n}\r\n.w-3 {\n  width: 0.75rem;\n}\r\n.w-7 {\n  width: 1.75rem;\n}\r\n.w-8 {\n  width: 2rem;\n}\r\n.w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\r\n.w-full {\n  width: 100%;\n}\r\n.shrink-0 {\n  flex-shrink: 0;\n}\r\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.cursor-s-resize {\n  cursor: s-resize;\n}\r\n.cursor-se-resize {\n  cursor: se-resize;\n}\r\n.cursor-sw-resize {\n  cursor: sw-resize;\n}\r\n.cursor-w-resize {\n  cursor: w-resize;\n}\r\n.cursor-nw-resize {\n  cursor: nw-resize;\n}\r\n.cursor-ne-resize {\n  cursor: ne-resize;\n}\r\n.touch-none {\n  touch-action: none;\n}\r\n.resize {\n  resize: both;\n}\r\n.flex-col {\n  flex-direction: column;\n}\r\n.items-center {\n  align-items: center;\n}\r\n.justify-center {\n  justify-content: center;\n}\r\n.gap-0\\.5 {\n  gap: 0.125rem;\n}\r\n.gap-1 {\n  gap: 0.25rem;\n}\r\n.gap-3 {\n  gap: 0.75rem;\n}\r\n.overflow-auto {\n  overflow: auto;\n}\r\n.overflow-hidden {\n  overflow: hidden;\n}\r\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\r\n.rounded-md {\n  border-radius: 0.375rem;\n}\r\n.rounded-sm {\n  border-radius: 0.125rem;\n}\r\n.border {\n  border-width: 1px;\n}\r\n.border-zinc-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(113 113 122 / var(--tw-border-opacity, 1));\n}\r\n.border-zinc-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));\n}\r\n.bg-neutral-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));\n}\r\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\r\n.bg-yellow-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));\n}\r\n.bg-zinc-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1));\n}\r\n.bg-zinc-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));\n}\r\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\r\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\r\n.px-5 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\r\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\r\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\r\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\r\n.opacity-100 {\n  opacity: 1;\n}\r\n.opacity-50 {\n  opacity: 0.5;\n}\r\n.opacity-60 {\n  opacity: 0.6;\n}\r\n.opacity-90 {\n  opacity: 0.9;\n}\r\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.brightness-100 {\n  --tw-brightness: brightness(1);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\r\n.brightness-150 {\n  --tw-brightness: brightness(1.5);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\r\n.brightness-75 {\n  --tw-brightness: brightness(.75);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\r\n.brightness-\\[85\\%\\] {\n  --tw-brightness: brightness(85%);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\r\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\r\n.ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\r\n.hover\\:bg-gray-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-red-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-zinc-300:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(212 212 216 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-opacity-20:hover {\n  --tw-bg-opacity: 0.2;\n}\r\n@media (min-width: 1280px) {\n\n  .xl\\:p-0 {\n    padding: 0px;\n  }\n}"],"mappings":";AAAA;AAAA;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAQF;AAAA;AAAA;AAGE;AACA;AACA;AACA;AAAA;AAGF;AAAA;AAEE;AAAA;AAaF;AAAA;AAEE;AACA;AACA;AACA;AACG;AACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAQF;AACE;AACA;AAAA;AASF;AACE;AACA;AACA;AAAA;AAOF;AACE;AACQ;AAAA;AAOV;AAAA;AAAA;AAAA;AAAA;AAAA;AAME;AACA;AAAA;AAOF;AACE;AACA;AAAA;AAOF;AAAA;AAEE;AAAA;AAUF;AAAA;AAAA;AAAA;AAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAOF;AACE;AAAA;AAOF;AAAA;AAEE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AASF;AACE;AACA;AACA;AAAA;AASF;AAAA;AAAA;AAAA;AAAA;AAKE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAOF;AAAA;AAEE;AAAA;AAQF;AAAA;AAAA;AAAA;AAIE;AACA;AACA;AAAA;AAOF;AACE;AAAA;AAOF;AACE;AAAA;AAOF;AACE;AAAA;AAOF;AAAA;AAEE;AAAA;AAQF;AACE;AACA;AAAA;AAOF;AACE;AAAA;AAQF;AACE;AACA;AAAA;AAOF;AACE;AAAA;AAOF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AAAA;AAAA;AAGE;AACA;AACA;AAAA;AAMF;AACE;AAAA;AAOF;AACE;AAAA;AAQF;AAAA;AACE;AACA;AAAA;AAGF;AAAA;AAEE;AACA;AAAA;AAOF;AAAA;AAEE;AAAA;AAMF;AACE;AAAA;AASF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQE;AACA;AAAA;AAOF;AAAA;AAEE;AACA;AAAA;AAIF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AAEE;AACE;AAAA;AAAA;","names":[]}

package/dist/index.d.ts

@@ -7,7 +7,7 @@ type Coord = {
     pointX: number;
     pointY: number;
 };
-type ResizeState = false | 'bottom-height' | 'right-width' | 'top-height' | 'left-width' | 'bottom-right-all' | 'bottom-left-all';
+type ResizeState = false | 'bottom-height' | 'right-width' | 'top-height' | 'left-width' | 'bottom-right-all' | 'bottom-left-all' | 'top-right-all' | 'top-left-all';
 type WindowStore = {
     windowId: string;
     isActive: boolean;
@@ -41,6 +41,8 @@ type WindowStore = {
     demaximizeWindow: () => void;
     dockWindowRight: () => void;
     dockWindowLeft: () => void;
+    dockWindowTop: () => void;
+    dockWindowBottom: () => void;
     dockWindowBottomRight: () => void;
     dockWindowTopRight: () => void;
     dockWindowBottomLeft: () => void;

package/dist/index.js

@@ -72,6 +72,22 @@ var createWindowStore = (windowId, bottomOffsetPx) => {
         winVisualState: "demaximized"
       });
     },
+    dockWindowTop: () => {
+      set({
+        winCoord: { pointX: 0, pointY: 0 },
+        winWidth: window.innerWidth,
+        winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,
+        winVisualState: "demaximized"
+      });
+    },
+    dockWindowBottom: () => {
+      set({
+        winCoord: { pointX: 0, pointY: window.innerHeight / 2 - bottomOffsetPx / 2 },
+        winWidth: window.innerWidth,
+        winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,
+        winVisualState: "demaximized"
+      });
+    },
     dockWindowBottomRight: () => set({
       winCoord: {
         pointX: window.innerWidth / 2,
@@ -108,7 +124,7 @@ var createWindowStore = (windowId, bottomOffsetPx) => {
   return storeInstance;
 };
 
-// src/window-manager/window-global-actions.ts
+// src/window-manager/global-actions/window-global-actions.ts
 var stopAllDragAndResize = () => {
   for (const key of Object.keys(windowRegistry)) {
     windowRegistry[key].getState().stopDragAndResize();
@@ -229,7 +245,7 @@ function WorkspaceLayout({ children }) {
 }
 
 // src/window-manager/window-layout.tsx
-import { useEffect as useEffect2, useRef } from "react";
+import { useEffect as useEffect4, useRef } from "react";
 
 // src/window-assets/svg-win-icons.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
@@ -299,38 +315,123 @@ function iconWinMinimize() {
   );
 }
 
-// src/window-manager/window-layout.tsx
+// src/window-manager/components/docking-controls.tsx
+import { useEffect as useEffect2, useState } from "react";
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var responsiveBreakInPx = {
-  sm: 640,
-  md: 768,
-  lg: 1024,
-  xl: 1280,
-  never: 0
-};
-function WindowLayout({
-  responsiveBreak = "lg",
-  children,
-  windowName,
-  navbarChildren,
-  useWindowStore,
-  defaultDock
-}) {
+function DockingControls({ useWindowStore }) {
+  const {
+    isDragging,
+    dockWindowRight,
+    dockWindowLeft,
+    dockWindowBottom,
+    dockWindowTop,
+    dockWindowTopLeft,
+    dockWindowBottomLeft,
+    dockWindowTopRight,
+    dockWindowBottomRight
+  } = useWindowStore();
+  const [isVisible, setIsVisible] = useState(false);
+  useEffect2(() => {
+    let dealy;
+    if (isDragging) {
+      dealy = setTimeout(() => {
+        setIsVisible(true);
+      }, 400);
+    } else {
+      setIsVisible(false);
+    }
+    return () => clearTimeout(dealy);
+  }, [isDragging]);
+  const cornerDockControl = /* @__PURE__ */ jsxs3("div", { className: `flex xl:p-0 shrink-0 gap-0.5`, children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col justify-center gap-0.5", children: [
+      /* @__PURE__ */ jsx5(
+        "button",
+        {
+          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-5 rounded-sm",
+          onMouseUp: dockWindowTopLeft
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        "button",
+        {
+          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-5 rounded-sm",
+          onMouseUp: dockWindowBottomLeft
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col justify-center gap-0.5", children: [
+      /* @__PURE__ */ jsx5(
+        "button",
+        {
+          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-5 rounded-sm",
+          onMouseUp: dockWindowTopRight
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        "button",
+        {
+          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-5 rounded-sm",
+          onMouseUp: dockWindowBottomRight
+        }
+      )
+    ] })
+  ] });
+  const sideDideControl = /* @__PURE__ */ jsxs3("div", { className: `flex shrink-0 items-center gap-1`, children: [
+    /* @__PURE__ */ jsx5(
+      "button",
+      {
+        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-7 h-10 rounded-sm",
+        onMouseUp: dockWindowLeft
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      "button",
+      {
+        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-7 h-10 rounded-sm",
+        onMouseUp: dockWindowRight
+      }
+    )
+  ] });
+  const horizontalDockControl = /* @__PURE__ */ jsxs3("div", { className: `flex flex-col shrink-0 items-center gap-0.5`, children: [
+    /* @__PURE__ */ jsx5(
+      "button",
+      {
+        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-12 h-5 rounded-sm",
+        onMouseUp: dockWindowTop
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      "button",
+      {
+        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-12 h-5 rounded-sm",
+        onMouseUp: dockWindowBottom
+      }
+    )
+  ] });
+  const windowDockPannel = /* @__PURE__ */ jsxs3(
+    "section",
+    {
+      className: `
+        flex w-fit border border-zinc-600 rounded-md bg-zinc-800 opacity-50
+        overflow-hidden px-4 gap-3 h-full py-2 pointer-events-auto
+        `,
+      children: [
+        cornerDockControl,
+        horizontalDockControl,
+        sideDideControl
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsx5("div", { className: "absolute z-50 flex items-center justify-center top-2 w-full mx-auto pointer-events-none", children: isVisible && windowDockPannel });
+}
+
+// src/window-manager/components/resizing-controls.tsx
+import { useEffect as useEffect3 } from "react";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function ResizingControls({ useWindowStore, windowRef }) {
   const { x, y } = useScreenState();
-  const windowRef = useRef(null);
   const {
-    windowId,
-    zIndex,
-    isActive,
-    setSelf,
-    resetFlag,
-    winVisualState,
     setWinVisualState,
-    isWinMinimized,
-    dragClickOffset,
-    setDragClickOffset,
-    isDragging,
-    setIsDragging,
     winCoord,
     setWinCoord,
     isResizing,
@@ -339,47 +440,10 @@ function WindowLayout({
     setWinWidth,
     winHeight,
     setWinHeight,
-    minimizeWindow,
-    maximizeWindow,
-    demaximizeWindow,
-    dockWindowRight,
-    dockWindowLeft,
-    dockWindowTopLeft,
-    dockWindowBottomLeft,
-    dockWindowTopRight,
-    dockWindowBottomRight,
     WIN_MIN_WIDTH,
     WIN_MIN_HEIGHT
   } = useWindowStore();
-  useEffect2(() => {
-    setSelf(windowRef);
-    if (isMobile())
-      maximizeWindow();
-    else if (defaultDock === "left")
-      dockWindowLeft();
-    else if (defaultDock === "right")
-      dockWindowRight();
-    else if (defaultDock === "full")
-      maximizeWindow();
-    else
-      demaximizeWindow();
-  }, [setSelf, windowRef, resetFlag]);
-  useEffect2(() => {
-    if (isMobile())
-      return;
-    if (!isDragging)
-      return;
-    if (winVisualState === "maximized")
-      demaximizeWindow();
-    let adjustedX = x - dragClickOffset.pointX;
-    if (x > window.innerWidth || x < 0)
-      adjustedX = winCoord.pointX;
-    let adjustedY = y - dragClickOffset.pointY;
-    if (y > window.innerHeight || y < 0)
-      adjustedY = winCoord.pointY;
-    setWinCoord({ pointX: adjustedX, pointY: adjustedY });
-  }, [isDragging, x, y]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!isResizing)
       return;
     setWinVisualState("demaximized");
@@ -395,14 +459,11 @@ function WindowLayout({
       resizeRightBottomWidthAndHeight();
     if (isResizing === "bottom-left-all")
       resizeLeftBottomWidthAndHeight();
+    if (isResizing === "top-right-all")
+      resizeRightTopWidthAndHeight();
+    if (isResizing === "top-left-all")
+      resizeLeftTopWidthAndHeight();
   }, [isResizing, x, y]);
-  const handleNavbarClick = (isDragging2) => {
-    setDragClickOffset({ pointX: x - winCoord.pointX, pointY: y - winCoord.pointY });
-    setIsDragging(isDragging2);
-  };
-  const isMobile = () => {
-    return window.innerWidth < responsiveBreakInPx[responsiveBreak];
-  };
   const resizeRightWinWidth = () => {
     const winBox = windowRef.current?.getBoundingClientRect();
     if (!winBox)
@@ -430,32 +491,33 @@ function WindowLayout({
     setWinWidth(winWidth + sizeDiff);
     setWinCoord({ pointX: x, pointY: winCoord.pointY });
   };
-  const resizeBottomWinHeight = () => {
+  const resizeTopWinHeight = (winXOverride) => {
     const winBox = windowRef.current?.getBoundingClientRect();
     if (!winBox)
       return;
-    const minWinHeight = y - winBox.top < WIN_MIN_HEIGHT;
+    const minWinHeight = winBox.bottom - y < WIN_MIN_HEIGHT;
     if (minWinHeight)
       return;
     const cursorOutOfBounds = y > window.innerHeight || y < 0;
     if (cursorOutOfBounds)
       return;
-    const sizeDiff = y - winBox.bottom;
+    const sizeDiff = winBox.top - y;
     setWinHeight(winHeight + sizeDiff);
+    const winX = winXOverride ? winXOverride : winCoord.pointX;
+    setWinCoord({ pointX: winX, pointY: y });
   };
-  const resizeTopWinHeight = () => {
+  const resizeBottomWinHeight = () => {
     const winBox = windowRef.current?.getBoundingClientRect();
     if (!winBox)
       return;
-    const minWinHeight = winBox.bottom - y < WIN_MIN_HEIGHT;
+    const minWinHeight = y - winBox.top < WIN_MIN_HEIGHT;
     if (minWinHeight)
       return;
     const cursorOutOfBounds = y > window.innerHeight || y < 0;
     if (cursorOutOfBounds)
       return;
-    const sizeDiff = winBox.top - y;
+    const sizeDiff = y - winBox.bottom;
     setWinHeight(winHeight + sizeDiff);
-    setWinCoord({ pointX: winCoord.pointX, pointY: y });
   };
   const resizeRightBottomWidthAndHeight = () => {
     resizeRightWinWidth();
@@ -465,67 +527,209 @@ function WindowLayout({
     resizeLeftWinWidth();
     resizeBottomWinHeight();
   };
+  const resizeRightTopWidthAndHeight = () => {
+    resizeRightWinWidth();
+    resizeTopWinHeight();
+  };
+  const resizeLeftTopWidthAndHeight = () => {
+    resizeLeftWinWidth();
+    resizeTopWinHeight(x);
+  };
   const handleResizeClick = (isResizing2) => {
     setIsResizing(isResizing2);
   };
-  const cornerDockControl = /* @__PURE__ */ jsxs3("div", { className: `flex xl:p-0 px-2 shrink-0 gap-1`, children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col justify-center gap-1", children: [
-      /* @__PURE__ */ jsx5(
-        "button",
-        {
-          className: "hover:bg-gray-100 hover:bg-opacity-20  border w-4 h-[10px] rounded-sm",
-          onClick: dockWindowTopLeft
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsx6(
+      "span",
+      {
+        onMouseDown: () => handleResizeClick("right-width"),
+        id: "win-resize-width",
+        className: "fixed w-2 opacity-60 cursor-w-resize z-10",
+        style: {
+          top: `${winCoord.pointY}px`,
+          left: `${winCoord.pointX + winWidth - 4}px`,
+          height: `${winHeight}px`
         }
-      ),
-      /* @__PURE__ */ jsx5(
-        "button",
-        {
-          className: "hover:bg-gray-100 hover:bg-opacity-20  border w-4 h-[10px] rounded-sm",
-          onClick: dockWindowBottomLeft
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      "span",
+      {
+        onMouseDown: () => handleResizeClick("left-width"),
+        id: "win-resize-width",
+        className: "fixed w-2 opacity-60 cursor-w-resize z-10",
+        style: {
+          top: `${winCoord.pointY}px`,
+          left: `${winCoord.pointX - 4}px`,
+          height: `${winHeight}px`
         }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col justify-center gap-1", children: [
-      /* @__PURE__ */ jsx5(
-        "button",
-        {
-          className: "hover:bg-gray-100 hover:bg-opacity-20  border w-4 h-[10px] rounded-sm",
-          onClick: dockWindowTopRight
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      "span",
+      {
+        onMouseDown: () => handleResizeClick("bottom-height"),
+        id: "win-resize-height",
+        className: "fixed h-2 opacity-60 cursor-s-resize z-10",
+        style: {
+          top: `${winCoord.pointY + winHeight - 6}px`,
+          left: `${winCoord.pointX}px`,
+          width: `${winWidth}px`
         }
-      ),
-      /* @__PURE__ */ jsx5(
-        "button",
-        {
-          className: "hover:bg-gray-100 hover:bg-opacity-20  border w-4 h-[10px] rounded-sm",
-          onClick: dockWindowBottomRight
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      "span",
+      {
+        onMouseDown: () => handleResizeClick("top-height"),
+        id: "win-resize-height",
+        className: "fixed h-2 opacity-60 cursor-s-resize z-10",
+        style: {
+          top: `${winCoord.pointY - 6}px`,
+          left: `${winCoord.pointX}px`,
+          width: `${winWidth}px`
         }
-      )
-    ] })
-  ] });
-  const sideDideControl = /* @__PURE__ */ jsxs3("div", { className: `flex px-2 shrink-0 items-center gap-1`, children: [
-    /* @__PURE__ */ jsx5(
-      "button",
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      "span",
       {
-        className: "hover:bg-gray-100 hover:bg-opacity-20 px-[1px] border w-4 h-6 rounded-sm",
-        onClick: dockWindowLeft
+        onMouseDown: () => handleResizeClick("bottom-right-all"),
+        id: "win-resize-all",
+        className: "fixed h-3 w-3 opacity-60 cursor-se-resize z-20",
+        style: {
+          top: `${winCoord.pointY + winHeight - 8}px`,
+          left: `${winCoord.pointX + winWidth - 8}px`
+        }
       }
     ),
-    /* @__PURE__ */ jsx5(
-      "button",
+    /* @__PURE__ */ jsx6(
+      "span",
       {
-        className: "hover:bg-gray-100 hover:bg-opacity-20 px-[1px] border w-4 h-6 rounded-sm",
-        onClick: dockWindowRight
+        onMouseDown: () => handleResizeClick("bottom-left-all"),
+        id: "win-resize-all",
+        className: "fixed h-3 w-3 opacity-60 cursor-sw-resize z-20",
+        style: {
+          top: `${winCoord.pointY + winHeight - 8}px`,
+          left: `${winCoord.pointX - 8}px`
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      "span",
+      {
+        onMouseDown: () => handleResizeClick("top-right-all"),
+        id: "win-resize-all",
+        className: "fixed h-3 w-3 opacity-60 cursor-ne-resize z-20",
+        style: {
+          top: `${winCoord.pointY - 6}px`,
+          left: `${winCoord.pointX + winWidth - 6}px`
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      "span",
+      {
+        onMouseDown: () => handleResizeClick("top-left-all"),
+        id: "win-resize-all",
+        className: "fixed h-3 w-3 opacity-60 cursor-nw-resize z-20",
+        style: {
+          top: `${winCoord.pointY - 6}px`,
+          left: `${winCoord.pointX - 6}px`
+        }
       }
     )
   ] });
-  const maximizeControl = winVisualState === "maximized" ? /* @__PURE__ */ jsx5(
+}
+
+// src/window-manager/window-layout.tsx
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var responsiveBreakInPx = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  never: 0
+};
+function WindowLayout({
+  responsiveBreak = "lg",
+  children,
+  windowName,
+  navbarChildren,
+  useWindowStore,
+  defaultDock
+}) {
+  const { x, y } = useScreenState();
+  const windowRef = useRef(null);
+  const {
+    windowId,
+    zIndex,
+    isActive,
+    setSelf,
+    resetFlag,
+    winVisualState,
+    isWinMinimized,
+    dragClickOffset,
+    setDragClickOffset,
+    isDragging,
+    setIsDragging,
+    winCoord,
+    setWinCoord,
+    setIsResizing,
+    winWidth,
+    winHeight,
+    minimizeWindow,
+    maximizeWindow,
+    demaximizeWindow,
+    dockWindowRight,
+    dockWindowLeft
+  } = useWindowStore();
+  useEffect4(() => {
+    setSelf(windowRef);
+    if (isMobile())
+      maximizeWindow();
+    else if (defaultDock === "left")
+      dockWindowLeft();
+    else if (defaultDock === "right")
+      dockWindowRight();
+    else if (defaultDock === "full")
+      maximizeWindow();
+    else
+      demaximizeWindow();
+  }, [setSelf, windowRef, resetFlag]);
+  useEffect4(() => {
+    if (isMobile())
+      return;
+    if (!isDragging)
+      return;
+    if (winVisualState === "maximized")
+      demaximizeWindow();
+    let adjustedX = x - dragClickOffset.pointX;
+    if (x > window.innerWidth || x < 0)
+      adjustedX = winCoord.pointX;
+    let adjustedY = y - dragClickOffset.pointY;
+    if (y > window.innerHeight || y < 0)
+      adjustedY = winCoord.pointY;
+    setWinCoord({ pointX: adjustedX, pointY: adjustedY });
+  }, [isDragging, x, y]);
+  const handleNavbarClick = (isDragging2) => {
+    setDragClickOffset({ pointX: x - winCoord.pointX, pointY: y - winCoord.pointY });
+    setIsDragging(isDragging2);
+  };
+  const isMobile = () => {
+    return window.innerWidth < responsiveBreakInPx[responsiveBreak];
+  };
+  const handleResizeClick = (isResizing) => {
+    setIsResizing(isResizing);
+  };
+  const maximizeControl = winVisualState === "maximized" ? /* @__PURE__ */ jsx7(
     "button",
     {
       className: `block hover:bg-gray-100 hover:bg-opacity-20 px-5 h-full`,
       onClick: demaximizeWindow,
       children: iconWinDemaximize()
     }
-  ) : /* @__PURE__ */ jsx5(
+  ) : /* @__PURE__ */ jsx7(
     "button",
     {
       className: `block hover:bg-gray-100 hover:bg-opacity-20 px-5 h-full`,
@@ -533,136 +737,63 @@ function WindowLayout({
       children: iconWinMaximize()
     }
   );
-  const minimizeControl = /* @__PURE__ */ jsx5("button", { className: "hover:bg-red-500 hover:bg-opacity-20 px-5 h-full", onClick: minimizeWindow, children: iconWinMinimize() });
-  return /* @__PURE__ */ jsxs3(
-    "div",
-    {
-      onMouseDown: () => bringTargetWindowToFront(windowId),
-      id: windowId,
-      ref: windowRef,
-      style: {
-        top: `${winCoord.pointY}px`,
-        left: `${winCoord.pointX}px`,
-        width: `${winWidth}px`,
-        height: `${winHeight}px`,
-        zIndex: `${zIndex}`,
-        /* MINIMIZE LOGIC */
-        transition: "transform 0.2s ease-in-out, opacity 0.3s ease-in-out",
-        opacity: isWinMinimized ? 0 : 1,
-        transform: isWinMinimized ? `translate(${window.innerWidth / 2 - winCoord.pointX - winWidth / 2}px,
+  const minimizeControl = /* @__PURE__ */ jsx7("button", { className: "hover:bg-red-500 hover:bg-opacity-20 px-5 h-full", onClick: minimizeWindow, children: iconWinMinimize() });
+  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+    !isMobile() && /* @__PURE__ */ jsx7(DockingControls, { useWindowStore }),
+    /* @__PURE__ */ jsxs5(
+      "div",
+      {
+        onMouseDown: () => bringTargetWindowToFront(windowId),
+        id: windowId,
+        ref: windowRef,
+        style: {
+          top: `${winCoord.pointY}px`,
+          left: `${winCoord.pointX}px`,
+          width: `${winWidth}px`,
+          height: `${winHeight}px`,
+          zIndex: `${zIndex}`,
+          /* MINIMIZE LOGIC */
+          transition: "transform 0.2s ease-in-out, opacity 0.3s ease-in-out",
+          opacity: isWinMinimized ? 0 : 1,
+          transform: isWinMinimized ? `translate(${window.innerWidth / 2 - winCoord.pointX - winWidth / 2}px,
               ${window.innerHeight - winCoord.pointY - winHeight / 2}px) scale(0.02)` : ""
-      },
-      onMouseUp: () => {
-        handleNavbarClick(false);
-        handleResizeClick(false);
-      },
-      className: `fixed bg-white shadow-lg border border-zinc-600`,
-      children: [
-        /* @__PURE__ */ jsxs3(
-          "nav",
-          {
-            className: `h-[32px] w-full bg-neutral-800 flex items-center
+        },
+        onMouseUp: () => {
+          handleNavbarClick(false);
+          handleResizeClick(false);
+        },
+        className: `fixed bg-white shadow-lg border border-zinc-600`,
+        children: [
+          /* @__PURE__ */ jsxs5(
+            "nav",
+            {
+              className: `h-[32px] w-full bg-neutral-800 flex items-center
         ${isActive ? "brightness-100 opacity-100" : "brightness-75 opacity-90"}`,
-            children: [
-              /* @__PURE__ */ jsxs3(
-                "div",
-                {
-                  onMouseDown: () => handleNavbarClick(true),
-                  onDoubleClick: maximizeWindow,
-                  className: "w-full h-8 px-2 text-white flex items-center text-sm truncate",
-                  children: [
-                    windowName,
-                    navbarChildren
-                  ]
-                }
-              ),
-              !isMobile() && cornerDockControl,
-              !isMobile() && sideDideControl,
-              !isMobile() && maximizeControl,
-              minimizeControl
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          "span",
-          {
-            onMouseDown: () => handleResizeClick("right-width"),
-            id: "win-resize-width",
-            className: "fixed w-2 opacity-60 cursor-w-resize z-10",
-            style: {
-              top: `${winCoord.pointY}px`,
-              left: `${winCoord.pointX + winWidth - 4}px`,
-              height: `${winHeight}px`
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          "span",
-          {
-            onMouseDown: () => handleResizeClick("left-width"),
-            id: "win-resize-width",
-            className: "fixed w-2 opacity-60 cursor-w-resize z-10",
-            style: {
-              top: `${winCoord.pointY}px`,
-              left: `${winCoord.pointX - 4}px`,
-              height: `${winHeight}px`
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          "span",
-          {
-            onMouseDown: () => handleResizeClick("bottom-height"),
-            id: "win-resize-height",
-            className: "fixed h-2 opacity-60 cursor-s-resize z-10",
-            style: {
-              top: `${winCoord.pointY + winHeight - 6}px`,
-              left: `${winCoord.pointX}px`,
-              width: `${winWidth}px`
+              children: [
+                /* @__PURE__ */ jsxs5("div", { className: "w-fit shrink-0 h-8 px-2 text-white flex items-center text-sm truncate", children: [
+                  windowName,
+                  navbarChildren
+                ] }),
+                /* @__PURE__ */ jsx7(
+                  "div",
+                  {
+                    onMouseDown: () => handleNavbarClick(true),
+                    onDoubleClick: maximizeWindow,
+                    className: "w-full h-8 px-2 text-white flex items-center text-sm truncate"
+                  }
+                ),
+                !isMobile() && maximizeControl,
+                minimizeControl
+              ]
             }
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          "span",
-          {
-            onMouseDown: () => handleResizeClick("top-height"),
-            id: "win-resize-height",
-            className: "fixed h-2 opacity-60 cursor-s-resize z-10",
-            style: {
-              top: `${winCoord.pointY - 6}px`,
-              left: `${winCoord.pointX}px`,
-              width: `${winWidth}px`
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          "span",
-          {
-            onMouseDown: () => handleResizeClick("bottom-right-all"),
-            id: "win-resize-all",
-            className: "fixed h-3 w-3 opacity-60 cursor-se-resize z-20",
-            style: {
-              top: `${winCoord.pointY + winHeight - 8}px`,
-              left: `${winCoord.pointX + winWidth - 8}px`
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          "span",
-          {
-            onMouseDown: () => handleResizeClick("bottom-left-all"),
-            id: "win-resize-all",
-            className: "fixed h-3 w-3 opacity-60 cursor-sw-resize z-20",
-            style: {
-              top: `${winCoord.pointY + winHeight - 8}px`,
-              left: `${winCoord.pointX - 8}px`
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx5("div", { className: `w-full h-[calc(100%-32px)] overflow-auto`, children })
-      ]
-    }
-  );
+          ),
+          !isMobile() && /* @__PURE__ */ jsx7(ResizingControls, { useWindowStore, windowRef }),
+          /* @__PURE__ */ jsx7("div", { className: `relative w-full h-[calc(100%-32px)] overflow-auto`, children })
+        ]
+      }
+    ),
+    " "
+  ] });
 }
 export {
   WindowButton,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/window-manager/window-store-factory.tsx","../src/window-manager/window-global-actions.ts","../src/window-manager/window-button.tsx","../src/screen-manager/screen-state.ts","../src/screen-manager/screen-listeners.tsx","../src/window-manager/workspace-layout.tsx","../src/window-manager/window-layout.tsx","../src/window-assets/svg-win-icons.tsx"],"sourcesContent":["import { create, StoreApi, UseBoundStore } from 'zustand'\r\nimport { RefObject } from 'react'\r\nimport { Coord, ResizeState, WindowStates, WindowStore } from './window-types'\r\n\r\nexport const windowRegistry: Record<string, UseBoundStore<StoreApi<WindowStore>>> = {}\r\n\r\nexport const createWindowStore = (windowId: string, bottomOffsetPx: number) => {\r\n  if (windowRegistry[windowId]) console.error('This store ID is already in use: ' + windowId)\r\n\r\n  const zIndexAtLaunch = Object.keys(windowRegistry).length + 1\r\n\r\n  const storeInstance = create<WindowStore>((set, get) => ({\r\n    windowId: windowId,\r\n\r\n    isActive: false,\r\n    setIsActive: (isActive: boolean) => set({ isActive: isActive }),\r\n\r\n    resetFlag: false,\r\n    reset: () => set({ resetFlag: !get().resetFlag, isWinMinimized: true }),\r\n\r\n    zIndex: zIndexAtLaunch,\r\n    setZIndex: (newIndex: number) => set({ zIndex: newIndex }),\r\n\r\n    self: undefined,\r\n    setSelf: (ref: RefObject<HTMLDivElement | null>) => set({ self: ref }),\r\n\r\n    winVisualState: 'demaximized',\r\n    setWinVisualState: (newState: WindowStates) => set({ winVisualState: newState }),\r\n\r\n    isWinMinimized: true,\r\n    setIsWinMinimized: (isMini: boolean) => set({ isWinMinimized: isMini }),\r\n\r\n    dragClickOffset: { pointX: 0, pointY: 0 },\r\n    setDragClickOffset: (newCoord: Coord) =>\r\n      set({ dragClickOffset: { pointX: newCoord.pointX, pointY: newCoord.pointY } }),\r\n\r\n    isDragging: false,\r\n    setIsDragging: (updatedIsDragging: boolean) => set({ isDragging: updatedIsDragging }),\r\n\r\n    winCoord: { pointX: 40, pointY: 40 },\r\n    setWinCoord: (newWinCoord: Coord) =>\r\n      set({ winCoord: { pointX: newWinCoord.pointX, pointY: newWinCoord.pointY } }),\r\n\r\n    isResizing: false,\r\n    setIsResizing: (updatedIsResizing: ResizeState) => set({ isResizing: updatedIsResizing }),\r\n\r\n    winWidth: window.innerWidth * 0.95,\r\n    setWinWidth: (newWinWidth: number) => set({ winWidth: newWinWidth }),\r\n\r\n    winHeight: window.innerHeight * 0.75,\r\n    setWinHeight: (newWinHeight: number) => set({ winHeight: newWinHeight }),\r\n\r\n    stopDragAndResize: () => set({ isDragging: false, isResizing: false }),\r\n\r\n    maximizeWindow: () => {\r\n      set({\r\n        winCoord: { pointX: 0, pointY: 0 },\r\n        winHeight: window.innerHeight - bottomOffsetPx,\r\n        winWidth: window.innerWidth,\r\n        winVisualState: 'maximized',\r\n      })\r\n    },\r\n    demaximizeWindow: () => {\r\n      set({\r\n        winCoord: { pointX: 40, pointY: 40 },\r\n        winWidth: window.innerWidth * 0.95,\r\n        winHeight: window.innerHeight * 0.75,\r\n        winVisualState: 'demaximized',\r\n      })\r\n    },\r\n\r\n    minimizeWindow: () => set({ isWinMinimized: true }),\r\n    openWindow: () => {\r\n      const winRef = get().self\r\n      if (get().isWinMinimized && winRef?.current) {\r\n        set({ isWinMinimized: false })\r\n        winRef.current.style.transform = 'translate(0, 0) scale(1)'\r\n      }\r\n    },\r\n\r\n    dockWindowRight: () => {\r\n      set({\r\n        winCoord: { pointX: window.innerWidth / 2, pointY: 0 },\r\n        winWidth: window.innerWidth / 2,\r\n        winHeight: window.innerHeight - bottomOffsetPx,\r\n        winVisualState: 'demaximized',\r\n      })\r\n    },\r\n    dockWindowLeft: () => {\r\n      set({\r\n        winCoord: { pointX: 0, pointY: 0 },\r\n        winWidth: window.innerWidth / 2,\r\n        winHeight: window.innerHeight - bottomOffsetPx,\r\n        winVisualState: 'demaximized',\r\n      })\r\n    },\r\n\r\n    dockWindowBottomRight: () =>\r\n      set({\r\n        winCoord: {\r\n          pointX: window.innerWidth / 2,\r\n          pointY: window.innerHeight / 2 - bottomOffsetPx / 2,\r\n        },\r\n        winWidth: window.innerWidth / 2,\r\n        winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,\r\n        winVisualState: 'demaximized',\r\n      }),\r\n    dockWindowTopRight: () =>\r\n      set({\r\n        winCoord: { pointX: window.innerWidth / 2, pointY: 0 },\r\n        winWidth: window.innerWidth / 2,\r\n        winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,\r\n        winVisualState: 'demaximized',\r\n      }),\r\n\r\n    dockWindowBottomLeft: () =>\r\n      set({\r\n        winCoord: { pointX: 0, pointY: window.innerHeight / 2 - bottomOffsetPx / 2 },\r\n        winWidth: window.innerWidth / 2,\r\n        winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,\r\n        winVisualState: 'demaximized',\r\n      }),\r\n    dockWindowTopLeft: () =>\r\n      set({\r\n        winCoord: { pointX: 0, pointY: 0 },\r\n        winWidth: window.innerWidth / 2,\r\n        winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,\r\n        winVisualState: 'demaximized',\r\n      }),\r\n\r\n    WIN_MIN_WIDTH: 360,\r\n    WIN_MIN_HEIGHT: 240,\r\n    setWIN_MIN_WIDTH: (w: number) => set({ WIN_MIN_WIDTH: w }),\r\n    setWIN_MIN_HEIGHT: (h: number) => set({ WIN_MIN_HEIGHT: h }),\r\n  }))\r\n\r\n  windowRegistry[windowId] = storeInstance\r\n\r\n  return storeInstance\r\n}\r\n","import { windowRegistry } from './window-store-factory'\r\n\r\nexport const stopAllDragAndResize = () => {\r\n  for (const key of Object.keys(windowRegistry)) {\r\n    windowRegistry[key].getState().stopDragAndResize()\r\n  }\r\n}\r\n\r\nexport const resetAllWindows = () => {\r\n  for (const key of Object.keys(windowRegistry)) {\r\n    windowRegistry[key].getState().reset()\r\n  }\r\n}\r\n\r\nexport const bringTargetWindowToFront = (targetId: string) => {\r\n  const targetWindow = windowRegistry[targetId].getState()\r\n\r\n  for (const key of Object.keys(windowRegistry)) {\r\n    const window = windowRegistry[key].getState()\r\n\r\n    if (window.windowId === targetWindow.windowId) {\r\n      continue\r\n    }\r\n\r\n    window.setIsActive(false)\r\n    if (window.zIndex >= targetWindow.zIndex) {\r\n      window.setZIndex(window.zIndex - 1)\r\n    }\r\n  }\r\n\r\n  targetWindow.setZIndex(Object.keys(windowRegistry).length)\r\n  targetWindow.setIsActive(true)\r\n}\r\n","import { StoreApi, UseBoundStore } from 'zustand'\r\nimport { WindowStore } from './window-types'\r\nimport { bringTargetWindowToFront } from './window-global-actions'\r\n\r\ntype StoreProp = {\r\n  children: React.ReactNode\r\n  useWindowStore: UseBoundStore<StoreApi<WindowStore>>\r\n  styles?: string\r\n  closedStyle?: string\r\n  openStyle?: string\r\n}\r\n\r\nexport default function WindowButton({\r\n  children,\r\n  useWindowStore,\r\n  styles,\r\n  closedStyle = 'brightness-[85%]',\r\n  openStyle = 'brightness-150',\r\n}: StoreProp) {\r\n  const { openWindow, minimizeWindow, isWinMinimized, windowId, isActive } = useWindowStore()\r\n\r\n  const handleOpenCloseWin = () => {\r\n    if (isWinMinimized) {\r\n      bringTargetWindowToFront(windowId)\r\n      openWindow()\r\n      return\r\n    }\r\n\r\n    if (isActive) {\r\n      minimizeWindow()\r\n    }\r\n\r\n    bringTargetWindowToFront(windowId)\r\n  }\r\n\r\n  return (\r\n    <button\r\n      id={`${windowId}_button`}\r\n      onClick={handleOpenCloseWin}\r\n      className={`\r\n        ${styles} \r\n        ${isWinMinimized ? closedStyle : openStyle}`}\r\n    >\r\n      {children}\r\n    </button>\r\n  )\r\n}\r\n","import { create } from 'zustand'\r\n\r\n/** @Note\r\n *The word SCREEN is being used to distinguish between the\r\n * window feature in this library and the real browser window\r\n * SCREEN == BROWSER REAL WINDOW\r\n */\r\ntype ScreenState = {\r\n  x: number\r\n  y: number\r\n  setX: (x: number) => void\r\n  setY: (y: number) => void\r\n}\r\n\r\nexport const useScreenState = create<ScreenState>((set) => ({\r\n  x: 10,\r\n  y: 10,\r\n  setX: (newX: number) => set({ x: newX }),\r\n  setY: (newY: number) => set({ y: newY }),\r\n}))\r\n","import { resetAllWindows } from '../window-manager/window-global-actions'\r\nimport { useScreenState } from './screen-state'\r\nimport { useEffect } from 'react'\r\n\r\nexport default function ScreenListeners() {\r\n  return (\r\n    <>\r\n      <CursorCoordinates />\r\n      <WindowResizeReset />\r\n    </>\r\n  )\r\n}\r\n\r\n/* FIX ME: Until I find a better way to handle window resize, the state restes on resize */\r\nfunction WindowResizeReset() {\r\n  useEffect(() => {\r\n    const handleWindowResize = () => {\r\n      resetAllWindows()\r\n    }\r\n\r\n    window.addEventListener('resize', handleWindowResize)\r\n\r\n    return () => document.removeEventListener('pointermove', handleWindowResize)\r\n  }, [])\r\n\r\n  return <></>\r\n}\r\n\r\nfunction CursorCoordinates() {\r\n  const { setX, setY } = useScreenState()\r\n\r\n  useEffect(() => {\r\n    const handleWindowPosition = (e: MouseEvent) => {\r\n      e.preventDefault()\r\n      setX(e.clientX)\r\n      setY(e.clientY)\r\n    }\r\n\r\n    document.addEventListener('pointermove', handleWindowPosition)\r\n\r\n    return () => document.removeEventListener('pointermove', handleWindowPosition)\r\n  }, [setX, setY])\r\n\r\n  return <></>\r\n}\r\n","import ScreenListeners from '../screen-manager/screen-listeners'\r\nimport { stopAllDragAndResize } from './window-global-actions'\r\n\r\ntype Props = {\r\n  children: React.ReactNode\r\n}\r\n\r\nexport default function WorkspaceLayout({ children }: Props) {\r\n  return (\r\n    <main\r\n      onMouseLeave={stopAllDragAndResize}\r\n      onMouseUp={stopAllDragAndResize}\r\n      className=\"absolute overflow-hidden h-full w-full touch-none\"\r\n    >\r\n      <ScreenListeners />\r\n      {children}\r\n    </main>\r\n  )\r\n}\r\n","import { useScreenState } from '../screen-manager/screen-state'\r\nimport { useEffect, useRef } from 'react'\r\nimport { StoreApi, UseBoundStore } from 'zustand'\r\nimport { WindowStore, ResizeState } from './window-types'\r\nimport { iconWinMinimize, iconWinDemaximize, iconWinMaximize } from '../window-assets/svg-win-icons'\r\nimport { bringTargetWindowToFront } from './window-global-actions'\r\n\r\ntype StoreProp = {\r\n  responsiveBreak?: 'sm' | 'md' | 'lg' | 'xl' | 'never'\r\n  children: React.ReactNode\r\n  windowName: string | React.ReactNode\r\n  navbarChildren?: React.ReactNode\r\n  defaultDock?: 'right' | 'left' | 'full'\r\n  useWindowStore: UseBoundStore<StoreApi<WindowStore>>\r\n}\r\n\r\nconst responsiveBreakInPx = {\r\n  sm: 640,\r\n  md: 768,\r\n  lg: 1024,\r\n  xl: 1280,\r\n  never: 0,\r\n}\r\n\r\nexport default function WindowLayout({\r\n  responsiveBreak = 'lg',\r\n  children,\r\n  windowName,\r\n  navbarChildren,\r\n  useWindowStore,\r\n  defaultDock,\r\n}: StoreProp) {\r\n  const { x, y } = useScreenState()\r\n  const windowRef = useRef<HTMLDivElement>(null)\r\n  const {\r\n    windowId,\r\n    zIndex,\r\n    isActive,\r\n    setSelf,\r\n\r\n    resetFlag,\r\n\r\n    winVisualState,\r\n    setWinVisualState,\r\n\r\n    isWinMinimized,\r\n\r\n    dragClickOffset,\r\n    setDragClickOffset,\r\n\r\n    isDragging,\r\n    setIsDragging,\r\n\r\n    winCoord,\r\n    setWinCoord,\r\n\r\n    isResizing,\r\n    setIsResizing,\r\n\r\n    winWidth,\r\n    setWinWidth,\r\n\r\n    winHeight,\r\n    setWinHeight,\r\n\r\n    minimizeWindow,\r\n    maximizeWindow,\r\n    demaximizeWindow,\r\n\r\n    dockWindowRight,\r\n    dockWindowLeft,\r\n\r\n    dockWindowTopLeft,\r\n    dockWindowBottomLeft,\r\n    dockWindowTopRight,\r\n    dockWindowBottomRight,\r\n\r\n    WIN_MIN_WIDTH,\r\n    WIN_MIN_HEIGHT,\r\n  } = useWindowStore()\r\n\r\n  useEffect(() => {\r\n    setSelf(windowRef)\r\n\r\n    if (isMobile()) maximizeWindow()\r\n    else if (defaultDock === 'left') dockWindowLeft()\r\n    else if (defaultDock === 'right') dockWindowRight()\r\n    else if (defaultDock === 'full') maximizeWindow()\r\n    else demaximizeWindow()\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [setSelf, windowRef, resetFlag])\r\n\r\n  useEffect(() => {\r\n    if (isMobile()) return\r\n    if (!isDragging) return\r\n\r\n    if (winVisualState === 'maximized') demaximizeWindow()\r\n\r\n    let adjustedX = x - dragClickOffset.pointX\r\n    if (x > window.innerWidth || x < 0) adjustedX = winCoord.pointX\r\n\r\n    let adjustedY = y - dragClickOffset.pointY\r\n    if (y > window.innerHeight || y < 0) adjustedY = winCoord.pointY\r\n\r\n    setWinCoord({ pointX: adjustedX, pointY: adjustedY })\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [isDragging, x, y])\r\n\r\n  useEffect(() => {\r\n    if (!isResizing) return\r\n\r\n    setWinVisualState('demaximized')\r\n    if (isResizing === 'bottom-height') resizeBottomWinHeight()\r\n    if (isResizing === 'top-height') resizeTopWinHeight()\r\n\r\n    if (isResizing === 'right-width') resizeRightWinWidth()\r\n    if (isResizing === 'left-width') resizeLeftWinWidth()\r\n\r\n    if (isResizing === 'bottom-right-all') resizeRightBottomWidthAndHeight()\r\n    if (isResizing === 'bottom-left-all') resizeLeftBottomWidthAndHeight()\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [isResizing, x, y])\r\n\r\n  const handleNavbarClick = (isDragging: boolean) => {\r\n    setDragClickOffset({ pointX: x - winCoord.pointX, pointY: y - winCoord.pointY })\r\n    setIsDragging(isDragging)\r\n  }\r\n\r\n  const isMobile = (): boolean => {\r\n    return window.innerWidth < responsiveBreakInPx[responsiveBreak]\r\n  }\r\n\r\n  const resizeRightWinWidth = () => {\r\n    const winBox = windowRef.current?.getBoundingClientRect()\r\n    if (!winBox) return\r\n\r\n    const minWinWidth = x - winBox.left < WIN_MIN_WIDTH\r\n    if (minWinWidth) return\r\n\r\n    const cursorOutOfBounds = x > window.innerWidth || x < 0\r\n    if (cursorOutOfBounds) return\r\n\r\n    const sizeDiff = x - winBox.right\r\n    setWinWidth(winWidth + sizeDiff)\r\n  }\r\n\r\n  const resizeLeftWinWidth = () => {\r\n    const winBox = windowRef.current?.getBoundingClientRect()\r\n    if (!winBox) return\r\n\r\n    const minWinWidth = winBox.right - x < WIN_MIN_WIDTH\r\n    if (minWinWidth) return\r\n\r\n    const cursorOutOfBounds = x > window.innerWidth || x < 0\r\n    if (cursorOutOfBounds) return\r\n\r\n    const sizeDiff = winBox.left - x\r\n    setWinWidth(winWidth + sizeDiff)\r\n    setWinCoord({ pointX: x, pointY: winCoord.pointY })\r\n  }\r\n\r\n  const resizeBottomWinHeight = () => {\r\n    const winBox = windowRef.current?.getBoundingClientRect()\r\n    if (!winBox) return\r\n\r\n    const minWinHeight = y - winBox.top < WIN_MIN_HEIGHT\r\n    if (minWinHeight) return\r\n\r\n    const cursorOutOfBounds = y > window.innerHeight || y < 0\r\n    if (cursorOutOfBounds) return\r\n\r\n    const sizeDiff = y - winBox.bottom\r\n    setWinHeight(winHeight + sizeDiff)\r\n  }\r\n\r\n  const resizeTopWinHeight = () => {\r\n    const winBox = windowRef.current?.getBoundingClientRect()\r\n    if (!winBox) return\r\n\r\n    const minWinHeight = winBox.bottom - y < WIN_MIN_HEIGHT\r\n    if (minWinHeight) return\r\n\r\n    const cursorOutOfBounds = y > window.innerHeight || y < 0\r\n    if (cursorOutOfBounds) return\r\n\r\n    const sizeDiff = winBox.top - y\r\n    setWinHeight(winHeight + sizeDiff)\r\n    setWinCoord({ pointX: winCoord.pointX, pointY: y })\r\n  }\r\n\r\n  const resizeRightBottomWidthAndHeight = () => {\r\n    resizeRightWinWidth()\r\n    resizeBottomWinHeight()\r\n  }\r\n\r\n  const resizeLeftBottomWidthAndHeight = () => {\r\n    resizeLeftWinWidth()\r\n    resizeBottomWinHeight()\r\n  }\r\n\r\n  const handleResizeClick = (isResizing: ResizeState) => {\r\n    setIsResizing(isResizing)\r\n  }\r\n\r\n  const cornerDockControl = (\r\n    <div className={`flex xl:p-0 px-2 shrink-0 gap-1`}>\r\n      {/* LEFT SIDE */}\r\n      <div className=\"flex flex-col justify-center gap-1\">\r\n        <button\r\n          className=\"hover:bg-gray-100 hover:bg-opacity-20  border w-4 h-[10px] rounded-sm\"\r\n          onClick={dockWindowTopLeft}\r\n        ></button>\r\n        <button\r\n          className=\"hover:bg-gray-100 hover:bg-opacity-20  border w-4 h-[10px] rounded-sm\"\r\n          onClick={dockWindowBottomLeft}\r\n        ></button>\r\n      </div>\r\n      {/* RIGHT SIDE */}\r\n      <div className=\"flex flex-col justify-center gap-1\">\r\n        <button\r\n          className=\"hover:bg-gray-100 hover:bg-opacity-20  border w-4 h-[10px] rounded-sm\"\r\n          onClick={dockWindowTopRight}\r\n        ></button>\r\n        <button\r\n          className=\"hover:bg-gray-100 hover:bg-opacity-20  border w-4 h-[10px] rounded-sm\"\r\n          onClick={dockWindowBottomRight}\r\n        ></button>\r\n      </div>\r\n    </div>\r\n  )\r\n\r\n  const sideDideControl = (\r\n    <div className={`flex px-2 shrink-0 items-center gap-1`}>\r\n      <button\r\n        className=\"hover:bg-gray-100 hover:bg-opacity-20 px-[1px] border w-4 h-6 rounded-sm\"\r\n        onClick={dockWindowLeft}\r\n      ></button>\r\n      <button\r\n        className=\"hover:bg-gray-100 hover:bg-opacity-20 px-[1px] border w-4 h-6 rounded-sm\"\r\n        onClick={dockWindowRight}\r\n      ></button>\r\n    </div>\r\n  )\r\n\r\n  const maximizeControl =\r\n    winVisualState === 'maximized' ? (\r\n      <button\r\n        className={`block hover:bg-gray-100 hover:bg-opacity-20 px-5 h-full`}\r\n        onClick={demaximizeWindow}\r\n      >\r\n        {iconWinDemaximize()}\r\n      </button>\r\n    ) : (\r\n      <button\r\n        className={`block hover:bg-gray-100 hover:bg-opacity-20 px-5 h-full`}\r\n        onClick={maximizeWindow}\r\n      >\r\n        {iconWinMaximize()}\r\n      </button>\r\n    )\r\n\r\n  const minimizeControl = (\r\n    <button className=\"hover:bg-red-500 hover:bg-opacity-20 px-5 h-full\" onClick={minimizeWindow}>\r\n      {iconWinMinimize()}\r\n    </button>\r\n  )\r\n\r\n  return (\r\n    <div\r\n      onMouseDown={() => bringTargetWindowToFront(windowId)}\r\n      id={windowId}\r\n      ref={windowRef}\r\n      style={{\r\n        top: `${winCoord.pointY}px`,\r\n        left: `${winCoord.pointX}px`,\r\n        width: `${winWidth}px`,\r\n        height: `${winHeight}px`,\r\n        zIndex: `${zIndex}`,\r\n\r\n        /* MINIMIZE LOGIC */\r\n        transition: 'transform 0.2s ease-in-out, opacity 0.3s ease-in-out',\r\n        opacity: isWinMinimized ? 0 : 1,\r\n        transform: isWinMinimized\r\n          ? `translate(${window.innerWidth / 2 - winCoord.pointX - winWidth / 2}px,\r\n              ${window.innerHeight - winCoord.pointY - winHeight / 2}px) scale(0.02)`\r\n          : '',\r\n      }}\r\n      onMouseUp={() => {\r\n        handleNavbarClick(false)\r\n        handleResizeClick(false)\r\n      }}\r\n      className={`fixed bg-white shadow-lg border border-zinc-600`}\r\n    >\r\n      <nav\r\n        className={`h-[32px] w-full bg-neutral-800 flex items-center\r\n        ${isActive ? 'brightness-100 opacity-100' : 'brightness-75 opacity-90'}`}\r\n      >\r\n        <div\r\n          onMouseDown={() => handleNavbarClick(true)}\r\n          onDoubleClick={maximizeWindow}\r\n          className=\"w-full h-8 px-2 text-white flex items-center text-sm truncate\"\r\n        >\r\n          {windowName}\r\n          {navbarChildren}\r\n        </div>\r\n\r\n        {!isMobile() && cornerDockControl}\r\n        {!isMobile() && sideDideControl}\r\n        {!isMobile() && maximizeControl}\r\n        {minimizeControl}\r\n      </nav>\r\n\r\n      {/* FIX ME: Add resize on top right and left? */}\r\n      <span\r\n        onMouseDown={() => handleResizeClick('right-width')}\r\n        id=\"win-resize-width\"\r\n        className=\"fixed w-2 opacity-60 cursor-w-resize z-10\"\r\n        style={{\r\n          top: `${winCoord.pointY}px`,\r\n          left: `${winCoord.pointX + winWidth - 4}px`,\r\n          height: `${winHeight}px`,\r\n        }}\r\n      ></span>\r\n      <span\r\n        onMouseDown={() => handleResizeClick('left-width')}\r\n        id=\"win-resize-width\"\r\n        className=\"fixed w-2 opacity-60 cursor-w-resize z-10\"\r\n        style={{\r\n          top: `${winCoord.pointY}px`,\r\n          left: `${winCoord.pointX - 4}px`,\r\n          height: `${winHeight}px`,\r\n        }}\r\n      ></span>\r\n      <span\r\n        onMouseDown={() => handleResizeClick('bottom-height')}\r\n        id=\"win-resize-height\"\r\n        className=\"fixed h-2 opacity-60 cursor-s-resize z-10\"\r\n        style={{\r\n          top: `${winCoord.pointY + winHeight - 6}px`,\r\n          left: `${winCoord.pointX}px`,\r\n          width: `${winWidth}px`,\r\n        }}\r\n      ></span>\r\n      <span\r\n        onMouseDown={() => handleResizeClick('top-height')}\r\n        id=\"win-resize-height\"\r\n        className=\"fixed h-2 opacity-60 cursor-s-resize z-10\"\r\n        style={{\r\n          top: `${winCoord.pointY - 6}px`,\r\n          left: `${winCoord.pointX}px`,\r\n          width: `${winWidth}px`,\r\n        }}\r\n      ></span>\r\n      <span\r\n        onMouseDown={() => handleResizeClick('bottom-right-all')}\r\n        id=\"win-resize-all\"\r\n        className=\"fixed h-3 w-3 opacity-60 cursor-se-resize z-20\"\r\n        style={{\r\n          top: `${winCoord.pointY + winHeight - 8}px`,\r\n          left: `${winCoord.pointX + winWidth - 8}px`,\r\n        }}\r\n      ></span>\r\n      <span\r\n        onMouseDown={() => handleResizeClick('bottom-left-all')}\r\n        id=\"win-resize-all\"\r\n        className=\"fixed h-3 w-3 opacity-60 cursor-sw-resize z-20\"\r\n        style={{\r\n          top: `${winCoord.pointY + winHeight - 8}px`,\r\n          left: `${winCoord.pointX - 8}px`,\r\n        }}\r\n      ></span>\r\n\r\n      {/* Offset the navbar => 'h-[calc(100%-32px)]' */}\r\n      <div className={`w-full h-[calc(100%-32px)] overflow-auto`}>{children}</div>\r\n    </div>\r\n  )\r\n}\r\n","export function iconWinMaximize() {\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      fill=\"none\"\r\n      viewBox=\"0 0 24 24\"\r\n      width={24}\r\n      height={24}\r\n      strokeWidth={1.5}\r\n      stroke=\"white\"\r\n      color=\"white\"\r\n      className=\"size-6\"\r\n    >\r\n      <path\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n        d=\"M5.25 7.5A2.25 2.25 0 0 1 7.5 5.25h9a2.25 2.25 0 0 1 2.25 2.25v9a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-9Z\"\r\n      />\r\n    </svg>\r\n  )\r\n}\r\n\r\nexport function iconWinDemaximize() {\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      fill=\"none\"\r\n      viewBox=\"0 0 24 24\"\r\n      width={24}\r\n      height={24}\r\n      strokeWidth={1.5}\r\n      stroke=\"white\"\r\n      color=\"white\"\r\n      className=\"size-6\"\r\n    >\r\n      <path\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n        d=\"M16.5 8.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v8.25A2.25 2.25 0 0 0 6 16.5h2.25m8.25-8.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-7.5A2.25 2.25 0 0 1 8.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 0 0-2.25 2.25v6\"\r\n      />\r\n    </svg>\r\n  )\r\n}\r\n\r\nexport function iconWinMinimize() {\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      fill=\"none\"\r\n      viewBox=\"0 0 24 24\"\r\n      width={24}\r\n      height={24}\r\n      strokeWidth={1.5}\r\n      stroke=\"white\"\r\n      color=\"white\"\r\n      className=\"size-6\"\r\n    >\r\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\" />\r\n    </svg>\r\n  )\r\n}\r\n"],"mappings":"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","names":["window","create","jsx","jsx","jsxs","useEffect","jsx","jsx","jsxs","useEffect","isDragging","isResizing"]}
+{"version":3,"sources":["../src/window-manager/window-store-factory.tsx","../src/window-manager/global-actions/window-global-actions.ts","../src/window-manager/window-button.tsx","../src/screen-manager/screen-state.ts","../src/screen-manager/screen-listeners.tsx","../src/window-manager/workspace-layout.tsx","../src/window-manager/window-layout.tsx","../src/window-assets/svg-win-icons.tsx","../src/window-manager/components/docking-controls.tsx","../src/window-manager/components/resizing-controls.tsx"],"sourcesContent":["import { create, StoreApi, UseBoundStore } from 'zustand'\r\nimport { RefObject } from 'react'\r\nimport { Coord, ResizeState, WindowStates, WindowStore } from './window-types'\r\n\r\nexport const windowRegistry: Record<string, UseBoundStore<StoreApi<WindowStore>>> = {}\r\n\r\nexport const createWindowStore = (windowId: string, bottomOffsetPx: number) => {\r\n  if (windowRegistry[windowId]) console.error('This store ID is already in use: ' + windowId)\r\n\r\n  const zIndexAtLaunch = Object.keys(windowRegistry).length + 1\r\n\r\n  const storeInstance = create<WindowStore>((set, get) => ({\r\n    windowId: windowId,\r\n\r\n    isActive: false,\r\n    setIsActive: (isActive: boolean) => set({ isActive: isActive }),\r\n\r\n    resetFlag: false,\r\n    reset: () => set({ resetFlag: !get().resetFlag, isWinMinimized: true }),\r\n\r\n    zIndex: zIndexAtLaunch,\r\n    setZIndex: (newIndex: number) => set({ zIndex: newIndex }),\r\n\r\n    self: undefined,\r\n    setSelf: (ref: RefObject<HTMLDivElement | null>) => set({ self: ref }),\r\n\r\n    winVisualState: 'demaximized',\r\n    setWinVisualState: (newState: WindowStates) => set({ winVisualState: newState }),\r\n\r\n    isWinMinimized: true,\r\n    setIsWinMinimized: (isMini: boolean) => set({ isWinMinimized: isMini }),\r\n\r\n    dragClickOffset: { pointX: 0, pointY: 0 },\r\n    setDragClickOffset: (newCoord: Coord) =>\r\n      set({ dragClickOffset: { pointX: newCoord.pointX, pointY: newCoord.pointY } }),\r\n\r\n    isDragging: false,\r\n    setIsDragging: (updatedIsDragging: boolean) => set({ isDragging: updatedIsDragging }),\r\n\r\n    winCoord: { pointX: 40, pointY: 40 },\r\n    setWinCoord: (newWinCoord: Coord) =>\r\n      set({ winCoord: { pointX: newWinCoord.pointX, pointY: newWinCoord.pointY } }),\r\n\r\n    isResizing: false,\r\n    setIsResizing: (updatedIsResizing: ResizeState) => set({ isResizing: updatedIsResizing }),\r\n\r\n    winWidth: window.innerWidth * 0.95,\r\n    setWinWidth: (newWinWidth: number) => set({ winWidth: newWinWidth }),\r\n\r\n    winHeight: window.innerHeight * 0.75,\r\n    setWinHeight: (newWinHeight: number) => set({ winHeight: newWinHeight }),\r\n\r\n    stopDragAndResize: () => set({ isDragging: false, isResizing: false }),\r\n\r\n    maximizeWindow: () => {\r\n      set({\r\n        winCoord: { pointX: 0, pointY: 0 },\r\n        winHeight: window.innerHeight - bottomOffsetPx,\r\n        winWidth: window.innerWidth,\r\n        winVisualState: 'maximized',\r\n      })\r\n    },\r\n    demaximizeWindow: () => {\r\n      set({\r\n        winCoord: { pointX: 40, pointY: 40 },\r\n        winWidth: window.innerWidth * 0.95,\r\n        winHeight: window.innerHeight * 0.75,\r\n        winVisualState: 'demaximized',\r\n      })\r\n    },\r\n\r\n    minimizeWindow: () => set({ isWinMinimized: true }),\r\n    openWindow: () => {\r\n      const winRef = get().self\r\n      if (get().isWinMinimized && winRef?.current) {\r\n        set({ isWinMinimized: false })\r\n        winRef.current.style.transform = 'translate(0, 0) scale(1)'\r\n      }\r\n    },\r\n\r\n    dockWindowRight: () => {\r\n      set({\r\n        winCoord: { pointX: window.innerWidth / 2, pointY: 0 },\r\n        winWidth: window.innerWidth / 2,\r\n        winHeight: window.innerHeight - bottomOffsetPx,\r\n        winVisualState: 'demaximized',\r\n      })\r\n    },\r\n    dockWindowLeft: () => {\r\n      set({\r\n        winCoord: { pointX: 0, pointY: 0 },\r\n        winWidth: window.innerWidth / 2,\r\n        winHeight: window.innerHeight - bottomOffsetPx,\r\n        winVisualState: 'demaximized',\r\n      })\r\n    },\r\n\r\n    dockWindowTop: () => {\r\n      set({\r\n        winCoord: { pointX: 0, pointY: 0 },\r\n        winWidth: window.innerWidth,\r\n        winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,\r\n        winVisualState: 'demaximized',\r\n      })\r\n    },\r\n    dockWindowBottom: () => {\r\n      set({\r\n        winCoord: { pointX: 0, pointY: window.innerHeight / 2 - bottomOffsetPx / 2 },\r\n        winWidth: window.innerWidth,\r\n        winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,\r\n        winVisualState: 'demaximized',\r\n      })\r\n    },\r\n\r\n    dockWindowBottomRight: () =>\r\n      set({\r\n        winCoord: {\r\n          pointX: window.innerWidth / 2,\r\n          pointY: window.innerHeight / 2 - bottomOffsetPx / 2,\r\n        },\r\n        winWidth: window.innerWidth / 2,\r\n        winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,\r\n        winVisualState: 'demaximized',\r\n      }),\r\n    dockWindowTopRight: () =>\r\n      set({\r\n        winCoord: { pointX: window.innerWidth / 2, pointY: 0 },\r\n        winWidth: window.innerWidth / 2,\r\n        winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,\r\n        winVisualState: 'demaximized',\r\n      }),\r\n\r\n    dockWindowBottomLeft: () =>\r\n      set({\r\n        winCoord: { pointX: 0, pointY: window.innerHeight / 2 - bottomOffsetPx / 2 },\r\n        winWidth: window.innerWidth / 2,\r\n        winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,\r\n        winVisualState: 'demaximized',\r\n      }),\r\n    dockWindowTopLeft: () =>\r\n      set({\r\n        winCoord: { pointX: 0, pointY: 0 },\r\n        winWidth: window.innerWidth / 2,\r\n        winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,\r\n        winVisualState: 'demaximized',\r\n      }),\r\n\r\n    WIN_MIN_WIDTH: 360,\r\n    WIN_MIN_HEIGHT: 240,\r\n    setWIN_MIN_WIDTH: (w: number) => set({ WIN_MIN_WIDTH: w }),\r\n    setWIN_MIN_HEIGHT: (h: number) => set({ WIN_MIN_HEIGHT: h }),\r\n  }))\r\n\r\n  windowRegistry[windowId] = storeInstance\r\n\r\n  return storeInstance\r\n}\r\n","import { windowRegistry } from '../window-store-factory'\r\n\r\nexport const stopAllDragAndResize = () => {\r\n  for (const key of Object.keys(windowRegistry)) {\r\n    windowRegistry[key].getState().stopDragAndResize()\r\n  }\r\n}\r\n\r\nexport const resetAllWindows = () => {\r\n  for (const key of Object.keys(windowRegistry)) {\r\n    windowRegistry[key].getState().reset()\r\n  }\r\n}\r\n\r\nexport const bringTargetWindowToFront = (targetId: string) => {\r\n  const targetWindow = windowRegistry[targetId].getState()\r\n\r\n  for (const key of Object.keys(windowRegistry)) {\r\n    const window = windowRegistry[key].getState()\r\n\r\n    if (window.windowId === targetWindow.windowId) {\r\n      continue\r\n    }\r\n\r\n    window.setIsActive(false)\r\n    if (window.zIndex >= targetWindow.zIndex) {\r\n      window.setZIndex(window.zIndex - 1)\r\n    }\r\n  }\r\n\r\n  targetWindow.setZIndex(Object.keys(windowRegistry).length)\r\n  targetWindow.setIsActive(true)\r\n}\r\n","import { StoreApi, UseBoundStore } from 'zustand'\r\nimport { WindowStore } from './window-types'\r\nimport { bringTargetWindowToFront } from './global-actions/window-global-actions'\r\n\r\ntype StoreProp = {\r\n  children: React.ReactNode\r\n  useWindowStore: UseBoundStore<StoreApi<WindowStore>>\r\n  styles?: string\r\n  closedStyle?: string\r\n  openStyle?: string\r\n}\r\n\r\nexport default function WindowButton({\r\n  children,\r\n  useWindowStore,\r\n  styles,\r\n  closedStyle = 'brightness-[85%]',\r\n  openStyle = 'brightness-150',\r\n}: StoreProp) {\r\n  const { openWindow, minimizeWindow, isWinMinimized, windowId, isActive } = useWindowStore()\r\n\r\n  const handleOpenCloseWin = () => {\r\n    if (isWinMinimized) {\r\n      bringTargetWindowToFront(windowId)\r\n      openWindow()\r\n      return\r\n    }\r\n\r\n    if (isActive) {\r\n      minimizeWindow()\r\n    }\r\n\r\n    bringTargetWindowToFront(windowId)\r\n  }\r\n\r\n  return (\r\n    <button\r\n      id={`${windowId}_button`}\r\n      onClick={handleOpenCloseWin}\r\n      className={`\r\n        ${styles} \r\n        ${isWinMinimized ? closedStyle : openStyle}`}\r\n    >\r\n      {children}\r\n    </button>\r\n  )\r\n}\r\n","import { create } from 'zustand'\r\n\r\n/** @Note\r\n *The word SCREEN is being used to distinguish between the\r\n * window feature in this library and the real browser window\r\n * SCREEN == BROWSER REAL WINDOW\r\n */\r\ntype ScreenState = {\r\n  x: number\r\n  y: number\r\n  setX: (x: number) => void\r\n  setY: (y: number) => void\r\n}\r\n\r\nexport const useScreenState = create<ScreenState>((set) => ({\r\n  x: 10,\r\n  y: 10,\r\n  setX: (newX: number) => set({ x: newX }),\r\n  setY: (newY: number) => set({ y: newY }),\r\n}))\r\n","import { resetAllWindows } from '../window-manager/global-actions/window-global-actions'\r\nimport { useScreenState } from './screen-state'\r\nimport { useEffect } from 'react'\r\n\r\nexport default function ScreenListeners() {\r\n  return (\r\n    <>\r\n      <CursorCoordinates />\r\n      <WindowResizeReset />\r\n    </>\r\n  )\r\n}\r\n\r\n/* FIX ME: Until I find a better way to handle browser resize, the react window state resets if the browser resizes */\r\nfunction WindowResizeReset() {\r\n  useEffect(() => {\r\n    const handleWindowResize = () => {\r\n      resetAllWindows()\r\n    }\r\n\r\n    window.addEventListener('resize', handleWindowResize)\r\n\r\n    return () => document.removeEventListener('pointermove', handleWindowResize)\r\n  }, [])\r\n\r\n  return <></>\r\n}\r\n\r\nfunction CursorCoordinates() {\r\n  const { setX, setY } = useScreenState()\r\n\r\n  useEffect(() => {\r\n    const handleWindowPosition = (e: MouseEvent) => {\r\n      e.preventDefault()\r\n      setX(e.clientX)\r\n      setY(e.clientY)\r\n    }\r\n\r\n    document.addEventListener('pointermove', handleWindowPosition)\r\n\r\n    return () => document.removeEventListener('pointermove', handleWindowPosition)\r\n  }, [setX, setY])\r\n\r\n  return <></>\r\n}\r\n","import ScreenListeners from '../screen-manager/screen-listeners'\r\nimport { stopAllDragAndResize } from './global-actions/window-global-actions'\r\n\r\ntype Props = {\r\n  children: React.ReactNode\r\n}\r\n\r\nexport default function WorkspaceLayout({ children }: Props) {\r\n  return (\r\n    <main\r\n      onMouseLeave={stopAllDragAndResize}\r\n      onMouseUp={stopAllDragAndResize}\r\n      className=\"absolute overflow-hidden h-full w-full touch-none\"\r\n    >\r\n      <ScreenListeners />\r\n      {children}\r\n    </main>\r\n  )\r\n}\r\n","import { useScreenState } from '../screen-manager/screen-state'\r\nimport { useEffect, useRef, useState } from 'react'\r\nimport { StoreApi, UseBoundStore } from 'zustand'\r\nimport { WindowStore, ResizeState } from './window-types'\r\nimport { iconWinMinimize, iconWinDemaximize, iconWinMaximize } from '../window-assets/svg-win-icons'\r\nimport { bringTargetWindowToFront } from './global-actions/window-global-actions'\r\nimport DockingControls from './components/docking-controls'\r\nimport ResizingControls from './components/resizing-controls'\r\n\r\ntype StoreProp = {\r\n  responsiveBreak?: 'sm' | 'md' | 'lg' | 'xl' | 'never'\r\n  children: React.ReactNode\r\n  windowName: string | React.ReactNode\r\n  navbarChildren?: React.ReactNode\r\n  defaultDock?: 'right' | 'left' | 'full'\r\n  useWindowStore: UseBoundStore<StoreApi<WindowStore>>\r\n}\r\n\r\nconst responsiveBreakInPx = {\r\n  sm: 640,\r\n  md: 768,\r\n  lg: 1024,\r\n  xl: 1280,\r\n  never: 0,\r\n}\r\n\r\nexport default function WindowLayout({\r\n  responsiveBreak = 'lg',\r\n  children,\r\n  windowName,\r\n  navbarChildren,\r\n  useWindowStore,\r\n  defaultDock,\r\n}: StoreProp) {\r\n  const { x, y } = useScreenState()\r\n  const windowRef = useRef<HTMLDivElement>(null)\r\n  const {\r\n    windowId,\r\n    zIndex,\r\n    isActive,\r\n    setSelf,\r\n\r\n    resetFlag,\r\n\r\n    winVisualState,\r\n\r\n    isWinMinimized,\r\n\r\n    dragClickOffset,\r\n    setDragClickOffset,\r\n\r\n    isDragging,\r\n    setIsDragging,\r\n\r\n    winCoord,\r\n    setWinCoord,\r\n\r\n    setIsResizing,\r\n\r\n    winWidth,\r\n    winHeight,\r\n\r\n    minimizeWindow,\r\n    maximizeWindow,\r\n    demaximizeWindow,\r\n\r\n    dockWindowRight,\r\n    dockWindowLeft,\r\n\r\n  } = useWindowStore()\r\n\r\n  useEffect(() => {\r\n    setSelf(windowRef)\r\n\r\n    if (isMobile()) maximizeWindow()\r\n    else if (defaultDock === 'left') dockWindowLeft()\r\n    else if (defaultDock === 'right') dockWindowRight()\r\n    else if (defaultDock === 'full') maximizeWindow()\r\n    else demaximizeWindow()\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [setSelf, windowRef, resetFlag])\r\n\r\n  useEffect(() => {\r\n    if (isMobile()) return\r\n    if (!isDragging) return\r\n\r\n    if (winVisualState === 'maximized') demaximizeWindow()\r\n\r\n    let adjustedX = x - dragClickOffset.pointX\r\n    if (x > window.innerWidth || x < 0) adjustedX = winCoord.pointX\r\n\r\n    let adjustedY = y - dragClickOffset.pointY\r\n    if (y > window.innerHeight || y < 0) adjustedY = winCoord.pointY\r\n\r\n    setWinCoord({ pointX: adjustedX, pointY: adjustedY })\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [isDragging, x, y])\r\n\r\n  const handleNavbarClick = (isDragging: boolean) => {\r\n    setDragClickOffset({ pointX: x - winCoord.pointX, pointY: y - winCoord.pointY })\r\n    setIsDragging(isDragging)\r\n  }\r\n\r\n  const isMobile = (): boolean => {\r\n    return window.innerWidth < responsiveBreakInPx[responsiveBreak]\r\n  }\r\n\r\n  const handleResizeClick = (isResizing: ResizeState) => {\r\n    setIsResizing(isResizing)\r\n  }\r\n\r\n  const maximizeControl =\r\n    winVisualState === 'maximized' ? (\r\n      <button\r\n        className={`block hover:bg-gray-100 hover:bg-opacity-20 px-5 h-full`}\r\n        onClick={demaximizeWindow}\r\n      >\r\n        {iconWinDemaximize()}\r\n      </button>\r\n    ) : (\r\n      <button\r\n        className={`block hover:bg-gray-100 hover:bg-opacity-20 px-5 h-full`}\r\n        onClick={maximizeWindow}\r\n      >\r\n        {iconWinMaximize()}\r\n      </button>\r\n    )\r\n\r\n  const minimizeControl = (\r\n    <button className=\"hover:bg-red-500 hover:bg-opacity-20 px-5 h-full\" onClick={minimizeWindow}>\r\n      {iconWinMinimize()}\r\n    </button>\r\n  )\r\n\r\n  return (\r\n    <>\r\n      {!isMobile() && <DockingControls useWindowStore={useWindowStore} />}\r\n      <div\r\n        onMouseDown={() => bringTargetWindowToFront(windowId)}\r\n        id={windowId}\r\n        ref={windowRef}\r\n        style={{\r\n          top: `${winCoord.pointY}px`,\r\n          left: `${winCoord.pointX}px`,\r\n          width: `${winWidth}px`,\r\n          height: `${winHeight}px`,\r\n          zIndex: `${zIndex}`,\r\n\r\n          /* MINIMIZE LOGIC */\r\n          transition: 'transform 0.2s ease-in-out, opacity 0.3s ease-in-out',\r\n          opacity: isWinMinimized ? 0 : 1,\r\n          transform: isWinMinimized\r\n            ? `translate(${window.innerWidth / 2 - winCoord.pointX - winWidth / 2}px,\r\n              ${window.innerHeight - winCoord.pointY - winHeight / 2}px) scale(0.02)`\r\n            : '',\r\n        }}\r\n        onMouseUp={() => {\r\n          handleNavbarClick(false)\r\n          handleResizeClick(false)\r\n        }}\r\n        className={`fixed bg-white shadow-lg border border-zinc-600`}\r\n      >\r\n        <nav\r\n          className={`h-[32px] w-full bg-neutral-800 flex items-center\r\n        ${isActive ? 'brightness-100 opacity-100' : 'brightness-75 opacity-90'}`}\r\n        >\r\n          <div className=\"w-fit shrink-0 h-8 px-2 text-white flex items-center text-sm truncate\">\r\n            {windowName}\r\n            {navbarChildren}\r\n          </div>\r\n          <div\r\n            onMouseDown={() => handleNavbarClick(true)}\r\n            onDoubleClick={maximizeWindow}\r\n            className=\"w-full h-8 px-2 text-white flex items-center text-sm truncate\"\r\n          ></div>\r\n\r\n          {!isMobile() && maximizeControl}\r\n          {minimizeControl}\r\n        </nav>\r\n\r\n        {!isMobile() && <ResizingControls useWindowStore={useWindowStore} windowRef={windowRef} />}\r\n\r\n        {/* Offset the navbar => 'h-[calc(100%-32px)]' */}\r\n        <div className={`relative w-full h-[calc(100%-32px)] overflow-auto`}>{children}</div>\r\n      </div>{' '}\r\n    </>\r\n  )\r\n}\r\n","export function iconWinMaximize() {\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      fill=\"none\"\r\n      viewBox=\"0 0 24 24\"\r\n      width={24}\r\n      height={24}\r\n      strokeWidth={1.5}\r\n      stroke=\"white\"\r\n      color=\"white\"\r\n      className=\"size-6\"\r\n    >\r\n      <path\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n        d=\"M5.25 7.5A2.25 2.25 0 0 1 7.5 5.25h9a2.25 2.25 0 0 1 2.25 2.25v9a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-9Z\"\r\n      />\r\n    </svg>\r\n  )\r\n}\r\n\r\nexport function iconWinDemaximize() {\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      fill=\"none\"\r\n      viewBox=\"0 0 24 24\"\r\n      width={24}\r\n      height={24}\r\n      strokeWidth={1.5}\r\n      stroke=\"white\"\r\n      color=\"white\"\r\n      className=\"size-6\"\r\n    >\r\n      <path\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n        d=\"M16.5 8.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v8.25A2.25 2.25 0 0 0 6 16.5h2.25m8.25-8.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-7.5A2.25 2.25 0 0 1 8.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 0 0-2.25 2.25v6\"\r\n      />\r\n    </svg>\r\n  )\r\n}\r\n\r\nexport function iconWinMinimize() {\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      fill=\"none\"\r\n      viewBox=\"0 0 24 24\"\r\n      width={24}\r\n      height={24}\r\n      strokeWidth={1.5}\r\n      stroke=\"white\"\r\n      color=\"white\"\r\n      className=\"size-6\"\r\n    >\r\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\" />\r\n    </svg>\r\n  )\r\n}\r\n","import { useEffect, useState } from 'react'\r\nimport { StoreApi, UseBoundStore } from 'zustand'\r\nimport { WindowStore } from '../window-types'\r\n\r\ntype Props = {\r\n  useWindowStore: UseBoundStore<StoreApi<WindowStore>>\r\n}\r\n\r\nexport default function DockingControls({ useWindowStore }: Props) {\r\n  const {\r\n    isDragging,\r\n\r\n    dockWindowRight,\r\n    dockWindowLeft,\r\n\r\n    dockWindowBottom,\r\n    dockWindowTop,\r\n\r\n    dockWindowTopLeft,\r\n    dockWindowBottomLeft,\r\n    dockWindowTopRight,\r\n    dockWindowBottomRight,\r\n  } = useWindowStore()\r\n\r\n  const [isVisible, setIsVisible] = useState(false)\r\n  useEffect(() => {\r\n    let dealy: ReturnType<typeof setTimeout>\r\n\r\n    if (isDragging) {\r\n      dealy = setTimeout(() => {\r\n        setIsVisible(true)\r\n      }, 400)\r\n    } else {\r\n      setIsVisible(false)\r\n    }\r\n\r\n    return () => clearTimeout(dealy)\r\n  }, [isDragging])\r\n\r\n  const cornerDockControl = (\r\n    <div className={`flex xl:p-0 shrink-0 gap-0.5`}>\r\n      {/* LEFT SIDE */}\r\n      <div className=\"flex flex-col justify-center gap-0.5\">\r\n        <button\r\n          className=\"hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-5 rounded-sm\"\r\n          onMouseUp={dockWindowTopLeft}\r\n        ></button>\r\n        <button\r\n          className=\"hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-5 rounded-sm\"\r\n          onMouseUp={dockWindowBottomLeft}\r\n        ></button>\r\n      </div>\r\n      {/* RIGHT SIDE */}\r\n      <div className=\"flex flex-col justify-center gap-0.5\">\r\n        <button\r\n          className=\"hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-5 rounded-sm\"\r\n          onMouseUp={dockWindowTopRight}\r\n        ></button>\r\n        <button\r\n          className=\"hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-5 rounded-sm\"\r\n          onMouseUp={dockWindowBottomRight}\r\n        ></button>\r\n      </div>\r\n    </div>\r\n  )\r\n\r\n  const sideDideControl = (\r\n    <div className={`flex shrink-0 items-center gap-1`}>\r\n      <button\r\n        className=\"hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-7 h-10 rounded-sm\"\r\n        onMouseUp={dockWindowLeft}\r\n      ></button>\r\n      <button\r\n        className=\"hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-7 h-10 rounded-sm\"\r\n        onMouseUp={dockWindowRight}\r\n      ></button>\r\n    </div>\r\n  )\r\n\r\n  const horizontalDockControl = (\r\n    <div className={`flex flex-col shrink-0 items-center gap-0.5`}>\r\n      <button\r\n        className=\"hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-12 h-5 rounded-sm\"\r\n        onMouseUp={dockWindowTop}\r\n      ></button>\r\n      <button\r\n        className=\"hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-12 h-5 rounded-sm\"\r\n        onMouseUp={dockWindowBottom}\r\n      ></button>\r\n    </div>\r\n  )\r\n\r\n  const windowDockPannel = (\r\n    <section\r\n      className={`\r\n        flex w-fit border border-zinc-600 rounded-md bg-zinc-800 opacity-50\r\n        overflow-hidden px-4 gap-3 h-full py-2 pointer-events-auto\r\n        `}\r\n    >\r\n      {cornerDockControl}\r\n      {horizontalDockControl}\r\n      {sideDideControl}\r\n    </section>\r\n  )\r\n\r\n  return (\r\n    true && (\r\n      <div className=\"absolute z-50 flex items-center justify-center top-2 w-full mx-auto pointer-events-none\">\r\n        {isVisible && windowDockPannel}\r\n      </div>\r\n    )\r\n  )\r\n}\r\n","import { StoreApi, UseBoundStore } from 'zustand'\r\nimport { ResizeState, WindowStore } from '../window-types'\r\nimport { useScreenState } from '../../screen-manager/screen-state'\r\nimport { RefObject, useEffect } from 'react'\r\n\r\ntype Props = {\r\n  useWindowStore: UseBoundStore<StoreApi<WindowStore>>\r\n  windowRef: RefObject<HTMLDivElement | null>\r\n}\r\n\r\nexport default function ResizingControls({ useWindowStore, windowRef }: Props) {\r\n  const { x, y } = useScreenState()\r\n  const {\r\n    setWinVisualState,\r\n\r\n    winCoord,\r\n    setWinCoord,\r\n\r\n    isResizing,\r\n    setIsResizing,\r\n\r\n    winWidth,\r\n    setWinWidth,\r\n\r\n    winHeight,\r\n    setWinHeight,\r\n\r\n    WIN_MIN_WIDTH,\r\n    WIN_MIN_HEIGHT,\r\n  } = useWindowStore()\r\n\r\n  useEffect(() => {\r\n    if (!isResizing) return\r\n\r\n    setWinVisualState('demaximized')\r\n    if (isResizing === 'bottom-height') resizeBottomWinHeight()\r\n    if (isResizing === 'top-height') resizeTopWinHeight()\r\n\r\n    if (isResizing === 'right-width') resizeRightWinWidth()\r\n    if (isResizing === 'left-width') resizeLeftWinWidth()\r\n\r\n    if (isResizing === 'bottom-right-all') resizeRightBottomWidthAndHeight()\r\n    if (isResizing === 'bottom-left-all') resizeLeftBottomWidthAndHeight()\r\n\r\n    if (isResizing === 'top-right-all') resizeRightTopWidthAndHeight()\r\n    if (isResizing === 'top-left-all') resizeLeftTopWidthAndHeight()\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [isResizing, x, y])\r\n\r\n  const resizeRightWinWidth = () => {\r\n    const winBox = windowRef.current?.getBoundingClientRect()\r\n    if (!winBox) return\r\n\r\n    const minWinWidth = x - winBox.left < WIN_MIN_WIDTH\r\n    if (minWinWidth) return\r\n\r\n    const cursorOutOfBounds = x > window.innerWidth || x < 0\r\n    if (cursorOutOfBounds) return\r\n\r\n    const sizeDiff = x - winBox.right\r\n    setWinWidth(winWidth + sizeDiff)\r\n  }\r\n\r\n  const resizeLeftWinWidth = () => {\r\n    const winBox = windowRef.current?.getBoundingClientRect()\r\n    if (!winBox) return\r\n\r\n    const minWinWidth = winBox.right - x < WIN_MIN_WIDTH\r\n    if (minWinWidth) return\r\n\r\n    const cursorOutOfBounds = x > window.innerWidth || x < 0\r\n    if (cursorOutOfBounds) return\r\n\r\n    const sizeDiff = winBox.left - x\r\n    setWinWidth(winWidth + sizeDiff)\r\n    setWinCoord({ pointX: x, pointY: winCoord.pointY })\r\n  }\r\n\r\n  /** @winXOverride we need to override windowX if another function that also sets windowX is called at the same time */\r\n  const resizeTopWinHeight = (winXOverride?: number) => {\r\n    const winBox = windowRef.current?.getBoundingClientRect()\r\n    if (!winBox) return\r\n\r\n    const minWinHeight = winBox.bottom - y < WIN_MIN_HEIGHT\r\n    if (minWinHeight) return\r\n\r\n    const cursorOutOfBounds = y > window.innerHeight || y < 0\r\n    if (cursorOutOfBounds) return\r\n\r\n    const sizeDiff = winBox.top - y\r\n    setWinHeight(winHeight + sizeDiff)\r\n    const winX = winXOverride ? winXOverride : winCoord.pointX\r\n    setWinCoord({ pointX: winX, pointY: y })\r\n  }\r\n\r\n  const resizeBottomWinHeight = () => {\r\n    const winBox = windowRef.current?.getBoundingClientRect()\r\n    if (!winBox) return\r\n\r\n    const minWinHeight = y - winBox.top < WIN_MIN_HEIGHT\r\n    if (minWinHeight) return\r\n\r\n    const cursorOutOfBounds = y > window.innerHeight || y < 0\r\n    if (cursorOutOfBounds) return\r\n\r\n    const sizeDiff = y - winBox.bottom\r\n    setWinHeight(winHeight + sizeDiff)\r\n  }\r\n\r\n  const resizeRightBottomWidthAndHeight = () => {\r\n    resizeRightWinWidth()\r\n    resizeBottomWinHeight()\r\n  }\r\n\r\n  const resizeLeftBottomWidthAndHeight = () => {\r\n    resizeLeftWinWidth()\r\n    resizeBottomWinHeight()\r\n  }\r\n\r\n  const resizeRightTopWidthAndHeight = () => {\r\n    resizeRightWinWidth()\r\n    resizeTopWinHeight()\r\n  }\r\n\r\n  const resizeLeftTopWidthAndHeight = () => {\r\n    resizeLeftWinWidth()\r\n    resizeTopWinHeight(x)\r\n  }\r\n\r\n  const handleResizeClick = (isResizing: ResizeState) => {\r\n    setIsResizing(isResizing)\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <span\r\n        onMouseDown={() => handleResizeClick('right-width')}\r\n        id=\"win-resize-width\"\r\n        className=\"fixed w-2 opacity-60 cursor-w-resize z-10\"\r\n        style={{\r\n          top: `${winCoord.pointY}px`,\r\n          left: `${winCoord.pointX + winWidth - 4}px`,\r\n          height: `${winHeight}px`,\r\n        }}\r\n      ></span>\r\n      <span\r\n        onMouseDown={() => handleResizeClick('left-width')}\r\n        id=\"win-resize-width\"\r\n        className=\"fixed w-2 opacity-60 cursor-w-resize z-10\"\r\n        style={{\r\n          top: `${winCoord.pointY}px`,\r\n          left: `${winCoord.pointX - 4}px`,\r\n          height: `${winHeight}px`,\r\n        }}\r\n      ></span>\r\n      <span\r\n        onMouseDown={() => handleResizeClick('bottom-height')}\r\n        id=\"win-resize-height\"\r\n        className=\"fixed h-2 opacity-60 cursor-s-resize z-10\"\r\n        style={{\r\n          top: `${winCoord.pointY + winHeight - 6}px`,\r\n          left: `${winCoord.pointX}px`,\r\n          width: `${winWidth}px`,\r\n        }}\r\n      ></span>\r\n      <span\r\n        onMouseDown={() => handleResizeClick('top-height')}\r\n        id=\"win-resize-height\"\r\n        className=\"fixed h-2 opacity-60 cursor-s-resize z-10\"\r\n        style={{\r\n          top: `${winCoord.pointY - 6}px`,\r\n          left: `${winCoord.pointX}px`,\r\n          width: `${winWidth}px`,\r\n        }}\r\n      ></span>\r\n      <span\r\n        onMouseDown={() => handleResizeClick('bottom-right-all')}\r\n        id=\"win-resize-all\"\r\n        className=\"fixed h-3 w-3 opacity-60 cursor-se-resize z-20\"\r\n        style={{\r\n          top: `${winCoord.pointY + winHeight - 8}px`,\r\n          left: `${winCoord.pointX + winWidth - 8}px`,\r\n        }}\r\n      ></span>\r\n      <span\r\n        onMouseDown={() => handleResizeClick('bottom-left-all')}\r\n        id=\"win-resize-all\"\r\n        className=\"fixed h-3 w-3 opacity-60 cursor-sw-resize z-20\"\r\n        style={{\r\n          top: `${winCoord.pointY + winHeight - 8}px`,\r\n          left: `${winCoord.pointX - 8}px`,\r\n        }}\r\n      ></span>\r\n\r\n      <span\r\n        onMouseDown={() => handleResizeClick('top-right-all')}\r\n        id=\"win-resize-all\"\r\n        className=\"fixed h-3 w-3 opacity-60 cursor-ne-resize z-20\"\r\n        style={{\r\n          top: `${winCoord.pointY - 6}px`,\r\n          left: `${winCoord.pointX + winWidth - 6}px`,\r\n        }}\r\n      ></span>\r\n      <span\r\n        onMouseDown={() => handleResizeClick('top-left-all')}\r\n        id=\"win-resize-all\"\r\n        className=\"fixed h-3 w-3 opacity-60 cursor-nw-resize z-20\"\r\n        style={{\r\n          top: `${winCoord.pointY - 6}px`,\r\n          left: `${winCoord.pointX - 6}px`,\r\n        }}\r\n      ></span>\r\n    </>\r\n  )\r\n}\r\n"],"mappings":"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","names":["window","create","jsx","jsx","jsxs","useEffect","jsx","useEffect","jsx","jsxs","useEffect","Fragment","jsx","jsxs","isResizing","Fragment","jsx","jsxs","useEffect","isDragging"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gustavolmo/react-window-manager",
-  "version": "0.1.1",
+  "version": "0.1.300",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -36,7 +36,10 @@
     "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly",
     "build:css": "tailwindcss -c tailwind.config.js -i ./src/index.css -o ./dist/index.css --minify",
     "clean": "rimraf dist",
-    "dev": "tsup --watch",
-    "lint": "eslint src --ext .ts,.tsx"
+    "dev": "pnpm run dev:js & pnpm run dev:css",
+    "dev:js": "tsup --watch",
+    "dev:css": "tailwindcss -c tailwind.config.js -i ./src/index.css -o ./dist/index.css --watch",
+    "lint": "eslint src --ext .ts,.tsx",
+    "publish": "npm publish --access public"
   }
 }