{"version":3,"file":"Navigation.ClbyePWD.mjs","names":[],"sources":["https:/framerusercontent.com/modules/n9cR4gFLy0DjoxfkLrIe/eDj1MxSfupkYrrIeXQ6b/Shared.js","https:/framerusercontent.com/modules/SWiJaypnxhWLsRxg216W/DoYxHsVFD7nw8ooyYEEd/Navigation.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{ControlType}from\"framer\";import{motion}from\"framer-motion\";export const borderPropertyControl=(hidden=null)=>({type:ControlType.Object,optional:true,hidden,controls:{color:{type:ControlType.Color,defaultValue:\"#222\"},width:{type:ControlType.FusedNumber,defaultValue:1,toggleKey:\"widthIsMixed\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"widthTop\",\"widthRight\",\"widthBottom\",\"widthLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},style:{type:ControlType.Enum,defaultValue:\"solid\",options:[\"solid\",\"dashed\",\"dotted\",\"double\"],optionTitles:[\"Solid\",\"Dashed\",\"Dotted\",\"Double\"]}}});export function Border({width,widthIsMixed,widthTop,widthRight,widthBottom,widthLeft,style,color,transition}){return /*#__PURE__*/_jsx(motion.div,{animate:{borderColor:color},style:{position:\"absolute\",inset:0,borderWidth:widthIsMixed?`${widthTop}px ${widthRight}px ${widthBottom}px ${widthLeft}px`:`${width}px`,borderStyle:style,borderRadius:\"inherit\",pointerEvents:\"none\"},initial:false,transition:transition});}export function EmptyState({title,subtitle,maxWidth=0}){return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",width:\"100%\",height:\"100%\",placeContent:\"center\",placeItems:\"center\",flexDirection:\"column\",gap:16,backgroundColor:\"rgba(136, 85, 255, 0.1)\",borderRadius:6,border:\"1px dashed rgb(136, 85, 255)\",color:\"rgb(136, 85, 255)\",fontSize:16,padding:20,minHeight:200,maxWidth:maxWidth||undefined},children:[/*#__PURE__*/_jsx(\"p\",{style:{margin:0,fontWeight:600,textAlign:\"center\"},children:title}),/*#__PURE__*/_jsx(\"p\",{style:{margin:0,opacity:.7,// maxWidth: 500,\nlineHeight:1.5,textAlign:\"center\"},children:subtitle})]});}EmptyState.displayName=\"Empty State\";\nexport const __FramerMetadata__ = {\"exports\":{\"borderPropertyControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Border\":{\"type\":\"reactComponent\",\"name\":\"Border\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"EmptyState\":{\"type\":\"reactComponent\",\"name\":\"EmptyState\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Shared.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{cloneElement}from\"react\";import{borderPropertyControl,Border}from\"https://framerusercontent.com/modules/n9cR4gFLy0DjoxfkLrIe/eDj1MxSfupkYrrIeXQ6b/Shared.js\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerIntrinsicWidth 40\n * @framerIntrinsicHeight 40\n */export default function Navigation(props){function navigate(){if(window){if(props.mode==\"back\"){window.history.back();}else{window.history.forward();}}}if(props.buttonType==\"custom\"){var _props_custom,_props_style,_props_style1;let layer=(_props_custom=props.custom)===null||_props_custom===void 0?void 0:_props_custom[0];if(layer&&(((_props_style=props.style)===null||_props_style===void 0?void 0:_props_style.width)||((_props_style1=props.style)===null||_props_style1===void 0?void 0:_props_style1.height))){layer=/*#__PURE__*/cloneElement(layer,{style:{...layer.props.style,...props.style}});}return /*#__PURE__*/_jsx(\"div\",{onClick:navigate,style:props.style,children:layer});}return /*#__PURE__*/_jsxs(\"div\",{style:{width:props.buttonWidth,height:props.buttonHeight,display:\"flex\",justifyContent:\"center\",alignItems:\"center\",backgroundColor:props.fill,boxSizing:\"border-box\",boxShadow:props.shadows,position:\"relative\",borderRadius:props.radiusIsMixed?`${props.topLeft}px ${props.topRight}px ${props.bottomRight}px ${props.bottomLeft}px`:`${props.radius}px`,...props.style},onClick:navigate,children:[/*#__PURE__*/_jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"none\",viewBox:\"0 0 24 24\",strokeWidth:props.icon.stroke,stroke:props.icon.color,style:{width:props.icon.size,height:props.icon.size},children:/*#__PURE__*/_jsx(\"path\",{strokeLinecap:\"round\",strokeLinejoin:\"round\",d:props.mode==\"back\"?\"M15.75 19.5L8.25 12l7.5-7.5\":\"M8.25 4.5l7.5 7.5-7.5 7.5\"})}),/*#__PURE__*/_jsx(Border,{...props.border})]});}addPropertyControls(Navigation,{mode:{type:ControlType.Enum,defaultValue:\"back\",options:[\"back\",\"forward\"],optionTitles:[\"Back\",\"Forward\"],displaySegmentedControl:true,description:\"*Note:* Does not work in preview\"},buttonType:{type:ControlType.Enum,defaultValue:\"default\",options:[\"default\",\"custom\"],optionTitles:[\"Default\",\"Custom\"],displaySegmentedControl:true,title:\"Button\"},custom:{type:ControlType.ComponentInstance,title:\"Custom\",description:\"Use a custom button layer.\",hidden(props){return props.buttonType!==\"custom\";}},fill:{type:ControlType.Color,defaultValue:\"#EDEDED\",optional:true,hidden(props){return props.buttonType!==\"default\";}},icon:{type:ControlType.Object,controls:{color:{type:ControlType.Color,defaultValue:\"black\"},size:{type:ControlType.Number,defaultValue:24,min:1},stroke:{type:ControlType.Number,defaultValue:2,min:1,max:10,step:.1}},hidden(props){return props.buttonType!==\"default\";}},radius:{type:ControlType.FusedNumber,defaultValue:20,toggleKey:\"radiusIsMixed\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"topLeft\",\"topRight\",\"bottomRight\",\"bottomLeft\"],valueLabels:[\"TL\",\"TR\",\"BR\",\"BL\"],min:0,hidden(props){return props.buttonType!==\"default\";}},border:borderPropertyControl(props=>props.buttonType!=\"default\"),shadows:{type:ControlType.BoxShadow,hidden:props=>props.buttonType!=\"default\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Navigation\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"40\",\"framerIntrinsicHeight\":\"40\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"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"}