@ngrok/mantle 0.18.0 → 0.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-WCQVBWRD.js → chunk-LQFPOUIE.js} +2 -2
- package/dist/hover-card.d.ts +13 -0
- package/dist/hover-card.js +2 -0
- package/dist/hover-card.js.map +1 -0
- package/dist/pagination.js +1 -1
- package/dist/select.js +1 -1
- package/package.json +13 -7
- /package/dist/{chunk-WCQVBWRD.js.map → chunk-LQFPOUIE.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as S}from"./chunk-5E73VWJX.js";import{b as g}from"./chunk-CXQLUXDJ.js";import{a as r}from"./chunk-EW5CFGXT.js";import{CaretDown as P}from"@phosphor-icons/react/CaretDown";import{CaretUp as R}from"@phosphor-icons/react/CaretUp";import{Check as I}from"@phosphor-icons/react/Check";import*as e from"@radix-ui/react-select";import{createContext as N,forwardRef as n,useContext as T}from"react";import{jsx as i,jsxs as v}from"react/jsx-runtime";var h=N({}),B=n(({"aria-invalid":o,children:a,id:t,validation:l,onBlur:s,onChange:d,...m},c)=>i(e.Root,{...m,onValueChange:d,children:i(h.Provider,{value:{"aria-invalid":o,id:t,validation:l,onBlur:s,ref:c},children:a})}));B.displayName="Select";var F=e.Group,G=e.Value,W=n(({"aria-invalid":o,className:a,children:t,id:l,validation:s,...d},m)=>{let c=T(h),p=c["aria-invalid"]??o,x=p!=null&&p!=="false",f=c.validation??s,u=x?"error":typeof f=="function"?f():f,w=p??u==="error",C=c.id??l;return v(e.Trigger,{"aria-invalid":w,"data-validation":u||void 0,className:r("h-9 text-sm","border-form bg-form text-strong placeholder:text-placeholder hover:bg-form-hover hover:text-strong flex w-full items-center justify-between gap-1.5 rounded-md border px-3 py-2 hover:border-neutral-400 disabled:pointer-events-none disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:text-left","focus:outline-none focus:ring-4 aria-expanded:ring-4","focus:border-accent-600 focus:ring-focus-accent aria-expanded:border-accent-600 aria-expanded:ring-focus-accent","data-validation-success:border-success-600 data-validation-success:focus:border-success-600 data-validation-success:focus:ring-focus-success data-validation-success:aria-expanded:border-success-600 data-validation-success:aria-expanded:ring-focus-success","data-validation-warning:border-warning-600 data-validation-warning:focus:border-warning-600 data-validation-warning:focus:ring-focus-warning data-validation-warning:aria-expanded:border-warning-600 data-validation-warning:aria-expanded:ring-focus-warning","data-validation-error:border-danger-600 data-validation-error:focus:border-danger-600 data-validation-error:focus:ring-focus-danger data-validation-error:aria-expanded:border-danger-600 data-validation-error:aria-expanded:ring-focus-danger",a),id:C,ref:S(m,c.ref),...d,children:[t,i(e.Icon,{asChild:!0,children:i(P,{className:"size-4 shrink-0",weight:"bold"})})]})});W.displayName="SelectTrigger";var y=n(({className:o,...a},t)=>i(e.ScrollUpButton,{ref:t,className:r("flex cursor-default items-center justify-center py-1",o),...a,children:i(R,{className:"size-4 shrink-0",weight:"bold"})}));y.displayName="SelectScrollUpButton";var b=n(({className:o,...a},t)=>i(e.ScrollDownButton,{ref:t,className:r("flex cursor-default items-center justify-center py-1",o),...a,children:i(P,{className:"size-4 shrink-0",weight:"bold"})}));b.displayName="SelectScrollDownButton";var E=n(({className:o,children:a,position:t="popper",width:l,...s},d)=>i(e.Portal,{children:v(e.Content,{ref:d,className:r("border-popover data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md","bg-popover",t==="popper"&&"data-side-bottom:translate-y-2 data-side-left:-translate-x-2 data-side-right:translate-x-2 data-side-top:-translate-y-2 max-h-[var(--radix-select-content-available-height)]",l==="trigger"&&"w-[var(--radix-select-trigger-width)]",o),position:t,...s,children:[i(y,{}),i(e.Viewport,{className:r("p-1",t==="popper"&&"h-[var(--radix-select-trigger-height)] w-full"),children:a}),i(b,{})]})}));E.displayName="SelectContent";var L=n(({className:o,...a},t)=>i(e.Label,{ref:t,className:r("px-2 py-1.5 text-sm font-semibold",o),...a}));L.displayName="SelectLabel";var k=n(({className:o,children:a,...t},l)=>v(e.Item,{ref:l,className:r("focus:bg-popover-hover data-disabled:pointer-events-none data-disabled:opacity-50 data-state-checked:bg-filled-accent data-state-checked:text-on-filled relative flex w-full cursor-pointer select-none items-center rounded py-1.5 pl-2 pr-8 text-sm outline-none",o),...t,children:[i(e.ItemText,{children:a}),i(e.ItemIndicator,{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:i(I,{className:"size-4 shrink-0",weight:"bold"})})]}));k.displayName="SelectItem";var V=n(({className:o,...a},t)=>i(g,{ref:t,className:r("-mx-1 my-1 h-px w-auto",o),...a}));V.displayName="SelectSeparator";export{B as a,F as b,G as c,W as d,E as e,L as f,k as g,V as h};
|
|
2
|
+
//# sourceMappingURL=chunk-LQFPOUIE.js.map
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
+
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
5
|
+
|
|
6
|
+
declare const HoverCard: {
|
|
7
|
+
({ closeDelay, openDelay, ...props }: ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
8
|
+
displayName: string;
|
|
9
|
+
};
|
|
10
|
+
declare const HoverCardTrigger: react.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>>;
|
|
11
|
+
declare const HoverCardContent: react.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
|
|
13
|
+
export { HoverCard, HoverCardContent, HoverCardTrigger };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a}from"./chunk-EW5CFGXT.js";import*as e from"@radix-ui/react-hover-card";import{forwardRef as p}from"react";import{jsx as n}from"react/jsx-runtime";var i=({closeDelay:o=300,openDelay:t=100,...r})=>n(e.Root,{closeDelay:o,openDelay:t,...r});i.displayName="HoverCard";var f=e.Trigger,d=p(({className:o,align:t="center",sideOffset:r=4,...m},s)=>n(e.Content,{ref:s,align:t,sideOffset:r,className:a("bg-popover border-popover z-50 w-64 rounded-md border p-4 shadow-md outline-none","data-state-open:animate-in data-state-closed:animate-out data-state-closed:fade-out-0 data-state-open:fade-in-0 data-state-closed:zoom-out-95 data-state-open:zoom-in-95 data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2",o),...m}));d.displayName=e.Content.displayName;export{i as HoverCard,d as HoverCardContent,f as HoverCardTrigger};
|
|
2
|
+
//# sourceMappingURL=hover-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/hover-card/hover-card.tsx"],"sourcesContent":["\"use client\";\n\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\";\nimport { cx } from \"../../utils/cx/cx.js\";\n\nconst HoverCard = ({\n\tcloseDelay = 300,\n\topenDelay = 100,\n\t...props\n}: ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>) => (\n\t<HoverCardPrimitive.Root closeDelay={closeDelay} openDelay={openDelay} {...props} />\n);\nHoverCard.displayName = \"HoverCard\";\n\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\nconst HoverCardContent = forwardRef<\n\tElementRef<typeof HoverCardPrimitive.Content>,\n\tComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n\t<HoverCardPrimitive.Content\n\t\tref={ref}\n\t\talign={align}\n\t\tsideOffset={sideOffset}\n\t\tclassName={cx(\n\t\t\t\"bg-popover border-popover z-50 w-64 rounded-md border p-4 shadow-md outline-none\",\n\t\t\t\"data-state-open:animate-in data-state-closed:animate-out data-state-closed:fade-out-0 data-state-open:fade-in-0 data-state-closed:zoom-out-95 data-state-open:zoom-in-95 data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\nexport {\n\t//,\n\tHoverCard,\n\tHoverCardTrigger,\n\tHoverCardContent,\n};\n"],"mappings":"mCAEA,UAAYA,MAAwB,6BACpC,OAAS,cAAAC,MAAkB,QAS1B,cAAAC,MAAA,oBALD,IAAMC,EAAY,CAAC,CAClB,WAAAC,EAAa,IACb,UAAAC,EAAY,IACZ,GAAGC,CACJ,IACCJ,EAAoB,OAAnB,CAAwB,WAAYE,EAAY,UAAWC,EAAY,GAAGC,EAAO,EAEnFH,EAAU,YAAc,YAExB,IAAMI,EAAsC,UAEtCC,EAAmBC,EAGvB,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAQ,SAAU,WAAAC,EAAa,EAAG,GAAGN,CAAM,EAAGO,IAC7DX,EAAoB,UAAnB,CACA,IAAKW,EACL,MAAOF,EACP,WAAYC,EACZ,UAAWE,EACV,mFACA,+TACAJ,CACD,EACC,GAAGJ,EACL,CACA,EACDE,EAAiB,YAAiC,UAAQ","names":["HoverCardPrimitive","forwardRef","jsx","HoverCard","closeDelay","openDelay","props","HoverCardTrigger","HoverCardContent","forwardRef","className","align","sideOffset","ref","cx"]}
|
package/dist/pagination.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as b,c as v,d as x,e as y,g as h}from"./chunk-
|
|
1
|
+
import{a as b,c as v,d as x,e as y,g as h}from"./chunk-LQFPOUIE.js";import"./chunk-5E73VWJX.js";import{b as z}from"./chunk-CXQLUXDJ.js";import{a as d}from"./chunk-2YAPDW3F.js";import{a as l}from"./chunk-YC6QXFZS.js";import"./chunk-DFJUKUK4.js";import"./chunk-4LSFAAZW.js";import"./chunk-RDMTCZPT.js";import"./chunk-72TJUKMV.js";import"./chunk-LBEYGDAN.js";import"./chunk-VJPVAY5J.js";import{a as p}from"./chunk-EW5CFGXT.js";import{CaretLeft as j}from"@phosphor-icons/react/dist/icons/CaretLeft";import{CaretRight as k}from"@phosphor-icons/react/dist/icons/CaretRight";import{Slot as A}from"@radix-ui/react-slot";import{createContext as F,forwardRef as m,useContext as N,useState as W}from"react";import P from"tiny-invariant";import{jsx as s,jsxs as f}from"react/jsx-runtime";var c=F(void 0),O=m(({className:n,children:e,defaultPageSize:a,...t},i)=>{let[o,r]=W(a);return s(c.Provider,{value:{defaultPageSize:a,pageSize:o,setPageSize:r},children:s("div",{className:p("inline-flex items-center justify-between gap-2",n),ref:i,...t,children:e})})});O.displayName="CursorPagination";var T=m(({hasNextPage:n,hasPreviousPage:e,onNextPage:a,onPreviousPage:t,...i},o)=>f(d,{appearance:"panel",ref:o,...i,children:[s(l,{appearance:"ghost",disabled:!e,icon:s(j,{}),label:"Previous page",onClick:t,size:"sm",type:"button"}),s(z,{orientation:"vertical",className:"min-h-5"}),s(l,{appearance:"ghost",disabled:!n,icon:s(k,{}),label:"Next page",onClick:a,size:"sm",type:"button"})]}));T.displayName="CursorButtons";var $=[5,10,20,50,100],B=m(({className:n,pageSizes:e=$,onChangePageSize:a,...t},i)=>{let o=N(c);return P(o,"CursorPageSizeSelect must be used as a child of a CursorPagination component"),P(e.includes(o.defaultPageSize),"CursorPagination.defaultPageSize must be included in CursorPageSizeSelect.pageSizes"),P(e.includes(o.pageSize),"CursorPagination.pageSize must be included in CursorPageSizeSelect.pageSizes"),f(b,{defaultValue:`${o.pageSize}`,onChange:r=>{let g=Number.parseInt(r,10);Number.isNaN(g)&&(g=o.defaultPageSize),o.setPageSize(g),a?.(g)},children:[s(x,{ref:i,className:p("w-auto min-w-36",n),value:o.pageSize,...t,children:s(v,{})}),s(y,{width:"trigger",children:e.map(r=>f(h,{value:`${r}`,children:[r," per page"]},r))})]})});B.displayName="CursorPageSizeSelect";function D({asChild:n=!1,className:e,...a}){let t=N(c);return P(t,"CursorPageSizeValue must be used as a child of a CursorPagination component"),f(n?A:"span",{className:p("text-muted text-sm font-normal",e),...a,children:[t.pageSize," per page"]})}import{useEffect as V,useState as w}from"react";function H({listSize:n,pageSize:e}){let[a,t]=w(1),[i,o]=w(e);V(()=>{o(e),t(1)},[e]),V(()=>{t(1)},[n]);let r=Math.ceil(n/i),g=(a-1)*i,S=a>1,C=a<r;function M(u){let U=Math.max(1,Math.min(u,r));t(U)}function E(){C&&t(u=>Math.min(u+1,r))}function R(){S&&t(u=>Math.max(u-1,1))}function G(u){o(u),t(1)}function I(){t(r)}function L(){t(1)}return{currentPage:a,goToFirstPage:L,goToLastPage:I,goToPage:M,hasNextPage:C,hasPreviousPage:S,nextPage:E,offset:g,pageSize:i,previousPage:R,setPageSize:G,totalPages:r}}function q(n,e){return n.slice(e.offset,e.offset+e.pageSize)}export{T as CursorButtons,B as CursorPageSizeSelect,D as CursorPageSizeValue,O as CursorPagination,q as getOffsetPaginatedSlice,H as useOffsetPagination};
|
|
2
2
|
//# sourceMappingURL=pagination.js.map
|
package/dist/select.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as e,b as t,c as l,d as S,e as c,f as r,g as o,h as a}from"./chunk-
|
|
1
|
+
import{a as e,b as t,c as l,d as S,e as c,f as r,g as o,h as a}from"./chunk-LQFPOUIE.js";import"./chunk-5E73VWJX.js";import"./chunk-CXQLUXDJ.js";import"./chunk-EW5CFGXT.js";export{e as Select,c as SelectContent,t as SelectGroup,o as SelectItem,r as SelectLabel,a as SelectSeparator,S as SelectTrigger,l as SelectValue};
|
|
2
2
|
//# sourceMappingURL=select.js.map
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "mantle is ngrok's UI library and design system.",
|
|
4
4
|
"author": "ngrok",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "0.
|
|
6
|
+
"version": "0.19.0",
|
|
7
7
|
"homepage": "https://mantle.ngrok.com",
|
|
8
8
|
"repository": {
|
|
9
9
|
"type": "git",
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
"@radix-ui/react-accordion": "1.2.2",
|
|
30
30
|
"@radix-ui/react-dialog": "1.1.4",
|
|
31
31
|
"@radix-ui/react-dropdown-menu": "2.1.4",
|
|
32
|
+
"@radix-ui/react-hover-card": "1.1.4",
|
|
32
33
|
"@radix-ui/react-popover": "1.1.4",
|
|
33
34
|
"@radix-ui/react-select": "2.1.4",
|
|
34
35
|
"@radix-ui/react-separator": "1.1.1",
|
|
@@ -53,23 +54,23 @@
|
|
|
53
54
|
"@testing-library/jest-dom": "6.6.3",
|
|
54
55
|
"@testing-library/react": "16.1.0",
|
|
55
56
|
"@testing-library/user-event": "14.5.2",
|
|
56
|
-
"@types/node": "22.10.
|
|
57
|
+
"@types/node": "22.10.6",
|
|
57
58
|
"@types/prismjs": "1.26.5",
|
|
58
59
|
"@types/react": "18.3.18",
|
|
59
60
|
"@types/react-dom": "18.3.5",
|
|
60
61
|
"@vitejs/plugin-react": "4.3.4",
|
|
61
62
|
"@vitest/ui": "2.1.8",
|
|
62
63
|
"autoprefixer": "10.4.20",
|
|
63
|
-
"browserslist": "4.24.
|
|
64
|
+
"browserslist": "4.24.4",
|
|
64
65
|
"date-fns": "3.6.0",
|
|
65
|
-
"jsdom": "
|
|
66
|
-
"postcss": "8.
|
|
66
|
+
"jsdom": "26.0.0",
|
|
67
|
+
"postcss": "8.5.0",
|
|
67
68
|
"react": "18.3.1",
|
|
68
69
|
"react-dom": "18.3.1",
|
|
69
70
|
"react-router-dom": "6.28.1",
|
|
70
71
|
"tailwindcss": "3.4.17",
|
|
71
72
|
"tsup": "8.3.5",
|
|
72
|
-
"typescript": "5.7.
|
|
73
|
+
"typescript": "5.7.3",
|
|
73
74
|
"vite": "5.4.11",
|
|
74
75
|
"vitest": "2.1.8",
|
|
75
76
|
"zod": "3.24.1",
|
|
@@ -78,7 +79,7 @@
|
|
|
78
79
|
"peerDependencies": {
|
|
79
80
|
"@phosphor-icons/react": "2.1.7",
|
|
80
81
|
"date-fns": "^3.6.0",
|
|
81
|
-
"postcss": "^8.
|
|
82
|
+
"postcss": "^8.5.0",
|
|
82
83
|
"react": "^18.3.1",
|
|
83
84
|
"react-dom": "^18.3.1",
|
|
84
85
|
"tailwindcss": "^3.4.17",
|
|
@@ -179,6 +180,11 @@
|
|
|
179
180
|
"import": "./dist/hooks.js",
|
|
180
181
|
"types": "./dist/hooks.d.ts"
|
|
181
182
|
},
|
|
183
|
+
"./hover-card": {
|
|
184
|
+
"@ngrok/mantle/source": "./src/components/hover-card/index.ts",
|
|
185
|
+
"import": "./dist/hover-card.js",
|
|
186
|
+
"types": "./dist/hover-card.d.ts"
|
|
187
|
+
},
|
|
182
188
|
"./icon": {
|
|
183
189
|
"@ngrok/mantle/source": "./src/components/icon/index.ts",
|
|
184
190
|
"import": "./dist/icon.js",
|
|
File without changes
|