@tauri-controls-v2/svelte 0.4.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 eatham532
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,16 @@
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://github.com/eatham532/tauri-controls-v2/assets/16024979/8ac8cae0-9cde-4b27-af8b-02d949ede7a2">
+  <img alt="Tauri Controls" src="https://github.com/eatham532/tauri-controls-v2/assets/16024979/12f46aa7-72de-4c44-aa4a-0580c73fc73a">
+</picture>
+
+![](https://img.shields.io/bundlephobia/min/@tauri-controls-v2/svelte)
+![](https://img.shields.io/bundlephobia/minzip/@tauri-controls-v2/svelte)
+![](https://img.shields.io/npm/dt/@tauri-controls-v2/svelte)
+
+## @tauri-controls-v2/svelte
+
+```bash
+pnpm add @tauri-controls-v2/svelte
+```
+
+https://github.com/eatham532/tauri-controls-v2

package/dist/WindowControls.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">import { osType } from "./utils/os";
+import { cn } from "./utils/utils";
+import { initializeAppWindow } from "./utils/window";
+import Gnome from "./controls/linux/Gnome.svelte";
+import MacOs from "./controls/MacOs.svelte";
+import Windows from "./controls/Windows.svelte";
+import { onMount } from "svelte";
+export let platform = "windows";
+export let hide = false;
+export let hideMethod = "display";
+export let justify = false;
+onMount(() => {
+  initializeAppWindow();
+});
+const customClass = cn(
+  "tauri-controls flex",
+  $$props.class,
+  hide && (hideMethod === "display" ? "hidden" : "invisible")
+);
+if (!platform) {
+  switch (osType) {
+    case "macos":
+      platform = "macos";
+      break;
+    case "linux":
+      platform = "gnome";
+      break;
+    default:
+      platform = "windows";
+  }
+}
+</script>
+
+{#if platform === "windows"}
+  <Windows {...$$props} class={cn(customClass, justify && "ml-auto")} />
+{:else if platform === "macos"}
+  <MacOs {...$$props} class={cn(customClass, justify && "ml-0")} />
+{:else if platform === "gnome"}
+  <Gnome {...$$props} class={cn(customClass, justify && "ml-auto")} />
+{:else}
+  <Windows {...$$props} class={cn(customClass, justify && "ml-auto")} />
+{/if}

package/dist/WindowControls.svelte.d.ts

@@ -0,0 +1,25 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const WindowControls: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
+    platform?: string | undefined;
+    hide?: boolean | undefined;
+    hideMethod?: string | undefined;
+    justify?: boolean | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type WindowControls = InstanceType<typeof WindowControls>;
+export default WindowControls;
+//# sourceMappingURL=WindowControls.svelte.d.ts.map

package/dist/WindowControls.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowControls.svelte.d.ts","sourceRoot":"","sources":["../src/lib/WindowControls.svelte.ts"],"names":[],"mappings":"AA8DA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,cAAc;;;;;;;;kBAAsG,CAAC;AACzG,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC5D,eAAe,cAAc,CAAC"}

package/dist/WindowTitlebar.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">import { osType } from "./utils/os";
+import { cn } from "./utils/utils";
+import WindowControls from "./WindowControls.svelte";
+export let controlsOrder = "system";
+export let windowControlsProps = {};
+const left = controlsOrder === "left" || controlsOrder === "platform" && windowControlsProps?.platform === "macos" || controlsOrder === "system" && osType === "macos";
+const props = (ml) => {
+  if (windowControlsProps?.justify !== void 0) return windowControlsProps;
+  const {
+    justify: windowControlsJustify,
+    class: windowControlsClass,
+    ...restProps
+  } = windowControlsProps;
+  return {
+    justify: false,
+    class: cn(windowControlsClass, ml),
+    ...restProps
+  };
+};
+</script>
+
+<div
+  {...$$props}
+  class={cn(
+    "tauri-controls bg-background flex select-none flex-row overflow-hidden",
+    $$props.class
+  )}
+  data-tauri-drag-region
+>
+  {#if left}
+    <WindowControls {...props("ml-0")} />
+    <slot />
+  {:else}
+    <slot />
+    <WindowControls {...props("ml-auto")} />
+  {/if}
+</div>

package/dist/WindowTitlebar.svelte.d.ts

@@ -0,0 +1,33 @@
+import type { WindowControlsProps } from "./types";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const WindowTitlebar: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    controlsOrder?: string | undefined;
+    windowControlsProps?: WindowControlsProps | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type WindowTitlebar = InstanceType<typeof WindowTitlebar>;
+export default WindowTitlebar;
+//# sourceMappingURL=WindowTitlebar.svelte.d.ts.map

package/dist/WindowTitlebar.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowTitlebar.svelte.d.ts","sourceRoot":"","sources":["../src/lib/WindowTitlebar.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAiDlD,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,cAAc;;;0BAfsI,mBAAmB;;;;;;;cAe7C,CAAC;AAC/G,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC5D,eAAe,cAAc,CAAC"}

package/dist/components/Button.svelte

@@ -0,0 +1,14 @@
+<script>
+  import { cn } from "../utils/utils"
+</script>
+
+<button
+  on:click
+  {...$$props}
+  class={cn(
+    "inline-flex cursor-default items-center justify-center",
+    $$props.class
+  )}
+>
+  <slot />
+</button>

package/dist/components/Button.svelte.d.ts

@@ -0,0 +1,44 @@
+export default Button;
+type Button = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+}, {
+    default: {};
+}>, {
+    click: PointerEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
+declare const Button: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+}, {
+    default: {};
+}>, {
+    click: PointerEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=Button.svelte.d.ts.map

package/dist/components/Button.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Button.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAgCA;;;;;;;;;;eAAiI;sCAT3F,KAAK,EAAE,KAAK;;;;;6CALL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/components/Icons.svelte

@@ -0,0 +1,133 @@
+<script>
+  export let icon = ""
+</script>
+
+{#if icon === "minimizeWin"}
+  <svg
+    width="10"
+    height="1"
+    viewBox="0 0 10 1"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...$$props}
+  >
+    <path
+      d="M0.498047 1.00098C0.429688 1.00098 0.364583 0.987956 0.302734 0.961914C0.244141 0.935872 0.192057 0.900065 0.146484 0.854492C0.100911 0.808919 0.0651042 0.756836 0.0390625 0.698242C0.0130208 0.636393 0 0.571289 0 0.50293C0 0.43457 0.0130208 0.371094 0.0390625 0.3125C0.0651042 0.250651 0.100911 0.19694 0.146484 0.151367C0.192057 0.102539 0.244141 0.0651042 0.302734 0.0390625C0.364583 0.0130208 0.429688 0 0.498047 0H9.50195C9.57031 0 9.63379 0.0130208 9.69238 0.0390625C9.75423 0.0651042 9.80794 0.102539 9.85352 0.151367C9.89909 0.19694 9.9349 0.250651 9.96094 0.3125C9.98698 0.371094 10 0.43457 10 0.50293C10 0.571289 9.98698 0.636393 9.96094 0.698242C9.9349 0.756836 9.89909 0.808919 9.85352 0.854492C9.80794 0.900065 9.75423 0.935872 9.69238 0.961914C9.63379 0.987956 9.57031 1.00098 9.50195 1.00098H0.498047Z"
+      fill="currentColor"
+      fill-opacity="0.8956"
+    />
+  </svg>
+{:else if icon === "maximizeWin"}
+  <svg
+    width="10"
+    height="10"
+    viewBox="0 0 10 10"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...$$props}
+  >
+    <path
+      d="M1.47461 10.001C1.2793 10.001 1.09212 9.96191 0.913086 9.88379C0.734049 9.80241 0.576172 9.69499 0.439453 9.56152C0.30599 9.4248 0.198568 9.26693 0.117188 9.08789C0.0390625 8.90885 0 8.72168 0 8.52637V1.47559C0 1.28027 0.0390625 1.0931 0.117188 0.914062C0.198568 0.735026 0.30599 0.578776 0.439453 0.445312C0.576172 0.308594 0.734049 0.201172 0.913086 0.123047C1.09212 0.0416667 1.2793 0.000976562 1.47461 0.000976562H8.52539C8.7207 0.000976562 8.90788 0.0416667 9.08691 0.123047C9.26595 0.201172 9.4222 0.308594 9.55566 0.445312C9.69238 0.578776 9.7998 0.735026 9.87793 0.914062C9.95931 1.0931 10 1.28027 10 1.47559V8.52637C10 8.72168 9.95931 8.90885 9.87793 9.08789C9.7998 9.26693 9.69238 9.4248 9.55566 9.56152C9.4222 9.69499 9.26595 9.80241 9.08691 9.88379C8.90788 9.96191 8.7207 10.001 8.52539 10.001H1.47461ZM8.50098 9C8.56934 9 8.63281 8.98698 8.69141 8.96094C8.75326 8.9349 8.80697 8.89909 8.85254 8.85352C8.89811 8.80794 8.93392 8.75586 8.95996 8.69727C8.986 8.63542 8.99902 8.57031 8.99902 8.50195V1.5C8.99902 1.43164 8.986 1.36816 8.95996 1.30957C8.93392 1.24772 8.89811 1.19401 8.85254 1.14844C8.80697 1.10286 8.75326 1.06706 8.69141 1.04102C8.63281 1.01497 8.56934 1.00195 8.50098 1.00195H1.49902C1.43066 1.00195 1.36556 1.01497 1.30371 1.04102C1.24512 1.06706 1.19303 1.10286 1.14746 1.14844C1.10189 1.19401 1.06608 1.24772 1.04004 1.30957C1.014 1.36816 1.00098 1.43164 1.00098 1.5V8.50195C1.00098 8.57031 1.014 8.63542 1.04004 8.69727C1.06608 8.75586 1.10189 8.80794 1.14746 8.85352C1.19303 8.89909 1.24512 8.9349 1.30371 8.96094C1.36556 8.98698 1.43066 9 1.49902 9H8.50098Z"
+      fill="currentColor"
+      fill-opacity="0.8956"
+    />
+  </svg>
+{:else if icon === "maximizeRestoreWin"}
+  <svg
+    width="10"
+    height="11"
+    viewBox="0 0 10 11"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...$$props}
+  >
+    <path
+      d="M8.99902 2.98096C8.99902 2.71077 8.94531 2.45687 8.83789 2.21924C8.73047 1.97835 8.58398 1.77002 8.39844 1.59424C8.21615 1.4152 8.00293 1.27523 7.75879 1.17432C7.5179 1.07015 7.264 1.01807 6.99707 1.01807H2.08496C2.13704 0.868327 2.21029 0.731608 2.30469 0.60791C2.39909 0.484212 2.50814 0.378418 2.63184 0.290527C2.75553 0.202637 2.89062 0.135905 3.03711 0.090332C3.18685 0.0415039 3.34147 0.0170898 3.50098 0.0170898H6.99707C7.41048 0.0170898 7.79948 0.0968424 8.16406 0.256348C8.52865 0.412598 8.84603 0.625814 9.11621 0.895996C9.38965 1.16618 9.60449 1.48356 9.76074 1.84814C9.92025 2.21273 10 2.60173 10 3.01514V6.51611C10 6.67562 9.97559 6.83024 9.92676 6.97998C9.88118 7.12646 9.81445 7.26156 9.72656 7.38525C9.63867 7.50895 9.53288 7.618 9.40918 7.7124C9.28548 7.8068 9.14876 7.88005 8.99902 7.93213V2.98096ZM1.47461 10.0171C1.2793 10.0171 1.09212 9.97803 0.913086 9.8999C0.734049 9.81852 0.576172 9.7111 0.439453 9.57764C0.30599 9.44092 0.198568 9.28304 0.117188 9.104C0.0390625 8.92497 0 8.73779 0 8.54248V3.49365C0 3.29508 0.0390625 3.10791 0.117188 2.93213C0.198568 2.75309 0.30599 2.59684 0.439453 2.46338C0.576172 2.32666 0.732422 2.21924 0.908203 2.14111C1.08724 2.05973 1.27604 2.01904 1.47461 2.01904H6.52344C6.72201 2.01904 6.91081 2.05973 7.08984 2.14111C7.26888 2.21924 7.42513 2.32503 7.55859 2.4585C7.69206 2.59196 7.79785 2.74821 7.87598 2.92725C7.95736 3.10628 7.99805 3.29508 7.99805 3.49365V8.54248C7.99805 8.74105 7.95736 8.92985 7.87598 9.10889C7.79785 9.28467 7.69043 9.44092 7.55371 9.57764C7.42025 9.7111 7.264 9.81852 7.08496 9.8999C6.90918 9.97803 6.72201 10.0171 6.52344 10.0171H1.47461ZM6.49902 9.01611C6.56738 9.01611 6.63086 9.00309 6.68945 8.97705C6.7513 8.95101 6.80501 8.9152 6.85059 8.86963C6.89941 8.82406 6.93685 8.77197 6.96289 8.71338C6.98893 8.65153 7.00195 8.58643 7.00195 8.51807V3.51807C7.00195 3.44971 6.98893 3.3846 6.96289 3.32275C6.93685 3.2609 6.90104 3.20719 6.85547 3.16162C6.8099 3.11605 6.75618 3.08024 6.69434 3.0542C6.63249 3.02816 6.56738 3.01514 6.49902 3.01514H1.49902C1.43066 3.01514 1.36556 3.02816 1.30371 3.0542C1.24512 3.08024 1.19303 3.11768 1.14746 3.1665C1.10189 3.21208 1.06608 3.26579 1.04004 3.32764C1.014 3.38623 1.00098 3.44971 1.00098 3.51807V8.51807C1.00098 8.58643 1.014 8.65153 1.04004 8.71338C1.06608 8.77197 1.10189 8.82406 1.14746 8.86963C1.19303 8.9152 1.24512 8.95101 1.30371 8.97705C1.36556 9.00309 1.43066 9.01611 1.49902 9.01611H6.49902Z"
+      fill="currentColor"
+      fill-opacity="0.8956"
+    />
+  </svg>
+{:else if icon === "closeWin"}
+  <svg
+    width="10"
+    height="10"
+    viewBox="0 0 10 10"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...$$props}
+  >
+    <path
+      d="M5 5.70898L0.854492 9.85449C0.756836 9.95215 0.639648 10.001 0.50293 10.001C0.359701 10.001 0.239258 9.95378 0.141602 9.85938C0.0472005 9.76172 0 9.64128 0 9.49805C0 9.36133 0.0488281 9.24414 0.146484 9.14648L4.29199 5.00098L0.146484 0.855469C0.0488281 0.757812 0 0.638997 0 0.499023C0 0.430664 0.0130208 0.36556 0.0390625 0.303711C0.0651042 0.241862 0.100911 0.189779 0.146484 0.147461C0.192057 0.101888 0.245768 0.0660807 0.307617 0.0400391C0.369466 0.0139974 0.43457 0.000976562 0.50293 0.000976562C0.639648 0.000976562 0.756836 0.0498047 0.854492 0.147461L5 4.29297L9.14551 0.147461C9.24316 0.0498047 9.36198 0.000976562 9.50195 0.000976562C9.57031 0.000976562 9.63379 0.0139974 9.69238 0.0400391C9.75423 0.0660807 9.80794 0.101888 9.85352 0.147461C9.89909 0.193034 9.9349 0.246745 9.96094 0.308594C9.98698 0.367188 10 0.430664 10 0.499023C10 0.638997 9.95117 0.757812 9.85352 0.855469L5.70801 5.00098L9.85352 9.14648C9.95117 9.24414 10 9.36133 10 9.49805C10 9.56641 9.98698 9.63151 9.96094 9.69336C9.9349 9.75521 9.89909 9.80892 9.85352 9.85449C9.8112 9.90007 9.75911 9.93587 9.69727 9.96191C9.63542 9.98796 9.57031 10.001 9.50195 10.001C9.36198 10.001 9.24316 9.95215 9.14551 9.85449L5 5.70898Z"
+      fill="currentColor"
+      fill-opacity="0.8956"
+    />
+  </svg>
+{:else if icon === "closeMac"}
+  <svg
+    width="6"
+    height="6"
+    viewBox="0 0 16 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...$$props}
+  >
+    <path
+      d="M15.7522 4.44381L11.1543 9.04165L15.7494 13.6368C16.0898 13.9771 16.078 14.5407 15.724 14.8947L13.8907 16.728C13.5358 17.0829 12.9731 17.0938 12.6328 16.7534L8.03766 12.1583L3.44437 16.7507C3.10402 17.091 2.54132 17.0801 2.18645 16.7253L0.273257 14.8121C-0.0807018 14.4572 -0.0925004 13.8945 0.247845 13.5542L4.84024 8.96087L0.32499 4.44653C-0.0153555 4.10619 -0.00355681 3.54258 0.350402 3.18862L2.18373 1.35529C2.53859 1.00042 3.1013 0.989533 3.44164 1.32988L7.95689 5.84422L12.5556 1.24638C12.8951 0.906035 13.4587 0.917833 13.8126 1.27179L15.7267 3.18589C16.0807 3.53985 16.0925 4.10346 15.7522 4.44381Z"
+      fill="currentColor"
+    />
+  </svg>
+{:else if icon === "minMac"}
+  <svg
+    width="8"
+    height="8"
+    viewBox="0 0 17 6"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...$$props}
+  >
+    <g clip-path="url(#clip0_20_2051)">
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M1.47211 1.18042H15.4197C15.8052 1.18042 16.1179 1.50551 16.1179 1.90769V3.73242C16.1179 4.13387 15.8052 4.80006 15.4197 4.80006H1.47211C1.08665 4.80006 0.773926 4.47497 0.773926 4.07278V1.90769C0.773926 1.50551 1.08665 1.18042 1.47211 1.18042Z"
+        fill="currentColor"
+      />
+    </g>
+  </svg>
+{:else if icon === "fullMac"}
+  <svg
+    width="6"
+    height="6"
+    viewBox="0 0 15 15"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...$$props}
+  >
+    <g clip-path="url(#clip0_20_2057)">
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M3.53068 0.433838L15.0933 12.0409C15.0933 12.0409 15.0658 5.35028 15.0658 4.01784C15.0658 1.32095 14.1813 0.433838 11.5378 0.433838C10.6462 0.433838 3.53068 0.433838 3.53068 0.433838ZM12.4409 15.5378L0.87735 3.93073C0.87735 3.93073 0.905794 10.6214 0.905794 11.9538C0.905794 14.6507 1.79024 15.5378 4.43291 15.5378C5.32535 15.5378 12.4409 15.5378 12.4409 15.5378Z"
+        fill="currentColor"
+      />
+    </g>
+  </svg>
+{:else if icon === "plusMac"}
+  <svg
+    width="8"
+    height="8"
+    viewBox="0 0 17 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...$$props}
+  >
+    <g clip-path="url(#clip0_20_2053)">
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M15.5308 9.80147H10.3199V15.0095C10.3199 15.3949 9.9941 15.7076 9.59265 15.7076H7.51555C7.11337 15.7076 6.78828 15.3949 6.78828 15.0095V9.80147H1.58319C1.19774 9.80147 0.88501 9.47638 0.88501 9.07419V6.90619C0.88501 6.50401 1.19774 6.17892 1.58319 6.17892H6.78828V1.06183C6.78828 0.676375 7.11337 0.363647 7.51555 0.363647H9.59265C9.9941 0.363647 10.3199 0.676375 10.3199 1.06183V6.17892H15.5308C15.9163 6.17892 16.229 6.50401 16.229 6.90619V9.07419C16.229 9.47638 15.9163 9.80147 15.5308 9.80147Z"
+        fill="currentColor"
+      />
+    </g>
+  </svg>
+{/if}

