@dvcol/neo-svelte 0.1.6 → 0.1.8

package/CHANGELOG.md

@@ -2,6 +2,154 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.8](https://github.com/dvcol/neo-svelte/compare/v0.1.7...v0.1.8) (2025-02-19)
+
+
+### Features
+
+* **badge:** adds badge component ([0a8c71b](https://github.com/dvcol/neo-svelte/commit/0a8c71b13bdac40e102f35ce9a6b9fb3578dbd11))
+* **blur:** adds blur as props ([cceacc4](https://github.com/dvcol/neo-svelte/commit/cceacc4ffbe250fff0fa10b6b887130d794cce39))
+* **button:** adds button group colour & add tint support ([0a551ed](https://github.com/dvcol/neo-svelte/commit/0a551ede0ac9234fc0822d3ff5f8a894a9c6309b))
+* **button:** adds custom hover/active to groups ([c2e227a](https://github.com/dvcol/neo-svelte/commit/c2e227ad2be66277e5c716e062eb82fa292513b3))
+* **button:** rework of button elevation ([edb2cba](https://github.com/dvcol/neo-svelte/commit/edb2cba204dd09b02f2795ce620f16c6b7a64cbe))
+* **buttons:** adds hover support to group itself ([d2ccdc3](https://github.com/dvcol/neo-svelte/commit/d2ccdc33cea572be351d2a634109ba78910287ee))
+* **card:** adds tint & colour support ([4dba81b](https://github.com/dvcol/neo-svelte/commit/4dba81b1700d93945c6f561acabac2b58c1cf413))
+* **input:** adds colour and tint support to inputs ([7973653](https://github.com/dvcol/neo-svelte/commit/7973653c9e20c11e0a5d94ae6cd1136bb7b98600))
+* **input:** adds first draft of custom select ([5839709](https://github.com/dvcol/neo-svelte/commit/58397096f07592213a9870ac9a950e92df19b558))
+* **input:** adds hidden support directly to basic input ([c7ba00c](https://github.com/dvcol/neo-svelte/commit/c7ba00cefe81f3379a00fb4b555c7efc0ae7760d))
+* **list:** adds custom empty snippet support for sections ([d60fe7b](https://github.com/dvcol/neo-svelte/commit/d60fe7bc91ccde60c7d8a06d73ad4b7b0e9f543e))
+* **list:** fix aria issues ([278bd04](https://github.com/dvcol/neo-svelte/commit/278bd049a27e05e4ca1ee5162adaea272076bd83))
+* **list:** show empty snippet when list is filtered ([a3ec707](https://github.com/dvcol/neo-svelte/commit/a3ec7076c0e1717cbd2b85eaf4dc20446b36600c))
+* **pill:** adds pills component ([8a3abb3](https://github.com/dvcol/neo-svelte/commit/8a3abb3ff937cec1875c27bc31e74869b9483e3a))
+* **progress:** adds initial progress component ([2cb8925](https://github.com/dvcol/neo-svelte/commit/2cb89255f65453f7deb0968af5aa5795ab6a6c73))
+* **progress:** adds progress bar component ([8d3003f](https://github.com/dvcol/neo-svelte/commit/8d3003f399b82e37fe1ce482aefbad40741436aa))
+* **progress:** adds progress buttons ([bcfbada](https://github.com/dvcol/neo-svelte/commit/bcfbadad83b27947053b00ab733c059c9ac2470e))
+* **range:** adds tick markers ([516cf1f](https://github.com/dvcol/neo-svelte/commit/516cf1f651fda943fb194157978e3cd81db2bf0e))
+* **select:** adds custom display support ([eaddfe6](https://github.com/dvcol/neo-svelte/commit/eaddfe6774899861b3b74a17673f851ab497a58d))
+* **select:** support arrowUp/Down selection ([a12c2c4](https://github.com/dvcol/neo-svelte/commit/a12c2c43b5a933f844dc5c8104a0950a110be808))
+* **select:** support custom display snippet ([4b8f79d](https://github.com/dvcol/neo-svelte/commit/4b8f79dbdd5efe3b5f74aa646469d489e04fa034))
+* **size:** adds customisable min/max size ([1b35dce](https://github.com/dvcol/neo-svelte/commit/1b35dce056fe0d671794255d5d0efae86657f7cd))
+* **tabs:** adds hover effect ([646384e](https://github.com/dvcol/neo-svelte/commit/646384e95fec6c8eb3d71f56091305be08005a96))
+* **text:** adds demo for texts and improve scroll-shadow ([f52500d](https://github.com/dvcol/neo-svelte/commit/f52500df22cf285b7e331285d111ca8287569961))
+* **theme:** disable transitions during theme switch ([58e0d77](https://github.com/dvcol/neo-svelte/commit/58e0d77e702acfc24f6dd4b87fe29026dbea8cdf))
+* **tooltip:** adds colour & tint support ([6659707](https://github.com/dvcol/neo-svelte/commit/665970727c231120c2fb3153b2bd9fd47971cb7f))
+* **tooltip:** adds complex pop select example ([706ecfc](https://github.com/dvcol/neo-svelte/commit/706ecfc2ad7d6c5325ea183eadf3853b6ad7ba5f))
+* **tooltip:** adds filled background option ([2966853](https://github.com/dvcol/neo-svelte/commit/29668533c57ed21bce119f912250b78bb332bbfd))
+* **tooltip:** adds pop select ([86d7a8d](https://github.com/dvcol/neo-svelte/commit/86d7a8df7e4bf0abc2ae736dfea4f136656a6b04))
+* **tooltip:** fix positionning in auto ([9619859](https://github.com/dvcol/neo-svelte/commit/9619859d0809e3820a05bd0eb8c2b197fc32ca89))
+* **tooltip:** rework tooltip and input sizing api ([7090740](https://github.com/dvcol/neo-svelte/commit/7090740cc161017f577776d7c64a310c95b35f6e))
+
+
+### Bug Fixes
+
+* **affix:** rework affix transiitons timing ([1c26919](https://github.com/dvcol/neo-svelte/commit/1c26919104b22a9d15bec84370413816c22220a5))
+* **browser:** add custom scrollbar to firefox ([2b42707](https://github.com/dvcol/neo-svelte/commit/2b42707628827833a641afd0b352f1d45844f91e))
+* **card:** correct scrollbar padding in safari ([b5c4b66](https://github.com/dvcol/neo-svelte/commit/b5c4b66c76798f2187f5299c338c0cefc0fdfb7b))
+* **css:** adds hover effect to borders ([9b0dfbe](https://github.com/dvcol/neo-svelte/commit/9b0dfbebf48f8908ef7b5f7fbdcd563fec4fc7d6))
+* **css:** adds safari & firefox fallbacks ([30ed289](https://github.com/dvcol/neo-svelte/commit/30ed289f09adcfc1a8bbf6243f2147447ff9cf60))
+* **css:** change background-clip to exclude padding ([bd7c623](https://github.com/dvcol/neo-svelte/commit/bd7c623952c96f8fe56490a1b40606501713dd98))
+* **css:** remove scale override & add unchecked colour to mark ([eb010b2](https://github.com/dvcol/neo-svelte/commit/eb010b2c7117071f9b167e0d4b6e6f433bd4aa79))
+* **css:** remove starting-style border ([fae7140](https://github.com/dvcol/neo-svelte/commit/fae71402dc89592b646e604062580403d227c46f))
+* **demo:** update sizing for dividers ([f534e2a](https://github.com/dvcol/neo-svelte/commit/f534e2a222ec94fefd99b3562d5844beb52ba7c2))
+* **dim:** change hover-dim to be on focus-visible ([1c54cc8](https://github.com/dvcol/neo-svelte/commit/1c54cc8c4f07e97687d081e7a2bd0d375cc7dcff))
+* **glass:** adds offset box-shadow in glass mode ([0e1a7c9](https://github.com/dvcol/neo-svelte/commit/0e1a7c916d958458e13c5f1c50ce295b19ee1f8b))
+* **input:** adds border colour on validation ([35f6a13](https://github.com/dvcol/neo-svelte/commit/35f6a13592073c030de84f6f99bac1ae89222d81))
+* **input:** adds hover colour tint to various inputs ([f0b8a37](https://github.com/dvcol/neo-svelte/commit/f0b8a371053a676ac9acac66f6cc8db2c2fb3a4f))
+* **input:** fix accessibility issues ([11fee58](https://github.com/dvcol/neo-svelte/commit/11fee5864dd89eda7d2c19ae4f315daaad4412ef))
+* **inputs:** force buttons to text when in glass mode ([942f6a3](https://github.com/dvcol/neo-svelte/commit/942f6a31c2500d78e144b47d6061717f5dc716eb))
+* **input:** switch to inert for select display input ([d0512fe](https://github.com/dvcol/neo-svelte/commit/d0512fe158881a2f6f1a29541b35303565dadc5a))
+* **input:** update validation styling & support readonly validation ([bc8c72e](https://github.com/dvcol/neo-svelte/commit/bc8c72eb5c3caa0e666fb5b2b00e12dd486e640f))
+* **label:** inverse condition to support less strict inputs ([baac658](https://github.com/dvcol/neo-svelte/commit/baac658cf5d19b2cfd4ddc19d2033d52e4d3d707))
+* **list:** search mirrors loading/skeleton state from list ([321b706](https://github.com/dvcol/neo-svelte/commit/321b7063003ee7dac09ee4cb423b4bf7fc355a36))
+* **list:** support toggle button style ([9a7b815](https://github.com/dvcol/neo-svelte/commit/9a7b81526efcf500ba4dd91a35795fa86fef8443))
+* **select:** adds clearable support ([0833a4f](https://github.com/dvcol/neo-svelte/commit/0833a4f0421d212c5835741b8bbd6b06139e0879))
+* **skeleton:** change skeleton default to explicit false ([6d97feb](https://github.com/dvcol/neo-svelte/commit/6d97feb28ade813e48c791b8f7f765768f6b6644))
+* **skeleton:** simplify skeleton container ([9b2f189](https://github.com/dvcol/neo-svelte/commit/9b2f18903ebca94bd776921f6849d8402cb73658))
+* **style:** better scoping of :global selectors ([8fb9aea](https://github.com/dvcol/neo-svelte/commit/8fb9aea7f316e08dbeb24d3c04e2286270e81d62))
+* **tags:** make tags reactive ([8637080](https://github.com/dvcol/neo-svelte/commit/863708038d96a0aff2137d5dde88e2d65068c574))
+* **tooltip:** adjust clip path ([38ca8f0](https://github.com/dvcol/neo-svelte/commit/38ca8f0c54ad7a74088a2c1da5d3425fc230664b))
+* **tooltip:** adjust padding & sizing on tooltips with lists ([7e0a27f](https://github.com/dvcol/neo-svelte/commit/7e0a27f24799e3b86f86b2d6c88f93d7ecfe2993))
+* **tooltip:** remove tint when filled & un-tinted ([8ced754](https://github.com/dvcol/neo-svelte/commit/8ced754a6632dbc693d930588f3e680d11272d4c))
+
+### [0.1.7](https://github.com/dvcol/neo-svelte/compare/v0.1.6...v0.1.7) (2025-02-03)
+
+
+### Features
+
+* **affix:** adds custom loading/close/validation snippets ([fcefc30](https://github.com/dvcol/neo-svelte/commit/fcefc309853a6566edacc244e59a3b288b534dd9))
+* **button:** adds support for theme colors ([e01c567](https://github.com/dvcol/neo-svelte/commit/e01c5679bf3b7d48fe822e2a43634b0fd6ac18f4))
+* **buttons:** adds indeterminate to switch and shallow to buttons ([a196c57](https://github.com/dvcol/neo-svelte/commit/a196c57c2b4c3eabcd2eb9dbce2b71492ebec848))
+* **buttons:** adds label snippet ([b39de08](https://github.com/dvcol/neo-svelte/commit/b39de087d34c78c8ea93236801e9c79fe99ad44e))
+* **buttons:** split checkbox, switch, radio buttons out ([536b353](https://github.com/dvcol/neo-svelte/commit/536b3539868fbf78bf720a807744bb6c6a2d0e2a))
+* **button:** support label in switch buttons ([9d69d2a](https://github.com/dvcol/neo-svelte/commit/9d69d2ac3832308482c5ba0f91ba66282739cad8))
+* **divider:** expand divider api ([fb2e932](https://github.com/dvcol/neo-svelte/commit/fb2e9327b8c5cbb41f322f53eaae9aaf61766782))
+* **elevation:** adds support for string elevations ([45d1cd0](https://github.com/dvcol/neo-svelte/commit/45d1cd00d59e3ef8e3df415099ff91022938eaa4))
+* **input:** adds native select component ([0b7dfc1](https://github.com/dvcol/neo-svelte/commit/0b7dfc105e6b65a13665423c37a42bde61f51580))
+* **inputs:** adds customisable icons ([054f4d7](https://github.com/dvcol/neo-svelte/commit/054f4d73d273e7abc8d34f21789776293d02da18))
+* **input:** style multi select native inputs ([308a6de](https://github.com/dvcol/neo-svelte/commit/308a6de8ae6f7a2892926a8defe6dc6cca7b1ba7))
+* **list:** adds aria roles ([165693d](https://github.com/dvcol/neo-svelte/commit/165693d7c55aa1ee58f260f72c92dbbecac0aa3d))
+* **list:** adds arrow navigation ([f339b75](https://github.com/dvcol/neo-svelte/commit/f339b75a2fbe3749e51a4c7d893e3486915335c0))
+* **list:** adds basic support for filtering/sorting ([bcf1c8f](https://github.com/dvcol/neo-svelte/commit/bcf1c8f46dda64ac29775886cd9960fe45296e1c))
+* **list:** adds custom base loader ([01bc010](https://github.com/dvcol/neo-svelte/commit/01bc010de72117d3cad4af9cf2f23e1cc20df3d9))
+* **list:** adds description support ([f7a2025](https://github.com/dvcol/neo-svelte/commit/f7a20254c586b6806547c7c014cd10ef27d7aa90))
+* **list:** adds onclick & href support ([da844ea](https://github.com/dvcol/neo-svelte/commit/da844eadc3da4fd15370601dba6c7b03e95a4948))
+* **list:** adds search input ([8d1593a](https://github.com/dvcol/neo-svelte/commit/8d1593a8548f7bf4c10251869f4b92874efc718c))
+* **list:** adds section support ([ce8f7ce](https://github.com/dvcol/neo-svelte/commit/ce8f7ce2d7ea0ed038432fd171921e856aaf40e0))
+* **list:** adds sticky section header ([9276852](https://github.com/dvcol/neo-svelte/commit/9276852220729eee5413aa17c4845cf48fcf7fc2))
+* **list:** adds support for disabled items ([6180f4c](https://github.com/dvcol/neo-svelte/commit/6180f4cfa17034622e9294fe0d4f12913d30866e))
+* **list:** clear selected if list mutates ([086d1bf](https://github.com/dvcol/neo-svelte/commit/086d1bf66210c8a527e4c7e595d1c93b75267bdd))
+* **list:** first draft for lists ([502885c](https://github.com/dvcol/neo-svelte/commit/502885ce92ba5525566f57440be75e76d32aaafc))
+* **list:** initial support for selectable lists ([1451253](https://github.com/dvcol/neo-svelte/commit/145125319e90e5896347b287873809d1676e32a3))
+* **list:** support after & before loading skeleton ([331a21d](https://github.com/dvcol/neo-svelte/commit/331a21d656d5f0902774b42878b2287edf1546f9))
+* **list:** support checkmarks ([45564ba](https://github.com/dvcol/neo-svelte/commit/45564ba73a681a1c82ec41e5967ef5aeba4cd52b))
+* **nav:** adds tab divider support ([5d07d80](https://github.com/dvcol/neo-svelte/commit/5d07d800a1d38248b7c2b3da6ef7eea1de22c031))
+* **scroll:** makes custom scrollbar optional ([2b54880](https://github.com/dvcol/neo-svelte/commit/2b54880ba24b38f1eff1dedafb8b97487bbf35fb))
+* **select:** basic option array input ([6b412fd](https://github.com/dvcol/neo-svelte/commit/6b412fd240ef848ba895a9024ec446c390e004de))
+* **skeleton:** adds auto-line discovery for skeleton ([1c54529](https://github.com/dvcol/neo-svelte/commit/1c54529f9c5c7078ef07b0c1637bb777eb2fe1a7))
+* **skeleton:** adds glass skeleton to generic component ([e0fe4f4](https://github.com/dvcol/neo-svelte/commit/e0fe4f4a1bac3c8a506e0e57ed76354ca07dacc6))
+* **skeleton:** auto-size skeleton containers ([10938e2](https://github.com/dvcol/neo-svelte/commit/10938e2a6f09f27e5186957d6dd64ca79919d000))
+* **tabs:** adds pill mode ([84d3615](https://github.com/dvcol/neo-svelte/commit/84d36158dac3a80d33b36bd3f8e7233a0abef0b3))
+* **tabs:** adjust hover colors & transitions ([a6a8fed](https://github.com/dvcol/neo-svelte/commit/a6a8fed31343b1c93dab4b8163d4a878ca8b92dc))
+* **text:** adds ellipsis and mark components ([0719445](https://github.com/dvcol/neo-svelte/commit/0719445b9f6ae0229c887bfb7000cad165995c91))
+* **text:** adds scroll-shadow ([9c6fd29](https://github.com/dvcol/neo-svelte/commit/9c6fd29a75796427a264dd9f97ec3e9444796bf0))
+* **theme:** adds colour pickers ([9757934](https://github.com/dvcol/neo-svelte/commit/97579340e0b143b182267b36c35905234bf4644e))
+* **tooltip:** adds custom tooltip snippets ([33d2d59](https://github.com/dvcol/neo-svelte/commit/33d2d59bd90052462d4b16618900e6ed82e860ba))
+* **tooltip:** adds generic tooltip component ([813fc2f](https://github.com/dvcol/neo-svelte/commit/813fc2ff5b43d8157954bf79186ee9e3913bb9a5))
+* **tooltip:** adds supports for external refs ([09f1be1](https://github.com/dvcol/neo-svelte/commit/09f1be1d748e34e45d157b0d40d2b5f039253c2e))
+* **tooltip:** match width with trigger ([853ed32](https://github.com/dvcol/neo-svelte/commit/853ed324ac5a647e3ad94d1bd4cff5c641604b84))
+* **tooltips:** adds tooltip styling ([4e5418b](https://github.com/dvcol/neo-svelte/commit/4e5418b60aa8d840a543dabdca3ef8b2958a4e14))
+
+
+### Bug Fixes
+
+* **button:** adjust icon spacing ([cb6f163](https://github.com/dvcol/neo-svelte/commit/cb6f163fb939ba382361dc0ff8ff28ef141f8d8a))
+* **button:** remove enter pressed state on blur ([9c53dd1](https://github.com/dvcol/neo-svelte/commit/9c53dd16aa68da20495fae09c5ffe051f865d4ad))
+* **buttons:** correct border color for flat glass style ([65b9e12](https://github.com/dvcol/neo-svelte/commit/65b9e121bd740119182f852ff7ece796a4742c28))
+* **card:** fix media card css ([8dd8088](https://github.com/dvcol/neo-svelte/commit/8dd8088fcaae8ec0764b6cae6a3edbd5695d3b61))
+* **card:** makes scrollbar transition additive ([59e2a8f](https://github.com/dvcol/neo-svelte/commit/59e2a8ff4c976cd63a30f4e2f7940ddb39bbde9d))
+* **checkbox:** adds missing touched binding ([8736cb6](https://github.com/dvcol/neo-svelte/commit/8736cb68507e6d465a4267e9c0667a0009dd974f))
+* **colors:** adjust variables to be relative to theme color ([754e4d2](https://github.com/dvcol/neo-svelte/commit/754e4d2effe5d74e67eff20a85413c39c84fd7be))
+* **glass:** adjust border color when flat ([01995fe](https://github.com/dvcol/neo-svelte/commit/01995fe9757b9d2504c60f7416338f8b5be1178a))
+* **glass:** adjust pressed glass shadow ([2182943](https://github.com/dvcol/neo-svelte/commit/21829437e5fbc5e832aeda9f963fd7a529099902))
+* **glass:** remove border when inset ([631efbe](https://github.com/dvcol/neo-svelte/commit/631efbe00268c3546e7d3b097695c3f0eeb528a3))
+* **icon:** make checkbox prop reactive ([7f72fb6](https://github.com/dvcol/neo-svelte/commit/7f72fb6c324a640f124362f2a4b54dab23ca484f))
+* **input:** adjust color picker min height/width ([8536e03](https://github.com/dvcol/neo-svelte/commit/8536e03709a4a03132fe7f5e0c30317baf8ee82b))
+* **input:** adjust label translate ([3e35382](https://github.com/dvcol/neo-svelte/commit/3e3538250314464afca4e9ed0582df33ab7e15fd))
+* **input:** debounce clearable to fix touch flashing on mobile ([72b86d8](https://github.com/dvcol/neo-svelte/commit/72b86d81269d4ef800dd3f0dacf813279b041afe))
+* **input:** keep close button visible on focusin ([761ac31](https://github.com/dvcol/neo-svelte/commit/761ac31461cae17bff17caa41cf77f723e226f3f))
+* **input:** resize floating values on element resize ([f77acc2](https://github.com/dvcol/neo-svelte/commit/f77acc2c903c8ee02c19b3663ebec6e4f35fe824))
+* **list:** handle reflow dividers ([8b7ca36](https://github.com/dvcol/neo-svelte/commit/8b7ca36dceacb46006719263b5e31325a23c55f9))
+* **list:** keep selection when sorting/filtering ([48c43ec](https://github.com/dvcol/neo-svelte/commit/48c43ec2194a9eb4f39e38b1b737552d98001abb))
+* **list:** move to simple scale and scrollToBottom ([80165fa](https://github.com/dvcol/neo-svelte/commit/80165fa73d988e48ad8748ed45187d86fb53ef74))
+* **list:** only animate top level list ([9106151](https://github.com/dvcol/neo-svelte/commit/9106151154dec7fec0ec7b386c0f60816b1447de))
+* **list:** remove scroll shadow when empty ([2654975](https://github.com/dvcol/neo-svelte/commit/2654975c22e68ea9590d2f60a11dcda3b8c47f23))
+* **list:** rework transitions ([3bf6de9](https://github.com/dvcol/neo-svelte/commit/3bf6de959206f844a6964e57c3af1839624f73cf))
+* **skeleton:** adjust font & line height to match defaults ([06eb497](https://github.com/dvcol/neo-svelte/commit/06eb4973b2d72fef3e12effd6cbdbcb927e28332))
+* **skeleton:** adjust line spacing in alt mode ([7ec1ec9](https://github.com/dvcol/neo-svelte/commit/7ec1ec91906f6aabffe61d49c5b4ce795819a1ff))
+* **style:** improve :global scoping in tabs & list ([363e106](https://github.com/dvcol/neo-svelte/commit/363e106b1ade7ba0baa7c788146a757fc270f972))
+* **tabs:** fix line regression & add dynamic default slide elevation ([8894bdf](https://github.com/dvcol/neo-svelte/commit/8894bdffd7006e44186852c60da733304964e20b))
+* **tooltip:** keep open while focused ([ac5df59](https://github.com/dvcol/neo-svelte/commit/ac5df592a96fc793b7637b1a6117a66c0f5cc797))
+
 ### [0.1.6](https://github.com/dvcol/neo-svelte/compare/v0.1.5...v0.1.6) (2025-01-10)
 
 

package/README.md

@@ -50,7 +50,12 @@ See examples in the demo (code [here](https://github.com/dvcol/neo-svelte/tree/f
 
 ## TODO
 - [ ] @media any-pointer:coarse any-hover:none
+- [ ] move to inline/bloc to support writing-mode
 - [x] Buttons
+  - [x] toggle
+  - [x] groups
+- [x] tags/pills
+  - [x] badge
 - [x] Tabs
 - [x] Card
 - [x] Inputs
@@ -77,10 +82,97 @@ See examples in the demo (code [here](https://github.com/dvcol/neo-svelte/tree/f
   - [X] inset
   - [x] custom before-after
   - [x] steps
+  - [x] ticks
   - [ ] vertical
-- [ ] select
+  - [ ] circular
+  - [ ] rating (stars)
+- [x] select
+  - [x] native
+  - [x] custom
+- [x] tooltip
+  - [ ] popconfirm
+  - [x] popselect
+  - [ ] menu
+  - [ ] nested menus
+  - [ ] menu pane (multi column)
+  
+- [x] list
+  - [x] select
+    - [X] multiple
+    - [x] disabled
+    - [x] readonly
+    - [x] sections
+    - [x] keyboard navigation
+  - [x] scroll shadow
+  - [ ] virtualized
+  - [ ] infinite scroll
+  - [ ] drag & drop
+  - [ ] pagination
+  - [ ] pull/scroll to refresh
+  - [x] filter
+  - [x] sort
+  - [ ] tree
+
+- [x] progress
+  - [x] vertical
+  - [ ] circular
+  - [x] ticks
+  - [x] min/max
+  - [x] indeterminate
+  - [x] color/background
+  - [x] duration/timeout
+  - [x] start/stop/cancel/finish/reset
+
+- [ ] collapse
+  - [ ] summary
+  - [ ] details (html semantic tags)
+
+- [ ] stepper
+  - [ ] vertical
+  - [ ] animation (slider, fade or collapse)
+  - [ ] progress/dots
+
+- [ ] Modal/dialog
+  - [ ] HTML Dialog
+  - [ ] HTML Popover
+  - [ ] Drawer
+    - [ ] animation
+    - [ ] buffer
+    - [ ] placement (top, bottom, left, right)
+    - [ ] size (width, height)
+    - [ ] scrollable
+    - [ ] close button
+    - [ ] dismissible
+    - [ ] resizable (drag, handle, min/max)
+    - [ ] backdrop
+    - [ ] inert
+    - [ ] click outside
+    - [ ] focus trap
+
+
+- [ ] Chat
+  - [ ] infinite scroll 
+  - [ ] virtual scroll
+  - [ ] async
+  - [ ] stream
+  - [ ] generative text animation
+  - [ ] scroll to bottom
+  - [ ] typing indicator
+  - [ ] read indicator
+  - [ ] reactions
+  - [ ] threads
+  - [ ] @ / # tags
+  - [ ] mentions
+  - [ ] attachments
+  - [ ] gifs/images
+  - [ ] videos
+  - [ ] audio
+  - [ ] custom cards (contact, etc.)
+  - [ ] custom bubbles
+  - [ ] custom input
 - [ ] table
 - [ ] pagination
+
 - [ ] auto-complete
   - [ ] @ / # tags
   - [ ] select
@@ -91,36 +183,25 @@ See examples in the demo (code [here](https://github.com/dvcol/neo-svelte/tree/f
 - [ ] image
   - [ ] videos
   - [ ] carousel
+  - [ ] parallax
 - [ ] avatar
   - [ ] badge
-- [ ] tags/pills
-    - [ ] badge
 - [ ] Progress/Loading
   - [ ] bar
   - [ ] circle
   - [ ] border
   - [ ] background
-- [ ] accordion
-  - [ ] summary
-  - [ ] details (html semantic tags)
 
-- [ ] tooltip
-  - [ ] popconfirm
-  - [ ] popselect
 - [ ] text
   - [ ] elevation
-  - [ ] elipsis
+  - [x] ellipsis
+  - [x] mark
+  - [x] scroll & shadow
+  - [ ] typing animation
 
 - [ ] Alerts
     - [ ] toast
     - [ ] rich notification
-- [ ] Modal/dialog
-- [ ] drawer/panel
-    - [ ] collapsible
-    - [ ] position
-    - [ ] backdrop
-    - [ ] click outside
-- [ ] scrollbar ?
 - [ ] container
   - [x] transition
   - [ ] split/resizable

package/dist/badge/NeoBadge.svelte

@@ -0,0 +1,99 @@
+<script lang="ts">
+  import type { NeoBadgeProps } from './neo-badge.model.js';
+
+  import NeoPill from '../pill/NeoPill.svelte';
+
+  /* eslint-disable prefer-const -- necessary for binding checked */
+  let {
+    // Snippets
+    children,
+    value,
+
+    // States
+    offset: _offset,
+    placement = 'top-right',
+
+    // Other props
+    containerProps,
+    ...rest
+  }: NeoBadgeProps = $props();
+  /* eslint-enable prefer-const */
+
+  const { tag: containerTag = 'div', ...containerRest } = $derived(containerProps ?? {});
+
+  const offset = $derived.by<{ x?: string; y?: string }>(() => {
+    if (typeof _offset === 'string') {
+      return { x: _offset, y: _offset };
+    }
+    if (typeof _offset === 'number') {
+      return { x: `${_offset}px`, y: `${_offset}px` };
+    }
+    return {
+      x: typeof _offset?.x === 'number' ? `${_offset.x}px` : _offset?.x,
+      y: typeof _offset?.y === 'number' ? `${_offset.y}px` : _offset?.y,
+    };
+  });
+</script>
+
+<svelte:element
+  this={containerTag}
+  class:neo-badge-container={true}
+  data-placement={placement}
+  style:--neo-badge-offset-x={offset?.x}
+  style:--neo-badge-offset-y={offset?.y}
+  {...containerRest}
+>
+  <NeoPill class="neo-badge-pill" size="medium" glass elevation="2" tinted {...rest}>
+    {#if typeof value === 'function'}
+      {@render value({ placement, offset })}
+    {:else}
+      {value}
+    {/if}
+  </NeoPill>
+
+  {@render children?.({ placement, offset })}
+</svelte:element>
+
+<style>.neo-badge-container {
+  position: relative;
+}
+.neo-badge-container :global(> .neo-badge-pill) {
+  position: absolute;
+  z-index: var(--neo-badge-pill-z-index, var(--neo-z-index-in-front));
+}
+.neo-badge-container[data-placement=top] :global(> .neo-badge-pill) {
+  top: var(--neo-badge-offset-y, 0);
+  left: 50%;
+  translate: -50%;
+}
+.neo-badge-container[data-placement=top-right] :global(> .neo-badge-pill) {
+  top: var(--neo-badge-offset-y, 0);
+  right: var(--neo-badge-offset-x, 0);
+}
+.neo-badge-container[data-placement=top-left] :global(> .neo-badge-pill) {
+  top: var(--neo-badge-offset-y, 0);
+  left: var(--neo-badge-offset-x, 0);
+}
+.neo-badge-container[data-placement=bottom] :global(> .neo-badge-pill) {
+  bottom: var(--neo-badge-offset-y, 0);
+  left: 50%;
+  translate: -50%;
+}
+.neo-badge-container[data-placement=bottom-right] :global(> .neo-badge-pill) {
+  right: var(--neo-badge-offset-x, 0);
+  bottom: var(--neo-badge-offset-y, 0);
+}
+.neo-badge-container[data-placement=bottom-left] :global(> .neo-badge-pill) {
+  bottom: var(--neo-badge-offset-y, 0);
+  left: var(--neo-badge-offset-x, 0);
+}
+.neo-badge-container[data-placement=right] :global(> .neo-badge-pill) {
+  top: 50%;
+  right: var(--neo-badge-offset-x, 0);
+  translate: 0 -50%;
+}
+.neo-badge-container[data-placement=left] :global(> .neo-badge-pill) {
+  top: 50%;
+  left: var(--neo-badge-offset-x, 0);
+  translate: 0 -50%;
+}</style>

package/dist/badge/NeoBadge.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { NeoBadgeProps } from './neo-badge.model.js';
+declare const NeoBadge: import("svelte").Component<NeoBadgeProps, {}, "">;
+type NeoBadge = ReturnType<typeof NeoBadge>;
+export default NeoBadge;

package/dist/badge/neo-badge.model.d.ts

@@ -0,0 +1,48 @@
+import type { Snippet } from 'svelte';
+import type { NeoPillProps } from '../pill/neo-pill.model.js';
+import type { HTMLNeoBaseElement, HTMLTagProps } from '../utils/html-element.utils.js';
+export declare const NeoBadgePlacement: {
+    readonly Top: "top";
+    readonly TopRight: "top-right";
+    readonly TopLeft: "top-left";
+    readonly Bottom: "bottom";
+    readonly BottomRight: "bottom-right";
+    readonly BottomLeft: "bottom-left";
+    readonly Right: "right";
+    readonly Left: "left";
+};
+export type NeoBadgePlacements = (typeof NeoBadgePlacement)[keyof typeof NeoBadgePlacement];
+export type NeoBadgeContext = {
+    placement: NeoBadgePlacements;
+    offset?: {
+        x?: string;
+        y?: string;
+    };
+};
+export type NeoBadgeProps = {
+    /**
+     * The content to place the badge on.
+     */
+    children?: Snippet<[NeoBadgeContext]>;
+    /**
+     * The value to display in the badge.
+     */
+    value?: Snippet<[NeoBadgeContext]>;
+    /**
+     * Optional vertical and horizontal offset for the badge.
+     */
+    offset?: number | string | {
+        x?: number | string;
+        y?: number | string;
+    };
+    /**
+     * Badge placement relative to the content.
+     *
+     * @default top-right
+     */
+    placement?: NeoBadgePlacements;
+    /**
+     * Props to pass to the relative container.
+     */
+    containerProps?: HTMLNeoBaseElement & HTMLTagProps;
+} & NeoPillProps;

package/dist/badge/neo-badge.model.js

@@ -0,0 +1,10 @@
+export const NeoBadgePlacement = {
+    Top: 'top',
+    TopRight: 'top-right',
+    TopLeft: 'top-left',
+    Bottom: 'bottom',
+    BottomRight: 'bottom-right',
+    BottomLeft: 'bottom-left',
+    Right: 'right',
+    Left: 'left',
+};