@stokelp/ui 2.103.0 → 2.104.1

package/dist/components/menu/Menu.js

@@ -1,29 +1,33 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { Menu as t, Portal as p } from "@ark-ui/react";
-import { forwardRef as a } from "react";
-import { styled as o } from "@stokelp/styled-system/jsx";
-import { createStyleContext as u } from "../../utils/slots.js";
-import { menu as c } from "@stokelp/styled-system/recipes";
-const { withProvider: l, withContext: e } = u(c), y = l(t.Root, void 0, {
-  defaultProps: {
-    lazyMount: !0,
-    loopFocus: !0,
-    unmountOnExit: !0
-  }
-}), g = e(o(t.Positioner), "positioner"), n = a(
-  ({ children: i, ...m }, s) => /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(t.Content, { ref: s, ...m, children: i }) }) })
-);
-n.displayName = t.Content.displayName;
-const P = e(o(n), "content"), h = e(o(t.Item), "item"), T = e(o(t.ItemGroup), "itemGroup"), b = e(o(t.ItemGroupLabel), "itemGroupLabel"), w = e(o(t.Separator), "separator"), L = e(o(t.Trigger), "trigger"), R = e(o(t.TriggerItem), "triggerItem");
-export {
-  P as Content,
-  h as Item,
-  T as ItemGroup,
-  b as ItemGroupLabel,
-  y as Root,
-  w as Separator,
-  L as Trigger,
-  R as TriggerItem
-};
-//# sourceMappingURL=Menu.js.map
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import { createStyleContext as t } from "../../utils/slots.js";
+import { Menu as n, Portal as r } from "@ark-ui/react";
+import { styled as i } from "@stokelp/styled-system/jsx";
+import { menu as a } from "@stokelp/styled-system/recipes";
+import { forwardRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/components/menu/Menu.tsx
+var c = /* @__PURE__ */ e({
+	Content: () => m,
+	Item: () => h,
+	ItemGroup: () => g,
+	ItemGroupLabel: () => _,
+	Root: () => d,
+	Separator: () => v,
+	Trigger: () => y,
+	TriggerItem: () => b
+}), { withProvider: l, withContext: u } = t(a), d = l(n.Root, void 0, { defaultProps: {
+	lazyMount: !0,
+	loopFocus: !0,
+	unmountOnExit: !0
+} }), f = u(i(n.Positioner), "positioner"), p = o(({ children: e, ...t }, i) => /* @__PURE__ */ s(r, { children: /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(n.Content, {
+	ref: i,
+	...t,
+	children: e
+}) }) }));
+p.displayName = n.Content.displayName;
+var m = u(i(p), "content"), h = u(i(n.Item), "item"), g = u(i(n.ItemGroup), "itemGroup"), _ = u(i(n.ItemGroupLabel), "itemGroupLabel"), v = u(i(n.Separator), "separator"), y = u(i(n.Trigger), "trigger"), b = u(i(n.TriggerItem), "triggerItem");
+//#endregion
+export { c as Menu_exports };
+
+//# sourceMappingURL=Menu.js.map

package/dist/components/menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../src/components/menu/Menu.tsx"],"sourcesContent":["import { Menu as ArkMenu } from '@ark-ui/react'\nimport { ComponentProps, ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { createStyleContext } from '~/utils/slots'\nimport { menu } from '@stokelp/styled-system/recipes'\nimport { Portal } from '@ark-ui/react'\n\nconst { withProvider, withContext } = createStyleContext(menu)\n\nexport const Root = withProvider(ArkMenu.Root, undefined, {\n  defaultProps: {\n    lazyMount: true,\n    loopFocus: true,\n    unmountOnExit: true,\n  },\n})\nconst Positioner = withContext(styled(ArkMenu.Positioner), 'positioner')\n\nconst InnerContent = forwardRef<ElementRef<typeof ArkMenu.Content>, ComponentPropsWithoutRef<typeof ArkMenu.Content>>(\n  ({ children, ...props }, ref) => {\n    return (\n      <Portal>\n        <Positioner>\n          <ArkMenu.Content ref={ref} {...props}>\n            {children}\n          </ArkMenu.Content>\n        </Positioner>\n      </Portal>\n    )\n  },\n)\nInnerContent.displayName = ArkMenu.Content.displayName\n\nexport const Content = withContext(styled(InnerContent), 'content')\nexport const Item = withContext(styled(ArkMenu.Item), 'item')\nexport const ItemGroup = withContext(styled(ArkMenu.ItemGroup), 'itemGroup')\nexport const ItemGroupLabel = withContext(styled(ArkMenu.ItemGroupLabel), 'itemGroupLabel')\nexport const Separator = withContext(styled(ArkMenu.Separator), 'separator')\nexport const Trigger = withContext(styled(ArkMenu.Trigger), 'trigger')\nexport const TriggerItem = withContext(styled(ArkMenu.TriggerItem), 'triggerItem')\n\nexport interface MenuProps extends ComponentProps<typeof Root> {}\nexport interface MenuContentProps extends ComponentProps<typeof Content> {}\nexport interface MenuItemProps extends ComponentProps<typeof Item> {}\nexport interface MenuItemGroupProps extends ComponentProps<typeof ItemGroup> {}\nexport interface MenuItemGroupLabelProps extends ComponentProps<typeof ItemGroupLabel> {}\nexport interface MenuSeparatorProps extends ComponentProps<typeof Separator> {}\nexport interface MenuTriggerProps extends ComponentProps<typeof Trigger> {}\nexport interface MenuTriggerItemProps extends ComponentProps<typeof TriggerItem> {}\n"],"names":["withProvider","withContext","createStyleContext","menu","Root","ArkMenu","Positioner","styled","InnerContent","forwardRef","children","props","ref","jsx","Portal","Content","Item","ItemGroup","ItemGroupLabel","Separator","Trigger","TriggerItem"],"mappings":";;;;;;;AAOA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,CAAI,GAEhDC,IAAOJ,EAAaK,EAAQ,MAAM,QAAW;AAAA,EACxD,cAAc;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,eAAe;AAAA,EAAA;AAEnB,CAAC,GACKC,IAAaL,EAAYM,EAAOF,EAAQ,UAAU,GAAG,YAAY,GAEjEG,IAAeC;AAAA,EACnB,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAErB,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACP,GAAA,EACC,UAAA,gBAAAO,EAACR,EAAQ,SAAR,EAAgB,KAAAO,GAAW,GAAGD,GAC5B,UAAAD,EAAA,CACH,GACF,GACF;AAGN;AACAF,EAAa,cAAcH,EAAQ,QAAQ;AAEpC,MAAMU,IAAUd,EAAYM,EAAOC,CAAY,GAAG,SAAS,GACrDQ,IAAOf,EAAYM,EAAOF,EAAQ,IAAI,GAAG,MAAM,GAC/CY,IAAYhB,EAAYM,EAAOF,EAAQ,SAAS,GAAG,WAAW,GAC9Da,IAAiBjB,EAAYM,EAAOF,EAAQ,cAAc,GAAG,gBAAgB,GAC7Ec,IAAYlB,EAAYM,EAAOF,EAAQ,SAAS,GAAG,WAAW,GAC9De,IAAUnB,EAAYM,EAAOF,EAAQ,OAAO,GAAG,SAAS,GACxDgB,IAAcpB,EAAYM,EAAOF,EAAQ,WAAW,GAAG,aAAa;"}
+{"version":3,"file":"Menu.js","names":[],"sources":["../../../src/components/menu/Menu.tsx"],"sourcesContent":["import { Menu as ArkMenu } from '@ark-ui/react'\nimport { ComponentProps, ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { createStyleContext } from '~/utils/slots'\nimport { menu } from '@stokelp/styled-system/recipes'\nimport { Portal } from '@ark-ui/react'\n\nconst { withProvider, withContext } = createStyleContext(menu)\n\nexport const Root = withProvider(ArkMenu.Root, undefined, {\n  defaultProps: {\n    lazyMount: true,\n    loopFocus: true,\n    unmountOnExit: true,\n  },\n})\nconst Positioner = withContext(styled(ArkMenu.Positioner), 'positioner')\n\nconst InnerContent = forwardRef<ElementRef<typeof ArkMenu.Content>, ComponentPropsWithoutRef<typeof ArkMenu.Content>>(\n  ({ children, ...props }, ref) => {\n    return (\n      <Portal>\n        <Positioner>\n          <ArkMenu.Content ref={ref} {...props}>\n            {children}\n          </ArkMenu.Content>\n        </Positioner>\n      </Portal>\n    )\n  },\n)\nInnerContent.displayName = ArkMenu.Content.displayName\n\nexport const Content = withContext(styled(InnerContent), 'content')\nexport const Item = withContext(styled(ArkMenu.Item), 'item')\nexport const ItemGroup = withContext(styled(ArkMenu.ItemGroup), 'itemGroup')\nexport const ItemGroupLabel = withContext(styled(ArkMenu.ItemGroupLabel), 'itemGroupLabel')\nexport const Separator = withContext(styled(ArkMenu.Separator), 'separator')\nexport const Trigger = withContext(styled(ArkMenu.Trigger), 'trigger')\nexport const TriggerItem = withContext(styled(ArkMenu.TriggerItem), 'triggerItem')\n\nexport interface MenuProps extends ComponentProps<typeof Root> {}\nexport interface MenuContentProps extends ComponentProps<typeof Content> {}\nexport interface MenuItemProps extends ComponentProps<typeof Item> {}\nexport interface MenuItemGroupProps extends ComponentProps<typeof ItemGroup> {}\nexport interface MenuItemGroupLabelProps extends ComponentProps<typeof ItemGroupLabel> {}\nexport interface MenuSeparatorProps extends ComponentProps<typeof Separator> {}\nexport interface MenuTriggerProps extends ComponentProps<typeof Trigger> {}\nexport interface MenuTriggerItemProps extends ComponentProps<typeof TriggerItem> {}\n"],"mappings":";;;;;;;;;;;;;;;;;;IAOM,EAAE,iBAAc,mBAAgB,EAAmB,CAAI,GAEhD,IAAO,EAAa,EAAQ,MAAM,KAAA,GAAW,EACxD,cAAc;CACZ,WAAW;CACX,WAAW;CACX,eAAe;AACjB,EACF,CAAC,GACK,IAAa,EAAY,EAAO,EAAQ,UAAU,GAAG,YAAY,GAEjE,IAAe,GAClB,EAAE,aAAU,GAAG,KAAS,MAErB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,EAAQ,SAAT;CAAsB;CAAK,GAAI;CAC5B;AACc,CAAA,EACP,CAAA,EACN,CAAA,CAGd;AACA,EAAa,cAAc,EAAQ,QAAQ;AAE3C,IAAa,IAAU,EAAY,EAAO,CAAY,GAAG,SAAS,GACrD,IAAO,EAAY,EAAO,EAAQ,IAAI,GAAG,MAAM,GAC/C,IAAY,EAAY,EAAO,EAAQ,SAAS,GAAG,WAAW,GAC9D,IAAiB,EAAY,EAAO,EAAQ,cAAc,GAAG,gBAAgB,GAC7E,IAAY,EAAY,EAAO,EAAQ,SAAS,GAAG,WAAW,GAC9D,IAAU,EAAY,EAAO,EAAQ,OAAO,GAAG,SAAS,GACxD,IAAc,EAAY,EAAO,EAAQ,WAAW,GAAG,aAAa"}

package/dist/components/pagination/Pagination.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),R=require("react"),o=require("@stokelp/styled-system/jsx"),S=require("@stokelp/styled-system/recipes"),B=require("../../utils/slots.cjs"),l=require("./use-pagination.cjs"),a=require("../../shared/utils/events.cjs"),c=require("../icon-button/IconButton.cjs"),{withProvider:k,withContext:d}=B.createStyleContext(S.pagination),I=k(o.styled("div"),"root"),E=d(o.styled("button"),"item"),M=d(o.styled("div"),"dots"),b=({total:r,value:u,defaultValue:v,onChange:g,disabled:t,onNextPage:h,onPrevPage:x,siblings:C=2,boundaries:P=1,...w})=>{const{range:j,setPage:y,next:p,previous:f,active:i}=l.usePagination({page:u,initialPage:v,onChange:g,total:r,siblings:C,boundaries:P}),q=a.createEventHandler(h,p),L=a.createEventHandler(x,f);return e.jsxs(I,{...w,children:[e.jsx(c.IconButton,{size:"md",variant:"tertiary","aria-label":"Previous",disabled:t||i===1,onClick:L,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L10.1464 2.64645C10.3417 2.45119 10.6583 2.45119 10.8536 2.64645C11.0488 2.84171 11.0488 3.15829 10.8536 3.35355L6.20711 8L10.8536 12.6464C11.0488 12.8417 11.0488 13.1583 10.8536 13.3536C10.6583 13.5488 10.3417 13.5488 10.1464 13.3536L5.14645 8.35355Z",fill:"currentColor"})})}),j.map((n,s)=>{if(n===l.DOTS)return R.createElement(M,{...t?{"data-disabled":!0}:{},key:s},"...");const m=n===i;return e.jsx(E,{disabled:t,...m?{"data-selected":!0}:{},onClick:()=>y(n),children:n},s)}),e.jsx(c.IconButton,{size:"md",variant:"tertiary","aria-label":"Previous",disabled:t||i===r,onClick:q,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.8536 7.64645C11.0488 7.84171 11.0488 8.15829 10.8536 8.35355L5.85355 13.3536C5.65829 13.5488 5.34171 13.5488 5.14645 13.3536C4.95118 13.1583 4.95118 12.8417 5.14645 12.6464L9.79289 8L5.14645 3.35355C4.95118 3.15829 4.95118 2.84171 5.14645 2.64645C5.34171 2.45118 5.65829 2.45118 5.85355 2.64645L10.8536 7.64645Z",fill:"currentColor"})})})]})};exports.Pagination=b;
-//# sourceMappingURL=Pagination.cjs.map
+"use client";const e=require("../../utils/slots.cjs"),t=require("../icon-button/IconButton.cjs"),n=require("./use-pagination.cjs"),r=require("../../shared/utils/events.cjs");let i=require("@stokelp/styled-system/jsx"),a=require("@stokelp/styled-system/recipes"),o=require("react"),s=require("react/jsx-runtime");var{withProvider:c,withContext:l}=e.createStyleContext(a.pagination),u=c((0,i.styled)(`div`),`root`),d=l((0,i.styled)(`button`),`item`),f=l((0,i.styled)(`div`),`dots`),p=({total:e,value:i,defaultValue:a,onChange:c,disabled:l,onNextPage:p,onPrevPage:m,siblings:h=2,boundaries:g=1,..._})=>{let{range:v,setPage:y,next:b,previous:x,active:S}=n.usePagination({page:i,initialPage:a,onChange:c,total:e,siblings:h,boundaries:g}),C=r.createEventHandler(p,b),w=r.createEventHandler(m,x);return(0,s.jsxs)(u,{..._,children:[(0,s.jsx)(t.IconButton,{size:`md`,variant:`tertiary`,"aria-label":`Previous`,disabled:l||S===1,onClick:w,children:(0,s.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,s.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L10.1464 2.64645C10.3417 2.45119 10.6583 2.45119 10.8536 2.64645C11.0488 2.84171 11.0488 3.15829 10.8536 3.35355L6.20711 8L10.8536 12.6464C11.0488 12.8417 11.0488 13.1583 10.8536 13.3536C10.6583 13.5488 10.3417 13.5488 10.1464 13.3536L5.14645 8.35355Z`,fill:`currentColor`})})}),v.map((e,t)=>e===n.DOTS?(0,o.createElement)(f,{...l?{"data-disabled":!0}:{},key:t},`...`):(0,s.jsx)(d,{disabled:l,...e===S?{"data-selected":!0}:{},onClick:()=>y(e),children:e},t)),(0,s.jsx)(t.IconButton,{size:`md`,variant:`tertiary`,"aria-label":`Previous`,disabled:l||S===e,onClick:C,children:(0,s.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,s.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M10.8536 7.64645C11.0488 7.84171 11.0488 8.15829 10.8536 8.35355L5.85355 13.3536C5.65829 13.5488 5.34171 13.5488 5.14645 13.3536C4.95118 13.1583 4.95118 12.8417 5.14645 12.6464L9.79289 8L5.14645 3.35355C4.95118 3.15829 4.95118 2.84171 5.14645 2.64645C5.34171 2.45118 5.65829 2.45118 5.85355 2.64645L10.8536 7.64645Z`,fill:`currentColor`})})})]})};exports.Pagination=p;
+//# sourceMappingURL=Pagination.cjs.map

