@marwes-ui/svelte 1.3.0

package/dist/components/badge/PriorityBadge.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Badge from "./Badge.svelte";
+  import type { BadgeProps } from "./types.js";
+  let { dataAttributes, ...props }: BadgeProps = $props();
+</script>
+<Badge {...props} dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("priority") }} />

package/dist/components/badge/PriorityBadge.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { BadgeProps } from "./types.js";
+declare const PriorityBadge: import("svelte").Component<BadgeProps, {}, "">;
+type PriorityBadge = ReturnType<typeof PriorityBadge>;
+export default PriorityBadge;

package/dist/components/badge/README.md

@@ -0,0 +1,16 @@
+# Badge — Parity Findings
+
+## Svelte vs React/Vue
+
+### Aligned ✅
+- `Badge` atom with `createBadgeRecipe`
+- All variants: neutral, info, success, warning, error
+- `BadgeGroup` molecule with fieldset/legend/aria-labelledby
+- Class merging, data attributes spreading
+- Optional ariaLabel, id, custom dataAttributes
+
+### Missing ❌
+- **Purpose variant wrappers** (3): `StatusBadge`, `PriorityBadge`, `NotificationBadge`
+
+### Notes
+- Purpose badge variants are thin — they pre-set variant and add purpose-specific data attributes. Low priority follow-up.

package/dist/components/badge/StatusBadge.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Badge from "./Badge.svelte";
+  import type { BadgeProps } from "./types.js";
+  let { dataAttributes, ...props }: BadgeProps = $props();
+</script>
+<Badge {...props} dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("status") }} />

package/dist/components/badge/StatusBadge.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { BadgeProps } from "./types.js";
+declare const StatusBadge: import("svelte").Component<BadgeProps, {}, "">;
+type StatusBadge = ReturnType<typeof StatusBadge>;
+export default StatusBadge;

package/dist/components/badge/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Badge } from "./Badge.svelte";
+export { default as BadgeGroup } from "./BadgeGroup.svelte";
+export type { BadgeProps, BadgeGroupProps } from "./types.js";

package/dist/components/badge/index.js

@@ -0,0 +1,2 @@
+export { default as Badge } from "./Badge.svelte";
+export { default as BadgeGroup } from "./BadgeGroup.svelte";

package/dist/components/badge/types.d.ts

@@ -0,0 +1,15 @@
+import type { BadgeOptions } from "@marwes-ui/core";
+import type { Snippet } from "svelte";
+export interface BadgeProps extends BadgeOptions {
+    children?: Snippet;
+    class?: string;
+    id?: string;
+    dataAttributes?: Record<string, string>;
+}
+export interface BadgeGroupProps {
+    /** Visible label for the badge group. */
+    label: string;
+    children?: Snippet;
+    class?: string;
+    id?: string;
+}

package/dist/components/badge/types.js

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

package/dist/components/button/Button.svelte

