@stubber/ui 1.7.3 → 1.8.1

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

@@ -6,9 +6,9 @@ export default class PrimaryButton extends SvelteComponent<{
     color?: string | undefined;
     variant?: string | undefined;
     icon?: string | undefined;
-    width?: string | undefined;
     disabled?: boolean | undefined;
     type?: string | undefined;
+    width?: string | undefined;
 }, {
     mouseout: MouseEvent;
     mouseover: MouseEvent;
@@ -29,9 +29,9 @@ declare const __propDef: {
         color?: string | undefined;
         variant?: string | undefined;
         icon?: string | undefined;
-        width?: string | undefined;
         disabled?: boolean | undefined;
         type?: string | undefined;
+        width?: string | undefined;
     };
     events: {
         mouseout: MouseEvent;

package/dist/components/input/input.svelte

@@ -7,10 +7,9 @@ export let readonly = void 0;
 
 <input
   class={cn(
-    "border-input bg-white bg-opacity-[15] ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full rounded-md border px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+    "border-input bg-background selection:bg-primary dark:bg-input/30 selection:text-primary-foreground ring-offset-background placeholder:text-muted-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-[invalid]:border-destructive aria-[invalid]:ring-destructive/50 aria-[invalid]:focus-visible:ring-destructive/50",
     className
   )}
-  style="box-shadow: inset 0px 16px 16px -16px rgba(0, 0, 0, 0.1333);"
   bind:value
   {readonly}
   on:blur

package/dist/composites/account-menu/account-menu.svelte

@@ -0,0 +1,100 @@
+<script>
+  import { Button } from "../../components/button/index";
+  import * as Popover from "../../components/popover/index";
+  import { badgeVariants } from "../../components/badge/index";
+  import Tooltip from "../../components/Tooltip.svelte";
+  import StubberIcon from "../../assets/stubber-icon.svg";
+  import DocsIcon from "../../assets/docs-icon.svg";
+  import { createEventDispatcher } from "svelte";
+
+  export let avatarUrl = "";
+  export let profileName = "";
+  export let stubberhandle = "";
+  export let settingsUrl = "";
+
+  const dispatch = createEventDispatcher();
+
+  let tooltip = "Copy stubberhandle";
+
+  function handle_copy_stubberhandle() {
+    navigator.clipboard.writeText(stubberhandle);
+    dispatch("copied", { stubberhandle });
+    tooltip = "Copied!";
+    setTimeout(() => {
+      tooltip = "Copy stubberhandle";
+    }, 2000);
+  }
+</script>
+
+<Popover.Root>
+  <Popover.Trigger asChild let:builder>
+    <Button builders={[builder]} variant="ghost" class="h-full aspect-square">
+      {#if avatarUrl}
+        <img
+          class="rounded-full w-7 h-7 object-cover"
+          src={avatarUrl}
+          alt=""
+          width="28"
+          height="28"
+        />
+      {:else}
+        <img
+          class="rounded-full"
+          src={`https://ui-avatars.com/api/?name=${profileName}&background=3b82f6&color=fff`}
+          width="28px"
+          alt=""
+        />
+      {/if}
+    </Button>
+  </Popover.Trigger>
+  <Popover.Content class="w-auto p-0">
+    <div class="w-[230px] border border-surface-100 rounded-lg">
+      <div class="p-2 pt-6 bg-surface-50 flex flex-col gap-4 items-center rounded-t-lg">
+        <img width="25px" src={StubberIcon} alt="stubber" />
+        <h3 class="text-lg text-surface-900">{profileName}</h3>
+        <Tooltip>
+          <span slot="subject">
+            <button
+              on:click={handle_copy_stubberhandle}
+              class="${badgeVariants({
+                variant: 'outline',
+              })} focus:ring-transparent border-primary text-primary"
+            >
+              {stubberhandle}
+            </button>
+          </span>
+          <span slot="tooltip">{tooltip}</span>
+        </Tooltip>
+
+        <Button href={settingsUrl} target="_blank" variant="link" class="w-full">
+          Personal Settings
+        </Button>
+      </div>
+      <div class="p-2.5 bg-white border-b border-surface-100">
+        <Button
+          variant="ghost"
+          href="https://docs.stubber.com"
+          target="_blank"
+          class="w-full flex items-center justify-start h-[40px] space-x-3 text-surface-900 hover:bg-surface-50 rounded-lg px-4"
+        >
+          <div class="flex justify-center items-center w-5 h-5">
+            <img height="16px" src={DocsIcon} alt="stubber docs" />
+          </div>
+          Documentation
+        </Button>
+      </div>
+      <div class="p-2.5 bg-white rounded-b-lg">
+        <Button
+          variant="ghost"
+          on:click={() => dispatch("logout")}
+          class="w-full flex items-center justify-start h-[40px] space-x-3 text-surface-900 hover:bg-surface-50 rounded-lg px-4"
+        >
+          <div class="flex justify-center items-center w-5 h-5">
+            <i class="far fa-arrow-right-from-bracket" />
+          </div>
+          Log out
+        </Button>
+      </div>
+    </div>
+  </Popover.Content>
+</Popover.Root>

