@ark-ui/solid 0.1.0 → 0.2.0

package/dist/toast/toast-item-context.mjs

@@ -0,0 +1,8 @@
+import { createContext } from '../create-context.mjs';
+
+const [ToastItemProvider, useToastItemContext] = createContext({
+  hookName: "useToastItemContext",
+  providerName: "<ToastItemProvider />"
+});
+
+export { ToastItemProvider, useToastItemContext };

package/dist/toast/toast-placements.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const solidJs = require('solid-js');
+const runIfFn = require('../run-if-fn.cjs');
+const toastProvider = require('./toast-provider.cjs');
+
+const ToastPlacements = props => {
+  const toast = toastProvider.useToast();
+  const view = () => solidJs.children(() => runIfFn.runIfFn(props.children, Object.keys(toast().toastsByPlacement)));
+  return view;
+};
+
+exports.ToastPlacements = ToastPlacements;

package/dist/toast/toast-placements.d.ts

@@ -0,0 +1,6 @@
+import { type Placement } from '@zag-js/toast';
+import { type JSX } from 'solid-js';
+export type ToastPlacementsProps = {
+    children: (placements: Placement[]) => JSX.Element;
+};
+export declare const ToastPlacements: (props: ToastPlacementsProps) => JSX.Element;

package/dist/toast/toast-placements.mjs

@@ -0,0 +1,11 @@
+import { children } from 'solid-js';
+import { runIfFn } from '../run-if-fn.mjs';
+import { useToast } from './toast-provider.mjs';
+
+const ToastPlacements = props => {
+  const toast = useToast();
+  const view = () => children(() => runIfFn(props.children, Object.keys(toast().toastsByPlacement)));
+  return view;
+};
+
+export { ToastPlacements };

