@dvcol/neo-svelte 1.1.0 → 1.1.1

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 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.
 
+### [1.1.1](https://github.com/dvcol/neo-svelte/compare/v1.1.0...v1.1.1) (2025-04-21)
+
+
+### Bug Fixes
+
+* **lint:** bump deps & fix errors ([b349483](https://github.com/dvcol/neo-svelte/commit/b3494830f2c91586c3b9983e6d016b0fa853c226))
+* **loading:** fix flex behavior ([6bbb288](https://github.com/dvcol/neo-svelte/commit/6bbb288c1e7dcfbd1575960801fdb67dd07c1d11))
+
 ## [1.1.0](https://github.com/dvcol/neo-svelte/compare/v1.0.1...v1.1.0) (2025-04-21)
 
 

package/dist/floating/portal/NeoPortalContainer.svelte

@@ -15,6 +15,11 @@
     id = `neo-portal-container-${getUUID()}`,
     scale = true,
 
+    // Flex
+    justify,
+    align,
+    flex,
+
     // Other Props
     ...rest
   }: NeoPortalContainerProps = $props();
@@ -39,6 +44,9 @@
   class:neo-portal-container={true}
   class:neo-scale={scale}
   class:neo-open={open}
+  style:flex
+  style:align-items={align}
+  style:justify-content={justify}
   {id}
   {...rest}
 >
@@ -49,6 +57,9 @@
   display: contents;
 }
 .neo-portal-container.neo-scale {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
   transition-timing-function: var(--neo-portail-container-exit-timing, ease);
   transition-duration: var(--neo-portail-container-exit-duration, 0.4s);
   transition-property: scale, translate;
@@ -74,8 +85,8 @@
   --neo-portail-container-enter-translate: calc(env(safe-area-inset-left) + 1rem);
 }
 .neo-portal-container.neo-scale.neo-open {
-  scale: var(--neo-portail-container-enter-scale, 0.98);
-  translate: var(--neo-portail-container-enter-translate, 0);
   transition-timing-function: var(--neo-portail-container-enter-timing, ease);
   transition-duration: var(--neo-portail-container-enter-duration, 0.4s);
+  scale: var(--neo-portail-container-enter-scale, 0.98);
+  translate: var(--neo-portail-container-enter-translate, 0);
 }</style>

package/dist/floating/portal/neo-portail-container.model.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLNeoBaseElement, HTMLRefProps } from '../../utils/html-element.utils.js';
+import type { HTMLFlexProps, HTMLNeoBaseElement, HTMLRefProps } from '../../utils/html-element.utils.js';
 export type NeoPortalContainerProps<Tag extends keyof HTMLElementTagNameMap = 'div'> = {
     /**
      * The HTML tag to use for the container.
@@ -9,4 +9,4 @@ export type NeoPortalContainerProps<Tag extends keyof HTMLElementTagNameMap = 'd
      * Whether to scale the container when a portal dialog is open.
      */
     scale?: boolean;
-} & HTMLNeoBaseElement<HTMLElementTagNameMap[Tag]> & HTMLRefProps<HTMLElementTagNameMap[Tag]>;
+} & HTMLNeoBaseElement<HTMLElementTagNameMap[Tag]> & HTMLRefProps<HTMLElementTagNameMap[Tag]> & HTMLFlexProps;

package/dist/inputs/NeoNativeSelect.svelte