@@ -0,0 +1,92 @@
+<script lang="ts">
+  import { type ButtonVariant, createButtonRecipe } from "@marwes-ui/core";
+  import { cssVarsToStyle, mergeStyle } from "../../internal/css-vars.js";
+  import { mergeClass } from "../../internal/merge-class.js";
+  import Icon from "../icon/Icon.svelte";
+  import ButtonSpinner from "../spinner/ButtonSpinner.svelte";
+  import type { ButtonProps } from "./types.js";
+
+  let {
+    children,
+    onclick,
+    class: className,
+    style,
+    ...options
+  }: ButtonProps = $props();
+
+  const kit = $derived(createButtonRecipe(options));
+  const mergedClass = $derived(mergeClass(kit.className, className));
+  const mergedStyle = $derived(mergeStyle(cssVarsToStyle(kit.vars), style));
+
+  const resolvedVariant = $derived((options.variant ?? "primary") as ButtonVariant);
+  const isFilledVariant = $derived(resolvedVariant === "primary" || resolvedVariant === "success");
+
+  const visibleLabel = $derived(
+    kit.loading.isLoading && kit.loading.loadingLabel !== undefined
+      ? kit.loading.loadingLabel
+      : undefined
+  );
+
+  function handleClick(e: MouseEvent): void {
+    if (kit.blockClick) {
+      e.preventDefault();
+      return;
+    }
+    onclick?.(e);
+  }
+</script>
+
+{#snippet buttonContent()}
+  {#if kit.loading.isLoading}
+    <ButtonSpinner variant={kit.loading.spinnerVariant} inverted={isFilledVariant} />
+  {:else if options.iconLeft}
+    <Icon name={options.iconLeft} size="xs" strokeWidth="sm" decorative />
+  {/if}
+  {#if visibleLabel}
+    {visibleLabel}
+  {:else}
+    {@render children?.()}
+  {/if}
+  {#if !kit.loading.isLoading && options.iconRight}
+    <Icon name={options.iconRight} size="xs" strokeWidth="sm" decorative />
+  {/if}
+{/snippet}
+
+{#if kit.tag === "button"}
+  <button
+    type={kit.a11y.type}
+    disabled={kit.a11y.disabled}
+    aria-label={kit.a11y.ariaLabel}
+    aria-busy={kit.a11y.ariaBusy}
+    aria-disabled={kit.a11y.ariaDisabled}
+    aria-pressed={kit.a11y.ariaPressed}
+    aria-expanded={kit.a11y.ariaExpanded}
+    aria-controls={kit.a11y.ariaControls}
+    title={kit.a11y.title}
+    class={mergedClass}
+    style={mergedStyle}
+    onclick={handleClick}
+    {...kit.dataAttributes}
+  >
+    {@render buttonContent()}
+  </button>
+{:else}
+  <a
+    href={kit.a11y.href}
+    role={kit.a11y.role}
+    tabindex={kit.a11y.tabIndex}
+    aria-label={kit.a11y.ariaLabel}
+    aria-busy={kit.a11y.ariaBusy}
+    aria-disabled={kit.a11y.ariaDisabled}
+    aria-pressed={kit.a11y.ariaPressed}
+    aria-expanded={kit.a11y.ariaExpanded}
+    aria-controls={kit.a11y.ariaControls}
+    title={kit.a11y.title}
+    class={mergedClass}
+    style={mergedStyle}
+    onclick={handleClick}
+    {...kit.dataAttributes}
+  >
+    {@render buttonContent()}
+  </a>
+{/if}

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

@@ -0,0 +1,4 @@
+import type { ButtonProps } from "./types.js";
+declare const Button: import("svelte").Component<ButtonProps, {}, "">;
+type Button = ReturnType<typeof Button>;
+export default Button;

package/dist/components/button/CancelButton.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "action">;
+  let { dataAttributes, ...props }: Props = $props();
+</script>
+<Button {...props} action="cancel" variant={props.variant ?? "neutral"} dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("cancel"), "data-cancel": "true" }} />

package/dist/components/button/CancelButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "action">;
+declare const CancelButton: import("svelte").Component<Props, {}, "">;
+type CancelButton = ReturnType<typeof CancelButton>;
+export default CancelButton;

package/dist/components/button/CloseButton.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action">;
+  let { dataAttributes, ...props }: Props = $props();
+</script>
+<Button {...props} variant="neutral" action="cancel" dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("close") }} />

package/dist/components/button/CloseButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action">;
+declare const CloseButton: import("svelte").Component<Props, {}, "">;
+type CloseButton = ReturnType<typeof CloseButton>;
+export default CloseButton;

package/dist/components/button/ConfirmButton.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action" | "as">;
+  let { dataAttributes, ...props }: Props = $props();
+</script>
+<Button {...props} variant="success" action="button" as="button" dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("confirm") }} />

package/dist/components/button/ConfirmButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action" | "as">;
+declare const ConfirmButton: import("svelte").Component<Props, {}, "">;
+type ConfirmButton = ReturnType<typeof ConfirmButton>;
+export default ConfirmButton;

package/dist/components/button/CopyButton.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action">;
+  let { dataAttributes, ...props }: Props = $props();
+</script>
+<Button {...props} variant="neutral" action="button" dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("copy"), "data-copy": "true" }} />

package/dist/components/button/CopyButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action">;
+declare const CopyButton: import("svelte").Component<Props, {}, "">;
+type CopyButton = ReturnType<typeof CopyButton>;
+export default CopyButton;

package/dist/components/button/CreateButton.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action">;
+  let props: Props = $props();
+</script>
+<Button {...props} variant="primary" action="create" />

package/dist/components/button/CreateButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action">;
+declare const CreateButton: import("svelte").Component<Props, {}, "">;
+type CreateButton = ReturnType<typeof CreateButton>;
+export default CreateButton;

package/dist/components/button/DestructiveButton.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action" | "as">;
+  let { dataAttributes, ...props }: Props = $props();
+</script>
+<Button {...props} variant="primary" action="delete" error as="button" dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("destructive") }} />

package/dist/components/button/DestructiveButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action" | "as">;
+declare const DestructiveButton: import("svelte").Component<Props, {}, "">;
+type DestructiveButton = ReturnType<typeof DestructiveButton>;
+export default DestructiveButton;

