{"version":3,"file":"TechnicalGridPattern.DKxzO69M.mjs","names":["React.useId"],"sources":["https:/framerusercontent.com/modules/YTdfY6wtuXQlWzVqsTjQ/DaXBIQZQoXnxHZu95F3n/TechnicalGridPattern.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Fine technical graph-paper pattern with emphasized intersections.\n *\n * @framerIntrinsicWidth 640\n * @framerIntrinsicHeight 960\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function TechnicalGridPattern(props){const{background=\"#FAFAF8\",minorColor=\"rgba(34, 39, 36, 0.08)\",majorColor=\"rgba(34, 39, 36, 0.14)\",crossColor=\"rgba(24, 28, 26, 0.52)\",minorSpacing=5,subdivisions=16,minorWidth=.5,majorWidth=.65,crossSize=5,crossWidth=.7,radius=0,style}=props;const reactId=React.useId().replace(/:/g,\"\");const minorId=`minor-${reactId}`;const majorId=`major-${reactId}`;const safeMinorSpacing=Math.max(2,minorSpacing);const safeSubdivisions=Math.max(2,Math.round(subdivisions));const majorSpacing=safeMinorSpacing*safeSubdivisions;const half=crossSize/2;return /*#__PURE__*/_jsx(\"div\",{\"aria-hidden\":\"true\",style:{position:\"relative\",width:\"100%\",height:\"100%\",overflow:\"hidden\",background,borderRadius:radius,...style},children:/*#__PURE__*/_jsxs(\"svg\",{width:\"100%\",height:\"100%\",preserveAspectRatio:\"none\",style:{position:\"absolute\",inset:0,display:\"block\"},children:[/*#__PURE__*/_jsxs(\"defs\",{children:[/*#__PURE__*/_jsx(\"pattern\",{id:minorId,width:safeMinorSpacing,height:safeMinorSpacing,patternUnits:\"userSpaceOnUse\",children:/*#__PURE__*/_jsx(\"path\",{d:`M ${safeMinorSpacing} 0 L 0 0 0 ${safeMinorSpacing}`,fill:\"none\",stroke:minorColor,strokeWidth:minorWidth,vectorEffect:\"non-scaling-stroke\"})}),/*#__PURE__*/_jsxs(\"pattern\",{id:majorId,width:majorSpacing,height:majorSpacing,patternUnits:\"userSpaceOnUse\",children:[/*#__PURE__*/_jsx(\"rect\",{width:majorSpacing,height:majorSpacing,fill:`url(#${minorId})`}),/*#__PURE__*/_jsx(\"path\",{d:`M ${majorSpacing} 0 L 0 0 0 ${majorSpacing}`,fill:\"none\",stroke:majorColor,strokeWidth:majorWidth,vectorEffect:\"non-scaling-stroke\"}),/*#__PURE__*/_jsx(\"path\",{d:`M 0 0 H ${half} M 0 0 V ${half} M ${majorSpacing} 0 H ${majorSpacing-half} M ${majorSpacing} 0 V ${half} M 0 ${majorSpacing} H ${half} M 0 ${majorSpacing} V ${majorSpacing-half} M ${majorSpacing} ${majorSpacing} H ${majorSpacing-half} M ${majorSpacing} ${majorSpacing} V ${majorSpacing-half}`,fill:\"none\",stroke:crossColor,strokeWidth:crossWidth,strokeLinecap:\"square\",vectorEffect:\"non-scaling-stroke\"})]})]}),/*#__PURE__*/_jsx(\"rect\",{width:\"100%\",height:\"100%\",fill:`url(#${majorId})`})]})});}addPropertyControls(TechnicalGridPattern,{background:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FAFAF8\"},minorColor:{type:ControlType.Color,title:\"Fine Lines\",defaultValue:\"rgba(34, 39, 36, 0.08)\"},majorColor:{type:ControlType.Color,title:\"Major Lines\",defaultValue:\"rgba(34, 39, 36, 0.14)\"},crossColor:{type:ControlType.Color,title:\"Crosses\",defaultValue:\"rgba(24, 28, 26, 0.52)\"},minorSpacing:{type:ControlType.Number,title:\"Fine Grid\",defaultValue:5,min:2,max:20,step:1,unit:\"px\"},subdivisions:{type:ControlType.Number,title:\"Subdivisions\",defaultValue:16,min:2,max:40,step:1,displayStepper:true},minorWidth:{type:ControlType.Number,title:\"Fine Weight\",defaultValue:.5,min:.1,max:2,step:.05,unit:\"px\"},majorWidth:{type:ControlType.Number,title:\"Major Weight\",defaultValue:.65,min:.1,max:3,step:.05,unit:\"px\"},crossSize:{type:ControlType.Number,title:\"Cross Size\",defaultValue:5,min:1,max:20,step:.5,unit:\"px\"},crossWidth:{type:ControlType.Number,title:\"Cross Weight\",defaultValue:.7,min:.1,max:3,step:.05,unit:\"px\"},radius:{type:ControlType.Number,title:\"Radius\",defaultValue:0,min:0,max:100,step:1,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TechnicalGridPattern\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"640\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"960\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TechnicalGridPattern.map"],"mappings":"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"}