@ark-ui/solid 0.8.1 → 0.10.0

package/environment/index.mjs

@@ -1,2 +1,8 @@
-export { Environment } from './environment.mjs';
+import { Environment as Environment$1 } from './environment.mjs';
 export { useEnvironmentContext } from './environment-context.mjs';
+
+const Environment = Object.assign(Environment$1, {
+  Root: Environment$1
+});
+
+export { Environment };

package/factory.d.ts

@@ -1,13 +1,13 @@
 import { type Component, type ComponentProps, type JSX } from 'solid-js';
-type ElementType = keyof JSX.IntrinsicElements | Component<any>;
-export type AsChildProps = {
+type ElementType = keyof JSX.IntrinsicElements;
+type AsChildProps = {
     asChild?: boolean;
 };
 type JsxElements = {
     [E in keyof JSX.IntrinsicElements]: AsChildForwardRefComponent<E>;
 };
-export type AsChildForwardRefComponent<E extends ElementType> = Component<AsChildComponentProps<E>>;
-export type AsChildComponentProps<E extends ElementType> = ComponentProps<E> & AsChildProps;
+type AsChildForwardRefComponent<E extends ElementType> = Component<AsChildComponentProps<E>>;
+type AsChildComponentProps<E extends ElementType> = ComponentProps<E> & AsChildProps;
 export type HTMLArkProps<T extends ElementType> = AsChildComponentProps<T>;
 export declare function jsxFactory(): JsxElements;
 export declare const ark: JsxElements;

package/filter-object.test.d.ts

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

package/hover-card/hover-card-arrow-tip.d.ts

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

package/hover-card/hover-card-arrow.d.ts

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

package/hover-card/hover-card-content.d.ts

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

package/hover-card/hover-card-context.d.ts

@@ -1,26 +1,4 @@
-import type { PositioningOptions } from '@zag-js/combobox';
-import type { Accessor, JSX } from 'solid-js';
-import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import { ContextProviderComponent } from 'solid-js';
 import { type UseHoverCardReturn } from './use-hover-card';
 export type HoverCardContext = UseHoverCardReturn;
-export declare const HoverCardProvider: ContextProviderComponent<Accessor<{
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-    setPositioning(options?: Partial<PositioningOptions> | undefined): void;
-    arrowProps: JSX.HTMLAttributes<any>;
-    arrowTipProps: JSX.HTMLAttributes<any>;
-    triggerProps: JSX.HTMLAttributes<any>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    contentProps: JSX.HTMLAttributes<any>;
-}>>, useHoverCardContext: () => Accessor<{
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-    setPositioning(options?: Partial<PositioningOptions> | undefined): void;
-    arrowProps: JSX.HTMLAttributes<any>;
-    arrowTipProps: JSX.HTMLAttributes<any>;
-    triggerProps: JSX.HTMLAttributes<any>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    contentProps: JSX.HTMLAttributes<any>;
-}>;
+export declare const HoverCardProvider: ContextProviderComponent<UseHoverCardReturn>, useHoverCardContext: () => UseHoverCardReturn;

package/hover-card/hover-card-positioner.d.ts

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

package/hover-card/hover-card-trigger.d.ts

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

package/hover-card/hover-card.stories.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'solid-js';
+import type { Meta } from 'storybook-solidjs';
+declare const meta: Meta;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const Controlled: () => JSX.Element;
+export declare const Positioning: () => JSX.Element;
+export declare const RenderProp: () => JSX.Element;

package/hover-card/index.cjs

@@ -2,23 +2,32 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const hoverCard = require('./hover-card.cjs');
+const hoverCard$1 = require('./hover-card.cjs');
 const hoverCardArrow = require('./hover-card-arrow.cjs');
 const hoverCardArrowTip = require('./hover-card-arrow-tip.cjs');
 const hoverCardContent = require('./hover-card-content.cjs');
+const hoverCardContext = require('./hover-card-context.cjs');
 const hoverCardPositioner = require('./hover-card-positioner.cjs');
 const hoverCardTrigger = require('./hover-card-trigger.cjs');
-const hoverCard$1 = require('@zag-js/hover-card');
-
+const hoverCard = require('@zag-js/hover-card');
 
+const HoverCard = Object.assign(hoverCard$1.HoverCard, {
+  Root: hoverCard$1.HoverCard,
+  Arrow: hoverCardArrow.HoverCardArrow,
+  ArrowTip: hoverCardArrowTip.HoverCardArrowTip,
+  Content: hoverCardContent.HoverCardContent,
+  Positioner: hoverCardPositioner.HoverCardPositioner,
+  Trigger: hoverCardTrigger.HoverCardTrigger
+});
 
-exports.HoverCard = hoverCard.HoverCard;
 exports.HoverCardArrow = hoverCardArrow.HoverCardArrow;
 exports.HoverCardArrowTip = hoverCardArrowTip.HoverCardArrowTip;
 exports.HoverCardContent = hoverCardContent.HoverCardContent;
+exports.useHoverCardContext = hoverCardContext.useHoverCardContext;
 exports.HoverCardPositioner = hoverCardPositioner.HoverCardPositioner;
 exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
 Object.defineProperty(exports, 'hoverCardAnatomy', {
-	enumerable: true,
-	get: () => hoverCard$1.anatomy
+  enumerable: true,
+  get: () => hoverCard.anatomy
 });
+exports.HoverCard = HoverCard;

package/hover-card/index.d.ts

@@ -1,7 +1,19 @@
-export { HoverCard, type HoverCardProps } from './hover-card';
-export { HoverCardArrow, type HoverCardArrowProps } from './hover-card-arrow';
-export { HoverCardArrowTip, type HoverCardArrowTipProps } from './hover-card-arrow-tip';
-export { HoverCardContent, type HoverCardContentProps } from './hover-card-content';
-export { HoverCardPositioner, type HoverCardPositionerProps } from './hover-card-positioner';
-export { HoverCardTrigger, type HoverCardTriggerProps } from './hover-card-trigger';
-export { hoverCardAnatomy } from './hover-card.anatomy';
+import { JSX } from 'solid-js';
+import { type HoverCardProps } from './hover-card';
+import { HoverCardArrow, type HoverCardArrowProps } from './hover-card-arrow';
+import { HoverCardArrowTip, type HoverCardArrowTipProps } from './hover-card-arrow-tip';
+import { HoverCardContent, type HoverCardContentProps } from './hover-card-content';
+import { useHoverCardContext } from './hover-card-context';
+import { HoverCardPositioner, type HoverCardPositionerProps } from './hover-card-positioner';
+import { HoverCardTrigger, type HoverCardTriggerProps } from './hover-card-trigger';
+import { hoverCardAnatomy } from './hover-card.anatomy';
+declare const HoverCard: ((props: HoverCardProps) => JSX.Element) & {
+    Root: (props: HoverCardProps) => JSX.Element;
+    Arrow: (props: HoverCardArrowProps) => JSX.Element;
+    ArrowTip: (props: HoverCardArrowTipProps) => JSX.Element;
+    Content: (props: HoverCardContentProps) => JSX.Element;
+    Positioner: (props: HoverCardPositionerProps) => JSX.Element;
+    Trigger: (props: HoverCardTriggerProps) => JSX.Element;
+};
+export { HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardTrigger, hoverCardAnatomy, useHoverCardContext, };
+export type { HoverCardArrowProps, HoverCardArrowTipProps, HoverCardContentProps, HoverCardPositionerProps, HoverCardProps, HoverCardTriggerProps, };

package/hover-card/index.mjs

@@ -1,7 +1,19 @@
-export { HoverCard } from './hover-card.mjs';
-export { HoverCardArrow } from './hover-card-arrow.mjs';
-export { HoverCardArrowTip } from './hover-card-arrow-tip.mjs';
-export { HoverCardContent } from './hover-card-content.mjs';
-export { HoverCardPositioner } from './hover-card-positioner.mjs';
-export { HoverCardTrigger } from './hover-card-trigger.mjs';
+import { HoverCard as HoverCard$1 } from './hover-card.mjs';
+import { HoverCardArrow } from './hover-card-arrow.mjs';
+import { HoverCardArrowTip } from './hover-card-arrow-tip.mjs';
+import { HoverCardContent } from './hover-card-content.mjs';
+export { useHoverCardContext } from './hover-card-context.mjs';
+import { HoverCardPositioner } from './hover-card-positioner.mjs';
+import { HoverCardTrigger } from './hover-card-trigger.mjs';
 export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
+
+const HoverCard = Object.assign(HoverCard$1, {
+  Root: HoverCard$1,
+  Arrow: HoverCardArrow,
+  ArrowTip: HoverCardArrowTip,
+  Content: HoverCardContent,
+  Positioner: HoverCardPositioner,
+  Trigger: HoverCardTrigger
+});
+
+export { HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardTrigger };

package/hover-card/use-hover-card.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const hoverCard = require('@zag-js/hover-card');
 const solid = require('@zag-js/solid');
 const solidJs = require('solid-js');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/hover-card/use-hover-card.d.ts

@@ -1,16 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
 import * as hoverCard from '@zag-js/hover-card';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
 export type UseHoverCardProps = Optional<hoverCard.Context, 'id'>;
-export declare const useHoverCard: (props: UseHoverCardProps) => Accessor<{
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-    setPositioning(options?: Partial<hoverCard.PositioningOptions> | undefined): void;
-    arrowProps: JSX.HTMLAttributes<any>;
-    arrowTipProps: JSX.HTMLAttributes<any>;
-    triggerProps: JSX.HTMLAttributes<any>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    contentProps: JSX.HTMLAttributes<any>;
-}>;
-export type UseHoverCardReturn = ReturnType<typeof useHoverCard>;
+export type UseHoverCardReturn = Accessor<hoverCard.Api<PropTypes>>;
+export declare const useHoverCard: (props: UseHoverCardProps) => UseHoverCardReturn;

package/hover-card/use-hover-card.mjs

@@ -1,6 +1,7 @@
 import * as hoverCard from '@zag-js/hover-card';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import { createUniqueId, createMemo } from 'solid-js';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useHoverCard = (props) => {