package/dist/composites/account-menu/account-menu.svelte.d.ts

@@ -0,0 +1,37 @@
+/** @typedef {typeof __propDef.props}  AccountMenuProps */
+/** @typedef {typeof __propDef.events}  AccountMenuEvents */
+/** @typedef {typeof __propDef.slots}  AccountMenuSlots */
+export default class AccountMenu extends SvelteComponent<{
+    avatarUrl?: string | undefined;
+    profileName?: string | undefined;
+    stubberhandle?: string | undefined;
+    settingsUrl?: string | undefined;
+}, {
+    logout: CustomEvent<any>;
+    copied: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type AccountMenuProps = typeof __propDef.props;
+export type AccountMenuEvents = typeof __propDef.events;
+export type AccountMenuSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        avatarUrl?: string | undefined;
+        profileName?: string | undefined;
+        stubberhandle?: string | undefined;
+        settingsUrl?: string | undefined;
+    };
+    events: {
+        logout: CustomEvent<any>;
+        copied: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: undefined;
+    bindings?: undefined;
+};
+export {};

package/dist/composites/account-menu/index.d.ts

@@ -0,0 +1,2 @@
+import AccountMenu from "./account-menu.svelte";
+export { AccountMenu };

package/dist/composites/account-menu/index.js

@@ -0,0 +1,2 @@
+import AccountMenu from "./account-menu.svelte";
+export { AccountMenu };

package/dist/composites/app-switcher/app-switcher.svelte

@@ -0,0 +1,40 @@
+<script>import { Button } from "../../components/button/index";
+import * as Popover from "../../components/popover/index";
+export let consoleOrigin = "";
+export let stubsOrigin = "";
+export let builderOrigin = "";
+let stubsUrl = `${stubsOrigin}/_/inbox/assigned`;
+let consoleUrl = `${consoleOrigin}/_/contacts`;
+let builderUrl = `${builderOrigin}/_/drive/folders`;
+</script>
+
+<Popover.Root>
+  <Popover.Trigger asChild let:builder>
+    <Button builders={[builder]} variant="ghost" class="h-full aspect-square">
+      <i class="fa-lg fa-fw fa-solid fa-grid-2 text-surface-700" />
+    </Button>
+  </Popover.Trigger>
+  <Popover.Content class="w-auto p-5 space-y-2">
+    <!-- Stubs -->
+    <Button href={stubsUrl} class="h-20 w-20" variant="ghost">
+      <div class="flex flex-col items-center space-y-2 text-surface-700">
+        <i class="fa-regular fa-list-tree fa-2x" />
+        <p class="text-label">Stubs</p>
+      </div>
+    </Button>
+    <!-- Console -->
+    <Button href={consoleUrl} class="h-20 w-20" variant="ghost">
+      <div class="flex flex-col items-center space-y-2 text-surface-700">
+        <i class="fa-solid fa-sliders-simple fa-2x" />
+        <p class="text-label">Console</p>
+      </div>
+    </Button>
+    <!-- Builder -->
+    <Button href={builderUrl} class="h-20 w-20" variant="ghost">
+      <div class="flex flex-col items-center space-y-2 text-surface-700">
+        <i class="fa-regular fa-diagram-subtask fa-2x" />
+        <p class="text-label">Builder</p>
+      </div>
+    </Button>
+  </Popover.Content>
+</Popover.Root>

