@streamscloud/kit 0.2.42 → 0.9.0

package/dist/ui/button/cmp.options-button.svelte.d.ts

@@ -1,38 +0,0 @@
-import type { ButtonSize, ButtonVariant } from './resources/types';
-import { type Placement } from '@popperjs/core';
-import type { Snippet } from 'svelte';
-type Props = {
-    /** @default 'button' */
-    type?: 'button' | 'submit' | 'reset';
-    disabled?: boolean;
-    autofocus?: boolean;
-    /** Color variant applied via `ButtonTheme` */
-    variant?: ButtonVariant | null;
-    /** Size preset: `'standard'`, `'large'`, or `'small'` */
-    size?: ButtonSize | null;
-    /** Popper.js placement of the options dropdown @default 'bottom-start' */
-    optionsPosition?: Placement;
-    /** Distance in px between the trigger and the dropdown @default 4 */
-    optionsOffset?: number;
-    on?: {
-        click?: (e: MouseEvent) => void;
-    };
-    children: Snippet;
-    /** Left-side dropdown content (shown via chevron toggle) */
-    options?: Snippet;
-    /** Right-side dropdown content (shown via chevron toggle) */
-    rightOptions?: Snippet;
-};
-/**
- * A split button with optional left and/or right dropdown menus, combining a main action button with chevron-triggered option panels.
- *
- * ### CSS Custom Properties
- * Inherits all `--sc-kit--button--*` base and variant properties from `Button`.
- *
- * | Property | Description | Default |
- * |---|---|---|
- * | `--sc-kit--options-button--dropdown--min-width` | Minimum width of the dropdown panel | `10em` |
- */
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/ui/button/resources/button-base.svelte

@@ -1,81 +0,0 @@
-<script lang="ts">let { type = 'button', disabled = false, autofocus = false, on, children } = $props();
-let buttonRef;
-$effect(() => {
-    if (autofocus) {
-        buttonRef.focus();
-    }
-});
-export {};
-</script>
-
-<button class="button" disabled={disabled} type={type} bind:this={buttonRef} onclick={(e) => on?.click?.(e)}>
-  <span class="button__text">
-    {@render children()}
-  </span>
-</button>
-
-<style>.button {
-  --_button--font--size: var(--sc-kit--button--font--size, 1rem);
-  --_button--font--color: var(--sc-kit--button--font--color, black);
-  --_button--font--color--active: var(--sc-kit--button--font--color--active, var(--_button--font--color));
-  --_button--font--color--disabled: var(--sc-kit--button--font--color--disabled, var(--_button--font--color));
-  --_button--font-weight: var(--sc-kit--button--font-weight, 400);
-  --_button--text--font-size: var(--sc-kit--button--text--font-size, 0.875em);
-  --_button--icon--font-size: var(--sc-kit--button--icon--font-size, 1em);
-  --_button--justify-content: var(--sc-kit--button--justify-content, center);
-  --_button--background: var(--sc-kit--button--background, white);
-  --_button--background--hover: var(--sc-kit--button--background--hover, var(--_button--background));
-  --_button--background--active: var(--sc-kit--button--background--active, var(--_button--background));
-  --_button--background--disabled: var(--sc-kit--button--background--disabled, var(--_button--background));
-  --_button--border: var(--sc-kit--button--border, none);
-  --_button--border--disabled: var(--sc-kit--button--border--disabled, var(--_button--border));
-  --_button--border-radius: var(--sc-kit--button--border-radius, 0.25em);
-  --_button--padding--block: var(--sc-kit--button--padding--block, 0);
-  --_button--padding--inline: var(--sc-kit--button--padding--inline, 1em);
-  --_button--min-width: var(--sc-kit--button--min-width, 0);
-  --_button--width: var(--sc-kit--button--width, auto);
-  --_button--height: var(--sc-kit--button--height, 2em);
-  --_button--box-shadow: var(--sc-kit--button--box-shadow, none);
-  font-size: var(--_button--font--size);
-  font-weight: var(--_button--font-weight);
-  padding: var(--_button--padding--block) var(--_button--padding--inline);
-  color: var(--_button--font--color);
-  background: var(--_button--background);
-  box-shadow: var(--_button--box-shadow);
-  border: var(--_button--border);
-  border-radius: var(--_button--border-radius);
-  min-width: var(--_button--min-width);
-  width: var(--_button--width);
-  max-width: 100%;
-  height: var(--_button--height);
-  outline: none;
-  display: inline-flex;
-  justify-content: var(--_button--justify-content);
-  align-items: center;
-  vertical-align: middle;
-  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), filter 250ms cubic-bezier(0.4, 0, 0.2, 1);
-  white-space: nowrap;
-  cursor: pointer;
-}
-.button__text {
-  width: 100%;
-  text-align: center;
-  font-size: var(--_button--text--font-size);
-  --sc-kit--icon-text--root--font-size: 1rem;
-  --sc-kit--icon-text--text--font-size: var(--_button--text--font-size);
-  --sc-kit--icon-text--icon--font-size: var(--_button--icon--font-size);
-  --sc-kit--icon-text--justify-content: var(--_button--justify-content);
-}
-.button:not(:disabled):hover {
-  background: var(--_button--background--hover);
-}
-.button:not(:disabled):active {
-  background: var(--_button--background--active);
-  color: var(--_button--font--color--active);
-}
-.button:disabled {
-  cursor: default;
-  background: var(--_button--background--disabled);
-  border: var(--_button--border--disabled);
-  color: var(--_button--font--color--disabled);
-}</style>

