@ark-ui/solid - npm Package Compare versions

Comparing version 0.0.0-rc-20221128132237 to 0.0.0-rc-20221128141446

dist/index.cjs.js

@@ -42,2 +42,9 @@ "use strict";
   NumberInputIncrementButton: () => NumberInputIncrementButton,
+  Pagination: () => Pagination,
+  PaginationEllipsis: () => PaginationEllipsis,
+  PaginationItem: () => PaginationItem,
+  PaginationList: () => PaginationList,
+  PaginationNextItem: () => PaginationNextItem,
+  PaginationPrevItem: () => PaginationPrevItem,
+  PaginationProvider: () => PaginationProvider,
   PinInput: () => PinInput,
@@ -60,2 +67,4 @@ PinInputField: () => PinInputField,
   useCheckbox: () => useCheckbox,
+  usePagination: () => usePagination,
+  usePaginationContext: () => usePaginationContext,
   usePinInput: () => usePinInput,
@@ -311,5 +320,116 @@ useTabs: () => useTabs,
 
-// src/pin-input/pin-input.tsx
+// src/pagination/pagination.tsx
 var import_solid_js10 = require("solid-js");
 
+// src/run-if-fn.ts
+var isFunction = (value) => typeof value === "function";
+var runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
+
+// src/pagination/pagination-context.ts
+var [PaginationProvider, usePaginationContext] = createContext({
+  hookName: "usePaginationContext",
+  providerName: "<PaginationProvider />"
+});
+
+// src/pagination/use-pagination.ts
+var pagination = __toESM(require("@zag-js/pagination"));
+var import_solid5 = require("@zag-js/solid");
+var import_solid_js9 = require("solid-js");
+var usePagination = (props) => {
+  const context = {
+    id: (0, import_solid_js9.createUniqueId)(),
+    ...props
+  };
+  const [state, send] = (0, import_solid5.useMachine)(pagination.machine(context), { context });
+  return (0, import_solid_js9.createMemo)(() => pagination.connect(state, send, import_solid5.normalizeProps));
+};
+
+// src/pagination/pagination.tsx
+var Pagination = (props) => {
+  const [paginationProps, restProps] = createSplitProps()(props, [
+    "count",
+    "dir",
+    "getRootNode",
+    "id",
+    "ids",
+    "onChange",
+    "page",
+    "pageSize",
+    "siblingCount",
+    "translations"
+  ]);
+  const [local, navProps] = (0, import_solid_js10.splitProps)(restProps, ["children"]);
+  const pagination2 = usePagination(paginationProps);
+  const view = () => (0, import_solid_js10.children)(() => runIfFn(local.children, pagination2()));
+  const mergedProps = (0, import_solid_js10.mergeProps)(pagination2().rootProps, navProps);
+  return <PaginationProvider value={pagination2}><ark.nav {...mergedProps}>{view()}</ark.nav></PaginationProvider>;
+};
+
+// src/pagination/pagination-ellipsis.tsx
+var PaginationEllipsis = (props) => {
+  const [ellipsisProps, spanProps] = createSplitProps()(props, ["index"]);
+  const pagination2 = usePaginationContext();
+  return <ark.span {...pagination2().getEllipsisProps(ellipsisProps)} {...spanProps} />;
+};
+
+// src/pagination/pagination-item.tsx
+var import_solid_js11 = require("solid-js");
+var import_web = require("solid-js/web");
+var PaginationItem = (props) => {
+  const [itemParams, liProps] = createSplitProps()(props, [
+    "value"
+  ]);
+  const pagination2 = usePaginationContext();
+  const getChildren = (0, import_solid_js11.children)(() => props.children);
+  (0, import_solid_js11.createEffect)(() => {
+    const children6 = getChildren();
+    if (children6 instanceof Element) {
+      (0, import_web.spread)(
+        children6,
+        pagination2().getItemProps({
+          type: "page",
+          value: itemParams.value
+        })
+      );
+    }
+  });
+  return <ark.li {...liProps}>{getChildren()}</ark.li>;
+};
+
+// src/pagination/pagination-list.tsx
+var PaginationList = (props) => <ark.ul {...props} />;
+
+// src/pagination/pagination-next-item.tsx
+var import_solid_js12 = require("solid-js");
+var import_web2 = require("solid-js/web");
+var PaginationNextItem = (props) => {
+  const pagination2 = usePaginationContext();
+  const getChildren = (0, import_solid_js12.children)(() => props.children);
+  (0, import_solid_js12.createEffect)(() => {
+    const children6 = getChildren();
+    if (children6 instanceof Element) {
+      (0, import_web2.spread)(children6, pagination2().nextItemProps);
+    }
+  });
+  return <ark.li {...props}>{getChildren()}</ark.li>;
+};
+
+// src/pagination/pagination-prev-item.tsx
+var import_solid_js13 = require("solid-js");
+var import_web3 = require("solid-js/web");
+var PaginationPrevItem = (props) => {
+  const pagination2 = usePaginationContext();
+  const getChildren = (0, import_solid_js13.children)(() => props.children);
+  (0, import_solid_js13.createEffect)(() => {
+    const children6 = getChildren();
+    if (children6 instanceof Element) {
+      (0, import_web3.spread)(children6, pagination2().prevItemProps);
+    }
+  });
+  return <ark.li {...props}>{getChildren()}</ark.li>;
+};
+
+// src/pin-input/pin-input.tsx
+var import_solid_js15 = require("solid-js");
+
 // src/pin-input/pin-input-context.ts
