@sprawlify/solid 0.0.14 → 0.0.16

package/dist/providers-Bo0OFe08.js

@@ -0,0 +1,96 @@
+import { t as runIfFn } from "./run-if-fn-D5794CxE.js";
+import { t as createContext$1 } from "./create-context-GfQ_MylE.js";
+import { Show, createMemo, createSignal } from "solid-js";
+import { createComponent, memo, template, use } from "solid-js/web";
+import { getDocument, getWindow } from "@sprawlify/primitives/dom-query";
+import { createCollator, createFilter, isRTL } from "@sprawlify/primitives/i18n-utils";
+
+//#region src/providers/environment/use-environment-context.ts
+const [EnvironmentContextProvider, useEnvironmentContext] = createContext$1({
+	hookName: "useEnvironmentContext",
+	providerName: "<EnvironmentProvider />",
+	strict: false,
+	defaultValue: () => ({
+		getRootNode: () => document,
+		getDocument: () => document,
+		getWindow: () => window
+	})
+});
+
+//#endregion
+//#region src/providers/environment/environment-provider.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<span hidden>`);
+const EnvironmentProvider = (props) => {
+	const [spanRef, setSpanRef] = createSignal();
+	const getRootNode = () => runIfFn(props.value) ?? spanRef()?.getRootNode() ?? document;
+	return createComponent(EnvironmentContextProvider, {
+		value: createMemo(() => ({
+			getRootNode,
+			getDocument: () => getDocument(getRootNode()),
+			getWindow: () => getWindow(getRootNode())
+		})),
+		get children() {
+			return [memo(() => props.children), createComponent(Show, {
+				get when() {
+					return !props.value;
+				},
+				get children() {
+					var _el$ = _tmpl$();
+					use(setSpanRef, _el$);
+					return _el$;
+				}
+			})];
+		}
+	});
+};
+
+//#endregion
+//#region src/providers/locale/use-locale-context.ts
+const [LocaleContextProvider, useLocaleContext] = createContext$1({
+	hookName: "useEnvironmentContext",
+	providerName: "<EnvironmentProvider />",
+	strict: false,
+	defaultValue: () => ({
+		dir: "ltr",
+		locale: "en-US"
+	})
+});
+
+//#endregion
+//#region src/providers/locale/locale-provider.tsx
+const LocaleProvider = (props) => {
+	return createComponent(LocaleContextProvider, {
+		value: createMemo(() => ({
+			locale: props.locale,
+			dir: isRTL(props.locale) ? "rtl" : "ltr"
+		})),
+		get children() {
+			return props.children;
+		}
+	});
+};
+
+//#endregion
+//#region src/providers/locale/use-collator.ts
+function useCollator(props = {}) {
+	const env = useLocaleContext();
+	const locale = () => props.locale ?? env().locale;
+	return createMemo(() => {
+		const { locale: _, ...options } = props;
+		return createCollator(locale(), options);
+	});
+}
+
+//#endregion
+//#region src/providers/locale/use-filter.ts
+function useFilter(props) {
+	const env = useLocaleContext();
+	const locale = createMemo(() => props.locale ?? env().locale);
+	return createMemo(() => createFilter({
+		...props,
+		locale: locale()
+	}));
+}
+
+//#endregion
+export { EnvironmentProvider as a, useLocaleContext as i, useCollator as n, useEnvironmentContext as o, LocaleProvider as r, useFilter as t };

package/dist/providers-DFaRRd80.jsx

@@ -0,0 +1,82 @@
+import { t as runIfFn } from "./run-if-fn-A3VwXy-o.jsx";
+import { t as createContext$1 } from "./create-context-C3rvZvkc.jsx";
+import { Show, createMemo, createSignal } from "solid-js";
+import { getDocument, getWindow } from "@sprawlify/primitives/dom-query";
+import { createCollator, createFilter, isRTL } from "@sprawlify/primitives/i18n-utils";
+
+//#region src/providers/environment/use-environment-context.ts
+const [EnvironmentContextProvider, useEnvironmentContext] = createContext$1({
+	hookName: "useEnvironmentContext",
+	providerName: "<EnvironmentProvider />",
+	strict: false,
+	defaultValue: () => ({
+		getRootNode: () => document,
+		getDocument: () => document,
+		getWindow: () => window
+	})
+});
+
+//#endregion
+//#region src/providers/environment/environment-provider.tsx
+const EnvironmentProvider = (props) => {
+	const [spanRef, setSpanRef] = createSignal();
+	const getRootNode = () => runIfFn(props.value) ?? spanRef()?.getRootNode() ?? document;
+	const environment = createMemo(() => ({
+		getRootNode,
+		getDocument: () => getDocument(getRootNode()),
+		getWindow: () => getWindow(getRootNode())
+	}));
+	return <EnvironmentContextProvider value={environment}>
+      {props.children}
+      <Show when={!props.value}>
+        <span hidden ref={setSpanRef} />
+      </Show>
+    </EnvironmentContextProvider>;
+};
+
+//#endregion
+//#region src/providers/locale/use-locale-context.ts
+const [LocaleContextProvider, useLocaleContext] = createContext$1({
+	hookName: "useEnvironmentContext",
+	providerName: "<EnvironmentProvider />",
+	strict: false,
+	defaultValue: () => ({
+		dir: "ltr",
+		locale: "en-US"
+	})
+});
+
+//#endregion
+//#region src/providers/locale/locale-provider.tsx
+const LocaleProvider = (props) => {
+	const context = createMemo(() => ({
+		locale: props.locale,
+		dir: isRTL(props.locale) ? "rtl" : "ltr"
+	}));
+	return <LocaleContextProvider value={context}>{props.children}</LocaleContextProvider>;
+};
+
+//#endregion
+//#region src/providers/locale/use-collator.ts
+function useCollator(props = {}) {
+	const env = useLocaleContext();
+	const locale = () => props.locale ?? env().locale;
+	return createMemo(() => {
+		const { locale: _, ...options } = props;
+		return createCollator(locale(), options);
+	});
+}
+
+//#endregion
+//#region src/providers/locale/use-filter.ts
+function useFilter(props) {
+	const env = useLocaleContext();
+	const locale = createMemo(() => props.locale ?? env().locale);
+	return createMemo(() => createFilter({
+		...props,
+		locale: locale()
+	}));
+}
+
+//#endregion
+export { EnvironmentProvider as a, useLocaleContext as i, useCollator as n, useEnvironmentContext as o, LocaleProvider as r, useFilter as t };

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