package/dist/components/button/DownloadButton.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action">;
+  let { dataAttributes, ...props }: Props = $props();
+</script>
+<Button {...props} variant="secondary" action="button" iconRight={props.iconRight ?? "download"} dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("download"), "data-transfer": "download" }} />

package/dist/components/button/DownloadButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action">;
+declare const DownloadButton: import("svelte").Component<Props, {}, "">;
+type DownloadButton = ReturnType<typeof DownloadButton>;
+export default DownloadButton;

package/dist/components/button/DropdownButton.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action">;
+  let { dataAttributes, ...props }: Props = $props();
+</script>
+<Button {...props} variant="secondary" action="button" iconRight={props.iconRight ?? "chevronDown"} dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("dropdown"), "data-dropdown": "true" }} />

package/dist/components/button/DropdownButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action">;
+declare const DropdownButton: import("svelte").Component<Props, {}, "">;
+type DropdownButton = ReturnType<typeof DropdownButton>;
+export default DropdownButton;

package/dist/components/button/EditButton.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action">;
+  let { dataAttributes, ...props }: Props = $props();
+</script>
+<Button {...props} variant="secondary" action="edit" iconRight={props.iconRight ?? "edit"} dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("edit") }} />

package/dist/components/button/EditButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action">;
+declare const EditButton: import("svelte").Component<Props, {}, "">;
+type EditButton = ReturnType<typeof EditButton>;
+export default EditButton;

package/dist/components/button/FilterButton.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action">;
+  let { dataAttributes, ...props }: Props = $props();
+</script>
+<Button {...props} variant="neutral" action="button" dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("filter"), "data-filter": "true" }} />

package/dist/components/button/FilterButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action">;
+declare const FilterButton: import("svelte").Component<Props, {}, "">;
+type FilterButton = ReturnType<typeof FilterButton>;
+export default FilterButton;

package/dist/components/button/LinkButton.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action" | "as">;
+  let { dataAttributes, ...props }: Props = $props();
+</script>
+<Button {...props} variant="text" action="navigate" as="a" dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("navigation") }} />

package/dist/components/button/LinkButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action" | "as">;
+declare const LinkButton: import("svelte").Component<Props, {}, "">;
+type LinkButton = ReturnType<typeof LinkButton>;
+export default LinkButton;

package/dist/components/button/PrimaryButton.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "as">;
+  let props: Props = $props();
+</script>
+<Button {...props} variant="primary" as="button" />

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

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "as">;
+declare const PrimaryButton: import("svelte").Component<Props, {}, "">;
+type PrimaryButton = ReturnType<typeof PrimaryButton>;
+export default PrimaryButton;

package/dist/components/button/README.md

@@ -0,0 +1,21 @@
+# Button — Parity Findings
+
+## Svelte vs React/Vue
+
+### Aligned ✅
+- Base `Button` component with full `createButtonRecipe` integration
+- All props: variant, size, action, disabled, loading, iconLeft, iconRight, href, as
+- Anchor path (as="a") with href
+- Loading state with `ButtonSpinner`
+- Icon rendering via `Icon` component
+- Class/style merging with core output
+- All a11y attributes from core recipe
+- Data attributes spreading
+
+### Missing ❌
+- **Purpose variant wrappers** (22 components): `PrimaryButton`, `SecondaryButton`, `TextButton`, `SuccessButton`, `DestructiveButton`, `CreateButton`, `SubmitButton`, `CancelButton`, `LinkButton`, `SaveButton`, `ConfirmButton`, `VerifyButton`, `EditButton`, `CloseButton`, `RefreshButton`, `UploadButton`, `DownloadButton`, `CopyButton`, `SearchButton`, `FilterButton`, `SortButton`, `DropdownButton`
+- Dev-mode warnings for forbidden props on purpose variants
+
+### Notes
+- Purpose wrappers are thin — each just pre-sets `variant`, `action`, and optionally `iconLeft`/`iconRight` via the core `createPurposeSemanticAttributes`. Can be added as a follow-up batch.
+- The base `Button` atom is fully functional and covers all use cases the purpose wrappers serve.

package/dist/components/button/RefreshButton.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action">;
+  let { dataAttributes, ...props }: Props = $props();
+</script>
+<Button {...props} variant="neutral" action="button" iconRight={props.iconRight ?? "refreshCw"} dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("refresh") }} />

package/dist/components/button/RefreshButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action">;
+declare const RefreshButton: import("svelte").Component<Props, {}, "">;
+type RefreshButton = ReturnType<typeof RefreshButton>;
+export default RefreshButton;

package/dist/components/button/SaveButton.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action">;
+  let { dataAttributes, ...props }: Props = $props();
+</script>
+<Button {...props} variant="primary" action="submit" dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("save") }} />