package/dist/components/pagination/Pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs","sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import type { ComponentProps, FC } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { pagination } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { DOTS, usePagination } from './use-pagination'\nimport { createEventHandler } from '~/shared/utils/events'\nimport { IconButton } from '~/components/icon-button'\n\nconst { withProvider, withContext } = createStyleContext(pagination)\n\nconst StyledPagination = withProvider(styled('div'), 'root')\ntype StyledPaginationProps = ComponentProps<typeof StyledPagination>\n\nconst PaginationItem = withContext(styled('button'), 'item')\nconst PaginationDots = withContext(styled('div'), 'dots')\n\nexport interface PaginationProps extends Omit<StyledPaginationProps, 'children' | 'defaultValue' | 'onChange'> {\n  total: number\n  value?: number\n  defaultValue?: number\n  onChange?: (value: number) => void\n  disabled?: boolean\n  siblings?: number\n  boundaries?: number\n  onNextPage?: () => void\n  onPrevPage?: () => void\n}\n\nexport const Pagination: FC<PaginationProps> = ({\n  total,\n  value,\n  defaultValue,\n  onChange,\n  disabled,\n  onNextPage,\n  onPrevPage,\n  siblings = 2,\n  boundaries = 1,\n  ...props\n}: PaginationProps) => {\n  const { range, setPage, next, previous, active } = usePagination({\n    page: value,\n    initialPage: defaultValue,\n    onChange,\n    total,\n    siblings,\n    boundaries,\n  })\n\n  const handleNextPage = createEventHandler(onNextPage, next)\n  const handlePreviousPage = createEventHandler(onPrevPage, previous)\n\n  return (\n    <StyledPagination {...props}>\n      <IconButton\n        size=\"md\"\n        variant=\"tertiary\"\n        aria-label=\"Previous\"\n        disabled={disabled || active === 1}\n        onClick={handlePreviousPage}\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L10.1464 2.64645C10.3417 2.45119 10.6583 2.45119 10.8536 2.64645C11.0488 2.84171 11.0488 3.15829 10.8536 3.35355L6.20711 8L10.8536 12.6464C11.0488 12.8417 11.0488 13.1583 10.8536 13.3536C10.6583 13.5488 10.3417 13.5488 10.1464 13.3536L5.14645 8.35355Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </IconButton>\n      {range.map((pageNumber, index) => {\n        if (pageNumber === DOTS) {\n          return (\n            <PaginationDots {...(disabled ? { 'data-disabled': true } : {})} key={index}>\n              ...\n            </PaginationDots>\n          )\n        }\n\n        const isSelected = pageNumber === active\n\n        return (\n          <PaginationItem\n            key={index}\n            disabled={disabled}\n            {...(isSelected\n              ? {\n                  'data-selected': true,\n                }\n              : {})}\n            onClick={() => setPage(pageNumber)}\n          >\n            {pageNumber}\n          </PaginationItem>\n        )\n      })}\n      <IconButton\n        size=\"md\"\n        variant=\"tertiary\"\n        aria-label=\"Previous\"\n        disabled={disabled || active === total}\n        onClick={handleNextPage}\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M10.8536 7.64645C11.0488 7.84171 11.0488 8.15829 10.8536 8.35355L5.85355 13.3536C5.65829 13.5488 5.34171 13.5488 5.14645 13.3536C4.95118 13.1583 4.95118 12.8417 5.14645 12.6464L9.79289 8L5.14645 3.35355C4.95118 3.15829 4.95118 2.84171 5.14645 2.64645C5.34171 2.45118 5.65829 2.45118 5.85355 2.64645L10.8536 7.64645Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </IconButton>\n    </StyledPagination>\n  )\n}\n"],"names":["withProvider","withContext","createStyleContext","pagination","StyledPagination","styled","PaginationItem","PaginationDots","Pagination","total","value","defaultValue","onChange","disabled","onNextPage","onPrevPage","siblings","boundaries","props","range","setPage","next","previous","active","usePagination","handleNextPage","createEventHandler","handlePreviousPage","jsxs","jsx","IconButton","pageNumber","index","DOTS","createElement","isSelected"],"mappings":"oYAQM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,UAAU,EAE7DC,EAAmBJ,EAAaK,EAAAA,OAAO,KAAK,EAAG,MAAM,EAGrDC,EAAiBL,EAAYI,EAAAA,OAAO,QAAQ,EAAG,MAAM,EACrDE,EAAiBN,EAAYI,EAAAA,OAAO,KAAK,EAAG,MAAM,EAc3CG,EAAkC,CAAC,CAC9C,MAAAC,EACA,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,EACX,WAAAC,EAAa,EACb,GAAGC,CACL,IAAuB,CACrB,KAAM,CAAE,MAAAC,EAAO,QAAAC,EAAS,KAAAC,EAAM,SAAAC,EAAU,OAAAC,CAAA,EAAWC,gBAAc,CAC/D,KAAMd,EACN,YAAaC,EACb,SAAAC,EACA,MAAAH,EACA,SAAAO,EACA,WAAAC,CAAA,CACD,EAEKQ,EAAiBC,EAAAA,mBAAmBZ,EAAYO,CAAI,EACpDM,EAAqBD,EAAAA,mBAAmBX,EAAYO,CAAQ,EAElE,OACEM,EAAAA,KAACxB,EAAA,CAAkB,GAAGc,EACpB,SAAA,CAAAW,EAAAA,IAACC,EAAAA,WAAA,CACC,KAAK,KACL,QAAQ,WACR,aAAW,WACX,SAAUjB,GAAYU,IAAW,EACjC,QAASI,EAET,SAAAE,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,8TACF,KAAK,cAAA,CAAA,CACP,CACF,CAAA,CAAA,EAEDV,EAAM,IAAI,CAACY,EAAYC,IAAU,CAChC,GAAID,IAAeE,EAAAA,KACjB,OACEC,gBAAC3B,EAAA,CAAgB,GAAIM,EAAW,CAAE,gBAAiB,EAAA,EAAS,CAAA,EAAK,IAAKmB,CAAA,EAAO,KAE7E,EAIJ,MAAMG,EAAaJ,IAAeR,EAElC,OACEM,EAAAA,IAACvB,EAAA,CAEC,SAAAO,EACC,GAAIsB,EACD,CACE,gBAAiB,EAAA,EAEnB,CAAA,EACJ,QAAS,IAAMf,EAAQW,CAAU,EAEhC,SAAAA,CAAA,EATIC,CAAA,CAYX,CAAC,EACDH,EAAAA,IAACC,EAAAA,WAAA,CACC,KAAK,KACL,QAAQ,WACR,aAAW,WACX,SAAUjB,GAAYU,IAAWd,EACjC,QAASgB,EAET,SAAAI,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAAA,IAAC,OAAA,CACC,SAAS,UACT,SAAS,UACT,EAAE,8TACF,KAAK,cAAA,CAAA,CACP,CACF,CAAA,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"Pagination.cjs","names":[],"sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import type { ComponentProps, FC } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { pagination } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { DOTS, usePagination } from './use-pagination'\nimport { createEventHandler } from '~/shared/utils/events'\nimport { IconButton } from '~/components/icon-button'\n\nconst { withProvider, withContext } = createStyleContext(pagination)\n\nconst StyledPagination = withProvider(styled('div'), 'root')\ntype StyledPaginationProps = ComponentProps<typeof StyledPagination>\n\nconst PaginationItem = withContext(styled('button'), 'item')\nconst PaginationDots = withContext(styled('div'), 'dots')\n\nexport interface PaginationProps extends Omit<StyledPaginationProps, 'children' | 'defaultValue' | 'onChange'> {\n  total: number\n  value?: number\n  defaultValue?: number\n  onChange?: (value: number) => void\n  disabled?: boolean\n  siblings?: number\n  boundaries?: number\n  onNextPage?: () => void\n  onPrevPage?: () => void\n}\n\nexport const Pagination: FC<PaginationProps> = ({\n  total,\n  value,\n  defaultValue,\n  onChange,\n  disabled,\n  onNextPage,\n  onPrevPage,\n  siblings = 2,\n  boundaries = 1,\n  ...props\n}: PaginationProps) => {\n  const { range, setPage, next, previous, active } = usePagination({\n    page: value,\n    initialPage: defaultValue,\n    onChange,\n    total,\n    siblings,\n    boundaries,\n  })\n\n  const handleNextPage = createEventHandler(onNextPage, next)\n  const handlePreviousPage = createEventHandler(onPrevPage, previous)\n\n  return (\n    <StyledPagination {...props}>\n      <IconButton\n        size=\"md\"\n        variant=\"tertiary\"\n        aria-label=\"Previous\"\n        disabled={disabled || active === 1}\n        onClick={handlePreviousPage}\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L10.1464 2.64645C10.3417 2.45119 10.6583 2.45119 10.8536 2.64645C11.0488 2.84171 11.0488 3.15829 10.8536 3.35355L6.20711 8L10.8536 12.6464C11.0488 12.8417 11.0488 13.1583 10.8536 13.3536C10.6583 13.5488 10.3417 13.5488 10.1464 13.3536L5.14645 8.35355Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </IconButton>\n      {range.map((pageNumber, index) => {\n        if (pageNumber === DOTS) {\n          return (\n            <PaginationDots {...(disabled ? { 'data-disabled': true } : {})} key={index}>\n              ...\n            </PaginationDots>\n          )\n        }\n\n        const isSelected = pageNumber === active\n\n        return (\n          <PaginationItem\n            key={index}\n            disabled={disabled}\n            {...(isSelected\n              ? {\n                  'data-selected': true,\n                }\n              : {})}\n            onClick={() => setPage(pageNumber)}\n          >\n            {pageNumber}\n          </PaginationItem>\n        )\n      })}\n      <IconButton\n        size=\"md\"\n        variant=\"tertiary\"\n        aria-label=\"Previous\"\n        disabled={disabled || active === total}\n        onClick={handleNextPage}\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M10.8536 7.64645C11.0488 7.84171 11.0488 8.15829 10.8536 8.35355L5.85355 13.3536C5.65829 13.5488 5.34171 13.5488 5.14645 13.3536C4.95118 13.1583 4.95118 12.8417 5.14645 12.6464L9.79289 8L5.14645 3.35355C4.95118 3.15829 4.95118 2.84171 5.14645 2.64645C5.34171 2.45118 5.65829 2.45118 5.85355 2.64645L10.8536 7.64645Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </IconButton>\n    </StyledPagination>\n  )\n}\n"],"mappings":"wTAQA,GAAM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,UAAU,EAE7D,EAAmB,GAAA,EAAA,EAAA,QAAoB,KAAK,EAAG,MAAM,EAGrD,EAAiB,GAAA,EAAA,EAAA,QAAmB,QAAQ,EAAG,MAAM,EACrD,EAAiB,GAAA,EAAA,EAAA,QAAmB,KAAK,EAAG,MAAM,EAc3C,GAAmC,CAC9C,QACA,QACA,eACA,WACA,WACA,aACA,aACA,WAAW,EACX,aAAa,EACb,GAAG,KACkB,CACrB,GAAM,CAAE,QAAO,UAAS,OAAM,WAAU,UAAW,EAAA,cAAc,CAC/D,KAAM,EACN,YAAa,EACb,WACA,QACA,WACA,YACF,CAAC,EAEK,EAAiB,EAAA,mBAAmB,EAAY,CAAI,EACpD,EAAqB,EAAA,mBAAmB,EAAY,CAAQ,EAElE,OACE,EAAA,EAAA,MAAC,EAAD,CAAkB,GAAI,WAAtB,EACE,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,KAAK,KACL,QAAQ,WACR,aAAW,WACX,SAAU,GAAY,IAAW,EACjC,QAAS,YAET,EAAA,EAAA,KAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,uCAChE,EAAA,EAAA,KAAC,OAAD,CACE,SAAS,UACT,SAAS,UACT,EAAE,8TACF,KAAK,cACN,CAAA,CACE,CAAA,CACK,CAAA,EACX,EAAM,KAAK,EAAY,IAClB,IAAe,EAAA,MAEf,EAAA,EAAA,eAAC,EAAD,CAAgB,GAAK,EAAW,CAAE,gBAAiB,EAAK,EAAI,CAAC,EAAI,IAAK,CAEtD,EAF6D,KAE7D,GAOlB,EAAA,EAAA,KAAC,EAAD,CAEY,WACV,GANe,IAAe,EAO1B,CACE,gBAAiB,EACnB,EACA,CAAC,EACL,YAAe,EAAQ,CAAU,WAEhC,CACa,EAVT,CAUS,CAEnB,GACD,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,KAAK,KACL,QAAQ,WACR,aAAW,WACX,SAAU,GAAY,IAAW,EACjC,QAAS,YAET,EAAA,EAAA,KAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,uCAChE,EAAA,EAAA,KAAC,OAAD,CACE,SAAS,UACT,SAAS,UACT,EAAE,8TACF,KAAK,cACN,CAAA,CACE,CAAA,CACK,CAAA,CACI,GAEtB"}

package/dist/components/pagination/Pagination.d.ts

@@ -2,7 +2,7 @@ import { ComponentProps, FC } from 'react';
 import { ComponentVariants } from '../../utils/slots';
 import { StyledComponent } from '@stokelp/styled-system/types';
 import { PaginationRecipe } from '@stokelp/styled-system/recipes';
-declare const StyledPagination: ComponentVariants<StyledComponent<"div", {}>, PaginationRecipe>;
+declare const StyledPagination: ComponentVariants<StyledComponent<string, {}>, PaginationRecipe>;
 type StyledPaginationProps = ComponentProps<typeof StyledPagination>;
 export interface PaginationProps extends Omit<StyledPaginationProps, 'children' | 'defaultValue' | 'onChange'> {
     total: number;

package/dist/components/pagination/Pagination.js

@@ -1,86 +1,78 @@
 "use client";
-import { jsxs as S, jsx as t } from "react/jsx-runtime";
-import { createElement as k } from "react";
-import { styled as n } from "@stokelp/styled-system/jsx";
-import { pagination as R } from "@stokelp/styled-system/recipes";
-import { createStyleContext as B } from "../../utils/slots.js";
-import { usePagination as j, DOTS as z } from "./use-pagination.js";
-import { createEventHandler as a } from "../../shared/utils/events.js";
-import { IconButton as d } from "../icon-button/IconButton.js";
-const { withProvider: D, withContext: s } = B(R), E = D(n("div"), "root"), I = s(n("button"), "item"), M = s(n("div"), "dots"), J = ({
-  total: r,
-  value: c,
-  defaultValue: m,
-  onChange: v,
-  disabled: e,
-  onNextPage: h,
-  onPrevPage: g,
-  siblings: C = 2,
-  boundaries: p = 1,
-  ...u
-}) => {
-  const { range: f, setPage: w, next: P, previous: x, active: o } = j({
-    page: c,
-    initialPage: m,
-    onChange: v,
-    total: r,
-    siblings: C,
-    boundaries: p
-  }), L = a(h, P), y = a(g, x);
-  return /* @__PURE__ */ S(E, { ...u, children: [
-    /* @__PURE__ */ t(
-      d,
-      {
-        size: "md",
-        variant: "tertiary",
-        "aria-label": "Previous",
-        disabled: e || o === 1,
-        onClick: y,
-        children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L10.1464 2.64645C10.3417 2.45119 10.6583 2.45119 10.8536 2.64645C11.0488 2.84171 11.0488 3.15829 10.8536 3.35355L6.20711 8L10.8536 12.6464C11.0488 12.8417 11.0488 13.1583 10.8536 13.3536C10.6583 13.5488 10.3417 13.5488 10.1464 13.3536L5.14645 8.35355Z",
-            fill: "currentColor"
-          }
-        ) })
-      }
-    ),
-    f.map((i, l) => i === z ? /* @__PURE__ */ k(M, { ...e ? { "data-disabled": !0 } : {}, key: l }, "...") : /* @__PURE__ */ t(
-      I,
-      {
-        disabled: e,
-        ...i === o ? {
-          "data-selected": !0
-        } : {},
-        onClick: () => w(i),
-        children: i
-      },
-      l
-    )),
-    /* @__PURE__ */ t(
-      d,
-      {
-        size: "md",
-        variant: "tertiary",
-        "aria-label": "Previous",
-        disabled: e || o === r,
-        onClick: L,
-        children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M10.8536 7.64645C11.0488 7.84171 11.0488 8.15829 10.8536 8.35355L5.85355 13.3536C5.65829 13.5488 5.34171 13.5488 5.14645 13.3536C4.95118 13.1583 4.95118 12.8417 5.14645 12.6464L9.79289 8L5.14645 3.35355C4.95118 3.15829 4.95118 2.84171 5.14645 2.64645C5.34171 2.45118 5.65829 2.45118 5.85355 2.64645L10.8536 7.64645Z",
-            fill: "currentColor"
-          }
-        ) })
-      }
-    )
-  ] });
+import { createStyleContext as e } from "../../utils/slots.js";
+import { IconButton as t } from "../icon-button/IconButton.js";
+import { DOTS as n, usePagination as r } from "./use-pagination.js";
+import { createEventHandler as i } from "../../shared/utils/events.js";
+import { styled as a } from "@stokelp/styled-system/jsx";
+import { pagination as o } from "@stokelp/styled-system/recipes";
+import { createElement as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/pagination/Pagination.tsx
+var { withProvider: u, withContext: d } = e(o), f = u(a("div"), "root"), p = d(a("button"), "item"), m = d(a("div"), "dots"), h = ({ total: e, value: a, defaultValue: o, onChange: u, disabled: d, onNextPage: h, onPrevPage: g, siblings: _ = 2, boundaries: v = 1, ...y }) => {
+	let { range: b, setPage: x, next: S, previous: C, active: w } = r({
+		page: a,
+		initialPage: o,
+		onChange: u,
+		total: e,
+		siblings: _,
+		boundaries: v
+	}), T = i(h, S), E = i(g, C);
+	return /* @__PURE__ */ l(f, {
+		...y,
+		children: [
+			/* @__PURE__ */ c(t, {
+				size: "md",
+				variant: "tertiary",
+				"aria-label": "Previous",
+				disabled: d || w === 1,
+				onClick: E,
+				children: /* @__PURE__ */ c("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					xmlns: "http://www.w3.org/2000/svg",
+					children: /* @__PURE__ */ c("path", {
+						fillRule: "evenodd",
+						clipRule: "evenodd",
+						d: "M5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L10.1464 2.64645C10.3417 2.45119 10.6583 2.45119 10.8536 2.64645C11.0488 2.84171 11.0488 3.15829 10.8536 3.35355L6.20711 8L10.8536 12.6464C11.0488 12.8417 11.0488 13.1583 10.8536 13.3536C10.6583 13.5488 10.3417 13.5488 10.1464 13.3536L5.14645 8.35355Z",
+						fill: "currentColor"
+					})
+				})
+			}),
+			b.map((e, t) => e === n ? /* @__PURE__ */ s(m, {
+				...d ? { "data-disabled": !0 } : {},
+				key: t
+			}, "...") : /* @__PURE__ */ c(p, {
+				disabled: d,
+				...e === w ? { "data-selected": !0 } : {},
+				onClick: () => x(e),
+				children: e
+			}, t)),
+			/* @__PURE__ */ c(t, {
+				size: "md",
+				variant: "tertiary",
+				"aria-label": "Previous",
+				disabled: d || w === e,
+				onClick: T,
+				children: /* @__PURE__ */ c("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					xmlns: "http://www.w3.org/2000/svg",
+					children: /* @__PURE__ */ c("path", {
+						fillRule: "evenodd",
+						clipRule: "evenodd",
+						d: "M10.8536 7.64645C11.0488 7.84171 11.0488 8.15829 10.8536 8.35355L5.85355 13.3536C5.65829 13.5488 5.34171 13.5488 5.14645 13.3536C4.95118 13.1583 4.95118 12.8417 5.14645 12.6464L9.79289 8L5.14645 3.35355C4.95118 3.15829 4.95118 2.84171 5.14645 2.64645C5.34171 2.45118 5.65829 2.45118 5.85355 2.64645L10.8536 7.64645Z",
+						fill: "currentColor"
+					})
+				})
+			})
+		]
+	});
 };
