@ngrok/mantle 0.1.6 → 0.1.7
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/dropdown-menu.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkROHPZJ5Ncjs = require('./chunk-ROHPZJ5N.cjs');var _chunkD3F6KEREcjs = require('./chunk-D3F6KERE.cjs');var _react = require('@ariakit/react'); var o = _interopRequireWildcard(_react);var _Check = require('@phosphor-icons/react/Check');var _react2 = require('react');var _jsxruntime = require('react/jsx-runtime');var y=o.MenuProvider,m= exports.DropdownMenuTrigger =_react2.forwardRef.call(void 0, ({asChild:t=!1,children:e,...n},a)=>t?_jsxruntime.jsx.call(void 0, o.MenuButton,{ref:a,render:typeof e=="object"&&e!=null?e:_jsxruntime.jsx.call(void 0, "button",{})}):_jsxruntime.jsx.call(void 0, o.MenuButton,{ref:a,...n,children:e}));m.displayName="DropdownMenuTrigger";var s=_react2.forwardRef.call(void 0, ({className:t,gutter:e=8,...n},a)=>_jsxruntime.jsx.call(void 0, o.Menu,{gutter:e,ref:a,className:_chunkD3F6KEREcjs.a.call(void 0, "z-50 min-w-[8rem] overflow-hidden rounded border border-popover bg-popover p-1.25 shadow-xl outline-none 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",t),...n}));s.displayName="DropdownMenuContent";var u=_react2.forwardRef.call(void 0, ({className:t,...e},n)=>_jsxruntime.jsx.call(void 0, o.MenuItem,{ref:n,className:_chunkD3F6KEREcjs.a.call(void 0, "relative flex cursor-pointer select-none items-center rounded px-2 py-1.5 text-sm font-normal text-strong outline-none data-active-item:bg-popover-hover data-disabled:pointer-events-none data-disabled:opacity-50 data-active-item:dark:bg-popover-hover",t),...e}));u.displayName="DropdownMenuItem";var l=_react2.forwardRef.call(void 0, ({className:t,children:e,...n},a)=>_jsxruntime.jsxs.call(void 0, o.MenuItemCheckbox,{ref:a,className:_chunkD3F6KEREcjs.a.call(void 0, "relative flex cursor-pointer select-none items-center gap-2 rounded py-1.5 pl-2 pr-9 text-sm font-normal text-strong outline-none data-disabled:pointer-events-none data-disabled:opacity-50","data-active-item:bg-popover","aria-checked
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkROHPZJ5Ncjs = require('./chunk-ROHPZJ5N.cjs');var _chunkD3F6KEREcjs = require('./chunk-D3F6KERE.cjs');var _react = require('@ariakit/react'); var o = _interopRequireWildcard(_react);var _Check = require('@phosphor-icons/react/Check');var _react2 = require('react');var _jsxruntime = require('react/jsx-runtime');var y=o.MenuProvider,m= exports.DropdownMenuTrigger =_react2.forwardRef.call(void 0, ({asChild:t=!1,children:e,...n},a)=>t?_jsxruntime.jsx.call(void 0, o.MenuButton,{ref:a,render:typeof e=="object"&&e!=null?e:_jsxruntime.jsx.call(void 0, "button",{})}):_jsxruntime.jsx.call(void 0, o.MenuButton,{ref:a,...n,children:e}));m.displayName="DropdownMenuTrigger";var s=_react2.forwardRef.call(void 0, ({className:t,gutter:e=8,...n},a)=>_jsxruntime.jsx.call(void 0, o.Menu,{gutter:e,ref:a,className:_chunkD3F6KEREcjs.a.call(void 0, "z-50 min-w-[8rem] overflow-hidden rounded border border-popover bg-popover p-1.25 shadow-xl outline-none 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",t),...n}));s.displayName="DropdownMenuContent";var u=_react2.forwardRef.call(void 0, ({className:t,...e},n)=>_jsxruntime.jsx.call(void 0, o.MenuItem,{ref:n,className:_chunkD3F6KEREcjs.a.call(void 0, "relative flex cursor-pointer select-none items-center rounded px-2 py-1.5 text-sm font-normal text-strong outline-none data-active-item:bg-popover-hover data-disabled:pointer-events-none data-disabled:opacity-50 data-active-item:dark:bg-popover-hover",t),...e}));u.displayName="DropdownMenuItem";var l=_react2.forwardRef.call(void 0, ({className:t,children:e,...n},a)=>_jsxruntime.jsxs.call(void 0, o.MenuItemCheckbox,{ref:a,className:_chunkD3F6KEREcjs.a.call(void 0, "relative flex cursor-pointer select-none items-center gap-2 rounded py-1.5 pl-2 pr-9 text-sm font-normal text-strong outline-none data-disabled:pointer-events-none data-disabled:opacity-50","data-active-item:bg-popover-hover data-active-item:dark:bg-popover-hover","aria-checked:!bg-filled-accent aria-checked:font-medium aria-checked:text-on-filled",t),...n,children:[e,_jsxruntime.jsx.call(void 0, f,{className:"absolute right-2 flex items-center"})]}));l.displayName="DropdownMenuCheckboxItem";var c=_react2.forwardRef.call(void 0, ({className:t,children:e,...n},a)=>_jsxruntime.jsxs.call(void 0, o.MenuItemRadio,{ref:a,className:_chunkD3F6KEREcjs.a.call(void 0, "relative flex cursor-pointer select-none items-center gap-2 rounded py-1.5 pl-2 pr-9 text-sm font-normal text-strong outline-none data-disabled:pointer-events-none data-disabled:opacity-50","data-active-item:bg-popover-hover data-active-item:dark:bg-popover-hover","aria-checked:!bg-filled-accent aria-checked:font-medium aria-checked:text-on-filled",t),...n,children:[e,_jsxruntime.jsx.call(void 0, f,{className:"absolute right-2 flex items-center"})]}));c.displayName="DropdownMenuRadioItem";var f=t=>_jsxruntime.jsx.call(void 0, o.MenuItemCheck,{...t,children:_jsxruntime.jsx.call(void 0, _Check.Check,{className:"size-5",weight:"bold"})}),M= exports.DropdownMenuLabel =_react2.forwardRef.call(void 0, ({className:t,...e},n)=>_jsxruntime.jsx.call(void 0, "div",{ref:n,className:_chunkD3F6KEREcjs.a.call(void 0, "px-2 py-1.5 text-sm font-medium text-strong",t),...e}));M.displayName="DropdownMenuLabel";var h=_react2.forwardRef.call(void 0, ({className:t,...e},n)=>_jsxruntime.jsx.call(void 0, _chunkROHPZJ5Ncjs.a,{ref:n,className:_chunkD3F6KEREcjs.a.call(void 0, "-mx-2 my-1 w-auto",t),...e}));h.displayName="DropdownMenuSeparator";var k=({className:t,...e})=>_jsxruntime.jsx.call(void 0, "span",{className:_chunkD3F6KEREcjs.a.call(void 0, "ml-auto text-xs tracking-widest opacity-60",t),...e});k.displayName="DropdownMenuShortcut";exports.DropdownMenu = y; exports.DropdownMenuCheckboxItem = l; exports.DropdownMenuContent = s; exports.DropdownMenuItem = u; exports.DropdownMenuLabel = M; exports.DropdownMenuRadioItem = c; exports.DropdownMenuSeparator = h; exports.DropdownMenuShortcut = k; exports.DropdownMenuTrigger = m;
|
|
2
2
|
//# sourceMappingURL=dropdown-menu.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../packages/dropdown-menu/src/dropdown-menu.tsx"],"names":["Ariakit","Check","forwardRef","jsx","jsxs","DropdownMenu","DropdownMenuTrigger","asChild","children","props","ref","DropdownMenuContent","className","gutter","cx","DropdownMenuItem","DropdownMenuCheckboxItem","DropdownMenuItemCheck","DropdownMenuRadioItem","DropdownMenuLabel","DropdownMenuSeparator","Separator","DropdownMenuShortcut"],"mappings":"kFAAA,UAAYA,MAAa,iBACzB,OAAS,SAAAC,MAAa,8BAEtB,OAAS,cAAAC,MAAkB,QAcuE,cAAAC,EA+ChG,QAAAC,MA/CgG,oBATlG,IAAMC,EAAuB,eAGvBC,EAAsBJ,EAC3B,CAAC,CAAE,QAAAK,EAAU,GAAO,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IACrCH,EAEFJ,EAAS,aAAR,CACA,IAAKO,EACL,OAAQ,OAAOF,GAAa,UAAYA,GAAY,KAAQA,EAAiCL,EAAC,WAAO,EACtG,EAKDA,EAAS,aAAR,CAAmB,IAAKO,EAAM,GAAGD,EAChC,SAAAD,EACF,CAGH,EACAF,EAAoB,YAAc,sBAElC,IAAMK,EAAsBT,EAC3B,CAAC,CAAE,UAAAU,EAAW,OAAAC,EAAS,EAAG,GAAGJ,CAAM,EAAGC,IACrCP,EAAS,OAAR,CACA,OAAQU,EACR,IAAKH,EACL,UAAWI,EACV,waACAF,CACD,EACC,GAAGH,EACL,CAEF,EACAE,EAAoB,YAAc,sBAElC,IAAMI,EAAmBb,EAGvB,CAAC,CAAE,UAAAU,EAAW,GAAGH,CAAM,EAAGC,IAC3BP,EAAS,WAAR,CACA,IAAKO,EACL,UAAWI,EACV,6PACAF,CACD,EACC,GAAGH,EACL,CACA,EACDM,EAAiB,YAAc,mBAG/B,IAAMC,EAA2Bd,EAChC,CAAC,CAAE,UAAAU,EAAW,SAAAJ,EAAU,GAAGC,CAAM,EAAGC,IACnCN,EAAS,mBAAR,CACA,IAAKM,EACL,UAAWI,EACV,+LACA,
|
|
1
|
+
{"version":3,"sources":["../packages/dropdown-menu/src/dropdown-menu.tsx"],"names":["Ariakit","Check","forwardRef","jsx","jsxs","DropdownMenu","DropdownMenuTrigger","asChild","children","props","ref","DropdownMenuContent","className","gutter","cx","DropdownMenuItem","DropdownMenuCheckboxItem","DropdownMenuItemCheck","DropdownMenuRadioItem","DropdownMenuLabel","DropdownMenuSeparator","Separator","DropdownMenuShortcut"],"mappings":"kFAAA,UAAYA,MAAa,iBACzB,OAAS,SAAAC,MAAa,8BAEtB,OAAS,cAAAC,MAAkB,QAcuE,cAAAC,EA+ChG,QAAAC,MA/CgG,oBATlG,IAAMC,EAAuB,eAGvBC,EAAsBJ,EAC3B,CAAC,CAAE,QAAAK,EAAU,GAAO,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IACrCH,EAEFJ,EAAS,aAAR,CACA,IAAKO,EACL,OAAQ,OAAOF,GAAa,UAAYA,GAAY,KAAQA,EAAiCL,EAAC,WAAO,EACtG,EAKDA,EAAS,aAAR,CAAmB,IAAKO,EAAM,GAAGD,EAChC,SAAAD,EACF,CAGH,EACAF,EAAoB,YAAc,sBAElC,IAAMK,EAAsBT,EAC3B,CAAC,CAAE,UAAAU,EAAW,OAAAC,EAAS,EAAG,GAAGJ,CAAM,EAAGC,IACrCP,EAAS,OAAR,CACA,OAAQU,EACR,IAAKH,EACL,UAAWI,EACV,waACAF,CACD,EACC,GAAGH,EACL,CAEF,EACAE,EAAoB,YAAc,sBAElC,IAAMI,EAAmBb,EAGvB,CAAC,CAAE,UAAAU,EAAW,GAAGH,CAAM,EAAGC,IAC3BP,EAAS,WAAR,CACA,IAAKO,EACL,UAAWI,EACV,6PACAF,CACD,EACC,GAAGH,EACL,CACA,EACDM,EAAiB,YAAc,mBAG/B,IAAMC,EAA2Bd,EAChC,CAAC,CAAE,UAAAU,EAAW,SAAAJ,EAAU,GAAGC,CAAM,EAAGC,IACnCN,EAAS,mBAAR,CACA,IAAKM,EACL,UAAWI,EACV,+LACA,2EACA,sFACAF,CACD,EACC,GAAGH,EAEH,UAAAD,EACDL,EAACc,EAAA,CAAsB,UAAU,qCAAqC,GACvE,CAEF,EACAD,EAAyB,YAAc,2BAGvC,IAAME,EAAwBhB,EAC7B,CAAC,CAAE,UAAAU,EAAW,SAAAJ,EAAU,GAAGC,CAAM,EAAGC,IACnCN,EAAS,gBAAR,CACA,IAAKM,EACL,UAAWI,EACV,+LACA,2EACA,sFACAF,CACD,EACC,GAAGH,EAEH,UAAAD,EACDL,EAACc,EAAA,CAAsB,UAAU,qCAAqC,GACvE,CAEF,EACAC,EAAsB,YAAc,wBAEpC,IAAMD,EAAyBR,GAC9BN,EAAS,gBAAR,CAAuB,GAAGM,EAC1B,SAAAN,EAACF,EAAA,CAAM,UAAU,SAAS,OAAO,OAAO,EACzC,EAGKkB,EAAoBjB,EACzB,CAAC,CAAE,UAAAU,EAAW,GAAGH,CAAM,EAAGC,IACzBP,EAAC,OAAI,IAAKO,EAAK,UAAWI,EAAG,8CAA+CF,CAAS,EAAI,GAAGH,EAAO,CAErG,EACAU,EAAkB,YAAc,oBAEhC,IAAMC,EAAwBlB,EAC7B,CAAC,CAAE,UAAAU,EAAW,GAAGH,CAAM,EAAGC,IAAQP,EAACkB,EAAA,CAAU,IAAKX,EAAK,UAAWI,EAAG,oBAAqBF,CAAS,EAAI,GAAGH,EAAO,CAClH,EACAW,EAAsB,YAAc,wBAEpC,IAAME,EAAuB,CAAC,CAAE,UAAAV,EAAW,GAAGH,CAAM,IAC5CN,EAAC,QAAK,UAAWW,EAAG,6CAA8CF,CAAS,EAAI,GAAGH,EAAO,EAEjGa,EAAqB,YAAc","sourcesContent":["import * as Ariakit from \"@ariakit/react\";\nimport { Check } from \"@phosphor-icons/react/Check\";\nimport type { ComponentPropsWithoutRef, ElementRef, HTMLAttributes } from \"react\";\nimport { forwardRef } from \"react\";\nimport { cx } from \"../../cx\";\nimport { Separator } from \"../../separator\";\nimport { WithAsChild } from \"../../types\";\n\nconst DropdownMenu = Ariakit.MenuProvider;\n\ntype DropdownMenuTriggerProps = Omit<ComponentPropsWithoutRef<typeof Ariakit.MenuButton>, \"render\"> & WithAsChild;\nconst DropdownMenuTrigger = forwardRef<ElementRef<\"button\">, DropdownMenuTriggerProps>(\n\t({ asChild = false, children, ...props }, ref) => {\n\t\tif (asChild) {\n\t\t\treturn (\n\t\t\t\t<Ariakit.MenuButton\n\t\t\t\t\tref={ref}\n\t\t\t\t\trender={typeof children === \"object\" && children != null ? (children as React.JSX.Element) : <button />}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Ariakit.MenuButton ref={ref} {...props}>\n\t\t\t\t{children}\n\t\t\t</Ariakit.MenuButton>\n\t\t);\n\t},\n);\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\n\nconst DropdownMenuContent = forwardRef<ElementRef<typeof Ariakit.Menu>, ComponentPropsWithoutRef<typeof Ariakit.Menu>>(\n\t({ className, gutter = 8, ...props }, ref) => (\n\t\t<Ariakit.Menu\n\t\t\tgutter={gutter}\n\t\t\tref={ref}\n\t\t\tclassName={cx(\n\t\t\t\t\"z-50 min-w-[8rem] overflow-hidden rounded border border-popover bg-popover p-1.25 shadow-xl outline-none 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\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\n\nconst DropdownMenuItem = forwardRef<\n\tElementRef<typeof Ariakit.MenuItem>,\n\tComponentPropsWithoutRef<typeof Ariakit.MenuItem>\n>(({ className, ...props }, ref) => (\n\t<Ariakit.MenuItem\n\t\tref={ref}\n\t\tclassName={cx(\n\t\t\t\"relative flex cursor-pointer select-none items-center rounded px-2 py-1.5 text-sm font-normal text-strong outline-none data-active-item:bg-popover-hover data-disabled:pointer-events-none data-disabled:opacity-50 data-active-item:dark:bg-popover-hover\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\n\ntype DropdownMenuCheckboxItemProps = Omit<ComponentPropsWithoutRef<typeof Ariakit.MenuItemCheckbox>, \"render\">;\nconst DropdownMenuCheckboxItem = forwardRef<ElementRef<typeof Ariakit.MenuItemRadio>, DropdownMenuCheckboxItemProps>(\n\t({ className, children, ...props }, ref) => (\n\t\t<Ariakit.MenuItemCheckbox\n\t\t\tref={ref}\n\t\t\tclassName={cx(\n\t\t\t\t\"relative flex cursor-pointer select-none items-center gap-2 rounded py-1.5 pl-2 pr-9 text-sm font-normal text-strong outline-none data-disabled:pointer-events-none data-disabled:opacity-50\",\n\t\t\t\t\"data-active-item:bg-popover-hover data-active-item:dark:bg-popover-hover\",\n\t\t\t\t\"aria-checked:!bg-filled-accent aria-checked:font-medium aria-checked:text-on-filled\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<DropdownMenuItemCheck className=\"absolute right-2 flex items-center\" />\n\t\t</Ariakit.MenuItemCheckbox>\n\t),\n);\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\n\ntype DropdownMenuRadioItemProps = Omit<ComponentPropsWithoutRef<typeof Ariakit.MenuItemRadio>, \"render\">;\nconst DropdownMenuRadioItem = forwardRef<ElementRef<typeof Ariakit.MenuItemRadio>, DropdownMenuRadioItemProps>(\n\t({ className, children, ...props }, ref) => (\n\t\t<Ariakit.MenuItemRadio\n\t\t\tref={ref}\n\t\t\tclassName={cx(\n\t\t\t\t\"relative flex cursor-pointer select-none items-center gap-2 rounded py-1.5 pl-2 pr-9 text-sm font-normal text-strong outline-none data-disabled:pointer-events-none data-disabled:opacity-50\",\n\t\t\t\t\"data-active-item:bg-popover-hover data-active-item:dark:bg-popover-hover\",\n\t\t\t\t\"aria-checked:!bg-filled-accent aria-checked:font-medium aria-checked:text-on-filled\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<DropdownMenuItemCheck className=\"absolute right-2 flex items-center\" />\n\t\t</Ariakit.MenuItemRadio>\n\t),\n);\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\n\nconst DropdownMenuItemCheck = (props: Omit<HTMLAttributes<HTMLSpanElement>, \"children\">) => (\n\t<Ariakit.MenuItemCheck {...props}>\n\t\t<Check className=\"size-5\" weight=\"bold\" />\n\t</Ariakit.MenuItemCheck>\n);\n\nconst DropdownMenuLabel = forwardRef<ElementRef<\"div\">, ComponentPropsWithoutRef<\"div\">>(\n\t({ className, ...props }, ref) => (\n\t\t<div ref={ref} className={cx(\"px-2 py-1.5 text-sm font-medium text-strong\", className)} {...props} />\n\t),\n);\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\";\n\nconst DropdownMenuSeparator = forwardRef<ElementRef<typeof Separator>, ComponentPropsWithoutRef<typeof Separator>>(\n\t({ className, ...props }, ref) => <Separator ref={ref} className={cx(\"-mx-2 my-1 w-auto\", className)} {...props} />,\n);\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\";\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n\treturn <span className={cx(\"ml-auto text-xs tracking-widest opacity-60\", className)} {...props} />;\n};\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\n\nexport {\n\tDropdownMenu,\n\tDropdownMenuTrigger,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuRadioItem,\n\tDropdownMenuLabel,\n\tDropdownMenuSeparator,\n\tDropdownMenuShortcut,\n\n\t// TODO(cody): audit / add in these exports in a follow up\n\t// DropdownMenuGroup,\n\t// DropdownMenuPortal,\n\t// DropdownMenuSub,\n\t// DropdownMenuSubContent,\n\t// DropdownMenuSubTrigger,\n\t// DropdownMenuRadioGroup,\n};\n"]}
|
package/dist/dropdown-menu.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as d}from"./chunk-C2ECUIPG.js";import{a as i}from"./chunk-A5H52ODC.js";import*as o from"@ariakit/react";import{Check as b}from"@phosphor-icons/react/Check";import{forwardRef as p}from"react";import{jsx as r,jsxs as w}from"react/jsx-runtime";var y=o.MenuProvider,m=p(({asChild:t=!1,children:e,...n},a)=>t?r(o.MenuButton,{ref:a,render:typeof e=="object"&&e!=null?e:r("button",{})}):r(o.MenuButton,{ref:a,...n,children:e}));m.displayName="DropdownMenuTrigger";var s=p(({className:t,gutter:e=8,...n},a)=>r(o.Menu,{gutter:e,ref:a,className:i("z-50 min-w-[8rem] overflow-hidden rounded border border-popover bg-popover p-1.25 shadow-xl outline-none 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",t),...n}));s.displayName="DropdownMenuContent";var u=p(({className:t,...e},n)=>r(o.MenuItem,{ref:n,className:i("relative flex cursor-pointer select-none items-center rounded px-2 py-1.5 text-sm font-normal text-strong outline-none data-active-item:bg-popover-hover data-disabled:pointer-events-none data-disabled:opacity-50 data-active-item:dark:bg-popover-hover",t),...e}));u.displayName="DropdownMenuItem";var l=p(({className:t,children:e,...n},a)=>w(o.MenuItemCheckbox,{ref:a,className:i("relative flex cursor-pointer select-none items-center gap-2 rounded py-1.5 pl-2 pr-9 text-sm font-normal text-strong outline-none data-disabled:pointer-events-none data-disabled:opacity-50","data-active-item:bg-popover","aria-checked
|
|
1
|
+
import{a as d}from"./chunk-C2ECUIPG.js";import{a as i}from"./chunk-A5H52ODC.js";import*as o from"@ariakit/react";import{Check as b}from"@phosphor-icons/react/Check";import{forwardRef as p}from"react";import{jsx as r,jsxs as w}from"react/jsx-runtime";var y=o.MenuProvider,m=p(({asChild:t=!1,children:e,...n},a)=>t?r(o.MenuButton,{ref:a,render:typeof e=="object"&&e!=null?e:r("button",{})}):r(o.MenuButton,{ref:a,...n,children:e}));m.displayName="DropdownMenuTrigger";var s=p(({className:t,gutter:e=8,...n},a)=>r(o.Menu,{gutter:e,ref:a,className:i("z-50 min-w-[8rem] overflow-hidden rounded border border-popover bg-popover p-1.25 shadow-xl outline-none 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",t),...n}));s.displayName="DropdownMenuContent";var u=p(({className:t,...e},n)=>r(o.MenuItem,{ref:n,className:i("relative flex cursor-pointer select-none items-center rounded px-2 py-1.5 text-sm font-normal text-strong outline-none data-active-item:bg-popover-hover data-disabled:pointer-events-none data-disabled:opacity-50 data-active-item:dark:bg-popover-hover",t),...e}));u.displayName="DropdownMenuItem";var l=p(({className:t,children:e,...n},a)=>w(o.MenuItemCheckbox,{ref:a,className:i("relative flex cursor-pointer select-none items-center gap-2 rounded py-1.5 pl-2 pr-9 text-sm font-normal text-strong outline-none data-disabled:pointer-events-none data-disabled:opacity-50","data-active-item:bg-popover-hover data-active-item:dark:bg-popover-hover","aria-checked:!bg-filled-accent aria-checked:font-medium aria-checked:text-on-filled",t),...n,children:[e,r(f,{className:"absolute right-2 flex items-center"})]}));l.displayName="DropdownMenuCheckboxItem";var c=p(({className:t,children:e,...n},a)=>w(o.MenuItemRadio,{ref:a,className:i("relative flex cursor-pointer select-none items-center gap-2 rounded py-1.5 pl-2 pr-9 text-sm font-normal text-strong outline-none data-disabled:pointer-events-none data-disabled:opacity-50","data-active-item:bg-popover-hover data-active-item:dark:bg-popover-hover","aria-checked:!bg-filled-accent aria-checked:font-medium aria-checked:text-on-filled",t),...n,children:[e,r(f,{className:"absolute right-2 flex items-center"})]}));c.displayName="DropdownMenuRadioItem";var f=t=>r(o.MenuItemCheck,{...t,children:r(b,{className:"size-5",weight:"bold"})}),M=p(({className:t,...e},n)=>r("div",{ref:n,className:i("px-2 py-1.5 text-sm font-medium text-strong",t),...e}));M.displayName="DropdownMenuLabel";var h=p(({className:t,...e},n)=>r(d,{ref:n,className:i("-mx-2 my-1 w-auto",t),...e}));h.displayName="DropdownMenuSeparator";var k=({className:t,...e})=>r("span",{className:i("ml-auto text-xs tracking-widest opacity-60",t),...e});k.displayName="DropdownMenuShortcut";export{y as DropdownMenu,l as DropdownMenuCheckboxItem,s as DropdownMenuContent,u as DropdownMenuItem,M as DropdownMenuLabel,c as DropdownMenuRadioItem,h as DropdownMenuSeparator,k as DropdownMenuShortcut,m as DropdownMenuTrigger};
|
|
2
2
|
//# sourceMappingURL=dropdown-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../packages/dropdown-menu/src/dropdown-menu.tsx"],"sourcesContent":["import * as Ariakit from \"@ariakit/react\";\nimport { Check } from \"@phosphor-icons/react/Check\";\nimport type { ComponentPropsWithoutRef, ElementRef, HTMLAttributes } from \"react\";\nimport { forwardRef } from \"react\";\nimport { cx } from \"../../cx\";\nimport { Separator } from \"../../separator\";\nimport { WithAsChild } from \"../../types\";\n\nconst DropdownMenu = Ariakit.MenuProvider;\n\ntype DropdownMenuTriggerProps = Omit<ComponentPropsWithoutRef<typeof Ariakit.MenuButton>, \"render\"> & WithAsChild;\nconst DropdownMenuTrigger = forwardRef<ElementRef<\"button\">, DropdownMenuTriggerProps>(\n\t({ asChild = false, children, ...props }, ref) => {\n\t\tif (asChild) {\n\t\t\treturn (\n\t\t\t\t<Ariakit.MenuButton\n\t\t\t\t\tref={ref}\n\t\t\t\t\trender={typeof children === \"object\" && children != null ? (children as React.JSX.Element) : <button />}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Ariakit.MenuButton ref={ref} {...props}>\n\t\t\t\t{children}\n\t\t\t</Ariakit.MenuButton>\n\t\t);\n\t},\n);\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\n\nconst DropdownMenuContent = forwardRef<ElementRef<typeof Ariakit.Menu>, ComponentPropsWithoutRef<typeof Ariakit.Menu>>(\n\t({ className, gutter = 8, ...props }, ref) => (\n\t\t<Ariakit.Menu\n\t\t\tgutter={gutter}\n\t\t\tref={ref}\n\t\t\tclassName={cx(\n\t\t\t\t\"z-50 min-w-[8rem] overflow-hidden rounded border border-popover bg-popover p-1.25 shadow-xl outline-none 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\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\n\nconst DropdownMenuItem = forwardRef<\n\tElementRef<typeof Ariakit.MenuItem>,\n\tComponentPropsWithoutRef<typeof Ariakit.MenuItem>\n>(({ className, ...props }, ref) => (\n\t<Ariakit.MenuItem\n\t\tref={ref}\n\t\tclassName={cx(\n\t\t\t\"relative flex cursor-pointer select-none items-center rounded px-2 py-1.5 text-sm font-normal text-strong outline-none data-active-item:bg-popover-hover data-disabled:pointer-events-none data-disabled:opacity-50 data-active-item:dark:bg-popover-hover\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\n\ntype DropdownMenuCheckboxItemProps = Omit<ComponentPropsWithoutRef<typeof Ariakit.MenuItemCheckbox>, \"render\">;\nconst DropdownMenuCheckboxItem = forwardRef<ElementRef<typeof Ariakit.MenuItemRadio>, DropdownMenuCheckboxItemProps>(\n\t({ className, children, ...props }, ref) => (\n\t\t<Ariakit.MenuItemCheckbox\n\t\t\tref={ref}\n\t\t\tclassName={cx(\n\t\t\t\t\"relative flex cursor-pointer select-none items-center gap-2 rounded py-1.5 pl-2 pr-9 text-sm font-normal text-strong outline-none data-disabled:pointer-events-none data-disabled:opacity-50\",\n\t\t\t\t\"data-active-item:bg-popover\",\n\t\t\t\t\"aria-checked
|
|
1
|
+
{"version":3,"sources":["../packages/dropdown-menu/src/dropdown-menu.tsx"],"sourcesContent":["import * as Ariakit from \"@ariakit/react\";\nimport { Check } from \"@phosphor-icons/react/Check\";\nimport type { ComponentPropsWithoutRef, ElementRef, HTMLAttributes } from \"react\";\nimport { forwardRef } from \"react\";\nimport { cx } from \"../../cx\";\nimport { Separator } from \"../../separator\";\nimport { WithAsChild } from \"../../types\";\n\nconst DropdownMenu = Ariakit.MenuProvider;\n\ntype DropdownMenuTriggerProps = Omit<ComponentPropsWithoutRef<typeof Ariakit.MenuButton>, \"render\"> & WithAsChild;\nconst DropdownMenuTrigger = forwardRef<ElementRef<\"button\">, DropdownMenuTriggerProps>(\n\t({ asChild = false, children, ...props }, ref) => {\n\t\tif (asChild) {\n\t\t\treturn (\n\t\t\t\t<Ariakit.MenuButton\n\t\t\t\t\tref={ref}\n\t\t\t\t\trender={typeof children === \"object\" && children != null ? (children as React.JSX.Element) : <button />}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Ariakit.MenuButton ref={ref} {...props}>\n\t\t\t\t{children}\n\t\t\t</Ariakit.MenuButton>\n\t\t);\n\t},\n);\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\n\nconst DropdownMenuContent = forwardRef<ElementRef<typeof Ariakit.Menu>, ComponentPropsWithoutRef<typeof Ariakit.Menu>>(\n\t({ className, gutter = 8, ...props }, ref) => (\n\t\t<Ariakit.Menu\n\t\t\tgutter={gutter}\n\t\t\tref={ref}\n\t\t\tclassName={cx(\n\t\t\t\t\"z-50 min-w-[8rem] overflow-hidden rounded border border-popover bg-popover p-1.25 shadow-xl outline-none 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\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\n\nconst DropdownMenuItem = forwardRef<\n\tElementRef<typeof Ariakit.MenuItem>,\n\tComponentPropsWithoutRef<typeof Ariakit.MenuItem>\n>(({ className, ...props }, ref) => (\n\t<Ariakit.MenuItem\n\t\tref={ref}\n\t\tclassName={cx(\n\t\t\t\"relative flex cursor-pointer select-none items-center rounded px-2 py-1.5 text-sm font-normal text-strong outline-none data-active-item:bg-popover-hover data-disabled:pointer-events-none data-disabled:opacity-50 data-active-item:dark:bg-popover-hover\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\n\ntype DropdownMenuCheckboxItemProps = Omit<ComponentPropsWithoutRef<typeof Ariakit.MenuItemCheckbox>, \"render\">;\nconst DropdownMenuCheckboxItem = forwardRef<ElementRef<typeof Ariakit.MenuItemRadio>, DropdownMenuCheckboxItemProps>(\n\t({ className, children, ...props }, ref) => (\n\t\t<Ariakit.MenuItemCheckbox\n\t\t\tref={ref}\n\t\t\tclassName={cx(\n\t\t\t\t\"relative flex cursor-pointer select-none items-center gap-2 rounded py-1.5 pl-2 pr-9 text-sm font-normal text-strong outline-none data-disabled:pointer-events-none data-disabled:opacity-50\",\n\t\t\t\t\"data-active-item:bg-popover-hover data-active-item:dark:bg-popover-hover\",\n\t\t\t\t\"aria-checked:!bg-filled-accent aria-checked:font-medium aria-checked:text-on-filled\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<DropdownMenuItemCheck className=\"absolute right-2 flex items-center\" />\n\t\t</Ariakit.MenuItemCheckbox>\n\t),\n);\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\n\ntype DropdownMenuRadioItemProps = Omit<ComponentPropsWithoutRef<typeof Ariakit.MenuItemRadio>, \"render\">;\nconst DropdownMenuRadioItem = forwardRef<ElementRef<typeof Ariakit.MenuItemRadio>, DropdownMenuRadioItemProps>(\n\t({ className, children, ...props }, ref) => (\n\t\t<Ariakit.MenuItemRadio\n\t\t\tref={ref}\n\t\t\tclassName={cx(\n\t\t\t\t\"relative flex cursor-pointer select-none items-center gap-2 rounded py-1.5 pl-2 pr-9 text-sm font-normal text-strong outline-none data-disabled:pointer-events-none data-disabled:opacity-50\",\n\t\t\t\t\"data-active-item:bg-popover-hover data-active-item:dark:bg-popover-hover\",\n\t\t\t\t\"aria-checked:!bg-filled-accent aria-checked:font-medium aria-checked:text-on-filled\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<DropdownMenuItemCheck className=\"absolute right-2 flex items-center\" />\n\t\t</Ariakit.MenuItemRadio>\n\t),\n);\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\n\nconst DropdownMenuItemCheck = (props: Omit<HTMLAttributes<HTMLSpanElement>, \"children\">) => (\n\t<Ariakit.MenuItemCheck {...props}>\n\t\t<Check className=\"size-5\" weight=\"bold\" />\n\t</Ariakit.MenuItemCheck>\n);\n\nconst DropdownMenuLabel = forwardRef<ElementRef<\"div\">, ComponentPropsWithoutRef<\"div\">>(\n\t({ className, ...props }, ref) => (\n\t\t<div ref={ref} className={cx(\"px-2 py-1.5 text-sm font-medium text-strong\", className)} {...props} />\n\t),\n);\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\";\n\nconst DropdownMenuSeparator = forwardRef<ElementRef<typeof Separator>, ComponentPropsWithoutRef<typeof Separator>>(\n\t({ className, ...props }, ref) => <Separator ref={ref} className={cx(\"-mx-2 my-1 w-auto\", className)} {...props} />,\n);\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\";\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n\treturn <span className={cx(\"ml-auto text-xs tracking-widest opacity-60\", className)} {...props} />;\n};\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\n\nexport {\n\tDropdownMenu,\n\tDropdownMenuTrigger,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuRadioItem,\n\tDropdownMenuLabel,\n\tDropdownMenuSeparator,\n\tDropdownMenuShortcut,\n\n\t// TODO(cody): audit / add in these exports in a follow up\n\t// DropdownMenuGroup,\n\t// DropdownMenuPortal,\n\t// DropdownMenuSub,\n\t// DropdownMenuSubContent,\n\t// DropdownMenuSubTrigger,\n\t// DropdownMenuRadioGroup,\n};\n"],"mappings":"gFAAA,UAAYA,MAAa,iBACzB,OAAS,SAAAC,MAAa,8BAEtB,OAAS,cAAAC,MAAkB,QAcuE,cAAAC,EA+ChG,QAAAC,MA/CgG,oBATlG,IAAMC,EAAuB,eAGvBC,EAAsBC,EAC3B,CAAC,CAAE,QAAAC,EAAU,GAAO,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IACrCH,EAEFL,EAAS,aAAR,CACA,IAAKQ,EACL,OAAQ,OAAOF,GAAa,UAAYA,GAAY,KAAQA,EAAiCN,EAAC,WAAO,EACtG,EAKDA,EAAS,aAAR,CAAmB,IAAKQ,EAAM,GAAGD,EAChC,SAAAD,EACF,CAGH,EACAH,EAAoB,YAAc,sBAElC,IAAMM,EAAsBL,EAC3B,CAAC,CAAE,UAAAM,EAAW,OAAAC,EAAS,EAAG,GAAGJ,CAAM,EAAGC,IACrCR,EAAS,OAAR,CACA,OAAQW,EACR,IAAKH,EACL,UAAWI,EACV,waACAF,CACD,EACC,GAAGH,EACL,CAEF,EACAE,EAAoB,YAAc,sBAElC,IAAMI,EAAmBT,EAGvB,CAAC,CAAE,UAAAM,EAAW,GAAGH,CAAM,EAAGC,IAC3BR,EAAS,WAAR,CACA,IAAKQ,EACL,UAAWI,EACV,6PACAF,CACD,EACC,GAAGH,EACL,CACA,EACDM,EAAiB,YAAc,mBAG/B,IAAMC,EAA2BV,EAChC,CAAC,CAAE,UAAAM,EAAW,SAAAJ,EAAU,GAAGC,CAAM,EAAGC,IACnCP,EAAS,mBAAR,CACA,IAAKO,EACL,UAAWI,EACV,+LACA,2EACA,sFACAF,CACD,EACC,GAAGH,EAEH,UAAAD,EACDN,EAACe,EAAA,CAAsB,UAAU,qCAAqC,GACvE,CAEF,EACAD,EAAyB,YAAc,2BAGvC,IAAME,EAAwBZ,EAC7B,CAAC,CAAE,UAAAM,EAAW,SAAAJ,EAAU,GAAGC,CAAM,EAAGC,IACnCP,EAAS,gBAAR,CACA,IAAKO,EACL,UAAWI,EACV,+LACA,2EACA,sFACAF,CACD,EACC,GAAGH,EAEH,UAAAD,EACDN,EAACe,EAAA,CAAsB,UAAU,qCAAqC,GACvE,CAEF,EACAC,EAAsB,YAAc,wBAEpC,IAAMD,EAAyBR,GAC9BP,EAAS,gBAAR,CAAuB,GAAGO,EAC1B,SAAAP,EAACiB,EAAA,CAAM,UAAU,SAAS,OAAO,OAAO,EACzC,EAGKC,EAAoBd,EACzB,CAAC,CAAE,UAAAM,EAAW,GAAGH,CAAM,EAAGC,IACzBR,EAAC,OAAI,IAAKQ,EAAK,UAAWI,EAAG,8CAA+CF,CAAS,EAAI,GAAGH,EAAO,CAErG,EACAW,EAAkB,YAAc,oBAEhC,IAAMC,EAAwBf,EAC7B,CAAC,CAAE,UAAAM,EAAW,GAAGH,CAAM,EAAGC,IAAQR,EAACoB,EAAA,CAAU,IAAKZ,EAAK,UAAWI,EAAG,oBAAqBF,CAAS,EAAI,GAAGH,EAAO,CAClH,EACAY,EAAsB,YAAc,wBAEpC,IAAME,EAAuB,CAAC,CAAE,UAAAX,EAAW,GAAGH,CAAM,IAC5CP,EAAC,QAAK,UAAWY,EAAG,6CAA8CF,CAAS,EAAI,GAAGH,EAAO,EAEjGc,EAAqB,YAAc","names":["Ariakit","Check","forwardRef","jsx","jsxs","DropdownMenu","DropdownMenuTrigger","forwardRef","asChild","children","props","ref","DropdownMenuContent","className","gutter","cx","DropdownMenuItem","DropdownMenuCheckboxItem","DropdownMenuItemCheck","DropdownMenuRadioItem","Check","DropdownMenuLabel","DropdownMenuSeparator","Separator","DropdownMenuShortcut"]}
|
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.1.
|
|
6
|
+
"version": "0.1.7",
|
|
7
7
|
"homepage": "https://mantle.ngrok.com",
|
|
8
8
|
"repository": {
|
|
9
9
|
"type": "git",
|
|
@@ -52,10 +52,10 @@
|
|
|
52
52
|
"@phosphor-icons/react": "2.1.3",
|
|
53
53
|
"@remix-run/dev": "2.8.1",
|
|
54
54
|
"@remix-run/eslint-config": "2.8.1",
|
|
55
|
-
"@testing-library/react": "
|
|
55
|
+
"@testing-library/react": "15.0.0",
|
|
56
56
|
"@testing-library/user-event": "14.5.2",
|
|
57
57
|
"@types/bun": "latest",
|
|
58
|
-
"@types/node": "20.12.
|
|
58
|
+
"@types/node": "20.12.7",
|
|
59
59
|
"@types/prismjs": "1.26.3",
|
|
60
60
|
"@types/react": "18.2.75",
|
|
61
61
|
"@types/react-dom": "18.2.24",
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
"tailwindcss": "3.4.3",
|
|
82
82
|
"tsup": "8.0.2",
|
|
83
83
|
"tsx": "4.7.2",
|
|
84
|
-
"typescript": "5.4.
|
|
84
|
+
"typescript": "5.4.5",
|
|
85
85
|
"vite": "5.2.8",
|
|
86
86
|
"vite-tsconfig-paths": "4.3.2",
|
|
87
87
|
"vitest": "1.4.0",
|