@@ -323,8 +443,8 @@ var [PinInputProvider, usePinInputContext] = createContext({
 var pinInput = __toESM(require("@zag-js/pin-input"));
-var import_solid5 = require("@zag-js/solid");
-var import_solid_js9 = require("solid-js");
+var import_solid6 = require("@zag-js/solid");
+var import_solid_js14 = require("solid-js");
 var usePinInput = (props) => {
-  const [state, send] = (0, import_solid5.useMachine)(
+  const [state, send] = (0, import_solid6.useMachine)(
     pinInput.machine({
-      id: (0, import_solid_js9.createUniqueId)(),
+      id: (0, import_solid_js14.createUniqueId)(),
       ...props,
@@ -334,3 +454,3 @@ value: props.defaultValue ?? props.value ?? []
   );
-  return (0, import_solid_js9.createMemo)(() => pinInput.connect(state, send, import_solid5.normalizeProps));
+  return (0, import_solid_js14.createMemo)(() => pinInput.connect(state, send, import_solid6.normalizeProps));
 };
@@ -340,3 +460,3 @@
 var PinInput = (props) => {
-  const [pinInputProps, htmlProps] = (0, import_solid_js10.splitProps)(props, [
+  const [pinInputProps, htmlProps] = (0, import_solid_js15.splitProps)(props, [
     "autoFocus",
@@ -417,10 +537,10 @@ "blurOnComplete",
 // src/tabs/use-tabs.ts
-var import_solid6 = require("@zag-js/solid");
+var import_solid7 = require("@zag-js/solid");
 var tabs = __toESM(require("@zag-js/tabs"));
-var import_solid_js11 = require("solid-js");
+var import_solid_js16 = require("solid-js");
 var useTabs = (props) => {
-  const initialContext = (0, import_solid_js11.mergeProps)({ id: (0, import_solid_js11.createUniqueId)(), value: props.defaultValue }, props);
-  const context = (0, import_solid_js11.mergeProps)(initialContext, { value: props.value });
-  const [state, send] = (0, import_solid6.useMachine)(tabs.machine(initialContext), { context });
-  return (0, import_solid_js11.createMemo)(() => tabs.connect(state, send, import_solid6.normalizeProps));
+  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));
 };
@@ -457,9 +577,9 @@
 // src/tooltip/use-tooltip.ts
-var import_solid7 = require("@zag-js/solid");
+var import_solid8 = require("@zag-js/solid");
 var tooltip = __toESM(require("@zag-js/tooltip"));
-var import_solid_js12 = require("solid-js");
+var import_solid_js17 = require("solid-js");
 var useTooltip = (props) => {
-  const context = (0, import_solid_js12.mergeProps)({ id: (0, import_solid_js12.createUniqueId)() }, props);
-  const [state, send] = (0, import_solid7.useMachine)(tooltip.machine(context), { context });
-  return (0, import_solid_js12.createMemo)(() => tooltip.connect(state, send, import_solid7.normalizeProps));
+  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));
 };
@@ -507,18 +627,18 @@
 // src/tooltip/tooltip-positioner.tsx
-var import_solid_js13 = require("solid-js");
+var import_solid_js18 = require("solid-js");
 var TooltipPositioner = (props) => {
   const tooltip2 = useTooltipContext();
-  return <import_solid_js13.Show when={tooltip2().isOpen}><ark.div {...tooltip2().positionerProps} {...props} /></import_solid_js13.Show>;
+  return <import_solid_js18.Show when={tooltip2().isOpen}><ark.div {...tooltip2().positionerProps} {...props} /></import_solid_js18.Show>;
 };
 
 // src/tooltip/tooltip-trigger.tsx
-var import_solid_js14 = require("solid-js");
-var import_web = require("solid-js/web");
+var import_solid_js19 = require("solid-js");
+var import_web4 = require("solid-js/web");
 var TooltipTrigger = (props) => {
   const tooltip2 = useTooltipContext();
-  const getChildren = (0, import_solid_js14.children)(() => props.children);
-  (0, import_solid_js14.createEffect)(() => {
-    const children2 = getChildren();
-    if (children2 instanceof Element) {
-      (0, import_web.spread)(children2, tooltip2().triggerProps);
+  const getChildren = (0, import_solid_js19.children)(() => props.children);
+  (0, import_solid_js19.createEffect)(() => {
+    const children6 = getChildren();
+    if (children6 instanceof Element) {
+      (0, import_web4.spread)(children6, tooltip2().triggerProps);
     }
@@ -543,2 +663,9 @@ });
   NumberInputIncrementButton,
+  Pagination,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationList,
+  PaginationNextItem,
+  PaginationPrevItem,
+  PaginationProvider,
   PinInput,
@@ -561,2 +688,4 @@ PinInputField,
   useCheckbox,
+  usePagination,
+  usePaginationContext,
   usePinInput,
@@ -563,0 +692,0 @@ useTabs,

dist/index.d.ts

@@ -7,2 +7,4 @@ import * as solid_js from 'solid-js';
 import * as numberInput from '@zag-js/number-input';
+import * as pagination from '@zag-js/pagination';
+import * as solid_js_types_reactive_signal from 'solid-js/types/reactive/signal';
 import * as pinInput from '@zag-js/pin-input';
@@ -123,2 +125,131 @@ import * as tabs from '@zag-js/tabs';
 
+type UsePaginationProps = Optional<pagination.Context, 'id'>;
+declare const usePagination: (props: UsePaginationProps) => solid_js.Accessor<{
+    page: number;
+    totalPages: number;
+    pages: ({
+        type: "ellipsis";
+    } | {
+        type: "page";
+        value: number;
+    })[];
+    previousPage: number | null;
+    nextPage: number | null;
+    pageRange: {
+        start: number;
+        end: number;
+    };
+    isFirstPage: boolean;
+    isLastPage: boolean;
+    setCount(count: number): void;
+    setPageSize(size: number): void;
+    setPage(page: number): void;
+    rootProps: solid_js.JSX.HTMLAttributes<any>;
+    getEllipsisProps(props: {
+        index: number;
+    }): solid_js.JSX.HTMLAttributes<any>;
+    getItemProps(page: {
+        type: "page";
+        value: number;
+    }): solid_js.JSX.HTMLAttributes<any>;
+    prevItemProps: solid_js.JSX.HTMLAttributes<any>;
+    nextItemProps: solid_js.JSX.HTMLAttributes<any>;
+}>;
+type UsePaginationReturn = ReturnType<typeof usePagination>;
+
+type PaginationProps = Assign<Assign<HTMLArkProps<'nav'>, UsePaginationProps>, {
+    children: JSX.Element | ((pages: ReturnType<UsePaginationReturn>) => JSX.Element);
+}>;
+declare const Pagination: (props: PaginationProps) => JSX.Element;
+
+type PaginationContext = UsePaginationReturn;
+declare const PaginationProvider: solid_js_types_reactive_signal.ContextProviderComponent<solid_js.Accessor<{
+    page: number;
+    totalPages: number;
+    pages: ({
+        type: "ellipsis";
+    } | {
+        type: "page";
+        value: number;
+    })[];
+    previousPage: number | null;
+    nextPage: number | null;
+    pageRange: {
+        start: number;
+        end: number;
+    };
+    isFirstPage: boolean;
+    isLastPage: boolean;
+    setCount(count: number): void;
+    setPageSize(size: number): void;
+    setPage(page: number): void;
+    rootProps: solid_js.JSX.HTMLAttributes<any>;
+    getEllipsisProps(props: {
+        index: number;
+    }): solid_js.JSX.HTMLAttributes<any>;
+    getItemProps(page: {
+        type: "page";
+        value: number;
+    }): solid_js.JSX.HTMLAttributes<any>;
+    prevItemProps: solid_js.JSX.HTMLAttributes<any>;
+    nextItemProps: solid_js.JSX.HTMLAttributes<any>;
+}>>;
+declare const usePaginationContext: () => solid_js.Accessor<{
+    page: number;
+    totalPages: number;
+    pages: ({
+        type: "ellipsis";
+    } | {
+        type: "page";
+        value: number;
+    })[];
+    previousPage: number | null;
+    nextPage: number | null;
+    pageRange: {
+        start: number;
+        end: number;
+    };
+    isFirstPage: boolean;
+    isLastPage: boolean;
+    setCount(count: number): void;
+    setPageSize(size: number): void;
+    setPage(page: number): void;
+    rootProps: solid_js.JSX.HTMLAttributes<any>;
+    getEllipsisProps(props: {
+        index: number;
+    }): solid_js.JSX.HTMLAttributes<any>;
+    getItemProps(page: {
+        type: "page";
+        value: number;
+    }): solid_js.JSX.HTMLAttributes<any>;
+    prevItemProps: solid_js.JSX.HTMLAttributes<any>;
+    nextItemProps: solid_js.JSX.HTMLAttributes<any>;
+}>;
+
+type PaginationEllipsisParams = {
+    index: number;
+};
+type PaginationEllipsisProps = Assign<HTMLArkProps<'span'>, PaginationEllipsisParams>;
+declare const PaginationEllipsis: (props: PaginationEllipsisProps) => solid_js.JSX.Element;
+
+type PaginationItemParams = {
+    children: JSX.Element;
+    value: number;
+};
+type PaginationItemProps = Assign<HTMLArkProps<'li'>, PaginationItemParams>;
+declare const PaginationItem: (props: PaginationItemProps) => JSX.Element;
+
+type PaginationListProps = HTMLArkProps<'ul'>;
+declare const PaginationList: (props: PaginationListProps) => solid_js.JSX.Element;
+
+type PaginationNextItemProps = HTMLArkProps<'li'> & {
+    children: JSX.Element;
+};
+declare const PaginationNextItem: (props: PaginationNextItemProps) => JSX.Element;
+
+type PaginationPrevItemProps = HTMLArkProps<'li'> & {
+    children: JSX.Element;
+};
+declare const PaginationPrevItem: (props: PaginationPrevItemProps) => JSX.Element;
+
 type UsePinInputProps = Omit<pinInput.Context, 'id'> & {
@@ -240,2 +371,2 @@ defaultValue?: pinInput.Context['value'];
 
-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, 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, UsePinInputProps, UsePinInputReturn, UseTabsProps, UseTabsReturn, UseTooltipProps, UseTooltipReturn, useAccordion, useAccordionItemContext, useCheckbox, 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, 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 };

dist/index.esm.js

@@ -250,4 +250,115 @@ // src/accordion/accordion.tsx
 
+// src/pagination/pagination.tsx
+import { children, mergeProps as mergeProps5, splitProps as splitProps4 } from "solid-js";
+
+// src/run-if-fn.ts
+var isFunction = (value) => typeof value === "function";
+var runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
+
+// src/pagination/pagination-context.ts
+var [PaginationProvider, usePaginationContext] = createContext({
+  hookName: "usePaginationContext",
+  providerName: "<PaginationProvider />"
+});
+
+// src/pagination/use-pagination.ts
+import * as pagination from "@zag-js/pagination";
+import { normalizeProps as normalizeProps4, useMachine as useMachine4 } from "@zag-js/solid";
+import { createMemo as createMemo4, createUniqueId as createUniqueId4 } from "solid-js";
+var usePagination = (props) => {
+  const context = {
+    id: createUniqueId4(),
+    ...props
+  };
+  const [state, send] = useMachine4(pagination.machine(context), { context });
+  return createMemo4(() => pagination.connect(state, send, normalizeProps4));
+};
+
+// src/pagination/pagination.tsx
+var Pagination = (props) => {
+  const [paginationProps, restProps] = createSplitProps()(props, [
+    "count",
+    "dir",
+    "getRootNode",
+    "id",
+    "ids",
+    "onChange",
+    "page",
+    "pageSize",
+    "siblingCount",
+    "translations"
+  ]);
+  const [local, navProps] = splitProps4(restProps, ["children"]);
+  const pagination2 = usePagination(paginationProps);
+  const view = () => children(() => runIfFn(local.children, pagination2()));
+  const mergedProps = mergeProps5(pagination2().rootProps, navProps);
+  return <PaginationProvider value={pagination2}><ark.nav {...mergedProps}>{view()}</ark.nav></PaginationProvider>;
+};
+
+// src/pagination/pagination-ellipsis.tsx
+var PaginationEllipsis = (props) => {
+  const [ellipsisProps, spanProps] = createSplitProps()(props, ["index"]);
+  const pagination2 = usePaginationContext();
+  return <ark.span {...pagination2().getEllipsisProps(ellipsisProps)} {...spanProps} />;
+};
+
+// src/pagination/pagination-item.tsx
+import { children as children2, createEffect } from "solid-js";
+import { spread } from "solid-js/web";
+var PaginationItem = (props) => {
+  const [itemParams, liProps] = createSplitProps()(props, [
+    "value"
+  ]);
+  const pagination2 = usePaginationContext();
+  const getChildren = children2(() => props.children);
+  createEffect(() => {
+    const children6 = getChildren();
+    if (children6 instanceof Element) {
+      spread(
+        children6,
+        pagination2().getItemProps({
+          type: "page",
+          value: itemParams.value
+        })
+      );
+    }
+  });
+  return <ark.li {...liProps}>{getChildren()}</ark.li>;
+};
+
+// src/pagination/pagination-list.tsx
+var PaginationList = (props) => <ark.ul {...props} />;
+
+// src/pagination/pagination-next-item.tsx
+import { children as children3, createEffect as createEffect2 } from "solid-js";
+import { spread as spread2 } from "solid-js/web";
+var PaginationNextItem = (props) => {
+  const pagination2 = usePaginationContext();
+  const getChildren = children3(() => props.children);
+  createEffect2(() => {
+    const children6 = getChildren();
+    if (children6 instanceof Element) {
+      spread2(children6, pagination2().nextItemProps);
+    }
+  });
+  return <ark.li {...props}>{getChildren()}</ark.li>;
+};
+
+// src/pagination/pagination-prev-item.tsx
+import { children as children4, createEffect as createEffect3 } from "solid-js";
+import { spread as spread3 } from "solid-js/web";
+var PaginationPrevItem = (props) => {
+  const pagination2 = usePaginationContext();
+  const getChildren = children4(() => props.children);
+  createEffect3(() => {
+    const children6 = getChildren();
+    if (children6 instanceof Element) {
+      spread3(children6, pagination2().prevItemProps);
+    }
+  });
+  return <ark.li {...props}>{getChildren()}</ark.li>;
+};
+
 // src/pin-input/pin-input.tsx
-import { splitProps as splitProps4 } from "solid-js";
+import { splitProps as splitProps5 } from "solid-js";
 
@@ -262,8 +373,8 @@ // src/pin-input/pin-input-context.ts
 import * as pinInput from "@zag-js/pin-input";
-import { normalizeProps as normalizeProps4, useMachine as useMachine4 } from "@zag-js/solid";
-import { createMemo as createMemo4, createUniqueId as createUniqueId4 } from "solid-js";
+import { normalizeProps as normalizeProps5, useMachine as useMachine5 } from "@zag-js/solid";
+import { createMemo as createMemo5, createUniqueId as createUniqueId5 } from "solid-js";
 var usePinInput = (props) => {
-  const [state, send] = useMachine4(
+  const [state, send] = useMachine5(
     pinInput.machine({
-      id: createUniqueId4(),
+      id: createUniqueId5(),
       ...props,
@@ -273,3 +384,3 @@ value: props.defaultValue ?? props.value ?? []
   );
-  return createMemo4(() => pinInput.connect(state, send, normalizeProps4));
+  return createMemo5(() => pinInput.connect(state, send, normalizeProps5));
 };
@@ -279,3 +390,3 @@
 var PinInput = (props) => {
-  const [pinInputProps, htmlProps] = splitProps4(props, [
+  const [pinInputProps, htmlProps] = splitProps5(props, [
     "autoFocus",
@@ -356,10 +467,10 @@ "blurOnComplete",
 // src/tabs/use-tabs.ts
-import { normalizeProps as normalizeProps5, useMachine as useMachine5 } from "@zag-js/solid";
+import { normalizeProps as normalizeProps6, useMachine as useMachine6 } from "@zag-js/solid";
 import * as tabs from "@zag-js/tabs";
-import { createMemo as createMemo5, createUniqueId as createUniqueId5, mergeProps as mergeProps5 } from "solid-js";
+import { createMemo as createMemo6, createUniqueId as createUniqueId6, mergeProps as mergeProps6 } from "solid-js";
 var useTabs = (props) => {
-  const initialContext = mergeProps5({ id: createUniqueId5(), value: props.defaultValue }, props);
-  const context = mergeProps5(initialContext, { value: props.value });
-  const [state, send] = useMachine5(tabs.machine(initialContext), { context });
-  return createMemo5(() => tabs.connect(state, send, normalizeProps5));
+  const initialContext = mergeProps6({ id: createUniqueId6(), 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));
 };
@@ -396,9 +507,9 @@
 // src/tooltip/use-tooltip.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 tooltip from "@zag-js/tooltip";
-import { createMemo as createMemo6, createUniqueId as createUniqueId6, mergeProps as mergeProps6 } from "solid-js";
+import { createMemo as createMemo7, createUniqueId as createUniqueId7, mergeProps as mergeProps7 } from "solid-js";
 var useTooltip = (props) => {
-  const context = mergeProps6({ id: createUniqueId6() }, props);
-  const [state, send] = useMachine6(tooltip.machine(context), { context });
-  return createMemo6(() => tooltip.connect(state, send, normalizeProps6));
+  const context = mergeProps7({ id: createUniqueId7() }, props);
+  const [state, send] = useMachine7(tooltip.machine(context), { context });
+  return createMemo7(() => tooltip.connect(state, send, normalizeProps7));
 };
@@ -453,11 +564,11 @@
 // src/tooltip/tooltip-trigger.tsx
-import { children, createEffect } from "solid-js";
-import { spread } from "solid-js/web";
+import { children as children5, createEffect as createEffect4 } from "solid-js";
+import { spread as spread4 } from "solid-js/web";
 var TooltipTrigger = (props) => {
   const tooltip2 = useTooltipContext();
-  const getChildren = children(() => props.children);
-  createEffect(() => {
-    const children2 = getChildren();
-    if (children2 instanceof Element) {
-      spread(children2, tooltip2().triggerProps);
+  const getChildren = children5(() => props.children);
+  createEffect4(() => {
+    const children6 = getChildren();
+    if (children6 instanceof Element) {
+      spread4(children6, tooltip2().triggerProps);
     }
@@ -481,2 +592,9 @@ });
   NumberInputIncrementButton,
+  Pagination,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationList,
+  PaginationNextItem,
+  PaginationPrevItem,
+  PaginationProvider,
   PinInput,
@@ -499,2 +617,4 @@ PinInputField,
   useCheckbox,
+  usePagination,
+  usePaginationContext,
   usePinInput,
@@ -501,0 +621,0 @@ useTabs,

package.json

 {
   "name": "@ark-ui/solid",
-  "version": "0.0.0-rc-20221128132237",
+  "version": "0.0.0-rc-20221128141446",
   "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

58185

increased by28.76%

Lines of code

1516

increased by30.35%

No dependency changes