-export {
-  J as Pagination
-};
-//# sourceMappingURL=Pagination.js.map
+//#endregion
+export { h as Pagination };
+
+//# sourceMappingURL=Pagination.js.map

package/dist/components/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import type { ComponentProps, FC } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { pagination } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { DOTS, usePagination } from './use-pagination'\nimport { createEventHandler } from '~/shared/utils/events'\nimport { IconButton } from '~/components/icon-button'\n\nconst { withProvider, withContext } = createStyleContext(pagination)\n\nconst StyledPagination = withProvider(styled('div'), 'root')\ntype StyledPaginationProps = ComponentProps<typeof StyledPagination>\n\nconst PaginationItem = withContext(styled('button'), 'item')\nconst PaginationDots = withContext(styled('div'), 'dots')\n\nexport interface PaginationProps extends Omit<StyledPaginationProps, 'children' | 'defaultValue' | 'onChange'> {\n  total: number\n  value?: number\n  defaultValue?: number\n  onChange?: (value: number) => void\n  disabled?: boolean\n  siblings?: number\n  boundaries?: number\n  onNextPage?: () => void\n  onPrevPage?: () => void\n}\n\nexport const Pagination: FC<PaginationProps> = ({\n  total,\n  value,\n  defaultValue,\n  onChange,\n  disabled,\n  onNextPage,\n  onPrevPage,\n  siblings = 2,\n  boundaries = 1,\n  ...props\n}: PaginationProps) => {\n  const { range, setPage, next, previous, active } = usePagination({\n    page: value,\n    initialPage: defaultValue,\n    onChange,\n    total,\n    siblings,\n    boundaries,\n  })\n\n  const handleNextPage = createEventHandler(onNextPage, next)\n  const handlePreviousPage = createEventHandler(onPrevPage, previous)\n\n  return (\n    <StyledPagination {...props}>\n      <IconButton\n        size=\"md\"\n        variant=\"tertiary\"\n        aria-label=\"Previous\"\n        disabled={disabled || active === 1}\n        onClick={handlePreviousPage}\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L10.1464 2.64645C10.3417 2.45119 10.6583 2.45119 10.8536 2.64645C11.0488 2.84171 11.0488 3.15829 10.8536 3.35355L6.20711 8L10.8536 12.6464C11.0488 12.8417 11.0488 13.1583 10.8536 13.3536C10.6583 13.5488 10.3417 13.5488 10.1464 13.3536L5.14645 8.35355Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </IconButton>\n      {range.map((pageNumber, index) => {\n        if (pageNumber === DOTS) {\n          return (\n            <PaginationDots {...(disabled ? { 'data-disabled': true } : {})} key={index}>\n              ...\n            </PaginationDots>\n          )\n        }\n\n        const isSelected = pageNumber === active\n\n        return (\n          <PaginationItem\n            key={index}\n            disabled={disabled}\n            {...(isSelected\n              ? {\n                  'data-selected': true,\n                }\n              : {})}\n            onClick={() => setPage(pageNumber)}\n          >\n            {pageNumber}\n          </PaginationItem>\n        )\n      })}\n      <IconButton\n        size=\"md\"\n        variant=\"tertiary\"\n        aria-label=\"Previous\"\n        disabled={disabled || active === total}\n        onClick={handleNextPage}\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M10.8536 7.64645C11.0488 7.84171 11.0488 8.15829 10.8536 8.35355L5.85355 13.3536C5.65829 13.5488 5.34171 13.5488 5.14645 13.3536C4.95118 13.1583 4.95118 12.8417 5.14645 12.6464L9.79289 8L5.14645 3.35355C4.95118 3.15829 4.95118 2.84171 5.14645 2.64645C5.34171 2.45118 5.65829 2.45118 5.85355 2.64645L10.8536 7.64645Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </IconButton>\n    </StyledPagination>\n  )\n}\n"],"names":["withProvider","withContext","createStyleContext","pagination","StyledPagination","styled","PaginationItem","PaginationDots","Pagination","total","value","defaultValue","onChange","disabled","onNextPage","onPrevPage","siblings","boundaries","props","range","setPage","next","previous","active","usePagination","handleNextPage","createEventHandler","handlePreviousPage","jsxs","jsx","IconButton","pageNumber","index","DOTS","createElement"],"mappings":";;;;;;;;;AAQA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,CAAU,GAE7DC,IAAmBJ,EAAaK,EAAO,KAAK,GAAG,MAAM,GAGrDC,IAAiBL,EAAYI,EAAO,QAAQ,GAAG,MAAM,GACrDE,IAAiBN,EAAYI,EAAO,KAAK,GAAG,MAAM,GAc3CG,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,MAAuB;AACrB,QAAM,EAAE,OAAAC,GAAO,SAAAC,GAAS,MAAAC,GAAM,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAc;AAAA,IAC/D,MAAMd;AAAA,IACN,aAAaC;AAAA,IACb,UAAAC;AAAA,IACA,OAAAH;AAAA,IACA,UAAAO;AAAA,IACA,YAAAC;AAAA,EAAA,CACD,GAEKQ,IAAiBC,EAAmBZ,GAAYO,CAAI,GACpDM,IAAqBD,EAAmBX,GAAYO,CAAQ;AAElE,SACE,gBAAAM,EAACxB,GAAA,EAAkB,GAAGc,GACpB,UAAA;AAAA,IAAA,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,cAAW;AAAA,QACX,UAAUjB,KAAYU,MAAW;AAAA,QACjC,SAASI;AAAA,QAET,UAAA,gBAAAE,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA,EACP,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDV,EAAM,IAAI,CAACY,GAAYC,MAClBD,MAAeE,IAEf,gBAAAC,EAAC3B,GAAA,EAAgB,GAAIM,IAAW,EAAE,iBAAiB,GAAA,IAAS,CAAA,GAAK,KAAKmB,EAAA,GAAO,KAE7E,IAOF,gBAAAH;AAAA,MAACvB;AAAA,MAAA;AAAA,QAEC,UAAAO;AAAA,QACC,GANckB,MAAeR,IAO1B;AAAA,UACE,iBAAiB;AAAA,QAAA,IAEnB,CAAA;AAAA,QACJ,SAAS,MAAMH,EAAQW,CAAU;AAAA,QAEhC,UAAAA;AAAA,MAAA;AAAA,MATIC;AAAA,IAAA,CAYV;AAAA,IACD,gBAAAH;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,cAAW;AAAA,QACX,UAAUjB,KAAYU,MAAWd;AAAA,QACjC,SAASgB;AAAA,QAET,UAAA,gBAAAI,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA,EACP,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import type { ComponentProps, FC } from 'react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { pagination } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { DOTS, usePagination } from './use-pagination'\nimport { createEventHandler } from '~/shared/utils/events'\nimport { IconButton } from '~/components/icon-button'\n\nconst { withProvider, withContext } = createStyleContext(pagination)\n\nconst StyledPagination = withProvider(styled('div'), 'root')\ntype StyledPaginationProps = ComponentProps<typeof StyledPagination>\n\nconst PaginationItem = withContext(styled('button'), 'item')\nconst PaginationDots = withContext(styled('div'), 'dots')\n\nexport interface PaginationProps extends Omit<StyledPaginationProps, 'children' | 'defaultValue' | 'onChange'> {\n  total: number\n  value?: number\n  defaultValue?: number\n  onChange?: (value: number) => void\n  disabled?: boolean\n  siblings?: number\n  boundaries?: number\n  onNextPage?: () => void\n  onPrevPage?: () => void\n}\n\nexport const Pagination: FC<PaginationProps> = ({\n  total,\n  value,\n  defaultValue,\n  onChange,\n  disabled,\n  onNextPage,\n  onPrevPage,\n  siblings = 2,\n  boundaries = 1,\n  ...props\n}: PaginationProps) => {\n  const { range, setPage, next, previous, active } = usePagination({\n    page: value,\n    initialPage: defaultValue,\n    onChange,\n    total,\n    siblings,\n    boundaries,\n  })\n\n  const handleNextPage = createEventHandler(onNextPage, next)\n  const handlePreviousPage = createEventHandler(onPrevPage, previous)\n\n  return (\n    <StyledPagination {...props}>\n      <IconButton\n        size=\"md\"\n        variant=\"tertiary\"\n        aria-label=\"Previous\"\n        disabled={disabled || active === 1}\n        onClick={handlePreviousPage}\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L10.1464 2.64645C10.3417 2.45119 10.6583 2.45119 10.8536 2.64645C11.0488 2.84171 11.0488 3.15829 10.8536 3.35355L6.20711 8L10.8536 12.6464C11.0488 12.8417 11.0488 13.1583 10.8536 13.3536C10.6583 13.5488 10.3417 13.5488 10.1464 13.3536L5.14645 8.35355Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </IconButton>\n      {range.map((pageNumber, index) => {\n        if (pageNumber === DOTS) {\n          return (\n            <PaginationDots {...(disabled ? { 'data-disabled': true } : {})} key={index}>\n              ...\n            </PaginationDots>\n          )\n        }\n\n        const isSelected = pageNumber === active\n\n        return (\n          <PaginationItem\n            key={index}\n            disabled={disabled}\n            {...(isSelected\n              ? {\n                  'data-selected': true,\n                }\n              : {})}\n            onClick={() => setPage(pageNumber)}\n          >\n            {pageNumber}\n          </PaginationItem>\n        )\n      })}\n      <IconButton\n        size=\"md\"\n        variant=\"tertiary\"\n        aria-label=\"Previous\"\n        disabled={disabled || active === total}\n        onClick={handleNextPage}\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M10.8536 7.64645C11.0488 7.84171 11.0488 8.15829 10.8536 8.35355L5.85355 13.3536C5.65829 13.5488 5.34171 13.5488 5.14645 13.3536C4.95118 13.1583 4.95118 12.8417 5.14645 12.6464L9.79289 8L5.14645 3.35355C4.95118 3.15829 4.95118 2.84171 5.14645 2.64645C5.34171 2.45118 5.65829 2.45118 5.85355 2.64645L10.8536 7.64645Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </IconButton>\n    </StyledPagination>\n  )\n}\n"],"mappings":";;;;;;;;;;AAQA,IAAM,EAAE,iBAAc,mBAAgB,EAAmB,CAAU,GAE7D,IAAmB,EAAa,EAAO,KAAK,GAAG,MAAM,GAGrD,IAAiB,EAAY,EAAO,QAAQ,GAAG,MAAM,GACrD,IAAiB,EAAY,EAAO,KAAK,GAAG,MAAM,GAc3C,KAAmC,EAC9C,UACA,UACA,iBACA,aACA,aACA,eACA,eACA,cAAW,GACX,gBAAa,GACb,GAAG,QACkB;CACrB,IAAM,EAAE,UAAO,YAAS,SAAM,aAAU,cAAW,EAAc;EAC/D,MAAM;EACN,aAAa;EACb;EACA;EACA;EACA;CACF,CAAC,GAEK,IAAiB,EAAmB,GAAY,CAAI,GACpD,IAAqB,EAAmB,GAAY,CAAQ;CAElE,OACE,kBAAC,GAAD;EAAkB,GAAI;YAAtB;GACE,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,cAAW;IACX,UAAU,KAAY,MAAW;IACjC,SAAS;cAET,kBAAC,OAAD;KAAK,OAAM;KAAK,QAAO;KAAK,SAAQ;KAAY,MAAK;KAAO,OAAM;eAChE,kBAAC,QAAD;MACE,UAAS;MACT,UAAS;MACT,GAAE;MACF,MAAK;KACN,CAAA;IACE,CAAA;GACK,CAAA;GACX,EAAM,KAAK,GAAY,MAClB,MAAe,IAEf,kBAAC,GAAD;IAAgB,GAAK,IAAW,EAAE,iBAAiB,GAAK,IAAI,CAAC;IAAI,KAAK;GAEtD,GAF6D,KAE7D,IAOlB,kBAAC,GAAD;IAEY;IACV,GANe,MAAe,IAO1B,EACE,iBAAiB,GACnB,IACA,CAAC;IACL,eAAe,EAAQ,CAAU;cAEhC;GACa,GAVT,CAUS,CAEnB;GACD,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,cAAW;IACX,UAAU,KAAY,MAAW;IACjC,SAAS;cAET,kBAAC,OAAD;KAAK,OAAM;KAAK,QAAO;KAAK,SAAQ;KAAY,MAAK;KAAO,OAAM;eAChE,kBAAC,QAAD;MACE,UAAS;MACT,UAAS;MACT,GAAE;MACF,MAAK;KACN,CAAA;IACE,CAAA;GACK,CAAA;EACI;;AAEtB"}