package/dist/toast/toast-provider.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const solid = require('@zag-js/solid');
+const toast = require('@zag-js/toast');
+const solidJs = require('solid-js');
+const createContext = require('../create-context.cjs');
+const createSplitProps = require('../create-split-props.cjs');
+const environmentContext = require('../environment/environment-context.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const toast__namespace = /*#__PURE__*/_interopNamespaceDefault(toast);
+
+const [ToastContextProvider, useToast] = createContext.createContext();
+const ToastProvider = props => {
+  const [toastProviderParams, machineProps] = createSplitProps.createSplitProps()(props, ['children']);
+  const getRootNode = environmentContext.useEnvironmentContext();
+  const context = solidJs.mergeProps({
+    id: solidJs.createUniqueId(),
+    getRootNode
+  }, machineProps);
+  const [state, send] = solid.useMachine(toast__namespace.group.machine(context));
+  const api = solidJs.createMemo(() => toast__namespace.group.connect(state, send, solid.normalizeProps));
+  return web.createComponent(ToastContextProvider, {
+    value: api,
+    get children() {
+      return toastProviderParams.children;
+    }
+  });
+};
+
+exports.ToastContextProvider = ToastContextProvider;
+exports.ToastProvider = ToastProvider;
+exports.useToast = useToast;

package/dist/toast/toast-provider.d.ts

@@ -0,0 +1,13 @@
+import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import * as toast from '@zag-js/toast';
+import { type JSX } from 'solid-js';
+import { type Optional } from '../types';
+type GroupPublicContext = Parameters<(typeof toast)['group']['machine']>[0];
+type ToastProviderParams = {
+    children: JSX.Element;
+};
+export type ToastContext = () => ReturnType<(typeof toast)['group']['connect']>;
+export type ToastProviderProps = Optional<GroupPublicContext, 'id'> & ToastProviderParams;
+export declare const ToastContextProvider: ContextProviderComponent<ToastContext>, useToast: () => ToastContext;
+export declare const ToastProvider: (props: ToastProviderProps) => JSX.Element;
+export {};

package/dist/toast/toast-provider.mjs

@@ -0,0 +1,27 @@
+import { createComponent } from 'solid-js/web';
+import { useMachine, normalizeProps } from '@zag-js/solid';
+import * as toast from '@zag-js/toast';
+import { mergeProps, createUniqueId, createMemo } from 'solid-js';
+import { createContext } from '../create-context.mjs';
+import { createSplitProps } from '../create-split-props.mjs';
+import { useEnvironmentContext } from '../environment/environment-context.mjs';
+
+const [ToastContextProvider, useToast] = createContext();
+const ToastProvider = props => {
+  const [toastProviderParams, machineProps] = createSplitProps()(props, ['children']);
+  const getRootNode = useEnvironmentContext();
+  const context = mergeProps({
+    id: createUniqueId(),
+    getRootNode
+  }, machineProps);
+  const [state, send] = useMachine(toast.group.machine(context));
+  const api = createMemo(() => toast.group.connect(state, send, normalizeProps));
+  return createComponent(ToastContextProvider, {
+    value: api,
+    get children() {
+      return toastProviderParams.children;
+    }
+  });
+};
+
+export { ToastContextProvider, ToastProvider, useToast };

package/dist/toast/toast-title.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const factory = require('../factory.cjs');
+const toastItemContext = require('./toast-item-context.cjs');
+
+const ToastTitle = props => {
+  const toast = toastItemContext.useToastItemContext();
+  return web.createComponent(factory.ark.h3, web.mergeProps(() => toast().titleProps, props, {
+    get children() {
+      return toast().title;
+    }
+  }));
+};
+
+exports.ToastTitle = ToastTitle;

package/dist/toast/toast-title.d.ts

@@ -0,0 +1,4 @@
+import type { JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+export type ToastTitleProps = HTMLArkProps<'h3'>;
+export declare const ToastTitle: (props: ToastTitleProps) => JSX.Element;

package/dist/toast/toast-title.mjs

@@ -0,0 +1,14 @@
+import { createComponent, mergeProps } from 'solid-js/web';
+import { ark } from '../factory.mjs';
+import { useToastItemContext } from './toast-item-context.mjs';
+
+const ToastTitle = props => {
+  const toast = useToastItemContext();
+  return createComponent(ark.h3, mergeProps(() => toast().titleProps, props, {
+    get children() {
+      return toast().title;
+    }
+  }));
+};
+
+export { ToastTitle };

package/dist/toast/toast.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as toastAnatomy } from '@zag-js/toast';

package/dist/toast/toast.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const web = require('solid-js/web');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const toastItemContext = require('./toast-item-context.cjs');
+const useToastItem = require('./use-toast-item.cjs');
+
+const Toast = props => {
+  const [useToastItemProps, divProps] = createSplitProps.createSplitProps()(props, ['toast']);
+  const toast = useToastItem.useToastItem(useToastItemProps);
+  return web.createComponent(toastItemContext.ToastItemProvider, {
+    value: toast,
+    get children() {
+      return web.createComponent(factory.ark.div, web.mergeProps(() => toast().rootProps, divProps));
+    }
+  });
+};
+
+exports.Toast = Toast;

package/dist/toast/toast.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from 'solid-js';
+import { type Assign } from '@polymorphic-factory/solid';
+import { type HTMLArkProps } from '../factory';
+import { type UseToastItemProps } from './use-toast-item';
+export type ToastProps = Assign<HTMLArkProps<'div'>, UseToastItemProps>;
+export declare const Toast: (props: ToastProps) => JSX.Element;

package/dist/toast/toast.mjs

@@ -0,0 +1,18 @@
+import { createComponent, mergeProps } from 'solid-js/web';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { ToastItemProvider } from './toast-item-context.mjs';
+import { useToastItem } from './use-toast-item.mjs';
+
+const Toast = props => {
+  const [useToastItemProps, divProps] = createSplitProps()(props, ['toast']);
+  const toast = useToastItem(useToastItemProps);
+  return createComponent(ToastItemProvider, {
+    value: toast,
+    get children() {
+      return createComponent(ark.div, mergeProps(() => toast().rootProps, divProps));
+    }
+  });
+};
+
+export { Toast };

package/dist/toast/use-toast-item.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const solid = require('@zag-js/solid');
+const toast = require('@zag-js/toast');
+const solidJs = require('solid-js');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const toast__namespace = /*#__PURE__*/_interopNamespaceDefault(toast);
+
+const useToastItem = (props) => {
+  const [state, send] = solid.useActor(props.toast);
+  return solidJs.createMemo(() => toast__namespace.connect(state, send, solid.normalizeProps));
+};
+
+exports.useToastItem = useToastItem;

package/dist/toast/use-toast-item.d.ts

@@ -0,0 +1,23 @@
+import type { Accessor, JSX } from 'solid-js';
+import * as toast from '@zag-js/toast';
+export type UseToastItemProps = {
+    toast: toast.Service;
+};
+export type UseToastItemReturn = ReturnType<typeof useToastItem>;
+export declare const useToastItem: (props: UseToastItemProps) => Accessor<{
+    type: toast.Type;
+    title: string | undefined;
+    description: string | undefined;
+    placement: toast.Placement;
+    isVisible: boolean;
+    isPaused: boolean;
+    isRtl: boolean;
+    pause(): void;
+    resume(): void;
+    dismiss(): void;
+    render(): any;
+    rootProps: JSX.HTMLAttributes<any>;
+    titleProps: JSX.HTMLAttributes<any>;
+    descriptionProps: JSX.HTMLAttributes<any>;
+    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+}>;

package/dist/toast/use-toast-item.mjs

@@ -0,0 +1,10 @@
+import { useActor, normalizeProps } from '@zag-js/solid';
+import * as toast from '@zag-js/toast';
+import { createMemo } from 'solid-js';
+
+const useToastItem = (props) => {
+  const [state, send] = useActor(props.toast);
+  return createMemo(() => toast.connect(state, send, normalizeProps));
+};
+
+export { useToastItem };

package/dist/tooltip/tooltip-trigger.cjs

@@ -17,7 +17,7 @@ const TooltipTrigger = props => {
       web.spread(children, triggerProps);
     }
   });