@@ -0,0 +1,9 @@
+import "solid-js";
+
+//#region src/utils/render-strategy.d.ts
+interface RenderStrategyProps {
+  lazyMount?: boolean;
+  unmountOnExit?: boolean;
+}
+//#endregion
+export { RenderStrategyProps as t };

package/dist/render-strategy-CdJhRv3I.jsx

@@ -0,0 +1,12 @@
+import { t as createContext } from "./create-context-C3rvZvkc.jsx";
+import { t as createSplitProps } from "./create-split-props-B8A7_AF7.jsx";
+
+//#region src/utils/render-strategy.ts
+const [RenderStrategyProvider, useRenderStrategyContext] = createContext({
+	hookName: "useRenderStrategyContext",
+	providerName: "<RenderStrategyProvider />"
+});
+const splitRenderStrategyProps = (props) => createSplitProps()(props, ["lazyMount", "unmountOnExit"]);
+
+//#endregion
+export { splitRenderStrategyProps as n, useRenderStrategyContext as r, RenderStrategyProvider as t };

package/dist/render-strategy-DFlz7Uc4.js

@@ -0,0 +1,12 @@
+import { t as createContext } from "./create-context-GfQ_MylE.js";
+import { t as createSplitProps } from "./create-split-props-pQu7jijw.js";
+
+//#region src/utils/render-strategy.ts
+const [RenderStrategyProvider, useRenderStrategyContext] = createContext({
+	hookName: "useRenderStrategyContext",
+	providerName: "<RenderStrategyProvider />"
+});
+const splitRenderStrategyProps = (props) => createSplitProps()(props, ["lazyMount", "unmountOnExit"]);
+
+//#endregion
+export { splitRenderStrategyProps as n, useRenderStrategyContext as r, RenderStrategyProvider as t };

package/dist/run-if-fn-A3VwXy-o.jsx

@@ -0,0 +1,6 @@
+//#region src/utils/run-if-fn.ts
+const isFunction = (value) => typeof value === "function";
+const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
+
+//#endregion
+export { runIfFn as t };

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

@@ -0,0 +1,6 @@
+//#region src/utils/run-if-fn.ts
+const isFunction = (value) => typeof value === "function";
+const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
+
+//#endregion
+export { runIfFn as t };

package/dist/types-Dbw4va3W.d.ts

@@ -0,0 +1,9 @@
+import { Accessor } from "solid-js";
+
+//#region src/types.d.ts
+type Assign<T, U> = Omit<T, keyof U> & U;
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
+type MaybeAccessor<T> = Accessor<T> | T;
+type MaybePromise<T> = T | Promise<T>;
+//#endregion
+export { Optional as i, MaybeAccessor as n, MaybePromise as r, Assign as t };

package/dist/utils/index.d.ts

@@ -1,2 +1,2 @@
-import { t as createContext } from "../index-C_ThrXdH.js";
+import { t as createContext } from "../index-B6dBCfnB.js";
 export { createContext };

package/dist/utils/index.js

@@ -1,3 +1,4 @@
-import { t as createContext } from "../utils-GEMuT7an.js";
+import { t as createContext } from "../create-context-GfQ_MylE.js";
+import "../utils-DQi-Cen5.js";
 
 export { createContext };

package/dist/utils/index.jsx