package/dist/components/pagination/use-pagination.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),R=require("../../shared/hooks/useUncontrolled.cjs");function o(r,n){const t=n-r+1;return Array.from({length:t},(h,s)=>s+r)}const l=Symbol("dots"),O=({total:r,siblings:n=1,boundaries:t=1,page:h,initialPage:s=1,onChange:v})=>{const e=Math.max(Math.trunc(r),0),[c,f]=R.useUncontrolled({value:h,onChange:v,defaultValue:s,finalValue:s}),a=u=>{u<=0?f(1):u>e?f(e):f(u)},M=()=>a(c+1),x=()=>a(c-1),y=()=>a(1),D=()=>a(e);return{range:I.useMemo(()=>{if(n*2+3+t*2>=e)return o(1,e);const i=Math.max(c-n,t),m=Math.min(c+n,e-t),S=i>t+2,P=m<e-(t+1);if(!S&&P){const g=n*2+t+2;return[...o(1,g),l,...o(e-(t-1),e)]}if(S&&!P){const g=t+1+2*n;return[...o(1,t),l,...o(e-g,e)]}return[...o(1,t),l,...o(i,m),l,...o(e-t+1,e)]},[e,n,t,c]),active:c,setPage:a,next:M,previous:x,first:y,last:D}};exports.DOTS=l;exports.usePagination=O;
-//# sourceMappingURL=use-pagination.cjs.map
+"use client";const e=require("../../shared/hooks/useUncontrolled.cjs");let t=require("react");function n(e,t){let n=t-e+1;return Array.from({length:n},(t,n)=>n+e)}var r=Symbol(`dots`),i=({total:i,siblings:a=1,boundaries:o=1,page:s,initialPage:c=1,onChange:l})=>{let u=Math.max(Math.trunc(i),0),[d,f]=e.useUncontrolled({value:s,onChange:l,defaultValue:c,finalValue:c}),p=e=>{f(e<=0?1:e>u?u:e)};return{range:(0,t.useMemo)(()=>{if(a*2+3+o*2>=u)return n(1,u);let e=Math.max(d-a,o),t=Math.min(d+a,u-o),i=e>o+2,s=t<u-(o+1);if(!i&&s)return[...n(1,a*2+o+2),r,...n(u-(o-1),u)];if(i&&!s){let e=o+1+2*a;return[...n(1,o),r,...n(u-e,u)]}return[...n(1,o),r,...n(e,t),r,...n(u-o+1,u)]},[u,a,o,d]),active:d,setPage:p,next:()=>p(d+1),previous:()=>p(d-1),first:()=>p(1),last:()=>p(u)}};exports.DOTS=r,exports.usePagination=i;
+//# sourceMappingURL=use-pagination.cjs.map

