reactjs-tiptap-editor/lib/select-CYyIeImH.cjs

A modern WYSIWYG rich text editor based on tiptap and shadcn ui for React

"use strict";const c=require("react/jsx-runtime"),f=require("react"),g=require("@radix-ui/react-select"),x=require("lucide-react"),s=require("./index-BnVcq33n.cjs");function l(r){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(i,e,a.get?a:{enumerable:!0,get:()=>r[e]})}}return i.default=r,Object.freeze(i)}const o=l(f),t=l(g),y=t.Root,b=t.Value,n=o.forwardRef(({className:r,children:i,...e},a)=>c.jsxs(t.Trigger,{ref:a,className:s.cn("richtext-flex richtext-h-10 richtext-w-full richtext-items-center richtext-justify-between richtext-rounded-md richtext-border richtext-border-input richtext-bg-background richtext-px-3 richtext-py-2 richtext-text-sm richtext-ring-offset-background placeholder:richtext-text-muted-foreground focus:richtext-outline-none focus:richtext-ring-2 focus:richtext-ring-ring focus:richtext-ring-offset-1 disabled:richtext-cursor-not-allowed disabled:richtext-opacity-50 [&>span]:richtext-line-clamp-1 richtext-text-foreground",r),...e,children:[i,c.jsx(t.Icon,{asChild:!0,children:c.jsx(x.ChevronDown,{className:"richtext-size-4 richtext-opacity-50"})})]}));n.displayName=t.Trigger.displayName;const h=o.forwardRef(({className:r,...i},e)=>c.jsx(t.ScrollUpButton,{ref:e,className:s.cn("richtext-flex richtext-cursor-default richtext-items-center richtext-justify-center richtext-py-1",r),...i,children:c.jsx(x.ChevronUp,{className:"richtext-size-4"})}));h.displayName=t.ScrollUpButton.displayName;const d=o.forwardRef(({className:r,...i},e)=>c.jsx(t.ScrollDownButton,{ref:e,className:s.cn("richtext-flex richtext-cursor-default richtext-items-center richtext-justify-center richtext-py-1",r),...i,children:c.jsx(x.ChevronDown,{className:"richtext-size-4"})}));d.displayName=t.ScrollDownButton.displayName;const m=o.forwardRef(({className:r,children:i,position:e="popper",...a},u)=>c.jsx(t.Portal,{children:c.jsxs(t.Content,{"data-richtext-portal":!0,position:e,ref:u,className:s.cn("richtext-relative richtext-z-50 richtext-max-h-60 richtext-overflow-y-auto richtext-min-w-[8rem] richtext-overflow-hidden richtext-rounded-md richtext-border !richtext-border-border richtext-bg-popover richtext-text-popover-foreground richtext-shadow-md data-[state=open]:richtext-animate-in data-[state=closed]:richtext-animate-out data-[state=closed]:richtext-fade-out-0 data-[state=open]:richtext-fade-in-0 data-[state=closed]:richtext-zoom-out-95 data-[state=open]:richtext-zoom-in-95 data-[side=bottom]:richtext-slide-in-from-top-2 data-[side=left]:richtext-slide-in-from-right-2 data-[side=right]:richtext-slide-in-from-left-2 data-[side=top]:richtext-slide-in-from-bottom-2",e==="popper"&&"data-[side=bottom]:richtext-translate-y-1 data-[side=left]:richtext--translate-x-1 data-[side=right]:richtext-translate-x-1 data-[side=top]:richtext--translate-y-1",r),...a,children:[c.jsx(h,{}),c.jsx(t.Viewport,{className:s.cn("richtext-p-1",e==="popper"&&"richtext-h-[var(--radix-select-trigger-height)] richtext-w-full richtext-min-w-[var(--radix-select-trigger-width)]"),children:i}),c.jsx(d,{})]})}));m.displayName=t.Content.displayName;const j=o.forwardRef(({className:r,...i},e)=>c.jsx(t.Label,{className:s.cn("richtext-py-1.5 richtext-pl-8 richtext-pr-2 richtext-text-sm richtext-font-semibold",r),ref:e,...i}));j.displayName=t.Label.displayName;const p=o.forwardRef(({className:r,children:i,...e},a)=>c.jsxs(t.Item,{ref:a,className:s.cn("richtext-relative richtext-flex richtext-w-full richtext-cursor-default richtext-select-none richtext-items-center richtext-rounded-sm richtext-py-1.5 richtext-pl-8 richtext-pr-2 richtext-text-sm richtext-outline-none focus:richtext-bg-accent focus:richtext-text-accent-foreground data-[disabled]:richtext-pointer-events-none data-[disabled]:richtext-opacity-50",r),...e,children:[c.jsx("span",{className:"richtext-absolute richtext-left-2 richtext-flex richtext-size-3.5 richtext-items-center richtext-justify-center",children:c.jsx(t.ItemIndicator,{children:c.jsx(x.Check,{className:"richtext-size-4"})})}),c.jsx(t.ItemText,{children:i})]}));p.displayName=t.Item.displayName;const N=o.forwardRef(({className:r,...i},e)=>c.jsx(t.Separator,{className:s.cn("richtext--mx-1 richtext-my-1 richtext-h-px richtext-bg-muted",r),ref:e,...i}));N.displayName=t.Separator.displayName;exports.Select=y;exports.SelectContent=m;exports.SelectItem=p;exports.SelectTrigger=n;exports.SelectValue=b;