@21st-extension/toolbar/dist/plugin-ui.cjs.js

21st.dev toolbar SDK for AI Agent interaction.

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const utils=require("./utils-BMQ79BPG.cjs"),pluginUi_jsxRuntime=require("./jsx-runtime-BpKoi2FH.cjs");function Panel({children,alwaysFullHeight=!1}){return pluginUi_jsxRuntime.u("section",{className:utils.cn("pointer-events-auto flex max-h-full min-h-48 flex-col items-stretch justify-start rounded-xl border border-border/30 bg-zinc-50/80 p-4 shadow-md backdrop-blur-md",alwaysFullHeight&&"h-full"),children})}Panel.Header=function({title,description,small=!1}){return pluginUi_jsxRuntime.u("header",{className:"mb-3 flex flex-col gap-1 text-zinc-950",children:[title&&pluginUi_jsxRuntime.u("h3",{className:`font-semibold ${small?"text-base":"text-lg"}`,children:title}),description&&pluginUi_jsxRuntime.u("p",{className:"font-medium text-zinc-600",children:description})]})};Panel.Content=function({children}){return pluginUi_jsxRuntime.u("div",{className:"-mx-4 flex flex-col gap-2 overflow-y-auto border-border/30 border-t px-4 pt-4 text-zinc-950",children})};Panel.Footer=function({children}){return pluginUi_jsxRuntime.u("footer",{className:"flex flex-row items-end justify-end gap-2 text-sm text-zinc-600",children})};const falsyToString=value=>typeof value=="boolean"?`${value}`:value===0?"0":value,cx=utils.clsx,cva=(base,config)=>props=>{var _config_compoundVariants;if((config==null?void 0:config.variants)==null)return cx(base,props==null?void 0:props.class,props==null?void 0:props.className);const{variants,defaultVariants}=config,getVariantClassNames=Object.keys(variants).map(variant=>{const variantProp=props==null?void 0:props[variant],defaultVariantProp=defaultVariants==null?void 0:defaultVariants[variant];if(variantProp===null)return null;const variantKey=falsyToString(variantProp)||falsyToString(defaultVariantProp);return variants[variant][variantKey]}),propsWithoutUndefined=props&&Object.entries(props).reduce((acc,param)=>{let[key,value]=param;return value===void 0||(acc[key]=value),acc},{}),getCompoundVariantClassNames=config==null||(_config_compoundVariants=config.compoundVariants)===null||_config_compoundVariants===void 0?void 0:_config_compoundVariants.reduce((acc,param)=>{let{class:cvClass,className:cvClassName,...compoundVariantOptions}=param;return Object.entries(compoundVariantOptions).every(param2=>{let[key,value]=param2;return Array.isArray(value)?value.includes({...defaultVariants,...propsWithoutUndefined}[key]):{...defaultVariants,...propsWithoutUndefined}[key]===value})?[...acc,cvClass,cvClassName]:acc},[]);return cx(base,getVariantClassNames,getCompoundVariantClassNames,props==null?void 0:props.class,props==null?void 0:props.className)},badgeVariants=cva("rounded-md p-2",{variants:{color:{blue:"",green:"",red:"",yellow:"",purple:"",orange:"",pink:""},style:{default:"text-white",outline:"border text-zinc-950"}},compoundVariants:[{style:"default",color:"blue",className:"bg-blue-500"},{style:"default",color:"green",className:"bg-green-500"},{style:"default",color:"red",className:"bg-red-500"},{style:"default",color:"yellow",className:"bg-yellow-500"},{style:"default",color:"purple",className:"bg-purple-500"},{style:"default",color:"orange",className:"bg-orange-500"},{style:"default",color:"pink",className:"bg-pink-500"},{style:"outline",color:"blue",className:"border-blue-500"},{style:"outline",color:"green",className:"border-green-500"},{style:"outline",color:"red",className:"border-red-500"},{style:"outline",color:"yellow",className:"border-yellow-500"},{style:"outline",color:"purple",className:"border-purple-500"},{style:"outline",color:"orange",className:"border-orange-500"},{style:"outline",color:"pink",className:"border-pink-500"}],defaultVariants:{color:"blue",style:"default"}});function Badge({children,color,style,className}){return pluginUi_jsxRuntime.u("span",{className:utils.cn(badgeVariants({color,style}),className),children})}function Button({children,style="primary",size="md",asChild,...props}){return asChild?pluginUi_jsxRuntime.u("button",{...props,className:"cursor-pointer",children}):pluginUi_jsxRuntime.u("button",{...props,className:utils.cn("flex h-12 cursor-pointer items-center justify-center rounded-lg px-4 py-2 font-medium text-sm text-white",size==="sm"&&"h-8",size==="md"&&"h-12",size==="lg"&&"h-16",style==="primary"&&"bg-blue-600",style==="secondary"&&"bg-zinc-500/40",style==="outline"&&"border border-zinc-500 bg-white text-blue-500",style==="ghost"&&"bg-transparent text-blue-500"),type:"submit",children})}const useToolbar=()=>utils.usePlugins().toolbarContext;exports.useCallback=utils.q;exports.useEffect=utils.y;exports.useMemo=utils.T;exports.useRef=utils.A;exports.useState=utils.d;exports.Component=pluginUi_jsxRuntime.x;exports.Fragment=pluginUi_jsxRuntime.k;exports.cloneElement=pluginUi_jsxRuntime.J;exports.createContext=pluginUi_jsxRuntime.K;exports.createElement=pluginUi_jsxRuntime._;exports.createRef=pluginUi_jsxRuntime.b;exports.h=pluginUi_jsxRuntime._;exports.hydrate=pluginUi_jsxRuntime.G;Object.defineProperty(exports,"isValidElement",{enumerable:!0,get:()=>pluginUi_jsxRuntime.t});Object.defineProperty(exports,"options",{enumerable:!0,get:()=>pluginUi_jsxRuntime.l});exports.render=pluginUi_jsxRuntime.E;exports.toChildArray=pluginUi_jsxRuntime.H;exports.Badge=Badge;exports.Button=Button;exports.Panel=Panel;exports.useToolbar=useToolbar;