@ark-ui/solid 0.11.0 → 1.0.0-beta.0

package/tags-input/tag-input.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const solid = require('@zag-js/solid');
-const createSplitProps = require('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-const tagsInputContext = require('./tags-input-context.cjs');
-
-const TagInput = props => {
-  const [tagParams, restProps] = createSplitProps.createSplitProps()(props, ['index', 'disabled', 'value']);
-  const api = tagsInputContext.useTagsInputContext();
-  const inputProps = solid.mergeProps(() => api().getTagInputProps(tagParams), restProps);
-  return web.createComponent(factory.ark.input, inputProps);
-};
-
-exports.TagInput = TagInput;

package/tags-input/tag-input.d.ts

@@ -1,6 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type TagProps } from './tag';
-export type TagInputProps = Assign<HTMLArkProps<'input'>, TagProps>;
-export declare const TagInput: (props: TagInputProps) => JSX.Element;

package/tags-input/tag-input.mjs

@@ -1,14 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { useTagsInputContext } from './tags-input-context.mjs';
-
-const TagInput = props => {
-  const [tagParams, restProps] = createSplitProps()(props, ['index', 'disabled', 'value']);
-  const api = useTagsInputContext();
-  const inputProps = mergeProps(() => api().getTagInputProps(tagParams), restProps);
-  return createComponent(ark.input, inputProps);
-};
-
-export { TagInput };