package/dist/components/pagination/use-pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-pagination.cjs","sources":["../../../src/components/pagination/use-pagination.ts"],"sourcesContent":["// https://github.com/mantinedev/mantine/blob/95115daf60364ba2e5aba5e5d42d69103f90cb1a/packages/%40mantine/hooks/src/use-pagination/use-pagination.ts\n\nimport { useMemo } from 'react'\nimport { useUncontrolled } from '~/shared/hooks/useUncontrolled'\n\nfunction range(start: number, end: number) {\n  const length = end - start + 1\n  return Array.from({ length }, (_, index) => index + start)\n}\n\nexport const DOTS: unique symbol = Symbol('dots')\n\nexport interface PaginationParams {\n  initialPage?: number\n  page?: number\n  total: number\n  siblings?: number\n  boundaries?: number\n  onChange?: (page: number) => void\n}\n\nexport const usePagination = ({\n  total,\n  siblings = 1,\n  boundaries = 1,\n  page,\n  initialPage = 1,\n  onChange,\n}: PaginationParams) => {\n  const _total = Math.max(Math.trunc(total), 0)\n  const [activePage, setActivePage] = useUncontrolled({\n    value: page,\n    onChange,\n    defaultValue: initialPage,\n    finalValue: initialPage,\n  })\n\n  const setPage = (pageNumber: number) => {\n    if (pageNumber <= 0) {\n      setActivePage(1)\n    } else if (pageNumber > _total) {\n      setActivePage(_total)\n    } else {\n      setActivePage(pageNumber)\n    }\n  }\n\n  const next = () => setPage(activePage + 1)\n  const previous = () => setPage(activePage - 1)\n  const first = () => setPage(1)\n  const last = () => setPage(_total)\n\n  const paginationRange = useMemo((): (number | typeof DOTS)[] => {\n    const totalPageNumbers = siblings * 2 + 3 + boundaries * 2\n    if (totalPageNumbers >= _total) {\n      return range(1, _total)\n    }\n\n    const leftSiblingIndex = Math.max(activePage - siblings, boundaries)\n    const rightSiblingIndex = Math.min(activePage + siblings, _total - boundaries)\n\n    const shouldShowLeftDots = leftSiblingIndex > boundaries + 2\n    const shouldShowRightDots = rightSiblingIndex < _total - (boundaries + 1)\n\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n      const leftItemCount = siblings * 2 + boundaries + 2\n      return [...range(1, leftItemCount), DOTS, ...range(_total - (boundaries - 1), _total)]\n    }\n\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n      const rightItemCount = boundaries + 1 + 2 * siblings\n      return [...range(1, boundaries), DOTS, ...range(_total - rightItemCount, _total)]\n    }\n\n    return [\n      ...range(1, boundaries),\n      DOTS,\n      ...range(leftSiblingIndex, rightSiblingIndex),\n      DOTS,\n      ...range(_total - boundaries + 1, _total),\n    ]\n  }, [_total, siblings, boundaries, activePage])\n\n  return {\n    range: paginationRange,\n    active: activePage,\n    setPage,\n    next,\n    previous,\n    first,\n    last,\n  }\n}\n"],"names":["range","start","end","length","_","index","DOTS","usePagination","total","siblings","boundaries","page","initialPage","onChange","_total","activePage","setActivePage","useUncontrolled","setPage","pageNumber","next","previous","first","last","useMemo","leftSiblingIndex","rightSiblingIndex","shouldShowLeftDots","shouldShowRightDots","leftItemCount","rightItemCount"],"mappings":"0KAKA,SAASA,EAAMC,EAAeC,EAAa,CACzC,MAAMC,EAASD,EAAMD,EAAQ,EAC7B,OAAO,MAAM,KAAK,CAAE,OAAAE,CAAA,EAAU,CAACC,EAAGC,IAAUA,EAAQJ,CAAK,CAC3D,CAEO,MAAMK,SAA6B,MAAM,EAWnCC,EAAgB,CAAC,CAC5B,MAAAC,EACA,SAAAC,EAAW,EACX,WAAAC,EAAa,EACb,KAAAC,EACA,YAAAC,EAAc,EACd,SAAAC,CACF,IAAwB,CACtB,MAAMC,EAAS,KAAK,IAAI,KAAK,MAAMN,CAAK,EAAG,CAAC,EACtC,CAACO,EAAYC,CAAa,EAAIC,kBAAgB,CAClD,MAAON,EACP,SAAAE,EACA,aAAcD,EACd,WAAYA,CAAA,CACb,EAEKM,EAAWC,GAAuB,CAClCA,GAAc,EAChBH,EAAc,CAAC,EACNG,EAAaL,EACtBE,EAAcF,CAAM,EAEpBE,EAAcG,CAAU,CAE5B,EAEMC,EAAO,IAAMF,EAAQH,EAAa,CAAC,EACnCM,EAAW,IAAMH,EAAQH,EAAa,CAAC,EACvCO,EAAQ,IAAMJ,EAAQ,CAAC,EACvBK,EAAO,IAAML,EAAQJ,CAAM,EAiCjC,MAAO,CACL,MAhCsBU,EAAAA,QAAQ,IAAgC,CAE9D,GADyBf,EAAW,EAAI,EAAIC,EAAa,GACjCI,EACtB,OAAOd,EAAM,EAAGc,CAAM,EAGxB,MAAMW,EAAmB,KAAK,IAAIV,EAAaN,EAAUC,CAAU,EAC7DgB,EAAoB,KAAK,IAAIX,EAAaN,EAAUK,EAASJ,CAAU,EAEvEiB,EAAqBF,EAAmBf,EAAa,EACrDkB,EAAsBF,EAAoBZ,GAAUJ,EAAa,GAEvE,GAAI,CAACiB,GAAsBC,EAAqB,CAC9C,MAAMC,EAAgBpB,EAAW,EAAIC,EAAa,EAClD,MAAO,CAAC,GAAGV,EAAM,EAAG6B,CAAa,EAAGvB,EAAM,GAAGN,EAAMc,GAAUJ,EAAa,GAAII,CAAM,CAAC,CACvF,CAEA,GAAIa,GAAsB,CAACC,EAAqB,CAC9C,MAAME,EAAiBpB,EAAa,EAAI,EAAID,EAC5C,MAAO,CAAC,GAAGT,EAAM,EAAGU,CAAU,EAAGJ,EAAM,GAAGN,EAAMc,EAASgB,EAAgBhB,CAAM,CAAC,CAClF,CAEA,MAAO,CACL,GAAGd,EAAM,EAAGU,CAAU,EACtBJ,EACA,GAAGN,EAAMyB,EAAkBC,CAAiB,EAC5CpB,EACA,GAAGN,EAAMc,EAASJ,EAAa,EAAGI,CAAM,CAAA,CAE5C,EAAG,CAACA,EAAQL,EAAUC,EAAYK,CAAU,CAAC,EAI3C,OAAQA,EACR,QAAAG,EACA,KAAAE,EACA,SAAAC,EACA,MAAAC,EACA,KAAAC,CAAA,CAEJ"}
+{"version":3,"file":"use-pagination.cjs","names":[],"sources":["../../../src/components/pagination/use-pagination.ts"],"sourcesContent":["// https://github.com/mantinedev/mantine/blob/95115daf60364ba2e5aba5e5d42d69103f90cb1a/packages/%40mantine/hooks/src/use-pagination/use-pagination.ts\n\nimport { useMemo } from 'react'\nimport { useUncontrolled } from '~/shared/hooks/useUncontrolled'\n\nfunction range(start: number, end: number) {\n  const length = end - start + 1\n  return Array.from({ length }, (_, index) => index + start)\n}\n\nexport const DOTS: unique symbol = Symbol('dots')\n\nexport interface PaginationParams {\n  initialPage?: number\n  page?: number\n  total: number\n  siblings?: number\n  boundaries?: number\n  onChange?: (page: number) => void\n}\n\nexport const usePagination = ({\n  total,\n  siblings = 1,\n  boundaries = 1,\n  page,\n  initialPage = 1,\n  onChange,\n}: PaginationParams) => {\n  const _total = Math.max(Math.trunc(total), 0)\n  const [activePage, setActivePage] = useUncontrolled({\n    value: page,\n    onChange,\n    defaultValue: initialPage,\n    finalValue: initialPage,\n  })\n\n  const setPage = (pageNumber: number) => {\n    if (pageNumber <= 0) {\n      setActivePage(1)\n    } else if (pageNumber > _total) {\n      setActivePage(_total)\n    } else {\n      setActivePage(pageNumber)\n    }\n  }\n\n  const next = () => setPage(activePage + 1)\n  const previous = () => setPage(activePage - 1)\n  const first = () => setPage(1)\n  const last = () => setPage(_total)\n\n  const paginationRange = useMemo((): (number | typeof DOTS)[] => {\n    const totalPageNumbers = siblings * 2 + 3 + boundaries * 2\n    if (totalPageNumbers >= _total) {\n      return range(1, _total)\n    }\n\n    const leftSiblingIndex = Math.max(activePage - siblings, boundaries)\n    const rightSiblingIndex = Math.min(activePage + siblings, _total - boundaries)\n\n    const shouldShowLeftDots = leftSiblingIndex > boundaries + 2\n    const shouldShowRightDots = rightSiblingIndex < _total - (boundaries + 1)\n\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n      const leftItemCount = siblings * 2 + boundaries + 2\n      return [...range(1, leftItemCount), DOTS, ...range(_total - (boundaries - 1), _total)]\n    }\n\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n      const rightItemCount = boundaries + 1 + 2 * siblings\n      return [...range(1, boundaries), DOTS, ...range(_total - rightItemCount, _total)]\n    }\n\n    return [\n      ...range(1, boundaries),\n      DOTS,\n      ...range(leftSiblingIndex, rightSiblingIndex),\n      DOTS,\n      ...range(_total - boundaries + 1, _total),\n    ]\n  }, [_total, siblings, boundaries, activePage])\n\n  return {\n    range: paginationRange,\n    active: activePage,\n    setPage,\n    next,\n    previous,\n    first,\n    last,\n  }\n}\n"],"mappings":"8FAKA,SAAS,EAAM,EAAe,EAAa,CACzC,IAAM,EAAS,EAAM,EAAQ,EAC7B,OAAO,MAAM,KAAK,CAAE,QAAO,GAAI,EAAG,IAAU,EAAQ,CAAK,CAC3D,CAEA,IAAa,EAAsB,OAAO,MAAM,EAWnC,GAAiB,CAC5B,QACA,WAAW,EACX,aAAa,EACb,OACA,cAAc,EACd,cACsB,CACtB,IAAM,EAAS,KAAK,IAAI,KAAK,MAAM,CAAK,EAAG,CAAC,EACtC,CAAC,EAAY,GAAiB,EAAA,gBAAgB,CAClD,MAAO,EACP,WACA,aAAc,EACd,WAAY,CACd,CAAC,EAEK,EAAW,GAAuB,CAEpC,EADE,GAAc,EACF,EACL,EAAa,EACR,EAEA,CAAU,CAE5B,EAsCA,MAAO,CACL,OAAA,EAAA,EAAA,aAhC8D,CAE9D,GADyB,EAAW,EAAI,EAAI,EAAa,GACjC,EACtB,OAAO,EAAM,EAAG,CAAM,EAGxB,IAAM,EAAmB,KAAK,IAAI,EAAa,EAAU,CAAU,EAC7D,EAAoB,KAAK,IAAI,EAAa,EAAU,EAAS,CAAU,EAEvE,EAAqB,EAAmB,EAAa,EACrD,EAAsB,EAAoB,GAAU,EAAa,GAEvE,GAAI,CAAC,GAAsB,EAEzB,MAAO,CAAC,GAAG,EAAM,EADK,EAAW,EAAI,EAAa,CACjB,EAAG,EAAM,GAAG,EAAM,GAAU,EAAa,GAAI,CAAM,CAAC,EAGvF,GAAI,GAAsB,CAAC,EAAqB,CAC9C,IAAM,EAAiB,EAAa,EAAI,EAAI,EAC5C,MAAO,CAAC,GAAG,EAAM,EAAG,CAAU,EAAG,EAAM,GAAG,EAAM,EAAS,EAAgB,CAAM,CAAC,CAClF,CAEA,MAAO,CACL,GAAG,EAAM,EAAG,CAAU,EACtB,EACA,GAAG,EAAM,EAAkB,CAAiB,EAC5C,EACA,GAAG,EAAM,EAAS,EAAa,EAAG,CAAM,CAC1C,CACF,EAAG,CAAC,EAAQ,EAAU,EAAY,CAAU,CAGnC,EACP,OAAQ,EACR,UACA,SAxCiB,EAAQ,EAAa,CAAC,EAyCvC,aAxCqB,EAAQ,EAAa,CAAC,EAyC3C,UAxCkB,EAAQ,CAAC,EAyC3B,SAxCiB,EAAQ,CAAM,CAyCjC,CACF"}