-  return getChildren;
+  return getChildren();
 };
 
 exports.TooltipTrigger = TooltipTrigger;

package/dist/tooltip/tooltip-trigger.d.ts

@@ -1,6 +1,6 @@
-import type { ChildrenReturn } from 'solid-js';
+import type { ResolvedChildren } from 'solid-js/types/reactive/signal';
 import { type JSX } from 'solid-js/jsx-runtime';
 export type TooltipTriggerProps = {
     children: JSX.Element;
 };
-export declare const TooltipTrigger: (props: TooltipTriggerProps) => ChildrenReturn;
+export declare const TooltipTrigger: (props: TooltipTriggerProps) => ResolvedChildren;

package/dist/tooltip/tooltip-trigger.mjs

@@ -13,7 +13,7 @@ const TooltipTrigger = props => {
       spread(children, triggerProps);
     }
   });
-  return getChildren;
+  return getChildren();
 };
 
 export { TooltipTrigger };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/solid",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "components",
@@ -33,6 +33,7 @@
     "@zag-js/accordion": "0.6.0",
     "@zag-js/anatomy": "0.1.4",
     "@zag-js/checkbox": "0.6.0",
+    "@zag-js/color-picker": "0.6.0",
     "@zag-js/combobox": "0.6.0",
     "@zag-js/dialog": "0.6.0",
     "@zag-js/editable": "0.6.0",
@@ -63,17 +64,17 @@
     "@testing-library/user-event": "14.4.3",
     "@types/jsdom": "21.1.1",
     "@types/testing-library__jest-dom": "5.14.5",
-    "@typescript-eslint/eslint-plugin": "5.58.0",
-    "@typescript-eslint/parser": "5.58.0",
+    "@typescript-eslint/eslint-plugin": "5.59.1",
+    "@typescript-eslint/parser": "5.59.1",
     "@vitest/coverage-c8": "0.30.1",
     "clean-package": "2.2.0",
-    "eslint": "8.38.0",
-    "happy-dom": "9.7.1",
-    "solid-js": "1.6.16",
+    "eslint": "8.39.0",
+    "happy-dom": "9.10.0",
+    "solid-js": "1.7.3",
     "typescript": "5.0.4",
-    "vite": "4.2.1",
+    "vite": "4.3.3",
     "vite-plugin-dts": "2.3.0",
-    "vite-plugin-solid": "2.6.1",
+    "vite-plugin-solid": "2.7.0",
     "vitest": "0.30.1"
   },
   "peerDependencies": {