package/dist/ui/button/resources/button-base.svelte.d.ts

@@ -1,13 +0,0 @@
-import type { Snippet } from 'svelte';
-type Props = {
-    type?: 'button' | 'submit' | 'reset';
-    disabled?: boolean;
-    autofocus?: boolean;
-    on?: {
-        click?: (e: MouseEvent) => void;
-    };
-    children: Snippet;
-};
-declare const ButtonBase: import("svelte").Component<Props, {}, "">;
-type ButtonBase = ReturnType<typeof ButtonBase>;
-export default ButtonBase;

package/dist/ui/button/resources/button-theme.svelte

@@ -1,335 +0,0 @@
-<script lang="ts">let { variant = undefined, size = 'standard', children } = $props();
-export {};
-</script>
-
-<div
-  class="button-theme"
-  class:button-theme--standard={variant === 'standard'}
-  class:button-theme--primary={variant === 'primary'}
-  class:button-theme--alert={variant === 'alert'}
-  class:button-theme--warning={variant === 'warning'}
-  class:button-theme--white={variant === 'white'}
-  class:button-theme--gray={variant === 'gray'}
-  class:button-theme--green={variant === 'green'}
-  class:button-theme--black={variant === 'black'}
-  class:button-theme--text-only={variant === 'text-only'}
-  class:button-theme--transparent-success={variant === 'transparent-success'}
-  class:button-theme--transparent-primary={variant === 'transparent-primary'}
-  class:button-theme--transparent-gray={variant === 'transparent-gray'}
-  class:button-theme--transparent-white={variant === 'transparent-white'}
-  class:button-theme--transparent-warning={variant === 'transparent-warning'}
-  class:button-theme--transparent-destructive={variant === 'transparent-destructive'}
-  class:button-theme--size-standard={size === 'standard'}
-  class:button-theme--size-large={size === 'large'}
-  class:button-theme--size-small={size === 'small'}>
-  {@render children()}
-</div>
-
-<style>.button-theme {
-  display: contents;
-}
-.button-theme--primary {
-  --sc-kit--button--font--color: var(--sc-kit--button--primary--font--color, #ffffff);
-  --sc-kit--button--font--color--active: var(--sc-kit--button--primary--font--color--active, #ffffff);
-  --sc-kit--button--font--color--disabled: var(--sc-kit--button--primary--font--color--disabled, #ffffff);
-  --sc-kit--button--background: var(--sc-kit--button--primary--background, #144ab0);
-  --sc-kit--button--background--hover: var(--sc-kit--button--primary--background--hover, #1244a0);
-  --sc-kit--button--background--active: var(--sc-kit--button--primary--background--active, #103a89);
-  --sc-kit--button--background--disabled: var(--sc-kit--button--primary--background--disabled, #91b3f3);
-  --sc-kit--button--border: var(--sc-kit--button--primary--border, none);
-  --sc-kit--button--border--disabled: var(--sc-kit--button--primary--border--disabled, none);
-  --sc-kit--button--box-shadow: var(--sc-kit--button--primary--box-shadow, inset 0px var(--_button--shadow-y, 2px) 0px 0px rgba(255, 255, 255, 0.3));
-}
-.button-theme--standard {
-  --sc-kit--button--font--color: var(--sc-kit--button--standard--font--color, light-dark(#2e2e2e, #ffffff));
-  --sc-kit--button--font--color--active: var(
-    --sc-kit--button--standard--font--color--active,
-    light-dark(#2e2e2e, #ffffff)
-  );
-  --sc-kit--button--font--color--disabled: var(
-    --sc-kit--button--standard--font--color--disabled,
-    light-dark(#2e2e2e, #ffffff)
-  );
-  --sc-kit--button--background: var(--sc-kit--button--standard--background, light-dark(#ffffff, #111827));
-  --sc-kit--button--background--hover: var(
-    --sc-kit--button--standard--background--hover,
-    light-dark(#f9fafb, #1f2937)
-  );
-  --sc-kit--button--background--active: var(
-    --sc-kit--button--standard--background--active,
-    light-dark(#f2f2f3, #374151)
-  );
-  --sc-kit--button--background--disabled: var(
-    --sc-kit--button--standard--background--disabled,
-    light-dark(#f2f2f3, #374151)
-  );
-  --sc-kit--button--border: var(--sc-kit--button--standard--border, 1px solid light-dark(#f2f2f3, #1e1e1e));
-  --sc-kit--button--border--disabled: var(
-    --sc-kit--button--standard--border--disabled,
-    1px solid light-dark(#e5e7eb, #4b5563)
-  );
-  --sc-kit--button--box-shadow: var(--sc-kit--button--standard--box-shadow, inset 0px var(--_button--shadow-y, 2px) 0px 0px rgba(255, 255, 255, 0.3));
-}
-.button-theme--white {
-  --sc-kit--button--font--color: var(--sc-kit--button--white--font--color, light-dark(#2e2e2e, #ffffff));
-  --sc-kit--button--font--color--active: var(--sc-kit--button--white--font--color--active, light-dark(#2e2e2e, #ffffff));
-  --sc-kit--button--font--color--disabled: var(
-    --sc-kit--button--white--font--color--disabled,
-    light-dark(#2e2e2e, #ffffff)
-  );
-  --sc-kit--button--background: var(--sc-kit--button--white--background, light-dark(#ffffff, #111827));
-  --sc-kit--button--background--hover: var(
-    --sc-kit--button--white--background--hover,
-    light-dark(#f9fafb, #1f2937)
-  );
-  --sc-kit--button--background--active: var(
-    --sc-kit--button--white--background--active,
-    light-dark(#f2f2f3, #374151)
-  );
-  --sc-kit--button--background--disabled: var(
-    --sc-kit--button--white--background--disabled,
-    light-dark(#f2f2f3, #374151)
-  );
-  --sc-kit--button--border: var(--sc-kit--button--white--border, none);
-  --sc-kit--button--border--disabled: var(--sc-kit--button--white--border--disabled, none);
-  --sc-kit--button--box-shadow: var(--sc-kit--button--white--box-shadow, none);
-}
-.button-theme--gray {
-  --sc-kit--button--font--color: var(--sc-kit--button--gray--font--color, light-dark(#2e2e2e, #ffffff));
-  --sc-kit--button--font--color--active: var(--sc-kit--button--gray--font--color--active, light-dark(#2e2e2e, #ffffff));
-  --sc-kit--button--font--color--disabled: var(
-    --sc-kit--button--gray--font--color--disabled,
-    light-dark(#2e2e2e, #ffffff)
-  );
-  --sc-kit--button--background: var(--sc-kit--button--gray--background, light-dark(#f2f2f3, #374151));
-  --sc-kit--button--background--hover: var(
-    --sc-kit--button--gray--background--hover,
-    light-dark(#f9fafb, #1f2937)
-  );
-  --sc-kit--button--background--active: var(
-    --sc-kit--button--gray--background--active,
-    light-dark(#f2f2f3, #374151)
-  );
-  --sc-kit--button--background--disabled: var(
-    --sc-kit--button--gray--background--disabled,
-    light-dark(#f2f2f3, #374151)
-  );
-  --sc-kit--button--border: var(--sc-kit--button--gray--border, 1px solid light-dark(#e5e7eb, #4b5563));
-  --sc-kit--button--border--disabled: var(
-    --sc-kit--button--gray--border--disabled,
-    1px solid light-dark(#e5e7eb, #4b5563)
-  );
-  --sc-kit--button--box-shadow: var(--sc-kit--button--gray--box-shadow, none);
-}
-.button-theme--green {
-  --sc-kit--button--font--color: var(--sc-kit--button--green--font--color, light-dark(#0cce6b, #ffffff));
-  --sc-kit--button--font--color--active: var(
-    --sc-kit--button--green--font--color--active,
-    light-dark(#0cce6b, #ffffff)
-  );
-  --sc-kit--button--font--color--disabled: var(
-    --sc-kit--button--green--font--color--disabled,
-    light-dark(#0cce6b, #ffffff)
-  );
-  --sc-kit--button--background: var(--sc-kit--button--green--background, light-dark(#d4fce7, #374151));
-  --sc-kit--button--background--hover: var(
-    --sc-kit--button--green--background--hover,
-    light-dark(#088745, #1f2937)
-  );
-  --sc-kit--button--background--active: var(
-    --sc-kit--button--green--background--active,
-    light-dark(#088745, #374151)
-  );
-  --sc-kit--button--background--disabled: var(
-    --sc-kit--button--green--background--disabled,
-    light-dark(#ffffff, #374151)
-  );
-  --sc-kit--button--border: var(--sc-kit--button--green--border, 1px solid light-dark(#0cce6b, #4b5563));
-  --sc-kit--button--border--disabled: var(
-    --sc-kit--button--green--border--disabled,
-    1px solid light-dark(#0cce6b, #4b5563)
-  );
-  --sc-kit--button--box-shadow: var(--sc-kit--button--green--box-shadow, none);
-}
-.button-theme--black {
-  --sc-kit--button--font--color: var(--sc-kit--button--black--font--color, light-dark(#ffffff, #2e2e2e));
-  --sc-kit--button--font--color--active: var(--sc-kit--button--black--font--color--active, light-dark(#ffffff, #2e2e2e));
-  --sc-kit--button--font--color--disabled: var(
-    --sc-kit--button--black--font--color--disabled,
-    light-dark(#ffffff, #2e2e2e)
-  );
-  --sc-kit--button--background: var(--sc-kit--button--black--background, light-dark(#1c1c1c, #fafafa));
-  --sc-kit--button--background--hover: var(
-    --sc-kit--button--black--background--hover,
-    light-dark(#1f2937, #f2f2f3)
-  );
-  --sc-kit--button--background--active: var(
-    --sc-kit--button--black--background--active,
-    light-dark(#374151, #e5e7eb)
-  );
-  --sc-kit--button--background--disabled: var(
-    --sc-kit--button--black--background--disabled,
-    light-dark(#374151, #e5e7eb)
-  );
-  --sc-kit--button--border: var(--sc-kit--button--black--border, none);
-  --sc-kit--button--border--disabled: var(--sc-kit--button--black--border--disabled, none);
-  --sc-kit--button--box-shadow: var(--sc-kit--button--black--box-shadow, none);
-}
-.button-theme--alert {
-  --sc-kit--button--font--color: var(--sc-kit--button--alert--font--color, #ffffff);
-  --sc-kit--button--font--color--active: var(--sc-kit--button--alert--font--color--active, #ffffff);
-  --sc-kit--button--font--color--disabled: var(--sc-kit--button--alert--font--color--disabled, #ffffff);
-  --sc-kit--button--background: var(--sc-kit--button--alert--background, #e71d36);
-  --sc-kit--button--background--hover: var(--sc-kit--button--alert--background--hover, #d4172d);
-  --sc-kit--button--background--active: var(--sc-kit--button--alert--background--active, #b81427);
-  --sc-kit--button--background--disabled: var(--sc-kit--button--alert--background--disabled, #f6a7b1);
-  --sc-kit--button--border: var(--sc-kit--button--alert--border, none);
-  --sc-kit--button--border--disabled: var(--sc-kit--button--alert--border--disabled, none);
-  --sc-kit--button--box-shadow: var(--sc-kit--button--alert--box-shadow, none);
-}
-.button-theme--warning {
-  --sc-kit--button--font--color: var(--sc-kit--button--warning--font--color, #ffffff);
-  --sc-kit--button--font--color--active: var(--sc-kit--button--warning--font--color--active, #ffffff);
-  --sc-kit--button--font--color--disabled: var(--sc-kit--button--warning--font--color--disabled, #ffffff);
-  --sc-kit--button--background: var(--sc-kit--button--warning--background, #ffa62b);
-  --sc-kit--button--background--hover: var(--sc-kit--button--warning--background--hover, #d97706);
-  --sc-kit--button--background--active: var(--sc-kit--button--warning--background--active, #b45309);
-  --sc-kit--button--background--disabled: var(--sc-kit--button--warning--background--disabled, #fcd34d);
-  --sc-kit--button--border: var(--sc-kit--button--warning--border, none);
-  --sc-kit--button--border--disabled: var(--sc-kit--button--warning--border--disabled, none);
-  --sc-kit--button--box-shadow: var(--sc-kit--button--warning--box-shadow, none);
-}
-.button-theme--text-only {
-  --sc-kit--button--font--color: var(--sc-kit--button--text-only--font--color, light-dark(#2e2e2e, #ffffff));
-  --sc-kit--button--font--color--active: var(
-    --sc-kit--button--text-only--font--color--active,
-    light-dark(#2e2e2e, #ffffff)
-  );
-  --sc-kit--button--font--color--disabled: var(
-    --sc-kit--button--text-only--font--color--disabled,
-    light-dark(#2e2e2e, #ffffff)
-  );
-  --sc-kit--button--background: var(--sc-kit--button--text-only--background, transparent);
-  --sc-kit--button--background--hover: var(
-    --sc-kit--button--text-only--background--hover,
-    light-dark(#f2f2f3, #111827)
-  );
-  --sc-kit--button--background--active: var(
-    --sc-kit--button--text-only--background--active,
-    light-dark(#e5e7eb, #1f2937)
-  );
-  --sc-kit--button--background--disabled: var(--sc-kit--button--text-only--background--disabled, transparent);
-  --sc-kit--button--border: var(--sc-kit--button--text-only--border, none);
-  --sc-kit--button--border--disabled: var(--sc-kit--button--text-only--border--disabled, none);
-  --sc-kit--button--box-shadow: var(--sc-kit--button--text-only--box-shadow, none);
-}
-.button-theme--transparent-success {
-  --sc-kit--button--font--color: var(--sc-kit--button--transparent-success--font--color, #0cce6b);
-  --sc-kit--button--font--color--active: var(--sc-kit--button--transparent-success--font--color--active, #0cce6b);
-  --sc-kit--button--font--color--disabled: var(--sc-kit--button--transparent-success--font--color--disabled, #39f393);
-  --sc-kit--button--background: var(--sc-kit--button--transparent-success--background, #ecfef4);
-  --sc-kit--button--background--hover: var(--sc-kit--button--transparent-success--background--hover, #ecfef4);
-  --sc-kit--button--background--active: var(--sc-kit--button--transparent-success--background--active, #d4fce7);
-  --sc-kit--button--background--disabled: var(--sc-kit--button--transparent-success--background--disabled, transparent);
-  --sc-kit--button--border: var(--sc-kit--button--transparent-success--border, 1px solid #0cce6b);
-  --sc-kit--button--border--disabled: var(--sc-kit--button--transparent-success--border--disabled, 1px solid #39f393);
-  --sc-kit--button--box-shadow: var(--sc-kit--button--transparent-success--box-shadow, none);
-}
-.button-theme--transparent-primary {
-  --sc-kit--button--font--color: var(--sc-kit--button--transparent-primary--font--color, #144ab0);
-  --sc-kit--button--font--color--active: var(--sc-kit--button--transparent-primary--font--color--active, #144ab0);
-  --sc-kit--button--font--color--disabled: var(--sc-kit--button--transparent-primary--font--color--disabled, #91b3f3);
-  --sc-kit--button--background: var(--sc-kit--button--transparent-primary--background, #f1f6fd);
-  --sc-kit--button--background--hover: var(--sc-kit--button--transparent-primary--background--hover, #f1f6fd);
-  --sc-kit--button--background--active: var(--sc-kit--button--transparent-primary--background--active, #dfe9fb);
-  --sc-kit--button--background--disabled: var(--sc-kit--button--transparent-primary--background--disabled, transparent);
-  --sc-kit--button--border: var(--sc-kit--button--transparent-primary--border, 1px solid #144ab0);
-  --sc-kit--button--border--disabled: var(--sc-kit--button--transparent-primary--border--disabled, 1px solid #91b3f3);
-  --sc-kit--button--box-shadow: var(--sc-kit--button--transparent-primary--box-shadow, none);
-}
-.button-theme--transparent-white {
-  --sc-kit--button--font--color: var(--sc-kit--button--transparent-white--font--color, #ffffff);
-  --sc-kit--button--font--color--active: var(--sc-kit--button--transparent-white--font--color--active, #ffffff);
-  --sc-kit--button--font--color--disabled: var(--sc-kit--button--transparent-white--font--color--disabled, #ffffff);
-  --sc-kit--button--background: var(--sc-kit--button--transparent-white--background, transparent);
-  --sc-kit--button--background--hover: var(--sc-kit--button--transparent-white--background--hover, transparent);
-  --sc-kit--button--background--active: var(--sc-kit--button--transparent-white--background--active, transparent);
-  --sc-kit--button--background--disabled: var(--sc-kit--button--transparent-white--background--disabled, transparent);
-  --sc-kit--button--border: var(--sc-kit--button--transparent-white--border, 1px solid #ffffff);
-  --sc-kit--button--border--disabled: var(--sc-kit--button--transparent-white--border--disabled, 1px solid #ffffff);
-  --sc-kit--button--box-shadow: var(--sc-kit--button--transparent-white--box-shadow, none);
-}
-.button-theme--transparent-gray {
-  --sc-kit--button--font--color: var(
-    --sc-kit--button--transparent-gray--font--color,
-    light-dark(#6b7280, #e5e7eb)
-  );
-  --sc-kit--button--font--color--active: var(
-    --sc-kit--button--transparent-gray--font--color--active,
-    light-dark(#6b7280, #e5e7eb)
-  );
-  --sc-kit--button--font--color--disabled: var(
-    --sc-kit--button--transparent-gray--font--color--disabled,
-    light-dark(#6b7280, #e5e7eb)
-  );
-  --sc-kit--button--background: var(--sc-kit--button--transparent-gray--background, light-dark(#f9fafb, #1f2937));
-  --sc-kit--button--background--hover: var(
-    --sc-kit--button--transparent-gray--background--hover,
-    light-dark(#f9fafb, #1f2937)
-  );
-  --sc-kit--button--background--active: var(
-    --sc-kit--button--transparent-gray--background--active,
-    light-dark(#f2f2f3, #374151)
-  );
-  --sc-kit--button--background--disabled: var(--sc-kit--button--transparent-gray--background--disabled, transparent);
-  --sc-kit--button--border: var(
-    --sc-kit--button--transparent-gray--border,
-    1px solid light-dark(#6b7280, #e5e7eb)
-  );
-  --sc-kit--button--border--disabled: var(
-    --sc-kit--button--transparent-gray--border--disabled,
-    1px solid light-dark(#6b7280, #e5e7eb)
-  );
-  --sc-kit--button--box-shadow: var(--sc-kit--button--transparent-gray--box-shadow, none);
-}
-.button-theme--transparent-warning {
-  --sc-kit--button--font--color: var(--sc-kit--button--transparent-warning--font--color, #ffa62b);
-  --sc-kit--button--font--color--active: var(--sc-kit--button--transparent-warning--font--color--active, #ffa62b);
-  --sc-kit--button--font--color--disabled: var(--sc-kit--button--transparent-warning--font--color--disabled, #fcd34d);
-  --sc-kit--button--background: var(--sc-kit--button--transparent-warning--background, #fffbeb);
-  --sc-kit--button--background--hover: var(--sc-kit--button--transparent-warning--background--hover, #fffbeb);
-  --sc-kit--button--background--active: var(--sc-kit--button--transparent-warning--background--active, #fef3c7);
-  --sc-kit--button--background--disabled: var(--sc-kit--button--transparent-warning--background--disabled, transparent);
-  --sc-kit--button--border: var(--sc-kit--button--transparent-warning--border, 1px solid #ffa62b);
-  --sc-kit--button--border--disabled: var(--sc-kit--button--transparent-warning--border--disabled, 1px solid #fcd34d);
-  --sc-kit--button--box-shadow: var(--sc-kit--button--transparent-warning--box-shadow, none);
-}
-.button-theme--transparent-destructive {
-  --sc-kit--button--font--color: var(--sc-kit--button--transparent-destructive--font--color, #e71d36);
-  --sc-kit--button--font--color--active: var(--sc-kit--button--transparent-destructive--font--color--active, #e71d36);
-  --sc-kit--button--font--color--disabled: var(--sc-kit--button--transparent-destructive--font--color--disabled, #f6a7b1);
-  --sc-kit--button--background: var(--sc-kit--button--transparent-destructive--background, #fef1f3);
-  --sc-kit--button--background--hover: var(--sc-kit--button--transparent-destructive--background--hover, #fef1f3);
-  --sc-kit--button--background--active: var(--sc-kit--button--transparent-destructive--background--active, #fde8ea);
-  --sc-kit--button--background--disabled: var(--sc-kit--button--transparent-destructive--background--disabled, transparent);
-  --sc-kit--button--border: var(--sc-kit--button--transparent-destructive--border, 1px solid #e71d36);
-  --sc-kit--button--border--disabled: var(--sc-kit--button--transparent-destructive--border--disabled, 1px solid #f6a7b1);
-  --sc-kit--button--box-shadow: var(--sc-kit--button--transparent-destructive--box-shadow, none);
-}
-.button-theme--size-standard {
-  --sc-kit--button--height: 2em;
-}
-.button-theme--size-large {
-  --sc-kit--button--height: 2.5em;
-  --sc-kit--button--text--font-size: 1.125em;
-  --sc-kit--button--icon--font-size: 1.25em;
-  --sc-kit--button--padding--inline: 1.5em;
-  --sc-kit--button--border-radius: 0.375em;
-  --_button--shadow-y: 3px;
-}
-.button-theme--size-small {
-  --sc-kit--button--height: 1.75em;
-  --sc-kit--button--text--font-size: 0.75em;
-  --sc-kit--button--padding--inline: 0.75em;
-  --_button--shadow-y: 1.5px;
-}</style>

package/dist/ui/button/resources/button-theme.svelte.d.ts

@@ -1,10 +0,0 @@
-import type { ButtonSize, ButtonVariant } from './types';
-import type { Snippet } from 'svelte';
-type Props = {
-    variant?: ButtonVariant | null;
-    size?: ButtonSize | null;
-    children: Snippet;
-};
-declare const ButtonTheme: import("svelte").Component<Props, {}, "">;
-type ButtonTheme = ReturnType<typeof ButtonTheme>;
-export default ButtonTheme;

package/dist/ui/button/resources/types.d.ts

@@ -1,2 +0,0 @@
-export type ButtonVariant = 'primary' | 'standard' | 'alert' | 'warning' | 'white' | 'gray' | 'green' | 'black' | 'text-only' | 'transparent-success' | 'transparent-primary' | 'transparent-gray' | 'transparent-white' | 'transparent-warning' | 'transparent-destructive';
-export type ButtonSize = 'standard' | 'large' | 'small';

package/dist/ui/checkbox/cmp.three-state-checkbox.svelte

@@ -1,117 +0,0 @@
-<script lang="ts">import { Icon } from '../icon';
-import IconCheckboxChecked from '@fluentui/svg-icons/icons/checkbox_checked_20_filled.svg?raw';
-import IconCheckboxIndeterminate from '@fluentui/svg-icons/icons/checkbox_indeterminate_20_filled.svg?raw';
-import IconCheckboxUnchecked from '@fluentui/svg-icons/icons/checkbox_unchecked_20_regular.svg?raw';
-const { state, disabled = false, label = undefined, stopPropagation = true, title = '', checkedIcon = IconCheckboxChecked, uncheckedIcon = IconCheckboxUnchecked, indeterminateIcon = IconCheckboxIndeterminate, children, on } = $props();
-let iconRef;
-const onCheckboxClick = (event) => {
-    if (stopPropagation) {
-        event.stopPropagation();
-    }
-    if (disabled) {
-        return;
-    }
-    on?.change(state !== 'checked');
-};
-const onCheckboxKeyPress = (event) => {
-    if (event.code === 'Space' || event.key === ' ') {
-        event.preventDefault();
-        onCheckboxClick(event);
-        setTimeout(() => {
-            iconRef.focus();
-        });
-    }
-};
-const checkboxIcon = $derived.by(() => {
-    if (state === 'checked') {
-        return checkedIcon;
-    }
-    if (state === 'indeterminate') {
-        return indeterminateIcon;
-    }
-    return uncheckedIcon;
-});
-</script>
-
-<div class="checkbox" onclick={onCheckboxClick} class:checkbox--disabled={disabled} title={title} onkeydown={onCheckboxKeyPress} role="none">
-  <!-- svelte-ignore a11y_no_noninteractive_tabindex -->
-  <span class="checkbox__icon" class:checkbox__icon--checked={state !== 'unchecked'} tabindex="0" bind:this={iconRef}>
-    <Icon src={checkboxIcon} />
-  </span>
-  {#if label}
-    <span class="checkbox__label">{label}</span>
-  {:else if children}
-    <div class="checkbox__body">
-      {@render children()}
-    </div>
-  {/if}
-</div>
-
-<!--
-@component
-A three-state checkbox (unchecked, checked, indeterminate) with optional label or custom body.
-
-### CSS Custom Properties
-| Property | Description | Default |
-|---|---|---|
-| `--sc-kit--checkbox--gap` | Gap between icon and label | `0.625em` |
-| `--sc-kit--checkbox--icon--size` | Checkbox icon size | `1.5em` |
-| `--sc-kit--checkbox--label--font-size` | Label font size | `1em` |
-| `--sc-kit--checkbox--label--line-height` | Label line height | `1em` |
-| `--sc-kit--checkbox--align-items` | Cross-axis alignment | `center` |
-| `--sc-kit--checkbox--color` | Unchecked icon color | `neutral-500` / `neutral-600` |
-| `--sc-kit--checkbox--color--checked` | Checked/indeterminate icon color | `primary-500` / `primary-400` |
--->
-
-<style>.checkbox {
-  --_checkbox--gap: var(--sc-kit--checkbox--gap, 0.625em);
-  --_checkbox--icon--size: var(--sc-kit--checkbox--icon--size, 1.5em);
-  --_checkbox--label--font-size: var(--sc-kit--checkbox--label--font-size, 1em);
-  --_checkbox--label--line-height: var(--sc-kit--checkbox--label--line-height, 1em);
-  --_checkbox--align-items: var(--sc-kit--checkbox--align-items, center);
-  --_checkbox--color: var(--sc-kit--checkbox--color, light-dark(#6b7280, #4b5563));
-  --_checkbox--color--checked: var(--sc-kit--checkbox--color--checked, light-dark(#144ab0, #5a8dec));
-  display: inline-flex;
-  align-items: var(--_checkbox--align-items);
-  gap: var(--_checkbox--gap);
-  cursor: pointer;
-}
-.checkbox__icon {
-  --sc-kit--icon--size: var(--_checkbox--icon--size);
-  --sc-kit--icon--color: var(--_checkbox--color);
-  line-height: 0;
-}
-.checkbox__icon:focus {
-  filter: drop-shadow(1px 1px 0.5px rgba(0, 0, 0, 0.25));
-}
-.checkbox__icon--checked {
-  --sc-kit--icon--color: var(--_checkbox--color--checked);
-}
-.checkbox__label {
-  font-size: var(--_checkbox--label--font-size);
-  line-height: var(--_checkbox--label--line-height);
-  min-width: 0;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  -webkit-user-drag: none;
-  user-select: none;
-}
-.checkbox__label :global([contenteditable]) {
-  user-select: text;
-}
-.checkbox__body {
-  font-size: var(--_checkbox--label--font-size);
-  line-height: var(--_checkbox--label--line-height);
-  min-width: 0;
-  -webkit-user-drag: none;
-  user-select: none;
-}
-.checkbox__body :global([contenteditable]) {
-  user-select: text;
-}
-.checkbox--disabled {
-  opacity: 0.5;
-  pointer-events: none;
-}</style>

package/dist/ui/checkbox/cmp.three-state-checkbox.svelte.d.ts

@@ -1,37 +0,0 @@
-import type { CheckboxState } from './types';
-import type { Snippet } from 'svelte';
-type Props = {
-    state: CheckboxState;
-    disabled?: boolean;
-    label?: string;
-    /** @default true */
-    stopPropagation?: boolean;
-    title?: string;
-    /** Custom icon for checked state */
-    checkedIcon?: string;
-    /** Custom icon for unchecked state */
-    uncheckedIcon?: string;
-    /** Custom icon for indeterminate state */
-    indeterminateIcon?: string;
-    children?: Snippet;
-    on?: {
-        change: (value: boolean) => void;
-    };
-};
-/**
- * A three-state checkbox (unchecked, checked, indeterminate) with optional label or custom body.
- *
- * ### CSS Custom Properties
- * | Property | Description | Default |
- * |---|---|---|
- * | `--sc-kit--checkbox--gap` | Gap between icon and label | `0.625em` |
- * | `--sc-kit--checkbox--icon--size` | Checkbox icon size | `1.5em` |
- * | `--sc-kit--checkbox--label--font-size` | Label font size | `1em` |
- * | `--sc-kit--checkbox--label--line-height` | Label line height | `1em` |
- * | `--sc-kit--checkbox--align-items` | Cross-axis alignment | `center` |
- * | `--sc-kit--checkbox--color` | Unchecked icon color | `neutral-500` / `neutral-600` |
- * | `--sc-kit--checkbox--color--checked` | Checked/indeterminate icon color | `primary-500` / `primary-400` |
- */
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/ui/checkbox/types.d.ts

@@ -1 +0,0 @@
-export type CheckboxState = 'unchecked' | 'checked' | 'indeterminate';