@@ -1,3 +1,4 @@
-import { t as createContext } from "../utils-DSKoW7eB.jsx";
+import { t as createContext } from "../create-context-C3rvZvkc.jsx";
+import "../utils-vSjszv0W.jsx";
 
 export { createContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sprawlify/solid",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "type": "module",
   "description": "Solid wrapper for primitives.",
   "author": "sprawlify <npm@sprawlify.com>",
@@ -12,6 +12,106 @@
       "types": "./dist/index.d.ts",
       "solid": "./dist/index.jsx",
       "default": "./dist/index.js"
+    },
+    "./accordion": {
+      "types": "./dist/components/accordion/index.d.ts",
+      "solid": "./dist/components/accordion/index.jsx",
+      "default": "./dist/components/accordion/index.js"
+    },
+    "./angle-slider": {
+      "types": "./dist/components/angle-slider/index.d.ts",
+      "solid": "./dist/components/angle-slider/index.jsx",
+      "default": "./dist/components/angle-slider/index.js"
+    },
+    "./avatar": {
+      "types": "./dist/components/avatar/index.d.ts",
+      "solid": "./dist/components/avatar/index.jsx",
+      "default": "./dist/components/avatar/index.js"
+    },
+    "./bottom-sheet": {
+      "types": "./dist/components/bottom-sheet/index.d.ts",
+      "solid": "./dist/components/bottom-sheet/index.jsx",
+      "default": "./dist/components/bottom-sheet/index.js"
+    },
+    "./carousel": {
+      "types": "./dist/components/carousel/index.d.ts",
+      "solid": "./dist/components/carousel/index.jsx",
+      "default": "./dist/components/carousel/index.js"
+    },
+    "./checkbox": {
+      "types": "./dist/components/checkbox/index.d.ts",
+      "solid": "./dist/components/checkbox/index.jsx",
+      "default": "./dist/components/checkbox/index.js"
+    },
+    "./client-only": {
+      "types": "./dist/components/client-only/index.d.ts",
+      "solid": "./dist/components/client-only/index.jsx",
+      "default": "./dist/components/client-only/index.js"
+    },
+    "./clipboard": {
+      "types": "./dist/components/clipboard/index.d.ts",
+      "solid": "./dist/components/clipboard/index.jsx",
+      "default": "./dist/components/clipboard/index.js"
+    },
+    "./collapsible": {
+      "types": "./dist/components/collapsible/index.d.ts",
+      "solid": "./dist/components/collapsible/index.jsx",
+      "default": "./dist/components/collapsible/index.js"
+    },
+    "./collection": {
+      "types": "./dist/components/collection/index.d.ts",
+      "solid": "./dist/components/collection/index.jsx",
+      "default": "./dist/components/collection/index.js"
+    },
+    "./color-picker": {
+      "types": "./dist/components/color-picker/index.d.ts",
+      "solid": "./dist/components/color-picker/index.jsx",
+      "default": "./dist/components/color-picker/index.js"
+    },
+    "./combobox": {
+      "types": "./dist/components/combobox/index.d.ts",
+      "solid": "./dist/components/combobox/index.jsx",
+      "default": "./dist/components/combobox/index.js"
+    },
+    "./date-picker": {
+      "types": "./dist/components/date-picker/index.d.ts",
+      "solid": "./dist/components/date-picker/index.jsx",
+      "default": "./dist/components/date-picker/index.js"
+    },
+    "./dialog": {
+      "types": "./dist/components/dialog/index.d.ts",
+      "solid": "./dist/components/dialog/index.jsx",
+      "default": "./dist/components/dialog/index.js"
+    },
+    "./download-trigger": {
+      "types": "./dist/components/download-trigger/index.d.ts",
+      "solid": "./dist/components/download-trigger/index.jsx",
+      "default": "./dist/components/download-trigger/index.js"
+    },
+    "./editable": {
+      "types": "./dist/components/editable/index.d.ts",
+      "solid": "./dist/components/editable/index.jsx",
+      "default": "./dist/components/editable/index.js"
+    },
+    "./field": {
+      "types": "./dist/components/field/index.d.ts",
+      "solid": "./dist/components/field/index.jsx",
+      "default": "./dist/components/field/index.js"
+    },
+    "./fieldset": {
+      "types": "./dist/components/fieldset/index.d.ts",
+      "solid": "./dist/components/fieldset/index.jsx",
+      "default": "./dist/components/fieldset/index.js"
+    },
+    "./highlight": {
+      "types": "./dist/components/highlight/index.d.ts",
+      "solid": "./dist/components/highlight/index.jsx",
+      "default": "./dist/components/highlight/index.js"
+    },
+    "./presence": {
+      "types": "./dist/components/presence/index.d.ts",
+      "solid": "./dist/components/presence/index.jsx",
+      "default": "./dist/components/presence/index.js"
     }
   },
   "files": [
@@ -22,7 +122,7 @@
   },
   "dependencies": {
     "@solid-primitives/keyed": "^1.5.2",
-    "@sprawlify/primitives": "0.0.14"
+    "@sprawlify/primitives": "0.0.16"
   },
   "peerDependencies": {
     "solid-js": ">=1.1.3"