package/dist/components/button/SaveButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action">;
+declare const SaveButton: import("svelte").Component<Props, {}, "">;
+type SaveButton = ReturnType<typeof SaveButton>;
+export default SaveButton;

package/dist/components/button/SearchButton.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action">;
+  let { dataAttributes, ...props }: Props = $props();
+</script>
+<Button {...props} variant="primary" action="button" iconRight={props.iconRight ?? "search"} dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("search"), "data-search": "true" }} />

package/dist/components/button/SearchButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action">;
+declare const SearchButton: import("svelte").Component<Props, {}, "">;
+type SearchButton = ReturnType<typeof SearchButton>;
+export default SearchButton;

package/dist/components/button/SecondaryButton.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "as">;
+  let props: Props = $props();
+</script>
+<Button {...props} variant="secondary" as="button" />

package/dist/components/button/SecondaryButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "as">;
+declare const SecondaryButton: import("svelte").Component<Props, {}, "">;
+type SecondaryButton = ReturnType<typeof SecondaryButton>;
+export default SecondaryButton;

package/dist/components/button/SortButton.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action">;
+  let { dataAttributes, ...props }: Props = $props();
+</script>
+<Button {...props} variant="neutral" action="button" dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("sort"), "data-sort": "true" }} />

package/dist/components/button/SortButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action">;
+declare const SortButton: import("svelte").Component<Props, {}, "">;
+type SortButton = ReturnType<typeof SortButton>;
+export default SortButton;

package/dist/components/button/SubmitButton.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action" | "as">;
+  let props: Props = $props();
+</script>
+<Button {...props} variant="primary" action="submit" as="button" />

package/dist/components/button/SubmitButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action" | "as">;
+declare const SubmitButton: import("svelte").Component<Props, {}, "">;
+type SubmitButton = ReturnType<typeof SubmitButton>;
+export default SubmitButton;

package/dist/components/button/SuccessButton.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action" | "as">;
+  let props: Props = $props();
+</script>
+<Button {...props} variant="success" action="button" as="button" />

package/dist/components/button/SuccessButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action" | "as">;
+declare const SuccessButton: import("svelte").Component<Props, {}, "">;
+type SuccessButton = ReturnType<typeof SuccessButton>;
+export default SuccessButton;

package/dist/components/button/TextButton.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "as">;
+  let props: Props = $props();
+</script>
+<Button {...props} variant="text" as="button" />

package/dist/components/button/TextButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "as">;
+declare const TextButton: import("svelte").Component<Props, {}, "">;
+type TextButton = ReturnType<typeof TextButton>;
+export default TextButton;

package/dist/components/button/UploadButton.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action">;
+  let { dataAttributes, ...props }: Props = $props();
+</script>
+<Button {...props} variant="secondary" action="button" iconRight={props.iconRight ?? "upload"} dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("upload"), "data-transfer": "upload" }} />

package/dist/components/button/UploadButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action">;
+declare const UploadButton: import("svelte").Component<Props, {}, "">;
+type UploadButton = ReturnType<typeof UploadButton>;
+export default UploadButton;

package/dist/components/button/VerifyButton.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { createPurposeSemanticAttributes } from "@marwes-ui/core";
+  import Button from "./Button.svelte";
+  import type { ButtonProps } from "./types.js";
+  type Props = Omit<ButtonProps, "variant" | "action" | "as">;
+  let { dataAttributes, ...props }: Props = $props();
+</script>
+<Button {...props} variant="secondary" action="button" as="button" iconRight={props.iconRight ?? "checkCircle"} dataAttributes={{ ...dataAttributes, ...createPurposeSemanticAttributes("verify"), "data-verification": "true" }} />

package/dist/components/button/VerifyButton.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from "./types.js";
+type Props = Omit<ButtonProps, "variant" | "action" | "as">;
+declare const VerifyButton: import("svelte").Component<Props, {}, "">;
+type VerifyButton = ReturnType<typeof VerifyButton>;
+export default VerifyButton;

package/dist/components/button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from "./Button.svelte";
+export type { ButtonProps } from "./types.js";

package/dist/components/button/index.js

@@ -0,0 +1 @@
+export { default as Button } from "./Button.svelte";

package/dist/components/button/types.d.ts

@@ -0,0 +1,8 @@
+import type { ButtonOptions } from "@marwes-ui/core";
+import type { Snippet } from "svelte";
+export interface ButtonProps extends ButtonOptions {
+    children?: Snippet;
+    onclick?: (e: MouseEvent) => void;
+    class?: string;
+    style?: string;
+}

package/dist/components/button/types.js

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