package/dist/composites/app-switcher/app-switcher.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        consoleOrigin?: string;
+        stubsOrigin?: string;
+        builderOrigin?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type AppSwitcherProps = typeof __propDef.props;
+export type AppSwitcherEvents = typeof __propDef.events;
+export type AppSwitcherSlots = typeof __propDef.slots;
+export default class AppSwitcher extends SvelteComponent<AppSwitcherProps, AppSwitcherEvents, AppSwitcherSlots> {
+}
+export {};

package/dist/composites/app-switcher/index.d.ts

@@ -0,0 +1,2 @@
+import AppSwitcher from "./app-switcher.svelte";
+export { AppSwitcher };

package/dist/composites/app-switcher/index.js

@@ -0,0 +1,2 @@
+import AppSwitcher from "./app-switcher.svelte";
+export { AppSwitcher };

package/dist/composites/org-switcher/index.d.ts

@@ -0,0 +1,2 @@
+import OrgSwitcher from "./org-switcher.svelte";
+export { OrgSwitcher };

package/dist/composites/org-switcher/index.js

@@ -0,0 +1,2 @@
+import OrgSwitcher from "./org-switcher.svelte";
+export { OrgSwitcher };

package/dist/{components/OrgSwitcher.svelte → composites/org-switcher/org-switcher.svelte}

@@ -2,10 +2,10 @@
   import { createEventDispatcher, tick } from "svelte";
   import { slide } from "svelte/transition";
   import { quintOut } from "svelte/easing";
-  import * as Popover from "./popover/index";
-  import * as Command from "./command/index";
-  import * as Tooltip from "./tooltip/index";
-  import { Button } from "./button/index";
+  import * as Popover from "../../components/popover/index";
+  import * as Command from "../../components/command/index";
+  import * as Tooltip from "../../components/tooltip/index";
+  import { Button } from "../../components/button/index";
   import { toast } from "svelte-sonner";
 
   export let orgs = [];
