@sprawlify/svelte 0.0.106 → 0.0.107

package/dist/components/tree-view/use-tree-view.svelte.js

@@ -1,14 +1,14 @@
-import { useEnvironmentContext } from '../../providers/environment';
-import { useLocaleContext } from '../../providers/locale';
-import { normalizeProps, useMachine } from '../../core';
-import * as treeView from '@sprawlify/primitives/machines/tree-view';
-import { ensureProps, runIfFn } from '@sprawlify/primitives/utils';
+import { useEnvironmentContext } from "../../providers/environment";
+import { useLocaleContext } from "../../providers/locale";
+import { normalizeProps, useMachine } from "../../core";
+import * as treeView from "@sprawlify/primitives/machines/tree-view";
+import { ensureProps, runIfFn } from "@sprawlify/primitives/utils";
 export const useTreeView = (props) => {
     const env = useEnvironmentContext();
     const locale = useLocaleContext();
     const machineProps = $derived.by(() => {
         const resolvedProps = runIfFn(props);
-        ensureProps(resolvedProps, ['id']);
+        ensureProps(resolvedProps, ["id"]);
         return {
             dir: locale().dir,
             getRootNode: env().getRootNode,

package/dist/providers/environment/index.d.ts

@@ -1,2 +1,2 @@
-export { default as EnvironmentProvider, type EnvironmentProviderProps } from './environment-provider.svelte';
-export { useEnvironmentContext, type RootNode, type UseEnvironmentContext } from './use-environment-context';
+export { default as EnvironmentProvider, type EnvironmentProviderProps, } from "./environment-provider.svelte";
+export { useEnvironmentContext, type RootNode, type UseEnvironmentContext, } from "./use-environment-context";

package/dist/providers/environment/index.js

@@ -1,2 +1,2 @@
-export { default as EnvironmentProvider } from './environment-provider.svelte';
-export { useEnvironmentContext } from './use-environment-context';
+export { default as EnvironmentProvider, } from "./environment-provider.svelte";
+export { useEnvironmentContext, } from "./use-environment-context";

package/dist/providers/environment/use-environment-context.d.ts

@@ -1,4 +1,4 @@
-import type { Accessor } from '../../types';
+import type { Accessor } from "../../types";
 export type RootNode = ShadowRoot | Document | Node;
 export interface UseEnvironmentContext extends Accessor<{
     getRootNode(): RootNode;

package/dist/providers/environment/use-environment-context.js

@@ -1,6 +1,6 @@
-import { createContext } from '../../utils/create-context';
+import { createContext } from "../../utils/create-context";
 export const [EnvironmentContextProvider, useEnvironmentContext] = createContext({
-    name: 'EnvironmentContext',
+    name: "EnvironmentContext",
     strict: false,
     defaultValue: () => ({
         getRootNode: () => document,

package/dist/providers/index.d.ts

@@ -1,2 +1,2 @@
-export * from './locale';
-export * from './environment';
+export * from "./locale";
+export * from "./environment";

package/dist/providers/index.js

@@ -1,2 +1,2 @@
-export * from './locale';
-export * from './environment';
+export * from "./locale";
+export * from "./environment";

package/dist/providers/locale/index.d.ts

@@ -1,4 +1,5 @@
-export { default as LocaleProvider, type LocaleProviderProps } from './locale-provider.svelte';
-export { useCollator, type UseCollatorProps, type UseCollatorReturn } from './use-collator.svelte';
-export { useFilter, type UseFilterProps, type UseFilterReturn } from './use-filter.svelte';
-export { useLocaleContext, type UseLocaleContext } from './use-locale-context';
+export { default as LocaleProvider, type LocaleProviderProps } from "./locale-provider.svelte";
+export { useCollator, type UseCollatorProps, type UseCollatorReturn } from "./use-collator.svelte";
+export { useDateFormatter, type UseDateFormatterProps, type UseDateFormatterReturn, } from "./use-date-formatter.svelte";
+export { useFilter, type UseFilterProps, type UseFilterReturn } from "./use-filter.svelte";
+export { useLocaleContext, type UseLocaleContext } from "./use-locale-context";

package/dist/providers/locale/index.js

@@ -1,4 +1,5 @@
-export { default as LocaleProvider } from './locale-provider.svelte';
-export { useCollator } from './use-collator.svelte';
-export { useFilter } from './use-filter.svelte';
-export { useLocaleContext } from './use-locale-context';
+export { default as LocaleProvider } from "./locale-provider.svelte";
+export { useCollator } from "./use-collator.svelte";
+export { useDateFormatter, } from "./use-date-formatter.svelte";
+export { useFilter } from "./use-filter.svelte";
+export { useLocaleContext } from "./use-locale-context";

package/dist/providers/locale/use-collator.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Accessor } from '../../types';
+import type { Accessor } from "../../types";
 export interface UseCollatorProps extends Intl.CollatorOptions {
     locale?: string;
 }

package/dist/providers/locale/use-collator.svelte.js

@@ -1,5 +1,5 @@
-import { createCollator } from '@sprawlify/primitives/i18n-utils';
-import { useLocaleContext } from './use-locale-context';
+import { createCollator } from "@sprawlify/primitives/i18n-utils";
+import { useLocaleContext } from "./use-locale-context";
 export function useCollator(props = {}) {
     const env = useLocaleContext();
     const locale = $derived(props.locale ?? env().locale);

package/dist/providers/locale/use-date-formatter.svelte.d.ts

@@ -0,0 +1,8 @@
+import { DateFormatter } from "@internationalized/date";
+import type { Accessor } from "../../types";
+export interface UseDateFormatterProps extends Intl.DateTimeFormatOptions {
+    locale?: string;
+}
+export interface UseDateFormatterReturn extends Accessor<DateFormatter> {
+}
+export declare function useDateFormatter(props?: UseDateFormatterProps): UseDateFormatterReturn;

package/dist/providers/locale/use-date-formatter.svelte.js

@@ -0,0 +1,11 @@
+import { DateFormatter } from "@internationalized/date";
+import { useLocaleContext } from "./use-locale-context";
+export function useDateFormatter(props = {}) {
+    const env = useLocaleContext();
+    const locale = $derived(props.locale ?? env().locale);
+    const formatter = $derived.by(() => {
+        const { locale: _, ...options } = props;
+        return new DateFormatter(locale, options);
+    });
+    return () => formatter;
+}

package/dist/providers/locale/use-filter.svelte.d.ts

@@ -1,6 +1,6 @@
-import type { Accessor } from '../../types';
-import { type FilterOptions, type FilterReturn } from '@sprawlify/primitives/i18n-utils';
-import { type MaybeFunction } from '@sprawlify/primitives/utils';
+import type { Accessor } from "../../types";
+import { type FilterOptions, type FilterReturn } from "@sprawlify/primitives/i18n-utils";
+import { type MaybeFunction } from "@sprawlify/primitives/utils";
 export interface UseFilterProps extends FilterOptions {
 }
 export declare function useFilter(inProps: MaybeFunction<UseFilterProps>): UseFilterReturn;

package/dist/providers/locale/use-filter.svelte.js

@@ -1,6 +1,6 @@
-import { createFilter } from '@sprawlify/primitives/i18n-utils';
-import { runIfFn } from '@sprawlify/primitives/utils';
-import { useLocaleContext } from './use-locale-context';
+import { createFilter, } from "@sprawlify/primitives/i18n-utils";
+import { runIfFn } from "@sprawlify/primitives/utils";
+import { useLocaleContext } from "./use-locale-context";
 export function useFilter(inProps) {
     const props = $derived(runIfFn(inProps));
     const env = useLocaleContext();

package/dist/providers/locale/use-locale-context.d.ts

@@ -1,5 +1,5 @@
-import type { Accessor } from '../../types';
-import type { Locale } from '@sprawlify/primitives/i18n-utils';
+import type { Accessor } from "../../types";
+import type { Locale } from "@sprawlify/primitives/i18n-utils";
 export interface UseLocaleContext extends Accessor<Locale> {
 }
 export declare const LocaleContextProvider: (opts: UseLocaleContext) => void, useLocaleContext: (fallback?: UseLocaleContext | undefined) => UseLocaleContext;

package/dist/providers/locale/use-locale-context.js

@@ -1,9 +1,9 @@
-import { createContext } from '../../utils/create-context';
+import { createContext } from "../../utils/create-context";
 export const [LocaleContextProvider, useLocaleContext] = createContext({
-    name: 'LocaleContext',
+    name: "LocaleContext",
     strict: false,
     defaultValue: () => ({
-        dir: 'ltr',
-        locale: 'en-US',
+        dir: "ltr",
+        locale: "en-US",
     }),
 });

package/dist/types.d.ts

@@ -1,5 +1,5 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes, SvelteHTMLElements } from 'svelte/elements';
+import type { Snippet } from "svelte";
+import type { HTMLAttributes, SvelteHTMLElements } from "svelte/elements";
 export type Assign<T, U> = Omit<T, keyof U> & U;
 export type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
 export type Accessor<T> = () => T;

package/dist/utils/create-context.js

@@ -1,9 +1,9 @@
-import { getContext, hasContext, setContext } from 'svelte';
+import { getContext, hasContext, setContext } from "svelte";
 function getErrorMessage(hook, provider) {
     return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
 }
 export const createContext = (options) => {
-    const { name, strict = true, hookName = 'useContext', providerName = 'Provider', errorMessage, defaultValue, } = options;
+    const { name, strict = true, hookName = "useContext", providerName = "Provider", errorMessage, defaultValue, } = options;
     const contextId = Symbol(name);
     const provider = (value) => setContext(contextId, value);
     const consumer = () => {

package/dist/utils/index.d.ts

@@ -1 +1 @@
-export { createContext } from './create-context';
+export { createContext } from "./create-context";

package/dist/utils/index.js

@@ -1 +1 @@
-export { createContext } from './create-context';
+export { createContext } from "./create-context";

package/dist/utils/render-strategy.d.ts

@@ -1,4 +1,4 @@
-import type { Accessor } from '../types';
+import type { Accessor } from "../types";
 export interface RenderStrategyProps {
     lazyMount?: boolean;
     unmountOnExit?: boolean;

package/dist/utils/render-strategy.js

@@ -1,9 +1,9 @@
-import { createContext } from './create-context';
-import { createSplitProps } from './create-split-props';
+import { createContext } from "./create-context";
+import { createSplitProps } from "./create-split-props";
 export const [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext({
-    name: 'RenderStrategyContext',
-    hookName: 'useRenderStrategyContext',
-    providerName: '<RenderStrategyPropsProvider />',
+    name: "RenderStrategyContext",
+    hookName: "useRenderStrategyContext",
+    providerName: "<RenderStrategyPropsProvider />",
 });
 const splitFn = createSplitProps();
-export const splitRenderStrategyProps = (props) => splitFn(props, ['lazyMount', 'unmountOnExit']);
+export const splitRenderStrategyProps = (props) => splitFn(props, ["lazyMount", "unmountOnExit"]);

package/dist/utils/run-if-fn.js

@@ -1,4 +1,4 @@
-const isFunction = (value) => typeof value === 'function';
+const isFunction = (value) => typeof value === "function";
 export const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn)
     ? valueOrFn(...args)
     : valueOrFn;

package/dist/utils/tags.js

@@ -1,5 +1,5 @@
-export const voidSVGTags = ['path', 'rect', 'circle', 'ellipse', 'line', 'polygon', 'polyline'];
-export const isVoidSVGTag = (tag) => typeof tag === 'string' && voidSVGTags.includes(tag);
-export const voidHTMLTags = ['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link'];
-export const isVoidHTMLTag = (tag) => typeof tag === 'string' && voidHTMLTags.includes(tag);
+export const voidSVGTags = ["path", "rect", "circle", "ellipse", "line", "polygon", "polyline"];
+export const isVoidSVGTag = (tag) => typeof tag === "string" && voidSVGTags.includes(tag);
+export const voidHTMLTags = ["area", "base", "br", "col", "embed", "hr", "img", "input", "link"];
+export const isVoidHTMLTag = (tag) => typeof tag === "string" && voidHTMLTags.includes(tag);
 export const isVoidTag = (tag) => isVoidSVGTag(tag) || isVoidHTMLTag(tag);

package/package.json

@@ -1,11 +1,15 @@
 {
   "name": "@sprawlify/svelte",
-  "version": "0.0.106",
-  "type": "module",
+  "version": "0.0.107",
   "description": "Svelte wrapper for primitives.",
+  "license": "MIT",
   "author": "sprawlify <npm@sprawlify.com>",
-  "svelte": "./dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
   "types": "./dist/index.d.ts",
+  "svelte": "./dist/index.js",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -333,14 +337,11 @@
       "default": "./dist/components/tree-view/index.js"
     }
   },
-  "files": [
-    "dist"
-  ],
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@sprawlify/primitives": "0.0.106"
+    "@sprawlify/primitives": "0.0.107"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"
@@ -348,10 +349,10 @@
   "engines": {
     "node": ">=24"
   },
-  "license": "MIT",
   "scripts": {
     "build": "svelte-kit sync && svelte-package",
     "typecheck": "svelte-check",
-    "lint": "eslint src --fix"
+    "lint": "oxlint --fix",
+    "format": "oxfmt"
   }
 }