@ngrok/mantle 0.78.0 → 0.79.1

package/dist/hover-card.d.ts

@@ -15,7 +15,7 @@ import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
  * ```tsx
  * <HoverCard.Root>
  *   <HoverCard.Trigger asChild>
- *     <Button type="button" appearance="outlined">
+ *     <Button type="button" appearance="outlined" intent="neutral">
  *       Hover me
  *     </Button>
  *   </HoverCard.Trigger>
@@ -58,7 +58,7 @@ declare const Root: {
  * ```tsx
  * <HoverCard.Root>
  *   <HoverCard.Trigger asChild>
- *     <Button type="button" appearance="outlined">
+ *     <Button type="button" appearance="outlined" intent="neutral">
  *       Hover me
  *     </Button>
  *   </HoverCard.Trigger>
@@ -82,7 +82,9 @@ declare const HoverCard: {
    * ```tsx
    * <HoverCard.Root>
    *   <HoverCard.Trigger asChild>
-   *     <Button>Hover me</Button>
+   *     <Button type="button" appearance="outlined" intent="neutral">
+   *       Hover me
+   *     </Button>
    *   </HoverCard.Trigger>
    *   <HoverCard.Content>
    *     <p>This is the hover card content.</p>
@@ -104,13 +106,13 @@ declare const HoverCard: {
    * ```tsx
    * <HoverCard.Root>
    *   <HoverCard.Trigger asChild>
-   *     <Button type="button" variant="link">@username</Button>
+   *     <Button type="button" appearance="link" intent="accent">@username</Button>
    *   </HoverCard.Trigger>
    *   <HoverCard.Content side="top">
    *     <div className="space-y-2">
    *       <Text weight="strong">User Profile</Text>
    *       <Text>Additional information about the user.</Text>
-   *       <Button type="button" size="sm">Follow</Button>
+   *       <Button type="button" appearance="filled" intent="neutral" size="sm">Follow</Button>
    *     </div>
    *   </HoverCard.Content>
    * </HoverCard.Root>
@@ -129,7 +131,7 @@ declare const HoverCard: {
    * ```tsx
    * <HoverCard.Root>
    *   <HoverCard.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Hover me
    *     </Button>
    *   </HoverCard.Trigger>
@@ -151,7 +153,7 @@ declare const HoverCard: {
    * ```tsx
    * <HoverCard.Root>
    *   <HoverCard.Trigger asChild>
-   *     <Button type="button" variant="ghost">
+   *     <Button type="button" appearance="ghost" intent="neutral">
    *       Hover for details
    *     </Button>
    *   </HoverCard.Trigger>

package/dist/{icon-button-DuRSCsPh.d.ts → icon-button-B7uEj1qq.d.ts}

@@ -1,9 +1,18 @@
 import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
 import { i as DeepNonNullable, r as VariantProps } from "./index-D47aqlpz.js";
+import { t as ButtonIntent } from "./intents-DdSKSj1c.js";
 import { ButtonHTMLAttributes, ReactNode } from "react";
 //#region src/components/button/icon-button.d.ts
+/**
+ * The visual style of an `IconButton`: how much visual weight it carries,
+ * independent of its tone (`intent`). IconButton has no `filled` or `link`
+ * appearance — a filled icon-only box reads as a toggle, and an icon-only
+ * link has no text to read as a link.
+ */
+type IconButtonAppearance = "ghost" | "outlined";
 declare const iconButtonVariants: (props?: ({
   appearance?: "ghost" | "outlined" | null | undefined;
+  intent?: "accent" | "danger" | "neutral" | null | undefined;
   isLoading?: boolean | null | undefined;
   size?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -11,7 +20,28 @@ type IconButtonVariants = VariantProps<typeof iconButtonVariants>;
 /**
  * The props for the `IconButton` component.
  */
-type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & IconButtonVariants & {
+type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & Omit<IconButtonVariants, "appearance" | "intent"> & {
+  /**
+   * The visual style of the IconButton. Required — there is no default,
+   * so every call site states the weight it means.
+   *
+   * @enum
+   * - `"ghost"`: no border or fill until hovered
+   * - `"outlined"`: bordered on the form background
+   */
+  appearance: IconButtonAppearance;
+  /**
+   * The tone of the IconButton — the purpose its color communicates to
+   * the user. Required — there is no default, so every call site states
+   * the tone it means. `"neutral"` is the workhorse tone (and matches
+   * how IconButton rendered before it had an intent axis).
+   *
+   * @enum
+   * - `"neutral"`: the workhorse tone — routine and secondary actions
+   * - `"accent"`: deliberate brand emphasis; reach for it when an action should carry the brand color
+   * - `"danger"`: a destructive or irreversible action
+   */
+  intent: ButtonIntent;
   /**
    * The accessible label for the icon. This label will be visually hidden but announced to screen reader users, similar to alt text for img tags.
    */
@@ -47,6 +77,10 @@ type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & I
  * as submitting a form or opening a dialog.
  * Renders only a single icon as children with an accessible, screen-reader-only label.
  *
+ * `appearance` (visual weight) and `intent` (tone) are required — every call
+ * site states what it means; there are no implicit defaults. `intent="neutral"`
+ * matches how IconButton rendered before it had an intent axis.
+ *
  * @see https://mantle.ngrok.com/components/actions/icon-button
  *
  * @example
@@ -55,6 +89,7 @@ type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & I
  *   icon={<TrashIcon />}
  *   label="Delete item"
  *   appearance="ghost"
+ *   intent="danger"
  *   size="sm"
  *   onClick={handleDelete}
  * />
@@ -63,14 +98,42 @@ type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & I
  * @example
  * Submit a form — opt in with `type="submit"` (the default `"button"` does not submit):
  * ```tsx
- * <IconButton type="submit" icon={<MagnifyingGlassIcon />} label="Search" />
+ * <IconButton
+ *   type="submit"
+ *   appearance="outlined"
+ *   intent="neutral"
+ *   icon={<MagnifyingGlassIcon />}
+ *   label="Search"
+ * />
  * ```
  */
-declare const IconButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & Partial<DeepNonNullable<import("class-variance-authority").VariantProps<(props?: ({
+declare const IconButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & Omit<Partial<DeepNonNullable<import("class-variance-authority").VariantProps<(props?: ({
   appearance?: "ghost" | "outlined" | null | undefined;
+  intent?: "accent" | "danger" | "neutral" | null | undefined;
   isLoading?: boolean | null | undefined;
   size?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string>>> & {
+} & import("class-variance-authority/types").ClassProp) | undefined) => string>>>, "appearance" | "intent"> & {
+  /**
+   * The visual style of the IconButton. Required — there is no default,
+   * so every call site states the weight it means.
+   *
+   * @enum
+   * - `"ghost"`: no border or fill until hovered
+   * - `"outlined"`: bordered on the form background
+   */
+  appearance: IconButtonAppearance;
+  /**
+   * The tone of the IconButton — the purpose its color communicates to
+   * the user. Required — there is no default, so every call site states
+   * the tone it means. `"neutral"` is the workhorse tone (and matches
+   * how IconButton rendered before it had an intent axis).
+   *
+   * @enum
+   * - `"neutral"`: the workhorse tone — routine and secondary actions
+   * - `"accent"`: deliberate brand emphasis; reach for it when an action should carry the brand color
+   * - `"danger"`: a destructive or irreversible action
+   */
+  intent: ButtonIntent;
   /**
    * The accessible label for the icon. This label will be visually hidden but announced to screen reader users, similar to alt text for img tags.
    */
@@ -100,4 +163,4 @@ declare const IconButton: import("react").ForwardRefExoticComponent<ButtonHTMLAt
   type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
 } & import("react").RefAttributes<HTMLButtonElement>>;
 //#endregion
-export { IconButtonProps as n, IconButton as t };
+export { IconButtonAppearance as n, IconButtonProps as r, IconButton as t };

package/dist/icon-button-DV2-GZHf.js

@@ -0,0 +1 @@
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./icon-CDtYjF_H.js";import{t as n}from"./slot-DmPrjM7N.js";import{t as r}from"./booleanish-BfvnW6vy.js";import{Children as i,cloneElement as a,forwardRef as o,isValidElement as s}from"react";import c from"tiny-invariant";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{cva as f}from"class-variance-authority";import{CircleNotchIcon as p}from"@phosphor-icons/react/CircleNotch";const m=f(e(`icon-button`,`inline-flex shrink-0 items-center justify-center rounded-[var(--icon-button-border-radius,0.375rem)] border`,`focus:outline-hidden focus-visible:ring-4`,`disabled:cursor-default disabled:opacity-50`,`not-disabled:active:scale-97 ease-out transition-transform duration-150`),{variants:{appearance:{ghost:`text-accent-600 focus-visible:ring-focus-accent not-disabled:hover:bg-accent-500/10 not-disabled:hover:text-accent-700 border-transparent`,outlined:`border-accent-600 bg-form text-accent-600 focus-visible:ring-focus-accent not-disabled:hover:border-accent-700 not-disabled:hover:bg-accent-500/10 not-disabled:hover:text-accent-700`},intent:{accent:``,danger:``,neutral:``},isLoading:{false:``,true:`opacity-50`},size:{xs:`size-6`,sm:`size-7`,md:`size-9`,lg:`size-10`,xl:`size-12`}},defaultVariants:{intent:`neutral`,size:`md`},compoundVariants:[{appearance:`ghost`,intent:`danger`,class:`text-danger-600 focus-visible:ring-focus-danger not-disabled:hover:bg-danger-500/10 not-disabled:hover:text-danger-700 border-transparent`},{appearance:`outlined`,intent:`danger`,class:`border-danger-600 bg-form text-danger-600 focus-visible:ring-focus-danger not-disabled:hover:border-danger-700 not-disabled:hover:bg-danger-500/10 not-disabled:hover:text-danger-700`},{appearance:`ghost`,intent:`neutral`,class:`text-strong focus-visible:ring-focus-accent not-disabled:hover:bg-neutral-500/10 not-disabled:hover:text-strong border-transparent`},{appearance:`outlined`,intent:`neutral`,class:`border-form bg-form text-strong focus-visible:border-accent-600 focus-visible:ring-focus-accent not-disabled:hover:border-neutral-400 not-disabled:hover:bg-form-hover not-disabled:hover:text-strong focus-visible:not-disabled:hover:border-accent-600 focus-visible:not-disabled:active:border-accent-600`}]}),h=o(({"aria-disabled":o,appearance:f,asChild:h=!1,children:g,className:_,disabled:v,icon:y,intent:b,isLoading:x=!1,label:S,size:C=`md`,type:w,...T},E)=>{let D=r(o??v??x),O=x?u(p,{className:`animate-spin`}):y,k={"aria-disabled":D,"data-slot":`icon-button`,className:e(m({appearance:f,intent:b,isLoading:x,size:C}),_),"data-appearance":f,"data-disabled":D,"data-icon-button":!0,"data-intent":b,"data-loading":x,"data-size":C,disabled:D,ref:E,...T},A=d(l,{children:[u(`span`,{className:`sr-only`,children:S}),u(t,{svg:O})]});return h?(c(s(g)&&i.only(g),"When using `asChild`, IconButton must be passed a single child as a JSX tag."),u(n,{...k,children:a(g,{},A)})):u(`button`,{...k,type:w??`button`,children:A})});h.displayName=`IconButton`;export{m as n,h as t};

package/dist/{index-CDwfBOAA.d.ts → index-BivvYYs-.d.ts}

@@ -1,7 +1,7 @@
 import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
 import { r as VariantProps } from "./index-D47aqlpz.js";
-import "./button-Bw9MpShl.js";
-import "./icon-button-DuRSCsPh.js";
+import "./button-DcXOWUYo.js";
+import "./icon-button-B7uEj1qq.js";
 import { ComponentProps } from "react";
 //#region src/components/button/button-group.d.ts
 declare const buttonGroupVariants: (props?: ({
@@ -17,9 +17,9 @@ type ButtonGroupProps = ComponentProps<"div"> & ButtonGroupVariants & WithAsChil
  * @example
  * ```tsx
  * <ButtonGroup appearance="panel">
- *   <IconButton icon={<Bold />} label="Bold" />
- *   <IconButton icon={<Italic />} label="Italic" />
- *   <IconButton icon={<Underline />} label="Underline" />
+ *   <IconButton appearance="ghost" intent="neutral" icon={<Bold />} label="Bold" />
+ *   <IconButton appearance="ghost" intent="neutral" icon={<Italic />} label="Italic" />
+ *   <IconButton appearance="ghost" intent="neutral" icon={<Underline />} label="Underline" />
  * </ButtonGroup>
  * ```
  */

package/dist/index-g2rfwNCH.d.ts

@@ -0,0 +1 @@
+import "./dropdown-menu-DP_Ne9Mr.js";

package/dist/intents-DdSKSj1c.d.ts

@@ -0,0 +1,28 @@
+//#region src/components/button/intents.d.ts
+/**
+ * The tone axis shared by the button family (`Button` and `IconButton`) —
+ * the purpose a button's color communicates to the user:
+ *
+ * - `"neutral"` — the workhorse tone: routine and secondary actions, and the
+ *   default primary action (`appearance="filled" intent="neutral"`)
+ * - `"accent"` — deliberate brand emphasis, colored with the accent tokens
+ *   (e.g. `bg-filled-accent`, `text-accent-600`); reach for it when an
+ *   action should carry the brand color, not as the routine primary
+ * - `"danger"` — a destructive or irreversible action
+ *
+ * There is no default: `intent` is a required prop on the button family so
+ * every call site states the tone it means.
+ *
+ * See `decisions/2026-07-13-button-size-and-intent-api.md`.
+ *
+ * @example
+ * ```tsx
+ * <Button appearance="filled" intent="neutral">Save</Button>
+ * <Button appearance="outlined" intent="neutral">Cancel</Button>
+ * <Button appearance="filled" intent="danger">Delete</Button>
+ * <Button appearance="filled" intent="accent">Upgrade to Pro</Button>
+ * ```
+ */
+type ButtonIntent = "accent" | "danger" | "neutral";
+//#endregion
+export { ButtonIntent as t };

package/dist/llms.txt

@@ -1,4 +1,4 @@
-# @ngrok/mantle (0.78.0)
+# @ngrok/mantle (0.79.1)
 
 > Offline discovery hint shipped inside the @ngrok/mantle npm package. Authoritative metadata lives at https://mantle.ngrok.com/for-ai-agents.
 

package/dist/pagination.d.ts

@@ -1,5 +1,5 @@
 import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
-import { t as ButtonGroup } from "./index-CDwfBOAA.js";
+import { t as ButtonGroup } from "./index-BivvYYs-.js";
 import { t as Select } from "./select-Bwt2YduR.js";
 import { ComponentProps } from "react";
 //#region src/components/pagination/cursor-pagination.d.ts

package/dist/pagination.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-DmPrjM7N.js";import{t as n}from"./icon-button-CxVsZ2N1.js";import{t as r}from"./button-5t6-JS_I.js";import{n as i}from"./separator-kBnnv3Cw.js";import{t as a}from"./select-D-5u0Blc.js";import{createContext as o,forwardRef as s,useContext as c,useEffect as l,useMemo as u,useState as d}from"react";import f from"tiny-invariant";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{CaretRightIcon as h}from"@phosphor-icons/react/CaretRight";import{CaretLeftIcon as g}from"@phosphor-icons/react/CaretLeft";const _=o(void 0),v=s(({className:t,children:n,defaultPageSize:r,...i},a)=>{let[o,s]=d(r),c=u(()=>({defaultPageSize:r,pageSize:o,setPageSize:s}),[r,o]);return p(_.Provider,{value:c,children:p(`div`,{"data-slot":`cursor-pagination`,className:e(`inline-flex items-center justify-between gap-2`,t),ref:a,...i,children:n})})});v.displayName=`CursorPagination`;const y=s(({hasNextPage:e,hasPreviousPage:t,onNextPage:a,onPreviousPage:o,...s},c)=>m(r,{"data-slot":`cursor-pagination-buttons`,appearance:`panel`,ref:c,...s,children:[p(n,{"data-slot":`cursor-pagination-previous`,appearance:`ghost`,disabled:!t,icon:p(g,{}),label:`Previous page`,onClick:o,size:`sm`,type:`button`}),p(i,{"data-slot":`cursor-pagination-separator`,orientation:`vertical`,className:`min-h-5`}),p(n,{"data-slot":`cursor-pagination-next`,appearance:`ghost`,disabled:!e,icon:p(h,{}),label:`Next page`,onClick:a,size:`sm`,type:`button`})]}));y.displayName=`CursorButtons`;const b=[5,10,20,50,100],x=s(({className:t,pageSizes:n=b,onChangePageSize:r,...i},o)=>{let s=c(_);return f(s,`CursorPageSizeSelect must be used as a child of a CursorPagination component`),f(n.includes(s.defaultPageSize),`CursorPagination.defaultPageSize must be included in CursorPageSizeSelect.pageSizes`),f(n.includes(s.pageSize),`CursorPagination.pageSize must be included in CursorPageSizeSelect.pageSizes`),m(a.Root,{defaultValue:`${s.pageSize}`,onValueChange:e=>{let t=Number.parseInt(e,10);Number.isNaN(t)&&(t=s.defaultPageSize),s.setPageSize(t),r?.(t)},children:[p(a.Trigger,{ref:o,"data-slot":`cursor-pagination-page-size-select`,className:e(`w-auto min-w-36`,t),value:s.pageSize,...i,children:p(a.Value,{})}),p(a.Content,{width:`trigger`,children:n.map(e=>m(a.Item,{value:`${e}`,children:[e,` per page`]},e))})]})});x.displayName=`CursorPageSizeSelect`;function S({asChild:n=!1,className:r,...i}){let a=c(_);return f(a,`CursorPageSizeValue must be used as a child of a CursorPagination component`),m(n?t:`span`,{"data-slot":`cursor-pagination-page-size-value`,className:e(`text-muted text-sm font-normal`,r),...i,children:[a.pageSize,` per page`]})}S.displayName=`CursorPageSizeValue`;const C={Root:v,Buttons:y,PageSizeSelect:x,PageSizeValue:S};function w({listSize:e,pageSize:t}){let[n,r]=d(1),[i,a]=d(t);l(()=>{a(t),r(1)},[t]),l(()=>{r(1)},[e]);let o=Math.ceil(e/i),s=(n-1)*i,c=n>1,u=n<o;function f(e){r(Math.max(1,Math.min(e,o)))}function p(){u&&r(e=>Math.min(e+1,o))}function m(){c&&r(e=>Math.max(e-1,1))}function h(e){a(e),r(1)}function g(){r(o)}function _(){r(1)}return{currentPage:n,goToFirstPage:_,goToLastPage:g,goToPage:f,hasNextPage:u,hasPreviousPage:c,nextPage:p,offset:s,pageSize:i,previousPage:m,setPageSize:h,totalPages:o}}function T(e,t){return e.slice(t.offset,t.offset+t.pageSize)}export{C as CursorPagination,T as getOffsetPaginatedSlice,w as useOffsetPagination};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-DmPrjM7N.js";import{t as n}from"./icon-button-DV2-GZHf.js";import{t as r}from"./button-5t6-JS_I.js";import{n as i}from"./separator-kBnnv3Cw.js";import{t as a}from"./select-D-5u0Blc.js";import{createContext as o,forwardRef as s,useContext as c,useEffect as l,useMemo as u,useState as d}from"react";import f from"tiny-invariant";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{CaretRightIcon as h}from"@phosphor-icons/react/CaretRight";import{CaretLeftIcon as g}from"@phosphor-icons/react/CaretLeft";const _=o(void 0),v=s(({className:t,children:n,defaultPageSize:r,...i},a)=>{let[o,s]=d(r),c=u(()=>({defaultPageSize:r,pageSize:o,setPageSize:s}),[r,o]);return p(_.Provider,{value:c,children:p(`div`,{"data-slot":`cursor-pagination`,className:e(`inline-flex items-center justify-between gap-2`,t),ref:a,...i,children:n})})});v.displayName=`CursorPagination`;const y=s(({hasNextPage:e,hasPreviousPage:t,onNextPage:a,onPreviousPage:o,...s},c)=>m(r,{"data-slot":`cursor-pagination-buttons`,appearance:`panel`,ref:c,...s,children:[p(n,{"data-slot":`cursor-pagination-previous`,appearance:`ghost`,disabled:!t,icon:p(g,{}),intent:`neutral`,label:`Previous page`,onClick:o,size:`sm`,type:`button`}),p(i,{"data-slot":`cursor-pagination-separator`,orientation:`vertical`,className:`min-h-5`}),p(n,{"data-slot":`cursor-pagination-next`,appearance:`ghost`,disabled:!e,icon:p(h,{}),intent:`neutral`,label:`Next page`,onClick:a,size:`sm`,type:`button`})]}));y.displayName=`CursorButtons`;const b=[5,10,20,50,100],x=s(({className:t,pageSizes:n=b,onChangePageSize:r,...i},o)=>{let s=c(_);return f(s,`CursorPageSizeSelect must be used as a child of a CursorPagination component`),f(n.includes(s.defaultPageSize),`CursorPagination.defaultPageSize must be included in CursorPageSizeSelect.pageSizes`),f(n.includes(s.pageSize),`CursorPagination.pageSize must be included in CursorPageSizeSelect.pageSizes`),m(a.Root,{defaultValue:`${s.pageSize}`,onValueChange:e=>{let t=Number.parseInt(e,10);Number.isNaN(t)&&(t=s.defaultPageSize),s.setPageSize(t),r?.(t)},children:[p(a.Trigger,{ref:o,"data-slot":`cursor-pagination-page-size-select`,className:e(`w-auto min-w-36`,t),value:s.pageSize,...i,children:p(a.Value,{})}),p(a.Content,{width:`trigger`,children:n.map(e=>m(a.Item,{value:`${e}`,children:[e,` per page`]},e))})]})});x.displayName=`CursorPageSizeSelect`;function S({asChild:n=!1,className:r,...i}){let a=c(_);return f(a,`CursorPageSizeValue must be used as a child of a CursorPagination component`),m(n?t:`span`,{"data-slot":`cursor-pagination-page-size-value`,className:e(`text-muted text-sm font-normal`,r),...i,children:[a.pageSize,` per page`]})}S.displayName=`CursorPageSizeValue`;const C={Root:v,Buttons:y,PageSizeSelect:x,PageSizeValue:S};function w({listSize:e,pageSize:t}){let[n,r]=d(1),[i,a]=d(t);l(()=>{a(t),r(1)},[t]),l(()=>{r(1)},[e]);let o=Math.ceil(e/i),s=(n-1)*i,c=n>1,u=n<o;function f(e){r(Math.max(1,Math.min(e,o)))}function p(){u&&r(e=>Math.min(e+1,o))}function m(){c&&r(e=>Math.max(e-1,1))}function h(e){a(e),r(1)}function g(){r(o)}function _(){r(1)}return{currentPage:n,goToFirstPage:_,goToLastPage:g,goToPage:f,hasNextPage:u,hasPreviousPage:c,nextPage:p,offset:s,pageSize:i,previousPage:m,setPageSize:h,totalPages:o}}function T(e,t){return e.slice(t.offset,t.offset+t.pageSize)}export{C as CursorPagination,T as getOffsetPaginatedSlice,w as useOffsetPagination};

package/dist/popover.d.ts

@@ -37,7 +37,7 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
  * ```tsx
  * <Popover.Root>
  *   <Popover.Trigger asChild>
- *     <Button type="button" appearance="outlined">
+ *     <Button type="button" appearance="outlined" intent="neutral">
  *       Open Popover
  *     </Button>
  *   </Popover.Trigger>
@@ -61,7 +61,7 @@ declare const Popover: {
    * ```tsx
    * <Popover.Root>
    *   <Popover.Trigger asChild>
-   *     <Button>Open popover</Button>
+   *     <Button type="button" appearance="outlined" intent="neutral">Open popover</Button>
    *   </Popover.Trigger>
    *   <Popover.Content>
    *     <p>This is the popover content.</p>
@@ -82,12 +82,12 @@ declare const Popover: {
    *     <div>Position relative to this element</div>
    *   </Popover.Anchor>
    *   <Popover.Trigger asChild>
-   *     <Button type="button" appearance="outlined">Open Popover</Button>
+   *     <Button type="button" appearance="outlined" intent="neutral">Open Popover</Button>
    *   </Popover.Trigger>
    *   <Popover.Content>
    *     <p>This popover is positioned relative to the anchor.</p>
    *     <Popover.Close asChild>
-   *       <Button type="button">Close</Button>
+   *       <Button type="button" appearance="outlined" intent="neutral">Close</Button>
    *     </Popover.Close>
    *   </Popover.Content>
    * </Popover.Root>
@@ -103,13 +103,13 @@ declare const Popover: {
    * ```tsx
    * <Popover.Root>
    *   <Popover.Trigger asChild>
-   *     <Button type="button">Settings</Button>
+   *     <Button type="button" appearance="outlined" intent="neutral">Settings</Button>
    *   </Popover.Trigger>
    *   <Popover.Content>
    *     <div className="flex items-center justify-between">
    *       <Text>Settings Panel</Text>
    *       <Popover.Close asChild>
-   *         <Button type="button" appearance="ghost" size="sm">✕</Button>
+   *         <IconButton type="button" appearance="ghost" intent="neutral" size="sm" label="Close" icon={<XIcon />} />
    *       </Popover.Close>
    *     </div>
    *     <Text>Configure your preferences here.</Text>
@@ -131,13 +131,13 @@ declare const Popover: {
    * ```tsx
    * <Popover.Root>
    *   <Popover.Trigger asChild>
-   *     <Button type="button">Show Info</Button>
+   *     <Button type="button" appearance="outlined" intent="neutral">Show Info</Button>
    *   </Popover.Trigger>
    *   <Popover.Content side="top" align="center">
    *     <div className="space-y-2">
    *       <Text weight="strong">Additional Information</Text>
    *       <Text>This is the content inside the popover.</Text>
-   *       <Button type="button" size="sm">Action</Button>
+   *       <Button type="button" appearance="filled" intent="neutral" size="sm">Action</Button>
    *     </div>
    *   </Popover.Content>
    * </Popover.Root>
@@ -163,14 +163,14 @@ declare const Popover: {
    * ```tsx
    * <Popover.Root>
    *   <Popover.Trigger asChild>
-   *     <Button type="button" appearance="outlined">
+   *     <Button type="button" appearance="outlined" intent="neutral">
    *       Options
    *     </Button>
    *   </Popover.Trigger>
    *   <Popover.Content>
    *     <div className="space-y-2">
-   *       <Button type="button" variant="ghost">Edit</Button>
-   *       <Button type="button" variant="ghost">Delete</Button>
+   *       <Button type="button" appearance="ghost" intent="neutral">Edit</Button>
+   *       <Button type="button" appearance="ghost" intent="danger">Delete</Button>
    *     </div>
    *   </Popover.Content>
    * </Popover.Root>

package/dist/{primitive-wm7Wk-gy.js → primitive-M-kZdNIS.js}

@@ -1 +1 @@
-import{t as e}from"./slot-DmPrjM7N.js";import{t}from"./booleanish-BfvnW6vy.js";import{i as n}from"./toast-RkhbliFh.js";import{createContext as r,forwardRef as i,useContext as a,useEffect as o,useMemo as s,useState as c}from"react";import{jsx as l}from"react/jsx-runtime";import*as u from"@radix-ui/react-dialog";const d=r({hasDescription:!1,setHasDescription:()=>{}});function f(e){let[t,n]=c(!1),r=s(()=>({hasDescription:t,setHasDescription:n}),[t]);return l(d.Provider,{value:r,children:l(u.Root,{...e})})}f.displayName=`DialogPrimitiveRoot`;const p=u.Trigger;p.displayName=`DialogPrimitiveTrigger`;const m=u.Portal;m.displayName=`DialogPrimitivePortal`;const h=u.Close;h.displayName=`DialogPrimitiveClose`;const g=i((e,t)=>l(u.Overlay,{"data-overlay":!0,ref:t,...e}));g.displayName=`DialogPrimitiveOverlay`;const _=i(({onEscapeKeyDown:e,onInteractOutside:t,onPointerDownOutside:r,...i},o)=>{let s=a(d);return l(u.Content,{ref:o,onEscapeKeyDown:t=>{x(t),e?.(t)},onInteractOutside:e=>{n(e),t?.(e)},onPointerDownOutside:e=>{n(e),r?.(e)},...s.hasDescription?{}:{"aria-describedby":void 0},...i})});_.displayName=`DialogPrimitiveContent`;const v=u.Title,y=i(({asChild:t,children:n,...r},i)=>{let s=a(d);o(()=>(s.setHasDescription(!0),()=>s.setHasDescription(!1)),[s]);let c=t?e:`div`;return l(u.Description,{ref:i,asChild:!0,children:l(c,{...r,children:n})})});y.displayName=`DialogPrimitiveDescription`;function b(e){return e instanceof HTMLElement&&e.hasAttribute(`data-overlay`)}function x(e){if(!T(e.currentTarget))return;let n=e.currentTarget,r=n instanceof Document?n.activeElement:n.ownerDocument?.activeElement??null,i=S(e.target)??S(r),a=i?C(i):null;i!=null&&t(i.getAttribute(`aria-expanded`))&&a!=null&&n.contains(i)&&n.contains(a)&&(a.getAttribute(`data-open`)===`true`||a.getAttribute(`data-state`)===`open`)&&e.preventDefault()}function S(e){return w(e)?e.closest(`[aria-expanded='true'][aria-controls]`):null}function C(e){let t=e.getAttribute(`aria-controls`);if(!t)return null;let n=e.ownerDocument.getElementById(t);return n instanceof HTMLElement?n:null}function w(e){return e instanceof HTMLElement}function T(e){return e instanceof Node&&`querySelector`in e}export{m as a,p as c,g as i,b as l,_ as n,f as o,y as r,v as s,h as t};
+import{t as e}from"./slot-DmPrjM7N.js";import{t}from"./booleanish-BfvnW6vy.js";import{i as n}from"./toast-D3ntBmn4.js";import{createContext as r,forwardRef as i,useContext as a,useEffect as o,useMemo as s,useState as c}from"react";import{jsx as l}from"react/jsx-runtime";import*as u from"@radix-ui/react-dialog";const d=r({hasDescription:!1,setHasDescription:()=>{}});function f(e){let[t,n]=c(!1),r=s(()=>({hasDescription:t,setHasDescription:n}),[t]);return l(d.Provider,{value:r,children:l(u.Root,{...e})})}f.displayName=`DialogPrimitiveRoot`;const p=u.Trigger;p.displayName=`DialogPrimitiveTrigger`;const m=u.Portal;m.displayName=`DialogPrimitivePortal`;const h=u.Close;h.displayName=`DialogPrimitiveClose`;const g=i((e,t)=>l(u.Overlay,{"data-overlay":!0,ref:t,...e}));g.displayName=`DialogPrimitiveOverlay`;const _=i(({onEscapeKeyDown:e,onInteractOutside:t,onPointerDownOutside:r,...i},o)=>{let s=a(d);return l(u.Content,{ref:o,onEscapeKeyDown:t=>{x(t),e?.(t)},onInteractOutside:e=>{n(e),t?.(e)},onPointerDownOutside:e=>{n(e),r?.(e)},...s.hasDescription?{}:{"aria-describedby":void 0},...i})});_.displayName=`DialogPrimitiveContent`;const v=u.Title,y=i(({asChild:t,children:n,...r},i)=>{let s=a(d);o(()=>(s.setHasDescription(!0),()=>s.setHasDescription(!1)),[s]);let c=t?e:`div`;return l(u.Description,{ref:i,asChild:!0,children:l(c,{...r,children:n})})});y.displayName=`DialogPrimitiveDescription`;function b(e){return e instanceof HTMLElement&&e.hasAttribute(`data-overlay`)}function x(e){if(!T(e.currentTarget))return;let n=e.currentTarget,r=n instanceof Document?n.activeElement:n.ownerDocument?.activeElement??null,i=S(e.target)??S(r),a=i?C(i):null;i!=null&&t(i.getAttribute(`aria-expanded`))&&a!=null&&n.contains(i)&&n.contains(a)&&(a.getAttribute(`data-open`)===`true`||a.getAttribute(`data-state`)===`open`)&&e.preventDefault()}function S(e){return w(e)?e.closest(`[aria-expanded='true'][aria-controls]`):null}function C(e){let t=e.getAttribute(`aria-controls`);if(!t)return null;let n=e.ownerDocument.getElementById(t);return n instanceof HTMLElement?n:null}function w(e){return e instanceof HTMLElement}function T(e){return e instanceof Node&&`querySelector`in e}export{m as a,p as c,g as i,b as l,_ as n,f as o,y as r,v as s,h as t};