@@ -28,7 +28,7 @@
 
   // Filter orgs based on search
   $: filteredOrgs = orgs.filter((org) =>
-    org.label.toLowerCase().includes(searchValue.toLowerCase())
+    org.label.toLowerCase().includes(searchValue.toLowerCase()),
   );
 
   function selectOrg(orguuid) {
@@ -140,7 +140,7 @@
       <Command.Input placeholder="Search organizations..." bind:value={searchValue} />
       <Command.Empty>No organizations found.</Command.Empty>
       <Command.Group class="max-h-80 overflow-y-auto">
-        {#each filteredOrgs as org}
+        {#each filteredOrgs as org (org.orguuid)}
           <div class="relative group">
             <Command.Item
               value={org.orguuid}

package/dist/index.d.ts

@@ -1,8 +1,5 @@
 export { default as HorizontalTabs } from "./components/HorizontalTabs.svelte";
-export { default as ProfileMenu } from "./components/ProfileMenu.svelte";
 export { default as Breadcrumbs } from "./components/Breadcrumbs.svelte";
-export { default as OrgSwitcher } from "./components/OrgSwitcher.svelte";
-export { default as OrgSwitcherNew } from "./components/OrgSwitcherNew.svelte";
 export { default as Checkbox } from "./components/fields/Checkbox.svelte";
 export { default as Radio } from "./components/fields/Radio.svelte";
 export { default as SideNavItem } from "./components/SideNav/SideNavItem.svelte";

package/dist/index.js

@@ -4,10 +4,7 @@
 // export { default as IconButton } from "./components/IconButton.svelte";
 // export { default as Chip } from "./components/Chip.svelte";
 export { default as HorizontalTabs } from "./components/HorizontalTabs.svelte";
-export { default as ProfileMenu } from "./components/ProfileMenu.svelte";
 export { default as Breadcrumbs } from "./components/Breadcrumbs.svelte";
-export { default as OrgSwitcher } from "./components/OrgSwitcher.svelte";
-export { default as OrgSwitcherNew } from "./components/OrgSwitcherNew.svelte";
 export { default as Checkbox } from "./components/fields/Checkbox.svelte";
 export { default as Radio } from "./components/fields/Radio.svelte";
 export { default as SideNavItem } from "./components/SideNav/SideNavItem.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stubber/ui",
-  "version": "1.7.3",
+  "version": "1.8.1",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && pnpm run package && node ./fix_dts_imports.js",
@@ -23,6 +23,10 @@
     "./*": {
       "types": "./dist/components/*/index.d.ts",
       "svelte": "./dist/components/*/index.js"
+    },
+    "./composites/*": {
+      "types": "./dist/composites/*/index.d.ts",
+      "svelte": "./dist/composites/*/index.js"
     }
   },
   "files": [

package/dist/components/NavProfile.svelte

@@ -1,70 +0,0 @@
-<script>
-  import { createEventDispatcher } from "svelte";
-  import { clickOutside } from "../utils/actions.js";
-
-  export let avatarLink = "";
-  export let manageLink = "";
-
-  const dispatch = createEventDispatcher();
-
-  //states
-  let isMenu = false;
-
-  const toggleMenu = () => {
-    isMenu = !isMenu;
-  };
-
-  function closeMenu() {
-    if (isMenu) {
-      isMenu = false;
-    }
-  }
-</script>
-
-<button
-  use:clickOutside={closeMenu}
-  on:click={toggleMenu}
-  id="user-profile-btn"
-  class="h-full aspect-square flex items-center justify-center hover:bg-surface-100 focus:bg-surface-50"
->
-  <div
-    class="rounded-full {isMenu ? 'outline outline-2 outline-offset-1 outline-primary-100' : ''}"
-  >
-    {#if avatarLink}
-      <img class="rounded-full" src={avatarLink} width="28px" alt="" />
-    {:else}
-      <div class="h-9 aspect-square bg-surface-100 rounded-full text-center" />
-    {/if}
-  </div>
-</button>
-
-<!-- Menu -->
-{#if isMenu}
-  <div
-    class="absolute z-20 divide-y top-[49px] right-0 w-60 border border-surface-200 bg-surface-0 shadow-md rounded-b-md"
-    on:click={(e) => {
-      e.stopImmediatePropagation();
-    }}
-    on:keypress={(e) => {
-      e.stopImmediatePropagation();
-    }}
-  >
-    <div>
-      <a
-        href={manageLink}
-        class="w-full px-4 py-3 space-x-2 flex flex-row items-center text-left text-surface-700 hover:text-surface-900 focus:text-surface-700 hover:bg-surface-100 focus:outline-none focus:bg-surface-100"
-      >
-        <i class="fa-regular fa-lg fa-fw fa-cog" />
-        <p class="text-button">Settings</p>
-      </a>
-    </div>
-    <button
-      on:click={dispatch("logout")}
-      id="logout-btn"
-      class="w-full px-4 py-3 space-x-2 flex flex-row items-center text-left text-surface-700 hover:text-surface-900 focus:text-surface-700 hover:bg-surface-100 focus:outline-none focus:bg-surface-100"
-    >
-      <i class="fa-regular fa-lg fa-fw fa-right-from-bracket" />
-      <p class="text-button">Logout</p>
-    </button>
-  </div>
-{/if}

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

@@ -1,31 +0,0 @@
-/** @typedef {typeof __propDef.props}  NavProfileProps */
-/** @typedef {typeof __propDef.events}  NavProfileEvents */
-/** @typedef {typeof __propDef.slots}  NavProfileSlots */
-export default class NavProfile extends SvelteComponent<{
-    manageLink?: string | undefined;
-    avatarLink?: string | undefined;
-}, {
-    logout: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type NavProfileProps = typeof __propDef.props;
-export type NavProfileEvents = typeof __propDef.events;
-export type NavProfileSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        manageLink?: string | undefined;
-        avatarLink?: string | undefined;
-    };
-    events: {
-        logout: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};

package/dist/components/OrgSwitcherNew.svelte

@@ -1,213 +0,0 @@
-<script>
-  import { createEventDispatcher, tick } from "svelte";
-  import * as Popover from "./popover/index";
-  import * as Command from "./command/index";
-  import * as Tooltip from "./tooltip/index";
-  import { Button } from "./button/index";
-  import { toast } from "svelte-sonner";
-
-  export let orgs = [];
-  export let selectedorguuid = undefined;
-  export let createOrgLink = "";
-  export let loading = false;
-
-  $: selectedOrg = orgs.find((org) => org.orguuid === selectedorguuid);
-
-  const dispatch = createEventDispatcher();
-  const alertColorMap = {
-    error: "danger-500",
-    warning: "warning-500",
-    success: "success-500",
-  };
-
-  // Combobox state
-  let open = false;
-  let searchValue = "";
-
-  // Filter orgs based on search
-  $: filteredOrgs = orgs.filter((org) =>
-    org.label.toLowerCase().includes(searchValue.toLowerCase())
-  );
-
-  function selectOrg(orguuid) {
-    dispatch("selectOrg", orguuid);
-  }
-
-  function closeAndFocusTrigger(triggerId) {
-    open = false;
-    searchValue = "";
-    tick().then(() => {
-      document.getElementById(triggerId)?.focus();
-    });
-  }
-
-  function copyToClipboard(uuid, event) {
-    if (event) {
-      event.stopPropagation();
-      event.preventDefault();
-    }
-    navigator.clipboard.writeText(uuid);
-    toast.success("UUID copied to clipboard!");
-  }
-</script>
-
-<Popover.Root bind:open let:ids>
-  <Popover.Trigger asChild let:builder>
-    <Button
-      builders={[builder]}
-      id={ids.trigger}
-      variant="outline"
-      role="combobox"
-      aria-expanded={open}
-      class="w-full sm:w-[280px] pl-3 pr-3 py-2 h-auto border-surface-100 transition-colors group justify-start"
-    >
-      <div class="flex items-center w-full">
-        <div class="flex items-center justify-center mr-3">
-          {#if selectedOrg?.filesrc && !loading}
-            <img
-              class="h-[25px] w-[25px] object-cover rounded-full"
-              src={selectedOrg.filesrc}
-              alt={selectedOrg.label}
-            />
-          {:else if selectedOrg?.placeholderColor}
-            <div
-              class="h-[25px] w-[25px] rounded-full"
-              style="background-color: {selectedOrg.placeholderColor}"
-            />
-          {:else}
-            <div class="h-[25px] w-[25px] rounded-full bg-surface-100" />
-          {/if}
-        </div>
-
-        {#if loading}
-          <span class="h-[25px] w-40 bg-surface-100 rounded-md" />
-        {:else}
-          <div class="w-full text-left truncate">
-            <p class="text-label text-surface-900 truncate">
-              {selectedOrg?.label ?? "No Org"}
-            </p>
-            {#if selectedOrg?.alert}
-              <div class="flex items-center space-x-1">
-                <span
-                  class="h-[6px] w-[6px] bg-{alertColorMap[selectedOrg.alert?.type]} rounded-full"
-                />
-                <p class="text-small italic text-{alertColorMap[selectedOrg.alert?.type]}">
-                  {selectedOrg.alert?.message}
-                </p>
-              </div>
-            {/if}
-          </div>
-        {/if}
-
-        {#if selectedOrg}
-          <Tooltip.Root openDelay={0} disableHoverableContent={true}>
-            <Tooltip.Trigger>
-              <div
-                class="opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-opacity ml-2 mr-2"
-              >
-                <i
-                  role="button"
-                  tabindex="0"
-                  on:click={(e) => {
-                    e.stopPropagation();
-                    copyToClipboard(selectedOrg.orguuid, e);
-                  }}
-                  on:keydown={(e) => {
-                    if (e.key === "Enter" || e.key === " ") {
-                      e.stopPropagation();
-                      copyToClipboard(selectedOrg.orguuid, e);
-                    }
-                  }}
-                  class="far fa-copy text-surface-400 cursor-pointer"
-                />
-              </div>
-            </Tooltip.Trigger>
-            <Tooltip.Content>Copy UUID</Tooltip.Content>
-          </Tooltip.Root>
-        {/if}
-      </div>
-    </Button>
-  </Popover.Trigger>
-
-  <Popover.Content class="w-full sm:w-[280px] p-0">
-    <Command.Root shouldFilter={false}>
-      <Command.Input placeholder="Search organizations..." bind:value={searchValue} />
-      <Command.Empty>No organizations found.</Command.Empty>
-      <Command.Group>
-        {#each filteredOrgs as org}
-          <div class="relative group">
-            <Command.Item
-              value={org.orguuid}
-              onSelect={() => {
-                selectOrg(org.orguuid);
-                closeAndFocusTrigger(ids.trigger);
-              }}
-              class="pr-12"
-            >
-              <div class="flex items-center w-full">
-                <div class="flex items-center justify-center mr-3">
-                  {#if org.filesrc}
-                    <img
-                      class="h-[25px] w-[25px] object-cover rounded-full"
-                      src={org.filesrc}
-                      alt={org.label}
-                    />
-                  {:else if org.placeholderColor}
-                    <div
-                      class="h-[25px] w-[25px] rounded-full"
-                      style="background-color: {org.placeholderColor}"
-                    />
-                  {:else}
-                    <div class="h-[25px] w-[25px] rounded-full bg-surface-100" />
-                  {/if}
-                </div>
-
-                <div class="flex-1 text-left">
-                  <p class="text-label text-surface-900">
-                    {org.label}
-                  </p>
-                  {#if org.alert}
-                    <div class="flex items-center space-x-1">
-                      <span
-                        class="h-[6px] w-[6px] bg-{alertColorMap[org.alert.type]} rounded-full"
-                      />
-                      <p class="text-small italic text-{alertColorMap[org.alert.type]}">
-                        {org.alert?.message}
-                      </p>
-                    </div>
-                  {/if}
-                </div>
-              </div>
-            </Command.Item>
-
-            <!-- Copy button positioned absolutely -->
-            <div class="absolute right-2 top-1/2 -translate-y-1/2">
-              <Button
-                variant="ghost"
-                size="icon"
-                class="h-8 w-8 opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-opacity"
-                on:click={(e) => {
-                  e.stopPropagation();
-                  copyToClipboard(org.orguuid, e);
-                }}
-              >
-                <i class="far fa-copy text-surface-400" />
-              </Button>
-            </div>
-          </div>
-        {/each}
-      </Command.Group>
-
-      {#if createOrgLink}
-        <Command.Separator />
-        <a
-          href={createOrgLink}
-          class="flex items-center px-8 py-2 text-sm text-primary-500 hover:bg-accent rounded-sm"
-        >
-          <i class="far fa-plus mr-2" />
-          <span>Create org</span>
-        </a>
-      {/if}
-    </Command.Root>
-  </Popover.Content>
-</Popover.Root>

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

@@ -1,35 +0,0 @@
-/** @typedef {typeof __propDef.props}  OrgSwitcherNewProps */
-/** @typedef {typeof __propDef.events}  OrgSwitcherNewEvents */
-/** @typedef {typeof __propDef.slots}  OrgSwitcherNewSlots */
-export default class OrgSwitcherNew extends SvelteComponent<{
-    orgs?: any[] | undefined;
-    selectedorguuid?: any;
-    createOrgLink?: string | undefined;
-    loading?: boolean | undefined;
-}, {
-    selectOrg: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type OrgSwitcherNewProps = typeof __propDef.props;
-export type OrgSwitcherNewEvents = typeof __propDef.events;
-export type OrgSwitcherNewSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        orgs?: any[] | undefined;
-        selectedorguuid?: any;
-        createOrgLink?: string | undefined;
-        loading?: boolean | undefined;
-    };
-    events: {
-        selectOrg: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};

package/dist/components/ProfileMenu.svelte

@@ -1,58 +0,0 @@
-<script>
-  import StubberIcon from "../assets/stubber-icon.svg";
-  import DocsIcon from "../assets/docs-icon.svg";
-  import PrimaryButton from "./PrimaryButton.svelte";
-  import Chip from "./Chip.svelte";
-  import { createEventDispatcher } from "svelte";
-  import Tooltip from "./Tooltip.svelte";
-
-  export let manageLink = "";
-  export let documentationLink = "";
-  export let profileName = "";
-  export let stubberhandle = "";
-
-  const dispatch = createEventDispatcher();
-</script>
-
-<div class="w-[230px] [&>*]:w-full border border-surface-100 rounded-lg">
-  <div class="p-2.5 bg-surface-50 flex flex-col items-center rounded-t-lg">
-    <img class="mt-5 mb-[23px]" width="25px" src={StubberIcon} alt="stubber" />
-    <h3 class="mb-2 text-heading-6 font-normal text-center text-surface-900">{profileName}</h3>
-    <Tooltip>
-      <span slot="subject">
-        <Chip
-          on:click={() => dispatch("copystubberhandle")}
-          label={stubberhandle}
-          color="success"
-        />
-      </span>
-      <span slot="tooltip"> Copy stubberhandle </span>
-    </Tooltip>
-    <a class="mt-[17px] w-full" href={manageLink}>
-      <PrimaryButton label="Personal Settings" variant="secondary-transparent" width="full" />
-    </a>
-  </div>
-  <a href={documentationLink}>
-    <div class="p-2.5 bg-white border-b border-surface-100">
-      <button
-        class="w-full flex items-center h-[40px] space-x-4 text-surface-900 hover:bg-surface-50 rounded-lg"
-      >
-        <button class="h-10 flex justify-center items-center aspect-square">
-          <img height="16px" src={DocsIcon} alt="stubber docs" />
-        </button>
-        <span class="text-button font-normal">Documentation</span>
-      </button>
-    </div>
-  </a>
-  <div class="p-2.5 bg-white rounded-b-lg">
-    <button
-      on:click={() => dispatch("logout")}
-      class="w-full flex items-center h-[40px] space-x-4 text-surface-900 hover:bg-surface-50 rounded-lg"
-    >
-      <button class="h-10 aspect-square">
-        <i class="far fa-arrow-right-from-bracket" />
-      </button>
-      <span class="text-button font-normal">Log out</span>
-    </button>
-  </div>
-</div>

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

@@ -1,37 +0,0 @@
-/** @typedef {typeof __propDef.props}  ProfileMenuProps */
-/** @typedef {typeof __propDef.events}  ProfileMenuEvents */
-/** @typedef {typeof __propDef.slots}  ProfileMenuSlots */
-export default class ProfileMenu extends SvelteComponent<{
-    manageLink?: string | undefined;
-    documentationLink?: string | undefined;
-    profileName?: string | undefined;
-    stubberhandle?: string | undefined;
-}, {
-    copystubberhandle: CustomEvent<any>;
-    logout: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type ProfileMenuProps = typeof __propDef.props;
-export type ProfileMenuEvents = typeof __propDef.events;
-export type ProfileMenuSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        manageLink?: string | undefined;
-        documentationLink?: string | undefined;
-        profileName?: string | undefined;
-        stubberhandle?: string | undefined;
-    };
-    events: {
-        copystubberhandle: CustomEvent<any>;
-        logout: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};

package/dist/components/input-new/index.d.ts

@@ -1,23 +0,0 @@
-import Root from "./input.svelte";
-export type FormInputEvent<T extends Event = Event> = T & {
-    currentTarget: EventTarget & HTMLInputElement;
-};
-export type InputEvents = {
-    blur: FormInputEvent<FocusEvent>;
-    change: FormInputEvent<Event>;
-    click: FormInputEvent<MouseEvent>;
-    focus: FormInputEvent<FocusEvent>;
-    focusin: FormInputEvent<FocusEvent>;
-    focusout: FormInputEvent<FocusEvent>;
-    keydown: FormInputEvent<KeyboardEvent>;
-    keypress: FormInputEvent<KeyboardEvent>;
-    keyup: FormInputEvent<KeyboardEvent>;
-    mouseover: FormInputEvent<MouseEvent>;
-    mouseenter: FormInputEvent<MouseEvent>;
-    mouseleave: FormInputEvent<MouseEvent>;
-    mousemove: FormInputEvent<MouseEvent>;
-    paste: FormInputEvent<ClipboardEvent>;
-    input: FormInputEvent<InputEvent>;
-    wheel: FormInputEvent<WheelEvent>;
-};
-export { Root, Root as Input, };

package/dist/components/input-new/index.js

@@ -1,4 +0,0 @@
-import Root from "./input.svelte";
-export { Root, 
-//
-Root as Input, };

package/dist/components/input-new/input.svelte

@@ -1,32 +0,0 @@
-<script>import { cn } from "../../utils/shadcn-utils.js";
-let className = void 0;
-export let value = void 0;
-export { className as class };
-export let readonly = void 0;
-</script>
-
-<input
-  class={cn(
-    "border-input bg-background selection:bg-primary dark:bg-input/30 selection:text-primary-foreground ring-offset-background placeholder:text-muted-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-[invalid]:border-destructive aria-[invalid]:ring-destructive/50 aria-[invalid]:focus-visible:ring-destructive/50",
-    className
-  )}
-  bind:value
-  {readonly}
-  on:blur
-  on:change
-  on:click
-  on:focus
-  on:focusin
-  on:focusout
-  on:keydown
-  on:keypress
-  on:keyup
-  on:mouseover
-  on:mouseenter
-  on:mouseleave
-  on:mousemove
-  on:paste
-  on:input
-  on:wheel|passive
-  {...$$restProps}
-/>

package/dist/components/input-new/input.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { HTMLInputAttributes } from "svelte/elements";
-import type { InputEvents } from "./index.js";
-declare const __propDef: {
-    props: HTMLInputAttributes;
-    slots: {};
-    events: InputEvents;
-};
-export type InputProps = typeof __propDef.props;
-type InputEvents_ = typeof __propDef.events;
-export { InputEvents_ as InputEvents };
-export type InputSlots = typeof __propDef.slots;
-export default class Input extends SvelteComponent<InputProps, InputEvents_, InputSlots> {
-}

package/dist/{components/OrgSwitcher.svelte.d.ts → composites/org-switcher/org-switcher.svelte.d.ts}

@@ -2,10 +2,10 @@
 /** @typedef {typeof __propDef.events}  OrgSwitcherEvents */
 /** @typedef {typeof __propDef.slots}  OrgSwitcherSlots */
 export default class OrgSwitcher extends SvelteComponent<{
+    loading?: boolean | undefined;
     orgs?: any[] | undefined;
     selectedorguuid?: any;
     createOrgLink?: string | undefined;
-    loading?: boolean | undefined;
 }, {
     selectOrg: CustomEvent<any>;
 } & {
@@ -18,10 +18,10 @@ export type OrgSwitcherSlots = typeof __propDef.slots;
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
+        loading?: boolean | undefined;
         orgs?: any[] | undefined;
         selectedorguuid?: any;
         createOrgLink?: string | undefined;
-        loading?: boolean | undefined;
     };
     events: {
         selectOrg: CustomEvent<any>;