noph-ui 0.31.1 → 0.31.3

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export * from './progress/index.js';
 export * from './radio/index.js';
 export * from './ripple/index.js';
 export * from './select/index.js';
+export * from './slider/index.js';
 export * from './snackbar/index.js';
 export * from './switch/index.js';
 export * from './tabs/index.js';

package/dist/index.js

@@ -13,6 +13,7 @@ export * from './progress/index.js';
 export * from './radio/index.js';
 export * from './ripple/index.js';
 export * from './select/index.js';
+export * from './slider/index.js';
 export * from './snackbar/index.js';
 export * from './switch/index.js';
 export * from './tabs/index.js';

package/dist/select/NativeSelect.svelte

@@ -24,6 +24,7 @@
 		noAsterisk,
 		children,
 		oninput,
+		style,
 		...attributes
 	}: SelectProps = $props()
 	const uid = $props.id()
@@ -43,6 +44,7 @@
 		animateLabel && 'animate-label',
 		attributes.class,
 	]}
+	{style}
 >
 	{#if variant === 'outlined'}
 		<div class="np-select-outline">

package/dist/slider/Slider.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+	import type { SliderProps } from './types.ts'
+
+	let {
+		type = 'standard',
+		orientation = 'horizontal',
+		size = 'sm',
+		stops = false,
+		value = $bindable(0),
+		min = 0,
+		max = 100,
+		step = 1,
+		element = $bindable(),
+		inputElement = $bindable(),
+		...attributes
+	}: SliderProps = $props()
+</script>
+
+<input class={[orientation]} bind:this={inputElement} type="range" />
+
+<style>
+	.vertical {
+		appearance: slider-vertical;
+	}
+</style>

package/dist/slider/Slider.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { SliderProps } from './types.ts';
+declare const Slider: import("svelte").Component<SliderProps, {}, "element" | "value" | "inputElement">;
+type Slider = ReturnType<typeof Slider>;
+export default Slider;

package/dist/slider/index.d.ts

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

package/dist/slider/index.js

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

package/dist/slider/types.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+import type { HTMLInputAttributes } from 'svelte/elements';
+export interface SliderProps extends Omit<HTMLInputAttributes, 'type' | 'role' | 'checked' | 'indeterminate' | 'size'> {
+    type?: 'standard' | 'centered' | 'range';
+    orientation?: 'horizontal' | 'vertical';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    stops?: boolean;
+    insetIcon?: Snippet;
+    inputElement?: HTMLInputElement;
+    element?: HTMLDivElement;
+}

package/dist/slider/types.js

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

package/dist/text-field/types.d.ts

@@ -20,7 +20,7 @@ interface FieldProps {
     focused?: boolean;
 }
 export interface InputFieldProps extends HTMLInputAttributes, FieldProps {
-    type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url' | 'datetime-local';
+    type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url' | 'datetime-local' | 'date' | 'datetime' | 'time';
 }
 export interface TextAreaFieldProps extends HTMLTextareaAttributes, FieldProps {
     type: 'textarea';

package/dist/types.d.ts

@@ -13,6 +13,7 @@ export * from './progress/types.ts';
 export * from './radio/types.ts';
 export * from './ripple/types.ts';
 export * from './select/types.ts';
+export * from './slider/types.ts';
 export * from './snackbar/types.ts';
 export * from './switch/types.ts';
 export * from './text-field/types.ts';

package/dist/types.js

@@ -13,6 +13,7 @@ export * from './progress/types.ts';
 export * from './radio/types.ts';
 export * from './ripple/types.ts';
 export * from './select/types.ts';
+export * from './slider/types.ts';
 export * from './snackbar/types.ts';
 export * from './switch/types.ts';
 export * from './text-field/types.ts';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "noph-ui",
-	"version": "0.31.1",
+	"version": "0.31.3",
 	"license": "MIT",
 	"homepage": "https://noph.dev",
 	"repository": {
@@ -72,23 +72,23 @@
 		"@materialx/material-color-utilities": "^0.4.8",
 		"@playwright/test": "^1.57.0",
 		"@sveltejs/adapter-auto": "^7.0.0",
-		"@sveltejs/kit": "^2.49.2",
+		"@sveltejs/kit": "^2.49.4",
 		"@sveltejs/package": "^2.5.7",
-		"@sveltejs/vite-plugin-svelte": "^6.2.1",
+		"@sveltejs/vite-plugin-svelte": "^6.2.4",
 		"@types/eslint": "^9.6.1",
 		"eslint": "^9.39.2",
 		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-svelte": "^3.13.1",
-		"globals": "^16.5.0",
+		"eslint-plugin-svelte": "^3.14.0",
+		"globals": "^17.0.0",
 		"prettier": "^3.7.4",
 		"prettier-plugin-svelte": "^3.4.1",
 		"publint": "^0.3.16",
-		"svelte": "^5.46.1",
+		"svelte": "^5.46.3",
 		"svelte-check": "^4.3.5",
 		"typescript": "^5.9.3",
-		"typescript-eslint": "^8.50.1",
-		"vite": "^7.3.0",
-		"vitest": "^4.0.16"
+		"typescript-eslint": "^8.53.0",
+		"vite": "^7.3.1",
+		"vitest": "^4.0.17"
 	},
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",