Expose tabIndex on Button and MenuItem

[brandonmcconnell]

No description provided.

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[changeset-bot]

🦋 Changeset detected

Latest commit: 89adbb1

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
svelte-ux	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
svelte-ux	✅ Ready (View Log)	Visit Preview	89adbb1

[techniq]

Hmm... technically this is exposed via ...$$restProps, although I know intellisense doesn't really work out nice here. Any reason to add it explicitly (and as camel case vs the DOM tabindex)?

I have hopes to improve this with Svelte 5 using something like...

import type { HTMLButtonAttributes } from 'svelte/elements';

interface MyProps extends HTMLButtonAttributes  {
	required: string;
	optional?: number;
	partOfEverythingElse?: boolean;
};
let { required, optional, ...everythingElse }: MyProps = $props();

I've been using...

interface $$Props extends ComponentProps<Chart<TData>> {
  series?: typeof series;
  labels?: typeof labels;
  points?: typeof points;
  props?: typeof props;
  stackSeries?: typeof stackSeries;
}

a little in the Simplified Charts PR but it's also painful to double declare each prop, so would like to wait til Svelte 5 and $props rune before going too far down that path.