package/tags-input/tag.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const solid = require('@zag-js/solid');
-const createSplitProps = require('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-const tagsInputContext = require('./tags-input-context.cjs');
-
-const Tag = props => {
-  const [tagParams, restProps] = createSplitProps.createSplitProps()(props, ['index', 'disabled', 'value']);
-  const api = tagsInputContext.useTagsInputContext();
-  const tagProps = solid.mergeProps(() => api().getTagProps(tagParams), restProps);
-  return web.createComponent(factory.ark.div, tagProps);
-};
-
-exports.Tag = Tag;

package/tags-input/tag.d.ts

@@ -1,9 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-export type TagProps = {
-    index: string | number;
-    value: string;
-    disabled?: boolean;
-};
-export declare const Tag: (props: Assign<HTMLArkProps<'div'>, TagProps>) => JSX.Element;

package/tags-input/tag.mjs

@@ -1,14 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { useTagsInputContext } from './tags-input-context.mjs';
-
-const Tag = props => {
-  const [tagParams, restProps] = createSplitProps()(props, ['index', 'disabled', 'value']);
-  const api = useTagsInputContext();
-  const tagProps = mergeProps(() => api().getTagProps(tagParams), restProps);
-  return createComponent(ark.div, tagProps);
-};
-
-export { Tag };

package/tags-input/tags-input.anatomy.d.ts

@@ -1 +0,0 @@
-export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';

package/toast/toast-group.cjs

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const solid = require('@zag-js/solid');
-const solidJs = require('solid-js');
-const createSplitProps = require('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-const runIfFn = require('../run-if-fn.cjs');
-const toastProvider = require('./toast-provider.cjs');
-
-const ToastGroup = props => {
-  const [childrenProps, localProps] = solidJs.splitProps(props, ['children']);
-  const [groupParams, restProps] = createSplitProps.createSplitProps()(localProps, ['placement', 'label']);
-  const toast = toastProvider.useToast();
-  const toastsByPlacement = solidJs.createMemo(() => toast().toastsByPlacement[groupParams.placement] ?? []);
-  const groupProps = solid.mergeProps(() => toast().getGroupProps(groupParams), restProps);
-  const getChildren = () => runIfFn.runIfFn(childrenProps.children, toastsByPlacement);
-  return web.createComponent(factory.ark.div, web.mergeProps(groupProps, {
-    get children() {
-      return getChildren();
-    }
-  }));
-};
-
-exports.ToastGroup = ToastGroup;

package/toast/toast-group.d.ts

@@ -1,13 +0,0 @@
-import { type Placement, type Service } from '@zag-js/toast';
-import { type Accessor, type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-type ToastGroupParams = {
-    placement: Placement;
-    label?: string;
-};
-export type ToastGroupProps = Assign<HTMLArkProps<'div'>, ToastGroupParams & {
-    children: JSX.Element | ((toasts: Accessor<Service[]>) => JSX.Element);
-}>;
-export declare const ToastGroup: (props: ToastGroupProps) => JSX.Element;
-export {};

package/toast/toast-group.mjs

@@ -1,23 +0,0 @@
-import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { splitProps, createMemo } from 'solid-js';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { runIfFn } from '../run-if-fn.mjs';
-import { useToast } from './toast-provider.mjs';
-
-const ToastGroup = props => {
-  const [childrenProps, localProps] = splitProps(props, ['children']);
-  const [groupParams, restProps] = createSplitProps()(localProps, ['placement', 'label']);
-  const toast = useToast();
-  const toastsByPlacement = createMemo(() => toast().toastsByPlacement[groupParams.placement] ?? []);
-  const groupProps = mergeProps(() => toast().getGroupProps(groupParams), restProps);
-  const getChildren = () => runIfFn(childrenProps.children, toastsByPlacement);
-  return createComponent(ark.div, mergeProps$1(groupProps, {
-    get children() {
-      return getChildren();
-    }
-  }));
-};
-
-export { ToastGroup };

package/toast/toast-item-context.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const createContext = require('../create-context.cjs');
-
-const [ToastItemProvider, useToastItemContext] = createContext.createContext({
-  hookName: "useToastItemContext",
-  providerName: "<ToastItemProvider />"
-});
-
-exports.ToastItemProvider = ToastItemProvider;
-exports.useToastItemContext = useToastItemContext;

package/toast/toast-item-context.d.ts

@@ -1,4 +0,0 @@
-import { ContextProviderComponent } from 'solid-js';
-import { type UseToastItemReturn } from './use-toast-item';
-export type ToastItemContext = UseToastItemReturn;
-export declare const ToastItemProvider: ContextProviderComponent<UseToastItemReturn>, useToastItemContext: () => UseToastItemReturn;

package/toast/toast-item-context.mjs

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

package/toast/toast-placements.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-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 placements = solidJs.createMemo(() => Object.keys(toast().toastsByPlacement));
-  const getChildren = () => runIfFn.runIfFn(props.children, placements);
-  return web.memo(getChildren);
-};
-
-exports.ToastPlacements = ToastPlacements;

package/toast/toast-placements.d.ts

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

package/toast/toast-placements.mjs

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

package/toast/toast-provider.cjs

@@ -1,53 +0,0 @@
-'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');
-require('../environment/index.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 [childrenProps, 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 childrenProps.children;
-    }
-  });
-};
-
-exports.ToastContextProvider = ToastContextProvider;
-exports.ToastProvider = ToastProvider;
-exports.useToast = useToast;

package/toast/toast-provider.d.ts

@@ -1,12 +0,0 @@
-import * as toast from '@zag-js/toast';
-import { ContextProviderComponent, 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/toast/toast-provider.mjs

@@ -1,28 +0,0 @@
-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 '../environment/index.mjs';
-import { useEnvironmentContext } from '../environment/environment-context.mjs';
-
-const [ToastContextProvider, useToast] = createContext();
-const ToastProvider = props => {
-  const [childrenProps, 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 childrenProps.children;
-    }
-  });
-};
-
-export { ToastContextProvider, ToastProvider, useToast };

package/toast/toast.anatomy.d.ts

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

package/toast/use-toast-item.cjs

@@ -1,33 +0,0 @@
-'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/toast/use-toast-item.d.ts

@@ -1,8 +0,0 @@
-import { type PropTypes } from '@zag-js/solid';
-import * as toast from '@zag-js/toast';
-import { type Accessor } from 'solid-js';
-export type UseToastItemProps = {
-    toast: toast.Service;
-};
-export type UseToastItemReturn = Accessor<toast.Api<PropTypes>>;
-export declare const useToastItem: (props: UseToastItemProps) => UseToastItemReturn;

package/toast/use-toast-item.mjs

@@ -1,10 +0,0 @@
-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 };