Sean Lynch

- [before-after-effect](https://codepen.io/Magda_/pen/bGqmMaE) - [Image Comparison with Input Range](https://codepen.io/stevenlei/pen/poPxPRz) - [CSS Only AI Image Comparison](https://codepen.io/jh3y/pen/wvRYvYP) - [Accessible Image Compare - 1 line JS](https://codepen.io/stoumann/pen/VwKgJNv) - [Filter Compare Slider](https://codepen.io/stoumann/pen/qBQqqqg) - https://daisyui.com/components/diff/ - [Easy...

- [ ] Detect `position: sticky` being active - https://developer.chrome.com/blog/sticky-headers/ - https://davidwalsh.name/detect-sticky - https://codepen.io/hey-nick/pen/mLpmMV - [ ] ScrollSpy - [ ] Dynamic header - https://www.smashingmagazine.com/2021/07/dynamic-header-intersection-observer/ - https://codepen.io/michellebarker/pen/QWpzwYN - [ ]...

- [x] Use portal - Will fix stacking context issues (z-index set on parent, etc) - [ ] Allow keeping tooltip open (copy values, etc) - Mouseover directly into tooltip...

A few for reference: - Svelte - [CONTRIBUTING.md](https://github.com/sveltejs/svelte/blob/master/CONTRIBUTING.md) - [PULL_REQUEST_TEMPLATE.md](https://github.com/sveltejs/svelte/blob/master/.github/PULL_REQUEST_TEMPLATE.md) - [Melt UI](https://github.com/melt-ui/melt-ui/blob/develop/CONTRIBUTING.md) - [CODE_OF_CONDUCT](https://www.contributor-covenant.org/version/2/1/code_of_conduct/) The same will need added to LayerChart as well

Replace [Steps](https://svelte-ux.techniq.dev/docs/components/Steps/) component with new `Timeline` component ## Examples - https://svelte.dev/repl/13447bfb43e04c63a951dbae8dcab30f?version=3.44.2 - https://codepen.io/mackorichardson/pen/qBEyZwd - https://daisyui.com/components/timeline/ - https://daisyui.com/components/steps/ - https://flowbite.com/docs/components/timeline/

[SelectField] Standardize with MenuField / general improvements

4

Extracted from PR #130 - [x] Use same [Options](https://github.com/techniq/svelte-ux/blob/main/packages/svelte-ux/src/lib/components/MenuField.svelte#L15) type instead of [any](https://github.com/techniq/svelte-ux/blob/main/packages/svelte-ux/src/lib/components/SelectField.svelte#L25) - Will use `label` instead of `name` by default (can still be overwritten by `optionText()`, maybe we...

[MenuField] Re-opening menu while transition closed causes `classes` to be `undefined` (instead of default)

1

If you quickly click to re-open the menu while it's transitioning closed,`classes` within `MenuItem` will be set to `undefined` instead of default object/styles. https://github.com/techniq/svelte-ux/assets/177476/a36c772d-0717-4494-8909-c4674aa288a0 - [MenuField](https://github.com/techniq/svelte-ux/blob/master/src/lib/components/MenuField.svelte#L133) - [MenuItem](https://github.com/techniq/svelte-ux/blob/master/src/lib/components/MenuItem.svelte#L16-L20) Within `MenuField`,...

See [discussion](https://discord.com/channels/920755200552226868/1168978598556872824/1186916227793309776) and Daisy UI [reference](https://daisyui.com/components/tab/#radio-tab-lifted--tab-content)

- [ ] Remove default styling where it makes sense - [x] [AppLayout](https://github.com/techniq/svelte-ux/blob/master/src/lib/components/AppLayout.svelte#L36) - [x] [AppBar](https://github.com/techniq/svelte-ux/blob/master/src/lib/components/AppBar.svelte#L27) - [ ] Maybe replace with `color` prop, or leave it up to usage....

- [x] Slider / Range input - https://svelte.dev/repl/cfa047ad97cf49c6bfb5b7e5881d5600?version=3.44.2 - https://svelte.dev/repl/8af0c98cc61d4f7fbca233282b885eaa?version=3.44.2 - Examples - https://www.radix-ui.com/docs/primitives/components/slider - https://mhkeller.github.io/svelte-double-range-slider/ - https://ant.design/components/slider/ - https://mui.com/components/slider/#range-slider - https://vuetifyjs.com/en/components/range-sliders/ - https://observablehq.com/@mootari/range-slider - https://chakra-ui.com/docs/form/range-slider - https://codepen.io/seanstopnik/pen/CeLqA - https://codepen.io/MarioD/pen/WwXbgr...