package/dist/components/pagination/use-pagination.js

@@ -1,57 +1,59 @@
 "use client";
-import { useMemo as D } from "react";
-import { useUncontrolled as R } from "../../shared/hooks/useUncontrolled.js";
-function e(l, n) {
-  const t = n - l + 1;
-  return Array.from({ length: t }, (g, r) => r + l);
+import { useUncontrolled as e } from "../../shared/hooks/useUncontrolled.js";
+import { useMemo as t } from "react";
+//#region src/components/pagination/use-pagination.ts
+function n(e, t) {
+	let n = t - e + 1;
+	return Array.from({ length: n }, (t, n) => n + e);
 }
-const s = /* @__PURE__ */ Symbol("dots"), C = ({
-  total: l,
-  siblings: n = 1,
-  boundaries: t = 1,
-  page: g,
-  initialPage: r = 1,
-  onChange: v
-}) => {
-  const o = Math.max(Math.trunc(l), 0), [c, h] = R({
-    value: g,
-    onChange: v,
-    defaultValue: r,
-    finalValue: r
-  }), a = (f) => {
-    f <= 0 ? h(1) : f > o ? h(o) : h(f);
-  }, M = () => a(c + 1), P = () => a(c - 1), p = () => a(1), I = () => a(o);
-  return {
-    range: D(() => {
-      if (n * 2 + 3 + t * 2 >= o)
-        return e(1, o);
-      const u = Math.max(c - n, t), x = Math.min(c + n, o - t), S = u > t + 2, i = x < o - (t + 1);
-      if (!S && i) {
-        const m = n * 2 + t + 2;
-        return [...e(1, m), s, ...e(o - (t - 1), o)];
-      }
-      if (S && !i) {
-        const m = t + 1 + 2 * n;
-        return [...e(1, t), s, ...e(o - m, o)];
-      }
-      return [
-        ...e(1, t),
-        s,
-        ...e(u, x),
-        s,
-        ...e(o - t + 1, o)
-      ];
-    }, [o, n, t, c]),
-    active: c,
-    setPage: a,
-    next: M,
-    previous: P,
-    first: p,
-    last: I
-  };
+var r = Symbol("dots"), i = ({ total: i, siblings: a = 1, boundaries: o = 1, page: s, initialPage: c = 1, onChange: l }) => {
+	let u = Math.max(Math.trunc(i), 0), [d, f] = e({
+		value: s,
+		onChange: l,
+		defaultValue: c,
+		finalValue: c
+	}), p = (e) => {
+		f(e <= 0 ? 1 : e > u ? u : e);
+	};
+	return {
+		range: t(() => {
+			if (a * 2 + 3 + o * 2 >= u) return n(1, u);
+			let e = Math.max(d - a, o), t = Math.min(d + a, u - o), i = e > o + 2, s = t < u - (o + 1);
+			if (!i && s) return [
+				...n(1, a * 2 + o + 2),
+				r,
+				...n(u - (o - 1), u)
+			];
+			if (i && !s) {
+				let e = o + 1 + 2 * a;
+				return [
+					...n(1, o),
+					r,
+					...n(u - e, u)
+				];
+			}
+			return [
+				...n(1, o),
+				r,
+				...n(e, t),
+				r,
+				...n(u - o + 1, u)
+			];
+		}, [
+			u,
+			a,
+			o,
+			d
+		]),
+		active: d,
+		setPage: p,
+		next: () => p(d + 1),
+		previous: () => p(d - 1),
+		first: () => p(1),
+		last: () => p(u)
+	};
 };
-export {
-  s as DOTS,
-  C as usePagination
-};
-//# sourceMappingURL=use-pagination.js.map
+//#endregion
+export { r as DOTS, i as usePagination };
+
+//# sourceMappingURL=use-pagination.js.map

package/dist/components/pagination/use-pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-pagination.js","sources":["../../../src/components/pagination/use-pagination.ts"],"sourcesContent":["// https://github.com/mantinedev/mantine/blob/95115daf60364ba2e5aba5e5d42d69103f90cb1a/packages/%40mantine/hooks/src/use-pagination/use-pagination.ts\n\nimport { useMemo } from 'react'\nimport { useUncontrolled } from '~/shared/hooks/useUncontrolled'\n\nfunction range(start: number, end: number) {\n  const length = end - start + 1\n  return Array.from({ length }, (_, index) => index + start)\n}\n\nexport const DOTS: unique symbol = Symbol('dots')\n\nexport interface PaginationParams {\n  initialPage?: number\n  page?: number\n  total: number\n  siblings?: number\n  boundaries?: number\n  onChange?: (page: number) => void\n}\n\nexport const usePagination = ({\n  total,\n  siblings = 1,\n  boundaries = 1,\n  page,\n  initialPage = 1,\n  onChange,\n}: PaginationParams) => {\n  const _total = Math.max(Math.trunc(total), 0)\n  const [activePage, setActivePage] = useUncontrolled({\n    value: page,\n    onChange,\n    defaultValue: initialPage,\n    finalValue: initialPage,\n  })\n\n  const setPage = (pageNumber: number) => {\n    if (pageNumber <= 0) {\n      setActivePage(1)\n    } else if (pageNumber > _total) {\n      setActivePage(_total)\n    } else {\n      setActivePage(pageNumber)\n    }\n  }\n\n  const next = () => setPage(activePage + 1)\n  const previous = () => setPage(activePage - 1)\n  const first = () => setPage(1)\n  const last = () => setPage(_total)\n\n  const paginationRange = useMemo((): (number | typeof DOTS)[] => {\n    const totalPageNumbers = siblings * 2 + 3 + boundaries * 2\n    if (totalPageNumbers >= _total) {\n      return range(1, _total)\n    }\n\n    const leftSiblingIndex = Math.max(activePage - siblings, boundaries)\n    const rightSiblingIndex = Math.min(activePage + siblings, _total - boundaries)\n\n    const shouldShowLeftDots = leftSiblingIndex > boundaries + 2\n    const shouldShowRightDots = rightSiblingIndex < _total - (boundaries + 1)\n\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n      const leftItemCount = siblings * 2 + boundaries + 2\n      return [...range(1, leftItemCount), DOTS, ...range(_total - (boundaries - 1), _total)]\n    }\n\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n      const rightItemCount = boundaries + 1 + 2 * siblings\n      return [...range(1, boundaries), DOTS, ...range(_total - rightItemCount, _total)]\n    }\n\n    return [\n      ...range(1, boundaries),\n      DOTS,\n      ...range(leftSiblingIndex, rightSiblingIndex),\n      DOTS,\n      ...range(_total - boundaries + 1, _total),\n    ]\n  }, [_total, siblings, boundaries, activePage])\n\n  return {\n    range: paginationRange,\n    active: activePage,\n    setPage,\n    next,\n    previous,\n    first,\n    last,\n  }\n}\n"],"names":["range","start","end","length","_","index","DOTS","usePagination","total","siblings","boundaries","page","initialPage","onChange","_total","activePage","setActivePage","useUncontrolled","setPage","pageNumber","next","previous","first","last","useMemo","leftSiblingIndex","rightSiblingIndex","shouldShowLeftDots","shouldShowRightDots","leftItemCount","rightItemCount"],"mappings":";;;AAKA,SAASA,EAAMC,GAAeC,GAAa;AACzC,QAAMC,IAASD,IAAMD,IAAQ;AAC7B,SAAO,MAAM,KAAK,EAAE,QAAAE,EAAA,GAAU,CAACC,GAAGC,MAAUA,IAAQJ,CAAK;AAC3D;AAEO,MAAMK,2BAA6B,MAAM,GAWnCC,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AACF,MAAwB;AACtB,QAAMC,IAAS,KAAK,IAAI,KAAK,MAAMN,CAAK,GAAG,CAAC,GACtC,CAACO,GAAYC,CAAa,IAAIC,EAAgB;AAAA,IAClD,OAAON;AAAA,IACP,UAAAE;AAAA,IACA,cAAcD;AAAA,IACd,YAAYA;AAAA,EAAA,CACb,GAEKM,IAAU,CAACC,MAAuB;AACtC,IAAIA,KAAc,IAChBH,EAAc,CAAC,IACNG,IAAaL,IACtBE,EAAcF,CAAM,IAEpBE,EAAcG,CAAU;AAAA,EAE5B,GAEMC,IAAO,MAAMF,EAAQH,IAAa,CAAC,GACnCM,IAAW,MAAMH,EAAQH,IAAa,CAAC,GACvCO,IAAQ,MAAMJ,EAAQ,CAAC,GACvBK,IAAO,MAAML,EAAQJ,CAAM;AAiCjC,SAAO;AAAA,IACL,OAhCsBU,EAAQ,MAAgC;AAE9D,UADyBf,IAAW,IAAI,IAAIC,IAAa,KACjCI;AACtB,eAAOd,EAAM,GAAGc,CAAM;AAGxB,YAAMW,IAAmB,KAAK,IAAIV,IAAaN,GAAUC,CAAU,GAC7DgB,IAAoB,KAAK,IAAIX,IAAaN,GAAUK,IAASJ,CAAU,GAEvEiB,IAAqBF,IAAmBf,IAAa,GACrDkB,IAAsBF,IAAoBZ,KAAUJ,IAAa;AAEvE,UAAI,CAACiB,KAAsBC,GAAqB;AAC9C,cAAMC,IAAgBpB,IAAW,IAAIC,IAAa;AAClD,eAAO,CAAC,GAAGV,EAAM,GAAG6B,CAAa,GAAGvB,GAAM,GAAGN,EAAMc,KAAUJ,IAAa,IAAII,CAAM,CAAC;AAAA,MACvF;AAEA,UAAIa,KAAsB,CAACC,GAAqB;AAC9C,cAAME,IAAiBpB,IAAa,IAAI,IAAID;AAC5C,eAAO,CAAC,GAAGT,EAAM,GAAGU,CAAU,GAAGJ,GAAM,GAAGN,EAAMc,IAASgB,GAAgBhB,CAAM,CAAC;AAAA,MAClF;AAEA,aAAO;AAAA,QACL,GAAGd,EAAM,GAAGU,CAAU;AAAA,QACtBJ;AAAA,QACA,GAAGN,EAAMyB,GAAkBC,CAAiB;AAAA,QAC5CpB;AAAA,QACA,GAAGN,EAAMc,IAASJ,IAAa,GAAGI,CAAM;AAAA,MAAA;AAAA,IAE5C,GAAG,CAACA,GAAQL,GAAUC,GAAYK,CAAU,CAAC;AAAA,IAI3C,QAAQA;AAAA,IACR,SAAAG;AAAA,IACA,MAAAE;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"use-pagination.js","names":[],"sources":["../../../src/components/pagination/use-pagination.ts"],"sourcesContent":["// https://github.com/mantinedev/mantine/blob/95115daf60364ba2e5aba5e5d42d69103f90cb1a/packages/%40mantine/hooks/src/use-pagination/use-pagination.ts\n\nimport { useMemo } from 'react'\nimport { useUncontrolled } from '~/shared/hooks/useUncontrolled'\n\nfunction range(start: number, end: number) {\n  const length = end - start + 1\n  return Array.from({ length }, (_, index) => index + start)\n}\n\nexport const DOTS: unique symbol = Symbol('dots')\n\nexport interface PaginationParams {\n  initialPage?: number\n  page?: number\n  total: number\n  siblings?: number\n  boundaries?: number\n  onChange?: (page: number) => void\n}\n\nexport const usePagination = ({\n  total,\n  siblings = 1,\n  boundaries = 1,\n  page,\n  initialPage = 1,\n  onChange,\n}: PaginationParams) => {\n  const _total = Math.max(Math.trunc(total), 0)\n  const [activePage, setActivePage] = useUncontrolled({\n    value: page,\n    onChange,\n    defaultValue: initialPage,\n    finalValue: initialPage,\n  })\n\n  const setPage = (pageNumber: number) => {\n    if (pageNumber <= 0) {\n      setActivePage(1)\n    } else if (pageNumber > _total) {\n      setActivePage(_total)\n    } else {\n      setActivePage(pageNumber)\n    }\n  }\n\n  const next = () => setPage(activePage + 1)\n  const previous = () => setPage(activePage - 1)\n  const first = () => setPage(1)\n  const last = () => setPage(_total)\n\n  const paginationRange = useMemo((): (number | typeof DOTS)[] => {\n    const totalPageNumbers = siblings * 2 + 3 + boundaries * 2\n    if (totalPageNumbers >= _total) {\n      return range(1, _total)\n    }\n\n    const leftSiblingIndex = Math.max(activePage - siblings, boundaries)\n    const rightSiblingIndex = Math.min(activePage + siblings, _total - boundaries)\n\n    const shouldShowLeftDots = leftSiblingIndex > boundaries + 2\n    const shouldShowRightDots = rightSiblingIndex < _total - (boundaries + 1)\n\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n      const leftItemCount = siblings * 2 + boundaries + 2\n      return [...range(1, leftItemCount), DOTS, ...range(_total - (boundaries - 1), _total)]\n    }\n\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n      const rightItemCount = boundaries + 1 + 2 * siblings\n      return [...range(1, boundaries), DOTS, ...range(_total - rightItemCount, _total)]\n    }\n\n    return [\n      ...range(1, boundaries),\n      DOTS,\n      ...range(leftSiblingIndex, rightSiblingIndex),\n      DOTS,\n      ...range(_total - boundaries + 1, _total),\n    ]\n  }, [_total, siblings, boundaries, activePage])\n\n  return {\n    range: paginationRange,\n    active: activePage,\n    setPage,\n    next,\n    previous,\n    first,\n    last,\n  }\n}\n"],"mappings":";;;;AAKA,SAAS,EAAM,GAAe,GAAa;CACzC,IAAM,IAAS,IAAM,IAAQ;CAC7B,OAAO,MAAM,KAAK,EAAE,UAAO,IAAI,GAAG,MAAU,IAAQ,CAAK;AAC3D;AAEA,IAAa,IAAsB,OAAO,MAAM,GAWnC,KAAiB,EAC5B,UACA,cAAW,GACX,gBAAa,GACb,SACA,iBAAc,GACd,kBACsB;CACtB,IAAM,IAAS,KAAK,IAAI,KAAK,MAAM,CAAK,GAAG,CAAC,GACtC,CAAC,GAAY,KAAiB,EAAgB;EAClD,OAAO;EACP;EACA,cAAc;EACd,YAAY;CACd,CAAC,GAEK,KAAW,MAAuB;EACtC,AACE,EADE,KAAc,IACF,IACL,IAAa,IACR,IAEA,CAAU;CAE5B;CAsCA,OAAO;EACL,OAhCsB,QAAwC;GAE9D,IADyB,IAAW,IAAI,IAAI,IAAa,KACjC,GACtB,OAAO,EAAM,GAAG,CAAM;GAGxB,IAAM,IAAmB,KAAK,IAAI,IAAa,GAAU,CAAU,GAC7D,IAAoB,KAAK,IAAI,IAAa,GAAU,IAAS,CAAU,GAEvE,IAAqB,IAAmB,IAAa,GACrD,IAAsB,IAAoB,KAAU,IAAa;GAEvE,IAAI,CAAC,KAAsB,GAEzB,OAAO;IAAC,GAAG,EAAM,GADK,IAAW,IAAI,IAAa,CACjB;IAAG;IAAM,GAAG,EAAM,KAAU,IAAa,IAAI,CAAM;GAAC;GAGvF,IAAI,KAAsB,CAAC,GAAqB;IAC9C,IAAM,IAAiB,IAAa,IAAI,IAAI;IAC5C,OAAO;KAAC,GAAG,EAAM,GAAG,CAAU;KAAG;KAAM,GAAG,EAAM,IAAS,GAAgB,CAAM;IAAC;GAClF;GAEA,OAAO;IACL,GAAG,EAAM,GAAG,CAAU;IACtB;IACA,GAAG,EAAM,GAAkB,CAAiB;IAC5C;IACA,GAAG,EAAM,IAAS,IAAa,GAAG,CAAM;GAC1C;EACF,GAAG;GAAC;GAAQ;GAAU;GAAY;EAAU,CAGnC;EACP,QAAQ;EACR;EACA,YAxCiB,EAAQ,IAAa,CAAC;EAyCvC,gBAxCqB,EAAQ,IAAa,CAAC;EAyC3C,aAxCkB,EAAQ,CAAC;EAyC3B,YAxCiB,EAAQ,CAAM;CAyCjC;AACF"}

package/dist/components/popover/Popover.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("@ark-ui/react"),e=require("@stokelp/styled-system/jsx"),p=require("@stokelp/styled-system/recipes"),P=require("react"),v=require("../../utils/slots.cjs"),{withProvider:l,withContext:r}=v.createStyleContext(p.popover),g=l(o.Popover.Root,void 0,{defaultProps:{unmountOnExit:!0,lazyMount:!0,portalled:!0}}),u=r(e.styled(o.Popover.CloseTrigger),"closeTrigger"),d=r(e.styled(o.Popover.Trigger),"trigger"),a=r(e.styled(o.Popover.Anchor),"anchor"),C=r(e.styled(o.Popover.Positioner),"positioner"),n=P.forwardRef(({children:s,...i},c)=>t.jsx(o.Portal,{children:t.jsx(C,{children:t.jsx(o.Popover.Content,{ref:c,...i,children:s})})}));n.displayName=o.Popover.Content.displayName;const x=r(e.styled(n),"content"),y=o.Popover.Context;exports.Popover=g;exports.PopoverAnchor=a;exports.PopoverCloseTrigger=u;exports.PopoverContent=x;exports.PopoverContext=y;exports.PopoverTrigger=d;
-//# sourceMappingURL=Popover.cjs.map
+"use client";const e=require("../../utils/slots.cjs");let t=require("@ark-ui/react"),n=require("@stokelp/styled-system/jsx"),r=require("@stokelp/styled-system/recipes"),i=require("react"),a=require("react/jsx-runtime");var{withProvider:o,withContext:s}=e.createStyleContext(r.popover),c=o(t.Popover.Root,void 0,{defaultProps:{unmountOnExit:!0,lazyMount:!0,portalled:!0}}),l=s((0,n.styled)(t.Popover.CloseTrigger),`closeTrigger`),u=s((0,n.styled)(t.Popover.Trigger),`trigger`),d=s((0,n.styled)(t.Popover.Anchor),`anchor`),f=s((0,n.styled)(t.Popover.Positioner),`positioner`),p=(0,i.forwardRef)(({children:e,...n},r)=>(0,a.jsx)(t.Portal,{children:(0,a.jsx)(f,{children:(0,a.jsx)(t.Popover.Content,{ref:r,...n,children:e})})}));p.displayName=t.Popover.Content.displayName;var m=s((0,n.styled)(p),`content`),h=t.Popover.Context;exports.Popover=c,exports.PopoverAnchor=d,exports.PopoverCloseTrigger=l,exports.PopoverContent=m,exports.PopoverContext=h,exports.PopoverTrigger=u;
+//# sourceMappingURL=Popover.cjs.map

package/dist/components/popover/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","sources":["../../../src/components/popover/Popover.tsx"],"sourcesContent":["import { Portal } from '@ark-ui/react'\nimport { Popover as ArkPopover } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { popover } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps, ComponentPropsWithoutRef, ElementRef } from 'react'\nimport { forwardRef } from 'react'\n\nimport { createStyleContext } from '~/utils/slots'\n\nconst { withProvider, withContext } = createStyleContext(popover)\n\nexport const Popover = withProvider(ArkPopover.Root, undefined, {\n  defaultProps: {\n    unmountOnExit: true,\n    lazyMount: true,\n    portalled: true,\n  },\n})\nexport const PopoverCloseTrigger = withContext(styled(ArkPopover.CloseTrigger), 'closeTrigger')\nexport const PopoverTrigger = withContext(styled(ArkPopover.Trigger), 'trigger')\nexport const PopoverAnchor = withContext(styled(ArkPopover.Anchor), 'anchor')\n\nconst PopoverPositioner = withContext(styled(ArkPopover.Positioner), 'positioner')\n\nconst Content = forwardRef<ElementRef<typeof ArkPopover.Content>, ComponentPropsWithoutRef<typeof ArkPopover.Content>>(\n  ({ children, ...props }, ref) => (\n    <Portal>\n      <PopoverPositioner>\n        <ArkPopover.Content ref={ref} {...props}>\n          {children}\n        </ArkPopover.Content>\n      </PopoverPositioner>\n    </Portal>\n  ),\n)\nContent.displayName = ArkPopover.Content.displayName\n\nexport const PopoverContent = withContext(styled(Content), 'content')\nexport const PopoverContext = ArkPopover.Context\n\nexport interface PopoverProps extends ComponentProps<typeof Popover> {}\nexport interface PopoverCloseTriggerProps extends ComponentProps<typeof PopoverCloseTrigger> {}\nexport interface PopoverContentProps extends ComponentProps<typeof PopoverContent> {}\nexport interface PopoverTriggerProps extends ComponentProps<typeof PopoverTrigger> {}\nexport interface PopoverAnchorProps extends ComponentProps<typeof PopoverAnchor> {}\nexport interface PopoverContextProps extends ComponentProps<typeof PopoverContext> {}\n"],"names":["withProvider","withContext","createStyleContext","popover","Popover","ArkPopover","PopoverCloseTrigger","styled","PopoverTrigger","PopoverAnchor","PopoverPositioner","Content","forwardRef","children","props","ref","Portal","jsx","PopoverContent","PopoverContext"],"mappings":"uSASM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,OAAO,EAEnDC,EAAUJ,EAAaK,UAAW,KAAM,OAAW,CAC9D,aAAc,CACZ,cAAe,GACf,UAAW,GACX,UAAW,EAAA,CAEf,CAAC,EACYC,EAAsBL,EAAYM,EAAAA,OAAOF,EAAAA,QAAW,YAAY,EAAG,cAAc,EACjFG,EAAiBP,EAAYM,EAAAA,OAAOF,EAAAA,QAAW,OAAO,EAAG,SAAS,EAClEI,EAAgBR,EAAYM,EAAAA,OAAOF,EAAAA,QAAW,MAAM,EAAG,QAAQ,EAEtEK,EAAoBT,EAAYM,EAAAA,OAAOF,EAAAA,QAAW,UAAU,EAAG,YAAY,EAE3EM,EAAUC,EAAAA,WACd,CAAC,CAAE,SAAAC,EAAU,GAAGC,GAASC,UACtBC,EAAAA,OAAA,CACC,SAAAC,MAACP,GACC,SAAAO,EAAAA,IAACZ,EAAAA,QAAW,QAAX,CAAmB,IAAAU,EAAW,GAAGD,EAC/B,SAAAD,EACH,EACF,CAAA,CACF,CAEJ,EACAF,EAAQ,YAAcN,UAAW,QAAQ,YAElC,MAAMa,EAAiBjB,EAAYM,SAAOI,CAAO,EAAG,SAAS,EACvDQ,EAAiBd,EAAAA,QAAW"}
+{"version":3,"file":"Popover.cjs","names":[],"sources":["../../../src/components/popover/Popover.tsx"],"sourcesContent":["import { Portal } from '@ark-ui/react'\nimport { Popover as ArkPopover } from '@ark-ui/react'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { popover } from '@stokelp/styled-system/recipes'\nimport type { ComponentProps, ComponentPropsWithoutRef, ElementRef } from 'react'\nimport { forwardRef } from 'react'\n\nimport { createStyleContext } from '~/utils/slots'\n\nconst { withProvider, withContext } = createStyleContext(popover)\n\nexport const Popover = withProvider(ArkPopover.Root, undefined, {\n  defaultProps: {\n    unmountOnExit: true,\n    lazyMount: true,\n    portalled: true,\n  },\n})\nexport const PopoverCloseTrigger = withContext(styled(ArkPopover.CloseTrigger), 'closeTrigger')\nexport const PopoverTrigger = withContext(styled(ArkPopover.Trigger), 'trigger')\nexport const PopoverAnchor = withContext(styled(ArkPopover.Anchor), 'anchor')\n\nconst PopoverPositioner = withContext(styled(ArkPopover.Positioner), 'positioner')\n\nconst Content = forwardRef<ElementRef<typeof ArkPopover.Content>, ComponentPropsWithoutRef<typeof ArkPopover.Content>>(\n  ({ children, ...props }, ref) => (\n    <Portal>\n      <PopoverPositioner>\n        <ArkPopover.Content ref={ref} {...props}>\n          {children}\n        </ArkPopover.Content>\n      </PopoverPositioner>\n    </Portal>\n  ),\n)\nContent.displayName = ArkPopover.Content.displayName\n\nexport const PopoverContent = withContext(styled(Content), 'content')\nexport const PopoverContext = ArkPopover.Context\n\nexport interface PopoverProps extends ComponentProps<typeof Popover> {}\nexport interface PopoverCloseTriggerProps extends ComponentProps<typeof PopoverCloseTrigger> {}\nexport interface PopoverContentProps extends ComponentProps<typeof PopoverContent> {}\nexport interface PopoverTriggerProps extends ComponentProps<typeof PopoverTrigger> {}\nexport interface PopoverAnchorProps extends ComponentProps<typeof PopoverAnchor> {}\nexport interface PopoverContextProps extends ComponentProps<typeof PopoverContext> {}\n"],"mappings":"2NASA,GAAM,CAAE,eAAc,eAAgB,EAAA,mBAAmB,EAAA,OAAO,EAEnD,EAAU,EAAa,EAAA,QAAW,KAAM,IAAA,GAAW,CAC9D,aAAc,CACZ,cAAe,GACf,UAAW,GACX,UAAW,EACb,CACF,CAAC,EACY,EAAsB,GAAA,EAAA,EAAA,QAAmB,EAAA,QAAW,YAAY,EAAG,cAAc,EACjF,EAAiB,GAAA,EAAA,EAAA,QAAmB,EAAA,QAAW,OAAO,EAAG,SAAS,EAClE,EAAgB,GAAA,EAAA,EAAA,QAAmB,EAAA,QAAW,MAAM,EAAG,QAAQ,EAEtE,EAAoB,GAAA,EAAA,EAAA,QAAmB,EAAA,QAAW,UAAU,EAAG,YAAY,EAE3E,GAAA,EAAA,EAAA,aACH,CAAE,WAAU,GAAG,GAAS,KACvB,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,QAAW,QAAZ,CAAyB,MAAK,GAAI,EAC/B,UACiB,CAAA,CACH,CAAA,CACb,CAAA,CAEZ,EACA,EAAQ,YAAc,EAAA,QAAW,QAAQ,YAEzC,IAAa,EAAiB,GAAA,EAAA,EAAA,QAAmB,CAAO,EAAG,SAAS,EACvD,EAAiB,EAAA,QAAW"}