@nuka-ui/core 1.1.2 → 1.1.4

package/dist/components/NavigationMenu/NavigationMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuTrigger.js","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport {\n  useNavigationMenuContext,\n  useNavigationMenuItemContext,\n} from \"@nuka/components/NavigationMenu/NavigationMenu.context\";\nimport { navigateToAdjacentItem } from \"@nuka/components/NavigationMenu/NavigationMenu.utils\";\n\nexport interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n}\n\nfunction NavigationMenuTrigger({\n  ref,\n  className,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: NavigationMenuTriggerProps) {\n  const rootCtx = useNavigationMenuContext();\n  const itemCtx = useNavigationMenuItemContext();\n  const composedRef = composeRefs(\n    ref,\n    itemCtx.refs.setReference,\n    (el: HTMLButtonElement | null) => {\n      rootCtx.registerItem(itemCtx.value, el);\n      if (el) {\n        rootCtx.itemLabels.current.set(\n          itemCtx.value,\n          el.textContent.trim() || itemCtx.value,\n        );\n      } else {\n        rootCtx.itemLabels.current.delete(itemCtx.value);\n      }\n    },\n  );\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    itemCtx.onOpenChange(!itemCtx.open);\n    onClick?.(e);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    switch (e.key) {\n      case \"ArrowRight\": {\n        e.preventDefault();\n        if (itemCtx.open) {\n          itemCtx.onOpenChange(false);\n        }\n        navigateToAdjacentItem(rootCtx, itemCtx.value, 1);\n        break;\n      }\n      case \"ArrowLeft\": {\n        e.preventDefault();\n        if (itemCtx.open) {\n          itemCtx.onOpenChange(false);\n        }\n        navigateToAdjacentItem(rootCtx, itemCtx.value, -1);\n        break;\n      }\n      case \"ArrowDown\": {\n        if (!itemCtx.open) {\n          e.preventDefault();\n          itemCtx.onOpenChange(true);\n        }\n        break;\n      }\n    }\n  };\n\n  const triggerProps = itemCtx.getReferenceProps({\n    ...props,\n    onClick: handleClick,\n    onKeyDown: handleKeyDown,\n  });\n\n  return (\n    <button\n      ref={composedRef}\n      type=\"button\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={itemCtx.open}\n      aria-controls={itemCtx.contentId}\n      className={cn(\n        \"inline-flex items-center gap-(--space-1)\",\n        \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n        \"text-sm font-medium\",\n        \"text-(--nuka-text-base)\",\n        \"select-none\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"data-[state=open]:bg-(--nuka-bg-muted)\",\n        className,\n      )}\n      data-state={itemCtx.open ? \"open\" : \"closed\"}\n      // Safe: Floating UI getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers.\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n      tabIndex={itemCtx.value === rootCtx.rovingValue ? 0 : -1}\n    >\n      {children}\n      <Icon\n        size=\"sm\"\n        className={cn(\n          \"transition-transform duration-200\",\n          itemCtx.open && \"rotate-180\",\n        )}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      </Icon>\n    </button>\n  );\n}\n\nNavigationMenuTrigger.displayName = \"NavigationMenuTrigger\";\n\nexport { NavigationMenuTrigger };\n"],"mappings":";;;;;;;;;AAeA,SAAS,EAAsB,EAC7B,QACA,cACA,aACA,YACA,cACA,GAAG,KAC0B;CAC7B,IAAM,IAAU,GAA0B,EACpC,IAAU,GAA8B,EACxC,IAAc,EAClB,GACA,EAAQ,KAAK,eACZ,MAAiC;AAEhC,EADA,EAAQ,aAAa,EAAQ,OAAO,EAAG,EACnC,IACF,EAAQ,WAAW,QAAQ,IACzB,EAAQ,OACR,EAAG,YAAY,MAAM,IAAI,EAAQ,MAClC,GAED,EAAQ,WAAW,QAAQ,OAAO,EAAQ,MAAM;GAGrD,EAEK,KAAe,MAA2C;AAE9D,EADA,EAAQ,aAAa,CAAC,EAAQ,KAAK,EACnC,IAAU,EAAE;IAGR,KAAiB,MAA8C;AACnE,UAAY,EAAE,EACV,GAAE,iBAEN,SAAQ,EAAE,KAAV;GACE,KAAK;AAKH,IAJA,EAAE,gBAAgB,EACd,EAAQ,QACV,EAAQ,aAAa,GAAM,EAE7B,EAAuB,GAAS,EAAQ,OAAO,EAAE;AACjD;GAEF,KAAK;AAKH,IAJA,EAAE,gBAAgB,EACd,EAAQ,QACV,EAAQ,aAAa,GAAM,EAE7B,EAAuB,GAAS,EAAQ,OAAO,GAAG;AAClD;GAEF,KAAK;AACH,IAAK,EAAQ,SACX,EAAE,gBAAgB,EAClB,EAAQ,aAAa,GAAK;AAE5B;;IAKA,IAAe,EAAQ,kBAAkB;EAC7C,GAAG;EACH,SAAS;EACT,WAAW;EACZ,CAAC;AAEF,QACE,kBAAC,UAAD;EACE,KAAK;EACL,MAAK;EACL,iBAAc;EACd,iBAAe,EAAQ;EACvB,iBAAe,EAAQ;EACvB,WAAW,EACT,4CACA,uDACA,uBACA,2BACA,eACA,8BACA,0DACA,+CACA,0CACA,EACD;EACD,cAAY,EAAQ,OAAO,SAAS;EAGpC,GAAK;EACL,UAAU,EAAQ,UAAU,EAAQ,cAAc,IAAI;YAtBxD,CAwBG,GACD,kBAAC,GAAD;GACE,MAAK;GACL,WAAW,EACT,qCACA,EAAQ,QAAQ,aACjB;aAED,kBAAC,OAAD;IACE,OAAM;IACN,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;cAEf,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;IACrB,CAAA;GACD,CAAA,CACA;;;AAIb,EAAsB,cAAc"}
+{"version":3,"file":"NavigationMenuTrigger.js","names":[],"sources":["../../../src/components/NavigationMenu/NavigationMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport {\n  useNavigationMenuContext,\n  useNavigationMenuItemContext,\n} from \"@nuka/components/NavigationMenu/NavigationMenu.context\";\nimport { navigateToAdjacentItem } from \"@nuka/components/NavigationMenu/NavigationMenu.utils\";\n\nexport interface NavigationMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n}\n\nfunction NavigationMenuTrigger({\n  ref,\n  className,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: NavigationMenuTriggerProps) {\n  const rootCtx = useNavigationMenuContext();\n  const itemCtx = useNavigationMenuItemContext();\n  const composedRef = composeRefs(\n    ref,\n    itemCtx.refs.setReference,\n    (el: HTMLButtonElement | null) => {\n      rootCtx.registerItem(itemCtx.value, el);\n      if (el) {\n        rootCtx.itemLabels.current.set(\n          itemCtx.value,\n          el.textContent.trim() || itemCtx.value,\n        );\n      } else {\n        rootCtx.itemLabels.current.delete(itemCtx.value);\n      }\n    },\n  );\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    itemCtx.onOpenChange(!itemCtx.open);\n    onClick?.(e);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    switch (e.key) {\n      case \"ArrowRight\": {\n        e.preventDefault();\n        if (itemCtx.open) {\n          itemCtx.onOpenChange(false);\n        }\n        navigateToAdjacentItem(rootCtx, itemCtx.value, 1);\n        break;\n      }\n      case \"ArrowLeft\": {\n        e.preventDefault();\n        if (itemCtx.open) {\n          itemCtx.onOpenChange(false);\n        }\n        navigateToAdjacentItem(rootCtx, itemCtx.value, -1);\n        break;\n      }\n      case \"ArrowDown\": {\n        if (!itemCtx.open) {\n          e.preventDefault();\n          itemCtx.onOpenChange(true);\n        }\n        break;\n      }\n    }\n  };\n\n  const triggerProps = itemCtx.getReferenceProps({\n    ...props,\n    onClick: handleClick,\n    onKeyDown: handleKeyDown,\n  });\n\n  return (\n    <button\n      ref={composedRef}\n      type=\"button\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={itemCtx.open}\n      aria-controls={itemCtx.contentId}\n      className={cn(\n        \"inline-flex items-center gap-(--space-1)\",\n        \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n        \"text-sm font-[number:var(--font-weight-medium)]\",\n        \"text-(--nuka-text-base)\",\n        \"select-none\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"data-[state=open]:bg-(--nuka-bg-muted)\",\n        className,\n      )}\n      data-slot=\"trigger\"\n      data-state={itemCtx.open ? \"open\" : \"closed\"}\n      // Safe: Floating UI getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers.\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n      tabIndex={itemCtx.value === rootCtx.rovingValue ? 0 : -1}\n    >\n      {children}\n      <Icon\n        size=\"sm\"\n        className={cn(\n          \"transition-transform duration-200\",\n          itemCtx.open && \"rotate-180\",\n        )}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      </Icon>\n    </button>\n  );\n}\n\nNavigationMenuTrigger.displayName = \"NavigationMenuTrigger\";\n\nexport { NavigationMenuTrigger };\n"],"mappings":";;;;;;;;;AAeA,SAAS,EAAsB,EAC7B,QACA,cACA,aACA,YACA,cACA,GAAG,KAC0B;CAC7B,IAAM,IAAU,GAA0B,EACpC,IAAU,GAA8B,EACxC,IAAc,EAClB,GACA,EAAQ,KAAK,eACZ,MAAiC;AAEhC,EADA,EAAQ,aAAa,EAAQ,OAAO,EAAG,EACnC,IACF,EAAQ,WAAW,QAAQ,IACzB,EAAQ,OACR,EAAG,YAAY,MAAM,IAAI,EAAQ,MAClC,GAED,EAAQ,WAAW,QAAQ,OAAO,EAAQ,MAAM;GAGrD,EAEK,KAAe,MAA2C;AAE9D,EADA,EAAQ,aAAa,CAAC,EAAQ,KAAK,EACnC,IAAU,EAAE;IAGR,KAAiB,MAA8C;AACnE,UAAY,EAAE,EACV,GAAE,iBAEN,SAAQ,EAAE,KAAV;GACE,KAAK;AAKH,IAJA,EAAE,gBAAgB,EACd,EAAQ,QACV,EAAQ,aAAa,GAAM,EAE7B,EAAuB,GAAS,EAAQ,OAAO,EAAE;AACjD;GAEF,KAAK;AAKH,IAJA,EAAE,gBAAgB,EACd,EAAQ,QACV,EAAQ,aAAa,GAAM,EAE7B,EAAuB,GAAS,EAAQ,OAAO,GAAG;AAClD;GAEF,KAAK;AACH,IAAK,EAAQ,SACX,EAAE,gBAAgB,EAClB,EAAQ,aAAa,GAAK;AAE5B;;IAKA,IAAe,EAAQ,kBAAkB;EAC7C,GAAG;EACH,SAAS;EACT,WAAW;EACZ,CAAC;AAEF,QACE,kBAAC,UAAD;EACE,KAAK;EACL,MAAK;EACL,iBAAc;EACd,iBAAe,EAAQ;EACvB,iBAAe,EAAQ;EACvB,WAAW,EACT,4CACA,uDACA,mDACA,2BACA,eACA,8BACA,0DACA,+CACA,0CACA,EACD;EACD,aAAU;EACV,cAAY,EAAQ,OAAO,SAAS;EAGpC,GAAK;EACL,UAAU,EAAQ,UAAU,EAAQ,cAAc,IAAI;YAvBxD,CAyBG,GACD,kBAAC,GAAD;GACE,MAAK;GACL,WAAW,EACT,qCACA,EAAQ,QAAQ,aACjB;aAED,kBAAC,OAAD;IACE,OAAM;IACN,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;cAEf,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;IACrB,CAAA;GACD,CAAA,CACA;;;AAIb,EAAsB,cAAc"}