package/dist/components/Icons.svelte.d.ts

@@ -0,0 +1,29 @@
+export default Icons;
+type Icons = SvelteComponent<{
+    [x: string]: any;
+    icon?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Icons: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
+    icon?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=Icons.svelte.d.ts.map

package/dist/components/Icons.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Icons.svelte.js"],"names":[],"mappings":";;;;;;;;;AA0DA;;;;;mBAAoI;6CATvF,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/controls/MacOs.svelte

@@ -0,0 +1,101 @@
+<script>
+  import Button from "../components/Button.svelte"
+  import Icons from "../components/Icons.svelte"
+  import { cn } from "../utils/utils"
+  import {
+    closeWindow,
+    fullscreenWindow,
+    initializeAppWindow,
+    maximizeWindow,
+    minimizeWindow
+  } from "../utils/window"
+  import { BROWSER } from "esm-env"
+  import { onDestroy, onMount } from "svelte"
+
+  onMount(async () => {
+    await initializeAppWindow()
+  })
+
+  const isWindowMaximized = 0
+  let isHovering = false
+
+  const handleMouseEnter = () => {
+    isHovering = true
+  }
+
+  const handleMouseLeave = () => {
+    isHovering = false
+  }
+  let isAltKeyPressed = false
+
+  const key = "Alt"
+
+  const handleAltKeyDown = (e) => {
+    if (e.key === key) {
+      isAltKeyPressed = true
+    }
+  }
+
+  const handleAltKeyUp = (e) => {
+    if (e.key === key) {
+      isAltKeyPressed = false
+    }
+  }
+
+  // Attach event listeners when the component mounts
+  if (BROWSER) {
+    onMount(() => {
+      window.addEventListener("keydown", handleAltKeyDown)
+      window.addEventListener("keyup", handleAltKeyUp)
+    })
+  }
+
+  // Clean up event listeners when the component is unmounted
+  if (BROWSER) {
+    onDestroy(() => {
+      window.removeEventListener("keydown", handleAltKeyDown)
+      window.removeEventListener("keyup", handleAltKeyUp)
+    })
+  }
+</script>
+
+<div
+  role="button"
+  tabindex="0"
+  {...$$props}
+  on:mouseenter={handleMouseEnter}
+  on:mouseleave={handleMouseLeave}
+  class={cn(
+    "cursor-default space-x-2 px-3 text-black active:text-black dark:text-black",
+    $$props.class
+  )}
+>
+  <Button
+    on:click={closeWindow}
+    class="aspect-square h-3 w-3 content-center items-center justify-center self-center rounded-full border border-black/12 bg-[#ff544d] text-center text-black/60 hover:bg-[#ff544d] active:bg-[#bf403a] active:text-black/60 dark:border-none"
+  >
+    {#if isHovering}
+      <Icons icon="closeMac" />
+    {/if}
+  </Button>
+  <Button
+    on:click={minimizeWindow}
+    class="aspect-square h-3 w-3 content-center items-center justify-center self-center rounded-full border border-black/12  bg-[#ffbd2e] text-center text-black/60 hover:bg-[#ffbd2e] active:bg-[#bf9122] active:text-black/60 dark:border-none"
+  >
+    {#if isHovering}
+      <Icons icon="minMac" />
+    {/if}
+  </Button>
+  <Button
+    on:click={isAltKeyPressed ? maximizeWindow : fullscreenWindow}
+    class="aspect-square h-3 w-3 content-center items-center justify-center self-center rounded-full border border-black/12 bg-[#28c93f] text-center text-black/60 hover:bg-[#28c93f] active:bg-[#1e9930] active:text-black/60 dark:border-none"
+  >
+    {#if isHovering}
+      {#if isAltKeyPressed}
+        <Icons icon="plusMac" />
+      {:else}
+        <Icons icon="fullMac" />
+      {/if}
+    {/if}
+  </Button>
+</div>

package/dist/controls/MacOs.svelte.d.ts

@@ -0,0 +1,27 @@
+export default MacOs;
+type MacOs = SvelteComponent<{
+    [x: string]: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const MacOs: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=MacOs.svelte.d.ts.map

package/dist/controls/MacOs.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MacOs.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/controls/MacOs.svelte.js"],"names":[],"mappings":";;;;;;;;AA2GA;;;;mBAA0H;6CAT7E,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/controls/Windows.svelte

@@ -0,0 +1,46 @@
+<script>
+  import Button from "../components/Button.svelte"
+  import Icons from "../components/Icons.svelte"
+  import { cn } from "../utils/utils"
+  import {
+    closeWindow,
+    initializeAppWindow,
+    isWindowMaximized,
+    maximizeWindow,
+    minimizeWindow
+  } from "../utils/window"
+  import { onMount } from "svelte"
+
+  onMount(async () => {
+    await initializeAppWindow()
+  })
+</script>
+
+<div {...$$props} class={cn("h-8 select-none", $$props.class)}>
+  <Button
+    on:click={() => minimizeWindow()}
+    class="max-h-8 w-[46px] cursor-default rounded-none bg-transparent text-black/90 hover:bg-black/5 active:bg-black/3  dark:text-white dark:hover:bg-white/6 dark:active:bg-white/4"
+  >
+    <Icons icon="minimizeWin" />
+  </Button>
+  <Button
+    on:click={() => maximizeWindow()}
+    class={cn(
+      "max-h-8 w-[46px] cursor-default rounded-none bg-transparent",
+      "text-black/90 hover:bg-black/5 active:bg-black/3 dark:text-white dark:hover:bg-white/6 dark:active:bg-white/4"
+      // !isMaximizable && "text-white/36",
+    )}
+  >
+    {#if $isWindowMaximized}
+      <Icons icon="maximizeRestoreWin" />
+    {:else}
+      <Icons icon="maximizeWin" />
+    {/if}
+  </Button>
+  <Button
+    on:click={() => closeWindow()}
+    class="max-h-8 w-[46px] cursor-default rounded-none bg-transparent text-black/90 hover:bg-[#c42b1c] hover:text-white active:bg-[#c42b1c]/90 dark:text-white"
+  >
+    <Icons icon="closeWin" />
+  </Button>
+</div>

package/dist/controls/Windows.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Windows;
+type Windows = SvelteComponent<{
+    [x: string]: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Windows: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=Windows.svelte.d.ts.map

package/dist/controls/Windows.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Windows.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/controls/Windows.svelte.js"],"names":[],"mappings":";;;;;;;;AA0DA;;;;mBAA4H;6CAT/E,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/controls/linux/Gnome.svelte

@@ -0,0 +1,46 @@
+<script>
+  import Button from "../../components/Button.svelte"
+  import Icons from "../../components/Icons.svelte"
+  import { cn } from "../../utils/utils"
+  import {
+    closeWindow,
+    initializeAppWindow,
+    maximizeWindow,
+    minimizeWindow
+  } from "../../utils/window"
+  import { onMount } from "svelte"
+
+  onMount(async () => {
+    await initializeAppWindow()
+  })
+
+  const isWindowMaximized = 0
+</script>
+
+<div
+  {...$$props}
+  class={cn("mr-[10px] h-auto items-center space-x-[13px]", $$props.class)}
+>
+  <Button
+    on:click={() => minimizeWindow()}
+    class="m-0 aspect-square h-6 w-6 cursor-default rounded-full bg-[#dadada] p-0 text-[#3d3d3d] hover:bg-[#d1d1d1] active:bg-[#bfbfbf] dark:bg-[#373737] dark:text-white dark:hover:bg-[#424242] dark:active:bg-[#565656]"
+  >
+    <Icons icon="minimizeWin" class="h-[9px] w-[9px]" />
+  </Button>
+  <Button
+    on:click={() => maximizeWindow()}
+    class="m-0 aspect-square h-6 w-6 cursor-default rounded-full bg-[#dadada] p-0 text-[#3d3d3d] hover:bg-[#d1d1d1] active:bg-[#bfbfbf] dark:bg-[#373737] dark:text-white dark:hover:bg-[#424242] dark:active:bg-[#565656]"
+  >
+    {#if isWindowMaximized}
+      <Icons icon="maximizeRestoreWin" class="h-[9px] w-[9px]" />
+    {:else}
+      <Icons icon="maximizeWin" class="h-2 w-2" />
+    {/if}
+  </Button>
+  <Button
+    on:click={() => closeWindow()}
+    class="m-0 aspect-square h-6 w-6 cursor-default rounded-full bg-[#dadada] p-0 text-[#3d3d3d] hover:bg-[#d1d1d1] active:bg-[#bfbfbf] dark:bg-[#373737] dark:text-white dark:hover:bg-[#424242] dark:active:bg-[#565656]"
+  >
+    <Icons icon="closeWin" class="h-2 w-2" />
+  </Button>
+</div>

package/dist/controls/linux/Gnome.svelte.d.ts

@@ -0,0 +1,27 @@
+export default Gnome;
+type Gnome = SvelteComponent<{
+    [x: string]: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Gnome: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=Gnome.svelte.d.ts.map

package/dist/controls/linux/Gnome.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gnome.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/controls/linux/Gnome.svelte.js"],"names":[],"mappings":";;;;;;;;AAuDA;;;;mBAA0H;6CAT7E,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/index.css

@@ -0,0 +1,35 @@
+@import "tailwindcss/theme";
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+.tauri-controls {
+  @import "tailwindcss";
+
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    font-family: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    font-size: 100%;
+    font-weight: inherit;
+    line-height: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    margin: 0;
+    padding: 0;
+    background-color: transparent;
+    border-radius: 0;
+    appearance: none;
+    -webkit-appearance: none;
+    border: none;
+    outline: none;
+    cursor: default;
+  }
+
+  * {
+    box-sizing: border-box;
+  }
+}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import "./index.css";
+import WindowControls from "./WindowControls.svelte";
+import WindowTitlebar from "./WindowTitlebar.svelte";
+export type { WindowControlsProps, WindowTitlebarProps } from "./types";
+export { WindowControls, WindowTitlebar };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AACpB,OAAO,cAAc,MAAM,4BAA4B,CAAA;AACvD,OAAO,cAAc,MAAM,4BAA4B,CAAA;AAEvD,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEvE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}

package/dist/index.js

@@ -0,0 +1,4 @@
+import "./index.css";
+import WindowControls from "./WindowControls.svelte";
+import WindowTitlebar from "./WindowTitlebar.svelte";
+export { WindowControls, WindowTitlebar };

package/dist/types.d.ts

@@ -0,0 +1,69 @@
+import type { HTMLAttributes } from "svelte/elements";
+/**
+ * Interface for window controls.
+ * If the `platform` property is not specified, the library will automatically detect
+ * the operating system the app is running on and display the appropriate elements.
+ */
+export interface WindowControlsProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Specifies which platform's window controls to display.
+     * It can be one of "windows", "macos", or "gnome".
+     * If the `platform` property is not specified, the library will automatically detect
+     * the operating system the app is running on and display the appropriate elements.
+     */
+    platform?: "windows" | "macos" | "gnome";
+    /**
+     * Indicates whether the window controls should be shown or hidden.
+     * (default: false)
+     */
+    hide?: boolean;
+    /**
+     * - "display": "display: none;" making them completely invisible and not taking up any space.
+     * - "visibility": "visibility: hidden;" making them invisible but still occupying the same space.
+     * (default: "display")
+     */
+    hideMethod?: "display" | "visibility";
+    /**
+     * Justify/Snap WindowControls
+     *
+     * @default false, (if not defined in WindowTitlebar automatically assigned)
+     */
+    justify?: boolean;
+    /**
+     * Specifies the Linux desktop environment for which the window controls are intended.
+     * This property is applicable only when the platform is set to "linux".
+     * (default: "gnome")
+     */
+    /**
+     * Indicates whether to prevent the right-click context menu.
+     * When set to true, it will prevent the default right-click behavior.
+     * (only in production, default false)
+     */
+    /** `data-tauri-drag-region` */
+    "data-tauri-drag-region"?: boolean;
+}
+/**
+ * Interface for titlebar
+ */
+export interface WindowTitlebarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The `controlsOrder` property is an optional property used in the `WindowControls` interface.
+     * It allows you to specify the order in which the window controls should be rendered relative to the children.
+     * (default: system)
+     *
+     * When `controlsOrder` is not specified or set to `system`, the default behavior will be as follows:
+     * - For platforms other than macOS, the controls will be on the right side of the children.
+     * - For macOS, the controls will be on the left side of the children (similar to "left" option).
+     *
+     * Possible values for `controlsOrder`:
+     * - "right": The window controls will be rendered to the right of the children.
+     * - "left": The window controls will be rendered to the left of the children. This order applies only when the platform is macOS (macOS window controls are usually located on the left side of the title bar).
+     * - "platform": for OS-based positioning specified in `windowControlsProps`
+     */
+    controlsOrder?: "right" | "left" | "platform" | "system";
+    /**
+     * `WindowControls` props
+     */
+    windowControlsProps?: WindowControlsProps;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD;;;;GAIG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IAExC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,YAAY,CAAA;IAErC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IAGH;;;;OAIG;IAGH,+BAA+B;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAA;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE;;;;;;;;;;;;;OAaG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAA;IAExD;;OAEG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAA;CAC1C"}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/os.d.ts

@@ -0,0 +1,4 @@
+import { type OsType } from "@tauri-apps/plugin-os";
+export declare let osType: OsType;
+export declare function getOsType(): Promise<OsType>;
+//# sourceMappingURL=os.d.ts.map

package/dist/utils/os.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"os.d.ts","sourceRoot":"","sources":["../../src/lib/utils/os.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAEzD,eAAO,IAAI,MAAM,EAAE,MAAM,CAAA;AAMzB,wBAAsB,SAAS,IAAI,OAAO,CAAC,MAAM,CAAC,CAGjD"}

package/dist/utils/os.js

@@ -0,0 +1,10 @@
+import { type } from "@tauri-apps/plugin-os";
+export let osType;
+if (typeof window !== "undefined") {
+    type().then((x) => (osType = x));
+}
+export async function getOsType() {
+    if (osType)
+        return osType;
+    return await type();
+}

package/dist/utils/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/utils/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/dist/utils/window.d.ts

@@ -0,0 +1,9 @@
+import { type Writable } from "svelte/store";
+export declare let appWindow: Writable<any>;
+export declare let isWindowMaximized: Writable<boolean>;
+export declare const initializeAppWindow: () => Promise<void>;
+export declare const minimizeWindow: () => void;
+export declare const maximizeWindow: () => Promise<void>;
+export declare const closeWindow: () => void;
+export declare const fullscreenWindow: () => Promise<void>;
+//# sourceMappingURL=window.d.ts.map

package/dist/utils/window.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../src/lib/utils/window.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAA;AAE3D,eAAO,IAAI,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAuB,CAAA;AACzD,eAAO,IAAI,iBAAiB,EAAE,QAAQ,CAAC,OAAO,CAAmB,CAAA;AAEjE,eAAO,MAAM,mBAAmB,qBAe/B,CAAA;AAED,eAAO,MAAM,cAAc,YAE1B,CAAA;AAED,eAAO,MAAM,cAAc,qBAE1B,CAAA;AAED,eAAO,MAAM,WAAW,YAEvB,CAAA;AAED,eAAO,MAAM,gBAAgB,qBAM5B,CAAA"}

package/dist/utils/window.js

@@ -0,0 +1,33 @@
+import { get, writable } from "svelte/store";
+export let appWindow = writable(undefined);
+export let isWindowMaximized = writable(false);
+export const initializeAppWindow = async () => {
+    if (typeof window !== "undefined") {
+        import("@tauri-apps/api").then(async (mod) => {
+            const appWin = mod.window.getCurrentWindow();
+            appWindow.set(appWin);
+            const maximized = await appWin.isMaximized();
+            isWindowMaximized.set(maximized);
+            await appWin.onResized(async () => {
+                const maximized = await appWin.isMaximized();
+                isWindowMaximized.set(maximized);
+            });
+        });
+    }
+};
+export const minimizeWindow = () => {
+    get(appWindow)?.minimize();
+};
+export const maximizeWindow = async () => {
+    await get(appWindow)?.toggleMaximize();
+};
+export const closeWindow = () => {
+    get(appWindow)?.close();
+};
+export const fullscreenWindow = async () => {
+    const currentWindow = get(appWindow);
+    if (currentWindow) {
+        const fullscreen = await currentWindow.isFullscreen();
+        await currentWindow.setFullscreen(!fullscreen);
+    }
+};

package/package.json

@@ -0,0 +1,100 @@
+{
+  "name": "@tauri-controls-v2/svelte",
+  "description": "🚥 Native-looking window controls for Tauri 2.",
+  "private": false,
+  "version": "0.4.1",
+  "type": "module",
+  "license": "MIT",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run package",
+    "build:tailwind": "tailwind -c ./tailwind-build.config.js -i ./src/lib/index.css -o ./dist/index.css",
+    "build:watch": "vite build --watch",
+    "preview": "vite preview",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "prepublishOnly": "npm run package",
+    "test": "npm run test:integration && npm run test:unit",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "prettier --check . && eslint .",
+    "format": "prettier --write  --plugin prettier-plugin-svelte .",
+    "test:integration": "playwright test",
+    "test:unit": "vitest",
+    "sw": "svelte-package -w",
+    "tauri": "tauri",
+    "tauri:dev": "tauri dev"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/eatham532/tauri-controls-v2.git"
+  },
+  "author": "eatham532",
+  "bugs": {
+    "url": "https://github.com/eatham532/tauri-controls-v2/issues"
+  },
+  "homepage": "https://github.com/eatham532/tauri-controls-v2#readme",
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "WindowControls.svelte": "./dist/WindowControls.svelte",
+      "WindowTitlebar.svelte": "./dist/WindowTitlebar.svelte"
+    }
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@ianvs/prettier-plugin-sort-imports": "^4.7.1",
+    "@playwright/test": "^1.50.1",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@sveltejs/adapter-auto": "^4.0.0",
+    "@sveltejs/kit": "^2.17.3",
+    "@sveltejs/package": "^2.5.7",
+    "@tailwindcss/vite": "^4.2.0",
+    "@tauri-apps/api": "^2.1.0",
+    "@tauri-apps/cli": "^2.1.0",
+    "@tauri-apps/plugin-os": "^2.1.0",
+    "@types/node": "^25.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.21.0",
+    "@typescript-eslint/parser": "^8.21.0",
+    "clsx": "^2.1.1",
+    "eslint": "^9.17.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-svelte": "^3.15.0",
+    "esm-env": "^1.2.2",
+    "postcss": "^8.5.6",
+    "prettier": "^3.5.2",
+    "prettier-plugin-svelte": "^3.5.0",
+    "prettier-plugin-tailwindcss": "^0.7.2",
+    "publint": "^0.3.17",
+    "rollup-plugin-svelte": "^7.2.3",
+    "svelte": "^5.20.0",
+    "svelte-check": "^4.1.0",
+    "svelte-eslint-parser": "^1.4.1",
+    "tailwind-merge": "^3.0.1",
+    "tailwindcss": "^4.2.0",
+    "taze": "^19.9.2",
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.56.0",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.0.7"
+  },
+  "peerDependencies": {
+    "clsx": "^2.1.1",
+    "svelte": "^5.0.0",
+    "tailwind-merge": "^3.0.1"
+  }
+}