npm - @gustavolmo/react-window-manager - Versions diffs - 0.1.301 → 0.2.0 - Mend

@gustavolmo/react-window-manager 0.1.301 → 0.2.0

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

Files changed (6) hide show

package/dist/index.css CHANGED Viewed

@@ -347,8 +347,14 @@ video {
 .relative {
   position: relative;
 }
-.top-2 {
-  top: 0.5rem;
+.top-0 {
+  top: 0px;
+}
+.top-\[-104px\] {
+  top: -104px;
+}
+.top-\[-68px\] {
+  top: -68px;
 }
 .z-10 {
   z-index: 10;
@@ -373,8 +379,8 @@ video {
   width: 1.5rem;
   height: 1.5rem;
 }
-.h-10 {
-  height: 2.5rem;
+.h-12 {
+  height: 3rem;
 }
 .h-2 {
   height: 0.5rem;
@@ -382,8 +388,8 @@ video {
 .h-3 {
   height: 0.75rem;
 }
-.h-5 {
-  height: 1.25rem;
+.h-6 {
+  height: 1.5rem;
 }
 .h-8 {
   height: 2rem;
@@ -397,8 +403,11 @@ video {
 .h-full {
   height: 100%;
 }
-.w-12 {
-  width: 3rem;
+.w-10 {
+  width: 2.5rem;
+}
+.w-14 {
+  width: 3.5rem;
 }
 .w-2 {
   width: 0.5rem;
@@ -406,9 +415,6 @@ video {
 .w-3 {
   width: 0.75rem;
 }
-.w-7 {
-  width: 1.75rem;
-}
 .w-8 {
   width: 2rem;
 }
@@ -419,12 +425,24 @@ video {
 .w-full {
   width: 100%;
 }
+.min-w-8 {
+  min-width: 2rem;
+}
 .shrink-0 {
   flex-shrink: 0;
 }
+.grow {
+  flex-grow: 1;
+}
 .transform {
   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));
 }
+.cursor-ne-resize {
+  cursor: ne-resize;
+}
+.cursor-nw-resize {
+  cursor: nw-resize;
+}
 .cursor-s-resize {
   cursor: s-resize;
 }
@@ -437,12 +455,6 @@ video {
 .cursor-w-resize {
   cursor: w-resize;
 }
-.cursor-nw-resize {
-  cursor: nw-resize;
-}
-.cursor-ne-resize {
-  cursor: ne-resize;
-}
 .touch-none {
   touch-action: none;
 }
@@ -461,11 +473,8 @@ video {
 .gap-0\.5 {
   gap: 0.125rem;
 }
-.gap-1 {
-  gap: 0.25rem;
-}
-.gap-3 {
-  gap: 0.75rem;
+.gap-4 {
+  gap: 1rem;
 }
 .overflow-auto {
   overflow: auto;
@@ -478,15 +487,19 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rounded-md {
-  border-radius: 0.375rem;
-}
 .rounded-sm {
   border-radius: 0.125rem;
 }
+.rounded-b-md {
+  border-bottom-right-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
 .border {
   border-width: 1px;
 }
+.border-t-0 {
+  border-top-width: 0px;
+}
 .border-zinc-500 {
   --tw-border-opacity: 1;
   border-color: rgb(113 113 122 / var(--tw-border-opacity, 1));
@@ -503,10 +516,6 @@ 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));
@@ -527,9 +536,16 @@ video {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.pb-4 {
+  padding-bottom: 1rem;
 }
 .text-sm {
   font-size: 0.875rem;
@@ -539,6 +555,9 @@ video {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.opacity-0 {
+  opacity: 0;
+}
 .opacity-100 {
   opacity: 1;
 }
@@ -548,8 +567,8 @@ video {
 .opacity-60 {
   opacity: 0.6;
 }
-.opacity-90 {
-  opacity: 0.9;
+.opacity-80 {
+  opacity: 0.8;
 }
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
@@ -591,6 +610,14 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.duration-500 {
+  transition-duration: 500ms;
+}
 .ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }

package/dist/index.css.map CHANGED Viewed

	@@ -1 +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.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":[]}
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.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-0 {\n top: 0px;\n}\r\n.top-\\[-104px\\] {\n top: -104px;\n}\r\n.top-\\[-68px\\] {\n top: -68px;\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-12 {\n height: 3rem;\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-\\[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-10 {\n width: 2.5rem;\n}\r\n.w-14 {\n width: 3.5rem;\n}\r\n.w-2 {\n width: 0.5rem;\n}\r\n.w-3 {\n width: 0.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.min-w-8 {\n min-width: 2rem;\n}\r\n.shrink-0 {\n flex-shrink: 0;\n}\r\n.grow {\n flex-grow: 1;\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-ne-resize {\n cursor: ne-resize;\n}\r\n.cursor-nw-resize {\n cursor: nw-resize;\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-0\\.5 {\n gap: 0.125rem;\n}\r\n.gap-4 {\n gap: 1rem;\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.rounded-b-md {\n border-bottom-right-radius: 0.375rem;\n border-bottom-left-radius: 0.375rem;\n}\r\n.border {\n border-width: 1px;\n}\r\n.border-t-0 {\n border-top-width: 0px;\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-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.px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n}\r\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\r\n.pb-4 {\n padding-bottom: 1rem;\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-0 {\n opacity: 0;\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-80 {\n opacity: 0.8;\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.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.duration-500 {\n transition-duration: 500ms;\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;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;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;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;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;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;AACA;AACA;AAAA;AAEF;AACE;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 CHANGED Viewed

@@ -53,31 +53,49 @@ type WindowStore = {
     setWIN_MIN_HEIGHT: (h: number) => void;
 };
-type StoreProp$1 = {
+type Prop = {
     children: React.ReactNode;
     useWindowStore: UseBoundStore<StoreApi<WindowStore>>;
-    styles?: string;
-    closedStyle?: string;
-    openStyle?: string;
+    className?: string;
+    /** @default 'brightness-[85%]' */
+    isClosedClassName?: string;
+    /** @default 'brightness-150' */
+    isOpenClassName?: string;
 };
-declare function WindowButton({ children, useWindowStore, styles, closedStyle, openStyle, }: StoreProp$1): react_jsx_runtime.JSX.Element;
+declare function WindowButton({ children, useWindowStore, className, isClosedClassName, isOpenClassName, }: Prop): react_jsx_runtime.JSX.Element;
 type Props = {
     children: React.ReactNode;
 };
 declare function WorkspaceLayout({ children }: Props): react_jsx_runtime.JSX.Element;
+type ResponsiveSizes = 'sm' | 'md' | 'lg' | 'xl' | 'never' | 'always' | number;
 type StoreProp = {
-    responsiveBreak?: 'sm' | 'md' | 'lg' | 'xl' | 'never';
     children: React.ReactNode;
     windowName: string | React.ReactNode;
+    useWindowStore: UseBoundStore<StoreApi<WindowStore>>;
+    /**
+     * @default 'lg'
+     * @param sm uses mobile format at 640px
+     * @param md uses mobile format at 768px
+     * @param lg uses mobile format at 1024px
+     * @param xl uses mobile format at 1280px
+     * @param never never uses mobile format
+     * @param always always uses mobile format
+     * @param number set custom break point value in px */
+    responsiveBreak?: ResponsiveSizes;
     navbarChildren?: React.ReactNode;
     defaultDock?: 'right' | 'left' | 'full';
-    useWindowStore: UseBoundStore<StoreApi<WindowStore>>;
+    /** @note use CSS values such as hex or supported color names */
+    style?: {
+        navBackgroundColor?: string;
+        windowBackgroundColor?: string;
+        navControlsColor?: string;
+    };
 };
-declare function WindowLayout({ responsiveBreak, children, windowName, navbarChildren, useWindowStore, defaultDock, }: StoreProp): react_jsx_runtime.JSX.Element;
+declare function WindowLayout({ responsiveBreak, children, windowName, navbarChildren, useWindowStore, defaultDock, style, }: StoreProp): react_jsx_runtime.JSX.Element;
 declare const windowRegistry: Record<string, UseBoundStore<StoreApi<WindowStore>>>;
 declare const createWindowStore: (windowId: string, bottomOffsetPx: number) => UseBoundStore<StoreApi<WindowStore>>;
-export { WindowButton, WindowLayout, WorkspaceLayout, createWindowStore, windowRegistry };
+export { Coord, ResizeState, WindowButton, WindowLayout, WindowStates, WindowStore, WorkspaceLayout, createWindowStore, windowRegistry };

package/dist/index.js CHANGED Viewed

@@ -115,8 +115,8 @@ var createWindowStore = (windowId, bottomOffsetPx) => {
       winHeight: window.innerHeight / 2 - bottomOffsetPx / 2,
       winVisualState: "demaximized"
     }),
-    WIN_MIN_WIDTH: 360,
-    WIN_MIN_HEIGHT: 240,
+    WIN_MIN_WIDTH: 232,
+    WIN_MIN_HEIGHT: 128,
     setWIN_MIN_WIDTH: (w) => set({ WIN_MIN_WIDTH: w }),
     setWIN_MIN_HEIGHT: (h) => set({ WIN_MIN_HEIGHT: h })
   }));
@@ -150,15 +150,23 @@ var bringTargetWindowToFront = (targetId) => {
   targetWindow.setZIndex(Object.keys(windowRegistry).length);
   targetWindow.setIsActive(true);
 };
+var getOpenedWindowCount = () => {
+  let openWnidowCount = 0;
+  for (const key of Object.keys(windowRegistry)) {
+    if (!windowRegistry[key].getState().isWinMinimized)
+      openWnidowCount++;
+  }
+  return openWnidowCount;
+};
 // src/window-manager/window-button.tsx
 import { jsx } from "react/jsx-runtime";
 function WindowButton({
   children,
   useWindowStore,
-  styles,
-  closedStyle = "brightness-[85%]",
-  openStyle = "brightness-150"
+  className,
+  isClosedClassName = "brightness-[85%]",
+  isOpenClassName = "brightness-150"
 }) {
   const { openWindow, minimizeWindow, isWinMinimized, windowId, isActive } = useWindowStore();
   const handleOpenCloseWin = () => {
@@ -178,16 +186,16 @@ function WindowButton({
       id: `${windowId}_button`,
       onClick: handleOpenCloseWin,
       className: `
-        ${styles}
-        ${isWinMinimized ? closedStyle : openStyle}`,
+        ${className}
+        ${isWinMinimized ? isClosedClassName : isOpenClassName}`,
       children
     }
   );
 }
-// src/screen-manager/screen-state.ts
+// src/screen-manager/cursor-state.ts
 import { create as create2 } from "zustand";
-var useScreenState = create2((set) => ({
+var useCursorState = create2((set) => ({
   x: 10,
   y: 10,
   setX: (newX) => set({ x: newX }),
@@ -214,7 +222,7 @@ function WindowResizeReset() {
   return /* @__PURE__ */ jsx2(Fragment, {});
 }
 function CursorCoordinates() {
-  const { setX, setY } = useScreenState();
+  const { setX, setY } = useCursorState();
   useEffect(() => {
     const handleWindowPosition = (e) => {
       e.preventDefault();
@@ -249,7 +257,7 @@ import { useEffect as useEffect4, useRef } from "react";
 // src/window-assets/svg-win-icons.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
-function iconWinMaximize() {
+function iconWinMaximize(color) {
   return /* @__PURE__ */ jsx4(
     "svg",
     {
@@ -259,8 +267,8 @@ function iconWinMaximize() {
       width: 24,
       height: 24,
       strokeWidth: 1.5,
-      stroke: "white",
-      color: "white",
+      stroke: color ? color : "#cccccc",
+      color: color ? color : "#cccccc",
       className: "size-6",
       children: /* @__PURE__ */ jsx4(
         "path",
@@ -273,7 +281,7 @@ function iconWinMaximize() {
     }
   );
 }
-function iconWinDemaximize() {
+function iconWinDemaximize(color) {
   return /* @__PURE__ */ jsx4(
     "svg",
     {
@@ -283,8 +291,8 @@ function iconWinDemaximize() {
       width: 24,
       height: 24,
       strokeWidth: 1.5,
-      stroke: "white",
-      color: "white",
+      stroke: color ? color : "#cccccc",
+      color: color ? color : "#cccccc",
       className: "size-6",
       children: /* @__PURE__ */ jsx4(
         "path",
@@ -297,7 +305,7 @@ function iconWinDemaximize() {
     }
   );
 }
-function iconWinMinimize() {
+function iconWinMinimize(color) {
   return /* @__PURE__ */ jsx4(
     "svg",
     {
@@ -307,8 +315,8 @@ function iconWinMinimize() {
       width: 24,
       height: 24,
       strokeWidth: 1.5,
-      stroke: "white",
-      color: "white",
+      stroke: color ? color : "#cccccc",
+      color: color ? color : "#cccccc",
       className: "size-6",
       children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" })
     }
@@ -331,12 +339,13 @@ function DockingControls({ useWindowStore }) {
     dockWindowBottomRight
   } = useWindowStore();
   const [isVisible, setIsVisible] = useState(false);
+  const [isHovering, setIsHovering] = useState(false);
   useEffect2(() => {
     let dealy;
     if (isDragging) {
       dealy = setTimeout(() => {
         setIsVisible(true);
-      }, 400);
+      }, 100);
     } else {
       setIsVisible(false);
     }
@@ -347,14 +356,14 @@ function DockingControls({ useWindowStore }) {
       /* @__PURE__ */ jsx5(
         "button",
         {
-          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-5 rounded-sm",
+          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-10 h-6 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",
+          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-10 h-6 rounded-sm",
           onMouseUp: dockWindowBottomLeft
         }
       )
@@ -363,31 +372,31 @@ function DockingControls({ useWindowStore }) {
       /* @__PURE__ */ jsx5(
         "button",
         {
-          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-5 rounded-sm",
+          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-10 h-6 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",
+          className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-10 h-6 rounded-sm",
           onMouseUp: dockWindowBottomRight
         }
       )
     ] })
   ] });
-  const sideDideControl = /* @__PURE__ */ jsxs3("div", { className: `flex shrink-0 items-center gap-1`, children: [
+  const sideDideControl = /* @__PURE__ */ jsxs3("div", { className: `flex shrink-0 items-center gap-0.5`, children: [
     /* @__PURE__ */ jsx5(
       "button",
       {
-        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-7 h-10 rounded-sm",
+        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-12 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",
+        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-12 rounded-sm",
         onMouseUp: dockWindowRight
       }
     )
@@ -396,41 +405,60 @@ function DockingControls({ useWindowStore }) {
     /* @__PURE__ */ jsx5(
       "button",
       {
-        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-12 h-5 rounded-sm",
+        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-14 h-6 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",
+        className: "hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-14 h-6 rounded-sm",
         onMouseUp: dockWindowBottom
       }
     )
   ] });
-  const windowDockPannel = /* @__PURE__ */ jsxs3(
-    "section",
+  const windowDockPannel = /* @__PURE__ */ jsx5(
+    "span",
     {
-      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
+      className: "pointer-events-auto px-4 pb-4",
+      onMouseOver: () => setIsHovering(true),
+      onMouseLeave: () => setIsHovering(false),
+      children: /* @__PURE__ */ jsxs3(
+        "section",
+        {
+          className: `
+        flex w-fit border border-zinc-600 border-t-0 rounded-b-md bg-zinc-800
+        overflow-hidden px-8 gap-4 h-full py-4
         `,
-      children: [
-        cornerDockControl,
-        horizontalDockControl,
-        sideDideControl
-      ]
+          children: [
+            cornerDockControl,
+            horizontalDockControl,
+            sideDideControl
+          ]
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      className: `
+        ${isVisible ? isHovering ? "top-0 opacity-50" : "top-[-68px] opacity-80" : "top-[-104px] opacity-0"}
+        transition-all duration-500
+        absolute z-50 flex items-center justify-center
+        w-full mx-auto pointer-events-none`,
+      children: windowDockPannel
     }
   );
-  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 { x, y } = useCursorState();
   const {
+    windowId,
     setWinVisualState,
     winCoord,
     setWinCoord,
@@ -481,7 +509,7 @@ function ResizingControls({ useWindowStore, windowRef }) {
     const winBox = windowRef.current?.getBoundingClientRect();
     if (!winBox)
       return;
-    const minWinWidth = winBox.right - x < WIN_MIN_WIDTH;
+    const minWinWidth = winBox.right - x <= WIN_MIN_WIDTH;
     if (minWinWidth)
       return;
     const cursorOutOfBounds = x > window.innerWidth || x < 0;
@@ -491,11 +519,11 @@ function ResizingControls({ useWindowStore, windowRef }) {
     setWinWidth(winWidth + sizeDiff);
     setWinCoord({ pointX: x, pointY: winCoord.pointY });
   };
-  const resizeTopWinHeight = (winXOverride) => {
+  const resizeTopWinHeight = () => {
     const winBox = windowRef.current?.getBoundingClientRect();
     if (!winBox)
       return;
-    const minWinHeight = winBox.bottom - y < WIN_MIN_HEIGHT;
+    const minWinHeight = winBox.bottom - y <= WIN_MIN_HEIGHT;
     if (minWinHeight)
       return;
     const cursorOutOfBounds = y > window.innerHeight || y < 0;
@@ -503,8 +531,7 @@ function ResizingControls({ useWindowStore, windowRef }) {
       return;
     const sizeDiff = winBox.top - y;
     setWinHeight(winHeight + sizeDiff);
-    const winX = winXOverride ? winXOverride : winCoord.pointX;
-    setWinCoord({ pointX: winX, pointY: y });
+    setWinCoord({ pointX: winCoord.pointX, pointY: y });
   };
   const resizeBottomWinHeight = () => {
     const winBox = windowRef.current?.getBoundingClientRect();
@@ -532,18 +559,114 @@ function ResizingControls({ useWindowStore, windowRef }) {
     resizeTopWinHeight();
   };
   const resizeLeftTopWidthAndHeight = () => {
-    resizeLeftWinWidth();
-    resizeTopWinHeight(x);
+    const winBox = windowRef.current?.getBoundingClientRect();
+    if (!winBox)
+      return;
+    const cursorOutOfBoundsY = y > window.innerHeight || y < 0;
+    const cursorOutOfBoundsX = x > window.innerWidth || x < 0;
+    if (cursorOutOfBoundsY || cursorOutOfBoundsX)
+      return;
+    const minWinHeight = winBox.bottom - y <= WIN_MIN_HEIGHT;
+    const minWinWidth = winBox.right - x <= WIN_MIN_WIDTH;
+    setWinCoord({
+      pointX: minWinWidth ? winCoord.pointX : x,
+      pointY: minWinHeight ? winCoord.pointY : y
+    });
+    if (!minWinHeight) {
+      const sizeDiffY = winBox.top - y;
+      setWinHeight(winHeight + sizeDiffY);
+    }
+    if (!minWinWidth) {
+      const sizeDiffX = winBox.left - x;
+      setWinWidth(winWidth + sizeDiffX);
+    }
   };
   const handleResizeClick = (isResizing2) => {
     setIsResizing(isResizing2);
+    setRemoteIsResizing(isResizing2);
+  };
+  const setRemoteIsResizing = (currentResize) => {
+    const tolerance = 4;
+    const allowDistantResize = getOpenedWindowCount() >= 3;
+    for (const key of Object.keys(windowRegistry)) {
+      const remoteWin = windowRegistry[key].getState();
+      const thisWin = windowRegistry[windowId].getState();
+      if (remoteWin.windowId === thisWin.windowId) {
+        continue;
+      }
+      const thisWinStartY = thisWin.winCoord.pointY;
+      const thisWinEndY = thisWin.winCoord.pointY + thisWin.winHeight;
+      const remoteWinStartY = remoteWin.winCoord.pointY;
+      const remoteWinEndY = remoteWin.winCoord.pointY + remoteWin.winHeight;
+      const thisWinStartX = thisWin.winCoord.pointX;
+      const thisWinEndX = thisWin.winCoord.pointX + thisWin.winWidth;
+      const remoteWinStartX = remoteWin.winCoord.pointX;
+      const remoteWinEndX = remoteWin.winCoord.pointX + remoteWin.winWidth;
+      const isRemoteOutside = remoteWinEndY !== thisWinEndY || remoteWinEndX !== thisWinEndX || remoteWinStartY !== thisWinStartY || remoteWinStartX !== thisWinStartX;
+      if (currentResize === "right-width") {
+        const isEdgeAlignedOnXAxis = Math.abs(thisWinEndX - remoteWinStartX) <= tolerance;
+        const isOverlapOnYAxis = thisWinStartY <= remoteWinEndY && thisWinEndY >= remoteWinStartY;
+        const isEdgeResize = allowDistantResize ? isEdgeAlignedOnXAxis : isEdgeAlignedOnXAxis && isOverlapOnYAxis;
+        if (isEdgeResize) {
+          remoteWin.setIsResizing("left-width");
+        }
+        const isRemoteOnSameLane = Math.abs(thisWinEndX - remoteWinEndX) < tolerance && Math.abs(thisWinStartX - remoteWinStartX) < tolerance;
+        const isRemoteEdgeConnected = Math.abs(thisWinEndY - remoteWinStartY) < tolerance || Math.abs(thisWinStartY - remoteWinEndY) < tolerance;
+        const isStackResize = allowDistantResize ? isRemoteOnSameLane && isRemoteOutside : isRemoteOnSameLane && isRemoteEdgeConnected;
+        if (isStackResize) {
+          remoteWin.setIsResizing("right-width");
+        }
+      }
+      if (currentResize === "left-width") {
+        const isEdgeAlignedOnXAxis = Math.abs(thisWinStartX - remoteWinEndX) <= tolerance;
+        const isOverlapOnYAxis = thisWinStartY <= remoteWinEndY && thisWinEndY >= remoteWinStartY;
+        const isEdgeResize = allowDistantResize ? isEdgeAlignedOnXAxis : isEdgeAlignedOnXAxis && isOverlapOnYAxis;
+        if (isEdgeResize) {
+          remoteWin.setIsResizing("right-width");
+        }
+        const isRemoteOnSameLane = Math.abs(thisWinEndX - remoteWinEndX) < tolerance && Math.abs(thisWinStartX - remoteWinStartX) < tolerance;
+        const isRemoteEdgeConnected = Math.abs(thisWinEndY - remoteWinStartY) < tolerance || Math.abs(thisWinStartY - remoteWinEndY) < tolerance;
+        const isStackResize = allowDistantResize ? isRemoteOnSameLane && isRemoteOutside : isRemoteOnSameLane && isRemoteEdgeConnected;
+        if (isStackResize) {
+          remoteWin.setIsResizing("left-width");
+        }
+      }
+      if (currentResize === "top-height") {
+        const isEdgeAlignedOnYAxis = Math.abs(thisWinStartY - remoteWinEndY) <= tolerance;
+        const isOverlapOnXAxis = thisWinStartX <= remoteWinEndX && thisWinEndX >= remoteWinStartX;
+        const isEdgeResize = allowDistantResize ? isEdgeAlignedOnYAxis : isEdgeAlignedOnYAxis && isOverlapOnXAxis;
+        if (isEdgeResize) {
+          remoteWin.setIsResizing("bottom-height");
+        }
+        const isRemoteOnSameLane = Math.abs(thisWinEndY - remoteWinEndY) < tolerance && Math.abs(thisWinStartY - remoteWinStartY) < tolerance;
+        const isRemoteEdgeConnected = Math.abs(thisWinEndX - remoteWinStartX) < tolerance || Math.abs(thisWinStartX - remoteWinEndX) < tolerance;
+        const isStackResize = allowDistantResize ? isRemoteOnSameLane && isRemoteOutside : isRemoteOnSameLane && isRemoteEdgeConnected;
+        if (isStackResize) {
+          remoteWin.setIsResizing("top-height");
+        }
+      }
+      if (currentResize === "bottom-height") {
+        const isEdgeAlignedOnYAxis = Math.abs(thisWinEndY - remoteWinStartY) <= tolerance;
+        const isOverlapOnXAxis = thisWinStartX <= remoteWinEndX && thisWinEndX >= remoteWinStartX;
+        const isEdgeResize = allowDistantResize ? isEdgeAlignedOnYAxis : isEdgeAlignedOnYAxis && isOverlapOnXAxis;
+        if (isEdgeResize) {
+          remoteWin.setIsResizing("top-height");
+        }
+        const isRemoteOnSameLane = Math.abs(thisWinEndY - remoteWinEndY) < tolerance && Math.abs(thisWinStartY - remoteWinStartY) < tolerance;
+        const isRemoteEdgeConnected = Math.abs(thisWinEndX - remoteWinStartX) < tolerance || Math.abs(thisWinStartX - remoteWinEndX) < tolerance;
+        const isStackResize = allowDistantResize ? isRemoteOnSameLane && isRemoteOutside : isRemoteOnSameLane && isRemoteEdgeConnected;
+        if (isStackResize) {
+          remoteWin.setIsResizing("bottom-height");
+        }
+      }
+    }
   };
   return /* @__PURE__ */ jsxs4(Fragment2, { children: [
     /* @__PURE__ */ jsx6(
       "span",
       {
         onMouseDown: () => handleResizeClick("right-width"),
-        id: "win-resize-width",
+        id: "win-resize-right-width",
         className: "fixed w-2 opacity-60 cursor-w-resize z-10",
         style: {
           top: `${winCoord.pointY}px`,
@@ -556,7 +679,7 @@ function ResizingControls({ useWindowStore, windowRef }) {
       "span",
       {
         onMouseDown: () => handleResizeClick("left-width"),
-        id: "win-resize-width",
+        id: "win-resize-left-width",
         className: "fixed w-2 opacity-60 cursor-w-resize z-10",
         style: {
           top: `${winCoord.pointY}px`,
@@ -569,7 +692,7 @@ function ResizingControls({ useWindowStore, windowRef }) {
       "span",
       {
         onMouseDown: () => handleResizeClick("bottom-height"),
-        id: "win-resize-height",
+        id: "win-resize-bottom-height",
         className: "fixed h-2 opacity-60 cursor-s-resize z-10",
         style: {
           top: `${winCoord.pointY + winHeight - 6}px`,
@@ -582,7 +705,7 @@ function ResizingControls({ useWindowStore, windowRef }) {
       "span",
       {
         onMouseDown: () => handleResizeClick("top-height"),
-        id: "win-resize-height",
+        id: "win-resize-top-height",
         className: "fixed h-2 opacity-60 cursor-s-resize z-10",
         style: {
           top: `${winCoord.pointY - 6}px`,
@@ -595,7 +718,7 @@ function ResizingControls({ useWindowStore, windowRef }) {
       "span",
       {
         onMouseDown: () => handleResizeClick("bottom-right-all"),
-        id: "win-resize-all",
+        id: "win-resize-bottom-right-all",
         className: "fixed h-3 w-3 opacity-60 cursor-se-resize z-20",
         style: {
           top: `${winCoord.pointY + winHeight - 8}px`,
@@ -607,7 +730,7 @@ function ResizingControls({ useWindowStore, windowRef }) {
       "span",
       {
         onMouseDown: () => handleResizeClick("bottom-left-all"),
-        id: "win-resize-all",
+        id: "win-resize-bottom-left-all",
         className: "fixed h-3 w-3 opacity-60 cursor-sw-resize z-20",
         style: {
           top: `${winCoord.pointY + winHeight - 8}px`,
@@ -619,7 +742,7 @@ function ResizingControls({ useWindowStore, windowRef }) {
       "span",
       {
         onMouseDown: () => handleResizeClick("top-right-all"),
-        id: "win-resize-all",
+        id: "win-resize-top-right-all",
         className: "fixed h-3 w-3 opacity-60 cursor-ne-resize z-20",
         style: {
           top: `${winCoord.pointY - 6}px`,
@@ -631,7 +754,7 @@ function ResizingControls({ useWindowStore, windowRef }) {
       "span",
       {
         onMouseDown: () => handleResizeClick("top-left-all"),
-        id: "win-resize-all",
+        id: "win-resize-top-left-all",
         className: "fixed h-3 w-3 opacity-60 cursor-nw-resize z-20",
         style: {
           top: `${winCoord.pointY - 6}px`,
@@ -644,22 +767,16 @@ function ResizingControls({ useWindowStore, windowRef }) {
 // 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
+  defaultDock,
+  style
 }) {
-  const { x, y } = useScreenState();
+  const { x, y } = useCursorState();
   const windowRef = useRef(null);
   const {
     windowId,
@@ -712,12 +829,30 @@ function WindowLayout({
       adjustedY = winCoord.pointY;
     setWinCoord({ pointX: adjustedX, pointY: adjustedY });
   }, [isDragging, x, y]);
+  const responsiveBreakInPx = (breakPoint) => {
+    switch (breakPoint) {
+      case "sm":
+        return 640;
+      case "md":
+        return 768;
+      case "lg":
+        return 1024;
+      case "xl":
+        return 1280;
+      case "never":
+        return 0;
+      case "always":
+        return Infinity;
+      default:
+        return breakPoint;
+    }
+  };
   const handleNavbarClick = (isDragging2) => {
     setDragClickOffset({ pointX: x - winCoord.pointX, pointY: y - winCoord.pointY });
     setIsDragging(isDragging2);
   };
   const isMobile = () => {
-    return window.innerWidth < responsiveBreakInPx[responsiveBreak];
+    return window.innerWidth < responsiveBreakInPx(responsiveBreak);
   };
   const handleResizeClick = (isResizing) => {
     setIsResizing(isResizing);
@@ -727,26 +862,32 @@ function WindowLayout({
     {
       className: `block hover:bg-gray-100 hover:bg-opacity-20 px-5 h-full`,
       onClick: demaximizeWindow,
-      children: iconWinDemaximize()
+      children: iconWinDemaximize(style?.navControlsColor)
     }
   ) : /* @__PURE__ */ jsx7(
     "button",
     {
       className: `block hover:bg-gray-100 hover:bg-opacity-20 px-5 h-full`,
       onClick: maximizeWindow,
-      children: iconWinMaximize()
+      children: iconWinMaximize(style?.navControlsColor)
     }
   );
-  const minimizeControl = /* @__PURE__ */ jsx7("button", { className: "hover:bg-red-500 hover:bg-opacity-20 px-5 h-full", onClick: minimizeWindow, children: iconWinMinimize() });
+  const minimizeControl = /* @__PURE__ */ jsx7("button", { className: "hover:bg-red-500 hover:bg-opacity-20 px-5 h-full", onClick: minimizeWindow, children: iconWinMinimize(style?.navControlsColor) });
   return /* @__PURE__ */ jsxs5(Fragment3, { children: [
     !isMobile() && /* @__PURE__ */ jsx7(DockingControls, { useWindowStore }),
     /* @__PURE__ */ jsxs5(
       "div",
       {
-        onMouseDown: () => bringTargetWindowToFront(windowId),
         id: windowId,
         ref: windowRef,
+        className: `fixed bg-white shadow-lg border border-zinc-600 rounded-sm overflow-hidden`,
+        onMouseDown: () => bringTargetWindowToFront(windowId),
+        onMouseUp: () => {
+          handleNavbarClick(false);
+          handleResizeClick(false);
+        },
         style: {
+          backgroundColor: style?.windowBackgroundColor,
           top: `${winCoord.pointY}px`,
           left: `${winCoord.pointX}px`,
           width: `${winWidth}px`,
@@ -758,28 +899,25 @@ function WindowLayout({
           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__ */ jsxs5(
             "nav",
             {
-              className: `h-[32px] w-full bg-neutral-800 flex items-center
-        ${isActive ? "brightness-100 opacity-100" : "brightness-75 opacity-90"}`,
+              style: {
+                backgroundColor: style?.navBackgroundColor
+              },
+              className: `
+            h-[32px] w-full flex items-center bg-neutral-800
+            ${isActive ? "brightness-100 opacity-100" : "brightness-75 opacity-80"}`,
               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", { className: "w-fit shrink-0 h-8 px-2 text-white flex items-center text-sm truncate", children: windowName }),
+                /* @__PURE__ */ jsx7("div", { className: "h-8 px-2 text-white flex items-center text-sm truncate", children: navbarChildren }),
                 /* @__PURE__ */ jsx7(
                   "div",
                   {
                     onMouseDown: () => handleNavbarClick(true),
                     onDoubleClick: maximizeWindow,
-                    className: "w-full h-8 px-2 text-white flex items-center text-sm truncate"
+                    className: "grow min-w-8 h-8 px-2 text-white flex items-center text-sm"
                   }
                 ),
                 !isMobile() && maximizeControl,

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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"]}
1	+ {"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/cursor-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: 232,\r\n WIN_MIN_HEIGHT: 128,\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\r\nexport const getOpenedWindowCount = () => {\r\n let openWnidowCount = 0\r\n\r\n for (const key of Object.keys(windowRegistry)) {\r\n if (!windowRegistry[key].getState().isWinMinimized) openWnidowCount++\r\n }\r\n\r\n return openWnidowCount\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 Prop = {\r\n children: React.ReactNode\r\n useWindowStore: UseBoundStore<StoreApi<WindowStore>>\r\n className?: string\r\n /** @default 'brightness-[85%]' /\r\n isClosedClassName?: string\r\n /* @default 'brightness-150' /\r\n isOpenClassName?: string\r\n}\r\n\r\nexport default function WindowButton({\r\n children,\r\n useWindowStore,\r\n className,\r\n isClosedClassName = 'brightness-[85%]',\r\n isOpenClassName = 'brightness-150',\r\n}: Prop) {\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 ${className} \r\n ${isWinMinimized ? isClosedClassName : isOpenClassName}`}\r\n >\r\n {children}\r\n </button>\r\n )\r\n}\r\n","import { create } from 'zustand'\r\n\r\ntype CursorState = {\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 useCursorState = create<CursorState>((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 { useCursorState } from './cursor-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/* @FixMe 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 } = useCursorState()\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 { useCursorState } from '../screen-manager/cursor-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 './global-actions/window-global-actions'\r\nimport DockingControls from './components/docking-controls'\r\nimport ResizingControls from './components/resizing-controls'\r\n\r\ntype ResponsiveSizes = 'sm' \| 'md' \| 'lg' \| 'xl' \| 'never' \| 'always' \| number\r\ntype StoreProp = {\r\n children: React.ReactNode\r\n windowName: string \| React.ReactNode\r\n useWindowStore: UseBoundStore<StoreApi<WindowStore>>\r\n /\r\n @default 'lg'\r\n * @param sm uses mobile format at 640px\r\n * @param md uses mobile format at 768px\r\n * @param lg uses mobile format at 1024px\r\n * @param xl uses mobile format at 1280px\r\n * @param never never uses mobile format\r\n * @param always always uses mobile format\r\n * @param number set custom break point value in px /\r\n responsiveBreak?: ResponsiveSizes\r\n navbarChildren?: React.ReactNode\r\n defaultDock?: 'right' \| 'left' \| 'full'\r\n\r\n /* @note use CSS values such as hex or supported color names /\r\n style?: {\r\n navBackgroundColor?: string\r\n windowBackgroundColor?: string\r\n navControlsColor?: string\r\n }\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 style,\r\n}: StoreProp) {\r\n const { x, y } = useCursorState()\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 } = 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 responsiveBreakInPx = (breakPoint: ResponsiveSizes): number => {\r\n switch (breakPoint) {\r\n case 'sm':\r\n return 640\r\n case 'md':\r\n return 768\r\n case 'lg':\r\n return 1024\r\n case 'xl':\r\n return 1280\r\n case 'never':\r\n return 0\r\n case 'always':\r\n return Infinity\r\n default:\r\n return breakPoint\r\n }\r\n }\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(style?.navControlsColor)}\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(style?.navControlsColor)}\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(style?.navControlsColor)}\r\n </button>\r\n )\r\n\r\n return (\r\n <>\r\n {!isMobile() && <DockingControls useWindowStore={useWindowStore} />}\r\n <div\r\n id={windowId}\r\n ref={windowRef}\r\n className={`fixed bg-white shadow-lg border border-zinc-600 rounded-sm overflow-hidden`}\r\n onMouseDown={() => bringTargetWindowToFront(windowId)}\r\n onMouseUp={() => {\r\n handleNavbarClick(false)\r\n handleResizeClick(false)\r\n }}\r\n style={{\r\n backgroundColor: style?.windowBackgroundColor,\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 >\r\n <nav\r\n style={{\r\n backgroundColor: style?.navBackgroundColor,\r\n }}\r\n className={`\r\n h-[32px] w-full flex items-center bg-neutral-800\r\n ${isActive ? 'brightness-100 opacity-100' : 'brightness-75 opacity-80'}`}\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 </div>\r\n\r\n <div className=\"h-8 px-2 text-white flex items-center text-sm truncate\">\r\n {navbarChildren}\r\n </div>\r\n\r\n <div\r\n onMouseDown={() => handleNavbarClick(true)}\r\n onDoubleClick={maximizeWindow}\r\n className=\"grow min-w-8 h-8 px-2 text-white flex items-center text-sm\"\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(color?: string) {\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={color ? color : '#cccccc'}\r\n color={color ? color : '#cccccc'}\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(color?: string) {\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={color ? color : '#cccccc'}\r\n color={color ? color : '#cccccc'}\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(color?: string) {\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={color ? color : '#cccccc'}\r\n color={color ? color : '#cccccc'}\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 const [isHovering, setIsHovering] = 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 }, 100)\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-10 h-6 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-10 h-6 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-10 h-6 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-10 h-6 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-0.5`}>\r\n <button\r\n className=\"hover:bg-zinc-300 border border-zinc-500 bg-zinc-600 w-8 h-12 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-8 h-12 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-14 h-6 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-14 h-6 rounded-sm\"\r\n onMouseUp={dockWindowBottom}\r\n ></button>\r\n </div>\r\n )\r\n\r\n const windowDockPannel = (\r\n <span\r\n className=\"pointer-events-auto px-4 pb-4\"\r\n onMouseOver={() => setIsHovering(true)}\r\n onMouseLeave={() => setIsHovering(false)}\r\n >\r\n <section\r\n className={`\r\n flex w-fit border border-zinc-600 border-t-0 rounded-b-md bg-zinc-800 \r\n overflow-hidden px-8 gap-4 h-full py-4 \r\n `}\r\n >\r\n {cornerDockControl}\r\n {horizontalDockControl}\r\n {sideDideControl}\r\n </section>\r\n </span>\r\n )\r\n\r\n return (\r\n <div\r\n className={`\r\n ${\r\n isVisible\r\n ? isHovering\r\n ? 'top-0 opacity-50'\r\n : 'top-[-68px] opacity-80'\r\n : 'top-[-104px] opacity-0'\r\n } \r\n transition-all duration-500\r\n absolute z-50 flex items-center justify-center \r\n w-full mx-auto pointer-events-none`}\r\n >\r\n {windowDockPannel}\r\n </div>\r\n )\r\n}\r\n","import { StoreApi, UseBoundStore } from 'zustand'\r\nimport { Coord, ResizeState, WindowStore } from '../window-types'\r\nimport { useCursorState } from '../../screen-manager/cursor-state'\r\nimport { RefObject, useEffect } from 'react'\r\nimport { windowRegistry } from '../window-store-factory'\r\nimport { getOpenedWindowCount } from '../global-actions/window-global-actions'\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 } = useCursorState()\r\n const {\r\n windowId,\r\n\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 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 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 /\r\n @note this specific case needs it's own logic instead of simply calling\r\n * resizeLeftWinWidth & resizeTopWinHeight. Since both manipulate\r\n * winWidth, winHeight and winCoord, one's logic will override the other\r\n /\r\n const resizeLeftTopWidthAndHeight = () => {\r\n const winBox = windowRef.current?.getBoundingClientRect()\r\n if (!winBox) return\r\n\r\n const cursorOutOfBoundsY = y > window.innerHeight \|\| y < 0\r\n const cursorOutOfBoundsX = x > window.innerWidth \|\| x < 0\r\n if (cursorOutOfBoundsY \|\| cursorOutOfBoundsX) return\r\n\r\n const minWinHeight = winBox.bottom - y <= WIN_MIN_HEIGHT\r\n const minWinWidth = winBox.right - x <= WIN_MIN_WIDTH\r\n\r\n setWinCoord({\r\n pointX: minWinWidth ? winCoord.pointX : x,\r\n pointY: minWinHeight ? winCoord.pointY : y,\r\n })\r\n\r\n if (!minWinHeight) {\r\n const sizeDiffY = winBox.top - y\r\n setWinHeight(winHeight + sizeDiffY)\r\n }\r\n\r\n if (!minWinWidth) {\r\n const sizeDiffX = winBox.left - x\r\n setWinWidth(winWidth + sizeDiffX)\r\n }\r\n }\r\n\r\n const handleResizeClick = (isResizing: ResizeState) => {\r\n setIsResizing(isResizing)\r\n setRemoteIsResizing(isResizing)\r\n }\r\n\r\n /* @FixMe this function is a nice feature, but very complex, needs to be written in a clearer way /\r\n const setRemoteIsResizing = (currentResize: ResizeState) => {\r\n const tolerance = 4\r\n const allowDistantResize = getOpenedWindowCount() >= 3\r\n\r\n for (const key of Object.keys(windowRegistry)) {\r\n const remoteWin = windowRegistry[key].getState()\r\n const thisWin = windowRegistry[windowId].getState()\r\n\r\n if (remoteWin.windowId === thisWin.windowId) {\r\n continue\r\n }\r\n\r\n const thisWinStartY = thisWin.winCoord.pointY\r\n const thisWinEndY = thisWin.winCoord.pointY + thisWin.winHeight\r\n const remoteWinStartY = remoteWin.winCoord.pointY\r\n const remoteWinEndY = remoteWin.winCoord.pointY + remoteWin.winHeight\r\n\r\n const thisWinStartX = thisWin.winCoord.pointX\r\n const thisWinEndX = thisWin.winCoord.pointX + thisWin.winWidth\r\n const remoteWinStartX = remoteWin.winCoord.pointX\r\n const remoteWinEndX = remoteWin.winCoord.pointX + remoteWin.winWidth\r\n\r\n const isRemoteOutside =\r\n remoteWinEndY !== thisWinEndY \|\|\r\n remoteWinEndX !== thisWinEndX \|\|\r\n remoteWinStartY !== thisWinStartY \|\|\r\n remoteWinStartX !== thisWinStartX\r\n /\r\n * thisWin right edge <::::> remoteWin left edge \|\| remoteWin is stacked /\r\n if (currentResize === 'right-width') {\r\n const isEdgeAlignedOnXAxis = Math.abs(thisWinEndX - remoteWinStartX) <= tolerance\r\n const isOverlapOnYAxis = thisWinStartY <= remoteWinEndY && thisWinEndY >= remoteWinStartY\r\n\r\n const isEdgeResize = allowDistantResize\r\n ? isEdgeAlignedOnXAxis\r\n : isEdgeAlignedOnXAxis && isOverlapOnYAxis\r\n if (isEdgeResize) {\r\n remoteWin.setIsResizing('left-width')\r\n }\r\n\r\n const isRemoteOnSameLane =\r\n Math.abs(thisWinEndX - remoteWinEndX) < tolerance &&\r\n Math.abs(thisWinStartX - remoteWinStartX) < tolerance\r\n const isRemoteEdgeConnected =\r\n Math.abs(thisWinEndY - remoteWinStartY) < tolerance \|\|\r\n Math.abs(thisWinStartY - remoteWinEndY) < tolerance\r\n\r\n const isStackResize = allowDistantResize\r\n ? isRemoteOnSameLane && isRemoteOutside\r\n : isRemoteOnSameLane && isRemoteEdgeConnected\r\n if (isStackResize) {\r\n remoteWin.setIsResizing('right-width')\r\n }\r\n }\r\n\r\n /\r\n * thisWin left edge <::::> remoteWin right edge \|\| remoteWin is stacked /\r\n if (currentResize === 'left-width') {\r\n const isEdgeAlignedOnXAxis = Math.abs(thisWinStartX - remoteWinEndX) <= tolerance\r\n const isOverlapOnYAxis = thisWinStartY <= remoteWinEndY && thisWinEndY >= remoteWinStartY\r\n\r\n const isEdgeResize = allowDistantResize\r\n ? isEdgeAlignedOnXAxis\r\n : isEdgeAlignedOnXAxis && isOverlapOnYAxis\r\n if (isEdgeResize) {\r\n remoteWin.setIsResizing('right-width')\r\n }\r\n\r\n const isRemoteOnSameLane =\r\n Math.abs(thisWinEndX - remoteWinEndX) < tolerance &&\r\n Math.abs(thisWinStartX - remoteWinStartX) < tolerance\r\n const isRemoteEdgeConnected =\r\n Math.abs(thisWinEndY - remoteWinStartY) < tolerance \|\|\r\n Math.abs(thisWinStartY - remoteWinEndY) < tolerance\r\n\r\n const isStackResize = allowDistantResize\r\n ? isRemoteOnSameLane && isRemoteOutside\r\n : isRemoteOnSameLane && isRemoteEdgeConnected\r\n if (isStackResize) {\r\n remoteWin.setIsResizing('left-width')\r\n }\r\n }\r\n\r\n /\r\n * thisWin top edge <::::> remoteWin bottom edge \|\| remoteWin is stacked /\r\n if (currentResize === 'top-height') {\r\n const isEdgeAlignedOnYAxis = Math.abs(thisWinStartY - remoteWinEndY) <= tolerance\r\n const isOverlapOnXAxis = thisWinStartX <= remoteWinEndX && thisWinEndX >= remoteWinStartX\r\n\r\n const isEdgeResize = allowDistantResize\r\n ? isEdgeAlignedOnYAxis\r\n : isEdgeAlignedOnYAxis && isOverlapOnXAxis\r\n if (isEdgeResize) {\r\n remoteWin.setIsResizing('bottom-height')\r\n }\r\n\r\n const isRemoteOnSameLane =\r\n Math.abs(thisWinEndY - remoteWinEndY) < tolerance &&\r\n Math.abs(thisWinStartY - remoteWinStartY) < tolerance\r\n const isRemoteEdgeConnected =\r\n Math.abs(thisWinEndX - remoteWinStartX) < tolerance \|\|\r\n Math.abs(thisWinStartX - remoteWinEndX) < tolerance\r\n\r\n const isStackResize = allowDistantResize\r\n ? isRemoteOnSameLane && isRemoteOutside\r\n : isRemoteOnSameLane && isRemoteEdgeConnected\r\n if (isStackResize) {\r\n remoteWin.setIsResizing('top-height')\r\n }\r\n }\r\n\r\n /\r\n * thisWin bottom edge <::::> remoteWin top edge \|\| remoteWin is stacked */\r\n if (currentResize === 'bottom-height') {\r\n const isEdgeAlignedOnYAxis = Math.abs(thisWinEndY - remoteWinStartY) <= tolerance\r\n const isOverlapOnXAxis = thisWinStartX <= remoteWinEndX && thisWinEndX >= remoteWinStartX\r\n\r\n const isEdgeResize = allowDistantResize\r\n ? isEdgeAlignedOnYAxis\r\n : isEdgeAlignedOnYAxis && isOverlapOnXAxis\r\n if (isEdgeResize) {\r\n remoteWin.setIsResizing('top-height')\r\n }\r\n\r\n const isRemoteOnSameLane =\r\n Math.abs(thisWinEndY - remoteWinEndY) < tolerance &&\r\n Math.abs(thisWinStartY - remoteWinStartY) < tolerance\r\n const isRemoteEdgeConnected =\r\n Math.abs(thisWinEndX - remoteWinStartX) < tolerance \|\|\r\n Math.abs(thisWinStartX - remoteWinEndX) < tolerance\r\n\r\n const isStackResize = allowDistantResize\r\n ? isRemoteOnSameLane && isRemoteOutside\r\n : isRemoteOnSameLane && isRemoteEdgeConnected\r\n if (isStackResize) {\r\n remoteWin.setIsResizing('bottom-height')\r\n }\r\n }\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n <span\r\n onMouseDown={() => handleResizeClick('right-width')}\r\n id=\"win-resize-right-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-left-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-bottom-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-top-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-bottom-right-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-bottom-left-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-top-right-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-top-left-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","useEffect","isResizing","Fragment","jsx","jsxs","useEffect","isDragging"]}

package/package.json CHANGED Viewed

@@ -1,7 +1,8 @@
 {
   "name": "@gustavolmo/react-window-manager",
-  "version": "0.1.301",
+  "version": "0.2.000",
   "private": false,
+  "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -13,7 +14,9 @@
     "./*": "./dist/*.js",
     "./index.css": "./dist/index.css"
   },
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
@@ -42,4 +45,4 @@
     "lint": "eslint src --ext .ts,.tsx",
     "publish": "npm publish --access public"
   }
-}
+}