package/dist/components/NumberInput/NumberInput.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`../Icon/Icon.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`../Input/Input.variants.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c(e,t,n){let r=e;return t!==void 0&&r<t&&(r=t),n!==void 0&&r>n&&(r=n),r}function l({ref:e,className:l,intent:u,size:d,value:f,defaultValue:p,min:m,max:h,step:g=1,onValueChange:_,showControls:v=!0,incrementLabel:y=`Increment`,decrementLabel:b=`Decrement`,id:x,disabled:S,"aria-label":C,"aria-labelledby":w,...T}){let E=i.useFormFieldProps({id:x,disabled:S,"aria-invalid":T[`aria-invalid`],"aria-describedby":T[`aria-describedby`],"aria-required":T[`aria-required`]}),[D,O]=n.useControllableState(f,p??c(0,m,h),_),[k,A]=o.useState(null),j=k??String(D);process.env.NODE_ENV!==`production`&&!C&&!w&&!E.resolvedId&&console.warn(`[nuka-ui] NumberInput: provide aria-label, aria-labelledby, or wrap in FormField for accessibility.`);let M=m!==void 0&&D<=m,N=h!==void 0&&D>=h,P=e=>{O(c(D+g*e,m,h))},F=e=>{let t=e.target.value;if(A(t),t===``||t===`-`)return;let n=Number(t);Number.isNaN(n)||O(c(n,m,h))},I=()=>{(k===``||k===`-`)&&O(c(D,m,h)),A(null)},L=(e,n,i)=>(0,s.jsx)(`button`,{type:`button`,"aria-label":e===`increment`?y:b,tabIndex:0,disabled:E.resolvedDisabled===!0||n,onClick:()=>P(e===`increment`?1:-1),className:t.cn(`inline-flex items-center justify-center`,`px-(--space-2) text-(--nuka-text-muted)`,`hover:text-(--nuka-text-base) hover:bg-(--nuka-bg-muted)`,`disabled:opacity-50 disabled:pointer-events-none`,`transition-colors cursor-pointer`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,e===`decrement`&&`rounded-l-(--radius-md)`,e===`increment`&&`rounded-r-(--radius-md)`),children:(0,s.jsx)(r.Icon,{size:`sm`,children:i})}),R=(0,s.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,s.jsx)(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`})}),z=(0,s.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,s.jsx)(`line`,{x1:`12`,y1:`5`,x2:`12`,y2:`19`}),(0,s.jsx)(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`})]}),B=E.ariaInvalid??(u===`danger`?!0:void 0);return(0,s.jsxs)(`div`,{role:`group`,"aria-label":C,"aria-labelledby":w,className:t.cn(`inline-flex items-stretch`,l),children:[v&&L(`decrement`,M,R),(0,s.jsx)(`input`,{ref:e,type:`number`,id:E.resolvedId,value:j,onChange:F,onBlur:I,min:m,max:h,step:g,disabled:E.resolvedDisabled,className:t.cn(a.inputVariants({intent:u,size:d}),`text-center rounded-none`,`[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none`,!v&&`rounded-(--radius-md)`),"aria-invalid":B,"aria-describedby":E.ariaDescribedBy,"aria-required":E.ariaRequired,...T}),v&&L(`increment`,N,z)]})}l.displayName=`NumberInput`,exports.NumberInput=l;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`../Icon/Icon.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`../Input/Input.variants.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c(e,t,n){let r=e;return t!==void 0&&r<t&&(r=t),n!==void 0&&r>n&&(r=n),r}function l({ref:e,className:l,intent:u,size:d,value:f,defaultValue:p,min:m,max:h,step:g=1,onValueChange:_,showControls:v=!0,incrementLabel:y=`Increment`,decrementLabel:b=`Decrement`,id:x,disabled:S,"aria-label":C,"aria-labelledby":w,...T}){let E=i.useFormFieldProps({id:x,disabled:S,"aria-invalid":T[`aria-invalid`],"aria-describedby":T[`aria-describedby`],"aria-required":T[`aria-required`]}),[D,O]=n.useControllableState(f,p??c(0,m,h),_),[k,A]=o.useState(null),j=k??String(D);process.env.NODE_ENV!==`production`&&!C&&!w&&!E.resolvedId&&console.warn(`[nuka-ui] NumberInput: provide aria-label, aria-labelledby, or wrap in FormField for accessibility.`);let M=m!==void 0&&D<=m,N=h!==void 0&&D>=h,P=e=>{O(c(D+g*e,m,h))},F=e=>{let t=e.target.value;if(A(t),t===``||t===`-`)return;let n=Number(t);Number.isNaN(n)||O(c(n,m,h))},I=()=>{(k===``||k===`-`)&&O(c(D,m,h)),A(null)},L=(e,n,i)=>(0,s.jsx)(`button`,{type:`button`,"aria-label":e===`increment`?y:b,tabIndex:0,disabled:E.resolvedDisabled===!0||n,onClick:()=>P(e===`increment`?1:-1),"data-slot":e,className:t.cn(`inline-flex items-center justify-center`,`px-(--space-2) text-(--nuka-text-muted)`,`hover:text-(--nuka-text-base) hover:bg-(--nuka-bg-muted)`,`disabled:opacity-50 disabled:pointer-events-none`,`transition-colors cursor-pointer`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,e===`decrement`&&`rounded-l-(--radius-md)`,e===`increment`&&`rounded-r-(--radius-md)`),children:(0,s.jsx)(r.Icon,{size:`sm`,children:i})}),R=(0,s.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,s.jsx)(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`})}),z=(0,s.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,s.jsx)(`line`,{x1:`12`,y1:`5`,x2:`12`,y2:`19`}),(0,s.jsx)(`line`,{x1:`5`,y1:`12`,x2:`19`,y2:`12`})]}),B=E.ariaInvalid??(u===`danger`?!0:void 0);return(0,s.jsxs)(`div`,{role:`group`,"aria-label":C,"aria-labelledby":w,className:t.cn(`inline-flex items-stretch`,l),"data-slot":`root`,children:[v&&L(`decrement`,M,R),(0,s.jsx)(`input`,{ref:e,type:`number`,id:E.resolvedId,value:j,onChange:F,onBlur:I,min:m,max:h,step:g,disabled:E.resolvedDisabled,className:t.cn(a.inputVariants({intent:u,size:d}),`text-center rounded-none`,`[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none`,!v&&`rounded-(--radius-md)`),"aria-invalid":B,"aria-describedby":E.ariaDescribedBy,"aria-required":E.ariaRequired,"data-slot":`input`,...T}),v&&L(`increment`,N,z)]})}l.displayName=`NumberInput`,exports.NumberInput=l;
 //# sourceMappingURL=NumberInput.cjs.map

package/dist/components/NumberInput/NumberInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.cjs","names":[],"sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  inputVariants,\n  type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface NumberInputProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"size\" | \"type\" | \"onChange\"\n    >,\n    InputVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  value?: number;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  step?: number;\n  onValueChange?: (value: number) => void;\n  showControls?: boolean;\n  incrementLabel?: string;\n  decrementLabel?: string;\n}\n\nfunction clamp(value: number, min?: number, max?: number): number {\n  let clamped = value;\n  if (min !== undefined && clamped < min) clamped = min;\n  if (max !== undefined && clamped > max) clamped = max;\n  return clamped;\n}\n\nfunction NumberInput({\n  ref,\n  className,\n  intent,\n  size,\n  value: controlledValue,\n  defaultValue,\n  min,\n  max,\n  step = 1,\n  onValueChange,\n  showControls = true,\n  incrementLabel = \"Increment\",\n  decrementLabel = \"Decrement\",\n  id,\n  disabled,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  ...props\n}: NumberInputProps) {\n  const field = useFormFieldProps({\n    id,\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue ?? clamp(0, min, max),\n    onValueChange,\n  );\n\n  const [editText, setEditText] = React.useState<string | null>(null);\n  const inputValue = editText ?? String(currentValue);\n\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!ariaLabel && !ariaLabelledBy && !field.resolvedId) {\n      console.warn(\n        \"[nuka-ui] NumberInput: provide aria-label, aria-labelledby, or wrap in FormField for accessibility.\",\n      );\n    }\n  }\n\n  const atMin = min !== undefined && currentValue <= min;\n  const atMax = max !== undefined && currentValue >= max;\n\n  const nudge = (direction: 1 | -1) => {\n    setCurrentValue(clamp(currentValue + step * direction, min, max));\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = e.target.value;\n    setEditText(raw);\n    if (raw === \"\" || raw === \"-\") return;\n    const parsed = Number(raw);\n    if (!Number.isNaN(parsed)) {\n      setCurrentValue(clamp(parsed, min, max));\n    }\n  };\n\n  const handleBlur = () => {\n    if (editText === \"\" || editText === \"-\") {\n      setCurrentValue(clamp(currentValue, min, max));\n    }\n    setEditText(null);\n  };\n\n  const controlButton = (\n    direction: \"increment\" | \"decrement\",\n    isDisabled: boolean,\n    icon: React.ReactNode,\n  ) => (\n    <button\n      type=\"button\"\n      aria-label={direction === \"increment\" ? incrementLabel : decrementLabel}\n      tabIndex={0}\n      disabled={field.resolvedDisabled === true || isDisabled}\n      onClick={() => nudge(direction === \"increment\" ? 1 : -1)}\n      className={cn(\n        \"inline-flex items-center justify-center\",\n        \"px-(--space-2) text-(--nuka-text-muted)\",\n        \"hover:text-(--nuka-text-base) hover:bg-(--nuka-bg-muted)\",\n        \"disabled:opacity-50 disabled:pointer-events-none\",\n        \"transition-colors cursor-pointer\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n        direction === \"decrement\" && \"rounded-l-(--radius-md)\",\n        direction === \"increment\" && \"rounded-r-(--radius-md)\",\n      )}\n    >\n      <Icon size=\"sm\">{icon as React.ReactElement}</Icon>\n    </button>\n  );\n\n  const minusSvg = (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n\n  const plusSvg = (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n\n  const ariaInvalid =\n    field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      className={cn(\"inline-flex items-stretch\", className)}\n    >\n      {showControls && controlButton(\"decrement\", atMin, minusSvg)}\n      <input\n        ref={ref}\n        type=\"number\"\n        id={field.resolvedId}\n        value={inputValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        min={min}\n        max={max}\n        step={step}\n        disabled={field.resolvedDisabled}\n        className={cn(\n          inputVariants({ intent, size }),\n          \"text-center rounded-none\",\n          \"[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none\",\n          !showControls && \"rounded-(--radius-md)\",\n        )}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        {...props}\n      />\n      {showControls && controlButton(\"increment\", atMax, plusSvg)}\n    </div>\n  );\n}\n\nNumberInput.displayName = \"NumberInput\";\n\nexport { NumberInput };\n"],"mappings":"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"}
+{"version":3,"file":"NumberInput.cjs","names":[],"sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  inputVariants,\n  type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface NumberInputProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"size\" | \"type\" | \"onChange\"\n    >,\n    InputVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  value?: number;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  step?: number;\n  onValueChange?: (value: number) => void;\n  showControls?: boolean;\n  incrementLabel?: string;\n  decrementLabel?: string;\n}\n\nfunction clamp(value: number, min?: number, max?: number): number {\n  let clamped = value;\n  if (min !== undefined && clamped < min) clamped = min;\n  if (max !== undefined && clamped > max) clamped = max;\n  return clamped;\n}\n\nfunction NumberInput({\n  ref,\n  className,\n  intent,\n  size,\n  value: controlledValue,\n  defaultValue,\n  min,\n  max,\n  step = 1,\n  onValueChange,\n  showControls = true,\n  incrementLabel = \"Increment\",\n  decrementLabel = \"Decrement\",\n  id,\n  disabled,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  ...props\n}: NumberInputProps) {\n  const field = useFormFieldProps({\n    id,\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue ?? clamp(0, min, max),\n    onValueChange,\n  );\n\n  const [editText, setEditText] = React.useState<string | null>(null);\n  const inputValue = editText ?? String(currentValue);\n\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!ariaLabel && !ariaLabelledBy && !field.resolvedId) {\n      console.warn(\n        \"[nuka-ui] NumberInput: provide aria-label, aria-labelledby, or wrap in FormField for accessibility.\",\n      );\n    }\n  }\n\n  const atMin = min !== undefined && currentValue <= min;\n  const atMax = max !== undefined && currentValue >= max;\n\n  const nudge = (direction: 1 | -1) => {\n    setCurrentValue(clamp(currentValue + step * direction, min, max));\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = e.target.value;\n    setEditText(raw);\n    if (raw === \"\" || raw === \"-\") return;\n    const parsed = Number(raw);\n    if (!Number.isNaN(parsed)) {\n      setCurrentValue(clamp(parsed, min, max));\n    }\n  };\n\n  const handleBlur = () => {\n    if (editText === \"\" || editText === \"-\") {\n      setCurrentValue(clamp(currentValue, min, max));\n    }\n    setEditText(null);\n  };\n\n  const controlButton = (\n    direction: \"increment\" | \"decrement\",\n    isDisabled: boolean,\n    icon: React.ReactNode,\n  ) => (\n    <button\n      type=\"button\"\n      aria-label={direction === \"increment\" ? incrementLabel : decrementLabel}\n      tabIndex={0}\n      disabled={field.resolvedDisabled === true || isDisabled}\n      onClick={() => nudge(direction === \"increment\" ? 1 : -1)}\n      data-slot={direction}\n      className={cn(\n        \"inline-flex items-center justify-center\",\n        \"px-(--space-2) text-(--nuka-text-muted)\",\n        \"hover:text-(--nuka-text-base) hover:bg-(--nuka-bg-muted)\",\n        \"disabled:opacity-50 disabled:pointer-events-none\",\n        \"transition-colors cursor-pointer\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n        direction === \"decrement\" && \"rounded-l-(--radius-md)\",\n        direction === \"increment\" && \"rounded-r-(--radius-md)\",\n      )}\n    >\n      <Icon size=\"sm\">{icon as React.ReactElement}</Icon>\n    </button>\n  );\n\n  const minusSvg = (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n\n  const plusSvg = (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n\n  const ariaInvalid =\n    field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      className={cn(\"inline-flex items-stretch\", className)}\n      data-slot=\"root\"\n    >\n      {showControls && controlButton(\"decrement\", atMin, minusSvg)}\n      <input\n        ref={ref}\n        type=\"number\"\n        id={field.resolvedId}\n        value={inputValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        min={min}\n        max={max}\n        step={step}\n        disabled={field.resolvedDisabled}\n        className={cn(\n          inputVariants({ intent, size }),\n          \"text-center rounded-none\",\n          \"[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none\",\n          !showControls && \"rounded-(--radius-md)\",\n        )}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        data-slot=\"input\"\n        {...props}\n      />\n      {showControls && controlButton(\"increment\", atMax, plusSvg)}\n    </div>\n  );\n}\n\nNumberInput.displayName = \"NumberInput\";\n\nexport { NumberInput };\n"],"mappings":"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"}

package/dist/components/NumberInput/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,WAAW,gBACf,SACE,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,UAAU,CAC7B,EACD,iBAAiB;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AASD,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,SAAS,EACT,MAAM,EACN,IAAI,EACJ,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,GAAG,EACH,GAAG,EACH,IAAQ,EACR,aAAa,EACb,YAAmB,EACnB,cAA4B,EAC5B,cAA4B,EAC5B,EAAE,EACF,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA6IlB;kBAhKQ,WAAW;;;AAoKpB,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,WAAW,gBACf,SACE,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,UAAU,CAC7B,EACD,iBAAiB;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AASD,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,SAAS,EACT,MAAM,EACN,IAAI,EACJ,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,GAAG,EACH,GAAG,EACH,IAAQ,EACR,aAAa,EACb,YAAmB,EACnB,cAA4B,EAC5B,cAA4B,EAC5B,EAAE,EACF,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAgJlB;kBAnKQ,WAAW;;;AAuKpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/NumberInput/NumberInput.js

@@ -35,6 +35,7 @@ function l({ ref: l, className: u, intent: d, size: f, value: p, defaultValue: m
 		tabIndex: 0,
 		disabled: D.resolvedDisabled === !0 || r,
 		onClick: () => F(t === "increment" ? 1 : -1),
+		"data-slot": t,
 		className: e("inline-flex items-center justify-center", "px-(--space-2) text-(--nuka-text-muted)", "hover:text-(--nuka-text-base) hover:bg-(--nuka-bg-muted)", "disabled:opacity-50 disabled:pointer-events-none", "transition-colors cursor-pointer", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)", t === "decrement" && "rounded-l-(--radius-md)", t === "increment" && "rounded-r-(--radius-md)"),
 		children: /* @__PURE__ */ o(n, {
 			size: "sm",
@@ -79,6 +80,7 @@ function l({ ref: l, className: u, intent: d, size: f, value: p, defaultValue: m
 		"aria-label": w,
 		"aria-labelledby": T,
 		className: e("inline-flex items-stretch", u),
+		"data-slot": "root",
 		children: [
 			y && R("decrement", N, z),
 			/* @__PURE__ */ o("input", {
@@ -99,6 +101,7 @@ function l({ ref: l, className: u, intent: d, size: f, value: p, defaultValue: m
 				"aria-invalid": V,
 				"aria-describedby": D.ariaDescribedBy,
 				"aria-required": D.ariaRequired,
+				"data-slot": "input",
 				...E
 			}),
 			y && R("increment", P, B)

package/dist/components/NumberInput/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","names":[],"sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  inputVariants,\n  type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface NumberInputProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"size\" | \"type\" | \"onChange\"\n    >,\n    InputVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  value?: number;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  step?: number;\n  onValueChange?: (value: number) => void;\n  showControls?: boolean;\n  incrementLabel?: string;\n  decrementLabel?: string;\n}\n\nfunction clamp(value: number, min?: number, max?: number): number {\n  let clamped = value;\n  if (min !== undefined && clamped < min) clamped = min;\n  if (max !== undefined && clamped > max) clamped = max;\n  return clamped;\n}\n\nfunction NumberInput({\n  ref,\n  className,\n  intent,\n  size,\n  value: controlledValue,\n  defaultValue,\n  min,\n  max,\n  step = 1,\n  onValueChange,\n  showControls = true,\n  incrementLabel = \"Increment\",\n  decrementLabel = \"Decrement\",\n  id,\n  disabled,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  ...props\n}: NumberInputProps) {\n  const field = useFormFieldProps({\n    id,\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue ?? clamp(0, min, max),\n    onValueChange,\n  );\n\n  const [editText, setEditText] = React.useState<string | null>(null);\n  const inputValue = editText ?? String(currentValue);\n\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!ariaLabel && !ariaLabelledBy && !field.resolvedId) {\n      console.warn(\n        \"[nuka-ui] NumberInput: provide aria-label, aria-labelledby, or wrap in FormField for accessibility.\",\n      );\n    }\n  }\n\n  const atMin = min !== undefined && currentValue <= min;\n  const atMax = max !== undefined && currentValue >= max;\n\n  const nudge = (direction: 1 | -1) => {\n    setCurrentValue(clamp(currentValue + step * direction, min, max));\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = e.target.value;\n    setEditText(raw);\n    if (raw === \"\" || raw === \"-\") return;\n    const parsed = Number(raw);\n    if (!Number.isNaN(parsed)) {\n      setCurrentValue(clamp(parsed, min, max));\n    }\n  };\n\n  const handleBlur = () => {\n    if (editText === \"\" || editText === \"-\") {\n      setCurrentValue(clamp(currentValue, min, max));\n    }\n    setEditText(null);\n  };\n\n  const controlButton = (\n    direction: \"increment\" | \"decrement\",\n    isDisabled: boolean,\n    icon: React.ReactNode,\n  ) => (\n    <button\n      type=\"button\"\n      aria-label={direction === \"increment\" ? incrementLabel : decrementLabel}\n      tabIndex={0}\n      disabled={field.resolvedDisabled === true || isDisabled}\n      onClick={() => nudge(direction === \"increment\" ? 1 : -1)}\n      className={cn(\n        \"inline-flex items-center justify-center\",\n        \"px-(--space-2) text-(--nuka-text-muted)\",\n        \"hover:text-(--nuka-text-base) hover:bg-(--nuka-bg-muted)\",\n        \"disabled:opacity-50 disabled:pointer-events-none\",\n        \"transition-colors cursor-pointer\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n        direction === \"decrement\" && \"rounded-l-(--radius-md)\",\n        direction === \"increment\" && \"rounded-r-(--radius-md)\",\n      )}\n    >\n      <Icon size=\"sm\">{icon as React.ReactElement}</Icon>\n    </button>\n  );\n\n  const minusSvg = (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n\n  const plusSvg = (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n\n  const ariaInvalid =\n    field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      className={cn(\"inline-flex items-stretch\", className)}\n    >\n      {showControls && controlButton(\"decrement\", atMin, minusSvg)}\n      <input\n        ref={ref}\n        type=\"number\"\n        id={field.resolvedId}\n        value={inputValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        min={min}\n        max={max}\n        step={step}\n        disabled={field.resolvedDisabled}\n        className={cn(\n          inputVariants({ intent, size }),\n          \"text-center rounded-none\",\n          \"[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none\",\n          !showControls && \"rounded-(--radius-md)\",\n        )}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        {...props}\n      />\n      {showControls && controlButton(\"increment\", atMax, plusSvg)}\n    </div>\n  );\n}\n\nNumberInput.displayName = \"NumberInput\";\n\nexport { NumberInput };\n"],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","names":[],"sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  inputVariants,\n  type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface NumberInputProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"size\" | \"type\" | \"onChange\"\n    >,\n    InputVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  value?: number;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  step?: number;\n  onValueChange?: (value: number) => void;\n  showControls?: boolean;\n  incrementLabel?: string;\n  decrementLabel?: string;\n}\n\nfunction clamp(value: number, min?: number, max?: number): number {\n  let clamped = value;\n  if (min !== undefined && clamped < min) clamped = min;\n  if (max !== undefined && clamped > max) clamped = max;\n  return clamped;\n}\n\nfunction NumberInput({\n  ref,\n  className,\n  intent,\n  size,\n  value: controlledValue,\n  defaultValue,\n  min,\n  max,\n  step = 1,\n  onValueChange,\n  showControls = true,\n  incrementLabel = \"Increment\",\n  decrementLabel = \"Decrement\",\n  id,\n  disabled,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  ...props\n}: NumberInputProps) {\n  const field = useFormFieldProps({\n    id,\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue ?? clamp(0, min, max),\n    onValueChange,\n  );\n\n  const [editText, setEditText] = React.useState<string | null>(null);\n  const inputValue = editText ?? String(currentValue);\n\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!ariaLabel && !ariaLabelledBy && !field.resolvedId) {\n      console.warn(\n        \"[nuka-ui] NumberInput: provide aria-label, aria-labelledby, or wrap in FormField for accessibility.\",\n      );\n    }\n  }\n\n  const atMin = min !== undefined && currentValue <= min;\n  const atMax = max !== undefined && currentValue >= max;\n\n  const nudge = (direction: 1 | -1) => {\n    setCurrentValue(clamp(currentValue + step * direction, min, max));\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = e.target.value;\n    setEditText(raw);\n    if (raw === \"\" || raw === \"-\") return;\n    const parsed = Number(raw);\n    if (!Number.isNaN(parsed)) {\n      setCurrentValue(clamp(parsed, min, max));\n    }\n  };\n\n  const handleBlur = () => {\n    if (editText === \"\" || editText === \"-\") {\n      setCurrentValue(clamp(currentValue, min, max));\n    }\n    setEditText(null);\n  };\n\n  const controlButton = (\n    direction: \"increment\" | \"decrement\",\n    isDisabled: boolean,\n    icon: React.ReactNode,\n  ) => (\n    <button\n      type=\"button\"\n      aria-label={direction === \"increment\" ? incrementLabel : decrementLabel}\n      tabIndex={0}\n      disabled={field.resolvedDisabled === true || isDisabled}\n      onClick={() => nudge(direction === \"increment\" ? 1 : -1)}\n      data-slot={direction}\n      className={cn(\n        \"inline-flex items-center justify-center\",\n        \"px-(--space-2) text-(--nuka-text-muted)\",\n        \"hover:text-(--nuka-text-base) hover:bg-(--nuka-bg-muted)\",\n        \"disabled:opacity-50 disabled:pointer-events-none\",\n        \"transition-colors cursor-pointer\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n        direction === \"decrement\" && \"rounded-l-(--radius-md)\",\n        direction === \"increment\" && \"rounded-r-(--radius-md)\",\n      )}\n    >\n      <Icon size=\"sm\">{icon as React.ReactElement}</Icon>\n    </button>\n  );\n\n  const minusSvg = (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n\n  const plusSvg = (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n\n  const ariaInvalid =\n    field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      className={cn(\"inline-flex items-stretch\", className)}\n      data-slot=\"root\"\n    >\n      {showControls && controlButton(\"decrement\", atMin, minusSvg)}\n      <input\n        ref={ref}\n        type=\"number\"\n        id={field.resolvedId}\n        value={inputValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        min={min}\n        max={max}\n        step={step}\n        disabled={field.resolvedDisabled}\n        className={cn(\n          inputVariants({ intent, size }),\n          \"text-center rounded-none\",\n          \"[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none\",\n          !showControls && \"rounded-(--radius-md)\",\n        )}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        data-slot=\"input\"\n        {...props}\n      />\n      {showControls && controlButton(\"increment\", atMax, plusSvg)}\n    </div>\n  );\n}\n\nNumberInput.displayName = \"NumberInput\";\n\nexport { NumberInput };\n"],"mappings":"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"}

package/dist/components/Pagination/Pagination.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,"aria-label":n=`Pagination`,className:i,...a}){return(0,r.jsx)(`nav`,{ref:e,"aria-label":n,className:t.cn(`mx-auto flex w-full justify-center`,i),...a})}i.displayName=`Pagination`,exports.Pagination=i;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,"aria-label":n=`Pagination`,className:i,...a}){return(0,r.jsx)(`nav`,{ref:e,"aria-label":n,className:t.cn(`mx-auto flex w-full justify-center`,i),"data-slot":`root`,...a})}i.displayName=`Pagination`,exports.Pagination=i;
 //# sourceMappingURL=Pagination.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs","names":[],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction Pagination({\n  ref,\n  \"aria-label\": ariaLabel = \"Pagination\",\n  className,\n  ...props\n}: PaginationProps) {\n  return (\n    <nav\n      ref={ref}\n      aria-label={ariaLabel}\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\nPagination.displayName = \"Pagination\";\n\nexport { Pagination };\n"],"mappings":"mKAQA,SAAS,EAAW,CAClB,MACA,aAAc,EAAY,aAC1B,YACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,aAAY,EACZ,UAAW,EAAA,GAAG,qCAAsC,EAAU,CAC9D,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc"}
+{"version":3,"file":"Pagination.cjs","names":[],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction Pagination({\n  ref,\n  \"aria-label\": ariaLabel = \"Pagination\",\n  className,\n  ...props\n}: PaginationProps) {\n  return (\n    <nav\n      ref={ref}\n      aria-label={ariaLabel}\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      data-slot=\"root\"\n      {...props}\n    />\n  );\n}\n\nPagination.displayName = \"Pagination\";\n\nexport { Pagination };\n"],"mappings":"gLAUA,SAAS,EAAW,CAClB,MACA,aAAc,EAAY,aAC1B,YACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,aAAY,EACZ,UAAW,EAAA,GAAG,qCAAsC,EAAU,CAC9D,YAAU,OACV,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,YAAY,EAAE,SAAwB,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CASjB;kBAdQ,UAAU;;;AAkBnB,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,YAAY,EAAE,SAAwB,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAUjB;kBAfQ,UAAU;;;AAmBnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Pagination/Pagination.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
@@ -7,6 +8,7 @@ function n({ ref: n, "aria-label": r = "Pagination", className: i, ...a }) {
 		ref: n,
 		"aria-label": r,
 		className: e("mx-auto flex w-full justify-center", i),
+		"data-slot": "root",
 		...a
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction Pagination({\n  ref,\n  \"aria-label\": ariaLabel = \"Pagination\",\n  className,\n  ...props\n}: PaginationProps) {\n  return (\n    <nav\n      ref={ref}\n      aria-label={ariaLabel}\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\nPagination.displayName = \"Pagination\";\n\nexport { Pagination };\n"],"mappings":";;;;AAQA,SAAS,EAAW,EAClB,QACA,cAAc,IAAY,cAC1B,cACA,GAAG,KACe;AAClB,QACE,kBAAC,OAAD;EACO;EACL,cAAY;EACZ,WAAW,EAAG,sCAAsC,EAAU;EAC9D,GAAI;EACJ,CAAA;;AAIN,EAAW,cAAc"}
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction Pagination({\n  ref,\n  \"aria-label\": ariaLabel = \"Pagination\",\n  className,\n  ...props\n}: PaginationProps) {\n  return (\n    <nav\n      ref={ref}\n      aria-label={ariaLabel}\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      data-slot=\"root\"\n      {...props}\n    />\n  );\n}\n\nPagination.displayName = \"Pagination\";\n\nexport { Pagination };\n"],"mappings":";;;;;AAUA,SAAS,EAAW,EAClB,QACA,cAAc,IAAY,cAC1B,cACA,GAAG,KACe;AAClB,QACE,kBAAC,OAAD;EACO;EACL,cAAY;EACZ,WAAW,EAAG,sCAAsC,EAAU;EAC9D,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAW,cAAc"}

package/dist/components/Pagination/PaginationContent.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`ul`,{ref:e,className:t.cn(`flex items-center gap-(--space-1)`,`list-none`,n),...i})}i.displayName=`PaginationContent`,exports.PaginationContent=i;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`ul`,{ref:e,className:t.cn(`flex items-center gap-(--space-1)`,`list-none`,n),"data-slot":`list`,...i})}i.displayName=`PaginationContent`,exports.PaginationContent=i;
 //# sourceMappingURL=PaginationContent.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationContent.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationContentProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n}\n\nfunction PaginationContent({\n  ref,\n  className,\n  ...props\n}: PaginationContentProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-1)\",\n        \"list-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nPaginationContent.displayName = \"PaginationContent\";\n\nexport { PaginationContent };\n"],"mappings":"mKAOA,SAAS,EAAkB,CACzB,MACA,YACA,GAAG,GACsB,CACzB,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,oCACA,YACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAkB,YAAc"}
+{"version":3,"file":"PaginationContent.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationContent.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationContentProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n}\n\nfunction PaginationContent({\n  ref,\n  className,\n  ...props\n}: PaginationContentProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-1)\",\n        \"list-none\",\n        className,\n      )}\n      data-slot=\"list\"\n      {...props}\n    />\n  );\n}\n\nPaginationContent.displayName = \"PaginationContent\";\n\nexport { PaginationContent };\n"],"mappings":"gLASA,SAAS,EAAkB,CACzB,MACA,YACA,GAAG,GACsB,CACzB,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,oCACA,YACA,EACD,CACD,YAAU,OACV,GAAI,EACJ,CAAA,CAIN,EAAkB,YAAc"}

package/dist/components/Pagination/PaginationContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationContent.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACpF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAYxB;kBAhBQ,iBAAiB;;;AAoB1B,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"PaginationContent.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACpF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAaxB;kBAjBQ,iBAAiB;;;AAqB1B,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Pagination/PaginationContent.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
@@ -6,6 +7,7 @@ function n({ ref: n, className: r, ...i }) {
 	return /* @__PURE__ */ t("ul", {
 		ref: n,
 		className: e("flex items-center gap-(--space-1)", "list-none", r),
+		"data-slot": "list",
 		...i
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationContent.js","names":[],"sources":["../../../src/components/Pagination/PaginationContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationContentProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n}\n\nfunction PaginationContent({\n  ref,\n  className,\n  ...props\n}: PaginationContentProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-1)\",\n        \"list-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nPaginationContent.displayName = \"PaginationContent\";\n\nexport { PaginationContent };\n"],"mappings":";;;;AAOA,SAAS,EAAkB,EACzB,QACA,cACA,GAAG,KACsB;AACzB,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EACT,qCACA,aACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAkB,cAAc"}
+{"version":3,"file":"PaginationContent.js","names":[],"sources":["../../../src/components/Pagination/PaginationContent.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationContentProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n}\n\nfunction PaginationContent({\n  ref,\n  className,\n  ...props\n}: PaginationContentProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-1)\",\n        \"list-none\",\n        className,\n      )}\n      data-slot=\"list\"\n      {...props}\n    />\n  );\n}\n\nPaginationContent.displayName = \"PaginationContent\";\n\nexport { PaginationContent };\n"],"mappings":";;;;;AASA,SAAS,EAAkB,EACzB,QACA,cACA,GAAG,KACsB;AACzB,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EACT,qCACA,aACA,EACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAkB,cAAc"}

package/dist/components/Pagination/PaginationEllipsis.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{ref:e,"aria-hidden":`true`,className:t.cn(`flex items-center justify-center size-8`,`text-(--nuka-text-muted)`,n),...i,children:`...`}),(0,r.jsx)(`span`,{className:`sr-only`,children:`More pages`})]})}i.displayName=`PaginationEllipsis`,exports.PaginationEllipsis=i;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{ref:e,"aria-hidden":`true`,className:t.cn(`flex items-center justify-center size-8`,`text-(--nuka-text-muted)`,n),"data-slot":`ellipsis`,...i,children:`...`}),(0,r.jsx)(`span`,{className:`sr-only`,children:`More pages`})]})}i.displayName=`PaginationEllipsis`,exports.PaginationEllipsis=i;
 //# sourceMappingURL=PaginationEllipsis.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationEllipsis.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationEllipsis.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n}\n\nfunction PaginationEllipsis({\n  ref,\n  className,\n  ...props\n}: PaginationEllipsisProps) {\n  return (\n    <>\n      <span\n        ref={ref}\n        aria-hidden=\"true\"\n        className={cn(\n          \"flex items-center justify-center size-8\",\n          \"text-(--nuka-text-muted)\",\n          className,\n        )}\n        {...props}\n      >\n        ...\n      </span>\n      <span className=\"sr-only\">More pages</span>\n    </>\n  );\n}\n\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport { PaginationEllipsis };\n"],"mappings":"mKAOA,SAAS,EAAmB,CAC1B,MACA,YACA,GAAG,GACuB,CAC1B,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,OAAD,CACO,MACL,cAAY,OACZ,UAAW,EAAA,GACT,0CACA,2BACA,EACD,CACD,GAAI,WACL,MAEM,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,aAAiB,CAAA,CAC1C,CAAA,CAAA,CAIP,EAAmB,YAAc"}
+{"version":3,"file":"PaginationEllipsis.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationEllipsis.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n}\n\nfunction PaginationEllipsis({\n  ref,\n  className,\n  ...props\n}: PaginationEllipsisProps) {\n  return (\n    <>\n      <span\n        ref={ref}\n        aria-hidden=\"true\"\n        className={cn(\n          \"flex items-center justify-center size-8\",\n          \"text-(--nuka-text-muted)\",\n          className,\n        )}\n        data-slot=\"ellipsis\"\n        {...props}\n      >\n        ...\n      </span>\n      <span className=\"sr-only\">More pages</span>\n    </>\n  );\n}\n\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport { PaginationEllipsis };\n"],"mappings":"gLASA,SAAS,EAAmB,CAC1B,MACA,YACA,GAAG,GACuB,CAC1B,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,OAAD,CACO,MACL,cAAY,OACZ,UAAW,EAAA,GACT,0CACA,2BACA,EACD,CACD,YAAU,WACV,GAAI,WACL,MAEM,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,aAAiB,CAAA,CAC1C,CAAA,CAAA,CAIP,EAAmB,YAAc"}

package/dist/components/Pagination/PaginationEllipsis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationEllipsis.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationEllipsis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACpF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;CAC9C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAkBzB;kBAtBQ,kBAAkB;;;AA0B3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"PaginationEllipsis.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationEllipsis.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACpF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;CAC9C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAmBzB;kBAvBQ,kBAAkB;;;AA2B3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/Pagination/PaginationEllipsis.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import "react";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
@@ -7,6 +8,7 @@ function i({ ref: i, className: a, ...o }) {
 		ref: i,
 		"aria-hidden": "true",
 		className: e("flex items-center justify-center size-8", "text-(--nuka-text-muted)", a),
+		"data-slot": "ellipsis",
 		...o,
 		children: "..."
 	}), /* @__PURE__ */ n("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationEllipsis.js","names":[],"sources":["../../../src/components/Pagination/PaginationEllipsis.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n}\n\nfunction PaginationEllipsis({\n  ref,\n  className,\n  ...props\n}: PaginationEllipsisProps) {\n  return (\n    <>\n      <span\n        ref={ref}\n        aria-hidden=\"true\"\n        className={cn(\n          \"flex items-center justify-center size-8\",\n          \"text-(--nuka-text-muted)\",\n          className,\n        )}\n        {...props}\n      >\n        ...\n      </span>\n      <span className=\"sr-only\">More pages</span>\n    </>\n  );\n}\n\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport { PaginationEllipsis };\n"],"mappings":";;;;AAOA,SAAS,EAAmB,EAC1B,QACA,cACA,GAAG,KACuB;AAC1B,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;EACO;EACL,eAAY;EACZ,WAAW,EACT,2CACA,4BACA,EACD;EACD,GAAI;YACL;EAEM,CAAA,EACP,kBAAC,QAAD;EAAM,WAAU;YAAU;EAAiB,CAAA,CAC1C,EAAA,CAAA;;AAIP,EAAmB,cAAc"}
+{"version":3,"file":"PaginationEllipsis.js","names":[],"sources":["../../../src/components/Pagination/PaginationEllipsis.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n}\n\nfunction PaginationEllipsis({\n  ref,\n  className,\n  ...props\n}: PaginationEllipsisProps) {\n  return (\n    <>\n      <span\n        ref={ref}\n        aria-hidden=\"true\"\n        className={cn(\n          \"flex items-center justify-center size-8\",\n          \"text-(--nuka-text-muted)\",\n          className,\n        )}\n        data-slot=\"ellipsis\"\n        {...props}\n      >\n        ...\n      </span>\n      <span className=\"sr-only\">More pages</span>\n    </>\n  );\n}\n\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport { PaginationEllipsis };\n"],"mappings":";;;;;AASA,SAAS,EAAmB,EAC1B,QACA,cACA,GAAG,KACuB;AAC1B,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;EACO;EACL,eAAY;EACZ,WAAW,EACT,2CACA,4BACA,EACD;EACD,aAAU;EACV,GAAI;YACL;EAEM,CAAA,EACP,kBAAC,QAAD;EAAM,WAAU;YAAU;EAAiB,CAAA,CAC1C,EAAA,CAAA;;AAIP,EAAmB,cAAc"}

package/dist/components/Pagination/PaginationItem.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);let n=require(`react/jsx-runtime`);function r({ref:e,...t}){return(0,n.jsx)(`li`,{ref:e,...t})}r.displayName=`PaginationItem`,exports.PaginationItem=r;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);let n=require(`react/jsx-runtime`);function r({ref:e,...t}){return(0,n.jsx)(`li`,{ref:e,"data-slot":`item`,...t})}r.displayName=`PaginationItem`,exports.PaginationItem=r;
 //# sourceMappingURL=PaginationItem.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationItem.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationItem.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface PaginationItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n}\n\nfunction PaginationItem({ ref, ...props }: PaginationItemProps) {\n  return <li ref={ref} {...props} />;\n}\n\nPaginationItem.displayName = \"PaginationItem\";\n\nexport { PaginationItem };\n"],"mappings":"mIAMA,SAAS,EAAe,CAAE,MAAK,GAAG,GAA8B,CAC9D,OAAO,EAAA,EAAA,KAAC,KAAD,CAAS,MAAK,GAAI,EAAS,CAAA,CAGpC,EAAe,YAAc"}
+{"version":3,"file":"PaginationItem.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationItem.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport interface PaginationItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n}\n\nfunction PaginationItem({ ref, ...props }: PaginationItemProps) {\n  return <li ref={ref} data-slot=\"item\" {...props} />;\n}\n\nPaginationItem.displayName = \"PaginationItem\";\n\nexport { PaginationItem };\n"],"mappings":"gJAQA,SAAS,EAAe,CAAE,MAAK,GAAG,GAA8B,CAC9D,OAAO,EAAA,EAAA,KAAC,KAAD,CAAS,MAAK,YAAU,OAAO,GAAI,EAAS,CAAA,CAGrD,EAAe,YAAc"}

package/dist/components/Pagination/PaginationItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationItem.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAChF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;CAC5C;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAE7D;kBAFQ,cAAc;;;AAMvB,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"PaginationItem.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAChF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;CAC5C;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAE7D;kBAFQ,cAAc;;;AAMvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Pagination/PaginationItem.js

@@ -1,9 +1,11 @@
+"use client";
 import "react";
 import { jsx as e } from "react/jsx-runtime";
 //#region src/components/Pagination/PaginationItem.tsx
 function t({ ref: t, ...n }) {
 	return /* @__PURE__ */ e("li", {
 		ref: t,
+		"data-slot": "item",
 		...n
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationItem.js","names":[],"sources":["../../../src/components/Pagination/PaginationItem.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface PaginationItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n}\n\nfunction PaginationItem({ ref, ...props }: PaginationItemProps) {\n  return <li ref={ref} {...props} />;\n}\n\nPaginationItem.displayName = \"PaginationItem\";\n\nexport { PaginationItem };\n"],"mappings":";;;AAMA,SAAS,EAAe,EAAE,QAAK,GAAG,KAA8B;AAC9D,QAAO,kBAAC,MAAD;EAAS;EAAK,GAAI;EAAS,CAAA;;AAGpC,EAAe,cAAc"}
+{"version":3,"file":"PaginationItem.js","names":[],"sources":["../../../src/components/Pagination/PaginationItem.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport interface PaginationItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n}\n\nfunction PaginationItem({ ref, ...props }: PaginationItemProps) {\n  return <li ref={ref} data-slot=\"item\" {...props} />;\n}\n\nPaginationItem.displayName = \"PaginationItem\";\n\nexport { PaginationItem };\n"],"mappings":";;;;AAQA,SAAS,EAAe,EAAE,QAAK,GAAG,KAA8B;AAC9D,QAAO,kBAAC,MAAD;EAAS;EAAK,aAAU;EAAO,GAAI;EAAS,CAAA;;AAGrD,EAAe,cAAc"}

package/dist/components/Pagination/PaginationLink.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`../Button/Button.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,isActive:r=!1,asChild:a=!1,className:o,...s}){return(0,i.jsx)(n.Button,{asChild:!0,variant:r?`outline`:`ghost`,size:`sm`,className:o,children:(0,i.jsx)(a?t.Slot:`a`,{ref:e,"aria-current":r?`page`:void 0,...s})})}a.displayName=`PaginationLink`,exports.PaginationLink=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`../Button/Button.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,isActive:r=!1,asChild:a=!1,className:o,...s}){return(0,i.jsx)(n.Button,{asChild:!0,variant:r?`outline`:`ghost`,size:`sm`,className:o,children:(0,i.jsx)(a?t.Slot:`a`,{ref:e,"aria-current":r?`page`:void 0,"data-slot":`link`,...s})})}a.displayName=`PaginationLink`,exports.PaginationLink=a;
 //# sourceMappingURL=PaginationLink.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationLink.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationLink.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { Button } from \"@nuka/components/Button\";\n\nexport interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  isActive?: boolean;\n  asChild?: boolean;\n}\n\nfunction PaginationLink({\n  ref,\n  isActive = false,\n  asChild = false,\n  className,\n  ...props\n}: PaginationLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Button\n      asChild\n      variant={isActive ? \"outline\" : \"ghost\"}\n      size=\"sm\"\n      className={className}\n    >\n      <Comp ref={ref} aria-current={isActive ? \"page\" : undefined} {...props} />\n    </Button>\n  );\n}\n\nPaginationLink.displayName = \"PaginationLink\";\n\nexport { PaginationLink };\n"],"mappings":"uMAUA,SAAS,EAAe,CACtB,MACA,WAAW,GACX,UAAU,GACV,YACA,GAAG,GACmB,CAGtB,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAA,GACA,QAAS,EAAW,UAAY,QAChC,KAAK,KACM,sBAEX,EAAA,EAAA,KATS,EAAU,EAAA,KAAO,IAS1B,CAAW,MAAK,eAAc,EAAW,OAAS,IAAA,GAAW,GAAI,EAAS,CAAA,CACnE,CAAA,CAIb,EAAe,YAAc"}
+{"version":3,"file":"PaginationLink.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationLink.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { Button } from \"@nuka/components/Button\";\n\nexport interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  isActive?: boolean;\n  asChild?: boolean;\n}\n\nfunction PaginationLink({\n  ref,\n  isActive = false,\n  asChild = false,\n  className,\n  ...props\n}: PaginationLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Button\n      asChild\n      variant={isActive ? \"outline\" : \"ghost\"}\n      size=\"sm\"\n      className={className}\n    >\n      <Comp\n        ref={ref}\n        aria-current={isActive ? \"page\" : undefined}\n        data-slot=\"link\"\n        {...props}\n      />\n    </Button>\n  );\n}\n\nPaginationLink.displayName = \"PaginationLink\";\n\nexport { PaginationLink };\n"],"mappings":"oNAYA,SAAS,EAAe,CACtB,MACA,WAAW,GACX,UAAU,GACV,YACA,GAAG,GACmB,CAGtB,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAA,GACA,QAAS,EAAW,UAAY,QAChC,KAAK,KACM,sBAEX,EAAA,EAAA,KATS,EAAU,EAAA,KAAO,IAS1B,CACO,MACL,eAAc,EAAW,OAAS,IAAA,GAClC,YAAU,OACV,GAAI,EACJ,CAAA,CACK,CAAA,CAIb,EAAe,YAAc"}

package/dist/components/Pagination/PaginationLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationLink.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,QAAgB,EAChB,OAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAarB;kBAnBQ,cAAc;;;AAuBvB,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"PaginationLink.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,QAAgB,EAChB,OAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAkBrB;kBAxBQ,cAAc;;;AA4BvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Pagination/PaginationLink.js

@@ -1,3 +1,4 @@
+"use client";
 import { Slot as e } from "../../utils/slot.js";
 import { Button as t } from "../Button/Button.js";
 import "react";
@@ -12,6 +13,7 @@ function r({ ref: r, isActive: i = !1, asChild: a = !1, className: o, ...s }) {
 		children: /* @__PURE__ */ n(a ? e : "a", {
 			ref: r,
 			"aria-current": i ? "page" : void 0,
+			"data-slot": "link",
 			...s
 		})
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationLink.js","names":[],"sources":["../../../src/components/Pagination/PaginationLink.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { Button } from \"@nuka/components/Button\";\n\nexport interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  isActive?: boolean;\n  asChild?: boolean;\n}\n\nfunction PaginationLink({\n  ref,\n  isActive = false,\n  asChild = false,\n  className,\n  ...props\n}: PaginationLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Button\n      asChild\n      variant={isActive ? \"outline\" : \"ghost\"}\n      size=\"sm\"\n      className={className}\n    >\n      <Comp ref={ref} aria-current={isActive ? \"page\" : undefined} {...props} />\n    </Button>\n  );\n}\n\nPaginationLink.displayName = \"PaginationLink\";\n\nexport { PaginationLink };\n"],"mappings":";;;;;AAUA,SAAS,EAAe,EACtB,QACA,cAAW,IACX,aAAU,IACV,cACA,GAAG,KACmB;AAGtB,QACE,kBAAC,GAAD;EACE,SAAA;EACA,SAAS,IAAW,YAAY;EAChC,MAAK;EACM;YAEX,kBATS,IAAU,IAAO,KAS1B;GAAW;GAAK,gBAAc,IAAW,SAAS,KAAA;GAAW,GAAI;GAAS,CAAA;EACnE,CAAA;;AAIb,EAAe,cAAc"}
+{"version":3,"file":"PaginationLink.js","names":[],"sources":["../../../src/components/Pagination/PaginationLink.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { Button } from \"@nuka/components/Button\";\n\nexport interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  isActive?: boolean;\n  asChild?: boolean;\n}\n\nfunction PaginationLink({\n  ref,\n  isActive = false,\n  asChild = false,\n  className,\n  ...props\n}: PaginationLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Button\n      asChild\n      variant={isActive ? \"outline\" : \"ghost\"}\n      size=\"sm\"\n      className={className}\n    >\n      <Comp\n        ref={ref}\n        aria-current={isActive ? \"page\" : undefined}\n        data-slot=\"link\"\n        {...props}\n      />\n    </Button>\n  );\n}\n\nPaginationLink.displayName = \"PaginationLink\";\n\nexport { PaginationLink };\n"],"mappings":";;;;;;AAYA,SAAS,EAAe,EACtB,QACA,cAAW,IACX,aAAU,IACV,cACA,GAAG,KACmB;AAGtB,QACE,kBAAC,GAAD;EACE,SAAA;EACA,SAAS,IAAW,YAAY;EAChC,MAAK;EACM;YAEX,kBATS,IAAU,IAAO,KAS1B;GACO;GACL,gBAAc,IAAW,SAAS,KAAA;GAClC,aAAU;GACV,GAAI;GACJ,CAAA;EACK,CAAA;;AAIb,EAAe,cAAc"}

package/dist/components/Pagination/PaginationNext.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`../Button/Button.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=()=>(0,a.jsx)(n.Icon,{size:`sm`,children:(0,a.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,a.jsx)(`path`,{d:`m9 18 6-6-6-6`})})});function s({ref:e,disabled:n=!1,asChild:s=!1,className:c,children:l,onClick:u,...d}){let f=n?e=>{e.preventDefault()}:u;if(s&&i.isValidElement(l)){let s=l,u=s.props.children??`Next`;return(0,a.jsx)(r.Button,{asChild:!0,variant:`ghost`,size:`sm`,className:c,disabled:n,children:i.cloneElement(s,{ref:t.composeRefs(e,s.props.ref),"aria-label":`Go to next page`,...d},u,(0,a.jsx)(o,{}))})}return(0,a.jsx)(r.Button,{asChild:!0,variant:`ghost`,size:`sm`,className:c,disabled:n,children:(0,a.jsxs)(n?`span`:`a`,{ref:e,"aria-label":`Go to next page`,onClick:f,...d,...n?{role:`link`,"aria-disabled":!0}:{},children:[l??`Next`,(0,a.jsx)(o,{})]})})}s.displayName=`PaginationNext`,exports.PaginationNext=s;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`../Button/Button.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=()=>(0,a.jsx)(n.Icon,{size:`sm`,children:(0,a.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,a.jsx)(`path`,{d:`m9 18 6-6-6-6`})})});function s({ref:e,disabled:n=!1,asChild:s=!1,className:c,children:l,onClick:u,"aria-label":d=`Go to next page`,...f}){if(n)return(0,a.jsxs)(r.Button,{variant:`ghost`,size:`sm`,className:c,disabled:!0,"aria-label":d,"data-slot":`next`,children:[l??`Next`,(0,a.jsx)(o,{})]});if(s&&i.isValidElement(l)){let n=l,s=n.props.children??`Next`;return(0,a.jsx)(r.Button,{asChild:!0,variant:`ghost`,size:`sm`,className:c,children:i.cloneElement(n,{ref:t.composeRefs(e,n.props.ref),"aria-label":d,"data-slot":`next`,...f},s,(0,a.jsx)(o,{}))})}return(0,a.jsx)(r.Button,{asChild:!0,variant:`ghost`,size:`sm`,className:c,children:(0,a.jsxs)(`a`,{ref:e,"aria-label":d,"data-slot":`next`,onClick:u,...f,children:[l??`Next`,(0,a.jsx)(o,{})]})})}s.displayName=`PaginationNext`,exports.PaginationNext=s;
 //# sourceMappingURL=PaginationNext.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationNext.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationNext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Button } from \"@nuka/components/Button\";\nimport { Icon } from \"@nuka/components/Icon\";\n\ninterface PaginationChildProps {\n  ref?: React.Ref<HTMLElement>;\n  children?: React.ReactNode;\n  [key: string]: unknown;\n}\n\nexport interface PaginationNextProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  disabled?: boolean;\n  asChild?: boolean;\n}\n\nconst NextIcon = () => (\n  <Icon size=\"sm\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  </Icon>\n);\n\nfunction PaginationNext({\n  ref,\n  disabled = false,\n  asChild = false,\n  className,\n  children,\n  onClick,\n  ...props\n}: PaginationNextProps) {\n  const handleClick = disabled\n    ? (e: React.MouseEvent<HTMLAnchorElement>) => {\n        e.preventDefault();\n      }\n    : onClick;\n\n  if (asChild && React.isValidElement<PaginationChildProps>(children)) {\n    const child = children;\n    const label = child.props.children ?? \"Next\";\n\n    return (\n      <Button\n        asChild\n        variant=\"ghost\"\n        size=\"sm\"\n        className={className}\n        disabled={disabled}\n      >\n        {React.cloneElement(\n          child,\n          {\n            ref: composeRefs(ref as React.Ref<HTMLElement>, child.props.ref),\n            \"aria-label\": \"Go to next page\",\n            ...props,\n          },\n          label,\n          <NextIcon />,\n        )}\n      </Button>\n    );\n  }\n\n  const Comp = disabled ? \"span\" : \"a\";\n\n  return (\n    <Button\n      asChild\n      variant=\"ghost\"\n      size=\"sm\"\n      className={className}\n      disabled={disabled}\n    >\n      {/* Comp is a union of \"span\" | \"a\"; TypeScript cannot unify their ref\n          types. This widening cast is safe because both accept HTMLElement. */}\n      <Comp\n        ref={ref as React.Ref<never>}\n        aria-label=\"Go to next page\"\n        onClick={handleClick}\n        {...props}\n        {...(disabled ? { role: \"link\" as const, \"aria-disabled\": true } : {})}\n      >\n        {children ?? \"Next\"}\n        <NextIcon />\n      </Comp>\n    </Button>\n  );\n}\n\nPaginationNext.displayName = \"PaginationNext\";\n\nexport { PaginationNext };\n"],"mappings":"qOAiBA,IAAM,OACJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,gBAAkB,CAAA,CACtB,CAAA,CACD,CAAA,CAGT,SAAS,EAAe,CACtB,MACA,WAAW,GACX,UAAU,GACV,YACA,WACA,UACA,GAAG,GACmB,CACtB,IAAM,EAAc,EACf,GAA2C,CAC1C,EAAE,gBAAgB,EAEpB,EAEJ,GAAI,GAAW,EAAM,eAAqC,EAAS,CAAE,CACnE,IAAM,EAAQ,EACR,EAAQ,EAAM,MAAM,UAAY,OAEtC,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAA,GACA,QAAQ,QACR,KAAK,KACM,YACD,oBAET,EAAM,aACL,EACA,CACE,IAAK,EAAA,YAAY,EAA+B,EAAM,MAAM,IAAI,CAChE,aAAc,kBACd,GAAG,EACJ,CACD,GACA,EAAA,EAAA,KAAC,EAAD,EAAY,CAAA,CACb,CACM,CAAA,CAMb,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAA,GACA,QAAQ,QACR,KAAK,KACM,YACD,qBAIV,EAAA,EAAA,MAZS,EAAW,OAAS,IAY7B,CACO,MACL,aAAW,kBACX,QAAS,EACT,GAAI,EACJ,GAAK,EAAW,CAAE,KAAM,OAAiB,gBAAiB,GAAM,CAAG,EAAE,UALvE,CAOG,GAAY,QACb,EAAA,EAAA,KAAC,EAAD,EAAY,CAAA,CACP,GACA,CAAA,CAIb,EAAe,YAAc"}
+{"version":3,"file":"PaginationNext.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationNext.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Button } from \"@nuka/components/Button\";\nimport { Icon } from \"@nuka/components/Icon\";\n\ninterface PaginationChildProps {\n  ref?: React.Ref<HTMLElement>;\n  children?: React.ReactNode;\n  [key: string]: unknown;\n}\n\nexport interface PaginationNextProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  disabled?: boolean;\n  /**\n   * When true, merges into the child element instead of rendering an `<a>`.\n   * The child's children are replaced with the built-in chevron icon and a\n   * text label. Pass a single-element child (e.g. `<Link />`) with plain text\n   * children; rich JSX children will be replaced by the label fallback.\n   * For custom icon or label arrangements, use `PaginationLink` directly.\n   */\n  asChild?: boolean;\n}\n\nconst NextIcon = () => (\n  <Icon size=\"sm\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  </Icon>\n);\n\nfunction PaginationNext({\n  ref,\n  disabled = false,\n  asChild = false,\n  className,\n  children,\n  onClick,\n  \"aria-label\": ariaLabel = \"Go to next page\",\n  ...props\n}: PaginationNextProps) {\n  if (disabled) {\n    return (\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        className={className}\n        disabled\n        aria-label={ariaLabel}\n        data-slot=\"next\"\n      >\n        {children ?? \"Next\"}\n        <NextIcon />\n      </Button>\n    );\n  }\n\n  if (asChild && React.isValidElement<PaginationChildProps>(children)) {\n    const child = children;\n    const label = child.props.children ?? \"Next\";\n\n    return (\n      <Button asChild variant=\"ghost\" size=\"sm\" className={className}>\n        {React.cloneElement(\n          child,\n          {\n            ref: composeRefs(ref as React.Ref<HTMLElement>, child.props.ref),\n            \"aria-label\": ariaLabel,\n            \"data-slot\": \"next\",\n            ...props,\n          },\n          label,\n          <NextIcon />,\n        )}\n      </Button>\n    );\n  }\n\n  return (\n    <Button asChild variant=\"ghost\" size=\"sm\" className={className}>\n      <a\n        ref={ref}\n        aria-label={ariaLabel}\n        data-slot=\"next\"\n        onClick={onClick}\n        {...props}\n      >\n        {children ?? \"Next\"}\n        <NextIcon />\n      </a>\n    </Button>\n  );\n}\n\nPaginationNext.displayName = \"PaginationNext\";\n\nexport { PaginationNext };\n"],"mappings":"kPA0BA,IAAM,OACJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,gBAAkB,CAAA,CACtB,CAAA,CACD,CAAA,CAGT,SAAS,EAAe,CACtB,MACA,WAAW,GACX,UAAU,GACV,YACA,WACA,UACA,aAAc,EAAY,kBAC1B,GAAG,GACmB,CACtB,GAAI,EACF,OACE,EAAA,EAAA,MAAC,EAAA,OAAD,CACE,QAAQ,QACR,KAAK,KACM,YACX,SAAA,GACA,aAAY,EACZ,YAAU,gBANZ,CAQG,GAAY,QACb,EAAA,EAAA,KAAC,EAAD,EAAY,CAAA,CACL,GAIb,GAAI,GAAW,EAAM,eAAqC,EAAS,CAAE,CACnE,IAAM,EAAQ,EACR,EAAQ,EAAM,MAAM,UAAY,OAEtC,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,QAAA,GAAQ,QAAQ,QAAQ,KAAK,KAAgB,qBAClD,EAAM,aACL,EACA,CACE,IAAK,EAAA,YAAY,EAA+B,EAAM,MAAM,IAAI,CAChE,aAAc,EACd,YAAa,OACb,GAAG,EACJ,CACD,GACA,EAAA,EAAA,KAAC,EAAD,EAAY,CAAA,CACb,CACM,CAAA,CAIb,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,QAAA,GAAQ,QAAQ,QAAQ,KAAK,KAAgB,sBACnD,EAAA,EAAA,MAAC,IAAD,CACO,MACL,aAAY,EACZ,YAAU,OACD,UACT,GAAI,WALN,CAOG,GAAY,QACb,EAAA,EAAA,KAAC,EAAD,EAAY,CAAA,CACV,GACG,CAAA,CAIb,EAAe,YAAc"}

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

@@ -2,9 +2,16 @@ import * as React from "react";
 export interface PaginationNextProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     ref?: React.Ref<HTMLAnchorElement> | undefined;
     disabled?: boolean;
+    /**
+     * When true, merges into the child element instead of rendering an `<a>`.
+     * The child's children are replaced with the built-in chevron icon and a
+     * text label. Pass a single-element child (e.g. `<Link />`) with plain text
+     * children; rich JSX children will be replaced by the label fallback.
+     * For custom icon or label arrangements, use `PaginationLink` directly.
+     */
     asChild?: boolean;
 }
-declare function PaginationNext({ ref, disabled, asChild, className, children, onClick, ...props }: PaginationNextProps): import("react/jsx-runtime").JSX.Element;
+declare function PaginationNext({ ref, disabled, asChild, className, children, onClick, "aria-label": ariaLabel, ...props }: PaginationNextProps): import("react/jsx-runtime").JSX.Element;
 declare namespace PaginationNext {
     var displayName: string;
 }

package/dist/components/Pagination/PaginationNext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNext.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationNext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAkBD,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,QAAgB,EAChB,OAAe,EACf,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAyDrB;kBAjEQ,cAAc;;;AAqEvB,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"PaginationNext.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationNext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAkBD,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,QAAgB,EAChB,OAAe,EACf,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EAAE,SAA6B,EAC3C,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAoDrB;kBA7DQ,cAAc;;;AAiEvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Pagination/PaginationNext.js

@@ -1,3 +1,4 @@
+"use client";
 import { composeRefs as e } from "../../utils/slot.js";
 import { Icon as t } from "../Icon/Icon.js";
 import { Button as n } from "../Button/Button.js";
@@ -17,23 +18,29 @@ var o = () => /* @__PURE__ */ i(t, {
 		children: /* @__PURE__ */ i("path", { d: "m9 18 6-6-6-6" })
 	})
 });
-function s({ ref: t, disabled: s = !1, asChild: c = !1, className: l, children: u, onClick: d, ...f }) {
-	let p = s ? (e) => {
-		e.preventDefault();
-	} : d;
+function s({ ref: t, disabled: s = !1, asChild: c = !1, className: l, children: u, onClick: d, "aria-label": f = "Go to next page", ...p }) {
+	if (s) return /* @__PURE__ */ a(n, {
+		variant: "ghost",
+		size: "sm",
+		className: l,
+		disabled: !0,
+		"aria-label": f,
+		"data-slot": "next",
+		children: [u ?? "Next", /* @__PURE__ */ i(o, {})]
+	});
 	if (c && r.isValidElement(u)) {
-		let a = u, c = a.props.children ?? "Next";
+		let a = u, s = a.props.children ?? "Next";
 		return /* @__PURE__ */ i(n, {
 			asChild: !0,
 			variant: "ghost",
 			size: "sm",
 			className: l,
-			disabled: s,
 			children: r.cloneElement(a, {
 				ref: e(t, a.props.ref),
-				"aria-label": "Go to next page",
-				...f
-			}, c, /* @__PURE__ */ i(o, {}))
+				"aria-label": f,
+				"data-slot": "next",
+				...p
+			}, s, /* @__PURE__ */ i(o, {}))
 		});
 	}
 	return /* @__PURE__ */ i(n, {
@@ -41,16 +48,12 @@ function s({ ref: t, disabled: s = !1, asChild: c = !1, className: l, children:
 		variant: "ghost",
 		size: "sm",
 		className: l,
-		disabled: s,
-		children: /* @__PURE__ */ a(s ? "span" : "a", {
+		children: /* @__PURE__ */ a("a", {
 			ref: t,
-			"aria-label": "Go to next page",
-			onClick: p,
-			...f,
-			...s ? {
-				role: "link",
-				"aria-disabled": !0
-			} : {},
+			"aria-label": f,
+			"data-slot": "next",
+			onClick: d,
+			...p,
 			children: [u ?? "Next", /* @__PURE__ */ i(o, {})]
 		})
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationNext.js","names":[],"sources":["../../../src/components/Pagination/PaginationNext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Button } from \"@nuka/components/Button\";\nimport { Icon } from \"@nuka/components/Icon\";\n\ninterface PaginationChildProps {\n  ref?: React.Ref<HTMLElement>;\n  children?: React.ReactNode;\n  [key: string]: unknown;\n}\n\nexport interface PaginationNextProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  disabled?: boolean;\n  asChild?: boolean;\n}\n\nconst NextIcon = () => (\n  <Icon size=\"sm\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  </Icon>\n);\n\nfunction PaginationNext({\n  ref,\n  disabled = false,\n  asChild = false,\n  className,\n  children,\n  onClick,\n  ...props\n}: PaginationNextProps) {\n  const handleClick = disabled\n    ? (e: React.MouseEvent<HTMLAnchorElement>) => {\n        e.preventDefault();\n      }\n    : onClick;\n\n  if (asChild && React.isValidElement<PaginationChildProps>(children)) {\n    const child = children;\n    const label = child.props.children ?? \"Next\";\n\n    return (\n      <Button\n        asChild\n        variant=\"ghost\"\n        size=\"sm\"\n        className={className}\n        disabled={disabled}\n      >\n        {React.cloneElement(\n          child,\n          {\n            ref: composeRefs(ref as React.Ref<HTMLElement>, child.props.ref),\n            \"aria-label\": \"Go to next page\",\n            ...props,\n          },\n          label,\n          <NextIcon />,\n        )}\n      </Button>\n    );\n  }\n\n  const Comp = disabled ? \"span\" : \"a\";\n\n  return (\n    <Button\n      asChild\n      variant=\"ghost\"\n      size=\"sm\"\n      className={className}\n      disabled={disabled}\n    >\n      {/* Comp is a union of \"span\" | \"a\"; TypeScript cannot unify their ref\n          types. This widening cast is safe because both accept HTMLElement. */}\n      <Comp\n        ref={ref as React.Ref<never>}\n        aria-label=\"Go to next page\"\n        onClick={handleClick}\n        {...props}\n        {...(disabled ? { role: \"link\" as const, \"aria-disabled\": true } : {})}\n      >\n        {children ?? \"Next\"}\n        <NextIcon />\n      </Comp>\n    </Button>\n  );\n}\n\nPaginationNext.displayName = \"PaginationNext\";\n\nexport { PaginationNext };\n"],"mappings":";;;;;;AAiBA,IAAM,UACJ,kBAAC,GAAD;CAAM,MAAK;WACT,kBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;YAEf,kBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA;EACtB,CAAA;CACD,CAAA;AAGT,SAAS,EAAe,EACtB,QACA,cAAW,IACX,aAAU,IACV,cACA,aACA,YACA,GAAG,KACmB;CACtB,IAAM,IAAc,KACf,MAA2C;AAC1C,IAAE,gBAAgB;KAEpB;AAEJ,KAAI,KAAW,EAAM,eAAqC,EAAS,EAAE;EACnE,IAAM,IAAQ,GACR,IAAQ,EAAM,MAAM,YAAY;AAEtC,SACE,kBAAC,GAAD;GACE,SAAA;GACA,SAAQ;GACR,MAAK;GACM;GACD;aAET,EAAM,aACL,GACA;IACE,KAAK,EAAY,GAA+B,EAAM,MAAM,IAAI;IAChE,cAAc;IACd,GAAG;IACJ,EACD,GACA,kBAAC,GAAD,EAAY,CAAA,CACb;GACM,CAAA;;AAMb,QACE,kBAAC,GAAD;EACE,SAAA;EACA,SAAQ;EACR,MAAK;EACM;EACD;YAIV,kBAZS,IAAW,SAAS,KAY7B;GACO;GACL,cAAW;GACX,SAAS;GACT,GAAI;GACJ,GAAK,IAAW;IAAE,MAAM;IAAiB,iBAAiB;IAAM,GAAG,EAAE;aALvE,CAOG,KAAY,QACb,kBAAC,GAAD,EAAY,CAAA,CACP;;EACA,CAAA;;AAIb,EAAe,cAAc"}
+{"version":3,"file":"PaginationNext.js","names":[],"sources":["../../../src/components/Pagination/PaginationNext.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Button } from \"@nuka/components/Button\";\nimport { Icon } from \"@nuka/components/Icon\";\n\ninterface PaginationChildProps {\n  ref?: React.Ref<HTMLElement>;\n  children?: React.ReactNode;\n  [key: string]: unknown;\n}\n\nexport interface PaginationNextProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  disabled?: boolean;\n  /**\n   * When true, merges into the child element instead of rendering an `<a>`.\n   * The child's children are replaced with the built-in chevron icon and a\n   * text label. Pass a single-element child (e.g. `<Link />`) with plain text\n   * children; rich JSX children will be replaced by the label fallback.\n   * For custom icon or label arrangements, use `PaginationLink` directly.\n   */\n  asChild?: boolean;\n}\n\nconst NextIcon = () => (\n  <Icon size=\"sm\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  </Icon>\n);\n\nfunction PaginationNext({\n  ref,\n  disabled = false,\n  asChild = false,\n  className,\n  children,\n  onClick,\n  \"aria-label\": ariaLabel = \"Go to next page\",\n  ...props\n}: PaginationNextProps) {\n  if (disabled) {\n    return (\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        className={className}\n        disabled\n        aria-label={ariaLabel}\n        data-slot=\"next\"\n      >\n        {children ?? \"Next\"}\n        <NextIcon />\n      </Button>\n    );\n  }\n\n  if (asChild && React.isValidElement<PaginationChildProps>(children)) {\n    const child = children;\n    const label = child.props.children ?? \"Next\";\n\n    return (\n      <Button asChild variant=\"ghost\" size=\"sm\" className={className}>\n        {React.cloneElement(\n          child,\n          {\n            ref: composeRefs(ref as React.Ref<HTMLElement>, child.props.ref),\n            \"aria-label\": ariaLabel,\n            \"data-slot\": \"next\",\n            ...props,\n          },\n          label,\n          <NextIcon />,\n        )}\n      </Button>\n    );\n  }\n\n  return (\n    <Button asChild variant=\"ghost\" size=\"sm\" className={className}>\n      <a\n        ref={ref}\n        aria-label={ariaLabel}\n        data-slot=\"next\"\n        onClick={onClick}\n        {...props}\n      >\n        {children ?? \"Next\"}\n        <NextIcon />\n      </a>\n    </Button>\n  );\n}\n\nPaginationNext.displayName = \"PaginationNext\";\n\nexport { PaginationNext };\n"],"mappings":";;;;;;;AA0BA,IAAM,UACJ,kBAAC,GAAD;CAAM,MAAK;WACT,kBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;YAEf,kBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA;EACtB,CAAA;CACD,CAAA;AAGT,SAAS,EAAe,EACtB,QACA,cAAW,IACX,aAAU,IACV,cACA,aACA,YACA,cAAc,IAAY,mBAC1B,GAAG,KACmB;AACtB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,SAAQ;EACR,MAAK;EACM;EACX,UAAA;EACA,cAAY;EACZ,aAAU;YANZ,CAQG,KAAY,QACb,kBAAC,GAAD,EAAY,CAAA,CACL;;AAIb,KAAI,KAAW,EAAM,eAAqC,EAAS,EAAE;EACnE,IAAM,IAAQ,GACR,IAAQ,EAAM,MAAM,YAAY;AAEtC,SACE,kBAAC,GAAD;GAAQ,SAAA;GAAQ,SAAQ;GAAQ,MAAK;GAAgB;aAClD,EAAM,aACL,GACA;IACE,KAAK,EAAY,GAA+B,EAAM,MAAM,IAAI;IAChE,cAAc;IACd,aAAa;IACb,GAAG;IACJ,EACD,GACA,kBAAC,GAAD,EAAY,CAAA,CACb;GACM,CAAA;;AAIb,QACE,kBAAC,GAAD;EAAQ,SAAA;EAAQ,SAAQ;EAAQ,MAAK;EAAgB;YACnD,kBAAC,KAAD;GACO;GACL,cAAY;GACZ,aAAU;GACD;GACT,GAAI;aALN,CAOG,KAAY,QACb,kBAAC,GAAD,EAAY,CAAA,CACV;;EACG,CAAA;;AAIb,EAAe,cAAc"}

package/dist/components/Pagination/PaginationPrevious.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`../Button/Button.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=()=>(0,a.jsx)(n.Icon,{size:`sm`,children:(0,a.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,a.jsx)(`path`,{d:`m15 18-6-6 6-6`})})});function s({ref:e,disabled:n=!1,asChild:s=!1,className:c,children:l,onClick:u,...d}){let f=n?e=>{e.preventDefault()}:u;if(s&&i.isValidElement(l)){let s=l,u=s.props.children??`Previous`;return(0,a.jsx)(r.Button,{asChild:!0,variant:`ghost`,size:`sm`,className:c,disabled:n,children:i.cloneElement(s,{ref:t.composeRefs(e,s.props.ref),"aria-label":`Go to previous page`,...d},(0,a.jsx)(o,{}),u)})}return(0,a.jsx)(r.Button,{asChild:!0,variant:`ghost`,size:`sm`,className:c,disabled:n,children:(0,a.jsxs)(n?`span`:`a`,{ref:e,"aria-label":`Go to previous page`,onClick:f,...d,...n?{role:`link`,"aria-disabled":!0}:{},children:[(0,a.jsx)(o,{}),l??`Previous`]})})}s.displayName=`PaginationPrevious`,exports.PaginationPrevious=s;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`../Button/Button.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=()=>(0,a.jsx)(n.Icon,{size:`sm`,children:(0,a.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,a.jsx)(`path`,{d:`m15 18-6-6 6-6`})})});function s({ref:e,disabled:n=!1,asChild:s=!1,className:c,children:l,onClick:u,"aria-label":d=`Go to previous page`,...f}){if(n)return(0,a.jsxs)(r.Button,{variant:`ghost`,size:`sm`,className:c,disabled:!0,"aria-label":d,"data-slot":`previous`,children:[(0,a.jsx)(o,{}),l??`Previous`]});if(s&&i.isValidElement(l)){let n=l,s=n.props.children??`Previous`;return(0,a.jsx)(r.Button,{asChild:!0,variant:`ghost`,size:`sm`,className:c,children:i.cloneElement(n,{ref:t.composeRefs(e,n.props.ref),"aria-label":d,"data-slot":`previous`,...f},(0,a.jsx)(o,{}),s)})}return(0,a.jsx)(r.Button,{asChild:!0,variant:`ghost`,size:`sm`,className:c,children:(0,a.jsxs)(`a`,{ref:e,"aria-label":d,"data-slot":`previous`,onClick:u,...f,children:[(0,a.jsx)(o,{}),l??`Previous`]})})}s.displayName=`PaginationPrevious`,exports.PaginationPrevious=s;
 //# sourceMappingURL=PaginationPrevious.cjs.map