@@ -82,8 +82,8 @@
 {/snippet}
 
 {#snippet content()}
-  {#each items as { label, ...option }}
-    <option {...option} value={option.value}>{label ?? option.value}</option>
+  {#each items as { id, label, ...option }, i (id ?? i)}
+    <option {id} {...option} value={option.value}>{label ?? option.value}</option>
   {/each}
   {@render children?.()}
 {/snippet}

package/dist/inputs/NeoPin.svelte

@@ -409,9 +409,9 @@
         bind:value
         oninvalid={onInvalid}
       />
-      {#each { length: Number(groups) } as _, i}
+      {#each { length: Number(groups) } as _, i (i)}
         <div class="neo-pin-group">
-          {#each { length: Number(count) } as __, j}
+          {#each { length: Number(count) } as __, j (j)}
             <NeoInput
               bind:ref={refs[i][j]}
               bind:value={values[i][j]}

package/dist/inputs/NeoRange.svelte

@@ -516,7 +516,7 @@
               <!--   handle after   -->
             </span>
             {#if steps > 1}
-              {#each { length: (steps ?? 0) + 1 } as _, i}
+              {#each { length: (steps ?? 0) + 1 } as _, i (i)}
                 {#if showTick(i)}
                   {@const filled = isFilled(i)}
                   <div class="neo-range-tick" style:--neo-range-tick-index={i}>

package/dist/inputs/neo-select.model.d.ts

@@ -7,6 +7,7 @@ import type { NeoListItemOrSection, NeoListSelectedItem } from '../list/neo-list
 export type NeoNativeSelectOption<Value = unknown> = string | number | ({
     value: Value;
     label?: string | Snippet;
+    id?: string | number;
 } & HTMLOptionAttributes);
 export type NeoNativeSelectProps<Value = unknown> = {
     /**

package/dist/loading/NeoLoadingMatrix.svelte

@@ -31,6 +31,7 @@
 
 <style>.neo-loading-matrix {
   display: flex;
+  flex: 1 1 auto;
   align-items: center;
   justify-content: center;
   width: 100%;

package/dist/progress/NeoProgressBar.svelte

@@ -145,7 +145,7 @@
   {...containerRest}
 >
   <NeoProgress bind:ref bind:status bind:value bind:buffer {direction} {width} {height} {track} {...rest} />
-  {#each marks as position, index}
+  {#each marks as position, index (index)}
     {#if position !== undefined}
       <span bind:this={refs[index]} class="neo-progress-bar-mark" style:--neo-progress-bar-mark-position="{position}%">
         {#if typeof mark === 'function'}

package/dist/skeletons/NeoSkeletonText.svelte

@@ -104,9 +104,9 @@
     {/if}
 
     {#if paragraphs && lines}
-      {#each Array.from({ length: Number(paragraphs) }) as _, i}
+      {#each Array.from({ length: Number(paragraphs) }) as _, i (i)}
         <div class:neo-skeleton-text-paragraph={true} class:neo-alt={alt} class:neo-justify={justify} {...paragraphProps}>
-          {#each Array.from({ length: Number(Array.isArray(lines) ? lines[i] : lines) }) as __}
+          {#each Array.from({ length: Number(Array.isArray(lines) ? lines[i] : lines) }) as __, j (j)}
             <div class="neo-skeleton-text-line" class:neo-alt={alt}>&nbsp;</div>
           {/each}
         </div>

package/dist/text/NeoMark.svelte

@@ -24,7 +24,7 @@
 
 <svelte:element this={tag} class:neo-mark={true} {...rest}>
   {#if parts?.length && parts?.at(0)?.mark}
-    {#each parts as { token, mark }}{token}{#if mark}<mark>{mark}</mark>{/if}{/each}
+    {#each parts as { token, mark }, i (i)}{token}{#if mark}<mark>{mark}</mark>{/if}{/each}
   {:else}
     {value}
   {/if}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dvcol/neo-svelte",
   "type": "module",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Neomorphic ui library for svelte 5",
   "author": "dvcol",
   "license": "MIT",
@@ -184,7 +184,7 @@
   "devDependencies": {
     "@commitlint/cli": "^19.8.0",
     "@commitlint/config-conventional": "^19.8.0",
-    "@dvcol/eslint-config": "^1.5.0",
+    "@dvcol/eslint-config": "^1.6.0",
     "@dvcol/stylelint-plugin-presets": "^2.1.2",
     "@dvcol/svelte-simple-router": "^1.11.2",
     "@prettier/plugin-xml": "^3.4.1",