@ark-ui/solid - npm Package Compare versions

Comparing version 0.0.0-rc-20221128200541 to 0.0.0-rc-20221128220405

dist/index.cjs.js

@@ -51,2 +51,3 @@ "use strict";
   PinInputField: () => PinInputField,
+  Pressable: () => Pressable,
   Tab: () => Tab,
@@ -70,2 +71,3 @@ TabIndicator: () => TabIndicator,
   usePinInput: () => usePinInput,
+  usePressable: () => usePressable,
   useTabs: () => useTabs,
@@ -491,2 +493,35 @@ useTooltip: () => useTooltip
 
+// src/pressable/use-pressable.tsx
+var pressable = __toESM(require("@zag-js/pressable"));
+var import_solid7 = require("@zag-js/solid");
+var import_solid_js16 = require("solid-js");
+var usePressable = (props) => {
+  const context = {
+    id: (0, import_solid_js16.createUniqueId)(),
+    ...props
+  };
+  const [state, send] = (0, import_solid7.useMachine)(pressable.machine(context), { context });
+  return pressable.connect(state, send, import_solid7.normalizeProps);
+};
+
+// src/pressable/pressable.tsx
+var Pressable = (props) => {
+  const [usePressableProps, buttonProps] = createSplitProps()(props, [
+    "allowTextSelectionOnPress",
+    "cancelOnPointerExit",
+    "dir",
+    "disabled",
+    "getRootNode",
+    "id",
+    "onLongPress",
+    "onPress",
+    "onPressEnd",
+    "onPressStart",
+    "onPressUp",
+    "preventFocusOnPress"
+  ]);
+  const { pressableProps } = usePressable(usePressableProps);
+  return <ark.button {...pressableProps} {...buttonProps} />;
+};
+
 // src/tabs/tabs-context.ts
