@ibis-design/svelte 0.5.0 → 0.6.0

package/dist/layouts/AppLayout.svelte

@@ -0,0 +1,83 @@
+<!--
+  AppLayout – Generic app shell: optional header, sidebar, main, footer.
+  @component
+  @param {Snippet} [header] - Top bar / app header.
+  @param {Snippet} [sidebar] - Side navigation or sidebar.
+  @param {Snippet} [children] - Main content area.
+  @param {Snippet} [footer] - Optional footer.
+  @example
+  <AppLayout header={headerSnippet} sidebar={sidebarSnippet}>...</AppLayout>
+-->
+<script lang="ts">
+  import type { Snippet } from "svelte";
+
+  interface Props {
+    header?: Snippet;
+    sidebar?: Snippet;
+    children?: Snippet;
+    footer?: Snippet;
+  }
+
+  let { header, sidebar, children, footer }: Props = $props();
+</script>
+
+<div class="ibis-app-layout">
+  {#if header}
+    <header class="ibis-app-layout__header">{@render header()}</header>
+  {/if}
+  <div class="ibis-app-layout__body">
+    {#if sidebar}
+      <aside class="ibis-app-layout__sidebar">{@render sidebar()}</aside>
+    {/if}
+    <main class="ibis-app-layout__main">
+      {#if children}
+        {@render children()}
+      {/if}
+    </main>
+  </div>
+  {#if footer}
+    <footer class="ibis-app-layout__footer">{@render footer()}</footer>
+  {/if}
+</div>
+
+<style>
+  .ibis-app-layout {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    background-color: var(--color-backgrounds-classic-bg-light);
+    font-family: var(--font-family-sans);
+  }
+
+  .ibis-app-layout__header {
+    flex: 0 0 auto;
+    z-index: var(--z-index-sticky);
+  }
+
+  .ibis-app-layout__body {
+    flex: 1 1 auto;
+    display: flex;
+    min-height: 0;
+  }
+
+  .ibis-app-layout__sidebar {
+    flex: 0 0 auto;
+    width: 16rem;
+    background-color: var(--color-neutral-50);
+    border-right: var(--border-width-thin) solid var(--color-neutral-200);
+  }
+
+  .ibis-app-layout__main {
+    flex: 1 1 auto;
+    overflow: auto;
+    padding: var(--spacing-6);
+  }
+
+  .ibis-app-layout__footer {
+    flex: 0 0 auto;
+    padding: var(--spacing-4);
+    border-top: var(--border-width-thin) solid var(--color-neutral-200);
+    font-size: var(--font-size-normal-text-sm);
+    color: var(--color-neutral-600);
+  }
+</style>

package/dist/layouts/AppLayout.svelte.d.ts

@@ -0,0 +1,20 @@
+import type { Snippet } from "svelte";
+interface Props {
+    header?: Snippet;
+    sidebar?: Snippet;
+    children?: Snippet;
+    footer?: Snippet;
+}
+/**
+ * AppLayout – Generic app shell: optional header, sidebar, main, footer.
+ *
+ * @param {Snippet} [header] - Top bar / app header.
+ * @param {Snippet} [sidebar] - Side navigation or sidebar.
+ * @param {Snippet} [children] - Main content area.
+ * @param {Snippet} [footer] - Optional footer.
+ * @example
+ * <AppLayout header={headerSnippet} sidebar={sidebarSnippet}>...</AppLayout>
+ */
+declare const AppLayout: import("svelte").Component<Props, {}, "">;
+type AppLayout = ReturnType<typeof AppLayout>;
+export default AppLayout;

package/dist/layouts/AuthLayout.svelte

@@ -0,0 +1,63 @@
+<!--
+  AuthLayout – Centered single-column layout for login/signup views.
+  @component
+  @param {Snippet} [logo] - Optional logo snippet above main content.
+  @param {Snippet} [children] - Main content (e.g. form).
+  @param {Snippet} [footer] - Optional footer snippet.
+  @example
+  <AuthLayout logo={logoSnippet} footer={footerSnippet}>...</AuthLayout>
+-->
+<script lang="ts">
+  import type { Snippet } from "svelte";
+
+  interface Props {
+    logo?: Snippet;
+    children?: Snippet;
+    footer?: Snippet;
+  }
+
+  let { logo, children, footer }: Props = $props();
+</script>
+
+<div class="ibis-auth-layout">
+  {#if logo}
+    <div class="ibis-auth-layout__logo">{@render logo()}</div>
+  {/if}
+  <main class="ibis-auth-layout__main">
+    {#if children}
+      {@render children()}
+    {/if}
+  </main>
+  {#if footer}
+    <footer class="ibis-auth-layout__footer">{@render footer()}</footer>
+  {/if}
+</div>
+
+<style>
+  .ibis-auth-layout {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: var(--spacing-6);
+    background-color: var(--color-backgrounds-themed-bg-ibis-white);
+    font-family: var(--font-family-sans);
+  }
+
+  .ibis-auth-layout__logo {
+    margin-bottom: var(--spacing-8);
+  }
+
+  .ibis-auth-layout__main {
+    width: 100%;
+    max-width: 24rem;
+    flex: 0 1 auto;
+  }
+
+  .ibis-auth-layout__footer {
+    margin-top: var(--spacing-8);
+    font-size: var(--font-size-normal-text-sm);
+    color: var(--color-neutral-600);
+  }
+</style>

package/dist/layouts/AuthLayout.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { Snippet } from "svelte";
+interface Props {
+    logo?: Snippet;
+    children?: Snippet;
+    footer?: Snippet;
+}
+/**
+ * AuthLayout – Centered single-column layout for login/signup views.
+ *
+ * @param {Snippet} [logo] - Optional logo snippet above main content.
+ * @param {Snippet} [children] - Main content (e.g. form).
+ * @param {Snippet} [footer] - Optional footer snippet.
+ * @example
+ * <AuthLayout logo={logoSnippet} footer={footerSnippet}>...</AuthLayout>
+ */
+declare const AuthLayout: import("svelte").Component<Props, {}, "">;
+type AuthLayout = ReturnType<typeof AuthLayout>;
+export default AuthLayout;

package/dist/layouts/DashboardLayout.svelte

@@ -0,0 +1,88 @@
+<!--
+  DashboardLayout – Dashboard-specific shell with themed header and sidebar.
+  @component
+  @param {Snippet} [header] - Dashboard header (e.g. gradient bar).
+  @param {Snippet} [sidebar] - Side navigation.
+  @param {Snippet} [children] - Main content area.
+  @param {Snippet} [footer] - Optional footer.
+  @example
+  <DashboardLayout header={headerSnippet} sidebar={sidebarSnippet}>...</DashboardLayout>
+-->
+<script lang="ts">
+  import type { Snippet } from "svelte";
+
+  interface Props {
+    header?: Snippet;
+    sidebar?: Snippet;
+    children?: Snippet;
+    footer?: Snippet;
+  }
+
+  let { header, sidebar, children, footer }: Props = $props();
+</script>
+
+<div class="ibis-dashboard-layout">
+  {#if header}
+    <header class="ibis-dashboard-layout__header">{@render header()}</header>
+  {/if}
+  <div class="ibis-dashboard-layout__body">
+    {#if sidebar}
+      <aside class="ibis-dashboard-layout__sidebar">{@render sidebar()}</aside>
+    {/if}
+    <main class="ibis-dashboard-layout__main">
+      {#if children}
+        {@render children()}
+      {/if}
+    </main>
+  </div>
+  {#if footer}
+    <footer class="ibis-dashboard-layout__footer">{@render footer()}</footer>
+  {/if}
+</div>
+
+<style>
+  .ibis-dashboard-layout {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    background-color: var(--color-backgrounds-classic-bg-light);
+    font-family: var(--font-family-sans);
+  }
+
+  .ibis-dashboard-layout__header {
+    flex: 0 0 auto;
+    background: linear-gradient(
+      var(--color-buttons-gradient-start),
+      var(--color-buttons-gradient-end)
+    );
+    color: var(--color-white);
+    z-index: var(--z-index-sticky);
+  }
+
+  .ibis-dashboard-layout__body {
+    flex: 1 1 auto;
+    display: flex;
+    min-height: 0;
+  }
+
+  .ibis-dashboard-layout__sidebar {
+    flex: 0 0 auto;
+    width: 14rem;
+    background-color: var(--color-neutral-100);
+    border-right: var(--border-width-thin) solid var(--color-neutral-300);
+  }
+
+  .ibis-dashboard-layout__main {
+    flex: 1 1 auto;
+    overflow: auto;
+    padding: var(--spacing-6);
+  }
+
+  .ibis-dashboard-layout__footer {
+    flex: 0 0 auto;
+    padding: var(--spacing-3);
+    border-top: var(--border-width-thin) solid var(--color-neutral-200);
+    font-size: var(--font-size-normal-text-xs);
+    color: var(--color-neutral-600);
+  }
+</style>

package/dist/layouts/DashboardLayout.svelte.d.ts

@@ -0,0 +1,20 @@
+import type { Snippet } from "svelte";
+interface Props {
+    header?: Snippet;
+    sidebar?: Snippet;
+    children?: Snippet;
+    footer?: Snippet;
+}
+/**
+ * DashboardLayout – Dashboard-specific shell with themed header and sidebar.
+ *
+ * @param {Snippet} [header] - Dashboard header (e.g. gradient bar).
+ * @param {Snippet} [sidebar] - Side navigation.
+ * @param {Snippet} [children] - Main content area.
+ * @param {Snippet} [footer] - Optional footer.
+ * @example
+ * <DashboardLayout header={headerSnippet} sidebar={sidebarSnippet}>...</DashboardLayout>
+ */
+declare const DashboardLayout: import("svelte").Component<Props, {}, "">;
+type DashboardLayout = ReturnType<typeof DashboardLayout>;
+export default DashboardLayout;

package/dist/types/button.js

@@ -0,0 +1,5 @@
+/**
+ * Button component variant and size options.
+ * @module
+ */
+export {};

package/dist/types/index.d.ts

@@ -2,5 +2,5 @@
  * Public types for @ibis-design/svelte.
  * Re-export or define shared interfaces here.
  */
-export type { ButtonVariant, ButtonSize } from './button';
-export type { AuthLayoutProps, AppLayoutProps, DashboardLayoutProps } from './layout';
+export type { ButtonVariant, ButtonSize } from "./button";
+export type { AuthLayoutProps, AppLayoutProps, DashboardLayoutProps } from "./layout";

package/dist/types/index.js

@@ -0,0 +1,5 @@
+/**
+ * Public types for @ibis-design/svelte.
+ * Re-export or define shared interfaces here.
+ */
+export {};

package/dist/types/layout.d.ts

@@ -1,4 +1,4 @@
-import { Snippet } from 'svelte';
+import type { Snippet } from "svelte";
 /**
  * Props for AuthLayout: optional logo, children (main), footer snippets.
  */

package/dist/types/layout.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibis-design/svelte",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Svelte component library for the IBIS design system.",
   "type": "module",
   "main": "./dist/index.js",
@@ -18,25 +18,30 @@
   "files": [
     "dist"
   ],
+  "sideEffects": [
+    "**/*.css"
+  ],
   "peerDependencies": {
-    "@ibis-design/css": "^0.5.0",
+    "@ibis-design/css": "^0.6.0",
     "svelte": "^5.54.0"
   },
   "devDependencies": {
-    "@ibis-design/css": "0.5.0",
+    "@ibis-design/css": "0.6.0",
+    "@sveltejs/adapter-auto": "7.0.1",
+    "@sveltejs/kit": "2.59.1",
+    "@sveltejs/package": "2.5.7",
     "@sveltejs/vite-plugin-svelte": "^7.1.2",
-    "@types/node": "25.6.0",
+    "@types/node": "25.7.0",
     "svelte": "5.55.5",
     "svelte-check": "^4.4.8",
     "typescript": "^5.9.3",
-    "vite": "^8.0.11",
-    "vite-plugin-dts": "^4.5.4"
+    "vite": "^8.0.12"
   },
   "scripts": {
-    "build": "vite build",
+    "build": "svelte-kit sync && svelte-package",
     "prepublishOnly": "npm run build",
-    "check": "svelte-check --tsconfig ./tsconfig.json",
-    "dev": "vite build --watch"
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "dev": "svelte-package -w"
   },
   "dependencies": {
     "@solar-icons/svelte": "^1.1.0"

package/dist/index.css

@@ -1 +0,0 @@
-.ibis-button.svelte-1v1p7k6{font-family:var(--font-family-sans);font-weight:var(--font-weight-normal);border:var(--border-width-default) solid transparent;cursor:pointer;transition:filter var(--transition-duration-fast) var(--transition-timing-default), transform var(--transition-duration-fast) var(--transition-timing-default), box-shadow var(--transition-duration-fast) var(--transition-timing-default);justify-content:center;align-items:center;display:inline-flex}.ibis-button.svelte-1v1p7k6 svg{vertical-align:middle;gap:var(--spacing-1);width:1em;height:1em;display:inline-block}.ibis-button__content.svelte-1v1p7k6{justify-content:center;align-items:center;gap:var(--spacing-1);display:inline-flex}.ibis-button__content--hidden.svelte-1v1p7k6{visibility:hidden}.ibis-button--icon-only.svelte-1v1p7k6{padding:var(--spacing-2)}.ibis-button--icon-only.svelte-1v1p7k6 .ibis-button__content:where(.svelte-1v1p7k6){gap:0}.ibis-button.svelte-1v1p7k6:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.ibis-button--loading.svelte-1v1p7k6{cursor:not-allowed;pointer-events:none;position:relative}.ibis-button--primary.svelte-1v1p7k6{color:var(--color-white);box-shadow:var(--component-button-primary-default-shadow);background:linear-gradient(#9665df 0%,#7945c8 100%);border:.5px solid #bd91ff}.ibis-button--primary.svelte-1v1p7k6:not(:disabled):hover,.ibis-button--primary.svelte-1v1p7k6:not(:disabled):active{box-shadow:none}.ibis-button--primary.svelte-1v1p7k6:not(:disabled):hover{background:var(--color-primary-800);border-color:none;border-width:.7 px}.ibis-button--primary.svelte-1v1p7k6:not(:disabled):active{background:var(--color-primary-800);border-color:var(--color-primary-400);border-width:var(--border-width-thin)}.ibis-button--primary.svelte-1v1p7k6:disabled{background:var(--color-neutral-400);color:var(--color-neutral-600);border-color:var(--color-neutral-600)}.ibis-button--secondary.svelte-1v1p7k6{color:var(--color-primary-pink-500);border-color:var(--color-primary-pink-700);background-color:#0000}.ibis-button--secondary.svelte-1v1p7k6:not(:disabled):hover{background-color:var(--color-primary-pink-100)}.ibis-button--sm.svelte-1v1p7k6{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-normal-text-sm);border-radius:var(--component-button-size-sm-border-radius)}.ibis-button--md.svelte-1v1p7k6{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-normal-text-DEFAULT);border-radius:var(--component-button-size-md-border-radius)}.ibis-button--lg.svelte-1v1p7k6{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-normal-text-lg);border-radius:var(--component-button-size-lg-border-radius)}.ibis-button__loader.svelte-1v1p7k6{border:var(--border-width-default) solid var(--color-black);border-top-color:var(--color-white);border-radius:50%;width:1em;height:1em;animation:.8s linear infinite svelte-1v1p7k6-ibis-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes svelte-1v1p7k6-ibis-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.ibis-button--skeleton.svelte-1v1p7k6{background:var(--color-neutral-200);color:#0000;border-color:var(--color-neutral-500);cursor:default;pointer-events:none;position:relative;overflow:hidden}.ibis-button--skeleton.svelte-1v1p7k6:after{content:"";background-color:var(--color-neutral-400);width:80%;height:1em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibis-button--icon-only--skeleton.svelte-1v1p7k6:after{border-radius:4px;width:1em;height:1em}.ibis-button--skeleton.svelte-1v1p7k6:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#ffffff40 0%,#fff9 50%,#ffffff40 100%);animation:2s infinite svelte-1v1p7k6-ibis-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes svelte-1v1p7k6-ibis-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dropdown-button.svelte-1k6ufrd{display:inline-block;position:relative}.caret.svelte-1k6ufrd{width:1em;height:1em;margin-left:.25em}.dropdown-menu.svelte-1k6ufrd{border:1px solid var(--color-neutral-300);border-radius:var(--border-radius-DEFAULT);z-index:1000;background:#fff;flex-direction:column;min-width:160px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 4px 8px #0000001a}.dropdown-menu.svelte-1k6ufrd button{all:unset;cursor:pointer;border-radius:4px;padding:8px}.dropdown-menu.svelte-1k6ufrd button:hover{background-color:var(--color-neutral-100)}.ibis-card.svelte-1x2pm77{background-color:var(--color-backgrounds-classic-bg-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-default);padding:var(--spacing-4);font-family:var(--font-family-sans);font-size:var(--font-size-normal-text-default);line-height:var(--line-height-normal)}.ibis-auth-layout.svelte-o80avj{min-height:100vh;padding:var(--spacing-6);background-color:var(--color-backgrounds-themed-bg-ibis-white);font-family:var(--font-family-sans);flex-direction:column;justify-content:center;align-items:center;display:flex}.ibis-auth-layout__logo.svelte-o80avj{margin-bottom:var(--spacing-8)}.ibis-auth-layout__main.svelte-o80avj{flex:0 auto;width:100%;max-width:24rem}.ibis-auth-layout__footer.svelte-o80avj{margin-top:var(--spacing-8);font-size:var(--font-size-normal-text-sm);color:var(--color-neutral-600)}.ibis-app-layout.svelte-1m3kzz8{background-color:var(--color-backgrounds-classic-bg-light);min-height:100vh;font-family:var(--font-family-sans);flex-direction:column;display:flex}.ibis-app-layout__header.svelte-1m3kzz8{z-index:var(--z-index-sticky);flex:none}.ibis-app-layout__body.svelte-1m3kzz8{flex:auto;min-height:0;display:flex}.ibis-app-layout__sidebar.svelte-1m3kzz8{background-color:var(--color-neutral-50);border-right:var(--border-width-thin) solid var(--color-neutral-200);flex:none;width:16rem}.ibis-app-layout__main.svelte-1m3kzz8{padding:var(--spacing-6);flex:auto;overflow:auto}.ibis-app-layout__footer.svelte-1m3kzz8{padding:var(--spacing-4);border-top:var(--border-width-thin) solid var(--color-neutral-200);font-size:var(--font-size-normal-text-sm);color:var(--color-neutral-600);flex:none}.ibis-dashboard-layout.svelte-nudbol{background-color:var(--color-backgrounds-classic-bg-light);min-height:100vh;font-family:var(--font-family-sans);flex-direction:column;display:flex}.ibis-dashboard-layout__header.svelte-nudbol{background:linear-gradient(var(--color-buttons-gradient-start), var(--color-buttons-gradient-end));color:var(--color-white);z-index:var(--z-index-sticky);flex:none}.ibis-dashboard-layout__body.svelte-nudbol{flex:auto;min-height:0;display:flex}.ibis-dashboard-layout__sidebar.svelte-nudbol{background-color:var(--color-neutral-100);border-right:var(--border-width-thin) solid var(--color-neutral-300);flex:none;width:14rem}.ibis-dashboard-layout__main.svelte-nudbol{padding:var(--spacing-6);flex:auto;overflow:auto}.ibis-dashboard-layout__footer.svelte-nudbol{padding:var(--spacing-3);border-top:var(--border-width-thin) solid var(--color-neutral-200);font-size:var(--font-size-normal-text-xs);color:var(--color-neutral-600);flex:none}.ibis-input.svelte-r1j9z5{gap:var(--spacing-1);flex-direction:column;width:100%;max-width:300px;display:flex}.ibis-input__label.svelte-r1j9z5{font-size:var(--font-size-normal-text-default);color:var(--color-neutral-700)}.ibis-input__label-wrapper.svelte-r1j9z5{flex-direction:column;gap:2px;display:flex}.ibis-input__description.svelte-r1j9z5{font-size:var(--font-size-normal-text-sm);color:var(--color-neutral-500)}.ibis-input__wrapper.svelte-r1j9z5{border-radius:var(--border-radius-lg);background-color:var(--color-neutral-100);align-items:stretch;display:flex;overflow:hidden}.ibis-input__prepend.svelte-r1j9z5{padding:0 var(--spacing-3);border:var(--border-width-default) solid var(--color-neutral-200);border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);white-space:nowrap;border-right:none;align-items:center;display:flex;position:relative}.ibis-input__field-wrapper.svelte-r1j9z5{border:var(--border-width-default) solid var(--color-neutral-200);border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;flex:1;align-items:center;display:flex}.ibis-input__wrapper--with-prepend.svelte-r1j9z5 .ibis-input__field-wrapper:where(.svelte-r1j9z5){border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:none}.ibis-input__wrapper.svelte-r1j9z5:not(.ibis-input__wrapper--with-prepend) .ibis-input__field-wrapper:where(.svelte-r1j9z5){border-radius:var(--border-radius-lg)}.ibis-input__prepend.svelte-r1j9z5:after{content:"";background-color:var(--color-neutral-200);width:2px;position:absolute;top:0;bottom:0;right:0}.ibis-input__field.svelte-r1j9z5{background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0}.ibis-input__prefix.svelte-r1j9z5,.ibis-input__suffix.svelte-r1j9z5{padding:0 var(--spacing-2);align-items:center;display:inline-flex}.ibis-input__help.svelte-r1j9z5{font-size:var(--font-size-normal-text-sm);color:var(--color-neutral-500)}.ibis-input__error.svelte-r1j9z5{font-size:var(--font-size-normal-text-sm);color:var(--color-status-error)}.ibis-input--sm.svelte-r1j9z5 .ibis-input__field-wrapper:where(.svelte-r1j9z5){padding:var(--spacing-1) var(--spacing-2)}.ibis-input--md.svelte-r1j9z5 .ibis-input__field-wrapper:where(.svelte-r1j9z5){padding:var(--spacing-2)}.ibis-input--lg.svelte-r1j9z5 .ibis-input__field-wrapper:where(.svelte-r1j9z5){padding:var(--spacing-3) var(--spacing-4)}.ibis-input.svelte-r1j9z5:not(.ibis-input--disabled):not(.ibis-input--invalid) .ibis-input__field-wrapper:where(.svelte-r1j9z5):not(:focus-within):hover{border-color:var(--color-neutral-300)}.ibis-input__field-wrapper.svelte-r1j9z5:focus-within{border-color:var(--color-primary-400)}.ibis-input--invalid.svelte-r1j9z5 .ibis-input__field-wrapper:where(.svelte-r1j9z5){border-color:var(--color-status-error);border-width:var(--border-width-thin)}.ibis-input--invalid.svelte-r1j9z5:not(.ibis-input--disabled):not(:focus-within) .ibis-input__field-wrapper:where(.svelte-r1j9z5):hover,.ibis-input--invalid.svelte-r1j9z5:not(.ibis-input--disabled) .ibis-input__field-wrapper:where(.svelte-r1j9z5):focus-within{border-width:var(--border-width-default)}.ibis-input__wrapper.svelte-r1j9z5:not(:focus-within):hover .ibis-input__prepend:where(.svelte-r1j9z5):after{background-color:var(--color-neutral-300)}.ibis-input__wrapper.svelte-r1j9z5:focus-within .ibis-input__prepend:where(.svelte-r1j9z5):after{background-color:var(--color-primary-400)}.ibis-input--invalid.svelte-r1j9z5 .ibis-input__prepend:where(.svelte-r1j9z5):after{background-color:var(--color-status-error)}.ibis-input--disabled.svelte-r1j9z5 .ibis-input__prepend:where(.svelte-r1j9z5),.ibis-input--disabled.svelte-r1j9z5 .ibis-input__field-wrapper:where(.svelte-r1j9z5){background-color:var(--color-neutral-400);opacity:.5}.ibis-date-input.svelte-ld3e2e{width:100%;max-width:300px;position:relative}.calendar.svelte-ld3e2e{border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-default);padding:var(--spacing-2);z-index:100;background:#fff;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:4px;display:grid;position:absolute;top:100%;left:0}.day.svelte-ld3e2e{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px}.day.svelte-ld3e2e:hover{background:var(--color-neutral-200)}.selected.svelte-ld3e2e{background:var(--color-primary-400);color:#fff}.calendar-button.svelte-ld3e2e{cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.ibis-date-input.svelte-1rfmg2g{width:100%;max-width:300px;position:relative}.ibis-dropdown.svelte-t3relr{width:fit-content;display:inline-block;position:relative}.ibis-dropdown__trigger.svelte-t3relr{all:unset;cursor:pointer;width:100%;display:block}.ibis-dropdown__menu.svelte-t3relr{background-color:var(--color-neutral-100);border:var(--border-width-default) solid var(--color-neutral-200);border-radius:var(--border-radius-default);width:100%;margin-top:var(--spacing-1);z-index:10;padding:0;list-style:none;position:absolute}.ibis-dropdown__item.svelte-t3relr{text-align:left;width:100%;padding:var(--spacing-2) var(--spacing-3);font-family:inherit;font-size:var(--font-size-normal-text-default);color:var(--color-neutral-900);cursor:pointer;background:0 0;border:none}.ibis-dropdown__item.svelte-t3relr:hover{background-color:var(--color-neutral-400)}.ibis-dropdown__item.svelte-t3relr{background-color:var(--color-neutral-200);color:var(--color-black)}.ibis-dropdown__item.svelte-t3relr:focus{background-color:var(--color-neutral-200);outline:none}.ibis-dropdown__trigger.svelte-t3relr:disabled{cursor:not-allowed;opacity:.5}.ibis-chips.svelte-1fclai7{font-family:var(--font-family-sans);font-weight:var(--font-weight-normal);border-radius:var(--component-button-size-sm-border-radius);padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-white);color:var(--color-text-primary);border:var(--border-width-thin) solid var(--color-neutral-200);cursor:pointer}.ibis-chips__content.svelte-1fclai7{justify-content:center;align-items:center;gap:var(--spacing-2);display:inline-flex}.ibis-chips__icon.svelte-1fclai7{justify-content:center;align-items:center;display:inline-flex}.ibis-chips__label.svelte-1fclai7{display:inline-flex}.ibis-chips.svelte-1fclai7 svg{vertical-align:middle;gap:var(--spacing-2);width:1rem;height:1rem;display:inline-block}.ibis-chips--sm.svelte-1fclai7{font-size:var(--font-size-body-sm)}.ibis-chips--md.svelte-1fclai7{font-size:var(--font-size-body-md)}.ibis-chips--lg.svelte-1fclai7{font-size:var(--font-size-body-lg)}.ibis-chips--skeleton.svelte-1fclai7{background-color:var(--color-neutral-200);color:#0000;pointer-events:none}.ibis-chips__content--hidden.svelte-1fclai7{visibility:hidden}.ibis-chips.svelte-1fclai7:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.ibis-chips.svelte-1fclai7:not(:disabled):hover{background-color:var(--color-neutral-200)}.ibis-chips--selected.svelte-1fclai7{background-color:var(--color-primary-100);color:var(--color-primary-800);border-color:var(--color-primary-800)}.ibis-chips--selected.svelte-1fclai7:not(:disabled):hover{background-color:var(--color-primary-200)}.ibis-input.svelte-1kdvakk{font-family:var(--font-family-sans);gap:var(--spacing-1);flex-direction:column;width:100%;max-width:400px;display:flex}.ibis-input__label.svelte-1kdvakk{font-size:var(--font-size-normal-text-default);color:var(--color-neutral-900)}.ibis-input__wrapper.svelte-1kdvakk{border:var(--border-width-default) solid var(--color-neutral-200);border-radius:var(--border-radius-lg);background-color:var(--color-neutral-100);align-items:stretch;display:flex;position:relative}.ibis-input__error.svelte-1kdvakk{font-size:var(--font-size-normal-text-sm);color:var(--color-system-failure);margin-top:var(--spacing-1)}.ibis-input.svelte-1kdvakk:not(.ibis-input--disabled):not(.ibis-input--invalid) .ibis-input__wrapper:where(.svelte-1kdvakk):not(:focus-within):hover{border-color:var(--color-neutral-300)}.ibis-input__wrapper.svelte-1kdvakk:focus-within{border-color:var(--color-primary-500)}.ibis-textarea.svelte-1kdvakk{width:100%;font-family:inherit;font-size:inherit;resize:vertical;min-height:80px;padding:var(--spacing-2);background:0 0;border:none;outline:none;line-height:1.4}.ibis-checkbox.svelte-1gs498f{gap:var(--spacing-1);flex-direction:column;display:flex}.ibis-checkbox__label-wrapper.svelte-1gs498f{flex-direction:column;gap:2px;display:flex}.ibis-checkbox__label.svelte-1gs498f{font-size:var(--font-size-normal-text-default);color:var(--color-neutral-700)}.ibis-checkbox__description.svelte-1gs498f{font-size:var(--font-size-normal-text-sm);color:var(--color-neutral-500)}.ibis-checkbox__wrapper.svelte-1gs498f{display:flex}.ibis-checkbox__control.svelte-1gs498f{align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.ibis-checkbox__input.svelte-1gs498f{display:none}.ibis-checkbox__box.svelte-1gs498f{border:var(--border-width-default) solid var(--color-neutral-300);border-radius:var(--border-radius-sm);background:var(--color-neutral-100);width:18px;height:18px;transition:box-shadow var(--transition-duration-normal) var(--transition-timing-default), border-color var(--transition-duration-normal) var(--transition-timing-default), background var(--transition-duration-normal) var(--transition-timing-default);justify-content:center;align-items:center;display:flex}.ibis-checkbox__control.svelte-1gs498f:hover .ibis-checkbox__input:where(.svelte-1gs498f):not(:checked)+.ibis-checkbox__box:where(.svelte-1gs498f){border-color:var(--color-neutral-700);box-shadow:0 0 0 4px var(--color-neutral-200)}.ibis-checkbox__input.svelte-1gs498f:checked+.ibis-checkbox__box:where(.svelte-1gs498f){background:var(--color-primary-200);border-color:var(--color-primary-800)}.ibis-checkbox__control.svelte-1gs498f:hover .ibis-checkbox__input:where(.svelte-1gs498f):checked+.ibis-checkbox__box:where(.svelte-1gs498f){box-shadow:0 0 0 4px var(--color-primary-200)}.ibis-checkbox__text.svelte-1gs498f{font-size:var(--font-size-normal-text-default);color:var(--color-text-default)}.ibis-checkbox__help.svelte-1gs498f{font-size:var(--font-size-normal-text-sm);color:var(--color-neutral-500)}.ibis-checkbox__error.svelte-1gs498f{font-size:var(--font-size-normal-text-sm);color:var(--color-status-error)}.ibis-checkbox--disabled.svelte-1gs498f{opacity:.5;cursor:not-allowed}.ibis-checkbox--invalid.svelte-1gs498f .ibis-checkbox__box:where(.svelte-1gs498f){border-color:var(--color-status-error)}.ibis-checkbox--invalid.svelte-1gs498f .ibis-checkbox__text:where(.svelte-1gs498f){font-size:var(--font-size-normal-text-default);color:var(--color-status-error)}.ibis-checkbox--invalid.svelte-1gs498f .ibis-checkbox__control:where(.svelte-1gs498f):hover .ibis-checkbox__input:where(.svelte-1gs498f):not(:checked)+.ibis-checkbox__box:where(.svelte-1gs498f){border-color:var(--color-status-error);box-shadow:0 0 0 4px #ffb3ad}.ibis-radio.svelte-8nyxcn{gap:var(--spacing-1);flex-direction:column;display:flex}.ibis-radio__label-wrapper.svelte-8nyxcn{flex-direction:column;gap:2px;display:flex}.ibis-radio__label.svelte-8nyxcn{font-size:var(--font-size-normal-text-default);color:var(--color-neutral-700)}.ibis-radio__description.svelte-8nyxcn{font-size:var(--font-size-normal-text-sm);color:var(--color-neutral-500)}.ibis-radio__control.svelte-8nyxcn{align-items:center;gap:var(--spacing-2);cursor:pointer;display:inline-flex}.ibis-radio__input.svelte-8nyxcn{display:none}.ibis-radio__circle.svelte-8nyxcn{border:var(--border-width-default) solid var(--color-neutral-300);width:20px;height:20px;transition:box-shadow var(--transition-duration-normal) var(--transition-timing-default), border-color var(--transition-duration-normal) var(--transition-timing-default), background var(--transition-duration-normal) var(--transition-timing-default);border-radius:999px;justify-content:center;align-items:center;display:flex}.ibis-radio__dot.svelte-8nyxcn{background:0 0;border-radius:999px;width:8px;height:8px}.ibis-radio__dot--active.svelte-8nyxcn{background:var(--color-primary-900)}.ibis-radio__text.svelte-8nyxcn{font-size:var(--font-size-normal-text-default);color:var(--color-text-default)}.ibis-radio__help.svelte-8nyxcn{font-size:var(--font-size-normal-text-sm);color:var(--color-neutral-500)}.ibis-radio__error.svelte-8nyxcn{font-size:var(--font-size-normal-text-sm);color:var(--color-status-error)}.ibis-radio--disabled.svelte-8nyxcn{opacity:var(--opacity-9);cursor:not-allowed}.ibis-radio--disabled.svelte-8nyxcn .ibis-radio__circle:where(.svelte-8nyxcn){border-color:var(--color-neutral-200);background-color:var(--color-neutral-160)}.ibis-radio__input.svelte-8nyxcn:checked+.ibis-radio__circle:where(.svelte-8nyxcn){border-color:var(--color-primary-900)}.ibis-radio.svelte-8nyxcn:not(.ibis-radio--disabled) .ibis-radio__control:where(.svelte-8nyxcn):hover .ibis-radio__circle:where(.svelte-8nyxcn){box-shadow:0 0 0 4px var(--color-neutral-200);border-color:var(--color-neutral-700);transform:scale(1.05)}.ibis-radio.svelte-8nyxcn:not(.ibis-radio--disabled) .ibis-radio__control:where(.svelte-8nyxcn):hover .ibis-radio__input:where(.svelte-8nyxcn):checked+.ibis-radio__circle:where(.svelte-8nyxcn){box-shadow:0 0 0 4px var(--color-primary-200);border-color:var(--color-primary-900)}.ibis-radio--invalid.svelte-8nyxcn .ibis-radio__circle:where(.svelte-8nyxcn){border-color:var(--color-status-error)}.ibis-radio--invalid.svelte-8nyxcn .ibis-radio__control:where(.svelte-8nyxcn):hover .ibis-radio__circle:where(.svelte-8nyxcn){border-color:var(--color-status-error);box-shadow:0 0 0 4px #ffb3ad}.ibis-banner.svelte-ysfuqr{font-family:var(--font-family-sans);border:var(--border-width-default) solid var(--color-neutral-200);border-radius:16px;align-items:flex-start;gap:8px;max-width:300px;margin-bottom:2px;padding:8px 16px;display:flex;position:relative;box-shadow:0 10px 25px #00000014}.ibis-banner__icon.svelte-ysfuqr{width:20px;height:20px;color:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex;top:2px;left:2px}.ibis-banner__icon.svelte-ysfuqr svg{width:100%;height:100%}.ibis-banner__content.svelte-ysfuqr{gap:var(--spacing-1);flex-direction:column;flex:1;display:flex}.ibis-banner__title.svelte-ysfuqr{font-weight:var(--font-weight-medium);font-size:var(--font-size-normal-text-sm)}.ibis-banner__message.svelte-ysfuqr{font-size:var(--font-size-normal-text-sm);color:var(--color-white)}.ibis-banner--default.svelte-ysfuqr .ibis-banner__message:where(.svelte-ysfuqr){font-size:var(--font-size-normal-text-sm);color:var(--color-primary-900)}.ibis-banner--success.svelte-ysfuqr .ibis-banner__message:where(.svelte-ysfuqr){font-size:var(--font-size-normal-text-sm);color:var(--color-status-success)}.ibis-banner--error.svelte-ysfuqr .ibis-banner__message:where(.svelte-ysfuqr){font-size:var(--font-size-normal-text-sm);color:var(--color-status-error)}.ibis-banner__close.svelte-ysfuqr{cursor:pointer;color:var(--color-white);background:0 0;border:none;flex-shrink:0;font-size:18px;line-height:1}.ibis-banner--success.svelte-ysfuqr{background-color:#009a081a;border-color:#009a081a}.ibis-banner--success.svelte-ysfuqr .ibis-banner__title:where(.svelte-ysfuqr),.ibis-banner--success.svelte-ysfuqr .ibis-banner__icon:where(.svelte-ysfuqr){color:var(--color-status-success)}.ibis-banner--success.svelte-ysfuqr .ibis-banner__close:where(.svelte-ysfuqr){color:var(--color-status-success);border-color:var(--color-status-success)}.ibis-banner--error.svelte-ysfuqr{background-color:#b70c001a;border-color:#b70c001a}.ibis-banner--error.svelte-ysfuqr .ibis-banner__title:where(.svelte-ysfuqr),.ibis-banner--error.svelte-ysfuqr .ibis-banner__icon:where(.svelte-ysfuqr){color:var(--color-status-error)}.ibis-banner--error.svelte-ysfuqr .ibis-banner__close:where(.svelte-ysfuqr){color:var(--color-status-error);border-color:var(--color-status-error)}.ibis-banner--default.svelte-ysfuqr{background-color:#713bc11a;border-color:#713bc11a}.ibis-banner--default.svelte-ysfuqr .ibis-banner__title:where(.svelte-ysfuqr),.ibis-banner--default.svelte-ysfuqr .ibis-banner__icon:where(.svelte-ysfuqr){color:var(--color-primary-900)}.ibis-banner--default.svelte-ysfuqr .ibis-banner__close:where(.svelte-ysfuqr){color:var(--color-primary-900);border-color:var(--color-primary-900)}.ibis-banner__loader.svelte-ysfuqr{border:var(--border-width-default) solid var(--color-primary-300);border-top-color:var(--color-primary-900);border-radius:50%;width:1em;height:1em;animation:.8s linear infinite svelte-ysfuqr-ibis-spin}@keyframes svelte-ysfuqr-ibis-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ibis-pill-tab.svelte-16a218w{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);height:100%;color:var(--color-neutral-700);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-duration-normal), color var(--transition-duration-normal), box-shadow var(--transition-duration-normal);flex:1;justify-content:center;align-self:stretch;align-items:center;display:inline-flex}.ibis-pill-tab__input.svelte-16a218w{display:none}.ibis-pill-tab__content.svelte-16a218w{font-size:var(--font-size-sm);text-align:center;width:100%;line-height:1}.ibis-pill-tab--active.svelte-16a218w{background:var(--color-primary-700);color:var(--color-white)}.ibis-pill-tab.svelte-16a218w:hover:not(.ibis-pill-tab--disabled):not(.ibis-pill-tab--active){background:var(--color-primary-100);color:var(--color-primary-800)}.ibis-pill-tab--active.svelte-16a218w:hover{background:var(--color-primary-800)}.ibis-pill-tab__input.svelte-16a218w:focus-visible+.ibis-pill-tab__content:where(.svelte-16a218w){outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:999px}.ibis-pill-tab--disabled.svelte-16a218w{opacity:var(--opacity-7);cursor:not-allowed}.ibis-toaster.svelte-1qbrks5{font-family:var(--font-family-sans);border:var(--border-width-default) solid var(--color-neutral-200);border-radius:16px;align-items:center;gap:8px;max-width:200px;margin-bottom:2px;padding:8px 16px;display:flex;position:relative;box-shadow:0 10px 25px #00000014}.ibis-toaster__icon.svelte-1qbrks5{width:20px;height:20px;color:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex;top:2px;left:2px}.ibis-toaster__icon.svelte-1qbrks5 svg{width:100%;height:100%}.ibis-toaster__content.svelte-1qbrks5{flex-direction:column;flex:1;justify-content:center;display:flex}.ibis-toaster__title.svelte-1qbrks5{font-weight:var(--font-weight-medium);font-size:var(--font-size-normal-text-sm)}.ibis-toaster__message.svelte-1qbrks5{font-size:var(--font-size-normal-text-sm);color:var(--color-white)}.ibis-toaster--default.svelte-1qbrks5 .ibis-toaster__message:where(.svelte-1qbrks5){font-size:var(--font-size-normal-text-sm);color:var(--color-black)}.ibis-toaster--default.svelte-1qbrks5 .ibis-toaster__icon:where(.svelte-1qbrks5){color:var(--color-black)}.ibis-toaster__close.svelte-1qbrks5{cursor:pointer;color:var(--color-white);background:0 0;border:none;flex-shrink:0;font-size:18px;line-height:1}.ibis-toaster--default.svelte-1qbrks5 .ibis-toaster__close:where(.svelte-1qbrks5){color:var(--color-black);border-color:var(--color-white)}.ibis-toaster--success.svelte-1qbrks5{border-color:var(--color-status-success);background-color:var(--color-status-success)}.ibis-toaster--success.svelte-1qbrks5 .ibis-toaster__title:where(.svelte-1qbrks5){color:var(--color-white)}.ibis-toaster--error.svelte-1qbrks5{border-color:var(--color-status-error);background-color:var(--color-status-error)}.ibis-toaster--error.svelte-1qbrks5 .ibis-toaster__title:where(.svelte-1qbrks5){color:var(--color-white)}.ibis-toaster--accent.svelte-1qbrks5{background-color:#920075;border-color:#920075}.ibis-toaster--accent.svelte-1qbrks5 .ibis-toaster__title:where(.svelte-1qbrks5){color:var(--color-white)}.ibis-toaster--default.svelte-1qbrks5{border-color:var(--color-neutral-100);background-color:var(--color-neutral-100)}.ibis-toaster--default.svelte-1qbrks5 .ibis-toaster__title:where(.svelte-1qbrks5){color:var(--color-black)}.ibis-toaster__loader.svelte-1qbrks5{border:var(--border-width-default) solid var(--color-primary-300);border-top-color:var(--color-primary-900);border-radius:50%;width:1em;height:1em;animation:.8s linear infinite svelte-1qbrks5-ibis-spin}@keyframes svelte-1qbrks5-ibis-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ibis-link.svelte-12iz0k9{align-items:center;gap:var(--spacing-1);color:#522398;cursor:pointer;transition:color var(--transition-duration-fast) var(--transition-timing-default), opacity var(--transition-duration-fast) var(--transition-timing-default);text-decoration:none;display:inline-flex;position:relative}.ibis-link__content.svelte-12iz0k9{align-items:center;gap:var(--spacing-1);display:inline-flex}.ibis-link__content--hidden.svelte-12iz0k9{visibility:hidden}.ibis-link--sm.svelte-12iz0k9{font-size:var(--font-size-normal-text-sm)}.ibis-link--md.svelte-12iz0k9{font-size:var(--font-size-normal-text-default)}.ibis-link--lg.svelte-12iz0k9{font-size:var(--font-size-normal-text-lg)}.ibis-link--underline-always.svelte-12iz0k9,.ibis-link--underline-hover.svelte-12iz0k9:hover{text-decoration:underline}.ibis-link--underline-none.svelte-12iz0k9{text-decoration:none}.ibis-link.svelte-12iz0k9:hover{color:#522398}.ibis-link.svelte-12iz0k9:active{color:var(--color-primary-600)}.ibis-link.svelte-12iz0k9:focus-visible{outline-offset:2px;outline:2px solid #522398}.ibis-link--disabled.svelte-12iz0k9{color:#8d8d8e;cursor:not-allowed;pointer-events:none;text-decoration:none}.ibis-link--loading.svelte-12iz0k9{cursor:not-allowed;pointer-events:none}.ibis-link__loader.svelte-12iz0k9{border:var(--border-width-default) solid currentColor;border-top-color:#0000;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite svelte-12iz0k9-ibis-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes svelte-12iz0k9-ibis-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.ibis-link--skeleton.svelte-12iz0k9{color:#0000;cursor:default;pointer-events:none;position:relative;overflow:hidden}.ibis-link__content--skeleton.svelte-12iz0k9{color:#0000;position:relative;overflow:hidden}.ibis-link__content--skeleton.svelte-12iz0k9:after{content:"";background-color:var(--color-neutral-400);z-index:1;position:absolute;inset:0}.ibis-link__content--skeleton.svelte-12iz0k9:before{content:"";z-index:2;background:linear-gradient(90deg,#ffffff40 0%,#fff9 50%,#ffffff40 100%);animation:2s infinite svelte-12iz0k9-ibis-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes svelte-12iz0k9-ibis-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ibis-link__icon.svelte-12iz0k9{justify-content:center;align-items:center;width:.75em;height:.75em;display:inline-flex}.ibis-link__icon.svelte-12iz0k9 svg{width:100%;height:100%}.password-toggle.svelte-1h2mlan{all:unset;cursor:pointer;font-size:var(--font-size-normal-text-default);color:var(--color-neutral-600);padding:var(--spacing-1);justify-content:center;align-items:center;display:flex}.password-toggle.svelte-1h2mlan:not(:disabled):hover{color:var(--color-neutral-800)}.password-toggle.svelte-1h2mlan:not(:disabled):focus-visible{outline:var(--border-width-default) solid var(--color-primary-400);outline-offset:2px}.ibis-input--disabled .password-toggle.svelte-1h2mlan{cursor:not-allowed;opacity:var(--opacity-disabled);pointer-events:none}.ibis-input--invalid .password-toggle.svelte-1h2mlan{color:var(--color-system-failure)}