@codefast/ui 0.0.34 → 0.0.36
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/animate.plugin.ts +68 -42
- package/base.plugin.ts +4 -0
- package/dist/accordion.js +1 -1
- package/dist/accordion.js.map +1 -1
- package/dist/accordion.mjs +1 -1
- package/dist/accordion.mjs.map +1 -1
- package/dist/alert-dialog.js +1 -1
- package/dist/alert-dialog.js.map +1 -1
- package/dist/alert-dialog.mjs +1 -1
- package/dist/alert-dialog.mjs.map +1 -1
- package/dist/alert.js +1 -1
- package/dist/alert.js.map +1 -1
- package/dist/alert.mjs +1 -1
- package/dist/alert.mjs.map +1 -1
- package/dist/animate.plugin.js +1 -1
- package/dist/animate.plugin.mjs +1 -1
- package/dist/base.plugin.js +1 -1
- package/dist/base.plugin.mjs +1 -1
- package/dist/button.js +1 -1
- package/dist/button.mjs +1 -1
- package/dist/calendar.js +1 -1
- package/dist/calendar.mjs +1 -1
- package/dist/card.js +1 -1
- package/dist/card.js.map +1 -1
- package/dist/card.mjs +1 -1
- package/dist/card.mjs.map +1 -1
- package/dist/carousel.js +1 -1
- package/dist/carousel.js.map +1 -1
- package/dist/carousel.mjs +1 -1
- package/dist/carousel.mjs.map +1 -1
- package/dist/checkbox-cards.js +1 -1
- package/dist/checkbox-cards.js.map +1 -1
- package/dist/checkbox-cards.mjs +1 -1
- package/dist/checkbox-cards.mjs.map +1 -1
- package/dist/{chunk-MZK6NKEQ.mjs → chunk-4UVLRXTB.mjs} +2 -2
- package/dist/chunk-55N7YRUU.js +2 -0
- package/dist/chunk-55N7YRUU.js.map +1 -0
- package/dist/chunk-5M27PLCC.js +2 -0
- package/dist/chunk-5M27PLCC.js.map +1 -0
- package/dist/chunk-7XGQAAYA.mjs +2 -0
- package/dist/chunk-7XGQAAYA.mjs.map +1 -0
- package/dist/chunk-AGQAQPG4.mjs +2 -0
- package/dist/chunk-AGQAQPG4.mjs.map +1 -0
- package/dist/chunk-F573R6SD.mjs +2 -0
- package/dist/chunk-F573R6SD.mjs.map +1 -0
- package/dist/chunk-FEHY6EXQ.js +2 -0
- package/dist/chunk-FEHY6EXQ.js.map +1 -0
- package/dist/chunk-FMUUVBVI.mjs +2 -0
- package/dist/chunk-FMUUVBVI.mjs.map +1 -0
- package/dist/chunk-ICHQEE5Q.js +2 -0
- package/dist/chunk-ICHQEE5Q.js.map +1 -0
- package/dist/chunk-K7TLHY6G.js +2 -0
- package/dist/chunk-K7TLHY6G.js.map +1 -0
- package/dist/chunk-KXTYKCZX.js +2 -0
- package/dist/chunk-KXTYKCZX.js.map +1 -0
- package/dist/{chunk-HL4LYB74.js → chunk-MUVQMEAI.js} +2 -2
- package/dist/chunk-OJNMIA22.mjs +2 -0
- package/dist/chunk-OJNMIA22.mjs.map +1 -0
- package/dist/chunk-YZ5BKYGH.mjs +2 -0
- package/dist/chunk-YZ5BKYGH.mjs.map +1 -0
- package/dist/collapsible.d.mts +1 -1
- package/dist/collapsible.d.ts +1 -1
- package/dist/collapsible.js +1 -1
- package/dist/collapsible.js.map +1 -1
- package/dist/collapsible.mjs +1 -1
- package/dist/collapsible.mjs.map +1 -1
- package/dist/command.js +1 -1
- package/dist/command.js.map +1 -1
- package/dist/command.mjs +1 -1
- package/dist/command.mjs.map +1 -1
- package/dist/context-menu.js +1 -1
- package/dist/context-menu.js.map +1 -1
- package/dist/context-menu.mjs +1 -1
- package/dist/context-menu.mjs.map +1 -1
- package/dist/data-table.js +1 -1
- package/dist/data-table.mjs +1 -1
- package/dist/dialog.js +1 -1
- package/dist/dialog.mjs +1 -1
- package/dist/drawer.js +1 -1
- package/dist/drawer.js.map +1 -1
- package/dist/drawer.mjs +1 -1
- package/dist/drawer.mjs.map +1 -1
- package/dist/dropdown-menu.js +1 -1
- package/dist/dropdown-menu.mjs +1 -1
- package/dist/form.js +1 -1
- package/dist/form.js.map +1 -1
- package/dist/form.mjs +1 -1
- package/dist/form.mjs.map +1 -1
- package/dist/hover-card.js +1 -1
- package/dist/hover-card.js.map +1 -1
- package/dist/hover-card.mjs +1 -1
- package/dist/hover-card.mjs.map +1 -1
- package/dist/input-otp.js +1 -1
- package/dist/input-otp.js.map +1 -1
- package/dist/input-otp.mjs +1 -1
- package/dist/input-otp.mjs.map +1 -1
- package/dist/menubar.js +1 -1
- package/dist/menubar.js.map +1 -1
- package/dist/menubar.mjs +1 -1
- package/dist/menubar.mjs.map +1 -1
- package/dist/navigation-menu.d.mts +1 -5
- package/dist/navigation-menu.d.ts +1 -5
- package/dist/navigation-menu.js +1 -1
- package/dist/navigation-menu.js.map +1 -1
- package/dist/navigation-menu.mjs +1 -1
- package/dist/navigation-menu.mjs.map +1 -1
- package/dist/pagination.js +1 -1
- package/dist/pagination.mjs +1 -1
- package/dist/popover.js +1 -1
- package/dist/popover.js.map +1 -1
- package/dist/popover.mjs +1 -1
- package/dist/popover.mjs.map +1 -1
- package/dist/radio-cards.js +1 -1
- package/dist/radio-cards.js.map +1 -1
- package/dist/radio-cards.mjs +1 -1
- package/dist/radio-cards.mjs.map +1 -1
- package/dist/scroll-area.js +1 -1
- package/dist/scroll-area.js.map +1 -1
- package/dist/scroll-area.mjs +1 -1
- package/dist/scroll-area.mjs.map +1 -1
- package/dist/select.js +1 -1
- package/dist/select.mjs +1 -1
- package/dist/sheet.js +1 -1
- package/dist/sheet.js.map +1 -1
- package/dist/sheet.mjs +1 -1
- package/dist/sheet.mjs.map +1 -1
- package/dist/skeleton.js +1 -1
- package/dist/skeleton.js.map +1 -1
- package/dist/skeleton.mjs +1 -1
- package/dist/skeleton.mjs.map +1 -1
- package/dist/spinner.js +1 -1
- package/dist/spinner.mjs +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/tailwind.config.js +1 -1
- package/dist/tailwind.config.js.map +1 -1
- package/dist/tailwind.config.mjs +1 -1
- package/dist/tailwind.config.mjs.map +1 -1
- package/dist/toggle-group.js +1 -1
- package/dist/toggle-group.js.map +1 -1
- package/dist/toggle-group.mjs +1 -1
- package/dist/toggle-group.mjs.map +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/tooltip.js.map +1 -1
- package/dist/tooltip.mjs +1 -1
- package/dist/tooltip.mjs.map +1 -1
- package/package.json +1 -1
- package/src/accordion.tsx +5 -8
- package/src/alert-dialog.tsx +2 -2
- package/src/alert.tsx +1 -1
- package/src/card.tsx +1 -1
- package/src/carousel.tsx +1 -1
- package/src/checkbox-cards.tsx +2 -7
- package/src/collapsible.tsx +18 -2
- package/src/command.tsx +1 -1
- package/src/context-menu.tsx +9 -9
- package/src/dialog.tsx +3 -3
- package/src/drawer.tsx +1 -1
- package/src/dropdown-menu.tsx +9 -9
- package/src/form.tsx +1 -1
- package/src/hover-card.tsx +1 -1
- package/src/input-otp.tsx +1 -1
- package/src/menubar.tsx +10 -10
- package/src/navigation-menu.tsx +12 -13
- package/src/popover.tsx +1 -1
- package/src/radio-cards.tsx +1 -1
- package/src/scroll-area.tsx +1 -1
- package/src/select.tsx +5 -5
- package/src/sheet.tsx +3 -3
- package/src/skeleton.tsx +1 -1
- package/src/spinner.tsx +2 -2
- package/src/toggle-group.tsx +2 -2
- package/src/tooltip.tsx +1 -1
- package/tailwind.config.ts +7 -7
- package/dist/chunk-2RQCRE7N.js +0 -2
- package/dist/chunk-2RQCRE7N.js.map +0 -1
- package/dist/chunk-4O6ITKSR.mjs +0 -2
- package/dist/chunk-4O6ITKSR.mjs.map +0 -1
- package/dist/chunk-4PLFXJV7.js +0 -2
- package/dist/chunk-4PLFXJV7.js.map +0 -1
- package/dist/chunk-HJ4U5JJA.mjs +0 -2
- package/dist/chunk-HJ4U5JJA.mjs.map +0 -1
- package/dist/chunk-JVGHOCS7.js +0 -2
- package/dist/chunk-JVGHOCS7.js.map +0 -1
- package/dist/chunk-K2R52EI6.js +0 -2
- package/dist/chunk-K2R52EI6.js.map +0 -1
- package/dist/chunk-KEXJH5MC.js +0 -2
- package/dist/chunk-KEXJH5MC.js.map +0 -1
- package/dist/chunk-OFYFDUZA.mjs +0 -2
- package/dist/chunk-OFYFDUZA.mjs.map +0 -1
- package/dist/chunk-OMKKUHYT.mjs +0 -2
- package/dist/chunk-OMKKUHYT.mjs.map +0 -1
- package/dist/chunk-TMXZMQRK.mjs +0 -2
- package/dist/chunk-TMXZMQRK.mjs.map +0 -1
- package/dist/chunk-Y3CNKB2A.js +0 -2
- package/dist/chunk-Y3CNKB2A.js.map +0 -1
- package/dist/chunk-Y4C6DTPN.mjs +0 -2
- package/dist/chunk-Y4C6DTPN.mjs.map +0 -1
- /package/dist/{chunk-MZK6NKEQ.mjs.map → chunk-4UVLRXTB.mjs.map} +0 -0
- /package/dist/{chunk-HL4LYB74.js.map → chunk-MUVQMEAI.js.map} +0 -0
package/dist/hover-card.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/hover-card.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCard\n * -------------------------------------------------------------------------- */\n\ntype HoverCardProps = React.ComponentProps<typeof HoverCardPrimitive.Root>;\nconst HoverCard = HoverCardPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardTrigger\n * -------------------------------------------------------------------------- */\n\ntype HoverCardTriggerProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Trigger>;\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardContent\n * -------------------------------------------------------------------------- */\n\ntype HoverCardContentElement = React.ElementRef<typeof HoverCardPrimitive.Content>;\ntype HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>;\n\nconst HoverCardContent = React.forwardRef<HoverCardContentElement, HoverCardContentProps>(\n ({ className, align = \"center\", sideOffset = 6, ...props }, ref) => (\n <HoverCardPrimitive.Portal>\n <HoverCardPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in
|
|
1
|
+
{"version":3,"sources":["../src/hover-card.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCard\n * -------------------------------------------------------------------------- */\n\ntype HoverCardProps = React.ComponentProps<typeof HoverCardPrimitive.Root>;\nconst HoverCard = HoverCardPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardTrigger\n * -------------------------------------------------------------------------- */\n\ntype HoverCardTriggerProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Trigger>;\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardContent\n * -------------------------------------------------------------------------- */\n\ntype HoverCardContentElement = React.ElementRef<typeof HoverCardPrimitive.Content>;\ntype HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>;\n\nconst HoverCardContent = React.forwardRef<HoverCardContentElement, HoverCardContentProps>(\n ({ className, align = \"center\", sideOffset = 6, ...props }, ref) => (\n <HoverCardPrimitive.Portal>\n <HoverCardPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-4 shadow-md\",\n className,\n )}\n {...props}\n />\n </HoverCardPrimitive.Portal>\n ),\n);\n\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardArrow\n * -------------------------------------------------------------------------- */\n\ntype HoverCardArrowElement = React.ElementRef<typeof HoverCardPrimitive.Arrow>;\ntype HoverCardArrowProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Arrow>;\n\nconst HoverCardArrow = React.forwardRef<HoverCardArrowElement, HoverCardArrowProps>(({ className, ...props }, ref) => (\n <HoverCardPrimitive.Arrow ref={ref} className={cn(\"fill-popover\", className)} {...props} />\n));\n\nHoverCardArrow.displayName = HoverCardPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n HoverCard,\n HoverCardTrigger,\n HoverCardContent,\n HoverCardArrow,\n type HoverCardProps,\n type HoverCardTriggerProps,\n type HoverCardContentProps,\n type HoverCardArrowProps,\n};\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAwB,6BA2B9B,cAAAC,MAAA,oBAnBN,IAAMC,EAA+B,OAO/BC,EAAsC,UAStCC,EAAyB,aAC7B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAQ,SAAU,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IAC1DR,EAAoB,SAAnB,CACC,SAAAA,EAAoB,UAAnB,CACC,IAAKQ,EACL,MAAOH,EACP,WAAYC,EACZ,UAAWG,EACT,gtBACAL,CACF,EACC,GAAGG,EACN,EACF,CAEJ,EAEAJ,EAAiB,YAAiC,UAAQ,YAS1D,IAAMO,EAAuB,aAAuD,CAAC,CAAE,UAAAN,EAAW,GAAGG,CAAM,EAAGC,IAC5GR,EAAoB,QAAnB,CAAyB,IAAKQ,EAAK,UAAWC,EAAG,eAAgBL,CAAS,EAAI,GAAGG,EAAO,CAC1F,EAEDG,EAAe,YAAiC,QAAM","names":["React","HoverCardPrimitive","jsx","HoverCard","HoverCardTrigger","HoverCardContent","className","align","sideOffset","props","ref","cn","HoverCardArrow"]}
|
package/dist/input-otp.js
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; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var n = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _inputotp = require('input-otp');var _jsxruntime = require('react/jsx-runtime');var P=n.forwardRef(({className:t,containerClassName:e,...p},a)=>_jsxruntime.jsx.call(void 0, _inputotp.OTPInput,{ref:a,containerClassName:_chunkQZCQ42BPjs.b.call(void 0, "flex items-center gap-2 has-[:disabled]:opacity-50",e),className:_chunkQZCQ42BPjs.b.call(void 0, "disabled:cursor-not-allowed",t),...p}));P.displayName="InputOTP";var T=n.forwardRef(({className:t,...e},p)=>_jsxruntime.jsx.call(void 0, "div",{ref:p,className:_chunkQZCQ42BPjs.b.call(void 0, "flex items-center",t),...e}));T.displayName="InputOTPGroup";var m=n.forwardRef(({index:t,className:e,...p},a)=>{let s=n.useContext(_inputotp.OTPInputContext).slots[t];return _jsxruntime.jsxs.call(void 0, "div",{ref:a,className:_chunkQZCQ42BPjs.b.call(void 0, "border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",_optionalChain([s, 'optionalAccess', _ => _.isActive])&&"z-10 outline outline-2",e),...p,children:[_optionalChain([s, 'optionalAccess', _2 => _2.char]),_optionalChain([s, 'optionalAccess', _3 => _3.hasFakeCaret])?_jsxruntime.jsx.call(void 0, "div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:_jsxruntime.jsx.call(void 0, "div",{className:"animate-caret-blink bg-foreground
|
|
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; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var n = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _inputotp = require('input-otp');var _jsxruntime = require('react/jsx-runtime');var P=n.forwardRef(({className:t,containerClassName:e,...p},a)=>_jsxruntime.jsx.call(void 0, _inputotp.OTPInput,{ref:a,containerClassName:_chunkQZCQ42BPjs.b.call(void 0, "flex items-center gap-2 has-[:disabled]:opacity-50",e),className:_chunkQZCQ42BPjs.b.call(void 0, "disabled:cursor-not-allowed",t),...p}));P.displayName="InputOTP";var T=n.forwardRef(({className:t,...e},p)=>_jsxruntime.jsx.call(void 0, "div",{ref:p,className:_chunkQZCQ42BPjs.b.call(void 0, "flex items-center",t),...e}));T.displayName="InputOTPGroup";var m=n.forwardRef(({index:t,className:e,...p},a)=>{let s=n.useContext(_inputotp.OTPInputContext).slots[t];return _jsxruntime.jsxs.call(void 0, "div",{ref:a,className:_chunkQZCQ42BPjs.b.call(void 0, "border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",_optionalChain([s, 'optionalAccess', _ => _.isActive])&&"z-10 outline outline-2",e),...p,children:[_optionalChain([s, 'optionalAccess', _2 => _2.char]),_optionalChain([s, 'optionalAccess', _3 => _3.hasFakeCaret])?_jsxruntime.jsx.call(void 0, "div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:_jsxruntime.jsx.call(void 0, "div",{className:"animate-caret-blink bg-foreground animate-duration-1000 h-4 w-px"})}):null]})});m.displayName="InputOTPSlot";var c=n.forwardRef(({...t},e)=>_jsxruntime.jsx.call(void 0, "div",{ref:e,role:"separator",...t,children:_jsxruntime.jsx.call(void 0, _reacticons.DotFilledIcon,{})}));c.displayName="InputOTPSeparator";exports.InputOTP = P; exports.InputOTPGroup = T; exports.InputOTPSeparator = c; exports.InputOTPSlot = m; exports.REGEXP_ONLY_CHARS = _inputotp.REGEXP_ONLY_CHARS; exports.REGEXP_ONLY_DIGITS = _inputotp.REGEXP_ONLY_DIGITS; exports.REGEXP_ONLY_DIGITS_AND_CHARS = _inputotp.REGEXP_ONLY_DIGITS_AND_CHARS;
|
|
2
2
|
//# sourceMappingURL=input-otp.js.map
|
package/dist/input-otp.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/input-otp.tsx"],"names":["React","DotFilledIcon","OTPInput","OTPInputContext","REGEXP_ONLY_CHARS","REGEXP_ONLY_DIGITS","REGEXP_ONLY_DIGITS_AND_CHARS","jsx","jsxs","InputOTP","className","containerClassName","props","ref","cn","InputOTPGroup","InputOTPSlot","index","slot","InputOTPSeparator"],"mappings":"qDAEA,UAAYA,MAAW,QACvB,OAAS,iBAAAC,MAAqB,wBAC9B,OACE,YAAAC,EACA,mBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,gCAAAC,MACK,YAYH,cAAAC,EAuCA,QAAAC,MAvCA,oBAFJ,IAAMC,EAAiB,aACrB,CAAC,CAAE,UAAAC,EAAW,mBAAAC,EAAoB,GAAGC,CAAM,EAAGC,IAC5CN,EAACL,EAAA,CACC,IAAKW,EACL,mBAAoBC,EAAG,qDAAsDH,CAAkB,EAC/F,UAAWG,EAAG,8BAA+BJ,CAAS,EACrD,GAAGE,EACN,CAEJ,EAEAH,EAAS,YAAc,WASvB,IAAMM,EAAsB,aAAqD,CAAC,CAAE,UAAAL,EAAW,GAAGE,CAAM,EAAGC,IACzGN,EAAC,OAAI,IAAKM,EAAK,UAAWC,EAAG,oBAAqBJ,CAAS,EAAI,GAAGE,EAAO,CAC1E,EAEDG,EAAc,YAAc,gBAY5B,IAAMC,EAAqB,aAAmD,CAAC,CAAE,MAAAC,EAAO,UAAAP,EAAW,GAAGE,CAAM,EAAGC,IAAQ,CAErH,IAAMK,EADwB,aAAWf,CAAe,EAC3B,MAAMc,CAAK,EAExC,OACET,EAAC,OACC,IAAKK,EACL,UAAWC,EACT,8JACAI,GAAM,UAAY,yBAClBR,CACF,EACC,GAAGE,EAEH,UAAAM,GAAM,KACNA,GAAM,aACLX,EAAC,OAAI,UAAU,wEACb,SAAAA,EAAC,OAAI,UAAU,
|
|
1
|
+
{"version":3,"sources":["../src/input-otp.tsx"],"names":["React","DotFilledIcon","OTPInput","OTPInputContext","REGEXP_ONLY_CHARS","REGEXP_ONLY_DIGITS","REGEXP_ONLY_DIGITS_AND_CHARS","jsx","jsxs","InputOTP","className","containerClassName","props","ref","cn","InputOTPGroup","InputOTPSlot","index","slot","InputOTPSeparator"],"mappings":"qDAEA,UAAYA,MAAW,QACvB,OAAS,iBAAAC,MAAqB,wBAC9B,OACE,YAAAC,EACA,mBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,gCAAAC,MACK,YAYH,cAAAC,EAuCA,QAAAC,MAvCA,oBAFJ,IAAMC,EAAiB,aACrB,CAAC,CAAE,UAAAC,EAAW,mBAAAC,EAAoB,GAAGC,CAAM,EAAGC,IAC5CN,EAACL,EAAA,CACC,IAAKW,EACL,mBAAoBC,EAAG,qDAAsDH,CAAkB,EAC/F,UAAWG,EAAG,8BAA+BJ,CAAS,EACrD,GAAGE,EACN,CAEJ,EAEAH,EAAS,YAAc,WASvB,IAAMM,EAAsB,aAAqD,CAAC,CAAE,UAAAL,EAAW,GAAGE,CAAM,EAAGC,IACzGN,EAAC,OAAI,IAAKM,EAAK,UAAWC,EAAG,oBAAqBJ,CAAS,EAAI,GAAGE,EAAO,CAC1E,EAEDG,EAAc,YAAc,gBAY5B,IAAMC,EAAqB,aAAmD,CAAC,CAAE,MAAAC,EAAO,UAAAP,EAAW,GAAGE,CAAM,EAAGC,IAAQ,CAErH,IAAMK,EADwB,aAAWf,CAAe,EAC3B,MAAMc,CAAK,EAExC,OACET,EAAC,OACC,IAAKK,EACL,UAAWC,EACT,8JACAI,GAAM,UAAY,yBAClBR,CACF,EACC,GAAGE,EAEH,UAAAM,GAAM,KACNA,GAAM,aACLX,EAAC,OAAI,UAAU,wEACb,SAAAA,EAAC,OAAI,UAAU,mEAAmE,EACpF,EACE,MACN,CAEJ,CAAC,EAEDS,EAAa,YAAc,eAS3B,IAAMG,EAA0B,aAA6D,CAAC,CAAE,GAAGP,CAAM,EAAGC,IAC1GN,EAAC,OAAI,IAAKM,EAAK,KAAK,YAAa,GAAGD,EAClC,SAAAL,EAACN,EAAA,EAAc,EACjB,CACD,EAEDkB,EAAkB,YAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DotFilledIcon } from \"@radix-ui/react-icons\";\nimport {\n OTPInput,\n OTPInputContext,\n REGEXP_ONLY_CHARS,\n REGEXP_ONLY_DIGITS,\n REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\ntype InputOTPElement = React.ElementRef<typeof OTPInput>;\ntype InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput>;\n\nconst InputOTP = React.forwardRef<InputOTPElement, InputOTPProps>(\n ({ className, containerClassName, ...props }, ref) => (\n <OTPInput\n ref={ref}\n containerClassName={cn(\"flex items-center gap-2 has-[:disabled]:opacity-50\", containerClassName)}\n className={cn(\"disabled:cursor-not-allowed\", className)}\n {...props}\n />\n ),\n);\n\nInputOTP.displayName = \"InputOTP\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\ntype InputOTPGroupElement = HTMLDivElement;\ntype InputOTPGroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPGroup = React.forwardRef<InputOTPGroupElement, InputOTPGroupProps>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n));\n\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSlotElement = HTMLDivElement;\n\ninterface InputOTPSlotProps extends React.HTMLAttributes<HTMLDivElement> {\n index: number;\n}\n\nconst InputOTPSlot = React.forwardRef<InputOTPSlotElement, InputOTPSlotProps>(({ index, className, ...props }, ref) => {\n const inputOTPContext = React.useContext(OTPInputContext);\n const slot = inputOTPContext.slots[index];\n\n return (\n <div\n ref={ref}\n className={cn(\n \"border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n slot?.isActive && \"z-10 outline outline-2\",\n className,\n )}\n {...props}\n >\n {slot?.char}\n {slot?.hasFakeCaret ? (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"animate-caret-blink bg-foreground animate-duration-1000 h-4 w-px\" />\n </div>\n ) : null}\n </div>\n );\n});\n\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSeparatorElement = HTMLDivElement;\ntype InputOTPSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPSeparator = React.forwardRef<InputOTPSeparatorElement, InputOTPSeparatorProps>(({ ...props }, ref) => (\n <div ref={ref} role=\"separator\" {...props}>\n <DotFilledIcon />\n </div>\n));\n\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n InputOTP,\n InputOTPGroup,\n InputOTPSlot,\n InputOTPSeparator,\n type InputOTPProps,\n type InputOTPGroupProps,\n type InputOTPSlotProps,\n type InputOTPSeparatorProps,\n REGEXP_ONLY_DIGITS_AND_CHARS,\n REGEXP_ONLY_CHARS,\n REGEXP_ONLY_DIGITS,\n};\n"]}
|
package/dist/input-otp.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{b as o}from"./chunk-JTI7KCLO.mjs";import*as n from"react";import{DotFilledIcon as u}from"@radix-ui/react-icons";import{OTPInput as i,OTPInputContext as l,REGEXP_ONLY_CHARS as R,REGEXP_ONLY_DIGITS as y,REGEXP_ONLY_DIGITS_AND_CHARS as E}from"input-otp";import{jsx as r,jsxs as I}from"react/jsx-runtime";var P=n.forwardRef(({className:t,containerClassName:e,...p},a)=>r(i,{ref:a,containerClassName:o("flex items-center gap-2 has-[:disabled]:opacity-50",e),className:o("disabled:cursor-not-allowed",t),...p}));P.displayName="InputOTP";var T=n.forwardRef(({className:t,...e},p)=>r("div",{ref:p,className:o("flex items-center",t),...e}));T.displayName="InputOTPGroup";var m=n.forwardRef(({index:t,className:e,...p},a)=>{let s=n.useContext(l).slots[t];return I("div",{ref:a,className:o("border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",s?.isActive&&"z-10 outline outline-2",e),...p,children:[s?.char,s?.hasFakeCaret?r("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:r("div",{className:"animate-caret-blink bg-foreground
|
|
1
|
+
"use client";import{b as o}from"./chunk-JTI7KCLO.mjs";import*as n from"react";import{DotFilledIcon as u}from"@radix-ui/react-icons";import{OTPInput as i,OTPInputContext as l,REGEXP_ONLY_CHARS as R,REGEXP_ONLY_DIGITS as y,REGEXP_ONLY_DIGITS_AND_CHARS as E}from"input-otp";import{jsx as r,jsxs as I}from"react/jsx-runtime";var P=n.forwardRef(({className:t,containerClassName:e,...p},a)=>r(i,{ref:a,containerClassName:o("flex items-center gap-2 has-[:disabled]:opacity-50",e),className:o("disabled:cursor-not-allowed",t),...p}));P.displayName="InputOTP";var T=n.forwardRef(({className:t,...e},p)=>r("div",{ref:p,className:o("flex items-center",t),...e}));T.displayName="InputOTPGroup";var m=n.forwardRef(({index:t,className:e,...p},a)=>{let s=n.useContext(l).slots[t];return I("div",{ref:a,className:o("border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",s?.isActive&&"z-10 outline outline-2",e),...p,children:[s?.char,s?.hasFakeCaret?r("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:r("div",{className:"animate-caret-blink bg-foreground animate-duration-1000 h-4 w-px"})}):null]})});m.displayName="InputOTPSlot";var c=n.forwardRef(({...t},e)=>r("div",{ref:e,role:"separator",...t,children:r(u,{})}));c.displayName="InputOTPSeparator";export{P as InputOTP,T as InputOTPGroup,c as InputOTPSeparator,m as InputOTPSlot,R as REGEXP_ONLY_CHARS,y as REGEXP_ONLY_DIGITS,E as REGEXP_ONLY_DIGITS_AND_CHARS};
|
|
2
2
|
//# sourceMappingURL=input-otp.mjs.map
|
package/dist/input-otp.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/input-otp.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DotFilledIcon } from \"@radix-ui/react-icons\";\nimport {\n OTPInput,\n OTPInputContext,\n REGEXP_ONLY_CHARS,\n REGEXP_ONLY_DIGITS,\n REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\ntype InputOTPElement = React.ElementRef<typeof OTPInput>;\ntype InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput>;\n\nconst InputOTP = React.forwardRef<InputOTPElement, InputOTPProps>(\n ({ className, containerClassName, ...props }, ref) => (\n <OTPInput\n ref={ref}\n containerClassName={cn(\"flex items-center gap-2 has-[:disabled]:opacity-50\", containerClassName)}\n className={cn(\"disabled:cursor-not-allowed\", className)}\n {...props}\n />\n ),\n);\n\nInputOTP.displayName = \"InputOTP\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\ntype InputOTPGroupElement = HTMLDivElement;\ntype InputOTPGroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPGroup = React.forwardRef<InputOTPGroupElement, InputOTPGroupProps>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n));\n\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSlotElement = HTMLDivElement;\n\ninterface InputOTPSlotProps extends React.HTMLAttributes<HTMLDivElement> {\n index: number;\n}\n\nconst InputOTPSlot = React.forwardRef<InputOTPSlotElement, InputOTPSlotProps>(({ index, className, ...props }, ref) => {\n const inputOTPContext = React.useContext(OTPInputContext);\n const slot = inputOTPContext.slots[index];\n\n return (\n <div\n ref={ref}\n className={cn(\n \"border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n slot?.isActive && \"z-10 outline outline-2\",\n className,\n )}\n {...props}\n >\n {slot?.char}\n {slot?.hasFakeCaret ? (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"animate-caret-blink bg-foreground
|
|
1
|
+
{"version":3,"sources":["../src/input-otp.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DotFilledIcon } from \"@radix-ui/react-icons\";\nimport {\n OTPInput,\n OTPInputContext,\n REGEXP_ONLY_CHARS,\n REGEXP_ONLY_DIGITS,\n REGEXP_ONLY_DIGITS_AND_CHARS,\n} from \"input-otp\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\ntype InputOTPElement = React.ElementRef<typeof OTPInput>;\ntype InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput>;\n\nconst InputOTP = React.forwardRef<InputOTPElement, InputOTPProps>(\n ({ className, containerClassName, ...props }, ref) => (\n <OTPInput\n ref={ref}\n containerClassName={cn(\"flex items-center gap-2 has-[:disabled]:opacity-50\", containerClassName)}\n className={cn(\"disabled:cursor-not-allowed\", className)}\n {...props}\n />\n ),\n);\n\nInputOTP.displayName = \"InputOTP\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\ntype InputOTPGroupElement = HTMLDivElement;\ntype InputOTPGroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPGroup = React.forwardRef<InputOTPGroupElement, InputOTPGroupProps>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex items-center\", className)} {...props} />\n));\n\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSlotElement = HTMLDivElement;\n\ninterface InputOTPSlotProps extends React.HTMLAttributes<HTMLDivElement> {\n index: number;\n}\n\nconst InputOTPSlot = React.forwardRef<InputOTPSlotElement, InputOTPSlotProps>(({ index, className, ...props }, ref) => {\n const inputOTPContext = React.useContext(OTPInputContext);\n const slot = inputOTPContext.slots[index];\n\n return (\n <div\n ref={ref}\n className={cn(\n \"border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md\",\n slot?.isActive && \"z-10 outline outline-2\",\n className,\n )}\n {...props}\n >\n {slot?.char}\n {slot?.hasFakeCaret ? (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n <div className=\"animate-caret-blink bg-foreground animate-duration-1000 h-4 w-px\" />\n </div>\n ) : null}\n </div>\n );\n});\n\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSeparatorElement = HTMLDivElement;\ntype InputOTPSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPSeparator = React.forwardRef<InputOTPSeparatorElement, InputOTPSeparatorProps>(({ ...props }, ref) => (\n <div ref={ref} role=\"separator\" {...props}>\n <DotFilledIcon />\n </div>\n));\n\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n InputOTP,\n InputOTPGroup,\n InputOTPSlot,\n InputOTPSeparator,\n type InputOTPProps,\n type InputOTPGroupProps,\n type InputOTPSlotProps,\n type InputOTPSeparatorProps,\n REGEXP_ONLY_DIGITS_AND_CHARS,\n REGEXP_ONLY_CHARS,\n REGEXP_ONLY_DIGITS,\n};\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,OAAS,iBAAAC,MAAqB,wBAC9B,OACE,YAAAC,EACA,mBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,gCAAAC,MACK,YAYH,cAAAC,EAuCA,QAAAC,MAvCA,oBAFJ,IAAMC,EAAiB,aACrB,CAAC,CAAE,UAAAC,EAAW,mBAAAC,EAAoB,GAAGC,CAAM,EAAGC,IAC5CN,EAACO,EAAA,CACC,IAAKD,EACL,mBAAoBE,EAAG,qDAAsDJ,CAAkB,EAC/F,UAAWI,EAAG,8BAA+BL,CAAS,EACrD,GAAGE,EACN,CAEJ,EAEAH,EAAS,YAAc,WASvB,IAAMO,EAAsB,aAAqD,CAAC,CAAE,UAAAN,EAAW,GAAGE,CAAM,EAAGC,IACzGN,EAAC,OAAI,IAAKM,EAAK,UAAWE,EAAG,oBAAqBL,CAAS,EAAI,GAAGE,EAAO,CAC1E,EAEDI,EAAc,YAAc,gBAY5B,IAAMC,EAAqB,aAAmD,CAAC,CAAE,MAAAC,EAAO,UAAAR,EAAW,GAAGE,CAAM,EAAGC,IAAQ,CAErH,IAAMM,EADwB,aAAWC,CAAe,EAC3B,MAAMF,CAAK,EAExC,OACEV,EAAC,OACC,IAAKK,EACL,UAAWE,EACT,8JACAI,GAAM,UAAY,yBAClBT,CACF,EACC,GAAGE,EAEH,UAAAO,GAAM,KACNA,GAAM,aACLZ,EAAC,OAAI,UAAU,wEACb,SAAAA,EAAC,OAAI,UAAU,mEAAmE,EACpF,EACE,MACN,CAEJ,CAAC,EAEDU,EAAa,YAAc,eAS3B,IAAMI,EAA0B,aAA6D,CAAC,CAAE,GAAGT,CAAM,EAAGC,IAC1GN,EAAC,OAAI,IAAKM,EAAK,KAAK,YAAa,GAAGD,EAClC,SAAAL,EAACe,EAAA,EAAc,EACjB,CACD,EAEDD,EAAkB,YAAc","names":["React","DotFilledIcon","OTPInput","OTPInputContext","REGEXP_ONLY_CHARS","REGEXP_ONLY_DIGITS","REGEXP_ONLY_DIGITS_AND_CHARS","jsx","jsxs","InputOTP","className","containerClassName","props","ref","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","slot","OTPInputContext","InputOTPSeparator","DotFilledIcon"]}
|
package/dist/menubar.js
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; } }"use client";var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var
|
|
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; } }"use client";var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var u = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _reactmenubar = require('@radix-ui/react-menubar'); var e = _interopRequireWildcard(_reactmenubar);var _jsxruntime = require('react/jsx-runtime');var S=e.Menu,N= exports.MenubarGroup =e.Group,E= exports.MenubarSub =e.Sub,T= exports.MenubarRadioGroup =e.RadioGroup,l= exports.Menubar =u.forwardRef(({className:t,...a},r)=>_jsxruntime.jsx.call(void 0, e.Root,{ref:r,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-background flex h-10 items-center space-x-1 rounded-md border p-1 shadow-sm",t),...a}));l.displayName=e.Root.displayName;var f=u.forwardRef(({className:t,...a},r)=>_jsxruntime.jsx.call(void 0, e.Trigger,{ref:r,className:_chunkQZCQ42BPjs.b.call(void 0, "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium focus:outline focus:outline-2",t),...a}));f.displayName=e.Trigger.displayName;var M=u.forwardRef(({children:t,className:a,inset:r,...i},s)=>_jsxruntime.jsxs.call(void 0, e.SubTrigger,{ref:s,className:_chunkQZCQ42BPjs.b.call(void 0, "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline focus:outline-2",r&&"pl-8",a),...i,children:[t,_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{className:"ml-auto size-4"})]}));M.displayName=e.SubTrigger.displayName;var P=u.forwardRef(({className:t,...a},r)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsx.call(void 0, e.SubContent,{ref:r,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-1 shadow-md",t),...a})}));P.displayName=e.SubContent.displayName;var y=u.forwardRef(({className:t,align:a="start",alignOffset:r=-4,sideOffset:i=8,...s},p)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsx.call(void 0, e.Content,{ref:p,align:a,alignOffset:r,sideOffset:i,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-md border p-1 shadow-md",t),...s})}));y.displayName=e.Content.displayName;var R=u.forwardRef(({className:t,inset:a,...r},i)=>_jsxruntime.jsx.call(void 0, e.Item,{ref:i,className:_chunkQZCQ42BPjs.b.call(void 0, "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline focus:outline-2 aria-disabled:pointer-events-none aria-disabled:opacity-50",a&&"pl-8",t),...r}));R.displayName=e.Item.displayName;var g=u.forwardRef(({children:t,className:a,checked:r,...i},s)=>_jsxruntime.jsxs.call(void 0, e.CheckboxItem,{ref:s,className:_chunkQZCQ42BPjs.b.call(void 0, "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline focus:outline-2 aria-disabled:pointer-events-none aria-disabled:opacity-50",a),checked:r,...i,children:[_jsxruntime.jsx.call(void 0, "span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:_jsxruntime.jsx.call(void 0, e.ItemIndicator,{children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-4"})})}),t]}));g.displayName=e.CheckboxItem.displayName;var v=u.forwardRef(({children:t,className:a,...r},i)=>_jsxruntime.jsxs.call(void 0, e.RadioItem,{ref:i,className:_chunkQZCQ42BPjs.b.call(void 0, "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline focus:outline-2 aria-disabled:pointer-events-none aria-disabled:opacity-50",a),...r,children:[_jsxruntime.jsx.call(void 0, "span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:_jsxruntime.jsx.call(void 0, e.ItemIndicator,{children:_jsxruntime.jsx.call(void 0, _reacticons.DotFilledIcon,{className:"size-4 fill-current"})})}),t]}));v.displayName=e.RadioItem.displayName;var x=u.forwardRef(({className:t,inset:a,...r},i)=>_jsxruntime.jsx.call(void 0, e.Label,{ref:i,className:_chunkQZCQ42BPjs.b.call(void 0, "px-2 py-1.5 text-sm font-semibold",a&&"pl-8",t),...r}));x.displayName=e.Label.displayName;var C=u.forwardRef(({className:t,...a},r)=>_jsxruntime.jsx.call(void 0, e.Separator,{ref:r,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-muted -mx-1 my-1 h-px",t),...a}));C.displayName=e.Separator.displayName;function w({className:t,...a}){return _jsxruntime.jsx.call(void 0, "span",{className:_chunkQZCQ42BPjs.b.call(void 0, "text-muted-foreground ml-auto text-xs tracking-widest",t),...a})}exports.Menubar = l; exports.MenubarCheckboxItem = g; exports.MenubarContent = y; exports.MenubarGroup = N; exports.MenubarItem = R; exports.MenubarLabel = x; exports.MenubarMenu = S; exports.MenubarRadioGroup = T; exports.MenubarRadioItem = v; exports.MenubarSeparator = C; exports.MenubarShortcut = w; exports.MenubarSub = E; exports.MenubarSubContent = P; exports.MenubarSubTrigger = M; exports.MenubarTrigger = f;
|
|
2
2
|
//# sourceMappingURL=menubar.js.map
|
package/dist/menubar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/menubar.tsx"],"names":["React","CheckIcon","ChevronRightIcon","DotFilledIcon","MenubarPrimitive","jsx","jsxs","MenubarMenu","MenubarGroup","MenubarSub","MenubarRadioGroup","Menubar","className","props","ref","cn","MenubarTrigger","MenubarSubTrigger","inset","children","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","checked","MenubarRadioItem","MenubarLabel","MenubarSeparator","MenubarShortcut"],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon, ChevronRightIcon, DotFilledIcon } from \"@radix-ui/react-icons\";\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarMenu\n * -------------------------------------------------------------------------- */\n\ntype MenubarMenuProps = React.ComponentProps<typeof MenubarPrimitive.Menu>;\nconst MenubarMenu = MenubarPrimitive.Menu;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarGroup\n * -------------------------------------------------------------------------- */\n\ntype MenubarGroupProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Group>;\nconst MenubarGroup = MenubarPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSub\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Sub>;\nconst MenubarSub = MenubarPrimitive.Sub;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioGroup\n * -------------------------------------------------------------------------- */\n\ntype MenubarRadioGroupProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioGroup>;\nconst MenubarRadioGroup = MenubarPrimitive.RadioGroup;\n\n/* -----------------------------------------------------------------------------\n * Component: Menubar\n * -------------------------------------------------------------------------- */\n\ntype MenubarElement = React.ElementRef<typeof MenubarPrimitive.Root>;\ntype MenubarProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>;\n\nconst Menubar = React.forwardRef<MenubarElement, MenubarProps>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Root\n ref={ref}\n className={cn(\"bg-background flex h-10 items-center space-x-1 rounded-md border p-1 shadow-sm\", className)}\n {...props}\n />\n));\n\nMenubar.displayName = MenubarPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarTrigger\n * -------------------------------------------------------------------------- */\n\ntype MenubarTriggerElement = React.ElementRef<typeof MenubarPrimitive.Trigger>;\ntype MenubarTriggerProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>;\n\nconst MenubarTrigger = React.forwardRef<MenubarTriggerElement, MenubarTriggerProps>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Trigger\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium focus:outline\",\n className,\n )}\n {...props}\n />\n));\n\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubTrigger\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubTriggerElement = React.ElementRef<typeof MenubarPrimitive.SubTrigger>;\n\ninterface MenubarSubTriggerProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> {\n inset?: boolean;\n}\n\nconst MenubarSubTrigger = React.forwardRef<MenubarSubTriggerElement, MenubarSubTriggerProps>(\n ({ className, inset, children, ...props }, ref) => (\n <MenubarPrimitive.SubTrigger\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline\",\n inset && \"pl-8\",\n className,\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </MenubarPrimitive.SubTrigger>\n ),\n);\n\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubContent\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubContentElement = React.ElementRef<typeof MenubarPrimitive.SubContent>;\ntype MenubarSubContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>;\n\nconst MenubarSubContent = React.forwardRef<MenubarSubContentElement, MenubarSubContentProps>(\n ({ className, ...props }, ref) => (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.SubContent\n ref={ref}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-1 shadow-md\",\n className,\n )}\n {...props}\n />\n </MenubarPrimitive.Portal>\n ),\n);\n\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarContent\n * -------------------------------------------------------------------------- */\n\ntype MenubarContentElement = React.ElementRef<typeof MenubarPrimitive.Content>;\ntype MenubarContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>;\n\nconst MenubarContent = React.forwardRef<MenubarContentElement, MenubarContentProps>(\n ({ className, align = \"start\", alignOffset = -4, sideOffset = 8, ...props }, ref) => (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.Content\n ref={ref}\n align={align}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-md border p-1 shadow-md\",\n className,\n )}\n {...props}\n />\n </MenubarPrimitive.Portal>\n ),\n);\n\nMenubarContent.displayName = MenubarPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarItemElement = React.ElementRef<typeof MenubarPrimitive.Item>;\n\ninterface MenubarItemProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> {\n inset?: boolean;\n}\n\nconst MenubarItem = React.forwardRef<MenubarItemElement, MenubarItemProps>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Item\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n inset && \"pl-8\",\n className,\n )}\n {...props}\n />\n));\n\nMenubarItem.displayName = MenubarPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarCheckboxItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarCheckboxItemElement = React.ElementRef<typeof MenubarPrimitive.CheckboxItem>;\ntype MenubarCheckboxItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>;\n\nconst MenubarCheckboxItem = React.forwardRef<MenubarCheckboxItemElement, MenubarCheckboxItemProps>(\n ({ className, children, checked, ...props }, ref) => (\n <MenubarPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.CheckboxItem>\n ),\n);\n\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarRadioItemElement = React.ElementRef<typeof MenubarPrimitive.RadioItem>;\ntype MenubarRadioItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>;\n\nconst MenubarRadioItem = React.forwardRef<MenubarRadioItemElement, MenubarRadioItemProps>(\n ({ className, children, ...props }, ref) => (\n <MenubarPrimitive.RadioItem\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <DotFilledIcon className=\"size-4 fill-current\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.RadioItem>\n ),\n);\n\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarLabel\n * -------------------------------------------------------------------------- */\n\ntype MenubarLabelElement = React.ElementRef<typeof MenubarPrimitive.Label>;\n\ninterface MenubarLabelProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> {\n inset?: boolean;\n}\n\nconst MenubarLabel = React.forwardRef<MenubarLabelElement, MenubarLabelProps>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\n {...props}\n />\n));\n\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSeparator\n * -------------------------------------------------------------------------- */\n\ntype MenubarSeparatorElement = React.ElementRef<typeof MenubarPrimitive.Separator>;\ntype MenubarSeparatorProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>;\n\nconst MenubarSeparator = React.forwardRef<MenubarSeparatorElement, MenubarSeparatorProps>(\n ({ className, ...props }, ref) => (\n <MenubarPrimitive.Separator ref={ref} className={cn(\"bg-muted -mx-1 my-1 h-px\", className)} {...props} />\n ),\n);\n\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarShortcut\n * -------------------------------------------------------------------------- */\n\ntype MenubarShortcutProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction MenubarShortcut({ className, ...props }: MenubarShortcutProps): React.JSX.Element {\n return <span className={cn(\"text-muted-foreground ml-auto text-xs tracking-widest\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Menubar,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarItem,\n MenubarSeparator,\n MenubarLabel,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarGroup,\n MenubarSub,\n MenubarShortcut,\n type MenubarProps,\n type MenubarMenuProps,\n type MenubarTriggerProps,\n type MenubarContentProps,\n type MenubarItemProps,\n type MenubarSeparatorProps,\n type MenubarLabelProps,\n type MenubarCheckboxItemProps,\n type MenubarRadioGroupProps,\n type MenubarRadioItemProps,\n type MenubarSubContentProps,\n type MenubarSubTriggerProps,\n type MenubarGroupProps,\n type MenubarSubProps,\n type MenubarShortcutProps,\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/menubar.tsx"],"names":["React","CheckIcon","ChevronRightIcon","DotFilledIcon","MenubarPrimitive","jsx","jsxs","MenubarMenu","MenubarGroup","MenubarSub","MenubarRadioGroup","Menubar","className","props","ref","cn","MenubarTrigger","MenubarSubTrigger","children","inset","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","checked","MenubarRadioItem","MenubarLabel","MenubarSeparator","MenubarShortcut"],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon, ChevronRightIcon, DotFilledIcon } from \"@radix-ui/react-icons\";\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarMenu\n * -------------------------------------------------------------------------- */\n\ntype MenubarMenuProps = React.ComponentProps<typeof MenubarPrimitive.Menu>;\nconst MenubarMenu = MenubarPrimitive.Menu;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarGroup\n * -------------------------------------------------------------------------- */\n\ntype MenubarGroupProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Group>;\nconst MenubarGroup = MenubarPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSub\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Sub>;\nconst MenubarSub = MenubarPrimitive.Sub;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioGroup\n * -------------------------------------------------------------------------- */\n\ntype MenubarRadioGroupProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioGroup>;\nconst MenubarRadioGroup = MenubarPrimitive.RadioGroup;\n\n/* -----------------------------------------------------------------------------\n * Component: Menubar\n * -------------------------------------------------------------------------- */\n\ntype MenubarElement = React.ElementRef<typeof MenubarPrimitive.Root>;\ntype MenubarProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>;\n\nconst Menubar = React.forwardRef<MenubarElement, MenubarProps>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Root\n ref={ref}\n className={cn(\"bg-background flex h-10 items-center space-x-1 rounded-md border p-1 shadow-sm\", className)}\n {...props}\n />\n));\n\nMenubar.displayName = MenubarPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarTrigger\n * -------------------------------------------------------------------------- */\n\ntype MenubarTriggerElement = React.ElementRef<typeof MenubarPrimitive.Trigger>;\ntype MenubarTriggerProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>;\n\nconst MenubarTrigger = React.forwardRef<MenubarTriggerElement, MenubarTriggerProps>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Trigger\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium focus:outline focus:outline-2\",\n className,\n )}\n {...props}\n />\n));\n\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubTrigger\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubTriggerElement = React.ElementRef<typeof MenubarPrimitive.SubTrigger>;\n\ninterface MenubarSubTriggerProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> {\n inset?: boolean;\n}\n\nconst MenubarSubTrigger = React.forwardRef<MenubarSubTriggerElement, MenubarSubTriggerProps>(\n ({ children, className, inset, ...props }, ref) => (\n <MenubarPrimitive.SubTrigger\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline focus:outline-2\",\n inset && \"pl-8\",\n className,\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </MenubarPrimitive.SubTrigger>\n ),\n);\n\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubContent\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubContentElement = React.ElementRef<typeof MenubarPrimitive.SubContent>;\ntype MenubarSubContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>;\n\nconst MenubarSubContent = React.forwardRef<MenubarSubContentElement, MenubarSubContentProps>(\n ({ className, ...props }, ref) => (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.SubContent\n ref={ref}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-1 shadow-md\",\n className,\n )}\n {...props}\n />\n </MenubarPrimitive.Portal>\n ),\n);\n\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarContent\n * -------------------------------------------------------------------------- */\n\ntype MenubarContentElement = React.ElementRef<typeof MenubarPrimitive.Content>;\ntype MenubarContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>;\n\nconst MenubarContent = React.forwardRef<MenubarContentElement, MenubarContentProps>(\n ({ className, align = \"start\", alignOffset = -4, sideOffset = 8, ...props }, ref) => (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.Content\n ref={ref}\n align={align}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-md border p-1 shadow-md\",\n className,\n )}\n {...props}\n />\n </MenubarPrimitive.Portal>\n ),\n);\n\nMenubarContent.displayName = MenubarPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarItemElement = React.ElementRef<typeof MenubarPrimitive.Item>;\n\ninterface MenubarItemProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> {\n inset?: boolean;\n}\n\nconst MenubarItem = React.forwardRef<MenubarItemElement, MenubarItemProps>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Item\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline focus:outline-2 aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n inset && \"pl-8\",\n className,\n )}\n {...props}\n />\n));\n\nMenubarItem.displayName = MenubarPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarCheckboxItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarCheckboxItemElement = React.ElementRef<typeof MenubarPrimitive.CheckboxItem>;\ntype MenubarCheckboxItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>;\n\nconst MenubarCheckboxItem = React.forwardRef<MenubarCheckboxItemElement, MenubarCheckboxItemProps>(\n ({ children, className, checked, ...props }, ref) => (\n <MenubarPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline focus:outline-2 aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.CheckboxItem>\n ),\n);\n\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarRadioItemElement = React.ElementRef<typeof MenubarPrimitive.RadioItem>;\ntype MenubarRadioItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>;\n\nconst MenubarRadioItem = React.forwardRef<MenubarRadioItemElement, MenubarRadioItemProps>(\n ({ children, className, ...props }, ref) => (\n <MenubarPrimitive.RadioItem\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline focus:outline-2 aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <DotFilledIcon className=\"size-4 fill-current\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.RadioItem>\n ),\n);\n\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarLabel\n * -------------------------------------------------------------------------- */\n\ntype MenubarLabelElement = React.ElementRef<typeof MenubarPrimitive.Label>;\n\ninterface MenubarLabelProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> {\n inset?: boolean;\n}\n\nconst MenubarLabel = React.forwardRef<MenubarLabelElement, MenubarLabelProps>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\n {...props}\n />\n));\n\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSeparator\n * -------------------------------------------------------------------------- */\n\ntype MenubarSeparatorElement = React.ElementRef<typeof MenubarPrimitive.Separator>;\ntype MenubarSeparatorProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>;\n\nconst MenubarSeparator = React.forwardRef<MenubarSeparatorElement, MenubarSeparatorProps>(\n ({ className, ...props }, ref) => (\n <MenubarPrimitive.Separator ref={ref} className={cn(\"bg-muted -mx-1 my-1 h-px\", className)} {...props} />\n ),\n);\n\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarShortcut\n * -------------------------------------------------------------------------- */\n\ntype MenubarShortcutProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction MenubarShortcut({ className, ...props }: MenubarShortcutProps): React.JSX.Element {\n return <span className={cn(\"text-muted-foreground ml-auto text-xs tracking-widest\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Menubar,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarItem,\n MenubarSeparator,\n MenubarLabel,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarGroup,\n MenubarSub,\n MenubarShortcut,\n type MenubarProps,\n type MenubarMenuProps,\n type MenubarTriggerProps,\n type MenubarContentProps,\n type MenubarItemProps,\n type MenubarSeparatorProps,\n type MenubarLabelProps,\n type MenubarCheckboxItemProps,\n type MenubarRadioGroupProps,\n type MenubarRadioItemProps,\n type MenubarSubContentProps,\n type MenubarSubTriggerProps,\n type MenubarGroupProps,\n type MenubarSubProps,\n type MenubarShortcutProps,\n};\n"]}
|
package/dist/menubar.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{b as n}from"./chunk-JTI7KCLO.mjs";import*as
|
|
1
|
+
"use client";import{b as n}from"./chunk-JTI7KCLO.mjs";import*as u from"react";import{CheckIcon as b,ChevronRightIcon as d,DotFilledIcon as c}from"@radix-ui/react-icons";import*as e from"@radix-ui/react-menubar";import{jsx as o,jsxs as m}from"react/jsx-runtime";var S=e.Menu,N=e.Group,E=e.Sub,T=e.RadioGroup,l=u.forwardRef(({className:t,...a},r)=>o(e.Root,{ref:r,className:n("bg-background flex h-10 items-center space-x-1 rounded-md border p-1 shadow-sm",t),...a}));l.displayName=e.Root.displayName;var f=u.forwardRef(({className:t,...a},r)=>o(e.Trigger,{ref:r,className:n("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium focus:outline focus:outline-2",t),...a}));f.displayName=e.Trigger.displayName;var M=u.forwardRef(({children:t,className:a,inset:r,...i},s)=>m(e.SubTrigger,{ref:s,className:n("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline focus:outline-2",r&&"pl-8",a),...i,children:[t,o(d,{className:"ml-auto size-4"})]}));M.displayName=e.SubTrigger.displayName;var P=u.forwardRef(({className:t,...a},r)=>o(e.Portal,{children:o(e.SubContent,{ref:r,className:n("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-1 shadow-md",t),...a})}));P.displayName=e.SubContent.displayName;var y=u.forwardRef(({className:t,align:a="start",alignOffset:r=-4,sideOffset:i=8,...s},p)=>o(e.Portal,{children:o(e.Content,{ref:p,align:a,alignOffset:r,sideOffset:i,className:n("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-md border p-1 shadow-md",t),...s})}));y.displayName=e.Content.displayName;var R=u.forwardRef(({className:t,inset:a,...r},i)=>o(e.Item,{ref:i,className:n("focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline focus:outline-2 aria-disabled:pointer-events-none aria-disabled:opacity-50",a&&"pl-8",t),...r}));R.displayName=e.Item.displayName;var g=u.forwardRef(({children:t,className:a,checked:r,...i},s)=>m(e.CheckboxItem,{ref:s,className:n("focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline focus:outline-2 aria-disabled:pointer-events-none aria-disabled:opacity-50",a),checked:r,...i,children:[o("span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:o(e.ItemIndicator,{children:o(b,{className:"size-4"})})}),t]}));g.displayName=e.CheckboxItem.displayName;var v=u.forwardRef(({children:t,className:a,...r},i)=>m(e.RadioItem,{ref:i,className:n("focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline focus:outline-2 aria-disabled:pointer-events-none aria-disabled:opacity-50",a),...r,children:[o("span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:o(e.ItemIndicator,{children:o(c,{className:"size-4 fill-current"})})}),t]}));v.displayName=e.RadioItem.displayName;var x=u.forwardRef(({className:t,inset:a,...r},i)=>o(e.Label,{ref:i,className:n("px-2 py-1.5 text-sm font-semibold",a&&"pl-8",t),...r}));x.displayName=e.Label.displayName;var C=u.forwardRef(({className:t,...a},r)=>o(e.Separator,{ref:r,className:n("bg-muted -mx-1 my-1 h-px",t),...a}));C.displayName=e.Separator.displayName;function w({className:t,...a}){return o("span",{className:n("text-muted-foreground ml-auto text-xs tracking-widest",t),...a})}export{l as Menubar,g as MenubarCheckboxItem,y as MenubarContent,N as MenubarGroup,R as MenubarItem,x as MenubarLabel,S as MenubarMenu,T as MenubarRadioGroup,v as MenubarRadioItem,C as MenubarSeparator,w as MenubarShortcut,E as MenubarSub,P as MenubarSubContent,M as MenubarSubTrigger,f as MenubarTrigger};
|
|
2
2
|
//# sourceMappingURL=menubar.mjs.map
|
package/dist/menubar.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/menubar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon, ChevronRightIcon, DotFilledIcon } from \"@radix-ui/react-icons\";\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarMenu\n * -------------------------------------------------------------------------- */\n\ntype MenubarMenuProps = React.ComponentProps<typeof MenubarPrimitive.Menu>;\nconst MenubarMenu = MenubarPrimitive.Menu;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarGroup\n * -------------------------------------------------------------------------- */\n\ntype MenubarGroupProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Group>;\nconst MenubarGroup = MenubarPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSub\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Sub>;\nconst MenubarSub = MenubarPrimitive.Sub;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioGroup\n * -------------------------------------------------------------------------- */\n\ntype MenubarRadioGroupProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioGroup>;\nconst MenubarRadioGroup = MenubarPrimitive.RadioGroup;\n\n/* -----------------------------------------------------------------------------\n * Component: Menubar\n * -------------------------------------------------------------------------- */\n\ntype MenubarElement = React.ElementRef<typeof MenubarPrimitive.Root>;\ntype MenubarProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>;\n\nconst Menubar = React.forwardRef<MenubarElement, MenubarProps>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Root\n ref={ref}\n className={cn(\"bg-background flex h-10 items-center space-x-1 rounded-md border p-1 shadow-sm\", className)}\n {...props}\n />\n));\n\nMenubar.displayName = MenubarPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarTrigger\n * -------------------------------------------------------------------------- */\n\ntype MenubarTriggerElement = React.ElementRef<typeof MenubarPrimitive.Trigger>;\ntype MenubarTriggerProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>;\n\nconst MenubarTrigger = React.forwardRef<MenubarTriggerElement, MenubarTriggerProps>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Trigger\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium focus:outline\",\n className,\n )}\n {...props}\n />\n));\n\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubTrigger\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubTriggerElement = React.ElementRef<typeof MenubarPrimitive.SubTrigger>;\n\ninterface MenubarSubTriggerProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> {\n inset?: boolean;\n}\n\nconst MenubarSubTrigger = React.forwardRef<MenubarSubTriggerElement, MenubarSubTriggerProps>(\n ({ className, inset, children, ...props }, ref) => (\n <MenubarPrimitive.SubTrigger\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline\",\n inset && \"pl-8\",\n className,\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </MenubarPrimitive.SubTrigger>\n ),\n);\n\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubContent\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubContentElement = React.ElementRef<typeof MenubarPrimitive.SubContent>;\ntype MenubarSubContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>;\n\nconst MenubarSubContent = React.forwardRef<MenubarSubContentElement, MenubarSubContentProps>(\n ({ className, ...props }, ref) => (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.SubContent\n ref={ref}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-1 shadow-md\",\n className,\n )}\n {...props}\n />\n </MenubarPrimitive.Portal>\n ),\n);\n\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarContent\n * -------------------------------------------------------------------------- */\n\ntype MenubarContentElement = React.ElementRef<typeof MenubarPrimitive.Content>;\ntype MenubarContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>;\n\nconst MenubarContent = React.forwardRef<MenubarContentElement, MenubarContentProps>(\n ({ className, align = \"start\", alignOffset = -4, sideOffset = 8, ...props }, ref) => (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.Content\n ref={ref}\n align={align}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-md border p-1 shadow-md\",\n className,\n )}\n {...props}\n />\n </MenubarPrimitive.Portal>\n ),\n);\n\nMenubarContent.displayName = MenubarPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarItemElement = React.ElementRef<typeof MenubarPrimitive.Item>;\n\ninterface MenubarItemProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> {\n inset?: boolean;\n}\n\nconst MenubarItem = React.forwardRef<MenubarItemElement, MenubarItemProps>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Item\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n inset && \"pl-8\",\n className,\n )}\n {...props}\n />\n));\n\nMenubarItem.displayName = MenubarPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarCheckboxItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarCheckboxItemElement = React.ElementRef<typeof MenubarPrimitive.CheckboxItem>;\ntype MenubarCheckboxItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>;\n\nconst MenubarCheckboxItem = React.forwardRef<MenubarCheckboxItemElement, MenubarCheckboxItemProps>(\n ({ className, children, checked, ...props }, ref) => (\n <MenubarPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.CheckboxItem>\n ),\n);\n\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarRadioItemElement = React.ElementRef<typeof MenubarPrimitive.RadioItem>;\ntype MenubarRadioItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>;\n\nconst MenubarRadioItem = React.forwardRef<MenubarRadioItemElement, MenubarRadioItemProps>(\n ({ className, children, ...props }, ref) => (\n <MenubarPrimitive.RadioItem\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <DotFilledIcon className=\"size-4 fill-current\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.RadioItem>\n ),\n);\n\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarLabel\n * -------------------------------------------------------------------------- */\n\ntype MenubarLabelElement = React.ElementRef<typeof MenubarPrimitive.Label>;\n\ninterface MenubarLabelProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> {\n inset?: boolean;\n}\n\nconst MenubarLabel = React.forwardRef<MenubarLabelElement, MenubarLabelProps>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\n {...props}\n />\n));\n\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSeparator\n * -------------------------------------------------------------------------- */\n\ntype MenubarSeparatorElement = React.ElementRef<typeof MenubarPrimitive.Separator>;\ntype MenubarSeparatorProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>;\n\nconst MenubarSeparator = React.forwardRef<MenubarSeparatorElement, MenubarSeparatorProps>(\n ({ className, ...props }, ref) => (\n <MenubarPrimitive.Separator ref={ref} className={cn(\"bg-muted -mx-1 my-1 h-px\", className)} {...props} />\n ),\n);\n\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarShortcut\n * -------------------------------------------------------------------------- */\n\ntype MenubarShortcutProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction MenubarShortcut({ className, ...props }: MenubarShortcutProps): React.JSX.Element {\n return <span className={cn(\"text-muted-foreground ml-auto text-xs tracking-widest\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Menubar,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarItem,\n MenubarSeparator,\n MenubarLabel,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarGroup,\n MenubarSub,\n MenubarShortcut,\n type MenubarProps,\n type MenubarMenuProps,\n type MenubarTriggerProps,\n type MenubarContentProps,\n type MenubarItemProps,\n type MenubarSeparatorProps,\n type MenubarLabelProps,\n type MenubarCheckboxItemProps,\n type MenubarRadioGroupProps,\n type MenubarRadioItemProps,\n type MenubarSubContentProps,\n type MenubarSubTriggerProps,\n type MenubarGroupProps,\n type MenubarSubProps,\n type MenubarShortcutProps,\n};\n"],"mappings":"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","names":["React","CheckIcon","ChevronRightIcon","DotFilledIcon","MenubarPrimitive","jsx","jsxs","MenubarMenu","MenubarGroup","MenubarSub","MenubarRadioGroup","Menubar","className","props","ref","cn","MenubarTrigger","MenubarSubTrigger","inset","children","ChevronRightIcon","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","checked","CheckIcon","MenubarRadioItem","DotFilledIcon","MenubarLabel","MenubarSeparator","MenubarShortcut"]}
|
|
1
|
+
{"version":3,"sources":["../src/menubar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CheckIcon, ChevronRightIcon, DotFilledIcon } from \"@radix-ui/react-icons\";\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarMenu\n * -------------------------------------------------------------------------- */\n\ntype MenubarMenuProps = React.ComponentProps<typeof MenubarPrimitive.Menu>;\nconst MenubarMenu = MenubarPrimitive.Menu;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarGroup\n * -------------------------------------------------------------------------- */\n\ntype MenubarGroupProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Group>;\nconst MenubarGroup = MenubarPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSub\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Sub>;\nconst MenubarSub = MenubarPrimitive.Sub;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioGroup\n * -------------------------------------------------------------------------- */\n\ntype MenubarRadioGroupProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioGroup>;\nconst MenubarRadioGroup = MenubarPrimitive.RadioGroup;\n\n/* -----------------------------------------------------------------------------\n * Component: Menubar\n * -------------------------------------------------------------------------- */\n\ntype MenubarElement = React.ElementRef<typeof MenubarPrimitive.Root>;\ntype MenubarProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>;\n\nconst Menubar = React.forwardRef<MenubarElement, MenubarProps>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Root\n ref={ref}\n className={cn(\"bg-background flex h-10 items-center space-x-1 rounded-md border p-1 shadow-sm\", className)}\n {...props}\n />\n));\n\nMenubar.displayName = MenubarPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarTrigger\n * -------------------------------------------------------------------------- */\n\ntype MenubarTriggerElement = React.ElementRef<typeof MenubarPrimitive.Trigger>;\ntype MenubarTriggerProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>;\n\nconst MenubarTrigger = React.forwardRef<MenubarTriggerElement, MenubarTriggerProps>(({ className, ...props }, ref) => (\n <MenubarPrimitive.Trigger\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium focus:outline focus:outline-2\",\n className,\n )}\n {...props}\n />\n));\n\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubTrigger\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubTriggerElement = React.ElementRef<typeof MenubarPrimitive.SubTrigger>;\n\ninterface MenubarSubTriggerProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> {\n inset?: boolean;\n}\n\nconst MenubarSubTrigger = React.forwardRef<MenubarSubTriggerElement, MenubarSubTriggerProps>(\n ({ children, className, inset, ...props }, ref) => (\n <MenubarPrimitive.SubTrigger\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline focus:outline-2\",\n inset && \"pl-8\",\n className,\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-4\" />\n </MenubarPrimitive.SubTrigger>\n ),\n);\n\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSubContent\n * -------------------------------------------------------------------------- */\n\ntype MenubarSubContentElement = React.ElementRef<typeof MenubarPrimitive.SubContent>;\ntype MenubarSubContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>;\n\nconst MenubarSubContent = React.forwardRef<MenubarSubContentElement, MenubarSubContentProps>(\n ({ className, ...props }, ref) => (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.SubContent\n ref={ref}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-1 shadow-md\",\n className,\n )}\n {...props}\n />\n </MenubarPrimitive.Portal>\n ),\n);\n\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarContent\n * -------------------------------------------------------------------------- */\n\ntype MenubarContentElement = React.ElementRef<typeof MenubarPrimitive.Content>;\ntype MenubarContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>;\n\nconst MenubarContent = React.forwardRef<MenubarContentElement, MenubarContentProps>(\n ({ className, align = \"start\", alignOffset = -4, sideOffset = 8, ...props }, ref) => (\n <MenubarPrimitive.Portal>\n <MenubarPrimitive.Content\n ref={ref}\n align={align}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-md border p-1 shadow-md\",\n className,\n )}\n {...props}\n />\n </MenubarPrimitive.Portal>\n ),\n);\n\nMenubarContent.displayName = MenubarPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarItemElement = React.ElementRef<typeof MenubarPrimitive.Item>;\n\ninterface MenubarItemProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> {\n inset?: boolean;\n}\n\nconst MenubarItem = React.forwardRef<MenubarItemElement, MenubarItemProps>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Item\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline focus:outline-2 aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n inset && \"pl-8\",\n className,\n )}\n {...props}\n />\n));\n\nMenubarItem.displayName = MenubarPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarCheckboxItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarCheckboxItemElement = React.ElementRef<typeof MenubarPrimitive.CheckboxItem>;\ntype MenubarCheckboxItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>;\n\nconst MenubarCheckboxItem = React.forwardRef<MenubarCheckboxItemElement, MenubarCheckboxItemProps>(\n ({ children, className, checked, ...props }, ref) => (\n <MenubarPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline focus:outline-2 aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.CheckboxItem>\n ),\n);\n\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarRadioItem\n * -------------------------------------------------------------------------- */\n\ntype MenubarRadioItemElement = React.ElementRef<typeof MenubarPrimitive.RadioItem>;\ntype MenubarRadioItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>;\n\nconst MenubarRadioItem = React.forwardRef<MenubarRadioItemElement, MenubarRadioItemProps>(\n ({ children, className, ...props }, ref) => (\n <MenubarPrimitive.RadioItem\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline focus:outline-2 aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n <MenubarPrimitive.ItemIndicator>\n <DotFilledIcon className=\"size-4 fill-current\" />\n </MenubarPrimitive.ItemIndicator>\n </span>\n {children}\n </MenubarPrimitive.RadioItem>\n ),\n);\n\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarLabel\n * -------------------------------------------------------------------------- */\n\ntype MenubarLabelElement = React.ElementRef<typeof MenubarPrimitive.Label>;\n\ninterface MenubarLabelProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> {\n inset?: boolean;\n}\n\nconst MenubarLabel = React.forwardRef<MenubarLabelElement, MenubarLabelProps>(({ className, inset, ...props }, ref) => (\n <MenubarPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\n {...props}\n />\n));\n\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarSeparator\n * -------------------------------------------------------------------------- */\n\ntype MenubarSeparatorElement = React.ElementRef<typeof MenubarPrimitive.Separator>;\ntype MenubarSeparatorProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>;\n\nconst MenubarSeparator = React.forwardRef<MenubarSeparatorElement, MenubarSeparatorProps>(\n ({ className, ...props }, ref) => (\n <MenubarPrimitive.Separator ref={ref} className={cn(\"bg-muted -mx-1 my-1 h-px\", className)} {...props} />\n ),\n);\n\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: MenubarShortcut\n * -------------------------------------------------------------------------- */\n\ntype MenubarShortcutProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction MenubarShortcut({ className, ...props }: MenubarShortcutProps): React.JSX.Element {\n return <span className={cn(\"text-muted-foreground ml-auto text-xs tracking-widest\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Menubar,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarItem,\n MenubarSeparator,\n MenubarLabel,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSubContent,\n MenubarSubTrigger,\n MenubarGroup,\n MenubarSub,\n MenubarShortcut,\n type MenubarProps,\n type MenubarMenuProps,\n type MenubarTriggerProps,\n type MenubarContentProps,\n type MenubarItemProps,\n type MenubarSeparatorProps,\n type MenubarLabelProps,\n type MenubarCheckboxItemProps,\n type MenubarRadioGroupProps,\n type MenubarRadioItemProps,\n type MenubarSubContentProps,\n type MenubarSubTriggerProps,\n type MenubarGroupProps,\n type MenubarSubProps,\n type MenubarShortcutProps,\n};\n"],"mappings":"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","names":["React","CheckIcon","ChevronRightIcon","DotFilledIcon","MenubarPrimitive","jsx","jsxs","MenubarMenu","MenubarGroup","MenubarSub","MenubarRadioGroup","Menubar","className","props","ref","cn","MenubarTrigger","MenubarSubTrigger","children","inset","ChevronRightIcon","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","checked","CheckIcon","MenubarRadioItem","DotFilledIcon","MenubarLabel","MenubarSeparator","MenubarShortcut"]}
|
|
@@ -68,9 +68,5 @@ type NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof Navigati
|
|
|
68
68
|
declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
69
69
|
type NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;
|
|
70
70
|
declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
71
|
-
type NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;
|
|
72
|
-
declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
73
|
-
type NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;
|
|
74
|
-
declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
75
71
|
|
|
76
|
-
export { NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps,
|
|
72
|
+
export { NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, navigationMenuTriggerVariants };
|
|
@@ -68,9 +68,5 @@ type NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof Navigati
|
|
|
68
68
|
declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
69
69
|
type NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;
|
|
70
70
|
declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
71
|
-
type NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;
|
|
72
|
-
declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
73
|
-
type NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;
|
|
74
|
-
declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
75
71
|
|
|
76
|
-
export { NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps,
|
|
72
|
+
export { NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, navigationMenuTriggerVariants };
|
package/dist/navigation-menu.js
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; } }"use client";var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var o = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _reactnavigationmenu = require('@radix-ui/react-navigation-menu'); var t = _interopRequireWildcard(_reactnavigationmenu);var _jsxruntime = require('react/jsx-runtime');var
|
|
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; } }"use client";var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var o = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _reactnavigationmenu = require('@radix-ui/react-navigation-menu'); var t = _interopRequireWildcard(_reactnavigationmenu);var _jsxruntime = require('react/jsx-runtime');var d=_chunkQZCQ42BPjs.a.call(void 0, {base:"bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus:outline focus:outline-2 disabled:pointer-events-none disabled:opacity-50"}),N= exports.NavigationMenu =o.forwardRef(({children:e,className:i,...a},m)=>_jsxruntime.jsxs.call(void 0, t.Root,{ref:m,className:_chunkQZCQ42BPjs.b.call(void 0, "relative z-10 flex max-w-max flex-1 items-center justify-center",i),...a,children:[e,_jsxruntime.jsx.call(void 0, p,{})]}));N.displayName=t.Root.displayName;var f=o.forwardRef(({children:e,className:i,...a},m)=>_jsxruntime.jsxs.call(void 0, t.List,{ref:m,className:_chunkQZCQ42BPjs.b.call(void 0, "group flex flex-1 list-none items-center justify-center space-x-1",i),...a,children:[e,_jsxruntime.jsx.call(void 0, u,{})]}));f.displayName=t.List.displayName;var y=t.Item,c= exports.NavigationMenuTrigger =o.forwardRef(({children:e,className:i,...a},m)=>_jsxruntime.jsxs.call(void 0, t.Trigger,{ref:m,className:d({className:["group",i]}),...a,children:[e,_jsxruntime.jsx.call(void 0, _reacticons.ChevronDownIcon,{className:"relative top-px ml-1 size-3 transition group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));c.displayName=t.Trigger.displayName;var l=o.forwardRef(({className:e,...i},a)=>_jsxruntime.jsx.call(void 0, t.Content,{ref:a,className:_chunkQZCQ42BPjs.b.call(void 0, "data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full md:absolute md:w-auto",e),...i}));l.displayName=t.Content.displayName;var R=t.Link,p=o.forwardRef(({className:e,...i},a)=>_jsxruntime.jsx.call(void 0, "div",{className:"perspective-[125rem] absolute left-0 top-full flex justify-center",children:_jsxruntime.jsx.call(void 0, t.Viewport,{className:_chunkQZCQ42BPjs.b.call(void 0, "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border transition-[width,height] sm:w-[var(--radix-navigation-menu-viewport-width)]",e),ref:a,...i})}));p.displayName=t.Viewport.displayName;var u=o.forwardRef(({className:e,...i},a)=>_jsxruntime.jsx.call(void 0, t.Indicator,{ref:a,className:_chunkQZCQ42BPjs.b.call(void 0, "data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-1.5 items-center justify-center overflow-hidden transition",e),...i,children:_jsxruntime.jsx.call(void 0, "div",{className:"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm"})}));u.displayName=t.Indicator.displayName;exports.NavigationMenu = N; exports.NavigationMenuContent = l; exports.NavigationMenuItem = y; exports.NavigationMenuLink = R; exports.NavigationMenuList = f; exports.NavigationMenuTrigger = c; exports.navigationMenuTriggerVariants = d;
|
|
2
2
|
//# sourceMappingURL=navigation-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/navigation-menu.tsx"],"names":["React","ChevronDownIcon","NavigationMenuPrimitive","jsx","jsxs","navigationMenuTriggerVariants","cva","NavigationMenu","className","children","props","ref","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":"4DAEA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,MAAuB,wBAChC,UAAYC,MAA6B,kCAoBrC,OAME,OAAAC,EANF,QAAAC,MAAA,oBAbJ,IAAMC,EAAgCC,EAAI,CACxC,KAAM,+UACR,CAAC,EASKC,EAAuB,aAC3B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,OAAxB,CACC,IAAKO,EACL,UAAWC,EAAG,kEAAmEJ,CAAS,EACzF,GAAGE,EAEH,UAAAD,EACDN,EAACU,EAAA,EAAuB,GAC1B,CAEJ,EAEAN,EAAe,YAAsC,OAAK,YAS1D,IAAMO,EAA2B,aAC/B,CAAC,CAAE,UAAAN,EAAW,GAAGE,CAAM,EAAGC,IACxBR,EAAyB,OAAxB,CACC,IAAKQ,EACL,UAAWC,EAAG,oEAAqEJ,CAAS,EAC3F,GAAGE,EACN,CAEJ,EAEAI,EAAmB,YAAsC,OAAK,YAQ9D,IAAMC,EAA6C,OAS7CC,EAA8B,aAClC,CAAC,CAAE,UAAAR,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,UAAxB,CACC,IAAKO,EACL,UAAWN,EAA8B,CACvC,UAAW,CAAC,QAASG,CAAS,CAChC,CAAC,EACA,GAAGE,EAEH,UAAAD,EACDN,EAACF,EAAA,CACC,UAAU,yFACV,cAAY,OACd,GACF,CAEJ,EAEAe,EAAsB,YAAsC,UAAQ,YASpE,IAAMC,EAA8B,aAClC,CAAC,CAAE,UAAAT,EAAW,GAAGE,CAAM,EAAGC,IACxBR,EAAyB,UAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,wVACAJ,CACF,EACC,GAAGE,EACN,CAEJ,EAEAO,EAAsB,YAAsC,UAAQ,YAQpE,IAAMC,EAA6C,OAS7CL,EAA+B,aACnC,CAAC,CAAE,UAAAL,EAAW,GAAGE,CAAM,EAAGC,IACxBR,EAAC,OAAI,UAAU,oEACb,SAAAA,EAAyB,WAAxB,CACC,UAAWS,EACT,qbACAJ,CACF,EACA,IAAKG,EACJ,GAAGD,EACN,EACF,CAEJ,EAEAG,EAAuB,YAAsC,WAAS,YAStE,IAAMM,EAAgC,aACpC,CAAC,CAAE,UAAAX,EAAW,GAAGE,CAAM,EAAGC,IACxBR,EAAyB,YAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,0MACAJ,CACF,EACC,GAAGE,EAEJ,SAAAP,EAAC,OAAI,UAAU,wEAAwE,EACzF,CAEJ,EAEAgB,EAAwB,YAAsC,YAAU","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: NavigationMenu\n * -------------------------------------------------------------------------- */\n\nconst navigationMenuTriggerVariants = cva({\n base: \"bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus:outline disabled:pointer-events-none disabled:opacity-50\",\n});\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenu\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuElement = React.ElementRef<typeof NavigationMenuPrimitive.Root>;\ntype NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;\n\nconst NavigationMenu = React.forwardRef<NavigationMenuElement, NavigationMenuProps>(\n ({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n ),\n);\n\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuListElement = React.ElementRef<typeof NavigationMenuPrimitive.List>;\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;\n\nconst NavigationMenuList = React.forwardRef<NavigationMenuListElement, NavigationMenuListProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\n {...props}\n />\n ),\n);\n\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuItemProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>;\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuTriggerElement = React.ElementRef<typeof NavigationMenuPrimitive.Trigger>;\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;\n\nconst NavigationMenuTrigger = React.forwardRef<NavigationMenuTriggerElement, NavigationMenuTriggerProps>(\n ({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={navigationMenuTriggerVariants({\n className: [\"group\", className],\n })}\n {...props}\n >\n {children}\n <ChevronDownIcon\n className=\"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n ),\n);\n\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuContentElement = React.ElementRef<typeof NavigationMenuPrimitive.Content>;\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;\n\nconst NavigationMenuContent = React.forwardRef<NavigationMenuContentElement, NavigationMenuContentProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n \"data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full md:absolute md:w-auto\",\n className,\n )}\n {...props}\n />\n ),\n);\n\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuViewportElement = React.ElementRef<typeof NavigationMenuPrimitive.Viewport>;\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;\n\nconst NavigationMenuViewport = React.forwardRef<NavigationMenuViewportElement, NavigationMenuViewportProps>(\n ({ className, ...props }, ref) => (\n <div className=\"perspective-[125rem] absolute left-0 top-full flex justify-center\">\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border shadow transition-[width,height] duration-200 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className,\n )}\n ref={ref}\n {...props}\n />\n </div>\n ),\n);\n\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuIndicatorElement = React.ElementRef<typeof NavigationMenuPrimitive.Indicator>;\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;\n\nconst NavigationMenuIndicator = React.forwardRef<NavigationMenuIndicatorElement, NavigationMenuIndicatorProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n \"data-[state=visible]:animate-in data-[state=visible]:fade-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden transition\",\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n ),\n);\n\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n navigationMenuTriggerVariants,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n type NavigationMenuProps,\n type NavigationMenuListProps,\n type NavigationMenuItemProps,\n type NavigationMenuContentProps,\n type NavigationMenuTriggerProps,\n type NavigationMenuLinkProps,\n type NavigationMenuIndicatorProps,\n type NavigationMenuViewportProps,\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/navigation-menu.tsx"],"names":["React","ChevronDownIcon","NavigationMenuPrimitive","jsx","jsxs","navigationMenuTriggerVariants","cva","NavigationMenu","children","className","props","ref","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuIndicator","NavigationMenuItem","NavigationMenuTrigger","NavigationMenuContent","NavigationMenuLink"],"mappings":"4DAEA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,MAAuB,wBAChC,UAAYC,MAA6B,kCAoBrC,OAME,OAAAC,EANF,QAAAC,MAAA,oBAbJ,IAAMC,EAAgCC,EAAI,CACxC,KAAM,+VACR,CAAC,EASKC,EAAuB,aAC3B,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,OAAxB,CACC,IAAKO,EACL,UAAWC,EAAG,kEAAmEH,CAAS,EACzF,GAAGC,EAEH,UAAAF,EACDL,EAACU,EAAA,EAAuB,GAC1B,CAEJ,EAEAN,EAAe,YAAsC,OAAK,YAS1D,IAAMO,EAA2B,aAC/B,CAAC,CAAE,SAAAN,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,OAAxB,CACC,IAAKO,EACL,UAAWC,EAAG,oEAAqEH,CAAS,EAC3F,GAAGC,EAEH,UAAAF,EACDL,EAACY,EAAA,EAAwB,GAC3B,CAEJ,EAEAD,EAAmB,YAAsC,OAAK,YAQ9D,IAAME,EAA6C,OAS7CC,EAA8B,aAClC,CAAC,CAAE,SAAAT,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,UAAxB,CACC,IAAKO,EACL,UAAWN,EAA8B,CACvC,UAAW,CAAC,QAASI,CAAS,CAChC,CAAC,EACA,GAAGC,EAEH,UAAAF,EACDL,EAACF,EAAA,CACC,UAAU,4EACV,cAAY,OACd,GACF,CAEJ,EAEAgB,EAAsB,YAAsC,UAAQ,YASpE,IAAMC,EAA8B,aAClC,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,EAAGC,IACxBR,EAAyB,UAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,wVACAH,CACF,EACC,GAAGC,EACN,CAEJ,EAEAQ,EAAsB,YAAsC,UAAQ,YAQpE,IAAMC,EAA6C,OAS7CN,EAA+B,aACnC,CAAC,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAGC,IACxBR,EAAC,OAAI,UAAU,oEACb,SAAAA,EAAyB,WAAxB,CACC,UAAWS,EACT,iaACAH,CACF,EACA,IAAKE,EACJ,GAAGD,EACN,EACF,CAEJ,EAEAG,EAAuB,YAAsC,WAAS,YAStE,IAAME,EAAgC,aACpC,CAAC,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAGC,IACxBR,EAAyB,YAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,4JACAH,CACF,EACC,GAAGC,EAEJ,SAAAP,EAAC,OAAI,UAAU,8DAA8D,EAC/E,CAEJ,EAEAY,EAAwB,YAAsC,YAAU","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: NavigationMenu\n * -------------------------------------------------------------------------- */\n\nconst navigationMenuTriggerVariants = cva({\n base: \"bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus:outline focus:outline-2 disabled:pointer-events-none disabled:opacity-50\",\n});\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenu\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuElement = React.ElementRef<typeof NavigationMenuPrimitive.Root>;\ntype NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;\n\nconst NavigationMenu = React.forwardRef<NavigationMenuElement, NavigationMenuProps>(\n ({ children, className, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n ),\n);\n\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuListElement = React.ElementRef<typeof NavigationMenuPrimitive.List>;\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;\n\nconst NavigationMenuList = React.forwardRef<NavigationMenuListElement, NavigationMenuListProps>(\n ({ children, className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\n {...props}\n >\n {children}\n <NavigationMenuIndicator />\n </NavigationMenuPrimitive.List>\n ),\n);\n\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuItemProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>;\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuTriggerElement = React.ElementRef<typeof NavigationMenuPrimitive.Trigger>;\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;\n\nconst NavigationMenuTrigger = React.forwardRef<NavigationMenuTriggerElement, NavigationMenuTriggerProps>(\n ({ children, className, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={navigationMenuTriggerVariants({\n className: [\"group\", className],\n })}\n {...props}\n >\n {children}\n <ChevronDownIcon\n className=\"relative top-px ml-1 size-3 transition group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n ),\n);\n\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuContentElement = React.ElementRef<typeof NavigationMenuPrimitive.Content>;\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;\n\nconst NavigationMenuContent = React.forwardRef<NavigationMenuContentElement, NavigationMenuContentProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n \"data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full md:absolute md:w-auto\",\n className,\n )}\n {...props}\n />\n ),\n);\n\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuViewportElement = React.ElementRef<typeof NavigationMenuPrimitive.Viewport>;\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;\n\nconst NavigationMenuViewport = React.forwardRef<NavigationMenuViewportElement, NavigationMenuViewportProps>(\n ({ className, ...props }, ref) => (\n <div className=\"perspective-[125rem] absolute left-0 top-full flex justify-center\">\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border transition-[width,height] sm:w-[var(--radix-navigation-menu-viewport-width)]\",\n className,\n )}\n ref={ref}\n {...props}\n />\n </div>\n ),\n);\n\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuIndicatorElement = React.ElementRef<typeof NavigationMenuPrimitive.Indicator>;\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;\n\nconst NavigationMenuIndicator = React.forwardRef<NavigationMenuIndicatorElement, NavigationMenuIndicatorProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n \"data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-1.5 items-center justify-center overflow-hidden transition\",\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm\" />\n </NavigationMenuPrimitive.Indicator>\n ),\n);\n\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n navigationMenuTriggerVariants,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n type NavigationMenuProps,\n type NavigationMenuListProps,\n type NavigationMenuItemProps,\n type NavigationMenuContentProps,\n type NavigationMenuTriggerProps,\n type NavigationMenuLinkProps,\n};\n"]}
|
package/dist/navigation-menu.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{a as
|
|
1
|
+
"use client";import{a as v,b as r}from"./chunk-JTI7KCLO.mjs";import*as o from"react";import{ChevronDownIcon as g}from"@radix-ui/react-icons";import*as t from"@radix-ui/react-navigation-menu";import{jsx as n,jsxs as s}from"react/jsx-runtime";var d=v({base:"bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus:outline focus:outline-2 disabled:pointer-events-none disabled:opacity-50"}),N=o.forwardRef(({children:e,className:i,...a},m)=>s(t.Root,{ref:m,className:r("relative z-10 flex max-w-max flex-1 items-center justify-center",i),...a,children:[e,n(p,{})]}));N.displayName=t.Root.displayName;var f=o.forwardRef(({children:e,className:i,...a},m)=>s(t.List,{ref:m,className:r("group flex flex-1 list-none items-center justify-center space-x-1",i),...a,children:[e,n(u,{})]}));f.displayName=t.List.displayName;var y=t.Item,c=o.forwardRef(({children:e,className:i,...a},m)=>s(t.Trigger,{ref:m,className:d({className:["group",i]}),...a,children:[e,n(g,{className:"relative top-px ml-1 size-3 transition group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));c.displayName=t.Trigger.displayName;var l=o.forwardRef(({className:e,...i},a)=>n(t.Content,{ref:a,className:r("data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full md:absolute md:w-auto",e),...i}));l.displayName=t.Content.displayName;var R=t.Link,p=o.forwardRef(({className:e,...i},a)=>n("div",{className:"perspective-[125rem] absolute left-0 top-full flex justify-center",children:n(t.Viewport,{className:r("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border transition-[width,height] sm:w-[var(--radix-navigation-menu-viewport-width)]",e),ref:a,...i})}));p.displayName=t.Viewport.displayName;var u=o.forwardRef(({className:e,...i},a)=>n(t.Indicator,{ref:a,className:r("data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-1.5 items-center justify-center overflow-hidden transition",e),...i,children:n("div",{className:"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm"})}));u.displayName=t.Indicator.displayName;export{N as NavigationMenu,l as NavigationMenuContent,y as NavigationMenuItem,R as NavigationMenuLink,f as NavigationMenuList,c as NavigationMenuTrigger,d as navigationMenuTriggerVariants};
|
|
2
2
|
//# sourceMappingURL=navigation-menu.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: NavigationMenu\n * -------------------------------------------------------------------------- */\n\nconst navigationMenuTriggerVariants = cva({\n base: \"bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus:outline disabled:pointer-events-none disabled:opacity-50\",\n});\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenu\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuElement = React.ElementRef<typeof NavigationMenuPrimitive.Root>;\ntype NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;\n\nconst NavigationMenu = React.forwardRef<NavigationMenuElement, NavigationMenuProps>(\n ({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n ),\n);\n\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuListElement = React.ElementRef<typeof NavigationMenuPrimitive.List>;\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;\n\nconst NavigationMenuList = React.forwardRef<NavigationMenuListElement, NavigationMenuListProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\n {...props}\n />\n ),\n);\n\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuItemProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>;\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuTriggerElement = React.ElementRef<typeof NavigationMenuPrimitive.Trigger>;\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;\n\nconst NavigationMenuTrigger = React.forwardRef<NavigationMenuTriggerElement, NavigationMenuTriggerProps>(\n ({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={navigationMenuTriggerVariants({\n className: [\"group\", className],\n })}\n {...props}\n >\n {children}\n <ChevronDownIcon\n className=\"relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n ),\n);\n\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuContentElement = React.ElementRef<typeof NavigationMenuPrimitive.Content>;\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;\n\nconst NavigationMenuContent = React.forwardRef<NavigationMenuContentElement, NavigationMenuContentProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n \"data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full md:absolute md:w-auto\",\n className,\n )}\n {...props}\n />\n ),\n);\n\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuViewportElement = React.ElementRef<typeof NavigationMenuPrimitive.Viewport>;\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;\n\nconst NavigationMenuViewport = React.forwardRef<NavigationMenuViewportElement, NavigationMenuViewportProps>(\n ({ className, ...props }, ref) => (\n <div className=\"perspective-[125rem] absolute left-0 top-full flex justify-center\">\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border shadow transition-[width,height] duration-200 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className,\n )}\n ref={ref}\n {...props}\n />\n </div>\n ),\n);\n\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuIndicatorElement = React.ElementRef<typeof NavigationMenuPrimitive.Indicator>;\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;\n\nconst NavigationMenuIndicator = React.forwardRef<NavigationMenuIndicatorElement, NavigationMenuIndicatorProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n \"data-[state=visible]:animate-in data-[state=visible]:fade-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden transition\",\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n ),\n);\n\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n navigationMenuTriggerVariants,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n type NavigationMenuProps,\n type NavigationMenuListProps,\n type NavigationMenuItemProps,\n type NavigationMenuContentProps,\n type NavigationMenuTriggerProps,\n type NavigationMenuLinkProps,\n type NavigationMenuIndicatorProps,\n type NavigationMenuViewportProps,\n};\n"],"mappings":"6DAEA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,MAAuB,wBAChC,UAAYC,MAA6B,kCAoBrC,OAME,OAAAC,EANF,QAAAC,MAAA,oBAbJ,IAAMC,EAAgCC,EAAI,CACxC,KAAM,+UACR,CAAC,EASKC,EAAuB,aAC3B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,OAAxB,CACC,IAAKO,EACL,UAAWC,EAAG,kEAAmEJ,CAAS,EACzF,GAAGE,EAEH,UAAAD,EACDN,EAACU,EAAA,EAAuB,GAC1B,CAEJ,EAEAN,EAAe,YAAsC,OAAK,YAS1D,IAAMO,EAA2B,aAC/B,CAAC,CAAE,UAAAN,EAAW,GAAGE,CAAM,EAAGC,IACxBR,EAAyB,OAAxB,CACC,IAAKQ,EACL,UAAWC,EAAG,oEAAqEJ,CAAS,EAC3F,GAAGE,EACN,CAEJ,EAEAI,EAAmB,YAAsC,OAAK,YAQ9D,IAAMC,EAA6C,OAS7CC,EAA8B,aAClC,CAAC,CAAE,UAAAR,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,UAAxB,CACC,IAAKO,EACL,UAAWN,EAA8B,CACvC,UAAW,CAAC,QAASG,CAAS,CAChC,CAAC,EACA,GAAGE,EAEH,UAAAD,EACDN,EAACc,EAAA,CACC,UAAU,yFACV,cAAY,OACd,GACF,CAEJ,EAEAD,EAAsB,YAAsC,UAAQ,YASpE,IAAME,EAA8B,aAClC,CAAC,CAAE,UAAAV,EAAW,GAAGE,CAAM,EAAGC,IACxBR,EAAyB,UAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,wVACAJ,CACF,EACC,GAAGE,EACN,CAEJ,EAEAQ,EAAsB,YAAsC,UAAQ,YAQpE,IAAMC,EAA6C,OAS7CN,EAA+B,aACnC,CAAC,CAAE,UAAAL,EAAW,GAAGE,CAAM,EAAGC,IACxBR,EAAC,OAAI,UAAU,oEACb,SAAAA,EAAyB,WAAxB,CACC,UAAWS,EACT,qbACAJ,CACF,EACA,IAAKG,EACJ,GAAGD,EACN,EACF,CAEJ,EAEAG,EAAuB,YAAsC,WAAS,YAStE,IAAMO,EAAgC,aACpC,CAAC,CAAE,UAAAZ,EAAW,GAAGE,CAAM,EAAGC,IACxBR,EAAyB,YAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,0MACAJ,CACF,EACC,GAAGE,EAEJ,SAAAP,EAAC,OAAI,UAAU,wEAAwE,EACzF,CAEJ,EAEAiB,EAAwB,YAAsC,YAAU","names":["React","ChevronDownIcon","NavigationMenuPrimitive","jsx","jsxs","navigationMenuTriggerVariants","cva","NavigationMenu","className","children","props","ref","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","ChevronDownIcon","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"]}
|
|
1
|
+
{"version":3,"sources":["../src/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: NavigationMenu\n * -------------------------------------------------------------------------- */\n\nconst navigationMenuTriggerVariants = cva({\n base: \"bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus:outline focus:outline-2 disabled:pointer-events-none disabled:opacity-50\",\n});\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenu\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuElement = React.ElementRef<typeof NavigationMenuPrimitive.Root>;\ntype NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;\n\nconst NavigationMenu = React.forwardRef<NavigationMenuElement, NavigationMenuProps>(\n ({ children, className, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n ),\n);\n\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuList\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuListElement = React.ElementRef<typeof NavigationMenuPrimitive.List>;\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>;\n\nconst NavigationMenuList = React.forwardRef<NavigationMenuListElement, NavigationMenuListProps>(\n ({ children, className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\n {...props}\n >\n {children}\n <NavigationMenuIndicator />\n </NavigationMenuPrimitive.List>\n ),\n);\n\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuItem\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuItemProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>;\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuTriggerElement = React.ElementRef<typeof NavigationMenuPrimitive.Trigger>;\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>;\n\nconst NavigationMenuTrigger = React.forwardRef<NavigationMenuTriggerElement, NavigationMenuTriggerProps>(\n ({ children, className, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={navigationMenuTriggerVariants({\n className: [\"group\", className],\n })}\n {...props}\n >\n {children}\n <ChevronDownIcon\n className=\"relative top-px ml-1 size-3 transition group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n ),\n);\n\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuContent\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuContentElement = React.ElementRef<typeof NavigationMenuPrimitive.Content>;\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>;\n\nconst NavigationMenuContent = React.forwardRef<NavigationMenuContentElement, NavigationMenuContentProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n \"data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full md:absolute md:w-auto\",\n className,\n )}\n {...props}\n />\n ),\n);\n\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuLink\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuLinkProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>;\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuViewport\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuViewportElement = React.ElementRef<typeof NavigationMenuPrimitive.Viewport>;\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>;\n\nconst NavigationMenuViewport = React.forwardRef<NavigationMenuViewportElement, NavigationMenuViewportProps>(\n ({ className, ...props }, ref) => (\n <div className=\"perspective-[125rem] absolute left-0 top-full flex justify-center\">\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-md border transition-[width,height] sm:w-[var(--radix-navigation-menu-viewport-width)]\",\n className,\n )}\n ref={ref}\n {...props}\n />\n </div>\n ),\n);\n\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: NavigationMenuIndicator\n * -------------------------------------------------------------------------- */\n\ntype NavigationMenuIndicatorElement = React.ElementRef<typeof NavigationMenuPrimitive.Indicator>;\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>;\n\nconst NavigationMenuIndicator = React.forwardRef<NavigationMenuIndicatorElement, NavigationMenuIndicatorProps>(\n ({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n \"data-[state=visible]:animate-fade-in data-[state=hidden]:animate-fade-out top-full z-10 flex h-1.5 items-center justify-center overflow-hidden transition\",\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm\" />\n </NavigationMenuPrimitive.Indicator>\n ),\n);\n\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n navigationMenuTriggerVariants,\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n type NavigationMenuProps,\n type NavigationMenuListProps,\n type NavigationMenuItemProps,\n type NavigationMenuContentProps,\n type NavigationMenuTriggerProps,\n type NavigationMenuLinkProps,\n};\n"],"mappings":"6DAEA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,MAAuB,wBAChC,UAAYC,MAA6B,kCAoBrC,OAME,OAAAC,EANF,QAAAC,MAAA,oBAbJ,IAAMC,EAAgCC,EAAI,CACxC,KAAM,+VACR,CAAC,EASKC,EAAuB,aAC3B,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,OAAxB,CACC,IAAKO,EACL,UAAWC,EAAG,kEAAmEH,CAAS,EACzF,GAAGC,EAEH,UAAAF,EACDL,EAACU,EAAA,EAAuB,GAC1B,CAEJ,EAEAN,EAAe,YAAsC,OAAK,YAS1D,IAAMO,EAA2B,aAC/B,CAAC,CAAE,SAAAN,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,OAAxB,CACC,IAAKO,EACL,UAAWC,EAAG,oEAAqEH,CAAS,EAC3F,GAAGC,EAEH,UAAAF,EACDL,EAACY,EAAA,EAAwB,GAC3B,CAEJ,EAEAD,EAAmB,YAAsC,OAAK,YAQ9D,IAAME,EAA6C,OAS7CC,EAA8B,aAClC,CAAC,CAAE,SAAAT,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClCP,EAAyB,UAAxB,CACC,IAAKO,EACL,UAAWN,EAA8B,CACvC,UAAW,CAAC,QAASI,CAAS,CAChC,CAAC,EACA,GAAGC,EAEH,UAAAF,EACDL,EAACe,EAAA,CACC,UAAU,4EACV,cAAY,OACd,GACF,CAEJ,EAEAD,EAAsB,YAAsC,UAAQ,YASpE,IAAME,EAA8B,aAClC,CAAC,CAAE,UAAAV,EAAW,GAAGC,CAAM,EAAGC,IACxBR,EAAyB,UAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,wVACAH,CACF,EACC,GAAGC,EACN,CAEJ,EAEAS,EAAsB,YAAsC,UAAQ,YAQpE,IAAMC,EAA6C,OAS7CP,EAA+B,aACnC,CAAC,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAGC,IACxBR,EAAC,OAAI,UAAU,oEACb,SAAAA,EAAyB,WAAxB,CACC,UAAWS,EACT,iaACAH,CACF,EACA,IAAKE,EACJ,GAAGD,EACN,EACF,CAEJ,EAEAG,EAAuB,YAAsC,WAAS,YAStE,IAAME,EAAgC,aACpC,CAAC,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAGC,IACxBR,EAAyB,YAAxB,CACC,IAAKQ,EACL,UAAWC,EACT,4JACAH,CACF,EACC,GAAGC,EAEJ,SAAAP,EAAC,OAAI,UAAU,8DAA8D,EAC/E,CAEJ,EAEAY,EAAwB,YAAsC,YAAU","names":["React","ChevronDownIcon","NavigationMenuPrimitive","jsx","jsxs","navigationMenuTriggerVariants","cva","NavigationMenu","children","className","props","ref","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuIndicator","NavigationMenuItem","NavigationMenuTrigger","ChevronDownIcon","NavigationMenuContent","NavigationMenuLink"]}
|
package/dist/pagination.js
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
|
|
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 _chunkMUVQMEAIjs = require('./chunk-MUVQMEAI.js');require('./chunk-KXTYKCZX.js');var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var o = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');function N({className:n,...t}){return _jsxruntime.jsx.call(void 0, "nav",{role:"navigation","aria-label":"pagination",className:_chunkQZCQ42BPjs.b.call(void 0, "mx-auto flex w-full justify-center",n),...t})}var u=o.forwardRef(({className:n,...t},i)=>_jsxruntime.jsx.call(void 0, "ul",{ref:i,className:_chunkQZCQ42BPjs.b.call(void 0, "flex flex-row items-center gap-1",n),...t}));u.displayName="PaginationContent";var f=o.forwardRef((n,t)=>_jsxruntime.jsx.call(void 0, "li",{ref:t,...n}));f.displayName="PaginationItem";function p({className:n,isActive:t,size:i="icon",children:P,...l}){return _jsxruntime.jsx.call(void 0, "a",{"aria-current":t?"page":void 0,className:_chunkMUVQMEAIjs.a.call(void 0, {variant:t?"outline":"ghost",size:i,className:n}),...l,children:P})}function R({className:n,...t}){return _jsxruntime.jsxs.call(void 0, p,{"aria-label":"Go to previous page",size:"default",className:_chunkQZCQ42BPjs.b.call(void 0, "gap-1 pl-2.5",n),...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.ChevronLeftIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{children:"Previous"})]})}function H({className:n,...t}){return _jsxruntime.jsxs.call(void 0, p,{"aria-label":"Go to next page",size:"default",className:_chunkQZCQ42BPjs.b.call(void 0, "gap-1 pr-2.5",n),...t,children:[_jsxruntime.jsx.call(void 0, "span",{children:"Next"}),_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{className:"size-4"})]})}function M({className:n,...t}){return _jsxruntime.jsxs.call(void 0, "span",{"aria-hidden":!0,className:_chunkQZCQ42BPjs.b.call(void 0, "flex size-10 items-center justify-center",n),...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.DotsHorizontalIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"More pages"})]})}exports.Pagination = N; exports.PaginationContent = u; exports.PaginationEllipsis = M; exports.PaginationItem = f; exports.PaginationLink = p; exports.PaginationNext = H; exports.PaginationPrevious = R;
|
|
2
2
|
//# sourceMappingURL=pagination.js.map
|
package/dist/pagination.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as r}from"./chunk-
|
|
1
|
+
import{a as r}from"./chunk-4UVLRXTB.mjs";import"./chunk-7XGQAAYA.mjs";import{b as e}from"./chunk-JTI7KCLO.mjs";import*as o from"react";import{ChevronLeftIcon as g,ChevronRightIcon as m,DotsHorizontalIcon as c}from"@radix-ui/react-icons";import{jsx as a,jsxs as s}from"react/jsx-runtime";function N({className:n,...t}){return a("nav",{role:"navigation","aria-label":"pagination",className:e("mx-auto flex w-full justify-center",n),...t})}var u=o.forwardRef(({className:n,...t},i)=>a("ul",{ref:i,className:e("flex flex-row items-center gap-1",n),...t}));u.displayName="PaginationContent";var f=o.forwardRef((n,t)=>a("li",{ref:t,...n}));f.displayName="PaginationItem";function p({className:n,isActive:t,size:i="icon",children:P,...l}){return a("a",{"aria-current":t?"page":void 0,className:r({variant:t?"outline":"ghost",size:i,className:n}),...l,children:P})}function R({className:n,...t}){return s(p,{"aria-label":"Go to previous page",size:"default",className:e("gap-1 pl-2.5",n),...t,children:[a(g,{className:"size-4"}),a("span",{children:"Previous"})]})}function H({className:n,...t}){return s(p,{"aria-label":"Go to next page",size:"default",className:e("gap-1 pr-2.5",n),...t,children:[a("span",{children:"Next"}),a(m,{className:"size-4"})]})}function M({className:n,...t}){return s("span",{"aria-hidden":!0,className:e("flex size-10 items-center justify-center",n),...t,children:[a(c,{className:"size-4"}),a("span",{className:"sr-only",children:"More pages"})]})}export{N as Pagination,u as PaginationContent,M as PaginationEllipsis,f as PaginationItem,p as PaginationLink,H as PaginationNext,R as PaginationPrevious};
|
|
2
2
|
//# sourceMappingURL=pagination.mjs.map
|