@@ -534,10 +569,10 @@ var [TabsProvider, useTabsContext] = createContext({
 // src/tabs/use-tabs.ts
-var import_solid7 = require("@zag-js/solid");
+var import_solid8 = require("@zag-js/solid");
 var tabs = __toESM(require("@zag-js/tabs"));
-var import_solid_js16 = require("solid-js");
+var import_solid_js17 = require("solid-js");
 var useTabs = (props) => {
-  const initialContext = (0, import_solid_js16.mergeProps)({ id: (0, import_solid_js16.createUniqueId)(), value: props.defaultValue }, props);
-  const context = (0, import_solid_js16.mergeProps)(initialContext, { value: props.value });
-  const [state, send] = (0, import_solid7.useMachine)(tabs.machine(initialContext), { context });
-  return (0, import_solid_js16.createMemo)(() => tabs.connect(state, send, import_solid7.normalizeProps));
+  const initialContext = (0, import_solid_js17.mergeProps)({ id: (0, import_solid_js17.createUniqueId)(), value: props.defaultValue }, props);
+  const context = (0, import_solid_js17.mergeProps)(initialContext, { value: props.value });
+  const [state, send] = (0, import_solid8.useMachine)(tabs.machine(initialContext), { context });
+  return (0, import_solid_js17.createMemo)(() => tabs.connect(state, send, import_solid8.normalizeProps));
 };
@@ -574,9 +609,9 @@
 // src/tooltip/use-tooltip.ts
-var import_solid8 = require("@zag-js/solid");
+var import_solid9 = require("@zag-js/solid");
 var tooltip = __toESM(require("@zag-js/tooltip"));
-var import_solid_js17 = require("solid-js");
+var import_solid_js18 = require("solid-js");
 var useTooltip = (props) => {
-  const context = (0, import_solid_js17.mergeProps)({ id: (0, import_solid_js17.createUniqueId)() }, props);
-  const [state, send] = (0, import_solid8.useMachine)(tooltip.machine(context), { context });
-  return (0, import_solid_js17.createMemo)(() => tooltip.connect(state, send, import_solid8.normalizeProps));
+  const context = (0, import_solid_js18.mergeProps)({ id: (0, import_solid_js18.createUniqueId)() }, props);
+  const [state, send] = (0, import_solid9.useMachine)(tooltip.machine(context), { context });
+  return (0, import_solid_js18.createMemo)(() => tooltip.connect(state, send, import_solid9.normalizeProps));
 };
@@ -624,15 +659,15 @@
 // src/tooltip/tooltip-positioner.tsx
-var import_solid_js18 = require("solid-js");
+var import_solid_js19 = require("solid-js");
 var TooltipPositioner = (props) => {
   const tooltip2 = useTooltipContext();
-  return <import_solid_js18.Show when={tooltip2().isOpen}><ark.div {...tooltip2().positionerProps} {...props} /></import_solid_js18.Show>;
+  return <import_solid_js19.Show when={tooltip2().isOpen}><ark.div {...tooltip2().positionerProps} {...props} /></import_solid_js19.Show>;
 };
 
 // src/tooltip/tooltip-trigger.tsx
-var import_solid_js19 = require("solid-js");
+var import_solid_js20 = require("solid-js");
 var import_web4 = require("solid-js/web");
 var TooltipTrigger = (props) => {
   const tooltip2 = useTooltipContext();
-  const getChildren = (0, import_solid_js19.children)(() => props.children);
-  (0, import_solid_js19.createEffect)(() => {
+  const getChildren = (0, import_solid_js20.children)(() => props.children);
+  (0, import_solid_js20.createEffect)(() => {
     const children6 = getChildren();
@@ -669,2 +704,3 @@ if (children6 instanceof Element) {
   PinInputField,
+  Pressable,
   Tab,
@@ -688,4 +724,5 @@ TabIndicator,
   usePinInput,
+  usePressable,
   useTabs,
   useTooltip
 });

dist/index.d.ts

@@ -10,2 +10,3 @@ import * as solid_js from 'solid-js';
 import * as pinInput from '@zag-js/pin-input';
+import * as pressable from '@zag-js/pressable';
 import * as tabs from '@zag-js/tabs';
@@ -282,2 +283,12 @@ import { connect } from '@zag-js/tabs';
 
+type UsePressableProps = Optional<pressable.Context, 'id'>;
+type UsePressableReturn = ReturnType<typeof usePressable>;
+declare const usePressable: (props: UsePressableProps) => {
+    isPressed: boolean;
+    pressableProps: solid_js.JSX.HTMLAttributes<any>;
+};
+
+type PressableProps = Assign<HTMLArkProps<'button'>, UsePressableProps>;
+declare const Pressable: (props: PressableProps) => solid_js.JSX.Element;
+
 type GetTriggerPropsArgs = Parameters<ReturnType<typeof connect>['getTriggerProps']>[0];
@@ -371,2 +382,2 @@ type TabProps = Assign<HTMLArkProps<'button'>, GetTriggerPropsArgs>;
 
-export { Accordion, AccordionButton, AccordionButtonProps, AccordionIcon, AccordionIconProps, AccordionItem, AccordionItemContext, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionProps, Checkbox, CheckboxControl, CheckboxControlProps, CheckboxInput, CheckboxInputProps, CheckboxLabel, CheckboxLabelProps, CheckboxProps, NumberInput, NumberInputDecrementButton, NumberInputDecrementButtonProps, NumberInputField, NumberInputFieldProps, NumberInputIncrementButton, NumberInputIncrementButtonProps, NumberInputProps, Pagination, PaginationContext, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationList, PaginationListProps, PaginationNextItem, PaginationNextItemProps, PaginationPrevItem, PaginationPrevItemProps, PaginationProps, PaginationProvider, PinInput, PinInputField, PinInputFieldProps, PinInputProps, Tab, TabIndicator, TabIndicatorProps, TabList, TabListProps, TabPanel, TabPanelProps, TabPanels, TabPanelsProps, TabProps, Tabs, TabsProps, Tooltip, TooltipArrow, TooltipArrowProps, TooltipContent, TooltipContentProps, TooltipInnerArrow, TooltipInnerArrowProps, TooltipPositioner, TooltipPositionerProps, TooltipProps, TooltipTrigger, TooltipTriggerProps, UseAccordionProps, UseAccordionReturn, UseCheckboxProps, UseCheckboxReturn, UsePaginationProps, UsePinInputProps, UsePinInputReturn, UseTabsProps, UseTabsReturn, UseTooltipProps, UseTooltipReturn, useAccordion, useAccordionItemContext, useCheckbox, usePagination, usePaginationContext, usePinInput, useTabs, useTooltip };
+export { Accordion, AccordionButton, AccordionButtonProps, AccordionIcon, AccordionIconProps, AccordionItem, AccordionItemContext, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionProps, Checkbox, CheckboxControl, CheckboxControlProps, CheckboxInput, CheckboxInputProps, CheckboxLabel, CheckboxLabelProps, CheckboxProps, NumberInput, NumberInputDecrementButton, NumberInputDecrementButtonProps, NumberInputField, NumberInputFieldProps, NumberInputIncrementButton, NumberInputIncrementButtonProps, NumberInputProps, Pagination, PaginationContext, PaginationEllipsis, PaginationEllipsisProps, PaginationItem, PaginationItemProps, PaginationList, PaginationListProps, PaginationNextItem, PaginationNextItemProps, PaginationPrevItem, PaginationPrevItemProps, PaginationProps, PaginationProvider, PinInput, PinInputField, PinInputFieldProps, PinInputProps, Pressable, PressableProps, Tab, TabIndicator, TabIndicatorProps, TabList, TabListProps, TabPanel, TabPanelProps, TabPanels, TabPanelsProps, TabProps, Tabs, TabsProps, Tooltip, TooltipArrow, TooltipArrowProps, TooltipContent, TooltipContentProps, TooltipInnerArrow, TooltipInnerArrowProps, TooltipPositioner, TooltipPositionerProps, TooltipProps, TooltipTrigger, TooltipTriggerProps, UseAccordionProps, UseAccordionReturn, UseCheckboxProps, UseCheckboxReturn, UsePaginationProps, UsePinInputProps, UsePinInputReturn, UsePressableProps, UsePressableReturn, UseTabsProps, UseTabsReturn, UseTooltipProps, UseTooltipReturn, useAccordion, useAccordionItemContext, useCheckbox, usePagination, usePaginationContext, usePinInput, usePressable, useTabs, useTooltip };

dist/index.esm.js

@@ -421,2 +421,35 @@ // src/accordion/accordion.tsx
 
+// src/pressable/use-pressable.tsx
+import * as pressable from "@zag-js/pressable";
+import { normalizeProps as normalizeProps6, useMachine as useMachine6 } from "@zag-js/solid";
+import { createUniqueId as createUniqueId6 } from "solid-js";
+var usePressable = (props) => {
+  const context = {
+    id: createUniqueId6(),
+    ...props
+  };
+  const [state, send] = useMachine6(pressable.machine(context), { context });
+  return pressable.connect(state, send, normalizeProps6);
+};
+
+// src/pressable/pressable.tsx
+var Pressable = (props) => {
+  const [usePressableProps, buttonProps] = createSplitProps()(props, [
+    "allowTextSelectionOnPress",
+    "cancelOnPointerExit",
+    "dir",
+    "disabled",
+    "getRootNode",
+    "id",
+    "onLongPress",
+    "onPress",
+    "onPressEnd",
+    "onPressStart",
+    "onPressUp",
+    "preventFocusOnPress"
+  ]);
+  const { pressableProps } = usePressable(usePressableProps);
+  return <ark.button {...pressableProps} {...buttonProps} />;
+};
+
 // src/tabs/tabs-context.ts
@@ -464,10 +497,10 @@ var [TabsProvider, useTabsContext] = createContext({
 // src/tabs/use-tabs.ts
-import { normalizeProps as normalizeProps6, useMachine as useMachine6 } from "@zag-js/solid";
+import { normalizeProps as normalizeProps7, useMachine as useMachine7 } from "@zag-js/solid";
 import * as tabs from "@zag-js/tabs";
-import { createMemo as createMemo6, createUniqueId as createUniqueId6, mergeProps as mergeProps6 } from "solid-js";
+import { createMemo as createMemo6, createUniqueId as createUniqueId7, mergeProps as mergeProps6 } from "solid-js";
 var useTabs = (props) => {
-  const initialContext = mergeProps6({ id: createUniqueId6(), value: props.defaultValue }, props);
+  const initialContext = mergeProps6({ id: createUniqueId7(), value: props.defaultValue }, props);
   const context = mergeProps6(initialContext, { value: props.value });
-  const [state, send] = useMachine6(tabs.machine(initialContext), { context });
-  return createMemo6(() => tabs.connect(state, send, normalizeProps6));
+  const [state, send] = useMachine7(tabs.machine(initialContext), { context });
+  return createMemo6(() => tabs.connect(state, send, normalizeProps7));
 };
@@ -504,9 +537,9 @@
 // src/tooltip/use-tooltip.ts
-import { normalizeProps as normalizeProps7, useMachine as useMachine7 } from "@zag-js/solid";
+import { normalizeProps as normalizeProps8, useMachine as useMachine8 } from "@zag-js/solid";
 import * as tooltip from "@zag-js/tooltip";
-import { createMemo as createMemo7, createUniqueId as createUniqueId7, mergeProps as mergeProps7 } from "solid-js";
+import { createMemo as createMemo7, createUniqueId as createUniqueId8, mergeProps as mergeProps7 } from "solid-js";
 var useTooltip = (props) => {
-  const context = mergeProps7({ id: createUniqueId7() }, props);
-  const [state, send] = useMachine7(tooltip.machine(context), { context });
-  return createMemo7(() => tooltip.connect(state, send, normalizeProps7));
+  const context = mergeProps7({ id: createUniqueId8() }, props);
+  const [state, send] = useMachine8(tooltip.machine(context), { context });
+  return createMemo7(() => tooltip.connect(state, send, normalizeProps8));
 };
@@ -597,2 +630,3 @@
   PinInputField,
+  Pressable,
   Tab,
@@ -616,4 +650,5 @@ TabIndicator,
   usePinInput,
+  usePressable,
   useTabs,
   useTooltip
 };

package.json

 {
   "name": "@ark-ui/solid",
-  "version": "0.0.0-rc-20221128200541",
+  "version": "0.0.0-rc-20221128220405",
   "description": "",
@@ -5,0 +5,0 @@ "keywords": [],

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

60785

increased by4.47%

Lines of code

1593

increased by5.08%

No dependency changes